@font-face {
    font-family: sallaicons;
    src: url(../fonts/sallaicons.eot?2d2dff00562c65b1ebecbd79dd8a3e59);
    src: url(../fonts/sallaicons.eot?2d2dff00562c65b1ebecbd79dd8a3e59#iefix) format("embedded-opentype"),url(../fonts/sallaicons.ttf?6fc634459e6812d3dae1347ca9e4229f) format("truetype"),url(../fonts/sallaicons.woff?532e476d94b5db6b7fea9d51bccb5b36) format("woff"),url(../fonts/sallaicons.svg?e3e684186b5b5771b6e3c0bba1ac5dde#sallaicons) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" sicon-"], [class^=sicon-] {
    font-family: sallaicons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.sicon-d-rotate:before {
    content: "\E9A0"
}

.sicon-tiktok:before {
    content: "\E9A3"
}

.sicon-undo:before {
    content: "\E975"
}

.sicon-underline:before {
    content: "\E976"
}

.sicon-ul:before {
    content: "\E97A"
}

.sicon-table:before {
    content: "\E97B"
}

.sicon-strike:before {
    content: "\E97D"
}

.sicon-remove:before {
    content: "\E97E"
}

.sicon-redo:before {
    content: "\E982"
}

.sicon-quote:before {
    content: "\E983"
}

.sicon-paragraph:before {
    content: "\E984"
}

.sicon-ol:before {
    content: "\E985"
}

.sicon-mention:before {
    content: "\E986"
}

.sicon-link1:before {
    content: "\E987"
}

.sicon-italic:before {
    content: "\E988"
}

.sicon-image1:before {
    content: "\E989"
}

.sicon-hr:before {
    content: "\E98A"
}

.sicon-delete_table:before {
    content: "\E98C"
}

.sicon-delete_row:before {
    content: "\E98D"
}

.sicon-delete_col:before {
    content: "\E98E"
}

.sicon-combine_cells:before {
    content: "\E98F"
}

.sicon-code:before {
    content: "\E990"
}

.sicon-checklist:before {
    content: "\E992"
}

.sicon-bold:before {
    content: "\E993"
}

.sicon-add_row_before:before {
    content: "\E997"
}

.sicon-add_row_after:before {
    content: "\E99A"
}

.sicon-add_col_before:before {
    content: "\E99B"
}

.sicon-add_col_after:before {
    content: "\E99C"
}

.sicon-lang:before {
    content: "\E96F"
}

.sicon-cart2:before {
    content: "\E900"
}

.sicon-paper-plane-o:before {
    content: "\E901"
}

.sicon-check-circle2:before {
    content: "\E902"
}

.sicon-facebook2:before {
    content: "\E903"
}

.sicon-instagram2:before {
    content: "\E904"
}

.sicon-shopping-bag2:before {
    content: "\E905"
}

.sicon-trash-2:before {
    content: "\E906"
}

.sicon-twitter2:before {
    content: "\E907"
}

.sicon-activity:before {
    content: "\E908"
}

.sicon-add-circle:before {
    content: "\E909"
}

.sicon-add-square:before {
    content: "\E90A"
}

.sicon-add:before {
    content: "\E90B"
}

.sicon-address-book:before {
    content: "\E90C"
}

.sicon-airplane-mode-off:before {
    content: "\E90D"
}

.sicon-airplane-mode:before {
    content: "\E90E"
}

.sicon-airplane:before {
    content: "\E90F"
}

.sicon-airplay-audio:before {
    content: "\E910"
}

.sicon-airplay-screen:before {
    content: "\E911"
}

.sicon-youtube2:before {
    content: "\E912"
}

.sicon-alarm-add:before {
    content: "\E913"
}

.sicon-alarm-cancel:before {
    content: "\E914"
}

.sicon-alarm-check:before {
    content: "\E915"
}

.sicon-whatsapp2:before {
    content: "\E916"
}

.sicon-alarm-snooze:before {
    content: "\E917"
}

.sicon-alarm:before {
    content: "\E918"
}

.sicon-album-audio:before {
    content: "\E919"
}

.sicon-album-music:before {
    content: "\E91A"
}

.sicon-album-photo:before {
    content: "\E91B"
}

.sicon-album-portrait:before {
    content: "\E91C"
}

.sicon-album-time:before {
    content: "\E91D"
}

.sicon-alert-engine:before {
    content: "\E91E"
}

.sicon-alert:before {
    content: "\E91F"
}

.sicon-add-to-cart:before {
    content: "\E920"
}

.sicon-android:before {
    content: "\E921"
}

.sicon-align-center:before {
    content: "\E922"
}

.sicon-apple:before {
    content: "\E923"
}

.sicon-audio-wave:before {
    content: "\E924"
}

.sicon-align-justify:before {
    content: "\E925"
}

.sicon-align-left:before {
    content: "\E926"
}

.sicon-align-right:before {
    content: "\E927"
}

.sicon-bank-building:before {
    content: "\E928"
}

.sicon-ambulance:before {
    content: "\E929"
}

.sicon-calculator:before {
    content: "\E92A"
}

.sicon-anchor:before {
    content: "\E92B"
}

.sicon-android-phone:before {
    content: "\E92C"
}

.sicon-android-tablet:before {
    content: "\E92D"
}

.sicon-cash-payment:before {
    content: "\E92E"
}

.sicon-debit-card-back:before {
    content: "\E92F"
}

.sicon-delivery-parcel2:before {
    content: "\E930"
}

.sicon-discount-calculator:before {
    content: "\E931"
}

.sicon-discount-coupon:before {
    content: "\E932"
}

.sicon-dollar-cash:before {
    content: "\E933"
}

.sicon-dollar-coin-stack:before {
    content: "\E934"
}

.sicon-dollar-money:before {
    content: "\E935"
}

.sicon-donation:before {
    content: "\E936"
}

.sicon-facebook:before {
    content: "\E937"
}

.sicon-free-sign:before {
    content: "\E938"
}

.sicon-fresh-arrival:before {
    content: "\E939"
}

.sicon-archive-download:before {
    content: "\E93A"
}

.sicon-archive-upload:before {
    content: "\E93B"
}

.sicon-archive:before {
    content: "\E93C"
}

.sicon-full-wallet:before {
    content: "\E93D"
}

.sicon-arrow-diverge:before {
    content: "\E93E"
}

.sicon-arrow-down-left:before {
    content: "\E93F"
}

.sicon-arrow-down-right:before {
    content: "\E940"
}

.sicon-arrow-down:before {
    content: "\E941"
}

.sicon-arrow-expand:before {
    content: "\E942"
}

.sicon-arrow-left:before {
    content: "\E943"
}

.sicon-arrow-merge:before {
    content: "\E944"
}

.sicon-arrow-right:before {
    content: "\E945"
}

.sicon-arrow-shrink:before {
    content: "\E946"
}

.sicon-arrow-swap:before {
    content: "\E947"
}

.sicon-arrow-up-left:before {
    content: "\E948"
}

.sicon-arrow-up-right:before {
    content: "\E949"
}

.sicon-arrow-up:before {
    content: "\E94A"
}

.sicon-art-palette:before {
    content: "\E94B"
}

.sicon-gift-card:before {
    content: "\E94C"
}

.sicon-gift-sharing:before {
    content: "\E94D"
}

.sicon-gold-badge:before {
    content: "\E94E"
}

.sicon-instagram:before {
    content: "\E94F"
}

.sicon-at:before {
    content: "\E950"
}

.sicon-atm:before {
    content: "\E951"
}

.sicon-packed-box:before {
    content: "\E952"
}

.sicon-paper-plane:before {
    content: "\E953"
}

.sicon-paypal:before {
    content: "\E954"
}

.sicon-award-academy:before {
    content: "\E955"
}

.sicon-award-ribbon:before {
    content: "\E956"
}

.sicon-polo-shirt:before {
    content: "\E957"
}

.sicon-round-neck-t-shirt:before {
    content: "\E958"
}

.sicon-sales-presentation:before {
    content: "\E959"
}

.sicon-secure-credit-card-2:before {
    content: "\E95A"
}

.sicon-sending-email:before {
    content: "\E95B"
}

.sicon-shirt:before {
    content: "\E95C"
}

.sicon-snapchat:before {
    content: "\E95D"
}

.sicon-back:before {
    content: "\E95E"
}

.sicon-store:before {
    content: "\E95F"
}

.sicon-trophy:before {
    content: "\E960"
}

.sicon-badge-alt:before {
    content: "\E961"
}

.sicon-badge-ID:before {
    content: "\E962"
}

.sicon-badge:before {
    content: "\E963"
}

.sicon-twitter:before {
    content: "\E964"
}

.sicon-bag-bitcoin:before {
    content: "\E965"
}

.sicon-bag-dollar:before {
    content: "\E966"
}

.sicon-whatsapp:before {
    content: "\E967"
}

.sicon-youtube:before {
    content: "\E968"
}

.sicon-bag-money:before {
    content: "\E969"
}

.sicon-cart:before {
    content: "\E96A"
}

.sicon-keyboard_arrow_right:before {
    content: "\E96B"
}

.sicon-keyboard_arrow_up:before {
    content: "\E96C"
}

.sicon-keyboard_arrow_down:before {
    content: "\E96D"
}

.sicon-keyboard_arrow_left:before {
    content: "\E96E"
}

.sicon-trophy-2:before {
    content: "\E970"
}

.sicon-printer2:before {
    content: "\E971"
}

.sicon-star2:before {
    content: "\E972"
}

.sicon-star-o:before {
    content: "\E973"
}

.sicon-paper-send:before {
    content: "\E974"
}

.sicon-bank:before {
    content: "\E977"
}

.sicon-banknote-bitcoin:before {
    content: "\E978"
}

.sicon-banknote-dollar:before {
    content: "\E979"
}

.sicon-banknote-off:before {
    content: "\E97C"
}

.sicon-banknote:before {
    content: "\E97F"
}

.sicon-barcode-scan:before {
    content: "\E980"
}

.sicon-barcode:before {
    content: "\E981"
}

.sicon-basket:before {
    content: "\E98B"
}

.sicon-battery-alert:before {
    content: "\E991"
}

.sicon-battery-charge:before {
    content: "\E994"
}

.sicon-battery-empty:before {
    content: "\E995"
}

.sicon-battery-full:before {
    content: "\E996"
}

.sicon-battery-low:before {
    content: "\E998"
}

.sicon-battery-off:before {
    content: "\E999"
}

.sicon-beard:before {
    content: "\E9A1"
}

.sicon-bed-single:before {
    content: "\E9A2"
}

.sicon-bell-add:before {
    content: "\E9AB"
}

.sicon-bell-off:before {
    content: "\E9AC"
}

.sicon-bell-ring:before {
    content: "\E9AD"
}

.sicon-bell-snooze:before {
    content: "\E9AE"
}

.sicon-bell-time:before {
    content: "\E9AF"
}

.sicon-bell:before {
    content: "\E9B0"
}

.sicon-bells:before {
    content: "\E9B1"
}

.sicon-binary:before {
    content: "\E9B7"
}

.sicon-binoculars:before {
    content: "\E9B8"
}

.sicon-birdhouse:before {
    content: "\E9BB"
}

.sicon-bitcoin:before {
    content: "\E9BD"
}

.sicon-block:before {
    content: "\E9C3"
}

.sicon-bluetooth:before {
    content: "\E9C7"
}

.sicon-boat:before {
    content: "\E9C9"
}

.sicon-book-open:before {
    content: "\E9D4"
}

.sicon-book-person:before {
    content: "\E9D5"
}

.sicon-book:before {
    content: "\E9D6"
}

.sicon-bookmark-add:before {
    content: "\E9D7"
}

.sicon-bookmark:before {
    content: "\E9D8"
}

.sicon-books-alt:before {
    content: "\E9D9"
}

.sicon-books-pencil:before {
    content: "\E9DA"
}

.sicon-books:before {
    content: "\E9DB"
}

.sicon-border-all:before {
    content: "\E9DF"
}

.sicon-box-bankers:before {
    content: "\E9F4"
}

.sicon-box:before {
    content: "\E9F5"
}

.sicon-braille-hand:before {
    content: "\E9F8"
}

.sicon-braille:before {
    content: "\E9F9"
}

.sicon-brain:before {
    content: "\E9FA"
}

.sicon-branch:before {
    content: "\E9FC"
}

.sicon-briefcase-health:before {
    content: "\E9FE"
}

.sicon-briefcase-metal:before {
    content: "\E9FF"
}

.sicon-briefcase:before {
    content: "\EA01"
}

.sicon-brightness-low:before {
    content: "\EA03"
}

.sicon-browser-alt:before {
    content: "\EA08"
}

.sicon-browser-code-alt:before {
    content: "\EA09"
}

.sicon-browser-code:before {
    content: "\EA0A"
}

.sicon-brush:before {
    content: "\EA0C"
}

.sicon-bucket-drip:before {
    content: "\EA0E"
}

.sicon-bullhorn:before {
    content: "\EA15"
}

.sicon-bus-alt:before {
    content: "\EA1C"
}

.sicon-bus:before {
    content: "\EA1F"
}

.sicon-cake:before {
    content: "\EA25"
}

.sicon-calculator2:before {
    content: "\EA26"
}

.sicon-calendar-15:before {
    content: "\EA27"
}

.sicon-calendar-add:before {
    content: "\EA28"
}

.sicon-calendar-alt:before {
    content: "\EA29"
}

.sicon-calendar-cancel:before {
    content: "\EA2A"
}

.sicon-calendar-check:before {
    content: "\EA2B"
}

.sicon-calendar-date:before {
    content: "\EA2C"
}

.sicon-calendar-dates:before {
    content: "\EA2D"
}

.sicon-calendar-download:before {
    content: "\EA2E"
}

.sicon-calendar-favorite:before {
    content: "\EA2F"
}

.sicon-calendar-heart:before {
    content: "\EA30"
}

.sicon-calendar-next:before {
    content: "\EA31"
}

.sicon-calendar-previous:before {
    content: "\EA32"
}

.sicon-calendar-snooze:before {
    content: "\EA33"
}

.sicon-calendar-time:before {
    content: "\EA34"
}

.sicon-calendar-upload:before {
    content: "\EA35"
}

.sicon-calendar-user:before {
    content: "\EA36"
}

.sicon-calendar:before {
    content: "\EA37"
}

.sicon-camcorder:before {
    content: "\EA38"
}

.sicon-camera-add:before {
    content: "\EA39"
}

.sicon-camera-movie:before {
    content: "\EA3E"
}

.sicon-camera-off:before {
    content: "\EA3F"
}

.sicon-camera:before {
    content: "\EA42"
}

.sicon-cancel-circle:before {
    content: "\EA45"
}

.sicon-cancel-square:before {
    content: "\EA46"
}

.sicon-cancel:before {
    content: "\EA47"
}

.sicon-capitol-building:before {
    content: "\EA4F"
}

.sicon-car-alt-off:before {
    content: "\EA51"
}

.sicon-car-alt:before {
    content: "\EA52"
}

.sicon-car-key:before {
    content: "\EA54"
}

.sicon-caret-down-circle:before {
    content: "\EA60"
}

.sicon-caret-down-double:before {
    content: "\EA61"
}

.sicon-caret-down:before {
    content: "\EA62"
}

.sicon-caret-left-circle:before {
    content: "\EA63"
}

.sicon-caret-left-double:before {
    content: "\EA64"
}

.sicon-caret-left:before {
    content: "\EA65"
}

.sicon-caret-right-circle:before {
    content: "\EA66"
}

.sicon-caret-right-double:before {
    content: "\EA67"
}

.sicon-caret-right:before {
    content: "\EA68"
}

.sicon-caret-up-circle:before {
    content: "\EA69"
}

.sicon-caret-up-double:before {
    content: "\EA6A"
}

.sicon-caret-up:before {
    content: "\EA6B"
}

.sicon-carousel:before {
    content: "\EA6C"
}

.sicon-cart-add:before {
    content: "\EA6E"
}

.sicon-cart-cancel:before {
    content: "\EA6F"
}

.sicon-cart-download:before {
    content: "\EA70"
}

.sicon-cart-minus:before {
    content: "\EA71"
}

.sicon-cart-upload:before {
    content: "\EA72"
}

.sicon-cart22:before {
    content: "\EA73"
}

.sicon-cctv-camera:before {
    content: "\EA7A"
}

.sicon-cell-signal:before {
    content: "\EA7D"
}

.sicon-cellphone-landscape:before {
    content: "\EA7E"
}

.sicon-center:before {
    content: "\EA81"
}

.sicon-chart-bar:before {
    content: "\EA8D"
}

.sicon-chart-pie:before {
    content: "\EA8E"
}

.sicon-chat-alert-alt:before {
    content: "\EA8F"
}

.sicon-chat-alert:before {
    content: "\EA90"
}

.sicon-chat-alt:before {
    content: "\EA91"
}

.sicon-chat-bubbles-alt:before {
    content: "\EA92"
}

.sicon-chat-bubbles:before {
    content: "\EA93"
}

.sicon-chat-conversation-alt:before {
    content: "\EA94"
}

.sicon-chat-conversation:before {
    content: "\EA95"
}

.sicon-chat-message-alt:before {
    content: "\EA96"
}

.sicon-chat-message:before {
    content: "\EA97"
}

.sicon-chat-person-alt:before {
    content: "\EA98"
}

.sicon-chat-person:before {
    content: "\EA99"
}

.sicon-chat:before {
    content: "\EA9A"
}

.sicon-check-circle:before {
    content: "\EA9B"
}

.sicon-check-square:before {
    content: "\EA9C"
}

.sicon-check:before {
    content: "\EA9D"
}

.sicon-checkbox-active:before {
    content: "\EA9E"
}

.sicon-checkbox:before {
    content: "\EA9F"
}

.sicon-chip:before {
    content: "\EAAF"
}

.sicon-chromecast:before {
    content: "\EAB3"
}

.sicon-city:before {
    content: "\EAB8"
}

.sicon-clapboard:before {
    content: "\EABA"
}

.sicon-clipboard-person:before {
    content: "\EAC9"
}

.sicon-clock:before {
    content: "\EACE"
}

.sicon-closed-captioning:before {
    content: "\EACF"
}

.sicon-clothes-tag:before {
    content: "\EAD1"
}

.sicon-cloud-add:before {
    content: "\EAD2"
}

.sicon-cloud-audio:before {
    content: "\EAD3"
}

.sicon-cloud-cancel:before {
    content: "\EAD4"
}

.sicon-cloud-check:before {
    content: "\EAD5"
}

.sicon-cloud-day:before {
    content: "\EAD6"
}

.sicon-cloud-download:before {
    content: "\EAD7"
}

.sicon-cloud-heart:before {
    content: "\EAD8"
}

.sicon-cloud-minus:before {
    content: "\EAD9"
}

.sicon-cloud-music:before {
    content: "\EADB"
}

.sicon-cloud-night:before {
    content: "\EADC"
}

.sicon-cloud-off:before {
    content: "\EADD"
}

.sicon-cloud-upload:before {
    content: "\EAE0"
}

.sicon-cloud:before {
    content: "\EAE1"
}

.sicon-cloudy:before {
    content: "\EAE2"
}

.sicon-coffee-takeout:before {
    content: "\EAEB"
}

.sicon-coffee-togo:before {
    content: "\EAEC"
}

.sicon-coin-bitcoin:before {
    content: "\EAEE"
}

.sicon-coin-dollar:before {
    content: "\EAEF"
}

.sicon-command:before {
    content: "\EAF6"
}

.sicon-compare:before {
    content: "\EAF8"
}

.sicon-compass-direction:before {
    content: "\EAF9"
}

.sicon-computer:before {
    content: "\EAFD"
}

.sicon-contact-book:before {
    content: "\EB03"
}

.sicon-contact-card:before {
    content: "\EB04"
}

.sicon-content:before {
    content: "\EB05"
}

.sicon-cool:before {
    content: "\EB08"
}

.sicon-cord-alt:before {
    content: "\EB0A"
}

.sicon-crdit-card-alt:before {
    content: "\EB14"
}

.sicon-credit-card:before {
    content: "\EB17"
}

.sicon-crop:before {
    content: "\EB1C"
}

.sicon-crown:before {
    content: "\EB20"
}

.sicon-cup-hot:before {
    content: "\EB24"
}

.sicon-cut:before {
    content: "\EB29"
}

.sicon-dashboard-high:before {
    content: "\EB2C"
}

.sicon-dashboard-low:before {
    content: "\EB2D"
}

.sicon-dashboard:before {
    content: "\EB2E"
}

.sicon-database-add:before {
    content: "\EB2F"
}

.sicon-database-cancel:before {
    content: "\EB30"
}

.sicon-database-lock:before {
    content: "\EB31"
}

.sicon-database-minus:before {
    content: "\EB32"
}

.sicon-database:before {
    content: "\EB33"
}

.sicon-dead-mask:before {
    content: "\EB34"
}

.sicon-delete:before {
    content: "\EB38"
}

.sicon-device-image:before {
    content: "\EB39"
}

.sicon-device-portrait:before {
    content: "\EB3A"
}

.sicon-devices:before {
    content: "\EB3C"
}

.sicon-directional-pad:before {
    content: "\EB51"
}

.sicon-do-not-enter:before {
    content: "\EB57"
}

.sicon-doh:before {
    content: "\EB5E"
}

.sicon-dolley:before {
    content: "\EB60"
}

.sicon-double-tap:before {
    content: "\EB66"
}

.sicon-double-zero-square:before {
    content: "\EB67"
}

.sicon-double-zero:before {
    content: "\EB68"
}

.sicon-download-harddrive:before {
    content: "\EB69"
}

.sicon-download:before {
    content: "\EB6A"
}

.sicon-dress-long-sleeve:before {
    content: "\EB6D"
}

.sicon-ear-off:before {
    content: "\EB84"
}

.sicon-ear:before {
    content: "\EB86"
}

.sicon-earth:before {
    content: "\EB89"
}

.sicon-easel-landscape:before {
    content: "\EB8A"
}

.sicon-easel-portrait:before {
    content: "\EB8B"
}

.sicon-edit:before {
    content: "\EB90"
}

.sicon-eject:before {
    content: "\EB99"
}

.sicon-ellipsis-vertical:before {
    content: "\EB9D"
}

.sicon-ellipsis:before {
    content: "\EB9E"
}

.sicon-empire-state-building:before {
    content: "\EB9F"
}

.sicon-energy-circle:before {
    content: "\EBA1"
}

.sicon-energy-square:before {
    content: "\EBA3"
}

.sicon-envelope:before {
    content: "\EBA5"
}

.sicon-ER-square:before {
    content: "\EBA8"
}

.sicon-expand:before {
    content: "\EBAD"
}

.sicon-expert:before {
    content: "\EBAE"
}

.sicon-explode:before {
    content: "\EBAF"
}

.sicon-exposure-alt:before {
    content: "\EBB0"
}

.sicon-eye-dropper:before {
    content: "\EBB3"
}

.sicon-eye-off:before {
    content: "\EBB4"
}

.sicon-eye:before {
    content: "\EBB6"
}

.sicon-fabric-swatch:before {
    content: "\EBB7"
}

.sicon-face-id:before {
    content: "\EBB8"
}

.sicon-fast-forward:before {
    content: "\EBBC"
}

.sicon-favorite-off:before {
    content: "\EBBF"
}

.sicon-favorite:before {
    content: "\EBC0"
}

.sicon-fax-machine:before {
    content: "\EBC1"
}

.sicon-feather-pen:before {
    content: "\EBC2"
}

.sicon-female:before {
    content: "\EBC3"
}

.sicon-file-archive:before {
    content: "\EBCD"
}

.sicon-file-badge:before {
    content: "\EBCF"
}

.sicon-file-bitcoin:before {
    content: "\EBD0"
}

.sicon-file-cabinet:before {
    content: "\EBD1"
}

.sicon-file-dollar:before {
    content: "\EBD4"
}

.sicon-file-download:before {
    content: "\EBD5"
}

.sicon-file-medicine:before {
    content: "\EBDC"
}

.sicon-file-off:before {
    content: "\EBE1"
}

.sicon-file-partial:before {
    content: "\EBE2"
}

.sicon-file-upload:before {
    content: "\EBEC"
}

.sicon-film-reel:before {
    content: "\EBF0"
}

.sicon-film-strip:before {
    content: "\EBF1"
}

.sicon-film:before {
    content: "\EBF2"
}

.sicon-filter:before {
    content: "\EBF3"
}

.sicon-fingerprint:before {
    content: "\EBF4"
}

.sicon-fire:before {
    content: "\EBF7"
}

.sicon-fit:before {
    content: "\EC01"
}

.sicon-fitness-watch:before {
    content: "\EC02"
}

.sicon-flag-wave:before {
    content: "\EC06"
}

.sicon-flag:before {
    content: "\EC07"
}

.sicon-flash:before {
    content: "\EC0B"
}

.sicon-floppy-disk:before {
    content: "\EC0E"
}

.sicon-flower-setting:before {
    content: "\EC10"
}

.sicon-flower-stem:before {
    content: "\EC11"
}

.sicon-folder-add:before {
    content: "\EC17"
}

.sicon-folder-audio:before {
    content: "\EC18"
}

.sicon-folder-cancel:before {
    content: "\EC19"
}

.sicon-folder-check:before {
    content: "\EC1A"
}

.sicon-folder-cloud:before {
    content: "\EC1B"
}

.sicon-folder-code:before {
    content: "\EC1C"
}

.sicon-folder-download:before {
    content: "\EC1D"
}

.sicon-folder-health:before {
    content: "\EC1E"
}

.sicon-folder-image:before {
    content: "\EC1F"
}

.sicon-folder-music:before {
    content: "\EC20"
}

.sicon-folder-open:before {
    content: "\EC21"
}

.sicon-folder-upload:before {
    content: "\EC22"
}

.sicon-folder-user:before {
    content: "\EC23"
}

.sicon-folder:before {
    content: "\EC24"
}

.sicon-folders-image:before {
    content: "\EC25"
}

.sicon-folders:before {
    content: "\EC26"
}

.sicon-fork-knife:before {
    content: "\EC2D"
}

.sicon-forked:before {
    content: "\EC31"
}

.sicon-format-bold:before {
    content: "\EC32"
}

.sicon-format-border-color:before {
    content: "\EC33"
}

.sicon-format-fill:before {
    content: "\EC34"
}

.sicon-format-italic:before {
    content: "\EC35"
}

.sicon-format-shapes:before {
    content: "\EC37"
}

.sicon-format-size:before {
    content: "\EC38"
}

.sicon-format-strikethrough-alt:before {
    content: "\EC39"
}

.sicon-format-strikethrough:before {
    content: "\EC3A"
}

.sicon-format-text-alt:before {
    content: "\EC3B"
}

.sicon-format-text-color:before {
    content: "\EC3C"
}

.sicon-format-text:before {
    content: "\EC3D"
}

.sicon-format-underline:before {
    content: "\EC3E"
}

.sicon-forward:before {
    content: "\EC43"
}

.sicon-frame-image:before {
    content: "\EC48"
}

.sicon-frame-portrait:before {
    content: "\EC49"
}

.sicon-frown:before {
    content: "\EC4F"
}

.sicon-game-controller-alt:before {
    content: "\EC52"
}

.sicon-gameboard:before {
    content: "\EC54"
}

.sicon-gameboy:before {
    content: "\EC55"
}

.sicon-gavel:before {
    content: "\EC5A"
}

.sicon-ghost:before {
    content: "\EC5B"
}

.sicon-gift:before {
    content: "\EC5D"
}

.sicon-gifts:before {
    content: "\EC5E"
}

.sicon-graduation-cap:before {
    content: "\EC6F"
}

.sicon-graph-bar:before {
    content: "\EC71"
}

.sicon-graph-line:before {
    content: "\EC72"
}

.sicon-grid:before {
    content: "\EC76"
}

.sicon-grocery-bag:before {
    content: "\EC7A"
}

.sicon-group-add:before {
    content: "\EC7B"
}

.sicon-group-four:before {
    content: "\EC7C"
}

.sicon-group:before {
    content: "\EC7D"
}

.sicon-hammer-screwdriver:before {
    content: "\EC86"
}

.sicon-hand:before {
    content: "\EC89"
}

.sicon-happy:before {
    content: "\EC8A"
}

.sicon-harddrive:before {
    content: "\EC8C"
}

.sicon-hashtag:before {
    content: "\EC8F"
}

.sicon-HD-square:before {
    content: "\EC92"
}

.sicon-HD:before {
    content: "\EC93"
}

.sicon-headphones:before {
    content: "\EC97"
}

.sicon-headset:before {
    content: "\EC98"
}

.sicon-health-cross:before {
    content: "\EC99"
}

.sicon-heart-arrow:before {
    content: "\EC9A"
}

.sicon-heart-check:before {
    content: "\EC9B"
}

.sicon-heart-money:before {
    content: "\EC9E"
}

.sicon-heart-off:before {
    content: "\EC9F"
}

.sicon-heart-rate:before {
    content: "\ECA0"
}

.sicon-heart:before {
    content: "\ECA1"
}

.sicon-hearts:before {
    content: "\ECA2"
}

.sicon-help:before {
    content: "\ECA5"
}

.sicon-hierarchy:before {
    content: "\ECA6"
}

.sicon-hiking-pack:before {
    content: "\ECA9"
}

.sicon-hiking:before {
    content: "\ECAA"
}

.sicon-hipster:before {
    content: "\ECAC"
}

.sicon-history:before {
    content: "\ECAD"
}

.sicon-hitchikers-guide:before {
    content: "\ECAE"
}

.sicon-hobby-knife:before {
    content: "\ECAF"
}

.sicon-home-heart:before {
    content: "\ECB4"
}

.sicon-home-water:before {
    content: "\ECB6"
}

.sicon-home:before {
    content: "\ECB7"
}

.sicon-house-door:before {
    content: "\ECC4"
}

.sicon-house:before {
    content: "\ECC7"
}

.sicon-image-carousel:before {
    content: "\ECD0"
}

.sicon-image-chat:before {
    content: "\ECD1"
}

.sicon-image-search:before {
    content: "\ECD2"
}

.sicon-image:before {
    content: "\ECD3"
}

.sicon-images:before {
    content: "\ECD4"
}

.sicon-inbox-add:before {
    content: "\ECD5"
}

.sicon-inbox-download:before {
    content: "\ECD6"
}

.sicon-inbox-full:before {
    content: "\ECD7"
}

.sicon-inbox-multi:before {
    content: "\ECD8"
}

.sicon-inbox-music:before {
    content: "\ECD9"
}

.sicon-inbox-upload:before {
    content: "\ECDA"
}

.sicon-inbox:before {
    content: "\ECDB"
}

.sicon-indent-decrease:before {
    content: "\ECDC"
}

.sicon-indent:before {
    content: "\ECDD"
}

.sicon-info:before {
    content: "\ECDF"
}

.sicon-information:before {
    content: "\ECE0"
}

.sicon-ipad:before {
    content: "\ECE3"
}

.sicon-iphone-x:before {
    content: "\ECE4"
}

.sicon-iphone:before {
    content: "\ECE5"
}

.sicon-ipod:before {
    content: "\ECE6"
}

.sicon-journal-pencil:before {
    content: "\ECF0"
}

.sicon-journal:before {
    content: "\ECF1"
}

.sicon-key:before {
    content: "\ECF8"
}

.sicon-keyboard-down:before {
    content: "\ECF9"
}

.sicon-keyboard-up:before {
    content: "\ECFB"
}

.sicon-keyboard:before {
    content: "\ECFC"
}

.sicon-keyhole-alt:before {
    content: "\ECFD"
}

.sicon-keyhole:before {
    content: "\ECFE"
}

.sicon-keypad:before {
    content: "\ED00"
}

.sicon-laptop:before {
    content: "\ED12"
}

.sicon-layout-grid-rearrange:before {
    content: "\ED13"
}

.sicon-layout-grid:before {
    content: "\ED14"
}

.sicon-leaf-angle:before {
    content: "\ED16"
}

.sicon-left:before {
    content: "\ED1C"
}

.sicon-lego:before {
    content: "\ED1D"
}

.sicon-library:before {
    content: "\ED22"
}

.sicon-life-ring:before {
    content: "\ED23"
}

.sicon-lightbulb:before {
    content: "\ED28"
}

.sicon-lightning:before {
    content: "\ED2A"
}

.sicon-link:before {
    content: "\ED2C"
}

.sicon-list-add:before {
    content: "\ED2E"
}

.sicon-list-check:before {
    content: "\ED2F"
}

.sicon-list-numbered:before {
    content: "\ED30"
}

.sicon-list-play:before {
    content: "\ED31"
}

.sicon-list-reorder:before {
    content: "\ED32"
}

.sicon-list:before {
    content: "\ED33"
}

.sicon-location-add:before {
    content: "\ED37"
}

.sicon-location-cancel:before {
    content: "\ED38"
}

.sicon-location-off:before {
    content: "\ED39"
}

.sicon-location-target:before {
    content: "\ED3A"
}

.sicon-location:before {
    content: "\ED3B"
}

.sicon-lock-off:before {
    content: "\ED3C"
}

.sicon-lock:before {
    content: "\ED3D"
}

.sicon-loupe-zoom:before {
    content: "\ED42"
}

.sicon-loupe:before {
    content: "\ED43"
}

.sicon-love-letter:before {
    content: "\ED44"
}

.sicon-luggage-cart:before {
    content: "\ED45"
}

.sicon-macro:before {
    content: "\ED49"
}

.sicon-magazine:before {
    content: "\ED4A"
}

.sicon-magic-wand:before {
    content: "\ED4B"
}

.sicon-magnet:before {
    content: "\ED4C"
}

.sicon-mail-add-alt:before {
    content: "\ED4D"
}

.sicon-mail-add:before {
    content: "\ED4E"
}

.sicon-mail-cascade:before {
    content: "\ED4F"
}

.sicon-mail-download:before {
    content: "\ED50"
}

.sicon-mail-letter:before {
    content: "\ED51"
}

.sicon-mail-multi:before {
    content: "\ED52"
}

.sicon-mail-open:before {
    content: "\ED53"
}

.sicon-mail-search:before {
    content: "\ED54"
}

.sicon-mail-time:before {
    content: "\ED55"
}

.sicon-mail-upload:before {
    content: "\ED56"
}

.sicon-mail:before {
    content: "\ED57"
}

.sicon-mailbox:before {
    content: "\ED58"
}

.sicon-male:before {
    content: "\ED59"
}

.sicon-man-fancy:before {
    content: "\ED5B"
}

.sicon-map-grid:before {
    content: "\ED60"
}

.sicon-map-location:before {
    content: "\ED61"
}

.sicon-map-search:before {
    content: "\ED62"
}

.sicon-map:before {
    content: "\ED63"
}

.sicon-medal:before {
    content: "\ED70"
}

.sicon-media-player:before {
    content: "\ED71"
}

.sicon-megaphone:before {
    content: "\ED76"
}

.sicon-meh:before {
    content: "\ED77"
}

.sicon-memo-money:before {
    content: "\ED7A"
}

.sicon-memo:before {
    content: "\ED7B"
}

.sicon-menu-vertical:before {
    content: "\ED7E"
}

.sicon-menu:before {
    content: "\ED7F"
}

.sicon-mic-alt:before {
    content: "\ED84"
}

.sicon-mic-stand:before {
    content: "\ED87"
}

.sicon-mic:before {
    content: "\ED88"
}

.sicon-minimize:before {
    content: "\ED8E"
}

.sicon-minus-circle:before {
    content: "\ED8F"
}

.sicon-minus-square:before {
    content: "\ED90"
}

.sicon-minus:before {
    content: "\ED91"
}

.sicon-money-card:before {
    content: "\ED96"
}

.sicon-money-chat:before {
    content: "\ED97"
}

.sicon-money-circle:before {
    content: "\ED98"
}

.sicon-money-home:before {
    content: "\ED99"
}

.sicon-moon:before {
    content: "\EDA5"
}

.sicon-mouse-buttons:before {
    content: "\EDAC"
}

.sicon-mug-heart:before {
    content: "\EDB0"
}

.sicon-music-cascade:before {
    content: "\EDB7"
}

.sicon-music:before {
    content: "\EDBB"
}

.sicon-navigation-circle:before {
    content: "\EDC1"
}

.sicon-navigation:before {
    content: "\EDC2"
}

.sicon-near-me-circle:before {
    content: "\EDC3"
}

.sicon-near-me:before {
    content: "\EDC4"
}

.sicon-neck-tie:before {
    content: "\EDC5"
}

.sicon-newspaper-alt:before {
    content: "\EDCA"
}

.sicon-newspaper:before {
    content: "\EDCB"
}

.sicon-notification:before {
    content: "\EDD5"
}

.sicon-office:before {
    content: "\EDDA"
}

.sicon-padlock-unlock:before {
    content: "\EDF0"
}

.sicon-padlock:before {
    content: "\EDF1"
}

.sicon-page-add:before {
    content: "\EDF2"
}

.sicon-page-alt:before {
    content: "\EDF3"
}

.sicon-page-cancel:before {
    content: "\EDF4"
}

.sicon-page-check:before {
    content: "\EDF5"
}

.sicon-page-content:before {
    content: "\EDF6"
}

.sicon-page-minus:before {
    content: "\EDF7"
}

.sicon-page-search-alt:before {
    content: "\EDF8"
}

.sicon-page-search:before {
    content: "\EDF9"
}

.sicon-page:before {
    content: "\EDFA"
}

.sicon-pages-insert:before {
    content: "\EDFC"
}

.sicon-pages:before {
    content: "\EDFD"
}

.sicon-paper-airplane:before {
    content: "\EE0A"
}

.sicon-paperclip:before {
    content: "\EE0C"
}

.sicon-parking:before {
    content: "\EE0F"
}

.sicon-partly-cloudy:before {
    content: "\EE11"
}

.sicon-party-bell:before {
    content: "\EE12"
}

.sicon-party-horn:before {
    content: "\EE13"
}

.sicon-passport:before {
    content: "\EE14"
}

.sicon-pause-circle:before {
    content: "\EE16"
}

.sicon-pause:before {
    content: "\EE17"
}

.sicon-pen-nib:before {
    content: "\EE21"
}

.sicon-pen:before {
    content: "\EE23"
}

.sicon-pencil-off:before {
    content: "\EE24"
}

.sicon-pencil-paintbrush:before {
    content: "\EE26"
}

.sicon-pencil-ruler:before {
    content: "\EE27"
}

.sicon-pencil:before {
    content: "\EE29"
}

.sicon-percentage-chat:before {
    content: "\EE2F"
}

.sicon-percentage:before {
    content: "\EE30"
}

.sicon-person-bowtie-suspenders:before {
    content: "\EE31"
}

.sicon-phone-pencil:before {
    content: "\EE3C"
}

.sicon-phone-rotary:before {
    content: "\EE3F"
}

.sicon-phone-talking:before {
    content: "\EE40"
}

.sicon-phone:before {
    content: "\EE41"
}

.sicon-photo-flower:before {
    content: "\EE42"
}

.sicon-photo-library:before {
    content: "\EE43"
}

.sicon-photo-portrait:before {
    content: "\EE44"
}

.sicon-photo-search:before {
    content: "\EE45"
}

.sicon-photo:before {
    content: "\EE46"
}

.sicon-photos:before {
    content: "\EE47"
}

.sicon-pin:before {
    content: "\EE54"
}

.sicon-plane-arrival:before {
    content: "\EE5C"
}

.sicon-plane-departure:before {
    content: "\EE5D"
}

.sicon-play-circle:before {
    content: "\EE61"
}

.sicon-play-library:before {
    content: "\EE62"
}

.sicon-play:before {
    content: "\EE63"
}

.sicon-playlist:before {
    content: "\EE64"
}

.sicon-plug-electric:before {
    content: "\EE65"
}

.sicon-plug-sun:before {
    content: "\EE66"
}

.sicon-plug:before {
    content: "\EE68"
}

.sicon-podcast:before {
    content: "\EE6E"
}

.sicon-point-down:before {
    content: "\EE71"
}

.sicon-point-left:before {
    content: "\EE72"
}

.sicon-point-right:before {
    content: "\EE73"
}

.sicon-point-up:before {
    content: "\EE74"
}

.sicon-poll:before {
    content: "\EE7A"
}

.sicon-portfolio:before {
    content: "\EE8B"
}

.sicon-portrait-carousel:before {
    content: "\EE8D"
}

.sicon-portrait-library:before {
    content: "\EE8E"
}

.sicon-portrait:before {
    content: "\EE8F"
}

.sicon-portraits:before {
    content: "\EE90"
}

.sicon-power-circle:before {
    content: "\EE98"
}

.sicon-power:before {
    content: "\EE9A"
}

.sicon-prescription-bottle:before {
    content: "\EE9B"
}

.sicon-presentation-alt:before {
    content: "\EE9E"
}

.sicon-printer:before {
    content: "\EEA1"
}

.sicon-puzzle:before {
    content: "\EEA8"
}

.sicon-quote-close-alt:before {
    content: "\EEAA"
}

.sicon-quote-close:before {
    content: "\EEAB"
}

.sicon-quote-open-alt:before {
    content: "\EEAC"
}

.sicon-quote-open:before {
    content: "\EEAD"
}

.sicon-receipt-money:before {
    content: "\EEBF"
}

.sicon-receipt:before {
    content: "\EEC0"
}

.sicon-recycle:before {
    content: "\EEC3"
}

.sicon-redeye:before {
    content: "\EEC4"
}

.sicon-refund:before {
    content: "\EEC6"
}

.sicon-register:before {
    content: "\EEC7"
}

.sicon-reply-all:before {
    content: "\EECB"
}

.sicon-reply:before {
    content: "\EECC"
}

.sicon-rewind:before {
    content: "\EECE"
}

.sicon-right:before {
    content: "\EED1"
}

.sicon-rocket:before {
    content: "\EED6"
}

.sicon-room-card:before {
    content: "\EED9"
}

.sicon-rotate:before {
    content: "\EEDA"
}

.sicon-rotation-lock:before {
    content: "\EEDB"
}

.sicon-rotation-unlock:before {
    content: "\EEDC"
}

.sicon-route-highway:before {
    content: "\EEDD"
}

.sicon-rss:before {
    content: "\EEE0"
}

.sicon-ruler-square:before {
    content: "\EEE4"
}

.sicon-ruler:before {
    content: "\EEE5"
}

.sicon-running:before {
    content: "\EEE6"
}

.sicon-school-bell:before {
    content: "\EEF6"
}

.sicon-schoolbus:before {
    content: "\EEF8"
}

.sicon-science:before {
    content: "\EEF9"
}

.sicon-screw-flathead:before {
    content: "\EEFC"
}

.sicon-screw-phillips:before {
    content: "\EEFD"
}

.sicon-screw-star:before {
    content: "\EEFF"
}

.sicon-script:before {
    content: "\EF04"
}

.sicon-sd-card:before {
    content: "\EF07"
}

.sicon-search:before {
    content: "\EF09"
}

.sicon-season-winter:before {
    content: "\EF0F"
}

.sicon-security-camera:before {
    content: "\EF16"
}

.sicon-send-down:before {
    content: "\EF17"
}

.sicon-send-forward:before {
    content: "\EF18"
}

.sicon-send-in:before {
    content: "\EF19"
}

.sicon-send-mail:before {
    content: "\EF1A"
}

.sicon-send-out:before {
    content: "\EF1B"
}

.sicon-send-to-device:before {
    content: "\EF1C"
}

.sicon-send-up:before {
    content: "\EF1D"
}

.sicon-send:before {
    content: "\EF1E"
}

.sicon-settings:before {
    content: "\EF1F"
}

.sicon-shake:before {
    content: "\EF22"
}

.sicon-share-alt:before {
    content: "\EF25"
}

.sicon-share:before {
    content: "\EF26"
}

.sicon-shield-alert:before {
    content: "\EF29"
}

.sicon-shield-alt:before {
    content: "\EF2A"
}

.sicon-shield-check:before {
    content: "\EF2B"
}

.sicon-ship-wheel:before {
    content: "\EF2F"
}

.sicon-ship:before {
    content: "\EF30"
}

.sicon-shipping-fast:before {
    content: "\EF31"
}

.sicon-shipping:before {
    content: "\EF32"
}

.sicon-shirt-button-down:before {
    content: "\EF33"
}

.sicon-shirt-tie:before {
    content: "\EF34"
}

.sicon-shopping-bag:before {
    content: "\EF36"
}

.sicon-shopping-basket-alt:before {
    content: "\EF37"
}

.sicon-shopping-basket:before {
    content: "\EF38"
}

.sicon-shopping:before {
    content: "\EF39"
}

.sicon-shredder:before {
    content: "\EF3D"
}

.sicon-shuttle:before {
    content: "\EF41"
}

.sicon-signal-range:before {
    content: "\EF45"
}

.sicon-signs-alt:before {
    content: "\EF46"
}

.sicon-sim-card-alert:before {
    content: "\EF48"
}

.sicon-skip-backward:before {
    content: "\EF59"
}

.sicon-skip-forward:before {
    content: "\EF5A"
}

.sicon-skull-crossbones:before {
    content: "\EF5D"
}

.sicon-skull:before {
    content: "\EF5E"
}

.sicon-sleep:before {
    content: "\EF60"
}

.sicon-smile:before {
    content: "\EF63"
}

.sicon-speaker:before {
    content: "\EF80"
}

.sicon-special-alert:before {
    content: "\EF81"
}

.sicon-special-check:before {
    content: "\EF82"
}

.sicon-special-discount:before {
    content: "\EF83"
}

.sicon-special-money:before {
    content: "\EF84"
}

.sicon-spinner:before {
    content: "\EF8F"
}

.sicon-spy:before {
    content: "\EF9B"
}

.sicon-stack:before {
    content: "\EF9E"
}

.sicon-stair-car:before {
    content: "\EF9F"
}

.sicon-stamp-inset:before {
    content: "\EFA2"
}

.sicon-stanp-portrait:before {
    content: "\EFA4"
}

.sicon-star:before {
    content: "\EFA8"
}

.sicon-steps:before {
    content: "\EFAE"
}

.sicon-stocks-down:before {
    content: "\EFB2"
}

.sicon-stocks-up:before {
    content: "\EFB3"
}

.sicon-stopsign-alert:before {
    content: "\EFB7"
}

.sicon-stopwatch-off:before {
    content: "\EFB8"
}

.sicon-stopwatch:before {
    content: "\EFB9"
}

.sicon-store-alt:before {
    content: "\EFBA"
}

.sicon-store2:before {
    content: "\EFBB"
}

.sicon-storm:before {
    content: "\EFBC"
}

.sicon-suitcase:before {
    content: "\EFC6"
}

.sicon-sun:before {
    content: "\EFC8"
}

.sicon-sunglasses:before {
    content: "\EFC9"
}

.sicon-survey:before {
    content: "\EFD0"
}

.sicon-swap-fill:before {
    content: "\EFD2"
}

.sicon-swap-stroke:before {
    content: "\EFD3"
}

.sicon-swatchbook:before {
    content: "\EFD4"
}

.sicon-swipe-left:before {
    content: "\EFD6"
}

.sicon-swipe-right:before {
    content: "\EFD7"
}

.sicon-switch-flip:before {
    content: "\EFD8"
}

.sicon-sync:before {
    content: "\EFDF"
}

.sicon-t-shirt-long-sleeve:before {
    content: "\EFE2"
}

.sicon-t-shirt:before {
    content: "\EFE3"
}

.sicon-tag-money:before {
    content: "\EFE9"
}

.sicon-tag-special:before {
    content: "\EFEA"
}

.sicon-tag:before {
    content: "\EFEB"
}

.sicon-tap:before {
    content: "\EFEF"
}

.sicon-target:before {
    content: "\EFF3"
}

.sicon-team:before {
    content: "\EFF5"
}

.sicon-terminal:before {
    content: "\F002"
}

.sicon-theater-masks:before {
    content: "\F004"
}

.sicon-three-square:before {
    content: "\F008"
}

.sicon-thumbdrive:before {
    content: "\F00A"
}

.sicon-thumbs-down:before {
    content: "\F00B"
}

.sicon-thumbs-up:before {
    content: "\F00C"
}

.sicon-thumbtack:before {
    content: "\F00D"
}

.sicon-ticket-movie:before {
    content: "\F00F"
}

.sicon-ticket:before {
    content: "\F010"
}

.sicon-time:before {
    content: "\F014"
}

.sicon-timer:before {
    content: "\F016"
}

.sicon-toggle-off:before {
    content: "\F01B"
}

.sicon-toggles:before {
    content: "\F01D"
}

.sicon-toolbox:before {
    content: "\F027"
}

.sicon-tornado:before {
    content: "\F02C"
}

.sicon-touch-type:before {
    content: "\F02E"
}

.sicon-trail-map:before {
    content: "\F036"
}

.sicon-train:before {
    content: "\F03B"
}

.sicon-transfer-alt:before {
    content: "\F03E"
}

.sicon-transfer:before {
    content: "\F03F"
}

.sicon-trash-cancel:before {
    content: "\F040"
}

.sicon-trash:before {
    content: "\F041"
}

.sicon-treasure-chest:before {
    content: "\F043"
}

.sicon-trend-down:before {
    content: "\F048"
}

.sicon-trend-up:before {
    content: "\F049"
}

.sicon-triangle-measure:before {
    content: "\F04A"
}

.sicon-trophy2:before {
    content: "\F04C"
}

.sicon-tty:before {
    content: "\F04E"
}

.sicon-tulip-pot:before {
    content: "\F04F"
}

.sicon-tune-alt:before {
    content: "\F050"
}

.sicon-tune:before {
    content: "\F051"
}

.sicon-turkey:before {
    content: "\F052"
}

.sicon-turret:before {
    content: "\F055"
}

.sicon-tv:before {
    content: "\F058"
}

.sicon-type-square:before {
    content: "\F060"
}

.sicon-typewriter:before {
    content: "\F061"
}

.sicon-typography:before {
    content: "\F062"
}

.sicon-unicorn:before {
    content: "\F067"
}

.sicon-universal-access-alt:before {
    content: "\F069"
}

.sicon-universal-access:before {
    content: "\F06B"
}

.sicon-unlock:before {
    content: "\F06C"
}

.sicon-user-add:before {
    content: "\F06F"
}

.sicon-user-cancel:before {
    content: "\F070"
}

.sicon-user-check:before {
    content: "\F071"
}

.sicon-user-circle:before {
    content: "\F072"
}

.sicon-user-heart:before {
    content: "\F073"
}

.sicon-user-list:before {
    content: "\F074"
}

.sicon-user-minus:before {
    content: "\F075"
}

.sicon-user-off:before {
    content: "\F076"
}

.sicon-user-square:before {
    content: "\F077"
}

.sicon-user:before {
    content: "\F078"
}

.sicon-users:before {
    content: "\F079"
}

.sicon-village:before {
    content: "\F084"
}

.sicon-vision:before {
    content: "\F086"
}

.sicon-volume-high:before {
    content: "\F08A"
}

.sicon-volume-low:before {
    content: "\F08B"
}

.sicon-volume-mute:before {
    content: "\F08C"
}

.sicon-volume-off:before {
    content: "\F08D"
}

.sicon-volume:before {
    content: "\F08E"
}

.sicon-waffle:before {
    content: "\F090"
}

.sicon-walkie-talkie:before {
    content: "\F091"
}

.sicon-wallet:before {
    content: "\F094"
}

.sicon-warming-cover:before {
    content: "\F096"
}

.sicon-warning:before {
    content: "\F097"
}

.sicon-watch-apple:before {
    content: "\F09A"
}

.sicon-watch-smart:before {
    content: "\F09B"
}

.sicon-watch:before {
    content: "\F09C"
}

.sicon-wave:before {
    content: "\F0A1"
}

.sicon-wheelchair-alt:before {
    content: "\F0A9"
}

.sicon-wheelchair:before {
    content: "\F0AA"
}

.sicon-whistle:before {
    content: "\F0AD"
}

.sicon-wifi:before {
    content: "\F0AF"
}

.sicon-wind:before {
    content: "\F0B1"
}

.sicon-window-layout:before {
    content: "\F0B3"
}

.sicon-winners-dias:before {
    content: "\F0B9"
}

.sicon-woman-man:before {
    content: "\F0C1"
}

.sicon-women:before {
    content: "\F0C2"
}

.sicon-world:before {
    content: "\F0C3"
}

.sicon-wrench-pencil:before {
    content: "\F0C6"
}

.sicon-wrench:before {
    content: "\F0C8"
}

.sicon-wrenches:before {
    content: "\F0C9"
}

.sicon-writing:before {
    content: "\F0CA"
}

.sicon-zip-archive:before {
    content: "\F0D3"
}

.sicon-zoom-in:before {
    content: "\F0D8"
}

.sicon-zoom-out:before {
    content: "\F0D9"
}

.sicon-sort-asc:before {
    content: "\E99D"
}

.sicon-sort-desc:before {
    content: "\E99E"
}

.sicon-sort:before {
    content: "\E99F"
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/icomoon.eot?ad579ff1278c3d4388d15fc27b40b67e);
    src: url(../fonts/icomoon.eot?ad579ff1278c3d4388d15fc27b40b67e?#iefix3p0rtw) format("embedded-opentype"),url(../fonts/icomoon.woff?c068d37f3b072da2ecefcf5369f219ad) format("woff"),url(../fonts/icomoon.ttf?34fdc4136a7e7e129a6e1897b4c50ee1) format("truetype"),url(../fonts/icomoon.svg?9fc4031c3e96973f418ed77f0ff3b0f3#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

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

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

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

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

.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"
}
/*!* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/

@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713);
    src: url(../fonts/fontawesome-webfont.eot?674f50d287a8c48dc19ba404d20fe713?#iefix&v=4.7.0) format("embedded-opentype"),
         url(../fonts/fontawesome-webfont.woff2?af7ae505a9eed503f8b8e6982036873e) format("woff2"),url(../fonts/fontawesome-webfont.woff?fee66e712a8a08eef5805a46892932ad) format("woff"),
         url(../fonts/fontawesome-webfont.ttf?b06871f281fee6b241d60582ae9369b9) format("truetype"),url(../fonts/fontawesome-webfont.svg?912ec66d7572ff821749319396470bde#fontawesomeregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.fa-lg {
    font-size: 1.33333333em;
    line-height: .75em;
    vertical-align: -15%
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-fw {
    width: 1.28571429em;
    text-align: center
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none
}

    .fa-ul > li {
        position: relative
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: .14285714em;
    text-align: center
}

    .fa-li.fa-lg {
        left: -1.85714286em
    }

.fa-border {
    padding: .2em .25em .15em;
    border: .08em solid #eee;
    border-radius: .1em
}

.fa-pull-left {
    float: left
}

.fa-pull-right {
    float: right
}

.fa.fa-pull-left {
    margin-right: .3em
}

.fa.fa-pull-right {
    margin-left: .3em
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.fa.pull-left {
    margin-right: .3em
}

.fa.pull-right {
    margin-left: .3em
}

.fa-spin {
    -webkit-animation: fa-spin 2s linear infinite;
    animation: fa-spin 2s linear infinite
}

.fa-pulse {
    -webkit-animation: fa-spin 1s steps(8) infinite;
    animation: fa-spin 1s steps(8) infinite
}

@-webkit-keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg)
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    transform: rotate(180deg)
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    transform: scaleX(-1)
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    transform: scaleY(-1)
}

:root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
    -webkit-filter: none;
    filter: none
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle
}

.fa-stack-1x, .fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: #fff
}

.fa-glass:before {
    content: "\F000"
}

.fa-music:before {
    content: "\F001"
}

.fa-search:before {
    content: "\F002"
}

.fa-envelope-o:before {
    content: "\F003"
}

.fa-heart:before {
    content: "\F004"
}

.fa-star:before {
    content: "\F005"
}

.fa-star-o:before {
    content: "\F006"
}

.fa-user:before {
    content: "\F007"
}

.fa-film:before {
    content: "\F008"
}

.fa-th-large:before {
    content: "\F009"
}

.fa-th:before {
    content: "\F00A"
}

.fa-th-list:before {
    content: "\F00B"
}

.fa-check:before {
    content: "\F00C"
}

.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\F00D"
}

.fa-search-plus:before {
    content: "\F00E"
}

.fa-search-minus:before {
    content: "\F010"
}

.fa-power-off:before {
    content: "\F011"
}

.fa-signal:before {
    content: "\F012"
}

.fa-cog:before, .fa-gear:before {
    content: "\F013"
}

.fa-trash-o:before {
    content: "\F014"
}

.fa-home:before {
    content: "\F015"
}

.fa-file-o:before {
    content: "\F016"
}

.fa-clock-o:before {
    content: "\F017"
}

.fa-road:before {
    content: "\F018"
}

.fa-download:before {
    content: "\F019"
}

.fa-arrow-circle-o-down:before {
    content: "\F01A"
}

.fa-arrow-circle-o-up:before {
    content: "\F01B"
}

.fa-inbox:before {
    content: "\F01C"
}

.fa-play-circle-o:before {
    content: "\F01D"
}

.fa-repeat:before, .fa-rotate-right:before {
    content: "\F01E"
}

.fa-refresh:before {
    content: "\F021"
}

.fa-list-alt:before {
    content: "\F022"
}

.fa-lock:before {
    content: "\F023"
}

.fa-flag:before {
    content: "\F024"
}

.fa-headphones:before {
    content: "\F025"
}

.fa-volume-off:before {
    content: "\F026"
}

.fa-volume-down:before {
    content: "\F027"
}

.fa-volume-up:before {
    content: "\F028"
}

.fa-qrcode:before {
    content: "\F029"
}

.fa-barcode:before {
    content: "\F02A"
}

.fa-tag:before {
    content: "\F02B"
}

.fa-tags:before {
    content: "\F02C"
}

.fa-book:before {
    content: "\F02D"
}

.fa-bookmark:before {
    content: "\F02E"
}

.fa-print:before {
    content: "\F02F"
}

.fa-camera:before {
    content: "\F030"
}

.fa-font:before {
    content: "\F031"
}

.fa-bold:before {
    content: "\F032"
}

.fa-italic:before {
    content: "\F033"
}

.fa-text-height:before {
    content: "\F034"
}

.fa-text-width:before {
    content: "\F035"
}

.fa-align-left:before {
    content: "\F036"
}

.fa-align-center:before {
    content: "\F037"
}

.fa-align-right:before {
    content: "\F038"
}

.fa-align-justify:before {
    content: "\F039"
}

.fa-list:before {
    content: "\F03A"
}

.fa-dedent:before, .fa-outdent:before {
    content: "\F03B"
}

.fa-indent:before {
    content: "\F03C"
}

.fa-video-camera:before {
    content: "\F03D"
}

.fa-image:before, .fa-photo:before, .fa-picture-o:before {
    content: "\F03E"
}

.fa-pencil:before {
    content: "\F040"
}

.fa-map-marker:before {
    content: "\F041"
}

.fa-adjust:before {
    content: "\F042"
}

.fa-tint:before {
    content: "\F043"
}

.fa-edit:before, .fa-pencil-square-o:before {
    content: "\F044"
}

.fa-share-square-o:before {
    content: "\F045"
}

.fa-check-square-o:before {
    content: "\F046"
}

.fa-arrows:before {
    content: "\F047"
}

.fa-step-backward:before {
    content: "\F048"
}

.fa-fast-backward:before {
    content: "\F049"
}

.fa-backward:before {
    content: "\F04A"
}

.fa-play:before {
    content: "\F04B"
}

.fa-pause:before {
    content: "\F04C"
}

.fa-stop:before {
    content: "\F04D"
}

.fa-forward:before {
    content: "\F04E"
}

.fa-fast-forward:before {
    content: "\F050"
}

.fa-step-forward:before {
    content: "\F051"
}

.fa-eject:before {
    content: "\F052"
}

.fa-chevron-left:before {
    content: "\F053"
}

.fa-chevron-right:before {
    content: "\F054"
}

.fa-plus-circle:before {
    content: "\F055"
}

.fa-minus-circle:before {
    content: "\F056"
}

.fa-times-circle:before {
    content: "\F057"
}

.fa-check-circle:before {
    content: "\F058"
}

.fa-question-circle:before {
    content: "\F059"
}

.fa-info-circle:before {
    content: "\F05A"
}

.fa-crosshairs:before {
    content: "\F05B"
}

.fa-times-circle-o:before {
    content: "\F05C"
}

.fa-check-circle-o:before {
    content: "\F05D"
}

.fa-ban:before {
    content: "\F05E"
}

.fa-arrow-left:before {
    content: "\F060"
}

.fa-arrow-right:before {
    content: "\F061"
}

.fa-arrow-up:before {
    content: "\F062"
}

.fa-arrow-down:before {
    content: "\F063"
}

.fa-mail-forward:before, .fa-share:before {
    content: "\F064"
}

.fa-expand:before {
    content: "\F065"
}

.fa-compress:before {
    content: "\F066"
}

.fa-plus:before {
    content: "\F067"
}

.fa-minus:before {
    content: "\F068"
}

.fa-asterisk:before {
    content: "\F069"
}

.fa-exclamation-circle:before {
    content: "\F06A"
}

.fa-gift:before {
    content: "\F06B"
}

.fa-leaf:before {
    content: "\F06C"
}

.fa-fire:before {
    content: "\F06D"
}

.fa-eye:before {
    content: "\F06E"
}

.fa-eye-slash:before {
    content: "\F070"
}

.fa-exclamation-triangle:before, .fa-warning:before {
    content: "\F071"
}

.fa-plane:before {
    content: "\F072"
}

.fa-calendar:before {
    content: "\F073"
}

.fa-random:before {
    content: "\F074"
}

.fa-comment:before {
    content: "\F075"
}

.fa-magnet:before {
    content: "\F076"
}

.fa-chevron-up:before {
    content: "\F077"
}

.fa-chevron-down:before {
    content: "\F078"
}

.fa-retweet:before {
    content: "\F079"
}

.fa-shopping-cart:before {
    content: "\F07A"
}

.fa-folder:before {
    content: "\F07B"
}

.fa-folder-open:before {
    content: "\F07C"
}

.fa-arrows-v:before {
    content: "\F07D"
}

.fa-arrows-h:before {
    content: "\F07E"
}

.fa-bar-chart-o:before, .fa-bar-chart:before {
    content: "\F080"
}

.fa-twitter-square:before {
    content: "\F081"
}

.fa-facebook-square:before {
    content: "\F082"
}

.fa-camera-retro:before {
    content: "\F083"
}

.fa-key:before {
    content: "\F084"
}

.fa-cogs:before, .fa-gears:before {
    content: "\F085"
}

.fa-comments:before {
    content: "\F086"
}

.fa-thumbs-o-up:before {
    content: "\F087"
}

.fa-thumbs-o-down:before {
    content: "\F088"
}

.fa-star-half:before {
    content: "\F089"
}

.fa-heart-o:before {
    content: "\F08A"
}

.fa-sign-out:before {
    content: "\F08B"
}

.fa-linkedin-square:before {
    content: "\F08C"
}

.fa-thumb-tack:before {
    content: "\F08D"
}

.fa-external-link:before {
    content: "\F08E"
}

.fa-sign-in:before {
    content: "\F090"
}

.fa-trophy:before {
    content: "\F091"
}

.fa-github-square:before {
    content: "\F092"
}

.fa-upload:before {
    content: "\F093"
}

.fa-lemon-o:before {
    content: "\F094"
}

.fa-phone:before {
    content: "\F095"
}

.fa-square-o:before {
    content: "\F096"
}

.fa-bookmark-o:before {
    content: "\F097"
}

.fa-phone-square:before {
    content: "\F098"
}

.fa-twitter:before {
    content: "\F099"
}

.fa-facebook-f:before, .fa-facebook:before {
    content: "\F09A"
}

.fa-github:before {
    content: "\F09B"
}

.fa-unlock:before {
    content: "\F09C"
}

.fa-credit-card:before {
    content: "\F09D"
}

.fa-feed:before, .fa-rss:before {
    content: "\F09E"
}

.fa-hdd-o:before {
    content: "\F0A0"
}

.fa-bullhorn:before {
    content: "\F0A1"
}

.fa-bell:before {
    content: "\F0F3"
}

.fa-certificate:before {
    content: "\F0A3"
}

.fa-hand-o-right:before {
    content: "\F0A4"
}

.fa-hand-o-left:before {
    content: "\F0A5"
}

.fa-hand-o-up:before {
    content: "\F0A6"
}

.fa-hand-o-down:before {
    content: "\F0A7"
}

.fa-arrow-circle-left:before {
    content: "\F0A8"
}

.fa-arrow-circle-right:before {
    content: "\F0A9"
}

.fa-arrow-circle-up:before {
    content: "\F0AA"
}

.fa-arrow-circle-down:before {
    content: "\F0AB"
}

.fa-globe:before {
    content: "\F0AC"
}

.fa-wrench:before {
    content: "\F0AD"
}

.fa-tasks:before {
    content: "\F0AE"
}

.fa-filter:before {
    content: "\F0B0"
}

.fa-briefcase:before {
    content: "\F0B1"
}

.fa-arrows-alt:before {
    content: "\F0B2"
}

.fa-group:before, .fa-users:before {
    content: "\F0C0"
}

.fa-chain:before, .fa-link:before {
    content: "\F0C1"
}

.fa-cloud:before {
    content: "\F0C2"
}

.fa-flask:before {
    content: "\F0C3"
}

.fa-cut:before, .fa-scissors:before {
    content: "\F0C4"
}

.fa-copy:before, .fa-files-o:before {
    content: "\F0C5"
}

.fa-paperclip:before {
    content: "\F0C6"
}

.fa-floppy-o:before, .fa-save:before {
    content: "\F0C7"
}

.fa-square:before {
    content: "\F0C8"
}

.fa-bars:before, .fa-navicon:before, .fa-reorder:before {
    content: "\F0C9"
}

.fa-list-ul:before {
    content: "\F0CA"
}

.fa-list-ol:before {
    content: "\F0CB"
}

.fa-strikethrough:before {
    content: "\F0CC"
}

.fa-underline:before {
    content: "\F0CD"
}

.fa-table:before {
    content: "\F0CE"
}

.fa-magic:before {
    content: "\F0D0"
}

.fa-truck:before {
    content: "\F0D1"
}

.fa-pinterest:before {
    content: "\F0D2"
}

.fa-pinterest-square:before {
    content: "\F0D3"
}

.fa-google-plus-square:before {
    content: "\F0D4"
}

.fa-google-plus:before {
    content: "\F0D5"
}

.fa-money:before {
    content: "\F0D6"
}

.fa-caret-down:before {
    content: "\F0D7"
}

.fa-caret-up:before {
    content: "\F0D8"
}

.fa-caret-left:before {
    content: "\F0D9"
}

.fa-caret-right:before {
    content: "\F0DA"
}

.fa-columns:before {
    content: "\F0DB"
}

.fa-sort:before, .fa-unsorted:before {
    content: "\F0DC"
}

.fa-sort-desc:before, .fa-sort-down:before {
    content: "\F0DD"
}

.fa-sort-asc:before, .fa-sort-up:before {
    content: "\F0DE"
}

.fa-envelope:before {
    content: "\F0E0"
}

.fa-linkedin:before {
    content: "\F0E1"
}

.fa-rotate-left:before, .fa-undo:before {
    content: "\F0E2"
}

.fa-gavel:before, .fa-legal:before {
    content: "\F0E3"
}

.fa-dashboard:before, .fa-tachometer:before {
    content: "\F0E4"
}

.fa-comment-o:before {
    content: "\F0E5"
}

.fa-comments-o:before {
    content: "\F0E6"
}

.fa-bolt:before, .fa-flash:before {
    content: "\F0E7"
}

.fa-sitemap:before {
    content: "\F0E8"
}

.fa-umbrella:before {
    content: "\F0E9"
}

.fa-clipboard:before, .fa-paste:before {
    content: "\F0EA"
}

.fa-lightbulb-o:before {
    content: "\F0EB"
}

.fa-exchange:before {
    content: "\F0EC"
}

.fa-cloud-download:before {
    content: "\F0ED"
}

.fa-cloud-upload:before {
    content: "\F0EE"
}

.fa-user-md:before {
    content: "\F0F0"
}

.fa-stethoscope:before {
    content: "\F0F1"
}

.fa-suitcase:before {
    content: "\F0F2"
}

.fa-bell-o:before {
    content: "\F0A2"
}

.fa-coffee:before {
    content: "\F0F4"
}

.fa-cutlery:before {
    content: "\F0F5"
}

.fa-file-text-o:before {
    content: "\F0F6"
}

.fa-building-o:before {
    content: "\F0F7"
}

.fa-hospital-o:before {
    content: "\F0F8"
}

.fa-ambulance:before {
    content: "\F0F9"
}

.fa-medkit:before {
    content: "\F0FA"
}

.fa-fighter-jet:before {
    content: "\F0FB"
}

.fa-beer:before {
    content: "\F0FC"
}

.fa-h-square:before {
    content: "\F0FD"
}

.fa-plus-square:before {
    content: "\F0FE"
}

.fa-angle-double-left:before {
    content: "\F100"
}

.fa-angle-double-right:before {
    content: "\F101"
}

.fa-angle-double-up:before {
    content: "\F102"
}

.fa-angle-double-down:before {
    content: "\F103"
}

.fa-angle-left:before {
    content: "\F104"
}

.fa-angle-right:before {
    content: "\F105"
}

.fa-angle-up:before {
    content: "\F106"
}

.fa-angle-down:before {
    content: "\F107"
}

.fa-desktop:before {
    content: "\F108"
}

.fa-laptop:before {
    content: "\F109"
}

.fa-tablet:before {
    content: "\F10A"
}

.fa-mobile-phone:before, .fa-mobile:before {
    content: "\F10B"
}

.fa-circle-o:before {
    content: "\F10C"
}

.fa-quote-left:before {
    content: "\F10D"
}

.fa-quote-right:before {
    content: "\F10E"
}

.fa-spinner:before {
    content: "\F110"
}

.fa-circle:before {
    content: "\F111"
}

.fa-mail-reply:before, .fa-reply:before {
    content: "\F112"
}

.fa-github-alt:before {
    content: "\F113"
}

.fa-folder-o:before {
    content: "\F114"
}

.fa-folder-open-o:before {
    content: "\F115"
}

.fa-smile-o:before {
    content: "\F118"
}

.fa-frown-o:before {
    content: "\F119"
}

.fa-meh-o:before {
    content: "\F11A"
}

.fa-gamepad:before {
    content: "\F11B"
}

.fa-keyboard-o:before {
    content: "\F11C"
}

.fa-flag-o:before {
    content: "\F11D"
}

.fa-flag-checkered:before {
    content: "\F11E"
}

.fa-terminal:before {
    content: "\F120"
}

.fa-code:before {
    content: "\F121"
}

.fa-mail-reply-all:before, .fa-reply-all:before {
    content: "\F122"
}

.fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before {
    content: "\F123"
}

.fa-location-arrow:before {
    content: "\F124"
}

.fa-crop:before {
    content: "\F125"
}

.fa-code-fork:before {
    content: "\F126"
}

.fa-chain-broken:before, .fa-unlink:before {
    content: "\F127"
}

.fa-question:before {
    content: "\F128"
}

.fa-info:before {
    content: "\F129"
}

.fa-exclamation:before {
    content: "\F12A"
}

.fa-superscript:before {
    content: "\F12B"
}

.fa-subscript:before {
    content: "\F12C"
}

.fa-eraser:before {
    content: "\F12D"
}

.fa-puzzle-piece:before {
    content: "\F12E"
}

.fa-microphone:before {
    content: "\F130"
}

.fa-microphone-slash:before {
    content: "\F131"
}

.fa-shield:before {
    content: "\F132"
}

.fa-calendar-o:before {
    content: "\F133"
}

.fa-fire-extinguisher:before {
    content: "\F134"
}

.fa-rocket:before {
    content: "\F135"
}

.fa-maxcdn:before {
    content: "\F136"
}

.fa-chevron-circle-left:before {
    content: "\F137"
}

.fa-chevron-circle-right:before {
    content: "\F138"
}

.fa-chevron-circle-up:before {
    content: "\F139"
}

.fa-chevron-circle-down:before {
    content: "\F13A"
}

.fa-html5:before {
    content: "\F13B"
}

.fa-css3:before {
    content: "\F13C"
}

.fa-anchor:before {
    content: "\F13D"
}

.fa-unlock-alt:before {
    content: "\F13E"
}

.fa-bullseye:before {
    content: "\F140"
}

.fa-ellipsis-h:before {
    content: "\F141"
}

.fa-ellipsis-v:before {
    content: "\F142"
}

.fa-rss-square:before {
    content: "\F143"
}

.fa-play-circle:before {
    content: "\F144"
}

.fa-ticket:before {
    content: "\F145"
}

.fa-minus-square:before {
    content: "\F146"
}

.fa-minus-square-o:before {
    content: "\F147"
}

.fa-level-up:before {
    content: "\F148"
}

.fa-level-down:before {
    content: "\F149"
}

.fa-check-square:before {
    content: "\F14A"
}

.fa-pencil-square:before {
    content: "\F14B"
}

.fa-external-link-square:before {
    content: "\F14C"
}

.fa-share-square:before {
    content: "\F14D"
}

.fa-compass:before {
    content: "\F14E"
}

.fa-caret-square-o-down:before, .fa-toggle-down:before {
    content: "\F150"
}

.fa-caret-square-o-up:before, .fa-toggle-up:before {
    content: "\F151"
}

.fa-caret-square-o-right:before, .fa-toggle-right:before {
    content: "\F152"
}

.fa-eur:before, .fa-euro:before {
    content: "\F153"
}

.fa-gbp:before {
    content: "\F154"
}

.fa-dollar:before, .fa-usd:before {
    content: "\F155"
}

.fa-inr:before, .fa-rupee:before {
    content: "\F156"
}

.fa-cny:before, .fa-jpy:before, .fa-rmb:before, .fa-yen:before {
    content: "\F157"
}

.fa-rouble:before, .fa-rub:before, .fa-ruble:before {
    content: "\F158"
}

.fa-krw:before, .fa-won:before {
    content: "\F159"
}

.fa-bitcoin:before, .fa-btc:before {
    content: "\F15A"
}

.fa-file:before {
    content: "\F15B"
}

.fa-file-text:before {
    content: "\F15C"
}

.fa-sort-alpha-asc:before {
    content: "\F15D"
}

.fa-sort-alpha-desc:before {
    content: "\F15E"
}

.fa-sort-amount-asc:before {
    content: "\F160"
}

.fa-sort-amount-desc:before {
    content: "\F161"
}

.fa-sort-numeric-asc:before {
    content: "\F162"
}

.fa-sort-numeric-desc:before {
    content: "\F163"
}

.fa-thumbs-up:before {
    content: "\F164"
}

.fa-thumbs-down:before {
    content: "\F165"
}

.fa-youtube-square:before {
    content: "\F166"
}

.fa-youtube:before {
    content: "\F167"
}

.fa-xing:before {
    content: "\F168"
}

.fa-xing-square:before {
    content: "\F169"
}

.fa-youtube-play:before {
    content: "\F16A"
}

.fa-dropbox:before {
    content: "\F16B"
}

.fa-stack-overflow:before {
    content: "\F16C"
}

.fa-instagram:before {
    content: "\F16D"
}

.fa-flickr:before {
    content: "\F16E"
}

.fa-adn:before {
    content: "\F170"
}

.fa-bitbucket:before {
    content: "\F171"
}

.fa-bitbucket-square:before {
    content: "\F172"
}

.fa-tumblr:before {
    content: "\F173"
}

.fa-tumblr-square:before {
    content: "\F174"
}

.fa-long-arrow-down:before {
    content: "\F175"
}

.fa-long-arrow-up:before {
    content: "\F176"
}

.fa-long-arrow-left:before {
    content: "\F177"
}

.fa-long-arrow-right:before {
    content: "\F178"
}

.fa-apple:before {
    content: "\F179"
}

.fa-windows:before {
    content: "\F17A"
}

.fa-android:before {
    content: "\F17B"
}

.fa-linux:before {
    content: "\F17C"
}

.fa-dribbble:before {
    content: "\F17D"
}

.fa-skype:before {
    content: "\F17E"
}

.fa-foursquare:before {
    content: "\F180"
}

.fa-trello:before {
    content: "\F181"
}

.fa-female:before {
    content: "\F182"
}

.fa-male:before {
    content: "\F183"
}

.fa-gittip:before, .fa-gratipay:before {
    content: "\F184"
}

.fa-sun-o:before {
    content: "\F185"
}

.fa-moon-o:before {
    content: "\F186"
}

.fa-archive:before {
    content: "\F187"
}

.fa-bug:before {
    content: "\F188"
}

.fa-vk:before {
    content: "\F189"
}

.fa-weibo:before {
    content: "\F18A"
}

.fa-renren:before {
    content: "\F18B"
}

.fa-pagelines:before {
    content: "\F18C"
}

.fa-stack-exchange:before {
    content: "\F18D"
}

.fa-arrow-circle-o-right:before {
    content: "\F18E"
}

.fa-arrow-circle-o-left:before {
    content: "\F190"
}

.fa-caret-square-o-left:before, .fa-toggle-left:before {
    content: "\F191"
}

.fa-dot-circle-o:before {
    content: "\F192"
}

.fa-wheelchair:before {
    content: "\F193"
}

.fa-vimeo-square:before {
    content: "\F194"
}

.fa-try:before, .fa-turkish-lira:before {
    content: "\F195"
}

.fa-plus-square-o:before {
    content: "\F196"
}

.fa-space-shuttle:before {
    content: "\F197"
}

.fa-slack:before {
    content: "\F198"
}

.fa-envelope-square:before {
    content: "\F199"
}

.fa-wordpress:before {
    content: "\F19A"
}

.fa-openid:before {
    content: "\F19B"
}

.fa-bank:before, .fa-institution:before, .fa-university:before {
    content: "\F19C"
}

.fa-graduation-cap:before, .fa-mortar-board:before {
    content: "\F19D"
}

.fa-yahoo:before {
    content: "\F19E"
}

.fa-google:before {
    content: "\F1A0"
}

.fa-reddit:before {
    content: "\F1A1"
}

.fa-reddit-square:before {
    content: "\F1A2"
}

.fa-stumbleupon-circle:before {
    content: "\F1A3"
}

.fa-stumbleupon:before {
    content: "\F1A4"
}

.fa-delicious:before {
    content: "\F1A5"
}

.fa-digg:before {
    content: "\F1A6"
}

.fa-pied-piper-pp:before {
    content: "\F1A7"
}

.fa-pied-piper-alt:before {
    content: "\F1A8"
}

.fa-drupal:before {
    content: "\F1A9"
}

.fa-joomla:before {
    content: "\F1AA"
}

.fa-language:before {
    content: "\F1AB"
}

.fa-fax:before {
    content: "\F1AC"
}

.fa-building:before {
    content: "\F1AD"
}

.fa-child:before {
    content: "\F1AE"
}

.fa-paw:before {
    content: "\F1B0"
}

.fa-spoon:before {
    content: "\F1B1"
}

.fa-cube:before {
    content: "\F1B2"
}

.fa-cubes:before {
    content: "\F1B3"
}

.fa-behance:before {
    content: "\F1B4"
}

.fa-behance-square:before {
    content: "\F1B5"
}

.fa-steam:before {
    content: "\F1B6"
}

.fa-steam-square:before {
    content: "\F1B7"
}

.fa-recycle:before {
    content: "\F1B8"
}

.fa-automobile:before, .fa-car:before {
    content: "\F1B9"
}

.fa-cab:before, .fa-taxi:before {
    content: "\F1BA"
}

.fa-tree:before {
    content: "\F1BB"
}

.fa-spotify:before {
    content: "\F1BC"
}

.fa-deviantart:before {
    content: "\F1BD"
}

.fa-soundcloud:before {
    content: "\F1BE"
}

.fa-database:before {
    content: "\F1C0"
}

.fa-file-pdf-o:before {
    content: "\F1C1"
}

.fa-file-word-o:before {
    content: "\F1C2"
}

.fa-file-excel-o:before {
    content: "\F1C3"
}

.fa-file-powerpoint-o:before {
    content: "\F1C4"
}

.fa-file-image-o:before, .fa-file-photo-o:before, .fa-file-picture-o:before {
    content: "\F1C5"
}

.fa-file-archive-o:before, .fa-file-zip-o:before {
    content: "\F1C6"
}

.fa-file-audio-o:before, .fa-file-sound-o:before {
    content: "\F1C7"
}

.fa-file-movie-o:before, .fa-file-video-o:before {
    content: "\F1C8"
}

.fa-file-code-o:before {
    content: "\F1C9"
}

.fa-vine:before {
    content: "\F1CA"
}

.fa-codepen:before {
    content: "\F1CB"
}

.fa-jsfiddle:before {
    content: "\F1CC"
}

.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-ring:before, .fa-life-saver:before, .fa-support:before {
    content: "\F1CD"
}

.fa-circle-o-notch:before {
    content: "\F1CE"
}

.fa-ra:before, .fa-rebel:before, .fa-resistance:before {
    content: "\F1D0"
}

.fa-empire:before, .fa-ge:before {
    content: "\F1D1"
}

.fa-git-square:before {
    content: "\F1D2"
}

.fa-git:before {
    content: "\F1D3"
}

.fa-hacker-news:before, .fa-y-combinator-square:before, .fa-yc-square:before {
    content: "\F1D4"
}

.fa-tencent-weibo:before {
    content: "\F1D5"
}

.fa-qq:before {
    content: "\F1D6"
}

.fa-wechat:before, .fa-weixin:before {
    content: "\F1D7"
}

.fa-paper-plane:before, .fa-send:before {
    content: "\F1D8"
}

.fa-paper-plane-o:before, .fa-send-o:before {
    content: "\F1D9"
}

.fa-history:before {
    content: "\F1DA"
}

.fa-circle-thin:before {
    content: "\F1DB"
}

.fa-header:before {
    content: "\F1DC"
}

.fa-paragraph:before {
    content: "\F1DD"
}

.fa-sliders:before {
    content: "\F1DE"
}

.fa-share-alt:before {
    content: "\F1E0"
}

.fa-share-alt-square:before {
    content: "\F1E1"
}

.fa-bomb:before {
    content: "\F1E2"
}

.fa-futbol-o:before, .fa-soccer-ball-o:before {
    content: "\F1E3"
}

.fa-tty:before {
    content: "\F1E4"
}

.fa-binoculars:before {
    content: "\F1E5"
}

.fa-plug:before {
    content: "\F1E6"
}

.fa-slideshare:before {
    content: "\F1E7"
}

.fa-twitch:before {
    content: "\F1E8"
}

.fa-yelp:before {
    content: "\F1E9"
}

.fa-newspaper-o:before {
    content: "\F1EA"
}

.fa-wifi:before {
    content: "\F1EB"
}

.fa-calculator:before {
    content: "\F1EC"
}

.fa-paypal:before {
    content: "\F1ED"
}

.fa-google-wallet:before {
    content: "\F1EE"
}

.fa-cc-visa:before {
    content: "\F1F0"
}

.fa-cc-mastercard:before {
    content: "\F1F1"
}

.fa-cc-discover:before {
    content: "\F1F2"
}

.fa-cc-amex:before {
    content: "\F1F3"
}

.fa-cc-paypal:before {
    content: "\F1F4"
}

.fa-cc-stripe:before {
    content: "\F1F5"
}

.fa-bell-slash:before {
    content: "\F1F6"
}

.fa-bell-slash-o:before {
    content: "\F1F7"
}

.fa-trash:before {
    content: "\F1F8"
}

.fa-copyright:before {
    content: "\F1F9"
}

.fa-at:before {
    content: "\F1FA"
}

.fa-eyedropper:before {
    content: "\F1FB"
}

.fa-paint-brush:before {
    content: "\F1FC"
}

.fa-birthday-cake:before {
    content: "\F1FD"
}

.fa-area-chart:before {
    content: "\F1FE"
}

.fa-pie-chart:before {
    content: "\F200"
}

.fa-line-chart:before {
    content: "\F201"
}

.fa-lastfm:before {
    content: "\F202"
}

.fa-lastfm-square:before {
    content: "\F203"
}

.fa-toggle-off:before {
    content: "\F204"
}

.fa-toggle-on:before {
    content: "\F205"
}

.fa-bicycle:before {
    content: "\F206"
}

.fa-bus:before {
    content: "\F207"
}

.fa-ioxhost:before {
    content: "\F208"
}

.fa-angellist:before {
    content: "\F209"
}

.fa-cc:before {
    content: "\F20A"
}

.fa-ils:before, .fa-shekel:before, .fa-sheqel:before {
    content: "\F20B"
}

.fa-meanpath:before {
    content: "\F20C"
}

.fa-buysellads:before {
    content: "\F20D"
}

.fa-connectdevelop:before {
    content: "\F20E"
}

.fa-dashcube:before {
    content: "\F210"
}

.fa-forumbee:before {
    content: "\F211"
}

.fa-leanpub:before {
    content: "\F212"
}

.fa-sellsy:before {
    content: "\F213"
}

.fa-shirtsinbulk:before {
    content: "\F214"
}

.fa-simplybuilt:before {
    content: "\F215"
}

.fa-skyatlas:before {
    content: "\F216"
}

.fa-cart-plus:before {
    content: "\F217"
}

.fa-cart-arrow-down:before {
    content: "\F218"
}

.fa-diamond:before {
    content: "\F219"
}

.fa-ship:before {
    content: "\F21A"
}

.fa-user-secret:before {
    content: "\F21B"
}

.fa-motorcycle:before {
    content: "\F21C"
}

.fa-street-view:before {
    content: "\F21D"
}

.fa-heartbeat:before {
    content: "\F21E"
}

.fa-venus:before {
    content: "\F221"
}

.fa-mars:before {
    content: "\F222"
}

.fa-mercury:before {
    content: "\F223"
}

.fa-intersex:before, .fa-transgender:before {
    content: "\F224"
}

.fa-transgender-alt:before {
    content: "\F225"
}

.fa-venus-double:before {
    content: "\F226"
}

.fa-mars-double:before {
    content: "\F227"
}

.fa-venus-mars:before {
    content: "\F228"
}

.fa-mars-stroke:before {
    content: "\F229"
}

.fa-mars-stroke-v:before {
    content: "\F22A"
}

.fa-mars-stroke-h:before {
    content: "\F22B"
}

.fa-neuter:before {
    content: "\F22C"
}

.fa-genderless:before {
    content: "\F22D"
}

.fa-facebook-official:before {
    content: "\F230"
}

.fa-pinterest-p:before {
    content: "\F231"
}

.fa-whatsapp:before {
    content: "\F232"
}

.fa-server:before {
    content: "\F233"
}

.fa-user-plus:before {
    content: "\F234"
}

.fa-user-times:before {
    content: "\F235"
}

.fa-bed:before, .fa-hotel:before {
    content: "\F236"
}

.fa-viacoin:before {
    content: "\F237"
}

.fa-train:before {
    content: "\F238"
}

.fa-subway:before {
    content: "\F239"
}

.fa-medium:before {
    content: "\F23A"
}

.fa-y-combinator:before, .fa-yc:before {
    content: "\F23B"
}

.fa-optin-monster:before {
    content: "\F23C"
}

.fa-opencart:before {
    content: "\F23D"
}

.fa-expeditedssl:before {
    content: "\F23E"
}

.fa-battery-4:before, .fa-battery-full:before, .fa-battery:before {
    content: "\F240"
}

.fa-battery-3:before, .fa-battery-three-quarters:before {
    content: "\F241"
}

.fa-battery-2:before, .fa-battery-half:before {
    content: "\F242"
}

.fa-battery-1:before, .fa-battery-quarter:before {
    content: "\F243"
}

.fa-battery-0:before, .fa-battery-empty:before {
    content: "\F244"
}

.fa-mouse-pointer:before {
    content: "\F245"
}

.fa-i-cursor:before {
    content: "\F246"
}

.fa-object-group:before {
    content: "\F247"
}

.fa-object-ungroup:before {
    content: "\F248"
}

.fa-sticky-note:before {
    content: "\F249"
}

.fa-sticky-note-o:before {
    content: "\F24A"
}

.fa-cc-jcb:before {
    content: "\F24B"
}

.fa-cc-diners-club:before {
    content: "\F24C"
}

.fa-clone:before {
    content: "\F24D"
}

.fa-balance-scale:before {
    content: "\F24E"
}

.fa-hourglass-o:before {
    content: "\F250"
}

.fa-hourglass-1:before, .fa-hourglass-start:before {
    content: "\F251"
}

.fa-hourglass-2:before, .fa-hourglass-half:before {
    content: "\F252"
}

.fa-hourglass-3:before, .fa-hourglass-end:before {
    content: "\F253"
}

.fa-hourglass:before {
    content: "\F254"
}

.fa-hand-grab-o:before, .fa-hand-rock-o:before {
    content: "\F255"
}

.fa-hand-paper-o:before, .fa-hand-stop-o:before {
    content: "\F256"
}

.fa-hand-scissors-o:before {
    content: "\F257"
}

.fa-hand-lizard-o:before {
    content: "\F258"
}

.fa-hand-spock-o:before {
    content: "\F259"
}

.fa-hand-pointer-o:before {
    content: "\F25A"
}

.fa-hand-peace-o:before {
    content: "\F25B"
}

.fa-trademark:before {
    content: "\F25C"
}

.fa-registered:before {
    content: "\F25D"
}

.fa-creative-commons:before {
    content: "\F25E"
}

.fa-gg:before {
    content: "\F260"
}

.fa-gg-circle:before {
    content: "\F261"
}

.fa-tripadvisor:before {
    content: "\F262"
}

.fa-odnoklassniki:before {
    content: "\F263"
}

.fa-odnoklassniki-square:before {
    content: "\F264"
}

.fa-get-pocket:before {
    content: "\F265"
}

.fa-wikipedia-w:before {
    content: "\F266"
}

.fa-safari:before {
    content: "\F267"
}

.fa-chrome:before {
    content: "\F268"
}

.fa-firefox:before {
    content: "\F269"
}

.fa-opera:before {
    content: "\F26A"
}

.fa-internet-explorer:before {
    content: "\F26B"
}

.fa-television:before, .fa-tv:before {
    content: "\F26C"
}

.fa-contao:before {
    content: "\F26D"
}

.fa-500px:before {
    content: "\F26E"
}

.fa-amazon:before {
    content: "\F270"
}

.fa-calendar-plus-o:before {
    content: "\F271"
}

.fa-calendar-minus-o:before {
    content: "\F272"
}

.fa-calendar-times-o:before {
    content: "\F273"
}

.fa-calendar-check-o:before {
    content: "\F274"
}

.fa-industry:before {
    content: "\F275"
}

.fa-map-pin:before {
    content: "\F276"
}

.fa-map-signs:before {
    content: "\F277"
}

.fa-map-o:before {
    content: "\F278"
}

.fa-map:before {
    content: "\F279"
}

.fa-commenting:before {
    content: "\F27A"
}

.fa-commenting-o:before {
    content: "\F27B"
}

.fa-houzz:before {
    content: "\F27C"
}

.fa-vimeo:before {
    content: "\F27D"
}

.fa-black-tie:before {
    content: "\F27E"
}

.fa-fonticons:before {
    content: "\F280"
}

.fa-reddit-alien:before {
    content: "\F281"
}

.fa-edge:before {
    content: "\F282"
}

.fa-credit-card-alt:before {
    content: "\F283"
}

.fa-codiepie:before {
    content: "\F284"
}

.fa-modx:before {
    content: "\F285"
}

.fa-fort-awesome:before {
    content: "\F286"
}

.fa-usb:before {
    content: "\F287"
}

.fa-product-hunt:before {
    content: "\F288"
}

.fa-mixcloud:before {
    content: "\F289"
}

.fa-scribd:before {
    content: "\F28A"
}

.fa-pause-circle:before {
    content: "\F28B"
}

.fa-pause-circle-o:before {
    content: "\F28C"
}

.fa-stop-circle:before {
    content: "\F28D"
}

.fa-stop-circle-o:before {
    content: "\F28E"
}

.fa-shopping-bag:before {
    content: "\F290"
}

.fa-shopping-basket:before {
    content: "\F291"
}

.fa-hashtag:before {
    content: "\F292"
}

.fa-bluetooth:before {
    content: "\F293"
}

.fa-bluetooth-b:before {
    content: "\F294"
}

.fa-percent:before {
    content: "\F295"
}

.fa-gitlab:before {
    content: "\F296"
}

.fa-wpbeginner:before {
    content: "\F297"
}

.fa-wpforms:before {
    content: "\F298"
}

.fa-envira:before {
    content: "\F299"
}

.fa-universal-access:before {
    content: "\F29A"
}

.fa-wheelchair-alt:before {
    content: "\F29B"
}

.fa-question-circle-o:before {
    content: "\F29C"
}

.fa-blind:before {
    content: "\F29D"
}

.fa-audio-description:before {
    content: "\F29E"
}

.fa-volume-control-phone:before {
    content: "\F2A0"
}

.fa-braille:before {
    content: "\F2A1"
}

.fa-assistive-listening-systems:before {
    content: "\F2A2"
}

.fa-american-sign-language-interpreting:before, .fa-asl-interpreting:before {
    content: "\F2A3"
}

.fa-deaf:before, .fa-deafness:before, .fa-hard-of-hearing:before {
    content: "\F2A4"
}

.fa-glide:before {
    content: "\F2A5"
}

.fa-glide-g:before {
    content: "\F2A6"
}

.fa-sign-language:before, .fa-signing:before {
    content: "\F2A7"
}

.fa-low-vision:before {
    content: "\F2A8"
}

.fa-viadeo:before {
    content: "\F2A9"
}

.fa-viadeo-square:before {
    content: "\F2AA"
}

.fa-snapchat:before {
    content: "\F2AB"
}

.fa-snapchat-ghost:before {
    content: "\F2AC"
}

.fa-snapchat-square:before {
    content: "\F2AD"
}

.fa-pied-piper:before {
    content: "\F2AE"
}

.fa-first-order:before {
    content: "\F2B0"
}

.fa-yoast:before {
    content: "\F2B1"
}

.fa-themeisle:before {
    content: "\F2B2"
}

.fa-google-plus-circle:before, .fa-google-plus-official:before {
    content: "\F2B3"
}

.fa-fa:before, .fa-font-awesome:before {
    content: "\F2B4"
}

.fa-handshake-o:before {
    content: "\F2B5"
}

.fa-envelope-open:before {
    content: "\F2B6"
}

.fa-envelope-open-o:before {
    content: "\F2B7"
}

.fa-linode:before {
    content: "\F2B8"
}

.fa-address-book:before {
    content: "\F2B9"
}

.fa-address-book-o:before {
    content: "\F2BA"
}

.fa-address-card:before, .fa-vcard:before {
    content: "\F2BB"
}

.fa-address-card-o:before, .fa-vcard-o:before {
    content: "\F2BC"
}

.fa-user-circle:before {
    content: "\F2BD"
}

.fa-user-circle-o:before {
    content: "\F2BE"
}

.fa-user-o:before {
    content: "\F2C0"
}

.fa-id-badge:before {
    content: "\F2C1"
}

.fa-drivers-license:before, .fa-id-card:before {
    content: "\F2C2"
}

.fa-drivers-license-o:before, .fa-id-card-o:before {
    content: "\F2C3"
}

.fa-quora:before {
    content: "\F2C4"
}

.fa-free-code-camp:before {
    content: "\F2C5"
}

.fa-telegram:before {
    content: "\F2C6"
}

.fa-thermometer-4:before, .fa-thermometer-full:before, .fa-thermometer:before {
    content: "\F2C7"
}

.fa-thermometer-3:before, .fa-thermometer-three-quarters:before {
    content: "\F2C8"
}

.fa-thermometer-2:before, .fa-thermometer-half:before {
    content: "\F2C9"
}

.fa-thermometer-1:before, .fa-thermometer-quarter:before {
    content: "\F2CA"
}

.fa-thermometer-0:before, .fa-thermometer-empty:before {
    content: "\F2CB"
}

.fa-shower:before {
    content: "\F2CC"
}

.fa-bath:before, .fa-bathtub:before, .fa-s15:before {
    content: "\F2CD"
}

.fa-podcast:before {
    content: "\F2CE"
}

.fa-window-maximize:before {
    content: "\F2D0"
}

.fa-window-minimize:before {
    content: "\F2D1"
}

.fa-window-restore:before {
    content: "\F2D2"
}

.fa-times-rectangle:before, .fa-window-close:before {
    content: "\F2D3"
}

.fa-times-rectangle-o:before, .fa-window-close-o:before {
    content: "\F2D4"
}

.fa-bandcamp:before {
    content: "\F2D5"
}

.fa-grav:before {
    content: "\F2D6"
}

.fa-etsy:before {
    content: "\F2D7"
}

.fa-imdb:before {
    content: "\F2D8"
}

.fa-ravelry:before {
    content: "\F2D9"
}

.fa-eercast:before {
    content: "\F2DA"
}

.fa-microchip:before {
    content: "\F2DB"
}

.fa-snowflake-o:before {
    content: "\F2DC"
}

.fa-superpowers:before {
    content: "\F2DD"
}

.fa-wpexplorer:before {
    content: "\F2DE"
}

.fa-meetup:before {
    content: "\F2E0"
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}
/*!* animate.css -https://daneden.github.io/animate.css/
* Version - 3.7.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2019 Daniel Eden*/

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        transform: translate3d(0,-15px,0)
    }

    90% {
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}

@-webkit-keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes pulse {
    0% {
        transform: scaleX(1)
    }

    50% {
        transform: scale3d(1.05,1.05,1.05)
    }

    to {
        transform: scaleX(1)
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}

@-webkit-keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes rubberBand {
    0% {
        transform: scaleX(1)
    }

    30% {
        transform: scale3d(1.25,.75,1)
    }

    40% {
        transform: scale3d(.75,1.25,1)
    }

    50% {
        transform: scale3d(1.15,.85,1)
    }

    65% {
        transform: scale3d(.95,1.05,1)
    }

    75% {
        transform: scale3d(1.05,.95,1)
    }

    to {
        transform: scaleX(1)
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}

@-webkit-keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

@keyframes shake {
    0%,to {
        transform: translateZ(0)
    }

    10%,30%,50%,70%,90% {
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        transform: translate3d(10px,0,0)
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

@-webkit-keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

@keyframes headShake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

@-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 {
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

@keyframes tada {
    0% {
        transform: scaleX(1)
    }

    10%,20% {
        transform: scale3d(.9,.9,.9) rotate(-3deg)
    }

    30%,50%,70%,90% {
        transform: scale3d(1.1,1.1,1.1) rotate(3deg)
    }

    40%,60%,80% {
        transform: scale3d(1.1,1.1,1.1) rotate(-3deg)
    }

    to {
        transform: scaleX(1)
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}

@-webkit-keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes wobble {
    0% {
        transform: translateZ(0)
    }

    15% {
        transform: translate3d(-25%,0,0) rotate(-5deg)
    }

    30% {
        transform: translate3d(20%,0,0) rotate(3deg)
    }

    45% {
        transform: translate3d(-15%,0,0) rotate(-3deg)
    }

    60% {
        transform: translate3d(10%,0,0) rotate(2deg)
    }

    75% {
        transform: translate3d(-5%,0,0) rotate(-1deg)
    }

    to {
        transform: translateZ(0)
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        transform: translateZ(0)
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    transform-origin: center
}

@-webkit-keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }
}

.heartBeat {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    20% {
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        transform: scaleX(1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,25px,0)
    }

    75% {
        transform: translate3d(0,-10px,0)
    }

    90% {
        transform: translate3d(0,5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(25px,0,0)
    }

    75% {
        transform: translate3d(-10px,0,0)
    }

    90% {
        transform: translate3d(5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px,0,0)
    }

    75% {
        transform: translate3d(10px,0,0)
    }

    90% {
        transform: translate3d(-5px,0,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    75% {
        transform: translate3d(0,10px,0)
    }

    90% {
        transform: translate3d(0,-5px,0)
    }

    to {
        transform: translateZ(0)
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp
}

@-webkit-keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        transform: scale3d(1.1,1.1,1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }
}

.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut
}

@-webkit-keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px,0,0)
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight
}

@-webkit-keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        transform: translate3d(0,20px,0)
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}

@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight
}

@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

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

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown
}

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,2000px,0)
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig
}

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft
}

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px,0,0)
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight
}

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(2000px,0,0)
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig
}

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp
}

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(0,-2000px,0)
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig
}

