/*
Theme Name: 365labb - child
Theme URI: http://impreza.us-themes.com/
Template: Impreza
Author: Oktodigital
Author URI: http://oktodigital.com/
Description: Multi-Purpose WordPress Theme.
Version: 7.5.1589447021
Updated: 2020-05-14 11:03:41

*/


/***** GENERAL STYLING *****/

.m-0 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

@media only screen and (max-width: 767px) {
    .hide-on-mobile {
        display: none !important;
    }
}

.hide-on-desktop {
    display: block;
}

@media only screen and (min-width: 992px) {
    .hide-on-desktop {
        display: none;
    }
}

.hide-to-desktop {
    display: none;
}

@media only screen and (min-width: 992px) {
    .hide-to-desktop {
        display: block;
    }
}


/* highlight color */

::-moz-selection {
    background: #45dbcc;
    color: #132A3B;
    /* WebKit/Blink Browsers */
}

::selection {
    background: #45dbcc;
    color: #132A3B;
    /* WebKit/Blink Browsers */
}

::-moz-selection {
    background: #45dbcc;
    color: #132A3B;
    /* Gecko Browsers */
}


/* buttons */

html .w-btn-wrapper {
    line-height: 1;
}


/* .w-btn.us-btn-style_1 {
    box-shadow: 0 1px 0 #05D68A;
}

.w-btn.us-btn-style_1:hover {
    box-shadow: 0 1px 0 #45dbcc;
} */

.w-btn.us-btn-style_3 {
    text-decoration: underline;
}

.w-btn.us-btn-style_3:hover {
    text-decoration: none;
}

.w-btn.us-btn-style_3 i {
    color: #45dbcc;
}

.w-btn.icon_atright i {
    margin-left: 10px;
}


/* form inputs */

.wpcf7 form.wpcf7-form p>label {
    color: #132a3b;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.wpcf7 form.wpcf7-form p>label {
    padding-left: 11px;
}

.wpcf7 input:not([type="submit"]).wpcf7-not-valid,
.wpcf7 textarea.wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid {
    border: 1px solid #FF236E;
}

.wpcf7 form.wpcf7-form span.wpcf7-not-valid-tip {
    color: #FF236E;
}

.wpcf7-form textarea,
.wpcf7-form select,
.wpcf7-form input:not([type="submit"]),
.wpcf7-form input:not([type="checkbox"]),
.wpcf7-form input:not([type="radio"]) {
    margin-top: 10px;
}

.wpcf7-form input[type="checkbox"],
.wpcf7-form input[type="radio"] {
    margin-top: -1px;
}

.wpcf7 p {
    margin-bottom: 20px;
}

textarea {
    border-radius: 15px !important;
}

select {
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    -o-appearance: none;
    /* Opera */
    appearance: none;
    position: relative;
    background-size: 16px 16px;
    cursor: pointer;
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23919A9E%22%2F%3E%3C%2Fsvg%3E) no-repeat right 30px top 55% !important;
}

select:disabled {
    background: #fff url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23BDC9CD%22%2F%3E%3C%2Fsvg%3E) no-repeat right 30px top 55% !important;
}

input:not([type="submit"]):disabled,
select:disabled,
textarea:disabled {
    color: #BDC9CD;
    border-color: #E9EDF0;
}


/** custom radio styling **/

.wpcf7 input[type="radio"] {
    display: none;
}

.wpcf7 input[type="radio"]+span {
    display: inline-block;
    position: relative;
    /* checkbox width + 2xborder + gap */
    padding-left: calc(14px + 2px + 10px);
    /* CHANGE */
    color: #788081;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    /* text-transform: uppercase; */
}

.wpcf7 input[type="radio"]+span::before {
    content: '';
    width: 14px;
    height: 14px;
    border: 1px solid #D5DBDF;
    background: #ffffff;
    display: block;
    position: absolute;
    left: 0;
    top: calc((28px - (14px + 2px)) / 2);
    border-radius: 50%;
}

.wpcf7 input[type="radio"]:checked+span::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    border-radius: 50%;
    /* CHANGE */
    /* (span line-height - (new input height + 2xborder) ) / 2 */
    top: calc((28px - (14px + 2px)) / 2);
    width: 8px;
    height: 8px;
    border: 4px solid #45dbcc;
    background: #132A3B;
}


/* error state */

.wpcf7 .wpcf7-not-valid input[type="radio"]+span {
    color: #FF236E;
}

.wpcf7 .wpcf7-not-valid input[type="radio"]+span::before {
    border-color: #FF236E;
    background: #ffffff;
}

.wpcf7 .wpcf7-not-valid input[type="radio"]:checked+span::after {
    border-color: #FF236E;
    background: #ffffff;
}


/* disabled state */

.wpcf7 input[type="radio"]:disabled+span {
    color: #BDC9CD;
}

.wpcf7 input[type="radio"]:disabled+span::before {
    border-color: #E9EDF0;
    background: #ffffff;
}

.wpcf7 input[type="radio"]:checked:disabled+span::after {
    border-color: #E9EDF0;
    background: #BDC9CD;
}


/** custom checkbox styling **/

.wpcf7 input[type="checkbox"] {
    display: none;
}

.wpcf7 input[type="checkbox"]+span {
    display: inline-block;
    position: relative;
    /* checkbox width + 2xborder + gap */
    padding-left: calc(14px + 2px + 10px);
    /* CHANGE - same as form input label */
    color: #788081;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    /* text-transform: uppercase; */
}

.wpcf7 input[type="checkbox"]+span a {
    text-decoration: underline;
}

.wpcf7 input[type="checkbox"]+span a:hover {
    text-decoration: none;
}

.wpcf7 input[type="checkbox"]+span:before {
    display: block;
    position: absolute;
    content: "";
    left: 0;
    /* CHANGE */
    /* (span line-height - (new input height + 2xborder) ) / 2 */
    top: calc((28px - (14px + 2px)) / 2);
    border: 1px solid #D5DBDF;
    border-radius: 0px;
    height: 14px;
    width: 14px;
    line-height: 14px;
    background: #ffffff;
}

.wpcf7 input[type="checkbox"]+span:after {
    display: block;
    position: absolute;
    font-family: "fontawesome";
    content: "\f00c";
    left: 0;
    visibility: hidden;
    text-align: center;
    /* CHANGE */
    /* (span line-height - (new input height + 2xborder) ) / 2 */
    top: calc((28px - (14px + 2px)) / 2);
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #45dbcc;
    background: #45dbcc;
    color: #132A3B;
    border-radius: 0px;
    height: 14px;
    width: 14px;
    line-height: 14px;
}

.wpcf7 input[type="checkbox"]:checked+span:before {
    background: transparent;
}

.wpcf7 input[type="checkbox"]:checked+span:after {
    visibility: visible;
}


/* error state*/

.wpcf7 .wpcf7-not-valid input[type="checkbox"]+span {
    color: #FF236E;
}

.wpcf7 .wpcf7-not-valid input[type="checkbox"]+span:before {
    border-color: #FF236E;
    background: #ffffff;
}

.wpcf7 .wpcf7-not-valid input[type="checkbox"]+span:after {
    border-color: #FF236E;
    background: #FF236E;
    color: #ffffff;
}


/* disabled state */

.wpcf7 input[type="checkbox"]:disabled+span {
    color: #BDC9CD;
}

.wpcf7 input[type="checkbox"]:disabled+span:before {
    border-color: #E9EDF0;
    background: #ffffff;
}

.wpcf7 input[type="checkbox"]:disabled+span:after {
    border-color: #E9EDF0;
    background: #E9EDF0;
    color: #132A3B;
}


/** response output **/

.wpcf7 .wpcf7-response-output {
    border: 2px solid #FF236E;
    margin-top: 40px;
    color: #132a3b;
    font-size: 16px;
    line-height: 28px;
}


/* CUSTOM ERROR MSG - added class has-error to '<p>' element which contains input with error in js (wpcf7-custom-validation-class.js) */

.wpcf7 form.wpcf7-form p.has-error label {
    color: #FF236E;
}

.wpcf7 form.wpcf7-form p.has-error .wpcf7-not-valid-tip {
    display: none;
}


/* typography */

h1,
h2,
h3,
h4,
h5 {
    padding-top: 0;
}


/* h1 underline */

h1 {
    position: relative;
    display: block;
}

h1::after {
    content: '';
    height: 3px;
    background-color: #45dbcc;
    width: 70px;
    position: relative;
    display: block;
    margin-top: 20px;
}

h1[style*="text-align: center;"]::after,
h1.align_center::after {
    margin-left: auto;
    margin-right: auto;
}

h1[style*="text-align: right;"]::after,
h1.align_right::after {
    margin-left: auto;
}


/* custom font styles */

.no-wrap {
    white-space: nowrap;
}

.smallText p {
    font-size: 16px;
    line-height: 28px;
}

.largeText p {
    /* color: #706f6f; */
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
}

@media only screen and (min-width: 768px) {
    .largeText p {
        font-size: 20px;
    }
}

@media only screen and (min-width: 1025px) {
    .largeText p {
        font-size: 24px;
    }
}

.veryLargeText p {
    color: #132A3B;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
}

