/*!
 * Ladda including the default theme.
 *//*!
 * Ladda
 * http://lab.hakim.se/ladda
 * MIT licensed
 *
 * Copyright (C) 2015 Hakim El Hattab, http://hakim.se
 */.ladda-button{position:relative}.ladda-button .ladda-spinner{position:absolute;z-index:2;display:inline-block;width:32px;height:32px;top:50%;margin-top:0;opacity:0;pointer-events:none}.ladda-button .ladda-label{position:relative;z-index:3}.ladda-button .ladda-progress{position:absolute;width:0;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);visibility:hidden;opacity:0;-webkit-transition:0.1s linear all !important;-moz-transition:0.1s linear all !important;-ms-transition:0.1s linear all !important;-o-transition:0.1s linear all !important;transition:0.1s linear all !important}.ladda-button[data-loading] .ladda-progress{opacity:1;visibility:visible}.ladda-button,.ladda-button .ladda-spinner,.ladda-button .ladda-label{-webkit-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-moz-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-ms-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;-o-transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important;transition:0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all !important}.ladda-button[data-style=zoom-in],.ladda-button[data-style=zoom-in] .ladda-spinner,.ladda-button[data-style=zoom-in] .ladda-label,.ladda-button[data-style=zoom-out],.ladda-button[data-style=zoom-out] .ladda-spinner,.ladda-button[data-style=zoom-out] .ladda-label{-webkit-transition:0.3s ease all !important;-moz-transition:0.3s ease all !important;-ms-transition:0.3s ease all !important;-o-transition:0.3s ease all !important;transition:0.3s ease all !important}.ladda-button[data-style=expand-right] .ladda-spinner{right:-6px}.ladda-button[data-style=expand-right][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-right][data-size="xs"] .ladda-spinner{right:-12px}.ladda-button[data-style=expand-right][data-loading]{padding-right:56px}.ladda-button[data-style=expand-right][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-right][data-loading][data-size="s"],.ladda-button[data-style=expand-right][data-loading][data-size="xs"]{padding-right:40px}.ladda-button[data-style=expand-left] .ladda-spinner{left:26px}.ladda-button[data-style=expand-left][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-left][data-size="xs"] .ladda-spinner{left:4px}.ladda-button[data-style=expand-left][data-loading]{padding-left:56px}.ladda-button[data-style=expand-left][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-left][data-loading][data-size="s"],.ladda-button[data-style=expand-left][data-loading][data-size="xs"]{padding-left:40px}.ladda-button[data-style=expand-up]{overflow:hidden}.ladda-button[data-style=expand-up] .ladda-spinner{top:-32px;left:50%;margin-left:0}.ladda-button[data-style=expand-up][data-loading]{padding-top:54px}.ladda-button[data-style=expand-up][data-loading] .ladda-spinner{opacity:1;top:26px;margin-top:0}.ladda-button[data-style=expand-up][data-loading][data-size="s"],.ladda-button[data-style=expand-up][data-loading][data-size="xs"]{padding-top:32px}.ladda-button[data-style=expand-up][data-loading][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-up][data-loading][data-size="xs"] .ladda-spinner{top:4px}.ladda-button[data-style=expand-down]{overflow:hidden}.ladda-button[data-style=expand-down] .ladda-spinner{top:62px;left:50%;margin-left:0}.ladda-button[data-style=expand-down][data-size="s"] .ladda-spinner,.ladda-button[data-style=expand-down][data-size="xs"] .ladda-spinner{top:40px}.ladda-button[data-style=expand-down][data-loading]{padding-bottom:54px}.ladda-button[data-style=expand-down][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=expand-down][data-loading][data-size="s"],.ladda-button[data-style=expand-down][data-loading][data-size="xs"]{padding-bottom:32px}.ladda-button[data-style=slide-left]{overflow:hidden}.ladda-button[data-style=slide-left] .ladda-label{position:relative}.ladda-button[data-style=slide-left] .ladda-spinner{left:100%;margin-left:0}.ladda-button[data-style=slide-left][data-loading] .ladda-label{opacity:0;left:-100%}.ladda-button[data-style=slide-left][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-right]{overflow:hidden}.ladda-button[data-style=slide-right] .ladda-label{position:relative}.ladda-button[data-style=slide-right] .ladda-spinner{right:100%;margin-left:0;left:16px}.ladda-button[data-style=slide-right][data-loading] .ladda-label{opacity:0;left:100%}.ladda-button[data-style=slide-right][data-loading] .ladda-spinner{opacity:1;left:50%}.ladda-button[data-style=slide-up]{overflow:hidden}.ladda-button[data-style=slide-up] .ladda-label{position:relative}.ladda-button[data-style=slide-up] .ladda-spinner{left:50%;margin-left:0;margin-top:1em}.ladda-button[data-style=slide-up][data-loading] .ladda-label{opacity:0;top:-1em}.ladda-button[data-style=slide-up][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=slide-down]{overflow:hidden}.ladda-button[data-style=slide-down] .ladda-label{position:relative}.ladda-button[data-style=slide-down] .ladda-spinner{left:50%;margin-left:0;margin-top:-2em}.ladda-button[data-style=slide-down][data-loading] .ladda-label{opacity:0;top:1em}.ladda-button[data-style=slide-down][data-loading] .ladda-spinner{opacity:1;margin-top:0}.ladda-button[data-style=zoom-out]{overflow:hidden}.ladda-button[data-style=zoom-out] .ladda-spinner{left:50%;margin-left:32px;-webkit-transform:scale(2.5);-moz-transform:scale(2.5);-ms-transform:scale(2.5);-o-transform:scale(2.5);transform:scale(2.5)}.ladda-button[data-style=zoom-out] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-out][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-ms-transform:scale(0.5);-o-transform:scale(0.5);transform:scale(0.5)}.ladda-button[data-style=zoom-out][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=zoom-in]{overflow:hidden}.ladda-button[data-style=zoom-in] .ladda-spinner{left:50%;margin-left:-16px;-webkit-transform:scale(0.2);-moz-transform:scale(0.2);-ms-transform:scale(0.2);-o-transform:scale(0.2);transform:scale(0.2)}.ladda-button[data-style=zoom-in] .ladda-label{position:relative;display:inline-block}.ladda-button[data-style=zoom-in][data-loading] .ladda-label{opacity:0;-webkit-transform:scale(2.2);-moz-transform:scale(2.2);-ms-transform:scale(2.2);-o-transform:scale(2.2);transform:scale(2.2)}.ladda-button[data-style=zoom-in][data-loading] .ladda-spinner{opacity:1;margin-left:0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none}.ladda-button[data-style=contract]{overflow:hidden;width:100px}.ladda-button[data-style=contract] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract][data-loading]{border-radius:50%;width:52px}.ladda-button[data-style=contract][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract][data-loading] .ladda-spinner{opacity:1}.ladda-button[data-style=contract-overlay]{overflow:hidden;width:100px;box-shadow:0px 0px 0px 2000px transparent}.ladda-button[data-style=contract-overlay] .ladda-spinner{left:50%;margin-left:0}.ladda-button[data-style=contract-overlay][data-loading]{border-radius:50%;width:52px;box-shadow:0px 0px 0px 2000px rgba(0,0,0,0.8)}.ladda-button[data-style=contract-overlay][data-loading] .ladda-label{opacity:0}.ladda-button[data-style=contract-overlay][data-loading] .ladda-spinner{opacity:1}.ladda-button{background:#666;border:0;padding:14px 18px;font-size:18px;cursor:pointer;color:#fff;border-radius:2px;border:1px solid transparent;-webkit-appearance:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.ladda-button:hover{border-color:rgba(0,0,0,0.07);background-color:#888}.ladda-button[data-color=green]{background:#2aca76}.ladda-button[data-color=green]:hover{background-color:#38d683}.ladda-button[data-color=blue]{background:#53b5e6}.ladda-button[data-color=blue]:hover{background-color:#69bfe9}.ladda-button[data-color=red]{background:#ea8557}.ladda-button[data-color=red]:hover{background-color:#ed956e}.ladda-button[data-color=purple]{background:#9973C2}.ladda-button[data-color=purple]:hover{background-color:#a685ca}.ladda-button[data-color=mint]{background:#16a085}.ladda-button[data-color=mint]:hover{background-color:#19b698}.ladda-button[disabled],.ladda-button[data-loading]{border-color:rgba(0,0,0,0.07)}.ladda-button[disabled],.ladda-button[disabled]:hover,.ladda-button[data-loading],.ladda-button[data-loading]:hover{cursor:default;background-color:#999}.ladda-button[data-size=xs]{padding:4px 8px}.ladda-button[data-size=xs] .ladda-label{font-size:0.7em}.ladda-button[data-size=s]{padding:6px 10px}.ladda-button[data-size=s] .ladda-label{font-size:0.9em}.ladda-button[data-size=l] .ladda-label{font-size:1.2em}.ladda-button[data-size=xl] .ladda-label{font-size:1.5em}
.picker{font-size:16px;text-align:left;line-height:1.2;color:#000;position:absolute;z-index:10000;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.picker__input{cursor:default}.picker__input.picker__input--active{border-color:#0089ec}.picker__holder{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */.picker{width:100%}.picker__holder{position:absolute;background:#fff;border:1px solid #aaa;border-top-width:0;border-bottom-width:0;border-radius:0 0 5px 5px;box-sizing:border-box;min-width:176px;max-width:466px;max-height:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;opacity:0;-webkit-transform:translateY(-1em) perspective(600px) rotateX(10deg);transform:translateY(-1em) perspective(600px) rotateX(10deg);transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s;transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s .15s,border-width 0s .15s}.picker__frame{padding:1px}.picker__wrap{margin:-1px}.picker--opened .picker__holder{max-height:25em;-ms-filter:"alpha(Opacity=100)";filter:alpha(opacity=100);-moz-opacity:1;opacity:1;border-top-width:1px;border-bottom-width:1px;-webkit-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0);transition:-webkit-transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;transition:transform .15s ease-out,opacity .15s ease-out,max-height 0s,border-width 0s;box-shadow:0 6px 18px 1px rgba(0,0,0,.12)}.picker__box{padding:0 1em}.picker__header{text-align:center;position:relative;margin-top:.75em}.picker__month,.picker__year{font-weight:500;display:inline-block;margin-left:.25em;margin-right:.25em}.picker__year{color:#999;font-size:.8em;font-style:italic}.picker__select--month,.picker__select--year{border:1px solid #b7b7b7;height:2em;padding:.5em;margin-left:.25em;margin-right:.25em}@media (min-width:24.5em){.picker__select--month,.picker__select--year{margin-top:-.5em}}.picker__select--month{width:35%}.picker__select--year{width:22.5%}.picker__select--month:focus,.picker__select--year:focus{border-color:#0089ec}.picker__nav--next,.picker__nav--prev{position:absolute;padding:.5em 1.25em;width:1em;height:1em;box-sizing:content-box;top:-.25em}@media (min-width:24.5em){.picker__nav--next,.picker__nav--prev{top:-.33em}}.picker__nav--prev{left:-1em;padding-right:1.25em}@media (min-width:24.5em){.picker__nav--prev{padding-right:1.5em}}.picker__nav--next{right:-1em;padding-left:1.25em}@media (min-width:24.5em){.picker__nav--next{padding-left:1.5em}}.picker__nav--next:before,.picker__nav--prev:before{content:" ";border-top:.5em solid transparent;border-bottom:.5em solid transparent;border-right:.75em solid #000;width:0;height:0;display:block;margin:0 auto}.picker__nav--next:before{border-right:0;border-left:.75em solid #000}.picker__nav--next:hover,.picker__nav--prev:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__nav--disabled,.picker__nav--disabled:before,.picker__nav--disabled:before:hover,.picker__nav--disabled:hover{cursor:default;background:0 0;border-right-color:#f5f5f5;border-left-color:#f5f5f5}.picker__table{text-align:center;border-collapse:collapse;border-spacing:0;table-layout:fixed;font-size:inherit;width:100%;margin-top:.75em;margin-bottom:.5em}@media (min-height:33.875em){.picker__table{margin-bottom:.75em}}.picker__table td{margin:0;padding:0}.picker__weekday{width:14.285714286%;font-size:.75em;padding-bottom:.25em;color:#999;font-weight:500}@media (min-height:33.875em){.picker__weekday{padding-bottom:.5em}}.picker__day{padding:.3125em 0;font-weight:200;border:1px solid transparent}.picker__day--today{position:relative}.picker__day--today:before{content:" ";position:absolute;top:2px;right:2px;width:0;height:0;border-top:.5em solid #0059bc;border-left:.5em solid transparent}.picker__day--disabled:before{border-top-color:#aaa}.picker__day--outfocus{color:#ddd}.picker__day--infocus:hover,.picker__day--outfocus:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker__day--highlighted{border-color:#0089ec}.picker--focused .picker__day--highlighted,.picker__day--highlighted:hover{cursor:pointer;color:#000;background:#b1dcfb}.picker--focused .picker__day--selected,.picker__day--selected,.picker__day--selected:hover{background:#0089ec;color:#fff}.picker--focused .picker__day--disabled,.picker__day--disabled,.picker__day--disabled:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__day--highlighted.picker__day--disabled,.picker__day--highlighted.picker__day--disabled:hover{background:#bbb}.picker__footer{text-align:center}.picker__button--clear,.picker__button--close,.picker__button--today{border:1px solid #fff;background:#fff;font-size:.8em;padding:.66em 0;font-weight:700;width:33%;display:inline-block;vertical-align:bottom}.picker__button--clear:hover,.picker__button--close:hover,.picker__button--today:hover{cursor:pointer;color:#000;background:#b1dcfb;border-bottom-color:#b1dcfb}.picker__button--clear:focus,.picker__button--close:focus,.picker__button--today:focus{background:#b1dcfb;border-color:#0089ec;outline:0}.picker__button--clear:before,.picker__button--close:before,.picker__button--today:before{position:relative;display:inline-block;height:0}.picker__button--clear:before,.picker__button--today:before{content:" ";margin-right:.45em}.picker__button--today:before{top:-.05em;width:0;border-top:.66em solid #0059bc;border-left:.66em solid transparent}.picker__button--clear:before{top:-.25em;width:.66em;border-top:3px solid #e20}.picker__button--close:before{content:"\D7";top:-.1em;vertical-align:top;font-size:1.1em;margin-right:.35em;color:#777}.picker__button--today[disabled],.picker__button--today[disabled]:hover{background:#f5f5f5;border-color:#f5f5f5;color:#ddd;cursor:default}.picker__button--today[disabled]:before{border-top-color:#aaa}.intl-tel-input{position:relative;display:inline-block}.intl-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.intl-tel-input .hide{display:none}.intl-tel-input .v-hide{visibility:hidden}.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:36px;margin-right:0}.intl-tel-input .flag-container{position:absolute;top:0;bottom:0;right:0;padding:1px}.intl-tel-input .selected-flag{z-index:1;position:relative;width:36px;height:100%;padding:0 0 0 8px}.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}.intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-2px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.intl-tel-input .selected-flag .iti-arrow.up{border-top:none;border-bottom:4px solid #555}.intl-tel-input .country-list{position:absolute;z-index:2;list-style:none;text-align:left;padding:0;margin:0 0 0 -1px;box-shadow:1px 1px 4px rgba(0,0,0,.2);background-color:#fff;border:1px solid #CCC;white-space:nowrap;max-height:200px;overflow-y:scroll}.intl-tel-input .country-list .country.highlight,.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag{background-color:rgba(0,0,0,.05)}.intl-tel-input .country-list.dropup{bottom:100%;margin-bottom:-1px}.intl-tel-input .country-list .flag-box{display:inline-block;width:20px}@media (max-width:500px){.intl-tel-input .country-list{white-space:normal}}.intl-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #CCC}.intl-tel-input .country-list .country{padding:5px 10px}.intl-tel-input .country-list .country .dial-code{color:#999}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag-box{vertical-align:middle}.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box{margin-right:6px}.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel],.intl-tel-input.separate-dial-code input[type=text]{padding-right:6px;padding-left:52px;margin-left:0}.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container{right:auto;left:0}.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag{width:46px}.intl-tel-input.allow-dropdown .flag-container:hover{cursor:pointer}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover{cursor:default}.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag{background-color:transparent}.intl-tel-input.separate-dial-code .selected-flag{background-color:rgba(0,0,0,.05);display:table}.intl-tel-input.separate-dial-code .selected-dial-code{display:table-cell;vertical-align:middle;padding-left:28px}.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text]{padding-left:66px}.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag{width:60px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text]{padding-left:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag{width:70px}.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text]{padding-left:74px}.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag{width:68px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text]{padding-left:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag{width:78px}.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text]{padding-left:82px}.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag{width:76px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text]{padding-left:92px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag{width:86px}.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text]{padding-left:90px}.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag{width:84px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text]{padding-left:100px}.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag{width:94px}.intl-tel-input.iti-container{position:absolute;top:-1000px;left:-1000px;z-index:1060;padding:1px}.intl-tel-input.iti-container:hover{cursor:pointer}.iti-mobile .intl-tel-input.iti-container{top:30px;bottom:30px;left:30px;right:30px;position:fixed}.iti-mobile .intl-tel-input .country-list{max-height:100%;width:100%}.iti-mobile .intl-tel-input .country-list .country{padding:10px;line-height:1.5em}.iti-flag{width:20px}.iti-flag.be{width:18px}.iti-flag.ch{width:15px}.iti-flag.mc{width:19px}.iti-flag.ne{width:18px}.iti-flag.ac{height:10px;background-position:0 0}.iti-flag.ad{height:14px;background-position:-22px 0}.iti-flag.ae{height:10px;background-position:-44px 0}.iti-flag.af{height:14px;background-position:-66px 0}.iti-flag.ag{height:14px;background-position:-88px 0}.iti-flag.ai{height:10px;background-position:-110px 0}.iti-flag.al{height:15px;background-position:-132px 0}.iti-flag.am{height:10px;background-position:-154px 0}.iti-flag.ao{height:14px;background-position:-176px 0}.iti-flag.aq{height:14px;background-position:-198px 0}.iti-flag.ar{height:13px;background-position:-220px 0}.iti-flag.as{height:10px;background-position:-242px 0}.iti-flag.at{height:14px;background-position:-264px 0}.iti-flag.au{height:10px;background-position:-286px 0}.iti-flag.aw{height:14px;background-position:-308px 0}.iti-flag.ax{height:13px;background-position:-330px 0}.iti-flag.az{height:10px;background-position:-352px 0}.iti-flag.ba{height:10px;background-position:-374px 0}.iti-flag.bb{height:14px;background-position:-396px 0}.iti-flag.bd{height:12px;background-position:-418px 0}.iti-flag.be{height:15px;background-position:-440px 0}.iti-flag.bf{height:14px;background-position:-460px 0}.iti-flag.bg{height:12px;background-position:-482px 0}.iti-flag.bh{height:12px;background-position:-504px 0}.iti-flag.bi{height:12px;background-position:-526px 0}.iti-flag.bj{height:14px;background-position:-548px 0}.iti-flag.bl{height:14px;background-position:-570px 0}.iti-flag.bm{height:10px;background-position:-592px 0}.iti-flag.bn{height:10px;background-position:-614px 0}.iti-flag.bo{height:14px;background-position:-636px 0}.iti-flag.bq{height:14px;background-position:-658px 0}.iti-flag.br{height:14px;background-position:-680px 0}.iti-flag.bs{height:10px;background-position:-702px 0}.iti-flag.bt{height:14px;background-position:-724px 0}.iti-flag.bv{height:15px;background-position:-746px 0}.iti-flag.bw{height:14px;background-position:-768px 0}.iti-flag.by{height:10px;background-position:-790px 0}.iti-flag.bz{height:14px;background-position:-812px 0}.iti-flag.ca{height:10px;background-position:-834px 0}.iti-flag.cc{height:10px;background-position:-856px 0}.iti-flag.cd{height:15px;background-position:-878px 0}.iti-flag.cf{height:14px;background-position:-900px 0}.iti-flag.cg{height:14px;background-position:-922px 0}.iti-flag.ch{height:15px;background-position:-944px 0}.iti-flag.ci{height:14px;background-position:-961px 0}.iti-flag.ck{height:10px;background-position:-983px 0}.iti-flag.cl{height:14px;background-position:-1005px 0}.iti-flag.cm{height:14px;background-position:-1027px 0}.iti-flag.cn{height:14px;background-position:-1049px 0}.iti-flag.co{height:14px;background-position:-1071px 0}.iti-flag.cp{height:14px;background-position:-1093px 0}.iti-flag.cr{height:12px;background-position:-1115px 0}.iti-flag.cu{height:10px;background-position:-1137px 0}.iti-flag.cv{height:12px;background-position:-1159px 0}.iti-flag.cw{height:14px;background-position:-1181px 0}.iti-flag.cx{height:10px;background-position:-1203px 0}.iti-flag.cy{height:13px;background-position:-1225px 0}.iti-flag.cz{height:14px;background-position:-1247px 0}.iti-flag.de{height:12px;background-position:-1269px 0}.iti-flag.dg{height:10px;background-position:-1291px 0}.iti-flag.dj{height:14px;background-position:-1313px 0}.iti-flag.dk{height:15px;background-position:-1335px 0}.iti-flag.dm{height:10px;background-position:-1357px 0}.iti-flag.do{height:13px;background-position:-1379px 0}.iti-flag.dz{height:14px;background-position:-1401px 0}.iti-flag.ea{height:14px;background-position:-1423px 0}.iti-flag.ec{height:14px;background-position:-1445px 0}.iti-flag.ee{height:13px;background-position:-1467px 0}.iti-flag.eg{height:14px;background-position:-1489px 0}.iti-flag.eh{height:10px;background-position:-1511px 0}.iti-flag.er{height:10px;background-position:-1533px 0}.iti-flag.es{height:14px;background-position:-1555px 0}.iti-flag.et{height:10px;background-position:-1577px 0}.iti-flag.eu{height:14px;background-position:-1599px 0}.iti-flag.fi{height:12px;background-position:-1621px 0}.iti-flag.fj{height:10px;background-position:-1643px 0}.iti-flag.fk{height:10px;background-position:-1665px 0}.iti-flag.fm{height:11px;background-position:-1687px 0}.iti-flag.fo{height:15px;background-position:-1709px 0}.iti-flag.fr{height:14px;background-position:-1731px 0}.iti-flag.ga{height:15px;background-position:-1753px 0}.iti-flag.gb{height:10px;background-position:-1775px 0}.iti-flag.gd{height:12px;background-position:-1797px 0}.iti-flag.ge{height:14px;background-position:-1819px 0}.iti-flag.gf{height:14px;background-position:-1841px 0}.iti-flag.gg{height:14px;background-position:-1863px 0}.iti-flag.gh{height:14px;background-position:-1885px 0}.iti-flag.gi{height:10px;background-position:-1907px 0}.iti-flag.gl{height:14px;background-position:-1929px 0}.iti-flag.gm{height:14px;background-position:-1951px 0}.iti-flag.gn{height:14px;background-position:-1973px 0}.iti-flag.gp{height:14px;background-position:-1995px 0}.iti-flag.gq{height:14px;background-position:-2017px 0}.iti-flag.gr{height:14px;background-position:-2039px 0}.iti-flag.gs{height:10px;background-position:-2061px 0}.iti-flag.gt{height:13px;background-position:-2083px 0}.iti-flag.gu{height:11px;background-position:-2105px 0}.iti-flag.gw{height:10px;background-position:-2127px 0}.iti-flag.gy{height:12px;background-position:-2149px 0}.iti-flag.hk{height:14px;background-position:-2171px 0}.iti-flag.hm{height:10px;background-position:-2193px 0}.iti-flag.hn{height:10px;background-position:-2215px 0}.iti-flag.hr{height:10px;background-position:-2237px 0}.iti-flag.ht{height:12px;background-position:-2259px 0}.iti-flag.hu{height:10px;background-position:-2281px 0}.iti-flag.ic{height:14px;background-position:-2303px 0}.iti-flag.id{height:14px;background-position:-2325px 0}.iti-flag.ie{height:10px;background-position:-2347px 0}.iti-flag.il{height:15px;background-position:-2369px 0}.iti-flag.im{height:10px;background-position:-2391px 0}.iti-flag.in{height:14px;background-position:-2413px 0}.iti-flag.io{height:10px;background-position:-2435px 0}.iti-flag.iq{height:14px;background-position:-2457px 0}.iti-flag.ir{height:12px;background-position:-2479px 0}.iti-flag.is{height:15px;background-position:-2501px 0}.iti-flag.it{height:14px;background-position:-2523px 0}.iti-flag.je{height:12px;background-position:-2545px 0}.iti-flag.jm{height:10px;background-position:-2567px 0}.iti-flag.jo{height:10px;background-position:-2589px 0}.iti-flag.jp{height:14px;background-position:-2611px 0}.iti-flag.ke{height:14px;background-position:-2633px 0}.iti-flag.kg{height:12px;background-position:-2655px 0}.iti-flag.kh{height:13px;background-position:-2677px 0}.iti-flag.ki{height:10px;background-position:-2699px 0}.iti-flag.km{height:12px;background-position:-2721px 0}.iti-flag.kn{height:14px;background-position:-2743px 0}.iti-flag.kp{height:10px;background-position:-2765px 0}.iti-flag.kr{height:14px;background-position:-2787px 0}.iti-flag.kw{height:10px;background-position:-2809px 0}.iti-flag.ky{height:10px;background-position:-2831px 0}.iti-flag.kz{height:10px;background-position:-2853px 0}.iti-flag.la{height:14px;background-position:-2875px 0}.iti-flag.lb{height:14px;background-position:-2897px 0}.iti-flag.lc{height:10px;background-position:-2919px 0}.iti-flag.li{height:12px;background-position:-2941px 0}.iti-flag.lk{height:10px;background-position:-2963px 0}.iti-flag.lr{height:11px;background-position:-2985px 0}.iti-flag.ls{height:14px;background-position:-3007px 0}.iti-flag.lt{height:12px;background-position:-3029px 0}.iti-flag.lu{height:12px;background-position:-3051px 0}.iti-flag.lv{height:10px;background-position:-3073px 0}.iti-flag.ly{height:10px;background-position:-3095px 0}.iti-flag.ma{height:14px;background-position:-3117px 0}.iti-flag.mc{height:15px;background-position:-3139px 0}.iti-flag.md{height:10px;background-position:-3160px 0}.iti-flag.me{height:10px;background-position:-3182px 0}.iti-flag.mf{height:14px;background-position:-3204px 0}.iti-flag.mg{height:14px;background-position:-3226px 0}.iti-flag.mh{height:11px;background-position:-3248px 0}.iti-flag.mk{height:10px;background-position:-3270px 0}.iti-flag.ml{height:14px;background-position:-3292px 0}.iti-flag.mm{height:14px;background-position:-3314px 0}.iti-flag.mn{height:10px;background-position:-3336px 0}.iti-flag.mo{height:14px;background-position:-3358px 0}.iti-flag.mp{height:10px;background-position:-3380px 0}.iti-flag.mq{height:14px;background-position:-3402px 0}.iti-flag.mr{height:14px;background-position:-3424px 0}.iti-flag.ms{height:10px;background-position:-3446px 0}.iti-flag.mt{height:14px;background-position:-3468px 0}.iti-flag.mu{height:14px;background-position:-3490px 0}.iti-flag.mv{height:14px;background-position:-3512px 0}.iti-flag.mw{height:14px;background-position:-3534px 0}.iti-flag.mx{height:12px;background-position:-3556px 0}.iti-flag.my{height:10px;background-position:-3578px 0}.iti-flag.mz{height:14px;background-position:-3600px 0}.iti-flag.na{height:14px;background-position:-3622px 0}.iti-flag.nc{height:10px;background-position:-3644px 0}.iti-flag.ne{height:15px;background-position:-3666px 0}.iti-flag.nf{height:10px;background-position:-3686px 0}.iti-flag.ng{height:10px;background-position:-3708px 0}.iti-flag.ni{height:12px;background-position:-3730px 0}.iti-flag.nl{height:14px;background-position:-3752px 0}.iti-flag.no{height:15px;background-position:-3774px 0}.iti-flag.np{width:13px;height:15px;background-position:-3796px 0}.iti-flag.nr{height:10px;background-position:-3811px 0}.iti-flag.nu{height:10px;background-position:-3833px 0}.iti-flag.nz{height:10px;background-position:-3855px 0}.iti-flag.om{height:10px;background-position:-3877px 0}.iti-flag.pa{height:14px;background-position:-3899px 0}.iti-flag.pe{height:14px;background-position:-3921px 0}.iti-flag.pf{height:14px;background-position:-3943px 0}.iti-flag.pg{height:15px;background-position:-3965px 0}.iti-flag.ph{height:10px;background-position:-3987px 0}.iti-flag.pk{height:14px;background-position:-4009px 0}.iti-flag.pl{height:13px;background-position:-4031px 0}.iti-flag.pm{height:14px;background-position:-4053px 0}.iti-flag.pn{height:10px;background-position:-4075px 0}.iti-flag.pr{height:14px;background-position:-4097px 0}.iti-flag.ps{height:10px;background-position:-4119px 0}.iti-flag.pt{height:14px;background-position:-4141px 0}.iti-flag.pw{height:13px;background-position:-4163px 0}.iti-flag.py{height:11px;background-position:-4185px 0}.iti-flag.qa{height:8px;background-position:-4207px 0}.iti-flag.re{height:14px;background-position:-4229px 0}.iti-flag.ro{height:14px;background-position:-4251px 0}.iti-flag.rs{height:14px;background-position:-4273px 0}.iti-flag.ru{height:14px;background-position:-4295px 0}.iti-flag.rw{height:14px;background-position:-4317px 0}.iti-flag.sa{height:14px;background-position:-4339px 0}.iti-flag.sb{height:10px;background-position:-4361px 0}.iti-flag.sc{height:10px;background-position:-4383px 0}.iti-flag.sd{height:10px;background-position:-4405px 0}.iti-flag.se{height:13px;background-position:-4427px 0}.iti-flag.sg{height:14px;background-position:-4449px 0}.iti-flag.sh{height:10px;background-position:-4471px 0}.iti-flag.si{height:10px;background-position:-4493px 0}.iti-flag.sj{height:15px;background-position:-4515px 0}.iti-flag.sk{height:14px;background-position:-4537px 0}.iti-flag.sl{height:14px;background-position:-4559px 0}.iti-flag.sm{height:15px;background-position:-4581px 0}.iti-flag.sn{height:14px;background-position:-4603px 0}.iti-flag.so{height:14px;background-position:-4625px 0}.iti-flag.sr{height:14px;background-position:-4647px 0}.iti-flag.ss{height:10px;background-position:-4669px 0}.iti-flag.st{height:10px;background-position:-4691px 0}.iti-flag.sv{height:12px;background-position:-4713px 0}.iti-flag.sx{height:14px;background-position:-4735px 0}.iti-flag.sy{height:14px;background-position:-4757px 0}.iti-flag.sz{height:14px;background-position:-4779px 0}.iti-flag.ta{height:10px;background-position:-4801px 0}.iti-flag.tc{height:10px;background-position:-4823px 0}.iti-flag.td{height:14px;background-position:-4845px 0}.iti-flag.tf{height:14px;background-position:-4867px 0}.iti-flag.tg{height:13px;background-position:-4889px 0}.iti-flag.th{height:14px;background-position:-4911px 0}.iti-flag.tj{height:10px;background-position:-4933px 0}.iti-flag.tk{height:10px;background-position:-4955px 0}.iti-flag.tl{height:10px;background-position:-4977px 0}.iti-flag.tm{height:14px;background-position:-4999px 0}.iti-flag.tn{height:14px;background-position:-5021px 0}.iti-flag.to{height:10px;background-position:-5043px 0}.iti-flag.tr{height:14px;background-position:-5065px 0}.iti-flag.tt{height:12px;background-position:-5087px 0}.iti-flag.tv{height:10px;background-position:-5109px 0}.iti-flag.tw{height:14px;background-position:-5131px 0}.iti-flag.tz{height:14px;background-position:-5153px 0}.iti-flag.ua{height:14px;background-position:-5175px 0}.iti-flag.ug{height:14px;background-position:-5197px 0}.iti-flag.um{height:11px;background-position:-5219px 0}.iti-flag.us{height:11px;background-position:-5241px 0}.iti-flag.uy{height:14px;background-position:-5263px 0}.iti-flag.uz{height:10px;background-position:-5285px 0}.iti-flag.va{width:15px;height:15px;background-position:-5307px 0}.iti-flag.vc{height:14px;background-position:-5324px 0}.iti-flag.ve{height:14px;background-position:-5346px 0}.iti-flag.vg{height:10px;background-position:-5368px 0}.iti-flag.vi{height:14px;background-position:-5390px 0}.iti-flag.vn{height:14px;background-position:-5412px 0}.iti-flag.vu{height:12px;background-position:-5434px 0}.iti-flag.wf{height:14px;background-position:-5456px 0}.iti-flag.ws{height:10px;background-position:-5478px 0}.iti-flag.xk{height:15px;background-position:-5500px 0}.iti-flag.ye{height:14px;background-position:-5522px 0}.iti-flag.yt{height:14px;background-position:-5544px 0}.iti-flag.za{height:14px;background-position:-5566px 0}.iti-flag.zm{height:14px;background-position:-5588px 0}.iti-flag.zw{height:10px;background-position:-5610px 0}.iti-flag{height:15px;box-shadow:0 0 1px 0 #888;background-image:url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/img/flags.png);background-repeat:no-repeat;background-color:#DBDBDB;background-position:20px 0}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2 / 1),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.iti-flag{background-size:5630px 15px;background-image:url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/img/flags@2x.png)}}.iti-flag.np{background-color:transparent}/* Global */
.bookly-list-none {
    list-style: none;
}

.bookly-left {
    float: left !important;
}

.bookly-right {
    float: right !important;
}

.bookly-clear {
    clear: both !important;
}

.bookly-rtext {
    text-align: right !important;
}

.bookly-bold {
    font-weight: bold !important;
}

.bookly-list {
    margin-left: 10px !important;
}

.bookly-clear-bottom {
    margin-bottom: 0 !important;
}

.bookly-none {
    display: none !important;
}

.bookly-nowrap {
    white-space: nowrap;
}

.bookly-inline-block {
    display: inline-block !important;
}

.bookly-btn {
    text-decoration: none;
}

.bookly-btn[disabled] {
    opacity: 0.5;
}

/* Layout */
.bookly-box {
    margin: 0 0 20px;
    overflow: hidden;
}

.bookly-table {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.bookly-table > * {
    display: table-cell;
    vertical-align: top;
    width: auto;
}

.bookly-table::before,
.bookly-table::after {
    content: unset !important;
}

/* Form Elements */
.bookly-form {
    margin: 0 auto;
}

.bookly-form * {
    box-sizing: border-box;
    font-family: inherit;
    font-size: 14px;
    line-height: inherit;
}

.bookly-form input[type="text"],
.bookly-form input[type="number"],
.bookly-form input[type="password"],
.bookly-form select,
.bookly-form textarea {
    font-size: 14px !important;
    line-height: normal !important;
    border: 1px solid silver !important;
    border-radius: 4px !important;
    width: 100% !important;
}

.bookly-form input[type="text"],
.bookly-form input[type="number"],
.bookly-form input[type="password"],
.bookly-form select {
    height: auto !important;
}

.bookly-form input[type="text"],
.bookly-form input[type="checkbox"],
.bookly-form input[type="radio"],
.bookly-form input[type="number"],
.bookly-form input[type="password"],
.bookly-form select,
.bookly-form textarea {
    display: inline-block;
    margin: 0 !important;
    outline: none !important;
}

.bookly-form input[type="text"],
.bookly-form input[type="number"],
.bookly-form input[type="password"],
.bookly-form textarea {
    padding: 6px 7px 5px !important;
}

.bookly-form select {
    padding: 5px 6px 4px !important;
}

.bookly-form label {
    display: inline;
    float: none;
    width: auto;
    font-size: 14px;
}

.bookly-form img {
    display: inline;
}

.bookly-form .bookly-label-error {
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px;
}

.bookly-form .bookly-btn + input[type=file] {
    width: 0;
    height: 0;
    opacity: 0;
    display: block;
}

.bookly-form-group > label {
    display: inline-block;
    font-weight: bold;
    padding: 0 !important;
    margin: 0 !important;
}

.bookly-form-group > div {
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
}

.bookly-form-group:not(:last-child) > div {
    margin-right: 14px;
}

/* Buttons */
.bookly-nav-steps {
    padding-top: 20px !important;
    border-top: 1px solid silver !important;
    overflow: hidden;
}

.bookly-box.bookly-nav-steps {
    margin-bottom: 10px;
    margin-left: -5px;
    margin-right: -5px;
}

.bookly-box.bookly-nav-steps button {
    margin-bottom: 10px;
    margin-right: 5px;
    margin-left: 5px;
}

.bookly-btn {
    padding: 9px 18px !important;
    border: 0 !important;
    min-width: 118px;
    display: block;
    text-align: center;
    line-height: normal;
    border-radius: 4px !important;
    background: #f4662f;
    cursor: pointer !important;
    height: auto !important;
    outline: none !important;
}

.bookly-btn,
.bookly-btn > span {
    color: #fff !important;
    font-size: 18px !important;
    line-height: 17px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
}

button.bookly-btn:hover,
button.bookly-btn:active,
button.bookly-round:hover,
button.bookly-round:active,
button.bookly-square:hover,
button.bookly-square:active {
    background-image: none !important;
}

.bookly-time-next,
.bookly-time-prev {
    min-width: 60px;
    height: 35px !important;
    padding: 0 5px !important;
}

.bookly-time-next {
    background-position: 50% -56px;
}

.bookly-time-prev {
    background-position: 50% 8px;
}

.bookly-square,
.bookly-round {
    width: 28px;
    height: 28px;
    padding: 0 !important;
    line-height: 0 !important;
    border: 0 !important;
    outline: none !important;
    background-repeat: no-repeat;
}

.bookly-round {
    border-radius: 50% !important;
}

span.bookly-round {
    display: block;
}

.bookly-square {
    border-radius: 15%;
}

.bookly-checkbox-group > input[type='checkbox'] {
    width: 0 !important;
    height: 0 !important;
    max-width: 0px !important;
    max-height: 0px !important;
    min-width: 0px !important;
    min-height: 0px !important;
    opacity: 0;
}

.bookly-checkbox-group > input[type='checkbox']:focus + label > i {
    border-radius: 3px;
    outline: 0;
    box-shadow: 0px 0px 1px 0px rgba(37, 0, 255, 1) inset;
}

.bookly-checkbox-group > input[type='checkbox']:not(:checked) + label > i {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/square-24.png);
}

.bookly-checkbox-group > input[type='checkbox']:checked + label > i {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/checkbox-16.png);
}

.bookly-checkbox-group > input[type='checkbox']:disabled + label > i {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/x-24.png) !important;
    opacity: 0.8;
    cursor: not-allowed;
}

