/*
Theme Name: Sylton
*/

/* General */

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

html {
    font-size: 15px;
    font-family: "Montserrat", "Roboto";
}
body {
    color: #465058;
    overflow-x: hidden;
}
.grecaptcha-badge {
    visibility: hidden;
}
li {
    font-family: "Montserrat";
}
.hidden {
    display: none !important;
    height: 0;
}
.paid-service {
    display: flex;
}
.bg-white {
    background-color: #fff !important;
}
.overflow-hidden {
    overflow: hidden;
}
.position-sticky {
    position: sticky !important;
}
.position-relative {
    position: relative !important;
}
.admin-bar .fixed-top {
    top: 32px !important;
}

@media (max-width: 782px) {
    .admin-bar .fixed-top {
        top: 46px !important;
    }
}
.animo,
.animo-children>* {
    opacity: 0;
}
.clear {
    clear: both;
}
.clear-right {
    clear: right;
}
.clear-left {
    clear: left;
}
p {
    margin-bottom: 2rem;
    font-weight: 300;
    color: #585757;
    font-family: "Montserrat";
}
.text-muted {
    color: initial !important;
    opacity: 0.5 !important;
}
.text-normal {
    color: #43464b !important;
}
.text-white a {
    color: #fff !important;
}
a>i.ml-1,
a>i.ml-2,
a>i.ml-3,
a>i.ml-4,
a>i.ml-5,
a>i.right {
    position: relative;
    left: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
a:hover>i.ml-1,
a:hover>i.ml-2,
a:hover>i.ml-3,
a:hover>i.ml-4,
a:hover>i.ml-5,
a:hover>i.right {
    left: 5px;
}
a:hover>i.mr-1,
a:hover>i.mr-2,
a:hover>i.mr-3,
a:hover>i.mr-4,
a:hover>i.mr-5,
a:hover>i.left {
    right: 5px;
}
a.text-normal:hover {
    color: #ff6600 !important;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.2;
    font-family: "Montserrat", sans-serif;
}
h3,
h4,
h5,
h6,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 300;
}
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p,
.h1 p,
.h2 p,
.h3 p,
.h4 p,
.h5 p,
.h6 p {
    margin-bottom: 0;
}
h1 {
    font-size: 55px;
}
h2 {
    font-size: 48px;
}

@media (max-width: 992px) {
    .display-1 {
        font-size: 3.5rem;
    }
}

@media (max-width: 480px) {
    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 28px;
    }
    .table-wrapper {
        overflow: auto;
        position: relative;
        left: -15px;
        min-width: 100vw !important;
        max-width: 100vw !important;
    }
}

ul {
    margin-bottom: 2rem;
}
b,
strong,
.strong {
    font-weight: 600;
}
.extra-small,
extra-small {
    font-size: 50%;
    font-weight: 400;
}
.fw-100 {
    font-weight: 100 !important;
}
.fw-200 {
    font-weight: 200 !important;
}
.fw-300 {
    font-weight: 300 !important;
}
.fw-400 {
    font-weight: 400 !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.fw-600 {
    font-weight: 600 !important;
}

@media (min-width: 576px) {
    .w-sm-100 {
        width: 100% !important;
    }
    .w-sm-auto {
        width: auto !important;
    }
    .h-sm-100 {
        height: 100% !important;
    }
    .h-sm-auto {
        height: auto !important;
    }
}

@media (min-width: 768px) {
    .w-md-100 {
        width: 100% !important;
    }
    .w-md-auto {
        width: auto !important;
    }
    .h-md-100 {
        height: 100% !important;
    }
    .h-md-auto {
        height: auto !important;
    }
}
@media (min-width: 992px) {
    .w-lg-100 {
        width: 100% !important;
    }
    .w-lg-auto {
        width: auto !important;
    }
    .h-lg-100 {
        height: 100% !important;
    }
    .h-lg-auto {
        height: auto !important;
    }
}
@media (min-width: 1200px) {
    .w-xl-100 {
        width: 100% !important;
    }
    .w-xl-auto {
        width: auto !important;
    }
    .h-xl-100 {
        height: 100% !important;
    }
    .h-xl-auto {
        height: auto !important;
    }
}

a {
    text-decoration: none;
    position: relative;
    transition: all 0.15s ease-in-out;
    font-family: "Roboto", sans-serif;
}
a:hover {
    color: #000;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
    border-style: solid;
}
.close {
    height: 20px;
    width: 20px;
    position: relative;
    box-sizing: border-box;
    line-height: 20px;
    display: inline-block;
    opacity: 1;
}
.close:before,
.close:after {
    transform: rotate(-45deg);
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    height: 3px;
    width: 20px;
    background-color: #000;
    transition: all 0.25s ease-out;
}
.text-white .close:before,
.text-white .close:after,
.close.text-white:before,
.close.text-white:after {
    background-color: #fff;
}
.close:after {
    transform: rotate(-135deg);
}
.close:hover:before,
.close:hover:after {
    transform: rotate(0deg);
}

span {
    font-family: "Montserrat";
}
.close span {
    display: none;
}
.col-sticky-holder {
    display: flex;
    display: -webkit-flex;
    flex: 1;
    flex-flow: column nowrap;
}
.sticky-holder {
    position: relative;
    /* display: flex; */
    -webkit-flex: 2;
    flex: 2;
}
.sticky {
    display: block;
}
button {
    outline: 0 !important;
}
.border-none {
    border: none !important;
}
.btn {
    cursor: pointer;
    font-weight: 400;
    padding: 0.5rem 1.5rem;
    white-space: inherit;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.btn.disabled,
.btn:disabled {
    opacity: 0.25;
}
.btn.loading {
    position: relative;
}
.btn.loading:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: inherit;
    opacity: 0.8;
    border-radius: 0.25rem;
}
.btn.loading:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url(images/loader-light.svg) no-repeat center center;
}
.btn-link.loading:after,
.btn-transparent.loading:after {
    background: url(images/loader-dark.svg) no-repeat center center;
}
.sharp {
    border-radius: 0;
}

img,
svg {
    max-width: 100%;
    height: auto;
    margin-bottom: 1rem;
}

section {
    border: 0;
}

article {
    padding: 50px 0;
    z-index: 1010;
}
.skew-top {
    -webkit-clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 20%, 100% 100%, 0 100%);
    margin-top: -65px;
}
.skew-bottom {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
    margin-bottom: -65px;
}
.skew-both {
    -webkit-clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
    clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
    margin: -65px 0;
}
.shadow-bottom {
    -webkit-box-shadow: 0px 10px 15px 0px rgba(156, 156, 156, 0.2);
    -moz-box-shadow: 0px 10px 15px 0px rgba(156, 156, 156, 0.2);
    box-shadow: 0px 10px 15px 0px rgba(156, 156, 156, 0.2);
}
.shadow-top {
    -webkit-box-shadow: 0px -10px 15px 0px rgba(156, 156, 156, 0.2);
    -moz-box-shadow: 0px -10px 15px 0px rgba(156, 156, 156, 0.2);
    box-shadow: 0px -10px 15px 0px rgba(156, 156, 156, 0.2);
}
.shadow-both {
    -webkit-box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.4);
    -moz-box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.4);
    box-shadow: 0px 0px 30px 0px rgba(156, 156, 156, 0.4);
}
.overlayed {
    position: relative;
}
.overlayed .container {
    position: relative;
    z-index: 1;
}
.overlayed:before,
.overlayed .slick-slide:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.overlayed:before,
.overlayed .slick-slide:before {
    background: rgba(0, 0, 0, 0.6);
}
.overlayed.pattern-dotted:before,
.overlayed.pattern-dotted .slick-slide:before {
    background: rgba(95, 96, 97, 0.5);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTMzRERGREYwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTMzRERGREUwOEZCMTFFNEI3OTRGMzQ4NzY5NkE0NzQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDMxRTgyODcwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NDMxRTgyODgwOENBMTFFNEExQzNCNTExOEU2Mjk2NUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4jXJ0mAAAAF0lEQVR42mJmYGD4D8TnmEEEEDMABBgAGmcCoh16VmUAAAAASUVORK5CYII=");
}
.overlayed.pattern-dotted-2:before,
.overlayed.pattern-dotted-2 .slick-slide:before {
    opacity: 0.15;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAB5JREFUeNpiZGBg+A8EjECagQnK+A/mMEAAWAYgwADf9ggBN+tpvAAAAABJRU5ErkJggg==");
}
.overlayed.pattern-lined:before,
.overlayed.pattern-lined .slick-slide:before {
    background: rgba(95, 96, 97, 0.2);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAABCAYAAAD0In+KAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzI0MDNENzY2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzI0MDNENzc2QTUyMTFFM0FDMUJDNjY2MkRCNjlDMzMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3MjQwM0Q3NDZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3MjQwM0Q3NTZBNTIxMUUzQUMxQkM2NjYyREI2OUMzMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrPT1y0AAAASSURBVHjaYmZgYPgPxHoAAQYABU0BMT/72gwAAAAASUVORK5CYII=");
}
.overlayed.pattern-lined-h:before,
.overlayed.pattern-lined-h .slick-slide:before {
    background: rgba(95, 96, 97, 0.2);
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAACCAYAAACZgbYnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAAYSURBVHjaYmZgYPjPzMDAoAcAAAD//wMABl8BNN6Jh64AAAAASUVORK5CYII=");
}

i.right {
    margin-left: 10px;
    float: right;
}

i.left {
    margin-right: 10px;
    float: left;
}
.container {
    width: 100%;
}
.container-fluid {
    padding: 0;
    overflow: hidden;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters>[class^="col-"],
.row.no-gutters>[class*=" col-"] {
    padding-right: 0;
    padding-left: 0;
}

[class^="col-"] {
    border: 0;
}
.grayscale,
.grayscale-to-color-animation,
.color-to-grayscale-animation:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.grayscale-to-color-animation:hover,
.color-to-grayscale-animation {
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

/* Wordpress Core (you can edit these classes, but you can't removoe them) */
.avatar {
    border-radius: 50%;
    margin-bottom: 0;
    max-width: 100px;
}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    text-align: center;
    margin: 5px auto 5px auto;
}
.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}
a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}
a img.alignnone {
    margin: 5px 20px 20px 0;
}
a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption,
.gallery-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%;
    /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}
.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
    width: fit-content;
}
.aligncenter.size-full,
.aligncenter.size-large {
    margin-left: -3rem !important;
    margin-right: -3rem !important;
    width: calc(100% + 6rem);
    max-width: calc(100% + 6rem);
}
.alignleft.size-full,
.alignleft.size-large {
    margin-left: -6rem !important;
    width: calc(100% + 6rem);
    max-width: calc(100% + 6rem);
}
.alignright.size-full,
.alignright.size-large {
    margin-right: -6rem !important;
    width: calc(100% + 6rem);
    max-width: calc(100% + 6rem);
}
.size-full>img,
.size-large>img {
    width: auto;
}
.wp-block-image img {
    margin-bottom: 0;
}
.wp-block-image figcaption {
    font-size: 90%;
    color: #868e96;
    text-align: center;
}
.bypostauthor {}
.fb-post {
    margin-bottom: 2rem;
}
blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem;
}
blockquote p {
    margin-bottom: 0;
}
blockquote cite {
    display: block;
    font-size: 0.8rem;
    color: #6c757d;
}
blockquote cite:before {
    content: "\2014 \00A0";
}
blockquote.is-style-large {
    font-size: 2.25rem;
}
.wp-block-columns {
    display: flex;
}
.has-drop-cap:first-letter {
    float: left;
    font-size: 8.4em;
    line-height: 0.9;
    font-weight: 100;
    margin: 0.05em 0.1em 0 0;
    text-transform: uppercase;
    font-style: normal;
}

/* Logged In */
.logged-in .visible-logged-in,
.hidden-logged-in,
.visible-logged-out,
.logged-in .hidden-logged-out {
    display: inherit !important;
}
.visible-logged-in,
.logged-in .hidden-logged-in,
.logged-in .visible-logged-out,
.hidden-logged-out {
    display: none !important;
}

/* Colors */
.bg-gray {
    background-color: #f5f6f8 !important;
}
.bg-gray-before:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 9999px;
    background-color: #f5f6f8;
}
.bg-gray-after:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    width: 9999px;
    background-color: #f5f6f8;
}
.bg-white {
    background-color: #fff !important;
}
.bg-white-before:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 9999px;
    background-color: #fff;
}
.bg-white-after:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    width: 9999px;
    background-color: #fff;
}