@-webkit-keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

@-webkit-keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateX(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateX(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateX(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}

@-webkit-keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0
    }

    40% {
        transform: perspective(400px) rotateY(-20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    60% {
        transform: perspective(400px) rotateY(10deg);
        opacity: 1
    }

    80% {
        transform: perspective(400px) rotateY(-5deg)
    }

    to {
        transform: perspective(400px)
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY
}

@-webkit-keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateX(-20deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0
    }
}

.flipOutX {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important
}

@-webkit-keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px)
    }

    30% {
        transform: perspective(400px) rotateY(-15deg);
        opacity: 1
    }

    to {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0
    }
}

.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY
}

@-webkit-keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    80% {
        transform: skewX(-5deg)
    }

    to {
        transform: translateZ(0)
    }
}

@keyframes lightSpeedIn {
    0% {
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }

    60% {
        transform: skewX(20deg);
        opacity: 1
    }

    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 {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

    to {
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        transform-origin: center;
        transform: rotate(-200deg);
        opacity: 0
    }

    to {
        transform-origin: center;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn
}

@-webkit-keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft
}

@-webkit-keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight
}

@-webkit-keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }

    to {
        transform-origin: left bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft
}

@-webkit-keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0
    }

    to {
        transform-origin: right bottom;
        transform: translateZ(0);
        opacity: 1
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight
}