.bookly-checkbox-group label {
    font-weight: bold;
}

.bookly-row label {
    vertical-align: text-top;
}

.bookly-checkbox-group label:nth-child(3) {
    margin-left: 4px;
}

.bookly-round-button {
    cursor: pointer !important;
}

.bookly-round-button:first-child {
    margin-right: 5px !important;
}

.bookly-round-button img {
    border: 0 !important;
    box-shadow: none;
}

.bookly-triangle {
    width: 29px;
    height: 29px;
    border-left: 16px solid transparent;
    border-right: 16px solid transparent;
    border-bottom: 26px solid;
}

.bookly-back-step {
    margin-right: 10px;
    float: left !important;
}

.bookly-next-step {
    float: right !important;
}

.bookly-mobile-prev-step {
    margin-right: 10px;
}

/* Progress Tracker */
.bookly-progress-tracker {
    margin: 0 0 20px !important;
    padding: 0 !important;
}

.bookly-progress-tracker > div {
    padding-left: 4px;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
    overflow: hidden;
}

.bookly-progress-tracker .step {
    height: 15px;
    background: #bec3c7;
    margin-top: 5px;
}

.bookly-progress-tracker > div:first-child .step {
    border-radius: 5px 0 0 5px;
}

.bookly-progress-tracker > div:last-child .step {
    border-radius: 0 5px 5px 0;
}

.bookly-progress-tracker > div:first-child {
    padding-left: 0;
}

/* Service */
.bookly-service-step .bookly-date-from {
    cursor: text !important;
}

.bookly-service-step .bookly-available-date,
.bookly-service-step .bookly-week-days,
.bookly-repeat-step .bookly-week-days,
.bookly-service-step .bookly-time-range {
    margin-bottom: 20px !important;
}

.bookly-service-step .bookly-available-date .bookly-form-group > div {
    margin-right: 0;
}

.bookly-service-step .bookly-available-date,
.bookly-service-step .bookly-week-days {
    margin-right: 14px !important;
}

.bookly-service-step .bookly-week-days,
.bookly-repeat-step .bookly-week-days {
    width: auto;
}

.bookly-service-step .bookly-week-days > div,
.bookly-repeat-step .bookly-week-days > div {
    text-align: center;
    min-width: 35px;
}

.bookly-service-step .bookly-week-days label,
.bookly-repeat-step .bookly-week-days label {
    display: block !important;
    width: 23px;
    height: 23px;
    padding: 0;
    margin: -12px auto 0;
    border-radius: 50%;
    cursor: pointer;
}

.bookly-service-step .bookly-week-days input[type='checkbox'],
.bookly-repeat-step .bookly-week-days input[type='checkbox'] {
    width: 0 !important;
    height: 0 !important;
    max-width: 0px !important;
    max-height: 0px !important;
    min-width: 0px !important;
    min-height: 0px !important;
    opacity: 0;
}

.bookly-service-step .bookly-week-days input[type='checkbox']:checked + label,
.bookly-repeat-step .bookly-week-days input[type='checkbox']:checked + label {
    background: #f56530 url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/checkbox.png) 0 0 no-repeat;
}

.bookly-service-step .bookly-week-days input[type='checkbox']:focus + label,
.bookly-repeat-step .bookly-week-days input[type='checkbox']:focus + label {
    outline: 0;
    box-shadow: 0px 0px 1px 0px rgba(37, 0, 255, 1) inset;
}

.bookly-service-step .bookly-week-days label input,
.bookly-repeat-step .bookly-week-days label input {
    visibility: hidden;
}

.bookly-service-step .bookly-time-range select {
    width: auto !important;
}

.bookly-mobile-step-1 .bookly-nav-steps {
    display: none;
}

.bookly-chain-actions {
    width: 50px;
}

/* Extras */
.bookly-mw-150 {
    max-width: 150px;
}

.bookly-extra-step .bookly-extras-item {
    display: inline-block;
    width: 25%;
    margin: 0 -2px !important;
    margin-bottom: 2px !important;
    vertical-align: top !important;
}

.bookly-extra-step .bookly-extras-thumb {
    border: 2px solid #bec3c7;
    padding: 10px;
    line-height: normal;
    border-radius: 5px;
    margin: 3px;
    text-align: center;
    cursor: pointer;
}

.bookly-extra-step .bookly-extras-thumb img {
    max-width: 100%;
}

.bookly-extra-step .bookly-extras-thumb div {
    background-position: center;
}

.bookly-extra-step div.bookly-extras-summary {
    display: inline-block;
    font-weight: bold;
}

.bookly-extra-step .bookly-extras-item .bookly-extras-count-controls {
    margin-top: 10px;
    text-align: center;
}

.bookly-extra-step .bookly-extras-count-controls > * {
    vertical-align: middle;
}

.bookly-extra-step .bookly-extras-item .bookly-extras-total-price {
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
}

.bookly-extra-step .bookly-extras-item input {
    width: 3em !important;
    text-align: center;
}

.bookly-extra-step .bookly-extras-increment {
    margin-left: 5px;
}

/* Time */
.bookly-time-step {
    overflow: hidden;
    position: relative;
    margin-bottom: 20px !important;
    margin-left: auto;
    margin-right: auto;
}

.bookly-columnizer-wrap {
    position: relative;
}

.bookly-columnizer {
    min-height: .01%;
    white-space: nowrap;
    position: relative;
}

.bookly-columnizer .bookly-time-screen {
    display: inline-block;
    *display: inline;
    min-height: .01%;
}

#bookly-tbs .bookly-columnizer .bookly-time-screen {
    overflow: hidden;
    overflow-x: auto;
}

.bookly-columnizer .bookly-column {
    min-width: 127px;
    padding: 0 5px;
    display: inline-block;
    zoom: 1;
    vertical-align: top;
    float: none !important;
}

.bookly-columnizer .bookly-column.bookly-column-wide {
    min-width: 205px;
}

.bookly-columnizer .bookly-column.bookly-column-wide span.bookly-time-main {
    float: left;
    margin-left: 10px;
}

.bookly-columnizer .bookly-column.bookly-column-wide span.bookly-time-additional {
    float: right;
    margin-right: 10px;
}

.bookly-columnizer .bookly-day,
.bookly-columnizer .bookly-hour {
    display: block !important;
    min-width: 0;
    width: 100%;
    margin: 1.5px 0 !important;
    background: white;
    height: 36px;
    padding: 6px;
    font-size: 13px !important;
    line-height: 20px;
    text-align: center;
    float: none !important;
    vertical-align: middle;
    text-transform: none;
    border: 1px solid #cccccc !important;
    border-radius: 4px;
}

.bookly-columnizer .bookly-day {
    cursor: default !important;
    text-decoration: none;
}

.bookly-columnizer .bookly-hour {
    background: white !important;
    cursor: pointer;
}

.bookly-columnizer .bookly-hour span {
    font-weight: normal;
    color: #333 !important;
}

.bookly-columnizer .bookly-hour.bookly-slot-in-waiting-list {
    background-color: #d6d6d6 !important;
}

.bookly-columnizer .bookly-hour.bookly-slot-in-special-hour .bookly-time-main {
    font-weight: bold;
}

.bookly-columnizer .bookly-hour .ladda-label {
    display: inline-block;
}

.bookly-schedule-date,
.bookly-columnizer .bookly-day {
    background: #f4662f;
    color: white !important;
    font-weight: bold !important;
    border: 1px solid #f4662f;
}

.bookly-columnizer .booked,
.bookly-columnizer .booked:hover {
    opacity: .5;
    cursor: default !important;
}

.bookly-columnizer .booked span {
    text-decoration: line-through;
}

.bookly-columnizer .bookly-hour .bookly-hour-icon {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    margin-right: 5px;
    background: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/success.png) 0 0 no-repeat;
}

@media (hover) {
    .bookly-columnizer .bookly-hour:hover {
        border: 2px solid #f4662f;
        color: #f4662f;
    }

    .bookly-columnizer .bookly-hour.booked:hover {
        border: 1px solid #cccccc !important;
        color: #333333 !important;
    }

    .bookly-columnizer .bookly-hour.booked:hover .bookly-hour-icon span {
        visibility: hidden;
    }

    .bookly-columnizer .bookly-hour:hover .bookly-hour-icon {
        background: none;
        border: 2px solid #f4662f;
        color: #f4662f;
        width: auto;
        height: auto;
        padding: 3px;
        border-radius: 25px;
        margin-right: 3px;
    }

    .bookly-columnizer .bookly-hour.booked:hover .bookly-hour-icon {
        border: 2px solid #cccccc !important;
    }

    .bookly-columnizer .bookly-hour:hover .bookly-hour-icon span {
        background: #f4662f;
        width: 8px;
        height: 8px;
        border-radius: 10px;
        display: block;
    }
}

.bookly-time-step .bookly-columnizer > button {
    display: none !important;
}

.bookly-time-step .bookly-columnizer > .bookly-column {
    display: none !important;
}

.bookly-slot-calendar {
    margin: 0 20px 20px 0;
    float: left;
}

.bookly-slot-calendar .picker,
.bookly-slot-calendar .picker__holder {
    position: static;
}

.bookly-not-time-screen {
    font-size: 16px;
    height: 296px;
    margin-left: 320px;
    font-weight: bold;
}

.bookly-not-time-screen.bookly-not-calendar {
    height: auto;
    margin-left: 0;
    padding-bottom: 15px;
}

.bookly-spin-overlay {
    position: relative;
    opacity: .5;
}

.bookly-spin-overlay .bookly-spin {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
}

select.bookly-time-zone-switcher {
    width: 220px !important;
}

/* Repeat */
.bookly-repeat-step {
    margin-bottom: 20px !important;
    min-width: 260px;
}

.bookly-repeat-step .bookly-row {
    margin: 12px 0 12px 0 !important;
}

.bookly-repeat-step .bookly-week-days {
    margin-bottom: 0 !important;
}

.bookly-repeat-step .bookly-get-schedule {
    display: inline-block;
}

.bookly-repeat-step .bookly-schedule-date,
.bookly-repeat-step .bookly-schedule-time {
    width: 100px !important;
    text-align: center;
    vertical-align: middle;
    text-transform: none;
    border-radius: 4px;
    height: 28px;
    margin-right: 6px;
    margin-top: 2px;
    margin-bottom: 4px;
}

.bookly-repeat-step .bookly-schedule-time select {
    border: 0 !important;
    height: 26px !important;
    background-color: #fff;
    padding: 0 !important;
}

.bookly-repeat-step .bookly-schedule-date input {
    background-color: #fff;
    border: 0 !important;
    height: 26px !important;
    float: none !important;
}

.bookly-repeat-step .bookly-schedule-row {
    border: 1px solid #cccccc !important;
    border-radius: 3px;
    display: flex;
}

.bookly-schedule-row .bookly-rounds-group {
    float: right !important;
    margin-top: 2px;
    margin-bottom: 4px;
    height: 28px;
}

.bookly-repeat-step .bookly-schedule-row > div {
    float: left;
    line-height: 25px;
}

.bookly-repeat-step .bookly-schedule-row .bookly-schedule-appointment > div,
.bookly-repeat-step .bookly-schedule-row .bookly-schedule-intersect > div {
    float: left;
}

.bookly-schedule-slots > div:not(:last-child) {
    margin-bottom: 12px;
}

.bookly-repeat-step .bookly-schedule-row .bookly-schedule-intersect {
    margin: 2px 2px 4px 0;
}

.bookly-repeat-step .bookly-schedule-row > div:first-child {
    width: 36px;
    height: 36px;
    padding: 4px;
    text-align: center;
    font-size: 20px;
}

.bookly-repeat-step .bookly-schedule-row > div:last-child {
    width: calc(100% - 36px);
    border-left: 1px solid #cccccc !important;
    padding: 2px 2px 0 4px;
}

.bookly-repeat-step .bookly-schedule-row .bookly-schedule-time {
    border: 1px solid #cccccc !important;
    border-radius: 4px;
}

.bookly-repeat-step .bookly-schedule-row .bookly-hidden-info {
    display: none;
}

.bookly-repeat-step .bookly-schedule-row .bookly-hidden-info > span {
    line-height: 32px;
}

.bookly-schedule-appointment.bookly-appointment-hidden > * {
    display: none !important;
    height: 0;
}

.bookly-schedule-appointment.bookly-appointment-hidden .bookly-hidden-info {
    display: block !important;
    width: 100%;
}

/* pagination */
.bookly-pagination {
    display: flex;
    padding-left: 0;
    list-style: none;
    margin: 0;
}

.bookly-pagination li {
    display: list-item;
    text-align: match-parent;
    margin: 0 -1px 0 0 !important;
}

.bookly-pagination li a {
    position: relative;
    display: block;
    text-decoration: none;
    border: 1px solid #cccccc;
    width: 35px;
    height: 35px;
    line-height: 32px;
    text-align: center;
}

.bookly-pagination li a:focus {
    z-index: 3;
    outline: 0;
}

.bookly-pagination li.active a {
    color: #fff;
}

.bookly-pagination li:first-child a {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.bookly-pagination li:last-child a {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.bookly-visible-sm {
    display: none;
}

/* well */
.bookly-well {
    border: 1px solid #cccccc !important;
    padding-right: 6px;
    padding-left: 6px;
    border-radius: 4px;
    background-color: #F2DEDE;
    vertical-align: middle;
    display: table;
}

.bookly-well > div:nth-child(1) {
    margin: 5px 5px 5px 0;
    float: left;
}

.bookly-well > div:nth-child(2) {
    min-height: 38px;
    vertical-align: middle;
    display: table-cell;
    width: 100%;
}

.popover .editable-container,
.popover .control-group {
    min-width: 300px;
}

label.bookly-checkbox-label input[type=checkbox] {
    position: relative;
    vertical-align: middle;
    bottom: 1px;
}

.bookly-round-md {
    width: 35px;
    height: 35px;
}

.bookly-triangle-md {
    margin: 5px 5px 5px 0;
    width: 35px;
    height: 35px;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 35px solid;
    float: left;
}

.bookly-icon-sm {
    height: 100%;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
}

.bookly-icon-sm i {
    margin: 0;
    padding: 0;
}

.bookly-icon-md {
    height: 24px;
    width: 24px;
    display: block;
    margin-left: 6px;
    background-repeat: no-repeat;
}

.bookly-triangle .bookly-icon-sm {
    margin-left: -2px;
    margin-top: 11px;
    height: 16px;
    padding-left: 4px;
}

.bookly-round-md .bookly-icon-md {
    margin: 6px;
}

.bookly-round .bookly-icon-md {
    margin: 6px;
}

button.bookly-round,
label.bookly-square {
    cursor: pointer;
}

.bookly-round .ladda-label {
    display: inline !important;
}

.bookly-icon-sm.bookly-icon-restore {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/redo-16.png);
}

.bookly-icon-sm.bookly-icon-exclamation {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/exclamation-16.png);
}

.bookly-icon-sm.bookly-icon-i {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/info-16.png);
}

.bookly-icon-sm.bookly-icon-edit {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/edit-16.png);
}

.bookly-icon-sm.bookly-icon-plus {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/plus-16.png);
}

.bookly-icon-sm.bookly-icon-minus {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/minus-16.png);
}

.bookly-icon-sm.bookly-icon-drop {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/delete-16.png);
}

.bookly-icon-sm.bookly-icon-check {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/check-16.png);
}

.bookly-icon-user {
    height: 16px;
    width: 16px;
    display: inline-block;
    margin: 4px 2px 0 2px;
    vertical-align: top;
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/user-16.png);
}

/* Cart */
.bookly-go-to-cart {
    width: 35px;
    height: 35px;
    float: left !important;
}

.bookly-cart .bookly-mobile-version {
    display: none;
}

.bookly-cart table {
    border-collapse: collapse;
    border-spacing: 0;
    border: none !important;
    table-layout: auto;
    width: 100%;
    margin: 0 !important;
}

.bookly-cart table .bookly-round {
    vertical-align: bottom;
}

.bookly-cart table th,
.bookly-cart table td {
    border: 0;
    text-align: left;
    padding: 8px;
}

.bookly-cart tbody.bookly-mobile-version td,
.bookly-cart tbody.bookly-mobile-version th {
    border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.bookly-cart th,
.bookly-cart tr.bookly-cart-primary,
.bookly-cart tr.bookly-cart-primary td,
.bookly-cart tfoot tr,
.bookly-cart tfoot tr th {
    border-top: 1px solid rgba(51, 51, 51, 0.1);
    font-size: 14px !important;
}

.bookly-cart th {
    border-width: 0 0 1px 0;
    font-weight: 700;
    padding-top: 0 !important;
}

.bookly-cart table tfoot th,
.bookly-cart table tfoot td {
    border-top: 2px solid rgba(51, 51, 51, 0.1);
}

.bookly-cart table tr.bookly-cart-sub-item td:first-child {
    padding-left: 25px;
}

.bookly-cart tbody.bookly-desktop-version,
.bookly-cart tbody.bookly-desktop-version td,
.bookly-cart tbody.bookly-mobile-version tr.bookly-cart-sub-item th,
.bookly-cart tbody.bookly-mobile-version tr.bookly-cart-sub-item td {
    border: 0 !important;
}

/* Details */
.bookly-guest > .bookly-btn {
    display: inline-block;
    margin: 0 14px 12px 0;
}

.bookly-guest > .fb_iframe_widget_fluid {
    display: inline-block;
}

.bookly-guest > * {
    vertical-align: top;
}

.bookly-details-step .bookly-form-group input[type="text"].bookly-captcha {
    display: block;
    width: 160px !important;
    margin: 10px 0 0 !important;
}

.bookly-details-step .bookly-form-group .intl-tel-input {
    display: block;
}

.bookly-details-step .bookly-form-group .intl-tel-input input {
    padding-left: 45px !important;
}

.bookly-details-step .bookly-table,
.bookly-details-step .bookly-table > * {
    overflow: visible !important;
}

.bookly-details-step .bookly-form-group textarea {
    resize: vertical;
}

.bookly-details-step .bookly-custom-field-row > div > div > label,
.bookly-details-step .bookly-custom-field-row > div > div > label > input[type="radio"],
.bookly-details-step .bookly-custom-field-row > div > div > label > input[type="checkbox"] {
    cursor: pointer;
}

.bookly-details-step .bookly-custom-field-row > div > div > label > * {
    vertical-align: middle;
}

/* Payment */
.bookly-form input.bookly-user-coupon, .bookly-form input.bookly-user-gift, .bookly-form input.bookly-user-tips {
    width: 100px !important;
    margin: 0 10px !important;
}

.bookly-form select.bookly-card-exp {
    width: auto !important;
    margin-right: 10px !important;
}

.bookly-form input.bookly-card-cvc {
    width: 50px !important;
}

.bookly-form .bookly-payment-nav > div > label,
.bookly-form .bookly-payment-nav > div > label > input[type="radio"] {
    cursor: pointer;
}

.bookly-form .bookly-payment-nav > div > label > * {
    vertical-align: middle;
}

.bookly-form .bookly-payment-nav > div > label > img {
    margin-left: 10px;
}

/* Modal Dialog */
.bookly-fade {
    display: none;
}

.bookly-in {
    display: block;
}

.bookly-close:hover,
.bookly-close:focus,
.bookly-close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: none;
    border: 0;
    margin-top: -25px;
}

.bookly-close:focus,
.bookly-close:hover {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    background: none;
}

.bookly-modal {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 9999;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.bookly-modal .bookly-modal-dialog {
    width: 400px;
    position: absolute;
    left: 50%;
    margin-left: -200px;
    top: 100px;
}

.bookly-modal .bookly-modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.bookly-modal .bookly-modal-content .bookly-modal-header {
    min-height: 16.5px;
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    color: #666;
}

.bookly-modal .bookly-modal-content .bookly-modal-header h4 {
    margin: 0;
    padding: 0;
    font-size: 22px;
}

.bookly-modal .bookly-modal-content .bookly-modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.bookly-modal .bookly-modal-content .bookly-modal-footer .bookly-btn-submit:focus,
.bookly-modal .bookly-modal-content .bookly-modal-footer .bookly-btn-submit:active,
.bookly-modal .bookly-modal-content .bookly-modal-footer .bookly-btn-submit:hover,
.bookly-modal .bookly-modal-content .bookly-modal-footer .bookly-btn-submit {
    display: inline-block;
    padding: 6px 12px !important;
    border: 0;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    color: #fff;
    text-transform: capitalize;
}

.bookly-modal .bookly-modal-content .bookly-modal-footer .bookly-btn-cancel {
    border: 0;
    background: none;
    color: #21759b;
    cursor: pointer;
    padding: 0;
    vertical-align: -2px;
    font-size: 14px;
}

.bookly-modal .bookly-modal-content .bookly-modal-body {
    position: relative;
    padding: 15px;
    font-size: 14px;
}

.bookly-modal .bookly-modal-content .bookly-modal-body .bookly-form-group {
    margin-bottom: 10px;
}

.bookly-modal .bookly-modal-content .bookly-modal-body .bookly-form-group label {
    font-size: 14px;
}

.bookly-modal .bookly-modal-content .bookly-modal-body div > div > label {
    cursor: pointer;
}

.bookly-modal .bookly-modal-content .bookly-modal-body div > div > label > * {
    vertical-align: middle;
    cursor: pointer;
}

@media (max-width: 768px) {
    .bookly-modal .bookly-modal-dialog {
        width: auto;
        left: 15px;
        right: 15px;
        margin: 30px auto;
        top: 50px;
    }
}

/* Picker */
.bookly-form .picker__holder {
    width: 310px !important;
    overflow: hidden !important;
    -webkit-border-radius: 5px 5px !important;
    -moz-border-radius: 5px 5px !important;
    border-radius: 5px 5px !important;
    top: 2px;
    left: 0px;
    outline: none;
    bottom: auto;
}

.bookly-form .picker {
    width: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
}

.bookly-form .picker__header {
    position: inherit;
}

.bookly-form .picker__input {
    float: none !important;
}

.bookly-form .picker__nav--next {
    position: inherit;
    float: right;
}

.bookly-form .picker__nav--prev {
    position: inherit;
    float: left;
}

.bookly-form .picker:before,
.bookly-form .picker:after {
    display: none !important;
}

.bookly-form .picker__frame * {
    font-size: 14px !important;
    font-weight: bold !important;
    border: 0 !important;
    color: #fff !important;
}

.bookly-form .picker__frame {
    position: static;
    margin-bottom: 0 !important;
}

.bookly-form .picker__weekday {
    font-weight: normal !important;
    text-align: center !important;
    padding: 0 !important;
    padding-bottom: .5em !important;
    border: 0 !important;
    background: none !important;
}

.bookly-form .picker__day--selected,
.bookly-form .picker__day--selected:hover,
.bookly-form .picker--focused .picker__day--selected,
.bookly-form .picker__day--infocus:hover,
.bookly-form .picker__day--outfocus:hover {
    background: #fff !important;
    border-radius: 4px !important;
}

.bookly-form .picker__day--highlighted {
    border-color: #fff !important;
}

.bookly-form .picker__button--today:before {
    display: none !important;
}

.bookly-form .picker__nav--prev:before {
    border-left: 0 !important;
}

.bookly-form .picker__nav--next:before {
    border-right: 0 !important;
}

.bookly-form .picker--focused .picker__day--highlighted {
    background: none !important;
    border-radius: 4px !important;
}

.bookly-form .picker--focused .picker__day--highlighted:hover {
    background: white !important;
}

.bookly-form .picker--focused .picker__day--selected {
    background: white !important;
}

.bookly-form .picker__button--today:hover,
.bookly-form .picker__button--clear:hover {
    background: white !important;
    border-bottom-color: white !important;
}

.bookly-form .picker__table {
    margin-top: .75em !important;
    margin-bottom: .75em !important;
    line-height: normal !important;
    background: none !important;
}

.bookly-form .picker__table td {
    text-align: center !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

.bookly-form .picker__table tr,
.bookly-form .picker__table tbody,
.bookly-form .picker__table thead {
    background: none !important;
}

.bookly-form .picker__nav--prev {
    left: 0;
}

.bookly-form .picker__nav--next {
    right: 0;
}

.bookly-form .picker__nav--prev,
.bookly-form .picker__nav--next {
    box-sizing: content-box;
    background: white !important;
    border-radius: 50%;
    padding: 6px;
    top: -3px;
}

.bookly-form .picker__day--today {
    border: 1px solid white !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    position: inherit;
}

.bookly-form .picker__day--today:before {
    display: none;
}

.bookly-form .picker__button--today,
.bookly-form .picker__button--clear {
    padding: 5px 0 !important;
    width: 33% !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    margin-bottom: 10px !important;
    float: none !important;
    background: white !important;
}

.bookly-form .picker__day--outfocus,
.bookly-form .picker__day--disabled {
    color: rgba(255, 255, 255, 0.5) !important;
    background: none !important;
    pointer-events: none;
}

.bookly-form .picker__day--disabled:hover {
    background: white;
}

.bookly-form .picker__nav--disabled {
    opacity: 0;
    cursor: default;
}

.bookly-form .bookly-image-box {
    height: 298px;
    position: relative;
}

.bookly-form .bookly-image-box img {
    position: absolute;
    left: calc(50% - 149px);
    top: calc(50% - 149px);
}

.bookly-form .bookly-loading:before {
    content: '';
    position: absolute;
    left: calc(50% - 16px);
    top: calc(50% - 16px);
    width: 32px;
    height: 32px;
    background: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/backend/resources/images/ajax_loader_32x32.gif) no-repeat;
    background-size: contain;
}

.bookly-row .bookly-text,
.bookly-row .bookly-text-center,
.bookly-row .bookly-col-label {
    padding-top: 6px;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bookly-row .bookly-text-center {
    text-align: center;
}

.bookly-row .bookly-col-label {
    text-align: right;
}

.bookly-row {
    margin: 0 !important;
    overflow: hidden;
}

.bookly-col-1,
.bookly-col-2,
.bookly-col-3,
.bookly-col-4,
.bookly-col-5,
.bookly-col-6,
.bookly-col-7,
.bookly-col-8,
.bookly-col-9,
.bookly-col-10,
.bookly-col-11,
.bookly-col-12 {
    float: left !important;
    padding-left: 2px;
    padding-right: 2px;
}

.bookly-col-12 {
    width: 100%;
}

.bookly-col-11 {
    width: 91.66666667%;
}

.bookly-col-10 {
    width: 83.33333333%;
}

.bookly-col-9 {
    width: 75%;
}

.bookly-col-8 {
    width: 66.66666667%;
}

.bookly-col-7 {
    width: 58.33333333%;
}

.bookly-col-6 {
    width: 50%;
}

.bookly-col-5 {
    width: 41.66666667%;
}

.bookly-col-4 {
    width: 33.33333333%;
}

.bookly-col-3 {
    width: 25%;
}

.bookly-col-2 {
    width: 16.66666667%;
}

.bookly-col-1 {
    width: 8.33333333%;
}

.powered-by-bookly {
    font-size: 0px !important;
    color: #666666;
    text-align: center;
}

.powered-by-bookly a {
    color: inherit;
}

.powered-by-bookly a:first-child {
    text-decoration: none !important;
}

/* Other */
.bookly-form *:focus {
    outline: 0;
    box-shadow: 0px 0px 1px 0px rgba(37, 0, 255, 1) inset;
}

.bookly-form ::-webkit-input-placeholder {
    color: #bbb !important;
}

.bookly-form ::-moz-placeholder {
    color: #bbb !important;
}

/* Firefox 19+ */
.bookly-form :-moz-placeholder {
    color: #bbb !important;
}

/* Firefox 18- */
.bookly-form :-ms-input-placeholder {
    color: #bbb !important;
}

.bookly-form .bookly-category-info, .bookly-form .bookly-service-info, .bookly-form .bookly-staff-info {
    margin-top: -10px;
}

/* Mobile */
@media screen and (max-width: 650px) {
    .bookly-form-group label:empty {
        display: none !important;
    }

    .bookly-form-group > div {
        margin-right: 0 !important;
    }

    .bookly-table > * {
        display: block;
    }

    .bookly-repeat-step .bookly-table > * {
        display: table-cell;
    }

    .bookly-table .bookly-form-group {
        margin: 0 0 20px;
        width: 100% !important;
    }

    .bookly-table .bookly-form-group:last-child {
        margin: 0;
    }

    .bookly-progress-tracker {
        display: none;
    }

    .bookly-mobile-step-1 .bookly-nav-steps {
        display: block;
    }

    .bookly-mobile-step-2 {
        display: none;
    }

    .bookly-select-mobile {
        width: 95%;
        margin-top: 5px;
    }

    .bookly-mobile-next-step, .bookly-mobile-prev-step {
        display: block !important;
    }

    .bookly-mobile-float-none {
        float: none !important;
    }

    /* Service */
    .bookly-service-step .bookly-available-date,
    .bookly-service-step .bookly-week-days {
        margin-right: 0 !important;
    }

    .bookly-service-step .bookly-week-days,
    .bookly-repeat-step .bookly-week-days {
        width: 100%;
    }

    .bookly-service-step .bookly-week-days > div {
        display: table-cell;
    }

    .bookly-service-step .bookly-time-to,
    .bookly-service-step .bookly-time-from {
        display: inline-block;
        width: 48% !important;
    }

    .bookly-service-step .bookly-time-to {
        float: right !important;
    }

    .bookly-service-step .bookly-time-range select {
        width: 100% !important;
    }

    .bookly-mobile-step-1 {
        margin-right: 0;
    }

    .bookly-not-time-screen {
        height: auto !important;
        margin-left: 0 !important;
        margin-bottom: 15px;
        clear: both;
    }

    .bookly-time-step {
        clear: both;
    }

    .bookly-btn {
        width: auto !important;
        min-width: 0;
        padding: 9px 18px !important;
        background-image: none !important;
    }

    .bookly-go-to-cart {
        padding: 8px !important;
        width: 35px !important;
        height: 35px !important;
    }

    .bookly-form .picker__holder {
        left: 0 !important;
    }

    .bookly-extra-step .bookly-extras-item {
        width: 50%;
    }

    .bookly-cart .bookly-mobile-version {
        display: table-row-group;
    }

    .bookly-cart .bookly-desktop-version {
        display: none;
    }

    .bookly-col-12,
    .bookly-col-11,
    .bookly-col-10,
    .bookly-col-9,
    .bookly-col-8,
    .bookly-col-7,
    .bookly-col-6,
    .bookly-col-5,
    .bookly-col-4,
    .bookly-col-3,
    .bookly-col-2,
    .bookly-col-1 {
        width: 100%;
        padding: 0;
    }

    .bookly-visible-sm {
        display: block;
    }

    .bookly-visible-md {
        display: none !important;
    }

    .bookly-margin-top {
        margin-top: 12px;
    }

    .bookly-row .bookly-col-label,
    .bookly-row .bookly-text-center {
        text-align: left;
        text-transform: capitalize;
        padding-top: 0;
    }

    .bookly-repeat-step .bookly-schedule-row > div:first-child {
        width: 31px;
    }

    .bookly-repeat-step .bookly-schedule-row > div:last-child {
        width: calc(100% - 31px);
        padding: 2px 2px 0 2px;
    }

    .bookly-repeat-step .bookly-schedule-date, .bookly-repeat-step .bookly-schedule-time {
        margin-right: 2px;
    }

    .bookly-repeat-step .bookly-schedule-time {
        width: 90px !important;
    }
}

/* intlTelInput.js */
.iti-flag {
    background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/flags.png);
}

@media only screen and (min-resolution: 2dppx) {
    .iti-flag {
        background-image: url(//carmendent.ro/wp-content/plugins/bookly-responsive-appointment-booking-tool/frontend/resources/images/flags@2x.png)
    }
}

.bookly-radio-loading {
    border: 2px solid lightgrey;
    border-top: 2px solid black;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    animation: bookly-radio-loading-spin 2s linear infinite;
}

@keyframes bookly-radio-loading-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.pac-container {
    z-index: 1000000 !important;
}div.bbp-template-notice, 
div.indicator-hint {
    margin: 0px 0px 30px 0px;
}
#subscription-toggle {
    float: right;
}
#bbpress-forums div.bbp-breadcrumb p, #bbpress-forums div.bbp-topic-tags p {
    margin-bottom: 30px;
}
#bbpress-forums fieldset.bbp-form legend {
    font-weight: bold;
}
.wp-editor-wrap {
    border: 1px solid #eeeeee;
}
.bbp-breadcrumb-sep {
    padding: 0px 5px;
}
#bbpress-forums fieldset.bbp-form p, #bbpress-forums fieldset.bbp-form textarea, #bbpress-forums fieldset.bbp-form select, #bbpress-forums fieldset.bbp-form input[type="text"] {
    margin-bottom: 20px;
}
#bbpress-forums input[type="text"] {
    margin-bottom: 0px !important;
    width: 50%;
}
#bbp_topic_submit,
#bbp_search_submit,
#bbpress-forums fieldset.bbp-form,
div.bbp-submit-wrapper,
#bbpress-forums #bbp-your-profile fieldset.submit button {
    margin: 0px 0px 20px 0px;
}
#bbp-user-avatar .vcard,
.vcard.bbp-user-profile-link {
    width: auto;
    float: none;
}
.bbp-submit-wrapper .button.submit {
    margin-right: 0px !important;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
    background: transparent;
}
#bbpress-forums li.bbp-header {
    border-top: none;
}
#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic {
    padding: 20px;
}
#bbpress-forums li.bbp-header, 
#bbpress-forums li.bbp-footer {
    padding: 10px 20px;
}

a.bbp-forum-title,
.bbp-topic-title a.bbp-topic-permalink,
#bbpress-forums fieldset.bbp-form label  {
    font-size: 13px !important;
}

#bbpress-forums div.bbp-reply-header {
    background: none;
}
#bbpress-forums div.reply {
    font-size: inherit;
    font-style: inherit;
}
#bbpress-forums .topic .bbp-topic-meta .bbp-author-avatar,
#bbpress-forums .topic .bbp-topic-meta .avatar,
.bbp-topic-freshness-author .avatar {
    display: none;
}
#bbpress-forums .topic .bbp-topic-meta a {
    color: inherit;
}
div.bbp-reply-header {
    padding: 15px 15px 0 25px;
}
li.bbp-body div.hentry {
    padding-top: 0;
}
.bbp-pagination-count {
    font-weight: bold;
}
/*body.bbpress {
    -webkit-font-smoothing: subpixel-antialiased;
}
body.bbpress h1,
body.bbpress h2,
body.bbpress h3,
body.bbpress h4,
body.bbpress h5,
body.bbpress h6 {
    -webkit-font-smoothing: antialiased;
}*/
div.bbp-template-notice p {
    padding: 20px;
}
div.bbp-template-notice.info {
    border: none;
    background-color: #E6F5F8;
    border-radius: 0;
}
div.bbp-template-notice, div.indicator-hint {
    background-color: #FAEFD3;
    border: none;
    border-radius: 0;
}
#bbpress-forums .wp-editor-container .button {
    font:inherit !important;
    text-transform: none !important;
    letter-spacing: 0;
}/*
TABLE OF CONTENTS
1.	Global
2.	Header
	2.1	Header Top Bar
	2.2	Header Bottom Bar 
	2.3 Logo
	2.4 Header Controls
	2.5 Navigation
	2.6x Header Widgets
	2.7 Sticky Header
	2.8 Header Search Control
	2.9 Header Cart Control
3.	Transparent Header
4.	Menu
5.	Left Header
6.	Mobile Menu
7.	Mega Menu
8.	Sidebar Menu
9.	Page Title
10.	Footer
11.	Blog Layout
	11.1 Blog Style2
	11.2 Blog Style3
	11.3 Blog Style4
12.	Audio Post Format
13.	Comments
14.	Typography
15.	Anchor
16.	Lists
17.	Tags and classes that come with Wordpress 
18.	Form
19.	Contact Page
20.	Widget Areas
21.	Recent Posts
22.	Tags
23.	Search
24.	WP Calendar
25.	Categories, Archives, Links, Meta, Menu, Side nav
26.	Photostream Widget
27.	Language Switcher
28.	Back To Top
29.	Media Queries
	29.1 Tablet
	29.2 Mobile 320
	29.3 Mobile 480
30. Helper classes
31.	Print styles
*/
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

   article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
   audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
   audio:not([controls]) { display: none; }
   [hidden] { display: none; }
   
   /* =============================================================================
      CSS Reset
      ========================================================================== */
      
   html, body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend,
   table, caption, tbody, tfoot, thead, tr, th, td {
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       font-size: 100%;
       vertical-align: baseline;
       background: transparent;
   }
   
   html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
   
   body {
       line-height: 1;
   }
   ol, ul {
       list-style: none;
   }
   blockquote, q {
       quotes: none;
   }
   blockquote:before, blockquote:after,
   q:before, q:after {
       content: '';
       content: none;
   }
   
   :focus {
       outline: 0;
   }
   
   ins {
       text-decoration: none;
   }
   del {
       text-decoration: line-through;
   }
   
   /* tables still need 'cellspacing="0"' in the markup */
   table {
       border-collapse: collapse;
       border-spacing: 0;
   }
   td { vertical-align: top; }
   img{max-width:100%;}
   
   img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle;}
   
   svg:not(:root) { overflow: hidden; }
   
   figure { margin: 0; }
   
   input:valid, textarea:valid {  }
   input:invalid, textarea:invalid { }
   input[type="text"],input[type="submit"],input[type="file"],input[type="email"], input[type="password"], input[type="number"], textarea { -webkit-appearance: none; -webkit-border-radius:0px; }
   .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
   
   ::selection         {background: rgb(0,0,0); color: #fff; }
   ::-moz-selection    {background: rgb(255,255,158);}
   img::selection      {background: transparent;}
   img::-moz-selection {background: transparent;}
   /*.wf-loading p, .wf-loading ul, .wf-loading h1, .wf-loading h2, .wf-loading h3, .wf-loading h4, .wf-loading h5, .wf-loading h6 { visibility: hidden; } .wf-active p, .wf-active ul, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-inactive p, .wf-inactive ul, .wf-inactive h1, .wf-inactive h2, .wf-inactive h3, .wf-inactive h4, .wf-inactive h5, .wf-inactive h6 { visibility: visible; } */
   
   /* ==|== primary styles =====================================================
      Author:
   
   
   /* =========================================================================
                                        LAYOUTS
      ========================================================================= */
   
   /* ======================
       Global
      ====================== */
   html {
       padding-right: 0px !important;
       overflow-y: auto;
       overflow-x: hidden;
   }
   
   html.hide-overflow{
       overflow: hidden !important;
   }
   
   html.show-overflow{
       overflow-y: scroll;
   }
   body {
        -webkit-font-smoothing: antialiased; 
        -moz-osx-font-smoothing: grayscale;
   }
   /* ======================
       Header
      ====================== */
   .tp-simpleresponsive >ul li {
       z-index: 1 !important;
   }
   
   .tatsu-frame #header{
       transform: translateZ(0px);
   }
   /************************************************
    Header Top Bar 
    ************************************************/
   
   #main.layout-border{
       padding: 30px;
   }
   #main.layout-border.layout-border-header-top {
       padding: 0px 30px 30px 30px;
   }
   .left-header #main.layout-border{
       padding-left: 0px;
   }
   #header-top-bar-left   {
       float: left;
       padding: 10px 20px;
   }
   #header-top-bar-wrap.be-wrap #header-top-bar-left{
       padding-left: 0px;
   }
   #header-top-bar-right   {
       float: right;
       padding: 10px 20px;
   }
   #header-top-bar-wrap.be-wrap #header-top-bar-right {
       padding-right: 0px;
   }
   #header-top-bar-left .top-bar-widgets, 
   #header-top-bar-left .header-search-controls,
   #header-top-bar-left .header-cart-controls,
   #header-top-bar-left .topbar-menu-container{
       margin-right: 15px;
   }
   #header-top-bar-right .top-bar-widgets, 
   #header-top-bar-right .header-search-controls,
   #header-top-bar-right .header-cart-controls,
   #header-top-bar-right .topbar-menu-container {
       margin-left: 15px;
   }
   
   #header-controls-left .header-widgets, 
   #header-controls-left .header-search-controls,
   #header-controls-left .header-cart-controls,
   #header-controls-left .menu-controls {
       margin-right: 15px;
   }
   #header-controls-right .header-widgets, 
   #header-controls-right .header-search-controls,
   #header-controls-right .header-cart-controls,
   #header-controls-right .sliderbar-menu-controller {
       margin-left: 15px;
   }
   
   #header-top-bar-left ul ,
   #header-top-bar-right ul ,
   #header-controls-left ul {
       display: inline;
       padding-left: 0px;
   }
   #header-top-bar-left li ,
   #header-top-bar-right li ,
   #header-controls-left li {
       display: inline;
       text-decoration: none;
   }
   .menu-falling-animate-controller {
       display: inline-block;
       cursor: pointer;
       /*float: right;*/
   }
   .custom-font-icon {
       display: inline-block;
       line-height: normal;
       position: relative;
       cursor: pointer;
   }
   .menu-icon {
       border-top-width: 2px;
       border-style: solid;
       border-color: inherit;
       display: block;
       margin-bottom: 6px;
       width: 16px;
       -webkit-transition: -webkit-transform 400ms ease, opacity 400ms ease, top 400ms ease;
       -moz-transition: -moz-transform 400ms ease, opacity 400ms ease, top 400ms ease;
       -o-transition: -o-transform 400ms ease, opacity 400ms ease, top 400ms ease;
       transition: transform 400ms ease, opacity 400ms ease, top 400ms ease;
       cursor: pointer;
       position: absolute;
       top: 0px;
       -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
       -ms-transform: rotate(0deg);
       -o-transform: rotate(0deg);
   }
   .menu-icon.menu-icon-third {
       margin-bottom: 0px;
   }
   .custom-font-icon .menu-icon.menu-icon-first {
       top: -4px;
   }
   .custom-font-icon .menu-icon.menu-icon-second {
       position: relative;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       -moz-opacity: 1;
       -khtml-opacity: 1;
       opacity: 1;
   }
   .custom-font-icon .menu-icon.menu-icon-third {
       top: 4px;
   }
   .custom-font-icon.active .menu-icon.menu-icon-first {
       -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
       top: 0;
   }
   .custom-font-icon.active .menu-icon.menu-icon-second {
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       -moz-opacity: 0;
       -khtml-opacity: 0;
       opacity: 0;
       -webkit-transform: translateX(50px);
       -moz-transform: translateX(50px);
       -ms-transform: translateX(50px);
       -o-transform: translateX(50px);
   }
   .custom-font-icon.active .menu-icon.menu-icon-third {
       -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
       -ms-transform: rotate(-45deg);
       -o-transform: rotate(-45deg);
       top: 0;
   }
   #header-top-bar-wrap i.font-icon {
       margin-bottom: 0px;
   }
   #header-top-bar,
   #header-bottom-bar {
       line-height: 25px;
   /*	border-right: none !important;
       border-left: none !important;*/
   }
   #header-top-bar{
       position: relative;
       z-index: 3;
   }
   #header-top-bar .topbar-menu-container{
       display: inline-block;
   }
   #topbar-menu > li:after{
       content: " | ";
   } 
   #topbar-menu > li:last-child:after{
       content: "";
   } 
   /*#left-header-mobile {
       border-bottom: 1px solid;
   }*/
   .header-cart-controls, 
   .sliderbar-nav-controller-wrap{
       display: inline-block;
   }
   .header-cart-controls{
       float: none !important;
   }
   #header #left-header-mobile .header-cart-controls{
       float: right !important;
   }
   .top-overlay-menu #header-bottom-bar{
       display: none;
   }
   #header .header-border{
       display: block;
   }
   #header .transparent .header-border{
       display: none;
   }
   .style6 #header-wrap {
       text-align: center;
   }
   /************************************************
    Header Bottom Bar 
    ************************************************/
   
   .style4 #header-bottom-bar{
       padding: 0 30px;
   }
   
   
   /************************************************
   Logo
    ************************************************/
    
   .logo a, .logo a img {
       display: block;
   }
   
       /*Logo - Float Left*/
   
   .style1 .logo {
       margin-left: 30px;
       padding:20px 0;	/*opt-logo-padding*/
       float: left;
   }
   .layout-border-header-top .style1 .logo {
       margin-left: 0px;
   }
   .style1 .be-wrap  .logo {
       margin-left:0;
   }
   .style4 .logo {
       margin-left: 30px;
       padding:20px 0;	/*opt-logo-padding*/
       float: left;
   }
   .style4 .be-wrap .logo {
       margin-left : 0;
   }
   
   #left-header-mobile .logo {
       margin-left: 30px;
       padding:20px 0;	/*opt-logo-padding*/
       float: left;
   }
   
       /*Logo - Float Right*/
   
   .style5 .logo {
       position: absolute;
       left: 50%;
       -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
       transform: translateX(-50%);
   
   }
   
       /*Logo - Absolute Position to Left*/
   
   .style2 #header-wrap{
       position: relative;
   }
   /*.style4 #header-wrap{
       position: relative;
   }*/
   /*.style1 #header-wrap{
       padding-right: 30px;
   }*/
   /*.style4 #header-wrap{
       padding-right: 30px;
   }*/
   .style3 .logo {
       position: absolute;
       left: 30px;
       padding: 20px 0; /*opt-logo-padding*/
   }
   .style3 .be-wrap .logo {
       left : 0;
   }
   .layout-border-header-top .style3 .logo {
       left: 0px;
   }
       /*Logo - Center Align*/
   
   .style2 .logo {
       text-align: center;
   }
   .style2 .logo a{
       display: inline-block;
       vertical-align: middle;
   }
   .style6 .logo {
       margin: 25px auto;
       display: inline-block;
       vertical-align: top;
       z-index: 1;
       position: relative;
   }
   
   /************************************************
    Header Controls
    ************************************************/
    
       /*Header Controls - Float Right*/
   
   #header-inner-wrap i.font-icon{
       margin-bottom: 0px;
   }
   /*Left Menu header control - only on mobile layout*/
   #left-header-mobile .mobile-nav-controller-wrap{
       margin: 0 30px 0px 15px;
       float: right;
   }
   
   #header .tatsu-module,
   #header .oshine-module {
       margin-bottom: 0;
   }
   
   /************************************************
    Navigation
    ************************************************/
    
   .mobile-menu.left-mobile-menu #mobile-menu {
       padding-bottom: 0px !important;
   }
   .mobile-menu.right-mobile-menu #mobile-menu {
       padding-top: 0px !important;
   }
   
   
   /************************************************
    Menu Links
    ************************************************/
   
   /* Effect 1: bottom line slides/fades in */
   .be-nav-link-effect-1 a {
       padding: 8px 0;
   }
   
   .be-nav-link-effect-1 a::after {
       position: absolute;
       top: 170%;
       left: 20px;
       width: calc(100% - 40px);
       height: 2px;
       background: rgba(0,0,0,0.1);
       content: '';
       opacity: 0;
       -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
       -moz-transition: opacity 0.3s, -moz-transform 0.3s;
       -o-transition:  opacity 0.3s, -o-transform 0.3s;
       -ms-transition:  opacity 0.3s, -ms-transform 0.3s;
       transition: opacity 0.3s, transform 0.3s;
       -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
       -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
       transform: translateY(10px);
   }
   
   /*.be-nav-link-effect-1 a:focus::after,*/
   .be-nav-link-effect-1 a:hover::after {
       opacity: 1;
       -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
       -ms-transform: translateY(0px);
       -o-transform: translateY(0px);
       transform: translateY(0px);
   }
   
   /*Effect 2:  bottom line diverges out to the end */
   .be-nav-link-effect-2 a::after {
       position: absolute;
       top: 170%;
       left: 50%;
       right: 50%;
       height: 2px;
       z-index: 1;
       content: "";
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       -webkit-transition: all 0.5s ease;
       transition: all 0.5s ease;
       -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
       -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
       background: rgba(0,0,0,0.1);
   }
   
   /*.be-nav-link-effect-2 a:focus::after,*/
   .be-nav-link-effect-2 a:hover::after {
       left: 20px;
       right: 20px;
   }
   
   /* Effect 3: bottom line diverges out to make a small line */
   .be-nav-link-effect-3 a::after {
       position: absolute;
       top:170%;
       left: 50%;
       right: 50%;
       height: 2px;
       z-index: 1;
       content: "";
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       -webkit-transition: all 0.5s ease;
       transition: all 0.5s ease;
       -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
       -ms-transform: translate3d(0, 0, 0);
       -o-transform: translate3d(0, 0, 0);
       transform: translate3d(0, 0, 0);
       background: rgba(0,0,0,0.1);
   }
   
   /*.be-nav-link-effect-3 a:focus::after,*/
   .be-nav-link-effect-3 a:hover::after {
       left: 40%;
       right: 40%;
   }
   
   /*Restrict Effects only on 1st Level Menu Items*/
   .sub-menu a:after{
        display: none;
    }
   
    #navigation .sub-menu a {
        left: 0;
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       -webkit-transition: all 0.5s ease;
       transition: all 0.5s ease;
    }
   
    #navigation .sub-menu a:hover {
        left:7px;
    }
   
   /************************************************
    Header Widgets
    ************************************************/
    
       /*Header widgets styling*/
   .header-code-widgets {
       display: inline-block;
       margin-left: 15px;
   }
   /*.header-smedia-widgets li{
       display: inline;
       list-style: none;
       padding-right: 7px;
   }*/
   .sliderbar-menu-controller{
       display: inline-block;
       cursor: pointer;
   }
   
   /************************************************
    Header Search Control
    ************************************************/ 
   
   .search-box-wrapper {
       position: absolute;
       top: 100%;
       right: 0px;
       width: 240px;
       display: none;
       z-index: 12;
       box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
       -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
       -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.23);
       line-height: normal;
       padding: 30px;
       background: #fff;
       overflow-y: hidden;
   }
   .be-themes-layout-layout-border-header-top .search-box-wrapper {
       z-index: 10 !important;
   }
   #header-top-bar-right .search-box-wrapper{
       padding: 0px;
   }
   .header-search-controls {
       display: inline-block;
   }
   .header-search-controls .search-button {
       margin-left: 0px;
       cursor: pointer;
       color: inherit;
       display: inline-block;
       zoom: 1;
       position: relative;
       top: 2px;
       font-size: 18px;
       line-height: normal;
   }
   #header-top-bar-right .search-box-wrapper.style1-header-search-widget input[type="text"]{
       height: 55px;
   }
   .search-box-wrapper .searchform .search-icon {
       position: absolute;
       top: 0px;
       right: 35px;
       line-height: 96px;
       font-size: 14px;
   }
   #header-top-bar-right .search-box-wrapper .searchform .search-icon{
       top: -19px;
       right: 14px;
   }
   .search-box-wrapper.style2-header-search-widget .searchform .search-icon{
       display: none;
   }
   .search-box-wrapper .searchform .s {
       width: 100%;
       box-shadow: none;
       -moz-box-shadow: none;
       -webkit-box-shadow: none;
       margin-bottom: 0;
   }
   .search-box-wrapper .icon-icon_close{
       color: #232323;
   }
   .search-box-wrapper.style2-header-search-widget {
       position: fixed;
       top: 0px;
       left: 0px;
       width: 100%;
       height: 100%;
       box-sizing: border-box;
   }
   body.admin-bar .search-box-wrapper.style2-header-search-widget {
       padding-top: 62px;
   }
   body.admin-bar .search-box-wrapper.style2-header-search-widget .searchform .search-icon {
       top: 50%;
       line-height: normal;
       margin-top: -14px;
       font-size: 25px;
       right:14px;
   }
   .search-box-wrapper.style2-header-search-widget .search-box-inner1 {
       position: relative;
       display: table;
       width: 100%;
       height: 100%;
   }
   .search-box-wrapper.style2-header-search-widget .search-box-inner2 {
       display: table-cell;
       vertical-align: middle;
       width: 100%;
       margin: 0px;
   }
   .search-box-wrapper.style2-header-search-widget .searchform .s {
       height: 100px;
       font-size: 40px;
       line-height: 1;
   }
   .search-box-wrapper.style2-header-search-widget .searchform {
       display: block;
       width: 80%;
       margin: 0 auto;
       position: relative;
   }
   .header-search-form-close {
       display: none;
   }
   .search-box-wrapper.style2-header-search-widget .header-search-form-close {
       position: absolute;
       top: 30px;
       right: 30px;
       font-size: 35px;
       cursor: pointer;
       color: inherit;
       display: block;
       z-index: 4;
   }
   body.admin-bar .search-box-wrapper.style2-header-search-widget .header-search-form-close {
       margin-top: 32px;
   }
   
   
   /************************************************
    Header Cart Control
    ************************************************/
   
   .left-strip-wrapper .header-cart-controls {
       width: 100%;
       text-align: center;
       top: 85%;
   }
   .header-cart-controls .cart-contents span {
       display: inline-block;
       font-weight: bold;
       margin: 0 auto;
       border-radius: 20%;
       text-align: center;
       width: 20px;
       height: 20px;
       line-height: 21px;
       font-size: 10px;
       position: relative;
       top: -5px;
   }
   .left-strip-wrapper .header-cart-controls .cart-contents span {
       display: block;
       position: static;
       margin-top: -60px;
   }
   .header-cart-controls .cart-contents{
       color: inherit;
       /*Added this to fix the extra 4px space occupied by header-cart-controls in the new header styles*/
       line-height: 0;
   }
   .header-cart-controls .cart-contents i{
       font-size: 23px;
       position: relative;
   }
   
   /************************************************
    Transparent Header
    ************************************************/
    
   body.header-transparent #header #header-inner-wrap.no-transparent,
   body.sticky-header #header #header-inner-wrap.no-transparent {
       position: fixed;
       top: -300px;
       width: 100%;
       right: 0px;
   }
   body.header-transparent #header #header-inner-wrap.no-transparent.top-animate,
   body.sticky-header #header #header-inner-wrap.no-transparent.top-animate {
       top: 0px;
       -webkit-transition: top .50s ease, right 400ms ease;
       -moz-transition: top .50s ease, right 400ms ease;
       -o-transition: top .50s ease, right 400ms ease;
       -ms-transition: top .50s ease, right 400ms ease;
       -webkit-backface-visibility: hidden;
   }
   body.header-transparent.admin-bar #header #header-inner-wrap.no-transparent.top-animate,
   body.sticky-header.admin-bar #header #header-inner-wrap.no-transparent.top-animate {
       top: 32px;
       -webkit-transition: top .50s ease, right 400ms ease;
       -moz-transition: top .50s ease, right 400ms ease;
       -o-transition: top .50s ease, right 400ms ease;
       -ms-transition: top .50s ease, right 400ms ease;
       -webkit-backface-visibility: hidden;
       box-shadow: 0 1px 1px rgba(0,0,0,0.15);
   }
   body.header-transparent #header #header-inner-wrap {
       position: absolute;
       /*top: 0px;*/
       width: 100%;
       border: none !important;
   }
   body.header-transparent #header #header-wrap {
       background: transparent;
       box-shadow: none;	
   }
   body.header-transparent #header #header-bottom-bar {
       background: transparent;
       box-shadow: none;	
   }
   body #main.layout-border-header-top #header-inner-wrap.no-transparent,
   body.admin-bar #main.layout-border-header-top #header-inner-wrap.no-transparent {
       position: fixed;
       backface-visibility: hidden;
       width: 100%;
   }
   body #main.layout-border-header-top #header-inner-wrap.no-transparent {
       top: 0px;
       width:100%;
   }
   body.admin-bar #main.layout-border-header-top #header-inner-wrap.no-transparent {
       top: 32px;
   }
   #header-inner-wrap.transparent {
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       -moz-opacity: 1;
       -khtml-opacity: 1;
       opacity: 1;
   }
   #header-inner-wrap {
       position: relative;
   }
   #header-inner-wrap.background--dark.transparent #navigation,
   #header-inner-wrap.background--dark.transparent #navigation-left-side,
   #header-inner-wrap.background--dark.transparent #navigation-right-side,
   #header-inner-wrap.background--dark.transparent .header-search-controls .search-button,
   #header-inner-wrap.background--dark.transparent .header-cart-controls  i.font-icon,
   #header-inner-wrap.background--dark.transparent .menu-controls i.font-icon,
   #header-inner-wrap.background--dark.transparent .menu-controls {
       color: #f5f5f5;
   }
   .single_portfolio_info_close.background--dark .font-icon,
   #portfolio-title-nav-bottom-wrap  .background--dark{
       color: #f5f5f5;
   }
   #header-inner-wrap.background--light.transparent #navigation,
   #header-inner-wrap.background--light.transparent #navigation-left-side,
   #header-inner-wrap.background--light.transparent #navigation-right-side,
   #header-inner-wrap.background--light.transparent .header-search-controls .search-button,
   #header-inner-wrap.background--light.transparent .header-cart-controls  i.font-icon,
   #header-inner-wrap.background--light.transparent .menu-controls i.font-icon,
   #header-inner-wrap.background--light.transparent .menu-controls  {
       color: #333;
   }
   .single_portfolio_info_close.background--light .font-icon,
   #portfolio-title-nav-bottom-wrap .background--light{
       color: #333;
   }
   /*#header-inner-wrap.background--dark.transparent .sliderbar-menu-controller .menu-icon,*/
   #header-inner-wrap.background--dark.transparent .be-mobile-menu-icon,
   #header-inner-wrap.background--dark.transparent .be-mobile-menu-icon span,
   #portfolio-title-nav-bottom-wrap  .background--dark .home-grid-icon span{
       background-color: #f5f5f5;
   }
   /*#header-inner-wrap.background--light.transparent .sliderbar-menu-controller .menu-icon,*/
   #header-inner-wrap.background--light.transparent .be-mobile-menu-icon,
   #header-inner-wrap.background--light.transparent .be-mobile-menu-icon span,
   #portfolio-title-nav-bottom-wrap  .background--light .home-grid-icon span {
       background-color: #333;
   }
   
   /* Old Logo Code */
   
   /*body.header-transparent .logo img,
   body .logo img.sticky-logo {
       display: none;
   }
   body #header-inner-wrap.no-transparent.top-animate .logo img.sticky-logo {
       display: block;
   }
   body #header-inner-wrap.no-transparent.top-animate .logo img.normal-logo {
       display: none;
   }
   body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.normal-logo,
   body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.sticky-logo,
   body.header-transparent #header-inner-wrap .logo img.transparent-logo {
       display: block;
   }
   body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.transparent-logo,
   body.header-transparent #header-inner-wrap.no-transparent.top-animate .logo img.normal-logo {
       display: none;
   }
   .light-scheme-logo {
       display: none !important;
   }
   body.header-transparent #header-inner-wrap.background--dark.transparent .logo img.light-scheme-logo {
       display: block !important;
   }
   body.header-transparent #header-inner-wrap.background--dark.transparent .logo img.dark-scheme-logo {
       display: none !important;
   }*/
   
   .logo img {
       display: block;
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translateY(-50%) translateX(-50%);
       opacity: 0;
       visibility: hidden;
   }
   
   /* Normal Logo */
   /* .logo .normal-logo {
       position: relative;
       top: 0;
       left: 0;
       transform: translateY(0) translateX(0); 
   } */
   
   /*Sticky Logo*/
   .top-animate .logo .sticky-logo {
       position: relative;
       top: 0;
       left: 0;
       transform: translateY(0) translateX(0);
       visibility: visible;
       opacity: 1;
       transition : opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
   }
   /* .top-animate .logo img:not(.sticky-logo) {
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translateY(-50%) translateX(-50%);
       opacity: 0;
   } */
   
   /*Semi transparent and Transparent Logo*/
   #header-inner-wrap.transparent:not( .no-transparent ).background--dark .logo .light-scheme-logo,
   #header-inner-wrap.semi-transparent:not( .no-transparent ).background--dark .logo .light-scheme-logo  {
       position: relative;
       top: 0;
       left: 0;
       transform: translateY(0) translateX(0);
       visibility: visible;
       opacity: 1;
       transition : opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
   }
   
   /* #header-inner-wrap.transparent:not( .no-transparent ).background--dark .logo img:not( .light-scheme-logo ),
   #header-inner-wrap.semi-transparent:not( .no-transparent ).background--dark .logo img:not( .light-scheme-logo ){
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translateY(-50%) translateX(-50%);
       opacity: 0;
   } */
   
   #header-inner-wrap.transparent:not( .no-transparent ).background--light .logo .dark-scheme-logo,
   #header-inner-wrap.semi-transparent:not( .no-transparent ).background--light .logo .dark-scheme-logo {
       position: relative;
       top: 0;
       left: 0;
       transform: translateY(0) translateX(0);
       opacity: 1;
       visibility: visible;
       transition : opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
   }
   
   body:not( .side-menu-opened ) #header-inner-wrap:not( .transparent ):not( .top-animate ) .logo .normal-logo,
   body:not( .side-menu-opened ) #header-inner-wrap.transparent:not( .background--dark ):not( .background--light ):not( .top-animate ) .logo .normal-logo {
       position: relative;
       top: 0;
       left: 0;
       transform: translateY(0) translateX(0);
       opacity: 1;
       visibility: visible;
       transition : opacity 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
   }
   /* #header-inner-wrap.transparent:not( .no-transparent ).background--light .logo img:not( .dark-scheme-logo ),
   #header-inner-wrap.semi-transparent:not( .no-transparent ).background--light .logo img:not( .dark-scheme-logo ){
       position: absolute;
       left: 50%;
       top: 50%;
       transform: translateY(-50%) translateX(-50%);
       opacity: 0;
   } */
   
   
   
   /************************************************
    Sticky Header
    ************************************************/
   #header {
       position: relative;
       z-index: 10;
   }
   .be-sticky-sections #header {
    z-index: 99;
   }
   #header-inner-wrap.top-animate #navigation, 
   #header-inner-wrap.top-animate .header-controls, 
   #header-inner-wrap.top-animate .social-media-icons-mid-header,
   #header-inner-wrap.stuck #navigation, 
   #header-inner-wrap.stuck .header-controls, 
   #header-inner-wrap.stuck .social-media-icons-mid-header {
       line-height: 70px;
       -webkit-transition: line-height 0.5s ease;
       -moz-transition: line-height 0.5s ease;
       -ms-transition: line-height 0.5s ease;
       -o-transition: line-height 0.5s ease;
       transition: line-height 0.5s ease;
   }
   /*******************************
    Menu
   *******************************/
   
   #navigation a,
   #navigation-right-side a,
   #navigation-left-side a {
       position: relative;
       color: inherit;
       padding: 0px 20px;
       display: inline-block;
       line-height: initial;
   }
   #navigation ul li,
   #navigation-right-side ul li,
   #navigation-left-side ul li {
       float: left;
       display: inline-block;
       position: relative;
       margin-bottom: 0;
       line-height: inherit;
   }
   #navigation .sub-menu,
   #navigation .children,
   #navigation-right-side .sub-menu,
   #navigation-right-side .children,
   #navigation-left-side .sub-menu,
   #navigation-left-side .children {
       position: absolute;
       width: 200px;
       display: none; 
       z-index: 12;
       top: 100%;
       line-height: 32px;
       padding: 10px 0;
       margin-top: 1px;
   }
   #navigation .sub-menu .sub-menu,
   #navigation .children .children,
   #navigation-right-side .sub-menu .sub-menu,
   #navigation-right-side .children .children,
   #navigation-left-side .sub-menu .sub-menu,
   #navigation-left-side .children .children {
       left: 100%;
       top: -10px;
       margin-left: 0;
   }
   
   #navigation ul .sub-menu li,
   #navigation ul .children li,
   #navigation-right-side ul .sub-menu li,
   #navigation-right-side ul .children li,
   #navigation-left-side ul .sub-menu li,
   #navigation-left-side ul .children li {
       display: block;
       float: none;
       text-align: left;
   }
   #navigation ul .sub-menu li a,
   #navigation ul .children li a,
   #navigation-right-side ul .sub-menu li a,
   #navigation-right-side ul .children li a,
   #navigation-left-side ul .sub-menu li a,
   #navigation-left-side ul .children li a {
       display: block;
       padding: 5px 20px;
       line-height: inherit;
   }
   .menu-controls i.font-icon {
       font-size: 21px;
       /*color: #7e7e7e;*/
       cursor: pointer;
       display: inline-block;
       zoom: 1;
       padding: 0px;
       line-height: normal;
   }
   .exclusive-mobile-bg .menu-controls{
       font: initial;	
         /*display:inline;*/
         padding: 10px 10px;
    }
   .menu-controls i.font-icon:before {
       position: relative;
       top: 2px;
   }
   .top-overlay-menu #navigation,
   .top-overlay-menu #navigation-right-side,
   .top-overlay-menu #navigation-left-side{
       display: none;
   }
   body.menu-animate-fall #navigation ul li,
   body.menu-animate-fall #navigation-right-side ul li,
   body.menu-animate-fall #navigation-left-side ul li {
       -webkit-transition: -webkit-transform 400ms ease, opacity 400ms ease;
       -moz-transition: -moz-transform 400ms ease, opacity 400ms ease;
       -o-transition: -o-transform 400ms ease, opacity 400ms ease;
       transition: transform 400ms ease, opacity 400ms ease;
       transform: translateY(-60%);
       -ms-transform: translateY(-60%);
       -moz-transform: translateY(-60%);
       -webkit-transform: translateY(-60%);
       -o-transform: translateY(-60%);
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       -moz-opacity: 0;
       -khtml-opacity: 0;
       opacity: 0;
   }
   body.menu-animate-fall #navigation ul li ul li,
   body.menu-animate-fall #navigation-right-side ul li ul li,
   body.menu-animate-fall #navigation-left-side ul li ul li,
   body.menu-animate-fall-active #navigation ul li,
   body.menu-animate-fall-active #navigation-right-side ul li,
   body.menu-animate-fall-active #navigation-left-side ul li  {
       transform: initial;
       -ms-transform: initial;
       -moz-transform: initial;
       -webkit-transform: initial;
       -o-transform: initial;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       -moz-opacity: 1;
       -khtml-opacity: 1;
       opacity: 1;
   }
   /************************************************
    Left Header
    ************************************************/
   .left-header #header-top-bar,
   .left-header #header-wrap,
   .left-header #header-bottom-bar,
    #left-header-mobile{
       display: none;
   }
   .left-header .sliderbar-menu-controller .icon-menu{
       display:none;
   }
   .left-header.left-sliding #main-wrapper {
       margin-left: 70px;
       -webkit-transition: all 400ms ease;
       -moz-transition: all 400ms ease;
       -o-transition: all 400ms ease;
       transition: all 400ms ease;
       overflow-x: hidden;
   }
   .left-header .layout-box-left{
       display: none;
   }
   .left-header.left-static .layout-box-left{
       display: block;
   }
   .top-header.top-right-sliding-menu.slider-bar-opened  #main.layout-border{
       padding-right: 0px;
   }
   .left-header.left-sliding.left-overlay-menu.slider-bar-opened #main-wrapper.hidden-strip #main.layout-border{
       /*padding-left: 30px;*/
   }
   .left-header.left-static #main-wrapper{
       margin-left: 280px;
   }
   .left-header.left-static.be-themes-layout-layout-border #main-wrapper{
       margin-left: 310px;
   }
   .left-header .left-strip-wrapper{
       width: 71px;
       position: fixed;
       height: 100%;
       background-color: #000;
       z-index: 12;
   }
   .left-header #sb-left-strip{
       position: relative;
       height: 100%;
   }
   
   .left-header #sb-left-strip .leftside-menu-controller{
       position: absolute;
       bottom: 40px;
       font-size: 30px;	
       width: 100%;
       text-align: center;
   }
   .admin-bar.left-header #sb-left-strip .leftside-menu-controller{
       bottom: 72px;
   }
   .left-header #sb-left-strip #logo-strip-bar{
       top: 40px;
       position: absolute;
       width: 100%;
       text-align: center;
   }
   .sb-slidebar .menu ul {
       list-style: none;
       margin-bottom: 0px;
       display: block;
       padding: 0px;
       margin-top: 0px;
   }
   .sb-slidebar .menu ul li {
       margin-bottom: 0px;
   }
   .sb-slidebar .menu ul li {
       display: block;
       position: relative;
   }
   #slidebar-menu {
       /*z-index: 100;*/
   }
   .sb-slidebar-content .menu {
       margin-bottom: 50px;
       text-align: center;
       padding: 40px 0;
   }
   /*.left-header .sb-slidebar-content .menu,
   .top-overlay-menu .sb-slidebar-content .menu{
       padding: 40px 0;
   }*/
   .top-overlay-menu .sb-slidebar-content .menu,
   .left-overlay-menu .sb-slidebar-content .menu{
       border: none;
   }
   #slidebar-menu .sub-menu {
       display: none;
   }
   #slidebar-menu a {
       cursor: pointer;
       color: inherit;
       display: inline-block;
       line-height: inherit;
   }
   .sb-left #slidebar-menu a {
       color: inherit;
       position: relative;
   }
   .sb-slidebar .widget_text {
       text-align: center;
       padding: 0px 14px;
       margin-bottom: 10px;
   }
   #navigation .mobile-sub-menu-controller,
   #navigation-left-side .mobile-sub-menu-controller,
   #navigation-right-side .mobile-sub-menu-controller {
       display: none;
   }
   #slidebar-menu .mobile-sub-menu-controller {
       width: 50px;
       top: 0px;
       cursor: pointer;
       font-size: 13px;
        -webkit-transition: all 0.5s;    
       -moz-transition: all 0.5s;    
       -o-transition: all 0.5s;    
       -ms-transition: all 0.5s;    
       transition: all 0.5s;  
       text-align: center;
       vertical-align: middle;
       position: absolute;
       color: inherit !important;
   }
   #slidebar-menu .mobile-sub-menu-controller.isClicked{
       -webkit-transform: rotate(45deg) scale(1.5,1.5);
       -moz-transform: rotate(45deg) scale(1.5,1.5);
       -ms-transform: rotate(45deg) scale(1.5,1.5);
       -o-transform: rotate(45deg) scale(1.5,1.5);
       transform: rotate(45deg) scale(1.5,1.5);
   }
   .top-overlay-menu #slidebar-menu li,
   .left-overlay-menu #slidebar-menu li{
       opacity: 0;
       -webkit-transform: translateY(30%);
       -moz-transform: translateY(30%);
       -ms-transform: translateY(30%);
       -o-transform: translateY(30%);
       transform: translateY(30%);
       transition: all 0.4s;
   }
   .top-overlay-menu #slidebar-menu li.menu-loaded,
   .left-overlay-menu #slidebar-menu li.menu-loaded{
       opacity: 1;
       -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
       -ms-transform: translateY(0%);
       -o-transform: translateY(0%);
       transform: translateY(0%);
   }
   #slidebar-menu .menu-item .sub-menu li{
       opacity: 1 !important;
       transform: translateY(0%) !important;
   }
   .overlay-menu-close {
       position: absolute;
       z-index: 15;
       font-size: 30px !important;
       /*top: -20px;*/
       margin-top: 8px;
       right: 25px;
       top:25px;
       cursor: pointer;
       /*margin: 60px 0px;*/
   }
   .overlay-menu-close:before {
       display: inline-block;
       /*vertical-align: middle;*/
       -webkit-transition: -webkit-transform 400ms ease;
       -moz-transition: -moz-transform 400ms ease;
       -o-transition: -o-transform 400ms ease;
       transition: transform 400ms ease;
   }
   .overlay-menu-close:hover:before {
       -webkit-transform: rotate(90deg) ;
       -moz-transform: rotate(90deg) ;
       -ms-transform: rotate(90deg) ;
       -o-transform: rotate(90deg) ;
       /*filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=6);*/
   }
   /*.sb-slidebar .menu ul:after {
       content: ' ';
       display: block;
       line-height: 50px;
       height: 20px;
       width: 100%;
   }*/
   .sb-left .display-table {
       height: 100%;
   }
   /*body.be-themes-layout-layout-border .overlay-menu-close.show,
   body.be-themes-layout-layout-border-header-top .overlay-menu-close.show {
       right: 40px !important;
   }*/
   .sb-slidebar.sb-left .overlay-menu-close,
   .sb-slidebar.sb-right .overlay-menu-close {
       display: none !important;
   }
   body.top-overlay-menu .sb-slidebar.sb-left .overlay-menu-close,
   body.top-overlay-menu .sb-slidebar.sb-right .overlay-menu-close,
   body.left-overlay-menu .sb-slidebar.sb-left .overlay-menu-close,
   body.left-overlay-menu .sb-slidebar.sb-right .overlay-menu-close {
       display: inline-block !important;
   }
   /************************************************
    Mobile Menu
    ************************************************/
   .mobile-menu {
       display: none;
   }
   #mobile-menu, 
   #mobile-menu ul {
       list-style: none;
       margin-bottom: 0px;
       margin-top: 0px;
       padding: 0px; 
       text-align: left;
   }
   #mobile-menu ul.sub-menu {
       padding: 0px 0px 15px 0px;
       display: none;
   }
   #mobile-menu li {
       margin-bottom: 0px;
       position: relative;
       padding: 0px 0px 0px 20px;
       border-bottom: 1px solid transparent;
   }
   #mobile-menu .sub-menu li{
       border: none;
       padding-right: 0px;
   }
   #mobile-menu a {
       color: inherit;
       padding-right: 5px;
       display: inline-block;
       cursor: pointer;
   }
   #mobile-menu .mobile-sub-menu-controller {
       width: 50px;
       cursor: pointer;
       font-size: 13px;
       float: right;
       -webkit-transition: all 0.5s;    
       -moz-transition: all 0.5s;    
       -o-transition: all 0.5s;    
       -ms-transition: all 0.5s;    
       transition: all 0.5s;  
       text-align: center;
   }
   
   #mobile-menu .mobile-sub-menu-controller.isClicked{
       -webkit-transform: rotate(90deg);
       -moz-transform: rotate(90deg);
       -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
       transform: rotate(90deg);
   }
   .mobile-nav-controller-wrap {
       display: none;
   }
   .mobile-nav-controller-wrap .menu-controls {
       margin-left: 0px;
       margin-right:0px;
   }
   #logo-sidebar {
       text-align: center;
       line-height: normal !important;
       margin: 40px 0px;
   }
   /*.top-overlay-menu #logo-sidebar,
   .left-overlay-menu #logo-sidebar{
       margin: 60px 0px;
   }*/
   
   /*******************************
           SIDEBAR MENU
   *******************************/
   #main {
       position: relative;
   }
   .sb-slidebar {
       position: fixed;
       width: 280px;
       z-index: 12;
       height: 100%;
       overflow: auto;
   }
   .top-header.be-themes-layout-layout-border-header-top .sb-slidebar {
       z-index: 10 !important;
   }
   .left-overlay-menu .sb-slidebar,
   .top-overlay-menu .sb-slidebar {
       width: 100%;
       z-index: 14;
   }
   /*Left Static Sidebar*/
   .left-header.left-static .sb-slidebar.sb-left {
       left: 0px;
   }
   .left-header.left-static.be-themes-layout-layout-border .sb-slidebar.sb-left {
       left: 30px;
   }
   /*Right Sliding Sidebar*/
   .sb-slidebar.sb-right {
       right: -280px;
       -webkit-transition: right 400ms ease;
       -moz-transition: right 400ms ease;
       -o-transition: right 400ms ease;
       transition: right 400ms ease;
   }
   body.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right,
   body.be-themes-layout-layout-border .sb-slidebar.sb-right {
       right: -250px;
   }
   .sb-slidebar.sb-right.opened {
       right: 0px;
   }
   .be-themes-layout-layout-border-header-top .sb-slidebar.sb-right.opened,
   .be-themes-layout-layout-border .sb-slidebar.sb-right.opened {
       right: 30px;
   }
   body #main {
       -webkit-transition: right 400ms ease;
       -moz-transition: right 400ms ease;
       -o-transition: right 400ms ease;
       transition: right 400ms ease;
       position: relative;
       right: 0px;
   }
   body.top-header:not(.top-overlay-menu).slider-bar-opened #main,
   body.top-header:not(.top-overlay-menu).slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate {
       right: 280px;
       left: auto;
   }
   body.be-themes-layout-layout-border-header-top.top-header:not(.top-overlay-menu).slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate,
   body.be-themes-layout-layout-border.top-header:not(.top-overlay-menu).slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate {
       right: 310px;
   }
   body.top-header.slider-bar-opened.top-overlay-menu #main {
       right: 0px;
   }
   /*Left Sliding Sidebar - open*/
   .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left.opened {
       left: 0;
   }
   /*Left Strip close transform*/
   html.csstransforms .left-strip-wrapper {
       -webkit-transition: -webkit-transform 200ms linear;
       -moz-transition: -moz-transform 200ms linear;
       -o-transition: -o-transform 200ms linear;
       transition: transform 200ms linear;    
       -webkit-transition-delay: 0ms;
       -moz-transition-delay: 0ms;
       -o-transition-delay: 0ms;
       transition-delay: 0ms;
   }
   html.csstransforms .left-strip-wrapper.hide {
       -webkit-transform: translatex(-70px);
       -moz-transform: translatex(-70px);
       -ms-transform: translatex(-70px);
       -o-transform: translatex(-70px);
       transform: translatex(-70px);
       -webkit-transition-delay: 100ms;
       -moz-transition-delay: 100ms;
       -o-transition-delay: 100ms;
       transition-delay: 100ms;
   }
   html.no-csstransforms .left-strip-wrapper {
       -webkit-transition: left 200ms linear;
       -moz-transition: left 200ms linear;
       -o-transition: left 200ms linear;
       transition: left 200ms linear;
       left: 0px;
   }
   html.no-csstransforms .left-strip-wrapper.hide {
       left: -80px;
   }
   /*Left Sliding and Right Sliding sidebar open transform*/
   html.csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left {
       -webkit-transform: translatex(-280px);
       -moz-transform: translatex(-280px);
       -ms-transform: translatex(-280px);
       -o-transform: translatex(-280px);
       transform: translatex(-280px);
       -webkit-transition: -webkit-transform 400ms linear;
       -moz-transition: -moz-transform 400ms linear;
       -o-transition: -o-transform 400ms linear;
       transition: transform 400ms linear;
   }
   html.csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left.opened {
       -webkit-transform: translatex(0px);
       -moz-transform: translatex(0px);
       -ms-transform: translatex(0px);
       -o-transform: translatex(0px);
       transform: translatex(0px);	
   }
   html.no-csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left {
       left: -280px;
       -webkit-transition: left 400ms linear;
       -moz-transition: left 400ms linear;
       -o-transition: left 400ms linear;
       transition: left 400ms linear;
   }
   html.no-csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left.opened {
       left: 0px;
   }
   /*#Main transform on left Slidebar open */
   html.csstransforms .left-header.left-sliding.left-bar-menu #main {
       -webkit-transition: -webkit-transform 300ms linear;
       -moz-transition: -moz-transform 300ms linear;
       -o-transition: -o-transform 300ms linear;
       transition: transform 300ms linear;
       -webkit-transition-delay: 0ms;
       -moz-transition-delay: 0ms;
       -o-transition-delay: 0ms;
       transition-delay: 0ms;
   }
   html.csstransforms body.left-header.left-bar-menu.slider-bar-opened #main {
       -webkit-transition: -webkit-transform 300ms linear;
       -moz-transition: -moz-transform 300ms linear;
       -o-transition: -o-transform 300ms linear;
       transition: transform 300ms linear;
       -webkit-transform: translatex(210px);
       -moz-transform: translatex(210px);
       -ms-transform: translatex(210px);
       -o-transform: translatex(210px);
       transform: translatex(210px);
       -webkit-transition-delay: 100ms;
       -moz-transition-delay: 100ms;
       -o-transition-delay: 100ms;
       transition-delay: 100ms;
   }
   html.no-csstransforms .left-header.left-sliding.left-bar-menu #main {
       -webkit-transition: right 300ms linear;
       -moz-transition: right 300ms linear;
       -o-transition: right 300ms linear;
       transition: right 300ms linear;
       -webkit-transition-delay: 0ms;
       -moz-transition-delay: 0ms;
       -o-transition-delay: 0ms;
       transition-delay: 0ms;
   }
   html.no-csstransforms body.left-header.left-bar-menu.slider-bar-opened #main {
       -webkit-transition: right 300ms linear;
       -moz-transition: right 300ms linear;
       -o-transition: right 300ms linear;
       transition: right 300ms linear;
       -webkit-transition-delay: 100ms;
       -moz-transition-delay: 100ms;
       -o-transition-delay: 100ms;
       transition-delay: 100ms;
   }
   html.no-csstransforms body.left-header.left-bar-menu.slider-bar-opened #main {
       right: -200px;
   }
   
   .top-overlay-menu .sb-slidebar,
   .left-overlay-menu .sb-slidebar{
       /*opacity: 0;*/
       right: 0px !important;
       transition: all 0.6s;
       transform: translateY(-100%);
       -webkit-transform: translateY(-100%);
       -moz-transform: translateY(-100%);
       -ms-transform: translateY(-100%);
       -o-transform: translateY(-100%);
   }
   .top-overlay-menu .sb-slidebar.opened,
   .left-overlay-menu .sb-slidebar.opened{
       /*opacity: 1;*/
       right: 0px !important;
       transform: translateY(0%);
       -webkit-transform: translateY(0%);
       -moz-transform: translateY(0%);
       -ms-transform: translateY(0%);
       -o-transform: translateY(0%);
   }
   /*Left and Top overlay Menu - hidden*/
   /*.left-header.left-sliding.left-overlay-menu .sb-slidebar.sb-left,
   .top-header.top-overlay-menu .sb-slidebar.sb-right {
       display: none;
       right: 0px !important;
   }*/
   
   /*Left and Top overlay Menu - open*/
   .left-header.left-sliding.left-overlay-menu .sb-slidebar.sb-left.opened .display-table,
   .top-header.top-overlay-menu .sb-slidebar.sb-right.opened .display-table {
       display: table;
       height: 100%;
   }
   /*Left and Top overlay Menu - open*/
   .left-header.left-sliding.left-overlay-menu .sb-slidebar .sb-slidebar-content,
   .top-header.top-overlay-menu .sb-slidebar.sb-right .sb-slidebar-content {
       display: table-cell;
       vertical-align: middle;
   }
   /*No #Main transform on Top Overlay menu open*/
   html.csstransforms body.top-header.top-overlay-menu.slider-bar-opened #main {
       -webkit-transform: initial;
       -moz-transform: initial;
       -ms-transform: initial;
       -o-transform: initial;
       transform: initial;
   }
   body.left-header.left-sliding.left-overlay-menu.slider-bar-opened #main-wrapper {
       /*margin-left: 0px;*/
   }
   /*.left-header.left-sliding.left-overlay-menu .sb-slidebar {
       -webkit-transition: -webkit-transform 400ms ease;
       -moz-transition: -moz-transform 400ms ease;
       -o-transition: -o-transform 400ms ease;
       transition: transform 400ms ease;
   }*/
   html.no-csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left {
       -webkit-transition: left 400ms ease;
       -moz-transition: left 400ms ease;
       -o-transition: left 400ms ease;
       transition: left 400ms ease;
   }
   html.csstransforms .left-header.left-sliding.left-bar-menu .sb-slidebar.sb-left{
       left: 0px;
   }
   html.csstransforms .left-header.left-static .sb-slidebar.sb-left {
       -webkit-transform: none;
       -moz-transform: none;
       -ms-transform: none;
       -o-transform: none;
       transform: none;
   }
   /**************************
   CODYDROPS MOBILE MENU
   ***************************/
   .mobile-nav-controller {
       display: inline-block;
   }
   .be-mobile-menu-icon {
     /* this span is the central line of the menu icon */
     display: inline-block;
     position: relative;
     -webkit-transform: translateX(0%) translateY(-50%);
     -moz-transform: translateX(0%) translateY(-50%);
     -ms-transform: translateX(0%) translateY(-50%);
     -o-transform: translateX(0%) translateY(-50%);
     transform: translateX(0%) translateY(-50%);
     width: 18px;
     height: 2px;
     top: -4px;
     -webkit-transition: background-color 0.3s;
     -moz-transition: background-color 0.3s;
     transition: background-color 0.3s;
     visibility: hidden;
     /* these are the upper and lower lines in the menu icon */
   }
   
   .be-mobile-menu-icon .hamburger-line-1{
     top: -5px;
   }
   .be-mobile-menu-icon::after,
   .be-mobile-menu-icon .hamburger-line-3{
     top: 5px;
   }
   .be-mobile-menu-icon.is-clicked {
     background-color: rgba(255, 255, 255, 0) !important;
   }
   .be-mobile-menu-icon.is-clicked::before,
   .be-mobile-menu-icon.is-clicked .hamburger-line-1{
     top: 0;
     -webkit-transform: rotate(-45deg);
     -moz-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
     transform: rotate(-45deg);
   }
   .be-mobile-menu-icon.is-clicked::after,
   .be-mobile-menu-icon.is-clicked .hamburger-line-3 {
     top: 0;
     -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
   }
   /*moved to header.css*/
   /**************************
       Blank Page Template
   ***************************/
   
   body.page-template-page-blank #header-wrap,
   body.page-template-page-blank #header-bottom-bar,
   body.page-template-page-blank.left-header .sb-slidebar,
   body.page-template-page-blank.left-header .left-strip-wrapper,
   body.page-template-page-blank #footer-wrap,
   body.page-template-page-blank.left-header #leftheadermobile{
           display: none !important;
       }
   
   body.page-template-page-blank.left-header.left-sliding #main-wrapper,
   body.page-template-page-blank.left-header.left-static #main-wrapper{
       margin-left: 0px !important;
   }
   
   .be-password-protect-wrap {
       padding: 150px 0;
   }
   
   /* ======================
       Page Title
      ====================== */
   
   .page-title-module-custom {
       padding:30px 0;
   }
   .header-breadcrumb {
       font-size: 11px;
   }
   .header-breadcrumb .breadcrumbs a {
       color: inherit;
   }
   .be-fixed-footer .page-title-module-custom {
       z-index: 2;
       position : relative;
   }
   
   /************************************
       Gallery Slider Information Box 
   *************************************/
   
   .gallery-slider-wrap  {
      position: fixed;
      width: 100%;
      height: 100%;
      background: #fff;
      top: 0px;
      left: -100%;
      z-index: 15;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      -webkit-transition: left 0.3s ease-in, opacity 0.3s ease-in;
      -moz-transition: left 0.3s ease-in, opacity 0.3s ease-in;
      -o-transition: left 0.3s ease-in, opacity 0.3s ease-in;
      -ms-transition: left 0.3s ease-in, opacity 0.3s ease-in;
      transition: left 0.3s ease-in, opacity 0.3s ease-in;
   }
   a.no-link {
      cursor: default;
   }
   .overflow-hidden {
      overflow: hidden !important;
   }
   .gallery-slider-content,
   #gallery-container-wrap,
   #gallery-container {
      position: relative;
      width: 100%;
      height: 100%;
   }
   #gallery-container-wrap{
       height: 100vh;
   }
   #gallery-container {
      width: 100%;
      float: left;
   }
   
   /*.gallery-all-container.normal-scroll #gallery-container {
      cursor: move;
      cursor: -webkit-grab;
   }*/
   
   #gallery-container-wrap {
      overflow-x: hidden;
      overflow-y: hidden;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      transition: opacity 1s ease;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
   }
   #gallery-container {
      white-space: nowrap !important;
      word-wrap: normal;
      font-size: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      padding-right: 0px !important;
   }
   #gallery-container .placeholder {
      width: 100%;
      height: 100%;
      display: inline-block;
      zoom: 1;
      text-align: center;
      position: relative;
   }
   #gallery-container .placeholder img {
      display: inline-block;
      height: auto;
      width: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      -moz-opacity: 0;
      -khtml-opacity: 0;
      opacity: 0;
      display: none;
      -webkit-transition: opacity 0.5s ease-in;
      -moz-transition: opacity 0.5s ease-in;
      -o-transition: opacity 0.5s ease-in;
      -ms-transition: opacity 0.5s ease-in;
      transition: opacity 0.5s ease-in;
   }
   #gallery-container .placeholder.style1_placehloder {
      width: auto;
      position: relative;
      vertical-align: top;
      height: 100%;
      height: 100% !important;
   }
   #gallery-container .placeholder.style1_placehloder img {
      height: 100%;
      max-width: none;
   }
   #gallery-container .placeholder.center,
   #gallery-container .placeholder.style2_placehloder {
      vertical-align: top;
      overflow: hidden !important;
   }
   #gallery-container .placeholder.center .fluid-width-video-wrapper iframe{
      width: 100%!important;
   }
   .single-page-lightbox-content {
      height: 100% !important;
      overflow: auto !important;
   }
   #gallery-container .placeholder.center.style4_placehloder {
      display: block;
      overflow: hidden;
   }
   #gallery-container .placeholder.center.style4_placehloder a.slider-img-wrap {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0px;
   }
   .portfolio-item-overlay,
   .overlay_placeholder {
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0px;
      left: 0px;
      background: #000;
      background: rgba(0, 0, 0, 0.85);
      z-index: 1;
   }
   .placeholder .fluid-width-video-wrapper {
      display: inline-block !important;
      vertical-align: top !important;
      padding: 0px !important;
      margin: 0px !important;
      height: 100% !important;
   }
    .placeholder.style1_placehloder  .fluid-width-video-wrapper {
      position: absolute;
      top: 0;
      left: 0;
    } 
   .fluid-width-video-wrapper {
      width: 100%;
      position: relative;
      padding: 0;
   }
   .fluid-width-video-wrapper, .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
      max-width: 100%;
   }
   .placeholder .fluid-width-video-wrapper iframe.gallery {
      position: relative !important;
      height: 100% !important;
   }
   #gallery-container .placeholder:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px;
   }
   #gallery-container .placeholder.center img {
      -webkit-backface-visibility: hidden;
      position: absolute;
      left: 0px;
      top: 0px;
      width: 100%;
      display: block;
      max-width: none;
      max-height: none;
   }
   
   .gallery-all-container.resized .arrow_prev, 
   .gallery-all-container.resized .arrow_next{
   /*.gallery-all-container.resized .single_portfolio_info_close {*/
      display: none !important;
   }
   
   .arrow_prev,
   .arrow_next {
      position: absolute;
      top: 50%;
      cursor: pointer;
      z-index: 10;
      margin-top: -50px;
      /*background: #000;*/
      /*background: rgba(0, 0, 0, 0.2);*/
      font-size: 30px;
      text-align: center;
      /*display: none;*/
   }
   .single_portfolio_info_close { 
    position: absolute;
    line-height: 40px;
    width: 40px;
    font-size: 20px;
    height: 40px;
    text-align: center;
   }
   .arrow_prev {
      left: 0px;
   }
   .arrow_next {
      right: 0px;
   }
   .style1-arrow .arrow_prev,
   .style2-arrow .arrow_prev,
   .style1-arrow .arrow_next,
   .style2-arrow .arrow_next {
      height: 100px;
      line-height: 100px;
      width: 60px;
   }
   .style3-arrow .arrow_prev,
   .style4-arrow .arrow_prev,
   .style3-arrow .arrow_next,
   .style4-arrow .arrow_next {
      height: 40px;
      line-height: 40px;
      width: 40px;
   }
   .style5-arrow .arrow_prev,
   .style6-arrow .arrow_prev,
   .style5-arrow .arrow_next,
   .style6-arrow .arrow_next {
      height: 50px;
      line-height: 50px;
      width: 50px;
      border-radius: 50%;
   }
   .style2-arrow .arrow_prev,
   .style4-arrow .arrow_prev{
      border-left: none !important;
   }
   .style2-arrow .arrow_next,
   .style4-arrow .arrow_next{
      border-right: none !important;
   } 
   .style5-arrow .arrow_prev,
   .style6-arrow .arrow_prev{
      left:15px;
   }
   .style5-arrow .arrow_next,
   .style6-arrow .arrow_next{
      right:15px;
   }
   .arrow_next .font-icon, 
   .arrow_prev .font-icon, 
   .single_portfolio_close .font-icon, 
   .single_portfolio_info_close .font-icon, 
   .single_portfolio_back .font-icon {
      display: inline-block;
      text-align: center;
      line-height: inherit;
      -webkit-user-select: none;
   }
   
   .gallery_content {
       position: absolute;
       top: 0px;
       width: 480px;
       background: #fff;
       word-break: break-word;
       z-index: 11;
       height: 100%;
       right: -480px;
       -webkit-transition: right 0.3s ease;
       -moz-transition: right 0.3s ease;
       -o-transition: right 0.3s ease;
       -ms-transition: right 0.3s ease;
       transition: right 0.3s ease;
       box-sizing: border-box;
   }
   .normal-scroll .attachment-details-custom-slider {
       display: block !important;
       opacity: 1 !important;
   }
   .normal-scroll.gallery-all-container .arrow_prev,
   .normal-scroll.gallery-all-container .arrow_next {
       display: none !important;
   }
   .gallery_content.show {
       right: 0px;
   }
   .single_portfolio_info_close {
       left: -40px;
       top: 40px;
       z-index: 12;
   }
   .single_portfolio_info_close .font-icon {
       border-radius: 0px;
       border: 0px;
       font-size: inherit;
   }
   .single_portfolio_close {
       right: 40px;
       top: 60px;
   }
   .single_portfolio_close .font-icon {
       font-size: 16px;
   }
   
   .post-title.gallery-title {
       font-size: 16px;
       text-transform: uppercase;
       color: #000;
       letter-spacing: 2px;
       margin-bottom: 15px;
   }
   .gallery_scrollable_content {
       margin-bottom: 50px;
   }
   .gallery_scrollable_content a.more-link,
   .single-portfolio a.more-link {
       display: none !important;
   }
   
   .gallery_content_area .post-header i {
       margin-right: 20px;
   }
   .gallery_content_area .post-header li {
       margin-bottom: 10px;
   }
   .gallery_content_area,
   .gallery_content_area_wrap {
       height: 100%;
       max-height: 100%;
   }
   .tatsu-frame .gallery_content_area,
   .tatsu-frame .fixed-sidebar-content-inner {
       overflow: scroll !important;
   }
   .gallery_content_area_wrap {
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       padding: 70px 50px;
   }
   .gallery_content_slide{
       width: 400px;
       padding: 0px 30px;
   }
   .show-title .attachment-details-custom-slider,
   .show-title .overlay_placeholder {
       opacity: 0 !important;
   }
   .attachment-details-custom-slider {
       position: absolute;
       bottom: 0px;
       left: 0px;
       word-break: break-word;
       white-space: normal;
       word-wrap: normal;
       background: #000;
       display: none;
       padding: 0px 20px;
       color: #a2a2a2;
   }
   .attachment-details-custom-slider a,
   .attachment-details-custom-slider a:hover,
   .attachment-details-custom-slider a:active,
   .attachment-details-custom-slider a:visited {
       color: inherit;
       font-size: inherit;
       display: block;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       padding: 10px 0px;
       text-align: left;
   }
   .attachment-details-custom-slider a.cat-list,
   .attachment-details-custom-slider span {
       color: inherit;
       font-size: 13px;
       line-height: 20px;
       display: inline-block;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       padding: 0px 2px 12px 2px;
       text-align: left;
   }
   .gallery_content .be-section-pad {
       padding: 0 !important;
   }
   
   .single_portfolio_info_close {
       left: -40px;
       bottom: 5px;
       top: auto;
   }
   .gallery-all-container {
       position: relative !important;
       overflow: hidden;
   }
   
   /**************************
       Portfolio Page Title
   ***************************/
   
   #portfolio-title-nav-bottom-wrap h6, 
   #portfolio-title-nav-bottom-wrap ul a, 
   .single_portfolio_info_close .font-icon,
   .slider-counts{
       -webkit-transition: all 0.3s ease;    
       -moz-transition: all 0.3s ease;    
       -o-transition: all 0.3s ease;    
       -ms-transition: all 0.3s ease;    
       transition: all 0.3s ease;    
   }
   .home-grid-icon{
       width:18px;
       display: inline-block;
   }
   
   .home-grid-icon span{
       background: #000;
       float: left;
       height: 4px;
       width: 4px;
       margin-bottom: 1px;
       margin-left: 1px;
       -webkit-transition: all 0.5s ease;    
       -moz-transition: all 0.5s ease;    
       -o-transition: all 0.5s ease;    
       -ms-transition: all 0.5s ease;    
       transition: all 0.5s ease;    
   }
   
   .home-grid-icon.four-filled span,
   .home-grid-icon.four-hollow span,
   .home-grid-icon.six-filled span,
   .home-grid-icon.six-hollow span,
   .home-grid-icon.nine-filled span,
   .home-grid-icon.nine-hollow span {
       margin-bottom: 2px;
       margin-left: 2px;	
   }
   
   .home-grid-icon.four-filled,
   .home-grid-icon.four-hollow {
       width: 20px;
       display: table-cell;
   }
   .home-grid-icon.six-filled,
   .home-grid-icon.six-hollow,
   .home-grid-icon.nine-filled,
   .home-grid-icon.nine-hollow {
       width: 24px;
       display: table-cell;
   }
   .home-grid-icon.four-filled span,
   .home-grid-icon.four-hollow span {
       width: 6px;
       height: 6px;
   }
   .home-grid-icon.six-filled span,
   .home-grid-icon.nine-filled span {
       width: 5px;
       height: 5px;
   }
   .home-grid-icon.six-hollow span,
   .home-grid-icon.nine-hollow span {
       width: 4px;
       height: 4px;
   }
   
   .home-grid-icon span:nth-child(1){
       -webkit-transition-delay: 50ms;
       -moz-transition-delay: 50ms;
       -o-transition-delay: 50ms;
       transition-delay : 50ms;
   }
   .home-grid-icon span:nth-child(2){
       -webkit-transition-delay: 80ms;
       -moz-transition-delay: 80ms;
       -o-transition-delay: 80ms;
       transition-delay : 80ms;
   }
   .home-grid-icon span:nth-child(3){
       -webkit-transition-delay: 100ms;
       -moz-transition-delay: 100ms;
       -o-transition-delay: 100ms;
       transition-delay : 100ms;
   }
   .home-grid-icon span:nth-child(4){
       -webkit-transition-delay: 120ms;
       -moz-transition-delay: 120ms;
       -o-transition-delay: 120ms;
       transition-delay : 120ms;
   }
   .home-grid-icon span:nth-child(5){
       -webkit-transition-delay: 150ms;
       -moz-transition-delay: 150ms;
       -o-transition-delay: 150ms;
       transition-delay : 150ms;
   }
   .home-grid-icon span:nth-child(6){
       -webkit-transition-delay: 180ms;
       -moz-transition-delay: 180ms;
       -o-transition-delay: 180ms;
       transition-delay : 180ms;
   }
   .home-grid-icon span:nth-child(7){
       -webkit-transition-delay: 210ms;
       -moz-transition-delay: 210ms;
       -o-transition-delay: 210ms;
       transition-delay : 210ms;
   }
   .home-grid-icon span:nth-child(8){
       -webkit-transition-delay: 240ms;
       -moz-transition-delay: 240ms;
       -o-transition-delay: 240ms;
       transition-delay : 240ms;
   }
   .home-grid-icon span:nth-child(9){
       -webkit-transition-delay: 270ms;
       -moz-transition-delay: 270ms;
       -o-transition-delay: 270ms;
       transition-delay : 270ms;
   }
   .single_portfolio_info_close  {
       -webkit-transition: all 0.3s ease;    
       -moz-transition: all 0.3s ease;    
       -o-transition: all 0.3s ease;    
       -ms-transition: all 0.3s ease;    
       transition: all 0.3s ease;
   }
   #portfolio-title-nav-wrap .home-grid-icon{
       display: block;	
   }
   #portfolio-title-nav-wrap{
       padding: 15px 0px;
       border-top: none !important;
       border-right: none !important;
       border-left: none !important;
   }
   #portfolio-title-nav-wrap{
       position: relative;
   }
   h6.portfolio-title-nav{
       text-align: center;
       margin-bottom: 0px;
   }
   #portfolio-title-nav-wrap.style3 h6.portfolio-title-nav{
       text-align: left;
   }
   #portfolio-title-nav-wrap .portfolio-nav{
       position: absolute;
       right: 30px;
       top: 50%;
       margin: -15px 0px 0px 0px;
       line-height: normal;
       width: 117px;
       padding: 0px;
       text-align: right;
   }
   #portfolio-title-nav-wrap .be-wrap .portfolio-nav{
       right: 0px;
   }
   #portfolio-title-nav-wrap .portfolio-nav li{
       display: inline-block;
       padding-right: 15px;
       font-size: 17px;
       line-height: 33px;
   }
   #portfolio-title-nav-wrap .portfolio-nav li.home-grid-wrapper{
       margin-bottom: 2px;
       padding-right: 12px;
   }
   #portfolio-title-nav-wrap .portfolio-nav li:last-child{
       padding-right: 0px;
   }
   #portfolio-title-nav-wrap .portfolio-nav a{
       text-decoration: none;
   }
   #portfolio-title-nav-bottom-wrap {
       position: absolute;
       bottom: 5px;
       right: 40px;
       z-index: 9;
   }
   #portfolio-title-nav-bottom-wrap ul{
       padding: 0px 10px;
   }
   #portfolio-title-nav-bottom-wrap h6, 
   #portfolio-title-nav-bottom-wrap ul{	
       display: inline-block;
       margin-bottom: 0px;
   }
   #portfolio-title-nav-bottom-wrap h6{
       line-height: 40px;
       padding: 0px 15px;
   }
   #portfolio-title-nav-bottom-wrap ul li{
       display: inline;
   }
   #portfolio-title-nav-bottom-wrap ul li a{
       color:inherit;
       display: inline-block;
       height: 40px;
       width: 40px;
       line-height: 41px;
       text-align: center;
       margin-bottom: 0px;
   }
   #portfolio-title-nav-bottom-wrap h6, 
   #portfolio-title-nav-bottom-wrap ul, 
   .single_portfolio_info_close .font-icon{
     color:  #323232;
   }
   .gallery_content .slider-counts-mobile{
       display: none;
   }
   .image-size-toggle{
       width: 40px;
       line-height: 40px;
       text-align: center;
       right: 40px;
       height: 41px;
       bottom: 0px;
   }

   /**
    * Portfolio Zoro
    */
    .ps-fade {
        transition : background 500ms cubic-bezier(.694,0,.335,1);
    }
    .ps-fade.ps-fade-initialized {
        background : #fff;
    }
    .ps-fade .flickity-viewport {
        transition: height 0.2s;
     }
    
    .ps-fade-inner {
        margin: 0 auto;
        display: flex;
        align-items: flex-start;
    }
    .ps-fade-mobile .ps-fade-inner {
        display: block;
    }
    
    .ps-fade-nav {
        width: 50%;
        padding: 100px 70px;
        flex: 0 0 auto;
        box-sizing: border-box;
        overflow: hidden;
    }
    @media only screen and ( max-width:960px ) {
        .ps-fade-nav {
            padding: 50px 50px 80px;
        }
    }
    .ps-fade-mobile .ps-fade-nav {
        width : 100%;
    }
    .ps-fade-mobile .flickity-page-dots .dot {
            width : 6px;
            height : 6px;
            margin : 0 6px;
    }
    @media only screen and (min-width : 1025px) {
        .ps-fade-nav-vert-center {
            align-self: center;
        }
        .ps-fade-nav-vert-center .ps-fade-nav-inner {
            width : 100%;
        }
    }
    .ps-fade-mobile .ps-fade-nav-item-inner::after {
        display: none;
    }
    .ps-fade-nav-align-center {
        text-align: center;
    }
    .ps-fade-nav-align-left {
        text-align : left;
    }
    .ps-fade-nav-align-right {
        text-align: right;
    }

    .ps-fade-slide-video-youtube,
    .ps-fade-slide-video-vimeo {
        display: flex;
        align-items : center;
    }
    .ps-fade-slide-video-inner {
        width: 100%;
    }
    .ps-fade-slide-video-outer {
        display : flex;
    }
    .ps-fade-gallery {
        flex: 0 0 auto;
        width: 50%;
        transition : opacity 500ms cubic-bezier(.694,0,.335,1);
        opacity: 0;
    }
    .ps-fade-mobile .ps-fade-gallery {
        width: 100%;
    }
    .ps-fade-gallery-inner {
        position: relative;
        overflow: hidden;
        height : 100vh;
    }
    @media only screen and ( max-width:960px ) {
        .ps-fade-gallery-inner {
            height: auto;
        }
    }
    
    .ps-fade-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 0;
        transition: transform .35s ease-out,opacity .35s ease-out;
        opacity: 0;
        transform: scale(1.05);
    }
    .ps-fade-mobile .ps-fade-slide {
        opacity: 1;
        transform: none;
        height: auto;
    }
    
    .ps-fade-slide-img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 0;
        transition : opacity 0.3s;
    }
    .ps-fade-mobile .ps-fade-slide-img {
        height: auto;
    }
    .ps-fade-slide-img.ps-fade-slide-img-lazyloaded {
        opacity: 1;
    }
    
    .ps-fade-nav-inner {
        padding: 0;
        margin: 0;
        list-style-type: none;
        position: relative;
    }
    
    .ps-fade-nav-item-inner {
        font-size: 60px;
        line-height: 1.3em;
        transition : color 0.5s cubic-bezier(.694,0,.335,1), font-weight 0.4s ease;
        display: inline-block;
        position: relative;
    }
    
    .ps-fade-nav-item-inner::after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        height: 4px;
        transform: scaleX(0);
        transform-origin: left center;
        background-color: currentColor;
        transition: transform 0.5s cubic-bezier(.694,0,.335,1);
    }
    
    .ps-fade-nav-item-inner.is-active:after {
        transform: scale(1);
    }
    
    .ps-fade-slide.is-active {
        z-index: 1;
        opacity: 1;
        transform: scale(1);
    }
    .ps-fade-nav-item {
        transition : opacity 500ms cubic-bezier(.694,0,.335,1);
        opacity: 0;
    }
    .ps-fade-mobile .ps-fade-nav-item {
        width : 100%;
        text-align: center;
    }

    .ps-fade-initialized .ps-fade-nav-item,
    .ps-fade-initialized .ps-fade-gallery {
        opacity: 1;
    }

    .ps-fade-slide-video video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    /**
     * Zoro template style 2
     */
    .ps-fade-horizontal {
        visibility: hidden;
    }
    .ps-fade-horizontal-initialized {
        visibility: visible;
    }
    .ps-fade-horizontal-nav-item-inner {
        white-space: nowrap;
        font-size: 80px;
        font-weight: 600;
        color: transparent;
        -webkit-text-stroke: 1px #fff;
        opacity: 0;
        transform: translate3d(0, 50%, 0);
        transition: transform 0.3s linear, opacity 0.3s linear, color 0.3s linear;
        display: inline-block;
    }
    .ps-fade-horizontal-initialized .ps-fade-horizontal-nav-item-inner {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }

    .ps-fade-horizontal-nav-item-inner.is-active {
        color: #fff;
    }

    .ps-fade-horizontal-inner {
        position: relative;
    }
    
    .ps-fade-horizontal-nav {
        padding: 0;
        margin: 0;
        list-style-type: none;
        height: 100%;
        z-index: 2;
        position: relative;
        overflow: hidden;
    }
    
    .ps-fade-horizontal-gallery {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        height: 100%;
        overflow: hidden;
        background: #0f1010;
        transition : opacity 0.5s linear;
    }
    .ps-fade-horizontal-initialized .ps-fade-horizontal-gallery {
        opacity: 1;
    }

    .ps-fade-horizontal-gallery::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background: rgba(0,0,0,0.25);
        z-index: 1;
    }
    
    li.ps-fade-horizontal-nav-item {
        height: 100%;
        align-items: center;
        display: inline-flex;
        padding: 0 60px;
        margin: 0;
    }
    
    .ps-fade-horizontal-gallery-inner {
        margin: 0 0 0 auto;
        height: 100%;
        position: relative;
        overflow: hidden;
    }
    @media only screen and (max-width : 767px){
        .ps-fade-horizontal-nav-item-inner {
            font-size: 40px;
        }
        li.ps-fade-horizontal-nav-item {
            padding : 0 20px;
        }
    }
        
    .ps-fade-horizontal-initialized .ps-fade-horizontal-nav-item-inner:hover {
        color: transparent;
    }
    .ps-fade-horizontal-nav-item-inner.is-active:hover {
        color: #fff;
    }
   
   /* ======================
       Footer
      ====================== */
   #footer {
       position: relative;
   }
   #footer.layout-border {
       position: relative;
   }
   #footer-wrap{
       padding: 25px 0;
   }
   #footer-wrap .footer-left-area{
       padding-left: 30px;
   }
   #footer-wrap .footer-right-area{
       padding-right: 30px;
   }
   #footer-wrap.be-wrap .footer-left-area{
       padding-left: 0px;
   }
   #footer-wrap.be-wrap .footer-right-area{
       padding-right: 0px;
   }
   #footer-wrap.style1 {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
   }
   #footer-wrap.style1 .footer-left-area{
       text-align: left;
       -webkit-box-flex: 1;
           -ms-flex: 1 1 33.33%;
               flex: 1 1 33.33%;
   }
   #footer-wrap.style1 .footer-right-area{
       text-align: right;
       -webkit-box-flex: 1;
           -ms-flex: 1 1 33.33%;
               flex: 1 1 33.33%;
   }
   #footer-wrap.style1 .footer-center-area{
       -webkit-box-flex: 0;
           -ms-flex: 0 0 auto;
               flex: 0 0 auto;
       padding: 0 30px;
   }
   #footer .footer-border{
       display: block;
   }
   /*Style 2 Footer*/
   #footer-wrap.style2 .footer-left-area, 
   #footer-wrap.style2 .footer-center-area, 
   #footer-wrap.style2 .footer-right-area {
       float: none;
       display: block;
       height: auto;
       position: static;
       margin-top: 0;	
   }
   #footer-wrap.style2 .footer-content-inner-left,
   #footer-wrap.style2 .footer-content-inner-right,
   #footer-wrap.style2 .footer-content-inner-center{
       margin: 20px 0;
       text-align: center;
       padding-left: 0px;
       padding-right: 0px;
       width: 100%;
       height: auto;
       line-height: 30px;
   }
   
   #footer-wrap .font-icon{
       margin-bottom: 0px;
       margin-right: 0px;
   }
   #footer-wrap a{
       margin-right: 10px;
   }
   #footer-wrap a:last-child{
       margin-right: 0px;	
   }
   ul#footer-menu{
       display: inline-block;
       margin-bottom: 0px;
   }
   ul#footer-menu li{
       display: inline;
       list-style: none;
   }
   ul#footer-menu li a{
       color: inherit;
   }
   #footer-menu > li:after{
       content: " | ";
   } 
   #footer-menu > li:last-child:after{
       content: "";
   } 
   #footer-wrap.style2 .tatsu-module {
       margin-bottom: 0px;
   }
   #footer .tatsu-icon-shortcode {
       margin-bottom: 0;
   }
   
   /*** fixed footer ***/
   #be-fixed-footer-wrap {
       position: fixed;
       visibility: hidden;
       bottom: 0;
       left : 0;
       width: 100%;
       z-index: 1;
   }
   
   .be-fixed-footer #hero-section{
       background : white;
   }
   
   /* ======================
       Blog Layout
      ====================== */
   .post-meta {
       float: left;
   }
   .post-meta a {
       color: inherit;
   }
   .post-title a {
       /*color: inherit !important;*/
       display: inline-block;
   }
   .post-nav {
       font-size: 12px;
   }
   .post-nav ul li {
       margin-bottom: 0;
   }
   .post-nav .post-meta-sep {
       margin: 0 7px;
   }
   .style7-blog .post-meta-sep {
       margin: 0 3px;
   }
   .pagination_parent.style7-blog{
       text-align: center;
   }
   .pagination a, .pagination span, .pages_list a {
       width: 48px;
       height: 35px;
       line-height: 35px;
       text-align: center;
       margin: 0 12px 0px 0px;
       display: inline-block;
   }
   .portfolio.full-screen.full-screen-gutter .pagination {
       text-align: center;
   }
   .pagination a:last-child, .pagination span:last-child {
       margin-right: 0px;
   }
   .pages_list a { 
       width: auto;
       padding: 0px 10px;
   }
   embed {
       max-width: 100%;
   }
   .single-post #content {
       padding-bottom: 50px;
   }
   .single-post .owl-dots {
       display: none !important;
   }
   .single-page-atts {
       padding: 0 0 10px;
       margin-bottom: 30px;
       border-bottom: 1px solid #efefef;
   }
   .single-page-atts h6,
   .single-page-atts .tagcloud {
       float: left;
   }
   .single-page-atts .tagcloud a {
       margin-bottom: 0px;
       line-height: 1;
       padding: 5px 12px;
       color: inherit;
       border: 1px solid;
       border-radius:30px;
       font-size:12px;
       margin-right:10px;
   }
   .single-page-atts .share-links a {
       line-height: 32px;
       display: block;
       float: left;
       padding: 0px 3px;
       color: inherit;
       font-size:12px;
   }
   
   .single-post-share {
       float: right;
   }
   .single-post-tags {
       float: left;
   }
   
   .single-post .project_navigation {
       margin-top: 50px;
   }
   #single-author-info {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
       padding-bottom:25px;
       border-bottom: 1px solid #efefef;
       margin-bottom: 30px;
   }
   #single-author-img img {
       max-width: initial;
       border-radius: 50%;
   }
   #single-author-details {
       -ms-flex-preferred-size: 70%;
           flex-basis: 70%;
       -ms-flex-negative:1;
           flex-shrink:1;
       margin-left:20px;
   }
   #single-author-details h6 {
       line-height: 1.2;
   }
   #single-author-details p{
       margin-bottom: 0;
   }
   .post-excerpt{
       margin-bottom: 35px;
   } 
   .hide-excerpt .post-bottom-details {
       display: none;
   }
   .post-thumb img{
       width: 100% !important;
       height: auto !important;
   }
   .post-thumb.style-2{
       float: left;
       width: 300px;
       margin-right: 20px;
   }
   .no-thumb .post-header {
       margin-bottom: 15px;
   }
   .post-date-wrap {
       width: 52px;
       text-align: center;
       text-transform: uppercase !important;
       padding: 8px;
       border: 2px solid;
       border-color: inherit;
       position: absolute;
       top: 0px;
       left: 0px;
       font-family: inherit !important;
       line-height: inherit !important;
       font-size: 16px !important;
       margin-bottom: 0px !important;
   }
   .post-title-section-wrap {
       margin-bottom: 30px;
       position: relative;
       min-height: 72px;
   }
   .style3-blog .post-title-section-wrap {
       margin-bottom: 20px;
   }
   .post-title-section {
       position: relative;
       width: 100%;
       box-sizing: border-box;
       padding-left: 104px;
   }
   .blog-separator .separator {
       margin-top: 35px;
       margin-bottom: 0px !important;
       width: 100%;
       display: block;
       height: 3px;
   }
   
   hr {
       margin-bottom: 50px;
   }
   .post-tags {
       margin-bottom: 40px;
   }
   .article-details {
       padding: 30px 0px;
   }
   .single-post .article-details {
       padding-bottom: 0;
   }
   .style3-blog .article-details{
       padding: 30px 30px;
   }
   .blog-post.format-quote .article-details,
   .blog-post.format-link .article-details {
       padding: 30px 30px 0px 30px;
   }
   .element.blog-post {
       width: 100%;
   }
   .blog-post.format-quote .post-top-details .post-nav,
   .blog-post.format-link .post-top-details .post-nav {
       margin-bottom: 20px;
   }
   .blog-post.format-quote .post-top-details .post-meta.post-comments,
   .blog-post.format-link .post-top-details .post-meta.post-comments {
       display: none;
   }
   .blog-post.format-quote .post-date-wrap,
   .blog-post.format-link .post-date-wrap {
       border: none;
       font-size: 75px !important;
       padding: 0px;
       width: 100px;
       text-align: left;
       color: inherit;
   }
   .style3-blog .blog-post.format-quote .post-date-wrap,
   .style3-blog .blog-post.format-link .post-date-wrap {
       font-size: 60px !important;
       width: 60px;
   }
   .style3-blog .blog-post.format-quote .post-title-section,
   .style3-blog .blog-post.format-link .post-title-section {
       padding-left: 70px;
   }
   .post-custom-meta {
       font-size: 13px;
   }
   .style1-blog .blog-post.format-quote .element-inner,
   .style1-blog .blog-post.format-link .element-inner,
   .style2-blog .blog-post.format-quote .element-inner,
   .style2-blog .blog-post.format-link .element-inner,
   .style2-blog .blog-post .post-content-wrap,
   .style5-blog .blog-post.format-quote .element-inner,
   .style5-blog .blog-post.format-link .element-inner,
   .style6-blog .blog-post.format-quote .element-inner,
   .style6-blog .blog-post.format-link .element-inner {
       margin-bottom: 30px;
   }
   .style1-blog .article-details,
   .style5-blog .article-details,
   .style6-blog .article-details {
       padding: 30px 0px 0px 0px;
   }
   .style2-blog .post-nav,
   .style3-blog .post-nav,
   .style5-blog .post-nav,
   .style6-blog .post-nav {
       margin-bottom: 20px !important;
   }
   .style3-blog .blog-post.element .element-inner {
       background: #fff;
   }
   .style2-blog .more-link,
   .style3-blog .more-link,
   .style8-blog .more-link,
   .style9-blog .more-link {
       display: none;
   }
   .style3-blog .fluid-width-video-wrapper,
    .post-thumb p {
       margin-bottom: 0px !important;
   }
   .portfolio-container.style3-blog .thumb-bg {
       display: none;
   }
   .style6-blog .special-subtitle.post-date {
       margin-bottom: 10px;
   }
   .style6-blog .special-subtitle.post-date a {
       color: inherit;
   }
   .single-post .post-details {
       margin-bottom: 20px;
   }
   /*Center Align Title and Meta in Blog and Single Post page*/
   .style7-blog .post-content-wrap .post-header,
   .style7-blog .post-content-wrap .post-top-details { 
       text-align: center; 
   }
   .style7-blog .post-content-wrap .post-category{
       margin-bottom: 3px;
       float:none;
   }
   /*Center Align Content in Blog page*/
   .blog .style7-blog .post-content { 
       text-align: center;
       margin: 0 auto; 
       max-width: 780px; 
   }
   .style7-blog .post-category{
       float:none;
       text-align: center;
   }
   .style7-blog .post-nav { 
       display: inline-block; 
       margin-bottom: 12px
   }
   body.blog #content.style7-blog-content .pagination{
       text-align: center;
   }

    .special-subtitle , 
    .style1.thumb-title-wrap .portfolio-item-cats {
       letter-spacing: 0;
    }
   
   /******************************
       Blog Style2
   ******************************/
   .style2-blog .post-thumb {
       width: 40%;
       margin-right: 5%;
       float: left;
   }
   .style2-blog .article-details {
       width: 55%;
       float: left;
       padding: 0px;
   }
   .style2-blog .format-quote .article-details,
   .style2-blog .format-link .article-details{
       width: 100%;
   }
   .single-post .style2-blog .post-thumb,
   .single-post .style2-blog .article-details {
       float: none;
       margin-right: 0px;
       width: auto;
   }
   .single-post .style2-blog .post-thumb {
       margin-bottom: 30px;
   }
   /******************************
       Blog Style3
   ******************************/
   .style3-blog .blog-separator .separator {
       margin-top:60px;
       margin-bottom: 65px;
   }
   .blog-post.element {
       margin-bottom: 65px;
   }
   .single-post .blog-post.element {
       margin-bottom: 0;
   }
   .single-post .style3-blog .blog-post.element {
       margin-bottom:50px;
   }
   .style3-blog .format-quote .post-content-wrap, 
   .style3-blog .format-link .post-content-wrap {
       margin-bottom: 0;
   }
   .blog .element .post-content p {
       margin-bottom: 20px;
   }
   /******************************
       Blog Style4
   ******************************/
   .style4-blog .blog-post {
       background: #fff;
       width: 100%;
   }
   .style4-blog .article-details {
       padding: 40px;
   }
   .single-post .style4-blog .post-details, 
   .style4-blog .post-content p:last-child {
       margin-bottom: 0;
   }
   .style4-blog .blog-post.element {
       margin-bottom: 50px;
   }
   /******************************
       Blog Style7
   ******************************/
   .style7-blog .blog-separator .separator {
       height: 1px;
   }
   /******************************
       Blog Style 8
   ******************************/
   
   .style8-blog.portfolio-container,
   .style8-blog .element,
   .style8-blog .element-inner,
   .style9-blog.portfolio-container,
   .style9-blog .element,
   .style9-blog .element-inner{
       overflow: visible;
   }
   .style8-blog .post-thumb-wrap,
   .style9-blog .post-thumb-wrap{
       position :relative;	
       overflow : hidden;
   }
   .style8-blog .thumb-wrap,
   .style9-blog .thumb-wrap{
       width: 100%;
       height: 100%;
       overflow: visible;
   }
   .style8-blog .post-thumb-wrap img{
       position: absolute;
       max-width : 100%;
       height : auto;
   }
   
   body:not( .single-post ) .style8-blog .element-inner,
   body:not( .single-post ) .style9-blog .element-inner{
       box-shadow: 0px 3px 10px rgba(0, 0, 0, .12);
       overflow : hidden;
       position: relative;
   }
   .style8-blog .post-comment-icon {
       display: inline-block;
       line-height: 0;
       vertical-align: middle;
   }
   .style8-blog .post-share-wrap{
       line-height : 0;
   }
   .style8-blog .be-image-post .post-content-outer-wrap {
       position: relative;
       width: 100%;
   }
   .style8-blog .be-image-post .post-details-wrap, .style8-blog .be-image-post .post-thumb-wrap-overlay {
       pointer-events: none;
   }
   .style8-blog .be-image-post .post-category a, 
   .style8-blog .be-image-post .post-title, 
   .style8-blog .be-image-post .post-comment-wrap a, 
   .style8-blog .be-image-post .be-share-stack-mask {
       pointer-events: all;
   }
   .style8-blog .be-image-post .post-thumb {
       position: absolute;
       width: 100%;
       height : 100%;
   }
   .style8-blog .be-image-post .post-thumb-wrap-overlay,
   .style9-blog .post-thumb-wrap-overlay{
       z-index:1;
       position: absolute;
       width:100%;
       height:100%;
       left:0;
       top:0;
       background:rgba(0,0,0,0.4);
   }
   .style8-blog .post-content-wrap {
       text-align: left;
   }
   .style8-blog .post-thumb-wrap{
       background: rgb(238, 238, 238);
   }
   
   .style8-blog .be-image-post .post-details-wrap {
       position: relative;
       z-index: 2;
       height: 100%;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
       padding: 0;
       -webkit-box-sizing: border-box;
               box-sizing: border-box;
       top : 0;
       -webkit-box-pack: justify;
           -ms-flex-pack: justify;
               justify-content: space-between;
   }
   .style8-blog .be-image-post .post-category-wrap,
   .style8-blog .be-image-post .post-bottom-meta-wrap {
       padding:20px;
   }
   .style8-blog .be-image-post .post-top-meta-wrap {
       padding:60px 40px;
   }
   
   .style8-blog .post-category-wrap,
   .style9-blog .post-category-wrap {
       text-transform: capitalize;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
           flex-wrap: wrap;
       margin-bottom : -10px;
   }
   .style8-blog .post-category-wrap a,
   .style9-blog .post-category-wrap a {
       display: inline-block;
       padding: 0px 15px;
       border-radius: 50px;
       transition : background-color 0.5s ease, border-color 0.5s ease;
       margin : 0 5px 10px 0;
   
   }
   .style8-blog .post-date,
   .style9-blog .post-date {
       margin-bottom: 5px;
   }
   .style8-blog .post-meta,
   .style9-blog .post-meta{
       float: none;
   }
   .style8-blog .post-bottom-meta-wrap,
   .style9-blog .post-bottom-meta-wrap {
       display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
       -webkit-box-pack: justify;
           -ms-flex-pack: justify;
               justify-content: space-between;
       position: relative;
   }
   .style8-blog .post-author-wrap {
       display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
   }
   .style8-blog .post-author-img {
       width: 35px;
       height: 35px;
       border-radius: 50%;
       margin-right: 10px;
       overflow : hidden;
   }
   .style8-blog .post-author-img img{
       width : 100%;
       height : auto;
   }
   .style8-blog .post-comment-share-wrap {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
       -webkit-box-pack: justify;
           -ms-flex-pack: justify;
               justify-content: space-between;
   }
   .style8-blog .post-comment-wrap {
       margin-right:10px;
   }
   .style8-blog .post-comment-icon {
       font-size: 12px;
   }
   
   .single-post .style8-blog .blog-post.element {
       margin-bottom:50px;
   }
   
   a.be-share-trigger , 
   a.be-share-trigger-placeholder,
   a.be-share-trigger:hover , 
   a.be-share-trigger-placeholder:hover {
    color: inherit;
    font-size: 12px;
   }
   .be-image-post .be-share-stack-mask .be-share-trigger{
       transition: color 0.5s;
   }
   .be-image-post .be-share-stack-mask:hover .be-share-trigger{
       color : #222;
   }
   .style8-blog .post-category a {
       border: 1px solid;
   }
   .style8-blog .format-standard .post-thumb-wrap:before,
   .single .style8-blog .format-image .post-thumb-wrap:before {
       content: '';
       position: absolute;
       width: 100%;
       pointer-events: none;
       height: 100%;
       background: linear-gradient(to bottom,transparent 50%,rgba(0, 0, 0, 0.20) 100%);
       z-index: 2;
   }
   
   .style8-blog .post-content p:last-child,
   .style8-blog .post-content p:nth-last-child(2){
       margin-bottom: 0px;
   }
   .style8-blog .post-bottom-meta-wrap:before {
       content: '';
       position: absolute;
       height: 1px;
       background: rgba(255,255,255,0.2);
       top: 0px;
       left: -40px;
   }
   .style8-blog .be-image-post .post-bottom-meta-wrap:before{
       width: calc(100% + 80px);
   }
   .style8-blog .post-comment-wrap a{
       color : inherit;
   }
   
   .style8-blog .be-image-post .post-date,
   .style8-blog .be-image-post .post-title,
   .style8-blog .be-image-post .post-content,
   .style8-blog .be-image-post .post-bottom-meta-wrap{
       color: white !important;
   }
   .style8-blog .element:not(.be-image-post) .post-category-wrap {
       position : absolute;
       bottom :20px;
       width: 100%;
       padding-left: 20px;
       -webkit-box-sizing: border-box;
               box-sizing: border-box;
       -ms-flex-line-pack: stretch;
           align-content: stretch;
       -webkit-box-align: end;
           -ms-flex-align: end;
               align-items: flex-end;
       pointer-events: none;
       z-index: 3;
   }
   .style8-blog .element:not( .be-image-post ) .post-category-wrap a{
       pointer-events: all;
   }
   .style8-blog .element:not(.be-image-post) .post-top-meta-wrap {
       padding: 40px;
   }
   .style8-blog .element:not( .be-image-post ) .post-bottom-meta-wrap {
       padding: 15px 20px;
   }
   .style8-blog .element:not(.be-image-post) .post-bottom-meta-wrap:before {
       left: 0;
       top: 0;
       width: calc(100%);
       background: rgba(0, 0, 0, 0.09);
   }
   .style8-blog .post_format-post-format-quote	.post-content,
   .style8-blog .post_format-post-format-link	.post-content{
       padding: 40px;
       text-align: center;
   } 
   .style8-blog .post-icon-quote-wrap,
   .style8-blog .post-icon-link-wrap{
       font-size: 65px;
       margin-bottom: 10px;
       color: rgba(0,0,0,0.12);
   }
   
   .single .style8-blog .element:not(.be-image-post) .post-top-meta-wrap {
        padding: 40px 0;
    }   
   
   
   /*** single post page ***/
   .be-wide-single .hero-section-inner {
       text-align: center;
   }
   .be-wide-single .be-row.be-wrap{
       width : 70%;
   }
   .be-wide-single .hero-section-blog-categories-wrap a {
       margin-right: 10px;
   }
   
   .be-wide-single .hero-section-blog-categories-wrap a:after {
       content: ',';
   }
   
   .be-wide-single .hero-section-blog-categories-wrap a:last-child:after {
       content: '';
   }
   .be-wide-single .hero-section-blog-bottom-meta-wrap > span:after {
       content: '|';
       margin: 0 10px;
   }
   .be-wide-single .hero-section-blog-bottom-meta-wrap span:last-child:after{
       content: '';
       margin : 0;
   }
   .be-wide-single-post .post-details-wrap {
        padding: 0;
        max-width: 70%;
        margin: 0 auto;
   }
   
   .be-wide-single-post .section-overlay {
       background: rgba(0,0,0,0.5);
   }
   .hero-section-blog-title {
       margin:15px 0;
       max-width: 90%;
       margin: 0 auto;
   }
   .hero-section-blog-title h1 {
        max-width: 80%;
        margin: 10px auto;
    }
   /******************************
       Blog Style 9
   ******************************/
   
   .style9-blog .element .post-details-wrap{
       position: absolute;
       top: 0;
       background: transparent;
       width: 100%;
       height: 100%;
       display: flex;
       flex-direction: column;
       justify-content: flex-end;
   }
   .style9-blog .post-category-wrap a{
     border: 1px solid #fff;
   }
   .style9-blog .post-meta-wrap,
   .style9-blog .post-title{
       color : white;
   }
   .style9-blog .post-category-wrap {
       margin-bottom: 7px;
   }
   /*.blog-category {
       padding: 3px 20px;
       display: inline-block;
       margin-right: 10px;
       border-radius: 30px;
   }*/
   
   .style9-blog .post-title {
       margin-bottom: 7px;
   }
   .style9-blog .post-date {
       margin-bottom: 15px;
   }
   /******************************
       Audio Post Format
   ******************************/
   
   .mejs-container, 
   .mejs-embed, 
   .mejs-embed body,
   .mejs-container .mejs-controls {
       background: none !important;
   }
   
   .mejs-container .mejs-controls .mejs-time span {
       color: #555 !important;
   }
   .mejs-controls .mejs-time-rail .mejs-time-total,
   .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
       background: #efefef !important;
   }
   .mejs-controls .mejs-button button {
       background: none !important;
       outline: 0;
       margin: 5px 5px !important;
       height: 20px !important;
       line-height: 20px !important;
       outline: none !important;
   }
   .mejs-controls .mejs-button button:before {
       outline: none !important;
   }
   .mejs-controls .mejs-playpause-button.mejs-play button:before {
       content: "\e6ab";
       font-family: 'icomoon' !important;
       font-size: 12px;
       color: #555;
   }
   .mejs-controls .mejs-playpause-button.mejs-pause button:before {
       content: "\e7f6";
       font-family: 'icomoon' !important;
       font-size: 20px;
       color: #555;   
   }
   .mejs-controls .mejs-volume-button.mejs-mute button:before {
       content: "\e834";
       font-family: 'icomoon' !important;
       font-size: 14px;
       color: #555;   
   }
   .mejs-controls .mejs-volume-button.mejs-unmute button:before {
       content: "\e836";
       font-family: 'icomoon' !important;
       font-size: 14px;
       color: #555;   
   }
   .mejs-controls .mejs-time-rail .mejs-time-loaded {
       background: #000 !important;
   }
   
   
   /* ======================
       Comments
      ====================== */
   
   .form-submit {
       margin-bottom: 0;
   }
   
   .commentlist { 
       list-style: none; 
       padding: 0; 
       margin-bottom: 40px; 
   }
   .commentlist li.comment { 
       padding: 0; 
       margin-bottom: 0; 
   }
   article.comment {
       position: relative;
       padding: 37px 0 30px;
       border-top: 1px solid #efefef;
       margin: 0;
   }
   .commentlist li.comment:last-child article.comment {
       border-bottom:1px solid #efefef;
   }
   .vcard, .comment-content {
       float: left;
   }
   .vcard {
       width: 9%;
   }
   .comment-author-inner {
       display: inline-block;
       text-align: center;
   }
   .comment-author-inner img {
       height: auto !important;
       border-radius: 50%;
   }
   .comment-content{
       width: 80%;
       padding-left: 4%;
   }
   
   .children{
       list-style: none;
   }
   #comments-title{
       margin-bottom: 30px;
   }
   .comment {
       margin-bottom: 30px;
   }
   
   .comment-meta{
       margin-bottom: 7px;
   }
   .comment_text p{
       margin-bottom: 0;
   }
   #reply-title {
       margin-bottom: 5px;
   }
   .comment-meta h6.fn {
       margin-bottom: 0;
       line-height: 1.5;
   }
   .comment-meta time {
       font-size: 12px;
   }
   .comment-edit-reply { 
       padding:0; 
       margin:0;
       position: absolute;
       right: 0px;
       top: 37px;
   }
   .comment-edit-reply li {
       margin-bottom: 0;
   }
   
   .comment-edit-reply,.children{ list-style:none !important; }
   
   .reply {
       position: absolute;
       top:40px;
       right: 25px;
       border: 1px solid;
       border-radius: 30px;
       padding: 3px 10px;
       line-height: 1;
   }
   .reply a, .edit-link a, .edit-link a:visited {
       color: inherit;
   }
   .reply,
   li.edit-link,
   span.edit-link {
       font-size: 11px;
   }
   .comment a{
       text-decoration: none;
   }
   .avatar {
       margin-bottom: 10px;
   }
   .children{ 
       padding-left:10% ;
       margin-bottom: 0; 
   }
   .commentlist ul.children {
       margin-top: 0;
   }
   .children .vcard { 
       width:9%; 
   }
   .children .comment-content { 
       width: 80%;
       padding-left: 4%;
   }
   .form-allowed-tags{
       display: none;
   }
   
   
   
   /* ======================
       Typography
      ====================== */
   
   
   h1,h2,h3,h4,h5,h6 {
       -webkit-font-smoothing: antialiased;
       text-rendering:optimizeLegibility;
       -moz-osx-font-smoothing: grayscale;
   }
   
   h1,h2 {
       margin-bottom: 20px;
   }
   
   h3, h4 , h5 {
       margin-bottom: 15px;
   }
   
   h6 {
       margin-bottom: 10px;
   }
   p {
       margin-bottom: 30px;
   }
   p.inner-content{
       margin-left: 30px;
   }
   #content ,.post-title ,.breadcrumbs , #page-title{
       -ms-word-wrap: break-word;
       word-break: break-word;   
   }
   #content.page-split-screen-left {
       margin-left: 50%;
       min-height: 100vh;
   }
   #content.page-split-screen-right {
       width: 50%;
       min-height: 100vh;
   }
   
   blockquote {
       font-style: italic;
       margin-bottom: 30px;
       position: relative;
       padding-left: 90px;
       min-height: 60px;
   }
   blockquote p:last-child{
       margin-bottom: 0;
   }
   blockquote:before {
       content: "\e621";
       font-family: 'icomoon' !important;
       speak: none;
       font-style: normal;
       font-weight: normal;
       font-variant: normal;
       text-transform: none;
       line-height: 1;
       -webkit-font-smoothing: antialiased;
       -moz-osx-font-smoothing: grayscale;
       position: absolute;
       top: 0px;
       left: 0px;
       font-size: 80px;
       z-index: -1;
       color: #dfdfdf;
       line-height: 60px;
   }
   
   /*------- Anchor ----------- */
   
   
   a, a:visited , a:hover{
       text-decoration: none;
   
   }
   .sidebar-widgets .widget ul li a {
       color: inherit;
   }
   
   /*------- Lists ----------- */
   
   
   ul,ol{
       padding-left: 1.3em;
       line-height: inherit;
       margin: 0px 0px 20px;
   }
   ul{ list-style: disc; }
   ol{ list-style: decimal; }
   ul li,ol li{
       margin-bottom: 10px;
   }
   ul ul, ol ol, li ul, li ol {
       margin-top: 10px;
   }
   
   dd { margin: 0 0 20px; line-height: inherit; }
   dt { line-height: inherit; }
   nav ul, nav ol { list-style: none !important; list-style-image: none; margin: 0; padding: 0; }
   .widget ul{
       margin-bottom: 0;
   }
   .widget ul li:last-child{
       margin-bottom: 0 !important;
       padding-bottom: 0;
       border: none;
   }
   
   
   
   /* ==========================================================
       Tags and classes that come with Wordpress 
      ========================================================== */ 
   
   code, pre { font-family:"Courier New", Courier, monospace; }
   cite{ font-weight:bold; }
   address {
       display: block;
       line-height:20px;
       margin: 0 0 20px;
       font-style: normal;
   }
   
   
   pre{  display: block; margin: 10px 0; padding: 10px; overflow: auto; }
   table{ border-collapse: collapse; margin-bottom:20px; }
   tr:nth-of-type(odd){  }
   th,td{ border: 1px solid #ddd; padding: 9px 20px; }
   th{ text-transform: uppercase; }
   caption{ font-size: 11px; font-style: italic; }
   sup,
   sub {
       height: 0;
       font-size: 10px;
       line-height: 1;
       position: relative;
       top: .5ex;
       vertical-align: baseline;
   }
   sup { bottom: 1ex; top:auto; }
   
   /* Wordpress default Image Alignment classes */
   
   .wp-caption{
       margin-bottom:20px;
       max-width: 100% !important;
       padding-top: 6px;
       text-align: center;
   }
   .wp-caption img{ width:auto!important; height:auto!important; max-width:98%;}
   .wp-caption img, .wp-caption img a { border: 0 none; margin: 0 !important; padding: 0; }
   .wp-caption .wp-caption-text { font-size: 11px; font-style:italic; margin: 0; padding: 4px 4px 5px;  }
   img.alignright, .wp-caption.alignright { float: right; margin: 0 0 0px 20px; }
   img.alignleft, .wp-caption.alignleft { float: left; margin: 0 20px 0px 0; }
   img.aligncenter, .wp-caption.aligncenter { display: block;  margin-right: auto; margin-left: auto; }
   img.aligncenter { margin-bottom: 10px; }
   a img.alignright { float: right; margin: 7px 0 20px 20px; }
   a img.alignleft { float: left; margin: 7px 20px 20px 0; }
   a img.aligncenter { display: block;  margin-right: auto; margin-left: auto; }
   .gallery-item img{ width:auto !important; height:auto !important;  border:none !important; max-width: 100% !important; }    
   .gallery-caption { display: block; font-style: italic; margin-bottom: 0 !important; padding: 0 4px 5px; }
   .element .post-content img {
       width: auto;     
       max-width: 100%;
       height: auto; 
   }
   
   /* WordPress built-in class for handling sticky posts */
   .sticky, .bypostauthor { }
   
   /* Images */
   img[class*="align"],
   img[class*="wp-image-"] {
       height: auto; 
   }
   
   
   
   /* ======================
       Form
      ====================== */
   
   input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
       padding: 0px;
       width: 100%;
       margin-bottom: 20px;
       border: none;
       text-indent: 10px;
       font-size: inherit;
       color: inherit ;
       font: inherit ;
       line-height: 20px;
       height:41px;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
   }
   select {
       width: 100%;
       height: 38px;
       padding: 10px;
       display: block;
       position: relative;
       border: 2px solid #eeeeee;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
   }
   .rtb-booking-form select{
       width: 100%;
   }
   select[multiple="multiple"] {
       height: 100px;
   }
   select[multiple="multiple"] option {
       height: 20px;
       line-height: 20px;
   }
   textarea{
       padding: 10px 0 0 10px;
       height: 200px;
       width: 100%;
       margin-bottom: 20px;
       font:inherit;
       overflow: auto;
       font-size: inherit;
       color: inherit ;
       font: inherit ;
       -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
       box-sizing: border-box;
       background: transparent;
   }  
   .comment-form textarea {
       height: 250px;
   }
   .comment-form textarea,
   .comment-form input[type="text"]{
       margin-bottom: 0px;
   }
   .comment-form-comment,
   .comment-form-author,
   .comment-form-email {
       margin-bottom:20px;
   }
   .rtb-booking-form textarea {
     width: 100% !important;
     max-width: none !important;
     height: 150px;
   }
   input[type="submit"], 
   .action-button .be-button,
   input[type="button"], 
   input[type="submit"], 
   input[type="reset"],
   button {
       border: none;
       cursor:pointer;
       display: inline-block;
       margin:0px 20px 10px 0;
       text-decoration: none;  
       border-radius: 3px;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       font-size: 12px;
       line-height: 12px;
       padding: 18px;
       text-transform: uppercase;
       letter-spacing: 1px;
   } 
   input[type="file"]::-webkit-file-upload-button {
       border: none;
       cursor:pointer;
       display: inline-block;
       margin:0px 20px 10px 0;
       text-decoration: none;  
       border-radius: 3px;
       -moz-border-radius: 3px;
       -webkit-border-radius: 3px;
       font-size: 12px;
       line-height: 12px;
       padding: 18px;
       text-transform: uppercase;
       letter-spacing: 1px;
   } 
   .more-link,
   .view-project-link {
       display: inline-block;
       border-bottom-width: 3px;
       border-style: solid;
       border-color: inherit;
       /*color: inherit !important;*/
       color: inherit;
       padding-bottom: 5px;
       text-transform: uppercase;
       transition: all 0.5s;
       -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
       -ms-transition: all 0.5s;
       -o-transition: all 0.5s;
   }
   .more-link.style2-button,
   .view-project-link.style2-button {
       border-color: inherit !important;
       border-width: 2px;
       border-style: solid;
       padding: 5px 15px;
       font-size: 12px;
   }
   .more-link.style3-button,
   .view-project-link.style3-button {
       border: none;
       padding: 5px 15px;
       font-size: 12px;
   }
   .view-project-link.style2-button,
   .view-project-link.style3-button {
       padding: 15px 20px;
   }
   /*** view project tail style ***/
   .style4-button.view-project-link {
       border: 0;
       position: relative;
       transition: transform 0.3s;
           transform : translateX(35%);
   
   }
   .style4-button.view-project-link::after {
       position: absolute;
       border-bottom: 2px solid;
       content: '';
       display: block;
       width: 20%;
       top: 50%;
       left: -35%;
       transition: width 0.3s, border-color 0.3s, left 0.3s;
       transform-origin: left;
       transform: translateY(-50%);
   }
   
   .style4-button.view-project-link:hover {
       transform: translate3d(50%,0,0);
   }
   
   .style4-button.view-project-link:hover::after {
       left: -50%;
       width: 35%;
   }
   /* Contact Form 7 Plugin */
   
   .wpcf7-not-valid-tip {
       display: none;
   }
   span.wpcf7-form-control-wrap {
       position: relative !important;
       display: block !important;
   }
   input[type="text"].wpcf7-not-valid , input[type="email"].wpcf7-not-valid, input[type="password"].wpcf7-not-valid, textarea.wpcf7-not-valid {
       border: 1px solid #ef8080;
       margin-bottom: 0;
   }
   
   /******* share icons stacked style *********/
   
   .be-share-stack{
     display : inline-block;
     font-size : 100%;
     position : relative;
     line-height: 0;
   }
   .be-stack-top.be-share-stack{
      padding : 5px;
      box-sizing: border-box;
   }
   .be-share-stack-mask {
       position: absolute;
       width : 100%;
       height : 100%;
       left : 0;
       z-index : 2;
       bottom : 0;
   }
   
   .be-share-stack-mask .custom-share-button {
       font-size:10px;
       left:50%;
       transform: translateX(-50%);
   }
   
   .be-stack-top .be-share-stack-mask{
       padding: 5px;
       transition : height 0.5s;
       box-sizing: border-box;
   }
   .be-image-post .be-stack-top .be-share-stack-mask{
       transition : height 0.5s, background 0.5s, border-radius 0.5s;
   }
   .be-stack-top .be-share-stack-mask:hover{
       box-shadow:  0 0 5px rgba(0,0,0,.2);
       background: white;
       border-radius : 30px;
   }
   .be-share-stack a{
      text-align : center;
      margin: 0px;
   }
   .be-share-stack .be-share-trigger-placeholder{
     z-index : 1;
     position : relative;
   }
   .be-share-stack-mask a {
     opacity : 0;
     position : absolute;
   
   }
   .be-stack-left .be-share-stack-mask a{
       left : 0;
       transition : opacity 0.3s, left 0.5s;
   }
   .be-stack-top .be-share-stack-mask a{
       bottom : 0;
       transition : opacity 0.3s, bottom 0.5s;
   }
   .be-stack-top .be-share-stack-mask .be-share-trigger{
       opacity : 1;
       bottom : 5px;
   }
   
   
   /******************************************/
   
   /* ======================
       Contact Page
      ====================== */   
   
   /* Contact Form */
   
   .contact_form .column-block{
       margin-bottom: 25px ;
   }
   .contact_form input[type="text"]{
       width: 100%;
       margin-bottom: 30px !important;
   }
   .contact_form textarea.txt_area {
       width:100%;
       margin-bottom: 20px !important;
   }
   .contact_form {
       margin-bottom: 60px;
   }
   /*.contact_form_module.contact_form input[type="text"] {
       width: 100%;
       line-height: 40px !important;
       height: 40px;
   }*/
   .contact_form_module.style2-input input[type="text"],
   .contact_form_module.style2-input textarea {
       border-top: none !important;
       border-left: none !important;
       border-right: none !important;
   }
   input[type="submit"].largebtn {
       font-size: 15px;
       line-height: 16px;
       padding: 18px 25px;
   }
   .button-shape-circular input[type="submit"].largebtn{
       padding: 18px 35px;
   }
   input[type="submit"].mediumbtn {
       font-size: 13px;
       line-height: 14px;
       padding: 15px 20px;
   }
   .button-shape-circular input[type="submit"].mediumbtn{
       padding: 15px 30px;
   }
   input[type="submit"].smallbtn {
       font-size: 11px;
       line-height: 12px;
       padding: 12px 15px;
   }
   .button-shape-circular input[type="submit"].smallbtn{
       padding: 12px 25px;
   }
   ::-webkit-input-placeholder {
      color: inherit !important;
      font: inherit !important;
   }
   /* Gmap */
   
   .gmap {
       margin-bottom: 60px;
       height: 100%;
   }
   .gmap img {
       max-width: initial !important;
   }
   
   .page-template-contact-php #content {
       padding-bottom: 50px;
   }
   .submit-fieldset {
       position: relative;
       transform-style: preserve-3d;
   }
   .contact_loader,
   .subscribe_loader {
       display: inline-block;
       width: 25px;
       height: 25px;
       position: absolute;
       display: none;
       /*top: 15px;*/
       left: 0;
       margin-left: 100px;
       /*margin-top: -7px;*/
       top:-46%;
       transform:translateY(50%);
   }
   .contact_loader .font-icon {
       width: 15px;
       height: 15px;
       border-width: 3px;
   }
   
   /* =========================================================================
                                       WIDGETS
      ========================================================================= */
   
   
   /* ======================
       Widget Areas
      ====================== */
   
   .widget{
       margin-bottom: 40px;
    }
   #bottom-widgets .widget {
       margin-bottom: 40px;
    }
   
   .sidebar-widgets .widget:last-child {
       margin-bottom: 0;
    }
   
   .widget h6 {
       margin-bottom: 10px;
    }
   
   #bottom-widgets {
       padding-top: 70px;
       padding-bottom: 70px;
       position: relative;
       z-index: 3;
    }
   #bottom-widgets .column-block {
       margin-bottom: 0;
    }
   #bottom-widgets-wrap .column-block .widget:last-child {
       margin-bottom: 0;
    }

    .sidebar-widgets h6,
    #bottom-widgets h6 {
        margin-bottom:20px;
    }
   
    .widget_media_image img {
        max-width: 100%;
        height: auto;
    }
   
   /* ===========================
       Recent Posts
      =========================== */
   
   .recent_post_container{
       list-style: none !important;
       padding: 0;
   }
   .recent_posts {
       margin-bottom: 25px;
   }
   
   .recent_post_content a {
       display: block;
       padding: 0;
   }
   
   .recent_post_img { 
       margin: 6px 10px 0 0; 
       float: left; 
   }
   .recent_post_img a {
       display: block;
       position: relative;  
   }
   .recent_post_img img { 
       display: inline-block; 
   }
   .recent-post-date {
       font-size: 10px;
       text-transform: uppercase;
       letter-spacing: 1px;
       margin-top: 5px;
       display: inline-block;
   }
   .recent-post-title {
       margin-bottom: 10px
   }
   /* ======================
       Tags 
      ====================== */
   
   .tagcloud:after {
       clear: both;
       content: ".";
       display: block;
       height: 0;
       visibility: hidden;
   }
   .tagcloud a {
       padding: 7px 15px;
       display: block;
       float: left;
       margin: 0 15px 15px 0;
       /* background-clip: padding-box;  */
       color: inherit;
       border: 1px solid; 
   }
   
   
   /* ======================
       Search
      ====================== */
   .search-submit {
       display: none !important;
   }
   .search-button{
       margin-left: -30px;
   }
   .widget .searchform {
       position: relative;
   }
   .widget .searchform .search-icon {
       position: absolute;
       top: 0px;
       right: 15px;
       line-height: 51px;
   }
   .s {
       height: 45px;
       border-radius: 3px;
       background: #fff;
       font-size: 11px;
       z-index: 1000000;
       margin-bottom: 0px;
   }
   .widget .s {
       width: 97% !important;
   }
   .not-found {
       padding-top:100px;
       padding-bottom: 100px;
       text-align: center;
   }
   .not-found-search{
       width: 350px;
       margin: 0 auto;
   }

    .error404 .searchform {
        position: relative;
    }

    .error404 .searchform i {
        position: absolute;
        top:50%;
        right: 10px;
        transform: translate(0,-50%);
    }

    .error404 .searchform input[type="text"] {
        margin-bottom: 0;
    }
   
   /* ======================
       WP Calendar
      ====================== */
   #wp-calendar {
       width: 100%;
       background: none;
       border: none;
       border-collapse: separate;
       border-spacing:0;
       line-height: 24px;
       margin-bottom: 0px;
       text-align: center;
   }
   #wp-calendar caption {
       font-size: 12px;
       font-style: normal;
       text-align: center;
       text-transform: uppercase;
   }
   #wp-calendar thead {
       font-size: 11px;
       font-weight: 700;
   }
   #wp-calendar thead  th{
       background: none;
       padding-top: 5px;
       padding-bottom: 5px;
   }
   #wp-calendar tbody,#wp-calendar tfoot  {
       font-size: 11px;
       font-weight: 700;
   }
   #wp-calendar tbody tr td,#wp-calendar thead tr th,#wp-calendar tfoot tr td{
       background: none;
       border: none;
   }
   #wp-calendar tbody tr td {
       background: none;
       border: 1px;
   }
   #wp-calendar tbody tr td.pad {
       background: none;
       border:none;
   }
   #wp-calendar tfoot tr td{
       background: none;
       padding: 5px 0px 0px;
   }
   #wp-calendar td,#wp-calendar th {
       padding: 0px;
   }
   #today a{ color:#fff; }
   #wp-calendar tfoot tr #prev{
       text-align: left;
   }
   #wp-calendar tfoot tr #next {
       text-align: right;
   }
   #wp-calendar tr a {
       display: block;
   }
   
   
   /* ==================================================
       Categories, Archives, Links, Meta, Menu, Side nav
      ================================================== */
   
   .widget_categories ul, 
   .widget_archive ul, 
   .widget_links ul,
   .widget_meta ul, 
   .widget_nav_menu ul, 
   .widget_pages ul{
       list-style: none;
       padding-left: 0;
   }
   
   .widget_categories ul li, 
   .widget_archive ul li, 
   .widget_links ul li,
   .widget_meta ul li, 
   .widget_nav_menu ul li,
   .widget_pages ul li
   {
       padding-left: 25px;
   }
   
   .widget_nav_menu .sub-menu li {
       padding-left: 10px;
   }
   
   .widget_categories ul li:before, 
   .widget_archive ul li:before, 
   .widget_links ul li:before,
   .widget_meta ul li:before, 
   .widget_nav_menu ul li:before,
   .widget_pages ul li:before {
     content: '\e732';
     font-family: "icomoon";
     display: inline-block;
     margin-left: -25px; /*same as padding-left set on li*/
     width: 25px; /*same as padding-left set on li*/
     font-size: 14px;
   }
   
   .widget_categories ul li a, 
   .widget_archive ul li a, 
   .widget_links ul li a,
   .widget_meta ul li a, 
   .widget_nav_menu ul li a,
   .widget_pages ul li a {
        left: 0;
        position: relative;
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       -webkit-transition: all 0.5s ease;
       transition: all 0.5s ease;
   }
   .widget_categories ul li a:hover, 
   .widget_archive ul li a:hover, 
   .widget_links ul li a:hover,
   .widget_meta ul li a:hover, 
   .widget_nav_menu ul li a:hover,
   .widget_pages ul li a:hover {
       left: 7px;
   }
   
   /* ======================
      Photostream Widget
      ====================== */
   .photostream ul {
       list-style: none;
       padding-left: 0;
   }
   .photostream ul li {
       margin: 0px 5px 10px 5px;
       float: left;
       width: auto;
   }
   /*.photostream ul li.last {
       margin-right: 0px;
   }*/
   .photostream ul li a {
       display: block;
       position: relative;
   }
   .photostream ul li a img {
       display: block;
       width: 70px;
       height: 70px;
   }
   .photostream_overlay {
       position: absolute;
       top: 0px;
       width: 100%;
       height: 100%;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       -moz-opacity: 0;
       -khtml-opacity: 0;
       opacity: 0;
       -webkit-backface-visibility: hidden;
       -webkit-transition: all 0.2s linear;
       -moz-transition: all 0.2s linear;
       -o-transition: all 0.2s linear;
       -ms-transition: all 0.2s linear;
       transition: all 0.2s linear;
   }
   .photostream_overlay:hover {
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
       filter: alpha(opacity=80);
       -moz-opacity: 0.8;
       -khtml-opacity: 0.8;
       opacity: 0.8;
   }
   
   
   /* ======================
      Language Switcher
      ====================== */
   
   #lang_sel a.lang_sel_sel,
   #lang_sel a.lang_sel_sel:hover,
   #lang_sel :hover > a, #lang_sel ul ul :hover > a,
   #lang_sel ul ul a, #lang_sel ul ul a:visited {
       background-color: transparent;
       color: inherit;
   }
   
   /* ======================
      Back To Top
      ====================== */
   
   #back-to-top {
       position: fixed;
       bottom: 20px;
       right: 20px;
       display: block;
       font-size: 17px;
       z-index: 99;
       display: none;
       width: 40px;
       height: 40px;
       line-height: 40px;
       text-align: center;	
   }
   
   /* ======================
      SINGLE PAGE
      ====================== */
   
   body.single-page-version .single-page-nav-wrap {
       display: block;
       height: 100%;
       position: fixed;
       bottom: 0px;
       right: 15px;
       top: 0px;
       z-index: 4;
       -webkit-transform: translatez(0);
       -moz-transform: translatez(0);
       -ms-transform: translatez(0);
       -o-transform: translatez(0);
       transform: translatez(0);
       -webkit-transform: translateZ(0);
   }
   body.be-themes-layout-layout-border-header-top.single-page-version .single-page-nav-wrap,
   body.be-themes-layout-layout-border.single-page-version .single-page-nav-wrap {
       right: 50px;
   }
   body.single-page-version.custom-gallery-page .single-page-nav-wrap {
       display: none;
   }
   body.single-page-version.slider-bar-opened .single-page-nav-wrap {
       display: none;
   }
   body.single-page-version .single-page-nav-wrap-inner {
       display: table;
       height: 100%;
       max-height: 100%;
   }
   body.single-page-version .single-page-nav-wrap-inner .sinle-page-nav-links {
       display: table-cell;
       zoom: 1;
       vertical-align: middle;
   }
   .single-page-nav-link {
       width: 8px;
       height: 8px;
       /*background: #000;*/
       border-radius: 100%;
       display: block;
       margin: 5px 0px !important;
       border: 1px solid #999;
       position: relative;
   }
   .single-page-nav-link.current-section-nav-link{
       background: #9c9c9c !important;
   }
   .header-hero-section {
       position: relative;
   }
   .be-fixed-footer .header-hero-section {
       z-index : 2;
   }
   .page-template-page-splitscreen-left .header-hero-section {
       position: fixed;
       width: 50%;
       height: 100% !important;
   }
   .left-sliding.page-template-page-splitscreen-left .header-hero-section {
       width: calc(50% - 35px);
   }
   .page-template-page-splitscreen-right .header-hero-section {
       position: fixed;
       left: 50%;
       width: 50%;
       height: 100% !important;
   }
   .left-sliding.page-template-page-splitscreen-right .header-hero-section{
       left: calc(50% + 35px);
   }
   .left-static.page-template-page-splitscreen-left .header-hero-section{
       width: calc(50% - 140px);
   }
   .left-static.page-template-page-splitscreen-right .header-hero-section {
       left: calc(50% + 140px);	
   }
   .hero-section-wrap canvas {
       position: absolute;
       top: 0px;
       left: 0px;
       width: 100%;
       height: 100%;
       z-index: 2;
   }
   .section-navigation {
       position: absolute;
       bottom: 20px;
       left: 0px;
       right: 0px;
       z-index: 5;
       color: inherit;
       text-align: center;
       font-size: 37px;
   }
   .single-page-nav-link span {
       display: block;
       position: absolute;
       right: 50px;
       top: 0px;
       background: #000;
       padding: 4px 20px;
       margin-top: -13px;
       color: #fff;
       white-space: nowrap;
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
       filter: alpha(opacity=0);
       -moz-opacity: 0;
       -khtml-opacity: 0;
       opacity: 0;
       visibility: hidden;
       -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
       -ms-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       transition: all 0.5s ease;
   }
   .single-page-nav-link:hover span {
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
       filter: alpha(opacity=100);
       -moz-opacity: 1;
       -khtml-opacity: 1;
       opacity: 1;
       visibility: visible;
       right: 30px;
   }
   .single-page-nav-link:hover span:after {
       border-top: 17px solid transparent;
       border-left: 20px solid black;
       border-bottom: 17px solid transparent;
       display: block;
       content: '';
       position: absolute;
       right: -20px;
       top: 0px;
   }
   
   .hero-section-wrap {
       display: flex;
       align-items: center;
       height: 100vh;
   }
   
   
   /**** Hero Section Arrow Bounce ****/
   
   /*
    * Animation for webkit
   */
   @-webkit-keyframes arrow-bounce {
       0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
       40% {-webkit-transform: translateY(-20px);}
       60% {-webkit-transform: translateY(-10px);}
   } 
    
   @keyframes arrow-bounce {
       0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
       40% {transform: translateY(-20px);}
       60% {transform: translateY(-10px);}
   } 
    
   /*
    * Adding the animation to our element
   */
   .section-navigation .font-icon {
       -webkit-animation: arrow-bounce 2.5s infinite;
       animation: arrow-bounce 2.5s infinite;
   }
   
   /* ---------------------------------------------- /*
    * Mouse animate icon
   /* ---------------------------------------------- */
   .mouse-icon {
     border: 2px solid #fff;
     border-radius: 16px;
     height: 40px;
     width: 24px;
     display: inline-block;
     z-index: 10;
     opacity: 0.7;
   }
   .mouse-icon .wheel {
     -webkit-animation-name: drop;
     -webkit-animation-duration: 1.25s;
     -webkit-animation-timing-function: linear;
     -webkit-animation-delay: 0s;
     -webkit-animation-iteration-count: infinite;
     -webkit-animation-play-state: running;
     -webkit-animation-name: drop;
             animation-name: drop;
     -webkit-animation-duration: 1.25s;
             animation-duration: 1.25s;
     -webkit-animation-timing-function: linear;
             animation-timing-function: linear;
     -webkit-animation-delay: 0s;
             animation-delay: 0s;
     -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite;
     -webkit-animation-play-state: running;
             animation-play-state: running;
   }
   .mouse-icon .wheel {
     position: relative;
     border-radius: 10px;
     background: #fff;
     width: 2px;
     height: 6px;
     top: 4px;
     margin-left: auto;
     margin-right: auto;
     display:block;
   }
   @-webkit-keyframes drop {
     0% {
       top: 5px;
       opacity: 0;
     }
     30% {
       top: 10px;
       opacity: 1;
     }
     100% {
       top: 25px;
       opacity: 0;
     }
   }
   @keyframes drop {
     0% {
       top: 5px;
       opacity: 0;
     }
     30% {
       top: 10px;
       opacity: 1;
     }
     100% {
       top: 25px;
       opacity: 0;
     }
   }
   
   
   .simplebar {
       position: relative;
   }
   .gallery_scrollable_content,
   .gallery_content_slide .simplebar-content {
       position: absolute;
       width: 100%;
   }
   
   a.custom-share-button {
       font-size: 12px;
       margin-right: 15px;
       transition: opacity 0.4s ease;
   }
   a.custom-share-button:hover {
       opacity:0.7;
   }
   .custom-share-button .icon-social_pinterest:before,
   .custom-share-button .icon-social_twitter:before,
   .custom-share-button .icon-social_googleplus:before {
       position: relative;
       top: 1px;
   }
   
   
   /*widget_shopping_cart_wrap to appear properly when added to left header*/
   #header-controls-left .widget_shopping_cart_wrap {
       left: 0px;
   }
   
   /*Hamburger Menu*/
   
   .hamburger-nav-controller{
       cursor: pointer;
   }
   /************************************************
        be-sidemenu
    ************************************************/
   
   .be-sidemenu {
       position: fixed;
       width: 280px;
       z-index: 15;
       height: 100vh;
   }
   .be-sidemenu .tatsu-module, 
   .be-sidemenu .oshine-module {
       margin-bottom: 10px;
   }
   .top-header.be-themes-layout-layout-border-header-top .be-sidemenu {
       z-index: 10 !important;
   }
   
   /*Right Sliding Sidebar*/
   .be-sidemenu.be-sidemenu-right {
       right : 0px;
       -webkit-transform: translatex(280px);
       -moz-transform: translatex(280px);
       -ms-transform: translatex(280px);
       -o-transform: translatex(280px);
       transform: translatex(280px);
       -webkit-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
       -moz-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
       -o-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
       transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
   }
   .be-sidemenu.be-sidemenu-right.opened {
       -webkit-transform: translatex(0px);
       -moz-transform: translatex(0px);
       -ms-transform: translatex(0px);
       -o-transform: translatex(0px);
       transform: translatex(0px);	
   
   }
   :not(.overlay-left-align-menu) #be-sidemenu-content{
       display: -ms-flexbox;
       display: flex;
       -ms-flex-align: center;
           align-items: center;
       -ms-flex-direction: column;
           flex-direction: column;
       padding-top: 60px;
       height: 100%;
       box-sizing: border-box;
   }
   
   /*For page stack top no need to worry about the admin bar in be-sidemenu-content*/
   .admin-bar:not(.page-stack-top):not(.left-static-menu) #be-sidemenu-content{
       padding-bottom: 32px;
   }
   .overlay-left-align-menu #be-sidemenu-content{
       display: -ms-flexbox;
       display: flex;
       padding-top: 100px;
       height: 100%;
       -ms-flex-direction: row;
           flex-direction: row;
       -ms-flex-align: stretch;
           align-items: stretch;
       box-sizing: border-box;
   }
   
   .be-themes-layout-layout-box.overlay-left-align-menu #be-sidemenu-content{
       width: 1280px;
       margin: 0px auto;
   }
   
   .overlay-center-align-menu #be-sidemenu-content{
       padding-top: 38px;
   }
   
   .be-sidemenu .special-header-logo,
   .be-sidemenu .special-header-menu,
   .be-sidemenu .special-header-bottom-text{
       margin-bottom: 30px;
       padding: 0px 50px;
       box-sizing: border-box;
       width: 100%;
   }
   
   .be-sidemenu.be-page-stack-right .special-header-logo, 
   .be-sidemenu.be-page-stack-right .special-header-menu, 
   .be-sidemenu.be-page-stack-right .special-header-bottom-text {
       padding: 0px 50px;
   }
   .special-header-logo,
   .special-header-bottom-text{
       text-align: center;
   }
   .be-sidemenu .special-header-menu{
       position: relative;
       -ms-flex-positive: 1;
           flex-grow: 1;
   }
   .special-header-menu a{
       transition: color 0.3s ease;
       -webkit-transition: color 0.3s ease;
       -moz-transition: color 0.3s ease;
       -o-transition:  color 0.3s ease;
       -ms-transition: color 0.3s ease;
   }
   
   /*New Menu styles*/
   
   #navigation a::before,
   #header-top-menu a::before,
   #navigation .sub-menu a::before,
   #navigation .children a::before,
   .special-header-menu #slidebar-menu a::before,
   .special-header-menu .sub-menu a::before,
   .sb-left #slidebar-menu a::before{
       position: absolute;
       overflow: hidden;
       white-space: nowrap;
       max-width: 0;
       transition: max-width .5s cubic-bezier(0.2,.7,.3,1) 80ms;
   }
   
   #navigation a:hover::before,
   #header-top-menu a:hover::before,
   #navigation .sub-menu a:hover::before,
   #navigation .children a:hover::before,
   .special-header-menu #slidebar-menu a:hover::before,
   .special-header-menu .sub-menu a:hover::before,
   .sb-left #slidebar-menu a:hover::before{
       max-width: 100%;
   }
   
   .page-stack-top .special-header-menu #slidebar-menu a:hover::before,
   .page-stack-top .special-header-menu .sub-menu a:hover::before,
   .overlay-horizontal-menu .special-header-menu #slidebar-menu a:hover::before,
   .overlay-horizontal-menu .special-header-menu .sub-menu a:hover::before{
       max-width: calc( 100% - 2em );
   }
   
   .special-header-menu .menu-item {
       flex : 0 0 auto;
   }
   .special-header-menu #slidebar-menu.animate-inFromBottom {
       overflow-y : hidden;
   }
   /*In case the menu is not set, make the message occupy the entire space*/
   .be-sidemenu-content > a{
       -ms-flex-positive: 1;
           flex-grow: 1;
       width: 100%;
       text-align: center;
   }
   
   .be-sidemenu .special-header-bottom-text{
       overflow: auto;
   }
   
   /* .left-static-menu .special-header-bottom-text,
   .left-static-menu .special-header-logo{
       visibility: hidden;
   } */
   
   .special-header-menu .menu-container{
       display: -ms-flexbox;
       display: flex;
       -ms-flex-direction: column;
           flex-direction: column;
       -ms-flex-pack: start;
           justify-content: flex-start;
       -ms-flex-align: center;
           align-items: center;
   }
   
   .overlay-left-align-menu .be-sidemenu .special-header-logo,
   .overlay-left-align-menu .be-sidemenu .special-header-menu,
   .overlay-left-align-menu .be-sidemenu .special-header-bottom-text{
       padding: 0px;
   }
   
   .overlay-left-align-menu .special-header-logo{
       position: absolute;
       top: 40px;
       left: 30px;
       text-align: left;
   }
   
   .overlay-left-align-menu .special-header-menu .menu-container{
       -ms-flex-align: start;
           align-items: flex-start;
   }
   
   .overlay-left-align-menu .be-sidemenu .special-header-bottom-text{
       -ms-flex-item-align: auto;
           -ms-grid-row-align: auto;
           align-self: auto;
   }
   .overlay-left-align-menu .be-sidemenu .special-header-bottom-text > *{
       text-align: left;
   }
   
   .be-sidemenu .menu ul {
       list-style: none;
       margin-bottom: 0px;
       display: block;
       padding: 0px;
       margin-top: 0px;
       
   }
   .be-sidemenu .menu ul li {
       margin-bottom: 0px;
       text-align: center;
   }
   .be-sidemenu .menu ul li {
       display: block;
       position: relative;
   }
   
   .be-sidemenu .tatsu-module, .be-sidemenu .oshine-module {
       margin-bottom: 0px;
   }
   
   .menu-container a {
       cursor: pointer;
       color: inherit;
       display: inline-block;
       line-height: inherit;
   }
   
   /*Dont allow pointer events to happen when side-menu-opened is there*/
   .top-header:not(.overlay-center-align-menu):not(.overlay-left-align-menu):not(.overlay-horizontal-menu).side-menu-opened #main > * {
       pointer-events: none;
   }
   
   .be-sidemenu.be-sidemenu-left {
       -webkit-transform: translatex(-280px);
       -moz-transform: translatex(-280px);
       -ms-transform: translatex(-280px);
       -o-transform: translatex(-280px);
       transform: translatex(-280px);
       -webkit-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
       -moz-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
       -o-transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
       transition: all 700ms cubic-bezier(0.645, 0.045, 0.355, 1);
   }
   
   .be-sidemenu.be-sidemenu-left.opened {
       -webkit-transform: translatex(0px);
       -moz-transform: translatex(0px);
       -ms-transform: translatex(0px);
       -o-transform: translatex(0px);
       transform: translatex(0px);	
   }
   
   .page-stack-right .be-sidemenu-content, .page-stack-left .be-sidemenu-content{
       overflow: hidden;
   }
   
   .header-cart-controls .cart-contents,
   #header-wrap,
   body.overlay-center-align-menu #header-inner-wrap,
   body.overlay-left-align-menu #header-inner-wrap,
   body.overlay-horizontal-menu #header-inner-wrap,
   body.page-stack-top #header-inner-wrap{
       transition: background 700ms cubic-bezier(0.645, 0.045, 0.355, 1) !important;
   }
   
   .be-mobile-menu-icon span{
       display: inline-block;
       position: absolute;
       width: 100%;
       height: 100%;
       background-color: inherit;
       right: 0;
       transition: transform .5s, top .5s, width 0.2s;
       visibility: visible;
   }
   
   #be-left-strip .be-mobile-menu-icon span,
   .style10 .be-mobile-menu-icon span,
   .style11 .be-mobile-menu-icon span,
   .style12 .be-mobile-menu-icon span{
       left: 0;
   }
   .be-mobile-menu-icon .hamburger-line-2{
       /*transform-origin: left center;*/
   }
   .be-mobile-menu-icon.style2 .hamburger-line-1,
   .be-mobile-menu-icon.style2 .hamburger-line-3{
       width: 50%;
   }
   
   .be-mobile-menu-icon.style3 .hamburger-line-1,
   .be-mobile-menu-icon.style4 .hamburger-line-3,
   .be-mobile-menu-icon.style5 .hamburger-line-2,
   .be-mobile-menu-icon.style6 .hamburger-line-2{
       width: 66%;
   }
   
   .be-mobile-menu-icon.style3 .hamburger-line-3,
   .be-mobile-menu-icon.style4 .hamburger-line-1,
   .be-mobile-menu-icon.style5 .hamburger-line-3,
   .be-mobile-menu-icon.style6 .hamburger-line-1{
       width: 33%;
   }
   
   .be-mobile-menu-icon.is-clicked .hamburger-line-1,
   .be-mobile-menu-icon.is-clicked .hamburger-line-2,
   .be-mobile-menu-icon.is-clicked .hamburger-line-3,
   .menu-controls:hover .be-mobile-menu-icon span,
   #be-left-strip:hover .be-mobile-menu-icon span{
       width: 100%;
   }
   .be-mobile-menu-icon.is-clicked .hamburger-line-2{
       transform: scaleX(0);
   }
   
   /*Bottom Portfolio Navigation*/
   .be-fixed-footer #portfolio-navigation-bottom-wrap {
       position: relative;
       z-index : 2;
   }
   #portfolio-navigation-bottom-wrap{
       width: 100%;
       height: 100px;
   }
   #portfolio-navigation-bottom{
       display: flex;
       align-items: center;
       margin: 0 auto;
       height: 100%;
       box-sizing: border-box;
   }

    #portfolio-title-nav-bottom-wrap h6,
    #portfolio-title-nav-bottom-wrap .slider-counts {
        line-height: 40px;
    }
   
   .navigation-previous,
   .navigation-grid,
   .navigation-next{
       display: flex;
       position: relative;
       align-items: center;
       width: 100%;
       height: 100%;
       text-align: center;
       transition: background-color .5s cubic-bezier(.165,.84,.44,1) 80ms;
   }
   .navigation-previous,
   .navigation-next{
       background-size: cover;
       background-repeat: no-repeat;
       background-position: center center;
   }
   
   .navigation-previous a,
   .navigation-grid a,
   .navigation-next a{
       display: inline-block;
       margin: 0 auto;
   }
   
   .previous-arrow,
   .next-arrow{
       display: inline-block;
       position: relative;
       vertical-align: middle;
       transition: transform .5s cubic-bezier(.165,.84,.44,1) 80ms;
       line-height: 0;
       font-size: 0;
   }
   
   .arrow-line-one,
   .arrow-line-two,
   .arrow-line-three{
       display: inline-block;
       width: 10px;
       height: 2px;
       transform-origin: right;
       background-color: red; 
       transition: transform .5s cubic-bezier(.165,.84,.44,1) 80ms, width .5s cubic-bezier(.165,.84,.44,1) 80ms, background-color .5s cubic-bezier(.165,.84,.44,1) 80ms;
   }
   
   .previous-arrow .arrow-line-one,
   .previous-arrow .arrow-line-two,
   .previous-arrow .arrow-line-three{
       transform-origin: left;
   }
   
   .arrow-line-two{
       transform: scaleX(0);
       width: 20px;
   }
   
   .arrow-line-one,
   .arrow-line-three{
       position: absolute;
       top: 0;
       right: 0;
   }
   
   .previous-arrow .arrow-line-one,
   .previous-arrow .arrow-line-three{
       left: 0;
       right: auto;
   }
   
   .arrow-line-one{
       transform: rotate(45deg) translateX(1px);
   }
   
   .arrow-line-three{
       transform: rotate(-45deg) translateX(1px);
   }
   
   .previous-arrow .arrow-line-one{
       transform: rotate(45deg) translateX(-1px);
   }
   
   .previous-arrow .arrow-line-three{
       transform: rotate(-45deg) translateX(-1px);
   }
   
   .navigation-previous-post-link:hover .arrow-line-two,
   .navigation-next-post-link:hover .arrow-line-two{
       transform: scaleX(1);
   }
   
   .navigation-previous-post-link:hover .previous-arrow{
       transform: translateX(-35px);
   }
   
   .navigation-next-post-link:hover .next-arrow{
       transform: translateX(35px);
   }
   .navigation-previous::after,
   .navigation-next::after{
       content: '';
       position: absolute;
       height: 100%;
       width: 0%;
       left: auto;
       right: 0;
       top : 0;
       background-color: rgba(0,0,0,0.5);
       transition: width .5s cubic-bezier(.165,.84,.44,1) 80ms;
   }
   
   .navigation-previous::before,
   .navigation-next::before{
       position: absolute;
       height: 100%;
       width: 100%;
       top : 0;
       background-color: rgba(0,0,0,0.4);
       transition: background-color .5s cubic-bezier(.165,.84,.44,1) 80ms;;
   }
   
   .navigation-previous:hover::before,
   .navigation-next:hover::before {
       background-color: transparent;
   }
   
   .navigation-next:hover::after{
       width: 100%;
       right: auto;
       left: 0;
   }
   
   .navigation-previous:hover::after{
       width: 100%;
       right: 0;
       left: auto;
   }
   
   .navigation-previous::after{
       right: auto;
       left: 0;
   }
   
   .navigation-previous-post-link,
   .navigation-next-post-link{
       z-index: 2;
   }
   
   .previous-title,
   .next-title{
       display : inline-block; 
       vertical-align: middle;
       transition: transform .5s cubic-bezier(.165,.84,.44,1) 80ms, color .5s cubic-bezier(.165,.84,.44,1) 80ms;
   }
   
   .navigation-previous-post-link:hover .previous-title{
       transform: translateX(-20px);
   }
   
   .navigation-next-post-link:hover .next-title{
       transform: translateX(20px);
   }
   
   #portfolio-navigation-bottom-wrap .portfolio-url:hover span{
       transform: rotateY(180deg);
   }
   
       /* =========================================================================
                                       TABLET
      ========================================================================= */
   /*START HERE*/
   
   @media only screen and (max-width : 1279px) and (min-width : 960px) {
       .blog .full-screen.four-col .element,
       .blog .full-screen.five-col .element {
           width : 33.34%;
       }
   }
   @media only screen and (max-width: 960px) {
       #header-bottom-bar{
           display: none !important;
       }
       .blog .full-screen.three-col .element,
       .blog .full-screen.four-col .element,
       .blog .full-screen.five-col .element {
           width : 50%;
       }
       #header-inner-wrap.stuck {
           position: relative;
           width: 100%;
           box-shadow: none;
       }
       body.admin-bar #header-inner-wrap.stuck {
           top: 0px !important;
       }
       .sticky-wrapper {
           height: auto !important;
       }
       .header-contact-wrap {
           padding-top: 5px;
       }
       .header-contact-wrap,#header-top-menu {
           line-height: 25px !important;
       }
       .header-contact-wrap .be-wrap div.left, .header-contact-wrap .be-wrap div.right {
           margin-bottom: 5px;
       }
       body.header-transparent #header #header-inner-wrap.no-transparent {
           position: absolute;
           left: auto;
           right: auto;
       }
       body.sticky-header #header #header-inner-wrap.no-transparent {
           position: relative;
           left: auto;
           right: auto;
           top: 0px !important;
       }
       body.header-transparent.admin-bar .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate, 
       body.sticky-header.admin-bar .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate {
           top: 0px !important;
       }
       .mobile-nav-controller-wrap {
           display: inline-block;
           margin-left: 15px;
           cursor: pointer;
       }
       .top-overlay-menu .mobile-nav-controller-wrap {
           display: none;
       }
       .menu-falling-animate-controller {
           display: none;
       }
       #header-controls-right .header-widgets, 
       #header-controls-right .header-search-controls,
       #header-controls-right .header-cart-controls,
       #header-controls-right .sliderbar-menu-controller {
           margin-left: 20px;
       }
       #header-top-bar-right .top-bar-widgets, 
       #header-top-bar-right .header-search-controls,
       #header-top-bar-right .header-cart-controls,
       #header-top-bar-right .menu-controls{
           margin-right: 15px;
       }
       #header-top-bar-left,
       #header-top-bar-right{
           float: none;
           text-align: center;
           width: 100%;
           /*padding: 10px 0px !important;*/
       }
       #header-top-bar-wrap{
           padding: 13px 0px !important;
       }	
       #header-top-bar-wrap #header-top-bar-left{
           padding: 0px 0px 5px 0px !important;
       }
       #header-top-bar-wrap #header-top-bar-right{
           padding: 5px 0px 0px 0px !important;
       }
       #header-top-bar-wrap #header-top-bar-left:last-child{
           padding-bottom: 0px !important;
       }
       #header-top-bar-wrap #header-top-bar-right:first-child{
           padding-top: 0px !important;
       }
       #footer-wrap{
           padding:10px 0;
       }
       #footer.layout-border{
           position: static;
           bottom: auto;
           margin-left: 0px;
           margin-right: 0px; 
       }
       #content.page-split-screen-left,
       #content.page-split-screen-right{
           margin-left: 0px;
           width: 100%;
       }
       .left-sliding #content.page-split-screen-left,
       .left-sliding #content.page-split-screen-right {
           margin-left: 0px;
           width: 100%;
         }
       .page-template-page-splitscreen-left .header-hero-section,
       .page-template-page-splitscreen-right .header-hero-section{
           position: static;
           width: 100% !important;
       }
       #main.layout-border,
       #main.layout-border.layout-border-header-top {
           padding: 0px;
       }
       .be-themes-layout-layout-border-header-top .sb-slidebar.sb-right.opened, 
       .be-themes-layout-layout-border .sb-slidebar.sb-right.opened,
       body.be-themes-layout-layout-border-header-top.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate, 
       body.be-themes-layout-layout-border.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate {
           right: 0px;
       }
       body.be-themes-layout-layout-border-header-top.single-page-version .single-page-nav-wrap,
       body.be-themes-layout-layout-border.single-page-version .single-page-nav-wrap {
           right: 35px;
       }
       body.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right, 
       body.be-themes-layout-layout-border .sb-slidebar.sb-right {
           right: -280px;
       }
   
       .portfolio-sliders .gallery_content {
           position: relative;
           width: 100%;
           right: 0px;
           box-shadow: none !important;
       }
       .portfolio-sliders .gallery_content {
           height: auto !important;
           max-height: none !important;
       }
       .portfolio-sliders .gallery_content_area_wrap {
           padding: 20px !important;
       }
       .portfolio-sliders .gallery-all-container .carousel_bar_area{
           display: none; 
       }
       .portfolio-sliders .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
           right: 0px;
           text-align: center;
           width: 100%;
           position: static;
       }
       .portfolio-sliders .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap ul {
           float: none;
           display: inline-block;
           margin-bottom: 30px;
       }
       .portfolio-sliders .gallery_content {
           background: transparent !important;
       }
       .portfolio-sliders .portfolio-title-nav-bottom {
           display: none !important;
       }
       .gallery_content_slide{
           width: auto;
           margin-bottom: 30px;
       }
       .gallery_scrollable_content,
       .gallery_content_slide .simplebar-content {
           position: static;
       }

        #footer-wrap.style1 .footer-center-area{
            flex: 0 0 33.33%
        }
        #footer-wrap {
            padding: 10px 40px;
        }
   
   }
   
   /* =========================================================================
                                       MOBILE 320
      ========================================================================= */
   
   
   @media only screen and (max-width: 767px) {
       #header-inner-wrap.stuck {
           position: relative;
           width: 100%;
           box-shadow: none;
       }
       .top-bar-widgets{
           margin-left: 0px;
           margin-right: 15px;
       }
       /*------- Content Formatting Grid Blocks ----------- */
       ul.tabs li  { 
           float: none;
           margin-right: 0px;
           width:100%;
           margin-left: 0px;  
       }
       /*  Comments */
       .children { 
               padding-left:0% ; 
       }
       .vcard, .children .vcard { 
           width:25%; margin-right: 0; 
          }
       .comment-content,.children .comment-content { 
               width:70%; padding-left: 4%;
       }
       #footer-widgets { 
               width: 270px; 
       }
       .no-mobile {
           display: none;
       }
       input[type="text"], 
       input[type="email"], 
       input[type="password"] {
           width: 100%;
       }
       .style2-blog .post-thumb,
       .style2-blog .article-details {
           width: 100%;
           float: none;
       }
       .gmap-wrapper {
           height: 250px !important;
       }	
       .portfolio-title-nav h6{
           text-align: left;
           margin-left: 30px;
       }
       #gallery-container-wrap {
           height: auto !important;
           padding: 0px !important;
           margin-bottom: 20px;
       }
       html body #gallery-container {
           float: none !important;
           padding: 0px !important;
       }
       #gallery-container .placeholder img {
           height: auto !important;
           max-width: 100% !important;
           width: 100% !important;
           vertical-align: top !important;
           max-height: initial !important;
       }
       html body #gallery-container .placeholder,
       #gallery-container .placeholder.style1_placehloder {
           display: block;
           width: 100% !important;
           vertical-align: initial !important;
           height: auto !important;
           padding: 20px 20px 0px 20px;
           box-sizing: border-box;
       }
       .placeholder .fluid-width-video-wrapper iframe.gallery {
           position: absolute !important;
           width: 100% !important;
       }
       .placeholder .fluid-width-video-wrapper {
           padding-top: 50% !important;
           
       }
       .placeholder.style1_placehloder .fluid-width-video-wrapper {
        height: auto !important;
        top: 20px;
        left: 20px;
        right: 20px;
        width: auto;
        bottom : 0px;
        padding-top : 0 !important;
       }

       .gallery-all-container .placeholder .gdpr-alt-image:after{
        height: auto;
        width: auto;
        top: 20px;
        left: 0;
        right: 40px;
        bottom: 0;
        }
        .gallery-all-container .placeholder .gdpr-alt-image .gdpr-video-alternate-image-content {
            left: 45%;
        }
       
       .portfolio-title-nav-bottom {
           display: none !important;
       }
       .gallery_content {
           position: relative;
           width: 100%;
           right: 0px;
           box-shadow: none !important;
       }
       .gallery_content {
           height: auto !important;
           max-height: none !important;
       }
       .gallery_content_area_wrap {
           padding: 20px !important;
       }
       .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
           right: 0px;
       }
       .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
           right: 0px;
           text-align: center;
           width: 100%;
       }
       .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap ul {
           float: none;
           display: inline-block;
           margin-bottom: 30px;
       }
       .arrow_next, .arrow_prev {
           display: none !important;
       }
       .gallery_content {
           background: transparent !important;
       }
       #portfolio-title-nav-bottom-wrap {
           position: relative !important;
       }
       .gallery-all-container.mobile-one-by-one #portfolio-title-nav-bottom-wrap .slider-counts{
           display: none;
       }
       .gallery-all-container.mobile-slide #portfolio-title-nav-bottom-wrap .slider-counts{
           display: none;
       }
       .gallery_content .slider-counts-mobile{
           display: block;
           margin-bottom: 8px;
           text-align: center;
       }
       .gallery_content .slider-counts-mobile .total-slides-count{
           font-size: 1.9em;
           font-weight: bold;
       }
       #gallery-container .placeholder.center img {
           position: relative !important;
           width: 100% !important;
           height: auto !important;
           display: inline-block !important;
           margin: 0px !important;
       }
       body.custom-gallery-page.single-portfolio #header-inner-wrap {
           position: relative !important;
       }
       .overlay_placeholder {
           display: none !important;
       }
       .attachment-details-custom-slider {
           position: static !important;
           display: block !important;
       }	
       .attachment-details-custom-slider.special-subtitle { 
           max-width: initial; 
       }	
       #back-to-top{
           display: none;
       }
       #portfolio-title-nav-wrap.style3 h6.portfolio-title-nav{
           text-align: center;
       }
       #portfolio-title-nav-wrap .portfolio-nav{
           position: static;
           margin-top: 15px;
           width: 100%;
           text-align: center;
       }	
       #portfolio-title-nav-wrap .portfolio-nav li{
           margin-bottom: 0px;
       }
       #portfolio-title-nav-wrap .portfolio-nav .home-grid-wrapper{
           margin: 0px 15px 2px 15px;
       }
       .single-post-share,
       .single-post-tags {
           float:none;
           margin-bottom:20px;
       }
       #single-author-info {
           -webkit-box-orient: vertical;
           -webkit-box-direction: normal;
               -ms-flex-direction: column;
                   flex-direction: column;
           text-align: center;
       }
       #single-author-details {
           -ms-flex-preferred-size:100%;
               flex-basis:100%;
           margin-left:0;
           margin-top: 15px;
       }
       #footer-wrap.style1 {
           -webkit-box-orient: vertical;
           -webkit-box-direction: normal;
               -ms-flex-direction: column;
                   flex-direction: column;
       }
       #footer-wrap.style1 .footer-left-area,
       #footer-wrap.style1 .footer-right-area,
       #footer-wrap.style1 .footer-center-area {
           text-align: center;
           -webkit-box-flex: 0;
               -ms-flex: 0 0 100%;
                   flex: 0 0 100%;
           padding: 0 30px;
       }	
   }
   
   .portfolio-sliders.be-centered .be-vimeo-embed,
    .portfolio-sliders .be-flickity .be-vimeo-embed,
    .gallery-all-container .placeholder.style4_placehloder .be-vimeo-embed {
       height: 100%;
   }

   .portfolio-sliders .be-centered .fluid-width-video-wrapper iframe,
    .portfolio-sliders .be-flickity .fluid-width-video-wrapper iframe{
       opacity: 1;
   }

   #gallery-container .style4_placehloder.placeholder:before {
       content: none;
   }
   
   /* =========================================================================
                                       MOBILE 320 - SPECIFIC
      ========================================================================= */
   @media only screen and (max-width: 320px) {
       #header-controls-right .header-widgets, 
       #header-controls-right .header-search-controls,
       #header-controls-right .header-cart-controls,
       #header-controls-right .sliderbar-menu-controller {
           margin-left: 10px;
       }
   }
   /* =========================================================================
                                       MOBILE 480
      ========================================================================= */
   
   @media only screen and (min-width: 480px) and (max-width: 767px) {
       .vcard, .children .vcard {
           width: 20%;
       }    
       .blog .full-screen .element {
           width : 100% !important;
       }
   }
   
   
   /* ==========================================================================
      Helper classes
      ========================================================================== */
   
   .left{
       float:left;
   }
   .right{
       float:right;
   }
   /*.last{
       margin-right: 0 !important;
   }*/
   .clear{ clear: both; }
   
   .no-margin{
       margin-bottom: 0;
   }
   
   .truncate {
       height: 100px;
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
   }
   .no-list-style{
       list-style: none;
   }
   /*
    * Image replacement
    */
   
   .ir {
       background-color: transparent;
       border: 0;
       overflow: hidden;
       /* IE 6/7 fallback */
       *text-indent: -9999px;
   }
   
   .ir:before {
       content: "";
       display: block;
       width: 0;
       height: 100%;
   }
   
   /*
    * Hide from both screenreaders and browsers: h5bp.com/u
    */
   
   .hidden {
       display: none !important;
       visibility: hidden;
   }
   
   /*
    * Hide only visually, but have it available for screenreaders: h5bp.com/v
    */
   
   .visuallyhidden {
       border: 0;
       clip: rect(0 0 0 0);
       height: 1px;
       margin: -1px;
       overflow: hidden;
       padding: 0;
       position: absolute;
       width: 1px;
   }
   
   /*
    * Extends the .visuallyhidden class to allow the element to be focusable
    * when navigated to via the keyboard: h5bp.com/p
    */
   
   .visuallyhidden.focusable:active,
   .visuallyhidden.focusable:focus {
       clip: auto;
       height: auto;
       margin: 0;
       overflow: visible;
       position: static;
       width: auto;
   }
   
   /*
    * Hide visually and from screenreaders, but maintain layout
    */
   
   .invisible {
       visibility: hidden;
   }
   
   /*
    * Clearfix: contain floats
    *
    * For modern browsers
    * 1. The space content is one way to avoid an Opera bug when the
    *    `contenteditable` attribute is included anywhere else in the document.
    *    Otherwise it causes space to appear at the top and bottom of elements
    *    that receive the `clearfix` class.
    * 2. The use of `table` rather than `block` is only necessary if using
    *    `:before` to contain the top-margins of child elements.
    */
   
   .clearfix:before,
   .clearfix:after {
       content: " "; /* 1 */
       display: table; /* 2 */
   }
   
   .clearfix:after {
       clear: both;
   }
   
   /*
    * For IE 6/7 only
    * Include this rule to trigger hasLayout and contain floats.
    */
   
   .clearfix {
       *zoom: 1;
   }
   
   
   @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
          only screen and (min-resolution: 144dpi) {
       /* Style adjustments for high resolution devices */
   }
   
   /* ==========================================================================
      Print styles.
      Inlined to avoid required HTTP connection: h5bp.com/r
      ========================================================================== */
   
   @media print {
       * {
           background: transparent !important;
           color: #000 !important; /* Black prints faster: h5bp.com/s */
           box-shadow: none !important;
           text-shadow: none !important;
       }
   
       a,
       a:visited {
           text-decoration: underline;
       }
   
       a[href]:after {
           content: " (" attr(href) ")";
       }
   
       abbr[title]:after {
           content: " (" attr(title) ")";
       }
   
       /*
        * Don't show links for images, or javascript/internal links
        */
   
       .ir a:after,
       a[href^="javascript:"]:after,
       a[href^="#"]:after {
           content: "";
       }
   
       pre,
       blockquote {
           border: 1px solid #999;
           page-break-inside: avoid;
       }
   
       thead {
           display: table-header-group; /* h5bp.com/t */
       }
   
       tr,
       img {
           page-break-inside: avoid;
       }
   
       img {
           max-width: 100% !important;
       }
   
       @page {
           margin: 0.5cm;
       }
   
       p,
       h2,
       h3 {
           orphans: 3;
           widows: 3;
       }
   
       h2,
       h3 {
           page-break-after: avoid;
       }
   }

