@font-face {
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(/stores/fonts/icomoon.eot?3p0rtw);
    src: url(/stores/fonts/icomoon.eot?#iefix3p0rtw) format("embedded-opentype"),url(/stores/fonts/icomoon.woff?3p0rtw) format("woff"),url(/stores/fonts/icomoon.ttf?3p0rtw) format("truetype"),url(/stores/fonts/icomoon.svg?3p0rtw#icomoon) format("svg")
}

[class*=" icon-"],[class^=icon-] {
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-family: icomoon;
    font-size: 25px;
    font-style: normal;
    font-variant: normal;
    font-weight: 800;
    line-height: 1;
    min-width: 1em;
    position: relative;
    text-align: center;
    text-transform: none;
    top: -1px;
    vertical-align: middle
}

.icon-2x {
    font-size: 32px
}

.icon-3x {
    font-size: 48px
}

.icon-bordered {
    border: 2px solid;
    border-radius: 50%;
    padding: 5px
}

.icon-home:before {
    content: "\e900"
}

.icon-home2:before {
    content: "\e901"
}

.icon-home5:before {
    content: "\e904"
}

.icon-home7:before {
    content: "\e906"
}

.icon-home8:before {
    content: "\e907"
}

.icon-home9:before {
    content: "\e908"
}

.icon-office:before {
    content: "\e909"
}

.icon-city:before {
    content: "\e90a"
}

.icon-newspaper:before {
    content: "\e90b"
}

.icon-magazine:before {
    content: "\e90c"
}

.icon-design:before {
    content: "\e90d"
}

.icon-pencil:before {
    content: "\e90e"
}

.icon-pencil3:before {
    content: "\e910"
}

.icon-pencil4:before {
    content: "\e911"
}

.icon-pencil5:before {
    content: "\e912"
}

.icon-pencil6:before {
    content: "\e913"
}

.icon-pencil7:before {
    content: "\e914"
}

.icon-eraser:before {
    content: "\e915"
}

.icon-eraser2:before {
    content: "\e916"
}

.icon-eraser3:before {
    content: "\e917"
}

.icon-quill2:before {
    content: "\e919"
}

.icon-quill4:before {
    content: "\e91b"
}

.icon-pen:before {
    content: "\e91c"
}

.icon-pen-plus:before {
    content: "\e91d"
}

.icon-pen-minus:before {
    content: "\e91e"
}

.icon-pen2:before {
    content: "\e91f"
}

.icon-blog:before {
    content: "\e925"
}

.icon-pen6:before {
    content: "\e927"
}

.icon-brush:before {
    content: "\e928"
}

.icon-spray:before {
    content: "\e929"
}

.icon-color-sampler:before {
    content: "\e92c"
}

.icon-toggle:before {
    content: "\e92d"
}

.icon-bucket:before {
    content: "\e92e"
}

.icon-gradient:before {
    content: "\e930"
}

.icon-eyedropper:before {
    content: "\e931"
}

.icon-eyedropper2:before {
    content: "\e932"
}

.icon-eyedropper3:before {
    content: "\e933"
}

.icon-droplet:before {
    content: "\e934"
}

.icon-droplet2:before {
    content: "\e935"
}

.icon-color-clear:before {
    content: "\e937"
}

.icon-paint-format:before {
    content: "\e938"
}

.icon-stamp:before {
    content: "\e939"
}

.icon-image2:before {
    content: "\e93c"
}

.icon-image-compare:before {
    content: "\e93d"
}

.icon-images2:before {
    content: "\e93e"
}

.icon-image3:before {
    content: "\e93f"
}

.icon-images3:before {
    content: "\e940"
}

.icon-image4:before {
    content: "\e941"
}

.icon-image5:before {
    content: "\e942"
}

.icon-camera:before {
    content: "\e944"
}

.icon-shutter:before {
    content: "\e947"
}

.icon-headphones:before {
    content: "\e948"
}

.icon-headset:before {
    content: "\e949"
}

.icon-music:before {
    content: "\e94a"
}

.icon-album:before {
    content: "\e950"
}

.icon-tape:before {
    content: "\e952"
}

.icon-piano:before {
    content: "\e953"
}

.icon-speakers:before {
    content: "\e956"
}

.icon-play:before {
    content: "\e957"
}

.icon-clapboard-play:before {
    content: "\e959"
}

.icon-clapboard:before {
    content: "\e95a"
}

.icon-media:before {
    content: "\e95b"
}

.icon-presentation:before {
    content: "\e95c"
}

.icon-movie:before {
    content: "\e95d"
}

.icon-film:before {
    content: "\e95e"
}

.icon-film2:before {
    content: "\e95f"
}

.icon-film3:before {
    content: "\e960"
}

.icon-film4:before {
    content: "\e961"
}

.icon-video-camera:before {
    content: "\e962"
}

.icon-video-camera2:before {
    content: "\e963"
}

.icon-video-camera-slash:before {
    content: "\e964"
}

.icon-video-camera3:before {
    content: "\e965"
}

.icon-dice:before {
    content: "\e96a"
}

.icon-chess-king:before {
    content: "\e972"
}

.icon-chess-queen:before {
    content: "\e973"
}

.icon-chess:before {
    content: "\e978"
}

.icon-megaphone:before {
    content: "\e97a"
}

.icon-new:before {
    content: "\e97b"
}

.icon-connection:before {
    content: "\e97c"
}

.icon-station:before {
    content: "\e981"
}

.icon-satellite-dish2:before {
    content: "\e98a"
}

.icon-feed:before {
    content: "\e9b3"
}

.icon-mic2:before {
    content: "\e9ce"
}

.icon-mic-off2:before {
    content: "\e9e0"
}

.icon-book:before {
    content: "\e9e1"
}

.icon-book2:before {
    content: "\e9e9"
}

.icon-book-play:before {
    content: "\e9fd"
}

.icon-book3:before {
    content: "\ea01"
}

.icon-bookmark:before {
    content: "\ea02"
}

.icon-books:before {
    content: "\ea03"
}

.icon-archive:before {
    content: "\ea04"
}

.icon-reading:before {
    content: "\ea05"
}

.icon-library2:before {
    content: "\ea06"
}

.icon-graduation2:before {
    content: "\ea07"
}

.icon-file-text:before {
    content: "\ea08"
}

.icon-profile:before {
    content: "\ea09"
}

.icon-file-empty:before {
    content: "\ea0a"
}

.icon-file-empty2:before {
    content: "\ea0b"
}

.icon-files-empty:before {
    content: "\ea0c"
}

.icon-files-empty2:before {
    content: "\ea0d"
}

.icon-file-plus:before {
    content: "\ea0e"
}

.icon-file-plus2:before {
    content: "\ea0f"
}

.icon-file-minus:before {
    content: "\ea10"
}

.icon-file-minus2:before {
    content: "\ea11"
}

.icon-file-download:before {
    content: "\ea12"
}

.icon-file-download2:before {
    content: "\ea13"
}

.icon-file-upload:before {
    content: "\ea14"
}

.icon-file-upload2:before {
    content: "\ea15"
}

.icon-file-check:before {
    content: "\ea16"
}

.icon-file-check2:before {
    content: "\ea17"
}

.icon-file-eye:before {
    content: "\ea18"
}

.icon-file-eye2:before {
    content: "\ea19"
}

.icon-file-text2:before {
    content: "\ea1a"
}

.icon-file-text3:before {
    content: "\ea1b"
}

.icon-file-picture:before {
    content: "\ea1c"
}

.icon-file-picture2:before {
    content: "\ea1d"
}

.icon-file-music:before {
    content: "\ea1e"
}

.icon-file-music2:before {
    content: "\ea1f"
}

.icon-file-play:before {
    content: "\ea20"
}

.icon-file-play2:before {
    content: "\ea21"
}

.icon-file-video:before {
    content: "\ea22"
}

.icon-file-video2:before {
    content: "\ea23"
}

.icon-copy:before {
    content: "\ea24"
}

.icon-copy2:before {
    content: "\ea25"
}

.icon-file-zip:before {
    content: "\ea26"
}

.icon-file-zip2:before {
    content: "\ea27"
}

.icon-file-xml:before {
    content: "\ea28"
}

.icon-file-xml2:before {
    content: "\ea29"
}

.icon-file-css:before {
    content: "\ea2a"
}

.icon-file-css2:before {
    content: "\ea2b"
}

.icon-file-presentation:before {
    content: "\ea2c"
}

.icon-file-presentation2:before {
    content: "\ea2d"
}

.icon-file-stats:before {
    content: "\ea2e"
}

.icon-file-stats2:before {
    content: "\ea2f"
}

.icon-file-locked:before {
    content: "\ea30"
}

.icon-file-locked2:before {
    content: "\ea31"
}

.icon-file-spreadsheet:before {
    content: "\ea32"
}

.icon-file-spreadsheet2:before {
    content: "\ea33"
}

.icon-copy3:before {
    content: "\ea34"
}

.icon-copy4:before {
    content: "\ea35"
}

.icon-paste:before {
    content: "\ea36"
}

.icon-paste2:before {
    content: "\ea37"
}

.icon-paste3:before {
    content: "\ea38"
}

.icon-paste4:before {
    content: "\ea39"
}

.icon-stack:before {
    content: "\ea3a"
}

.icon-stack2:before {
    content: "\ea3b"
}

.icon-stack3:before {
    content: "\ea3c"
}

.icon-folder:before {
    content: "\ea3d"
}

.icon-folder-search:before {
    content: "\ea3e"
}

.icon-folder-download:before {
    content: "\ea3f"
}

.icon-folder-upload:before {
    content: "\ea40"
}

.icon-folder-plus:before {
    content: "\ea41"
}

.icon-folder-plus2:before {
    content: "\ea42"
}

.icon-folder-minus:before {
    content: "\ea43"
}

.icon-folder-minus2:before {
    content: "\ea44"
}

.icon-folder-check:before {
    content: "\ea45"
}

.icon-folder-heart:before {
    content: "\ea46"
}

.icon-folder-remove:before {
    content: "\ea47"
}

.icon-folder2:before {
    content: "\ea48"
}

.icon-folder-open:before {
    content: "\ea49"
}

.icon-folder3:before {
    content: "\ea4a"
}

.icon-folder4:before {
    content: "\ea4b"
}

.icon-folder-plus3:before {
    content: "\ea4c"
}

.icon-folder-minus3:before {
    content: "\ea4d"
}

.icon-folder-plus4:before {
    content: "\ea4e"
}

.icon-folder-minus4:before {
    content: "\ea4f"
}

.icon-folder-download2:before {
    content: "\ea50"
}

.icon-folder-upload2:before {
    content: "\ea51"
}

.icon-folder-download3:before {
    content: "\ea52"
}

.icon-folder-upload3:before {
    content: "\ea53"
}

.icon-folder5:before {
    content: "\ea54"
}

.icon-folder-open2:before {
    content: "\ea55"
}

.icon-folder6:before {
    content: "\ea56"
}

.icon-folder-open3:before {
    content: "\ea57"
}

.icon-certificate:before {
    content: "\ea58"
}

.icon-cc:before {
    content: "\ea59"
}

.icon-price-tag:before {
    content: "\ea5a"
}

.icon-price-tag2:before {
    content: "\ea5b"
}

.icon-price-tags:before {
    content: "\ea5c"
}

.icon-price-tag3:before {
    content: "\ea5d"
}

.icon-price-tags2:before {
    content: "\ea5e"
}

.icon-barcode2:before {
    content: "\ea5f"
}

.icon-qrcode:before {
    content: "\ea60"
}

.icon-ticket:before {
    content: "\ea61"
}

.icon-theater:before {
    content: "\ea62"
}

.icon-store:before {
    content: "\ea63"
}

.icon-store2:before {
    content: "\ea64"
}

.icon-cart:before {
    content: "\ea65"
}

.icon-cart2:before {
    content: "\ea66"
}

.icon-cart4:before {
    content: "\ea67"
}

.icon-cart5:before {
    content: "\ea68"
}

.icon-cart-add:before {
    content: "\ea69"
}

.icon-cart-add2:before {
    content: "\ea6a"
}

.icon-cart-remove:before {
    content: "\ea6b"
}

.icon-basket:before {
    content: "\ea6c"
}

.icon-bag:before {
    content: "\ea6d"
}

.icon-percent:before {
    content: "\ea6f"
}

.icon-coins:before {
    content: "\ea70"
}

.icon-coin-dollar:before {
    content: "\ea71"
}

.icon-coin-euro:before {
    content: "\ea72"
}

.icon-coin-pound:before {
    content: "\ea73"
}

.icon-coin-yen:before {
    content: "\ea74"
}

.icon-piggy-bank:before {
    content: "\ea75"
}

.icon-wallet:before {
    content: "\ea76"
}

.icon-cash:before {
    content: "\ea77"
}

.icon-cash2:before {
    content: "\ea78"
}

.icon-cash3:before {
    content: "\ea79"
}

.icon-cash4:before {
    content: "\ea7a"
}

.icon-credit-card:before {
    content: "\ea6e"
}

.icon-credit-card2:before {
    content: "\ea7b"
}

.icon-calculator4:before {
    content: "\ea7c"
}

.icon-calculator2:before {
    content: "\ea7d"
}

.icon-calculator3:before {
    content: "\ea7e"
}

.icon-chip:before {
    content: "\ea7f"
}

.icon-lifebuoy:before {
    content: "\ea80"
}

.icon-phone:before {
    content: "\ea81"
}

.icon-phone2:before {
    content: "\ea82"
}

.icon-phone-slash:before {
    content: "\ea83"
}

.icon-phone-wave:before {
    content: "\ea84"
}

.icon-phone-plus:before {
    content: "\ea85"
}

.icon-phone-minus:before {
    content: "\ea86"
}

.icon-phone-plus2:before {
    content: "\ea87"
}

.icon-phone-minus2:before {
    content: "\ea88"
}

.icon-phone-incoming:before {
    content: "\ea89"
}

.icon-phone-outgoing:before {
    content: "\ea8a"
}

.icon-phone-hang-up:before {
    content: "\ea8e"
}

.icon-address-book:before {
    content: "\ea90"
}

.icon-address-book2:before {
    content: "\ea91"
}

.icon-address-book3:before {
    content: "\ea92"
}

.icon-notebook:before {
    content: "\ea93"
}

.icon-envelop:before {
    content: "\ea94"
}

.icon-envelop2:before {
    content: "\ea95"
}

.icon-envelop3:before {
    content: "\ea96"
}

.icon-envelop4:before {
    content: "\ea97"
}

.icon-envelop5:before {
    content: "\ea98"
}

.icon-mailbox:before {
    content: "\ea99"
}

.icon-pushpin:before {
    content: "\ea9a"
}

.icon-location3:before {
    content: "\ea9d"
}

.icon-location4:before {
    content: "\ea9e"
}

.icon-compass4:before {
    content: "\ea9f"
}

.icon-map:before {
    content: "\eaa0"
}

.icon-map4:before {
    content: "\eaa1"
}

.icon-map5:before {
    content: "\eaa2"
}

.icon-direction:before {
    content: "\eaa3"
}

.icon-reset:before {
    content: "\eaa4"
}

.icon-history:before {
    content: "\eaa5"
}

.icon-watch:before {
    content: "\eaa6"
}

.icon-watch2:before {
    content: "\eaa7"
}

.icon-alarm:before {
    content: "\eaa8"
}

.icon-alarm-add:before {
    content: "\eaa9"
}

.icon-alarm-check:before {
    content: "\eaaa"
}

.icon-alarm-cancel:before {
    content: "\eaab"
}

.icon-bell2:before {
    content: "\eaac"
}

.icon-bell3:before {
    content: "\eaad"
}

.icon-bell-plus:before {
    content: "\eaae"
}

.icon-bell-minus:before {
    content: "\eaaf"
}

.icon-bell-check:before {
    content: "\eab0"
}

.icon-bell-cross:before {
    content: "\eab1"
}

.icon-calendar:before {
    content: "\eab2"
}

.icon-calendar2:before {
    content: "\eab3"
}

.icon-calendar3:before {
    content: "\eab4"
}

.icon-calendar52:before {
    content: "\eab6"
}

.icon-printer:before {
    content: "\eab7"
}

.icon-printer2:before {
    content: "\eab8"
}

.icon-printer4:before {
    content: "\eab9"
}

.icon-shredder:before {
    content: "\eaba"
}

.icon-mouse:before {
    content: "\eabb"
}

.icon-mouse-left:before {
    content: "\eabc"
}

.icon-mouse-right:before {
    content: "\eabd"
}

.icon-keyboard:before {
    content: "\eabe"
}

.icon-typewriter:before {
    content: "\eabf"
}

.icon-display:before {
    content: "\eac0"
}

.icon-display4:before {
    content: "\eac1"
}

.icon-laptop:before {
    content: "\eac2"
}

.icon-mobile:before {
    content: "\eac3"
}

.icon-mobile2:before {
    content: "\eac4"
}

.icon-tablet:before {
    content: "\eac5"
}

.icon-mobile3:before {
    content: "\eac6"
}

.icon-tv:before {
    content: "\eac7"
}

.icon-radio:before {
    content: "\eac8"
}

.icon-cabinet:before {
    content: "\eac9"
}

.icon-drawer:before {
    content: "\eaca"
}

.icon-drawer2:before {
    content: "\eacb"
}

.icon-drawer-out:before {
    content: "\eacc"
}

.icon-drawer-in:before {
    content: "\eacd"
}

.icon-drawer3:before {
    content: "\eace"
}

.icon-box:before {
    content: "\eacf"
}

.icon-box-add:before {
    content: "\ead0"
}

.icon-box-remove:before {
    content: "\ead1"
}

.icon-download:before {
    content: "\ead2"
}

.icon-upload:before {
    content: "\ead3"
}

.icon-floppy-disk:before {
    content: "\ead4"
}

.icon-floppy-disks:before {
    content: "\ead5"
}

.icon-usb-stick:before {
    content: "\ead6"
}

.icon-drive:before {
    content: "\ead7"
}

.icon-server:before {
    content: "\ead8"
}

.icon-database:before {
    content: "\ead9"
}

.icon-database2:before {
    content: "\eada"
}

.icon-database4:before {
    content: "\eadb"
}

.icon-database-menu:before {
    content: "\eadc"
}

.icon-database-add:before {
    content: "\eadd"
}

.icon-database-remove:before {
    content: "\eade"
}

.icon-database-insert:before {
    content: "\eadf"
}

.icon-database-export:before {
    content: "\eae0"
}

.icon-database-upload:before {
    content: "\eae1"
}

.icon-database-refresh:before {
    content: "\eae2"
}

.icon-database-diff:before {
    content: "\eae3"
}

.icon-database-edit2:before {
    content: "\eae5"
}

.icon-database-check:before {
    content: "\eae6"
}

.icon-database-arrow:before {
    content: "\eae7"
}

.icon-database-time2:before {
    content: "\eae9"
}

.icon-undo:before {
    content: "\eaea"
}

.icon-redo:before {
    content: "\eaeb"
}

.icon-rotate-ccw:before {
    content: "\eaec"
}

.icon-rotate-cw:before {
    content: "\eaed"
}

.icon-rotate-ccw2:before {
    content: "\eaee"
}

.icon-rotate-cw2:before {
    content: "\eaef"
}

.icon-rotate-ccw3:before {
    content: "\eaf0"
}

.icon-rotate-cw3:before {
    content: "\eaf1"
}

.icon-flip-vertical2:before {
    content: "\eaf2"
}

.icon-flip-horizontal2:before {
    content: "\eaf3"
}

.icon-flip-vertical3:before {
    content: "\eaf4"
}

.icon-flip-vertical4:before {
    content: "\eaf5"
}

.icon-angle:before {
    content: "\eaf6"
}

.icon-shear:before {
    content: "\eaf7"
}

.icon-align-left:before {
    content: "\eafc"
}

.icon-align-center-horizontal:before {
    content: "\eafd"
}

.icon-align-right:before {
    content: "\eafe"
}

.icon-align-top:before {
    content: "\eaff"
}

.icon-align-center-vertical:before {
    content: "\eb00"
}

.icon-align-bottom:before {
    content: "\eb01"
}

.icon-undo2:before {
    content: "\eb02"
}

.icon-redo2:before {
    content: "\eb03"
}

.icon-forward:before {
    content: "\eb04"
}

.icon-reply:before {
    content: "\eb05"
}

.icon-reply-all:before {
    content: "\eb06"
}

.icon-bubble:before {
    content: "\eb07"
}

.icon-bubbles:before {
    content: "\eb08"
}

.icon-bubbles2:before {
    content: "\eb09"
}

.icon-bubble2:before {
    content: "\eb0a"
}

.icon-bubbles3:before {
    content: "\eb0b"
}

.icon-bubbles4:before {
    content: "\eb0c"
}

.icon-bubble-notification:before {
    content: "\eb0d"
}

.icon-bubbles5:before {
    content: "\eb0e"
}

.icon-bubbles6:before {
    content: "\eb0f"
}

.icon-bubble6:before {
    content: "\eb10"
}

.icon-bubbles7:before {
    content: "\eb11"
}

.icon-bubble7:before {
    content: "\eb12"
}

.icon-bubbles8:before {
    content: "\eb13"
}

.icon-bubble8:before {
    content: "\eb14"
}

.icon-bubble-dots3:before {
    content: "\eb15"
}

.icon-bubble-lines3:before {
    content: "\eb16"
}

.icon-bubble9:before {
    content: "\eb17"
}

.icon-bubble-dots4:before {
    content: "\eb18"
}

.icon-bubble-lines4:before {
    content: "\eb19"
}

.icon-bubbles9:before {
    content: "\eb1a"
}

.icon-bubbles10:before {
    content: "\eb1b"
}

.icon-user:before {
    content: "\eb33"
}

.icon-users:before {
    content: "\eb34"
}

.icon-user-plus:before {
    content: "\eb35"
}

.icon-user-minus:before {
    content: "\eb36"
}

.icon-user-cancel:before {
    content: "\eb37"
}

.icon-user-block:before {
    content: "\eb38"
}

.icon-user-lock:before {
    content: "\eb39"
}

.icon-user-check:before {
    content: "\eb3a"
}

.icon-users2:before {
    content: "\eb3b"
}

.icon-users4:before {
    content: "\eb44"
}

.icon-user-tie:before {
    content: "\eb45"
}

.icon-collaboration:before {
    content: "\eb46"
}

.icon-vcard:before {
    content: "\eb47"
}

.icon-hat:before {
    content: "\ebb8"
}

.icon-bowtie:before {
    content: "\ebb9"
}

.icon-quotes-left:before {
    content: "\eb49"
}

.icon-quotes-right:before {
    content: "\eb4a"
}

.icon-quotes-left2:before {
    content: "\eb4b"
}

.icon-quotes-right2:before {
    content: "\eb4c"
}

.icon-hour-glass:before {
    content: "\eb4d"
}

.icon-hour-glass2:before {
    content: "\eb4e"
}

.icon-hour-glass3:before {
    content: "\eb4f"
}

.icon-spinner:before {
    content: "\eb50"
}

.icon-spinner2:before {
    content: "\eb51"
}

.icon-spinner3:before {
    content: "\eb52"
}

.icon-spinner4:before {
    content: "\eb53"
}

.icon-spinner6:before {
    content: "\eb54"
}

.icon-spinner9:before {
    content: "\eb55"
}

.icon-spinner10:before {
    content: "\eb56"
}

.icon-spinner11:before {
    content: "\eb57"
}

.icon-microscope:before {
    content: "\eb58"
}

.icon-enlarge:before {
    content: "\eb59"
}

.icon-shrink:before {
    content: "\eb5a"
}

.icon-enlarge3:before {
    content: "\eb5b"
}

.icon-shrink3:before {
    content: "\eb5c"
}

.icon-enlarge5:before {
    content: "\eb5d"
}

.icon-shrink5:before {
    content: "\eb5e"
}

.icon-enlarge6:before {
    content: "\eb5f"
}

.icon-shrink6:before {
    content: "\eb60"
}

.icon-enlarge7:before {
    content: "\eb61"
}

.icon-shrink7:before {
    content: "\eb62"
}

.icon-key:before {
    content: "\eb63"
}

.icon-lock:before {
    content: "\eb65"
}

.icon-lock2:before {
    content: "\eb66"
}

.icon-lock4:before {
    content: "\eb67"
}

.icon-unlocked:before {
    content: "\eb68"
}

.icon-lock5:before {
    content: "\eb69"
}

.icon-unlocked2:before {
    content: "\eb6a"
}

.icon-safe:before {
    content: "\eb6b"
}

.icon-wrench:before {
    content: "\eb6c"
}

.icon-wrench2:before {
    content: "\eb6d"
}

.icon-wrench3:before {
    content: "\eb6e"
}

.icon-equalizer:before {
    content: "\eb6f"
}

.icon-equalizer2:before {
    content: "\eb70"
}

.icon-equalizer3:before {
    content: "\eb71"
}

.icon-equalizer4:before {
    content: "\eb72"
}

.icon-cog:before {
    content: "\eb73"
}

.icon-cogs:before {
    content: "\eb74"
}

.icon-cog2:before {
    content: "\eb75"
}

.icon-cog3:before {
    content: "\eb76"
}

.icon-cog4:before {
    content: "\eb77"
}

.icon-cog52:before {
    content: "\eb78"
}

.icon-cog6:before {
    content: "\eb79"
}

.icon-cog7:before {
    content: "\eb7a"
}

.icon-hammer:before {
    content: "\eb7c"
}

.icon-hammer-wrench:before {
    content: "\eb7d"
}

.icon-magic-wand:before {
    content: "\eb7e"
}

.icon-magic-wand2:before {
    content: "\eb7f"
}

.icon-pulse2:before {
    content: "\eb80"
}

.icon-aid-kit:before {
    content: "\eb81"
}

.icon-bug2:before {
    content: "\eb83"
}

.icon-construction:before {
    content: "\eb85"
}

.icon-traffic-cone:before {
    content: "\eb86"
}

.icon-traffic-lights:before {
    content: "\eb87"
}

.icon-pie-chart:before {
    content: "\eb88"
}

.icon-pie-chart2:before {
    content: "\eb89"
}

.icon-pie-chart3:before {
    content: "\eb8a"
}

.icon-pie-chart4:before {
    content: "\eb8b"
}

.icon-pie-chart5:before {
    content: "\eb8c"
}

.icon-pie-chart6:before {
    content: "\eb8d"
}

.icon-pie-chart7:before {
    content: "\eb8e"
}

.icon-stats-dots:before {
    content: "\eb8f"
}

.icon-stats-bars:before {
    content: "\eb90"
}

.icon-pie-chart8:before {
    content: "\eb91"
}

.icon-stats-bars2:before {
    content: "\eb92"
}

.icon-stats-bars3:before {
    content: "\eb93"
}

.icon-stats-bars4:before {
    content: "\eb94"
}

.icon-chart:before {
    content: "\eb97"
}

.icon-stats-growth:before {
    content: "\eb98"
}

.icon-stats-decline:before {
    content: "\eb99"
}

.icon-stats-growth2:before {
    content: "\eb9a"
}

.icon-stats-decline2:before {
    content: "\eb9b"
}

.icon-stairs-up:before {
    content: "\eb9c"
}

.icon-stairs-down:before {
    content: "\eb9d"
}

.icon-stairs:before {
    content: "\eb9e"
}

.icon-ladder:before {
    content: "\eba0"
}

.icon-rating:before {
    content: "\eba1"
}

.icon-rating2:before {
    content: "\eba2"
}

.icon-rating3:before {
    content: "\eba3"
}

.icon-podium:before {
    content: "\eba5"
}

.icon-stars:before {
    content: "\eba6"
}

.icon-medal-star:before {
    content: "\eba7"
}

.icon-medal:before {
    content: "\eba8"
}

.icon-medal2:before {
    content: "\eba9"
}

.icon-medal-first:before {
    content: "\ebaa"
}

.icon-medal-second:before {
    content: "\ebab"
}

.icon-medal-third:before {
    content: "\ebac"
}

.icon-crown:before {
    content: "\ebad"
}

.icon-trophy2:before {
    content: "\ebaf"
}

.icon-trophy3:before {
    content: "\ebb0"
}

.icon-diamond:before {
    content: "\ebb1"
}

.icon-trophy4:before {
    content: "\ebb2"
}

.icon-gift:before {
    content: "\ebb3"
}

.icon-pipe:before {
    content: "\ebb6"
}

.icon-mustache:before {
    content: "\ebb7"
}

.icon-cup2:before {
    content: "\ebc6"
}

.icon-coffee:before {
    content: "\ebc8"
}

.icon-paw:before {
    content: "\ebd5"
}

.icon-footprint:before {
    content: "\ebd6"
}

.icon-rocket:before {
    content: "\ebda"
}

.icon-meter2:before {
    content: "\ebdc"
}

.icon-meter-slow:before {
    content: "\ebdd"
}

.icon-meter-fast:before {
    content: "\ebdf"
}

.icon-hammer2:before {
    content: "\ebe1"
}

.icon-balance:before {
    content: "\ebe2"
}

.icon-fire:before {
    content: "\ebe5"
}

.icon-fire2:before {
    content: "\ebe6"
}

.icon-lab:before {
    content: "\ebe7"
}

.icon-atom:before {
    content: "\ebe8"
}

.icon-atom2:before {
    content: "\ebe9"
}

.icon-bin:before {
    content: "\ebfa"
}

.icon-bin2:before {
    content: "\ebfb"
}

.icon-briefcase:before {
    content: "\ebff"
}

.icon-briefcase3:before {
    content: "\ec01"
}

.icon-airplane2:before {
    content: "\ec03"
}

.icon-airplane3:before {
    content: "\ec04"
}

.icon-airplane4:before {
    content: "\ec05"
}

.icon-paperplane:before {
    content: "\ec06"
}

.icon-car:before {
    content: "\ec07"
}

.icon-steering-wheel:before {
    content: "\ec08"
}

.icon-car2:before {
    content: "\ec09"
}

.icon-gas:before {
    content: "\ec0a"
}

.icon-bus:before {
    content: "\ec0b"
}

.icon-truck:before {
    content: "\ec0c"
}

.icon-bike:before {
    content: "\ec0d"
}

.icon-road:before {
    content: "\ec0e"
}

.icon-train:before {
    content: "\ec0f"
}

.icon-train2:before {
    content: "\ec10"
}

.icon-ship:before {
    content: "\ec11"
}

.icon-boat:before {
    content: "\ec12"
}

.icon-chopper:before {
    content: "\ec13"
}

.icon-cube:before {
    content: "\ec15"
}

.icon-cube2:before {
    content: "\ec16"
}

.icon-cube3:before {
    content: "\ec17"
}

.icon-cube4:before {
    content: "\ec18"
}

.icon-pyramid:before {
    content: "\ec19"
}

.icon-pyramid2:before {
    content: "\ec1a"
}

.icon-package:before {
    content: "\ec1b"
}

.icon-puzzle:before {
    content: "\ec1c"
}

.icon-puzzle2:before {
    content: "\ec1d"
}

.icon-puzzle3:before {
    content: "\ec1e"
}

.icon-puzzle4:before {
    content: "\ec1f"
}

.icon-glasses-3d2:before {
    content: "\ec21"
}

.icon-brain:before {
    content: "\ec24"
}

.icon-accessibility:before {
    content: "\ec25"
}

.icon-accessibility2:before {
    content: "\ec26"
}

.icon-strategy:before {
    content: "\ec27"
}

.icon-target:before {
    content: "\ec28"
}

.icon-target2:before {
    content: "\ec29"
}

.icon-shield-check:before {
    content: "\ec2f"
}

.icon-shield-notice:before {
    content: "\ec30"
}

.icon-shield2:before {
    content: "\ec31"
}

.icon-racing:before {
    content: "\ec40"
}

.icon-finish:before {
    content: "\ec41"
}

.icon-power2:before {
    content: "\ec46"
}

.icon-power3:before {
    content: "\ec47"
}

.icon-switch:before {
    content: "\ec48"
}

.icon-switch22:before {
    content: "\ec49"
}

.icon-power-cord:before {
    content: "\ec4a"
}

.icon-clipboard:before {
    content: "\ec4d"
}

.icon-clipboard2:before {
    content: "\ec4e"
}

.icon-clipboard3:before {
    content: "\ec4f"
}

.icon-clipboard4:before {
    content: "\ec50"
}

.icon-clipboard5:before {
    content: "\ec51"
}

.icon-clipboard6:before {
    content: "\ec52"
}

.icon-playlist:before {
    content: "\ec53"
}

.icon-playlist-add:before {
    content: "\ec54"
}

.icon-list-numbered:before {
    content: "\ec55"
}

.icon-list:before {
    content: "\ec56"
}

.icon-list2:before {
    content: "\ec57"
}

.icon-more:before {
    content: "\ec58"
}

.icon-more2:before {
    content: "\ec59"
}

.icon-grid:before {
    content: "\ec5a"
}

.icon-grid2:before {
    content: "\ec5b"
}

.icon-grid3:before {
    content: "\ec5c"
}

.icon-grid4:before {
    content: "\ec5d"
}

.icon-grid52:before {
    content: "\ec5e"
}

.icon-grid6:before {
    content: "\ec5f"
}

.icon-grid7:before {
    content: "\ec60"
}

.icon-tree5:before {
    content: "\ec61"
}

.icon-tree6:before {
    content: "\ec62"
}

.icon-tree7:before {
    content: "\ec63"
}

.icon-lan:before {
    content: "\ec64"
}

.icon-lan2:before {
    content: "\ec65"
}

.icon-lan3:before {
    content: "\ec66"
}

.icon-menu:before {
    content: "\ec67"
}

.icon-circle-small:before {
    content: "\ec68"
}

.icon-menu2:before {
    content: "\ec69"
}

.icon-menu3:before {
    content: "\ec6a"
}

.icon-menu4:before {
    content: "\ec6b"
}

.icon-menu5:before {
    content: "\ec6c"
}

.icon-menu62:before {
    content: "\ec6d"
}

.icon-menu7:before {
    content: "\ec6e"
}

.icon-menu8:before {
    content: "\ec6f"
}

.icon-menu9:before {
    content: "\ec70"
}

.icon-menu10:before {
    content: "\ec71"
}

.icon-cloud:before {
    content: "\ec72"
}

.icon-cloud-download:before {
    content: "\ec73"
}

.icon-cloud-upload:before {
    content: "\ec74"
}

.icon-cloud-check:before {
    content: "\ec75"
}

.icon-cloud2:before {
    content: "\ec76"
}

.icon-cloud-download2:before {
    content: "\ec77"
}

.icon-cloud-upload2:before {
    content: "\ec78"
}

.icon-cloud-check2:before {
    content: "\ec79"
}

.icon-import:before {
    content: "\ec7e"
}

.icon-download4:before {
    content: "\ec80"
}

.icon-upload4:before {
    content: "\ec81"
}

.icon-download7:before {
    content: "\ec86"
}

.icon-upload7:before {
    content: "\ec87"
}

.icon-download10:before {
    content: "\ec8c"
}

.icon-upload10:before {
    content: "\ec8d"
}

.icon-sphere:before {
    content: "\ec8e"
}

.icon-sphere3:before {
    content: "\ec90"
}

.icon-earth:before {
    content: "\ec93"
}

.icon-link:before {
    content: "\ec96"
}

.icon-unlink:before {
    content: "\ec97"
}

.icon-link2:before {
    content: "\ec98"
}

.icon-unlink2:before {
    content: "\ec99"
}

.icon-anchor:before {
    content: "\eca0"
}

.icon-flag3:before {
    content: "\eca3"
}

.icon-flag4:before {
    content: "\eca4"
}

.icon-flag7:before {
    content: "\eca7"
}

.icon-flag8:before {
    content: "\eca8"
}

.icon-attachment:before {
    content: "\eca9"
}

.icon-attachment2:before {
    content: "\ecaa"
}

.icon-eye:before {
    content: "\ecab"
}

.icon-eye-plus:before {
    content: "\ecac"
}

.icon-eye-minus:before {
    content: "\ecad"
}

.icon-eye-blocked:before {
    content: "\ecae"
}

.icon-eye2:before {
    content: "\ecaf"
}

.icon-eye-blocked2:before {
    content: "\ecb0"
}

.icon-eye4:before {
    content: "\ecb3"
}

.icon-bookmark2:before {
    content: "\ecb4"
}

.icon-bookmark3:before {
    content: "\ecb5"
}

.icon-bookmarks:before {
    content: "\ecb6"
}

.icon-bookmark4:before {
    content: "\ecb7"
}

.icon-spotlight2:before {
    content: "\ecb8"
}

.icon-starburst:before {
    content: "\ecb9"
}

.icon-snowflake:before {
    content: "\ecba"
}

.icon-weather-windy:before {
    content: "\ecd0"
}

.icon-fan:before {
    content: "\ecd1"
}

.icon-umbrella:before {
    content: "\ecd2"
}

.icon-sun3:before {
    content: "\ecd3"
}

.icon-contrast:before {
    content: "\ecd4"
}

.icon-bed2:before {
    content: "\ecda"
}

.icon-furniture:before {
    content: "\ecdb"
}

.icon-chair:before {
    content: "\ecdc"
}

.icon-star-empty3:before {
    content: "\ece0"
}

.icon-star-half:before {
    content: "\ece1"
}

.icon-star-full2:before {
    content: "\ece2"
}

.icon-heart5:before {
    content: "\ece9"
}

.icon-heart6:before {
    content: "\ecea"
}

.icon-heart-broken2:before {
    content: "\eceb"
}

.icon-thumbs-up2:before {
    content: "\ecf2"
}

.icon-thumbs-down2:before {
    content: "\ecf4"
}

.icon-thumbs-up3:before {
    content: "\ecf5"
}

.icon-thumbs-down3:before {
    content: "\ecf6"
}

.icon-height:before {
    content: "\ecf7"
}

.icon-man:before {
    content: "\ecf8"
}

.icon-woman:before {
    content: "\ecf9"
}

.icon-man-woman:before {
    content: "\ecfa"
}

.icon-yin-yang:before {
    content: "\ecfe"
}

.icon-cursor:before {
    content: "\ed23"
}

.icon-cursor2:before {
    content: "\ed24"
}

.icon-lasso2:before {
    content: "\ed26"
}

.icon-select2:before {
    content: "\ed28"
}

.icon-point-up:before {
    content: "\ed29"
}

.icon-point-right:before {
    content: "\ed2a"
}

.icon-point-down:before {
    content: "\ed2b"
}

.icon-point-left:before {
    content: "\ed2c"
}

.icon-pointer:before {
    content: "\ed2d"
}

.icon-reminder:before {
    content: "\ed2e"
}

.icon-drag-left-right:before {
    content: "\ed2f"
}

.icon-drag-left:before {
    content: "\ed30"
}

.icon-drag-right:before {
    content: "\ed31"
}

.icon-touch:before {
    content: "\ed32"
}

.icon-multitouch:before {
    content: "\ed33"
}

.icon-touch-zoom:before {
    content: "\ed34"
}

.icon-touch-pinch:before {
    content: "\ed35"
}

.icon-hand:before {
    content: "\ed36"
}

.icon-grab:before {
    content: "\ed37"
}

.icon-stack-empty:before {
    content: "\ed38"
}

.icon-stack-plus:before {
    content: "\ed39"
}

.icon-stack-minus:before {
    content: "\ed3a"
}

.icon-stack-star:before {
    content: "\ed3b"
}

.icon-stack-picture:before {
    content: "\ed3c"
}

.icon-stack-down:before {
    content: "\ed3d"
}

.icon-stack-up:before {
    content: "\ed3e"
}

.icon-stack-cancel:before {
    content: "\ed3f"
}

.icon-stack-check:before {
    content: "\ed40"
}

.icon-stack-text:before {
    content: "\ed41"
}

.icon-stack4:before {
    content: "\ed47"
}

.icon-stack-music:before {
    content: "\ed48"
}

.icon-stack-play:before {
    content: "\ed49"
}

.icon-move:before {
    content: "\ed4a"
}

.icon-dots:before {
    content: "\ed4b"
}

.icon-warning:before {
    content: "\ed4c"
}

.icon-warning22:before {
    content: "\ed4d"
}

.icon-notification2:before {
    content: "\ed4f"
}

.icon-question3:before {
    content: "\ed52"
}

.icon-question4:before {
    content: "\ed53"
}

.icon-plus3:before {
    content: "\ed5a"
}

.icon-minus3:before {
    content: "\ed5b"
}

.icon-plus-circle2:before {
    content: "\ed5e"
}

.icon-minus-circle2:before {
    content: "\ed5f"
}

.icon-cancel-circle2:before {
    content: "\ed63"
}

.icon-blocked:before {
    content: "\ed64"
}

.icon-cancel-square:before {
    content: "\ed65"
}

.icon-cancel-square2:before {
    content: "\ed66"
}

.icon-spam:before {
    content: "\ed68"
}

.icon-cross2:before {
    content: "\ed6a"
}

.icon-cross3:before {
    content: "\ed6b"
}

.icon-checkmark:before {
    content: "\ed6c"
}

.icon-checkmark3:before {
    content: "\ed6e"
}

.icon-checkmark2:before {
    content: "\e372"
}

.icon-checkmark4:before {
    content: "\ed6f"
}

.icon-spell-check:before {
    content: "\ed71"
}

.icon-spell-check2:before {
    content: "\ed72"
}

.icon-enter:before {
    content: "\ed73"
}

.icon-exit:before {
    content: "\ed74"
}

.icon-enter2:before {
    content: "\ed75"
}

.icon-exit2:before {
    content: "\ed76"
}

.icon-enter3:before {
    content: "\ed77"
}

.icon-exit3:before {
    content: "\ed78"
}

.icon-wall:before {
    content: "\ed79"
}

.icon-fence:before {
    content: "\ed7a"
}

.icon-play3:before {
    content: "\ed7b"
}

.icon-pause:before {
    content: "\ed7c"
}

.icon-stop:before {
    content: "\ed7d"
}

.icon-previous:before {
    content: "\ed7e"
}

.icon-next:before {
    content: "\ed7f"
}

.icon-backward:before {
    content: "\ed80"
}

.icon-forward2:before {
    content: "\ed81"
}

.icon-play4:before {
    content: "\ed82"
}

.icon-pause2:before {
    content: "\ed83"
}

.icon-stop2:before {
    content: "\ed84"
}

.icon-backward2:before {
    content: "\ed85"
}

.icon-forward3:before {
    content: "\ed86"
}

.icon-first:before {
    content: "\ed87"
}

.icon-last:before {
    content: "\ed88"
}

.icon-previous2:before {
    content: "\ed89"
}

.icon-next2:before {
    content: "\ed8a"
}

.icon-eject:before {
    content: "\ed8b"
}

.icon-volume-high:before {
    content: "\ed8c"
}

.icon-volume-medium:before {
    content: "\ed8d"
}

.icon-volume-low:before {
    content: "\ed8e"
}

.icon-volume-mute:before {
    content: "\ed8f"
}

.icon-speaker-left:before {
    content: "\ed90"
}

.icon-speaker-right:before {
    content: "\ed91"
}

.icon-volume-mute2:before {
    content: "\ed92"
}

.icon-volume-increase:before {
    content: "\ed93"
}

.icon-volume-decrease:before {
    content: "\ed94"
}

.icon-volume-mute5:before {
    content: "\eda4"
}

.icon-loop:before {
    content: "\eda5"
}

.icon-loop3:before {
    content: "\eda7"
}

.icon-infinite-square:before {
    content: "\eda8"
}

.icon-infinite:before {
    content: "\eda9"
}

.icon-loop4:before {
    content: "\edab"
}

.icon-shuffle:before {
    content: "\edac"
}

.icon-wave:before {
    content: "\edae"
}

.icon-wave2:before {
    content: "\edaf"
}

.icon-split:before {
    content: "\edb0"
}

.icon-merge:before {
    content: "\edb1"
}

.icon-arrow-up5:before {
    content: "\edc4"
}

.icon-arrow-right5:before {
    content: "\edc5"
}

.icon-arrow-down5:before {
    content: "\edc6"
}

.icon-arrow-left5:before {
    content: "\edc7"
}

.icon-arrow-up-left2:before {
    content: "\edd0"
}

.icon-arrow-up7:before {
    content: "\edd1"
}

.icon-arrow-up-right2:before {
    content: "\edd2"
}

.icon-arrow-right7:before {
    content: "\edd3"
}

.icon-arrow-down-right2:before {
    content: "\edd4"
}

.icon-arrow-down7:before {
    content: "\edd5"
}

.icon-arrow-down-left2:before {
    content: "\edd6"
}

.icon-arrow-left7:before {
    content: "\edd7"
}

.icon-arrow-up-left3:before {
    content: "\edd8"
}

.icon-arrow-up8:before {
    content: "\edd9"
}

.icon-arrow-up-right3:before {
    content: "\edda"
}

.icon-arrow-right8:before {
    content: "\eddb"
}

.icon-arrow-down-right3:before {
    content: "\eddc"
}

.icon-arrow-down8:before {
    content: "\eddd"
}

.icon-arrow-down-left3:before {
    content: "\edde"
}

.icon-arrow-left8:before {
    content: "\eddf"
}

.icon-circle-up2:before {
    content: "\ede4"
}

.icon-circle-right2:before {
    content: "\ede5"
}

.icon-circle-down2:before {
    content: "\ede6"
}

.icon-circle-left2:before {
    content: "\ede7"
}

.icon-arrow-resize7:before {
    content: "\edfe"
}

.icon-arrow-resize8:before {
    content: "\edff"
}

.icon-square-up-left:before {
    content: "\ee00"
}

.icon-square-up:before {
    content: "\ee01"
}

.icon-square-up-right:before {
    content: "\ee02"
}

.icon-square-right:before {
    content: "\ee03"
}

.icon-square-down-right:before {
    content: "\ee04"
}

.icon-square-down:before {
    content: "\ee05"
}

.icon-square-down-left:before {
    content: "\ee06"
}

.icon-square-left:before {
    content: "\ee07"
}

.icon-arrow-up15:before {
    content: "\ee30"
}

.icon-arrow-right15:before {
    content: "\ee31"
}

.icon-arrow-down15:before {
    content: "\ee32"
}

.icon-arrow-left15:before {
    content: "\ee33"
}

.icon-arrow-up16:before {
    content: "\ee34"
}

.icon-arrow-right16:before {
    content: "\ee35"
}

.icon-arrow-down16:before {
    content: "\ee36"
}

.icon-arrow-left16:before {
    content: "\ee37"
}

.icon-menu-open:before {
    content: "\ee38"
}

.icon-menu-open2:before {
    content: "\ee39"
}

.icon-menu-close:before {
    content: "\ee3a"
}

.icon-menu-close2:before {
    content: "\ee3b"
}

.icon-enter5:before {
    content: "\ee3d"
}

.icon-esc:before {
    content: "\ee3e"
}

.icon-enter6:before {
    content: "\ee3f"
}

.icon-backspace:before {
    content: "\ee40"
}

.icon-backspace2:before {
    content: "\ee41"
}

.icon-tab:before {
    content: "\ee42"
}

.icon-transmission:before {
    content: "\ee43"
}

.icon-sort:before {
    content: "\ee45"
}

.icon-move-up2:before {
    content: "\ee47"
}

.icon-move-down2:before {
    content: "\ee48"
}

.icon-sort-alpha-asc:before {
    content: "\ee49"
}

.icon-sort-alpha-desc:before {
    content: "\ee4a"
}

.icon-sort-numeric-asc:before {
    content: "\ee4b"
}

.icon-sort-numberic-desc:before {
    content: "\ee4c"
}

.icon-sort-amount-asc:before {
    content: "\ee4d"
}

.icon-sort-amount-desc:before {
    content: "\ee4e"
}

.icon-sort-time-asc:before {
    content: "\ee4f"
}

.icon-sort-time-desc:before {
    content: "\ee50"
}

.icon-battery-6:before {
    content: "\ee51"
}

.icon-battery-0:before {
    content: "\ee57"
}

.icon-battery-charging:before {
    content: "\ee58"
}

.icon-command:before {
    content: "\ee5f"
}

.icon-shift:before {
    content: "\ee60"
}

.icon-ctrl:before {
    content: "\ee61"
}

.icon-opt:before {
    content: "\ee62"
}

.icon-checkbox-checked:before {
    content: "\ee63"
}

.icon-checkbox-unchecked:before {
    content: "\ee64"
}

.icon-checkbox-partial:before {
    content: "\ee65"
}

.icon-square:before {
    content: "\ee66"
}

.icon-triangle:before {
    content: "\ee67"
}

.icon-triangle2:before {
    content: "\ee68"
}

.icon-diamond3:before {
    content: "\ee69"
}

.icon-diamond4:before {
    content: "\ee6a"
}

.icon-checkbox-checked2:before {
    content: "\ee6b"
}

.icon-checkbox-unchecked2:before {
    content: "\ee6c"
}

.icon-checkbox-partial2:before {
    content: "\ee6d"
}

.icon-radio-checked:before {
    content: "\ee6e"
}

.icon-radio-checked2:before {
    content: "\ee6f"
}

.icon-radio-unchecked:before {
    content: "\ee70"
}

.icon-checkmark-circle:before {
    content: "\ee73"
}

.icon-circle:before {
    content: "\ee74"
}

.icon-circle2:before {
    content: "\ee75"
}

.icon-circles:before {
    content: "\ee76"
}

.icon-circles2:before {
    content: "\ee77"
}

.icon-crop:before {
    content: "\ee78"
}

.icon-crop2:before {
    content: "\ee79"
}

.icon-make-group:before {
    content: "\ee7a"
}

.icon-ungroup:before {
    content: "\ee7b"
}

.icon-vector:before {
    content: "\ee7c"
}

.icon-vector2:before {
    content: "\ee7d"
}

.icon-rulers:before {
    content: "\ee7e"
}

.icon-pencil-ruler:before {
    content: "\ee80"
}

.icon-scissors:before {
    content: "\ee81"
}

.icon-filter3:before {
    content: "\ee88"
}

.icon-filter4:before {
    content: "\ee89"
}

.icon-font:before {
    content: "\ee8a"
}

.icon-ampersand2:before {
    content: "\ee8b"
}

.icon-ligature:before {
    content: "\ee8c"
}

.icon-font-size:before {
    content: "\ee8e"
}

.icon-typography:before {
    content: "\ee8f"
}

.icon-text-height:before {
    content: "\ee90"
}

.icon-text-width:before {
    content: "\ee91"
}

.icon-height2:before {
    content: "\ee92"
}

.icon-width:before {
    content: "\ee93"
}

.icon-strikethrough2:before {
    content: "\ee98"
}

.icon-font-size2:before {
    content: "\ee99"
}

.icon-bold2:before {
    content: "\ee9a"
}

.icon-underline2:before {
    content: "\ee9b"
}

.icon-italic2:before {
    content: "\ee9c"
}

.icon-strikethrough3:before {
    content: "\ee9d"
}

.icon-omega:before {
    content: "\ee9e"
}

.icon-sigma:before {
    content: "\ee9f"
}

.icon-nbsp:before {
    content: "\eea0"
}

.icon-page-break:before {
    content: "\eea1"
}

.icon-page-break2:before {
    content: "\eea2"
}

.icon-superscript:before {
    content: "\eea3"
}

.icon-subscript:before {
    content: "\eea4"
}

.icon-superscript2:before {
    content: "\eea5"
}

.icon-subscript2:before {
    content: "\eea6"
}

.icon-text-color:before {
    content: "\eea7"
}

.icon-highlight:before {
    content: "\eea8"
}

.icon-pagebreak:before {
    content: "\eea9"
}

.icon-clear-formatting:before {
    content: "\eeaa"
}

.icon-table:before {
    content: "\eeab"
}

.icon-table2:before {
    content: "\eeac"
}

.icon-insert-template:before {
    content: "\eead"
}

.icon-pilcrow:before {
    content: "\eeae"
}

.icon-ltr:before {
    content: "\eeaf"
}

.icon-rtl:before {
    content: "\eeb0"
}

.icon-ltr2:before {
    content: "\eeb1"
}

.icon-rtl2:before {
    content: "\eeb2"
}

.icon-section:before {
    content: "\eeb3"
}

.icon-paragraph-left2:before {
    content: "\eeb8"
}

.icon-paragraph-center2:before {
    content: "\eeb9"
}

.icon-paragraph-right2:before {
    content: "\eeba"
}

.icon-paragraph-justify2:before {
    content: "\eebb"
}

.icon-indent-increase:before {
    content: "\eebc"
}

.icon-indent-decrease:before {
    content: "\eebd"
}

.icon-paragraph-left3:before {
    content: "\eebe"
}

.icon-paragraph-center3:before {
    content: "\eebf"
}

.icon-paragraph-right3:before {
    content: "\eec0"
}

.icon-paragraph-justify3:before {
    content: "\eec1"
}

.icon-indent-increase2:before {
    content: "\eec2"
}

.icon-indent-decrease2:before {
    content: "\eec3"
}

.icon-share:before {
    content: "\eec4"
}

.icon-share2:before {
    content: "\eec5"
}

.icon-new-tab:before {
    content: "\eec6"
}

.icon-new-tab2:before {
    content: "\eec7"
}

.icon-popout:before {
    content: "\eec8"
}

.icon-embed:before {
    content: "\eec9"
}

.icon-embed2:before {
    content: "\eeca"
}

.icon-markup:before {
    content: "\eecb"
}

.icon-regexp:before {
    content: "\eecc"
}

.icon-regexp2:before {
    content: "\eecd"
}

.icon-code:before {
    content: "\eece"
}

.icon-circle-css:before {
    content: "\eecf"
}

.icon-circle-code:before {
    content: "\eed0"
}

.icon-terminal:before {
    content: "\eed1"
}

.icon-unicode:before {
    content: "\eed2"
}

.icon-seven-segment-0:before {
    content: "\eed3"
}

.icon-seven-segment-1:before {
    content: "\eed4"
}

.icon-seven-segment-2:before {
    content: "\eed5"
}

.icon-seven-segment-3:before {
    content: "\eed6"
}

.icon-seven-segment-4:before {
    content: "\eed7"
}

.icon-seven-segment-5:before {
    content: "\eed8"
}

.icon-seven-segment-6:before {
    content: "\eed9"
}

.icon-seven-segment-7:before {
    content: "\eeda"
}

.icon-seven-segment-8:before {
    content: "\eedb"
}

.icon-seven-segment-9:before {
    content: "\eedc"
}

.icon-share3:before {
    content: "\eedd"
}

.icon-share4:before {
    content: "\eede"
}

.icon-google:before {
    content: "\eee3"
}

.icon-google-plus:before {
    content: "\eee4"
}

.icon-google-plus2:before {
    content: "\eee5"
}

.icon-google-drive:before {
    content: "\eee7"
}

.icon-facebook:before {
    content: "\eee8"
}

.icon-facebook2:before {
    content: "\eee9"
}

.icon-instagram:before {
    content: "\eeec"
}

.icon-twitter:before {
    content: "\eeed"
}

.icon-twitter2:before {
    content: "\eeee"
}

.icon-feed2:before {
    content: "\eef0"
}

.icon-feed3:before {
    content: "\eef1"
}

.icon-youtube:before {
    content: "\eef3"
}

.icon-youtube2:before {
    content: "\eef4"
}

.icon-youtube3:before {
    content: "\eef5"
}

.icon-vimeo:before {
    content: "\eef8"
}

.icon-vimeo2:before {
    content: "\eef9"
}

.icon-lanyrd:before {
    content: "\eefb"
}

.icon-flickr:before {
    content: "\eefc"
}

.icon-flickr2:before {
    content: "\eefd"
}

.icon-flickr3:before {
    content: "\eefe"
}

.icon-picassa:before {
    content: "\ef00"
}

.icon-picassa2:before {
    content: "\ef01"
}

.icon-dribbble:before {
    content: "\ef02"
}

.icon-dribbble2:before {
    content: "\ef03"
}

.icon-dribbble3:before {
    content: "\ef04"
}

.icon-forrst:before {
    content: "\ef05"
}

.icon-forrst2:before {
    content: "\ef06"
}

.icon-deviantart:before {
    content: "\ef07"
}

.icon-deviantart2:before {
    content: "\ef08"
}

.icon-steam:before {
    content: "\ef09"
}

.icon-steam2:before {
    content: "\ef0a"
}

.icon-dropbox:before {
    content: "\ef0b"
}

.icon-onedrive:before {
    content: "\ef0c"
}

.icon-github:before {
    content: "\ef0d"
}

.icon-github4:before {
    content: "\ef10"
}

.icon-github5:before {
    content: "\ef11"
}

.icon-wordpress:before {
    content: "\ef12"
}

.icon-wordpress2:before {
    content: "\ef13"
}

.icon-joomla:before {
    content: "\ef14"
}

.icon-blogger:before {
    content: "\ef15"
}

.icon-blogger2:before {
    content: "\ef16"
}

.icon-tumblr:before {
    content: "\ef17"
}

.icon-tumblr2:before {
    content: "\ef18"
}

.icon-yahoo:before {
    content: "\ef19"
}

.icon-tux:before {
    content: "\ef1a"
}

.icon-apple2:before {
    content: "\ef1b"
}

.icon-finder:before {
    content: "\ef1c"
}

.icon-android:before {
    content: "\ef1d"
}

.icon-windows:before {
    content: "\ef1e"
}

.icon-windows8:before {
    content: "\ef1f"
}

.icon-soundcloud:before {
    content: "\ef20"
}

.icon-soundcloud2:before {
    content: "\ef21"
}

.icon-skype:before {
    content: "\ef22"
}

.icon-reddit:before {
    content: "\ef23"
}

.icon-linkedin:before {
    content: "\ef24"
}

.icon-linkedin2:before {
    content: "\ef25"
}

.icon-lastfm:before {
    content: "\ef26"
}

.icon-lastfm2:before {
    content: "\ef27"
}

.icon-delicious:before {
    content: "\ef28"
}

.icon-stumbleupon:before {
    content: "\ef29"
}

.icon-stumbleupon2:before {
    content: "\ef2a"
}

.icon-stackoverflow:before {
    content: "\ef2b"
}

.icon-pinterest2:before {
    content: "\ef2d"
}

.icon-xing:before {
    content: "\ef2e"
}

.icon-flattr:before {
    content: "\ef30"
}

.icon-foursquare:before {
    content: "\ef31"
}

.icon-paypal:before {
    content: "\ef32"
}

.icon-paypal2:before {
    content: "\ef33"
}

.icon-yelp:before {
    content: "\ef35"
}

.icon-file-pdf:before {
    content: "\ef36"
}

.icon-file-openoffice:before {
    content: "\ef37"
}

.icon-file-word:before {
    content: "\ef38"
}

.icon-file-excel:before {
    content: "\ef39"
}

.icon-libreoffice:before {
    content: "\ef3a"
}

.icon-html5:before {
    content: "\ef3b"
}

.icon-html52:before {
    content: "\ef3c"
}

.icon-css3:before {
    content: "\ef3d"
}

.icon-git:before {
    content: "\ef3e"
}

.icon-svg:before {
    content: "\ef3f"
}

.icon-codepen:before {
    content: "\ef40"
}

.icon-chrome:before {
    content: "\ef41"
}

.icon-firefox:before {
    content: "\ef42"
}

.icon-IE:before {
    content: "\ef43"
}

.icon-opera:before {
    content: "\ef44"
}

.icon-safari:before {
    content: "\ef45"
}

.icon-check2:before {
    content: "\e601"
}

.icon-home4:before {
    content: "\e603"
}

.icon-people:before {
    content: "\e81b"
}

.icon-checkmark-circle2:before {
    content: "\e853"
}

.icon-arrow-up-left32:before {
    content: "\e8ae"
}

.icon-arrow-up52:before {
    content: "\e8af"
}

.icon-arrow-up-right32:before {
    content: "\e8b0"
}

.icon-arrow-right6:before {
    content: "\e8b1"
}

.icon-arrow-down-right32:before {
    content: "\e8b2"
}

.icon-arrow-down52:before {
    content: "\e8b3"
}

.icon-arrow-down-left32:before {
    content: "\e8b4"
}

.icon-arrow-left52:before {
    content: "\e8b5"
}

.icon-calendar5:before {
    content: "\e985"
}

.icon-move-alt1:before {
    content: "\e986"
}

.icon-reload-alt:before {
    content: "\e987"
}

.icon-move-vertical:before {
    content: "\e988"
}

.icon-move-horizontal:before {
    content: "\e989"
}

.icon-hash:before {
    content: "\e98b"
}

.icon-bars-alt:before {
    content: "\e98c"
}

.icon-eye8:before {
    content: "\e98d"
}

.icon-search4:before {
    content: "\e98e"
}

.icon-zoomin3:before {
    content: "\e98f"
}

.icon-zoomout3:before {
    content: "\e990"
}

.icon-add:before {
    content: "\e991"
}

.icon-subtract:before {
    content: "\e992"
}

.icon-exclamation:before {
    content: "\e993"
}

.icon-question6:before {
    content: "\e994"
}

.icon-close2:before {
    content: "\e995"
}

.icon-task:before {
    content: "\e996"
}

.icon-inbox:before {
    content: "\e997"
}

.icon-inbox-alt:before {
    content: "\e998"
}

.icon-envelope:before {
    content: "\e999"
}

.icon-compose:before {
    content: "\e99a"
}

.icon-newspaper2:before {
    content: "\e99b"
}

.icon-calendar22:before {
    content: "\e99c"
}

.icon-hyperlink:before {
    content: "\e99d"
}

.icon-trash:before {
    content: "\e99e"
}

.icon-trash-alt:before {
    content: "\e99f"
}

.icon-grid5:before {
    content: "\e9a0"
}

.icon-grid-alt:before {
    content: "\e9a1"
}

.icon-menu6:before {
    content: "\e9a2"
}

.icon-list3:before {
    content: "\e9a3"
}

.icon-gallery:before {
    content: "\e9a4"
}

.icon-calculator:before {
    content: "\e9a5"
}

.icon-windows2:before {
    content: "\e9a6"
}

.icon-browser:before {
    content: "\e9a7"
}

.icon-portfolio:before {
    content: "\e9a8"
}

.icon-comments:before {
    content: "\e9a9"
}

.icon-screen3:before {
    content: "\e9aa"
}

.icon-iphone:before {
    content: "\e9ab"
}

.icon-ipad:before {
    content: "\e9ac"
}

.icon-googleplus5:before {
    content: "\e9ad"
}

.icon-pin:before {
    content: "\e9ae"
}

.icon-pin-alt:before {
    content: "\e9af"
}

.icon-cog5:before {
    content: "\e9b0"
}

.icon-graduation:before {
    content: "\e9b1"
}

.icon-air:before {
    content: "\e9b2"
}

.icon-droplets:before {
    content: "\e7ee"
}

.icon-statistics:before {
    content: "\e9b4"
}

.icon-pie5:before {
    content: "\e7ef"
}

.icon-cross:before {
    content: "\e9b6"
}

.icon-minus2:before {
    content: "\e9b7"
}

.icon-plus2:before {
    content: "\e9b8"
}

.icon-info3:before {
    content: "\e9b9"
}

.icon-info22:before {
    content: "\e9ba"
}

.icon-question7:before {
    content: "\e9bb"
}

.icon-help:before {
    content: "\e9bc"
}

.icon-warning2:before {
    content: "\e9bd"
}

.icon-add-to-list:before {
    content: "\e9bf"
}

.icon-arrow-left12:before {
    content: "\e9c0"
}

.icon-arrow-down12:before {
    content: "\e9c1"
}

.icon-arrow-up12:before {
    content: "\e9c2"
}

.icon-arrow-right13:before {
    content: "\e9c3"
}

.icon-arrow-left22:before {
    content: "\e9c4"
}

.icon-arrow-down22:before {
    content: "\e9c5"
}

.icon-arrow-up22:before {
    content: "\e9c6"
}

.icon-arrow-right22:before {
    content: "\e9c7"
}

.icon-arrow-left32:before {
    content: "\e9c8"
}

.icon-arrow-down32:before {
    content: "\e9c9"
}

.icon-arrow-up32:before {
    content: "\e9ca"
}

.icon-arrow-right32:before {
    content: "\e9cb"
}

.icon-switch2:before {
    content: "\e647"
}

.icon-checkmark5:before {
    content: "\e600"
}

.icon-ampersand:before {
    content: "\e9cc"
}

.icon-alert:before {
    content: "\e9cf"
}

.icon-alignment-align:before {
    content: "\e9d0"
}

.icon-alignment-aligned-to:before {
    content: "\e9d1"
}

.icon-alignment-unalign:before {
    content: "\e9d2"
}

.icon-arrow-down132:before {
    content: "\e9d3"
}

.icon-arrow-up13:before {
    content: "\e9da"
}

.icon-arrow-left13:before {
    content: "\e9d4"
}

.icon-arrow-right14:before {
    content: "\e9d5"
}

.icon-arrow-small-down:before {
    content: "\e9d6"
}

.icon-arrow-small-left:before {
    content: "\e9d7"
}

.icon-arrow-small-right:before {
    content: "\e9d8"
}

.icon-arrow-small-up:before {
    content: "\e9d9"
}

.icon-check:before {
    content: "\e9db"
}

.icon-chevron-down:before {
    content: "\e9dc"
}

.icon-chevron-left:before {
    content: "\e9dd"
}

.icon-chevron-right:before {
    content: "\e9de"
}

.icon-chevron-up:before {
    content: "\e9df"
}

.icon-clippy:before {
    content: "\f035"
}

.icon-comment:before {
    content: "\f02b"
}

.icon-comment-discussion:before {
    content: "\f04f"
}

.icon-dash:before {
    content: "\e9e2"
}

.icon-diff:before {
    content: "\e9e3"
}

.icon-diff-added:before {
    content: "\e9e4"
}

.icon-diff-ignored:before {
    content: "\e9e5"
}

.icon-diff-modified:before {
    content: "\e9e6"
}

.icon-diff-removed:before {
    content: "\e9e7"
}

.icon-diff-renamed:before {
    content: "\e9e8"
}

.icon-file-media:before {
    content: "\f012"
}

.icon-fold:before {
    content: "\e9ea"
}

.icon-gear:before {
    content: "\e9eb"
}

.icon-git-branch:before {
    content: "\e9ec"
}

.icon-git-commit:before {
    content: "\e9ed"
}

.icon-git-compare:before {
    content: "\e9ee"
}

.icon-git-merge:before {
    content: "\e9ef"
}

.icon-git-pull-request:before {
    content: "\e9f0"
}

.icon-graph:before {
    content: "\f043"
}

.icon-law:before {
    content: "\e9f1"
}

.icon-list-ordered:before {
    content: "\e9f2"
}

.icon-list-unordered:before {
    content: "\e9f3"
}

.icon-mail5:before {
    content: "\e9f4"
}

.icon-mail-read:before {
    content: "\e9f5"
}

.icon-mention:before {
    content: "\e9f6"
}

.icon-mirror:before {
    content: "\f024"
}

.icon-move-down:before {
    content: "\f0a8"
}

.icon-move-left:before {
    content: "\f074"
}

.icon-move-right:before {
    content: "\f0a9"
}

.icon-move-up:before {
    content: "\f0a7"
}

.icon-person:before {
    content: "\f018"
}

.icon-plus22:before {
    content: "\e9f7"
}

.icon-primitive-dot:before {
    content: "\f052"
}

.icon-primitive-square:before {
    content: "\f053"
}

.icon-repo-forked:before {
    content: "\e9f8"
}

.icon-screen-full:before {
    content: "\e9f9"
}

.icon-screen-normal:before {
    content: "\e9fa"
}

.icon-sync:before {
    content: "\e9fb"
}

.icon-three-bars:before {
    content: "\e9fc"
}

.icon-unfold:before {
    content: "\e9fe"
}

.icon-versions:before {
    content: "\e9ff"
}

.icon-x:before {
    content: "\ea00"
}

/*!* animate.css -https://daneden.github.io/animate.css/
* Version - 3.7.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2019 Daniel Eden*/
@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-name: headShake;
    animation-name: headShake;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

@keyframes swing {
    20% {
        transform: rotate(15deg)
    }

    40% {
        transform: rotate(-10deg)
    }

    60% {
        transform: rotate(5deg)
    }

    80% {
        transform: rotate(-5deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.swing {
    -webkit-animation-name: swing;
    animation-name: swing;
    transform-origin: top center
}

@-webkit-keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

@keyframes flip {
    0% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
    }

    40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
    }

    50% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
    }

    80% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)
    }

    to {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
    }
}

