* {
    box-sizing: border-box;
}
body{
  margin: 0 !important;
}
b, span, label{
    font-size: inherit;
}
label{

    font-family: 'gilroyEB', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;

    letter-spacing: 0.03em;

    color: #5E5E5E;

}
.share-wrapper{
    width:100vw;
    height:100vh;
    margin: 0;
    padding: 0;
    font-size: 20px;
    font-family: GilroyRegular, sans-serif;
}

.share-content{
    width: 100%;
    min-height: 521px;
    padding-bottom: 0;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;

}
.share-title{
    width: 100%;
    font-family: 'Gilroy',sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 60px;
    text-align: center;
    letter-spacing: 0.4em;
    color: #3E3E3D;
    margin-bottom: 60px;
    margin-top: 50px;
}
.tooltip-share-box{
  padding: 6px 12px;
    background-color: #ffffff;
    border-radius: 9px;
    box-shadow: 0px 3.24210524559021px 3.24210524559021px rgba(0, 0, 0, 0.25);
}
.tooltip-share-name{
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    font-weight: 600;
    color: #333333;
}
.tooltip-share-speed{
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-align: center;

    color:#71E360;
}
.leaflet-tooltip {
    padding: 1px 5px;
}
.leaflet-tooltip-top {
    margin-top: -40px;
}
.leaflet-tooltip-top::before{
    display: none;
}

#map {
    border:none;
    box-shadow: none;
    float:left;
    width:100vw;
    height:100vh;
    font-size: 16px;
    margin:0;
    display: block;
    transform: translate3d(0, 0, 0);
}

.leaflet-marker-icon.leaflet-zoom-animated.leaflet-interactive{
    z-index: 11000;
}

.leaflet-popup-content-wrapper{
    font-size: 16px;
}
.leaflet-control-scale.leaflet-control, .leaflet-control-attribution.leaflet-control{
    display: none;
}
.leaflet-pane.leaflet-tooltip-pane{
    font-size: 20px;
}
.leaflet-control-layers-base{
    font-size: 16px;
}
.leaflet-touch .leaflet-bar a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    box-shadow: none;
    font-weight: bold;
    border-radius: 5px !important;
    margin-bottom: 5px;
    opacity: 1;
}
.leaflet-touch .leaflet-control-layers, .leaflet-touch .leaflet-bar {
    border: none;
    background-clip: padding-box;
}


.leaflet-tooltip {
    position: absolute;
    padding: 1px 8px;
    background-color: transparent;
    border: none;
    border-radius: 3px;
    color: #222;
    box-shadow: none;
    opacity: 1 !important;
}
.leaflet-left {
    left: auto;
    right: 20px;
}