@-webkit-keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

@keyframes rotateOut {
    0% {
        transform-origin: center;
        opacity: 1
    }

    to {
        transform-origin: center;
        transform: rotate(200deg);
        opacity: 0
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut
}

@-webkit-keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(45deg);
        opacity: 0
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft
}

@-webkit-keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight
}

@-webkit-keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        opacity: 1
    }

    to {
        transform-origin: left bottom;
        transform: rotate(-45deg);
        opacity: 0
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft
}

@-webkit-keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        opacity: 1
    }

    to {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight
}

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        transform: rotate(80deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    40%,80% {
        transform: rotate(60deg);
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }

    to {
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: hinge;
    animation-name: hinge
}

@-webkit-keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes jackInTheBox {
    0% {
        opacity: 0;
        transform: scale(.1) rotate(30deg);
        transform-origin: center bottom
    }

    50% {
        transform: rotate(-10deg)
    }

    70% {
        transform: rotate(3deg)
    }

    to {
        opacity: 1;
        transform: scale(1)
    }
}

.jackInTheBox {
    -webkit-animation-name: jackInTheBox;
    animation-name: jackInTheBox
}

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translate3d(-100%,0,0) rotate(-120deg)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        transform: translate3d(100%,0,0) rotate(120deg)
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn
}

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight
}

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp
}

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3,.3,.3)
    }

    to {
        opacity: 0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px,0,0);
        transform-origin: left center
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px,0,0);
        transform-origin: right center
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

