/*!* # Semantic UI 2.4.2 - Transition
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
**/
.transition {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}
.animating.transition {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  visibility: visible !important;
}
.loading.transition {
  position: absolute;
  right: -99999px;
  top: -99999px;
}
.hidden.transition {
  display: none;
  visibility: hidden;
}
.visible.transition {
  display: block !important;
  visibility: visible !important;
}
.disabled.transition {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.looping.transition {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
.transition.browse {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.transition.browse.in {
  -webkit-animation-name: browseIn;
  animation-name: browseIn;
}
.transition.browse.left.out,
.transition.browse.out {
  -webkit-animation-name: browseOutLeft;
  animation-name: browseOutLeft;
}
.transition.browse.right.out {
  -webkit-animation-name: browseOutRight;
  animation-name: browseOutRight;
}
@-webkit-keyframes browseIn {
  0% {
    transform: scale(0.8) translateZ(0);
    z-index: -1;
  }
  10% {
    opacity: 0.7;
    transform: scale(0.8) translateZ(0);
    z-index: -1;
  }
  80% {
    opacity: 1;
    transform: scale(1.05) translateZ(0);
    z-index: 999;
  }
  to {
    transform: scale(1) translateZ(0);
    z-index: 999;
  }
}
@keyframes browseIn {
  0% {
    transform: scale(0.8) translateZ(0);
    z-index: -1;
  }
  10% {
    opacity: 0.7;
    transform: scale(0.8) translateZ(0);
    z-index: -1;
  }
  80% {
    opacity: 1;
    transform: scale(1.05) translateZ(0);
    z-index: 999;
  }
  to {
    transform: scale(1) translateZ(0);
    z-index: 999;
  }
}
@-webkit-keyframes browseOutLeft {
  0% {
    transform: translateX(0) rotateY(0) rotateX(0);
    z-index: 999;
  }
  50% {
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    z-index: -1;
  }
  80% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    z-index: -1;
  }
}
@keyframes browseOutLeft {
  0% {
    transform: translateX(0) rotateY(0) rotateX(0);
    z-index: 999;
  }
  50% {
    transform: translateX(105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    z-index: -1;
  }
  80% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    z-index: -1;
  }
}
@-webkit-keyframes browseOutRight {
  0% {
    transform: translateX(0) rotateY(0) rotateX(0);
    z-index: 999;
  }
  50% {
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    z-index: 1;
  }
  80% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    z-index: 1;
  }
}
@keyframes browseOutRight {
  0% {
    transform: translateX(0) rotateY(0) rotateX(0);
    z-index: 999;
  }
  50% {
    transform: translateX(-105%) rotateY(35deg) rotateX(10deg) translateZ(-10px);
    z-index: 1;
  }
  80% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateX(0) rotateY(0) rotateX(0) translateZ(-10px);
    z-index: 1;
  }
}
.drop.transition {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  animation-timing-function: cubic-bezier(0.34, 1.61, 0.7, 1);
  transform-origin: top center;
}
.drop.transition.in {
  -webkit-animation-name: dropIn;
  animation-name: dropIn;
}
.drop.transition.out {
  -webkit-animation-name: dropOut;
  animation-name: dropOut;
}
@-webkit-keyframes dropIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes dropIn {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes dropOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
@keyframes dropOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0);
  }
}
.transition.fade.in {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.transition[class*="fade up"].in {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.transition[class*="fade down"].in {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
.transition[class*="fade left"].in {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
.transition[class*="fade right"].in {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
.transition.fade.out {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}
.transition[class*="fade up"].out {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}
.transition[class*="fade down"].out {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}
.transition[class*="fade left"].out {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}
.transition[class*="fade right"].out {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-10%);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-10%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(10%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(5%);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(5%);
  }
}
@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-5%);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-5%);
  }
}
@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-5%);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(-5%);
  }
}
@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(5%);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }
  to {
    opacity: 0;
    transform: translateX(5%);
  }
}
.flip.transition.in,
.flip.transition.out {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
}
.horizontal.flip.transition.in {
  -webkit-animation-name: horizontalFlipIn;
  animation-name: horizontalFlipIn;
}
.horizontal.flip.transition.out {
  -webkit-animation-name: horizontalFlipOut;
  animation-name: horizontalFlipOut;
}
.vertical.flip.transition.in {
  -webkit-animation-name: verticalFlipIn;
  animation-name: verticalFlipIn;
}
.vertical.flip.transition.out {
  -webkit-animation-name: verticalFlipOut;
  animation-name: verticalFlipOut;
}
@-webkit-keyframes horizontalFlipIn {
  0% {
    opacity: 0;
    transform: perspective(2000px) rotateY(-90deg);
  }
  to {
    opacity: 1;
    transform: perspective(2000px) rotateY(0);
  }
}
@keyframes horizontalFlipIn {
  0% {
    opacity: 0;
    transform: perspective(2000px) rotateY(-90deg);
  }
  to {
    opacity: 1;
    transform: perspective(2000px) rotateY(0);
  }
}
@-webkit-keyframes verticalFlipIn {
  0% {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg);
  }
  to {
    opacity: 1;
    transform: perspective(2000px) rotateX(0);
  }
}
@keyframes verticalFlipIn {
  0% {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg);
  }
  to {
    opacity: 1;
    transform: perspective(2000px) rotateX(0);
  }
}
@-webkit-keyframes horizontalFlipOut {
  0% {
    opacity: 1;
    transform: perspective(2000px) rotateY(0);
  }
  to {
    opacity: 0;
    transform: perspective(2000px) rotateY(90deg);
  }
}
@keyframes horizontalFlipOut {
  0% {
    opacity: 1;
    transform: perspective(2000px) rotateY(0);
  }
  to {
    opacity: 0;
    transform: perspective(2000px) rotateY(90deg);
  }
}
@-webkit-keyframes verticalFlipOut {
  0% {
    opacity: 1;
    transform: perspective(2000px) rotateX(0);
  }
  to {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg);
  }
}
@keyframes verticalFlipOut {
  0% {
    opacity: 1;
    transform: perspective(2000px) rotateX(0);
  }
  to {
    opacity: 0;
    transform: perspective(2000px) rotateX(-90deg);
  }
}
.scale.transition.in {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}
.scale.transition.out {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
}
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0;
    transform: scale(0.8);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