@media only screen and (min-width: 768px) {
    .veryLargeText p {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1025px) {
    .veryLargeText p {
        font-size: 32px;
    }
}

.perex {
    color: #132A3B;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 300;
    display: block;
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .perex {
        font-size: 24px;
        margin-bottom: 50px;
    }
}

.highlight {
    background-color: #45dbcc;
    color: #132A3B;
}

strong,
b {
    color: #132a3b;
}

.color_alternate strong,
.color_alternate b {
    color: #FFFFFF;
}


/* links */

main .wpb_text_column p>a {
    color: #132A3B;
    text-decoration: underline;
}

.no-touch main .wpb_text_column p>a:hover {
    text-decoration: none;
}


/* lists */

body:not(.woocommerce-page) .postContent .wpb_text_column ul,
.unorderList ul {
    list-style: none;
    padding: 0;
    margin: 0 0 50px 0;
}

@media only screen and (min-width: 1024px) {
    body:not(.woocommerce-page) .postContent .wpb_text_column ul,
    .unorderList ul {
        list-style: none;
        padding: 0;
        margin: 0 0 50px 20px;
    }
}

body:not(.woocommerce-page) .postContent .wpb_text_column ul>li,
.unorderList ul>li {
    margin-bottom: 0;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.78;
}

@media only screen and (min-width: 768px) {
    body:not(.woocommerce-page) .postContent .wpb_text_column ul>li,
    .unorderList ul>li {
        font-size: 18px;
    }
}

body:not(.woocommerce-page) .postContent .wpb_text_column ul>li::before,
.unorderList ul>li::before {
    margin-left: -30px;
    margin-right: 24px;
    /* content: url("assets/img/ul.svg"); */
    /* custom shape */
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    background: #45dbcc;
}

body:not(.woocommerce-page) .postContent .wpb_text_column ol,
.orderList ol {
    margin: 0 0 50px 0;
    padding: 0;
    list-style: none;
}

@media only screen and (min-width: 768px) {
    body:not(.woocommerce-page) .postContent .wpb_text_column ol,
    .orderList ol {
        margin: 0 0 50px 20px;
        padding: 0;
        list-style: none;
    }
}

body:not(.woocommerce-page) .postContent .wpb_text_column ol>li,
.orderList ol>li {
    counter-increment: step-counter;
    margin-bottom: 0;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.78;
}

@media only screen and (min-width: 768px) {
    body:not(.woocommerce-page) .postContent .wpb_text_column ol>li,
    .orderList ol>li {
        font-size: 18px;
    }
}

body:not(.woocommerce-page) .postContent .wpb_text_column ol>li::before,
.orderList ol>li::before {
    content: counter(step-counter);
    margin-right: 0;
    width: 30px;
    /* set same width to numbers */
    display: inline-block;
    margin-left: -30px;
    color: #919A9E;
    font-family: "SofiaPro-Regular", sans-serif;
    font-weight: 400;
    font-size: inherit;
    line-height: inherit;
}


/** Gallery & Images **/


/* imgs */

.wp-caption-text {
    text-align: left;
    font-size: 16px;
    line-height: 1.75;
    margin-top: 20px;
    color: #919A9E;
    font-family: inherit;
}


/* gallery */

.w-gallery.with_indents .w-gallery-item {
    padding: 15px;
}

.w-gallery.with_indents .w-gallery-list {
    margin: -15px;
}

a.w-gallery-item:hover .w-gallery-item-img img {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.25);
    opacity: 0.25;
}

a.w-gallery-item:hover .w-gallery-item-img::after {
    opacity: 1;
}

a.w-gallery-item .w-gallery-item-img img {
    opacity: 1;
    transition: .3s ease-in-out;
}

.w-gallery-item-img {
    background: linear-gradient(180deg, rgba(6, 255, 164, 0) 0%, #45dbcc 100%) !important;
}

.w-gallery-item-img::after {
    color: white;
    font-size: 16px;
    font-family: "fontawesome";
    content: "\f067";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    opacity: 0;
    transition: .3s ease-in-out;
}


/* .postContent styling - Blog Posts / Case Study Posts */

.postContent .wpb_text_column {
    margin-bottom: 0;
}

.postContent p,
.postContent .w-image-h,
.postContent .w-gallery {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    .postContent p,
    .postContent .w-image-h,
    .postContent .w-gallery {
        margin-bottom: 50px;
    }
}

.postContent h1,
.postContent h2,
.postContent h3,
.postContent h4,
.postContent h5,
.postContent h6 {
    margin-bottom: 30px;
}


/** custom layout **/


/* box shadow fix */

main {
    position: relative;
    z-index: 5;
}


/* page titlebars */

.pageTitlebar h1 {
    margin-bottom: calc(40px - 1.5rem);
}

@media only screen and (min-width: 768px) {
    .pageTitlebar h1 {
        margin-bottom: 80px;
    }
}


/* .fullWidthSection class for fullwidth galleries and sliders */

.fullWidthSection {
    padding-left: 0;
    padding-right: 0;
}

.fullWidthSection .l-section-h {
    max-width: 100%;
}


/* .stretchedSection class for one column fullwidth sections layouts */

.stretchedSection {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media only screen and (min-width: 768px) {
    .stretchedSection {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 767px) {
    main>section.l-section:last-child {
        padding-bottom: 0px !important;
    }
}

main>section.l-section:last-child:not(.footer):not(.roomDetailSliderSection) {
    padding-bottom: 60px !important;
}

@media only screen and (min-width: 1300px) {
    footer>section.l-section:last-child,
    section.footer.l-section:last-child {
        margin-bottom: 50px;
    }
    footer>section.l-section:not(.width_full),
    section.l-section.footer,
    main>section.l-section:not(.width_full) {
        max-width: calc(100% - calc(2 * 50px));
    }
}

@media only screen and (min-width: 768px) {
    footer#page-footer section.l-section:first-child {
        padding-top: 40px;
    }
}

section.l-section.footer {
    margin-top: -52px;
}


/***** HEADER *****/

header#page-header .l-subheader-h {
    max-width: 1600px;
}

header#page-header .w-nav .menu-item {
    font-weight: 400;
}


/* mobile menu */

.w-nav-close::before,
.w-search-close::before {
    font-weight: 300;
}

.w-nav-close,
.w-search-close {
    opacity: 1;
    color: #132A3B;
}

#mobileSearch .w-search-form {
    color: #132A3B;
}

#mobileSearch input {
    font-size: 26px !important;
}


/** hover style - underline **/

.l-header .w-nav-title:after {
    background: #45dbcc !important;
}

.no-touch .w-nav.type_desktop .hover_underline .menu-item.level_1:hover .w-nav-title:after {
    bottom: -10px;
}

.no-touch .w-nav.type_desktop .hover_underline .menu-item.level_1.current-menu-item .w-nav-title:after {
    display: block;
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    margin: 0 auto -2px;
    height: 2px;
    width: 100%;
    opacity: 1;
    transition: all 0.3s;
}


/** mobile menu colors **/

.w-nav.type_mobile .menu-item.level_1.menu-item>a {
    transition: color .3s ease;
}

.w-nav.type_mobile .menu-item.level_1.menu-item>a:hover {
    color: #45dbcc;
}

.w-nav.type_mobile .menu-item.level_1.current-menu-item>a {
    color: #45dbcc;
}


/** search input **/

@media only screen and (min-width: 601px) {
    .l-header.bg_transparent:not(.sticky) .w-search input,
    .l-header.bg_transparent:not(.sticky) .w-search button {
        background: #ffffff;
        color: #706F6F;
    }
}

.w-search .w-search-form-btn {
    margin: 0 23px;
}

.w-search .w-search-form-btn i {
    color: #132A3B;
}

.w-search.layout_simple input {
    font-size: 16px;
}


/***** FOOTER *****/

@media only screen and (max-width: 599px) {
    footer,
    .footer {
        text-align: center;
    }
}


/* PageBlock footer */

.footer {
    z-index: 12;
}


/** typography **/

footer#page-footer h1,
footer#page-footer h2,
footer#page-footer h3,
footer#page-footer h4,
footer#page-footer h5 {
    color: #ffffff;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5 {
    color: #ffffff !important;
}

footer#page-footer p,
.footer p {
    font-size: 16px;
    line-height: 28px;
}


/* custom footer bg color only for homepage */

.home .color_footer-top {
    background: linear-gradient(0deg, rgba(19, 42, 59, 1) 80%, rgba(255, 255, 255, 1) 80%);
}


/* custom footer bg color only for footer as PageBlock */

.footer .color_footer-top {
    background: linear-gradient(0deg, rgba(19, 42, 59, 1) 94%, rgba(255, 255, 255, 0) 94%);
}

@media only screen and (min-width: 768px) {
    .footer .color_footer-top {
        background: linear-gradient(0deg, rgba(19, 42, 59, 1) 91%, rgba(255, 255, 255, 0) 91%);
    }
}


/* custom footer bg color only for events details */

.single-labb_events .color_footer-top {
    background: linear-gradient(0deg, rgba(19, 42, 59, 1) 80%, rgba(233, 237, 240, 1) 80%);
}


/** newsletter form **/

footer .contactWrapper,
.footer .contactWrapper {
    padding: 40px 20px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.35);
    background: #132A3B;
}

footer .contactWrapper .vc_custom_heading:not(:last-child),
.footer .contactWrapper .vc_custom_heading:not(:last-child) {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    footer .contactWrapper,
    .footer .contactWrapper {
        padding: 40px;
    }
    footer .contactWrapper .vc_custom_heading:not(:last-child),
    .footer .contactWrapper .vc_custom_heading:not(:last-child) {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 992px) {
    footer .contactWrapper,
    .footer .contactWrapper {
        padding: 60px;
    }
}

@media only screen and (min-width: 1200px) {
    footer .contactWrapper,
    .footer .contactWrapper {
        padding: 100px 75px;
    }
}

footer .wpcf7 form.wpcf7-form .relativeBox,
.footer .wpcf7 form.wpcf7-form .relativeBox {
    position: relative;
    margin-top: 0;
    font-size: 16px;
    line-height: 28px;
}

footer .wpcf7 form.wpcf7-form .gdpr,
.footer .wpcf7 form.wpcf7-form .gdpr {
    margin-top: 17px;
    display: block;
}

footer .gdpr .wpcf7-acceptance span.wpcf7-list-item,
.footer .gdpr .wpcf7-acceptance span.wpcf7-list-item {
    margin: 0;
}

footer .wpcf7 .wpcf7-form-control-wrap[data-name="email"]::before,
.footer .wpcf7 .wpcf7-form-control-wrap[data-name="email"]::before {
    content: '\f0e0';
    font-family: "fontawesome";
    font-size: 21px;
    line-height: calc(var(--inputs-height) + 2px);
    font-weight: 300;
    position: absolute;
    top: 0;
    left: 30px;
    color: #919A9E;
    z-index: 2;
}

footer .wpcf7 input[type="email"],
.footer .wpcf7 input[type="email"] {
    margin: 0;
    background: #ffffff;
    padding-left: 60px;
    padding-right: 60px;
    border: 1px solid #ffffff;
    position: relative;
}

footer .wpcf7 form.wpcf7-form button#submit i,
.footer .wpcf7 form.wpcf7-form button#submit i {
    font-size: 21px;
    line-height: 40px;
}

footer .wpcf7 form.wpcf7-form button#submit,
.footer .wpcf7 form.wpcf7-form button#submit {
    position: absolute;
    height: 40px;
    top: 5px;
    right: 5px;
    padding: 0;
    border-radius: 30px;
    min-width: 48px;
    color: #132A3B;
    background: #ffffff;
    transition: background .2s ease;
}

footer .wpcf7 form.wpcf7-form button#submit:hover,
.footer .wpcf7 form.wpcf7-form button#submit:hover {
    background: #45dbcc;
}

footer .wpcf7 input[type="checkbox"]+span,
.footer .wpcf7 input[type="checkbox"]+span {
    color: #919A9E;
}