.oshine-maintenance-mode-default {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}/************************************************
 Header Controls
 ************************************************/
 
	/*Header Controls - Float Right*/
.style1 #header-controls-right,
.style5 #header-controls-right {
	float: right;
	margin-right: 30px;
}
.style5 .be-wrap #header-controls-right {
	margin-right : 0;
}
.layout-border-header-top .style1 #header-controls-right {
	margin-right: 0px;
}
.style1 .be-wrap #header-controls-right {
    margin-right: 0;
    margin-left: 15px;
}
.style4 #header-controls-right{
	float: right;
	margin-right: 30px;
}
.style4 .be-wrap #header-controls-right {
	margin-right : 0;
}

	/*Header Controls - Absolute Position*/

.style2 #header-controls-right{
	position: absolute;
	right: 30px;
	top: 0;
}
.style2 .be-wrap #header-controls-right {
	right : 0;
}
.style2 #header-controls-left{
	position: absolute;
	left: 30px;
	top: 0;
}
.style2 .be-wrap #header-controls-left {
	left : 0;
}
.style3 #header-controls-right{
	position: absolute;
	right: 30px;
	top: 0;
}
.style3 .be-wrap #header-controls-right {
	right : 0;
}
.layout-border-header-top .style3 #header-controls-right {
	right: 0px;
}