.animated.flip {
    -webkit-animation-name: flip;
    animation-name: flip;
    -webkit-backface-visibility: visible;
    backface-visibility: visible
}

@-webkit-keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateX(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateX(10deg)
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }

    40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        transform: perspective(400px) rotateY(-20deg)
    }

    60% {
        opacity: 1;
        transform: perspective(400px) rotateY(10deg)
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateX(-20deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateX(90deg)
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        opacity: 1;
        transform: perspective(400px) rotateY(-15deg)
    }

    to {
        opacity: 0;
        transform: perspective(400px) rotateY(90deg)
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important
}

@-webkit-keyframes lightSpeedIn {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(-30deg)
    }

    60% {
        opacity: 1;
        transform: skewX(20deg)
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) skewX(30deg)
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

@keyframes rotateIn {
    0% {
        opacity: 0;
        transform: rotate(-200deg);
        transform-origin: center
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: center
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

@keyframes rotateInDownLeft {
    0% {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

@keyframes rotateInDownRight {
    0% {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

@keyframes rotateInUpLeft {
    0% {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: left bottom
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

@keyframes rotateInUpRight {
    0% {
        opacity: 0;
        transform: rotate(-90deg);
        transform-origin: right bottom
    }

    to {
        opacity: 1;
        transform: translateZ(0);
        transform-origin: right bottom
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        opacity: 1;
        transform-origin: center
    }

    to {
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

@keyframes rotateOut {
    0% {
        opacity: 1;
        transform-origin: center
    }

    to {
        opacity: 0;
        transform: rotate(200deg);
        transform-origin: center
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

@keyframes rotateOutDownLeft {
    0% {
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        transform: rotate(45deg);
        transform-origin: left bottom
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

@keyframes rotateOutDownRight {
    0% {
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: right bottom
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

@keyframes rotateOutUpLeft {
    0% {
        opacity: 1;
        transform-origin: left bottom
    }

    to {
        opacity: 0;
        transform: rotate(-45deg);
        transform-origin: left bottom
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

@keyframes rotateOutUpRight {
    0% {
        opacity: 1;
        transform-origin: right bottom
    }

    to {
        opacity: 0;
        transform: rotate(90deg);
        transform-origin: right bottom
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }

    20%,60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }

    to {
        opacity: 0;
        transform: translate3d(0,700px,0)
    }
}

@keyframes hinge {
    0% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        transform-origin: top left
    }

    20%,60% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        transform: rotate(80deg);
        transform-origin: top left
    }

    40%,80% {
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
        transform: rotate(60deg);
        transform-origin: top left
    }

    to {
        opacity: 0;
        transform: translate3d(0,700px,0)
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

@keyframes zoomInDown {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

@keyframes zoomInLeft {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

@keyframes zoomInRight {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

@keyframes zoomInUp {
    0% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0)
    }

    60% {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutDown {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom
    }
}

@keyframes zoomOutUp {
    40% {
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0)
    }

    to {
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1);
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp
}

@-webkit-keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInDown {
    0% {
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft
}

@-webkit-keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

@-webkit-keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes slideInUp {
    0% {
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp
}

@-webkit-keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,100%,0);
        visibility: hidden
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(-100%,0,0);
        visibility: hidden
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(100%,0,0);
        visibility: hidden
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        transform: translate3d(0,-100%,0);
        visibility: hidden
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media(prefers-reduced-motion:reduce),(print) {
    .animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important;
        transition-duration: 1ms!important
    }
}

.promotion {
    font-family: DINNextLTArabic-Regular!important
}

.product-detials__desc {
    margin: 0 -5px;
    overflow: hidden!important;
    padding: 0 5px
}

.force-rebuild {
    color: #fff
}

#load_more_wrapper {
    margin-bottom: 40px
}

@media only screen and (max-width: 767px) {
    #load_more_wrapper {
        margin-bottom:25px
    }
}

html {
    direction: ltr
}

html body {
    direction: rtl;
    overflow-x: hidden
}

img {
    max-width: 100%
}

.justify-content-center {
    justify-content: center!important
}

.flex-column {
    flex-direction: column!important
}

.flex-1 {
    flex: 1
}

@media(max-width: 992px) {
    .mb-sm-20 {
        margin-bottom:20px
    }
}

.product-offer {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    margin: 20px 0;
    padding: 20px;
    position: relative
}

.product-offer .po__badge {
    display: block;
    font-size: 13px;
    height: 100px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 99
}

.product-offer .po__badge span {
    background: #b80e0e;
    background: linear-gradient(45deg,#b80e0e,#eb250d);
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 12.5px;
    left: -67px;
    margin: 0;
    padding: 1px 10px 5px;
    position: relative;
    text-align: center;
    top: 17px;
    transform: rotate(-45deg);
    width: 200px
}

.product-offer .po__title {
    align-items: center;
    background-color: rgba(0,0,0,.03);
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    margin: 0 0 10px;
    padding: 5px 10px
}

.product-offer .po__title i {
    margin: 4px 0 0 10px
}

.product-offer .po__slogan {
    color: var(--color-main);
    font-size: 20px;
    margin-bottom: 20px;
    padding-left: 30px
}

.product-offer .po__content {
    font-size: 15px;
    padding-left: 50px
}

.product-offer .po__content p,.product-offer .po__content span {
    display: inline-block
}

.product-offer .po__content span {
    color: #b80e0e;
    font-weight: 700;
    margin: 0 2px;
    text-decoration: underline
}

.product-offer .po__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    list-style: none;
    margin: 30px 0 0;
    padding: 0
}

.product-offer .po__list li {
    border: 1px solid rgba(0,0,0,.05);
    border-radius: 5px;
    display: block;
    flex: 1;
    flex-basis: calc(25% - 10px);
    margin: 0 5px 25px;
    max-width: calc(25% - 10px);
    padding: 5px;
    transition: border-color .35s cubic-bezier(.2,1,.3,1)
}

.product-offer .po__list li .po-entry {
    height: auto;
    position: relative;
    width: 100%
}

.product-offer .po__list li .po-entry a {
    display: block;
    height: auto;
    width: 100%
}

.product-offer .po__list li .po-entry a span {
    border-radius: 5px;
    display: block;
    height: 120px;
    margin: 0;
    overflow: hidden;
    position: relative;
    width: 100%
}

.product-offer .po__list li .po-entry a span img {
    display: block;
    height: auto;
    width: 100%
}

.product-offer .po__list li .po-entry a h4 {
    display: block;
    font-size: 14px;
    margin: 0 0 10px;
    min-height: 40px;
    text-align: center
}

.product-offer .po__list li .po-entry__cart-price {
    align-items: center;
    color: rgba(0,0,0,.5);
    display: flex;
    flex-direction: row;
    font-size: 13px;
    justify-content: space-between;
    padding: 0 5px
}

.product-offer .po__list li .po-entry__cart-price button.btn.cart {
    align-items: center;
    background-color: rgba(0,0,0,.02);
    border-radius: 50%;
    color: rgba(0,0,0,.7);
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 7px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

@media only screen and (max-width: 767px) {
    .product-offer .po__list li .po-entry a span {
        height:auto
    }
}

.product-offer .po__list li:hover {
    border-color: rgba(0,0,0,.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.06)
}

.product-offer .po__list.category {
    justify-content: flex-start
}

.product-offer .po__list.category li {
    border: none;
    flex: unset;
    flex-basis: unset;
    margin: 0 0 15px;
    max-width: unset;
    padding: 0 5px
}

.product-offer .po__list.category li .po-category {
    align-items: center;
    background-color: rgba(0,0,0,.03);
    border-radius: 25px;
    display: inline-flex;
    font-size: 14px;
    justify-content: center;
    padding: 5px 35px 10px 15px;
    position: relative
}

.product-offer .po__list.category li .po-category i {
    display: block;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-40%)
}

@media only screen and (max-width: 767px) {
    .product-offer .po__list li {
        flex-basis:calc(50% - 20px);
        max-width: calc(50% - 20px)
    }
}

.product-offer .discount-entry {
    border-bottom: 1px solid #f8f8f8;
    padding: 0 0 13px!important
}

.product-offer .discount-entry b {
    display: inline-block;
    margin: 0 2px
}

.product-offer .discount-entry:last-child {
    border: none;
    margin-bottom: 0!important;
    padding-bottom: 0!important
}

@media only screen and (max-width: 767px) {
    .product-offer {
        padding:15px
    }

    .product-offer ul li {
        padding-left: 30px
    }
}

.salla-default .product-offer {
    border: 0;
    margin: 0;
    padding-bottom: 0
}

.salla-default .product-offer .po-entry__title {
    color: #333
}

.loggedin--quick-edit {
    border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
    padding: 15px 0
}

.loggedin--quick-edit #quick_edit i {
    margin-left: 5px
}

.rec-flex-initial {
    flex: initial!important
}

.cart-thumb {
    box-shadow: 0 0 5px 0 rgba(0,0,0,.08);
    position: absolute;
    transition: none!important;
    z-index: 9998
}

.ltr {
    direction: ltr
}

.rtl {
    direction: rtl
}

.w-full {
    width: 100%
}

.no-p {
    padding: 0!important
}

.no-m {
    margin: 0!important
}

.badge.order-status-badge {
    border-radius: 50px;
    font-size: 11px;
    line-height: 1;
    padding: 2px 7px 4px
}

@media only screen and (max-width: 767px) {
    .badge.order-status-badge.cancelable {
        margin-top:-30px
    }
}

.v-baseline {
    vertical-align: baseline!important
}

.v-top {
    vertical-align: top!important
}

.store-my-order .badge.order-status-badge {
    font-size: 14px;
    padding: 5px 15px
}

.store-my-order.font-dinnextltarabic-regular .badge.order-status-badge {
    padding: 5px 15px 8px
}

.store-my-order.font-dubai .badge.order-status-badge {
    padding: 5px 15px
}

@media only screen and (max-width: 480px) {
    .store-my-order .badge.order-status-badge {
        font-size:12px;
        padding-left: 10px!important;
        padding-right: 10px!important
    }
}

#submit_cart {
    border-radius: 2px;
    padding: 5px 15px 7px 8px!important
}

#submit_cart .submit-loader-cont {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-left: 10px
}

#submit_cart .submit-loader-cont img {
    display: inline-block;
    height: 18px;
    margin-left: 8px
}

#submit_cart.disabled {
    opacity: .4;
    pointer-events: none
}

.layered-block {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    padding: 20px;
    position: relative
}

.layered-block:after,.layered-block:before {
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(1.05);
    width: 100%;
    z-index: -1
}

.layered-block:before {
    transform: scaleX(1.02) translateY(8px)
}

.layered-block:after {
    transform: scaleX(1.01) translateY(4px)
}

.text-small {
    font-size: 15px
}

.text-smaller {
    font-size: 14px
}

.v-align {
    display: inline-block;
    transform: translateY(-2px);
    vertical-align: middle
}

.font-17 {
    font-size: 17px!important
}

.font-19 {
    font-size: 19px!important
}

.rec-mirror {
    transform: scaleX(-1)
}

.stripes-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

.stripes-wrapper>* {
    margin: 0 20px
}

.stripes-wrapper:after,.stripes-wrapper:before {
    background-color: #eee;
    content: "";
    display: inline-block;
    height: 1px;
    margin: 0;
    width: 50%
}

.container--center {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.bg-grey {
    background: #f8f8f8
}

.v-align-middle {
    vertical-align: middle
}

.w-100 {
    width: 100%!important
}

.mt-5 {
    margin-top: 5px!important
}

.mb-5 {
    margin-bottom: 5px!important
}

.mt-10 {
    margin-top: 10px!important
}

.mb-10 {
    margin-bottom: 10px!important
}

.mt-20 {
    margin-top: 20px!important
}

.mb-20 {
    margin-bottom: 20px!important
}

.mt-30 {
    margin-top: 30px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

.mt-40 {
    margin-top: 40px!important
}

.mb-40 {
    margin-bottom: 40px!important
}

.mt-50 {
    margin-top: 50px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.mt-60 {
    margin-top: 60px!important
}

.mb-60 {
    margin-bottom: 60px!important
}

.d-inline-block {
    display: inline-block
}

.d-flex {
    display: flex!important
}

.align-items-center {
    align-items: center
}

.justify-content-between {
    justify-content: space-between
}

.mr-auto {
    margin-right: auto
}

.receipt-share-buttons {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
}

.receipt-share-buttons>* {
    margin: 5px
}

.pt-0 {
    padding-top: 0!important
}

.products-grid.eq-height .product,.products-grid.eq-height .thumbnail,.products-listing.eq-height .product,.products-listing.eq-height .thumbnail,body.salla-default #products_div.eq-height .product,body.salla-default #products_div.eq-height .thumbnail {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    margin: 0
}

.products-grid.eq-height .product>*,.products-grid.eq-height .product>* .product-subtitle,.products-grid.eq-height .product>* .product-title,.products-grid.eq-height .thumbnail>*,.products-grid.eq-height .thumbnail>* .product-subtitle,.products-grid.eq-height .thumbnail>* .product-title,.products-listing.eq-height .product>*,.products-listing.eq-height .product>* .product-subtitle,.products-listing.eq-height .product>* .product-title,.products-listing.eq-height .thumbnail>*,.products-listing.eq-height .thumbnail>* .product-subtitle,.products-listing.eq-height .thumbnail>* .product-title,body.salla-default #products_div.eq-height .product>*,body.salla-default #products_div.eq-height .product>* .product-subtitle,body.salla-default #products_div.eq-height .product>* .product-title,body.salla-default #products_div.eq-height .thumbnail>*,body.salla-default #products_div.eq-height .thumbnail>* .product-subtitle,body.salla-default #products_div.eq-height .thumbnail>* .product-title {
    width: 100%
}

.products-grid.eq-height .product>:first-child,.products-grid.eq-height .thumbnail>:first-child,.products-listing.eq-height .product>:first-child,.products-listing.eq-height .thumbnail>:first-child,body.salla-default #products_div.eq-height .product>:first-child,body.salla-default #products_div.eq-height .thumbnail>:first-child {
    align-items: flex-start;
    display: flex;
    display: flex!important;
    flex: auto;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden
}

.products-grid.eq-height .product>:first-child .img-cont,.products-grid.eq-height .thumbnail>:first-child .img-cont,.products-listing.eq-height .product>:first-child .img-cont,.products-listing.eq-height .thumbnail>:first-child .img-cont,body.salla-default #products_div.eq-height .product>:first-child .img-cont,body.salla-default #products_div.eq-height .thumbnail>:first-child .img-cont {
    flex: 1;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.products-grid.eq-height .product>:first-child .img-cont img,.products-grid.eq-height .thumbnail>:first-child .img-cont img,.products-listing.eq-height .product>:first-child .img-cont img,.products-listing.eq-height .thumbnail>:first-child .img-cont img,body.salla-default #products_div.eq-height .product>:first-child .img-cont img,body.salla-default #products_div.eq-height .thumbnail>:first-child .img-cont img {
    flex: 1;
    max-width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: unset!important
}

.products-grid.eq-height .product.contain>:first-child .img-cont img,.products-grid.eq-height .thumbnail.contain>:first-child .img-cont img,.products-listing.eq-height .product.contain>:first-child .img-cont img,.products-listing.eq-height .thumbnail.contain>:first-child .img-cont img,body.salla-default #products_div.eq-height .product.contain>:first-child .img-cont img,body.salla-default #products_div.eq-height .thumbnail.contain>:first-child .img-cont img {
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.products-grid.eq-height .product.cover>:first-child .img-cont img,.products-grid.eq-height .thumbnail.cover>:first-child .img-cont img,.products-listing.eq-height .product.cover>:first-child .img-cont img,.products-listing.eq-height .thumbnail.cover>:first-child .img-cont img,body.salla-default #products_div.eq-height .product.cover>:first-child .img-cont img,body.salla-default #products_div.eq-height .thumbnail.cover>:first-child .img-cont img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.products-grid.eq-height .thumbnail.cover .thumb img,.products-listing.eq-height .thumbnail.cover .thumb img,body.salla-default #products_div.eq-height .thumbnail.cover .thumb img {
    -o-object-fit: cover;
    object-fit: cover
}

.products-grid.eq-height .thumbnail.contain .thumb img,.products-listing.eq-height .thumbnail.contain .thumb img,body.salla-default #products_div.eq-height .thumbnail.contain .thumb img {
    -o-object-fit: contain;
    object-fit: contain
}

.products-grid.eq-height:after,.products-grid.eq-height:before,.products-listing.eq-height:after,.products-listing.eq-height:before,body.salla-default #products_div.eq-height:after,body.salla-default #products_div.eq-height:before {
    display: none!important
}

.products-grid.eq-height {
    display: grid!important;
    grid-template-columns: repeat(4,25%)
}

.products-grid.eq-height>[class^=col-] {
    height: 100%;
    padding-bottom: 40px;
    width: 100%!important
}

.products-grid.eq-height>.eq-height {
    grid-column: 1/-1;
    padding: 0!important;
    width: 100%!important
}

@media only screen and (max-width: 1199px) {
    .products-grid.eq-height {
        grid-template-columns:repeat(3,33.33%)
    }
}

@media only screen and (max-width: 1024px) {
    .products-grid.eq-height {
        grid-template-columns:repeat(2,50%)
    }
}

.products-listing.eq-height .slick-track {
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fill,1fr)
}

.products-listing.eq-height .slick-track .slick-slide {
    height: 100%;
    padding-bottom: 15px
}

body.salla-default #products_div.eq-height,body.salla-default .products-grid.eq-height {
    display: grid!important
}

body.salla-default #products_div.eq-height .product-box,body.salla-default .products-grid.eq-height .product-box {
    height: 100%;
    padding-bottom: 30px;
    width: 100%!important
}

body.salla-default #products_div.eq-height .product-box .thumbnail .thumb a,body.salla-default .products-grid.eq-height .product-box .thumbnail .thumb a {
    width: 100%
}

body.salla-default #products_div.eq-height.grid-col-4,body.salla-default .products-grid.eq-height.grid-col-4 {
    grid-template-columns: repeat(4,25%)
}

@media only screen and (max-width: 1199px) {
    body.salla-default #products_div.eq-height.grid-col-4,body.salla-default .products-grid.eq-height.grid-col-4 {
        grid-template-columns:repeat(3,33.33%)
    }
}

@media only screen and (max-width: 1024px) {
    body.salla-default #products_div.eq-height.grid-col-4,body.salla-default .products-grid.eq-height.grid-col-4 {
        grid-template-columns:repeat(2,50%)
    }
}

body.salla-default #products_div.eq-height.grid-col-2,body.salla-default .products-grid.eq-height.grid-col-2 {
    grid-template-columns: repeat(2,50%)
}