footer .wpcf7 input[type="checkbox"]+span a,
.footer .wpcf7 input[type="checkbox"]+span a {
    text-decoration: underline;
}

footer .wpcf7 input[type="checkbox"]+span a:hover,
.footer .wpcf7 input[type="checkbox"]+span a:hover {
    text-decoration: none;
}

footer .wpcf7 .ajax-loader,
.footer .wpcf7 .ajax-loader {
    display: none;
}

footer .wpcf7 span.wpcf7-not-valid-tip,
.footer .wpcf7 span.wpcf7-not-valid-tip {
    padding-left: 11px;
}

footer .wpcf7 .wpcf7-response-output,
.footer .wpcf7 .wpcf7-response-output {
    border: 2px solid #45dbcc;
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
}


/** footer contacts **/

#footerContacts p>a {
    text-decoration: underline;
    color: #ffffff;
}

#footerContacts p>a:hover {
    text-decoration: none;
}

.w-socials .w-socials-item-link {
    width: auto;
    line-height: 1;
}

.no-touch .w-socials .w-socials-item-link:hover {
    color: #132A3B !important;
}

.no-touch #footerContacts .w-socials-item-link:hover {
    color: #ffffff !important;
}


/** footer credits **/

@media only screen and (max-width: 599px) {
    #footerCredits {
        justify-content: center;
    }
}

#footerCredits p>a {
    color: #919a9e;
    text-decoration: none;
}

#footerCredits p>a:hover {
    color: #ffffff;
}


/*****************************
**
** WRAPPERS
**
******************************/


/***** GENERAL */

.w-vwrapper.use_gap {
    gap: var(--vwrapper-gap);
}

.w-hwrapper.use_gap {
    gap: var(--hwrapper-gap);
}

.w-vwrapper.use_gap>*,
.w-hwrapper.use_gap>* {
    margin: 0 !important;
}


/***** Homepage *****/

.showFourOnTablet .w-grid-list article:nth-child(4) {
    display: none;
}

@media only screen and (min-width: 575px) and (max-width: 1023px) {
    .showFourOnTablet .w-grid-list article:nth-child(4) {
        display: block;
    }
}


/* layout */

#hpTitlebar.layout_alt {
    background: var(--color-content-bg);
}

#hpTitlebar.layout_alt>.l-section-h {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 640px;
}

.header_hor .l-header.pos_fixed~.l-main>#hpTitlebar.layout_alt>.l-section-h {
    min-height: calc( 640px + var(--header-height, 0px));
}

@media (min-width: 768px) {
    #hpTitlebar.layout_alt>.l-section-h {
        min-height: 860px;
    }
    .header_hor .l-header.pos_fixed~.l-main>#hpTitlebar.layout_alt>.l-section-h {
        min-height: calc( 860px + var(--header-height, 0px));
    }
}

.header_hor .l-header.pos_fixed~.l-main>#hpTitlebar.layout_alt:first-of-type>.l-section-img,
.header_hor .l-header.pos_fixed~.l-main>#hpTitlebar.layout_alt:first-of-type>.l-section-overlay {
    top: var(--header-height);
}

@media only screen and (max-width: 1023px) {
    #hpTitlebar:not(.layout_alt) .l-section-img {
        background: #ffffff !important;
    }
}

@media only screen and (min-width: 1024px) {
    .hp_titleBarImg {
        display: none !important;
    }
}

.home main section.l-section:not(:first-child):not(:nth-child(2)):not(:last-child) {
    padding-top: 60px;
    padding-bottom: 60px;
}

@media only screen and (min-width: 768px) {
    .home main section.l-section:not(:first-child):not(:nth-child(2)):not(:last-child) {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

.home main section.l-section:last-child {
    padding-top: 60px;
}

@media only screen and (min-width: 768px) {
    .home main section.l-section:last-child {
        padding-top: 100px;
    }
}

.home main section.l-section:nth-child(2) {
    margin-top: -100px;
    padding-top: 0;
    padding-bottom: 20px;
}


/* instagram_section */

#instagram_section {
    background: #ffffff;
}

.home .instagram_section {
    background: #FFFFFF;
}

.instagramLink a:hover {
    text-decoration: none;
}

#eapps-instagram-feed-1 .eapps-instagram-feed-posts-item-overlay {
    background: linear-gradient(180deg, rgba(6, 255, 164, 0) 0%, #45dbcc 100%) !important;
}

.eapps-instagram-feed-posts-item-likes-count,
.eapps-instagram-feed-posts-item-comments-count {
    display: block !important;
}

.eapps-instagram-feed-posts-item-counters {
    display: flex;
    justify-content: center;
}

.eapps-instagram-feed-posts-item-counters>* {
    margin: 0 !important;
}

.eapps-instagram-feed-posts-item-likes-count-label,
.eapps-instagram-feed-posts-item-comments-count-label {
    margin: 0 !important;
    color: #ffffff;
    font-size: 24px !important;
    font-weight: 300 !important;
    line-height: 1.5 !important;
}

.eapps-instagram-feed-posts-slider-nav {
    visibility: hidden !important;
}


/* custom navigation - functionality in javascript */

#ig-prev,
#ig-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #45dbcc;
    position: relative;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
}


/* .no-touch #ig-prev::before,
.no-touch #ig-next::before {
    transition: height 0.3s;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: #45dbcc;
}

.no-touch #ig-prev:hover::before,
.no-touch #ig-next:hover::before {
    height: 100%;
} */

#ig-prev {
    margin-right: 10px;
}

#ig-prev i,
#ig-next i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #132A3B;
    font-size: 21px;
}

#ig-prev.disabled {
    border: 2px solid #132a3b;
    opacity: 0.15;
    cursor: default;
    pointer-events: none;
}


/***** Kontakt Page *****/

.iframe_map iframe {
    width: 100%;
}


/* custom layout */

#contactform-section {
    margin-top: -50px;
}

#contactform-section .left-column {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    #contactform-section .left-column .vc_column-inner {
        padding-right: 0;
    }
    #contactform-section .right-column .vc_column-inner {
        padding-left: 0;
    }
    #contactform-section .wpb_wrapper {
        height: 100%;
    }
    #contactform-section .w-map {
        min-height: 100%;
    }
    #contactform-section .iframe_map,
    #contactform-section .iframe_map iframe {
        height: 100%;
    }
}


/* contacts */

#contacts-section .contacts p {
    padding: 0 15px;
    background: #45dbcc;
    color: #132A3B;
    font-size: 30px;
    font-weight: 300;
    line-height: 1.25;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    #contacts-section .contacts p {
        font-size: 48px;
    }
}

#contacts-section .contacts .wpb_wrapper p:nth-child(2) {
    margin-bottom: 5px;
}


/* contact form */

#contactform-section .wpcf7 {
    background: #ffffff;
    padding: 40px 20px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.20);
    position: relative;
    z-index: 10;
}

#contactform-section .wpcf7 h3 {
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    #contactform-section .wpcf7 {
        padding: 50px;
    }
    #contactform-section .wpcf7 h3 {
        margin-bottom: 50px;
    }
}


/***** Blog Page *****/

.blogTitlebar {
    margin: 60px 0 40px 0;
}

@media only screen and (min-width: 768px) {
    .blogTitlebar {
        margin: 60px 0;
    }
}

@media only screen and (min-width: 1025px) {
    .blogTitlebar {
        margin: 100px 0;
    }
}

@media only screen and (max-width: 992px) {
    .blogWrapper {
        flex-direction: column-reverse;
    }
}

#blogSidebar {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

@media only screen and (min-width: 570px) and (max-width: 991px) {
    #blogSidebar>.vc_column-inner>.wpb_wrapper {
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
    }
    #blogSidebar>.vc_column-inner>.wpb_wrapper>*:not(#pps_postsArchive) {
        width: 50%;
        padding: 15px;
    }
    #pps_postsArchive {
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }
}

#blogFliterWrapper {
    margin-bottom: 0 !important;
}

#blogPostsGrid .w-grid-item-h {
    background: #ffffff;
    transition: all .3s ease;
}

#blogPostsGrid .w-grid-item-h:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) {
    #blogPostsGrid .w-grid-item-h:hover {
        box-shadow: 0 40px 60px rgba(0, 0, 0, 0.2);
    }
}

#blogPostsGrid .w-grid-item-h .post_image>a {
    display: block;
}

#blogPostsGrid .w-grid-item-h .post_image>a::after {
    transition: opacity .3s ease;
    content: '';
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(6, 255, 164, 0) 0%, #45dbcc 100%);
}

#blogPostsGrid .w-grid-item-h:hover .post_image>a::after {
    opacity: 1;
}

#blogPostsGrid .w-grid-item-h .gridContent {
    padding: 30px;
}

#blogPostsGrid .w-grid-item-h .gridContent .post_date {
    color: #132a3b;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 2px solid #45dbcc;
}

#blogPostsGrid .w-grid-item-h .gridContent .post_title {
    color: #132a3b;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.5;
    text-decoration: underline;
}


/* #blogPostsGrid .w-grid-item-h:hover .gridContent .post_title {
    text-decoration: none;
} */

#blogPostsGrid .w-grid-item-h .gridContent .post_content {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}


/* pagination */

.w-grid[class*="cols_"]>.pagination .nav-links {
    justify-content: center !important;
}

.w-grid>.pagination {
    margin-top: calc(60px - 15px);
}

@media only screen and (min-width: 768px) {
    .w-grid>.pagination {
        margin-top: calc(100px - 15px);
    }
}

.w-grid.with_pagination .pagination .nav-links {
    margin: -5px;
}

.w-grid.with_pagination .pagination .page-numbers {
    margin: 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #132a3b;
}

.w-grid.with_pagination .pagination .page-numbers:not(.current) {
    box-shadow: 0 0 0 2px rgba(19, 42, 59, 0.15) inset;
}

.w-grid.with_pagination .pagination .page-numbers.prev,
.w-grid.with_pagination .pagination .page-numbers.next {
    box-shadow: 0 0 0 2px #45dbcc inset;
}

.w-grid.with_pagination .pagination .page-numbers span {
    color: #706F6F;
}

.w-grid.with_pagination .pagination .page-numbers:hover span {
    color: #132a3b;
}

.w-grid.with_pagination .pagination .page-numbers.current span {
    color: #132a3b;
}

.w-grid.with_pagination .pagination .page-numbers:not(.prev):not(.next) {
    font-size: 16px;
}

.w-grid.with_pagination .pagination .page-numbers.next::after {
    content: '\f061';
    font-size: 21px;
}

