/*
Theme Name: Trendmag
Theme URI: http://kopasoft.net/demo/trendmag
Author: Kopatheme
Author URI: http://kopatheme.com/
Description: Trendmag theme is designed for magazines and e-commerce 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-menu, featured-images, microformats, post-formats, sticky-post, translation-ready
Text Domain: trendmag
Requires at least: 4.1
Tested up to: 4.2.1
*/
/*----------------------------------------------------------------
[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 - sticker
2.3 - owl-widget
2.4 - flex-widget
2.5 - Kopa respond
2.6 - slider-pro-widget
2.7 - tag-cloud-widget
2.8 - articles-list-widget
2.9 - ads
2.10 - filter-articles
2.11 - shop-widget
2.12 - flick-widget
2.13 - text-widget
2.14 - newsletter
2.15 - social-widget
2.16 - kopa-services-widget
2.17 - kopa-breadcrumb
2.18 - pagination
2.19 - kopa-intro-products
2.20 - bottom-sidebar
2.21 - main-footer
2.22 - bx-widget
3. - Pages
3.1 - elements-page
3.2 - contact-page
3.3 - single-page
3.4 - shop-page
3.5 - 404 page
*/
/**
* 1.Config
* -------------------------------------------------------------------
*/
/**
* 1.1.Typography
* -------------------------------------------------------------------
*/
@font-face {
font-family: GeorgiaItalic;
src: url("fonts/georgia-italic.eot"), url("fonts/georgia-italic.ttf"), url("fonts/georgia-italic.svg"), url("fonts/georgia-italic.otf"); }
@font-face {
font-family: GeorgiaBoldItalic;
src: url("fonts/georgia-bold-italic.eot"), url("fonts/georgia-bold-italic.ttf"), url("fonts/georgia-bold-italic.svg"), url("fonts/georgia-bold-italic.otf"); }
@font-face {
font-family: GeorgiaBold;
src: url("fonts/georgia-bold.eot"), url("fonts/georgia-bold.ttf"), url("fonts/georgia-bold.svg"), url("fonts/georgia-bold.otf"); }
@font-face {
font-family: 'star';
src: url("fonts/star.eot");
/* IE9 Compat Modes */
src: url("fonts/star.woff") format("woff"), url("fonts/star.ttf") format("truetype"), url("fonts/star.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: 11px;
line-height: 26px;
font-family: Trade Gothic W01 Roman;
font-weight: normal;
color: #414141;
}
::selection {
color: #ffffff;
background: #000000; }
::-moz-selection {
color: #ffffff;
background: #000000; }
select {
cursor: pointer; }
a {
text-decoration: none;
outline: none !important;
cursor: pointer;
color: #414141; }
a:hover, a:active, a:focus {
text-decoration: none;
color: #666666; }
p {
font-size: 11px;
line-height: 26px;
font-family: Trade Gothic W01 Roman;
font-weight: normal;
color: #414141;
margin: 0 0 10px;
}
img {
max-width: 100%;
height: auto; }
h1, h2, h3, h4, h5, h6 {
color: #000000;
font-family: Trade Gothic W01 Roman;
font-weight: 300;
}
h1 {
font-size: 44px;
line-height: 54px; }
h2 {
font-size: 32px;
line-height: 40px; }
h3 {
font-size: 23px;
line-height: 30px; }
h4 {
font-size: 18px;
line-height: 25px; }
h5 {
font-size: 14px;
line-height: 20px; }
h6 {
font-size: 13px;
line-height: 19px; }
ul.rs-ul {
list-style: none;
padding: 0;
margin: 0; }
.separator {
display: block;
height: 3px;
width: 100%;
margin: 0;
padding: 0;
background: #000000; }
.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; }
.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; }
.gap-10:after, .gap-10:before {
display: table;
content: ""; }
.gap-10:after {
clear: both; }
.gap-20 {
height: 20px; }
.gap-20:after, .gap-20:before {
display: table;
content: ""; }
.gap-20:after {
clear: both; }
.gap-40 {
height: 40px; }
.gap-40:after, .gap-40:before {
display: table;
content: ""; }
.gap-40:after {
clear: both; }
.gap-50 {
height: 50px; }
.gap-50:after, .gap-50:before {
display: table;
content: ""; }
.gap-50:after {
clear: both; }
.gap-60 {
height: 60px; }
.gap-60:after, .gap-60:before {
display: table;
content: ""; }
.gap-60:after {
clear: both; }
.gray-box {
background: #f9f9f9; }
.left {
left: 0 !important; }
.overlay-block {
opacity: 1 !important;
visibility: visible !important; }
@media (min-width: 992px) {
.overlay-block {
display: none !important; } }
@media (max-width: 767px) {
.view-topic {
display: none !important; } }
.entry-thumb img {
/* [disabled]width: 100%; */
}
.block {
display: block !important; }
.btn:active, .btn.active {
box-shadow: none; }
.ov-hidden {
overflow: hidden; }
.owl-widget-1.loader {
min-height: 250px; }
.sticker-1.loader {
min-height: 80px; }
.owl-widget-2.loader {
min-height: 433px; }
.owl-widget-3.loader {
min-height: 500px; }
.owl-widget-5.loader, .owl-widget-6.loader {
min-height: 520px; }
@media (max-width: 767px) {
.widget-header {
padding-right: 0 !important;
padding-left: 0 !important; } }
/**
* 1.3 - Structure
* -------------------------------------------------------------------
*/
.fluid-width {
width: 100%; }
.fluid-width:after, .fluid-width:before {
display: table;
content: ""; }
.fluid-width:after {
clear: both; }
#kopa-main-content {
padding-bottom: 10px; }
@media (max-width: 530px) {
.mobile-fluid {
width: 100%; } }
.wrapper {
width: 80%;
margin: 0 auto; }
.wrapper:after, .wrapper:before {
display: table;
content: ""; }
.wrapper:after {
clear: both; }
@media (min-width: 320px) {
.wrapper {
width: 270px; } }
@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: 1170px; } }
.kopa-col {
float: left;
position: relative; }
.kopa-row-30 {
margin-left: -30px;
margin-right: -30px; }
.kopa-row-30:after, .kopa-row-30:before {
display: table;
content: ""; }
.kopa-row-30:after {
clear: both; }
.kopa-row-30 > .kopa-col {
padding-left: 30px;
padding-right: 30px; }
.kopa-row-20 {
margin-left: -20px;
margin-right: -20px; }
.kopa-row-20:after, .kopa-row-20:before {
display: table;
content: ""; }
.kopa-row-20:after {
clear: both; }
.kopa-row-20 > .kopa-col {
padding-left: 20px;
padding-right: 20px; }
.kopa-row-1 {
margin-left: -1px;
margin-right: -1px; }
.kopa-full-width .main-col {
width: 100%; }
.main-col {
width: 70.7%;
float: left;
position: relative;
padding-left: 15px;
padding-right: 15px; }
@media (max-width: 992px) {
.main-col {
width: 100%; } }
.sidebar {
width: 29.3%;
float: left;
position: relative;
padding-left: 15px;
padding-right: 15px; }
@media (max-width: 992px) {
.sidebar {
width: 100%; } }
.kopa-col-half {
width: 50%;
float: left;
position: relative; }
.contact-box-left {
width: 33.333%;
padding-left: 15px;
padding-right: 15px; }
.contact-box-right {
width: 66.6667%;
padding-left: 15px;
padding-right: 15px; }
/**
* 1.4 - Style title
* -------------------------------------------------------------------
*/
.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, .entry-title.style-9 a, .entry-title.style-10 a, .entry-title.style-11 a, .widget-title.style-1 span, .widget-title.style-2 span, .widget-title.style-3 span, .widget-title.style-4 span, .widget-title.style-5 span, .widget-title.style-6 span, .owl-widget-5 .widget-content .entry-item .product-name a, .owl-widget-6 .widget-content .entry-item .entry-content .collection-name a, .owl-widget-12 .widget-content .entry-item .entry-content .entry-title a, .kopa-slider-pro-widget .sp-slide .entry-item .entry-content .entry-title a, .articles-list-2 .widget-content .entry-author > a, .articles-list-3 .entry-item .entry-right .entry-box .entry-content .entry-author > a, .articles-list-5 > .widget-content .entry-item .entry-right .entry-author > a, .products-list-1 .widget-content li .entry-item .entry-box h6 a, .wrap-top-page .kopa-breadcrumb > span a, .kopa-intro-products .products-col .entry-item .entry-content .product-name a, .kopa-products-list .match-height-item .entry-item .product-categorie a {
font-size: inherit;
line-height: inherit;
color: inherit; }
.entry-title a {
display: block; }
.entry-title.style-1 {
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400;
margin: 0 0 12px; }
@media (max-width: 992px) {
.entry-title.style-1 {
font-size: 12px;
line-height: 20px; } }
.entry-title.style-1 a {
color: #000000;
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: #666666; }
.entry-title.style-2 {
font-size: 32px;
line-height: 44px;
color: #000000;
margin: 0 0 10px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
@media (max-width: 992px) {
.entry-title.style-2 {
font-size: 24px;
line-height: 34px; } }
.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: #666666; }
.entry-title.style-3 {
font-size: 19px;
line-height: 28px;
color: #e0e0e0;
margin: 0 0 2px;
font-family: Georgia, serif;
font-weight: normal; }
.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: #666666; }
.entry-title.style-4 {
font-size: 12px;
line-height: 30px;
color: #000000;
margin: 0 0 16px;
font-family:Trade Gothic W01 Roman;
font-weight: 900;
text-transform: uppercase;
}
@media (max-width: 767px) {
.entry-title.style-4 {
font-size: 14px;
line-height: 22px; } }
.entry-title.style-4 a {
letter-spacing: 1px;
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: #666666; }
.entry-title.style-5 {
font-size: 12px;
line-height: 22px;
color: #000000;
margin: 0 0 10px;
font-family:Trade Gothic W01 Roman;
font-weight: 400;
text-transform: uppercase; }
.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: #666666; }
.entry-title.style-6 {
font-size: 16px;
line-height: 22px;
color: #000000;
margin: -4px 0 7px;
font-family: Georgia, serif;
font-weight: normal; }
.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: #666666; }
.entry-title.style-7 {
font-size: 20px;
line-height: 27px;
color: #ffffff;
margin: 0;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
.entry-title.style-7 a {
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-title.style-7 a:hover {
color: #666666; }
.entry-title.style-8 {
font-size: 14px;
line-height: 24px;
color: #000000;
margin: 0;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
.entry-title.style-8 a {
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-title.style-8 a:hover {
color: #666666; }
.entry-title.style-9 {
font-size: 44px;
line-height: 50px;
color: #ffffff;
margin: 0 0 15px;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
.entry-title.style-9 a {
text-transform: uppercase; }
.entry-title.style-9 span {
display: block; }
.entry-title.style-10 {
font-size: 18px;
line-height: 28px;
color: #ffffff;
margin: 0 0 10px;
font-family:Trade Gothic W01 Roman;
font-weight: 700;
text-transform: uppercase; }
.entry-title.style-10 a {
transition: color 0.3s ease 0s !important;
-webkit-transition: color 0.3s ease 0s !important;
-moz-transition: color 0.3s ease 0s !important;
-ms-transition: color 0.3s ease 0s !important; }
.entry-title.style-10 a:hover {
color: #444444; }
.entry-title.style-11 {
font-size: 14px;
line-height: 24px;
color: #000000;
margin: 0;
font-family:Trade Gothic W01 Roman;
font-weight: 400;
text-transform: uppercase; }
.entry-title.style-11 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-11 a:hover {
color: #666666; }
.widget-title.style-1 {
font-size: 44px;
line-height: 50px;
color: #000000;
margin: 0 0 32px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
@media (max-width: 992px) {
.widget-title.style-1 {
font-size: 32px;
line-height: 38px; } }
.widget-title.style-2 {
font-size: 18px;
line-height: 26px;
color: #000000;
margin: 0 auto 15px;
max-width: 95%;
text-align: center;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 700;
}
.widget-title.style-2 span {
display: inline-block;
background: #ffffff;
padding: 0 16px; }
.widget-title.style-3 {
font-size: 23px;
line-height: 30px;
color: #000000;
padding: 0 0 24px;
border-bottom: 1px solid #ededed;
margin: 0 0 30px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
.widget-title.style-4 {
font-size: 23px;
line-height: 30px;
color: #000000;
padding: 32px 0 24px;
border-bottom: 1px solid #ededed;
margin: 0 0 30px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
.widget-title.style-5 {
font-size: 32px;
line-height: 40px;
color: #000000;
padding: 50px 0 35px;
margin: 0;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
.widget-title.style-6 {
font-size: 50px;
line-height: 60px;
color: #000000;
padding: 50px 0 35px;
margin: 0;
text-align: center;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
@media (max-width: 768px) {
.widget-title.style-6 {
font-size: 30px;
line-height: 36px; } }
@media (max-width: 480px) {
.widget-title.style-6 {
font-size: 22px;
line-height: 26px; } }
.element-title {
font-size: 18px;
line-height: 30px;
color: #000000;
margin: 0 0 15px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
/**
* 1.5 - Style icon
* -------------------------------------------------------------------
*/
.view-topic {
border: 1px solid #e6e6e6;
font-size: 0;
line-height: 0;
padding: 7px 0;
display: block;
position: absolute;
right: 0;
top: 50%;
margin-top: -16px; }
.view-topic span {
font-size: 10px;
color: #909090;
padding: 0 13px;
height: 20px;
line-height: 21px;
display: inline-block;
vertical-align: middle;
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;
font-family:Trade Gothic W01 Roman;
font-weight: 400;
}
.view-topic span:hover {
color: #666666; }
.view-topic .kopa-icon.arrow-right {
background-image: url("images/icon/arrow-right.png");
width: 34px;
height: 20px;
border-left: 1px solid #ededed; }
.kopa-icon {
display: inline-block;
vertical-align: middle;
background-color: transparent;
background-repeat: no-repeat;
background-position: center; }
/**
* 2.Wigets
* -------------------------------------------------------------------
*/
.widget {
margin: 0 0 40px; }
.sidebar .widget {
margin: 0 0 46px; }
.widget-area-8 .widget {
margin: 0 0 50px; }
#bottom-sidebar .widget {
margin: 0 0 30px; }
/**
* 2.1 - main-header
* -------------------------------------------------------------------
*/
.logo-box h1, .logo-box p {
font-size: 30px;
line-height: 36px;
display: none;
color: #000000;
margin: 0 0 10px; }
.logo-box.no-thumb h1, .logo-box.no-thumb p {
display: block; }
.navgoco .menu-item-has-children.open > a .caret:after {
content: "\f106"; }
.navgoco > .menu-item-has-children a {
display: inline-block; }
.navgoco > .menu-item-has-children a:after {
display: none !important; }
.navgoco > .menu-item-has-children a .caret {
position: absolute;
right: 10px;
top: 16px;
border: 0;
width: 5px;
height: 15px;
display: block;
line-height: 15px; }
.navgoco > .menu-item-has-children a .caret:after {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
margin: 0 0 0 5px;
font-size: 14px; }
.navgoco > .menu-item-has-children li a .caret {
right: 20px; }
.top-social-wrap {
overflow: hidden;
margin: 0; }
#kopa-main-header .nav-fixed {
position: fixed !important;
top: 0;
left: 0;
width: 100%;
z-index: 200; }
.main-nav-wrap.need-left {
overflow: scroll; }
@media (max-width: 992px) {
.middle-header .logo-box {
max-width: 160px;
margin: 0 auto; } }
#kopa-main-header.style-1 .nav-fixed {
background: #ffffff;
box-shadow: 0px 0px 6px #CABABA;
-webkit-box-shadow: 0px 0px 6px #CABABA;
-moz-box-shadow: 0px 0px 6px #CABABA;
-ms-box-shadow: 0px 0px 6px #CABABA; }
#kopa-main-header.style-1 .top-header {
background: #ffffff; }
@media (max-width: 1240px) {
#kopa-main-header.style-1 .top-header {
background: #f9f9f9; } }
@media (max-width: 1240px) and (min-width: 992px) {
#kopa-main-header.style-1 .top-header .top-menu, #kopa-main-header.style-1 .top-header .top-social {
padding: 0; } }
#kopa-main-header.style-1 .middle-header {
position: relative;
text-align: center; }
#kopa-main-header.style-1 .middle-header .logo-box {
max-width: 160px;
margin: 0 auto;
padding: 20px 0;
display: none; }
@media (max-width: 1240px) {
#kopa-main-header.style-1 .middle-header .logo-box {
display: block; } }
#kopa-main-header.style-2 {
background: #000000;
margin: 0 0 50px; }
#kopa-main-header.style-2 .nav-fixed {
background: #000000; }
#kopa-main-header.style-2 .top-header {
background: #0e0e0e;
padding: 6px 0; }
#kopa-main-header.style-2 .top-header .top-menu, #kopa-main-header.style-2 .top-header .top-social {
padding: 0; }
#kopa-main-header.style-2 .middle-header {
padding: 9px 0 15px;
text-align: center; }
#kopa-main-header.style-2 .middle-header .toggle-menu.toggle-3 {
background: url(images/fixed/toggle-menu-1.png) center no-repeat; }
#kopa-main-header.style-2 .middle-header .mobile-version {
margin-top: 36px; }
#kopa-main-header.style-2 .middle-header .kopa-search-box {
top: 28px; }
#kopa-main-header.style-2 .middle-header .kopa-search-box .toggle-search-box .fa-search {
color: #ffffff; }
#kopa-main-header.style-2 .bottom-header {
border-top: 1px solid #191919; }
@media (max-width: 992px) {
#kopa-main-header.style-2 .bottom-header {
display: none; } }
#kopa-main-header.style-2 .bottom-header .nav-logo {
padding: 8px 0; }
#kopa-main-header.style-2 .bottom-header .main-nav > ul > li > a {
color: #ffffff;
font-size: 17px;
line-height: 23px;
padding: 23px 13px;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
#kopa-main-header.style-2 .bottom-header .kopa-search-box button {
height: 69px; }
#kopa-main-header.style-2 .bottom-header .kopa-search-box button i {
color: #ffffff; }
#kopa-main-header.style-3 {
background: #000000;
margin: 0 0 50px; }
#kopa-main-header.style-3 .nav-fixed {
background: #000000; }
#kopa-main-header.style-3 .top-header {
background: #191919;
padding: 6px 0; }
#kopa-main-header.style-3 .top-header .top-menu, #kopa-main-header.style-3 .top-header .top-social {
padding: 0; }
#kopa-main-header.style-3 .middle-header {
padding: 40px 0;
text-align: center; }
@media (max-width: 992px) {
#kopa-main-header.style-3 .middle-header {
padding: 0; }
#kopa-main-header.style-3 .middle-header > .wrapper {
padding: 28px 0; } }
#kopa-main-header.style-3 .middle-header .toggle-menu.toggle-3 {
background: url(images/fixed/toggle-menu-1.png) center no-repeat; }
#kopa-main-header.style-3 .middle-header .mobile-version {
margin-top: 35px; }
#kopa-main-header.style-3 .middle-header .kopa-search-box {
top: 53px; }
#kopa-main-header.style-3 .middle-header .kopa-search-box .toggle-search-box .fa-search {
color: #ffffff; }
#kopa-main-header.style-3 .bottom-header .nav-logo {
padding: 8px 0; }
@media (min-width: 992px) {
#kopa-main-header.style-3 .bottom-header .nav-logo {
display: block; } }
#kopa-main-header.style-3 .bottom-header .main-nav > ul > li > a {
color: #ffffff;
font-size: 17px;
line-height: 24px;
padding: 23px 13px;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
@media (max-width: 1240px) {
#kopa-main-header.style-3 .bottom-header .main-nav > ul > li > a {
padding: 22px 7px; } }
#kopa-main-header.style-3 .bottom-header .kopa-search-box .toggle-search-box {
height: 70px; }
@media (max-width: 1240px) {
#kopa-main-header.style-3 .bottom-header .kopa-search-box .toggle-search-box {
height: 69px; } }
#kopa-main-header.style-3 .bottom-header .kopa-search-box .toggle-search-box i {
color: #ffffff; }
#kopa-main-header.style-4 {
background: #ffffff;
margin: 0; }
#kopa-main-header.style-4 .nav-fixed {
background: #ffffff;
box-shadow: 0px 0px 6px #CABABA;
-webkit-box-shadow: 0px 0px 6px #CABABA;
-moz-box-shadow: 0px 0px 6px #CABABA;
-ms-box-shadow: 0px 0px 6px #CABABA; }
#kopa-main-header.style-4 .top-header {
background: #f9f9f9;
padding: 6px 0; }
#kopa-main-header.style-4 .top-header .top-menu, #kopa-main-header.style-4 .top-header .top-social {
padding: 0; }
#kopa-main-header.style-4 .top-header .logo-box {
display: none; }
#kopa-main-header.style-4 .middle-header {
display: none; }
@media (max-width: 992px) {
#kopa-main-header.style-4 .middle-header {
display: block; } }
#kopa-main-header.style-4 .middle-header .logo-box {
padding: 10px 0; }
#kopa-main-header.style-4 .middle-header .mobile-version {
margin-top: 43px; }
#kopa-main-header.style-4 .middle-header .kopa-search-box {
top: 36px; }
#kopa-main-header.style-4 .bottom-header {
border: 0; }
@media (max-width: 992px) {
#kopa-main-header.style-4 .bottom-header {
display: none; } }
#kopa-main-header.style-4 .bottom-header .nav-logo {
padding: 9px 0 8px; }
#kopa-main-header.style-4 .bottom-header .main-nav > ul > li > a {
color: #000000;
font-size: 16px;
line-height: 23px;
padding: 24px 13px;
font-family:Trade Gothic W01 Roman;
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-main-header.style-4 .bottom-header .main-nav > ul > li > a:hover {
color: #909090; }
#kopa-main-header.style-4 .bottom-header .main-nav > ul > li > ul > li > a {
font-size: 12px;
line-height: 18px;
padding: 12px 0 10px; }
#kopa-main-header.style-4 .bottom-header .kopa-search-box .toggle-search-box {
height: 71px; }
.top-header {
text-align: center; }
.top-header:after, .top-header:before {
display: table;
content: ""; }
.top-header:after {
clear: both; }
.top-header > .wrapper {
position: relative; }
.top-header .top-menu {
text-align: left;
float: left;
padding-top: 2px;
}
.top-header .top-menu ul {
padding: 0;
margin: 0;
list-style: none; }
.top-header .top-menu ul:after, .top-header .top-menu ul:before {
display: table;
content: ""; }
.top-header .top-menu ul:after {
clear: both; }
.top-header .top-menu ul li {
float: left; }
.top-header .top-menu ul li:first-child a {
padding-left: 0; }
.top-header .top-menu ul li:last-child a {
padding-right: 0; }
.top-header .top-menu ul li a {
padding: 5px 9px;
font-size: 12px;
line-height: 22px;
display: block;
color: #909090;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
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; }
.top-header .top-menu ul li a:hover {
color: #666666; }
.top-header .logo-box {
float: left;
padding: 30px 0 19px;
margin: 0 0 0 100px; }
@media (max-width: 1240px) {
.top-header .logo-box {
display: none; } }
.top-header .top-social {
text-align: left;
float: right;
padding-top: 2px;
}
.top-header .top-social > span {
color: #909090;
font-size: 12px;
line-height: 22px;
display: inline-block;
vertical-align: middle;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.top-header .top-social ul {
display: inline-block;
vertical-align: middle; }
.top-header .top-social ul:after, .top-header .top-social ul:before {
display: table;
content: ""; }
.top-header .top-social ul:after {
clear: both; }
.top-header .top-social ul li {
float: left; }
.top-header .top-social ul li a {
margin: 0 0 0 15px;
display: block; }
.top-header .top-social ul li a i {
color: #adadad;
font-size: 16px;
line-height: 28px;
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; }
.top-header .top-social ul li a i:hover {
color: #666666; }
.main-menu {
position: relative; }
.main-menu:after, .main-menu:before {
display: table;
content: ""; }
.main-menu:after {
clear: both; }
.main-nav {
float: right;
}
.main-nav > ul {
margin: 0;
padding: 0;
list-style: none; }
.main-nav > ul:after, .main-nav > ul:before {
display: table;
content: ""; }
.main-nav > ul:after {
clear: both; }
.main-nav > ul > li {
position: relative;
float: left; }
> .main-nav > ul > li:first-child > a {
padding-left: 0; }
.main-nav > ul > li > a {
font-size: 14px;
line-height: 25px;
padding: 21px 13px;
display: block;
font-family:Trade Gothic W01 Roman;
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;
text-transform: uppercase;
}
@media (max-width: 1240px) {
.main-nav > ul > li > a {
padding: 10px 7px; } }
.main-nav > ul > li > a:hover {
color: #363;
font-weight: 900;
text-decoration: underline;
}
.main-nav > ul > li .megamenu {
display: none;
position: absolute;
border-top: 1px solid #ededed;
top: 100%;
left: 0;
width: 100%;
z-index: 2;
padding: 30px;
background: #ffffff; }
@media (max-width: 992px) {
.main-nav > ul > li .megamenu {
display: none !important; } }
.main-nav > ul > li .megamenu .widget {
margin: 0; }
.main-nav > ul > li .menu-item-has-children > a:after {
content: "\f105";
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
float: right;
margin: 0 0 0 5px;
font-size: 14px; }
.main-nav > ul > li > ul {
display: none;
left: 0;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #ededed;
background: #ffffff;
width: 205px;
position: absolute;
padding: 4px 0;
top: 100%;
z-index: 2; }
.main-nav > ul > li > ul:after, .main-nav > ul > li > ul:before {
display: table;
content: ""; }
.main-nav > ul > li > ul:after {
clear: both; }
.main-nav > ul > li > ul > li {
position: relative;
padding: 0 20px; }
.main-nav > ul > li > ul > li a {
color: #000000;
font-size: 12px;
line-height: 18px;
border-top: 1px solid #ededed;
padding: 12px 0 10px;
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;
display: block;
font-family:Trade Gothic W01 Roman;
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;
text-transform: uppercase; }
.main-nav > ul > li > ul > li a:hover {
color: #666666; }
.main-nav > ul > li > ul > li a:hover {
color: #666666; }
.main-nav > ul > li > ul > li:first-child a {
border: 0; }
.main-nav > ul > li > ul > li > ul {
display: none;
margin: 0;
padding: 0;
list-style: none;
left: 100%;
top: 0;
border: 1px solid #ededed;
background: #ffffff;
width: 205px;
position: absolute;
padding: 4px 0;
z-index: 2; }
.main-nav > ul > li > ul > li > ul:after, .main-nav > ul > li > ul > li > ul:before {
display: table;
content: ""; }
.main-nav > ul > li > ul > li > ul:after {
clear: both; }
.main-nav > ul > li > ul > li > ul > li {
position: relative;
padding: 0 20px; }
.main-nav > ul > li > ul > li > ul > li:first-child a {
border: 0; }
.main-nav > ul > li > ul > li > ul > li > a {
color: #000000;
font-size: 12px;
line-height: 18px;
border-top: 1px solid #ededed;
padding: 12px 0 10px;
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;
display: block;
font-family:Trade Gothic W01 Roman;
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;
text-transform: uppercase; }
.main-nav > ul > li > ul > li > ul > li > a:hover {
color: #666666; }
.main-nav > ul > li > ul > li > ul > li > a:hover {
color: #666666; }
.main-nav > ul > li > ul > li > ul > li > a:after {
display: none; }
.bottom-header {
border-top: 1px solid #A09F9F; }
.bottom-header:after, .bottom-header:before {
display: table;
content: ""; }
.bottom-header:after {
clear: both; }
.bottom-header .nav-logo {
float: left;
margin: 0 18px 0 0;
padding: 7px 0 6px; }
@media (max-width: 1240px) {
.bottom-header .nav-logo {
display: none; } }
.bottom-header .main-nav {
float: right;
}
.bottom-header .main-nav > ul {
margin: 0;
padding: 0;
list-style: none; }
.bottom-header .main-nav > ul:after, .bottom-header .main-nav > ul:before {
display: table;
content: ""; }
.bottom-header .main-nav > ul:after {
clear: both; }
.bottom-header .main-nav > ul > li {
position: relative;
float: left; }
> .bottom-header .main-nav > ul > li:first-child > a {
padding-left: 0; }
.bottom-header .main-nav > ul > li > a {
font-size: 16px;
line-height: 25px;
padding: 21px 13px;
display: block;
font-family:Trade Gothic W01 Roman;
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;
text-transform: uppercase;
}
@media (max-width: 1240px) {
.bottom-header .main-nav > ul > li > a {
padding: 10px 7px; } }
.bottom-header .main-nav > ul > li > a:hover {
color: #666666; }
.bottom-header .main-nav > ul > li .megamenu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
z-index: 2;
padding: 30px;
background: #ffffff; }
@media (max-width: 992px) {
.bottom-header .main-nav > ul > li .megamenu {
display: none; } }
.bottom-header .main-nav > ul > li .megamenu .widget {
margin: 0; }
.bottom-header .main-nav > ul > li > ul {
left: 0;
margin: 0;
padding: 0;
list-style: none;
border: 1px solid #ededed;
background: #ffffff;
width: 205px;
position: absolute;
padding: 4px 0;
top: 100%;
z-index: 2;
display: none; }
.bottom-header .main-nav > ul > li > ul:after, .bottom-header .main-nav > ul > li > ul:before {
display: table;
content: ""; }
.bottom-header .main-nav > ul > li > ul:after {
clear: both; }
.bottom-header .main-nav > ul > li > ul > li {
position: relative;
padding: 0 20px; }
.bottom-header .main-nav > ul > li > ul > li a {
color: #000000;
font-size: 12px;
line-height: 18px;
border-top: 1px solid #ededed;
padding: 12px 0 10px;
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;
display: block;
font-family:Trade Gothic W01 Roman;
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;
text-transform: uppercase; }
.bottom-header .main-nav > ul > li > ul > li a:hover {
color: #666666; }
.bottom-header .main-nav > ul > li > ul > li a:hover {
color: #666666; }
.bottom-header .main-nav > ul > li > ul > li:first-child > a {
border: 0; }
.bottom-header .main-nav > ul > li > ul > li > ul {
display: none;
margin: 0;
padding: 0;
list-style: none;
left: 100%;
top: 0;
border: 1px solid #ededed;
background: #ffffff;
width: 205px;
position: absolute;
padding: 4px 0;
z-index: 2; }
.bottom-header .main-nav > ul > li > ul > li > ul:after, .bottom-header .main-nav > ul > li > ul > li > ul:before {
display: table;
content: ""; }
.bottom-header .main-nav > ul > li > ul > li > ul:after {
clear: both; }
.bottom-header .main-nav > ul > li > ul > li > ul > li {
position: relative;
padding: 0 20px; }
.bottom-header .main-nav > ul > li > ul > li > ul > li:first-child > a {
border: 0; }
.bottom-header .main-nav > ul > li > ul > li > ul > li > a {
color: #000000;
font-size: 12px;
line-height: 18px;
border-top: 1px solid #ededed;
padding: 12px 0 10px;
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;
display: block;
font-family:Trade Gothic W01 Roman;
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;
text-transform: uppercase; }
.bottom-header .main-nav > ul > li > ul > li > ul > li > a:hover {
color: #666666; }
.bottom-header .main-nav > ul > li > ul > li > ul > li > a:hover {
color: #666666; }
.bottom-header .main-nav > ul > li > ul > li > ul > li > a:after {
display: none; }
.middle-header .wrapper {
position: relative; }
.middle-header .kopa-search-box {
display: none;
position: absolute;
top: 43px;
right: 0; }
@media (max-width: 992px) {
.middle-header .kopa-search-box {
display: block; }
.middle-header .kopa-search-box .toggle-search-box {
width: 34px;
height: 34px;
border: 1px solid #ededed;
line-height: 34px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.middle-header .kopa-search-box .toggle-search-box i {
margin: 0 0 0 8px; }
.middle-header .kopa-search-box form {
top: 110%; } }
.kopa-search-box {
float: right;
position: relative; }
.kopa-search-box form.block {
display: block; }
.kopa-search-box form {
display: none;
position: absolute;
right: 0;
top: 100%;
z-index: 2;
border: 1px solid #eaeaea;
width: 311px; }
.kopa-search-box form:after, .kopa-search-box form:before {
display: table;
content: ""; }
.kopa-search-box form:after {
clear: both; }
.kopa-search-box form input {
float: left;
width: 263px;
height: 46px;
font-size: 12px;
line-height: 16px;
color: #adadad;
border: 0;
padding: 15px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.kopa-search-box form input:focus {
outline: 0; }
.kopa-search-box form button {
float: left;
width: 46px;
height: 46px;
text-align: center;
border: 0;
padding: 0;
background: #f9f9f9; }
.kopa-search-box form button i {
font-size: 16px;
line-height: 46px;
color: #000000; }
.toggle-search-box {
display: block;
width: 47px;
height: 67px;
border: 0;
padding: 0;
background: none; }
@media (max-width: 1240px) {
.toggle-search-box {
height: 45px; } }
.toggle-search-box i {
font-size: 16px;
line-height: 65px;
color: #000000; }
.toggle-search-box .fa-search {
color: #000000;
text-align: center;
width: 15px;
font-size: 15px;
height: 15px;
line-height: 1em;
display: block;
margin: 0 0 0 15px;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%); }
.toggle-search-box .fa-search:before {
position: relative;
left: 0.5px; }
.toggle-search-box .fa-close {
color: #000000;
text-align: center;
width: 15px;
font-size: 14px;
height: 15px;
line-height: 1em;
display: block;
margin: 0 0 0 15px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%); }
.mobile-version {
display: none;
float: left;
margin-top: 50px; }
@media (max-width: 992px) {
.mobile-version {
display: block; } }
.desktop-version {
display: block; }
@media (max-width: 992px) {
.desktop-version {
display: none; } }
.toggle-social {
float: right; }
.toggle-menu, .toggle-social {
display: none;
font-size: 12px;
line-height: 22px;
padding: 5px 9px;
color: #909090;
font-family:Trade Gothic W01 Roman;
font-weight: 400;
text-transform: uppercase; }
@media (max-width: 992px) {
.toggle-menu, .toggle-social {
display: block; } }
.kopa-close {
width: 50px;
height: 50px;
display: block;
text-align: center;
font-size: 16px;
color: #ffffff;
line-height: 50px;
float: right;
opacity: 1;
display: none;
cursor: pointer; }
@media (max-width: 992px) {
.kopa-close {
display: block; } }
.kopa-close i {
color: #ffffff; }
.toggle-1 {
float: left; }
.toggle-2 {
float: right; }
.toggle-menu.toggle-3 {
background: url(images/fixed/toggle-menu.png) center no-repeat;
display: block;
width: 18px;
height: 14px;
margin-left: 9px; }
.kopa-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9;
background: transparent\9;
background: rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000);
zoom: 1;
cursor: pointer;
opacity: 0;
visibility: 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; }
@media (max-width: 992px) {
.top-header .top-menu-wrap {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100%;
max-width: 320px;
background: #000000;
padding: 20px;
cursor: default;
z-index: 10;
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; }
.top-header .top-menu-wrap .top-menu {
padding: 10px 20px;
width: 100%; }
.top-header .top-menu-wrap .top-menu ul li {
float: none; }
.top-header .top-menu-wrap .top-menu ul li:first-child a {
padding: 5px 9px; } }
@media (max-width: 992px) {
.top-header .top-social {
padding: 0;
position: absolute;
top: 100%;
right: 9px;
z-index: 2;
display: none; }
.top-header .top-social > span {
display: none; } }
@media (max-width: 992px) {
.top-social-wrap {
display: inline-block;
float: right; } }
.top-social-wrap:after, .top-social-wrap:before {
display: table;
content: ""; }
.top-social-wrap:after {
clear: both; }
@media (max-width: 992px) {
.main-nav-wrap {
position: fixed;
top: 0;
left: -100%;
width: 100%;
height: 100%;
max-width: 320px;
background: #000000;
padding: 20px;
cursor: default;
z-index: 10;
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; }
.main-nav-wrap:after, .main-nav-wrap:before {
display: table;
content: ""; }
.main-nav-wrap:after {
clear: both; } }
.main-nav-wrap .main-nav {
float: none; }
.main-nav-wrap .main-nav ul li {
float: none;
text-align: left; }
.main-nav-wrap .main-nav ul li a {
color: #ffffff; }
.main-nav-wrap .main-nav ul li ul {
position: static;
background: none;
border: 0;
width: 100%; }
.main-nav-wrap .main-nav ul li ul li a {
border: 0; }
/**
* 2.2 - sticker
* -------------------------------------------------------------------
*/
.sticker-1 {
overflow: hidden;
border: 1px solid #e6e6e6;
background: #ffffff;
padding: 24px 31px; }
.sticker-1:after, .sticker-1:before {
display: table;
content: ""; }
.sticker-1:after {
clear: both; }
@media (max-width: 767px) {
.sticker-1 {
padding: 10px; }
.sticker-1 .wrapper {
width: 100% !important; } }
.sticker-1 .kp-headline-title {
font-size: 18px;
line-height: 20px;
padding: 5px 18px;
color: #ffffff;
background: #000000;
display: inline-block;
float: left;
position: relative;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
@media (max-width: 767px) {
.sticker-1 .kp-headline-title {
line-height: 20px;
padding: 5px 10px; } }
.sticker-1 .kp-headline-title:after {
width: 1px;
height: 100%;
top: 0;
right: -24px;
background: #e6e6e6;
position: absolute;
margin: 0 0 0 10px;
display: block;
content: ''; }
.sticker-1 .kp-headline {
overflow: hidden;
padding: 0 0 0 45px; }
.sticker-1 .kp-headline .caroufredsel_wrapper {
margin: 0 !important; }
.sticker-1 .kp-headline dl:after, .sticker-1 .kp-headline dl:before {
display: table;
content: ""; }
.sticker-1 .kp-headline dl:after {
clear: both; }
.sticker-1 .kp-headline dl dd {
float: left;
display: block;
margin: 0 20px; }
.sticker-1 .kp-headline dl dd a {
font-size: 19px;
line-height: 30px;
color: #666666;
display: block;
font-style: italic; }
.sticker-1 .kp-headline dl dd a strong {
color: #000000;
font-weight: bold; }
/**
* 2.3 - owl-widget
* -------------------------------------------------------------------
*/
.owl-item {
position: relative;
z-index: 1; }
.owl-item:hover {
z-index: 2; }
.owl-widget-5, .owl-widget-6, .kopa-products-list {
overflow: hidden; }
.owl-widget-5 .entry-thumb, .owl-widget-6 .entry-thumb, .kopa-products-list .entry-thumb {
position: relative;
overflow: hidden; }
.owl-widget-5 .entry-thumb:hover .add-cart, .owl-widget-6 .entry-thumb:hover .add-cart, .kopa-products-list .entry-thumb:hover .add-cart {
opacity: 1;
visibility: visible; }
.owl-widget-5 .entry-thumb .sale, .owl-widget-6 .entry-thumb .sale, .kopa-products-list .entry-thumb .sale {
position: absolute;
left: -35px;
top: -6px;
font-size: 12px;
color: #ffffff;
display: block;
background: rgba(0, 0, 0, 0.6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
zoom: 1;
width: 100px;
line-height: 24px;
z-index: 2;
padding: 15px 0 0;
text-align: center;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.owl-widget-5 .entry-thumb .add-cart, .owl-widget-6 .entry-thumb .add-cart, .kopa-products-list .entry-thumb .add-cart {
display: block;
width: 40px;
height: 40px;
text-align: center;
background: rgba(0, 0, 0, 0.4);
zoom: 1;
position: absolute;
left: 10px;
bottom: 10px;
opacity: 0;
visibility: 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;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.owl-widget-5 .entry-thumb .add-cart i, .owl-widget-6 .entry-thumb .add-cart i, .kopa-products-list .entry-thumb .add-cart i {
color: #ffffff;
font-size: 16px;
line-height: 40px; }
.owl-widget-5 .star-rating, .owl-widget-6 .star-rating, .kopa-products-list .star-rating {
overflow: hidden;
position: absolute;
right: 0;
top: 25px;
padding: 0;
height: 13px;
line-height: 1;
font-size: 12px;
width: 64px;
font-family: star;
margin: 0 0 5px 55px; }
.owl-widget-5 .star-rating:after, .owl-widget-6 .star-rating:after, .kopa-products-list .star-rating:after {
content: "\73\73\73\73\73";
color: #909090;
float: left;
top: 0;
left: 0;
position: absolute; }
.owl-widget-5 .star-rating > span, .owl-widget-6 .star-rating > span, .kopa-products-list .star-rating > span {
line-height: 1;
font-size: 12px;
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em; }
.owl-widget-5 .star-rating > span:before, .owl-widget-6 .star-rating > span:before, .kopa-products-list .star-rating > span:before {
content: "\53\53\53\53\53";
top: 0;
position: absolute;
color: #909090;
left: 0;
font-family: star; }
.nav-top .customNavigation {
margin: 0 auto 35px;
text-align: center;
display: block;
width: 200px;
font-size: 0;
line-height: 0;
position: relative; }
.nav-top .customNavigation:before, .nav-top .customNavigation:after {
content: '';
display: block;
width: 1000px;
height: 1px;
background: #ededed;
position: absolute;
top: 50%;
margin-top: -0.5px; }
.nav-top .customNavigation:before {
right: 100%; }
.nav-top .customNavigation:after {
left: 100%; }
.nav-top .customNavigation > span, .nav-top .customNavigation > a {
display: inline-block;
vertical-align: middle;
font-size: 16px;
line-height: 1;
color: #909090;
font-family: GeorgiaItalic, serif;
font-weight: normal; }
.nav-top .customNavigation .total-slides {
color: #000000; }
.nav-top .customNavigation .text-center {
margin: 0 5px; }
.nav-top .customNavigation .btn {
border: 0;
margin: 0 15px;
width: 25px;
height: 14px;
background-position: center;
background-repeat: no-repeat;
background-color: transparent; }
.nav-top .customNavigation .prev {
background-image: url(images/icon/arrow-left-3.png); }
.nav-top .customNavigation .next {
background-image: url(images/icon/arrow-right-3.png); }
@media (max-width: 768px) {
.kopa-owl-widget .customNavigation .prev {
width: 30px !important;
height: 30px !important;
line-height: 30px !important; } }
@media (max-width: 768px) {
.kopa-owl-widget .customNavigation .next {
width: 30px !important;
height: 30px !important;
line-height: 30px !important; } }
.entry-item .entry-thumb:hover .overlay {
opacity: 1;
visibility: visible; }
.entry-item .entry-thumb:hover .overlay:before {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
-webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
-moz-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(45deg); }
.entry-item .entry-thumb:hover .overlay:after {
opacity: 0.2;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
-webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-moz-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
-ms-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
transform: translate3d(-50%, -50%, 0) rotate(-45deg); }
.entry-item .entry-thumb:hover .overlay a {
top: 50%;
visibility: visible;
opacity: 1; }
.entry-item .entry-thumb:hover .overlay span {
visibility: visible;
opacity: 0.3;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
.entry-item .entry-thumb:hover .kopa-icon {
opacity: 1;
visibility: visible; }
.entry-item .entry-thumb .overlay.style-1:before, .entry-item .entry-thumb .overlay.style-1:after {
display: none; }
.entry-item .entry-thumb .overlay {
position: absolute;
z-index: 2;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
zoom: 1;
opacity: 0;
visibility: hidden;
text-align: center;
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; }
.entry-item .entry-thumb .overlay .kopa-icon {
width: 42px;
height: 42px;
line-height: 42px;
text-align: center;
display: block;
position: absolute;
left: 0;
right: 0;
padding: 0;
font-size: 15px;
z-index: 3;
margin: 0 auto;
background: white;
background: transparent\9;
background: rgba(255, 255, 255, 0.6);
zoom: 1;
color: #000000;
opacity: 0;
visibility: 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;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%); }
.entry-item .entry-thumb .overlay .kopa-icon i {
position: relative;
left: 2px; }
.entry-item .entry-thumb .overlay:before, .entry-item .entry-thumb .overlay:after {
max-width: 150px; }
@media (max-width: 767px) {
.entry-item .entry-thumb .overlay:before, .entry-item .entry-thumb .overlay:after {
max-width: 100px; } }
.entry-item .entry-thumb .overlay:before {
position: absolute;
top: 50%;
left: 50%;
width: 60%;
height: 1px;
background: #ffffff;
content: '';
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
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; }
.entry-item .entry-thumb .overlay:after {
position: absolute;
top: 50%;
left: 50%;
width: 60%;
height: 1px;
background: #ffffff;
content: '';
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
-ms-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
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; }
.entry-item .entry-thumb .overlay a {
display: block;
height: 24px;
color: #ffffff;
font-size: 10px;
line-height: 1;
text-align: center;
position: absolute;
left: 0;
right: 0;
margin: -12px auto 0;
top: 20%;
z-index: 2;
padding: 7px;
zoom: 1;
opacity: 0;
visibility: hidden;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400;
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; }
.entry-item .entry-thumb .overlay span {
font-size: 120px;
color: #ffffff;
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
z-index: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
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;
font-family: 'Playfair Display', serif;
font-weight: 900;
text-transform: uppercase; }
@media (max-width: 767px) {
.entry-item .entry-thumb .overlay span {
font-size: 70px; } }
.share-wrap {
position: relative;
display: inline-block;
vertical-align: middle; }
.share-wrap:hover .wrap-link {
opacity: 1;
visibility: visible; }
.share-wrap .entry-share {
padding: 0 9px;
display: inline-block;
font-size: 11px;
line-height: 11px;
color: #909090;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.share-wrap .wrap-link.wrap-link-right {
left: auto;
right: 0; }
.share-wrap .wrap-link.wrap-link-right ul:before {
left: auto;
right: 47px; }
.share-wrap .wrap-link {
position: absolute;
bottom: 100%;
left: 0;
padding: 0 0 10px;
z-index: 1;
opacity: 0;
visibility: 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; }
.share-wrap .wrap-link ul {
padding: 8px;
background: #f9f9f9;
white-space: nowrap;
position: relative; }
.share-wrap .wrap-link ul:before {
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0;
border-color: #f9f9f9 transparent;
content: '';
display: block;
position: absolute;
left: 8px;
top: 100%; }
.share-wrap .wrap-link ul li {
display: inline-block;
vertical-align: middle; }
.share-wrap .wrap-link ul li a {
font-size: 12px;
line-height: 20px;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
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; }
.share-wrap .wrap-link ul li a:hover {
opacity: .8; }
.share-wrap .wrap-link ul li a i {
font-size: 16px;
color: #ffffff;
line-height: 30px; }
.share-wrap .wrap-link ul li .facebook-icon {
background: #3B5998; }
.share-wrap .wrap-link ul li .twitter-icon {
background: #00ACED; }
.share-wrap .wrap-link ul li .google-plus-icon {
background: #DF4B38; }
.entry-meta, .owl-widget-2 .entry-item footer .entry-meta {
margin: 0 -9px;
font-size: 0;
line-height: 0;
text-transform: uppercase; }
.entry-meta:after, .owl-widget-2 .entry-item footer .entry-meta:after, .entry-meta:before, .owl-widget-2 .entry-item footer .entry-meta:before {
display: table;
content: ""; }
.entry-meta:after, .owl-widget-2 .entry-item footer .entry-meta:after {
clear: both; }
@media (max-width: 1240px) {
.entry-meta, .owl-widget-2 .entry-item footer .entry-meta {
margin-left: -4px !important;
margin-right: -4px !important; } }
.entry-meta > span, .owl-widget-2 .entry-item footer .entry-meta > span, .entry-meta > a, .owl-widget-2 .entry-item footer .entry-meta > a {
padding: 0 9px;
display: inline-block;
vertical-align: middle;
font-size: 11px;
line-height: 11px;
color: #909090;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
@media (max-width: 1240px) {
.entry-meta > span, .owl-widget-2 .entry-item footer .entry-meta > span, .entry-meta > a, .owl-widget-2 .entry-item footer .entry-meta > a {
padding: 0 4px !important; } }
@media (max-width: 767px) {
.entry-meta > span, .owl-widget-2 .entry-item footer .entry-meta > span, .entry-meta > a, .owl-widget-2 .entry-item footer .entry-meta > a {
display: none; } }
.entry-meta > a, .owl-widget-2 .entry-item footer .entry-meta > 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-meta > a:hover, .owl-widget-2 .entry-item footer .entry-meta > a:hover {
color: #666666; }
.entry-meta .entry-categories, .owl-widget-2 .entry-item footer .entry-meta .entry-categories, .entry-meta .entry-date, .owl-widget-2 .entry-item footer .entry-meta .entry-date, .entry-meta .entry-share, .owl-widget-2 .entry-item footer .entry-meta .entry-share {
border-left: 1px solid #e6e6e6; }
@media (max-width: 767px) {
.entry-meta .entry-categories, .owl-widget-2 .entry-item footer .entry-meta .entry-categories {
border: 0;
display: inline-block; } }
.entry-meta .entry-share i, .owl-widget-2 .entry-item footer .entry-meta .entry-share i {
margin: 0 6px 0 0; }
.owl-widget-1 {
overflow: hidden; }
.owl-widget-1:hover .customNavigation .prev {
left: 100px;
z-index: 10; }
@media (max-width: 767px) {
.owl-widget-1:hover .customNavigation .prev {
left: 20px;
background: black;
background: transparent\9;
background: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
zoom: 1; } }
.owl-widget-1:hover .customNavigation .next {
right: 100px;
z-index: 10; }
@media (max-width: 767px) {
.owl-widget-1:hover .customNavigation .next {
right: 20px;
background: black;
background: transparent\9;
background: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
zoom: 1; } }
.owl-widget-1 .entry-item .entry-thumb:hover .overlay > a {
top: 30% !important; }
.owl-widget-1 .entry-item .entry-thumb .overlay > span, .owl-widget-1 .entry-item .entry-thumb .overlay:before, .owl-widget-1 .entry-item .entry-thumb .overlay:after {
top: 30% !important; }
.owl-widget-1 .customNavigation .btn {
width: 50px;
height: 50px;
padding: 0;
line-height: 50px;
position: absolute;
top: 50%;
margin: -25px 0 0;
display: block;
border: 1px solid #676767;
text-align: center;
opacity: 0.4;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden;
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; }
.owl-widget-1 .customNavigation .btn:hover {
opacity: 1; }
.owl-widget-1 .customNavigation .btn i {
display: inline-block;
width: 22px;
height: 20px;
margin-top: -2px;
background-repeat: no-repeat;
background-position: center; }
.owl-widget-1 .customNavigation .prev {
left: -100px; }
.owl-widget-1 .customNavigation .prev i {
background-image: url("images/icon/arrow-left-1.png"); }
.owl-widget-1 .customNavigation .next {
right: -100px; }
.owl-widget-1 .customNavigation .next i {
background-image: url("images/icon/arrow-right-1.png"); }
.owl-widget-1 .widget-content {
background: rgba(0, 0, 0, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
zoom: 1;
position: relative; }
.owl-widget-1 .widget-content .owl-item.shadow .entry-item .entry-thumb .overlay {
display: none; }
.owl-widget-1 .widget-content .owl-item.shadow .entry-item .entry-thumb:before {
display: none; }
.owl-widget-1 .widget-content .owl-item.shadow .entry-item .entry-thumb:after {
opacity: 1;
visibility: visible;
display: block;
background: rgba(0, 0, 0, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
transition: all 1s ease 0s, visibility 0s ease 0s;
-ms-transition: all 1s ease 0s, visibility 0s ease 0s;
-webkit-transition: all 1s ease 0s, visibility 0s ease 0s;
-moz-transition: all 1s ease 0s, visibility 0s ease 0s; }
.owl-widget-1 .widget-content .owl-item.shadow .entry-item .entry-box {
opacity: 0;
visibility: hidden;
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; }
.owl-widget-1 .widget-content .entry-item {
text-align: center;
position: relative;
border-left: 1px solid #ffffff; }
.owl-widget-1 .widget-content .entry-item .entry-thumb img {
width: 100%; }
.owl-widget-1 .widget-content .entry-item .entry-thumb:hover:before {
border: 1px solid #b8b7b6; }
.owl-widget-1 .widget-content .entry-item .entry-thumb:hover:after {
opacity: 0;
visibility: hidden; }
.owl-widget-1 .widget-content .entry-item .entry-thumb:before {
display: none !important;
display: block;
content: '';
position: absolute;
top: 10px;
right: 10px;
bottom: 10px;
left: 10px;
border: 1px solid #d6d6d7;
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-widget-1 .widget-content .entry-item .entry-thumb:after {
display: block;
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
opacity: 1;
visibility: visible;
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-widget-1 .widget-content .entry-item .entry-thumb .overlay > a, .owl-widget-1 .widget-content .entry-item .entry-thumb .overlay > span, .owl-widget-1 .widget-content .entry-item .entry-thumb .overlay:before, .owl-widget-1 .widget-content .entry-item .entry-thumb .overlay:after {
top: 20%; }
.owl-widget-1 .widget-content .entry-item .entry-box {
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
z-index: 3;
opacity: 1;
visibility: visible;
transition: all 1.5s ease 0s, visibility 0s ease 0s;
-ms-transition: all 1.5s ease 0s, visibility 0s ease 0s;
-webkit-transition: all 1.5s ease 0s, visibility 0s ease 0s;
-moz-transition: all 1.5s ease 0s, visibility 0s ease 0s; }
@media (max-width: 768px) {
.owl-widget-1 .widget-content .entry-item .entry-box {
display: none; } }
.owl-widget-1 .widget-content .entry-item .entry-box p {
font-size: 14px;
line-height: 20px;
color: #ffffff;
margin: 0;
font-family:Trade Gothic W01 Roman;
font-weight: 300;
text-transform: uppercase; }
.owl-widget-2 .widget-title {
text-align: center; }
.owl-widget-2 .widget-header .separator-1 {
margin: 0 0 39px; }
.owl-widget-2 .widget-header .widget-title {
text-align: center; }
.owl-widget-2 .widget-content {
overflow: hidden;
border-bottom: 1px solid #ededed; }
.owl-widget-2 .owl-item {
padding: 0 30px;
border-left: 1px solid #ededed; }
.owl-widget-2 .entry-item {
padding: 0 0 38px; }
.owl-widget-2 .entry-item .entry-thumb {
margin: 0 0 20px; }
.owl-widget-3.nav-top .widget-header {
margin: 0;
border: 0; }
.owl-widget-3.nav-top .wrapper {
overflow: hidden; }
.owl-widget-3.nav-top .customNavigation:before, .owl-widget-3.nav-top .customNavigation:after {
background: #414141; }
.owl-widget-3.nav-top .customNavigation .total-slides {
color: #909090; }
.owl-widget-3 {
background-image: url("images/placeholder/articles/article-6-bg.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
padding: 0 0 30px; }
.owl-widget-3 .widget-header {
padding: 50px 185px 5px;
margin: 0 0 35px;
border-bottom: 1px solid #414141; }
@media (max-width: 767px) {
.owl-widget-3 .widget-header {
padding: 50px 0 5px; } }
.owl-widget-3 .widget-header .widget-title {
text-align: center; }
.owl-widget-3 .widget-header .widget-title span {
color: #ffffff; }
.owl-widget-3 .widget-header .view-topic {
background: none;
margin-top: -9px;
border: 1px solid #909090; }
.owl-widget-3 .widget-header .view-topic span {
color: #909090;
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-widget-3 .widget-header .view-topic span:hover {
color: #666666; }
.owl-widget-3 .widget-header .view-topic i {
border-left-color: #414141; }
.owl-widget-3 .widget-content .entry-item {
padding: 0 15px 30px;
text-align: center; }
.owl-widget-3 .widget-content .entry-item .entry-thumb {
margin: 0 0 18px;
position: relative; }
.owl-widget-3 .widget-content .entry-item .entry-thumb:hover:after {
opacity: 1;
visibility: visible; }
.owl-widget-3 .widget-content .entry-item .entry-thumb:after {
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
zoom: 1;
opacity: 0;
visibility: 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; }
.owl-widget-3 .widget-content .entry-item .entry-title 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; }
.owl-widget-3 .widget-content .entry-item .entry-title a:hover {
color: #666666; }
.owl-widget-4 {
margin: 0 0 50px; }
.owl-widget-4 .widget-content {
overflow: hidden;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6; }
.owl-widget-4 .widget-content .owl-wrapper-outer {
border-right: 1px solid #e6e6e6; }
.owl-widget-4 .widget-content .match-height-item {
border-left: 1px solid #e6e6e6; }
.owl-widget-4 .widget-content .entry-item {
padding: 30px; }
.owl-widget-4 .widget-content .entry-item:after, .owl-widget-4 .widget-content .entry-item:before {
display: table;
content: ""; }
.owl-widget-4 .widget-content .entry-item:after {
clear: both; }
@media (max-width: 1200px) {
.owl-widget-4 .widget-content .entry-item {
padding: 10px; } }
.owl-widget-4 .widget-content .entry-item .entry-thumb {
float: left; }
@media (max-width: 530px) {
.owl-widget-4 .widget-content .entry-item .entry-thumb {
float: none; } }
.owl-widget-4 .widget-content .entry-item .entry-box {
overflow: hidden;
padding: 0 0 0 20px; }
@media (max-width: 530px) {
.owl-widget-4 .widget-content .entry-item .entry-box {
padding: 20px 0 0; } }
.owl-widget-4 .widget-content .entry-item .entry-box .description {
font-size: 14px;
line-height: 24px;
color: #909090;
font-style: italic;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.owl-widget-5 {
margin: 0 0 80px; }
.owl-widget-5 .widget-title {
text-align: center;
margin-bottom: 22px; }
.owl-widget-5 .widget-content {
border-bottom: 1px solid #ededed;
overflow: hidden; }
.owl-widget-5 .widget-content .match-height-item {
padding: 0 30px;
border-left: 1px solid #ededed; }
.owl-widget-5 .widget-content .entry-item {
padding: 0 0 33px; }
.owl-widget-5 .widget-content .entry-item .entry-content {
position: relative;
padding: 20px 0 0; }
.owl-widget-5 .widget-content .entry-item .product-name {
display: block;
margin: 0 0 7px;
font-size: 14px;
line-height: 24px;
color: #333333;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.owl-widget-5 .widget-content .entry-item .product-name 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; }
.owl-widget-5 .widget-content .entry-item .product-name a:hover {
color: #666666; }
.owl-widget-5 .widget-content .entry-item .product-categorie {
display: block;
font-size: 17px;
line-height: 24px;
color: #909090;
margin: 0 66px 5px 0;
font-family: Georgia, serif;
font-weight: normal; }
.owl-widget-5 .widget-content .entry-item .old-price {
display: inline-block;
margin: 0 25px 0 0;
font-size: 17px;
line-height: 24px;
color: #909090;
font-family: Georgia, serif;
font-weight: normal; }
.owl-widget-5 .widget-content .entry-item .current-price {
display: inline-block;
font-size: 17px;
line-height: 24px;
color: #000000;
font-family: GeorgiaBold, serif;
font-weight: normal; }
.owl-widget-6 {
margin: 0 0 60px; }
.owl-widget-6 .widget-title {
text-align: center;
margin-bottom: 22px; }
.owl-widget-6 .widget-content {
border-bottom: 1px solid #ededed;
overflow: hidden; }
.owl-widget-6 .widget-content .match-height-item {
padding: 0 30px 40px;
border-left: 1px solid #ededed; }
.owl-widget-6 .widget-content .entry-item {
position: relative; }
.owl-widget-6 .widget-content .entry-item .entry-thumb:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
zoom: 1;
z-index: 1; }
.owl-widget-6 .widget-content .entry-item .entry-content {
z-index: 3;
position: absolute;
bottom: 70px;
left: 0;
width: 100%; }
@media (max-width: 767px) {
.owl-widget-6 .widget-content .entry-item .entry-content {
display: none; } }
.owl-widget-6 .widget-content .entry-item .entry-content > span, .owl-widget-6 .widget-content .entry-item .entry-content > a {
display: block;
color: #ffffff;
text-align: center; }
.owl-widget-6 .widget-content .entry-item .entry-content .collection-name {
font-size: 32px;
line-height: 39px;
color: #ffffff;
text-align: center;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
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; }
.owl-widget-6 .widget-content .entry-item .entry-content .collection-name:hover {
color: #666666; }
.owl-widget-6 .widget-content .entry-item .entry-content .collection-description {
font-size: 18px;
line-height: 28px;
margin: 0;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
.owl-widget-6 .widget-content .entry-item .entry-content .divier {
width: 32px;
height: 1px;
background: #b9b9b9;
margin: 13px auto 15px; }
.owl-widget-6 .widget-content .entry-item .entry-content .total-products {
font-size: 17px;
line-height: 24px;
font-family: GeorgiaItalic, serif;
font-weight: normal; }
.owl-widget-7 {
background: #f4f4f4;
padding: 54px 0; }
.owl-widget-7 .entry-item {
padding: 0 15px; }
.owl-widget-7 .entry-item .inner {
padding: 6px;
background: #ffffff; }
.owl-widget-7 .entry-item .inner img {
width: 100%; }
.owl-widget-8 {
overflow: hidden;
margin: 0 0 43px; }
.owl-widget-8 .widget-header {
margin: 0 0 20px;
padding: 9px 218px 0 50px; }
@media (max-width: 767px) {
.owl-widget-8 .widget-header {
padding: 9px 0 0; } }
.owl-widget-8 .widget-header .widget-title {
text-align: center;
margin: 0 0 10px; }
.owl-widget-8 .entry-item {
padding: 0 15px; }
.owl-widget-8 .entry-item .entry-thumb {
position: relative;
margin: 0 0 18px; }
.owl-widget-8 .entry-item .entry-thumb img {
width: 100%; }
.owl-widget-8 .entry-item header .entry-title {
line-height: 22px;
margin: 0 0 4px;
max-width: 250px; }
.owl-widget-8 .entry-item header .entry-categories {
font-size: 12px;
line-height: 20px;
color: #909090;
/* [disabled]font-family: Georgia, serif; */
font-weight: 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;
}
.owl-widget-8 .entry-item header .entry-categories:hover {
color: #666666; }
.owl-widget-9 {
overflow: hidden;
position: relative;
margin: 0; }
.owl-widget-9 .widget-title {
padding-right: 140px; }
@media (max-width: 768px) {
.owl-widget-9 .widget-title {
padding: 32px 0 20px;
margin: 0;
border: 0; } }
@media (max-width: 768px) {
.owl-widget-9 .widget-content {
position: relative; } }
.owl-widget-9 .widget-content .customNavigation {
text-align: right;
margin-right: -20px;
position: absolute;
top: 39px;
right: 0; }
@media (max-width: 768px) {
.owl-widget-9 .widget-content .customNavigation {
position: static;
margin-bottom: 30px;
padding: 0 0 10px;
width: 100%;
margin-right: 20px;
border-bottom: 1px solid #ededed;
text-align: center; } }
.owl-widget-9 .widget-content .customNavigation:before, .owl-widget-9 .widget-content .customNavigation:after {
display: none; }
.owl-widget-9 .widget-content .entry-item {
padding: 0 15px 33px; }
.owl-widget-9 .widget-content .entry-item .entry-thumb {
margin: 0 0 18px; }
.owl-widget-9 .widget-content .entry-item .entry-thumb img {
width: 100%; }
.owl-widget-10 {
padding: 30px 10px;
border-bottom: 1px solid #ededed;
overflow: hidden;
margin: 0 0 53px; }
.owl-widget-10:hover .widget-content .customNavigation .btn.prev {
left: 0px; }
.owl-widget-10:hover .widget-content .customNavigation .btn.next {
right: 0px; }
.owl-widget-10 .widget-content {
position: relative; }
.owl-widget-10 .widget-content .owl-item .entry-item {
padding: 0 10px; }
.owl-widget-10 .widget-content .owl-item .entry-item img {
width: 100%; }
.owl-widget-10 .widget-content .customNavigation > a {
display: block;
position: absolute;
width: 40px;
height: 100px;
background: transparent\9;
background: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
zoom: 1;
text-align: center;
top: 50%;
z-index: 10;
border-radius: 0;
padding: 0;
margin: -50px 0 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; }
.owl-widget-10 .widget-content .customNavigation > a i {
line-height: 100px;
font-size: 46px;
color: #ffffff; }
@media (max-width: 768px) {
.owl-widget-10 .widget-content .customNavigation > a i {
line-height: 28px;
font-size: 30px; } }
@media (max-width: 768px) {
.owl-widget-10 .widget-content .customNavigation .btn {
margin-top: -15px; }
.owl-widget-10 .widget-content .customNavigation .btn i {
position: relative; } }
.owl-widget-10 .widget-content .customNavigation .btn.prev {
left: -100px; }
@media (max-width: 768px) {
.owl-widget-10 .widget-content .customNavigation .btn.prev i {
left: -2px; } }
.owl-widget-10 .widget-content .customNavigation .btn.next {
right: -100px; }
@media (max-width: 768px) {
.owl-widget-10 .widget-content .customNavigation .btn.next i {
left: 2px; } }
.owl-widget-11 {
overflow: hidden;
margin: 0 0 43px; }
.owl-widget-11 .widget-header .widget-title {
text-align: center; }
.owl-widget-11 .entry-item {
padding: 0 15px 15px;
text-align: center; }
.owl-widget-11 .entry-item .entry-thumb {
position: relative;
margin: 0 0 18px; }
.owl-widget-11 .entry-item .entry-thumb img {
width: 100%; }
.owl-widget-11 .entry-item header .entry-title {
line-height: 22px;
margin: 0 0 4px;
max-width: 250px; }
.owl-widget-11 .entry-item header .total-product {
font-size: 15px;
line-height: 20px;
color: #909090;
font-family: GeorgiaItalic, serif;
font-weight: 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; }
.owl-widget-11 .entry-item header .total-product:hover {
color: #666666; }
.owl-widget-12 {
overflow: hidden;
position: relative; }
.owl-widget-12 .widget-content {
margin: 0 -710px; }
@media (max-width: 767px) {
.owl-widget-12 .widget-content {
margin: 0; } }
.owl-widget-12 .widget-content .sp-selected .entry-item .entry-thumb:after {
background: rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000); }
.owl-widget-12 .widget-content .sp-selected .entry-item .entry-content {
display: block; }
.owl-widget-12 .widget-content .entry-item {
position: relative; }
.owl-widget-12 .widget-content .entry-item .entry-thumb img {
/* [disabled]width: 100%; */
/* [disabled]height: auto; */
}
.owl-widget-12 .widget-content .entry-item .entry-thumb .kopa-icon {
width: 64px;
height: 64px;
line-height: 64px;
text-align: center;
display: block;
position: absolute;
left: 0;
right: 0;
top: 40%;
z-index: 2;
margin: 0 auto;
background: white;
background: transparent\9;
background: rgba(255, 255, 255, 0.6);
zoom: 1;
color: #000000;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
@media (max-width: 768px) {
.owl-widget-12 .widget-content .entry-item .entry-thumb .kopa-icon {
margin-top: -32px;
top: 50%; } }
@media (max-width: 480px) {
.owl-widget-12 .widget-content .entry-item .entry-thumb .kopa-icon {
width: 40px;
height: 40px;
line-height: 40px;
margin-top: -20px;
top: 50%; } }
.owl-widget-12 .widget-content .entry-item .entry-thumb:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
background: black;
background: transparent\9;
background: rgba(0, 0, 0, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
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; }
.owl-widget-12 .widget-content .entry-item .entry-content {
position: absolute;
left: 70px;
right: 70px;
bottom: 56px;
display: none; }
@media (max-width: 767px) {
.owl-widget-12 .widget-content .entry-item .entry-content {
display: block;
bottom: 20px; } }
.owl-widget-12 .widget-content .entry-item .entry-content > span {
font-size: 18px;
line-height: 33px;
color: #ffffff;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.owl-widget-12 .widget-content .entry-item .entry-content .entry-title {
font-size: 32px;
line-height: 44px;
color: #ffffff;
margin: 0;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
@media (max-width: 767px) {
.owl-widget-12 .widget-content .entry-item .entry-content .entry-title {
font-size: 20px;
line-height: 27px; } }
.owl-widget-12 .widget-content .entry-item .entry-content .entry-title a {
transition: all 0.3s ease 0s !important;
-webkit-transition: all 0.3s ease 0s !important;
-moz-transition: all 0.3s ease 0s !important;
-ms-transition: all 0.3s ease 0s !important; }
.owl-widget-12 .widget-content .entry-item .entry-content .entry-title a:hover {
color: #444444; }
.owl-widget-12 .widget-content:hover .customNavigation .btn.prev {
left: 80px; }
@media (max-width: 767px) {
.owl-widget-12 .widget-content:hover .customNavigation .btn.prev {
left: 10px; } }
.owl-widget-12 .widget-content:hover .customNavigation .btn.next {
right: 80px; }
@media (max-width: 767px) {
.owl-widget-12 .widget-content:hover .customNavigation .btn.next {
right: 10px; } }
.owl-widget-12 .widget-content .customNavigation {
opacity: 1; }
.owl-widget-12 .widget-content .customNavigation > a {
z-index: 3;
position: absolute;
top: 50%;
margin-top: -25px;
width: 50px;
height: 50px;
padding: 0;
line-height: 50px;
display: block;
border: 1px solid #676767;
text-align: center;
opacity: 0.4;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden;
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; }
@media (max-width: 768px) {
.owl-widget-12 .widget-content .customNavigation > a {
margin-top: -15px; } }
.owl-widget-12 .widget-content .customNavigation > a:hover {
opacity: 1; }
.owl-widget-12 .widget-content .customNavigation > a:before {
display: none; }
.owl-widget-12 .widget-content .customNavigation > a:after {
content: '';
display: inline-block;
width: 22px;
height: 20px;
margin-top: -4px;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
background-color: transparent;
transform: none;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
position: static; }
.owl-widget-12 .widget-content .customNavigation .btn.prev {
left: -200px;
right: auto; }
.owl-widget-12 .widget-content .customNavigation .btn.prev:after {
background-image: url("images/icon/arrow-left-1.png"); }
.owl-widget-12 .widget-content .customNavigation .btn.next {
right: -200px;
left: auto; }
.owl-widget-12 .widget-content .customNavigation .btn.next:after {
background-image: url("images/icon/arrow-right-1.png"); }
/**
* 2.4 - flex-widget
* -------------------------------------------------------------------
*/
.kopa-flex-widget .flexslider {
margin: 0;
border: 0; }
.flex-control-nav {
font-size: 0;
line-height: 0; }
.flex-control-nav li {
margin: 0 2.5px; }
.flex-control-nav li a {
background: none;
border: 1px solid #ededed;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none; }
.flex-control-nav li a:hover {
background: #000000;
border: 1px solid #000000; }
.flex-control-nav li a.flex-active {
background: #000000;
border: 1px solid #000000; }
.flex-direction-nav li a {
text-shadow: none;
width: 12px;
height: 12px;
background-position: center;
background-repeat: no-repeat;
text-indent: -99999px;
opacity: 0.4;
margin: 0;
color: transparent;
top: auto;
bottom: 18px;
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; }
.flex-direction-nav li a:before, .flex-direction-nav li a:after {
display: none; }
.flex-direction-nav li a:hover {
opacity: 1; }
.directionnav-vertical .flex-direction-nav li .flex-prev {
left: 26px !important;
background-image: url("images/icon/arrow-top.png"); }
.directionnav-vertical .flex-direction-nav li .flex-next {
right: 26px !important;
background-image: url("images/icon/arrow-bottom.png"); }
.directionnav-vertical .flex-control-nav {
border-top: 1px solid #ededed;
position: static;
padding: 19px 5px; }
.directionnav-horizontal {
overflow: hidden; }
.directionnav-horizontal:hover .flex-direction-nav li .flex-prev {
left: 20px !important; }
.directionnav-horizontal:hover .flex-direction-nav li .flex-next {
right: 20px !important; }
.directionnav-horizontal .flex-direction-nav li a {
width: 50px;
height: 50px;
background-color: #000000;
opacity: 0.4;
border: 1px solid #ffffff;
top: 50%;
margin-top: -25px;
bottom: auto;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.directionnav-horizontal .flex-direction-nav li a:hover {
opacity: 1; }
.directionnav-horizontal .flex-direction-nav li .flex-prev {
left: -100px !important;
background-image: url("images/icon/arrow-left-1.png"); }
.directionnav-horizontal .flex-direction-nav li .flex-next {
right: -100px !important;
background-image: url("images/icon/arrow-right-1.png"); }
.directionnav-horizontal .flex-control-nav {
position: absolute;
bottom: 20px;
padding: 0 5px; }
.directionnav-horizontal .flex-control-nav li {
margin: 0 2.5px; }
.directionnav-horizontal .flex-control-nav li a {
background: #ffffff;
border: 1px solid #e6e7e7;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
-ms-box-shadow: none; }
.directionnav-horizontal .flex-control-nav li a:hover {
background: #ffffff;
border: 1px solid #e6e7e7; }
.directionnav-horizontal .flex-control-nav li a.flex-active {
background: #000000;
border: 1px solid #000000; }
.flex-widget-1 {
border: 1px solid #ededed; }
.flex-widget-1 .entry-item {
padding: 0 30px 30px; }
.flex-widget-1 .entry-item .entry-thumb {
margin: 0 0 19px; }
.entry-item .flex-widget-2.widget {
margin: 0; }
.flex-widget-3 .widget-content {
position: relative; }
.flex-widget-3 .widget-content .flex-overlay {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.flex-widget-3 .widget-content .flex-overlay:before {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: black;
background: transparent\9;
background: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
zoom: 1;
content: '';
z-index: 2; }
.flex-widget-3 .entry-content {
width: 90%;
max-width: 919px;
margin: 0 auto; }
.flex-widget-3 .flexslider {
background: none;
z-index: 3; }
.flex-widget-3 .flexslider .flex-control-nav {
position: static;
margin: 0;
padding: 20px 0 60px; }
.flex-widget-3 .flexslider .flex-control-nav li {
margin: 0 3.5px; }
.flex-widget-3 .flexslider .flex-control-nav li a {
width: 21px;
height: 4px;
border-radius: 0;
background: #909090;
padding: 0;
margin: 0;
border: 0; }
.flex-widget-3 .flexslider .flex-control-nav li .flex-active {
background: #ffffff; }
.flex-widget-3 .entry-item {
text-align: center;
padding: 0 0 25px; }
.flex-widget-3 .entry-item .entry-thumb {
width: 101px;
height: 101px;
overflow: hidden;
margin: 60px auto 22px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.flex-widget-3 .entry-item h4 {
margin: 0 0 26px; }
.flex-widget-3 .entry-item h4 a {
font-size: 17px;
line-height: 26px;
color: #ffffff;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
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; }
.flex-widget-3 .entry-item h4 a:hover {
color: #666666; }
.flex-widget-3 .entry-item .entry-content p {
color: #ffffff;
margin: 0; }
/**
* 2.5 - Kopa respond
* -------------------------------------------------------------------
*/
.comment-respond .comment-reply-title {
font-size: 20px;
line-height: 26px;
color: #000000;
margin: 0 0 50px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
.comment-respond form {
padding: 0 0 50px; }
.comment-respond form label.error {
font-size: 14px;
line-height: 20px;
color: red;
position: absolute;
width: 100%;
display: block;
left: 15px;
top: 12px;
text-align: left;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.comment-respond form textarea.error, .comment-respond form input.error {
border-color: red !important; }
.comment-respond form input[type="text"], .comment-respond form input[type="email"], .comment-respond form textarea {
font-size: 14px;
line-height: 26px;
color: #909090;
width: 100%;
border: 1px solid #e6e6e6;
padding: 10px 16px;
margin: 0 0 30px;
font-family:Trade Gothic W01 Roman;
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; }
.comment-respond form input[type="text"]:focus, .comment-respond form input[type="email"]:focus, .comment-respond form textarea:focus {
border-color: #000000;
outline: 0; }
.comment-respond form input[type="submit"] {
width: 165px;
height: 50px;
text-align: center;
font-size: 14px;
line-height: 26px;
color: #909090;
border: 1px solid #e6e6e6;
background: none;
padding: 0;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.comment-respond form input[type="submit"]:focus {
border-color: #000000;
outline: 0; }
.comment-respond form input[type="text"], .comment-respond form input[type="email"] {
height: 45px; }
.comment-respond form textarea {
height: 160px; }
.comment-respond form p {
margin: 0; }
/**
* 2.6 - slider-pro-widget
* -------------------------------------------------------------------
*/
.kopa-slider-pro-widget .sp-slide {
transition: background 0.3s ease 0s;
-webkit-transition: background 0.3s ease 0s;
-moz-transition: background 0.3s ease 0s;
-ms-transition: background 0.3s ease 0s; }
.kopa-slider-pro-widget .sp-slide .entry-item {
position: relative; }
.kopa-slider-pro-widget .sp-slide .entry-item .entry-thumb img {
width: auto;
height: 500px;
}
.kopa-slider-pro-widget .sp-slide .entry-item .entry-thumb .kopa-icon {
width: 64px;
height: 64px;
line-height: 64px;
text-align: center;
display: block;
position: absolute;
left: 0;
right: 0;
top: 40%;
z-index: 2;
margin: 0 auto;
background: white;
background: transparent\9;
background: rgba(255, 255, 255, 0.6);
zoom: 1;
color: #000000;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
@media (max-width: 768px) {
.kopa-slider-pro-widget .sp-slide .entry-item .entry-thumb .kopa-icon {
margin-top: -32px;
top: 50%; } }
@media (max-width: 480px) {
.kopa-slider-pro-widget .sp-slide .entry-item .entry-thumb .kopa-icon {
width: 40px;
height: 40px;
line-height: 40px;
margin-top: -20px;
top: 50%; } }
.kopa-slider-pro-widget .sp-slide .entry-item .entry-thumb:after {
content: '';
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
background: white;
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-slider-pro-widget .sp-slide .entry-item .entry-content {
position: absolute;
left: 70px;
right: 70px;
bottom: 56px;
display: none; }
@media (max-width: 767px) {
.kopa-slider-pro-widget .sp-slide .entry-item .entry-content {
display: none !important; } }
.kopa-slider-pro-widget .sp-slide .entry-item .entry-content > span {
font-size: 18px;
line-height: 33px;
color: #ffffff;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.kopa-slider-pro-widget .sp-slide .entry-item .entry-content .entry-title {
font-size: 32px;
line-height: 44px;
color: #ffffff;
margin: 0;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
.kopa-slider-pro-widget .sp-slide .entry-item .entry-content .entry-title a {
transition: all 0.3s ease 0s !important;
-webkit-transition: all 0.3s ease 0s !important;
-moz-transition: all 0.3s ease 0s !important;
-ms-transition: all 0.3s ease 0s !important; }
.kopa-slider-pro-widget .sp-slide .entry-item .entry-content .entry-title a:hover {
color: #444444; }
.kopa-slider-pro-widget .sp-right-thumbnails {
height: 100% !important; }
@media (max-width: 767px) {
.kopa-slider-pro-widget .sp-previous-arrow {
width: 30px !important;
height: 30px !important;
line-height: 30px !important; } }
@media (max-width: 767px) {
.kopa-slider-pro-widget .sp-next-arrow {
width: 30px !important;
height: 30px !important;
line-height: 30px !important; } }
.slider-pro-1 {
overflow: hidden; }
.slider-pro-1 .sp-slide.sp-selected .entry-item .entry-thumb:after {
background: rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000); }
.slider-pro-1 .sp-slide.sp-selected .entry-item .entry-content {
display: block; }
.slider-pro-1 .sp-slides-container:hover .sp-arrows .sp-previous-arrow {
margin-left: 80px; }
@media (max-width: 767px) {
.slider-pro-1 .sp-slides-container:hover .sp-arrows .sp-previous-arrow {
margin-left: 10px; } }
.slider-pro-1 .sp-slides-container:hover .sp-arrows .sp-next-arrow {
margin-right: 80px; }
@media (max-width: 767px) {
.slider-pro-1 .sp-slides-container:hover .sp-arrows .sp-next-arrow {
margin-right: 10px; } }
.slider-pro-1 .sp-arrows {
opacity: 1; }
.slider-pro-1 .sp-arrows .sp-arrow {
width: 50px;
height: 50px;
padding: 0;
line-height: 50px;
display: block;
border: 1px solid #676767;
text-align: center;
opacity: 0.4;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden;
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; }
.slider-pro-1 .sp-arrows .sp-arrow:hover {
opacity: 1; }
.slider-pro-1 .sp-arrows .sp-arrow:before {
display: none; }
.slider-pro-1 .sp-arrows .sp-arrow:after {
content: '';
display: inline-block;
width: 22px;
height: 20px;
margin-top: -4px;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
background-color: transparent;
transform: none;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
position: static; }
.slider-pro-1 .sp-arrows .sp-previous-arrow {
margin-left: -200px; }
.slider-pro-1 .sp-arrows .sp-previous-arrow:after {
background-image: url("images/icon/arrow-left-1.png"); }
.slider-pro-1 .sp-arrows .sp-next-arrow {
margin-right: -200px; }
.slider-pro-1 .sp-arrows .sp-next-arrow:after {
background-image: url("images/icon/arrow-right-1.png"); }
.slider-pro-2 .widget-content {
background: #f9f9f9;
padding: 10px; }
.slider-pro-2 .widget-content .sp-caption-container {
display: none !important; }
.slider-pro-2 .widget-content .sp-slides-container .sp-image-container {
position: relative; }
.slider-pro-2 .widget-content .sp-slides-container .sp-image-container:before {
content: '';
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: black;
background: transparent\9;
background: rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
zoom: 1;
z-index: 2; }
.slider-pro-2 .widget-content .sp-slides-container .entry-title {
position: absolute;
left: 20px;
bottom: 50px;
z-index: 3; }
@media (max-width: 767px) {
.slider-pro-2 .widget-content .sp-slides-container .entry-title {
bottom: 10px; } }
.slider-pro-2 .widget-content .sp-thumbnails-container .sp-thumbnail-container {
margin: 5px 0;
cursor: pointer; }
.slider-pro-2 .widget-content .sp-thumbnails-container .sp-thumbnail-container:hover .sp-thumbnail:before {
opacity: 1; }
.slider-pro-2 .widget-content .sp-thumbnails-container .sp-thumbnail-container .sp-thumbnail:before {
content: '';
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: black;
background: transparent\9;
background: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
zoom: 1;
z-index: 2;
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; }
.slider-pro-2 .widget-content .sp-thumbnails-container .sp-thumbnail-container.sp-selected-thumbnail:before, .slider-pro-2 .widget-content .sp-thumbnails-container .sp-thumbnail-container.sp-selected-thumbnail:after {
display: none; }
.slider-pro-2 .widget-content .sp-thumbnails-container .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail:before {
opacity: 1; }
.slider-pro-3 {
overflow: hidden; }
.slider-pro-3 .sp-slide.sp-selected .entry-item .entry-thumb:after {
background: rgba(0, 0, 0, 0.3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4c000000,endColorstr=#4c000000); }
.slider-pro-3 .sp-slide.sp-selected .entry-item .entry-content {
display: block; }
.slider-pro-3 .sp-slides-container:hover .sp-arrows .sp-previous-arrow {
margin-left: 28px; }
@media (max-width: 767px) {
.slider-pro-3 .sp-slides-container:hover .sp-arrows .sp-previous-arrow {
margin-left: 10px; } }
.slider-pro-3 .sp-slides-container:hover .sp-arrows .sp-next-arrow {
margin-right: 28px; }
@media (max-width: 767px) {
.slider-pro-3 .sp-slides-container:hover .sp-arrows .sp-next-arrow {
margin-right: 10px; } }
.slider-pro-3 .sp-arrows {
opacity: 1; }
.slider-pro-3 .sp-arrows .sp-arrow {
width: 50px;
height: 50px;
padding: 0;
line-height: 50px;
display: block;
border: 1px solid #676767;
text-align: center;
opacity: 0.4;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden;
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; }
.slider-pro-3 .sp-arrows .sp-arrow:hover {
opacity: 1; }
.slider-pro-3 .sp-arrows .sp-arrow:before {
display: none; }
.slider-pro-3 .sp-arrows .sp-arrow:after {
content: '';
display: inline-block;
width: 22px;
height: 20px;
margin-top: -4px;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
background-color: transparent;
transform: none;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
position: static; }
.slider-pro-3 .sp-arrows .sp-previous-arrow {
margin-left: -200px; }
.slider-pro-3 .sp-arrows .sp-previous-arrow:after {
background-image: url("images/icon/arrow-left-1.png"); }
.slider-pro-3 .sp-arrows .sp-next-arrow {
margin-right: -200px; }
.slider-pro-3 .sp-arrows .sp-next-arrow:after {
background-image: url("images/icon/arrow-right-1.png"); }
.slider-pro-3 .sp-thumbnails-container {
margin-top: -3px; }
.slider-pro-3 .sp-thumbnails-container .sp-thumbnail-container {
margin: 5px 0 0;
cursor: pointer; }
.slider-pro-3 .sp-thumbnails-container .sp-thumbnail-container .sp-thumbnail:before {
content: '';
opacity: 0;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: black;
background: transparent\9;
background: rgba(0, 0, 0, 0.4);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#66000000,endColorstr=#66000000);
zoom: 1;
z-index: 2;
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; }
.slider-pro-3 .sp-thumbnails-container .sp-thumbnail-container.sp-selected-thumbnail:before, .slider-pro-3 .sp-thumbnails-container .sp-thumbnail-container.sp-selected-thumbnail:after {
display: none; }
.slider-pro-3 .sp-thumbnails-container .sp-thumbnail-container.sp-selected-thumbnail .sp-thumbnail:before {
opacity: 1; }
/**
* 2.7 - tag-cloud-widget
* -------------------------------------------------------------------
*/
.widget_tag_cloud {
border: 1px solid #ededed; }
.widget_tag_cloud .tagcloud {
font-size: 0;
line-height: 0;
padding: 0 30px 26px; }
.widget_tag_cloud .tagcloud a {
display: inline-block;
margin: 0 4px 4px 0;
font-size: 14px;
line-height: 20px;
color: #000000;
border: 1px solid #ededed;
padding: 4px 10px;
font-family: Georgia, serif;
font-weight: 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; }
.widget_tag_cloud .tagcloud a:hover {
color: #666666; }
.widget_tag_cloud .tagcloud .big {
font-family: GeorgiaBold, serif;
font-weight: normal; }
/**
* 2.8 - articles-list-widget
* -------------------------------------------------------------------
*/
.entry-right {
position: relative; }
.sticky-post-icon {
position: absolute;
display: block;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
background: black;
background: transparent\9;
background: rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
zoom: 1;
top: 0;
left: 15px;
z-index: 22; }
.sticky-post-icon i {
color: #ffffff; }
.entry-item.no-thumb .sticky-post-icon {
position: static;
margin: 0 0 10px; }
.articles-list-2 .widget-content .entry-author, .articles-list-3 .entry-item .entry-right .entry-box .entry-content .entry-author, .articles-list-5 > .widget-content .entry-item .entry-right .entry-author {
font-size: 12px;
line-height: 20px;
color: #909090;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.articles-list-2 .widget-content .entry-author > a, .articles-list-3 .entry-item .entry-right .entry-box .entry-content .entry-author > a, .articles-list-5 > .widget-content .entry-item .entry-right .entry-author > a {
margin: 0 0 0 3px;
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 .widget-content .entry-author > a:hover, .articles-list-3 .entry-item .entry-right .entry-box .entry-content .entry-author > a:hover, .articles-list-5 > .widget-content .entry-item .entry-right .entry-author > a:hover {
color: #666666; }
.articles-list-3 .entry-item .entry-left .share-1, .articles-list-5 > .widget-content .entry-item .entry-left .share-1, .single-post-content .single-post-left .inner .share-1 {
margin-top: -10px; }
@media (max-width: 768px) {
.articles-list-3 .entry-item .entry-left .share-1, .articles-list-5 > .widget-content .entry-item .entry-left .share-1, .single-post-content .single-post-left .inner .share-1 {
margin-top: 0;
padding-top: 10px;
width: 150px;
clear: both;
background: #ffffff; } }
.articles-list-3 .entry-item .entry-left .share-1 li, .articles-list-5 > .widget-content .entry-item .entry-left .share-1 li, .single-post-content .single-post-left .inner .share-1 li {
margin: 10px 0 0; }
@media (max-width: 767px) {
.articles-list-3 .entry-item .entry-left .share-1 li, .articles-list-5 > .widget-content .entry-item .entry-left .share-1 li, .single-post-content .single-post-left .inner .share-1 li {
margin-top: 5px; } }
.articles-list-3 .entry-item .entry-left .share-1 li a, .articles-list-5 > .widget-content .entry-item .entry-left .share-1 li a, .single-post-content .single-post-left .inner .share-1 li a {
display: block;
font-size: 12px;
line-height: 26px;
color: #909090;
border: 1px solid #e6e6e6;
font-family:Trade Gothic W01 Roman;
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; }
@media (max-width: 767px) {
.articles-list-3 .entry-item .entry-left .share-1 li a, .articles-list-5 > .widget-content .entry-item .entry-left .share-1 li a, .single-post-content .single-post-left .inner .share-1 li a {
padding: 0 10px; } }
.articles-list-3 .entry-item .entry-left .share-1 li a:hover, .articles-list-5 > .widget-content .entry-item .entry-left .share-1 li a:hover, .single-post-content .single-post-left .inner .share-1 li a:hover {
color: #666666; }
.articles-list-3 .entry-item .entry-left .share-1 li a i, .articles-list-5 > .widget-content .entry-item .entry-left .share-1 li a i, .single-post-content .single-post-left .inner .share-1 li a i {
width: 15px;
text-align: left;
margin: 0 5px 0 0;
font-size: 14px; }
.articles-list-3 .entry-item .entry-left, .articles-list-5 > .widget-content .entry-item .entry-left, .single-post-content .single-post-left .inner {
position: relative;
padding: 0 15px 13px;
float: left;
text-align: center;
width: 100%;
max-width: 120px; }
@media (max-width: 768px) {
.articles-list-3 .entry-item .entry-left, .articles-list-5 > .widget-content .entry-item .entry-left, .single-post-content .single-post-left .inner {
float: none;
max-width: none;
text-align: left;
padding-top: 9px; } }
.articles-list-3 .entry-item .entry-left .divier, .articles-list-5 > .widget-content .entry-item .entry-left .divier, .single-post-content .single-post-left .inner .divier {
display: block;
background: #000000;
max-width: 90px;
height: 3px;
margin: 0 0 10px; }
@media (max-width: 768px) {
.articles-list-3 .entry-item .entry-left .divier, .articles-list-5 > .widget-content .entry-item .entry-left .divier, .single-post-content .single-post-left .inner .divier {
max-width: 50px;
left: 15px; } }
.articles-list-3 .entry-item .entry-left .entry-author-avatar, .articles-list-5 > .widget-content .entry-item .entry-left .entry-author-avatar, .single-post-content .single-post-left .inner .entry-author-avatar {
display: block;
width: 50px;
height: 50px;
margin: 0 auto 6px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
@media (max-width: 768px) {
.articles-list-3 .entry-item .entry-left .entry-author-avatar, .articles-list-5 > .widget-content .entry-item .entry-left .entry-author-avatar, .single-post-content .single-post-left .inner .entry-author-avatar {
display: none; } }
.articles-list-3 .entry-item .entry-left .entry-time-1, .articles-list-5 > .widget-content .entry-item .entry-left .entry-time-1, .single-post-content .single-post-left .inner .entry-time-1 {
display: block;
font-size: 15px;
line-height: 20px;
color: #909090;
margin: 0 0 32px;
font-family: GeorgiaItalic, serif;
font-weight: normal; }
.articles-list-3 .entry-item .entry-left .toggle-share-1, .articles-list-5 > .widget-content .entry-item .entry-left .toggle-share-1, .single-post-content .single-post-left .inner .toggle-share-1 {
float: right;
font-size: 12px;
line-height: 26px;
color: #909090;
border: 1px solid #ededed;
padding: 1px 12px;
display: none;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
@media (max-width: 768px) {
.articles-list-3 .entry-item .entry-left .toggle-share-1, .articles-list-5 > .widget-content .entry-item .entry-left .toggle-share-1, .single-post-content .single-post-left .inner .toggle-share-1 {
display: inline-block; } }
@media (max-width: 768px) {
.articles-list-3 .entry-item .entry-left .wrap-share-1, .articles-list-5 > .widget-content .entry-item .entry-left .wrap-share-1, .single-post-content .single-post-left .inner .wrap-share-1 {
position: absolute;
right: 15px;
top: 0;
z-index: 2; }
.articles-list-3 .entry-item .entry-left .wrap-share-1 .share-1, .articles-list-5 > .widget-content .entry-item .entry-left .wrap-share-1 .share-1, .single-post-content .single-post-left .inner .wrap-share-1 .share-1 {
display: none; } }
.widget-header {
position: relative; }
.entry-item .entry-thumb {
position: relative; }
.entry-item .entry-thumb .categorie-icon {
width: 45px;
height: 45px;
position: absolute;
display: block;
left: 0;
right: 0;
z-index: 2;
cursor: pointer;
margin: 0 auto;
/* [disabled]background: rgba(255, 255, 255, 0.8); */
zoom: 1;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
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;
}
.entry-item .entry-thumb .categorie-icon:hover {
background: #ffffff; }
.entry-item .entry-thumb .categorie-icon i {
color: #000000;
line-height: 45px;
position: relative;
left: 2px; }
.articles-list-1 .widget-header {
border-bottom: 1px solid #ededed;
margin: 0 0 44px;
position: relative; }
.articles-list-1 .widget-header .separator {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.articles-list-1 .widget-header .inner {
padding: 29px 30px 0; }
@media (max-width: 767px) {
.articles-list-1 .widget-header .inner {
padding: 29px 0 0; } }
.articles-list-1 .widget-header .widget-title {
text-align: center; }
.articles-list-1 .widget-content {
border-bottom: 1px solid #ededed; }
@media (max-width: 992px) {
.articles-list-1 .widget-content .kopa-row-30 {
margin-left: -15px;
margin-right: -15px; }
.articles-list-1 .widget-content .kopa-row-30 .kopa-col {
padding-left: 15px;
padding-right: 15px; } }
.articles-list-1 .entry-item {
padding-bottom: 30px; }
.articles-list-1 .entry-last .entry-item .entry-thumb {
margin: 0 0 15px; }
.articles-list-1 .entry-older .col-sm-6 {
border-left: 1px solid #ededed; }
@media (max-width: 992px) {
.articles-list-1 .entry-older .col-sm-6 {
border: 0; } }
.articles-list-1 .entry-older .entry-item .entry-thumb {
margin: 0 0 18px; }
.articles-list-2 .widget-header {
border-bottom: 1px solid #ededed;
padding: 0 185px;
margin: 0 0 44px; }
@media (max-width: 767px) {
.articles-list-2 .widget-header {
padding: 0; } }
.articles-list-2 .widget-header .widget-title {
text-align: center; }
.articles-list-2 .widget-header .view-topic {
top: 25px; }
.articles-list-2 .widget-content {
padding: 117px 60px 90px;
position: relative;
background-image: url("images/placeholder/articles/article-list-2-bg.png");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top center; }
@media (max-width: 767px) {
.articles-list-2 .widget-content {
padding: 18px 20px; } }
.articles-list-2 .widget-content:after {
content: '';
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
z-index: 0;
background: black;
background: transparent\9;
background: rgba(0, 0, 0, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
zoom: 1; }
.articles-list-2 .widget-content .inner {
position: relative;
z-index: 1; }
.articles-list-2 .widget-content .inner .col-sm-6:last-child:before {
content: '';
background: #424242;
position: absolute;
left: 0;
top: 7px;
bottom: 7px;
display: block;
width: 1px; }
@media (max-width: 767px) {
.articles-list-2 .widget-content .inner .col-sm-6:last-child:before {
display: none; } }
.articles-list-2 .widget-content .videos-page {
font-size: 26px;
line-height: 38px;
color: #ffffff;
margin: 4px 0 23px;
display: block;
font-family: GeorgiaBoldItalic, serif;
font-weight: normal;
text-transform: uppercase; }
.articles-list-2 .widget-content .videos-page i {
color: #ffffff;
font-size: 34px;
margin: 0 20px 0 0;
position: relative;
top: 3px; }
.articles-list-2 .widget-content .entry-last {
padding-right: 30px; }
@media (max-width: 767px) {
.articles-list-2 .widget-content .entry-last .entry-item {
margin: 0 0 25px; } }
.articles-list-2 .widget-content .entry-last .entry-item .entry-title {
color: #ffffff; }
.articles-list-2 .widget-content .entry-last .entry-item .entry-meta {
margin: 0 -9px 26px; }
.articles-list-2 .widget-content .entry-last .entry-item .entry-content p {
color: #cdcdcd; }
.articles-list-2 .widget-content .entry-last .entry-item .entry-content .readmore {
color: #cdcdcd; }
.articles-list-2 .widget-content .entry-last .entry-item .entry-content .entry-author {
margin: 0 0 0 20px; }
.articles-list-2 .widget-content .entry-older ul {
margin-top: -15px; }
.articles-list-2 .widget-content .entry-older ul li {
margin: 15px 0 0; }
.articles-list-2 .widget-content .entry-older .entry-item:after, .articles-list-2 .widget-content .entry-older .entry-item:before {
display: table;
content: ""; }
.articles-list-2 .widget-content .entry-older .entry-item:after {
clear: both; }
.articles-list-2 .widget-content .entry-older .entry-item .entry-thumb {
float: left;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
background: white;
background: transparent\9;
background: rgba(255, 255, 255, 0.8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff,endColorstr=#ccffffff);
zoom: 1;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.articles-list-2 .widget-content .entry-older .entry-item .entry-thumb i {
color: #a60704; }
.articles-list-2 .widget-content .entry-older .entry-item .entry-box {
overflow: hidden;
padding: 0 0 0 14px; }
.articles-list-3 .widget-header {
border-bottom: 1px solid #ededed;
margin: 0 0 44px;
position: relative; }
.articles-list-3 .widget-header .separator {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.articles-list-3 .widget-header .inner {
padding: 39px 0 0; }
@media (max-width: 767px) {
.articles-list-3 .widget-header .inner {
padding: 39px 0; } }
.articles-list-3 .widget-header .view-topic {
margin-top: -10px; }
.articles-list-3 .widget-content > ul {
margin-top: -30px; }
.articles-list-3 .widget-content > ul > li {
padding: 30px 0;
border-top: 1px solid #ededed; }
.articles-list-3 .widget-content > ul > li:first-child {
border: 0; }
.articles-list-3 .widget-content > ul > li:last-child {
padding-bottom: 10px; }
.articles-list-3 .entry-item {
margin-left: -15px;
margin-right: -15px; }
.articles-list-3 .entry-item:after, .articles-list-3 .entry-item:before {
display: table;
content: ""; }
.articles-list-3 .entry-item:after {
clear: both; }
.articles-list-3 .entry-item .entry-right {
overflow: hidden;
padding-left: 15px;
padding-right: 15px; }
.articles-list-3 .entry-item .entry-right:after, .articles-list-3 .entry-item .entry-right:before {
display: table;
content: ""; }
.articles-list-3 .entry-item .entry-right:after {
clear: both; }
.articles-list-3 .entry-item .entry-right .entry-thumb {
float: left; }
@media (max-width: 767px) {
.articles-list-3 .entry-item .entry-right .entry-thumb {
max-width: 130px; } }
.articles-list-3 .entry-item .entry-right .entry-box {
overflow: hidden;
padding: 15px 25px 15px 30px; }
@media (max-width: 767px) {
.articles-list-3 .entry-item .entry-right .entry-box {
padding: 10px 20px; } }
@media (max-width: 480px) {
.articles-list-3 .entry-item .entry-right .entry-box {
padding-right: 0; } }
.articles-list-3 .entry-item .entry-right .entry-box .entry-meta {
margin-bottom: 20px; }
@media (max-width: 767px) {
.articles-list-3 .entry-item .entry-right .entry-box .entry-content {
display: none; } }
.articles-list-3 .entry-item .entry-right .entry-box .entry-content .entry-author {
margin: 0 0 0 15px; }
.articles-list-4 {
border: 1px solid #ededed;
padding: 0 30px 30px; }
.articles-list-4 .widget-content {
padding-top: 10px; }
.articles-list-4 .widget-content > ul {
margin-top: -30px; }
.articles-list-4 .widget-content > ul > li {
margin: 30px 0 0; }
.articles-list-4 .entry-item:after, .articles-list-4 .entry-item:before {
display: table;
content: ""; }
.articles-list-4 .entry-item:after {
clear: both; }
.articles-list-4 .entry-item .entry-thumb {
float: left; }
.articles-list-4 .entry-item .entry-box {
overflow: hidden;
padding: 0 0 0 20px; }
.articles-list-4 .entry-item .entry-box .entry-meta a {
border: 0; }
.articles-list-5 > .widget-content {
margin-top: -60px; }
.articles-list-5 > .widget-content li:first-child .entry-item:after {
display: none; }
.articles-list-5 > .widget-content .entry-item {
margin: 30px -15px 0;
padding: 30px 0 0;
position: relative; }
.articles-list-5 > .widget-content .entry-item:before {
content: '';
display: block;
position: absolute;
left: 15px;
right: 15px;
top: 0;
height: 1px;
background: #ededed; }
.articles-list-5 > .widget-content .entry-item:after {
content: '';
display: table;
clear: both; }
.articles-list-5 > .widget-content .entry-item .entry-right {
overflow: hidden;
padding-left: 15px;
padding-right: 15px; }
.articles-list-5 > .widget-content .entry-item .entry-right .entry-thumb {
margin: 0 0 18px; }
.articles-list-5 > .widget-content .entry-item .entry-right header .entry-title {
margin: 0 0 12px; }
.articles-list-5 > .widget-content .entry-item .entry-right header .entry-meta {
margin: 0 -9px 23px; }
@media (max-width: 767px) {
.articles-list-5 > .widget-content .entry-item .entry-right header .entry-meta {
margin: 0 -4px 23px; } }
.articles-list-5 > .widget-content .entry-item .entry-right .entry-author {
margin: 0 0 0 15px; }
.articles-list-5 > .widget-content .entry-item .entry-right footer {
padding: 16px 0 0; }
.articles-list-5 > .widget-content .entry-item .entry-right footer .view-topic {
position: static;
display: inline-block; }
.articles-list-6 .widget-title {
text-align: center; }
.articles-list-6 .widget-content .entry-item {
border: 1px solid #e6e6e6;
margin: 0 0 40px; }
.articles-list-6 .widget-content .entry-item .entry-title {
margin: 0 0 10px; }
.articles-list-6 .widget-content .entry-item .entry-box {
padding: 18px 30px 30px; }
.articles-list-6 .widget-content .entry-item .entry-thumb {
margin: 0; }
.articles-list-6 .widget-content .entry-item .entry-content {
padding: 16px 0 0; }
.articles-list-6 .widget-content .entry-item .entry-content p {
margin: 0; }
.articles-list-6 .more-post {
width: 135px;
height: 35px;
display: block;
margin: 0 auto;
font-size: 12px;
line-height: 33px;
color: #909090;
text-align: center;
border: 1px solid #e6e6e6;
font-family:Trade Gothic W01 Roman;
font-weight: 400;
text-transform: uppercase; }
.articles-list-6 .more-post:hover {
color: #666666; }
.articles-list-7 .widget-header {
position: relative;
margin: 0 0 45px;
border-top: 1px solid #ededed;
border-bottom: 1px solid #ededed; }
.articles-list-7 .widget-header .inner {
padding: 39px 0px 22px; }
@media (max-width: 767px) {
.articles-list-7 .widget-header .inner {
padding: 39px 0 22px; } }
.articles-list-7 .widget-header .inner .widget-title {
text-align: center;
margin: 0 0 10px; }
.articles-list-7 .widget-content {
margin-top: -23px; }
.articles-list-7 .entry-item {
margin: 23px 0 0; }
.articles-list-7 .entry-item .entry-thumb {
margin: 0 0 18px; }
.articles-list-7 .entry-item .entry-title {
line-height: 22px;
margin: 0 0 4px;
max-width: 250px; }
.articles-list-7 .entry-item .entry-categories {
font-size: 15px;
line-height: 20px;
color: #909090;
font-family: Georgia, serif;
font-weight: 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; }
.articles-list-8 .widget-title {
text-align: center; }
.articles-list-8 .widget-content .entry-item .entry-title {
margin: 0 0 10px; }
.articles-list-8 .widget-content .entry-item .entry-thumb {
margin: 0 0 18px; }
.articles-list-8 .widget-content .entry-item .entry-content {
padding: 16px 0 0; }
.articles-list-8 .widget-content .entry-item .entry-content p {
margin: 0; }
/**
* 2.9 - ads
* -------------------------------------------------------------------
*/
.ads-1, .ads-2 {
width: 100%;
text-align: center;
background: #f9f9f9;
padding: 30px 0; }
.ads-3 {
padding-bottom: 40px;
border-bottom: 3px solid #000000; }
.ads-4 {
text-align: center; }
.ads-4 .widget-content {
max-width: 80%;
margin: 0 auto; }
.ads-4 img {
margin: 40px 0 25px; }
.ads-4 + .widget_text {
margin-top: -30px !important; }
.kopa-ads-widget .widget-content {
max-width: 80%;
margin: 0 auto; }
@media (min-width: 320px) {
.kopa-ads-widget .widget-content {
max-width: 280px; } }
@media (min-width: 400px) {
.kopa-ads-widget .widget-content {
max-width: 80%; } }
@media (min-width: 768px) {
.kopa-ads-widget .widget-content {
max-width: 728px; } }
@media (min-width: 850px) {
.kopa-ads-widget .widget-content {
max-width: 800px; } }
@media (min-width: 992px) {
.kopa-ads-widget .widget-content {
max-width: 920px; } }
@media (min-width: 1240px) {
.kopa-ads-widget .widget-content {
max-width: 1170px; } }
/**
* 2.10 - filter-articles
* -------------------------------------------------------------------
*/
.kopa-filter .wrap-filter select {
padding: 10px 5px 14px 20px; }
.kopa-filter {
padding: 30px 0;
text-align: center;
border-bottom: 1px solid #e6e6e6; }
.kopa-filter .title {
display: inline-block;
vertical-align: middle;
font-size: 17px;
line-height: 26px;
color: #909090;
margin: 0 4px 0 0;
font-family: GeorgiaItalic, serif;
font-weight: normal; }
@media (max-width: 768px) {
.kopa-filter .title {
display: block;
margin: 0 0 20px; } }
.kopa-filter .wrap-filter {
margin: 0 8px;
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 {
display: none;
content: '';
width: 1px;
height: 20px;
position: absolute;
right: 49px;
top: 15px;
background: #e6e6e6;
z-index: -1; }
.kopa-filter .wrap-filter:after {
display: none;
content: '';
width: 10px;
height: 10px;
position: absolute;
right: 18px;
top: 21px;
z-index: -1;
background: url("images/icon/fashionshow-filter-icon.png") no-repeat center right; }
.kopa-filter .wrap-filter select {
padding: 10px 5px 14px 20px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
width: 240px;
height: 50px;
border: 1px solid #f5f5f5;
font-size: 17px;
line-height: 26px;
color: #909090;
border-radius: 0;
background: none;
font-family: Georgia, serif;
font-weight: normal; }
/**
* 2.11 - shop-widget
* -------------------------------------------------------------------
*/
.products-list-1 {
border: 1px solid #ededed; }
@media (max-width: 992px) {
.products-list-1 .widget-content li {
margin: 20px 0 0; } }
.products-list-1 .widget-content li .entry-item:after, .products-list-1 .widget-content li .entry-item:before {
display: table;
content: ""; }
.products-list-1 .widget-content li .entry-item:after {
clear: both; }
.products-list-1 .widget-content li .entry-item .entry-box {
overflow: hidden; }
.products-list-1 .widget-content li .entry-item .entry-box h6 {
font-size: 12px;
line-height: 24px;
color: #333333;
margin: 0 0 1px;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.products-list-1 .widget-content li .entry-item .entry-box h6 a {
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; }
.products-list-1 .widget-content li .entry-item .entry-box h6 a:hover {
color: #666666; }
.products-list-1 .widget-content li .entry-item .entry-box .categorie, .products-list-1 .widget-content li .entry-item .entry-box .old-price {
color: #909090;
font-size: 16px;
line-height: 24px;
font-family: Georgia, serif;
font-weight: normal; }
.products-list-1 .widget-content li .entry-item .entry-box .old-price {
text-decoration: line-through; }
.products-list-1 .widget-content li .entry-item .entry-box .categorie {
padding-top: 2px;
margin: 0 4px 0 0;
float: left; }
.products-list-1 .widget-content li .entry-item .entry-box .price-wrap {
text-align: right; }
.products-list-1 .widget-content li .entry-item .entry-box .current-price {
font-size: 18px;
line-height: 26px;
color: #000000;
margin: 11px 0 0;
display: block;
text-align: left;
font-family: GeorgiaBold, serif;
font-weight: normal; }
.products-list-1 .widget-content li .entry-item .entry-thumb {
width: 50%;
max-width: 50%;
float: left; }
@media (max-width: 1240px) and (min-width: 992px) {
.products-list-1 .widget-content li .entry-item .entry-thumb {
max-width: 100px; } }
@media (max-width: 992px) {
.products-list-1 .widget-content li .entry-item .entry-thumb {
float: left !important; } }
.products-list-1 .widget-content li .entry-item .entry-box {
padding: 16px 17px 0 18px; }
.products-list-1 .widget-content li:first-child {
border-top: 1px solid #ededed; }
.products-list-1 .widget-content li:nth-child(odd) .entry-thumb {
max-width: 50%;
float: right; }
.products-list-1 .widget-content li:nth-child(odd) .entry-box {
padding: 16px 17px 0; }
@media (max-width: 1240px) and (min-width: 992px) {
.products-list-1 .widget-content li:nth-child(odd) .entry-box {
padding: 0 10px; } }
.products-list-1 .widget-content li:nth-child(even) .entry-thumb {
max-width: 50%;
float: left; }
.products-list-1 .widget-content li:nth-child(even) .entry-box {
padding: 16px 17px 0 18px; }
@media (max-width: 1240px) and (min-width: 992px) {
.products-list-1 .widget-content li:nth-child(even) .entry-box {
padding: 5px 5px; } }
/**
* 2.12 - flick-widget
* -------------------------------------------------------------------
*/
.kopa-photo-flick-widget {
border: 1px solid #ededed; }
.kopa-photo-flick-widget .widget-content {
padding: 0 30px 30px; }
.kopa-photo-flick-widget ul {
list-style: none;
padding: 0;
margin: -2px 0 0;
font-size: 0;
line-height: 0; }
.kopa-photo-flick-widget ul li {
width: 50%;
display: inline-block;
padding: 0 1px;
margin: 2px 0 0; }
@media (max-width: 992px) {
.kopa-photo-flick-widget ul li {
width: 25%; } }
@media (max-width: 530px) {
.kopa-photo-flick-widget ul li {
width: 33.3333%; } }
@media (max-width: 400px) {
.kopa-photo-flick-widget ul li {
width: 50%; } }
.kopa-photo-flick-widget ul li a {
display: block;
width: 100% !important;
height: 120px !important;
position: relative;
text-align: center; }
@media (max-width: 1240px) and (min-width: 992px) {
.kopa-photo-flick-widget ul li a {
height: 80px !important; } }
.kopa-photo-flick-widget ul li a:hover:before {
opacity: 1;
visibility: visible; }
.kopa-photo-flick-widget ul li a:before {
width: 100%;
height: 100%;
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 2;
background: transparent\9;
background: rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
zoom: 1;
opacity: 0;
visibility: 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; }
/**
* 2.13 - text-widget
* -------------------------------------------------------------------
*/
.widget-area-11 .widget_text p {
font-size: 16px;
line-height: 24px;
color: #909090;
width: 100%;
max-width: 736px;
margin: 0 auto 7px;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
/**
* 2.14 - newsletter
* -------------------------------------------------------------------
*/
.kopa-newsletter-widget .widget-content .inner {
background: #2c2c2c;
font-size: 0;
line-height: 0;
position: relative;
width: 100%;
max-width: 578px;
margin: 0 auto; }
.kopa-newsletter-widget .widget-content .inner .kopa-label {
font-size: 13px;
line-height: 1;
padding: 0 14px 0 0;
border-right: 1px solid #ffffff;
color: #ffffff;
position: absolute;
top: 17px;
left: 20px;
font-family:Trade Gothic W01 Roman;
font-weight: 700;
text-transform: uppercase; }
.kopa-newsletter-widget .widget-content .inner input[type="text"] {
border: 0;
font-size: 14px;
line-height: 1;
color: #626262;
height: 48px;
padding: 17px 62px 15px 135px;
width: 100%;
background: none;
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; }
.kopa-newsletter-widget .widget-content .inner input[type="text"]:active, .kopa-newsletter-widget .widget-content .inner input[type="text"]:focus {
outline: 2px solid #000000; }
.kopa-newsletter-widget .widget-content .inner ::-webkit-input-placeholder {
color: #626262;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.kopa-newsletter-widget .widget-content .inner :-moz-placeholder {
color: #626262;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.kopa-newsletter-widget .widget-content .inner ::-moz-placeholder {
color: #626262;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.kopa-newsletter-widget .widget-content .inner :-ms-input-placeholder {
color: #626262;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.kopa-newsletter-widget .widget-content .inner input[type="submit"] {
position: absolute;
right: 0;
top: 0;
border: 0;
text-align: center;
width: 62px;
height: 48px;
line-height: 48px;
background: url("images/icon/arrow-right-1.png") center no-repeat; }
/**
* 2.15 - social-widget
* -------------------------------------------------------------------
*/
.social-1 .widget-content ul {
text-align: center;
font-size: 0;
line-height: 0; }
.social-1 .widget-content ul li {
display: inline-block;
margin: 0 5px; }
.social-1 .widget-content ul li a {
display: block;
border: 1px solid #2a2a2a;
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.social-1 .widget-content ul li a:hover i {
color: #666666; }
.social-1 .widget-content ul li a i {
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;
color: #ffffff;
font-size: 16px;
line-height: 40px; }
/**
* 2.16 - kopa-services-widget
* -------------------------------------------------------------------
*/
.services-widget-1 .entry-item {
text-align: center;
padding: 0 0 10px; }
@media (max-width: 768px) {
.services-widget-1 .entry-item {
margin: 0 0 30px; } }
.services-widget-1 .entry-item .entry-thumb {
margin: 0 0 15px; }
.services-widget-1 .entry-item .entry-thumb i {
font-size: 46px;
color: #909090; }
.services-widget-1 .entry-item .title {
font-size: 14px;
line-height: 20px;
color: #000000;
display: block;
font-family:Trade Gothic W01 Roman;
font-weight: 700;
text-transform: uppercase; }
.services-widget-1 .entry-item .divier {
display: block;
margin: 15px auto;
width: 51px;
height: 1px;
background: #b9b9b9; }
.services-widget-1 .entry-item p {
margin: 0; }
.services-widget-2 .widget-content {
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6; }
.services-widget-2 .widget-content:after, .services-widget-2 .widget-content:before {
display: table;
content: ""; }
.services-widget-2 .widget-content:after {
clear: both; }
@media (max-width: 768px) {
.services-widget-2 .widget-content .kopa-col-half {
width: 100%; } }
.services-widget-2 .entry-item {
padding: 34px 0 16px;
text-align: center;
border-left: 1px solid #e6e6e6; }
@media (max-width: 768px) {
.services-widget-2 .entry-item {
height: auto !important;
border: 0;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6; } }
.services-widget-2 .entry-item:last-child {
margin-left: -1px;
border-right: 1px solid #e6e6e6; }
.services-widget-2 .title {
font-size: 20px;
line-height: 26px;
display: block;
margin: 0 0 7px;
color: #000000;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
.services-widget-2 .services-description {
font-size: 17px;
line-height: 24px;
display: block;
margin: 0 0 14px;
color: #909090;
font-family: GeorgiaItalic, serif;
font-weight: normal; }
.services-widget-2 .more-info {
font-size: 12px;
line-height: 24px;
color: #000000;
margin: 0 0 10px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
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; }
.services-widget-2 .more-info:hover {
color: #666666; }
/**
* 2.17 - kopa-breadcrumb
* -------------------------------------------------------------------
*/
.wrap-top-page {
padding: 30px 0 33px;
background-repeat: no-repeat;
background-position: center top;
background-image: url("images/fixed/bg-page-title.jpg");
background-size: 100% auto;
background-attachment: fixed; }
@media (max-width: 992px) {
.wrap-top-page {
background-size: cover; } }
.wrap-top-page .entry-cat-title {
text-align: center;
font-size: 44px;
line-height: 50px;
margin: 0;
color: #000000;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
@media (max-width: 768px) {
.wrap-top-page .entry-cat-title {
font-size: 25px;
line-height: 30px; } }
.wrap-top-page .kopa-breadcrumb {
text-align: center;
font-size: 0;
line-height: 0; }
.wrap-top-page .kopa-breadcrumb > a {
display: inline-block;
vertical-align: middle;
font-size: 15px;
line-height: 26px;
color: #909090;
font-family: Georgia, serif;
font-weight: normal; }
.wrap-top-page .kopa-breadcrumb > span {
display: inline-block;
vertical-align: middle;
font-size: 15px;
line-height: 26px;
color: #909090;
font-family: Georgia, serif;
font-weight: normal; }
.wrap-top-page .kopa-breadcrumb > span:first-child:before {
display: none; }
.wrap-top-page .kopa-breadcrumb > span:before {
content: '';
width: 10px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url("images/fixed/bg-breadcrumb.png") no-repeat center;
font-size: 15px;
line-height: 26px;
color: #909090;
margin: 0 10px;
font-family: Georgia, serif;
font-weight: normal; }
.wrap-top-page .kopa-breadcrumb > span 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; }
.wrap-top-page .kopa-breadcrumb > span a:hover {
color: #666666; }
/**
* 2.18 - pagination
* -------------------------------------------------------------------
*/
.kopa-full-width .kopa-pagination > ul {
max-width: 800px;
margin: 0 auto; }
.kopa-pagination {
border-top: 3px solid #000000;
width: 100%;
padding: 50px 0; }
.kopa-pagination > ul {
text-align: center;
font-size: 0;
line-height: 0; }
.kopa-pagination > ul > li {
opacity: 0.4;
display: inline-block;
vertical-align: middle;
margin: 5px;
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; }
@media (max-width: 768px) {
.kopa-pagination > ul > li {
display: none; } }
.kopa-pagination > ul > li:hover {
opacity: 1; }
.kopa-pagination > ul > li a, .kopa-pagination > ul > li span {
font-size: 14px;
line-height: 26px;
color: #000000;
display: block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border: 1px solid #000000;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.kopa-pagination > ul .prev, .kopa-pagination > ul .next {
padding: 0 20px;
border: 1px solid #969696;
margin: 0; }
@media (max-width: 768px) {
.kopa-pagination > ul .prev, .kopa-pagination > ul .next {
display: block; } }
.kopa-pagination > ul .prev a, .kopa-pagination > ul .next a {
color: #000000;
border: 0;
padding: 5px 0;
width: auto;
height: auto;
border-radius: 0;
background-repeat: no-repeat;
font-family:Trade Gothic W01 Roman;
font-weight: 300; }
.kopa-pagination > ul .prev {
float: left; }
.kopa-pagination > ul .prev a {
background-image: url("images/icon/arrow-left-2.png");
background-position: center left;
padding-left: 43px; }
.kopa-pagination > ul .next {
float: right; }
.kopa-pagination > ul .next a {
background-image: url("images/icon/arrow-right-2.png");
background-position: center right;
padding-right: 43px; }
.kopa-pagination > ul .current {
opacity: 1; }
/**
* 2.19 - kopa-intro-products
* -------------------------------------------------------------------
*/
.view-topic-2 {
display: inline-block;
border: 1px solid #909090;
padding: 10px 18px; }
.view-topic-2 span {
font-size: 14px;
line-height: 26px;
color: #ffffff;
display: inline-block;
vertical-align: middle;
margin: 0 17px 0 0;
font-family:Trade Gothic W01 Roman;
font-weight: 300;
text-transform: uppercase; }
.view-topic-2 i {
background-image: url("images/icon/arrow-right-3.png");
width: 20px;
height: 12px; }
.kopa-intro-products {
background-image: url(images/placeholder/shop/bg-shop-2);
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
position: relative; }
.kopa-intro-products:after, .kopa-intro-products:before {
display: table;
content: ""; }
.kopa-intro-products:after {
clear: both; }
.kopa-intro-products .inner {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);
zoom: 1; }
.kopa-intro-products .intro-col {
padding: 80px 0;
min-height: 480px;
position: relative;
z-index: 1;
width: 46.7%;
float: left; }
@media (max-width: 992px) {
.kopa-intro-products .intro-col {
width: 100%;
padding: 30px 0;
height: auto !important; } }
.kopa-intro-products .intro-col .entry-item {
position: relative;
max-width: 450px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%); }
@media (max-width: 992px) {
.kopa-intro-products .intro-col .entry-item {
max-width: none;
position: static;
transform: none; } }
.kopa-intro-products .intro-col .entry-item .entry-content p {
font-size: 17px;
line-height: 26px;
color: #cdcdcd;
margin: 0 0 23px;
font-family: Georgia, serif;
font-weight: normal; }
.kopa-intro-products .products-col {
position: relative;
z-index: 1;
width: 53.3%;
float: left;
background: rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000,endColorstr=#33000000);
zoom: 1; }
@media (max-width: 992px) {
.kopa-intro-products .products-col {
width: 100%;
padding: 30px 0;
height: auto !important;
background: none; } }
.kopa-intro-products .products-col ul {
position: relative;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%); }
@media (max-width: 992px) {
.kopa-intro-products .products-col ul {
max-width: none;
position: static;
transform: none; } }
.kopa-intro-products .products-col ul:after, .kopa-intro-products .products-col ul:before {
display: table;
content: ""; }
.kopa-intro-products .products-col ul:after {
clear: both; }
.kopa-intro-products .products-col ul li {
width: 100%;
max-width: 300px;
float: left;
padding: 10px 15px; }
@media (max-width: 1240px) {
.kopa-intro-products .products-col ul li {
width: 50%;
max-width: none; } }
@media (max-width: 530px) {
.kopa-intro-products .products-col ul li {
width: 100%; } }
.kopa-intro-products .products-col .entry-item .entry-thumb {
margin: 0 0 18px; }
.kopa-intro-products .products-col .entry-item .entry-content .product-name {
font-size: 14px;
line-height: 24px;
color: #ffffff;
margin: 0 0 3px;
font-family:Trade Gothic W01 Roman;
font-weight: 400;
text-transform: uppercase; }
.kopa-intro-products .products-col .entry-item .entry-content .current-price {
font-size: 17px;
line-height: 24px;
color: #ffffff;
font-family: Georgia, serif;
font-weight: normal; }
/**
* 2.20 - bottom-sidebar
* -------------------------------------------------------------------
*/
#bottom-sidebar {
background: #171717;
padding-top: 1px;
padding-right: 0;
padding-bottom: 1px;
padding-left: 0;
}
/**
* 2.21 - main-footer
* -------------------------------------------------------------------
*/
#kopa-main-footer {
background: #000000;
padding: 11px 0; }
#kopa-main-footer .footer-nav ul {
text-align: center;
font-size: 0;
line-height: 0; }
#kopa-main-footer .footer-nav ul li {
display: inline-block; }
#kopa-main-footer .footer-nav ul li a {
font-size: 12px;
line-height: 20px;
color: #ffffff;
display: block;
padding: 5px 10px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 300;
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 .footer-nav ul li a:hover {
color: #666666; }
/**
* 2.22 - bx-widget
* -------------------------------------------------------------------
*/
.kopa-bx-widget .widget-content .bx-wrapper {
margin: 0; }
.kopa-bx-widget .widget-content .bx-wrapper .bx-viewport {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border: 0;
left: 0; }
.kopa-bx-widget .widget-content .bx-wrapper .bx-controls {
border-top: 1px solid #ededed; }
.kopa-bx-widget .widget-content .bx-wrapper .bx-controls .bx-pager {
min-height: 50px;
padding: 19px 0;
font-size: 0;
line-height: 0;
position: static; }
.kopa-bx-widget .widget-content .bx-wrapper .bx-controls .bx-pager .bx-pager-link {
width: 11px;
height: 11px;
margin: 0 2.5px;
background: none;
border: 1px solid #ededed; }
.kopa-bx-widget .widget-content .bx-wrapper .bx-controls .bx-pager .bx-pager-link:hover {
background: #000000;
border-color: #000000; }
.kopa-bx-widget .widget-content .bx-wrapper .bx-controls .bx-pager .bx-pager-link.active {
background: #000000;
border-color: #000000; }
.kopa-bx-widget .widget-content .bx-wrapper .bx-controls .bx-controls-direction > a {
text-shadow: none;
width: 12px;
height: 12px;
background-position: center;
background-repeat: no-repeat;
text-indent: -99999px;
opacity: 0.4;
margin: 0;
color: transparent;
top: auto;
bottom: 18px;
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-bx-widget .widget-content .bx-wrapper .bx-controls .bx-controls-direction > a:before, .kopa-bx-widget .widget-content .bx-wrapper .bx-controls .bx-controls-direction > a:after {
display: none; }
.kopa-bx-widget .widget-content .bx-wrapper .bx-controls .bx-controls-direction > a:hover {
opacity: 1; }
.kopa-bx-widget .widget-content .bx-wrapper .bx-controls .bx-controls-direction .bx-prev {
left: 26px;
background-image: url("images/icon/arrow-top.png"); }
.kopa-bx-widget .widget-content .bx-wrapper .bx-controls .bx-controls-direction .bx-next {
right: 26px;
background-image: url("images/icon/arrow-bottom.png"); }
.kopa-bx-widget {
border: 1px solid #ededed; }
.kopa-bx-widget .entry-item {
padding: 0 30px 30px; }
.kopa-bx-widget .entry-item .entry-thumb {
margin: 0 0 19px; }
.widget-area-8 .kopa-instagram-widget {
margin: 0; }
.kopa-instagram-widget:after, .kopa-instagram-widget:before {
display: table;
content: ""; }
.kopa-instagram-widget:after {
clear: both; }
.kopa-instagram-widget a {
position: relative;
display: block;
float: left;
width: 16.6666%; }
@media (max-width: 768px) {
.kopa-instagram-widget a {
width: 25%; } }
.kopa-instagram-widget a:before {
content: '';
display: block;
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
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-instagram-widget a:hover:before {
visibility: visible;
opacity: 1; }
.kopa-instagram-widget a img {
max-width: 100%; }
#bottom-sidebar .widget-area-11 .contact-1 {
margin-top: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: 0;
}
.contact-1 .widget-content {
text-align: center;
margin: 0 -20px; }
@media (max-width: 920px) {
.contact-1 .widget-content {
margin: 0 -5px; } }
.contact-1 .widget-content > p {
display: inline-block;
padding: 0 20px; }
@media (max-width: 920px) {
.contact-1 .widget-content > p {
padding: 0 5px; } }
@media (max-width: 768px) {
.contact-1 .widget-content > p {
display: block;
text-align: left; } }
.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 .contact-icon {
margin: 0 10px 0 0;
display: block;
float: left;
width: 40px;
height: 40px;
text-align: center;
border: 1px solid #262626;
color: #f9f9f9;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.contact-1 .contact-icon i {
line-height: 40px; }
.contact-1 .contact-info {
margin-top: 3px;
overflow: hidden;
display: block; }
.contact-1 .contact-info a, .contact-1 .contact-info span {
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 22px;
color: #f9f9f9;
font-family:Trade Gothic W01 Roman;
font-weight: 300;
}
/**
* 3.Pages
* -------------------------------------------------------------------
*/
/**
* 3.1 - elements-page
* -------------------------------------------------------------------
*/
.wrap-elements {
padding-top: 52px; }
.element-box {
padding: 0 0 42px; }
.element-box .element-content.paragraph > p {
margin: 0 0 27px; }
blockquote {
font-size: 19px;
line-height: 26px;
color: #909090;
border: 0;
padding: 0 0 0 20px;
position: relative;
font-family: GeorgiaItalic, serif;
font-weight: normal; }
blockquote:before {
display: block;
content: '';
width: 3px;
position: absolute;
top: 6px;
bottom: 6px;
left: 0;
background: #000000; }
.kopa-dropcap {
display: inline-block;
font-size: 26px;
line-height: 35px;
padding: 3px 14px;
margin: 2px 8px 8px 0;
float: left;
font-family:Trade Gothic W01 Roman;
font-weight: 300;
text-transform: uppercase; }
.kopa-dropcap.style-1 {
color: #000000; }
.kopa-dropcap.style-2 {
color: #ffffff;
background: #000000;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.kopa-dropcap.style-3 {
color: #ffffff;
background: #000000; }
html .alert {
font-size: 14px;
line-height: 20px;
border-radius: 0;
padding: 9px 20px;
font-family: Georgia, serif;
font-weight: normal; }
html .alert button {
opacity: 1; }
html .alert span {
font-size: 11px;
display: block;
color: #ffffff;
width: 15px;
height: 15px;
text-align: center;
margin-top: 3px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
html .alert span i {
line-height: 15px; }
.alert.alert-notice {
border-color: #eeeeee;
background-color: transparent; }
.alert.alert-notice span {
background-color: #949494; }
.alert.alert-warning {
border-color: #e6c6c6;
background-color: #fbeed5; }
.alert.alert-warning span {
background-color: #ad8643; }
.alert.alert-success {
border-color: #cddbc7;
background-color: #dff0d8; }
.alert.alert-success span {
background-color: #468847; }
.alert.alert-danger {
border-color: #ebc8c8;
background-color: #f2dede; }
.alert.alert-danger span {
background-color: #b94a48; }
.alert.alert-info {
border-color: #c6dbe6;
background-color: #d9edf7; }
.alert.alert-info span {
background-color: #3a87ad; }
.panel-group.accordion .panel, .panel-group.toggle .panel {
border: 0;
border-radius: 0;
box-shadow: none;
margin: -1px 0 0; }
.panel-group.accordion .panel .panel-heading, .panel-group.toggle .panel .panel-heading {
background: none;
border: 1px solid #e6e6e6;
border-radius: 0;
padding: 11px 57px 10px 20px;
position: relative; }
.panel-group.accordion .panel .panel-heading .panel-title a .tab-title, .panel-group.toggle .panel .panel-heading .panel-title a .tab-title {
font-size: 14px;
line-height: 22px;
color: #000000;
font-family:Trade Gothic W01 Roman;
font-weight: 400;
text-transform: uppercase; }
.panel-group.accordion .panel .panel-heading .panel-title a .b-collapse, .panel-group.toggle .panel .panel-heading .panel-title a .b-collapse {
position: absolute;
right: 14px;
top: 10px;
font-size: 26px;
display: inline-block;
color: #000000; }
.panel-group.accordion .panel .panel-heading .panel-title a .b-collapse:before, .panel-group.toggle .panel .panel-heading .panel-title a .b-collapse:before {
content: '';
width: 1px;
height: 20px;
background: #000000;
position: absolute;
top: 2px;
right: 26px;
display: block; }
.panel-group.accordion .panel .panel-collapse .panel-body, .panel-group.toggle .panel .panel-collapse .panel-body {
border: 0; }
.panel-group.accordion .panel .panel-collapse .panel-body p, .panel-group.toggle .panel .panel-collapse .panel-body p {
margin: 0 0 10px; }
.nav.nav-tabs {
border: 0;
font-size: 0;
line-height: 0; }
.nav.nav-tabs li {
background: #f5f5f5;
margin: 0 0 0 -1px;
padding: 0;
border: 1px solid #dedede; }
.nav.nav-tabs li:first-child {
margin-left: 0; }
.nav.nav-tabs li a {
font-size: 14px;
line-height: 22px;
color: #000000;
border-radius: 0;
border: 0;
margin: 0;
padding: 9px 41px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
@media (max-width: 530px) {
.nav.nav-tabs li a {
padding: 5px 20px; } }
.nav.nav-tabs li a:hover, .nav.nav-tabs li a:focus {
border: 0; }
.nav.nav-tabs .active {
border-bottom-color: #ffffff; }
.nav.nav-tabs .active a {
border-radius: 0; }
.tab-content {
border: 1px solid #dedede;
margin: -1px 0 0; }
.tab-content .tab-pane {
padding: 24px 15px 17px; }
.btn {
border-radius: 0;
font-size: 12px;
line-height: 24px;
padding: 9px 16px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.btn.btn-sm {
padding: 7px 14px; }
.btn.btn-lg {
padding: 12px 18px; }
.btn-black {
color: #ffffff;
background: #000000;
border-color: #000000;
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; }
.btn-black:hover {
color: #666666; }
.btn-default {
color: #6d6d6d;
border-color: #dedede; }
.column h5 {
font-size: 14px;
line-height: 22px;
margin: 0 0 17px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.column .row {
margin-top: 17px; }
.column p {
color: #545454; }
/**
* 3.2 - contact-page
* -------------------------------------------------------------------
*/
.kopa-map-wrapper {
position: relative;
width: 100%; }
.kopa-map-wrapper:after {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0; }
.kopa-map-wrapper #kopa-map {
height: 400px; }
.contact-box {
padding: 59px 0 0; }
.contact-box:after, .contact-box:before {
display: table;
content: ""; }
.contact-box:after {
clear: both; }
.contact-box .contact-box-left {
margin: 0 0 50px; }
@media (max-width: 768px) {
.contact-box .contact-box-left {
width: 100%; } }
.contact-box .contact-box-left .inner {
max-width: 350px; }
@media (max-width: 768px) {
.contact-box .contact-box-left .inner {
max-width: none; } }
.contact-box .contact-box-left p {
margin: 0 0 23px; }
.contact-box .contact-box-left p:after, .contact-box .contact-box-left p:before {
display: table;
content: ""; }
.contact-box .contact-box-left p:after {
clear: both; }
.contact-box .contact-box-left .ct-label {
font-size: 14px;
line-height: 26px;
color: #000000;
display: block;
margin: 0 0 14px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
.contact-box .contact-box-left .ct-label .contact-icon {
width: 30px;
height: 30px;
display: block;
text-align: center;
margin: 0 10px 0 0;
border: 1px solid #e7e7e7;
display: inline-block;
vertical-align: middle;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.contact-box .contact-box-left .ct-label .contact-icon i {
font-size: 16px;
color: #000000;
line-height: 30px; }
.contact-box .contact-box-left .ct-label + span, .contact-box .contact-box-left .ct-label + a {
font-size: 17px;
line-height: 26px;
color: #414141;
font-family: Georgia, serif;
font-weight: normal; }
.contact-box .contact-box-right {
margin: 0 0 50px; }
@media (max-width: 768px) {
.contact-box .contact-box-right {
width: 100%; } }
.contact-box .contact-box-right .inner {
max-width: 350px; }
@media (max-width: 768px) {
.contact-box .contact-box-right .inner {
max-width: none; } }
.contact-box .contact-box-right .contact-form-box label.error {
font-size: 14px;
line-height: 20px;
color: red;
position: absolute;
width: 100%;
display: block;
left: 15px;
top: -22px;
text-align: left;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.contact-box .contact-box-right .contact-form-box textarea.error, .contact-box .contact-box-right .contact-form-box input.error {
border-color: red !important; }
.contact-box .contact-box-right .contact-form-box input[type="text"] {
height: 45px; }
.contact-box .contact-box-right .contact-form-box textarea {
height: 166px;
resize: none; }
.contact-box .contact-box-right .contact-form-box input[type="text"], .contact-box .contact-box-right .contact-form-box textarea {
width: 100%;
color: #909090;
font-size: 17px;
line-height: 26px;
padding: 10px 16px;
border: 1px solid #e6e6e6;
background: #f9f9f9;
margin: 0 0 30px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
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: Georgia, serif;
font-weight: normal; }
.contact-box .contact-box-right .contact-form-box input[type="text"]:focus, .contact-box .contact-box-right .contact-form-box textarea:focus {
outline: 0;
border: 1px solid #000000; }
.contact-box .contact-box-right .contact-form-box input[type="submit"] {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
color: #909090;
font-size: 17px;
line-height: 26px;
border: 1px solid #e6e6e6;
background: #f9f9f9;
padding: 8px 17px;
float: right; }
.contact-box .contact-box-right .contact-form-box input[type="submit"]:focus:focus {
outline: 0;
border: 1px solid #000000; }
/**
* 3.3 - single-page
* -------------------------------------------------------------------
*/
.kopa-single-post .single-post-thumb {
margin: 0 0 29px; }
.kopa-single-post .single-post-thumb > img {
width: 100%; }
.kopa-single-post .single-post-thumb .widget {
margin: 0; }
.kopa-single-post .single-post-thumb .caption {
margin: 17px 0 0;
font-size: 17px;
line-height: 20px;
color: #909090;
font-family: GeorgiaItalic, serif;
font-weight: normal; }
.kopa-single-post .single-post-thumb .caption strong {
color: #000000;
margin: 0 5px 0 0;
display: inline-block; }
.single-post-content .single-post-left {
width: 17.867%;
padding-top: 11px;
padding: 11px 15px 0;
max-width: 150px; }
@media (max-width: 768px) {
.single-post-content .single-post-left {
float: none;
width: 100%;
max-width: none; } }
.single-post-content .single-post-left .inner {
padding: 0 0 23px;
max-width: none; }
.single-post-content .single-post-left .inner .divier {
max-width: none;
margin: 0 0 23px; }
@media (max-width: 768px) {
.single-post-content .single-post-left .inner .divier {
left: 0;
max-width: 70px; } }
.single-post-content .single-post-left .inner .entry-author-avatar {
width: 72px;
height: 72px;
margin-bottom: 4px;
display: block; }
@media (max-width: 768px) {
.single-post-content .single-post-left .inner .entry-author-avatar {
float: left; } }
.single-post-content .single-post-left .inner .entry-author-name {
font-size: 13px;
line-height: 20px;
color: #909090;
display: block;
margin: 0 0 12px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
@media (max-width: 768px) {
.single-post-content .single-post-left .inner .entry-author-name {
display: none; } }
.single-post-content .single-post-left .inner .entry-author-name a {
color: #909090;
display: inline-block;
margin: 0 0 0 5px;
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-content .single-post-left .inner .entry-author-name a:hover {
color: #666666; }
.single-post-content .single-post-left .inner .entry-time-1 {
margin-bottom: 28px; }
@media (max-width: 768px) {
.single-post-content .single-post-left .inner .entry-time-1 {
display: block;
clear: both; } }
.single-post-content .single-post-left .inner .share-1 li a {
text-align: left;
padding: 0 10px; }
.single-post-content .single-post-right {
padding: 0 15px;
float: none;
overflow: hidden; }
.single-post-content .single-post-right .single-post-title {
font-size: 34px;
line-height: 44px;
color: #000000;
margin: 0 0 20px;
font-family:Trade Gothic W01 Roman;
font-weight: 300;
text-transform: uppercase; }
.single-post-content .single-post-right .entry-meta {
margin: 0 -9px 22px; }
@media (max-width: 1240px) {
.single-post-content .single-post-right .entry-meta {
margin: 0 -4px 22px; } }
@media (max-width: 530px) {
.kopa-article-content img {
width: 100%;
float: none; } }
.kopa-article-content blockquote {
margin: 30px 0 20px;
clear: both; }
.kopa-article-content > strong {
font-size: 15px;
line-height: 19px;
display: block;
color: #000000;
margin: 0 0 19px;
font-family:Trade Gothic W01 Roman;
font-weight: 700;
text-transform: uppercase; }
.kopa-article-content ul {
padding-left: 18px;
margin: 0 0 20px; }
.kopa-article-content ul li {
margin: 0 0 5px; }
.kopa-article-content p {
margin: 0 0 23px; }
.kopa-article-content .alignleft {
margin: 0 0 24px;
float: left; }
@media (max-width: 768px) {
.kopa-article-content .alignleft {
width: 100%;
float: none; } }
.kopa-article-content .alignright {
margin: 0 0 24px;
float: right; }
@media (max-width: 768px) {
.kopa-article-content .alignright {
width: 100%;
float: none; } }
.kopa-article-content .aligncenter {
margin: 0 0 24px; }
.page-navigation {
text-align: right;
margin: 26px -3px; }
.page-navigation .page-links {
font-size: 0;
line-height: 0; }
.page-navigation .page-links > a, .page-navigation .page-links > span {
display: inline-block;
padding: 0 3px;
font-size: 13px;
line-height: 17px;
color: #000000;
font-family:Trade Gothic W01 Roman;
font-weight: 400;
text-transform: uppercase; }
.page-navigation .page-links > a span {
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; }
.page-navigation .page-links > a span:hover {
color: #666666; }
.kopa-tagbox {
border-top: 1px solid #ededed;
padding: 30px 0; }
.kopa-tagbox > span {
font-size: 14px;
line-height: 26px;
color: #000000;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.kopa-tagbox > a {
font-size: 14px;
line-height: 26px;
color: #909090;
display: inline-block;
padding: 1px 10px;
border: 1px solid #e6e6e6;
margin: 0 0 0 6px;
font-family: Georgia, serif;
font-weight: 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; }
.kopa-tagbox > a:hover {
color: #666666; }
.kopa-tagbox > a:after {
content: '';
margin: 0 0 0 5px;
width: 6px;
height: 6px;
display: inline-block;
vertical-align: middle;
background: #e6e6e6;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.kopa-author-box {
position: relative;
margin: 0 0 50px; }
.kopa-author-box:after {
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #e6e6e6;
position: absolute;
content: '';
z-index: -1; }
.kopa-author-box .inner:after, .kopa-author-box .inner:before {
display: table;
content: ""; }
.kopa-author-box .inner:after {
clear: both; }
.kopa-author-box .author-thumb {
float: left;
width: 110px;
height: 110px;
text-align: center;
background: #e6e6e6; }
@media (max-width: 530px) {
.kopa-author-box .author-thumb {
float: none; } }
.kopa-author-box .author-thumb img {
width: 70px;
height: 70px;
position: relative;
top: 50%;
margin-top: -35px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
overflow: hidden; }
.kopa-author-box .author-box {
overflow: hidden;
padding: 12px 12px 12px 30px; }
@media (max-width: 530px) {
.kopa-author-box .author-box {
padding: 12px; } }
.kopa-author-box .author-box .author-name {
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 26px;
color: #000000;
margin: 0 5px 5px 0;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
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-author-box .author-box .author-name:hover {
color: #666666; }
.kopa-author-box .author-box .role {
display: inline-block;
vertical-align: middle;
font-size: 15px;
line-height: 20px;
color: #909090;
margin: 0 0 5px;
font-family: GeorgiaItalic, serif;
font-weight: normal; }
.kopa-author-box .author-box .role:before {
content: '';
display: inline-block;
width: 1px;
height: 10px;
background: #909090;
margin: 0 12px 0 0; }
.kopa-author-box .author-box .author-description {
margin: 0; }
.kopa-comments > h4 {
font-size: 20px;
line-height: 26px;
color: #000000;
margin: 0 0 35px;
font-family:Trade Gothic W01 Roman;
font-weight: 700;
text-transform: uppercase; }
.kopa-comments .entry-item {
border: 1px solid #e6e6e6;
padding: 30px 20px 22px 30px; }
.kopa-comments .entry-item:after, .kopa-comments .entry-item:before {
display: table;
content: ""; }
.kopa-comments .entry-item:after {
clear: both; }
.kopa-comments .entry-item .entry-thumb {
float: left; }
@media (max-width: 530px) {
.kopa-comments .entry-item .entry-thumb {
float: none;
max-width: 70px; } }
.kopa-comments .entry-item .entry-box {
overflow: hidden;
padding: 0 0 0 40px; }
@media (max-width: 530px) {
.kopa-comments .entry-item .entry-box {
padding: 10px 0 0; } }
.kopa-comments .entry-item .entry-box .cmt-name {
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 26px;
color: #000000;
margin: 0 5px 5px 0;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
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;
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 .entry-item .entry-box .cmt-name:hover {
color: #666666; }
@media (max-width: 530px) {
.kopa-comments .entry-item .entry-box .cmt-name {
margin-bottom: 15px; } }
.kopa-comments .entry-item .entry-box .cmt-time {
display: inline-block;
vertical-align: middle;
font-size: 15px;
line-height: 20px;
color: #909090;
margin: 0 0 5px;
font-family: GeorgiaItalic, serif;
font-weight: normal; }
@media (max-width: 530px) {
.kopa-comments .entry-item .entry-box .cmt-time {
margin-bottom: 15px; } }
.kopa-comments .entry-item .entry-box .cmt-time:before {
content: '';
display: inline-block;
width: 1px;
height: 10px;
background: #909090;
margin: 0 12px 0 0; }
.kopa-comments .entry-item .entry-box .cmt-time span {
font-size: 11px; }
.kopa-comments .entry-item .entry-box .cmt-reply {
float: right;
display: inline-block;
font-size: 12px;
line-height: 23px;
color: #909090;
background: #e7e7e7;
padding: 0 14px;
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;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.kopa-comments .entry-item .entry-box .cmt-reply:hover {
color: #666666; }
@media (max-width: 530px) {
.kopa-comments .entry-item .entry-box .cmt-reply {
margin-bottom: 15px; } }
.kopa-comments .entry-item .entry-box .cmt-content {
margin-top: -10px; }
.kopa-comments .entry-item .entry-box .cmt-content p {
margin: 10px 0 0; }
.kopa-comments > .rs-ul > li > .entry-item {
margin: 30px 0 0; }
.kopa-comments > .rs-ul .rs-ul {
padding-left: 30px; }
.kopa-comments > .rs-ul .rs-ul > li > .entry-item {
background: #f9f9f9;
margin: 15px 0 0; }
.kopa-comments .comments-pagination {
padding: 30px 0; }
.kopa-comments .comments-pagination ul {
text-align: right;
font-size: 0;
line-height: 0;
margin: 0 -3px; }
.kopa-comments .comments-pagination ul li {
display: inline-block;
vertical-align: middle; }
.kopa-comments .comments-pagination ul li a {
display: inline-block;
padding: 0 3px;
font-size: 13px;
line-height: 17px;
color: #000000;
font-family:Trade Gothic W01 Roman;
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-comments .comments-pagination ul li a:hover {
color: #666666; }
.kopa-comments .comments-pagination ul li span {
display: none; }
.comment-respond .comment-reply-title {
font-size: 20px;
line-height: 26px;
color: #000000;
margin: 0 0 50px;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 700; }
.comment-respond form {
padding: 0 0 50px; }
.comment-respond form label.error {
font-size: 14px;
line-height: 20px;
color: red;
position: absolute;
width: 100%;
display: block;
left: 15px;
top: -22px;
text-align: left;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.comment-respond form textarea.error, .comment-respond form input.error {
border-color: red !important; }
.comment-respond form input[type="text"], .comment-respond form input[type="email"], .comment-respond form textarea {
font-size: 14px;
line-height: 26px;
color: #909090;
width: 100%;
border: 1px solid #e6e6e6;
padding: 10px 16px;
margin: 0 0 30px;
font-family:Trade Gothic W01 Roman;
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; }
.comment-respond form input[type="text"]:focus, .comment-respond form input[type="email"]:focus, .comment-respond form textarea:focus {
border-color: #000000;
outline: 0; }
.comment-respond form input[type="submit"] {
width: 165px;
height: 50px;
text-align: center;
font-size: 14px;
line-height: 26px;
color: #909090;
border: 1px solid #e6e6e6;
background: none;
padding: 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;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.comment-respond form input[type="submit"]:focus {
border-color: #000000;
outline: 0; }
.comment-respond form input[type="submit"]:hover {
color: #000000; }
.comment-respond form input[type="text"], .comment-respond form input[type="email"] {
height: 45px; }
.comment-respond form textarea {
height: 160px; }
.comment-respond form p {
margin: 0; }
@media (max-width: 768px) {
.kopa-article-content .kopa-row-20 {
margin-top: -24px; } }
.kopa-article-content .kopa-row-20 img {
width: 33.3333%;
margin: 0;
padding: 0 20px;
float: left; }
@media (max-width: 768px) {
.kopa-article-content .kopa-row-20 img {
width: 50%;
margin: 24px 0 0; } }
@media (max-width: 480px) {
.kopa-article-content .kopa-row-20 img {
width: 100%;
float: none; } }
@media (max-width: 768px) {
.kopa-article-content .kopa-row-20.two {
margin-top: -24px; } }
.kopa-article-content .kopa-row-20.two img {
width: 50%; }
@media (max-width: 480px) {
.kopa-article-content .kopa-row-20.two img {
width: 100%;
float: none; } }
/**
* 3.4 - shop-page
* -------------------------------------------------------------------
*/
.kopa-products-list .kopa-row-30 {
position: relative; }
.kopa-products-list .kopa-row-30:first-child:before {
display: none; }
.kopa-products-list .kopa-row-30:first-child .match-height-item .entry-item {
padding-top: 0; }
.kopa-products-list .kopa-row-30:before {
content: '';
display: block;
position: absolute;
left: 15px;
right: 15px;
top: 0;
height: 1px;
background: #ededed; }
@media (max-width: 530px) {
.kopa-products-list .kopa-row-30:before {
display: none; } }
.kopa-products-list .match-height-item {
border-left: 1px solid #ededed; }
@media (max-width: 767px) {
.kopa-products-list .match-height-item {
height: auto !important; } }
.kopa-products-list .match-height-item .entry-item {
padding: 40px 0 33px; }
.kopa-products-list .match-height-item .entry-item .entry-content {
position: relative;
padding: 20px 0 0; }
.kopa-products-list .match-height-item .entry-item .product-name {
display: block;
margin: 0 0 7px;
font-size: 14px;
line-height: 24px;
color: #333333;
text-transform: uppercase;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
.kopa-products-list .match-height-item .entry-item .product-categorie {
display: block;
font-size: 17px;
line-height: 24px;
color: #909090;
margin: 0 66px 5px 0;
font-family: Georgia, serif;
font-weight: normal; }
.kopa-products-list .match-height-item .entry-item .product-categorie 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-products-list .match-height-item .entry-item .product-categorie a:hover {
color: #666666; }
.kopa-products-list .match-height-item .entry-item .old-price {
display: inline-block;
margin: 0 25px 0 0;
font-size: 17px;
line-height: 24px;
color: #909090;
font-family: Georgia, serif;
font-weight: normal; }
.kopa-products-list .match-height-item .entry-item .current-price {
display: inline-block;
font-size: 17px;
line-height: 24px;
color: #000000;
font-family: GeorgiaBold, serif;
font-weight: normal; }
/**
* 3.5 - 404 page
* -------------------------------------------------------------------
*/
.wrap-404 {
text-align: center; }
.wrap-404 .search-form {
margin: 0 auto; }
.search-form {
border: 1px solid #eaeaea;
width: 311px; }
@media (max-width: 530px) {
.search-form {
width: 258px !important; } }
.search-form input {
float: left;
width: 263px;
height: 46px;
font-size: 14px;
line-height: 16px;
color: #adadad;
border: 0;
padding: 15px;
font-family:Trade Gothic W01 Roman;
font-weight: 400; }
@media (max-width: 530px) {
.search-form input {
width: 210px !important; } }
.search-form button {
float: left;
width: 46px;
height: 46px;
text-align: center;
border: 0;
padding: 0;
background: #f9f9f9; }