/*---meanmenu---*/
a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  background: transparent none repeat scroll 0 0;
  float: left;
  min-height: 42px;
  padding: 4px 0 0;
  position: relative;
  width: 100%;
  z-index: 999999;
}

.mean-container a.meanmenu-reveal {
  width: 32px;
  height: 32px;
  padding: 3px 3px 1px;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  float: left; /*r*/
}

  .mean-container a.meanmenu-reveal span {
    display: block;
    background: #fff;
    height: 6px;
    margin-top: 4px;
    border-radius: 3px;
  }

.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #0c1923;
}

  .mean-container .mean-nav ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
  }

    .mean-container .mean-nav ul li {
      background: #f8f8f8 none repeat scroll 0 0;
      float: right;
      position: relative;
      width: 100%;
      border-top: 1px solid#ddd;
    }

      .mean-container .mean-nav ul li a {
        background: #a50d12 none repeat scroll 0 0;
        color: #fff;
        display: block;
        float: right; /*l*/
        font-size: 12px;
        font-weight: bold;
        margin: 0;
        padding: 1em 5%;
        text-align: right; /*l*/
        text-decoration: none;
        text-transform: uppercase;
        width: 90%;
      }

.mobile-menu-area {
  background: #a50d12 none repeat scroll 0 0;
}

.mean-container .mean-nav ul li li a {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 1;
  padding: 1em 10%;
  text-shadow: none !important;
  visibility: visible;
  width: 80%;
  font-weight: normal;
  text-transform: capitalize;
  color: #fff;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: 0;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
  background: #e44f4f none repeat scroll 0 0;
  color: #fff;
}

.mean-container .mean-nav ul li a.mean-expand {
  background: #e44f4f none repeat scroll 0 0;
  border: 0 none !important;
  color: #fff;
  font-weight: 700;
  height: 13px;
  line-height: 14px;
  padding: 14px;
  position: absolute;
  left: 0; /*r*/
  text-align: center;
  top: 0;
  width: 15px;
  z-index: 2;
}

  .mean-container .mean-nav ul li a.mean-expand:hover {
    background: #f8f8f8 none repeat scroll 0 0;
    color: #e44f4f;
  }

.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

.mean-container .mean-bar,
.mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.mean-remove {
  display: none !important;
}

.mean-container .mean-bar::after {
  color: #ffffff;
  content: "منوی سایت";
  font-size: 21px;
  right: 5%; /*l*/
  position: absolute;
  top: 12px;
}

/*========end meanmenu============*/

/*---animate.css---*/
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2015 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

  .animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

  .animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }

  .animated.bounceIn,
  .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
  }

  .animated.flipOutX,
  .animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
  }

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  from, 20%, 53%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  from, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  from, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 11.1%, 100% {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, 100% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
  animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}
/*====end animate.css====*/

/*---jquery.fancybox.js---*/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #f9f9f9;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

  .fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  }

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  /*background-image: url('fancybox_sprite.png');*/
  background-image: url('fancybox/fancybox_sprite.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

  #fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('fancybox/fancybox_loading.gif') center center no-repeat;
  }

.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('fancybox/blank.gif'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: visible; /*hidden;*/
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

  .fancybox-lock body {
    overflow: hidden !important;
  }

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
  z-index: 1000000;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

  .fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
  }

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

  #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('fancybox/fancybox_sprite@2x.png');
    background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  }

    #fancybox-loading div {
      background-image: url('fancybox/fancybox_loading@2x.gif');
      background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}

/*========end jquery.fancybox.css========*/

/*---nivo-slider---*/
/*
 * jQuery Nivo Slider v3.2
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

/* The Nivo Slider styles */
.nivoSlider {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

  .nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none;
  }

.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  background: white;
  filter: alpha(opacity=0);
  opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}

  .nivo-box img {
    display: block;
  }

/* Caption styles */
.nivo-caption {
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: #fff;
  width: 100%;
  z-index: 8;
  padding: 5px 10px;
  overflow: hidden;
  display: none;
  -moz-opacity: 0.8;
  filter: alpha(opacity=8);
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

  .nivo-caption p {
    padding: 5px;
    margin: 0;
  }

  .nivo-caption a {
    display: inline !important;
  }

.nivo-html-caption {
  display: none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
  cursor: pointer;
  margin-top: -25px;
  position: absolute;
  top: 50%;
  z-index: 9;
}

.nivo-prevNav {
  left: 0px;
}

.nivo-nextNav {
  right: 0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
  text-align: center;
  padding: 15px 0;
}

  .nivo-controlNav a {
    cursor: pointer;
  }

    .nivo-controlNav a.active {
      font-weight: bold;
    }
/* ------------------------------
Default Theme
---------------------------------*/
.slider-direction {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: none;
  color: #fff;
  font-size: 16px;
  z-index: 999;
  display: none;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 6;
  display: none;
  background: white;
  filter: alpha(opacity=0);
  opacity: 0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}

  .nivo-box img {
    display: block;
  }

.nivo-caption {
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  width: 100%;
  height: 100%;
  z-index: 8;
}

.nivo-main-image {
  display: block !important;
  position: relative !important;
  width: 100% !important;
}
/* The slices and boxes in the Slider */
.nivo-slice {
  display: block;
  position: absolute;
  z-index: 5;
  height: 100%;
  top: 0;
}

.nivo-box {
  display: block;
  position: absolute;
  z-index: 5;
  overflow: hidden;
}

@-webkit-keyframes myfirst {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

@keyframes myfirst {
  from {
    width: 0;
  }

  to {
    width: 100%;
  }
}

.slider-progress.pos_hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
/* ------------------------------
custom slider
---------------------------------*/
.slider-progress {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, .3);
  height: 5px;
  -webkit-animation: myfirst 5000ms ease-in-out;
  -moz-animation: myfirst 5000ms ease-in-out;
  -ms-animation: myfirst 5000ms ease-in-out;
  animation: myfirst 5000ms ease-in-out;
}

.s-tb {
  display: table;
  height: 100%;
  width: 100%;
  float: left;
}

.s-tb-c {
  display: table-cell;
  vertical-align: middle;
}

.t-cn {
  text-align: center;
}

.t-lft {
  text-align: left;
}

.t-lfr {
  text-align: right;
}
/* ------------------------------
slider animation
---------------------------------*/
/* -------------- Home 1  ---------------- */
.an-1 .slider-content.slider-1 h2 {
  -webkit-animation: bounceInDown 1200ms ease-in-out;
  -moz-animation: bounceInDown 1200ms ease-in-out;
  -ms-animation: bounceInDown 1200ms ease-in-out;
  animation: bounceInDown 1200ms ease-in-out;
}

.an-1 .slider-content.slider-1 h3 {
  -webkit-animation: bounceInRight 1700ms ease-in-out;
  -moz-animation: bounceInRight 1700ms ease-in-out;
  -ms-animation: bounceInRight 1700ms ease-in-out;
  animation: bounceInRight 1700ms ease-in-out;
}

.an-1 .slider-content.slider-1 h4 {
  -webkit-animation: bounceInLeft 2000ms ease-in-out;
  -moz-animation: bounceInLeft 2000ms ease-in-out;
  -ms-animation: bounceInLeft 2000ms ease-in-out;
  animation: bounceInLeft 2000ms ease-in-out;
}

.an-1 .slider-content.slider-1 a {
  -webkit-animation: bounceInDown 2300ms ease-in-out;
  -moz-animation: bounceInDown 2300ms ease-in-out;
  -ms-animation: bounceInDown 2300ms ease-in-out;
  animation: bounceInDown 2300ms ease-in-out;
}

.an-1 .slider-content.slider-2 a {
  -webkit-animation: bounceInDown 2300ms ease-in-out;
  -moz-animation: bounceInDown 2300ms ease-in-out;
  -ms-animation: bounceInDown 2300ms ease-in-out;
  animation: bounceInDown 2300ms ease-in-out;
}

.an-1 .slider-content.slider-3 a {
  -webkit-animation: bounceInDown 3500ms ease-in-out;
  -moz-animation: bounceInDown 3500ms ease-in-out;
  -ms-animation: bounceInDown 3500ms ease-in-out;
  animation: bounceInDown 3500ms ease-in-out;
}

.an-1 .slider-content.slider-2 h2 {
  -webkit-animation: bounceIn 1500ms ease-in-out;
  -moz-animation: bounceIn 1500ms ease-in-out;
  -ms-animation: bounceIn 1500ms ease-in-out;
  animation: bounceIn 1500ms ease-in-out;
}

.an-1 .slider-content.slider-2 h3 {
  -webkit-animation: bounceIn 1600ms ease-in-out;
  -moz-animation: bounceIn 1600ms ease-in-out;
  -ms-animation: bounceIn 1600ms ease-in-out;
  animation: bounceIn 1600ms ease-in-out;
}

.an-1 .slider-content.slider-2 h4 {
  -webkit-animation: bounceIn 1800ms ease-in-out;
  -moz-animation: bounceIn 1800ms ease-in-out;
  -ms-animation: bounceIn 1800ms ease-in-out;
  animation: bounceIn 1800ms ease-in-out;
}

.an-1 .slider-content.slider-3 h2 {
  -webkit-animation: fadeInRight 1000ms ease-in-out;
  -moz-animation: fadeInRight 1000ms ease-in-out;
  -ms-animation: fadeInRight 1000ms ease-in-out;
  animation: fadeInRight 1000ms ease-in-out;
}

.an-1 .slider-content.slider-3 h3 {
  -webkit-animation: fadeInRight 1800ms ease-in-out;
  -moz-animation: fadeInRight 1800ms ease-in-out;
  -ms-animation: fadeInRight 1800ms ease-in-out;
  animation: fadeInRight 1800ms ease-in-out;
}

.an-1 .slider-content.slider-3 h4 {
  -webkit-animation: fadeInRight 2200ms ease-in-out;
  -moz-animation: fadeInRight 2200ms ease-in-out;
  -ms-animation: fadeInRight 2200ms ease-in-out;
  animation: fadeInRight 2200ms ease-in-out;
}

.an-1 .layer-1 img, .an-1 .layer-1-1 img, .an-1 .layer-1-2 img {
  -webkit-animation: fadeInLeft 1000ms ease-in-out;
  -moz-animation: fadeInLeft 1000ms ease-in-out;
  -ms-animation: fadeInLeft 1000ms ease-in-out;
  animation: fadeInLeft 1000ms ease-in-out;
}

.left-slide .title-container h1 {
  -webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
  -moz-animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
  -ms-animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInLeft;
}

.left-slide .title-container h3 {
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -moz-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -ms-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}

/*====end nivo-slider====*/



/*----preview.css----*/
/*
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Description: The default skin for the Nivo Slider.
Version: 1.3
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
Supports Thumbs: true
*/
/* -------------------------------------
preview-1 
---------------------------------------- */
.bend.niceties.preview-2 {
  position: relative;
  direction: ltr;
}

.preview-1 .nivoSlider {
  position: relative;
  background: url('../custom-slider/img/loading.gif') no-repeat 50% 50%;
}

  .preview-1 .nivoSlider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
  }

  .preview-1 .nivoSlider a {
    border: 0;
    display: block;
  }

.preview-1 .nivo-controlNav {
  text-align: center;
  padding: 20px 0;
}

  .preview-1 .nivo-controlNav a {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url('../custom-slider/img/bullets.png') no-repeat;
    text-indent: -9999px;
    border: 0;
    margin: 0 2px;
  }

    .preview-1 .nivo-controlNav a.active {
      background-position: 0 -22px;
    }

.preview-1 .nivo-directionNav a {
  display: block;
  width: 30px;
  height: 30px;
  background: url('../custom-slider/img/arrows.png') no-repeat;
  text-indent: -9999px;
  border: 0;
  opacity: 0;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -o-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
}

.preview-1:hover .nivo-directionNav a {
  opacity: 1;
}

.preview-1 a.nivo-nextNav {
  background-position: -30px 0;
  left: 15px; /*r*/
}

.preview-1 a.nivo-prevNav {
  right: 15px; /*l*/
}

.preview-1 .nivo-caption {
}

  .preview-1 .nivo-caption a {
    color: #fff;
    border-bottom: 1px dotted #fff;
  }

    .preview-1 .nivo-caption a:hover {
      color: #fff;
    }

.preview-1 .nivo-controlNav.nivo-thumbs-enabled {
  width: 100%;
}

  .preview-1 .nivo-controlNav.nivo-thumbs-enabled a {
    width: auto;
    height: auto;
    background: none;
    margin-bottom: 5px;
  }

  .preview-1 .nivo-controlNav.nivo-thumbs-enabled img {
    display: block;
    width: 120px;
    height: auto;
  }

.preview-1 .nivo-controlNav {
  position: absolute;
  z-index: 99999;
  bottom: 15px;
  left: 48%;
}

  .preview-1 .nivo-controlNav a {
    border: 5px solid #fff;
    display: inline-block;
    height: 18px;
    margin: 0 5px;
    text-indent: -9999px;
    width: 18px;
    line-height: 8px;
    background: #3c3c3c;
    cursor: pointer;
    position: relative;
    z-index: 9;
    border-radius: 100%;
    opacity: 0;
    z-index: -999;
  }

.preview-1:hover .nivo-controlNav a {
  opacity: 1;
  z-index: 999999;
}

.preview-1 .nivo-controlNav a:hover, .preview-1 .nivo-controlNav a.active {
  background: #000;
  cursor: pointer;
}
/* -------------------------------------
preview-2
---------------------------------------- */
.preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-prevNav {
  left: 15px; /*l*/
}

.preview-2 .nivoSlider:hover .nivo-directionNav a.nivo-nextNav {
  right: 65px; /*r*/
}

.preview-2 .nivoSlider .nivo-directionNav a.nivo-prevNav {
  left: -34px; /*l*/
  font-size: 0;
}

.preview-2 .nivoSlider .nivo-directionNav a.nivo-nextNav {
  right: 16px; /*r*/
  font-size: 0;
}

.preview-2 .nivo-directionNav a.nivo-prevNav:hover:before {
  background: #fff;
  color: #000;
}

.preview-2 .nivo-directionNav a.nivo-prevNav:before {
  background: rgba(0,0,0,0.25);
  content: "\f053";
  font: normal normal normal 14px/1 FontAwesome;
  color: #fff;
  cursor: pointer;
  font-size: 25px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 45%;
  transition: all 300ms ease-in 0s;
  width: 50px;
  z-index: 9;
}

.preview-2 .nivo-directionNav a.nivo-nextNav:hover:before {
  background: #fff;
  color: #000;
}

.preview-2 .nivo-directionNav a.nivo-nextNav:before {
  background: rgba(0,0,0,0.25);
  content: "\f054";
  font: normal normal normal 14px/1 FontAwesome;
  color: #fff;
  cursor: pointer;
  font-size: 25px;
  font-weight: 400;
  height: 50px;
  line-height: 50px;
  margin: 0;
  position: absolute;
  text-align: center;
  top: 45%;
  transition: all 300ms ease-in 0s;
  width: 50px;
  z-index: 9;
}

.preview-2 .nivo-controlNav {
  position: absolute;
  z-index: 99999;
  bottom: 15px;
  width: 100%;
  text-align: center;
}

  .preview-2 .nivo-controlNav a {
    border: 5px solid #fff;
    display: inline-block;
    height: 18px;
    margin: 0 5px;
    text-indent: -9999px;
    width: 18px;
    line-height: 8px;
    background: #3c3c3c;
    cursor: pointer;
    position: relative;
    z-index: 9;
    border-radius: 100%;
    opacity: 0;
    z-index: -999;
  }

.preview-2:hover .nivo-controlNav a {
  opacity: 1;
  z-index: 999999;
}

.preview-2 .nivo-controlNav a:hover, .preview-2 .nivo-controlNav a.active {
  background: #000;
  cursor: pointer;
}

/*========end preview========*/


/*-----chosen.css-----*/
/* Chosen v1.3.0 | (c) 2011-2014 by Harvest | MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md */

.chosen-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

  .chosen-container * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    right: -9999px; /*l*/
    z-index: 1010;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
  }

  .chosen-container.chosen-with-drop .chosen-drop {
    right: 0; /*l*/
  }

  .chosen-container a {
    cursor: pointer;
  }

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 8px 0 0px;
  height: 25px;
  border: 1px solid #aaa;
  border-radius: 5px;
  background-color: #fff;
  background: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4));
  background: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: -moz-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: -o-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background: linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
  background-clip: padding-box;
  box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, .1);
  color: #444;
  text-decoration: none;
  white-space: nowrap;
  line-height: 24px;
}

.chosen-container-single .chosen-default {
  color: #999;
}

.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  margin-left: 26px; /*r*/
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}

  .chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
  }

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 18px;
  height: 100%;
}

  .chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
  }

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}

  .chosen-container-single .chosen-search input[type=text] {
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
  }

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

  .chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    word-wrap: break-word;
    -webkit-touch-callout: none;
  }

    .chosen-container .chosen-results li.active-result {
      display: list-item;
      cursor: pointer;
    }

    .chosen-container .chosen-results li.disabled-result {
      display: list-item;
      color: #ccc;
      cursor: default;
    }

    .chosen-container .chosen-results li.highlighted {
      background-color: #3875d7;
      background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
      background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
      background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
      background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
      background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
      color: #fff;
    }

    .chosen-container .chosen-results li.no-results {
      color: #777;
      display: list-item;
      background: #f4f4f4;
    }

    .chosen-container .chosen-results li.group-result {
      display: list-item;
      font-weight: 700;
      cursor: default;
    }

    .chosen-container .chosen-results li.group-option {
      padding-left: 15px;
    }

    .chosen-container .chosen-results li em {
      font-style: normal;
      text-decoration: underline;
    }

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  border: 1px solid #aaa;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
  background-image: -webkit-linear-gradient(#eee 1%, #fff 15%);
  background-image: -moz-linear-gradient(#eee 1%, #fff 15%);
  background-image: -o-linear-gradient(#eee 1%, #fff 15%);
  background-image: linear-gradient(#eee 1%, #fff 15%);
  cursor: text;
}

  .chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
  }

    .chosen-container-multi .chosen-choices li.search-field {
      margin: 0;
      padding: 0;
      white-space: nowrap;
    }

      .chosen-container-multi .chosen-choices li.search-field input[type=text] {
        margin: 1px 0;
        padding: 0;
        height: 25px;
        outline: 0;
        border: 0 !important;
        background: transparent !important;
        box-shadow: none;
        color: #999;
        font-size: 100%;
        font-family: sans-serif;
        line-height: normal;
        border-radius: 0;
      }

    .chosen-container-multi .chosen-choices li.search-choice {
      position: relative;
      margin: 3px 5px 3px 0;
      padding: 3px 20px 3px 5px;
      border: 1px solid #aaa;
      max-width: 100%;
      border-radius: 3px;
      background-color: #eee;
      background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
      background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
      background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
      background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
      background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
      background-size: 100% 19px;
      background-repeat: repeat-x;
      background-clip: padding-box;
      box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
      color: #333;
      line-height: 13px;
      cursor: default;
    }

      .chosen-container-multi .chosen-choices li.search-choice span {
        word-wrap: break-word;
      }

      .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
        position: absolute;
        top: 4px;
        right: 3px;
        display: block;
        width: 12px;
        height: 12px;
        font-size: 1px;
      }

        .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
          background-position: -42px -10px;
        }

    .chosen-container-multi .chosen-choices li.search-choice-disabled {
      padding-right: 5px;
      border: 1px solid #ccc;
      background-color: #e4e4e4;
      background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
      background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
      background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
      background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
      background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
      color: #666;
    }

    .chosen-container-multi .chosen-choices li.search-choice-focus {
      background: #d4d4d4;
    }

      .chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
        background-position: -42px -10px;
      }

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container-active .chosen-single {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 1px solid #aaa;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(20%, #eee), color-stop(80%, #fff));
  background-image: -webkit-linear-gradient(#eee 20%, #fff 80%);
  background-image: -moz-linear-gradient(#eee 20%, #fff 80%);
  background-image: -o-linear-gradient(#eee 20%, #fff 80%);
  background-image: linear-gradient(#eee 20%, #fff 80%);
  box-shadow: 0 1px 0 #fff inset;
}

  .chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: 0;
    background: transparent;
  }

    .chosen-container-active.chosen-with-drop .chosen-single div b {
      background-position: -18px 2px;
    }

.chosen-container-active .chosen-choices {
  border: 1px solid #5897fb;
  box-shadow: 0 0 5px rgba(0, 0, 0, .3);
}

  .chosen-container-active .chosen-choices li.search-field input[type=text] {
    color: #222 !important;
  }

.chosen-disabled {
  opacity: .5 !important;
  cursor: default;
}

  .chosen-disabled .chosen-single {
    cursor: default;
  }

  .chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
  }

.chosen-rtl {
  text-align: right;
}

  .chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
  }

    .chosen-rtl .chosen-single span {
      margin-right: 0;
      margin-left: 26px;
      direction: rtl;
    }

  .chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
  }

  .chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
  }

  .chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
  }

  .chosen-rtl .chosen-choices li {
    float: right;
  }

    .chosen-rtl .chosen-choices li.search-field input[type=text] {
      direction: rtl;
    }

    .chosen-rtl .chosen-choices li.search-choice {
      margin: 3px 5px 3px 0;
      padding: 3px 5px 3px 19px;
    }

      .chosen-rtl .chosen-choices li.search-choice .search-choice-close {
        right: auto;
        left: 4px;
      }

  .chosen-rtl.chosen-container-single-nosearch .chosen-search,
  .chosen-rtl .chosen-drop {
    left: 9999px;
  }

  .chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
  }

  .chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
  }

  .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: 0;
  }

  .chosen-rtl .chosen-search input[type=text] {
    padding: 4px 5px 4px 20px;
    direction: rtl;
  }

  .chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
  }

  .chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
  }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chosen-rtl .chosen-search input[type=text],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type=text],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background-image: url(chosen-sprite@2x.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}