.w-grid.with_pagination .pagination .page-numbers.prev::after {
    content: '\f060';
    font-size: 21px;
}

.no-touch .pagination a.page-numbers:hover {
    color: #132A3B !important;
}


/***** Blog Post Detail Page / Case Study Post Deatail Page *****/

.postTitleBar time.published {
    text-align: center;
    display: block;
    color: #706f6f;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}


/***** 365.café Page *****/

#obcerstvenie .menuCard {
    background: #fff;
    padding: 6px 20px 40px;
    margin-bottom: 50px;
}

@media only screen and (min-width: 350px) {
    #obcerstvenie .menuCard {
        padding: 6px 30px 40px;
    }
}

@media only screen and (min-width: 1024px) {
    #obcerstvenie .menuCard {
        padding: 6px 70px 40px;
    }
}

#obcerstvenie .menuCard h3 {
    margin-bottom: 20px;
}

#obcerstvenie .menuCard .menuTexts {
    margin-top: -10px;
    margin-bottom: 50px;
}

#obcerstvenie .menuCard .w-btn-wrapper {
    margin: 0;
}


/***** Search Page *****/

.search h1 {
    font-size: 32px;
    font-weight: 300;
    line-height: 1.33;
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .search h1 {
        font-size: 48px;
    }
}

#searchGrid .w-grid-item-h {
    background: #ffffff;
    padding: 30px;
    transition: all .3s ease;
}

#searchGrid .w-grid-item-h:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

@media only screen and (min-width: 768px) {
    #searchGrid .w-grid-item-h:hover {
        box-shadow: 0 40px 60px rgba(0, 0, 0, 0.2);
    }
}

#searchGrid .w-grid-item-h h2 {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    text-decoration: underline;
}

@media only screen and (min-width: 768px) {
    #searchGrid .w-grid-item-h h2 {
        font-size: 24px;
    }
}

#searchGrid .w-grid-item-h:hover h2 {
    text-decoration: none;
}

#searchGrid .w-grid-item-h time.post_date {
    color: #919a9e;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    text-transform: uppercase;
}

#searchGrid .nav-links {
    justify-content: center;
}


/***** O nas Page *****/


/* #vyhody */

#vyhody .vc_column_container {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    #vyhody .advantage {
        text-align: center;
    }
    #vyhody .vc_inner .vc_column_container:last-child .advantage {
        margin-bottom: 0 !important;
    }
}

#vyhody .advantage {
    margin-bottom: 50px;
}


/* #vyhody .advantage .w-iconbox-icon {
    min-height: 80px;
}

#vyhody .advantage .w-iconbox-icon svg,
#vyhody .advantage .w-iconbox-icon img {
    width: auto;
    max-width: 60px;
    margin-bottom: 15px;
} */

#vyhody .advantage .w-iconbox-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.56;
}


/** team **/

#team .joinBtn .w-btn-wrapper {
    margin: 0;
}

@media only screen and (min-width: 768px) {
    #team .joinBtn .w-btn-wrapper {
        text-align: right;
        display: block;
    }
}


/* #teamGrid */

#teamGrid {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}

#teamGrid .member {
    margin: 15px;
    flex: 1 0 calc(100% - 30px);
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width: 460px) {
    #teamGrid .member {
        flex: 0 0 calc(50% - 30px)
    }
}

@media only screen and (min-width: 920px) {
    #teamGrid .member {
        flex: 0 0 calc(25% - 30px)
    }
}

#teamGrid .member .frontWrapper {
    position: relative;
}

#teamGrid .member .frontWrapper .name {
    position: absolute;
    bottom: 30px;
    left: 30px;
    right: 30px;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
}

#teamGrid .member .frontWrapper .labbMemberImgWrapper {
    position: relative;
    line-height: 1;
}

#teamGrid .member .frontWrapper .labbMemberImgWrapper::after {
    transition: backgorund .3s ease;
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(19, 42, 59, 0) 0%, #132a3b 100%);
}

#teamGrid .member:hover .frontWrapper .labbMemberImgWrapper::after {
    height: 100%;
    background: linear-gradient(180deg, rgba(6, 255, 164, 0) 0%, #45dbcc 100%);
}

#teamGrid .member .backWrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    transform: scale(1) translate(0, 100px);
    opacity: 0;
    transition: all .3s ease;
    padding: 30px;
    background: #fff;
}

#teamGrid .member:hover .backWrapper {
    transform: scale(1) translate(0, 0);
    opacity: 1;
}

#teamGrid .member:hover .backWrapper .name {
    color: #132a3b;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    margin-bottom: 4px;
}

#teamGrid .member:hover .backWrapper .position {
    color: #919a9e;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 10px;
}

#teamGrid .member:hover .backWrapper .memberSocial {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

#teamGrid .member:hover .backWrapper .memberSocial a {
    display: block;
    padding: 10px;
}

#teamGrid .member:hover .backWrapper .memberSocial a i {
    color: #bdc9cd;
    font-size: 16px;
    font-weight: 400;
    transition: color .3s ease;
}

#teamGrid .member:hover .backWrapper .memberSocial a:hover i {
    color: #132a3b;
}


/* #partners */

#partners #partnersGrid img {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all .3s ease;
    opacity: .8;
}

#partners #partnersGrid img:hover {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
    opacity: 1;
}

#partners .partnersText i {
    font-size: 16px;
    margin-left: 10px;
    color: #45dbcc;
    text-decoration: none !important;
}

#partners .partnersText a {
    text-decoration: underline;
}

#partners .partnersText a:hover {
    text-decoration: none;
}

@media only screen and (min-width: 768px) {
    #partners .partnersText {
        margin-right: 50px;
    }
}


/* .horizontalMasonryGallery {
    display: flex;
    flex-flow: row wrap;
    margin-left: -0px;
    width: 100%;
}

.horizontalMasonryGallery img {
    flex: 1 0 auto;
    min-height: 364px;
    min-width: 364px;
    margin: 0;
} */


/**** THEMES SLIDER *****/


/** same height of slides **/

.themesSlider .slick-track {
    display: flex !important;
}

.themesSlider .slick-slide {
    height: inherit !important;
}


/**** layout ****/

.themesSlider article.theme {
    width: 270px;
    margin-right: 15px;
}

@media only screen and (min-width: 375px) {
    .themesSlider article.theme {
        width: 320px;
    }
}

@media only screen and (min-width: 500px) {
    .themesSlider article.theme {
        width: 370px;
        margin-right: 30px;
    }
}


/*** position -> negative top margin || width (!! photos must be always square (same width and height) and fullwidth !!) ***/

.themesSlider {
    margin-top: -270px;
}

@media only screen and (min-width: 375px) {
    .themesSlider {
        margin-top: -320px;
    }
}

@media only screen and (min-width: 500px) {
    .themesSlider {
        margin-top: -370px;
    }
}


/*** Now we need to add padding to section before to protect before overlaping content ***/


/* padding-bottom || (negative top margin  + add some additional spacing) */


/* on screen sizes < 768 is previous section content full width so we need to add som aditional spacing also */


/* .sectionBeforeThemesSlider .l-section-h {
    padding-bottom: calc(270px + 50px + 70px);
}

@media only screen and (min-width: 375px) {
    .sectionBeforeThemesSlider .l-section-h {
        padding-bottom: calc(320px + 50px + 70px);
    }
}

@media only screen and (min-width: 500px) {
    .sectionBeforeThemesSlider .l-section-h {
        padding-bottom: calc(370px + 50px + 70px);
    }
} */

.sectionBeforeThemesSlider .l-section-h {
    padding-bottom: 310px;
}

@media only screen and (min-width: 375px) {
    .sectionBeforeThemesSlider .l-section-h {
        padding-bottom: calc(320px + 50px);
    }
}

@media only screen and (min-width: 500px) {
    .sectionBeforeThemesSlider .l-section-h {
        padding-bottom: calc(370px + 50px);
    }
}

@media only screen and (min-width: 768px) {
    .sectionBeforeThemesSlider .l-section-h {
        padding-bottom: calc(370px + 50px);
    }
}


/**** Default styling ****/

.slick-slider article {
    /* fallback: no `url()` support or images disabled */
    cursor: move;
    /* fallback: Chrome 1-21, Firefox 1.5-26, Safari 4+, IE, Edge 12-14, Android 2.1-4.4.4 */
    cursor: url('assets/img/openhand.cur'), auto;
    /* W3C standards syntax, all modern browser */
    cursor: -webkit-grab;
    cursor: grab;
}

.slick-slider article:active {
    cursor: url('assets/img/closehand.cur'), auto;
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.themesSlider .theme {
    background: #ffffff;
}

.themesSlider .theme .themeContent {
    padding: 30px;
}

@media only screen and (min-width: 768px) {
    .themesSlider .theme .themeContent {
        padding: 50px 30px;
    }
}

.themesSlider .theme .themeDescription {
    color: #706f6f;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
}

.themesSlider .theme .themeDescription:not(:last-child) {
    margin-bottom: 1rem;
}

.themesSlider .theme .themeDescription a {
    text-decoration: underline;
}

.no-touch .themesSlider .theme .themeDescription a:hover {
    text-decoration: none;
}

.themesSlider .theme .themeDescription p:not(:last-child) {
    margin-bottom: 1rem;
}

.themesSlider .theme .themeDescription ul {
    margin-left: 20px;
}

.themesSlider .theme .themeDescription ul li::marker {
    color: #45dbcc;
}

.themesSlider .theme .themeDescription ul li:not(:last-child) {
    margin-bottom: 4px;
}

.themesSlider .theme .themePricing {
    padding: 20px;
    background: #F4F6F9;
    color: #132A3B;
    font-weight: 400;
}

.themesSlider .theme .w-btn-wrapper {
    margin-top: 30px;
}


/* remove blue 'border' on focus */

.slick-slider .slick-slide {
    outline: none !important;
}


/* section full width so we need to adjust start position of slider (position of first slide from left edge)  */

.themesSlider .slick-list {
    padding-left: 1.5rem;
}

@media only screen and (min-width: 600px) {
    .themesSlider .slick-list {
        padding-left: 2.5rem;
    }
}


/* 50px for the custom sideways-spacing of sections */

@media only screen and (min-width: 1300px) {
    .themesSlider .slick-list {
        padding-left: calc(2.5rem + 50px);
    }
}

@media only screen and (min-width: 1375px) {
    .themesSlider .slick-list {
        padding-left: calc((100% - 1170px) / 2);
    }
}


/**** navigation arrows ****/

@media only screen and (max-width: 767px) {
    #themesSlider .slick-prev,
    #themesSlider .slick-next {
        display: none !important;
    }
}