.style6 #header-controls-right {
	margin-right: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
}
.style6 .be-wrap #header-controls-right {
	margin-right: 0;
}

/************************************************
 Navigation
 ************************************************/

/*Navigation - Float Right*/

.style1 #navigation {
    float: right;
    margin-right: 30px;
}
.style1 .be-wrap #navigation {
    margin-right: 0px;
}
	/*Navigation - Float Left*/

.style4 #navigation, 
.style5 #navigation {
	float: left;
	position: static;
	margin-left: 30px;
}
.style5 .be-wrap #navigation {
	margin-left : 0;	
}
.style5 #menu > li:first-child > a {
	padding-left: 0;
}

	/*Navigation - Center Align*/

.style3 .menu{
	float: none;
	display: inline-block;
	vertical-align: top;
}
.style2 .menu{
	float: none;
	display: inline-block;
	vertical-align: top;
}
.style3 #navigation{
	text-align: center;
}
.style2 #navigation{
	text-align: center;
}

.style2 #navigation {
	line-height: 50px;
}
.style6 #navigation-left-side,
.style6 #navigation-right-side {
	position: absolute;
	top: 0px;
	width: 50%;
	left: 0px;
	box-sizing: border-box;
}
.style6 #navigation-right-side {
	left: auto;
	right: 0px;
	padding-right: 0px;
}
.style6 #navigation-left-side #left-menu {
	display: inline-block;
	zoom: 1;
	vertical-align: top;
	float: right;
}