@media only screen and (max-width: 499px) {
    body.salla-default #products_div.eq-height.grid-col-2,body.salla-default .products-grid.eq-height.grid-col-2 {
        grid-template-columns:1fr
    }
}

body.salla-theme_3 .products-grid.eq-height .product .product-title {
    margin: 0 0 10px;
    text-align: center
}

body.salla-theme_3 .products-grid.eq-height .product-footer>.product-price {
    padding: 0 0 15px
}

body.salla-theme_3 .products-grid.eq-height .product-footer>.product-price .product-price {
    padding: 0
}

body.salla-theme_4 .products-grid.eq-height>[class^=col-],body.salla-theme_6 .products-grid.eq-height>[class^=col-] {
    padding-bottom: 20px
}

body.salla-theme_6 .products-listing.eq-height .slick-track .slick-slide {
    padding-bottom: 0
}

.font-bold {
    font-weight: 700
}

.font-10 {
    font-size: 10px!important
}

.font-11 {
    font-size: 11px!important
}

.font-12 {
    font-size: 12px!important
}

.font-13 {
    font-size: 13px!important
}

.font-14 {
    font-size: 14px!important
}

.font-15 {
    font-size: 15px!important
}

.font-16 {
    font-size: 16px!important
}

.font-18 {
    font-size: 18px!important
}

.font-20 {
    font-size: 20px!important
}

.font-25 {
    font-size: 25px!important
}

.font-30 {
    font-size: 30px!important
}

.font-35 {
    font-size: 35px!important
}

.font-40 {
    font-size: 40px!important
}

.text-plain {
    direction: ltr;
    text-align: right;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.text-underline {
    text-decoration: underline!important
}

.color-main {
    color: var(--color-main)!important
}

.color-danger {
    color: #e2384d!important
}

.site-header {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.site-header.sticky {
    box-shadow: 0 1px 10px 2px rgba(0,0,0,.05);
    left: 0;
    position: fixed!important;
    right: 0;
    top: 0;
    width: 100%
}

.site-header.sticky .container.py-3 {
    padding-bottom: .5rem!important;
    padding-top: .5rem!important;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

@media only screen and (max-width: 991px) {
    .site-header {
        position:relative!important
    }
}

@media only screen and (min-width: 741px) and (max-width:991px) {
    body.salla-theme_2 .site-header .header-row.left {
        top:18px
    }
}

@media only screen and (max-width: 600px) {
    body.salla-theme_2 .site-header .header-row.left {
        top:15px
    }
}

@media only screen and (max-width: 992px) {
    body.salla-theme_2 .site-header.sticky {
        padding-bottom:.75rem
    }
}

body.salla-theme_6 .site-header .sub-header {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

body.salla-theme_6 .site-header.sticky .sub-header {
    display: none!important
}

body section[data-type=banner]:last-child {
    margin: 0
}

body.nav-open {
    overflow-y: hidden
}

body.preview-mode {
    margin-top: 50px
}

body.preview-mode .site-header.sticky {
    top: 50px
}

button.has-loader {
    position: relative
}

button.has-loader:before {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    border: 4px solid;
    border-left: 4px solid transparent;
    border-radius: 50%;
    content: "";
    filter: alpha(opacity=0);
    height: 20px;
    left: 15px;
    margin-top: -11px;
    opacity: 0;
    position: absolute;
    top: 50%;
    transition-duration: .1s;
    transition-property: opacity;
    width: 20px
}

button.has-loader:after {
    content: "";
    display: inline-block;
    height: 100%;
    transition-delay: .1s;
    transition-duration: .75s;
    transition-property: width;
    width: 0
}

button.has-loader.m-loader {
    cursor: not-allowed;
    pointer-events: none
}

button.has-loader.m-loader:not(.expand) {
    text-align: right
}

button.has-loader.m-loader:before {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    transition-delay: .1s;
    transition-duration: 1s
}

button.has-loader.m-loader:after {
    transition-delay: 0s;
    width: 20px
}

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.btn-primary.disabled,.btn-primary.disabled.active,.btn-primary.disabled.focus,.btn-primary.disabled:active,.btn-primary.disabled:focus,.btn-primary.disabled:hover,.btn-primary[disabled],.btn-primary[disabled].active,.btn-primary[disabled].focus,.btn-primary[disabled]:active,.btn-primary[disabled]:focus,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary,fieldset[disabled] .btn-primary.active,fieldset[disabled] .btn-primary.focus,fieldset[disabled] .btn-primary:active,fieldset[disabled] .btn-primary:focus,fieldset[disabled] .btn-primary:hover {
    background-color: var(--main-color);
    border-color: var(--main-color)
}

.btn,.btn.btn-default.expand-toggle {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.btn.btn-default.expand-toggle {
    background-color: #fff;
    border-color: #eee;
    border-radius: 50px;
    margin: 0 10px;
    min-height: 34px;
    min-width: 115px;
    padding: 0 28px 4px 15px
}

.btn.btn-default.expand-toggle:before {
    content: "\e942";
    display: inline-block;
    font-family: sallaicons;
    font-size: 9px;
    position: absolute;
    right: 12px;
    top: 53%;
    transform: translateY(-50%);
    vertical-align: middle
}

.btn.btn-default.expand-toggle.shrink {
    border-color: #ccc
}

.btn.btn-default.expand-toggle.shrink:before {
    content: "\e946"
}

.btn.btn-default.expand-toggle:hover {
    border-color: #ccc;
    color: #333
}

.btn-delete-circle {
    background-color: #e2384d;
    border: 1px solid #e2384d;
    border-radius: 50%!important;
    height: 22px;
    padding: 0!important;
    text-align: center;
    width: 22px
}

.btn-delete-circle i {
    color: #fff;
    font-size: 12px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.btn-delete-circle:hover {
    background-color: #f13138
}

.btn-apple {
    background-color: #000!important;
    border-color: transparent!important;
    color: #fff!important;
    text-decoration: none!important
}

.btn-apple img {
    display: inline!important;
    margin: 0 5px 0 0!important;
    vertical-align: unset!important;
    width: 12px!important
}

.btn-apple:hover {
    background: #000!important;
    border-color: transparent!important
}

.btn-lg {
    font-size: 14px!important;
    line-height: 1.4285715!important;
    padding: 9px 19px!important
}

.btn-large {
    font-size: 16px!important;
    min-height: 40px;
    padding-left: 15px!important;
    padding-right: 15px!important
}

.btn-loader .loader {
    height: 20px;
    margin-right: 10px;
    position: relative;
    top: 2px;
    width: 20px
}

.btn--full {
    width: 100%
}

.btn--primary {
    background-color: var(--main-color);
    color: #fff
}

.btn-wide {
    display: block;
    width: 100%
}

.btn-large {
    font-size: 15px!important;
    height: 50px
}

.btn-radial {
    border-radius: 5px!important
}

.btn-cancel {
    background-color: transparent;
    border: 1px solid #ddd!important;
    color: #444
}

.btn-direction-link {
    border: none!important;
    padding: 0!important;
    text-decoration: none!important
}

.btn-direction-link span {
    color: #444;
    text-decoration: underline
}

.btn-direction-link:after {
    color: #444;
    content: "\e96e";
    font-family: sallaicons;
    font-size: 13px;
    margin-right: 4px;
    position: relative;
    top: 2px
}

.btn-direction-link:active,.btn-direction-link:focus,.btn-direction-link:hover {
    background-color: transparent!important;
    box-shadow: none!important
}

.btn--extra-large {
    font-size: 18px!important;
    font-weight: 700!important;
    height: 51px;
    padding: 0!important
}

@media only screen and (max-width: 375px) {
    .btn--extra-large {
        font-size:16px!important;
        height: 40px
    }
}

.btn--white {
    color: #fff!important
}

.btn-modal-submit {
    padding: 9px 12px!important
}

.btn-link.primary {
    color: var(--color-main)!important
}

.btn--trans {
    background-color: transparent
}

.btn--trans:focus .btn--trans:active,.btn--trans:hover {
    background-color: transparent!important;
    box-shadow: none!important
}

.btn--borderless {
    border: 0!important
}

.btn--outlined {
    background: 0 0!important;
    border: 1px solid #eee;
    color: var(--color-text)
}

.btn--outlined.danger {
    border-color: #e2384d;
    color: #e2384d
}

.btn--outlined.danger:hover {
    border-color: #e2384d;
    box-shadow: none!important;
    color: #e2384d!important
}

.btn--outlined.primary {
    border-color: var(--color-main);
    color: var(--color-main)
}

.btn--outlined.primary:hover {
    border-color: var(--color-main);
    box-shadow: none!important;
    color: var(--color-main)!important
}

.btn--outlined:active,.btn--outlined:focus,.btn--outlined:hover {
    background: 0 0!important
}

.btn--outlined:hover {
    border-color: #eee;
    box-shadow: none!important
}

.btn--absolute-icon i {
    margin-right: -30px;
    position: absolute;
    top: 50%;
    top: 52%;
    transform: translateY(-50%)
}

.btn--tag {
    background-color: #f1f1f1;
    border-radius: 50px;
    color: #5c5c5c;
    display: inline-flex;
    font-size: 12px;
    line-height: 1;
    margin: 0;
    padding: 3px 30px 5px 15px!important;
    position: relative;
    white-space: nowrap
}

.btn--tag,.btn--tag i {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.btn--tag i {
    background: #d8d8d8;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    font-size: 8px;
    left: 5px;
    padding: 4px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle
}

.btn--tag i:hover {
    background-color: #f55157;
    color: #fff
}

.btn--tag:before {
    color: #959595;
    content: "\efea";
    display: inline-block;
    font-family: sallaicons;
    line-height: 1;
    margin: 0 0 0 8px;
    opacity: .5;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle
}

.btn.no-focus-shadow:active,.btn.no-focus-shadow:focus {
    box-shadow: none!important
}

.btn[disabled] {
    background: #ddd;
    border-color: #ddd;
    color: #999
}

.btn-branches-switch {
    background-color: #fff;
    border: 1px solid #eee!important;
    opacity: .8;
    padding: 6px 10px 11px 40px!important;
    text-align: right!important;
    width: 215px
}

.btn-branches-switch span:first-of-type {
    color: #4d4d4d;
    font-size: 14px!important
}

.btn-branches-switch span:last-of-type {
    color: #999;
    left: 8px;
    position: absolute;
    top: 50%;
    top: 52%;
    transform: translateY(-50%)
}

.btn-branches-switch i {
    color: #777;
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    top: -1px
}

.btn-branches-switch:focus,.btn-branches-switch:hover {
    box-shadow: none!important;
    opacity: 1
}

.btn-transparent {
    background: 0 0!important;
    padding: 0!important
}

.btn-transparent:active,.btn-transparent:hover {
    background: 0 0!important;
    box-shadow: none!important
}

.btn-copy.copied i[class^=sicon-]:before {
    content: "\ea9d"!important
}

#order_cancel {
    border: none;
    color: #f55157;
    line-height: 1;
    margin-right: 10px;
    min-height: 30px
}

#order_cancel:hover {
    background: 0 0
}

@media only screen and (max-width: 767px) {
    #order_cancel {
        left:15px;
        margin: 0;
        position: absolute;
        top: 45px
    }
}

#load_more {
    border-radius: 4px;
    position: relative
}

@media only screen and (max-width: 992px) {
    #load_more {
        min-height:36px
    }
}

.whatsapp-share-button {
    align-items: center;
    background: #25d366;
    border-radius: 9999px;
    color: #fff;
    display: flex;
    flex-direction: row;
    height: 28px;
    justify-content: center;
    line-height: 1;
    padding: 3px 12px 5px
}

[data-dismiss=modal]:after {
    color: #e2384d!important
}

.safari-nav-force {
    -webkit-overflow-scrolling: touch;
    height: 100%;
    overflow-y: scroll
}

#modal_login {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal {
    z-index: 100000000000000020!important
}

.modal .modal-header {
    border: none!important
}

.modal--ltr .modal-body {
    direction: ltr
}

.modal#order_cancel_modal .modal-body i {
    color: #f55156;
    font-size: 80px
}

.modal#order_cancel_modal .modal-body h5 {
    color: #f55156;
    font-size: 18px;
    font-weight: 700;
    margin: 30px 0
}

.modal#order_cancel_modal .modal-body p {
    color: #444;
    font-size: 15px;
    margin: 20px auto;
    width: 96%
}

.modal#order_cancel_modal .modal-body hr {
    border-top-color: #eee;
    margin: 25px 0
}

.modal#order_cancel_modal .modal-body .btn-group {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px
}

.modal#order_cancel_modal .modal-body .btn-group>* {
    border-radius: 3px;
    font-size: 15px;
    width: calc(50% - 5px)
}

.modal#order_cancel_modal .modal-body .btn-group>* .btn {
    width: 100%
}

.modal#order_cancel_modal .modal-body .btn-group .btn.cancel {
    background-color: transparent;
    border-color: #ddd;
    color: #444
}

@media only screen and (min-width: 767px) {
    .modal .modal-dialog.modal-sm {
        width:400px
    }
}

@media only screen and (min-width: 1022px) {
    .modal .modal-dialog.modal-xl {
        width:1000px
    }
}

@media only screen and (min-width: 800px) and (max-width:1021px) {
    .modal .modal-dialog.modal-xl {
        width:800px
    }
}

@media only screen and (max-width: 799px) {
    .modal .modal-dialog.modal-xl {
        margin-left:15px;
        width: auto
    }
}

.modal .modal-header--informative {
    border-radius: 6px 6px 0 0;
    padding: 20px!important
}

.modal .modal-header--informative>div {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.modal .modal-header--informative>div .img-wrapper {
    background-color: rgba(255,158,1,.1);
    border-radius: 50%;
    flex: 0 0 100px;
    height: 100px;
    margin-left: 20px;
    position: relative
}

.modal .modal-header--informative>div .img-wrapper img {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%)
}

.modal .modal-header--informative>div .title {
    font-size: 28px
}

.modal .modal-header--informative>div span {
    display: block;
    width: 75%
}

@media only screen and (max-width: 480px) {
    .modal .modal-header--informative>div {
        align-items:center;
        flex-direction: column
    }

    .modal .modal-header--informative>div .img-wrapper {
        margin: 0 0 20px;
        width: 100px
    }

    .modal .modal-header--informative>div .title {
        font-size: 20px;
        margin-bottom: 10px!important
    }

    .modal .modal-header--informative>div .title,.modal .modal-header--informative>div span {
        text-align: center;
        width: 100%
    }
}

.modal#special_offer_modal .modal-header {
    align-items: center;
    border-bottom-color: #eee;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    justify-content: space-between;
    padding: 20px
}

.modal#special_offer_modal .modal-header .header__title span {
    color: #f55157;
    display: inline-block;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 5px
}

.modal#special_offer_modal .modal-header .header__title b {
    color: #000;
    font-weight: 400
}

.modal#special_offer_modal .modal-header .header__title p {
    margin: 0
}

.modal#special_offer_modal .modal-header .header__icon {
    font-size: 40px;
    line-height: 1
}

.modal#special_offer_modal .modal-body {
    padding-bottom: 0
}

.modal#special_offer_modal .modal-body b {
    color: #000;
    font-weight: 400
}

.modal#special_offer_modal .modal-body .list.offer-steps {
    align-items: flex-start;
    counter-reset: counter-offer-steps;
    justify-content: flex-start;
    margin: 20px 0 0
}

.modal#special_offer_modal .modal-body .list.offer-steps li {
    counter-increment: counter-offer-steps;
    margin: 0 0 15px;
    padding: 0 30px 0 0;
    position: relative
}

.modal#special_offer_modal .modal-body .list.offer-steps li:before {
    border: 1px solid #eee;
    border-radius: 50%;
    content: counter(counter-offer-steps);
    display: inline-block;
    font-family: inherit;
    font-size: 13px;
    height: 25px;
    line-height: 20px;
    margin: 0 0 0 15px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 25px
}

.modal#special_offer_modal .modal-body .list.offer-steps li:last-child {
    margin: 0
}

.modal#special_offer_modal .modal-body .list.offer-steps.single-step li {
    padding: 0
}

.modal#special_offer_modal .modal-body .list.offer-steps.single-step li:before {
    display: none
}

.modal#special_offer_modal .modal-body .list.offer-categories {
    margin-top: 30px
}

.modal#special_offer_modal .modal-body .list.offer-categories li {
    margin: 0 0 10px 10px
}

.modal#special_offer_modal .modal-body .btn--add-product {
    background-color: #f55157;
    border: none;
    border-radius: 999999px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 15px 5px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.modal#special_offer_modal .modal-body .btn--add-product:before {
    color: #fff;
    content: "\ea6e";
    display: inline-block;
    font-family: sallaicons;
    font-size: 16px;
    margin: 0 0 0 5px;
    vertical-align: middle
}

.modal#special_offer_modal .modal-body .btn--add-product.offer-activated {
    background: #5dd5c4;
    pointer-events: none
}

.modal#special_offer_modal .modal-body .btn--add-product.offer-activated:before {
    -webkit-animation: pulse .75s forwards;
    animation: pulse .75s forwards;
    content: "\ee13"
}

.modal#special_offer_modal .modal-body .btn--add-product.offer-activated:hover {
    background-color: #35cbb5
}

.modal#special_offer_modal .modal-body .btn--add-product:hover {
    background-color: #f22128
}

.modal#special_offer_modal .modal-body .offer-products-wrapper {
    margin: 20px 0 0;
    padding: 0 20px
}

.modal#special_offer_modal .modal-body .offer-products-wrapper .owl-stage-outer,.modal#special_offer_modal .modal-body .offer-products-wrapper.solo {
    padding: 0
}

.modal#special_offer_modal .modal-footer {
    padding: 20px;
    text-align: left
}

.modal#special_offer_modal .modal-footer .btn {
    border: none;
    border-radius: 999999px;
    font-size: 14px;
    padding: 5px 17px 8px
}

.modal#special_offer_modal .modal-footer .btn:hover {
    background: #5a5a5a!important
}

.modal#special_offer_modal .modal-footer:after,.modal#special_offer_modal .modal-footer:before {
    display: none
}

.modal#special_offer_modal .modal-footer.solo {
    justify-content: center;
    text-align: center
}

.modal#special_offer_modal .test {
    text-align: center
}

@media only screen and (max-width: 767px) {
    .modal#special_offer_modal .modal-header {
        flex-direction:column-reverse;
        text-align: center
    }

    .modal#special_offer_modal .modal-header .header__icon {
        margin-bottom: 15px
    }

    .modal#special_offer_modal .modal-body .offer-products-wrapper {
        padding: 0
    }
}

.modal.modal-light .modal-content {
    border-radius: 10px
}

.modal.modal-light .modal-content .modal-header {
    padding: 40px 20px 20px
}

.modal.modal-light .modal-content .modal-header .modal-title.with-icon {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.modal.modal-light .modal-content .modal-header .modal-title.with-icon .modal-title__icon {
    align-items: center;
    border: 1px solid #eee;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    height: 80px;
    justify-content: center;
    margin-bottom: 30px;
    width: 80px
}

.modal.modal-light .modal-content .modal-header .modal-title.with-icon .modal-title__icon i {
    color: var(--color-main);
    font-size: 24px
}

.modal.modal-light .modal-content .modal-header .modal-title.with-icon h2 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    width: 100%
}

.modal.modal-light .modal-content .modal-header .modal-title.with-icon h2 span {
    color: var(--color-main);
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 20px;
    text-align: center
}

.modal.modal-light .modal-content .modal-header .modal-title.with-icon h2 span small {
    color: #999;
    display: block;
    font-size: 14px;
    margin: 10px 0 0
}

.modal.modal-light .modal-content .modal-header .modal-title.with-icon h2:after,.modal.modal-light .modal-content .modal-header .modal-title.with-icon h2:before {
    background: #eee;
    content: "";
    display: block;
    flex: auto;
    height: 1px
}

.modal.modal-light .modal-content .modal-header .modal-title .header-img {
    margin-bottom: 15px;
    margin-top: 10px
}

.modal.modal-light .modal-content .modal-header .modal-title .header-img.center {
    margin: 0 auto
}

.modal.modal-light .modal-content .modal-header .close {
    left: 15px;
    position: absolute;
    top: 15px
}

.modal.modal-light .modal-content .modal-header .close:after {
    color: #cdcdcd;
    content: "\ea47";
    display: block;
    font-family: sallaicons;
    font-size: 20px;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    vertical-align: middle
}

.modal.modal-light .modal-content .modal-header .close:hover:after {
    color: #777
}

.modal.modal-light .modal-content .modal-header--with-title {
    align-items: center;
    border-bottom: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 17px 20px
}

.modal.modal-light .modal-content .modal-header--with-title:after,.modal.modal-light .modal-content .modal-header--with-title:before {
    content: none
}

.modal.modal-light .modal-content .modal-header--with-title h3 {
    color: #444;
    font-size: 20px!important;
    font-weight: 700;
    margin: 0
}

.modal.modal-light .modal-content .modal-header--with-title .close {
    position: static!important
}

.modal.modal-light .modal-content .modal-body--with-padding {
    padding: 20px
}

.modal.modal-light .modal-content .modal-footer {
    border-top: none
}

.modal.modal-light .modal-content .modal-footer .btn {
    border-radius: 5px!important;
    font-size: 16px
}

.modal.modal-light .modal-content .modal-footer .btn.btn-primary {
    color: var(--color-text-reverse);
    width: 100%
}

.modal.modal-light .modal-content .modal-footer h2 {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    position: relative;
    width: 100%
}

.modal.modal-light .modal-content .modal-footer h2 span {
    color: var(--color-main);
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    margin: 0 20px;
    text-align: center
}

.modal.modal-light .modal-content .modal-footer h2 span small {
    color: #999;
    display: block;
    font-size: 14px;
    margin: 10px 0 0
}

.modal.modal-light .modal-content .modal-footer h2:after,.modal.modal-light .modal-content .modal-footer h2:before {
    background: #eee;
    content: "";
    display: block;
    flex: auto;
    height: 1px
}

.modal.modal-light .modal-content .header-img {
    margin-bottom: 15px;
    margin-top: 10px
}

.modal.modal-light .modal-content .header-img.center {
    margin: 0 auto
}

.modal.modal-light .close {
    left: 15px;
    position: absolute;
    top: 15px
}

.modal.modal-light .close:after {
    color: #cdcdcd;
    content: "\ea47";
    display: block;
    font-family: sallaicons;
    font-size: 20px;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    vertical-align: middle
}

.modal.modal-light .close:hover:after {
    color: #777
}

.modal.modal-light .modal-footer .btn {
    border-radius: 5px!important;
    font-size: 16px
}

.modal.modal-light .modal-footer .btn.btn-primary {
    color: var(--color-text-reverse);
    width: 100%
}

.modal.modal-light .modal-footer .btn.text-white {
    color: #fff
}

@media only screen and (min-width: 768px) {
    .modal.modal-light .modal-footer.modal-wide .modal-dialog {
        width:750px
    }
}

@media only screen and (min-width: 600px) and (max-width:768px) {
    .modal.modal-light .modal-footer.modal-wide .modal-dialog {
        width:auto
    }
}

.modal.modal-light .modal-footer.side-btn {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.modal.modal-light .modal-footer.side-btn .btn {
    flex: 0 0 47%;
    width: auto
}

.modal.modal-light .modal-footer.side-btn .btn-cancel {
    margin-right: 15px!important
}

.modal#three_d_displays .modal-header p i {
    font-size: 25px
}

.modal#modal_reorder .modal-title__icon {
    border: none;
    position: relative
}

.modal#modal_reorder .modal-title__icon i:first-of-type {
    color: #eee;
    font-size: 80px;
    position: absolute
}

.modal#modal_reorder p {
    color: #929292;
    margin: 0 0 30px;
    text-align: center
}

.modal#modal_reorder p span {
    display: block
}

.modal#tamara_details_modal .modal-header h2 span {
    color: #333
}

.modal#tamara_details_modal .tamara-features {
    border-bottom: 1px solid #eee;
    margin-bottom: 20px;
    padding: 0 0 20px
}

.modal#tamara_details_modal .tamara-features li {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 20px;
    padding: 0 20px;
    width: 100%
}

.modal#tamara_details_modal .tamara-features li i {
    color: #6dc8bf!important;
    flex-shrink: 0;
    font-size: 30px;
    margin-left: 30px
}

.modal#tamara_details_modal .tamara-features li i:not([class^=sicon]) {
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    margin-left: 25px;
    margin-top: -8px;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.modal#tamara_details_modal .tamara-features li i:not([class^=sicon]) small {
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    vertical-align: baseline
}

.modal#tamara_details_modal .tamara-features li h6 {
    margin: 0
}

.modal#tamara_details_modal .tamara-features li span {
    font-size: 13px
}

.modal#tamara_details_modal .tamara-features li.bg {
    background-color: #f8f8f8;
    border-radius: 4px;
    padding: 15px 20px
}

.modal#tamara_details_modal .tamara-features li.bg h6 {
    margin: 0
}

.modal#tamara_details_modal .tamara-features li:last-child {
    margin-bottom: 0
}

.modal#tamara_details_modal .tamara-support {
    font-size: 14px;
    text-align: center
}

.modal#tamara_details_modal .tamara-support a {
    color: #6dc8bf;
    text-decoration: underline
}

@media only screen and (max-width: 991px) {
    .sub-nav .sub-nav-content .sub-nav-header {
        padding: 13px 0!important;
    }

    .sub-nav .sub-nav-content .sub-nav-header a {
        font-size: 12px;
        margin: 15px auto 0
    }
}

.sub-nav .sub-nav-content .sub-nav-header .logout-link.as-link {
    background: #f55157;
    color: #fff;
    height: auto;
    width: 110px
}

.sub-nav .sub-nav-content .sub-nav-header .logout-link.as-link:hover {
    background: #d04f55
}

.sub-nav .main-menu li {
    margin-bottom: 0
}

@media only screen and (max-width: 991px) {
    .sub-nav .main-menu li a {
        font-size:15px!important;
        padding: .35rem 0;
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }
}

.sub-nav .main-menu li a i {
    vertical-align: middle
}

.sub-nav .main-menu li.sub-menu-logged-in {
    padding: 0!important
}

.sub-nav .main-menu li.sub-menu-logged-in a {
    min-height: 40px;
    padding: 5px 15px!important
}

.sub-nav .main-menu li.sub-menu-logged-in a i {
    font-size: 16px!important;
    margin: 0 0 0 10px!important
}

.sub-nav .main-menu li.sub-menu-logged-in a i[class*=arrow] {
    font-size: 15px!important;
    margin: 0!important;
    top: 50%;
    transform: translateY(50%)
}

.sub-nav .main-menu li.sub-menu-header.categories-holder {
    background-color: transparent;
    padding: 0!important
}

.sub-nav .main-menu li.sub-menu-header.categories-holder>span {
    border-top: 5px solid #eee;
    display: block;
    font-weight: 400;
    padding: 5px 15px!important;
    width: 100%
}