/* Navbar */
.navbar .badge-pill {
    position: absolute;
    right: 0px;
    top: 22px;
    padding-right: 0.5em;
    padding-left: 0.5em;
    padding-top: 0.4em;
    padding-bottom: 0.3em;
}
#menu-toggle {
    cursor: pointer;
}
.mobile-menu-label {
    float: left;
    line-height: 51px;
    color: #fff;
    position: relative;
    top: 1px;
}
.hamburger {
    float: left;
    font: inherit;
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 13px 0 14px 0;
    cursor: pointer;
    transition-timing-function: linear;
    transition-duration: 0.15s;
    transition-property: opacity, filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    transform: scale(0.6);
    transform-origin: center left;
}
.hamburger-box {
    position: relative;
    display: block;
    width: 40px;
    height: 24px;
}
.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: 0.15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #fff;
}
#menu-toggle.active .hamburger .hamburger-inner,
#menu-toggle.active .hamburger .hamburger-inner:after,
#menu-toggle.active .hamburger .hamburger-inner:before {
    background-color: #fff;
}
.hamburger-inner:after,
.hamburger-inner:before {
    display: block;
    content: "";
}
.hamburger-inner:before {
    top: -10px;
}
#menu-toggle.active .hamburger .hamburger-inner:before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(0.7);
}
.hamburger-inner:after {
    bottom: -10px;
}
#menu-toggle.active .hamburger .hamburger-inner:after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(0.7);
}
.navbar {
    font-weight: bold;
    font-size: 16px;
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.navbar-light .navbar-nav .nav-link {
/*    text-transform: lowercase; */
    font-family: "Roboto";
}
.navbar-dark .navbar-nav .nav-link {
    font-size: 1.1rem;
    font-weight: 500;
    text-transform: none;
}
.navbar .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
.navbar .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.navbar .navbar-brand {
    padding-top: 0.8125rem;
    padding-bottom: 0.8125rem;
    margin-left: -135px;
}
.navbar .navbar-brand img {
    max-height: 20px;
    width: auto;
    margin-bottom: 0;
}
.navbar .contact-menu {
    position: absolute;
    right: 0px;
}
.navbar-toggler {
    border: none !important;
    font-size: 25px !important;
}
.navbar .navbar-nav .btn {
    margin-right: 1rem;
    margin-left: 1rem;
}
.navbar li:not .nav-link>i {
    font-size: 23px;
    margin-right: 10px;
    position: relative;
    top: 3px;
}
.navbar.navbar-inverse .nav-item {
    padding: 3px 0;
}

/* Navbar Divider */
.navbar .navbar-divider {
    height: 20px;
    margin-top: 0.425rem;
    margin-bottom: 0.425rem;
    width: 1px;
}
.navbar-inverse .navbar-divider {
    background-color: #fff;
}
.navbar-light .navbar-divider {
    background-color: #000;
}

/* Dropdown */
.dropdown-menu {
    display: block !important;
    position: absolute !important;
    background-color: rgba(150, 150, 150, 0.5);
    visibility: hidden;
    font-size: 14px;
    top: 110%;
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(10px);
}
.dropdown-menu:before {
    position: absolute;
    left: 45px;
    top: -5px;
    content: "";
    width: 0px;
    height: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(150, 150, 150, 0.5);
}
.dropdown:hover .dropdown-menu,
.dropdown.hover .dropdown-menu {
    visibility: visible;
    top: 125%;
    opacity: 1;
}
a.btn-primary,
.claim-button {
    color: #fff !important;
    cursor: pointer !important;
}
.claim-button {
    position: absolute;
    right: -117px;
    top: 8px;
    padding: 0.5rem 1rem;
}
.dropdown-item {
    position: relative;
}
.dropdown-item a {
    display: block;
    color: #fff;
}
.sub-menu a {
    padding: .25rem .925rem;
}
.navbar-light .current-menu-item > .nav-link {
    color: #000;
}
.dropdown-item .title {
    background: transparent !important;
    cursor: default;
    border-bottom: 1px solid #e5e5e5;
    font-weight: 600;
}
.navbar .dropdown:hover .dropdown-menu,
.navbar .dropdown.hover .dropdown-menu {
    display: block;
}

/* Mega Menu */
.navbar ul>li.mega-menu {
    position: static;
}
.navbar ul>li.mega-menu>ul {
    width: 100%;
    left: 0;
    padding: 0;
    display: flex !important;
    z-index: 9999;
    margin: 0;
}
.navbar ul>li.mega-menu>ul ul {
    position: static !important;
    display: block !important;
}
.navbar ul>li.mega-menu>ul ul ul:before {
    display: none;
}
.navbar ul>li.mega-menu>ul ul li {
    text-transform: initial;
}
.navbar ul>li.mega-menu>ul>li {
    -webkit-box-shadow: 1px 0px 0px 0px #e8d3c1;
    -moz-box-shadow: 1px 0px 0px 0px #e8d3c1;
    box-shadow: 1px 0px 0px 0px #e8d3c1;
}
.navbar ul>li.mega-menu>ul li.no-title>span {
    display: none;
}
.navbar ul>.columns-1>ul>li {
    flex: 0 0 100%;
    max-width: 100%;
}
.navbar ul>.columns-2>ul>li {
    flex: 0 0 50%;
    max-width: 50%;
}
.navbar ul>.columns-3>ul>li {
    flex: 0 0 33.33333333333333%;
    max-width: 33.33333333333333%;
}
.navbar ul>.columns-4>ul>li {
    flex: 0 0 25%;
    max-width: 25%;
}
.navbar ul>.columns-5>ul>li {
    flex: 0 0 20%;
    max-width: 20%;
}
.navbar ul>.columns-6>ul>li {
    flex: 0 0 16.66666666666667%;
    max-width: 16.66666666666667%;
}
.navbar ul>.columns-7>ul>li {
    flex: 0 0 14.28571428571429%;
    max-width: 14.28571428571429%;
}

/* Mobile Menu */
#sidebar-wrapper .navbar-nav .nav-link {
    width: 100%;
    color: #fff;
    padding: 10px 15px;
}
#sidebar-wrapper .navbar-nav .nav-link:hover {
    background: #283137;
}
#sidebar-wrapper .navbar-nav .my-account .nav-link,
#sidebar-wrapper .navbar-nav .account .nav-link {
    background: #283137;
    border-bottom: 1px solid #212b2f;
    padding-top: 18px;
    padding-bottom: 18px;
}
#sidebar-wrapper .navbar-nav .my-account .nav-link {
    padding-top: 22px;
    padding-bottom: 22px;
}
#sidebar-wrapper {
    min-height: 100vh;
    margin-left: -15rem;
    -webkit-transition: margin 0.25s ease-out;
    -moz-transition: margin 0.25s ease-out;
    -o-transition: margin 0.25s ease-out;
    transition: margin 0.25s ease-out;
}
#sidebar-wrapper .sidebar-heading {
    padding: 0.875rem 1.25rem;
    font-size: 1.2rem;
}
#sidebar-wrapper .nav {
    width: 15rem;
    overflow: hidden;
}
#page-content-wrapper {
    min-width: 100vw;
    position: relative;
}
#wrapper.toggled #page-content-wrapper:before {
    content: "";
    position: absolute;
    z-index: 2080;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: default;
}
#wrapper.toggled #sidebar-wrapper {
    margin-left: 0;
}

@media (max-width: 992px) {
    #sidebar-wrapper {
        overflow: scroll;
        height: 100vh;
    }
}
#menu-mobiel-menu .nav-item.menu-item-has-children.folded:after {
    content: "";
    border-left: 5px solid white;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 20px;
    transform: rotate(0deg);
}
#menu-mobiel-menu .nav-item.menu-item-has-children.unfolded:after {
    content: "";
    border-left: 5px solid white;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 23px;
    transform: rotate(90deg);
}
#menu-mobiel-menu .dropdown-menu:before {
    display: none;
}
#menu-mobiel-menu .dropdown-menu {
    width: 100%;
    transition: none;
    backdrop-filter: none;
    opacity: 1 !important;
}
#menu-mobiel-menu .nav-item.folded .dropdown-menu {
    position: absolute !important;
    visibility: hidden;
    display: none !important;
}
#menu-mobiel-menu .nav-item.unfolded .dropdown-menu {
    position: static !important;
    visibility: visible;
    display: block;
}

/* Forms */
form.bg-white,
form.bg-primary,
form.bg-secondary,
form.bg-success,
form.bg-info,
form.bg-warning,
form.bg-danger,
form.bg-inverse,
form.bg-faded {
    background-color: transparent !important;
}

form.bg-white .gform_body,
form.bg-white .gform_footer {
    background-color: #fff !important;
}

form.bg-primary .gform_body,
form.bg-primary .gform_footer {
    background-color: #ff6600 !important;
}

form.bg-secondary .gform_body,
form.bg-secondary .gform_footer {
    background-color: #232d62 !important;
}

form.bg-success .gform_body,
form.bg-success .gform_footer {
    background-color: #37bd37 !important;
}

form.bg-info .gform_body,
form.bg-info .gform_footer {
    background-color: #5bc0de !important;
}

form.bg-warning .gform_body,
form.bg-warning .gform_footer {
    background-color: #f0ad4e !important;
}

form.bg-danger .gform_body,
form.bg-danger .gform_footer {
    background-color: #d9534f !important;
}

form.bg-inverse .gform_body,
form.bg-inverse .gform_footer {
    background-color: #292b2c !important;
}

form.bg-faded .gform_body,
form.bg-faded .gform_footer {
    background-color: #f7f7f7 !important;
}

form ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.form-group {
    position: relative;
}
.form-group.input-icon .form-control~i {
    position: absolute;
    top: 0;
    padding: 0.65rem 0.75rem;
}
.form-group.input-icon .form-control {
    padding-left: 2.5rem;
}
.form-group.input-icon .form-control-sm~i {
    padding: 0.25rem 0.5rem;
}
.form-group.input-icon .form-control-sm {
    padding-left: 2rem;
}
.form-group.input-icon .form-control-lg~i {
    padding: 1rem 1.5rem;
}
.form-group.input-icon .form-control-lg {
    padding-left: 4rem;
}
.form-control {
    border-color: transparent;
    background-color: #f5f6f8;
}
.form-control:focus {
    border-color: #f5f6f8;
}
.form-white .form-control,
.form-white .gform_fileupload_multifile .gform_drop_area {
    background-color: #fff;
}
.hidden_label>label {
    display: none;
}
.form-check {
    line-height: 1.75rem;
}
.form-check-input {
    margin-left: 0;
}
.form-check-label {
    padding-left: 2rem;
}
.form-text {
    padding: 0 1rem;
}
.custom-control {
    padding-left: 0;
}
.custom-control-indicator {
    top: 0.5rem;
}
.custom-control-description {
    padding-left: 1.5rem;
    cursor: pointer;
}
.custom-control-input:focus~.custom-control-indicator {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.custom-control-input:active~.custom-control-indicator {
    background-color: rgba(255, 102, 0, 0.25);
}
.custom-controls-stacked ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.form-inline .gform_body,
.form-inline .gform_footer {
    padding: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.form-inline .gform_body>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.form-inline .form-group {
    margin-bottom: 0;
}
.form-inline .gform_footer {
    margin-left: -8px !important;
    margin-top: 0 !important;
}
.form-inline.w-100 .gform_footer {
    margin-left: 0 !important;
    margin-top: -8px !important;
}

@media (min-width: 576px) {
    .form-inline.w-sm-100 .gform_footer {
        margin-left: 0 !important;
        margin-top: -8px !important;
    }
    .form-inline.w-sm-auto .gform_footer {
        margin-left: -8px !important;
        margin-top: 0 !important;
    }
}

@media (min-width: 768px) {
    .form-inline.w-md-100 .gform_footer {
        margin-left: 0 !important;
        margin-top: -8px !important;
    }
    .form-inline.w-md-auto .gform_footer {
        margin-left: -8px !important;
        margin-top: 0 !important;
    }
    #menu-standaard-menu > li:first-child {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .form-inline.w-lg-100 .gform_footer {
        margin-left: 0 !important;
        margin-top: -8px !important;
    }
    .form-inline.w-lg-auto .gform_footer {
        margin-left: -8px !important;
        margin-top: 0 !important;
    }
}

@media (min-width: 1200px) {
    .form-inline.w-xl-100 .gform_footer {
        margin-left: 0 !important;
        margin-top: -8px !important;
    }
    .form-inline.w-xl-auto .gform_footer {
        margin-left: -8px !important;
        margin-top: 0 !important;
    }
}
.w-100>.gform_body,
.w-100>.gform_body .form-group,
.w-100>.gform_body .form-group>div,
.w-100>.gform_body .form-control,
.w-100>.gform_footer,
.w-100>.gform_footer .btn {
    width: 100% !important;
}

@media (min-width: 576px) {

    .w-sm-100>.gform_body,
    .w-sm-100>.gform_body .form-group,
    .w-sm-100>.gform_body .form-group>div,
    .w-sm-100>.gform_body .form-control,
    .w-sm-100>.gform_footer,
    .w-sm-100>.gform_footer .btn {
        width: 100% !important;
    }
    .w-sm-auto>.gform_body,
    .w-sm-auto>.gform_body .form-group,
    .w-sm-auto>.gform_body .form-group>div,
    .w-sm-auto>.gform_body .form-control,
    .w-sm-auto>.gform_footer,
    .w-sm-auto>.gform_footer .btn {
        width: auto !important;
    }
    .h-sm-100>.gform_body,
    .h-sm-100>.gform_body .form-group,
    .h-sm-100>.gform_body .form-group>div,
    .h-sm-100>.gform_body .form-control,
    .h-sm-100>.gform_footer,
    .h-sm-100>.gform_footer .btn {
        height: 100% !important;
    }
    .h-sm-auto>.gform_body,
    .h-sm-auto>.gform_body .form-group,
    .h-sm-auto>.gform_body .form-group>div,
    .h-sm-auto>.gform_body .form-control,
    .h-sm-auto>.gform_footer,
    .h-sm-auto>.gform_footer .btn {
        height: auto !important;
    }
}

@media (min-width: 768px) {

    .w-md-100>.gform_body,
    .w-md-100>.gform_body .form-group,
    .w-md-100>.gform_body .form-group>div,
    .w-md-100>.gform_body .form-control,
    .w-md-100>.gform_footer,
    .w-md-100>.gform_footer .btn {
        width: 100% !important;
    }
    .w-md-auto>.gform_body,
    .w-md-auto>.gform_body .form-group,
    .w-md-auto>.gform_body .form-group>div,
    .w-md-auto>.gform_body .form-control,
    .w-md-auto>.gform_footer,
    .w-md-auto>.gform_footer .btn {
        width: auto !important;
    }
    .h-md-100>.gform_body,
    .h-md-100>.gform_body .form-group,
    .h-md-100>.gform_body .form-group>div,
    .h-md-100>.gform_body .form-control,
    .h-md-100>.gform_footer,
    .h-md-100>.gform_footer .btn {
        height: 100% !important;
    }
    .h-md-auto>.gform_body,
    .h-md-auto>.gform_body .form-group,
    .h-md-auto>.gform_body .form-group>div,
    .h-md-auto>.gform_body .form-control,
    .h-md-auto>.gform_footer,
    .h-md-auto>.gform_footer .btn {
        height: auto !important;
    }
}

@media (min-width: 992px) {

    .w-lg-100>.gform_body,
    .w-lg-100>.gform_body .form-group,
    .w-lg-100>.gform_body .form-group>div,
    .w-lg-100>.gform_body .form-control,
    .w-lg-100>.gform_footer,
    .w-lg-100>.gform_footer .btn {
        width: 100% !important;
    }
    .w-lg-auto>.gform_body,
    .w-lg-auto>.gform_body .form-group,
    .w-lg-auto>.gform_body .form-group>div,
    .w-lg-auto>.gform_body .form-control,
    .w-lg-auto>.gform_footer,
    .w-lg-auto>.gform_footer .btn {
        width: auto !important;
    }
    .h-lg-100>.gform_body,
    .h-lg-100>.gform_body .form-group,
    .h-lg-100>.gform_body .form-group>div,
    .h-lg-100>.gform_body .form-control,
    .h-lg-100>.gform_footer,
    .h-lg-100>.gform_footer .btn {
        height: 100% !important;
    }
    .h-lg-auto>.gform_body,
    .h-lg-auto>.gform_body .form-group,
    .h-lg-auto>.gform_body .form-group>div,
    .h-lg-auto>.gform_body .form-control,
    .h-lg-auto>.gform_footer,
    .h-lg-auto>.gform_footer .btn {
        height: auto !important;
    }
}

@media (min-width: 1200px) {

    .w-xl-100>.gform_body,
    .w-xl-100>.gform_body .form-group,
    .w-xl-100>.gform_body .form-group>div,
    .w-xl-100>.gform_body .form-control,
    .w-xl-100>.gform_footer,
    .w-xl-100>.gform_footer .btn {
        width: 100% !important;
    }
    .w-xl-auto>.gform_body,
    .w-xl-auto>.gform_body .form-group,
    .w-xl-auto>.gform_body .form-group>div,
    .w-xl-auto>.gform_body .form-control,
    .w-xl-auto>.gform_footer,
    .w-xl-auto>.gform_footer .btn {
        width: auto !important;
    }
    .h-xl-100>.gform_body,
    .h-xl-100>.gform_body .form-group,
    .h-xl-100>.gform_body .form-group>div,
    .h-xl-100>.gform_body .form-control,
    .h-xl-100>.gform_footer,
    .h-xl-100>.gform_footer .btn {
        height: 100% !important;
    }
    .h-xl-auto>.gform_body,
    .h-xl-auto>.gform_body .form-group,
    .h-xl-auto>.gform_body .form-group>div,
    .h-xl-auto>.gform_body .form-control,
    .h-xl-auto>.gform_footer,
    .h-xl-auto>.gform_footer .btn {
        height: auto !important;
    }
}

img.gform_ajax_spinner {
    display: none;
}
.gform_fileupload_multifile .gform_drop_area {
    border: 2px dashed #ddd;
}
.gform_delete {
    margin-top: -3px;
    margin-bottom: 0;
}

@media (min-width: 641px) {
    #gform_1 .gform_body {
        float: left;
        width: 270px;
    }
    #gform_submit_button_1 {
        padding: 15px 45px;
    }
}

/* Search */
.form-group.input-icon .form-control~#close {
    right: 0;
    cursor: pointer;
}
.form-group.input-icon .form-control~#close,
.search-results .search-results-header {
    opacity: 1;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.inactive .form-group.input-icon .form-control~#close,
.inactive~.search-results .search-results-header {
    opacity: 0;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.loading~.search-results {
    min-height: 90px;
}
.loading~.search-results {
    background: url("images/loader-dark.svg") no-repeat center center transparent;
}

/* Carousel */
.carousel {
    padding: 0;
    list-style: none;
    display: block;
    background: url("images/loader-dark.svg") no-repeat center center transparent;
}
.carousel>div {
    opacity: 0;
    height: 100px;
}
.carousel.slick-initialized {
    background: none;
}
.carousel.slick-initialized>div {
    opacity: 1;
    height: 100%;
    position: relative;
    -webkit-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.carousel.slider {
    height: 9999999px;
}
.carousel .slick-slide img {
    max-height: 100%;
    width: auto;
}
.carousel li {
    float: left;
    display: block;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
    padding-bottom: 20px;
}

/* Post List */
#list,
#list article {
    position: relative;
    padding-bottom: 100px;
}
#list .header-content {
    position: relative;
    z-index: 1010;
    background: #fff;
    border: 1px solid #f2f2f2;
}
#list .entry-content {
    position: relative;
    z-index: 1010;
    background: #fff;
    border: 1px solid #f2f2f2;
    border-top: 0;
}
#list *:hover>.anchorjs-link {
    margin-left: -3.5rem !important;
    padding-right: 2.2rem !important;
}
#list.list-center:before {
    content: "";
    position: absolute;
    z-index: 1020;
    top: -20px;
    left: 50%;
    margin-left: -10px;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 2px solid #f2f2f2;
    border-radius: 50%;
}
#list.list-center:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #f2f2f2;
    position: absolute;
    top: 0;
    left: 50%;
    right: inherit;
}
#list.list-center article:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    top: 50%;
    left: 0;
    bottom: inherit;
}
#list.list-left:before {
    content: "";
    position: absolute;
    z-index: 1020;
    top: -20px;
    left: 0;
    margin-left: -10px;
    height: 20px;
    width: 20px;
    background: #fff;
    border: 2px solid #f2f2f2;
    border-radius: 50%;
}
#list.list-left:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #f2f2f2;
    position: absolute;
    top: 0;
    left: 0;
    right: inherit;
}
#list.list-left article:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
    position: absolute;
    top: 50%;
    left: 0;
    bottom: inherit;
    z-index: -1;
}

/* Comments */
#comments .commentlist {
    font-size: 0.85rem;
}
.comment-text p {
    margin-bottom: 0;
}
.comment-reply-link,
.comment-edit-link {
    color: #bbb;
}
.comment-reply-link:hover,
.comment-edit-link:hover {
    color: #636c72;
}
.children .avatar {
    width: 40px;
}

/* Google Map */
#map {
    height: 600px;
}
.google-map-marker {
    display: none;
}
.info-content.contact-info {
    max-width: 300px;
    padding: 20px;
}
.info-content.contact-info h3 {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}
.info-content.contact-info p {
    margin: 0;
}
.info-content.contact-info p.visiting-address {
    margin-bottom: 24px;
}
.contact-info .phone-email>a {
    position: relative;
    color: #000000;
}
.contact-info .phone-email>a>i {
    position: absolute;
    left: 0;
    top: 3px;
}
.route {
    background: #43464b;
    border-radius: 50px;
    height: 30px;
    line-height: 30px;
    color: #fff !important;
    text-align: center;
    display: inline-block;
}
.route:hover {
    background: #ff6600;
}
.route>i {
    width: 30px;
}

/* Sidebar */
aside {
    padding-bottom: 100px;
}

aside img {
    margin-bottom: 0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

aside .widget:hover img {
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
}

h2 p span {
    color: #091f38;
}
.sidebar h1,
.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5,
.sidebar h6,
.sidebar .h1,
.sidebar .h2,
.sidebar .h3,
.sidebar .h4,
.sidebar .h5,
.sidebar .h6 {
    position: relative;
    padding-bottom: 10px;
}
.sidebar h1:after,
.sidebar h2:after,
.sidebar h3:after,
.sidebar h4:after,
.sidebar h5:after,
.sidebar h6:after,
.sidebar .h1:after,
.sidebar .h2:after,
.sidebar .h3:after,
.sidebar .h4:after,
.sidebar .h5:after,
.sidebar .h6:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 3px;
    width: 50px;
    background: #43464b;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.sidebar .widget {
    margin-bottom: 2rem;
}
.sidebar .widget:hover h1:after,
.sidebar .widget:hover h2:after,
.sidebar .widget:hover h3:after,
.sidebar .widget:hover h4:after,
.sidebar .widget:hover h5:after,
.sidebar .widget:hover h6:after,
.sidebar .widget:hover .h1:after,
.sidebar .widget:hover .h2:after,
.sidebar .widget:hover .h3:after,
.sidebar .widget:hover .h4:after,
.sidebar .widget:hover .h5:after,
.sidebar .widget:hover .h6:after {
    width: 70px;
}
.sidebar dl,
.sidebar ol,
.sidebar ul {
    padding-left: 20px;
}

/* Breadcrumbs */
.breadcrumb {
    background: transparent;
    color: rgba(41, 43, 44, 0.5);
    font-size: 0.75rem;
    padding: 0;
    margin-bottom: 0;
}
.breadcrumb a {
    color: rgba(41, 43, 44, 0.5);
}
.breadcrumb a:hover {
    color: rgba(41, 43, 44, 0.8);
}

/* Post Share */
.meta-share .share-list,
.entry-share .share-list {
    display: flex;
    align-items: center;
}
.meta-share {
    background: #fff;
    border: 1px solid #f2f2f2;
    border-top: 0;
}
.share-list {
    font-size: 14px;
    line-height: 1.714285714286em;
    letter-spacing: 0.25px;
    color: #fff;
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}
.share-list .share {
    display: block;
    clear: both;
}
.share-list .share:first-child {
    margin-top: 0;
}
.share-list .share a {
    display: block;
    float: right;
    width: 90px;
    padding: 9px 20px;
    color: inherit;
    text-decoration: none;
    text-align: right;
    border-radius: 2.5em;
    margin: 5px 0 0 0;
    -webkit-transition: width 300ms;
    transition: width 300ms;
}
.share-list .share a:hover {
    width: 100px;
}
.share-list .share i {
    font-size: 1.5rem;
    float: left;
}

