@charset "UTF-8";
/*
Theme Name: Black and yellow
Theme URI: http://kopatheme.com/
Author: Kopatheme
Author URI: http://kopatheme.com/
Description: Gusty theme is designed for magazine with flexible layout. The theme is based on KOPATHEME layout manager technique that will let you flexibility choose layout options of every pages within your site. It is very helpful when you are experimenting with visual hierarchy. You can define unlimited sidebar for widget areas, and with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready
*/
/*----------------------------------------------------------------

[Table of contents]

1. - Config
    1.1 - Typography
    1.2 - Global config
    1.3 - Structure
    1.4 - Style title
    1.5 - Style icon

2. - Widgets
    2.1 - main-header
    2.2 - ui-search
    2.3 - main-nav
    2.4 - humberger-nav
    2.5 - mobile-nav
    2.6 - megamenu
    2.7 - breadcrumb
    2.8 - articles-list
    2.9 - kopa-single-related-posts-widget
    2.10 - owl-carousel
    2.11 - blog-list
    2.12 - kopa-pagination
    2.13 - aads
    2.14 - instagram
    2.15 - contact-widget
    2.16 - kopa-social-widget
    2.17 - tag-cloud
    2.18 - kopa-comments-widget
    2.19 - kopa-trending-articles-list-wdiget
    2.20 - filter-article
    2.21 - bottom-sidebar
    2.22 - kopa-footer
    2.23 - parallax ( remove in wordpress )

3. - Pages
    3.1 - elements-page
    3.2 - single-page
    3.3 - contact-page
    3.4 - products-list-page
    3.5 - single-products-page
    3.6 - 404-page
*/
/**
 * 1.Config
 * -------------------------------------------------------------------
 */
/**
 * 1.1.Typography
 * -------------------------------------------------------------------
 */
@font-face {
  font-family: 'WooCommerce';
  src: url("fonts/WooCommerce.eot");
  /* IE9 Compat Modes */
  src: url("fonts/WooCommerce.woff") format("woff"), url("fonts/WooCommerce.ttf") format("truetype"), url("fonts/WooCommerce.svg") format("svg");
  /* Legacy iOS */
}