.sub-nav .main-menu li.sub-menu-header.categories-holder>span i {
    display: inline-block;
    font-size: 16px;
    height: auto;
    line-height: 1;
    margin-left: 10px;
    vertical-align: middle
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories {
    display: none;
    height: auto;
    max-height: unset;
    padding: 0;
    position: relative;
    width: 100%
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li {
    border-bottom: 1px solid #f8f8f8;
    display: block!important;
    position: relative
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li a {
    font-size: 15px!important;
    min-height: 40px;
    padding: 5px 15px!important
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul {
    background-color: transparent;
    border-radius: 0;
    border-right: 3px solid #eee;
    box-shadow: none;
    display: none;
    margin: 0 auto 15px;
    max-height: unset;
    opacity: 1;
    padding: 0;
    right: unset;
    transform: unset!important;
    transition: unset;
    visibility: visible;
    width: calc(100% - 30px)
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul li {
    background-color: transparent
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul li a {
    font-size: 13px!important;
    min-height: 36px;
    padding-right: 20px!important;
    position: relative
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul li a:before {
    background-color: #ddd;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 3px;
    top: 50%;
    transform: translateY(-50%);
    width: 5px
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul li a:after {
    color: #444!important
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul li ul {
    margin-left: 0;
    width: calc(100% - 15px)
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul li ul li.has-children a {
    padding-left: 30px!important
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul li ul li.has-children a:after {
    left: 10px!important
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul li:hover a {
    color: #444
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li.has-children {
    cursor: pointer
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li.has-children>a {
    padding-left: 40px!important;
    pointer-events: none;
    position: relative
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li.has-children>a:after {
    color: var(--color-text)!important;
    content: "\e96e";
    font-family: sallaicons;
    left: 15px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li.has-children:hover:after {
    opacity: 1
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li.active {
    background-color: #f8f8f8
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li.active>a {
    color: #444
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li.active>a:after {
    opacity: 1;
    transform: translateY(-50%) rotate(-90deg)
}

.sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li:last-child {
    border: none;
    margin: 0
}

@media only screen and (max-width: 991px) {
    .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories {
        display:block
    }

    .sub-nav .main-menu li:not(.sub-menu-logged-in):not(.sub-menu-header) {
        display: none!important
    }
}

.sub-nav .main-menu li#ls_switcher_mobile {
    border-top: 5px solid #eee
}

.sub-nav .main-menu li#ls_switcher_mobile a {
    padding: .4rem 1rem .1rem
}

.sub-nav .main-menu li#ls_switcher_mobile a:before {
    color: #c7c7c7;
    content: "\e93d";
    display: inline-block;
    font-family: sallaicons;
    font-size: 20px;
    margin-left: 10px;
    vertical-align: middle
}

.sub-nav .main-menu li#ls_switcher_mobile a:after {
    color: var(--color-text)!important;
    content: "\e96e";
    font-family: sallaicons;
    left: 15px;
    opacity: .5;
    position: absolute;
    top: 10px;
    transition: transform .35s cubic-bezier(.2,1,.3,1)
}

.sub-nav .main-menu li#ls_switcher_mobile ul {
    border-right: none;
    margin: 0;
    padding-bottom: 5px;
    width: 100%
}

.sub-nav .main-menu li#ls_switcher_mobile ul li .btn {
    background-color: transparent!important;
    font-size: 13px;
    padding: 5px 10px;
    padding-right: 40px!important;
    text-align: right;
    width: 100%
}

.sub-nav .main-menu li#ls_switcher_mobile ul li .btn i {
    background-color: transparent;
    border: none;
    display: inline-block;
    margin: 0 0 0 5px;
    overflow: hidden;
    vertical-align: middle
}

.sub-nav .main-menu li#ls_switcher_mobile ul li .btn:after,.sub-nav .main-menu li#ls_switcher_mobile ul li .btn:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    position: absolute;
    top: 19px
}

.sub-nav .main-menu li#ls_switcher_mobile ul li .btn:before {
    background: #fff;
    border: 1px solid #e2e2e2;
    height: 15px;
    right: 15px;
    width: 15px
}

.sub-nav .main-menu li#ls_switcher_mobile ul li .btn:after {
    background-color: var(--main-color);
    height: 9px;
    opacity: 0;
    right: 18px;
    transform: translateY(-50%) scale(.3);
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 9px
}

.sub-nav .main-menu li#ls_switcher_mobile ul li:hover .btn {
    border-color: transparent!important;
    box-shadow: unset;
    color: var(--color-text)
}

.sub-nav .main-menu li#ls_switcher_mobile ul li.active .btn {
    color: var(--color-text)
}

.sub-nav .main-menu li#ls_switcher_mobile ul li.active .btn:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.sub-nav .main-menu li#ls_switcher_mobile.active a:after {
    opacity: 1;
    transform: rotate(-90deg)
}

@media only screen and (max-width: 2080px) {
    .sub-nav .sub-nav-content {
        z-index:99999!important;
    }
}

.slick-slide {
    outline: none!important
}

a.circle-action.button-prev {
    left: 0
}

a.circle-action.button-next {
    right: 0
}

.jGrowl .alert-rounded {
    border-radius: 5px!important
}

.alert.cart-alert {
    font-size: 14px;
    overflow: hidden;
    position: relative;
    text-align: right
}

.alert.cart-alert-with-icon {
    padding-right: 75px
}

.alert.cart-alert-with-icon i {
    font-size: 45px;
    opacity: .2;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%)
}

.alert.alert-default {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px
}

.alert.alert-out-of-stock {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 20px 0 0;
    padding: 11px 50px 11px 11px
}

.alert.alert-out-of-stock span {
    font-size: 14px;
    line-height: 1
}

.alert.alert-out-of-stock .btn.btn-default.stock-notify {
    background: #fff;
    border: 1px solid rgba(245,81,87,.1);
    border-radius: 50px;
    color: #f55157;
    font-size: 14px;
    line-height: 1;
    overflow: hidden;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.alert.alert-out-of-stock .btn.btn-default.stock-notify:before {
    content: "\eef6";
    display: inline-block;
    font-family: sallaicons;
    font-size: 16px;
    line-height: 1;
    margin: 1px 0 0 8px;
    vertical-align: middle
}

.alert.alert-out-of-stock .btn.btn-default.stock-notify.notify {
    background-color: #5dd5c4;
    border-color: #5dd5c4;
    color: #fff
}

.alert.alert-out-of-stock .btn.btn-default.stock-notify.notify:active,.alert.alert-out-of-stock .btn.btn-default.stock-notify.notify:focus,.alert.alert-out-of-stock .btn.btn-default.stock-notify.notify:hover {
    background-color: #5dd5c4;
    color: #fff
}

.alert.alert-out-of-stock .btn.btn-default.stock-notify.notify:before {
    -webkit-animation: heartBeat .8s forwards;
    animation: heartBeat .8s forwards;
    color: #fff;
    content: "\ea9b"
}

.alert.alert-out-of-stock .btn.btn-default.stock-notify:hover {
    background-color: #f55157;
    color: #fff
}

.alert.alert-out-of-stock:before {
    color: #a9a9a8;
    content: "\ecdf";
    font-family: sallaicons;
    font-size: 20px;
    position: absolute;
    right: 18px;
    top: 52%;
    transform: translateY(-50%)
}

@media only screen and (max-width: 767px) {
    body:not(.salla-default) .alert.alert-out-of-stock {
        background:0 0;
        border: none;
        bottom: 17px;
        flex: auto;
        margin: 0;
        padding: 0 35px 0 11px;
        position: fixed;
        right: 15px;
        width: calc(100% - 60px);
        z-index: 9999
    }

    body:not(.salla-default) .alert.alert-out-of-stock:before {
        right: 0
    }
}

body.salla-theme_6 .alert.alert-out-of-stock .btn.btn-default.stock-notify {
    border-radius: 5px
}

.switch-cont {
    position: relative
}

.switch-cont .switch {
    background-color: hsla(0,0%,94%,.5);
    border-radius: 30px;
    box-shadow: inset 0 0 8px rgba(0,0,0,.1);
    display: inline-block;
    height: 20px;
    position: relative;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 35px
}

.switch-cont .switch:after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 16px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: all .3s;
    width: 16px
}

.switch-cont .checkbox {
    display: none
}

.switch-cont .checkbox:checked+.switch {
    background-color: var(--main-color)
}

.switch-cont .checkbox:checked+.switch:after {
    left: 17px
}

.switch-cont label {
    cursor: pointer;
    margin: 0;
    padding: 0 43px 0 0;
    position: absolute;
    right: 0;
    top: -1px;
    white-space: nowrap
}

.shipping-address-redirect {
    margin-bottom: 20px
}

.shipping-address-redirect label {
    font-size: 15px
}

.shipping-address-redirect #addressee {
    background-color: hsla(0,0%,93%,.4);
    border-radius: 5px;
    margin: .5rem 0 0;
    padding: 1rem 2rem 0
}

.shipping-address-redirect #addressee .section-title.payment-section-title {
    background-color: transparent;
    border: none;
    border-radius: 0;
    margin: 0 0 1rem;
    padding: 0 0 10px;
    text-align: right;
    width: 100%
}

.shipping-address-redirect #addressee .section-title.payment-section-title i {
    display: inline-block;
    font-size: 1.5rem;
    margin: 0 0 0 5px;
    vertical-align: middle
}

.shipping-address-redirect #addressee .shipping-address {
    border: 0;
    margin: 0;
    padding: 0;
    width: 100%
}

.shipping-address-redirect #addressee .shipping-address .flag-container .selected-flag {
    border-bottom-left-radius: 99px;
    border-top-left-radius: 99px;
    outline: none
}

.shipping-address-redirect #addressee .shipping-address .flag-container .selected-flag .selected-dial-code {
    font-size: 14px;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.shipping-address-redirect #addressee .shipping-address .flag-container ul.country-list {
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0,0,0,.05);
    margin-top: 5px
}

.shipping-address-redirect #addressee .shipping-address .flag-container ul.country-list li {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.shipping-address-redirect #addressee .shipping-address .flag-container ul.country-list li .flag-box {
    margin: 0
}

.shipping-address-redirect #addressee .shipping-address .flag-container ul.country-list li .country-name {
    flex: 1;
    font-size: 13px;
    margin: 0 5px;
    max-width: 80%;
    overflow: hidden
}

.shipping-address-redirect #addressee .shipping-address .flag-container ul.country-list li .dial-code {
    font-size: 13px;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.shipping-address-redirect #addressee .shipping-address .flag-container:hover {
    background-color: transparent
}

.shipping-address-redirect #addressee .shipping-address .intl-tel-input.allow-dropdown.separate-dial-code {
    z-index: 450
}

.shipping-address-redirect #addressee .shipping-address .intl-tel-input.allow-dropdown.separate-dial-code input.input_address {
    padding-right: 15px
}

@media only screen and (max-width: 767px) {
    .shipping-address-redirect #addressee {
        padding:1rem 1rem 0
    }
}

.store-notify {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    left: 0;
    min-height: 40px;
    padding: 5px 30px 5px 60px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3500
}

.store-notify * {
    color: inherit
}

.store-notify i {
    background-color: rgba(0,0,0,.05);
    border-radius: 4px;
    color: inherit;
    display: inline-block;
    margin-left: 10px;
    padding: 8px 10px
}

.store-notify #notify-close {
    border-radius: 5px;
    display: block;
    height: 27px;
    left: 10px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: background-color .35s ease;
    width: 27px
}

.store-notify #notify-close i {
    background-color: transparent;
    border-radius: 0;
    color: inherit;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(50%)
}

.store-notify #notify-close:hover {
    background-color: rgba(0,0,0,.1);
    cursor: pointer
}

.store-notify #notify-close:hover:after {
    display: none
}

.store-notify p {
    color: inherit;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    text-align: center
}

.store-notify a {
    display: inline-block;
    margin: 0 4px;
    position: relative
}

.store-notify a,.store-notify a:after {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.store-notify a:after {
    background-color: hsla(0,0%,100%,.3);
    bottom: -6px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    transform: scaleX(0);
    transform-origin: right;
    width: 100%
}

.store-notify a:hover {
    color: inherit
}

.store-notify a:hover:after {
    transform: scaleX(1)
}

@media only screen and (max-width: 767px) {
    .store-notify {
        padding:5px 10px 5px 60px
    }

    .store-notify p {
        line-height: 1.2
    }
}

body.salla-theme_1 .section-actions .circle-action.button-more,body.salla-theme_2 .section-actions .circle-action.button-more,body.salla-theme_4 .section-actions .circle-action.button-more {
    border-radius: 20px;
    padding: 0 15px;
    width: auto
}

body.salla-theme_1 .section-header--border-b {
    margin-bottom: 40px!important
}

body.salla-theme_1 .section-header--border-b:before {
    bottom: -18px
}

body.salla-theme_1 .section-header--border-b .section--title {
    color: #333!important
}

body.salla-theme_1 .section-header--border-b .section--title:after {
    background-color: #333;
    border-radius: 30px;
    bottom: -17px;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 0;
    width: 85%;
    z-index: 0
}

body.salla-theme_1 .section-header .btn.btn-primary.btn-rounded,body.salla-theme_2 .section-header .btn.btn-primary.btn-rounded,body.salla-theme_4 .section-header .btn.btn-primary.btn-rounded {
    background-color: #fff;
    border-color: var(--main-text-color)!important;
    color: var(--main-text-color2);
    font-size: 15px;
    height: 36px;
    padding: 0 15px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

body.salla-theme_1 .section-header .btn.btn-primary.btn-rounded:hover,body.salla-theme_2 .section-header .btn.btn-primary.btn-rounded:hover,body.salla-theme_4 .section-header .btn.btn-primary.btn-rounded:hover {
    background-color: var(--main-text-color)!important;
    border-color: var(--main-text-color)!important;
    color: #fff
}

body.salla-theme_3 .section-header .section--title {
    margin-bottom: 15px
}

body.salla-theme_3 .section-actions .circle-action.button-more {
    font-family: inherit;
    padding: 0 15px;
    width: auto
}

body.salla-theme_3 .show-more .btn.btn-rounded,body.salla-theme_5 .show-more .btn.btn-rounded {
    background-color: #fff;
    border-color: var(--main-text-color)!important;
    border-radius: 3px;
    color: var(--main-text-color2);
    font-size: 15px;
    height: 36px;
    padding: 0 15px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

body.salla-theme_3 .show-more .btn.btn-rounded:hover,body.salla-theme_5 .show-more .btn.btn-rounded:hover {
    background-color: var(--main-text-color)!important;
    border-color: var(--main-text-color)!important;
    color: #fff
}

@media only screen and (min-width: 767px) {
    body.salla-theme_4 section.section.section-products .container {
        padding-left:1.5rem;
        padding-right: 1.5rem
    }
}

body.salla-theme_4 .section-header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

body.salla-theme_4 .section-header .section--title {
    flex: 1 0 0;
    margin-right: -1.5rem
}

@media only screen and (max-width: 767px) {
    body.salla-theme_4 .section-header .section--title {
        margin-left:5px;
        margin-right: -10px
    }

    body.salla-theme_4 .section-header .section--title>span {
        font-size: 16px!important
    }
}

body.salla-theme_4 .section-header .section-actions .circle-action.button-more {
    font-size: 14px;
    margin-top: 3px;
    padding: 0 10px;
    transform: translateY(-2px)
}

body.salla-theme_4 .section-header .btn.btn-primary.btn-rounded {
    height: 36px;
    line-height: 30px
}

@media only screen and (max-width: 480px) {
    body.salla-theme_4 .section-header>:nth-child(2) {
        margin:.5rem 0 0
    }

    body.salla-theme_4 .section-header .section-actions {
        left: unset;
        position: relative;
        text-align: right;
        top: unset;
        transform: unset
    }
}

body.salla-theme_5 .section-header .section-actions {
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 99
}

body.salla-theme_5 .section-header .section-actions .circle-action.button-more {
    padding: 0 15px;
    width: auto
}

body.salla-theme_5 .section-header .section-actions .circle-action.button-more:hover {
    color: var(--main-text-color)
}

body.salla-theme_5 .section-header .section-actions .circle-action:hover:not(.button-more) {
    background-color: unset;
    color: unset
}

body.salla-theme_5 .section-header .btn.btn-primary.btn-rounded {
    height: 25px;
    line-height: 5px
}

@media only screen and (max-width: 480px) {
    body.salla-theme_5 .section-header {
        align-items:center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        text-align: right
    }

    body.salla-theme_5 .section-header h2.section--title {
        flex: 1 0 auto
    }

    body.salla-theme_5 .section-header .section-actions {
        left: 0;
        position: relative;
        right: auto;
        text-align: left;
        top: 0;
        transform: unset
    }
}

body .section-actions .circle-action {
    vertical-align: middle
}

body.font-dinnextltarabic-regular .button-more {
    line-height: 32px!important
}

body.font-estedad .button-more {
    line-height: 34px!important
}

body.font-apple .button-more {
    font-size: 15px;
    line-height: 34px!important
}

@media only screen and (max-width: 992px) {
    body .section-actions .circle-action {
        height:30px;
        width: 30px
    }

    body .section-actions .button-more,body .section-actions .circle-action.button-more {
        font-size: 14px;
        padding: 0 8px!important
    }

    body .section-actions .button-more {
        height: 30px!important
    }

    body .section-header h2.section--title span {
        font-size: 20px!important
    }

    body .section-header .btn.btn-rounded {
        font-size: 14px!important;
        height: 30px!important;
        padding: 0 8px!important
    }
}

body .section-header .btn.btn-rounded.side-menu-toggle {
    line-height: 28px!important;
    padding: 0 12px!important
}

body .section-header .btn.btn-rounded.side-menu-toggle i {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle
}

@media(min-width: 992px) {
    body .section-header .btn.btn-rounded.side-menu-toggle {
        display:none!important
    }
}

body .section-header.border-less .section--title {
    padding: 0
}

body .section-header.border-less .section--title:after,body .section-header.border-less .section--title:before,body .section-header.border-less:before {
    display: none
}

:root {
    --shipping-bar-main-color: #a2c870
}

.shipping-bar {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

.shipping-bar--flex-column {
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .shipping-bar {
        display:block
    }
}

.shipping-bar .col-md- * {
    padding: 0
}

@media only screen and (max-width: 767px) {
    .shipping-bar .free-shipping {
        margin-bottom:30px
    }
}

.shipping-bar .free-shipping__bar {
    position: relative
}

.shipping-bar .free-shipping__bar>div {
    padding: 0 0 8px;
    position: relative;
    text-align: left;
    transition: width .35s cubic-bezier(.2,1,.3,1)
}

.shipping-bar .free-shipping__bar>div>span {
    background-color: var(--shipping-bar-main-color);
    color: #fff;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    margin: 0 0 5px -15px;
    padding: 5px 10px;
    position: relative
}

.shipping-bar .free-shipping__bar>div>span i {
    display: inline-block;
    font-size: 18px;
    margin-right: 1px;
    transform: scaleX(-1);
    vertical-align: middle
}

.shipping-bar .free-shipping__bar>div>span:after {
    border: 5px solid transparent;
    border-top: 5px solid var(--shipping-bar-main-color);
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: calc(100% - 20px);
    top: 100%;
    width: 0
}

.shipping-bar .free-shipping__bar>div>div {
    background: var(--shipping-bar-main-color);
    background: linear-gradient(90deg,var(--shipping-bar-main-color) 0,var(--shipping-bar-main-color) 100%)
}

.shipping-bar .free-shipping__bar:after,.shipping-bar .free-shipping__bar>div>div {
    border-radius: 3px;
    bottom: 0;
    display: block;
    height: 5px;
    position: absolute;
    right: 0;
    width: 100%
}

.shipping-bar .free-shipping__bar:after {
    background-color: #f5f5f5;
    content: "";
    z-index: -1
}

.shipping-bar .free-shipping__label {
    font-size: 13px;
    margin: 3px 0 0
}

.shipping-bar .free-shipping__label b {
    color: var(--shipping-bar-main-color);
    display: inline-block;
    margin: 0 5px
}

.shipping-bar .free-shipping--large {
    width: 100%
}

.shipping-bar .free-shipping--large .free-shipping__label-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 14px
}

.shipping-bar .free-shipping--large .free-shipping__label-wrapper .riced {
    color: #9c9c9c;
    margin: 0
}

.shipping-bar .free-shipping--large .free-shipping__label-wrapper .total {
    color: #444;
    margin: 0
}

.shipping-bar .free-shipping--large .free-shipping__label-wrapper .total span {
    font-weight: 400
}

.shipping-bar .free-shipping--large .free-shipping__bar>div>div {
    background: linear-gradient(90deg,var(--main-color) 0,var(--main-color) 100%)!important;
    height: 15px;
    z-index: 4
}

.shipping-bar .free-shipping--large .free-shipping__bar:after {
    box-shadow: inset 0 0 12px rgba(0,0,0,.15);
    height: 15px;
    z-index: 0
}

.shipping-bar.donation {
    margin-top: 10px;
    padding: 0 20px
}

.shipping-bar.donation .donation-goal {
    display: none
}

.shipping-bar.donation .donation-end {
    color: var(--color-text);
    font-size: 12px
}

.shipping-bar.donation .donation-end.text-danger {
    color: #e2384d!important
}

.shipping-bar.donation .free-shipping__bar>div>span {
    background-color: var(--color-main)
}

.shipping-bar.donation .free-shipping__bar>div>span:after {
    border-top-color: var(--color-main)
}

.shipping-bar.donation .free-shipping__bar>div>div {
    background: var(--color-main)
}

.shipping-bar.donation .free-shipping__label b {
    color: var(--color-main)
}

.shipping-bar.donation .form-group {
    margin-bottom: 0;
    width: 100%
}

ol.breadcrumb {
    background-color: transparent;
    display: inline-block;
    list-style: none;
    margin: 10px 0;
    padding: 0
}

ol.breadcrumb li {
    font-size: 14px;
    padding: 0 20px 5px 0;
    position: relative
}

ol.breadcrumb li,ol.breadcrumb li a {
    display: inline-block
}

ol.breadcrumb li:first-child {
    padding-right: 0
}

ol.breadcrumb li:first-child a:before {
    content: "\ecc7";
    display: inline-block;
    font-family: sallaicons;
    font-size: 14px;
    margin-left: 5px
}

ol.breadcrumb li:first-child:before {
    display: none
}

ol.breadcrumb li:before {
    color: #a5a5a5!important;
    content: "\ea65"!important;
    display: inline-block;
    font-family: sallaicons!important;
    font-size: 14px;
    padding: 0!important;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%)
}

body.salla-default .container--default {
    max-width: 1024px
}

body.salla-default ol.breadcrumb {
    margin: 15px 0
}

body.salla-default ol.breadcrumb li {
    color: #fff
}

body.salla-default ol.breadcrumb li a {
    color: hsla(0,0%,100%,.8)
}

body.salla-default ol.breadcrumb li a:hover {
    color: #fff
}

body.salla-default ol.breadcrumb li:before {
    color: #fff!important
}

body.salla-theme_4 ol.breadcrumb {
    margin: 0 0 10px!important
}

@media only screen and (max-width: 767px) {
    body.salla-theme_4 ol.breadcrumb {
        margin:0!important
    }
}

body.salla-theme_2.product-show .breadcrumb-container,body.salla-theme_5.product-show .breadcrumb-container {
    padding-top: 0
}

@media only screen and (min-width: 991px) {
    body.salla-theme_2.product-show .breadcrumb-container .container,body.salla-theme_5.product-show .breadcrumb-container .container {
        max-width:700px
    }
}

@media only screen and (min-width: 992px) {
    body.salla-theme_2.product-show .breadcrumb-container,body.salla-theme_5.product-show .breadcrumb-container {
        padding-top:.8rem
    }
}

.breadcrumb-container {
    padding-top: .8rem
}

.breadcrumb-container.gray {
    background-color: #fafafa
}

.loader {
    -webkit-animation: loader 1s ease-in-out infinite;
    animation: loader 1s ease-in-out infinite;
    border: 5px solid;
    border-bottom-color: #eee!important;
    border-left-color: var(--main-color)!important;
    border-radius: 100%;
    border-right-color: #eee!important;
    border-top-color: var(--main-color)!important;
    display: inline-block;
    height: 30px;
    line-height: 1;
    margin: auto 0;
    padding: 0;
    text-align: center;
    width: 30px
}

.loader--small {
    border-width: 2px;
    height: 20px;
    width: 20px
}

.loader--small:before {
    font-size: 16px
}

.loader--smaller {
    border-width: 2px!important;
    height: 16px!important;
    width: 16px!important
}

.loader--smaller:before {
    font-size: 16px
}

@-webkit-keyframes loader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes loader {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.page-load-status {
    text-align: center
}

.bootstrap-select>button.dropdown-toggle span.filter-option {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.bootstrap-select>.dropdown-menu>.dropdown-menu {
    max-height: 205px!important
}

.bootstrap-select>.dropdown-menu>.dropdown-menu li a .text {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    white-space: normal
}

.bootstrap-select.select-new {
    -webkit-appearance: unset!important
}

.dropdown .dropdown-menu {
    border-color: #ddd!important;
    border-radius: 2px!important
}

#sort {
    position: relative;
    width: auto
}

#sort #sort-toggle {
    border-radius: 50px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#sort #sort-toggle i {
    margin-left: 6px
}

#sort #sort-toggle:focus,#sort #sort-toggle:hover {
    background: var(--main-color)!important;
    border-color: var(--main-color)!important
}

#sort #sort-options {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    display: block;
    height: auto;
    left: 0;
    min-width: 260px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 40px;
    transform: translateY(15px);
    transition: all .35s cubic-bezier(.2,1,.3,1);
    visibility: hidden;
    width: auto;
    z-index: 99
}

#sort #sort-options li {
    align-items: center;
    border-bottom: 1px solid #f8f8f8;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 15px 10px
}

#sort #sort-options li .checkbox {
    margin: 0 0 10px
}

#sort #sort-options li .checkbox label {
    font-size: 13px
}

#sort #sort-options li .checkbox:last-child {
    margin-bottom: 0
}

#sort #sort-options li .btn-submit-filter {
    background-color: var(--main-color);
    color: #fff;
    min-height: 35px;
    text-align: center;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 100%
}

#sort #sort-options li .btn-submit-filter i {
    background-color: rgba(0,0,0,.05);
    display: inline-block;
    height: 100%;
    margin: 0 0 0 5px;
    padding: 5px 8px;
    position: absolute;
    right: 0;
    top: 0;
    vertical-align: middle;
    width: 50px
}

#sort #sort-options li.col {
    flex-direction: column
}

#sort #sort-options li.q-sort {
    justify-content: space-between
}

#sort #sort-options li.q-sort .switch-cont .switch {
    height: 18px;
    width: 30px
}

#sort #sort-options li.q-sort .switch-cont .switch:after {
    height: 14px;
    left: 3px;
    width: 14px
}

#sort #sort-options li.q-sort .switch-cont .checkbox:checked+.switch:after {
    left: 13px
}

#sort #sort-options li.q-sort .switch-cont label {
    font-size: 13px;
    padding: 0 35px 0 0;
    transform: translateY(3px)
}

#sort #sort-options li.q-sort>* {
    flex: 1 0 auto;
    line-height: 1
}

#sort #sort-options li:last-child {
    border: none
}

#sort #sort-options.visible {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

body.salla-theme_3 #sort,body.salla-theme_5 #sort {
    margin: 0 auto
}

body.salla-theme_3 #sort #sort-options,body.salla-theme_5 #sort #sort-options {
    left: 50%;
    text-align: right;
    transform: translateY(15px) translateX(-50%)
}

body.salla-theme_3 #sort #sort-options.visible,body.salla-theme_5 #sort #sort-options.visible {
    transform: translateY(0) translateX(-50%)
}

@media only screen and (max-width: 767px) {
    body.salla-theme_5 #sort #sort-options {
        left:0;
        transform: translateY(15px) translateX(0)
    }

    body.salla-theme_5 #sort #sort-options.visible {
        transform: translateY(0) translateX(0)
    }
}

body.salla-theme_1 #sort {
    background-color: #fff;
    padding-right: 16px
}

.checkbox {
    margin: 0;
    padding: 0;
    width: 100%
}

.checkbox.radio input[type=radio] {
    display: none
}

.checkbox.radio input[type=radio]:checked+label:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.checkbox label {
    position: relative
}

.checkbox label:after,.checkbox label:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.checkbox label:before {
    background: #fff;
    border: 1px solid #e2e2e2;
    height: 20px;
    right: 0;
    width: 20px
}

.checkbox label:after {
    background-color: var(--main-color);
    height: 12px;
    opacity: 0;
    right: 4px;
    transform: translateY(-50%) scale(.3);
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 12px
}

.checkbox--default {
    margin: 0!important
}

.checkbox--default input[type=checkbox] {
    display: none
}

.checkbox--default input[type=checkbox]+label {
    color: var(--main-text-color);
    font-size: 14px;
    margin: 0;
    padding-right: 30px
}

.checkbox--default input[type=checkbox]+label:before {
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.5);
    border-radius: 2px;
    box-shadow: inset 0 0 8px rgba(0,0,0,.1);
    content: "";
    display: inline-block;
    margin-top: 2px;
    position: absolute;
    right: 0;
    top: 12px;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    vertical-align: middle
}

.checkbox--default input[type=checkbox]+label:after {
    background-color: transparent;
    content: "\ea9d";
    display: block;
    font-family: sallaicons;
    font-size: 14px;
    margin-top: 3px;
    opacity: 0;
    position: absolute;
    right: 3px;
    top: 10px;
    transform: translateY(-50%);
    visibility: hidden
}

.checkbox--default input[type=checkbox]:checked+label:after {
    opacity: 1;
    visibility: visible
}

.checkbox--default.x-spacing input[type=checkbox]+label {
    padding: 0 30px 0 0
}

.checkbox--primary input[type=checkbox]+label:before {
    border-color: var(--main-color);
    box-shadow: none;
    height: 18px;
    width: 18px
}

.checkbox--primary input[type=checkbox]+label:after {
    font-size: 13px;
    right: 2px;
    top: 10px
}

.checkbox--primary input[type=checkbox]:checked+label:before {
    background-color: var(--main-color)
}

.checkbox--primary input[type=checkbox]:checked+label:after {
    color: #fff
}

.checkbox--boxed input[type=checkbox],.checkbox--boxed input[type=radio] {
    display: none
}

.checkbox--boxed input[type=checkbox]+label,.checkbox--boxed input[type=radio]+label {
    padding: 0;
    width: 100%
}

.checkbox--boxed input[type=checkbox]+label img,.checkbox--boxed input[type=radio]+label img {
    border-radius: 3px
}

.checkbox--boxed input[type=checkbox]+label:before,.checkbox--boxed input[type=radio]+label:before {
    background-color: #4dd863;
    border: none;
    border-radius: 50%;
    content: "";
    height: 24px;
    left: 10px;
    position: absolute;
    right: auto;
    top: 20px;
    width: 24px
}

.checkbox--boxed input[type=checkbox]+label:after,.checkbox--boxed input[type=radio]+label:after {
    background: 0 0;
    color: #fff;
    content: "\ea9d";
    font-family: sallaicons;
    font-size: 13px;
    height: auto;
    left: 15px;
    position: absolute;
    right: auto;
    top: 14px;
    transform: unset;
    width: auto
}

.checkbox--boxed input[type=checkbox]+label:after,.checkbox--boxed input[type=checkbox]+label:before,.checkbox--boxed input[type=radio]+label:after,.checkbox--boxed input[type=radio]+label:before {
    opacity: 0;
    visibility: hidden
}

.checkbox--boxed input[type=checkbox]:checked+label:after,.checkbox--boxed input[type=checkbox]:checked+label:before,.checkbox--boxed input[type=radio]:checked+label:after,.checkbox--boxed input[type=radio]:checked+label:before {
    opacity: 1;
    visibility: visible
}

#agreement_div .checkbox label:after,#agreement_div .checkbox label:before {
    display: none
}

.product>a .img-cont img {
    height: auto
}

.product>a .img-cont.placeholder {
    background-color: #fbfbfb;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    min-height: 220px
}

@media only screen and (max-width: 767px) {
    .product>a .img-cont.placeholder {
        background-size:80%;
        min-height: 150px
    }
}