.round-map-icon{
    border-radius: 50% ;
    position: relative;
    width: 62px;
    height: 62px;
position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

span.icon-rotation-center{
    width: 54px;
    height: 54px;
    border-radius: 50% ;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.round-map-icon::before{
    background-image: url("/themes/demo/assets/leaflet/images/sizzappicon4.png");
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: 100;
    box-sizing: border-box;
    width: 72px;
    height: 72px;
}
.icon-rotation-0 .round-map-icon::before{
    width: 72px;
    height: 72px;

}
.icon-rotation-1 .round-map-icon::before{
    width: 72px;
    height: 72px;

    transform: rotate(215deg);
}
.icon-rotation-2 .round-map-icon::before{
    width: 72px;
    height: 72px;

    transform: rotate(270deg);
}
.icon-rotation-3 .round-map-icon::before{
    width: 72px;
    height: 72px;

    transform: rotate(305deg);
}
.icon-rotation-4 .round-map-icon::before{
    width: 72px;
    height: 72px;

    transform: rotate(180deg);
}

.icon-rotation-5 .round-map-icon::before{
    width: 72px;
    height: 72px;

    transform: rotate(35deg);
}


.icon-rotation-6 .round-map-icon::before{
    width: 72px;
    height: 72px;
    transform: rotate(85deg);
}

.icon-rotation-7 .round-map-icon::before{
    width: 72px;
    height: 72px;

    transform: rotate(125deg);
}



.icon-rotation-8 .round-map-icon::before{

    width: 72px;
    height: 72px;
    transform: rotate(180deg);

}
.icon-rotation-9 .round-map-icon::before{
    background-image: url("/themes/demo/assets/leaflet/images/sizzappicon5.png");
    border: none;
    width: 58px;
    height: 58px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 0;
    bottom: 0;
    right: 0;
    left: 2px;
    top: 2px;
}
.share-btn-monitor{
    width: 55px;
    height: 55px;
    background-image: url("/themes/demo/assets/images/share/btn_monioring.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 98%;
    opacity: 1;
     background-color: transparent;
    position: absolute;
    top: 30px;
    right: 20px;
    z-index: 1000;
    cursor: pointer;
    border: none;
      display: flex;
    align-items: center;
    justify-content: center;
}
.share-btn-monitor:hover , .share-btn-monitor:focus {
    background-image: url("/themes/demo/assets/images/share/btn_monioring2.svg");
}
.share-btn-monitor.active{
    background-image: url("/themes/demo/assets/images/share/btn_monioring2.svg");
}

.leaflet-touch .leaflet-bar .leaflet-control-zoom-in{
    width: 55px;
    height: 55px;
    background-image: url("/themes/demo/assets/images/share/btn_plus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 98%;
    opacity: 1;
    background-color: transparent;
    z-index: 1000;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.leaflet-touch .leaflet-bar .leaflet-control-zoom-in span{
    opacity: 0;
}

.leaflet-touch .leaflet-bar .leaflet-control-zoom-out{
    width: 55px;
    height: 55px;
    background-image: url("/themes/demo/assets/images/share/btn_minus.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 98%;
    opacity: 1;
    background-color: transparent;
    z-index: 1000;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.leaflet-touch .leaflet-bar .leaflet-control-zoom-out span{
    opacity: 0;
}
.post-footer-wrap{
    margin-top: 70px;
}

.post-footer-title{
    font-family: 'gilroyEB', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase !important;
    text-align: center !important;
    font-size: 32px;
    line-height: 40px;
    text-align: center;

    color: #000000 !important;

}
.post-footer-sub{
    font-family: 'gilroyLight', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    text-align: center;

    color: #000000;

}
.post_footer_box{
    display: flex;
    justify-content: center;
    margin-top: 60px;
    flex-wrap: wrap;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;

}
.post_footer_card{
    width: 50%;
    max-width: 443px;
    min-height: 553px;
    background: #eaf2f4;
    padding: 30px 40px;
    padding-bottom: 0;
    margin-left: 6px;
    margin-right: 6px;
    position: relative;

}
h3.post_footer_card_title{
    width: 100%;
    font-family: 'gilroyEB', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 30px;
    line-height: 32px;
    text-transform: uppercase;
    color: #000000 !important;

}
.post_footer_card_price{
    font-family: 'gilroyEB', sans-serif;
    font-style: normal;
    font-weight: 800;
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
    color: #71E360;
    width: 100%;
    display: block;
}
.post_footer_img_box img{
    max-width: 290px;
    margin-top: 0;

}
.post_footer_img_box{
    display: flex;
}
.post_footer_img_box.right_img{
    margin-top: 50px;
}


.box{
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
}

.btn.blog_article_btn{
    font-family: 'gilroyEB', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color:#ffffff;
    box-sizing: border-box;
    border: none;
    margin-left: auto;
    margin-right: auto;
    background-color:#71E360;
    width: 228px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;

}

.btn.blog_article_btn:hover, .btn.blog_article_btn:focus{
    box-shadow: 0 0 6px #72F25E, inset 0 0 6px #72F25E;
    transition: 0.3s box-shadow;

}


.current-time-box {
    font-family: 'gilroyLight', sans-serif;
    z-index: 1000;
    position: absolute;
    background-color: transparent;
    font-size: 22px;
    font-weight: 600;
    bottom: 30px;
    right: 50px;
    width: 300px;
    height: 30px;

}
.intro-logo{
    display: none;
}
.modal-overflow {
    display: none;
    z-index: 1000;
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.75) 0 0 no-repeat padding-box;
    border: 1px solid #707070;
    opacity: 1;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    align-items: center;
    justify-content: center;

}
.modal.modal-share{
    opacity: 0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    background: #f6f6f6;
    max-width: 420px;
    width: 90vw;
    min-height: 250px;
    padding: 20px;
    border: 4px solid #72F25E;
    position: relative;
    transition: opacity 0.2s ease;
    height: auto;
}
.modal-overflow.active{
    display: flex;
}
.modal.modal-share.active{
    opacity: 1;
}
.modal-share-close{

    position: absolute;
    right: 20px;
    top: 10px;
    border: 2px solid #72F25E;
    border-radius: 0;
    font-size: 24px;
    font-weight:bold;
    margin-top: 10px;
    font-family: 'gilroyEB', sans-serif;
    color: #3E3E3D;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;


}
.modal-title-share{
    margin-top: 40px;
}

.sizzapp-logo-box {
    position: fixed;
    z-index: 1000;
    top: 30px;
    left: 105px;
    width: 220px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: start;
}

.sizzapp-logo-link {
    width: 220px;
    height: 50px;
    background-image: url(/themes/demo/assets/images/share/sizzapp_share_logo.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 97%;

}
.leaflet-top {
    top: 80px;
    bottom: auto;
}

    @media screen and (max-width: 700px) {

        .sizzapp-logo-box {
            position: fixed;
            z-index: 1000;
            top: 40px;
            left: 0px;
            right: 0;
            width: 100vw;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: start;
        }
        .sizzapp-logo-link {
            width: 160px;
            height: 35px;
            background-image: url(/themes/demo/assets/images/share/sizzapp_share_logo.svg);
            background-position: 0 0;
            background-repeat: no-repeat;
            background-size: 90%;
    }
        .current-time-box {
            font-family: 'gilroyLight', sans-serif;
            z-index: 1000;
            position: absolute;
            background-color: transparent;
            font-size: 16px;
            font-weight: 600;
            bottom: 40px;
            right:0px;
            width: 100vw;
            height: 30px;
            padding:0;

        }
        .share-btn-monitor{
            width: 48px;
            height: 48px;
            background-size: 92%;
            top: auto;
           bottom: 176px;
        }

        .leaflet-touch .leaflet-bar .leaflet-control-zoom-in{
            width: 48px;
            height: 48px;
            background-size: 92%;

        }


        .leaflet-touch .leaflet-bar .leaflet-control-zoom-out{
            width: 48px;
            height: 48px;
            background-size: 92%;

        }
        .leaflet-top {
            top: auto;
            bottom: 70px;
        }
        .tooltip-share-box{
            padding: 6px 10px;
            border-radius: 6px;
        }
        .tooltip-share-name{
            font-size: 13px;
            line-height: 16px;
            text-align: center;
            font-weight: 600;
            color: #333333;
        }
        .tooltip-share-speed{
            font-weight: 600;
            font-size: 13px;
            line-height: 16px;
            text-align: center;

            color:#71E360;
        }



}