@media (max-width: 575px) {
    .share-list .share a {
        width: 55px !important;
        padding: 10px 0 5px;
        text-align: center;
    }
    .share-list .share i {
        float: none;
    }
}
.share-list .twitter a {
    background-color: #1da1f2;
}
.share-list .facebook a {
    background-color: #3b5998;
}
.share-list .linkedin a {
    background-color: #0077b5;
}
.share-list .whatsapp a {
    background-color: #25d366;
}
.share-list .comments a {
    background-color: #ff6600;
}

/* Waves */
.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}
.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    opacity: 0;
    background: rgba(0, 0, 0, 0.2);
    background: -webkit-radial-gradient(rgba(0, 0, 0, 0.2) 0,
    rgba(0, 0, 0, 0.3) 40%,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(0, 0, 0, 0.2) 0,
    rgba(0, 0, 0, 0.3) 40%,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(0, 0, 0, 0.2) 0,
    rgba(0, 0, 0, 0.3) 40%,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(0, 0, 0, 0.2) 0,
    rgba(0, 0, 0, 0.3) 40%,
    rgba(0, 0, 0, 0.4) 50%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    -webkit-transform: scale(0) translate(0, 0);
    -moz-transform: scale(0) translate(0, 0);
    -ms-transform: scale(0) translate(0, 0);
    -o-transform: scale(0) translate(0, 0);
    transform: scale(0) translate(0, 0);
    pointer-events: none;
}
.waves-effect.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
    background: -webkit-radial-gradient(rgba(255, 255, 255, 0.2) 0,
    rgba(255, 255, 255, 0.3) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%);
    background: -o-radial-gradient(rgba(255, 255, 255, 0.2) 0,
    rgba(255, 255, 255, 0.3) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%);
    background: -moz-radial-gradient(rgba(255, 255, 255, 0.2) 0,
    rgba(255, 255, 255, 0.3) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%);
    background: radial-gradient(rgba(255, 255, 255, 0.2) 0,
    rgba(255, 255, 255, 0.3) 40%,
    rgba(255, 255, 255, 0.4) 50%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0) 70%);
}
.waves-effect.waves-classic .waves-ripple {
    background: rgba(0, 0, 0, 0.2);
}
.waves-effect.waves-classic.waves-light .waves-ripple {
    background: rgba(255, 255, 255, 0.4);
}
.waves-notransition {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.waves-button,
.waves-circle {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%);
}
.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button-input {
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    outline: 0;
    color: inherit;
    background-color: transparent;
    font-size: 1em;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    z-index: 1;
}
.waves-button {
    padding: 0.85em 1.1em;
    border-radius: 0.2em;
}
.waves-button-input {
    margin: 0;
    padding: 0.85em 1.1em;
}
.waves-input-wrapper {
    border-radius: 0.2em;
    vertical-align: bottom;
}
.waves-input-wrapper.waves-button {
    padding: 0;
}
.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}
.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
}
.waves-float {
    -webkit-mask-image: none;
    -webkit-box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    box-shadow: 0 1px 1.5px 1px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
}
.waves-float:active {
    -webkit-box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.3);
}
.waves-block {
    display: block;
}

/* Modal */
@media (max-width: 575px) {
    .modal {
        top: unset;
        padding-top: 40px;
        transform: translate3d(0, 0, 0);
        -webkit-transition: all 300ms ease-in-out;
        transition: all 300ms ease-in-out;
    }
    .modal.modal-full {
        height: 100%;
    }
    .modal.is-pointer-down {
        -webkit-transition: none;
        transition: none;
    }
    .modal.fade {
        opacity: 1;
    }
    .modal-open .modal {
        overflow-y: hidden;
    }
    .modal-open .modal:after {
        content: "";
        height: 1000px;
        width: 100%;
        background: #fff;
    }
    .modal-content:before {
        content: "";
        position: relative;
        top: -15px;
        left: calc(50% - 30px);
        width: 60px;
        height: 7px;
        background: #e5e5e5;
        border-radius: 5px;
    }
    .modal-dialog {
        margin: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        height: 100%;
    }
    .modal-header {
        padding: 5px 20px 10px;
        margin-bottom: 5px;
    }
    .modal-title {
        font-size: 1rem;
    }
    .modal-body {
        overflow: scroll;
    }
    .modal-content {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
    }
}

/* Photoswipe */
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
    -webkit-backface-visibility: hidden;
    outline: none;
}
.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pswp img {
    max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
    /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
    opacity: 0.001;
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--open {
    display: block;
}
.pswp--zoom-allowed .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.pswp--zoomed-in .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}
.pswp--dragging .pswp__img {
    /* autoprefixer: off */
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

/*
        Background is added as a separate element.
        As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}
.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}
.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    /* for open/close transition */
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp__bg {
    will-change: opacity;
    /* for open/close transition */
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}
.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}
.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}
.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}
.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

/*
        stretched thumbnail or div placeholder element (see below)
        style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

/*
        div element that matches size of large image
        large image loads on top of it
*/
.pswp__img--placeholder--blank {
    background: #222;
}
.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

/*
        Error message appears when image is not loaded
        (JS option errorMsg controls markup)
*/
.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc;
}
.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline;
}
.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}
.pswp__button:active {
    outline: none;
    opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}
.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(images/photoswipe-default-skin.svg) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {

    /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(images/photoswipe-default-skin.svg);
    }
    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}
.pswp__button--close {
    background-position: 0 -44px;
}
.pswp__button--share {
    background-position: -44px -44px;
}
.pswp__button--fs {
    display: none;
}
.pswp--supports-fs .pswp__button--fs {
    display: block;
}
.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}
.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}
.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}
.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

/* No arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

/* Arrow buttons hit area */
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}
.pswp__button--arrow--left {
    left: 0;
}
.pswp__button--arrow--right {
    right: 0;
}
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: "";
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute;
}
.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}
.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}

/* Share modal/popup and links */
.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}
.pswp__share-modal--hidden {
    display: none;
}
.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #fff;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}
.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    font-size: 14px;
    line-height: 18px;
}
.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000;
}
.pswp__share-tooltip a:first-child {
    /* round corners on the first/last list item */
    border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}
.pswp__share-modal--fade-in {
    opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #fff;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

a.pswp__share--facebook:hover {
    background: #3e5c9a;
    color: #fff;
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3e5c9a;
}

a.pswp__share--twitter:hover {
    background: #55acee;
    color: #fff;
}

a.pswp__share--pinterest:hover {
    background: #ccc;
    color: #ce272d;
}

a.pswp__share--download:hover {
    background: #ddd;
}

/* Index indicator ("1 of X" counter) */
.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: 0.75;
    padding: 0 10px;
}

/* Caption */
.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}
.pswp__caption small {
    font-size: 11px;
    color: #bbb;
}
.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    font-size: 13px;
    padding: 10px;
    line-height: 20px;
    color: #ccc;
}
.pswp__caption--empty {
    display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
    visibility: hidden;
}

/* Loading indicator (preloader) You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR */
.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}
.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}
.pswp__preloader--active {
    opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
    /* We use .gif in browsers that don't support CSS animation */
    background: url("images/loader-dark.svg") 0 0 no-repeat;
}
.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
    /*  The idea of animating inner circle is based on Polymer ("material") loading indicator by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html */
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

/* root element of UI */
.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}
.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}
.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

/*
        pswp__ui--hidden class is added when controls are hidden
        e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    /* Force paint & create composition layer for controls. */
    opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}
.pswp__element--disabled {
    display: none !important;
}
.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

/* Pagination */
.previous-post,
.next-post {
    padding: 30px 10px 30px 60px;
    width: 50%;
    position: relative;
    color: inherit !important;
}
.next-post {
    float: right;
    text-align: right;
    padding: 30px 60px 30px 10px;
}
.previous-post .blognav-meta,
.next-post .blognav-meta {
    display: block;
    font-size: 13px;
    text-transform: uppercase;
    opacity: 0.5;
}
.previous-post a,
.next-post a {
    width: 100%;
    height: 100%;
    line-height: 55px;
    display: block;
}
.next-post a {
    text-align: right;
}
.previous-post i,
.next-post i {
    position: absolute;
    top: 26px;
    left: 5px;
    opacity: 0.3;
    font-size: 48px;
}
.next-post i {
    right: 5px;
}
.previous-post:hover i,
.next-post:hover i {
    opacity: 1;
}

div[id$="hotjar_branding"] {
    display: none !important;
}

/* Footer */
#footer {
    font-size: 0.9rem;
}
#footer-columns,
#footer-copyright,
#footer-columns a:not(.btn):not(.social-item),
#footer-copyright a:not(.btn):not(.social-item),
#footer-columns p,
#footer-copyright p {
    color: #abafba;
    font-size: 0.8rem;
    line-height: 1.8rem;
}
#footer-columns a,
#footer-copyright a {
    border: 0;
}
#footer-columns a:focus:not(.btn):not(.social-item),
#footer-columns a:hover:not(.btn):not(.social-item),
#footer-copyright a:focus:not(.btn):not(.social-item),
#footer-copyright a:hover:not(.btn):not(.social-item) {
    color: #787878;
}
#footer-columns h1,
#footer-copyright h1,
#footer-columns h2,
#footer-copyright h2,
#footer-columns h3,
#footer-copyright h3,
#footer-columns h4,
#footer-copyright h4,
#footer-columns h5,
#footer-copyright h5,
#footer-columns h6,
#footer-copyright h6 {
    color: #d4d7e0;
    text-transform: uppercase;
    margin-bottom: 1.4rem;
    font-size: 0.8rem;
}
#footer ul {
    padding-left: 0;
    list-style: none;
    padding-top: 7px;
}

/* Additional CSS */
.connect-indicator {
    background-color: #fff;
}
.why-step:nth-child(2) {
    /* padding-top: 100px; */
}
.why-step:nth-child(3) {
    /* margin-top: -100px; */
}
.why-step-section {
    padding-top: 100px;
}
.why-step-image {
    width: 100%;
    height: 180px;
    object-fit: cover;
    object-position: center;
}
.features-520x-chevron {
    position: relative !important;
    top: 0 !important;
}

li {
    font-weight: 300;
}
.page-switcher span,
.page-switcher p,
.event-filter label {
    cursor: pointer;
}
.single-post p,
.single-post li {
    font-size: 1rem !important;
    font-weight: 300;
}
.product-archive-link:hover {
    color: #555aa4 !important;
}
.product-archive-link {
    transition: color 200ms linear;
}
.video-image {
    width: 100%;
    height: 550px;
    object-fit: cover;
    object-position: center;
    margin: 0;
}
#footer .ginput_container_email input:focus {
    color: white;
}
#footer .ginput_container_email input {
    color: white;
}
.ginput_counter,
.gfield_description {
    font-size: 0.9rem;
}

label.gfield_label {
    font-weight: 300;
    color: #585757;
    font-family: "Montserrat";
}

/* polylang menu switcher */
.pll-parent-menu-item a {
    text-transform: uppercase !important;
}

/* single blog page */
.search-blog input {
    border: 2px solid #e4e6e8;
    background-color: transparent;
}
.search-blog {
    background-color: #f7f7f7;
}
.blog-form form .gform_footer button {
    height: 40px;
}
.blog-form form .gform_body {
    width: 100%;
    padding-right: 1rem;
}
.blog-form form .gform_body input {
    background-color: #fff;
    border: none;
}
.blog-form form {
    display: flex;
}
.blog-newsletter {
    background-color: #f7f7f7;
}
.slick-dots {
    display: flex;
    justify-content: center;
}
.slick-dots button {
    display: none;
}
.slick-dots li {
    padding: 0 1rem;
    color: #e4e6e8;
    font-size: 1.5rem;
    transition: color 200ms linear;
}
.slick-dots li.slick-active {
    color: #000;
}
.blog-silder-image {
    height: 215px;
    object-fit: cover;
    object-position: center;
}
.blog-alsoread {
    background-color: #f7f7f7;
}
.single-post-image {
    max-height: 360px;
    object-fit: cover;
    object-position: center;
}