.product .product-title {
    text-align: right;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.product .product-calories {
    padding: 8px 8px 0
}

.product .product-calories i {
    color: #e2384d;
    margin-left: 5px
}

.product--light {
    align-items: flex-start;
    border: 1px solid #eee!important;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    margin: 0!important;
    overflow: hidden
}

.product--light__thumb {
    display: inline-flex;
    flex: auto;
    flex-direction: column;
    flex-shrink: 0!important;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.product--light__thumb img {
    display: block;
    flex: 1;
    height: auto;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 100%
}

.product--light__thumb.placeholder {
    background: #fbfbfb url(/themes/default/assets/images/placeholder.png) 50% 50% no-repeat;
    background-size: 80%;
    border-radius: 6px 6px 0 0;
    min-height: 200px
}

.product--light__meta {
    color: #2c2c2c;
    font-size: 15px;
    padding: 10px;
    width: 100%
}

.product--light__meta>a {
    color: #323232;
    display: block;
    height: auto;
    padding: 0 0 10px;
    width: 100%
}

.product--light__meta>div {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.product--light__meta>div * {
    margin: 0
}

.product--light__meta>div a {
    background-color: #eee;
    border-radius: 50%;
    display: block;
    flex: 0 0 auto;
    height: 30px;
    position: relative;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 30px
}

.product--light__meta>div a:after {
    color: #323232;
    content: "\ea6e";
    display: inline-block;
    font-family: sallaicons;
    font-size: 12px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-48%) translateX(45%)
}

.product--light__meta>div a:hover {
    background-color: #eaeaea
}

.product--light__footer {
    border-top: 1px solid #eee;
    color: var(--color-main);
    font-size: 18px;
    padding: 8px;
    text-align: center;
    width: 100%
}

.product--light.selected {
    border-color: #5dd5c4!important
}

.product--light.selected .product--light__meta>div a {
    background-color: #5dd5c4
}

.product--light.selected .product--light__meta>div a:after {
    color: #fff;
    content: "\ea9d"
}

.product--light.selected .product--light__meta>div a:hover {
    background-color: #5dd5c4
}

.product--light.selected:hover {
    border-color: #5dd5c4!important
}

.product--light:hover {
    border-color: #ddd!important;
    box-shadow: 0 0 10px rgba(0,0,0,.1)!important
}

@media only screen and (max-width: 767px) {
    .product--light__thumb.placeholder {
        min-height:150px
    }
}

.product--light.loyal-prize .product--light__thumb img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.product--light.loyal-prize .product--light__meta a {
    padding-bottom: 5px
}

.product--light.loyal-prize.active,.product--light.loyal-prize.active:hover {
    border-color: var(--color-main)!important
}

.product--light .product-add.disabled {
    opacity: .6;
    pointer-events: none;
    position: relative
}

.product--light .product-add.disabled:before {
    border-bottom: 1px solid var(--color-text);
    bottom: 50%;
    content: "";
    height: 1px;
    opacity: .7;
    position: absolute;
    right: 10%;
    transform: rotate(-45deg);
    width: 75%
}

@media only screen and (max-width: 767px) {
    .product .product-price * {
        font-size:14px
    }

    .product .product-price .price-before {
        font-size: 13px
    }

    .product .product-footer .product-price * {
        font-size: 14px
    }

    .product .product-footer .product-price .price-before {
        font-size: 13px
    }
}

.product-rate {
    flex-direction: row;
    justify-content: space-between
}

.product-rate,.product-rate .thump {
    align-items: flex-start;
    display: flex
}

.product-rate .thump {
    flex: auto;
    flex-direction: row;
    justify-content: flex-start
}

.product-rate .thump img {
    border-radius: 6px;
    margin-left: 15px;
    width: 60px
}

.product-rate .thump p {
    margin: 0;
    text-align: right
}

@media only screen and (max-width: 576px) {
    .product-rate {
        align-items:flex-start;
        flex-direction: column
    }

    .product-rate .thump {
        width: 100%
    }

    .product-rate .br-wrapper {
        margin-top: 10px
    }
}

.product--loyal-prize .product-footer {
    align-items: center;
    color: var(--color-main);
    font-size: 20px;
    justify-content: center;
    padding: 10px;
    text-align: center
}

@media only screen and (max-width: 767px) {
    .product--loyal-prize .product-footer {
        font-size:16px
    }
}

body.salla-default .product-box .thumb .placeholder {
    background-color: #fbfbfb;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 60%;
    border-radius: 6px 6px 0 0;
    min-height: 220px
}

@media only screen and (max-width: 767px) {
    body.salla-default .product-box .thumb .placeholder {
        background-size:80%;
        min-height: 150px
    }
}

body.salla-theme_3 .product .product-title {
    text-align: center
}

body.salla-theme_3 .product-footer>.product-price {
    padding: 0 0 15px
}

body.salla-theme_3 .product-footer>.product-price .product-price {
    padding: 0
}

body.salla-theme_3 .product-footer .product-add.disabled {
    position: absolute
}

#sp-slider-cont {
    min-height: 100px;
    position: relative
}

.placeholder.detail {
    background-color: #fff;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 50%;
    min-height: 350px
}

@media only screen and (max-width: 767px) {
    .placeholder.detail {
        min-height:200px
    }
}

.product>a .product-subtitle {
    color: #9c9c9c;
    font-size: 13px;
    padding: 0 20px!important;
    text-align: right
}

@media only screen and (max-width: 767px) {
    .product>a .product-subtitle {
        margin:0 0 5px!important;
        padding: 0 15px!important
    }
}

.product .product-footer {
    margin: 10px 0 0!important
}

.product-show .product-details__title {
    margin-bottom: .25rem
}

.product-show .product-details__subtitle {
    color: #9c9c9c;
    font-size: 16px
}

body.salla-theme_6 .product-details__title {
    line-height: 1.2;
    margin-bottom: 15px
}

@media only screen and (max-width: 767px) {
    body.salla-theme_6 .product-details__title {
        padding-bottom:0
    }
}

body.salla-theme_6 .product-details__subtitle {
    margin: 0 0 10px
}

body.salla-theme_6 .product-calories {
    padding: 0 20px
}

body.salla-theme_4 .product>a .product-title,body.salla-theme_5 .product>a .product-title {
    margin-bottom: 0
}

body.salla-theme_4 .product>a .product-subtitle,body.salla-theme_5 .product>a .product-subtitle {
    margin: 0 5px!important;
    padding: 0 .5em!important
}

body.salla-theme_4 .product .product-footer,body.salla-theme_5 .product .product-footer {
    margin: 5px 0 0!important
}

body.salla-theme_4 .product>a .product-subtitle {
    margin: 0!important
}

body.salla-theme_3 .product>a .product-title {
    margin-bottom: 5px
}

body.salla-theme_3 .product>a .product-subtitle {
    text-align: center
}

body.salla-theme_2 .product>a {
    display: block;
    position: relative
}

body.salla-theme_2 .product>a .product-title {
    padding-bottom: 0
}

body.salla-theme_2 .product>a .product-subtitle {
    padding: 0 .5rem!important
}

body.salla-theme_1 .product>a {
    display: block;
    position: relative
}

body.salla-theme_1 .product>a .product-title {
    border-bottom: none;
    padding-bottom: 0
}

body.salla-theme_1 .product>a .product-subtitle {
    margin-bottom: 0!important;
    padding: 0 .5rem!important
}

body.salla-theme_1 .product .product-footer {
    border-top: 1px solid #dfdfdf;
    margin-top: .5rem
}

body.salla-default .product-box .thumbnail .caption.with-subtitle .product-name {
    margin-bottom: 0
}

body.salla-default .product-box .thumbnail .caption.with-subtitle .product-subtitle {
    color: #9c9c9c;
    font-size: 13px;
    margin: 6px 0!important;
    padding: 0;
    text-align: right
}

@media only screen and (max-width: 767px) {
    body.salla-default .product-box .thumbnail .caption.with-subtitle .product-subtitle {
        margin:0 0 5px!important
    }
}

.promotion-title {
    background-color: var(--main-color);
    border-radius: 5px 0 0 5px;
    color: #fff;
    display: block;
    font-size: 13px;
    padding: 3px 8px;
    position: absolute;
    right: auto;
    top: 15px;
    width: auto;
    z-index: 9
}

.promotion-title.detail {
    border-radius: 5px 0 0 5px;
    font-size: 14px;
    left: auto;
    right: 0;
    top: 35px
}

@media only screen and (max-width: 767px) {
    .promotion-title {
        font-size:12px;
        padding: 1px 5px 3px;
        top: 10px
    }
}

body .category-featured a {
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-width: 768px) {
    body .category-featured a {
        background-size:100% 100%
    }
}

body:not(.salla-theme_6) .category-featured {
    height: auto;
    padding: 56.25% 0 0
}

body:not(.salla-theme_6) .category-featured a {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

body:not(.salla-theme_6) .category-featured a img.cat-featured-img {
    display: block;
    height: auto;
    width: 100%
}

footer .footer-main .footer-item .social__item a {
    position: relative
}

footer .footer-main .footer-item .social__item a * {
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateX(50%) translateY(-50%)
}

.ui.popup.calendar table.ui.table {
    font-size: 11px;
    min-width: 16rem
}

.ui.popup.calendar table.ui.table thead tr th {
    font-weight: 400
}

.ui.popup.calendar table.ui.table tbody tr td {
    font-family: Arial
}

.ui.popup.calendar table.ui.table tbody tr td.link.today {
    background-color: #f3f3f3
}

.product-desc *,.product-desc p,.product-detials__desc *,.product-detials__desc p {
    font-size: 15px!important
}

.product-desc p,.product-detials__desc p {
    display: block;
    margin: 0 0 5px;
    text-align: right!important;
    word-break: break-word
}

.product-desc p.ql-align-justify,.product-desc p.ql-align-left,.product-desc p.ql-align-right,.product-detials__desc p.ql-align-justify,.product-detials__desc p.ql-align-left,.product-detials__desc p.ql-align-right {
    text-align: right!important
}

.product-desc ol,.product-desc>ul,.product-detials__desc ol,.product-detials__desc>ul {
    display: block;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.product-desc ol li,.product-desc>ul li,.product-detials__desc ol li,.product-detials__desc>ul li {
    display: block;
    line-height: 1.6;
    margin-bottom: 5px;
    min-height: 30px;
    padding-right: 18px;
    position: relative
}

.product-desc ol li:before,.product-desc>ul li:before,.product-detials__desc ol li:before,.product-detials__desc>ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    font-size: 5px;
    position: absolute;
    right: 0;
    top: 12px
}

.product-desc>ol,.product-detials__desc>ol {
    counter-reset: ol-list-counter
}

.product-desc>ol li,.product-detials__desc>ol li {
    counter-increment: ol-list-counter
}

.product-desc>ol li:before,.product-detials__desc>ol li:before {
    content: counter(ol-list-counter);
    font-family: Verdana;
    font-size: 14px;
    top: 3px
}

.product-desc a,.product-detials__desc a {
    display: inline-block;
    margin: 0 6px
}

.product-desc a,.product-desc a:hover,.product-detials__desc a,.product-detials__desc a:hover {
    color: var(--color-main-reverse);
    text-decoration: underline
}

.product-desc b,.product-desc strong,.product-detials__desc b,.product-detials__desc strong {
    font-weight: 700
}

body .page-box .product-desc {
    word-wrap: break-word!important
}

body .page-box .product-desc p {
    font-size: 15px!important
}

body.font-amazon-ember .product-desc>ul li:before,body.font-amazon-ember .product-detials__desc>ul li:before,body.font-apple .product-desc>ul li:before,body.font-apple .product-detials__desc>ul li:before,body.font-dubai .product-desc>ul li:before,body.font-dubai .product-detials__desc>ul li:before {
    top: 8px
}

body.font-amazon-ember .product-desc>ol li:before,body.font-amazon-ember .product-detials__desc>ol li:before,body.font-apple .product-desc>ol li:before,body.font-apple .product-detials__desc>ol li:before,body.font-dubai .product-desc>ol li:before,body.font-dubai .product-detials__desc>ol li:before {
    top: 0
}

.quick-order {
    border-radius: 3px;
    height: auto;
    margin: 15px 0;
    padding: 15px;
    position: relative;
    width: 100%
}

.quick-order .btn,.quick-order .form-control {
    border-radius: 3px;
    height: 35px
}

.quick-order .btn.qo-order {
    align-items: center;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    font-size: 15px;
    justify-content: center;
    min-width: 150px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.quick-order .btn.qo-order>* {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.quick-order .btn.qo-order span {
    transform: translateY(-9px)
}

.quick-order .btn.qo-order i {
    color: #000;
    opacity: 0;
    visibility: hidden
}

.quick-order .btn.qo-order.close {
    background: rgba(0,0,0,.1);
    min-width: 40px
}

.quick-order .btn.qo-order.close span {
    opacity: 0;
    visibility: hidden
}

.quick-order .btn.qo-order.close i {
    opacity: 1;
    visibility: visible
}

.quick-order .btn.qo-order.close:hover {
    background-color: rgba(0,0,0,.15)
}

@media only screen and (max-width: 992px) {
    .quick-order .btn.qo-order {
        min-width:80px
    }
}

.quick-order .btn.qo-submit {
    border: none;
    font-size: 15px;
    min-width: 100%
}

.quick-order .btn.qo-confirm {
    background-color: #5dd5c4;
    border: none;
    color: #fff!important;
    line-height: 1
}

.quick-order .btn.qo-confirm:hover {
    background-color: #67bfaf
}

.quick-order .qo-title {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.quick-order .qo-title h2 {
    flex: auto;
    line-height: 1
}

.quick-order .qo-title h2 span {
    font-size: 30px
}

.quick-order .qo-title h2 small {
    display: block;
    font-size: 15px
}

.quick-order .qo-form {
    display: none;
    padding-top: 25px
}

.quick-order .qo-form .form-group {
    margin-bottom: 15px
}

.quick-order--main {
    background-color: var(--main-color)
}

.quick-order--main .btn.qo-order {
    background-color: #fff;
    border: none;
    box-shadow: 0 1px 2px rgba(0,0,0,.15);
    color: var(--main-color)
}

.quick-order--main .btn.qo-order:hover {
    background: #f8f8f8!important
}

.quick-order--main .btn.qo-submit {
    background: rgba(0,0,0,.8)!important;
    color: #fff
}

.quick-order--main .qo-title h2 * {
    color: #fff
}

.quick-order--main .qo-form .form-control {
    background-color: #fff
}

.quick-order--main .qo-form .checkbox.checkbox--default input[type=checkbox]+label {
    color: #fff
}

.quick-order--main .qo-form .checkbox.checkbox--default input[type=checkbox]+label:before {
    border-color: hsla(0,0%,100%,.5)
}

.quick-order--main .qo-form .checkbox.checkbox--default input[type=checkbox]+label:after {
    color: #fff
}

.quick-order--light {
    background-color: #fff;
    border: 1px solid #eee
}

.quick-order--light .btn.qo-order {
    background-color: #ddd;
    border: none;
    box-shadow: none;
    color: #767676
}

.quick-order--light .btn.qo-order:hover {
    background: #cbcbcb!important
}

.quick-order--light .btn.qo-submit {
    background: rgba(0,0,0,.5)!important;
    color: #fff
}

.quick-order--light .qo-title h2 * {
    color: #484848
}

.quick-order--light .qo-form .form-control {
    background-color: #f3f3f3
}

.quick-order--light .qo-form .checkbox.checkbox--default input[type=checkbox]+label {
    color: #7f7f7f
}

.quick-order--light .qo-form .checkbox.checkbox--default input[type=checkbox]+label:before {
    border-color: hsla(0,0%,73%,.5)
}

.quick-order--light .qo-form .checkbox.checkbox--default input[type=checkbox]+label:after {
    color: #b9b9b9
}

.quick-order--grey {
    background-color: #f3f3f3;
    border: 1px solid #e0e0e0
}

.quick-order--grey .btn.qo-order {
    background-color: #ddd;
    border: none;
    box-shadow: none;
    color: #767676
}

.quick-order--grey .btn.qo-order:hover {
    background: #cbcbcb!important
}

.quick-order--grey .btn.qo-submit {
    background: rgba(0,0,0,.5)!important;
    color: #fff
}

.quick-order--grey .qo-title h2 * {
    color: #868686
}

.quick-order--grey .qo-form .form-control {
    background-color: #fff
}

.quick-order--grey .qo-form .checkbox.checkbox--default input[type=checkbox]+label {
    color: #7f7f7f
}

.quick-order--grey .qo-form .checkbox.checkbox--default input[type=checkbox]+label:before {
    border-color: hsla(0,0%,73%,.5)
}

.quick-order--grey .qo-form .checkbox.checkbox--default input[type=checkbox]+label:after {
    color: #666
}

.quick-order.confirmed {
    background: var(--color-main);
    text-align: center
}

.quick-order.confirmed .qo-title h2 span {
    font-size: 18px
}

.quick-order.confirmed .qo-title h2 span i {
    display: inline-block;
    margin-left: 10px;
    transform: translateY(-3px);
    vertical-align: middle
}

.quick-order.confirmed .qo-title * {
    color: var(--color-text-reverse)
}

@media only screen and (max-width: 480px) {
    .quick-order.confirmed .qo-title {
        flex-direction:column
    }

    .quick-order.confirmed .qo-title h2 {
        margin: 0 0 5px
    }
}

.form-group .input-addon {
    position: relative
}

.form-group .input-addon>i {
    color: #919191;
    font-size: 12px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2
}

.form-group .input-addon>input {
    padding-right: 30px
}

.form-group .form-control--numeric {
    direction: ltr;
    text-align: right;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.form-group .form-control[type=number] {
    -moz-appearance: textfield
}

.form-group .form-control[type=number]::-webkit-inner-spin-button,.form-group .form-control[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.form-group .form-control.bordered {
    border-right: 1px solid #ccc
}

.form-group .form-control:focus {
    border-color: #ddd
}

.form-group .form-group-label {
    font-size: 13px;
    margin: 0 0 7px
}

.form-group .copy-filed .form-control[readonly] {
    background-color: #fff
}

.form-group.coupon {
    margin-bottom: 30px
}

.form-group.coupon .form-control {
    padding: 7px 40px 7px 80px
}

.form-group.coupon .form-control:focus+.btn {
    background-color: #ddd
}

.form-group.coupon .btn {
    border-radius: 2px 0 0 2px;
    left: 0;
    min-width: 65px;
    padding: 5px 0 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.form-group.coupon:before {
    color: #999;
    content: "\e932";
    display: inline-block;
    font-family: sallaicons;
    font-size: 19px;
    line-height: 1;
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-53%)
}

.form-group .error {
    color: #e2384d;
    display: none;
    font-size: 12px;
    margin-top: 3px
}

.form-group.has-error {
    display: block!important
}

.form-group.has-error .form-control {
    border-color: #e2384d!important;
    color: #e2384d!important
}

.form-group.has-error .error {
    display: block
}

.form-group .input-group.ig-light {
    width: 100%
}

.form-group .input-group.ig-light .input-group-addon {
    background: 0 0;
    border: none;
    padding: 0;
    position: absolute;
    width: auto;
    z-index: 5
}

.form-group .input-group.ig-ltr .form-control {
    padding-left: 40px
}

.form-group .input-group.ig-ltr .input-group-addon {
    color: #7b7b7b;
    font-size: 15px;
    left: 15px;
    top: 50%;
    transform: translateY(-50%)
}

.form-group .input-group .input-group-addon.shrinked {
    padding: 4px 12px
}

.form-group .input-group.ui.calendar .input-group-addon {
    border-left: none;
    border-color: #eee
}

.form-group .input-group.transparent-bg {
    display: block;
    height: 34px;
    position: relative
}

.form-group .input-group.transparent-bg .form-control {
    border-radius: 4px!important;
    width: 100%
}

.form-group .input-group.transparent-bg .input-group-addon {
    background-color: transparent;
    border: none;
    color: #bdbdbd;
    left: 19px;
    position: absolute;
    top: 50%;
    top: 44%;
    transform: translateY(-50%);
    z-index: 5
}

.form-group .input-group .bootstrap-select .btn {
    border-radius: 3px 0 0 3px;
    height: 36px
}

.form-group .input-group.primary i {
    color: var(--color-main)
}

.form-group .input-group.primary .form-control,.form-group .input-group.primary .input-group-addon {
    background-color: transparent;
    border-color: var(--color-main)
}

.form-group .form-control.fc-ltr {
    text-align: left;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.form-group.inline {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.form-group .country-code .input-group {
    align-items: flex-start;
    border: 1px solid #eee;
    border-radius: 3px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-start
}

.form-group .country-code .input-group:after {
    background-color: #eee;
    content: "";
    height: 60%;
    left: 70px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px
}

.form-group .country-code .input-group .btn-group {
    flex: 0 0 20%;
    margin-left: 1px;
    position: static
}

.form-group .country-code .input-group .btn-group .filter-option {
    display: none
}

.form-group .country-code .input-group .btn-group button {
    background-color: transparent;
    border: none;
    box-shadow: none!important;
    padding: 0;
    z-index: 1
}

.form-group .country-code .input-group .btn-group button .bs-caret .caret {
    left: 7px!important;
    top: 20px!important
}

.form-group .country-code .input-group .btn-group .dropdown-menu {
    margin-top: 7px
}

.form-group .country-code .input-group .btn-group .dropdown-menu .bs-searchbox:after {
    top: 23px;
    z-index: 55555
}

.form-group .country-code .input-group .btn-group .dropdown-menu .bs-searchbox>input {
    margin: 0!important;
    padding-right: 30px
}

.form-group .country-code .input-group>span {
    border: none;
    left: 25px;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.form-group .country-code .input-group>input:first-of-type {
    border: none
}

.product-form,.product-options {
    padding: 10px!important
}

.product-form .product-form,.product-options .product-form {
    border: none!important;
    padding: 0!important
}

.product-form .shipping-bar,.product-options .shipping-bar {
    align-items: flex-start
}

.product-form .shipping-bar .free-shipping--large .free-shipping__label-wrapper .riced,.product-options .shipping-bar .free-shipping--large .free-shipping__label-wrapper .riced {
    color: #444
}

.product-form .shipping-bar.donation,.product-options .shipping-bar.donation {
    border-bottom: 1px solid #eee;
    margin: 0 0 20px;
    padding: 0!important
}

.product-form .shipping-bar.donation .donation-end,.product-form .shipping-bar.donation .donation-goal,.product-options .shipping-bar.donation .donation-end,.product-options .shipping-bar.donation .donation-goal {
    color: #5f5f5f;
    display: block;
    margin-bottom: 12px;
    text-align: right
}

.product-form .shipping-bar.donation .donation-end,.product-options .shipping-bar.donation .donation-end {
    font-size: 13px;
    margin: 5px 0 18px
}

.product-form .shipping-bar.donation .form-group,.product-options .shipping-bar.donation .form-group {
    display: none
}

.product-form .max-donation,.product-options .max-donation {
    color: #828282;
    font-size: 13px
}

.product-form.gift-system,.product-options.gift-system {
    background-color: transparent;
    border-color: var(--color-main)!important;
    border-style: dashed!important;
    position: relative
}

.product-form.gift-system:after,.product-options.gift-system:after {
    background-color: var(--color-main);
    content: "";
    height: 100%;
    left: 0;
    opacity: .02;
    position: absolute;
    top: 0;
    width: 100%
}

.product-form.gift-system .list,.product-options.gift-system .list {
    position: relative;
    z-index: 5
}

.product-form.gift-system .share-icon,.product-options.gift-system .share-icon {
    font-size: 35px
}

.product-form.gift-system .share-icon,.product-form.gift-system p,.product-options.gift-system .share-icon,.product-options.gift-system p {
    color: var(--color-main)
}

.product-form.gift-system p,.product-options.gift-system p {
    margin-bottom: 5px
}

.product-form.gift-system .btn-send,.product-options.gift-system .btn-send {
    padding: 8px 30px!important
}

.product-form.gift-system .text,.product-options.gift-system .text {
    display: block;
    width: 70%
}

@media only screen and (max-width: 480px) {
    .product-form.gift-system>.list,.product-form.gift-system>.list>.list,.product-options.gift-system>.list,.product-options.gift-system>.list>.list {
        flex-direction:column;
        text-align: center
    }

    .product-form.gift-system>.list .share-icon,.product-options.gift-system>.list .share-icon {
        margin: 0 0 10px!important
    }

    .product-form.gift-system>.list p,.product-options.gift-system>.list p {
        text-align: center!important
    }

    .product-form.gift-system>.list .text,.product-options.gift-system>.list .text {
        width: 100%
    }

    .product-form.gift-system>.list .btn-send,.product-options.gift-system>.list .btn-send {
        margin-top: 15px
    }
}

.list--product-fields {
    margin-bottom: 25px!important
}

.list--product-fields li .option-value {
    font-size: 14px
}

.list--product-fields li.form-group {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 0 0 25px;
    position: relative;
    width: 100%
}

.list--product-fields li.form-group>div,.list--product-fields li.form-group>label {
    flex: 0 0 50%
}

.list--product-fields li.form-group>label {
    font-size: 15px;
    margin: 0;
    padding: 0 0 0 10px
}

.list--product-fields li.form-group>label.required:after {
    color: #f55157;
    content: "*";
    font-size: 15px
}

.list--product-fields li.form-group .input-group-addon {
    border-color: #dcdcdc
}

.list--product-fields li.form-group .bootstrap-select>.btn.btn-default,.list--product-fields li.form-group .btn,.list--product-fields li.form-group .form-control:not(textarea) {
    height: 36px!important;
    min-height: unset!important
}

.list--product-fields li.form-group .bootstrap-select>.btn.btn-default,.list--product-fields li.form-group .btn,.list--product-fields li.form-group .form-control,.list--product-fields li.form-group textarea {
    border-color: #dcdcdc;
    border-radius: 3px;
    box-shadow: none!important
}

.list--product-fields li.form-group .bootstrap-select>.btn.btn-default:focus,.list--product-fields li.form-group .bootstrap-select>.btn.btn-default:hover,.list--product-fields li.form-group .btn:focus,.list--product-fields li.form-group .btn:hover,.list--product-fields li.form-group .form-control:focus,.list--product-fields li.form-group .form-control:hover,.list--product-fields li.form-group textarea:focus,.list--product-fields li.form-group textarea:hover {
    border-color: #c3c3c3
}

.list--product-fields li.form-group .filepond--root {
    margin: 0
}

.list--product-fields li.form-group .filepond--panel-root {
    background: #f1f0ef;
    border-radius: 3px
}

.list--product-fields li.form-group .filepond .filepond--drop-label {
    font-weight: 400
}

.list--product-fields li.form-group .filepond .filepond--drop-label label .filepond--label-action {
    color: #959595;
    display: block;
    font-size: 14px;
    margin: 0;
    outline: none!important
}

.list--product-fields li.form-group .form-check-label {
    font-size: 14px;
    margin: 0 0 15px
}

.list--product-fields li.form-group .form-check-label .checker span {
    background-color: #fff;
    border: 1px solid #dcdcdc!important;
    border-radius: 3px;
    height: 20px;
    transform: translateY(-2px);
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 20px
}

.list--product-fields li.form-group .form-check-label .checker span.checked {
    background-color: #5dd5c4!important;
    border-color: #5dd5c4!important
}

.list--product-fields li.form-group .form-check-label .checker span.checked:after {
    color: #fff;
    right: 1px;
    top: 1px
}

.list--product-fields li.form-group .form-check-label .checker span.checked:hover {
    border-color: #5dd5c4!important
}

.list--product-fields li.form-group .form-check-label:hover {
    cursor: pointer
}

.list--product-fields li.form-group .form-check-label:hover span {
    border-color: #c3c3c3!important
}

.list--product-fields li.form-group .bootstrap-select {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%!important
}

.list--product-fields li.form-group .bootstrap-select>.btn.btn-default {
    border-color: #dcdcdc;
    border-radius: 3px;
    color: #555
}

.list--product-fields li.form-group .bootstrap-select>.btn.btn-default .filter-option {
    height: 25px;
    overflow: hidden;
    white-space: normal
}

.list--product-fields li.form-group .bootstrap-select select.bootstrap-select {
    pointer-events: none;
    right: 0!important;
    top: 0
}

.list--product-fields li.form-group.product-buttons {
    flex-direction: column;
    padding: 0
}

.list--product-fields li.form-group.product-buttons .product-buttons-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0;
    width: 100%
}

.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .file-input .btn-attach-file {
    margin: 0;
    padding-top: 6px!important;
    width: 100%!important
}

.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-add-note,.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-attach-file {
    background: #fff!important;
    border-color: #dcdcdc;
    box-shadow: none!important;
    color: #555!important;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 100%
}

.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-add-note.active,.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-add-note:active,.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-add-note:focus,.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-add-note:hover,.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-attach-file.active,.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-attach-file:active,.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-attach-file:focus,.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-attach-file:hover {
    border-color: #d4d4d4
}

.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-add-note.active,.list--product-fields li.form-group.product-buttons .product-buttons-wrapper .btn-attach-file.active {
    background-color: hsla(0,0%,83%,.25)!important
}

.list--product-fields li.form-group.product-buttons .notes-upload-fields {
    flex: unset;
    padding: 0;
    width: 100%
}

.list--product-fields li.form-group.product-buttons .notes-upload-fields .product-note {
    margin: 15px 0 0;
    padding: 0
}

.list--product-fields li.form-group.product-buttons .notes-upload-fields #product_note {
    margin: 15px 0 0
}

.list--product-fields li.form-group.product-buttons .notes-upload-fields #product_note>.product-note {
    margin: 0;
    padding: 0
}

.list--product-fields li.form-group.product-buttons .notes-upload-fields #product_note>.product-note textarea {
    border-radius: 3px;
    font-size: 14px
}

.list--product-fields li.form-group.product-buttons .notes-upload-fields #product_attachments,.list--product-fields li.form-group.product-buttons .notes-upload-fields .file-input {
    margin: 10px 0 0
}

.list--product-fields li.form-group.product-buttons.split .btn-add-note,.list--product-fields li.form-group.product-buttons.split .file-input {
    flex: 0 0 calc(50% - 5px);
    margin-top: 0
}

.list--product-fields li.form-group--donation .form-control {
    border-radius: 0 3px 3px 0!important
}

.list--product-fields li.form-group--donation .donation-field-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.list--product-fields li.form-group--donation .donation-field-wrapper .input-group {
    flex: auto
}

.list--product-fields li.form-group--donation .donation-field-wrapper .btn-donating-amount {
    border: none;
    flex: 0 0 auto;
    margin: 0 5px 0 0
}

.list--product-fields li.form-group--price {
    align-items: center;
    border-top: 3px solid #f3f3f3;
    padding-top: 20px
}

.list--product-fields li.form-group--price>div {
    font-size: 20px;
    text-align: left
}

.list--product-fields li.form-group--price>div .product-price {
    font-size: 20px;
    padding: 0
}

.list--product-fields li.form-group--price>div .price-before {
    color: #999!important;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    left: 0;
    padding: 0;
    position: absolute;
    transform: translateY(-10px);
    white-space: nowrap
}

.list--product-fields li.form-group.error label,.list--product-fields li.form-group.has-danger label,.list--product-fields li.form-group.has-error label {
    color: #d84315
}

.list--product-fields li.form-group.error .bootstrap-select>.btn.btn-default,.list--product-fields li.form-group.error .btn,.list--product-fields li.form-group.error .form-control,.list--product-fields li.form-group.error .input-group-addon,.list--product-fields li.form-group.error textarea,.list--product-fields li.form-group.has-danger .bootstrap-select>.btn.btn-default,.list--product-fields li.form-group.has-danger .btn,.list--product-fields li.form-group.has-danger .form-control,.list--product-fields li.form-group.has-danger .input-group-addon,.list--product-fields li.form-group.has-danger textarea,.list--product-fields li.form-group.has-error .bootstrap-select>.btn.btn-default,.list--product-fields li.form-group.has-error .btn,.list--product-fields li.form-group.has-error .form-control,.list--product-fields li.form-group.has-error .input-group-addon,.list--product-fields li.form-group.has-error textarea {
    border-color: rgba(216,67,21,.5)
}

.list--product-fields li.form-group.error .bootstrap-select>.btn.btn-default:focus,.list--product-fields li.form-group.error .bootstrap-select>.btn.btn-default:hover,.list--product-fields li.form-group.error .btn:focus,.list--product-fields li.form-group.error .btn:hover,.list--product-fields li.form-group.error .form-control:focus,.list--product-fields li.form-group.error .form-control:hover,.list--product-fields li.form-group.error .input-group-addon:focus,.list--product-fields li.form-group.error .input-group-addon:hover,.list--product-fields li.form-group.error textarea:focus,.list--product-fields li.form-group.error textarea:hover,.list--product-fields li.form-group.has-danger .bootstrap-select>.btn.btn-default:focus,.list--product-fields li.form-group.has-danger .bootstrap-select>.btn.btn-default:hover,.list--product-fields li.form-group.has-danger .btn:focus,.list--product-fields li.form-group.has-danger .btn:hover,.list--product-fields li.form-group.has-danger .form-control:focus,.list--product-fields li.form-group.has-danger .form-control:hover,.list--product-fields li.form-group.has-danger .input-group-addon:focus,.list--product-fields li.form-group.has-danger .input-group-addon:hover,.list--product-fields li.form-group.has-danger textarea:focus,.list--product-fields li.form-group.has-danger textarea:hover,.list--product-fields li.form-group.has-error .bootstrap-select>.btn.btn-default:focus,.list--product-fields li.form-group.has-error .bootstrap-select>.btn.btn-default:hover,.list--product-fields li.form-group.has-error .btn:focus,.list--product-fields li.form-group.has-error .btn:hover,.list--product-fields li.form-group.has-error .form-control:focus,.list--product-fields li.form-group.has-error .form-control:hover,.list--product-fields li.form-group.has-error .input-group-addon:focus,.list--product-fields li.form-group.has-error .input-group-addon:hover,.list--product-fields li.form-group.has-error textarea:focus,.list--product-fields li.form-group.has-error textarea:hover {
    border-color: rgba(216,67,21,.8)
}

.list--product-fields li.form-group.error .help-block,.list--product-fields li.form-group.has-danger .help-block,.list--product-fields li.form-group.has-error .help-block {
    flex: 1;
    font-size: 10px;
    margin: 5px 0 0;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .list--product-fields li.form-group {
        margin-bottom:15px
    }
}

@media only screen and (max-width: 480px) {
    .list--product-fields li.form-group {
        margin:0 0 20px
    }

    .list--product-fields li.form-group:not(.form-group--wide) {
        flex-direction: column;
        flex-wrap: nowrap;
        height: auto!important
    }

    .list--product-fields li.form-group:not(.form-group--wide)>* {
        width: 100%
    }

    .list--product-fields li.form-group:not(.form-group--wide) label {
        margin: 0 0 8px;
        padding: 0
    }
}

.list--product-fields li.form-group:last-child {
    margin-bottom: 0
}

.list--product-fields hr {
    border-color: #dcdcdc;
    margin: 0 0 25px;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .list--product-fields {
        margin-bottom:0
    }
}

body.font-amazon-ember .product-form .list--product-fields li.form-group>label,body.font-apple .product-form .list--product-fields li.form-group>label {
    font-size: 14px
}

body.font-amazon-ember .product-form .list--product-fields li.form-group .form-check-label,body.font-apple .product-form .list--product-fields li.form-group .form-check-label {
    font-size: 13px
}

body.font-amazon-ember .product-form .list--product-fields li.form-group .filepond .filepond--drop-label label,body.font-apple .product-form .list--product-fields li.form-group .filepond .filepond--drop-label label {
    font-size: 14px
}

body.font-amazon-ember .product-form .list--product-fields li.form-group .filepond .filepond--drop-label label .filepond--label-action,body.font-apple .product-form .list--product-fields li.form-group .filepond .filepond--drop-label label .filepond--label-action {
    font-size: 13px
}

body.salla-default .product-form,body.salla-default .product-options {
    background-color: transparent;
    border: none!important;
    padding: 0!important
}

body.salla-default .list--product-fields li.form-group>label {
    font-size: 15px
}

body.salla-default .list--product-fields li.form-group>label.required {
    color: #555
}

body.salla-default .list--product-fields li.form-group .bootstrap-select>.btn.btn-default,body.salla-default .list--product-fields li.form-group .btn,body.salla-default .list--product-fields li.form-group .form-control {
    font-size: 13px!important
}

body.salla-default .list--product-fields li.form-group .filepond .filepond--drop-label label {
    font-family: inherit!important
}

body.salla-default .list--product-fields li.form-group--price .tax-label {
    font-size: 11px!important
}

body.salla-default .list--product-fields li.form-group--price>div * {
    font-size: 18px!important
}

body.salla-default .list--product-fields li.form-group--price>div .price-before {
    color: #999;
    font-size: 12px!important
}

.product-cart .list--product-fields {
    margin-bottom: 0!important
}

.product-cart .list--product-fields li.form-group.product-buttons .btn-add-note,.product-cart .list--product-fields li.form-group.product-buttons .btn-attach-file,.product-cart .list--product-fields li.form-group.product-buttons .file-input {
    border-color: #dcdcdc!important;
    margin: 0
}

.product-cart .list--product-fields li.form-group.product-buttons .notes-upload-fields .file-input,.product-cart .list--product-fields li.form-group.product-buttons .notes-upload-fields .product-note {
    margin: 15px 0 0
}

#cart_donating_form .add-cart-large.add_donating_btn {
    border-radius: 3px;
    margin: 0
}

.bg-promotion {
    background-attachment: fixed;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 400px;
    position: relative
}

.bg-promotion .container {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    position: relative;
    z-index: 100
}

.bg-promotion .container h2 {
    font-size: 50px;
    font-weight: 700
}

.bg-promotion:after {
    background: #000;
    content: "";
    height: 100%;
    left: 0;
    opacity: .6;
    position: absolute;
    top: 0;
    width: 100%
}

.bg-promotion.clear:after {
    opacity: 0
}

@media only screen and (max-width: 992px) {
    .bg-promotion {
        background-attachment:scroll;
        height: 200px
    }

    .bg-promotion .container h2 {
        font-size: 24px
    }
}

.main-slider>a:not(:first-of-type) {
    display: none
}

.main-slider.slick-initialized a {
    display: block
}

.main-slider.slick-dotted.slick-slider {
    margin-bottom: 0;
    /* padding: 0 0 50px; */
}

.main-slider.slick-dotted.slick-slider .slick-dots {
    bottom: 20px;
    vertical-align: middle
}

.main-slider.slick-dotted.slick-slider .slick-dots li {
    height: 10px;
    margin: 0 5px;
    width: auto
}

.main-slider.slick-dotted.slick-slider .slick-dots li button {
    border-radius: 50px;
    height: 10px;
    margin: 0;
    padding: 0;
    transform-origin: center;
    transition: all .15s cubic-bezier(.2,1,.3,1);
    width: 10px
}

.main-slider.slick-dotted.slick-slider .slick-dots li.slick-active button {
    border-radius: 50%
}

.main-slider.slick-dotted.slick-slider .slick-dots li:first-child {
    margin-right: 0
}

.main-slider.slick-dotted.slick-slider .slick-dots li:last-child {
    margin-left: 0
}

.main-slider.slick-dotted.slick-slider .slick-dots .slick-counter {
    display: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 1
}

.main-slider.slick-dotted.slick-slider .slick-dots .slick-counter span {
    display: inline-block;
    font-weight: 700;
    text-align: center
}

@media only screen and (max-width: 480px) {
    .main-slider.slick-dotted.slick-slider .slick-dots.mb-collapse {
        bottom:18px
    }

    .main-slider.slick-dotted.slick-slider .slick-dots.mb-collapse li {
        display: none
    }

    .main-slider.slick-dotted.slick-slider .slick-dots.mb-collapse .slick-counter {
        display: block
    }
}

.slick-dots>li:only-child {
    display: none
}

.slider--light .owl-stage-outer {
    margin-left: -2px;
    padding: 30px 2px
}

.slider--light .owl-stage-outer .owl-stage {
    display: flex
}

.slider--light .owl-nav {
    height: 40px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

.slider--light .owl-nav button {
    background: #fff!important;
    border: 1px solid #eee!important;
    border-radius: 50%;
    display: block;
    height: 40px;
    pointer-events: auto;
    position: absolute;
    top: 0;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 40px
}

.slider--light .owl-nav button:after {
    color: #c3c3c3;
    font-family: sallaicons!important;
    font-size: 25px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.slider--light .owl-nav button.owl-next {
    left: -20px
}

.slider--light .owl-nav button.owl-next:after {
    content: "\e96e"
}

.slider--light .owl-nav button.owl-prev {
    right: -20px
}

.slider--light .owl-nav button.owl-prev:after {
    content: "\e96b"
}

.slider--light .owl-nav button:hover {
    border-color: #ddd!important;
    box-shadow: 0 0 10px rgba(0,0,0,.1)!important
}

.slider--light .owl-nav button:hover:after {
    color: #a4a4a4!important
}

.slider--light#offer_product_items.disabled {
    opacity: .7;
    pointer-events: none
}

.slider--light#offer_product_items .owl-dots {
    display: none
}

.slider--light#offer_product_items[data-items-count="1"] .owl-stage-outer {
    padding: 0
}

.slider--light#offer_product_items[data-items-count="1"] .owl-stage-outer .owl-stage {
    width: 100%!important
}

.slider--light#offer_product_items[data-items-count="1"] .product--light {
    align-items: center;
    justify-content: center;
    padding: 15px
}

.slider--light#offer_product_items[data-items-count="1"] .product--light__thumb {
    border-radius: 50%;
    flex: 0 0 auto;
    height: 80px;
    margin: 0 0 10px;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 10px;
    width: 80px
}

.slider--light#offer_product_items[data-items-count="1"] .product--light__thumb img {
    margin: 0 auto!important;
    max-width: 110px!important
}

.slider--light#offer_product_items[data-items-count="1"] .product--light__meta {
    padding: 0;
    text-align: center
}

.slider--light#offer_product_items[data-items-count="1"] .product--light__meta>a {
    padding-bottom: 5px
}

.slider--light#offer_product_items[data-items-count="1"] .product--light__meta>div {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.slider--light#offer_product_items[data-items-count="1"] .product--light__meta>div .add_to_cart_btn {
    height: 40px;
    margin-top: 10px;
    width: 40px
}

@media only screen and (min-width: 767px) {
    .slider--light#offer_product_items[data-items-count="1"] .product--light {
        flex-direction:row;
        padding: 10px 10px 10px 55px
    }

    .slider--light#offer_product_items[data-items-count="1"] .product--light__thumb {
        border-radius: 50%;
        flex: 0 0 auto;
        height: 60px;
        margin: 0;
        -o-object-fit: cover;
        object-fit: cover;
        width: 60px
    }

    .slider--light#offer_product_items[data-items-count="1"] .product--light__thumb img {
        -o-object-fit: cover;
        object-fit: cover
    }

    .slider--light#offer_product_items[data-items-count="1"] .product--light__meta {
        padding: 0 15px 0 0;
        text-align: right
    }

    .slider--light#offer_product_items[data-items-count="1"] .product--light__meta a {
        padding: 0 0 5px
    }

    .slider--light#offer_product_items[data-items-count="1"] .product--light__meta>div {
        align-items: flex-start
    }

    .slider--light#offer_product_items[data-items-count="1"] .product--light__meta>div .add_to_cart_btn {
        left: 15px;
        margin: 0;
        position: absolute;
        top: 50%;
        transform: translateY(-50%)
    }
}

@media only screen and (max-width: 767px) {
    .slider--light .owl-stage-outer {
        padding:20px 2px 60px
    }

    .slider--light .owl-nav {
        position: relative;
        top: 30px
    }

    .slider--light .owl-nav button {
        background: #eee!important
    }

    .slider--light .owl-nav button.owl-next {
        left: 50%;
        transform: translateX(-110%)
    }

    .slider--light .owl-nav button.owl-prev {
        right: 50%;
        transform: translateX(110%)
    }
}

.slick-slider.slick-space .slick-track {
    padding: 5px 0
}