.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 {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,100%,0)
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown
}

@-webkit-keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

@keyframes slideOutLeft {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%,0,0)
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft
}

@-webkit-keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

@keyframes slideOutRight {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(100%,0,0)
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight
}

@-webkit-keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

@keyframes slideOutUp {
    0% {
        transform: translateZ(0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0,-100%,0)
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animated.delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s
    }

    .animated.delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s
    }

    .animated.delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s
    }

    .animated.delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s
    }

    .animated.delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s
    }

    .animated.fast {
        -webkit-animation-duration: .8s;
        animation-duration: .8s
    }

    .animated.faster {
        -webkit-animation-duration: .5s;
        animation-duration: .5s
    }

    .animated.slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s
    }

    .animated.slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s
    }

@media(prefers-reduced-motion:reduce),(print) {
    .animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        transition-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important
    }
}

.promotion {
    font-family: DINNextLTArabic-Regular !important
}

.product-detials__desc {
    overflow: hidden !important;
    padding: 0 5px;
    margin: 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
    }
}

.product-offer {
    position: relative;
    padding: 20px;
    margin: 20px 0;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px
}

    .product-offer .po__badge {
        display: block;
        width: 100%;
        height: 100px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99;
        font-size: 13px;
        padding: 0;
        overflow: hidden;
        pointer-events: none
    }

        .product-offer .po__badge span {
            display: inline-block;
            width: 200px;
            position: relative;
            top: 17px;
            left: -67px;
            transform: rotate(-45deg);
            padding: 1px 10px 5px;
            float: left;
            font-size: 12.5px;
            color: #fff;
            text-align: center;
            margin: 0;
            border-radius: 3px;
            background: #b80e0e;
            background: linear-gradient(45deg,#b80e0e,#eb250d)
        }

    .product-offer .po__title {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: 5px 10px;
        border-radius: 5px;
        margin: 0 0 10px;
        background-color: rgba(0,0,0,.03)
    }

        .product-offer .po__title i {
            margin: 4px 0 0 10px
        }

    .product-offer .po__content {
        padding-left: 50px;
        font-size: 15px
    }

        .product-offer .po__content p, .product-offer .po__content span {
            display: inline-block
        }

        .product-offer .po__content span {
            font-weight: 700;
            color: #b80e0e;
            text-decoration: underline;
            margin: 0 2px
        }

    .product-offer .po__list {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
        margin: 30px 0 0
    }

        .product-offer .po__list li {
            display: block;
            flex: 1;
            flex-basis: calc(25% - 10px);
            max-width: calc(25% - 10px);
            padding: 5px;
            margin: 0 5px 25px;
            border: 1px solid rgba(0,0,0,.05);
            border-radius: 5px;
            transition: border-color .35s cubic-bezier(.2,1,.3,1)
        }

            .product-offer .po__list li .po-entry {
                width: 100%;
                height: auto;
                position: relative
            }

                .product-offer .po__list li .po-entry a {
                    display: block;
                    width: 100%;
                    height: auto
                }

                    .product-offer .po__list li .po-entry a span {
                        display: block;
                        width: 100%;
                        height: 120px;
                        position: relative;
                        border-radius: 5px;
                        overflow: hidden;
                        margin: 0
                    }

                        .product-offer .po__list li .po-entry a span img {
                            display: block;
                            width: 100%;
                            height: auto
                        }

                    .product-offer .po__list li .po-entry a h4 {
                        display: block;
                        min-height: 40px;
                        font-size: 14px;
                        text-align: center;
                        margin: 0 0 10px
                    }

            .product-offer .po__list li .po-entry__cart-price {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-direction: row;
                font-size: 13px;
                color: rgba(0,0,0,.5);
                padding: 0 5px
            }

                .product-offer .po__list li .po-entry__cart-price button.btn.cart {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    flex-direction: row;
                    padding: 7px;
                    border-radius: 50%;
                    transition: all .35s cubic-bezier(.2,1,.3,1);
                    color: rgba(0,0,0,.7);
                    background-color: rgba(0,0,0,.02)
                }

@media only screen and (max-width:767px) {
    .product-offer .po__list li .po-entry a span {
        height: auto
    }
}

.product-offer .po__list li:hover {
    border-color: rgba(0,0,0,.15);
    box-shadow: 0 5px 15px 0 rgba(0,0,0,.06)
}

.product-offer .po__list.category {
    justify-content: flex-start
}

    .product-offer .po__list.category li {
        flex: unset;
        max-width: unset;
        flex-basis: unset;
        padding: 0 5px;
        border: none;
        margin: 0 0 15px
    }

        .product-offer .po__list.category li .po-category {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            position: relative;
            font-size: 14px;
            padding: 5px 35px 10px 15px;
            border-radius: 25px;
            background-color: rgba(0,0,0,.03)
        }

            .product-offer .po__list.category li .po-category i {
                display: block;
                position: absolute;
                top: 50%;
                right: 13px;
                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)
    }
}

@media only screen and (max-width:767px) {
    .product-offer {
        padding: 15px
    }
}

.salla-default .product-offer {
    border: 0;
    margin: 0;
    padding-bottom: 0
}

    .salla-default .product-offer .po-entry__title {
        color: #333
    }

.loggedin--quick-edit {
    padding: 15px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #f1f1f1
}

    .loggedin--quick-edit #quick_edit i {
        margin-left: 5px
    }

.rec-flex-initial {
    flex: initial !important
}

.cart-thumb {
    position: absolute;
    z-index: 9998;
    transition: none !important;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.08)
}

.ltr {
    direction: ltr
}

.rtl {
    direction: rtl
}

.no-p {
    padding: 0 !important
}

.no-m {
    margin: 0 !important
}

.badge.order-status-badge {
    font-size: 11px;
    line-height: 1;
    border-radius: 50px;
    padding: 2px 7px 4px
}

@media only screen and (max-width:767px) {
    .badge.order-status-badge.cancelable {
        margin-top: -30px
    }
}

.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-right: 10px !important;
        padding-left: 10px !important
    }
}

#submit_cart {
    padding: 5px 15px 7px 8px !important;
    border-radius: 2px
}

    #submit_cart .submit-loader-cont {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        padding-left: 10px
    }

        #submit_cart .submit-loader-cont img {
            display: inline-block;
            height: 18px;
            margin-left: 8px
        }

    #submit_cart.disabled {
        opacity: .4;
        pointer-events: none
    }

.layered-block {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #f0f0f0;
    position: relative;
    padding: 20px
}

    .layered-block:after, .layered-block:before {
        content: "";
        border: 1px solid #f0f0f0;
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        z-index: -1;
        border-radius: 5px;
        transform: scale(1.05)
    }

    .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
}

.rec-mirror {
    transform: scaleX(-1)
}

.stripes-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row
}

    .stripes-wrapper > * {
        margin: 0 20px
    }

    .stripes-wrapper:after, .stripes-wrapper:before {
        content: "";
        width: 50%;
        height: 1px;
        background-color: #eee;
        display: inline-block;
        margin: 0
    }

.container--center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.bg-grey {
    background: #f8f8f8
}

.v-align-middle {
    vertical-align: middle
}

.w-100 {
    width: 100%
}

.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 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    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 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        display: flex !important;
        flex: auto;
        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 {
            width: 100%;
            height: 100%;
            flex: 1;
            position: relative;
            overflow: hidden
        }

            .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;
                -o-object-fit: cover;
                object-fit: cover;
                max-width: 100%;
                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 {
        -o-object-fit: contain;
        object-fit: contain;
        max-height: 100%
    }

    .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 {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%
    }

    .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-] {
        width: 100% !important;
        height: 100%;
        padding-bottom: 40px
    }

    .products-grid.eq-height > .eq-height {
        width: 100% !important;
        grid-column: 1/-1;
        padding: 0 !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-template-columns: repeat(auto-fill,1fr);
    grid-auto-flow: column
}

    .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 {
        width: 100% !important;
        height: 100%;
        padding-bottom: 20px
    }

        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 {
    text-align: center;
    margin: 0 0 10px
}

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-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
}

.text-plain {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    direction: ltr;
    text-align: right
}

.site-header {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

    .site-header.sticky {
        width: 100%;
        position: fixed !important;
        top: 0;
        right: 0;
        left: 0;
        box-shadow: 0 1px 10px 2px rgba(0,0,0,.05)
    }

        .site-header.sticky .container.py-3 {
            transition: all .35s cubic-bezier(.2,1,.3,1);
            padding-top: .5rem !important;
            padding-bottom: .5rem !important
        }

@media only screen and (max-width:991px) {
    .site-header {
        position: relative !important
    }
}

@media only screen and (min-width:741px) and (max-width:991px) {
    body.salla-theme_2 .site-header .header-row.left {
        top: 18px
    }
}

@media only screen and (max-width:600px) {
    body.salla-theme_2 .site-header .header-row.left {
        top: 15px
    }
}

@media only screen and (max-width:992px) {
    body.salla-theme_2 .site-header.sticky {
        padding-bottom: .75rem
    }
}

body.salla-theme_6 .site-header .sub-header {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

body.salla-theme_6 .site-header.sticky .sub-header {
    display: none !important
}

body section[data-type=banner]:last-child {
    margin: 0
}

body.nav-open {
    overflow-y: hidden
}

body.preview-mode {
    margin-top: 50px
}

    body.preview-mode .site-header.sticky {
        top: 50px
    }

button.has-loader {
    position: relative
}

    button.has-loader:before {
        content: "";
        position: absolute;
        left: 15px;
        top: 50%;
        margin-top: -11px;
        width: 20px;
        height: 20px;
        border: 4px solid;
        border-left: 4px solid transparent;
        border-radius: 50%;
        filter: alpha(opacity=0);
        opacity: 0;
        transition-duration: .1s;
        transition-property: opacity;
        -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
    }

    button.has-loader:after {
        content: "";
        display: inline-block;
        height: 100%;
        width: 0;
        transition-delay: .1s;
        transition-duration: .75s;
        transition-property: width
    }

    button.has-loader.m-loader {
        pointer-events: none;
        cursor: not-allowed
    }

        button.has-loader.m-loader:not(.expand) {
            text-align: right
        }

        button.has-loader.m-loader:before {
            transition-delay: .1s;
            transition-duration: 1s;
            filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
            opacity: 1
        }

        button.has-loader.m-loader:after {
            transition-delay: 0s;
            width: 20px
        }

@-webkit-keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary[disabled].active, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: var(--main-color);
    border-color: var(--main-color)
}

.btn, .btn.btn-default.expand-toggle {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

    .btn.btn-default.expand-toggle {
        min-width: 115px;
        min-height: 34px;
        margin: 0 10px;
        border-color: #eee;
        border-radius: 50px;
        background-color: #fff;
        padding: 0 28px 4px 15px
    }

        .btn.btn-default.expand-toggle:before {
            content: "\E942";
            font-family: sallaicons;
            font-size: 9px;
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            right: 12px;
            top: 53%;
            transform: translateY(-50%)
        }

        .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-lg {
    padding: 9px 19px !important;
    font-size: 14px !important;
    line-height: 1.4285715 !important
}

.btn-large {
    min-height: 40px;
    font-size: 16px !important;
    padding-right: 15px !important;
    padding-left: 15px !important
}

.btn-loader .loader {
    position: relative;
    top: 5px;
    margin-left: 5px;
    height: 20px;
    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--outlined {
    color: var(--color-text);
    border: 1px solid #eee;
    background: 0 0 !important
}

    .btn--outlined.danger {
        color: #e2384d;
        border-color: #e2384d
    }

        .btn--outlined.danger:hover {
            border-color: #e2384d;
            box-shadow: none !important;
            color: #e2384d !important
        }

    .btn--outlined.primary {
        color: var(--color-main);
        border-color: var(--color-main)
    }

        .btn--outlined.primary:hover {
            border-color: var(--color-main);
            box-shadow: none !important;
            color: var(--color-main) !important
        }

    .btn--outlined:hover {
        border-color: #eee;
        box-shadow: none !important
    }

.btn--absolute-icon i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    top: 52%;
    margin-right: -30px
}

.btn--tag {
    position: relative;
    margin: 0;
    display: inline-flex;
    padding: 3px 30px 5px 15px !important;
    border-radius: 50px;
    font-size: 12px;
    color: #5c5c5c;
    line-height: 1;
    white-space: nowrap;
    background-color: #f1f1f1
}

    .btn--tag, .btn--tag i {
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

        .btn--tag i {
            display: inline-block;
            vertical-align: middle;
            font-size: 8px;
            position: absolute;
            left: 5px;
            top: 50%;
            transform: translateY(-50%);
            padding: 4px;
            border-radius: 50%;
            background: #d8d8d8;
            cursor: pointer
        }

            .btn--tag i:hover {
                color: #fff;
                background-color: #f55157
            }

        .btn--tag:before {
            content: "\EFEA";
            font-family: sallaicons;
            color: #959595;
            line-height: 1;
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            right: 10px;
            margin: 0 0 0 8px;
            opacity: .5
        }

.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;
    padding: 6px 10px 11px 40px !important;
    width: 215px;
    text-align: right !important;
    opacity: .8;
    border: 1px solid #eee !important
}

    .btn-branches-switch span:first-of-type {
        color: #4d4d4d;
        font-size: 14px !important
    }

    .btn-branches-switch span:last-of-type {
        color: #999;
        position: absolute;
        left: 8px;
        top: 50%;
        transform: translateY(-50%);
        top: 52%
    }

    .btn-branches-switch i {
        position: relative;
        top: -1px;
        color: #777;
        font-size: 16px;
        margin-left: 5px
    }

    .btn-branches-switch:focus, .btn-branches-switch:hover {
        box-shadow: none !important;
        opacity: 1
    }

#order_cancel {
    min-height: 30px;
    line-height: 1;
    color: #f55157;
    margin-right: 10px;
    border: none
}

    #order_cancel:hover {
        background: 0 0
    }

@media only screen and (max-width:767px) {
    #order_cancel {
        position: absolute;
        top: 45px;
        left: 15px;
        margin: 0
    }
}

#load_more {
    position: relative;
    border-radius: 4px
}

@media only screen and (max-width:992px) {
    #load_more {
        min-height: 36px
    }
}

.safari-nav-force {
    height: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

#modal_login {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#modal_login_Admin {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.modal_login_Admin {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

#modal_login_Add_Address {
    -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#order_cancel_modal .modal-body i {
        font-size: 80px;
        color: #f55156
    }

    .modal#order_cancel_modal .modal-body h5 {
        font-size: 18px;
        font-weight: 700;
        color: #f55156;
        margin: 30px 0
    }

    .modal#order_cancel_modal .modal-body p {
        font-size: 15px;
        color: #444;
        width: 96%;
        margin: 20px auto
    }

    .modal#order_cancel_modal .modal-body hr {
        border-top-color: #eee;
        margin: 25px 0
    }

    .modal#order_cancel_modal .modal-body .btn-group {
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row
    }

        .modal#order_cancel_modal .modal-body .btn-group > * {
            width: calc(50% - 5px);
            border-radius: 3px;
            font-size: 15px
        }

            .modal#order_cancel_modal .modal-body .btn-group > * .btn {
                width: 100%
            }

        .modal#order_cancel_modal .modal-body .btn-group .btn.cancel {
            background-color: transparent;
            color: #444;
            border-color: #ddd
        }

    .modal .modal-dialog.modal-sm {
        width: 400px
    }

    .modal#special_offer_modal .modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        border-bottom-color: #eee;
        padding: 20px;
        font-size: 18px
    }

        .modal#special_offer_modal .modal-header .header__title span {
            display: inline-block;
            font-weight: 700;
            color: #f55157;
            line-height: 1;
            margin: 0 0 5px
        }

        .modal#special_offer_modal .modal-header .header__title b {
            font-weight: 400;
            color: #000
        }

        .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 {
            font-weight: 400;
            color: #000
        }

        .modal#special_offer_modal .modal-body .list.offer-steps {
            margin: 20px 0 0;
            align-items: flex-start;
            justify-content: flex-start;
            counter-reset: counter-offer-steps
        }

            .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 {
                    content: counter(counter-offer-steps);
                    display: inline-block;
                    font-family: inherit;
                    font-size: 13px;
                    line-height: 20px;
                    width: 25px;
                    height: 25px;
                    border-radius: 50%;
                    border: 1px solid #eee;
                    margin: 0 0 0 15px;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    right: 0;
                    text-align: center
                }

                .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 {
            border: none;
            color: #fff;
            border-radius: 999999px;
            font-size: 14px;
            font-weight: 700;
            padding: 6px 15px 5px;
            transition: all .35s cubic-bezier(.2,1,.3,1);
            background-color: #f55157
        }

            .modal#special_offer_modal .modal-body .btn--add-product:before {
                content: "\EA6E";
                font-family: sallaicons;
                font-size: 16px;
                color: #fff;
                display: inline-block;
                vertical-align: middle;
                margin: 0 0 0 5px
            }

            .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 {
                    content: "\EE13";
                    -webkit-animation: pulse .75s forwards;
                    animation: pulse .75s forwards
                }

                .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 {
            padding: 0 20px;
            margin: 20px 0 0
        }

            .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 {
            padding: 5px 17px 8px;
            font-size: 14px;
            border: none;
            border-radius: 999999px
        }

            .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 {
            text-align: center;
            justify-content: 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 {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column
        }

            .modal.modal-light .modal-content .modal-header .modal-title.with-icon .modal-title__icon {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: row;
                width: 80px;
                height: 80px;
                border-radius: 50%;
                border: 1px solid #eee;
                margin-bottom: 30px
            }

                .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 {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: row;
                width: 100%;
                position: relative
            }

                .modal.modal-light .modal-content .modal-header .modal-title.with-icon h2 span {
                    display: inline-block;
                    font-size: 18px;
                    font-weight: 700;
                    text-align: center;
                    color: var(--color-main);
                    margin: 0 20px
                }

                    .modal.modal-light .modal-content .modal-header .modal-title.with-icon h2 span small {
                        display: block;
                        margin: 10px 0 0;
                        font-size: 14px;
                        color: #999
                    }

                .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 {
                    content: "";
                    display: block;
                    height: 1px;
                    flex: auto;
                    background: #eee
                }

        .modal.modal-light .modal-content .modal-header .modal-title .header-img {
            margin-top: 10px;
            margin-bottom: 15px
        }

            .modal.modal-light .modal-content .modal-header .modal-title .header-img.center {
                margin: 0 auto
            }

        .modal.modal-light .modal-content .modal-header .close {
            position: absolute;
            top: 15px;
            left: 15px
        }

            .modal.modal-light .modal-content .modal-header .close:after {
                content: "\EA47";
                font-family: sallaicons;
                font-size: 20px;
                color: #cdcdcd;
                display: block;
                vertical-align: middle;
                transition: all .35s cubic-bezier(.2,1,.3,1)
            }

            .modal.modal-light .modal-content .modal-header .close:hover:after {
                color: #777
            }

    .modal.modal-light .modal-content .modal-footer .btn {
        font-size: 16px;
        border-radius: 5px !important
    }

        .modal.modal-light .modal-content .modal-footer .btn.btn-primary {
            width: 100%;
            color: var(--color-text-reverse)
        }

    .modal.modal-light .modal-content .modal-footer.side-btn {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row
    }

        .modal.modal-light .modal-content .modal-footer.side-btn .btn {
            flex: 0 0 47%;
            width: auto
        }

        .modal.modal-light .modal-content .modal-footer.side-btn .btn-cancel {
            margin-right: 15px !important
        }

.modal#modal_reorder .modal-title__icon {
    border: none;
    position: relative
}

    .modal#modal_reorder .modal-title__icon i:first-of-type {
        position: absolute;
        font-size: 80px;
        color: #eee
    }

.modal#modal_reorder p {
    color: #929292;
    text-align: center;
    margin: 0 0 30px
}

    .modal#modal_reorder p span {
        display: block
    }

.modal#tamara_details_modal .modal-header h2 span {
    color: #333
}

.modal#tamara_details_modal .tamara-features {
    padding: 0 0 20px;
    border-bottom: 1px solid #eee;
    margin-bottom: 20px
}

    .modal#tamara_details_modal .tamara-features li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        width: 100%;
        margin: 0 0 20px;
        padding: 0 20px
    }

        .modal#tamara_details_modal .tamara-features li i {
            color: #6dc8bf !important;
            margin-left: 30px;
            flex-shrink: 0;
            font-size: 30px
        }

            .modal#tamara_details_modal .tamara-features li i:not([class^=sicon]) {
                unicode-bidi: -moz-plaintext;
                unicode-bidi: plaintext;
                font-size: 45px;
                font-weight: 700;
                font-style: normal;
                line-height: 1;
                margin-left: 25px;
                margin-top: -8px
            }

                .modal#tamara_details_modal .tamara-features li i:not([class^=sicon]) small {
                    display: inline-block;
                    vertical-align: baseline;
                    font-size: 14px;
                    font-weight: 400
                }

        .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 {
            padding: 15px 20px;
            border-radius: 4px;
            background-color: #f8f8f8
        }

            .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 {
    text-align: center;
    font-size: 14px
}

    .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 {
            margin: 15px auto 0;
            font-size: 12px
        }
}

.sub-nav .sub-nav-content .sub-nav-header .logout-link.as-link {
    width: 110px;
    height: auto;
    background: #f55157;
    color: #fff
}

    .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 {
        transition: all .35s cubic-bezier(.2,1,.3,1);
        font-size: 15px !important;
        padding: .35rem 0
    }
}

.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 {
    padding: 0 !important;
    background-color: transparent
}

    .sub-nav .main-menu li.sub-menu-header.categories-holder > span {
        display: block;
        width: 100%;
        font-weight: 400;
        padding: 5px 15px !important;
        border-top: 5px solid #eee
    }

        .sub-nav .main-menu li.sub-menu-header.categories-holder > span i {
            display: inline-block;
            vertical-align: middle;
            font-size: 16px;
            line-height: 1;
            height: auto;
            margin-left: 10px
        }

    .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories {
        display: none;
        width: 100%;
        height: auto;
        max-height: unset;
        position: relative;
        padding: 0
    }

        .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li {
            display: block !important;
            position: relative;
            border-bottom: 1px solid #f8f8f8
        }

            .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li a {
                min-height: 40px;
                padding: 5px 15px !important;
                font-size: 15px !important
            }

            .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul {
                display: none;
                width: calc(100% - 30px);
                margin: 0 auto 15px;
                padding: 0;
                max-height: unset;
                background-color: transparent;
                border-radius: 0;
                transition: unset;
                transform: unset !important;
                box-shadow: none;
                right: unset;
                opacity: 1;
                visibility: visible;
                border-right: 3px solid #eee
            }

                .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 {
                        min-height: 36px;
                        position: relative;
                        font-size: 13px !important;
                        padding-right: 20px !important
                    }

                        .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li ul li a:before {
                            content: "";
                            display: block;
                            width: 5px;
                            height: 1px;
                            position: absolute;
                            top: 50%;
                            transform: translateY(-50%);
                            right: 3px;
                            background-color: #ddd
                        }

                        .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 {
                        width: calc(100% - 15px);
                        margin-left: 0
                    }

                        .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 {
                    position: relative;
                    pointer-events: none;
                    padding-left: 40px !important
                }

                    .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li.has-children > a:after {
                        content: "\E96E";
                        font-family: sallaicons;
                        color: var(--color-text) !important;
                        position: absolute;
                        top: 50%;
                        transform: translateY(-50%);
                        left: 15px
                    }

                .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 {
                        transform: translateY(-50%) rotate(-90deg);
                        opacity: 1
                    }

            .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories li:last-child {
                margin: 0;
                border: none
            }

@media only screen and (max-width:991px) {
    .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories {
        display: block
    }
}

@media only screen and (max-width:991px) {
    .sub-nav .main-menu li:not(.sub-menu-logged-in):not(.sub-menu-header) {
        display: none !important
    }
}

.sub-nav .main-menu li#ls_switcher_mobile {
    border-top: 5px solid #eee
}

    .sub-nav .main-menu li#ls_switcher_mobile a {
        padding: .4rem 1rem .1rem
    }

        .sub-nav .main-menu li#ls_switcher_mobile a:before {
            content: "\E93D";
            font-family: sallaicons;
            color: #c7c7c7;
            display: inline-block;
            vertical-align: middle;
            font-size: 20px;
            margin-left: 10px
        }

        .sub-nav .main-menu li#ls_switcher_mobile a:after {
            content: "\E96E";
            font-family: sallaicons;
            color: var(--color-text) !important;
            position: absolute;
            top: 10px;
            left: 15px;
            opacity: .5;
            transition: transform .35s cubic-bezier(.2,1,.3,1)
        }

    .sub-nav .main-menu li#ls_switcher_mobile ul {
        width: 100%;
        border-right: none;
        margin: 0;
        padding-bottom: 5px
    }

        .sub-nav .main-menu li#ls_switcher_mobile ul li .btn {
            width: 100%;
            font-size: 13px;
            text-align: right;
            padding: 5px 10px;
            padding-right: 40px !important;
            background-color: transparent !important
        }

            .sub-nav .main-menu li#ls_switcher_mobile ul li .btn i {
                display: inline-block;
                vertical-align: middle;
                margin: 0 0 0 5px;
                overflow: hidden;
                border: none;
                background-color: transparent
            }

            .sub-nav .main-menu li#ls_switcher_mobile ul li .btn:after, .sub-nav .main-menu li#ls_switcher_mobile ul li .btn:before {
                content: "";
                display: inline-block;
                border-radius: 50%;
                position: absolute;
                top: 19px
            }

            .sub-nav .main-menu li#ls_switcher_mobile ul li .btn:before {
                width: 15px;
                height: 15px;
                border: 1px solid #e2e2e2;
                background: #fff;
                right: 15px
            }

            .sub-nav .main-menu li#ls_switcher_mobile ul li .btn:after {
                transition: all .35s cubic-bezier(.2,1,.3,1);
                width: 9px;
                height: 9px;
                right: 18px;
                background-color: var(--main-color);
                transform: translateY(-50%) scale(.3);
                opacity: 0
            }

        .sub-nav .main-menu li#ls_switcher_mobile ul li:hover .btn {
            color: var(--color-text);
            box-shadow: unset;
            border-color: transparent !important
        }

        .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 {
                transform: translateY(-50%) scale(1);
                opacity: 1
            }

    .sub-nav .main-menu li#ls_switcher_mobile.active a:after {
        transform: rotate(-90deg);
        opacity: 1
    }

@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 {
    overflow: hidden;
    font-size: 14px;
    text-align: right;
    position: relative
}

.alert.cart-alert-with-icon {
    padding-right: 75px
}

    .alert.cart-alert-with-icon i {
        position: absolute;
        font-size: 45px;
        opacity: .2;
        right: 16px;
        transform: translateY(-50%);
        top: 50%
    }

.alert.alert-default {
    border: 1px solid #eee;
    background-color: #fff;
    border-radius: 5px
}

.alert.alert-out-of-stock {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    padding: 11px 50px 11px 11px;
    margin: 20px 0 0
}

    .alert.alert-out-of-stock span {
        font-size: 14px;
        line-height: 1
    }

    .alert.alert-out-of-stock .btn.btn-default.stock-notify {
        border-radius: 50px;
        border: 1px solid rgba(245,81,87,.1);
        font-size: 14px;
        color: #f55157;
        line-height: 1;
        overflow: hidden;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        background: #fff
    }

        .alert.alert-out-of-stock .btn.btn-default.stock-notify:before {
            content: "\EEF6";
            font-family: sallaicons;
            font-size: 16px;
            line-height: 1;
            display: inline-block;
            vertical-align: middle;
            margin: 1px 0 0 8px
        }

        .alert.alert-out-of-stock .btn.btn-default.stock-notify.notify {
            color: #fff;
            border-color: #5dd5c4;
            background-color: #5dd5c4
        }

            .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 {
                color: #fff;
                background-color: #5dd5c4
            }

            .alert.alert-out-of-stock .btn.btn-default.stock-notify.notify:before {
                content: "\EA9B";
                color: #fff;
                -webkit-animation: heartBeat .8s forwards;
                animation: heartBeat .8s forwards
            }

        .alert.alert-out-of-stock .btn.btn-default.stock-notify:hover {
            color: #fff;
            background-color: #f55157
        }

    .alert.alert-out-of-stock:before {
        content: "\ECDF";
        font-family: sallaicons;
        font-size: 20px;
        color: #a9a9a8;
        position: absolute;
        top: 52%;
        transform: translateY(-50%);
        right: 18px
    }

@media only screen and (max-width:767px) {
    body:not(.salla-default) .alert.alert-out-of-stock {
        position: fixed;
        width: calc(100% - 60px);
        right: 15px;
        bottom: 17px;
        flex: auto;
        background: 0 0;
        border: none;
        margin: 0;
        padding: 0 35px 0 11px;
        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 {
        display: inline-block;
        width: 35px;
        height: 20px;
        position: relative;
        background-color: hsla(0,0%,94.1%,.5);
        border-radius: 30px;
        box-shadow: inset 0 0 8px rgba(0,0,0,.1);
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

        .switch-cont .switch:after {
            content: "";
            position: absolute;
            width: 16px;
            height: 16px;
            border-radius: 50%;
            background-color: #fff;
            top: 2px;
            left: 2px;
            transition: all .3s
        }

    .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 {
        position: absolute;
        top: -1px;
        right: 0;
        padding: 0 43px 0 0;
        margin: 0;
        white-space: nowrap;
        cursor: pointer
    }

.shipping-address-redirect {
    margin-bottom: 20px
}

    .shipping-address-redirect label {
        font-size: 15px
    }

    .shipping-address-redirect #addressee {
        padding: 1rem 2rem 0;
        margin: .5rem 0 0;
        border-radius: 5px;
        background-color: hsla(0,0%,93.3%,.4)
    }

        .shipping-address-redirect #addressee .section-title.payment-section-title {
            width: 100%;
            text-align: right;
            padding: 0 0 10px;
            margin: 0 0 1rem;
            border-radius: 0;
            background-color: transparent;
            border: none
        }

            .shipping-address-redirect #addressee .section-title.payment-section-title i {
                display: inline-block;
                vertical-align: middle;
                margin: 0 0 0 5px;
                font-size: 1.5rem
            }

        .shipping-address-redirect #addressee .shipping-address {
            padding: 0;
            border: 0;
            width: 100%;
            margin: 0
        }

            .shipping-address-redirect #addressee .shipping-address .flag-container .selected-flag {
                border-top-left-radius: 99px;
                border-bottom-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-radius: 5px;
                margin-top: 5px;
                border: 1px solid #eee;
                box-shadow: 0 2px 4px rgba(0,0,0,.05)
            }

                .shipping-address-redirect #addressee .shipping-address .flag-container ul.country-list li {
                    display: flex;
                    align-items: center;
                    justify-content: flex-start;
                    flex-direction: row
                }

                    .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;
                        margin: 0 5px;
                        font-size: 13px;
                        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 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    min-height: 40px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 5px 30px 5px 60px;
    z-index: 3500
}

    .store-notify * {
        color: inherit
    }

    .store-notify i {
        display: inline-block;
        margin-left: 10px;
        color: inherit;
        padding: 8px 10px;
        background-color: rgba(0,0,0,.05);
        border-radius: 4px
    }

    .store-notify #notify-close {
        display: block;
        width: 27px;
        height: 27px;
        margin: 0;
        position: absolute;
        left: 10px;
        top: 50%;
        transform: translateY(-50%);
        border-radius: 5px;
        transition: background-color .35s ease
    }

        .store-notify #notify-close i {
            margin: 0;
            padding: 0;
            color: inherit;
            background-color: transparent;
            border-radius: 0;
            position: absolute;
            top: 50%;
            transform: translateY(-50%) translateX(50%);
            right: 50%
        }

        .store-notify #notify-close:hover {
            cursor: pointer;
            background-color: rgba(0,0,0,.1)
        }

            .store-notify #notify-close:hover:after {
                display: none
            }

    .store-notify p {
        color: inherit;
        line-height: 1;
        font-size: 13px;
        text-align: center;
        margin: 0
    }

    .store-notify a {
        display: inline-block;
        margin: 0 4px;
        position: relative
    }

        .store-notify a, .store-notify a:after {
            transition: all .35s cubic-bezier(.2,1,.3,1)
        }

            .store-notify a:after {
                content: "";
                display: block;
                width: 100%;
                height: 1px;
                position: absolute;
                bottom: -6px;
                right: 0;
                background-color: hsla(0,0%,100%,.3);
                transform-origin: right;
                transform: scaleX(0)
            }

            .store-notify a:hover {
                color: inherit
            }

                .store-notify a:hover:after {
                    transform: scaleX(1)
                }

@media only screen and (max-width:767px) {
    .store-notify {
        padding: 5px 10px 5px 60px
    }

        .store-notify p {
            line-height: 1.2
        }
}