/* Blog page */
.response {
    transition: opacity 200ms linear;
    opacity: 1;
}
.response.loading {
    opacity: 0.5;
}
#blogContent a {
    font-weight: 400;
}
.blog-sidebar-thumbnail {
    margin: 0;
    width: 140px;
    height: 130px;
    object-fit: cover;
    object-position: center;
}
.blog-sidebar .gfield.rounded input {
    opacity: 0.7;
}
.blog-sidebar #gform_4 .gform_footer {
    margin: 0;
}
.blog-sidebar input {
    border: 2px solid #e4e6e8;
    background-color: transparent !important;
    margin-bottom: 3rem;
}
.white-bg {
    background-color: #fff;
}
.blog-sidebar {
    background-color: #f7f7f7;
}
.post-menu-item,
.post-sub-menu-item {
    border-bottom: 1px solid #969696;
    cursor: pointer;
}
.post-search-form input:checked+label h5 {
    color: #000;
}
.post-search-form input:checked+label {
    border-bottom: 2px solid #000;
}
.post-search-form input+label {
    transition: 200ms linear;
}
.post-menu-item.active h5,
.post-sub-menu-item.active h5 {
    font-weight: 500;
}
.post-search-form input[type="radio"] {
    display: none;
}
.blog-post,
.blog-sidebar-post,
.blog-social-icons {
    border-bottom: 2px solid #e4e6e8;
}
.blog-item:hover .blog-post {
    background: #fafafa;
}
.blog-item:first-child .blog-post {
    border-radius: 6px 6px 0 0;
}
.blog-thumbnail,
.blog-thumbnail img {
    margin: 0;
    width: 270px;
    min-width: 270px;
    height: 250px;
    object-fit: cover;
    object-position: center;
}

/* Contact page */
.contact-map {
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-position: center;
}
.contact-padding-1 {
    padding-bottom: 150px;
    background-color: #f7f7f7;
}
.contact-padding-2 {
    padding-top: 150px;
}
.contact-links p,
.contact-links h6,
.contact-links a {
    font-family: "Roboto";
}

/* input styling range */
.form-roi-tool .syl-info-circle {
    opacity: 0.3;
}
.currencyinput input {
    border: 0;
    background-color: transparent;
    color: #585757;
}
.currencyinput {
    background-color: #f7f7f7;
    border: none;
    text-align: right;
}
.currencyinput p {
    min-width: 19px;
}

/* Distributeurs archive page */
.distributeurs-title {
    background-position: top;
    background-size: cover;
    min-height: 500px;
}

/* Professional archive page */
.professional-position {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    contain: content;
}
.quick-link-background {
    background-position: center;
    background-size: cover;
}

/* Download center page */
.padding-downloads-1 {
    padding-top: 175px !important;
}
.download-menu-item {
    border-bottom: 1px solid #969696;
    cursor: pointer;
}
.download-search-form input:checked+label h5 {
    color: #000;
}
.download-search-form input:checked+label {
    border-bottom: 2px solid #000;
}
.download-search-form input+label {
    transition: 200ms linear;
}
.download-menu-item.active h5 {
    font-weight: 500;
}
.download-search-form input[type="radio"] {
    display: none;
}
.download-image {
    height: 180px;
    width: auto;
    object-fit: contain;
    object-position: center;
}
.download-filter,
.downloads {
    border-bottom: 2px solid #e4e6e8;
}

/* Faq page */
.panel-body li {
    font-size: 1rem !important;
}
.faq-page-title {
    min-height: 400px;
}
.panel {
    border: 3px solid #f7f7f7;
    background-color: #fff;
}
.panel-heading.collapsed {
    background-color: #f7f7f7;
}
.panel-heading {
    transition: background-color 200ms linear;
    cursor: pointer;
}
.panel-heading i {
    background-color: #fff;
    width: 38px;
    height: 38px;
    border: 1px solid #f7f7f7;
}
.panel-heading.collapsed i::before {
    content: "\f078";
    left: 10px;
    top: 10px;
    position: relative;
}
.panel-heading i::before {
    content: "\f077";
    left: 10px;
    top: 8px;
    position: relative;
}
.panel-body p {
    margin: 0;
    font-size: 1rem;
}
.faq-menu-item,
.faq-sub-menu-item {
    border-bottom: 1px solid #969696;
    cursor: pointer;
}
.panel-body a {
    font-weight: 400;
}
.faq-search-form label.active h5,
.faq-search-form input:checked+label h5 {
    color: #000;
}
.faq-search-form label.active,
.faq-search-form input:checked+label {
    border-bottom: 2px solid #000;
}
.faq-search-form input+label {
    transition: 200ms linear;
}
.faq-menu-item.active h5,
.faq-sub-menu-item.active h5 {
    font-weight: 500;
}
.faq-search-form input[type="radio"] {
    display: none;
}

/* Beauty expert page */
.beauty-padding-2 {
    padding-bottom: 200px !important;
}
.beauty-padding-1 {
    padding-top: 150px !important;
}
.persuasion-image {
    width: auto;
    height: 400px;
    object-fit: cover;
    object-position: center;
}
.quality-support-image {
    width: 250px;
    height: 200px;
    object-fit: cover;
    object-position: center;
}
.increased-sales-image {
    width: 630px;
    height: 500px;
    object-fit: cover;
    object-position: center;
}
.clients-image {
    width: 460px;
    height: 310px;
    object-fit: cover;
    object-position: center;
}
.loyal-image,
.strength-image {
    height: 650px;
    width: auto;
    object-fit: cover;
    object-position: center;
}
.for-you-image {
    width: 550px;
    height: 435px;
    object-fit: cover;
    object-position: center;
}
.icon-holder {
    background-color: #f7f7f7;
    width: 100px;
    height: 100px;
}

/* Team page */
.team-contact-section {
    padding-bottom: 350px;
}
.team-contact {
    background-color: #f7f7f7;
}
.team-contact .form-control {
    background-color: #fff;
}
.team {
    padding-bottom: 100px;
}
.team-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 10px;
}
.grow-left {
    left: -25%;
}
.last-grow {
    top: 10% !important;
}
.grow {
    grid-row-end: span 2;
    width: 125%;
    position: relative;
}
.team-social i {
    color: #969696 !important;
}
.team-img {
    width: 175px;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

/* Events page */
.event-padding-1 {
    padding-bottom: 250px !important;
}
.event-menu-item {
    border-bottom: 1px solid #969696;
}
.event-search-form input:checked+label h5 {
    color: #000;
}
.event-search-form input:checked+label {
    border-bottom: 2px solid #000;
}
.event-search-form input+label {
    transition: 200ms linear;
}
.event-menu-item.active h5,
.faq-sub-menu-item.active h5 {
    font-weight: 500;
}
.event-search-form input[type="radio"] {
    display: none;
}

span.disabled {
    opacity: 0.25;
    pointer-events: none;
}
.event-image {
    min-height: 135px;
    width: 100%;
    object-fit: contain;
    object-position: center;
}
.event-filter,
.event-filter p,
.event-info {
    border-bottom: 2px solid #e4e6e8;
}

/* Our distributors page */

.distributor-page-end img {
    max-width: 500px;
    height: 500px;
    object-fit: contain;
    object-position: center;
}
.contact-holder img {
    bottom: 0;
    left: 30%;
    height: 65%;
    width: auto;
    object-fit: cover;
    object-position: center;
}
.distributor-contact {
    background-color: #f7f7f7;
}
.dealer-info {
    border-bottom: 2px solid #e4e6e8;
}
.country-image,
.country-image img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 0 7px #585757;
    border-radius: 8px;
}

/* Observ 520x page */

.skin-tour-step-indicator {
    position: sticky;
    margin-bottom: -300px;
    height: 300px;
    opacity: 0;
    top: 150px;
    padding-top: 5rem;
    padding-left: 20px;
    transition: 0.3s;
    margin-left: -200px;
    display: none;
}
@media (min-width: 768px) {
    .skin-tour-step-indicator {
        display: block;
    }
    #footer ul {
        margin: 0;
    }
}
.skin-tour-step-indicator.active {
    opacity: 1;
    margin-left: 0;
}
.admin-bar .skin-tour-step-indicator {
    top: 182px;
}
.skin-tour-step-indicator h3 a {
    color: rgba(255,255,255, 0.5);
    font-weight: 400;
    transition: 0.3s;
}
.skin-tour-step-indicator h3 a:hover {
    color: #fff;
}
.skin-tour-step-indicator h3.active a {
    color: #fff;
    font-weight: 700;
}
.tablets-row {
    gap: 3rem 0;
}
@media (min-width: 768px) {
    #step1 > .container, #fps > .container, #analyse > .container, #skin_analyse > .container, #visualisation > .container, #step2 > .container, #step3 > .container, #step4 {
        padding-left: 100px;
    }
}
.step-1-section {
    background-color: #000;
}
.step-2-section {
    background-color: #272727;
}
.step-3-section {
    background-color: #000;
}
.step-3-section-520 {
    background-color: #272727;
}
.step-4-section {
    background-color: #272727;
}
.step-1-image {
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
}
.features-520x-image {
    object-fit: cover;
    height: 880px;
    object-position: center;
    z-index: -1;
    position: relative;
}
.why-collage-4 {
    height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.why-collage-3 {
    width: 75%;
}
.grey-background {
    background-color: #ecedee;
}
.white-background {
    background-color: #fff;
}
.fps-section {
    background-color: #000;
}
.fps-image {
    height: 350px;
    width: 100%;
    object-fit: cover;
    object-position: top;
}
.positioning-cover-image {
    position: absolute;
    top: 15px;
    right: 0px;
    z-index: 2;
    margin: 0;
}
.fps {
    min-height: 700px;
    margin-left: 10%;
    margin-right: 5%;
}
.video-padding {
    padding-bottom: 130px !important;
}
.package-row {
    padding: 75px 0;
}
.app-520x {
    background-color: #272727 !important;
}
.quick-small-image {
    max-width: 65px;
    height: auto;
}
.quick-small-image:hover {
    cursor: pointer;
}
.quick-image-holder p {
    border-bottom: 1px solid #969696;
    transition: 200ms linear;
    cursor: pointer;
    min-width: 65px;
    text-align: center;
}
.quick-image-holder:hover p,
.quick-image-holder.active p {
    border-color: #6bbdb9;
    color: #6bbdb9 !important;
}
.analyse-image-holder {
    border-bottom: 1px solid #969696;
    transition: 200ms linear;
    cursor: pointer;
    min-width: 65px;
    text-align: center;
}
.observ-520 .quick-image-holder:hover p,
.observ-520 .quick-image-holder.active p {
    border-color: #555aa4;
    color: #555aa4 !important;
}
.quick {
    background-color: #000;
}
.ghost {
    background-color: #272727;
}
.skin-analyse-content {
    top: 5%;
    z-index: 2;
    position: block;
}
.skin-analyse-content p {
    max-width: 300px;
}
.skin-analyse-image-container {
    position: relative;
    height: 850px;
}
.skin-analyse-easthetic p{
    font-size: 14px !important;
}
.skin-analyse-image,
.skin-analyse-image-temp {
    width: auto;
    height: 850px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 769px) {
    .skin-analyse-image-container {
        height: 525px;
        padding-top: 100px;
    }
}
.skin .skin-analyse .options p {
    border-bottom: 1px solid #969696;
    transition: 200ms linear;
    cursor: pointer;
}
.skin-analyse .options p:hover,
.skin-analyse .options p:active,
.skin-analyse .options p.active {
    border-color: #fff;
    color: #fff !important;
}
.skin-analyse .options {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    width: 100%;
    align-items: center;
}
.skin-analyse {
    background-color: #000;
}

/* Product archive page */

.icon-steps {
    background-color: #fff;
}
.connect-image,
.connect-image img {
    height: 400px;
    object-fit: cover;
    object-position: center;
    width: 100%;
}
.additional-product-image,
.product-image-summary {
    height: 400px;
    width: 100%;
    object-fit: contain;
    object-position: center;
    margin-bottom: 0;
}
.connect {
    background-size: cover;
    background-position: center;
}
.archive-product:hover:after {
    opacity: 1;
}
.archive-connect:hover:after {
    opacity: 0.5;
}
.archive-product:hover,
.archive-connect:hover {
    background-color: #f7f7f7;
}
.archive-product:after {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    width: 85%;
    height: 100%;
    background-color: #fafafa;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-12deg);
    transform: skew(-12deg);
    opacity: 0;
    transition: opacity 200ms linear;
}
.archive-connect:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f1f1f1;
    opacity: 0;
    transition: opacity 200ms linear;
}
.archive-product,
.archive-connect {
    transition: background-color 200ms linear;
}
.archive-product .container,
.archive-connect .container {
    z-index: 9;
}
.archive-product,
.archive-connect {
    position: relative;
    overflow: hidden;
}
.skin-slider-img {
    height: 20rem;
    object-fit: contain;
    margin: 0;
}
.archive-title {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.toggle {
    --width: 80px;
    --height: calc(var(--width) / 3);
    position: relative;
    display: inline-block;
    width: var(--width);
    height: var(--height);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    border-radius: var(--height);
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-top: 20px;
}
.toggle input {
    display: none;
}
.toggle .slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--height);
    background: #5881c1;
    transition: all 0.4s ease-in-out;
}
.toggle .slider::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(var(--height));
    height: calc(var(--height));
    border-radius: calc(var(--height) / 2);
    background-color: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-in-out;
}
.toggle input:checked+.slider {
    background-color: #2196F3;
}
.toggle input:checked+.slider::before {
    transform: translateX(calc(var(--width) - var(--height)));
}
.toggle .labels {
    position: absolute;
    top: 5px;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 12px;
    font-family: sans-serif;
    transition: all 0.4s ease-in-out;
}
.toggle .labels::after {
    content: attr(data-off);
    position: absolute;
    right: 5px;
    color: #ffffff;
    opacity: 1;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
}
.toggle .labels::before {
    content: attr(data-on);
    position: absolute;
    left: 5px;
    color: #ffffff;
    opacity: 0;
    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease-in-out;
}
.toggle input:checked~.labels::after {
    opacity: 0;
}
.toggle input:checked~.labels::before {
    opacity: 1;
}
.first-stand-image {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}
.second-stand-image {
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    transition: opacity 0.5s ease-in-out;
}
.first-stand-image.active {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.second-stand-image.active {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.stand-images-container {
    position: relative;
    text-align: center;
}
.stand-images-container img {
    height: 500px;
    width: auto;
    object-fit: unset;
}

/* Thank you distributor page */
.thankyou-dist-block {
    background-color: #f7f7f7;
}
.form #gform_5 {
    display: flex;
}
.form .form-control,
.distributor-contact .form-control {
    background-color: #fff;
    border: none;
}
.form .gfield {
    margin: 0;
}
.form button {
    height: 100%;
    margin-left: 1rem;
}
.form .btn-primary {
    background-color: #00aa88;
    border-color: #00aa88;
}
.form .gform_body {
    width: 60%;
}
.form form {
    justify-content: center;
}

/* Thank you professional page */
.thankyou-prof-divider {
    position: absolute;
    left: -87%;
    top: 35%;
}
.logo-holder {
    background-color: #f7f7f7;
    width: 95px;
    height: 95px;
}
.thankyou-link {
    color: #969696;
}
.contact-logos i {
    font-size: 2.5rem;
}
.logo-holder i {
    font-size: 3rem;
}
.thankyou-prof i {
    font-size: 120px;
    color: #00aa88;
}

/* Why section observ 320 */
.why-section {
    padding-top: 125px;
}

/* Collage section observ 320 */
.collage-divider-1 {
    position: absolute;
    right: 0;
    top: 0;
    width: 75%;
}
.collage-divider-2 {
    position: absolute;
    left: 0;
    top: 53%;
    width: 89%;
}
.collage {
    min-height: 90rem;
}
.img-1 {
    width: 50%;
    height: 35%;
    object-position: center;
    object-fit: cover;
    right: 10%;
    top: 5%;
    position: absolute;
}
.img-2 {
    width: 25%;
    height: 17%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 22%;
    top: 22%;
}
.img-3 {
    width: 33%;
    height: 22%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 40%;
    right: 22%;
}
.img-4 {
    width: 50%;
    height: 35%;
    object-position: center;
    object-fit: cover;
    position: absolute;
    top: 59%;
    left: 13%;
}
.img-5 {
    width: 33%;
    height: 22%;
    object-fit: cover;
    object-position: center;
    position: absolute;
    top: 78%;
    right: 12%;
}

/* App section observ 320 */
#app {
    background-color: #000;
}