.owl-carousel--filtered-sides:after,.owl-carousel--filtered-sides:before {
    background: #fff;
    background: linear-gradient(90deg,#fff 5%,hsla(0,0%,100%,0) 66%);
    bottom: 0;
    content: "";
    opacity: .8;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 140px;
    z-index: 5
}

.owl-carousel--filtered-sides:before {
    right: 0;
    transform: scaleX(-1)
}

.owl-carousel--filtered-sides:after {
    left: 0
}

@media only screen and (max-width: 390px) {
    .owl-carousel--filtered-sides:after {
        content:none
    }
}

.owl-carousel--flat-nav.owl-theme .owl-nav [class*=owl-] {
    background: 0 0!important;
    opacity: .7;
    top: 35%;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    z-index: 9
}

.owl-carousel--flat-nav.owl-theme .owl-nav [class*=owl-] span {
    color: transparent
}

.owl-carousel--flat-nav.owl-theme .owl-nav [class*=owl-]:after {
    color: #666;
    font-family: sallaicons;
    font-size: 50px
}

.owl-carousel--flat-nav.owl-theme .owl-nav [class*=owl-]:hover {
    opacity: 1
}

.owl-carousel--flat-nav.owl-theme .owl-nav [class*=owl-].owl-prev {
    right: -20px
}

.owl-carousel--flat-nav.owl-theme .owl-nav [class*=owl-].owl-prev:after {
    content: "\e96b"
}

.owl-carousel--flat-nav.owl-theme .owl-nav [class*=owl-].owl-next:after {
    content: "\e96e"
}

.owl-carousel--flat-nav.owl-theme .owl-nav [class*=owl-].disabled {
    display: none!important
}

.owl-carousel--upper-nav.owl-theme .owl-nav [class*=owl-] {
    background: 0 0!important;
    border: 1px solid var(--main-color);
    border-radius: 50%;
    height: 35px;
    opacity: 1;
    top: -60px;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 35px
}

.owl-carousel--upper-nav.owl-theme .owl-nav [class*=owl-] span {
    display: none
}

.owl-carousel--upper-nav.owl-theme .owl-nav [class*=owl-]:after {
    color: var(--main-color);
    display: block;
    font-family: sallaicons;
    font-size: 20px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.owl-carousel--upper-nav.owl-theme .owl-nav [class*=owl-]:hover {
    background-color: var(--main-color)!important
}

.owl-carousel--upper-nav.owl-theme .owl-nav [class*=owl-]:hover:after {
    color: #fff
}

.owl-carousel--upper-nav.owl-theme .owl-nav [class*=owl-].owl-prev {
    left: 50px;
    right: auto
}

.owl-carousel--upper-nav.owl-theme .owl-nav [class*=owl-].owl-prev:after {
    content: "\e96b"
}

.owl-carousel--upper-nav.owl-theme .owl-nav [class*=owl-].owl-next:after {
    content: "\e96e"
}

.owl-carousel--upper-nav.owl-theme .owl-nav [class*=owl-].disabled {
    opacity: .5
}

.owl-carousel.eq-height-carousel .owl-stage {
    display: grid!important;
    grid-auto-flow: column
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) {
    position: relative;
    transition: background .35s cubic-bezier(.2,1,.3,1)
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) a {
    position: relative
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header)>ul {
    transform: translateY(10px)
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul {
    background-color: transparent;
    border-radius: 3px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
    max-height: unset;
    overflow: visible;
    transition: trnasform .35s cubic-bezier(.2,1,.3,1)
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li {
    background-color: #fff;
    position: relative
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li>a {
    font-size: 13px;
    padding: 5px 10px;
    position: relative
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li>a:after {
    color: inherit
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li:hover {
    background-color: var(--color-main)
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li:hover>a {
    background-color: transparent;
    color: var(--color-text-reverse)
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li:last-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children>a {
    padding-left: 18px
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children>a:after {
    color: inherit;
    content: "\e96d";
    display: block;
    font-family: sallaicons;
    font-size: 15px;
    left: 0;
    line-height: 1;
    opacity: .5;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children>ul {
    position: absolute;
    z-index: 9999
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children>ul li.has-children>a {
    padding-left: 30px
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children>ul li.has-children>a:after {
    color: inherit;
    content: "\e96e";
    left: 10px
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children>ul li.has-children>ul {
    opacity: 0;
    position: absolute;
    right: 100%;
    top: 0;
    transform: translateX(-10px);
    transition: transform .35s cubic-bezier(.2,1,.3,1);
    visibility: hidden
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children>ul li.has-children>ul:before {
    background-color: transparent;
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    right: -10px;
    top: 0;
    width: 10px
}

@media only screen and (max-width: 992px) {
    body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children>ul li.has-children>ul {
        opacity:1;
        position: relative;
        right: 0;
        top: 0;
        visibility: visible
    }
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children>ul li.has-children:hover>ul {
    opacity: 1;
    transform: translateX(-5px);
    visibility: visible
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children:hover>a:after {
    opacity: 1
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children:hover>ul {
    transform: translateY(0)
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).edge>ul {
    left: 0;
    right: auto
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).edge>ul li.has-children ul {
    right: -100%;
    transform: translateX(10px)
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).edge>ul li.has-children ul:before {
    left: -10px;
    right: unset
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).edge>ul li.has-children:hover>ul {
    transform: translateX(5px)
}

@media only screen and (min-width: 992px) {
    body:not(.salla-theme_6).font-dinnextltarabic-regular .main-menu li ul li a {
        padding:6px 10px 11px
    }
}

#cl_switcher {
    display: none;
    margin: 0 0 0 7px;
    position: relative;
    width: auto;
    z-index: 9999
}

#cl_switcher #cl_toggle {
    background: 0 0!important;
    border: 1px solid #e0e0e0;
    border-radius: 50px;
    color: var(--color-main-reverse);
    height: 36px;
    line-height: 1;
    max-height: unset;
    min-height: unset;
    min-width: 100px;
    padding: 5px 12px 6px 30px;
    text-align: right;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#cl_switcher #cl_toggle i,#cl_switcher #cl_toggle span {
    display: inline-block;
    vertical-align: middle
}

#cl_switcher #cl_toggle i.flag {
    margin: 3px 0 0 5px
}

#cl_switcher #cl_toggle:focus,#cl_switcher #cl_toggle:hover {
    background: 0 0;
    border-color: #cdcdcd
}

#cl_switcher #cl_toggle:after {
    color: inherit;
    content: "\ea62";
    font-family: sallaicons;
    font-size: 12px;
    left: 11px;
    top: 52%;
    transform: translateY(-50%);
    z-index: 9
}

#cl_switcher #cl_list,#cl_switcher #cl_toggle:after {
    position: absolute;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#cl_switcher #cl_list {
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
    display: block;
    height: auto;
    left: 0;
    margin: 0;
    max-height: 170px;
    min-width: 190px;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    top: 40px;
    transform: translateY(5px);
    visibility: hidden;
    width: auto;
    z-index: 99
}

#cl_switcher #cl_list li {
    align-items: center;
    border-bottom: 1px solid #f8f8f8;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 15px 12px;
    text-align: right
}

#cl_switcher #cl_list li .checkbox {
    margin: 0 0 10px
}

#cl_switcher #cl_list li .checkbox input[type=radio]:checked+label {
    color: #151515!important
}

#cl_switcher #cl_list li .checkbox input[type=radio]:checked+label:before {
    background-color: #d8d8d8;
    border-color: #979797
}

#cl_switcher #cl_list li .checkbox label {
    color: #7f7f7f;
    font-size: 13px;
    padding-right: 20px
}

#cl_switcher #cl_list li .checkbox label i,#cl_switcher #cl_list li .checkbox label img {
    background-color: transparent;
    border: none;
    display: inline-block;
    margin: 0 0 0 5px;
    overflow: hidden;
    vertical-align: middle
}

#cl_switcher #cl_list li .checkbox label span {
    color: #7f7f7f
}

#cl_switcher #cl_list li .checkbox label:before {
    height: 12px;
    top: 13px;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 12px
}

#cl_switcher #cl_list li .checkbox label:after {
    display: none
}

#cl_switcher #cl_list li .checkbox:last-child {
    margin-bottom: 0
}

#cl_switcher #cl_list li .col__title {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 10px;
    position: relative;
    width: 100%
}

#cl_switcher #cl_list li .col__title h4 {
    background-color: #fff;
    color: #727271;
    font-size: 15px;
    line-height: 1;
    padding: 0 0 0 10px;
    z-index: 9
}

#cl_switcher #cl_list li .col__title:after {
    background: #ececec;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

#cl_switcher #cl_list li.col {
    flex-direction: column
}

#cl_switcher #cl_list li:last-child {
    border: none
}

#cl_switcher.visible #cl_toggle:after {
    transform: translateY(-50%) rotate(180deg)
}

#cl_switcher.visible #cl_list {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

@media only screen and (min-width: 992px) {
    #cl_switcher {
        display:block
    }
}

.product-details__price {
    float: right
}

.tax-label {
    color: #999;
    display: table;
    font-size: 11px;
    line-height: 1;
    margin: 3px 0 0
}

#theme_preview_bar {
    align-items: center;
    background-color: #3f3f40;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    left: 0;
    min-height: 40px;
    padding: 10px 20px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 9999999
}

#theme_preview_bar * {
    display: inline-block;
    line-height: 1;
    vertical-align: middle
}

#theme_preview_bar h2 {
    color: #a5a5a5;
    font-size: 15px;
    line-height: 1;
    margin: 0
}

#theme_preview_bar h2 span {
    background: hsla(0,0%,100%,.8);
    border-radius: 50px;
    color: var(--color-text);
    font-size: 14px;
    margin: 0 5px 0 0;
    padding: 5px 15px
}

#theme_preview_bar h2:before {
    background: url(https://salla.sa/site/wp-content/themes/salla/assets/images/logo.svg) 50% no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 30px;
    margin: 0 0 0 10px;
    vertical-align: middle;
    width: 30px
}

#theme_preview_bar .btn {
    background-color: rgba(0,0,0,.6);
    border: none!important;
    border-radius: 0;
    color: hsla(0,0%,100%,.8);
    font-size: 20px;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 50px
}

#theme_preview_bar .btn i {
    display: inline-block;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
    vertical-align: middle
}

#theme_preview_bar .btn:hover {
    background-color: rgba(0,0,0,.95);
    color: #fff
}

body.salla-default.preview-mode {
    margin-top: 50px
}

body.salla-default.preview-mode #theme_preview_bar {
    position: fixed;
    top: 0;
    z-index: 999
}

body.font-dinnextltarabic-regular #theme_preview_bar h2 span {
    padding: 3px 15px 6px
}

body.font-apple #theme_preview_bar h2 span {
    padding: 4px 15px 5px
}

body.font-estedad #theme_preview_bar h2 span {
    padding: 3px 15px 5px
}

.color-options .checkbox.radio {
    height: 25px;
    margin: 0 0 7px 7px;
    width: auto
}

.color-options .checkbox.radio input[type=radio]:checked+label {
    box-shadow: 0 0 5px rgba(0,0,0,.3)
}

.color-options .checkbox.radio input[type=radio]:checked+label:after {
    opacity: 1;
    transform: translate(50%,-50%)
}

.color-options .checkbox.radio label {
    background-color: grey;
    border: 2px solid #fff;
    border-radius: 50%;
    height: 25px;
    margin: 0;
    min-height: unset;
    opacity: 0;
    padding: 0;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 25px
}

.color-options .checkbox.radio label:before {
    display: none
}

.color-options .checkbox.radio label:after {
    background-color: transparent;
    color: #fff;
    content: "\ea9d";
    font-family: sallaicons;
    font-size: 12px;
    line-height: 1;
    right: 50%;
    top: 54%;
    transform: translate(50%,-50%)
}

.color-options .checkbox.radio:last-child {
    margin-left: 0
}

.images-options .checkbox.radio {
    height: 50px;
    margin: 0 0 5px 5px;
    min-height: unset;
    width: auto
}

.images-options .checkbox.radio input[type=radio]:checked+label {
    border-color: var(--color-title)
}

.images-options .checkbox.radio input[type=radio]:checked+label:after {
    opacity: 1;
    transform: translate(50%,-50%)
}

.images-options .checkbox.radio label {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    border: 2px solid #fff;
    border-radius: 4px;
    height: 50px;
    margin: 0;
    min-height: unset;
    overflow: hidden;
    padding: 0;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 50px
}

.images-options .checkbox.radio label:before {
    display: none
}

.images-options .checkbox.radio label:after {
    background: var(--color-title);
    border-radius: 50%;
    color: #fff;
    content: "\ea9d";
    display: block;
    font-family: sallaicons;
    font-size: 10px;
    height: 30px;
    line-height: 1;
    padding: 15px 12px 0 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: translate(15px,-15px);
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 30px
}

.images-options .checkbox.radio:last-child {
    margin-left: 0
}

.list--tags li {
    margin: 0 0 8px 8px!important
}

.list--tags li a {
    background-color: #eee;
    border-radius: 50px;
    color: var(--color-text);
    display: inline-flex;
    font-size: 12px!important;
    line-height: 1;
    margin: 0;
    padding: 6px 10px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.list--tags li a:before {
    content: "\efeb";
    display: inline-block;
    font-family: sallaicons;
    margin: 0 0 0 5px;
    opacity: .5;
    vertical-align: middle
}

.list--tags li a:hover {
    background-color: var(--color-main);
    color: var(--color-text-reverse)
}

.list--tags li:last-child {
    margin: 0 0 8px!important
}

.tags {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: unset;
    margin-top: 20px
}

.tags .btn {
    background-color: #f8f8f8!important;
    border-radius: 9999px;
    color: #5c5c5c;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 2px 11px 5px 14px
}

.tags .btn:not(:last-child) {
    margin-left: 10px
}

.tags .btn i {
    color: #8a8a8a;
    margin-left: 5px
}

.product-tags {
    margin-bottom: 15px
}

body.salla-default .list--tags li a {
    color: #636362;
    font-size: 12px!important;
    margin: 0;
    padding: 4px 10px 6px;
    text-decoration: none
}

body.salla-default .list--tags li a:before {
    transform: translateY(1px)
}

body.salla-default .list--tags li a:hover {
    color: var(--color-text-reverse)
}

body.font-dinnextltarabic-regular .list--tags li a,body.font-font-apple .list--tags li a {
    padding: 5px 10px 6px
}

body.font-dinnextltarabic-regular .list--tags li a:before,body.font-font-apple .list--tags li a:before {
    margin-top: 2px
}

.intl-tel-input-pro .intl-tel-input {
    border: none;
    box-shadow: none;
    min-height: 36px;
    position: relative;
    width: 100%
}

.intl-tel-input-pro .intl-tel-input .flag-container {
    border: none;
    border-radius: 3px 0 0 3px;
    height: 100%;
    width: 100%;
    z-index: 99
}

.intl-tel-input-pro .intl-tel-input .flag-container .selected-flag {
    background: 0 0;
    box-shadow: none;
    outline: none;
    padding: 0 15px 0 30px
}

.intl-tel-input-pro .intl-tel-input .flag-container .selected-flag>div.iti-flag {
    display: block!important;
    margin: 0 0 0 5px
}

.intl-tel-input-pro .intl-tel-input .flag-container .selected-flag>div.selected-dial-code {
    font-family: Arial,sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    margin: 0;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.intl-tel-input-pro .intl-tel-input .flag-container .selected-flag>div.iti-arrow {
    display: none
}

.intl-tel-input-pro .intl-tel-input .flag-container .selected-flag:before {
    background-color: #eee;
    content: "";
    display: block;
    height: 60%;
    position: absolute;
    right: 5px;
    top: 20%;
    width: 1px
}

.intl-tel-input-pro .intl-tel-input .flag-container .selected-flag:after {
    content: "\ea62";
    display: inline-block;
    font-family: sallaicons;
    font-size: 11px;
    left: 12px;
    opacity: .7;
    position: absolute;
    top: 54%;
    transform: translateY(-50%)
}

.intl-tel-input-pro .intl-tel-input .flag-container .country-list {
    border-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin: 8px 0 0
}

.intl-tel-input-pro .intl-tel-input .flag-container .country-list li {
    align-items: center;
    direction: rtl;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px 10px
}

.intl-tel-input-pro .intl-tel-input .flag-container .country-list li .flag-box {
    margin: 0 0 0 5px
}

.intl-tel-input-pro .intl-tel-input .flag-container .country-list li span {
    font-size: 13px
}

.intl-tel-input-pro .intl-tel-input .flag-container .country-list li span.country-name {
    flex: auto;
    margin: 0;
    padding: 0 10px;
    white-space: normal;
    word-break: break-word
}

.intl-tel-input-pro .intl-tel-input .flag-container .country-list li span.dial-code {
    font-family: Arial;
    letter-spacing: 1px;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.intl-tel-input-pro .intl-tel-input .flag-container .country-list li.last-preferred {
    border: none
}

.intl-tel-input-pro .intl-tel-input .flag-container .country-list li.divider {
    border-bottom-color: #eee
}

.intl-tel-input-pro .intl-tel-input .flag-container .country-list li.highlighted,.intl-tel-input-pro .intl-tel-input .flag-container .country-list li:hover {
    background-color: #fafafa
}

.intl-tel-input-pro .intl-tel-input .flag-container.open .selected-flag,.intl-tel-input-pro .intl-tel-input .flag-container:hover .selected-flag {
    background-color: transparent!important
}

.intl-tel-input-pro .intl-tel-input .form-control {
    border-radius: 3px;
    direction: ltr;
    height: 36px;
    letter-spacing: 1px
}

@media only screen and (max-width: 480px) {
    .intl-tel-input-pro .intl-tel-input .vti__dropdown .vti__dropdown-list {
        width:220px!important
    }
}

.intl-tel-input-pro #error-msg {
    font-size: 12px
}

.intl-tel-input .flag-container {
    pointer-events: none;
    width: 100%
}

.intl-tel-input .flag-container .selected-flag {
    float: left;
    pointer-events: auto
}

.intl-tel-input .flag-container .country-list {
    pointer-events: auto;
    top: 100%;
    width: 100%
}

.intl-tel-input .flag-container .country-list .country-name {
    unicode-bidi: embed
}

.intl-tel-input-clean .intl-tel-input .flag-container {
    border: none
}

.intl-tel-input-clean .intl-tel-input .flag-container .selected-flag {
    background-color: transparent!important;
    outline: none
}

.intl-tel-input-clean .intl-tel-input .flag-container .selected-flag .selected-dial-code {
    font-family: Arial,sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.intl-tel-input-clean .intl-tel-input .flag-container:before {
    background: #e4e4e4;
    content: "";
    display: inline-block;
    height: 70%;
    left: 70px;
    position: absolute;
    top: 15%;
    width: 1px
}

.intl-tel-input-clean .intl-tel-input .form-control[type=tel] {
    padding-left: 80px!important
}

.intl-tel-input-clean .intl-tel-input .country-list {
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    box-shadow: 0 1px 2px #e4e4e4;
    margin: 5px 0 0
}

.intl-tel-input-clean .intl-tel-input .country-list li.country {
    padding: 5px 10px
}

.intl-tel-input-clean .intl-tel-input .country-list li.country .flag-box {
    margin: 0 0 0 10px
}

.intl-tel-input-clean .intl-tel-input .country-list li.country .country-name {
    font-size: 12px;
    margin: 0
}

.intl-tel-input-clean .intl-tel-input .country-list li.country .dial-code {
    font-size: 13px;
    margin: 0 3px
}

.intl-tel-input-clean .intl-tel-input .country-list.dropup {
    margin: 0 0 5px
}

.intl-tel-input-clean .intl-tel-input .form-control {
    padding-right: 30px
}

@media only screen and (max-width: 767px) {
    .intl-tel-input-clean .intl-tel-input .country-list {
        max-width:calc(100vw - 50px)
    }
}

.iti-mobile .intl-tel-input.iti-container {
    left: 10px!important;
    right: 10px!important;
    z-index: 99999999999!important
}

.iti-mobile .intl-tel-input.iti-container .country-list {
    border-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    margin: 8px 0 0;
    right: 0;
    width: calc(100% - 20px)!important
}

.iti-mobile .intl-tel-input.iti-container .country-list li {
    align-items: center;
    direction: rtl;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 5px 10px
}

.iti-mobile .intl-tel-input.iti-container .country-list li .flag-box {
    margin: 0 0 0 5px
}

.iti-mobile .intl-tel-input.iti-container .country-list li span {
    font-size: 13px
}

.iti-mobile .intl-tel-input.iti-container .country-list li span.country-name {
    flex: auto;
    margin: 0;
    padding: 0 10px;
    white-space: normal;
    word-break: break-word
}

.iti-mobile .intl-tel-input.iti-container .country-list li span.dial-code {
    font-family: Arial,sans-serif;
    letter-spacing: 1px;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.iti-mobile .intl-tel-input.iti-container .country-list li.last-preferred {
    border: none
}

.iti-mobile .intl-tel-input.iti-container .country-list li.divider {
    border-bottom-color: #eee
}

.iti-mobile .intl-tel-input.iti-container .country-list li.highlighted,.iti-mobile .intl-tel-input.iti-container .country-list li:hover {
    background-color: #fafafa
}

@media only screen and (max-width: 767px) {
    .iti-mobile .intl-tel-input.iti-container .country-list {
        width:250px
    }
}

#jGrowl .jGrowl-notification.default {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 hsla(0,0%,82%,.5)
}

#jGrowl .jGrowl-notification.default .jGrowl-close {
    color: #f55157;
    font-size: 30px;
    font-weight: 100;
    line-height: 1;
    transform: translateY(-8px)
}

#jGrowl .jGrowl-notification.with-icon .jGrowl-message {
    font-size: 13px;
    padding-right: 25px
}

#jGrowl .jGrowl-notification.with-icon .jGrowl-message i {
    color: #a8a8a8;
    font-size: 18px;
    position: absolute;
    right: 15px;
    top: 52%;
    transform: translateY(-50%)
}

@media only screen and (max-width: 480px) {
    #jGrowl {
        left:10px;
        width: calc(100% - 20px)
    }

    #jGrowl .jGrowl-notification {
        width: 100%
    }
}

.rating-tabs .panel-heading {
    padding: 0 0 20px
}

.rating-tabs__tabs {
    margin: 20px 0 40px
}

.rating-tabs__tabs .circular-steps {
    margin: 0 auto;
    max-width: 300px;
    width: 100%
}

.rating-tabs__content {
    display: none;
    text-align: center
}

.rating-tabs__content p {
    margin-bottom: 12px
}

.rating-tabs__content textarea {
    height: 76px;
    margin: 25px 0 0;
    padding: 12px 15px;
    resize: none
}

.rating-tabs__content .rating-result {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    white-space: nowrap
}

.rating-tabs__content .rating-result .rating-stars .fa {
    display: inline-block;
    font-size: 18px;
    margin: 0 1px;
    vertical-align: middle
}

.rating-tabs__content .rating-result p {
    display: block;
    height: 20px;
    margin: 5px 0 0;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.rating-tabs__content .product-list {
    list-style: none;
    margin-top: 42px;
    padding: 0
}

.rating-tabs__content .product-list textarea {
    height: 42px;
    margin-top: 15px;
    padding: 9px 15px
}

.rating-tabs__content .product-list li:not(:first-of-type) .product-rate {
    margin-top: 30px
}

.rating-tabs__content .product-list li .product-rate {
    align-items: center;
    margin-bottom: 10px
}

.rating-tabs__content .product-list li .product-rate .thump a:hover span {
    color: var(--main-text-color2)
}

.rating-tabs__content.active {
    display: block
}

.rating-tabs__content .rating-container {
    max-height: 35px
}

@media only screen and (max-width: 576px) {
    .rating-tabs__content .product-list textarea {
        margin-top:8px
    }

    .rating-tabs__content .btn {
        padding: 5px 10px 9px!important
    }

    .rating-tabs__content .product-rate .rating-result {
        flex-direction: row;
        justify-content: flex-start;
        margin: 12px 0 8px;
        width: 100%
    }

    .rating-tabs__content .product-rate .rating-result p {
        left: -4px;
        position: relative;
        top: 4px
    }
}

.rating-tabs #thanks {
    padding: 30px 0 10px
}

.rating-tabs #thanks .product-detials__desc {
    margin: 0 auto 30px!important
}

@media only screen and (min-width: 767px) {
    .rating-tabs #thanks .product-detials__desc {
        max-width:50%
    }
}

.rating-tabs #thanks .rating-tabs__actions {
    justify-content: center
}

.rating-tabs__actions {
    align-items: center;
    direction: ltr;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 14px
}

.rating-tabs__actions .btn {
    padding: 5px 16px 9px
}

.rating-tabs__actions .btn i {
    position: relative
}

.rating-tabs__actions .btn.prev {
    background-color: transparent;
    border-color: var(--color-main);
    color: var(--color-main-reverse)
}

.rating-tabs__actions .btn.prev i {
    color: var(--color-main-reverse);
    margin-left: 3px
}

.rating-tabs__actions .btn.next {
    background-color: var(--color-main);
    color: var(--color-text-reverse)
}

.rating-tabs__actions .btn.next i {
    color: var(--color-text-reverse);
    margin-right: 3px
}

.rating-tabs__actions .btn.next:hover {
    opacity: .8
}

.circular-steps {
    align-items: center!important;
    justify-content: center!important
}

.circular-steps li {
    align-items: center;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 15px!important;
    position: relative;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.circular-steps li span {
    color: #7d7d7d;
    display: block;
    font-size: 15px!important;
    text-align: center
}

.circular-steps li:before {
    border: 2px solid #f0f0f0;
    border-radius: 50%;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 15px;
    margin-bottom: 3px;
    position: relative;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 15px
}

.circular-steps li:after {
    background-color: #f0f0f0;
    content: "";
    height: 2px;
    position: absolute;
    right: calc(50% + 15px);
    top: 6px;
    width: 100%
}

.circular-steps li.focus:before {
    border-color: var(--color-main-reverse)
}

.circular-steps li.focus span {
    color: var(--color-main-reverse)
}

.circular-steps li.active:after,.circular-steps li.active:before {
    background-color: var(--color-main-reverse);
    border-color: var(--color-main-reverse)
}

.circular-steps li.active span {
    color: var(--color-main-reverse)
}

.circular-steps li:first-child {
    margin-right: 0!important
}

.circular-steps li:last-child {
    margin-left: 0!important
}

.circular-steps li:last-child:after {
    display: none
}

.panel .panel-heading .panel-title {
    padding: 10px 20px 10px 0
}

.panel .panel-heading .panel-title--with-border {
    border-bottom: 1px solid #eee
}

.panel .panel-heading .panel-title.sides {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-left: 8px
}

.panel .panel-heading--no-padding {
    padding: 0
}

.panel .panel-heading--gray {
    background-color: #f9f9f9
}

.panel--borderless {
    border: none!important;
    border-radius: 0!important
}

.panel--borderless .panel-heading {
    border-bottom: none
}

.panel-loyalty .panel-heading i {
    background-color: var(--color-main);
    border-radius: 50%;
    color: #fff;
    font-size: 17px;
    height: 40px;
    line-height: 40px!important;
    text-align: center;
    width: 40px
}

.panel-order-details .panel-heading>div.list {
    padding: 20px 17px
}

.panel-order-details .panel-heading>div.list .order-info-block {
    flex: auto
}

.panel-order-details .panel-heading>div.list .order-shipping-details {
    margin-right: 40px;
    width: 45%
}

.panel-order-details .panel-heading>div.list .order-shipping-details p {
    color: #444;
    font-size: 14px;
    line-height: 1.6
}

.panel-order-details .panel-heading>div.list .order-shipping-details p:not(:last-of-type) {
    margin-bottom: 8px
}

.panel-order-details .panel-heading>div.list .order-shipping-details p b {
    margin-right: 5px
}

.panel-order-details .panel-heading>div.list .order-shipping-details p a {
    color: var(--color-main);
    font-size: 14px;
    margin-right: 5px;
    text-decoration: underline
}

@media only screen and (max-width: 576px) {
    .panel-order-details .panel-heading>div.list {
        flex-direction:column;
        padding: 17px
    }

    .panel-order-details .panel-heading>div.list div {
        width: 100%!important
    }

    .panel-order-details .panel-heading>div.list .order-shipping-details {
        margin-right: 0;
        margin-top: 20px
    }

    .panel-order-details .panel-heading>div.list .order-shipping-details p {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between
    }

    .panel-order-details .panel-heading>div.list .order-shipping-details p a {
        display: block;
        margin: 20px 0 0!important
    }

    .panel-order-details .panel-heading>div.list .order-shipping-details p:nth-of-type(2) b {
        margin-right: 0;
        text-align: left;
        width: 50%
    }

    .panel-order-details .panel-heading>div.list .order-shipping-details p:last-of-type {
        flex-wrap: wrap
    }

    .panel-order-details .panel-heading>div.list .order-shipping-details p:last-of-type a {
        width: 100%
    }
}

.order-info-block {
    background-color: #f8f8f8;
    border: 1px solid #eee;
    border-radius: 8px;
    padding: 15px
}

.order-info-block__title {
    color: #333;
    font-size: 14px;
    line-height: 1.6
}

.order-info-block p {
    color: #444!important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6
}

.order-info-block .list:first-of-type {
    margin-bottom: 8px
}

@media only screen and (max-width: 767px) {
    .order-info-block {
        padding:10px
    }
}

.order-notes {
    margin-top: 30px
}

.order-notes h5,.order-notes p {
    color: #444;
    font-size: 15px;
    margin-bottom: 14px
}

.order-notes .form-control {
    height: 132px
}

.order-notes p {
    font-size: 14px
}

.badge--circular {
    border-radius: 50%!important
}

.badge--calories {
    align-items: center;
    background: hsla(0,0%,100%,.9)!important;
    border: 1px solid rgba(226,56,77,.6)!important;
    color: #e2384d!important;
    display: flex!important;
    flex-direction: column;
    height: 80px;
    justify-content: center;
    left: 15px;
    padding: 10px!important;
    position: absolute;
    top: 15px;
    width: 80px
}

.btn--tamara {
    margin: 20px 0!important;
    opacity: .9
}

.btn--tamara:active,.btn--tamara:focus,.btn--tamara:hover {
    box-shadow: none!important;
    opacity: 1!important
}

.rating-container .rating-stars .empty-stars,.rating-container .rating-stars .filled-stars {
    -webkit-text-stroke: unset;
    text-shadow: none
}

.rating-container .rating-stars .empty-stars .star .glyphicon.glyphicon-star,.rating-container .rating-stars .empty-stars .star .glyphicon.glyphicon-star-empty,.rating-container .rating-stars .filled-stars .star .glyphicon.glyphicon-star,.rating-container .rating-stars .filled-stars .star .glyphicon.glyphicon-star-empty {
    font-family: FontAwesome!important;
    font-size: 18px
}

.rating-container .rating-stars .empty-stars .star .glyphicon.glyphicon-star-empty:before,.rating-container .rating-stars .empty-stars .star .glyphicon.glyphicon-star:before,.rating-container .rating-stars .filled-stars .star .glyphicon.glyphicon-star-empty:before,.rating-container .rating-stars .filled-stars .star .glyphicon.glyphicon-star:before {
    content: "\f005"
}

.rating-container .rating-stars .filled-stars i {
    color: #fcd34c
}

.rating-container .rating-stars .empty-stars i {
    color: #ccc
}

.rating-stars [class^=sicon] {
    color: #fcd34c!important
}

.images-gallery .image-upload {
    cursor: pointer
}

.images-gallery img {
    width: 100%
}

.images-gallery__current-image {
    display: none;
    position: relative
}

.images-gallery__current-image .btn {
    left: 10px;
    position: absolute;
    top: 15px
}

.images-gallery__current-image img {
    border-radius: 3px;
    max-height: 235px;
    -o-object-fit: cover;
    object-fit: cover
}

.images-gallery__images-set-desktop label img,.images-gallery__images-set-mobile label img {
    height: 125px;
    max-height: 125px;
    -o-object-fit: cover;
    object-fit: cover
}

.images-gallery__images-set-mobile {
    display: none
}

@media only screen and (max-width: 480px) {
    .images-gallery__images-set-desktop {
        display:none!important
    }

    .images-gallery__images-set-mobile {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        overflow-x: scroll
    }

    .images-gallery__images-set-mobile::-webkit-scrollbar {
        width: 0
    }

    .images-gallery__images-set-mobile::-webkit-scrollbar-track {
        background: hsla(0,0%,93%,.8);
        border-radius: 0
    }

    .images-gallery__images-set-mobile::-webkit-scrollbar-thumb {
        background: var(--main-color);
        border-radius: 0
    }

    .images-gallery__images-set-mobile::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(var(--main-color),.5)
    }

    .images-gallery__images-set-mobile::-webkit-scrollbar {
        height: 5px
    }

    .images-gallery__images-set-mobile::-webkit-scrollbar-thumb {
        border-radius: 999px
    }

    .images-gallery__images-set-mobile>div {
        flex: 0 0 75%;
        margin: 0
    }

    .images-gallery__images-set-mobile>div:not(:last-of-type) {
        margin-left: 15px
    }
}

.testimonials-item .no-rate-owner p {
    margin-bottom: .5rem
}

.testimonials-item .no-rate-owner p:after,.testimonials-item .no-rate-owner p:before {
    display: none
}

.testimonials-item .no-rate-owner .rating {
    float: right
}

.tooltip-toggle {
    display: block;
    overflow: visible;
    position: relative
}

.tooltip-toggle .tooltip-content {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 3px;
    box-shadow: 0 4px 4px 0 rgba(0,0,0,.05);
    cursor: default;
    opacity: 0;
    padding: 10px;
    position: absolute;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    visibility: hidden;
    width: 200px;
    z-index: 99
}

.tooltip-toggle .tooltip-content p {
    font-size: 12px;
    margin: 0;
    text-align: right;
    white-space: normal
}

.tooltip-toggle .tooltip-content:after {
    border: 18px solid transparent;
    border-bottom-color: #fff;
    border-top: 0;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -18px;
    margin-top: -18px;
    position: absolute;
    top: 0;
    width: 0
}

.tooltip-toggle.bottom .tooltip-content {
    left: 50%;
    top: 100%;
    transform: translateX(-50%) translateY(20px)
}

.tooltip-toggle.top .tooltip-content {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(-20px)
}

.tooltip-toggle.top .tooltip-content:after {
    bottom: -8px;
    top: unset!important;
    transform: rotate(180deg)
}

.tooltip-toggle:hover .tooltip-content {
    opacity: 1;
    visibility: visible
}

.tooltip-toggle:hover.top .tooltip-content {
    transform: translateX(-50%) translateY(-15px)
}

.tooltip-toggle:hover.bottom .tooltip-content {
    transform: translateX(-50%) translateY(15px)
}

.tooltip-toggle--inline-block {
    display: inline-block
}