@keyframes scaleOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 0;
    transform: scale(0.9);
  }
}
.transition.fly {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.transition.fly.in {
  -webkit-animation-name: flyIn;
  animation-name: flyIn;
}
.transition[class*="fly up"].in {
  -webkit-animation-name: flyInUp;
  animation-name: flyInUp;
}
.transition[class*="fly down"].in {
  -webkit-animation-name: flyInDown;
  animation-name: flyInDown;
}
.transition[class*="fly left"].in {
  -webkit-animation-name: flyInLeft;
  animation-name: flyInLeft;
}
.transition[class*="fly right"].in {
  -webkit-animation-name: flyInRight;
  animation-name: flyInRight;
}
.transition.fly.out {
  -webkit-animation-name: flyOut;
  animation-name: flyOut;
}
.transition[class*="fly up"].out {
  -webkit-animation-name: flyOutUp;
  animation-name: flyOutUp;
}
.transition[class*="fly down"].out {
  -webkit-animation-name: flyOutDown;
  animation-name: flyOutDown;
}
.transition[class*="fly left"].out {
  -webkit-animation-name: flyOutLeft;
  animation-name: flyOutLeft;
}
.transition[class*="fly right"].out {
  -webkit-animation-name: flyOutRight;
  animation-name: flyOutRight;
}
@-webkit-keyframes flyIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes flyIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 1500px, 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 flyInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 1500px, 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);
  }
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -1500px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    transform: translate3d(1500px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
@-webkit-keyframes flyOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes flyOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@-webkit-keyframes flyOutUp {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes flyOutUp {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
@-webkit-keyframes flyOutDown {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes flyOutDown {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
@-webkit-keyframes flyOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes flyOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
@-webkit-keyframes flyOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes flyOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.transition.slide.in,
.transition[class*="slide down"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  transform-origin: top center;
}
.transition[class*="slide up"].in {
  -webkit-animation-name: slideInY;
  animation-name: slideInY;
  transform-origin: bottom center;
}
.transition[class*="slide left"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  transform-origin: center left;
}
.transition[class*="slide right"].in {
  -webkit-animation-name: slideInX;
  animation-name: slideInX;
  transform-origin: center right;
}
.transition.slide.out,
.transition[class*="slide down"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  transform-origin: top center;
}
.transition[class*="slide up"].out {
  -webkit-animation-name: slideOutY;
  animation-name: slideOutY;
  transform-origin: bottom center;
}
.transition[class*="slide left"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  transform-origin: center left;
}
.transition[class*="slide right"].out {
  -webkit-animation-name: slideOutX;
  animation-name: slideOutX;
  transform-origin: center right;
}
@-webkit-keyframes slideInY {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}
@keyframes slideInY {
  0% {
    opacity: 0;
    transform: scaleY(0);
  }
  to {
    opacity: 1;
    transform: scaleY(1);
  }
}
@-webkit-keyframes slideInX {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
@keyframes slideInX {
  0% {
    opacity: 0;
    transform: scaleX(0);
  }
  to {
    opacity: 1;
    transform: scaleX(1);
  }
}
@-webkit-keyframes slideOutY {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    transform: scaleY(0);
  }
}
@keyframes slideOutY {
  0% {
    opacity: 1;
    transform: scaleY(1);
  }
  to {
    opacity: 0;
    transform: scaleY(0);
  }
}
@-webkit-keyframes slideOutX {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    transform: scaleX(0);
  }
}
@keyframes slideOutX {
  0% {
    opacity: 1;
    transform: scaleX(1);
  }
  to {
    opacity: 0;
    transform: scaleX(0);
  }
}
.transition.swing {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
}
.transition[class*="swing down"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  transform-origin: top center;
}
.transition[class*="swing up"].in {
  -webkit-animation-name: swingInX;
  animation-name: swingInX;
  transform-origin: bottom center;
}
.transition[class*="swing left"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  transform-origin: center left;
}
.transition[class*="swing right"].in {
  -webkit-animation-name: swingInY;
  animation-name: swingInY;
  transform-origin: center right;
}
.transition.swing.out,
.transition[class*="swing down"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  transform-origin: top center;
}
.transition[class*="swing up"].out {
  -webkit-animation-name: swingOutX;
  animation-name: swingOutX;
  transform-origin: bottom center;
}
.transition[class*="swing left"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  transform-origin: center left;
}
.transition[class*="swing right"].out {
  -webkit-animation-name: swingOutY;
  animation-name: swingOutY;
  transform-origin: center right;
}
@-webkit-keyframes swingInX {
  0% {
    opacity: 0;
    transform: perspective(1000px) rotateX(90deg);
  }
  40% {
    opacity: 1;
    transform: perspective(1000px) rotateX(-30deg);
  }
  60% {
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  to {
    transform: perspective(1000px) rotateX(0);
  }
}
@keyframes swingInX {
  0% {
    opacity: 0;
    transform: perspective(1000px) rotateX(90deg);
  }
  40% {
    opacity: 1;
    transform: perspective(1000px) rotateX(-30deg);
  }
  60% {
    transform: perspective(1000px) rotateX(15deg);
  }
  80% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  to {
    transform: perspective(1000px) rotateX(0);
  }
}
@-webkit-keyframes swingInY {
  0% {
    opacity: 0;
    transform: perspective(1000px) rotateY(-90deg);
  }
  40% {
    opacity: 1;
    transform: perspective(1000px) rotateY(30deg);
  }
  60% {
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  to {
    transform: perspective(1000px) rotateY(0);
  }
}
@keyframes swingInY {
  0% {
    opacity: 0;
    transform: perspective(1000px) rotateY(-90deg);
  }
  40% {
    opacity: 1;
    transform: perspective(1000px) rotateY(30deg);
  }
  60% {
    transform: perspective(1000px) rotateY(-17.5deg);
  }
  80% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  to {
    transform: perspective(1000px) rotateY(0);
  }
}
@-webkit-keyframes swingOutX {
  0% {
    transform: perspective(1000px) rotateX(0);
  }
  40% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    opacity: 1;
    transform: perspective(1000px) rotateX(-30deg);
  }
  to {
    opacity: 0;
    transform: perspective(1000px) rotateX(90deg);
  }
}
@keyframes swingOutX {
  0% {
    transform: perspective(1000px) rotateX(0);
  }
  40% {
    transform: perspective(1000px) rotateX(-7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateX(17.5deg);
  }
  80% {
    opacity: 1;
    transform: perspective(1000px) rotateX(-30deg);
  }
  to {
    opacity: 0;
    transform: perspective(1000px) rotateX(90deg);
  }
}
@-webkit-keyframes swingOutY {
  0% {
    transform: perspective(1000px) rotateY(0);
  }
  40% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    opacity: 1;
    transform: perspective(1000px) rotateY(30deg);
  }
  to {
    opacity: 0;
    transform: perspective(1000px) rotateY(-90deg);
  }
}
@keyframes swingOutY {
  0% {
    transform: perspective(1000px) rotateY(0);
  }
  40% {
    transform: perspective(1000px) rotateY(7.5deg);
  }
  60% {
    transform: perspective(1000px) rotateY(-10deg);
  }
  80% {
    opacity: 1;
    transform: perspective(1000px) rotateY(30deg);
  }
  to {
    opacity: 0;
    transform: perspective(1000px) rotateY(-90deg);
  }
}
.transition.zoom.in {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}
.transition.zoom.out {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}
@-webkit-keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes zoomIn {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(0);
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  to {
    opacity: 1;
    transform: scale(0);
  }
}
.flash.transition {
  -webkit-animation-name: flash;
  animation-name: flash;
}
.flash.transition,
.shake.transition {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.shake.transition {
  -webkit-animation-name: shake;
  animation-name: shake;
}
.bounce.transition {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}
.bounce.transition,
.tada.transition {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}
.tada.transition {
  -webkit-animation-name: tada;
  animation-name: tada;
}
.pulse.transition {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-name: pulse;
  animation-name: pulse;
}
.jiggle.transition {
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-name: jiggle;
  animation-name: jiggle;
}
.transition.glow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-name: glow;
  animation-name: glow;
  -webkit-animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
  animation-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
@-webkit-keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
@-webkit-keyframes shake {
  0%,
  to {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(-10px);
  }
}
@keyframes shake {
  0%,
  to {
    transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translateX(10px);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translateX(-10px);
  }
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  to {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  to {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
@-webkit-keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(-3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(3deg);
  }
  to {
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    transform: scale(1);
  }
  10%,
  20% {
    transform: scale(0.9) rotate(3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale(1.1) rotate(-3deg);
  }
  40%,
  60%,
  80% {
    transform: scale(1.1) rotate(3deg);
  }
  to {
    transform: scale(1) rotate(0);
  }
}
@-webkit-keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes jiggle {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
@keyframes jiggle {
  0% {
    transform: scaleX(1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scaleX(1);
  }
}
@-webkit-keyframes glow {
  0% {
    background-color: #fcfcfd;
  }
  30% {
    background-color: #fff6cd;
  }
  to {
    background-color: #fcfcfd;
  }
}
@keyframes glow {
  0% {
    background-color: #fcfcfd;
  }
  30% {
    background-color: #fff6cd;
  }
  to {
    background-color: #fcfcfd;
  }
} /*!* # Semantic UI 2.4.2 - Dropdown
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
**/
.ui.dropdown {
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
  display: inline-block;
  outline: 0;
  position: relative;
  text-align: right;
  transition: box-shadow 0.1s ease, width 0.1s ease;
}
.ui.dropdown .menu {
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  cursor: auto;
  display: none;
  font-size: 1em;
  margin: 0;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  outline: 0;
  padding: 0;
  position: absolute;
  text-align: right;
  text-shadow: none;
  top: 100%;
  transition: opacity 0.1s ease;
  will-change: transform, opacity;
  z-index: 11;
}
.ui.dropdown .menu > * {
  white-space: nowrap;
}
.ui.dropdown > input:not(.search):first-child,
.ui.dropdown > select {
  display: none !important;
}
.ui.dropdown > .dropdown.icon {
  font-size: 0.85714286em;
  margin: 0 1em 0 0;
  position: relative;
}
.ui.dropdown .menu > .item .dropdown.icon {
  float: left;
  margin: 0 1em 0 0;
  width: auto;
}
.ui.dropdown .menu > .item .dropdown.icon + .text {
  margin-left: 1em;
}
.ui.dropdown > .text {
  display: inline-block;
  transition: none;
}
.ui.dropdown .menu > .item {
  -webkit-touch-callout: none;
  border: none;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  display: block;
  font-size: 1rem;
  font-weight: 400;
  height: auto;
  line-height: 1em;
  padding: 0.78571429rem 1.14285714rem !important;
  position: relative;
  text-align: right;
  text-transform: none;
}
.ui.dropdown .menu > .item:first-child {
  border-top-width: 0;
}
.ui.dropdown .menu .item > [class*="right floated"],
.ui.dropdown > .text > [class*="right floated"] {
  float: left !important;
  margin-left: 0 !important;
  margin-right: 1em !important;
}
.ui.dropdown .menu .item > [class*="left floated"],
.ui.dropdown > .text > [class*="left floated"] {
  float: right !important;
  margin-left: 1em !important;
  margin-right: 0 !important;
}
.ui.dropdown .menu .item > .flag.floated,
.ui.dropdown .menu .item > .icon.floated,
.ui.dropdown .menu .item > .image.floated,
.ui.dropdown .menu .item > img.floated {
  margin-top: 0;
}
.ui.dropdown .menu > .header {
  color: rgba(0, 0, 0, 0.85);
  font-size: 0.78571429em;
  font-weight: 700;
  margin: 1rem 0 0.75rem;
  padding: 0 1.14285714rem;
  text-transform: uppercase;
}
.ui.dropdown .menu > .divider {
  border-top: 1px solid rgba(34, 36, 38, 0.1);
  height: 0;
  margin: 0.5em 0;
}
.ui.dropdown.dropdown .menu > .input {
  display: flex;
  margin: 1.14285714rem 0.78571429rem;
  min-width: 10rem;
  width: auto;
}
.ui.dropdown .menu > .header + .input {
  margin-top: 0;
}
.ui.dropdown .menu > .input:not(.transparent) input {
  padding: 0.5em 1em;
}
.ui.dropdown .menu > .input:not(.transparent) .button,
.ui.dropdown .menu > .input:not(.transparent) .icon,
.ui.dropdown .menu > .input:not(.transparent) .label {
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
.ui.dropdown .menu > .item > .description,
.ui.dropdown > .text > .description {
  color: rgba(0, 0, 0, 0.4);
  float: left;
  margin: 0 1em 0 0;
}
.ui.dropdown .menu > .message {
  font-weight: 400;
  padding: 0.78571429rem 1.14285714rem;
}
.ui.dropdown .menu > .message:not(.ui) {
  color: rgba(0, 0, 0, 0.4);
}
.ui.dropdown .menu .menu {
  border-radius: 0.28571429rem !important;
  left: auto;
  margin: 0 -0.5em 0 0 !important;
  right: 100%;
  top: 0 !important;
  z-index: 21 !important;
}
.ui.dropdown .menu .menu:after {
  display: none;
}
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > img,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .image,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > img {
  margin-top: 0;
}
.ui.dropdown .menu > .item > .flag,
.ui.dropdown .menu > .item > .icon,
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > .label,
.ui.dropdown .menu > .item > img,
.ui.dropdown > .text > .flag,
.ui.dropdown > .text > .icon,
.ui.dropdown > .text > .image,
.ui.dropdown > .text > .label,
.ui.dropdown > .text > img {
  float: none;
  margin-left: 0.78571429rem;
  margin-right: 0;
}
.ui.dropdown .menu > .item > .image,
.ui.dropdown .menu > .item > img,
.ui.dropdown > .text > .image,
.ui.dropdown > .text > img {
  display: inline-block;
  margin-bottom: -0.5em;
  margin-top: -0.5em;
  max-height: 2em;
  vertical-align: top;
  width: auto;
}
.ui.dropdown .ui.menu > .item:before,
.ui.menu .ui.dropdown .menu > .item:before {
  display: none;
}
.ui.menu .ui.dropdown .menu .active.item {
  border-right: none;
}
.ui.buttons > .ui.dropdown:last-child .menu,
.ui.menu .right.dropdown.item .menu,
.ui.menu .right.menu .dropdown:last-child .menu {
  left: 0;
  right: auto;
}
.ui.label.dropdown .menu {
  min-width: 100%;
}
.ui.dropdown.icon.button > .dropdown.icon {
  margin: 0;
}
.ui.button.dropdown .menu {
  min-width: 100%;
}
.ui.selection.dropdown {
  word-wrap: break-word;
  background: #fff;
  border: 1px solid rgba(34, 36, 38, 0.15);
  border-radius: 0.28571429rem;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.87);
  cursor: pointer;
  display: inline-block;
  line-height: 1em;
  min-height: 2.71428571em;
  min-width: 14em;
  outline: 0;
  padding: 0.78571429em 1em 0.78571429em 2.1em;
  transform: rotate(0);
  transition: box-shadow 0.1s ease, width 0.1s ease;
  white-space: normal;
}
.ui.selection.dropdown.active,
.ui.selection.dropdown.visible {
  z-index: 10;
}
select.ui.dropdown {
  border: 1px solid rgba(34, 36, 38, 0.15);
  height: 38px;
  padding: 0.5em;
  visibility: visible;
}
.ui.selection.dropdown > .delete.icon,
.ui.selection.dropdown > .dropdown.icon,
.ui.selection.dropdown > .search.icon {
  cursor: pointer;
  height: auto;
  left: 1em;
  line-height: 1.21428571em;
  margin: -0.78571429em;
  opacity: 0.8;
  padding: 0.91666667em;
  position: absolute;
  top: 0.78571429em;
  transition: opacity 0.1s ease;
  width: auto;
  z-index: 3;
}
.ui.compact.selection.dropdown {
  min-width: 0;
}
.ui.selection.dropdown .menu {
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  border-radius: 0 0 0.28571429rem 0.28571429rem;
  border-top-width: 0 !important;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
  margin: 0 -1px;
  min-width: calc(100% + 2px);
  outline: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transition: opacity 0.1s ease;
  width: auto;
  width: calc(100% + 2px);
}
.ui.selection.dropdown .menu:after,
.ui.selection.dropdown .menu:before {
  display: none;
}
.ui.selection.dropdown .menu > .message {
  padding: 0.78571429rem 1.14285714rem;
}
@media only screen and (max-width: 767px) {
  .ui.selection.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.selection.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.selection.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.selection.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
.ui.selection.dropdown .menu > .item {
  word-wrap: normal;
  border-top: 1px solid #fafafa;
  padding: 0.78571429rem 1.14285714rem !important;
  white-space: normal;
}
.ui.selection.dropdown .menu > .hidden.addition.item {
  display: none;
}
.ui.selection.dropdown:hover {
  border-color: rgba(34, 36, 38, 0.35);
  box-shadow: none;
}
.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
  border-color: #96c8da;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.selection.dropdown:focus {
  border-color: #96c8da;
  box-shadow: none;
}
.ui.selection.dropdown:focus .menu {
  border-color: #96c8da;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.selection.visible.dropdown > .text:not(.default) {
  color: rgba(0, 0, 0, 0.8);
  font-weight: 400;
}
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown:hover .menu {
  border-color: #96c8da;
  box-shadow: 0 2px 3px 0 rgba(34, 36, 38, 0.15);
}
.ui.active.selection.dropdown > .dropdown.icon,
.ui.visible.selection.dropdown > .dropdown.icon {
  opacity: "";
  z-index: 3;
}
.ui.active.selection.dropdown {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.ui.active.empty.selection.dropdown {
  border-radius: 0.28571429rem !important;
  box-shadow: none !important;
}
.ui.active.empty.selection.dropdown .menu {
  border: none !important;
  box-shadow: none !important;
}
.ui.search.dropdown {
  min-width: "";
}
.ui.search.dropdown > input.search {
  -webkit-tap-highlight-color: transparent;
  background: none transparent !important;
  border: none !important;
  box-shadow: none !important;
  cursor: text;
  outline: 0;
  padding: inherit;
  position: absolute;
  right: 1px;
  top: 0;
  width: 100%;
  z-index: 2;
}
.ui.search.dropdown > .text {
  cursor: text;
  position: relative;
  right: 1px;
  z-index: 3;
}
.ui.search.selection.dropdown > input.search,
.ui.search.selection.dropdown > span.sizer {
  line-height: 1.21428571em;
  padding: 0.67857143em 1em 0.67857143em 2.1em;
}
.ui.search.selection.dropdown > span.sizer {
  display: none;
  white-space: pre;
}
.ui.search.dropdown.active > input.search,
.ui.search.dropdown.visible > input.search {
  cursor: auto;
}
.ui.search.dropdown.active > .text,
.ui.search.dropdown.visible > .text {
  pointer-events: none;
}
.ui.active.search.dropdown input.search:focus + .text .flag,
.ui.active.search.dropdown input.search:focus + .text .icon {
  opacity: 0.45;
}
.ui.active.search.dropdown input.search:focus + .text {
  color: hsla(0, 0%, 45%, 0.87) !important;
}
.ui.search.dropdown .menu {
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
}
@media only screen and (max-width: 767px) {
  .ui.search.dropdown .menu {
    max-height: 8.01428571rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.search.dropdown .menu {
    max-height: 10.68571429rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.search.dropdown .menu {
    max-height: 16.02857143rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.search.dropdown .menu {
    max-height: 21.37142857rem;
  }
}
.ui.multiple.dropdown {
  padding: 0.22619048em 0.35714286em 0.22619048em 2.1em;
}
.ui.multiple.dropdown .menu {
  cursor: auto;
}
.ui.multiple.search.dropdown,
.ui.multiple.search.dropdown > input.search {
  cursor: text;
}
.ui.multiple.dropdown > .label {
  box-shadow: inset 0 0 0 1px rgba(34, 36, 38, 0.15);
  display: inline-block;
  font-size: 1em;
  margin: 0.14285714rem 0 0.14285714rem 0.28571429rem;
  padding: 0.35714286em 0.78571429em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: top;
  white-space: normal;
}
.ui.multiple.dropdown .dropdown.icon {
  margin: "";
  padding: "";
}
.ui.multiple.dropdown > .text {
  line-height: 1.21428571em;
  margin: 0.45238095em 0.64285714em 0.45238095em 0;
  max-width: 100%;
  padding: 0;
  position: static;
}
.ui.multiple.dropdown > .label ~ input.search {
  margin-right: 0.14285714em !important;
}
.ui.multiple.dropdown > .label ~ .text {
  display: none;
}
.ui.multiple.search.dropdown > .text {
  display: inline-block;
  line-height: 1.21428571em;
  margin: 0.45238095em 0.64285714em 0.45238095em 0;
  padding: inherit;
  position: absolute;
  right: 0;
  top: 0;
}
.ui.multiple.search.dropdown > .label ~ .text {
  display: none;
}
.ui.multiple.search.dropdown > input.search {
  line-height: 1.21428571em;
  margin: 0.45238095em 0.64285714em 0.45238095em 0;
  max-width: 100%;
  padding: 0;
  position: static;
  width: 2.2em;
}
.ui.inline.dropdown {
  color: inherit;
  cursor: pointer;
  display: inline-block;
}
.ui.inline.dropdown .dropdown.icon {
  margin: 0 0.21428571em;
  vertical-align: baseline;
}
.ui.inline.dropdown > .text {
  font-weight: 700;
}
.ui.inline.dropdown .menu {
  border-radius: 0.28571429rem;
  cursor: auto;
  margin-top: 0.21428571em;
}
.ui.dropdown .menu .active.item {
  background: 0 0;
  box-shadow: none;
  color: rgba(0, 0, 0, 0.95);
  font-weight: 700;
  z-index: 12;
}
.ui.dropdown .menu > .item:hover {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.95);
  z-index: 13;
}
.ui.loading.dropdown > i.icon {
  height: 1em !important;
}
.ui.loading.selection.dropdown > i.icon {
  padding: 1.5em 1.28571429em !important;
}
.ui.loading.dropdown > i.icon:before {
  border: 0.2em solid rgba(0, 0, 0, 0.1);
  border-radius: 500rem;
}
.ui.loading.dropdown > i.icon:after,
.ui.loading.dropdown > i.icon:before {
  content: "";
  height: 1.28571429em;
  margin: -0.64285714em -0.64285714em 0 0;
  position: absolute;
  right: 50%;
  top: 50%;
  width: 1.28571429em;
}
.ui.loading.dropdown > i.icon:after {
  -webkit-animation: dropdown-spin 0.6s linear;
  animation: dropdown-spin 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border: 0.2em solid transparent;
  border-radius: 500rem;
  border-top-color: #767676;
  box-shadow: 0 0 0 1px transparent;
}
.ui.loading.dropdown.button > i.icon:after,
.ui.loading.dropdown.button > i.icon:before {
  display: none;
}
@-webkit-keyframes dropdown-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(-1turn);
  }
}
@keyframes dropdown-spin {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(-1turn);
  }
}
.ui.default.dropdown:not(.button) > .text,
.ui.dropdown:not(.button) > .default.text {
  color: hsla(0, 0%, 75%, 0.87);
}
.ui.default.dropdown:not(.button) > input:focus ~ .text,
.ui.dropdown:not(.button) > input:focus ~ .default.text {
  color: hsla(0, 0%, 45%, 0.87);
}
.ui.loading.dropdown > .text {
  transition: none;
}
.ui.dropdown .loading.menu {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.dropdown > .loading.menu {
  left: auto !important;
  right: 0 !important;
}
.ui.dropdown > .menu .loading.menu {
  left: auto !important;
  right: 100% !important;
}
.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
  background: rgba(0, 0, 0, 0.03);
  color: rgba(0, 0, 0, 0.95);
}
.ui.dropdown > .filtered.text {
  visibility: hidden;
}
.ui.dropdown .filtered.item {
  display: none !important;
}
.ui.dropdown.error,
.ui.dropdown.error > .default.text,
.ui.dropdown.error > .text {
  color: #9f3a38;
}
.ui.selection.dropdown.error {
  background: #fff6f6;
  border-color: #e0b4b4;
}
.ui.dropdown.error > .menu,
.ui.dropdown.error > .menu .menu,
.ui.selection.dropdown.error:hover {
  border-color: #e0b4b4;
}
.ui.dropdown.error > .menu > .item {
  color: #9f3a38;
}
.ui.multiple.selection.error.dropdown > .label {
  border-color: #e0b4b4;
}
.ui.dropdown.error > .menu > .item:hover {
  background-color: #fff2f2;
}
.ui.dropdown.error > .menu .active.item {
  background-color: #fdcfcf;
}
.ui.dropdown > .clear.dropdown.icon {
  opacity: 0.8;
  transition: opacity 0.1s ease;
}
.ui.dropdown > .clear.dropdown.icon:hover {
  opacity: 1;
}
.ui.disabled.dropdown,
.ui.dropdown .menu > .disabled.item {
  cursor: default;
  opacity: 0.45;
  pointer-events: none;
}
.ui.dropdown .menu {
  right: 0;
}
.ui.dropdown .menu .right.menu,
.ui.dropdown .right.menu > .menu {
  border-radius: 0.28571429rem !important;
  left: auto !important;
  right: 100% !important;
}
.ui.dropdown > .left.menu {
  left: 0 !important;
  right: auto !important;
}
.ui.dropdown .menu .left.menu,
.ui.dropdown > .left.menu .menu {
  border-radius: 0.28571429rem !important;
  left: 100%;
  margin: 0 0 0 -0.5em !important;
  right: auto;
}
.ui.dropdown .item .left.dropdown.icon,
.ui.dropdown .left.menu .item .dropdown.icon {
  float: right;
  margin: 0;
  width: auto;
}
.ui.dropdown .item .left.dropdown.icon + .text,
.ui.dropdown .left.menu .item .dropdown.icon + .text {
  margin-left: 0;
  margin-right: 1em;
}
.ui.upward.dropdown > .menu {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
  bottom: 100%;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  top: auto;
}
.ui.dropdown .upward.menu {
  bottom: 0 !important;
  top: auto !important;
}
.ui.simple.upward.active.dropdown,
.ui.simple.upward.dropdown:hover {
  border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
}
.ui.upward.dropdown.button:not(.pointing):not(.floating).active {
  border-radius: 0.28571429rem 0.28571429rem 0 0;
}
.ui.upward.selection.dropdown .menu {
  border-bottom-width: 0 !important;
  border-top-width: 1px !important;
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
}
.ui.upward.selection.dropdown:hover {
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05);
}
.ui.active.upward.selection.dropdown,
.ui.upward.selection.dropdown.visible {
  border-radius: 0 0 0.28571429rem 0.28571429rem !important;
}
.ui.upward.selection.dropdown.visible {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
}
.ui.upward.active.selection.dropdown:hover {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.05);
}
.ui.upward.active.selection.dropdown:hover .menu {
  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.08);
}
.ui.dropdown .scrolling.menu,
.ui.scrolling.dropdown .menu {
  overflow-x: hidden;
  overflow-y: auto;
}
.ui.scrolling.dropdown .menu {
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow-x: hidden;
}
.ui.dropdown .scrolling.menu,
.ui.scrolling.dropdown .menu {
  min-width: 100% !important;
  overflow-y: auto;
  width: auto !important;
}
.ui.dropdown .scrolling.menu {
  border: none;
  border-radius: 0 !important;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none !important;
  margin: 0 !important;
  position: static;
}
.ui.dropdown .scrolling.menu .item:first-child,
.ui.dropdown .scrolling.menu > .item.item.item,
.ui.scrolling.dropdown .menu .item.item.item,
.ui.scrolling.dropdown .menu .item:first-child {
  border-top: none;
}
.ui.dropdown > .animating.menu .scrolling.menu,
.ui.dropdown > .visible.menu .scrolling.menu {
  display: block;
}
@media (-ms-high-contrast: none) {
  .ui.dropdown .scrolling.menu,
  .ui.scrolling.dropdown .menu {
    min-width: calc(100% - 17px);
  }
}
@media only screen and (max-width: 767px) {
  .ui.dropdown .scrolling.menu,
  .ui.scrolling.dropdown .menu {
    max-height: 10.28571429rem;
  }
}
@media only screen and (min-width: 768px) {
  .ui.dropdown .scrolling.menu,
  .ui.scrolling.dropdown .menu {
    max-height: 15.42857143rem;
  }
}
@media only screen and (min-width: 992px) {
  .ui.dropdown .scrolling.menu,
  .ui.scrolling.dropdown .menu {
    max-height: 20.57142857rem;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.dropdown .scrolling.menu,
  .ui.scrolling.dropdown .menu {
    max-height: 20.57142857rem;
  }
}
.ui.simple.dropdown .menu:after,
.ui.simple.dropdown .menu:before {
  display: none;
}
.ui.simple.dropdown .menu {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  top: -9999px !important;
  transition: opacity 0.1s ease;
  width: 0;
}
.ui.simple.active.dropdown,
.ui.simple.dropdown:hover {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.ui.simple.active.dropdown > .menu,
.ui.simple.dropdown:hover > .menu {
  height: auto;
  opacity: 1;
  overflow: visible;
  top: 100% !important;
  width: auto;
}
.ui.simple.dropdown:hover > .menu > .item:hover > .menu,
.ui.simple.dropdown > .menu > .item:active > .menu {
  height: auto;
  opacity: 1;
  overflow: visible;
  right: 100% !important;
  top: 0 !important;
  width: auto;
}
.ui.simple.disabled.dropdown:hover .menu {
  display: none;
  height: 0;
  overflow: hidden;
  width: 0;
}
.ui.simple.visible.dropdown > .menu {
  display: block;
}
.ui.fluid.dropdown {
  display: block;
  min-width: 0;
  width: 100%;
}
.ui.fluid.dropdown > .dropdown.icon {
  float: left;
}
.ui.floating.dropdown .menu {
  border-radius: 0.28571429rem !important;
  box-shadow: 0 2px 4px 0 rgba(34, 36, 38, 0.12),
    0 2px 10px 0 rgba(34, 36, 38, 0.15) !important;
  left: auto;
  right: 0;
}
.ui.floating.dropdown > .menu {
  border-radius: 0.28571429rem !important;
  margin-top: 0.5em !important;
}
.ui.pointing.dropdown > .menu {
  border-radius: 0.28571429rem;
  margin-top: 0.78571429rem;
  top: 100%;
}
.ui.pointing.dropdown > .menu:after {
  background: #fff;
  box-shadow: 1px -1px 0 0 rgba(34, 36, 38, 0.15);
  content: "";
  display: block;
  height: 0.5em;
  margin: 0 -0.25em 0 0;
  pointer-events: none;
  position: absolute;
  right: 50%;
  top: -0.25em;
  transform: rotate(-45deg);
  visibility: visible;
  width: 0.5em;
  z-index: 2;
}
.ui.top.left.pointing.dropdown > .menu {
  bottom: auto;
  left: auto;
  margin: 1em 0 0;
  right: 0;
  top: 100%;
}
.ui.top.left.pointing.dropdown > .menu:after {
  left: auto;
  margin: 0;
  right: 1em;
  top: -0.25em;
  transform: rotate(-45deg);
}
.ui.top.right.pointing.dropdown > .menu {
  bottom: auto;
  left: 0;
  margin: 1em 0 0;
  right: auto;
  top: 100%;
}
.ui.top.pointing.dropdown > .left.menu:after,
.ui.top.right.pointing.dropdown > .menu:after {
  left: 1em !important;
  margin: 0;
  right: auto !important;
  top: -0.25em;
  transform: rotate(-45deg);
}
.ui.left.pointing.dropdown > .menu {
  left: auto;
  margin: 0 1em 0 0;
  right: 100%;
  top: 0;
}
.ui.left.pointing.dropdown > .menu:after {
  margin: 0;
  right: -0.25em;
  top: 1em;
  transform: rotate(45deg);
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu {
  left: 100% !important;
  margin: 0 0 0 1em;
  right: auto !important;
}
.ui.left:not(.top):not(.bottom).pointing.dropdown > .left.menu:after {
  left: -0.25em;
  margin: 0;
  right: auto;
  top: 1em;
  transform: rotate(-135deg);
}
.ui.right.pointing.dropdown > .menu {
  left: 100%;
  margin: 0 0 0 1em;
  right: auto;
  top: 0;
}
.ui.right.pointing.dropdown > .menu:after {
  left: -0.25em;
  margin: 0;
  right: auto;
  top: 1em;
  transform: rotate(-135deg);
}
.ui.bottom.pointing.dropdown > .menu {
  bottom: 100%;
  left: auto;
  margin: 0 0 1em;
  right: 0;
  top: auto;
}
.ui.bottom.pointing.dropdown > .menu:after {
  bottom: -0.25em;
  left: auto;
  margin: 0;
  top: auto;
  transform: rotate(135deg);
}
.ui.bottom.pointing.dropdown > .menu .menu {
  bottom: 0 !important;
  top: auto !important;
}
.ui.bottom.left.pointing.dropdown > .menu {
  left: auto;
  right: 0;
}
.ui.bottom.left.pointing.dropdown > .menu:after {
  left: auto;
  right: 1em;
}
.ui.bottom.right.pointing.dropdown > .menu {
  left: 0;
  right: auto;
}
.ui.bottom.right.pointing.dropdown > .menu:after {
  left: 1em;
  right: auto;
}
.ui.pointing.upward.dropdown .menu,
.ui.top.pointing.upward.dropdown .menu {
  border-radius: 0.28571429rem;
  bottom: 100% !important;
  margin: 0 0 0.78571429rem;
  top: auto !important;
}
.ui.pointing.upward.dropdown .menu:after,
.ui.top.pointing.upward.dropdown .menu:after {
  bottom: auto !important;
  box-shadow: -1px 1px 0 0 rgba(34, 36, 38, 0.15);
  margin: -0.25em 0 0;
  top: 100% !important;
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  bottom: 0 !important;
  margin: 0 0 0 1em;
  top: auto !important;
}
.ui.right.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  bottom: 0 !important;
  box-shadow: 1px -1px 0 0 rgba(34, 36, 38, 0.15);
  margin: 0 0 1em;
  top: auto !important;
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu {
  bottom: 0 !important;
  margin: 0 1em 0 0;
  top: auto !important;
}
.ui.left.pointing.upward.dropdown:not(.top):not(.bottom) .menu:after {
  bottom: 0 !important;
  box-shadow: 1px -1px 0 0 rgba(34, 36, 38, 0.15);
  margin: 0 0 1em;
  top: auto !important;
}
@font-face {
  font-family: Dropdown;
  font-style: normal;
  font-weight: 400;
  src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAVgAA8AAAAACFAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABWAAAABwAAAAchGgaq0dERUYAAAF0AAAAHAAAAB4AJwAPT1MvMgAAAZAAAABDAAAAVnW4TJdjbWFwAAAB1AAAAEsAAAFS8CcaqmN2dCAAAAIgAAAABAAAAAQAEQFEZ2FzcAAAAiQAAAAIAAAACP//AANnbHlmAAACLAAAAQoAAAGkrRHP9WhlYWQAAAM4AAAAMAAAADYPK8YyaGhlYQAAA2gAAAAdAAAAJANCAb1obXR4AAADiAAAACIAAAAiCBkAOGxvY2EAAAOsAAAAFAAAABQBnAIybWF4cAAAA8AAAAAfAAAAIAEVAF5uYW1lAAAD4AAAATAAAAKMFGlj5HBvc3QAAAUQAAAARgAAAHJoedjqd2ViZgAABVgAAAAGAAAABrO7W5UAAAABAAAAANXulPUAAAAA1r4hgAAAAADXu2Q1eNpjYGRgYOABYjEgZmJgBEIOIGYB8xgAA/YAN3jaY2BktGOcwMDKwMI4jTGNgYHBHUp/ZZBkaGFgYGJgZWbACgLSXFMYHFT/fLjFeOD/AQY9xjMMbkBhRpAcAN48DQYAeNpjYGBgZoBgGQZGBhDwAfIYwXwWBgMgzQGETAwMqn8+8H649f8/lHX9//9b7Pzf+fWgusCAkY0BzmUE6gHpQwGMDMMeAACbxg7SAAARAUQAAAAB//8AAnjadZBPSsNAGMXfS+yMqYgOhpSuSlKadmUhiVEhEMQzFF22m17BbbvzCh5BXCUn6EG8gjeQ4DepwYo4i+/ffL95j4EDA+CFC7jQuKyIeVHrI3wkleq9F7XrSInKteOeHdda8bOoaeepSc00NWPz/LRec9G8GabyGtEdF7h19z033GAMTK7zbM42xNEZpzYof0RtQ5CUHAQJ73OtVyutc+3b7Ou//b8XNlsPx3jgjUifABdhEohKJJL5iM5p39uqc7X1+sRQSqmGrUVhlsJ4lpmEUVwyT8SUYtg0P9DyNzPADDs+tjrGV6KRCRfsui3eHcL4/p8ZXvfMlcnEU+CLv7hDykOP+AKTPTxbAAB42mNgZGBgAGKuf5KP4vltvjLIMzGAwLV9ig0g+vruFFMQzdjACOJzMIClARh0CTJ42mNgZGBgPPD/AJD8wgAEjA0MjAyogAMAbOQEAQAAAAC7ABEAAAAAAKoAAAH0AAABgAAAAUAACAFAAAgAwAAXAAAAAAAAACoAKgAqADIAbACGAKAAugDSeNpjYGRgYOBkUGFgYgABEMkFhAwM/xn0QAIADdUBdAB42qWQvUoDQRSFv3GjaISUQaymSmGxJoGAsRC0iPYLsU50Y6IxrvlRtPCJJKUPIBb+PIHv4EN4djKuKAqCDHfmu+feOdwZoMCUAJNbAlYUMzaUlM14jjxbngOq7HnOia89z1Pk1vMCa9x7ztPkzfMyJbPj+ZGi6Xp+omxuPD+zaD7meaFg7mb8GrBqHmhwxoAxlm0uiRkpP9X5m26pKRoMxTGR1D49Dv/Yb/91o6l8qL6eu5n2hZQzn68utR9m3FU2cB4t9cdSLG2utI+44Eh/P9bqKO+oJ/WxmXssj77YkrjasZQD6SFddythk3Wtzrf+UF2p076Udla1VNzsERP3kkjVRKel7mp1udXYcHtZSlV7RfmJe1GiFWveluaeKD5/MuJcSk8Tpm/vvwPIbmJleNpjYGKAAFYG7ICTgYGRiZGZkYWRlZGNkZ2Rg5GTLT2nsiDDEEIZsZfmZRqZujmDaDcDAxcI7WIOpS2gtCWUdgQAZkcSmQAAAAFblbO6AAA=)
    format("woff");
}
.ui.dropdown > .dropdown.icon {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: Dropdown;
  font-style: normal;
  font-weight: 400;
  height: 1em;
  line-height: 1;
  text-align: center;
  width: 1.23em;
  width: auto;
}
.ui.dropdown > .dropdown.icon:before {
  content: "\f0d7";
}
.ui.dropdown .menu .item .dropdown.icon:before {
  content: "\f0d9";
}
.ui.dropdown .item .left.dropdown.icon:before,
.ui.dropdown .left.menu .item .dropdown.icon:before {
  content: "\f0da";
}
.ui.vertical.menu .dropdown.item > .dropdown.icon:before {
  content: "\f0d9";
}
.ui.dropdown > .clear.icon:before {
  content: "\f00d";
} /*!* # Semantic UI 2.4.2 - Accordion
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
**/
.ui.accordion,
.ui.accordion .accordion {
  max-width: 100%;
}
.ui.accordion .accordion {
  margin: 1em 0 0;
  padding: 0;
}
.ui.accordion .accordion .title,
.ui.accordion .title {
  cursor: pointer;
}
.ui.accordion .title:not(.ui) {
  color: rgba(0, 0, 0, 0.87);
  font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size: 1em;
  padding: 0.5em 0;
}
.ui.accordion .accordion .title ~ .content,
.ui.accordion .title ~ .content {
  display: none;
}
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui),
.ui.accordion:not(.styled) .title ~ .content:not(.ui) {
  margin: "";
  padding: 0.5em 0 1em;
}
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
  padding-bottom: 0;
}
.ui.accordion .accordion .title .dropdown.icon,
.ui.accordion .title .dropdown.icon {
  display: inline-block;
  float: none;
  font-size: 1em;
  height: 1em;
  margin: 0 0 0 0.25rem;
  opacity: 1;
  padding: 0;
  transform: none;
  transition: transform 0.1s ease, opacity 0.1s ease;
  vertical-align: baseline;
  width: 1.25em;
}
.ui.accordion.menu .item .title {
  display: block;
  padding: 0;
}
.ui.accordion.menu .item .title > .dropdown.icon {
  float: left;
  margin: 0.21425em 1em 0 0;
  transform: rotate(-180deg);
}
.ui.accordion .ui.header .dropdown.icon {
  font-size: 1em;
  margin: 0 0 0 0.25rem;
}
.ui.accordion .accordion .active.title .dropdown.icon,
.ui.accordion .active.title .dropdown.icon,
.ui.accordion.menu .item .active.title > .dropdown.icon {
  transform: rotate(-90deg);
}
.ui.styled.accordion {
  width: 600px;
}
.ui.styled.accordion,
.ui.styled.accordion .accordion {
  background: #fff;
  border-radius: 0.28571429rem;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15),
    0 0 0 1px rgba(34, 36, 38, 0.15);
}
.ui.styled.accordion .accordion .title,
.ui.styled.accordion .title {
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  color: rgba(0, 0, 0, 0.4);
  font-weight: 700;
  margin: 0;
  padding: 0.75em 1em;
  transition: background 0.1s ease, color 0.1s ease;
}
.ui.styled.accordion .accordion .title:first-child,
.ui.styled.accordion > .title:first-child {
  border-top: none;
}
.ui.styled.accordion .accordion .content,
.ui.styled.accordion .content {
  margin: 0;
  padding: 0.5em 1em 1.5em;
}
.ui.styled.accordion .accordion .content {
  padding: 0.5em 1em 1.5em;
}
.ui.styled.accordion .accordion .active.title,
.ui.styled.accordion .accordion .title:hover,
.ui.styled.accordion .active.title,
.ui.styled.accordion .title:hover {
  background: 0 0;
  color: rgba(0, 0, 0, 0.87);
}
.ui.styled.accordion .accordion .active.title,
.ui.styled.accordion .active.title {
  background: 0 0;
  color: rgba(0, 0, 0, 0.95);
}
.ui.accordion .accordion .active.content,
.ui.accordion .active.content {
  display: block;
}
.ui.fluid.accordion,
.ui.fluid.accordion .accordion {
  width: 100%;
}
.ui.inverted.accordion .title:not(.ui) {
  color: hsla(0, 0%, 100%, 0.9);
}
@font-face {
  font-family: Accordion;
  font-style: normal;
  font-weight: 400;
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)
      format("truetype"),
    url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)
      format("woff");
}
.ui.accordion .accordion .title .dropdown.icon,
.ui.accordion .title .dropdown.icon {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  font-family: Accordion;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-align: center;
}
.ui.accordion .accordion .title .dropdown.icon:before,
.ui.accordion .title .dropdown.icon:before {
  content: "\f0d9";
} /*!* # Semantic UI 2.4.2 - Checkbox
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
**/
.ui.checkbox {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: inline-block;
  font-size: 1rem;
  font-style: normal;
  line-height: 17px;
  min-height: 17px;
  min-width: 17px;
  outline: 0;
  position: relative;
  vertical-align: baseline;
}
.ui.checkbox input[type="checkbox"],
.ui.checkbox input[type="radio"] {
  cursor: pointer;
  height: 17px;
  opacity: 0 !important;
  outline: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 17px;
  z-index: 3;
}
.ui.checkbox .box,
.ui.checkbox label {
  cursor: auto;
  display: block;
  font-size: 1em;
  outline: 0;
  padding-right: 1.85714em;
  position: relative;
}
.ui.checkbox .box:before,
.ui.checkbox label:before {
  background: #fff;
  border: 1px solid #d4d4d5;
  border-radius: 0.21428571rem;
  content: "";
}
.ui.checkbox .box:after,
.ui.checkbox .box:before,
.ui.checkbox label:after,
.ui.checkbox label:before {
  height: 17px;
  position: absolute;
  right: 0;
  top: 0;
  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease,
    box-shadow 0.1s ease;
  width: 17px;
}
.ui.checkbox .box:after,
.ui.checkbox label:after {
  color: rgba(0, 0, 0, 0.87);
  font-size: 14px;
  opacity: 0;
  text-align: center;
}
.ui.checkbox label,
.ui.checkbox + label {
  color: rgba(0, 0, 0, 0.87);
  transition: color 0.1s ease;
}
.ui.checkbox + label {
  vertical-align: middle;
}
.ui.checkbox .box:hover:before,
.ui.checkbox label:hover:before {
  background: #fff;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox label:hover,
.ui.checkbox + label:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.checkbox .box:active:before,
.ui.checkbox label:active:before {
  background: #f9fafb;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox .box:active:after,
.ui.checkbox input:active ~ label,
.ui.checkbox label:active:after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:focus ~ .box:before,
.ui.checkbox input:focus ~ label:before {
  background: #fff;
  border-color: #96c8da;
}
.ui.checkbox input:focus ~ .box:after,
.ui.checkbox input:focus ~ label,
.ui.checkbox input:focus ~ label:after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.checkbox input:checked ~ .box:before,
.ui.checkbox input:checked ~ label:before {
  background: #fff;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  color: rgba(0, 0, 0, 0.95);
  opacity: 1;
}
.ui.checkbox input:not([type="radio"]):indeterminate ~ .box:before,
.ui.checkbox input:not([type="radio"]):indeterminate ~ label:before {
  background: #fff;
  border-color: rgba(34, 36, 38, 0.35);
}
.ui.checkbox input:not([type="radio"]):indeterminate ~ .box:after,
.ui.checkbox input:not([type="radio"]):indeterminate ~ label:after {
  color: rgba(0, 0, 0, 0.95);
  opacity: 1;
}
.ui.checkbox input:checked:focus ~ .box:before,
.ui.checkbox input:checked:focus ~ label:before,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:before,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:before {
  background: #fff;
  border-color: #96c8da;
}
.ui.checkbox input:checked:focus ~ .box:after,
.ui.checkbox input:checked:focus ~ label:after,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ .box:after,
.ui.checkbox input:not([type="radio"]):indeterminate:focus ~ label:after {
  color: rgba(0, 0, 0, 0.95);
}
.ui.read-only.checkbox,
.ui.read-only.checkbox label {
  cursor: default;
}
.ui.checkbox input[disabled] ~ .box:after,
.ui.checkbox input[disabled] ~ label,
.ui.disabled.checkbox .box:after,
.ui.disabled.checkbox label {
  color: #000;
  cursor: default !important;
  opacity: 0.5;
}
.ui.checkbox input.hidden {
  z-index: -1;
}
.ui.checkbox input.hidden + label {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.ui.radio.checkbox {
  min-height: 15px;
}
.ui.radio.checkbox .box,
.ui.radio.checkbox label {
  padding-right: 1.85714em;
}
.ui.radio.checkbox .box:before,
.ui.radio.checkbox label:before {
  border-radius: 500rem;
  content: "";
  height: 15px;
  right: 0;
  top: 1px;
  transform: none;
  width: 15px;
}
.ui.radio.checkbox .box:after,
.ui.radio.checkbox label:after {
  background-color: rgba(0, 0, 0, 0.87);
  border: none;
  border-radius: 500rem;
  content: "" !important;
  height: 15px;
  line-height: 15px;
  right: 0;
  top: 1px;
  transform: scale(0.46666667);
  width: 15px;
}
.ui.radio.checkbox input:focus ~ .box:before,
.ui.radio.checkbox input:focus ~ label:before {
  background-color: #fff;
}
.ui.radio.checkbox input:focus ~ .box:after,
.ui.radio.checkbox input:focus ~ label:after {
  background-color: rgba(0, 0, 0, 0.95);
}
.ui.radio.checkbox input:indeterminate ~ .box:after,
.ui.radio.checkbox input:indeterminate ~ label:after {
  opacity: 0;
}
.ui.radio.checkbox input:checked ~ .box:before,
.ui.radio.checkbox input:checked ~ label:before {
  background-color: #fff;
}
.ui.radio.checkbox input:checked ~ .box:after,
.ui.radio.checkbox input:checked ~ label:after {
  background-color: rgba(0, 0, 0, 0.95);
}
.ui.radio.checkbox input:focus:checked ~ .box:before,
.ui.radio.checkbox input:focus:checked ~ label:before {
  background-color: #fff;
}
.ui.radio.checkbox input:focus:checked ~ .box:after,
.ui.radio.checkbox input:focus:checked ~ label:after {
  background-color: rgba(0, 0, 0, 0.95);
}
.ui.slider.checkbox {
  min-height: 1.25rem;
}
.ui.slider.checkbox input {
  height: 1.25rem;
  width: 3.5rem;
}
.ui.slider.checkbox .box,
.ui.slider.checkbox label {
  color: rgba(0, 0, 0, 0.4);
  line-height: 1rem;
  padding-right: 4.5rem;
}
.ui.slider.checkbox .box:before,
.ui.slider.checkbox label:before {
  background-color: rgba(0, 0, 0, 0.05);
  border: none !important;
  border-radius: 500rem;
  content: "";
  display: block;
  height: 0.21428571rem;
  position: absolute;
  right: 0;
  top: 0.4rem;
  transform: none;
  transition: background 0.3s ease;
  width: 3.5rem;
  z-index: 1;
}
.ui.slider.checkbox .box:after,
.ui.slider.checkbox label:after {
  background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  border: none;
  border-radius: 500rem;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15),
    inset 0 0 0 1px rgba(34, 36, 38, 0.15);
  content: "" !important;
  height: 1.5rem;
  opacity: 1;
  position: absolute;
  right: 0;
  top: -0.25rem;
  transform: none;
  transition: right 0.3s ease;
  width: 1.5rem;
  z-index: 2;
}
.ui.slider.checkbox input:focus ~ .box:before,
.ui.slider.checkbox input:focus ~ label:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}
.ui.slider.checkbox .box:hover,
.ui.slider.checkbox label:hover {
  color: rgba(0, 0, 0, 0.8);
}
.ui.slider.checkbox .box:hover:before,
.ui.slider.checkbox label:hover:before {
  background: rgba(0, 0, 0, 0.15);
}
.ui.slider.checkbox input:checked ~ .box,
.ui.slider.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:checked ~ .box:before,
.ui.slider.checkbox input:checked ~ label:before {
  background-color: #545454 !important;
}
.ui.slider.checkbox input:checked ~ .box:after,
.ui.slider.checkbox input:checked ~ label:after {
  right: 2rem;
}
.ui.slider.checkbox input:focus:checked ~ .box,
.ui.slider.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.slider.checkbox input:focus:checked ~ .box:before,
.ui.slider.checkbox input:focus:checked ~ label:before {
  background-color: #000 !important;
}
.ui.toggle.checkbox {
  min-height: 1.5rem;
}
.ui.toggle.checkbox input {
  height: 1.5rem;
  width: 3.5rem;
}
.ui.toggle.checkbox .box,
.ui.toggle.checkbox label {
  color: rgba(0, 0, 0, 0.87);
  min-height: 1.5rem;
  padding-right: 4.5rem;
}
.ui.toggle.checkbox label {
  padding-top: 0.15em;
}
.ui.toggle.checkbox .box:before,
.ui.toggle.checkbox label:before {
  background: rgba(0, 0, 0, 0.05);
  border: none;
  border-radius: 500rem;
  box-shadow: none;
  content: "";
  display: block;
  height: 1.5rem;
  position: absolute;
  top: 0;
  transform: none;
  width: 3.5rem;
  z-index: 1;
}
.ui.toggle.checkbox .box:after,
.ui.toggle.checkbox label:after {
  background: #fff linear-gradient(transparent, rgba(0, 0, 0, 0.05));
  border: none;
  border-radius: 500rem;
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15),
    inset 0 0 0 1px rgba(34, 36, 38, 0.15);
  content: "" !important;
  height: 1.5rem;
  opacity: 1;
  position: absolute;
  right: 0;
  top: 0;
  transition: background 0.3s ease, right 0.3s ease;
  width: 1.5rem;
  z-index: 2;
}
.ui.toggle.checkbox input ~ .box:after,
.ui.toggle.checkbox input ~ label:after {
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15),
    inset 0 0 0 1px rgba(34, 36, 38, 0.15);
  right: -0.05rem;
}
.ui.toggle.checkbox .box:hover:before,
.ui.toggle.checkbox input:focus ~ .box:before,
.ui.toggle.checkbox input:focus ~ label:before,
.ui.toggle.checkbox label:hover:before {
  background-color: rgba(0, 0, 0, 0.15);
  border: none;
}
.ui.toggle.checkbox input:checked ~ .box,
.ui.toggle.checkbox input:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:checked ~ .box:before,
.ui.toggle.checkbox input:checked ~ label:before {
  background-color: #2185d0 !important;
}
.ui.toggle.checkbox input:checked ~ .box:after,
.ui.toggle.checkbox input:checked ~ label:after {
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15),
    inset 0 0 0 1px rgba(34, 36, 38, 0.15);
  right: 2.15rem;
}
.ui.toggle.checkbox input:focus:checked ~ .box,
.ui.toggle.checkbox input:focus:checked ~ label {
  color: rgba(0, 0, 0, 0.95) !important;
}
.ui.toggle.checkbox input:focus:checked ~ .box:before,
.ui.toggle.checkbox input:focus:checked ~ label:before {
  background-color: #0d71bb !important;
}
.ui.fitted.checkbox .box,
.ui.fitted.checkbox label {
  padding-right: 0 !important;
}
.ui.fitted.slider.checkbox,
.ui.fitted.toggle.checkbox {
  width: 3.5rem;
}
@font-face {
  font-family: Checkbox;
  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA)
    format("truetype");
}
.ui.checkbox .box:after,
.ui.checkbox label:after {
  font-family: Checkbox;
}
.ui.checkbox input:checked ~ .box:after,
.ui.checkbox input:checked ~ label:after {
  content: "\e800";
}
.ui.checkbox input:indeterminate ~ .box:after,
.ui.checkbox input:indeterminate ~ label:after {
  content: "\e801";
  font-size: 12px;
} /*!* # Semantic UI 2.4.2 - Dimmer
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
**/
.dimmable:not(body) {
  position: relative;
}
.ui.dimmer {
  align-items: center;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background-color: rgba(0, 0, 0, 0.85);
  display: none;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  line-height: 1;
  opacity: 0;
  padding: 1em;
  position: absolute;
  right: 0 !important;
  text-align: center;
  top: 0 !important;
  transition: background-color 0.5s linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  vertical-align: middle;
  width: 100%;
  will-change: opacity;
  z-index: 1000;
}
.ui.dimmer > .content {
  color: #fff;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.ui.segment > .ui.dimmer {
  border-radius: inherit !important;
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, 0.1);
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb {
  background: hsla(0, 0%, 100%, 0.25);
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive {
  background: hsla(0, 0%, 100%, 0.15);
}
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
  background: hsla(0, 0%, 100%, 0.35);
}
.animating.dimmable:not(body),
.dimmed.dimmable:not(body) {
  overflow: hidden;
}
.dimmed.dimmable > .ui.animating.dimmer,
.dimmed.dimmable > .ui.visible.dimmer,
.ui.active.dimmer {
  display: flex;
  opacity: 1;
}
.ui.disabled.dimmer {
  height: 0 !important;
  width: 0 !important;
}
.dimmed.dimmable > .ui.animating.legacy.dimmer,
.dimmed.dimmable > .ui.visible.legacy.dimmer,
.ui.active.legacy.dimmer {
  display: block;
}
.ui[class*="top aligned"].dimmer {
  justify-content: flex-start;
}
.ui[class*="bottom aligned"].dimmer {
  justify-content: flex-end;
}
.ui.page.dimmer {
  perspective: 2000px;
  position: fixed;
  transform-origin: center center;
  transform-style: "";
}
body.animating.in.dimmable,
body.dimmed.dimmable {
  overflow: hidden;
}
body.dimmable > .dimmer {
  position: fixed;
}
.blurring.dimmable > :not(.dimmer) {
  filter: blur(0) grayscale(0);
  transition: -webkit-filter 0.8s ease;
  transition: filter 0.8s ease;
  transition: filter 0.8s ease, -webkit-filter 0.8s ease;
}
.blurring.dimmed.dimmable > :not(.dimmer) {
  filter: blur(5px) grayscale(0.7);
}
.blurring.dimmable > .dimmer {
  background-color: rgba(0, 0, 0, 0.6);
}
.blurring.dimmable > .inverted.dimmer {
  background-color: hsla(0, 0%, 100%, 0.6);
}
.ui.dimmer > .top.aligned.content > * {
  vertical-align: top;
}
.ui.dimmer > .bottom.aligned.content > * {
  vertical-align: bottom;
}
.ui.inverted.dimmer {
  background-color: hsla(0, 0%, 100%, 0.85);
}
.ui.inverted.dimmer > .content > * {
  color: #fff;
}
.ui.simple.dimmer {
  background-color: transparent;
  display: block;
  height: 0;
  opacity: 1;
  overflow: hidden;
  width: 0;
  z-index: -100;
}
.dimmed.dimmable > .ui.simple.dimmer {
  background-color: rgba(0, 0, 0, 0.85);
  height: 100%;
  opacity: 1;
  overflow: visible;
  width: 100%;
  z-index: 1;
}
.ui.simple.inverted.dimmer {
  background-color: transparent;
}
.dimmed.dimmable > .ui.simple.inverted.dimmer {
  background-color: hsla(0, 0%, 100%, 0.85);
} /*!* # Semantic UI 2.4.2 - Modal
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
**/
.ui.modal {
  background: #fff;
  border: none;
  border-radius: 0.28571429rem;
  box-shadow: -1px 3px 3px 0 rgba(0, 0, 0, 0.2),
    -1px 3px 15px 2px rgba(0, 0, 0, 0.2);
  display: none;
  flex: 0 0 auto;
  position: absolute;
  text-align: right;
  transform-origin: 50% 25%;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
  will-change: top, left, margin, transform, opacity;
  z-index: 1001;
}
.ui.modal > .icon:first-child + *,
.ui.modal > :first-child:not(.icon) {
  border-top-left-radius: 0.28571429rem;
  border-top-right-radius: 0.28571429rem;
}
.ui.modal > :last-child {
  border-bottom-left-radius: 0.28571429rem;
  border-bottom-right-radius: 0.28571429rem;
}
.ui.modal > .close {
  color: #fff;
  cursor: pointer;
  font-size: 1.25em;
  height: 2.25rem;
  left: -2.5rem;
  opacity: 0.8;
  padding: 0.625rem 0 0;
  position: absolute;
  top: -2.5rem;
  width: 2.25rem;
  z-index: 1;
}
.ui.modal > .close:hover {
  opacity: 1;
}
.ui.modal > .header {
  background: #fff;
  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
  box-shadow: none;
  color: rgba(0, 0, 0, 0.85);
  display: block;
  font-family: Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 1.25rem 1.5rem;
}
.ui.modal > .header:not(.ui) {
  font-size: 1.42857143rem;
  font-weight: 700;
  line-height: 1.28571429em;
}
.ui.modal > .content {
  background: #fff;
  display: block;
  font-size: 1em;
  line-height: 1.4;
  padding: 1.5rem;
  width: 100%;
}
.ui.modal > .image.content {
  display: flex;
  flex-direction: row;
}
.ui.modal > .content > .image {
  align-self: top;
  display: block;
  flex: 0 1 auto;
  width: "";
}
.ui.modal > [class*="top aligned"] {
  align-self: top;
}
.ui.modal > [class*="middle aligned"] {
  align-self: middle;
}
.ui.modal > [class*="stretched"] {
  align-self: stretch;
}
.ui.modal > .content > .description {
  align-self: top;
  display: block;
  flex: 1 0 auto;
  min-width: 0;
}
.ui.modal > .content > .icon + .description,
.ui.modal > .content > .image + .description {
  flex: 0 1 auto;
  min-width: "";
  padding-right: 2em;
  width: auto;
}
.ui.modal > .content > .image > i.icon {
  font-size: 8rem;
  line-height: 1;
  margin: 0;
  opacity: 1;
  width: auto;
}
.ui.modal > .actions {
  background: #f9fafb;
  border-top: 1px solid rgba(34, 36, 38, 0.15);
  padding: 1rem;
  text-align: left;
}
.ui.modal .actions > .button {
  margin-right: 0.75em;
}
@media only screen and (max-width: 767px) {
  .ui.modal {
    margin: 0;
    width: 95%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.modal {
    margin: 0;
    width: 88%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.modal {
    margin: 0;
    width: 850px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.modal {
    margin: 0;
    width: 900px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.modal {
    margin: 0;
    width: 950px;
  }
}
@media only screen and (max-width: 991px) {
  .ui.modal > .header {
    padding-left: 2.25rem;
  }
  .ui.modal > .close {
    color: rgba(0, 0, 0, 0.87);
    left: 1rem;
    top: 1.0535rem;
  }
}
@media only screen and (max-width: 767px) {
  .ui.modal > .header {
    padding: 0.75rem 1rem 0.75rem 2.25rem !important;
  }
  .ui.modal > .content {
    display: block;
    padding: 1rem !important;
  }
  .ui.modal > .close {
    left: 0.5rem !important;
    top: 0.5rem !important;
  }
  .ui.modal .image.content {
    flex-direction: column;
  }
  .ui.modal .content > .image {
    display: block;
    margin: 0 auto !important;
    max-width: 100%;
    padding: 0 0 1rem !important;
    text-align: center;
  }
  .ui.modal > .content > .image > i.icon {
    font-size: 5rem;
    text-align: center;
  }
  .ui.modal .content > .description {
    box-shadow: none;
    display: block;
    margin: 0 !important;
    padding: 1rem 0 !important;
    width: 100% !important;
  }
  .ui.modal > .actions {
    padding: 1rem 1rem 0 !important;
  }
  .ui.modal .actions > .button,
  .ui.modal .actions > .buttons {
    margin-bottom: 1rem;
  }
}
.ui.inverted.dimmer > .ui.modal {
  box-shadow: -1px 3px 10px 2px rgba(0, 0, 0, 0.2);
}
.ui.basic.modal {
  border: none;
  border-radius: 0;
  box-shadow: none !important;
  color: #fff;
}
.ui.basic.modal,
.ui.basic.modal > .actions,
.ui.basic.modal > .content,
.ui.basic.modal > .header {
  background-color: transparent;
}
.ui.basic.modal > .header {
  color: #fff;
}
.ui.basic.modal > .close {
  left: 1.5rem;
  top: 1rem;
}
.ui.inverted.dimmer > .basic.modal {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.dimmer > .ui.basic.modal > .header {
  color: rgba(0, 0, 0, 0.85);
}
.ui.legacy.modal,
.ui.legacy.page.dimmer > .ui.modal {
  right: 50%;
  top: 50%;
}
.ui.legacy.page.dimmer > .ui.scrolling.modal,
.ui.page.dimmer > .ui.scrolling.legacy.modal,
.ui.top.aligned.dimmer > .ui.legacy.modal,
.ui.top.aligned.legacy.page.dimmer > .ui.modal {
  top: auto;
}
@media only screen and (max-width: 991px) {
  .ui.basic.modal > .close {
    color: #fff;
  }
}
.ui.loading.modal {
  display: block;
  visibility: hidden;
  z-index: -1;
}
.ui.active.modal {
  display: block;
}
.modals.dimmer[class*="top aligned"] .modal {
  margin: 5vh auto;
}
@media only screen and (max-width: 767px) {
  .modals.dimmer[class*="top aligned"] .modal {
    margin: 1rem auto;
  }
}
.legacy.modals.dimmer[class*="top aligned"] {
  padding-top: 5vh;
}
@media only screen and (max-width: 767px) {
  .legacy.modals.dimmer[class*="top aligned"] {
    padding-top: 1rem;
  }
}
.scrolling.dimmable.dimmed {
  overflow: hidden;
}
.scrolling.dimmable > .dimmer {
  justify-content: flex-start;
}
.scrolling.dimmable.dimmed > .dimmer {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.scrolling.dimmable > .dimmer {
  position: fixed;
}
.modals.dimmer .ui.scrolling.modal {
  margin: 1rem auto;
}
.scrolling.undetached.dimmable.dimmed {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.scrolling.undetached.dimmable.dimmed > .dimmer {
  overflow: hidden;
}
.scrolling.undetached.dimmable .ui.scrolling.modal {
  margin-top: 1rem !important;
  position: absolute;
  right: 50%;
}
.ui.modal .scrolling.content {
  max-height: calc(80vh - 10em);
  overflow: auto;
}
.ui.fullscreen.modal {
  margin: 1em auto;
  width: 95% !important;
}
.ui.fullscreen.modal > .header {
  padding-left: 2.25rem;
}
.ui.fullscreen.modal > .close {
  color: rgba(0, 0, 0, 0.87);
  left: 1rem;
  top: 1.0535rem;
}
.ui.modal {
  font-size: 1rem;
}
.ui.mini.modal > .header:not(.ui) {
  font-size: 1.3em;
}
@media only screen and (max-width: 767px) {
  .ui.mini.modal {
    margin: 0;
    width: 95%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.mini.modal {
    margin: 0;
    width: 35.2%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.mini.modal {
    margin: 0;
    width: 340px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.mini.modal {
    margin: 0;
    width: 360px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.mini.modal {
    margin: 0;
    width: 380px;
  }
}
@media only screen and (max-width: 767px) {
  .ui.tiny.modal {
    margin: 0;
    width: 95%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.tiny.modal {
    margin: 0;
    width: 52.8%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.tiny.modal {
    margin: 0;
    width: 510px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.tiny.modal {
    margin: 0;
    width: 540px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.tiny.modal {
    margin: 0;
    width: 570px;
  }
}
.ui.small.modal > .header:not(.ui) {
  font-size: 1.3em;
}
@media only screen and (max-width: 767px) {
  .ui.small.modal {
    margin: 0;
    width: 95%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.small.modal {
    margin: 0;
    width: 70.4%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.small.modal {
    margin: 0;
    width: 680px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.small.modal {
    margin: 0;
    width: 720px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.small.modal {
    margin: 0;
    width: 760px;
  }
}
.ui.large.modal > .header {
  font-size: 1.6em;
}
@media only screen and (max-width: 767px) {
  .ui.large.modal {
    margin: 0;
    width: 95%;
  }
}
@media only screen and (min-width: 768px) {
  .ui.large.modal {
    margin: 0;
    width: 88%;
  }
}
@media only screen and (min-width: 992px) {
  .ui.large.modal {
    margin: 0;
    width: 1020px;
  }
}
@media only screen and (min-width: 1200px) {
  .ui.large.modal {
    margin: 0;
    width: 1080px;
  }
}
@media only screen and (min-width: 1920px) {
  .ui.large.modal {
    margin: 0;
    width: 1140px;
  }
} /*!* # Semantic UI 2.4.2 - Loader
* http://github.com/semantic-org/semantic-ui/
*
*
* Released under the MIT license
* http://opensource.org/licenses/MIT
**/
.ui.loader {
  display: none;
  margin: 0;
  position: absolute;
  right: 50%;
  text-align: center;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
  z-index: 1000;
}
.ui.loader:before {
  border: 0.2em solid rgba(0, 0, 0, 0.1);
  border-radius: 500rem;
}
.ui.loader:after,
.ui.loader:before {
  content: "";
  height: 100%;
  position: absolute;
  right: 50%;
  top: 0;
  width: 100%;
}
.ui.loader:after {
  -webkit-animation: loader 0.6s linear;
  animation: loader 0.6s linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  border: 0.2em solid transparent;
  border-radius: 500rem;
  border-top-color: #767676;
  box-shadow: 0 0 0 1px transparent;
}
@-webkit-keyframes loader {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(-1turn);
  }
}
@keyframes loader {
  0% {
    transform: rotate(0);
  }
  to {
    transform: rotate(-1turn);
  }
}
.ui.mini.loader:after,
.ui.mini.loader:before {
  height: 1rem;
  margin: 0 -0.5rem 0 0;
  width: 1rem;
}
.ui.tiny.loader:after,
.ui.tiny.loader:before {
  height: 1.14285714rem;
  margin: 0 -0.57142857rem 0 0;
  width: 1.14285714rem;
}
.ui.small.loader:after,
.ui.small.loader:before {
  height: 1.71428571rem;
  margin: 0 -0.85714286rem 0 0;
  width: 1.71428571rem;
}
.ui.loader:after,
.ui.loader:before {
  height: 2.28571429rem;
  margin: 0 -1.14285714rem 0 0;
  width: 2.28571429rem;
}
.ui.large.loader:after,
.ui.large.loader:before {
  height: 3.42857143rem;
  margin: 0 -1.71428571rem 0 0;
  width: 3.42857143rem;
}
.ui.big.loader:after,
.ui.big.loader:before {
  height: 3.71428571rem;
  margin: 0 -1.85714286rem 0 0;
  width: 3.71428571rem;
}
.ui.huge.loader:after,
.ui.huge.loader:before {
  height: 4.14285714rem;
  margin: 0 -2.07142857rem 0 0;
  width: 4.14285714rem;
}
.ui.massive.loader:after,
.ui.massive.loader:before {
  height: 4.57142857rem;
  margin: 0 -2.28571429rem 0 0;
  width: 4.57142857rem;
}
.ui.dimmer .loader {
  display: block;
}
.ui.dimmer .ui.loader {
  color: hsla(0, 0%, 100%, 0.9);
}
.ui.dimmer .ui.loader:before {
  border-color: hsla(0, 0%, 100%, 0.15);
}
.ui.dimmer .ui.loader:after {
  border-color: #fff transparent transparent;
}
.ui.inverted.dimmer .ui.loader {
  color: rgba(0, 0, 0, 0.87);
}
.ui.inverted.dimmer .ui.loader:before {
  border-color: rgba(0, 0, 0, 0.1);
}
.ui.inverted.dimmer .ui.loader:after {
  border-color: #767676 transparent transparent;
}
.ui.text.loader {
  font-style: normal;
  height: auto !important;
  text-align: center;
  width: auto !important;
}
.ui.indeterminate.loader:after {
  animation-direction: reverse;
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
}
.ui.loader.active,
.ui.loader.visible {
  display: block;
}
.ui.loader.disabled,
.ui.loader.hidden {
  display: none;
}
.ui.inverted.dimmer .ui.mini.loader,
.ui.mini.loader {
  font-size: 0.78571429em;
  height: 1rem;
  width: 1rem;
}
.ui.inverted.dimmer .ui.tiny.loader,
.ui.tiny.loader {
  font-size: 0.85714286em;
  height: 1.14285714rem;
  width: 1.14285714rem;
}
.ui.inverted.dimmer .ui.small.loader,
.ui.small.loader {
  font-size: 0.92857143em;
  height: 1.71428571rem;
  width: 1.71428571rem;
}
.ui.inverted.dimmer .ui.loader,
.ui.loader {
  font-size: 1em;
  height: 2.28571429rem;
  width: 2.28571429rem;
}
.ui.inverted.dimmer .ui.large.loader,
.ui.large.loader {
  font-size: 1.14285714em;
  height: 3.42857143rem;
  width: 3.42857143rem;
}
.ui.big.loader,
.ui.inverted.dimmer .ui.big.loader {
  font-size: 1.28571429em;
  height: 3.71428571rem;
  width: 3.71428571rem;
}
.ui.huge.loader,
.ui.inverted.dimmer .ui.huge.loader {
  font-size: 1.42857143em;
  height: 4.14285714rem;
  width: 4.14285714rem;
}
.ui.inverted.dimmer .ui.massive.loader,
.ui.massive.loader {
  font-size: 1.71428571em;
  height: 4.57142857rem;
  width: 4.57142857rem;
}
.ui.mini.text.loader {
  min-width: 1rem;
  padding-top: 1.78571429rem;
}
.ui.tiny.text.loader {
  min-width: 1.14285714rem;
  padding-top: 1.92857143rem;
}
.ui.small.text.loader {
  min-width: 1.71428571rem;
  padding-top: 2.5rem;
}
.ui.text.loader {
  min-width: 2.28571429rem;
  padding-top: 3.07142857rem;
}
.ui.large.text.loader {
  min-width: 3.42857143rem;
  padding-top: 4.21428571rem;
}
.ui.big.text.loader {
  min-width: 3.71428571rem;
  padding-top: 4.5rem;
}
.ui.huge.text.loader {
  min-width: 4.14285714rem;
  padding-top: 4.92857143rem;
}
.ui.massive.text.loader {
  min-width: 4.57142857rem;
  padding-top: 5.35714286rem;
}
.ui.inverted.loader {
  color: hsla(0, 0%, 100%, 0.9);
}
.ui.inverted.loader:before {
  border-color: hsla(0, 0%, 100%, 0.15);
}
.ui.inverted.loader:after {
  border-top-color: #fff;
}
.ui.inline.loader {
  margin: 0;
  position: relative;
  right: 0;
  top: 0;
  transform: none;
  vertical-align: middle;
}
.ui.inline.loader.active,
.ui.inline.loader.visible {
  display: inline-block;
}
.ui.centered.inline.loader.active,
.ui.centered.inline.loader.visible {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
@font-face {
  font-family: DINN-Regular;
  font-style: normal;
  font-weight: 400;
  src: url(../DINNextLTArabic-Regular.eot);
  src: url(../DINNextLTArabic-Regular.eot#iefix) format("embedded-opentype"),
    url(../DINNextLTArabic-Regular.woff2) format("woff2"),
    url(../fonts/DINNextLTArabic-Regular.woff) format("woff"),
    url(../fonts/DINNextLTArabic-Regular.ttf) format("truetype");
}
@font-face {
  font-family: DINN-Medium;
  font-style: normal;
  font-weight: 500;
  src: url(../DINNextLTW23-Medium.eot);
  src: url(../DINNextLTW23-Medium.eot#iefix) format("embedded-opentype"),
    url(../DINNextLTW23-Medium.woff2) format("woff2"),
    url(../fonts/DINNextLTW23-Medium.woff) format("woff"),
    url(../fonts/DINNextLTW23-Medium.ttf) format("truetype");
}
@font-face {
  font-family: DINN-Bold;
  font-style: normal;
  font-weight: 700;
  src: url(../DINNextLTArabic-Bold.eot);
  src: url(../DINNextLTArabic-Bold.eot#iefix) format("embedded-opentype"),
    url(../DINNextLTArabic-Bold.woff2) format("woff2"),
    url(../fonts/DINNextLTArabic-Bold.woff) format("woff"),
    url(../fonts/DINNextLTArabic-Bold.ttf) format("truetype");
}
@font-face {
  font-family: sallaicons;
  font-style: normal;
  font-weight: 400;
  src: url(../sallaicons.eot);
  src: url(../sallaicons.eot#iefix) format("embedded-opentype"),
    url(../sallaicons.woff2) format("woff2"),
    url(../fonts/sallaicons.ttf) format("truetype"),
    url(../fonts/sallaicons.woff) format("woff"),
    url(../img/sallaicons.svg#sallaicons) format("svg");
}
[class*=" sicon-"],
[class^="sicon-"] {
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: sallaicons !important;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
}
.sicon-star2:before {
  content: "";
}
.sicon-star-o:before {
  content: "";
}
.sicon-paper-send:before {
  content: "";
}
.sicon-cart:before {
  content: "";
}
.sicon-trophy-2:before {
  content: "";
}
.sicon-three-square:before {
  content: "";
}
.sicon-cellphone-landscape:before {
  content: "";
}
.sicon-delivery-parcel:before {
  content: "";
}
.sicon-add-to-cart:before {
  content: "";
}
.sicon-android:before {
  content: "";
}
.sicon-apple:before {
  content: "";
}
.sicon-audio-wave:before {
  content: "";
}
.sicon-bank-building:before {
  content: "";
}
.sicon-calculator:before {
  content: "";
}
.sicon-cash-payment:before {
  content: "";
}
.sicon-debit-card-back:before {
  content: "";
}
.sicon-delivery-parcel2:before {
  content: "";
}
.sicon-discount-calculator:before {
  content: "";
}
.sicon-discount-coupon:before {
  content: "";
}
.sicon-dollar-cash:before {
  content: "";
}
.sicon-dollar-coin-stack:before {
  content: "";
}
.sicon-dollar-money:before {
  content: "";
}
.sicon-donation:before {
  content: "";
}
.sicon-facebook:before {
  content: "";
}
.sicon-free-sign:before {
  content: "";
}
.sicon-fresh-arrival:before {
  content: "";
}
.sicon-full-wallet:before {
  content: "";
}
.sicon-gift-card:before {
  content: "";
}
.sicon-gift-sharing:before {
  content: "";
}
.sicon-gold-badge:before {
  content: "";
}
.sicon-instagram:before {
  content: "";
}
.sicon-packed-box:before {
  content: "";
}
.sicon-paper-plane:before {
  content: "";
}
.sicon-paypal:before {
  content: "";
}
.sicon-polo-shirt:before {
  content: "";
}
.sicon-round-neck-t-shirt:before {
  content: "";
}
.sicon-sales-presentation:before {
  content: "";
}
.sicon-secure-credit-card-2:before {
  content: "";
}
.sicon-sending-email:before {
  content: "";
}
.sicon-shirt:before {
  content: "";
}
.sicon-snapchat:before {
  content: "";
}
.sicon-store:before {
  content: "";
}
.sicon-trophy:before {
  content: "";
}
.sicon-twitter:before {
  content: "";
}
.sicon-whatsapp:before {
  content: "";
}
.sicon-youtube:before {
  content: "";
}
.sicon-cart2:before {
  content: "";
}
.sicon-bed-single:before {
  content: "";
}
.sicon-fire:before {
  content: "";
}
.sicon-fork-knife:before {
  content: "";
}
.sicon-rocket:before {
  content: "";
}
.sicon-room-card:before {
  content: "";
}
.sicon-add-circle:before {
  content: "";
}
.sicon-add-square:before {
  content: "";
}
.sicon-add:before {
  content: "";
}
.sicon-activity:before {
  content: "";
}
.sicon-address-book:before {
  content: "";
}
.sicon-airplane-mode-off:before {
  content: "";
}
.sicon-airplane-mode:before {
  content: "";
}
.sicon-airplane:before {
  content: "";
}
.sicon-airplay-audio:before {
  content: "";
}
.sicon-airplay-screen:before {
  content: "";
}
.sicon-alarm-add:before {
  content: "";
}
.sicon-alarm-cancel:before {
  content: "";
}
.sicon-alarm-check:before {
  content: "";
}
.sicon-alarm-snooze:before {
  content: "";
}
.sicon-alarm:before {
  content: "";
}
.sicon-album-audio:before {
  content: "";
}
.sicon-album-music:before {
  content: "";
}
.sicon-album-photo:before {
  content: "";
}
.sicon-album-portrait:before {
  content: "";
}
.sicon-album-time:before {
  content: "";
}
.sicon-alert-engine:before {
  content: "";
}
.sicon-alert:before {
  content: "";
}
.sicon-align-center:before {
  content: "";
}
.sicon-align-justify:before {
  content: "";
}
.sicon-align-left:before {
  content: "";
}
.sicon-align-right:before {
  content: "";
}
.sicon-ambulance:before {
  content: "";
}
.sicon-anchor:before {
  content: "";
}
.sicon-android-phone:before {
  content: "";
}
.sicon-android-tablet:before {
  content: "";
}
.sicon-archive-download:before {
  content: "";
}
.sicon-archive-upload:before {
  content: "";
}
.sicon-archive:before {
  content: "";
}
.sicon-arrow-diverge:before {
  content: "";
}
.sicon-arrow-down-left:before {
  content: "";
}
.sicon-arrow-down-right:before {
  content: "";
}
.sicon-arrow-down:before {
  content: "";
}
.sicon-arrow-expand:before {
  content: "";
}
.sicon-arrow-left:before {
  content: "";
}
.sicon-arrow-merge:before {
  content: "";
}
.sicon-arrow-right:before {
  content: "";
}
.sicon-arrow-shrink:before {
  content: "";
}
.sicon-arrow-swap:before {
  content: "";
}
.sicon-arrow-up-left:before {
  content: "";
}
.sicon-arrow-up-right:before {
  content: "";
}
.sicon-arrow-up:before {
  content: "";
}
.sicon-art-palette:before {
  content: "";
}
.sicon-at:before {
  content: "";
}
.sicon-atm:before {
  content: "";
}
.sicon-award-academy:before {
  content: "";
}
.sicon-award-ribbon:before {
  content: "";
}
.sicon-back:before {
  content: "";
}
.sicon-badge-alt:before {
  content: "";
}
.sicon-badge-ID:before {
  content: "";
}
.sicon-badge:before {
  content: "";
}
.sicon-bag-bitcoin:before {
  content: "";
}
.sicon-bag-dollar:before {
  content: "";
}
.sicon-bag-money:before {
  content: "";
}
.sicon-bank:before {
  content: "";
}
.sicon-banknote-bitcoin:before {
  content: "";
}
.sicon-banknote-dollar:before {
  content: "";
}
.sicon-banknote-off:before {
  content: "";
}
.sicon-banknote:before {
  content: "";
}
.sicon-barcode-scan:before {
  content: "";
}
.sicon-barcode:before {
  content: "";
}
.sicon-basket:before {
  content: "";
}
.sicon-battery-alert:before {
  content: "";
}
.sicon-battery-charge:before {
  content: "";
}
.sicon-battery-empty:before {
  content: "";
}
.sicon-battery-full:before {
  content: "";
}
.sicon-battery-low:before {
  content: "";
}
.sicon-battery-off:before {
  content: "";
}
.sicon-beard:before {
  content: "";
}
.sicon-bell-add:before {
  content: "";
}
.sicon-bell-off:before {
  content: "";
}
.sicon-bell-ring:before {
  content: "";
}
.sicon-bell-snooze:before {
  content: "";
}
.sicon-bell-time:before {
  content: "";
}
.sicon-bell:before {
  content: "";
}
.sicon-bells:before {
  content: "";
}
.sicon-binary:before {
  content: "";
}
.sicon-binoculars:before {
  content: "";
}
.sicon-birdhouse:before {
  content: "";
}
.sicon-bitcoin:before {
  content: "";
}
.sicon-block:before {
  content: "";
}
.sicon-bluetooth:before {
  content: "";
}
.sicon-boat:before {
  content: "";
}
.sicon-book-open:before {
  content: "";
}
.sicon-book-person:before {
  content: "";
}
.sicon-book:before {
  content: "";
}
.sicon-bookmark-add:before {
  content: "";
}
.sicon-bookmark:before {
  content: "";
}
.sicon-books-alt:before {
  content: "";
}
.sicon-books-pencil:before {
  content: "";
}
.sicon-books:before {
  content: "";
}
.sicon-border-all:before {
  content: "";
}
.sicon-box-bankers:before {
  content: "";
}
.sicon-box:before {
  content: "";
}
.sicon-braille-hand:before {
  content: "";
}
.sicon-braille:before {
  content: "";
}
.sicon-brain:before {
  content: "";
}
.sicon-branch:before {
  content: "";
}
.sicon-briefcase-health:before {
  content: "";
}
.sicon-briefcase-metal:before {
  content: "";
}
.sicon-briefcase:before {
  content: "";
}
.sicon-brightness-low:before {
  content: "";
}
.sicon-browser-alt:before {
  content: "";
}
.sicon-browser-code-alt:before {
  content: "";
}
.sicon-browser-code:before {
  content: "";
}
.sicon-brush:before {
  content: "";
}
.sicon-bucket-drip:before {
  content: "";
}
.sicon-bullhorn:before {
  content: "";
}
.sicon-bus-alt:before {
  content: "";
}
.sicon-bus:before {
  content: "";
}
.sicon-cake:before {
  content: "";
}
.sicon-calculator2:before {
  content: "";
}
.sicon-calendar-15:before {
  content: "";
}
.sicon-calendar-add:before {
  content: "";
}
.sicon-calendar-alt:before {
  content: "";
}
.sicon-calendar-cancel:before {
  content: "";
}
.sicon-calendar-check:before {
  content: "";
}
.sicon-calendar-date:before {
  content: "";
}
.sicon-calendar-dates:before {
  content: "";
}
.sicon-calendar-download:before {
  content: "";
}
.sicon-calendar-favorite:before {
  content: "";
}
.sicon-calendar-heart:before {
  content: "";
}
.sicon-calendar-next:before {
  content: "";
}
.sicon-calendar-previous:before {
  content: "";
}
.sicon-calendar-snooze:before {
  content: "";
}
.sicon-calendar-time:before {
  content: "";
}
.sicon-calendar-upload:before {
  content: "";
}
.sicon-calendar-user:before {
  content: "";
}
.sicon-calendar:before {
  content: "";
}
.sicon-camcorder:before {
  content: "";
}
.sicon-camera-add:before {
  content: "";
}
.sicon-camera-movie:before {
  content: "";
}
.sicon-camera-off:before {
  content: "";
}
.sicon-camera:before {
  content: "";
}
.sicon-cancel-circle:before {
  content: "";
}
.sicon-cancel-square:before {
  content: "";
}
.sicon-cancel:before {
  content: "";
}
.sicon-capitol-building:before {
  content: "";
}
.sicon-car-alt-off:before {
  content: "";
}
.sicon-car-alt:before {
  content: "";
}
.sicon-car-key:before {
  content: "";
}
.sicon-caret-down-circle:before {
  content: "";
}
.sicon-caret-down-double:before {
  content: "";
}
.sicon-caret-down:before {
  content: "";
}
.sicon-caret-left-circle:before {
  content: "";
}
.sicon-caret-left-double:before {
  content: "";
}
.sicon-caret-left:before {
  content: "";
}
.sicon-caret-right-circle:before {
  content: "";
}
.sicon-caret-right-double:before {
  content: "";
}
.sicon-caret-right:before {
  content: "";
}
.sicon-caret-up-circle:before {
  content: "";
}
.sicon-caret-up-double:before {
  content: "";
}
.sicon-caret-up:before {
  content: "";
}
.sicon-carousel:before {
  content: "";
}
.sicon-cart-add:before {
  content: "";
}
.sicon-cart-cancel:before {
  content: "";
}
.sicon-cart-download:before {
  content: "";
}
.sicon-cart-minus:before {
  content: "";
}
.sicon-cart-upload:before {
  content: "";
}
.sicon-cart22:before {
  content: "";
}
.sicon-cctv-camera:before {
  content: "";
}
.sicon-cell-signal:before {
  content: "";
}
.sicon-center:before {
  content: "";
}
.sicon-chart-bar:before {
  content: "";
}
.sicon-chart-pie:before {
  content: "";
}
.sicon-chat-alert-alt:before {
  content: "";
}
.sicon-chat-alert:before {
  content: "";
}
.sicon-chat-alt:before {
  content: "";
}
.sicon-chat-bubbles-alt:before {
  content: "";
}
.sicon-chat-bubbles:before {
  content: "";
}
.sicon-chat-conversation-alt:before {
  content: "";
}
.sicon-chat-conversation:before {
  content: "";
}
.sicon-chat-message-alt:before {
  content: "";
}
.sicon-chat-message:before {
  content: "";
}
.sicon-chat-person-alt:before {
  content: "";
}
.sicon-chat-person:before {
  content: "";
}
.sicon-chat:before {
  content: "";
}
.sicon-check-circle:before {
  content: "";
}
.sicon-check-square:before {
  content: "";
}
.sicon-check:before {
  content: "";
}
.sicon-checkbox-active:before {
  content: "";
}
.sicon-checkbox:before {
  content: "";
}
.sicon-chip:before {
  content: "";
}
.sicon-chromecast:before {
  content: "";
}
.sicon-city:before {
  content: "";
}
.sicon-clapboard:before {
  content: "";
}
.sicon-clipboard-person:before {
  content: "";
}
.sicon-clock:before {
  content: "";
}
.sicon-closed-captioning:before {
  content: "";
}
.sicon-clothes-tag:before {
  content: "";
}
.sicon-cloud-add:before {
  content: "";
}
.sicon-cloud-audio:before {
  content: "";
}
.sicon-cloud-cancel:before {
  content: "";
}
.sicon-cloud-check:before {
  content: "";
}
.sicon-cloud-day:before {
  content: "";
}
.sicon-cloud-download:before {
  content: "";
}
.sicon-cloud-heart:before {
  content: "";
}
.sicon-cloud-minus:before {
  content: "";
}
.sicon-cloud-music:before {
  content: "";
}
.sicon-cloud-night:before {
  content: "";
}
.sicon-cloud-off:before {
  content: "";
}
.sicon-cloud-upload:before {
  content: "";
}
.sicon-cloud:before {
  content: "";
}
.sicon-cloudy:before {
  content: "";
}
.sicon-coffee-takeout:before {
  content: "";
}
.sicon-coffee-togo:before {
  content: "";
}
.sicon-coin-bitcoin:before {
  content: "";
}
.sicon-coin-dollar:before {
  content: "";
}
.sicon-command:before {
  content: "";
}
.sicon-compare:before {
  content: "";
}
.sicon-compass-direction:before {
  content: "";
}
.sicon-computer:before {
  content: "";
}
.sicon-contact-book:before {
  content: "";
}
.sicon-contact-card:before {
  content: "";
}
.sicon-content:before {
  content: "";
}
.sicon-cool:before {
  content: "";
}
.sicon-cord-alt:before {
  content: "";
}
.sicon-crdit-card-alt:before {
  content: "";
}
.sicon-credit-card:before {
  content: "";
}
.sicon-crop:before {
  content: "";
}
.sicon-crown:before {
  content: "";
}
.sicon-cup-hot:before {
  content: "";
}
.sicon-cut:before {
  content: "";
}
.sicon-dashboard-high:before {
  content: "";
}
.sicon-dashboard-low:before {
  content: "";
}
.sicon-dashboard:before {
  content: "";
}
.sicon-database-add:before {
  content: "";
}
.sicon-database-cancel:before {
  content: "";
}
.sicon-database-lock:before {
  content: "";
}
.sicon-database-minus:before {
  content: "";
}
.sicon-database:before {
  content: "";
}
.sicon-dead-mask:before {
  content: "";
}
.sicon-delete:before {
  content: "";
}
.sicon-device-image:before {
  content: "";
}
.sicon-device-portrait:before {
  content: "";
}
.sicon-devices:before {
  content: "";
}
.sicon-directional-pad:before {
  content: "";
}
.sicon-do-not-enter:before {
  content: "";
}
.sicon-doh:before {
  content: "";
}
.sicon-dolley:before {
  content: "";
}
.sicon-double-tap:before {
  content: "";
}
.sicon-double-zero-square:before {
  content: "";
}
.sicon-double-zero:before {
  content: "";
}
.sicon-download-harddrive:before {
  content: "";
}
.sicon-download:before {
  content: "";
}
.sicon-dress-long-sleeve:before {
  content: "";
}
.sicon-ear-off:before {
  content: "";
}
.sicon-ear:before {
  content: "";
}
.sicon-earth:before {
  content: "";
}
.sicon-easel-landscape:before {
  content: "";
}
.sicon-easel-portrait:before {
  content: "";
}
.sicon-edit:before {
  content: "";
}
.sicon-eject:before {
  content: "";
}
.sicon-ellipsis-vertical:before {
  content: "";
}
.sicon-ellipsis:before {
  content: "";
}
.sicon-empire-state-building:before {
  content: "";
}
.sicon-energy-circle:before {
  content: "";
}
.sicon-energy-square:before {
  content: "";
}
.sicon-envelope:before {
  content: "";
}
.sicon-ER-square:before {
  content: "";
}
.sicon-expand:before {
  content: "";
}
.sicon-expert:before {
  content: "";
}
.sicon-explode:before {
  content: "";
}
.sicon-exposure-alt:before {
  content: "";
}
.sicon-eye-dropper:before {
  content: "";
}
.sicon-eye-off:before {
  content: "";
}
.sicon-eye:before {
  content: "";
}
.sicon-fabric-swatch:before {
  content: "";
}
.sicon-face-id:before {
  content: "";
}
.sicon-fast-forward:before {
  content: "";
}
.sicon-favorite-off:before {
  content: "";
}
.sicon-favorite:before {
  content: "";
}
.sicon-fax-machine:before {
  content: "";
}
.sicon-feather-pen:before {
  content: "";
}
.sicon-female:before {
  content: "";
}
.sicon-file-archive:before {
  content: "";
}
.sicon-file-badge:before {
  content: "";
}
.sicon-file-bitcoin:before {
  content: "";
}
.sicon-file-cabinet:before {
  content: "";
}
.sicon-file-dollar:before {
  content: "";
}
.sicon-file-download:before {
  content: "";
}
.sicon-file-medicine:before {
  content: "";
}
.sicon-file-off:before {
  content: "";
}
.sicon-file-partial:before {
  content: "";
}
.sicon-file-upload:before {
  content: "";
}
.sicon-film-reel:before {
  content: "";
}
.sicon-film-strip:before {
  content: "";
}
.sicon-film:before {
  content: "";
}
.sicon-filter:before {
  content: "";
}
.sicon-fingerprint:before {
  content: "";
}
.sicon-fit:before {
  content: "";
}
.sicon-fitness-watch:before {
  content: "";
}
.sicon-flag-wave:before {
  content: "";
}
.sicon-flag:before {
  content: "";
}
.sicon-flash:before {
  content: "";
}
.sicon-floppy-disk:before {
  content: "";
}
.sicon-flower-setting:before {
  content: "";
}
.sicon-flower-stem:before {
  content: "";
}
.sicon-folder-add:before {
  content: "";
}
.sicon-folder-audio:before {
  content: "";
}
.sicon-folder-cancel:before {
  content: "";
}
.sicon-folder-check:before {
  content: "";
}
.sicon-folder-cloud:before {
  content: "";
}
.sicon-folder-code:before {
  content: "";
}
.sicon-folder-download:before {
  content: "";
}
.sicon-folder-health:before {
  content: "";
}
.sicon-folder-image:before {
  content: "";
}
.sicon-folder-music:before {
  content: "";
}
.sicon-folder-open:before {
  content: "";
}
.sicon-folder-upload:before {
  content: "";
}
.sicon-folder-user:before {
  content: "";
}
.sicon-folder:before {
  content: "";
}
.sicon-folders-image:before {
  content: "";
}
.sicon-folders:before {
  content: "";
}
.sicon-forked:before {
  content: "";
}
.sicon-format-bold:before {
  content: "";
}
.sicon-format-border-color:before {
  content: "";
}
.sicon-format-fill:before {
  content: "";
}
.sicon-format-italic:before {
  content: "";
}
.sicon-format-shapes:before {
  content: "";
}
.sicon-format-size:before {
  content: "";
}
.sicon-format-strikethrough-alt:before {
  content: "";
}
.sicon-format-strikethrough:before {
  content: "";
}
.sicon-format-text-alt:before {
  content: "";
}
.sicon-format-text-color:before {
  content: "";
}
.sicon-format-text:before {
  content: "";
}
.sicon-format-underline:before {
  content: "";
}
.sicon-forward:before {
  content: "";
}
.sicon-frame-image:before {
  content: "";
}
.sicon-frame-portrait:before {
  content: "";
}
.sicon-frown:before {
  content: "";
}
.sicon-game-controller-alt:before {
  content: "";
}
.sicon-gameboard:before {
  content: "";
}
.sicon-gameboy:before {
  content: "";
}
.sicon-gavel:before {
  content: "";
}
.sicon-ghost:before {
  content: "";
}
.sicon-gift:before {
  content: "";
}
.sicon-gifts:before {
  content: "";
}
.sicon-graduation-cap:before {
  content: "";
}
.sicon-graph-bar:before {
  content: "";
}
.sicon-graph-line:before {
  content: "";
}
.sicon-grid:before {
  content: "";
}
.sicon-grocery-bag:before {
  content: "";
}
.sicon-group-add:before {
  content: "";
}
.sicon-group-four:before {
  content: "";
}
.sicon-group:before {
  content: "";
}
.sicon-hammer-screwdriver:before {
  content: "";
}
.sicon-hand:before {
  content: "";
}
.sicon-happy:before {
  content: "";
}
.sicon-harddrive:before {
  content: "";
}
.sicon-hashtag:before {
  content: "";
}
.sicon-HD-square:before {
  content: "";
}
.sicon-HD:before {
  content: "";
}
.sicon-headphones:before {
  content: "";
}
.sicon-headset:before {
  content: "";
}
.sicon-health-cross:before {
  content: "";
}
.sicon-heart-arrow:before {
  content: "";
}
.sicon-heart-check:before {
  content: "";
}
.sicon-heart-money:before {
  content: "";
}
.sicon-heart-off:before {
  content: "";
}
.sicon-heart-rate:before {
  content: "";
}
.sicon-heart:before {
  content: "";
}
.sicon-hearts:before {
  content: "";
}
.sicon-help:before {
  content: "";
}
.sicon-hierarchy:before {
  content: "";
}
.sicon-hiking-pack:before {
  content: "";
}
.sicon-hiking:before {
  content: "";
}
.sicon-hipster:before {
  content: "";
}
.sicon-history:before {
  content: "";
}
.sicon-hitchikers-guide:before {
  content: "";
}
.sicon-hobby-knife:before {
  content: "";
}
.sicon-home-heart:before {
  content: "";
}
.sicon-home-water:before {
  content: "";
}
.sicon-home:before {
  content: "";
}
.sicon-house-door:before {
  content: "";
}
.sicon-house:before {
  content: "";
}
.sicon-image-carousel:before {
  content: "";
}
.sicon-image-chat:before {
  content: "";
}
.sicon-image-search:before {
  content: "";
}
.sicon-image:before {
  content: "";
}
.sicon-images:before {
  content: "";
}
.sicon-inbox-add:before {
  content: "";
}
.sicon-inbox-download:before {
  content: "";
}
.sicon-inbox-full:before {
  content: "";
}
.sicon-inbox-multi:before {
  content: "";
}
.sicon-inbox-music:before {
  content: "";
}
.sicon-inbox-upload:before {
  content: "";
}
.sicon-inbox:before {
  content: "";
}
.sicon-indent-decrease:before {
  content: "";
}
.sicon-indent:before {
  content: "";
}
.sicon-info:before {
  content: "";
}
.sicon-information:before {
  content: "";
}
.sicon-ipad:before {
  content: "";
}
.sicon-iphone-x:before {
  content: "";
}
.sicon-iphone:before {
  content: "";
}
.sicon-ipod:before {
  content: "";
}
.sicon-journal-pencil:before {
  content: "";
}
.sicon-journal:before {
  content: "";
}
.sicon-key:before {
  content: "";
}
.sicon-keyboard-down:before {
  content: "";
}
.sicon-keyboard-up:before {
  content: "";
}
.sicon-keyboard:before {
  content: "";
}
.sicon-keyhole-alt:before {
  content: "";
}
.sicon-keyhole:before {
  content: "";
}
.sicon-keypad:before {
  content: "";
}
.sicon-laptop:before {
  content: "";
}
.sicon-layout-grid-rearrange:before {
  content: "";
}
.sicon-layout-grid:before {
  content: "";
}
.sicon-leaf-angle:before {
  content: "";
}
.sicon-left:before {
  content: "";
}
.sicon-lego:before {
  content: "";
}
.sicon-library:before {
  content: "";
}
.sicon-life-ring:before {
  content: "";
}
.sicon-lightbulb:before {
  content: "";
}
.sicon-lightning:before {
  content: "";
}
.sicon-link:before {
  content: "";
}
.sicon-list-add:before {
  content: "";
}
.sicon-list-check:before {
  content: "";
}
.sicon-list-numbered:before {
  content: "";
}
.sicon-list-play:before {
  content: "";
}
.sicon-list-reorder:before {
  content: "";
}
.sicon-list:before {
  content: "";
}
.sicon-location-add:before {
  content: "";
}
.sicon-location-cancel:before {
  content: "";
}
.sicon-location-off:before {
  content: "";
}
.sicon-location-target:before {
  content: "";
}
.sicon-location:before {
  content: "";
}
.sicon-lock-off:before {
  content: "";
}
.sicon-lock:before {
  content: "";
}
.sicon-loupe-zoom:before {
  content: "";
}
.sicon-loupe:before {
  content: "";
}
.sicon-love-letter:before {
  content: "";
}
.sicon-luggage-cart:before {
  content: "";
}
.sicon-macro:before {
  content: "";
}
.sicon-magazine:before {
  content: "";
}
.sicon-magic-wand:before {
  content: "";
}
.sicon-magnet:before {
  content: "";
}
.sicon-mail-add-alt:before {
  content: "";
}
.sicon-mail-add:before {
  content: "";
}
.sicon-mail-cascade:before {
  content: "";
}
.sicon-mail-download:before {
  content: "";
}
.sicon-mail-letter:before {
  content: "";
}
.sicon-mail-multi:before {
  content: "";
}
.sicon-mail-open:before {
  content: "";
}
.sicon-mail-search:before {
  content: "";
}
.sicon-mail-time:before {
  content: "";
}
.sicon-mail-upload:before {
  content: "";
}
.sicon-mail:before {
  content: "";
}
.sicon-mailbox:before {
  content: "";
}
.sicon-male:before {
  content: "";
}
.sicon-man-fancy:before {
  content: "";
}
.sicon-map-grid:before {
  content: "";
}
.sicon-map-location:before {
  content: "";
}
.sicon-map-search:before {
  content: "";
}
.sicon-map:before {
  content: "";
}
.sicon-medal:before {
  content: "";
}
.sicon-media-player:before {
  content: "";
}
.sicon-megaphone:before {
  content: "";
}
.sicon-meh:before {
  content: "";
}
.sicon-memo-money:before {
  content: "";
}
.sicon-memo:before {
  content: "";
}
.sicon-menu-vertical:before {
  content: "";
}
.sicon-menu:before {
  content: "";
}
.sicon-mic-alt:before {
  content: "";
}
.sicon-mic-stand:before {
  content: "";
}
.sicon-mic:before {
  content: "";
}
.sicon-minimize:before {
  content: "";
}
.sicon-minus-circle:before {
  content: "";
}
.sicon-minus-square:before {
  content: "";
}
.sicon-minus:before {
  content: "";
}
.sicon-money-card:before {
  content: "";
}
.sicon-money-chat:before {
  content: "";
}
.sicon-money-circle:before {
  content: "";
}
.sicon-money-home:before {
  content: "";
}
.sicon-moon:before {
  content: "";
}
.sicon-mouse-buttons:before {
  content: "";
}
.sicon-mug-heart:before {
  content: "";
}
.sicon-music-cascade:before {
  content: "";
}
.sicon-music:before {
  content: "";
}
.sicon-navigation-circle:before {
  content: "";
}
.sicon-navigation:before {
  content: "";
}
.sicon-near-me-circle:before {
  content: "";
}
.sicon-near-me:before {
  content: "";
}
.sicon-neck-tie:before {
  content: "";
}
.sicon-newspaper-alt:before {
  content: "";
}
.sicon-newspaper:before {
  content: "";
}
.sicon-notification:before {
  content: "";
}
.sicon-office:before {
  content: "";
}
.sicon-padlock-unlock:before {
  content: "";
}
.sicon-padlock:before {
  content: "";
}
.sicon-page-add:before {
  content: "";
}
.sicon-page-alt:before {
  content: "";
}
.sicon-page-cancel:before {
  content: "";
}
.sicon-page-check:before {
  content: "";
}
.sicon-page-content:before {
  content: "";
}
.sicon-page-minus:before {
  content: "";
}
.sicon-page-search-alt:before {
  content: "";
}
.sicon-page-search:before {
  content: "";
}
.sicon-page:before {
  content: "";
}
.sicon-pages-insert:before {
  content: "";
}
.sicon-pages:before {
  content: "";
}
.sicon-paper-airplane:before {
  content: "";
}
.sicon-paperclip:before {
  content: "";
}
.sicon-parking:before {
  content: "";
}
.sicon-partly-cloudy:before {
  content: "";
}
.sicon-party-bell:before {
  content: "";
}
.sicon-party-horn:before {
  content: "";
}
.sicon-passport:before {
  content: "";
}
.sicon-pause-circle:before {
  content: "";
}
.sicon-pause:before {
  content: "";
}
.sicon-pen-nib:before {
  content: "";
}
.sicon-pen:before {
  content: "";
}
.sicon-pencil-off:before {
  content: "";
}
.sicon-pencil-paintbrush:before {
  content: "";
}
.sicon-pencil-ruler:before {
  content: "";
}
.sicon-pencil:before {
  content: "";
}
.sicon-percentage-chat:before {
  content: "";
}
.sicon-percentage:before {
  content: "";
}
.sicon-person-bowtie-suspenders:before {
  content: "";
}
.sicon-phone-pencil:before {
  content: "";
}
.sicon-phone-rotary:before {
  content: "";
}
.sicon-phone-talking:before {
  content: "";
}
.sicon-phone:before {
  content: "";
}
.sicon-photo-flower:before {
  content: "";
}
.sicon-photo-library:before {
  content: "";
}
.sicon-photo-portrait:before {
  content: "";
}
.sicon-photo-search:before {
  content: "";
}
.sicon-photo:before {
  content: "";
}
.sicon-photos:before {
  content: "";
}
.sicon-pin:before {
  content: "";
}
.sicon-plane-arrival:before {
  content: "";
}
.sicon-plane-departure:before {
  content: "";
}
.sicon-play-circle:before {
  content: "";
}
.sicon-play-library:before {
  content: "";
}
.sicon-play:before {
  content: "";
}
.sicon-playlist:before {
  content: "";
}
.sicon-plug-electric:before {
  content: "";
}
.sicon-plug-sun:before {
  content: "";
}
.sicon-plug:before {
  content: "";
}
.sicon-podcast:before {
  content: "";
}
.sicon-point-down:before {
  content: "";
}
.sicon-point-left:before {
  content: "";
}
.sicon-point-right:before {
  content: "";
}
.sicon-point-up:before {
  content: "";
}
.sicon-poll:before {
  content: "";
}
.sicon-portfolio:before {
  content: "";
}
.sicon-portrait-carousel:before {
  content: "";
}
.sicon-portrait-library:before {
  content: "";
}
.sicon-portrait:before {
  content: "";
}
.sicon-portraits:before {
  content: "";
}
.sicon-power-circle:before {
  content: "";
}
.sicon-power:before {
  content: "";
}
.sicon-prescription-bottle:before {
  content: "";
}
.sicon-presentation-alt:before {
  content: "";
}
.sicon-printer:before {
  content: "";
}
.sicon-puzzle:before {
  content: "";
}
.sicon-quote-close-alt:before {
  content: "";
}
.sicon-quote-close:before {
  content: "";
}
.sicon-quote-open-alt:before {
  content: "";
}
.sicon-quote-open:before {
  content: "";
}
.sicon-receipt-money:before {
  content: "";
}
.sicon-receipt:before {
  content: "";
}
.sicon-recycle:before {
  content: "";
}
.sicon-redeye:before {
  content: "";
}
.sicon-refund:before {
  content: "";
}
.sicon-register:before {
  content: "";
}
.sicon-reply-all:before {
  content: "";
}
.sicon-reply:before {
  content: "";
}
.sicon-rewind:before {
  content: "";
}
.sicon-right:before {
  content: "";
}
.sicon-rotate:before {
  content: "";
}
.sicon-rotation-lock:before {
  content: "";
}
.sicon-rotation-unlock:before {
  content: "";
}
.sicon-route-highway:before {
  content: "";
}
.sicon-rss:before {
  content: "";
}
.sicon-ruler-square:before {
  content: "";
}
.sicon-ruler:before {
  content: "";
}
.sicon-running:before {
  content: "";
}
.sicon-school-bell:before {
  content: "";
}
.sicon-schoolbus:before {
  content: "";
}
.sicon-science:before {
  content: "";
}
.sicon-screw-flathead:before {
  content: "";
}
.sicon-screw-phillips:before {
  content: "";
}
.sicon-screw-star:before {
  content: "";
}
.sicon-script:before {
  content: "";
}
.sicon-sd-card:before {
  content: "";
}
.sicon-search:before {
  content: "";
}
.sicon-season-winter:before {
  content: "";
}
.sicon-security-camera:before {
  content: "";
}
.sicon-send-down:before {
  content: "";
}
.sicon-send-forward:before {
  content: "";
}
.sicon-send-in:before {
  content: "";
}
.sicon-send-mail:before {
  content: "";
}
.sicon-send-out:before {
  content: "";
}
.sicon-send-to-device:before {
  content: "";
}
.sicon-send-up:before {
  content: "";
}
.sicon-send:before {
  content: "";
}
.sicon-settings:before {
  content: "";
}
.sicon-shake:before {
  content: "";
}
.sicon-share-alt:before {
  content: "";
}
.sicon-share:before {
  content: "";
}
.sicon-shield-alert:before {
  content: "";
}
.sicon-shield-alt:before {
  content: "";
}
.sicon-shield-check:before {
  content: "";
}
.sicon-ship-wheel:before {
  content: "";
}
.sicon-ship:before {
  content: "";
}
.sicon-shipping-fast:before {
  content: "";
}
.sicon-shipping:before {
  content: "";
}
.sicon-shirt-button-down:before {
  content: "";
}
.sicon-shirt-tie:before {
  content: "";
}
.sicon-shopping-bag:before {
  content: "";
}
.sicon-shopping-basket-alt:before {
  content: "";
}
.sicon-shopping-basket:before {
  content: "";
}
.sicon-shopping:before {
  content: "";
}
.sicon-shredder:before {
  content: "";
}
.sicon-shuttle:before {
  content: "";
}
.sicon-signal-range:before {
  content: "";
}
.sicon-signs-alt:before {
  content: "";
}
.sicon-sim-card-alert:before {
  content: "";
}
.sicon-skip-backward:before {
  content: "";
}
.sicon-skip-forward:before {
  content: "";
}
.sicon-skull-crossbones:before {
  content: "";
}
.sicon-skull:before {
  content: "";
}
.sicon-sleep:before {
  content: "";
}
.sicon-smile:before {
  content: "";
}
.sicon-speaker:before {
  content: "";
}
.sicon-special-alert:before {
  content: "";
}
.sicon-special-check:before {
  content: "";
}
.sicon-special-discount:before {
  content: "";
}
.sicon-special-money:before {
  content: "";
}
.sicon-spinner:before {
  content: "";
}
.sicon-spy:before {
  content: "";
}
.sicon-stack:before {
  content: "";
}
.sicon-stair-car:before {
  content: "";
}
.sicon-stamp-inset:before {
  content: "";
}
.sicon-stanp-portrait:before {
  content: "";
}
.sicon-star:before {
  content: "";
}
.sicon-steps:before {
  content: "";
}
.sicon-stocks-down:before {
  content: "";
}
.sicon-stocks-up:before {
  content: "";
}
.sicon-stopsign-alert:before {
  content: "";
}
.sicon-stopwatch-off:before {
  content: "";
}
.sicon-stopwatch:before {
  content: "";
}
.sicon-store-alt:before {
  content: "";
}
.sicon-store2:before {
  content: "";
}
.sicon-storm:before {
  content: "";
}
.sicon-suitcase:before {
  content: "";
}
.sicon-sun:before {
  content: "";
}
.sicon-sunglasses:before {
  content: "";
}
.sicon-survey:before {
  content: "";
}
.sicon-swap-fill:before {
  content: "";
}
.sicon-swap-stroke:before {
  content: "";
}
.sicon-swatchbook:before {
  content: "";
}
.sicon-swipe-left:before {
  content: "";
}
.sicon-swipe-right:before {
  content: "";
}
.sicon-switch-flip:before {
  content: "";
}
.sicon-sync:before {
  content: "";
}
.sicon-t-shirt-long-sleeve:before {
  content: "";
}
.sicon-t-shirt:before {
  content: "";
}
.sicon-tag-money:before {
  content: "";
}
.sicon-tag-special:before {
  content: "";
}
.sicon-tag:before {
  content: "";
}
.sicon-tap:before {
  content: "";
}
.sicon-target:before {
  content: "";
}
.sicon-team:before {
  content: "";
}
.sicon-terminal:before {
  content: "";
}
.sicon-theater-masks:before {
  content: "";
}
.sicon-thumbdrive:before {
  content: "";
}
.sicon-thumbs-down:before {
  content: "";
}
.sicon-thumbs-up:before {
  content: "";
}
.sicon-thumbtack:before {
  content: "";
}
.sicon-ticket-movie:before {
  content: "";
}
.sicon-ticket:before {
  content: "";
}
.sicon-time:before {
  content: "";
}
.sicon-timer:before {
  content: "";
}
.sicon-toggle-off:before {
  content: "";
}
.sicon-toggles:before {
  content: "";
}
.sicon-toolbox:before {
  content: "";
}
.sicon-tornado:before {
  content: "";
}
.sicon-touch-type:before {
  content: "";
}
.sicon-trail-map:before {
  content: "";
}
.sicon-train:before {
  content: "";
}
.sicon-transfer-alt:before {
  content: "";
}
.sicon-transfer:before {
  content: "";
}
.sicon-trash-cancel:before {
  content: "";
}
.sicon-trash:before {
  content: "";
}
.sicon-treasure-chest:before {
  content: "";
}
.sicon-trend-down:before {
  content: "";
}
.sicon-trend-up:before {
  content: "";
}
.sicon-triangle-measure:before {
  content: "";
}
.sicon-trophy2:before {
  content: "";
}
.sicon-tty:before {
  content: "";
}
.sicon-tulip-pot:before {
  content: "";
}
.sicon-tune-alt:before {
  content: "";
}
.sicon-tune:before {
  content: "";
}
.sicon-turkey:before {
  content: "";
}
.sicon-turret:before {
  content: "";
}
.sicon-tv:before {
  content: "";
}
.sicon-type-square:before {
  content: "";
}
.sicon-typewriter:before {
  content: "";
}
.sicon-typography:before {
  content: "";
}
.sicon-unicorn:before {
  content: "";
}
.sicon-universal-access-alt:before {
  content: "";
}
.sicon-universal-access:before {
  content: "";
}
.sicon-unlock:before {
  content: "";
}
.sicon-user-add:before {
  content: "";
}
.sicon-user-cancel:before {
  content: "";
}
.sicon-user-check:before {
  content: "";
}
.sicon-user-circle:before {
  content: "";
}
.sicon-user-heart:before {
  content: "";
}
.sicon-user-list:before {
  content: "";
}
.sicon-user-minus:before {
  content: "";
}
.sicon-user-off:before {
  content: "";
}
.sicon-user-square:before {
  content: "";
}
.sicon-user:before {
  content: "";
}
.sicon-users:before {
  content: "";
}
.sicon-village:before {
  content: "";
}
.sicon-vision:before {
  content: "";
}
.sicon-volume-high:before {
  content: "";
}
.sicon-volume-low:before {
  content: "";
}
.sicon-volume-mute:before {
  content: "";
}
.sicon-volume-off:before {
  content: "";
}
.sicon-volume:before {
  content: "";
}
.sicon-waffle:before {
  content: "";
}
.sicon-walkie-talkie:before {
  content: "";
}
.sicon-wallet:before {
  content: "";
}
.sicon-warming-cover:before {
  content: "";
}
.sicon-warning:before {
  content: "";
}
.sicon-watch-apple:before {
  content: "";
}
.sicon-watch-smart:before {
  content: "";
}
.sicon-watch:before {
  content: "";
}
.sicon-wave:before {
  content: "";
}
.sicon-wheelchair-alt:before {
  content: "";
}
.sicon-wheelchair:before {
  content: "";
}
.sicon-whistle:before {
  content: "";
}
.sicon-wifi:before {
  content: "";
}
.sicon-wind:before {
  content: "";
}
.sicon-window-layout:before {
  content: "";
}
.sicon-winners-dias:before {
  content: "";
}
.sicon-woman-man:before {
  content: "";
}
.sicon-women:before {
  content: "";
}
.sicon-world:before {
  content: "";
}
.sicon-wrench-pencil:before {
  content: "";
}
.sicon-wrench:before {
  content: "";
}
.sicon-wrenches:before {
  content: "";
}
.sicon-writing:before {
  content: "";
}
.sicon-zip-archive:before {
  content: "";
}
.sicon-zoom-in:before {
  content: "";
}
.sicon-zoom-out:before {
  content: "";
}
.sicon-printer2:before {
  content: "";
}
.sicon-keyboard_arrow_right:before {
  content: "";
}
.sicon-keyboard_arrow_up:before {
  content: "";
}
.sicon-keyboard_arrow_down:before {
  content: "";
}
.sicon-keyboard_arrow_left:before {
  content: "";
}
.sicon-check-circle2:before {
  content: "";
}
.sicon-facebook2:before {
  content: "";
}
.sicon-instagram2:before {
  content: "";
}
.sicon-shopping-bag2:before {
  content: "";
}
.sicon-trash-2:before {
  content: "";
}
.sicon-twitter2:before {
  content: "";
}
.sicon-youtube2:before {
  content: "";
}
.sicon-paper-plane-o:before {
  content: "";
}
.sicon-brand:before,
.sicon-social:before,
.sicon-whatsapp2:before {
  content: "";
}
:root {
  --color-primary: #000000;
  --color-primary-l: #5dddcc;
  --color-primary-t: rgba(93, 213, 196, 0.5);
  --color-primary-tt: rgba(93, 213, 196, 0.08);
  --color-primary-d: #3e6e67;
  --color-secondary: #da4356;
  --color-title: #040404;
  --color-text: #4e4e4e;
  --color-bg: #f8f8f8;
  --color-border: #d8d8d8;
  --color-black: #000;
  --color-white: #fff;
  --color-grey: #e7e7e7;
  --color-success: #00af6c;
  --color-alert: #f2bd0b;
  --color-danger: #fd5d6c;
  --color-social-facebook: #3b5998;
  --color-social-twitter: #00b6f1;
  --color-social-gram: #c32aa3;
  --color-social-youtube: red;
  --color-social-in: #007bb6;
  --color-social-g-plus: #df4a32;
  --color-social-snap: #fffc00;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-title);
  font-family: DINN-Medium;
  font-weight: 300;
}
* {
  outline: none !important;
}
a,
button,
img {
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
a,
a:hover {
  text-decoration: none;
}
.img-responsive,
.title {
  width: 100%;
}
.title--main {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 15px;
}
.title--main h1 {
  display: block;
  font-size: 50px;
  line-height: 1.4;
  margin: 0;
  padding-left: 15px;
}
@media only screen and (max-width: 991px) {
  .title--main h1 {
    font-size: 25px;
  }
}
@media only screen and (max-width: 480px) {
  .title--main {
    align-items: flex-start;
    flex-direction: column;
  }
  .title--main h1 {
    margin: 0 0 10px;
  }
}
.title--step {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 30px;
  padding-right: 5px;
}
.title--step img {
  display: inline-block;
  margin: 0 0 0 10px;
  opacity: 0.8;
}
.title--step h3 {
  color: var(--color-title);
  display: block;
  font-family: DINN-Regular;
  font-size: 16px;
  margin: 0;
  padding: 0 0 5px 15px;
}
.title--step:before {
  align-items: center;
  background-color: var(--color-primary);
  border-radius: 50%;
  color: var(--color-text-reverse);
  content: attr(data-step);
  display: flex;
  flex-direction: row;
  font-family: Tahoma;
  font-size: 14px;
  font-weight: 700;
  height: 25px;
  justify-content: center;
  position: absolute;
  right: -30px;
  top: 0;
  width: 25px;
  color:#fff;
  /* z-index: 9; */
}
.title--step:after {
  background-color: #e7e7e7;
  border-radius: 30px;
  content: "";
  display: block;
  flex: 1;
  height: 3px;
}
@media only screen and (min-width: 1300px) {
  .container {
    max-width: 1240px;
  }
}
.container--flexed {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .container--flexed {
    padding: 0 !important;
  }
}
@media only screen and (min-width: 1300px) {
  .container--block,
  .container--short {
    max-width: 900px;
  }
}
.container--margined {
  margin-bottom: 5vh;
  margin-top: 5vh;
}
@media only screen and (max-width: 991px) {
  .container--margined {
    margin-bottom: 10px;
    margin-top: 10px;
  }
}
.row {
  margin-left: -8px;
  margin-right: -8px;
}
.row [class*="col-"] {
  padding-left: 8px;
  padding-right: 8px;
}
.row--flex-fluid {
  flex: 1;
  width: 100%;
}
.row--wide {
  width: 100%;
}
#receiver_address {
  margin-bottom: 20px;
}
.sections-wrapper {
  align-items: flex-start;
  background-color: var(--color-white);
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  position: relative;
  width: 100%;
}
.sections-wrapper > div.section--payment {
  padding-bottom: 60px;
}
@media only screen and (max-width: 991px) {
  .sections-wrapper {
    flex-direction: column;
  }
  .sections-wrapper > div {
    flex: unset;
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .sections-wrapper {
    margin: 0;
  }
  .sections-wrapper > div {
    padding: 10px !important;
  }
  .sections-wrapper > div.section--payment {
    padding-bottom: 50px !important;
  }
}
@media only screen and (max-width: 480px) {
  .sections-wrapper > div {
    padding: 15px !important;
  }
  .sections-wrapper > div.section--payment {
    padding-bottom: 50px !important;
  }
}
.section {
  height: 100%;
}
.section--shipping {
  background-color: #fbfbfb;
  border-left: 2px solid hsla(0, 0%, 96%, 0.84);
  flex: 1 0 35%;
  padding: 25px;
}
.section--payment {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  padding: 20px 20px 0;
  width: 100%;
}
@media only screen and (max-width: 1199px) {
  .section--payment {
    padding: 25px 25px 50px;
  }
}
.currency {
  color: var(--color-title);
  font-family: DINN-Medium;
  font-size: 15px;
}
.currency b {
  font-family: DINN-Regular;
  font-weight: 400;
  text-align: right;
  unicode-bidi: -moz-plaintext;
  unicode-bidi: plaintext;
}
.currency small {
  color: #7f7a7a;
  display: inline-block;
  font-family: DINN-Regular;
  font-size: 12px;
  margin: 0 3px 0 0;
}
.currency--small {
  font-size: 14px;
}
.currency--small b {
  font-weight: 400;
}
.currency.free b,
.currency.free small {
  font-size: 14px;
}
.currency.free small {
  color: #b1b1b1;
  text-decoration: line-through;
}
.currency.free b {
  font-weight: 700;
}
.payment-step {
  margin-bottom: 30px;
  padding-right: 20px;
  position: relative;
}
.payment-step:before {
  border-right: 2px dashed var(--color-border);
  content: "";
  display: block;
  height: calc(100% - 30px);
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 40px;
  width: 2px;
}
@media only screen and (max-width: 991px) {
  .payment-step {
    margin-bottom: 15px;
  }
  #payment_process {
    flex: unset;
    max-height: 100vh;
    max-width: unset;
    overflow-y: scroll;
    padding: 0;
    width: 100%;
  }
}
#shipping_step:before {
  height: calc(100% - 30px);
}
#payment_step:before {
  height: calc(100% - 60px);
}
#bank_acc_info {
  display: none;
}
.field-list {
  background-color: #fbfbfc;
  border-radius: 5px;
  padding: 13px;
}
.field-list > div {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.field-list > div img {
  opacity: 0.05;
  width: 80px;
}
.field-list > div ul {
  align-items: flex-start;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0 20px 0 0;
}
.field-list > div ul li {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 5px;
  width: 100%;
}
.field-list > div ul li div {
  background: #f8f8f8;
  border-radius: 5px;
  flex: auto;
  margin-left: 15px;
  padding: 0 10px 5px;
}
.field-list > div ul li div:last-child {
  margin-left: 0;
}
.field-list > div ul li b,
.field-list > div ul li span {
  color: #4b4646;
  font-size: 14px;
}
.field-list > div ul li span {
  color: #696464;
  margin-left: 10px;
}
@media only screen and (max-width: 1199px) {
  .field-list > div ul li b,
  .field-list > div ul li span {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .field-list {
    padding: 6px 16px;
  }
  .field-list > div {
    flex-direction: column;
  }
  .field-list > div img {
    display: none;
  }
  .field-list > div ul {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  .field-list > div ul li {
    flex-direction: column;
    margin: 0;
  }
  .field-list > div ul li div {
    background-color: transparent;
    margin: 0 0 5px;
    padding: 0;
    width: 100%;
  }
}
.field-list--no-opacity > div img {
  opacity: 1;
}
#payment_methods_wrapper {
  display: flex;
  width: 100%;
}
#shipping_alt {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 20px 0;
  padding: 20px;
}
#shipping_alt * {
  text-align: center;
}
#shipping_alt .icon-cont {
  align-items: center;
  background: #f3f3f3;
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  height: 120px;
  justify-content: center;
  margin: 0 0 15px;
  width: 120px;
}
#shipping_alt .icon-cont svg {
  height: auto;
  width: 60px;
}
#shipping_alt .icon-cont svg g {
  fill: var(--color-border);
}
#shipping_alt h1 {
  color: #a0a0a0;
  font-size: 25px;
  margin: 0 0 5px;
}
#shipping_alt p {
  color: #c4c4c4;
  font-size: 15px;
}
.price-cont .price-wrapper,
.qty-wrapper .qty,
.white-box {
  background-color: var(--color-white);
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  padding: 10px;
}
.countdown-wrapper {
  margin-right: auto;
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  .countdown-wrapper {
    margin: 0;
    width: 100%;
  }
  .countdown-wrapper .cd-note {
    text-align: center;
  }
}
#address_options {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 10px;
}
#address_options > .btn {
  border-color: var(--color-primary);
  min-height: 40px;
}
#address_options > .btn.required {
  border-color: #f55157;
  color: #f55157;
}
#address_options > .btn.required * {
  color: #f55157;
}
@media only screen and (max-width: 767px) {
  #address_options {
    flex-direction: column;
  }
  #address_options > * {
    margin-bottom: 20px;
    width: 100%;
  }
  #address_options > :last-child {
    margin-bottom: 0;
  }
}
#shipping_fields_wrapper {
  border-radius: 5px;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #shipping_fields_wrapper {
    padding: 0;
  }
}
.panel-block {
  background: #f9f9f9;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  padding: 20px;
}
.text-muted-small {
  color: #929292 !important;
  font-size: 12px !important;
  margin-top: 10px !important;
}
.tamara-notify img {
  display: block;
  margin: 0 auto 15px;
  max-height: 40px;
}
.tamara-notify * {
  color: var(--color-text);
  margin: 0;
}
.tamara-notify h6 {
  margin-bottom: 10px;
}
.lh-1 {
  line-height: 1.5;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
    visibility: hidden;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(20px);
    visibility: hidden;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
}
@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
    visibility: hidden;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
  }
  to {
    opacity: 0;
    transform: translateY(-20px);
    visibility: hidden;
  }
}
.fade-enter-active,
.fade-leave-active {
  height: 300px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.fade-enter,
.fade-leave-to {
  height: 0;
  opacity: 0;
}
body,
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  color: var(--color-text);
  font-family: DINN-Regular;
  font-size: 14px;
  line-height: 1.5;
  scroll-behavior: smooth;
}
body ::-webkit-scrollbar,
html ::-webkit-scrollbar {
  width: 4px;
}
body ::-webkit-scrollbar-track,
html ::-webkit-scrollbar-track {
  background: rgba(var(--color-main-d), 0.8);
  border-radius: 0;
}
body ::-webkit-scrollbar-thumb,
html ::-webkit-scrollbar-thumb {
  background: var(--color-main);
  border-radius: 0;
}
body ::-webkit-scrollbar-thumb:window-inactive,
html ::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(var(--color-main), 0.5);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2500px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 2500px),
  only screen and (min-resolution: 192dpi) and (min-width: 2500px),
  only screen and (min-resolution: 2dppx) and (min-width: 2500px) {
  body,
  html {
    font-size: 18px;
  }
}
body.has-notify .cart-summary-wrapper,
html.has-notify .cart-summary-wrapper {
  top: 56px;
}
body * {
  text-align: right;
}
body.body {
  align-items: center;
  background: var(--color-bg);
  display: flex;
  flex-direction: column;
  justify-content: center;
}
body.body,
body.landing-page-body {
  min-height: 100vh;
  position: relative;
  width: 100%;
}
body.landing-page-body {
  background: var(--color-white);
}
body.landing-page-body .quick-order {
  border-radius: 6px;
}
body.landing-page-body .quick-order .form-group .input-addon i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 999;
}
body.landing-page-body .quick-order .form-group .form-control {
  padding-right: 35px;
}
.btn {
  align-items: center;
  border: none;
  color: var(--color-text);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: DINN-Regular;
  font-size: 14px;
  height: auto;
  justify-content: center;
  line-height: normal;
  min-height: 35px;
  outline: none !important;
  position: relative;
  text-align: center;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: auto;
}
.btn--default {
  border: 2px solid #f7f7f7;
  padding-top: 2px;
}
.btn--default.active {
  border-color: var(--color-border);
}
.btn--large {
  height: 50px;
}
.btn--with-icon i {
  display: inline-block;
  margin: 0 0 0 10px;
  transform: translateY(2px);
  vertical-align: middle;
}
.btn--wide {
  max-width: unset !important;
  min-width: unset !important;
  width: 100% !important;
}
.btn--round {
  border-radius: 5px;
}
.btn--square {
  border-radius: 0;
}
.btn--oval {
  border-radius: 25px;
}
.btn--circular {
  border-radius: 50%;
}
.btn--large {
  font-size: 16px;
  padding: 0 20px 5px;
  width: 200px;
}
@media only screen and (max-width: 1199px) {
  .btn--large {
    width: auto;
  }
}
.btn--ripple {
  background-position: 50%;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.btn--ripple:hover {
  background: var(--color-primary)
    radial-gradient(circle, transparent 1%, #5cdccb 1%) center/15000%;
}
.btn--ripple:active {
  background-color: var(--color-primary);
  background-size: 100%;
  transition: background 0s !important;
}
.btn--outline {
  background-color: transparent !important;
  border: 2px solid var(--color-primary);
  color: var(--color-primary);
}
.btn--outline:hover {
  background-color: var(--color-primary-t) !important;
  border-color: var(--color-primary-d);
}
.btn--outline.dark {
  border-color: #40301e;
  color: #40301e;
}
.btn--outline.dark i {
  background-color: transparent;
}
.btn--border-main-color {
  border-color: var(--color-primary);
}
.btn--danger {
  background-color: var(--color-danger);
  color: #fff;
}
.btn--payment-option,
.btn--shipping-option {
  border: 2px solid var(--color-white);
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  flex-direction: column;
  min-height: 70px;
  overflow: hidden;
  padding: 10px;
  width: 100%;
}
.btn--payment-option img,
.btn--shipping-option img {
  display: block;
  max-width: 70px;
}
.btn--payment-option img.large,
.btn--shipping-option img.large {
  max-width: 75px;
}
.btn--payment-option img.tiny,
.btn--shipping-option img.tiny {
  max-width: 25px;
}
.btn--payment-option b,
.btn--shipping-option b {
  color: var(--color-text);
  font-family: DINN-Regular;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin-top: 4px;
  text-align: center;
}
.btn--payment-option.active,
.btn--payment-option:active,
.btn--payment-option:hover,
.btn--shipping-option.active,
.btn--shipping-option:active,
.btn--shipping-option:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.btn--payment-option:before,
.btn--shipping-option:before {
  background: var(--color-primary);
  border-radius: 50%;
  color: var(--color-text-reverse);
  content: "";
  display: block;
  font-family: sallaicons;
  font-size: 11px;
  height: 22px;
  padding: 7px 5px 0 0;
  position: absolute;
  right: -7px;
  text-align: center;
  top: -7px;
  transform: translate(15px, -15px);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 22px;
}
.btn--payment-option.active,
.btn--shipping-option.active {
  border-color: var(--color-primary);
  color: var(--color-title);
}
.btn--payment-option.active:before,
.btn--shipping-option.active:before {
  transform: translate(0);
}
@media only screen and (max-width: 1199px) {
  .btn--payment-option b,
  .btn--shipping-option b {
    font-size: 14px;
  }
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2500px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 2500px),
  only screen and (min-resolution: 192dpi) and (min-width: 2500px),
  only screen and (min-resolution: 2dppx) and (min-width: 2500px) {
  .btn--payment-option:before,
  .btn--shipping-option:before {
    padding: 7px 4px 0 0;
  }
}
.btn--link {
  background-color: transparent;
  color: var(--color-text);
  min-height: unset;
  padding: 0 10px;
}
.btn--link.primary {
  color: var(--color-primary);
}
.btn--link.more {
  font-family: DINN-Medium;
}
.btn--link.more:after {
  align-items: center;
  border: 2px solid var(--color-primary);
  border-radius: 50%;
  content: "";
  display: inline-flex;
  font-family: FontAwesome;
  height: 25px;
  justify-content: center;
  margin: 4px 10px 0;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 25px;
}
.btn--link.more:hover:after {
  background-color: var(--color-primary);
  color: var(--color-white);
  transform: translateX(-4px);
}
.btn--submit {
  padding: 5px 30px 8px;
  width: auto;
}
.btn--submit.wide {
  font-size: 15px;
  font-weight: 700;
  height: 45px;
  justify-content: flex-start;
  padding: 3px 50px 5px;
}
.btn--submit.wide:after {
  background-size: cover;
  color: var(--color-text-reverse);
  content: "";
  display: inline-block;
  font-family: sallaicons;
  height: 13px;
  left: 15px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
}
.btn--submit.wide:hover {
  background-color: var(--color-primary-d);
}
.btn--small {
  border-width: 1px;
  font-size: 13px !important;
  padding: 2px 6px 4px;
}
.btn--small i {
  font-size: 11px;
  margin-left: 5px !important;
  padding: 0 !important;
  transform: translateY(1px);
}
.btn--shipping-option {
  font-size: 16px;
  min-height: 60px;
  padding: 10px 10px 15px;
  width: calc(50% - 8px);
}
@media only screen and (max-width: 767px) {
  .btn--shipping-option {
    font-size: 14px;
    min-height: 40px;
    width: calc(50% - 4px);
  }
}
.btn--return {
  height: 40px;
  position: absolute;
  right: -80px;
  top: 20px;
  width: 40px;
}
.btn--return i {
  font-size: 40px;
}
.btn--return:hover {
  opacity: 0.8;
  transform: translateX(10px);
}
@media only screen and (max-width: 1439px) {
  .btn--return {
    right: -10px;
    top: -35px;
  }
  .btn--return i {
    font-size: 1.5rem;
  }
}
.btn--primary {
  background-color: var(--color-primary);
  color: #fff;
}
.btn--primary:focus,
.btn--primary:hover,
.btn--primary:visited {
  background-color: var(--color-primary-d);
  color: var(--color-text-reverse);
}
.btn--secondary {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
.btn--secondary::selection {
  background-color: rgba(var(--color-white), 0.05);
  color: var(--color-secondary);
}
.btn--secondary::-moz-selection {
  background-color: rgba(var(--color-white), 0.05);
  color: var(--color-secondary);
}
.btn--secondary ::selection {
  background-color: rgba(var(--color-white), 0.05);
  color: var(--color-secondary);
}
.btn--secondary ::-moz-selection {
  background-color: rgba(var(--color-white), 0.05);
  color: var(--color-secondary);
}
.btn--secondary:focus,
.btn--secondary:hover,
.btn--secondary:visited {
  background-color: var(--color-secondary);
  color: var(--color-white);
}
.btn--grey {
  background-color: #f5f4f4;
  color: var(--color-black);
}
.btn--trans {
  background-color: transparent;
  color: var(--color-text);
}
.btn--white {
  background-color: var(--color-white);
  color: var(--color-text);
}
.btn--white.active,
.btn--white:hover {
  box-shadow: none;
  color: var(--color-white);
}
.btn--shadow {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
}
.btn--icon {
  font-size: 15px;
  padding: 0 20px;
}
.btn--icon i {
  display: inline-block;
  font-size: 14px;
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .btn--icon {
    padding: 8px 15px;
  }
  .btn--icon i {
    margin-left: 5px;
  }
}
.btn--img {
  background-size: cover;
}
.btn--img img {
  width: 100%;
}
.btn--img:hover {
  opacity: 0.8;
}
.btn--login {
  color: var(--color-white);
  min-height: 40px;
  padding: 5px 35px;
}
.btn--login span {
  border-bottom: 4px solid var(--color-white);
  border-left: 4px solid var(--color-white);
  bottom: 0;
  display: block;
  height: 10px;
  left: 0;
  position: absolute;
  transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
  width: 10px;
}
.btn--login:hover {
  color: var(--color-white);
}
.btn--login:hover > span:first-child {
  bottom: 4px;
  left: 4px;
  opacity: 0.4;
  transform: scale(0.6);
  transform-origin: top right;
}
.btn--login:hover > span:last-child {
  border-color: var(--color-secondary);
}
@media only screen and (max-width: 1199px) {
  .btn--login {
    padding: 5px 15px;
  }
}
@media only screen and (max-width: 1023px) {
  .btn--login {
    display: none;
  }
}
.btn--show-hide-password {
  bottom: 0;
  height: 60px;
  left: 0;
  position: absolute;
  width: 60px;
}
.btn--show-hide-password:before {
  color: #c7c7c7;
  content: "";
  font-family: FontAwesome;
  font-size: 20px;
  transition: color 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.btn--show-hide-password.hide-pass:before {
  content: "";
}
.btn--show-hide-password:hover {
  color: #aeaeae;
}
.btn--show-hide-password--short {
  height: 50px;
}
@media only screen and (max-width: 991px) {
  .btn--show-hide-password {
    height: 50px;
    width: 50px;
  }
}
.btn--fav-entry {
  align-items: center;
  background-color: rgba(210, 172, 92, 0.8);
  border-radius: 20px;
  display: flex;
  flex-direction: row;
  height: 40px;
  justify-content: center;
  left: 10px;
  opacity: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 10px;
  transition-delay: 0.15s;
  visibility: hidden;
  width: 40px;
}
.btn--fav-entry > span {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-name: re-transform;
  animation-name: re-transform;
  -webkit-animation-timing-function: steps(45);
  animation-timing-function: steps(45);
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  margin-top: 2px;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0.1s;
  width: 20px;
}
.btn--fav-entry > p {
  color: var(--color-white);
  font-size: 14px;
  margin: 0 5px 0 0;
  opacity: 0;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%) translateX(-30px);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  transition-delay: 0ms;
  visibility: hidden;
}
.btn--fav-entry:hover {
  background-color: rgba(var(--color-danger), 0.8);
  transition-delay: 0ms;
  width: 110px;
}
.btn--fav-entry:hover > span {
  -webkit-animation-name: transform;
  animation-name: transform;
  margin-top: 0;
  right: 20px;
}
.btn--fav-entry:hover > p {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
  transition-delay: 0.1s;
  visibility: visible;
}
.btn--download {
  color: var(--color-black);
  font-size: 15px;
  font-weight: 600;
  padding: 0 70px 0 35px;
  width: auto;
}
.btn--download:before {
  content: "";
  font-family: zm-font;
  font-size: 25px;
  font-weight: 400;
  margin-left: 10px;
  position: absolute;
  right: 35px;
}
.btn--download--short {
  font-size: 14px;
  font-weight: 400;
  padding: 5px 25px;
}
.btn--download--short:before {
  content: "";
  position: relative;
  right: unset;
  top: unset;
}
@media only screen and (max-width: 991px) {
  .btn--download--short {
    padding: 5px 15px;
  }
}
.btn--download--light {
  color: var(--color-white);
}
@media only screen and (max-width: 480px) {
  .btn--download {
    padding: 0 15px;
  }
  .btn--download:before {
    display: none;
  }
}
.btn--share {
  font-size: 22px;
  height: 60px;
  width: 60px;
}
.btn--share:hover {
  background-color: var(--color-primary-lighter);
  color: var(--color-white);
}
@media only screen and (max-width: 1439px) {
  .btn--share {
    height: 55px;
    width: 55px;
  }
}
.btn--fav {
  color: #9b9b9b;
}
.btn--fav:after,
.btn--fav:before {
  color: #9b9b9b;
  font-family: zm-font;
  transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.btn--fav:before {
  content: "";
  margin-left: 10px;
}
.btn--fav:after {
  content: "";
  opacity: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%) scale(0);
}
.btn--fav.faved,
.btn--fav.faved:after,
.btn--fav.faved:before {
  color: var(--color-danger);
}
.btn--fav.faved:before {
  opacity: 0;
  transform: scale(0);
}
.btn--fav.faved:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.btn--fav:hover,
.btn--fav:hover:after,
.btn--fav:hover:before {
  color: var(--color-danger);
}
.btn--with-effect {
  overflow: hidden;
}
.btn--with-effect:after,
.btn--with-effect:before {
  background: rgba(0, 0, 0, 0.3);
  bottom: 0;
  content: "";
  display: block;
  height: 5px;
  position: absolute;
  right: 0;
  transform: scaleY(0);
  transform-origin: bottom;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 100%;
}
.btn--with-effect:before {
  background: rgba(0, 0, 0, 0.1);
  height: 100%;
  pointer-events: none;
}
.btn--with-effect:hover {
  padding-bottom: 15px;
}
.btn--with-effect:hover:after,
.btn--with-effect:hover:before {
  transform: scaleY(1);
}
.btn--coupon {
  color: var(--color-secondary);
  font-size: 14px;
  margin-right: auto;
  padding: 4px 2px;
  position: relative;
}
.btn--coupon:before {
  background: url(../img/coupon.svg) 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 11px;
  margin: 3px 0 0 10px;
  vertical-align: middle;
  width: 20px;
}
.btn--coupon:after {
  background-color: var(--color-secondary);
  border-radius: 50px;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  opacity: 0;
  position: absolute;
  right: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 100%;
}
.btn--coupon.active,
.btn--coupon:hover {
  color: #ca4356;
}
.btn--coupon.active:after,
.btn--coupon:hover:after {
  opacity: 1;
  transform: scaleX(1);
}
.btn--fixed {
  border-radius: 0 0 5px 5px;
  bottom: 0;
  justify-content: center !important;
  left: 0;
  position: absolute;
  right: 0;
}
.btn--address-new {
  align-items: center;
  border: 2px dashed #d9d9d9;
  display: flex;
  flex-direction: column;
  font-weight: 700;
  height: 100%;
  justify-content: center;
  padding: 15px 20px 20px;
  width: 100%;
}
.btn--address-new:before {
  color: #b3b3b3;
  content: "";
  font-family: sallaicons;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 5px;
}
.btn--address-new:hover {
  border-color: #b3b3b3;
}
.btn--address-new.form-active {
  border-color: var(--color-primary);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  color: var(--color-primary);
}
.btn--address-new.form-active:before {
  color: var(--color-primary);
}
.btn:active,
.btn:focus {
  box-shadow: none;
  outline: none;
}
#coupon_form_submit {
  min-width: 50px !important;
  padding-bottom: 10px;
}
#coupon_form_submit,
#submit-form-btn {
  color: var(--color-primary-l) !important;
}
.alert-bg-success {
  background: #37baf6;
  border-color: #37baf6;
}
.alert-bg-error {
  background: #f55157;
  border-color: #f55157;
  color: #fff;
}
.jGrowl {
  position: absolute;
  z-index: 2001;
}
body > .jGrowl {
  position: fixed;
}
.jGrowl.top-left {
  right: 20px;
  top: 20px;
}
.jGrowl.top-center {
  margin-right: -150px;
  right: 50%;
  top: 20px;
}
.jGrowl.top-right {
  left: 20px;
  top: 20px;
}
.jGrowl.center {
  margin-right: -150px;
  margin-top: -35px;
  right: 50%;
  top: 40%;
  width: 300px;
}
.jGrowl.center .jGrowl-closer,
.jGrowl.center .jGrowl-notification {
  margin-left: auto;
  margin-right: auto;
}
.jGrowl.bottom-left {
  bottom: 20px;
  right: 20px;
}
.jGrowl.bottom-center {
  bottom: 20px;
  margin-right: -150px;
  right: 50%;
}
.jGrowl.bottom-right {
  bottom: 20px;
  left: 20px;
}
@media print {
  .jGrowl {
    display: none;
  }
}
.jGrowl-notification {
  display: none;
  margin-bottom: 10px;
  text-align: right;
  width: 300px;
}
.jGrowl-notification .jGrowl-header {
  font-size: 15px;
  margin-bottom: 5px;
}
.jGrowl-notification .jGrowl-header:empty {
  margin: 0;
}
.jGrowl-notification .jGrowl-close {
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  filter: alpha(opacity=75);
  float: left;
  font-size: 17px;
  font-weight: 300;
  line-height: 1;
  margin-right: 10px;
  opacity: 0.75;
  outline: 0;
  padding: 0;
}
.jGrowl-notification .jGrowl-close:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}
.jGrowl-closer {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  color: #999;
  cursor: pointer;
  margin-top: 5px;
  padding: 5px 0;
  text-align: center;
  width: 300px;
}
.alert-rounded + .jGrowl-closer {
  border-radius: 5px;
}
#shipping_methods {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 0 25px;
}
.ui.form .error.message,
.ui.form .success.message,
.ui.form .warning.message {
  display: none;
}
.ui.form .error.error input:-webkit-autofill {
  border-color: #e0b4b4 !important;
  box-shadow: inset 0 0 0 100px #fffaf0 !important;
}
.ui.form .error ::-webkit-input-placeholder {
  color: #e7bdbc;
}
.ui.form .error :-ms-input-placeholder {
  color: #e7bdbc !important;
}
.ui.form .error ::-moz-placeholder {
  color: #e7bdbc;
}
.ui.form .error :focus::-webkit-input-placeholder {
  color: #da9796;
}
.ui.form .error :focus:-ms-input-placeholder {
  color: #da9796 !important;
}
.ui.form .error :focus::-moz-placeholder {
  color: #da9796;
}
.ui.form.error .error.message:not(:empty) {
  display: block;
}
.ui.form.error .compact.error.message:not(:empty) {
  display: inline-block;
}
.ui.form.error .icon.error.message:not(:empty) {
  display: flex;
}
.ui.form .field.error .input,
.ui.form .field.error label,
.ui.form .fields.error .field .input,
.ui.form .fields.error .field label {
  color: #9f3a38;
}
.ui.form .field.error .corner.label,
.ui.form .fields.error .field .corner.label {
  border-color: #9f3a38;
  color: #fff;
}
.ui.form .field.error input:not([type]),
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="datetime-local"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="file"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="search"],
.ui.form .field.error input[type="tel"],
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="time"],
.ui.form .field.error input[type="url"],
.ui.form .field.error select,
.ui.form .field.error textarea,
.ui.form .fields.error .field input:not([type]),
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="datetime-local"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="file"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="search"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="time"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field select,
.ui.form .fields.error .field textarea {
  background: #fff6f6;
  border-color: #e0b4b4;
  border-radius: "";
  box-shadow: none;
  color: #9f3a38;
}
.ui.form .field.error input:not([type]):focus,
.ui.form .field.error input[type="date"]:focus,
.ui.form .field.error input[type="datetime-local"]:focus,
.ui.form .field.error input[type="email"]:focus,
.ui.form .field.error input[type="file"]:focus,
.ui.form .field.error input[type="number"]:focus,
.ui.form .field.error input[type="password"]:focus,
.ui.form .field.error input[type="search"]:focus,
.ui.form .field.error input[type="tel"]:focus,
.ui.form .field.error input[type="text"]:focus,
.ui.form .field.error input[type="time"]:focus,
.ui.form .field.error input[type="url"]:focus,
.ui.form .field.error select:focus,
.ui.form .field.error textarea:focus {
  -webkit-appearance: none;
  background: #fff6f6;
  border-color: #e0b4b4;
  box-shadow: none;
  color: #9f3a38;
}
.ui.form .field.error select {
  -webkit-appearance: menulist-button;
}
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown .item,
.ui.form .field.error .ui.dropdown .text,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown .item {
  background: #fff6f6;
  color: #9f3a38;
}
.ui.form .field.error .ui.dropdown,
.ui.form .field.error .ui.dropdown:hover,
.ui.form .fields.error .field .ui.dropdown,
.ui.form .fields.error .field .ui.dropdown:hover {
  border-color: #e0b4b4 !important;
}
.ui.form .field.error .ui.dropdown:hover .menu,
.ui.form .fields.error .field .ui.dropdown:hover .menu {
  border-color: #e0b4b4;
}
.ui.form .field.error .ui.multiple.selection.dropdown > .label,
.ui.form .fields.error .field .ui.multiple.selection.dropdown > .label {
  background-color: #eacbcb;
  color: #9f3a38;
}
.ui.form .field.error .ui.dropdown .menu .item:hover,
.ui.form .field.error .ui.dropdown .menu .selected.item,
.ui.form .fields.error .field .ui.dropdown .menu .item:hover,
.ui.form .fields.error .field .ui.dropdown .menu .selected.item {
  background-color: #fbe7e7;
}
.ui.form .field.error .ui.dropdown .menu .active.item,
.ui.form .fields.error .field .ui.dropdown .menu .active.item {
  background-color: #fdcfcf !important;
}
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label {
  color: #9f3a38;
}
.ui.form .field.error .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .field.error .checkbox:not(.toggle):not(.slider) label:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) .box:before,
.ui.form .fields.error .field .checkbox:not(.toggle):not(.slider) label:before {
  background: #fff6f6;
  border-color: #e0b4b4;
}
.ui.form .field.error .checkbox .box:after,
.ui.form .field.error .checkbox label:after,
.ui.form .fields.error .field .checkbox .box:after,
.ui.form .fields.error .field .checkbox label:after {
  color: #9f3a38;
}
.map-container {
  background: var(--color-border);
  height: 60vh;
  min-height: 300px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.map-container .vue-map-container {
  height: 100%;
  width: 100%;
}
.map-container .vue-map-container .gmnoprint {
  bottom: 0;
  top: auto !important;
}
.map-container .vue-map-container .gmnoprint ul {
  display: none !important;
}
.map-container .vue-map-container .gm-bundled-control {
  top: unset !important;
}
.map-container .vue-map-container .gm-bundled-control .gmnoprint {
  top: 0 !important;
}
.map-container .vue-map-container a[rel="noopener"] {
  display: none !important;
}
@media only screen and (max-width: 767px) {
  .map-container {
    height: calc(100% - 50px);
  }
}
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (-webkit-min-device-pixel-ratio: 0),
  only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .map-container {
    height: calc(100% - 106px);
  }
}
#edit_location {
  border-radius: 0 0 5px 5px;
  transform: translateY(2px) scaleY(1.06);
}
.location-current {
  align-items: center;
  border: 2px solid #efefef;
  border-radius: 4px;
  color: var(--color-text);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-family: DINN-Regular;
  font-size: 14px;
  height: 40px;
  justify-content: center;
  left: 10px;
  line-height: normal;
  outline: none !important;
  padding-bottom: 5px;
  position: absolute;
  text-align: center;
  top: 10px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 120px;
  z-index: 99;
}
.location-current i {
  display: inline-block;
  margin: 0 0 0 5px;
  transform: translateY(2px);
  vertical-align: middle;
}
.location-current:active,
.location-current:focus,
.location-current:hover {
  border-color: var(--color-primary-d);
}
@media only screen and (max-width: 767px) {
  .location-current {
    width: 40px;
  }
  .location-current span {
    display: none;
  }
  .location-current i {
    margin: 0;
  }
}
.location-find {
  background-color: var(--color-white);
  border: 2px solid #efefef;
  border-radius: 4px;
  box-shadow: none !important;
  color: #625b5b;
  font-size: 14px;
  height: 40px;
  left: 140px;
  outline: none !important;
  padding: 3px 10px 6px;
  position: absolute;
  top: 10px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: calc(100% - 150px);
  z-index: 99;
}
.location-find::-moz-placeholder {
  color: #9c9797;
}
.location-find::placeholder {
  color: #9c9797;
}
.location-find:active,
.location-find:focus,
.location-find:hover {
  border-color: var(--color-primary-d);
}
.location-find.is-invalid {
  background: rgba(253, 93, 108, 0.05) !important;
  border-color: #fd5d6c !important;
  color: #fd5d6c;
}
@media only screen and (max-width: 767px) {
  .location-find {
    left: 60px;
    width: calc(100% - 70px);
  }
}
.pac-container {
  margin-top: 0;
  z-index: 9999;
}
.pac-container .pac-item {
  direction: rtl;
  text-align: right;
}
.pac-container:after {
  display: none !important;
}
#map_modal .loc-enable {
  align-items: center;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  min-height: 50px;
  padding: 5px 15px 10px 50px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99999;
}
#map_modal .loc-enable .btn {
  background-color: rgba(0, 0, 0, 0.05);
  left: 10px;
  padding: 5px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#map_modal .content {
  padding: 0;
}
#map_modal .content #save_location {
  border-radius: 0 0 5px 5px;
}
@media only screen and (max-width: 767px) {
  #map_modal {
    margin: 0;
    width: 100%;
  }
  #map_modal .content {
    padding: 0 !important;
  }
  #map_modal .content #save_location {
    border-radius: 0;
  }
}
.header {
  display: block;
  height: auto;
  position: relative;
  width: 100%;
}
.header__top {
  justify-content: space-between;
  min-height: 90px;
  padding-right: 40px;
}
.header__top,
.header__top .header__nav-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
}
.header__top .header__nav-wrapper {
  justify-content: flex-start;
}
@media only screen and (max-width: 991px) {
  .header__top {
    background-color: var(--color-white);
    min-height: 60px;
    padding-right: 60px;
  }
}
.header--primary .header__top {
  background-image: linear-gradient(90deg, #28b145 0, #37c655);
}
.header--fixed .header__top {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}
.header--fixed
  .header__top
  #form_search.quick-search
  .form-group
  .form-control {
  font-size: 16px;
  height: 45px;
  padding-left: 50px;
}
.header--fixed .header__top #form_search.quick-search .form-group button.btn {
  font-size: 16px;
  height: 45px;
  min-height: unset;
  width: 45px;
}
@media only screen and (max-width: 767px) {
  .header--fixed .header__top #form_search.quick-search {
    height: 45px;
  }
  .header--fixed
    .header__top
    #form_search.quick-search
    .form-group
    .form-control {
    left: 0;
    position: absolute;
    top: 0;
  }
}
.landing-page-header {
  height: auto;
  padding: 10px 0 30px;
  width: 100%;
}
.landing-page-header,
.logo {
  display: block;
  position: relative;
}
.logo {
  color: var(--color-title);
  font-size: 16px;
  margin: 0;
}
.logo--header {
  margin: 0 auto;
  max-height: 65px;
}
nav.nav {
  display: block;
  position: relative;
  width: auto;
}
nav.nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.nav--main ul {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-left: 30px;
}
nav.nav--main ul li {
  height: 90px;
  position: relative;
}
nav.nav--main ul li,
nav.nav--main ul li > a {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
nav.nav--main ul li > a {
  color: var(--color-white);
  font-size: 18px;
  font-weight: 100;
  height: 100%;
  opacity: 0.9;
  padding: 0 17px;
}
nav.nav--main ul li > a:after {
  background-color: var(--color-white);
  border-radius: 50px;
  bottom: 20px;
  content: "";
  display: block;
  height: 2px;
  opacity: 0;
  position: absolute;
  right: 50%;
  transform: scaleX(0) translateX(50%);
  transform-origin: right;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 20px;
}
nav.nav--main ul li.active > a,
nav.nav--main ul li:hover > a {
  opacity: 1;
}
nav.nav--main ul li.active > a:after,
nav.nav--main ul li:hover > a:after {
  opacity: 1;
  transform: scaleX(1) translateX(50%);
}
@media only screen and (max-width: 991px) {
  nav.nav--main {
    display: none;
  }
}
nav.nav--mobile {
  background-color: #fff;
  display: block;
  height: auto;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 100%;
  z-index: 999;
}
nav.nav--mobile > ul {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: flex-start;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
nav.nav--mobile > ul > li {
  border-bottom: 1px solid #f8f8f8;
  display: block;
  height: auto;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 100%;
}
nav.nav--mobile > ul > li > a {
  align-items: center;
  color: var(--color-text);
  display: flex;
  flex-direction: row;
  font-family: DINN-Regular;
  font-size: 14px;
  justify-content: flex-start;
  min-height: 40px;
  padding: 5px 15px;
  width: 100%;
}
nav.nav--mobile > ul > li.report-rumor {
  display: none;
  padding: 0.5rem;
}
nav.nav--mobile > ul > li.report-rumor > a,
nav.nav--mobile > ul > li.report-rumor > a:hover {
  color: var(--color-white);
}
nav.nav--mobile > ul > li.report-rumor:hover {
  background-color: transparent;
}
nav.nav--mobile > ul > li.report-rumor:hover > a {
  color: var(--color-white);
}
@media only screen and (max-width: 767px) {
  nav.nav--mobile > ul > li.report-rumor {
    display: block;
  }
}
nav.nav--mobile > ul > li.active,
nav.nav--mobile > ul > li:hover {
  background-color: var(--color-primary-t);
}
nav.nav--mobile > ul > li.active > a,
nav.nav--mobile > ul > li:hover > a {
  color: var(--color-primary);
}
nav.nav--mobile > ul > li.login {
  display: none;
}
nav.nav--mobile.reveal {
  -webkit-animation: fadeIn 0.5s forwards;
  animation: fadeIn 0.5s forwards;
}
nav.nav--mobile.conceal {
  -webkit-animation: fadeOut 0.5s forwards;
  animation: fadeOut 0.5s forwards;
}
form.form {
  position: relative;
}
form.form .form-group {
  margin-bottom: 16px;
  position: relative;
}
form.form .form-group .form-control,
form.form .form-group textarea {
  background-color: var(--color-white);
  border: 2px solid #efefef;
  border-radius: 4px;
  box-shadow: none !important;
  color: #625b5b;
  font-size: 14px;
  height: 40px;
  outline: none !important;
  padding: 3px 10px 6px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
form.form .form-group .form-control::-moz-placeholder,
form.form .form-group textarea::-moz-placeholder {
  color: #9c9797;
}
form.form .form-group .form-control::placeholder,
form.form .form-group textarea::placeholder {
  color: #9c9797;
}
form.form .form-group .form-control:active,
form.form .form-group .form-control:focus,
form.form .form-group .form-control:hover,
form.form .form-group textarea:active,
form.form .form-group textarea:focus,
form.form .form-group textarea:hover {
  border-color: var(--color-primary-d);
}
form.form .form-group .form-control.is-invalid,
form.form .form-group textarea.is-invalid {
  background: rgba(253, 93, 108, 0.05) !important;
  border-color: #fd5d6c !important;
  color: #fd5d6c;
}
form.form .form-group .form-control.is-valid,
form.form .form-group textarea.is-valid {
  background: rgba(93, 213, 196, 0.05) !important;
  border-color: #000000 !important;
  color: #000000;
}
form.form .form-group .form-control textarea,
form.form .form-group textarea textarea {
  min-height: 100px;
}
form.form .form-group .form-control .invalid-feedback,
form.form .form-group .form-control .valid-feedback,
form.form .form-group textarea .invalid-feedback,
form.form .form-group textarea .valid-feedback {
  border-radius: 30px;
  bottom: -15px;
  color: #fd5d6c;
  font-size: 10px !important;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: auto;
}
form.form .form-group .form-control .invalid-feedback.visible,
form.form .form-group .form-control .valid-feedback.visible,
form.form .form-group textarea .invalid-feedback.visible,
form.form .form-group textarea .valid-feedback.visible {
  display: block;
}
form.form .form-group .form-control .invalid-feedback--rel,
form.form .form-group .form-control .valid-feedback--rel,
form.form .form-group textarea .invalid-feedback--rel,
form.form .form-group textarea .valid-feedback--rel {
  bottom: unset;
  margin-top: 5px;
  position: relative;
  text-align: left;
}
form.form .form-group .form-control .valid-feedback,
form.form .form-group textarea .valid-feedback {
  color: #000000;
}
form.form .form-group .form-control .help-block,
form.form .form-group textarea .help-block {
  color: #6d6d6d;
  font-size: 11px;
  left: 5px;
  padding: 0;
  position: absolute;
  top: 10px;
  width: auto;
}
form.form .form-group .form-control label,
form.form .form-group textarea label {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
form.form .form-group .form-control label.label-light,
form.form .form-group textarea label.label-light {
  font-weight: 400;
}
form.form .form-group .form-control--inline,
form.form .form-group textarea--inline {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
form.form .form-group .form-control--submit > .btn,
form.form .form-group textarea--submit > .btn {
  float: left;
}
form.form .form-group.payment-type .form-control {
  padding-left: 50px;
}
form.form .form-group.payment-type:after {
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 20px;
  left: 10px;
  position: absolute;
  top: 11px;
  width: 32px;
}
form.form .form-group.payment-type.mada:after {
  background-image: url(../img/mada.svg);
}
form.form .form-group .input-wrapper-expiry {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
form.form .form-group .input-wrapper-expiry .card-month {
  /* border-left: 0; */
  border-radius: 0 4px 4px 0;
}
form.form .form-group .input-wrapper-expiry .separator {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  padding: 0;
  width: 10px;
}
form.form .form-group .input-wrapper-expiry .card-year {
  border-radius: 4px 0 0 4px;
  /* border-right: 0; */
}
form.form .form-group .input-wrapper-expiry .card-month,
form.form .form-group .input-wrapper-expiry .card-year {
  padding: 0;
  text-align: center;
}
form.form .form-group .input-wrapper-expiry.focused .form-control,
form.form .form-group .input-wrapper-expiry:hover .form-control {
  border-color: var(--color-primary-d);
}
form.form .form-group--w-icon i {
  color: #9c9797;
  font-size: 16px;
  position: absolute;
  right: 10px;
  top: 12px;
}
form.form .form-group--w-icon .form-control {
  padding-right: 35px !important;
}
form.form .form-group .show-error {
  display: block;
}
form.form--payment .form-group {
  margin-bottom: 24px;
}
form.form--payment .form-group .form-control {
  border-width: 2px;
  height: 40px;
  padding: 3px 10px;
}
form.form--coupon {
  display: none;
  margin: 15px 0 0;
}
form.form--coupon .form-group {
  margin-bottom: 16px;
}
form.form--coupon .form-group .clear-input {
  align-items: center;
  background-color: #e0e0e0;
  border-radius: 50%;
  color: var(--color-white);
  cursor: pointer;
  display: inline-block;
  display: flex;
  flex-direction: row;
  font-size: 12px;
  height: 19px;
  justify-content: center;
  opacity: 0;
  padding: 0 0 1px 1px;
  position: absolute;
  right: 13px;
  top: 13px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  visibility: hidden;
  width: 19px;
}
form.form--coupon .form-group .clear-input:hover {
  background-color: #cdcdcd;
}
form.form--coupon #coupon_form_submit {
  left: 5px;
  line-height: 15px;
  min-height: 30px;
  min-width: 100px;
  position: absolute;
  top: 5px;
}
form.form--coupon.touched #coupon_field {
  padding-right: 50px;
}
form.form--coupon.touched .clear-input {
  opacity: 1;
  visibility: visible;
}
form.form#user_form .form-group {
  margin-bottom: 1.5rem;
}
#receiver_note {
  min-height: 100px;
}
.rumor {
  position: relative;
}
.rumor--archive {
  border-radius: 10px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  display: block;
  height: auto;
  margin: 0 0 20px;
  overflow: hidden;
  padding: 100% 0 0;
  width: 100%;
}
.rumor--archive .rumor__meta,
.rumor--archive .rumor__thumb {
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 100%;
}
.rumor--archive .rumor__thumb {
  opacity: 0.95;
  top: 0;
}
.rumor--archive .rumor__meta {
  bottom: 0;
  padding: 20px;
  z-index: 10;
}
.rumor--archive .rumor__meta h2 {
  color: var(--color-white);
  font-size: 18px;
  line-height: 1.3;
  margin: 0 0 8px;
}
.rumor--archive .rumor__meta small {
  color: var(--color-alert);
  display: inline-block;
  font-family: DINN-Medium;
  font-size: 14px;
  position: relative;
}
.rumor--archive .rumor__meta small:after {
  background: var(--color-alert);
  height: 1px;
  transform: scaleX(0);
  transform-origin: right;
}
.rumor--archive .rumor__meta small:after,
.rumor--archive:after {
  bottom: 0;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 100%;
}
.rumor--archive:after {
  background: #000;
  background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.9));
  height: 50%;
  opacity: 0.8;
  pointer-events: none;
  z-index: 9;
}
.rumor--archive:hover .rumor__thumb {
  opacity: 1;
}
.rumor--archive:hover .rumor__meta {
  transform: translateY(-10px);
}
.rumor--archive:hover .rumor__meta small:after {
  transform: scaleX(1);
}
.rumor--archive:hover:after {
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  .rumor--archive {
    margin: 0 0 15px;
  }
  .rumor--archive .rumor__meta {
    padding: 8px;
  }
  .rumor--archive .rumor__meta h2,
  .rumor--archive .rumor__meta small {
    font-size: x-small;
  }
  .rumor--archive .rumor__meta h2 {
    margin: 0;
  }
  .rumor--archive:after {
    height: 100%;
  }
}
footer.footer .footer-block {
  margin-bottom: 20px;
  padding: 0 20px 20px;
  position: relative;
}
footer.footer .footer-block__title {
  font-size: 25px;
  margin: 0;
  padding: 0 0 15px;
  position: relative;
}
footer.footer .footer-block__title:before {
  background-color: var(--color-primary);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: -20px;
  top: 0;
  width: 1px;
}
footer.footer .footer-block p {
  color: #303030;
  font-size: 15px;
}
footer.footer .footer-block .logo {
  margin-bottom: 20px;
}
footer.footer .footer-block .footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
footer.footer .footer-block .footer-links li {
  flex: 1;
}
footer.footer .footer-block .footer-links li a {
  color: var(--color-primary);
  font-family: DINN-Medium;
  position: relative;
}
footer.footer .footer-block .footer-links li a:after {
  background: var(--color-primary);
  bottom: -10px;
  content: "";
  display: block;
  height: 2px;
  position: absolute;
  right: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 25%;
}
footer.footer .footer-block .footer-links li a:hover:after {
  transform: scaleX(1);
}
footer.footer .footer-block .btn--link {
  float: right;
  padding: 0;
}
footer.footer .footer-block:before {
  background: #f9f9f9;
  background: linear-gradient(180deg, #f9f9f9, #d9d9d9);
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
@media only screen and (max-width: 767px) {
  footer.footer .footer-block {
    margin-bottom: 50px;
  }
  footer.footer .footer-block__title {
    font-size: 20px;
  }
}
.breadcrumb {
  background: 0 0;
  border-radius: 0;
  display: flex;
  flex-direction: row;
  height: auto;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.breadcrumb,
.breadcrumb li.breadcrumb-item {
  align-items: center;
  justify-content: flex-start;
}
.breadcrumb li.breadcrumb-item {
  color: #c3c3c3;
  display: inline-flex;
  font-size: 14px;
  padding: 0 0 4px;
}
.breadcrumb li.breadcrumb-item a {
  color: #c3c3c3;
}
.breadcrumb li.breadcrumb-item:before {
  color: #c3c3c3;
  content: "";
  display: inline-block;
  font-family: sallaicons;
  font-size: 12px;
  margin: 5px 0 0;
  padding: 0 10px;
  transform: scaleX(1);
  vertical-align: middle;
}
.breadcrumb li.breadcrumb-item:first-child:before {
  display: none;
}
.breadcrumb li.breadcrumb-item:last-child {
  color: #767070;
  font-family: DINN-Medium;
}
.breadcrumb li.breadcrumb-item:hover a {
  color: var(--color-primary);
}
@media only screen and (max-width: 767px) {
  .breadcrumb li.breadcrumb-item {
    font-size: 12px;
  }
  .breadcrumb li.breadcrumb-item:before {
    padding: 0 5px;
  }
}
.article {
  color: var(--color-text);
  display: block;
  font-family: DINN-Regular;
  height: auto;
  line-height: 1.7;
  margin: 0 0 15px;
  position: relative;
  width: 100%;
}
.article p {
  font-size: 16px;
}
.article blockquote {
  border: none;
  color: var(--color-title);
  display: block;
  font-size: 25px;
  height: auto;
  margin: 0;
  padding: 0;
  width: 100%;
}
.article * {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .article * {
    margin-bottom: 15px;
  }
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  color: var(--color-title);
  font-family: DINN-Medium;
  font-size: 16px;
}
.article ol,
.article ul {
  margin-right: 15px;
  padding: 0;
}
.article ol li,
.article ul li {
  margin-bottom: 5px;
  padding-right: 10px;
}
.article ol li ol,
.article ol li ul,
.article ul li ol,
.article ul li ul {
  margin-right: 5px;
  margin-top: 10px;
}
.article ul li {
  list-style: none;
}
.article ul li:before {
  content: "-";
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}
.article img {
  display: block;
  margin: 0 0 20px;
  width: 100%;
}
.article .title--large {
  color: var(--color-primary);
  font-size: 30px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 767px) {
  .article .title--large {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
.article .title--small {
  font-size: 15px;
}
.article .title--tiny {
  font-size: 14px;
}
.article .title--green {
  color: var(--color-primary);
}
@media only screen and (max-width: 991px) {
  .article blockquote {
    background-color: #f8f8f8;
    border-radius: 10px;
    font-size: 16px;
    padding: 1rem;
  }
}
.article--side-padded {
  padding-right: 200px;
}
@media only screen and (max-width: 991px) {
  .article--side-padded {
    padding-right: 0;
  }
}
.ui.dropdown {
  align-items: center;
  border-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  min-height: unset !important;
  min-width: unset !important;
  transition: all easeOut 0.5s !important;
  width: 100%;
}
.ui.dropdown .text {
  color: #625b5b;
  transform: translateY(3px);
  width: 100%;
}
.ui.dropdown .text.default {
  color: #9c9797;
}
.ui.dropdown i.dropdown.icon {
  color: #8b8b8b;
  left: 10px !important;
  line-height: 1;
  margin: 0 !important;
  opacity: 1;
  padding: 0 !important;
  position: absolute;
  top: 54% !important;
  transform: translateY(-50%);
}
.ui.dropdown i.dropdown.icon:before {
  content: "";
  font-family: sallaicons;
  font-size: 16px;
}
.ui.dropdown.active,
.ui.dropdown.visible {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-color: var(--color-primary-d) !important;
}
.ui.dropdown.active:hover,
.ui.dropdown.visible:hover {
  border-color: var(--color-primary-d) !important;
}
.ui.dropdown.upward.active {
  border-radius: 0 0 5px 5px;
  border-top: none;
}
.ui.dropdown.upward.active .menu {
  border-bottom: none;
  border-radius: 5px 5px 0 0;
  border-top: 1px solid var(--color-primary) !important;
}
.ui.dropdown.find > .menu {
  max-height: unset !important;
  min-height: unset !important;
  overflow: hidden;
}
.ui.dropdown.find > .menu .search.input {
  margin: 0;
  padding: 0 10px 10px;
  position: relative;
}
.ui.dropdown.find > .menu .search.input i {
  opacity: 0.5;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-80%);
}
.ui.dropdown.find > .menu .search.input .form-control {
  background: #fafafa;
  border: none !important;
  height: 35px;
  padding-right: 35px;
}
.ui.dropdown.find > .menu .scrolling {
  max-height: 125px;
  overflow-y: auto;
}
.ui.dropdown .menu,
.ui.dropdown:hover {
  border-color: var(--color-primary-d);
}
.ui.dropdown .menu {
  overflow: auto;
  width: 100%;
}
.ui.dropdown .menu .item {
  color: #625b5b;
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.ui.dropdown .menu .item.active,
.ui.dropdown .menu .item.selected,
.ui.dropdown .menu .item:hover {
  background: #fafafa;
}
.ui.dropdown .menu::-webkit-scrollbar {
  width: 2px;
}
.ui.dropdown .menu::-webkit-scrollbar-track {
  background: rgba(var(--color-secondary), 0.8);
  border-radius: 0;
}
.ui.dropdown .menu::-webkit-scrollbar-thumb {
  background: var(--color-primary);
  border-radius: 0;
}
.ui.dropdown .menu::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(var(--color-primary), 0.5);
}
.ui.dropdown .menu::selection {
  background-color: rgba(40, 177, 69, 0.05);
  color: #28b145;
}
.ui.dropdown .menu::-moz-selection {
  background-color: rgba(40, 177, 69, 0.05);
  color: #28b145;
}
.ui.dropdown.selection {
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.ui.dropdown.selection:hover {
  border-color: var(--color-primary-d);
}
.ui.dropdown.selection .menu,
.ui.dropdown.selection .menu.visible:hover {
  border-color: var(--color-primary-d) !important;
}
.ui.dropdown.compact {
  border: 2px solid #efefef;
  min-height: 40px !important;
  padding: 7px 10px 5px 30px;
}
.ui.dropdown.compact .text {
  color: #625b5b;
  font-size: 14px;
}
.ui.dropdown.compact .text.default {
  color: #9c9797;
}
.ui.dropdown.compact i.dropdown:before {
  font-size: 13px;
}
.ui.dropdown.compact .menu {
  border-radius: 0 0 4px 4px;
  border-width: 2px;
  margin: 0 -2px 0 0 !important;
  max-height: 130px;
  min-width: calc(100% + 4px) !important;
  width: calc(100% + 4px) !important;
}
.ui.dropdown.compact .menu .item,
.ui.dropdown.compact .menu .message {
  font-size: 14px;
  padding: 8px 8px 10px !important;
}
.ui.dropdown.is-invalid {
  background-color: rgba(253, 93, 108, 0.05) !important;
  border-color: #fd5d6c !important;
}
.ui.dropdown.is-invalid .text {
  background-color: transparent;
  color: #fd5d6c;
}
.ui.dropdown.is-invalid i.dropdown.icon:before {
  color: #fd5d6c;
}
.ui.dropdown.is-invalid .menu {
  background-color: #fff;
  border-color: #fd5d6c !important;
}
.ui.dropdown.is-invalid .menu .item {
  background-color: transparent;
}
.ui.dropdown.is-invalid .menu .item.active,
.ui.dropdown.is-invalid .menu .item:hover {
  color: #fd5d6c !important;
}
.ui.dropdown.is-invalid:hover {
  border-color: rgba(253, 93, 108, 0.5);
}
.ui.accordion .accordion-wrapper {
  background-color: var(--color-white);
  border: 2px solid var(--color-white);
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin: 0 0 10px;
  padding: 10px 15px;
  position: relative;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.ui.accordion .accordion-wrapper .title {
  padding: 0;
}
.ui.accordion .accordion-wrapper .title > button.btn {
  background: #f5f5f5;
  border: none;
  border-radius: 5px;
  color: #a8a6a6;
  font-size: 14px;
  left: 0;
  min-height: unset;
  opacity: 0;
  padding: 4px 15px 8px 0;
  position: absolute;
  top: 5px;
  visibility: hidden;
}
.ui.accordion .accordion-wrapper .title > button.btn i {
  display: inline-block;
  font-size: 12px;
  pointer-events: none;
  transform: translateY(1px);
  vertical-align: middle;
}
.ui.accordion .accordion-wrapper .title > button.btn:hover {
  background: #ebebeb;
}
.ui.accordion .accordion-wrapper .title > button.btn.active {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.ui.accordion .accordion-wrapper .title > div {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 5px;
}
.ui.accordion .accordion-wrapper .title > div img {
  display: inline-block;
  margin-left: 10px;
  vertical-align: middle;
}
.ui.accordion .accordion-wrapper .title > div h3 {
  color: var(--color-title);
  display: inline-block;
  flex: 1;
  font-family: DINN-Regular;
  font-size: 15px;
  margin: 0;
  padding-left: 50px;
}
.ui.accordion .accordion-wrapper .title > span {
  color: #b2afaf;
  display: block;
  font-family: DINN-Regular;
  font-size: 14px;
  width: 100%;
}
.ui.accordion .accordion-wrapper .title.active > button.btn {
  opacity: 1;
  transition-delay: 0.1s;
  visibility: visible;
}
@media only screen and (max-width: 1199px) {
  .ui.accordion .accordion-wrapper .title > div h3 {
    font-size: 13px;
  }
  .ui.accordion .accordion-wrapper .title > span {
    font-size: 10px;
  }
}
.ui.accordion .accordion-wrapper .content {
  padding: 0 !important;
}
.ui.accordion .accordion-wrapper .content .full-address span {
  color: #868181;
  display: block;
  font-family: DINN-Regular;
  font-size: 14px;
  margin: 0 0 5px;
  width: 100%;
}
.ui.accordion .accordion-wrapper .content .full-address span.address__phone {
  unicode-bidi: -moz-plaintext;
  unicode-bidi: plaintext;
}
.ui.accordion .accordion-wrapper .content .full-address span.address__phone i {
  background-color: #afafaf;
  border-radius: 50%;
  color: var(--color-white);
  display: inline-block;
  float: right;
  font-size: 11px;
  height: 18px;
  margin: 0 0 0 8px;
  position: relative;
  vertical-align: middle;
  width: 18px;
}
.ui.accordion
  .accordion-wrapper
  .content
  .full-address
  span.address__phone
  i:before {
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateX(50%) translateY(-50%);
}
.ui.accordion .accordion-wrapper .content .pickup-location,
.ui.accordion .accordion-wrapper .content .shipping-method {
  align-items: center;
  border-top: 1px solid #f1f1f1;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 10px;
  padding-top: 5px;
}
.ui.accordion .accordion-wrapper .content .pickup-location > div *,
.ui.accordion .accordion-wrapper .content .shipping-method > div * {
  display: inline-block;
  font-size: 12px;
  margin: 0 0 0 5px;
}
.ui.accordion .accordion-wrapper .content .pickup-location > div p,
.ui.accordion .accordion-wrapper .content .shipping-method > div p {
  color: #6b6363;
}
.ui.accordion .accordion-wrapper .content .pickup-location > div img,
.ui.accordion .accordion-wrapper .content .shipping-method > div img {
  height: 10px;
}
.ui.accordion .accordion-wrapper .content .pickup-location > div small,
.ui.accordion .accordion-wrapper .content .shipping-method > div small {
  color: #9c9797;
}
.ui.accordion .accordion-wrapper .content .pickup-location > div.pickup-period,
.ui.accordion .accordion-wrapper .content .pickup-location > div.shipping-fee,
.ui.accordion .accordion-wrapper .content .shipping-method > div.pickup-period,
.ui.accordion .accordion-wrapper .content .shipping-method > div.shipping-fee {
  color: #3d3b3c;
  font-size: 12px;
  margin-top: 5px;
  unicode-bidi: -moz-plaintext;
  unicode-bidi: plaintext;
}
.ui.accordion
  .accordion-wrapper
  .content
  .pickup-location
  > div.pickup-period
  small,
.ui.accordion
  .accordion-wrapper
  .content
  .pickup-location
  > div.shipping-fee
  small,
.ui.accordion
  .accordion-wrapper
  .content
  .shipping-method
  > div.pickup-period
  small,
.ui.accordion
  .accordion-wrapper
  .content
  .shipping-method
  > div.shipping-fee
  small {
  display: inline-block;
  float: left;
  margin: 0 5px 0 0;
  vertical-align: middle;
}
.ui.accordion
  .accordion-wrapper
  .content
  .pickup-location
  > div.pickup-period.close
  small,
.ui.accordion
  .accordion-wrapper
  .content
  .pickup-location
  > div.pickup-period.open
  small,
.ui.accordion
  .accordion-wrapper
  .content
  .shipping-method
  > div.pickup-period.close
  small,
.ui.accordion
  .accordion-wrapper
  .content
  .shipping-method
  > div.pickup-period.open
  small {
  color: var(--color-primary);
  float: right;
  margin: 0 0 0 5px;
}
.ui.accordion .accordion-wrapper .content .pickup-location > div:first-child,
.ui.accordion .accordion-wrapper .content .shipping-method > div:first-child {
  flex: 1 0 auto;
}
@media only screen and (max-width: 1199px) {
  .ui.accordion .accordion-wrapper .content .pickup-location > div img,
  .ui.accordion .accordion-wrapper .content .shipping-method > div img {
    height: 10px;
  }
  .ui.accordion .accordion-wrapper .content .pickup-location > div small,
  .ui.accordion .accordion-wrapper .content .shipping-method > div small {
    font-size: 10px;
  }
  .ui.accordion
    .accordion-wrapper
    .content
    .pickup-location
    > div.pickup-period,
  .ui.accordion
    .accordion-wrapper
    .content
    .shipping-method
    > div.pickup-period {
    margin: 0;
  }
  .ui.accordion .accordion-wrapper .content .pickup-location > span,
  .ui.accordion .accordion-wrapper .content .shipping-method > span {
    font-size: 10px;
  }
}
.ui.accordion .accordion-wrapper:before {
  background: #fff;
  background: linear-gradient(
    0deg,
    hsla(0, 0%, 100%, 0.5),
    hsla(0, 0%, 100%, 0)
  );
  border-radius: 0 0 5px 5px;
  bottom: 0;
  height: 100%;
  left: 0;
  pointer-events: none;
  right: 0;
  top: 0;
  z-index: 8;
}
.ui.accordion .accordion-wrapper:after {
  color: var(--color-border);
  content: "";
  display: block;
  font-family: FontAwesome;
  height: 10px;
  left: 20px;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 10px;
  z-index: 10;
}
.ui.accordion .accordion-wrapper.selected,
.ui.accordion .accordion-wrapper:hover {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.ui.accordion .accordion-wrapper.selected {
  border-color: var(--color-primary);
  z-index: 99;
}
.ui.accordion .accordion-wrapper.selected:after {
  display: none;
}
.ui.accordion .accordion-wrapper.selected:before {
  opacity: 1;
  visibility: visible;
}
.ui.accordion .accordion-wrapper:before {
  background: url(../img/arrow-active.svg) 50% no-repeat;
  content: "";
  display: block;
  height: 22px;
  opacity: 0;
  position: absolute;
  right: -5px;
  top: -5px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  visibility: hidden;
  width: 22px;
}
.ui.accordion .accordion-wrapper:last-child {
  margin-bottom: 0;
}
.ui.checkbox.toggle input ~ label {
  cursor: pointer !important;
  font-size: 14px;
  padding-right: 50px;
}
.ui.checkbox.toggle input ~ label:before {
  background-color: hsla(0, 0%, 85%, 0.2) !important;
  border: 1px solid var(--color-border) !important;
  height: 24px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 42px;
}
.ui.checkbox.toggle input ~ label:after {
  background-color: var(--color-border) !important;
  box-shadow: none;
  height: 18px;
  right: 4px !important;
  top: 3px;
  width: 18px;
}
.ui.checkbox.toggle input:focus ~ label:before {
  background-color: hsla(0, 0%, 85%, 0.2) !important;
  border: 1px solid var(--color-border) !important;
}
.ui.checkbox.toggle input:focus:checked ~ label:before {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-primary) !important;
}
.ui.checkbox.toggle input:focus:checked ~ label:after {
  background-color: var(--color-primary) !important;
}
.ui.checkbox.toggle input:checked ~ label {
  color: var(--color-primary);
}
.ui.checkbox.toggle input:checked ~ label:before {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-primary) !important;
}
.ui.checkbox.toggle input:checked ~ label:after {
  background-color: var(--color-primary) !important;
  box-shadow: none;
  right: 20px !important;
}
.ui.checkbox.toggle input:checked:hover ~ label:before {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-primary) !important;
}
.ui.checkbox.toggle input:hover ~ label:before {
  background-color: hsla(0, 0%, 85%, 0.2) !important;
  border: 1px solid var(--color-border) !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2500px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 2500px),
  only screen and (min-resolution: 192dpi) and (min-width: 2500px),
  only screen and (min-resolution: 2dppx) and (min-width: 2500px) {
  .ui.checkbox.toggle input ~ label {
    padding-right: 55px;
  }
  .ui.checkbox.toggle input ~ label:after {
    top: 5px;
  }
  .ui.checkbox.toggle input:checked ~ label:after {
    right: 25px !important;
  }
}
.ui.checkbox.toggle.checked label {
  color: var(--color-primary) !important;
}
.ui.checkbox.toggle.custom {
  height: 35px;
  width: 100%;
}
.ui.checkbox.toggle.custom input ~ label {
  height: 35px;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ui.checkbox.toggle.custom input ~ label small {
  display: block;
  font-size: 14px;
  height: 100%;
  padding: 7px 6px 4px;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 50%;
  z-index: 9;
}
.ui.checkbox.toggle.custom input ~ label small:first-child {
  color: #848484;
  right: 0;
}
.ui.checkbox.toggle.custom input ~ label small:last-child {
  color: #bbb;
  left: 0;
}
.ui.checkbox.toggle.custom input ~ label:before {
  height: 100%;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 100% !important;
}
.ui.checkbox.toggle.custom input ~ label:after {
  height: calc(100% - 6px);
  right: 3px !important;
  top: 3px;
  width: 50%;
}
.ui.checkbox.toggle.custom input:focus:checked ~ label small:first-child {
  color: var(--color-text) !important;
}
.ui.checkbox.toggle.custom input:focus:checked ~ label small:last-child {
  color: var(--color-white);
}
.ui.checkbox.toggle.custom input:checked ~ label small:first-child {
  color: var(--color-text) !important;
}
.ui.checkbox.toggle.custom input:checked ~ label small:last-child {
  color: var(--color-white);
}
.ui.checkbox.toggle.custom input:checked ~ label:after {
  right: calc(50% - 3px) !important;
}
@media only screen and (max-width: 1199px) {
  .ui.checkbox.toggle.custom input ~ label small {
    font-size: 12px;
  }
}
.ui.checkbox.toggle.custom.unified input ~ label small:first-child {
  color: var(--color-white) !important;
}
.ui.checkbox.toggle.custom.unified input ~ label small:last-child {
  color: var(--color-text) !important;
}
.ui.checkbox.toggle.custom.unified input ~ label:before {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-primary) !important;
}
.ui.checkbox.toggle.custom.unified input ~ label:after {
  background-color: var(--color-primary) !important;
}
.ui.checkbox.toggle.custom.unified input:focus ~ label small:first-child {
  color: var(--color-white) !important;
}
.ui.checkbox.toggle.custom.unified input:focus ~ label small:last-child {
  color: var(--color-text) !important;
}
.ui.checkbox.toggle.custom.unified input:focus ~ label:before {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-primary) !important;
}
.ui.checkbox.toggle.custom.unified
  input:focus:checked
  ~ label
  small:first-child {
  color: var(--color-text) !important;
}
.ui.checkbox.toggle.custom.unified
  input:focus:checked
  ~ label
  small:last-child {
  color: var(--color-white) !important;
}
.ui.checkbox.toggle.custom.unified input:focus:checked ~ label:before {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-primary) !important;
}
.ui.checkbox.toggle.custom.unified input:focus:checked ~ label:after {
  background-color: var(--color-primary) !important;
}
.ui.checkbox.toggle.custom.unified input:checked ~ label small:first-child {
  color: var(--color-text) !important;
}
.ui.checkbox.toggle.custom.unified input:checked ~ label small:last-child {
  color: var(--color-white) !important;
}
.ui.checkbox.toggle.custom.unified input:checked ~ label:before {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-primary) !important;
}
.ui.checkbox.toggle.custom.unified input:checked ~ label:after {
  background-color: var(--color-primary) !important;
}
.ui.checkbox.toggle.custom.unified input:checked:hover ~ label:before {
  background-color: var(--color-white) !important;
  border: 1px solid var(--color-primary) !important;
}
.ui.checkbox.toggle.custom.unified.checked label small:first-child {
  color: var(--color-text) !important;
}
.ui.checkbox.toggle.custom.unified.checked label small:last-child {
  color: var(--color-white) !important;
}
.ui.checkbox.toggle.round input ~ label:after,
.ui.checkbox.toggle.round input ~ label:before {
  border-radius: 5px;
}
.ui.checkbox--extra-space {
  margin-bottom: 5px;
}
.ui.checkbox.default input ~ label {
  font-size: 14px;
}
.ui.checkbox.default input ~ label p {
  cursor: pointer;
  font-size: 14px;
  margin: 0;
}
.ui.checkbox.default input ~ label:after,
.ui.checkbox.default input ~ label:before {
  transform: translateY(2px);
}
.ui.checkbox.default input ~ label:after {
  transform: scale(0.8) translateY(2px);
}
.ui.modal {
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.05);
  height: auto;
  left: unset;
  overflow: visible;
  right: unset;
  top: unset;
}
.ui.modal .modal-title {
  color: #464646;
  font-size: 16px;
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 99;
}
.ui.modal article.article {
  margin: 0;
}
.ui.modal article.article p {
  font-size: 14px;
}
.ui.modal article.article p:last-child {
  margin: 0;
}
.ui.modal .note p {
  font-size: 14px;
  text-align: center;
}
.ui.modal .note--with-logo p {
  position: relative;
}
.ui.modal .note--with-logo p:after {
  background: #eee;
  content: "";
  display: block;
  height: 1px;
  margin: 20px auto;
  width: 50%;
}
.ui.modal .note--with-logo img {
  display: block;
  margin: 0 auto;
  max-height: 25px;
}
.ui.modal > .close {
  background-color: rgba(253, 93, 108, 0.2);
  border-radius: 50%;
  height: 40px;
  line-height: 1.7;
  padding: 0;
  right: 50%;
  text-align: center;
  top: -60px !important;
  transform: translateX(50%);
  width: 40px;
}
.ui.modal > .close:before {
  color: #fd5d6c;
  content: "";
  font-family: sallaicons;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
}
.ui.modal .actions {
  display: flex;
  justify-content: flex-end;
}
.ui.modal .actions button.btn {
  margin: 0 5px;
  min-width: 80px;
  padding-left: 20px;
  padding-right: 20px;
}
.ui.modal.with-loader {
  background-color: transparent;
}
.ui.modal.with-loader .content {
  background-color: transparent;
  box-shadow: none;
  padding: 0;
}
.ui.modal.with-loader .content .ui.inverted.dimmer {
  background-color: transparent;
}
.ui.modal.qr .content {
  text-align: center;
}
.ui.modal.qr .content img.qr-code {
  display: block;
  margin: 0 auto 20px;
  max-height: 200px;
}
@media only screen and (max-width: 767px) {
  .ui.modal {
    padding: 55px 0 0 !important;
  }
  .ui.modal > .close {
    height: 30px;
    left: 13px !important;
    line-height: 1.5;
    right: unset;
    top: 15px !important;
    transform: unset;
    width: 30px;
  }
  .ui.modal > .close:before {
    font-size: 20px;
  }
  .ui.modal.qr .content img.qr-code {
    max-height: 100px;
  }
}
.ui.modal.has-title .close.icon {
  height: 30px;
  line-height: 1.5;
  right: calc(100% - 45px);
  top: 15px !important;
  transform: unset !important;
  width: 30px;
}
.ui.modal.has-title .close.icon:before {
  font-size: 20px;
}
.ui.modal.has-title .content {
  padding-top: 60px !important;
}
.ui.modal.has-title .loc-enable {
  top: 60px !important;
}
@media only screen and (max-width: 767px) {
  .ui.modal.has-title .loc-enable {
    top: 55px !important;
  }
  .ui.modal#map_modal,
  .ui.modal#map_modal .content {
    height: 100%;
  }
}
.ui.modal#message_modal,
.ui.modal.failed {
  background: 0 0;
  color: var(--color-danger);
  font-weight: 700;
  text-align: center !important;
}
.ui.modal#message_modal .ui.inverted.dimmer,
.ui.modal.failed .ui.inverted.dimmer {
  background: 0 0;
}
.ui.modal#message_modal .close,
.ui.modal.failed .close {
  display: none !important;
}
.ui.modal#message_modal i,
.ui.modal.failed i {
  display: inline-block;
  font-size: 3rem;
  margin-bottom: 20px;
}
.ui.modal#message_modal .message,
.ui.modal.failed .message {
  text-align: center !important;
}
.ui.modal#message_modal .message b,
.ui.modal.failed .message b {
  display: block;
  font-size: 16px;
  margin: 0 0 15px;
  text-align: center;
}
.ui.modal#message_modal .content,
.ui.modal.failed .content {
  background: 0 0 !important;
}
.ui.modal .modal-error * {
  color: var(--color-danger);
}
.ui.modal .modal-error .ui.dimmer {
  position: relative !important;
}
.ui.modal .modal-error .ui.dimmer i {
  font-size: 50px;
  margin-bottom: 10px;
}
.ui.modal .modal-error .ui.dimmer .message {
  font-size: 15px;
}
.ui.dimmer {
  background-color: rgba(39, 39, 39, 0.8);
  padding: 0 !important;
}
.ui.dimmer.justify-end {
  justify-content: flex-end;
}
.ui.loader {
  display: block;
}
.store-info {
  align-items: center;
  border-bottom: 3px solid #f8f8f8;
  border-radius: 4px 4px 0 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 10px;
  position: relative;
  width: 100%;
}
.store-info__detail,
.store-info__logo {
  padding: 20px 20px 20px 10px;
}
.store-info__logo {
  position: relative;
}
.store-info__logo a {
  display: inline-block;
}
.store-info__logo a img {
  display: block;
  height: 45px;
}
.store-info__logo:after {
  background-color: var(--color-grey);
  content: "";
  display: block;
  height: 60%;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}