/* Analyse observ 320 */
.selected-analyse img:hover {
    box-shadow: 0 0 5px grey;
}
.selected-analyse img {
    transition: box-shadow 200ms linear;
    cursor: pointer;
}
#outsideanalyse {
    background-color: #272727;
}

/* Visualisation observ 320 */
#visualisation {
    background-color: #000;
}

/* Skin tour observ 320 */
.step img {
    height: 250px;
    object-position: center;
    object-fit: cover;
}
.step p {
    font-size: 1rem;
}

/* 404 page */
.content-404 {
    padding: 5rem 0;
}
#scnd-footer .copyright {
    font-size: 0.7rem;
}
#scnd-footer .footer-logo {
    max-width: 135px;
    width: 9rem;
    padding: 5rem 0;
}
#scnd-header .nav-link {
    color: #fff;
}
#scnd-header {
    max-height: 200px;
    height: 10rem;
    background-color: #272727;
}
#scnd-header .navbar {
    background-color: transparent !important;
}
.page-404 i.fa-chevron-right {
    font-size: 0.9rem;
}
.page-404 i.fa-exclamation-circle {
    color: #e15555;
    font-size: 9rem;
}

/* Product 520 page end */
.observ520-image {
    width: 35%;
}

/* Product 520 AIS */
.features-padding-520 {
    padding: 200px 0 100px;
}
.packshots-image {
    width: 85%;
    margin-top: -125px;
}
.chinrest-image {
    width: 60%;
    position: absolute;
    right: -150px;
    top: 0;
}
.ais-image {
    max-height: 130px;
    object-fit: contain;
    object-position: center;
}
.faded-title-520 {
    opacity: 0.3;
    left: -50px;
    top: 77px;
}

/* Product 520 video */
#video iframe {
    width: 100%;
    height: 615px;
}
#video {
    padding-bottom: 275px;
}
.right-seperator {
    position: absolute;
    right: 0;
    bottom: 50px;
}
.left-seperator {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    width: 90%;
}
.mini-seperator {
    position: absolute;
    left: 0;
    top: 160px;
}

/* Product 520 package */

i.fa-check {
    color: #00aa88;
}
#package img {
    position: absolute;
    bottom: -270px;
    left: -245px;
    width: 80%;
}
#package {
    padding-top: 150px;
}
#package h1.z-min {
    left: -200px;
    top: -150px;
}

/* Product specification 520 */
#specifications ul li p.title {
    width: 25%;
}
#specifications li:nth-child(even) {
    background: #fff;
}
#specifications li:nth-child(odd) {
    background: #f7f7f7;
}

/* Analyse section product 520 */
@media (max-width: 1200px) {
    .analyse-type {
        height: 130px;
    }
}
.analyse-type i {
    font-size: 50px;
    color: #585757;
    transition: color 200ms linear;
}
.analyse-520 .blue-title {
    position: inherit;
}
.display-1 {
    font-size: 12rem;
}
.icon-list li {
    margin-bottom: 10px;
}
.counter-reset {
    counter-reset: section;
}
.counter-item::after {
    counter-increment: section;
    content: " " counter(section);
}
.tablets-row h3 {
    margin-top: 7px;
}
.analyse-520 .display-1 {
    top: -25px;
    left: -85px;
    opacity: 0.3;
}
.analyse-520 .content {
    padding-top: 75px;
}
.analyse-image-container {
    position: relative;
}
.analyse-image {
    max-height: 600px;
    width: auto;
}
.analyse-image-temp {
    max-height: 600px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.analyse-image-back {
    max-height: 600px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.analyse-520x {
    position: relative;
}
.analyse-type {
    cursor: pointer;
    min-height: 160px;
}
.analyse-type.active .analyse-text p,
.analyse-type.active .analyse-text h5,
.analyse-type.active i {
    color: #555aa4 !important;
}
.analyse-type:hover .analyse-text p,
.analyse-type:hover .analyse-text h5,
.analyse-type:hover i {
    color: #555aa4 !important;
}
.analyse-520x .analyse-type:hover .analyse-text p,
.analyse-520x .analyse-type:hover .analyse-text h5,
.analyse-520x .analyse-type:hover i {
    color: #6bbdb9 !important;
}
.analyse-520x .analyse-type.active .analyse-text p,
.analyse-520x .analyse-type.active .analyse-text h5,
.analyse-520x .analyse-type.active i {
    color: #6bbdb9 !important;
}
.analyse-320 .analyse-type:hover .analyse-text p,
.analyse-320 .analyse-type:hover .analyse-text h5,
.analyse-320 .analyse-type:hover i {
    color: #bd2975 !important;
}
.analyse-320 .analyse-type.active .analyse-text p,
.analyse-320 .analyse-type.active .analyse-text h5,
.analyse-320 .analyse-type.active i {
    color: #bd2975 !important;
}
.analyse-types:hover .analyse-text p,
.analyse-types:hover .analyse-text h5,
.analyse-types:hover i {
    color: #fff;
}
.analyse-types:hover i.grey {
    color: #585757;
}
.analyse-type img {
    width: 50px;
    height: 50px;
}
.analyse-text h5 {
    color: #585757;
    transition: color 200ms linear;
}
.analyse-text p {
    font-size: 15px;
    transition: color 200ms linear;
}
.analyse-520 {
    background-color: #000;
}

/* Featerues section product 520 */
.big-image {
    position: absolute;
    top: -50px;
    right: -40%;
    max-width: none;
    width: 1240px;
}
#features .padding {
    padding: 200px 0 450px;
}
.pb-150 {
    padding-bottom: 150px !important;
}
.fluid-image {
    width: 700px;
    height: 470px;
    object-fit: cover;
    object-position: center;
}

/* Why section product 520 */

.img-comp-container {
    position: relative;
    height: 670;
    /*should be the same height as the images*/
}
.img-comp-img {
    position: absolute;
    width: auto;
    height: auto;
    overflow: hidden;
}
.img-comp-img img {
    display: block;
    vertical-align: middle;
    max-width: 999px;
    width: 530px;
    height: 670px;
    object-fit: cover;
}
.img-comp-slider {
    position: absolute;
    z-index: 9;
    cursor: ew-resize;
    /*set the appearance of the slider:*/
    width: 20px;
    height: 20px;
    background-color: #fff;
    opacity: 0.8;
    border-radius: 50%;
}
.why-padding .display-1,
.why-520x .display-1,
.package.display-1 {
    opacity: 0.3;
}
.display-320-why {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -135px;
}
.why-520x-padding {
    padding-top: 75px;
}
.why-520x-padding .display-1 {
    left: -60px;
    top: -75px;
}

/* Product navigation */
.product-template-page-observ-520x a.product-nav-item:hover,
.product-template-page-observ-520x a.product-nav-item:focus,
.product-template-page-observ-520x a.product-nav-item:active {
    color: #6bbdb9;
}
.product-template-page-observ-320 a.product-nav-item:hover,
.product-template-page-observ-320 a.product-nav-item:focus,
.product-template-page-observ-320 a.product-nav-item:active {
    color: #bd2975;
}

a.product-nav-item {
    color: #161615;
    font-size: 1.1rem;
}

a.product-nav-item:hover,
a.product-nav-item:focus,
a.product-nav-item:active {
    color: #555aa4;
}

/* Testimonials */
.testimonial img {
    width: 80px;
    height: 80px;
    object-fit: cover;
    object-position: center;
}
.testimonial-slick-slider .slick-track {
    display: flex;
}
.testimonial-slick-slider .slick-track .slick-slide {
    margin: auto;
}

/* Bottom quick links */
.bottom-links {
    padding-bottom: 100px;
}

/* Quick links */
.quick-link {
    height: 532px;
}
.hidden-content {
    max-height: 0;
    overflow: hidden;
    transition: 0.4s ease-out;
}
.quick-link:hover .hidden-content {
    max-height: 999px;
    transition: 0.5s ease-in;
}
.quick-link:hover .fa-chevron-down {
    font-size: 0;
    padding: 0 !important;
    margin: 0 !important;
}
.quick-link .fa-chevron-down {
    transition: 200ms linear;
}
.quick-link:hover {
    background-color: rgba(0, 0, 0, 0.5);
}

/* Header */

.navbar {
    background-color: rgba(150, 150, 150, 0.5) !important;
    transition: background-color 200ms linear;
    height: 65px;
}
.navbar:before {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@-moz-document url-prefix() {
    .navbar {
        background-color: rgba(150, 150, 150, 0.9) !important;
    }
}
.header-img {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.menu-login {
    display: flex;
    margin-left: auto;
}
.menu-login a {
    margin: auto 0;
}
#header {
    position: sticky;
    top: 0;
    z-index: 999;
    margin-bottom: -65px;
}
.dropdown-item {
    margin: 0 auto;
}
.admin-bar #header {
    top: 32px !important;
}

/* Footer */
#footer a,
#footer p {
    color: #969696;
    transition: 0.3s;
}
#footer a:hover {
    color: #fff;
}
#footer .col-md-2 li {
    padding-bottom: 0.6rem;
}
#gform_4 {
    display: flex;
}
#gform_4 .gform_body {
    width: 75%;
}
#gform_4 .gfield {
    margin: 0;
}
#gform_4 .gform_footer {
    margin: auto 0;
}
#gform_4 .gform_footer button {
    margin-left: 10px;
    line-height: inherit;
}
.gfield_error input,
.gfield_error textarea,
.gfield_error .custom-control-indicator {
    border: 1px solid red;
}
.validation_message {
    color: red;
}
.gfield.rounded input {
    border-radius: 6px;
    background-color: #585757;
}
#footer .footer-logo .textwidget {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
    border-bottom: 1px solid #585757;
}
#footer p {
    margin-bottom: 0;
}


