@font-face {
  font-family: icomoon;
  font-style: normal;
  font-weight: 400;
  src: url(https://cdn.assets.salla.network/stores/fonts/icomoon.eot?3p0rtw);
  src: url(https://cdn.assets.salla.network/stores/fonts/icomoon.eot?#iefix3p0rtw)
      format("embedded-opentype"),
    url(https://cdn.assets.salla.network/stores/fonts/icomoon.woff?3p0rtw)
      format("woff"),
    url(https://cdn.assets.salla.network/stores/fonts/icomoon.ttf?3p0rtw)
      format("truetype"),
    url(https://cdn.assets.salla.network/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: 16px;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translateZ(0);
  }
  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes rubberBand {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.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(0.9, 0.9, 0.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(0.9, 0.9, 0.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(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.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(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes bounceIn {
  0%,
  20%,
  40%,
  60%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
.bounceIn {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
  0%,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.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(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.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(0.95, 0.95, 0.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(0.95, 0.95, 0.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: 0.75s;
  animation-duration: 0.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: 0.75s;
  animation-duration: 0.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(0.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(0.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(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
@keyframes zoomInDown {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
@keyframes zoomInLeft {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
@keyframes zoomInRight {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
@keyframes zoomInUp {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
  }
  60% {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
  }
}
@keyframes zoomOutDown {
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.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(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.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(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
  }
}
@keyframes zoomOutUp {
  40% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.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: 0.8s;
  animation-duration: 0.8s;
}
.animated.faster {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.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, 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, 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 0.35s cubic-bezier(0.2, 1, 0.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, 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, 0.02);
  border-radius: 50%;
  color: rgba(0, 0, 0, 0.7);
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 7px;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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, 0.15);
  box-shadow: 0 5px 15px 0 rgba(0, 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, 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, 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: 0.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 0.35s cubic-bezier(0.2, 1, 0.3, 1);
}
.site-header.sticky {
  box-shadow: 0 1px 10px 2px rgba(0, 0, 0, 0.05);
  left: 0;
  position: fixed !important;
  right: 0;
  top: 0;
  width: 100%;
}
.site-header.sticky .container.py-3 {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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: 0.75rem;
  }
}
body.salla-theme_6 .site-header .sub-header {
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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: 0.1s;
  transition-property: opacity;
  width: 20px;
}
button.has-loader:after {
  content: "";
  display: inline-block;
  height: 100%;
  transition-delay: 0.1s;
  transition-duration: 0.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: 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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: 0.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: 0.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, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.75s forwards;
  animation: pulse 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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: 30px 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: 0.35rem 0;
    transition: all 0.35s cubic-bezier(0.2, 1, 0.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: 0.4rem 1rem 0.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: 0.5;
  position: absolute;
  top: 10px;
  transition: transform 0.35s cubic-bezier(0.2, 1, 0.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(0.3);
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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: 992px) {
  .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: 0.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, 0.1);
  border-radius: 50px;
  color: #f55157;
  font-size: 14px;
  line-height: 1;
  overflow: hidden;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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 0.8s forwards;
  animation: heartBeat 0.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%, 0.5);
  border-radius: 30px;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1);
  display: inline-block;
  height: 20px;
  position: relative;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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 0.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%, 0.4);
  border-radius: 5px;
  margin: 0.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, 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, 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 0.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, 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;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.3, 1);
}
.store-notify a:after:not(.btn-store-alert) {
  background-color: hsla(0, 0%, 100%, 0.3);
  bottom: -6px;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.3, 1);
  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;
  }
}
.maintenance-alert {
  background-color: #1a263d;
  color: #fff;
  padding: 5px 30px;
  position: fixed;
}
.maintenance-alert .store-alert-content {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  width: 100%;
}
.maintenance-alert .store-alert-content .text {
  align-items: center;
  display: flex;
}
.maintenance-alert .store-alert-content .text h2 {
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 10px;
}
.maintenance-alert .store-alert-content .thumb {
  margin-left: 20px;
}
.maintenance-alert .store-alert-content .btn-store-alert {
  background: #5dd5c4;
  border: 1px solid #5dd5c4;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4285715;
  padding: 10px 16px;
  text-align: center;
  touch-action: manipulation;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.maintenance-alert .store-alert-content .btn-store-alert:hover {
  background: #35cbb5;
}
.maintenance-alert .store-alert-content .btn-store-alert .visible-xs {
  display: none;
}
@media only screen and (max-width: 767px) {
  .maintenance-alert .store-alert-content {
    flex-direction: row;
    padding: 0;
  }
  .maintenance-alert .store-alert-content .thumb {
    display: none !important;
  }
  .maintenance-alert .store-alert-content .text h2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 5px;
  }
  .maintenance-alert .store-alert-content .text p {
    font-size: 10px;
    text-align: right;
  }
  .maintenance-alert .store-alert-content .btn {
    padding: 10px;
  }
  .maintenance-alert .store-alert-content .btn .visible-xs {
    display: block !important;
  }
  .maintenance-alert .store-alert-content .btn .hidden-xs {
    display: none !important;
  }
  .maintenance-alert {
    padding: 5px 10px;
  }
}
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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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: 0.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 0.35s cubic-bezier(0.2, 1, 0.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, 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%, 0.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: 0.8rem;
  }
}
.breadcrumb-container {
  padding-top: 0.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 0.35s cubic-bezier(0.2, 1, 0.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, 0.1);
  display: block;
  height: auto;
  left: 0;
  min-width: 260px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: 40px;
  transform: translateY(15px);
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.3, 1);
  width: 100%;
}
#sort #sort-options li .btn-submit-filter i {
  background-color: rgba(0, 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(0.3);
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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, 0.5);
  border-radius: 2px;
  box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.1);
  content: "";
  display: inline-block;
  margin-top: 2px;
  position: absolute;
  right: 0;
  top: 12px;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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, 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: 0.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: 0.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: 0.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;
  color: #b46c53;
}
@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 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 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 0.5rem !important;
}
body.salla-theme_1 .product .product-footer {
  border-top: 1px solid #dfdfdf;
  margin-top: 0.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: 50%;
  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 0.35s cubic-bezier(0.2, 1, 0.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, 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, 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, 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, 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%, 0.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, 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%, 0.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, 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%, 0.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 {
  background-color: #fff;
  border: 1px solid #eee !important;
  border-radius: 3px;
  padding: 20px !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: 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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%, 0.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, 0.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, 0.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: 0.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 0.15s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.3, 1);
}
.slider--light .owl-nav button.owl-next {
  left: -20px;
}
.slider--light .owl-nav button.owl-next:after {
  content: "\ea65";
}
.slider--light .owl-nav button.owl-prev {
  right: -20px;
}
.slider--light .owl-nav button.owl-prev:after {
  content: "\ea68";
}
.slider--light .owl-nav button:hover {
  border-color: #ddd !important;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) !important;
}
.slider--light .owl-nav button:hover:after {
  color: #a4a4a4 !important;
}
.slider--light#offer_product_items.disabled {
  opacity: 0.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: 0.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: 0.7;
  top: 35%;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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: "\ea68";
}
.owl-carousel--upper-nav.owl-theme .owl-nav [class*="owl-"].owl-next:after {
  content: "\ea65";
}
.owl-carousel--upper-nav.owl-theme .owl-nav [class*="owl-"].disabled {
  opacity: 0.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 0.35s cubic-bezier(0.2, 1, 0.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, 0.15);
  max-height: unset;
  overflow: visible;
  transition: trnasform 0.35s cubic-bezier(0.2, 1, 0.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: 0.5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.3, 1);
}
#cl_switcher #cl_list {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px 0 rgba(0, 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 0.35s cubic-bezier(0.2, 1, 0.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%, 0.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, 0.6);
  border: none !important;
  border-radius: 0;
  color: hsla(0, 0%, 100%, 0.8);
  font-size: 20px;
  height: 100%;
  left: 0;
  padding: 0;
  position: absolute;
  top: 0;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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, 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, 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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.3, 1);
}
.list--tags li a:before {
  content: "\efeb";
  display: inline-block;
  font-family: sallaicons;
  margin: 0 0 0 5px;
  opacity: 0.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: 0.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, 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, 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%, 0.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 0.35s cubic-bezier(0.2, 1, 0.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: 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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%, 0.9) !important;
  border: 1px solid rgba(226, 56, 77, 0.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: 0.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%, 0.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), 0.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: 0.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, 0.05);
  cursor: default;
  opacity: 0;
  padding: 10px;
  position: absolute;
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.3s;
    width: 80%;
    z-index: 5000;
  }
  .side-menu.is-active {
    box-shadow: -4px 0 7px 0 rgba(0, 0, 0, 0.15);
    transform: translateX(0);
  }
  .side-menu__overlay {
    background: rgba(0, 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 0.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: 0.75rem;
  width: 14px;
}
#receipt_container.rec {
  background-color: #fff;
  margin: 20px auto;
  max-width: unset;
}
#receipt_container.rec a {
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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%, 0.4);
  border: 1px solid hsla(0, 0%, 93%, 0.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%, 0.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, 0.05);
  border: 4px solid rgba(255, 220, 100, 0.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, 0.1);
  margin: 20px auto;
  max-width: unset;
  overflow: hidden;
}
#receipt_container.rec-new a {
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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: 0.95rem;
  margin: 0.5rem;
}
#receipt_container.rec-new .rec__header h3 span a {
  transition: all 0.35s cubic-bezier(0.2, 1, 0.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: 0.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: 0.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 0.35s cubic-bezier(0.2, 1, 0.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: 0.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: 0.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, 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: 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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, 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 0.35s cubic-bezier(0.2, 1, 0.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%, 0.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%, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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, 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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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 0.35s cubic-bezier(0.2, 1, 0.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, 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, 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 0.35s cubic-bezier(0.2, 1, 0.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: 0.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: 0.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, 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: 0.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 0.35s cubic-bezier(0.2, 1, 0.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: 991px) {
  .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: 0.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, 0.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 0.35s cubic-bezier(0.2, 1, 0.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, 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, 0.059);
  border: 1px solid rgba(255, 0, 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;
}