.tooltip-toggle--closable .tooltip-content {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.tooltip-toggle--closable .tooltip-content .close-tooltip {
    background-color: transparent!important;
    border: 0!important;
    line-height: 0;
    margin-right: 10px;
    transform: translateY(2px)
}

.tooltip-toggle--closable .tooltip-content .close-tooltip:focus,.tooltip-toggle--closable .tooltip-content .close-tooltip:hover {
    box-shadow: none
}

.tooltip-toggle--closable .tooltip-content .close-tooltip i {
    color: #e2384d;
    font-size: 15px
}

.tooltip-toggle--closable:hover .tooltip-content {
    opacity: 0;
    visibility: hidden
}

.tooltip-toggle--closable.visible .tooltip-content {
    opacity: 1;
    visibility: visible
}

.tooltip-toggle--closable.visible.top .tooltip-content {
    transform: translateX(-50%) translateY(-15px)
}

.tooltip-toggle--closable.visible.bottom .tooltip-content {
    transform: translateX(-50%) translateY(15px)
}

.tooltip-toggle--clickable {
    cursor: pointer
}

.model-viewer {
    height: 100%;
    width: 100%
}

.model-viewer__poster {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.switchery--small+span.switchery {
    height: 25px;
    width: 40px
}

.switchery--small+span.switchery small {
    height: 23px;
    left: 2px;
    top: 1px;
    width: 23px
}

.switchery--xs+span.switchery {
    height: 19px;
    width: 30px
}

.switchery--xs+span.switchery small {
    height: 17px;
    left: 2px;
    top: 1px;
    width: 16px
}

.switchery--with-text+span.switchery small {
    color: #444;
    font-family: Arial;
    font-size: 12px;
    font-weight: 700;
    line-height: 25px;
    text-align: center
}

.switchery.active_3d_view+span.switchery {
    left: 15px;
    position: absolute;
    top: 15px;
    z-index: 99
}

.switchery:checked+span.switchery {
    background: #4dd863!important;
    border-color: #4dd863!important;
    box-shadow: none!important
}

.switchery:checked+span.switchery small {
    background: var(--color-white);
    border-color: var(--color-white)
}

input.switchery {
    display: none
}

.grid-block {
    display: grid
}

.grid-block--col-1 {
    grid-template-columns: repeat(1,1fr)
}

@media only screen and (max-width: 767px) {
    .grid-block--col-1 {
        grid-template-columns:repeat(1,1fr)
    }
}

.grid-block--col-2 {
    grid-template-columns: repeat(2,1fr)
}

@media only screen and (max-width: 767px) {
    .grid-block--col-2 {
        grid-template-columns:repeat(1,1fr)
    }
}

.grid-block--col-3 {
    grid-template-columns: repeat(3,1fr)
}

@media only screen and (max-width: 767px) {
    .grid-block--col-3 {
        grid-template-columns:repeat(1,1fr)
    }
}

.grid-block--col-4 {
    grid-template-columns: repeat(4,1fr)
}

@media only screen and (max-width: 1439px) {
    .grid-block--col-4 {
        grid-template-columns:repeat(3,1fr)
    }
}

@media only screen and (max-width: 1024px) {
    .grid-block--col-4 {
        grid-template-columns:repeat(2,1fr)
    }
}

@media only screen and (max-width: 767px) {
    .grid-block--col-4 {
        grid-template-columns:repeat(1,1fr)
    }
}

@media only screen and (max-width: 1200px) {
    .grid-block--xl {
        grid-template-columns:repeat(1,1fr)
    }
}

@media only screen and (max-width: 992px) {
    .grid-block--lg {
        grid-template-columns:repeat(1,1fr)
    }
}

.grid-block--gap-10 {
    grid-gap: 10px
}

.grid-block--gap-20 {
    grid-gap: 20px
}

.grid-block--gap-30 {
    grid-gap: 30px
}

@media only screen and (max-width: 1439px) {
    .grid-block--gap-30 {
        grid-gap:15px
    }
}

.grid-block--auto-fill {
    grid-template-columns: repeat(auto-fill,minmax(265px,1fr))!important
}

.nav-tabs.flat-tabs {
    align-items: center;
    border-bottom: 2px solid var(--color-main)!important;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 15px;
    overflow-x: scroll;
    padding: 0
}

.nav-tabs.flat-tabs::-webkit-scrollbar {
    display: none
}

.nav-tabs.flat-tabs li {
    float: none!important;
    margin-left: 1px
}

.nav-tabs.flat-tabs li>a {
    background: #f8f8f8;
    border: none!important;
    border-radius: 4px 4px 0 0;
    margin: 0!important;
    padding: 6px 15px 8px!important;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    white-space: nowrap
}

.nav-tabs.flat-tabs li>a:active,.nav-tabs.flat-tabs li>a:focus,.nav-tabs.flat-tabs li>a:hover {
    background-color: var(--color-main);
    color: var(--color-text-reverse)!important
}

.nav-tabs.flat-tabs li>a i {
    display: inline-block;
    font-size: 15px;
    margin-left: 5px;
    vertical-align: middle
}

.nav-tabs.flat-tabs li.active>a,.nav-tabs.flat-tabs li.active>a:active,.nav-tabs.flat-tabs li.active>a:focus,.nav-tabs.flat-tabs li.active>a:hover {
    background-color: var(--color-main);
    color: var(--color-text-reverse)!important
}

.nav-tabs-solid {
    align-items: center;
    border: 1px solid var(--color-main);
    border-bottom-color: var(--color-main)!important;
    border-radius: 3px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 30px!important
}

.nav-tabs-solid>li {
    flex: auto;
    float: none!important;
    margin: 0!important
}

.nav-tabs-solid>li:not(:last-of-type) {
    border-left: 1px solid var(--color-main)
}

.nav-tabs-solid>li a {
    border: none!important;
    border-radius: 0!important;
    color: var(--color-main);
    font-size: 16px;
    line-height: unset!important;
    margin: 0!important;
    padding: 9px 0!important;
    text-align: center;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.nav-tabs-solid>li.active a,.nav-tabs-solid>li:focus a,.nav-tabs-solid>li:hover a {
    background-color: var(--color-main)!important;
    border: 0!important;
    color: #fff!important
}

.tab-content .text {
    color: #444;
    font-size: 15px;
    margin-bottom: 21px
}

.tab-content img {
    display: block;
    margin: 30px auto;
    max-width: 100%
}

.tab-content table {
    border: 1px solid #bbb!important;
    border-radius: 1px;
    width: 100%!important
}

.tab-content table tbody td {
    color: #444;
    font-size: 13px;
    padding: 5px 10px!important
}

.tab-content table tbody td:not(:first-of-type) {
    border-right: 1px solid #bbb;
    text-align: center!important
}

.tab-content table tbody tr:first-of-type td {
    font-weight: 700
}

.tab-content table tbody tr:nth-child(odd) {
    background-color: #f8f8f8
}

.tab-content ol,.tab-content ul {
    list-style: unset;
    margin: 0 4px 0 0;
    padding: 0 20px 0 0
}

.tab-content ol li,.tab-content ul li {
    list-style: unset
}

.tab-content ol {
    list-style-type: decimal
}

.tab-content ul {
    list-style-type: disc
}

.tab-pane {
    overflow-x: auto
}

.table-flat {
    border: 1px solid #bbb;
    border-radius: 1px
}

.table-flat tbody td,.table-flat thead th {
    color: #444;
    font-size: 13px;
    padding: 5px 10px!important
}

.table-flat tbody td:not(:first-of-type),.table-flat thead th:not(:first-of-type) {
    border-right: 1px solid #bbb;
    text-align: center
}

.table-flat thead {
    background-color: #f8f8f8
}

.table-flat thead tr th {
    font-weight: 700
}

.table-flat tbody tr:nth-child(2n) {
    background-color: #f8f8f8
}

.list {
    flex-wrap: wrap
}

.list,.list--clear {
    list-style: none;
    margin: 0;
    padding: 0
}

.list--horizontal {
    flex-direction: row
}

.list--horizontal,.list--vertical {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.list--vertical {
    flex-direction: column;
    flex-wrap: wrap
}

.list--no-wrap {
    flex-wrap: nowrap
}

.list--align-start {
    align-items: start
}

.list--justify-between {
    justify-content: space-between!important
}

.list--padded li {
    padding: 15px 0
}

.list--padded li:first-child {
    padding-top: 0
}

.list--padded li:last-child {
    padding-bottom: 0
}

.list--no-wrap {
    flex-flow: nowrap
}

.list--table-view {
    border: 1px solid #eee;
    border-radius: 3px
}

.list--table-view__row {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    margin: 0!important;
    min-height: 40px;
    width: 100%
}

.list--table-view__row:not(:last-of-type) {
    border-bottom: 1px solid #eee
}

.list--table-view__cell {
    flex: 1 0 auto;
    padding: 4px 10px;
    word-break: normal
}

.list--table-view__cell.key {
    flex: 0 0 30%
}

.list--table-view__cell.key i {
    margin-left: 5px!important
}

@media only screen and (max-width: 767px) {
    .list--table-view__cell.key {
        flex:0 0 50%
    }
}

.list--table-view__cell.value {
    flex: auto
}

.banner--brand {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: block;
    height: 250px;
    margin: 20px 0;
    width: 100%
}

@media only screen and (max-width: 767px) {
    .banner--brand {
        height:150px
    }
}

.article {
    display: block;
    height: auto;
    width: 100%
}

.article--brand {
    margin: 30px 0
}

.article--brand img {
    display: inline-block;
    float: right;
    margin-left: 15px;
    max-height: 150px;
    -o-object-fit: contain!important;
    object-fit: contain!important;
    vertical-align: middle
}

.article--brand img[alt="Brand Logo"] {
    height: 60px
}

.article--brand.vertical * {
    text-align: center
}

.article--brand.vertical img {
    display: block;
    float: unset;
    margin: 0 auto 30px
}

@media only screen and (max-width: 767px) {
    .article--brand * {
        font-size:14px
    }

    .article--brand img {
        display: block;
        float: unset;
        margin: 0 auto 20px!important;
        max-width: 80px
    }
}

.title {
    display: block;
    height: auto;
    margin: 0 0 20px;
    width: 100%
}

.title--section {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 0 30px;
    position: relative;
    text-align: center
}

.title--section h2 {
    background-color: #fff;
    color: var(--main-color);
    font-size: 20px;
    margin: 0;
    padding: 0 20px;
    z-index: 2
}

.title--section:before {
    background-color: #f0f0f0;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(50%);
    width: 60%;
    z-index: 0
}

.title--small {
    font-size: 14px;
    margin: 0 0 10px
}

.title--inline {
    display: inline-block;
    float: right;
    margin: 0 0 0 10px;
    width: auto
}

body.salla-theme_6 .title--section h2 {
    background-color: #f6f6f6
}

body.salla-default .title--section h2 {
    background-color: #f4f4f4
}

.product-details__s-features {
    margin: 30px 0
}

.product-details__s-features .s-features {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative
}

.product-details__s-features .s-features li {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    flex-direction: row;
    justify-content: center;
    margin: 0 0 0 5px
}

.product-details__s-features .s-features li i {
    color: var(--main-color);
    display: inline-block;
    font-size: 16px;
    margin: 0 0 0 8px;
    transform: translateY(3px);
    vertical-align: middle
}

.product-details__s-features .s-features li h4 {
    font-size: 14px;
    line-height: 1
}

.product-details__s-features .s-features li:last-child {
    margin: 0
}

@media only screen and (max-width: 767px) {
    .product-details__s-features {
        margin:0 0 30px
    }

    .product-details__s-features .s-features {
        flex-direction: column
    }

    .product-details__s-features .s-features li {
        margin: 0 0 18px
    }
}

.form-control.single_product_quantity {
    -moz-appearance: textfield
}

.form-control.single_product_quantity::-webkit-inner-spin-button,.form-control.single_product_quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.qty-field--custom {
    align-items: center;
    display: flex!important;
    flex-direction: row;
    height: auto;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.qty-field--custom .form-control.single_product_quantity {
    border-color: #dcdcdc!important;
    border-left: none;
    border-radius: 0!important;
    border-right: none;
    flex: auto;
    font-weight: 700;
    height: 36px;
    margin: 0!important;
    max-width: 100%;
    text-align: center;
    -webkit-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: auto;
    width: calc(100% - 100px)
}

.qty-field--custom .btn--qty-add,.qty-field--custom .btn--qty-sub {
    background: #fff;
    border: 1px solid #dcdcdc;
    flex: 0 0 50px;
    height: 36px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.qty-field--custom .btn--qty-add i,.qty-field--custom .btn--qty-sub i {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    transform: translateY(-1px);
    vertical-align: middle
}

.qty-field--custom .btn--qty-add:active,.qty-field--custom .btn--qty-add:focus,.qty-field--custom .btn--qty-add:hover,.qty-field--custom .btn--qty-sub:active,.qty-field--custom .btn--qty-sub:focus,.qty-field--custom .btn--qty-sub:hover {
    background: 0 0;
    border-color: #dcdcdc;
    box-shadow: none;
    color: #555!important
}

.qty-field--custom .btn--qty-add {
    border-left: none;
    border-radius: 0 3px 3px 0!important
}

.qty-field--custom .btn--qty-add:before {
    left: 0;
    right: auto!important
}

.qty-field--custom .btn--qty-sub {
    border-radius: 3px 0 0 3px!important;
    border-right: none
}

.qty-field--custom .btn:before {
    background: #dcdcdc;
    content: "";
    height: 80%;
    position: absolute;
    right: 0;
    top: 10%;
    width: 1px
}

.qty-field--custom:hover .btn,.qty-field--custom:hover .form-control {
    border-color: #c3c3c3!important
}

@media only screen and (max-width: 480px) {
    .qty-field--custom .btn--qty-add,.qty-field--custom .btn--qty-sub {
        flex:0 0 40px
    }
}

.qty-field--custom.has-error .btn,.qty-field--custom.has-error .btn:focus,.qty-field--custom.has-error .btn:hover,.qty-field--custom.has-error .form-control,.qty-field--custom.has-error .form-control:focus,.qty-field--custom.has-error .form-control:hover {
    border-color: #e2384d!important
}

body.font-dinnextltarabic-regular .qty-field--custom .btn--qty-add,body.font-dinnextltarabic-regular .qty-field--custom .btn--qty-sub {
    padding-top: 4px
}

body.font-amazon-ember .qty-field--custom .btn--qty-add,body.font-amazon-ember .qty-field--custom .btn--qty-sub,body.font-apple .qty-field--custom .btn--qty-add,body.font-apple .qty-field--custom .btn--qty-sub {
    padding-bottom: 6px
}

body.font-estedad .qty-field--custom .btn--qty-add,body.font-estedad .qty-field--custom .btn--qty-sub {
    height: 36px
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%!important
}

.side-menu__heading {
    font-size: 20px
}

@media(max-width: 992px) {
    .side-menu__heading {
        font-size:20px
    }
}

.side-menu__ul li a {
    border-bottom: 1px solid #f0f0f0;
    display: block;
    height: auto;
    padding: 0 0 11px;
    width: 100%
}

.side-menu__ul li a:hover {
    text-decoration: underline
}

.side-menu__ul li.active a {
    color: var(--color-main-reverse)
}

.side-menu__ul li:last-child a {
    border-bottom: none
}

@media(max-width: 992px) {
    .side-menu__ul li {
        font-size:16px
    }
}

.side-menu__close {
    display: none
}

@media(max-width: 992px) {
    .side-menu {
        background:#fff;
        height: 100%;
        left: 0;
        max-width: 350px;
        overflow-y: scroll;
        padding: 20px;
        position: fixed;
        text-align: right;
        top: 0;
        transform: translateX(-100%);
        transition: all .3s;
        width: 80%;
        z-index: 5000
    }

    .side-menu.is-active {
        box-shadow: -4px 0 7px 0 rgba(0,0,0,.15);
        transform: translateX(0)
    }

    .side-menu__overlay {
        background: rgba(0,0,0,.5);
        height: 100%;
        left: 0;
        position: fixed;
        top: 0;
        visibility: hidden;
        width: 100%;
        z-index: 3000
    }

    .side-menu__overlay.is-active {
        visibility: visible
    }

    .side-menu__close {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: 0 0;
        border: 0;
        border-radius: 0;
        color: #e2384d;
        cursor: pointer;
        display: block;
        font-size: 20px;
        height: 50px;
        left: 10px;
        line-height: 1;
        padding: 15px;
        position: absolute;
        top: 15px;
        transition: color .3s;
        width: 50px;
        z-index: 90
    }

    .side-menu__close i {
        line-height: 1!important
    }
}

.side-menu.shift-up {
    padding-top: 50px
}

.side-menu.shift-up .side-menu__close {
    top: 40px
}

.virtooal {
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    margin: 15px 0
}

@media screen and (min-width: 768px) {
    .virtooal {
        padding:10px
    }
}

.virtooal--content {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.virtooal--details {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: center
}

@media only screen and (max-width: 768px) {
    .virtooal--details {
        display:none
    }
}

.virtooal--details--title {
    color: #1f2937;
    font-size: 16px;
    font-weight: 700
}

.virtooal--details--desc {
    color: #7c8082;
    font-size: 13px;
    font-weight: 400
}

@media only screen and (max-width: 768px) {
    .virtooal--action {
        width:100%
    }
}

.virtooal--action button {
    align-items: center;
    background: var(--main-text-color);
    border: 1px solid var(--main-text-color);
    border-radius: 3px;
    color: #fff!important;
    display: flex;
    flex-direction: row;
    font-size: 18px;
    height: 38px;
    justify-content: center;
    padding: 8px 30px 12px
}

@media only screen and (max-width: 768px) {
    .virtooal--action button {
        height:45px;
        width: 100%
    }
}

.virtooal--action button .icon {
    height: 14px;
    margin-left: .75rem;
    width: 14px
}

#receipt_container.rec {
    background-color: #fff;
    margin: 20px auto;
    max-width: unset
}

#receipt_container.rec a {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#receipt_container.rec .rec__wrapper {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 5px;
    margin: 0 0 15px
}

#receipt_container.rec .rec__header {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 15px 15px 15px 60px;
    width: 100%
}

#receipt_container.rec .rec__header>span {
    display: inline-block;
    flex: 0 0 40px;
    margin-left: 10px
}

#receipt_container.rec .rec__header>div.title {
    flex: 1 0 auto;
    font-weight: 700;
    padding-left: 20px;
    text-align: right
}

#receipt_container.rec .rec__header>div.title * {
    display: block;
    width: 100%
}

#receipt_container.rec .rec__header>div.title small {
    color: #646464;
    font-size: 10px
}

#receipt_container.rec .rec__header>div.title h3t {
    font-size: 30px
}

#receipt_container.rec .rec__header>a.btn-follow {
    align-items: center;
    border: 2px solid #a2c870;
    border-radius: 5px;
    color: #a2c870;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: center;
    padding: 3px 20px 7px
}

#receipt_container.rec .rec__header>a.btn-follow:hover {
    background-color: #a2c870;
    color: #fff
}

@media only screen and (max-width: 480px) {
    #receipt_container.rec .rec__header {
        flex-direction:column;
        padding: 15px
    }

    #receipt_container.rec .rec__header>span {
        margin: 0 0 5px
    }

    #receipt_container.rec .rec__header>div.title {
        padding: 0;
        text-align: center
    }

    #receipt_container.rec .rec__header>div.title h3 {
        margin-top: -3px
    }

    #receipt_container.rec .rec__header>a {
        margin-top: 15px
    }
}

#receipt_container.rec .rec__share {
    background-color: hsla(0,0%,93%,.4);
    border: 1px solid hsla(0,0%,93%,.6);
    border-radius: 5px;
    margin: 0 auto 30px;
    padding: 15px 20px;
    width: calc(100% - 60px)
}

#receipt_container.rec .rec__share>h3 {
    font-size: 14px;
    margin-bottom: 5px
}

#receipt_container.rec .rec__share textarea {
    height: auto;
    min-height: 38px;
    padding: 20px 5px 5px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width: 767px) {
    #receipt_container.rec .rec__share {
        margin:0 auto 20px;
        padding: 15px;
        width: calc(100% - 40px)
    }

    #receipt_container.rec .rec__share textarea {
        height: auto;
        padding: 10px 5px
    }
}

#receipt_container.rec .rec__support {
    align-items: center;
    background-color: hsla(0,0%,93%,.3);
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    padding: 10px 20px 12px 10px
}

#receipt_container.rec .rec__support h3 {
    flex: 0 0 auto;
    margin-bottom: 8px;
    text-align: right
}

#receipt_container.rec .rec__support h3 i {
    display: inline-block;
    margin-left: 5px;
    transform: translateY(-3px);
    vertical-align: middle
}

#receipt_container.rec .rec__support ul {
    align-items: center;
    display: flex;
    flex: 1 0 75%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0
}

#receipt_container.rec .rec__support ul li {
    display: inline-block;
    margin: 5px
}

#receipt_container.rec .rec__support ul li a {
    align-items: center;
    background-color: #eee;
    border-radius: 4px;
    color: #615a5a;
    direction: ltr;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 4px 10px 8px;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

#receipt_container.rec .rec__support ul li a i {
    margin: 2px 8px 0 0
}

#receipt_container.rec .rec__support ul li a:hover {
    background-color: #e6e6e6;
    color: #615a5a
}

@media only screen and (max-width: 480px) {
    #receipt_container.rec .rec__support,#receipt_container.rec .rec__support ul {
        align-items:center;
        flex-direction: column
    }
}

#receipt_container.rec .rec__content {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 30px
}

#receipt_container.rec .rec__content article {
    margin-left: 20px;
    text-align: right
}

#receipt_container.rec .rec__content article h2 {
    color: #a2c870;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

#receipt_container.rec .rec__content article h2 i,#receipt_container.rec .rec__content article h2 svg {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

#receipt_container.rec .rec__content article p {
    color: #615a5a;
    font-size: 14px
}

#receipt_container.rec .rec__content .loyalty-strength {
    align-items: center;
    background-color: rgba(255,220,100,.05);
    border: 4px solid rgba(255,220,100,.5);
    border-radius: 5px;
    display: flex;
    flex: 0 0 250px;
    flex-direction: column;
    justify-content: center;
    padding: 25px 15px
}

#receipt_container.rec .rec__content .loyalty-strength h2 {
    color: #ffba57;
    font-size: 16px;
    margin: 0 0 8px
}

#receipt_container.rec .rec__content .loyalty-strength h2 svg {
    margin: 0 auto
}

#receipt_container.rec .rec__content .loyalty-strength p {
    color: #a27130
}

#receipt_container.rec .rec__content .loyalty-strength p b {
    color: #efa544;
    display: inline-block;
    margin: 0 5px
}

@media only screen and (max-width: 767px) {
    #receipt_container.rec .rec__content {
        flex-direction:column;
        padding: 30px 20px
    }

    #receipt_container.rec .rec__content article {
        margin: 30px 0 0;
        order: 1;
        padding: 0
    }

    #receipt_container.rec .rec__content .loyalty-strength {
        flex: 1 0 auto;
        order: 0;
        width: 100%
    }
}

#receipt_container.rec .rec__footer * {
    color: #a5a5a5;
    font-size: 14px
}

#receipt_container.rec .rec__footer a:hover {
    color: #615a5a;
    text-decoration: underline
}

#receipt_container.rec-new {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    margin: 20px auto;
    max-width: unset;
    overflow: hidden
}

#receipt_container.rec-new a {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#receipt_container.rec-new .rec__header {
    align-items: center;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    padding: 3rem 1.5rem 1.5rem;
    position: relative
}

#receipt_container.rec-new .rec__header * {
    color: #9c9c9c;
    z-index: 10
}

#receipt_container.rec-new .rec__header .icon-holder {
    height: 80px;
    position: relative;
    width: 80px
}

#receipt_container.rec-new .rec__header .icon-holder svg {
    height: 100%;
    width: 100%
}

#receipt_container.rec-new .rec__header .icon-holder svg #confetti {
    fill: #fff
}

#receipt_container.rec-new .rec__header .icon-holder:after,#receipt_container.rec-new .rec__header .icon-holder:before {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 80%;
    content: "";
    display: block;
    height: 50px;
    position: absolute;
    top: 50%;
    width: 140px
}

#receipt_container.rec-new .rec__header .icon-holder:before {
    background-image: url(/stores/images/spark-bg-left.svg);
    right: 0;
    transform: translateY(-50%) translateX(100%)
}

#receipt_container.rec-new .rec__header .icon-holder:after {
    background-image: url(/stores/images/spark-bg-right.svg);
    left: 0;
    transform: translateY(-50%) translateX(-100%);
    -webkit-transform: translateY(-50%) translateX(-100%);
    -moz-transform: translateY(-50%) translateX(-100%);
    -ms-transform: translateY(-50%) translateX(-100%);
    -o-transform: translateY(-50%) translateX(-100%)
}

#receipt_container.rec-new .rec__header h3 {
    align-items: center;
    color: var(--main-text-color-dark);
    display: flex;
    flex-direction: column;
    font-size: 30px;
    justify-content: center;
    margin-bottom: 15px
}

#receipt_container.rec-new .rec__header h3 span {
    color: #9c9c9c;
    font-size: .95rem;
    margin: .5rem
}

#receipt_container.rec-new .rec__header h3 span a {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#receipt_container.rec-new .rec__header h3 span a:hover {
    color: #666
}

#receipt_container.rec-new .rec__header .order-no {
    align-items: center;
    border: 2px solid var(--main-text-color-dark);
    border-radius: 3px;
    color: #555;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-size: 22px;
    justify-content: center;
    margin: .5rem;
    padding: 10px 15px 11px!important
}

#receipt_container.rec-new .rec__header .order-no span {
    color: #474747
}

#receipt_container.rec-new .rec__header .order-no b {
    color: var(--main-text-color-dark);
    display: inline-block;
    font-family: Arial;
    font-weight: 500;
    line-height: 1;
    margin: 0 5px;
    text-align: right;
    transform: none!important;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    vertical-align: middle
}

#receipt_container.rec-new .rec__header .order-no i.copy-icon {
    color: var(--main-text-color-dark);
    font-weight: 400;
    height: 18px;
    transform: translateY(-2px);
    width: 18px
}

#receipt_container.rec-new .rec__header .trace-detail {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

#receipt_container.rec-new .rec__header .trace-detail small {
    background: var(--main-text-color-dark);
    border: 1px solid var(--main-text-color-dark);
    border-radius: 3px;
    font-size: 14px;
    height: 36px;
    margin-top: 5px
}

#receipt_container.rec-new .rec__header .trace-detail small a {
    align-items: center;
    color: #fff;
    display: inline-flex;
    font-size: inherit;
    height: 100%;
    padding: 6px 15px 9px;
    position: relative;
    width: 100%
}

#receipt_container.rec-new .rec__header .trace-detail small a i {
    color: inherit;
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle
}

#receipt_container.rec-new .rec__header .trace-detail small:after {
    background-color: #c7c7c7;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 5px;
    margin: 0 10px 0 13px;
    vertical-align: middle;
    width: 5px
}

#receipt_container.rec-new .rec__header .trace-detail small:last-child:after {
    display: none
}

#receipt_container.rec-new .rec__header .loyalty-strength {
    align-items: center;
    background-color: #f1f1f1;
    border-radius: 50px;
    display: flex;
    flex-direction: row;
    font-size: 13px;
    justify-content: center;
    margin: 15px 0;
    padding: 4px 13px 5px
}

#receipt_container.rec-new .rec__header .loyalty-strength svg {
    display: inline-block;
    height: 18px;
    margin: 0 0 0 5px;
    width: 18px
}

#receipt_container.rec-new .rec__header .loyalty-strength span,#receipt_container.rec-new .rec__header .loyalty-strength span * {
    color: #ec9823
}

@media only screen and (max-width: 767px) {
    #receipt_container.rec-new .rec__header .icon-holder {
        height:50px;
        width: 50px
    }

    #receipt_container.rec-new .rec__header .icon-holder:after,#receipt_container.rec-new .rec__header .icon-holder:before {
        height: 40px;
        width: 100px
    }

    #receipt_container.rec-new .rec__header h2 {
        font-size: 1.5rem
    }
}

#receipt_container.rec-new .rec__content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 30px 20px
}

#receipt_container.rec-new .rec__content article {
    margin: 0 0 20px;
    text-align: right;
    width: 100%
}

#receipt_container.rec-new .rec__content article h2 {
    color: var(--main-text-color-dark);
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px
}

#receipt_container.rec-new .rec__content article h2 i,#receipt_container.rec-new .rec__content article h2 svg {
    display: inline-block;
    margin: 0 0 2px 5px;
    vertical-align: middle
}

#receipt_container.rec-new .rec__content article h2 i g,#receipt_container.rec-new .rec__content article h2 svg g {
    fill: var(--main-color)
}

#receipt_container.rec-new .rec__content article p {
    color: #615a5a;
    font-size: 15px
}

#receipt_container.rec-new .rec__content article ul.download-list li {
    align-items: flex-start;
    color: #717171;
    display: flex;
    flex-direction: row;
    font-size: 14px;
    justify-content: space-between;
    margin: 15px 0
}

#receipt_container.rec-new .rec__content article ul.download-list li>span i {
    color: inherit;
    display: inline-block;
    margin: 0 0 0 5px;
    vertical-align: middle
}

#receipt_container.rec-new .rec__content article ul.download-list li>span b {
    font-size: 14px;
    font-weight: 400;
    word-break: break-all
}

#receipt_container.rec-new .rec__content article ul.download-list li>span small {
    color: #e0e0e0;
    display: inline-block;
    font-size: 12px;
    margin: 0 0 0 5px
}

#receipt_container.rec-new .rec__content article ul.download-list li>span .btn {
    font-size: 12px;
    height: 27px;
    line-height: 1;
    padding: 3px 7px
}

#receipt_container.rec-new .rec__content article ul.download-list li>span .btn i {
    color: inherit
}

#receipt_container.rec-new .rec__content article ul.download-list li>span:first-child {
    flex: 1 0 50%;
    padding-left: 30px
}

@media only screen and (max-width: 374px) {
    #receipt_container.rec-new .rec__content article ul.download-list li {
        align-items:flex-start;
        flex-direction: column
    }

    #receipt_container.rec-new .rec__content article ul.download-list li span:first-child {
        margin: 0 0 10px;
        padding: 0
    }
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid {
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    padding: 8px 8px 8px 12px
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li {
    border-bottom: 1px solid #f0f0f0;
    margin: 0;
    padding: 8px 0
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li>* {
    flex: 0 0 50%
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li>span {
    margin: 0
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li>span:last-child {
    text-align: left
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy {
    background-color: transparent!important;
    border: none;
    margin-right: 10px;
    opacity: .85;
    padding: 0!important
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:before {
    color: #444;
    content: "\efd2";
    font-family: sallaicons;
    font-size: 13px
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy>span {
    background-color: #444;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 9px;
    left: 50%;
    opacity: 0!important;
    opacity: 1;
    padding: 7px 8px;
    position: absolute;
    top: -2px;
    transform: translate(-50%,-100%);
    transition: all .35s cubic-bezier(.2,1,.3,1);
    visibility: hidden
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy>span:after {
    border: 6px solid transparent;
    border-top-color: #444;
    bottom: -11px;
    content: "";
    left: 50%;
    position: absolute;
    transform: translateX(-50%)
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:active,#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:focus,#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:hover {
    box-shadow: none!important;
    color: #333!important;
    opacity: 1
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:active>span,#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:focus>span,#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:hover>span {
    opacity: 1!important;
    visibility: visible
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:active,#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:focus {
    opacity: .8
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn.copied {
    pointer-events: none
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn.copied:before {
    color: #5dd5c4;
    content: "\ea9b"
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li:first-child {
    padding-top: 0
}

#receipt_container.rec-new .rec__content article ul.download-list.table-grid li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

@media only screen and (max-width: 480px) {
    #receipt_container.rec-new .rec__content article ul.download-list.table-grid li {
        align-items:flex-start;
        flex-direction: column
    }

    #receipt_container.rec-new .rec__content article ul.download-list.table-grid li>span:first-child {
        margin-bottom: 10px;
        padding-left: 0
    }

    #receipt_container.rec-new .rec__content article ul.download-list.table-grid li>span:last-child {
        cursor: pointer;
        position: relative
    }

    #receipt_container.rec-new .rec__content article ul.download-list.table-grid li>span:last-child>button {
        position: static
    }

    #receipt_container.rec-new .rec__content article ul.download-list.table-grid li>span:last-child>button span {
        top: -4px
    }

    #receipt_container.rec-new .rec__content article ul.download-list.table-grid li>span:last-child:hover>button {
        opacity: 1
    }

    #receipt_container.rec-new .rec__content article ul.download-list.table-grid li>span:last-child:hover>button span {
        opacity: 1!important;
        visibility: visible!important
    }
}

#receipt_container.rec-new .rec__content article:last-child {
    margin: 0
}

#receipt_container.rec-new .rec__content .btn-load-elements {
    border-radius: 3px;
    font-size: 15px;
    height: 40px;
    margin: 0 auto;
    max-width: 170px;
    padding-top: 3px;
    width: 35%
}

#receipt_container.rec-new .rec__content .btn-load-elements i {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    #receipt_container.rec-new .rec__content .btn-load-elements {
        width:75%
    }

    #receipt_container.rec-new .rec__content {
        padding: 20px
    }
}

#receipt_container.rec-new .rec__share {
    border-top: 1px solid #f5f5f5;
    margin: 0 auto;
    padding: 1.5rem 30px;
    width: 100%
}

#receipt_container.rec-new .rec__share>h3 {
    font-size: 14px;
    margin-bottom: 5px
}

#receipt_container.rec-new .rec__share textarea {
    height: auto;
    min-height: 38px;
    padding: 20px 5px 5px;
    text-align: center;
    width: 100%
}

@media only screen and (max-width: 767px) {
    #receipt_container.rec-new .rec__share {
        margin:0 auto 20px;
        padding: 15px;
        width: calc(100% - 40px)
    }

    #receipt_container.rec-new .rec__share textarea {
        height: auto;
        padding: 10px 5px
    }
}

#receipt_container.rec-new .rec__support {
    align-items: center;
    background-color: #f5f5f5;
    display: flex;
    flex-direction: row;
    font-size: .85rem;
    justify-content: flex-start;
    padding: 10px 20px 12px 10px
}

#receipt_container.rec-new .rec__support h3 {
    flex: 0 0 auto;
    text-align: right
}

#receipt_container.rec-new .rec__support h3 i {
    display: inline-block;
    margin-left: 5px;
    transform: translateY(-3px);
    vertical-align: middle
}

#receipt_container.rec-new .rec__support ul {
    align-items: center;
    display: flex;
    flex: 1 0 75%;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 0
}

#receipt_container.rec-new .rec__support ul li {
    display: inline-block;
    margin: 5px 10px
}

#receipt_container.rec-new .rec__support ul li a {
    align-items: center;
    color: #615a5a;
    direction: ltr;
    display: flex;
    flex-direction: row;
    font-family: Arial;
    justify-content: center;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

#receipt_container.rec-new .rec__support ul li a i {
    margin: 2px 8px 0 0
}

#receipt_container.rec-new .rec__support ul li a:hover {
    color: #3b3434
}

@media only screen and (max-width: 480px) {
    #receipt_container.rec-new .rec__support {
        align-items:center;
        flex-direction: column
    }

    #receipt_container.rec-new .rec__support ul {
        justify-content: center
    }
}

@media only screen and (max-width: 767px) {
    #receipt_container {
        width:100%!important
    }
}

.rec__proceed.store-basic {
    display: flex;
    width: 88%
}

.rec__proceed.store-basic .btn,.rec__proceed.store-basic .cart-nav-submit {
    max-width: unset!important;
    width: 100%!important
}

.rec__proceed.store-basic .btn {
    padding: 11px 10px
}

.rec__proceed.store-basic .cart-nav-submit {
    margin-left: 20px
}

@media only screen and (max-width: 767px) {
    .rec__proceed.store-basic {
        flex-direction:column;
        width: 100%
    }

    .rec__proceed.store-basic .cart-nav-submit {
        margin: 0 0 15px
    }
}

.rec-new__footer {
    margin: 20px auto;
    width: 88%
}

.rec-new__footer * {
    color: #a5a5a5;
    font-size: 12px;
    text-align: center
}

.rec-new__footer a:hover {
    color: #615a5a;
    text-decoration: underline
}

#resend_invoice .form-control {
    font-family: Arial;
    height: 40px;
    padding-left: 80px;
    text-align: right;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

#resend_invoice .btn {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

.cart-nav-submit.receipt-back {
    padding: 10px 10px 14px;
    position: relative
}

.cart-nav-submit.receipt-back i {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%)
}

body.salla-default #receipt_container h1,body.salla-default #receipt_container h2,body.salla-default #receipt_container h3,body.salla-default #receipt_container h4,body.salla-default #receipt_container h5,body.salla-default #receipt_container h6 {
    margin-top: 0
}

body.salla-default #receipt_container.rec-new .rec__header h3 {
    font-size: 25px
}

body.salla-default #receipt_container.rec-new .rec__header .order-no {
    font-size: 18px;
    margin: 0 0 10px
}

body.salla-default #receipt_container.rec-new .rec__content {
    padding: 15px
}

body.salla-default #receipt_container.rec-new .rec__content #files ul.download-list {
    padding: 0
}

body.salla-default #receipt_container.rec-new .rec__content #files ul.download-list .btn.btn-dload {
    padding-top: 5px
}

body.salla-default #receipt_container.rec-new .rec__content .btn.btn-load-elements {
    padding-top: 6px;
    width: 40%
}

body.salla-default #receipt_container.rec-new .rec__share>h3 {
    margin: 0 0 10px
}

body.salla-default #receipt_container.rec-new .rec__support h3 {
    font-size: 15px;
    margin: 0
}

body.salla-default #receipt_container.rec-new .rec__support h3 i {
    transform: translateY(-2px)
}

body.salla-default #receipt_container.rec-new .rec__support ul li a {
    font-size: 11px
}

body.salla-default #resend_invoice .form-control {
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.05);
    font-family: Arial;
    height: 40px;
    padding-left: 80px;
    text-align: right;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

body.salla-default #resend_invoice .btn {
    border-radius: 10px 0 0 10px;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0
}

body.font-dinnextltarabic-regular #receipt_container.rec-new .rec__header .order-no {
    padding: 5px 10px 10px
}

body.font-dinnextltarabic-regular #receipt_container.rec-new .rec__header .order-no b {
    transform: translateY(4px)
}

body.font-dinnextltarabic-regular #receipt_container.rec-new .rec__content #files ul.download-list .btn.btn-dload {
    padding: 5px 7px 3px
}

body.font-amazon-ember #receipt_container.rec-new .rec__header .order-no {
    padding: 5px 10px
}

body.font-amazon-ember #receipt_container.rec-new .rec__content .btn.btn-load-elements {
    padding-top: 6px
}

body.font-amazon-ember #receipt_container.rec-new .rec__content #files ul.download-list .btn.btn-dload {
    padding: 6px 7px 3px
}

body.font-apple #receipt_container.rec-new .rec__content .btn.btn-load-elements {
    padding-top: 6px
}

body.font-apple #receipt_container.rec-new .rec__content #files ul.download-list .btn.btn-dload {
    padding: 6px 7px 3px
}

body.font-dubai #receipt_container.rec-new .rec__content .btn.btn-load-elements {
    padding-top: 6px
}

body.font-dubai #receipt_container.rec-new .rec__content #files ul.download-list .btn.btn-dload {
    padding: 6px 7px 3px
}

body.font-estedad #receipt_container.rec-new .rec__content .btn.btn-load-elements {
    padding-top: 4px
}

body.font-estedad #receipt_container.rec-new .rec__content #files ul.download-list .btn.btn-dload {
    padding: 1px 7px 3px
}

.customer-td .media-left a img.img-circle {
    border-radius: 0
}

.customer-td .media-left h6 {
    margin: 0 0 5px
}

.customer-td .media-left h6 a {
    color: #333
}

.customer-td .media-left .text-muted ul {
    display: block;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%
}

.customer-td .media-left .text-muted ul li a {
    color: #636362
}

.customer-td .media-left .text-muted ul li a:hover {
    text-decoration: underline
}

.customer-td .media-left:last-child {
    width: 100%
}

.rated-order {
    align-items: center;
    background-color: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px 15px 10px 10px
}

.rated-order:not(:last-of-type) {
    margin-bottom: 15px
}

.rated-order:before {
    color: #666;
    content: "\e9f5";
    font-family: sallaicons;
    font-size: 18px
}

.rated-order h5 {
    flex: auto;
    margin-right: 22px;
    position: relative
}

.rated-order h5:before {
    background: #f0f0f0;
    content: "";
    height: 100%;
    position: absolute;
    right: -9px;
    width: 1px
}

.rated-order h5 span {
    font-weight: 700;
    margin-right: 4px
}

.rated-order .btn {
    padding: 5px 20px
}

.rated-order .btn.rated {
    background-color: #fad34b;
    color: #444;
    font-weight: 600
}

.rated-order .btn.rated i {
    color: #444;
    margin-left: 6px
}

.rated-order .btn.rated:hover {
    border-color: transparent;
    opacity: .8
}

#shipping_options {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0 0 1.5rem
}

#shipping_options button.btn {
    background: 0 0;
    border: 1px solid #f3f3f3;
    border-radius: 5px;
    box-shadow: none;
    height: 50px;
    margin-left: 6px;
    padding: 7px 36px 10px 12px;
    text-align: right;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 25%
}

#shipping_options button.btn i {
    color: #848484;
    display: inline-block;
    font-size: 15px;
    margin-left: 4px;
    vertical-align: middle
}

#shipping_options button.btn:after,#shipping_options button.btn:before {
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#shipping_options button.btn:before {
    border: 2px solid #dadada;
    height: 18px;
    right: 10px;
    width: 18px
}

#shipping_options button.btn:after {
    background: #dadada;
    height: 8px;
    opacity: 0;
    right: 15px;
    transform: translateY(-50%) scale(0);
    width: 8px
}

#shipping_options button.btn:hover {
    background-color: #fdfdfd!important
}

#shipping_options button.btn:last-child {
    margin: 0!important
}