body.salla-theme_1 .section-actions .circle-action.button-more, body.salla-theme_2 .section-actions .circle-action.button-more, body.salla-theme_4 .section-actions .circle-action.button-more {
    width: auto;
    border-radius: 20px;
    padding: 0 15px
}

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 {
    height: 36px;
    font-size: 15px;
    color: var(--main-text-color2);
    border-color: var(--main-text-color) !important;
    padding: 0 15px;
    background-color: #fff;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

    body.salla-theme_1 .section-header .btn.btn-primary.btn-rounded:hover, body.salla-theme_2 .section-header .btn.btn-primary.btn-rounded:hover, body.salla-theme_4 .section-header .btn.btn-primary.btn-rounded:hover {
        color: #fff;
        background-color: var(--main-text-color) !important;
        border-color: var(--main-text-color) !important
    }

body.salla-theme_3 .section-header .section--title {
    margin-bottom: 15px
}

body.salla-theme_3 .section-actions .circle-action.button-more {
    font-family: inherit;
    width: auto;
    padding: 0 15px
}

body.salla-theme_3 .show-more .btn.btn-rounded, body.salla-theme_5 .show-more .btn.btn-rounded {
    height: 36px;
    font-size: 15px;
    color: var(--main-text-color2);
    border-color: var(--main-text-color) !important;
    padding: 0 15px;
    background-color: #fff;
    transition: all .35s cubic-bezier(.2,1,.3,1);
    border-radius: 3px
}

    body.salla-theme_3 .show-more .btn.btn-rounded:hover, body.salla-theme_5 .show-more .btn.btn-rounded:hover {
        color: #fff;
        background-color: var(--main-text-color) !important;
        border-color: var(--main-text-color) !important
    }

@media only screen and (min-width:767px) {
    body.salla-theme_4 section.section.section-products .container {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

body.salla-theme_4 .section-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row
}

    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-right: -10px;
        margin-left: 5px
    }

        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;
    transform: translateY(-2px);
    padding: 0 10px;
    margin-top: 3px
}

body.salla-theme_4 .section-header .btn.btn-primary.btn-rounded {
    height: 36px;
    line-height: 30px
}

@media only screen and (max-width:480px) {
    body.salla-theme_4 .section-header > :nth-child(2) {
        margin: .5rem 0 0
    }

    body.salla-theme_4 .section-header .section-actions {
        position: relative;
        left: unset;
        top: unset;
        transform: unset;
        text-align: right
    }
}

body.salla-theme_5 .section-header .section-actions {
    width: 100%;
    position: absolute;
    top: 0;
    text-align: left;
    z-index: 99
}

    body.salla-theme_5 .section-header .section-actions .circle-action.button-more {
        width: auto;
        padding: 0 15px
    }

        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 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        text-align: right
    }

        body.salla-theme_5 .section-header h2.section--title {
            flex: 1 0 auto
        }

        body.salla-theme_5 .section-header .section-actions {
            position: relative;
            left: 0;
            top: 0;
            transform: unset;
            text-align: left;
            right: auto
        }
}

body .section-actions .circle-action {
    vertical-align: middle
}

@media only screen and (max-width:992px) {
    body .section-actions .circle-action {
        width: 30px;
        height: 30px
    }

        body .section-actions .button-more, body .section-actions .circle-action.button-more {
            padding: 0 8px !important;
            font-size: 14px
        }

    body .section-actions .button-more {
        height: 30px !important
    }
}

@media only screen and (max-width:992px) {
    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
    }
}

:root {
    --shipping-bar-main-color: #a2c870
}

.shipping-bar {
    display: flex;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    width: 100%
}

@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 {
        position: relative;
        padding: 0 0 8px;
        text-align: left;
        transition: width .35s cubic-bezier(.2,1,.3,1)
    }

        .shipping-bar .free-shipping__bar > div > span {
            display: inline-block;
            padding: 5px 10px;
            margin: 0 0 5px -15px;
            position: relative;
            background-color: var(--shipping-bar-main-color);
            font-size: 11px;
            font-weight: 700;
            color: #fff
        }

            .shipping-bar .free-shipping__bar > div > span i {
                display: inline-block;
                vertical-align: middle;
                margin-right: 1px;
                font-size: 18px;
                transform: scaleX(-1)
            }

            .shipping-bar .free-shipping__bar > div > span:after {
                content: "";
                width: 0;
                height: 0;
                position: absolute;
                top: 100%;
                right: calc(100% - 20px);
                pointer-events: none;
                border: 5px solid transparent;
                border-top: 5px solid var(--shipping-bar-main-color)
            }

        .shipping-bar .free-shipping__bar > div > div {
            background: var(--shipping-bar-main-color);
            background: linear-gradient(90deg,var(--shipping-bar-main-color),var(--shipping-bar-main-color))
        }

        .shipping-bar .free-shipping__bar:after, .shipping-bar .free-shipping__bar > div > div {
            display: block;
            width: 100%;
            height: 5px;
            position: absolute;
            right: 0;
            bottom: 0;
            border-radius: 3px
        }

    .shipping-bar .free-shipping__bar:after {
        content: "";
        background-color: #f5f5f5;
        z-index: -1
    }

.shipping-bar .free-shipping__label {
    margin: 3px 0 0;
    font-size: 13px
}

    .shipping-bar .free-shipping__label b {
        display: inline-block;
        margin: 0 5px;
        color: var(--shipping-bar-main-color)
    }

.shipping-bar .free-shipping--large {
    width: 100%;
    margin-top: 15px;
    padding: 0 20px
}

    .shipping-bar .free-shipping--large .free-shipping__label-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;
        margin-bottom: 14px
    }

        .shipping-bar .free-shipping--large .free-shipping__label-wrapper h6 {
            margin: 0;
            font-weight: 700;
            font-size: 12px;
            color: #5f5f5f
        }

            .shipping-bar .free-shipping--large .free-shipping__label-wrapper h6 span {
                font-weight: 400
            }

    .shipping-bar .free-shipping--large .free-shipping__bar > div > div {
        background: linear-gradient(90deg,var(--main-color),var(--main-color)) !important;
        z-index: 4;
        height: 15px
    }

    .shipping-bar .free-shipping--large .free-shipping__bar:after {
        height: 15px;
        box-shadow: inset 0 0 12px rgba(0,0,0,.15);
        z-index: 0
    }

.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)
}

body.salla-default .container--default {
    max-width: 1024px
}

body.salla-default ol.breadcrumb {
    margin: 15px 0
}

    body.salla-default ol.breadcrumb li {
        color: #fff
    }

        body.salla-default ol.breadcrumb li a {
            color: hsla(0,0%,100%,.8)
        }

            body.salla-default ol.breadcrumb li a:hover {
                color: #fff
            }

        body.salla-default ol.breadcrumb li:before {
            color: #fff !important
        }

body.salla-theme_4 ol.breadcrumb {
    margin: 0 0 10px !important
}

@media only screen and (max-width:767px) {
    body.salla-theme_4 ol.breadcrumb {
        margin: 0 !important
    }
}

body.salla-theme_2.product-show .breadcrumb-container, body.salla-theme_5.product-show .breadcrumb-container {
    padding-top: 0
}

@media only screen and (min-width:991px) {
    body.salla-theme_2.product-show .breadcrumb-container .container, body.salla-theme_5.product-show .breadcrumb-container .container {
        max-width: 700px
    }
}

@media only screen and (min-width:992px) {
    body.salla-theme_2.product-show .breadcrumb-container, body.salla-theme_5.product-show .breadcrumb-container {
        padding-top: .8rem
    }
}

.breadcrumb-container {
    padding-top: .8rem
}

    .breadcrumb-container.gray {
        background-color: #fafafa
    }

.loader {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    border-radius: 100%;
    border-color: currentcolor;
    border-top: 5px solid var(--color-main-l);
    border-bottom: 5px solid hsla(0,0%,100%,.3);
    border-left: 5px solid var(--color-main-l);
    border-right: 5px solid hsla(0,0%,100%,.3);
    -webkit-animation: loader 1s ease-in-out infinite;
    animation: loader 1s ease-in-out infinite;
    margin: auto 0
}

.loader-light {
    border-width: 3px
}

.loader-small {
    width: 20px;
    height: 20px
}

@-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: 225px !important
}

    .bootstrap-select > .dropdown-menu > .dropdown-menu li a .text {
        white-space: normal
    }

.bootstrap-select.select-new {
    -webkit-appearance: unset !important
}

#sort {
    width: auto;
    position: relative
}

    #sort #sort-toggle {
        border-radius: 50px;
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

        #sort #sort-toggle i {
            margin-left: 6px
        }

        #sort #sort-toggle:focus, #sort #sort-toggle:hover {
            background: var(--main-color) !important;
            border-color: var(--main-color) !important
        }

.checkbox {
    width: 100%;
    margin: 0;
    padding: 0
}

    .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 {
            content: "";
            display: inline-block;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%)
        }

        .checkbox label:before {
            width: 20px;
            height: 20px;
            border: 1px solid #e2e2e2;
            background: #fff;
            right: 0
        }

        .checkbox label:after {
            transition: all .35s cubic-bezier(.2,1,.3,1);
            width: 12px;
            height: 12px;
            right: 4px;
            background-color: var(--main-color);
            transform: translateY(-50%) scale(.3);
            opacity: 0
        }

.checkbox--default {
    margin: 0 !important
}

    .checkbox--default input[type=checkbox] {
        display: none
    }

        .checkbox--default input[type=checkbox] + label {
            padding-right: 23px;
            font-size: 14px;
            color: var(--main-text-color);
            margin: 0
        }

            .checkbox--default input[type=checkbox] + label:before {
                content: "";
                display: inline-block;
                vertical-align: middle;
                width: 15px;
                height: 15px;
                position: absolute;
                top: 10px;
                right: 0;
                margin-top: 2px;
                background-color: transparent;
                border-radius: 2px;
                box-shadow: inset 0 0 8px rgba(0,0,0,.1);
                border: 1px solid rgba(0,0,0,.5);
                transition: all .35s cubic-bezier(.2,1,.3,1)
            }

            .checkbox--default input[type=checkbox] + label:after {
                content: "\EA9D";
                font-family: sallaicons;
                font-size: 11px;
                display: block;
                position: absolute;
                top: 10px;
                transform: translateY(-50%);
                right: 1px;
                margin-top: 3px;
                opacity: 0;
                visibility: hidden;
                background-color: transparent
            }

        .checkbox--default input[type=checkbox]:checked + label:after {
            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 {
    min-height: 220px;
    background-size: 60%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #fbfbfb
}

@media only screen and (max-width:767px) {
    .product > a .img-cont.placeholder {
        min-height: 150px;
        background-size: 80%
    }
}

.product .product-title {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
}

.product--light {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    height: 100%;
    border-radius: 5px;
    border: 1px solid #eee !important;
    overflow: hidden;
    margin: 0 !important
}

.product--light__thumb {
    display: inline-flex;
    width: 100%;
    overflow: hidden;
    flex-direction: column;
    flex: auto;
    -o-object-fit: cover;
    object-fit: cover;
    flex-shrink: 0 !important
}

    .product--light__thumb img {
        display: block;
        width: 100%;
        height: auto;
        flex: 1;
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

    .product--light__thumb.placeholder {
        min-height: 200px;
        background: #fbfbfb url(../images/placeholder.png) 50% 50% no-repeat;
        background-size: 80%;
        border-radius: 6px 6px 0 0
    }

.product--light__meta {
    width: 100%;
    padding: 10px;
    font-size: 15px;
    color: #2c2c2c
}

    .product--light__meta > a {
        display: block;
        width: 100%;
        height: auto;
        color: #323232;
        padding: 0 0 10px
    }

    .product--light__meta > div {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row
    }

        .product--light__meta > div * {
            margin: 0
        }

        .product--light__meta > div a {
            display: block;
            width: 30px;
            height: 30px;
            position: relative;
            flex: 0 0 auto;
            border-radius: 50%;
            background-color: #eee;
            transition: all .35s cubic-bezier(.2,1,.3,1)
        }

            .product--light__meta > div a:after {
                content: "\EA6E";
                font-family: sallaicons;
                font-size: 12px;
                color: #323232;
                display: inline-block;
                position: absolute;
                top: 50%;
                right: 50%;
                transform: translateY(-48%) translateX(45%)
            }

            .product--light__meta > div a:hover {
                background-color: #eaeaea
            }

.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 {
            content: "\EA9D";
            color: #fff
        }

        .product--light.selected .product--light__meta > div a:hover {
            background-color: #5dd5c4
        }

    .product--light.selected:hover {
        border-color: #5dd5c4 !important
    }

.product--light:hover {
    border-color: #ddd !important;
    box-shadow: 0 0 10px rgba(0,0,0,.1) !important
}

@media only screen and (max-width:767px) {
    .product--light__thumb.placeholder {
        min-height: 150px
    }
}

@media only screen and (max-width:767px) {
    .product .product-price * {
        font-size: 14px
    }

    .product .product-price .price-before {
        font-size: 12px
    }

    .product .product-footer .product-price * {
        font-size: 14px
    }

    .product .product-footer .product-price .price-before {
        font-size: 12px
    }
}

.product-rate {
    justify-content: space-between;
    flex-direction: row
}

    .product-rate, .product-rate .thump {
        display: flex;
        align-items: flex-start
    }

        .product-rate .thump {
            flex: auto;
            justify-content: flex-start;
            flex-direction: row
        }

            .product-rate .thump img {
                margin-left: 15px;
                width: 60px;
                border-radius: 6px
            }

            .product-rate .thump p {
                margin: 0;
                text-align: right
            }

@media only screen and (max-width:576px) {
    .product-rate {
        flex-direction: column;
        align-items: flex-start
    }

        .product-rate .thump {
            width: 100%
        }

        .product-rate .br-wrapper {
            margin-top: 10px
        }
}

body.salla-default .product-box .thumb .placeholder {
    min-height: 220px;
    background-size: 60%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #fbfbfb;
    border-radius: 6px 6px 0 0
}

@media only screen and (max-width:767px) {
    body.salla-default .product-box .thumb .placeholder {
        min-height: 150px;
        background-size: 80%
    }
}

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
    }

#sp-slider-cont {
    min-height: 100px;
    position: relative
}

.placeholder.detail {
    min-height: 350px;
    background-size: 50%;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #fff
}

@media only screen and (max-width:767px) {
    .placeholder.detail {
        min-height: 200px
    }
}

.product > a .product-subtitle {
    font-size: 13px;
    color: #9c9c9c;
    padding: 0 20px !important
}

@media only screen and (max-width:767px) {
    .product > a .product-subtitle {
        padding: 0 15px !important;
        margin: 0 0 5px !important
    }
}

.product .product-footer {
    margin: 10px 0 0 !important
}

.product-show .product-details__title {
    margin-bottom: .25rem
}

.product-show .product-details__subtitle {
    font-size: 16px;
    color: #9c9c9c
}

body.salla-theme_6 .product-details__title {
    line-height: 1.2;
    margin-bottom: 15px
}

@media only screen and (max-width:767px) {
    body.salla-theme_6 .product-details__title {
        padding-bottom: 0
    }
}

body.salla-theme_6 .product-details__subtitle {
    margin: 0 0 10px
}

body.salla-theme_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 {
    padding: 0 .5em !important;
    margin: 0 5px !important
}

body.salla-theme_4 .product .product-footer, body.salla-theme_5 .product .product-footer {
    margin: 5px 0 0 !important
}

body.salla-theme_4 .product > a .product-subtitle {
    margin: 0 !important
}

body.salla-theme_3 .product > a .product-title {
    margin-bottom: 5px
}

body.salla-theme_3 .product > a .product-subtitle {
    text-align: center
}

body.salla-theme_2 .product > a {
    display: block;
    position: relative
}

    body.salla-theme_2 .product > a .product-title {
        padding-bottom: 0
    }

    body.salla-theme_2 .product > a .product-subtitle {
        padding: 0 .5rem !important
    }

body.salla-theme_1 .product > a {
    display: block;
    position: relative
}

    body.salla-theme_1 .product > a .product-title {
        padding-bottom: 0;
        border-bottom: none
    }

    body.salla-theme_1 .product > a .product-subtitle {
        padding: 0 .5rem !important;
        margin-bottom: 0 !important
    }

body.salla-theme_1 .product .product-footer {
    margin-top: .5rem;
    border-top: 1px solid #dfdfdf
}

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 {
    font-size: 13px;
    color: #9c9c9c;
    padding: 0;
    margin: 0 0 10px !important
}

@media only screen and (max-width:767px) {
    body.salla-default .product-box .thumbnail .caption.with-subtitle .product-subtitle {
        margin: 0 0 5px !important
    }
}

@media only screen and (max-width:767px) {
    .promotion-title.detail {
        top: 15px
    }
}

@media only screen and (max-width:767px) {
    .promotion-title {
        top: 10px;
        padding: 1px 5px 3px;
        font-size: 12px
    }
}

body .category-featured a {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%
}

@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 {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0
    }

        body:not(.salla-theme_6) .category-featured a img.cat-featured-img {
            display: block;
            width: 100%;
            height: auto
        }

.ui.popup.calendar table.ui.table {
    min-width: 16rem;
    font-size: 11px
}

    .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;
    text-align: right !important;
    margin: 0 0 5px;
    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 > ul, .product-desc ol, .product-detials__desc > ul, .product-detials__desc ol {
    display: block;
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0
}

    .product-desc > ul li, .product-desc ol li, .product-detials__desc > ul li, .product-detials__desc ol li {
        display: block;
        position: relative;
        min-height: 30px;
        padding-right: 18px;
        margin-bottom: 5px;
        line-height: 1.6
    }

        .product-desc > ul li:before, .product-desc ol li:before, .product-detials__desc > ul li:before, .product-detials__desc ol li:before {
            content: "\F111";
            font-family: FontAwesome;
            font-size: 5px;
            position: absolute;
            top: 12px;
            right: 0
        }

.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 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 {
    width: 100%;
    height: auto;
    position: relative;
    padding: 15px;
    margin: 15px 0;
    border-radius: 3px
}

    .quick-order .btn, .quick-order .form-control {
        height: 35px;
        border-radius: 3px
    }

        .quick-order .btn.qo-order {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            transition: all .35s cubic-bezier(.2,1,.3,1);
            min-width: 150px;
            font-size: 15px;
            box-shadow: none
        }

            .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 {
                min-width: 40px;
                background: rgba(0,0,0,.1)
            }

                .quick-order .btn.qo-order.close span {
                    opacity: 0;
                    visibility: hidden
                }

                .quick-order .btn.qo-order.close i {
                    opacity: 1;
                    visibility: visible
                }

                .quick-order .btn.qo-order.close:hover {
                    background-color: rgba(0,0,0,.15)
                }

@media only screen and (max-width:992px) {
    .quick-order .btn.qo-order {
        min-width: 80px
    }
}

.quick-order .btn.qo-submit {
    min-width: 100%;
    border: none;
    font-size: 15px
}

.quick-order .btn.qo-confirm {
    line-height: 1;
    color: #fff !important;
    background-color: #5dd5c4;
    border: none
}

    .quick-order .btn.qo-confirm:hover {
        background-color: #67bfaf
    }

.quick-order .qo-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row
}

    .quick-order .qo-title h1 {
        flex: auto;
        line-height: 1
    }

        .quick-order .qo-title h1 span {
            font-size: 30px
        }

        .quick-order .qo-title h1 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 .qo-form .form-control {
        border: none;
        box-shadow: none
    }

        .quick-order .qo-form .form-control::-webkit-input-placeholder {
            color: #b4b4b4
        }

        .quick-order .qo-form .form-control::-moz-placeholder {
            color: #b4b4b4
        }

        .quick-order .qo-form .form-control:-ms-input-placeholder {
            color: #b4b4b4
        }

        .quick-order .qo-form .form-control::-ms-input-placeholder {
            color: #b4b4b4
        }

        .quick-order .qo-form .form-control::placeholder {
            color: #b4b4b4
        }

.quick-order--main {
    background-color: var(--main-color)
}

    .quick-order--main .btn.qo-order {
        color: var(--main-color);
        background-color: #fff;
        border: none;
        box-shadow: 0 1px 2px rgba(0,0,0,.15)
    }

        .quick-order--main .btn.qo-order:hover {
            background: #f8f8f8 !important
        }

    .quick-order--main .btn.qo-submit {
        color: #fff;
        background: rgba(0,0,0,.8) !important
    }

    .quick-order--main .qo-title h1 * {
        color: #fff
    }

    .quick-order--main .qo-form .form-control {
        background-color: #fff
    }

    .quick-order--main .qo-form .checkbox.checkbox--default input[type=checkbox] + label {
        color: #fff
    }

        .quick-order--main .qo-form .checkbox.checkbox--default input[type=checkbox] + label:before {
            border-color: hsla(0,0%,100%,.5)
        }

        .quick-order--main .qo-form .checkbox.checkbox--default input[type=checkbox] + label:after {
            color: #fff
        }

.quick-order--light {
    background-color: #fff;
    border: 1px solid #eee
}

    .quick-order--light .btn.qo-order {
        color: #767676;
        background-color: #ddd;
        border: none;
        box-shadow: none
    }

        .quick-order--light .btn.qo-order:hover {
            background: #cbcbcb !important
        }

    .quick-order--light .btn.qo-submit {
        color: #fff;
        background: rgba(0,0,0,.5) !important
    }

    .quick-order--light .qo-title h1 * {
        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%,72.5%,.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 {
        color: #767676;
        background-color: #ddd;
        border: none;
        box-shadow: none
    }

        .quick-order--grey .btn.qo-order:hover {
            background: #cbcbcb !important
        }

    .quick-order--grey .btn.qo-submit {
        color: #fff;
        background: rgba(0,0,0,.5) !important
    }

    .quick-order--grey .qo-title h1 * {
        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%,72.5%,.5)
        }

        .quick-order--grey .qo-form .checkbox.checkbox--default input[type=checkbox] + label:after {
            color: #b9b9b9
        }

.quick-order.confirmed {
    background: rgba(93,213,196,.05);
    border: 1px solid rgba(93,213,196,.5) !important
}

    .quick-order.confirmed .qo-title h1 span {
        font-size: 18px
    }

        .quick-order.confirmed .qo-title h1 span i {
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
            transform: translateY(-3px)
        }

    .quick-order.confirmed .qo-title * {
        color: #5dd5c4
    }

@media only screen and (max-width:480px) {
    .quick-order.confirmed .qo-title {
        flex-direction: column
    }

        .quick-order.confirmed .qo-title h1 {
            margin: 0 0 5px
        }
}

body.salla-default #quick_order {
    width: calc(100% - 30px);
    margin: 15px auto
}

    body.salla-default #quick_order .qo-title h1 small {
        margin-top: 5px
    }

body.font-dinnextltarabic-regular .quick-order .btn.qo-order, body.font-dinnextltarabic-regular .quick-order .btn.qo-submit {
    line-height: 1;
    padding-bottom: 10px
}

body.font-dinnextltarabic-regular .quick-order .qo-title h1 small {
    margin: 6px 0 0
}

body.font-dinnextltarabic-regular .quick-order .qo-form .form-control {
    padding-bottom: 10px
}

body.font-amazon-ember .quick-order .btn.qo-order span, body.font-apple .quick-order .btn.qo-order span {
    transform: translateY(-11px)
}

body.font-apple .quick-order .qo-title h1 small {
    margin-top: 5px
}

body.font-dubai .quick-order .btn.qo-order span {
    transform: translateY(-11px)
}

body.font-estedad .quick-order .btn.qo-order span {
    transform: translateY(-13px)
}

body.font-estedad .quick-order .qo-title h1 small {
    margin-top: 5px
}

#one-click .intl-tel-input .flag-container {
    border: none
}

    #one-click .intl-tel-input .flag-container .selected-flag {
        outline: none;
        background-color: transparent
    }

        #one-click .intl-tel-input .flag-container .selected-flag .selected-dial-code {
            font-family: Arial;
            font-size: 13px;
            unicode-bidi: -moz-plaintext;
            unicode-bidi: plaintext;
            letter-spacing: 1px
        }

    #one-click .intl-tel-input .flag-container:before {
        content: "";
        display: inline-block;
        width: 1px;
        height: 70%;
        position: absolute;
        right: 0;
        top: 15%;
        background: #e4e4e4
    }

#one-click .intl-tel-input .form-control[type=tel] {
    padding-left: 80px !important
}

#one-click .intl-tel-input .country-list {
    border-radius: 6px;
    margin: 5px 0 0;
    box-shadow: 0 1px 2px #e4e4e4;
    border: 1px solid #e4e4e4
}

    #one-click .intl-tel-input .country-list li.country {
        padding: 5px 10px
    }

        #one-click .intl-tel-input .country-list li.country .flag-box {
            margin: 0 0 0 10px
        }

        #one-click .intl-tel-input .country-list li.country .country-name {
            font-size: 12px;
            margin: 0
        }

        #one-click .intl-tel-input .country-list li.country .dial-code {
            font-size: 13px;
            margin: 0 3px
        }

    #one-click .intl-tel-input .country-list.dropup {
        margin: 0 0 5px
    }

#one-click .intl-tel-input .form-control {
    padding-right: 30px
}

@media only screen and (max-width:767px) {
    #one-click .intl-tel-input .country-list {
        max-width: calc(100vw - 50px)
    }
}

.form-group .input-addon {
    position: relative
}

    .form-group .input-addon > i {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 10px;
        font-size: 12px;
        color: #919191;
        z-index: 2
    }

    .form-group .input-addon > input {
        padding-right: 30px
    }

.form-group .form-control--numeric {
    direction: ltr;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    text-align: right
}

.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-group-label {
    font-size: 13px;
    margin: 0 0 7px
}

.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 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        padding: 5px 0 8px;
        min-width: 65px;
        border-radius: 2px 0 0 2px
    }

    .form-group.coupon:before {
        content: "\E932";
        font-family: sallaicons;
        font-size: 19px;
        line-height: 1;
        color: #999;
        display: inline-block;
        position: absolute;
        top: 50%;
        transform: translateY(-53%);
        right: 13px
    }

.form-group .error {
    font-size: 12px;
    color: #e2384d;
    margin-top: 3px;
    display: none
}

.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 {
        width: auto;
        position: absolute;
        padding: 0;
        border: none;
        background: 0 0;
        z-index: 5
    }

.form-group .input-group.ig-ltr .form-control {
    padding-left: 40px
}

.form-group .input-group.ig-ltr .input-group-addon {
    font-size: 15px;
    color: #7b7b7b;
    top: 50%;
    left: 15px;
    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 .bootstrap-select .btn {
    border-radius: 3px 0 0 3px;
    height: 36px
}

.form-group .form-control.fc-ltr {
    text-align: left;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext
}

.form-group.inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

.form-group .country-code .input-group {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row-reverse;
    border-radius: 3px;
    border: 1px solid #eee
}

    .form-group .country-code .input-group:after {
        content: "";
        height: 60%;
        width: 1px;
        background-color: #eee;
        position: absolute;
        left: 70px;
        top: 50%;
        transform: translateY(-50%)
    }

    .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 {
            box-shadow: none !important;
            border: none;
            padding: 0;
            background-color: transparent;
            z-index: 1
        }

            .form-group .country-code .input-group .btn-group button .bs-caret .caret {
                top: 20px !important;
                left: 7px !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;
        padding: 0;
        position: absolute;
        left: 25px;
        top: 50%;
        transform: translateY(-50%)
    }

    .form-group .country-code .input-group > input:first-of-type {
        border: none
    }

.product-form, .product-options {
    background-color: #fff;
    padding: 20px !important;
    border: 1px solid #eee !important;
    border-radius: 3px
}

    .product-form .product-form, .product-options .product-form {
        padding: 0 !important;
        border: none !important
    }

    .product-form .shipping-bar .free-shipping--large, .product-options .shipping-bar .free-shipping--large {
        padding: 0 !important
    }

    .product-form .donation-goal, .product-options .donation-goal {
        font-size: 12px;
        font-weight: 700;
        color: #5f5f5f
    }

.list--product-fields {
    margin-bottom: 25px !important
}

    .list--product-fields li .option-value {
        font-size: 14px
    }

    .list--product-fields li.form-group {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
        margin: 0 0 25px
    }

        .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;
            padding: 0 0 0 10px;
            margin: 0
        }

            .list--product-fields li.form-group > label.required:after {
                content: "*";
                font-size: 15px;
                color: #f55157
            }

        .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 {
            border-radius: 3px;
            background: #f1f0ef
        }

        .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 {
                display: block;
                margin: 0;
                font-size: 14px;
                color: #959595;
                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 {
                border: 1px solid #dcdcdc !important;
                border-radius: 3px;
                transition: all .35s cubic-bezier(.2,1,.3,1);
                width: 20px;
                height: 20px;
                transform: translateY(-2px);
                background-color: #fff
            }

                .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;
                        top: 1px;
                        right: 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 {
            width: 100% !important;
            padding: 0;
            margin: 0;
            border: none
        }

            .list--product-fields li.form-group .bootstrap-select > .btn.btn-default {
                border-radius: 3px;
                color: #555;
                border-color: #dcdcdc
            }

                .list--product-fields li.form-group .bootstrap-select > .btn.btn-default .filter-option {
                    white-space: normal;
                    overflow: hidden;
                    height: 25px
                }

            .list--product-fields li.form-group .bootstrap-select select.bootstrap-select {
                top: 0;
                right: 0 !important;
                pointer-events: none
            }

        .list--product-fields li.form-group.product-buttons {
            flex-direction: column;
            padding: 0
        }

            .list--product-fields li.form-group.product-buttons .product-buttons-wrapper {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-direction: row;
                width: 100%;
                padding: 0
            }

                .list--product-fields li.form-group.product-buttons .product-buttons-wrapper .file-input .btn-attach-file {
                    width: 100% !important;
                    padding-top: 6px !important;
                    margin: 0
                }

                .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 {
                    width: 100%;
                    border-color: #dcdcdc;
                    color: #555 !important;
                    background: #fff !important;
                    box-shadow: none !important;
                    transition: all .35s cubic-bezier(.2,1,.3,1)
                }

                    .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.1%,.25) !important
                    }

            .list--product-fields li.form-group.product-buttons .notes-upload-fields {
                width: 100%;
                flex: unset;
                padding: 0
            }

                .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 {
                        padding: 0;
                        margin: 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 {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row
    }

        .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 {
            flex: 0 0 auto;
            margin: 0 5px 0 0;
            border: none
        }

    .list--product-fields li.form-group--price {
        align-items: center;
        padding-top: 20px;
        border-top: 3px solid #f3f3f3
    }

        .list--product-fields li.form-group--price > div {
            text-align: left;
            font-size: 20px
        }

            .list--product-fields li.form-group--price > div .product-price {
                padding: 0;
                font-size: 20px
            }

    .list--product-fields li.form-group.error label, .list--product-fields li.form-group.has-danger label, .list--product-fields li.form-group.has-error label {
        color: #d84315
    }

    .list--product-fields li.form-group.error .bootstrap-select > .btn.btn-default, .list--product-fields li.form-group.error .btn, .list--product-fields li.form-group.error .form-control, .list--product-fields li.form-group.error .input-group-addon, .list--product-fields li.form-group.error textarea, .list--product-fields li.form-group.has-danger .bootstrap-select > .btn.btn-default, .list--product-fields li.form-group.has-danger .btn, .list--product-fields li.form-group.has-danger .form-control, .list--product-fields li.form-group.has-danger .input-group-addon, .list--product-fields li.form-group.has-danger textarea, .list--product-fields li.form-group.has-error .bootstrap-select > .btn.btn-default, .list--product-fields li.form-group.has-error .btn, .list--product-fields li.form-group.has-error .form-control, .list--product-fields li.form-group.has-error .input-group-addon, .list--product-fields li.form-group.has-error textarea {
        border-color: rgba(216,67,21,.5)
    }

        .list--product-fields li.form-group.error .bootstrap-select > .btn.btn-default:focus, .list--product-fields li.form-group.error .bootstrap-select > .btn.btn-default:hover, .list--product-fields li.form-group.error .btn:focus, .list--product-fields li.form-group.error .btn:hover, .list--product-fields li.form-group.error .form-control:focus, .list--product-fields li.form-group.error .form-control:hover, .list--product-fields li.form-group.error .input-group-addon:focus, .list--product-fields li.form-group.error .input-group-addon:hover, .list--product-fields li.form-group.error textarea:focus, .list--product-fields li.form-group.error textarea:hover, .list--product-fields li.form-group.has-danger .bootstrap-select > .btn.btn-default:focus, .list--product-fields li.form-group.has-danger .bootstrap-select > .btn.btn-default:hover, .list--product-fields li.form-group.has-danger .btn:focus, .list--product-fields li.form-group.has-danger .btn:hover, .list--product-fields li.form-group.has-danger .form-control:focus, .list--product-fields li.form-group.has-danger .form-control:hover, .list--product-fields li.form-group.has-danger .input-group-addon:focus, .list--product-fields li.form-group.has-danger .input-group-addon:hover, .list--product-fields li.form-group.has-danger textarea:focus, .list--product-fields li.form-group.has-danger textarea:hover, .list--product-fields li.form-group.has-error .bootstrap-select > .btn.btn-default:focus, .list--product-fields li.form-group.has-error .bootstrap-select > .btn.btn-default:hover, .list--product-fields li.form-group.has-error .btn:focus, .list--product-fields li.form-group.has-error .btn:hover, .list--product-fields li.form-group.has-error .form-control:focus, .list--product-fields li.form-group.has-error .form-control:hover, .list--product-fields li.form-group.has-error .input-group-addon:focus, .list--product-fields li.form-group.has-error .input-group-addon:hover, .list--product-fields li.form-group.has-error textarea:focus, .list--product-fields li.form-group.has-error textarea:hover {
            border-color: rgba(216,67,21,.8)
        }

    .list--product-fields li.form-group.error .help-block, .list--product-fields li.form-group.has-danger .help-block, .list--product-fields li.form-group.has-error .help-block {
        flex: 1;
        margin: 5px 0 0;
        font-size: 10px;
        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 {
    width: 100%;
    border-color: #dcdcdc;
    margin: 0 0 25px
}

@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;
    padding: 0 !important;
    border: none !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 {
    font-size: 12px !important;
    color: #999
}

.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 {
        margin: 0;
        border-color: #dcdcdc !important
    }

    .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 {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    background-attachment: fixed;
    height: 400px
}

    .bg-promotion .container {
        position: relative;
        z-index: 100;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff
    }

        .bg-promotion .container h2 {
            font-size: 50px;
            font-weight: 700
        }

    .bg-promotion:after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .6
    }

    .bg-promotion.clear:after {
        opacity: 0
    }

@media only screen and (max-width:992px) {
    .bg-promotion {
        height: 200px;
        background-attachment: scroll
    }

        .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 {
            width: auto;
            height: 10px;
            margin: 0 5px
        }

            .main-slider.slick-dotted.slick-slider .slick-dots li button {
                width: 10px;
                height: 10px;
                margin: 0;
                padding: 0;
                transform-origin: center;
                border-radius: 50px;
                transition: all .15s cubic-bezier(.2,1,.3,1)
            }

            .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 {
            font-size: 13px;
            font-weight: 400;
            line-height: 1;
            display: none
        }

            .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
        }
}

