/* heatmap style */
.heatmap-wrapper .content-wrapper {
    max-width: 1320px
}

.heatmap-wrapper h2 {
    color: #152944;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: 58px;
    margin-bottom: 80px
}

.heatmap-title {
    font-size: 14px;
    line-height: 17px;
    min-width: 240px;
    opacity: .4
}

.heatmap-body .heatmap-title,.heatmap-title {
    color: #152944;
    font-style: normal;
    font-weight: 400
}

.heatmap-body .heatmap-title {
    align-items: center;
    display: flex;
    font-size: 22px;
    font-size: 14px;
    line-height: 26px;
    line-height: 17px;
    opacity: 1;
    font-family: "Mundial", sans-serif;
}

.heatmap-body .heatmap-title span {
    display: inline-block;
    margin-right: 10px
}

.heatmap-body .heatmap-title span img {
    max-width: 40px
}

.heatmap-header,.heatmap-row {
    display: flex
}

.heatmap-block {
    height: 32px;
    margin-right: 4px;
    text-align: center;
    width: 32px
}

.heatmap-row {
    margin-bottom: 24px
}

.heatmap-header .heatmap-block span.ttitle {
    color: #152944;
    cursor: pointer;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    opacity: .8;
    text-align: center;
    font-family: "Mundial", sans-serif;
}

.heatmap-head-popup {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 20px 54px rgba(0,0,0,.25);
    cursor: auto;
    display: none;
    margin-top: 40px;
    max-width: 620px;
    padding: 35px 55px;
    position: absolute;
    text-align: left;
    z-index: 999999
}

.heatmap-head-popup.active {
    display: block;
    margin-left: -144px;
    margin-top: 50px
}

.heatmap-head-popup.active.active-middle-head {
    margin-left: -534px
}

.heatmap-head-popup.active.active-middle-head .arrow-heatmap {
    left: 520px
}

.heatmap-head-popup .source-para {
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 10px;
    opacity: .4
}

.heatmap-head-popup .source-para,.info-para {
    color: #152944;
    font-size: 16px;
    font-style: normal;
    line-height: 19px
}

.info-para {
    font-weight: 400;
    opacity: .8
}

.info-para span {
    font-weight: 500;
    opacity: .4
}

.head-pop-section {
    display: flex
}

.head-pop-section-right p strong {
    color: #152944;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px
}

.head-pop-section-left {
    margin-right: 90px;
    width: 300px
}

.head-pop-section-left p {
    color: #152944;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 0;
    opacity: .8
}

.header-heatmap {
    align-items: center;
    display: flex
}

.head-pop-section-right .info-para {
    margin-bottom: 30px
}

.head-pop-section-right .info-para:last-child {
    margin-bottom: 10px
}

.header-heatmap span {
    color: #152944;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 19px;
    margin-left: 150px
}

.heatmap-header {
    align-items: baseline;
    border-bottom: 1px solid #dee1e4;
    margin-bottom: 24px
}

.heatmap-body {
    padding-bottom: 10px
}

.heatmap-body .heatmap-row:last-child {
    margin-bottom: 0
}

.heatmap-row .heatmap-color {
    cursor: pointer
}

.heatmap-body-popup {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 20px 54px rgba(0,0,0,.25);
    cursor: auto;
    display: none;
    margin-top: 40px;
    max-width: 880px;
    padding: 40px 45px 30px;
    position: absolute;
    text-align: left;
    z-index: 999999
}

.heatmap-body-popup.active {
    display: block;
    margin-left: -144px;
    margin-top: 50px
}

.arrow-heatmap {
    background: #fff;
    height: 69px;
    left: 130px;
    position: absolute;
    top: -30px;
    transform: matrix(.71,-1.08,.46,.71,0,0);
    width: 52px;
    z-index: -1
}

.heatmap-body-popup p {
    color: #152944;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.9;
    margin-bottom: 10px
    font-family: "Change", sans-serif;
}

.heatmap-body-popup p span {
    opacity: .4
}

.heatmap-body-popup h2,.heatmap-body-popup h3 {
    line-height: 1.9;
    margin-bottom: 10px
}

.heatmap-body-popup h1.main-header {
    color: #152944;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 38px
}