/* Dividers */
.divider-320-2 {
    top: 225px;
}
.divider-320-1 {
    bottom: -100px;
    z-index: -1;
}
.divider-home-1 {
    bottom: 0;
    z-index: -1;
}
.divider-contact-1 {
    right: 0;
    top: -175px;
}
.divider-downloads-2 {
    bottom: 0;
    z-index: -1;
}
.divider-downloads-1 {
    right: 0;
    bottom: -150px;
}
.divider-faq-3 {
    bottom: 0;
    right: 0;
}
.divider-faq-2 {
    top: -50px;
}
.divider-faq-1 {
    right: 0;
    top: 50rem;
}
.divider-team-1 {
    bottom: 0;
}
.divider-dna-3 {
    right: 0;
    bottom: 0;
}
.divider-dna-2 {
    left: -150px;
    z-index: -1;
    bottom: -15px;
}
.divider-dna-1 {
    right: -150px;
    z-index: -1;
    top: 110px;
}
.divider-events-3 {
    z-index: -1;
    bottom: -150px;
}
.divider-events-2 {
    top: -150px;
}
.divider-events-1 {
    right: 0;
    top: 115px;
}
.divider-our-distributors-2 {
    bottom: -50px;
    z-index: -1;
}
.divider-our-distributors-1 {
    top: 150px;
    right: 0;
}
.divider-medici-4 {
    right: 0;
    top: 50px;
    z-index: -1;
}
.divider-beauty-5 {
    bottom: 0;
    z-index: -1;
    right: 0;
}
.divider-beauty-4 {
    right: 0;
    bottom: 50px;
    z-index: -1;
}
.divider-beauty-3 {
    bottom: 350px;
    z-index: -1;
}
.divider-beauty-2 {
    right: 0;
    top: 550px;
    z-index: -1;
}
.divider-beauty-1 {
    right: 0;
    top: -150px;
}
.divider-professional {
    bottom: -35px;
    z-index: -1;
}
.last-divider-520 {
    padding-bottom: 250px !important;
}
.first-seperator-520 {
    width: 40%;
    position: absolute;
    bottom: -75px;
}
.divider-520x-2 {
    bottom: 25px;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    right: 0;
    z-index: -2;
}
.divider {
    position: absolute;
    margin-bottom: 0;
    z-index: -2;
}
.product-archive-divider {
    bottom: 0;
    z-index: -1;
}

/* Additional bootstrap */
.no-action-btn {
    cursor: default;
    pointer-events: none;
}
.no-border {
    border-bottom: none !important;
}
.large-header-image {
    height: 680px;
    padding-top: 65px;
    box-sizing: border-box;
}
.medium-header-image {
    height: 540px;
}
.small-header-image {
    height: 400px;
}
.medium-header-image,
.small-header-image,
.large-header-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.large-header-image,
.medium-header-image,
.small-header-image {
    padding-top: 65px !important;
    padding-bottom: 0px !important;
}
.original-blue {
    color: #5881c1 !important;
}

span.btn-light {
    cursor: default;
}
.lh-2 {
    line-height: 2 !important;
}
.arrow-right::after {
    content: "\e926";
    font-family: "syl";
    position: absolute;
    right: -10px;
    top: 30px;
    font-size: 2rem;
    color: #5881c1;
    z-index: 9;
}
.background-position {
    background-position: center;
    background-size: cover;
}
.object-fit {
    object-fit: cover;
    object-position: center;
}
.z-plus {
    z-index: 9 !important;
}
.fs-08 {
    font-size: 0.8rem !important;
}
.fs-1 {
    font-size: 1rem !important;
}
.fs-15 {
    font-size: 1.5rem !important;
}
.fs-2 {
    font-size: 2rem !important;
}
.fs-25 {
    font-size: 2.5rem !important;
}
.fs-3 {
    font-size: 3rem !important;
}
.justify-content-evenly {
    justify-content: space-evenly !important;
}
.square {
    min-height: 275px;
    object-fit: cover;
    object-position: center;
}
.square-lg {
    min-height: 400px;
    object-fit: cover;
    object-position: center;
}
.overflow-hidden {
    overflow: hidden !important;
}

img.seperator {
    position: absolute;
    bottom: 0;
}
.icon-list li {
    position: relative;
    padding-left: 30px;
}
.icon-list li i,
.icon-list li span {
    position: absolute;
    left: 0;
    top: 5px;
}
.position-absolute {
    position: absolute !important;
}
.position-relative {
    position: relative !important;
}
.blue-title {
    color: #555aa4 !important;
}
.pink-title {
    color: #bd2975 !important;
}
.grey-title {
    color: #969696 !important;
}
.green-title {
    color: #6bbdb9 !important;
}
.z-min {
    z-index: -1;
}
.border-bottom {
    border-bottom: 1px solid #707070;
}
.thin {
    font-family: "Montserrat";
    font-weight: 100;
}
.slanted-side {
    position: relative;
    overflow: hidden;
}
.slanted-side:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 95%;
    height: 100%;
    background-color: #f7f7f7;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0;
    -webkit-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    transform: skew(-15deg);
    z-index: -1;
}
.slanted-side-320:after {
    background-color: #f8f5f4 !important;
}
.btn-transparent {
    border: none;
    padding: 0;
    color: white;
}
.btn-transparent:hover {
    color: #e8d3c1;
}
.underline {
    border-bottom: 1px solid #585757;
    height: fit-content;
    padding-bottom: 0.3rem;
}
.h-fit-content {
    height: fit-content !important;
}
.w-fit-content {
    width: fit-content !important;
}
.opacity-15 {
    opacity: 0.15 !important;
}
.brown-title {
    color: #bda195 !important;
}
.roboto {
    font-family: "Roboto" !important;
}
.panel-title {
    width: 90%;
}
.pagination {
    padding-top: 12px;
}
.nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: baseline;
}
.nav-links > * {
    padding: 0 5px;
}
.nav-links > *:first-child {
    padding-left: 0;
}
.nav-links > *:last-child {
    padding-right: 0;
}

@media (max-width: 1350px) {
    .navbar .navbar-brand {
        margin-left: 12px;
    }
    #sidebar-wrapper .btn-primary {
        position: static;
        margin: 40px 16px 0;
        width: calc(100% - 32px);
    }
}

/*
Additional @media
sm ≥ 576px
md ≥ 768px
lg ≥ 992px
xl ≥ 1200px
*/

@media (min-width: 768px) {
    .page-id-448 #package .z-min {
        bottom: -190px;
    }
    .top-404 {
        padding-bottom: 16rem;
    }
    .admin-bar .product-nav {
        top: 97px;
    }
    .product-nav {
        position: -webkit-sticky;
        position: sticky;
        top: 65px;
        background-color: rgb(255, 255, 255, 0.8);
        backdrop-filter: blur(2px);
        z-index: 9;
    }
    .team-contact .content {
        width: 60%;
    }
    .contact-contact .content {
        //width: 70%;
		width: 80%;
    }
}

#light .btn-primary {
    width: 220px;
    text-align: center;
}