.main-slider--solo {
    padding-bottom: 0 !important
}

    .main-slider--solo.slick-dotted .slick-dots {
        display: none !important
    }

.slick-dots > li:only-child {
    display: none
}

.slider--light .owl-stage-outer {
    padding: 30px 2px;
    margin-left: -2px
}

    .slider--light .owl-stage-outer .owl-stage {
        display: flex
    }

.slider--light .owl-nav {
    width: 100%;
    height: 40px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none
}

    .slider--light .owl-nav button {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #fff !important;
        border: 1px solid #eee !important;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        position: absolute;
        top: 0;
        pointer-events: auto
    }

        .slider--light .owl-nav button:after {
            font-family: sallaicons !important;
            font-size: 25px;
            color: #c3c3c3;
            transition: all .35s cubic-bezier(.2,1,.3,1);
            position: absolute;
            top: 50%;
            right: 50%;
            transform: translateY(-50%) translateX(50%)
        }

        .slider--light .owl-nav button.owl-next {
            left: -20px
        }

            .slider--light .owl-nav button.owl-next:after {
                content: "\E96E"
            }

        .slider--light .owl-nav button.owl-prev {
            right: -20px
        }

            .slider--light .owl-nav button.owl-prev:after {
                content: "\E96B"
            }

        .slider--light .owl-nav button:hover {
            border-color: #ddd !important;
            box-shadow: 0 0 10px rgba(0,0,0,.1) !important
        }

            .slider--light .owl-nav button:hover:after {
                color: #a4a4a4 !important
            }

.slider--light#offer_product_items.disabled {
    pointer-events: none;
    opacity: .7
}

.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 {
    width: 80px;
    height: 80px;
    margin: 0 0 10px;
    border-radius: 50%;
    flex: 0 0 auto;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 10px
}

    .slider--light#offer_product_items[data-items-count="1"] .product--light__thumb img {
        max-width: 110px !important;
        margin: 0 auto !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 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

        .slider--light#offer_product_items[data-items-count="1"] .product--light__meta > div .add_to_cart_btn {
            width: 40px;
            height: 40px;
            margin-top: 10px
        }

@media only screen and (min-width:767px) {
    .slider--light#offer_product_items[data-items-count="1"] .product--light {
        padding: 10px 10px 10px 55px;
        flex-direction: row
    }

    .slider--light#offer_product_items[data-items-count="1"] .product--light__thumb {
        width: 60px;
        height: 60px;
        margin: 0;
        border-radius: 50%;
        flex: 0 0 auto;
        -o-object-fit: cover;
        object-fit: cover
    }

        .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 {
        text-align: right;
        padding: 0 15px 0 0
    }

        .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 {
                position: absolute;
                top: 50%;
                left: 15px;
                transform: translateY(-50%);
                margin: 0
            }
}

@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%)
            }
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) {
    position: relative;
    transition: background .35s cubic-bezier(.2,1,.3,1)
}

    body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) a {
        position: relative
    }

    body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) > ul {
        transform: translateY(10px)
    }

    body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul {
        border-radius: 3px;
        transition: trnasform .35s cubic-bezier(.2,1,.3,1);
        box-shadow: 0 2px 2px 0 rgba(0,0,0,.15);
        overflow: visible;
        background-color: transparent;
        max-height: unset
    }

        body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li {
            position: relative;
            background-color: #fff
        }

            body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li > a {
                position: relative;
                font-size: 13px;
                padding: 5px 10px
            }

                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 {
                    color: var(--color-text-reverse);
                    background-color: transparent
                }

            body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li:first-child {
                border-top-right-radius: 3px;
                border-top-left-radius: 3px
            }

            body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header) ul li:last-child {
                border-bottom-right-radius: 3px;
                border-bottom-left-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 {
            content: "\E96D";
            font-family: sallaicons;
            color: inherit;
            font-size: 15px;
            line-height: 1;
            display: block;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            transition: all .35s cubic-bezier(.2,1,.3,1);
            opacity: .5
        }

    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 {
                content: "\E96E";
                color: inherit;
                left: 10px
            }

        body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children > ul li.has-children > ul {
            position: absolute;
            top: 0;
            right: 100%;
            opacity: 0;
            visibility: hidden;
            transform: translateX(-10px);
            transition: transform .35s cubic-bezier(.2,1,.3,1)
        }

            body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children > ul li.has-children > ul:before {
                content: "";
                display: inline-block;
                width: 10px;
                height: 100%;
                position: absolute;
                top: 0;
                right: -10px;
                background-color: transparent
            }

@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 {
        position: relative;
        top: 0;
        right: 0;
        opacity: 1;
        visibility: visible
    }
}

body:not(.salla-theme_6) .main-menu li:not(.sub-menu-header).has-children > ul li.has-children:hover > ul {
    opacity: 1;
    visibility: visible;
    transform: translateX(-5px)
}

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 {
            right: unset;
            left: -10px
        }

    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;
    width: auto;
    position: relative;
    margin: 0 0 0 7px;
    z-index: 9999
}

    #cl_switcher #cl_toggle {
        border-radius: 50px;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        min-width: 100px;
        height: 36px;
        min-height: unset;
        max-height: unset;
        padding: 5px 12px 6px 30px;
        text-align: right;
        color: var(--color-main-reverse);
        line-height: 1;
        border: 1px solid #e0e0e0;
        background: 0 0 !important
    }

        #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 {
            content: "\EA62";
            font-family: sallaicons;
            font-size: 12px;
            color: inherit;
            top: 52%;
            transform: translateY(-50%);
            left: 11px;
            z-index: 9
        }

        #cl_switcher #cl_list, #cl_switcher #cl_toggle:after {
            position: absolute;
            transition: all .35s cubic-bezier(.2,1,.3,1)
        }

    #cl_switcher #cl_list {
        display: block;
        width: auto;
        min-width: 190px;
        height: auto;
        max-height: 170px;
        overflow-x: hidden;
        overflow-y: auto;
        top: 40px;
        left: 0;
        box-shadow: 0 1px 3px 0 rgba(0,0,0,.2);
        background-color: #fff;
        padding: 0;
        margin: 0;
        z-index: 99;
        visibility: hidden;
        opacity: 0;
        transform: translateY(5px);
        border-radius: 4px
    }

        #cl_switcher #cl_list li {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-direction: row;
            padding: 15px 12px;
            border-bottom: 1px solid #f8f8f8;
            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 {
                        border-color: #979797;
                        background-color: #d8d8d8
                    }

                #cl_switcher #cl_list li .checkbox label {
                    font-size: 13px;
                    color: #7f7f7f;
                    padding-right: 20px
                }

                    #cl_switcher #cl_list li .checkbox label i, #cl_switcher #cl_list li .checkbox label img {
                        display: inline-block;
                        vertical-align: middle;
                        margin: 0 0 0 5px;
                        overflow: hidden;
                        border: none;
                        background-color: transparent
                    }

                    #cl_switcher #cl_list li .checkbox label span {
                        color: #7f7f7f
                    }

                    #cl_switcher #cl_list li .checkbox label:before {
                        width: 12px;
                        height: 12px;
                        top: 13px;
                        transition: all .35s cubic-bezier(.2,1,.3,1)
                    }

                    #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 {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                flex-direction: row;
                width: 100%;
                position: relative;
                margin: 0 0 10px
            }

                #cl_switcher #cl_list li .col__title h4 {
                    font-size: 15px;
                    color: #727271;
                    line-height: 1;
                    background-color: #fff;
                    padding: 0 0 0 10px;
                    z-index: 9
                }

                #cl_switcher #cl_list li .col__title:after {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 1px;
                    background: #ececec;
                    position: absolute;
                    top: 50%;
                    transform: translateY(-50%);
                    left: 0
                }

            #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;
        visibility: visible;
        transform: translateY(0)
    }

@media only screen and (min-width:992px) {
    #cl_switcher {
        display: block
    }
}

.product-details__price {
    float: right
}

.tax-label {
    display: table;
    font-size: 11px;
    color: #999;
    line-height: 1;
    margin: 3px 0 0
}

#theme_preview_bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    width: 100%;
    min-height: 40px;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 10px 20px;
    background-color: #3f3f40;
    z-index: 9999999
}

    #theme_preview_bar * {
        display: inline-block;
        vertical-align: middle;
        line-height: 1
    }

    #theme_preview_bar h2 {
        font-size: 15px;
        color: #a5a5a5;
        line-height: 1;
        margin: 0
    }

        #theme_preview_bar h2 span {
            padding: 5px 15px;
            border-radius: 50px;
            margin: 0 5px 0 0;
            background: hsla(0,0%,100%,.8);
            color: var(--color-text);
            font-size: 14px
        }

        #theme_preview_bar h2:before {
            content: "";
            display: inline-block;
            vertical-align: middle;
            width: 30px;
            height: 30px;
            background: url(https://salla.sa/site/wp-content/themes/salla/assets/images/logo.svg) 50% no-repeat;
            background-size: contain;
            margin: 0 0 0 10px
        }

    #theme_preview_bar .btn {
        width: 50px;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 0;
        border-radius: 0;
        background-color: rgba(0,0,0,.6);
        font-size: 20px;
        color: hsla(0,0%,100%,.8);
        transition: all .35s cubic-bezier(.2,1,.3,1);
        border: none !important
    }

        #theme_preview_bar .btn i {
            display: inline-block;
            vertical-align: middle;
            position: absolute;
            top: 50%;
            right: 50%;
            transform: translateX(50%) translateY(-50%)
        }

        #theme_preview_bar .btn:hover {
            color: #fff;
            background-color: rgba(0,0,0,.95)
        }

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 {
    width: auto;
    height: 25px;
    margin: 0 0 7px 7px
}

    .color-options .checkbox.radio input[type=radio]:checked + label {
        box-shadow: 0 0 5px rgba(0,0,0,.3)
    }

        .color-options .checkbox.radio input[type=radio]:checked + label:after {
            opacity: 1;
            transform: translate(50%,-50%)
        }

    .color-options .checkbox.radio label {
        width: 25px;
        height: 25px;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        border-radius: 50%;
        background-color: grey;
        min-height: unset;
        padding: 0;
        margin: 0;
        border: 2px solid #fff;
        opacity: 0
    }

        .color-options .checkbox.radio label:before {
            display: none
        }

        .color-options .checkbox.radio label:after {
            content: "\EA9D";
            font-family: sallaicons;
            font-size: 12px;
            line-height: 1;
            color: #fff;
            background-color: transparent;
            top: 54%;
            right: 50%;
            transform: translate(50%,-50%)
        }

    .color-options .checkbox.radio:last-child {
        margin-left: 0
    }

.images-options .checkbox.radio {
    width: auto;
    height: 50px;
    min-height: unset;
    margin: 0 0 5px 5px
}

    .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 {
        width: 50px;
        height: 50px;
        min-height: unset;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        border-radius: 4px;
        overflow: hidden;
        padding: 0;
        margin: 0;
        border: 2px solid #fff;
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat
    }

        .images-options .checkbox.radio label:before {
            display: none
        }

        .images-options .checkbox.radio label:after {
            content: "\EA9D";
            font-family: sallaicons;
            line-height: 1;
            font-size: 10px;
            color: #fff;
            display: block;
            width: 30px;
            height: 30px;
            padding: 15px 12px 0 0;
            text-align: center;
            border-radius: 50%;
            background: var(--color-title);
            position: absolute;
            top: 0;
            right: 0;
            transition: all .35s cubic-bezier(.2,1,.3,1);
            transform: translate(15px,-15px)
        }

    .images-options .checkbox.radio:last-child {
        margin-left: 0
    }

.list--tags li {
    margin: 0 0 8px 8px !important
}

    .list--tags li a {
        display: inline-flex;
        padding: 6px 10px;
        border-radius: 50px;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        font-size: 12px;
        line-height: 1;
        background-color: #eee
    }

        .list--tags li a:before {
            content: "\EFEB";
            font-family: sallaicons;
            display: inline-block;
            vertical-align: middle;
            margin: 0 0 0 5px;
            opacity: .5
        }

        .list--tags li a:hover {
            color: var(--color-text-reverse);
            background-color: var(--color-main)
        }

    .list--tags li:last-child {
        margin: 0 0 8px !important
    }

.tags {
    display: flex;
    align-items: center;
    justify-content: unset;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 20px
}

    .tags .btn {
        color: #5c5c5c;
        font-size: 13px;
        border-radius: 9999px;
        padding: 2px 11px 5px 14px;
        background-color: #f8f8f8 !important;
        margin-bottom: 10px
    }

        .tags .btn:not(:last-child) {
            margin-left: 10px
        }

        .tags .btn i {
            margin-left: 5px;
            color: #8a8a8a
        }

.product-tags {
    margin-bottom: 15px
}

body.salla-default .list--tags li a {
    font-size: 12px !important;
    color: #636362;
    text-decoration: none;
    padding: 4px 10px 6px;
    margin: 0
}

    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 {
    width: 100%;
    min-height: 36px;
    position: relative;
    border: none;
    box-shadow: none
}

    .intl-tel-input-pro .intl-tel-input .flag-container {
        height: 100%;
        border-radius: 3px 0 0 3px;
        border: none;
        z-index: 99
    }

        .intl-tel-input-pro .intl-tel-input .flag-container .selected-flag {
            padding: 0 15px 0 30px;
            outline: none;
            box-shadow: none;
            background: 0 0
        }

            .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;
                font-size: 13px;
                margin: 0;
                letter-spacing: 1px;
                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:after {
                content: "\EA62";
                font-family: sallaicons;
                font-size: 11px;
                display: inline-block;
                position: absolute;
                top: 54%;
                left: 12px;
                transform: translateY(-50%);
                opacity: .7
            }

        .intl-tel-input-pro .intl-tel-input .flag-container .country-list {
            width: 400px;
            margin: 8px 0 0;
            border-radius: 3px;
            border-color: #f1f1f1;
            box-shadow: 0 1px 2px rgba(0,0,0,.1)
        }

            .intl-tel-input-pro .intl-tel-input .flag-container .country-list li {
                display: flex;
                align-items: center;
                justify-content: flex-start;
                flex-direction: row;
                direction: rtl;
                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 {
                        margin: 0;
                        flex: auto;
                        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 {
                        unicode-bidi: -moz-plaintext;
                        unicode-bidi: plaintext;
                        font-family: Arial;
                        letter-spacing: 1px
                    }

                .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
                }

@media only screen and (max-width:767px) {
    .intl-tel-input-pro .intl-tel-input .flag-container .country-list {
        width: 250px
    }
}

.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 .flag-container:before {
    content: "";
    display: block;
    width: 1px;
    height: 60%;
    position: absolute;
    right: 5px;
    top: 20%;
    background-color: #eee
}

.intl-tel-input-pro .intl-tel-input .form-control {
    direction: ltr;
    height: 36px;
    letter-spacing: 1px;
    border-radius: 3px
}

@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
}

.iti-mobile .intl-tel-input.iti-container {
    right: 10px !important;
    left: 10px !important;
    z-index: 99999999999 !important
}

    .iti-mobile .intl-tel-input.iti-container .country-list {
        width: calc(100% - 20px) !important;
        right: 0;
        margin: 8px 0 0;
        border-radius: 3px;
        border-color: #f1f1f1;
        box-shadow: 0 1px 2px rgba(0,0,0,.1)
    }

        .iti-mobile .intl-tel-input.iti-container .country-list li {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            flex-direction: row;
            direction: rtl;
            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 {
                    margin: 0;
                    flex: auto;
                    padding: 0 10px;
                    white-space: normal;
                    word-break: break-word
                }

                .iti-mobile .intl-tel-input.iti-container .country-list li span.dial-code {
                    unicode-bidi: -moz-plaintext;
                    unicode-bidi: plaintext;
                    font-family: Arial;
                    letter-spacing: 1px
                }

            .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
    }
}

@media only screen and (min-width:767px) {
    #modal_login .intl-tel-input-pro .intl-tel-input .flag-container .country-list {
        width: 358px
    }

    #modal_login_Admin .modal_login_Admin .intl-tel-input-pro .intl-tel-input .flag-container .country-list {
        width: 358px
    }

    #modal_login_Add_Address .intl-tel-input-pro .intl-tel-input .flag-container .country-list {
        width: 358px
    }
}

#jGrowl .jGrowl-notification.default {
    border-radius: 2px;
    box-shadow: 0 1px 2px 0 hsla(0,0%,82.4%,.5);
    background: #fff
}

    #jGrowl .jGrowl-notification.default .jGrowl-close {
        font-size: 30px;
        line-height: 1;
        transform: translateY(-8px);
        color: #f55157;
        font-weight: 100
    }

#jGrowl .jGrowl-notification.with-icon .jGrowl-message {
    padding-right: 25px;
    font-size: 13px
}

    #jGrowl .jGrowl-notification.with-icon .jGrowl-message i {
        position: absolute;
        top: 52%;
        transform: translateY(-50%);
        right: 15px;
        font-size: 18px;
        color: #a8a8a8
    }

@media only screen and (max-width:480px) {
    #jGrowl {
        width: calc(100% - 20px);
        left: 10px
    }

        #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 {
        width: 100%;
        max-width: 300px;
        margin: 0 auto
    }

.rating-tabs__content {
    text-align: center;
    display: none
}

    .rating-tabs__content p {
        margin-bottom: 12px
    }

    .rating-tabs__content textarea {
        margin: 25px 0 0;
        resize: none;
        height: 76px;
        padding: 12px 15px
    }

    .rating-tabs__content .rating-result {
        white-space: nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column
    }

        .rating-tabs__content .rating-result .rating-stars .fa {
            display: inline-block;
            vertical-align: middle;
            margin: 0 1px;
            font-size: 18px
        }

        .rating-tabs__content .rating-result p {
            display: block;
            margin: 5px 0 0;
            height: 20px;
            transition: all .35s cubic-bezier(.2,1,.3,1)
        }

    .rating-tabs__content .product-list {
        margin-top: 42px;
        padding: 0;
        list-style: none
    }

        .rating-tabs__content .product-list textarea {
            margin-top: 15px;
            height: 42px;
            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
    }

    .rating-tabs__content .rating-result {
        max-height: 25px
    }

@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;
        width: 100%;
        margin: 12px 0 8px
    }

        .rating-tabs__content .product-rate .rating-result p {
            position: relative;
            top: 4px;
            left: -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 {
    margin-top: 14px;
    direction: ltr;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

    .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-text-reverse)
        }

            .rating-tabs__actions .btn.prev i {
                color: var(--color-text-reverse);
                margin-left: 3px
            }

        .rating-tabs__actions .btn.next {
            background-color: var(--color-main);
            color: var(--color-text-reverse)
        }

            .rating-tabs__actions .btn.next i {
                color: var(--color-text-reverse);
                margin-right: 3px
            }

            .rating-tabs__actions .btn.next:hover {
                opacity: .8
            }

.circular-steps {
    align-items: center !important;
    justify-content: center !important
}

    .circular-steps li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        position: relative;
        flex: 1 0 0;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        margin: 0 15px !important
    }

        .circular-steps li span {
            display: block;
            font-size: 15px !important;
            color: #7d7d7d;
            text-align: center
        }

        .circular-steps li:before {
            content: "";
            display: inline-block;
            width: 15px;
            height: 15px;
            position: relative;
            margin-bottom: 3px;
            flex-shrink: 0;
            border-radius: 50%;
            border: 2px solid #f0f0f0;
            transition: all .35s cubic-bezier(.2,1,.3,1)
        }

        .circular-steps li:after {
            content: "";
            width: 100%;
            height: 2px;
            background-color: #f0f0f0;
            position: absolute;
            top: 6px;
            right: calc(50% + 15px)
        }

        .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--no-padding {
    padding: 0
}

.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 {
            font-size: 14px;
            color: #444;
            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 {
                margin-right: 5px;
                color: var(--color-main);
                font-size: 14px;
                text-decoration: underline
            }

@media only screen and (max-width:576px) {
    .panel-order-details .panel-heading > div.list {
        padding: 17px;
        flex-direction: column
    }

        .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 {
                display: flex;
                align-items: center;
                justify-content: space-between;
                flex-direction: row
            }

                .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 {
                    text-align: left;
                    width: 50%;
                    margin-right: 0
                }

                .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-radius: 8px;
    border: 1px solid #eee;
    padding: 15px
}

.order-info-block__title {
    font-size: 14px;
    line-height: 1.6;
    color: #333
}

.order-info-block p {
    font-size: 14px;
    line-height: 1.6;
    color: #444 !important;
    font-weight: 700
}

.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 {
        font-size: 15px;
        color: #444;
        margin-bottom: 14px
    }

    .order-notes .form-control {
        height: 132px
    }

    .order-notes p {
        font-size: 14px
    }

.btn--tamara {
    margin: 20px 0 !important;
    opacity: .9
}

    .btn--tamara:active, .btn--tamara:focus, .btn--tamara:hover {
        opacity: 1 !important;
        box-shadow: none !important
    }

.rating-container .rating-stars .empty-stars, .rating-container .rating-stars .filled-stars {
    text-shadow: none;
    -webkit-text-stroke: unset
}

    .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
}

body.store-login {
    background-color: #fff
}

    body.store-login * {
        font-family: DINNextLTArabic-Regular
    }

.force-login-wrapper {
    display: flex;
    min-height: calc(100vh - 100px);
    width: 100%
}

.force-login {
    width: 100%;
    max-width: 400px;
    margin: auto
}

.force-login__header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px 0 50px;
    height: 140px;
    margin-top: 20px
}

    .force-login__header img {
        width: auto;
        max-height: 70px
    }

@media only screen and (max-width:480px) {
    .force-login__header {
        padding: 20px 0
    }
}

.force-login__body {
    box-shadow: 0 0 54px rgba(37,42,49,.07);
    border-radius: 15px;
    padding: 40px;
    background: #fff;
    margin-bottom: 20px;
    text-align: center
}

.force-login__body__title {
    margin-bottom: 24px
}

    .force-login__body__title h4 {
        font-size: 24px;
        line-height: 35px;
        margin: 0 0 5px;
        text-align: center
    }

    .force-login__body__title p {
        font-size: 13px;
        color: #8f8f8f;
        text-align: center
    }

.force-login__body .message {
    margin: 0
}

.force-login__body .error {
    text-align: right
}

.force-login__body .form-group.mb-0 {
    margin-bottom: 0
}

.force-login__body .form-group label {
    width: 100%;
    text-align: right;
    margin-bottom: 8px;
    text-align: center
}

.force-login__body .form-group .form-control.fc-ltr {
    border-right: 1px solid #eee
}

.force-login__body .form-group .intl-tel-input-pro .intl-tel-input .flag-container .country-list {
    width: 320px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.05)
}

    .force-login__body .form-group .intl-tel-input-pro .intl-tel-input .flag-container .country-list li span.country-name {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }

.force-login__body .form-group .intl-tel-input-pro .form-control {
    background: #f3f6f8;
    border: 1px solid #eef0f3;
    border-radius: 5px;
    height: 40px;
    padding-bottom: 8px;
    padding-left: 112px !important
}

.force-login__body .form-group .intl-tel-input-pro .selected-flag {
    flex-direction: row-reverse
}

    .force-login__body .form-group .intl-tel-input-pro .selected-flag:after {
        top: 50%
    }

    .force-login__body .form-group .intl-tel-input-pro .selected-flag div.iti-flag {
        margin: 0 8px 0 0;
        border-radius: 3px;
        box-shadow: inset 0 0 0 1px rgba(0,0,0,.11)
    }

    .force-login__body .form-group .intl-tel-input-pro .selected-flag .selected-dial-code {
        padding-top: 1px
    }

.force-login__body .form-group.separate-atc > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    direction: ltr
}

    .force-login__body .form-group.separate-atc > div .form-control {
        height: 41px;
        text-align: center;
        font-size: 17px;
        font-weight: 700;
        padding-bottom: 10px;
        flex-basis: calc(25% - 15px);
        background: #f3f6f8;
        border-radius: 5px
    }

        .force-login__body .form-group.separate-atc > div .form-control:active, .force-login__body .form-group.separate-atc > div .form-control:focus {
            border-color: #ddd
        }

.force-login__body .form-group.error-number .error {
    display: none !important
}

.force-login__body .controls {
    text-align: center
}

    .force-login__body .controls .btn {
        margin-top: 12px !important;
        line-height: 30px;
        padding: 3px 20px 7px;
        border-radius: 20px
    }

        .force-login__body .controls .btn .loader {
            display: none;
            width: 17px;
            height: 17px;
            position: absolute;
            margin-right: 10px;
            top: 29%;
            border-top-color: #fff;
            border-left-color: #fff
        }

            .force-login__body .controls .btn .loader.show {
                display: inline-block !important
            }

        .force-login__body .controls .btn.stop {
            pointer-events: none
        }

    .force-login__body .controls .error-check {
        font-size: 13px;
        color: #e2384d;
        margin-top: 15px;
        display: none
    }

    .force-login__body .controls .create-account {
        color: #666;
        font-size: 14px;
        cursor: pointer;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        margin-top: 10px;
        display: block
    }

        .force-login__body .controls .create-account:hover {
            color: #444
        }

    .force-login__body .controls .resend-section {
        margin-top: 10px
    }

        .force-login__body .controls .resend-section .resend, .force-login__body .controls .resend-section .timer {
            display: none;
            color: #666;
            font-size: 14px;
            text-decoration: underline !important;
            cursor: pointer;
            transition: all .35s cubic-bezier(.2,1,.3,1)
        }

            .force-login__body .controls .resend-section .resend:hover, .force-login__body .controls .resend-section .timer:hover {
                color: #444
            }

        .force-login__body .controls .resend-section .timer {
            display: block;
            cursor: unset;
            text-decoration: none !important
        }

            .force-login__body .controls .resend-section .timer:hover {
                color: #666
            }

@media only screen and (max-width:767px) {
    .force-login__body {
        padding: 20px
    }
}

.force-login #create_new_account:not(.is-active), .force-login #login_window_validation {
    display: none
}

.force-login #create_new_account .back {
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f3f6f8;
    border-radius: 50%;
    font-size: 20px;
    margin-bottom: 10px;
    transition: .3s
}

    .force-login #create_new_account .back .icon {
        transition: .3s
    }

    .force-login #create_new_account .back:hover {
        background-color: #e4e7e9;
        text-decoration: none
    }

        .force-login #create_new_account .back:hover .icon {
            transform: translateX(3px)
        }

.force-login #create_new_account .input-group-addon {
    display: none
}

.force-login #create_new_account .form-group .form-control {
    background: #f3f6f8;
    border: 1px solid #eef0f3;
    border-radius: 5px;
    height: 40px
}

.force-login #create_new_account label {
    cursor: pointer
}

.force-login #create_new_account .input-group {
    width: 100%
}

.force-login #create_new_account .first-name-col {
    padding-left: 7.5px
}

.force-login #create_new_account .last-name-col {
    padding-right: 7.5px
}

.fadingOut {
    transition: opacity .2s linear;
    opacity: 0
}

.request-status {
    height: 100%;
    margin: 50px auto
}

    .request-status .store-logo {
        max-width: 159px;
        margin-bottom: 157px
    }

    .request-status .logout {
        margin: 15px 0 40px;
        display: block;
        color: var(--color-main);
        height: 30px;
        border: 1px solid var(--color-main);
        width: 30px;
        border-radius: 50%;
        text-align: center;
        padding: 0
    }

.request-status__main {
    width: 100%;
    padding: 54px 60px;
    border-radius: 15px;
    box-shadow: 0 0 54px 0 rgba(37,42,49,.05);
    background: #fff;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row
}

.request-status__body-right {
    flex: 0 0 50%;
    margin-left: 80px
}

    .request-status__body-right h6 {
        margin-bottom: 10px;
        color: #4f4f4f;
        font-weight: 700
    }

    .request-status__body-right p {
        font-size: 14px;
        color: #4f4f4f;
        margin-bottom: 40px
    }

.request-status__info {
    align-items: flex-start !important
}

    .request-status__info li {
        width: 100%;
        padding: 15px 0;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row
    }

        .request-status__info li:not(:last-of-type) {
            border-bottom: 1px solid #eee
        }

        .request-status__info li span {
            font-size: 14px;
            color: #2b2d34;
            margin-bottom: 0
        }

            .request-status__info li span.title {
                color: #888b98;
                flex: 0 0 24%
            }

        .request-status__info li.case span:not(.title) {
            font-weight: 700
        }

        .request-status__info li.case.under-review span:not(.title) {
            color: #00f
        }

        .request-status__info li.case.rejected span:not(.title) {
            color: #e2384d
        }

.request-status__body-left {
    flex: auto
}

    .request-status__body-left img {
        width: 100%
    }

    .request-status__body-left .logout {
        display: none
    }

@media only screen and (max-width:480px) {
    .request-status__main {
        flex-direction: column-reverse;
        padding: 25px
    }

    .request-status__body-left, .request-status__body-right {
        flex: auto;
        width: 100%
    }

    .request-status__body-right {
        margin: 30px 0 0
    }

        .request-status__body-right .logout {
            display: none
        }

        .request-status__body-right p {
            margin-bottom: 30px
        }

    .request-status__body-left {
        text-align: center
    }

        .request-status__body-left .logout {
            display: block
        }

        .request-status__body-left .btn {
            display: block;
            margin: 30px auto
        }

    .request-status__info li span.title {
        flex: 0 0 45%
    }
}

.list {
    flex-wrap: wrap
}

.list, .list--clear {
    list-style: none;
    margin: 0;
    padding: 0
}

.list--horizontal {
    flex-direction: row
}

.list--horizontal, .list--vertical {
    display: flex;
    align-items: center;
    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
}

.banner--brand {
    display: block;
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    margin: 20px 0
}

@media only screen and (max-width:767px) {
    .banner--brand {
        height: 150px
    }
}

.article {
    display: block;
    width: 100%;
    height: auto
}

.article--brand {
    margin: 30px 0
}

    .article--brand img {
        display: inline-block;
        max-height: 150px;
        vertical-align: middle;
        float: right;
        margin-left: 15px;
        -o-object-fit: contain !important;
        object-fit: contain !important
    }

        .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;
        max-width: 80px;
        margin: 0 auto 20px !important
    }
}

.title {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 20px
}

.title--section {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 0 0 30px;
    text-align: center;
    position: relative
}

    .title--section h2 {
        font-size: 20px;
        margin: 0;
        padding: 0 20px;
        color: var(--main-color);
        background-color: #fff;
        z-index: 2
    }

    .title--section:before {
        content: "";
        display: block;
        width: 60%;
        height: 1px;
        background-color: #f0f0f0;
        position: absolute;
        top: 50%;
        right: 50%;
        transform: translateY(-50%) translateX(50%);
        z-index: 0
    }

.title--small {
    font-size: 14px;
    margin: 0 0 10px
}

.title--inline {
    display: inline-block;
    width: auto;
    float: right;
    margin: 0 0 0 10px
}

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 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative
    }

        .product-details__s-features .s-features li {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            flex: 1 0 auto;
            margin: 0 0 0 5px
        }

            .product-details__s-features .s-features li i {
                display: inline-block;
                vertical-align: middle;
                margin: 0 0 0 8px;
                font-size: 16px;
                transform: translateY(3px);
                color: var(--main-color)
            }

            .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 {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    height: auto;
    position: relative
}

    .qty-field--custom .form-control.single_product_quantity {
        width: calc(100% - 100px);
        max-width: 100%;
        height: 36px;
        text-align: center;
        flex: auto;
        font-weight: 700;
        margin: 0 !important;
        -webkit-user-select: initial;
        -moz-user-select: initial;
        -ms-user-select: initial;
        user-select: initial;
        border-right: none;
        border-left: none;
        border-radius: 0 !important
    }

    .qty-field--custom .btn--qty-add, .qty-field--custom .btn--qty-sub {
        height: 36px;
        flex: 0 0 50px;
        background: #fff;
        border: 1px solid #dcdcdc;
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

        .qty-field--custom .btn--qty-add i, .qty-field--custom .btn--qty-sub i {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            font-weight: 700;
            transform: translateY(-1px)
        }

        .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 {
            border-color: #dcdcdc;
            background: 0 0;
            box-shadow: none;
            color: #555 !important
        }

    .qty-field--custom .btn--qty-add {
        border-radius: 0 3px 3px 0 !important;
        border-left: none
    }

        .qty-field--custom .btn--qty-add:before {
            right: auto !important;
            left: 0
        }

    .qty-field--custom .btn--qty-sub {
        border-radius: 3px 0 0 3px !important;
        border-right: none
    }

    .qty-field--custom .btn:before {
        content: "";
        height: 80%;
        width: 1px;
        background: #dcdcdc;
        position: absolute;
        top: 10%;
        right: 0
    }

    .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
    }
}

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
}

#receipt_container.rec {
    max-width: unset;
    margin: 20px auto;
    background-color: #fff
}

    #receipt_container.rec a {
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

    #receipt_container.rec .rec__wrapper {
        border-radius: 5px;
        border: 1px solid #eee;
        background-color: #fff;
        margin: 0 0 15px
    }

    #receipt_container.rec .rec__header {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        width: 100%;
        padding: 15px 15px 15px 60px
    }

        #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;
            text-align: right;
            font-weight: 700;
            padding-left: 20px
        }

            #receipt_container.rec .rec__header > div.title * {
                display: block;
                width: 100%
            }

            #receipt_container.rec .rec__header > div.title small {
                font-size: 10px;
                color: #646464
            }

            #receipt_container.rec .rec__header > div.title h3 {
                font-size: 30px;
                color: var(--main-text-color-dark)
            }

        #receipt_container.rec .rec__header > a.btn-follow {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            border-radius: 5px;
            font-size: 14px;
            color: #a2c870;
            padding: 3px 20px 7px;
            border: 2px solid #a2c870
        }

            #receipt_container.rec .rec__header > a.btn-follow:hover {
                color: #fff;
                background-color: #a2c870
            }