/************************************************
 Top Menu New Styles
 ************************************************/

	/*Style 7*/

/*Navigation - Float Right*/
.style7 #navigation {
	display: none;
}

.menu-animate-fall .style7 #navigation {
	display: block;
	float: right;
	margin-right: 30px;
}
	/*Logo - Float Left*/

.style7 .logo {
    padding:20px 0;	/*opt-logo-padding*/
    float: left;
	position: relative;
}
.style7 #header-wrap:not( .be-wrap ) .logo {
	margin-left: 30px;
}
.layout-border-header-top .style7 .logo {
	margin-left: 0px;
}
.style7 #header-controls-left {
	float: left;
    position: relative;
    top: 0;
}

.style7 #header-controls-right{
	float: right;
}
.layout-border-header-top .style7 #header-controls-right {
	margin-right: 0px;
}
.hamburger-nav-controller-wrap{
	display: inline-block;
}
.style7 .hamburger-nav-controller-wrap{
	margin-left: 15px;
}
.style7 #header-controls-left > *:last-child{
	margin-right: 0;
}
.style7 #header-controls-right > *:first-child {
	margin-left: 0;
}
.style7 .be-wrap .logo,
.style7 .be-wrap #header-controls-left {
	margin-right: 30px;
	margin-left : 0;
}
.style7 .be-wrap #header-controls-right {
	margin-right: 0px;
}
.style7 .logo,
.style7 #header-controls-left {
	margin-left : 30px;
}
.style7 #header-controls-right {
	margin-right : 30px;
}

	/*Style 8*/