@media (max-width: 768px) {
    #light .btn-primary {
        margin-bottom: 3rem !important;
    }
    #footer .col-md-2 {
        width: 50%;
    }
    .claim-button {
        position: static;
        margin: 35px 15px 0;
        width: calc(15rem - 30px);
    }
    .collage {
        min-height: 45rem;
    }
    .img-comp-img img {
        display: block;
        vertical-align: middle;
        max-width: 999px;
        width: 320px;
        height: 532px;
    }
    .img-comp-container {
        position: relative;
        height: 532px;
        /*should be the same height as the images*/
    }
    #why h1.z-min {
        top: -34px;
        left: 50%;
        font-size: 5rem;
    }
    .img-comparison {
        margin-bottom: 0;
    }

    img.seperator {
        width: 60%;
    }
    .big-image {
        display: none;
    }
    #features .padding {
        padding: 50px 0;
    }
    .w-75 {
        width: 100% !important;
    }
    #specifications ul li p.title {
        width: 50%;
    }
    .analyse-520 .content {
        padding-top: 0;
        margin-bottom: 30px;
    }
    .analyse-520x .content {
        padding-top: 0;
        margin-bottom: 30px;
    }
    .analyse-520 .display-1 {
        left: 0;
        top: -100px;
        pointer-events: none;
    }
    #package {
        padding-top: 200px;
    }
    #package img {
        top: -310px;
        left: 0;
        width: 100%;
    }
    #package h1.z-min {
        left: 0;
        top: -35px;
    }
    #video .w-50 {
        width: 100% !important;
    }
    #video {
        padding-bottom: 150px;
    }
    #video iframe {
        height: 195px;
    }
    .mini-seperator {
        left: -80px;
        width: 60%;
        top: 0;
    }
    .right-seperator {
        width: 80%;
    }
    .ais-image {
        max-height: 90px;
    }
    .chinrest-image {
        display: none;
    }
    .packshots-image {
        width: 100%;
        margin-top: -50px;
    }
    #ais {
        padding-bottom: 95px !important;
    }
    #ais img.seperator {
        bottom: 0;
    }
    .info p {
        height: fit-content;
        margin: auto;
    }
    .analyse-section .w-50,
    .features-section .w-50 {
        width: 100% !important;
    }
    .step img {
        height: 175px;
    }
    .package-section {
        padding: 330px 0 0 !important;
    }
    .package-section .position-relative {
        padding-bottom: 10px !important;
    }
    .slanted-side:after {
        width: 115%;
    }
    .skin-analyse-image {
        height: 485px;
    }
    .skin-analyse-image-temp {
        height: 485px;
    }
    .skin-analyse-image-back {
        height: 485px;
    }
    .skin-analyse-content {
        top: 0;
    }
    .options {
        bottom: 0;
    }
    .package-padding {
        padding-top: 315px;
    }
    .package-row {
        padding-bottom: 0 !important;
    }
    .team-container {
        grid-template-columns: 1fr;
    }
    .grow {
        width: 100%;
    }
    .grow-left {
        left: 0;
    }
    .last-grow {
        top: 0 !important;
    }
    .for-you-image,
    .loyal-image,
    .clients-image,
    .strength-image,
    .increased-sales-image,
    .quality-support-image,
    .persuasion-image {
        width: 100%;
        height: 230px;
    }
    .navbar .navbar-brand {
        margin-left: 1rem;
    }
    .navbar .container.p-0 {
        display: flex;
        justify-content: space-between;
    }
    .navbar-nav {
        position: relative;
        top: 1rem;
    }
    #sidebar-wrapper {
        position: fixed;
        z-index: 999999;
        top: 0;
    }
    .hidden-content {
        max-height: 999px;
    }
    .hidden-content h2 {
        font-size: 1.75rem;
    }
    .quick-link-background .content .fa-chevron-down,
    .background-position .content .fa-chevron-down {
        display: none;
    }
    .quick-link {
        height: 350px;
    }
    .large-header-image {
        min-height: 580px;
    }
    .medium-header-image {
        min-height: 440px;
    }
    .small-header-image {
        min-height: 300px;
    }
    .large-header-image,
    .medium-header-image,
    .small-header-image {
        height: auto;
    }
    [class*="header-image"] .row {
        padding: 0 !important;
    }
    .mobile-menu-label {
        margin-right: 1rem;
        display: none;
    }
    .pagination {
        padding: 20px 0;
        justify-content: center;
    }
    .product-indicator {
        justify-content: center;
    }
    .additional-product-image,
    .product-image-summary {
        height: 200px;
    }
    .arrow-right::after {
        display: none;
    }
    .why-520x-padding {
        padding-top: 0;
    }
    .why-step-section {
        padding-top: 1rem;
    }
    .why-step:nth-child(2) {
        padding-top: 0;
    }
    .why-step:nth-child(3) {
        margin-top: 0;
    }
    .features-520x-image {
        height: 320px;
    }
    .absolute-image-520x {
        height: 250px;
    }
    .positioning-cover-image {
        top: 50%;
        right: 1rem;
        transform: translateY(-50%);
    }
    .skin-analyse .options p {
        font-family: "Roboto";
        font-size: 0.9rem;
    }
    .skin-analyse .options {
        bottom: -115px;
    }
    .skin-analyse {
        padding-bottom: 100px !important;
    }
    .video-image {
        height: 220px;
    }
    .pb-150 {
        padding-bottom: 3rem !important;
    }
    .divider-520x-2 {
        display: none;
    }
    .quick-image-holder {
        min-width: 60px;
    }
    .quick-small-image {
        max-width: 60px;
        max-height: 90px;
        object-fit: cover;
        object-position: center;
    }
    .quick-small-image:hover {
        cursor: pointer;
    }
    .why-section {
        padding-top: 2rem;
    }
    .container-fluid {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 15px;
        padding-left: 15px;
    }
    .why-520x-padding .display-1 {
        left: 11px !important;
        top: -55px !important;
        font-size: 6rem;
    }
    .divider-320-1,
    .divider-beauty-2,
    .divider-downloads-2,
    .divider-dna-2,
    .divider-dna-3 {
        display: none;
    }
    .super-display {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
    .video-padding {
        padding-bottom: 50px !important;
    }
    .right-seperator {
        bottom: 0;
    }
    .fs-sm-1 {
        font-size: 1rem !important;
    }
    .header-slider-image {
        height: 440px;
    }
    .analyse-image-holder {
        text-align: center;
    }
    .panel-title {
        width: 85%;
    }
    .dealer-info {
        display: flex;
        flex-direction: column;
        text-align: center;
    }
    .country-image {
        margin: auto !important;
    }
    .contact-holder img {
        display: none;
    }
    .team-contact-section,
    .team {
        padding-bottom: 0;
    }
    .blog-newsletter .w-50 {
        width: 100% !important;
    }
    .divider-dna-1 {
        display: none;
    }
    .quick-link {
        background-color: rgba(0, 0, 0, 0.5);
    }
    .archive-product:nth-child(odd):after {
        opacity: 1;
    }
    .archive-product:nth-child(odd) {
        background-color: #f7f7f7;
    }
    .header-img {
        padding: 0;
    }
    .header-img .container.my-auto.py-5 {
        background-color: rgba(0, 0, 0, 0.5);
    }
    .display-2 {
        font-size: 5rem;
    }
    .connect-image,
    .connect-image img {
        height: auto;
    }
}
.quick-small-image.quick-image-holder {
    border-bottom: none;
}
.header-slider-image {
    height: 540px;
    object-fit: cover;
    object-position: center;
}
.range-container {
    height: 5px;
    margin: 1rem auto;
    background-color: #5881c1;
    border-radius: 5px;
}
.dragger {
    width: 40px;
    height: 40px;
    color: #fff;
    font-weight: 300;
    line-height: 36px;
    background-color: #5881c1;
    border-radius: 25px;
    border: 3px solid #fff;
}
.dragging {
    background-color: #346ecad2;
}
.progress {
    width: 0px;
    background-color: #222;
}

/** Switch
 -------------------------------------*/

.switch input {
    position: absolute;
    opacity: 0;
}

/**
   * 1. Adjust this to size
   */

.switch {
    display: inline-block;
    font-size: 25px;
    /* 1 */
    height: 1em;
    width: 2em;
    background: #5881c1;
    border-radius: 1em;
}
.switch.paid-switch {
    background-color: #5857574d;
    transition: 0.3s;
}
.switch.paid-switch.blue {
    background: #5881c1;
    transition: 0.3s;
}
.switch div {
    height: 1em;
    width: 1em;
    border-radius: 1em;
    background: #fff;
    box-shadow: 0 0.1em 0.3em rgba(0, 0, 0, 0.3);
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    transition: all 300ms;
}
.switch input:checked+div {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}
.video-dimensions {
    width: 100%;
    height: auto;
}
.rounded-ipad {
    border-radius: 35px;
}
.cookie {
    padding-top: 100px;
}
.col-xs-10 {
    width: 100%;
}
.col-xs-10 .row {
    justify-content: space-between;
}
.prev,
.next {
    cursor: pointer;
}
.product-template-page-observ-320 .fps-section {
    display: none;
}
.col-12 d-flex flex-column {
    display: none;
    overflow: hidden;
}
.text-white p {
    color: #ffffff;
}
.specs-bar {
    padding: 15px;
    border: 1px solid #000;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    border-radius: 5px;
}
.list-content {
    max-height: 0px;
    overflow-y: hidden;
    transition: max-height 1s ease-in-out;
}
.list-content.active {
    max-height: 1000px;
    transition: max-height 1s ease-in-out;
}

@media screen and (max-width: 600px) {
    #wpadminbar {
        position: fixed;
    }
}
.footer-area-social .custom-html-widget {
    padding: 0 0 5px !important;
    border: none !important;
}
.footer-area-social .custom-html-widget a {
    margin-left: 4px;
}
.medium-header-image,
.large-header-image {
    background-color: #F7F7F7;
    position: relative;
}
[class*="header-image"] .desktop-bg,
[class*="header-image"] .mobile-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: no-repeat center / cover;
}
[class*="header-image"].color-white h1,
[class*="header-image"].color-white h2,
[class*="header-image"].color-white p {
    color: #fff !important;
}
[class*="header-image"] h2:only-child {
    margin: 0;
}
.quick_link_background-row {
    justify-content: center;
}
.footer-area-five a {
    white-space: nowrap;
}
.logo-holder img {
    margin: auto;
    max-width: 65px;
}
.icon_holder-container .fas {
    position: relative;
    top: -1px;
    left: 2px;
}
.half_image_half_text-container .row {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
}
.half_image_half_text-container p:not(:last-child) {
    margin-bottom: 1rem !important;
}
.icon_holder-container .pt-5:first-child,
.half_image_half_text-container + .icon_holder-container {
    padding-top: 0 !important;
}
.page-id-810 .icon_holder-container i,
.half_image_half_text-container + .icon_holder-container i {
    font-size: 2.5rem;
}

.half_image_half_text-container + .icon_holder-container h5 {
    font-weight: 400 !important;
}
.wpcf7 p {
    margin: 0 !important;
}
.hasError .form-error {
    display: block;
}
.form-error {
    font-size: 11px;
    text-align: left;
    color: red;
    position: absolute;
    top: 100%;
    left: 32px;
    margin-top: -11px;
    font-weight: 300;
    pointer-events: none;
    display: none;
}
.wpcf7-spinner {
    display: none;
}
form.submitting .wpcf7-spinner {
    display: block;
}
.fancybox__container {
    z-index: 1000050;
}
form select {
    cursor: pointer;
}
#default-menu .menu-item-has-children {
    position: relative;
    margin-right: 1rem;
}
#default-menu .menu-item-has-children::after {
    content: '';
    position: absolute;
    right: 0;
    top: 47%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 4px 0 4px;
    border-color: #ffffff transparent transparent transparent;
}
.large-header-image .fa-chevron-right {
    position: relative;
    top: 1px;
    left: 2px;
}
#features .fa-chevron-right {
    top: 1px !important;
}
.blog-sidebar-post .fs-08 {
    font-size: 0.8rem !important;
}
.slick-slider .slick-arrow {
    font-size: 0;
    border: none;
    width: 30px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    background: no-repeat center / contain;
    cursor: pointer;
}
.slick-slider .slick-prev {
    left: -50px;
    background-image: url(./assets/img/icons/prev.svg);
}
.slick-slider .slick-next {
    left: auto;
    right: -50px;
    background-image: url(./assets/img/icons/next.svg);
}
.testimonial-slick-slider .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -50px;
    margin: 0;
}
.testimonial-slick-slider .slick-dots li {
    padding: 0 10px;
}

.spoiler-wrapper,
.half_image_half_text-container .divider,
.logo-holder img ~ i,
.mobile-bg,
.icon_holder-container h2:empty,
.icon_holder-container p:empty,
.large-header-image .my-auto :empty:not(i) {
    display: none;
}

@media screen and (min-width: 768px) {
    .position-image-right .d-flex {
        order: -1;
    }
    .dots-1.position-image-right .divider-dna-1,
    .dots-1.position-image-left .divider-dna-2 {
        display: block;
    }
}

@media (max-width: 992px) {
    .large-header-image .my-auto,
    .medium-header-image .row {
        width: 100% !important;
    }
    .icon_holder-container .row {
        gap: 20px 0;
    }
}

@media screen and (max-width: 768px) {
    .skin-analyse-content {
        position: static !important;
    }
    .skin-analyse-content p {
        max-width: 100%;
    }
    .skin-analyse-image-container {
        height: 460px;
        padding-top: 0;
    }
    .analyse-image-holder {
        min-width: 0;
        padding: 0.5rem !important;
    }
    .divider-contact-1,
    .desktop-bg {
        display: none;
    }
    .mobile-bg {
        display: block;
    }
    .bottom-links + .icon_holder-container {
        padding-top: 3rem !important;
    }
    .catalog-top-ul {
        margin-top: 20px !important;
    }
    .archive-connect .connect-image,
    .archive-product .product-image-summary {
        margin-bottom: 20px !important;
    }
    .product-image-summary {
        height: auto;
        max-height: 300px;
    }
    .form-wrapper .col-md-6:first-child {
        margin-bottom: 1rem !important;
    }
    .is-compact .fancybox__content > .f-button.is-close-btn {
        padding-top: 15px;
    }
    .contact-header {
        height: 150px;
        min-height: 150px;
    }
    .contact-contact {
        padding: 0 !important;
    }
    .contact-padding-1.form-wrapper {
        padding-bottom: 3rem !important;
    }
    .contact-padding-2 {
        padding-top: 3rem !important;
    }
    .contact-links {
        gap: 30px;
    }
    .contact-links .mx-auto {
        width: 100%;
    }
    #skinOptions .d-flex {
        flex-wrap: wrap;
        justify-content: center;
    }
    #skinOptions p {
        margin-bottom: .5rem;
    }
    #skinOptions .text-white {
        margin-top: 1.5rem;
    }
    .skin-analyse .options {
        position: static !important;
        transform: none;
        margin-bottom: -40px;
    }
    .testimonial-slick-slider h3 p {
        font-size: 1.2rem;
    }
}
.analyse-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.page-id-810 h1 + p {
    max-width: 500px;
}

@media (min-width: 769px) {
    .some-left-padding {
        padding-left: 30px;
    }
    .analyse-type {
        height: 160px;
    }
    .anal-title {
        max-width: 300px;
        font-size: 46px;
    }
    .page-id-810 .why-analyse {
        left: -20px;
    }
    .page-id-810 .why-analyse h2 {
        max-width: 335px;
    }
}



/*** ** ***/


.contact-links h6,
.contact-links p {
    font-size: 1.2rem !important;
}

span#social-name {
    font-size: 1rem;
    color: #fff;
    padding-right: 10px;
}

#top-phone a {
    position: absolute;
    right: 80px;
    top: 17px;
	color:#fff;
}


@media (max-width: 767px) {
.phone-button {
    font-size: 0;
    background: url(https://observ.com.ua/wp-content/uploads/2024/11/phone-ico.png) no-repeat center / auto 24px !important;
	border-radius: 50%;
right:-70px;
}
.button-circle{
	width:30px;
	height:30px;
}
}