@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 {
    width: calc(100% - 60px);
    padding: 15px 20px;
    margin: 0 auto 30px;
    border-radius: 5px;
    background-color: hsla(0,0%,93.3%,.4);
    border: 1px solid hsla(0,0%,93.3%,.6)
}

    #receipt_container.rec .rec__share > h3 {
        font-size: 14px;
        margin-bottom: 5px
    }

    #receipt_container.rec .rec__share textarea {
        width: 100%;
        height: auto;
        min-height: 38px;
        padding: 20px 5px 5px;
        text-align: center
    }

@media only screen and (max-width:767px) {
    #receipt_container.rec .rec__share {
        width: calc(100% - 40px);
        padding: 15px;
        margin: 0 auto 20px
    }

        #receipt_container.rec .rec__share textarea {
            height: auto;
            padding: 10px 5px
        }
}

#receipt_container.rec .rec__support {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding: 10px 20px 12px 10px;
    background-color: hsla(0,0%,93.3%,.3)
}

    #receipt_container.rec .rec__support h3 {
        flex: 0 0 auto;
        text-align: right;
        margin-bottom: 8px
    }

        #receipt_container.rec .rec__support h3 i {
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            transform: translateY(-3px)
        }

    #receipt_container.rec .rec__support ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: row;
        list-style: none;
        margin: 0;
        padding: 0;
        flex: 1 0 75%;
        flex-wrap: wrap
    }

        #receipt_container.rec .rec__support ul li {
            display: inline-block;
            margin: 5px
        }

            #receipt_container.rec .rec__support ul li a {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: row;
                padding: 4px 10px 8px;
                border-radius: 4px;
                background-color: #eee;
                unicode-bidi: -moz-plaintext;
                unicode-bidi: plaintext;
                direction: ltr;
                color: #615a5a
            }

                #receipt_container.rec .rec__support ul li a i {
                    margin: 2px 8px 0 0
                }

                #receipt_container.rec .rec__support ul li a:hover {
                    color: #615a5a;
                    background-color: #e6e6e6
                }

@media only screen and (max-width:480px) {
    #receipt_container.rec .rec__support, #receipt_container.rec .rec__support ul {
        flex-direction: column;
        align-items: center
    }
}

#receipt_container.rec .rec__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding: 30px
}

    #receipt_container.rec .rec__content article {
        text-align: right;
        margin-left: 20px
    }

        #receipt_container.rec .rec__content article h2 {
            font-size: 18px;
            font-weight: 700;
            color: #a2c870;
            margin-bottom: 10px
        }

            #receipt_container.rec .rec__content article h2 i, #receipt_container.rec .rec__content article h2 svg {
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px
            }

        #receipt_container.rec .rec__content article p {
            font-size: 14px;
            color: #615a5a
        }

    #receipt_container.rec .rec__content .loyalty-strength {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        flex: 0 0 250px;
        padding: 25px 15px;
        border: 4px solid rgba(255,220,100,.5);
        border-radius: 5px;
        background-color: rgba(255,220,100,.05)
    }

        #receipt_container.rec .rec__content .loyalty-strength h2 {
            font-size: 16px;
            color: #ffba57;
            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 {
                display: inline-block;
                margin: 0 5px;
                color: #efa544
            }

@media only screen and (max-width:767px) {
    #receipt_container.rec .rec__content {
        flex-direction: column;
        padding: 30px 20px
    }

        #receipt_container.rec .rec__content article {
            padding: 0;
            margin: 30px 0 0;
            order: 1
        }

        #receipt_container.rec .rec__content .loyalty-strength {
            flex: 1 0 auto;
            order: 0;
            width: 100%
        }
}

#receipt_container.rec .rec__footer * {
    font-size: 14px;
    color: #a5a5a5
}

#receipt_container.rec .rec__footer a:hover {
    color: #615a5a;
    text-decoration: underline
}

#receipt_container.rec-new {
    max-width: unset;
    margin: 20px auto;
    background-color: #fff;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    border-radius: 10px;
    overflow: hidden
}

    #receipt_container.rec-new a {
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

    #receipt_container.rec-new .rec__header {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        position: relative;
        padding: 3rem 1.5rem 1.5rem;
        background: #fafafa;
        overflow: hidden
    }

        #receipt_container.rec-new .rec__header * {
            color: #9c9c9c;
            z-index: 10
        }

        #receipt_container.rec-new .rec__header .icon-holder {
            width: 80px;
            height: 80px;
            position: relative
        }

            #receipt_container.rec-new .rec__header .icon-holder svg {
                width: 100%;
                height: 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 {
                content: "";
                display: block;
                width: 140px;
                height: 50px;
                background-size: 80%;
                background-repeat: no-repeat;
                background-position: 50%;
                position: absolute;
                top: 50%
            }

            #receipt_container.rec-new .rec__header .icon-holder:before {
                background-image: url(/images/spark-bg-left.svg?2ba2daf53a1fabb226125976d3d3c51e);
                right: 0;
                transform: translateY(-50%) translateX(100%)
            }

            #receipt_container.rec-new .rec__header .icon-holder:after {
                background-image: url(/images/spark-bg-right.svg?b3763687e846c596fb86ceb91d4b8d15);
                left: 0;
                transform: translateY(-50%) translateX(-100%)
            }

        #receipt_container.rec-new .rec__header h3 {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            font-size: 30px;
            color: var(--main-text-color-dark);
            margin-bottom: 15px
        }

            #receipt_container.rec-new .rec__header h3 span {
                font-size: .95rem;
                color: #9c9c9c;
                margin: .5rem
            }

                #receipt_container.rec-new .rec__header h3 span a {
                    transition: all .35s cubic-bezier(.2,1,.3,1)
                }

                    #receipt_container.rec-new .rec__header h3 span a:hover {
                        color: #666
                    }

        #receipt_container.rec-new .rec__header .order-no {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            padding: 5px 10px 7px;
            margin: .5rem;
            border-radius: 4px;
            font-size: 20px;
            color: #555;
            border: 2px solid var(--main-text-color-dark)
        }

            #receipt_container.rec-new .rec__header .order-no b {
                display: inline-block;
                vertical-align: middle;
                margin: 0 5px;
                unicode-bidi: -moz-plaintext;
                unicode-bidi: plaintext;
                font-family: Arial;
                line-height: 1;
                text-align: right;
                color: var(--main-text-color-dark)
            }

        #receipt_container.rec-new .rec__header .trace-detail {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row
        }

            #receipt_container.rec-new .rec__header .trace-detail small {
                font-size: 13px;
                color: #000
            }

                #receipt_container.rec-new .rec__header .trace-detail small a {
                    display: inline-flex;
                    align-items: center;
                    font-size: inherit;
                    color: #676767;
                    position: relative
                }

                    #receipt_container.rec-new .rec__header .trace-detail small a i {
                        display: inline-block;
                        vertical-align: middle;
                        color: inherit;
                        margin: 0 0 0 5px;
                        transform: translateY(2px)
                    }

                    #receipt_container.rec-new .rec__header .trace-detail small a:after {
                        content: "";
                        display: block;
                        width: 100%;
                        height: 1px;
                        position: absolute;
                        bottom: -2px;
                        right: 0;
                        background: #676767;
                        opacity: .3
                    }

                    #receipt_container.rec-new .rec__header .trace-detail small a:hover {
                        color: var(--main-text-color-dark)
                    }

                        #receipt_container.rec-new .rec__header .trace-detail small a:hover:after {
                            background-color: var(--main-text-color-dark);
                            opacity: 1
                        }

                #receipt_container.rec-new .rec__header .trace-detail small:after {
                    content: "";
                    display: inline-block;
                    vertical-align: middle;
                    width: 5px;
                    height: 5px;
                    border-radius: 50%;
                    background-color: #c7c7c7;
                    margin: 0 10px 0 13px
                }

                #receipt_container.rec-new .rec__header .trace-detail small:last-child:after {
                    display: none
                }

        #receipt_container.rec-new .rec__header .loyalty-strength {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            border-radius: 50px;
            padding: 4px 13px 5px;
            margin: 15px 0;
            font-size: 13px;
            background-color: #f1f1f1
        }

            #receipt_container.rec-new .rec__header .loyalty-strength svg {
                display: inline-block;
                width: 18px;
                height: 18px;
                margin: 0 0 0 5px
            }

            #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 {
        width: 50px;
        height: 50px
    }

        #receipt_container.rec-new .rec__header .icon-holder:after, #receipt_container.rec-new .rec__header .icon-holder:before {
            width: 100px;
            height: 40px
        }

    #receipt_container.rec-new .rec__header h2 {
        font-size: 1.5rem
    }
}

#receipt_container.rec-new .rec__content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding: 30px 20px
}

    #receipt_container.rec-new .rec__content article {
        width: 100%;
        text-align: right;
        margin: 0 0 20px
    }

        #receipt_container.rec-new .rec__content article h2 {
            font-size: 15px;
            font-weight: 700;
            color: var(--main-text-color-dark);
            margin-bottom: 10px
        }

            #receipt_container.rec-new .rec__content article h2 i, #receipt_container.rec-new .rec__content article h2 svg {
                display: inline-block;
                vertical-align: middle;
                margin: 0 0 2px 5px
            }

                #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 {
            font-size: 15px;
            color: #615a5a
        }

        #receipt_container.rec-new .rec__content article ul.download-list li {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            flex-direction: row;
            color: #717171;
            margin: 15px 0;
            font-size: 14px
        }

            #receipt_container.rec-new .rec__content article ul.download-list li > span i {
                display: inline-block;
                vertical-align: middle;
                margin: 0 0 0 5px;
                color: inherit
            }

            #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 {
                display: inline-block;
                font-size: 12px;
                color: #e0e0e0;
                margin: 0 0 0 5px
            }

            #receipt_container.rec-new .rec__content article ul.download-list li > span .btn {
                height: 27px;
                font-size: 12px;
                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 {
        flex-direction: column;
        align-items: flex-start
    }

        #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-radius: 5px;
    border: 1px solid #f0f0f0;
    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;
            margin-right: 10px;
            padding: 0 !important;
            border: none;
            opacity: .85
        }

            #receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:before {
                content: "\EFD2";
                font-family: sallaicons;
                color: #444;
                font-size: 13px
            }

            #receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy > span {
                opacity: 0 !important;
                visibility: hidden;
                transition: all .35s cubic-bezier(.2,1,.3,1);
                display: inline-block;
                position: absolute;
                top: -2px;
                left: 50%;
                opacity: 1;
                transform: translate(-50%,-100%);
                background-color: #444;
                color: #fff;
                font-size: 9px;
                padding: 7px 8px;
                border-radius: 2px
            }

                #receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy > span:after {
                    content: "";
                    position: absolute;
                    bottom: -11px;
                    left: 50%;
                    transform: translateX(-50%);
                    border: 6px solid transparent;
                    border-top-color: #444
                }

            #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 {
                color: #333 !important;
                opacity: 1;
                box-shadow: none !important
            }

                #receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:active > span, #receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:focus > span, #receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:hover > span {
                    opacity: 1 !important;
                    visibility: visible
                }

            #receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:active, #receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn-copy:focus {
                opacity: .8
            }

        #receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn.copied {
            pointer-events: none
        }

            #receipt_container.rec-new .rec__content article ul.download-list.table-grid li .btn.copied:before {
                content: "\EA9B";
                color: #5dd5c4
            }

        #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 {
        flex-direction: column;
        align-items: flex-start
    }

        #receipt_container.rec-new .rec__content article ul.download-list.table-grid li > span:first-child {
            padding-left: 0;
            margin-bottom: 10px
        }

        #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 {
    width: 35%;
    max-width: 170px;
    height: 40px;
    margin: 0 auto;
    font-size: 15px;
    padding-top: 3px;
    border-radius: 3px
}

    #receipt_container.rec-new .rec__content .btn-load-elements i {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px
    }

@media only screen and (max-width:767px) {
    #receipt_container.rec-new .rec__content .btn-load-elements {
        width: 75%
    }
}

@media only screen and (max-width:767px) {
    #receipt_container.rec-new .rec__content {
        padding: 20px
    }
}

#receipt_container.rec-new .rec__share {
    width: 100%;
    padding: 1.5rem 30px;
    margin: 0 auto;
    border-top: 1px solid #f5f5f5
}

    #receipt_container.rec-new .rec__share > h3 {
        font-size: 14px;
        margin-bottom: 5px
    }

    #receipt_container.rec-new .rec__share textarea {
        width: 100%;
        height: auto;
        min-height: 38px;
        padding: 20px 5px 5px;
        text-align: center
    }

@media only screen and (max-width:767px) {
    #receipt_container.rec-new .rec__share {
        width: calc(100% - 40px);
        padding: 15px;
        margin: 0 auto 20px
    }

        #receipt_container.rec-new .rec__share textarea {
            height: auto;
            padding: 10px 5px
        }
}

#receipt_container.rec-new .rec__support {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    padding: 10px 20px 12px 10px;
    background-color: #f5f5f5;
    font-size: .85rem
}

    #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;
            vertical-align: middle;
            margin-left: 5px;
            transform: translateY(-3px)
        }

    #receipt_container.rec-new .rec__support ul {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-direction: row;
        list-style: none;
        margin: 0;
        padding: 0;
        flex: 1 0 75%;
        flex-wrap: wrap
    }

        #receipt_container.rec-new .rec__support ul li {
            display: inline-block;
            margin: 5px 10px
        }

            #receipt_container.rec-new .rec__support ul li a {
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: row;
                unicode-bidi: -moz-plaintext;
                unicode-bidi: plaintext;
                direction: ltr;
                font-family: Arial;
                color: #615a5a
            }

                #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 {
        flex-direction: column;
        align-items: center
    }

        #receipt_container.rec-new .rec__support ul {
            justify-content: center
        }
}

@media only screen and (max-width:767px) {
    #receipt_container {
        width: 100% !important
    }
}

.rec-new__footer {
    width: 88%;
    margin: 20px auto
}

    .rec-new__footer * {
        text-align: center;
        font-size: 12px;
        color: #a5a5a5
    }

    .rec-new__footer a:hover {
        color: #615a5a;
        text-decoration: underline
    }

#resend_invoice .form-control {
    height: 40px;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    font-family: Arial;
    text-align: right;
    padding-left: 80px
}

#resend_invoice .btn {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.cart-nav-submit.receipt-back {
    position: relative;
    padding: 10px 10px 14px;
    border-radius: 5px
}

    .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 {
        width: 40%;
        padding-top: 6px
    }

body.salla-default #receipt_container.rec-new .rec__share > h3 {
    margin: 0 0 10px
}

body.salla-default #receipt_container.rec-new .rec__support h3 {
    margin: 0;
    font-size: 15px
}

    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 {
    height: 40px;
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    font-family: Arial;
    text-align: right;
    padding-left: 80px;
    border-radius: 10px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.05)
}

body.salla-default #resend_invoice .btn {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 10px 0 0 10px
}

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;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none
}

    .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 {
    background-color: #fff;
    border: 1px solid #f0f0f0;
    padding: 10px 15px 10px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

    .rated-order:not(:last-of-type) {
        margin-bottom: 15px
    }

    .rated-order:before {
        content: "\E9F5";
        font-family: sallaicons;
        color: #666;
        font-size: 18px
    }

    .rated-order h5 {
        flex: auto;
        margin-right: 22px;
        position: relative
    }

        .rated-order h5:before {
            content: "";
            height: 100%;
            width: 1px;
            background: #f0f0f0;
            position: absolute;
            right: -9px
        }

        .rated-order h5 span {
            font-weight: 700;
            margin-right: 4px
        }

    .rated-order .btn {
        padding: 5px 20px
    }

        .rated-order .btn.rated {
            background-color: #fad34b;
            font-weight: 600;
            color: #444
        }

            .rated-order .btn.rated i {
                color: #444;
                margin-left: 6px
            }

            .rated-order .btn.rated:hover {
                border-color: transparent;
                opacity: .8
            }

#shipping_options {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 0 0 1.5rem
}

    #shipping_options button.btn {
        width: 25%;
        height: 50px;
        text-align: right;
        border-radius: 5px;
        padding: 7px 36px 10px 12px;
        border: 1px solid #f3f3f3;
        background: 0 0;
        margin-left: 6px;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        box-shadow: none
    }

        #shipping_options button.btn i {
            display: inline-block;
            vertical-align: middle;
            font-size: 15px;
            color: #848484;
            margin-left: 4px
        }

        #shipping_options button.btn:after, #shipping_options button.btn:before {
            content: "";
            display: block;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            transition: all .35s cubic-bezier(.2,1,.3,1)
        }

        #shipping_options button.btn:before {
            width: 18px;
            height: 18px;
            right: 10px;
            border: 2px solid #dadada
        }

        #shipping_options button.btn:after {
            width: 8px;
            height: 8px;
            background: #dadada;
            right: 15px;
            opacity: 0;
            transform: translateY(-50%) scale(0)
        }

        #shipping_options button.btn:hover {
            background-color: #fdfdfd !important
        }

        #shipping_options button.btn:last-child {
            margin: 0 !important
        }

        #shipping_options button.btn.active {
            color: #fff;
            background-color: var(--main-color);
            border-color: var(--main-color)
        }

            #shipping_options button.btn.active * {
                color: #fff
            }

            #shipping_options button.btn.active:hover {
                border-color: var(--main-color);
                background-color: var(--main-color) !important
            }

            #shipping_options button.btn.active:before {
                border-color: #fff
            }

            #shipping_options button.btn.active:after {
                opacity: 1;
                background-color: #fff;
                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;
        padding: 7px 25px 10px 12px;
        margin-left: 4px
    }

        #shipping_options button.btn:before {
            width: 15px;
            height: 15px;
            right: 5px
        }

        #shipping_options button.btn:after {
            width: 7px;
            height: 7px;
            right: 9px
        }
}

#pickup-branches {
    position: relative;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 0 10px
}

    #pickup-branches .section-title {
        padding: 15px 0 !important;
        margin: 0 !important
    }

@media only screen and (max-width:480px) {
    #pickup-branches .section-title {
        text-align: right;
        padding-right: 10px !important
    }
}

#pickup-branches .content {
    padding: 0;
    border: 1px solid #eee;
    border-radius: 0 0 5px 5px
}

#pickup-branches .pickup-region {
    padding: 20px
}

#pickup-branches .closest-location {
    padding: 0 20px
}

    #pickup-branches .closest-location .btn.branch-closest {
        border-radius: 5px;
        padding: 4px 38px 6px 10px;
        font-size: 12px;
        color: #989898;
        border: 1px solid #eee;
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

        #pickup-branches .closest-location .btn.branch-closest i {
            font-size: 12px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 5px;
            position: absolute;
            right: 10px;
            top: 50%;
            transform: translateY(-50%)
        }

        #pickup-branches .closest-location .btn.branch-closest:before {
            content: "";
            display: block;
            width: 30px;
            height: 100%;
            position: absolute;
            top: 0;
            right: 0;
            background: rgba(0,0,0,.04)
        }

#pickup-branches .branches-list {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    position: relative
}

    #pickup-branches .branches-list li {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        position: relative;
        border-bottom: 1px solid #eee
    }

        #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 {
                    width: 100%;
                    position: relative;
                    padding: 20px 45px 20px 20px;
                    margin: 0;
                    cursor: pointer;
                    line-height: 20px;
                    display: inline-block;
                    color: #666
                }

                    #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 {
                        font-size: 15px;
                        color: #4a4a4a;
                        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 {
                            display: inline-block;
                            vertical-align: middle;
                            font-size: 12px;
                            font-weight: 400;
                            margin: 0 5px 0 0;
                            color: #a0a0a0
                        }

@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;
        position: relative;
        font-weight: 400;
        line-height: 1;
        margin: 0 0 0 3px
    }

        #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 {
            content: "";
            display: inline-block;
            width: 6px;
            height: 6px;
            vertical-align: middle;
            margin-left: 5px;
            border-radius: 50%
        }

#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 {
    display: none;
    width: calc(100% + 25px);
    transform: translateX(25px);
    margin: 10px 0 0;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #eee;
    cursor: default
}

    #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 {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        width: 100%;
        height: 200px;
        background: #eee
    }

        #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 {
            font-size: 14px;
            color: #c1c1c1
        }

    #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 {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        flex-direction: column;
        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 {
            display: flex;
            align-items: flex-start;
            justify-content: flex-start;
            flex-direction: row;
            width: 100%;
            flex: 1 0 100%;
            margin: 0 0 15px
        }

            #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 {
                    display: grid;
                    grid-template-columns: repeat(5,1fr);
                    grid-gap: 15px;
                    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 {
                        width: auto;
                        margin: 0 !important
                    }

                        #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 {
                            padding: 10px;
                            height: 100%;
                            border-radius: 4px;
                            border: 1px solid #f7f7f7
                        }

                            #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;
                                width: 100%;
                                margin: 0 0 5px;
                                font-weight: 700;
                                line-height: 1
                            }

                                #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 {
                                    content: "\EA2B";
                                    font-family: sallaicons;
                                    color: #b7b7b7;
                                    display: inline-block;
                                    vertical-align: middle;
                                    margin: 0 0 0 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, #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 {
                                display: flex;
                                align-items: flex-start;
                                justify-content: flex-start;
                                flex-direction: column;
                                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 {
                                    display: inline-flex;
                                    align-items: center;
                                    justify-content: flex-start;
                                    width: 100%;
                                    padding-bottom: 5px;
                                    border-bottom: 1px solid #f7f7f7
                                }

                                    #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;
                                        vertical-align: middle;
                                        font-size: 12px;
                                        font-weight: 400
                                    }

                                        #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-template-columns: repeat(2,1fr);
        grid-gap: 8px
    }
}

#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 {
        display: inline-block;
        border: none;
        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 {
            transition: all .35s cubic-bezier(.2,1,.3,1);
            font-size: 13px;
            color: var(--color-text);
            background: #eee
        }

            #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 {
                display: inline-block;
                vertical-align: middle;
                transform: translateY(-2px);
                margin-left: 4px;
                color: #868686
            }

            #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 {
    display: block;
    font-size: 1rem;
    color: #9c9c9c;
    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 {
        display: block;
        padding: 4px 10px 5px;
        border-radius: 50px;
        background-color: hsla(0,0%,93.3%,.5)
    }

        #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 {
            color: unset;
            background-color: hsla(0,0%,93.3%,.8)
        }

@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 {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

#pickup-branches .branches-list li .option-cont input[type=radio]:checked + label:before, #pickup-branches .branches-list li .option-cont input[type=radio]:not(:checked) + label:before {
    width: 18px;
    height: 18px;
    top: 24px;
    right: 15px;
    border: 2px solid #38b4a4
}

#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 {
    width: 8px;
    height: 8px;
    top: 29px;
    right: 20px;
    background: #38b4a4
}

#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-radius: 50px;
    padding: 5px;
    position: absolute;
    top: 25px;
    left: 15px;
    font-size: 11px;
    line-height: 10px;
    border: 1px solid transparent;
    box-shadow: none;
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

    #pickup-branches .branches-list li .btn.option-detail i {
        display: inline-block;
        vertical-align: middle;
        margin: 0 3px;
        color: #c4c4c4
    }

        #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: #00af6c
    }

        #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: #00a566
        }

#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) {
    color: #848484;
    background-color: #e5e8ea !important
}

body.salla-theme_6 #shipping-list #shipping_div {
    margin-top: 0;
    border: 1px solid #eee
}

    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) {
        color: #848484;
        background-color: #e5e8ea !important
    }

body.salla-default #shipping-list .cart-shipping-box {
    width: 100%;
    margin: 0 0 20px;
    background: 0 0
}

    body.salla-default #shipping-list .cart-shipping-box .section-title {
        width: 100%;
        border-radius: 15px 15px 0 0
    }

    body.salla-default #shipping-list .cart-shipping-box > .shipping-address {
        width: 100%;
        padding: 20px;
        margin: 0;
        background: #fff
    }

body.salla-default #shipping-list > #shipping_div {
    padding: 10px 20px;
    background-color: #fff;
    border-radius: 10px
}

    body.salla-default #shipping-list > #shipping_div .section-title {
        margin: 0;
        padding: 0 0 10px;
        background-color: transparent
    }

body.salla-default #pickup-branches .section-title {
    width: 100%;
    border-radius: 15px 15px 0 0
}

body.salla-default #pickup-branches .content {
    border: none
}

.rec-cities-wrapper {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 15px
}

.ui.fluid.dropdown#cities, .ui.fluid.dropdown#country {
    height: 36px;
    min-height: unset;
    position: relative;
    border: none;
    padding: 0
}

    .ui.fluid.dropdown#cities .text, .ui.fluid.dropdown#cities input.search, .ui.fluid.dropdown#country .text, .ui.fluid.dropdown#country input.search {
        height: 100%;
        padding: 10px 15px 5px !important;
        font-size: 14px
    }

    .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 {
        padding: 0;
        height: 100%;
        width: 30px;
        line-height: 36px
    }

        .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;
        box-shadow: 0 1px 3px rgba(0,0,0,.1);
        margin-top: 4px;
        border-radius: 5px !important
    }

        .ui.fluid.dropdown#cities .menu .item, .ui.fluid.dropdown#country .menu .item {
            font-size: 13px;
            padding: 8px 15px !important;
            color: #333
        }

            .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 {
    width: 100%;
    max-width: 600px;
    margin: 30px auto;
    align-items: center;
    justify-content: center
}

    #brands_index li {
        margin: 0 5px 10px
    }

        #brands_index li a {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            width: 30px;
            min-height: 30px;
            border-radius: 4px;
            font-size: 15px;
            line-height: 1;
            text-align: center;
            background: #fafafa;
            transition: all .35s cubic-bezier(.2,1,.3,1)
        }

        #brands_index li:hover a {
            background-color: #ececec
        }

        #brands_index li.active a {
            color: #fff;
            background-color: var(--main-color)
        }

#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;
    position: relative;
    width: 100%;
    padding: 30px 0
}

    .brand-section__title, .brand-section__title b {
        display: flex;
        align-items: center;
        flex-direction: row
    }

        .brand-section__title b {
            justify-content: center;
            width: 30px;
            min-height: 30px;
            font-size: 18px;
            font-weight: 400;
            line-height: 1;
            color: #727272;
            border-radius: 4px;
            transition: all .35s cubic-bezier(.2,1,.3,1)
        }

        .brand-section__title:after {
            content: "";
            display: block;
            width: calc(100% - 40px);
            height: 1px;
            background: #eaeaea;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            left: 0
        }

.brand-section__content .brands-list {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    grid-gap: 10px;
    grid-auto-rows: minmax(120px,auto);
    width: 100%;
    height: auto;
    position: relative;
    margin: 0
}

    .brand-section__content .brands-list li {
        display: block;
        width: 100%;
        position: relative;
        margin: 0
    }

        .brand-section__content .brands-list li a {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: row;
            width: 100%;
            height: 100%;
            padding: 10px;
            border-radius: 8px;
            transition: all .35s cubic-bezier(.2,1,.3,1)
        }

            .brand-section__content .brands-list li a img {
                display: block;
                width: 100%;
                max-height: 80px;
                margin: 0 auto;
                -o-object-fit: contain;
                object-fit: contain
            }

@media only screen and (min-width:992px) {
    .brand-section__content .brands-list li a:hover {
        box-shadow: 0 0 15px rgba(0,0,0,.1)
    }
}

@media only screen and (max-width:992px) {
    .brand-section__content .brands-list {
        grid-template-columns: repeat(4,1fr)
    }
}

@media only screen and (max-width:767px) {
    .brand-section__content .brands-list {
        grid-gap: 20px;
        grid-template-columns: repeat(2,1fr);
        grid-auto-rows: minmax(80px,auto)
    }

        .brand-section__content .brands-list li a {
            box-shadow: 0 1px 4px rgba(0,0,0,.1)
        }

            .brand-section__content .brands-list li a img {
                max-height: 50px
            }
}

.brand-section.active .brand-section__title b {
    color: #fff;
    background-color: var(--main-color)
}

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 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    min-height: 400px;
    padding: 50px
}

    .brands-placeholder img {
        display: block;
        width: 200px;
        margin-bottom: 20px
    }

    .brands-placeholder h1 {
        font-size: 20px;
        color: var(--color-main);
        margin: 0 0 10px
    }

    .brands-placeholder p {
        font-size: 13px;
        color: #a9a9a9;
        margin: 0
    }

.product-details__title {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    text-align: right
}

    .product-details__title.brand-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row
    }

        .product-details__title.brand-title img {
            display: inline-block;
            max-width: 100px;
            max-height: 50px;
            margin: 0 20px 0 0
        }

.product-detials__desc.pd-exp {
    position: relative
}

    .product-detials__desc.pd-exp:after {
        content: "";
        display: block;
        width: 100%;
        height: 100px;
        background: #fafafa;
        background: linear-gradient(0deg,#fafafa,hsla(0,0%,98%,0));
        position: absolute;
        bottom: 0;
        right: 0;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        pointer-events: none
    }

    .product-detials__desc.pd-exp.expanded:after {
        opacity: 0
    }

.pd-expand-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    margin: 20px 0
}

    .pd-expand-wrapper:after, .pd-expand-wrapper:before {
        content: "";
        display: inline-block;
        flex: 1;
        background: #eee;
        height: 1px
    }

.product-cart {
    padding: 20px;
    margin-bottom: 30px !important
}

    .product-cart .delete-button {
        top: 15px;
        left: 15px;
        right: unset
    }

    .product-cart .product-info {
        padding: 0 0 0 30px;
        margin: 0 0 20px
    }

    .product-cart .product-options {
        padding: 0 !important;
        border: none !important
    }

        .product-cart .product-options .form-group {
            min-height: unset
        }

.cart-next-button {
    padding-left: 0 !important
}

#cart-content .cart-total-box .product-price-bg {
    background: 0 0;
    padding: 0;
    margin: 0
}

#cart-content #cartTotal {
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    color: var(--color-text);
    padding: 0;
    margin: 0
}

body.store-myprofile .filepond {
    opacity: 0
}

body.store-myprofile .filepond--root {
    opacity: 1;
    border-radius: 50%;
    border: 3px solid #eee
}

body.store-myprofile .filepond--action-process-item {
    visibility: hidden;
    pointer-events: none
}

body.store-myprofile .filepond--file, body.store-myprofile .filepond--file-poster-wrapper {
    overflow: hidden;
    border-radius: 50%
}

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
}

.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 {
    font-size: 14px;
    text-decoration: underline;
    display: block
}

.user-main-profile .filepond--drop-label span {
    display: block
}

.user-main-profile.create-account {
    text-align: right
}

    .user-main-profile.create-account .upper-section {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        margin-bottom: 30px
    }

        .user-main-profile.create-account .upper-section .back {
            color: #444;
            opacity: .8;
            margin-left: auto
        }

            .user-main-profile.create-account .upper-section .back:hover {
                color: #444;
                opacity: 1
            }

        .user-main-profile.create-account .upper-section span {
            font-size: 18px;
            flex: auto;
            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
    }

.btn--tamara {
    display: inline-block;
    width: 295px;
    height: 50px;
    position: relative;
    margin: 15px 0 !important;
    background: url(/assets/images/third-parties/tamara.svg) 50% no-repeat !important;
    background-size: contain;
    opacity: .95;
    border: none !important
}

    .btn--tamara:hover {
        opacity: 1 !important
    }

@media only screen and (max-width:767px) {
    .btn--tamara {
        width: 100%
    }
}

.tamara-product-widget {
    color: var(--color-text);
    font-size: 14px;
    line-height: 1.25
}

    .tamara-product-widget span.tamara-logo {
        margin: 5px 0 !important
    }

    .tamara-product-widget span:last-child {
        display: block;
        position: relative;
        color: #444
    }

        .tamara-product-widget span:last-child:after {
            content: "";
            display: block;
            width: 10px;
            height: 10px;
            position: absolute;
            bottom: -20px;
            right: 0;
            background: #f8f8f8
        }

#tabbyPromoWrapper {
    margin: 10px 0
}

    #tabbyPromoWrapper #tabbyPromo {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row
    }

        #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet {
            padding: 10px;
            max-width: 295px;
            box-shadow: 0 2px 3px rgba(0,0,0,.1)
        }

        #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__logo {
            flex-basis: 90px;
            border-radius: 4px;
            overflow: hidden
        }

            #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__logo img {
                width: 100%;
                height: auto
            }

        #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link, #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__text {
            font-size: 13px !important
        }

        #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet__link {
            margin: 0
        }

        #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet:hover {
            box-shadow: 0 2px 3px rgba(0,0,0,.3)
        }

@media only screen and (max-width:767px) {
    #tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet {
        max-width: 100%
    }
}

#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet--rtl > a.tabby-promo-snippet__logo {
    display: none !important
}

#tabbyPromoWrapper #tabbyPromo .tabby-promo-snippet--rtl .tabby-promo-snippet__logo-img {
    flex: 0 0 70px !important
}

.tabby-promo-wrapper .tabby-promo {
    min-height: 450px;
    padding: 25px 30px;
    border-radius: 6px
}

.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 {
    width: 100%;
    margin-bottom: 20px
}

.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 {
            border: 1px solid #eee;
            box-shadow: none !important;
            border-radius: 2px
        }

        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-weight: 700;
            font-size: 12px !important
        }

body:not(.salla-default) .tabby-promo-wrapper .tabby-promo__feature-desc {
    font-family: initial;
    font-size: 12px !important;
    font-weight: 700;
    color: #444;
    margin-top: 5px
}

.spotii-wrapper {
    margin: 10px 0 20px
}

    .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
}

.video-entry .watermark {
    display: none !important
}

.video-entry--show .watermark {
    display: block !important;
    position: absolute;
    top: 45%;
    width: 100px !important;
    height: 100px !important;
    opacity: .7;
    right: 50%;
    transform: translateY(-50%) translateX(50%);
    cursor: pointer
}

.products-listing .section .slick-slider .slick-track .product {
    margin-bottom: 0
}