/*Navigation - Float Right*/
.style8 #navigation {
	display: none;
}

	/*Logo - Float Left*/

.style8 .logo {
	text-align: center;
}

.style8 .logo a{
	display: inline-block;
    vertical-align: middle;
}

.layout-border-header-top .style8 .logo {
	margin-left: 0px;
}

.style8 #header-controls-left {
    position: absolute;
	top: 0;
	left : 30px;
}

.style8 #header-controls-right{
	position: absolute;
	top: 0;
	right: 30px;
}
.layout-border-header-top .style8 #header-controls-right {
	margin-right: 0px;
}
.style8 .be-wrap #header-controls-right {
    right: 0;
    margin-left: 15px;
}
.style8 .be-wrap #header-controls-left {
	left : 0px;
}
.style8 .hamburger-nav-controller-wrap{
	margin-left: 15px;
}
.style8 #header-controls-left > *:last-child{
	margin-right: 0;
}
.style8 #header-controls-right > *:first-child {
	margin-left: 0;
}

	/*Style 9*/

/*Navigation - Float Right*/
.style9 #header-wrap{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
		align-items: center;
	justify-content: flex-end;
}

.style9 #navigation {
	display: none;
}

	/*Logo - Float Left*/

.style9 .logo {
    padding:20px 0;	/*opt-logo-padding*/
	position: relative;
}
.layout-border-header-top .style9 .logo {
	margin-left: 0px;
}

.style9 #header-controls-left {
	-ms-flex-positive: 1;
	    flex-grow: 1;
    position: relative;
	top: 0;
	margin-left : 30px;
}

.style9 #header-controls-right{
	margin-left: 30px;
	margin-right : 30px;
}
.layout-border-header-top .style9 #header-controls-right {
	margin-right: 0px;
}
.style9 .be-wrap #header-controls-right {
    margin-right: 0;
}

.style9 .hamburger-nav-controller-wrap{
	margin-left: 15px;
}
.style9 .be-wrap #header-controls-left {
	margin-left : 0;
}
.style9 #header-controls-left > *:last-child{
	margin-right: 0;
}
.style9 #header-controls-right > *:first-child {
	margin-left: 0;
}
	/*Style 10*/

/*Navigation - Float Right*/
.style10 #navigation {
	display: none;
}

	/*Logo - Float Left*/

.style10 .logo {
    margin-left: 30px;
    padding:20px 0;	/*opt-logo-padding*/
    float: left;
	position: relative;
}
.layout-border-header-top .style10 .logo {
	margin-left: 0px;
}

.style10 #header-controls-left {
	float: left;
    position: relative;
	top: 0;
	margin-left: 30px;
}

.style10 #header-controls-right{
	float: right;
	margin-right: 30px;
}
.layout-border-header-top .style10 #header-controls-right {
	margin-right: 0px;
}
.style10 .be-wrap #header-controls-right {
    margin-right: 0;
    margin-left: 15px;
}
.style10 .be-wrap #header-controls-left {
	margin-left : 0px;
}
.style10 #header-controls-left > *:last-child{
	margin-right: 0;
}
.style10 #header-controls-right > *:first-child {
	margin-left: 0;
}

	/*Style 11*/

/*Navigation - Float Right*/
.style11 #navigation {
	display: none;
}

	/*Logo - Float Left*/

.style11 .logo {
	text-align: center;
}

.style11 .logo a{
	display: inline-block;
    vertical-align: middle;
}

.layout-border-header-top .style11 .logo {
	margin-left: 0px;
}

.style11 #header-controls-left {
	float: left;
    position: absolute;
	top: 0;
	left : 30px;
}

.style11 #header-controls-right{
	position: absolute;
	top: 0;
	right: 30px;
}
.layout-border-header-top .style11 #header-controls-right {
	margin-right: 0px;
}
.style11 .be-wrap #header-controls-right {
    right: 0;
    margin-left: 15px;
}
.style11 .be-wrap #header-controls-left {
	left : 0;
}
.style11 #header-controls-left > *:last-child{
	margin-right: 0;
}
.style11 #header-controls-right > *:first-child {
	margin-left: 0;
}


	/*Style 12*/
.style12 #header-wrap{
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	    align-items: center;
}

/*Navigation - Float Right*/
.style12 #navigation {
	display: none;
}

	/*Logo - Float Left*/

.style12 .logo {
	text-align: center;
	margin-right: 30px;
	margin-left : 30px;
	position: relative;
	order : 1;
}

.style12 .logo a{
	display: inline-block;
    vertical-align: middle;
}

.layout-border-header-top .style12 .logo {
	margin-left: 0px;
}

.style12 #header-controls-left {
	-ms-flex-positive: 1;
	    flex-grow: 1;
    position: relative;
	top: 0;
	margin-left : 30px;
}

.style12 #header-controls-right{
	position: relative;
	top: 0;
	right: 0;
}
.layout-border-header-top .style12 #header-controls-right {
	margin-right: 0px;
}
.style12 .be-wrap #header-controls-left {
	margin-left : 0;
}
.style12 .be-wrap .logo {
	margin-right : 0;
}
.style12 #header-controls-left > *:last-child{
	margin-right: 0;
}
.style12 #header-controls-right > *:first-child {
	margin-left: 0;
}

	/*Style 13*/
.style13 #header-wrap{
	position: relative;
}

.style13 .logo {
	text-align: center;
}
.style13 .logo a{
	display: inline-block;
	vertical-align: middle;
}

.style13 #header-controls-right{
	position: absolute;
	right: 30px;
	top: 0;
}

.style13 #header-controls-left{
	position: absolute;
	left: 30px;
	top: 0;
}

.style13 .menu{
	float: none;
	display: inline-block;
	vertical-align: top;
}

.style13 #navigation{
	text-align: center;
}

.style13 #navigation {
	line-height: 50px;
}

.style13.top-animate #header-wrap{
	display: none;
}

/*******************************
		MEGAMENU
*******************************/
#navigation .menu > ul > li.mega,
#navigation-left-side .menu > ul > li.mega,
#navigation-right-side .menu > ul > li.mega {
	position: inherit !important;	
}
.style4 #navigation .menu > ul > li.mega,
.style1 #navigation .menu > ul > li.mega,
.style5 #navigation .menu > ul > li.mega, {
	position: relative;
}
#navigation .menu > ul > li.mega > ul.sub-menu {
	width: 1160px;	
	left: 50%;
	margin-left: -580px;
	padding: 20px 0px;
	margin-top: 0px;
}
.style4 #navigation .menu > ul > li.mega > ul.sub-menu,
.style5 #navigation .menu > ul > li.mega > ul.sub-menu {
	left:0;
	margin-left: 0;
}

.style1 #navigation .menu > ul > li.mega > ul.sub-menu {
	right:0;
	left: auto;
	margin-left: 0;
}
#navigation-left-side .menu > ul > li.mega > ul.sub-menu,
#navigation-right-side .menu > ul > li.mega > ul.sub-menu{
	width: 580px;	
	left: 50%;
	margin-left: -290px;
	padding: 20px 0px;
	margin-top: 0px;
}
#navigation .menu > ul > li.mega > ul.sub-menu a,
#navigation-left-side .menu > ul > li.mega > ul.sub-menu a,
#navigation-right-side .menu > ul > li.mega > ul.sub-menu a {
	padding: 5px 20px 5px 20px;
	-webkit-font-smoothing: antialiased !important;
}
#navigation .menu > ul > li.mega > ul > li,
#navigation-left-side .menu > ul > li.mega > ul > li,
#navigation-right-side .menu > ul > li.mega > ul > li {
	display: table-cell !important;
	float: none;
	padding: 0px;
	width: 300px;
	border-right: 1px solid;
}
#navigation .menu > ul > li.mega > ul > li:last-child,
#navigation-left-side .menu > ul > li.mega > ul > li:last-child,
#navigation-right-side .menu > ul > li.mega > ul > li:last-child {
	border-right: none;
}
#navigation .menu > ul > li.mega.columns-2 > ul > li,
#navigation-left-side .menu > ul > li.mega.columns-2 > ul > li,
#navigation-right-side .menu > ul > li.mega.columns-2 > ul > li { 
		width: 580px; 
}
#navigation .menu > ul > li.mega.columns-3 > ul > li,
#navigation-left-side .menu > ul > li.mega.columns-3 > ul > li,
#navigation-right-side .menu > ul > li.mega.columns-3 > ul > li { 
		width: 386px; 
}
#navigation .menu > ul > li.mega.columns-4 > ul > li,
#navigation-left-side .menu > ul > li.mega.columns-4 > ul > li,
#navigation-right-side .menu > ul > li.mega.columns-4 > ul > li { 
		width: 290px; 
}
#navigation .menu > ul > li.mega.columns-5 > ul > li,
#navigation-left-side .menu > ul > li.mega.columns-5 > ul > li,
#navigation-right-side .menu > ul > li.mega.columns-5 > ul > li { 
		width: 232px; 
}
#navigation .menu > ul > li.mega > ul > li ul,
#navigation-left-side .menu > ul > li.mega > ul > li ul,
#navigation-right-side .menu > ul > li.mega > ul > li ul {
	display: block !important;
	width: 100%;
	left: 0px !important;
	top: 0px !important;
	opacity: 1 !important;
	position: relative !important;
	background: none;
	margin-top: -1px;
}
#navigation .mega .sub-menu .highlight .sf-with-ul,
#navigation-left-side .mega .sub-menu .highlight .sf-with-ul,
#navigation-right-side .mega .sub-menu .highlight .sf-with-ul, {
	padding-bottom: 10px !important;
	line-height: 1.5 !important;
} 

body.header-transparent #navigation .sub-menu {
	top: 100%;
}
body.header-transparent #navigation .sub-menu .sub-menu {
	top: 0px;
}

@media only screen and (max-width: 960px) {
	#header-inner-wrap.stuck {
		position: relative;
		width: 100%;
		box-shadow: none;
	}
	body.admin-bar #header-inner-wrap.stuck {
		top: 0px !important;
	}
	.sticky-wrapper {
		height: auto !important;
	}
	.header-contact-wrap {
		padding-top: 5px;
	}
	.header-contact-wrap,#header-top-menu {
		line-height: 25px !important;
	}
	.header-contact-wrap .be-wrap div.left, .header-contact-wrap .be-wrap div.right {
		margin-bottom: 5px;
	}
	body.header-transparent #header #header-inner-wrap.no-transparent {
		position: absolute;
		left: auto;
		right: auto;
	}
	body.sticky-header #header #header-inner-wrap.no-transparent {
		position: relative;
		left: auto;
		right: auto;
		top: 0px !important;
	}
	body.header-transparent.admin-bar .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate, 
	body.sticky-header.admin-bar .layout-border.layout-border-header-top #header #header-inner-wrap.no-transparent.top-animate {
		top: 0px !important;
	}
	.mobile-nav-controller-wrap {
		display: inline-block;
	}
	.top-overlay-menu .mobile-nav-controller-wrap {
		display: none;
	}
	.menu-falling-animate-controller {
		display: none;
	}
	#header-controls-right .header-widgets, 
	#header-controls-right .header-search-controls,
	#header-controls-right .header-cart-controls,
	#header-controls-right .sliderbar-menu-controller {
		margin-left: 20px;
	}
	#header-top-bar-right .top-bar-widgets, 
	#header-top-bar-right .header-search-controls,
	#header-top-bar-right .header-cart-controls,
	#header-top-bar-right .menu-controls{
		margin-right: 15px;
	}
	#header-top-bar-left,
	#header-top-bar-right{
		float: none;
		text-align: center;
		width: 100%;
		/*padding: 10px 0px !important;*/
	}
	#header-top-bar-wrap{
		padding: 13px 0px !important;
	}	
	#header-top-bar-wrap #header-top-bar-left{
		padding: 0px 0px 5px 0px !important;
	}
	#header-top-bar-wrap #header-top-bar-right{
		padding: 5px 0px 0px 0px !important;
	}
	#header-top-bar-wrap #header-top-bar-left:last-child{
		padding-bottom: 0px !important;
	}
	#header-top-bar-wrap #header-top-bar-right:first-child{
		padding-top: 0px !important;
	}
	#footer-wrap{
		padding:10px 0;
	}
	#footer.layout-border{
		position: static;
		bottom: auto;
		margin-left: 0px;
		margin-right: 0px; 
	}
	#footer-wrap .footer-left-area,
	#footer-wrap .footer-center-area,
	#footer-wrap .footer-right-area{
		position: static;
		float: left;
		margin-top: 0px;
		margin-bottom: 0px;
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
		width: 100%;
		height: auto;
		line-height: 30px;
	}
	.footer-content-inner-left,
	.footer-content-inner-right,
	.footer-content-inner-center{
		margin-top: 15px;
	}
	#content.page-split-screen-left,
	#content.page-split-screen-right{
		margin-left: 0px;
		width: 100%;
	}
	.left-sliding #content.page-split-screen-left,
	.left-sliding #content.page-split-screen-right {
    	margin-left: 0px;
    	width: 100%;
  	}
	.page-template-page-splitscreen-left .header-hero-section,
	.page-template-page-splitscreen-right .header-hero-section{
		position: static;
		width: 100% !important;
	}
	#main.layout-border,
	#main.layout-border.layout-border-header-top {
		padding: 0px;
	}
	.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right.opened, 
	.be-themes-layout-layout-border .sb-slidebar.sb-right.opened,
	body.be-themes-layout-layout-border-header-top.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate, 
	body.be-themes-layout-layout-border.top-header.slider-bar-opened #main #header #header-inner-wrap.no-transparent.top-animate {
		right: 0px;
	}
	body.be-themes-layout-layout-border-header-top.single-page-version .single-page-nav-wrap,
	body.be-themes-layout-layout-border.single-page-version .single-page-nav-wrap {
		right: 35px;
	}
	body.be-themes-layout-layout-border-header-top .sb-slidebar.sb-right, 
	body.be-themes-layout-layout-border .sb-slidebar.sb-right {
		right: -280px;
	}

    .portfolio-sliders .gallery_content {
        position: relative;
        width: 100%;
        right: 0px;
        box-shadow: none !important;
    }
    .portfolio-sliders .gallery_content {
        height: auto !important;
        max-height: none !important;
    }
    .portfolio-sliders .gallery_content_area_wrap {
        padding: 20px !important;
    }
    .portfolio-sliders .gallery-all-container .carousel_bar_area{
        display: none; 
    }
    .portfolio-sliders .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap {
        right: 0px;
        text-align: center;
        width: 100%;
        position: static;
    }
    .portfolio-sliders .gallery-info-box-wrap #portfolio-title-nav-bottom-wrap ul {
        float: none;
        display: inline-block;
        margin-bottom: 30px;
    }
    .portfolio-sliders .gallery_content {
        background: transparent !important;
    }
    .portfolio-sliders .portfolio-title-nav-bottom {
		display: none !important;
	}
	.gallery_content_slide{
		width: auto;
	    margin-bottom: 30px;
	}
	.gallery_scrollable_content,
	.gallery_content_slide .simplebar-content {
		position: static;
	}

}	/* =========================================================================
                                    TABLET
   ========================================================================= */
/*START HERE*/
@media only screen and (max-width: 1279px) {
	#navigation .menu > ul > li.mega > ul.sub-menu {
		width: 974px;	
		margin-left: -487px;
	}
}

@media only screen and (max-width: 960px) {
    .left-header #left-header-mobile{
		display: block;
	}
	.left-header .layout-box-left{
		display: block;
	}
	.left-header .left-strip-wrapper,
	.left-header .sb-left{
		display: none;
	}
	.left-header #main-wrapper{
		margin-left: 0px !important;
	}
	#navigation,
	#navigation-left-side,
	#navigation-right-side {
		display: none !important;
	}
    .style6 .logo{
		/*display: block;*/
		float: left;
		margin-left: 30px;
	}
	.style2 .logo {
		text-align: left;
		margin-left: 30px;
	}
	.style2 #header-controls-left{
		display: none;
	}
	.style3 .logo {
		float: left !important;
		position:static;
		margin-left:30px;
	}
	.style5 .logo,
	.style8 .logo,
	.style11 .logo {
		position: static;
		float: left;
		left: auto;
		-ms-transform: translateX(0);
		transform: translateX(0);
		margin-left:30px;
	}
	.style1 #header-controls-right{
		padding-left: 0px;
	}

	/*Style for newly added header styles*/
	.hamburger-nav-controller-wrap,
	.be-left-strip-wrapper,
	.be-sidemenu,
	#header-controls-left{
		display: none;
	}
	.style9 #header-wrap,
	.style12 #header-wrap{
		display: block;
	}
	.style9 .logo,
	.style12 .logo{
		float: left;
	}
	.style9 #header-controls-right,
	.style12 #header-controls-right{
		float: right;
	}
}/*MultiLevel Menu*/
.menu-container {
	position: absolute;
	top: 0;
	visibility: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	left : 50px;
	width: calc( 100% - 100px );
}
.be-page-stack-right .menu-container {
    left: 50px;
}
.overlay-left-align-menu .menu-container{
	left: 0px;
	width: 100%;
}

.special-header-menu .menu-item{
	text-align: center;
}

.overlay-left-align-menu .special-header-menu .menu-item,
.overlay-left-align-menu .special-header-bottom-text{
	text-align: left;
}

.menu__level--current {
	visibility: visible;
}

.special-header-menu .menu-item {
	display: block;
	position: relative;
}

body:not(.page-stack-top):not(.overlay-horizontal-menu) .special-header-menu .menu-item{
	width: 100%;
}

.special-header-menu .menu-item > a {
	position: relative;
	z-index: 1;
	color: inherit;
}

.special-header-menu .mobile-sub-menu-controller i {
	transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease;
    -moz-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    -ms-transition: color 0.3s ease;
}
.special-header-menu .mobile-sub-menu-controller.isClicked{
	z-index: 0;
}

/*body:not(.page-stack-top) .special-header-menu .sub-menu,
body:not(.page-stack-top) .special-header-menu .sub-menu .menu-item:last-child{
	margin-bottom: 0px;
}*/

.page-stack-top .special-header-menu .menu-item > a,
.overlay-horizontal-menu .special-header-menu .menu-item > a{
	padding: 1em;
}

/* .special-header-menu .menu-iem > a[data-submenu]::after {
	content: '\e904';
	font-family: 'feather';
	position: absolute;
	right: 0;
	padding: 0.25em 1.25em;
	color: #2a2b30;
} */

.menu__link:hover,
.menu__link[data-submenu]:hover::after {
	color: #5c5edc;
}

[class^='animate-'],
[class*=' animate-'] {
	visibility: visible;
}

/*Animation of Special header bottom text and Special header logo*/