#shipping_options button.btn.active {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: #fff
}

#shipping_options button.btn.active * {
    color: #fff
}

#shipping_options button.btn.active:hover {
    background-color: var(--main-color)!important;
    border-color: var(--main-color)
}

#shipping_options button.btn.active:before {
    border-color: #fff
}

#shipping_options button.btn.active:after {
    background-color: #fff;
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

@media only screen and (max-width: 767px) {
    #shipping_options button.btn {
        width:calc(50% - 4px)
    }
}

@media only screen and (max-width: 375px) {
    #shipping_options button.btn {
        height:40px;
        margin-left: 4px;
        padding: 7px 25px 10px 12px
    }

    #shipping_options button.btn:before {
        height: 15px;
        right: 5px;
        width: 15px
    }

    #shipping_options button.btn:after {
        height: 7px;
        right: 9px;
        width: 7px
    }
}

#pickup-branches {
    background-color: #fff;
    border-radius: 10px;
    margin: 0 0 10px;
    position: relative
}

#pickup-branches .section-title {
    margin: 0!important;
    padding: 15px 0!important
}

@media only screen and (max-width: 480px) {
    #pickup-branches .section-title {
        padding-right:10px!important;
        text-align: right
    }
}

#pickup-branches .content {
    border: 1px solid #eee;
    border-radius: 0 0 5px 5px;
    padding: 0
}

#pickup-branches .pickup-region {
    padding: 20px
}

#pickup-branches .closest-location {
    padding: 0 20px
}

#pickup-branches .closest-location .btn.branch-closest {
    border: 1px solid #eee;
    border-radius: 5px;
    color: #989898;
    font-size: 12px;
    padding: 4px 38px 6px 10px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#pickup-branches .closest-location .btn.branch-closest i {
    display: inline-block;
    font-size: 12px;
    margin-left: 5px;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle
}

#pickup-branches .closest-location .btn.branch-closest:before {
    background: rgba(0,0,0,.04);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 30px
}

#pickup-branches .branches-list {
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%
}

#pickup-branches .branches-list li {
    align-items: center;
    border-bottom: 1px solid #eee;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    position: relative
}

#pickup-branches .branches-list li .option-cont {
    width: 100%
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked) {
    display: none
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label {
    color: #666;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    margin: 0;
    padding: 20px 45px 20px 20px;
    position: relative;
    width: 100%
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label h4,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label h4 {
    color: #4a4a4a;
    font-size: 15px;
    margin: 0;
    padding: 0 0 0 80px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label h4 b,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label h4 b {
    color: #a0a0a0;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin: 0 5px 0 0;
    vertical-align: middle
}

@media only screen and (max-width: 767px) {
    #pickup-branches .branches-list li .option-cont input[type=radio]:checked+label h4 b,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label h4 b {
        display:block;
        margin: 5px 0 0
    }
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label span,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label span {
    font-size: 13px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label span b,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label span b {
    display: inline-block;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 0 3px;
    position: relative
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label span b:before,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label span b:before {
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 6px;
    margin-left: 5px;
    vertical-align: middle;
    width: 6px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail {
    border: 1px solid #eee;
    border-radius: 5px;
    cursor: default;
    display: none;
    margin: 10px 0 0;
    overflow: hidden;
    transform: translateX(25px);
    width: calc(100% + 25px)
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .map-placeholder,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .map-placeholder {
    align-items: center;
    background: #eee;
    display: flex;
    flex-direction: row;
    height: 200px;
    justify-content: center;
    width: 100%
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .map-placeholder h4,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .map-placeholder h4 {
    color: #c1c1c1;
    font-size: 14px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 15px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div {
    align-items: flex-start;
    display: flex;
    flex: 1 0 100%;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 0 15px;
    width: 100%
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours {
    display: block
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul {
    grid-gap: 15px;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    margin: 10px 0 0
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li {
    margin: 0!important;
    width: auto
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont {
    border: 1px solid #f7f7f7;
    border-radius: 4px;
    height: 100%;
    padding: 10px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont span,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont span {
    display: block;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 5px;
    width: 100%
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont span:before,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont span:before {
    color: #b7b7b7;
    content: "\ea2b";
    display: inline-block;
    font-family: sallaicons;
    margin: 0 0 0 5px;
    vertical-align: middle
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    position: relative
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li {
    align-items: center;
    border-bottom: 1px solid #f7f7f7;
    display: inline-flex;
    justify-content: flex-start;
    padding-bottom: 5px;
    width: 100%
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li b,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li b {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    vertical-align: middle
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li b:first-child,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li b:first-child {
    padding-left: 5px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li b:last-child,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li b:last-child {
    padding-right: 5px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li b:before,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li b:before {
    display: none
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li:last-child,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul li .bd-working-hours-cont ul li:last-child {
    padding-bottom: 0!important
}

@media only screen and (max-width: 767px) {
    #pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours>ul,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours>ul {
        grid-gap:8px;
        grid-template-columns: repeat(2,1fr)
    }
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div h4,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div h4 {
    font-size: 14px;
    margin: 0;
    padding: 0
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div ul,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div ul {
    list-style: none;
    margin: 0;
    padding: 0
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div ul li,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div ul li {
    border: none;
    display: inline-block;
    font-size: 13px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div ul li a,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div ul li a {
    background: #eee;
    color: var(--color-text);
    font-size: 13px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div ul li a i,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div ul li a i {
    color: #868686;
    display: inline-block;
    margin-left: 4px;
    transform: translateY(-2px);
    vertical-align: middle
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div ul li a:hover,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div ul li a:hover {
    color: #9c9c9c
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div small,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div small {
    color: #9c9c9c;
    display: block;
    font-size: 1rem;
    margin: 5px 0
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-contact ul li,#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours ul li,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-contact ul li,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours ul li {
    margin: 0
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-contact ul li a,#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours ul li a,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-contact ul li a,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours ul li a {
    background-color: hsla(0,0%,93%,.5);
    border-radius: 50px;
    display: block;
    padding: 4px 10px 5px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-contact ul li a:hover,#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours ul li a:hover,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-contact ul li a:hover,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours ul li a:hover {
    background-color: hsla(0,0%,93%,.8);
    color: unset
}

@media only screen and (max-width: 767px) {
    #pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-contact ul li,#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div.bd-working-hours ul li,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-contact ul li,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div.bd-working-hours ul li {
        margin:4px 0
    }
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont>div:last-child,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont>div:last-child {
    margin: 0
}

@media only screen and (max-width: 767px) {
    #pickup-branches .branches-list li .option-cont input[type=radio]:checked+label .branch-detail .cont,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label .branch-detail .cont {
        padding:8px
    }
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label:after,#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label:before,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label:after,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label:before {
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label:before,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label:before {
    border: 2px solid #38b4a4;
    height: 18px;
    right: 15px;
    top: 24px;
    width: 18px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label:after,#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label:after {
    background: #38b4a4;
    height: 8px;
    right: 20px;
    top: 29px;
    width: 8px
}

#pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked)+label:after {
    opacity: 0;
    transform: scale(0)
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked+label:after {
    opacity: 1;
    transform: scale(1)
}

#pickup-branches .branches-list li .btn.option-detail {
    border: 1px solid transparent;
    border-radius: 50px;
    box-shadow: none;
    font-size: 11px;
    left: 15px;
    line-height: 10px;
    padding: 5px;
    position: absolute;
    top: 25px;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#pickup-branches .branches-list li .btn.option-detail i {
    color: #c4c4c4;
    display: inline-block;
    margin: 0 3px;
    vertical-align: middle
}

#pickup-branches .branches-list li .btn.option-detail i:first-child {
    color: #888
}

#pickup-branches .branches-list li .btn.option-detail.visible,#pickup-branches .branches-list li .btn.option-detail:active,#pickup-branches .branches-list li .btn.option-detail:focus,#pickup-branches .branches-list li .btn.option-detail:hover,#pickup-branches .branches-list li .btn.option-detail:visited {
    background: #f8f8f8
}

@media only screen and (max-width: 767px) {
    #pickup-branches .branches-list li .btn.option-detail {
        left:5px
    }
}

#pickup-branches .branches-list li.open .option-cont {
    width: 100%
}

#pickup-branches .branches-list li.open .option-cont input[type=radio]:checked+label>span b,#pickup-branches .branches-list li.open .option-cont input[type=radio]:not(:checked)+label>span b {
    color: #4dd863
}

#pickup-branches .branches-list li.open .option-cont input[type=radio]:checked+label>span b:before,#pickup-branches .branches-list li.open .option-cont input[type=radio]:not(:checked)+label>span b:before {
    background: #45d65c
}

#pickup-branches .branches-list li.closed .option-cont input[type=radio]:checked+label>span b,#pickup-branches .branches-list li.closed .option-cont input[type=radio]:not(:checked)+label>span b {
    color: #e2384d
}

#pickup-branches .branches-list li.closed .option-cont input[type=radio]:checked+label>span b:before,#pickup-branches .branches-list li.closed .option-cont input[type=radio]:not(:checked)+label>span b:before {
    background: #e12f45
}

#pickup-branches .branches-list li:last-child {
    border: none!important
}

body.salla-theme_6 #shipping_options button.btn:hover:not(.active) {
    background-color: #e5e8ea!important;
    color: #848484
}

body.salla-theme_6 #shipping-list #shipping_div {
    border: 1px solid #eee;
    margin-top: 0
}

body.salla-theme_6 #shipping-list #shipping_div .section-title {
    margin: 0
}

body.salla-default #shipping_options button.btn {
    width: calc(50% - 15px)
}

body.salla-default #shipping_options button.btn:hover:not(.active) {
    background-color: #e5e8ea!important;
    color: #848484
}

body.salla-default #shipping-list .cart-shipping-box {
    background: 0 0;
    margin: 0 0 20px;
    width: 100%
}

body.salla-default #shipping-list .cart-shipping-box .section-title {
    border-radius: 15px 15px 0 0;
    width: 100%
}

body.salla-default #shipping-list .cart-shipping-box>.shipping-address {
    background: #fff;
    margin: 0;
    padding: 20px;
    width: 100%
}

body.salla-default #shipping-list>#shipping_div {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 20px
}

body.salla-default #shipping-list>#shipping_div .section-title {
    background-color: transparent;
    margin: 0;
    padding: 0 0 10px
}

body.salla-default #pickup-branches .section-title {
    border-radius: 15px 15px 0 0;
    width: 100%
}

body.salla-default #pickup-branches .content {
    border: none
}

.rec-cities-wrapper {
    display: block;
    height: auto;
    margin: 0 0 15px;
    width: 100%
}

.ui.fluid.dropdown#cities,.ui.fluid.dropdown#country {
    border: none;
    height: 36px;
    min-height: unset;
    padding: 0;
    position: relative
}

.ui.fluid.dropdown#cities .text,.ui.fluid.dropdown#cities input.search,.ui.fluid.dropdown#country .text,.ui.fluid.dropdown#country input.search {
    font-size: 14px;
    height: 100%;
    padding: 10px 15px 5px!important
}

.ui.fluid.dropdown#cities input.search,.ui.fluid.dropdown#country input.search {
    border: 1px solid #eee!important;
    border-radius: 50px
}

.ui.fluid.dropdown#cities .dropdown.icon,.ui.fluid.dropdown#country .dropdown.icon {
    height: 100%;
    line-height: 36px;
    padding: 0;
    width: 30px
}

.ui.fluid.dropdown#cities .dropdown.icon:before,.ui.fluid.dropdown#country .dropdown.icon:before {
    content: "\ea62"!important;
    font-family: sallaicons!important;
    font-size: 11px
}

.ui.fluid.dropdown#cities .dropdown.icon:after,.ui.fluid.dropdown#country .dropdown.icon:after {
    display: none!important
}

.ui.fluid.dropdown#cities .menu,.ui.fluid.dropdown#country .menu {
    border: 1px solid #ddd!important;
    border-radius: 5px!important;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    margin-top: 4px
}

.ui.fluid.dropdown#cities .menu .item,.ui.fluid.dropdown#country .menu .item {
    color: #333;
    font-size: 13px;
    padding: 8px 15px!important
}

.ui.fluid.dropdown#cities .menu .item.active.selected,.ui.fluid.dropdown#country .menu .item.active.selected {
    color: #000;
    font-weight: 400
}

@media only screen and (min-width: 1200px) {
    .ui.fluid.dropdown#cities .menu,.ui.fluid.dropdown#country .menu {
        max-height:200px
    }
}

.ui.fluid.dropdown#cities.active,.ui.fluid.dropdown#cities.visible,.ui.fluid.dropdown#country.active,.ui.fluid.dropdown#country.visible {
    box-shadow: none!important
}

.ui.fluid.dropdown#cities.loading .dropdown.icon,.ui.fluid.dropdown#country.loading .dropdown.icon {
    display: none
}

#brands_index {
    align-items: center;
    justify-content: center;
    margin: 30px auto;
    max-width: 600px;
    width: 100%
}

#brands_index li {
    margin: 0 5px 10px
}

#brands_index li a {
    align-items: center;
    background: #fafafa;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    font-size: 15px;
    justify-content: center;
    line-height: 1;
    min-height: 30px;
    text-align: center;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 30px
}

#brands_index li:hover a {
    background-color: #ececec
}

#brands_index li.active a {
    background-color: var(--main-color);
    color: #fff
}

#brands_list {
    margin-bottom: 60px
}

@media only screen and (max-width: 992px) {
    #brands_list {
        margin-bottom:30px
    }
}

.brand-section {
    position: relative
}

.brand-section__title {
    justify-content: flex-start;
    padding: 30px 0;
    position: relative;
    width: 100%
}

.brand-section__title,.brand-section__title b {
    align-items: center;
    display: flex;
    flex-direction: row
}

.brand-section__title b {
    border-radius: 4px;
    color: #727272;
    font-size: 18px;
    font-weight: 400;
    justify-content: center;
    line-height: 1;
    min-height: 30px;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 30px
}

.brand-section__title:after {
    background: #eaeaea;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 40px)
}

.brand-section__content .brands-list {
    grid-gap: 10px;
    display: grid;
    grid-auto-rows: minmax(120px,auto);
    grid-template-columns: repeat(6,1fr);
    height: auto;
    margin: 0;
    position: relative;
    width: 100%
}

.brand-section__content .brands-list li {
    display: block;
    margin: 0;
    position: relative;
    width: 100%
}

.brand-section__content .brands-list li a {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    height: 100%;
    justify-content: center;
    padding: 10px;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 100%
}

.brand-section__content .brands-list li a img {
    display: block;
    margin: 0 auto;
    max-height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media only screen and (min-width: 992px) {
    .brand-section__content .brands-list li a:hover {
        box-shadow:0 0 15px rgba(0,0,0,.1)
    }
}

@media only screen and (max-width: 992px) {
    .brand-section__content .brands-list {
        grid-template-columns:repeat(4,1fr)
    }
}

@media only screen and (max-width: 767px) {
    .brand-section__content .brands-list {
        grid-gap:20px;
        grid-auto-rows: minmax(80px,auto);
        grid-template-columns: repeat(2,1fr)
    }

    .brand-section__content .brands-list li a {
        box-shadow: 0 1px 4px rgba(0,0,0,.1)
    }

    .brand-section__content .brands-list li a img {
        max-height: 50px
    }
}

.brand-section.active .brand-section__title b {
    background-color: var(--main-color);
    color: #fff
}

body.font-dinnextltarabic-regular #brands_index li a:not(.center) {
    padding-bottom: 5px
}

body.font-dinnextltarabic-regular .brand-section__title b:not(.center) {
    padding-bottom: 6px
}

body.font-dinnextltarabic-regular .brand-section__title:after {
    top: 53%
}

.brands-placeholder {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 400px;
    padding: 50px;
    width: 100%
}

.brands-placeholder img {
    display: block;
    margin-bottom: 20px;
    width: 200px
}

.brands-placeholder h1 {
    color: var(--color-main);
    font-size: 20px;
    margin: 0 0 10px
}

.brands-placeholder p {
    color: #a9a9a9;
    font-size: 13px;
    margin: 0
}

.product-details__title {
    text-align: right;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.product-details__title.brand-title {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.product-details__title.brand-title img {
    display: inline-block;
    margin: 0 20px 0 0;
    max-height: 50px;
    max-width: 100px
}

.product-details__social-share a:hover svg {
    display: none
}

.product-detials__desc.pd-exp {
    position: relative
}

.product-detials__desc.pd-exp:after {
    background: #fafafa;
    background: linear-gradient(0deg,#fafafa,hsla(0,0%,98%,0));
    bottom: 0;
    content: "";
    display: block;
    height: 100px;
    pointer-events: none;
    position: absolute;
    right: 0;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 100%
}

.product-detials__desc.pd-exp.expanded:after {
    opacity: 0
}

.pd-expand-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 20px 0
}

.pd-expand-wrapper:after,.pd-expand-wrapper:before {
    background: #eee;
    content: "";
    display: inline-block;
    flex: 1;
    height: 1px
}

@media only screen and (min-width: 768px) {
    .product-comments-wrapper {
        overflow-y:auto
    }
}

.product-cart {
    margin-bottom: 30px!important;
    padding: 20px
}

.product-cart .delete-button {
    left: 15px;
    right: unset;
    top: 15px
}

.product-cart .product-info {
    margin: 0 0 20px;
    padding: 0 0 0 30px
}

.product-cart .product-info img {
    width: 100%!important
}

.product-cart .product-info .details .product-name {
    line-height: 20px!important;
    margin-bottom: 4px
}

.product-cart .product-info .details .product-name:hover {
    color: var(--color-main)
}

.product-cart .product-options {
    border: none!important;
    padding: 0!important
}

.product-cart .product-options .form-group {
    min-height: unset
}

.cart-next-button {
    padding-left: 0!important
}

#cart-content .cart-total-box {
    background: #fff;
    border-radius: 4px;
    color: #444;
    flex-direction: column!important;
    height: auto!important;
    margin: 0 auto;
    position: relative
}

#cart-content .cart-total-box i {
    font-size: 16px
}

#cart-content .cart-total-box>div {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    position: relative;
    width: 100%
}

#cart-content .cart-total-box>div>span i {
    margin-left: 5px;
    position: static
}

#cart-content .cart-total-box>div.discount {
    border-bottom: 1px solid #eee;
    padding: 21px 15px
}

#cart-content .cart-total-box>div.discount>span i {
    display: inline-block;
    transform: translateY(-4px)
}

#cart-content .cart-total-box>div.discount .btn {
    border: 0!important;
    margin-right: 10px;
    transform: translateY(-4px)
}

#cart-content .cart-total-box>div.discount .btn i {
    font-size: 20px;
    position: static
}

#cart-content .cart-total-box .product-price-bg {
    background: 0 0;
    margin: 0;
    padding: 0
}

#cart-content .cart-total-box .cart-total-title,#cart-content .cart-total-box .product-price-bg {
    position: static
}

#cart-content #cartTotal,#cart-content #cartTotalWeight {
    color: var(--color-text);
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 0
}

body.store-myprofile .filepond {
    opacity: 0
}

body.store-myprofile .filepond--root {
    border: 3px solid #eee;
    border-radius: 50%;
    opacity: 1
}

body.store-myprofile .filepond--action-process-item {
    pointer-events: none;
    visibility: hidden
}

body.store-myprofile .filepond--file,body.store-myprofile .filepond--file-poster-wrapper {
    border-radius: 50%;
    overflow: hidden
}

body.store-myprofile .filepond--file-poster-overlay {
    display: none
}

body.store-myprofile .filepond--label-action {
    outline: none!important
}

body.store-myprofile .filepond--drop-label label {
    font-size: 12px
}

.profile-actions {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

@media screen and (max-width: 768px) {
    .profile-actions {
        display:block
    }
}

.profile-actions #submit_btn {
    flex: 0 0 calc(100% - 5px);
    height: 36px;
    min-height: unset;
    width: 100%
}

@media screen and (max-width: 768px) {
    .profile-actions #submit_btn {
        flex:0 0 100%;
        margin-bottom: 15px
    }
}

.profile-actions .dropdown {
    display: none;
    flex-shrink: 0
}

@media screen and (max-width: 768px) {
    .profile-actions .dropdown {
        flex:0 0 100%
    }
}

.profile-actions .dropdown .profile-options {
    background: #fff;
    border: 1px solid #dcdcdc;
    color: #555;
    height: 36px;
    min-height: unset;
    padding: 0 10px;
    white-space: nowrap;
    width: 100%
}

.profile-actions .dropdown .dropdown-menu {
    min-width: 100%!important;
    width: 100%!important
}

.profile-actions .dropdown .dropdown-menu #deactivateTrigger {
    align-items: center;
    color: #ff1515;
    display: flex;
    font-size: 13px
}

.profile-actions .dropdown .dropdown-menu #deactivateTrigger i {
    font-size: 14px
}

.profile-actions--has-deactivation #submit_btn {
    flex: 1;
    margin-left: 10px
}

.profile-actions--has-deactivation .dropdown {
    display: block;
    min-width: 150px
}

.user-main-profile .form-group .input-group .input-group-addon {
    border-radius: 0 2px 2px 0
}

.user-main-profile .form-group .form-control {
    border-radius: 2px 0 0 2px
}

.user-main-profile .form-group .form-control:focus {
    border-color: #eee
}

.user-main-profile .form-group.has-error .input-group-addon {
    border: 1px solid #e2384d;
    border-left: none
}

.user-main-profile .view-file {
    display: block;
    font-size: 14px;
    text-decoration: underline
}

.user-main-profile .filepond--drop-label span {
    display: block
}

.user-main-profile.create-account {
    text-align: right
}

.user-main-profile.create-account .upper-section {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 30px
}

.user-main-profile.create-account .upper-section .back {
    color: #444;
    margin-left: auto;
    opacity: .8
}

.user-main-profile.create-account .upper-section .back:hover {
    color: #444;
    opacity: 1
}

.user-main-profile.create-account .upper-section span {
    flex: auto;
    font-size: 18px;
    text-align: center
}

.user-main-profile.create-account .filepond--drop-label label {
    text-align: center
}

.user-main-profile.create-account .filepond--drop-label label .filepond--label-action {
    display: block
}

.user-main-profile.create-account .row:last-of-type .form-group {
    margin-bottom: 0
}

.search-results-title {
    display: flex!important;
    padding: 0!important
}

.search-results-title span {
    display: inline-block;
    font-weight: 400;
    margin-left: 5px;
    padding: 0!important
}

.btn--tamara {
    background: url(/assets/images/third-parties/tamara.svg) 50% no-repeat!important;
    background-size: contain;
    border: none!important;
    display: inline-block;
    height: 50px;
    margin: 15px 0!important;
    opacity: .95;
    position: relative;
    width: 295px
}

.btn--tamara:hover {
    opacity: 1!important
}

@media only screen and (max-width: 767px) {
    .btn--tamara {
        width:100%
    }
}

.tamara-product-widget {
    border: 1px solid #eee;
    border-radius: 3px;
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.25;
    padding: 18px 15px
}

.tamara-product-widget span.tamara-logo {
    margin: 5px 0!important
}

.tamara-product-widget span:last-child {
    color: #444;
    display: block;
    position: relative
}

.tamara-product-widget span:last-child:after {
    background: #f8f8f8;
    bottom: -20px;
    content: "";
    display: block;
    height: 10px;
    position: absolute;
    right: 0;
    width: 10px
}

#tabbyPromoWrapper {
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 10px 0;
    padding: 18px 15px
}

#tabbyPromoWrapper #tabbyPromo {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center
}

#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet {
    align-items: flex-start;
    border: 0;
    box-shadow: none!important;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: unset;
    padding: 0
}

#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__logo {
    border-radius: 4px;
    flex-basis: 90px;
    overflow: hidden
}

#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__logo img {
    height: auto;
    width: 100%
}

#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link,#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text {
    font-size: 13px!important
}

#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link {
    margin: 0
}

#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet:hover {
    box-shadow: 0 2px 3px rgba(0,0,0,.3)
}

@media only screen and (max-width: 767px) {
    #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet {
        max-width:100%
    }
}

#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet--rtl>a.tabby-promo-snippet__logo {
    display: none!important
}

#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet--rtl .tabby-promo-snippet__logo-img {
    flex: 0 0 70px!important
}

.tabby-promo-wrapper .tabby-promo {
    border-radius: 6px;
    min-height: 450px;
    padding: 25px 30px
}

.tabby-promo-wrapper .tabby-promo__logo {
    margin-bottom: 20px
}

.tabby-promo-wrapper .tabby-promo__title {
    font-weight: 700;
    margin-bottom: 20px
}

.tabby-promo-wrapper .tabby-promo__features {
    margin-bottom: 20px;
    width: 100%
}

.tabby-promo-wrapper .tabby-promo__feature-icon {
    margin-left: 20px
}

.tabby-promo-wrapper .tabby-promo__feature-title {
    font-size: 14px!important;
    margin-bottom: 5px
}

.tabby-promo-wrapper .tabby-promo__feature-desc {
    font-size: 13px!important
}

.tabby-promo-wrapper .tabby-promo__final-text {
    font-size: 14px!important;
    padding: 0
}

body:not(.salla-default) #tabbyPromoWrapper {
    margin: 10px 0
}

body:not(.salla-default) #tabbyPromoWrapper #tabbyPromo {
    justify-content: flex-start
}

body:not(.salla-default) #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__logo {
    border-radius: 1px
}

body:not(.salla-default) #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link,body:not(.salla-default) #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text {
    font-family: initial;
    font-size: 12px!important;
    font-weight: 700
}

body:not(.salla-default) .tabby-promo-wrapper .tabby-promo__feature-desc {
    color: #444;
    font-family: initial;
    font-size: 12px!important;
    font-weight: 700;
    margin-top: 5px
}

.spotii-wrapper {
    border: 1px solid #eee;
    border-radius: 3px;
    margin: 10px 0 20px;
    padding: 18px 15px
}

.spotii-wrapper .spotii-product-widget {
    font-size: 13px
}

.spotii-wrapper .spotii-product-widget .spotii-logo {
    margin: 0 3px;
    position: relative;
    top: 5px
}

html {
    direction: rtl
}

.thumb .watermark {
    color: #fff;
    cursor: pointer;
    font-size: 100px;
    height: 100px!important;
    opacity: .4;
    position: absolute;
    right: 50%;
    top: 45%;
    transform: translateY(-50%) translateX(50%);
    width: 100px!important
}

.video-entry .watermark {
    display: none!important
}

.video-entry--show .watermark {
    display: block!important
}

#modal_login .modal-content {
    min-height: 320px
}

.products-listing .section .slick-slider .slick-track .product {
    margin-bottom: 0
}

.label-gray {
    background-color: #f7f7f7;
    color: #444!important
}

.salla-theme_1:not(.font-dinnextltarabic-regular) .site-header .header-wrapper #search button.toggle-search span,.salla-theme_3:not(.font-dinnextltarabic-regular) .site-header .header-wrapper #search button.toggle-search span,.salla-theme_4:not(.font-dinnextltarabic-regular) .site-header .header-wrapper #search button.toggle-search span {
    vertical-align: middle!important
}

.salla-theme_1 .main-menu li.with-sub-menu a,.salla-theme_2 .main-menu li.with-sub-menu a,.salla-theme_3 .main-menu li.with-sub-menu a,.salla-theme_4 .main-menu li.with-sub-menu a,.salla-theme_5 .main-menu li.with-sub-menu a {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.salla-theme_1 #cart-content .cart-total-box>div,.salla-theme_2 #cart-content .cart-total-box>div,.salla-theme_3 #cart-content .cart-total-box>div,.salla-theme_4 #cart-content .cart-total-box>div,.salla-theme_5 #cart-content .cart-total-box>div {
    padding: 15px!important
}

.salla-theme_1 #cart-content .cart-total-box>div.discount .btn,.salla-theme_1 #cart-content .cart-total-box>div.discount i,.salla-theme_2 #cart-content .cart-total-box>div.discount .btn,.salla-theme_2 #cart-content .cart-total-box>div.discount i,.salla-theme_3 #cart-content .cart-total-box>div.discount .btn,.salla-theme_3 #cart-content .cart-total-box>div.discount i,.salla-theme_4 #cart-content .cart-total-box>div.discount .btn,.salla-theme_4 #cart-content .cart-total-box>div.discount i,.salla-theme_5 #cart-content .cart-total-box>div.discount .btn,.salla-theme_5 #cart-content .cart-total-box>div.discount i {
    transform: translateY(1px)
}

@media only screen and (max-width: 992px) {
    .salla-theme_1 .nav-overlay,.salla-theme_2 .nav-overlay,.salla-theme_5 .nav-overlay,.salla-theme_6 .nav-overlay {
        z-index:9999!important
    }
}

@media only screen and (max-width: 767px) {
    .salla-theme_3 .cart-fav,.salla-theme_4 .cart-fav {
        z-index:999!important
    }
}

.salla-theme_1 .category-featured,.salla-theme_2 .category-featured,.salla-theme_3 .category-featured,.salla-theme_4 .category-featured,.salla-theme_5 .category-featured {
    border-radius: 4px;
    margin-bottom: 20px
}

.salla-theme_1 .category-featured.category-featured--no-label>a:after,.salla-theme_2 .category-featured.category-featured--no-label>a:after,.salla-theme_3 .category-featured.category-featured--no-label>a:after,.salla-theme_4 .category-featured.category-featured--no-label>a:after,.salla-theme_5 .category-featured.category-featured--no-label>a:after {
    display: none
}

@media only screen and (max-width: 992px) {
    .salla-theme_1 footer .store-certificate b,.salla-theme_6 footer .store-certificate b {
        color:#fff!important
    }

    .salla-theme_1 footer .icons .store-certificate,.salla-theme_3 footer .icons .store-certificate,.salla-theme_4 footer .icons .store-certificate,.salla-theme_6 footer .icons .store-certificate {
        display: none!important
    }

    .salla-theme_1 footer .footer-main .store-certificate,.salla-theme_3 footer .footer-main .store-certificate,.salla-theme_4 footer .footer-main .store-certificate,.salla-theme_6 footer .footer-main .store-certificate {
        display: block
    }
}

@media only screen and (max-width: 2080px) {
    .sub-nav .sub-nav-content {
        padding:0 0 1rem!important;
    }
}

.btn-order-cancel {
    padding-top: 11px!important
}

.login-form .panel-title .icon-object {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: 80px;
    justify-content: center;
    margin: 0 auto 20px;
    padding: 0;
    width: 80px
}

section.section {
    padding: 2rem 0
}

.shipping-address #city_name {
    border-color: #eee!important;
    padding: 8px 15px!important
}

#jGrowl .jGrowl-notification.alert:not(:nth-of-type(2)) {
    display: none!important
}

.circle-action {
    line-height: unset;
    position: relative
}

.circle-action span:first-of-type:not(.notification-badge) {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    transform: translate(-50%,-50%)
}

.show-more {
    position: relative;
    text-align: center
}

.show-more .btn {
    padding-left: 2rem;
    padding-right: 2rem
}

.show-more:after {
    background-color: var(--main-text-color);
    content: "";
    display: block;
    height: 1px;
    opacity: .2;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: -1
}

.promotion.fixed-bg {
    background-size: auto 100%
}

.section[data-type=banner] {
    padding: 1rem 0 0!important
}

footer .store-certificate {
    align-items: center;
    border-left: 1px solid #eee;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-left: 10px;
    padding-left: 10px
}

footer .store-certificate b {
    color: #444;
    font-size: 13px
}

footer .store-certificate img {
    margin-left: 10px;
    max-height: 20px;
    max-width: 40px
}

footer .footer-main .store-certificate {
    border-left: none;
    display: none;
    justify-content: flex-start;
    margin: 15px 0
}

footer #tax_certificate_modal p {
    color: #444!important;
    text-align: right
}

footer #tax_certificate_modal img {
    max-height: unset!important;
    max-width: unset!important;
    width: 100%!important
}

.cart-fav {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: auto;
    justify-content: flex-start;
    position: relative;
    width: 100%
}

.cart-fav .add_to_cart_large_btn,.cart-fav .not-available-large {
    border-radius: 3px;
    flex: 1 1 auto;
    font-size: 18px;
    height: 38px;
    line-height: 20px;
    margin: 0 0 0 10px;
    min-height: unset!important;
    position: static;
    transform: unset
}

.cart-fav .not-available-large {
    background-color: rgba(245,81,87,.05);
    border-radius: 50px;
    padding: 6px 20px 8px
}

.cart-fav .btn-rounded.add-to-wishlist,.cart-fav .btn-rounded.remove-from-wishlist {
    align-items: center;
    border-radius: 50%;
    color: #d6d6d6;
    display: flex;
    flex: 0 0 auto;
    flex-direction: row;
    font-size: 25px;
    height: 35px;
    justify-content: center;
    padding: 0!important;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    width: 35px
}

.cart-fav .btn-rounded.add-to-wishlist i,.cart-fav .btn-rounded.remove-from-wishlist i {
    font-family: FontAwesome!important
}

.cart-fav .btn-rounded.add-to-wishlist.add-to-wishlist,.cart-fav .btn-rounded.remove-from-wishlist.add-to-wishlist {
    background-color: transparent;
    border-color: transparent
}

.cart-fav .btn-rounded.add-to-wishlist.remove-from-wishlist,.cart-fav .btn-rounded.remove-from-wishlist.remove-from-wishlist {
    background-color: transparent;
    border-color: transparent;
    color: #e2384d
}

.cart-fav .btn-rounded.add-to-wishlist.remove-from-wishlist:hover,.cart-fav .btn-rounded.remove-from-wishlist.remove-from-wishlist:hover {
    color: #df2239
}

.cart-fav .btn-rounded.add-to-wishlist:active,.cart-fav .btn-rounded.add-to-wishlist:focus,.cart-fav .btn-rounded.add-to-wishlist:hover,.cart-fav .btn-rounded.remove-from-wishlist:active,.cart-fav .btn-rounded.remove-from-wishlist:focus,.cart-fav .btn-rounded.remove-from-wishlist:hover {
    background: 0 0!important;
    box-shadow: none!important
}

@media only screen and (max-width: 767px) {
    #no-more-tables #order_details_table .td-cod.left-text {
        text-align:left
    }

    #no-more-tables #order_details_table tr.table-row td {
        height: auto
    }
}

#order_details_table .reservations {
    margin-top: 10px
}

#order_details_table .reservations strong {
    display: block;
    margin-bottom: 5px
}

@media only screen and (max-width: 992px) {
    #order_details_table .reservations .list {
        align-items:flex-end
    }
}

@media only screen and (max-width: 767px) {
    body .section-header h2.section--title span {
        font-size:18px!important
    }
}

body:not(.salla-default) #order {
    padding: 0!important
}

@media only screen and (max-width: 768px) {
    body:not(.salla-default).product-show footer {
        padding-bottom:65px
    }
}

@media only screen and (device-width: 375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    body:not(.salla-default).product-show {
        margin-bottom:75px
    }
}

@media only screen and (max-width: 767px) {
    body:not(.salla-default) .cart-fav {
        background-color:#fff;
        bottom: 0;
        box-shadow: 0 0 10px rgba(0,0,0,.05);
        left: 0;
        padding: 10px;
        position: fixed!important;
        right: 0;
        z-index: 9999
    }

    body:not(.salla-default) .cart-fav .add_to_cart_large_btn,body:not(.salla-default) .cart-fav .not-available-large {
        height: 45px
    }

    body:not(.salla-default) .cart-fav .not-available-large.notify {
        opacity: 0;
        pointer-events: none;
        visibility: hidden
    }
}

@media only screen and (device-width: 375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    body:not(.salla-default) .cart-fav {
        padding-bottom:20px
    }
}

@media only screen and (max-width: 767px) {
    .product-detials__desc * {
        font-size:14px!important
    }
}

.product-detials__desc.center-content p {
    text-align: center!important
}

.product-details__hot {
    margin-bottom: 15px
}

.product-details__hot i,.product-details__hot svg {
    display: inline-block;
    margin-left: 5px;
    vertical-align: baseline!important
}

.campaign-ended {
    background: rgba(255,0,0,.059);
    border: 1px solid rgba(255,0,0,.22);
    border-radius: 3px;
    display: block;
    padding: 8px;
    text-align: center
}

.store-contact a i {
    display: inline-block;
    vertical-align: middle
}

.product-desc p.ql-align-justify,.product-desc p.ql-align-right {
    text-align: right
}

#resend-section .form-group.align-center.resend-btn-options {
    align-items: center;
    display: flex;
    justify-content: center
}

#resend-section .form-group.align-center.resend-btn-options>* {
    margin: 0 5px
}

#resend-section .form-group.align-center.resend-btn-options>:first-child {
    margin-right: 0
}

#resend-section .form-group.align-center.resend-btn-options>:last-child {
    margin-left: 0
}

#resend-section .btn.resend-btn {
    font-size: 13px;
    padding: 4px 8px 5px
}

.no-feedback {
    pointer-events: none!important
}

.text-color-dark {
    color: var(--main-text-color-dark)!important
}

.text-color-light {
    color: var(--main-text-color)!important
}

@media only screen and (max-width: 767px) {
    body.modal-open:has(#modal_login) {
        bottom:0;
        height: 100vh;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
        width: 100vw
    }
}

body.salla-shutterksa .fa.fa-angle-left:before {
    content: "\f104"!important
}

body.salla-shutterksa .fa.fa-angle-right:before {
    content: "\f105"!important
}

.mobile-webview {
    padding-top: 0!important
}

.mobile-webview .mobile-webview-hide {
    display: none!important
}

.mobile-webview .product-details__price {
    white-space: nowrap
}

.mobile-webview.salla-default .mobile-card-cart-steps {
    top: -90px
}

.mobile-webview.salla-default .mobile-card-small-sub-header {
    height: 101px
}

.mobile-webview .add-cart {
    font-size: 11px
}

.mobile-webview .mobile-card-no-margin,.mobile-webview .products-grid {
    margin-left: 0;
    margin-right: 0
}

.mobile-webview .product:hover {
    box-shadow: none!important
}

.mobile-webview .spotii-popup__wrap .spotii-popup__close,.mobile-webview .tabby-promo-wrapper #tabby-promo-close,.mobile-webview .tamara-popup .tamara-popup__close {
    display: none!important
}