.salla-theme_1:not(.font-dinnextltarabic-regular) .site-header .header-wrapper #search button.toggle-search span, .salla-theme_3:not(.font-dinnextltarabic-regular) .site-header .header-wrapper #search button.toggle-search span, .salla-theme_4:not(.font-dinnextltarabic-regular) .site-header .header-wrapper #search button.toggle-search span {
    vertical-align: middle !important
}

.salla-theme_1 .main-menu li.with-sub-menu a, .salla-theme_2 .main-menu li.with-sub-menu a, .salla-theme_3 .main-menu li.with-sub-menu a, .salla-theme_4 .main-menu li.with-sub-menu a, .salla-theme_5 .main-menu li.with-sub-menu a {
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

@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
    }
}

@media only screen and (max-width:992px) {
    .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 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 80px;
    height: 80px;
    padding: 0;
    margin: 0 auto 20px
}

section.section {
    padding: 2rem 0
}

.shipping-address #city_name {
    padding: 8px 15px !important;
    border-color: #eee !important
}

.circle-action {
    line-height: unset;
    position: relative
}

    .circle-action span:first-of-type:not(.notification-badge) {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        transform: translate(-50%,-50%)
    }

.show-more {
    position: relative;
    text-align: center
}

    .show-more .btn {
        padding-right: 2rem;
        padding-left: 2rem
    }

    .show-more:after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        background-color: var(--main-text-color);
        opacity: .2;
        z-index: -1
    }

.promotion.fixed-bg {
    background-size: auto 100%
}

.section[data-type=banner] {
    padding: 1rem 0 0 !important
}

footer .store-certificate {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    padding-left: 10px;
    margin-left: 10px;
    border-left: 1px solid #eee
}

    footer .store-certificate b {
        font-size: 13px;
        color: #444
    }

    footer .store-certificate img {
        max-width: 40px;
        max-height: 20px;
        margin-left: 10px
    }

footer .footer-main .store-certificate {
    display: none;
    border-left: none;
    margin: 15px 0;
    justify-content: flex-start
}

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 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
    width: 100%;
    height: auto;
    position: relative
}

    .cart-fav .add_to_cart_large_btn, .cart-fav .not-available-large {
        height: 38px;
        min-height: unset !important;
        line-height: 20px;
        margin: 0 0 0 10px;
        flex: 1 1 auto;
        font-size: 18px;
        border-radius: 3px
    }

    .cart-fav .not-available-large {
        padding: 6px 20px 8px;
        border-radius: 50px;
        background-color: rgba(245,81,87,.05)
    }

    .cart-fav .btn-rounded.add-to-wishlist, .cart-fav .btn-rounded.remove-from-wishlist {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        padding: 0 !important;
        flex: 0 0 auto;
        font-size: 25px;
        color: #d6d6d6
    }

        .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 {
            color: #e2384d;
            background-color: transparent;
            border-color: transparent
        }

            .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
    }
}

@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 {
        position: fixed !important;
        right: 0;
        left: 0;
        bottom: 0;
        box-shadow: 0 0 10px rgba(0,0,0,.05);
        padding: 10px;
        background-color: #fff;
        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;
                visibility: hidden;
                pointer-events: none
            }
}

@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;
        vertical-align: baseline !important;
        margin-left: 5px
    }

.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 .btn.resend-btn {
    padding: 3px 6px 8px
}

body.salla-default a:focus, body.salla-default a:hover {
    text-decoration: none
}

body.salla-default .header {
    position: relative;
    z-index: 9999
}

body.salla-default .categories-nav > ul {
    overflow: visible;
    margin-bottom: 0
}

    body.salla-default .categories-nav > ul li > ul.subcategories-dropdown {
        margin: 0;
        display: block;
        overflow: visible;
        transition: all .35s cubic-bezier(.2,1,.3,1);
        opacity: 0;
        visibility: hidden;
        height: auto;
        max-height: none;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0;
        transform: translateY(10px);
        top: auto;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column
    }

    body.salla-default .categories-nav > ul li > ul li {
        width: 100%;
        position: relative;
        padding: 0
    }

    body.salla-default .categories-nav > ul li > ul.has-sub-menu .sub-link {
        position: relative
    }

        body.salla-default .categories-nav > ul li > ul.has-sub-menu .sub-link:after {
            content: "\E96E";
            font-family: sallaicons;
            color: #999;
            position: absolute;
            left: 10px;
            top: 50%;
            transform: translateY(-50%)
        }

    body.salla-default .categories-nav > ul li > ul.has-sub-menu > li > ul {
        position: absolute;
        display: block;
        opacity: 0;
        visibility: hidden;
        top: 0;
        left: -10px;
        transform: translateX(-100%);
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

    body.salla-default .categories-nav > ul li > ul.has-sub-menu > li:hover > ul {
        left: -3px;
        opacity: 1;
        visibility: visible
    }

    body.salla-default .categories-nav > ul li:hover > ul {
        transform: translateY(0);
        opacity: 1;
        visibility: visible
    }

@media only screen and (max-width:1024px) {
    body.salla-default .categories-nav > ul {
        overflow-x: auto
    }

        body.salla-default .categories-nav > ul li > ul.subcategories-dropdown {
            display: none;
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
            transition: none
        }

        body.salla-default .categories-nav > ul li > ul.has-sub-menu > li > ul {
            display: none;
            left: -3px;
            opacity: 1;
            visibility: visible;
            transition: none
        }
}

@media only screen and (max-width:480px) {
    body.salla-default .categories-nav > ul li > ul.has-sub-menu > li .sub-link.opened:after {
        transform: translateY(-50%) rotate(-90deg);
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

    body.salla-default .categories-nav > ul li > ul.has-sub-menu > li > ul {
        transform: translateX(0);
        position: static;
        box-shadow: none
    }
}

body.salla-default #order_details_table .text-left {
    text-align: left !important
}

body.salla-default #order_details_table .media-left {
    display: block
}

body.salla-default #order_details_table tbody tr:first-of-type td:not(:first-of-type) {
    text-align: left
}

body.salla-default #receipt_container .rec__content article ul.download-list.table-grid li {
    padding: 5px 8px 5px 12px !important
}

body.salla-default #cl_switcher_wrapper {
    float: right
}

    body.salla-default #cl_switcher_wrapper #cl_switcher {
        position: relative
    }

        body.salla-default #cl_switcher_wrapper #cl_switcher #cl_toggle {
            min-width: 70px;
            padding: 5px 5px 6px 15px;
            margin: 0 0 0 5px;
            border: none
        }

            body.salla-default #cl_switcher_wrapper #cl_switcher #cl_toggle img {
                height: 12px
            }

            body.salla-default #cl_switcher_wrapper #cl_switcher #cl_toggle span {
                font-size: 11px;
                color: #fff
            }

            body.salla-default #cl_switcher_wrapper #cl_switcher #cl_toggle:after {
                font-size: 10px;
                color: #fff;
                left: 0
            }

            body.salla-default #cl_switcher_wrapper #cl_switcher #cl_toggle:hover {
                background: 0 0 !important;
                border-color: transparent !important;
                box-shadow: none !important
            }

        body.salla-default #cl_switcher_wrapper #cl_switcher #cl_list .col__title h4 {
            margin: 0 !important
        }

        body.salla-default #cl_switcher_wrapper #cl_switcher.visible #cl_toggle {
            background: 0 0 !important;
            border-color: transparent !important;
            box-shadow: none !important
        }

@media only screen and (max-width:992px) {
    body.salla-default #cl_switcher_wrapper #cl_switcher {
        display: block !important
    }
}

body.salla-default #cl_switcher_wrapper #cl_switcher:after {
    content: "";
    display: block;
    width: 1px;
    height: 50%;
    position: absolute;
    top: 25%;
    left: -5px;
    background-color: #eaeaea
}

body.salla-default .product-main-container .thumbnail .product-heading .product-title {
    margin: 0 0 3px
}

    body.salla-default .product-main-container .thumbnail .product-heading .product-title > a {
        unicode-bidi: -moz-plaintext;
        unicode-bidi: plaintext;
    }

body.salla-default .product-main-container .thumbnail .product-heading .the-price {
    text-align: left
}

body.salla-default .product-main-container .thumbnail .product-heading .product-details__subtitle {
    margin: 0;
    font-size: 13px
}

body.salla-default .product-main-container .product-share-col {
    width: 100%;
    text-align: center
}

    body.salla-default .product-main-container .product-share-col .a2a_kit {
        width: 100%;
        margin-top: 15px
    }

        body.salla-default .product-main-container .product-share-col .a2a_kit > a {
            float: unset !important;
            margin: 0 3px
        }

body.salla-default .promotion-title {
    z-index: auto
}

    body.salla-default .promotion-title.detail {
        border-radius: 0 5px 5px 0;
        left: 0;
        right: auto;
        font-size: 16px;
        z-index: 9
    }

@media only screen and (max-width:767px) {
    body.salla-default .promotion-title.detail {
        top: 15px
    }
}

body.salla-default .loggedin--quick-edit {
    padding: 15px 0 0;
    margin-bottom: 15px;
    border-bottom: none
}

body.salla-default .row.products > div.product-box.row-2-products:nth-child(odd) {
    clear: both
}

body.salla-default .row.products > div.product-box.row-2-products:nth-child(4n+1) {
    clear: unset
}

body.salla-default .btn-order-cancel {
    padding-top: 12px !important
}

body.salla-default .cart-nav.cart-nav-small {
    margin: 15px 0
}

body.salla-default #products_div .product-box .thumbnail .product-name a {
    unicode-bidi: -moz-plaintext;
    unicode-bidi: plaintext;
    text-align: right
}

body.salla-default #products_div .product-box .thumbnail a.add-cart.add_to_cart_btn {
    display: inline-block
}

body.salla-default #products_div .product-box.row-2-products .thumbnail a.add-cart.add_to_cart_btn {
    min-width: 100px
}

@media only screen and (max-width:320px) {
    body.salla-default #products_div .product-box.row-2-products .thumbnail .col-xs-7.no-padding {
        margin-top: 0
    }
}

body.salla-default .product-desc *, body.salla-default .product-detials__desc * {
    font-size: 14px !important
}

body.salla-default .product-desc .cart-fav a.add_to_cart_large_btn, body.salla-default .product-detials__desc .cart-fav a.add_to_cart_large_btn {
    font-size: 16px !important;
    text-decoration: none
}

    body.salla-default .product-desc .cart-fav a.add_to_cart_large_btn:hover, body.salla-default .product-detials__desc .cart-fav a.add_to_cart_large_btn:hover {
        text-decoration: none
    }

body.salla-default .product-desc .cart-fav button.btn i, body.salla-default .product-detials__desc .cart-fav button.btn i {
    font-size: 25px !important
}

body.salla-default .product-desc .product-order-container .list > li .option-value {
    font-size: 12px !important;
    color: #444;
    position: relative;
    top: 1px;
    margin-right: 2px
}

body.salla-default .tax-label {
    margin-top: 6px;
    background: 0 0;
    text-align: left
}

body.salla-default #ask_box #comment_form #ask_button {
    float: left;
    margin: 10px 0 0;
    padding: 5px 20px
}

body.salla-default #ask_box #comment_form .login-link {
    float: right
}

body.salla-default #ask_box .btn.btn-default.expand-toggle {
    font-size: 13px !important;
    min-height: 30px
}

body.salla-default .empty-comments {
    color: #aaa;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 20px 20px 0;
    margin: 0
}

    body.salla-default .empty-comments i {
        font-size: 30px !important;
        margin-bottom: 10px
    }

body.salla-default .product-detials__desc.pd-exp:after {
    background: #fff;
    background: linear-gradient(0deg,#fff,hsla(0,0%,100%,0))
}

body.salla-default .checkbox--default input[type=checkbox] + label:after {
    top: 8px;
    right: 2px
}

body.salla-default .modal#special_offer_modal .modal-header {
    font-size: 16px
}

body.salla-default .modal#special_offer_modal .modal-body h4 {
    font-size: 14px;
    margin-top: 0
}

body.salla-default .ui.popup.calendar table.ui.table td {
    padding: .5em .6em !important;
    font-size: 11px !important;
    line-height: 1 !important
}

body.salla-default .shipping-bar .free-shipping--large {
    padding: 0
}

body.salla-default .rating-tabs__tabs ul li:after {
    top: 7px
}

@media only screen and (max-width:576px) {
    body.salla-default .rating-tabs:after {
        width: 104%;
        left: -7px
    }

    body.salla-default .rating-tabs:before {
        width: 107%
    }
}

body.salla-default .panel-order-details .panel-heading > div.list {
    padding: 17px;
    flex-direction: column
}

    body.salla-default .panel-order-details .panel-heading > div.list div {
        width: 100% !important
    }

    body.salla-default .panel-order-details .panel-heading > div.list .order-shipping-details {
        margin-right: 0;
        margin-top: 20px
    }

        body.salla-default .panel-order-details .panel-heading > div.list .order-shipping-details p {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-direction: row
        }

            body.salla-default .panel-order-details .panel-heading > div.list .order-shipping-details p a {
                display: block;
                margin: 20px 0 0 !important
            }

            body.salla-default .panel-order-details .panel-heading > div.list .order-shipping-details p:last-of-type {
                margin-bottom: 0
            }

            body.salla-default .panel-order-details .panel-heading > div.list .order-shipping-details p:nth-of-type(2) b {
                text-align: left;
                width: 50%;
                margin-right: 0
            }

            body.salla-default .panel-order-details .panel-heading > div.list .order-shipping-details p:last-of-type {
                flex-wrap: wrap
            }

                body.salla-default .panel-order-details .panel-heading > div.list .order-shipping-details p:last-of-type a {
                    width: 100%
                }

body.salla-default .btn--tamara {
    display: block;
    margin: 0 auto 20px !important
}

body.salla-default #load_more {
    border-radius: 50px;
    padding: 3px 15px 5px;
    min-height: 35px
}

@media only screen and (max-width:992px) {
    .salla-theme_1 header.site-header {
        position: fixed;
        top: 0;
        right: 0;
        left: 0
    }
}

.salla-theme_1 header.site-header #cl_switcher #cl_toggle {
    color: var(--color-text)
}

.salla-theme_1 .feature-item__icon {
    position: relative
}

.salla-theme_1 .shipping-bar .free-shipping--large {
    padding: 0 8px
}

.salla-theme_1 .product-details__price {
    position: relative
}

    .salla-theme_1 .product-details__price .product-price {
        padding: 0;
        font-family: DINNextLTArabic-Regular
    }

    .salla-theme_1 .product-details__price .tax-label {
        margin-top: 5px
    }

    .salla-theme_1 .product-details__price strong {
        font-weight: 700
    }

.salla-theme_1 footer .footer-title span {
    border: none !important
}

.salla-theme_1 footer .footer-sub .footer-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row
}

    .salla-theme_1 footer .footer-sub .footer-wrapper p {
        flex: 0 0 30%
    }

    .salla-theme_1 footer .footer-sub .footer-wrapper .icons {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: row;
        flex-wrap: wrap
    }

@media only screen and (max-width:992px) {
    .salla-theme_1 footer .footer-sub .footer-wrapper {
        flex-direction: column
    }

        .salla-theme_1 footer .footer-sub .footer-wrapper p {
            margin-bottom: 20px
        }
}

body.font-dinnextltarabic-regular.salla-theme_1 .section-header .btn.btn-primary.btn-rounded, body.font-dinnextltarabic-regular.salla-theme_2 .section-header .btn.btn-primary.btn-rounded {
    line-height: 30px
}

body.font-dinnextltarabic-regular.salla-theme_1 .section-header .section-actions .circle-action, body.font-dinnextltarabic-regular.salla-theme_2 .section-header .section-actions .circle-action {
    line-height: 28px
}

    body.font-dinnextltarabic-regular.salla-theme_1 .section-header .section-actions .circle-action.button-more, body.font-dinnextltarabic-regular.salla-theme_2 .section-header .section-actions .circle-action.button-more {
        font-size: 14px;
        line-height: 33px
    }

body.font-dinnextltarabic-regular.salla-theme_3 .show-more .btn.btn-rounded, body.font-dinnextltarabic-regular.salla-theme_5 .show-more .btn.btn-rounded {
    line-height: 30px
}

body.font-dinnextltarabic-regular .button-more {
    line-height: 32px !important
}

body.font-dinnextltarabic-regular .cart-fav .add_to_cart_large_btn {
    line-height: 15px
}

@media only screen and (max-width:767px) {
    body.font-dinnextltarabic-regular .cart-fav .add_to_cart_large_btn {
        line-height: 23px
    }
}

body.font-dinnextltarabic-regular .cart-fav .not-available-large {
    line-height: 15px
}

@media only screen and (max-width:767px) {
    body.font-dinnextltarabic-regular .cart-fav .not-available-large {
        line-height: 30px
    }
}

@media only screen and (max-width:992px) {
    body.font-dinnextltarabic-regular .section-actions .circle-action, body.font-dinnextltarabic-regular .section-actions .circle-action.button-more, body.font-dinnextltarabic-regular .section-actions .section-header .btn.btn-rounded {
        line-height: 24px !important
    }
}

body.font-dinnextltarabic-regular .section-actions .product > a .promotion-title {
    padding: 3px 8px 8px
}

@media only screen and (max-width:767px) {
    body.font-dinnextltarabic-regular .section-actions .product > a .promotion-title {
        padding: 3px 8px 6px
    }
}

body.font-dinnextltarabic-regular .section-actions.product-show .promotion-title.detail {
    padding: 0 8px 5px
}

body.font-dinnextltarabic-regular .section-actions #pickup-branches .option-cont input[type=radio]:checked + label .branch-detail .cont > div.bd-contact ul li a, body.font-dinnextltarabic-regular .section-actions #pickup-branches .option-cont input[type=radio]:not(:checked) + label .branch-detail .cont > div.bd-contact ul li a {
    padding: 2px 10px 1px
}

body.font-dinnextltarabic-regular .section-actions.salla-theme_6 .cart-fav .add_to_cart_large_btn, body.font-dinnextltarabic-regular .section-actions.salla-theme_6 .cart-fav .not-available-large {
    line-height: 18px
}

@media only screen and (max-width:767px) {
    body.font-dinnextltarabic-regular .section-actions.salla-theme_6 .cart-fav .add_to_cart_large_btn, body.font-dinnextltarabic-regular .section-actions.salla-theme_6 .cart-fav .not-available-large {
        line-height: 30px
    }
}

body.font-dinnextltarabic-regular .section-actions #sort #sort-toggle.btn.btn-primary {
    padding: 4px 16px 9px
}

body.font-dinnextltarabic-regular .section-actions #one-click .intl-tel-input .country-list li.country {
    padding: 1px 10px 8px
}

@media only screen and (max-width:991px) {
    body.font-dinnextltarabic-regular .section-actions .sub-nav .main-menu li a {
        padding: .4rem 0 .6rem
    }
}

body.font-dinnextltarabic-regular .section-actions .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories > li a {
    padding: .4rem 1rem .6rem
}

body.font-dinnextltarabic-regular .section-actions .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories > li ul li a {
    padding: .2rem 1rem
}

body.font-dinnextltarabic-regular .section-actions .sub-nav .main-menu li#ls_switcher_mobile a {
    padding: .4rem 1rem .1rem
}

body.font-dinnextltarabic-regular .section-actions .sub-nav .main-menu li#ls_switcher_mobile ul li .btn {
    padding: 5px 10px 10px
}

body.font-dinnextltarabic-regular #cl_switcher #cl_toggle {
    padding-bottom: 10px
}

body.font-dinnextltarabic-regular #load_more {
    padding-top: 3px;
    padding-bottom: 7px
}

body.font-dinnextltarabic-regular .sub-nav .main-menu > li.sub-menu-header {
    font-family: inherit
}

body.font-amazon-ember.salla-theme_1 .section-header .btn.btn-primary.btn-rounded, body.font-amazon-ember.salla-theme_2 .section-header .btn.btn-primary.btn-rounded, body.font-amazon-ember.salla-theme_4 .section-header .btn.btn-primary.btn-rounded {
    line-height: 32px
}

body.font-amazon-ember.salla-theme_1 .section-header .section-actions .circle-action, body.font-amazon-ember.salla-theme_2 .section-header .section-actions .circle-action, body.font-amazon-ember.salla-theme_4 .section-header .section-actions .circle-action {
    line-height: 26px
}

    body.font-amazon-ember.salla-theme_1 .section-header .section-actions .circle-action.button-more, body.font-amazon-ember.salla-theme_2 .section-header .section-actions .circle-action.button-more, body.font-amazon-ember.salla-theme_4 .section-header .section-actions .circle-action.button-more {
        line-height: 33px
    }

body.font-amazon-ember.salla-theme_1 .btn-order-cancel, body.font-amazon-ember.salla-theme_2 .btn-order-cancel, body.font-amazon-ember.salla-theme_3 .btn-order-cancel, body.font-amazon-ember.salla-theme_4 .btn-order-cancel, body.font-amazon-ember.salla-theme_5 .btn-order-cancel, body.font-amazon-ember.salla-theme_6 .btn-order-cancel {
    padding-top: 13px !important
}

body.font-amazon-ember.salla-theme_3 .show-more .btn.btn-rounded, body.font-amazon-ember.salla-theme_5 .show-more .btn.btn-rounded {
    line-height: 33px
}

body.font-amazon-ember.salla-theme_6 .site-header .header-top .search-wrapper #search #searchbox.prompt {
    padding-top: 28px !important
}

@media only screen and (max-width:992px) {
    body.font-amazon-ember.salla-theme_6 .site-header .header-top .search-wrapper #search #searchbox.prompt {
        padding: 20px 35px !important
    }
}

body.font-amazon-ember .cart-fav .add_to_cart_large_btn, body.font-amazon-ember .cart-fav .not-available-large {
    line-height: 23px
}

@media only screen and (max-width:767px) {
    body.font-amazon-ember .cart-fav .add_to_cart_large_btn, body.font-amazon-ember .cart-fav .not-available-large {
        line-height: 32px
    }
}

@media only screen and (max-width:992px) {
    body.font-amazon-ember .section-actions .circle-action {
        line-height: 21px !important
    }

        body.font-amazon-ember .section-actions .circle-action.button-more {
            line-height: 25px !important
        }
}

@media only screen and (max-width:992px) {
    body.font-amazon-ember .section-header .btn.btn-rounded {
        line-height: 26px !important
    }
}

body.font-amazon-ember #pickup-branches .section-title .btn.branch-closest {
    padding: 5px 38px 6px 10px
}

body.font-amazon-ember #pickup-branches .branches-list li .btn.option-detail {
    padding: 7px 5px 5px
}

body.font-amazon-ember .product > a .promotion-title {
    padding: 3px 8px 5px
}

@media only screen and (max-width:767px) {
    body.font-amazon-ember .product > a .promotion-title {
        padding: 2px 5px 3px
    }
}

body.font-amazon-ember #sort #sort-toggle.btn.btn-primary {
    padding: 6px 16px 7px
}

body.font-amazon-ember .product-details__s-features .s-features li i {
    transform: translateY(0)
}

body.font-amazon-ember .checkbox--default input[type=checkbox] + label:before {
    margin-top: 0
}

body.font-amazon-ember .checkbox--default input[type=checkbox] + label:after {
    top: 8px;
    margin-top: 1px
}

body.font-amazon-ember .checkbox .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories > li ul li a {
    padding: .2rem 1rem
}

body.font-amazon-ember .checkbox .sub-nav .main-menu li#ls_switcher_mobile ul li .btn {
    padding: 5px 10px 7px
}

body.font-amazon-ember .checkbox #special_offer_modal .modal-header {
    font-size: 17px
}

body.font-amazon-ember .checkbox #special_offer_modal .modal-body .list.offer-steps li:before {
    line-height: 22px
}

body.font-amazon-ember .checkbox #special_offer_modal .modal-footer .btn {
    padding: 5px 15px
}

body.font-amazon-ember .badge.order-status-badge {
    padding: 2px 7px
}

body.font-apple .button-more {
    font-size: 15px;
    line-height: 34px !important
}

body.font-apple .cart-fav .add_to_cart_large_btn, body.font-apple .cart-fav .not-available-large {
    line-height: 20px
}

@media only screen and (max-width:767px) {
    body.font-apple .cart-fav .add_to_cart_large_btn, body.font-apple .cart-fav .not-available-large {
        line-height: 30px
    }
}

body.font-apple.salla-theme_1 .feature-item__icon i [class*=" sicon-"], body.font-apple.salla-theme_1 .feature-item__icon i[class^=sicon-] {
    line-height: 20px !important
}

body.font-apple.salla-theme_1 .section-header .btn.btn-primary.btn-rounded, body.font-apple.salla-theme_2 .section-header .btn.btn-primary.btn-rounded {
    line-height: 32px
}

body.font-apple.salla-theme_3 .show-more .btn.btn-rounded, body.font-apple.salla-theme_5 .show-more .btn.btn-rounded {
    line-height: 33px
}

body.font-apple.salla-theme_6 .site-header .header-top .search-wrapper #search #searchbox.prompt {
    padding-top: 28px !important
}

@media only screen and (max-width:992px) {
    body.font-apple.salla-theme_6 .site-header .header-top .search-wrapper #search #searchbox.prompt {
        padding: 20px 35px !important
    }
}

@media only screen and (max-width:992px) {
    body.font-apple .section-actions .circle-action {
        line-height: 24px !important
    }
}

@media only screen and (max-width:992px) {
    body.font-apple .section-actions .circle-action.button-more, body.font-apple .section-header .btn.btn-rounded {
        line-height: 26px !important
    }
}

body.font-apple #shipping_options button.btn {
    padding: 10px 36px 10px 12px
}

body.font-apple #pickup-branches .section-title .btn.branch-closest {
    padding: 5px 38px 6px 10px
}

body.font-apple #pickup-branches .branches-list li .btn.option-detail {
    padding: 7px 5px 5px
}

body.font-apple #sort #sort-toggle.btn.btn-primary {
    padding: 6px 16px 4px
}

body.font-apple .product-details__s-features .s-features li i {
    transform: translateY(2px)
}

body.font-apple .checkbox--default input[type=checkbox] + label:after {
    margin-top: 0
}

body.font-apple #special_offer_modal .modal-header {
    font-size: 16px
}

body.font-apple #special_offer_modal .modal-body * {
    font-size: 14px !important
}

body.font-apple #special_offer_modal .modal-body .list.offer-steps li .btn--add-product {
    padding: 7px 15px 4px
}

body.font-apple #special_offer_modal .modal-body .list.offer-steps li:before {
    font-family: Arial;
    font-size: 12px;
    line-height: 22px
}

body.font-apple #special_offer_modal .modal-body .list.offer-categories .btn--tag {
    font-size: 12px !important
}

body.font-apple #special_offer_modal .modal-footer .btn {
    padding: 6px 15px
}

body.font-apple .alert.alert-out-of-stock .btn.btn-default.stock-notify {
    font-size: 13px;
    line-height: 20px
}

body.font-apple .alert.alert-out-of-stock:before {
    top: 50%
}

body.font-apple #load_more {
    font-size: 15px !important
}

body.font-apple .sub-nav .main-menu li.sub-menu-logged-in a i[class*=arrow] {
    transform: translateY(85%)
}

body.font-dubai .section-header .section-actions .circle-action.button-more {
    line-height: 35px
}

body.font-dubai.salla-theme_1 .section-header .btn.btn-primary.btn-rounded, body.font-dubai.salla-theme_2 .section-header .btn.btn-primary.btn-rounded {
    line-height: 32px
}

body.font-dubai.salla-theme_3 .section-header .section-actions .circle-action.button-more {
    line-height: 33px !important
}

body.font-dubai.salla-theme_3 .show-more .btn.btn-rounded {
    line-height: 33px
}

body.font-dubai.salla-theme_5 .show-more .btn.btn-rounded {
    line-height: 30px
}

body.font-dubai.salla-theme_6 .site-header .header-top .search-wrapper #search #searchbox.prompt {
    padding-top: 28px !important
}

@media only screen and (max-width:992px) {
    body.font-dubai.salla-theme_6 .site-header .header-top .search-wrapper #search #searchbox.prompt {
        padding: 20px 35px !important
    }
}

@media only screen and (max-width:992px) {
    body.font-dubai .section-actions .circle-action {
        line-height: 24px !important
    }
}

@media only screen and (max-width:992px) {
    body.font-dubai .section-actions .circle-action.button-more, body.font-dubai .section-header .btn.btn-rounded {
        line-height: 26px !important
    }
}

body.font-dubai #shipping_options button.btn {
    padding: 10px 36px 10px 12px
}

body.font-dubai #pickup-branches .section-title .btn.branch-closest {
    padding: 5px 38px 6px 10px
}

body.font-dubai #pickup-branches .branches-list li .btn.option-detail {
    padding: 7px 5px 5px
}

@media only screen and (max-width:767px) {
    body.font-dubai .product > a .promotion-title {
        padding: 2px 5px
    }
}

body.font-dubai .cart-fav .add_to_cart_large_btn, body.font-dubai .cart-fav .not-available-large {
    line-height: 20px
}

@media only screen and (max-width:767px) {
    body.font-dubai .cart-fav .add_to_cart_large_btn, body.font-dubai .cart-fav .not-available-large {
        line-height: 33px
    }
}

body.font-dubai #sort #sort-toggle.btn.btn-primary {
    padding: 6px 16px
}

body.font-dubai .product-details__s-features .s-features li i {
    transform: translateY(1px)
}

body.font-dubai .checkbox--default input[type=checkbox] + label {
    padding-top: 2px
}

    body.font-dubai .checkbox--default input[type=checkbox] + label:after {
        margin-top: 0
    }

body.font-dubai #special_offer_modal .modal-body .list.offer-steps li .btn--add-product {
    padding: 8px 12px 5px
}

body.font-dubai #special_offer_modal .modal-body .list.offer-steps li:before {
    line-height: 22px
}

body.font-dubai #special_offer_modal .modal-footer .btn {
    padding: 7px 15px 5px
}

body.font-dubai .alert.alert-out-of-stock .btn.btn-default.stock-notify {
    line-height: 20px
}

body.font-estedad .button-more {
    line-height: 34px !important
}

body.font-estedad .cart-fav .add_to_cart_large_btn {
    line-height: 15px
}

body.font-estedad.salla-theme_1 .button-more, body.font-estedad.salla-theme_2 .button-more {
    line-height: 30px !important
}

body.font-estedad.salla-theme_1 .section-header .btn.btn-primary, body.font-estedad.salla-theme_2 .section-header .btn.btn-primary {
    line-height: 30px
}

body.font-estedad.salla-theme_3 .section-header .section-actions .circle-action.button-more {
    line-height: 30px !important
}

body.font-estedad.salla-theme_3 .show-more .btn.btn-rounded, body.font-estedad.salla-theme_5 .show-more .btn.btn-rounded {
    line-height: 30px
}

@media only screen and (max-width:992px) {
    body.font-estedad .section-actions .circle-action {
        line-height: 24px !important
    }
}

@media only screen and (max-width:992px) {
    body.font-estedad .section-actions .circle-action.button-more, body.font-estedad .section-header .btn.btn-rounded {
        line-height: 26px !important
    }
}

body.font-estedad.salla-theme_6 .site-header .header-top .search-wrapper #search #searchbox.prompt {
    padding-top: 24px !important
}

@media only screen and (max-width:992px) {
    body.font-estedad.salla-theme_6 .site-header .header-top .search-wrapper #search #searchbox.prompt {
        padding: 20px 35px !important
    }
}

body.font-estedad #shipping_options button.btn {
    padding: 10px 36px 10px 12px
}

@media only screen and (max-width:375px) {
    body.font-estedad #shipping_options button.btn {
        padding: 5px 28px 10px 12px
    }
}

body.font-estedad #pickup-branches .section-title .btn.branch-closest {
    padding: 5px 38px 6px 10px
}

body.font-estedad #pickup-branches .branches-list li .btn.option-detail {
    padding: 2px 6px 1px
}

body.font-estedad .product > a .promotion-title {
    padding: 3px 8px 5px
}

@media only screen and (max-width:767px) {
    body.font-estedad .product > a .promotion-title {
        padding: 3px 5px 5px
    }
}

body.font-estedad.product-show .promotion-title.detail {
    padding: 2px 8px 5px
}

body.font-estedad .cart-fav .add_to_cart_large_btn, body.font-estedad .cart-fav .not-available-large {
    line-height: 18px
}

@media only screen and (max-width:767px) {
    body.font-estedad .cart-fav .add_to_cart_large_btn, body.font-estedad .cart-fav .not-available-large {
        line-height: 30px
    }
}

body.font-estedad #sort #sort-toggle.btn.btn-primary {
    line-height: 1;
    padding: 4px 16px 2px
}

body.font-estedad .product-details__s-features .s-features li i {
    transform: translateY(1px)
}

body.font-estedad .checkbox--default input[type=checkbox] + label:after {
    margin-top: 0
}

@media only screen and (max-width:991px) {
    body.font-estedad .sub-nav .main-menu li a {
        padding: .2rem 0 0
    }
}

body.font-estedad .sub-nav .main-menu li.sub-menu-header.categories-holder > span {
    padding: .3rem 1rem .6rem
}

body.font-estedad .sub-nav .main-menu li.sub-menu-header.categories-holder ul.store-categories > li a {
    padding: .3rem 1rem .4rem
}

body.font-estedad .sub-nav .main-menu li#ls_switcher_mobile a {
    padding: .4rem 1rem .1rem
}

body.font-estedad .sub-nav .main-menu li#ls_switcher_mobile ul li .btn {
    padding: 5px 10px 7px
}

body.font-estedad #special_offer_modal .modal-body .list.offer-steps li .btn--add-product {
    padding: 8px 15px 5px
}

body.font-estedad #special_offer_modal .modal-footer .btn {
    padding: 5px 15px
}

body.font-estedad #load_more {
    padding-top: 3px;
    padding-bottom: 7px
}

body.font-estedad .dropdown-menu.dropdown-menu-user li a {
    padding: 4px 15px
}

body.font-estedad .sub-nav .main-menu li.sub-menu-logged-in a i[class*=arrow] {
    transform: translateY(3%)
}

body.font-estedad .form-group.coupon .form-control {
    padding-top: 0;
    padding-bottom: 0
}

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
    }