/*========end chosen.css========*/



/*-------normalize.css--------*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

  /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

  audio:not([controls]) {
    display: none;
    height: 0;
  }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
  background-color: transparent;
}

  /**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

  a:active,
  a:hover {
    outline: 0;
  }

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

  /**
 * Re-set default cursor for disabled elements.
 */

  button[disabled],
  html input[disabled] {
    cursor: default;
  }

  /**
 * Remove inner padding and border in Firefox 4+.
 */

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

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
  line-height: normal;
}

  /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
  }

  /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

  input[type="number"]::-webkit-inner-spin-button,
  input[type="number"]::-webkit-outer-spin-button {
    height: auto;
  }

  /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

  input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    box-sizing: content-box; /* 2 */
  }

    /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
      -webkit-appearance: none;
    }

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*========end normalize.css======*/

/*------main.css-------*/
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

  /*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

  .visuallyhidden.focusable:active,
  .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

    a[href]:after {
      content: " (" attr(href) ")";
    }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*========main.css=======*/
/*! HTML5 Boilerplate v5.2.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
  resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

















/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers:
 */

.hidden {
  display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

  /*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

  .visuallyhidden.focusable:active,
  .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
  }

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
  visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
  /* Style adjustments for viewports that meet the condition */
}

@media print, (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 1.25dppx), (min-resolution: 120dpi) {
  /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   http://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important; /* Black prints faster:
                                   http://www.sanbeiji.com/archives/953 */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

    a[href]:after {
      content: " (" attr(href) ")";
    }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

/*======== end main.css=======*/


/*--------style-------*/
/*-----------------------------------------------------------------------------------

    Template Name: Orion - Fashion eCommerce Bootstrap Template
    Template URI: http://bootexperts.com
    Description: This is html5 Bootstrap template
    Author: BootExperts
    Author URI: http://bootexperts.com
    Version: 1.0


-----------------------------------------------------------------------------------
    
    CSS INDEX
    ===================
    1. Theme Default CSS (body, link color, section etc)
    2. header 
		2.1 header top
		2.2 header bottom 
		2.3 header bottom
    3. slider area css 
    4. creative banner area
    5. category menu CSS
    6.  Our Product area CSS 
    7. advertise area CSS
    8. purchase-Progress-area 
    9. our favouriate area
    10. brand area 
    11.  hotsell-area
    12. footer-static-content 
    13. ma-footer-container
    14. Scroll Up
    15. Home-page-02
        15.1. slider 
        15.2 creative banner area  
        15.3 our favouriate area2
        15.4 new-hot-best-slider area 
    16. Home-page-03 
    17. Home page-4
        17.1 Slider area 
        17.2 mixitup area
        17.3 client-carousel
        17.4 Our Team
    18. breadcrumb area
    19. Shop page
        19.1 Our Team
    20. single-product page 
    21. cart page 
    22. checkout page 
    23. Rigistration page
    24. about page
    25. Contact-page 
    26. 404-page 
    28. Single-blog
	
/*----------------------------------------*/
/*  1.  Theme default CSS
/*----------------------------------------*/
html,
body {
  height: 100%;
  color: rgb(85, 85, 85);
}

.floatleft {
  float: left;
}

.floatright {
  float: right;
}

.alignleft {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.alignright {
  float: right;
  margin-left: 15px;
  margin-bottom: 15px;
}

.aligncenter {
  display: block;
  margin: 0 auto 15px;
}

.nopadding-left {
  padding-left: 0;
}

.nopadding-right {
  padding-right: 0;
}

.nopadding {
  padding: 0;
}

a:focus {
  outline: 0px solid;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}

.fix {
  overflow: hidden;
}

p, .text-mega-menu, .about-footer, .description-detail-product {
  margin: 0 0 15px;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pb10 {
  padding-bottom: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pb15 {
  padding-bottom: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pb20 {
  padding-bottom: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pb25 {
  padding-bottom: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pb30 {
  padding-bottom: 30px;
}

.pt40 {
  padding-top: 40px;
}

.pb40 {
  padding-bottom: 40px;
}

.pt50 {
  padding-top: 50px;
}

.pb50 {
  padding-bottom: 50px;
}

.pt80 {
  padding-top: 80px;
}

.pt90 {
  padding-top: 90px;
}

.pb90 {
  padding-bottom: 90px;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mb10 {
  margin-bottom: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mb15 {
  margin-bottom: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mb20 {
  margin-bottom: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mb25 {
  margin-bottom: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mb30 {
  margin-bottom: 30px;
}

.mt40 {
  margin-top: 40px;
}

.mb40 {
  margin-bottom: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mb50 {
  margin-bottom: 50px;
}

.mt90 {
  margin-top: 90px;
}

.mb90 {
  margin-bottom: 90px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 15px;
}

a {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-decoration: none;
  color: #777;
}

  a:hover {
    color: #ffa200;
    text-decoration: none;
  }

.home-3-wraper a:hover {
  color: #96B7CB;
}

a:active,
a:hover {
  outline: 0 none;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

@font-face {
  font-family: 'iran-sense';
  src: url('../fonts/IRANSansWeb.eot') format('embedded-opentype'), url('../fonts/IRANSansWeb.ttf') format('truetype'), url('../fonts/IRANSansWeb.woff') format('woff'), url('../fonts/IRANSansWeb.woff2') format('woff2');
}



body {
  color: #333;
  font-family: 'iran-sense';
  background: url('../img/body-bg.png');
  /*direction: rtl;*/
  font-size: 13px;
}

.clear {
  position: relative;
}

  .clear::after {
    clear: both;
    content: "";
    display: block;
  }
/*----------------------------------------*/
/*  2.  Header Area
/*----------------------------------------*/
/*2.1 header top*/
.header-top {
  background: #f5f5f5;
  border-bottom: 1px solid #efefef;
}

  .header-top ul li {
    display: inline-block;
    position: relative;
    margin-right: 15px;
    color: #666;
  }

    .header-top ul li:hover ul {
      opacity: 1;
      top: 47px;
      z-index: 99999;
    }

    .header-top ul li ul {
      background: #ffffff none repeat scroll 0 0;
      position: absolute;
      transition: all 0.3s ease 0s;
      opacity: 0;
      z-index: -9;
      top: 60px;
      right: 0;
      text-align: center;
      border: 1px solid #f6f6f6;
    }

.single-drop ul li label {
  font-weight: 400;
  margin: 12px 5px 12px 0;
  color: #666;
}

  .single-drop ul li label i {
    font-size: 23px;
    color: #a50d12;
    vertical-align: middle;
    margin-right: 5px;
  }

.header-top ul li ul li {
  display: block;
  width: 100px;
  margin-right: 0;
}

  .header-top ul li ul li a {
    padding: 15px 20px;
  }

  .header-top ul li ul li a {
    padding: 5px 20px;
    display: block;
    background: #eee;
    margin: 5px;
    border-radius: 2px;
  }

    .header-top ul li ul li a:hover {
      background: #ffa200;
      color: #fff;
    }

.single-drop ul li span {
  margin-right: 5px;
  color: #666;
}

  .single-drop ul li span:hover {
    color: #ffa200;
    transition: .3s;
  }

.single-drop ul li a i {
  font-weight: 700;
}

.single-menu {
  text-align: right;
}

  .single-menu ul li {
    margin: 0;
  }

    .single-menu ul li a {
      padding: 0px 20px 0px 17px;
      display: inline-block;
      margin-top: 13px;
      border-left: 1px solid #e2e2e2;
      margin-bottom: 13px;
    }

      .single-menu ul li a.lastbdr {
        border-left: 0px;
        padding-left: 0px;
      }

.header-menu {
  background: #fff;
  padding: 0;
}
/*2.2 header bottom */
.logo-area a img {
  margin: 15px 0;
}

.block-header {
  margin-top: 8px;
}

.phone {
  float: right; /*l*/
  margin-left: 10px;
  padding-right: 10px; /*l*/
  border-left: 1px solid #e2e2e2;
  direction: ltr;
}

  .phone i,
  .email i {
    color: #a50d12;
    font-size: 23px;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 2px;
  }

  .phone i {
    margin-right: 5px;
  }

.header-search .product-category ul {
  background: #fff none repeat scroll 0 0;
  display: none;
  height: 300px;
  margin: 0;
  overflow-y: auto;
  padding: 5px 0;
  width: 200px;
}

.search-categori {
  box-shadow: 0 0 0 3px rgba(228, 228, 228, 1);
  display: block;
  float: left;
  height: 44px;
  margin-top: 14px;
  position: relative;
  width: 100%;
}

.categori {
  float: right; /*l*/
  width: 120px;
}

  .categori select {
    display: none;
    font-size: 12px;
    text-transform: uppercase;
  }

.chosen-container {
  height: 48px;
  line-height: 38px;
  width: 100% !important;
}

.chosen-container-single .chosen-search input[type=text] {
  display: none;
}

.chosen-container .chosen-single {
  background: none;
  border: none;
  border-radius: 0;
  font-size: 14px;
  line-height: 44px;
  padding: 0 10px 0 5px;
  text-transform: capitalize;
  background: #f6f6f6;
  margin-top: -0.5px;
  height: 44.5px;
  box-shadow: none;
}

.chosen-container-active.chosen-with-drop .chosen-single {
  border: 0px;
  background-image: none;
  background: #f6f6f6;
  margin-top: -0.5px;
  height: 44.5px;
  box-shadow: none;
}

.chosen-container .chosen-single span {
  margin-left: 5px; /*r*/
}

.chosen-container .chosen-single div {
  left: 8px; /*r*/
  width: 25px;
  text-align: center;
}

  .chosen-container .chosen-single div b {
    background: none;
  }

    .chosen-container .chosen-single div b::after {
      content: "\f107";
      font-family: FontAwesome;
      font-size: 16px;
      margin-right: 20px;
    }

.chosen-drop {
  right: auto; /*l*/
  left: 0; /*r*/
}

.chosen-drop {
  border: 1px solid #e5e5e5;
  border-radius: 2px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  margin-top: 10px;
  width: 210px !important;
  box-shadow: none !important;
  border-radius: 2px !important;
  border: 1px solid #eee !important;
}

.chosen-container .chosen-drop ul {
  margin: 0;
  padding: 0;
}

  .chosen-container .chosen-drop ul li {
    margin: 0;
    padding: 10px 10px 10px 0px;
    text-align: right; /*l*/
    font-size: 14px;
  }

    .chosen-container .chosen-drop ul li.highlighted {
      background-color: #e8e8e8;
      background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
      background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
      filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
      background-repeat: repeat-x;
      color: #262626;
    }

ul li.highlighted {
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
  color: #262626;
}

.chosen-container-single .chosen-search {
  padding: 0;
}

.search-box {
  overflow: hidden;
  border-right: 1px solid #e4e4e4; /*l*/
  height: 45px;
}

  .search-box input[type=text] {
    border: medium none;
    border-radius: 0;
    float: right; /*l*/
    background: #fff;
    border: 0 none;
    color: #464646;
    font-size: 13px;
    height: 44px;
    line-height: 44px;
  }

  .search-box button {
    float: right; /*l*/
    width: 83px;
    left: 0;
    background: #65C178 none repeat scroll 0 0;
    border-radius: 3px;
    border-style: none none solid;
    box-shadow: 0 0 0 3px rgba(228, 228, 228, 1);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 36px;
    height: 44px;
    position: absolute;
    text-align: center;
    transition: all 300ms ease 0s;
    outline: none;
  }

    .search-box button:hover {
      background: #e44f4f;
    }

.shopping-cart {
  background: #4ace93 url('../img/minicart.png') no-repeat 10px 50%;
  float: left; /*l*/
  margin: 0; /*30px 0 0;*/
  text-align: center;
  padding: 0 5px 0 40px;
  /*width: 170px;
  height: 50px;*/
  cursor: pointer;
  transition: .3s;
  /*margin-top: 12px;*/
}

  .shopping-cart a, .shopping-cart .btn-cart-modal {
    font-size: 14px;
    color: #fff;
    display: inline-block;
    line-height: 40px;
  }

  .shopping-cart:hover {
    background-color: #e44f4f;
    transition: .3s;
  }

.small-cart-content {
  width: 270px;
  position: absolute;
  top: 100%;
  background: #fff;
  padding: 15px;
  text-align: right; /*l*/
  right: 15px;
  border: 1px solid #ededed;
}

ul.cart-list li {
  float: right; /*l*/
  width: 100%;
  margin-bottom: 10px;
}

.small-cart-detail .remove {
  float: left; /*r*/
  margin-left: 0; /*r*/
  color: #666;
}

.small-cart-detail .edit-btn {
  float: left; /*r*/
  margin-left: 8px; /*r*/
}

.small-cart-detail .small-cart-name {
  color: #666;
  font-weight: 400;
  line-height: 1;
  text-transform: capitalize;
  font-size: 14px;
  display: block;
  margin: 10px 0px 0px 0;
}

.small-cart-detail .edit-btn img {
  border: none;
}

.small-cart-detail .quantitys {
  color: #666;
}

  .small-cart-detail .quantitys strong, .small-cart-detail .quantitys .strong-str {
    font-size: 11px;
    margin-left: 5px; /*r*/
  }

  .small-cart-detail .quantitys span {
    font-size: 14px;
    font-weight: 400;
    margin-right: 5px; /*l*/
  }

.cart-list a img {
  border: 1px solid #ddd;
}

.cart-list a {
  float: right; /*l*/
  margin-left: 10px; /*r*/
}

p.total {
  color: #666;
  float: right; /*l*/
  margin: 10px 0 0;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: normal;
}

span.amount {
  font-size: 15px;
  font-weight: 700;
  margin-left: 5px;
}

.buttons {
  padding: 0;
  float: left; /*r*/
  margin: 10px 0 0 5px;
}

  .buttons .button {
    display: block;
    padding: 8px 25px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-align: center;
    white-space: nowrap;
    background: #a50d12;
    text-transform: capitalize;
    color: #fff;
  }

    .buttons .button:hover {
      background: #e44f4f;
      color: #ffffff !important;
    }

.restrain {
  opacity: 0;
  z-index: -99;
  position: absolute;
  transform: scaleY(0);
  transform-origin: 0 0 0;
  transition: all 0.5s ease 0s;
}

.expand:hover .restrain {
  opacity: 1;
  transform: scaleY(1);
  z-index: 2147483647;
}
/*2.3 header bottom (mainmenu area)*/

.header-bottom {
  background: #f5f5f5;
}

.main-menu ul li {
  float: right; /*l*/
  position: relative;
}

  .main-menu ul li a {
    line-height: 50px;
    min-height: 50px;
    padding: 0 20px 0 20px;
    font-size: 16px;
    display: block;
    color: #444;
    text-transform: uppercase;
    font-weight: 700;
  }

  .main-menu ul li.bias a {
    background-color: #65c178;
    color: #fff;
  }

  .main-menu ul li:hover a {
    background: #e44f4f;
    color: #fff;
  }

  .main-menu ul li ul.sub-menu,
  .main-menu ul li .mega-menu {
    right: 0; /*l*/
    position: absolute;
    text-align: right; /*l*/
    transition: all 0.5s ease 0s;
    transform-origin: 0 0 0;
    top: 100%;
    margin: 0;
    display: inline-flex;
    max-height: 0;
    max-width: 0;
    opacity: 0;
    overflow: hidden;
    transform: perspective(600px) rotateX(-90deg);
    transition: transform 0.5s ease 0s, opacity 0.6s ease 0s, max-height 0.6s step-end 0s, max-width 0.6s step-end 0s, padding 0.6s step-end 0s;
    z-index: 9999999999999999999999;
  }

  .main-menu ul li:hover ul.sub-menu,
  .main-menu ul li:hover .mega-menu {
    opacity: 1;
    max-height: 3000px;
    max-width: 3000px;
    z-index: 99999999;
    visibility: visible;
    transform: perspective(600px) rotateX(0deg);
    transition: transform 0.5s ease 0s, opacity 0.2s ease 0s, max-height 0s step-end 0s, max-width 0s step-end 0s, padding 0s step-end 0s;
  }

  .main-menu ul li ul.sub-menu li {
    width: 190px;
  }

    .main-menu ul li ul.sub-menu li a {
      background: #fff none repeat scroll 0 0;
      color: #666;
      font-size: 14px;
      font-weight: 400;
      line-height: 35px;
      margin-right: 0;
      min-height: 30px;
      text-transform: capitalize;
      width: 100%;
      border-top: 1px solid transparent;
      border-bottom: 1px solid transparent;
    }

      .main-menu ul li ul.sub-menu li a:hover {
        border-bottom: 1px solid #ededed;
        border-top: 1px solid #ededed;
        color: #ffa200;
      }

.home-3-wraper .main-menu ul li ul.sub-menu li a:hover {
  color: #96b7cb;
}

.main-menu ul li ul.sub-menu {
  border-bottom: 3px solid #a50d12;
  padding: 10px 0;
  background: #fff;
}

  .main-menu ul li ul.sub-menu li:first-child {
    border-top: none;
  }

.main-menu ul li .mega-menu {
  background-color: #fff;
  border-bottom: 3px solid #a50d12;
  box-shadow: 0 1px 1px rgba(50, 50, 50, 0.75);
  left: -67%;
  right: auto;
  width: 1140px;
}

.mega-menu-2 {
  left: -141% !important;
}

.mega-menu-3 {
  left: -267% !important;
}

.mega-menu-4 {
  left: -450% !important;
}

.main-menu ul li .mega-menu .mega-catagory {
  float: left;
  width: 20%;
  padding: 10px;
}

  .main-menu ul li .mega-menu .mega-catagory a {
    width: 100%;
  }

.mega-thumb {
  float: left;
  width: 25%;
}

.main-menu ul li .mega-menu .mega-catagory a {
  background: #fff;
  color: #666;
  padding: 15px 0 15px 0;
  margin: 15px 0 15px 0;
  border-right: 1px dashed #ededed;
  border-bottom: 1px dashed #ededed;
  transition: .3s;
}

  .main-menu ul li .mega-menu .mega-catagory a img {
    background: #f0f0f0;
    padding: 25px;
    border-radius: 2px;
    margin-right: 10px;
    transition: .3s;
  }

  .main-menu ul li .mega-menu .mega-catagory a span {
    vertical-align: top;
  }

  .main-menu ul li .mega-menu .mega-catagory a:hover img {
    background: #ffa200;
    transition: .3s;
  }

  .main-menu ul li .mega-menu .mega-catagory a:hover {
    color: #ffa200;
    transition: .3s;
  }
/*----------------------------------------*/
/*  3. slider area css 
/*----------------------------------------*/
.slider-area .nivo-caption .layer-1 img {
  width: 26%;
  left: 20%;
  top: 5%;
}

.slider-area .nivo-caption .layer-1-1 img {
  width: 40%;
  left: 16%;
  top: 16%;
}

.slider-area .nivo-caption .layer-1-2 img {
  width: 28%;
  left: 16%;
  top: 5%;
}

.slider-area .nivo-caption .lft-pr h2 {
  margin-right: 20%;
  font-size: 48px;
  text-transform: uppercase;
  font-weight: 700;
  color: #9ab66f;
}

.slider-area .nivo-caption .lft-pr h3 {
  margin-right: 20%;
  font-size: 48px;
  font-weight: 700;
}

.slider-area .nivo-caption .lft-pr h4 {
  margin-right: 20%;
  font-size: 82px;
  font-weight: 700;
  color: #f8825e;
}

.slider-area .nivo-caption .lft-pr a {
  margin-right: 20%;
  margin-right: 20%;
  background: black;
  color: #fff;
  margin-top: 0px;
  overflow: hidden;
  display: inline-block !important;
  font-weight: 700;
  padding: 12px 20px;
  font-size: 18px;
  background: #ffa200;
  border-radius: 3px;
}

  .slider-area .nivo-caption .lft-pr a:hover {
    background: #e44f4f;
  }
/*----------------------------------------*/
/*  4.  creative banner area
/*----------------------------------------*/
.creative-banner {
  background: #fff;
  padding: 35px 0;
  border-bottom: 1px solid #ededed;
}

.banner-box-1 {
  background: url('../img/banner/free_shipping.png') no-repeat right top; /*l*/
}

.banner-box-2 {
  background: url(../img/banner/money_back.png) no-repeat right top; /*l*/
}

.banner-box-3 {
  background: url(../img/banner/payment.png) no-repeat right top; /*l*/
}

.banner-inner {
  padding-right: 70px; /*l*/
}

  .banner-inner p, .banner-inner .item-banner {
    padding: 0;
    margin: 0;
    color: #555;
    line-height: 25px;
  }

  .banner-inner .item-banner {
    height: 104px;
    overflow: hidden;
  }

  .banner-inner .banner-title {
    color: #444;
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 3px;
  }
/*----------------------------------------*/
/*  5.  category menu CSS
/*----------------------------------------*/
.owl-carousel .owl-wrapper-outer {
  padding-bottom: 1px;
  direction: ltr;
  text-align: right;
}

.main-area .left-category-menu {
  margin-top: 0px;
}

.category-heading h2 {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  color: #3f3f3f;
  cursor: pointer;
  font-size: 24px;
  font-weight: 700;
  line-height: 55px;
  margin: 0;
  padding: 0 30px 0 0;
  text-transform: uppercase;
}

.category-menu-list {
  border: 1px solid #ebebeb;
  border-top: 0px solid #000;
  position: relative;
  width: 100%;
  z-index: 1000;
}

  .category-menu-list ul li {
    border-bottom: 1px solid #ebebeb;
    position: relative;
    background: #fff;
  }

    .category-menu-list ul li:hover {
      background: transparent none repeat scroll 0 0;
    }

.cat-left-drop-menu-left ul li {
  background: none;
}

.category-menu-list ul li:last-child {
  border-bottom: 0px solid #ebebeb;
}

.category-menu-list ul li a {
  display: block;
  font-size: 16px;
  font-weight: 700;
  overflow: hidden;
  padding: 15px 15px 16px 30px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  transition: background 300ms ease 0s;
}

  .category-menu-list ul li a img {
    margin-left: 10px; /*r*/
  }

.category-menu-list ul li span.cat-thumb {
  display: block;
  float: left;
  height: 25px;
  margin: 0 15px 0 0;
  width: 25px;
}

.category-menu-list ul li a i {
  left: 25px; /*l*/
  position: absolute;
  line-height: 24px;
}
/*category mega menu*/
.category-menu-list ul li .cat-left-drop-menu {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ebebeb;
  right: 120%;
  padding: 25px 20px 20px;
  position: absolute;
  text-align: right; /*l*/
  top: 0;
  width: 486px;
  z-index: 999999;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: all 0.3s ease 0s;
  border-bottom: 3px solid #a50d12;
}

.category-menu-list ul li .big-ldrop {
  width: 700px;
}

.category-menu-list ul li .cat-left-drop-menu-left {
  float: left;
  margin-right: 2%;
  margin-left: 2%;
  width: 46%;
}

  .category-menu-list ul li .cat-left-drop-menu-left ul {
    margin-bottom: 20px;
    margin-top: 10px;
  }

    .category-menu-list ul li .cat-left-drop-menu-left ul li {
      border: none;
    }

.category-menu-list ul li:hover .cat-left-drop-menu {
  visibility: visible;
  opacity: 1;
  right: 100%; /*l*/
}

.category-menu-list ul li .cat-left-drop-menu-left ul li a {
  line-height: 28px;
  font-size: 12px;
  color: #6d6d6d;
  font-weight: 300;
  text-transform: capitalize;
  word-wrap: break-word;
  padding: 0;
}

  .category-menu-list ul li .cat-left-drop-menu-left ul li a:hover {
    color: #c2a476;
  }

.category-menu-list ul li a.menu-item-heading {
  color: #6d6d6d;
  line-height: 20px;
  text-transform: capitalize;
  font-weight: 500;
  word-wrap: break-word;
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px solid;
  margin-left: 20px; /*r*/
  padding-bottom: 10px;
}

.category-menu-list ul li .sub-drop {
  width: 33.33% !important;
  margin: 0 !important;
  float: right; /*l*/
}

.category-menu-list ul li a:hover {
  color: #c2a476;
  transition: .5s;
}

.category-menu-list ul li .subsm-drop {
  width: 220px;
}

.mega-menu .single-product a {
  background: #fff !important;
}

.single-product {
 
  border: 1px solid #ededed;
    border-top-color: rgb(237, 237, 237);
    border-right-color: rgb(237, 237, 237);
    border-bottom-color: rgb(237, 237, 237);
    border-left-color: rgb(237, 237, 237);

  overflow: hidden;
  padding: 0; /*10px;*/
  position: relative;
  transition: all 0.3s ease 0s;
  background: #fff;
}

  .single-product:hover {
    border-color: #ededed;
    transition: all 0.3s ease 0s;
  }

  .single-product .product-img img {
    width: 100%;
  }

.main-menu ul li .owl-carousel {
  height: 0;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}

.main-menu ul li:hover .owl-carousel {
  height: auto;
}

.product-content .product-name a,
.rating a,
.product-content2 .product-name a {
  color: #666 !important;
  font-size: 14px;
  margin: 0;
  padding: 0;
  text-transform: capitalize;
  font-weight: 400;
  line-height: 25px !important;
  min-height: 0 !important;
  display: block;
}

.home-3-wraper .single-product .product-content .product-name a:hover {
  color: #96b7cb !important;
}

.product-content2 h2.product-name a:hover {
  color: #FFA200 !important;
}

.rating a,
.rating i {
  color: #FFA200 !important;
  display: inline-block !important;
  font-size: 14px !important;
  padding: 0 !important;
}

.price-box span.new-price, .price-box .new-price, .new-price {
  color: #65c178;
  font-weight: 700;
  font-size: 16px;
}

.single-product h2.product-name {
  margin: 0;
}

.single-product .product-img a {
  padding: 0;
  display: block;
  text-align: center;
}

.product-label .new,
.product-label .sale {
  height: 70px;
  width: 70px;
  top: -1px;
  right: -1px;
  position: absolute;
  text-indent: -9999px;
  z-index: 9;
}

.product-label .new {
  background: url(../img/bg-new.png) no-repeat;
}

.product-label .sale {
  background: url(../img/bg-sale.png) no-repeat;
}

.ribbon-product .sale {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  left: -1px;
  right: initial;
}

.block-menu-img {
  float: right; /*l*/
  width: 30%;
}

h2.block-menu-title {
  font-size: 21px;
  line-height: 36px;
  font-weight: bold;
  text-transform: uppercase;
  color: #333;
}

  h2.block-menu-title span {
    color: #ffa200;
  }

.static-content a.button-link {
  background: #a50d12 !important;
  color: #fff !important;
  height: 44px;
  line-height: 48px;
  font-size: 18px;
  display: inline-block;
  border-radius: 3px;
  text-transform: capitalize;
  margin-top: 20px;
}

  .static-content a.button-link:hover {
    background: #E44F4F !important;
  }

.static-content ul li {
  position: relative;
  padding: 5px 10px;
  border-right: none;
  width: 70%;
  float: right; /*l*/
}

  .static-content ul li i {
    color: #ffa200;
    margin-right: 10px;
  }

.mega-menu-5 {
  left: -210% !important;
  width: 900px !important;
  padding: 20px 10px 0px 0px;
}
/*----------------------------------------*/
/*  6.  Our Product area CSS
/*----------------------------------------*/
.carousel-btn .owl-controls .owl-buttons div {
  background: #919191 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 25px;
  height: 30px;
  right: 7px; /*l*/
  line-height: 28px;
  margin-top: -11px;
  position: absolute;
  text-align: center;
  top: 50%;
  transition: all 0.3s ease 0s;
  width: 30px;
  border-radius: 50%;
}

.carousel-btn .owl-controls .owl-buttons .owl-next {
  right: auto; /*l*/
  left: 7px; /*r*/
}

.carousel-btn .owl-controls .owl-buttons div.owl-next:hover,
.carousel-btn .owl-controls .owl-buttons div.owl-prev:hover {
  background-color: #a50d12 !important;
  color: #fff;
}

.carousel-btn-2.carousel-btn .owl-controls .owl-buttons div {
  top: -40%;
}

.home-2-waraper .carousel-btn-2.carousel-btn .owl-controls .owl-buttons div {
  top: -45%;
}

.carousel-btn-3.carousel-btn .owl-controls .owl-buttons div {
  top: -8%;
}

.carousel-btn-4.carousel-btn .owl-controls .owl-buttons div {
  top: -8%;
}

  .carousel-btn-2.carousel-btn .owl-controls .owl-buttons div.owl-prev,
  .carousel-btn-4.carousel-btn .owl-controls .owl-buttons div.owl-prev,
  .carousel-btn-3.carousel-btn .owl-controls .owl-buttons div.owl-prev {
    right: auto; /*l*/
    left: 40px; /*r*/
  }


.carousel-btn-2.carousel-btn-default .owl-controls .owl-buttons div.owl-prev {
  right: auto;
  left: 40px;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.carousel-btn-2.carousel-btn-default .owl-controls .owl-buttons div.owl-next {
  right: auto;
  left: 7px;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
/*pagination*/

.carousle-pagi .owl-pagination > div {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  display: inline-block;
  height: 15px;
  margin: 0 5px;
  width: 15px;
  box-shadow: 1px 1px 3px 1px #ccc inset;
}

  .carousle-pagi .owl-pagination > div.owl-page.active {
    background: #ffa200 none repeat scroll 0 0;
    box-shadow: none;
  }

.carousle-pagi .owl-pagination {
  position: absolute;
  left: 0; /*l*/
  top: -31px;
}

.ambit-key {
  background: #fff;
}

.area-title > h2 {
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
  text-transform: uppercase;
}

.our-product-area.top-pd {
  padding-top: 10px;
}

.area-title {
  padding: 12px 0 0 0;
}

  .area-title > h2, .area-title > h3 {
    margin: 0;
  }

.nav > li {
  display: block;
  position: relative;
  display: inline-block;
}

.features-tab ul.nav {
  border: none;
}

.nav > li > a, .nav-1 > li > a {
  border-left: 1px solid #EDEDED; /*r*/
  margin: 10px 0;
  padding: 0 15px;
}

.nav-1 > li > a, .nav-1 li i {
  border: none;
}

.nav-1 > li > a {
  margin-top: 0;
}

ul.nav li a i, ul.nav-1 li i {
  padding-left: 5px; /*r*/
  transition: all .3s ease 0s;
}

.nav > li > a:focus, 11 .nav > li > a:hover {
  background: none;
}

ul.nav li a:hover,
ul.nav li.active {
  text-decoration: underline;
  color: inherit;
}

  ul.nav li a:hover i,
  ul.nav li.active i {
    color: #b41b20;
  }

.featur-padd {
  padding: 0px 16px;
}

.button.cart_button {
  border-radius: 8px;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
  padding: 0;
  text-align: right; /*l*/
  transition: background 0.3s ease-in-out 0s;
  white-space: normal;
  width: 100%;
  background: #65c178 none repeat scroll 0 0;
  color: #fff;
}

  .button.cart_button span {
    border-radius: 3px;
    box-sizing: border-box;
    display: block;
    font-size: 18px;
    font-weight: bold;
    height: 44px;
    line-height: 44px;
    padding: 0 20px;
    text-align: center;
    text-transform: capitalize;
  }

  .button.cart_button:hover {
    background: #e44f4f none repeat scroll 0 0;
  }

.button-container {
  border-top: 1px solid #efefef;
  padding-top: 10px;
  width: 100%;
}

.product-content {
  box-sizing: border-box;
  padding: 10px;
  transition: all 0.3s ease-out 0s;
  width: 100%;
  direction: rtl;
}

.tab-content .single-product:hover .product-content {
  opacity: 0;
}

.product-content2 {
  background: rgba(0, 0, 0, 0) url("../img/bg_des_inbox.png") repeat scroll 0 0;
  bottom: -24%;
  box-sizing: border-box;
  left: 0;
  opacity: 0;
  padding: 10px;
  position: absolute;
  transition: all 0.3s ease-out 0s;
  width: 100%;
  direction: rtl;
}

.single-product:hover .product-content2 {
  bottom: 0;
  opacity: 1;
  z-index: 10;
}

.add-to-links {
  position: absolute;
  right: -50px; /*l*/
  top: 0;
  transition: all 0.3s ease-out 0s;
  opacity: 0;
}

  .add-to-links > li a {
    color: #fff;
    display: block;
  }

  .add-to-links > li {
    background: #dbdbdb none repeat scroll 0 0;
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    text-align: center;
    width: 35px;
    transition: all 0.3s ease 0s;
  }

    .add-to-links > li:hover {
      background: #a50d12;
    }

.single-product:hover .add-to-links {
  right: 10px; /*l*/
  opacity: 1;
}
/*----------------------------------------*/
/*  7. advertise area CSS
/*----------------------------------------*/
.advertise-area {
  overflow: hidden;
}

.single-add {
  position: relative;
}

.vina-banner a:hover::before,
.vina-banner a:hover::after {
  opacity: 1;
  transform: scale(1);
}

.vina-banner a::before,
.vina-banner a::after {
  content: "";
  opacity: 0;
  position: absolute;
  transform: scale(0, 1);
  transition: opacity 0.35s ease 0s, transform 0.35s ease 0s;
  z-index: 1;
}

.vina-banner a::before {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  bottom: 15%;
  left: 7%;
  right: 7%;
  top: 15%;
  transform-origin: 0 0 0;
}

.vina-banner a::after {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  bottom: 7%;
  left: 15%;
  right: 15%;
  top: 7%;
  transform-origin: 100% 0 0;
}
/*----------------------------------------*/
/*  8. purchase-Progress-area
/*----------------------------------------*/
.progress-steps li {
  border-left: 1px dashed #ededed;
  display: inline-block;
  text-align: center;
  text-transform: capitalize;
  width: 19.5%;
}

.progress-img {
  height: 65px;
  width: 100%;
  line-height: 65px;
}

.progress-steps h4 {
  color: #222;
  font-weight: 700;
}

.progress-steps > ul {
  border: 1px solid #ededed;
  padding: 10px;
}

.progress-steps li:last-child {
  border: medium none;
}

.progress-img > img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.progress-steps li:hover .progress-img img {
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}

.area-title.bdr > h2 {
  border-bottom: 1px solid #ededed;
  margin: 0;
  padding-bottom: 10px;
}

.area-title.bdr2 > h2 {
  border-bottom: 2px solid #ededed;
  font-size: 16px;
  font-weight: normal;
  margin: 0;
  padding-bottom: 10px;
  text-transform: capitalize;
}

.features-tab ul.nav li:first-child a {
  padding-right: 0; /*l*/
}
/*----------------------------------------*/
/*  9. our favouriate area
/*----------------------------------------*/
.our-favourites ul li a img {
  display: block;
  margin: 0 auto;
}

.our-favourites .features-tab ul.nav {
  border: none;
}

.our-favourites ul.nav li {
  background: #ccc none repeat scroll 0 0;
  font-size: 16px;
  height: 130px;
  overflow: hidden;
  text-align: center;
  transition: all 0.3s ease 0s;
  width: 16.2%;
  position: relative;
}

.our-favourites ul li.active,
.our-favourites ul li:hover {
  background: #a50d12 none repeat scroll 0 0;
}

.our-favourites ul li a {
  border: medium none;
  color: #fff;
  display: block;
  font-weight: 700;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  text-transform: uppercase;
}

  .our-favourites ul li a:hover {
    text-decoration: none;
    color: #fff;
  }

.our-favourites ul.nav li.active {
  text-decoration: none;
}

.tab-img img {
  display: block;
  margin: 0 auto;
}

.tab-img {
  height: 100%;
  position: absolute;
  top: 15%;
  width: 100%;
}
/*----------------------------------------*/
/*  10. brand area
/*----------------------------------------*/
.single-brand {
  border: 2px solid transparent;
  margin: 0 5px;
  background: #f6f6f6;
}

  .single-brand:hover {
    border-color: #ffd07f;
    cursor: move;
    opacity: .9;
    background: #fff;
  }

.brand-crasoule-area {
  overflow: hidden;
}
/*popular tag*/

aside {
  margin-top: 35px;
}

.tag-area,
.box_manufacrurer,
.tag-area,
.usefull-product-slide,
.shop-filter {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ededed;
  z-index: 1000;
}

.aside-padd {
  padding: 20px 20px 30px;
}

.area-title h3 {
  border: none;
  color: #000;
  font-size: 23px;
  font-weight: bold;
  line-height: 1.1;
  margin: 0;
  padding: 0 20px;
  text-transform: uppercase;
}

.tag-area ul {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
}

  .tag-area ul li a {
    background: #a50d12 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff !important;
    display: block;
    float: left;
    font-size: 13px;
    height: 30px;
    line-height: 28px;
    margin: 5px 9px 0 0;
    padding: 0 15px;
    text-transform: capitalize;
    transition: background 0.3s ease-in-out 0s;
    width: auto;
  }

    .tag-area ul li a:hover {
      background: #e44f4f none repeat scroll 0 0;
      text-decoration: none;
    }

.newsletter-area {
  background: #fff;
  overflow: hidden;
}

.vina-newsletter {
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}

.web-links {
  margin-top: 15px;
}

.vina-newsletter form input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  border-radius: 0;
  box-shadow: none;
  box-sizing: border-box;
  display: inline-block;
  float: left;
  height: 48px;
  line-height: 30px;
  margin: 3px 6px 3px 0;
  padding: 5px 10px;
  width: 100%;
}

  .vina-newsletter form input.submit-btn {
    background: #a50d12;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 18px;
    font-weight: bold;
    height: 44px;
    margin-top: 12px;
    padding: 0 20px;
    text-align: left;
    transition: background 0.3s ease-in-out 0s;
    width: auto;
  }

    .vina-newsletter form input.submit-btn:hover {
      background: #e44f4f;
    }

.input-box label {
  font-weight: 400;
}

.web-links li {
  display: inline-block;
  margin-right: 8px;
  overflow: hidden;
}

.web-links ul li a {
  background: #F9BA60 none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  display: block;
  font-size: 25px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}

  .web-links ul li a.ldin {
    background: #4DACAE none repeat scroll 0 0;
  }

  .web-links ul li a.face {
    background: #48649E none repeat scroll 0 0;
  }

  .web-links ul li a.google {
    background: #D36955 none repeat scroll 0 0;
  }

  .web-links ul li a.twitter {
    background: #81AFD2 none repeat scroll 0 0;
  }

  .web-links ul li a.instagram {
    background: #bc2a8d none repeat scroll 0 0;
  }

  .web-links ul li a.telegram {
    background: #0088cc none repeat scroll 0 0;
  }
/*----------------------------------------*/
/*  11.  hotsell-area
/*----------------------------------------*/
.single-hotsell {
  overflow: hidden;
  border-bottom: 1px solid #ededed;
}

.hotsell-area {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ededed;
  z-index: 1000;
  padding-top: 30px;
}

.hotsell-text {
  float: right;
  width: 50%;
}

.hotsell-area .area-title h3 {
  /*background: rgba(0, 0, 0, 0) url("../img/hot.png") no-repeat scroll 40% 16px;*/
}

.single-hotsell .new-price {
  color: #a50d12;
  display: block;
  font-size: 20px;
  font-weight: 700;
  padding: 3px 0;
}

.single-hotsell .rating {
  padding: 3px 0;
}

.hotsell-img {
  float: right; /*l*/
  padding-left: 20px; /*r*/
  width: 50%;
}

  .hotsell-img a {
    border: 1px solid #eee;
    display: block;
  }
/*----------------------------------------*/
/*  12. footer-static-content
/*----------------------------------------*/
.footer-static-title h3 {
  font-size: 21px;
  line-height: 32px;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}

.footer-static-content .logo > img {
  display: block;
  margin-bottom: 20px;
  max-height: 50px;
  padding-top: 10px;
}

.footer-static-content.footer-acc li {
  position: relative;
  padding-right: 25px; /*l*/
}

.footer-static-content li {
  line-height: 32px;
}

.social-links .web-links ul li a:hover i {
  color: #fff;
}

.footer-static-content.footer-service li i {
  color: #a50d12;
  padding-right: 15px;
}

.footer-static-content ul li a:hover i {
  color: #ffa200;
}

.footer-static-content li span {
  background: #a50d12 none repeat scroll 0 0;
  bottom: 0;
  color: #fff;
  display: block;
  height: 20px;
  right: 0; /*l*/
  line-height: 20px;
  margin: auto;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
  border-radius: 100%;
  transition: all 0.3s ease 0s;
}

.footer-static-content.footer-acc li:hover span {
  background: #ffa200;
}

.footer-static-content.footer-add {
  line-height: 28px;
}

  .footer-static-content.footer-add .address {
    background: rgba(0, 0, 0, 0) url("../img/address.png") no-repeat scroll right 9px; /*l*/
    padding-right: 25px; /*l*/
  }

  .footer-static-content.footer-add .phone {
    background: rgba(0, 0, 0, 0) url("../img/phone_footer.png") no-repeat scroll right 9px; /*l*/
    padding-right: 25px; /*l*/
  }

  .footer-static-content.footer-add .mail {
    background: rgba(0, 0, 0, 0) url("../img/mail.png") no-repeat scroll right 9px; /*l*/
    padding-right: 25px; /*l*/
    clear: both;
  }

.footer-static-2 {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  padding: 20px 0;
}

  .footer-static-2 .link-category li {
    border-left: 1px solid #ddd;
    line-height: 14px;
    padding: 0 10px 0 11px;
    display: inline-block;
  }

.ma-footer-container .payment {
  margin-top: 10px;
  text-align: right;
}

  .ma-footer-container .payment li:last-child {
    margin: 0;
  }

  .ma-footer-container .payment li {
    margin-right: 10px;
    display: inline-block;
  }

.footer-static-2 .link-category li:first-child,
.basak-footer .links li:first-child {
  padding-right: 0; /*l*/
}

.footer-static-2 .link-category li:last-child,
.basak-footer .links li:last-child {
  border-left: 0 none;
}

.footer-static-container {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #ededed;
  color: #666;
}

.footer-static {
  overflow: hidden;
}
/*----------------------------------------*/
/*  13. ma-footer-container
/*----------------------------------------*/
.ma-footer-container {
  background: #fff none repeat scroll 0 0;
}

.basak-footer {
  line-height: 28px;
  margin: 0 auto;
  overflow: hidden;
  padding: 10px 0;
}

.footer ul.links {
  display: block;
  text-align: left;
}

.basak-footer .links li {
  border-left: 1px solid #ddd;
  display: inline-block;
  line-height: 14px;
  padding: 0 4px 0 7px;
}

.basak-footer address {
  margin-bottom: 0;
}

  .basak-footer address a {
    color: #a50d12;
  }

    .basak-footer address a:hover {
      text-decoration: underline;
    }
/*----------------------------------------*/
/*  14. Scroll Up
/*----------------------------------------*/
#scrollUp {
  background: #a50d12 none repeat scroll 0 0;
  border: 1px solid #ffffff;
  bottom: 59px;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  right: 90px;
  transition: all 0.3s ease 0s;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 35px;
}

  #scrollUp:hover {
    background: #fff none repeat scroll 0 0;
    border-color: #a50d12;
    color: #a50d12;
  }

.mega-menu-5.ft-mega {
  left: -222% !important;
}

.mega-menu.home2-menu .mega-catagory2.dropimg > a:hover {
  border: medium none;
}
/*----------------------------------------*/
/*  15. Home-page-02
/*----------------------------------------*/

#home-2 {
  background: #fff;
}

  #home-2 .home-2-waraper {
    width: 1230px;
    box-shadow: 8px 0 5px -5px #ededed, -8px 0 5px -5px #ededed;
    overflow: hidden;
    margin: 0 auto;
  }

.mega-menu.home2-menu .mega-catagory2 {
  display: inline-block;
  margin: 10px 0;
  width: 24%;
}

  .mega-menu.home2-menu .mega-catagory2.hverson {
    margin: 30px 0;
    text-align: center;
  }

  .mega-menu.home2-menu .mega-catagory2 a {
    background: #fff none repeat scroll 0 0;
    color: #3C3F41;
    font-size: 12px;
    font-weight: normal;
    line-height: 20px;
    text-transform: capitalize;
    min-height: 0;
    margin: 0 20px 0 0;
    padding: 0 10px;
    border-bottom: 1px solid transparent;
    border-top: 1px solid transparent;
  }

    .mega-menu.home2-menu .mega-catagory2 a:hover {
      border-bottom-color: #e4e4e4;
      border-top-color: #e4e4e4;
      color: #ce4a58;
    }

.main-menu ul li .mega-menu.home2-menu {
  right: 0; /*l*/
  width: 1000px;
}

.mega-menu.home2-menu .mega-catagory2 a.menu-heading {
  background: #ce4a58 none repeat scroll 0 0;
  transition: all .3s ease 0s;
  color: #fff;
  font-size: 14px;
}

  .mega-menu.home2-menu .mega-catagory2 a.menu-heading:hover {
    background: #E44F4F none repeat scroll 0 0;
  }

.main-menu ul li .mega-menu.home2-menu.mega900 {
  width: 900px;
}

.main-menu ul li .mega-menu.home2-menu.mega820 {
  width: 820px;
}

.main-menu ul li .mega-menu.home2-menu.mega460 {
  width: 460px;
}

.main-menu ul li .mega-menu.home2-menu.mega690 {
  width: 690px;
}

.mega-menu.home2-menu .mega-catagory2.sub-cat {
  width: 48%;
}

.main-menu ul li .mega-menu.home2-menu.mega240 {
  width: 240px;
}

.mega-menu.home2-menu .mega-catagory2.sub-cat2 a {
  margin: 0;
  padding: 0 20px;
}

.mega-menu.home2-menu .mega-catagory2.sub-cat2 {
  width: 100%;
}

.mega-menu.mega-menu-5.fastr2 {
  right: -423% !important; /*l*/
  padding: 20px 0 0;
}

.version-cat img {
  border: 2px solid #afbbc7;
  transition: all .3s ease 0s;
}

.mega-catagory2.hverson .version-cat a {
  border: medium none;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
}

.mega-catagory2.hverson .version-cat h4 {
  margin: 0;
}

.version-cat:hover.version-cat a {
  color: #ffa200;
}

.home-3-wraper .version-cat:hover.version-cat a {
  color: #96B7CB;
}

.version-cat:hover.version-cat img {
  border-color: #ffa200;
}

.home-3-wraper .version-cat:hover.version-cat img {
  border-color: #96B7CB;
}
/* ===15.1 slider ==== */

.left-slide .title-container {
  left: 10%;
  position: absolute;
  top: 65%;
}

  .left-slide .title-container h1 {
    font-size: 48px;
    margin: 0;
  }

  .left-slide .title-container h3 {
    font-size: 37px;
    font-weight: 100;
    padding-left: 10%;
  }
/* ===15.2 creative banner area==== */
.creative-banner.common-2 .banner-inner {
  border: 1px dashed #d7d7d7;
  padding: 20px 30px 20px 90px;
}

.common-2 .banner-box-1 {
  background: rgba(0, 0, 0, 0) url("../img/banner/free_shipping.png") no-repeat scroll 27px 30px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.common-2 .banner-box-2 {
  background: rgba(0, 0, 0, 0) url("../img/banner/money_back.png") no-repeat scroll 27px 30px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.common-2 .banner-box-3 {
  background: rgba(0, 0, 0, 0) url("../img/banner/payment.png") no-repeat scroll 27px 30px;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.creative-banner.common-2 {
  border-bottom: medium none;
  padding: 0 0 25px;
}

.our-product-area.best-offere .single-product,
.shop-product-area .single-product {
  margin-top: 4px;
  background: #fff;
}

.row.row-margin {
  margin-left: -7px;
  margin-right: -7px;
}

.col-padd {
  padding-left: 2px;
  padding-right: 2px;
}

.row.row-margin2 {
  margin-left: 7.5px;
  margin-right: 7.5px;
}
/* ===15.3 our favouriate area2==== */
.our-favouriate-area-2 .our-favourites ul.nav li {
  width: 12.2%;
}
/* ===15.4 new-hot-best-slider area==== */
.new-hot-best-area .hotsell-text li {
  display: inline-block;
}

.button.btn2 span {
  background: #a50d12 none repeat scroll 0 0;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-size: 13px;
  font-weight: 700;
  padding: 6px 10px;
  transition: all 0.3s ease 0s;
}

.new-arri-total .button.btn2 span:hover {
  background: #E44F4F none repeat scroll 0 0;
}

.new-arri-total li .wishlist a,
.new-arri-total li .view-products a {
  background: #ada597 none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  transition: all 0.3s ease 0s;
}

  .new-arri-total li .wishlist a:hover,
  .new-arri-total li .view-products a:hover {
    background: #a50d12 none repeat scroll 0 0;
  }

.new-arri-total .hotsell-text .new-price {
  color: #a50d12;
  font-size: 18px;
  font-weight: 700;
}

.new-arri-total .price-area {
  margin: 5px 0;
}

.single-arri .hotsell-text > a {
  margin: 10px 0 0;
  display: block;
}

.single-arri {
  clear: both;
  margin-top: 10px;
  overflow: hidden;
}

  .single-arri .hotsell-img {
    padding-right: 20px;
    transition: all 0.3s ease 0s;
    width: 50%;
  }

.sl-hover {
  margin-top: 20px;
  opacity: 0;
  transition: all 0.3s ease 0s;
}

.single-arri:hover ul.sl-hover {
  opacity: 1;
}

.single-arri:hover .hotsell-img {
  border-color: #FFA200;
}
/*----------------------------------------*/
/*  16. Home-page-03
/*----------------------------------------*/
.home-3-wraper .single-drop ul li span:hover {
  color: #96b7cb;
}

.home-3-wraper .category-menu-list ul li .cat-left-drop-menu {
  border-color: #ebebeb #ebebeb #96B7CB;
}

.home-3-wraper .single-drop ul li label i {
  color: #96b7cb;
  font-size: 23px;
  margin-right: 5px;
  vertical-align: middle;
}

.home-3-wraper .phone i,
.home-3-wraper .email i {
  color: #96b7cb;
}

.home-3-wraper .search-categori {
  box-shadow: 0 0 0 1px rgba(228, 228, 228, 1);
}

.home-3-wraper .search-box button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  box-shadow: none;
  color: #b9b9b9;
}

.home-3-wraper .shopping-cart {
  height: 45px;
  margin: 46px 0 0;
  padding: 1px 0 5px 30px;
  background: #96B7CB url("../img/minicart.png") no-repeat scroll 10px 50%;
}

  .home-3-wraper .shopping-cart:hover {
    background: #888888 url("../img/minicart.png") no-repeat scroll 10px 50%;
  }

  .home-3-wraper .shopping-cart > a:hover {
    color: #fff;
  }

.home-3-wraper .buttons .button {
  background: #96B7CB;
}

  .home-3-wraper .buttons .button:hover {
    background: #888888;
  }

.home-3-wraper .mega-menu.mega-menu-2 {
  left: -62% !important;
}

.home-3-wraper .mega-menu.mega-menu-3 {
  left: -184.5% !important;
}

.home-3-wraper .mega-menu.mega-menu-4 {
  left: -253% !important;
}

.home-3-wraper .main-menu ul li i {
  margin-left: 5px;
}

.home-3-wraper .header-bottom {
  background: #fff none repeat scroll 0 0;
}

.home-3-wraper .main-menu ul li a {
  font-weight: 400;
  text-transform: capitalize;
}

.home-3-wraper .main-menu ul li:hover > a {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  color: #96b7cb;
}

.home-3-wraper .main-menu ul li .mega-menu {
  border-top: 1px solid #96b7cb;
  border-bottom: 3px solid #96b7cb;
}

.home-3-wraper .price-box span.new-price {
  color: #888888;
  font-size: 18px;
  font-weight: 400;
}

.home-3-wraper .main-menu .rating a i {
  margin-left: 0;
}

.home-3-wraper .product-label .new {
  background: rgba(0, 0, 0, 0) url("../img/home3-new.png") no-repeat scroll 0 0;
}

.home-3-wraper .product-label .sale {
  background: rgba(0, 0, 0, 0) url("../img/home3-sale.png") no-repeat scroll 0 0;
}

.home-3-wraper .single-product:hover {
  border-color: #96b7cb;
}

.home-3-wraper .carousel-btn .owl-controls .owl-buttons div {
  color: #B9B9B9;
  background: #fff;
}

.home-3-wraper .carousel-btn .owl-controls .owl-buttons div {
  border: 1px solid;
  line-height: 24px;
  margin-top: -12px;
  left: 0;
}

  .home-3-wraper .carousel-btn .owl-controls .owl-buttons div:hover {
    background: #fff !important;
    color: #96b7cb;
    border-color: #96b7cb;
  }

.home-3-wraper .carousel-btn .owl-controls .owl-buttons .owl-next {
  right: 0;
  left: auto;
}

.home-3-wraper .header-top ul li ul li a:hover {
  background: #96b7cb none repeat scroll 0 0;
}

.leftadd-home3 .single-add img {
  width: 100%;
}

.home-3-wraper .single-add span {
  color: #fff;
  font-size: 19px;
  font-weight: 700;
  left: 20px;
  position: absolute;
  top: 20px;
}

.slider-area.common3 {
  background: rgba(0, 0, 0, 0) url("../img/bg-box-banner.jpg") no-repeat scroll 50% 0 / 100% 100%;
}

.home-3-wraper h2.block-menu-title span {
  color: #96b7cb;
}

.home-3-wraper .static-content ul li i {
  color: #96B7CB;
}

.home-3-wraper .static-content a.button-link {
  background: #96b7cb none repeat scroll 0 0 !important;
}

  .home-3-wraper .static-content a.button-link:hover {
    background: #888888 none repeat scroll 0 0 !important;
  }

.home-3-wraper .shopping-cart a i:hover {
  color: #96b7cb;
}

.button.shop-now {
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInDown;
  background: #96b7cb none repeat scroll 0 0;
  border-radius: 2px;
  color: #fff;
  display: inline-block !important;
  padding: 7px 15px;
}

  .button.shop-now:hover {
    background: #888888 none repeat scroll 0 0;
    color: #fff;
  }

.slider-area.common3 .left-slide .title-container h1 {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
}

.slider-area.common3 .title-container p {
  font-size: 13px;
  font-weight: 700;
  padding: 5px 10px 0 0;
  animation: 1500ms ease-in-out 0s normal none 1 running fadeInRight;
}

.slider-area.common3 .left-slide .title-container {
  left: 50%;
  top: 24%;
}

.creative-banner.common3 {
  background: #f5f5f5 none repeat scroll 0 0;
}

.banner-inner.common3 {
  background: #fff none repeat scroll 0 0;
  margin-right: 50px;
  padding: 25px 55px 25px 20px;
  position: relative;
}

.bnr-icon {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #F4F4F4;
  border-radius: 100%;
  height: 85px;
  line-height: 85px;
  margin-top: -42px;
  position: absolute;
  right: -43px;
  text-align: center;
  top: 50%;
  transform: rotate(0deg);
  width: 85px;
  transition: all 0.3s ease 0s;
}

  .bnr-icon:hover {
    transform: rotate(360deg);
  }

.banner-inner.common3 .banner-title {
  color: #666681;
  font-size: 17px;
  font-weight: 400;
}

.banner-inner.common3 p {
  font-size: 12px;
  line-height: 17px;
}

.category-heading.common3 h2 {
  background: #96b7cb none repeat scroll 0 0;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  text-transform: capitalize;
}

.category-menu-list.common3 ul li a {
  font-size: 15px;
  font-weight: 400;
  text-transform: capitalize;
}

.category-menu-list.common3 ul li:hover a {
  color: #96b7cb;
}

.category-menu-list.common3 ul li .cat-left-drop-menu-left ul li a {
  color: #6d6d6d;
}

  .category-menu-list.common3 ul li .cat-left-drop-menu-left ul li a:hover {
    color: #96b7cb;
  }

.category-menu-list ul li .cat-left-drop-menu-left.common0 {
  width: 100%;
}

.home-3-wraper .main-area {
  background: #fff none repeat scroll 0 0;
}

.features-tab.common3 .nav {
  border-top: medium none;
  border-bottom: 2px solid #ededed;
}

.features-tab.common3 ul.nav li a:hover,
.features-tab.common3 ul.nav li.active {
  text-decoration: none;
}

.features-tab.common3 .nav > li > a {
  border: medium none;
  padding: 10px 15px;
  margin: 0;
  font-size: 16px;
}

  .features-tab.common3 .nav > li > a::after {
    background: #96B7CB none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    transition: all 0.3s ease 0s;
  }

  .features-tab.common3 .nav > li > a:hover::after,
  .features-tab.common3 .nav > li.active a::after {
    opacity: 1;
  }

.home-3-wraper .carousle-pagi .owl-pagination > div.owl-page.active {
  background: #96B7CB none repeat scroll 0 0;
}

.home-3-wraper .tab-content .single-product:hover .product-content {
  opacity: 1;
}

.add-to-link3 ul li {
  display: inline-block;
  padding-right: 5px;
  text-transform: capitalize;
}

.add-to-link3 li i {
  color: #aaaaaa;
  font-size: 18px;
}

.add-to-link3 ul li:last-child {
  padding: 0;
}

.add-to-link3 li:hover a,
.add-to-link3 li:hover a i {
  color: #96b7cb;
}

.add-to-link3 > ul {
  border-top: 1px solid #ededed;
  margin: 0 -10px;
  padding: 5px 10px 7px 18px;
}

.home-3-wraper .product-content.common3 {
  margin-top: -40px;
}

.add-to-link3 ul li.add-link3 {
  padding-left: 27px;
}

.add-link3 {
  background: rgba(0, 0, 0, 0) url("../img/home3-icon-link.png") no-repeat scroll 0 0;
  cursor: pointer;
}

  .add-link3:hover {
    background-position: 0 -59px;
  }

.add-heart {
  background: rgba(0, 0, 0, 0) url("../img/home3-icon-link.png") no-repeat scroll 0 -101px;
  cursor: pointer;
  height: 30px;
  position: relative;
  top: 2px;
  width: 20px;
}

  .add-heart:hover {
    background-position: 0 -156px;
  }

.add-arrow {
  background: rgba(0, 0, 0, 0) url("../img/home3-icon-link.png") no-repeat scroll 0 -211px;
  height: 30px;
  width: 20px;
  cursor: pointer;
  position: relative;
  top: 2px;
}

  .add-arrow:hover {
    background-position: 0 -265px;
  }

.advertise-area .banner-box {
  background: #fcfcfc none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  padding: 23px 15px 0 35px;
  width: 100%;
}

.banner-box h2 {
  font-size: 23px;
  margin-bottom: 5px;
}

.advertise-area .banner-box > a {
  display: block;
  float: left;
  height: 156px;
  width: 50%;
}

.advertise-area .box-title {
  float: left;
  width: 50%;
}

.home-3-wraper .best-offere .features-tab .nav {
  background: #efefef none repeat scroll 0 0;
  border: medium none;
  margin-top: 23px;
  position: relative;
}

.features-tab .nav.common3 > li::before {
  background: #96b7cb none repeat scroll 0 0;
  content: "";
  height: 8px;
  left: 0;
  position: absolute;
  top: -8px;
  width: 100%;
  border-radius: 3px 3px 0 0;
  opacity: 0;
}

.features-tab .nav.common3 > li:hover:before,
.features-tab .nav.common3 > li.active:before {
  opacity: 1;
}

.features-tab .nav.common3 li {
  float: left;
}

.features-tab .nav.common3 > li > a {
  background: rgba(0, 0, 0, 0) url("../img/bg-right-tab.png") no-repeat scroll right center;
  border: medium none;
  font-size: 13px;
  margin: 0;
  padding: 15px 26px;
  transition: all 0s ease 0s;
}

.features-tab ul.nav.common3 li:first-child a {
  padding-left: 26px;
}

.features-tab ul.nav.common3 li.active {
  text-decoration: none;
}

  .features-tab ul.nav.common3 li a:hover,
  .features-tab ul.nav.common3 li.active a {
    background: #96b7cb;
    color: #fff;
    text-decoration: none;
  }

.banner-content-area {
  background: #fcfcfc none repeat scroll 0 0;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  padding: 25px 40px;
  width: 100%;
}

.carousel-btn.no-bdr .owl-controls .owl-buttons div {
  border: medium none transparent;
  background: transparent;
}

  .carousel-btn.no-bdr .owl-controls .owl-buttons div:hover {
    border: medium none transparent;
    background: none;
  }

.bottom-menulist li {
  line-height: 32px;
  padding-left: 25px;
}

  .bottom-menulist li::before {
    color: #a50d12;
    content: "\f100";
    font-family: fontawesome;
    left: 17px;
    position: absolute;
  }

  .bottom-menulist li:hover::before {
    color: #666666;
  }

.ss-title > h3 {
  color: #333;
  font-size: 21px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.single-spbottom .ss-img {
  overflow: hidden;
}

  .single-spbottom .ss-img img {
    transition: all 0.3s ease 0s;
  }

    .single-spbottom .ss-img img:hover {
      transform: scale(1.1);
      opacity: .8;
    }

.home-3-wraper .footer-static-content li span {
  background: #96b7cb none repeat scroll 0 0;
}

.home-3-wraper .footer-static-content.footer-acc li:hover span {
  background: #888888 none repeat scroll 0 0;
}

.home-3-wraper .hotsell-area {
  border: none;
}

.home-3-wraper .aside-padd {
  padding: 15px 0;
}

.home-3-wraper .single-hotsell .new-price {
  padding: 0;
}

.home-3-wraper .single-hotsell .rating {
  padding: 0;
}

.home-3-wraper .single-hotsell:hover .hotsell-img img {
  border: 1px solid #96b7cb;
}

.home-3-wraper .footer-static-content.footer-add .address {
  background: rgba(0, 0, 0, 0) url("../img/home3-icon-footer.png") no-repeat scroll left -110px;
}

.home-3-wraper .footer-static-content.footer-add .phone {
  background: rgba(0, 0, 0, 0) url("../img/home3-icon-footer.png") no-repeat scroll left -186px;
}

.home-3-wraper .footer-static-content.footer-add .mail {
  background: rgba(0, 0, 0, 0) url("../img/home3-icon-footer.png") no-repeat scroll left -280px;
}

.home-3-wraper .basak-footer address a {
  color: #96b7cb;
}

.banner-left {
  background: #fcfcfc none repeat scroll 0 0;
  border-radius: 5px;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  padding: 32px 26px;
  width: 100%;
}

  .banner-left h2 {
    color: #333333;
    font-size: 23px;
    font-weight: bold;
    margin: 10px 0;
    padding: 0;
  }

  .banner-left > p {
    font-size: 13px;
    line-height: 25px;
  }

.home-3-wraper #scrollUp {
  background: #96b7cb none repeat scroll 0 0;
}

  .home-3-wraper #scrollUp:hover {
    border-color: #96b7cb;
    color: #96b7cb;
    background: #fff;
  }

.home-3-wraper .web-links a:hover {
  color: #fff;
}
/*----------------------------------------*/
/*  17.  Home page-4
/*----------------------------------------*/
.home-4-wraper .web-links {
  display: inline-block;
  position: relative;
  top: 8px;
  margin: 0;
}

.home-4-wraper .single-menu {
  display: inline-block;
}

.header-top .web-links ul li {
  margin: 0;
}

  .header-top .web-links ul li a {
    font-size: 20px;
    height: 25px;
    line-height: 25px;
    width: 25px;
  }

.web-menu-link {
  float: right;
}

.home-4-wraper .header-menu .phone,
.home-4-wraper .header-menu .email {
  float: right;
}

.home-4-wraper .mega-menu.home2-menu .mega-catagory2 a {
  font-size: 14px;
}

.main-menu ul li .mega-menu.home2-menu.mega200 {
  width: 200px;
}

.home-4-wraper .mega-menu.mega-menu-5.fastr2 {
  left: -383% !important;
}
/* ===17.1 Slider area==== */
.home-4-wraper .slider-area .nivo-caption .layer-1 img {
  left: 12%;
  top: 0;
  width: 32%;
}

.home-4-wraper .slider-area .nivo-caption .layer-1-2 img {
  left: 15%;
  top: 0;
  width: 28%;
}

.home-4-wraper .slider-area .nivo-caption .layer-1-1 img {
  left: 13%;
  top: 3%;
  width: 32%;
}

.title11 {
  font-size: 30px;
  display: block;
}

.title22 {
  font-size: 60px;
  line-height: 50px;
  display: block;
}

.title32 {
  display: block;
  font-size: 20px;
  margin-bottom: 20px;
}

.title-container-4 {
  color: #000;
  left: 50%;
  margin: -7% 0 0 -5%;
  position: absolute;
  text-align: justify;
  text-transform: uppercase;
  top: 50%;
  animation: 1000ms ease-in-out 0s normal none 1 running fadeInUp;
}

  .title-container-4.common4 {
    animation: 1000ms ease-in-out 0s normal none 1 running fadeInRight;
  }

.design-buldier-area .list-item h3 {
  font-size: 20px;
  margin: 30px 0 0;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 40px;
  color: #000;
}

.list-item > p {
  line-height: 25px;
  margin: 0;
}

.design-buldier-area {
  background: #fff;
}

  .design-buldier-area .list-item:hover img,
  .single-service:hover img,
  .single-count:hover img {
    transform: rotate(360deg);
  }

  .design-buldier-area .list-item img,
  .single-service .service-img img,
  .single-count img {
    transition: all 1s ease 0s;
  }

.h4about-us-area {
  background: rgba(0, 0, 0, 0) url("../img/bg-about-us.jpg") no-repeat scroll 0 0 / 100% 100%;
}

  .h4about-us-area h3.header {
    font-size: 30px;
    text-transform: uppercase;
  }

h3.header img {
  margin-right: 20px;
}

.about-ustext {
  color: #fff;
}

.h4about-us-area .about-content h4 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 8px;
}

.about-content > p {
  line-height: 25px;
}

.vina-button-4 {
  border: 1px solid #fff;
  border-radius: 3px;
  color: #fff !important;
  display: inline-block;
  padding: 15px 30px;
  text-transform: uppercase;
}

.h4about-us-area .vina-button-4:hover {
  background: #fff none repeat scroll 0 0;
  color: #a50d12 !important;
}

.custom-services .service-img {
  float: left;
  width: 23%;
}

.custom-services .service-content {
  float: right;
  width: 77%;
}

  .custom-services .service-content > h3 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
  }

.service-content > p {
  margin: 0;
}

.custom-services {
  background: #f5f5f5 none repeat scroll 0 0;
}

.u-line {
  font-size: 30px;
  line-height: 50px;
  margin: 0 0 30px;
  padding-bottom: 25px;
  position: relative;
  text-transform: uppercase;
}

  .u-line::before {
    background: #a50d12 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 50px;
  }

  .u-line.common4::before {
    left: 50%;
    margin-left: -25px;
  }
/* ===17.2 mixitup area==== */
.mixitup-filter-area {
  background: #ffffff none repeat scroll 0 0;
}

.mix {
  display: none;
}

  .mix.single-port {
    float: left;
    width: 25%;
    position: relative;
  }

    .mix.single-port img {
      transition: all .3s ease 0s;
    }

    .mix.single-port:hover img {
      opacity: .8;
    }

.filter {
  cursor: pointer;
}

.filter-catagory-menu {
  text-align: center;
}

  .filter-catagory-menu li {
    display: inline-block;
    padding: 0 10px;
    background: rgba(0, 0, 0, 0) url("../img/icon-select.png") no-repeat scroll 0 50%;
    border: medium none;
    box-shadow: none;
    margin: 0 15px !important;
    padding: 0 0 0 15px;
  }

    .filter-catagory-menu li:hover,
    .filter-catagory-menu li.active {
      background: rgba(0, 0, 0, 0) url("../img/icon-select-hover.png") no-repeat scroll 0 50%;
    }

.mixitup-filter-area h3.header {
  font-size: 30px;
  line-height: 50px;
  text-transform: uppercase;
}

.single-prograss {
  font-size: 16px;
  overflow: hidden;
  position: relative;
}

  .single-prograss .progress {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    height: 7px;
    margin-bottom: 15px;
    overflow: visible;
  }

  .single-prograss .progress-bar {
    background-color: #a50d12;
  }

  .single-prograss > span {
    display: block;
    padding-bottom: 10px;
  }

  .single-prograss .percan {
    color: #555;
    font-size: 18px;
    position: absolute;
    right: 0;
    top: -20px;
  }
/* ===17.3 client-carousel==== */
#client-carousel .client-item .item-info {
  border: 1px solid #ccc;
  border-radius: 3px;
  box-sizing: border-box;
  display: inline-block;
  line-height: 24px;
  margin-bottom: 30px;
  padding: 25px 40px 40px;
  position: relative;
}

  #client-carousel .client-item .item-info::before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(0, 0, 0, 0.2);
    bottom: -10px;
    content: "";
    display: inline-block;
    left: 40px;
    position: absolute;
  }

  #client-carousel .client-item .item-info::after {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid #ffffff;
    bottom: -9px;
    content: "";
    display: inline-block;
    left: 41px;
    position: absolute;
  }

#client-carousel .item-img img {
  float: left;
  margin-right: 20px;
}

#client-carousel .client-item .item-img .title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

#client-carousel .owl-controls .owl-page,
.owl-controls .owl-buttons div {
  bottom: 0;
  left: 21%;
  position: absolute;
}

#client-carousel .owl-controls .owl-buttons div.owl-next {
  left: 26.5%;
  right: 0;
}

  #client-carousel .owl-controls .owl-buttons div.owl-next i,
  #client-carousel .owl-controls .owl-buttons div.owl-prev i {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 100%;
    font-size: 18px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 25px;
  }

.skill-client-area {
  background: #fff none repeat scroll 0 0;
}
/* ===17.4 Our Team==== */
.our-team-area {
  background: rgba(0, 0, 0, 0) url("../img/team/bg-our-team.jpg") no-repeat scroll 0 0 100% 100%;
}

.team-social li {
  display: inline-block;
}

  .team-social li a {
    border: 1px solid #ccc;
    display: block;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    margin: 0 5px;
    text-align: center;
    width: 35px;
  }

    .team-social li a:hover {
      border-color: #fff;
      color: #fff;
    }

.carousel-btn.common4 .owl-controls .owl-buttons div {
  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
  border-radius: 100%;
  height: 40px;
  left: -3%;
  line-height: 40px;
  width: 40px;
}

  .carousel-btn.common4 .owl-controls .owl-buttons div.owl-next {
    left: auto;
    right: -3%;
  }

.team-title {
  color: #fff;
  margin: 25px 0;
}

  .team-title > h4 {
    margin: 0 0 10px;
  }

.single-team {
  padding-top: 10px;
}

.team-img:hover img {
  transform: scale(1.05);
}

.single-team {
  padding-top: 10px;
}

.team-img img {
  transition: all 0.3s ease 0s;
}

.our-team-area h3.header {
  color: #fff;
}

.our-blog-area {
  background: #F5F5F5;
}

.our-blog-area {
  background: #f5f5f5 none repeat scroll 0 0;
}

.single-blog .blog-title {
  font-weight: bold;
  margin: 20px 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: initial;
}

.blog-title a {
  color: #323232;
  font-size: 24px;
  font-weight: 700;
  display: block;
}

.blog-title-a {
  height: 50px;
  overflow: hidden;
}

  .blog-title-a a {
    font-size: 15px;
    line-height: 25px;
  }

.blog-text-a {
  height: 100px;
  overflow: hidden;
  line-height: 25px;
  color: #333;
}

.blog-title a:hover {
  color: #a50d12;
}

.blog-date {
  color: #909090;
  font-size: 12px;
  line-height: 25px;
}

.blog-text {
  font-size: 13px;
  line-height: 25px;
}

.blog-img {
  position: relative;
}

.our-blog-area .vina-button-4 {
  border: 1px solid #000;
  border-radius: 0;
  color: #000 !important;
  font-size: 10px;
  margin-top: 15px;
  padding: 10px 20px;
}

.our-blog-area .vina-button-c {
  color: #fff !important;
  background: #a50d12;
  border-color: #a50d12;
}

.btn-news {
  text-align: left;
}

.our-blog-area .vina-button-4:hover {
  color: #fff !important;
  background: #a50d12;
  border-color: #a50d12;
}

.single-blog:hover a::before,
.single-blog:hover a::after {
  opacity: 1;
  transform: scale(1);
}

.our-blog-area .vina-button-c:hover {
  background-color: #fff;
  color: #333 !important;
  border: 1px solid #000;
}

.our-blog-area .carousel-btn .owl-controls .owl-buttons div {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  color: #222;
  height: 40px;
  left: 0;
  line-height: 38px;
  margin-top: -10%;
  width: 40px;
}

  .our-blog-area .carousel-btn .owl-controls .owl-buttons div.owl-next {
    right: 0;
    left: auto;
  }

.brand-clients-icon li {
  float: left;
  padding-bottom: 50px;
  width: 20%;
}

  .brand-clients-icon li:nth-child(n+6) {
    padding-bottom: 0;
  }

.brand-client-area {
  background: #fff none repeat scroll 0 0;
}

.brand-clients-icon ul li img {
  transition: all 0.5s ease 0s;
}

.brand-clients-icon ul li:hover img {
  transform: scale(1.1);
}

h3 span.counter2 {
  color: #fff;
  display: block;
  font-size: 40px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 15px;
}

.single-count > p {
  color: #fff;
  line-height: 25px;
  margin: 0;
}

.single-count > h3 {
  margin: 0;
}

.counter-area {
  background: #a50d12 none repeat scroll 0 0;
}
/*----------------------------------------*/
/*  18. breadcrumb area
/*----------------------------------------*/
.breadcrumb {
  background: transparent none repeat scroll 0 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

p.past-p {
  margin: 0;
}

.breadcrumb li a {
  color: #a50d12;
  font-size: 14px;
  margin-right: 15px; /*l*/
  text-transform: capitalize;
}

.breadcrumb li.active {
  color: #666;
  font-size: 14px;
}

.breadcrumb li.home {
  position: relative;
}

  .breadcrumb li.home::before {
    color: #a50d12;
    content: "\f041";
    font-family: FontAwesome;
    font-size: 14px;
    right: 0; /*l*/
    position: absolute;
    top: 2px;
  }

.breadcrumb > li + li {
  position: relative;
}

.breadcrumb li a,
.breadcrumb li.home::before {
  transition: all 0.4s ease 0s;
}

.breadcrumb li:hover a {
  color: #a50d12;
}

.breadcrumb li.home:hover::before {
  color: #a50d12;
}
/*----------------------------------------*/
/*  19. Shop page
/*----------------------------------------*/
.shop-product-area .product-content {
  padding: 0 10px;
}

.shop-page-wraper .single-product h2.product-name {
  line-height: 10px;
}

.shop-page-wraper .area-title {
  padding: 0;
}

.shop-product-area select {
  -moz-appearance: none;
  background: rgba(0, 0, 0, 0) url("../img/bg-select.png") no-repeat scroll right bottom;
  border: 1px solid #ededed;
  padding-right: 25px;
}

.shop-product-area label {
  color: #777777;
  display: inline-block;
  font-weight: 400;
  padding: 0 10px;
}

.select-sort-by {
  display: inline;
}

.select-limiter {
  display: inline-block;
  padding-right: 10px;
}

.pagination ul li {
  display: inline-block;
}

  .pagination ul li a {
    background: #ccc none repeat scroll 0 0;
    display: block;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px;
  }

    .pagination .pagination-active a,
    .pagination ul li a:hover {
      background: #a50d12 none repeat scroll 0 0;
      color: #fff;
    }

.box_manufacrurer li {
  line-height: 20px;
  padding: 10px 0;
  width: 100%;
}

.box_list input {
  margin-left: 10px; /*r*/
}

.box_list li > span,
.price-title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}

.usefull-product-slide .single-product {
  border: medium none;
  padding: 0;
}

  .usefull-product-slide .single-product .product-content {
    padding: 10px;
  }

.usefull-product-slide .carousle-pagi.common4 .owl-pagination {
  bottom: 10px;
  left: 50%;
  margin: auto auto auto -15%;
  top: 100%;
}

.usefull-product-slide {
  padding-bottom: 30px;
}
/* ===19.1 Our Team==== */
.ui-slider-range.ui-widget-header.ui-corner-all {
  background: #a50d12 none repeat scroll 0 0;
}

.ui-slider-handle.ui-state-default.ui-corner-all {
  background: none repeat scroll 0 0 #a50d12;
  border-radius: 50%;
  box-shadow: 0 0 0 3px #ffffff, 0 0 0 5px #cccccc;
  padding: 0;
  outline: none;
}

.price_filter input {
  margin-top: 30px;
}

  .price_filter input[type="text"] {
    border: 1px solid #dcdcdc;
    /*letter-spacing: 2px;*/
    padding: 10px;
    text-align: center;
    width: 60%;
  }

  .price_filter input[type="submit"],
  .calculate-shipping input[type="submit"] {
    background: #f7f7f7 none repeat scroll 0 0;
    border: 1px solid #cccccc;
    float: left; /*r*/
    padding: 10px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 33%;
  }

    .price_filter input[type="submit"]:hover,
    .tagcloud a:hover,
    .calculate-shipping input[type="submit"]:hover {
      background: none repeat scroll 0 0 #a50d12;
      color: #fff;
      border: 1px solid #a50d12;
    }

aside.shop-filter {
  border-top: medium none;
  margin: 0;
}
/*----------------------------------------*/
/*  20. single-product page
/*----------------------------------------*/
.single-product-page-wraper .ambit-key,
.shop-page-wraper .ambit-key {
  box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
}

#gallery_01 img,
img#zoom_03 {
  border: 1px solid #ccc;
  border-radius: 20px;
}

.input-box span {
  display: block;
  margin-bottom: 5px;
}

.p-c {
  margin: 10px 0px 10px 0px;
}

.hits-rating a {
  color: #ffa200;
}

.price-single {
  border-bottom: 1px solid #ededed;
  color: #a50d12;
  font-size: 30px;
  font-weight: 700;
}

  .price-single > p {
    color: #222;
    float: right;
    font-size: 14px;
    font-weight: normal;
    margin-top: 8px;
  }

  .price-single span {
    background: #ffa200 none repeat scroll 0 0;
    color: #fff;
    margin-left: 10px;
    padding: 3px 10px;
  }

.add-to-box-view .button.cart_button {
  border-radius: 0;
  float: left;
  width: 30%;
}

.input-content {
  display: inline-block;
  margin-right: 25px; /*l*/
}

  .input-content input {
    border: 1px solid #ccc;
    height: 44px;
    text-align: center;
    width: 50px;
  }

  .input-content > label {
    font-weight: normal;
    margin-left: 10px; /*r*/
  }

.input-content-0 > label {
  margin-left: 2px;
}

.input-content-0 {
  margin-right: 0;
}

.add-to-box-view {
  border-bottom: 1px solid #ededed;
}

.add-to-box li a.link-wishlist, .add-to-box li button.link-wishlist,
.add-to-box ul li a.link-compare, .whishlist-active {
  background: rgba(0, 0, 0, 0) url("../img/wishlist_view.png") no-repeat scroll right 4px; /*l*/
  float: right; /*l*/
  min-height: 25px;
  line-height: 25px;
  padding-right: 25px; /*l*/
  transition: none;
}

.add-to-box ul li a.link-compare {
  background: rgba(0, 0, 0, 0) url("../img/compare_view.png") no-repeat scroll right 3px;
  margin-right: 25px;
}

.add-to-box li a.link-wishlist:hover, .add-to-box li a.link-wishlist.active {
  background-position: right -46px; /*l*/
  color: #E44F4F;
}

.add-to-box li button.link-wishlist {
  border: none;
}

.add-to-box ul li a.link-compare:hover {
  background-position: right -45px;
  color: #E44F4F;
}

.whishlist-active {
  background: rgba(0, 0, 0, 0) url("../img/wishlist_view.png") no-repeat scroll right -200px; /*l*/
}

.add-to-box li {
  line-height: 23px;
}

.add-to-box {
  border-bottom: 1px solid #ededed;
  /*overflow: hidden;*/
}

.product-des-review ul.nav li a {
  font-size: 16px;
  font-weight: 700;
  margin: 14px 0;
  text-transform: uppercase;
}

.product-des-review ul.nav li.active {
  text-decoration: none;
}

  .product-des-review ul.nav li.active a,
  .product-des-review ul.nav li:hover a {
    color: #ffa200;
    text-decoration: none;
  }

.std > ul {
  list-style-type: square;
  margin: 0 0 10px 25px;
}

.features-tab.product-des-review .tab-content {
  margin-top: 5px;
  padding: 15px 10px;
}

.features-tab.product-des-review {
  border: 1px solid #ededed;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 0 7px 7px;
  margin-top: 30px;
}

.product-des-review.features-tab ul.nav {
  border-top: none;
}

.review_text p {
  line-height: 25px;
  margin: 5px 0;
}

.reviewer-ratting {
  border-bottom: 1px solid #ededed;
  padding: 10px 10px 10px 0;
  border-top: 1px solid #ededed;
}

.review_item {
  padding: 10px 0;
}

.input-box lavel {
  display: block;
}

.review-lower {
  border: 1px solid #ededed;
  padding: 25px 25px 25px 40px;
  position: relative;
}

.name-date > span {
  padding-left: 10px;
}

.review-upper .best {
  display: block;
  margin: 5px 0;
}

.input-box {
  margin-bottom: 20px;
}

  .input-box input,
  .input-box textarea {
    border: 1px solid #ddd;
    height: 30px;
    width: 250px;
  }

  .input-box textarea {
    height: 140px;
  }

.product-running .rating {
  padding-bottom: 10px;
}

.product-running .button.cart_button {
  border-radius: 0;
  width: 230px;
}

.input-header p {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  font-size: 16px;
  right: 25px; /*l*/
  margin: 0;
  padding: 5px 10px;
  position: absolute;
  top: -18px;
}

/*----------------------------------------*/
/*  21. cart page
/*----------------------------------------*/
.shoping-cart-area {
  background: #fff none repeat scroll 0 0;
}

.c-img {
  width: 12%;
}

  .c-img img {
    width: 120px;
  }

.c-price {
  color: #a50d12;
  font-size: 30px;
  font-weight: 700;
  width: 15.4%;
}

.table-bordered > thead > tr > td,
.table-bordered > thead > tr > th {
  border-bottom-width: 0;
  text-align: center;
}

.table.table-bordered tr {
  font-weight: 700;
  text-transform: capitalize;
  font-size: 16px;
}

.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
  vertical-align: middle;
}

.table.table-bordered tr th {
  color: #666;
  text-transform: uppercase;
}

.c-qty {
  width: 1%;
}

  .c-qty span {
    border: 1px solid #ddd;
    color: #777;
    display: block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    width: 40px;
  }

.trash-btn {
  width: 4%;
}

.btn-remove {
  background: rgba(0, 0, 0, 0) url("../img/btn_trash.png") no-repeat scroll 0 0;
  display: block;
  font-size: 0;
  height: 24px;
  line-height: 0;
  width: 20px;
}

.c-name span {
  color: #888;
  font-size: 11px;
  font-style: italic;
  margin: 10px;
}

.c-head,
tfoot tr {
  background: #ddd none repeat scroll 0 0;
}

.button.c_button {
  background: #a50d12 none repeat scroll 0 0;
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 35px;
}

  .button.c_button:hover {
    background: #888888 none repeat scroll 0 0;
    color: #fff;
  }

  .button.c_button.c-shop {
    float: left;
  }

  .button.c_button.c-pc {
    float: right;
    margin-left: 10px;
  }

  .button.c_button.c-up {
    float: right;
  }

.discount {
  border-radius: 5px;
}

  .discount h2 {
    border-bottom: 1px solid #ededed;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    margin: 0 -15px;
    padding: 15px;
    text-transform: uppercase;
  }

.cart-collaterals .discount .discount-form {
  overflow: hidden;
  padding: 10px;
}

.discount-form label {
  font-weight: normal;
  margin: 5px 0;
}

.discount .discount-form .input-box::before {
  background: #efefef url("../img/select_lang.png") no-repeat scroll 50% 50%;
  border-radius: 0;
  content: "";
  display: block;
  height: 34px;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 29px;
}

.discount .discount-form .input-box {
  position: relative;
}

  .discount .discount-form .input-box input {
    border: 1px solid #ddd;
    border-radius: 2px;
    box-shadow: none;
    box-sizing: border-box;
    color: #aaa;
    height: 36px;
    padding: 6px 10px;
    width: 100%;
  }

.single-dis {
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  overflow: hidden;
  padding: 12px 15px;
}

  .single-dis .button.c_button span {
    font-size: 16px;
    font-weight: 700;
  }

.button.c_button.dis-left {
  margin-top: 20px;
}

.shop_subtotal {
  float: right;
  margin-bottom: 20px;
}

.subtotal-area {
  background: #f9f9f9 none repeat scroll 0 0;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
  text-align: right;
  padding: 8px 15px 20px;
  font-size: 15px;
}

tfoot tr.s-total {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.subtotal-area .shop_subtotal tr {
  float: right;
  padding: 10px 0;
}

.s-price {
  padding: 0 2px 0 15px;
}

.sp-bottom-menu-wrapper.common4 {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #ddd;
}
/*-------------------------------
22. checkout page
--------------------------------*/

.checkout-page-area {
  background: #fff none repeat scroll 0 0;
}

.sauget-accordion .panel-heading {
  border-radius: 0;
  padding: 0;
}

  .sauget-accordion .panel-heading h4 a,
  .sauget-accordion .panel-heading h4 a.collapsed {
    color: #000000;
    display: block;
    position: relative;
    text-decoration: none;
    border: 1px solid transparent;
    font-size: 14px;
    line-height: 30px;
    text-transform: uppercase;
    background: #ebebeb none repeat scroll 0 0;
    padding: 14px 0 14px 10px;
    font-weight: 400;
  }

    .sauget-accordion .panel-heading h4 a span {
      background: #888888 none repeat scroll 0 0;
      color: #fff;
      font-size: 16px;
      font-weight: bold;
      line-height: 0;
      margin-right: 10px;
      padding: 3px 10px;
    }

.content-info {
  display: block;
  margin-bottom: 40px;
  overflow: hidden;
  padding: 15px;
}

.commonChack {
  margin-bottom: 28px;
}

.checkTitle {
  line-height: 50px;
  position: relative;
}

  .checkTitle .ct-design {
    border-bottom: 1px solid #e4e4e4;
    font-size: 16px;
    padding-bottom: 10px;
    text-transform: uppercase;
  }

.commonChack > p {
  color: #8c8c8c;
  font-size: 14px;
  margin-bottom: 5px;
}

.commonChack label {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  margin-right: 7px; /*l*/
  vertical-align: middle;
}

.commonChack {
  margin-bottom: 28px;
}

.regSaveTime li {
  color: #000;
  font-size: 12px;
  list-style: inside disc;
  margin-bottom: 5px;
}

a.checkPageBtn,
.checkout .block-area-button button {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  color: #868686;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
  padding: 0 23px;
  text-transform: uppercase;
  white-space: nowrap;
}

.checkout-reg a.checkPageBtn {
  margin-top: -10px;
}

a.checkPageBtn:hover {
  background: #a50d12 none repeat scroll 0 0;
  border-color: #a50d12;
  color: #fff;
}

p.alrdyReg {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.plxLogin {
  color: #8c8c8c;
  font-size: 12px;
}

  .plxLogin a {
    color: #ff5b5a;
    float: left;
    margin-top: 40px;
    overflow: hidden;
    text-decoration: none;
  }

    .plxLogin a:hover {
      color: #01c3c2;
    }

.plxLoginP {
  color: #000;
  font-size: 12px;
  margin-bottom: 5px;
}

.loginFrom span {
  color: #ff5b5a;
  font-weight: bold;
  padding-right: 3px;
}

.loginFrom input {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #2f2f2f;
  display: block;
  font-size: 14px;
  height: 34px;
  padding: 7px;
  width: 100%;
}

.plxLoginP {
  color: #000;
  font-size: 12px;
  margin-bottom: 5px;
}

.rqudField {
  color: #f00;
  font-size: 12px;
  margin-top: 5px;
}

.sauget-accordion .panel-heading h4 a.collapsed span {
  background: #a50d12 none repeat scroll 0 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 22px;
  margin-right: 10px;
  padding: 3px 10px;
  text-align: center;
  width: 22px;
}

.checkout .billing-info {
  margin-bottom: 15px;
  margin-left: 30px;
  margin-top: 15px;
}

  .checkout .billing-info select {
    height: 30px;
    margin-bottom: 25px;
    padding: 5px 10px;
  }

    .checkout .billing-info select option {
    }

.method-input-box {
  margin-bottom: 10px;
}

.billing-info p {
  font-size: 12px;
}

.billing-info select {
  font-size: 12px;
  margin-bottom: 10px;
  font-family: "iran-sense";
}

.method-input-box p {
  margin: 0;
}

.method-input-box label {
  font-size: 12px;
  font-weight: 400;
}

.method-input-box input {
  float: right;
  margin: 3px 0px 0 5px;
}

.checkout .method-input-box p input {
  margin-right: 10px;
}

.checkout .block-area-button button:hover,
.product-review .btn.btn-default:hover {
  background: #a50d12 none repeat scroll 0 0;
  border-color: #a50d12;
  color: #fff;
}

.checkout .shiping-method {
  margin-bottom: 15px;
  margin-left: 30px;
  margin-top: 15px;
}

.checkout .checkout-option {
  margin-bottom: 15px;
  margin-left: 30px;
  margin-top: 15px;
}

.checkout .cardtype select {
  border-radius: 0;
}

.checkout .expirationdate select {
  margin-bottom: 20px;
  border-radius: 0;
}

.checkout .review-bar {
  margin-bottom: 15px;
  margin-left: 30px;
  margin-top: 15px;
}

.checkout .brand-logo {
  margin-left: -15px;
  margin-right: -15px;
}

.verificationcard.form-group > a {
  color: #f7505a;
  text-decoration: none;
}

.form-control {
  border-radius: 0;
}

.product-review .btn.btn-default {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #d7d7d7;
  border-radius: 25px;
  color: #868686;
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  line-height: 31px;
  padding: 0 23px;
  text-transform: uppercase;
  white-space: nowrap;
}

.form-control.year-select {
  margin-top: 10px;
}

.btn-default:hover {
  background-color: #a50d12;
  border-color: #a50d12;
  color: #fff;
}

.panel-group {
  margin-bottom: 0;
}

.checkout-sidebar h2 {
  background: #a50d12 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 25px;
  margin: 0 0 10px;
  padding: 10px 0;
  text-align: center;
  text-transform: uppercase;
}

.checkout-sidebar ul li {
  border-bottom: 1px solid #d6d6d6;
  color: #8c8c8c;
  font-size: 13px;
  line-height: 29px;
  padding: 8px;
  text-transform: capitalize;
  position: relative;
}

  .checkout-sidebar ul li::before {
    color: #8c8c8c;
    content: "\f104";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 14px;
    font-style: normal;
    line-height: 1;
    margin-left: 10px; /*r*/
  }

.panel {
  box-shadow: none;
}

.panel-collapse {
  border: 1px solid #f2f2f2;
}
/*-------------------------------
23. Rigistration page
--------------------------------*/
.my-account-area {
  background: #fff none repeat scroll 0 0;
}

.form-fields {
  border-color: #e8e8e9 #e8e8e9;
  border-style: solid solid none;
  border-width: 1px 1px medium;
  float: left;
  padding: 20px 25px;
  width: 100%;
}

  .form-fields h2 {
    border-bottom: 1px solid #e8e8e9;
    font-size: 18px;
    margin: 0 0 15px;
    padding: 0 0 5px;
    text-transform: uppercase;
  }

  .form-fields p label {
    display: block;
    font-weight: 400;
    margin: 0 0 5px;
  }

  .form-fields p input {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e8e8e9;
    border-radius: 0;
    height: 32px;
    padding: 0 0 0 10px;
    width: 100%;
  }

.form-action {
  background: #f5f5f5 none repeat scroll 0 0;
  border-color: #e8e8e9;
  border-style: none solid solid;
  border-width: medium 1px 1px;
  float: left;
  padding: 15px 10px;
  width: 100%;
}

  .form-action p.lost_password {
    float: left;
    line-height: 36px;
    margin: 0;
  }

  .form-action label {
    float: right;
    font-weight: normal;
    line-height: 36px;
    margin: 0 20px 0 0;
  }

    .form-action label input {
      margin-right: 3px;
      margin-top: 0;
      position: relative;
      top: 2px;
    }

  .form-action input[type="submit"] {
    background: #a50d12 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    float: right;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
  }

    .form-action input[type="submit"]:hover {
      background: #888888 none repeat scroll 0 0;
    }
/*-------------------------------
24. about page
--------------------------------*/
.about-us-page .carousel-btn.no-bdr .owl-controls .owl-buttons div {
  background: transparent none repeat scroll 0 0;
  border: medium none transparent;
  color: #919191;
}

  .about-us-page .carousel-btn.no-bdr .owl-controls .owl-buttons div:hover {
    background: none !important;
  }

.about-us-page h3 {
  color: #888;
}

.about-us-area {
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid #ddd;
}

.blogpage-date {
  float: left;
  font-size: 22px;
  font-weight: 700;
  width: 75px;
  display: block;
  border-right: 1px solid #ccc;
  margin-right: 25px;
  padding-right: 15px;
}

  .blogpage-date > span {
    display: block;
    font-size: 12px;
    font-weight: 500;
    padding-top: 5px;
    text-transform: uppercase;
  }

.artical-title > a {
  display: block;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 5px;
}

.user {
  display: inline;
  float: left;
}

.artical-title > a {
  display: block;
}

.artical-title span i {
  color: #a50d12;
}

.shortcode > a {
  margin-left: 50px;
}

.sp-bubble {
  margin-bottom: 40px;
  position: relative;
  background: #736357;
  padding: 10px;
}

  .sp-bubble cite span {
    border-bottom-color: transparent !important;
    content: " ";
    display: block;
    height: 0;
    position: absolute;
    top: 0;
    width: 15px;
    border-left-color: transparent !important;
    left: 0;
    border: 15px solid #736357;
  }

  .sp-bubble cite {
    bottom: -30px;
    display: block;
    height: 30px;
    line-height: 36px;
    position: absolute;
    left: 15px;
    padding-left: 40px;
  }

  .sp-bubble > p {
    color: #fff;
    margin: 0;
  }

.about-text-left > p {
  color: #888;
  font-size: 13px;
  line-height: 25px;
}

.single-slider h4 span {
  background: #a50d12 none repeat scroll 0 0;
  border-radius: 100%;
  color: #fff;
  display: inline-block;
  height: 45px;
  line-height: 45px;
  margin-right: 10px;
  text-align: center;
  width: 45px;
}

.single-slider p {
  color: #888;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}

.about-us-page .about-slider.carousel-btn .owl-controls .owl-buttons div i {
  font-size: 40px;
}

.about-educaton {
  color: #888;
}

  .about-educaton ul li {
    border-left: 2px solid #a50d12;
    margin-bottom: 20px;
    padding-left: 20px;
  }

  .about-educaton h4 {
    margin: 10px 0;
  }

  .about-educaton p {
    font-size: 13px;
    line-height: 20px;
  }

.about-slider-area {
  background: #fff none repeat scroll 0 0;
}

.single-slider .col-md-6 {
  padding: 0 60px;
}

.education-skill-area {
  background: #fdfdfd none repeat scroll 0 0;
}

.about-skill .single-prograss .progress-bar {
  background-color: #a50d12;
  box-shadow: none;
}

.about-skill .single-prograss .progress {
  background-color: #f6f6f6;
  border: medium none;
  height: 20px;
  margin-bottom: 10px;
}

.about-skill .single-prograss > span {
  padding-bottom: 5px;
}
/*-------------------------------
Contact-page
--------------------------------*/
.map-area span i {
  margin-right: 10px;
}

.quick-details > address p {
  margin-bottom: 5px;
}

.quick-details > address {
  margin: 20px 0 0;
}

.quick-details {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}

.contact-title > h3 {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.contact-title > h4 {
  padding-top: 20px;
}

.contact-form-area .input-box label {
  float: right;
  width: 10%;
}

.contact-form-area .input-box input,
.contact-form-area .input-box textarea {
  display: inline-block;
  font-size: 14px;
  height: 35px;
  padding: 0 11px;
  width: 90%;
}

.contact-form-area .input-box textarea {
  min-height: 300px;
  padding: 10px;
}

.contact-form-area > h3 {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
  margin-bottom: 20px;
}

em {
  color: #ff0000;
}

.about-us-area.common-contact .container {
  box-shadow: 5px 0 3px -3px #ededed, -5px 0 3px -3px #ededed;
}

.input-box.checkout {
  float: right;
  width: 15%;
  margin: 0;
}

  .input-box.checkout input, .box-login .input-box input[type=submit] {
    border: medium none;
    height: 40px;
    width: 100%;
    transition: .3s;
  }

form input:focus,
form textarea:focus {
  border-color: #96B7CB;
  box-shadow: 0 0 6px #96B7CB;
  color: #96B7CB;
}
/*-------------------------------
26. 404-page
--------------------------------*/
.error404 {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #ddd;
}

  .error404 .search-box {
    border-left: medium none;
    height: auto;
    overflow: visible;
  }

    .error404 .search-box input {
      border: 1px solid #ddd;
    }

.mobile-menu-area {
  display: none;
}
/*-------------------------------
27. Blog-page
--------------------------------*/
.blog-wraper .hotsell-area .area-title h3 {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}

.blog-wraper aside:first-child {
  margin-top: 0;
}

.common-blog .single-blog {
  margin-bottom: 50px;
}

  .common-blog .single-blog:last-child {
    margin-bottom: 0;
  }

.blog-wraper aside {
  box-shadow: 0 1px 5px 0 rgba(205, 205, 205, 0.5);
}

.blog-wraper .our-blog-area {
  background: #fff none repeat scroll 0 0;
}

.blog-wraper .blog-date {
  display: inline-block;
}

.blog-date.blog-user {
  margin-left: 10px; /*r*/
}

.aside-padd.blog-ctg li {
  line-height: 30px;
  transition: all 0.3s ease 0s;
}

  .aside-padd.blog-ctg li:hover {
    padding-right: 10px; /*l*/
  }

.aside-padd.blog-ctg li {
  border-bottom: 1px solid #ededed;
}
/*-------------------------------
28. Single-blog
--------------------------------*/
blockquote {
  background: #f7f7f7 none repeat scroll 0 0;
  border: medium none;
  font-size: 14px;
  font-style: italic;
  margin: 20px 0;
  padding: 30px 45px;
}

.web-links > span {
  display: inline-block;
  font-weight: 700;
  margin-right: 10px;
  position: relative;
  text-transform: uppercase;
  top: -10px;
}

.web-links > ul {
  display: inline-block;
}

.single-blog-wraper .web-links {
  border-bottom: 1px solid #ededed;
  border-top: 1px solid #ededed;
  padding: 8px 0 5px;
}

.reply-comment-area {
  overflow: hidden;
  width: 100%;
}

  .reply-comment-area h3 .user-comment-form-area h3 {
    border-top: 1px solid #e5e5e5;
    color: #252525;
    font-size: 24px;
    margin: 0 0 50px;
    padding: 22px 0 0;
  }

.single-reply {
  margin: 0 0 20px;
  overflow: hidden;
}

.author-description p {
  color: #6a6a6a;
  font-size: 13px;
  font-weight: 300;
}

.comment-author {
  float: left;
  width: 7%;
}

  .comment-author img {
    border-radius: 100%;
  }

.comment-info::before {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 1px solid #ececec;
  border-left: 1px solid #ececec;
  content: "";
  display: block;
  height: 10px;
  left: -5px;
  position: absolute;
  top: 10px;
  transform: rotate(45deg);
  width: 10px;
}

.comment-info {
  border: 1px solid #ececec;
  border-radius: 3px;
  float: right;
  padding: 10px;
  position: relative;
  width: 91%;
}

.comment-author-info {
  color: #9d9d9d;
  font-size: 12px;
  line-height: 1;
  margin: 0 0 15px;
}

  .comment-author-info a {
    color: #666666;
  }

    .comment-author-info a:hover {
      color: #C38749;
    }

  .comment-author-info span {
    margin-left: 10px;
    margin-right: 10px;
  }

.comment-info p {
  color: #6a6a6a;
  font-weight: 300;
}

.user-comment {
  padding-left: 25px;
}

.user-comment-form-area p.form-row label {
  color: #666666 !important;
  font-size: 12px;
  font-weight: normal;
}

.user-comment-form-area textarea {
  height: 120px;
  resize: none;
  width: 100%;
}

.reply-comment-area h3, .user-comment-form-area h3 {
  border-top: 1px solid #e5e5e5;
  color: #252525;
  font-size: 24px;
  padding: 20px 0 0;
}

.user-comment-form-area p {
  color: #9d9d9d;
  margin-bottom: 20px;
}

.form-row > input, .form-row textarea {
  border: 1px solid #ddd;
  width: 100%;
}

span.required {
  color: #f00;
}

.single-blog-wraper .blog-text > p {
  text-align: justify;
}

/*-------------------------------
29. Shop-list
--------------------------------*/
.shop-list-wraper .product-content .product-name > a {
  font-size: 20px;
}

  .shop-list-wraper .product-content .product-name > a:hover {
    color: #ffa200 !important;
  }

.shop-list-wraper .product-content h2.product-name {
  margin-bottom: 5px;
}

.shop-reviews {
  display: inline-block;
}

.shop-list-wraper .price-box {
  padding: 5px 0;
}

.list-views .rating {
  display: inline-block;
}

.rat-rev {
  border-bottom: 1px solid #ededed;
  overflow: hidden;
  padding: 5px 0;
}

.shop-list-wraper .short-area {
  display: block;
  overflow: hidden;
}

.shop-list-wraper .short-area {
  display: block;
  overflow: hidden;
}

.list-views li {
  display: inline-block;
}

.cart-wis-com > a {
  background: #a50d12 none repeat scroll 0 0;
  color: #fff;
  display: block;
  font-size: 18px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  width: 35px;
}

.list-views li + li {
  margin-left: 5px;
}

.shop-list-wraper .product-content {
  padding: 0;
}

.list-views .single-product {
  margin-top: 0;
}

.shoplist-single-product {
  overflow: hidden;
}

.list-views .product-content > p {
  margin-bottom: 10px;
}

.list-views .shoplist-single-product + .shoplist-single-product {
  margin-top: 20px;
}

.product-item-0 {
  max-height: 50px;
  overflow: hidden;
}

.shop-product-area .product-content-shop, .product-content-shop {
  height: 130px;
  overflow: hidden;
  padding-top: 10px;
}

.about-footer {
  text-align: justify;
  height: 80px;
  overflow: hidden;
  color: #666;
  line-height: 20px;
}

.description-detail-product {
  line-height: 25px;
  text-align: justify;
}

.select-color li:first-child, .select-size li:first-child, .box-price-0 li:first-child {
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 15px;
  color: #666;
}

  .select-color li:first-child span::after, .select-size li:first-child span::after, .box-price-0 li:first-child span::after, .box-garantee span::after {
    border-bottom: 1px solid #ededed;
    margin-top: -15px;
    content: '';
    display: block;
  }

  .select-color li:first-child span, .select-size li:first-child span, .box-price-0 li:first-child span, .box-garantee span {
    background-color: #fff;
  }

    .select-color li:first-child span label, .select-size li:first-child span label, .box-price-0 li:first-child span label, .box-garantee span label {
      padding-left: 5px;
    }

.color-box-0 {
  width: 20px;
  height: 20px;
  float: right;
  margin-left: 8px;
  border: 1px solid #333;
}

.area-title-0 h3, .category-heading-0 h3 {
  color: #666;
}

.products-features {
  display: block;
}

  .products-features ul > li {
    margin-bottom: 15px;
  }

.select-size li:not(:first-child) {
  float: right;
  margin-left: 8px;
  padding: 3px;
  border-radius: 2px;
}

  .select-size li:not(:first-child):hover {
    cursor: pointer;
  }

.select-color li:not(:first-child):hover {
  -webkit-transform: scale(1.20,1.20);
  -moz-transform: scale(1.20,1.20);
  -o-transform: scale(1.20,1.20);
  -ms-transform: scale(1.20,1.20);
  transform: scale(1.20,1.20);
  cursor: pointer;
}

.std-a i {
  font-size: 14px;
  color: #1F99E4;
  margin-left: 5px;
  padding: 1px;
  border-radius: 50px;
  border: 1px solid #1F99E4;
}

.box-title-a span::after {
  content: '';
  display: block;
  border-bottom: 1px solid #ededed;
  margin-top: -18px;
}

.box-title-a span {
  background-color: #fff;
}

  .box-title-a span label {
    background-color: #c0c0c0;
    padding: 3px;
    border: 1px solid #ededed;
    font-size: 15px;
    color: #fff;
  }

.box-item-c {
  margin-bottom: 20px;
  margin-top: 30px;
}

.background-a {
  background-color: #EAECEE;
  padding: 5px;
  border-bottom: 1px solid #D5D8DC;
  border-right: 2px solid #D5D8DC;
}

.background-b {
  background-color: #E8F8F5;
  padding: 5px;
  border-bottom: 1px solid #D1F2EB;
}

  .background-b i.fa-times {
    color: #ba1000;
    font-size: 14px;
  }

  .background-b i.fa-check {
    color: green;
    font-size: 14px;
  }

.item-description-product {
  line-height: 25px;
  font-size: 13px;
}

.list-comment-box li {
  padding-right: 30px;
}

.box-user {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 1px solid #ededed;
  border-radius: 2px;
}

.date-comment {
  color: #a50d12;
  background-color: #fff;
  padding: 2px 5px;
  border-bottom: 1px dotted #555;
}

.no-style {
  background: none;
  border: none;
  color: #FFA200;
}

.text-user {
  padding: 0 5px;
  line-height: 25px;
  background-color: #fff;
  color: #333;
}

  .text-user::before {
    content: '';
    display: block;
    background-color: #fff;
    border: 1px solid #ededed;
    width: 10px;
    height: 10px;
    margin-right: -10px;
    border-right-color: transparent;
    border-bottom-color: transparent;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    border-radius: 1px;
  }

.single-blog-b {
  border: 1px solid #ededed;
  padding: 10px;
  box-shadow: 0 1px 5px 0 rgba(205, 205, 205, 0.5);
}

.vina-banner-b {
  border: 1px solid #ededed;
  padding: 3px;
}

.blog-title-b h1 {
  font-size: 17px;
  line-height: 25px;
  color: #333;
}

.item-summary-a h3 {
  font-size: 14px;
  font-style: normal;
  line-height: 25px;
  text-align: justify;
}

.blog-img-c {
  padding: 2px;
  border: 1px solid #ededed;
}

.text-detail {
  text-align: justify;
}

.hotsell-text-a a {
  display: block;
  max-height: 58px;
  overflow: hidden;
}

.total-hotsell-b .single-hotsell .new-price {
  font-size: 15px;
}

.sipping-table-a input {
  width: 50px;
  direction: ltr;
}

.sipping-table-a .title-factor {
  background-color: #ddd;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #666;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
}

.background-ac {
  padding: 0;
  border-left: 1px solid #ededed;
  line-height: 25px;
}

.row-border {
  border: 1px solid #ddd;
}

.detail-order-a img {
  padding: 10px;
  border: 1px solid #ededed;
}

.detail-order-a {
  min-height: 115px;
  text-align: center;
  border-bottom: 1px solid #ededed;
}

.about-ab {
  line-height: 25px;
  font-size: 13px;
  text-align: justify;
  color: #4a4a4a;
  padding-bottom: 20px;
  padding-top: 30px;
}

  .about-ab p {
    line-height: 25px;
    font-size: 13px;
    text-align: justify;
    color: #4a4a4a;
    padding-bottom: 20px;
    padding-top: 30px;
  }

/*-----------------------------------------------------------------*/
.shopping-cart {
  position: relative;
}

.sipping-table {
  float: right; /*l*/
  margin: 15px 0;
  width: 100%;
}

  .sipping-table table {
    position: relative;
    width: 100%;
    border-collapse: collapse;
  }

    .sipping-table table thead {
      border: 1px solid #ededed;
      border-bottom: none;
      background-color: #ddd;
    }

      .sipping-table table thead th {
        padding: 3px 10px;
        text-align: center;
        font-size: 13px;
        font-weight: normal;
        color: #666;
      }

    .sipping-table table td {
      padding: 10px;
      border: 1px solid #ededed;
      text-align: center;
      vertical-align: middle;
    }

  .sipping-table tfoot {
    position: relative;
  }

    .sipping-table tfoot td {
      text-align: right;
      border: none;
      padding: 0;
    }

.shiping-description {
  text-align: right;
}

  .shiping-description h4 {
    margin-bottom: 15px;
  }



.shiping-image img {
  max-height: 100%;
  max-width: 100%;
  padding: 2px;
  border: 1px solid #ededed;
}






#mymodal tbody {
  width: 100%;
}

.box-name-b {
  border-bottom: 1px solid #ededed;
}

@media (max-width:990px) {
  .border-left {
    border-bottom: 1px solid #ededed;
  }

  .box-name-b {
    border-bottom: none;
  }

  .box-name-dc {
    border-bottom: 1px solid #ededed;
    background-color: #d7f2dd;
  }
}

@media (max-width:766px) {
  .single-product-page-wraper .ambit-key-b {
    margin-top: 35px;
  }
}

@media (max-width:767px) {
  .single-product-page-wraper .ambit-key-b {
    margin-top: 35px;
  }


  .box-name-dc {
    border-bottom: 1px solid #ededed;
    background-color: #d7f2dd;
  }


  .box-name-b {
    border-bottom: none;
  }

  .border-left {
    border-bottom: 1px solid #ededed;
  }

  .sipping-table table thead, .sipping-table table colgroup {
    display: none;
  }

  .sipping-table table tr {
    width: 100%;
  }

  .sipping-table table td {
    float: right;
    padding-right: 110px;
    width: 100%;
    border-top: none;
    position: relative;
  }

  .sipping-table table tr:first-child td:first-child {
    border-top: 1px solid #ededed;
  }

  .sipping-table table td:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    padding: 10px 5px 5px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #ededed;
  }
  /*
	Label the data
	*/
  .sipping-table table td:nth-of-type(1):before {
    content: "تصویر";
  }

  .sipping-table table td:nth-of-type(2):before {
    content: "نام محصول";
  }

  .sipping-table table td:nth-of-type(3):before {
    content: "رنگ و سایز";
  }

  .sipping-table table td:nth-of-type(4):before {
    content: "قیمت واحد";
  }

  .sipping-table table td:nth-of-type(5):before {
    content: "تعداد";
  }

  .sipping-table table td:nth-of-type(6):before {
    content: "قیمت کل";
  }

  .sipping-table table td:nth-of-type(7):before {
    content: "عملیات";
  }

  .sipping-table tfoot td:before {
    display: none;
  }

  .sipping-table tfoot tr:first-child td:first-child {
    border: none;
  }

  .sipping-table tfoot td {
    padding: 0;
  }


  .sipping-table table td:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    padding: 10px 5px 5px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    border-left: 1px solid #ededed;
    background-color: #ddd;
  }
}

.sipping-table-c h4 {
  font-size: 13px;
}

.color-pr-detail {
  width: 15px;
  height: 15px;
}

.price-cart-table h5, .price-cart-table {
  color: #a50d12;
  font-weight: bold;
}

.item-shopping-footer {
  text-align: center;
}

  .item-shopping-footer button.btn {
    background-color: #a50d12;
    color: #fff;
  }

    .item-shopping-footer button.btn:hover {
      background-color: #fff;
      color: #333;
      border: 1px solid #333;
    }

#mymodal .input-content-0 {
  margin-right: 0;
}

.total-price {
  margin-top: 20px;
}

.bg-color-cc {
  background-color: #f0f0f0;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #a50d12;
  border: 1px solid #ededed;
  font-weight: bold;
}

  .bg-color-cc i.fa {
    font-size: 14px;
    color: #a50d12;
    margin-left: 5px;
    font-weight: bold;
  }

.bg-color-dd {
  border: 1px solid #ededed;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  color: #666;
  font-size: 14px;
  font-weight: bold;
}

.select-product select {
  width: 100%;
}


.feauter-item-0, .box-name-dc {
  padding: 20px 5px;
}



.box-name-product-b {
  margin-bottom: 20px;
  padding: 20px;
}

.box-title-cc span label {
  padding: 10px;
  border-radius: 2px;
  background-color: #a50d12;
}

.product-compare-ac {
  border: 1px solid #ededed;
  padding: 10px;
  margin-bottom: 25px;
  box-shadow: 0 1px 5px 0 rgba(205, 205, 205, 0.5);
}

.product-name-compare {
  font-size: 15px;
  margin-top: 10px;
  line-height: 25px;
}

.box-title-cc span::after {
  border-bottom: 1px solid #a50d12;
  margin-top: -22px;
}

.feauter-item-0 i.fa-check {
  color: green;
  font-size: 15px;
}

.feauter-item-0 i.fa-times {
  color: red;
  font-size: 15px;
}

.ambit-key-c {
  box-shadow: 0 1px 5px 0 rgba(205, 205, 205, 0.5);
}

.bdr-compare h3 {
  color: #666;
  font-weight: normal;
}

.rate-product {
  /*padding:20px;*/
}

  .rate-product .jq-ry-container {
    display: inline-flex;
    float: left;
    clear: left;
  }

  .rate-product label {
    font-size: 15px;
    /*color:#a50d12;*/
  }

  .rate-product .inner-box-comment label {
    font-size: 13px;
    font-weight: normal;
    color: #333;
  }

  .rate-product i.fa {
    font-size: 20px;
    color: #a50d12;
  }

.option-product-detail {
  border: 1px solid #666;
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
  outline: 1px solid #000;
}

.option-product-detail-1 {
  border: 1px solid #333;
  -webkit-transform: scale(1.2,1.2);
  -moz-transform: scale(1.2,1.2);
  transform: scale(1.2,1.2);
  background-color: #ededed;
}

.header-box-login {
  text-align: center;
  padding: 15px;
  background-color: #ededed;
  border-radius: 2px;
  background-color: #a50d12;
  width: 200px;
  height: auto;
  margin: 0 auto;
  margin-top: -45px;
}

  .header-box-login h5 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    color: #fff;
  }

.login-a {
  border: 1px solid #e4e4e4;
  padding: 20px 15px;
  box-shadow: 0 0 0 3px #e4e4e4;
  background-color: #f6f6f6;
  margin-top: 50px;
}

.box-login {
  margin-top: 20px;
}

  .box-login a {
    color: #333;
    display: block;
    line-height: 25px;
  }

    .box-login a:hover {
      color: #ffa200;
    }

.form-login img {
  border-radius: 50px;
  /*width:100%;*/
}

.form-login span {
  display: block;
}

.box-img-a {
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 15px;
}

  .box-img-a .col-md-3 {
    margin-bottom: 15px;
  }

.bg-color-a {
  background-color: #fff;
}

.box-img-a img:hover {
  cursor: pointer;
}

.on-item {
  -webkit-filter: grayscale(95%);
  filter: grayscale(95%);
}

.img-text {
  padding-bottom: 10px;
}

.off-item, .login-a img:hover {
  -webkit-filter: grayscale(1%);
  filter: grayscale(1%);
}

.title-change-pass span {
  background-color: #f6f6f6;
  display: inline-block;
  font-size: 15px;
  color: #222;
  padding-left: 5px;
}

.title-change-pass::after {
  border-bottom: 1px solid #a50d12;
  content: '';
  margin-top: -8px;
  display: block;
}

.title-change-pass {
  padding-bottom: 20px;
}

.profile-form .col-md-6 {
  padding-left: 25px;
  padding-right: 25px;
}

.field-validation-error {
  color: #f00;
}

.blog-user i.fa, .blog-date i.fa {
  margin-left: 3px;
}
/*========end style.css========*/

/*--------responsive-------*/
/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1169px) {
  /*homepage-01*/

  .main-menu ul li a {
    font-size: 14px;
    padding: 0 12px;
  }

  .main-menu ul li .mega-menu {
    width: 950px;
    left: -64%;
  }

  .mega-menu-2 {
    left: -135% !important;
  }

  .main-menu ul li .mega-menu .mega-catagory a {
    margin: 0;
    padding: 15px 0;
  }

    .main-menu ul li .mega-menu .mega-catagory a img {
      padding: 15px;
      margin-right: 5px;
    }

  .mega-menu-5.ft-mega {
    left: -367% !important;
  }

  .slider-area .nivo-caption .layer-1-2 img,
  .slider-area .nivo-caption .layer-1-1 img,
  .slider-area .nivo-caption .layer-1 img {
    left: 10%;
  }

  .slider-area .nivo-caption .lft-pr h4 {
    font-size: 70px;
  }

  .slider-area .nivo-caption .lft-pr h3 {
    font-size: 40px;
  }

  .slider-area .nivo-caption .lft-pr h2 {
    font-size: 40px;
  }

  .banner-inner .banner-title {
    font-size: 20px;
  }

  .Progress-steps li {
    width: 19.5%;
  }

  .our-favourites ul.nav li {
    width: 16.16%;
  }

  .carousel-btn-2.carousel-btn .owl-controls .owl-buttons div {
    top: -52%;
  }

  .hotsell-area .area-title h3 {
    background-position: 80% 16px;
  }

  .web-links li {
    margin-right: 4px;
  }

  .ma-footer-container .payment {
    margin-top: 0;
  }

    .ma-footer-container .payment li {
      margin-right: 5px;
    }

  .basak-footer .links li {
    padding: 0 5px 0 4px;
  }

  .mobile-menu-area {
    display: none;
  }

  .area-title h3 {
    font-size: 20px;
  }

  .button.c_button {
    ;
    padding: 10px 20px;
  }

  .c-price.c-wish {
    width: 20%;
  }
  /*======Home 2======*/

  #home-2 .home-2-waraper {
    width: auto;
  }

  .main-menu ul li .mega-menu.home2-menu {
    width: 800px;
  }

    .main-menu ul li .mega-menu.home2-menu.mega900 {
      width: 750px;
    }

  .mega-menu-5 {
    width: 732px !important;
  }

  .banner-inner .banner-title {
    font-size: 15px;
  }

  .our-favouriate-area-2 .our-favourites ul.nav li {
    width: 12.12%;
  }

  .new-arri-total li .wishlist a,
  .new-arri-total li .view-products a {
    height: 27px;
    line-height: 26px;
    width: 25px;
  }

  .button.btn2 span {
    padding: 5px;
  }

  .sl-hover {
    margin-top: 5px;
  }

  .single-arri {
    margin: 10px 0;
  }
  /*Home -3 */

  .slider-area.common3 .left-slide .title-container {
    left: 30%;
    padding-right: 10%;
  }

  .box-title > p {
    font-size: 12px;
  }

  .features-tab .nav.common3 > li > a {
    padding: 15px 23px;
  }

  .home-3-wraper .main-menu ul li a {
    font-size: 16px;
  }
  /*home-4*/

  .home-4-wraper .mega-menu.mega-menu-5.fastr2 {
    left: -364% !important;
  }

  .static-content a.button-link {
    margin: 20px;
  }

  .title-container-4 {
    left: 45%;
    top: 30%;
  }

  .home-4-wraper .slider-area .nivo-caption .layer-1-2 img,
  .home-4-wraper .slider-area .nivo-caption .layer-1 img,
  .home-4-wraper .slider-area .nivo-caption .layer-1-1 img {
    left: 8%;
  }

  .carousel-btn-3.carousel-btn .owl-controls .owl-buttons div {
    top: -7%;
  }
  /*====Blog===*/
  .blog-wraper .aside-padd {
    padding: 10px;
  }
}
/* Tablet desktop :768px. */