.heatmap-body-popup h1.main-header span {
    display: inline-block;
    margin-left: 10px;
    opacity: .4
}

.heatmap-body-popup h2 {
    color: #152944;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 19px
}

.source-para {
    font-weight: 500;
    margin-top: 30px
}

.heatmap-body-popup.active-middle {
    margin-left: -344px
}

.heatmap-body-popup.active-middle .arrow-heatmap {
    left: 330px
}

.heatmap-body-popup.active-second-middle {
    margin-left: -684px
}

.heatmap-body-popup.active-second-middle .arrow-heatmap {
    left: 670px
}

.heatmap-body-popup.active-last-order {
    margin-left: -774px
}

.heatmap-body-popup.active-last-order .arrow-heatmap {
    left: 760px
}

.openPopupShadow {
    animation-duration: 1s;
    animation-name: fadeIn_Container;
    background: #222;
    display: none;
    height: 100vh;
    left: 0;
    opacity: .9;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 40000
}

.modal,.openPopupShadow {
    z-index: 999999
}

.modal .headermodalpopup {
    border-bottom: 2px solid #ccc;
    border-radius: 10px 10px 0 0;
    height: 70px;
    width: 100%
}

.modal {
    animation-duration: .8s;
    animation-name: fadeIn_Modal;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px #000;
    display: none;
    margin: 30px auto 0 10%;
    min-width: 250px;
    position: fixed;
    top: 0;
    width: 80%;
    z-index: 999999999999
}

.modal input[type=email],.modal input[type=tel],.modal input[type=text] {
    background: #fff;
    border: 1px solid #dee1e4;
    border-radius: 110px;
    box-sizing: border-box;
    color: #142030;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 8px;
    padding: 16px 28px
}

.modal input[type=submit] {
    background: #152944;
    border-radius: 40px;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22px;
    padding: 18px 44px
}

.modal .content {
    width: 100%
}

.heatmap-info-bottom {
    display: flex;
    margin: 35px 0 20px
}

.heatmap-info-bottom .heatmap-title {
    display: inline-block
}

.heatmap-info {
    display: flex
}

.heatmap-arrow-info span {
    display: block;
    opacity: .8;
    text-align: center
}

.bottom-info-wrapper,.heatmap-arrow-info span {
    color: #152944;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 17px;
    font-family: "Mundial", sans-serif;
}

.bottom-info-wrapper {
    align-items: center;
    display: flex;
    margin-right: 15px;
}

.bottom-info-wrapper span {
    height: 32px;
    margin-right: 8px;
    width: 32px
}

form {
    margin-top: 20px
}

.modal .hs_error_rollup {
    display: none
}

.modal .hs-form-field {
    margin-bottom: 12px
}

@media screen and (min-width: 600px) {
    .modal {
        margin-left:calc(50vw - 250px);
        margin-top: calc(50vh - 250px);
        padding: 30px;
        width: 500px
    }

    .modal .content {
        width: 100%
    }
}

@keyframes fadeIn_Modal {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn_Container {
    0% {
        opacity: 0
    }

    to {
        opacity: .9
    }
}

@media (max-width: 1400px) {
    .heatmap-wrapper .content-wrapper {
        max-width:1280px
    }

    .heatmap-arrow-info img {
        max-width: 100%
    }
}

@media (max-width: 1024px) {
    .heatmap-wrapper {
        display:none
    }
}


.heatmap-table,
div#cee,
div#cer,
div#helvetica,
div#europa {
	height: 580px !important;
    min-width: 1100px !important;
}

.chart .elementor-widget-container {
    overflow-x: auto;
    overflow-y: hidden;
}

.chart .elementor-widget-container::-webkit-scrollbar {
    -webkit-appearance: none;
}

.chart .elementor-widget-container::-webkit-scrollbar:vertical {
    width: 12px;
}

.chart .elementor-widget-container::-webkit-scrollbar:horizontal {
    height: 12px;
}

.chart .elementor-widget-container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, .5);
    border-radius: 10px;
    border: 2px solid #ffffff;
}

.chart .elementor-widget-container::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #ffffff;
}
#cee svg > g {
    transform: translateX(-12px);
}

div#chart .elementor-icon-list-item:nth-of-type(1) rect {
    fill: #F7DC8A !important;
}