/*** arrows position ***/

.themesSlider .slick-arrow {
    background: 0 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    position: absolute;
    top: calc(-60px - 50px);
    overflow: hidden;
}


/** next button **/

.themesSlider .slick-next {
    right: 1.5rem;
}

@media only screen and (min-width: 600px) {
    .themesSlider .slick-next {
        right: 2.5rem;
    }
}


/* 50px for the custom sideways-spacing of sections */

@media only screen and (min-width: 1300px) {
    .themesSlider .slick-next {
        right: calc(2.5rem + 50px);
    }
}

@media only screen and (min-width: 1375px) {
    .themesSlider .slick-next {
        right: calc((100% - 1170px) / 2);
    }
}


/** prev button **/


/* position of next button + width of next button (insluding border) + spacing */

.themesSlider .slick-prev {
    right: calc(1.5rem + 50px + 10px);
}

@media only screen and (min-width: 600px) {
    .themesSlider .slick-prev {
        right: calc(2.5rem + 50px + 10px);
    }
}


/* 50px for the custom sideways-spacing of sections */

@media only screen and (min-width: 1300px) {
    .themesSlider .slick-prev {
        right: calc((2.5rem + 50px) + 50px + 10px);
    }
}

@media only screen and (min-width: 1375px) {
    .themesSlider .slick-prev {
        right: calc(((100% - 1170px) / 2) + 50px + 10px);
    }
}

@media only screen and (min-width: 1375px) {
    .themesSlider .slick-prev {
        right: calc(((100% - 1170px) / 2) + 50px + 10px);
    }
}


/*** arrows styling ***/

.themesSlider .slick-arrow.slick-disabled {
    cursor: default;
}

.themesSlider .slick-arrow.slick-disabled::before {
    border-color: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.25);
}

.themesSlider .slick-arrow::before {
    border: 2px solid #45dbcc;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-family: 'fontawesome';
    font-size: 21px;
    font-weight: 300;
    line-height: 46px;
    text-align: center;
    width: 46px;
    height: 46px;
}

.themesSlider .slick-arrow.slick-prev::before {
    content: '\f060';
}

.themesSlider .slick-arrow.slick-next::before {
    content: '\f061';
}

.themesSlider.color-dark .slick-arrow.slick-disabled::before {
    border-color: rgba(255, 255, 255, 0.25);
    color: rgba(255, 255, 255, 0.25);
}

.themesSlider.color-dark .slick-arrow::before {
    color: #ffffff;
}

.themesSlider.color-light .slick-arrow.slick-disabled::before {
    border-color: rgba(19, 42, 59, 0.15);
    color: rgba(19, 42, 59, 0.15);
}

.themesSlider.color-light .slick-arrow::before {
    color: #132A3B;
}


/***** EVENTS *****/


/**** Events vertical grid ****/

.eventsVericalGrid .w-grid-item .post_taxonomy {
    position: absolute;
    left: 30px;
    top: 30px;
}

.eventsVericalGrid .w-grid-item .fullDate {
    background: #132A3B;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.eventsVericalGrid .w-grid-item .fullDate .date-month {
    padding: 16px 23px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.eventsVericalGrid .w-grid-item .fullDate .date {
    color: #45dbcc;
    font-size: 32px;
    line-height: 1.2;
    font-weight: 400;
}

.eventsVericalGrid .w-grid-item .fullDate .month {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
}

.eventsVericalGrid .w-grid-item .fullDate .time {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    padding: 6px 0 8px 0;
}

.eventsVericalGrid .w-grid-item .post_title {
    padding: 30px;
}

.eventsVericalGrid .w-grid-item .post_title a {
    color: #132a3b;
    font-size: 20px;
    font-weight: 300;
    line-height: 1.5;
    text-decoration: underline;
}

@media only screen and (min-width: 768px) {
    .eventsVericalGrid .w-grid-item .post_title a {
        font-size: 24px;
    }
}

.eventsVericalGrid .w-grid-item:hover .post_title a {
    text-decoration: none;
}

.eventsVericalGrid .w-grid-item .w-grid-item-h {
    background: #ffffff;
    transition: all .3s ease;
}

.eventsVericalGrid .w-grid-item .w-grid-item-h:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) {
    .eventsVericalGrid .w-grid-item .w-grid-item-h:hover {
        box-shadow: 0 40px 60px rgba(0, 0, 0, 0.2);
    }
}

.eventsVericalGrid .w-grid-item .w-grid-item-h .post_image>a {
    display: block;
}

.eventsVericalGrid .w-grid-item .w-grid-item-h .post_image>a::after {
    transition: opacity .3s ease;
    content: '';
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(6, 255, 164, 0) 0%, #45dbcc 100%);
}

.eventsVericalGrid .w-grid-item .w-grid-item-h:hover .post_image>a::after {
    opacity: 1;
}


/**** Event Detail Page ****/

@media only screen and (max-width: 991px) {
    .eventTitlebarTexts {
        text-align: center;
    }
    .eventTitlebarTexts h1::after {
        margin-left: auto;
        margin-right: auto;
    }
    .eventTitlebarTexts .post_taxonomy {
        justify-content: center;
    }
}

.customEventDate {
    text-transform: capitalize;
    padding: 0 15px;
    background: #45dbcc;
    color: #132A3B;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.5;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .customEventDate {
        font-size: 32px;
        line-height: 1.25;
    }
}


/** event details **/

#eventDetails {
    background: #ffffff;
    padding: 30px;
}

@media only screen and (min-width: 768px) {
    #eventDetails {
        background: #ffffff;
        padding: 50px;
    }
}

#eventDetails .eventDetail {
    width: 100%;
    border-bottom: 1px solid #E9EDF0;
    padding: 10px 0;
}

#eventDetails .eventDetail p,
#eventDetails .eventDetail h4 {
    margin-bottom: 0 !important;
}

#eventDetails .w-btn-wrapper {
    margin-top: 30px;
}

@media only screen and (max-width: 400px) {
    #eventDetails .w-btn {
        padding: 0.69em 1.5em;
    }
}

#eventDetails .eventDetail>.wpb_text_column {
    margin-left: 10px;
}

#eventDetails .eventDetail .wpb_text_column {
    margin-bottom: 0 !important;
    color: #132a3b;
}

#eventDetails .eventDetail .eventPrice {
    color: #132a3b;
    text-transform: capitalize;
    padding: 0 15px;
    background: #45dbcc;
    color: #132A3B;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.5;
    display: inline-block;
    margin-left: 10px;
}

@media only screen and (min-width: 768px) {
    #eventDetails .eventDetail .eventPrice {
        font-size: 32px;
        line-height: 1.25;
    }
}


/** event join texts **/

#eventJoinTexts {
    background: #E9EDF0;
    padding: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.10);
}

@media only screen and (min-width: 340px) {
    #eventJoinTexts {
        padding: 30px;
    }
}

@media only screen and (min-width: 768px) {
    #eventJoinTexts {
        padding: 50px;
    }
}

#eventJoinTexts ol {
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

#eventJoinTexts ol>li {
    counter-increment: step-counter;
    margin-bottom: 0;
    padding-left: 30px;
    font-size: 16px;
    line-height: 1.78;
}

@media only screen and (min-width: 768px) {
    #eventJoinTexts ol>li {
        font-size: 18px;
    }
}

#eventJoinTexts ol>li::before {
    content: counter(step-counter)'.';
    margin-right: 0;
    /* set same width to numbers */
    width: 30px;
    display: inline-block;
    margin-left: -30px;
    color: #132A3B;
    font-family: "SofiaPro-Regular", sans-serif;
    font-weight: 400;
    font-size: inherit;
    line-height: inherit;
}

#eventJoinTexts .highlight {
    display: inline-block;
    padding: 5px 15px;
}

#eventJoinTexts p:nth-last-child(2) {
    margin-bottom: 10px;
}

#eventJoinTexts p:last-child {
    margin-bottom: 0 !important;
}


/** Events Listing Page **/


/* .page-id-16 #page-footer:not(.transparent) .color_footer-top {
    background: linear-gradient(0deg, rgba(19, 42, 59, 1) 80%, rgba(233, 237, 240, 1) 80%);
} */

.page-id-16 #page-footer.transparent .color_footer-top {
    padding-top: 0;
}


/* 'Starred Events' same as 'Events vertical grid' but we must add some layout styling */

#starredEventsWrapper article .post_image {
    width: 100%;
    height: auto;
}


/* #starredEventsWrapper .w-grid-list article:nth-child(4) {
    display: none;
}

@media only screen and (min-width: 575px) and (max-width: 1023px) {
    #starredEventsWrapper .w-grid-list article:nth-child(4) {
        display: block;
    }
} */

#starredEventsWrapper {
    margin-top: 50px;
    clear: both;
}

@media only screen and (min-width: 768px) {
    #starredEventsWrapper .w-grid-list {
        margin: -15px;
        display: flex;
        flex-wrap: wrap;
    }
}

#starredEventsWrapper .w-grid-item {
    padding: 15px;
    width: 33.3333%;
}

@media only screen and (max-width: 1023px) {
    #starredEventsWrapper .w-grid-item {
        width: 50%;
    }
}

@media only screen and (max-width: 767px) {
    #starredEventsWrapper .w-grid-item {
        width: 100%;
        padding: 0;
        margin-bottom: 15px;
    }
}


/* following and archive events */

#followingEventsFilterWrapper,
#archivedEventsFilterWrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}

#archivedEventsFilterWrapper {
    margin-bottom: 50px;
}

#followingEventsFilterWrapper h2.sectionTitle,
#archivedEventsFilterWrapper h2.sectionTitle {
    margin-bottom: 0;
    margin-right: 20px;
}

#followingEventsFilterWrapper .categoryFilter,
#archivedEventsFilterWrapper .categoryFilter {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 30px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    #followingEventsFilterWrapper .categoryFilter,
    #archivedEventsFilterWrapper .categoryFilter {
        width: auto;
    }
}

#followingEventsFilterWrapper .categoryFilter>*,
#archivedEventsFilterWrapper .categoryFilter>* {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    margin-right: 10px;
    margin-left: 10px;
}

#followingEventsFilterWrapper .categoryFilter .title,
#archivedEventsFilterWrapper .categoryFilter .title {
    color: #706f6f;
}

#followingEventsFilterWrapper .categoryFilter a:not(.active),
#archivedEventsFilterWrapper .categoryFilter a:not(.active) {
    text-decoration: underline;
    color: #132a3b;
}

