| Linux server27.hostingraja.org 2.6.32-954.3.5.lve1.4.93.el6.x86_64 #1 SMP Wed Oct 4 17:04:29 UTC 2023 x86_64 Path : /home/udaipurk/public_html/websites/rishh/HTML/css/ |
| Current File : /home/udaipurk/public_html/websites/rishh/HTML/css/style.css |
/*
Theme Name: XStore Html
Theme URI: http://8theme.com/
Author: 8theme
Author URI: http://www.8theme.com
Description: ThemeForest Premium Theme
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
img {
max-width: 100%;
height: auto;
}
/**
*
* Global Style
*
*/
body {
font-family: 'Lato', sans-serif;
}
iframe {
width: 100%;
}
a {
color: #1e1e1e;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
a:hover {
color: #1e1e1e;
text-decoration: none;
}
a:focus {
color: #1e1e1e;
outline: none;
text-decoration: none;
outline-offset: 0;
}
.active-color {
color: #d64444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
text-transform: uppercase;
}
h5 {
font-size: 16px;
color: #1c1a19;
font-weight: 900;
letter-spacing: 1px;
}
p {
color: #a6a6a6;
font-size: 15px;
line-height: 26px;
font-weight: 300;
font-family: 'Open Sans', sans-serif;
}
/**
*
* Heading
*
*/
.heading {
margin-bottom: 50px;
}
.heading h4 {
color: #1c1a19;
font-size: 30px;
font-weight: 900;
margin-bottom: 25px;
}
.heading h5 {
font-size: 25px;
color: #a5a093;
line-height: 1.3;
text-align: center;
text-transform: none;
font-weight: 400;
}
.heading p {
color: #a4a4a4;
font-size: 14px;
font-weight: 300;
}
.delivery {
height: 2px;
background-color: rgba(0, 0, 0, 0.1);
display: block;
top: 1px;
width: 50px;
}
.swiper-container {
position: relative;
width: 100%;
-ms-touch-action: pan-y;
cursor: url(../images/drag.png) 16 9, ew-resize !important;
}
.panel {
background-color: white;
border: none;
margin-bottom: 0.1px;
}
.home-video .panel {
margin-bottom: 0 !important;
}
.owl-theme .owl-controls {
opacity: 0;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.owl-theme:hover .owl-controls {
opacity: 1;
}
.hover-btn:hover {
color: #fff;
border-color: #e5534c;
background-color: #e5534c;
}
.hover-bg:hover {
color: #fff !important;
border-color: #e5534c !important;
background-color: #e5534c !important;
}
.hover-bg-blue:hover {
color: #fff !important;
border-color: #466e9c !important;
background-color: #466e9c;
}
.hover-bg-white:hover {
color: #222 !important;
border-color: #fff !important;
background-color: #fff !important;
}
/**
*
* Archive Themes
*
*/
.archive-themes {
text-align: center;
margin-bottom: 120px;
}
.archive-themes ul {
margin-bottom: 40px;
}
.archive-themes ul li {
display: inline-block;
margin: 0 10px;
}
.archive-themes ul li:first-child {
margin-left: 0;
}
.archive-themes ul li:last-child {
margin-right: 0;
}
.archive-themes p a {
display: block;
margin-top: 20px;
}
.archive-themes a {
color: #e5534c;
font-size: 16px;
font-weight: 700;
}
.archive-themes a:hover {
opacity: 0.7;
}
.panel .slider-hipster {
font-family: 'Montserrat', sans-serif;
margin-bottom: 20px;
}
body.open_modal .panel:before {
content: "";
width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
z-index: 999999;
background-color: rgba(11, 11, 11, 0.8);
}
.spinner7 {
width: 90px;
height: 30px;
text-align: center;
}
.spinner7 > div {
background-color: #d64444;
height: 15px;
width: 15px;
margin-left: 3px;
border-radius: 50%;
display: inline-block;
-webkit-animation: stretchdelay 0.7s infinite ease-in-out;
animation: stretchdelay 0.7s infinite ease-in-out;
}
.spinner7 .circ2 {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.spinner7 .circ3 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.spinner7 .circ4 {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.spinner7 .circ5 {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
@-webkit-keyframes stretchdelay {
0%,
40%,
100% {
-webkit-transform: translateY(-10px);
}
20% {
-webkit-transform: translateY(-20px);
}
}
@keyframes stretchdelay {
0%,
40%,
100% {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
20% {
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
}
}
/*====================================
= Header Style =
====================================*/
.top-panel-opened .top-panel-container {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.top-panel-container {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
position: absolute;
top: 0;
left: 0;
right: 0;
background-color: #262626;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
z-index: 999999;
padding-top: 30px;
padding-bottom: 35px;
}
.top-panel-container h3 {
color: #fff;
letter-spacing: 1px;
font-size: 15px;
border-bottom: 2px solid #404040;
display: inline-block;
width: 100%;
padding-bottom: 20px;
margin-bottom: 30px;
}
.top-panel-container .text h2 {
color: #fff;
font-size: 21px;
margin-bottom: 15px;
font-weight: bold;
}
.top-panel-container .text p {
color: #8c8c8c;
font-size: 14px;
font-weight: 300;
line-height: 1.8;
font-family: 'Lato', sans-serif;
margin-bottom: 10px;
}
.top-panel-container .social-icon li {
background: #2e2e2e;
border-color: #2e2e2e;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.top-panel-container .social-icon li a {
font-size: 14px;
color: #fff;
}
.top-panel-container .social-icon li:hover {
background-color: #e5534c;
cursor: pointer;
}
.top-panel-container address {
margin-top: 0;
}
.top-panel-container address .first,
.top-panel-container address .last {
color: #fff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.top-panel-container address .last {
margin-top: 15px;
}
.top-panel-container address li {
color: #8c8c8c;
font-weight: 300;
}
.top-panel-container .close-panel {
cursor: pointer;
width: 30px;
height: 30px;
margin: 0 auto;
text-align: center;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 5px;
}
.top-panel-container .close-panel:before {
content: "\f106";
color: #666;
font-size: 28px;
right: 0;
font-family: FontAwesome;
position: relative;
line-height: 1;
}
.top-bar {
position: relative;
clear: both;
vertical-align: middle;
border-bottom: 1px solid #ebebeb;
display: inline-block;
width: 100%;
}
.top-bar .currencies,
.top-bar .languages {
display: inline-block;
border-right: 1px solid #ebebeb;
padding: 8px 8px 12px 13px;
position: relative;
}
.top-bar .currencies:after,
.top-bar .languages:after {
content: "\f0d7";
font-size: 10px;
color: #b3b3b3;
font-weight: 400;
margin-left: 18px;
font-family: FontAwesome;
}
.top-bar .currencies:hover,
.top-bar .languages:hover {
cursor: pointer;
}
.top-bar .currencies:hover ul,
.top-bar .languages:hover ul {
opacity: 1;
z-index: 999999;
}
.top-bar .currencies ul,
.top-bar .languages ul {
top: 36px;
left: 0;
opacity: 0;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
border: 1px solid #e6e6e6;
text-align: left;
padding: 10px 0;
width: 200px;
z-index: -99999;
background-color: #fff;
position: absolute;
}
.top-bar .currencies ul > li,
.top-bar .languages ul > li {
font-size: 10px;
color: #9b9b9b;
padding: 9px 30px;
text-transform: uppercase;
}
.top-bar .currencies ul > li:hover,
.top-bar .languages ul > li:hover {
cursor: pointer;
color: #000;
}
.top-bar p {
font-size: 12px;
}
.top-bar span {
border: none;
color: #32302f;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
}
.top-bar span:focus {
outline: none;
}
.top-bar .text-top {
display: inline-block;
font-size: 10px;
margin-left: 13px;
text-transform: uppercase;
color: #8c8c8c;
font-weight: 400;
}
.languages-area {
float: left;
}
.top-panel-open {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
cursor: pointer;
position: absolute;
margin-top: 5px;
}
.top-panel-open span {
font-size: 0;
}
.top-panel-open:after {
content: "\f107";
color: #666;
font-size: 26px;
font-weight: 400;
font-family: FontAwesome;
}
.top-links {
float: right;
}
.top-links a {
font-size: 12px;
text-transform: uppercase;
color: #4d4d4d;
font-weight: 500;
}
.top-links a:hover {
opacity: 0.6;
}
.top-links b {
color: #a6a6a6;
font-weight: 400;
}
.top-links .login-link {
display: inline-block;
padding-right: 15px;
}
.top-links .social-icon {
display: inline-block;
}
.social-icon li {
display: inline-block;
border-left: 1px solid #ebebeb;
text-align: center;
width: 35px;
padding: 10px 0 12px 0;
}
.social-icon li a {
font-size: 14px;
padding: 0px 12px;
display: block;
}
.social-icon li a:hover {
color: #c6c6c6;
}
.menu-parent-item .label-text {
margin-left: 10px;
color: #fff;
font-size: 9px;
padding: 1px 4px;
font-weight: 400;
text-transform: uppercase;
}
.menu-parent-item .label-text.hot {
background-color: #f54442;
}
.menu-parent-item .label-text.sale {
background-color: #e6bd47;
}
.menu-parent-item .label-text.new {
background-color: #88b643;
}
.menu-parent-item:hover .nav-sublist-dropdown {
opacity: 1;
z-index: 9;
visibility: visible;
}
.menu-parent-item:hover:before {
content: "";
position: absolute;
top: 15px;
width: 100%;
height: 47px;
display: inline-block;
}
.menu-parent-item:hover .item-dropdown {
opacity: 1;
z-index: 9;
visibility: visible;
}
.menu-parent-item .nav-sublist-dropdown {
position: absolute;
top: 61px;
margin-top: -11px;
left: 0;
z-index: -9;
width: 250px;
opacity: 0;
visibility: hidden;
background-color: #fff;
text-align: left;
border: 1px solid #e6e6e6;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.menu-parent-item .nav-sublist-dropdown ul {
margin-bottom: 20px;
border-right: 1px solid #e6e6e6;
}
.menu-parent-item .nav-sublist-dropdown ul:last-child {
border-right: none;
}
.menu-parent-item .nav-sublist-dropdown li {
width: 100%;
display: block;
margin: 0;
}
.menu-parent-item .nav-sublist-dropdown li a:after {
display: none !important;
}
.menu-parent-item .nav-sublist-dropdown li .title {
margin-top: -10px;
display: block;
}
.menu-parent-item .nav-sublist-dropdown.columns-3 {
width: 800px;
padding-top: 30px;
}
.menu-parent-item .nav-sublist-dropdown.columns-3 ul {
width: 33%;
float: left;
}
.menu-parent-item .nav-sublist-dropdown.columns-3 ul:nth-child(3n+1) {
clear: both;
}
.menu-parent-item .nav-sublist-dropdown.columns-3 ul:nth-child(3) {
border-right: 0;
}
.menu-parent-item .nav-sublist-dropdown.columns-4 {
width: 1000px;
padding-top: 30px;
}
.menu-parent-item .nav-sublist-dropdown.columns-4 ul {
width: 25%;
float: left;
}
.menu-parent-item .nav-sublist-dropdown.columns-4 ul:nth-child(4n+1) {
clear: both;
}
.menu-parent-item .nav-sublist-dropdown.columns-5 {
width: 1250px;
padding-top: 30px;
}
.menu-parent-item .nav-sublist-dropdown.columns-5 ul {
width: 25%;
float: left;
}
.menu-parent-item .nav-sublist-dropdown.columns-5 ul:nth-child(5n+1) {
clear: both;
}
.menu-parent-item .nav-sublist-dropdown .title {
color: #000;
font-weight: bold;
font-size: 14px;
}
.menu-parent-item .nav-sublist-dropdown .menu-widgets {
background-color: #fafafa;
display: inline-block;
width: 100%;
padding: 28px 0 20px 0;
}
.menu-parent-item .nav-sublist-dropdown .menu-widgets h6 {
font-size: 12px;
color: #000;
font-weight: 700;
margin-bottom: 2px;
}
.menu-parent-item .nav-sublist-dropdown .menu-widgets p {
font-size: 12px;
color: #9b9b9b;
font-weight: 300;
}
.menu-parent-item .nav-sublist-dropdown .menu-widgets .icon {
float: left;
font-size: 40px;
color: #d0d0d0;
margin-right: 15px;
margin-top: -5px;
padding-left: 16px;
display: inline-block;
}
.menu-parent-item .nav-sublist-dropdown .images {
width: 100%;
display: inline-block;
}
.menu-parent-item .nav-sublist-dropdown .images .col {
display: inline-block;
width: 50%;
float: left;
}
.menu-parent-item .nav-sublist-dropdown .images .col a:hover:after {
display: none;
}
.menu-parent-item .nav-sublist-dropdown .images .col:first-child img {
padding-right: 10px;
}
.menu-parent-item .nav-sublist-dropdown .images .col:last-child img {
padding-left: 10px;
}
.menu-parent-item .item-dropdown {
position: absolute;
top: 63px;
margin-top: -11px;
left: 0;
z-index: -9;
width: 250px;
opacity: 0;
visibility: hidden;
background-color: #fff;
padding: 10px 0;
text-align: left;
border: 1px solid #e6e6e6;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.menu-parent-item .item-dropdown .menu-item-children {
position: absolute;
top: -1px;
border: 1px solid #e6e6e6;
left: 248px;
width: 250px;
opacity: 0;
visibility: hidden;
background-color: #fff;
display: inline-block;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.menu-parent-item .item-dropdown li {
width: 100%;
margin: 0;
}
.menu-parent-item .item-dropdown li:hover {
background-color: #f7f7f7 !important;
}
.menu-parent-item .item-dropdown li:hover a {
color: #9b9b9b !important;
}
.menu-parent-item .item-dropdown .nav-sublist > a:before {
content: "\f105";
font-size: 13px;
font-family: FontAwesome;
position: absolute;
right: 35px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu-parent-item .item-dropdown .nav-sublist:hover .menu-item-children {
opacity: 1;
visibility: visible;
}
.menu-parent-item .item-dropdown a:hover:after {
display: none;
}
.menu-parent-item .project {
padding: 0 20px;
}
.menu-parent-item .project .title {
padding-bottom: 20px;
}
.menu-parent-item .project .portfolio {
border-bottom: 1px solid rgba(125, 125, 125, 0.2);
padding-bottom: 17px;
margin-bottom: 17px;
}
.menu-parent-item .project .portfolio:hover {
background-color: transparent;
}
.menu-parent-item .project .portfolio:last-child {
border: none;
}
.menu-parent-item .project .portfolio img {
max-width: 34px;
float: left;
margin-right: 10px;
}
.menu-parent-item .project .portfolio a {
padding: 0;
text-transform: none;
font-size: 14px;
color: #1e1e1e;
margin-bottom: 2px;
margin-top: 1px;
font-weight: 500;
}
.menu-parent-item .project .portfolio span {
font-weight: 300;
font-size: 14px;
}
.header-overlap {
top: 0px;
z-index: 99;
width: 100%;
background-color: transparent;
position: absolute;
}
.header {
width: 100%;
padding: 30px 0;
position: relative;
z-index: 99999;
display: inline-block;
}
.header .header-logo {
width: 25%;
float: left;
display: inline-block;
}
.header .menu {
width: 50%;
display: inline-block;
padding-top: 7px;
}
.header menu {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
position: relative;
display: inline-block;
}
.header menu li {
list-style: none;
display: inline-block;
float: left;
position: relative;
margin: 0 10px;
}
.header menu li a {
font-size: 13px;
text-transform: uppercase;
color: #32302f;
font-weight: 700;
}
.header menu li a:after {
content: "";
display: block;
width: 100%;
margin-top: 2px;
opacity: 0;
position: absolute;
height: 2px !important;
background-color: #d64444;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.header menu li a:hover {
text-decoration: none;
}
.header menu li a:hover:after {
opacity: 1;
}
.header menu li.active a {
color: #d64444;
}
.header menu li.active a:after {
content: "";
display: block;
width: 100%;
margin-top: 2px;
opacity: 1;
position: absolute;
height: 2px !important;
background-color: #d64444;
}
.header menu .menu-parent-item li {
padding: 0;
}
.header menu .menu-parent-item li:hover {
color: #9b9b9b;
cursor: pointer;
background-color: #f7f7f7;
}
.header menu .menu-parent-item li:first-child:hover {
background-color: transparent;
}
.header menu .menu-parent-item li:first-child:hover a {
color: #e5534c;
}
.header menu .menu-parent-item li a {
color: #9b9b9b;
padding: 13px 32px;
display: block;
width: 100%;
font-size: 13px;
font-weight: 300;
}
.header menu .menu-parent-item .banner {
padding: 0 20px 0 20px;
}
.header .header-search .search-btn {
font-size: 19px;
color: #32302f;
font-weight: 400;
}
.header .header-search .search-btn i:before {
content: "\e90b";
font-family: "xstore-icons";
font-size: 30px;
position: relative;
top: 9px;
}
.header .header-search form,
.header .header-search .close-search {
display: none;
}
.header .header-search.search-full-width form {
display: block;
}
.header .header-search.search-full-width input {
z-index: 5;
position: absolute;
top: 0;
border: none;
left: 0;
width: 100%;
bottom: 0;
background: white;
height: 90px;
font-size: 28px;
}
.header .header-search.search-full-width input::-webkit-input-placeholder {
color: #1e1e1e;
}
.header .header-search.search-full-width input::-moz-placeholder {
color: #1e1e1e;
}
.header .header-search.search-full-width input:-moz-placeholder {
color: #1e1e1e;
}
.header .header-search.search-full-width input:-ms-input-placeholder {
color: #1e1e1e;
}
.header .header-search.search-full-width input:focus {
outline: none;
}
.header .header-search.search-full-width .close-search {
display: block;
font-size: 0;
cursor: pointer;
right: 15px;
top: 50%;
margin-top: -10px;
z-index: 99999;
position: absolute;
}
.header .header-search.search-full-width .close-search:before {
font-family: 'xstore-icons';
display: inline-block;
font-size: 22px;
color: #1e1e1e;
content: "\e90a";
}
.header .navbar-right {
width: 25%;
margin-top: -5px;
display: inline-block;
}
.header .navbar-right .inside {
float: right;
padding-right: 0;
}
.header .navbar-right .inside > div {
display: inline-block;
margin-right: 26px;
}
.header .navbar-right .inside > div:last-child {
margin-right: 0;
}
.header .navbar-right .wishlist a {
color: #32302f;
font-size: 19px;
}
.header .navbar-right .wishlist a i {
font-weight: bold;
}
.header .navbar-right .shopping-cart {
position: relative;
}
.header .navbar-right .shopping-cart:hover .cart-popup-container {
opacity: 1;
filter: alpha(opacity=100);
top: 50px;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
visibility: visible;
}
.header .navbar-right .shopping-cart .cart-bag {
margin-right: 10px;
vertical-align: middle;
}
.header .navbar-right .shopping-cart .bag {
position: relative;
top: 7px;
display: inline-block;
}
.header .navbar-right .shopping-cart .bag:before {
content: "\e90c";
font-family: 'xstore-icons';
position: static;
display: block;
color: #000;
border: none;
font-size: 33px;
width: auto;
height: auto;
line-height: 1;
}
.header .navbar-right .shopping-cart .total {
color: #32302f;
font-size: 13px;
position: relative;
top: -2px;
font-weight: 700;
text-transform: uppercase;
}
.cart-popup-container {
z-index: 1000;
visibility: hidden;
opacity: 0;
border: 1px solid #e6e6e6;
width: 355px;
position: absolute;
top: 65px;
right: 0;
background-color: #fff;
color: #8a8a8a;
text-align: left;
padding: 35px 45px 21px 45px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.cart-popup-container:after {
content: "";
position: absolute;
top: -45px;
height: 45px;
width: 100%;
left: 10px;
display: block;
}
.cart-popup-container img {
width: auto;
margin-right: 20px;
max-height: 80px;
}
.cart-popup-container p {
font-size: 12px;
color: #1c1a19;
font-weight: 700;
line-height: 16px;
padding-bottom: 20px;
margin-bottom: 25px;
text-transform: uppercase;
border-bottom: 1px solid #f0f0f0;
}
.cart-popup-container h4 {
padding-top: 15px;
}
.cart-popup-container h4 a {
color: #1c1a19;
font-size: 14px;
font-weight: 700;
line-height: 18px;
display: block;
margin-bottom: 5px;
}
.cart-popup-container h4 a:hover {
color: #e5534c;
}
.cart-popup-container li {
width: 100%;
padding-bottom: 25px;
margin-bottom: 25px;
display: inline-block;
position: relative;
border-bottom: 1px solid #f0f0f0;
}
.cart-popup-container .price {
color: #a4a4a4;
font-size: 14px;
font-weight: 300;
}
.cart-popup-container .remove {
font-size: 18px;
color: #1c1a19;
font-weight: 300;
position: absolute;
top: 12px;
right: 0;
}
.cart-popup-container .cart-subtotal {
font-weight: 700;
text-transform: uppercase;
color: #404040;
text-align: center;
margin-bottom: 25px;
font-size: 13px;
}
.cart-popup-container .cart-subtotal .price {
font-size: 19px;
font-weight: 700;
color: #e5534c;
}
.cart-popup-container .buttons {
padding: 0;
}
.cart-popup-container .buttons .btn {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: #fff;
background-color: #e5534c;
border-radius: 0;
border-color: #e5534c;
width: 100%;
padding: 10px 0;
margin-bottom: 15px;
}
.cart-popup-container .buttons .btn.view-cart {
background-color: #383838;
border-color: #383838;
}
.cart-popup-container .buttons .btn.view-cart:hover {
background-color: #e5534c;
border-color: #e5534c;
opacity: 1;
}
.cart-popup-container .buttons .btn:hover {
opacity: 0.8;
}
.fixed-header {
border-top: 5px solid #fff;
position: fixed;
width: 100%;
left: 0;
right: 0;
top: 0;
opacity: 0;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
visibility: hidden;
-webkit-transition: 0.5s all cubic-bezier(0.25, 0.45, 0.45, 0.95);
transition: 0.5s all cubic-bezier(0.25, 0.45, 0.45, 0.95);
z-index: 99999;
background: white;
-webkit-box-shadow: 1px 1px 1px #efefef;
box-shadow: 1px 1px 1px #efefef;
}
.fixed-header.enabled {
top: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.fixed-header .header .navbar-right {
margin-top: -7px;
}
.fixed-header .header .navbar-right .inside {
padding-right: 30px;
}
.fixed-header .menu-parent-item .nav-sublist-dropdown {
top: 64px !important;
}
.btn {
color: #1a1a1a;
font-size: 14px;
font-weight: 700;
border-radius: 0;
padding: 8px 25px;
background-color: #f2f2f2;
border: 1px solid #f2f2f2;
text-transform: uppercase;
}
.popup {
text-align: center;
position: fixed;
top: 20%;
display: none;
z-index: 9999;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
width: 540px;
height: 501px;
background-color: transparent;
background-image: url(http://8theme.com/demo/xstore/wp-content/uploads/2016/05/pop-up-bg.png);
background-repeat: no-repeat;
}
.popup .inside {
padding: 0 60px;
margin-top: 185px;
}
.popup h5 {
color: #fff;
font-size: 14px;
margin-bottom: 15px;
font-weight: 400;
}
.popup h3 {
color: #fff;
font-size: 48px;
font-weight: 400;
margin-bottom: 10px;
}
.popup p {
font-size: 20px;
font-weight: 600;
text-transform: uppercase;
color: #fff;
}
.popup input {
height: 40px;
width: 100%;
background-color: #fff;
color: #999;
margin-top: 25px;
margin-bottom: 35px;
padding: 0 15px;
border: 1px solid rgba(250, 250, 250, 0.3);
}
.popup input::-webkit-input-placeholder {
color: #999;
font-size: 14px;
font-weight: 300;
}
.popup input::-moz-placeholder {
color: #999;
font-size: 14px;
font-weight: 300;
}
.popup input:-moz-placeholder {
color: #999;
font-size: 14px;
font-weight: 300;
}
.popup input:-ms-input-placeholder {
color: #999;
font-size: 14px;
font-weight: 300;
}
.popup input:focus {
outline: none;
}
.popup p.last {
margin-bottom: 0;
color: #fff;
opacity: 0.7;
font-weight: 100;
font-size: 12px;
text-transform: none;
}
.popup .close {
position: absolute;
z-index: 999;
right: 3px;
font-size: 0;
opacity: 1;
width: 13px;
height: 13px;
top: 70px;
background: url(../images/close.png) no-repeat right center;
}
.logo-white img {
max-width: 161px;
}
.top-block {
margin-bottom: 30px;
}
.top-block p {
font-weight: 300;
background-color: #f7f7f7;
text-align: center;
padding: 17px 0;
}
.top-block strong {
font-weight: bold;
color: #1e1e1e;
}
.top-block span {
color: #e5534c;
}
/*===== End of Header Style ======*/
/*=========================================
= Mobile Menu Style =
=========================================*/
.btn-hamburger {
border: none;
display: none;
float: right;
outline: none;
top: -12px;
position: relative;
z-index: 99999;
background-color: transparent;
}
.btn-hamburger .icon-bar {
display: block;
background: black;
width: 24px;
height: 3px;
margin-top: 5px;
border-radius: 0;
}
.slideout-menu {
position: fixed;
left: auto;
top: 0;
bottom: 0;
overflow: hidden;
right: 0;
z-index: 0;
width: 256px;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
display: none;
background-color: #f5f5f5;
border-left: 1px solid rgba(203, 203, 203, 0.5);
}
.slideout-menu li {
list-style: none;
border-bottom: 1px solid #e6e6e6;
padding-left: 30px;
padding-right: 15px;
display: inline-block;
float: left;
width: 100%;
}
.slideout-menu li.menu-parent i {
color: #ccc;
float: right;
font-size: 24px;
font-weight: 900;
line-height: 13px;
padding-right: 10px;
}
.slideout-menu li.menu-parent.open-modile-menu .sub-menu {
opacity: 1;
transform: translateX(0);
}
.slideout-menu li.menu-parent .sub-menu {
position: absolute;
opacity: 0;
top: 0;
left: 0;
background-color: #f5f5f5;
min-height: 100%;
height: auto;
z-index: 99;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
transform: translateX(260px);
}
.slideout-menu li.menu-parent .sub-menu:hover {
cursor: pointer;
}
.slideout-menu li.menu-parent .sub-menu .menu-back {
float: left;
text-align: left;
width: 100%;
display: inline-block;
border-bottom: 1px solid #d9d9d9;
color: #5f5f5f;
font-size: 14px;
text-transform: uppercase;
padding: 20px 0 20px 15px;
position: relative;
font-weight: 600;
background-color: #e6e6e6;
}
.slideout-menu li.menu-parent .sub-menu .menu-back:after {
content: "";
display: block;
position: absolute;
bottom: -10px;
left: 50%;
margin-left: -10px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #e6e6e6 transparent transparent transparent;
}
.slideout-menu li.menu-parent .sub-menu .menu-back i {
float: left;
}
.slideout-menu li a {
color: #5f5f5f;
font-size: 14px;
text-transform: uppercase;
padding: 20px 0;
display: block;
font-weight: 600;
}
.slideout-menu .link {
margin-top: 50px;
border-top: 1px solid #e6e6e6;
display: inline-block;
width: 100%;
}
.slideout-menu .link i {
margin-right: 5px;
}
.slideout-menu .social-icon {
padding: 20px 20px 20px 30px;
display: inline-block;
width: 100%;
border-bottom: 1px solid #e6e6e6;
}
.slideout-menu .social-icon li {
width: auto;
padding: 0;
border: none;
}
.slideout-menu .social-icon li a {
font-size: 18px;
padding: 0 10px;
}
.slideout-menu .search {
width: 100%;
border-bottom: 1px solid #e6e6e6;
padding: 12px 30px;
position: relative;
background: #e6e6e6;
}
.slideout-menu .search input[type="text"] {
padding-left: 15px;
font-size: 14px;
font-weight: 600;
padding-right: 30px;
color: #5f5f5f;
width: 195px;
height: 40px;
top: 12px;
left: 30px;
border: none;
border-radius: 0;
appearance: none;
-webkit-appearance: none;
background-color: #fff;
}
.slideout-menu .search input[type="text"]:focus {
outline: none;
}
.slideout-menu .search .search-btn {
position: absolute;
font-size: 18px;
color: #1e1e1e;
height: auto;
top: 22px;
right: 40px;
}
.slideout-panel {
position: relative;
z-index: 1;
border-radius: 0;
}
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
overflow: hidden;
}
.slideout-open .footer-instagram {
display: none;
}
.slideout-open .slideout-menu {
display: block;
}
/*===== End of Mobile Menu Style ======*/
/*=====================================
= Slider Style =
=====================================*/
.slider-home {
margin-bottom: 100px;
}
.slider-home h2,
.slider-home h3 {
color: #fff;
font-weight: 900;
}
body .ls-outline .ls-nav-prev,
body .ls-outline .ls-nav-next {
border: none !important;
background-color: transparent;
}
body .ls-outline .ls-nav-prev:hover,
body .ls-outline .ls-nav-next:hover {
background-color: transparent;
}
body .ls-outline .ls-nav-prev:hover:before,
body .ls-outline .ls-nav-next:hover:before {
opacity: 0.6;
background-color: #fff;
}
body .ls-outline .ls-nav-prev:hover:after,
body .ls-outline .ls-nav-next:hover:after {
opacity: 0.6;
background-color: #fff;
}
#layerslider-full-width {
margin-bottom: 0;
}
#layerslider-full-width a.ls-layer:hover {
opacity: 0.8;
}
#layerslider {
z-index: 1;
}
#layerslider a {
-webkit-transition: 0.2s linear !important;
-moz-transition: 0.2s linear !important;
-ms-transition: 0.2s linear !important;
-o-transition: 0.2s linear !important;
transition: 0.2s linear !important;
}
.slider-home-flat {
margin-bottom: 100px;
}
.slider-home-flat p.ls-layer {
color: #000;
}
p.ls-layer {
color: #fff;
font-weight: 900;
text-transform: uppercase;
}
.slider-banner .banner {
margin-bottom: 30px;
}
.slider-boxed {
margin-bottom: 30px;
}
.slider-home-full {
margin-bottom: 30px;
}
.slider-home-full h2 {
letter-spacing: 5px;
color: #fff;
}
.slider-home-simple {
margin-bottom: 30px;
}
.slider-home-simple h2 {
color: #fff;
font-weight: 900;
}
.slider-home-simple p {
color: #fff;
line-height: 22px;
font-weight: 300;
text-transform: none;
}
/*===== End of Slider Style ======*/
/*=======================================
= Icon Text Style =
=======================================*/
.icon-text {
margin-bottom: 120px;
}
.icon-text .inside {
border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.icon-text .inside:last-child {
border-right: none;
}
.icon-text h5 {
margin-bottom: 20px;
}
.icon-text.type-2 h5 {
font-size: 18px;
color: #1e1e1e;
font-weight: 900;
letter-spacing: 0;
margin-bottom: 10px;
}
.icon-text.type-2 p {
font-size: 16px;
font-weight: 300;
color: #9d9d9e;
font-family: 'Lato', sans-serif;
}
.icon-text.type-2 .inside {
margin-bottom: 35px;
border: none;
}
.icon-text.type-2 figure {
color: #ccc;
background-color: #f2f2f2;
font-size: 32px;
display: inline-block;
width: 90px;
height: 90px;
line-height: 85px;
text-align: center;
border-radius: 100%;
margin-bottom: 20px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.icon-text.type-2 figure:hover {
color: #fff;
background-color: #d64444;
}
.icon-text.type-3 {
text-align: center;
}
.icon-text.type-3 .inside {
border: 1px solid #f0f0f0;
padding: 28px;
}
.icon-text.type-3 figure {
color: #fff;
background-color: #d64444;
font-size: 18px;
display: inline-block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
border-radius: 100%;
margin-bottom: 20px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.icon-text.type-3 figure:hover {
color: #808080;
background-color: #f0f0f0;
}
.icon-text.type-3 h3 {
font-size: 18px;
font-weight: 900;
margin-bottom: 10px;
}
.icon-text.type-3 p {
font-weight: 300;
line-height: 28px;
margin-bottom: 22px;
}
.icon-text.type-4 h3 {
font-size: 18px;
margin-bottom: 10px;
}
.icon-text.type-5 h5 {
font-weight: bold;
margin-bottom: 10px;
}
.icon-text.type-5 .inside {
margin-bottom: 50px;
border: none;
}
.icon-text.type-5 figure {
text-align: center;
}
.icon-text.type-5 figure i {
font-size: 44px;
color: #d64444;
}
.icon-text.type-6 {
padding: 43px 0;
background-color: #f8f8f8;
}
.icon-text.type-6 .inside {
border-right: 1px solid #e0e0e0;
}
.icon-text.type-6 figure {
font-size: 30px;
margin-bottom: 15px;
}
.icon-text.type-6 h5 {
margin-bottom: 5px;
font-size: 14px;
font-weight: bold;
}
.icon-text.type-6 .btn {
font-size: 11px;
background-color: #1e1e1e;
color: #fff;
font-weight: 400;
padding: 10px 25px;
}
.icon-text.type-6 .btn:hover {
opacity: 0.8;
}
.icon-text.type-6 p {
font-size: 13px;
text-transform: uppercase;
margin-bottom: 18px;
}
.icon-text.type-6 .col-md-4:last-child .inside {
border-right: 0;
}
.icon-text.type-7 {
margin-bottom: 60px;
}
.icon-text.type-7 figure,
.icon-text.type-7 .text {
float: left;
display: inline-block;
}
.icon-text.type-7 figure {
margin-right: 15px;
}
.icon-text.type-7 .text h3 {
font-size: 18px;
text-transform: capitalize;
}
.icon-text.type-7 .last {
float: right;
display: inline-block;
}
.icon-text.type-7 .last h5 {
font-size: 36px;
font-weight: 400;
margin-bottom: 0;
}
.icon-text.type-7 small {
color: #1e1e1e;
}
.icon-text.type-7 .inside {
width: 100%;
display: inline-block;
padding: 35px 30px;
background: url(../images/banner-bg.jpg) no-repeat center;
background-size: cover;
border: 2px solid #f2f2f2;
}
/*===== End of Icon Text Style ======*/
/*============================================
= Product Slider Style =
============================================*/
.full-width {
padding: 0 30px;
}
.product .label {
background-color: #e5534c;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
position: absolute;
top: 0;
left: -10px;
overflow: visible;
z-index: 99;
font-weight: 500;
font-size: 14px;
padding-top: 18px;
width: 50px;
height: 50px;
text-align: center;
color: #fff;
display: inline-block;
text-transform: uppercase;
}
.product .label.out-of-stock {
color: #252525;
position: absolute;
left: 35%;
top: 40%;
line-height: 16px;
font-weight: 700;
padding-top: 25px;
width: 80px;
height: 80px;
background-color: rgba(255, 255, 255, 0.7);
}
.product.type-hover-1 .mask-product {
margin-bottom: 15px;
}
.product.type-hover-1 .mask-product:hover .wishlist {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.product.type-hover-1 .mask-product .footer-product {
bottom: 0;
}
.product.type-hover-1 .footer-product {
height: 30px;
opacity: 0.9 !important;
background-color: #d64444;
}
.product.type-hover-1 .footer-product .quickly {
width: 100%;
font-size: 12px;
height: 30px;
letter-spacing: 1px;
padding: 10px 0 7px 0;
text-transform: uppercase;
}
.product.type-hover-1 .footer-product .quickly a {
color: #fff;
}
.product.type-hover-1 .footer-product .quickly:hover {
background-color: #e5534c;
}
.product.type-hover-1 .wishlist {
top: 25px;
right: 15px;
font-size: 22px;
opacity: 0;
cursor: pointer;
-webkit-transform: translateY(30px);
-moz-transform: translateY(30px);
-ms-transform: translateY(30px);
-o-transform: translateY(30px);
transform: translateY(30px);
position: absolute;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.product.type-hover-1 .price {
margin-bottom: 15px;
}
.product.type-hover-1 .add-to-cart a {
display: inline-block;
padding: 15px 38px;
font-size: 11px;
font-weight: 600;
background-color: #f2f2f2;
text-transform: uppercase;
}
.product.type-hover-1 .add-to-cart:hover a {
color: #fff;
background-color: #d64444;
}
.product.type-hover-2 .footer-product {
width: auto;
right: 0;
}
.product.type-hover-2 .footer-product .quickly,
.product.type-hover-2 .footer-product .wishlist {
border: none;
position: relative;
}
.product.type-hover-2 .footer-product li {
display: block;
float: none;
}
.product.type-hover-2 .footer-product .add-to-cart {
width: auto;
padding: 0;
border-top: 1px solid rgba(255, 255, 255, 0.2);
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
border-width: 1px 0;
}
.product.type-hover-2 .footer-product .add-to-cart a {
font-size: 0;
}
.product.type-hover-2 .footer-product .add-to-cart i {
font-size: 16px;
margin-right: 0;
}
.product.type-hover-2.dark .footer-product {
width: auto;
left: auto;
}
.product.dark .footer-product {
left: 17px;
width: 88%;
background-color: #262626;
}
.product.dark .footer-product a {
color: #fff;
font-weight: 300;
}
.product.dark .footer-product li {
border-color: #4c4c4c;
}
.product.dark .footer-product li:hover.quickly,
.product.dark .footer-product li:hover.wishlist {
background-color: #4c4c4c;
}
.product.dark .footer-product li:hover.add-to-cart a {
background-color: #4c4c4c;
}
.product.dark .footer-product li.quickly a:hover {
background-color: transparent;
}
.product.dark .footer-product li a:hover {
background-color: #4c4c4c;
}
.product-slider {
margin-bottom: 120px;
}
.product-slider .product {
margin-bottom: 30px;
}
.product-slider .nav {
border-bottom: transparent;
margin-bottom: 45px;
}
.product-slider .nav li {
float: none;
display: inline-block;
position: relative;
margin-right: 20px;
}
.product-slider .nav li:last-child {
margin-right: 0;
}
.product-slider .nav li:last-child:after {
display: none;
}
.product-slider .nav li:after {
content: '';
position: absolute;
width: 3px;
height: 3px;
background-color: #a4a4a4;
right: -11px;
top: 50%;
-webkit-transform: translateY(-2px);
-moz-transform: translateY(-2px);
-ms-transform: translateY(-2px);
-o-transform: translateY(-2px);
transform: translateY(-2px);
opacity: .6;
}
.product-slider .nav li.active a {
background-color: transparent;
border: transparent;
}
.product-slider .nav li.active a:after {
content: "";
display: block;
width: 100%;
left: 0;
margin-top: 2px;
opacity: 1;
position: absolute;
height: 2px !important;
background-color: #d64444;
}
.product-slider .nav li a {
border: 0;
color: #252525;
padding: 0;
font-size: 16px;
font-weight: 900;
text-transform: uppercase;
border-radius: 0;
}
.product-slider .nav li a:hover {
border: transparent;
background-color: transparent;
}
.owl-carousel {
cursor: url(../images/drag.png) 16 9, ew-resize !important;
}
.owl-carousel .item {
margin: 15px;
}
.owl-controls {
position: static;
opacity: 1;
}
.owl-controls .owl-prev {
position: absolute;
top: 50%;
left: -105px;
}
.owl-controls .owl-prev:after {
content: "\f104";
}
.owl-controls .owl-next {
position: absolute;
top: 50%;
right: -105px;
}
.owl-controls .owl-next:after {
content: "\f105";
}
.owl-controls .owl-prev,
.owl-controls .owl-next {
background-image: none;
width: 75px;
height: 75px;
top: 40%;
text-align: center;
font-size: 0;
background-color: #f5f5f5;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.owl-controls .owl-prev:after,
.owl-controls .owl-next:after {
color: #bbb;
padding-top: 10px;
font-size: 51px;
font-weight: 400;
font-family: FontAwesome;
display: inline-block;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.owl-controls .owl-prev:hover,
.owl-controls .owl-next:hover {
background-color: #d64444;
}
.owl-controls .owl-prev:hover:after,
.owl-controls .owl-next:hover:after {
color: #fff;
}
.mask-product {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.mask-product:hover .footer-product {
opacity: 1;
z-index: 999;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.mask-product:hover .image-swap {
opacity: 1;
cursor: pointer;
}
.mask-product:hover img {
opacity: 0;
}
.mask-product img {
width: 100%;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.mask-product.out-of-stock img {
opacity: 0.4;
}
.mask-product.out-of-stock .footer-product,
.mask-product.out-of-stock .image-swap {
display: none;
}
.mask-product .footer-product {
position: absolute;
bottom: 15px;
width: 100%;
z-index: -999;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
-webkit-transform: translateY(60px);
-moz-transform: translateY(60px);
-ms-transform: translateY(60px);
-o-transform: translateY(60px);
transform: translateY(60px);
}
.mask-product .image-swap {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
opacity: 0;
left: 0;
top: 0;
position: absolute;
}
.mask-product.type-2 .footer-product {
opacity: 1;
z-index: 999;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.mask-product.type-2 .footer-product .add-to-cart {
border: none;
}
.mask-product.type-2 .footer-product .add-to-cart:hover {
background-color: transparent;
}
.mask-product.type-2 .footer-product .add-to-cart:hover a {
background-color: #f2f2f2;
}
.mask-product.type-2 .footer-product .quickly {
right: 0;
border: none;
}
.mask-product.type-2 .footer-product .wishlist {
border: none;
}
.mask-product.type-2 .product-details {
position: absolute;
bottom: 15px;
width: 100%;
padding: 19px;
background-color: #fff;
z-index: 9999;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.mask-product.type-2:hover .product-details {
-webkit-transform: translateY(-45px);
-moz-transform: translateY(-45px);
-ms-transform: translateY(-45px);
-o-transform: translateY(-45px);
transform: translateY(-45px);
}
.mask-product.type-2.dark .product-details,
.mask-product.type-2.dark .footer-product {
background-color: #262626;
}
.mask-product.type-2.dark .product-details a,
.mask-product.type-2.dark .footer-product a {
color: #fff;
}
.mask-product.type-2.dark .product-details .price,
.mask-product.type-2.dark .footer-product .price {
color: #666;
}
.mask-product.type-2.dark .product-details .quickly:hover,
.mask-product.type-2.dark .footer-product .quickly:hover,
.mask-product.type-2.dark .product-details .wishlist:hover,
.mask-product.type-2.dark .footer-product .wishlist:hover {
background-color: #4c4c4c;
}
.mask-product.type-2.dark .product-details .add-to-cart a:hover,
.mask-product.type-2.dark .footer-product .add-to-cart a:hover {
background-color: #4c4c4c;
}
.footer-product {
background-color: #fff;
opacity: 0;
}
.footer-product li {
float: left;
display: inline-block;
}
.footer-product li.quickly,
.footer-product li.wishlist {
padding: 15px;
display: inline-block;
width: 45px;
height: 45px;
text-align: center;
position: absolute;
z-index: 1;
top: 0;
}
.footer-product li.wishlist {
left: 0;
border-right: 1px solid #f2f2f2;
}
.footer-product li.wishlist i {
font-weight: 700;
}
.footer-product li.quickly {
right: 0;
border-left: 1px solid #f2f2f2;
}
.footer-product li.quickly .fa-search:before {
top: -1px;
content: "\e907";
font-family: 'xstore-icons';
font-size: 28px;
position: relative;
top: -5px;
left: -5px;
}
.footer-product li.quickly,
.footer-product li.wishlist,
.footer-product li.add-to-cart {
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.footer-product li.quickly:hover,
.footer-product li.wishlist:hover,
.footer-product li.add-to-cart:hover {
cursor: pointer;
background-color: #f2f2f2;
color: #222;
}
.footer-product li.add-to-cart {
height: 45px;
border: none;
text-align: center;
padding: 0 44px;
width: 100%;
color: #000;
text-transform: uppercase;
}
.footer-product li.add-to-cart.show-details span {
top: 18px;
display: block;
}
.footer-product li.add-to-cart i:before {
content: "\e901";
font-size: 30px;
font-family: 'xstore-icons';
}
.footer-product li.add-to-cart a {
height: 45px;
font-size: 12px;
font-weight: 700;
display: block;
}
.footer-product li.add-to-cart a span {
top: -2px;
position: relative;
}
.footer-product li.add-to-cart:hover {
background-color: transparent;
}
.footer-product li.add-to-cart:hover a {
display: block;
background-color: #f2f2f2;
}
.footer-product li.add-to-cart i {
margin-right: 10px;
position: relative;
top: 8px;
}
.footer-product li a {
color: #000;
}
.product-details {
text-align: center;
}
.product-details .products-cats a,
.product-details .product-title a {
font-weight: 700;
letter-spacing: 1px;
}
.product-details .products-cats {
margin-bottom: 10px;
}
.product-details .products-cats a {
font-size: 12px;
letter-spacing: 2px;
color: #a4a4a4;
}
.product-details .product-title {
margin-bottom: 10px;
}
.product-details .product-title a {
color: #1c1a19;
font-size: 16px;
}
.product-details .product-title a:hover {
color: #8a8a8a;
}
.product-details .star-rating {
margin-bottom: 12px;
}
.price {
font-size: 15px;
color: #1c1a19;
text-transform: uppercase;
}
.price del {
color: #999;
font-size: 15px;
font-weight: 300;
margin-right: 5px;
vertical-align: middle;
}
.price ins {
color: #e5534c;
font-size: 24px;
font-weight: 700;
text-decoration: none;
vertical-align: middle;
}
.hipster-slider-product {
margin-bottom: 50px;
}
.hipster-slider-product .mask-product:hover img {
opacity: 1;
}
.hipster-slider-product .carousel .item {
margin: 0;
}
.hipster-slider-product .carousel-control.left,
.hipster-slider-product .carousel-control.right {
background-image: none;
background-repeat: no-repeat;
background-position: center center;
}
.hipster-slider-product .carousel-control.left {
cursor: url(../images/cursor-left.png) 12 20, move;
}
.hipster-slider-product .carousel-control.right {
cursor: url(../images/cursor-right.png) 12 20, move;
}
/*===== End of Product Slider Style ======*/
/*=========================================
= Anim Banner Style =
=========================================*/
.anim-banner {
background: #f7f7f7 url(../images/newsletter.png) repeat no-repeat;
background-repeat: repeat-x;
-webkit-animation: animatedbackground 30s linear infinite;
-moz-animation: animatedbackground 30s linear infinite;
-o-animation: animatedbackground 30s linear infinite;
animation: animatedbackground 30s linear infinite;
margin-bottom: 120px;
}
@-webkit-keyframes animatedbackground {
from {
background-position: 0 center;
}
to {
background-position: -2076px center;
}
}
@-moz-keyframes animatedbackground {
from {
background-position: 0 center;
}
to {
background-position: -2076px center;
}
}
@keyframes animatedbackground {
from {
background-position: 0 center;
}
to {
background-position: -2076px center;
}
}
.anim-banner h5 {
color: #999;
font-size: 14px;
letter-spacing: 2px;
margin-bottom: 15px;
}
.anim-banner h2 {
color: #e5534c;
font-size: 72px;
font-weight: 900;
}
.anim-banner h3 {
color: #32302f;
font-size: 36px;
font-weight: 900;
margin-bottom: 28px;
}
.anim-banner .inside {
padding-top: 115px;
}
.anim-banner .delivery {
margin-bottom: 30px;
}
.anim-banner p {
margin-bottom: 35px;
}
.anim-banner a.button {
background-color: #384886;
font-size: 13px;
display: inline-block;
color: #f7f7f7;
font-weight: 400;
text-transform: uppercase;
padding: 12px 11px 8px 15px;
letter-spacing: 2px;
}
.anim-banner a.button img {
position: relative;
top: -3px;
margin-right: 8px;
vertical-align: middle;
}
.anim-banner a.button:hover {
background-color: rgba(56, 72, 134, 0.8);
}
.popup-facebook {
text-align: center;
width: 750px;
height: 495px;
top: 20%;
}
.popup-facebook .modal-content {
border: none;
border-radius: 0;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
.popup-facebook h2 {
text-align: center;
font-weight: 900;
font-size: 28px;
padding: 40px;
text-transform: uppercase;
}
.popup-facebook .text {
padding: 40px;
font-size: 13px;
font-weight: 300;
}
.popup-facebook .text p {
padding-bottom: 10px;
}
.popup-facebook footer {
background: #f5f5f5;
padding: 40px;
display: inline-block;
width: 100%;
}
.popup-facebook footer p:first-child {
width: 50%;
color: #999;
font-size: 11px;
text-transform: uppercase;
font-weight: 600;
background: url(../images/cut@2x.png) no-repeat left center;
padding-left: 45px;
background-size: 24px;
-moz-background-size: 24px;
text-align: left;
}
.popup-facebook footer p:first-child span {
color: #222;
font-size: 15px;
font-weight: 700;
}
.popup-facebook footer p:last-child {
position: relative;
border: 2px dashed #000000;
padding: 20px;
background: #FFF;
float: right;
margin-top: -40px;
top: 20px;
width: 204px;
height: 81px;
}
.popup-facebook footer p:last-child .closed-text {
position: absolute;
left: -2px;
right: -2px;
top: -2px;
bottom: -2px;
padding: 20px;
text-align: center;
line-height: 1.4;
background: url(../images/scissors.png) no-repeat left center;
color: #FFF;
border: 5px solid rgba(255, 255, 255, 0.1);
font-size: 12px;
text-transform: none;
font-weight: 300;
background-color: #d64444;
}
.popup-facebook .form {
width: 100%;
display: inline-block;
clear: both;
background-color: #f5f5f5;
}
.popup-facebook .form span {
display: block;
font-size: 55px;
font-weight: 300;
color: #d6d6d6;
float: left;
line-height: 1;
}
.popup-facebook .form .like-btn,
.popup-facebook .form .email-btn {
padding: 21px 25px;
display: inline-block;
float: left;
width: 50%;
}
.popup-facebook .form .like-btn {
border-right: 2px solid #fff;
}
.popup-facebook .form .email-btn {
position: relative;
}
.popup-facebook .form .email-btn:after {
position: absolute;
content: '';
display: block;
width: 1px;
background: #e5e5e5;
bottom: 36px;
height: 16px;
right: 108px;
}
.popup-facebook .form input {
border: 0;
border-radius: 0;
min-width: 170px;
background: #fff url(../images/mail@2x.png) no-repeat 95% 50%;
background-size: 12px;
-webkit-background-size: 12px;
-moz-background-size: 12px;
outline: none;
padding: 5px;
padding-right: 35px;
font-size: 13px;
display: inline-block;
height: 40px;
margin-top: 12px;
}
.popup-facebook .form button {
position: absolute;
right: 75px;
top: 0;
padding: 0;
margin: 0;
height: 100%;
padding: 0 5px;
overflow: hidden;
width: 35px;
opacity: 0;
}
.popup-facebook .close {
top: 0 !important;
}
.popup-facebook .close:hover {
background-color: #d64444;
}
.popup-facebook .close:hover:before {
color: #fff;
}
/*===== End of Anim Banner Style ======*/
/*===========================================
= Products Grid Style =
===========================================*/
.products-grid {
margin-bottom: 120px;
}
.products-grid .product {
margin-bottom: 45px;
}
.products-grid .product:last-child {
margin-bottom: 0;
}
.products-grid .large-product {
border: 5px solid #e5534c;
padding: 50px 40px 60px 40px;
}
.products-grid .large-product .product-details {
text-align: left;
display: inline-block;
}
.products-grid .large-product .footer-large-product {
margin-top: 45px;
}
.products-grid .large-product .product-title {
margin-bottom: 20px;
}
.products-grid .large-product .product-title a {
font-size: 20px;
letter-spacing: 0;
}
.products-grid .top {
width: 100%;
margin-bottom: 25px;
display: inline-block;
}
.products-grid .top h4 {
font-size: 18px;
color: #1c1a19;
font-weight: 800;
padding-top: 8px;
display: inline-block;
padding-bottom: 5px;
border-bottom: 3px solid #e5534c;
}
.products-grid .top button {
border-radius: 0;
float: right;
border: none;
background-color: #1c1a19;
color: #fff;
font-size: 16px;
padding: 12px 20px;
text-transform: uppercase;
}
.products-grid .top button:hover {
opacity: 0.8;
cursor: pointer;
}
.countdown {
float: right;
padding-top: 20px;
display: inline-block;
}
.countdown #CountDownTimer {
margin-top: 0;
}
.countdown h5 {
color: #a6a6a6;
font-weight: 500;
text-align: center;
margin-bottom: 10px;
font-size: 13px;
}
.countdown .time_circles > div {
background: #d64444;
border-radius: 100%;
width: 45px !important;
height: 45px;
position: static;
display: inline-block;
margin: 0 12px;
}
.countdown .time_circles .textDiv_Seconds {
display: none;
}
.countdown .time_circles span {
font-size: 18px !important;
font-weight: 400;
top: -43px;
color: #fff;
}
.countdown .time_circles h4 {
font-size: 10px !important;
font-weight: 500;
color: #b3b3b3;
margin-top: 55px;
}
.countdown .time_circles canvas {
display: none;
}
/*===== End of Products Grid Style ======*/
/*===========================================
= Category Grid Style =
===========================================*/
.category-grid {
margin-bottom: 120px;
}
.category-grid a {
display: block;
position: relative;
}
.category-grid a img {
width: 100%;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.category-grid a:hover img {
opacity: 0.7;
}
.category-grid a:hover h4 {
color: #e5534c;
z-index: 9;
}
.category-grid.type-2 .categories-mask {
top: 50%;
transform: translateY(-50%);
bottom: auto;
background-color: transparent;
}
.category-grid.type-2 .categories-mask h4,
.category-grid.type-2 .categories-mask span {
color: #fff;
}
.category-grid.type-2 .inside {
margin-bottom: 30px;
}
.category-grid.type-2 .inside:nth-child(3n+1) {
clear: both;
}
.categories-mask {
background-color: #fff;
position: absolute;
bottom: 45px;
left: 0;
display: inline-block;
width: 100%;
padding: 20px 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
text-align: center;
}
.categories-mask h4 {
font-size: 24px;
font-weight: 700;
margin-bottom: 5px;
color: #32302f;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.categories-mask span {
font-size: 14px;
color: #666;
font-weight: 400;
text-transform: uppercase;
font-family: 'Open Sans', sans-serif;
}
.product-category-slider {
margin: 0 -15px 60px -15px;
}
.product-category-slider .owl-carousel .item {
position: relative;
}
.product-category-slider .item {
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.product-category-slider .item:hover {
cursor: pointer;
opacity: 0.8;
}
.product-category-slider .item img {
width: 100%;
}
.product-category-slider .categories-mask {
bottom: auto;
top: 50%;
padding: 0;
margin-top: -20px;
background-color: transparent;
}
.product-category-slider .categories-mask h4 {
color: #fff;
margin-bottom: 10px;
}
.product-category-slider .categories-mask span {
color: #fff;
font-weight: 300;
}
/*===== End of Category Grid Style ======*/
/*=========================================
= Latest Blog Style =
=========================================*/
.post-grid .picture {
position: relative;
}
.post-grid .read-more {
background-color: transparent;
}
.latest-blog {
margin-bottom: 30px;
}
.latest-blog .blog-details h2 a {
font-weight: bold;
}
.latest-blog .blog-details .meta-post {
font-weight: 300;
}
.picture:hover .blog-mask:before {
opacity: 0.4;
}
.picture:hover .blog-mask .read-more {
opacity: 1;
}
.post-categories {
position: absolute;
top: 21px;
z-index: 9;
left: 0;
}
.post-categories a {
font-size: 14px;
color: #fff;
text-transform: uppercase;
font-weight: 500;
padding: 7px 15px;
letter-spacing: 1px;
background-color: #e5534c;
}
.blog-mask {
margin-bottom: 30px;
}
.blog-mask:before {
content: "";
position: absolute;
background-color: #e5534c;
right: 0;
left: 0;
top: 0;
bottom: 2px;
opacity: 0;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.blog-mask .read-more {
top: 50%;
opacity: 0;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
margin-top: -20px;
}
.read-more {
font-size: 14px;
color: #f7f7f7;
font-weight: 700;
padding: 9px 24px;
letter-spacing: 1px;
border: 1px solid #fff;
border-radius: 0;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
text-transform: uppercase;
}
.read-more:hover {
color: #222;
background-color: #fff;
}
.blog-details {
text-align: center;
}
.blog-details .meta-post {
color: #737373;
font-size: 16px;
font-weight: 400;
margin-bottom: 20px;
}
.blog-details h2 a {
color: #1c1a19;
font-weight: 900;
letter-spacing: 1px;
font-size: 20px;
display: block;
margin-bottom: 20px;
}
.blog-details h2 a:hover {
color: #8a8a8a;
}
.blog-details p {
font-weight: 300;
margin-bottom: 20px;
}
.blog-details .post-comments {
font-size: 16px;
color: #e5534c;
font-weight: 400;
}
.blog-details .post-comments i {
margin-right: 5px;
}
.latest-blog-type2 {
margin-bottom: 80px;
}
.latest-blog-type2 .blog-details {
text-align: left;
}
.latest-blog-type2 .blog-details h2 a {
font-size: 16px;
}
/*===== End of Latest Blog Style ======*/
/*===== End of Global Variable ======*/
/*
* Core Owl Carousel CSS File
* v1.3.3
*/
/* clearfix */
.owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer;
}
/*
* Owl Carousel Owl Demo Theme
* v1.3.3
*/
.owl-theme .owl-controls {
margin-top: 10px;
text-align: center;
}
/* preloading images */
.owl-item.loading {
min-height: 150px;
background: url(AjaxLoader.gif) no-repeat center center;
}
@font-face {
font-family: 'xstore-icons';
src: url('../fonts/xstore-icons.eot?2ki8t4');
src: url('../fonts/xstore-icons.eot?2ki8t4#iefix') format('embedded-opentype'), url('../fonts/xstore-icons.ttf?2ki8t4') format('truetype'), url('../fonts/xstore-icons.woff?2ki8t4') format('woff'), url('../fonts/xstore-icons.svg?2ki8t4#xstore-icons') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="xstore-"],
[class*=" xstore-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'xstore-icons' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.xstore-basket:before {
content: "\e900";
}
.xstore-cart:before {
content: "\e901";
}
.xstore-left:before {
content: "\e902";
}
.xstore-no_result:before {
content: "\e903";
}
.xstore-right:before {
content: "\e904";
}
.xstore-input-minus:before {
content: "\e905";
}
.xstore-input-plus:before {
content: "\e906";
}
.icon-quick:before {
content: "\e907";
}
.icon-like_outline:before {
content: "\e908";
}
.icon-cart-icon-new:before {
content: "\e909";
}
.icon-cross:before {
content: "\e90a";
}
.icon-search:before {
content: "\e90b";
}
.icon-cart-new:before {
content: "\e90c";
}
.icon-cart3:before {
content: "\e90d";
}
.icon-icon_v3:before {
content: "\e90e";
}
.icon-icon_v2:before {
content: "\e90f";
}
.icon-icon_v1:before {
content: "\e910";
}
.icon-transfer:before {
content: "\e911";
}
.icon-circular-arrow:before {
content: "\e912";
}
.icon-synchronization-arrows:before {
content: "\e913";
}
.icon-reload:before {
content: "\e914";
}
.icon-refresh:before {
content: "\e915";
}
.icon-cart_icon:before {
content: "\e916";
}
/*==============================
= Banner =
==============================*/
.banner {
margin-bottom: 120px;
}
.banner .inside {
position: relative;
overflow: hidden;
margin-bottom: 0px;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
.banner .inside:before {
position: absolute;
top: 0;
left: 50%;
width: 120%;
height: 100px;
background: rgba(255, 255, 255, 0.3);
content: '';
-webkit-transition: all 0.6s linear;
transition: all 0.6s linear;
z-index: 1;
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -150%, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner .inside:hover:before {
-webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);
transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 200%, 0);
left: -100%;
top: 100%;
}
.banner p {
letter-spacing: 2px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.8);
}
.banner h2,
.banner h1 {
color: #fff;
line-height: 1.1;
font-weight: 600;
font-size: 30px;
}
.banner h1 {
font-size: 66px;
}
.banner img {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner .banner-content {
position: absolute;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
left: 0;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 30px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner.banner-type-1 .banner-content {
top: auto;
bottom: 22px;
padding-left: 44px;
transform: none;
}
.banner.banner-type-1 h2 {
font-size: 24px;
}
.banner.banner-type-1 .inside:first-child,
.banner.banner-type-1 .inside:last-child {
margin-top: 50px;
}
.banner.banner-type-1 .text-right .banner-content {
padding-right: 45px;
}
.banner.banner-type-2 {
margin-bottom: 30px;
}
.banner.banner-type-2 p {
color: #834b3c;
font-family: 'Lato', sans-serif;
}
.banner.banner-type-2 .banner-content {
padding-left: 50px;
}
.banner.banner-type-2 h2 {
color: #252525;
font-weight: 900;
font-size: 36px;
margin-bottom: 25px;
}
.banner.banner-type-2 .text {
line-height: 1.5;
color: #666;
letter-spacing: 0;
font-weight: 300;
text-transform: none;
margin-bottom: 25px;
}
.banner.banner-type-2 .btn {
background-color: #eae9e9;
border-color: #eae9e9;
}
.banner.banner-type-2 .btn {
font-size: 11px;
letter-spacing: 1px;
}
.banner.banner-type-2 .btn:hover {
color: #fff;
border-color: #466e9c;
background-color: #466e9c;
}
.banner.banner-type-4 .btn {
margin-top: 20px;
background-color: #fff;
border-color: #fff;
font-size: 11px;
position: absolute;
-webkit-transform: translate3d(0, 40px, 0);
transform: translate3d(0, 40px, 0);
opacity: 0;
font-weight: 400;
left: 30px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner.banner-type-4 .btn:hover {
color: #fff;
border-color: #e5534c;
background-color: #e5534c;
}
.banner.banner-type-4 .banner-content {
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
z-index: 9;
}
.banner.banner-type-4 .inside:after {
content: "";
position: absolute;
width: 100%;
display: block;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
background: rgba(0, 0, 0, 0);
height: 100%;
top: 0;
}
.banner.banner-type-4 .inside:before {
display: none;
}
.banner.banner-type-4 .inside:hover:after {
background: rgba(0, 0, 0, 0.3);
}
.banner.banner-type-4 .inside:hover img {
-webkit-transform: scale(1.15);
-ms-transform: scale(1.15);
transform: scale(1.15);
}
.banner.banner-type-4 .inside:hover .btn {
opacity: 1;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner.banner-type-4 .inside:hover .banner-content {
visibility: visible;
opacity: 1;
-webkit-transform: translate3d(0, -55%, 0);
transform: translate3d(0, -55%, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.banner.banner-type-4 img {
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.banner.banner-slider {
font-family: 'Montserrat', sans-serif;
}
.banner.banner-slider h2 {
color: #000;
font-size: 60px;
font-weight: 700;
}
.banner.banner-slider p {
font-size: 24px;
color: #000;
letter-spacing: 0;
font-weight: 400;
}
/*===== End of Banner ======*/
/*==========================================
= Testimonials Style =
==========================================*/
.testimonials {
padding: 30px 0 55px 0;
background: url(../images/testimonizals-bg.jpg) no-repeat center center;
background-size: cover;
margin-bottom: 80px;
}
.testimonials:hover .owl-buttons {
opacity: 1;
}
.testimonials.type-2 {
background: url(../images/simple-bg.jpg) no-repeat center;
background-size: cover;
margin-bottom: 60px;
}
.testimonials blockquote {
position: relative;
padding-top: 30px;
font-style: italic;
color: #fff;
font-size: 18px;
margin: 0 0 20px;
line-height: 25px;
font-weight: 300;
}
.testimonials blockquote:before {
content: "\f10e";
font-family: FontAwesome;
font-size: 20px;
position: absolute;
display: block;
left: 0;
top: 0;
}
.testimonials .testimonial-info > a {
display: inline-block;
vertical-align: middle;
}
.testimonials .testimonial-info .author {
display: inline-block;
max-width: 160px;
vertical-align: middle;
letter-spacing: 1px;
color: #fff;
line-height: 18px;
font-size: 14px;
}
.testimonials .testimonial-info .author span {
font-weight: 300;
display: block;
}
.testimonials .testimonial-info .author a {
color: #fff;
}
.testimonials .testimonial-info img {
max-width: 70px;
margin-right: 15px;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.testimonials .owl-controls .owl-prev,
.testimonials .owl-controls .owl-next {
background-color: transparent;
}
.testimonials .owl-controls .owl-prev:after,
.testimonials .owl-controls .owl-next:after {
color: #fff;
font-weight: 100;
font-size: 33px;
}
.testimonials .owl-buttons {
opacity: 0;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.testimonials .owl-pagination .owl-page {
cursor: pointer;
display: inline-block;
width: 10px;
height: 10px;
margin: 0 4px;
background: #e6e6e6;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
}
.testimonials .owl-pagination .owl-page.active {
background-color: #e5534c;
}
.testimonials .owl-pagination .owl-page:hover {
background-color: #e5534c;
}
/*===== End of Testimonials Style ======*/
/*==============================
= Brands =
==============================*/
.brands {
margin-bottom: 80px;
}
.brands:hover .owl-controls .owl-prev,
.brands:hover .owl-controls .owl-next {
opacity: 1;
}
.brands .owl-controls .owl-prev,
.brands .owl-controls .owl-next {
width: 60px;
height: 60px;
margin-top: -20px;
opacity: 0;
background-color: transparent;
}
.brands .owl-controls .owl-prev:hover,
.brands .owl-controls .owl-next:hover {
background-color: transparent;
}
.brands .owl-controls .owl-prev:hover:after,
.brands .owl-controls .owl-next:hover:after {
color: #000;
}
.brands .owl-controls .owl-prev:after,
.brands .owl-controls .owl-next:after {
font-size: 36px;
}
.brands img {
opacity: 0.4;
}
.brands img:hover {
opacity: 1;
cursor: pointer;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.brands-type-2 {
padding: 35px 0px 25px 0px;
background-color: #f7f7f7;
margin-bottom: 120px;
}
.brands-type-2 .owl-carousel .item {
margin: 0;
}
.brands-type-2 .owl-carousel .owl-prev,
.brands-type-2 .owl-carousel .owl-next {
margin-top: -20px;
width: 50px;
height: 50px;
}
.brands-type-2 .owl-carousel .owl-prev:after,
.brands-type-2 .owl-carousel .owl-next:after {
font-size: 31px;
}
/*===== End of Brands ======*/
/*================================
= Bg Block =
================================*/
.bg-block {
width: 100%;
margin-bottom: 90px;
display: inline-block;
}
.bg-block > .col-md-6 {
padding-left: 0;
}
.bg-block .text {
width: 680px;
border: 8px solid #e5534c;
padding: 70px 170px 60px 70px;
position: absolute;
right: -150px;
z-index: 1;
top: 100px;
}
.bg-block h5 {
color: #b2b2b2;
font-size: 15px;
font-weight: 400;
margin-bottom: 10px;
letter-spacing: 2px;
}
.bg-block h2 {
color: #1a1a1a;
font-size: 53px;
font-weight: 900;
margin-bottom: 20px;
}
.bg-block p {
font-family: 'Lato', sans-serif;
font-weight: 300;
margin-bottom: 20px;
}
.bg-block img {
max-height: 860px;
}
.bg-block .price {
margin-bottom: 35px;
}
.bg-block .price del {
font-size: 30px;
}
.bg-block .price ins {
font-size: 45px;
}
.bg-block .btn {
font-size: 11px;
color: #fff;
font-weight: 400;
border-color: #000;
background-color: #000;
}
.bg-block .btn:hover {
background-color: #f2f2f2;
border-color: #f2f2f2;
color: #000;
}
.bg-block .btn:last-child {
background-color: #f2f2f2;
border-color: #f2f2f2;
color: #000;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
margin-left: 10px;
}
.bg-block .btn:last-child:hover {
background-color: #000;
border-color: #000;
color: #fff;
}
.bg-block .last {
position: absolute;
left: -35px;
top: 25%;
letter-spacing: 2px;
transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
font-size: 15px;
text-transform: uppercase;
color: #e5534c;
font-weight: 500;
writing-mode: vertical-lr;
-webkit-writing-mode: vertical-lr;
}
.bg-block.type-2 .text {
right: auto;
padding: 70px 70px 60px 80px;
left: -150px;
}
.bg-block.type-2 .last {
left: auto;
right: -35px;
transform: rotate(0);
-o-transform: rotate(0);
-ms-transform: rotate(0);
-moz-transform: rotate(0);
-webkit-transform: rotate(0);
}
.bg-block .parallax .price del {
font-size: 25px;
}
.bg-block .parallax .price ins {
color: #000;
font-size: 36px;
}
/*===== End of Bg Block ======*/
/*==================================
= Big Banner =
==================================*/
.big-banner {
width: 100%;
position: relative;
display: inline-block;
height: 680px;
overflow: hidden;
margin-bottom: 120px;
}
.big-banner .inside {
top: 180px;
left: 45%;
transform: translateX(-50%);
position: absolute;
}
.big-banner h2 {
font-size: 30px;
color: #fff;
margin-bottom: 20px;
font-weight: bold;
}
.big-banner video {
width: 100%;
}
.big-banner p {
color: #fff;
font-weight: 300;
font-family: 'Lato', sans-serif;
}
.big-banner form {
position: relative;
width: 555px;
margin: 35px 0;
}
.big-banner input[type="email"] {
background-color: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(250, 250, 250, 0.3);
color: white;
width: 555px;
height: 40px;
padding: 0 10px;
appearance: none;
-webkit-appearance: none;
}
.big-banner input[type="email"]::-webkit-input-placeholder {
color: #fff;
font-size: 14px;
font-weight: 300;
}
.big-banner input[type="submit"] {
font-size: 0;
position: absolute;
top: 0;
right: 5px;
width: 30px;
height: 40px;
border: none;
background: transparent url(../images/plus.png) no-repeat center;
}
.big-banner a {
color: #fff;
font-weight: 600;
text-decoration: underline;
}
/*===== End of Big Banner ======*/
/*==================================
= Blog Style =
==================================*/
.blog-post {
margin-bottom: 50px;
position: relative;
}
.blog-post .featured-video,
.blog-post .wp-picture,
.blog-post .post-gallery-slider,
.blog-post .featured-audio {
margin-bottom: 25px;
}
.blog-post iframe {
height: auto;
}
.blog-post .wp-picture {
overflow: hidden;
position: relative;
text-align: center;
}
.blog-post .wp-picture img {
max-width: 100%;
-webkit-transition: -webkit-transform 0.3s linear;
transition: transform 0.3s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.blog-post .wp-picture .post-categories {
position: absolute;
top: 40px;
left: 0;
background-color: #d64444;
font-size: 14px;
z-index: 9;
padding: 11px 10px;
}
.blog-post .wp-picture .post-categories a {
color: #fff;
letter-spacing: 0;
background-color: transparent;
text-transform: uppercase;
}
.blog-post .wp-picture .blog-mask {
position: absolute;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
opacity: 0;
z-index: 8;
left: 0;
cursor: pointer;
right: 0;
top: 0;
bottom: 0;
margin-bottom: 0;
}
.blog-post .wp-picture .blog-mask:before {
content: "";
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
opacity: 0.4;
background-color: #d64444;
}
.blog-post .wp-picture .blog-mask-inner {
top: 50%;
position: absolute;
width: 100%;
margin-top: -20px;
}
.blog-post .wp-picture .svg-wrapper {
height: 40px;
margin: 0 auto;
position: relative;
top: 50%;
opacity: 0;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
width: 150px;
overflow: hidden;
}
.blog-post .wp-picture .svg-wrapper svg {
overflow: hidden;
display: inline-block;
}
.blog-post .wp-picture .svg-wrapper:hover {
background-color: #fff;
}
.blog-post .wp-picture .svg-wrapper:hover a {
color: #000;
}
.blog-post .wp-picture .shape {
fill: transparent;
stroke-dasharray: 0 300;
stroke-dashoffset: -215;
stroke-width: 2px;
stroke: rgba(255, 255, 255, 0.9);
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.blog-post .wp-picture .read-more {
position: relative;
top: -20px;
border: none;
padding: 0;
text-transform: uppercase;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
opacity: 0;
background-color: transparent;
color: #fff;
font-weight: bold;
font-size: 14px;
}
.blog-post .wp-picture:hover img {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition: -webkit-transform 4s linear;
transition: transform 4s linear;
}
.blog-post .wp-picture:hover .blog-mask,
.blog-post .wp-picture:hover .svg-wrapper {
opacity: 1;
}
.blog-post .wp-picture:hover .shape {
webkit-animation: 0.4s draw linear forwards;
animation: 0.4s draw linear forwards;
opacity: 1;
stroke: rgba(255, 255, 255, 0.9);
}
.blog-post .wp-picture:hover .read-more {
opacity: 1;
left: 0;
top: -30px;
color: rgba(255, 255, 255, 0.9);
}
.blog-post .post-heading {
margin-bottom: 25px;
}
.blog-post .post-heading h2 {
margin-bottom: 15px;
}
.blog-post .post-heading h2 a {
font-size: 26px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 900;
letter-spacing: 1px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.blog-post .post-heading h2 a:hover {
color: #8a8a8a;
}
.blog-post .post-heading ul {
font-size: 14px;
font-weight: 300;
}
.blog-post .post-heading ul li {
color: #666;
display: inline-block;
}
.blog-post .post-heading ul li:last-child {
color: #d64444;
}
.blog-post .post-heading ul li i {
margin-right: 5px;
}
.blog-post .post-heading ul a {
color: #1e1e1e;
}
.blog-post .post-heading ul .eye {
color: #d64444;
}
.blog-post .content-article p {
margin-bottom: 22px;
font-family: 'Lato', sans-serif;
line-height: 28px;
}
.blog-post .content-article .read-more {
display: inline-block;
font-weight: 400;
padding: 0;
position: relative;
font-size: 16px;
text-transform: none;
color: #d64444;
}
.blog-post .content-article .read-more:before {
content: '';
position: absolute;
height: 2px;
width: 100%;
bottom: -6px;
pointer-events: none;
-webkit-transform: scale3d(0, 1, 1);
transform: scale3d(0, 1, 1);
-webkit-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
background-color: #d64444;
}
.blog-post .content-article .read-more:after {
font-family: 'FontAwesome';
content: '\f178';
display: inline-block;
margin-left: 4px;
opacity: 0;
position: absolute;
right: -15px;
top: 2px;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.blog-post .content-article .read-more:hover:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.blog-post .content-article .read-more:hover:after {
opacity: 1;
right: -23px;
top: 2px;
}
.content-page.blog {
margin-bottom: 100px;
}
.content-page.blog.column-4 .blog-post:nth-child(4n+1) {
clear: both;
}
.content-page.blog.column-4 .post-heading h2 a {
font-size: 20px;
}
.content-page.blog.column-4 .post-heading ul {
line-height: 20px;
}
.content-page.blog.column-4 .post-categories {
top: 25px;
padding: 9px 10px;
}
.content-page.blog.column-4 .post-categories a {
padding: 0;
font-size: 12px;
}
.content-page.blog.column-3 .blog-post:nth-child(3n+1) {
clear: both;
}
.post-gallery-slider .item {
margin: 0;
}
.post-gallery-slider .owl-controls .owl-buttons .owl-prev {
left: 30px;
}
.post-gallery-slider .owl-controls .owl-buttons .owl-next {
right: 30px;
}
.post-gallery-slider .owl-controls .owl-buttons .owl-prev,
.post-gallery-slider .owl-controls .owl-buttons .owl-next {
width: 40px;
height: 40px;
top: 45%;
}
.post-gallery-slider .owl-controls .owl-buttons .owl-prev:after,
.post-gallery-slider .owl-controls .owl-buttons .owl-next:after {
font-size: 18px;
}
@-webkit-keyframes draw {
0% {
stroke-dasharray: 0 300;
stroke-dashoffset: -215;
stroke-width: 3px;
}
100% {
stroke-dasharray: 400 300;
stroke-dashoffset: 0;
stroke-width: 3px;
}
}
@keyframes draw {
0% {
stroke-dasharray: 0 300;
stroke-dashoffset: -215;
stroke-width: 3px;
}
100% {
stroke-dasharray: 400 300;
stroke-dashoffset: 0;
stroke-width: 3px;
}
}
/**
*
* Sidebar blog
*
*/
.about-author {
margin-bottom: 60px;
}
.about-author img {
margin-bottom: 30px;
}
.tag-cloud {
margin-bottom: 60px;
}
.tag-cloud a {
color: #999;
font-size: 13px;
display: inline-block;
padding: 6px 16px;
font-weight: 300;
margin: 0 4px 6px 0;
background-color: #fafafa;
border: 1px solid #fafafa;
text-transform: capitalize;
}
.tag-cloud a:hover {
color: #fff;
background-color: #d64444;
}
.widget-search {
position: relative;
}
.widget-search input {
height: 36px;
border-radius: 0;
border: 1px solid #fafafa;
background-color: #fafafa;
box-shadow: none;
outline: none;
font-size: 14px;
color: #1e1e1e;
padding-right: 45px;
}
.widget-search input:focus {
outline: none;
box-shadow: none;
border: 1px solid #cecece;
}
.widget-search .btn {
position: absolute;
right: 0;
top: 47px;
background-color: #1e1e1e;
color: #fff;
width: 36px;
height: 36px;
padding: 0;
display: inline-block;
}
.widget-search .btn:hover {
opacity: 0.7;
}
/**
*
* Chess Blog
*
*/
.chess-blog .blog-post,
.list-blog .blog-post {
width: 100%;
display: inline-block;
}
.chess-blog .blog-post .featured-video,
.list-blog .blog-post .featured-video,
.chess-blog .blog-post .wp-picture,
.list-blog .blog-post .wp-picture,
.chess-blog .blog-post .post-gallery-slider,
.list-blog .blog-post .post-gallery-slider,
.chess-blog .blog-post .featured-audio,
.list-blog .blog-post .featured-audio {
float: left;
width: 50%;
margin-right: 30px;
}
.chess-blog .blog-post .featured-video iframe,
.list-blog .blog-post .featured-video iframe {
height: 240px;
}
.chess-blog .blog-post .post-heading,
.list-blog .blog-post .post-heading {
margin-top: 15px;
}
.chess-blog .blog-post .content-article,
.list-blog .blog-post .content-article {
width: 45.5%;
float: left;
}
.list-blog .blog-post .post-heading h2 a {
font-size: 24px;
}
.chess-blog .blog-post:nth-child(even) .featured-video,
.chess-blog .blog-post:nth-child(even) .wp-picture,
.chess-blog .blog-post:nth-child(even) .post-gallery-slider,
.chess-blog .blog-post:nth-child(even) .featured-audio {
float: right;
margin-left: 30px;
margin-right: 0;
}
.meta-post-timeline {
border: none;
position: absolute;
z-index: 1;
top: 0px;
text-align: center;
float: left;
width: 70px;
height: 70px;
padding-top: 12px;
left: -12%;
background-color: #f5f5f5;
}
.meta-post-timeline .time-day {
font-size: 25px;
line-height: 30px;
font-weight: bold;
color: #777;
display: block;
width: 100%;
}
.meta-post-timeline .time-mon {
color: #d64444;
font-weight: 700;
text-transform: uppercase;
font-size: 14px;
}
/*===== End of Blog Style ======*/
/*=========================================
= Single Blog Style =
=========================================*/
.single-post-large {
height: 560px;
position: relative;
margin-bottom: 40px;
background-size: cover !important;
background-image: url(http://placehold.it/1920x560);
}
.single-post-large .post-categories {
top: 0;
z-index: 0;
padding: 10px 0;
position: relative;
margin-bottom: 30px;
}
.single-post-large .post-categories a {
letter-spacing: 0;
padding: 10px 15px;
}
.single-post-large.type-2 .inside {
padding-left: 20px;
}
.single-post-large .inside {
position: absolute;
width: 100%;
bottom: 0;
display: inline-block;
padding: 120px 0 60px;
z-index: 2;
margin-bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5)));
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.single-post-large .post-heading h2 {
font-size: 30px;
font-weight: bold;
letter-spacing: 2px;
color: #fff;
margin-bottom: 15px;
}
.single-post-large .post-heading ul li {
display: inline-block;
color: #fff;
font-weight: 300;
margin: 0 2px;
}
.single-post-large .post-heading ul i {
margin: 0 5px;
}
.single-post-large .post-heading ul a {
color: #fff;
}
.single-post .content-article p {
font-family: 'Lato', sans-serif;
margin-bottom: 20px;
}
.single-post .social-icon {
width: 100%;
padding: 18px 0;
margin-bottom: 50px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
display: inline-block;
}
.single-post .social-icon span {
float: left;
padding-top: 13px;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
.single-post .social-icon li {
float: right;
border: none;
margin: 0 3px;
}
.single-post .social-icon li a {
color: #8a8a8a;
font-size: 16px;
}
.single-post .social-icon li a:hover {
color: #d64444;
}
.single-post .post-heading h2 {
font-size: 26px;
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 900;
letter-spacing: 1px;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.single-post .author-info {
margin-bottom: 30px;
}
.single-post .author-info img {
margin-right: 40px;
max-width: 100px;
}
.single-post .author-info h4 {
font-size: 21px;
text-transform: capitalize;
margin-bottom: 15px;
}
.single-post .author-info p {
margin-bottom: 15px;
}
.single-post .author-info .vcard a {
font-size: 14px;
color: #d64444;
}
.single-post .related-post {
font-size: 14px;
letter-spacing: 0;
font-weight: bold;
padding: 30px 0;
margin-bottom: 55px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.single-post .latest-blog h2 a {
font-size: 16px;
}
.single-post .latest-blog ul li:last-child {
float: right;
}
.single-post .latest-blog .post-heading {
margin-bottom: 15px;
}
.single-post .latest-blog .post-categories {
top: 20px;
}
.comment-respond {
margin-bottom: 140px;
}
.comment-respond textarea {
height: 200px;
margin-bottom: 20px;
}
.comment-respond .form-group {
width: 33.3%;
float: left;
margin-bottom: 30px;
display: inline-block;
}
.comment-respond .form-group.email {
padding: 0 15px;
}
.comment-respond input {
width: 100%;
}
.comment-respond .submit {
width: auto;
}
textarea {
width: 100%;
background-color: #fafafa;
border: 1px solid #fafafa;
padding: 10px;
line-height: 1.5;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 14px;
}
textarea:focus {
outline: none;
border: 1px solid #c7c7c7;
}
input {
height: 36px;
line-height: 28px;
padding: 0 10px;
display: block;
font-size: 14px;
-webkit-appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border: 1px solid #fafafa;
background-color: #fafafa;
-webkit-border-radius: 0;
border-radius: 0;
color: #1e1e1e;
}
input:focus {
outline: none;
border: 1px solid #c7c7c7;
}
.submit {
font-size: 12px;
padding: 0 20px;
width: auto;
font-weight: 300;
letter-spacing: 1px;
height: 36px;
line-height: 28px;
color: #fff;
text-transform: uppercase;
background-color: #d64444;
}
/*===== End of Single Blog Style ======*/
/*===========================================
= Looks Product Style =
===========================================*/
.looks-product {
margin-bottom: 100px;
}
.looks-product .banner-product {
position: relative;
}
.looks-product .banner-product .mask {
position: absolute;
bottom: 40px;
text-align: center;
background-color: #fff;
padding: 25px 30px;
width: 100%;
}
.looks-product .banner-product .mask h4 {
font-size: 14px;
color: #000;
font-weight: bold;
}
.looks-product .banner-product .mask h4 span {
color: #666;
font-weight: 300;
}
.looks-product .mask-product {
background: #fcfcfc;
}
.looks-product .mask-product img {
padding: 18px 70px 105px 70px;
}
/*===== End of Looks Product Style ======*/
/*========================================
= My Account Style =
========================================*/
.my-account {
margin-top: 60px;
margin-bottom: 160px;
}
.my-account h2 {
font-size: 16px;
font-weight: 900;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #e6e6e6;
}
.my-account input {
width: 100%;
height: 36px;
padding: 0 10px;
border: 1px solid #fafafa;
background-color: #fafafa;
}
.my-account input:focus {
outline: none;
box-shadow: none;
border: 1px solid #c7c7c7;
}
.my-account p {
margin-bottom: 22px;
}
.my-account .btn {
width: auto;
color: #fff;
font-size: 11px;
letter-spacing: 1px;
margin-right: 10px;
font-weight: 400;
padding: 0 22px;
border-color: #262626;
background-color: #262626;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.my-account .btn:hover {
border-color: #4c4c4c;
background-color: #4c4c4c;
}
.my-account .form-row {
width: 49%;
display: inline-block;
}
.my-account .form-row .inline,
.my-account .form-row .checkbox {
width: auto;
height: auto;
font-weight: 300;
margin-right: 4px;
display: inline-block;
}
.my-account .lost_password {
width: 49%;
text-align: right;
display: inline-block;
}
.my-account .lost_password a {
font-size: 13px;
font-weight: 300;
color: #d64444;
text-decoration: underline;
}
.my-account label {
font-size: 13px;
font-weight: normal;
color: #313131;
}
.my-account .login {
padding: 50px;
border: 1px solid #e6e6e6;
}
.my-account .register {
padding-left: 20px;
}
/**
*
* Track Order
*
*/
.track-order p {
font-weight: 300;
}
.track-order input::-webkit-input-placeholder {
font-size: 12px;
color: #cecece;
font-weight: 300;
}
.track-order input::-moz-placeholder {
font-size: 12px;
color: #cecece;
font-weight: 300;
}
.track-order input:-moz-placeholder {
font-size: 12px;
color: #cecece;
font-weight: 300;
}
.track-order input:-ms-input-placeholder {
font-size: 12px;
color: #cecece;
font-weight: 300;
}
.track-order .banner h3 {
color: #1e1e1e;
font-size: 36px;
font-weight: 900;
}
.track-order .banner h2 {
color: #d64444;
font-size: 36px;
border: none;
padding-bottom: 0;
font-weight: 900;
}
.track-order .banner p {
color: #666;
font-weight: 300;
letter-spacing: 0;
text-transform: none;
}
.track-order .banner .btn {
padding: 9px 23px;
color: #1e1e1e;
font-size: 13px;
font-weight: bold;
border-color: #f2f2f2;
background-color: #f2f2f2;
margin-bottom: 40px;
}
.track-order .banner .btn:hover {
color: #fff !important;
border-color: #e5534c !important;
background-color: #e5534c !important;
}
.track-order .banner h6 {
color: #939393;
text-transform: none;
font-size: 12px;
}
/*===== End of My Account Style ======*/
/*===================================
= Pages Style =
===================================*/
.contact-page {
margin-bottom: 120px;
}
.contact-page .map {
margin-bottom: 30px;
}
.contact-page form p {
width: 50%;
float: left;
padding-right: 15px;
margin-bottom: 20px;
}
.contact-page form p input {
width: 100%;
}
.contact-page form label {
font-size: 14px;
color: #1e1e1e;
margin-bottom: 10px;
font-weight: 400;
}
.contact-page form textarea {
margin-bottom: 20px;
}
.contact-page form .submit {
background-color: #f2f2f2;
color: #1e1e1e;
font-weight: bold;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.contact-page form .submit:hover {
background-color: #d64444;
color: #fff;
}
.contact-page h2 {
font-size: 24px;
color: #1a1a1a;
line-height: 30px;
margin-bottom: 15px;
margin-top: 20px;
font-weight: bold;
}
.contact-page address {
border-top: 1px solid #e9e9e9;
padding-top: 20px;
}
.contact-page address li {
font-size: 16px;
margin-bottom: 6px;
font-weight: 300;
}
/**
*
* About Us
*
*/
.about-us .bg-slider {
padding: 215px 0;
background-image: url('http://placehold.it/1920x690');
background-size: cover;
background-repeat: no-repeat;
margin-bottom: -80px;
}
.about-us .bg-slider h4 {
letter-spacing: 2px;
margin-bottom: 20px;
}
.about-us .bg-slider h2 {
font-size: 60px;
color: #1e1e1e;
font-weight: 900;
margin-bottom: 35px;
}
.about-us .bg-slider p {
margin-bottom: 35px;
}
.about-us .bg-slider .social-icon li {
border: none;
margin: 0 7px;
}
.about-us .bg-slider .social-icon li a {
font-size: 22px;
padding: 0;
color: #999;
}
.about-us .bg-slider .social-icon li a:hover {
color: #d64444;
}
.about-us h4 {
font-size: 14px;
color: #1e1e1e;
font-weight: 900;
}
.about-us .banner-text h2 {
font-size: 36px;
color: #1e1e1e;
line-height: 60px;
font-weight: bold;
margin-bottom: 10px;
}
.about-us .banner-text .inside {
position: relative;
top: 200px;
}
.about-us .banner-text p {
padding: 0 14px;
}
.about-us .testimonials {
margin-top: 60px;
padding: 50px 0 30px 0;
background: #f7f7f7;
}
.about-us .testimonials blockquote {
color: #666;
}
.about-us .testimonials .testimonial-info .author {
color: #666;
}
.about-us .testimonials .testimonial-info .author a {
color: #666;
}
.about-us .testimonials .owl-controls .owl-next:after,
.about-us .testimonials .owl-controls .owl-prev:after {
color: #666;
}
.about-us .icon-text {
margin-bottom: 80px;
}
.about-us .brands {
margin-bottom: 120px;
}
/**
*
* LookBook
*
*/
.et-full-screen-products {
height: 100vh;
}
.et-full-screen-products .et-product-info-slide {
top: 50%;
max-width: 550px;
margin: 0 auto;
padding: 0 1.5rem;
-webkit-transform: translateY(-25%);
-ms-transform: translateY(-25%);
transform: translateY(-25%);
}
.et-full-screen-products .header-type-2 .header menu li a,
.et-full-screen-products .header-type-2 p,
.et-full-screen-products .header-type-2 a,
.et-full-screen-products .header-type-2 .header-search .search-btn,
.et-full-screen-products .header-type-2 .navbar-right .wishlist a,
.et-full-screen-products .header-type-2 .navbar-right .shopping-cart .bag:before,
.et-full-screen-products .header-type-2 .navbar-right .shopping-cart .total {
color: #1e1e1e;
}
.et-full-screen-products .header-type-2 .header-search.search-full-width input {
border-bottom: 1px solid #cecece;
}
.et-full-screen-products .swiper-container_q {
margin: 0 auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.et-full-screen-products .et-products-images-slider,
.et-full-screen-products .et-products-info-slider {
width: 100%;
height: 100vh;
position: relative;
}
.et-full-screen-products .swiper-container-vertical {
width: 50%;
float: left;
}
.et-full-screen-products .swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition-property: -webkit-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.et-full-screen-products .et-products-images-slider .swiper-slide {
width: 100%;
height: 100%;
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: top center !important;
}
.et-full-screen-products .et-products-images-slider .swiper-slide:nth-child(even) {
background: url(http://placehold.it/870x1160);
}
.et-full-screen-products .et-products-images-slider .swiper-slide:nth-child(odd) {
background: url(http://placehold.it/870x1160);
}
.et-full-screen-products .swiper-slide {
width: 100%;
height: 100%;
position: relative;
}
.et-full-screen-products .et-products-navigation {
position: absolute;
bottom: 25px;
z-index: 2;
text-align: center;
width: 100%;
}
.et-full-screen-products .et-products-navigation > div {
min-width: 40%;
display: inline-block;
height: 50px;
line-height: 50px;
padding-right: 15px;
font-weight: bold;
padding-left: 65px;
background-color: #f2f2f2;
color: #262626;
margin: 0 15px;
position: relative;
cursor: pointer;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.et-full-screen-products .et-products-navigation > div:hover {
background-color: #d64444;
color: #fff;
}
.et-full-screen-products .et-products-navigation > div:hover .swiper-nav-arrow {
background-color: #c52e2e;
}
.et-full-screen-products .et-products-navigation > div:hover .swiper-nav-arrow:before {
color: #fff;
-webkit-animation: animArrow 1s infinite;
animation: animArrow 1s infinite;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.et-full-screen-products .et-products-navigation > div .swiper-nav-title {
letter-spacing: 0.5px;
}
.et-full-screen-products .et-products-navigation .swiper-nav-price {
float: right;
}
.et-full-screen-products .et-products-navigation .swiper-nav-arrow {
display: inline-block;
width: 50px;
height: 50px;
text-align: center;
position: absolute;
left: 0;
background-color: #e6e6e6;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.et-full-screen-products .et-products-navigation .swiper-nav-arrow:before {
content: "\f106";
font-family: FontAwesome;
font-size: 32px;
display: block;
color: #999;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
position: absolute;
top: -1px;
left: 15px;
}
.et-full-screen-products .et-products-navigation .et-swiper-next {
text-align: left;
}
.et-full-screen-products .et-products-navigation .et-swiper-prev {
padding-right: 65px;
padding-left: 15px;
text-align: left;
}
.et-full-screen-products .et-products-navigation .et-swiper-prev .swiper-nav-arrow {
left: auto;
right: 0;
}
.et-full-screen-products .et-products-navigation .et-swiper-prev .swiper-nav-arrow:before {
content: "\f107";
top: 0;
}
.et-full-screen-products .et-products-navigation .et-swiper-prev:hover .swiper-nav-arrow:before {
-webkit-animation: animArrowReverse 1s infinite;
animation: animArrowReverse 1s infinite;
}
.et-full-screen-products .product-title {
margin-bottom: 15px;
}
.et-full-screen-products .product-title a {
font-size: 38px;
line-height: 40px;
color: #1e1e1e;
text-transform: uppercase;
font-weight: bold;
}
.et-full-screen-products .products-cats {
font-size: 14px;
color: #808080;
text-transform: uppercase;
margin-bottom: 25px;
display: block;
}
.et-full-screen-products .price {
width: 100%;
font-size: 28px;
font-weight: bold;
margin-bottom: 25px;
}
.et-full-screen-products .description {
margin-bottom: 20px;
}
.et-full-screen-products .wishlist.btn {
font-size: 0;
padding: 0;
line-height: 0;
padding: 16px 10px;
}
.et-full-screen-products .wishlist.btn:before {
display: inline-block;
content: "\e908" !important;
font-family: 'xstore-icons';
font-size: 24px;
position: relative;
top: 6px;
}
.et-full-screen-products .wishlist.btn:hover {
background-color: #d64444;
}
.et-full-screen-products .wishlist.btn:hover:before {
color: #fff;
font-weight: 500;
}
.et-full-screen-products .add-to-cart {
background-color: #1e1e1e;
border-color: #1e1e1e;
color: #fff;
font-weight: 400;
padding: 12px 50px;
letter-spacing: 1px;
margin-right: 5px;
}
.et-full-screen-products .add-to-cart:hover {
opacity: 0.8;
}
.et-full-screen-products .add-to-cart,
.et-full-screen-products .wishlist {
margin-bottom: 30px;
}
.et-full-screen-products .sku {
display: block;
color: #8a8a8a;
font-weight: 400;
margin-bottom: 20px;
}
.et-full-screen-products .sku b {
font-weight: bold;
color: #1e1e1e;
}
.et-full-screen-products .social-icon {
padding: 15px 0;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
display: inline-block;
width: 100%;
}
.et-full-screen-products .social-icon span {
float: left;
text-transform: uppercase;
font-weight: bold;
font-size: 14px;
margin-top: 12px;
}
.et-full-screen-products .social-icon li {
border: none;
float: right;
}
.et-full-screen-products .social-icon li a {
color: #8a8a8a;
font-size: 16px;
}
.et-full-screen-products .social-icon li a:hover {
color: #d64444;
}
.et-full-screen-products .swiper-container {
cursor: default !important;
}
@-webkit-keyframes animArrow {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes animArrow {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-7px);
transform: translateY(-7px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes animArrowReverse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes animArrowReverse {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(7px);
transform: translateY(7px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
/**
*
* Faq
*
*/
.panel-group .panel-heading {
background-color: transparent;
border-top: 1px solid #e6e6e6;
border-radius: 0;
padding: 28px 20px 25px 30px;
}
.panel-group .panel-heading a {
text-transform: none;
font-size: 18px;
color: #1e1e1e;
display: block;
font-weight: bold;
position: relative;
}
.panel-group .panel-heading a:focus,
.panel-group .panel-heading a:active {
text-decoration: none;
}
.panel-group .panel-heading a:before {
content: "\f106";
right: 0;
color: #e6e6e6;
position: absolute;
font-family: FontAwesome;
}
.panel-group .panel-heading a.collapsed:before {
content: "\f107";
}
.panel-group .panel {
box-shadow: none;
}
.panel-group .panel-body {
border: none !important;
font-size: 16px;
line-height: 1.8;
color: #666;
font-weight: 300;
padding-top: 0;
padding-left: 30px;
}
/**
*
* Team Member
*
*/
.team-member {
text-align: center;
margin-bottom: 80px;
}
.team-member .member-image {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.team-member .member-image:before {
content: "";
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0;
opacity: 0;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.team-member .member-image .social {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
left: 0;
}
.team-member .member-image:hover:before {
background-color: #d64444;
opacity: 0.8;
}
.team-member .member-image:hover .social {
opacity: 1;
}
.team-member h4 {
font-size: 22px;
font-weight: 900;
margin-bottom: 10px;
letter-spacing: 1px;
}
.team-member h5 {
font-size: 16px;
color: #d64444;
font-weight: 700;
}
.social {
opacity: 0;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.social li {
display: inline-block;
margin: 15px;
}
.social li a {
font-size: 24px;
color: #fff;
}
.social li a:hover {
opacity: 0.7;
}
.team-block {
background-color: #fafafa;
padding: 60px;
margin-bottom: 80px;
}
.team-block h2 {
font-size: 24px;
color: #1e1e1e;
letter-spacing: 1px;
font-weight: bold;
margin-bottom: 20px;
}
.team-block .btn {
color: #fff;
font-weight: 400;
padding: 13px 25px;
margin-top: 38px;
background-color: #d64444;
}
.team-block .btn:hover {
opacity: 0.8;
}
/**
*
* Single Members
*
*/
.single-members {
margin-top: -30px;
box-sizing: border-box;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
margin-bottom: 60px;
}
.single-members .inside {
width: 50%;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: flex;
}
.single-members .text {
padding: 0 8%;
}
.single-members p {
margin-bottom: 2px;
}
.single-members h2 {
font-size: 44px;
color: #1e1e1e;
font-weight: bold;
margin-bottom: 20px;
}
.single-members h3 {
font-size: 18px;
color: #d64444;
margin-bottom: 30px;
}
.single-members .social {
opacity: 1;
}
.single-members .social a {
color: #666;
}
.headers {
margin-bottom: 120px;
}
/**
*
* instagram
*
*/
.instagram {
margin-top: 60px;
margin-bottom: 140px;
display: inline-block;
}
.instagram li {
width: 24%;
position: relative;
display: inline-block;
float: left;
margin-bottom: -2px;
}
.instagram li:hover .insta-info {
opacity: 1;
}
.instagram .insta-info {
color: #fff;
font-size: 20px;
font-weight: 400;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
background-color: rgba(20, 20, 20, 0.5);
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.instagram .insta-info i {
margin-right: 10px;
}
.instagram .insta-info span {
margin: 0 20px;
}
.instagram span {
top: 45%;
position: relative;
}
#infscr-loading img {
padding-left: 15px;
}
#infscr-loading em {
padding-left: 15px;
}
.demo.fade .modal-dialog {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
transition: transform 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
-moz-transition: transform 0.2s cubic-bezier(0.55, 0.09, 0.68, 0.53);
}
.demo.fade.in .modal-dialog {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.demo.fade.in + .et-open-button {
right: 519px;
}
.demo.fade.in + .et-open-button img {
opacity: 1;
}
.demo.fade.in + .et-open-button h2,
.demo.fade.in + .et-open-button p,
.demo.fade.in + .et-open-button:before {
opacity: 0;
}
.demo .modal-dialog {
width: 520px;
float: right;
margin: 0;
height: 100%;
overflow-y: scroll;
}
.demo .modal-content {
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
border-radius: 0;
padding: 50px 24px;
display: inline-block;
}
.demo .head {
text-align: center;
}
.demo h3 {
font-size: 14px;
font-weight: 900;
color: #d64444;
letter-spacing: 2px;
text-transform: uppercase;
}
.demo h2 {
font-size: 32px;
color: #000;
font-weight: 900;
margin-bottom: 20px;
margin-top: 10px;
letter-spacing: -0.5px;
}
.demo p {
font-size: 14px;
color: #808080;
letter-spacing: 0.5px;
line-height: 26px;
}
.demo .btn {
width: 100%;
margin: 15px 0 30px;
padding: 15px 0;
background-color: #7cbc3d;
border-color: #7cbc3d;
color: #fff;
top: 0;
letter-spacing: 1px;
position: relative;
font-size: 16px;
box-shadow: 0px 5px 0 #5a9421;
font-weight: bold;
}
.demo .btn:hover {
top: 3px;
box-shadow: 0px 2px 0 #5a9421;
}
.demo ul li {
margin-bottom: 10px;
float: left;
width: 50%;
padding: 0 10px;
list-style-type: none;
position: relative;
text-align: center;
}
.demo ul li:nth-child(2n+1) {
clear: left;
}
.demo ul li:hover .version-link {
visibility: visible;
opacity: 1;
-webkit-transform: translateX(-50%) scale(1);
-moz-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
-o-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1);
}
.demo ul li:hover img {
opacity: 0.7;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.demo ul li a {
display: inline-block;
margin-bottom: 25px;
position: relative;
}
.demo ul li img {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
max-height: 223px;
}
.demo h4 {
color: #000;
font-size: 12px;
text-transform: uppercase;
font-weight: bold;
margin: 0;
padding-top: 5px;
}
.demo .version-link {
position: absolute;
top: 40%;
left: 50%;
visibility: hidden;
opacity: 0;
-webkit-transform: translateX(-50%) scale(0.7);
-moz-transform: translateX(-50%) scale(0.7);
-ms-transform: translateX(-50%) scale(0.7);
-o-transform: translateX(-50%) scale(0.7);
transform: translateX(-50%) scale(0.7);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
width: 140px;
padding: 11px 0;
font-size: 12px;
text-transform: uppercase;
font-weight: 400;
color: white;
background: #000;
border: 1px solid #000;
}
.demo .version-link:hover {
background: #dbb635;
border-color: #dbb635;
}
.et-open-button {
position: fixed;
width: 70px;
height: 70px;
right: 0;
z-index: 9999;
text-align: center;
cursor: pointer;
top: 190px;
background-color: #7cbc3d;
padding-top: 10px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.et-open-button:hover:before {
opacity: 1;
visibility: visible;
}
.et-open-button:hover h2,
.et-open-button:hover p {
visibility: hidden;
opacity: 0;
}
.et-open-button:before {
font-size: 56px;
line-height: 44px;
display: block;
font-weight: 300;
color: white;
content: '+';
width: 100%;
opacity: 0;
visibility: hidden;
position: absolute;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.et-open-button h2,
.et-open-button p {
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.et-open-button h2 {
color: #fff;
font-size: 30px;
font-weight: 900;
}
.et-open-button p {
font-size: 11px;
color: #fff;
text-transform: uppercase;
font-weight: 400;
}
.et-open-button img {
opacity: 0;
position: relative;
top: -40px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
/*===== End of Pages Style ======*/
/*====================================
= Widget Style =
====================================*/
.sidebar li a {
color: #444;
}
.widget-title {
color: #1e1e1e;
font-size: 16px;
font-weight: 900;
letter-spacing: 1px;
text-transform: uppercase;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e6e6e6;
}
.widget-title.first {
background-color: #d64444;
color: white;
padding: 25px 10px !important;
margin-bottom: 10px;
font-weight: bold;
text-align: center;
font-size: 22px;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.widget-product-categories,
.widget-price-filter,
.widget-layered-nav,
.widget-brands {
margin-bottom: 60px;
}
/**
*
* Widget Product Categories
*
*/
.widget-product-categories a {
display: block;
font-size: 14px;
padding: 15px 0;
font-weight: 400;
border-bottom: 1px solid #e6e6e6;
text-transform: uppercase;
}
.widget-product-categories a:hover {
color: #d64444;
}
.widget-product-categories a:active,
.widget-product-categories a:focus {
text-decoration: none;
color: #d64444;
}
.widget-product-categories .open {
cursor: pointer;
float: right;
text-align: right;
font-size: 0;
height: 25px;
width: 25px;
}
.widget-product-categories .open:before {
font-size: 16px;
color: #999;
font-family: 'FontAwesome';
display: inline-block;
content: '\f107';
}
.widget-product-categories .children {
display: none;
}
.widget-product-categories .children > li a {
padding: 12px 0 12px 14px;
color: #8a8a8a;
font-weight: 300;
font-size: 13px;
}
.widget-product-categories .children > li a:hover {
color: #d64444;
}
/**
*
* Widget Price Filter
*
*/
.widget-price-filter .widget-title {
margin-bottom: 20px;
}
.widget-price-filter label {
font-size: 14px;
color: #666;
display: inline-block;
}
.widget-price-filter input {
display: inline-block;
border: none;
color: #1e1e1e;
padding-left: 0;
width: 110px;
font-weight: bold;
background-color: transparent;
}
.widget-price-filter input:focus {
background-color: transparent;
border: none;
}
.widget-price-filter .btn {
float: right;
font-size: 11px;
letter-spacing: 1px;
background: #1e1e1e;
color: #fff;
font-weight: 400;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.widget-price-filter .btn:hover {
opacity: 0.8;
}
#slider-range {
position: relative;
background: #e6e6e6;
height: 2px;
margin-bottom: 20px;
}
#slider-range .ui-slider-range {
top: 0;
height: 100%;
position: absolute;
z-index: 1;
font-size: 26px;
display: block;
border: 0;
background: #d64444;
}
#slider-range .ui-slider-handle {
background: #d64444;
font-weight: normal;
color: #454545;
top: -3px;
position: absolute;
margin-left: -1px;
z-index: 2;
width: 8px;
height: 8px;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
#slider-range .ui-slider-handle:focus {
outline: none;
}
/**
*
* Widget Layered
*
*/
.widget-layered-nav li,
.widget-brands li {
position: relative;
font-size: 14px;
}
.widget-layered-nav li:first-child a,
.widget-brands li:first-child a {
padding-top: 0;
}
.widget-layered-nav li:first-child span,
.widget-brands li:first-child span {
top: 0;
}
.widget-layered-nav li:last-child a,
.widget-brands li:last-child a {
border-bottom: none;
}
.widget-layered-nav li a,
.widget-brands li a {
display: block;
padding: 13px 0;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #e6e6e6;
}
.widget-layered-nav li a:hover,
.widget-brands li a:hover {
color: #d64444;
}
.widget-layered-nav li span,
.widget-brands li span {
display: block;
position: absolute;
right: 0;
color: #666;
top: 13px;
cursor: pointer;
}
/**
*
* Widget Banner
*
*/
.banner {
position: relative;
margin-bottom: 60px;
}
.widget-banner {
text-align: center;
}
.widget-banner h3 {
color: #f3a3a3;
font-size: 14px;
margin-bottom: 10px;
letter-spacing: 2px;
}
.widget-banner h2 {
color: #fff;
margin-bottom: 18px;
font-weight: 500;
font-size: 36px;
font-weight: bold;
}
.widget-banner p {
font-size: 14px;
letter-spacing: 0;
font-weight: 300;
margin-bottom: 20px;
color: rgba(255, 255, 255, 0.6);
text-transform: none;
}
.widget-banner .btn {
font-size: 13px;
border-color: #fff;
background-color: #fff;
}
.widget-banner .btn:hover {
color: #fff;
border-color: #d64444;
background-color: #d64444;
}
/*===== End of Widget Style ======*/
/*=======================================
= Portfolio Style =
=======================================*/
.simplefilter {
text-align: center;
margin-top: 40px;
margin-bottom: 20px;
}
.simplefilter li {
padding: 0;
margin: 5px 15px;
font-size: 16px;
color: #1e1e1e;
text-transform: uppercase;
font-weight: 900;
position: relative;
cursor: pointer;
display: inline-block;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.simplefilter li.active {
color: #d64444;
}
.simplefilter li.active:after {
left: 0;
right: 0;
}
.simplefilter li.active:hover {
color: #d64444;
}
.simplefilter li:after {
content: "";
display: block;
position: absolute;
height: 2px;
-webkit-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
left: 50%;
right: 50%;
bottom: -3px;
background-color: #d64444;
}
.simplefilter li:hover {
color: #8a8a8a;
}
.filter-xstore {
margin-bottom: 160px;
}
.filter-xstore .filtr-item {
padding: 15px;
}
.filter-xstore .portfolio-item-inner {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
position: relative;
cursor: pointer;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.filter-xstore .portfolio-item-inner:hover {
background-color: #d64444;
}
.filter-xstore .portfolio-item-inner:hover img {
opacity: 0.1;
}
.filter-xstore .portfolio-item-inner:hover .zoom {
opacity: 1;
visibility: visible;
left: 30px;
}
.filter-xstore .portfolio-item-inner img {
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.filter-xstore .portfolio-descr {
position: absolute;
left: 0;
right: 0;
padding: 0 30px 30px 30px;
bottom: 0;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);
}
.filter-xstore .portfolio-descr a {
color: #fff;
display: block;
margin-bottom: 15px;
font-size: 13px;
letter-spacing: 1px;
font-weight: 400;
text-transform: uppercase;
}
.filter-xstore .portfolio-descr .project-title a {
font-size: 24px;
margin-bottom: 0;
font-weight: bold;
letter-spacing: 0;
}
.filter-xstore .zoom {
position: absolute;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
top: 30px;
left: 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.filter-xstore .zoom a {
font-size: 0;
border: 2px solid rgba(255, 255, 255, 0.7);
background: transparent;
width: 50px;
height: 50px;
display: block;
text-align: center;
-webkit-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;
}
.filter-xstore .zoom a:before {
content: '+';
font-size: 42px;
display: block;
line-height: 45px;
color: #fff;
}
.filter-xstore .zoom a:hover {
background-color: #000;
border-color: #000;
}
.filter-xstore.type-2 .portfolio-descr {
bottom: -20px;
opacity: 0;
visibility: hidden;
}
.filter-xstore.type-2 .portfolio-item-inner:hover .portfolio-descr {
opacity: 1;
visibility: visible;
bottom: 0;
}
.content-page.full {
margin-bottom: 160px;
}
.content-page.full .filter-xstore .filtr-item {
padding: 0;
}
/**
*
* Single Portfolio
*
*/
.single-portfolio {
margin-bottom: 140px;
}
.single-portfolio h2 {
font-size: 30px;
font-weight: 900;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 20px;
text-transform: uppercase;
}
.single-portfolio b {
font-weight: bold;
}
.single-portfolio p {
margin-bottom: 20px;
}
.single-portfolio h4 {
font-weight: bold;
margin-bottom: 15px;
margin-top: 70px;
}
.single-portfolio ul {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
}
.single-portfolio ul.social-icon {
border-bottom: none;
}
.single-portfolio .social-icon {
width: 100%;
clear: both;
display: inline-block;
padding-bottom: 0;
}
.single-portfolio .social-icon li {
border: none;
float: right;
padding: 0;
margin: 0;
}
.single-portfolio .social-icon li:hover a {
color: #fff;
background-color: #d64444;
}
.single-portfolio .social-icon span {
float: left;
font-weight: bold;
text-transform: uppercase;
margin-top: 7px;
}
.single-portfolio .social-icon a {
width: 30px;
height: 30px;
background-color: #f2f2f2;
color: #999;
padding: 0;
text-align: center;
line-height: 30px;
}
.single-portfolio li {
font-weight: 300;
color: #bbb;
margin-bottom: 15px;
}
.single-portfolio li:last-child {
margin-bottom: 0;
}
.single-portfolio li b {
color: #1e1e1e;
}
.single-portfolio .bg-img {
background-image: url(../images/single-portfolio.jpg);
height: 545px;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
}
.single-portfolio .bg-img.type-2 {
background-image: url(../images/single-portfolio2.jpg);
}
.single-portfolio .bg-img.type-3 {
background-image: url(../images/single-portfolio3.jpg);
}
#view .modal-dialog {
width: 1300px;
margin: 40px auto;
text-align: center;
}
#view .modal-body {
position: relative;
}
#view .close {
top: -35px;
position: absolute;
right: 15px;
}
#view .close:hover {
background-color: #d64444;
}
#view .close:hover:before {
color: #fff;
}
/*===== End of Portfolio Style ======*/
/*==================================
= Shop Style =
==================================*/
.breadcrumbs {
padding: 42px 0;
margin-bottom: 30px;
background: #f5f5f5 url(../images/breadcrumbs-grey.png) no-repeat center top;
}
.breadcrumbs ul li {
display: inline-block;
}
.breadcrumbs ul li a {
letter-spacing: 2px;
padding: 0 2px;
font-weight: bold;
font-size: 13px;
text-transform: uppercase;
}
.breadcrumbs ul li a:hover {
color: #8a8a8a;
}
.breadcrumbs h2 {
font-size: 32px;
font-weight: bold;
line-height: 44px;
letter-spacing: 1px;
}
.breadcrumbs .back {
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
position: absolute;
right: 20px;
top: 50%;
padding-left: 10px;
}
.breadcrumbs .back:before {
content: "\f104";
position: absolute;
left: 0;
top: 0;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.breadcrumbs .back:hover {
color: #d64444;
}
.products-loop.products-grid {
margin-bottom: 30px;
}
.products-loop.products-grid .product {
margin-bottom: 30px;
}
.products-loop.products-grid.columns-4 .add-to-cart a {
font-size: 0;
line-height: 30px;
}
.products-loop.products-grid.columns-4 .add-to-cart i {
margin-right: 3px;
}
.col-md-2-4 {
width: 20%;
}
/**
*
* Slider Banner
*
*/
.slider-banner-shop {
position: relative;
}
.slider-banner-shop .content {
top: 70px;
left: 75px;
position: absolute;
}
.slider-banner-shop .content.right {
left: auto;
right: 40px;
}
.slider-banner-shop h5 {
font-size: 13px;
color: #d64444;
letter-spacing: 2px;
}
.slider-banner-shop h2 {
font-size: 48px;
color: #252525;
font-weight: 900;
padding: 10px 0;
}
.slider-banner-shop p {
font-size: 16px;
color: rgba(76, 76, 76, 0.5);
margin-bottom: 30px;
}
.slider-banner-shop .btn {
color: #fff;
font-size: 12px;
letter-spacing: 2px;
padding: 12px 20px;
border-color: #d64444;
background-color: #d64444;
opacity: 0.8;
}
.slider-banner-shop .btn:hover {
opacity: 1;
}
.slider-banner-shop .item {
margin: 0;
}
.slider-banner-shop .owl-controls .owl-prev {
left: 15px;
}
.slider-banner-shop .owl-controls .owl-next {
right: 15px;
}
.slider-banner-shop .owl-controls .owl-prev,
.slider-banner-shop .owl-controls .owl-next {
background-color: transparent;
}
.slider-banner-shop .owl-controls .owl-prev:hover,
.slider-banner-shop .owl-controls .owl-next:hover {
background-color: transparent;
}
.slider-banner-shop .owl-controls .owl-prev:hover:after,
.slider-banner-shop .owl-controls .owl-next:hover:after {
color: #222;
}
/**
*
* Filter Shop
*
*/
.filter-wrap {
clear: both;
width: 100%;
margin-top: 17px;
margin-bottom: 28px;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 28px;
display: inline-block;
}
.filter-wrap .filters-btn,
.filter-wrap .filters-sorting,
.filter-wrap .view-switcher,
.filter-wrap .products-per-page {
display: inline-block;
float: left;
}
.filter-wrap .filters-btn {
position: relative;
margin-right: 10px;
}
.filter-wrap .filters-btn.active span {
background-color: #d64444;
color: #fff;
}
.filter-wrap .filters-btn span {
font-size: 11px;
border-color: #f2f2f2;
padding: 9px 16px 9px 35px;
background-color: #f2f2f2;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.filter-wrap .filters-btn span:before {
content: "\f0c9";
font-family: FontAwesome;
position: absolute;
left: 13px;
font-size: 13px;
display: block;
}
.filter-wrap .filters-btn span:hover {
color: #fff;
border-color: #d64444;
background-color: #d64444;
}
.filter-wrap .filters-sorting {
margin-right: 14px;
position: relative;
}
.filter-wrap .view-switcher {
padding-left: 15px;
border-left: 1px solid #e6e6e6;
}
.filter-wrap .view-switcher li {
display: inline-block;
width: 36px;
height: 36px;
padding-top: 10px;
line-height: 15px;
cursor: pointer;
text-align: center;
background-color: #fafafa;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.filter-wrap .view-switcher li i {
color: #8a8a8a;
font-size: 14px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.filter-wrap .view-switcher li.switch-list {
margin-left: 4px;
}
.filter-wrap .view-switcher li.switcher-active {
background-color: #d64444;
}
.filter-wrap .view-switcher li.switcher-active i {
color: #fff;
}
.filter-wrap .view-switcher li:hover {
background-color: #d64444;
}
.filter-wrap .view-switcher li:hover i {
color: #fff;
}
.filter-wrap .products-per-page {
border-left: 1px solid #e6e6e6;
padding-left: 14px;
margin-left: 14px;
position: relative;
}
.filter-wrap .products-per-page span,
.filter-wrap .products-per-page .trigger {
display: inline-block;
}
.filter-wrap .products-per-page span {
font-size: 12px;
color: #090909;
font-weight: bold;
text-transform: uppercase;
}
.filter-wrap .products-per-page .trigger {
margin: 0 14px;
padding: 10px 28px 11px 14px;
position: relative;
background-color: #fafafa;
}
.filter-wrap .products-per-page .trigger:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #4B5468;
top: 17px;
right: 10px;
}
.filter-wrap .products-per-page .options {
min-width: 100px;
width: 100px;
left: 70px;
top: 35px;
}
.pagination {
float: right;
margin: 0;
border-radius: 0;
}
.pagination li {
display: inline-block;
padding: 11px 12px;
font-size: 12px;
font-weight: bold;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #fafafa;
background-color: #fafafa;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.pagination li.active,
.pagination li:hover {
color: #fff;
font-weight: 500;
cursor: pointer;
border-color: #d64444;
background-color: #d64444;
}
.pagination li.active i,
.pagination li:hover i {
color: #fff;
}
.pagination li:nth-child(3) {
pointer-events: none;
}
.pagination.bottom {
width: 100%;
clear: both;
padding: 25px 0;
margin-bottom: 20px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
display: inline-block;
}
.pagination.bottom p {
font-weight: 300;
line-height: 36px;
}
.trigger {
background-color: #fafafa;
padding: 11px 31px 12px 14px;
font-size: 14px;
color: #666;
position: relative;
font-weight: 300;
cursor: pointer;
}
.trigger:after {
content: "";
display: block;
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #4B5468;
top: 17px;
right: 10px;
}
.options {
display: none;
position: absolute;
top: 27px;
padding-left: 0;
left: 0;
visibility: hidden;
opacity: 0;
z-index: 50;
display: inline-block;
max-height: 250px;
overflow: auto;
background: #fafafa;
border: 1px solid #e6e6e6;
min-width: 200px;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
transition: opacity 300ms ease-out, top 300ms ease-out, visibility 300ms ease-out;
}
.options.opened {
visibility: visible;
top: 37px;
opacity: 1;
-webkit-transition: opacity 300ms ease-out, top 300ms ease-out;
transition: opacity 300ms ease-out, top 300ms ease-out;
}
.options li {
padding: 2px 20px 2px 14px;
margin-bottom: 0;
float: left;
display: inline-block;
width: 100%;
line-height: 1.8;
font-size: 14px;
color: #9e9e9e;
font-weight: 300;
cursor: pointer;
white-space: nowrap;
-webkit-transition: all 150ms ease-out;
transition: all 150ms ease-out;
}
.options li:hover {
background-color: #f2f2f2;
}
.shop-filters-area {
overflow: hidden;
display: none;
width: 100%;
}
.shop-filters-area .widget-product-categories,
.shop-filters-area .widget-layered-nav,
.shop-filters-area .widget-search {
float: left;
width: 33.33%;
margin-bottom: 20px;
height: auto;
}
.shop-filters-area ul {
max-height: 200px;
float: left;
width: 100%;
padding-bottom: 10px;
position: relative;
overflow: scroll;
overflow-x: hidden;
}
.shop-filters-area li:first-child a {
padding-top: 0;
}
.shop-filters-area .widget-product-categories {
padding-right: 30px;
}
.shop-filters-area .widget-search {
padding-left: 30px;
}
.shop-filters-area .widget-search form {
position: relative;
}
.shop-filters-area .widget-search form input {
height: 36px;
line-height: 2rem;
padding: 0 14px;
display: block;
font-size: 14px;
-webkit-appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border: 1px solid #fafafa;
background-color: #fafafa;
-webkit-border-radius: 0;
border-radius: 0;
color: #1e1e1e;
}
.shop-filters-area .widget-search form input:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
border-color: #c7c7c7;
}
.shop-filters-area .widget-search button {
display: inline-block;
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 35px;
height: 35px;
font-size: 0;
text-align: center;
padding: 0;
line-height: 1;
background-color: #262626;
border-color: #262626;
}
.shop-filters-area .widget-search button i {
display: block;
position: relative;
color: #fff;
font-size: 14px;
}
/**
*
* Quickly
*
*/
.modal.quickly .modal-dialog {
width: 1000px;
}
/*===== End of Shop Style ======*/
/*==================================
= Cart Style =
==================================*/
.cart-table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
border-top: 1px solid #e6e6e6;
}
.cart-table td,
.cart-table th {
vertical-align: middle;
padding: 15px 10px;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #e6e6e6;
}
.cart-table td:first-child,
.cart-table th:first-child {
padding-left: 0;
}
.cart-table thead th {
padding: 20px 14px;
border-bottom: 2px solid #1e1e1e;
text-transform: uppercase;
font-weight: bold;
color: #1e1e1e;
font-size: 14px;
}
.cart-table .product-name {
width: 100px;
}
.cart-table .product-details {
max-width: 380px;
text-align: left;
}
.cart-table .product-details a {
text-transform: uppercase;
color: #1e1e1e;
font-size: 16px;
font-weight: bold;
display: block;
margin-bottom: 5px;
}
.cart-table .product-quantity,
.cart-table .product-subtotal,
.cart-table .product-remove,
.cart-table .product-price {
text-align: center;
}
.cart-table .product-remove {
width: 40px;
}
.cart-table .product-thumbnail img {
max-width: 80px;
}
.cart-table .price b {
font-size: 16px;
font-weight: bold;
}
.cart-table .product-remove a {
width: 36px;
height: 36px;
border: 1px solid #f2f2f2;
background-color: #f2f2f2;
line-height: 35px;
padding: 0;
font-size: 0;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.cart-table .product-remove a:before {
font-family: 'xstore-icons';
display: inline-block;
font-size: 14px;
color: #1e1e1e;
content: "\e90a";
position: relative;
left: 0;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.cart-table .product-remove a:hover:hover {
color: #fff;
border-color: #e5534c;
background-color: #e5534c;
}
.cart-table .product-remove a:hover:before {
color: #fff;
}
.cart .actions {
width: 100%;
clear: both;
margin-bottom: 40px;
display: inline-block;
}
.cart .actions .btn {
float: right;
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.cart .actions .btn:hover:hover {
color: #fff;
border-color: #e5534c;
background-color: #e5534c;
}
.cart .actions .btn:hover:before {
color: #fff;
}
.cart-bottom .banner h3 {
color: #1e1e1e;
font-weight: 600;
font-size: 30px;
}
.cart-bottom .banner h2 {
color: #d64444;
font-size: 30px;
margin-bottom: 20px;
}
.cart-bottom .banner p {
color: #808080;
letter-spacing: 0;
text-transform: none;
font-weight: 300;
margin-bottom: 20px;
}
.cart-bottom .banner .btn {
font-size: 13px;
}
.cart-bottom .banner .btn:hover:hover {
color: #fff;
border-color: #e5534c;
background-color: #e5534c;
}
.coupon h3 {
font-size: 14px;
color: #1e1e1e;
padding: 25px 0;
font-weight: bold;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
text-transform: uppercase;
margin-bottom: 25px;
}
.coupon h3 .label {
background-color: #d64444;
color: #fff;
font-weight: 300;
padding: 3px 10px;
margin-left: 10px;
border-radius: 0;
}
.coupon input {
width: 100%;
height: 36px;
padding: 0 10px;
margin-bottom: 20px;
border: 1px solid #fafafa;
background-color: #fafafa;
}
.coupon input:focus {
outline: none;
box-shadow: none;
border: 1px solid #c7c7c7;
}
.coupon input::-webkit-input-placeholder {
font-size: 14px;
color: #cecece;
font-weight: 300;
}
.coupon input::-moz-placeholder {
font-size: 14px;
color: #cecece;
font-weight: 300;
}
.coupon input:-moz-placeholder {
font-size: 14px;
color: #cecece;
font-weight: 300;
}
.coupon input:-ms-input-placeholder {
font-size: 14px;
color: #cecece;
font-weight: 300;
}
.coupon input.btn {
width: auto;
letter-spacing: 1px;
font-size: 11px;
font-weight: 700;
padding: 0 18px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.coupon input.btn:hover:hover {
color: #fff;
border-color: #e5534c;
background-color: #e5534c;
}
.cart-totals {
padding: 30px;
margin-bottom: 160px;
background-color: #fafafa;
}
.cart-totals h2 {
font-size: 14px;
font-weight: bold;
border-bottom: 2px solid #1e1e1e;
padding-bottom: 20px;
}
.cart-totals table {
width: 100%;
margin-bottom: 20px;
max-width: 100%;
}
.cart-totals td {
text-align: right;
}
.cart-totals th,
.cart-totals td {
border-bottom: 1px solid #e6e6e6;
width: 110px;
color: #777;
padding: 16px 15px;
font-size: 16px;
font-weight: 300;
text-transform: none;
}
.cart-totals th:last-child,
.cart-totals td:last-child {
padding-right: 0;
}
.cart-totals th:first-child,
.cart-totals td:first-child {
padding-left: 0;
}
.cart-totals input {
margin-right: 4px;
}
.cart-totals label {
font-size: 14px;
font-weight: normal;
color: #313131;
margin-bottom: 10px;
}
.cart-totals .cart-subtotal .price {
font-size: 16px;
color: #777;
}
.cart-totals .order-total th,
.cart-totals .order-total .price {
font-size: 22px;
color: #1e1e1e;
font-weight: bold;
}
.cart-totals .btn {
width: 100%;
color: #fff;
padding: 12px 0;
letter-spacing: 1px;
font-weight: 300;
background-color: #d64444;
}
.cart-totals .btn:hover {
opacity: 0.8;
}
.quantity .minus,
.quantity .plus {
display: inline-block;
height: 38px;
line-height: 38px;
border: none;
background-color: #f7f7f7;
width: 38px;
font-size: 0;
text-align: center;
letter-spacing: 0;
color: #1e1e1e;
cursor: pointer;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.quantity .minus:before,
.quantity .plus:before {
font-family: 'xstore-icons';
color: #494949;
font-size: 10px;
display: inline-block;
width: 13px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.quantity .minus:hover:hover,
.quantity .plus:hover:hover {
color: #fff;
border-color: #e5534c;
background-color: #e5534c;
}
.quantity .minus:hover:before,
.quantity .plus:hover:before {
color: #fff;
}
.quantity input {
border: none;
background-color: #f7f7f7;
display: inline-block;
width: 38px;
max-width: 45px;
padding: 0 10px;
text-align: center;
font-weight: 600;
font-size: 14px;
-webkit-appearance: none;
appearance: none;
height: 38px;
line-height: 38px;
color: #494949;
}
.quantity .minus:before {
content: "\e905";
}
.quantity .plus:before {
content: "\e906";
}
/**
*
* Wishlist
*
*/
.wishlist-page {
margin-bottom: 160px;
}
.wishlist-page .menu a {
text-transform: uppercase;
padding: 14px 0;
display: block;
font-size: 14px;
border-bottom: 1px solid #e6e6e6;
}
.wishlist-page .menu a:hover {
color: #d64444;
}
.wishlist-page .cart-table .product-thumbnail img {
max-width: 64px;
}
.wishlist-page .cart-table span {
color: #297E29;
text-transform: uppercase;
}
.wishlist-page .cart-table .product-remove .btn {
font-size: 0;
}
.wishlist-page .cart-table .btn {
font-size: 12px;
font-weight: 400;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.wishlist-page .cart-table .btn:hover {
color: #fff;
background-color: #000;
}
/*===== End of Cart Style ======*/
/*==============================================
= Single Product Sidebar =
==============================================*/
.single-product-sidebar .product-brands {
border: 1px solid #e6e6e6;
margin-bottom: 20px;
padding: 20px;
text-align: center;
}
.single-product-sidebar .product-brands a {
color: #d64444;
font-size: 12px;
display: block;
font-weight: bold;
border-top: 1px solid #e6e6e6;
padding-top: 20px;
margin: 20px 0 0;
text-transform: uppercase;
}
.single-product-sidebar .slider {
padding: 20px;
border: 1px solid #e6e6e6;
margin-bottom: 20px;
}
.single-product-sidebar .slider h5 {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 25px;
margin-bottom: 25px;
}
.single-product-sidebar .slider .item {
margin: 10px;
}
.single-product-sidebar .slider .product img {
margin-bottom: 10px;
}
.single-product-sidebar .slider .product-title a {
font-size: 11px;
overflow: hidden;
display: block;
text-overflow: ellipsis;
white-space: nowrap;
}
.single-product-sidebar .slider .price {
font-size: 13px;
}
.single-product-sidebar .slider .owl-controls {
opacity: 1;
}
.single-product-sidebar .slider .owl-controls .owl-buttons {
position: absolute;
top: -74px;
right: 0;
}
.single-product-sidebar .slider .owl-controls .owl-prev,
.single-product-sidebar .slider .owl-controls .owl-next {
width: 28px;
height: 28px;
top: 0;
}
.single-product-sidebar .slider .owl-controls .owl-prev:after,
.single-product-sidebar .slider .owl-controls .owl-next:after {
font-size: 12px;
padding-top: 8px;
color: #000;
}
.single-product-sidebar .slider .owl-controls .owl-prev:hover:after,
.single-product-sidebar .slider .owl-controls .owl-next:hover:after {
color: #fff;
}
.single-product-sidebar .slider .owl-controls .owl-prev {
left: -62px;
}
.single-product-sidebar .slider .owl-controls .owl-next {
right: 0;
}
.single-product-sidebar .slider .owl-controls .owl-pagination {
display: inline-block;
width: 100%;
text-align: center;
}
.single-product-sidebar .slider .owl-controls .owl-pagination .owl-page {
display: inline-block;
width: 10px;
height: 10px;
background: #e6e6e6;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
margin: 0 4px;
}
.single-product-sidebar .slider .owl-controls .owl-pagination .owl-page.active {
background-color: #d64444;
}
.single-product-sidebar .qr-code {
padding: 28px 30px 25px 30px;
border: 1px solid #e6e6e6;
background: url(../images/qr-code.png) no-repeat;
background-position: right center;
}
.single-product-sidebar .qr-code h5 {
font-size: 16px;
font-weight: 400;
letter-spacing: 0;
margin-bottom: 10px;
}
.single-product-sidebar .qr-code p {
font-size: 12px;
line-height: 20px;
font-weight: 400;
}
/*===== End of Single Product Sidebar ======*/
/*============================================
= Single Product Style =
============================================*/
.single-product {
margin-bottom: 160px;
}
.single-product h4.title {
font-size: 18px;
font-weight: 900;
margin-bottom: 5px;
}
.single-product .products-cats {
font-size: 14px;
text-transform: uppercase;
color: #8a8a8a;
font-weight: 300;
display: block;
margin-bottom: 20px;
}
.single-product .star-rating {
margin-bottom: 20px;
}
.single-product .star-rating a {
font-size: 14px;
display: inline-block;
margin-left: 5px;
}
.single-product .description p {
margin-bottom: 15px;
}
.single-product .description p b {
color: #444;
font-weight: bold;
}
.single-product .size-guide {
margin-bottom: 1.67em;
display: inline-block;
width: auto;
padding: 10px 10px 10px 33px;
background: #f7f7f7 url(../images/size-guide.png) no-repeat 10px center;
}
.single-product .size-guide a {
font-size: 14px;
}
.single-product .size-guide a:focus {
outline: none;
border: none;
}
.single-product .size-guide a:hover {
color: #1e1e1e;
opacity: 0.6;
}
.single-product .price {
font-size: 28px;
font-weight: bold;
margin-bottom: 20px;
}
.single-product .variations {
margin-bottom: 50px;
}
.single-product .variations p {
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
color: #313131;
margin-bottom: 9px;
}
.single-product .variations select {
cursor: pointer;
padding: 0 30px 0 17px;
background-color: #fafafa;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
font-size: 14px;
height: 36px;
border-radius: 0;
background-position: 98% 50%;
background-repeat: no-repeat;
background-image: url(../images/dowm.png);
}
.single-product .variations select:focus {
outline: none;
}
.single-product .quantity {
margin-bottom: 25px;
}
.single-product .btn.add-to-cart {
font-size: 16px;
padding: 12px 48px;
color: #fff;
font-weight: 500;
border-color: #000;
border: none;
background-color: #000;
}
.single-product .btn.add-to-cart:hover {
opacity: 0.8;
}
.single-product .wishlist.btn {
font-size: 0;
padding: 0;
border: none;
margin-left: 10px;
background-color: transparent;
height: 48px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.single-product .wishlist.btn:before {
display: inline-block;
content: "\e908" !important;
font-family: 'xstore-icons';
font-size: 22px;
line-height: 47px;
margin-right: 5px;
vertical-align: middle;
padding: 0 14px;
background-color: #f5f5f5;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.single-product .wishlist.btn:hover {
font-size: 14px;
}
.single-product .wishlist.btn:hover:before {
color: #d64444;
}
.single-product .product_meta {
font-size: 13px;
margin-bottom: 20px;
margin-top: 40px;
}
.single-product .product_meta span {
display: block;
color: #666;
}
.single-product .product_meta b {
color: #1e1e1e;
font-weight: 600;
margin-right: 5px;
text-transform: uppercase;
}
.single-product .product_meta a {
text-transform: uppercase;
color: #666;
}
.single-product .product_meta .sku {
margin-bottom: 10px;
}
.single-product .social-icon {
padding: 21px 0;
width: 100%;
display: inline-block;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.single-product .social-icon span {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.single-product .social-icon li {
width: 26px;
border: none;
float: right;
padding: 0;
margin: 0 3px;
}
.single-product .social-icon a {
color: #8a8a8a;
font-size: 16px;
}
.single-product .social-icon a:hover {
color: #1e1e1e;
}
.single-product .product-content {
margin-bottom: 60px;
}
.related-products {
width: 100%;
clear: both;
display: inline-block;
}
.related-products h2 {
text-align: center;
font-size: 22px;
margin-bottom: 20px;
font-weight: 900;
}
.related-products .price {
font-size: 15px;
}
.accordion-content-product {
margin-bottom: 60px;
}
.accordion-content-product .panel-heading {
background-color: transparent;
font-weight: 900;
font-size: 16px;
padding: 22px 0;
margin-bottom: -1px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.accordion-content-product .panel + .panel {
margin: 0;
}
.accordion-content-product .panel-body {
padding: 30px 0;
}
.accordion-content-product #reviews .form-rating .title,
.accordion-content-product #reviews .comments .title {
border-top: none;
}
.accordion-content-product .panel-title a:hover {
color: #d64444;
}
.accordion-content-product .shop-attributes th:first-child,
.accordion-content-product .shop-attributes td:first-child,
.accordion-content-product .shop-attributes tr:first-child {
border-top: none;
}
.accordion-content-product .shop-attributes th:first-child td,
.accordion-content-product .shop-attributes td:first-child td,
.accordion-content-product .shop-attributes tr:first-child td {
border-top: none;
}
.accordion-content-product .shop-attributes tr:last-child th,
.accordion-content-product .shop-attributes tr:last-child td {
border-bottom: none;
}
.description-tab p {
margin-bottom: 20px;
}
.description-tab .circle {
padding-left: 20px;
margin-bottom: 20px;
}
.description-tab .circle li {
color: #a6a6a6;
position: relative;
line-height: 26px;
margin-bottom: 8px;
font-weight: 300;
font-size: 15px;
padding-left: 22px;
}
.description-tab .circle li:before {
content: "\f1db";
font-family: FontAwesome;
display: inline-block;
position: absolute;
left: 0px;
top: 0;
font-weight: 100;
color: #1e1e1e;
}
.shop-attributes {
width: 100%;
}
.shop-attributes th,
.shop-attributes td {
padding: 17px 10px;
border-bottom: 1px solid #e6e6e6;
}
.shop-attributes th:first-child,
.shop-attributes td:first-child {
padding-left: 0;
border-top: 1px solid #e6e6e6;
}
.shop-attributes th {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
}
.shop-attributes tr:first-child td {
border-top: 1px solid #e6e6e6;
}
.shop-attributes tr td {
color: #a6a6a6;
font-weight: 300;
}
.shop-attributes p {
margin-bottom: 0;
}
#reviews .comments .title,
#reviews .form-rating .title {
font-size: 14px;
padding: 25px 0;
margin-bottom: 25px;
text-transform: uppercase;
text-align: center;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
#reviews .form-rating {
width: 38%;
float: left;
}
#reviews .form-rating h5 {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}
#reviews .form-rating ul {
margin-bottom: 25px;
}
#reviews .form-rating ul li {
display: inline-block;
margin-right: 15px;
cursor: pointer;
}
#reviews .form-rating ul li:last-child {
margin-right: 0;
}
#reviews .form-rating ul li i {
margin: 0 1px;
font-size: 14px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
#reviews .form-rating ul li:hover i {
color: #d64444;
}
#reviews .form-rating label {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #1e1e1e;
display: block;
}
#reviews .form-rating p {
margin-bottom: 10px;
}
#reviews .form-rating input {
width: 100%;
padding: 0 10px;
height: 36px;
border: 1px solid #fafafa;
background-color: #fafafa;
}
#reviews .form-rating input:focus {
outline: none;
border: 1px solid #cecece;
}
#reviews .form-rating .btn {
width: auto;
padding: 0 23px;
background-color: #d64444;
color: #fff;
font-weight: 300;
font-size: 12px;
margin-top: 10px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
#reviews .form-rating .btn:hover {
background-color: #1e1e1e;
}
#reviews .form-rating textarea {
width: 100%;
height: 200px;
padding: 10px;
border-color: #fafafa;
background-color: #fafafa;
margin-bottom: 15px;
}
#reviews .form-rating textarea:focus {
outline: none;
border: 1px solid #cecece;
}
#reviews .comments {
float: right;
width: 58%;
}
#reviews .comments img {
float: left;
margin-top: 5px;
}
#reviews .comments .comment-text {
padding-left: 110px;
}
#reviews .comments .comment-text .name {
display: block;
font-size: 16px;
color: #000;
font-weight: bold;
}
#reviews .comments .comment-text .name img {
float: right;
}
#reviews .comments .comment-text .name time {
color: #a6a6a6;
font-weight: 300;
display: block;
}
#reviews .comments .comment-text .description p {
word-break: break-all;
}
#reviews .comments li {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 35px;
margin-bottom: 35px;
}
.tab-content-product {
width: 100%;
display: inline-block;
margin-bottom: 130px;
}
.tab-content-product .nav {
text-align: center;
border: none;
}
.tab-content-product .nav li {
margin: 0 10px;
float: none;
display: inline-block;
}
.tab-content-product .nav .active a {
border: none;
}
.tab-content-product .nav .active a:hover,
.tab-content-product .nav .active a:focus {
color: #d64444;
border: none;
}
.tab-content-product .nav .active a:after {
left: 0;
right: 0;
}
.tab-content-product .nav a {
border: none;
text-transform: uppercase;
font-size: 16px;
padding: 0;
font-weight: 900;
position: relative;
}
.tab-content-product .nav a:after {
content: "";
display: block;
position: absolute;
height: 2px;
left: 50%;
right: 50%;
bottom: -3px;
background-color: #d64444;
webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.tab-content-product .nav a:hover {
color: #d64444;
border: none;
background-color: transparent;
}
.tab-content-product .tab-content {
padding-top: 40px;
}
.tab-content-product .tab-content #custom-tab .text {
padding-top: 100px;
}
.tab-content-product .tab-content #custom-tab h2 {
font-size: 30px;
font-weight: 900;
color: #1e1e1e;
line-height: 30px;
margin-bottom: 20px;
}
.tab-content-product .tab-content #custom-tab .btn {
font-size: 13px;
color: #fff;
font-weight: 300;
margin-top: 10px;
background-color: #000;
}
.tab-content-product .tab-content #custom-tab .btn:hover {
opacity: 0.8;
}
.tab-content-product .tab-content #custom-tab .icon-text.type-4 {
margin-bottom: 0;
display: inline-block;
padding-top: 60px;
padding-bottom: 45px;
background-color: #fafafa;
}
.tab-content-product .tab-content #custom-tab .icon-text.type-4 .text {
padding-top: 0;
}
.tab-content-product #reviews .inside {
width: 100%;
display: inline-block;
}
.tab-content-product.left-bar .nav {
width: 28%;
float: left;
margin-right: 0px;
}
.tab-content-product.left-bar .nav li {
border: 1px solid #e6e6e6;
border-bottom: 0;
width: 100%;
padding: 24px 30px;
margin: 0;
margin-right: -2px;
text-align: left;
border-right: none;
}
.tab-content-product.left-bar .nav li a {
display: inline-block;
position: relative;
}
.tab-content-product.left-bar .nav li.active:after {
background-color: #fff;
}
.tab-content-product.left-bar .nav li:last-child {
border-bottom: 1px solid #e6e6e6;
}
.tab-content-product.left-bar .nav li:after {
content: "";
width: 1px;
height: 100%;
position: absolute;
display: block;
right: 0;
top: 0;
background-color: #e6e6e6;
z-index: 1;
}
.tab-content-product.left-bar .tab-content {
float: left;
width: 72%;
padding: 55px;
border: 1px solid #e6e6e6;
}
.tab-content-product.left-bar #reviews .form-rating ul li {
margin-right: 6px;
}
#size-guide .modal-dialog {
width: 1030px;
margin: 45px auto;
}
#size-guide .modal-content {
border-radius: 0;
}
.modal-open .modal {
background: rgba(11, 11, 11, 0.6);
}
.open-video-popup,
.zoom-images-button {
width: 45px;
height: 45px;
background-color: #fff;
bottom: 100px;
left: 40px;
text-align: center;
-webkit-border-radius: 100%;
border-radius: 100%;
position: absolute;
cursor: pointer;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.open-video-popup i,
.zoom-images-button i {
font-size: 14px;
top: 14px;
left: 2px;
color: #5c5c5c;
position: relative;
}
.open-video-popup:hover,
.zoom-images-button:hover {
background-color: #d64444;
}
.open-video-popup:hover i,
.zoom-images-button:hover i {
color: #fff;
}
.zoom-images-button {
bottom: 30px;
}
.zoom-images-button i {
top: 13px;
left: 0;
font-size: 20px;
}
.modal .close {
width: 44px;
height: 44px;
font-size: 0;
position: relative;
top: -44px;
opacity: 1;
background-color: #f5f5f5;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.modal .close:before {
font-family: 'xstore-icons';
display: inline-block;
font-size: 24px;
line-height: 44px;
color: #9b9b9b;
content: "\e90a";
position: relative;
left: 0.5px;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
}
.modal .close:focus {
outline: none;
border: none;
}
.modal.quickly .modal-content {
box-shadow: none;
border: none;
border-radius: 0;
}
.modal.quickly .close {
top: 0;
z-index: 9;
}
.modal.quickly .close:hover {
background-color: #d64444;
}
.modal.quickly .close:hover:before {
color: #fff;
}
.modal.quickly .modal-body {
padding: 0;
}
.modal.quickly .owl-carousel .item {
margin: 0;
}
.modal.quickly .owl-controls {
margin-top: 0;
opacity: 1;
}
.modal.quickly .owl-controls .owl-prev,
.modal.quickly .owl-controls .owl-next {
top: 45%;
width: 40px;
height: 40px;
}
.modal.quickly .owl-controls .owl-prev:after,
.modal.quickly .owl-controls .owl-next:after {
padding-top: 9px;
font-size: 22px;
}
.modal.quickly .owl-controls .owl-prev {
left: 20px;
}
.modal.quickly .owl-controls .owl-next {
right: 20px;
}
.modal.quickly .owl-pagination {
display: block;
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
}
.modal.quickly .owl-pagination .owl-page {
display: inline-block;
width: 10px;
height: 10px;
background: #e6e6e6;
border-radius: 100%;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
margin: 0 4px;
}
.modal.quickly .owl-pagination .owl-page.active {
background-color: #d64444;
}
.modal.quickly h4 {
font-size: 38px;
margin-bottom: 35px;
text-transform: uppercase;
font-weight: 900;
}
.modal.quickly .products-cats {
margin-bottom: 20px;
}
.modal.quickly .products-cats a {
font-size: 14px;
text-transform: uppercase;
color: #8a8a8a;
font-weight: 400;
}
.modal.quickly p {
margin-bottom: 20px;
}
.modal.quickly .price {
font-size: 28px;
color: #1e1e1e;
margin-bottom: 20px;
font-weight: bold;
}
.modal.quickly .btn {
background-color: #1e1e1e;
color: #fff;
padding: 12px 38px;
font-size: 16px;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 20px;
}
.modal.quickly .btn:hover {
opacity: 0.8;
}
.modal.quickly .product_meta span {
display: block;
margin-bottom: 10px;
color: #8a8a8a;
font-weight: 400;
}
.modal.quickly .product_meta a {
color: #8a8a8a;
font-weight: 400;
}
.modal.quickly .product_meta b {
color: #1e1e1e;
text-transform: uppercase;
}
.modal.quickly .quick-view-excerpts {
height: 70px;
overflow: hidden;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
}
.modal.quickly .quick-view-excerpts.view-up {
height: 440px;
overflow-y: hidden;
}
.modal.quickly .quick-view-excerpts.view-up .inside {
visibility: visible;
opacity: 1;
}
.modal.quickly .quick-view-excerpts.view-up h5:before {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
margin-right: 15px;
}
.modal.quickly .quick-view-excerpts h5 {
font-weight: 600;
padding: 18px 0;
cursor: pointer;
position: relative;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.modal.quickly .quick-view-excerpts h5:before {
display: inline-block;
float: right;
font-family: 'FontAwesome';
content: '\f107';
color: #ebebeb;
padding-right: 15px;
font-size: 22px;
margin-top: -3px;
}
.modal.quickly .quick-view-excerpts .inside {
visibility: hidden;
-webkit-transition: all 0.5s linear;
transition: all 0.5s linear;
height: 360px;
position: relative;
padding-right: 0;
opacity: 0;
overflow-x: hidden;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.modal.quickly .quick-view-excerpts .inside p.content {
padding-top: 20px;
height: 360px;
padding-right: 10px;
overflow-y: scroll;
}
.modal.quickly .quick-view-excerpts .inside a {
color: #999;
text-transform: uppercase;
text-decoration: underline;
text-align: center;
font-size: 11px;
font-weight: 400;
display: block;
margin-bottom: 10px;
}
/**
*
* Carousel Example Generic
*
*/
.carousel-product:hover .carousel-control.left i,
.carousel-product:hover .carousel-control.right i {
opacity: 1;
}
.carousel-product .carousel-control.left,
.carousel-product .carousel-control.right {
top: 35%;
bottom: 75px;
opacity: 1;
background-image: none;
background-color: transparent;
}
.carousel-product .carousel-control.left i,
.carousel-product .carousel-control.right i {
font-size: 20px;
height: 40px;
opacity: 0;
width: 40px;
box-shadow: none;
line-height: 41px;
text-shadow: none;
-webkit-transition: 0.2s linear;
-moz-transition: 0.2s linear;
-ms-transition: 0.2s linear;
-o-transition: 0.2s linear;
transition: 0.2s linear;
color: #666;
}
.carousel-product .carousel-control.left:hover i,
.carousel-product .carousel-control.right:hover i {
color: #fff;
background-color: #d64444;
}
.carousel-product .thumbnails-carousel .center {
text-align: center;
}
.carousel-product .thumbnails-carousel .center li {
width: 90px;
height: 120px;
cursor: pointer;
display: inline-block;
margin: 12px 6px 0 6px;
}
.carousel-product .thumbnails-carousel .center li.active-thumbnail {
opacity: 0.6;
}
.carousel-product .carousel-indicators {
display: none;
}
/*===== End of Single Product Style ======*/
/**
* Swiper 3.4.1
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2016, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: December 13, 2016
*/
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-o-transform: translate(0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-slide {
-webkit-flex-shrink: 0;
-ms-flex: 0 0 auto;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform, height;
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-wp8-horizontal {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-wp8-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-next,
.swiper-button-prev {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
-moz-background-size: 27px 44px;
-webkit-background-size: 27px 44px;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: .35;
cursor: auto;
pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
left: 10px;
right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
right: 10px;
left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
bottom: 10px;
left: 0;
width: 100%;
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-moz-appearance: none;
-ms-appearance: none;
-webkit-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
background: #fff;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
-o-transform: translate(0, -50%);
-ms-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 5px 0;
display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 5px;
}
.swiper-pagination-progress {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
-webkit-transform-origin: right top;
-moz-transform-origin: right top;
-ms-transform-origin: right top;
-o-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
background: #000;
}
.swiper-container-3d {
-webkit-perspective: 1200px;
-moz-perspective: 1200px;
-o-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
-ms-perspective: 1200px;
}
.swiper-container-cube,
.swiper-container-flip {
overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-slide {
visibility: hidden;
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-moz-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background: #000;
opacity: .6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-ms-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
-webkit-transform-origin: 50%;
-moz-transform-origin: 50%;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
-moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
display: block;
content: "";
width: 100%;
height: 100%;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
background-position: 50%;
-webkit-background-size: 100%;
background-size: 100%;
background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
/*=======================================
= Prefooter Style =
=======================================*/
.prefooter {
margin-bottom: 50px;
}
.title-widget {
color: #000;
font-size: 16px;
margin-bottom: 30px;
font-weight: bold;
}
.widget-products .title-widget {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #e6e6e6;
}
.widget-products .product-list li {
clear: both;
display: inline-block;
width: 100%;
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #f0f0f0;
}
.widget-products .product-list li:last-child {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.widget-products .product-list .title {
padding-top: 10px;
}
.widget-products .product-list img {
float: left;
margin-right: 15px;
display: block;
}
.widget-products .product-list a {
color: #444;
font-size: 14px;
font-family: 'Lato', sans-serif;
font-weight: bold;
text-transform: uppercase;
}
.widget-products .product-list a:hover {
color: #e5534c;
}
.widget-products .price {
font-family: 'Open Sans', sans-serif;
}
.widget-products .price del {
font-weight: 500;
}
.widget-products .price ins {
font-size: 16px;
}
.newsletter {
text-align: center;
padding: 50px 25px;
margin-top: 53px;
background-size: cover;
background: #fafafa url(../images/newsletter-back.png) no-repeat center center;
}
.newsletter h3 {
color: #1c1a19;
font-size: 22px;
margin-bottom: 25px;
font-weight: 900;
}
.newsletter form {
position: relative;
margin-bottom: 23px;
}
.newsletter form input[type="email"] {
background-color: #fff;
border: none;
height: 40px;
width: 100%;
border: 1px solid transparent;
padding: 6px 15px 10px 15px;
}
.newsletter form input[type="email"]::-webkit-input-placeholder {
color: #999;
font-size: 14px;
font-weight: 400;
}
.newsletter form input[type="email"]::-moz-placeholder {
color: #999;
font-size: 14px;
font-weight: 400;
}
.newsletter form input[type="email"]:-moz-placeholder {
color: #999;
font-size: 14px;
font-weight: 400;
}
.newsletter form input[type="email"]:-ms-input-placeholder {
color: #999;
font-size: 14px;
font-weight: 400;
}
.newsletter form input[type="email"]:active,
.newsletter form input[type="email"]:focus {
outline: none;
border: 1px solid #cecece;
}
.newsletter form input[type="submit"] {
font-size: 0;
position: absolute;
top: 0;
right: 0;
width: 30px;
height: 40px;
border: none;
background: transparent url(../images/add.png) no-repeat center;
}
.newsletter form input[type="submit"]:active,
.newsletter form input[type="submit"]:focus {
outline: none;
}
.newsletter p {
color: #999;
margin-bottom: 23px;
}
.newsletter p:last-child {
font-size: 12px;
margin-bottom: 0;
line-height: 18px;
}
/*===== End of Prefooter Style ======*/
/*====================================
= Footer Style =
====================================*/
footer {
background-color: #262626;
padding-top: 90px;
padding-bottom: 90px;
}
footer .title-widget {
color: #fff;
font-weight: 500;
letter-spacing: 2px;
border-bottom: 1px solid #383838;
padding-bottom: 15px;
margin-bottom: 15px;
}
.logo-footer {
margin-bottom: 25px;
}
address {
margin-top: 25px;
}
address li {
font-size: 14px;
color: #999;
font-weight: 400;
line-height: 24px;
}
address li a:hover {
color: #d64444;
}
.widget-latest-posts img {
margin-right: 15px;
}
.widget-latest-posts .blog-details {
text-align: left;
padding-top: 4px;
}
.widget-latest-posts .blog-details time i {
margin-right: 5px;
}
.widget-latest-posts .blog-details .meta-post {
color: #8c8c8c;
font-size: 12px;
}
.widget-latest-posts .blog-details h2 {
text-transform: none;
}
.widget-latest-posts .blog-details h2 a {
color: #fff;
font-weight: 400;
font-size: 14px;
letter-spacing: 0;
margin-bottom: 5px;
}
.widget-latest-posts .blog-details h2 a:hover {
color: #8a8a8a;
}
.widget-latest-posts .blog-details .post-comments {
font-size: 12px;
color: #999;
float: right;
}
.widget-latest-posts .blog-details .post-comments i {
font-size: 11px;
}
.widget-latest-posts li {
padding-top: 15px;
border-bottom: 1px solid #333;
}
.widget-latest-posts li:last-child {
border-bottom: none;
}
.widget-links ul {
float: left;
width: 50%;
display: inline-block;
}
.widget-links ul.first {
padding-right: 15px;
}
.widget-links ul a {
color: #fff;
font-weight: 300;
font-size: 15px;
}
.widget-links ul a:hover {
color: #8a8a8a;
}
.widget-links ul li {
line-height: 30px;
}
.widget-tags h3 {
margin-bottom: 45px;
}
.widget-tags a {
color: #fff;
font-size: 12px;
display: inline-block;
padding: 9px 16px 9px;
letter-spacing: 0.5px;
font-weight: 300;
margin: 0 5px 6px 0;
background-color: #2e2e2e;
text-transform: uppercase;
}
.widget-tags a:hover {
color: #fff;
background-color: #e5534c;
}
.copyright {
padding: 50px 0;
background-color: #1f1f1f;
}
.copyright p {
color: #666;
font-weight: 300;
letter-spacing: 0.5px;
font-size: 14px;
}
.copyright p a {
color: #fff;
}
.footer-instagram {
position: fixed;
bottom: 0;
opacity: 0;
width: 100%;
}
.footer-instagram .owl-carousel .item {
margin: 0;
}
.footer-instagram img {
background-size: cover;
}
.footer-instagram .btn {
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 9;
top: 50%;
margin-top: -20px;
position: absolute;
font-size: 18px;
text-transform: uppercase;
font-weight: 900;
color: #1c1a19;
padding: 16px 26px;
border-radius: 0;
background-color: #fff;
}
.footer-instagram .btn span {
color: #e5534c;
}
.footer-instagram.type-2 {
position: relative;
margin-bottom: -2px;
}
.footer-instagram.type-2 h2 {
font-size: 30px;
font-weight: bold;
margin-bottom: 45px;
}
/*===== End of Footer Style ======*/