.animate-outToRight.special-header-bottom-text,
.animate-outToRight.special-header-logo{
	animation: bottomTextOutToRight 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes bottomTextOutToRight {
	to {
		opacity: 0;
		transform: translate3d(5%, 0, 0);
	}
}

.animate-outToLeft.special-header-bottom-text,
.animate-outToLeft.special-header-logo {
	animation: bottomTextOutToLeft 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes bottomTextOutToLeft {
	to {
		opacity: 0;
		transform: translate3d(-5%, 0, 0);
	}
}


.animate-outToTop.special-header-bottom-text,
.animate-outToTop.special-header-logo{
	animation: bottomTextOutToTop 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes bottomTextOutToTop {
	to {
		opacity: 0;
		transform: translate3d(0, -5%, 0);
	}
}


.animate-outToBottom.special-header-bottom-text,
.animate-outToBottom.special-header-logo {
	animation: bottomTextOutToBottom 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes bottomTextOutToBottom {
	to {
		opacity: 0;
		transform: translate3d(0, 5%, 0);
	}
}

.animate-inFromLeft.special-header-bottom-text,
.animate-inFromLeft.special-header-logo {
	animation: bottomTextInFromLeft 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes bottomTextInFromLeft {
	from {
		opacity: 0;
		transform: translate3d(-5%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.animate-inFromRight.special-header-bottom-text,
.animate-inFromRight.special-header-logo {
	animation: bottomTextInFromRight 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes bottomTextInFromRight {
	from {
		opacity: 0;
		transform: translate3d(5%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.animate-inFromTop.special-header-bottom-text,
.animate-inFromTop.special-header-logo {
	animation: bottomTextInFromTop 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes bottomTextInFromTop {
	from {
		opacity: 0;
		transform: translate3d(0, -5%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.animate-inFromBottom.special-header-bottom-text,
.animate-inFromBottom.special-header-logo {
	animation: bottomTextInFromBottom 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes bottomTextInFromBottom {
	from {
		opacity: 0;
		transform: translate3d(0, 5%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.overlay-center-align-menu .animate-outToRight .menu-item,
.overlay-left-align-menu .animate-outToRight .menu-item,
.overlay-horizontal-menu .animate-outToRight .menu-item {
	animation: overlayItemOutToRight 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

.animate-outToRight .menu-item {
	animation: outToRight 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes overlayItemOutToRight {
	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
	50%{
		opacity: 0;
	}
}

@keyframes outToRight {
	to {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
}

.overlay-center-align-menu .animate-outToLeft .menu-item,
.overlay-left-align-menu .animate-outToLeft .menu-item,
.overlay-horizontal-menu .animate-outToLeft .menu-item {
	animation: overlayItemOutToLeft 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

.animate-outToLeft .menu-item {
	animation: outToLeft 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes overlayItemOutToLeft {
	to {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
	50%{
		opacity: 0;
	}
}

@keyframes outToLeft {
	to {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
}

.animate-outToTop .menu-item {
	animation: outToTop 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes outToTop {
	to {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
}

.animate-outToBottom .menu-item {
	animation: outToBottom 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes outToBottom {
	to {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
}

.overlay-center-align-menu .animate-inFromLeft .menu-item,
.overlay-left-align-menu .animate-inFromLeft .menu-item,
.overlay-horizontal-menu .animate-inFromLeft .menu-item {
	animation: overlayItemInFromLeft 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

.animate-inFromLeft .menu-item {
	animation: inFromLeft 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes overlayItemInFromLeft {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
	50%{
		opacity: 0;
	}	
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes inFromLeft {
	from {
		opacity: 0;
		transform: translate3d(-100%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.overlay-center-align-menu .animate-inFromRight .menu-item,
.overlay-left-align-menu .animate-inFromRight .menu-item, 
.overlay-horizontal-menu .animate-inFromRight .menu-item {
	animation: overlayItemInFromRight 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

.animate-inFromRight .menu-item {
	animation: inFromRight 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes overlayItemInFromRight {
	from {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
	50%{
		opacity: 0;
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

@keyframes inFromRight {
	from {
		opacity: 0;
		transform: translate3d(100%, 0, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.animate-inFromTop .menu-item {
	animation: inFromTop 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes inFromTop {
	from {
		opacity: 0;
		transform: translate3d(0, -100%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

.animate-inFromBottom .menu-item {
	animation: inFromBottom 700ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes inFromBottom {
	from {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
}

body:not(.overlay-center-align-menu):not(.overlay-left-align-menu):not(.overlay-horizontal-menu) .animate-closemenu.special-header-bottom-text,
body:not(.overlay-center-align-menu):not(.overlay-left-align-menu):not(.overlay-horizontal-menu) .animate-closemenu.special-header-logo{
	animation: closemenu 500ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}


body:not(.overlay-center-align-menu):not(.overlay-left-align-menu):not(.overlay-horizontal-menu) .animate-closemenu .menu-item{
	animation: closemenu 500ms both cubic-bezier(0.645, 0.045, 0.355, 1);
}

@keyframes closemenu {
	to {
		opacity: 0;	
	}
}

.menu__back {
	position: relative;
	min-width: 80px;
    display: inline-block;
	cursor: pointer;
}

.menu__back--hidden {
	pointer-events: none;
	opacity: 0;
}

.special-header-menu .icon-multi-menu:before {
	content: "\e806";
 }

 .special-header-menu .icon--arrow-left:before{
	content: "\e744";
	font-size: 20px;
 }

.special-header-menu .sub-menu-controller{
	width: 30px;
	line-height: 30px;
	display: inline-block;
	cursor: pointer;
}.be-wrap {
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.page-split-screen-left .be-wrap,
.page-split-screen-right .be-wrap{
    padding: 0px 30px;
}
.layout-box{
    position: relative;
    width:1280px;
    margin: 0px auto;
}
#hero-section .be-master-fullscreen {
    height: 100vh;
}
.be-section.full-screen-section {
    opacity: 0;
    height: 1000px;
}
/* ======================
    Content
   ====================== */

#page-content.content-single-sidebar{
    width:820px;
}

#left-sidebar, #right-sidebar{
    width: 260px;
}

#left-sidebar, #right-sidebar{
    float: left;
}

.left-sidebar-page #page-content,.dual-sidebar-page #page-content {
    float: right;
}

.right-sidebar-page #page-content{
    float: left;
}

#left-sidebar, 
.right-sidebar-page #page-content {
    margin-right: 80px;
}

#left-sidebar, #right-sidebar{
    margin-bottom: 50px;
}

#content {
    position: static;
    z-index: 2;
}
.be-fixed-footer #content {
    position : relative;
    z-index : 2;
}
.be-fixed-footer #blog-content {
    position:  relative;
    z-index: 2;
}
body.no-section-scroll #content {
    /*-webkit-transform: initial !important;
    -moz-transform: initial !important;
    -ms-transform: initial !important;
    -o-transform: initial !important;
    transform: initial !important;*/
    /*Removing !important*/
    -webkit-transform: initial ;
    -moz-transform: initial ;
    -ms-transform: initial ;
    -o-transform: initial ;
    transform: initial ;
}
.no-page-builder {
    padding: 70px 0px;
}
.page #comments {
    padding: 50px 0;
}

/* ======================
    Border layout
    ===================== */

.layout-box-top,
.layout-box-right,
.layout-box-bottom,
.layout-box-left {
    position: fixed;
    background: #ccc;
    z-index: 15;
    -webkit-transform: translateZ(0);
}
.layout-box-top,
.layout-box-bottom {
    width: 100%;
    height: 30px;
    top: 0px;
    left: 0px;
}
.layout-box-bottom {
    top: auto;
    bottom: 0px;
}
.layout-box-right,
.layout-box-left {
    width: 30px;
    height: 100%;
    top: 0px;
    right: 0px;
}
.layout-box-left {
    right: auto;
    left: 0px;
}
body.admin-bar .layout-box-top{
    top: 32px;
}
/* ======================
    Column & Text Block
   ====================== */

.column-block { 
    float: left;
    margin-left: 5%; 
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    position: relative;
    z-index: 2;
}
.column-block .be-custom-column-pad,
.column-block .be-custom-column-inner {
    position: relative;
    z-index: 2;
}
.one-col.column-block {
    margin-left: 0px;
    float: none;
}

.one-third { 
    width:30%; 
}
.one-fourth { 
    width:21.25%; 
}
.one-fifth { 
    width:16%; 
}
.one-half { 
    width:47.5%; 
}
.two-third { 
    width:65%; 
}
.three-fourth { 
    width:73.75%; 
}

.be-no-space .one-third { 
    width:33.33%; 
}
.be-no-space .one-fourth { 
    width: 25%; 
}
.be-no-space .one-fifth { 
    width: 20%; 
}
.be-no-space .one-half { 
    width: 50%; 
}
.be-no-space .two-third { 
    width: 66.68%; 
}
.be-no-space .three-fourth { 
    width: 75%; 
}

.be-no-space { 
    display: table; 
    margin-bottom: 60px; 
    table-layout: fixed;
}
.be-no-space.zero-bottom { 
    margin-bottom: 0; 
}
.be-no-space .column-block { 
    display: table-cell; 
    margin-left: 0px; 
    float: none; 
    vertical-align: middle; 
}
.be-column-pad {
    padding: 100px 5%;
}
.one-third.be-column-pad, .one-fourth.be-column-pad, .one-col.be-column-pad, .two-third.be-column-pad, .three-fourth.be-column-pad {
    padding: 100px 5%;
}
.one-half.be-column-pad {
    padding: 100px 15% 100px 5%;
}
.one-half.be-column-pad:first-child {
    padding: 100px 5% 100px 15%;
}

.column-block *:last-child {
    margin-bottom: 0 !important;
}
.be-last-child {
    margin-bottom: 0 !important;
}

.be-row .column-block:first-child{
    margin-left: 0;
}
.be-row.zero-bottom .column-block {
    margin-bottom: 0;
}
.be-section .be-row:last-child .column-block {
    margin-bottom: 0;
}

.be-section .be-row:last-child .column-block h1:last-child,
.be-section .be-row:last-child .column-block h2:last-child,
.be-section .be-row:last-child .column-block h3:last-child,
.be-section .be-row:last-child .column-block h4:last-child,
.be-section .be-row:last-child .column-block h5:last-child,
.be-section .be-row:last-child .column-block h6:last-child {
    margin-bottom: 0 !important;
} 

.be-section .be-row:not(:last-child) .column-block h1:last-child,
.be-section .be-row:not(:last-child) .column-block h2:last-child,
.be-section .be-row:not(:last-child) .column-block h3:last-child,
.be-section .be-row:not(:last-child) .column-block h4:last-child,
.be-section .be-row:not(:last-child) .column-block h5:last-child,
.be-section .be-row:not(:last-child) .column-block h6:last-child {
    margin-bottom: 30px !important;
}
html body .be-section .be-row .column-block .be-notification *:last-child {
    margin-bottom: 0px !important;
}
.two-third .column-block, .three-fourth .column-block {
    margin-bottom: 0;
}
.column-inner-content {
    position: relative;
    z-index: 2;
}

/* ====================================
    Section Offset , Parallax & Video Background
   ==================================== */

.be-section.be-video-section .be-section-pad,
.be-section.be-bg-overlay {
    position: relative;
}
.be-section {
    overflow: hidden;
}
.be-section.be-section-offset{
    overflow: visible;
}
.be-section-offset-wrap{
    position: relative;
    z-index: 2;
}
.be-row {
    z-index: 3;
    position: relative;
}
.be-row.be-no-space {
    width: 100%;
}
.be-bg-video {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 0;
    top: 0;
    left: 0;
}
.be-animate {
    visibility: hidden;
    margin-bottom: 30px;
}
#be-pb-main .be-animate {
    visibility: visible;
}
.be-bg-parallax {
    background-attachment: fixed;
}
.be-bg-cover {
    background-size: cover !important;
    -webkit-background-size:cover !important;
    -moz-background-size:cover !important;
}
.be-bg-mousemove-parallax.be-bg-cover {
    background-size: initial !important;
    -webkit-background-size: initial !important;
    -moz-background-size:initial !important;
}
.section-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: #000;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}
.be-col-overlay-link{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.be-shortcode {
    margin-bottom: 60px;
}   

html.section-scroll.csstransforms,
html.csstransforms body.section-scroll
html.csstransforms body.section-scroll #main-wrapper {
    overflow: hidden;
    height: 100%;
}
html.csstransforms body.section-scroll #footer {
    display: none;
}
html.csstransforms body.section-scroll #content {
    opacity: 0;
}
html.csstransforms body.section-scroll #content {
    -webkit-transition: -webkit-transform 800ms ease;
    -moz-transition: -moz-transform 800ms ease;
    -o-transition: -o-transform 800ms ease;
    transition: transform 800ms ease;
    position: relative;
    z-index: 9;
}
.fullscreen-nav-wrap {
    display: none;
}
html.csstransforms body.section-scroll .fullscreen-nav-wrap {
    display: table;
    height: 100%;
    position: fixed;
    bottom: 0px;
    right: 35px;
    top: 0px;
    z-index: 10;
}


html.csstransforms body.section-scroll .fullscreen-nav-wrap-inner {
    display: table-cell;
    zoom: 1;
    vertical-align: middle;
}
.fullscreen-nav {
    margin-bottom: 0px;
    list-style-type: none;
    padding: 0px;
}
.fullscreen-nav-item, .fullscreen-nav-item-hero-section {
    width: 7px;
    height: 7px;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 50%;
    cursor: pointer;
    margin: 5px 0px 5px 0px;
}
.fullscreen-nav-item.current-item, .fullscreen-nav-item-hero-section.current-item {
    background: #fff;
}
body.section-scroll .be-section * {
    -webkit-transform: translateZ(0);
}

body.section-scroll #main > .tatsu-section{
    display: none;
}

/* ====================================
    FixedSidebar Page
   ==================================== */
.fixed-sidebar-page {
    padding: 0px !important;
}
.be-single-portfolio-fixed #content-wrap {
    min-height: 100vh;
}
/*.fixed-sidebar * {
    overflow: visible !important;
}*/
.fixed-sidebar-page #content-wrap {
    position: relative;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar,
.fixed-sidebar-page #page-content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
}
.fixed-sidebar-page #left-sidebar,
.fixed-sidebar-page #right-sidebar {
    width: 30%;
    margin: 0px !important;
    position: absolute;
    height: 100%;
}
.fixed-sidebar-page:not( .be-content-overflow ) #right-sidebar {
    right: 0px;
}
.fixed-sidebar-page #page-content {
    width: 70% ;
    padding: 30px;
}
.fixed-sidebar-page #left-sidebar.active-fixed,
.fixed-sidebar-page #right-sidebar.active-fixed {
    position: fixed;
    top: 0px;
}
.fixed-sidebar-page .top-animate{
    -webkit-transition: top .50s ease;
    -moz-transition: top .50s ease;
    -o-transition: top .50s ease;
    -ms-transition: top .50s ease;
    transition: top .50s ease;
    -webkit-backface-visibility: hidden;
}
.fixed-sidebar-page #right-sidebar.active-fixed {
    right: 0px;
    left: auto;
}
body.admin-bar .fixed-sidebar-page #left-sidebar.active-fixed .fixed-sidebar-content,
body.admin-bar .fixed-sidebar-page #right-sidebar.active-fixed .fixed-sidebar-content {
    padding-top: 82px;
}
.active-fixed .fixed-sidebar-content {
    overflow: hidden;
    display: block;
    height: 100%;
    position: relative;
}
.fixed-sidebar-content {
    padding: 50px 50px 100px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fixed-sidebar-content-inner {
    height: 100%;
}
.active-fixed .fixed-sidebar-content .mCSB_container {
    margin-right: 0px;
}
.fixed-sidebar-page .mCustomScrollBox>.mCSB_scrollTools {
    right: -30px !important;
}
.fixed-sidebar-page .mCustomScrollBox {
    overflow: visible !important;
}
.layout-box .fixed-sidebar-page #right-sidebar.active-fixed {
    position: relative !important;
    right: auto !important;
}
.be-content-overflow .be-content-overflow-inner-wrap {
    display : -webkit-box;
    display : -ms-flexbox;
    display : flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.be-content-overflow .fixed-sidebar-content{
    padding : 0;
}

body.admin-bar .be-content-overflow #right-sidebar.active-fixed .fixed-sidebar-content,
body.admin-bar .be-content-overflow #left-sidebar.active-fixed .fixed-sidebar-content {
    padding-top: 32px;
}
.be-content-overflow #content-wrap #be-overflow-image-content{
   -webkit-box-flex : 1;
        -ms-flex : 1 0 50%;
            flex : 1 0 50%;
}
.be-content-overflow #right-sidebar-wrapper{
    -webkit-box-flex : 1;
        -ms-flex : 1 0 42.8%;
            flex : 1 0 42.8%;
}
.right-overflow-page #be-overflow-image-content{
    -webkit-box-ordinal-group : 3;
        -ms-flex-order : 2;
            order : 2;
}
/* .be-content-overflow .content-single-sidebar{
    width : 50%;
} */
.be-content-overflow #be-overflow-image-content-inner {
    opacity: 0;
}
.be-content-overflow #right-sidebar-wrapper{
    position : relative;
}
.left-overflow-page #right-sidebar-wrapper{
    margin-left : 7.2%;
}
.right-overflow-page #right-sidebar-wrapper{
    margin-right: 7.2%;
}
.be-content-overflow .fixed-sidebar#right-sidebar{
    width : 100%;
}
#right-sidebar-wrapper #right-sidebar{
    background : transparent;
}
.be-content-overflow .be-animate{
    margin-bottom: 0;
}
#be-overflow-image-content img{
    margin : 0 auto;
}
/******************************************************************
    Zero Bottom Margin for Shortcodes in Header and Widget area
*******************************************************************/

.widget .be-shortcode,
.widget .icon-shortcode,
.widget .be-button-wrap{
    margin-bottom: 0px !important;
}

#header-wrap .be-shortcode,
#header-wrap .icon-shortcode,
#header-wrap .be-button-wrap{
    margin-bottom: 0px !important;
}

/******************************************************************
    Media Query
*******************************************************************/

@media only screen and (min-width: 1280px) and (max-width: 1360px) {
    .left-header.left-static .sb-slidebar {
        width: 240px;
    }
    .left-header.left-static #main-wrapper {
        margin-left: 240px !important;
    }
    .left-static.page-template-page-splitscreen-left .header-hero-section{
        width: calc(50% - 120px);
    }
    .left-static.page-template-page-splitscreen-right .header-hero-section {
        left: calc(50% + 120px); 
    }
}

@media only screen and (min-width: 1280px) and (max-width: 1440px) {
    .left-header .be-wrap,
    .left-header .tatsu-wrap {
        max-width: 980px;
        margin: 0 auto;
    }
    .left-header.left-static.be-themes-layout-layout-border .be-wrap,
    .left-header.left-static.be-themes-layout-layout-border .tatsu-wrap {
        max-width: 850px
    }
    .left-header #page-content.content-single-sidebar {
        width:700px;
    }

   .left-header #left-sidebar, 
   .left-header #right-sidebar {
        width:220px;
    }
    .left-header #left-sidebar, 
    .left-header .right-sidebar-page #page-content {
        margin-right: 50px;
    }
    .fixed-sidebar-page #left-sidebar,
    .fixed-sidebar-page #right-sidebar {
        width: 30%;
        margin: 0px !important ;
    }
}



/* =========================================================================
                                    Small Desktop
   ========================================================================= */ 
@media only screen and (min-width: 960px) and (max-width: 1279px) {
    .be-wrap {
        max-width: 940px;
        margin: 0 auto;
    }
    .left-header.left-static .be-wrap{
        max-width: 650px
    }
    .layout-box {
        width:100%;
    }

    #page-content.content-single-sidebar{
        width:670px;
    }

    #left-sidebar, #right-sidebar{
        width:220px;
    }
    #left-sidebar, 
    .right-sidebar-page #page-content {
        margin-right: 50px;
    }
    .fixed-sidebar-page #left-sidebar,
    .fixed-sidebar-page #right-sidebar {
        width: 30%;
        margin: 0px !important ;
    } 
}



/* =========================================================================
                                    TABLET
   ========================================================================= */

@media only screen and (max-width: 1024px) {
    .be-bg-cover,
    .be-section {
        background-attachment: scroll !important;
        background-position: center center !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .be-wrap {
        max-width: 740px;
        margin: 0 auto;
    }
    .layout-box {
        width:100%;
    }
    #page-content.content-single-sidebar{
        width:500px;
    }

    #left-sidebar, #right-sidebar{
        width:200px;
    }
    #left-sidebar,
    .right-sidebar-page #page-content,
    .dual-sidebar-page #left-sidebar,
    #dual-sidebar-wrap {
        margin-right: 40px;
    }   
    #left-sidebar.floting-sidebar, #right-sidebar.floting-sidebar{
        width:100%;
        margin-right: 0;
    }        
    .content-single-sidebar .column-block {
        width: 100%;
        margin-left: 0;
        float: none;
    }   
}

@media only screen and (min-width: 960px) {
    .full-screen-section-wrap {
        display: table;
        width: 100%;
        height: 100%;
    }
    .full-screen-section-wrap .be-section-pad {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        display: table-cell;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 960px) {
    html.section-scroll,
    body.section-scroll {
        overflow: auto !important;
        height: auto !important;
    }
    html.csstransforms body.section-scroll .fullscreen-nav-wrap {
        display: none !important;
    }
    body.section-scroll #footer {
        display: block;
    }
    #content {
        -webkit-transform: initial !important;
        -moz-transform: initial !important;
        -ms-transform: initial !important;
        -o-transform: initial !important;
        transform: initial !important;
    }
    .fixed-sidebar-page #left-sidebar, 
    .fixed-sidebar-page #right-sidebar, 
    .fixed-sidebar-page #page-content.content-single-sidebar,
    .single-portfolio #page-content.content-single-sidebar  {
        width: 100% !important;
        position: relative !important;
        left : 0 !important;
        top : 0 !important;
    }
    .layout-box-container{
        display: none !important;
    }
    .style1-blog .post-date-wrap {
        display: block;
        position: static;
        width: 100%;
        border: none;
        text-align: left;
        padding: 0;
        font-size: inherit !important;
        color: inherit;
        margin-bottom: 5px !important;
    }
    .style1-blog .post-date-wrap div {
        float: left;
        margin-right: 10px;
    }
    .style1-blog .post-title-section {
        padding-left: 0;
    }
    .style1-blog .post-date-wrap:before {
        font-family: "icomoon";
        content: "\e63f";
        margin-right: 10px;
        float: left;
    }
    .be-content-overflow #content-wrap #be-overflow-image-content, .be-content-overflow #content-wrap #right-sidebar-wrapper {
        flex-basis: 100%;
        margin: 0 !important;
    }

}
@media only screen and (min-width: 1025px) {
    .full-screen-section-wrap {
        display: table;
        width: 100%;
        height: 100%;
    }
    .full-screen-section-wrap .be-section-pad {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        display: table-cell;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 768px) {
    .be-no-space .column-block {
        width: 100%;
        display: block;
    }
    .be-no-space .with-background.column-block {
        min-height: 350px;
        /*display: table;*/
    }
    /*
    .be-no-space .with-background .be-custom-column-inner,
    .be-no-space .with-background .be-custom-column-pad{
        display: table-cell;
        vertical-align: middle;
    }
    */
    .be-no-space .no-background .be-custom-column-inner,
    .be-no-space .no-background .be-custom-column-pad{
        padding: 60px 30px !important;
    }
}
/* =========================================================================
                                    MOBILE 320
   ========================================================================= */


@media only screen and (max-width: 767px) {
    .be-wrap {
        max-width: 300px;
        margin: 0 auto;
    } 

    .layout-box {
        width:100%;
        margin: 0; 
    } 

    #right-sidebar,
    #left-sidebar {
        float: none;
        margin-right: 0;
        margin-left: 0;
        margin-top: 50px;
        width: 100%;
    }

    #page-content.content-single-sidebar,
    .right-sidebar-page #page-content { 
        float: none;
        margin-right: 0px;
        width:100%;
        margin-left: 0px;  
    }    

    .column-block {
        float: none;
        margin-left: 0;
        width: 100%;
    }
    .column-block .column-block{
        margin-bottom: 60px;
    }
    .be-section .be-row:last-child .column-block {
        margin-bottom: 60px;
    }
    .be-section .be-row:last-child .column-block:last-child,
    .be-section .be-row.be-no-space:last-child .column-block {
        margin-bottom: 0;
    }
    .be-no-space {
        display: block;
    }
/*    .be-no-space .column-block {
        width: 100%;
        display: block;
    }*/
    .be-no-space .column-block.be-column-pad {
        padding: 80px 15% 80px 5%;
    }   
    .be-column-spacing .column-block{
        margin-bottom: 20px !important;
    }
    #bottom-widgets .column-block {
        margin-bottom: 60px;
    }
    .column-block .be-custom-column-pad {
        padding: 60px 30px !important;
    }
    .column-block .be-custom-column-inner{
        /*padding: 0px 30px !important;*/
    }
    body.disable-css-animation-mobile .be-animate,
    body.disable-css-animation-mobile .tatsu-animate {
        visibility: visible !important;
        -webkit-animation-duration: 0s;
        -moz-animation-duration: 0s;
        -ms-animation-duration: 0s;
        -o-animation-duration: 0s;
        animation-duration: 0s;
        -webkit-animation-name : none;
        animation-name : none;
    }
    .be-video-section video {
        display:none !important;
    }    
}

/* =========================================================================
                                    MOBILE 480
   ========================================================================= */

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .be-wrap {
        max-width: 440px;
        margin: 0 auto;
    } 
}

/*Left Static header small desktops main content spacing issue*/
@media only screen and (min-width: 960px) and (max-width: 1440px) {
    .left-static-menu .be-wrap,
    .left-static-menu .tatsu-wrap {
        padding: 0px 30px;
        box-sizing: border-box;
    }
}/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999997;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999999;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }/* perfect-scrollbar v0.6.15 */
.ps-container {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: hidden !important;
  -ms-overflow-style: none;
  /*width: 100%;*/
  height: 100%; }
  @supports (-ms-overflow-style: none) {
    .ps-container {
      overflow: auto !important; } }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .ps-container {
      overflow: auto !important; } }
  .ps-container.ps-active-x > .ps-scrollbar-x-rail,
  .ps-container.ps-active-y > .ps-scrollbar-y-rail {
    display: block;
    background-color: transparent; }
  .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      background-color: #999;
      height: 11px; }
  .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      background-color: #999;
      width: 11px; }
  .ps-container > .ps-scrollbar-x-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    bottom: 0px;
    /* there must be 'bottom' for ps-scrollbar-x-rail */
    height: 15px; }
    .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      bottom: 2px;
      /* there must be 'bottom' for ps-scrollbar-x */
      height: 6px; }
    .ps-container > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x, .ps-container > .ps-scrollbar-x-rail:active > .ps-scrollbar-x {
      height: 11px; }
  .ps-container > .ps-scrollbar-y-rail {
    display: none;
    position: absolute;
    /* please don't change 'position' */
    opacity: 0;
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    -o-transition: background-color .2s linear, opacity .2s linear;
    -moz-transition: background-color .2s linear, opacity .2s linear;
    transition: background-color .2s linear, opacity .2s linear;
    right: 0;
    /* there must be 'right' for ps-scrollbar-y-rail */
    width: 15px; }
    .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      position: absolute;
      /* please don't change 'position' */
      background-color: #aaa;
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, -webkit-border-radius .2s ease-in-out;
      -o-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      -moz-transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out;
      transition: background-color .2s linear, height .2s linear, width .2s ease-in-out, border-radius .2s ease-in-out, -webkit-border-radius .2s ease-in-out, -moz-border-radius .2s ease-in-out;
      right: 2px;
      /* there must be 'right' for ps-scrollbar-y */
      width: 6px; }
    .ps-container > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y, .ps-container > .ps-scrollbar-y-rail:active > .ps-scrollbar-y {
      width: 11px; }
  .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
      background-color: #999;
      height: 11px; }
  .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
      background-color: #999;
      width: 11px; }
  .ps-container:hover > .ps-scrollbar-x-rail,
  .ps-container:hover > .ps-scrollbar-y-rail {
    opacity: 0.6; }
  .ps-container:hover > .ps-scrollbar-x-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
      background-color: #999; }
  .ps-container:hover > .ps-scrollbar-y-rail:hover {
    background-color: #eee;
    opacity: 0.9; }
    .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
      background-color: #999; }
/*! Flickity v2.1.2
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}


/* Custom Styling for Flickity Slider*/

.be-flickity:after{
    content: 'flickity';
    display: none;
}
#content.portfolio-sliders{
    position: relative ;
    overflow: hidden;
}
#content.portfolio-sliders .img-wrap{
  height: 0px;
  height: 100vh;
}
#content.be-centered .img-wrap,
#content.be-fullscreen .img-wrap{
  width: 100%;
  text-align: center;
}
.be-fullscreen .be-flickity img{
  max-width: initial !important;
}
.be-flickity .img-wrap{
  overflow: hidden;
}
.be-flickity .img-wrap img{
  display: inline-block;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.9s ease;
  -ms-transition: opacity 0.9s ease;
  -o-transition: opacity 0.9s ease;
  transition: opacity 0.9s ease;
}

.be-flickity .img-wrap iframe{
  opacity: 0;
  -webkit-transition: opacity 0.9s ease;  
  -ms-transition: opacity 0.9s ease;
  -o-transition: opacity 0.9s ease;
  transition: opacity 0.9s ease;
}
.be-flickity .img-wrap .flickity-lazyloaded{
  opacity: 1;
}
.be-flickity .img-wrap .img-overlay-wrap {
    display: none;
    /*opacity: 1;*/
    -webkit-transition: opacity 0.9s ease;
    -ms-transition: opacity 0.9s ease;
    -o-transition: opacity 0.9s ease;
    transition: opacity 0.9s ease;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000;
    background: rgba(0, 0, 0, 0.85);
    z-index: 1;
}
.be-flickity .img-wrap.is-selected .img-overlay-wrap{
  opacity: 0;
  /*z-index: -1;*/
}
.img-wrap .fluid-width-video-wrapper {
   display: inline-block !important;
   vertical-align: top !important;
   padding: 0px !important;
   margin: 0px !important;
   height: 100% !important;
}
.img-wrap .fluid-width-video-wrapper iframe.gallery {
   position: relative !important;
   height: 100% !important;
   width: 100%!important;
}
.flickity-slider .img-wrap.is-selected .attachment-details-custom-slider{
  display: block;
  transition: all 0.9s fadeOut;
  -ms-transition: all 0.9s fadeOut;
  -o-transition: all 0.9s fadeOut;
  transition: all 0.9s fadeOut;
}
.gallery-info-box-wrap .slider-counts{
  display: inline-block;
  padding: 0px 7px;
  line-height: 40px;
}
.single-portfolio-slider.carousel_bar_area{
  position: absolute;
  bottom: 0px;
  width: 100%;
  min-height: 35px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  text-align: center;
  display: block;
  height: 75px;
  overflow: hidden;
  /*background: transparent;*/
  /*background: url(//carmendent.ro/wp-content/themes/oshin/css/img/dots.png) no-repeat center 62%;*/
}
.single-portfolio-slider .carousel_bar_dots{
  width: 41px;
  height: 75px;
  z-index: 2;
  position: absolute;
  display: block;
  left:50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  background: url(//carmendent.ro/wp-content/themes/oshin/css/img/dots.png) no-repeat center;
}
.single-portfolio-slider .carousel_bar_wrap{
  position: absolute;
  margin: 0 auto;
  right: 0px;
  left: 0px;
  z-index: 13;
  bottom: -500px; 
  padding:10px 0;
}
.be-carousel-thumb a img{
  max-width: none;
}
.single-portfolio-slider .carousel_bar_wrap.be-wrap{
  width: 1160px;
}
.be-flickity-thumb img,
.be-carousel-thumb img{
  margin-left: 10px;
  width: auto !important;
  height: 50px;
}
.single-portfolio-slider .carousel_bar_wrap{
  background: transparent; 
}

/*Custom Arrow Styling*/
.flickity-prev-next-button.previous {
   left: 0px;
}
.flickity-prev-next-button.next{
   right: 0px;
}
.flickity-prev-next-button{
  border-radius: 0%;
}
button.flickity-prev-next-button {
  margin:0px;
}
.flickity-prev-next-button svg{
  height: 60%;
  width: 60%;
  top: 20px;
}
.flickity-prev-next-button.next svg{
  left: 15px; 
}
.flickity-prev-next-button.next svg{
  left: 10px;
}
.flickity-prev-next-button:focus{
  box-shadow: none;
}
.arrow-border .flickity-prev-next-button{
  background: transparent !important;
}
.style1-arrow .flickity-prev-next-button,
.style2-arrow .flickity-prev-next-button {
   height: 100px;
   line-height: 100px;
   width: 60px;
}

.style3-arrow .flickity-prev-next-button,
.style4-arrow .flickity-prev-next-button {
   height: 40px;
   line-height: 40px;
   width: 40px;
}

.style5-arrow .flickity-prev-next-button,
.style6-arrow .flickity-prev-next-button {
   height: 50px;
   line-height: 50px;
   width: 50px;
   border-radius: 50%;
}

.style2-arrow .flickity-prev-next-button.previous,
.style4-arrow .flickity-prev-next-button.previous{
   border-left: none !important;
}

.style2-arrow .flickity-prev-next-button.next,
.style4-arrow .flickity-prev-next-button.next{
   border-right: none !important;
} 

.style5-arrow .flickity-prev-next-button.previous,
.style6-arrow .flickity-prev-next-button.previous{
   left:15px;
}

.style5-arrow .flickity-prev-next-button.next,
.style6-arrow .flickity-prev-next-button.next{
   right:15px;
}

  /* =========================================================================
                                    TABLET
   ========================================================================= */

@media only screen and (max-width: 960px) {
  .show-desktop-only {
    display: none !important;
  }
  .be-flickity .img-wrap .img-overlay-wrap{
    display: none !important;
  }
  .single-portfolio-slider.carousel_bar_area.show-desktop-only{
    display: none !important;
  }
  .disable-flickity-mobile.be-flickity:after{
    content: '';
  }
  .disable-flickity-mobile.be-flickity .img-wrap img{
    opacity: 1 !important;
    height: auto !important;
    width: 100% !important;
    margin-left: 0px !important;
    top: 0px !important;
    margin-top: 0 !important;
  }
  .disable-flickity-mobile.be-flickity .img-wrap{
    margin-left: 0px !important;
    margin-bottom: 10px;
  }
  .disable-flickity-mobile{
    padding: 10px 10px !important;
  }
  .enable-flickity-mobile.be-flickity .fluid-width-video-wrapper{
      height: 100%;
      padding-top: 0px !important;
  }
 
  .be-flickity.enable-flickity-mobile .img-wrap img,
  .be-flickity.enable-flickity-mobile .img-wrap iframe{
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 0px !important;
    margin-top: 0px !important;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
  }
  .be-flickity.enable-flickity-mobile .img-wrap img{
    height: auto !important;
  }
  .be-flickity.enable-flickity-mobile .img-wrap iframe{
    height: 70% !important;
  }
  .be-fullscreen .be-flickity.enable-flickity-mobile img{
    max-width: 100% !important;
  }
  .be-flickity.enable-flickity-mobile .attachment-details-custom-slider{
    position: absolute !important;
    background: transparent;
    width: 100%;
    padding: 0px;
    top: 0px;
    color: inherit;
  }
  .be-flickity.enable-flickity-mobile .attachment-details-custom-slider a{
    text-align: center;
  }
  .be-flickity.disable-flickity-mobile .img-wrap{
    position: relative;
  }
  .be-flickity.disable-flickity-mobile .fluid-width-video-wrapper iframe.gallery {
    position: absolute !important;
    width: 100% !important;
  }
  .be-flickity.disable-flickity-mobile .fluid-width-video-wrapper {
    padding-top: 50% !important;
  }
  .be-flickity.disable-flickity-mobile .attachment-details-custom-slider {
    position: static !important;
    display: block !important;
  }
  .gallery-info-box-wrap .slider-counts{
    display: none;
    padding-left: 0px;
    text-align: center;
    margin-right: 10px;
  }
  .portfolio-sliders .gallery_content{
    margin-top: 30px;
  }
  .portfolio-sliders .carousel_bar_area.disable-flickity-mobile-thumb{
    display: none;
  } 
  .flickity-prev-next-button{
    display: none;
  }
  .gallery_content_slide{
    margin-bottom: 30px;
  }
}
.be-flickity .gdpr-alt-image {
  height : 100%;
}
.be-flickity .gdpr-alt-image img{
  height : 100%;
  width : auto;
  max-width: 100%;
}
@media only screen and (max-width: 767px) {
  /*Code to Hide Thumbnail in BE Horizontal Carousel*/
  .gallery-all-container .single-portfolio-slider{
    display: none;
  }
}
@font-face {
    font-family: 'Hans Kendrick Heavy';
    src: url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-heavy-webfont.oft) format("oft");
    src: url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-heavy-webfont.eot?#iefix) format('embedded-opentype'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-heavy-webfont.woff) format('woff'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-heavy-webfont.ttf) format('truetype'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-heavy-webfont.svg#hans_kendrickheavy) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Hans Kendrick Light';
    src: url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-light-webfont.oft) format("oft");
    src: url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-light-webfont.eot?#iefix) format('embedded-opentype'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-light-webfont.woff) format('woff'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-light-webfont.ttf) format('truetype'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-light-webfont.svg#hans_kendricklight) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Hans Kendrick Medium';
    src: url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-medium-webfont.oft) format("oft");
    src: url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-medium-webfont.eot?#iefix) format('embedded-opentype'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-medium-webfont.woff) format('woff'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-medium-webfont.ttf) format('truetype'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-medium-webfont.svg#hans_kendrickmedium) format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Hans Kendrick Regular';
    src: url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-regular-webfont.oft) format("oft");
    src: url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-regular-webfont.woff) format('woff'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-regular-webfont.ttf) format('truetype'),
         url(//carmendent.ro/wp-content/themes/oshin/fonts/custom-fonts/hanskendrick-regular-webfont.svg#hans_kendrickregular) format('svg');
    font-weight: normal;
    font-style: normal;

}
/*
Theme Name: Oshin
Theme URI: https://oshinewptheme.com
Author: Brand Exponents
Author URI: http://www.brandexponents.com/
Description:  Multi Layout Multi-Purpose Responsive Wordpress theme
Version: 7.0.1
License: GPL 2.0
License URI: license.txt
Tags: two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, translation-ready
Text Domain: oshin
*/