#followingEventsFilterWrapper .categoryFilter a:not(.active):hover,
#archivedEventsFilterWrapper .categoryFilter a:not(.active):hover {
    text-decoration: none;
}

#followingEventsFilterWrapper .categoryFilter a.active,
#archivedEventsFilterWrapper .categoryFilter a.active {
    color: #788081;
    padding: 1px 10px;
    border-radius: 50px;
    background: #ffffff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .15);
    cursor: default;
    pointer-events: none !important;
    margin-left: 0;
    margin-right: 0;
}

#restoreDefault {
    margin-top: 20px;
    display: none;
}

#restoreDefault a>span {
    text-decoration: underline;
    color: #132A3B;
}

#restoreDefault a:hover>span {
    text-decoration: none;
}

#restoreDefault i {
    color: #45dbcc;
    margin-right: 10px;
}

#followingEventsWrapper {
    margin-top: 50px;
}

#archivedEventsWrapper .eventCard {
    display: flex;
    flex-direction: row;
    height: 100%;
    margin-bottom: 30px;
    position: relative;
    transition: all .3s ease;
}

#followingEventsWrapper .eventCard {
    margin-bottom: 30px;
    position: relative;
    transition: all .3s ease;
}


/* custom layout for mobile */

#archivedEventsWrapper .eventCard img,
#archivedEventsWrapper .eventCard .mobileFullDate {
    display: none;
}

#followingEventsWrapper .eventCard img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 767px) {
    #followingEventsWrapper .eventCard .post_taxonomy {
        position: absolute;
        left: 30px;
        top: 30px;
        margin-bottom: 0;
    }
    #followingEventsWrapper .eventCard .post_taxonomy .w-btn {
        background: #ffffff;
    }
    #followingEventsWrapper .eventCard .fullDate {
        display: none !important;
    }
    #followingEventsWrapper .eventCard .mobileFullDate {
        background: #132A3B;
        position: absolute;
        left: 30px;
        bottom: 30px;
        z-index: 1;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: space-between;
    }
    #followingEventsWrapper .eventCard .mobileFullDate .date-month {
        padding: 16px 23px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.20);
    }
    #followingEventsWrapper .eventCard .mobileFullDate .date {
        color: #45dbcc;
        font-size: 32px;
        line-height: 1.2;
        font-weight: 400;
    }
    #followingEventsWrapper .eventCard .mobileFullDate .month {
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.2;
        text-transform: uppercase;
    }
    #followingEventsWrapper .eventCard .mobileFullDate .time {
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        line-height: 1;
        padding: 6px 0 8px 0;
    }
    #followingEventsWrapper .eventCard .postContent .postTitle {
        margin-bottom: 0 !important;
    }
    #followingEventsWrapper .eventCard:hover .postContent .postTitle a {
        text-decoration: none;
    }
    #followingEventsWrapper .eventCard .postContent .postTitle a {
        font-size: 20px !important;
    }
}

@media only screen and (min-width: 768px) {
    #followingEventsWrapper .eventCard {
        display: flex;
        flex-direction: row;
        height: 100%;
    }
    #followingEventsWrapper .eventCard img,
    #followingEventsWrapper .eventCard .mobileFullDate {
        display: none;
    }
}


/* end of custom layout */

@media only screen and (min-width: 768px) {
    #followingEventsWrapper .eventCard,
    #archivedEventsWrapper .eventCard {
        min-height: 200px;
    }
}

#followingEventsWrapper .eventCard:hover,
#archivedEventsWrapper .eventCard:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

.eventsCalendarWrapper {
    padding: 20px;
    background: #132A3B;
}

#followingEventsWrapper .eventCard:hover,
#archivedEventsWrapper .eventCard:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) {
    #followingEventsWrapper .eventCard:hover,
    #archivedEventsWrapper .eventCard:hover {
        box-shadow: 0 40px 60px rgba(0, 0, 0, 0.2);
    }
}

#followingEventsWrapper .eventCard .fullDate,
#archivedEventsWrapper .eventCard .fullDate {
    background: #132A3B;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: space-between;
}

@media only screen and (min-width: 768px) {
    #followingEventsWrapper .eventCard .fullDate,
    #archivedEventsWrapper .eventCard .fullDate {
        max-width: 120px;
        width: 100%;
    }
}


/* #followingEventsWrapper .eventCard .fullDate .date-month,
#archivedEventsWrapper .eventCard .fullDate .date-month {
    padding: 15px 20px;
}

@media only screen and (min-width: 768px) {
    #followingEventsWrapper .eventCard .fullDate .date-month,
    #archivedEventsWrapper .eventCard .fullDate .date-month {
        padding: 30px 20px;
    }
} */

#followingEventsWrapper .eventCard .fullDate .date-month,
#archivedEventsWrapper .eventCard .fullDate .date-month {
    margin: auto;
}

#followingEventsWrapper .eventCard .fullDate .date,
#archivedEventsWrapper .eventCard .fullDate .date {
    color: #45dbcc;
    font-size: 32px;
    line-height: .75;
    font-weight: 400;
}

#followingEventsWrapper .eventCard .fullDate .month,
#archivedEventsWrapper .eventCard .fullDate .month {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 2;
    text-transform: uppercase;
}

#followingEventsWrapper .eventCard .fullDate .time,
#archivedEventsWrapper .eventCard .fullDate .time {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.56;
    border-top: 1px solid rgba(255, 255, 255, 0.20);
    padding: 15px 20px;
}

#archivedEventsWrapper .eventCard .fullDate .date,
#archivedEventsWrapper .eventCard .fullDate .month,
#archivedEventsWrapper .eventCard .fullDate .time {
    text-decoration: line-through;
    color: rgba(255, 255, 255, 0.25);
}

@media only screen and (min-width: 768px) {
    #followingEventsWrapper .eventCard .fullDate .date,
    #archivedEventsWrapper .eventCard .fullDate .date {
        font-size: 48px;
    }
    #followingEventsWrapper .eventCard .fullDate .month,
    #archivedEventsWrapper .eventCard .fullDate .month {
        font-size: 18px;
    }
    #followingEventsWrapper .eventCard .fullDate .time,
    #archivedEventsWrapper .eventCard .fullDate .time {
        font-size: 18px;
    }
}

#followingEventsWrapper .eventCard .postImage,
#archivedEventsWrapper .eventCard .postImage {
    width: 200px;
    height: 100%;
    background-size: cover;
    background-position: center center;
    display: none;
}

@media only screen and (min-width: 768px) {
    #followingEventsWrapper .eventCard .postImage,
    #archivedEventsWrapper .eventCard .postImage {
        display: block;
    }
}

#followingEventsWrapper .eventCard:hover .postImage,
#archivedEventsWrapper .eventCard:hover .postImage {
    position: relative;
}

#followingEventsWrapper .eventCard a.imgLink,
#archivedEventsWrapper .eventCard a.imgLink {
    position: relative;
    display: block;
    line-height: 1;
}

#followingEventsWrapper .eventCard a.imgLink::after {
    transition: opacity .3s ease;
    content: '';
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(6, 255, 164, 0) 0%, #45dbcc 100%);
}

#followingEventsWrapper .eventCard:hover a.imgLink::after {
    opacity: 1;
}

#archivedEventsWrapper .eventCard a.imgLink::after {
    content: '';
    opacity: .5;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #132A3B;
}

#followingEventsWrapper .eventCard .postContent,
#archivedEventsWrapper .eventCard .postContent {
    background: #ffffff;
    width: 100%;
    padding: 30px;
}

#followingEventsWrapper .eventCard .postContent .post_taxonomy,
#archivedEventsWrapper .eventCard .postContent .post_taxonomy {
    margin-bottom: 10px;
}

#followingEventsWrapper .eventCard .postContent .postTitle,
#archivedEventsWrapper .eventCard .postContent .postTitle {
    margin-bottom: 10px;
}

#followingEventsWrapper .eventCard .postContent .postTitle a,
#archivedEventsWrapper .eventCard .postContent .postTitle a {
    color: #132a3b;
    font-family: "SofiaPro-Light", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    text-decoration: underline;
}

#followingEventsWrapper .eventCard:hover .postContent .postTitle a {
    text-decoration: none;
}

#archivedEventsWrapper .eventCard .postContent .postTitle a {
    text-decoration: line-through;
}

@media only screen and (min-width: 768px) {
    #followingEventsWrapper .eventCard .postContent .postTitle a,
    #archivedEventsWrapper .eventCard .postContent .postTitle a {
        font-size: 24px;
    }
}

#followingEventsWrapper .eventCard .postContent .postTitle a:hover,
#archivedEventsWrapper .eventCard .postContent .postTitle a:hover {
    text-decoration: none;
}

#followingEventsWrapper .eventCard .postContent .postExcerpt,
#archivedEventsWrapper .eventCard .postContent .postExcerpt {
    margin-bottom: 0;
    color: #706f6f;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.56;
    display: none;
}

@media only screen and (min-width: 992px) {
    #followingEventsWrapper .eventCard .postContent .postExcerpt,
    #archivedEventsWrapper .eventCard .postContent .postExcerpt {
        display: block;
    }
}


/* custom awesome pagination */

.awesomePaginationList {
    margin: -5px;
    margin-top: calc(60px - 5px);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
    .awesomePaginationList {
        margin-top: calc(100px - 5px);
    }
}

.awesomePaginationList .page-numbers {
    margin: 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #132a3b;
    flex-shrink: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-radius: 50%;
}

.awesomePaginationList .page-numbers:not(.current) {
    box-shadow: 0 0 0 2px rgba(19, 42, 59, 0.15) inset;
}

.no-touch .awesomePaginationList a.page-numbers::before {
    transition: height 0.3s;
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 100%;
    background: #45dbcc;
}

.no-touch .awesomePaginationList a.page-numbers:hover::before {
    height: 100%;
}

.awesomePaginationList span {
    position: relative;
}

.awesomePaginationList .page-numbers.dots {
    box-shadow: none!important;
    color: inherit!important;
}

.awesomePaginationList .page-numbers.current {
    background: #45dbcc;
    cursor: default;
}

.awesomePaginationList .page-numbers.prev,
.awesomePaginationList .page-numbers.next {
    box-shadow: 0 0 0 2px #45dbcc inset;
}

.awesomePaginationList .page-numbers span {
    color: #706F6F;
}

.awesomePaginationList .page-numbers:hover span {
    color: #132a3b;
}

.awesomePaginationList .page-numbers.current span {
    color: #132a3b;
}