/**
 * 1.2 - Global config
 * -------------------------------------------------------------------
 */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*:before, *:after {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

body {
  font-size: 14px;
  line-height: 24px;
  position: relative;
  left: 0;
  color: #999999;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

::selection {
  color: #ffffff;
  background: #c9a96e;
}

::-moz-selection {
  color: #ffffff;
  background: #c9a96e;
}

select {
  cursor: pointer;
}

a {
  text-decoration: none;
  outline: none !important;
  cursor: pointer;
  color: #c9a96e;
}

a:hover, a:active, a:focus {
  text-decoration: none;
  color: #c9a96e;
}

p {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  margin: 0 0 14px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

strong {
  color: #303030;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

img {
  max-width: 100%;
  height: auto;
}

h1, h2, h3, h4, h5, h6 {
  color: #010101;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

h1 {
  font-size: 36px;
  line-height: 46px;
}

h2 {
  font-size: 32px;
  line-height: 42px;
}

h3 {
  font-size: 28px;
  line-height: 38px;
}

h4 {
  font-size: 24px;
  line-height: 34px;
}

h5 {
  font-size: 18px;
  line-height: 26px;
}

h6 {
  font-size: 16px;
  line-height: 24px;
}

.rs-ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.separator {
  display: block;
  height: 3px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #010101;
  display: block;
}

.separator:after, .separator:before {
  display: table;
  content: "";
}

.separator:after {
  clear: both;
}

.separator-1 {
  display: block;
  height: 1px;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #ededed;
  display: block;
}

.separator-1:after, .separator-1:before {
  display: table;
  content: "";
}

.separator-1:after {
  clear: both;
}

.kopa-wrap-iframe iframe {
  width: 100%;
  border: 0;
}

@media (max-width: 320px) {
  .kopa-wrap-iframe iframe {
    max-height: 200px;
  }
}

@media (max-width: 768px) {
  .kopa-wrap-iframe iframe {
    max-height: 430px;
  }
}

.gap-10 {
  height: 10px;
  display: block;
}

.gap-10:after, .gap-10:before {
  display: table;
  content: "";
}

.gap-10:after {
  clear: both;
}

.gap-20 {
  height: 20px;
  display: block;
}

.gap-20:after, .gap-20:before {
  display: table;
  content: "";
}

.gap-20:after {
  clear: both;
}

.gap-40 {
  height: 40px;
  display: block;
}

.gap-40:after, .gap-40:before {
  display: table;
  content: "";
}

.gap-40:after {
  clear: both;
}

.gap-50 {
  height: 50px;
  display: block;
}

.gap-50:after, .gap-50:before {
  display: table;
  content: "";
}

.gap-50:after {
  clear: both;
}

.gap-60 {
  height: 60px;
  display: block;
}

.gap-60:after, .gap-60:before {
  display: table;
  content: "";
}

.gap-60:after {
  clear: both;
}

.entry-thumb img {
  width: 100%;
}

.btn:active, .btn.active {
  box-shadow: none;
}

.ov-hidden {
  overflow: hidden;
  position: relative;
}

.kopa-overlay {
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 98;
  background: black;
  background: transparent\9;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  zoom: 1;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.kopa-overlay.overlay-block {
  opacity: 1;
  visibility: visible;
}

.need-left, body {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.need-left.left {
  left: 0;
}

.kopa-uppercase {
  text-transform: uppercase;
}

.custom-heading {
  margin-bottom: 17px;
}

.widget {
  margin-bottom: 40px;
}

@media (max-width: 992px) {
  .widget {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .widget {
    margin-bottom: 25px;
  }
}

.gray-box {
  background: #f6f6f6;
  padding: 20px 0;
}

.kopa-sub-page .gray-box-1 {
  background: #f6f6f6;
  padding: 90px 0 1px;
}

@media (max-width: 767px) {
  .kopa-sub-page .gray-box-1 {
    padding: 30px 0 0;
  }
}

.kopa-sub-page .gray-box-1 .widget-area-1 {
  margin: 0;
}

.kopa-none {
  display: none;
}

.wrap-404 {
  text-align: center;
}

.wrap-404 img {
  max-width: 80%;
}

/**
 * 1.3 - Structure
 * -------------------------------------------------------------------
 */
.wrapper {
  display: block;
  width: 80%;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
}

.wrapper:after, .wrapper:before {
  display: table;
  content: "";
}

.wrapper:after {
  clear: both;
}

@media (min-width: 320px) {
  .wrapper {
    width: 290px;
  }
}

@media (min-width: 400px) {
  .wrapper {
    width: 80%;
  }
}

@media (min-width: 768px) {
  .wrapper {
    width: 728px;
  }
}

@media (min-width: 850px) {
  .wrapper {
    width: 800px;
  }
}

@media (min-width: 992px) {
  .wrapper {
    width: 920px;
  }
}

@media (min-width: 1240px) {
  .wrapper {
    width: 1200px;
  }
}

.wrapper:after, .wrapper:before {
  display: table;
  content: "";
}

.wrapper:after {
  clear: both;
}

.kopa-row {
  display: block;
}

.kopa-row:after, .kopa-row:before {
  display: table;
  content: "";
}

.kopa-row:after {
  clear: both;
}

.kopa-row-15 {
  margin-left: -15px;
  margin-right: -15px;
  display: block;
}

.kopa-row-15:after, .kopa-row-15:before {
  display: table;
  content: "";
}

.kopa-row-15:after {
  clear: both;
}

.kopa-row-20 {
  margin-left: -20px;
  margin-right: -20px;
  display: block;
}

.kopa-row-20:after, .kopa-row-20:before {
  display: table;
  content: "";
}

.kopa-row-20:after {
  clear: both;
}

.kopa-row-30 {
  margin-left: -30px;
  margin-right: -30px;
  display: block;
}

.kopa-row-30:after, .kopa-row-30:before {
  display: table;
  content: "";
}

.kopa-row-30:after {
  clear: both;
}

.kopa-row-30 .kopa-col-half {
  width: 50%;
  float: left;
  position: relative;
  padding-left: 30px;
  padding-right: 30px;
}

.kopa-row-40 {
  margin-left: -40px;
  margin-right: -40px;
  display: block;
}

.kopa-row-40:after, .kopa-row-40:before {
  display: table;
  content: "";
}

.kopa-row-40:after {
  clear: both;
}

@media (max-width: 992px) {
  .kopa-row-40 {
    margin-left: -15px;
    margin-right: -15px;
  }
}

.kopa-full-width .main-col {
  width: 100%;
}

.main-col {
  width: 72.266%;
  position: relative;
  float: left;
  padding-left: 40px;
  padding-right: 40px;
}

@media (max-width: 992px) {
  .main-col {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.sidebar.stick {
  z-index: 97 !important;
}

.sidebar {
  border-left: 1px solid #f2f2f2;
  width: 27.734%;
  position: relative;
  float: left;
  padding-left: 40px;
  padding-right: 40px;
  margin: 0 0 80px;
}

@media (max-width: 992px) {
  .sidebar {
    width: 100%;
    border: 0;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .sidebar {
    margin-bottom: 25px;
  }
}

.fluid-width {
  width: 100%;
  display: block;
}

.fluid-width:after, .fluid-width:before {
  display: table;
  content: "";
}

.fluid-width:after {
  clear: both;
}

@media (max-width: 530px) {
  .mobile-fluid {
    width: 100%;
  }
}

.bottom-sidebar-col-1 {
  width: 42.12%;
  position: relative;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.bottom-sidebar-col-1:after, .bottom-sidebar-col-1:before {
  display: table;
  content: "";
}

.bottom-sidebar-col-1:after {
  clear: both;
}

@media (max-width: 992px) {
  .bottom-sidebar-col-1 {
    width: 40%;
  }
}

@media (max-width: 767px) {
  .bottom-sidebar-col-1 {
    width: 100%;
  }
}

.bottom-sidebar-col-2 {
  width: 29.27%;
  position: relative;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.bottom-sidebar-col-2:after, .bottom-sidebar-col-2:before {
  display: table;
  content: "";
}

.bottom-sidebar-col-2:after {
  clear: both;
}

@media (max-width: 992px) {
  .bottom-sidebar-col-2 {
    width: 30%;
  }
}

@media (max-width: 767px) {
  .bottom-sidebar-col-2 {
    width: 100%;
  }
}

.bottom-sidebar-col-3 {
  width: 28.61%;
  position: relative;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.bottom-sidebar-col-3:after, .bottom-sidebar-col-3:before {
  display: table;
  content: "";
}

.bottom-sidebar-col-3:after {
  clear: both;
}

@media (max-width: 992px) {
  .bottom-sidebar-col-3 {
    width: 30%;
  }
}

@media (max-width: 767px) {
  .bottom-sidebar-col-3 {
    width: 100%;
  }
}

.kopa-parallax {
  position: relative;
}

.kopa-parallax .bg-parallax {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

.widget-area-8 {
  padding: 40px 0 45px;
}

@media (max-width: 992px) {
  .widget-area-8 {
    padding: 0;
  }
}

.kopa-sub-page .widget-area-1 {
  margin: 0 0 90px;
}

.widget-area-12 .widget {
  margin-bottom: 85px;
}

@media (max-width: 992px) {
  .widget-area-12 .widget {
    margin-bottom: 45px;
  }
}

@media (max-width: 767px) {
  .widget-area-12 .widget {
    margin-bottom: 25px;
  }
}

.widget-area-12 .widget:last-child {
  margin: 0;
}

.insert-height {
  width: 100%;
  display: block;
}

.insert-height:after, .insert-height:before {
  display: table;
  content: "";
}

.insert-height:after {
  clear: both;
}

.height-40 {
  height: 40px;
}

@media (max-width: 767px) {
  .height-40 {
    height: 0;
  }
}

.height-45 {
  height: 45px;
}

@media (max-width: 767px) {
  .height-45 {
    height: 0;
  }
}

.height-60 {
  height: 60px;
}

@media (max-width: 767px) {
  .height-60 {
    height: 30px;
  }
}

.height-80 {
  height: 80px;
}

@media (max-width: 767px) {
  .height-80 {
    height: 30px;
  }
}

.height-90 {
  height: 90px;
}

@media (max-width: 767px) {
  .height-90 {
    height: 30px;
  }
}

@media (max-width: 767px) {
  .bottom-logo {
    margin: 0 0 26px;
  }
}

/**
 * 1.4 - Style title
 * -------------------------------------------------------------------
 */
.entry-title.style-1 a, .entry-title.style-2 a, .entry-title.style-3 a, .entry-title.style-4 a, .entry-title.style-5 a, .entry-title.style-6 a, .entry-title.style-7 a, .entry-title.style-8 a {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.entry-title.style-1 {
  font-size: 30px;
  line-height: 38px;
  color: #ffffff;
  margin: 0 0 10px;
  text-align: center;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

@media (max-width: 1240px) {
  .entry-title.style-1 {
    font-size: 22px;
    line-height: 28px;
  }
}

.entry-title.style-1 a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-title.style-1 a:hover {
  color: #c9a96e;
}

.megamenu .entry-title.style-2 a:hover {
  color: #333333;
}

.entry-title.style-2 {
  font-size: 18px;
  line-height: 26px;
  color: #333333;
  margin: 0 0 6px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

@media (max-width: 1240px) {
  .entry-title.style-2 {
    font-size: 14px;
    line-height: 20px;
  }
}

.entry-title.style-2 a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-title.style-2 a:hover {
  color: #c9a96e;
}

.entry-title.style-3 {
  font-size: 22px;
  line-height: 28px;
  color: #303030;
  margin: 0 0 7px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

.entry-title.style-3 a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-title.style-3 a:hover {
  color: #c9a96e;
}

.entry-title.style-4 {
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
  margin: 0 0 7px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

.entry-title.style-4 a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-title.style-4 a:hover {
  color: #c9a96e;
}

.entry-title.style-5 {
  font-size: 26px;
  line-height: 34px;
  color: #303030;
  margin: -7px 0 7px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

@media (max-width: 1240px) {
  .entry-title.style-5 {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
  }
}

@media (max-width: 767px) {
  .entry-title.style-5 {
    font-size: 16px;
    line-height: 22px;
    margin: 0;
  }
}

.entry-title.style-5 a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-title.style-5 a:hover {
  color: #c9a96e;
}

.entry-title.style-6 {
  font-size: 14px;
  line-height: 20px;
  color: #303030;
  margin: -3px 0 8px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.entry-title.style-6 a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-title.style-6 a:hover {
  color: #c9a96e;
}

.entry-title.style-7 {
  font-size: 18px;
  line-height: 26px;
  color: #303030;
  margin: 0 0 7px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

.entry-title.style-7 a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-title.style-7 a:hover {
  color: #c9a96e;
}

.entry-title.style-8 {
  font-size: 18px;
  line-height: 26px;
  color: #333333;
  margin: 0 0 4px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.entry-title.style-8 a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-title.style-8 a:hover {
  color: #c9a96e;
}

.widget-title.style-1 {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin: 0 0 38px;
}

@media (max-width: 1240px) {
  .widget-title.style-1 {
    margin: 0 0 24px;
  }
}

.widget-title.style-1 .title {
  display: block;
  font-size: 60px;
  line-height: 64px;
  color: #303030;
  margin: 0 0 7px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

@media (max-width: 767px) {
  .widget-title.style-1 .title {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
  }
}

.widget-title.style-1 .sub-title {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  color: #858585;
  padding: 0 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

@media (max-width: 767px) {
  .widget-title.style-1 .sub-title {
    font-size: 14px;
    line-height: 18px;
  }
}

.widget-title.style-1 .sub-title:before, .widget-title.style-1 .sub-title:after {
  content: '';
  height: 1px;
  background: #c0c0c0;
  width: 75px;
  bottom: 6px;
  position: absolute;
}

@media (max-width: 767px) {
  .widget-title.style-1 .sub-title:before, .widget-title.style-1 .sub-title:after {
    bottom: 4px;
  }
}

.widget-title.style-1 .sub-title:before {
  right: 100%;
}

.widget-title.style-1 .sub-title:after {
  left: 100%;
}

.widget-title.style-2 {
  font-size: 48px;
  line-height: 54px;
  color: #303030;
  text-align: center;
  margin: 0 0 47px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  overflow: hidden;
}

@media (max-width: 1240px) {
  .widget-title.style-2 {
    margin: 0 0 33px;
  }
}

@media (max-width: 767px) {
  .widget-title.style-2 {
    font-size: 32px;
    line-height: 40px;
    margin: 0 0 23px;
  }
}

.widget-title.style-2 span {
  position: relative;
  display: inline-block;
  padding: 0 10px;
}

.widget-title.style-2 span:before, .widget-title.style-2 span:after {
  width: 45px;
  content: '';
  height: 1px;
  background: #303030;
  position: absolute;
  bottom: 7px;
}

.widget-title.style-2 span:before {
  right: 100%;
}

.widget-title.style-2 span:after {
  left: 100%;
}

.widget-title.style-3 {
  font-size: 0;
  line-height: 0;
  text-align: center;
  margin: 0 0 38px;
  overflow: hidden;
}

.widget-title.style-3 .title {
  display: block;
  font-size: 60px;
  line-height: 64px;
  color: #303030;
  margin: 0 0 7px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

@media (max-width: 767px) {
  .widget-title.style-3 .title {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
  }
}

.widget-title.style-3 .sub-title {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  display: inline-block;
  color: #858585;
  padding: 0 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.widget-title.style-3 .sub-title:before, .widget-title.style-3 .sub-title:after {
  content: '';
  height: 1px;
  background: #c0c0c0;
  width: 400%;
  bottom: 6px;
  position: absolute;
}

.widget-title.style-3 .sub-title:before {
  right: 100%;
}

.widget-title.style-3 .sub-title:after {
  left: 100%;
}

.widget-title.style-4, .element-title, .woocommerce.woocommerce-page .related.products > h2 {
  font-size: 20px;
  line-height: 24px;
  color: #303030;
  position: relative;
  margin: 0 0 40px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

@media (max-width: 992px) {
  .widget-title.style-4, .element-title, .woocommerce.woocommerce-page .related.products > h2 {
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .widget-title.style-4, .element-title, .woocommerce.woocommerce-page .related.products > h2 {
    margin: 0 0 20px;
  }
}

.widget-title.style-4:after, .element-title:after, .woocommerce.woocommerce-page .related.products > h2:after {
  content: '';
  display: block;
  width: 30px;
  height: 3px;
  margin: 3px 0 0;
  background: #c9a96e;
}

.widget-title.style-5 {
  font-size: 0;
  line-height: 0;
  margin: 0 0 38px;
  overflow: hidden;
}

@media (max-width: 992px) {
  .widget-title.style-5 {
    margin: 0 0 23px;
  }
}

@media (max-width: 767px) {
  .widget-title.style-5 {
    margin: 0 0 36px;
  }
}

.widget-title.style-5 .title {
  display: inline-block;
  font-size: 60px;
  line-height: 64px;
  color: #303030;
  margin: 0 0 7px;
  position: relative;
  padding: 0 20px 0 0;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

@media (max-width: 767px) {
  .widget-title.style-5 .title {
    font-size: 32px;
    line-height: 40px;
    margin: 0;
  }
}

.widget-title.style-5 .title:before {
  content: '';
  width: 2000px;
  height: 1px;
  position: absolute;
  left: 100%;
  bottom: 7px;
  background: #c9a96e;
  display: block;
}

.widget-title.style-5 .sub-title {
  font-size: 16px;
  line-height: 24px;
  position: relative;
  display: block;
  color: #858585;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

#kopa-bottom-sidebar .widget-title {
  color: #c9a96e;
}

#kopa-bottom-sidebar .widget-title span:before, #kopa-bottom-sidebar .widget-title span:after {
  background: #c9a96e;
}

#kopa-bottom-sidebar .widget-title.style-2 {
  overflow: visible;
}

.single-post-title {
  font-size: 36px;
  line-height: 46px;
  color: #303030;
  margin: 0 0 6px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

@media (max-width: 767px) {
  .single-post-title {
    font-size: 25px;
    line-height: 30px;
  }
}

/**
 * 2.Wigets
 * -------------------------------------------------------------------
 */
/**
 * 2.1 - main-header
 * -------------------------------------------------------------------
 */
.kopa-none, .desktop-version {
  float: left;
}

.sticky-wrapper {
  height: auto !important;
}

.logo-sticky, .wrap-toggle-humberger-sticky {
  float: left;
}

.sticky-wrapper.is-sticky .fixed-mobile-menu {
  z-index: 98;
  display: none;
}

@media (max-width: 767px) {
  .sticky-wrapper.is-sticky .fixed-mobile-menu {
    display: block;
  }
}

.sticky-wrapper.is-sticky .top-header .black-box {
  display: none;
}

.sticky-wrapper.is-sticky .bottom-header {
  z-index: 98;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.sticky-wrapper.is-sticky .bottom-header .wrapper {
  position: relative;
}

@media (max-width: 992px) {
  .sticky-wrapper.is-sticky .bottom-header .wrapper {
    padding-top: 40px;
  }
}

.sticky-wrapper.is-sticky .bottom-header .wrapper > .inner {
  margin: 0 -15px;
  display: block;
}

.sticky-wrapper.is-sticky .bottom-header .wrapper > .inner:after, .sticky-wrapper.is-sticky .bottom-header .wrapper > .inner:before {
  display: table;
  content: "";
}

.sticky-wrapper.is-sticky .bottom-header .wrapper > .inner:after {
  clear: both;
}

.sticky-wrapper.is-sticky .bottom-header .kopa-none, .sticky-wrapper.is-sticky .bottom-header .desktop-version {
  display: block;
}

@media (max-width: 767px) {
  .sticky-wrapper.is-sticky .bottom-header .kopa-none, .sticky-wrapper.is-sticky .bottom-header .desktop-version {
    display: none;
  }
}

.sticky-wrapper.is-sticky .bottom-header .wrap-toggle-humberger-sticky {
  padding: 0 15px;
}

@media (max-width: 992px) {
  .sticky-wrapper.is-sticky .bottom-header .wrap-toggle-humberger-sticky {
    position: absolute;
    top: 0;
    left: -15px;
  }
}

.sticky-wrapper.is-sticky .bottom-header .logo-sticky {
  max-width: 200px;
  padding: 0;
  text-align: center;
  padding: 12px 15px 8px;
}

@media (max-width: 1240px) {
  .sticky-wrapper.is-sticky .bottom-header .logo-sticky {
    display: none;
  }
}

.sticky-wrapper.is-sticky .bottom-header .toggle-humberger-menu {
  margin: 22px 0 0;
}

.sticky-wrapper.is-sticky .bottom-header .sf-menu {
  margin: 0;
}

.sticky-wrapper.is-sticky .bottom-header .sf-menu > ul {
  position: static;
}

.sticky-wrapper.is-sticky .bottom-header .sf-menu > ul > li > a {
  font-size: 12px;
  padding: 20px 15px;
  transition: all 0s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0s ease 0s, visibility 0s ease 0s;
}

@media (max-width: 850px) {
  .sticky-wrapper.is-sticky .bottom-header .sf-menu > ul > li > a {
    padding: 10px;
  }
}

.sticky-wrapper.is-sticky .bottom-header .sb-search-wrapper {
  float: right;
  padding: 10px 15px 0;
}

@media (max-width: 992px) {
  .sticky-wrapper.is-sticky .bottom-header .sb-search-wrapper {
    position: absolute;
    right: -15px;
    top: 0;
  }
}

.sticky-wrapper.is-sticky .bottom-header .sb-search-wrapper .sb-icon-search {
  background: #010101 !important;
}

.sticky-wrapper.is-sticky .bottom-header .sb-search-wrapper .sb-search-input {
  background: none;
}

.sticky-wrapper.is-sticky .bottom-header .sb-search-wrapper .sb-search.sb-search-open {
  overflow: visible;
}

.sticky-wrapper.is-sticky .bottom-header .sb-search-wrapper .sb-search.sb-search-open .sb-search-input {
  width: 200px;
  background: #f6f6f6;
}

@media (max-width: 767px) {
  .black-box {
    background: #303030;
  }
}

@media (max-width: 767px) {
  .black-box > .wrapper {
    width: 100%;
    position: relative;
    z-index: 99;
  }
}

.main-header {
  padding: 45px 0 0;
  display: block;
}

.main-header:after, .main-header:before {
  display: table;
  content: "";
}

.main-header:after {
  clear: both;
}

@media (max-width: 1240px) {
  .main-header {
    padding: 30px 0 0;
  }
}

@media (max-width: 530px) {
  .main-header {
    padding: 17px 0 0;
  }
}

.header-col-1 {
  width: 20%;
  float: left;
  display: block;
}

.header-col-1:after, .header-col-1:before {
  display: table;
  content: "";
}

.header-col-1:after {
  clear: both;
}

.header-col-2 {
  width: 60%;
  float: left;
  display: block;
}

.header-col-2:after, .header-col-2:before {
  display: table;
  content: "";
}

.header-col-2:after {
  clear: both;
}

.header-col-3 {
  width: 20%;
  float: left;
  display: block;
}

.header-col-3:after, .header-col-3:before {
  display: table;
  content: "";
}

.header-col-3:after {
  clear: both;
}

.top-header {
  padding: 0 0 40px;
}

@media (max-width: 1240px) {
  .top-header {
    padding: 0 0 32px;
  }
}

@media (max-width: 767px) {
  .top-header {
    padding: 0;
  }
}

.bottom-header {
  background: #010101;
  border-bottom: 1px solid #ffffff;
}

@media (max-width: 767px) {
  .bottom-header {
    display: none;
  }
}

.user-box {
  background: #c9a96e;
  text-align: center;
}

.user-box > span, .user-box > a {
  font-size: 14px;
  line-height: 20px;
  padding: 10px 17px;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.user-box .cart-count {
  font-size: 14px;
  color: #010101;
  line-height: 20px;
  font-weight: bold;
}

.user-box .cart-count i {
  color: #ffffff;
  margin: 0 8px 0 0;
}

.user-box > a {
  color: #ffffff;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.user-box > a:hover {
  color: #303030;
}

.social-box {
  text-align: center;
  padding: 8px 0;
  margin: 10px 0 0;
}

.social-box li {
  display: inline-block;
  vertical-align: middle;
}

.social-box li a {
  display: block;
  width: 24px;
  font-size: 20px;
  line-height: 24px;
  line-height: 24px;
  text-align: center;
  color: #999999;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.social-box li a:hover {
  color: #c9a96e;
}

.register-newsletter {
  margin: 10px 0 0;
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #303030;
  text-align: center;
  background: #f3f2f2;
  padding: 10px 3px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

.logo-box {
  margin: 0 auto 17px;
  text-align: center;
}

@media (max-width: 1240px) {
  .logo-box {
    max-width: 283px;
  }
}

@media (max-width: 530px) {
  .logo-box {
    max-width: 170px;
  }
}

/**
 * 2.2 - ui-search
 * -------------------------------------------------------------------
 */
.sb-search-wrapper {
  padding: 33px 0 0;
}

@media (max-width: 1240px) {
  .sb-search-wrapper {
    padding: 18px 0 0;
  }
}

@media (max-width: 767px) {
  .sb-search-wrapper {
    padding: 0;
  }
}

.sb-search-wrapper .sb-search {
  height: 40px;
}

@media (max-width: 992px) {
  .sb-search-wrapper .sb-search {
    overflow: visible;
  }
}

.sb-search-input {
  background: #f6f6f6;
  height: 40px;
  padding: 10px 20px 10px 10px;
  max-width: 250px;
  font-size: 14px;
  color: #cac8c8;
  width: 0;
  overflow: hidden;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

.search-submit {
  display: none;
}

.sb-icon-search {
  background: #ffffff;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  text-align: right;
}

@media (max-width: 767px) {
  .sb-icon-search {
    text-align: center;
    width: 50px;
    border-left: 1px solid #c9a96e;
    background: #303030;
  }
}

.sb-icon-search:before {
  color: #5e5e5e;
}

@media (max-width: 767px) {
  .sb-icon-search:before {
    color: #c9a96e;
  }
}

.sb-search.sb-search-open .sb-icon-search {
  background: #ffffff;
}

@media (max-width: 767px) {
  .sb-search.sb-search-open .sb-icon-search {
    background: #303030;
  }
}

.sb-search.sb-search-open .sb-search-input {
  width: 100%;
  padding-right: 50px;
}

@media (max-width: 992px) {
  .sb-search.sb-search-open .sb-search-input {
    max-width: none;
    width: 200px;
  }
}

/**
 * 2.3 - main-nav
 * -------------------------------------------------------------------
 */
.static {
  position: static !important;
}

.main-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .main-nav.desktop-version {
    display: none;
  }
}

.sf-menu {
  margin: 0 -34px;
}

@media (max-width: 1240px) {
  .sf-menu {
    margin: 0 -14px;
  }
}

@media (max-width: 992px) {
  .sf-menu {
    margin: 0 -11px;
  }
}

.sf-menu .menu-item-has-children > a:after {
  content: '+';
  display: inline-block;
  margin: 0 0 0 4px;
}

.sf-menu > ul {
  position: relative;
  display: block;
}

.sf-menu > ul:after, .sf-menu > ul:before {
  display: table;
  content: "";
}

.sf-menu > ul:after {
  clear: both;
}

.sf-menu > ul li {
  position: relative;
}

.sf-menu > ul li a {
  display: block;
  text-transform: uppercase;
  transition: all 0.5s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.5s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.5s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.5s ease 0s, visibility 0s ease 0s;
}

.sf-menu > ul > .current-menu-item > a {
  color: #c9a96e;
}

.sf-menu > ul > li {
  float: left;
}

.sf-menu > ul > li:hover > a {
  color: #c9a96e;
}

.sf-menu > ul > li > a {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #f9f9f9;
  padding: 10px 34px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

@media (max-width: 1240px) {
  .sf-menu > ul > li > a {
    padding: 7px 14px;
  }
}

@media (max-width: 992px) {
  .sf-menu > ul > li > a {
    padding: 7px 11px;
    font-size: 12px;
  }
}

.sf-menu > ul > li .sub-menu.pos-right {
  left: auto;
  right: 34px;
}

.sf-menu > ul > li .sub-menu.pos-right li .sub-menu.pos-right {
  top: 0;
  right: 100%;
  left: auto;
}

.sf-menu > ul > li .sub-menu {
  left: 34px;
  margin-top: 2px;
  position: absolute;
  top: 100%;
  z-index: 10;
  padding: 23px 0px;
  display: none;
  background: #c9a96e;
}

.sf-menu > ul > li .sub-menu > li > a {
  min-width: 150px;
}

.sf-menu > ul > li .sub-menu .sub-menu {
  margin: 0 0 0 1px;
  top: 0;
  left: 100%;
}

.sf-menu > ul > li ul li {
  padding: 0 25px;
}

.sf-menu > ul > li ul li:hover > a {
  color: #ffffff;
  padding-left: 10px;
}

.sf-menu > ul > li ul li a {
  font-size: 12px;
  line-height: 18px;
  color: #303030;
  padding: 3px 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

/**
 * 2.4 - humberger-nav
 * -------------------------------------------------------------------
 */
.toggle-humberger-menu {
  float: left;
  margin: 45px 0 0;
  cursor: pointer;
}

@media (max-width: 1240px) {
  .toggle-humberger-menu {
    margin: 30px 0 0;
  }
}

@media (max-width: 767px) {
  .toggle-humberger-menu {
    margin: 0;
    padding: 12px 16px 12px 14px;
    border-right: 1px solid #c9a96e;
  }
}

.toggle-humberger-menu span {
  display: block;
  background: #5e5e5e;
  width: 20px;
  height: 3px;
  margin: 0 0 1px;
}

@media (max-width: 767px) {
  .toggle-humberger-menu span {
    background: #c9a96e;
  }
}

.wrap-humberger-menu {
  background: #ffffff;
  width: 337px;
  max-width: 100%;
  position: fixed;
  z-index: 100;
  top: 0;
  left: -337px;
  height: 100%;
  max-height: 100vh;
  max-width: 100vw;
  overflow: scroll;
  display: block;
}

.wrap-humberger-menu:after, .wrap-humberger-menu:before {
  display: table;
  content: "";
}

.wrap-humberger-menu:after {
  clear: both;
}

.wrap-humberger-menu .inner {
  padding: 37px 30px;
  position: relative;
  max-width: 100vw;
}

.close-humberger-menu {
  position: absolute;
  top: 13px;
  right: 11px;
  color: #010101;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  cursor: pointer;
}

.humberger-menu-logo {
  text-align: center;
  margin: 0 0 25px;
}

.humberger-menu-content {
  text-align: left;
}

.humberger-menu-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.humberger-menu-content ul .open > a .caret:before {
  content: '-';
  line-height: 17px;
}

.humberger-menu-content ul li {
  position: relative;
}

.humberger-menu-content ul li a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  text-transform: uppercase;
}

.humberger-menu-content ul li a .caret {
  margin-left: 5px;
  border: 0;
  position: relative;
  line-height: 18px;
  width: 18px;
  height: 18px;
  vertical-align: top;
}

.humberger-menu-content ul li a .caret:before {
  display: inline-block;
  content: '+';
  font-size: 18px;
  line-height: 20px;
}

.humberger-menu-content > ul > li {
  margin: 0 0 3px;
}

.humberger-menu-content > ul > li:hover > a {
  color: #c9a96e;
}

.humberger-menu-content > ul > li > a {
  background: #010101;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  color: #f9f9f9;
  padding: 10px 30px;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

.humberger-menu-content > ul > li ul li {
  margin-top: 3px;
}

.humberger-menu-content > ul > li ul li:hover > a {
  padding-left: 40px;
}

.humberger-menu-content > ul > li ul li a {
  background: #c9a96e;
  font-size: 12px;
  line-height: 18px;
  color: #303030;
  padding: 11px 30px;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.humberger-menu-content > ul > li ul li a .caret:before {
  display: inline-block;
  content: '+';
  font-size: 12px;
  line-height: 19px;
}

.humberger-menu-content > ul > li ul li ul li a {
  background: #f6f6f6;
  padding-left: 40px;
  padding-right: 40px;
}

.humberger-menu-content > ul > li ul li ul li a:hover {
  padding-left: 50px;
}

/**
 * 2.5 - mobile-nav
 * -------------------------------------------------------------------
 */
.mobile-version {
  display: block;
}

.mobile-version:after, .mobile-version:before {
  display: table;
  content: "";
}

.mobile-version:after {
  clear: both;
}

.dl-trigger {
  font-size: 16px;
  line-height: 40px;
  height: 40px;
  color: #c9a96e;
  border: 0;
  background: none;
  text-align: center;
  padding: 0;
  width: 100%;
  text-transform: uppercase;
}

.dl-trigger:active, .dl-trigger:focus {
  outline: 0;
}

.dl-menuwrapper {
  position: static;
  float: none;
  margin: 0 auto;
}

.dl-menuwrapper:first-child {
  margin: 0 auto;
}

.dl-menuwrapper ul.dl-menu {
  z-index: 99;
  margin: 0;
  left: 15px;
  right: 15px;
  top: 100%;
  width: auto;
  padding: 10px 0;
  list-style: none;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  background: #ffffff;
}

.dl-menuwrapper li {
  position: relative;
  margin: 3px 0 0;
}

.dl-menuwrapper li a {
  background: #010101;
  display: block;
  position: relative;
  padding: 10px 40px 10px 20px;
  font-size: 14px;
  line-height: 20px;
  color: #f9f9f9;
  outline: none;
  text-transform: uppercase;
}

.dl-menuwrapper li:after {
  line-height: 40px;
}

.dl-menuwrapper li a:not(:only-child):after {
  content: '+';
  color: #ffffff;
  font-size: 18px;
  line-height: 40px;
  right: 15px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.dl-menuwrapper li.dl-back {
  background: #c9a96e;
}

.dl-menuwrapper li.dl-back:after {
  content: '-';
  color: #ffffff;
  font-size: 25px;
  line-height: 47px;
  left: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.dl-menuwrapper li.dl-back a {
  padding: 10px 20px 10px 40px;
}

/**
 * 2.6 - megamenu
 * -------------------------------------------------------------------
 */
.megamenu {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99;
  background: #c9a96e;
  margin: 2px 0 0;
  padding: 30px 25px;
  display: none;
}

@media (max-width: 767px) {
  .megamenu {
    display: none;
  }
}

/**
 * 2.7 - breadcrumb
 * -------------------------------------------------------------------
 */
.wrap-top-page {
  position: relative;
  text-align: center;
  background: #303030;
  padding: 50px 0 54px;
}

@media (max-width: 767px) {
  .wrap-top-page {
    padding: 13px 0;
  }
}

.wrap-top-page .bg-breadcrumb {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.23;
  background-size: cover;
  background-attachment: fixed;
  background-image: url(images/fixed/bg-breadcrumb.jpg);
}

.wrap-top-page .wrapper {
  position: relative;
}

.wrap-top-page .entry-cat-title {
  color: #ffffff;
  margin: 0 0 11px;
  font-size: 60px;
  line-height: 68px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

@media (max-width: 767px) {
  .wrap-top-page .entry-cat-title {
    font-size: 32px;
    line-height: 40px;
  }
}

.wrap-top-page .user-box {
  margin: 35px 0 0;
  background: none;
  position: relative;
}

@media (max-width: 767px) {
  .wrap-top-page .user-box {
    margin: 15px 0 0;
  }
}

.wrap-top-page .user-box .wrapper {
  border-top: 1px solid #363636;
}

.wrap-top-page .user-box .wrapper > span, .wrap-top-page .user-box .wrapper > a {
  font-size: 14px;
  line-height: 20px;
  padding: 8px 12px;
  display: inline-block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.wrap-top-page .user-box .wrapper .cart-count {
  font-size: 12px;
  color: #010101;
  line-height: 20px;
  font-weight: bold;
}

.wrap-top-page .user-box .wrapper .cart-count span {
  color: #ffffff;
  display: inline-block;
  background: #c9a96e;
  text-align: center;
  padding: 0 4.7px;
  height: 23px;
  line-height: 23px;
}

.wrap-top-page .user-box .wrapper .cart-count i {
  color: #ffffff;
  margin: 0 8px 0 0;
}

.wrap-top-page .user-box .wrapper > a {
  color: #d7d7d7;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.wrap-top-page .user-box .wrapper > a:hover {
  color: #c9a96e;
}

.kopa-breadcrumb {
  font-size: 16px;
  line-height: 24px;
  color: #d7d7d7;
  letter-spacing: 0.3px;
}

.kopa-breadcrumb a {
  color: #d7d7d7;
  font-size: 16px;
  line-height: 24px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.kopa-breadcrumb a:hover {
  color: #c9a96e;
}

.kopa-breadcrumb > a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 3px 5px;
}

.kopa-breadcrumb div {
  display: inline-block;
}

.kopa-breadcrumb div a {
  padding: 0 8px 5px;
}

.kopa-breadcrumb div a .current {
  color: #ebe9e9;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.kopa-breadcrumb div a .current:hover {
  color: #c9a96e;
}

.woocommerce .wrap-top-page {
  padding-bottom: 0;
}

/**
 * 2.8 - articles-list
 * -------------------------------------------------------------------
 */
.articles-list-1 .entry-older .entry-item .entry-thumb, .articles-list-3 .widget-content .entry-item .entry-thumb, .articles-list-4 .entry-item .entry-thumb, .articles-list-6 .entry-item .entry-thumb, .kopa-single-related-posts-widget .entry-thumb, .blog-thumb .inner, #instafeed a {
  background: #303030;
  position: relative;
}

.articles-list-1 .entry-older .entry-item .entry-thumb:before, .articles-list-3 .widget-content .entry-item .entry-thumb:before, .articles-list-4 .entry-item .entry-thumb:before, .articles-list-6 .entry-item .entry-thumb:before, .kopa-single-related-posts-widget .entry-thumb:before, .blog-thumb .inner:before, #instafeed a:before {
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.articles-list-1 .entry-older .entry-item .entry-thumb:after, .articles-list-3 .widget-content .entry-item .entry-thumb:after, .articles-list-4 .entry-item .entry-thumb:after, .articles-list-6 .entry-item .entry-thumb:after, .kopa-single-related-posts-widget .entry-thumb:after, .blog-thumb .inner:after, #instafeed a:after {
  top: 20px;
  right: 20px;
  bottom: 20px;
  left: 20px;
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}

.articles-list-1 .entry-older .entry-item .entry-thumb:before, .articles-list-3 .widget-content .entry-item .entry-thumb:before, .articles-list-4 .entry-item .entry-thumb:before, .articles-list-6 .entry-item .entry-thumb:before, .kopa-single-related-posts-widget .entry-thumb:before, .blog-thumb .inner:before, #instafeed a:before, .articles-list-1 .entry-older .entry-item .entry-thumb:after, .articles-list-3 .widget-content .entry-item .entry-thumb:after, .articles-list-4 .entry-item .entry-thumb:after, .articles-list-6 .entry-item .entry-thumb:after, .kopa-single-related-posts-widget .entry-thumb:after, .blog-thumb .inner:after, #instafeed a:after {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  position: absolute;
  content: '';
  opacity: 0;
  z-index: 2;
}

.articles-list-1 .entry-older .entry-item .entry-thumb:hover:before, .articles-list-3 .widget-content .entry-item .entry-thumb:hover:before, .articles-list-4 .entry-item .entry-thumb:hover:before, .articles-list-6 .entry-item .entry-thumb:hover:before, .kopa-single-related-posts-widget .entry-thumb:hover:before, .blog-thumb .inner:hover:before, #instafeed a:hover:before, .articles-list-1 .entry-older .entry-item .entry-thumb:hover:after, .articles-list-3 .widget-content .entry-item .entry-thumb:hover:after, .articles-list-4 .entry-item .entry-thumb:hover:after, .articles-list-6 .entry-item .entry-thumb:hover:after, .kopa-single-related-posts-widget .entry-thumb:hover:after, .blog-thumb .inner:hover:after, #instafeed a:hover:after {
  opacity: 0.5;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}

.articles-list-1 .entry-older .entry-item .entry-thumb:hover img, .articles-list-3 .widget-content .entry-item .entry-thumb:hover img, .articles-list-4 .entry-item .entry-thumb:hover img, .articles-list-6 .entry-item .entry-thumb:hover img, .kopa-single-related-posts-widget .entry-thumb:hover img, .blog-thumb .inner:hover img, #instafeed a:hover img {
  opacity: 0.7;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

.articles-list-2 .entry-item .entry-thumb, .articles-list-5 .entry-item .entry-thumb, .kopa-trending-articles-list-wdiget .entry-thumb, .woocommerce ul.products li.product .product-thumb {
  background: #010101;
}

.articles-list-2 .entry-item .entry-thumb:hover img, .articles-list-5 .entry-item .entry-thumb:hover img, .kopa-trending-articles-list-wdiget .entry-thumb:hover img, .woocommerce ul.products li.product .product-thumb:hover img {
  opacity: 0.7;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

.entry-share {
  text-align: center;
}

.entry-share .toggle-share {
  font-size: 14px;
  line-height: 18px;
  color: #777676;
  cursor: pointer;
  display: block;
  margin: 0 0 3px;
  padding: 23px 0;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

.entry-share ul.kopa-fade {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: visible;
}

@media (max-width: 1240px) {
  .entry-share ul.kopa-fade {
    margin: 0 0 20px;
  }
}

.entry-share ul {
  opacity: 0;
  visibility: hidden;
  font-size: 0;
  height: 0;
  overflow: hidden;
  line-height: 0;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-share li {
  display: inline-block;
}

.entry-share li a {
  display: block;
  width: 52px;
  height: 52px;
  text-align: center;
  color: #c9a96e;
  font-size: 20px;
  background: none;
  border: 1px solid #f2f2f2;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-share li a:hover {
  color: #555555;
  background: #f2f2f2;
}

.entry-share li a i {
  line-height: 48px;
}

.entry-meta {
  margin-left: -5px;
  margin-right: -5px;
}

.entry-meta .entry-categories {
  padding-left: 5px;
  padding-right: 5px;
}

.entry-meta .entry-author {
  padding: 5px;
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.entry-meta .entry-author a {
  font-style: italic;
  color: #c9a96e;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-meta .entry-author a:hover {
  color: #303030;
}

.entry-meta .entry-time {
  display: inline-block;
  padding: 5px;
  color: #555555;
  font-size: 14px;
  line-height: 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.read-more {
  font-size: 12px;
  display: block;
  padding: 4px 0;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.read-more:hover {
  color: #303030;
}

.entry-categories.style-2 {
  font-size: 14px;
  line-height: 18px;
  color: #777676;
  display: block;
  position: relative;
  padding: 0 10px;
  margin: 0 0 19px;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.entry-categories.style-2:hover {
  color: #c9a96e;
}

.entry-categories.style-2:before, .entry-categories.style-2:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  bottom: 2.7px;
  width: 1px;
  background: #777676;
}

.entry-categories.style-2:before {
  left: 0;
}

.entry-categories.style-2:after {
  left: 2px;
}

.kopa-articles-list-widget .entry-item .entry-content p {
  margin: 0;
}

.entry-thumb {
  position: relative;
}

.entry-thumb .kopa-icon {
  position: absolute;
  top: 20px;
  right: 28px;
  z-index: 2;
  display: inline-block;
  background: black;
  background: transparent\9;
  background: rgba(0, 0, 0, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
  zoom: 1;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.entry-thumb .kopa-icon span {
  width: 50px;
  height: 50px;
  margin: 5px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  background: #000000;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.widget-area-1 .articles-list-1 {
  padding: 20px;
}

@media (max-width: 767px) {
  .widget-area-1 .articles-list-1 {
    padding: 0;
  }
}

.articles-list-1 .owl-theme {
  overflow: visible;
}

@media (max-width: 1240px) {
  .articles-list-1 .owl-theme {
    overflow: hidden;
  }
}

@media (max-width: 1240px) {
  .articles-list-1 .kopa-row-15 {
    margin: 0 -10px;
  }
}

.articles-list-1 .entry-last {
  width: 50%;
  position: relative;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.articles-list-1 .entry-last:after, .articles-list-1 .entry-last:before {
  display: table;
  content: "";
}

.articles-list-1 .entry-last:after {
  clear: both;
}

@media (max-width: 1240px) {
  .articles-list-1 .entry-last {
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .articles-list-1 .entry-last {
    width: 100%;
    float: none;
    margin: 0 0 30px;
  }
}

.articles-list-1 .entry-last .entry-item.no-thumb {
  padding: 20px 0;
}

.articles-list-1 .entry-last .entry-item.no-thumb:before {
  display: none;
}

.articles-list-1 .entry-last .entry-item.no-thumb .articles-list-1-box {
  position: static;
  transform: none;
  margin: 0 20px;
}

.articles-list-1 .entry-last .entry-item.no-thumb .articles-list-1-box:before {
  content: '';
  display: block;
  background: black;
  background: transparent\9;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  zoom: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.articles-list-1 .entry-last .entry-item {
  width: 100%;
  position: relative;
}

.articles-list-1 .entry-last .entry-item:before {
  content: '';
  display: block;
  background: black;
  background: transparent\9;
  background: rgba(0, 0, 0, 0.5);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
  zoom: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1;
}

.articles-list-1 .entry-older {
  width: 50%;
  position: relative;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.articles-list-1 .entry-older:after, .articles-list-1 .entry-older:before {
  display: table;
  content: "";
}

.articles-list-1 .entry-older:after {
  clear: both;
}

@media (max-width: 1240px) {
  .articles-list-1 .entry-older {
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .articles-list-1 .entry-older {
    width: 100%;
    float: none;
  }
}

.articles-list-1 .entry-older ul {
  margin-top: -30px;
}

@media (max-width: 1240px) {
  .articles-list-1 .entry-older ul {
    margin: -12px 0 0;
  }
}

@media (max-width: 767px) {
  .articles-list-1 .entry-older ul {
    margin-top: -20px;
  }
}

.articles-list-1 .entry-older ul li {
  position: relative;
  margin: 30px 0 0;
}

.articles-list-1 .entry-older ul li:after {
  content: '';
  display: block;
  position: absolute;
  height: 1px;
  bottom: 0;
  right: 0;
  left: 275px;
  background: #f6f6f6;
}

@media (max-width: 1240px) {
  .articles-list-1 .entry-older ul li:after {
    left: 182px;
  }
}

@media (max-width: 767px) {
  .articles-list-1 .entry-older ul li:after {
    display: none;
  }
}

@media (max-width: 1240px) {
  .articles-list-1 .entry-older ul li {
    margin: 12px 0 0;
  }
}

@media (max-width: 767px) {
  .articles-list-1 .entry-older ul li {
    border-bottom: 1px solid #f6f6f6;
    margin: 20px 0 0;
    padding: 0 0 20px;
  }
}

@media (max-width: 530px) {
  .articles-list-1 .entry-older ul li {
    padding: 0 0 10px;
  }
}

.articles-list-1 .entry-older .entry-item {
  display: block;
}

.articles-list-1 .entry-older .entry-item:after, .articles-list-1 .entry-older .entry-item:before {
  display: table;
  content: "";
}

.articles-list-1 .entry-older .entry-item:after {
  clear: both;
}

.articles-list-1 .entry-older .entry-item .entry-thumb {
  float: left;
  margin: 0 30px 0 0;
  max-width: 245px;
}

@media (max-width: 1240px) {
  .articles-list-1 .entry-older .entry-item .entry-thumb {
    max-width: 167px;
    margin: 0 15px 0 0;
  }
}

@media (max-width: 530px) {
  .articles-list-1 .entry-older .entry-item .entry-thumb {
    width: 100%;
    float: none;
    margin: 0 0 15px;
    max-width: none;
  }
}

.articles-list-1 .entry-older .entry-item .entry-box {
  overflow: hidden;
  padding: 8px 0;
}

@media (max-width: 1240px) {
  .articles-list-1 .entry-older .entry-item .entry-box {
    padding: 0;
  }
}

.articles-list-1 .owl-controls {
  margin-top: -50px;
  position: relative;
  z-index: 2;
}

.articles-list-1-box {
  border: 5px solid #c9a96e;
  left: 20px;
  right: 20px;
  padding: 20px 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 2;
}

@media (max-width: 530px) {
  .articles-list-1-box {
    padding: 20px 15px;
  }
}

.articles-list-1-box .entry-meta {
  overflow: hidden;
  text-align: center;
  margin: 0 -5px 25px;
}

.articles-list-1-box .entry-meta .entry-categories {
  max-width: 90%;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
  color: #ffffff;
  position: relative;
  margin: 0 0 15px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.articles-list-1-box .entry-meta .entry-categories:hover {
  color: #c9a96e;
}

.articles-list-1-box .entry-meta .entry-categories:before, .articles-list-1-box .entry-meta .entry-categories:after {
  content: '';
  display: inline-block;
  width: 200px;
  height: 1px;
  background: #ffffff;
  top: 50%;
  margin-top: -0.5px;
  position: absolute;
}

.articles-list-1-box .entry-meta .entry-categories:before {
  left: 100%;
}

.articles-list-1-box .entry-meta .entry-categories:after {
  right: 100%;
}

.articles-list-1-box .entry-meta .entry-author, .articles-list-1-box .entry-meta .entry-time {
  color: #ffffff;
}

.kopa-sub-page .gray-box-1 .articles-list-2 {
  margin: 0 0 90px;
}

@media (max-width: 767px) {
  .kopa-sub-page .gray-box-1 .articles-list-2 {
    margin: 0 0 30px;
  }
}

.articles-list-2 .widget-content {
  margin-top: -15px;
}

@media (max-width: 992px) {
  .articles-list-2 .row {
    margin: 0 -10px;
  }
}

.articles-list-2 .row .mobile-fluid {
  margin: 15px 0 0;
}

@media (max-width: 992px) {
  .articles-list-2 .row .mobile-fluid {
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .articles-list-2 .row .mobile-fluid {
    width: 100%;
  }
}

.articles-list-2 .entry-item.no-thumb .entry-box {
  position: static;
  margin: 50px;
}

.articles-list-2 .entry-item {
  position: relative;
  display: block;
}

.articles-list-2 .entry-item:after, .articles-list-2 .entry-item:before {
  display: table;
  content: "";
}

.articles-list-2 .entry-item:after {
  clear: both;
}

.articles-list-2 .entry-item .entry-thumb {
  position: relative;
  float: left;
}

@media (max-width: 992px) {
  .articles-list-2 .entry-item .entry-thumb {
    float: none;
    margin: 0 22px;
  }
}

@media (max-width: 767px) {
  .articles-list-2 .entry-item .entry-thumb {
    margin: 0;
  }
}

.articles-list-2 .entry-item .entry-thumb img {
  width: auto;
}

@media (max-width: 992px) {
  .articles-list-2 .entry-item .entry-thumb img {
    width: 100%;
  }
}

.articles-list-2 .entry-item .entry-box {
  position: absolute;
  border: 5px solid #c9a96e;
  top: 50px;
  bottom: 50px;
  right: 0;
  width: 100%;
  max-width: 296px;
  padding: 30px 20px 30px 42px;
}

@media (min-width: 993px) and (max-width: 1240px) {
  .articles-list-2 .entry-item .entry-box {
    background: #ffffff;
  }
}

@media (max-width: 992px) {
  .articles-list-2 .entry-item .entry-box {
    position: relative;
    max-width: none;
    width: 100%;
    margin: -18px 0 0;
    bottom: auto;
    top: auto;
    right: auto;
  }
}

.articles-list-2 .entry-item .entry-content {
  padding: 30px 0 10px;
}

.articles-list-2 .thumb-right .entry-item .entry-thumb {
  float: right;
}

@media (max-width: 992px) {
  .articles-list-2 .thumb-right .entry-item .entry-thumb {
    float: none;
  }
}

.articles-list-2 .thumb-right .entry-box {
  padding: 30px 40px 30px 20px;
  background: #c9a96e;
  right: auto;
  left: 0;
  text-align: right;
}

@media (max-width: 992px) {
  .articles-list-2 .thumb-right .entry-box {
    position: relative;
    left: auto;
  }
}

.articles-list-2 .thumb-right .entry-box .entry-title {
  color: #ffffff;
}

.articles-list-2 .thumb-right .entry-box .entry-title a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.articles-list-2 .thumb-right .entry-box .entry-title a:hover {
  color: #303030;
}

.articles-list-2 .thumb-right .entry-box .entry-meta .entry-author {
  color: #303030;
}

.articles-list-2 .thumb-right .entry-box .entry-meta .entry-author a {
  color: #ffffff;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.articles-list-2 .thumb-right .entry-box .entry-meta .entry-author a:hover {
  color: #303030;
}

.articles-list-2 .thumb-right .entry-content p {
  color: #555555;
}

.articles-list-2 .thumb-right .read-more {
  color: #e5e3e3;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.articles-list-2 .thumb-right .read-more:hover {
  color: #303030;
}

.articles-list-3 .widget-content {
  overflow: hidden;
}

.articles-list-3 .widget-content > ul {
  margin: -24px -1px 0;
  border-left: 1px solid #f6f6f6;
  display: block;
}

.articles-list-3 .widget-content > ul:after, .articles-list-3 .widget-content > ul:before {
  display: table;
  content: "";
}

.articles-list-3 .widget-content > ul:after {
  clear: both;
}

@media (max-width: 992px) {
  .articles-list-3 .widget-content > ul {
    margin-top: -19px;
  }
}

.articles-list-3 .widget-content > ul > li {
  float: left;
  width: 20%;
  border-right: 1px solid #f6f6f6;
  margin: 24px 0 0;
}

@media (max-width: 992px) {
  .articles-list-3 .widget-content > ul > li {
    width: 33.33333%;
    margin: 19px 0 0;
  }
}

@media (max-width: 767px) {
  .articles-list-3 .widget-content > ul > li {
    width: 50%;
  }
}

@media (max-width: 530px) {
  .articles-list-3 .widget-content > ul > li {
    width: 100%;
  }
}

.articles-list-3 .widget-content .entry-item .entry-thumb {
  margin: 0 0 20px;
}

@media (max-width: 992px) {
  .articles-list-3 .widget-content .entry-item .entry-thumb {
    margin: 0 0 14px;
  }
}

.articles-list-3 .widget-content .entry-item .entry-title {
  text-align: center;
  padding: 0 10px;
}

.articles-list-4 .widget-content {
  margin-top: -30px;
}

@media (max-width: 1240px) {
  .articles-list-4 .widget-content {
    margin-top: -20px;
  }
}

@media (max-width: 1240px) {
  .articles-list-4 .widget-content .row .col-xs-12 {
    width: 100%;
    float: none;
  }
}

.articles-list-4 .entry-thumb.no-thumb .entry-box {
  padding: 0;
}

.articles-list-4 .entry-item {
  margin: 30px 0 0;
  background: #f6f6f6;
  display: block;
}

.articles-list-4 .entry-item:after, .articles-list-4 .entry-item:before {
  display: table;
  content: "";
}

.articles-list-4 .entry-item:after {
  clear: both;
}

@media (max-width: 1240px) {
  .articles-list-4 .entry-item {
    margin: 20px 0 0;
  }
}

.articles-list-4 .entry-item .entry-thumb {
  float: left;
}

@media (max-width: 767px) {
  .articles-list-4 .entry-item .entry-thumb {
    max-width: 50%;
  }
}

@media (max-width: 530px) {
  .articles-list-4 .entry-item .entry-thumb {
    max-width: none;
    width: 100%;
    float: none;
  }
}

.articles-list-4 .entry-item .entry-box {
  overflow: hidden;
  padding: 32px 30px 30px;
}

@media (max-width: 767px) {
  .articles-list-4 .entry-item .entry-box {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .articles-list-4 .entry-item .entry-box {
    padding: 28px 20px 18px;
  }
}

.articles-list-4 .entry-item .entry-content {
  padding: 30px 0 7px;
}

@media (max-width: 1240px) {
  .articles-list-4 .entry-item .entry-content {
    padding: 27px 0 7px;
  }
}

.gray-box-1 .articles-list-5 {
  margin: 0 0 57px;
}

.articles-list-5 .widget-content.style-2 {
  overflow: hidden;
}

.articles-list-5 .widget-content.style-2 .entry-box {
  position: static;
  background: none;
  filter: none;
}

.articles-list-5 .widget-content.style-2 .entry-box .entry-meta .entry-time {
  color: #303030;
}

.articles-list-5 .widget-content {
  margin-top: -15px;
}

.articles-list-5 .widget-content > ul {
  margin-left: -15px;
  margin-right: -15px;
}

@media (max-width: 1240px) {
  .articles-list-5 .widget-content > ul {
    margin-left: -7.5px;
    margin-right: -7.5px;
  }
}

@media (max-width: 1240px) {
  .articles-list-5 .widget-content > ul .col-sm-4 {
    padding-left: 7.5px;
    padding-right: 7.5px;
  }
}

.articles-list-5 .entry-item.no-thumb .entry-box {
  position: static;
}

.articles-list-5 .entry-item {
  position: relative;
  margin: 15px 0 0;
}

.articles-list-5 .entry-item .entry-box {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  padding: 30px 15px 23px;
  background: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(top, transparent 0%, transparent 0%, #272727 100%, #272727 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(0%, transparent), color-stop(100%, #272727), color-stop(100%, #272727));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, transparent 0%, transparent 0%, #272727 100%, #272727 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, transparent 0%, transparent 0%, #272727 100%, #272727 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, transparent 0%, transparent 0%, #272727 100%, #272727 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, transparent 0%, transparent 0%, #272727 100%, #272727 100%);
}

@media (min-width: 768px) and (max-width: 1240px) {
  .articles-list-5 .entry-item .entry-box {
    position: static;
    filter: none;
    background: none;
    padding: 20px 0 10px;
  }
}

@media (max-width: 767px) {
  .articles-list-5 .entry-item .entry-box {
    padding: 10px 15px 9px;
  }
}

@media (min-width: 768px) and (max-width: 1240px) {
  .articles-list-5 .entry-item .entry-box .entry-title a {
    color: #303030;
    transition: all 0.3s ease 0s, visibility 0s ease 0s;
    -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
    -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
    -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  }
  .articles-list-5 .entry-item .entry-box .entry-title a:hover {
    color: #c9a96e;
  }
}

.articles-list-5 .entry-item .entry-time {
  color: #ffffff;
}

@media (min-width: 768px) and (max-width: 1240px) {
  .articles-list-5 .entry-item .entry-time {
    color: #555555;
  }
}

.articles-list-6 .nav.nav-tabs {
  padding: 0 15px;
  display: block;
  margin: -10px 0 20px;
}

.articles-list-6 .nav.nav-tabs li {
  padding: 0;
  margin: 0;
  background: none;
  width: 100%;
  border-bottom: 1px solid #303030;
}

.articles-list-6 .nav.nav-tabs li.active {
  border-color: #ffffff;
}

.articles-list-6 .nav.nav-tabs li.active a {
  color: #ffffff;
  padding-left: 10px;
}

.articles-list-6 .nav.nav-tabs li:first-child a {
  padding: 3px 0;
}

.articles-list-6 .nav.nav-tabs li:hover a {
  color: #ffffff;
  padding-left: 10px;
}

.articles-list-6 .nav.nav-tabs li a {
  padding: 13px 0 3px;
  color: #303030;
  background: none;
}

.articles-list-6 .tab-content {
  border: 0;
}

.articles-list-6 .tab-content .tab-pane {
  padding: 0;
  margin: -18px 0 0;
}

.articles-list-6 .entry-item {
  margin: 18px 0 0;
}

.articles-list-6 .entry-item .entry-thumb {
  margin: 0 0 10px;
}

/**
 * 2.9 - kopa-single-related-posts-widget
 * -------------------------------------------------------------------
 */
.kopa-single-related-posts-widget .widget-content {
  margin-top: -63px;
}

.kopa-single-related-posts-widget .rs-ul {
  margin: 0 -7.5px;
  padding: 33px 0 0;
  display: block;
}

.kopa-single-related-posts-widget .rs-ul:after, .kopa-single-related-posts-widget .rs-ul:before {
  display: table;
  content: "";
}

.kopa-single-related-posts-widget .rs-ul:after {
  clear: both;
}

.kopa-single-related-posts-widget .rs-ul > li {
  width: 33.33333%;
  padding: 0 7.5px;
  float: left;
}

@media (max-width: 767px) {
  .kopa-single-related-posts-widget .rs-ul > li {
    width: 50%;
  }
}

@media (max-width: 530px) {
  .kopa-single-related-posts-widget .rs-ul > li {
    width: 100%;
  }
}

.kopa-single-related-posts-widget .entry-item {
  margin: 30px 0 0;
  display: block;
}

.kopa-single-related-posts-widget .entry-item:after, .kopa-single-related-posts-widget .entry-item:before {
  display: table;
  content: "";
}

.kopa-single-related-posts-widget .entry-item:after {
  clear: both;
}

.kopa-single-related-posts-widget .entry-thumb {
  margin: 0 0 23px;
}

.widget-area-13 .kopa-single-related-posts-widget {
  padding: 65px 40px 23px;
}

@media (max-width: 992px) {
  .widget-area-13 .kopa-single-related-posts-widget {
    padding: 25px 20px;
  }
}

@media (max-width: 992px) {
  .widget-area-13 .kopa-single-related-posts-widget {
    padding: 10px 20px;
    margin: 0;
  }
}

/**
 * 3.1 - owl-carousel
 * -------------------------------------------------------------------
 */
.owl-theme {
  overflow: hidden;
}

.owl-theme:hover .owl-controls .owl-buttons .owl-prev {
  left: 0;
}

.owl-theme:hover .owl-controls .owl-buttons .owl-next {
  right: 0;
}

.owl-theme .owl-controls .owl-pagination .owl-page span {
  background: #dadada;
  border-radius: 0;
  width: 30px;
  height: 3px;
  display: block;
  margin: 0 1px;
  opacity: 1;
}

.owl-theme .owl-controls .owl-pagination .owl-page.active span {
  background: #919191;
}

.owl-theme .owl-controls .owl-buttons > div {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 100px;
  line-height: 100px;
  padding: 0;
  margin: -50px 0 0;
  border-radius: 0;
  background: white;
  background: transparent\9;
  background: rgba(255, 255, 255, 0.3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4cffffff,endColorstr=#4cffffff);
  zoom: 1;
  opacity: 1;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.owl-theme .owl-controls .owl-buttons > div:before {
  font-size: 27px;
  color: #ffffff;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 100px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: -100px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev:before {
  content: "\f104";
}

.owl-theme .owl-controls .owl-buttons .owl-next {
  right: -100px;
}

.owl-theme .owl-controls .owl-buttons .owl-next:before {
  content: "\f105";
}

/**
 * 3.2 - blog-list
 * -------------------------------------------------------------------
 */
.kopa-blog-list {
  margin: 0 0 40px;
}

.kopa-blog-list .widget-header {
  padding: 0 0 1px;
}

.kopa-blog-list blockquote {
  margin: 0;
}

.kopa-blog-list .blog-list-content > ul {
  margin: -90px 0 45px;
}

@media (max-width: 992px) {
  .kopa-blog-list .blog-list-content > ul {
    margin: -48px 0 20px;
  }
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-list-content > ul {
    margin: -53px 0 20px;
  }
}

.kopa-blog-list .blog-list-content > ul > li {
  overflow: hidden;
  padding: 45px 0 0;
  margin: 45px 0 0;
  border-top: 1px solid #c9a96e;
}

@media (max-width: 992px) {
  .kopa-blog-list .blog-list-content > ul > li {
    padding: 30px 0 0;
    margin: 18px 0 0;
  }
}

.kopa-blog-list .blog-list-content > ul > li:first-child {
  border: 0;
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-list-content > ul > li {
    margin: 20px 0 0;
    padding: 3px 0 0;
  }
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-item.missing-entry-box-left {
    padding: 12px 0 0;
  }
}

.kopa-blog-list .blog-item.missing-entry-box-left .blog-box {
  width: 41.715%;
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-item.missing-entry-box-left .blog-box {
    width: 100%;
  }
}

.kopa-blog-list .blog-item.missing-entry-box-left .blog-box .blog-box-right {
  width: 100%;
}

.kopa-blog-list .blog-item.missing-entry-box-left .blog-thumb {
  width: 58.285%;
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-item.missing-entry-box-left .blog-thumb {
    width: 100%;
  }
}

.kopa-blog-list .blog-item.missing-thumb .blog-box {
  width: 100%;
}

.kopa-blog-list .blog-item {
  margin-left: -15px;
  margin-right: -15px;
  display: block;
}

.kopa-blog-list .blog-item:after, .kopa-blog-list .blog-item:before {
  display: table;
  content: "";
}

.kopa-blog-list .blog-item:after {
  clear: both;
}

@media (max-width: 1240px) {
  .kopa-blog-list .blog-item {
    margin: 0 -10px;
  }
}

.kopa-blog-list .blog-item .blog-box {
  width: 58.537%;
  position: relative;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.kopa-blog-list .blog-item .blog-box:after, .kopa-blog-list .blog-item .blog-box:before {
  display: table;
  content: "";
}

.kopa-blog-list .blog-item .blog-box:after {
  clear: both;
}

@media (max-width: 1240px) {
  .kopa-blog-list .blog-item .blog-box {
    width: 50%;
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-item .blog-box {
    width: 100%;
    margin: 0 0 10px;
  }
}

.kopa-blog-list .blog-item .blog-box .blog-box-left {
  width: 26.088%;
  position: relative;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.kopa-blog-list .blog-item .blog-box .blog-box-left:after, .kopa-blog-list .blog-item .blog-box .blog-box-left:before {
  display: table;
  content: "";
}

.kopa-blog-list .blog-item .blog-box .blog-box-left:after {
  clear: both;
}

@media (min-width: 1241px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-left {
    max-width: 188px;
  }
}

@media (max-width: 1240px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-left {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    margin: 0 0 29px;
    padding: 0;
    float: none;
    width: auto;
    margin: 0 15px 29px;
  }
  .kopa-blog-list .blog-item .blog-box .blog-box-left:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #f2f2f2;
    position: absolute;
  }
}

@media (max-width: 1240px) and (max-width: 767px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-left:before {
    display: none;
  }
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-left {
    margin: 0 15px 17px;
    border-top: 0;
  }
}

@media (max-width: 1240px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-left .entry-categories, .kopa-blog-list .blog-item .blog-box .blog-box-left .entry-share {
    width: 50%;
    display: block;
    float: left;
  }
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-left .entry-categories, .kopa-blog-list .blog-item .blog-box .blog-box-left .entry-share {
    width: 100%;
  }
}

@media (max-width: 1240px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-left .entry-categories {
    padding: 11px 10px;
    margin: 0;
  }
  .kopa-blog-list .blog-item .blog-box .blog-box-left .entry-categories:before, .kopa-blog-list .blog-item .blog-box .blog-box-left .entry-categories:after {
    top: 15px;
    bottom: 15px;
  }
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-left .entry-categories {
    border-bottom: 1px solid #f2f2f2;
  }
}

@media (max-width: 1240px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-left .entry-share {
    border: 0;
  }
}

@media (max-width: 1240px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-left .entry-share .toggle-share {
    border: 0;
    padding: 20px 0;
    margin: 0;
  }
}

.kopa-blog-list .blog-item .blog-box .blog-box-right {
  width: 98.912%;
  position: relative;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.kopa-blog-list .blog-item .blog-box .blog-box-right:after, .kopa-blog-list .blog-item .blog-box .blog-box-right:before {
  display: table;
  content: "";
}

.kopa-blog-list .blog-item .blog-box .blog-box-right:after {
  clear: both;
}

@media (max-width: 1240px) {
  .kopa-blog-list .blog-item .blog-box .blog-box-right {
    width: 100%;
  }
}

.kopa-blog-list .blog-item .blog-thumb {
  width: 41.463%;
  position: relative;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.kopa-blog-list .blog-item .blog-thumb:after, .kopa-blog-list .blog-item .blog-thumb:before {
  display: table;
  content: "";
}

.kopa-blog-list .blog-item .blog-thumb:after {
  clear: both;
}

@media (max-width: 1240px) {
  .kopa-blog-list .blog-item .blog-thumb {
    width: 50%;
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-item .blog-thumb {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .kopa-blog-list .blog-item .blog-thumb img {
    width: 100%;
  }
}

.kopa-blog-list .blog-item .entry-content {
  padding: 27px 0 7px;
}

.kopa-blog-list .blog-item .entry-content p {
  margin: 0 0 4px;
}

.sticky-post {
  width: 48px;
  height: 30px;
  text-align: center;
  display: block;
  line-height: 30px;
  background: #c9a96e;
  font-size: 18px;
  color: #ffffff;
  position: absolute;
  left: 5px;
  top: 20px;
  z-index: 2;
}

.sticky-post:before, .sticky-post:after {
  width: 0;
  height: 0;
  position: absolute;
  left: 100%;
  content: '';
}

.sticky-post:before {
  border-top: 15px solid #c9a96e;
  border-right: 12px solid transparent;
  top: 0;
}

.sticky-post:after {
  border-bottom: 15px solid #c9a96e;
  border-right: 12px solid transparent;
  bottom: 0;
}

/**
 * 3.3 - kopa-pagination
 * -------------------------------------------------------------------
 */
.kopa-pagination {
  border-top: 1px solid #c9a96e;
  padding: 35px 0;
  margin: 45px 0 0;
}

@media (max-width: 992px) {
  .kopa-pagination {
    margin: 16px 0 0;
    padding: 20px 0 0;
  }
}

@media (max-width: 767px) {
  .kopa-pagination {
    margin: 20px 0 0;
    padding: 10px 0 0;
  }
}

.kopa-pagination ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
}

.kopa-pagination ul li {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}

.kopa-pagination ul .page-numbers.prev, .kopa-pagination ul .page-numbers.next {
  color: #cccccc;
  display: block;
}

.kopa-pagination ul .page-numbers.prev {
  margin-right: 28px;
}

.kopa-pagination ul .page-numbers.next {
  margin-left: 28px;
}

.kopa-pagination ul .page-numbers {
  font-size: 18px;
  line-height: 24px;
  color: #303030;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.kopa-pagination ul .page-numbers:hover {
  color: #c9a96e;
}

.kopa-pagination ul .page-numbers.current {
  color: #c9a96e;
}

.woocommerce .kopa-pagination {
  margin: 50px 0 0;
}

/**
 * 3.4 - ads
 * -------------------------------------------------------------------
 */
.kopa-kds-widget {
  margin: 0;
}

.kds-2 .widget-content {
  padding: 20px;
  background: #f6f6f6;
}

.kopa-kds {
  margin: 45px 0 0;
  padding: 10px 0;
  background: #f6f6f6;
  text-align: center;
}

@media (max-width: 767px) {
  .kopa-kds-widget, .kopa-kds {
    display: none;
  }
}

/**
 * 3.5 - instagram
 * -------------------------------------------------------------------
 */
#instafeed {
  margin: -6px -6px 0;
  display: block;
}

#instafeed:after, #instafeed:before {
  display: table;
  content: "";
}

#instafeed:after {
  clear: both;
}

#instafeed a {
  display: block;
  float: left;
  width: 16.6666%;
  padding: 6px;
}

@media (max-width: 1240px) {
  #instafeed a {
    width: 25%;
  }
}

@media (max-width: 530px) {
  #instafeed a {
    width: 50%;
  }
}

/**
 * 3.6 - contact-widget
 * -------------------------------------------------------------------
 */
.contact-1 .widget-content > p {
  margin: 0 0 7px;
  display: block;
}

.contact-1 .widget-content > p:after, .contact-1 .widget-content > p:before {
  display: table;
  content: "";
}

.contact-1 .widget-content > p:after {
  clear: both;
}

.contact-1 .widget-content .contact-icon {
  width: 41px;
  display: block;
  float: left;
}

.contact-1 .widget-content .contact-icon i {
  font-size: 20px;
  color: #c9a96e;
}

.contact-1 .widget-content .contact-info {
  display: block;
  overflow: hidden;
}

.contact-1 .widget-content .contact-info a, .contact-1 .widget-content .contact-info span {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.contact-1 .widget-content .contact-info a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.contact-1 .widget-content .contact-info a:hover {
  color: #c9a96e;
}

.contact-2 {
  padding: 10px 15px;
}

.contact-2 .widget-content {
  border: 3px solid #c9a96e;
  padding: 25px 25px 17px;
}

.contact-2 .contact-row {
  margin: 0 0 10px;
}

.contact-2 .contact-title {
  font-size: 18px;
  line-height: 22px;
  display: block;
  color: #303030;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.contact-2 .contact-icon {
  width: 25px;
  display: block;
  float: left;
}

.contact-2 .contact-icon i {
  font-size: 20px;
  line-height: 24px;
  color: #c9a96e;
}

.contact-2 .wrap-contact-info {
  overflow: hidden;
}

.contact-2 .contact-info {
  display: block;
}

.contact-2 .contact-info a, .contact-2 .contact-info span {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.contact-2 .contact-info a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.contact-2 .contact-info a:hover {
  color: #c9a96e;
}

.kopa-map-wrapper.no-map .contact-2 {
  position: static;
  padding: 0;
}

.kopa-map-wrapper .contact-2 {
  position: absolute;
  z-index: 2;
  top: 90px;
  left: 50px;
  background: #ffffff;
  width: 100%;
  max-width: 400px;
}

@media (max-width: 767px) {
  .kopa-map-wrapper .contact-2 {
    position: static;
    padding: 0;
    margin: 20px 0 0;
  }
}

/**
 * 3.7 - kopa-social-widget
 * -------------------------------------------------------------------
 */
.kopa-social-widget li {
  display: inline-block;
  vertical-align: middle;
}

.kopa-social-widget li a {
  display: block;
  font-size: 20px;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 22px;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.widget-area-11 .kopa-social-widget {
  text-align: right;
}

@media (max-width: 767px) {
  .widget-area-11 .kopa-social-widget {
    text-align: center;
  }
}

.widget-area-11 .kopa-social-widget a:hover {
  color: #DFDFDF;
}

/**
 * 3.8 - tag-cloud
 * -------------------------------------------------------------------
 */
.tagcloud {
  margin: -12px -2.5px 0;
}

.tagcloud a {
  display: inline-block;
  background: #c9a96e;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  padding: 3px 9px;
  margin: 12px 2.5px 0;
  color: #ffffff;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.tagcloud a:hover {
  color: #303030;
}

/**
 * 3.9 - kopa-comments-widget
 * -------------------------------------------------------------------
 */
.kopa-comments-widget .widget-content {
  margin-top: -30px;
}

.kopa-comments-widget .entry-item {
  border-top: 1px solid #f2f2f2;
  padding: 30px 0 0;
  margin: 30px 0 0;
  display: block;
}

.kopa-comments-widget .entry-item:after, .kopa-comments-widget .entry-item:before {
  display: table;
  content: "";
}

.kopa-comments-widget .entry-item:after {
  clear: both;
}

.kopa-comments-widget .entry-item:first-child {
  border: 0;
}

.kopa-comments-widget .entry-thumb {
  float: right;
  position: relative;
}

.kopa-comments-widget .entry-thumb:before {
  content: '';
  border-style: solid;
  border-width: 6px 0 6px 5px;
  border-color: transparent #FFFFFF;
  display: block;
  width: 0;
  z-index: 1;
  left: 0;
  top: 50%;
  margin-top: -6px;
  position: absolute;
}

.kopa-comments-widget .entry-thumb .inner {
  width: 70px;
  height: 70px;
  overlow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
}

.kopa-comments-widget .entry-box {
  padding: 0 17px 0 0;
  overflow: hidden;
}

.kopa-comments-widget .entry-box p {
  margin: 0;
}

.kopa-comments-widget .entry-author {
  color: #c9a96e;
  font-size: 16px;
  line-height: 24px;
  margin: 0 0 10px;
  display: block;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.kopa-comments-widget .entry-author a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.kopa-comments-widget .entry-author a:hover {
  color: #303030;
}

.kopa-comments-widget .time-comment {
  display: inline-block;
}

/**
 * 4.1 - kopa-trending-articles-list-wdiget
 * -------------------------------------------------------------------
 */
.kopa-trending-articles-list-wdiget .widget-content {
  margin-top: -30px;
}

.kopa-trending-articles-list-wdiget ul li:first-child .entry-item {
  border: 0;
}

.kopa-trending-articles-list-wdiget .entry-item {
  border-top: 1px solid #f2f2f2;
  padding: 30px 0 0;
  margin: 30px 0 0;
  display: block;
}

.kopa-trending-articles-list-wdiget .entry-item:after, .kopa-trending-articles-list-wdiget .entry-item:before {
  display: table;
  content: "";
}

.kopa-trending-articles-list-wdiget .entry-item:after {
  clear: both;
}

.kopa-trending-articles-list-wdiget .entry-thumb {
  float: left;
  margin: 0 14px 0 0;
  max-width: 45%;
}

.kopa-trending-articles-list-wdiget .entry-box {
  overflow: hidden;
}

/**
 * 4.2 - filter-articles
 * -------------------------------------------------------------------
 */
.kopa-filter .wrap-filter select {
  padding: 10px 5px 14px 20px;
}

.kopa-filter {
  padding: 16px 0 26px;
  text-align: center;
  border-top: 1px solid #c9a96e;
  border-bottom: 1px solid #c9a96e;
}

.kopa-filter .title {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  line-height: 22px;
  color: #c9a96e;
  margin: 0 10px 0 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

@media (max-width: 768px) {
  .kopa-filter .title {
    display: block;
    margin: 0 0 20px;
  }
}

.kopa-filter .wrap-filter {
  margin: 0 11px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}

@media (max-width: 768px) {
  .kopa-filter .wrap-filter {
    display: block;
    margin: 0 auto 20px;
    max-width: 240px;
  }
}

.kopa-filter .wrap-filter:before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 1px;
  height: 1px;
  background: #c9a96e;
}

.kopa-filter .wrap-filter:after {
  display: block;
  content: '';
  width: 12px;
  height: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
  z-index: 1;
  background: url("images/icon/fashionshow-filter-icon.png") no-repeat center right;
}

.kopa-filter .wrap-filter select {
  padding: 0;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  width: 200px;
  height: 30px;
  border: 0;
  font-size: 14px;
  line-height: 22px;
  color: #c9a96e;
  border-radius: 0;
  background: none;
  z-index: 2;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.kopa-filter .wrap-filter select:focus {
  outline: 0;
}

.kopa-filter button {
  margin: 6px 0 0 16px;
  font-size: 10px;
  line-height: 18px;
  background: #c9a96e;
  text-align: center;
  border: 0;
  display: inline-block;
  padding: 3px 10px 2px;
  width: 100px;
  vertical-align: middle;
  color: #ffffff;
  position: relative;
  top: 0;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.kopa-filter button:hover {
  color: #303030;
}

.kopa-filter button:active {
  top: 2px;
}

.kopa-filter button:focus, .kopa-filter button:active {
  outline: 0;
}

/**
 * 4.3 - bottom sidebar
 * -------------------------------------------------------------------
 */
#kopa-bottom-sidebar {
  background: #303030;
  padding: 40px 0 0;
}

@media (max-width: 767px) {
  #kopa-bottom-sidebar {
    padding: 23px 0 0;
  }
}

.line-box {
  border-top: 1px solid #505050;
  border-bottom: 1px solid #505050;
  padding: 90px 0 47px;
}

@media (max-width: 767px) {
  .line-box {
    border: 0;
    padding: 20px 0 3px;
  }
}

/**
 * 4.4 - kopa footer
 * -------------------------------------------------------------------
 */
#kopa-main-footer {
  text-align: center;
  background: #303030;
  padding: 28px 0px;
  border-bottom: 5px solid #ffffff;
}

@media (max-width: 767px) {
  #kopa-main-footer {
    border-top: 1px solid #404040;
  }
}

#kopa-main-footer p, #kopa-main-footer a {
  font-size: 12px;
  line-height: 18px;
  color: #8d8c8c;
  margin: 0;
  letter-spacing: 0.5px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

#kopa-main-footer a {
  display: inline-block;
  margin: 0 0 0 4px;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

#kopa-main-footer a:hover {
  color: #c9a96e;
}

/**
 * 4.5 - parallax ( remove in wordpress )
 * -------------------------------------------------------------------
 */
#parallax-1 {
  padding: 30px 0;
}

@media (max-width: 992px) {
  #parallax-1 {
    padding: 20px 0 0px;
  }
}

@media (max-width: 767px) {
  #parallax-1 {
    padding: 30px 0 0px;
  }
}

#parallax-1 .bg-parallax {
  background: #303030;
}

@media (max-width: 767px) {
  #parallax-1 .bg-parallax {
    background: #ffffff;
  }
}

#parallax-1 .widget {
  background: #ffffff;
}

#parallax-2 {
  padding: 76px 0 50px;
}

@media (max-width: 992px) {
  #parallax-2 {
    padding: 36px 0 20px;
  }
}

@media (max-width: 767px) {
  #parallax-2 {
    padding: 0 0 5px;
  }
}

#parallax-2 .bg-parallax {
  background: #ffffff;
}

#parallax-3 {
  padding: 76px 0 45px;
}

@media (max-width: 992px) {
  #parallax-3 {
    padding: 36px 0 14px;
  }
}

@media (max-width: 767px) {
  #parallax-3 {
    padding: 20px 0 1px;
  }
}

#parallax-3 .bg-parallax {
  background: #f6f6f6;
}

#parallax-4 {
  padding: 76px 0 50px;
}

@media (max-width: 992px) {
  #parallax-4 {
    padding: 36px 0 20px;
  }
}

@media (max-width: 767px) {
  #parallax-4 {
    padding: 20px 0 5px;
  }
}

#parallax-4 .bg-parallax {
  background: #ffffff;
}

#parallax-5 {
  padding: 80px 0 50px;
}

@media (max-width: 992px) {
  #parallax-5 {
    padding: 36px 0 0;
  }
}

@media (max-width: 767px) {
  #parallax-5 {
    padding: 20px 0 5px;
  }
}

#parallax-5 .bg-parallax {
  background: #f6f6f6;
}

#parallax-6 {
  padding: 76px 0 40px;
}

@media (max-width: 992px) {
  #parallax-6 {
    padding: 36px 0 20px;
  }
}

@media (max-width: 767px) {
  #parallax-6 {
    padding: 22px 0 5px;
  }
}

#parallax-6 .bg-parallax {
  background: #ffffff;
}

#parallax-7 {
  padding: 20px 0;
}

@media (max-width: 767px) {
  #parallax-7 {
    padding: 0;
  }
}

#parallax-7 .bg-parallax {
  background: #f6f6f6;
}

/**
 * 3.Pages
 * -------------------------------------------------------------------
 */
/**
 * 3.1 - element-page
 * -------------------------------------------------------------------
 */
@media (max-width: 992px) {
  #kopa-main-content .elements-box {
    margin: 0 0 41px;
  }
}

@media (max-width: 767px) {
  #kopa-main-content .elements-box {
    margin: 0 0 11px;
  }
}

.paragraph-box {
  margin: 0 0 81px;
}

.paragraph-box .element-title {
  margin: 0 0 44px;
}

.heading-box {
  margin: 0 0 78px;
}

.heading-box .element-title {
  margin: 0 0 37px;
}

@media (max-width: 992px) {
  .heading-box .element-title {
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .heading-box .element-title {
    margin: 0 0 20px;
  }
}

.blockquote-box {
  margin: 0 0 65px;
}

.blockquote-box .element-title {
  margin: 0 0 44px;
}

@media (max-width: 992px) {
  .blockquote-box .element-title {
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .blockquote-box .element-title {
    margin: 0 0 20px;
  }
}

.dropcaps-box {
  margin: 0 0 65px;
}

.dropcaps-box .element-title {
  margin: 0 0 44px;
}

@media (max-width: 992px) {
  .dropcaps-box .element-title {
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .dropcaps-box .element-title {
    margin: 0 0 20px;
  }
}

.kopa-dropcap {
  display: inline-block;
  line-height: 1;
  padding: 3px 14px;
  margin: 2px 8px 2px 0;
  float: left;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.kopa-dropcap.style-1 {
  font-size: 44px;
  padding: 0 11px;
  color: #303030;
}

.kopa-dropcap.style-2 {
  color: #ffffff;
  background: #c9a96e;
  font-size: 36px;
  padding: 4px 12px;
}

.kopa-dropcap.style-3 {
  color: #ffffff;
  background: #555555;
  font-size: 36px;
  padding: 4px 12px;
}

.tabs-box {
  padding: 0 0 16px;
}

.tabs-box .element-title {
  margin: 0 0 50px;
}

@media (max-width: 992px) {
  .tabs-box .element-title {
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .tabs-box .element-title {
    margin: 0 0 20px;
  }
}

.kopa-tabs {
  margin: 0 0 38px;
}

.nav.nav-tabs {
  border: 0;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.nav.nav-tabs > li {
  border: 0;
  background: #f5f5f5;
  margin: 0 0 0 -1px;
  padding: 0;
}

.nav.nav-tabs > li:first-child {
  margin-left: 0;
}

.nav.nav-tabs > li > a {
  font-size: 14px;
  line-height: 24px;
  color: #bab9b9;
  background: #f2f2f2;
  padding: 8px 14px;
  color: #010101;
  border-radius: 0;
  border: 0;
  margin: 0;
  text-transform: uppercase;
}

.nav.nav-tabs > li > a:focus {
  border: 0;
  background: #c9a96e;
  color: #ffffff;
}

.nav.nav-tabs > .active > a {
  background: #c9a96e;
  color: #ffffff;
}

.nav.nav-tabs > .active > a:hover {
  border: 0;
  background: #c9a96e;
  color: #ffffff;
}

.tab-content {
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
}

.tab-content .tab-pane {
  padding: 33px 0 10px;
  margin: 0;
  border-radius: 0;
}

.kopa-tabs.style-2 .nav.nav-tabs > li {
  background: none;
}

.kopa-tabs.style-2 .nav.nav-tabs > li > a {
  padding: 4px 13px;
  background: none;
  color: #cccccc;
  text-transform: none;
  position: relative;
}

.kopa-tabs.style-2 .nav.nav-tabs > .active {
  border-bottom: 5px solid #c9a96e;
}

.kopa-tabs.style-2 .nav.nav-tabs > .active > a {
  color: #303030;
}

.kopa-tabs.style-2 .nav.nav-tabs > .active > a:hover {
  color: #303030;
}

.kopa-tabs.style-2 .tab-content {
  border: 0;
  border-top: 1px solid #c9a96e;
}

.kopa-tabs.style-2 .tab-content .tab-pane {
  padding: 13px 0 10px;
}

.accordion-box {
  margin: 0 0 53px;
}

.accordion-box .element-title {
  margin: 0 0 50px;
}

@media (max-width: 992px) {
  .accordion-box .element-title {
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .accordion-box .element-title {
    margin: 0 0 20px;
  }
}

.panel-group.toggle, .panel-group.accordion {
  margin: 0 0 30px;
}

.panel-group.toggle .panel, .panel-group.accordion .panel {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 3px;
}

.panel-group.toggle .panel .panel-heading, .panel-group.accordion .panel .panel-heading {
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
  position: relative;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.panel-group.toggle .panel .panel-heading .panel-title a, .panel-group.accordion .panel .panel-heading .panel-title a {
  display: block;
  position: relative;
}

.panel-group.toggle .panel .panel-heading .panel-title a .tab-title, .panel-group.accordion .panel .panel-heading .panel-title a .tab-title {
  display: block;
  font-size: 18px;
  line-height: 24px;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase;
}

.panel-group.toggle .panel .panel-heading .panel-title a .b-collapse, .panel-group.accordion .panel .panel-heading .panel-title a .b-collapse {
  position: absolute;
  font-size: 20px;
  display: block;
  width: 10px;
  line-height: 10px;
  height: 10px;
  color: #c9a96e;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

.panel-group.toggle .panel .panel-heading.active .panel-title a .b-collapse, .panel-group.accordion .panel .panel-heading.active .panel-title a .b-collapse {
  line-height: 5px;
}

.panel-group.toggle .panel .panel-collapse .panel-body, .panel-group.accordion .panel .panel-collapse .panel-body {
  border: 0;
  padding: 25px 15px 15px;
}

.panel-group.toggle .panel .panel-collapse .panel-body p, .panel-group.accordion .panel .panel-collapse .panel-body p {
  margin: 0 0 10px;
}

.panel-group.accordion .panel .panel-heading {
  background: #303030;
}

.panel-group.accordion .panel .panel-heading .panel-title a .tab-title {
  padding: 8px 20px;
  color: #c9a96e;
}

.panel-group.accordion .panel .panel-heading .panel-title a .b-collapse {
  right: 20px;
}

.panel-group.accordion .panel .panel-heading.active .panel-title a .tab-title {
  background: #c9a96e;
  color: #ffffff;
}

.panel-group.accordion .panel .panel-heading.active .panel-title a .b-collapse {
  color: #ffffff;
}

.panel-group.accordion .panel .panel-collapse .panel-body {
  padding: 25px 0 15px;
}

.panel-group.accordion .panel .panel-collapse .panel-body p {
  margin: 0 0 10px;
}

.panel-group.toggle .panel .panel-heading .panel-title a {
  border: 1px solid #e7e7e7;
}

.panel-group.toggle .panel .panel-heading .panel-title a:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #e7e7e7;
  top: 0;
  left: 50px;
  position: absolute;
}

.panel-group.toggle .panel .panel-heading .panel-title a .tab-title {
  padding: 8px 20px 8px 70px;
  color: #c9a96e;
}

.panel-group.toggle .panel .panel-heading .panel-title a .b-collapse {
  left: 20px;
}

.panel-group.toggle .panel .panel-heading.active .panel-title a .tab-title {
  background: #303030;
  color: #ffffff;
}

.panel-group.toggle .panel .panel-heading.active .panel-title a .b-collapse {
  color: #ffffff;
}

.panel-group.toggle .panel .panel-collapse .panel-body {
  padding: 25px 0 15px 70px;
}

.button-box {
  margin: 0 0 69px;
}

.button-box .element-title {
  margin: 0 0 50px;
}

@media (max-width: 992px) {
  .button-box .element-title {
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .button-box .element-title {
    margin: 0 0 20px;
  }
}

.button-box .element-box-content p {
  margin: 0 -10px;
}

.button-box .btn {
  display: inline-block;
  vertical-align: bottom;
}

.btn {
  font-size: 16px;
  line-height: 24px;
  border-radius: 0;
  border: 0;
  padding: 11px 17px 10px;
  margin: 15px 10px;
  position: relative;
  top: 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  transition: all 0s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0s ease 0s, visibility 0s ease 0s;
}

.btn:focus {
  outline: 0;
}

.btn:active {
  outline: 0;
  top: 2px;
}

.btn-lg {
  font-size: 18px;
  line-height: 26px;
  padding: 13px 22px;
}

.btn-sm {
  font-size: 14px;
  line-height: 22px;
  padding: 2px 20px;
}

.btn-default {
  background: #c9a96e;
  color: #ffffff;
}

.btn-default:hover, .btn-default:active, .btn-default:focus {
  background: #c9a96e;
  color: #ffffff;
}

.btn-black {
  background: #303030;
  color: #ebebeb;
}

.btn-black:hover, .btn-black:active, .btn-black:focus {
  background: #303030;
  color: #ebebeb;
}

.btn-gray {
  background: #d7d7d7;
  color: #303030;
}

.btn-gray:hover, .btn-gray:active, .btn-gray:focus {
  background: #d7d7d7;
  color: #303030;
}

.btn-dark {
  background: #666666;
  color: #ffffff;
}

.btn-dark:hover, .btn-dark:active, .btn-dark:focus {
  background: #666666;
  color: #ffffff;
}

.alert-box {
  margin: 0 0 64px;
}

.alert-box .element-title {
  margin: 0 0 50px;
}

@media (max-width: 992px) {
  .alert-box .element-title {
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .alert-box .element-title {
    margin: 0 0 20px;
  }
}

.alert {
  border-radius: 0;
  border: 0;
  padding: 8px 16px;
}

.alert button {
  opacity: 1;
}

.alert strong {
  color: #191919;
}

.alert span {
  font-size: 14px;
  display: block;
  color: #ffffff;
  font-weight: 400;
  margin-top: 4px;
}

.alert.alert-warning {
  background-color: #eed965;
}

.alert.alert-success {
  background-color: #79de9f;
}

.alert.alert-danger {
  background-color: #f8b8ba;
}

.alert.alert-info {
  background-color: #abd4ec;
}

.columns-box {
  margin: 0 0 64px;
}

.columns-box .element-title {
  margin: 0 0 34px;
}

@media (max-width: 992px) {
  .columns-box .element-title {
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .columns-box .element-title {
    margin: 0 0 20px;
  }
}

.columns-box h6.kopa-bold {
  margin: 10px 0 8px;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

blockquote {
  border: 0;
  position: relative;
  background: #666666;
  color: #ffffff;
  font-size: 16px;
  line-height: 24px;
  padding: 43px 57px 28px;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

blockquote:before, blockquote:after {
  color: #c9a96e;
  font-size: 25px;
  position: absolute;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

blockquote:before {
  content: "\f10d";
  left: 20px;
  top: 43px;
}

blockquote:after {
  content: "\f10e";
  right: 20px;
  bottom: 69px;
}

blockquote span {
  text-transform: none;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  display: block;
  color: #b7b7b7;
  margin: 8px 0;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

blockquote span:before, blockquote span:after {
  content: '-';
  padding: 0 5px;
}

blockquote.style-2 {
  border: 3px solid #c9a96e;
  background: none;
  color: #303030;
}

.custom-blockquote {
  width: 73%;
}

/**
 * 3.2 - single-page
 * -------------------------------------------------------------------
 */
.gallery-post .single-post-thumb {
  margin: 0 0 42px;
}

.single-post-thumb {
  margin: 0 0 52px;
}

.single-post-thumb .widget {
  margin: 0;
}

.single-title-box {
  border: 5px solid #c9a96e;
  padding: 18px 19px 21px;
}

.single-post-content {
  padding: 24px 0 38px;
}

.alignleft {
  margin: 8px 30px 24px 0;
  float: left;
}

@media (max-width: 768px) {
  .alignleft {
    width: 100%;
    float: none;
    margin: 14px 0;
  }
}

.alignright {
  margin: 0 0 24px;
  float: right;
}

@media (max-width: 768px) {
  .alignright {
    width: 100%;
    float: none;
  }
}

.aligncenter {
  margin: 0 0 24px;
}

.uppercase {
  text-transform: uppercase;
}

.single-post-tag {
  font-size: 14px;
  line-height: 21px;
  padding: 20px 0;
  color: #c9a96e;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.single-post-tag > span {
  color: #303030;
  padding: 5px 0 8px;
}

.single-post-tag a {
  color: #c9a96e;
  padding: 5px 0 8px 10px;
  display: inline-block;
  text-transform: uppercase;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.single-post-tag a:hover {
  color: #303030;
}

.wrap-divider {
  border-top: 5px solid #010101;
  margin: 0 0 42px;
}

@media (max-width: 767px) {
  .wrap-divider {
    margin: 0 0 2px;
  }
}

.single-post-pagination {
  margin: 0 -3px 30px;
  float: left;
  text-align: left;
  padding: 10px 0;
}

@media (max-width: 767px) {
  .single-post-pagination {
    margin: 0 -3px 0;
    padding: 10px 0 0;
  }
}

.single-post-pagination > a, .single-post-pagination .dots {
  font-size: 14px;
  line-height: 21px;
  color: #999999;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.single-post-pagination > a {
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.single-post-pagination > a:hover {
  font-size: 24px;
  line-height: 31px;
  font-style: italic;
  color: #303030;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

.single-post-pagination .page-current {
  font-size: 24px;
  line-height: 31px;
  font-style: italic;
  color: #303030;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

.single-post-pagination > a, .single-post-pagination > span {
  display: inline-block;
  padding: 3px;
}

.single-post-social {
  text-align: right;
  padding: 12px 0;
  margin: 0 0 30px;
  display: block;
}

.single-post-social:after, .single-post-social:before {
  display: table;
  content: "";
}

.single-post-social:after {
  clear: both;
}

@media (max-width: 767px) {
  .single-post-social {
    text-align: left;
    margin: 0;
    padding: 2px 0 12px;
  }
}

.single-post-social > span {
  color: #999999;
  display: inline-block;
  vertical-align: bottom;
  font-size: 14px;
  line-height: 24px;
}

.single-post-social .like-count {
  font-size: 24px;
  line-height: 31px;
  margin: 0 10px 0 0;
  font-style: italic;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

.single-post-social .like-count i {
  margin: 0 8px 0 0;
  font-size: 14px;
  line-height: 24px;
  color: #c9a96e;
}

.single-post-social .social-box {
  display: inline-block;
  vertical-align: bottom;
  margin: 0;
  padding: 0 0 3px 2px;
}

.single-post-social .social-box li a {
  font-size: 15px;
  line-height: 20px;
}

.single-other-posts {
  border-top: 5px solid #f8f8f8;
  border-bottom: 5px solid #f8f8f8;
  padding: 50px 0;
  display: block;
}

.single-other-posts:after, .single-other-posts:before {
  display: table;
  content: "";
}

.single-other-posts:after {
  clear: both;
}

@media (max-width: 767px) {
  .single-other-posts {
    padding: 20px 0;
  }
}

.single-other-posts .col-sm-6:first-child:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #f8f8f8;
  display: block;
  width: 1px;
}

@media (max-width: 768px) {
  .single-other-posts .col-sm-6:first-child:before {
    display: none;
  }
}

.single-other-posts .entry-box {
  overflow: hidden;
}

.single-other-posts .entry-box > span {
  color: #c9a96e;
  font-size: 14px;
  line-height: 24px;
  margin: -7px 0 8px;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
}

.single-other-posts .entry-box h6 {
  color: #444444;
  font-size: 16px;
  line-height: 24px;
  margin: 0;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.single-other-posts .entry-box h6:hover {
  color: #c9a96e;
}

@media (max-width: 767px) {
  .single-other-posts .entry-box h6 {
    font-size: 14px;
    line-height: 22px;
  }
}

.prev-post, .next-post {
  display: block;
  position: relative;
}

.prev-post:hover:before, .next-post:hover:before {
  color: #c9a96e;
}

.prev-post:before, .next-post:before {
  font-size: 27px;
  color: #303030;
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.prev-post .entry-item, .next-post .entry-item {
  display: block;
}

.prev-post .entry-item:after, .prev-post .entry-item:before, .next-post .entry-item:after, .next-post .entry-item:before {
  display: table;
  content: "";
}

.prev-post .entry-item:after, .next-post .entry-item:after {
  clear: both;
}

.prev-post .entry-item .entry-thumb, .next-post .entry-item .entry-thumb {
  max-width: 50%;
}

@media (max-width: 1240px) {
  .prev-post .entry-item .entry-thumb, .next-post .entry-item .entry-thumb {
    max-width: 30%;
  }
}

.prev-post {
  float: left;
  padding: 0 0 0 38px;
}

@media (max-width: 767px) {
  .prev-post {
    padding: 10px 0 10px 38px;
  }
}

.prev-post:before {
  content: "\f104";
  left: 0;
}

.prev-post .entry-item {
  padding: 0 15px 0 0;
}

.prev-post .entry-item .entry-thumb {
  margin: 0 20px 0 0;
  float: left;
}

.next-post {
  float: right;
  padding: 0 38px 0 0;
}

@media (max-width: 767px) {
  .next-post {
    padding: 10px 38px 10px 0;
  }
}

.next-post:before {
  content: "\f105";
  right: 0;
}

.next-post .entry-item {
  padding: 0 0 0 15px;
}

.next-post .entry-item .entry-thumb {
  margin: 0 0 0 20px;
  float: right;
}

.next-post .entry-item .entry-box {
  text-align: right;
}

.single-post-author {
  padding: 90px 0;
  display: block;
}

.single-post-author:after, .single-post-author:before {
  display: table;
  content: "";
}

.single-post-author:after {
  clear: both;
}

@media (max-width: 992px) {
  .single-post-author {
    padding: 50px 0;
  }
}

@media (max-width: 767px) {
  .single-post-author {
    padding: 20px 0;
  }
}

.single-post-author .author-thumb {
  float: left;
  max-width: 25%;
  margin: 0 20px 0 0;
}

@media (max-width: 767px) {
  .single-post-author .author-thumb {
    float: none;
    margin: 0 0 10px;
  }
}

.single-post-author .author-box {
  padding: 22px 0 0;
  overflow: hidden;
}

@media (max-width: 767px) {
  .single-post-author .author-box {
    padding: 0;
  }
}

.single-post-author .author-name {
  font-size: 18px;
  line-height: 26px;
  color: #303030;
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
}

.single-post-author .author-name a {
  font-size: 26px;
  line-height: 36px;
  color: inherit;
  margin: 0 0 0 6px;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.single-post-author .author-name a:hover {
  color: #c9a96e;
}

.single-post-author .article-count a {
  font-size: 18px;
  line-height: 26px;
  color: #303030;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.single-post-author .article-count a:hover {
  color: #c9a96e;
}

.single-post-author .social-box {
  display: inline-block;
  margin: 0 0 0 22px;
  padding: 0;
}

.single-post-author .social-box a {
  font-size: 14px;
  color: #c9a96e;
  width: 16px;
  height: 20px;
  line-height: 16px;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.single-post-author .social-box a:hover {
  color: #303030;
}

.single-post-author .author-description {
  padding: 14px 0 0;
}

.single-post-comments-content.no-comment {
  border-top: 1px solid #c9a96e;
  padding: 16px 0 0;
}

@media (max-width: 767px) {
  .single-post-comments-content.no-comment {
    padding: 0;
  }
}

.single-post-comments-content.no-comment span {
  font-size: 14px;
  line-height: 38px;
  color: #b3b3b3;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.single-post-comments {
  margin: 84px 0 30px;
}

@media (max-width: 992px) {
  .single-post-comments {
    margin: 44px 0 0;
  }
}

@media (max-width: 767px) {
  .single-post-comments {
    margin: 24px 0 0;
  }
}

.single-post-comments-content > ul > li > .entry-item {
  margin: 33px 0 0;
}

.single-post-comments-content > ul > li > .entry-item .entry-box {
  border-top: 1px solid #c9a96e;
}

.single-post-comments-content > ul > li li .entry-item .entry-box {
  border-top: 1px solid #f6f6f6;
}

.single-post-comments-content .children {
  padding: 0 0 0 30px;
  list-style: none;
}

.single-post-comments-content .children > li {
  margin: 17px 0 0;
}

.single-post-comments-content .children > li .entry-item .entry-thumb {
  max-width: 70px;
}

.single-post-comments-content .entry-item {
  display: block;
}

.single-post-comments-content .entry-item:after, .single-post-comments-content .entry-item:before {
  display: table;
  content: "";
}

.single-post-comments-content .entry-item:after {
  clear: both;
}

.single-post-comments-content .entry-item .entry-thumb {
  float: left;
  max-width: 100px;
}

.single-post-comments-content .entry-item .entry-box {
  padding: 15px 0 0 20px;
  overflow: hidden;
}

.single-post-comments-content .entry-meta > span {
  color: #555555;
  padding: 5px 0 5px 5px;
  display: inline-block;
}

.single-post-comments-content .entry-meta .entry-time {
  padding-left: 0;
}

.single-post-comments-content .author-name {
  display: block;
  font-size: 10px;
  line-height: 22px;
  color: #555555;
  margin: 7px 0 0;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase;
}

.single-post-comments-content .cmt-reply {
  display: inline-block;
  background: #c9a96e;
  color: #ffffff;
  font-size: 10px;
  line-height: 12px;
  padding: 2.4px 14.5px 2.6px;
  margin: 0 0 0 16px;
  text-transform: uppercase;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.single-post-comments-content .cmt-reply:hover {
  color: #303030;
}

.single-post-respond {
  padding: 45px 0;
  margin: 0 0 20px;
}

@media (max-width: 767px) {
  .single-post-respond {
    padding: 10px 0;
  }
}

.single-post-respond label.error {
  color: #c9a96e;
  margin: 0 0 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.single-post-respond input[type="text"], .single-post-respond textarea {
  border: 0;
  display: block;
  border: 1px solid #f6f6f6;
  transition: all 0.5s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.5s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.5s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.5s ease 0s, visibility 0s ease 0s;
}

.single-post-respond input[type="text"]:focus, .single-post-respond input[type="text"]:active, .single-post-respond textarea:focus, .single-post-respond textarea:active {
  outline: 0;
  border: 1px solid #c9a96e;
}

.single-post-respond input[type="text"] {
  width: 100%;
  height: 36px;
  background: #f6f6f6;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  padding: 9px 20px;
  margin: 0 0 8px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.single-post-respond input[type="submit"] {
  padding: 7px 19px 5px;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  background: #c9a96e;
  border: 0;
  margin: 20px 0 0;
  position: relative;
  top: 0;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase;
}

@media (max-width: 767px) {
  .single-post-respond input[type="submit"] {
    margin: 10px 0 0;
  }
}

.single-post-respond input[type="submit"]:focus, .single-post-respond input[type="submit"]:active {
  outline: 0;
  top: 2px;
}

.single-post-respond textarea {
  width: 100%;
  height: 124px;
  background: #f6f6f6;
  margin: 0 0 8px;
  padding: 12px 20px;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}

/**
 * 3.3 - contact-page
 * -------------------------------------------------------------------
 */
.kopa-map-wrapper {
  position: relative;
  width: 100%;
  margin: 0 0 85px;
}

@media (max-width: 992px) {
  .kopa-map-wrapper {
    margin: 0 0 45px;
  }
}

@media (max-width: 767px) {
  .kopa-map-wrapper {
    margin: 0 0 15px;
  }
}

.kopa-map-wrapper #kopa-map {
  position: relative;
  height: 570px;
}

@media (max-width: 767px) {
  .kopa-map-wrapper #kopa-map {
    height: 350px;
  }
}

.kopa-map-wrapper #kopa-map:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: black;
  background: transparent\9;
  background: rgba(0, 0, 0, 0.23);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3a000000,endColorstr=#3a000000);
  zoom: 1;
  pointer-events: none;
}

.contact-form-box {
  margin: 0 0 40px;
}

.contact-form-box .description {
  margin-top: -7px;
}

.contact-form-box label.error {
  color: #c9a96e;
  margin: 0 0 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.contact-form-box .contact-label {
  margin: 0 0 12px;
  font-size: 14px;
  line-height: 22px;
  color: #303030;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

.contact-form-box .contact-label .require {
  color: #c9a96e;
  padding: 0 0 0 3px;
}

.contact-form-box input[type="text"], .contact-form-box textarea {
  width: 100%;
  background: #f6f6f6;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  transition: all 0.5s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.5s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.5s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.5s ease 0s, visibility 0s ease 0s;
}

.contact-form-box input[type="text"]:focus, .contact-form-box input[type="text"]:active, .contact-form-box textarea:focus, .contact-form-box textarea:active {
  outline: 0;
  border: 1px solid #c9a96e;
}

.contact-form-box input[type="text"] {
  height: 40px;
  margin: 0 0 22px;
  padding: 9px 20px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.contact-form-box input[type="text"].error {
  margin: 0 0 10px;
}

.contact-form-box textarea {
  height: 166px;
  padding: 12px 20px;
  margin: 0 0 25px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.contact-form-box textarea.error {
  margin: 0 0 10px;
}

.contact-form-box button {
  border: 0;
  padding: 9px 20px 5px;
  width: 100%;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  background: #c9a96e;
  text-align: center;
  position: relative;
  top: 0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.contact-form-box button:focus, .contact-form-box button:active {
  outline: 0;
  top: 2px;
}

.contact-form-box button i {
  margin: 0 0 7px 7px;
}

/**
 * 3.4 - products-list-page
 * -------------------------------------------------------------------
 */
.woocommerce ul.products li.product {
  position: relative;
  margin: 0;
  padding: 50px 20px 40px;
  width: 33.3333%;
  text-align: center;
}

@media (max-width: 767px) {
  .woocommerce ul.products li.product {
    width: 50%;
  }
}

@media (max-width: 530px) {
  .woocommerce ul.products li.product {
    width: 100%;
  }
}

.woocommerce ul.products li.product a.sf-product-info span.onsale, .woocommerce ul.products li.product a.product-detail span.onsale, .woocommerce.woocommerce-page span.onsale {
  width: 45px;
  height: 45px;
  margin: 0;
  right: auto;
  border: 0;
  font-size: 12px;
  line-height: 45px;
  padding: 0;
  text-align: center;
  color: #ffffff;
  background: #303030;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  text-transform: uppercase;
}

.woocommerce ul.products li.product a.sf-product-info .price, .woocommerce ul.products li.product a.product-detail .price, .woocommerce.woocommerce-page div.product p.price {
  border: 0;
  color: #c9a96e;
  font-size: 14px;
  line-height: 24px;
  padding: 0 0 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

.woocommerce ul.products li.product a.sf-product-info .price del, .woocommerce ul.products li.product a.product-detail .price del, .woocommerce.woocommerce-page div.product p.price del {
  padding: 0 5px;
  color: #999999;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.woocommerce ul.products li.product a.sf-product-info .price ins, .woocommerce ul.products li.product a.product-detail .price ins, .woocommerce.woocommerce-page div.product p.price ins {
  padding: 0 5px;
  text-decoration: none;
}

.woocommerce ul.products li.product .add_to_cart_button, .woocommerce ul.products li.product .add-to-cart, .woocommerce.woocommerce-page div.product form.cart .single_add_to_cart_button {
  float: none;
  background: #c9a96e;
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  width: 100%;
  padding: 9px 10px 7px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.woocommerce ul.products li.product .add_to_cart_button:hover, .woocommerce ul.products li.product .add-to-cart:hover, .woocommerce.woocommerce-page div.product form.cart .single_add_to_cart_button:hover {
  color: #303030;
}

.woocommerce ul.products {
  position: relative;
  margin: 0 -20px;
  padding: 0;
}

.woocommerce ul.products:before {
  content: '';
  height: 1px;
  left: 20px;
  right: 20px;
  top: 0;
  display: block;
  margin: 0 auto;
  position: absolute;
  background: #c9a96e;
}

.woocommerce ul.products li.product a.sf-product-info span.onsale, .woocommerce ul.products li.product a.product-detail span.onsale {
  top: 10px;
  left: 10px;
}

.woocommerce ul.products li.product a.sf-product-info .new, .woocommerce ul.products li.product a.product-detail .new {
  position: absolute;
  width: 45px;
  height: 45px;
  display: block;
  top: 10px;
  right: auto;
  left: 10px;
  border: 0;
  text-align: center;
  font-size: 12px;
  line-height: 45px;
  color: #ffffff;
  background: #303030;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase;
}

.woocommerce ul.products li.product a.sf-product-info .product-thumb, .woocommerce ul.products li.product a.product-detail .product-thumb {
  display: block;
  position: relative;
}

.woocommerce ul.products li.product a.sf-product-info .product-thumb .star-rating, .woocommerce ul.products li.product a.product-detail .product-thumb .star-rating {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
}

.woocommerce ul.products li.product a.sf-product-info .star-rating, .woocommerce ul.products li.product a.product-detail .star-rating {
  float: none;
  font-size: 12px;
  padding-top: 13px;
  margin: 0 auto;
}

.woocommerce ul.products li.product a.sf-product-info .star-rating:before, .woocommerce ul.products li.product a.product-detail .star-rating:before {
  color: #c9a96e;
}

.woocommerce ul.products li.product a.sf-product-info .star-rating span, .woocommerce ul.products li.product a.product-detail .star-rating span {
  font-size: 12px;
}

.woocommerce ul.products li.product a.sf-product-info .star-rating span:before, .woocommerce ul.products li.product a.product-detail .star-rating span:before {
  color: #c9a96e;
}

.woocommerce ul.products li.product a.sf-product-info img, .woocommerce ul.products li.product a.product-detail img {
  margin: 0 0 21px;
}

.woocommerce ul.products li.product a.sf-product-info h3, .woocommerce ul.products li.product a.product-detail h3 {
  font-size: 24px;
  line-height: 32px;
  color: #303030;
  padding: 0 0 7px;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.woocommerce ul.products li.product a.sf-product-info h3:hover, .woocommerce ul.products li.product a.product-detail h3:hover {
  color: #c9a96e;
}

.woocommerce ul.products li.product a.product-detail span.onsale {
  top: 10px;
  left: 10px;
}

.woocommerce ul.products li.product a.product-detail .new {
  position: absolute;
  width: 45px;
  height: 45px;
  display: block;
  top: 20px;
  right: auto;
  left: 30px;
  border: 0;
  text-align: center;
  font-size: 12px;
  line-height: 45px;
  color: #ffffff;
  background: #303030;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase;
}

.products {
  position: relative;
}

.woocommerce .woocommerce-result-count {
  margin: 12px 0 0;
  font-size: 18px;
  line-height: 24px;
}

.woocommerce .woocommerce-ordering {
  margin: 0 0 15px;
}

.woocommerce .woocommerce-ordering .orderby {
  color: #303030;
  border-radius: 0;
  border-color: #cccccc;
}

.woocommerce ul.product_list_widget {
  padding: 30px 0 0;
}

.woocommerce ul.product_list_widget > li {
  border-bottom: 0;
  border-top: 1px solid #f2f2f2;
  padding: 30px 0 0;
  margin: 30px 0 0;
  display: block;
}

.woocommerce ul.product_list_widget > li:after, .woocommerce ul.product_list_widget > li:before {
  display: table;
  content: "";
}

.woocommerce ul.product_list_widget > li:after {
  clear: both;
}

.woocommerce ul.product_list_widget > li:first-child {
  margin: 0;
  border: 0;
  padding: 0;
}

.woocommerce ul.product_list_widget > li img {
  float: left;
  width: 100px;
  margin: 0 10px 0 0;
}

.woocommerce ul.product_list_widget > li img + .product-title {
  margin-top: -4px;
}

.woocommerce ul.product_list_widget > li .product-title {
  font-size: 16px;
  line-height: 22px;
  display: block;
  margin: 0 0 11px;
  color: #303030;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.woocommerce ul.product_list_widget > li .product-title:hover {
  color: #c9a96e;
}

.woocommerce ul.product_list_widget > li .star-rating {
  display: block;
  float: none;
  margin: 0 0 4px;
}

.woocommerce ul.product_list_widget > li .star-rating:before {
  color: #555555;
}

.woocommerce ul.product_list_widget > li .star-rating span:before {
  color: #555555;
}

.woocommerce ul.product_list_widget > li del .amount {
  color: #999999;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

.woocommerce ul.product_list_widget > li ins {
  text-decoration: none;
  margin: 0 0 0 7px;
}

.woocommerce ul.product_list_widget > li .amount {
  color: #c9a96e;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

/**
 * 3.5 - single-products-page
 * -------------------------------------------------------------------
 */
.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments > h2, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-reply-title, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #tab-description > h2 {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 18px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 400;
}

.woocommerce.woocommerce-page span.onsale {
  top: 20px;
  left: 50px;
}

.woocommerce.woocommerce-page div.product p.price {
  padding-top: 30px;
  font-size: 24px;
  margin: 0 0 3px;
}

.woocommerce.woocommerce-page div.product p.price del {
  padding: 0 15px 0 0;
  color: #c1c1c1;
}

.woocommerce.woocommerce-page div.product p.price ins {
  padding: 0;
}

.woocommerce.woocommerce-page .star-rating {
  float: left;
  font-size: 12px;
  padding-top: 13px;
  margin: 6px 10px 0 0;
}

.woocommerce.woocommerce-page .star-rating:before {
  color: #999999;
}

.woocommerce.woocommerce-page .star-rating span {
  font-size: 12px;
}

.woocommerce.woocommerce-page .star-rating span:before {
  color: #999999;
}

.woocommerce.woocommerce-page .woocommerce-review-link {
  color: #999999;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.woocommerce.woocommerce-page .woocommerce-review-link:hover {
  color: #c9a96e;
}

.woocommerce.woocommerce-page div.product {
  margin-left: -30px;
  margin-right: -30px;
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page div.product {
    margin-left: -10px;
    margin-right: -10px;
  }
}

.woocommerce.woocommerce-page div.product div.images, .woocommerce.woocommerce-page div.product .summary {
  width: 50%;
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 0 90px;
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page div.product div.images, .woocommerce.woocommerce-page div.product .summary {
    padding-left: 10px;
    padding-right: 10px;
    width: 100%;
    margin: 0 0 30px;
  }
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page div.product div.images {
    width: 40%;
    margin: 0 0 30px;
  }
}

@media (max-width: 530px) {
  .woocommerce.woocommerce-page div.product div.images {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page div.product div.summary {
    width: 60%;
    margin: 0 0 30px;
  }
}

@media (max-width: 530px) {
  .woocommerce.woocommerce-page div.product div.summary {
    width: 100%;
  }
}

.woocommerce.woocommerce-page div.product .product_title {
  font-size: 30px;
  line-height: 28px;
  color: #444444;
  margin: 0 0 4px;
  border: 0;
  padding: 0;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase;
}

.woocommerce.woocommerce-page div.product form.cart {
  padding: 20px 0 10px;
  border: 0;
  margin: 25px 0 5px;
  border-top: 1px solid #e8e8e8;
}

.woocommerce.woocommerce-page div.product form.cart .quantity {
  width: 118px;
  margin: 0 30px 0 0;
}

.woocommerce.woocommerce-page div.product form.cart .quantity input[type="number"] {
  width: 100%;
  border: 1px solid #e8e8e8;
  color: #999999;
  font-size: 18px;
  margin: 0 0 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

.woocommerce.woocommerce-page div.product form.cart .single_add_to_cart_button {
  width: 255px;
  margin: 0 0 10px;
}

.woocommerce.woocommerce-page div.product form.cart .single_add_to_cart_button:hover {
  background: #c9a96e;
}

.woocommerce.woocommerce-page div.product .product_meta > span {
  color: #999999;
  display: block;
  font-style: normal;
}

.woocommerce.woocommerce-page div.product .product_meta .posted_in a, .woocommerce.woocommerce-page div.product .product_meta .tagged_as a {
  color: #303030;
  font-style: normal;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.woocommerce.woocommerce-page div.product .product_meta .posted_in a:hover, .woocommerce.woocommerce-page div.product .product_meta .tagged_as a:hover {
  color: #c9a96e;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs {
  padding: 0 30px 40px;
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page div.product div.woocommerce-tabs {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs .tabs:after {
  display: table;
  content: '';
  clear: both;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs .tabs:before {
  border-color: #c9a96e;
  z-index: -1;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs .tabs > li {
  display: block;
  float: left;
  border: 0;
  padding: 0;
  margin: 0;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs .tabs > li:before {
  display: none;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs .tabs > li > a {
  color: #bab9b9;
  background: #f2f2f2;
  font-weight: normal;
  padding: 8px 14px;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs .tabs > li.active > a {
  background: #c9a96e;
  color: #ffffff;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs .panel {
  padding: 45px 0 70px;
  margin: 0 0 45px;
  border-radius: 0;
  border-bottom: 1px solid #c9a96e;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist {
  list-style: none;
  padding: 6px 0 0;
  margin: 0 0 35px;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist > li {
  padding: 30px 0;
  border-top: 1px solid #f2f2f2;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist > li:first-child {
  padding-top: 0;
  border: 0;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container {
  display: block;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container:after, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container:before {
  display: table;
  content: "";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container:after {
  clear: both;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .avatar {
  float: left;
  margin: 0 20px 0 0;
  max-width: 15%;
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .avatar {
    float: none;
    max-width: 50%;
    margin: 0 0 12px;
  }
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .comment-text {
  overflow: hidden;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .star-rating {
  margin-top: 7px;
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .star-rating {
    float: none;
    margin: 0 0 5px;
  }
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .star-rating:before {
  color: #c9a96e;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .star-rating span:before {
  color: #c9a96e;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .meta {
  margin: 0 0 6px;
  overflow: hidden;
  display: block;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .meta:after, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .meta:before {
  display: table;
  content: "";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .meta:after {
  clear: both;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .meta strong {
  font-size: 16px;
  line-height: 26px;
  color: #444444;
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #comments .commentlist .comment_container .meta time {
  line-height: 26px;
  color: #555555;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .kopa-col-half {
    width: 100%;
  }
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form {
  padding: 8px 0 10px;
  display: block;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form:after, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form:before {
  display: table;
  content: "";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form:after {
  clear: both;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-author, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-email {
  margin: 0 0 24px;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-author > label, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-email > label {
  font-weight: normal;
  display: block;
  margin: 0 0 8px;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-author input[type="text"], .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-email input[type="text"] {
  height: 36px;
  border: 0;
  width: 100%;
  padding: 10px 20px;
  background: #f6f6f6;
  outline: 2px solid transparent;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-author input[type="text"]:focus, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-email input[type="text"]:focus {
  outline: 2px solid #c9a96e;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-rating > label {
  display: block;
  font-weight: normal;
  margin: 0;
  line-height: 22px;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars {
  width: 100%;
  background: #f6f6f6;
  padding: 6px 20px;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars > span {
  width: 100%;
  display: block;
  height: 24px;
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars > span {
    height: auto;
  }
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-1, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-2, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-3, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-4, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-5 {
  border-right: 1px solid #ccc;
  display: inline-block;
  font-weight: 700;
  margin-right: 1em;
  text-indent: -9999px;
  padding-top: 19px;
  position: relative;
  border-bottom: 0 !important;
  outline: 0;
  font-size: 13px;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-1:after, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-2:after, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-3:after, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-4:after, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-5:after {
  font-family: WooCommerce;
  text-indent: 0;
  position: absolute;
  top: 0;
  left: 0;
  color: #999999;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-1:before, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-2:before, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-3:before, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-4:before, .woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-5:before {
  content: '';
  width: 1px;
  display: inline-block;
  height: 10px;
  background: red;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-1:after {
  content: "\e021";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-1:hover:after {
  content: "";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-2:after {
  content: "\e021\e021";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-2:hover:after {
  content: "";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-3:after {
  content: "\e021\e021\e021";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-3:hover:after {
  content: "";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-4:after {
  content: "\e021\e021\e021\e021";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-4:hover:after {
  content: "";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-5:after {
  content: "\e021\e021\e021\e021\e021";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .stars .star-5:hover:after {
  content: "";
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-comment {
  margin: 0 0 30px;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-comment > label {
  font-weight: normal;
  display: block;
  margin: 0 0 8px;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-comment textarea {
  height: 153px;
  border: 0;
  background: #f6f6f6;
  padding: 6px 20px;
  outline: 2px solid transparent;
  transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -ms-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -webkit-transition: all 0.3s ease 0s, visibility 0s ease 0s;
  -moz-transition: all 0.3s ease 0s, visibility 0s ease 0s;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .comment-form-comment textarea:focus {
  outline: 2px solid #c9a96e;
}

.woocommerce.woocommerce-page div.product div.woocommerce-tabs #review_form #respond .comment-form .form-submit input[type="submit"] {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
  background: #c9a96e;
  padding: 6px 19px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
}

.woocommerce.woocommerce-page .related.products {
  padding: 0 30px;
  margin: 0 0 50px;
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page .related.products {
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 0 20px;
  }
}

.woocommerce.woocommerce-page .related.products > h2 {
  border: 0;
  padding: 0;
}

.woocommerce.woocommerce-page .related.products ul.products {
  margin: 0 -10px;
  padding: 0;
}

.woocommerce.woocommerce-page .related.products ul.products:before {
  display: none;
}

.woocommerce.woocommerce-page .related.products ul.products .product {
  width: 25%;
  padding: 0 10px;
  margin: 0 0 30px;
  clear: none;
  float: left;
}

@media (max-width: 767px) {
  .woocommerce.woocommerce-page .related.products ul.products .product {
    width: 50%;
  }
}

@media (max-width: 530px) {
  .woocommerce.woocommerce-page .related.products ul.products .product {
    width: 100%;
  }
}

.okruszki {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

.kds-2 {
    margin-bottom: 40px !important;
   
}

.entry-item {
    margin-bottom: 10px !important;
}

/* Article comment section */
.comm_btn {
  display: block;
  padding: 0 19px 0 19px;
  font-size: 14px;
  line-height: 34px;
  color: #ffffff;
  background: #c9a96e;
  border: 0;
  margin: 20px 0 0;
  position: relative;
  top: 0;
  font-family: 'Playfair Display', serif;
  font-weight: 700;
  text-transform: uppercase;
  float: left;
}

.comm_btn:hover,
.comm_btn:focus {
  color: #fff;
}

.single-post-content img {
  max-width: 100% !important;
  height: auto !important;
}

/*Custom text box ranking*/
.custom-box {
	position: relative;
	padding: 30px;
	background: #fafafa;
	border: 1px solid rgba(0, 0, 0, 0.05); 
}

.custom-box__text {
	text-align: left; 
}
  
.custom-box .author-name span {
	color: rgba(0, 0, 0, 0.4); 
}
  
.custom-box .custom-box__details {
	margin: 15px 0;
	color: rgba(0, 0, 0, 0.6);
	font-size: 16px; }
    
.custom-box .custom-box__details a {
	color: rgb(255 255 255);
    background-color: #000000ab;
    border-radius: 3px;
	transition: all .3s ease-out;
}

.custom-box .custom-box__details a:hover,
.custom-box .custom-box__details a:focus,
.custom-box .custom-box__details a:active {
	color: rgb(0, 0, 0);
	background-color: transparent;
}