@media (min-width: 768px) and (max-width: 991px) {
  /*home page-1*/

  .single-menu ul li a {
    font-size: 13px;
    padding: 0 5px;
  }

  .single-drop ul li span {
    font-size: 13px;
  }

  .single-drop ul li label {
    font-size: 13px;
  }

  .main-menu ul li .mega-menu .mega-catagory a span {
    vertical-align: top;
    display: block;
  }

  .main-menu ul li .mega-menu {
    left: -64%;
  }

  .main-menu ul li a {
    font-size: 13px;
    padding: 0 11px;
  }

  .main-menu ul li .mega-menu {
    width: 700px;
  }

    .main-menu ul li .mega-menu .mega-catagory a {
      margin: 0;
      padding: 15px 0;
    }

      .main-menu ul li .mega-menu .mega-catagory a img {
        padding: 15px;
        margin-right: 5px;
      }

  .mega-menu-5.ft-mega {
    left: -362% !important;
  }

  .mega-catagory2.hverson .version-cat a {
    font-size: 12px;
  }

  .main-menu ul li .mega-menu.home2-menu.mega820 {
    width: 725px;
  }

  .main-menu ul li .mega-menu .mega-catagory a {
    text-align: center;
  }

  .mega-menu-2 {
    left: -134% !important;
  }

  .mega-menu-3 {
    left: -267% !important;
  }

  .mega-menu-4 {
    left: -455% !important;
  }

  li.fashion-tnd {
    display: none;
  }

  .main-menu ul li .mega-menu .mega-catagory {
    padding: 0;
  }

    .main-menu ul li .mega-menu .mega-catagory a {
      padding: 5px;
    }

  .main-menu ul li ul.sub-menu li a {
    font-size: 13px;
  }

  .slider-area .nivo-caption .lft-pr h2,
  .slider-area .nivo-caption .lft-pr h3 {
    font-size: 30px;
    margin-right: 10%;
  }

  .slider-area .nivo-caption .lft-pr h4 {
    font-size: 50px;
    margin-right: 10%;
  }

  .slider-area .nivo-caption .lft-pr a {
    margin-right: 10%;
  }

  .nivo-controlNav.nivo-thumbs-enabled {
    display: none;
  }

  .banner-box-2.banner-inner.bannneer {
    margin: 15px 0;
  }

  .category-menu-list ul li a i {
    right: 15px;
  }

  .category-menu-list ul li a {
    padding: 10px;
    font-size: 14px;
  }

  .category-menu-list ul li .big-ldrop {
    width: 520px;
  }

  .category-heading h2 {
    padding: 0 0 0 20px;
  }

  .aside-padd {
    padding: 3px 3px 10px;
  }

  .tag-area ul li a {
    margin: 5px 5px 0 4px;
    padding: 0 5px;
  }

  .area-title h3 {
    font-size: 19px;
    padding: 10px;
  }

  .input-box label {
    font-size: 13px;
  }

  .web-links ul li a {
    font-size: 20px;
    height: 25px;
    line-height: 25px;
    width: 25px;
  }

  .web-links li {
    margin-right: 3px;
  }

  .hotsell-area .area-title h3 {
    background-position: 88% 5px;
  }

  .hotsell-img {
    width: 100%;
    padding: 0;
  }

  .hotsell-text {
    text-align: center;
    width: 100%;
  }

  .hotsell-img a {
    border: none;
  }

  .single-hotsell {
    border: 1px solid #ddd;
    margin-bottom: 20px;
  }

  .progress-steps ul li p {
    font-size: 12px;
    margin-bottom: 5px;
  }

  .progress-steps li {
    width: 19%;
  }

  .our-favourites ul.nav li {
    height: 100px;
    width: 16%;
  }

  .tab-img {
    font-size: 12px;
    top: 5%;
  }

  .footer-static-container .col-sm-6 {
    margin: 10px 0;
  }

  .footer-static-2 .link-category li {
    padding: 7px;
  }

  .ma-footer-container .payment {
    display: none;
  }

  .mobile-menu-area {
    display: none;
  }
  /*about us page*/

  .sp-bubble {
    margin-bottom: 80px;
  }

  .single-slider .col-md-6 {
    margin: 10px 0;
  }

  .button.c_button {
    padding: 10px;
  }

  .trash-btn {
    width: 5%;
  }

  .form-action label {
    display: none;
  }

  .box_list input {
    margin-right: 5px;
    position: relative;
    top: 2px;
  }

  .box_manufacrurer li {
    font-size: 12px;
  }

  .shop-page-wraper .aside-padd {
    padding: 3px 8px 10px;
  }

  aside.shop-filter {
    overflow: hidden;
  }

  .price_filter input[type="text"] {
    width: 100%;
  }

  .price_filter input[type="submit"],
  .calculate-shipping input[type="submit"] {
    width: 100%;
  }

  .price_filter input {
    margin-top: 15px;
  }

  .area-title h3 {
    font-size: 16px;
    padding: 10px;
  }

  .box_list li > span,
  .price-title {
    font-size: 16px;
  }

  .shop-page-wraper .tag-area ul li a {
    margin: 5px 0 0 4px;
  }

  .vina-newsletter .input-box label {
    font-size: 12px;
  }

  #scrollUp {
    right: 20px;
  }

  .zoomContainer div.zoomLens[style] {
    height: 150px !important;
    width: 150px !important;
  }

  .add-to-box-view .button.cart_button {
    width: 50%;
  }

  .add-to-box ul li a.link-compare {
    margin-right: 5px; /*l*/
  }

  .product-des-review ul.nav li a {
    font-size: 14px;
  }

  .c-price.c-wish {
    width: 20%;
  }
  /*======Home 2======*/

  #home-2 .home-2-waraper {
    width: auto;
  }

  .main-menu ul li .mega-menu.home2-menu {
    width: 650px;
  }

    .main-menu ul li .mega-menu.home2-menu.mega900 {
      width: 570px;
    }

  .slider-area .single-add {
    float: left;
    margin-top: 10px;
    padding-right: 10px;
    width: 50%;
  }

  .left-slide-add {
    margin-right: -10px;
  }

  .creative-banner.common-2 .banner-inner {
    margin: 10px 0;
  }

  .carousel-btn-3.carousel-btn .owl-controls .owl-buttons div {
    top: -22%;
  }

  .price-box span.new-price {
    font-size: 18px;
  }

  .our-favouriate-area-2 .our-favourites ul.nav li {
    width: 12%;
  }

  .home-2-waraper .single-arri .hotsell-img,
  .home-2-waraper .hotsell-img img {
    width: 100%;
  }

  .single-arri {
    border: 1px solid #ededed;
    margin-top: 10px;
    padding-bottom: 10px;
  }

  .area-title > h2 {
    font-size: 20px;
  }

  .carousel-btn-4.carousel-btn .owl-controls .owl-buttons div {
    top: -3.5%;
  }

  .mega-menu-5 {
    left: -300% !important;
    width: 700px !important;
  }

  .static-content a.button-link {
    margin: 10px;
  }

  .left-slide-add {
    display: none;
  }

  .banner-inner.common3 {
    margin: 10px 50px 10px 10px;
  }

  .home-3-wraper .single-hotsell:hover .hotsell-img img {
    border: medium none;
  }

  .features-tab ul.nav.common3 li:first-child a {
    padding-left: 12px;
  }

  .features-tab .nav.common3 > li > a {
    padding: 12px;
  }

  .slider-area.common3 .left-slide .title-container {
    left: 30%;
    right: 15%;
  }

  .home-4-wraper .main-menu ul li a {
    font-size: 14px;
    padding: 0 14px;
  }

  .home-4-wraper .mega-menu.home2-menu .mega-catagory2 a {
    font-size: 12px;
  }

  .title-container-4 {
    left: 35%;
    margin: 0;
    top: 6%;
  }

  .title11 {
    font-size: 20px;
  }

  .title22 {
    font-size: 40px;
    line-height: 20px;
  }

  .title32 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 15px;
  }

  .home-4-wraper .slider-area .nivo-caption .layer-1-1 img,
  .home-4-wraper .slider-area .nivo-caption .layer-1 img,
  .home-4-wraper .slider-area .nivo-caption .layer-1-2 img {
    left: 2%;
  }

  .ac2 {
    display: none;
  }

  .single-service {
    text-align: center;
  }

  .custom-services .service-img {
    float: none;
    margin-bottom: 15px;
    width: auto;
  }

  .custom-services .service-content {
    float: none;
    width: auto;
  }

  .clients-says {
    margin-top: 20px;
  }

  .carousel-btn.common4 .owl-controls .owl-buttons div {
    left: 0;
  }

    .carousel-btn.common4 .owl-controls .owl-buttons div.owl-next {
      right: 0;
    }

  .brand-clients-icon li {
    padding: 5px;
  }

  .carousel-btn-2.carousel-btn .owl-controls .owl-buttons div {
    top: -50%;
  }
  /*====Blog===*/
  .blog-wraper .banner-left {
    padding: 10px;
  }

  .vina-newsletter form input.submit-btn {
    font-size: 16px;
    height: 30px;
    margin-top: 5px;
  }

  .vina-newsletter form input {
    height: 35px;
  }

  .web-links li {
    margin-right: 2px;
  }

  .product-content > p span {
    display: none;
  }
}
/* small mobile :320px. */