.awesomePaginationList .page-numbers:not(.prev):not(.next) {
    font-size: 16px;
}

.awesomePaginationList .page-numbers span i {
    color: #132A3B !important;
    font-size: 21px;
}

.awesomePaginationList a.page-numbers:hover {
    color: #132A3B !important;
}


/** Events Calendar **/

.eventsCalendarWrapper {
    padding: 20px;
    background: #132A3B;
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) {
    .eventsCalendarWrapper {
        box-shadow: 0 40px 60px rgba(0, 0, 0, 0.2);
    }
}

@media only screen and (min-width: 800px) {
    .eventsCalendarWrapper {
        padding: 30px;
    }
}

@media only screen and (min-width: 1024px) {
    .eventsCalendarWrapper {
        padding: 50px;
    }
}

.eventsCalendarWrapper h3.eventsCalendarHeading {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 30px;
    text-transform: uppercase;
}


/* #eventsCalendar .jsCalendar {} */


/* Default Theme */


/* General style */

.jsCalendar * {
    margin: 0;
    padding: 0;
}

.jsCalendar table,
.jsCalendar thead .jsCalendar-nav-left,
.jsCalendar thead .jsCalendar-nav-right,
.jsCalendar thead .jsCalendar-week-days th,
.jsCalendar tbody td,
.jsCalendar tbody td.jsCalendar-current {
    border-radius: 0;
}

.jsCalendar table {
    background-color: #FFFFFF;
    border-collapse: collapse;
    color: #706F6F;
    margin: 0;
}

.jsCalendar thead {
    background-color: #45dbcc;
    margin: 0;
    padding: 0;
    color: #132A3B;
    display: block;
}

.jsCalendar thead .jsCalendar-title-row,
.jsCalendar thead .jsCalendar-title {
    display: block;
    width: 100%;
}

.jsCalendar thead .jsCalendar-title {
    height: 50px;
    line-height: 50px;
    position: relative;
    display: flex;
    justify-content: space-between;
    border: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}

.jsCalendar thead .jsCalendar-title-left {
    width: 45px;
    border-right: 1px solid rgba(0, 0, 0, 0.10);
}

.jsCalendar thead .jsCalendar-title-right {
    width: 45px;
    border-left: 1px solid rgba(0, 0, 0, 0.10);
}

.jsCalendar thead .jsCalendar-title-name {
    color: #132A3B;
    font-size: 18px;
    text-align: center;
    text-shadow: none;
    font-weight: 400;
}

.jsCalendar thead .jsCalendar-nav-left,
.jsCalendar thead .jsCalendar-nav-right {
    color: #132A3B;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    width: 100%;
    line-height: 50px;
    text-align: center;
}

.jsCalendar thead .jsCalendar-nav-left::after {
    content: "\f053";
    font-family: "fontawesome";
    font-size: inherit;
}

.jsCalendar thead .jsCalendar-nav-right::after {
    content: "\f054";
    font-family: "fontawesome";
    font-size: inherit;
}

.jsCalendar thead .jsCalendar-week-days {
    background-color: #45dbcc;
    display: block;
    padding: 0 10px;
}

.jsCalendar thead .jsCalendar-week-days th {
    color: #ffffff;
    height: 45px;
    line-height: 45px;
    text-shadow: none;
    text-align: center;
    cursor: default;
    display: inline-block;
    font-size: 16px;
    width: calc(100% / 7);
    border: 0;
}

.jsCalendar tbody tr {
    padding: 0 10px;
    display: flex;
}

.jsCalendar tbody tr:first-child {
    padding-top: 10px;
}

.jsCalendar tbody tr:last-child {
    padding-bottom: 10px;
}

.jsCalendar tbody td {
    width: calc(100% / 7);
    text-align: center;
    cursor: default;
    display: inline-block;
    font-size: 16px;
    height: 48px;
    line-height: 48px;
    transition: all .3s ease;
}

.jsCalendar tbody td:hover {
    background-color: #E9EDF0;
}

.jsCalendar tbody tr td {
    border: 0;
    border-bottom: 1px solid #E9EDF0;
    border-right: 1px solid #E9EDF0;
}

.jsCalendar tbody tr:last-child td {
    border-bottom: 0;
}

.jsCalendar tbody tr td:last-child {
    border-right: 0;
}

.jsCalendar tbody td.jsCalendar-selected {
    background-color: #FFFFFF;
    color: #132A3B;
    font-weight: 400;
    position: relative;
    cursor: pointer;
}

td.jsCalendar-selected::after {
    content: '';
    width: 6px;
    height: 6px;
    background: #45dbcc;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    transition: background .3s ease;
}

.jsCalendar tbody td.jsCalendar-selected:hover {
    background-color: #45dbcc;
}

.jsCalendar tbody td.jsCalendar-selected:hover::after {
    background-color: #ffffff;
}

.jsCalendar tbody td.current {
    background-color: #45dbcc;
}

.jsCalendar tbody td.current::after {
    background-color: #ffffff;
}

.jsCalendar tbody td:not(.jsCalendar-selected) {
    pointer-events: none !important;
}

.jsCalendar tbody td.jsCalendar-current {
    background-color: #E9EDF0;
    border: 2px solid #BDC9CD !important;
    color: #706F6F;
}

.jsCalendar tbody td.jsCalendar-previous,
.jsCalendar tbody td.jsCalendar-next {
    color: #BDC9CD;
}

.jsCalendar tbody td.jsCalendar-previous:hover,
.jsCalendar tbody td.jsCalendar-next:hover {
    color: #FFFFFF;
}


/* Default 404 */

.page-404 h1::after {
    margin-left: auto;
    margin-right: auto;
}


/** Priestory Page **/


/* counter */

.counter .w-counter .w-counter-value {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.125;
    padding: 0 15px;
    background-color: #45dbcc;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
    .counter .w-counter .w-counter-value {
        padding: 0 15px 8px 15px;
    }
}

@media only screen and (min-width: 375px) {
    .counter .w-counter .w-counter-value {
        font-size: 34px;
    }
}

@media only screen and (min-width: 768px) {
    .counter .w-counter .w-counter-value {
        font-size: 54px;
    }
}

@media only screen and (min-width: 800px) {
    .counter .w-counter .w-counter-value {
        font-size: 64px;
    }
}

.counter .w-counter .w-counter-title {
    color: #706f6f;
    font-family: "SofiaPro-Light";
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    padding-top: 15px;
    padding-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .counter .w-counter .w-counter-title {
        font-size: 24px;
        padding-top: 30px;
    }
}

.counter .w-counter.square .w-counter-value-part.type_text:last-child::after {
    content: 'm²';
    font-size: 20px;
    display: inline-block;
    margin-left: 10px;
}

@media only screen and (min-width: 375px) {
    .counter .w-counter.square .w-counter-value-part.type_text:last-child::after {
        font-size: 24px;
    }
}

@media only screen and (min-width: 768px) {
    .counter .w-counter.square .w-counter-value-part.type_text:last-child::after {
        font-size: 32px;
    }
}


/* benefity */

#benefity h3::after {
    content: '';
    height: 3px;
    background-color: #45dbcc;
    width: 70px;
    position: relative;
    display: block;
    margin-top: 20px;
}

#benefity .vc_column_container {
    margin-bottom: 0;
}

#benefity .w-iconbox {
    margin-bottom: 50px;
}

@media only screen and (max-width: 767px) {
    #benefity .vc_inner .vc_column_container:last-child .w-iconbox:last-child {
        margin-bottom: 0 !important;
    }
}


/* #benefity .w-iconbox.style_default.iconpos_left .w-iconbox-icon {
    width: auto;
    margin-right: 30px;
}

#benefity .w-iconbox-icon svg,
#benefity .w-iconbox-icon img {
    width: auto;
    max-width: 60px;
} */

#benefity .w-iconbox-text p {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.56;
}


/* cennik */

section.priceListSection .smallText {
    margin-bottom: 0 !important;
}

section.priceListSection .w-btn-wrapper {
    margin: 0;
}

section.priceListSection .priceListWrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
    padding: 0;
    margin-bottom: 50px;
}

section.priceListSection .priceListWrapper .priceList {
    margin: 15px;
    -webkit-box-flex: 1;
    position: relative;
}

section.priceListSection .priceListWrapper .priceList.cols-3 {
    width: calc((100%) - 30px);
}

section.priceListSection .priceListWrapper .priceList.cols-4 {
    width: calc((100%) - 30px);
}

@media only screen and (min-width: 768px) {
    section.priceListSection .priceListWrapper .priceList.cols-3 {
        width: calc((100%/2) - 30px);
    }
    section.priceListSection .priceListWrapper .priceList.cols-4 {
        width: calc((100%/2) - 30px);
    }
}

@media only screen and (min-width: 1024px) {
    section.priceListSection .priceListWrapper .priceList.cols-3 {
        width: calc((100%/3) - 30px);
    }
}

@media only screen and (min-width: 1260px) {
    section.priceListSection .priceListWrapper .priceList.cols-4 {
        width: calc((100%/4) - 30px);
    }
}

section.priceListSection .priceListWrapper .priceList .label {
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
}

section.priceListSection .priceListWrapper .priceList .label.no-label {
    background: transparent !important;
}

@media only screen and (max-width: 767px) {
    section.priceListSection .priceListWrapper .priceList .label.no-label {
        height: 0 !important;
    }
    section.priceListSection .priceListWrapper .priceList .label.no-label+.content {
        height: 100% !important;
    }
}

section.priceListSection .priceListWrapper .priceList.color-green .label.has-label {
    background: #45dbcc;
    color: #132A3B;
}

section.priceListSection .priceListWrapper .priceList.color-blue .label.has-label {
    background: #132A3B;
    color: #fff;
}

section.priceListSection .priceListWrapper .priceList .content {
    padding: 50px;
    border: 2px solid #F4F6F9;
    transition: all .3s ease;
    height: calc(100% - 34px);
}

section.priceListSection .priceListWrapper .priceList:hover .content {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) {
    section.priceListSection .priceListWrapper .priceList:hover .content {
        box-shadow: 0 40px 60px rgba(0, 0, 0, 0.2);
    }
}

section.priceListSection .priceListWrapper .priceList.color-green .content {
    border-color: #45dbcc;
}

section.priceListSection .priceListWrapper .priceList.color-blue .content {
    border-color: #132A3B;
}

section.priceListSection .priceListWrapper .priceList.color-special .content {
    border-color: #132A3B;
    background: #132A3B;
}