.store-info__detail {
  padding-right: 10px;
}
.store-info__detail h1 {
  color: var(--color-text);
  font-size: 20px;
  margin: 0;
  padding-bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .store-info {
    align-items: flex-start;
    flex-direction: column;
  }
  .store-info__logo a img {
    height: 30px;
  }
  .store-info__detail {
    padding-right: 5px;
  }
  .store-info__detail h1 {
    font-size: 18px;
  }
}
.cart-summary-wrapper {
  position: -webkit-sticky;
  position: sticky;
  top: 16px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.cart-summary-wrapper .cart-summary {
  align-items: center;
  background-color: #fafafa;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  list-style: none;
  margin: 10px 0;
  padding: 8px 15px;
  position: relative;
  width: 100%;
}
.cart-summary-wrapper .cart-summary li {
  border-bottom: 1px solid #f3f3f3;
  display: inline-flex;
  height: auto;
  justify-content: space-between;
  padding: 4px 0 8px;
  width: 100%;
}
.cart-summary-wrapper .cart-summary li h4 {
  color: #7d7676;
  font-family: DINN-Regular;
  font-size: 14px;
  margin: 0;
  padding: 4px 0 0;
}
.cart-summary-wrapper .cart-summary li .currency {
  transform: translateY(3px);
  white-space: nowrap;
}
.cart-summary-wrapper .cart-summary li.title {
  padding: 4px 30px 10px 0;
}
.cart-summary-wrapper .cart-summary li.title h4 {
  font-weight: 700;
  padding: 6px 0 0;
}
.cart-summary-wrapper .cart-summary li.title:after {
  background: url(../img/cart.svg) 50% no-repeat;
  background-size: contain;
  content: "";
  display: block;
  height: 21px;
  opacity: 0.6;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
}
.cart-summary-wrapper .cart-summary li.title:before {
  align-items: center;
  background-color: var(--color-primary);
  border-radius: 50%;
  color: var(--color-white);
  content: attr(data-total-elements);
  display: flex;
  flex-direction: row;
  font-size: 12px;
  height: 20px;
  justify-content: center;
  padding: 0 2px 2px 0;
  position: absolute;
  right: -7px;
  top: 0;
  width: 20px;
  z-index: 99;
}
.cart-summary-wrapper .cart-summary li.total,
.cart-summary-wrapper .cart-summary li:last-child {
  border: none;
  border-radius: 4px;
}
.cart-summary-wrapper .cart-summary li.total *,
.cart-summary-wrapper .cart-summary li.total .currency b,
.cart-summary-wrapper .cart-summary li:last-child *,
.cart-summary-wrapper .cart-summary li:last-child .currency b {
  font-weight: 700;
}
.cart-summary-wrapper .cart-summary li.proceed {
  padding: 0;
}
.cart-summary-wrapper .cart-summary li.column {
  flex-direction: column;
}
.cart-summary-wrapper .cart-summary li.no-border {
  border: none;
}
.cart-summary-wrapper .cart-summary li:first-child {
  padding-top: 0;
}
.cart-summary-wrapper .cart-summary li:last-child {
  border: none;
  padding-bottom: 3px;
}
.cart-summary-wrapper .cart-summary--desktop {
  border-radius: 4px;
  margin: 0;
}
.cart-summary-wrapper .cart-summary--top {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  padding-bottom: 0 !important;
}
.cart-summary-wrapper .cart-summary--bottom {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  padding-top: 0 !important;
}
@media only screen and (max-width: 767px) {
  .cart-summary-wrapper .cart-summary {
    margin-bottom: 5px;
  }
}
#cart_summary_mobile {
  margin: 0 0 30px;
}
#cart_summary_mobile .cart-summary * {
  font-size: small;
}
@media only screen and (min-width: 991px) {
  #cart_summary_mobile {
    display: none;
  }
}
#cart_summary_desktop .cart-summary {
  background-color: var(--color-white);
  border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  margin: 0;
  padding: 15px 20px 40px;
}
#cart_summary_desktop .cart-summary * {
  font-size: 13px;
}
#cart_summary_desktop .cart-summary li:not(.title) {
  padding: 10px 0 12px;
}
#cart_summary_desktop .cart-summary li.total,
#cart_summary_desktop .cart-summary li:last-child {
  border-bottom: 1px solid #f3f3f3;
}
#cart_summary_desktop .cart-summary li.proceed {
  padding: 0;
}
#cart_summary_desktop .cart-summary li a {
  cursor: pointer;
}
#cart_summary_desktop .cart-summary li a i {
  font-size: 15px;
  margin-right: 5px;
  vertical-align: middle;
}
#cart_summary_desktop .btn.btn--fixed {
  height: 40px;
}
@media only screen and (max-width: 991px) {
  #cart_summary_desktop {
    display: none;
  }
}
.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list--horizontal {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.list--rating li {
  background-image: url(../img/star-dimmed.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  height: 15px;
  margin: 0 0 0 5px;
  width: 15px;
}
.list--rating li.star {
  background-image: url(../img/star.svg);
}
.list--rating li:last-child {
  margin: 0;
}
.list--payment-methods {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -8px 20px;
  position: relative;
  width: calc(100% + 16px);
}
.list--payment-methods li {
  display: block;
  flex: 1 0 calc(20% - 16px);
  margin: 8px;
  position: relative;
}
@media only screen and (max-width: 1199px) {
  .list--payment-methods li {
    flex: 1 0 calc(25% - 8px);
    margin: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .list--payment-methods {
    margin: 0 0 20px;
    width: 100%;
  }
  .list--payment-methods li {
    flex: 1 0 calc(50% - 8px);
  }
}
.list--shipping-address {
  grid-gap: 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0 0 20px;
}
.list--shipping-address.no-margin {
  margin: 0;
}
.list--shipping-address li {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.list--shipping-address li.new-address.wide {
  grid-column: span 3;
}
@media only screen and (max-width: 767px) {
  .list--shipping-address {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 480px) {
  .list--shipping-address {
    grid-template-columns: repeat(1, 1fr);
  }
  .list--shipping-address li.wide {
    grid-column: unset !important;
  }
}
.list--shipping {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}
.list--shipping li label:hover {
  background-color: #fcfcfc;
}
.list--steps-indicator,
.list--steps-indicator li {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: row;
  height: 100%;
  justify-content: center;
}
.list--steps-indicator li {
  border-left: 1px solid #f8f8f8;
  padding: 0 20px;
}
.list--steps-indicator li:last-child {
  border: none;
}
.list--brands {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 5px 0 0;
}
.list--brands li {
  color: #c4c4c4;
  display: inline-block;
  font-size: 14px;
  margin: 0 5px;
}
.list--brands li img {
  display: inline-block;
  height: auto;
  opacity: 0.4;
  vertical-align: middle;
  width: 15px;
}
.list--check li:before {
  color: inherit;
  content: "";
  display: inline-block;
  font-family: sallaicons;
  font-size: 14px;
  margin-left: 10px;
  vertical-align: baseline;
}
.uploader {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .uploader {
    margin: 0.5rem 0 0;
  }
}
.branches-list {
  height: auto;
  list-style: none;
  margin: 15px 0 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.branches-list li {
  align-items: center;
  border-bottom: 1px solid #f1f1f1;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  position: relative;
}
.branches-list li .option-cont {
  width: 100%;
}
.branches-list li .option-cont input[type="radio"]:checked,
.branches-list li .option-cont input[type="radio"]:not(:checked) {
  display: none;
}
.branches-list li .option-cont input[type="radio"]:checked + label,
.branches-list li .option-cont input[type="radio"]:not(:checked) + label {
  color: #666;
  cursor: pointer;
  display: inline-block;
  line-height: 20px;
  margin: 0;
  padding: 10px 25px 10px 0;
  position: relative;
  width: 100%;
}
.branches-list li .option-cont input[type="radio"]:checked + label h4,
.branches-list li .option-cont input[type="radio"]:not(:checked) + label h4 {
  color: var(--color-text);
  font-size: 14px;
  margin: 0;
  padding: 0 0 0 40px;
}
.branches-list li .option-cont input[type="radio"]:checked + label h4 b,
.branches-list li .option-cont input[type="radio"]:not(:checked) + label h4 b {
  color: #b3b3b3;
  display: inline-block;
  font-family: DINN-Regular;
  font-size: 14px;
  font-weight: 400;
  margin: 0 5px 2px 0;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .branches-list li .option-cont input[type="radio"]:checked + label h4 b,
  .branches-list
    li
    .option-cont
    input[type="radio"]:not(:checked)
    + label
    h4
    b {
    display: block;
    margin: 5px 0 0;
  }
}
.branches-list li .option-cont input[type="radio"]:checked + label span,
.branches-list li .option-cont input[type="radio"]:not(:checked) + label span {
  font-size: 11px;
}
.branches-list li .option-cont input[type="radio"]:checked + label span b,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  span
  b {
  display: inline-block;
  font-weight: 400;
  line-height: 1;
  margin: 0 3px 0 0;
  position: relative;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  span
  b:before,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  span
  b:before {
  border-radius: 50%;
  content: "";
  display: inline-block;
  height: 5px;
  margin-left: 5px;
  vertical-align: middle;
  width: 5px;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail {
  cursor: default;
  display: none;
  margin: 5px 0 0;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail.visible,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail.visible {
  display: block !important;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .map-placeholder,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .map-placeholder {
  background: #f3f3f3;
  border-radius: 4px;
  height: 80px;
  overflow: hidden;
  width: 100%;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .map-placeholder
  h4,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .map-placeholder
  h4 {
  color: #c1c1c1;
  font-size: 12px;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 10px 0;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div {
  align-items: flex-start;
  display: flex;
  flex: 1 0 100%;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 15px;
  width: 100%;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-working-hours,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours {
  display: block;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul {
  grid-gap: 15px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin: 10px 0 0;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li {
  margin: 0 !important;
  width: auto;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li
  .bd-working-hours-cont,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li
  .bd-working-hours-cont {
  border: 1px solid #f7f7f7;
  border-radius: 4px;
  height: 100%;
  padding: 10px;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li
  .bd-working-hours-cont
  span,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li
  .bd-working-hours-cont
  span {
  display: block;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 5px;
  width: 100%;
}
.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,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li
  .bd-working-hours-cont
  span:before {
  color: #b7b7b7;
  content: "";
  display: inline-block;
  font-family: sallaicons;
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li
  .bd-working-hours-cont
  ul,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li
  .bd-working-hours-cont
  ul {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  position: relative;
}
.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,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li
  .bd-working-hours-cont
  ul
  li {
  align-items: center;
  border-bottom: 1px solid #f7f7f7;
  display: inline-flex;
  justify-content: flex-start;
  padding-bottom: 5px;
  width: 100%;
}
.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,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  > ul
  li
  .bd-working-hours-cont
  ul
  li
  b {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  vertical-align: middle;
}
.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,
.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;
}
.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,
.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;
}
.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,
.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;
}
.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,
.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) {
  .branches-list
    li
    .option-cont
    input[type="radio"]:checked
    + label
    .branch-detail
    .cont
    > div.bd-working-hours
    > ul,
  .branches-list
    li
    .option-cont
    input[type="radio"]:not(:checked)
    + label
    .branch-detail
    .cont
    > div.bd-working-hours
    > ul {
    grid-gap: 8px;
    grid-template-columns: repeat(2, 1fr);
  }
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div
  h4,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div
  h4 {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div
  ul,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div
  ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div
  ul
  li,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div
  ul
  li {
  border: none;
  display: inline-block;
  font-size: 13px;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div
  ul
  li
  a,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div
  ul
  li
  a {
  background: #eee;
  color: var(--color-text);
  font-size: 13px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div
  ul
  li
  a
  i,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div
  ul
  li
  a
  i {
  color: #868686;
  display: inline-block;
  margin-left: 4px;
  transform: translateY(-2px);
  vertical-align: middle;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div
  ul
  li
  a:hover,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div
  ul
  li
  a:hover {
  color: #9c9c9c;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div
  small,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div
  small {
  color: #9c9c9c;
  display: block;
  font-size: 1rem;
  margin: 5px 0;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-contact
  ul
  li,
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  ul
  li,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-contact
  ul
  li,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  ul
  li {
  margin: 0;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-contact
  ul
  li
  a,
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  ul
  li
  a,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-contact
  ul
  li
  a,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  ul
  li
  a {
  background-color: hsla(0, 0%, 93%, 0.5);
  border-radius: 50px;
  display: block;
  padding: 4px 10px 5px;
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-contact
  ul
  li
  a:hover,
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  ul
  li
  a:hover,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-contact
  ul
  li
  a:hover,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  .branch-detail
  .cont
  > div.bd-working-hours
  ul
  li
  a:hover {
  background-color: hsla(0, 0%, 93%, 0.8);
  color: unset;
}
@media only screen and (max-width: 767px) {
  .branches-list
    li
    .option-cont
    input[type="radio"]:checked
    + label
    .branch-detail
    .cont
    > div.bd-contact
    ul
    li,
  .branches-list
    li
    .option-cont
    input[type="radio"]:checked
    + label
    .branch-detail
    .cont
    > div.bd-working-hours
    ul
    li,
  .branches-list
    li
    .option-cont
    input[type="radio"]:not(:checked)
    + label
    .branch-detail
    .cont
    > div.bd-contact
    ul
    li,
  .branches-list
    li
    .option-cont
    input[type="radio"]:not(:checked)
    + label
    .branch-detail
    .cont
    > div.bd-working-hours
    ul
    li {
    margin: 4px 0;
  }
}
.branches-list
  li
  .option-cont
  input[type="radio"]:checked
  + label
  .branch-detail
  .cont
  > div:last-child,
.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) {
  .branches-list
    li
    .option-cont
    input[type="radio"]:checked
    + label
    .branch-detail
    .cont,
  .branches-list
    li
    .option-cont
    input[type="radio"]:not(:checked)
    + label
    .branch-detail
    .cont {
    padding: 8px;
  }
}
.branches-list li .option-cont input[type="radio"]:checked + label:after,
.branches-list li .option-cont input[type="radio"]:checked + label:before,
.branches-list li .option-cont input[type="radio"]:not(:checked) + label:after,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label:before {
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.branches-list li .option-cont input[type="radio"]:checked + label:before,
.branches-list
  li
  .option-cont
  input[type="radio"]:not(:checked)
  + label:before {
  border: 1px solid #e2e2e2;
  height: 16px;
  right: 0;
  top: 12px;
  width: 16px;
}
.branches-list li .option-cont input[type="radio"]:checked + label:after,
.branches-list li .option-cont input[type="radio"]:not(:checked) + label:after {
  background: var(--color-primary);
  height: 6px;
  right: 5px;
  top: 17px;
  width: 6px;
}
.branches-list li .option-cont input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
.branches-list li .option-cont input[type="radio"]:checked + label:before {
  border-color: var(--color-primary);
}
.branches-list li .option-cont input[type="radio"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
.branches-list li .btn.option-detail {
  border: 1px solid transparent;
  border-radius: 5px;
  box-shadow: none;
  font-size: 11px;
  left: 0;
  line-height: 10px;
  min-height: unset;
  padding: 5px;
  position: absolute;
  top: 12px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.branches-list li .btn.option-detail i {
  color: #c4c4c4;
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
}
.branches-list li .btn.option-detail i:first-child {
  color: #888;
}
.branches-list li .btn.option-detail span {
  margin-bottom: 3px;
}
.branches-list li .btn.option-detail.visible,
.branches-list li .btn.option-detail:active,
.branches-list li .btn.option-detail:focus,
.branches-list li .btn.option-detail:hover,
.branches-list li .btn.option-detail:visited {
  background: #f8f8f8;
}
@media only screen and (max-width: 767px) {
  .branches-list li .btn.option-detail {
    left: 5px;
  }
}
.branches-list li.open .option-cont {
  width: 100%;
}
.branches-list
  li.open
  .option-cont
  input[type="radio"]:checked
  + label
  > span
  b,
.branches-list
  li.open
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  > span
  b {
  color: var(--color-primary);
}
.branches-list
  li.open
  .option-cont
  input[type="radio"]:checked
  + label
  > span
  b:before,
.branches-list
  li.open
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  > span
  b:before {
  background: var(--color-primary-d);
}
.branches-list
  li.closed
  .option-cont
  input[type="radio"]:checked
  + label
  > span
  b,
.branches-list
  li.closed
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  > span
  b {
  color: var(--color-danger);
}
.branches-list
  li.closed
  .option-cont
  input[type="radio"]:checked
  + label
  > span
  b:before,
.branches-list
  li.closed
  .option-cont
  input[type="radio"]:not(:checked)
  + label
  > span
  b:before {
  background: var(--color-danger);
}
.branches-list li:last-child {
  border: none !important;
}
.shipping-middleware {
  display: block;
  margin: 0 0 6px;
  width: 100%;
}
.shipping-middleware input[type="radio"]:checked,
.shipping-middleware input[type="radio"]:not(:checked) {
  display: none;
}
.shipping-middleware input[type="radio"]:checked + label,
.shipping-middleware input[type="radio"]:not(:checked) + label {
  align-items: center;
  border-radius: 4px;
  color: #666;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  line-height: 20px;
  margin: 0;
  padding: 8px 35px 8px 10px;
  position: relative;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 100%;
}
.shipping-middleware input[type="radio"]:checked + label > div,
.shipping-middleware input[type="radio"]:not(:checked) + label > div {
  display: inline-block;
}
.shipping-middleware input[type="radio"]:checked + label > div:first-child,
.shipping-middleware
  input[type="radio"]:not(:checked)
  + label
  > div:first-child {
  flex: 1 1 auto;
}
.shipping-middleware
  input[type="radio"]:checked
  + label
  > div:first-child
  > small,
.shipping-middleware
  input[type="radio"]:not(:checked)
  + label
  > div:first-child
  > small {
  color: #b3b3b3;
  font-size: 12px;
  margin-right: 8px;
}
.shipping-middleware input[type="radio"]:checked + label > div:last-child,
.shipping-middleware
  input[type="radio"]:not(:checked)
  + label
  > div:last-child {
  font-size: 14px;
  font-weight: 400;
}
.shipping-middleware input[type="radio"]:checked + label > div .currency b,
.shipping-middleware
  input[type="radio"]:not(:checked)
  + label
  > div
  .currency
  b {
  border-radius: 4px;
  padding: 0 4px 2px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.shipping-middleware input[type="radio"]:checked + label > div .currency small,
.shipping-middleware
  input[type="radio"]:not(:checked)
  + label
  > div
  .currency
  small {
  margin: 0;
}
.shipping-middleware input[type="radio"]:checked + label:after,
.shipping-middleware input[type="radio"]:checked + label:before,
.shipping-middleware input[type="radio"]:not(:checked) + label:after,
.shipping-middleware input[type="radio"]:not(:checked) + label:before {
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.shipping-middleware input[type="radio"]:checked + label:before,
.shipping-middleware input[type="radio"]:not(:checked) + label:before {
  border: 1px solid #e2e2e2;
  height: 16px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.shipping-middleware input[type="radio"]:checked + label:after,
.shipping-middleware input[type="radio"]:not(:checked) + label:after {
  background: var(--color-primary);
  height: 6px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
}
@media only screen and (max-width: 991px) {
  .shipping-middleware input[type="radio"]:checked + label,
  .shipping-middleware input[type="radio"]:not(:checked) + label {
    padding-right: 25px;
  }
  .shipping-middleware input[type="radio"]:checked + label > div .currency b,
  .shipping-middleware
    input[type="radio"]:not(:checked)
    + label
    > div
    .currency
    b {
    font-size: 12px;
  }
  .shipping-middleware
    input[type="radio"]:checked
    + label
    > div:first-child
    small,
  .shipping-middleware
    input[type="radio"]:not(:checked)
    + label
    > div:first-child
    small {
    display: block;
    font-size: 11px;
    margin: 4px 0 0;
  }
  .shipping-middleware input[type="radio"]:checked + label > div:last-child,
  .shipping-middleware
    input[type="radio"]:not(:checked)
    + label
    > div:last-child {
    flex: 0 1 120px;
    text-align: left;
  }
  .shipping-middleware input[type="radio"]:checked + label:before,
  .shipping-middleware input[type="radio"]:not(:checked) + label:before {
    right: 5px;
  }
  .shipping-middleware input[type="radio"]:checked + label:after,
  .shipping-middleware input[type="radio"]:not(:checked) + label:after {
    right: 10px;
  }
}
.shipping-middleware input[type="radio"]:not(:checked) + label:after {
  opacity: 0;
  transform: translateY(-50%) scale(0);
}
.shipping-middleware input[type="radio"]:checked + label {
  background-color: #f7f7f7;
}
.shipping-middleware input[type="radio"]:checked + label * {
  color: var(--color-text) !important;
}
.shipping-middleware input[type="radio"]:checked + label div .currency b {
  background: rgba(0, 0, 0, 0.1);
}
.shipping-middleware input[type="radio"]:checked + label:before {
  border-color: var(--color-primary);
}
.shipping-middleware input[type="radio"]:checked + label:after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}
.shipping-middleware input[type="radio"]:checked + label:hover * {
  color: var(--color-text) !important;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2500px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 2500px),
  only screen and (min-resolution: 192dpi) and (min-width: 2500px),
  only screen and (min-resolution: 2dppx) and (min-width: 2500px) {
  .shipping-middleware input[type="radio"]:checked + label:after {
    right: 16px;
  }
}
.loader-cont {
  align-items: center;
  display: flex;
  flex-direction: row;
  height: auto;
  justify-content: center;
  min-height: 100px;
  position: relative;
  width: 100%;
}
.loader-cont--leftarea {
  left: 0;
  position: absolute;
  top: 31px;
}
.loader-cont--leftarea .ui {
  left: 18px;
  position: absolute;
  top: 20px;
}
.shipping-address-redirect #redirect_address {
  border: 1px solid #efefef;
  border-radius: 10px;
  display: none;
  margin: 6px 0 20px;
  padding: 10px 15px;
}
.shipping-address-redirect
  #redirect_address
  .section-title.payment-section-title {
  margin: 0 0 10px;
  padding: 0 0 10px;
  text-align: right;
  width: 100%;
}
.shipping-address-redirect
  #redirect_address
  .section-title.payment-section-title
  i {
  display: inline-block;
  font-size: 16px;
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.shipping-address-redirect
  #redirect_address
  .section-title.payment-section-title:before {
  background: url(../img/id-card.svg) 50% no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 18px;
  margin: 0 0 0 5px;
  opacity: 0.6;
  vertical-align: middle;
  width: 25px;
}
.shipping-address-redirect #redirect_address .shipping-address {
  border: 0;
  margin: 0;
  padding: 0;
  width: 100%;
}
.alert {
  border-radius: 5px;
  font-size: 14px;
  padding: 6px 10px 8px;
}
.alert i {
  margin: 0 5px;
}
.alert-default {
  background-color: #f8f8f8;
  padding: 20px;
}
.alert-center,
.alert-center * {
  text-align: center;
}
.ribbon--danger {
  background-color: #fd5d6c;
  color: #fff !important;
}
.ribbon--extra-cost {
  border-radius: 50px;
  display: block;
  font-size: 11px !important;
  height: auto;
  left: 50%;
  letter-spacing: -1px;
  line-height: 1;
  margin: 0 !important;
  padding: 2px 7px 3px;
  position: absolute;
  top: 20%;
  transform: translateY(-50%) translateX(-100%);
  width: auto;
}
.tel-input-wrapper.form-control {
  padding: 3px 0 6px !important;
}
.tel-input-wrapper.form-control.is-invalid {
  padding-left: 0 !important;
}
.tel-input-wrapper .vue-tel-input {
  border: none !important;
  box-shadow: none !important;
  position: relative;
}
.tel-input-wrapper .vue-tel-input .vti__dropdown {
  border-right: 1px solid #eee;
  height: 100%;
  position: static;
}
.tel-input-wrapper .vue-tel-input .vti__dropdown .vti__selection {
  padding-left: 25px;
}
.tel-input-wrapper .vue-tel-input .vti__dropdown .vti__selection .vti__flag {
  margin: 0 5px 0 0;
}
.tel-input-wrapper
  .vue-tel-input
  .vti__dropdown
  .vti__selection
  .vti__dropdown-arrow {
  display: none;
}
.tel-input-wrapper .vue-tel-input .vti__dropdown .vti__selection:after {
  content: "";
  display: inline-block;
  font-family: sallaicons;
  left: 12px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.tel-input-wrapper .vue-tel-input .vti__dropdown .vti__dropdown-list {
  border-color: #f1f1f1;
  border-radius: 5px;
  margin: 2px 0 0;
  width: 100%;
  z-index: 9;
}
.tel-input-wrapper .vue-tel-input .vti__dropdown .vti__dropdown-list li {
  align-items: center;
  direction: rtl;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 5px 10px;
}
.tel-input-wrapper
  .vue-tel-input
  .vti__dropdown
  .vti__dropdown-list
  li
  .vti__flag {
  margin: 0;
}
.tel-input-wrapper .vue-tel-input .vti__dropdown .vti__dropdown-list li span,
.tel-input-wrapper .vue-tel-input .vti__dropdown .vti__dropdown-list li strong {
  font-size: 11px;
}
.tel-input-wrapper .vue-tel-input .vti__dropdown .vti__dropdown-list li strong {
  flex: auto;
  margin: 0;
  padding: 0 10px;
}
.tel-input-wrapper .vue-tel-input .vti__dropdown .vti__dropdown-list li span {
  unicode-bidi: -moz-plaintext;
  unicode-bidi: plaintext;
}
.tel-input-wrapper
  .vue-tel-input
  .vti__dropdown
  .vti__dropdown-list
  li.last-preferred {
  border: none;
}
.tel-input-wrapper
  .vue-tel-input
  .vti__dropdown
  .vti__dropdown-list
  li.highlighted,
.tel-input-wrapper .vue-tel-input .vti__dropdown .vti__dropdown-list li:hover {
  background-color: #fafafa;
}
.tel-input-wrapper
  .vue-tel-input
  .vti__dropdown
  .vue-tel-input
  .flag-container {
  border: none;
}
.tel-input-wrapper .vue-tel-input .vti__dropdown.open,
.tel-input-wrapper .vue-tel-input .vti__dropdown:hover {
  background-color: transparent;
}
.tel-input-wrapper .vue-tel-input .vti__input {
  background-color: transparent !important;
  direction: ltr;
  text-align: left;
  unicode-bidi: -moz-plaintext !important;
  unicode-bidi: plaintext !important;
}
.tel-input-wrapper .vue-tel-input + .visible {
  display: block;
}
.store-notify {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  left: 0;
  min-height: 40px;
  padding: 5px 30px 5px 60px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 3500;
}
.store-notify * {
  color: inherit;
}
.store-notify i,
.store-notify span {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  color: inherit;
  display: inline-block;
  padding: 8px 10px;
}
.store-notify small {
  font-size: 12px;
}
.store-notify #notify-close,
.store-notify #notify_close {
  border-radius: 5px;
  display: block;
  height: 27px;
  left: 10px;
  margin: 0;
  min-height: unset;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.5s ease;
  width: 27px;
}
.store-notify #notify-close i,
.store-notify #notify_close i {
  background-color: transparent;
  border-radius: 0;
  color: inherit;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
}
.store-notify #notify-close:hover,
.store-notify #notify_close:hover {
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.store-notify #notify-close:hover:after,
.store-notify #notify_close:hover:after {
  display: none;
}
.store-notify p {
  color: inherit;
  font-size: 13px;
  line-height: 1;
  margin: 0;
  padding: 0 0 3px;
  text-align: center;
}
.store-notify .btn {
  margin-right: 10px;
}
.store-notify a {
  display: inline-block;
  margin: 0 4px;
  position: relative;
}
.store-notify a,
.store-notify a:after {
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.store-notify a:after {
  background-color: hsla(0, 0%, 100%, 0.3);
  bottom: -6px;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  transform: scaleX(0);
  transform-origin: right;
  width: 100%;
}
.store-notify a:hover {
  color: inherit;
}
.store-notify a:hover:after {
  transform: scaleX(1);
}
.store-notify.move-down {
  top: 40px;
}
@media only screen and (max-width: 767px) {
  .store-notify {
    padding: 5px 10px 5px 60px;
  }
  .store-notify p {
    line-height: 1.2;
  }
}
.store-notify--alert {
  background-color: #f2bd0b !important;
  color: #40301e !important;
}
.store-notify--alert .btn {
  background-color: transparent !important;
  flex-shrink: 0;
  height: 28px;
  min-height: auto;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .store-notify--alert {
    padding: 5px 10px 5px 50px;
  }
  .store-notify--alert p {
    text-align: right;
  }
}
.title {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin: 0 0 20px;
  position: relative;
}
.title * {
  margin: 0;
}
.title--section {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 0 0 30px;
  position: relative;
  text-align: center;
}
.title--section h2 {
  background-color: #fff;
  color: var(--main-color);
  font-size: 20px;
  margin: 0;
  padding: 0 20px;
  z-index: 2;
}
.title--section:before {
  background-color: #f0f0f0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  width: 60%;
  z-index: 0;
}
.title--small,
.title--smaller {
  margin-bottom: 15px;
}
.title--small > *,
.title--smaller > * {
  font-size: 16px;
}
.title--medium {
  margin-bottom: 15px;
}
.title--medium > * {
  font-size: 18px;
}
.title--inline {
  display: inline-block;
  float: right;
  margin: 0 0 0 10px;
  width: auto;
}
.title--smaller > * {
  font-size: 14px;
}
.address-entry {
  height: 100%;
  width: 100%;
}
.address-entry input {
  display: none;
}
.address-entry input + label {
  align-items: flex-start;
  border: 2px solid var(--color-white);
  border-radius: 5px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-start;
  margin: 0;
  overflow: hidden;
  padding: 10px 15px 15px;
  position: relative;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 100%;
}
.address-entry input + label b {
  font-size: 14px;
  margin: 0 0 5px;
  padding-left: 25px;
}
.address-entry input + label b:before {
  content: "";
  display: inline-block;
  font-family: sallaicons;
  font-size: 12px;
  margin: 0 0 0 5px;
  vertical-align: middle;
}
.address-entry input + label p {
  color: #9a9a9a;
  flex: auto;
  font-size: 12px;
  margin: 0;
}
.address-entry input + label .btn.btn--link {
  font-size: 12px;
  margin: 10px 0 0;
  padding: 0;
}
.address-entry input + label .btn.btn--link i {
  color: #a0a0a0;
  display: inline-block;
  margin-left: 5px;
  transform: translateY(3px);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  vertical-align: middle;
}
.address-entry input + label .btn.btn--link:hover,
.address-entry input + label .btn.btn--link:hover * {
  color: var(--color-title);
}
.address-entry input + label .btn.btn--link:hover:after {
  transform: scaleX(1);
}
.address-entry input + label .btn:after {
  background: var(--color-title);
  bottom: -3px;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 100%;
}
.address-entry input + label .btn.address-delete {
  height: 20px;
  left: 8px;
  min-height: unset;
  opacity: 0.7;
  padding: 0;
  position: absolute;
  top: 8px;
  width: 20px;
}
.address-entry input + label .btn.address-delete:after {
  background: 0 0;
  border: none;
  bottom: unset;
  content: "";
  font-family: sallaicons;
  font-size: 12px;
  height: 20px;
  left: 0;
  line-height: 20px;
  position: absolute;
  top: 0;
  transform: scale(1);
}
.address-entry input + label .btn.address-delete .loader-cont {
  height: 20px;
  min-height: unset;
  width: 20px;
}
.address-entry input + label .btn.address-delete.delete {
  background: 0 0 !important;
}
.address-entry input + label .btn.address-delete.delete:after {
  display: none;
}
.address-entry input + label .btn.address-delete:hover {
  color: #fff;
  opacity: 1;
}
.address-entry input + label:hover {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.address-entry input + label:before {
  background: var(--color-primary);
  border-radius: 50%;
  color: var(--color-text-reverse);
  content: "";
  display: block;
  font-family: sallaicons;
  font-size: 11px;
  height: 22px;
  padding: 7px 5px 0 0;
  position: absolute;
  right: -7px;
  text-align: center;
  top: -7px;
  transform: translate(15px, -15px);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 22px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 2500px),
  only screen and (min-device-pixel-ratio: 2) and (min-width: 2500px),
  only screen and (min-resolution: 192dpi) and (min-width: 2500px),
  only screen and (min-resolution: 2dppx) and (min-width: 2500px) {
  .address-entry input + label:before {
    padding: 7px 4px 0 0;
  }
}
.address-entry input:checked + label {
  border-color: var(--color-primary);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.address-entry input:checked + label b {
  color: var(--color-title);
}
.address-entry input:checked + label:before {
  transform: translate(0);
}
@media only screen and (max-width: 767px) {
  .address-entry input + label b {
    font-size: 13px;
  }
  .address-entry input + label .btn.btn--link {
    margin: 0;
  }
}
.tooltip-toggle {
  background: #fff;
  border: 1px solid #eee;
  overflow: visible;
  padding: 5px 12px;
  position: relative;
  z-index: 999;
}
.tooltip-toggle .tooltip-content {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05);
  cursor: default;
  min-width: 200px;
  opacity: 0;
  padding: 7px 12px 10px;
  position: absolute;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  visibility: hidden;
}
.tooltip-toggle .tooltip-content p {
  font-size: 12px;
  margin: 0;
  white-space: normal;
}
.tooltip-toggle .tooltip-content:after {
  border: 8px solid transparent;
  bottom: 0;
  content: "";
  height: 0;
  left: 50%;
  position: absolute;
  width: 0;
}
.tooltip-toggle.top .tooltip-content {
  bottom: 100%;
  right: 50%;
  transform: translateX(50%) translateY(-20px);
}
.tooltip-toggle.top .tooltip-content:after {
  border-bottom: 0;
  border-top-color: #fff;
  bottom: 0;
  margin-bottom: -8px;
  margin-left: -8px;
}
.tooltip-toggle.top.left .tooltip-content {
  left: -10px;
  right: unset;
  transform: translateX(0) translateY(-20px);
}
.tooltip-toggle.top.left .tooltip-content:after {
  left: 28px;
}
.tooltip-toggle.bottom .tooltip-content {
  right: 50%;
  top: 100%;
  transform: translateX(50%) translateY(20px);
}
.tooltip-toggle.bottom .tooltip-content:after {
  border-bottom-color: #fff;
  border-top: 0;
  bottom: unset;
  margin-left: -8px;
  margin-top: -8px;
  top: 0;
}
.tooltip-toggle.bottom.left .tooltip-content {
  left: -8px;
  right: unset;
  transform: translateX(0) translateY(-20px);
}
.tooltip-toggle.bottom.left .tooltip-content:after {
  left: 28px;
}
.tooltip-toggle.primary * {
  color: var(--color-text-reverse);
}
.tooltip-toggle.primary .tooltip-content {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.tooltip-toggle.primary .tooltip-content * {
  color: var(--color-text-reverse) !important;
}
.tooltip-toggle.primary .tooltip-content:after {
  border-bottom-color: var(--color-primary);
  border-top-color: var(--color-primary);
}
.tooltip-toggle:hover .tooltip-content {
  opacity: 1;
  visibility: visible;
}
.tooltip-toggle:hover.top .tooltip-content {
  transform: translateX(50%) translateY(-5px);
}
.tooltip-toggle:hover.top.left .tooltip-content {
  transform: translateX(0) translateY(-5px);
}
.tooltip-toggle:hover.bottom .tooltip-content {
  transform: translateX(50%) translateY(5px);
}
.tooltip-toggle:hover.bottom.left .tooltip-content {
  transform: translateX(0) translateY(5px);
}
.tabby-payment-info {
  margin-bottom: 25px;
}
.tabby-payment-info .btn {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.tabby-payment-info ul li {
  margin-bottom: 8px;
}
@media only screen and (max-width: 500px) {
  #tabby-checkout .integration__iframe--22fee {
    border-radius: 10px;
    height: 90%;
    max-height: 90%;
    right: 5%;
    top: 5%;
    width: 90%;
  }
}
#tabby-checkout .integration__paranja--bc586 {
  background: rgba(39, 39, 39, 0.8);
}
@media only screen and (max-width: 500px) {
  #tabby-checkout .integration__paranja--bc586 {
    display: block;
  }
}
#store_features {
  align-items: flex-start;
}
#store_features li {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: flex-start;
  padding: 0 10px;
  position: relative;
}
#store_features li * {
  text-align: center;
}
#store_features li span {
  align-items: center;
  border: 2px solid var(--color-main);
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  height: 65px;
  justify-content: center;
  margin: 0 0 10px;
  position: relative;
  width: 65px;
}
#store_features li span i {
  color: var(--color-main);
  display: block;
  font-size: 25px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#store_features li h3 {
  color: var(--color-main);
  font-size: 16px;
  font-weight: 400;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #store_features li span {
    height: 55px;
    width: 55px;
  }
  #store_features li span i {
    font-size: 20px;
  }
  #store_features li h3 {
    font-size: 12px;
  }
}
.price-cont,
.price-cont .price-wrapper {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.price-cont .price-wrapper {
  margin: -140px auto 20px;
  padding: 15px;
  width: auto;
}
.price-cont .price-wrapper svg {
  display: inline-block;
  flex: 0 0 40px;
  margin: 0 0 0 15px;
}
.price-cont .price-wrapper svg g {
  fill: var(--color-main);
}
.price-cont .price-wrapper .price {
  flex: 1 0 auto;
}
.price-cont .price-wrapper .price-main b {
  color: var(--color-main);
  font-size: 28px;
  line-height: 1;
}
.price-cont .price-wrapper .price-old {
  color: #c1c1c1;
  font-size: 16px;
  line-height: 1;
  text-decoration: line-through;
}
.price-cont .price-wrapper .discount-note {
  align-self: flex-end;
  background: #fff1f1;
  border-radius: 4px;
  line-height: 1;
  margin: 0 10px 0 0;
  padding: 1px 8px 7px;
  white-space: nowrap;
}
.price-cont .price-wrapper .discount-note small {
  color: #d3504f;
  font-size: 14px;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .price-cont .price-wrapper .price-main b {
    font-size: 20px;
  }
  .price-cont .price-wrapper .price-old {
    font-size: 15px;
  }
  .price-cont .price-wrapper .discount-note small {
    font-size: 14px;
  }
}
.section {
  height: auto;
  position: relative;
}
.section--intro {
  padding-bottom: 80px;
}
@media only screen and (max-width: 480px) {
  .section--intro {
    padding-bottom: 40px;
  }
}
.section--detail {
  padding-top: 80px;
}
.section--bg {
  background-color: #fbfbfb;
}
.home-block {
  padding: 0 0 60px;
  position: relative;
}
.home-block__title {
  margin: 0 0 30px;
  text-align: center;
}
.home-block__title h2 {
  color: #636363;
  font-size: 25px;
  margin: 0;
  text-align: center;
}
.home-block__title h2:before {
  background-color: #d7d7d7;
  border-radius: 2px;
  content: "";
  display: block;
  height: 2px;
  max-width: 30px;
  position: absolute;
  right: 50%;
  top: -10px;
  transform: translateX(50%);
  width: 50%;
}
.home-block__title.large h2 {
  font-size: 30px;
}
@media only screen and (max-width: 480px) {
  .home-block__title.large h2 {
    font-size: 25px;
  }
}
.home-block.tight .home-block__title {
  margin: 0 0 15px;
}
.testimonial-entry {
  padding: 0 15px;
}
.testimonial-entry .te__script {
  border-bottom: 1px solid hsla(0, 0%, 82%, 0.4);
  color: #838383;
  font-size: 15px;
  margin: 0 0 10px;
  padding: 0 0 10px;
}
.testimonial-entry .te__meta {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.testimonial-entry .te__meta > div {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
}
.testimonial-entry .te__meta > div .avatar {
  border-radius: 50%;
  display: inline-block;
  height: 35px;
  margin: 0 0 0 10px;
  overflow: hidden;
  vertical-align: middle;
  width: 35px;
}
.testimonial-entry .te__meta > div .avatar img {
  display: block;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.testimonial-entry .te__meta > div h2,
.testimonial-entry .te__meta > div h3 {
  font-family: DINN-Regular;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin: 0;
}
.testimonial-entry .te__meta > div h2 {
  margin: 0 0 5px;
}
.testimonial-entry .te__meta > div h3 {
  color: #bebebe;
}
.testimonial-entry .te__meta > div:last-child {
  align-self: flex-start;
  justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
  .testimonial-entry .te__script {
    font-size: 14px;
  }
  .testimonial-entry .te__meta {
    align-items: flex-start;
    flex-direction: column;
  }
  .testimonial-entry .te__meta > div:first-child {
    margin: 0 0 10px;
  }
}
#testimonials .slick-list {
  padding: 0 -15px;
}
@media only screen and (max-width: 480px) {
  #testimonials .slick-list {
    padding: 0;
  }
}
.slick-slider .slick-slide {
  height: auto;
}
.slick-slider.slick-dotted {
  margin-bottom: 40px;
}
.slick-slider.slick-dotted .slick-dots {
  bottom: -35px;
}
.slick-slider.slick-dotted .slick-dots li {
  margin: 0;
}
.slick-slider.slick-dotted .slick-dots li button {
  position: relative;
}
.slick-slider.slick-dotted .slick-dots li button:before {
  background: #979797;
  border: 2px solid #fbfbfb;
  border-radius: 50%;
  color: transparent;
  font-size: 0;
  height: 12px;
  line-height: 1;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translateY(-50%) translateX(50%);
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
  width: 12px;
}
.slick-slider.slick-dotted .slick-dots li.slick-active button:before {
  background: 0 0;
  border-color: #979797;
}
.qty-wrapper,
.qty-wrapper .qty {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.qty-wrapper .qty {
  min-height: 50px;
  padding: 10px 15px;
  width: auto;
}
.qty-wrapper .qty * {
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
}
.qty-wrapper .qty i {
  margin: 0 0 0 10px;
  transform: translateY(1px);
}
.qty-wrapper .qty h2 {
  font-family: DINN-Regular;
  line-height: 1;
  margin: 0 0 0 20px;
  white-space: nowrap;
}
.qty-wrapper .qty b {
  color: #ee2727;
}
@media only screen and (max-width: 480px) {
  .qty-wrapper .qty * {
    font-size: 16px;
  }
}
#countdown {
  direction: ltr;
  margin: 20px 0;
}
#countdown li {
  display: block;
}
#countdown li * {
  display: inline-block;
}
#countdown li b {
  color: gray;
  font-family: DINN-Regular;
  font-size: 50px;
  font-weight: 400;
  line-height: 1;
  margin: 0 0 10px;
}
#countdown li b:first-letter {
  color: #8c8c8c;
}
#countdown li small {
  color: #bbb;
  display: block;
  font-size: 20px;
  text-align: center;
}
#countdown li.cd__sep {
  margin: 0 15px;
}
#countdown li.cd__sep b {
  color: #d5d5d5;
  margin: 0;
  transform: translateY(-28px);
}
@media only screen and (max-width: 480px) {
  #countdown li b {
    font-size: 40px;
    margin: 0 0 5px;
  }
  #countdown li small {
    color: #bbb;
    display: block;
    font-size: 15px;
    text-align: center;
  }
  #countdown li.cd__sep {
    margin: 0 5px;
  }
  #countdown li.cd__sep b {
    transform: translateY(-15px);
  }
}
#countdown.countdown--small {
  margin: 1rem 0 0.5rem;
}
#countdown.countdown--small li b {
  font-size: 25px;
  margin: 0;
}
#countdown.countdown--small li small {
  font-size: 14px;
}
#countdown.countdown--small li.cd__sep {
  margin: 0 7px;
}
#countdown.countdown--small li.cd__sep b {
  transform: translateY(-15px);
}
#countdown.countdown--small h2 {
  background: #efefef;
  border-radius: 50px;
  color: #a0a0a0;
  font-size: 18px;
  margin: 0;
  padding: 1px 10px 7px;
}
@media only screen and (max-width: 767px) {
  #countdown.countdown--small {
    margin: 0.5rem 0;
  }
}
.cd-note {
  background-color: rgba(218, 67, 86, 0.05);
  border-radius: 50px;
  color: #da4356;
  font-size: 12px;
  margin: 0 0 10px;
  padding: 1px 10px 4px;
}
@media only screen and (max-width: 767px) {
  .cd-note {
    margin: 0;
  }
}
.cd-note--big {
  font-size: 14px;
}
.brands-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.brands-wrapper p {
  margin: 0 0 5px;
}
.brands-wrapper .list--brands li img {
  height: 18px;
  opacity: 1;
  width: auto;
}
#quick_order #error-msg,
#quick_order .error-style,
#quick_order .form-group .help-block {
  background: #da4356;
  border-radius: 50px;
  color: #fff !important;
  font-size: 11px;
  padding: 1px 8px 3px;
}
#quick_order .form-group .help-block {
  display: block;
  float: right;
  margin: 5px 0 0;
  position: relative;
  right: unset;
  top: unset;
}
#quick_order .form-group.has-danger:after {
  clear: both;
  content: "";
  display: table;
}
#quick_order #error-msg,
#quick_order #error-msg.hide {
  display: none;
}
.quick-order {
  height: auto;
  margin: 15px 0;
  padding: 15px;
  position: relative;
  width: 100%;
}
.quick-order .btn,
.quick-order .form-control {
  border-radius: 4px;
  height: 35px;
}
.quick-order .btn.qo-order {
  align-items: center;
  box-shadow: none;
  display: flex;
  flex-direction: row;
  font-size: 15px;
  justify-content: center;
  min-width: 150px;
  transition: all 0.5s cubic-bezier(0.2, 1, 0.3, 1);
}
.quick-order .btn.qo-order > * {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.quick-order .btn.qo-order span {
  transform: translateY(-9px);
}
.quick-order .btn.qo-order i {
  color: #000;
  opacity: 0;
  visibility: hidden;
}
.quick-order .btn.qo-order.close {
  background: rgba(0, 0, 0, 0.1);
  min-width: 40px;
}
.quick-order .btn.qo-order.close span {
  opacity: 0;
  visibility: hidden;
}
.quick-order .btn.qo-order.close i {
  opacity: 1;
  visibility: visible;
}
.quick-order .btn.qo-order.close:hover {
  background-color: rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 991px) {
  .quick-order .btn.qo-order {
    min-width: 80px;
  }
}
.quick-order .btn.qo-submit {
  border: none;
  font-size: 15px;
  min-width: 100%;
}
.quick-order .btn.qo-confirm {
  background-color: #000000;
  border: none;
  color: #fff !important;
  line-height: 1;
}
.quick-order .btn.qo-confirm:hover {
  background-color: #67bfaf;
}
.quick-order .qo-title {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.quick-order .qo-title 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-group .input-addon {
  position: relative;
}
.quick-order .qo-form .form-control {
  border: none;
  box-shadow: none;
}
.quick-order .qo-form .form-control::-moz-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 {
  background-color: #fff;
  border: none;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
  color: var(--main-color);
}
.quick-order--main .btn.qo-order:hover {
  background: #f8f8f8 !important;
}
.quick-order--main .btn.qo-submit {
  background: rgba(0, 0, 0, 0.8) !important;
  color: #fff;
}
.quick-order--main .qo-title 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%, 0.5);
}
.quick-order--main
  .qo-form
  .checkbox.checkbox--default
  input[type="checkbox"]
  + label:after {
  color: #fff;
}
.quick-order--light {
  background-color: #fff;
  border: 1px solid #eee;
}
.quick-order--light .btn.qo-order {
  background-color: #ddd;
  border: none;
  box-shadow: none;
  color: #767676;
}
.quick-order--light .btn.qo-order:hover {
  background: #cbcbcb !important;
}
.quick-order--light .btn.qo-submit {
  background: rgba(0, 0, 0, 0.5) !important;
  color: #fff;
}
.quick-order--light .qo-title 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%, 73%, 0.5);
}
.quick-order--light
  .qo-form
  .checkbox.checkbox--default
  input[type="checkbox"]
  + label:after {
  color: #b9b9b9;
}
.quick-order--grey {
  background-color: #f3f3f3;
  border: 1px solid #e0e0e0;
}
.quick-order--grey .btn.qo-order {
  background-color: #ddd;
  border: none;
  box-shadow: none;
  color: #767676;
}
.quick-order--grey .btn.qo-order:hover {
  background: #cbcbcb !important;
}
.quick-order--grey .btn.qo-submit {
  background: rgba(0, 0, 0, 0.5) !important;
  color: #fff;
}
.quick-order--grey .qo-title 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%, 73%, 0.5);
}
.quick-order--grey
  .qo-form
  .checkbox.checkbox--default
  input[type="checkbox"]
  + label:after {
  color: #b9b9b9;
}
.quick-order.confirmed {
  background: rgba(93, 213, 196, 0.05);
  border: 1px solid rgba(93, 213, 196, 0.5) !important;
}
.quick-order.confirmed .qo-title h1 span {
  font-size: 18px;
}
.quick-order.confirmed .qo-title h1 span i {
  display: inline-block;
  margin-left: 10px;
  transform: translateY(-3px);
  vertical-align: middle;
}
.quick-order.confirmed .qo-title * {
  color: #000000;
}
@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-theme_1 .quick-order,
body.salla-theme_1 .quick-order .btn,
body.salla-theme_1 .quick-order .form-control,
body.salla-theme_2 .quick-order,
body.salla-theme_2 .quick-order .btn,
body.salla-theme_2 .quick-order .form-control {
  border-radius: 4px;
}
body.salla-theme_6 .quick-order,
body.salla-theme_6 .quick-order .btn,
body.salla-theme_6 .quick-order .form-control {
  border-radius: 6px;
}
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: 7px;
}
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 {
  background-color: transparent;
  outline: none;
}
#one-click .intl-tel-input .flag-container .selected-flag .selected-dial-code {
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 1px;
  unicode-bidi: -moz-plaintext;
  unicode-bidi: plaintext;
}
#one-click .intl-tel-input .flag-container:before {
  background: #e4e4e4;
  content: "";
  display: inline-block;
  height: 70%;
  position: absolute;
  right: 0;
  top: 15%;
  width: 1px;
}
#one-click .intl-tel-input .form-control[type="tel"] {
  padding-left: 80px !important;
}
#one-click .intl-tel-input .country-list {
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  box-shadow: 0 1px 2px #e4e4e4;
  margin: 5px 0 0;
}
#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);
  }
}
.vue-tel-input {
  direction: ltr;
}
.vti__dropdown-list {
  top: 41px !important;
}
.jGrowl {
  color: #fff;
  outline: none;
  z-index: 4000;
}
.phpdebugbar-body *,
.widgets-list-item,
li.phpdebugbar-widgets-list-item {
  text-align: left !important;
}