@media (max-width: 767px) {
  .container {
    width: 100%;
  }

  .nopaddingxs {
    padding: 0;
  }

  .hotsell-area {
    display: none;
  }

  .mobile-menu-area {
    display: block;
  }

  .main-menu {
    display: none;
  }

  .smhide {
    display: none;
  }

  .header-top {
    display: block;
  }

  .logo-area {
    text-align: center;
    padding-left: 0;
    margin-left: -15px;
    margin-top: 12px;
  }

  .search-categori {
    margin-top: 0 !important;
  }

  /*.logo-area a img {
      width: 70%;
    }*/

  .phone {
    border: none;
    float: none;
    margin: 0;
    padding: 0;
  }

  .block-header {
    text-align: center;
  }

  .categori {
    display: none;
  }

  .shopping-cart {
    /*margin: 30px auto auto;*/
    margin: 0;
    /*padding:0;*/
    float: left;
  }

  .mobile-menu-area .container {
    width: 100%;
  }

  .mobile-menu-area {
    margin-left: -25px;
    margin-right: -25px;
  }

  .nivo-controlNav.nivo-thumbs-enabled {
    display: none;
  }

  .slider-area .nivo-caption .lft-pr h2,
  .slider-area .nivo-caption .lft-pr h3,
  .slider-area .nivo-caption .lft-pr h4 {
    margin-right: 20%;
    font-size: 16px;
    margin-bottom: 0;
  }

  .slider-area .nivo-caption .lft-pr h4 {
    font-size: 20px;
  }

  .slider-area .nivo-caption .lft-pr a {
    font-size: 12px;
    margin-right: 20%;
    padding: 5px 10px;
  }

  .preview-2 .nivo-directionNav a.nivo-prevNav::before,
  .preview-2 .nivo-directionNav a.nivo-nextNav::before {
    font: 400 20px/40px FontAwesome;
    height: 40px;
    width: 40px;
  }

  .slider-area .nivo-caption .layer-1-2 img,
  .slider-area .nivo-caption .layer-1-1 img,
  .slider-area .nivo-caption .layer-1 img {
    left: 10%;
  }

  .banner-inner .banner-title {
    font-size: 18px;
  }

  .banner-box-2 {
    margin: 10px 0;
  }

  .banner-inner p {
    line-height: 18px;
  }

  .main-area .nopadding-left {
    padding-left: 15px;
    padding-right: 0;
  }

  .nav > li {
    display: block;
  }

    .nav > li > a {
      margin: 5px 0;
      padding: 0;
      border: none;
    }

  .carousle-pagi .owl-pagination {
    display: none;
  }

  .single-add {
    margin: 5px 0;
  }

  .progress-steps li {
    border-bottom: 1px dashed #ededed;
    width: 32%;
  }

  .our-favourites ul.nav li {
    display: inline-block;
    height: 50px;
    width: 15.2%;
  }

  .tab-img {
    font-size: 0;
  }

  .brand-crasoule-area .carousel-btn-2.carousel-btn .owl-controls .owl-buttons div {
    display: none;
  }

  .footer-static-content {
    margin-bottom: 15px;
  }

  .footer-static-2 .link-category li {
    margin: 10px 0;
    padding: 0 5px 0 0;
  }

  .footer-static-content.footer-add {
    margin: 0;
  }

  .basak-footer nav {
    display: none;
  }

  .ma-footer-container .payment li {
    display: inline-block;
    margin-right: 0;
    width: 15%;
  }

  .ma-footer-container .payment {
    text-align: center;
  }

  .main-area .left-category-menu {
    display: none;
  }

  /*.feature-carousel-tab .col-xs-6 {
    width: 100%;
  }*/

  #scrollUp {
    right: 15px;
  }
  /*about us page*/

  .shortcode > a {
    margin-left: 10px;
  }

  .blogpage-date {
    margin-right: 15px;
    padding-right: 10px;
    width: 65px;
  }

  .about-text-left {
    margin-bottom: 20px;
  }

  .single-slider .col-md-6 {
    padding: 0 20px;
  }

  .col-md-6 h4 span {
    display: block;
    margin: 10px auto;
  }

  .about-slider-area {
    text-align: center;
  }
  /*cart-page*/

  .button.c_button.c-up {
    float: none;
  }

  .button.c_button {
    padding: 10px;
  }

    .button.c_button.dis-left,
    .coupon_submit {
      float: right;
    }

  .single-dis,
  .subtotal-area {
    margin: 10px 0;
  }

  .single-spbottom {
    margin: 10px 0;
  }

  #map,
  .contact-form-area .input-box textarea {
    min-height: 200px;
  }

  .contact-page .button.c_button.dis-left {
    float: none;
  }

  .contact-form-area .input-box input,
  .contact-form-area .input-box textarea {
    width: 100%;
  }

  .input-box.checkout {
    width: 35%;
  }

  .form-action p.lost_password {
    width: 100%;
  }

  .my-account-area .col-xs-12 {
    margin: 10px 0;
  }

  .usefull-product-slide .carousle-pagi.common4 .owl-pagination {
    display: block;
  }

  .shop-product-area .col-xs-12.text-right {
    margin-top: 10px;
    text-align: left;
  }

  .price-single > p {
    float: none;
  }

  .input-content {
    margin-right: 10px; /*l*/
  }

  .add-to-box-view .button.cart_button {
    width: 60%;
  }

  .carousel-btn-4.carousel-btn .owl-controls .owl-buttons div {
    top: 100%;
  }

  .add-to-box ul li a.link-compare {
    margin-left: 0; /*l*/
  }

  .input-box input,
  .input-box textarea {
    width: 100%;
  }

  .review-lower > form {
    margin-top: 30px;
  }

  .button.cart_button span {
    font-size: 16px;
    padding: 0;
  }

  .product-running .button.cart_button {
    width: 170px;
  }

  .review-lower {
    padding: 15px;
  }

  .input-header p {
    margin-left: 18px; /*r*/
  }

  .zoomContainer {
    height: 250px !important;
  }
  /*====home-2====*/

  #home-2 .home-2-waraper {
    width: auto;
  }

  .our-favouriate-area-2 .our-favourites ul.nav li {
    width: 11%;
  }

  .carousel-btn-4.carousel-btn .owl-controls .owl-buttons div {
    top: -8%;
  }

  .new-arri-total li .wishlist a,
  .new-arri-total li .view-products a {
    height: 28px;
    line-height: 27px;
    width: 24px;
  }

  .home-2-waraper .button.btn2 span {
    font-size: 12px;
    padding: 6px;
  }

  .home-2-waraper .sl-hover {
    margin-top: 5px;
  }

  .left-slide .title-container h1 {
    font-size: 20px;
  }

  .left-slide .title-container h3 {
    font-size: 17px;
  }

  .left-slide-add .single-add img {
    width: 100%;
  }

  .left-slide .title-container {
    top: 50%;
  }
  /*Home #3*/

  .left-slide-add {
    display: none;
  }

  .advertise-area .banner-box > a,
  .advertise-area .box-title {
    width: 100%;
  }

  .advertise-area .banner-box {
    padding: 20px;
  }

  .home-3-wraper .shopping-cart {
    margin: 30px auto auto;
  }

  .features-tab.common3 .nav > li > a {
    padding: 10px 0;
  }

  .features-tab ul.nav.common3 li:first-child a {
    padding-left: 13px;
  }

  .features-tab .nav.common3 > li > a {
    padding: 10px 14px;
  }

  .features-tab .nav.common3 > li::before {
    display: none;
  }

  .banner-inner.common3 {
    margin: 10px 50px 10px 10px;
    padding: 15px 40px 15px 15px;
  }

  .banner-content-area {
    padding: 10px;
  }

  .banner-box h2 {
    font-size: 18px;
  }

  .home-3-wraper .mobile-menu-area {
    background: #96b7cb none repeat scroll 0 0;
  }

  .home-3-wraper .mean-container .mean-nav ul li a {
    background: #96b7cb none repeat scroll 0 0;
  }

    .home-3-wraper .mean-container .mean-nav ul li a:hover {
      background: #888888 none repeat scroll 0 0;
    }

    .home-3-wraper .mean-container .mean-nav ul li a.mean-expand {
      background: #888888 none repeat scroll 0 0;
      color: #fff;
    }

      .home-3-wraper .mean-container .mean-nav ul li a.mean-expand:hover {
        background: #fff none repeat scroll 0 0;
        color: #888888;
      }

  .title-container {
    display: none;
  }

  .home-4-wraper .header-menu .phone,
  .home-4-wraper .header-menu .email {
    float: none;
  }

  .design-buldier-area .list-item h3 {
    margin: 0;
  }

  .list-item {
    margin: 15px 0;
  }

  .home-4-wraper .pb90 {
    padding-bottom: 40px;
  }

  .home-4-wraper .pt90 {
    padding-top: 40px;
  }

  .about-ustext {
    margin-top: 20px;
  }

  .single-service {
    margin: 10px 0;
    overflow: hidden;
  }

  .custom-services .service-img {
    padding-right: 10px;
  }

  h3.header img {
    display: none;
  }

  .filter-catagory-menu li {
    font-size: 12px;
    margin: 0 !important;
    padding: 0 0 0 14px;
  }

  #client-carousel .client-item .item-info {
    padding: 10px;
  }

  #client-carousel .owl-controls .owl-page,
  .owl-controls .owl-buttons div {
    left: 45%;
  }

  #client-carousel .owl-controls .owl-buttons div.owl-next {
    left: 60%;
  }

  .counter-area .col-xs-6 {
    margin: 10px 0;
    width: 100%;
  }

  .brand-clients-icon li {
    display: inline-block;
    float: none;
    padding: 5px;
    width: 32%;
  }

  .title-container-4 {
    display: none;
  }
  /*blog*/
  .total-blog {
    margin-top: 20px;
  }

  blockquote {
    padding: 10px;
    text-align: justify;
  }
}
/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container {
    width: 100%;
  }

  .mobile-menu-area {
    margin-left: -30px;
    margin-right: -30px;
  }

  .logo-area a img {
    width: 50%;
  }

  .slider-area .nivo-caption .lft-pr h2,
  .slider-area .nivo-caption .lft-pr h3,
  .slider-area .nivo-caption .lft-pr h4 {
    font-size: 20px;
    margin-bottom: 5px;
    margin-right: 15%;
  }

  .slider-area .nivo-caption .lft-pr h4 {
    font-size: 30px;
  }

  .slider-area .nivo-caption .lft-pr a {
    font-size: 14px;
    padding: 8px 15px;
    margin-right: 15%;
  }

  .small-cart-content {
    right: 21%;
  }

  .ma-footer-container .payment {
    text-align: left;
  }

  .tag-area ul li a {
    margin: 1px;
  }

  .hotsell-area .area-title h3 {
    background-position: 37% 16px;
  }

  .our-favourites ul.nav li {
    height: 60px;
    width: 15.7%;
  }

  .tab-img {
    top: 0;
  }

  .feature-carousel-tab .col-xs-6 {
    width: 50%;
  }

  .sp-bottom-menu-wrapper .col-xs-12 {
    margin: 10px 0;
    width: 50%;
  }

  .single-spbottom {
    margin: 10px 0;
  }

  .usefull-product-slide .single-product {
    border: 1px solid #ededed;
    margin-top: 10px;
  }

  .usefull-product-slide .carousle-pagi.common4 .owl-pagination {
    margin: auto auto auto -6%;
    margin-top: 5px;
  }

  .shop-page-wraper .shop-product-area .col-xs-12 {
    width: 50%;
  }

  #sort_count .col-xs-12 {
    width: 100%;
  }

  .imgs-area > img {
    width: 100% !important;
  }

  .zoomContainer {
    height: 421px !important;
  }

  .our-favouriate-area-2 .our-favourites ul.nav li {
    width: 11.6%;
  }

  .left-slide .title-container h1 {
    font-size: 28px;
  }

  .left-slide .title-container h3 {
    font-size: 25px;
  }

  .slider-area.common3 .left-slide .title-container {
    left: 20%;
    right: 5%;
    top: 10%;
  }

    .slider-area.common3 .left-slide .title-container h1 {
      font-size: 25px;
    }

  .advertise-area .banner-box > a,
  .advertise-area .box-title {
    width: 50%;
  }

  .our-product-area.best-offere .features-tab .feature-carousel-tab .col-xs-12 {
    width: 50%;
  }

  .counter-area .col-xs-6 {
    width: 50%;
  }

  .title22 {
    font-size: 30px;
    line-height: 30px;
  }

  .title-container-4 {
    top: 25%;
  }

  .title11,
  .title32 {
    display: none;
  }

  .title-container-4 {
    display: block;
  }

  .carousel-btn-4.carousel-btn .owl-controls .owl-buttons div {
    top: -6%;
  }

  .shop-list-wraper .product-content > p {
    display: none;
  }
}



/*=======end responsive.css=======*/

.btn-more-a {
  text-align: left;
  margin-bottom: 5px;
}

.btn-more-side {
  text-align: center;
  margin-bottom: 30px;
}

.single-hotsell:last-child {
  border-bottom: none;
}

.progress-steps {
  margin-bottom: 25px;
}

.mt35 {
  margin-top: 35px;
}

.hotsell-text-vb {
  max-height: 57px;
  overflow: hidden;
}

.single-hotsell-b img {
  width: 100%;
}

.single-hotsell-b .col-md-5, .single-hotsell-b .col-md-7 {
  padding-right: 5px;
  padding-left: 5px;
}

@media (min-width:300px) and (max-width:479px) {
  .hotsell-text-vb {
    max-height: 75px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

@media (min-width:480px) and (max-width:796px) {
  .hotsell-text-vb {
    margin-top: 15px;
    margin-bottom: 15px;
  }
}

.link-text-co a {
  color: #a50d12;
  font-weight: bold;
  font-size: 15px;
}

  .link-text-co a:hover {
    color: #ffa200;
  }

/*.usefull-product-sl-b{
          padding-top:35px;
     }*/
.img-responsive-d {
  width: 100%;
}

.single-arri-b {
  /*border-top:1px solid #ddd;
          border-bottom:1px solid #ddd;*/
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 10px;
}

  .single-arri-b .col-md-5, .single-arri-b .col-md-7 {
    padding-left: 10px;
    padding-right: 10px;
  }

.title-rel-pr {
  height: 38px;
  overflow: hidden;
  margin-bottom: 3px;
}

  .title-rel-pr a {
    display: block;
    word-wrap: break-word;
    word-break: keep-all;
    color: #333;
  }

.single-arri-b .price-area {
  margin-top: 0;
  margin-bottom: 0;
}

  .single-arri-b .price-area span {
    display: block;
  }

.single-arri-b .new-price {
  font-size: 13px;
  font-weight: normal;
}

.single-arri-b .title-rel-pr:hover a {
  color: #ffa200;
}

.new-arri {
  direction: rtl;
  text-align: right;
}

.usefull-product-sl-b .carousel-btn-4.carousel-btn .owl-controls .owl-buttons div.owl-next {
  right: auto;
  left: 7px;
}

.usefull-product-sl-b .new-arri-total.carousel-btn .owl-controls .owl-buttons .owl-prev {
  right: auto; /*l*/
  left: 40px; /*r*/
}

.usefull-product-sl-b .new-arri-total.carousel-btn .owl-controls .owl-buttons .owl-prev, .usefull-product-sl-b .new-arri-total.carousel-btn .owl-controls .owl-buttons .owl-next {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  transform: rotateX(180deg);
}

@media (min-width:300px) and (max-width:770px) {
  .usefull-product-sl-b {
    padding-top: 50px;
  }
}

@media (max-width:769px) {
  .container-b {
    padding: 0;
    margin-top: 10px;
  }

  .best-offere-b {
    display: none;
  }
}

.side-pr-vc .usefull-product-slide {
  padding-top: 10px;
}

  .side-pr-vc .usefull-product-slide .area-title h3 {
    font-size: 17px;
    text-align: center;
    color: #333;
  }

.side-pr-vc .usefull-product-sl-b .area-title h3 {
  text-align: right;
}

.sales-bon {
  margin-top: 25px;
}

  .sales-bon span:first-child::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border: 5px solid #d58b0a;
    border-right-color: transparent;
    border-top-color: transparent;
    position: absolute;
    top: -10px;
    right: 0px;
  }

  .sales-bon span:first-child {
    position: relative;
    color: #fff;
    padding: 5px;
    background-color: #ffa200;
    font-weight: bold;
    direction: ltr;
  }

  .sales-bon span {
    display: inline-block;
  }

    .sales-bon span:nth-child(2n) {
      padding: 20px;
      display: inline-block;
      margin-right: -29px;
      font-weight: bold;
      color: #333;
      border: 1px solid #ccc;
      padding-right: 30px;
    }

.rate-que .jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
  line-height: 35px;
}

.rate-que li {
  line-height: 40px;
  color: #333;
}

@media (min-width:300px) and (max-width:990px) {
  .rate-que li span {
    display: block;
  }

  .rate-product .jq-ry-container {
    float: none;
    display: block;
  }

  .bx-dn .col-md-6 {
    margin-top: 20px;
  }

  .bx-dn {
    margin-top: 0;
    margin-bottom: 40px;
  }
}


.header-comment-user {
  background-color: #f0f0f0;
}

.box-comment-user {
  padding-top: 20px;
  padding-bottom: 20px;
}

.txt-user {
  line-height: 25px;
  color: #333;
}

.title-items-box {
  font-size: 15px;
  color: #a50d12;
  font-weight: bold;
}

#product-tag .list-comment-box li {
  padding-right: 0;
}

.inner-box-comment {
  margin-bottom: 20px;
}

  .inner-box-comment:last-child {
    margin-bottom: 0;
  }

  .inner-box-comment:first-child {
    margin-top: 40px;
  }

  .inner-box-comment button, .product-running-3 button {
    color: #333;
  }

.bx-cm {
  padding-bottom: 10px;
  padding-top: 20px;
}

.title-items-box i.fa {
  text-align: left;
  color: #a50d12;
  float: left;
}

.inner-box-comment hr {
  background-color: #a50d12;
  border: none;
}

.rate-que i.fa {
  font-size: 8px;
}

.box_manufacrurer .pr-list li {
  padding: 0;
  line-height: 30px;
}

.pr-list label {
  font-weight: normal;
  font-size: 13px;
}

.side-list-br .area-title {
  text-align: center;
  padding-top: 35px;
  padding-bottom: 0;
}

.side-list-br .usefull-product-slide .area-title {
  padding-top: 20px;
  padding-bottom: 20px;
}

.side-list-br .area-title h3 {
  font-size: 17px;
}

.side-list-br .box_manufacrurer aside h3 {
  font-size: 15px;
}

.side-list-br aside {
  padding: 10px;
  margin-top: 20px;
}

.select-color-box {
  padding-right: 26px;
}

.box_manufacrurer li.select-color-li {
  width: 15px;
  height: 15px;
  padding: 0;
  position: relative;
  margin-bottom: 20px;
  border: 1px solid #333;
}

  .box_manufacrurer li.select-color-li abbr {
    position: absolute;
    right: 30px;
    top: 0px;
    word-wrap: break-word;
    word-break: keep-all;
    letter-spacing: 1px;
  }

.select-color-box li.active {
  box-shadow: 0 1px 5px 0 rgba(205, 205, 205, 0.5);
}

  .select-color-box li.active::before {
    content: '\f00c';
    font-family: "FontAwesome";
    color: #a50d12;
    font-size: 20px;
    position: absolute;
  }

