.react-modal-popup{height:40px;margin:20px 0;padding:0;position:relative}.react-modal-popup a.open-modal{background-color:#fafafa;border:1px solid #eee;border-radius:1px;color:#555;display:block;height:40px;line-height:30px;outline:none;padding:5px 10px;position:relative;text-decoration:none;width:100%}.react-modal-popup a.open-modal:focus{outline:none}.react-modal-popup .react-appended-modal-popup{display:none;opacity:0;visibility:hidden}.react-appended-modal-popup{background-color:rgba(0,0,0,.5);display:none;height:100%;left:0;min-height:100%;min-width:100%;position:absolute;top:0;visibility:hidden;width:100%;z-index:9989}.react-appended-modal-popup.madal-opend{display:block;visibility:visible}.react-appended-modal-popup div.modal-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#fff;border:1px solid hsla(0,0%,100%,.1);border-radius:3px;-webkit-box-shadow:0 0 15px rgba(0,0,0,.4);box-shadow:0 0 15px rgba(0,0,0,.4);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:calc(100vh - 40px);left:50%;max-height:550px;max-width:1100px;min-height:400px;min-width:800px;overflow:hidden;position:absolute;top:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform-origin:center center;transform-origin:center center;width:calc(100% - 40px)}.react-appended-modal-popup div.modal-container div.hb-modal-footer,.react-appended-modal-popup div.modal-container div.modal-body,.react-appended-modal-popup div.modal-container div.modal-header{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:10px;position:relative;width:100%}.react-appended-modal-popup div.modal-container div.hb-modal-footer,.react-appended-modal-popup div.modal-container div.modal-header{background-color:#1d2327}.react-appended-modal-popup div.modal-container div.hb-modal-footer .modal-title,.react-appended-modal-popup div.modal-container div.modal-header .modal-title{color:#cfd0d2}.react-appended-modal-popup div.modal-container div.modal-header{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0}.react-appended-modal-popup div.modal-container div.modal-header .modal-title{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:1rem;font-weight:500;padding:0 10px}.react-appended-modal-popup div.modal-container div.modal-header div.react-modal-popup-close{cursor:pointer;position:relative;width:65px}.react-appended-modal-popup div.modal-container div.modal-header div.react-modal-popup-close:after,.react-appended-modal-popup div.modal-container div.modal-header div.react-modal-popup-close:before{background-color:#cfd0d2;content:" ";height:2px;left:20px;position:absolute;top:26px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:-webkit-transform .5s ease-out;transition:-webkit-transform .5s ease-out;transition:transform .5s ease-out;transition:transform .5s ease-out,-webkit-transform .5s ease-out;width:20px}.react-appended-modal-popup div.modal-container div.modal-header div.react-modal-popup-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.react-appended-modal-popup div.modal-container div.modal-header div.react-modal-popup-close:hover:before{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-appended-modal-popup div.modal-container div.modal-header div.react-modal-popup-close:hover:after{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-appended-modal-popup div.modal-container div.modal-body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;height:auto;max-height:100%;overflow-x:scroll;padding:0}.react-appended-modal-popup div.modal-container div.hb-modal-footer{border-top:1px solid #eee;height:50px;text-align:right}
fieldset.react-fieldset{border:1px solid #ccc;left:0;margin:10px 0;padding:10px;top:0}fieldset.react-fieldset>legend{background-color:#fff;color:#aaa;height:20px;line-height:20px;padding:0 10px;width:auto}body.rtl fieldset.react-fieldset>legend{left:auto;right:5px}
div.hayyabuild-background .hb_bg_button{background:#f7f7f7;background-position:50%;background-size:cover;border:1px solid #fff;border-radius:2px;-webkit-box-shadow:0 0 4px rgba(0,0,0,.3);box-shadow:0 0 4px rgba(0,0,0,.3);height:100px;margin:10px 0;position:relative;text-align:center;width:100%}div.hayyabuild-background .hb_bg_button .bg_button{background:transparent;color:#555;height:100%;left:0;line-height:100px;opacity:.5;position:absolute;text-decoration:none;text-shadow:0 0 1px #fff,0 0 2px #fff;-webkit-transition:color .5s,opacity .5s;transition:color .5s,opacity .5s;width:100%}div.hayyabuild-background .hb_bg_button:HOVER .bg_button{color:#555;opacity:1}div.hayyabuild-background .hb_bg_button .remove{background:transparent;border-radius:20px;color:#888;font-size:12px;height:20px;line-height:20px;position:absolute;right:10px;text-decoration:none;top:10px;width:20px}div.hayyabuild-background .hb_bg_button .remove:HOVER{background:#888;color:#fff;-webkit-transform:scale(1.2);transform:scale(1.2)}div.hayyabuild-background .background-options{display:-webkit-box;display:-ms-flexbox;display:flex}div.hayyabuild-background .background-options>*{margin:10px 5px;width:50%}div.hayyabuild-background .bg_image{width:100%}
.hayyabuild-blocks-options__classes{margin:0 auto;width:calc(100% - 30px)}.hayyabuild-blocks-options__styles>div{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;float:left;padding:5px;width:50%}@media screen and (max-width:950px){.hayyabuild-blocks-options__styles>div{float:none;width:100%}}.hayyabuild-blocks-options__styles>div .react-fieldset{display:block}.hayyabuild-blocks-options__styles>div .editor-panel-color-settings{width:100%}.hayyabuild-blocks-options__styles>div .layout .unit,.hayyabuild-blocks-options__styles>div .layout input{font-size:12px;height:24px;line-height:12px;margin:0;padding:3px 0;position:absolute;text-align:center;width:45px}.hayyabuild-blocks-options__styles>div .layout .unit,.hayyabuild-blocks-options__styles>div .layout span.unit{line-height:20px;padding-left:5px;text-align:left;width:50px}.hayyabuild-blocks-options__styles>div .layout .border,.hayyabuild-blocks-options__styles>div .layout .content,.hayyabuild-blocks-options__styles>div .layout .margin,.hayyabuild-blocks-options__styles>div .layout .padding{border:1px solid #ddd;margin:55px;position:relative}.hayyabuild-blocks-options__styles>div .layout .margin{border:1px solid #fff;margin:0;padding:0}.hayyabuild-blocks-options__styles>div .layout .border_top_width,.hayyabuild-blocks-options__styles>div .layout .margin_top,.hayyabuild-blocks-options__styles>div .layout .padding_top{left:50%;margin-left:-45px;top:5px}.hayyabuild-blocks-options__styles>div .layout .unit{left:50%;top:5px}.hayyabuild-blocks-options__styles>div .layout .border_right_width,.hayyabuild-blocks-options__styles>div .layout .margin_right,.hayyabuild-blocks-options__styles>div .layout .padding_right{margin-top:-12px;right:5px;top:50%}.hayyabuild-blocks-options__styles>div .layout .border_bottom_width,.hayyabuild-blocks-options__styles>div .layout .margin_bottom,.hayyabuild-blocks-options__styles>div .layout .padding_bottom{bottom:5px;left:50%;margin-left:-17px}.hayyabuild-blocks-options__styles>div .layout .border_left_width,.hayyabuild-blocks-options__styles>div .layout .margin_left,.hayyabuild-blocks-options__styles>div .layout .padding_left{left:5px;margin-top:-12px;top:50%}.hayyabuild-blocks-options__styles>div .layout label{color:#2c2c2c;display:inline-block;font-size:11px;left:5px;line-height:9px;margin:0;padding:0;position:absolute;top:6px}.hayyabuild-blocks-options__styles>div .layout .content{border:none;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;height:30px;line-height:11px;padding:0;text-align:center}.hayyabuild-blocks-options__styles>div .layout .content .help-tip{left:40%}#editor .react-appended-modal-popup .modal-container{border-radius:5px;-webkit-box-shadow:0 0 40px rgba(0,0,0,.4),0 0 20px rgba(0,0,0,.4);box-shadow:0 0 40px rgba(0,0,0,.4),0 0 20px rgba(0,0,0,.4);overflow:hidden}#editor .react-appended-modal-popup .modal-container .modal-header{border-bottom:none;padding:0}#editor .react-appended-modal-popup .modal-container .modal-body{overflow:hidden;overflow-y:auto}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset{border:1px solid rgba(0,0,0,.1);border-right-width:2px;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset div.options-checkbox{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;margin:5px 0;padding:0 10px;width:50%}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset div.options-checkbox input[type=checkbox]{border:1px solid #ccc}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset div.options-checkbox input[type=checkbox]:checked{border:1px solid #00ae39}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset div.options-checkbox input[type=checkbox]:checked+label{color:#00ae39}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset .components-range-control.with_unit{display:inline-block;margin:0;width:calc(100% - 80px)}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset .unit_container.for_range{display:inline-block;height:37px;vertical-align:bottom;width:80px}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset .unit_container.for_range select{margin:0;width:100%}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset .scroll-options{border-bottom:1px solid #eee;margin-bottom:10px;padding:10px}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset .scroll-options>div,#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset .scroll-options>select{-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;height:50px;margin:0;width:70%}#editor .react-appended-modal-popup .modal-container .modal-body fieldset.react-fieldset .scroll-options select{height:28px;margin-left:10px;vertical-align:bottom;width:calc(30% - 10px)}
.fullScreen-activated{height:150vh;left:0}div.react-opensstreetmap-leaflet{height:100%;overflow:hidden;position:relative;width:100%}div.react-opensstreetmap-leaflet .hayyabuild-map{bottom:0;height:100%;left:0;position:relative;right:0;top:0;width:100%}div.react-opensstreetmap-leaflet .hayyabuild-map button.add-marker,div.react-opensstreetmap-leaflet .hayyabuild-map button.fullscreen-button,div.react-opensstreetmap-leaflet .hayyabuild-map button.save-button{background-color:#0085ba;border:1px solid hsla(0,0%,100%,.5);border-radius:50%;-webkit-box-shadow:0 0 5px rgba(0,0,0,.4);box-shadow:0 0 5px rgba(0,0,0,.4);color:#fff;cursor:pointer;display:block;height:30px;overflow:hidden;padding:0 5px;position:absolute;right:10px;top:10px;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;width:30px;z-index:15}div.react-opensstreetmap-leaflet .hayyabuild-map button.add-marker:not(.disabled):not(.add-marker):hover,div.react-opensstreetmap-leaflet .hayyabuild-map button.fullscreen-button:not(.disabled):not(.add-marker):hover,div.react-opensstreetmap-leaflet .hayyabuild-map button.save-button:not(.disabled):not(.add-marker):hover{background-color:#005d82;-webkit-transform:scale(1);transform:scale(1)}div.react-opensstreetmap-leaflet .hayyabuild-map button.add-marker i,div.react-opensstreetmap-leaflet .hayyabuild-map button.fullscreen-button i,div.react-opensstreetmap-leaflet .hayyabuild-map button.save-button i{display:block;font-size:16px;height:20px;line-height:20px;width:20px}div.react-opensstreetmap-leaflet .hayyabuild-map button.fullscreen-button{background-color:#ee8700;top:40px}div.react-opensstreetmap-leaflet .hayyabuild-map button.fullscreen-button:hover{background-color:#f0a036;-webkit-transform:scale(1);transform:scale(1)}div.react-opensstreetmap-leaflet .hayyabuild-map button.add-marker{background-color:#00ba49;top:80px}div.react-opensstreetmap-leaflet .hayyabuild-map button.add-marker:hover{background-color:#00983b;-webkit-transform:scale(1);transform:scale(1)}div.react-opensstreetmap-leaflet .hayyabuild-map button.save-button.disabled{background-color:#aaa;color:#fff;cursor:not-allowed}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers{height:100%;left:100%;max-width:400px;min-width:300px;position:absolute;top:0;width:50%;z-index:16}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker{background-color:hsla(0,0%,100%,.75);border:1px solid hsla(0,0%,100%,.95);-webkit-box-shadow:0 0 15px rgba(0,0,0,.3);box-shadow:0 0 15px rgba(0,0,0,.3);font-size:.9rem;height:100%;left:-100%;overflow-x:hidden;overflow-y:scroll;padding:10px;position:absolute;top:0;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:right;transform-origin:right;-webkit-transition:opacity .3s .2s,-webkit-transform .2s;transition:opacity .3s .2s,-webkit-transform .2s;transition:transform .2s,opacity .3s .2s;transition:transform .2s,opacity .3s .2s,-webkit-transform .2s;width:100%}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker.show{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transition:opacity .7s,-webkit-transform .2s;transition:opacity .7s,-webkit-transform .2s;transition:transform .2s,opacity .7s;transition:transform .2s,opacity .7s,-webkit-transform .2s}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker span.info{color:#555;display:block;font-size:12px}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .close-editor,div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .remove-marker{background-color:#11a0d2;border:none;border-radius:50%;color:#fff;cursor:pointer;height:30px;margin-bottom:5px;padding:0;width:30px}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .close-editor i,div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .remove-marker i{font-size:20px;line-height:24px}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .close-editor:hover,div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .remove-marker:hover{background-color:#278aad}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .remove-marker{background-color:#ff8a8a}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .remove-marker:hover{background-color:#ff5f5f}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .marker-icon-type{text-align:center}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .marker-icon-type svg{border:1px solid rgba(0,0,0,.1);border-radius:3px;cursor:pointer;height:40px;margin:10px 3px;padding:5px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;width:40px}div.react-opensstreetmap-leaflet .hayyabuild-map .edit-markers .edit-marker .marker-icon-type svg:hover{background-color:rgba(0,0,0,.1)}div.react-opensstreetmap-leaflet__loading{display:none}div.react-opensstreetmap-leaflet__loading.show-error,div.react-opensstreetmap-leaflet__loading.show-loading,div.react-opensstreetmap-leaflet__loading.show-success{bottom:0;display:block;height:100%;left:0;position:absolute;right:0;top:0;-webkit-transition:background-color .5s;transition:background-color .5s;width:100%;z-index:20}div.react-opensstreetmap-leaflet__loading.show-error .loading__icon,div.react-opensstreetmap-leaflet__loading.show-loading .loading__icon,div.react-opensstreetmap-leaflet__loading.show-success .loading__icon{display:inline-block;height:120px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:120px}div.react-opensstreetmap-leaflet__loading.show-error .loading__icon:after,div.react-opensstreetmap-leaflet__loading.show-loading .loading__icon:after,div.react-opensstreetmap-leaflet__loading.show-success .loading__icon:after{border:10px solid #fff;content:" ";display:block;height:120px;margin:1px;position:absolute;top:0;-webkit-transition:width .3s;transition:width .3s;width:120px}div.react-opensstreetmap-leaflet__loading.show-loading{background-color:rgba(255,245,100,.5)}div.react-opensstreetmap-leaflet__loading.show-success{background-color:rgba(100,245,100,.5)}div.react-opensstreetmap-leaflet__loading.show-error{background-color:hsla(0,100%,70%,.5)}div.react-opensstreetmap-leaflet__loading.show-loading .loading__icon:after{-webkit-animation:lds-dual-ring 1.2s linear infinite;animation:lds-dual-ring 1.2s linear infinite;border-color:#fff transparent;border-radius:50%;border-style:solid;border-width:10px}div.react-opensstreetmap-leaflet__loading.show-success .loading__icon{width:60px}div.react-opensstreetmap-leaflet__loading.show-success .loading__icon:after{border-color:transparent #fff #fff transparent;border-style:solid;border-width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:right;transform-origin:right;width:60px}div.react-opensstreetmap-leaflet__loading.show-error .loading__icon{width:10px}div.react-opensstreetmap-leaflet__loading.show-error .loading__icon:before{content:" ";display:block;margin:1px}div.react-opensstreetmap-leaflet__loading.show-error .loading__icon:after,div.react-opensstreetmap-leaflet__loading.show-error .loading__icon:before{background-color:#fff;border:none;height:120px;position:absolute;top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:width .3s,border-radius .3s;transition:width .3s,border-radius .3s;width:10px}div.react-opensstreetmap-leaflet__loading.show-error .loading__icon:after{-webkit-transform:rotate(45deg);transform:rotate(45deg)}@-webkit-keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes lds-dual-ring{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}div.react-opensstreetmap-leaflet .hayyabuild-map-info.show{background-color:#fff;border-radius:3px;bottom:10px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);color:#333;font-size:14px;padding:5px 10px;position:absolute;right:10px;top:auto;z-index:18}
.hb-select-icon{background-color:#fff;border:1px solid #eee;height:40px;margin:20px 0;padding:0;position:relative;text-align:center}.hb-select-icon a:active,.hb-select-icon a:focus{-webkit-box-shadow:none;box-shadow:none;outline:none}.hb-select-icon a.toggle{background-color:#fafafa;border-radius:1px;color:#555;display:block;height:40px;line-height:30px;outline:none;padding:5px 10px;position:relative;text-align:left;text-decoration:none;width:100%;z-index:9999}.hb-select-icon a.toggle:focus{outline:none}.hb-select-icon a.toggle:after{content:"";font-family:FontAwesome;position:absolute;right:10px;top:5px}.hb-select-icon a.toggle.opened{z-index:999999}.hb-select-icon a.toggle.opened:after{content:""}.hb-select-icon .icons-container{background-color:#fff;border:1px solid #eee;height:0;left:0;overflow:hidden;padding-top:40px;position:absolute;top:0;-webkit-transition:height .2s ease-in,-webkit-box-shadow .2s ease-in;transition:height .2s ease-in,-webkit-box-shadow .2s ease-in;transition:height .2s ease-in,box-shadow .2s ease-in;transition:height .2s ease-in,box-shadow .2s ease-in,-webkit-box-shadow .2s ease-in;width:100%;z-index:999}.hb-select-icon .icons-container.opened{-webkit-box-shadow:0 5px 15px rgba(5,5,5,.3);box-shadow:0 5px 15px rgba(5,5,5,.3);height:340px;z-index:99999}.hb-select-icon .icons-container input[type=search],.hb-select-icon .icons-container input[type=text]{border:0;border-bottom:1px solid #ccc;border-radius:0;display:inline-block;margin:0;width:48%}.hb-select-icon .icons-container input[type=search][type=text],.hb-select-icon .icons-container input[type=text][type=text]{margin-right:2%}.hb-select-icon .icons-container input[type=search]:focus,.hb-select-icon .icons-container input[type=text]:focus{border-bottom:1px solid #888;-webkit-box-shadow:none;box-shadow:none}.hb-select-icon .icons-container ul{display:block;height:250px;list-style:none;overflow-x:hidden;overflow-y:scroll;text-align:center;widows:100%}.hb-select-icon .icons-container ul li{display:inline-block;height:37px;margin:1%;width:18%}.hb-select-icon .icons-container ul li a{background-color:#f8f8f8;border:1px solid #ddd;border-radius:1px;color:#555;display:inline-block;height:100%;text-align:center;-webkit-transition:color .1s ease-in;transition:color .1s ease-in;width:100%}.hb-select-icon .icons-container ul li a.active{background-color:#0085ba;color:#fff}.hb-select-icon .icons-container ul li a:hover{background-color:#eee;color:#0085ba}.hb-select-icon .icons-container ul li a:hover i{-webkit-transform:scale(1.5);transform:scale(1.5)}.hb-select-icon .icons-container ul li a i{font-size:17px;line-height:35px;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .1s linear;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear}