@charset "UTF-8";page-section
/*
 * Title:   Delphinus - Creative Multi-Purpose eCommerce HTML5
 * Author:  http://themeforest.net/user/Kite-Themes
 */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
[Table of contents]

1. Base Styles
  1.1. Common styles
  1.2. Helper CSS
2. Page loader
3. Typography
 3.1 Typography common styles
 3.2 Blockquote
4. Forms fields
5. Buttons
6. Sections styles
7. Search
8. Header
9. Footer
10. Shortcodes
  10.1 Heading Section
  10.2 Hightlight
  10.3 Dropcap
  10.4 Lists
  10.5 Alert
  10.6 Tabs
  10.7 Accordion
  10.8 Tooltip
  10.9 Socials
  10.10 Newsletter
  10.11 banner
  10.12 Category banner
  10.13 Flip box
  10.14 Feature icon
  10.15 Single Image
  10.16 Client
  10.17 About
  10.18 collection
  10.19 Box colored
  10.20 Testimonials
  10.21 Product countdown
  10.22 Callout
11. Widgets
12. Blog posts
13. Single Post
  13.1 Single Post Common styles
  13.2 Author Info
  13.3 Comments Area
  13.4 Comment Form
14. Pagination
15. Shop
  15.1 Shop Common styles
  15.2 Products category
  15.3 Product Detail
  15.4 Checkout page
  15.5 My Cart page
  15.6 Compare page
  15.6 Compare page
  15.7 My Account page
  15.8 QuickView
16. Slideshow and owl carousel
  16.1 Rev slider
  16.2 Owl Carousel
17. Popup Newletter
18. Back to Top
19. Main content
  19.1 About page
  19.2 Contact page
  19.3 404 page
20. Intro



~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets
------------------------------------------------------------- */
/* -------------------------------------------------------------
 * Title:   SCSS VARIABLES
 * Author:  http://themeforest.net/user/Kite-Themes
------------------------------------------------------------- */
/* ==============================
   1. Common styles
   ============================== */
/*
 * 1.1 Common styles
 */
::-moz-selection {
  color: #000000;
  background: #fff; }

::selection {
  color: #000000;
  background: #fff; }

html, body {
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden; }

iframe {
  border: none; }

a:hover {
  -webkit-transition: all 0.3s ease 0s;
  -khtml-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s; }
a:focus, a:active {
  -webkit-outline: none;
  -khtml-outline: none;
  -moz-outline: none;
  -ms-outline: none;
  -o-outline: none;
  outline: none; }

img:not([draggable]), embed, object, video {
  max-width: 100%;
  height: auto; }

p {
  margin-bottom: 30px; }

.appear-animate .wow {
  /*visibility: hidden;*/ }

.row.no-gutters {
  margin-right: 0;
  margin-left: 0; }
  .row.no-gutters > [class^="col-"], .row.no-gutters > [class*=" col-"] {
    padding-right: 0;
    padding-left: 0; }

.breadcrumb {
  margin: 0 0 35px;
  padding: 0;
  background: none;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }
  .breadcrumb a {
    color: #999999; }

.page-header {
  border: none;
  margin: 0;
  padding: 0; }
  .page-header h1 {
    margin: 0;
    font-size: 18px; }
  .page-header .breadcrumb {
    margin: 0; }

/*
 * 1.2. Helper CSS
 */
.kt-table {
  display: table;
  width: 100%;
  height: 100%; }
  .kt-table .kt-col {
    display: table-cell;
    vertical-align: middle; }

.round {
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px; }

.circle {
  -webkit-border-radius: 100%;
  -khtml-border-radius: 100%;
  -moz-border-radius: 100%;
  -ms-border-radius: 100%;
  -o-border-radius: 100%;
  border-radius: 100%; }

.square {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px; }

.kt-column-bg {
  -webkit-background-size: cover;
  -khtml-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }

.letter-spacing {
  letter-spacing: 0.2em; }

.text-nomal {
  text-transform: none; }

.white {
  color: #fff !important; }

.black {
  color: #fff !important; }

.gray {
  color: #999999 !important; }

.bg-gray {
  background: #000; }

.bg-lightgreen {
  background: #c7db9c; }

.bg-wheat {
  background: #f4dc86; }

.bg-sky {
  background: #a7c8eb; }

.bg-coral {
  background: #ed8b5c; }

.bg-aquamarine {
  background: #bce5d3; }

.bg-purple {
  background: #d1aece; }

.bg-gradient-gray {
  position: relative; }
  .bg-gradient-gray:before {
    content: '';
    width: 100%;
    height: 50%;
    position: absolute;
    background: #f6f6f6;
    top: 0;
    left: 0; }

/* ==============================
   2. Page loader
   ============================== */
.pace {
  background: #FFFFFF;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  visibility: visible;
  width: 100%;
  z-index: 999999;
  text-align: center;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1;
  -webkit-pointer-events: none;
  -khtml-pointer-events: none;
  -moz-pointer-events: none;
  -ms-pointer-events: none;
  -o-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  -moz-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: all 0.2s ease-in-out 0s;
  -khtml-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s; }
  .pace.pace-inactive {
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }

.pace-activity {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1; }
  .pace-activity:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .pace-activity .page-loading-wrapper {
    display: inline-block; }

.page-loading-wrapper {
  display: none;
  vertical-align: middle;
  padding: 0 15px;
  width: 99%; }
  .page-loading-wrapper .progress-bar-loading {
    width: 110px;
    margin: 0 auto;
    height: 105px;
    float: none;
    -webkit-border-top-left-radius: 13px;
    -webkit-border-top-right-radius: 13px;
    -webkit-border-bottom-right-radius: 13px;
    -webkit-border-bottom-left-radius: 13px;
    -moz-border-radius-topleft: 13px;
    -moz-border-radius-topright: 13px;
    -moz-border-radius-bottomright: 13px;
    -moz-border-radius-bottomleft: 13px;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    border-bottom-left-radius: 13px;
    background: #fff;
    max-width: 100%;
    position: relative; }
    .page-loading-wrapper .progress-bar-loading .progress-bar-inner {
      position: absolute;
      left: 0;
      top: 0;
      width: 110px;
      overflow: hidden; }
      .page-loading-wrapper .progress-bar-loading .progress-bar-inner.back-loading path {
        fill: #eeeeee; }
      .page-loading-wrapper .progress-bar-loading .progress-bar-inner.front-loading {
        width: 1%;
        -webkit-transition: all 0.2s ease-in-out 0s;
        -khtml-transition: all 0.2s ease-in-out 0s;
        -moz-transition: all 0.2s ease-in-out 0s;
        -ms-transition: all 0.2s ease-in-out 0s;
        -o-transition: all 0.2s ease-in-out 0s;
        transition: all 0.2s ease-in-out 0s; }
        .page-loading-wrapper .progress-bar-loading .progress-bar-inner.front-loading path {
          fill: #000000; }
    .page-loading-wrapper .progress-bar-loading .progress-bar-number {
      font-family: "Roboto Slab", serif;
      color: #000000;
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.075em;
      line-height: 1;
      padding-left: 30px;
      text-align: center; }
    .page-loading-wrapper .progress-bar-loading svg {
      width: 110px; }
      .page-loading-wrapper .progress-bar-loading svg path {
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10; }

/* ==============================
   3. Typography
   ============================== */
/*
 * 3.1 Typography common styles
 */
body {
  font-family: "Roboto", arial, sans-serif;
  font-size: 16px;
  line-height: 30px;
  color: #fff;
  background-color:#000;
  min-width: 320px; }
h1{
    font-size: 24px important;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.4;
  margin: 0 0 20px;
  font-family: "Roboto Slab", serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff; }

h1, h2, h3 {
  letter-spacing: 0.2em; }

a {
  color: #fff; }
  a:hover, a:focus {
    color: #333333;
    text-decoration: none; }

.font-light {
  font-weight: 300; }

.font-black {
  font-weight: 900; }

/*
 * 3.2 Blockquote
 */
blockquote {
  background: #f6f6f6;
  padding: 90px 45px 35px;
  margin-bottom: 30px;
  border: none;
  position: relative;
  font-size: 14px;
  color: #999999; }
  blockquote:before {
    background: #000000;
    color: #ffffff;
    content: "???";
    font-size: 36px;
    height: 32px;
    left: 45px;
    line-height: 55px;
    padding-left: 2px;
    position: absolute;
    top: 35px;
    width: 28px;
    text-align: left; }
  blockquote .blockquote-reverse {
    padding: 90px 45px 35px; }
    blockquote .blockquote-reverse:before {
      left: auto;
      right: 45px;
      content: "???"; }
  blockquote p {
    margin-bottom: 15px; }
  blockquote *:last-child {
    margin-bottom: 0; }

/* ==============================
   4. Forms fields
   ============================== */
input[type=email],
input[type=password],
input[type=phone],
input[type=tel],
input[type=text],
textarea {
  border: 2px solid #ebebeb;
  color: #999999;
  padding: 6px 12px;
  height: 40px;
  background: none;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  -webkit-transition: none;
  -khtml-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
  width: 100%; }
  input[type=email]:focus,
  input[type=password]:focus,
  input[type=phone]:focus,
  input[type=tel]:focus,
  input[type=text]:focus,
  textarea:focus {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    border-color: #999999;
    outline: 0;
    color: #999999; }

textarea {
  height: auto; }

input[type=email].input-bg,
input[type=password].input-bg,
input[type=phone].input-bg,
input[type=tel].input-bg,
input[type=text].input-bg,
textarea.input-bg {
  background: #f6f6f6;color: #000;
  border: 1px solid #f0f0f0;
  font-size: 12px;
  letter-spacing: 0.075em; }

select {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  width: 100%;
  height: 40px;
  line-height: 1.42857;
  padding: 6px 12px;
  border: 1px solid #f0f0f0;
  background: #f6f6f6;
  cursor: pointer;
  color: #000; }
  select:focus {
    outline: 0; }

select:not([multiple]) {
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -khtml-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  background: #f6f6f6 url(/uploads/eCommerce/images/selectbox-arrow.png) no-repeat right center; }

.form-control {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }
  .form-control :focus {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }

.select-icon {
  display: inline-block;
  position: relative; }
  .select-icon:after {
    content: "";
    display: block;
    pointer-events: none;
    right: 5px;
    z-index: 1;
    font-family: FontAwesome;
    content: "???";
    font-style: normal;
    font-weight: normal;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    font-size: 12px; }
  .select-icon select {
    border: none;
    font-size: 14px;
    background: none;
    padding: 0 25px 0 0;
    height: auto; }

/* ==============================
   5. Buttons
   ============================== */
.btn {
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 2px solid transparent;
  display: inline-block;
  line-height: 1.42857;
  padding: 8px 26px;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  /* Button size */
  /* Button shapes */
  /* Button icon */
  /* Button style */ }
  .btn:focus, .btn:active:focus, .btn.active:focus {
    outline: none; }
  .btn.active, .btn:active {
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none; }
  .btn.btn-xs {
    padding: 6px 10px;
    font-size: 8px; }
  .btn.btn-sm {
    padding: 8px 20px;
    font-size: 10px; }
  .btn.btn-lg {
    padding: 10px 60px;
    font-size: 18px; }
  .btn.btn-xlg {
    padding: 12px 65px;
    font-size: 20px; }
  .btn.btn-round {
    border-radius: 3px; }
  .btn.btn-circle {
    border-radius: 30px; }
  .btn.button-icon-left {
    margin-right: 5px; }
  .btn.button-icon-right {
    margin-left: 5px; }
  .btn.btn-default {
    background: #000000;
    color: #FFFFFF;
    border-color: #000000; }
  .btn.btn-animation span {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .3s ease-in-out 0s;
    -khtml-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s;
    display: block;
    position: relative; }
    .btn.btn-animation span i {
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0;
      -webkit-transition: all .3s ease-in-out 0s;
      -khtml-transition: all .3s ease-in-out 0s;
      -moz-transition: all .3s ease-in-out 0s;
      -ms-transition: all .3s ease-in-out 0s;
      -o-transition: all .3s ease-in-out 0s;
      transition: all .3s ease-in-out 0s;
      -webkit-transform: translate(30px, -50%);
      -khtml-transform: translate(30px, -50%);
      -moz-transform: translate(30px, -50%);
      -ms-transform: translate(30px, -50%);
      -o-transform: translate(30px, -50%);
      transform: translate(30px, -50%);
      position: absolute;
      right: 0;
      top: 50%; }
  .btn.btn-animation:hover span {
    -webkit-transform: translateX(-10px);
    -khtml-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px); }
    .btn.btn-animation:hover span i {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-opacity: 1;
      -khtml-opacity: 1;
      -moz-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1; }
  .btn.btn-gray {
    background: #f6f6f6;
    color: #666666;
    border-color: #f6f6f6; }
    .btn.btn-gray:hover {
      background: #000000;
      color: #FFFFFF;
      border-color: #000000; }
  .btn.btn-light {
    border-color: #FFFFFF;
    background: #FFFFFF;
    color: #000000; }
    .btn.btn-light:hover {
      background: #000000;
      color: #FFFFFF;
      border-color: #fff; }
  .btn.btn-dark-b {
    background: #000;
    color: #fff;
    border-color: #fff; }
  .btn.btn-light-b {
    border: 2px solid #FFFFFF;
    background: none;
    font-family: "Roboto", arial, sans-serif;
    font-weight: normal;
    color: #FFFFFF; }
    .btn.btn-light-b:hover {
      background: #000;
      color: #fff; }
  .btn.btn-medium {
    background: #f6f6f6;
    border: 1px solid #f0f0f0;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.2em; }
    .btn.btn-medium:hover {
      background: #fff;
      border-color: #fff;
      color: #fff; }
  .btn.btn-addtocart {
    background: #ffffff;
    color: #000000;
    width: 100%;
    height: 48px;
    font-size: 14px;
    border-color: #ffffff;
    padding: 0 45px;
    line-height: 44px; }
    .btn.btn-addtocart:hover {
      background: #fff;
      color: #fff;
      border-color: #fff; }
  .btn.btn-addtocart-b {
    background: none;
    color: #fff;
    height: 48px;
    font-size: 14px;
    border-color: #fff;
    padding: 0 45px;
    line-height: 44px; }
    .btn.btn-addtocart-b:hover {
      background: #fff;
      color: #000;
      border-color: #fff; }
  .btn.btn-default:hover, .btn.btn-dark-b:hover {
    background: #000000;
    color: #FFFFFF;
    border-color: #000000; }

.rev-btn {
  padding: 15px 46px;
  border: 2px solid #fff;
  color: #fff;
  text-transform: uppercase;
  background: none;
  font-size: 14px;
  line-height: 14px;
  font-family: "Roboto", arial, sans-serif;
  font-weight: 400;
  letter-spacing: 0.18em; }

/* ==============================
   6. Sections styles
   ============================== */
.page-section {
  display: block;
  position: relative;
  padding: 35px 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -khtml-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }
  .page-section .page-section-inner {
    position: relative;
    z-index: 1; }
  .page-section.small-section {
    padding: 35px 0; }
  .page-section.bg-scroll {
    background-attachment: scroll !important; }
  .page-section.bg-dark-alfa-40:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4); }

.page-small-width {
  margin: 0 auto;
  max-width: 900px;
  padding: 0 15px; }

/* ==============================
   7. Search
   ============================== */
.searchform {
  margin: 0 auto;
  position: relative; }
  .searchform input[type=text] {
    background: transparent;
    width: 100%;
    padding: 5px 40px 5px 10px; }
  .searchform button {
    background: none;
    border: none;
    height: 26px;
    padding: 0;
    right: 5px;
    width: 26px;
    line-height: 26px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%; }
    .searchform button i {
      line-height: 26px; }

#search-fullwidth {
  background: #ffffff;
  margin: 0 auto;
  max-width: 1170px;
  padding: 70px 200px;
  position: relative; }
  #search-fullwidth button.mfp-close {
    color: #000000;
    font-size: 0;
    right: 15px;
    top: 15px; }
    #search-fullwidth button.mfp-close:before {
      font-size: 18px;
      font-family: FontAwesome;
      content: "???";
      font-style: normal;
      font-weight: normal;
      position: absolute;
      -webkit-transform: translate(-50%, -50%);
      -khtml-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      top: 50%;
      left: 50%; }
  #search-fullwidth .searchform input[type=text] {
    border: none;
    border-bottom: 2px solid #ebebeb;
    padding: 10px 0;
    height: auto;
    font-size: 14px;
    letter-spacing: 0.075em; }
  #search-fullwidth .searchform button {
    font-size: 14px; }

/* ==============================
   8. Header
   ============================== */
.branding h1 {
  margin: 0;
  font-size: 24px; }
.branding img {
  height: 20px; }
.topbar .branding {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 1; }
  .topbar .branding h1 {
    line-height: 57px; }

.topbar {
  height: 57px;
  border-bottom: 1px solid #f6f6f6;
  text-align: center;
  position: relative;
  z-index: 30; }
  .topbar .topbar-left {
    text-align: left; }
    .topbar .topbar-left li:first-child .top-navigation-submenu {
      left: 9px; }
  .topbar .topbar-right {
    text-align: right; }
    .topbar .topbar-right .top-navigation {
      float: right; }
      .topbar .topbar-right .top-navigation .top-navigation-submenu {
        left: auto;
        right: 0; }
      .topbar .topbar-right .top-navigation li:last-child .top-navigation-submenu {
        right: 9px; }

.top-navigation {
  margin: 0;
  padding: 0;
  list-style: none; }
  .top-navigation > li {
    display: inline-block;
    border-left: 1px solid #f6f6f6;
    position: relative;
    float: left; }
    .top-navigation > li:last-child {
      border-right: 1px solid #f6f6f6; }
    .top-navigation > li.wishlist-item > a > span {
      background: #f6f6f6;
      color: #000000;
      font-size: 14px;
      margin-left: 13px;
      padding: 3px 12px; }
    .top-navigation > li.shopping-bag-item a > span {
      padding: 2px 9px;
      border: 2px solid #000000;
      color: #000000;
      font-size: 14px;
      margin-left: 15px; }
    .top-navigation > li.language-switcher li, .top-navigation > li.currency-switcher li {
      border-bottom: 1px solid #f6f6f6; }
      .top-navigation > li.language-switcher li:last-child, .top-navigation > li.currency-switcher li:last-child {
        border: none; }
      .top-navigation > li.language-switcher li a, .top-navigation > li.currency-switcher li a {
        display: block;
        padding: 5px 35px 5px 20px;
        color: #999999; }
        .top-navigation > li.language-switcher li a:hover, .top-navigation > li.currency-switcher li a:hover {
          color: #000000; }
    .top-navigation > li.language-switcher .top-navigation-submenu, .top-navigation > li.currency-switcher .top-navigation-submenu {
      width: 200px; }
    .top-navigation > li.myaccount-item .top-navigation-submenu {
      width: 508px; }
      .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form,
      .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-create {
        padding: 30px 27px; }
      .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form {
        border-bottom: 1px solid #f6f6f6; }
        .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form p {
          margin-bottom: 20px; }
          .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form p :last-child {
            margin: 0; }
        .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label {
          color: #999999;
          font-size: 14px;
          font-weight: normal; }
          .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label.inline {
            margin-left: 34px;
            color: #666666; }
            .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form label.inline input {
              margin-right: 13px; }
        .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form a.forget-password {
          float: right;
          color: #999999;
          margin-top: 4px; }
          .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-form a.forget-password:hover {
            color: #000000; }
      .top-navigation > li.myaccount-item .top-navigation-submenu .myaccount-create {
        line-height: 36px; }
    .top-navigation > li > a {
      text-transform: uppercase;
      color: #999999;
      letter-spacing: 0.12em;
      font-weight: bold;
      font-size: 14px;
      line-height: 57px;
      padding: 0 35px;
      display: inline-block; }
      .top-navigation > li > a:hover {
        color: #000000; }
    .top-navigation > li .top-navigation-submenu {
      background: #FFFFFF;
      position: absolute;
      left: 0;
      top: 57px;
      width: 340px;
      text-align: left;
      -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
      -khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
      -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
      -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
      -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
      border-top: 1px solid #f6f6f6;
      margin: 0;
      padding: 0;
      list-style: none;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0;
      -webkit-transform: translate(0, 40px);
      -khtml-transform: translate(0, 40px);
      -moz-transform: translate(0, 40px);
      -ms-transform: translate(0, 40px);
      -o-transform: translate(0, 40px);
      transform: translate(0, 40px);
      -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
      -khtml-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
      -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
      -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
      -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
      transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
      visibility: hidden; }
      .top-navigation > li .top-navigation-submenu h3.submenu-heading {
        text-align: center;
        font-size: 14px;
        color: #000000;
        line-height: 53px;
        border-bottom: 1px solid #f6f6f6;
        margin: 0;
        letter-spacing: 0.02em; }
    .top-navigation > li:hover .top-navigation-submenu {
      filter: alpha(opacity=100);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -webkit-opacity: 1;
      -khtml-opacity: 1;
      -moz-opacity: 1;
      -ms-opacity: 1;
      -o-opacity: 1;
      opacity: 1;
      -webkit-transform: translate(0, 0);
      -khtml-transform: translate(0, 0);
      -moz-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      -o-transform: translate(0, 0);
      transform: translate(0, 0);
      visibility: visible; }

.shopping-bag .cart_block_no_products {
  margin: 0;
  padding: 18px;
  text-align: center; }
.shopping-bag .bag-products .bag-product {
  padding: 18px;
  border-bottom: 1px solid #F6f6f6;
  position: relative; }
  .shopping-bag .bag-products .bag-product:before, .shopping-bag .bag-products .bag-product:after {
    content: " ";
    display: table; }
  .shopping-bag .bag-products .bag-product:after {
    clear: both; }
  .shopping-bag .bag-products .bag-product figure {
    float: left;
    position: relative;
    z-index: 1; }
    .shopping-bag .bag-products .bag-product figure img {
      height: auto;
      max-width: 90px; }
  .shopping-bag .bag-products .bag-product .bag-product-details {
    padding-left: 105px;
    position: relative; }
    .shopping-bag .bag-products .bag-product .bag-product-details .bag-product-title {
      font-size: 14px;
      text-transform: none;
      margin: 0 0 10px;
      padding-right: 10px; }
      .shopping-bag .bag-products .bag-product .bag-product-details .bag-product-title:hover {
        text-decoration: underline; }
    .shopping-bag .bag-products .bag-product .bag-product-details > div {
      color: #999999;
      line-height: 25px;
      font-size: 13px; }
  .shopping-bag .bag-products .bag-product .remove {
    color: #000000;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 12px;
    top: 18px; }
    .shopping-bag .bag-products .bag-product .remove:before {
      font-family: FontAwesome;
      content: "???";
      font-style: normal;
      font-weight: normal; }
    .shopping-bag .bag-products .bag-product .remove:hover {
      color: red; }
.shopping-bag .bag-buttons {
  padding: 30px 65px; }
  .shopping-bag .bag-buttons a {
    margin-bottom: 30px; }
    .shopping-bag .bag-buttons a:last-child {
      margin-bottom: 0; }

.mobile-tool {
  position: absolute;
  position: absolute;
  -webkit-transform: translateY(-50%);
  -khtml-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  top: 50%;
  right: 0;
  /*display: none;*/ }
  .mobile-tool a {
    display: block;
    float: right;
    line-height: 1;
    margin-left: 15px; }
    .mobile-tool a:last-child {
      margin: 0; }
    .mobile-tool a.mobile-tool-cart {
      font-size: 26px;
      position: relative;
      margin-top: 2px; }
      .mobile-tool a.mobile-tool-cart span {
        font-size: 12px;
        position: absolute;
        right: 0;
        top: -6px; }

#hamburger-icon {
  padding: 10px; }
  #hamburger-icon .hamburger-icon-inner {
    width: 20px;
    height: 12px;
    position: relative;
    display: block; }
  #hamburger-icon .line {
    display: block;
    background: #fff;
    width: 20px;
    height: 2px;
    position: absolute;
    left: 0;
    -webkit-border-radius: 1px;
    -khtml-border-radius: 1px;
    -moz-border-radius: 1px;
    -ms-border-radius: 1px;
    -o-border-radius: 1px;
    border-radius: 1px;
    -webkit-transition: all 0.4s;
    -khtml-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s; }
    #hamburger-icon .line.line-1 {
      top: 0; }
    #hamburger-icon .line.line-2 {
      top: 50%; }
    #hamburger-icon .line.line-3 {
      top: 100%; }
  #hamburger-icon.active .line-1 {
    -webkit-transform: translateY(6px) translateX(0) rotate(45deg);
    -khtml-transform: translateY(6px) translateX(0) rotate(45deg);
    -moz-transform: translateY(6px) translateX(0) rotate(45deg);
    -ms-transform: translateY(6px) translateX(0) rotate(45deg);
    -o-transform: translateY(6px) translateX(0) rotate(45deg);
    transform: translateY(6px) translateX(0) rotate(45deg); }
  #hamburger-icon.active .line-2 {
    top: 100%;
    -webkit-transform: translateY(6px);
    -khtml-transform: translateY(6px);
    -moz-transform: translateY(6px);
    -ms-transform: translateY(6px);
    -o-transform: translateY(6px);
    transform: translateY(6px); }
  #hamburger-icon.active .line-3 {
    -webkit-transform: translateY(-6px) translateX(0) rotate(-45deg);
    -khtml-transform: translateY(-6px) translateX(0) rotate(-45deg);
    -moz-transform: translateY(-6px) translateX(0) rotate(-45deg);
    -ms-transform: translateY(-6px) translateX(0) rotate(-45deg);
    -o-transform: translateY(-6px) translateX(0) rotate(-45deg);
    transform: translateY(-6px) translateX(0) rotate(-45deg); }

.navbar-container {
  position: relative;
  width: 100%;
  background: #000; }
  .navbar-container.is-sticky {
    position: fixed;
    top: 0;
    left: 0; }
    .navbar-container.is-sticky .navbar-container-inner {
      height: 60px;
      line-height: 60px;
      -webkit-transition: all .5s ease-in-out 0s;
      -khtml-transition: all .5s ease-in-out 0s;
      -moz-transition: all .5s ease-in-out 0s;
      -ms-transition: all .5s ease-in-out 0s;
      -o-transition: all .5s ease-in-out 0s;
      transition: all .5s ease-in-out 0s; }
    .navbar-container.is-sticky .branding h1 {
      line-height: 60px;
      -webkit-transition: all .5s ease-in-out 0s;
      -khtml-transition: all .5s ease-in-out 0s;
      -moz-transition: all .5s ease-in-out 0s;
      -ms-transition: all .5s ease-in-out 0s;
      -o-transition: all .5s ease-in-out 0s;
      transition: all .5s ease-in-out 0s; }
  .navbar-container .navbar-container-inner {
    position: relative;
    height: 102px;
    line-height: 102px; }
  .navbar-container .branding {
    float: left; }
    .navbar-container .branding h1 {
      line-height: 102px; }
  .navbar-container #nav {
    float: right; }
    .navbar-container #nav > ul {
      margin: 0;
      padding: 0;
      list-style: none;
      float: right; }
      .navbar-container #nav > ul#main-nav-tool {
        margin-left: 66px; }
        .navbar-container #nav > ul#main-nav-tool li {
          display: inline-block;
          margin-left: 30px; }
          .navbar-container #nav > ul#main-nav-tool li:first-child {
            margin-left: 0; }
    .navbar-container #nav #main-navigation {
      margin: 0;
      padding: 0;
      list-style: none; }
      .navbar-container #nav #main-navigation li.active > a {
        color: #fff; }
      .navbar-container #nav #main-navigation > li {
        display: inline-block;
        position: relative;
        margin-left: 20px; }
        .navbar-container #nav #main-navigation > li.kt-megamenu-item {
          position: static; }
        .navbar-container #nav #main-navigation > li:first-child {
          margin-left: 0; }
          .navbar-container #nav #main-navigation > li:first-child > a {
            padding-left: 0; }
        .navbar-container #nav #main-navigation > li:last-child > a {
          padding-right: 0; }
        .navbar-container #nav #main-navigation > li > a {
          text-transform: uppercase;
          padding: 0 22px;
          color: #999999;
          letter-spacing: 0.04em;
          font-weight: bold; }
          .navbar-container #nav #main-navigation > li > a:hover {
            color: #fff; }
        .navbar-container #nav #main-navigation > li.active > a {
          color: #fff; }
        .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown,
        .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper {
          border-top: 1px solid #f6f6f6;
          background: #FFFFFF;
          position: absolute;
          top: 100%;
          left: 0;
          visibility: hidden;
          line-height: normal;
          width: 308px;
          filter: alpha(opacity=0);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -webkit-opacity: 0;
          -khtml-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0;
          -webkit-transform: translate(0, 40px);
          -khtml-transform: translate(0, 40px);
          -moz-transform: translate(0, 40px);
          -ms-transform: translate(0, 40px);
          -o-transform: translate(0, 40px);
          transform: translate(0, 40px);
          -webkit-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
          -khtml-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
          -moz-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
          -ms-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
          -o-transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
          transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
          -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
          -khtml-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
          -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
          -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
          -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
          box-shadow: 0 2px 3px rgba(0, 0, 0, 0.12);
          text-align: left; }
        .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown {
          list-style: none;
          padding: 0;
          margin: 0; }
          .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li {
            border-bottom: 1px solid #f6f6f6; }
            .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li a {
              padding: 24px;
              display: block;
              color: #999999;
              font-size: 16px; }
              .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li a:hover {
                color: #000000; }
            .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown li ul.sub-menu-dropdown {
              left: 100%;
              top: -1px; }
          .navbar-container #nav #main-navigation > li ul.sub-menu-dropdown.right-overflow {
            right: 0;
            left: auto;
            top: 100%; }
        .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper {
          width: 100%; }
          .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul {
            display: table;
            list-style: none;
            margin: 0;
            padding: 0;
            table-layout: fixed;
            width: 100%; }
            .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li {
              border-right: 1px solid #f6f6f6;
              display: table-cell;
              float: none;
              vertical-align: top; }
              .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li:last-child {
                border: none; }
              .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > a,
              .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > span {
                color: #000000;
                font-size: 18px;
                display: block;
                padding: 40px 28px 24px;
                border-bottom: 1px solid #f6f6f6; }
              .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul {
                list-style: none;
                padding: 0;
                margin: 0; }
                .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li {
                  display: block;
                  border-bottom: 1px solid #f6f6f6; }
                  .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li :last-child {
                    border-bottom: none; }
                  .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > a,
                  .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > span {
                    padding: 30px 26px 22px;
                    display: block;
                    color: #999999;
                    font-size: 16px; }
                    .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > a:hover,
                    .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper > ul > li > ul > li > span:hover {
                      color: #000000; }
          .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-4 > ul > li {
            width: 25%; }
          .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-3 > ul > li {
            width: 33.33%; }
          .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-columns-2 > ul > li {
            width: 50%; }
          .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-position-left-menubar {
            right: auto;
            left: 0; }
          .navbar-container #nav #main-navigation > li .kt-megamenu-wrapper.megamenu-position-right-menubar {
            right: 0;
            left: auto; }
        .navbar-container #nav #main-navigation > li.megamenu-width-50 .kt-megamenu-wrapper {
          width: 50%; }
        .navbar-container #nav #main-navigation > li.megamenu-width-75 .kt-megamenu-wrapper {
          width: 75%; }
        .navbar-container #nav #main-navigation > li.megamenu-width-80 .kt-megamenu-wrapper {
          width: 80%; }
        .navbar-container #nav #main-navigation > li.megamenu-width-90 .kt-megamenu-wrapper {
          width: 90%; }
      .navbar-container #nav #main-navigation li:hover > ul.sub-menu-dropdown,
      .navbar-container #nav #main-navigation li:hover .kt-megamenu-wrapper {
        filter: alpha(opacity=100);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -khtml-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        visibility: visible; }
      .navbar-container #nav #main-navigation li ul.sub-menu-dropdown li > ul.sub-menu-dropdown.right-overflow {
        right: 100%;
        left: auto; }

.main-nav-mobile {
  overflow-y: scroll;
  position: fixed;
  width: 100%;
  max-height: 400px;
  background: #000 none repeat scroll 0 0;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  display: none; }
  .main-nav-mobile li {
    position: relative; }
  .main-nav-mobile > ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .main-nav-mobile > ul > li {
      position: relative;
      -webkit-transform: translateX(-30px);
      -khtml-transform: translateX(-30px);
      -moz-transform: translateX(-30px);
      -ms-transform: translateX(-30px);
      -o-transform: translateX(-30px);
      transform: translateX(-30px);
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0; }
      .main-nav-mobile > ul > li:nth-child(1) {
        -webkit-transition: all 0.3s ease-out 0.1s;
        -khtml-transition: all 0.3s ease-out 0.1s;
        -moz-transition: all 0.3s ease-out 0.1s;
        -ms-transition: all 0.3s ease-out 0.1s;
        -o-transition: all 0.3s ease-out 0.1s;
        transition: all 0.3s ease-out 0.1s; }
      .main-nav-mobile > ul > li:nth-child(2) {
        -webkit-transition: all 0.3s ease-out 0.2s;
        -khtml-transition: all 0.3s ease-out 0.2s;
        -moz-transition: all 0.3s ease-out 0.2s;
        -ms-transition: all 0.3s ease-out 0.2s;
        -o-transition: all 0.3s ease-out 0.2s;
        transition: all 0.3s ease-out 0.2s; }
      .main-nav-mobile > ul > li:nth-child(3) {
        -webkit-transition: all 0.3s ease-out 0.3s;
        -khtml-transition: all 0.3s ease-out 0.3s;
        -moz-transition: all 0.3s ease-out 0.3s;
        -ms-transition: all 0.3s ease-out 0.3s;
        -o-transition: all 0.3s ease-out 0.3s;
        transition: all 0.3s ease-out 0.3s; }
      .main-nav-mobile > ul > li:nth-child(4) {
        -webkit-transition: all 0.3s ease-out 0.4s;
        -khtml-transition: all 0.3s ease-out 0.4s;
        -moz-transition: all 0.3s ease-out 0.4s;
        -ms-transition: all 0.3s ease-out 0.4s;
        -o-transition: all 0.3s ease-out 0.4s;
        transition: all 0.3s ease-out 0.4s; }
      .main-nav-mobile > ul > li:nth-child(5) {
        -webkit-transition: all 0.3s ease-out 0.5s;
        -khtml-transition: all 0.3s ease-out 0.5s;
        -moz-transition: all 0.3s ease-out 0.5s;
        -ms-transition: all 0.3s ease-out 0.5s;
        -o-transition: all 0.3s ease-out 0.5s;
        transition: all 0.3s ease-out 0.5s; }
      .main-nav-mobile > ul > li:nth-child(6) {
        -webkit-transition: all 0.3s ease-out 0.6s;
        -khtml-transition: all 0.3s ease-out 0.6s;
        -moz-transition: all 0.3s ease-out 0.6s;
        -ms-transition: all 0.3s ease-out 0.6s;
        -o-transition: all 0.3s ease-out 0.6s;
        transition: all 0.3s ease-out 0.6s; }
      .main-nav-mobile > ul > li:nth-child(7) {
        -webkit-transition: all 0.3s ease-out 0.7s;
        -khtml-transition: all 0.3s ease-out 0.7s;
        -moz-transition: all 0.3s ease-out 0.7s;
        -ms-transition: all 0.3s ease-out 0.7s;
        -o-transition: all 0.3s ease-out 0.7s;
        transition: all 0.3s ease-out 0.7s; }
      .main-nav-mobile > ul > li:nth-child(8) {
        -webkit-transition: all 0.3s ease-out 0.8s;
        -khtml-transition: all 0.3s ease-out 0.8s;
        -moz-transition: all 0.3s ease-out 0.8s;
        -ms-transition: all 0.3s ease-out 0.8s;
        -o-transition: all 0.3s ease-out 0.8s;
        transition: all 0.3s ease-out 0.8s; }
      .main-nav-mobile > ul > li:nth-child(9) {
        -webkit-transition: all 0.3s ease-out 0.9s;
        -khtml-transition: all 0.3s ease-out 0.9s;
        -moz-transition: all 0.3s ease-out 0.9s;
        -ms-transition: all 0.3s ease-out 0.9s;
        -o-transition: all 0.3s ease-out 0.9s;
        transition: all 0.3s ease-out 0.9s; }
      .main-nav-mobile > ul > li:nth-child(10) {
        -webkit-transition: all 0.3s ease-out 1s;
        -khtml-transition: all 0.3s ease-out 1s;
        -moz-transition: all 0.3s ease-out 1s;
        -ms-transition: all 0.3s ease-out 1s;
        -o-transition: all 0.3s ease-out 1s;
        transition: all 0.3s ease-out 1s; }
      .main-nav-mobile > ul > li > a {
        border-bottom: 1px solid #ebebeb;
        color: #999999;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.075em;
        display: block;
        padding: 10px 60px 10px 15px;
        position: relative;
        font-size: 13px; }
        .main-nav-mobile > ul > li > a:hover {
          color: #000000; }
      .main-nav-mobile > ul > li a > .open-submenu {
        cursor: pointer;
        height: 100%;
        line-height: 50px;
        position: absolute;
        right: 0;
        text-align: center;
        top: 0;
        width: 40px; }
        .main-nav-mobile > ul > li a > .open-submenu:after {
          font-size: 15px;
          font-family: FontAwesome;
          content: "???";
          font-style: normal;
          font-weight: normal; }
      .main-nav-mobile > ul > li ul.sub-menu-dropdown,
      .main-nav-mobile > ul > li div.kt-megamenu-wrapper {
        border-bottom: 1px solid #ebebeb;
        display: none; }
      .main-nav-mobile > ul > li ul.sub-menu-dropdown,
      .main-nav-mobile > ul > li ul.sub-menu-megamenu {
        margin: 0;
        padding: 0;
        list-style: none; }
        .main-nav-mobile > ul > li ul.sub-menu-dropdown li a,
        .main-nav-mobile > ul > li ul.sub-menu-megamenu li a {
          padding: 0 10px 0 25px;
          font-size: 13px;
          display: block; }
      .main-nav-mobile > ul > li ul.sub-menu-dropdown {
        padding: 15px 0; }
        .main-nav-mobile > ul > li ul.sub-menu-dropdown ul.sub-menu-dropdown {
          border: medium none;
          margin-left: 20px;
          padding: 0; }
      .main-nav-mobile > ul > li div.kt-megamenu-wrapper {
        padding: 10px 0; }
        .main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          .main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li {
            margin-bottom: 10px; }
            .main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li > a,
            .main-nav-mobile > ul > li div.kt-megamenu-wrapper > ul > li > span {
              display: block;
              font-size: 15px;
              color: #000000;
              padding: 3px 10px 3px 25px;
              text-transform: uppercase; }
      .main-nav-mobile > ul > li .searchform {
        margin: 10px; }
        .main-nav-mobile > ul > li .searchform input[type="text"] {
          border-width: 1px; }
      .main-nav-mobile > ul > li.active-menu-item > a > .open-submenu:after {
        content: '\f106'; }

body.opened-nav-animate {
  height: 100%;
  overflow: hidden !important;
  position: fixed;
  width: 100%; }
  body.opened-nav-animate .main-nav-mobile {
    display: block; }
  body.opened-nav-animate.opened-nav .main-nav-mobile > ul li {
    -webkit-transform: translateX(0);
    -khtml-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }

#header {
  position: relative;
  z-index: 100; }
  #header.header-full-center .navbar-container {
    padding: 0 77px; }
    #header.header-full-center .navbar-container .branding {
      position: absolute;
      left: 0;
      top: 0;
      z-index: 10; }
    #header.header-full-center .navbar-container .main-navigation-outer {
      position: relative; }
  #header.header-full-center #nav {
    float: none; }
    #header.header-full-center #nav > ul#main-nav-tool {
      position: absolute;
      right: 0;
      top: 0; }
    #header.header-full-center #nav #main-navigation {
      float: none;
      text-align: center; }
  #header.navigation-right .mobile-tool {
    left: 0;
    right: auto; }
    #header.navigation-right .mobile-tool a {
      float: left;
      margin-right: 0;
      margin-left: 15px; }
      #header.navigation-right .mobile-tool a:first-child {
        margin-left: 0; }
  #header.navigation-right #nav {
    float: left; }
  #header.navigation-right .branding {
    float: right; }
  #header.navigation-center .navbar-container .branding {
    display: none; }
    #header.navigation-center .navbar-container .branding a {
      position: relative;
      z-index: 10; }
  #header.navigation-center .mobile-tool {
    width: 100%; }
    #header.navigation-center .mobile-tool a#hamburger-icon {
      float: left;
      margin: 0; }
    #header.navigation-center .mobile-tool .mobile-tool-cart {
      margin-right: 10px; }
  #header.header-shadow .navbar-container {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }

/* ==============================
   9. Footer
   ============================== */
#footer-top {
  background: #000;
  padding: 85px 0 60px; }

#footer-area {
  padding: 80px 0 30px;
  position: relative; }
  #footer-area .footer-area-inner {
    padding: 82px 80px 40px; }
  #footer-area .footer-area-right {
    background: url("/uploads/eCommerce/images/footer-bg.jpg") no-repeat center center;
    background-size: cover;
    padding: 80px 85px;
    color: #FFFFFF; }
    #footer-area .footer-area-right .widget-title {
      color: #FFFFFF; }
  #footer-area .widget-container {
    margin-bottom: 30px;
    border: none;
    padding: 0; }
    #footer-area .widget-container .widget-title {
      text-transform: uppercase;
      margin: 0 0 35px;
      letter-spacing: 0.2em; }

#footer-bottom {
  padding: 25px 0;
  background: #f6f6f6; }
  #footer-bottom .widget-container {
    margin: 0;
    padding: 0; }
    #footer-bottom .widget-container .widget-title {
      margin: 8px 0;
      text-transform: uppercase; }
  #footer-bottom .social-nav {
    margin-top: 8px; }

#footer-copyright {
  padding: 35px 0;
  text-align: center; }
  #footer-copyright .container .social-nav,
  #footer-copyright .container .footer-copyright {
    margin-bottom: 15px; }
  #footer-copyright .container .footer-copyright {
    font-size: 14px; }
  #footer-copyright .container > *:last-child {
    margin-bottom: 0; }

/* ==============================
   10. Shortcodes
   ============================== */
/*
 * 10.1 Heading Section
 */
.kt-heading-wrapper {
  text-align: center;
  margin-bottom: 50px; }
  .kt-heading-wrapper .kt-heading-divider {
    width: 60px;
    margin: 0 auto; }
    .kt-heading-wrapper .kt-heading-divider path {
      fill: #999999; }
  .kt-heading-wrapper .kt-heading-title {
    line-height: 30px;
    margin: 24px 0 10px; }
  .kt-heading-wrapper .kt-heading-subtitle {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3em; }
    .kt-heading-wrapper .kt-heading-subtitle a {
      color: #999999; }
      .kt-heading-wrapper .kt-heading-subtitle a:hover {
        color: #000000; }

/*
 * 10.2 Hightlight
 */
.hightlight {
  color: #ffffff;
  padding: 0 4px;
  border-radius: 3px; }
  .hightlight.hightlight1 {
    background: #c7db9c; }
  .hightlight.hightlight2 {
    background: #ed8b5c; }
  .hightlight.hightlight3 {
    background: #f4dc86; }
  .hightlight.hightlight4 {
    background: #bce5d3; }

/*
 * 10.3 Dropcap
 */
.kt_dropcap {
  float: left;
  display: block;
  margin-right: 10px;
  font-weight: bold;
  text-align: center; }
  .kt_dropcap.dropcap-sm {
    font-size: 72px;
    line-height: 72px;
    height: 72px; }
    .kt_dropcap.dropcap-sm.dropcap-bg {
      font-size: 30px;
      line-height: 40px;
      height: 40px; }
      .kt_dropcap.dropcap-sm.dropcap-bg.dropcap-circle {
        width: 40px; }
  .kt_dropcap.dropcap-md {
    font-size: 100px;
    line-height: 100px;
    height: 100px; }
    .kt_dropcap.dropcap-md.dropcap-bg {
      font-size: 48px;
      line-height: 65px;
      height: 65px; }
      .kt_dropcap.dropcap-md.dropcap-bg.dropcap-circle {
        width: 65px; }
  .kt_dropcap.dropcap-gray {
    color: #bce5d3; }
  .kt_dropcap.dropcap-black {
    color: #000000; }
  .kt_dropcap.dropcap-orange {
    color: #ed8b5c; }
  .kt_dropcap.dropcap-bg {
    padding: 0 10px;
    margin-top: 10px; }
    .kt_dropcap.dropcap-bg.dropcap-circle {
      border-radius: 100%; }
    .kt_dropcap.dropcap-bg.dropcap-gray {
      background: #bce5d3;
      color: #fff; }
    .kt_dropcap.dropcap-bg.dropcap-black {
      background: #000000;
      color: #fff; }
    .kt_dropcap.dropcap-bg.dropcap-orange {
      background: #ed8b5c;
      color: #fff; }

/*
 * 10.4 Lists
 */
ul.style-list {
  padding: 0;
  margin: 0 0 30px;
  list-style: none; }
  ul.style-list li {
    padding-left: 52px;
    margin-bottom: 20px;
    position: relative;
    line-height: 30px; }
    ul.style-list li:after {
      width: 30px;
      height: 30px;
      position: absolute;
      left: 0;
      top: 0;
      text-align: center; }
  ul.style-list.style1 {
    counter-reset: my-badass-counter; }
    ul.style-list.style1 li:after {
      content: counter(my-badass-counter,decimal);
      counter-increment: my-badass-counter;
      border-radius: 100%;
      border: 1px solid #d8d8d8;
      font-size: 14px;
      color: #fff;
      line-height: 28px; }
  ul.style-list.style2 li:after {
    border-radius: 100%;
    background: #ed8b5c;
    color: #fff;
    font-size: 10px;
    line-height: 28px;
    font-family: FontAwesome;
    content: "???";
    font-style: normal;
    font-weight: normal; }
  ul.style-list.style3 li:after {
    border-radius: 100%;
    border: 1px solid #d8d8d8;
    font-size: 14px;
    color: #fff;
    line-height: 28px;
    font-family: FontAwesome;
    content: "???";
    font-style: normal;
    font-weight: normal; }

/*
 * 10.5 Alert
 */
.alert {
  padding: 40px 40px 40px 100px;
  border: 1px solid #dce2ed;
  border-radius: 0;
  position: relative;
  line-height: 24px;
  margin-bottom: 30px; }
  .alert .alert_title {
    font-size: 18px;
    letter-spacing: 0.05em;
    margin: 0 0 5px;
    text-transform: none; }
  .alert button.close {
    position: absolute;
    top: 18px;
    right: 18px;
    margin: 0;
    text-shadow: none;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1;
    font-weight: normal;
    font-size: 18px; }
  .alert:after {
    font-family: FontAwesome;
    content: "???";
    font-style: normal;
    font-weight: normal;
    text-transform: none;
    left: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    font-size: 36px;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100px;
    color: #9fadbd; }
  .alert.alert-info:after {
    content: "\f05a";
    color: #f95b46; }
  .alert.alert-success:after {
    content: "\f058";
    color: #84be20; }
  .alert.alert-warning:after {
    content: "\f071";
    color: #e7ad24; }
  .alert.alert-danger:after {
    content: "\f05a";
    color: #f56048; }
  .alert.alert-normal {
    color: #7a8692; }
    .alert.alert-normal .alert_title, .alert.alert-normal button.close {
      color: #7a8692; }
  .alert.alert-info {
    color: #c86353; }
    .alert.alert-info .alert_title, .alert.alert-info button.close {
      color: #c86353; }
  .alert.alert-success {
    color: #84be20; }
    .alert.alert-success .alert_title, .alert.alert-success button.close {
      color: #84be20; }
  .alert.alert-warning {
    color: #d99e12; }
    .alert.alert-warning .alert_title, .alert.alert-warning button.close {
      color: #d99e12; }
  .alert.alert-danger {
    color: #eff2f5; }
    .alert.alert-danger .alert_title, .alert.alert-danger button.close {
      color: #eff2f5; }
  .alert.style1.alert-normal {
    background: #ececec; }
  .alert.style1.alert-info {
    background: #f9b5aa; }
  .alert.style1.alert-success {
    background: #e7f6cd; }
  .alert.style1.alert-warning {
    background: #faf4d4; }
  .alert.style1.alert-danger {
    background: #252932; }
  .alert.style2 {
    background: none !important; }
    .alert.style2.alert-danger {
      color: #818d9a; }
      .alert.style2.alert-danger .alert_title {
        color: #6c7884; }
      .alert.style2.alert-danger button.close {
        color: #f56048; }

/*
 * 10.6 Tabs
 */
.kt-tab-container {
  margin-bottom: 30px; }
  .kt-tab-container .tabs {
    padding: 0;
    list-style: none;
    margin: 0 0 30px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
    .kt-tab-container .tabs li {
      float: left;
      margin-right: 15px; }
      .kt-tab-container .tabs li a {
        display: inline-block;
        padding: 22px 30px;
        line-height: normal;
        font-size: 14px;
        color: #999;
        font-weight: bold;
        text-transform: uppercase; }
      .kt-tab-container .tabs li.ui-tabs-active a {
        color: #fff; }
  .kt-tab-container .kt-tab-content {
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding: 30px; }
    .kt-tab-container .kt-tab-content p {
      margin: 0; }

/*
 * 10.7 Accordion
 */
.kt-accordion {
  margin: 0 0 30px; }
  .kt-accordion .kt-accortion-title {
    padding: 20px 30px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: "Roboto", arial, sans-serif;
    letter-spacing: 0;
    margin: 0 0 20px;
    cursor: pointer;
    position: relative; }
    .kt-accordion .kt-accortion-title .ui-accordion-header-icon {
      position: absolute;
      width: 10px;
      height: 10px;
      right: 30px;
      top: 50%;
      position: absolute;
      -webkit-transform: translateY(-50%);
      -khtml-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      top: 50%;
      display: block; }
      .kt-accordion .kt-accortion-title .ui-accordion-header-icon:after {
        font-family: FontAwesome;
        content: "???";
        font-style: normal;
        font-weight: normal;
        font-size: 10px;
        position: absolute;
        -webkit-transform: translate(-50%, -50%);
        -khtml-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        font-weight: normal; }
    .kt-accordion .kt-accortion-title.ui-accordion-header-active .ui-accordion-header-icon:after {
      content: "\f068"; }
  .kt-accordion.style1 .kt-accortion-title {
    background: #f6f6f6; }
    .kt-accordion.style1 .kt-accortion-title.ui-accordion-header-active {
      background: #000;
      color: #fff; }
  .kt-accordion.style2 .kt-accortion-title {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef; }
    .kt-accordion.style2 .kt-accortion-title.ui-accordion-header-active {
      color: #333946; }
  .kt-accordion.style3 .kt-accortion-title {
    background: #f6f6f6; }
    .kt-accordion.style3 .kt-accortion-title.ui-accordion-header-active {
      background-color: #a7c8eb;
      background-image: -webkit-gradient(linear, left top, right top, from(#a7c8eb), to(#bce5d3));
      background-image: -webkit-linear-gradient(left, #a7c8eb, #bce5d3);
      background-image: -moz-linear-gradient(left, #a7c8eb, #bce5d3);
      background-image: -ms-linear-gradient(left, #a7c8eb, #bce5d3);
      background-image: -o-linear-gradient(left, #a7c8eb, #bce5d3);
      background-image: linear-gradient(left, #a7c8eb, #bce5d3);
      filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a7c8eb', endColorStr='#bce5d3', gradientType='1');
      color: #fff; }
  .kt-accordion.style4 .kt-accortion-title {
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
  .kt-accordion .kt-accordion-content {
    padding: 10px 30px 30px; }

/*
 * 10.8 Tooltip
 */
.tooltip {
  opacity: 1;
  font-size: 14px;
  font-family: "Roboto", arial, sans-serif; }
  .tooltip .tooltip-inner {
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    padding: 10px 15px; }
  .tooltip.top {
    margin-top: -10px; }
    .tooltip.top .tooltip-arrow {
      border-width: 10px 10px 0;
      bottom: -5px;
      left: 50%;
      margin-left: -7px; }

/*
 * 10.9 Socials
 */
.social-nav {
  margin: 0;
  padding: 0;
  list-style: none; }
  .social-nav li {
    display: inline-block;
    padding: 0 22px;
    font-size: 14px; }
    .social-nav li a { font-size: 30px;
      -webkit-transform: translatey(0);
      -khtml-transform: translatey(0);
      -moz-transform: translatey(0);
      -ms-transform: translatey(0);
      -o-transform: translatey(0);
      transform: translatey(0);
      -webkit-transition: all 0.2s ease 0s;
      -khtml-transition: all 0.2s ease 0s;
      -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
      -o-transition: all 0.2s ease 0s;
      transition: all 0.2s ease 0s;
      display: inline-block; }
    .social-nav li:hover a {
      -webkit-transform: translatey(-6px);
      -khtml-transform: translatey(-6px);
      -moz-transform: translatey(-6px);
      -ms-transform: translatey(-6px);
      -o-transform: translatey(-6px);
      transform: translatey(-6px); }
    .social-nav li:first-child {
      padding-left: 0; }
    .social-nav li:last-child {
      padding-right: 0; }

/*
 * 10.10 Newsletter
 */
.newsletters-form {
  margin: 0 auto;
  position: relative; }
  .newsletters-form input[type=email] {
    background: transparent;
    width: 100%;
    height: 44px;
    padding: 5px 40px 10px 10px;
    font-size: 14px;
    border-color: #dddddd; }
  .newsletters-form button {
    background: none;
    border: none;
    height: 44px;
    padding: 0;
    right: 0;
    width: 44px;
    font-size: 18px;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%; }
    .newsletters-form button i {
      line-height: 44px; }
  .newsletters-form input[type=email],
  .newsletters-form button {
    color: #666666; }
  .newsletters-form.style2 input[type=email] {
    border: none;
    border-bottom: 2px solid #000000;
    height: auto;
    padding-left: 0;
    padding-top: 0; }
  .newsletters-form.style2 button {
    text-align: right; }
  .newsletters-form.style2 input[type=email],
  .newsletters-form.style2 button {
    color: #000000; }

.newsletters-outer {
  margin-bottom: 30px; }
  .newsletters-outer .newsletters-before {
    margin-bottom: 35px; }
  .newsletters-outer .newsletters-title {
    color: #c7db9c;
    letter-spacing: 0.2em; }
  .newsletters-outer .newsletters-form input[type="email"],
  .newsletters-outer .newsletters-form button {
    color: #000000; }

.newsletters-wrapper {
  border: 2px solid #dddddd;
  padding: 55px 33px;
  margin-bottom: 30px;
  text-align: center; }
  .newsletters-wrapper h3 {
    font-size: 18px;
    margin: 0 0 40px; }
  .newsletters-wrapper .newsletters-before {
    margin-bottom: 35px;
    color: #666666; }

/*
 * 10.11 banner
 */
.banner {
  position: relative;
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px; }
  .banner.banner-dark:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 5;
    -webkit-transition: all 0.2s ease-in-out 0s;
    -khtml-transition: all 0.2s ease-in-out 0s;
    -moz-transition: all 0.2s ease-in-out 0s;
    -ms-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s; }
  .banner:hover.banner-dark:after {
    background: rgba(0, 0, 0, 0.6); }
  .banner img {
    width: 100%; }
  .banner .banner-content {
    width: 100%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 10;
    padding: 30px 60px; }
    .banner .banner-content > *:last-child {
      margin-bottom: 0; }
  .banner .banner-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 15; }
  .banner.position-bottom .banner-content {
    bottom: 0;
    left: 0;
    top: auto;
    -webkit-transform: translate(0px, 0px);
    -khtml-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  .banner.position-bottom .btn {
    padding-left: 50px;
    padding-right: 50px; }
  .banner.banner-left {
    text-align: left; }
  .banner.banner-right {
    text-align: right; }

/*
 * 10.12 Category banner
 */
.category-banner {
  position: relative;
  text-align: center;
  overflow: hidden; }
  .category-banner:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 5; }
  .category-banner img {
    width: 100%; }
  .category-banner .category-banner-content {
    width: 100%;
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 10; }
    .category-banner .category-banner-content > *:last-child {
      margin-bottom: 0; }
    .category-banner .category-banner-content h1 {
      margin-bottom: 35px; }
    .category-banner .category-banner-content ul {
      margin: 0;
      list-style: none;
      padding: 0;
      max-height: 0;
      overflow: hidden;
      -webkit-transition: all 0.5s ease-in-out 0s;
      -khtml-transition: all 0.5s ease-in-out 0s;
      -moz-transition: all 0.5s ease-in-out 0s;
      -ms-transition: all 0.5s ease-in-out 0s;
      -o-transition: all 0.5s ease-in-out 0s;
      transition: all 0.5s ease-in-out 0s; }
      .category-banner .category-banner-content ul li {
        font-size: 14px;
        line-height: 36px; }
        .category-banner .category-banner-content ul li a {
          color: #cdcdcd; }
          .category-banner .category-banner-content ul li a:hover {
            color: #FFFFFF; }
  .category-banner:hover ul {
    margin: 0 0 35px;
    max-height: 600px; }

/*
 * 10.13 Flip box
 */
.flip-box {
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  background: #ffffff none repeat scroll 0 0;
  border-color: #ffffff;
  color: #000000;
  text-align: center;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 30px; }
  .flip-box .flip-box-before,
  .flip-box .flip-box-after {
    -webkit-transition: all 0.2s ease-out 0s;
    -khtml-transition: all 0.2s ease-out 0s;
    -moz-transition: all 0.2s ease-out 0s;
    -ms-transition: all 0.2s ease-out 0s;
    -o-transition: all 0.2s ease-out 0s;
    transition: all 0.2s ease-out 0s; }
  .flip-box .flip-box-before {
    font-weight: bold;
    letter-spacing: 0.2em;
    font-family: "Roboto Slab", serif;
    font-size: 24px;
    padding: 44px 40px;
    line-height: 38px;
    text-transform: uppercase;
    -webkit-transform: translate(0px, 0px);
    -khtml-transform: translate(0px, 0px);
    -moz-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    -o-transform: translate(0px, 0px);
    transform: translate(0px, 0px); }
  .flip-box .flip-box-after {
    font-size: 16px;
    color: #999999;
    position: absolute;
    top: 0;
    width: 100%;
    -webkit-transform: translate(0px, -100%);
    -khtml-transform: translate(0px, -100%);
    -moz-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    -o-transform: translate(0px, -100%);
    transform: translate(0px, -100%); }
  .flip-box:hover .flip-box-before {
    -webkit-transform: translate(0, 100%);
    -khtml-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0, 100%); }
  .flip-box:hover .flip-box-after {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -khtml-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%); }

/*
 * 10.14 Feature icon
 */
.feature-icon {
  margin: 0 0 30px;
  padding: 30px;
  position: relative;
  text-align: center; }
  .feature-icon .features-box-icon,
  .feature-icon .features-box-title {
    color: #FFFFFF; }
    .feature-icon .features-box-icon a,
    .feature-icon .features-box-title a {
      color: #FFFFFF; }
  .feature-icon .features-box-icon {
    font-size: 48px;
    margin-bottom: 25px; }
  .feature-icon .features-box-title {
    font-size: 14px;
    letter-spacing: 0.2em;
    margin: 0; }

/*
 * 10.15 Single Image
 */
.single-image {
  margin: 0 0 30px;
  overflow: hidden; }
  .single-image img {
    -webkit-transition: all 1s ease-in-out 0s;
    -khtml-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    transition: all 1s ease-in-out 0s;
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  .single-image:hover img {
    -webkit-transform: scale(1.2);
    -khtml-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .single-image.no-effect:hover img {
    -webkit-transform: scale(1);
    -khtml-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

/*
 * 10.16 Client
 */
.client-item img {
  margin: 0 auto; }

/*
 * 10.17 About
 */
.about-wrapper {
  padding: 58px 43px 30px;
  color: #FFFFFF;
  -webkit-background-size: cover;
  -khtml-background-size: cover;
  -moz-background-size: cover;
  -ms-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center 550px;
  margin: 0 0 30px; }
  .about-wrapper .about-title {
    color: #FFFFFF;
    margin: 0 0 30px;
    letter-spacing: 0.2em; }

/*
 * 10.18 collection
 */
.collection-wrapper {
  position: relative;
  overflow: hidden; }
  .collection-wrapper .left-collection {
    position: absolute;
    top: 0;
    left: 0;
    width: 45%; }
  .collection-wrapper .right-collection {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 41.6667%; }
  .collection-wrapper .front-collection {
    margin-top: 225px;
    margin-bottom: 80px;
    position: relative; }
    .collection-wrapper .front-collection .collection-image {
      text-align: center; }
      .collection-wrapper .front-collection .collection-image img {
        margin: 0 auto; }
  .collection-wrapper .collection-content {
    width: 33.3333%; }
    .collection-wrapper .collection-content .collection-desc {
      margin-bottom: 5px; }

/*
 * 10.19 Box colored
 */
.box-colored {
  margin-bottom: 30px;
  color: #FFFFFF;
  text-align: center; }
  .box-colored .box-colored-image {
    margin: 0 0 30px;
    overflow: hidden; }
    .box-colored .box-colored-image img {
      -webkit-transition: all 1s ease-in-out 0s;
      -khtml-transition: all 1s ease-in-out 0s;
      -moz-transition: all 1s ease-in-out 0s;
      -ms-transition: all 1s ease-in-out 0s;
      -o-transition: all 1s ease-in-out 0s;
      transition: all 1s ease-in-out 0s;
      -webkit-transform: scale(1);
      -khtml-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
  .box-colored:hover img {
    -webkit-transform: scale(1.2);
    -khtml-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .box-colored .box-colored-title {
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 0.2em;
    margin: 0 0 30px; }
    .box-colored .box-colored-title a {
      padding: 55px 20px;
      color: #FFFFFF;
      display: block; }
  .box-colored :last-child {
    margin-bottom: 0; }

/*
 * 10.20 Testimonials
 */
.testimonial-posts.light {
  color: #FFFFFF; }
  .testimonial-posts.light .testimonial-author {
    color: #FFFFFF; }
  .testimonial-posts.light .owl-pagination .owl-page {
    background: #FFFFFF; }
    .testimonial-posts.light .owl-pagination .owl-page:hover, .testimonial-posts.light .owl-pagination .owl-page.active {
      background: #e5e5e5; }

.testimonial-item {
  text-align: center; }
  .testimonial-item .testimonial-content {
    font-family: "Crete Round", serif;
    font-size: 18px;
    line-height: 30px;
    margin: 0 auto 35px;
    max-width: 865px;
    font-style: italic; }
  .testimonial-item .testimonial-author {
    margin-bottom: 10px;
    letter-spacing: 0.075em; }

/*
 * 10.21 Product countdown
 */
.product-countdown {
  background: #fff;
  padding: 30px;
  box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 30px; }
  .product-countdown .countdown-wrap {
    width: 60px;
    height: 60px;
    border: 2px solid #f6f6f6;
    text-align: center;
    float: left;
    margin-right: 30px; }
    .product-countdown .countdown-wrap:last-child {
      margin-right: 0; }
    .product-countdown .countdown-wrap .title {
      font-size: 14px;
      color: #999;
      line-height: normal; }
    .product-countdown .countdown-wrap .value-time {
      font-size: 18px;
      font-weight: 700;
      color: #fff;
      margin: 10px 0 2px;
      line-height: normal; }

/*
 * 10.22 Callout
 */
.callout-content {
  font-family: "Crete Round", serif;
  font-style: italic;
  padding-right: 40px;
  width: 70%; }

/* ==============================
   11. Widgets
   ============================== */
.widget-container {
  margin-bottom: 40px;
  border-bottom: 2px solid #f6f6f6;
  padding-bottom: 5px;
  font-size: 14px; }
  .widget-container:last-child {
    border: none; }
  .widget-container .widget-title {
    font-size: 18px;
    margin: 0 0 30px;
    text-transform: capitalize;
    letter-spacing: 0.075em; }
  .widget-container.widget_nav_menu ul, .widget-container.widget_categories ul, .widget-container.widget_product_categories ul, .widget-container.widget_recent_entries ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .widget-container.widget_nav_menu ul li, .widget-container.widget_categories ul li, .widget-container.widget_product_categories ul li, .widget-container.widget_recent_entries ul li {
      padding-bottom: 6px; }
      .widget-container.widget_nav_menu ul li.nav-copyright, .widget-container.widget_categories ul li.nav-copyright, .widget-container.widget_product_categories ul li.nav-copyright, .widget-container.widget_recent_entries ul li.nav-copyright {
        color: #999999;
        font-weight: 300; }
      .widget-container.widget_nav_menu ul li a, .widget-container.widget_categories ul li a, .widget-container.widget_product_categories ul li a, .widget-container.widget_recent_entries ul li a {
        color: #666666; }
        .widget-container.widget_nav_menu ul li a:hover, .widget-container.widget_categories ul li a:hover, .widget-container.widget_product_categories ul li a:hover, .widget-container.widget_recent_entries ul li a:hover {
          color: #000000; }
      .widget-container.widget_nav_menu ul li .count, .widget-container.widget_categories ul li .count, .widget-container.widget_product_categories ul li .count, .widget-container.widget_recent_entries ul li .count {
        padding-left: 17px;
        font-size: 12px;
        color: #cacaca; }
  .widget-container.widget_tag_cloud a {
    font-size: 14px !important;
    line-height: normal !important;
    display: inline-block;
    margin: 0 20px 20px 0;
    color: #666; }
    .widget-container.widget_tag_cloud a:hover {
      color: #000000; }
  .widget-container.widget_price_filter .ui-slider {
    position: relative;
    background: #f6f6f6;
    margin-bottom: 40px;
    height: 2px;
    margin-left: 4px; }
    .widget-container.widget_price_filter .ui-slider .ui-slider-range {
      background: #000000;
      height: 100%;
      position: absolute; }
    .widget-container.widget_price_filter .ui-slider .ui-slider-handle {
      height: 14px;
      width: 4px;
      background: #000000;
      position: absolute;
      top: -6px;
      cursor: ew-resize;
      margin-left: -4px; }
  .widget-container.widget-hover-content .widget-hover-element {
    visibility: hidden;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -khtml-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out; }
  .widget-container.widget-hover-content:hover .widget-hover-element {
    visibility: visible;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }

/* ==============================
   12. Blog posts
   ============================== */
.blog-posts .blog-post {
  margin-bottom: 25px; }
  .blog-posts .blog-post .blog-post-thumbnail {
    margin-bottom: 33px;
    display: block;
    overflow: hidden; }
    .blog-posts .blog-post .blog-post-thumbnail img {
      -webkit-transition: all 1s ease-in-out 0s;
      -khtml-transition: all 1s ease-in-out 0s;
      -moz-transition: all 1s ease-in-out 0s;
      -ms-transition: all 1s ease-in-out 0s;
      -o-transition: all 1s ease-in-out 0s;
      transition: all 1s ease-in-out 0s;
      -webkit-transform: scale(1);
      -khtml-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
    .blog-posts .blog-post .blog-post-thumbnail:hover img {
      -webkit-transform: scale(1.2);
      -khtml-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -ms-transform: scale(1.2);
      -o-transform: scale(1.2);
      transform: scale(1.2); }
  .blog-posts .blog-post .blog-post-title {
    margin-bottom: 10px;
    font-size: 16px;
    text-transform: none;
    letter-spacing: 0; }
  .blog-posts .blog-post .blog-post-meta {
    margin-bottom: 20px;
    color: #999999; }
    .blog-posts .blog-post .blog-post-meta > span:after {
      content: '/';
      padding-left: 4px; }
    .blog-posts .blog-post .blog-post-meta > span:last-child:after {
      content: ''; }
    .blog-posts .blog-post .blog-post-meta a {
      color: #999999; }
      .blog-posts .blog-post .blog-post-meta a:hover {
        color: #000000; }

/* ==============================
   13. Single Post
   ============================== */
/*
 * 13.1 Single Post Common styles
 */
.single-post .entry-thumb {
  margin-bottom: 60px; }
.single-post .entry-meta-data {
  margin-bottom: 30px;
  font-size: 14px;
  color: #999; }
  .single-post .entry-meta-data > span:after {
    content: "/";
    margin: 0 5px; }
  .single-post .entry-meta-data > span:last-child:after {
    display: none; }
  .single-post .entry-meta-data a {
    color: #fff; }
.single-post .share-it {
  margin: 65px 0 95px; }
  .single-post .share-it .social_icons {
    padding: 0;
    margin: 0;
    list-style: none; }
    .single-post .share-it .social_icons li {
      display: inline-block;
      margin-right: 30px; }
      .single-post .share-it .social_icons li:last-child {
        margin-right: 0; }
      .single-post .share-it .social_icons li a {
        display: inline-block;
        padding: 17px 40px;
        border: 2px solid #e3e3e3;
        font-size: 14px;
        color: #999;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.2em;
        line-height: normal; }
        .single-post .share-it .social_icons li a:hover {
          color: #fff;
          border-color: #fff; }
        .single-post .share-it .social_icons li a i {
          display: none; }
.single-post .single-bottom-title {
  margin-bottom: 30px;
  letter-spacing: 0.2em; }

/*
 * 13.2 Author Info
 */
.author-info {
  background: #f6f6f6;
  margin-bottom: 85px;
  padding: 25px 25px 15px; }
  .author-info .author-avatar {
    float: left;
    max-width: 70px; }
  .author-info .author-description {
    padding-left: 93px; }
  .author-info .author-title {
    font-size: 14px;
    margin: 0 0 10px;
    padding: 0;
    color: #000000;
    text-transform: none;
    letter-spacing: 0.075em; }
    .author-info .author-title a {
      color: #000000; }
      .author-info .author-title a:hover {
        color: #000000; }
  .author-info .author-bio {
    margin-bottom: 0; }
  .author-info .author-socials {
    margin: 0;
    padding: 0;
    list-style: none; }
    .author-info .author-socials li {
      display: inline-block;
      margin-right: 40px; }
    .author-info .author-socials a {
      color: #999999; }
      .author-info .author-socials a:hover {
        color: #000000; }

/*
 * 13.3 Comments Area
 */
.comments-area {
  margin-bottom: 55px; }
  .comments-area .comment-list {
    list-style: none;
    margin: 0 0 85px;
    padding: 0; }
  .comments-area .children {
    list-style: outside none none;
    margin: 0;
    padding-left: 25px;
    position: relative; }
    .comments-area .children:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 1px;
      background: #e1e1e1; }
    .comments-area .children > li {
      position: relative; }
      .comments-area .children > li:before {
        background: #e1e1e1;
        content: "";
        height: 1px;
        left: -25px;
        position: absolute;
        top: 25px;
        width: 12px; }

.comments-area .comment-item {
  padding: 25px;
  background: #f6f6f6;
  margin-bottom: 30px;
  min-height: 120px; }
  .comments-area .comment-item .comment-avatar {
    float: left;
    margin-right: 20px;
    max-width: 70px; }
  .comments-area .comment-item .comment-body {
    padding-left: 90px;
    position: relative; }
    .comments-area .comment-item .comment-body .comment-meta {
      margin: 0 0 12px;
      line-height: 15px; }
      .comments-area .comment-item .comment-body .comment-meta .comment-author {
        color: #000000;
        font-size: 14px;
        font-weight: 700;
        text-transform: none;
        display: inline-block;
        padding: 0;
        margin: 0 10px 0 0;
        line-height: 15px; }
      .comments-area .comment-item .comment-body .comment-meta .comment-metadata {
        color: #999999;
        font-size: 12px;
        font-weight: bold;
        display: inline-block; }
    .comments-area .comment-item .comment-body .comment-content p:last-child {
      margin: 0; }
    .comments-area .comment-item .comment-body .reply {
      font-size: 14px;
      font-weight: bold;
      letter-spacing: 0.075em;
      line-height: 15px;
      position: absolute;
      right: 0;
      top: 0; }
      .comments-area .comment-item .comment-body .reply a {
        color: #4ad1e5; }

/*
 * 13.4 Comment Form
 */
.comment-respond {
  margin-bottom: 30px; }
  .comment-respond .comment-form textarea,
  .comment-respond .comment-form input[type=text] {
    border: none;
    border-bottom: 2px solid #ebebeb;
    padding: 10px 0;
    height: auto; }
    .comment-respond .comment-form textarea:focus,
    .comment-respond .comment-form input[type=text]:focus {
      border-color: #999999;
      color: #999999; }
  .comment-respond .comment-form textarea {
    height: 55px;
    width: 100% !important; }
  .comment-respond .comment-form .form-submit {
    padding-top: 15px; }

/* ==============================
   14. Pagination
   ============================== */
.pagination {
  text-align: center;
  display: block;
  margin: 0;
  padding-top: 35px;
  border-top: 2px solid #f6f6f6; }
  .pagination .page-numbers {
    border: 2px solid transparent;
    color: #666666;
    display: inline-block;
    font-size: 14px;
    line-height: 36px;
    margin: 0 2px;
    padding: 0;
    width: 40px;
    height: 40px; }
    .pagination .page-numbers.next, .pagination .page-numbers.prev {
      font-size: 18px; }
      .pagination .page-numbers.next:hover, .pagination .page-numbers.prev:hover {
        border-color: transparent;
        color: #000000; }
    .pagination .page-numbers.next {
      float: right;
      text-align: right; }
    .pagination .page-numbers.prev {
      float: left;
      text-align: left; }
  .pagination a.page-numbers:hover,
  .pagination .page-numbers.current {
    border-color: #f0f0f0; }

/* ==============================
   15. Shop
   ============================== */
/*
 * 15.1 Shop Common styles
 */
.star-rating {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 12px;
  letter-spacing: 5px;
  line-height: 1;
  position: relative;
  white-space: nowrap; }
  .star-rating:before {
    color: #c6c6c6;
    content: "\f006\f006\f006\f006\f006"; }
  .star-rating span {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    text-indent: -9999px;
    overflow: hidden;
    top: 0; }
    .star-rating span:before {
      content: "\f006\f006\f006\f006\f006";
      left: 0;
      position: absolute;
      top: 0;
      color: #6fd9e9;
      text-indent: 0; }

.stars a {
  font-family: FontAwesome;
  font-size: 12px;
  letter-spacing: 5px;
  display: inline-block;
  outline: 0 none;
  position: relative;
  color: #c6c6c6; }
  .stars a:after {
    content: "\f006"; }
  .stars a.active {
    color: #6fd9e9; }

.products-tools {
  border-bottom: 2px solid #f6f6f6;
  margin-bottom: 50px;
  padding-bottom: 15px; }
  .products-tools .products-sortby {
    float: left; }
    .products-tools .products-sortby .select-icon {
      margin-right: 65px; }
      .products-tools .products-sortby .select-icon:last-child {
        margin-right: 0; }
  .products-tools .grid-list,
  .products-tools .result-count {
    float: right; }
  .products-tools .grid-list {
    margin: 0 28px 0 0;
    padding: 0;
    list-style: none; }
    .products-tools .grid-list li {
      display: inline-block; }
      .products-tools .grid-list li ~ li {
        margin-left: 18px; }
      .products-tools .grid-list li a {
        font-size: 14px;
        color: #666; }
        .products-tools .grid-list li a.active {
          color: #fff; }

/*
 * 15.2 Products category
 */
.products .product {
  margin-bottom: 50px;
  text-align: center;}
  .products .product .product-inner {
    position: relative; }
  .products .product .product-thumbnail {
    display: block; }
  .products .product .product-content {
    margin-bottom: 34px;
    position: relative;
    overflow: hidden;
    text-align: center; }
    .products .product .product-content .product-over-add,
    .products .product .product-content .product-over-tool {
      -webkit-transition: all 0.4s ease 0s;
      -khtml-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -ms-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
      position: absolute;
      -webkit-transform: translateX(-50%);
      -khtml-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      left: 50%;
      width: 212px;
      z-index: 5; }
    .products .product .product-content .product-over-tool {
      top: -55px; }
      .products .product .product-content .product-over-tool > a {
        background: #ffffff;
        color: #999999;
        font-size: 14px;
        display: inline-block;
        float: left;
        height: 48px;
        line-height: 48px;
        margin: 0 1px 0 0;
        width: 70px; }
        .products .product .product-content .product-over-tool > a:hover {
          background: #000000;
          color: #FFFFFF; }
        .products .product .product-content .product-over-tool > a:last-child {
          margin-right: 0; }
    .products .product .product-content .product-over-add {
      bottom: -55px; }
    .products .product .product-content .product-over-sale {
      position: absolute;
      right: 16px;
      top: 16px; }
      .products .product .product-content .product-over-sale span {
        -webkit-border-radius: 2px;
        -khtml-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px;
        margin-bottom: 10px;
        color: #FFFFFF;
        background: #ed8b5c;
        line-height: 22px;
        display: block;
        min-width: 50px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        position: relative; }
        .products .product .product-content .product-over-sale span:before {
          content: '';
          width: 6px;
          height: 6px;
          background: #ed8b5c;
          -webkit-transform: rotate(-45deg) translateX(-50%);
          -khtml-transform: rotate(-45deg) translateX(-50%);
          -moz-transform: rotate(-45deg) translateX(-50%);
          -ms-transform: rotate(-45deg) translateX(-50%);
          -o-transform: rotate(-45deg) translateX(-50%);
          transform: rotate(-45deg) translateX(-50%);
          position: absolute;
          left: 50%;
          bottom: -1px; }
        .products .product .product-content .product-over-sale span.onsale {
          background: #6fd9e9; }
          .products .product .product-content .product-over-sale span.onsale:before {
            background: #6fd9e9; }
        .products .product .product-content .product-over-sale span.onnew {
          background: #8ec78e; }
          .products .product .product-content .product-over-sale span.onnew:before {
            background: #8ec78e; }
    .products .product .product-content .product-thumbnail {
      display: block; }
      .products .product .product-content .product-thumbnail img {
        -webkit-transition: all 0.4s ease-in-out;
        -khtml-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out; }
        .products .product .product-content .product-thumbnail img.first-img {
          filter: alpha(opacity=100);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          -webkit-opacity: 1;
          -khtml-opacity: 1;
          -moz-opacity: 1;
          -ms-opacity: 1;
          -o-opacity: 1;
          opacity: 1; }
        .products .product .product-content .product-thumbnail img.second-img {
          position: absolute;
          top: 0;
          left: 0;
          bottom: 0;
          right: 0;
          margin: auto;
          filter: alpha(opacity=0);
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -webkit-opacity: 0;
          -khtml-opacity: 0;
          -moz-opacity: 0;
          -ms-opacity: 0;
          -o-opacity: 0;
          opacity: 0; }
  .products .product .product-title {
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: none;
    letter-spacing: 0.12em; }
  .products .product .product-price {
    color: #999999; }
  .products .product:hover .product-over-tool {
    top: 10px; }
  .products .product:hover .product-over-add {
    bottom: 10px; }
  .products .product:hover .product-thumbnail img.first-img {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
  .products .product:hover .product-thumbnail img.second-img {
    z-index: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
.products .owl-kttheme .product {
  margin-bottom: 0; }
.products.products-multi-masonry .product {
  margin-bottom: 30px;
  position: relative; }
  .products.products-multi-masonry .product.grid-sizer {
    margin: 0;
    min-height: 0; }
  .products.products-multi-masonry .product .product-content {
    margin-bottom: 0; }
  .products.products-multi-masonry .product .product-details {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 5;
    width: 100%; }
    .products.products-multi-masonry .product .product-details .product-title,
    .products.products-multi-masonry .product .product-details .product-price {
      -webkit-transition: all 0.4s ease 0s;
      -khtml-transition: all 0.4s ease 0s;
      -moz-transition: all 0.4s ease 0s;
      -ms-transition: all 0.4s ease 0s;
      -o-transition: all 0.4s ease 0s;
      transition: all 0.4s ease 0s;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0;
      -webkit-transform: translate3d(0, 30px, 0);
      -khtml-transform: translate3d(0, 30px, 0);
      -moz-transform: translate3d(0, 30px, 0);
      -ms-transform: translate3d(0, 30px, 0);
      -o-transform: translate3d(0, 30px, 0);
      transform: translate3d(0, 30px, 0);
      color: #FFFFFF; }
    .products.products-multi-masonry .product .product-details .product-title a {
      color: #FFFFFF; }
  .products.products-multi-masonry .product .product-thumbnail:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0; }
  .products.products-multi-masonry .product:hover .product-details .product-title,
  .products.products-multi-masonry .product:hover .product-details .product-price {
    -webkit-transform: translate3d(0, 0, 0);
    -khtml-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
  .products.products-multi-masonry .product:hover .product-details .product-price {
    -webkit-transition-delay: .3s;
    -khtml-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -ms-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s; }
  .products.products-multi-masonry .product:hover .product-thumbnail:after {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
.products.products-multi-masonry .no-gutters .product {
  margin-bottom: 0; }
.products.products-multi-masonry.masonry-botom .product .product-details {
  -webkit-transform: translate(0, 0);
  -khtml-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  left: 25px;
  top: auto;
  bottom: 25px;
  text-align: left;
  width: auto; }
.products.products-gallery .product .product-content {
  margin-bottom: 40px; }
.products.products-gallery .product .product-inner {
  background: #FFFFFF;
  padding: 0 0 20px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
.products.products-gallery .product .product-title {
  letter-spacing: 0; }
.products .product-description, .products .produt-tool-list {
  display: none; }
.products.lists .product {
  padding: 40px 15px;
  margin: 0;
  border-bottom: 1px solid #f6f6f6;
  width: 100%;
  text-align: left; }
  .products.lists .product:first-child {
    padding-top: 0; }
  .products.lists .product:last-child {
    border-bottom: none; }
  .products.lists .product .product-description, .products.lists .product .produt-tool-list {
    display: block; }
  .products.lists .product .product-attribute {
    margin-left: 330px; }
  .products.lists .product .product-content {
    float: left;
    max-width: 270px;
    margin-bottom: 0;
    margin-right: 60px; }
    .products.lists .product .product-content .product-over-tool, .products.lists .product .product-content .product-over-add {
      display: none; }
  .products.lists .product h3.product-title {
    margin-top: 20px; }
  .products.lists .product .produt-tool-list {
    margin-top: 40px; }
    .products.lists .product .produt-tool-list .quantity, .products.lists .product .produt-tool-list .product-over-add {
      float: left;
      margin-right: 30px;
      margin-top: 12px; }
    .products.lists .product .produt-tool-list .quantity input {
      height: 48px;
      width: 60px;
      text-align: center; }
      .products.lists .product .produt-tool-list .quantity input:focus {
        border-color: #fff; }
    .products.lists .product .produt-tool-list .product-over-tool {
      float: left;
      margin-top: 12px; }
      .products.lists .product .produt-tool-list .product-over-tool > a {
        display: inline-block;
        width: 60px;
        height: 48px;
        border: 2px solid #e3e3e3;
        text-align: center;
        color: #999; }
        .products.lists .product .produt-tool-list .product-over-tool > a:hover {
          color: #000000;
          border-color: #000000; }
        .products.lists .product .produt-tool-list .product-over-tool > a:last-child {
          margin-left: 26px; }
        .products.lists .product .produt-tool-list .product-over-tool > a i {
          line-height: 44px; }

.product-content .cd-item-wrapper {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none; }
  .product-content .cd-item-wrapper li {
    position: absolute;
    top: 0;
    left: 17%;
    height: 100%;
    width: 66%;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transform: translateZ(0);
    -khtml-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform, opacity;
    -webkit-transform: translateX(200%) scale(0.5);
    -khtml-transform: translateX(200%) scale(0.5);
    -moz-transform: translateX(200%) scale(0.5);
    -ms-transform: translateX(200%) scale(0.5);
    -o-transform: translateX(200%) scale(0.5);
    transform: translateX(200%) scale(0.5);
    -webkit-transition: transform 0.4s, opacity 0.4s;
    -khtml-transition: transform 0.4s, opacity 0.4s;
    -moz-transition: transform 0.4s, opacity 0.4s;
    -ms-transition: transform 0.4s, opacity 0.4s;
    -o-transition: transform 0.4s, opacity 0.4s;
    transition: transform 0.4s, opacity 0.4s; }
    .product-content .cd-item-wrapper li.selected {
      position: relative;
      opacity: 1;
      -webkit-transform: translateX(0) scale(1);
      -khtml-transform: translateX(0) scale(1);
      -moz-transform: translateX(0) scale(1);
      -ms-transform: translateX(0) scale(1);
      -o-transform: translateX(0) scale(1);
      transform: translateX(0) scale(1); }
    .product-content .cd-item-wrapper li.move-right {
      -webkit-transform: translateX(70%) scale(0.5);
      -khtml-transform: translateX(70%) scale(0.5);
      -moz-transform: translateX(70%) scale(0.5);
      -ms-transform: translateX(70%) scale(0.5);
      -o-transform: translateX(70%) scale(0.5);
      transform: translateX(70%) scale(0.5);
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0; }
    .product-content .cd-item-wrapper li.move-left {
      -webkit-transform: translateX(-70%) scale(0.5);
      -khtml-transform: translateX(-70%) scale(0.5);
      -moz-transform: translateX(-70%) scale(0.5);
      -ms-transform: translateX(-70%) scale(0.5);
      -o-transform: translateX(-70%) scale(0.5);
      transform: translateX(-70%) scale(0.5);
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0; }
    .product-content .cd-item-wrapper li.hide-left {
      -webkit-transform: translateX(-140%) scale(0.5);
      -khtml-transform: translateX(-140%) scale(0.5);
      -moz-transform: translateX(-140%) scale(0.5);
      -ms-transform: translateX(-140%) scale(0.5);
      -o-transform: translateX(-140%) scale(0.5);
      transform: translateX(-140%) scale(0.5); }
    .product-content .cd-item-wrapper li img {
      display: block;
      width: 100%; }
.product-content:hover li.move-right, .product-content:hover li.move-left {
  filter: alpha(opacity=30);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  -ms-opacity: 0.3;
  -o-opacity: 0.3;
  opacity: 0.3; }
.product-content:hover li.hover.move-right, .product-content:hover li.hover.move-left {
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  -ms-opacity: 1;
  -o-opacity: 1;
  opacity: 1; }

.cd-dots {
  bottom: 0px;
  left: 50%;
  position: absolute;
  right: auto;
  -webkit-transform: translateX(-50%);
  -khtml-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  margin: 0;
  padding: 0; }
  .cd-dots li {
    display: inline-block;
    float: left;
    margin: 0 5px; }
    .cd-dots li a {
      display: block;
      height: 7px;
      width: 7px;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      border: 1px solid #9688a0;
      overflow: hidden;
      text-indent: 100%;
      white-space: nowrap;
      -webkit-transition: border-color 0.2s, background-color 0.2s;
      -khtml-transition: border-color 0.2s, background-color 0.2s;
      -moz-transition: border-color 0.2s, background-color 0.2s;
      -ms-transition: border-color 0.2s, background-color 0.2s;
      -o-transition: border-color 0.2s, background-color 0.2s;
      transition: border-color 0.2s, background-color 0.2s; }
    .cd-dots li.selected a {
      background: #2f2933 none repeat scroll 0 0;
      border-color: #2f2933; }

.product-list-widget .product-widget {
  padding-bottom: 30px; }
.product-list-widget .product-title {
  font-size: 16px;
  margin: 0 0 7px;
  text-transform: none;
  letter-spacing: 0.075em; }

/*
 * 15.3 Product Detail
 */
.product-main .product-detail-thumbarea {
  margin-bottom: 30px; }
  .product-main .product-detail-thumbarea .single-product-main-images {
    margin-bottom: 30px;
    position: relative; }
    .product-main .product-detail-thumbarea .single-product-main-images .owl-controls {
      bottom: 8px;
      margin: 0;
      position: absolute;
      right: 9px; }
      .product-main .product-detail-thumbarea .single-product-main-images .owl-controls .owl-buttons > div {
        width: 60px;
        height: 48px;
        padding: 0;
        text-align: center;
        background: #fff;
        -webkit-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
        -khtml-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
        -moz-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
        -ms-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
        -o-box-shadow: 1px 0 3px rgba(0,0,0,0.1);
        box-shadow: 1px 0 3px rgba(0,0,0,0.1);
        -webkit-opacity: 1;
        -khtml-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        -o-opacity: 1;
        opacity: 1;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0; }
        .product-main .product-detail-thumbarea .single-product-main-images .owl-controls .owl-buttons > div i {
          font-size: 14px;
          color: #999;
          line-height: 48px; }
.product-main.style1 .single-product-main-thumbnails {
  width: auto;
  margin-right: -15px;
  margin-left: -15px; }
  .product-main.style1 .single-product-main-thumbnails .owl-item {
    padding: 0 15px; }
.product-main.style2 .single-product-main-images {
  margin-bottom: 0; }
.product-main.style2 .product-detail-wrap {
  padding: 0px 0 0px;
  max-width: 570px; }
.product-main.style2 .product-detail-thumbarea {
  margin: 0; }
.product-main.style3 .product-detail-thumbarea {
  margin-bottom: 0;
  padding: 30px;
  background: #ededed; }
.product-main.style3 .single-product-main-thumbnails {
  width: auto;
  margin-right: -10px;
  margin-left: -10px; }
  .product-main.style3 .single-product-main-thumbnails .owl-item {
    padding: 0 10px; }
.product-main.style3 .product-detail-wrap {
  padding: 90px 0;
  max-width: 570px; }
.product-main .breadcrumb {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 35px; }
.product-main .product-title {
  font-size: 18px;
  padding-bottom: 30px;
  border-bottom: 2px solid #f6f6f6;
  margin: 0 0 30px; }
.product-main .product-price-wrap {
  margin-bottom: 35px; }
  .product-main .product-price-wrap h3.price {
    float: left;
    margin: 0;
    font-size: 24px;
    font-weight: normal;
    letter-spacing: 0; }
  .product-main .product-price-wrap .review-summary {
    float: left;
    margin: 3px 0 0 50px; }
  .product-main .product-price-wrap .reviews-text {
    display: inline-block;
    font-size: 14px;
    padding-left: 48px; }
.product-main form.cart {
  margin-bottom: 45px; }
  .product-main form.cart .quantity {
    float: left;
    width: 60px;
    margin-right: 30px; }
    .product-main form.cart .quantity input {
      height: 48px;
      text-align: center; }
      .product-main form.cart .quantity input:focus {
        border-color: #000000; }
  .product-main form.cart button {
    float: left;
    width: auto; }
  .product-main form.cart .cart-tool {
    float: left; }
    .product-main form.cart .cart-tool .add_to_wishlist,
    .product-main form.cart .cart-tool .add_to_compare {
      float: left;
      margin-left: 30px;
      width: 60px;
      height: 48px;
      text-align: center;
      border: 2px solid #e3e3e3;
      color: #999;
      font-size: 14px;
      line-height: 44px; }
      .product-main form.cart .cart-tool .add_to_wishlist:hover,
      .product-main form.cart .cart-tool .add_to_compare:hover {
        border: 2px solid #000000;
        color: #000000; }
.product-main .product-short p {
  margin-bottom: 20px; }
.product-main .product_meta {
  padding-bottom: 30px;
  border-bottom: 2px solid #f6f6f6;
  margin-bottom: 35px; }
  .product-main .product_meta > span {
    display: block; }
    .product-main .product_meta > span a {
      color: #666; }
      .product-main .product_meta > span a:hover {
        color: #000000; }
.product-main .product-shareit .social_icons {
  margin: 0 -11px;
  padding: 0;
  list-style: none; }
  .product-main .product-shareit .social_icons li {
    float: left;
    width: 33.33%;
    line-height: normal;
    padding: 0 11px; }
    .product-main .product-shareit .social_icons li a {
      color: #999;
      letter-spacing: 0.15em;
      padding: 15px 40px;
      border: 2px solid #e3e3e3;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 14px;
      display: block; }
      .product-main .product-shareit .social_icons li a:hover, .product-main .product-shareit .social_icons li a:focus {
        color: #fff;
        border-color: #fff; }
      .product-main .product-shareit .social_icons li a i {
        display: none; }

.easyzoom-flyout img {
  max-width: none !important;
  width: auto !important; }

.woocommerce-tabs .nav {
  padding-bottom: 30px;
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 50px; }
  .woocommerce-tabs .nav li {
    float: left;
    margin-right: 140px; }
    .woocommerce-tabs .nav li:last-child {
      margin-right: 0; }
    .woocommerce-tabs .nav li a {
      padding: 0;
      line-height: normal;
      font-size: 14px;
      font-family: "Roboto Slab", serif;
      color: #999;
      text-transform: uppercase;
      letter-spacing: 0.15em;
      font-weight: bold; }
      .woocommerce-tabs .nav li a:hover, .woocommerce-tabs .nav li a:focus {
        background: none; }
    .woocommerce-tabs .nav li.active a {
      color: #fff; }
.woocommerce-tabs .shop_attributes {
  width: 50%; }
  .woocommerce-tabs .shop_attributes tr td, .woocommerce-tabs .shop_attributes tr th {
    padding: 15px 0;
    font-weight: normal;
    line-height: normal;
    border-bottom: 1px dashed #e3e3e3; }
.woocommerce-tabs .comments-area .comments-title {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.075em;
  color: #666;
  font-family: "Roboto", arial, sans-serif;
  text-transform: none;
  margin-bottom: 55px; }
.woocommerce-tabs .comments-area .comment-list {
  margin: 0; }
.woocommerce-tabs .comments-area .comment-item {
  padding: 0;
  min-height: 0;
  margin-bottom: 40px; }
  .woocommerce-tabs .comments-area .comment-item .comment-avatar {
    max-width: 45px;
    border-radius: 100%;
    overflow: hidden; }
  .woocommerce-tabs .comments-area .comment-item .comment-content {
    margin-left: 65px; }
    .woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta {
      margin-bottom: 15px;
      line-height: normal; }
      .woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta .author_name {
        margin: 0 30px 0 0;
        display: inline-block;
        font-size: 16px;
        font-family: "Roboto", arial, sans-serif;
        text-transform: none; }
      .woocommerce-tabs .comments-area .comment-item .comment-content .comment-meta .comment-date {
        margin-right: 25px;
        display: inline-block; }
    .woocommerce-tabs .comments-area .comment-item .comment-content p {
      margin: 0; }

#review_form .comment-reply-title {
  font-family: "Roboto", arial, sans-serif;
  font-size: 14px;
  color: #666;
  text-transform: none;
  letter-spacing: 0.075em; }
#review_form .comment-form-rating {
  display: inline-block;
  margin-right: 36px; }
  #review_form .comment-form-rating #rating {
    display: none; }
  #review_form .comment-form-rating .stars {
    width: 210px;
    border: 2px solid #e3e3e3;
    text-align: center;
    line-height: 47px;
    margin: 0; }
#review_form .form-submit {
  display: inline-block;
  margin: 0;
  padding: 0; }

/*
 * 15.4 Checkout page
 */
.title-checkout {
  letter-spacing: 0.2em;
  padding: 10px 0;
  border: 1px solid #f0f0f0;
  margin: 0;
  text-align: center; }

.checkout-wrap {
  padding: 20px;
  border-right: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  margin-bottom: 30px; }

form.checkout .form-group {
  margin-bottom: 20px; }
  form.checkout .form-group label, form.checkout .form-group p {
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    margin-bottom: 10px; }
  form.checkout .form-group label {
    letter-spacing: 0.05em;
    display: block; }
    form.checkout .form-group label abbr {
      color: #ff0000;
      text-decoration: none;
      border: none; }
form.checkout .woocommerce-shipping-fields label {
  font-weight: normal;
  font-size: 14px;
  display: block; }
form.checkout input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 10px 0 0; }
form.checkout p {
  margin-bottom: 15px; }
form.checkout .title-order {
  padding: 12px;
  text-align: center;
  background: #f6f6f6;
  letter-spacing: 0.2em;
  margin: 0; }
form.checkout .coupon_wrap {
  margin-bottom: 7px; }
  form.checkout .coupon_wrap p {
    font-weight: bold; }
  form.checkout .coupon_wrap .coupon-form {
    padding-right: 227px;
    position: relative; }
    form.checkout .coupon_wrap .coupon-form input {
      width: 100%;
      padding: 12px;
      line-height: normal;
      height: auto;
      font-weight: bold; }
    form.checkout .coupon_wrap .coupon-form input.submit {
      position: absolute;
      right: 0;
      top: 0;
      width: 207px;
      letter-spacing: 0.2em;
      height: 100%; }

#order_review .shop_table {
  width: 100%;
  margin-bottom: 30px; }
  #order_review .shop_table tbody, #order_review .shop_table tfoot {
    border-bottom: 2px solid #000; }
  #order_review .shop_table th, #order_review .shop_table td {
    padding: 25px 0;
    color: #666;
    border-bottom: 1px solid #f6f6f6;
    font-size: 14px;
    letter-spacing: 0.075em; }
  #order_review .shop_table tfoot .order-total td {
    color: #fff; }

#payment {
  margin-bottom: 10px; }
  #payment .payment_methods {
    padding: 0;
    margin: 0;
    list-style: none; }
    #payment .payment_methods li {
      margin: 0 0 30px; }
      #payment .payment_methods li .payment_box {
        background: #f6f6f6;
        padding: 15px;
        position: relative;
        font-size: 14px;
        line-height: 24px;
        display: none; }
        #payment .payment_methods li .payment_box:after {
          border-left: 8px solid transparent;
          border-right: 8px solid transparent;
          border-bottom: 8px solid #f6f6f6;
          top: -8px;
          content: "";
          height: 0;
          position: absolute;
          left: 30px;
          width: 0; }
        #payment .payment_methods li .payment_box p {
          margin: 0; }
      #payment .payment_methods li label {
        margin: 0 0 20px;
        font-size: 14px;
        color: #666;
        letter-spacing: 0.075em;
        line-height: normal; }
        #payment .payment_methods li label .input-radio {
          margin: 0 10px 0 0;
          position: static; }
  #payment .place-order {
    text-align: center; }

/*
 * 15.5 My Cart page
 */
.table-cart-form {
  margin-bottom: 45px; }

table.cart {
  width: 100%;
  text-align: center; }
  table.cart thead th {
    border: 1px solid #f0f0f0;
    padding: 12px;
    text-align: center;
    font-size: 14px;
    font-family: "Roboto Slab", serif;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    line-height: normal;
    color: #fff; }
  table.cart td {
    padding: 14px;
    border: 1px solid #f0f0f0;
    font-size: 14px; }
    table.cart td.product-name a {
      letter-spacing: 0.075em;
      font-family: "Roboto Slab", serif;
      font-weight: bold; }
      table.cart td.product-name a:hover {
        text-decoration: underline; }
    table.cart td.product-thumbnail img {
      max-width: 100px;
      margin: 0 auto; }
    table.cart td .qty {
      width: 60px;
      margin: 0 auto;
      text-align: center; }
    table.cart td.actions {
      padding: 31px 31px 21px; }
      table.cart td.actions button {
        margin: 0 15px 10px;
        color: #010101; }
        table.cart td.actions button:hover, table.cart td.actions button:focus {
          background: #000;
          color: #fff; }

.cart-collaterals h5 {
  padding: 12px 0;
  border: 1px solid #f0f0f0;
  text-align: center;
  margin: 0;
  letter-spacing: 0.2em; }
.cart-collaterals .cart-collaterals-inner {
  padding: 22px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0; }
  .cart-collaterals .cart-collaterals-inner p {
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px; }
.cart-collaterals .cart_totals table {
  width: 100%; }
  .cart-collaterals .cart_totals table tr.order-total td {
    color: #fff; }
  .cart-collaterals .cart_totals table tr th, .cart-collaterals .cart_totals table tr td {
    padding: 15px 0;
    line-height: normal;
    font-size: 14px;
    color: #666;
    font-weight: bold; }
.cart-collaterals .cart_totals .cart-collaterals-inner {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 20px; }
.cart-collaterals .button-checkout {
  text-align: center;
  border: 1px solid #f0f0f0;
  border-top: none;
  padding: 20px; }
.cart-collaterals .coupon-form input {
  margin-bottom: 20px; }
.cart-collaterals .shipping_calculator select {
  font-size: 12px;
  letter-spacing: 0.075em; }
.cart-collaterals .shipping_calculator .row {
  margin-left: -10px;
  margin-right: -10px; }
  .cart-collaterals .shipping_calculator .row > div {
    padding-right: 10px;
    padding-left: 10px; }
.cart-collaterals .shipping_calculator button {
  padding: 9px 0;
  text-align: center;
  width: 100%;
  letter-spacing: 0.18em; }

/*
 * 15.6 Compare page
 */
table.compare tr td {
  padding: 28px 22px;
  border: 1px solid #eee; }
  table.compare tr td.compare-title {
    padding: 28px 20px;
    background: #fafafa;
    font-size: 14px;
    font-family: "Roboto Slab", serif;
    font-weight: bold;
    letter-spacing: 0.075em;
    color: #222;
    min-width: 160px; }
  table.compare tr td.product-thumbnail {
    font-size: 14px;
    font-family: "Roboto Slab", serif;
    font-weight: bold;
    letter-spacing: 0.075em;
    color: #fff; }
    table.compare tr td.product-thumbnail a:hover {
      text-decoration: underline; }
    table.compare tr td.product-thumbnail img {
      margin-right: 24px;
      max-width: 100px; }
  table.compare tr td.actions {
    min-width: 326px; }
  table.compare tr td .amount {
      color: #fff;
    font-size: 14px; }
  table.compare tr td .instock {
    color: #6fd9e9;
    font-weight: normal; }
  table.compare tr td .outstock {
    color: #8ec78e;
    font-weight: normal; }
  table.compare tr td .qty {
    max-width: 60px;
    text-align: center; }
  table.compare tr td .add_to_wishlist {
    width: 60px;
    height: 48px;
    border: 2px solid #e3e3e3;
    text-align: center;
    display: inline-block;
    vertical-align: middle; }
    table.compare tr td .add_to_wishlist i {
      color: #999;
      line-height: 44px; }
    table.compare tr td .add_to_wishlist:hover {
      border-color: #fff; }
      table.compare tr td .add_to_wishlist:hover i {
        color: #fff; }
  table.compare tr td .add_to_cart_button {
    float: left;
    margin-right: 17px; }

/*
 * 15.7 My Account page
 */
#customer_login h5 {
  border: 1px solid #f0f0f0;
  letter-spacing: 0.2em;
  margin: 0;
  padding: 10px 0;
  text-align: center; }
#customer_login form {
  padding: 20px;
  border: 1px solid #f0f0f0;
  border-top: none;
  margin-bottom: 30px; }
  #customer_login form label {
    font-size: 14px;
    font-weight: normal;
    line-height: normal;
    margin-bottom: 10px;
    letter-spacing: 0.075em;
    display: block; }
    #customer_login form label.inline {
      display: inline-block;
      margin-left: 10px; }
    #customer_login form label .required {
      color: #ff0000; }
  #customer_login form .form-row {
    margin-bottom: 20px; }
  #customer_login form .lost_password {
    margin: 0; }

/*
 * 15.8 QuickView
 */
.themedev-product-popup {
  margin: 0 auto;
  max-width: 600px;
  position: relative;
  overflow: hidden; }
  .themedev-product-popup .close-quickview {
    font-size: 18px;
    line-height: 1.4;
    position: absolute;
    right: 30px;
    top: 35px; }
    .themedev-product-popup .close-quickview.mobile-version {
      display: none;
      height: 30px;
      line-height: 30px;
      right: 0;
      text-align: center;
      top: 0;
      width: 30px; }
  .themedev-product-popup .product-main {
    background: #FFF; }
    .themedev-product-popup .product-main .product-detail-images {
      padding: 30px;
      max-width: 600px; }
    .themedev-product-popup .product-main .product-detail-thumbarea {
      margin: 0;
      padding: 0; }
    .themedev-product-popup .product-main .product-details-info {
      position: absolute;
      padding: 35px 30px 30px;
      visibility: hidden;
      filter: alpha(opacity=0);
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-opacity: 0;
      -khtml-opacity: 0;
      -moz-opacity: 0;
      -ms-opacity: 0;
      -o-opacity: 0;
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -khtml-transition: all 0.2s ease-in-out 0s;
      -moz-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      -o-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s;
      -webkit-transform: translate3d(-40px, 0, 0);
      -khtml-transform: translate3d(-40px, 0, 0);
      -moz-transform: translate3d(-40px, 0, 0);
      -ms-transform: translate3d(-40px, 0, 0);
      -o-transform: translate3d(-40px, 0, 0);
      transform: translate3d(-40px, 0, 0); }
  .themedev-product-popup.animate-width {
    max-width: 1200px; }
  .themedev-product-popup.add-content {
    max-width: 1200px; }
    .themedev-product-popup.add-content .product-detail-images {
      width: 50%;
      float: left; }
    .themedev-product-popup.add-content .product-details-info {
      position: relative;
      visibility: visible;
      opacity: 1;
      float: left;
      width: 50%;
      -webkit-transform: translate3d(0, 0, 0);
      -khtml-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0); }

/* ==============================
   16. Slideshow and owl carousel
   ============================== */
/*
 * 16.1 Rev slider
 */
.rev_slider .product-attr {
  text-align: center; }
  .rev_slider .product-attr h4 {
    font-size: 16px;
    text-transform: none;
    margin: 0 0 10px; }
.rev_slider .tp-loader.spinner0 {
  background-color: #FFFFFF; }
.rev_slider .metis {
  width: 50px;
  height: 50px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
  .rev_slider .metis.tparrows:before {
    font-size: 15px;
    line-height: 34px;
    color: #999999; }
  .rev_slider .metis.tparrows.tp-leftarrow:before {
    font-family: FontAwesome;
    content: "???";
    font-style: normal;
    font-weight: normal; }
  .rev_slider .metis.tparrows.tp-rightarrow:before {
    font-family: FontAwesome;
    content: "???";
    font-style: normal;
    font-weight: normal; }
.rev_slider .ares .tp-bullet {
  width: 7px;
  height: 7px;
  background: #d7d7d7; }
  .rev_slider .ares .tp-bullet:hover, .rev_slider .ares .tp-bullet.selected {
    background: #000000; }
.rev_slider .site-nav {
  width: 46px;
  background: none;
  border: 2px solid #fff; }
  .rev_slider .site-nav:hover:before {
    -webkit-transform: scale(1.2);
    -khtml-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2); }
  .rev_slider .site-nav:before {
    font-family: "icomoon";
    font-size: 18px;
    line-height: 36px;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  .rev_slider .site-nav.tp-rightarrow:before {
    content: "\ebf9"; }
  .rev_slider .site-nav.tp-leftarrow:before {
    content: "\ea26"; }
.rev_slider .site-pagination .tp-bullet {
  width: 7px;
  height: 7px;
  background: #999999;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }
  .rev_slider .site-pagination .tp-bullet:hover, .rev_slider .site-pagination .tp-bullet.selected {
    background: #ffffff; }

/*
 * 16.2 Owl Carousel
 */
.owl-carousel-kt {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 50px;
  position: relative;
  cursor: url(/uploads/eCommerce/images/drag.png) 16 9, ew-resize !important; }
  .owl-carousel-kt.no-gutters {
    margin-left: 0;
    margin-right: 0; }
    .owl-carousel-kt.no-gutters .kt-owl-carousel .owl-item {
      padding-left: 0;
      padding-right: 0; }
  .owl-carousel-kt.big-width .owl-carousel-kt-inner {
    max-width: 1550px;
    margin: 0 auto; }
  .owl-carousel-kt .kt-owl-carousel .owl-item {
    padding-left: 15px;
    padding-right: 15px; }
  .owl-carousel-kt.navigation-center .owl-buttons > div, .owl-carousel-kt.navigation-center-inner .owl-buttons > div {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -khtml-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    font-size: 30px;
    color: #000000;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center; }
  .owl-carousel-kt.navigation-center .owl-buttons > div.owl-prev {
    left: -105px; }
  .owl-carousel-kt.navigation-center .owl-buttons > div.owl-next {
    right: -105px; }
  .owl-carousel-kt.navigation-center-inner .owl-buttons > div {
    color: #FFFFFF; }
    .owl-carousel-kt.navigation-center-inner .owl-buttons > div.owl-prev {
      left: 20px; }
    .owl-carousel-kt.navigation-center-inner .owl-buttons > div.owl-next {
      right: 20px; }
  .owl-carousel-kt .owl-buttons {
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-opacity: 0;
    -khtml-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -khtml-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; }
    .owl-carousel-kt .owl-buttons > div {
      cursor: pointer; }
  .owl-carousel-kt:hover .owl-buttons {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
  .owl-carousel-kt.visiable-navigation .owl-buttons {
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
  .owl-carousel-kt.navigation-square-light .owl-buttons div {
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    -khtml-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
    background: #FFFFFF;
    color: #999999;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
    width: 50px; }
  .owl-carousel-kt.navigation-square-light.navigation-center-inner .owl-buttons > div.owl-prev {
    left: 35px; }
  .owl-carousel-kt.navigation-square-light.navigation-center-inner .owl-buttons > div.owl-next {
    right: 35px; }
  .owl-carousel-kt .owl-pagination {
    text-align: center;
    margin: 40px 0 0; }
    .owl-carousel-kt .owl-pagination .owl-page {
      background: #d7d7d7;
      cursor: pointer;
      height: 8px;
      display: inline-block;
      width: 8px;
      margin: 0 7px;
      -webkit-border-radius: 50%;
      -khtml-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      -o-border-radius: 50%;
      border-radius: 50%;
      -webkit-transition: all 0.2s ease-in-out 0s;
      -khtml-transition: all 0.2s ease-in-out 0s;
      -moz-transition: all 0.2s ease-in-out 0s;
      -ms-transition: all 0.2s ease-in-out 0s;
      -o-transition: all 0.2s ease-in-out 0s;
      transition: all 0.2s ease-in-out 0s; }
      .owl-carousel-kt .owl-pagination .owl-page:hover, .owl-carousel-kt .owl-pagination .owl-page.active {
        background: #000000; }
  .owl-carousel-kt.pagination-before .owl-pagination {
    margin: 0 0 40px; }

/* ==============================
   17. Popup Newletter
   ============================== */
#popup-wrap {
  max-width: 900px;
  background: #fff;
  margin: 0 auto;
  position: relative; }
  #popup-wrap .mfp-close {
    left: 100%;
    background: #fff;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;
    opacity: 1; }
    #popup-wrap .mfp-close:active {
      top: 0; }
  #popup-wrap .wrapper-newletter-popup {
    padding: 50px 55px 35px 405px;
    text-align: center; }
    #popup-wrap .wrapper-newletter-popup .newsletters-form {
      margin-top: 50px; }
    #popup-wrap .wrapper-newletter-popup .bg-popup {
      width: 350px;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      background: url(http://placehold.it/640x640) no-repeat center center;
      background-size: cover; }

/* ==============================
   18. Back to Top
   ============================== */
#back-to-top {
  width: 50px;
  height: 50px;
  background: #fff;
  text-align: center;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 100;
  cursor: pointer;
  display: none;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  -khtml-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  -ms-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  -o-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
  color: #000000; }
  #back-to-top i {
    font-size: 18px;
    line-height: 50px;
    -webkit-transition: all 0.4s ease;
    -khtml-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; }
  #back-to-top:hover i {
    -webkit-transform: scale(1.5);
    -khtml-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }

/* ==============================
   19. Main content
   ============================== */
/*
 * 19.1 About page
 */
.about-left {
  margin-left: 30px;
  margin-bottom: 30px; }

/*
 * 19.2 Contact page
 */
.contact-details {
  background: #f6f6f6;
  padding: 65px 35px;
  margin-bottom: 30px;
  color: #999999; }
  .contact-details p {
    line-height: 36px;
    margin-bottom: 40px; }
  .contact-details .social-nav li a {
    color: #999999; }
    .contact-details .social-nav li a:hover {
      color: #000000; }

.contactform {
  margin-bottom: 30px; }
  .contactform h4 {
    margin-bottom: 30px; }
  .contactform input[type="text"],
  .contactform textarea {
    padding: 15px 0;
    line-height: normal;
    border: none;
    border-bottom: 2px solid #e3e3e3;
    height: auto; }
    .contactform input[type="text"]:focus,
    .contactform textarea:focus {
      border-color: #999999; }
  .contactform textarea {
    width: 100% !important; }

/*
 * 19.3 404 page
 */
.wrapper-404 {
  background: #f6f6f6;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

#error404 {
  text-align: center;
  position: absolute;
  max-width: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -khtml-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  padding: 0 20px;
  z-index: 2; }
  #error404 h1 {
    font-family: "Vollkorn", serif;
    font-size: 200px;
    font-style: italic;
    line-height: 200px;
    margin-bottom: 25px;
    letter-spacing: 0;
    font-weight: 400; }
  #error404 h4 {
    font-size: 16px;
    font-family: "Roboto", arial, sans-serif;
    color: #999;
    text-transform: none;
    margin-bottom: 30px;
    font-weight: 400; }
  #error404 p a {
    color: #74cdd7; }
    #error404 p a i {
      font-size: 20px;
      vertical-align: middle;
      margin-left: 15px; }