section.priceListSection .priceListWrapper .priceList .content img {
    margin-bottom: 30px;
    max-width: 60px;
}

section.priceListSection .priceListWrapper .priceList .content h3 {
    color: #706F6F;
    margin-bottom: 20px;
}

section.priceListSection .priceListWrapper .priceList.color-special h3 {
    color: #ffffff;
}

section.priceListSection .priceListWrapper .priceList .price {
    margin-bottom: 50px;
    color: #132a3b;
    font-size: 48px;
    font-weight: 300;
    line-height: 60px;
    padding: 0 15px;
    display: inline-block;
    background: #E9EDF0;
}

section.priceListSection .priceListWrapper .priceList .price .curr {
    font-size: 32px;
}

section.priceListSection .priceListWrapper .priceList.color-green .price {
    background: #45dbcc;
}

section.priceListSection .priceListWrapper .priceList.color-blue .price {
    background: #132A3B;
    color: #ffffff;
}

section.priceListSection .priceListWrapper .priceList .description {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 50px;
}

section.priceListSection .priceListWrapper .priceList.color-special .description {
    color: #919A9E;
}

section.priceListSection .priceListWrapper .priceList .w-btn {
    padding: .69em 30px;
}

section.priceListSection .priceListWrapper .priceList.color-special .description .w-btn {
    color: #ffffff !important;
}

section.priceListSection .priceListWrapper .priceList.color-special .description .w-btn:hover {
    color: #132A3B !important;
}


/* custom layout - tablet / three columns */

@media only screen and (max-width: 1023px) {
    section.priceListSection.coworking .priceList:nth-child(3) {
        width: calc(100% - 30px);
    }
    section.priceListSection.coworking .priceList:nth-child(3) .label.no-label {
        height: 0;
    }
    section.priceListSection.coworking .priceList:nth-child(3) .content {
        height: 100%;
    }
}


/* testimonials */

#zakazniciSlider article {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
    #zakazniciSlider article {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 1024px) {
    #zakazniciSlider article {
        margin-right: 20px;
        padding-right: 100px;
    }
}

#zakazniciSlider .authorPhotoImgWrapper {
    margin-right: 0;
    margin-bottom: 30px;
    min-width: 170px;
}

@media only screen and (min-width: 768px) {
    #zakazniciSlider .authorPhotoImgWrapper {
        margin-right: 50px;
        margin-bottom: 0;
    }
}

#zakazniciSlider .authorPhotoImgWrapper img {
    width: 170px;
    border-radius: 50%;
}

#zakazniciSlider .authorQuote {
    color: #132a3b;
    font-family: "SofiaPro-Light", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    #zakazniciSlider .authorQuote {
        font-size: 24px;
    }
}

#zakazniciSlider .authorName {
    color: #706f6f;
    font-family: "SofiaPro-Regular", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
    #zakazniciSlider .authorName {
        margin-bottom: 50px;
    }
}

#zakazniciSlider .bottomWrapper {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
    #zakazniciSlider .bottomWrapper {
        display: block;
    }
    #zakazniciSlider .customNavArrows {
        text-align: left;
    }
    #zakazniciSlider .bottomWrapper .w-btn-wrapper {
        text-align: left;
    }
}

#zakazniciSlider .customNavArrows {
    margin-top: 50px;
}

#zakazniciSlider .bottomWrapper .w-btn-wrapper {
    margin: 0;
}

@media only screen and (min-width: 768px) {
    #zakazniciSlider .bottomWrapper {
        display: flex;
        flex-wrap: nowrap;
    }
    #zakazniciSlider .bottomWrapper .w-btn-wrapper {
        margin: 0 30px 0 0;
    }
    #zakazniciSlider .customNavArrows {
        margin-top: 0;
    }
}


/* custom navigation arrows */

#zakazniciSlider .slick-prev,
#zakazniciSlider .slick-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 2px solid #45dbcc;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

#zakazniciSlider .slick-prev {
    margin-right: 10px;
}

#zakazniciSlider .slick-prev i,
#zakazniciSlider .slick-next i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #132A3B;
    font-size: 21px;
}

#zakazniciSlider .slick-disabled {
    border: 2px solid #132a3b;
    opacity: 0.15;
    cursor: default;
    pointer-events: none;
}


/* dots */

@media only screen and (max-width: 1023px) {
    #zakazniciSlider .slick-dots {
        display: none !important;
    }
}

@media only screen and (min-width: 1024px) {
    #zakazniciSlider .slick-dots {
        display: flex !important;
        flex-wrap: wrap;
        list-style: none;
        position: relative;
        justify-content: flex-end;
        width: 100px;
        line-height: 1;
        position: absolute;
        right: 0;
        bottom: 100px;
    }
    #zakazniciSlider .slick-dots li button {
        font-size: 0;
        line-height: 0;
        background: none;
        padding: 0 6px;
    }
    #zakazniciSlider .slick-dots li button::before {
        content: '';
        width: 10px;
        height: 10px;
        background: #BDC9CD;
        display: block;
        border-radius: 50%;
    }
    #zakazniciSlider .slick-dots li.slick-active button::before {
        background: #45dbcc;
    }
}


/* contact form modal */


/* modal */

.modalContent {
    display: none;
}

#ppsContactModal-overlay {
    display: none;
    position: fixed;
    z-index: 99998;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity 0.3s;
    opacity: 0;
    background: rgba(19, 42, 59, 0.80);
    cursor: default;
}

#ppsContactModal-overlay.active {
    opacity: 1;
    display: block;
    /* cursor: pointer; */
}

#ppsContactModal {
    background: none !important;
    transform: translate(0%, -100%);
    /* display: none; */
    position: fixed;
    z-index: 99999;
    cursor: default;
    transition: transform 0.3s cubic-bezier(.4, 0, .2, 1), opacity 0.3s cubic-bezier(.4, 0, .2, 1);
    opacity: 0;
    display: flex;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    overflow-y: auto;
    align-items: center;
    justify-content: center;
}

#ppsContactModal.active {
    /* display: block; */
    transform: translate(0%, 0%);
    opacity: 1;
}

#ppsContactModal .pps-modal-box {
    transition: opacity 0.3s;
    opacity: 0;
    width: 100vw;
    max-height: 100vh;
    cursor: default;
}

@media only screen and (min-width: 570px) {
    #ppsContactModal .pps-modal-box {
        width: 100%;
        max-width: 570px;
    }
}

#ppsContactModal .pps-modal-inner-box {
    position: relative;
    margin: 0;
    background: #fff;
    overflow: hidden;
}

@media only screen and (min-width: 768px) {
    #ppsContactModal .pps-modal-inner-box {
        position: relative;
        margin: 30px 0;
        background: #fff;
        overflow: hidden;
        box-shadow: 0 40px 60px rgba(0, 0, 0, .2);
    }
}

#ppsContactModal.active .pps-modal-box {
    opacity: 1;
}

#ppsContactModal .pps-modal-content {
    padding: 0;
    height: 100%;
    overflow: hidden;
    padding: 50px 30px;
}

@media only screen and (min-width: 768px) {
    #ppsContactModal .pps-modal-content {
        padding: 50px;
    }
}

#ppsContactModal .pps-modal-close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 24px;
    padding: 20px;
    color: #45dbcc;
    cursor: pointer;
    opacity: 0;
    transition: opacity .3s ease;
    transition-delay: .3s;
}

#ppsContactModal.active .pps-modal-close {
    opacity: 1;
}

@media only screen and (min-width: 768px) {
    #ppsContactModal .pps-modal-close {
        top: 30px;
        right: 30px;
        font-size: 32px;
    }
}

body.disabledScroll {
    overflow: hidden !important;
}


/* rooms slider - same styles as themesSlider */

@media only screen and (max-width: 767px) {
    .roomsSlider .slick-next,
    .roomsSlider .slick-prev {
        display: none !important;
    }
}

.roomsSlider .slick-next,
.roomsSlider .slick-prev {
    margin-top: 10px;
}

.roomsSlider .theme {
    transition: all .3s ease;
    margin-bottom: 60px;
}

@media only screen and (min-width: 768px) {
    .roomsSlider .theme {
        margin-bottom: 100px;
    }
}

.roomsSlider .theme .themesSliderImgWrapper {
    position: relative;
}

.roomsSlider .theme .themesSliderImgWrapper>.badge {
    position: absolute;
    top: 30px;
    left: 30px;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    overflow: hidden;
    background: #45dbcc;
    color: #132A3B;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.roomsSlider .theme .themesSliderImgWrapper::after {
    transition: opacity .3s ease;
    content: '';
    opacity: 0;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(6, 255, 164, 0) 0%, #45dbcc 100%);
}

.roomsSlider .theme:hover .themesSliderImgWrapper::after {
    opacity: 1;
}

.roomsSlider .theme:hover {
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2);
}

@media only screen and (min-width: 768px) {
    .roomsSlider .theme:hover {
        box-shadow: 0 40px 60px rgba(0, 0, 0, 0.2);
    }
}


/* Priestory Detail */

.advantagesWrapper .vc_column_container {
    margin-top: 0 !important;
}

@media only screen and (max-width: 992px) {
    .roomDetails .g-cols.vc_row {
        flex-direction: column-reverse;
    }
}

.roomDetails {
    padding-top: 60px;
}


/* .roomDetails .vc_column_container {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
} */

.roomDetails .rightColumn,
.roomDetails .leftColumn {
    margin-bottom: 0px !important;
}

@media only screen and (max-width: 992px) {
    .roomDetails .rightColumn .roomDetailsText {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 993px) {
    .roomDetails {
        padding-top: 0px;
    }
}

@media only screen and (min-width: 1025px) {
    .roomDetails {
        padding-top: 70px;
    }
}

@media only screen and (max-width: 767px) {
    .counter.roomsCounter {
        margin-bottom: 40px;
    }
}

@media only screen and (min-width: 768px) {
    .counter.roomsCounter .w-counter {
        margin-bottom: 50px;
    }
}

#roomPlan .roomPlanImg {
    margin-top: 60px;
}

@media only screen and (min-width: 1024px) {
    #roomPlan .roomPlanImg {
        margin-top: -200px;
        cursor: default;
        pointer-events: none;
    }
}

@media only screen and (min-width: 1200px) {
    #roomPlan .roomPlanImg {
        margin-top: -290px;
    }
}


/***** wrapper_quote-author */

.wrapper_quote-author .img_author {
    width: 100%;
    max-width: 80px;
    flex-shrink: 0;
}


/* .wrapper_quote-author .img_logo img {
    width: auto;
    max-height: 40px;
} */