@media (min-width:300px) and (max-width:1600px) {
  .box_manufacrurer li.select-color-li abbr {
    width: 170px;
  }
}

.btn-search-b {
  color: #fff;
  background-color: #a50d12;
  padding: 10px 15px;
}

  .btn-search-b:hover {
    background-color: #f7f7f7;
    color: #333;
    border: 1px solid #ccc;
  }

.inner-fram {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  border-radius: 4px;
  background-color: #fff;
  color: #333;
  font-size: 14px;
  border: 1px solid #666;
}

  .inner-fram:hover {
    background-color: #a50d12;
    color: #fff;
    border: 1px solid #a50d12;
  }

.bx-dn {
  margin-top: 30px;
}

  .bx-dn i.fa {
    font-size: 18px;
    margin-right: 5px;
  }

/*.inner-clg-dn {
     padding-right: 20px;
     padding-left: 20px;
}*/

.inner-clg-dn a {
  display: block;
}

.inner-fram .fa-play-circle-o {
  /*-webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);*/
}

#video1 .shade-bx {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background-color: rgba(256,256,256,0.6);
  padding: 30px;
  text-align: center;
  display: none;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

#video1:hover .shade-bx {
  display: block;
}

.img-frame-vdo {
  position: relative;
}

.inner-fram label {
  /*margin-top:10px;*/
  margin-bottom: 0;
}

#video1 {
  /*padding-left:20px;
    padding-right:20px;*/
}

@media (max-width:1200px) and (min-width:300px) {
  .inner-clg-dn, #video1 {
    padding-right: 5px;
    padding-left: 5px;
  }

  .bx-dn i.fa {
    /*display:block;*/
  }
}

.box-example-square-a {
  float: left;
  padding-top: 10px;
}

@media (max-width:768px) {
  .rate-que li {
    margin-bottom: 30px;
  }

  .box-example-square-a {
    padding-top: 0;
  }

  .rate-product label {
    margin-bottom: 0;
  }

  .box-example-square-a {
    float: right;
  }
}

.ribbon-info-a {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  background-color: #a50d12;
  text-align: center;
  padding: 5px 0;
}

  .ribbon-info-a label {
    padding-bottom: 0;
    margin-bottom: 0;
    display: block;
    height: 20px;
    overflow: hidden;
    color: #fff;
  }

@media (max-width:771px) {
  .wizard > .steps > ul > li {
    width: 100%;
  }
}

.wizard a {
  font-size: 14px;
}

.main-menu ul li a i {
  display: inline-block;
  margin-right: 5px;
}

.our-product-area.best-offere .single-product {
  margin-top: 0;
  margin-bottom: 20px;
}

.single-product {
  background: #fff;
}

/* detail =================*/

    #pricezone span {
      background-color: #F5F5F2;
    }

    .box-garantee {
    }

    #id_of_comment_container i.fa {
      margin-left: 3px;
    }
    /*----------------------*/
    .modal-body-b img
{
	width:100%
}
	#modalbody .modal-content
{
	background:none;
	box-shadow:none;
	border:none
}
	#modalbody .modal-header
{
	border:none;
	padding:0
}
	#modalbody span
{
	cursor:pointer;
	position:absolute;
	top:-10px;
	right:-3px;
	z-index:10;
	color:#fff;
	border-radius:150px;
	border:3px solid #f7972b;
	padding:3px 5px;
	font-size:21px;
	line-height:5px;
	background-color:#f7972b
}