/*
* Unishop | Universal E-Commerce Template
* Copyright 2018 rokaux
* Theme Styles
*/
@import url("https://fonts.googleapis.com/css?family=Maven+Pro:400,500,700,900");
.sub-menu, .toolbar-dropdown {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 200px;
margin-top: -7px !important;
padding: 10px 0 !important;
border: 1px solid #e1e7ec;
border-radius: 5px;
background-color: #ffffff;
line-height: 1.5;
box-shadow: 0 7px 22px -5px rgba(47, 56, 68, 0.2);
}
.sub-menu > li, .toolbar-dropdown > li {
display: block;
position: relative;
}
.sub-menu > li > a, .toolbar-dropdown > li > a {
display: block;
padding: 5px 20px !important;
transition: color .3s;
color: #606975;
font-size: 14px;
font-weight: 500;
text-align: left;
text-decoration: none;
}
.sub-menu > li > a > i, .toolbar-dropdown > li > a > i {
display: inline-block;
margin-top: -2px;
margin-right: 6px;
font-size: .9em;
vertical-align: middle;
}
.sub-menu > li.sub-menu-user, .toolbar-dropdown > li.sub-menu-user {
display: table;
width: 100%;
padding: 4px 17px 6px;
}
.sub-menu > li.sub-menu-user .user-ava, .toolbar-dropdown > li.sub-menu-user .user-ava, .sub-menu > li.sub-menu-user .user-info, .toolbar-dropdown > li.sub-menu-user .user-info {
display: table-cell;
vertical-align: middle;
}
.sub-menu > li.sub-menu-user .user-ava, .toolbar-dropdown > li.sub-menu-user .user-ava {
width: 44px;
}
.sub-menu > li.sub-menu-user .user-ava > img, .toolbar-dropdown > li.sub-menu-user .user-ava > img {
display: block;
width: 44px;
padding: 3px;
border: 1px solid #e1e7ec;
border-radius: 50%;
}
.sub-menu > li.sub-menu-user .user-info, .toolbar-dropdown > li.sub-menu-user .user-info {
padding-left: 8px;
}
.sub-menu > li.sub-menu-user .user-info > .user-name, .toolbar-dropdown > li.sub-menu-user .user-info > .user-name {
margin-bottom: 2px;
font-size: 14px;
}
.sub-menu > li.sub-menu-user .user-info > span, .toolbar-dropdown > li.sub-menu-user .user-info > span {
display: block;
}
.sub-menu > li.sub-menu-separator, .toolbar-dropdown > li.sub-menu-separator {
margin-top: 5px;
margin-bottom: 3px;
border-top: 1px solid #e1e7ec;
}
.sub-menu > li:hover > a, .toolbar-dropdown > li:hover > a {
color: #e62e04;
}
.sub-menu > li.active > a, .toolbar-dropdown > li.active > a {
color: #e62e04;
}
.sub-menu > li.has-children > a, .toolbar-dropdown > li.has-children > a {
padding-right: 35px !important;
}
.sub-menu > li.has-children > a::after, .toolbar-dropdown > li.has-children > a::after {
display: block;
position: absolute;
top: 50%;
right: 18px;
width: 0;
height: 0;
margin-top: -4px;
border-top: .3em solid transparent;
border-bottom: .3em solid transparent;
border-left: .32em solid;
content: '';
}
.sub-menu > li > .sub-menu, .toolbar-dropdown > li > .sub-menu {
top: -4px;
left: 100%;
margin-left: -5px;
}
.mega-menu {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin-top: -1px !important;
border: 1px solid #e1e7ec;
background-color: #ffffff;
box-shadow: 0 7px 22px -5px rgba(47, 56, 68, 0.2);
table-layout: fixed;
}
.mega-menu > li {
display: table-cell !important;
position: relative;
padding: 25px !important;
border-left: 1px solid #e1e7ec;
vertical-align: top;
}
.mega-menu > li .mega-menu-title {
display: block;
margin-bottom: 16px;
padding-bottom: 10px;
border-bottom: 1px solid #e1e7ec;
color: #9da9b9;
font-weight: 500;
text-transform: uppercase;
text-align: left;
}
.mega-menu > li:first-child {
border-left: 0;
}
.mega-menu .sub-menu {
display: block !important;
position: relative;
width: 100%;
padding: 0 !important;
border: 0;
border-radius: 0;
background-color: transparent;
box-shadow: none;
}
.mega-menu .sub-menu > li > a {
padding: 5px 0 !important;
}
.offcanvas-menu {
position: relative;
width: 100%;
overflow: hidden;
}
.offcanvas-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.offcanvas-menu ul.menu {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
.offcanvas-menu ul.menu.off-view {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.offcanvas-menu ul.menu.in-view {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.offcanvas-menu ul li {
display: block;
}
.offcanvas-menu ul li a {
display: block;
padding: 15px 20px;
transition: color .3s;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
color: #ffffff;
font-size: 14px;
font-weight: 500;
letter-spacing: .05em;
text-transform: uppercase;
text-decoration: none;
}
.offcanvas-menu ul li a:hover {
color: #e62e04;
}
.offcanvas-menu ul li.back-btn > a {
background-color: #313b47;
color: #ffffff;
}
.offcanvas-menu ul li.back-btn > a::before {
display: inline-block;
width: 0;
height: 0;
margin-right: 8px;
border-top: .32em solid transparent;
border-right: .37em solid;
border-bottom: .32em solid transparent;
content: '';
opacity: .75;
}
.offcanvas-menu ul li.active > a {
color: #e62e04;
}
.offcanvas-menu ul li.has-children > span {
display: block;
position: relative;
width: 100%;
}
.offcanvas-menu ul li.has-children > span > a {
padding-right: 65px;
}
.offcanvas-menu ul li.has-children.active > span > a {
color: #e62e04;
}
.offcanvas-menu ul li.has-children .sub-menu-toggle {
display: block;
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 100%;
height: calc(100% - 1px);
transition: background-color .3s;
border-left: 1px solid rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.75);
cursor: pointer;
z-index: 1;
}
.offcanvas-menu ul li.has-children .sub-menu-toggle::before {
display: block;
position: absolute;
top: 50%;
right: 25px;
width: 0;
height: 0;
margin-top: -5px;
border-top: .35em solid transparent;
border-bottom: .35em solid transparent;
border-left: .4em solid;
content: '';
}
.offcanvas-menu ul li.has-children .sub-menu-toggle:hover {
background-color: rgba(255, 255, 255, 0.1);
}
.offcanvas-menu ul li.has-children > .offcanvas-submenu {
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: auto;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}
.offcanvas-menu ul li.has-children > .offcanvas-submenu.in-view {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.offcanvas-menu ul li.has-children > .offcanvas-submenu.off-view {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
@-webkit-keyframes submenu-show {
from {
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes submenu-show {
from {
-webkit-transform: scale(0.85);
transform: scale(0.85);
opacity: 0;
}
to {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes megamenu-show {
from {
-webkit-transform: translate3d(0, -9px, 0);
transform: translate3d(0, -9px, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
@keyframes megamenu-show {
from {
-webkit-transform: translate3d(0, -9px, 0);
transform: translate3d(0, -9px, 0);
opacity: 0;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
html * {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
background-position: center;
background-color: #ffffff;
background-repeat: no-repeat;
background-size: cover;
color: #606975;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: none;
line-height: 1.5;
}
a {
color: #e62e04;
text-decoration: none;
}
a:hover {
color: #e62e04;
text-decoration: underline;
}
a:focus {
outline: none;
}
.small, small {
font-size: 85%;
}
.navi-link,
.navi-link-light {
transition: color .3s;
color: #606975;
text-decoration: none;
}
.navi-link:hover,
.navi-link-light:hover {
color: #e62e04;
}
.navi-link-light {
color: #ffffff;
}
img,
figure {
max-width: 100%;
height: auto;
vertical-align: middle;
}
svg {
max-width: 100%;
}
/* Responsive iframes */
iframe {
width: 100%;
}
/* Box Model */
* {
box-sizing: border-box;
}
*::before,
*::after {
box-sizing: border-box;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
border-top: 1px solid #e1e7ec;
}
hr.hr-light {
border-top-color: rgba(255, 255, 255, 0.12);
}
pre {
display: block;
padding: 15px;
border: 1px solid #e1e7ec;
border-radius: 7px;
background-color: #f5f5f5;
}
::-moz-selection {
background: #374250;
color: #ffffff;
}
::selection {
background: #374250;
color: #ffffff;
}
::-moz-selection {
background: #374250;
color: #ffffff;
}
figure {
position: relative;
margin: 0;
}
figure figcaption {
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
margin: 0;
padding: 12px;
font-size: 14px;
}
/* Bootstrap Overrides */
@media (min-width: 1200px) {
.container {
width: 1170px;
max-width: 1170px;
}
}
@media (max-width: 1200px) {
.container {
width: 100% !important;
max-width: 100% !important;
}
}
.container-fluid {
max-width: 1920px;
margin-right: auto;
margin-left: auto;
padding-right: 30px;
padding-left: 30px;
}
@media (max-width: 1200px) {
.container-fluid {
padding: 0 15px;
}
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
vertical-align: middle;
}
.close {
transition: opacity .25s;
border: 0;
background: 0;
color: #606975;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
font-size: 18px;
cursor: pointer;
}
.close:hover {
opacity: .6;
}
.icon-medal {
display: inline-block;
width: 14px;
height: 14px;
background-position: center;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIuMDAzIDUxMi4wMDMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMi4wMDMgNTEyLjAwMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMjU2LjAwMSw2NGMtNzAuNTkyLDAtMTI4LDU3LjQwOC0xMjgsMTI4czU3LjQwOCwxMjgsMTI4LDEyOHMxMjgtNTcuNDA4LDEyOC0xMjhTMzI2LjU5Myw2NCwyNTYuMDAxLDY0eiAgICAgIE0yNTYuMDAxLDI5OC42NjdjLTU4LjgxNiwwLTEwNi42NjctNDcuODUxLTEwNi42NjctMTA2LjY2N1MxOTcuMTg1LDg1LjMzMywyNTYuMDAxLDg1LjMzM1MzNjIuNjY4LDEzMy4xODQsMzYyLjY2OCwxOTIgICAgIFMzMTQuODE3LDI5OC42NjcsMjU2LjAwMSwyOTguNjY3eiIgZmlsbD0iIzYwNjk3NSIvPgoJCQk8cGF0aCBkPSJNMzg1LjY0NCwzMzMuMjA1YzM4LjIyOS0zNS4xMzYsNjIuMzU3LTg1LjMzMyw2Mi4zNTctMTQxLjIwNWMwLTEwNS44NTYtODYuMTIzLTE5Mi0xOTItMTkycy0xOTIsODYuMTQ0LTE5MiwxOTIgICAgIGMwLDU1Ljg1MSwyNC4xMjgsMTA2LjA2OSw2Mi4zMzYsMTQxLjE4NEw2NC42ODQsNDk3LjZjLTEuNTM2LDQuMTE3LTAuNDA1LDguNzI1LDIuODM3LDExLjY2OSAgICAgYzIuMDI3LDEuNzkyLDQuNTY1LDIuNzMxLDcuMTQ3LDIuNzMxYzEuNjIxLDAsMy4yNDMtMC4zNjMsNC43NzktMS4xMDlsNzkuNzg3LTM5Ljg5M2w1OC44NTksMzkuMjMyICAgICBjMi42ODgsMS43OTIsNi4xMDEsMi4yNCw5LjE5NSwxLjI4YzMuMDkzLTEuMDAzLDUuNTY4LTMuMzQ5LDYuNjk5LTYuNGwyMy4yOTYtNjIuMTQ0bDIwLjU4Nyw2MS43MzkgICAgIGMxLjA2NywzLjE1NywzLjU0MSw1LjYzMiw2LjY3Nyw2LjcyYzMuMTM2LDEuMDY3LDYuNTkyLDAuNjQsOS4zNjUtMS4yMTZsNTguODU5LTM5LjIzMmw3OS43ODcsMzkuODkzICAgICBjMS41MzYsMC43NjgsMy4xNTcsMS4xMzEsNC43NzksMS4xMzFjMi41ODEsMCw1LjEyLTAuOTM5LDcuMTI1LTIuNzUyYzMuMjY0LTIuOTIzLDQuMzczLTcuNTUyLDIuODM3LTExLjY2OUwzODUuNjQ0LDMzMy4yMDV6ICAgICAgTTI0Ni4wMTcsNDEyLjI2N2wtMjcuMjg1LDcyLjc0N2wtNTIuODIxLTM1LjJjLTMuMi0yLjExMi03LjMxNy0yLjM4OS0xMC42ODgtMC42NjFMOTQuMTg4LDQ3OS42OGw0OS41NzktMTMyLjIyNCAgICAgYzI2Ljg1OSwxOS40MzUsNTguNzk1LDMyLjIxMyw5My41NDcsMzUuNjA1TDI0Ni43LDQxMS4yQzI0Ni40ODcsNDExLjU2MywyNDYuMTY3LDQxMS44NCwyNDYuMDE3LDQxMi4yNjd6IE0yNTYuMDAxLDM2Mi42NjcgICAgIEMxNjEuOSwzNjIuNjY3LDg1LjMzNSwyODYuMTAxLDg1LjMzNSwxOTJTMTYxLjksMjEuMzMzLDI1Ni4wMDEsMjEuMzMzUzQyNi42NjgsOTcuODk5LDQyNi42NjgsMTkyICAgICBTMzUwLjEwMywzNjIuNjY3LDI1Ni4wMDEsMzYyLjY2N3ogTTM1Ni43NTksNDQ5LjEzMWMtMy40MTMtMS43MjgtNy41MDktMS40NzItMTAuNjg4LDAuNjYxbC01Mi4zNzMsMzQuOTIzbC0zMy42NDMtMTAwLjkyOCAgICAgYzQwLjM0MS0wLjg1Myw3Ny41ODktMTQuMTg3LDEwOC4xNi0zNi4zMzFsNDkuNTc5LDEzMi4yMDNMMzU2Ljc1OSw0NDkuMTMxeiIgZmlsbD0iIzYwNjk3NSIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-repeat: no-repeat;
background-size: 14px;
line-height: 1;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.position-fixed {
position: fixed !important;
}
.position-static {
position: static !important;
}
.top-0 {
top: 0;
}
.right-0 {
right: 0;
}
.bottom-0 {
bottom: 0;
}
.left-0 {
left: 0;
}
.w-90 {
width: 90px !important;
}
.w-110 {
width: 110px !important;
}
.w-150 {
width: 150px !important;
}
.w-200 {
width: 200px !important;
}
.w-250 {
width: 250px !important;
}
.w-270 {
width: 270px !important;
}
.w-300 {
width: 300px !important;
}
.border-default {
border: 1px solid #e1e7ec;
}
.border-default.border-light {
border-color: rgba(255, 255, 255, 0.12);
}
.border-0 {
border: 0 !important;
}
.border-top-0 {
border-top: 0 !important;
}
.border-right-0 {
border-right: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-left-0 {
border-left: 0 !important;
}
.rounded {
border-radius: 7px;
}
.rounded-top {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.rounded-right {
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.rounded-bottom {
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
.rounded-left {
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
.rounded-circle {
border-radius: 50%;
}
.rounded-0 {
border-radius: 0 !important;
}
.rounded-top-0 {
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
.rounded-right-0 {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.rounded-bottom-0 {
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.rounded-left-0 {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.box-shadow {
box-shadow: 0 7px 22px -5px rgba(47, 56, 68, 0.2);
}
.img-thumbnail {
padding: 5px !important;
border: 1px solid #e1e7ec;
border-radius: 7px;
background-color: #ffffff;
}
.img-thumbnail.rounded-circle {
border-radius: 50%;
}
.img-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
[class^='col-'] .img-cover {
left: 15px;
width: calc(100% - 30px);
}
.opacity-100 {
opacity: 1 !important;
}
.opacity-90 {
opacity: .9 !important;
}
.opacity-80 {
opacity: .8 !important;
}
.opacity-75 {
opacity: .75 !important;
}
.opacity-60 {
opacity: .6 !important;
}
.opacity-50 {
opacity: .5 !important;
}
.opacity-25 {
opacity: .25 !important;
}
.opacity-15 {
opacity: .15 !important;
}
.clearfix::after {
display: block;
clear: both;
content: '';
}
.text-muted {
color: #9da9b9 !important;
}
.text-primary {
color: #e62e04 !important;
}
.text-info {
color: #50c6e9 !important;
}
.text-warning {
color: #ffb74f !important;
}
.text-success {
color: #43d9a3 !important;
}
.text-danger {
color: #ff5252 !important;
}
.text-gray-dark {
color: #374250 !important;
}
.text-body {
color: #606975 !important;
}
.text-light,
.text-white {
color: #ffffff !important;
}
.text-highlighted {
background-color: #fff8b0 !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-crossed {
text-decoration: line-through !important;
}
.text-shadow {
text-shadow: 0 1px rgba(0, 0, 0, 0.5) !important;
}
.text-black {
font-weight: 900 !important;
}
.text-bold {
font-weight: bold !important;
}
.text-medium {
font-weight: 500 !important;
}
.text-normal {
font-weight: normal !important;
}
.text-thin {
font-weight: 300 !important;
}
.text-uppercase {
letter-spacing: .04em;
}
.bg-primary {
background-color: #e62e04 !important;
}
.bg-success {
background-color: #43d9a3 !important;
}
.bg-info {
background-color: #50c6e9 !important;
}
.bg-warning {
background-color: #ffb74f !important;
}
.bg-danger {
background-color: #ff5252 !important;
}
.bg-inverse {
background-color: #374250 !important;
}
.bg-faded,
.bg-secondary {
background-color: #f5f5f5 !important;
}
.bg-dark {
background-color: #374250 !important;
}
.bg-white {
background-color: #ffffff !important;
}
.bg-no-repeat {
background-repeat: no-repeat;
}
.bg-repeat {
background-repeat: repeat;
}
.bg-center {
background-position: center;
}
.bg-cover {
background-size: cover;
}
.border-primary {
border-color: #e62e04 !important;
}
.border-success {
border-color: #43d9a3 !important;
}
.border-info {
border-color: #50c6e9 !important;
}
.border-warning {
border-color: #ffb74f !important;
}
.border-danger {
border-color: #ff5252 !important;
}
.border-secondary {
border-color: #f5f5f5 !important;
}
.border-dark {
border-color: #374250 !important;
}
.padding-top-1x {
padding-top: 24px !important;
}
@media (max-width: 768px) {
.padding-top-1x {
padding-top: 16px !important;
}
}
.padding-top-2x {
padding-top: 48px !important;
}
@media (max-width: 768px) {
.padding-top-2x {
padding-top: 32px !important;
}
}
.padding-top-3x {
padding-top: 72px !important;
}
@media (max-width: 768px) {
.padding-top-3x {
padding-top: 48px !important;
}
}
.padding-top-4x {
padding-top: 96px !important;
}
@media (max-width: 768px) {
.padding-top-4x {
padding-top: 64px !important;
}
}
.padding-top-5x {
padding-top: 120px !important;
}
@media (max-width: 768px) {
.padding-top-5x {
padding-top: 80px !important;
}
}
.padding-top-6x {
padding-top: 144px !important;
}
@media (max-width: 768px) {
.padding-top-6x {
padding-top: 96px !important;
}
}
.padding-top-7x {
padding-top: 168px !important;
}
@media (max-width: 768px) {
.padding-top-7x {
padding-top: 112px !important;
}
}
.padding-top-8x {
padding-top: 192px !important;
}
@media (max-width: 768px) {
.padding-top-8x {
padding-top: 128px !important;
}
}
.padding-top-9x {
padding-top: 216px !important;
}
@media (max-width: 768px) {
.padding-top-9x {
padding-top: 144px !important;
}
}
.padding-top-10x {
padding-top: 240px !important;
}
@media (max-width: 768px) {
.padding-top-10x {
padding-top: 160px !important;
}
}
.padding-bottom-1x {
padding-bottom: 24px !important;
}
@media (max-width: 768px) {
.padding-bottom-1x {
padding-bottom: 16px !important;
}
}
.padding-bottom-2x {
padding-bottom: 48px !important;
}
@media (max-width: 768px) {
.padding-bottom-2x {
padding-bottom: 32px !important;
}
}
.padding-bottom-3x {
padding-bottom: 72px !important;
}
@media (max-width: 768px) {
.padding-bottom-3x {
padding-bottom: 48px !important;
}
}
.padding-bottom-4x {
padding-bottom: 96px !important;
}
@media (max-width: 768px) {
.padding-bottom-4x {
padding-bottom: 64px !important;
}
}
.padding-bottom-5x {
padding-bottom: 120px !important;
}
@media (max-width: 768px) {
.padding-bottom-5x {
padding-bottom: 80px !important;
}
}
.padding-bottom-6x {
padding-bottom: 144px !important;
}
@media (max-width: 768px) {
.padding-bottom-6x {
padding-bottom: 96px !important;
}
}
.padding-bottom-7x {
padding-bottom: 168px !important;
}
@media (max-width: 768px) {
.padding-bottom-7x {
padding-bottom: 112px !important;
}
}
.padding-bottom-8x {
padding-bottom: 192px !important;
}
@media (max-width: 768px) {
.padding-bottom-8x {
padding-bottom: 128px !important;
}
}
.padding-bottom-9x {
padding-bottom: 216px !important;
}
@media (max-width: 768px) {
.padding-bottom-9x {
padding-bottom: 144px !important;
}
}
.padding-bottom-10x {
padding-bottom: 240px !important;
}
@media (max-width: 768px) {
.padding-bottom-10x {
padding-bottom: 160px !important;
}
}
.margin-top-1x {
margin-top: 24px !important;
}
@media (max-width: 768px) {
.margin-top-1x {
margin-top: 16px !important;
}
}
.margin-top-2x {
margin-top: 48px !important;
}
@media (max-width: 768px) {
.margin-top-2x {
margin-top: 32px !important;
}
}
.margin-top-3x {
margin-top: 72px !important;
}
@media (max-width: 768px) {
.margin-top-3x {
margin-top: 48px !important;
}
}
.margin-top-4x {
margin-top: 96px !important;
}
@media (max-width: 768px) {
.margin-top-4x {
margin-top: 64px !important;
}
}
.margin-top-5x {
margin-top: 120px !important;
}
@media (max-width: 768px) {
.margin-top-5x {
margin-top: 80px !important;
}
}
.margin-top-6x {
margin-top: 144px !important;
}
@media (max-width: 768px) {
.margin-top-6x {
margin-top: 96px !important;
}
}
.margin-top-7x {
margin-top: 168px !important;
}
@media (max-width: 768px) {
.margin-top-7x {
margin-top: 112px !important;
}
}
.margin-top-8x {
margin-top: 192px !important;
}
@media (max-width: 768px) {
.margin-top-8x {
margin-top: 128px !important;
}
}
.margin-top-9x {
margin-top: 216px !important;
}
@media (max-width: 768px) {
.margin-top-9x {
margin-top: 144px !important;
}
}
.margin-top-10x {
margin-top: 240px !important;
}
@media (max-width: 768px) {
.margin-top-10x {
margin-top: 160px !important;
}
}
.margin-bottom-1x {
margin-bottom: 24px !important;
}
@media (max-width: 768px) {
.margin-bottom-1x {
margin-bottom: 16px !important;
}
}
.margin-bottom-2x {
margin-bottom: 48px !important;
}
@media (max-width: 768px) {
.margin-bottom-2x {
margin-bottom: 32px !important;
}
}
.margin-bottom-3x {
margin-bottom: 72px !important;
}
@media (max-width: 768px) {
.margin-bottom-3x {
margin-bottom: 48px !important;
}
}
.margin-bottom-4x {
margin-bottom: 96px !important;
}
@media (max-width: 768px) {
.margin-bottom-4x {
margin-bottom: 64px !important;
}
}
.margin-bottom-5x {
margin-bottom: 120px !important;
}
@media (max-width: 768px) {
.margin-bottom-5x {
margin-bottom: 80px !important;
}
}
.margin-bottom-6x {
margin-bottom: 144px !important;
}
@media (max-width: 768px) {
.margin-bottom-6x {
margin-bottom: 96px !important;
}
}
.margin-bottom-7x {
margin-bottom: 168px !important;
}
@media (max-width: 768px) {
.margin-bottom-7x {
margin-bottom: 112px !important;
}
}
.margin-bottom-8x {
margin-bottom: 192px !important;
}
@media (max-width: 768px) {
.margin-bottom-8x {
margin-bottom: 128px !important;
}
}
.margin-bottom-9x {
margin-bottom: 216px !important;
}
@media (max-width: 768px) {
.margin-bottom-9x {
margin-bottom: 144px !important;
}
}
.margin-bottom-10x {
margin-bottom: 240px !important;
}
@media (max-width: 768px) {
.margin-bottom-10x {
margin-bottom: 160px !important;
}
}
.mb-30 {
margin-bottom: 30px !important;
}
.mt-30 {
margin-top: 30px !important;
}
.margin-top-none {
margin-top: 0 !important;
}
.margin-bottom-none {
margin-bottom: 0 !important;
}
.padding-top-none {
padding-top: 0 !important;
}
.padding-bottom-none {
padding-bottom: 0 !important;
}
.margin-right-none {
margin-right: 0 !important;
}
.margin-left-none {
margin-left: 0 !important;
}
.padding-right-none {
padding-right: 0 !important;
}
.padding-left-none {
padding-left: 0 !important;
}
.hidden-xs-up {
display: none !important;
}
@media (max-width: 575px) {
.hidden-xs-down {
display: none !important;
}
}
@media (min-width: 576px) {
.hidden-sm-up {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-sm-down {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-md-up {
display: none !important;
}
}
@media (max-width: 991px) {
.hidden-md-down {
display: none !important;
}
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (max-width: 1199px) {
.hidden-lg-down {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-xl-up {
display: none !important;
}
}
.hidden-xl-down {
display: none !important;
}
.d-inline-block img {
width: 100%;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin: 0;
color: #374250;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 500;
text-transform: none;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small,
.h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small {
display: block;
padding-top: 3px;
color: #9da9b9;
}
h1, .h1 {
margin-bottom: 24px;
font-size: 36px;
line-height: 1.15;
}
@media (max-width: 768px) {
h1, .h1 {
font-size: 31px;
}
}
h2, .h2 {
margin-bottom: 16px;
font-size: 30px;
line-height: 1.2;
}
@media (max-width: 768px) {
h2, .h2 {
font-size: 28px;
}
}
h3, .h3 {
margin-bottom: 12px;
font-size: 24px;
line-height: 1.25;
}
@media (max-width: 768px) {
h3, .h3 {
font-size: 22px;
}
}
h4, .h4 {
margin-bottom: 10px;
margin-top: 10px;
font-size: 20px;
line-height: 1.3;
}
h5, .h5 {
margin-bottom: 8px;
font-size: 18px;
line-height: 1.35;
}
h6, .h6 {
margin-bottom: 6px;
font-size: 16px;
line-height: 1.4;
}
.display-1, .display-2,
.display-3, .display-4 {
font-weight: normal;
line-height: 1.15;
}
.display-1 {
font-size: 72px;
}
@media (max-width: 576px) {
.display-1 {
font-size: 57px;
}
}
.display-2 {
font-size: 60px;
}
@media (max-width: 576px) {
.display-2 {
font-size: 48px;
}
}
.display-3 {
font-size: 50px;
}
@media (max-width: 576px) {
.display-3 {
font-size: 42px;
}
}
.display-4 {
font-size: 40px;
}
@media (max-width: 576px) {
.display-4 {
font-size: 36px;
}
}
p {
margin: 0 0 16px;
}
.lead {
font-size: 18px;
}
.text-lg {
font-size: 16px;
}
.text-sm {
font-size: 13px;
}
.text-xs {
font-size: 12px;
}
ul, ol {
margin-top: 0;
margin-bottom: 16px;
padding-left: 18px;
line-height: 1.8;
}
ul ul, ul ol, ol ul, ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
.list-icon {
padding: 0;
list-style: none;
}
.list-icon > li {
position: relative;
margin-bottom: 6px;
padding-left: 22px;
}
.list-icon > li > i {
display: block;
position: absolute;
left: 0;
line-height: inherit;
}
.list-icon.text-lg > li {
padding-left: 25px;
}
.list-icon.text-sm > li {
padding-left: 18px;
}
.list-icon.lead > li {
padding-left: 26px;
}
dl {
margin-top: 0;
margin-bottom: 16px;
}
dt, dd {
line-height: 1.5;
}
dt {
padding-top: 9px;
border-top: 1px solid #e1e7ec;
color: #374250;
font-weight: 500;
}
dt:first-child {
padding-top: 0;
border: 0;
}
dd {
margin-top: 3px;
margin-bottom: 15px;
margin-left: 0;
}
blockquote {
position: relative;
margin: 0;
margin-bottom: 16px;
padding: 24px 0 24px 36px;
border-top: 1px solid #e1e7ec;
border-bottom: 1px solid #e1e7ec;
color: #606975;
font-size: 18px;
}
blockquote::before {
position: absolute;
top: 24px;
left: -17px;
color: #9da9b9;
font-size: 82px;
font-style: italic;
line-height: .8;
content: '"';
}
blockquote cite {
display: block;
margin-top: 9px;
color: #9da9b9;
font-size: 14px;
font-style: normal;
font-weight: normal;
}
blockquote cite::before {
display: inline-block;
margin-top: -2px;
margin-right: 8px;
color: #9da9b9;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
font-size: .95em;
content: '\e074';
vertical-align: middle;
}
blockquote p {
margin-bottom: 0;
}
blockquote.blockquote-reverse {
padding-right: 36px;
padding-left: 0;
border-left: 0;
text-align: right;
}
blockquote.blockquote-reverse::before {
right: 10px;
left: auto;
}
kbd {
background-color: #606975;
}
.form-control {
padding: 0 18px 3px;
border: 1px solid #dbe2e8;
border-radius: 8px;
background-color: #ffffff;
color: #606975;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
font-size: 14px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.form-control:not(textarea) {
height: 44px;
}
.form-control::-moz-placeholder {
color: #9da9b9;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #9da9b9;
}
.form-control::-webkit-input-placeholder {
color: #9da9b9;
}
.form-control:focus {
border-color: #e62e04;
outline: none;
color: #606975;
box-shadow: none !important;
}
.form-control[type='color'] {
padding-bottom: 0 !important;
}
.form-control:disabled, .form-control[readonly] {
background-color: #f5f5f5;
cursor: not-allowed;
}
textarea.form-control {
padding-top: 12px;
padding-bottom: 12px;
}
select.form-control {
padding-right: 38px;
background-position: center right 17px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDI5Mi4zNjIgMjkyLjM2MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkyLjM2MiAyOTIuMzYyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTI4Ni45MzUsNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiwwLTkuMjMzLDEuODA3LTEyLjg1LDUuNDI0ICAgQzEuODA3LDcyLjk5OCwwLDc3LjI3OSwwLDgyLjIyOGMwLDQuOTQ4LDEuODA3LDkuMjI5LDUuNDI0LDEyLjg0N2wxMjcuOTA3LDEyNy45MDdjMy42MjEsMy42MTcsNy45MDIsNS40MjgsMTIuODUsNS40MjggICBzOS4yMzMtMS44MTEsMTIuODQ3LTUuNDI4TDI4Ni45MzUsOTUuMDc0YzMuNjEzLTMuNjE3LDUuNDI3LTcuODk4LDUuNDI3LTEyLjg0N0MyOTIuMzYyLDc3LjI3OSwyOTAuNTQ4LDcyLjk5OCwyODYuOTM1LDY5LjM3N3oiIGZpbGw9IiM2MDY5NzUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-repeat: no-repeat;
background-size: 9px 9px;
}
select.form-control:not([size]):not([multiple]) {
height: 44px;
}
.form-group {
margin-bottom: 20px !important;
}
.form-group label {
margin-bottom: 8px;
padding-left: 18px;
font-size: 14px;
font-weight: 500;
cursor: pointer;
}
.form-group label.col-form-label {
-ms-flex-item-align: center !important;
align-self: center !important;
margin-bottom: 0;
}
.form-control-lg {
border-radius: 27px;
font-size: 16px;
}
.form-control-lg:not(textarea) {
height: 54px;
}
.form-control-lg.form-control-rounded {
border-radius: 7px;
}
.form-control-lg.form-control-square {
border-radius: 0;
}
select.form-control.form-control-lg:not([size]):not([multiple]) {
height: 54px;
}
.form-control-sm {
padding-bottom: 2px;
border-radius: 18px;
}
.form-control-sm:not(textarea) {
height: 36px;
}
.form-control-sm.form-control-rounded {
border-radius: 3px;
}
.form-control-sm.form-control-square {
border-radius: 0;
}
select.form-control.form-control-sm:not([size]):not([multiple]) {
height: 36px;
}
.form-text {
padding-left: 18px;
}
.custom-control {
margin-bottom: 6px !important;
padding-left: 1.5rem !important;
}
.custom-control:focus {
outline: 0;
}
.custom-control .custom-control-label {
margin: 0;
padding-left: 0;
font-size: 14px !important;
font-weight: normal !important;
text-transform: none;
}
.custom-control .custom-control-label::before {
box-shadow: none !important;
}
.custom-control .custom-control-input:checked ~ .custom-control-label::before {
background-color: #5cb85c;
}
.custom-control .custom-control-input:disabled ~ .custom-control-label {
color: #9da9b9;
cursor: not-allowed;
}
.custom-control-inline {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.custom-file,
.custom-file-input {
height: 44px;
border-radius: 22px;
cursor: pointer;
}
.custom-file:focus ~ .custom-file-label,
.custom-file-input:focus ~ .custom-file-label {
box-shadow: none;
}
.custom-file-label {
font-weight: normal !important;
}
.custom-file-label,
.custom-file-label::after {
height: 44px;
border-radius: 22px;
border-color: #dbe2e8;
color: #606975;
line-height: 2.2;
}
.custom-file-label::after {
height: 42px;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
background-color: #f5f5f5;
font-weight: 500 !important;
}
.form-control-rounded {
border-radius: 5px;
}
.form-control-rounded .custom-file-control,
.form-control-rounded .custom-file-control::before {
border-radius: 5px;
}
.form-control-square {
border-radius: 0;
}
.form-control-square .custom-file-control,
.form-control-square .custom-file-control::before {
border-radius: 0;
}
.input-group {
display: block;
position: relative;
}
.input-group .input-group-addon,
.input-group .input-group-btn {
display: inline-block;
position: absolute;
top: 50%;
margin-top: -3px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.input-group .input-group-addon {
left: 15px;
transition: color .3s;
background-color: transparent !important;
color: #9da9b9;
}
.input-group .form-control {
padding-left: 35px;
}
.input-group .form-control:focus ~ .input-group-addon {
color: #e62e04;
}
.input-group .input-group-btn {
right: 10px;
margin-top: -2px;
}
.input-group .input-group-btn button {
transition: color .3s;
border: 0;
background: 0;
color: #606975;
font-size: 1.2em;
cursor: pointer;
}
.input-group .input-group-btn button:hover {
color: #e62e04;
}
.input-group .input-group-btn .btn {
margin: 0;
margin-right: 3px;
padding: 0;
}
.input-group .input-group-btn ~ .form-control {
padding-right: 35px;
padding-left: 18px;
}
.has-success label,
.has-success .form-control-feedback,
.has-success .custom-control,
.has-success .input-group .input-group-addon,
.has-success.input-group .input-group-addon,
.has-success .form-control:focus ~ .input-group-addon {
color: #43d9a3;
}
.has-success .form-control,
.has-success .form-control:focus {
border-color: #43d9a3;
}
.has-success .form-control-success {
padding-right: 42px;
background-position: center right 15px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0MDYuODM0IDQwNi44MzQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQwNi44MzQgNDA2LjgzNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgo8cG9seWdvbiBwb2ludHM9IjM4NS42MjEsNjIuNTA3IDE0Ni4yMjUsMzAxLjkwMSAyMS4yMTMsMTc2Ljg5MSAwLDE5OC4xMDQgMTQ2LjIyNSwzNDQuMzI3IDQwNi44MzQsODMuNzIgIiBmaWxsPSIjNDNkOWEzIi8+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
background-repeat: no-repeat;
}
.has-warning label,
.has-warning .form-control-feedback,
.has-warning .custom-control,
.has-warning .input-group .input-group-addon,
.has-warning.input-group .input-group-addon,
.has-warning .form-control:focus ~ .input-group-addon {
color: #ffb74f;
}
.has-warning .form-control,
.has-warning .form-control:focus {
border-color: #ffb74f;
}
.has-warning .form-control-warning {
padding-right: 42px;
background-position: center right 15px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTUwNS40MDMsNDA2LjM5NEwyOTUuMzg5LDU4LjEwMmMtOC4yNzQtMTMuNzIxLTIzLjM2Ny0yMi4yNDUtMzkuMzktMjIuMjQ1Yy0xNi4wMjMsMC0zMS4xMTYsOC41MjQtMzkuMzkxLDIyLjI0NiAgICBMNi41OTUsNDA2LjM5NGMtOC41NTEsMTQuMTgyLTguODA0LDMxLjk1LTAuNjYxLDQ2LjM3YzguMTQ1LDE0LjQyLDIzLjQ5MSwyMy4zNzgsNDAuMDUxLDIzLjM3OGg0MjAuMDI4ICAgIGMxNi41NiwwLDMxLjkwNy04Ljk1OCw0MC4wNTItMjMuMzc5QzUxNC4yMDgsNDM4LjM0Miw1MTMuOTU1LDQyMC41NzQsNTA1LjQwMyw0MDYuMzk0eiBNNDc3LjAzOSw0MzYuMzcyICAgIGMtMi4yNDIsMy45NjktNi40NjcsNi40MzYtMTEuMDI2LDYuNDM2SDQ1Ljk4NWMtNC41NTksMC04Ljc4NC0yLjQ2Ni0xMS4wMjUtNi40MzVjLTIuMjQyLTMuOTctMi4xNzItOC44NjIsMC4xODEtMTIuNzY1ICAgIEwyNDUuMTU2LDc1LjMxNmMyLjI3OC0zLjc3Nyw2LjQzMy02LjEyNCwxMC44NDQtNi4xMjRjNC40MSwwLDguNTY1LDIuMzQ3LDEwLjg0Myw2LjEyNGwyMTAuMDEzLDM0OC4yOTIgICAgQzQ3OS4yMTEsNDI3LjUxMiw0NzkuMjgxLDQzMi40MDMsNDc3LjAzOSw0MzYuMzcyeiIgZmlsbD0iI2ZmYjc0ZiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI1Ni4xNTQsMTczLjAwNWMtMTIuNjgsMC0yMi41NzYsNi44MDQtMjIuNTc2LDE4Ljg2NmMwLDM2LjgwMiw0LjMyOSw4OS42ODYsNC4zMjksMTI2LjQ4OSAgICBjMC4wMDEsOS41ODcsOC4zNTIsMTMuNjA3LDE4LjI0OCwxMy42MDdjNy40MjIsMCwxNy45MzctNC4wMiwxNy45MzctMTMuNjA3YzAtMzYuODAyLDQuMzI5LTg5LjY4Niw0LjMyOS0xMjYuNDg5ICAgIEMyNzguNDIxLDE3OS44MSwyNjguMjE2LDE3My4wMDUsMjU2LjE1NCwxNzMuMDA1eiIgZmlsbD0iI2ZmYjc0ZiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI1Ni40NjUsMzUzLjMwNmMtMTMuNjA3LDAtMjMuODE0LDEwLjgyNC0yMy44MTQsMjMuODE0YzAsMTIuNjgsMTAuMjA2LDIzLjgxNCwyMy44MTQsMjMuODE0ICAgIGMxMi42OCwwLDIzLjUwNS0xMS4xMzQsMjMuNTA1LTIzLjgxNEMyNzkuOTcsMzY0LjEzLDI2OS4xNDQsMzUzLjMwNiwyNTYuNDY1LDM1My4zMDZ6IiBmaWxsPSIjZmZiNzRmIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
background-repeat: no-repeat;
}
.has-danger label,
.has-danger .form-control-feedback,
.has-danger .custom-control,
.has-danger .input-group .input-group-addon,
.has-danger.input-group .input-group-addon,
.has-danger .form-control:focus ~ .input-group-addon {
color: #ff5252;
}
.has-danger .form-control,
.has-danger .form-control:focus {
border-color: #ff5252;
}
.has-danger .form-control-danger {
padding-right: 42px;
background-position: center right 15px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0MS4xNzEgMjQxLjE3MSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQxLjE3MSAyNDEuMTcxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCI+CjxnPgoJPHBhdGggaWQ9IkNsb3NlIiBkPSJNMTM4LjEzOCwxMjAuNzU0bDk5LjExOC05OC41NzZjNC43NTItNC43MDQsNC43NTItMTIuMzE5LDAtMTcuMDExYy00Ljc0LTQuNzA0LTEyLjQzOS00LjcwNC0xNy4xNzksMCAgIGwtOTkuMDMzLDk4LjQ5MkwyMS4wOTUsMy42OTljLTQuNzQtNC43NTItMTIuNDM5LTQuNzUyLTE3LjE3OSwwYy00Ljc0LDQuNzY0LTQuNzQsMTIuNDc1LDAsMTcuMjI3bDk5Ljg3Niw5OS44ODhMMy41NTUsMjIwLjQ5NyAgIGMtNC43NCw0LjcwNC00Ljc0LDEyLjMxOSwwLDE3LjAxMWM0Ljc0LDQuNzA0LDEyLjQzOSw0LjcwNCwxNy4xNzksMGwxMDAuMTUyLTk5LjU5OWw5OS41NTEsOTkuNTYzICAgYzQuNzQsNC43NTIsMTIuNDM5LDQuNzUyLDE3LjE3OSwwYzQuNzQtNC43NjQsNC43NC0xMi40NzUsMC0xNy4yMjdMMTM4LjEzOCwxMjAuNzU0eiIgZmlsbD0iI2ZmNTI1MiIvPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgoJPGc+Cgk8L2c+Cgk8Zz4KCTwvZz4KCTxnPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
background-size: 13px 13px;
background-repeat: no-repeat;
}
.form-control-feedback {
padding-top: 2px;
padding-left: 18px;
}
.input-light.form-control,
.input-light .form-control {
border-color: rgba(255, 255, 255, 0.17);
background-color: transparent;
color: #ffffff;
}
.input-light.form-control::-moz-placeholder,
.input-light .form-control::-moz-placeholder {
color: rgba(255, 255, 255, 0.5);
opacity: 1;
}
.input-light.form-control:-ms-input-placeholder,
.input-light .form-control:-ms-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.input-light.form-control::-webkit-input-placeholder,
.input-light .form-control::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.5);
}
.input-light.form-control:focus,
.input-light .form-control:focus {
border-color: #e62e04;
color: #ffffff;
}
.input-light.input-group .input-group-addon {
color: rgba(255, 255, 255, 0.5);
}
.subscribe-form .input-group {
width: calc(100% - 88px);
float: left;
}
.subscribe-form .btn {
margin: 0;
float: right;
}
.subscribe-form .btn > i {
margin-top: -6px;
font-size: 1.5em;
}
.subscribe-form .form-text {
padding-top: 12px;
}
.coupon-form .form-control {
display: inline-block;
width: 100%;
max-width: 235px;
margin-right: 12px;
}
.coupon-form .btn {
margin-right: 0;
}
@media (max-width: 768px) {
.coupon-form .form-control {
display: block;
max-width: 100%;
}
}
.login-box {
display: block;
width: 100%;
padding: 30px 24px;
border: 1px solid #e1e7ec;
border-radius: 7px;
}
.card-wrapper {
margin: 30px 0;
}
@media (max-width: 576px) {
.jp-card-container {
width: 285px !important;
}
.jp-card {
min-width: 250px !important;
}
}
.table thead th, .table td, .table th {
border-color: #e1e7ec;
}
.table.table-inverse {
background-color: #374250;
color: #ffffff;
}
.table.table-inverse thead th, .table.table-inverse td, .table.table-inverse th {
border-color: rgba(255, 255, 255, 0.12);
}
.thead-inverse th {
background-color: #374250;
color: #ffffff;
}
.thead-default th {
background-color: #f5f5f5;
color: #606975;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #f5f5f5;
}
.table-striped.table-inverse tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.08);
}
.table-hover tbody tr:hover {
background-color: #f5f5f5;
}
.table-hover.table-inverse tbody tr:hover {
background-color: rgba(0, 0, 0, 0.08);
}
.table-active,
.table-active td,
.table-active th {
background-color: rgba(0, 0, 0, 0.05);
}
.table-success,
.table-success td,
.table-success th {
background-color: rgba(67, 217, 163, 0.09);
}
.table-info,
.table-info td,
.table-info th {
background-color: rgba(80, 198, 233, 0.09);
}
.table-warning,
.table-warning td,
.table-warning th {
background-color: rgba(255, 183, 79, 0.09);
}
.table-danger,
.table-danger td,
.table-danger th {
background-color: rgba(255, 82, 82, 0.09);
}
.btn {
display: inline-block;
position: relative;
height: 44px;
margin-top: 8px;
margin-right: 12px;
margin-bottom: 8px;
padding: 0 22px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
transition: all .4s;
border: 1px solid transparent;
border-radius: 22px;
background-color: transparent;
background-image: none;
color: #606975;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: .07em;
line-height: 42px;
white-space: nowrap;
cursor: pointer;
vertical-align: middle;
text-transform: uppercase;
text-decoration: none;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.btn:hover,
.btn:focus .btn:active, .btn.active {
outline: none;
background-image: none;
text-decoration: none;
box-shadow: none;
}
.btn:hover {
color: #606975;
}
.btn > i {
display: inline-block;
margin-top: -2px;
vertical-align: middle;
}
.btn[disabled], .btn.disabled {
cursor: not-allowed;
opacity: .55;
pointer-events: none;
}
button:focus {
outline: none;
}
.btn-lg {
height: 54px;
border-radius: 27px;
line-height: 52px;
}
.btn-sm {
height: 36px;
padding: 0 18px;
border-radius: 18px;
font-size: 12px;
line-height: 34px;
}
.btn-rounded {
border-radius: 5px;
}
.btn-rounded.btn-lg {
border-radius: 7px;
}
.btn-rounded.btn-sm {
border-radius: 3px;
}
.btn-square {
border-radius: 0;
}
.btn-secondary {
background-color: #f5f5f5;
border-color: #e1e7ec;
}
.btn-secondary:hover {
background-color: #dcdbdb;
}
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
color: #ffffff;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus,
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus,
.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus {
color: #ffffff;
}
.btn-primary {
background-color: #e62e04;
}
.btn-primary:hover {
background-color: #0a87bf;
}
.btn-success {
background-color: #43d9a3;
}
.btn-success:hover {
background-color: #27c28a;
}
.btn-info {
background-color: #50c6e9;
}
.btn-info:hover {
background-color: #23b7e3;
}
.btn-warning {
background-color: #ffb74f;
}
.btn-warning:hover {
background-color: #ffa21c;
}
.btn-danger {
background-color: #ff5252;
}
.btn-danger:hover {
background-color: #ff1f1f;
}
.btn-white {
background-color: #ffffff;
}
.btn-white:hover {
background-color: #e6e5e5;
}
.btn-outline-secondary {
border-color: #e1e7ec;
}
.btn-outline-secondary:hover {
background-color: #f5f5f5;
}
.btn-outline-primary {
border-color: #e62e04;
background-color: transparent;
color: #e62e04;
}
.btn-outline-primary:hover {
background-color: #e62e04;
color: #ffffff;
}
.btn-outline-success {
border-color: #43d9a3;
background-color: transparent;
color: #43d9a3;
}
.btn-outline-success:hover {
background-color: #43d9a3;
color: #ffffff;
}
.btn-outline-info {
border-color: #50c6e9;
background-color: transparent;
color: #50c6e9;
}
.btn-outline-info:hover {
background-color: #50c6e9;
color: #ffffff;
}
.btn-outline-warning {
border-color: #ffb74f;
background-color: transparent;
color: #ffb74f;
}
.btn-outline-warning:hover {
background-color: #ffb74f;
color: #ffffff;
}
.btn-outline-danger {
border-color: #ff5252;
background-color: transparent;
color: #ff5252;
}
.btn-outline-danger:hover {
background-color: #ff5252;
color: #ffffff;
}
.btn-outline-white {
border-color: #ffffff;
background-color: transparent;
color: #ffffff;
}
.btn-outline-white:hover {
background-color: #ffffff;
color: #ffffff;
}
.btn-outline-white:hover {
color: #606975;
}
.btn-link-secondary {
color: #606975;
}
.btn-link-secondary:hover {
color: #495059;
}
.btn-link-primary {
color: #e62e04;
}
.btn-link-primary:hover {
color: #0a87bf;
}
.btn-link-success {
color: #43d9a3;
}
.btn-link-success:hover {
color: #27c28a;
}
.btn-link-info {
color: #50c6e9;
}
.btn-link-info:hover {
color: #23b7e3;
}
.btn-link-warning {
color: #ffb74f;
}
.btn-link-warning:hover {
color: #ffa21c;
}
.btn-link-danger {
color: #ff5252;
}
.btn-link-danger:hover {
color: #ff1f1f;
}
.btn-link-white {
color: #ffffff;
}
.btn-link-white:hover {
color: #e6e5e5;
}
.btn-link-secondary > i,
.btn-link-primary > i,
.btn-link-success > i,
.btn-link-info > i,
.btn-link-warning > i,
.btn-link-danger > i,
.btn-link-white > i {
margin-top: -4px;
}
.btn-group {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
margin-top: 8px;
margin-right: 12px;
margin-bottom: 8px;
vertical-align: middle;
}
.btn-group .btn {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
margin: 0;
}
.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle) {
margin-right: -1px;
padding-right: 12px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-secondary, .btn-group .btn:first-child:not(:last-child):not(.dropdown-toggle).btn-outline-secondary {
border-right: 0;
}
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn + .dropdown-toggle-split {
padding-right: 15px;
padding-left: 8px;
}
.text-center .btn, .text-center .btn-group {
margin-right: 6px;
margin-left: 6px;
}
.text-right .btn, .text-right .btn-group {
margin-right: 0;
margin-left: 12px;
}
.btn-block {
display: block;
width: 100%;
margin-top: 12px;
margin-right: 0 !important;
margin-bottom: 12px;
margin-left: 0 !important;
padding-right: 15px !important;
padding-left: 15px !important;
}
.scroll-to-top-btn {
display: block;
position: fixed;
right: 16px;
bottom: -88px;
width: 44px;
height: 44px;
transition: bottom 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s, background-color 0.3s, border-color 0.3s;
border-radius: 50%;
background-color: rgba(0, 0, 0, 0.3);
color: #ffffff;
font-size: 18px;
line-height: 39px;
opacity: 0;
z-index: 2000;
text-align: center;
text-decoration: none;
}
.scroll-to-top-btn:hover {
background-color: rgba(0, 0, 0, 0.8);
color: #ffffff;
}
.scroll-to-top-btn:focus, .scroll-to-top-btn:active {
color: #ffffff;
}
.scroll-to-top-btn.visible {
bottom: 14px;
opacity: 1;
}
@media (max-width: 768px) {
.scroll-to-top-btn {
bottom: -72px;
width: 36px;
height: 36px;
line-height: 31px;
}
}
.market-button {
display: inline-block;
margin-right: 14px;
margin-bottom: 14px;
padding: 5px 14px 5px 45px;
transition: background-color .3s;
border: 1px solid #e1e7ec;
border-radius: 5px;
background-position: center left 12px;
background-color: #ffffff;
background-size: 24px 24px;
background-repeat: no-repeat;
text-decoration: none;
}
.market-button:hover {
background-color: #f5f5f5;
}
.market-button .mb-subtitle {
display: block;
margin-bottom: -4px;
color: #9da9b9;
font-size: 12px;
}
.market-button .mb-title {
display: block;
color: #606975;
font-size: 18px;
}
.market-button.apple-button {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiMyZTJlMmUiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.market-button.google-button {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjUxMnB4IiBoZWlnaHQ9IjUxMnB4Ij4KPHBvbHlnb24gc3R5bGU9ImZpbGw6IzVDREFERDsiIHBvaW50cz0iMjkuNTMsMCAyOS41MywyNTEuNTA5IDI5LjUzLDUxMiAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNCREVDQzQ7IiBwb2ludHM9IjM2OS4wNjcsMTgwLjU0NyAyNjIuMTc1LDExOS40NjcgMjkuNTMsMCAyOTkuMDA0LDI1MS41MDkgIi8+Cjxwb2x5Z29uIHN0eWxlPSJmaWxsOiNEQzY4QTE7IiBwb2ludHM9IjI5LjUzLDUxMiAyOS41Myw1MTIgMjYyLjE3NSwzODMuNTUxIDM2OS4wNjcsMzIyLjQ3IDI5OS4wMDQsMjUxLjUwOSAiLz4KPHBhdGggc3R5bGU9ImZpbGw6I0ZGQ0E5NjsiIGQ9Ik0zNjkuMDY3LDE4MC41NDdsLTcwLjA2Myw3MC45NjFsNzAuMDYzLDcwLjk2MWwxMDguNjg4LTYyLjg3N2M2LjI4OC0zLjU5Myw2LjI4OC0xMS42NzcsMC0xNS4yNyAgTDM2OS4wNjcsMTgwLjU0N3oiLz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.market-button.windows-button {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAwIDQ4MCA0ODAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4MCA0ODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBkPSJNMC4xNzYsMjI0TDAuMDAxLDY3Ljk2M2wxOTItMjYuMDcyVjIyNEgwLjE3NnogTTIyNC4wMDEsMzcuMjQxTDQ3OS45MzcsMHYyMjRIMjI0LjAwMVYzNy4yNDF6IE00NzkuOTk5LDI1NmwtMC4wNjIsMjI0ICAgbC0yNTUuOTM2LTM2LjAwOFYyNTZINDc5Ljk5OXogTTE5Mi4wMDEsNDM5LjkxOEwwLjE1Nyw0MTMuNjIxTDAuMTQ3LDI1NmgxOTEuODU0VjQzOS45MTh6IiBmaWxsPSIjMDBiY2YyIi8+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.market-button.blackberry-button {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MDMuMzIyIDUwMy4zMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwMy4zMjIgNTAzLjMyMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xMTYuMjg1LDYwLjc0Nkg0NS45OTNsLTIwLjgyNyw5NS40NThoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yOC42MzcsNzMuNzYzLTUzLjgwMyAgICBDMTczLjU1OSw4NC4xNzYsMTYyLjI3OCw2MC43NDYsMTE2LjI4NSw2MC43NDZ6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjM4LjY0NCwzNDcuMTE5aC03MS4xNTlsLTE5Ljk1OSw5NS40NThoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yOC42MzcsNzMuNzYzLTUzLjgwMyAgICBDMjk1LjA1MSwzNzAuNTQ5LDI4NC42MzcsMzQ3LjExOSwyMzguNjQ0LDM0Ny4xMTl6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNOTEuMTE5LDE5OS41OTNIMTkuOTU5TDAsMjk1LjA1MWg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI4LjYzNyw3My43NjMtNTMuODAzICAgIEMxNDcuNTI1LDIyMy4wMjQsMTM3LjExMiwxOTkuNTkzLDkxLjExOSwxOTkuNTkzeiIgZmlsbD0iIzJlMmUyZSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQyMC44ODEsMjk1LjA1MWgtNzEuMTU5bC0xOS45NTksODYuNzhoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yNC4yOTgsNzMuNzYzLTQ5LjQ2NCAgICBDNDc3LjI4OCwzMTQuMTQyLDQ2Ni44NzUsMjk1LjA1MSw0MjAuODgxLDI5NS4wNTF6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDQ2LjkxNSwxNDcuNTI1aC03MS4xNTlsLTE5Ljk1OSw4Ni43OGg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI0LjI5OCw3My43NjMtNDkuNDY0ICAgIEM1MDMuMzIyLDE2Ni42MTcsNDkyLjkwOCwxNDcuNTI1LDQ0Ni45MTUsMTQ3LjUyNXoiIGZpbGw9IiMyZTJlMmUiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjUuNTQ2LDE5OS41OTNoLTcxLjE1OWwtMTkuOTU5LDk1LjQ1OGg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI4LjYzNyw3My43NjMtNTMuODAzICAgIEMzMjIuODIsMjIzLjAyNCwzMTEuNTM5LDE5OS41OTMsMjY1LjU0NiwxOTkuNTkzeiIgZmlsbD0iIzJlMmUyZSIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI5MS41OCw2MC43NDZIMjIwLjQybC0xOS45NTksOTUuNDU4aDczLjc2M2M1Ny4yNzUsMCw3My43NjMtMjguNjM3LDczLjc2My01My44MDMgICAgQzM0Ny45ODYsODQuMTc2LDMzNy41NzMsNjAuNzQ2LDI5MS41OCw2MC43NDZ6IiBmaWxsPSIjMmUyZTJlIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.market-button.amazon-button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGQUJGNjhGNDRGNkMxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGQUJGNjhGMzRGNkMxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUM1ODJFMkIxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUM1ODJFM0IxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgNXCVIAAAc7SURBVHja5FwJbFRVFH0tQimgUCiubKJCWWSwKIooVhG3aESkETRqBEEEEURExBXiVhElkRiIEFwTQEHciQiIMQhFkUGFihErIJjWUgg0LFXqPf4z9jvMTOe/v9ebnEw78+//b85/y7n33T8ZNTU1yo5FIhEdtxMEXQRtBGcLOglO5ftoUKagSrBLUCLYKCgVbBEcNJ8oGo0qN+045Z2dJCgU9BdcJ2igcY4DgsWC9wTvetHoTA+u0ZlfCL3hJcFATXJgzQS3C5YIKgWT3G58hotDDMNlvmCQy9+hAj1ThtqqMPWgywXlHpADayVYKTfq0bAQdJ9guaCR8tamCUlPBZ2gcYIXlH82RUgaFlSCCgQzlf82T0hqFzSCGgreUsGxqUEj6BkKvaBYofSi5kERihCAE2z4rxYs4qp3WNBY0F0wVtBC85xNKUrnBoGgUdBTGn4IH24UbEvwGQh7TDBdMNGGQA3EELtGw2eh4Jwk5JjtAcFDmu0633clLeMcweYOi24IOLta9CnR6BF/CE4Whf2Xnz3oKg2fJzR8PtTwyaXK9nWIHbF4PFIYn2hcZ6Vm+5r4SpB039c5T5RwqO0VHE3hgoByv8alSm3oM99XsecJxSUaUXyOoKPgTOIMEjdK8xrVYSbIbIeIMsGPDp43Q/lkmap+W0bQepDTliU43oam+bM+EIT5qZcyEve5nL9aCtpzHmtq49zVYSOoraCv4AZBHgPc3P/7EOsgGCoYzt4SKnOTIAyZGYJrwzzLu0XQi4Lx9WEZdJqg0wVfqmAlzwJDUB/BmvompJwiqLND5FQwXtuujJ3TA1TlmM8eDytB2P9absMfaVbshryN+DeJuDsrzATNor7RMezV3xvkWMwWQZFIpIe8jNB0v0kZuedAm91gdaSm31iL5NSEjiDuO92h4bqGwzIUMaOdHnSe0ktpztfwaRwqgqT3QAheqHnNZZoyIlQ9COT00/BDzrpcwy9fs51ZfhEEXdJRw+8AdY9XBPm2q4HyklM0/HRqE7H3f4mN2NAXgrKUXgUZihGsVl0Mt7GKDfKLIAyTIxp+2cqoj7bSeybb+H5DZEE5zQ+CsEn4u6avlb2x2cpI2tuxiX4Q9JOquzIjmaHOuXcax6H0ZaADK/V46UW9vCYIavgLG43+XHBRks9QLP6B3TsfZ6/pOmqXv8hdGSAvn9psOIiap4zcD5bkQsINQ+agKBqN/uZVjFOsjAdLsm2co4DwwhAgY5/sfk9iMbkT++TlVRUus7zTajfdMcvjL7hEWa9oi9llclMf9JQgueBmVVv64rY9p4yiz9kW/VC01U33YRcnqjtQQLXWZXIeFsTu/tOC9Wn6oR6yPW+kljmViOrDRp/rMDEourpeHVujiJ60VaXOEy0TYq72K9RIZEigLXbwfNBZJ6rEBZw7Uugo2CtOkOM0QbDBmAyVveqybwUDGMFXpDjuG5W4bmiKkDPSqS/0r1A8PEfvAZneL+ck+wgJNVR1RIhEuRkEvHhUcyNJhWwosdgElNEsYGA7pnh05ZI0fJARRSF7W8Z6hxhbQtv9+k+64q7tx8xBmEca2gwh4odIMYce5qaWJKkBswEQbfvZIPSGn1XqCtnEanV0ZYncpNHKKLz6uI7DeyojGwr0IlHZvFEoPF/H6AAPDO+J70GLKPNxwC10qC92heBJ3qx0rEh60OT4HnQrleZQ3s1xIVTKiexKVbtRUEEgL76XqyBSx/GZx6aJlnl0+5s5JlH0hO2Z25i/2RpigjaRgHKKxkTWjcMrRsy+VKsYHvp/n39fyskTlWKtQ0rQbmVU6lelOOYHwXem/0vrWuYhzpaa/p9A7TFJ+biJ55BlUZVv4nSiuHDE6icxOa9KRwehEnVu3ImLBDuV8Qhm85AR04TtRvufVcZvhtzNz9qYRshazsFpCUVUbsTX5eARI8zwSDwh2ZUfcGIwv8yh3kK7c00TdkxQ9jcdP9Oqkp7GSbsqwUw/jBpmC4dh94CQAvF4D1X59ySieZwK72wSpbGNhF9UXDFYusHqR7woqsAuSNKgGSaBCE21QfCVh6REGHoMZqiSzCBdzFUpOaYg+0470fxOqu0pglQ/AdFP1e7bl/IubuHEt07pPS8Wbw05tLHK9mDYkFeHTzV7/Jtx76PCLYOB9kqnYrF8jtWLLX4xSPrNXHrLuWJgQizj31Uc9kd58zBf4PmzTozsWzPm6mJxkXiHwndX3PvNTOFOh/8sdQliMSu2gb1kiDJ+qyPdffpGjId6ejTs0HORrF+R5PNWXKnHuJXuWMCAD3tY21Rw7GtGAV1TkKPYc0aoFNvoTuWDZlBoTWLj/LIV7NUISt8IYsJsOhtXoIxk/l4PSNlMZYzJGj/stNDJk7tVHLmaeIQTeV9qqTxOjHasjAm2pZwL17nJvtvVo8gQfEZMZXKqHXVHPlekFswgNFK1JXPwO8gVZg/lwnpKht1ejtm/BRgAKCaVSdcawG4AAAAASUVORK5CYII=);
}
.market-button.mb-light-skin {
border-color: rgba(255, 255, 255, 0.12);
background-color: transparent;
}
.market-button.mb-light-skin .mb-subtitle,
.market-button.mb-light-skin .mb-title {
color: #ffffff;
}
.market-button.mb-light-skin .mb-subtitle {
opacity: .55;
}
.market-button.mb-light-skin:hover {
background-color: rgba(255, 255, 255, 0.06);
}
.market-button.mb-light-skin.apple-button {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzMDUgMzA1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzMDUgMzA1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjI0cHgiIGhlaWdodD0iMjRweCI+CjxnIGlkPSJYTUxJRF8yMjhfIj4KCTxwYXRoIGlkPSJYTUxJRF8yMjlfIiBkPSJNNDAuNzM4LDExMi4xMTljLTI1Ljc4NSw0NC43NDUtOS4zOTMsMTEyLjY0OCwxOS4xMjEsMTUzLjgyQzc0LjA5MiwyODYuNTIzLDg4LjUwMiwzMDUsMTA4LjIzOSwzMDUgICBjMC4zNzIsMCwwLjc0NS0wLjAwNywxLjEyNy0wLjAyMmM5LjI3My0wLjM3LDE1Ljk3NC0zLjIyNSwyMi40NTMtNS45ODRjNy4yNzQtMy4xLDE0Ljc5Ny02LjMwNSwyNi41OTctNi4zMDUgICBjMTEuMjI2LDAsMTguMzksMy4xMDEsMjUuMzE4LDYuMDk5YzYuODI4LDIuOTU0LDEzLjg2MSw2LjAxLDI0LjI1Myw1LjgxNWMyMi4yMzItMC40MTQsMzUuODgyLTIwLjM1Miw0Ny45MjUtMzcuOTQxICAgYzEyLjU2Ny0xOC4zNjUsMTguODcxLTM2LjE5NiwyMC45OTgtNDMuMDFsMC4wODYtMC4yNzFjMC40MDUtMS4yMTEtMC4xNjctMi41MzMtMS4zMjgtMy4wNjZjLTAuMDMyLTAuMDE1LTAuMTUtMC4wNjQtMC4xODMtMC4wNzggICBjLTMuOTE1LTEuNjAxLTM4LjI1Ny0xNi44MzYtMzguNjE4LTU4LjM2Yy0wLjMzNS0zMy43MzYsMjUuNzYzLTUxLjYwMSwzMC45OTctNTQuODM5bDAuMjQ0LTAuMTUyICAgYzAuNTY3LTAuMzY1LDAuOTYyLTAuOTQ0LDEuMDk2LTEuNjA2YzAuMTM0LTAuNjYxLTAuMDA2LTEuMzQ5LTAuMzg2LTEuOTA1Yy0xOC4wMTQtMjYuMzYyLTQ1LjYyNC0zMC4zMzUtNTYuNzQtMzAuODEzICAgYy0xLjYxMy0wLjE2MS0zLjI3OC0wLjI0Mi00Ljk1LTAuMjQyYy0xMy4wNTYsMC0yNS41NjMsNC45MzEtMzUuNjExLDguODkzYy02LjkzNiwyLjczNS0xMi45MjcsNS4wOTctMTcuMDU5LDUuMDk3ICAgYy00LjY0MywwLTEwLjY2OC0yLjM5MS0xNy42NDUtNS4xNTljLTkuMzMtMy43MDMtMTkuOTA1LTcuODk5LTMxLjEtNy44OTljLTAuMjY3LDAtMC41MywwLjAwMy0wLjc4OSwwLjAwOCAgIEM3OC44OTQsNzMuNjQzLDU0LjI5OCw4OC41MzUsNDAuNzM4LDExMi4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8cGF0aCBpZD0iWE1MSURfMjMwXyIgZD0iTTIxMi4xMDEsMC4wMDJjLTE1Ljc2MywwLjY0Mi0zNC42NzIsMTAuMzQ1LTQ1Ljk3NCwyMy41ODNjLTkuNjA1LDExLjEyNy0xOC45ODgsMjkuNjc5LTE2LjUxNiw0OC4zNzkgICBjMC4xNTUsMS4xNywxLjEwNywyLjA3MywyLjI4NCwyLjE2NGMxLjA2NCwwLjA4MywyLjE1LDAuMTI1LDMuMjMyLDAuMTI2YzE1LjQxMywwLDMyLjA0LTguNTI3LDQzLjM5NS0yMi4yNTcgICBjMTEuOTUxLTE0LjQ5OCwxNy45OTQtMzMuMTA0LDE2LjE2Ni00OS43N0MyMTQuNTQ0LDAuOTIxLDIxMy4zOTUtMC4wNDksMjEyLjEwMSwwLjAwMnoiIGZpbGw9IiNGRkZGRkYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
}
.market-button.mb-light-skin.blackberry-button {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MDMuMzIyIDUwMy4zMjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwMy4zMjIgNTAzLjMyMjsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0xMTYuMjg1LDYwLjc0Nkg0NS45OTNsLTIwLjgyNyw5NS40NThoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yOC42MzcsNzMuNzYzLTUzLjgwMyAgICBDMTczLjU1OSw4NC4xNzYsMTYyLjI3OCw2MC43NDYsMTE2LjI4NSw2MC43NDZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNMjM4LjY0NCwzNDcuMTE5aC03MS4xNTlsLTE5Ljk1OSw5NS40NThoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yOC42MzcsNzMuNzYzLTUzLjgwMyAgICBDMjk1LjA1MSwzNzAuNTQ5LDI4NC42MzcsMzQ3LjExOSwyMzguNjQ0LDM0Ny4xMTl6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNOTEuMTE5LDE5OS41OTNIMTkuOTU5TDAsMjk1LjA1MWg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI4LjYzNyw3My43NjMtNTMuODAzICAgIEMxNDcuNTI1LDIyMy4wMjQsMTM3LjExMiwxOTkuNTkzLDkxLjExOSwxOTkuNTkzeiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTQyMC44ODEsMjk1LjA1MWgtNzEuMTU5bC0xOS45NTksODYuNzhoNzMuNzYzYzU3LjI3NSwwLDczLjc2My0yNC4yOTgsNzMuNzYzLTQ5LjQ2NCAgICBDNDc3LjI4OCwzMTQuMTQyLDQ2Ni44NzUsMjk1LjA1MSw0MjAuODgxLDI5NS4wNTF6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDQ2LjkxNSwxNDcuNTI1aC03MS4xNTlsLTE5Ljk1OSw4Ni43OGg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI0LjI5OCw3My43NjMtNDkuNDY0ICAgIEM1MDMuMzIyLDE2Ni42MTcsNDkyLjkwOCwxNDcuNTI1LDQ0Ni45MTUsMTQ3LjUyNXoiIGZpbGw9IiNGRkZGRkYiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0yNjUuNTQ2LDE5OS41OTNoLTcxLjE1OWwtMTkuOTU5LDk1LjQ1OGg3My43NjNjNTcuMjc1LDAsNzMuNzYzLTI4LjYzNyw3My43NjMtNTMuODAzICAgIEMzMjIuODIsMjIzLjAyNCwzMTEuNTM5LDE5OS41OTMsMjY1LjU0NiwxOTkuNTkzeiIgZmlsbD0iI0ZGRkZGRiIvPgoJPC9nPgo8L2c+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI5MS41OCw2MC43NDZIMjIwLjQybC0xOS45NTksOTUuNDU4aDczLjc2M2M1Ny4yNzUsMCw3My43NjMtMjguNjM3LDczLjc2My01My44MDMgICAgQzM0Ny45ODYsODQuMTc2LDMzNy41NzMsNjAuNzQ2LDI5MS41OCw2MC43NDZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
}
.market-button.mb-light-skin.amazon-button {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2FpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTExIDc5LjE1ODMyNSwgMjAxNS8wOS8xMC0wMToxMDoyMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0idXVpZDo1RDIwODkyNDkzQkZEQjExOTE0QTg1OTBEMzE1MDhDOCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1QjFCQzQ2QjRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1QjFCQzQ2QTRGNkQxMUU3OUY5REJEQzBGNkVBQUI5QiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2QUM1ODJFMkIxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2QUM1ODJFM0IxNEExMUUzQkY1NEUzQkNCRjlEODA1RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk2CzRIAAAcFSURBVHja5FxpbBZVFH2ULlhQCq2oiBWLWqCI0AoqKILgGo2KEqlGjSKKIuJaC9EgRKNYURL9YQ2KawKICO5RqZYYsKDFtS1VsSpaU2ypgQYo0HpP5lTGz2/pvNnrTU7yLXNn3px5775777tvurW3tysf5DDBEMEAwUmCEwX9+TsalCRoEfwuqBF8KagTVAt2e9nQZA+vdYRgimCi4GJBd41z7BK8LlgjeMOTVqMHuYxcwRrBgXZnZYegyO32d3NxiGG4LBVMdvkZN7JnfuzGyZNcavQkwXYPyIFkCsoED4SFoDsFHwpSPTb8CwQPO31Sp4fYbMFi5a9MEzwfRILGu2UHNORYwS9BGmIpgldVcGR+0GzQI3T0giKY1XoHZYjBAazHuTT1ywUrOOvtFfQQDBPMEmTYaNd0wZIgOIrzNB29zYKcBOcuseFIljjhKDoxxC7U0FkuGCnYmuC4ewVzNNt1ahCGGILNXy3qIOAcalEHAWuuRZ0/BUcKDvhppM/X0HlQQ+dtDZ0setm+zmKtFo9HCuM9jeuUabYv3e90x0uCfvReewoOZZAai3g4kjs1rlNnwz8LVKjRgwT1EeQIjicGCdoEM5gEsyonCGo19PIEVUFKmO0hGgRbnIwZ/fI4k1TXFtvEJgf8BtNo13R9mv1dgSDYpwJlJO6zaL/6MiLPofHXlX1hI+gYwVjBZYLBDHCz/u9DbKCgkK7AoLAZMTcJwpBZJLgozFbeLYKeFNzRFaZBpwk6TvCpClbyLDAEnS5Y39UcKacIynWInEbGa0i471DGUnMD7dk8XzxNB2IxrH/9wClcR5BmxVLRa4KvYjh3urEY4sAf/e5BT9sg5ynB7UGOxewSNFwZyXEduVIZyfpAi91g9SZNvVkWyWkPI0FYd7peQ289h2UoYkY7BI1SeinNpRo6PcJGEBzBMZq672u6EaEiCOSM09BrVsYKqlXJ12xnml8EwS/J0dDbRb/HK4LS/SIoW3CUhp5O4SbW/s+yERv6QlCa0qsgy1DWqy6m2ZjFJvtFEIZJq4beIcqoj7bSe4pt3N9UwdF+EIT1+D80dWdYOPYZZSTt7cg9fhD0vUpcmRFLrhOM7sRxJYJLHZipkbgr8JogeMPrbDT6E8EZMf7rJXjL7pOPkBf9SHecI/jAZsNB1HPKyP1gSp5CuCHIHCwU/OYVQZiN6ml4wyJPCO72Khb7S/CCCpfs93KIQVAp9p2HN7iKQbJOgu5spVHHbTcfhNKSxz0i5zHB5Zz6rQiKtvKUbpG7Q9uGNrS7K3Mjrrexk3pVgsygbIfaJDjF4V6DoqtL1H9rFDHEahPkiZBWucB2CxzegLbSwV5TnuDpF8TRfdape3Jjl94EQY0NYioFkzp5rdFR9Oe4suNwb2m2Xlh/c8xNNUiooarjZCJabgYBL2oWsWl3C92GGotNQBnNMga2M+U+VnVCBxnRkRyqiPX2MLbcKPjZfF/mNAKWjlNshhBmWccLjqJt6kuSujMbgOKmnWzQF8pY4GuznFYoza6Rm7lVGYVX7yY4fASzoWMYn/Wno4sHhcLzCkYH2DDc9C8/SC60gm4+DriaCl1FzhU8xIfVGVkopBdH9qBr6GkW8mnODqGnHE3OUwcXChoJ5MWbOQvmRMk8/lP2lxyRBLuKYxJFT1ieuZb5m9oQE/Q1CdhOpzGa5HF49TSFUTE9aWz6f5OfJ9B4olLs8JAShIC6Lg45iuHSN6bvdYlCDThnq03f72IWsUj5uIjnkCCffh97ViF/w8TRUT/ZZA5L4sViqERdEnFi5FO2KWMLZu+QEZPOdqP9jyrjnSG38L8BphHymTKVzCQKVlG5EVm4hC1GxUw8IdmVH3BiYF9K6W+h3Vkmg91RfDHRdPxiq9H8AhrtliiW/gb6MNUchsMCQgqcx9sEmwXfkghzj0ebc01OacdCwk/KeCmCijaLxZN3eFFUgZ0Wo0GLTA4ifKpKwQYPSYG3ji0LVzAdHEvgupirUvqYguwbIw+2siC3jd72XBX/FRDj1MF1+zo+xWoavgqlt18sUlI4tDHLDmfYMDiBzj72+FcifkeFGyrY8NqdspgZRYuxWD7H6pkWb6yVSbZ6+iVNNIgN/NzCYd/Ghwd7gf1nKOLsR0OKmGuIxUliJR3fyL1qvUzhzsBoMabukm4le8lUJsI7u06fynhohEfDDj0X1WxrY/yfyZl6plsp12UM+LCGtVUFRz5nFDA0DjmKPWe6irOM7tSGukV0tIrYOL9kLXs1gtKXnTih0zsOS9i48cpI5jd7QEoVPWMYa7zYabmTJ3erOLKcuJ+GfCx9qcE0jHakgQm21bSFFW6y73b1KDIEHxHzmZzKpt+RzxkpgxmEVHWwZA56uznDNNFd2ESXod7LMfu3AAMA3eQjZHI91/8AAAAASUVORK5CYII=);
}
.facebook-btn,
.twitter-btn,
.google-btn {
text-transform: none;
}
.facebook-btn > i,
.twitter-btn > i,
.google-btn > i {
margin-top: 0;
}
.facebook-btn {
border-color: #3b5998;
background-color: transparent;
color: #3b5998;
}
.facebook-btn:hover {
background-color: #3b5998;
color: #ffffff;
}
.twitter-btn {
border-color: #55acee;
background-color: transparent;
color: #55acee;
}
.twitter-btn:hover {
background-color: #55acee;
color: #ffffff;
}
.google-btn {
border-color: #dd4b39;
background-color: transparent;
color: #dd4b39;
}
.google-btn > i {
font-size: 1.3em;
}
.google-btn:hover {
background-color: #dd4b39;
color: #ffffff;
}
/* Base class */
.social-button {
display: inline-block;
margin-top: 5px;
margin-right: 10px;
margin-bottom: 5px;
transition: color .3s;
color: #606975;
font-size: 15px;
text-decoration: none;
vertical-align: middle;
}
.social-button.shape-circle, .social-button.shape-rounded, .social-button.shape-square {
width: 36px;
height: 36px;
margin-right: 8px;
border: 1px solid #e1e7ec;
line-height: 35px;
text-align: center;
}
.social-button.shape-circle {
border-radius: 50%;
}
.social-button.shape-rounded {
border-radius: 5px;
}
.social-button:focus {
text-decoration: none;
}
.text-center .social-button {
margin-right: 9px;
margin-left: 9px;
}
.text-center .social-button.shape-circle, .text-center .social-button.shape-rounded, .text-center .social-button.shape-square {
margin-right: 4px;
margin-left: 4px;
}
.text-right .social-button {
margin-right: 0;
margin-left: 18px;
}
.text-right .social-button.shape-circle, .text-right .social-button.shape-rounded, .text-right .social-button.shape-square {
margin-right: 0;
margin-left: 8px;
}
/* Amazon */
.sb-amazon {
font-size: 1.15em !important;
}
.sb-amazon:hover, .sb-amazon:focus {
color: #ff9900 !important;
}
/* Airbnb */
.sb-airbnb:hover, .sb-airbnb:focus {
color: #fd5c63 !important;
}
/* Behance */
.sb-behance {
font-size: 1.1em !important;
}
.sb-behance:hover, .sb-behance:focus {
color: #1769ff !important;
}
/* DeviantArt */
.sb-deviantart {
font-size: 1.2em !important;
}
.sb-deviantart:hover, .sb-deviantart:focus {
color: #4e6252 !important;
}
/* Digg */
.sb-digg {
font-size: 1.2em !important;
}
.sb-digg:hover, .sb-digg:focus {
color: #000000 !important;
}
/* Disqus */
.sb-disqus {
font-size: 1.1em !important;
}
.sb-disqus:hover, .sb-disqus:focus {
color: #2e9fff !important;
}
/* Dribbble */
.sb-dribbble:hover, .sb-dribbble:focus {
color: #ea4c89 !important;
}
/* Drupal */
.sb-drupal {
font-size: 1.1em !important;
}
.sb-drupal:hover, .sb-drupal:focus {
color: #0077c0 !important;
}
/* Email */
.sb-email:hover, .sb-email:focus {
color: #e62e04 !important;
}
/* Facebook */
.sb-facebook:hover, .sb-facebook:focus {
color: #3b5998 !important;
}
/* Flickr */
.sb-flickr:hover, .sb-flickr:focus {
color: #0063dc !important;
}
/* Foursquare */
.sb-foursquare:hover, .sb-foursquare:focus {
color: #ef4b78 !important;
}
/* GitHub */
.sb-github:hover, .sb-github:focus {
color: #4183c4 !important;
}
/* Google+ */
.sb-google-plus {
font-size: 1.2em !important;
}
.sb-google-plus:hover, .sb-google-plus:focus {
color: #dd4b39 !important;
}
/* Instagram */
.sb-instagram:hover, .sb-instagram:focus {
color: #3f729b !important;
}
/* LastFM */
.sb-lastfm {
font-size: 1.1em !important;
}
.sb-lastfm:hover, .sb-lastfm:focus {
color: #e31b23 !important;
}
/* LinkedIn */
.sb-linkedin:hover, .sb-linkedin:focus {
color: #0976b4 !important;
}
/* PayPal */
.sb-odnoklassniki {
font-size: 1.1em !important;
}
.sb-odnoklassniki:hover, .sb-odnoklassniki:focus {
color: #ed812b !important;
}
/* PayPal */
.sb-paypal {
font-size: .9em !important;
}
.sb-paypal:hover, .sb-paypal:focus {
color: #253b80 !important;
}
/* Pinterest */
.sb-pinterest:hover, .sb-pinterest:focus {
color: #cc2127 !important;
}
/* Reddit */
.sb-reddit {
font-size: 1.1em !important;
}
.sb-reddit:hover, .sb-reddit:focus {
color: #ff4500 !important;
}
/* Reddit */
.sb-rss {
font-size: .9em !important;
}
.sb-rss:hover, .sb-rss:focus {
color: #f26522 !important;
}
/* Skype */
.sb-skype {
font-size: .9em !important;
}
.sb-skype:hover, .sb-skype:focus {
color: #00aff0 !important;
}
/* SoundCloud */
.sb-soundcloud {
font-size: 1.2em !important;
}
.sb-soundcloud:hover, .sb-soundcloud:focus {
color: #ff8800 !important;
}
/* Stack Overflow */
.sb-stackoverflow:hover, .sb-stackoverflow:focus {
color: #fe7a15 !important;
}
/* Steam */
.sb-steam:hover, .sb-steam:focus {
color: #7da10e !important;
}
/* StumbleUpon */
.sb-stumbleupon:hover, .sb-stumbleupon:focus {
color: #eb4924 !important;
}
/* Tumblr */
.sb-tumblr:hover, .sb-tumblr:focus {
color: #35465c !important;
}
/* Twitch */
.sb-twitch:hover, .sb-twitch:focus {
color: #6441a5 !important;
}
/* Twitter */
.sb-twitter:hover, .sb-twitter:focus {
color: #55acee !important;
}
/* Vimeo */
.sb-vimeo:hover, .sb-vimeo:focus {
color: #1ab7ea !important;
}
/* Vine */
.sb-vine:hover, .sb-vine:focus {
color: #00b488 !important;
}
/* VKontakte */
.sb-vk {
font-size: 1.1em !important;
}
.sb-vk:hover, .sb-vk:focus {
color: #45668e !important;
}
/* WordPress */
.sb-wordpress:hover, .sb-wordpress:focus {
color: #21759b !important;
}
/* XING */
.sb-xing:hover, .sb-xing:focus {
color: #026466 !important;
}
/* Yahoo! */
.sb-yahoo {
font-size: 1.1em !important;
}
.sb-yahoo:hover, .sb-yahoo:focus {
color: #400191 !important;
}
/* Yelp */
.sb-yelp:hover, .sb-yelp:focus {
color: #af0606 !important;
}
/* YouTube */
.sb-youtube:hover, .sb-youtube:focus {
color: #e52d27 !important;
}
.sb-light-skin {
transition: all .3s;
background-color: transparent;
color: rgba(255, 255, 255, 0.6) !important;
}
.sb-light-skin:hover, .sb-light-skin:focus {
color: #ffffff !important;
}
.sb-light-skin.shape-circle, .sb-light-skin.shape-rounded, .sb-light-skin.shape-square {
border-color: rgba(255, 255, 255, 0.12);
}
.sb-light-skin.shape-circle:hover, .sb-light-skin.shape-rounded:hover, .sb-light-skin.shape-square:hover {
background-color: rgba(255, 255, 255, 0.06);
}
.nav-tabs {
border-bottom-color: #e1e7ec;
}
.nav-tabs .nav-link {
padding: 10px 20px;
transition: color .3s;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
color: #606975;
font-size: 14px;
font-weight: 500;
letter-spacing: .05em;
text-transform: uppercase;
text-decoration: none;
}
.nav-tabs .nav-link:hover {
color: #e62e04;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
border-color: transparent;
}
.nav-tabs .nav-link.disabled {
cursor: not-allowed;
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:hover {
color: #9da9b9;
}
.nav-tabs .nav-link > i {
margin-top: -3px;
margin-right: 5px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
border-color: #e1e7ec #e1e7ec #ffffff;
color: #94a1b3;
}
.tab-content p:last-child, .tab-content ul:last-child, .tab-content ol:last-child {
margin-bottom: 0;
}
.nav-pills .nav-link {
margin-right: 5px;
padding: 8px 16px;
transition: all .3s;
border-radius: 22px;
color: #606975;
font-size: 13px;
font-weight: 500;
letter-spacing: .07em;
text-transform: uppercase;
text-decoration: none;
}
.nav-pills .nav-link:hover:not(.disabled) {
background-color: #f5f5f5;
}
.nav-pills .nav-link.disabled {
color: #9da9b9;
cursor: not-allowed;
}
.nav-pills .nav-link > i {
margin-top: -4px;
margin-right: 5px;
}
.nav-pills .nav-item.show .nav-link,
.nav-pills .nav-link.active {
background-color: #e62e04 !important;
color: #ffffff;
cursor: default;
}
.nav-pills + .tab-content {
padding: 24px 0 0;
border: 0;
border-radius: 0;
}
.nav-pills.nav-justified .nav-link {
margin-right: 0;
}
.nav-pills.justify-content-center .nav-link {
margin: 0 3px;
}
.nav-pills.justify-content-end .nav-link {
margin: 0 0 0 5px;
}
.nav-pills.flex-column .nav-link {
margin: 0 0 5px;
}
.transition.fade {
transition: all .4s ease-in-out;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.transition.fade.show {
opacity: 1;
}
.transition.scale.fade {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.transition.scaledown.fade {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.transition.scale.fade.show, .transition.scaledown.fade.show {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.transition.left.fade {
-webkit-transform: translateX(40px);
-ms-transform: translateX(40px);
transform: translateX(40px);
}
.transition.right.fade {
-webkit-transform: translateX(-40px);
-ms-transform: translateX(-40px);
transform: translateX(-40px);
}
.transition.left.fade.show, .transition.right.fade.show {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.transition.top.fade {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px);
}
.transition.bottom.fade {
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
}
.transition.top.fade.show, .transition.bottom.fade.show {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.transition.flip.fade {
-webkit-transform: rotateY(-90deg) scale(1.1);
transform: rotateY(-90deg) scale(1.1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.transition.flip.fade.show {
-webkit-transform: rotateY(0deg) scale(1);
transform: rotateY(0deg) scale(1);
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.card {
border-radius: 7px;
border-color: #e1e7ec;
}
.card .google-map {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.card-header {
border-bottom-color: #e1e7ec;
}
.card-header h1, .card-header .h1, .card-header h2, .card-header .h2, .card-header h3, .card-header .h3,
.card-header h4, .card-header .h4, .card-header h5, .card-header .h5, .card-header h6, .card-header .h6 {
margin-bottom: 0;
}
.card-header:first-child {
border-radius: 7px 7px 0 0;
}
.card-header,
.card-footer {
background-color: #f5f5f5;
}
.card-footer {
border-top-color: #e1e7ec;
}
.card-footer:last-child {
border-radius: 0 0 7px 7px;
}
.card-body p:last-child, .card-body ol:last-child, .card-body ul:last-child {
margin-bottom: 0;
}
.card-body .tab-content {
padding: 0;
border: 0;
}
.card.bg-primary {
border-color: #0c98d7;
}
.card.bg-primary .card-header {
border-bottom-color: #0c98d7;
background-color: #0ca2e5;
}
.card.bg-secondary .card-header,
.card.bg-faded .card-header {
background-color: #ededed;
}
.card.bg-success {
border-color: #29ca90;
}
.card.bg-success .card-header {
border-bottom-color: #29ca90;
background-color: #2bd396;
}
.card.bg-info {
border-color: #1cb3e0;
}
.card.bg-info .card-header {
border-bottom-color: #1cb3e0;
background-color: #35bde6;
}
.card.bg-warning {
border-color: #ff9e12;
}
.card.bg-warning .card-header {
border-bottom-color: #ff9e12;
background-color: #ffaa30;
}
.card.bg-danger {
border-color: #ff1515;
}
.card.bg-danger .card-header {
border-bottom-color: #ff1515;
background-color: #ff3333;
}
.card.bg-dark {
border-color: #262e38;
}
.card.bg-dark .card-header {
border-bottom-color: #262e38;
background-color: #2b333e;
}
.text-white .card-title,
.text-light .card-title {
color: #ffffff;
}
.card-group .card .card-footer {
border-radius: 0;
}
.card-group .card:first-child .card-footer {
border-bottom-left-radius: 7px;
}
.card-group .card:last-child .card-footer {
border-bottom-right-radius: 7px;
}
.card-img-tiles {
display: block;
border-bottom: 1px solid #e1e7ec;
}
.card-img-tiles > .inner {
display: table;
width: 100%;
}
.card-img-tiles .main-img,
.card-img-tiles .thumblist {
display: table-cell;
width: 65%;
padding: 15px;
vertical-align: middle;
}
.card-img-tiles .main-img > img,
.card-img-tiles .thumblist > img {
display: block;
width: 100%;
margin-bottom: 6px;
}
.card-img-tiles .main-img > img:last-child,
.card-img-tiles .thumblist > img:last-child {
margin-bottom: 0;
}
.card-img-tiles .thumblist {
width: 35%;
border-left: 1px solid #e1e7ec;
}
.category-card .view-button {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
transition: all .4s;
opacity: 0;
}
.category-card:hover .view-button {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.touchevents .category-card .view-button {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
@media (max-width: 768px) {
.category-card .view-button {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
}
.accordion .card {
margin-bottom: 8px;
}
.accordion [data-toggle='collapse'] {
display: block;
position: relative;
color: #606975;
text-decoration: none;
}
.accordion [data-toggle='collapse']::after {
position: absolute;
top: 50%;
right: 0;
width: 0;
height: 0;
margin-top: -2px;
transition: -webkit-transform .25s;
transition: transform .25s;
border-right: 5px solid transparent;
border-bottom: 5px dashed;
border-left: 5px solid transparent;
content: '';
}
.accordion [data-toggle='collapse'].collapsed::after {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.accordion [data-toggle='collapse'] > i {
margin-top: -4px;
margin-right: 7px;
}
.accordion [data-toggle='collapse'] > i.socicon-paypal {
display: inline-block;
margin-top: 1px;
font-size: .8em;
vertical-align: middle;
}
.accordion [data-toggle='collapse'] > i.icon-medal {
width: 16px;
height: 16px;
background-size: 16px;
}
.pagination {
display: table;
width: 100%;
border-top: 1px solid #e1e7ec;
}
.pagination > .column {
display: table-cell;
padding-top: 16px;
vertical-align: middle;
}
.pagination .pages {
display: block;
margin: 0;
padding: 0;
list-style: none;
}
.pagination .pages > li {
display: inline-block;
width: 36px;
height: 36px;
font-size: 14px;
font-weight: 500;
line-height: 34px;
text-align: center;
}
.pagination .pages > li > a {
display: block;
width: 36px;
height: 36px;
transition: all .3s;
border: 1px solid transparent;
border-radius: 50%;
color: #606975;
line-height: 34px;
text-decoration: none;
}
.pagination .pages > li > a:hover {
border-color: #e1e7ec;
background-color: #f5f5f5;
}
.pagination .pages > li.active > a {
border-color: #f7ccbb;
background-color: #f7ccbb;
color: #ffffff;
}
.pagination .btn > i {
margin-top: -5px;
}
.entry-navigation {
display: table;
width: 100%;
border-top: 1px solid #e1e7ec;
border-bottom: 1px solid #e1e7ec;
table-layout: fixed;
}
.entry-navigation > .column {
display: table-cell;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
vertical-align: middle;
}
.entry-navigation .btn {
margin: 0;
}
.entry-navigation .btn > i {
margin-top: -4px;
}
.entry-navigation .btn.view-all {
width: 44px;
padding-right: 0;
padding-left: 1px;
}
.entry-navigation .btn.view-all > i {
margin-top: -6px;
font-size: 1.4em;
}
.comment {
margin-top: 60px;
display: block;
position: relative;
margin-bottom: 30px;
padding-left: 66px;
}
.comment .comment-author-ava {
display: block;
position: absolute;
top: 0;
left: 0;
width: 50px;
border-radius: 50%;
overflow: hidden;
}
.comment .comment-author-ava > img {
display: block;
width: 100%;
}
.comment .comment-body {
position: relative;
padding: 24px;
border: 1px solid #e1e7ec;
border-radius: 7px;
background-color: #ffffff;
}
.comment .comment-body::after, .comment .comment-body::before {
position: absolute;
top: 12px;
right: 100%;
width: 0;
height: 0;
border: solid transparent;
content: '';
pointer-events: none;
}
.comment .comment-body::after {
border-width: 9px;
border-color: transparent;
border-right-color: #ffffff;
}
.comment .comment-body::before {
margin-top: -1px;
border-width: 10px;
border-color: transparent;
border-right-color: #e1e7ec;
}
.comment .comment-title {
margin-bottom: 8px;
color: #606975;
font-size: 14px;
font-weight: 500;
}
.comment .comment-text {
margin-bottom: 12px;
}
.comment .comment-footer {
display: table;
width: 100%;
}
.comment .comment-footer > .column {
display: table-cell;
vertical-align: middle;
}
.comment .comment-footer > .column:last-child {
text-align: right;
}
.comment .comment-meta {
color: #9da9b9;
font-size: 13px;
}
.comment .reply-link {
transition: color .3s;
color: #606975;
font-size: 14px;
font-weight: 500;
letter-spacing: .07em;
text-transform: uppercase;
text-decoration: none;
}
.comment .reply-link > i {
display: inline-block;
margin-top: -3px;
margin-right: 4px;
vertical-align: middle;
}
.comment .reply-link:hover {
color: #e62e04;
}
.comment.comment-reply {
margin-top: 30px;
margin-bottom: 0;
}
@media (max-width: 576px) {
.comment {
padding-left: 0;
}
.comment .comment-author-ava {
display: none;
}
.comment .comment-body {
padding: 15px;
}
.comment .comment-body::before, .comment .comment-body::after {
display: none;
}
}
.tooltip {
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
}
.tooltip.bs-tooltip-top .arrow::before {
border-top-color: #2f3844;
}
.tooltip.bs-tooltip-right .arrow::before {
border-right-color: #2f3844;
}
.tooltip.bs-tooltip-bottom .arrow::before {
border-bottom-color: #2f3844;
}
.tooltip.bs-tooltip-left .arrow::before {
border-left-color: #2f3844;
}
.tooltip.show {
opacity: 1;
}
.tooltip-inner {
border-radius: 3px;
background-color: #2f3844;
color: #ffffff;
font-size: 13px;
}
.popover {
border-radius: 7px;
border-color: #e1e7ec;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
}
.popover.bs-popover-top .arrow::before {
border-top-color: #d5dde4;
}
.popover.bs-popover-right .arrow::before {
border-right-color: #d5dde4;
}
.popover.bs-popover-bottom .arrow::before {
border-bottom-color: #d5dde4;
}
.popover.bs-popover-bottom .arrow::after {
border-bottom-color: #f7f7f7;
}
.popover.bs-popover-left .arrow::before {
border-left-color: #d5dde4;
}
.popover-header {
color: #374250;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
}
.popover-body {
color: #606975;
}
.example-tooltip .tooltip {
display: inline-block;
position: relative;
margin: 10px 20px;
opacity: 1;
}
.example-popover .popover {
display: block;
position: relative;
width: 260px;
margin: 1.25rem;
float: left;
}
.bs-tooltip-bottom-demo .arrow,
.bs-tooltip-top-demo .arrow {
left: 50%;
margin-left: -2px;
}
.bs-tooltip-left-demo .arrow,
.bs-tooltip-right-demo .arrow {
top: 50%;
margin-top: -2px;
}
.bs-popover-bottom-demo .arrow,
.bs-popover-top-demo .arrow {
left: 50%;
margin-left: -11px;
}
.bs-popover-left-demo .arrow,
.bs-popover-right-demo .arrow {
top: 50%;
margin-top: -8px;
}
.dropdown-menu {
border-color: #e1e7ec;
border-radius: 5px;
font-size: 14px;
box-shadow: 0 7px 22px -5px rgba(47, 56, 68, 0.2);
}
.dropdown-menu .dropdown-item {
padding-right: 20px;
padding-left: 20px;
transition: color .3s;
color: #606975;
text-decoration: none;
}
.dropdown-menu .dropdown-item:hover, .dropdown-menu .dropdown-item.active, .dropdown-menu .dropdown-item:focus, .dropdown-menu .dropdown-item:active {
background: 0;
}
.dropdown-menu .dropdown-item:hover {
color: #e62e04;
}
.dropdown-menu .dropdown-item.active {
color: #e62e04;
}
.dropdown-menu a.dropdown-item {
font-weight: 500;
}
.dropdown-toggle::after {
margin-top: 1px;
margin-left: .3em;
vertical-align: .2em;
}
.btn.dropdown-toggle::after {
vertical-align: .2em;
}
.show .dropdown-menu {
-webkit-animation: dropdown-show .25s;
animation: dropdown-show .25s;
}
@-webkit-keyframes dropdown-show {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes dropdown-show {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.list-group-item {
border-color: #e1e7ec;
background-color: #ffffff;
text-decoration: none;
}
.list-group-item:first-child {
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.list-group-item:last-child {
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
.list-group-item i {
margin-top: -4px;
margin-right: 8px;
font-size: 1.1em;
}
.list-group-item p, .list-group-item ul, .list-group-item ol, .list-group-item li, .list-group-item span {
font-weight: normal !important;
}
a.list-group-item,
.list-group-item-action {
transition: all .25s;
color: #606975;
font-weight: 500;
}
a.list-group-item:hover, a.list-group-item:focus, a.list-group-item:active,
.list-group-item-action:hover,
.list-group-item-action:focus,
.list-group-item-action:active {
background-color: #f5f5f5;
color: #606975;
}
a.list-group-item {
padding-top: .87rem;
padding-bottom: .87rem;
}
.with-badge {
position: relative;
padding-right: 3.3rem;
}
.with-badge .badge {
position: absolute;
top: 50%;
right: 1.15rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.badge {
color: #ffffff;
font-size: 90%;
font-weight: 500;
}
.badge.badge-default {
background-color: #eaeef2;
color: #606975;
}
.badge.badge-primary {
background-color: #e62e04;
}
.badge.badge-info {
background-color: #50c6e9;
}
.badge.badge-success {
background-color: #43d9a3;
}
.badge.badge-warning {
background-color: #ffb74f;
}
.badge.badge-danger {
background-color: #ff5252;
}
.list-group-item.active {
border-color: #e62e04;
background-color: #e62e04;
color: #ffffff;
cursor: default;
pointer-events: none;
}
.list-group-item.active h1, .list-group-item.active .h1, .list-group-item.active h2, .list-group-item.active .h2, .list-group-item.active h3, .list-group-item.active .h3,
.list-group-item.active h4, .list-group-item.active .h4, .list-group-item.active h5, .list-group-item.active .h5, .list-group-item.active h6, .list-group-item.active .h6 {
color: #ffffff;
}
.list-group-item.active .badge {
background-color: #ffffff !important;
color: #606975 !important;
}
.list-group-item-info {
background-color: rgba(80, 198, 233, 0.12);
color: #50c6e9 !important;
}
.list-group-item-info > *,
.list-group-item-info h1, .list-group-item-info h2, .list-group-item-info h3, .list-group-item-info h4, .list-group-item-info h5, .list-group-item-info h6, .list-group-item-info p, .list-group-item-info ul, .list-group-item-info ol, .list-group-item-info a {
color: #50c6e9 !important;
}
.list-group-item-success {
background-color: rgba(67, 217, 163, 0.12);
color: #36d69d !important;
}
.list-group-item-success > *,
.list-group-item-success h1, .list-group-item-success h2, .list-group-item-success h3, .list-group-item-success h4, .list-group-item-success h5, .list-group-item-success h6, .list-group-item-success p, .list-group-item-success ul, .list-group-item-success ol, .list-group-item-success a {
color: #36d69d !important;
}
.list-group-item-warning {
background-color: rgba(255, 183, 79, 0.12);
color: #ffb140 !important;
}
.list-group-item-warning > *,
.list-group-item-warning h1, .list-group-item-warning h2, .list-group-item-warning h3, .list-group-item-warning h4, .list-group-item-warning h5, .list-group-item-warning h6, .list-group-item-warning p, .list-group-item-warning ul, .list-group-item-warning ol, .list-group-item-warning a {
color: #ffb140 !important;
}
.list-group-item-danger {
background-color: rgba(255, 82, 82, 0.12);
color: #ff5252 !important;
}
.list-group-item-danger > *,
.list-group-item-danger h1, .list-group-item-danger h2, .list-group-item-danger h3, .list-group-item-danger h4, .list-group-item-danger h5, .list-group-item-danger h6, .list-group-item-danger p, .list-group-item-danger ul, .list-group-item-danger ol, .list-group-item-danger a {
color: #ff5252 !important;
}
.list-group-item-action:hover.list-group-item-info,
.list-group-item-action.active.list-group-item-info {
background-color: rgba(80, 198, 233, 0.24);
}
.list-group-item-action:hover.list-group-item-success,
.list-group-item-action.active.list-group-item-success {
background-color: rgba(67, 217, 163, 0.24);
}
.list-group-item-action:hover.list-group-item-warning,
.list-group-item-action.active.list-group-item-warning {
background-color: rgba(255, 183, 79, 0.24);
}
.list-group-item-action:hover.list-group-item-danger,
.list-group-item-action.active.list-group-item-danger {
background-color: rgba(255, 82, 82, 0.24);
}
.card:not([class*='mb-']):not([class*='margin-bottom-']) + .list-group {
margin-top: -1px;
}
.card:not([class*='mb-']):not([class*='margin-bottom-']) + .list-group .list-group-item:first-child {
border-radius: 0;
}
.alert {
position: relative;
padding: 24px;
border: 5px solid transparent;
border-radius: 5px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-clip: padding-box;
}
.alert i {
display: inline-block;
margin-top: -2px;
vertical-align: middle;
}
.alert > *:last-child:not(.btn),
.alert h1:last-child:not(.btn), .alert h2:last-child:not(.btn), .alert h3:last-child:not(.btn), .alert h4:last-child:not(.btn), .alert h5:last-child:not(.btn), .alert h6:last-child:not(.btn), .alert p:last-child:not(.btn), .alert ul:last-child:not(.btn), .alert ol:last-child:not(.btn), .alert a:last-child:not(.btn) {
margin: 0;
}
.alert::before {
display: block;
position: absolute;
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
border: 1px solid transparent;
border-radius: 5px;
content: '';
z-index: -1;
}
.alert .alert-dismissible {
transition: opacity .4s;
}
.alert .alert-dismissible.fade.show {
opacity: 1;
}
.alert .alert-close {
display: block;
position: absolute;
top: 10px;
right: 12px;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
font-size: 14px;
cursor: pointer;
}
.alert .alert-close::before {
content: '\e117';
}
.alert-default {
background-color: rgba(96, 105, 117, 0.05);
color: #606975;
}
.alert-default::before {
border-color: rgba(96, 105, 117, 0.13);
}
.alert-default > *:not(.text-white), .alert-default > *:not(.text-light),
.alert-default h1:not(.text-white),
.alert-default h1:not(.text-light), .alert-default h2:not(.text-white), .alert-default h2:not(.text-light), .alert-default h3:not(.text-white), .alert-default h3:not(.text-light), .alert-default h4:not(.text-white), .alert-default h4:not(.text-light), .alert-default h5:not(.text-white), .alert-default h5:not(.text-light), .alert-default h6:not(.text-white), .alert-default h6:not(.text-light), .alert-default p:not(.text-white), .alert-default p:not(.text-light), .alert-default ul:not(.text-white), .alert-default ul:not(.text-light), .alert-default ol:not(.text-white), .alert-default ol:not(.text-light), .alert-default a:not(.text-white), .alert-default a:not(.text-light) {
color: #606975;
}
.alert-default .alert-close {
color: #606975;
}
.alert-primary {
background-color: rgba(13, 169, 239, 0.12);
color: #e62e04;
}
.alert-primary::before {
border-color: rgba(13, 169, 239, 0.25);
}
.alert-primary > *:not(.text-white), .alert-primary > *:not(.text-light),
.alert-primary h1:not(.text-white),
.alert-primary h1:not(.text-light), .alert-primary h2:not(.text-white), .alert-primary h2:not(.text-light), .alert-primary h3:not(.text-white), .alert-primary h3:not(.text-light), .alert-primary h4:not(.text-white), .alert-primary h4:not(.text-light), .alert-primary h5:not(.text-white), .alert-primary h5:not(.text-light), .alert-primary h6:not(.text-white), .alert-primary h6:not(.text-light), .alert-primary p:not(.text-white), .alert-primary p:not(.text-light), .alert-primary ul:not(.text-white), .alert-primary ul:not(.text-light), .alert-primary ol:not(.text-white), .alert-primary ol:not(.text-light), .alert-primary a:not(.text-white), .alert-primary a:not(.text-light) {
color: #e62e04;
}
.alert-primary .alert-close {
color: #e62e04;
}
.alert-info {
background-color: rgba(80, 198, 233, 0.12);
color: #50c6e9;
}
.alert-info::before {
border-color: rgba(80, 198, 233, 0.3);
}
.alert-info > *:not(.text-white), .alert-info > *:not(.text-light),
.alert-info h1:not(.text-white),
.alert-info h1:not(.text-light), .alert-info h2:not(.text-white), .alert-info h2:not(.text-light), .alert-info h3:not(.text-white), .alert-info h3:not(.text-light), .alert-info h4:not(.text-white), .alert-info h4:not(.text-light), .alert-info h5:not(.text-white), .alert-info h5:not(.text-light), .alert-info h6:not(.text-white), .alert-info h6:not(.text-light), .alert-info p:not(.text-white), .alert-info p:not(.text-light), .alert-info ul:not(.text-white), .alert-info ul:not(.text-light), .alert-info ol:not(.text-white), .alert-info ol:not(.text-light), .alert-info a:not(.text-white), .alert-info a:not(.text-light) {
color: #50c6e9;
}
.alert-info .alert-close {
color: #50c6e9;
}
.alert-success {
background-color: rgba(67, 217, 163, 0.12);
color: #36d69d;
}
.alert-success::before {
border-color: rgba(67, 217, 163, 0.25);
}
.alert-success > *:not(.text-white), .alert-success > *:not(.text-light),
.alert-success h1:not(.text-white),
.alert-success h1:not(.text-light), .alert-success h2:not(.text-white), .alert-success h2:not(.text-light), .alert-success h3:not(.text-white), .alert-success h3:not(.text-light), .alert-success h4:not(.text-white), .alert-success h4:not(.text-light), .alert-success h5:not(.text-white), .alert-success h5:not(.text-light), .alert-success h6:not(.text-white), .alert-success h6:not(.text-light), .alert-success p:not(.text-white), .alert-success p:not(.text-light), .alert-success ul:not(.text-white), .alert-success ul:not(.text-light), .alert-success ol:not(.text-white), .alert-success ol:not(.text-light), .alert-success a:not(.text-white), .alert-success a:not(.text-light) {
color: #36d69d;
}
.alert-success .alert-close {
color: #36d69d;
}
.alert-warning {
background-color: rgba(255, 183, 79, 0.12);
color: #ffb140;
}
.alert-warning::before {
border-color: rgba(255, 183, 79, 0.25);
}
.alert-warning > *:not(.text-white), .alert-warning > *:not(.text-light),
.alert-warning h1:not(.text-white),
.alert-warning h1:not(.text-light), .alert-warning h2:not(.text-white), .alert-warning h2:not(.text-light), .alert-warning h3:not(.text-white), .alert-warning h3:not(.text-light), .alert-warning h4:not(.text-white), .alert-warning h4:not(.text-light), .alert-warning h5:not(.text-white), .alert-warning h5:not(.text-light), .alert-warning h6:not(.text-white), .alert-warning h6:not(.text-light), .alert-warning p:not(.text-white), .alert-warning p:not(.text-light), .alert-warning ul:not(.text-white), .alert-warning ul:not(.text-light), .alert-warning ol:not(.text-white), .alert-warning ol:not(.text-light), .alert-warning a:not(.text-white), .alert-warning a:not(.text-light) {
color: #ffb140;
}
.alert-warning .alert-close {
color: #ffb140;
}
.alert-danger {
background-color: rgba(255, 82, 82, 0.12);
color: #ff5252;
}
.alert-danger::before {
border-color: rgba(255, 82, 82, 0.25);
}
.alert-danger > *:not(.text-white), .alert-danger > *:not(.text-light),
.alert-danger h1:not(.text-white),
.alert-danger h1:not(.text-light), .alert-danger h2:not(.text-white), .alert-danger h2:not(.text-light), .alert-danger h3:not(.text-white), .alert-danger h3:not(.text-light), .alert-danger h4:not(.text-white), .alert-danger h4:not(.text-light), .alert-danger h5:not(.text-white), .alert-danger h5:not(.text-light), .alert-danger h6:not(.text-white), .alert-danger h6:not(.text-light), .alert-danger p:not(.text-white), .alert-danger p:not(.text-light), .alert-danger ul:not(.text-white), .alert-danger ul:not(.text-light), .alert-danger ol:not(.text-white), .alert-danger ol:not(.text-light), .alert-danger a:not(.text-white), .alert-danger a:not(.text-light) {
color: #ff5252;
}
.alert-danger .alert-close {
color: #ff5252;
}
.alert-image-bg {
border: 0;
}
.alert-image-bg::before {
display: none;
}
.iziToast {
border: 1px solid #e1e7ec;
background: #f5f5f5;
}
.iziToast::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 4px;
box-shadow: 0 8px 10px -4px rgba(0, 0, 0, 0.2);
content: '';
z-index: -1;
}
.iziToast > .iziToast-body {
margin-left: 15px;
}
.iziToast > .iziToast-close {
width: 40px;
transition: opacity .25s;
background: none;
background-position: center;
background-color: transparent;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMzc0MjUwIi8+Cjwvc3ZnPgo=);
background-size: 8px;
background-repeat: no-repeat;
}
.iziToast-wrapper-bottomCenter{
top:0!important;
}
.iziToast.iziToast-info {
border-color: rgba(80, 198, 233, 0.3);
background-color: #e6f7fc;
color: #39bfe6;
}
.iziToast.iziToast-info > .iziToast-close {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMTg5NmJiIi8+Cjwvc3ZnPgo=);
}
.iziToast.iziToast-success {
border-color: rgba(67, 217, 163, 0.3);
background-color: #dcf8ee;
color: #fff;
}
.iziToast.iziToast-success > .iziToast-close {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjMWY5NzZjIi8+Cjwvc3ZnPgo=);
}
.iziToast.iziToast-warning {
border-color: rgba(255, 183, 79, 0.3);
background-color: #fff6e8;
color: #ffb140;
}
.iziToast.iziToast-warning > .iziToast-close {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjZTg4OTAwIi8+Cjwvc3ZnPgo=);
}
.iziToast.iziToast-danger {
border-color: rgba(255, 82, 82, 0.3);
background-color: #ffebeb;
color: #ff5252;
}
.iziToast.iziToast-danger > .iziToast-close {
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDE1LjY0MiAxNS42NDIiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1LjY0MiAxNS42NDIiIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTguODgyLDcuODIxbDYuNTQxLTYuNTQxYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjEgIGMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMEw3LjgyMSw2Ljc2TDEuMjgsMC4yMmMtMC4yOTMtMC4yOTMtMC43NjgtMC4yOTMtMS4wNjEsMGMtMC4yOTMsMC4yOTMtMC4yOTMsMC43NjgsMCwxLjA2MSAgbDYuNTQxLDYuNTQxTDAuMjIsMTQuMzYyYy0wLjI5MywwLjI5My0wLjI5MywwLjc2OCwwLDEuMDYxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyczAuMzg0LTAuMDczLDAuNTMtMC4yMmw2LjU0MS02LjU0MSAgbDYuNTQxLDYuNTQxYzAuMTQ3LDAuMTQ2LDAuMzM4LDAuMjIsMC41MywwLjIyYzAuMTkyLDAsMC4zODQtMC4wNzMsMC41My0wLjIyYzAuMjkzLTAuMjkzLDAuMjkzLTAuNzY4LDAtMS4wNjFMOC44ODIsNy44MjF6IiBmaWxsPSIjZWIwMDAwIi8+Cjwvc3ZnPgo=);
}
.modal {
z-index: 9200;
}
.modal-content {
border-radius: 7px;
border-color: #e1e7ec;
}
.modal-header,
.modal-body,
.modal-footer {
padding-right: 20px;
padding-left: 20px;
}
.modal-footer {
padding-top: 12px;
padding-bottom: 12px;
}
.modal-footer .btn {
margin-right: 0;
margin-left: 12px;
}
.modal-open.hasScrollbar .navbar-stuck {
width: calc(100% - 15px);
}
.modal-backdrop {
z-index: 9100;
}
.example-modal .modal {
display: block;
position: relative;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;
}
.progress {
height: auto;
border-radius: 9px;
background-color: #f0f0f0;
font-size: 13px;
font-weight: 500;
line-height: 18px;
}
.progress-bar {
height: 18px;
background-color: #e62e04;
}
/*.owl-carousel {
display: none;
position: relative;
width: 100%;
z-index: 1;
-webkit-tap-highlight-color: transparent;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage::after {
display: block;
height: 0;
clear: both;
line-height: 0;
content: '.';
visibility: hidden;
}
.owl-carousel .owl-stage-outer {
position: relative;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
overflow: hidden;
}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item .owl-lazy {
transition: opacity 400ms ease;
opacity: 0;
}
.owl-carousel .owl-item .from-top, .owl-carousel .owl-item .from-bottom,
.owl-carousel .owl-item .from-left, .owl-carousel .owl-item .from-right,
.owl-carousel .owl-item .scale-up, .owl-carousel .owl-item .scale-down {
transition: all .45s .3s ease-in-out;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.owl-carousel .owl-item .from-top {
-webkit-transform: translateY(-45px);
-ms-transform: translateY(-45px);
transform: translateY(-45px);
}
.owl-carousel .owl-item .from-bottom {
-webkit-transform: translateY(45px);
-ms-transform: translateY(45px);
transform: translateY(45px);
}
.owl-carousel .owl-item .from-left {
-webkit-transform: translateX(-45px);
-ms-transform: translateX(-45px);
transform: translateX(-45px);
}
.owl-carousel .owl-item .from-right {
-webkit-transform: translateX(45px);
-ms-transform: translateX(45px);
transform: translateX(45px);
}
.owl-carousel .owl-item .scale-up {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.owl-carousel .owl-item .scale-down {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.owl-carousel .owl-item .delay-1 {
transition-delay: .5s;
}
.owl-carousel .owl-item .delay-2 {
transition-delay: .7s;
}
.owl-carousel .owl-item .delay-3 {
transition-delay: .9s;
}
.owl-carousel .owl-item .delay-4 {
transition-delay: 1.1s;
}
.owl-carousel .owl-item.active .from-top, .owl-carousel .owl-item.active .from-bottom {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.owl-carousel .owl-item.active .from-left, .owl-carousel .owl-item.active .from-right {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.owl-carousel .owl-item.active .scale-up, .owl-carousel .owl-item.active .scale-down {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.owl-carousel .owl-item > img {
display: block;
width: 100%;
}
.owl-carousel .owl-item > img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
display: block;
opacity: 0;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.owl-carousel .owl-dots {
display: block;
width: 100%;
margin-top: 18px;
text-align: center;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
width: 6px;
height: 6px;
margin: 0 6px;
transition: opacity .25s;
border-radius: 50%;
background-color: #606975;
opacity: .3;
}
.owl-carousel .owl-dots .owl-dot.active {
opacity: .9;
}
.owl-carousel .owl-prev,
.owl-carousel .owl-next {
display: block;
position: absolute;
top: 50%;
width: 44px;
height: 44px;
margin-top: -42px;
transition: opacity .3s;
border: 1px solid #e1e7ec;
border-radius: 50%;
background-color: #ffffff;
color: #374250;
line-height: 40px;
text-align: center;
opacity: .7;
}
.owl-carousel .owl-prev:hover,
.owl-carousel .owl-next:hover {
opacity: 1;
}
.owl-carousel .owl-prev::before,
.owl-carousel .owl-next::before {
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
font-size: 19px;
content: '\f115';
}
.owl-carousel .owl-prev {
left: 20px;
}
.owl-carousel .owl-prev::before {
content: '\e094';
}
.owl-carousel .owl-next {
right: 20px;
}
.owl-carousel .owl-next::before {
content: '\e095';
}
.owl-carousel.large-controls .owl-prev,
.owl-carousel.large-controls .owl-next {
width: 54px;
height: 54px;
margin-top: -47px;
line-height: 50px;
}
.owl-carousel.large-controls .owl-prev {
left: 30px;
}
.owl-carousel.large-controls .owl-next {
right: 30px;
}
.owl-carousel.dots-inside .owl-dots {
position: absolute;
bottom: 0;
margin: 0;
padding-bottom: 24px;
}
.owl-carousel.dots-inside .owl-dots .owl-dot {
background-color: #ffffff;
opacity: .5;
}
.owl-carousel.dots-inside .owl-dots .owl-dot.active {
opacity: 1;
}
.owl-carousel.dots-inside .owl-prev,
.owl-carousel.dots-inside .owl-next {
margin-top: -22px;
}
.owl-carousel.dots-inside.large-controls .owl-prev,
.owl-carousel.dots-inside.large-controls .owl-next {
margin-top: -27px;
}
.owl-carousel .widget {
margin-bottom: 0;
}
.owl-carousel .widget.widget-featured-posts > .entry {
margin-bottom: 0;
}
.no-js .owl-carousel {
display: block;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.owl-height {
transition: height 500ms ease-in-out;
}*/
.hero-slider {
width: 100%;
min-height: 580px;
background-position: center;
background-color: #f5f5f5;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
.hero-slider > .owl-carousel {
min-height: 580px;
}
.hero-slider > .owl-carousel.dots-inside .owl-dots {
display: inline-block;
left: 50%;
width: auto;
padding: 10px 22px 14px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background-color: #606975;
}
.hero-slider > .owl-carousel .owl-prev,
.hero-slider > .owl-carousel .owl-next {
transition: all .35s ease-in-out;
}
.hero-slider > .owl-carousel .owl-prev {
-webkit-transform: translateX(-150px);
-ms-transform: translateX(-150px);
transform: translateX(-150px);
}
.hero-slider > .owl-carousel .owl-next {
-webkit-transform: translateX(150px);
-ms-transform: translateX(150px);
transform: translateX(150px);
}
.hero-slider > .owl-carousel:hover .owl-prev,
.hero-slider > .owl-carousel:hover .owl-next {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
@media (max-width: 991px) {
.hero-slider > .owl-carousel .owl-prev,
.hero-slider > .owl-carousel .owl-next {
display: none;
}
}
@media (max-width: 1100px) {
.hero-slider {
min-height: 430px;
}
.hero-slider > .owl-carousel {
min-height: 430px;
}
}
.gallery-item {
margin-bottom: 30px;
}
.gallery-item > a {
display: block;
position: relative;
width: 100%;
border-radius: 7px;
text-decoration: none;
overflow: hidden;
}
.gallery-item > a > img {
display: block;
width: 100%;
}
.gallery-item > a::before {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
content: '';
opacity: 0;
z-index: 1;
transition: opacity .3s;
}
.gallery-item > a::after {
display: block;
position: absolute;
top: 50%;
left: 0;
width: 100%;
margin-top: -19px;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px);
transition: all .35s;
color: #ffffff;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
font-size: 26px;
text-align: center;
content: '\e036';
opacity: 0;
z-index: 5;
}
.gallery-item > a:hover::before {
opacity: .45;
}
.gallery-item > a:hover::after {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.gallery-item > a[data-type='video']::after {
left: 50%;
width: 46px;
height: 46px;
margin-top: -22px;
margin-left: -22px;
padding-left: 5px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
border-radius: 50%;
background-color: #ffffff;
color: #606975;
font-size: 27px;
line-height: 42px;
box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
content: '\e052';
opacity: 1;
}
.gallery-item .caption {
display: none;
}
.gallery-item.no-hover-effect > a::before {
display: none;
}
.grid-no-gap .gallery-item {
margin-bottom: 0;
}
.grid-no-gap .gallery-item > a {
border-radius: 0;
}
.owl-carousel .gallery-item {
margin-bottom: 0;
}
.pswp__zoom-wrap {
text-align: center;
}
.pswp__zoom-wrap::before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
/*.wrapper {
line-height: 0;
width: 100%;
max-width: 900px;
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}*/
.video-wrapper {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
padding-top: 25px;
height: 0;
width: 100%;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
video {
width: 100% !important;
height: auto !important;
}
.pswp__caption__center {
padding: 20px 10px;
font-size: 14px;
font-weight: 500;
text-align: center;
}
.countdown {
display: inline-block;
}
.countdown::after {
display: block;
clear: both;
content: '';
}
.countdown .item {
display: block;
margin: 7px;
float: left;
text-align: center;
}
.countdown .item .days, .countdown .item .hours,
.countdown .item .minutes, .countdown .item .seconds {
width: 48px;
height: 48px;
margin-bottom: 5px;
border: 1px solid #e1e7ec;
border-radius: 7px;
font-size: 22px;
line-height: 46px;
}
.countdown .item .days_ref, .countdown .item .hours_ref,
.countdown .item .minutes_ref, .countdown .item .seconds_ref {
font-size: 12px;
text-transform: uppercase;
}
.countdown.countdown-inverse .item .days, .countdown.countdown-inverse .item .hours,
.countdown.countdown-inverse .item .minutes, .countdown.countdown-inverse .item .seconds {
border-color: rgba(255, 255, 255, 0.12);
color: #ffffff;
}
.countdown.countdown-inverse .item .days_ref, .countdown.countdown-inverse .item .hours_ref,
.countdown.countdown-inverse .item .minutes_ref, .countdown.countdown-inverse .item .seconds_ref {
color: rgba(255, 255, 255, 0.8);
}
.sidebar {
width: 100%;
max-width: 400px;
}
.sidebar-toggle {
display: none;
}
@media (max-width: 991px) {
.sidebar-offcanvas {
display: none;
}
.sidebar-toggle {
display: block;
position: fixed;
top: 50%;
width: 48px;
height: 48px;
margin-top: -24px;
border: 1px solid #e1e7ec;
background-color: #ffffff;
color: #606975 !important;
font-size: 20px;
box-shadow: 0 3px 10px 0 rgba(55, 66, 80, 0.2);
cursor: pointer;
z-index: 9900;
text-decoration: none;
text-align: center;
}
.sidebar-toggle > i {
margin-top: -8px;
}
.sidebar-toggle.position-right {
right: 0;
transition: right .3s ease-in-out;
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
.sidebar-toggle.position-right.sidebar-open {
right: -48px;
}
.sidebar-toggle.position-left {
left: 0;
transition: left .3s ease-in-out;
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}
.sidebar-toggle.position-left.sidebar-open {
left: -48px;
}
.offcanvas-open .sidebar-toggle {
display: none;
}
}
.widget-title {
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 1px solid #e1e7ec;
color: rgb(0, 8, 28);
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
}
.widget {
margin-bottom: 38px;
}
.widget .form-group {
margin-bottom: 0;
}
.widget ul {
margin-bottom: 12px;
}
.widget .market-button:last-child {
margin-bottom: 0;
}
.widget .custom-control:last-child {
margin-bottom: 0 !important;
}
.widget-categories ul,
.widget-links ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget-categories ul > li,
.widget-links ul > li {
position: relative;
margin-bottom: 5px;
padding-left: 14px;
}
.widget-categories ul > li:last-child,
.widget-links ul > li:last-child {
margin-bottom: 0;
}
.widget-categories ul > li.has-children::before,
.widget-links ul > li.has-children::before {
display: block;
position: absolute;
top: 8px;
left: 0;
width: 0;
height: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: -webkit-transform .35s;
transition: transform .35s;
border-top: 5px dashed;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
color: #000;
content: '';
}
.widget-categories ul > li > a,
.widget-links ul > li > a {
display: inline-block;
transition: color .3s;
color: #000;
margin-bottom: 0.5rem;
margin-top: 2px;
font-size: 16px;
padding-left: 14px;
text-decoration: none;
}
.widget-categories ul > li > a:hover,
.widget-links ul > li > a:hover {
color: #e62e04;
}
.widget-categories ul > li.active > a,
.widget-links ul > li.active > a {
color: #e62e04;
}
.widget-categories ul > li > span,
.widget-links ul > li > span {
margin-left: 4px;
color: #9da9b9;
}
.widget-categories ul > li.has-children ul,
.widget-links ul > li.has-children ul {
border-left: 1px solid #dee5ea;
}
.widget-categories ul > li.has-children ul li::before,
.widget-links ul > li.has-children ul li::before {
top: 14px;
width: 8px;
height: 1px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
border: 0;
background-color: #dee5ea;
color: transparent;
}
.widget-categories ul > li.has-children ul li a,
.widget-links ul > li.has-children ul li a {
font-size: 13px;
}
.widget-categories a.active {
font-weight: bold;
}
.widget-categories ul > li.has-children ul ul > li,
.widget-links ul > li.has-children ul ul > li {
margin-bottom: 0;
}
.widget-categories ul > li.has-children > ul,
.widget-links ul > li.has-children > ul {
max-height: 0;
transition: max-height .6s;
overflow: hidden;
}
.widget-categories ul > li.has-children.expanded::before,
.widget-links ul > li.has-children.expanded::before {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.widget-categories ul > li.has-children.expanded > ul,
.widget-links ul > li.has-children.expanded > ul {
max-height: 800px;
}
.widget-featured-posts > .entry,
.widget-featured-products > .entry {
display: table;
width: 100%;
margin-bottom: 18px;
}
.widget-featured-posts > .entry .entry-thumb,
.widget-featured-posts > .entry .entry-content,
.widget-featured-products > .entry .entry-thumb,
.widget-featured-products > .entry .entry-content {
display: table-cell;
vertical-align: middle;
}
.widget-featured-posts > .entry .entry-thumb,
.widget-featured-products > .entry .entry-thumb {
width: 124px;
padding-right: 12px;
}
.widget-featured-posts > .entry .entry-thumb > a,
.widget-featured-products > .entry .entry-thumb > a {
display: block;
border-radius: 50%;
overflow: hidden;
}
.widget-featured-posts > .entry .entry-thumb > a > img,
.widget-featured-products > .entry .entry-thumb > a > img {
width: 100%;
}
.widget-featured-posts > .entry .entry-title,
.widget-featured-products > .entry .entry-title {
margin-bottom: 0;
font-size: 14px;
}
.widget-featured-posts > .entry .entry-title > a,
.widget-featured-products > .entry .entry-title > a {
transition: color .3s;
color: #606975;
font-weight: 500;
text-decoration: none;
}
.widget-featured-posts > .entry .entry-title > a:hover,
.widget-featured-products > .entry .entry-title > a:hover {
color: #e62e04;
}
.widget-featured-posts > .entry .entry-meta,
.widget-featured-products > .entry .entry-meta {
display: block;
margin-bottom: 0;
padding-top: 4px;
color: #9da9b9;
font-size: 12px;
}
.widget-featured-products > .entry {
margin-bottom: 12px;
}
.widget-featured-products > .entry .entry-thumb > a {
border-radius: 0;
}
.widget-featured-products > .entry .entry-meta {
color: #606975;
font-size: 13px;
}
.tag {
display: inline-block;
height: 28px;
margin-right: 4px;
margin-bottom: 8px;
padding: 0 12px;
transition: all .3s;
border: 1px solid #e1e7ec;
border-radius: 14px;
color: #606975 !important;
font-size: 13px;
font-weight: 500;
line-height: 25px;
text-decoration: none !important;
white-space: nowrap;
}
.tag:hover {
background-color: #f5f5f5;
color: #606975 !important;
}
.tag.active {
border-color: #e62e04;
background-color: #e62e04;
color: #ffffff !important;
cursor: default;
}
.text-right .tag {
margin-right: 0;
margin-left: 4px;
}
.text-center .tag {
margin-right: 2px;
margin-left: 2px;
}
.widget-order-summary .table td {
padding: 6px 0;
border: 0;
}
.widget-order-summary .table td:last-child {
text-align: right;
}
.widget-order-summary .table tr:first-child > td {
padding-top: 0;
}
.widget-order-summary .table tr:last-child > td {
padding-top: 12px;
border-top: 1px solid #e1e7ec;
}
.widget-order-summary .table tr:nth-last-child(2) > td {
padding-bottom: 12px;
}
.noUi-target,
.noUi-target * {
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.noUi-target {
position: relative;
border-radius: 3px;
direction: ltr;
}
.noUi-base {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
/* Fix 401 */
}
.noUi-origin {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.noUi-handle {
position: relative;
z-index: 1;
}
.noUi-stacking .noUi-handle {
z-index: 10;
}
.noUi-state-tap .noUi-origin {
transition: left .3s, top .3s;
}
.noUi-state-drag * {
cursor: inherit !important;
}
.noUi-base,
.noUi-handle {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.noUi-horizontal {
height: 4px;
}
.noUi-horizontal .noUi-handle {
top: -6px;
left: -8px;
width: 16px;
height: 16px;
}
.noUi-background {
background: #ededed;
}
.noUi-connect {
transition: background .45s;
background: #bd2542;
}
/* Handles and cursors;
*/
.noUi-draggable {
cursor: w-resize;
}
.noUi-vertical .noUi-draggable {
cursor: n-resize;
}
.noUi-handle {
border: 4px solid #bd2542;
border-radius: 50%;
background: #ffffff;
cursor: default;
}
.price-range-slider {
padding-top: 9px;
}
.price-range-slider .ui-range-slider-footer {
display: table;
width: 100%;
padding-top: 30px;
}
.price-range-slider .ui-range-slider-footer > .column {
display: table-cell;
vertical-align: middle;
}
.price-range-slider .ui-range-slider-footer > .column:first-child {
width: 40%;
}
.price-range-slider .ui-range-slider-footer > .column:last-child {
width: 60%;
padding-left: 15px;
text-align: right;
}
.price-range-slider .ui-range-slider-footer .btn {
height: 28px;
margin: 0;
padding: 0 15px;
line-height: 26px;
}
.price-range-slider .ui-range-values {
display: inline-block;
}
.price-range-slider .ui-range-values .ui-range-value-min,
.price-range-slider .ui-range-values .ui-range-value-max {
display: inline-block;
font-size: 14px;
}
.widget-light-skin .widget-title {
border-color: rgba(255, 255, 255, 0.12);
color: rgba(255, 255, 255, 0.5);
}
.widget-light-skin.widget-categories ul > li::before, .widget-light-skin.widget-links ul > li::before {
color: rgba(255, 255, 255, 0.15);
}
.widget-light-skin.widget-categories ul > li > a, .widget-light-skin.widget-links ul > li > a {
color: #ffffff;
}
.widget-light-skin.widget-categories ul > li > a:hover, .widget-light-skin.widget-links ul > li > a:hover {
color: #e62e04;
}
.widget-light-skin.widget-categories ul > li.active > a, .widget-light-skin.widget-links ul > li.active > a {
color: #e62e04;
}
.widget-light-skin.widget-categories ul > li > span, .widget-light-skin.widget-links ul > li > span {
color: rgba(255, 255, 255, 0.5);
}
.widget-light-skin.widget-featured-posts > .entry .entry-title > a, .widget-light-skin.widget-featured-products > .entry .entry-title > a {
color: #ffffff;
}
.widget-light-skin.widget-featured-posts > .entry .entry-title > a:hover, .widget-light-skin.widget-featured-products > .entry .entry-title > a:hover {
color: #e62e04;
}
.widget-light-skin.widget-featured-posts > .entry .entry-meta, .widget-light-skin.widget-featured-products > .entry .entry-meta {
color: rgba(255, 255, 255, 0.5);
}
.widget-light-skin .tag {
border-color: rgba(255, 255, 255, 0.12);
color: #ffffff !important;
}
.widget-light-skin .tag:hover {
background-color: #f5f5f5;
color: #606975 !important;
}
.widget-light-skin .tag.active {
border-color: #e62e04;
background-color: #e62e04;
color: #ffffff !important;
}
.steps .step {
display: block;
width: 100%;
margin-bottom: 35px;
text-align: center;
}
.steps .step .step-icon-wrap {
display: block;
position: relative;
width: 100%;
height: 80px;
text-align: center;
}
.steps .step .step-icon-wrap::before, .steps .step .step-icon-wrap::after {
display: block;
position: absolute;
top: 50%;
width: 50%;
height: 3px;
margin-top: -1px;
background-color: #e1e7ec;
content: '';
z-index: 1;
}
.steps .step .step-icon-wrap::before {
left: 0;
}
.steps .step .step-icon-wrap::after {
right: 0;
}
.steps .step .step-icon {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
border: 1px solid #e1e7ec;
border-radius: 50%;
background-color: #f5f5f5;
color: #374250;
font-size: 38px;
line-height: 81px;
z-index: 5;
}
.steps .step .step-title {
margin-top: 16px;
margin-bottom: 0;
color: #606975;
font-size: 14px;
font-weight: 500;
}
.steps .step:first-child .step-icon-wrap::before {
display: none;
}
.steps .step:last-child .step-icon-wrap::after {
display: none;
}
.steps .step.completed .step-icon-wrap::before, .steps .step.completed .step-icon-wrap::after {
background-color: #e62e04;
}
.steps .step.completed .step-icon {
border-color: #e62e04;
background-color: #e62e04;
color: #ffffff;
}
@media (max-width: 576px) {
.flex-sm-nowrap .step .step-icon-wrap::before, .flex-sm-nowrap .step .step-icon-wrap::after {
display: none;
}
}
@media (max-width: 768px) {
.flex-md-nowrap .step .step-icon-wrap::before, .flex-md-nowrap .step .step-icon-wrap::after {
display: none;
}
}
@media (max-width: 991px) {
.flex-lg-nowrap .step .step-icon-wrap::before, .flex-lg-nowrap .step .step-icon-wrap::after {
display: none;
}
}
@media (max-width: 1200px) {
.flex-xl-nowrap .step .step-icon-wrap::before, .flex-xl-nowrap .step .step-icon-wrap::after {
display: none;
}
}
.promo-box {
position: relative;
padding-right: 15px;
padding-left: 15px;
background-position: center;
background-color: #f5f5f5;
background-repeat: no-repeat;
background-size: cover;
}
.promo-box .overlay-dark,
.promo-box .overlay-light {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
content: '';
opacity: 0.5;
z-index: 1;
}
.promo-box .overlay-light {
background-color: #ffffff;
}
.promo-box .promo-box-content {
position: relative;
z-index: 5;
}
.fw-section,
.fh-section {
position: relative;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
}
.fw-section > .overlay,
.fh-section > .overlay {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000000;
content: '';
opacity: 0.6;
z-index: 1;
}
.fw-section > .container,
.fw-section > .container-fluid,
.fw-section > div,
.fh-section > .container,
.fh-section > .container-fluid,
.fh-section > div {
position: relative;
z-index: 5;
}
.fw-section.bg-fixed,
.fh-section.bg-fixed {
background-attachment: fixed;
}
.fw-section.no-cover-bg,
.fh-section.no-cover-bg {
background-size: auto;
}
.fw-section {
width: 100%;
}
.fh-section {
height: 100vh;
}
.isotope-grid {
position: relative;
overflow: hidden;
}
.isotope-grid:not(.filter-grid) {
min-height: 180px;
background-position: center;
background-image: url(../img/loading.gif);
background-repeat: no-repeat;
background-size: 74px;
}
.isotope-grid:not(.filter-grid) > .grid-item {
display: none;
}
.isotope-grid:not(.filter-grid)[style] {
background: none;
}
.isotope-grid:not(.filter-grid)[style] > .grid-item {
display: inline-block;
-webkit-animation: showGrid .6s;
animation: showGrid .6s;
}
.isotope-grid .gutter-sizer {
width: 30px;
}
.isotope-grid .grid-item {
margin-bottom: 30px;
}
.isotope-grid .grid-item .post-tile,
.isotope-grid .grid-item .portfolio-tile {
margin-bottom: 0;
}
.isotope-grid.cols-1 .gutter-sizer {
width: 0;
}
.isotope-grid.cols-1 .grid-sizer,
.isotope-grid.cols-1 .grid-item {
width: 100%;
}
.isotope-grid.cols-2 .grid-sizer,
.isotope-grid.cols-2 .grid-item {
width: calc((100% / 2) - 15px);
}
.isotope-grid.cols-3 .grid-sizer,
.isotope-grid.cols-3 .grid-item {
width: calc((100% / 3) - 20px);
}
.isotope-grid.cols-4 .grid-sizer,
.isotope-grid.cols-4 .grid-item {
width: calc((100% / 4) - 22.5px);
}
.isotope-grid.cols-5 .grid-sizer,
.isotope-grid.cols-5 .grid-item {
width: calc((100% / 5) - 24px);
}
.isotope-grid.cols-6 .grid-sizer,
.isotope-grid.cols-6 .grid-item {
width: calc((100% / 6) - 25px);
}
@media (max-width: 1200px) {
.isotope-grid.cols-6 .grid-sizer,
.isotope-grid.cols-6 .grid-item, .isotope-grid.cols-5 .grid-sizer,
.isotope-grid.cols-5 .grid-item, .isotope-grid.cols-4 .grid-sizer,
.isotope-grid.cols-4 .grid-item, .isotope-grid.cols-3 .grid-sizer,
.isotope-grid.cols-3 .grid-item {
width: calc((100% / 3) - 22.5px);
}
}
@media (max-width: 768px) {
.isotope-grid.cols-6 .grid-sizer,
.isotope-grid.cols-6 .grid-item, .isotope-grid.cols-5 .grid-sizer,
.isotope-grid.cols-5 .grid-item, .isotope-grid.cols-4 .grid-sizer,
.isotope-grid.cols-4 .grid-item, .isotope-grid.cols-3 .grid-sizer,
.isotope-grid.cols-3 .grid-item {
width: calc((100% / 2) - 15px);
}
}
@media (max-width: 576px) {
.isotope-grid.cols-6 .gutter-sizer, .isotope-grid.cols-5 .gutter-sizer, .isotope-grid.cols-4 .gutter-sizer, .isotope-grid.cols-3 .gutter-sizer, .isotope-grid.cols-2 .gutter-sizer {
width: 0;
}
.isotope-grid.cols-6 .grid-sizer,
.isotope-grid.cols-6 .grid-item, .isotope-grid.cols-5 .grid-sizer,
.isotope-grid.cols-5 .grid-item, .isotope-grid.cols-4 .grid-sizer,
.isotope-grid.cols-4 .grid-item, .isotope-grid.cols-3 .grid-sizer,
.isotope-grid.cols-3 .grid-item, .isotope-grid.cols-2 .grid-sizer,
.isotope-grid.cols-2 .grid-item {
width: 100%;
}
}
.isotope-grid.grid-no-gap .gutter-sizer {
width: 0;
}
.isotope-grid.grid-no-gap .grid-item {
margin-bottom: 0;
}
.isotope-grid.grid-no-gap.cols-2 .grid-sizer,
.isotope-grid.grid-no-gap.cols-2 .grid-item {
width: 50%;
}
.isotope-grid.grid-no-gap.cols-3 .grid-sizer,
.isotope-grid.grid-no-gap.cols-3 .grid-item {
width: 33.3333333333%;
}
.isotope-grid.grid-no-gap.cols-4 .grid-sizer,
.isotope-grid.grid-no-gap.cols-4 .grid-item {
width: 25%;
}
.isotope-grid.grid-no-gap.cols-5 .grid-sizer,
.isotope-grid.grid-no-gap.cols-5 .grid-item {
width: 20%;
}
.isotope-grid.grid-no-gap.cols-6 .grid-sizer,
.isotope-grid.grid-no-gap.cols-6 .grid-item {
width: 16.6666666667%;
}
@media (max-width: 1200px) {
.isotope-grid.grid-no-gap.cols-6 .grid-sizer,
.isotope-grid.grid-no-gap.cols-6 .grid-item, .isotope-grid.grid-no-gap.cols-5 .grid-sizer,
.isotope-grid.grid-no-gap.cols-5 .grid-item, .isotope-grid.grid-no-gap.cols-4 .grid-sizer,
.isotope-grid.grid-no-gap.cols-4 .grid-item, .isotope-grid.grid-no-gap.cols-3 .grid-sizer,
.isotope-grid.grid-no-gap.cols-3 .grid-item {
width: 33.3333333333%;
}
}
@media (max-width: 768px) {
.isotope-grid.grid-no-gap.cols-6 .grid-sizer,
.isotope-grid.grid-no-gap.cols-6 .grid-item, .isotope-grid.grid-no-gap.cols-5 .grid-sizer,
.isotope-grid.grid-no-gap.cols-5 .grid-item, .isotope-grid.grid-no-gap.cols-4 .grid-sizer,
.isotope-grid.grid-no-gap.cols-4 .grid-item, .isotope-grid.grid-no-gap.cols-3 .grid-sizer,
.isotope-grid.grid-no-gap.cols-3 .grid-item {
width: 50%;
}
}
@media (max-width: 576px) {
.isotope-grid.grid-no-gap.cols-6 .grid-sizer,
.isotope-grid.grid-no-gap.cols-6 .grid-item, .isotope-grid.grid-no-gap.cols-5 .grid-sizer,
.isotope-grid.grid-no-gap.cols-5 .grid-item, .isotope-grid.grid-no-gap.cols-4 .grid-sizer,
.isotope-grid.grid-no-gap.cols-4 .grid-item, .isotope-grid.grid-no-gap.cols-3 .grid-sizer,
.isotope-grid.grid-no-gap.cols-3 .grid-item, .isotope-grid.grid-no-gap.cols-2 .grid-sizer,
.isotope-grid.grid-no-gap.cols-2 .grid-item {
width: 100%;
}
}
@-webkit-keyframes showGrid {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes showGrid {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@supports (-ms-ime-align: auto) {
.isotope-grid:not(.filter-grid) {
min-height: auto;
background: none;
}
.isotope-grid:not(.filter-grid) > .grid-item {
display: inline-block;
}
.isotope-grid:not(.filter-grid)[style] > .grid-item {
-webkit-animation: none;
animation: none;
}
}
.topbar {
display: table;
position: relative;
width: 100%;
height: 40px;
padding: 0 30px;
border-bottom: 1px solid #e1e7ec;
background-color: #f5f5f5;
z-index: 9010;
}
.topbar .topbar-column {
display: table-cell;
width: 50%;
vertical-align: middle;
}
.topbar .topbar-column:last-child {
text-align: right;
}
.topbar .topbar-column:first-child {
text-align: left;
}
.topbar .topbar-column a:not(.social-button), .topbar .topbar-column span, .topbar .topbar-column p {
color: #606975;
font-size: 13px;
}
.topbar .topbar-column > a:not(.social-button), .topbar .topbar-column > span, .topbar .topbar-column > p {
display: inline-block;
margin-top: 5px;
margin-bottom: 5px;
}
.topbar .topbar-column > a:not(.social-button) > i, .topbar .topbar-column > span > i, .topbar .topbar-column > p > i {
margin-top: -3px;
}
.topbar .topbar-column > a:not(.social-button) > i.icon-download, .topbar .topbar-column > span > i.icon-download, .topbar .topbar-column > p > i.icon-download {
margin-top: -4px;
}
.topbar .topbar-column a:not(.social-button) {
transition: color .3s;
text-decoration: none;
}
.topbar .topbar-column a:not(.social-button):hover {
color: #e62e04;
}
.topbar .topbar-column:last-child > a:not(.social-button), .topbar .topbar-column:last-child > span, .topbar .topbar-column:last-child > p {
margin-left: 20px;
}
.topbar .topbar-column:first-child > a:not(.social-button), .topbar .topbar-column:first-child > span, .topbar .topbar-column:first-child > p {
margin-right: 20px;
}
.topbar.topbar-ghost {
position: absolute;
top: 0;
left: 0;
border-bottom-color: rgba(255, 255, 255, 0.15);
background-color: rgba(255, 255, 255, 0.05);
}
.topbar.topbar-ghost .topbar-column a:not(.social-button):not(.dropdown-item), .topbar.topbar-ghost .topbar-column span, .topbar.topbar-ghost .topbar-column p {
color: #ffffff;
}
.topbar.topbar-ghost .topbar-column a:not(.social-button):not(.dropdown-item):hover {
color: #e62e04;
}
.topbar.topbar-ghost .lang-currency-switcher-wrap .lang-currency-switcher > .currency {
border-left-color: rgba(255, 255, 255, 0.15);
}
.topbar.topbar-ghost .dropdown-toggle::after {
color: #ffffff;
}
.lang-currency-switcher-wrap {
display: inline-block;
position: relative;
margin-left: 22px;
cursor: pointer;
vertical-align: middle;
}
.lang-currency-switcher-wrap .lang-currency-switcher > .language, .lang-currency-switcher-wrap .lang-currency-switcher > .currency, .lang-currency-switcher-wrap .lang-currency-switcher::after {
display: inline-block;
transition: color .3s;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
vertical-align: middle;
}
.lang-currency-switcher-wrap .lang-currency-switcher > .language {
width: 20px;
}
.lang-currency-switcher-wrap .lang-currency-switcher > .currency {
margin-left: 12px;
padding: 4px 0 4px 12px;
border-left: 1px solid #e1e7ec;
}
.lang-currency-switcher-wrap .lang-currency-switcher::after {
margin-left: 6px;
transition: all .3s;
}
.lang-currency-switcher-wrap .lang-currency-switcher:hover > .language, .lang-currency-switcher-wrap .lang-currency-switcher:hover > .currency, .lang-currency-switcher-wrap .lang-currency-switcher:hover::after {
color: #e62e04;
}
.lang-currency-switcher-wrap.show > .lang-currency-switcher .currency,
.lang-currency-switcher-wrap.show > .lang-currency-switcher::after {
color: #e62e04;
}
.lang-currency-switcher-wrap .dropdown-menu {
right: 0;
left: auto;
padding-bottom: 12px;
}
.lang-currency-switcher-wrap .dropdown-item {
padding-top: 4px;
padding-bottom: 4px;
}
.lang-currency-switcher-wrap .dropdown-item > img {
display: inline-block;
width: 17px;
margin-top: -1px;
margin-right: 7px;
vertical-align: middle;
}
.lang-currency-switcher-wrap .currency-select {
padding-top: 7px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}
.site-search {
display: block;
position: absolute;
width: 100%;
height: 100%;
transition: .3s;
background-color: #ffffff;
opacity: 0;
visibility: hidden;
z-index: 10;
}
.site-search > input {
display: block;
position: absolute;
width: 100%;
height: 100%;
padding-right: 120px;
padding-left: 30px;
border: 0;
background-color: #ffffff;
color: #606975;
font-size: 16px;
}
.site-search > input:focus {
outline: 0;
}
.site-search > input::-moz-placeholder {
color: #9da9b9;
opacity: 1;
}
.site-search > input:-ms-input-placeholder {
color: #9da9b9;
}
.site-search > input::-webkit-input-placeholder {
color: #9da9b9;
}
.site-search .search-tools {
position: absolute;
top: 50%;
right: 30px;
margin-top: -20px;
z-index: 5;
}
.site-search .search-tools .clear-search,
.site-search .search-tools .close-search {
display: inline-block;
transition: color .25s;
cursor: pointer;
vertical-align: middle;
}
.site-search .search-tools .clear-search {
padding: 10px 0;
color: #9da9b9;
font-size: 11px;
font-weight: 500;
letter-spacing: .1em;
text-transform: uppercase;
}
.site-search .search-tools .clear-search:hover {
color: #606975;
}
.site-search .search-tools .close-search {
margin-left: 10px;
padding-top: 4px;
padding-bottom: 10px;
padding-left: 10px;
}
.site-search .search-tools .close-search:hover {
color: #9da9b9;
}
.site-search.search-visible {
opacity: 1;
visibility: visible;
}
@media (max-width: 1200px) {
.site-search > input {
padding-right: 105px;
padding-left: 15px;
}
.site-search .search-tools {
right: 15px;
}
}
.navbar {
position: relative;
top: 0;
left: 0;
width: 100%;
min-height: 84px;
border-bottom: 1px solid #e1e7ec;
background-color: #ffffff;
z-index: 9000;
}
.navbar.navbar-stuck {
position: fixed;
box-shadow: 0 3px 25px 0 rgba(47, 56, 68, 0.22);
z-index: 9010;
}
.site-branding {
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 5;
}
.site-branding .inner {
display: table;
height: 100%;
min-height: 100%;
}
@media (min-width: 1070px) {
.site-branding .inner {
padding-left: 25px;
}
}
.site-logo,
.offcanvas-toggle {
display: table-cell;
vertical-align: middle;
}
.site-logo {
width: 260px;
padding: 20px 0 10px 0;
text-decoration: none;
}
.site-logo > img {
display: block;
width: 100%;
}
.site-logo.logo-stuck {
display: none;
}
.navbar-ghost.navbar-stuck .site-logo {
display: none;
}
.navbar-ghost.navbar-stuck .site-logo.logo-stuck {
display: table-cell;
}
.offcanvas-toggle {
width: 74px;
transition: color .3s;
border-right: 1px solid #e1e7ec;
color: #606975;
font-size: 20px;
line-height: 1;
cursor: pointer;
text-align: center;
text-decoration: none;
}
.offcanvas-toggle::before {
display: inline-block;
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
content: '\e120';
}
.offcanvas-toggle:hover {
color: #e62e04;
}
.offcanvas-toggle.menu-toggle {
display: none;
}
.site-menu {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-align: center;
z-index: 1;
}
.site-menu ul {
margin: 0 auto;
padding: 0;
list-style: none;
}
.site-menu ul > li > a {
padding: 0 15px;
transition: color .3s;
color: #606975;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.site-menu ul > li:hover > a {
color: #e62e04;
}
.site-menu ul > li.active > a {
color: #e62e04;
}
.site-menu > ul {
display: table;
height: 100%;
min-height: 100%;
}
.site-menu > ul > li {
display: table-cell;
position: relative;
vertical-align: middle;
}
.site-menu > ul > li > a {
display: table;
height: 100%;
min-height: 100%;
border-top: 1px solid transparent;
letter-spacing: .05em;
text-transform: uppercase;
}
.site-menu > ul > li > a > span {
display: table-cell;
vertical-align: middle;
}
.site-menu > ul > li.active > a {
border-top-color: #e62e04;
}
.site-menu ul > li:hover > .sub-menu {
display: block;
-webkit-animation: submenu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
animation: submenu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.site-menu ul > li:hover > .mega-menu {
display: table;
-webkit-animation: megamenu-show 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
animation: megamenu-show 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.site-menu ul > li:hover > .mega-menu .sub-menu {
-webkit-animation: none;
animation: none;
}
.site-menu > ul > li.has-megamenu {
position: static;
}
.toolbar {
position: absolute;
top: 0;
right: 30px;
height: 100%;
z-index: 5;
}
.toolbar .inner {
display: table;
height: 100%;
min-height: 100%;
}
.toolbar .tools {
display: table-cell;
vertical-align: middle;
}
.toolbar .search, .toolbar .account, .toolbar .cart {
display: inline-block;
position: relative;
width: 44px;
height: 44px;
margin-left: 6px;
transition: background-color .35s;
border: 1px solid #e1e7ec;
border-radius: 50%;
color: #606975;
font-size: 17px;
cursor: pointer;
vertical-align: middle;
text-align: center;
text-decoration: none;
}
.toolbar .search > i, .toolbar .account > i, .toolbar .cart > i {
line-height: 39px;
}
.toolbar .search > a, .toolbar .account > a, .toolbar .cart > a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 50%;
}
.toolbar .search:hover, .toolbar .account:hover, .toolbar .cart:hover {
background-color: #f5f5f5;
}
.toolbar .account > a::after, .toolbar .cart > a::after {
display: block;
position: absolute;
top: 100%;
width: 100%;
height: 18px;
margin-top: -10px;
content: '';
}
.toolbar .search > i {
line-height: 40px;
}
.toolbar .cart {
width: auto;
padding: 0 16px;
border-radius: 22px;
}
.toolbar .cart > a {
border-radius: 22px;
}
.toolbar .cart > .count, .toolbar .cart > .subtotal {
display: inline-block;
margin-top: 2px;
font-size: 14px;
vertical-align: middle;
}
.toolbar .cart > .count {
margin-left: 5px;
}
.toolbar .cart > .subtotal {
margin-left: 11px;
padding: 1px 0 1px 12px;
border-left: 1px solid #e1e7ec;
}
@media (max-width: 1200px) {
.toolbar .cart {
padding: 0 14px;
}
.toolbar .cart > .subtotal {
display: none;
}
}
.toolbar-dropdown {
margin-top: 7px !important;
text-align: left;
}
.toolbar .account > .toolbar-dropdown {
left: 50%;
margin-left: -100px;
}
.toolbar .cart > .toolbar-dropdown {
right: 0;
left: auto;
width: 260px;
padding-right: 18px !important;
padding-left: 18px !important;
}
.toolbar .cart > .toolbar-dropdown > .toolbar-dropdown-group {
display: table;
width: 100%;
padding-top: 9px;
padding-bottom: 9px;
border-top: 1px solid #e1e7ec;
}
.toolbar .cart > .toolbar-dropdown > .toolbar-dropdown-group:last-child {
border-top: 0;
}
.toolbar .cart > .toolbar-dropdown > .toolbar-dropdown-group > .column {
display: table-cell;
vertical-align: top;
}
.toolbar .cart > .toolbar-dropdown > .toolbar-dropdown-group > .column:first-child {
padding-right: 6px;
}
.toolbar .cart > .toolbar-dropdown > .toolbar-dropdown-group > .column:last-child {
padding-left: 6px;
}
.toolbar .cart > .toolbar-dropdown > .toolbar-dropdown-group .btn {
margin: 0;
}
.dropdown-product-item {
display: table;
position: relative;
width: 100%;
padding: 9px 0;
border-top: 1px dashed #d8e0e6;
}
.dropdown-product-item:first-child {
border-top: 0;
}
.dropdown-product-item > .dropdown-product-thumb,
.dropdown-product-item > .dropdown-product-info {
display: table-cell;
vertical-align: top;
}
.dropdown-product-item > .dropdown-product-thumb {
width: 55px;
border-radius: 50%;
overflow: hidden;
}
.dropdown-product-item > .dropdown-product-thumb > img {
display: block;
width: 100%;
}
.dropdown-product-item > .dropdown-product-remove {
display: block;
position: absolute;
top: 12px;
right: 0;
color: #ff5252;
font-size: 13px;
line-height: 1;
cursor: pointer;
}
.dropdown-product-item > .dropdown-product-info {
padding-right: 15px;
padding-left: 12px;
}
.dropdown-product-item .dropdown-product-title {
display: block;
padding-top: 2px;
transition: color .3s;
color: #606975;
font-size: 14px;
font-weight: 500;
text-decoration: none;
}
.dropdown-product-item .dropdown-product-title:hover {
color: #e62e04;
}
.dropdown-product-item .dropdown-product-details {
color: #9da9b9;
font-size: 14px;
}
.toolbar .account:hover > .toolbar-dropdown,
.toolbar .cart:hover > .toolbar-dropdown {
display: block;
-webkit-animation: submenu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
animation: submenu-show 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.navbar-ghost:not(.navbar-stuck) {
position: absolute;
top: 40px;
border-bottom-color: rgba(255, 255, 255, 0.15);
background-color: transparent;
}
.navbar-ghost:not(.navbar-stuck) .offcanvas-toggle {
border-right-color: rgba(255, 255, 255, 0.15);
color: #ffffff;
}
.navbar-ghost:not(.navbar-stuck) .offcanvas-toggle:hover {
color: #e62e04;
}
.navbar-ghost:not(.navbar-stuck) .site-menu > ul > li > a {
color: #ffffff;
}
.navbar-ghost:not(.navbar-stuck) .site-menu > ul > li:hover > a {
color: #e62e04;
}
.navbar-ghost:not(.navbar-stuck) .site-menu > ul > li.active > a {
color: #e62e04;
}
.navbar-ghost:not(.navbar-stuck) .toolbar .search, .navbar-ghost:not(.navbar-stuck) .toolbar .account, .navbar-ghost:not(.navbar-stuck) .toolbar .cart {
border-color: rgba(255, 255, 255, 0.15);
color: #ffffff;
}
.navbar-ghost:not(.navbar-stuck) .toolbar .search:hover, .navbar-ghost:not(.navbar-stuck) .toolbar .account:hover, .navbar-ghost:not(.navbar-stuck) .toolbar .cart:hover {
background-color: rgba(255, 255, 255, 0.07);
}
.navbar-ghost:not(.navbar-stuck) .toolbar .cart > .subtotal {
border-left-color: rgba(255, 255, 255, 0.15);
}
.navbar-ghost:not(.navbar-stuck) .toolbar .toolbar-dropdown-group {
color: #606975;
}
@media (max-width: 1070px) {
.navbar {
min-height: 78px;
}
.toolbar {
right: 15px;
}
.site-menu,
.offcanvas-toggle.cats-toggle,
.toolbar .account,
.toolbar-dropdown {
display: none !important;
}
.topbar {
padding-right: 15px;
padding-left: 15px;
}
}
@media (max-width: 576px) {
.offcanvas-toggle {
width: 56px;
}
.site-logo {
width: 145px;
padding-left: 16px;
}
}
.page-title {
width: 100%;
margin-bottom: 60px;
padding: 20px;
border-bottom: 1px solid #ede8e4;
background-color: #ede8e4;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: #ede8e4!important;
}
.sw-theme-arrows > ul.step-anchor{
background: #ede8e4!important;
}
.sw-theme-arrows > ul.step-anchor > li > a, .sw-theme-arrows > ul.step-anchor > li > a:hover{
background: #ede8e4!important;
}
.sw-theme-arrows > ul.step-anchor > li > a:after{
border-left: 30px solid #ede8e4!important;
}
.page-title > .container,
.page-title > .container-fluid {
display: table;
}
.page-title .column {
display: table-cell;
vertical-align: middle;
}
.page-title .column:first-child {
padding-right: 20px;
}
.page-title h1, .page-title h2, .page-title h3 {
margin: 0;
font-size: 24px;
font-weight: normal;
line-height: 1.25;
}
@media (max-width: 576px) {
.page-title {
margin-bottom: 53px;
}
}
.breadcrumbs {
display: block;
margin: 0;
padding: 0;
list-style: none;
text-align: right;
}
.breadcrumbs > li {
display: inline-block;
margin-left: 5px;
padding: 5px 0;
color: #9da9b9;
font-size: 14px;
cursor: default;
vertical-align: middle;
}
.breadcrumbs > li.separator {
width: 3px;
height: 3px;
margin-top: 2px;
padding: 0;
border-radius: 50%;
background-color: #9da9b9;
}
.breadcrumbs > li > a {
transition: color .25s;
color: #606975;
text-decoration: none;
}
.breadcrumbs > li > a:hover {
color: #e62e04;
}
@media (max-width: 768px) {
.page-title > .container,
.page-title > .container-fluid {
display: block;
}
.page-title .column {
display: block;
width: 100%;
text-align: center;
}
.page-title .column:first-child {
padding-right: 0;
}
.breadcrumbs {
padding-top: 10px;
text-align: center;
}
.breadcrumbs > li {
margin-left: 3px;
margin-margin-right: 3px;
}
}
.offcanvas-wrapper {
position: relative;
/*min-height: 100vh;*/
background-color: #ffffff;
/*z-index: 10;*/
}
.ladda-button .ladda-label {
z-index: 0!important;
}
.offcanvas-container {
position: fixed;
top: 0;
left: 0;
width: 290px;
height: 100%;
background-color: #374250;
box-shadow: inset -4px 0 17px 0 rgba(0, 0, 0, 0.35);
visibility: hidden;
z-index: 1;
overflow-y: auto;
}
.offcanvas-container.active {
visibility: visible;
}
.offcanvas-header {
padding: 28px 20px;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}
.offcanvas-header .offcanvas-title {
margin-bottom: 0;
color: rgba(255, 255, 255, 0.5);
font-size: 16px;
font-weight: 500;
}
.slick-list .slick-slide{
margin-left: 10px!important;
}
.account-link {
display: table;
width: 100%;
padding: 20px 18px;
transition: background-color .3s;
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
background-color: #313b47;
text-decoration: none;
}
.account-link .user-ava,
.account-link .user-info {
display: table-cell;
vertical-align: middle;
}
.account-link .user-ava {
width: 48px;
}
.account-link .user-ava > img {
display: block;
width: 48px;
padding: 3px;
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 50%;
}
.account-link .user-info {
padding-left: 8px;
}
.account-link .user-info > .user-name {
margin-bottom: 2px;
color: #ffffff;
}
.account-link .user-info > span {
display: block;
}
.account-link:hover {
background-color: #394453;
}
.site-backdrop {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
content: '';
opacity: 0;
z-index: 9980;
position: fixed;
transition: opacity .35s, visibility .35s;
cursor: pointer;
visibility: hidden;
}
.no-csstransforms3d .offcanvas-wrapper,
.no-csstransforms3d .navbar, .no-csstransforms3d .topbar {
transition: left .4s ease-in-out, background-color .2s;
}
.no-csstransforms3d .site-backdrop {
transition: left .4s ease-in-out, opacity .35s, visibility .35s;
}
.no-csstransforms3d .offcanvas-open .offcanvas-wrapper,
.no-csstransforms3d .offcanvas-open .site-backdrop,
.no-csstransforms3d .offcanvas-open .navbar, .no-csstransforms3d .offcanvas-open .topbar {
left: 290px;
}
.no-csstransforms3d .offcanvas-open .site-backdrop {
opacity: .2;
visibility: visible;
}
.csstransforms3d .offcanvas-wrapper,
.csstransforms3d .navbar, .csstransforms3d .topbar {
transition: -webkit-transform .4s ease-in-out, background-color .2s;
transition: transform .4s ease-in-out, background-color .2s;
}
.csstransforms3d .site-backdrop {
transition: -webkit-transform .4s ease-in-out, opacity .35s, visibility .35s;
transition: transform .4s ease-in-out, opacity .35s, visibility .35s;
}
.csstransforms3d .offcanvas-open .offcanvas-wrapper,
.csstransforms3d .offcanvas-open .site-backdrop,
.csstransforms3d .offcanvas-open .navbar, .csstransforms3d .offcanvas-open .topbar {
-webkit-transform: translate3d(290px, 0, 0);
transform: translate3d(290px, 0, 0);
}
.csstransforms3d .offcanvas-open .site-backdrop {
opacity: .2;
visibility: visible;
}
.site-footer {
padding-top: 72px;
background-color: #374250;
}
@media (max-width: 768px) {
.site-footer {
padding-top: 48px;
}
}
.footer-copyright {
margin: 0;
padding-top: 10px;
padding-bottom: 24px;
color: rgba(255, 255, 255, 0.5);
font-size: 14px;
font-weight: normal;
}
.footer-copyright > a {
transition: color .25s;
color: rgba(255, 255, 255, 0.5);
text-decoration: none;
}
.footer-copyright > a:hover {
color: #e62e04;
}
.footer-light {
background-color: #f5f5f5;
}
.footer-light .footer-copyright {
color: #9da9b9;
}
.footer-light .footer-copyright > a {
color: #9da9b9;
}
.footer-light .footer-copyright > a:hover {
color: #e62e04;
}
.user-info-wrapper {
position: relative;
width: 100%;
margin-bottom: -1px;
padding-top: 90px;
padding-bottom: 30px;
border: 1px solid #e1e7ec;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
overflow: hidden;
}
.user-info-wrapper .user-cover {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120px;
background-position: center;
background-color: #f5f5f5;
background-repeat: no-repeat;
background-size: cover;
}
.user-info-wrapper .user-cover .tooltip .tooltip-inner {
width: 230px;
max-width: 100%;
padding: 10px 15px;
}
.user-info-wrapper .info-label {
display: block;
position: absolute;
top: 18px;
right: 18px;
height: 26px;
padding: 0 12px;
border-radius: 13px;
background-color: #ffffff;
color: #606975;
font-size: 12px;
line-height: 26px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.18);
cursor: pointer;
}
.user-info-wrapper .info-label > i {
display: inline-block;
margin-right: 3px;
font-size: 1.2em;
vertical-align: middle;
}
.user-info-wrapper .user-info {
display: table;
position: relative;
width: 100%;
padding: 0 18px;
z-index: 5;
}
.user-info-wrapper .user-info .user-avatar,
.user-info-wrapper .user-info .user-data {
display: table-cell;
vertical-align: top;
}
.user-info-wrapper .user-info .user-avatar {
position: relative;
width: 115px;
}
.user-info-wrapper .user-info .user-avatar > img {
display: block;
width: 100%;
border: 5px solid #ffffff;
border-radius: 50%;
}
.user-info-wrapper .user-info .user-avatar .edit-avatar {
display: block;
position: absolute;
top: -2px;
right: 2px;
width: 36px;
height: 36px;
transition: opacity .3s;
border-radius: 50%;
background-color: #ffffff;
color: #606975;
line-height: 34px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
cursor: pointer;
opacity: 0;
text-align: center;
text-decoration: none;
}
.user-info-wrapper .user-info .user-avatar .edit-avatar::before {
font-family: "Maven Pro", Helvetica, Arial, sans-serif;
font-size: 17px;
content: '\e058';
}
.user-info-wrapper .user-info .user-avatar:hover .edit-avatar {
opacity: 1;
}
.user-info-wrapper .user-info .user-data {
padding-top: 48px;
padding-left: 12px;
}
.user-info-wrapper .user-info .user-data h4 {
margin-bottom: 2px;
}
.user-info-wrapper .user-info .user-data span {
display: block;
color: #9da9b9;
font-size: 13px;
}
.user-info-wrapper + .list-group .list-group-item:first-child {
border-radius: 0;
}
.product-card {
min-height: 380px;
display: block;
position: relative;
width: 100%;
padding: 8px;
border: 1px solid #e1e7ec;
border-radius: 7px;
background-color: #ffffff;
}
.product-card .product-thumb {
display: block;
width: 100%;
margin-bottom: 10px;
}
.product-card .product-thumb > img {
display: block;
width: 100%;
}
.product-card .product-title {
margin-bottom: 10px;
padding-top: 10px;
font-size: 16px;
font-weight: normal;
text-align: center;
}
.product-card .product-title > a {
transition: color .3s;
color: #374250;
text-decoration: none;
}
.product-card .product-title > a:hover {
color: #e62e04;
}
.product-card .product-price {
margin-bottom: 10px;
color: #606975;
font-size: 16px;
font-weight: 500;
text-align: center;
}
.product-card .product-price > del {
margin-right: 5px;
color: #9da9b9;
}
.product-card .product-buttons {
padding: 12px 0 8px;
text-align: center;
}
.product-card .product-buttons > .btn {
margin: 0 4px;
}
.btn.btn-wishlist {
height: 46px;
width: 46px;
padding: 0;
padding-left: 1px;
border-radius: 50%;
margin-top: 0;
}
.product-card .product-buttons > .btn.btn-wishlist > i {
font-size: 1.2em;
}
.btn.btn-wishlist.active {
color: #ff5252;
}
.product-card .product-badge {
top: 5px;
left: 18px;
}
.product-card .rating-stars {
position: absolute;
top: 15px;
right: 18px;
}
.product-card.product-list {
margin-bottom: 30px;
}
@media (min-width: 576px) {
.product-card.product-list {
display: table;
width: 100%;
padding: 0;
}
.product-card.product-list .product-thumb,
.product-card.product-list .product-info {
display: table-cell;
vertical-align: middle;
}
.product-card.product-list .product-thumb {
position: relative;
width: 270px;
padding: 20px 18px;
border-right: 1px solid #e1e7ec;
}
.product-card.product-list .product-info {
padding: 20px 22px;
}
.product-card.product-list .product-info .product-title,
.product-card.product-list .product-info .product-price,
.product-card.product-list .product-info .product-buttons {
text-align: left;
}
.product-card.product-list .product-info .product-buttons {
padding-top: 20px;
padding-bottom: 0;
border-top: 1px solid #e1e7ec;
}
.product-card.product-list .product-info .product-buttons > .btn {
margin: 0;
margin-right: 8px;
}
.product-card.product-list .product-title {
font-size: 18px;
}
}
.product-badge {
position: absolute;
font-size: 14px;
font-weight: 500;
letter-spacing: .07em;
text-transform: uppercase;
}
.rating-stars {
display: inline-block;
}
.rating-stars > i {
display: inline-block;
margin-right: 2px;
color: #cad0d9;
font-size: 14px;
}
.rating-stars > i.filled {
color: #ffb74f;
}
.rating-stars > i:last-child {
margin-right: 0;
}
.shop-toolbar {
display: table;
width: 100%;
}
.shop-toolbar > .column {
display: table-cell;
vertical-align: middle;
}
.shop-toolbar > .column:last-child {
text-align: right;
}
@media (max-width: 576px) {
.shop-toolbar > .column {
display: block;
width: 100%;
text-align: center;
}
.shop-toolbar > .column:last-child {
padding-top: 24px;
text-align: center;
}
}
.shop-sorting label,
.shop-sorting .form-control,
.shop-sorting span {
display: inline-block;
vertical-align: middle;
}
.shop-sorting span {
padding: 8px 0;
}
.shop-sorting label {
margin: 0;
padding: 8px 5px 8px 0;
color: #9da9b9;
font-size: 14px;
font-weight: normal;
}
.shop-sorting .form-control {
width: 100%;
max-width: 186px;
margin-right: 10px;
}
@media (max-width: 576px) {
.shop-sorting label, .shop-sorting .form-control {
display: block;
width: 100%;
max-width: 100%;
margin: 0;
padding-top: 0;
padding-right: 0;
}
}
.shop-view {
display: inline-block;
}
.shop-view::after {
display: block;
clear: both;
content: '';
}
.shop-view > a {
display: block;
width: 43px;
height: 43px;
margin-left: 10px;
padding: 13px;
float: left;
transition: background-color .35s;
border: 1px solid #e1e7ec;
border-radius: 50%;
background-color: #ffffff;
}
.shop-view > a span {
display: block;
position: relative;
width: 3px;
height: 3px;
margin-bottom: 3px;
background-color: #606975;
}
.shop-view > a span::before, .shop-view > a span::after {
display: block;
position: absolute;
background-color: #606975;
}
.shop-view > a span:last-child {
margin-bottom: 0;
}
.shop-view > a:hover {
background-color: #f5f5f5;
}
.shop-view > a.active {
border-color: #e62e04;
background-color: #e62e04;
cursor: default;
pointer-events: none;
}
.shop-view > a.active span,
.shop-view > a.active span::before,
.shop-view > a.active span::after {
background-color: #ffffff;
}
.shop-view > a.grid-view span::before, .shop-view > a.grid-view span::after {
top: 0;
width: 3px;
height: 3px;
content: '';
}
.shop-view > a.grid-view span::before {
left: 6px;
}
.shop-view > a.grid-view span::after {
left: 12px;
}
.shop-view > a.list-view span::before {
top: 1px;
left: 6px;
width: 9px;
height: 1px;
content: '';
}
.shopping-cart,
.wishlist-table,
.order-table {
margin-bottom: 20px;
}
.shopping-cart .table,
.wishlist-table .table,
.order-table .table {
margin-bottom: 0;
}
.shopping-cart .btn,
.wishlist-table .btn,
.order-table .btn {
margin: 0;
}
.shopping-cart > table > thead > tr > th,
.shopping-cart > table > thead > tr > td,
.shopping-cart > table > tbody > tr > th,
.shopping-cart > table > tbody > tr > td,
.wishlist-table > table > thead > tr > th,
.wishlist-table > table > thead > tr > td,
.wishlist-table > table > tbody > tr > th,
.wishlist-table > table > tbody > tr > td,
.order-table > table > thead > tr > th,
.order-table > table > thead > tr > td,
.order-table > table > tbody > tr > th,
.order-table > table > tbody > tr > td {
vertical-align: middle !important;
}
.shopping-cart > table thead th,
.wishlist-table > table thead th,
.order-table > table thead th {
padding-top: 17px;
padding-bottom: 17px;
border-width: 1px;
}
.shopping-cart .remove-from-cart,
.wishlist-table .remove-from-cart,
.order-table .remove-from-cart {
display: inline-block;
color: #ff5252;
font-size: 18px;
line-height: 1;
text-decoration: none;
}
.shopping-cart .count-input,
.wishlist-table .count-input,
.order-table .count-input {
display: inline-block;
width: 100%;
width: 86px;
}
.shopping-cart .product-item,
.wishlist-table .product-item,
.order-table .product-item {
width: 100%;
min-width: 150px;
margin-top: 5px;
margin-bottom: 3px;
}
.shopping-cart .product-item .product-thumb,
.shopping-cart .product-item .product-info,
.wishlist-table .product-item .product-thumb,
.wishlist-table .product-item .product-info,
.order-table .product-item .product-thumb,
.order-table .product-item .product-info {
display: table-cell;
vertical-align: top;
}
.shopping-cart .product-item .product-thumb,
.wishlist-table .product-item .product-thumb,
.order-table .product-item .product-thumb {
width: 130px;
padding-right: 20px;
}
.shopping-cart .product-item .product-thumb > img,
.wishlist-table .product-item .product-thumb > img,
.order-table .product-item .product-thumb > img {
display: block;
width: 100%;
}
@media screen and (max-width: 860px) {
.shopping-cart .product-item .product-thumb,
.wishlist-table .product-item .product-thumb,
.order-table .product-item .product-thumb {
display: none;
}
}
.shopping-cart .product-item .product-info span,
.wishlist-table .product-item .product-info span,
.order-table .product-item .product-info span {
font-size: 13px;
}
.shopping-cart .product-item .product-info span > em,
.wishlist-table .product-item .product-info span > em,
.order-table .product-item .product-info span > em {
font-weight: 500;
font-style: normal;
}
.shopping-cart .product-item .product-title,
.wishlist-table .product-item .product-title,
.order-table .product-item .product-title {
margin-bottom: 6px;
padding-top: 5px;
font-size: 16px;
font-weight: 500;
}
.shopping-cart .product-item .product-title > a,
.wishlist-table .product-item .product-title > a,
.order-table .product-item .product-title > a {
transition: color .3s;
color: #374250;
line-height: 1.5;
text-decoration: none;
}
.shopping-cart .product-item .product-title > a:hover,
.wishlist-table .product-item .product-title > a:hover,
.order-table .product-item .product-title > a:hover {
color: #e62e04;
}
.shopping-cart .product-item .product-title small,
.wishlist-table .product-item .product-title small,
.order-table .product-item .product-title small {
display: inline;
margin-left: 6px;
font-weight: 500;
}
.wishlist-table .product-item .product-thumb {
display: table-cell !important;
}
@media screen and (max-width: 576px) {
.wishlist-table .product-item .product-thumb {
display: none !important;
}
}
.shopping-cart-footer {
display: table;
width: 100%;
padding: 10px 0;
border-top: 1px solid #e1e7ec;
margin-top: 50px;
}
.shopping-cart-footer > .column {
display: table-cell;
padding: 5px 0;
vertical-align: middle;
}
.shopping-cart-footer > .column:last-child {
text-align: right;
}
.shopping-cart-footer > .column:last-child .btn {
margin-right: 0;
margin-left: 15px;
}
@media (max-width: 768px) {
.shopping-cart-footer > .column {
display: block;
width: 100%;
}
.shopping-cart-footer > .column:last-child {
text-align: center;
}
.shopping-cart-footer > .column .btn {
width: 100%;
margin: 12px 0 !important;
}
}
.checkout-steps {
margin-bottom: 40px;
}
.checkout-steps::after {
display: block;
clear: both;
content: '';
}
.checkout-steps > a {
display: block;
position: relative;
width: 25%;
height: 55px;
float: right;
transition: color .3s;
border-top: 1px solid #e1e7ec;
border-bottom: 1px solid #e1e7ec;
background-color: #ffffff;
color: #606975;
font-size: 14px;
font-weight: 500;
line-height: 53px;
text-decoration: none;
text-align: center;
}
.checkout-steps > a > .angle {
display: block;
position: absolute;
top: 0;
right: -13px;
width: 27px;
height: 53px;
background-color: #ffffff;
}
.checkout-steps > a > .angle::before, .checkout-steps > a > .angle::after {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border: solid transparent;
content: '';
pointer-events: none;
}
.checkout-steps > a > .angle::after {
border-width: 26px;
border-color: transparent;
border-left-color: #ffffff;
}
.checkout-steps > a > .angle::before {
margin-top: -1px;
border-width: 27px;
border-color: transparent;
border-left-color: #d8e0e6;
}
.checkout-steps > a:hover {
color: #e62e04;
}
.checkout-steps > a.active {
background-color: #e62e04;
color: #ffffff;
cursor: default;
pointer-events: none;
}
.checkout-steps > a.active > .angle::after {
border-left-color: #e62e04;
}
.checkout-steps > a.active + a > .angle {
background-color: #e62e04;
}
.checkout-steps > a.completed > .step-indicator {
display: inline-block;
margin-top: -5px;
margin-right: 7px;
border-radius: 50%;
color: #43d9a3;
font-size: 18px;
line-height: 20px;
text-align: center;
vertical-align: middle;
}
.checkout-steps > a.completed:hover {
color: #606975;
}
.checkout-steps > a:first-child {
border-right: 1px solid #e1e7ec;
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}
.checkout-steps > a:last-child {
border-left: 1px solid #e1e7ec;
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}
@media (max-width: 576px) {
.checkout-steps > a {
width: 100%;
margin-bottom: 10px;
float: none;
border: 1px solid #e1e7ec;
border-radius: 7px;
}
.checkout-steps > a > .angle {
display: none;
}
}
.checkout-footer {
display: table;
width: 100%;
margin-top: 28px;
padding-top: 5px;
padding-bottom: 5px;
border: 1px solid #e1e7ec;
border-radius: 7px;
table-layout: fixed;
}
.checkout-footer > .column {
display: table-cell;
padding: 10px 15px;
vertical-align: middle;
}
.checkout-footer > .column:last-child {
text-align: right;
}
.checkout-footer > .column:first-child {
text-align: left;
}
.checkout-footer .btn {
margin: 0;
}
.sp-buttons .btn {
margin: 0;
margin-left: 8px;
}
.sp-buttons .btn.btn-wishlist {
width: 36px;
padding: 0;
padding-left: 1px;
border-radius: 50%;
}
.sp-buttons .btn.btn-wishlist > i {
font-size: 1.2em;
}
.sp-buttons .btn.btn-wishlist.active {
color: #ff5252;
}
.product-carousel .owl-item img{
max-height: 525px!important;
}
.product-gallery {
position: relative;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
border: 1px solid #e1e7ec;
border-radius: 7px;
}
.product-gallery .gallery-item {
position: absolute;
top: 15px;
right: 15px;
margin-bottom: 0;
}
.product-gallery .gallery-item > a {
display: none;
width: 44px;
height: 44px;
transition: background-color .3s;
border: 1px solid #e1e7ec;
border-radius: 50%;
text-decoration: none;
}
.product-gallery .gallery-item > a::before {
display: none !important;
}
.product-gallery .gallery-item > a::after {
position: static;
top: 0;
margin-top: 0;
margin-left: 1px;
-webkit-transform: none;
-ms-transform: none;
transform: none;
transition: none;
color: #606975;
font-size: 22px;
line-height: 40px;
content: '\e037';
opacity: 1;
}
.product-gallery .gallery-item > a:hover {
background-color: #f5f5f5;
}
.product-gallery .gallery-item.active > a {
display: block;
}
.product-gallery .product-badge {
top: 25px;
left: 15px;
}
.product-gallery .product-thumbnails {
display: block;
margin: 0;
margin-top: 24px;
padding: 0;
list-style: none;
text-align: center;
}
.product-gallery .product-thumbnails > li {
display: inline-block;
margin: 0 3px 10px;
}
.product-gallery .product-thumbnails > li > a {
display: block;
width: 94px;
transition: border-color .25s;
border: 1px solid #e1e7ec;
border-radius: 5px;
overflow: hidden;
}
.product-gallery .product-thumbnails > li.active > a {
border-color: #e62e04;
cursor: default;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.product-gallery .gallery-item {
display: none !important;
}
}
@supports (-ms-ime-align: auto) {
.product-gallery .gallery-item {
display: none !important;
}
}
.post-meta {
display: block;
margin-bottom: 24px;
padding: 0;
border: 1px solid #e1e7ec;
border-radius: 7px;
list-style: none;
}
.post-meta > li {
display: block;
margin: 0;
padding: 9px 12px;
border-bottom: 1px solid #e1e7ec;
color: #606975;
font-size: 13px;
cursor: default;
}
.post-meta > li:last-child {
border-bottom: 0;
}
.post-meta > li > i, .post-meta > li > a {
display: inline-block;
vertical-align: middle;
}
.post-meta > li > i {
margin-top: -2px;
margin-right: 3px;
color: #9da9b9;
}
.post-meta > li > a {
transition: color .25s;
color: #606975;
text-decoration: none;
}
.post-meta > li > a:hover {
color: #e62e04;
}
.blog-post {
margin-bottom: 48px;
}
.blog-post p {
margin-bottom: 0;
}
.post-thumb {
display: block;
margin-bottom: 20px;
}
.post-title > a {
transition: color .3s;
color: #374250;
text-decoration: none;
}
.post-title > a:hover {
color: #e62e04;
}
.single-post-meta {
display: table;
width: 100%;
padding-bottom: 24px;
}
.single-post-meta .column {
display: table-cell;
vertical-align: top;
}
.single-post-meta .column:last-child {
text-align: right;
}
.single-post-meta .meta-link {
display: inline-block;
margin-right: 10px;
color: #606975;
font-size: 13px;
}
.single-post-meta .meta-link > span {
margin-right: 4px;
color: #9da9b9;
}
.single-post-meta .meta-link > a {
transition: color .25s;
color: #606975;
text-decoration: none;
}
.single-post-meta .meta-link > a > i {
display: inline-block;
margin-top: -3px;
margin-right: 5px;
color: #9da9b9 !important;
font-size: 1.1em;
vertical-align: middle;
}
.single-post-meta .meta-link > a:hover {
color: #e62e04;
}
.single-post-meta .column:last-child .meta-link {
margin-right: 0;
margin-left: 10px;
}
@media (max-width: 768px) {
.single-post-meta {
display: block;
}
.single-post-meta .column {
display: block;
width: 100%;
}
.single-post-meta .column:last-child {
padding-top: 5px;
text-align: left;
}
.single-post-meta .column:last-child .meta-link {
margin-right: 10px;
margin-left: 0;
}
}
.single-post-footer {
padding-top: 12px;
padding-bottom: 30px;
}
.single-post-footer > .column {
padding-top: 4px;
padding-bottom: 6px;
}
@media (min-width: 576px) {
.single-post-footer {
display: table;
width: 100%;
}
.single-post-footer > .column {
display: table-cell;
vertical-align: middle;
}
.single-post-footer > .column:last-child {
text-align: right;
}
}
.single-post-footer .sp-tag {
transition: color .25s;
color: #606975;
font-size: 13px;
font-weight: 500;
text-decoration: none;
}
.single-post-footer .sp-tag:hover {
color: #e62e04;
}
.entry-share span,
.entry-share .share-links {
display: inline-block;
vertical-align: middle;
}
.entry-share .social-button {
margin-right: 0;
margin-left: 8px;
}
ul.currencies {
margin-bottom: 0;
}
.nav-currency .badge-secondary {
background-color: darkgrey;
}
.m-auto {
margin: auto;
}
.m-0 {
margin: 0 !important;
}
.m-5 {
margin: 5px !important;
}
.m-10 {
margin: 10px !important;
}
.m-20 {
margin: 20px !important;
}
.m-t-0 {
margin-top: 0px !important;
}
.m-t-5 {
margin-top: 5px !important;
}
.m-t-10 {
margin-top: 10px !important;
}
.m-t-12 {
margin-top: 12px !important;
}
.m-t-20 {
margin-top: 20px !important;
}
.m-t-30 {
margin-top: 30px !important;
}
.m-t-40 {
margin-top: 40px !important;
}
.m-t-60 {
margin-top: 60px !important;
}
.m-t-100 {
margin-top: 100px !important;
}
.m-b-0 {
margin-bottom: 0px !important;
}
.m-b-5 {
margin-bottom: 5px !important;
}
.m-b-6 {
margin-bottom: 6px !important;
}
.m-b-10 {
margin-bottom: 10px !important;
}
.m-b-12 {
margin-bottom: 12px !important;
}
.m-b-15 {
margin-bottom: 15px !important;
}
.m-b-20 {
margin-bottom: 20px !important;
}
.m-b-30 {
margin-bottom: 30px !important;
}
.m-b-40 {
margin-bottom: 40px !important;
}
.m-b-60 {
margin-bottom: 60px !important;
}
.m-b-80 {
margin-bottom: 80px !important;
}
.m-b-100 {
margin-bottom: 100px !important;
}
.m-b-140 {
margin-bottom: 140px !important;
}
.m-b-245 {
margin-bottom: 245px !important;
}
.m-b-m30 {
margin-bottom: -30px !important;
}
.m-b-m50 {
margin-bottom: -50px !important;
}
.m-l-0 {
margin-left: 0 !important;
}
.m-l-5 {
margin-left: 5px !important;
}
.m-l-10 {
margin-left: 10px !important;
}
.m-l-20 {
margin-left: 20px !important;
}
.m-l-30 {
margin-left: 30px !important;
}
.m-l-60 {
margin-left: 60px !important;
}
.m-r-0 {
margin-right: 0 !important;
}
.m-r-5 {
margin-right: 5px !important;
}
.m-r-10 {
margin-right: 10px !important;
}
.m-r-20 {
margin-right: 20px !important;
}
.m-r-30 {
margin-right: 30px !important;
}
.m-r-60 {
margin-right: 60px !important;
}
.p-0 {
padding: 0 !important;
}
.p-5 {
padding: 5px !important;
}
.p-10 {
padding: 10px !important;
}
.p-15 {
padding: 15px !important;
}
.p-20 {
padding: 20px !important;
}
.p-30 {
padding: 30px !important;
}
.p-40 {
padding: 40px !important;
}
.p-t-0 {
padding-top: 0 !important;
}
.p-t-5 {
padding-top: 5px !important;
}
.p-t-10 {
padding-top: 10px !important;
}
.p-t-20 {
padding-top: 20px !important;
}
.p-t-30 {
padding-top: 30px !important;
}
.p-t-60 {
padding-top: 60px !important;
}
.p-b-0 {
padding-bottom: 0 !important;
}
.p-b-5 {
padding-bottom: 5px !important;
}
.p-b-10 {
padding-bottom: 10px !important;
}
.p-b-20 {
padding-bottom: 20px !important;
}
.p-b-30 {
padding-bottom: 30px !important;
}
.p-l-0 {
padding-left: 0 !important;
}
.p-l-5 {
padding-left: 5px !important;
}
.p-l-10 {
padding-left: 10px !important;
}
.p-l-20 {
padding-left: 20px !important;
}
.p-l-30 {
padding-left: 30px !important;
}
.p-l-40 {
padding-left: 40px !important;
}
.p-r-0 {
padding-right: 0 !important;
}
.p-r-5 {
padding-right: 5px !important;
}
.p-r-10 {
padding-right: 10px !important;
}
.p-r-20 {
padding-right: 20px !important;
}
.p-r-30 {
padding-right: 30px !important;
}
.vcenter {
vertical-align: middle !important;
float: none;
}
.circular {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
margin-left: -20px;
height: 80px;
position: relative;
color: #319DB5;
width: 80px;
}
.path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
-webkit-animation: dash 1.5s ease-in-out infinite, color 4s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite, color 4s ease-in-out infinite;
stroke-linecap: round
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes dash {
0% {
stroke-dasharray: 1, 100;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 89, 100;
stroke-dashoffset: -35
}
100% {
stroke-dasharray: 89, 100;
stroke-dashoffset: -62
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 100;
stroke-dashoffset: 0
}
50% {
stroke-dasharray: 89, 100;
stroke-dashoffset: -35
}
100% {
stroke-dasharray: 89, 100;
stroke-dashoffset: -62
}
}
@-webkit-keyframes color {
100%, 0% {
stroke: #319DB5
}
30% {
stroke: #9B7ED1
}
60% {
stroke: #18A689
}
80%, 90% {
stroke: #d62d20
}
}
@keyframes color {
100%, 0% {
stroke: #319DB5
}
30% {
stroke: #9B7ED1
}
60% {
stroke: #18A689
}
80%, 90% {
stroke: #d62d20
}
}
@-webkit-keyframes bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0)
}
40% {
-webkit-transform: scale(1)
}
}
@keyframes bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0);
transform: scale(0)
}
40% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.dataTables_length {
float: left;
margin-right: 10px;
}
.dataTables_filter {
float: right;
}
pre {
display: inline-block;
padding: 7px;
margin: 0 0 5px;
font-size: 12px;
}
.locale li {
padding-left: 10px;
}
/*------------------------------------------------------------------/*
Theme name : BOUTIQUE
Version : 1.0.0
Author : kutethemes
Last change: 01/15/2016
/*-------------------
[Table of contents]
[Color codes]
Background: #ffffff
Body Color : #555555
Accent color: #c99947
[Typography]
Body: 14px/24px Montserrat, sans-serif;
Heading: Montserrat, sans-serif;
Input, textarea: 12px/24px Montserrat, sans-serif;
[Component module]
FONTFACE
COMMON STYLES
HEADER
PRODUCT
WIDGET
FOOTER
SINGLE PRODUCT
BLOG PAGE
SECTION
RESPONSIVE
/*-------------------------------------------------------------------*/
/*------------------
FONTFACE
------------------*/
@font-face {
font-family: 'DearPrudence';
font-style: normal;
font-weight: normal;
src: local('DearPrudence-Regular'), url('../fonts/DearPrudence-Regular.otf') format('opentype');
}
@font-face {
font-family: 'LaCompagnie';
font-style: normal;
font-weight: normal;
src: local('la-Compagnie-des-Ombres'), url('../fonts/la-Compagnie-des-Ombres.ttf') format('opentype');
}
@font-face {
font-family: "Flaticon";
src: url("../fonts/flaticon.eot");
src: url("../fonts/flaticon.eot#iefix") format("embedded-opentype"),
url("../fonts/flaticon.woff") format("woff"),
url("../fonts/flaticon.ttf") format("truetype"),
url("../fonts/flaticon.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Montserrat Light';
font-style: normal;
font-weight: 300;
src: local('Montserrat Light'),
local('Montserrat-Light'),
url("../fonts/Montserrat-Light.ttf") format('opentype'),
}
@font-face {
font-family: 'MontserratLight';
font-style: normal;
font-weight: normal;
src: local('Montserrat-Light'), url('../fonts/Montserrat-Light.ttf') format('opentype');
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
font-family: Flaticon;
font-style: normal;
line-height: normal;
font-size: inherit;
}
.flaticon{
display: inline-block;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flaticon-curvearrows9:before {
content: "\e000";
}
.flaticon-headphones54:before {
content: "\e001";
}
.flaticon-origami28:before {
content: "\e002";
}
/*-------------------
COMMON STYLES
---------------------*/
body{
font-family: 'Montserrat';
font-size: 14px;
line-height: 24px;
color: #555;
font-weight: 400;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
img{
max-width: 100%;
}
h1,h2,h3,h4,h5,h6{
line-height: 1.3em;
margin-top: 0;
color: #222;
}
h1{
font-size: 36px;
}
h2{
font-size: 30px;
}
h3{
font-size: 24px;
}
h4{
font-size: 20px;
}
h5{
font-size: 16px;
}
h6{
font-size: 14px;
}
a{
color: #c99947;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
text-decoration: none;
}
a:hover, a:focus{
text-decoration: none;
color: inherit;
outline: none;
}
p{margin-bottom: 22px;}
ul, ol{
margin: 0;
padding: 0;
}
ul ul, ol ol, ul ol, ol ul{
padding-left: 30px
}
input[type="text"], input[type="email"], textarea, input[type="password"],input[type="tel"]{
border: 1px solid #e8e8e8;
padding: 6px 15px;
color: #747474;
max-width: 100%;
}
input[type="text"]:focus, input[type="email"]:focus, textarea:focus, input[type="password"]:focus{
outline: none;
}
::-webkit-input-placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
:-moz-placeholder { /* Firefox 18- */
color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
::-moz-placeholder { /* Firefox 19+ */
color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
:-ms-input-placeholder {
color: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
.button, input[type="submit"]{
color: #fff;
display: inline-block;
padding: 9px 25px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
background: transparent;
position: relative;
background-color: #111111;
font-size: 12px;
border: none;
}
.button:hover, input[type="submit"]:hover{
background-color: #c99947;
color: #fff;
}
input[type="submit"]:before {
background-color: rgba(255, 255, 255, 0.1);
content: "";
height: 0;
left: 0;
margin: auto;
position: absolute;
top: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
width: 0;
}
.button:hover,
input[type="submit"]:hover,
.button:focus,
input[type="submit"]:focus,
input,button{
outline: none;
}
.button:hover:after,
input[type="submit"]:hover:after{
height: 100%;
width: 100%;
transition: all 0.4s ease-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
}
.button.btn-primary{
background-color: #c99947;
}
.button.small{
padding: 1px 25px;
}
.button.medium {
padding: 13px 25px;
}
input[type=search],
input[type=text],
input[type=email],
input[type=password]{
border: 1px solid #e5e5e5;
}
.PlayfairDisplay{
font-family: 'PlayfairDisplay';
font-style: italic;
}
.text-primary{
color: #c99947;
}
.GreatVibes{
font-family: 'Great Vibes';
font-size: 26px;
color: #010101;
}
blockquote {
font-family: 'Playfair Display';
font-style: italic;
font-size: 14px;
color: #303030;
margin: 20px 0;
position: relative;
border-left: 2px solid #c99947;
padding: 0;
padding: 0 50px;
position: relative;
}
blockquote:before{
content: '';
position: absolute;
display: inline-block;
width: 29px;
height: 23px;
background-image:url('../images/blockquote-left.png');
background-repeat: no-repeat;
background-position: center center;
margin-left: -29px;
}
blockquote:after{
content: '';
position: absolute;
display: inline-block;
width: 29px;
height: 23px;
background-image:url('../images/blockquote-right.png');
background-repeat: no-repeat;
background-position: center center;
margin-right: -29px;
}
blockquote.style2{
text-align: center;
border: none;
padding: 0 40px;
font-size: 14px;
margin: 0;
margin-bottom: 30px;
}
blockquote.style2:before{
margin-left: 10px;
}
blockquote.style2:after{
margin-right: 39px;
}
/*.flex-flow{
flex-flow: row wrap;
display: flex;
}*/
/*OWL*/
.owl-carousel.nav-center-center .owl-next,
.owl-carousel.nav-center-center .owl-prev{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.owl-carousel.nav-center-center .owl-next{
right: -30px;
}
.owl-carousel.nav-center-center .owl-prev{
left: -30px;
}
.nav-center-center.owl-carousel:hover .owl-next{
right: 0;
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
.nav-center-center.owl-carousel:hover .owl-prev{
left: 0;
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
.owl-carousel.nav-center-outside .owl-next,
.owl-carousel.nav-center-outside .owl-prev{
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.owl-carousel.nav-center-outside .owl-next{
right: 100px;
}
.owl-carousel.nav-center-outside .owl-prev{
left: 100px;
}
.nav-center-outside.owl-carousel:hover .owl-next{
right: -30px;
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
.nav-center-outside.owl-carousel:hover .owl-prev{
left: -30px;
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
.owl-carousel.nav-style1 .owl-next,
.owl-carousel.nav-style1 .owl-prev {
color: #222;
padding: 12px 7px;
text-align: center;
text-transform: uppercase;
width: 25px;
word-wrap: break-word;
}
.owl-carousel.nav-style2 .owl-next,
.owl-carousel.nav-style2 .owl-prev{
text-transform: uppercase;
width: 30px;
height: 30px;
word-wrap: break-word;
color: #aaaaaa;
text-align: center;
line-height: 30px;
font-size: 0;
}
.owl-carousel.nav-style2 .owl-next:before,
.owl-carousel.nav-style3 .owl-next:before,
.owl-carousel.nav-style4 .owl-next:before,
.owl-carousel.nav-style5 .owl-next:before,
.owl-carousel.nav-style6 .owl-next:before,
.owl-carousel.nav-style7 .owl-next:before{
content: "\f105";
font-family: 'FontAwesome';
font-size: 35px;
}
.owl-carousel.nav-style2 .owl-prev:before,
.owl-carousel.nav-style3 .owl-prev:before,
.owl-carousel.nav-style4 .owl-prev:before,
.owl-carousel.nav-style5 .owl-prev:before,
.owl-carousel.nav-style6 .owl-prev:before,
.owl-carousel.nav-style7 .owl-prev:before{
content: "\f104";
font-family: 'FontAwesome';
font-size: 35px;
}
.owl-carousel.nav-style2 .owl-next:hover,
.owl-carousel.nav-style2 .owl-prev:hover{
color: #303030;
}
.owl-carousel.nav-style3 .owl-next:before,
.owl-carousel.nav-style3 .owl-prev:before{
font-size: 14px;
}
.owl-carousel.nav-style3 .owl-next,
.owl-carousel.nav-style3 .owl-prev{
width: 44px;
height: 44px;
background-color: transparent;
border: 1px solid #fff;
line-height: 42px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
opacity: 0.1;
color: #fff;
font-size: 0;
text-align: center;
}
.owl-carousel.nav-style3 .owl-next:hover,
.owl-carousel.nav-style3 .owl-prev:hover{
opacity: 1;
border-color: #aaa;
color: #aaa;
}
.owl-carousel.nav-style4 .owl-next,
.owl-carousel.nav-style4 .owl-prev{
width: 60px;
height: 60px;
background-color: rgba(255,255,255,0.2);
border: none;
line-height: 60px;
color: #fff;
font-size: 0;
text-align: center;
}
.owl-carousel.nav-style4 .owl-next:before,
.owl-carousel.nav-style4 .owl-prev:before{
font-size: 24px;
}
.owl-carousel.nav-style4 .owl-next:hover,
.owl-carousel.nav-style4 .owl-prev:hover{
background-color: #c99947;
}
.owl-carousel.nav-style5 .owl-next,
.owl-carousel.nav-style5 .owl-prev{
width: 35px;
height: 35px;
background-color:transparent;
border:1px solid #e7e7e7;
line-height: 33px;
color: #aaaaaa;
font-size: 0;
text-align: center;
}
.owl-carousel.nav-style5 .owl-next:before,
.owl-carousel.nav-style5 .owl-prev:before{
font-size: 14px;
}
.owl-carousel.nav-style5 .owl-next:hover,
.owl-carousel.nav-style5 .owl-prev:hover{
background-color: #111;
color: #fff;
border-color: #111;
}
.owl-carousel.nav-style6 .owl-next,
.owl-carousel.nav-style6 .owl-prev{
width: 30px;
height: 30px;
background-color:transparent;
border:1px solid #fff;
line-height: 28px;
color: #fff;
font-size: 0;
text-align: center;
}
.owl-carousel.nav-style6 .owl-next:before,
.owl-carousel.nav-style6 .owl-prev:before{
font-size: 14px;
}
.owl-carousel.nav-style6 .owl-next:hover,
.owl-carousel.nav-style6 .owl-prev:hover{
background-color: #c99947;
color: #fff;
border-color: #c99947;
}
.owl-carousel.nav-style7 .owl-next,
.owl-carousel.nav-style7 .owl-prev{
width: 30px;
height: 30px;
background-color:transparent;
line-height: 30px;
color: #333;
font-size: 0;
text-align: center;
background-color: #ccc;
}
.owl-carousel.nav-style7 .owl-next:before,
.owl-carousel.nav-style7 .owl-prev:before{
font-size: 14px;
}
.owl-carousel.nav-style7 .owl-next:hover,
.owl-carousel.nav-style7 .owl-prev:hover{
background-color: #c99947;
color: #fff;
border-color: #c99947;
}
.owl-carousel.no-overflow .owl-stage-outer{
overflow: inherit;
}
/* Line*/
.line{
width: 100%;
border-top: 1px solid #eaeaea;
display: block;
}
/* TAB */
.tab-container {
position: relative;
}
.tab-container .tab-panel {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
}
.tab-container .active {
opacity: 1;
visibility: inherit;
position: inherit;
-vendor-animation-duration: 0.3s;
-vendor-animation-delay: 1s;
-vendor-animation-iteration-count: infinite;
}
/* BANNER */
.banner-opacity {
display:table;
overflow: hidden;
position: relative;
width: 100%;
}
.banner-opacity:before {
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,0.5);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.5s ease 0.5s;
-o-transition: opacity 0.5s ease 0.5s;
transition: opacity 0.5s ease 0.5s;
z-index: 1;
}
.banner-opacity img {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 100%;
}
.banner-text:hover:before,
.banner-opacity:hover:before {
opacity: 1;
filter: alpha(opacity=100);
}
.banner-text:hover img,
.banner-opacity:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.banner-border{
position: relative;
display: block;
}
.banner-border:before,
.banner-border:after{
content: "";
position: absolute;
top: 15px;
right: 15px;
bottom: 15px;
left: 15px;
opacity: 0;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
z-index: 1;
}
.banner-border:before {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
-webkit-transform: scale(1,0);
-ms-transform: scale(1,0);
-o-transform: scale(1,0);
transform: scale(1,0);
top: 30px;
right: 15px;
bottom: 30px;
left: 15px;
}
.banner-border:after {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
-webkit-transform: scale(0,1);
-ms-transform: scale(0,1);
-o-transform: scale(0,1);
transform: scale(0,1);
top: 15px;
right: 30px;
bottom: 15px;
left: 30px;
}
.banner-border:hover:before,
.banner-border:hover:after{
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner-border img {
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.banner-border:hover img{
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
opacity: 0.8;
}
.banner-border.style2:after{
border-left: 5px solid #ffffff;
border-right: 5px solid #ffffff;
}
.banner-border.style2:before{
border-top: 5px solid #ffffff;
border-bottom: 5px solid #ffffff;
}
.banner-border.primary:after{
border-left: 1px solid #c99947;
border-right: 1px solid #c99947;
}
.banner-border.primary:before{
border-top: 1px solid #c99947;
border-bottom: 1px solid #c99947;
}
.overlay {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,0.5);
}
/*-------------------------------
HEADER
-------------------------------*/
.top-header .inner{
border-bottom: 1px solid #e5e5e5;
}
.topbar{
display: table;
width: 100%;
}
/* Topbar menu*/
.topbar-menu.left{
float: left;
}
.topbar-menu.right{
float: right;
}
.topbar-menu{
margin: 0;
padding: 0;
display: inline-block;
font-family: 'MontserratLight';
font-size: 13px;
}
.topbar-menu li{
list-style: none;
position: relative;
}
.topbar-menu>li{
display: inline-block;
}
.topbar-menu .sub-menu{
position: absolute;
left: auto;
top: 100%;
min-width: 200px;
background-color: #fff;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
padding:10px 0;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
-moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
-ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
-o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
z-index: 10;
}
.topbar-menu li.menu-item-has-children.show-submenu>.sub-menu{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
visibility: inherit;
opacity: 1;
filter: alpha(opacity=100);
}
.topbar-menu .sub-menu .sub-menu {
top: 0;
left: 100%;
}
.topbar-menu>li>a{
display: inline-block;
padding: 13px 20px;
}
.topbar-menu>li:first-child>a{
padding-left: 0;
}
.topbar-menu>li:last-child>a{
padding-right: 0;
}
.topbar-menu li>a{
color: #666;
}
.topbar-menu li>a .fa{
color: #999;
}
.topbar-menu li.menu-item-has-children>a:after{
content: "\f107";
font-family: 'FontAwesome';
margin-left: 10px;
}
.topbar-menu li>a:hover,
.topbar-menu li>a:hover .fa{
color: #c99947;
}
.topbar-menu li>a .fa,
.topbar-menu li>a img{
display: inline-block;
margin-right: 10px;
}
.topbar-menu li>a img{
margin-top: -2px;
}
.topbar-menu .sub-menu>li a{
display: inline-block;
padding: 5px 15px;
display: inline-block;
width: 100%;
text-align: left;
}
.topbar-menu.right .sub-menu{
right: 0;
left: inherit;
}
.topbar-menu.right .sub-menu .sub-menu{
right: 100%;
top: 0;
}
/* MAIN MENU */
.main-menu{
padding: 0;
margin: 0;
}
.main-menu li{
list-style: none;
position: relative;
}
.main-menu>li{
display: inline-block;
padding: 0 20px;
}
.main-menu>li:after{
content: '';
height: 10px;
position: absolute;
left: 0;
width: 100%;
bottom: -10px;
z-index: 10;
}
.main-menu>li>a{
padding: 13px 0;
text-transform: uppercase;
display: inline-block;
color: #222;
font-size: 12px;
position: relative;
}
.main-menu>li>a:hover{
color: #c99947;
}
.main-menu>li>a:before{
content: '';
height: 2px;
position: absolute;
left: 0;
bottom: -1px;
width: 0%;
background-color: #c99947;
transition: all 0.4s ease-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
}
.main-menu>li:hover>a:before,
.main-menu>li.current-menu-item>a:before,
.main-menu>li.active>a:before{
width: 100%;
}
.main-menu>li:first-child{
padding-left: 0;
}
.main-menu .sub-menu{
position: absolute;
top: 100%;
left: auto;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.17);
z-index: 2;
min-width: 275px;
padding: 10px 0;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
-moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
-ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
-o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
background-color: #fff;
z-index: 10;
text-align: left;
font-family: 'Roboto';
background-repeat: no-repeat;
background-position: right bottom;
}
.main-menu .show-submenu>.sub-menu {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
.main-menu>li:nth-last-child(1) .sub-menu,
.main-menu>li:nth-last-child(2) .sub-menu,
.main-menu>li:nth-last-child(3) .sub-menu{
right: 0;
left:inherit;
}
.main-menu .sub-menu>li{
padding: 0 40px;
}
.main-menu .sub-menu>li>a{
padding: 8px 0;
border-bottom: 1px dashed #e3e3e3;
display: inline-block;
width: 100%;
color: #555;
}
.main-menu .sub-menu>li>a:hover{
color: #c99947;
}
.main-menu .sub-menu>li:last-child>a{
border: none;
}
.main-menu .sub-menu.megamenu{
padding: 30px;
}
.main-menu .sub-menu .sub-menu{
left: 100%;
top: 0;
}
.main-menu .sub-menu.megamenu-bg{
padding-bottom: 60px;
}
/* SHORTCODE MEGA MENU*/
.mega-custom-menu{
margin-bottom: 30px;
}
.mega-custom-menu .title{
font-size: 14px;
text-transform: uppercase;
}
.mega-custom-menu ul{
padding: 0;
}
.mega-custom-menu ul>li{
padding: 0;
}
.mega-custom-menu ul>li>a{
padding: 8px 0;
border-bottom: 1px dashed #e3e3e3;
display: inline-block;
width: 100%;
color: #555;
}
.mega-custom-menu ul>li>a:hover{
color: #c99947;
}
.header .main-header{
padding: 60px 0;
}
.header.style1 .main-header{
border-bottom: 1px solid #eaeaea
}
.header .logo{
padding-top: 35px;
}
/* CATEGORY CAT*/
.category-menu{
padding: 0;
float: right;
}
.category-menu li{
list-style: none;
display: inline-block;
float: left;
padding: 0 15px;
position: relative;
}
.category-menu li:first-child{
padding-left: 0;
}
.category-menu li:last-child{
padding-right: 0;
}
.category-menu li>a{
width: 135px;
height: 135px;
display: inline-block;
border: 1px dashed #cccccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
text-align: center;
font-size: 11px;
color: #222;
text-transform: uppercase;
vertical-align: middle;
padding-top:20px;
}
.category-menu li>a:hover{
color: #c99947;
border-color: #c99947;
}
.category-menu li>a img{
display:block;
margin: 0 auto;
}
.category-carousel.category-menu li{
padding: 0;
}
.category-carousel.owl-carousel .owl-item img{
width: auto;
}
.category-menu.style2 li>a{
border: none;
width: auto;
height: auto;
padding: 0;
}
.category-menu.style2 li>a .icon{
width: 100px;
height: 100px;
display: inline-block;
border: 1px dashed #cccccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
line-height: 100px;
margin-right: 25px;
}
.category-menu.style2 li>a img{
display: inline-block;
margin: 0;
}
.category-menu.style2 li{
padding: 0 20px;
}
.category-menu.style2 li:first-child{
padding-left: 0;
}
.category-menu.style2 li:last-child{
padding-right: 0;
}
.category-menu.style2 li:hover .icon{
border-color: #c99947;
}
/* MINI CART */
.mini-cart{
position: relative;
}
.show-shopping-cart {
background: #fff none repeat scroll 0 0;
opacity: 0;
padding: 30px;
position: absolute;
right: 0;
top: 100%;
width: 368px;
visibility: hidden;
z-index: 100;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
-moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
-ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
-o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
.mini-cart:hover .show-shopping-cart {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
.show-shopping-cart .list-shopping {
border-bottom: 1px solid #f1f1f1;
float: left;
padding: 20px 0;
text-align: left;
width: 100%;
}
.show-shopping-cart .title{
font-size: 12px;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 15px;
margin-bottom: 0;
}
.show-shopping-cart .list-product{
padding: 0;
}
.show-shopping-cart .list-product li{
list-style: none;
border-bottom: 1px solid #e5e5e5;
padding: 20px 0;
overflow: hidden;
width: 100%;
}
.show-shopping-cart .list-product .thumb{
width: 90px;
float: left;
}
.show-shopping-cart .list-product .info{
margin-left: 100px;
position: relative;
padding-right: 20px;
}
.show-shopping-cart .remove-item{
position: absolute;
top: -2px;
right: 0;
display: inline-block;
line-height: normal;
color: #222;
}
.show-shopping-cart .list-product .product-name{
font-size: 12px;
text-transform: uppercase;
}
.show-shopping-cart .list-product .product-name a{
color: #222;
}
.show-shopping-cart .list-product .product-name a:hover{
color: #c99947;
}
.mini-cart .cart-link{
position: relative;
}
.mini-cart .count{
background-color: #c99947;
border-radius: 50%;
color: #fff;
font-size: 10px;
height: 20px;
line-height: 20px;
position: absolute;
right: 40px;
text-align: center;
top: 30px;
width: 20px;
}
.mini-cart .sub-total{
padding: 15px 0;
text-align: center;
display: table;
width: 100%;
}
.mini-cart .group-button .button{
display: block;
width: 100%;
padding: 16px 0px;
margin-bottom: 10px;
}
.mini-cart .group-button .check-out{
border: 1px solid #111;
background-color: transparent;
color: #222;
padding: 15px 0px;
}
.mini-cart .group-button .check-out:hover{
background-color: #c99947;
color: #fff;
border-color: #c99947;
}
/* BOX CONTROL*/
.header .box-control{
display: table;
width: 100%;
}
.header .box-control .box-serach,
.header .box-control .box-settings{
display: table-cell;
vertical-align: middle;
}
/* BOX SEARCH */
.box-search{
position: relative;
font-family: 'Roboto';
}
.box-search .search{
border: none;
width: 100%;
padding: 13px 15px;
padding-right: 50px;
}
.box-search .button-search{
position: absolute;
top: 0;
right: 0;
font-size: 24px;
background-color: transparent;
border: none;
width: 50px;
height: 50px;
line-height:54px;
text-align: center;
}
.box-search .close-box{
position: absolute;
top: 50%;
right: 25px;
font-size: 25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
cursor: pointer;
}
/* BOX SETTINGS*/
.box-settings{
position: relative;
width: 30px;
}
.box-settings:before{
content: '';
position: absolute;
left: 0;
width: 100%;
bottom: -10px;
height: 10px;
}
.box-settings .icon{
font-size: 23px;
cursor: pointer;
display: inline-block;
line-height: 50px;
text-align: right;
}
.box-settings .settings-wrapper {
position: absolute;
cursor: default;
top: 100%;
right: 0;
opacity: 0;
visibility: hidden;
z-index: 999;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
-moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
-ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
-o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
}
.box-settings .setting-content {
background: #fff;
text-align: left;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
width: 290px;
float: left;
padding: 25px;
padding-top: 13px;
}
.box-settings.open .settings-wrapper,
.box-settings:hover .settings-wrapper {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
-o-transform: translateY(10px);
transform: translateY(10px);
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
.box-settings .select-language,
.box-settings .select-currency {
border-bottom: 1px dotted #cccccc;
padding-top: 12px;
padding-bottom: 20px;
}
.box-settings .language-title,
.box-settings .currency-title {
color: #333333;
font-size: 11px;
text-transform: uppercase;
margin-bottom: 7px;
}
.lang-list ul li,
.currency-list ul li {
margin-right: 5px;
list-style: none;
display: inline-block;
float: left;
}
.currency-list img,
.lang-list img{
float: left;
margin:5px 5px 0px 0px;
}
.currency-list ul li a span {
background-color: #eee;
color: #333333;
padding: 0 15px;
display: inline-block;
font-size: 12px;
line-height: 20px;
float: left;
}
.currency-list ul li a span:hover,
.currency-list ul li.active a span {
background:#4f4f4f;
color: #ffffff;
}
.setting-option{
font-family: 'Roboto';
padding-top: 13px;
}
.setting-option ul{
padding-left: 16px;
}
.setting-option ul li{
line-height: 30px;
list-style: none;
}
.setting-option ul li a{
color: inherit;
}
.setting-option ul li a:hover{
color: #c99947;
}
.header.style2 .top-header{
padding-top: 60px;
}
.header.style2 .main-header{
padding: 50px 0;
}
.header.style2 .mobile-navigation{
margin-top: 15px;
}
.header.style2 .logo{
margin: 0;
padding: 0;
}
.header.style2 .main-menu{
float: right;
margin-top: 10px;
}
.header.style2 .main-menu>li>a{
padding: 8px 0;
}
.header.style2 .box-settings{
height: auto;
width: auto;
}
.header.style2 .box-settings .icon{
line-height: normal;
display: inline-block;
padding-top: 17px;
}
.header.style2 .mini-cart .icon{
font-size: 24px;
}
.header.style2 .box-control{
width: auto;
float: right;
}
.header.style2 .box-search,
.header.style2 .box-settings,
.header.style2 .mini-cart{
padding: 0 10px;
}
.header.style2 .box-settings{
padding-right: 0;
}
.header.style2 .box-search .icon{
font-size: 26px;
padding-top: 18px;
display: inline-block;
cursor: pointer;
}
.header.style2 .box-search .inner{
position: absolute;
top: 100%;
right: 0;
border: 1px solid #e5e5e5;
min-width: 350px;
display: none;
z-index: 2;
}
.header.style2 .mini-cart{
display: table-cell;
}
.header.style2 .mini-cart>a{
font-size: 26px;
color: #222;
}
.header.style2 .mini-cart .count{
top: -10px;
right: -10px;
}
/* HEADER STYLE 3 */
.header.style3 .logo{
padding-top: 50px;
}
.header.style3 .top-header{
width: 100%;
border-bottom: 1px solid #e5e5e5;
padding-bottom: 17px;
padding-top: 40px;
display: table;
}
.header.style3 .top-header .inner{
border: none;
}
.header.style3 .box-control{
width: auto;
float: right;
}
.header.style3 .slogan{
display: inline-block;
float: left;
padding: 10px 0;
font-family: 'DearPrudence';
font-size: 24px;
color: #222;
}
.header.style3 .box-search,
.header.style3 .mini-cart,
.header.style3 .box-settings{
display: table-cell;
vertical-align: middle;
}
.header.style3 .mini-cart .cart-link .icon{
font-size: 26px;
margin-right: 10px;
display: inline-block;
}
.header.style3 .mini-cart{
padding: 0 30px;
}
.header.style3 .mini-cart .cart-link{
color: #222;
font-weight: 300;
}
.header.style3 .box-search{
border-right: 1px solid #e8e8e8;
}
.header.style3 .box-search .search{
padding: 10px 15px;
}
.header.style3 .button-search{
width: 44px;
height: 44px;
line-height: 45px;
padding: 0;
right: 15px;
}
.header.style3 .mini-cart .count{
left: 15px;
right: inherit;
top: -18px;
}
.header.style3 .box-settings .icon{
line-height: 40px;
}
.header.style3 .main-menu>li>a{
padding: 18px 0;
font-size: 13px;
}
.header.style3 .main-menu>li>a:hover,
.header.style3 .main-menu>li.active>a{
color: #c99947;
}
.header.style3 .main-menu>li>a:before{
display: none;
}
.header.style3 .main-menu>li{
padding: 0 30px;
}
.header.style3 .main-menu>li:first-child{
padding-left: 0;
}
.header.style3 .main-menu>li:last-child{
padding-right: 0;
}
/* Header style 4*/
.header.style4 .top-header{
border-bottom: 1px solid #eaeaea;
padding: 20px 60px;
}
.header.style4 .logo{
padding: 0;
}
.header.style4 .box-control{
padding-top: 10px;
}
.header.style4 .main-header{
padding: 40px 0;
text-align: center;
}
.header.style4 .category-menu{
display: inline-block;
float: none;
}
.header.style4 .main-menu>li:first-child{
padding-left: 0;
}
.header.style4 .main-menu>li:last-child{
padding-right: 0;
}
/* Header style 5*/
.header.style5 .top-header{
border-bottom: 1px solid #eaeaea;
padding: 20px 0;
}
.header.style5 .logo{
padding: 0;
text-align: center;
}
.header.style5 .main-header{
padding: 10px 0;
}
.header.style5 .box-control{
width: auto;
float: right;
}
.header.style5 .box-search,
.header.style5 .mini-cart,
.header.style5 .box-settings{
display: table-cell;
vertical-align: middle;
}
.header.style5 .box-search .search{
border-right: 1px solid #eaeaea;
border-left: 1px solid #eaeaea;
}
.header.style5 .box-search .search{
padding: 0 15px;
}
.header.style5 .mini-cart{
padding-left: 10px;
padding-right: 10px;
}
.header.style5 .mini-cart .cart-link{
color: #222;
}
.header.style5 .mini-cart .cart-link .icon{
font-size: 26px;
margin-right: 10px;
display: inline-block;
}
.header.style5 .mini-cart .count{
left: 15px;
right: inherit;
top: -18px;
}
.header.style5 .main-menu>li{
padding: 0 30px;
}
.header.style5 .main-menu>li:first-child{
padding-left: 0;
}
.header.style5 .main-menu>li>a{
font-size: 14px;
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}
.header.style5 .main-menu>li>a:before{
display: none;
}
.header.style5 .main-menu>li>a:hover,
.header.style5 .main-menu>li.active>a{
color: #c99947;
}
/* HEADER STYLE 12 */
.header.style12 .main-menu>li{
padding: 0 18px;
}
.header.style12 .main-menu>li:first-child{
padding-left: 0;
}
.header.style12 .main-menu>li:last-child-child{
padding-right: 0;
}
.header.style12 .logo{
padding: 0;
}
.header.style12 .main-header{
padding-top: 30px;
padding-bottom: 60px;
}
.header.style12 .logo2{
text-align: center;
margin-bottom: 30px;
display: none;
}
.header.style12 .mini-cart{
padding-right: 0;
}
.header.style14 {
background-color: transparent;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: rgba(255,255,255,0.2);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
padding: 0 5px;
}
.header.style14 .main-header{
padding:0;
display: table;
width: 100%;
}
.header.style14 .logo{
padding: 30px 0;
text-align: center;
border-right-style: solid;
border-right-width: 1px;
border-right-color: rgba(255,255,255,0.2);
min-width: 262px;
width: 262px;
}
.header.style14 .main-menu{
float: left;
}
.header.style14 .main-menu{
margin: 0;
display: table;
width: 100%;
}
.header.style14 .logo,
.header.style14 .main-menu-wapper,
.header.style14 .right-control{
display: table-cell;
vertical-align: middle;
float: none;
}
.header.style14 .main-menu-wapper{
padding-left: 110px;
}
.header.style14 .right-control{
min-width: 330px;
width: 330px;
}
.header.style14 .main-menu>li>a{
padding: 30px 0;
color: #fff;
font-size: 14px;
}
.header.style14 .main-menu>li>a:hover,
.header.style14 .main-menu>li.active>a{
color: #c99947;
}
.header.style14 .main-menu>li>a:hover{
color: #c99947;
}
.header.style14 .main-menu>li>a:before{
display: none;
}
.header.style14 .box-search,
.header.style14 .box-settings,
.header.style14 .mini-cart{
padding: 17px 45px;
border-left-style: solid;
border-left-width: 1px;
border-left-color: rgba(255,255,255,0.2);
}
.header.style14 .box-search{
border-left: none;
padding: 17px 30px;
}
.header.style14 .box-search.open .icon{
opacity: 0;
}
.header.style14 .box-search .inner{
top: 18px;
background-color: transparent;
border: none;
color: #fff;
}
.header.style14 .box-search .icon{
padding-top: 13px;
}
.header.style14 .box-search .search{
background-color: transparent;
color: #fff;
}
.header.style14 .box-control{
min-height: 84px;
width: 100%;
float: none;
}
.header.style14 .mini-cart>a{
color: #fff;
}
.header.style14 .box-search .icon{
color: #fff;
}
.header.style14 .box-settings .icon{
color: #fff;
padding-top: 10px;
}
.header.style15{
background-color: rgba(0,0,0,0.8);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
}
.header.style15 .main-header {
padding: 40px 0;
}
.header.style15 .logo{
padding-top: 10px;
}
.header.style15 .main-menu{
margin: 0;
}
.header.style15 .box-search .icon{
padding-top: 10px;
}
.header.style15 .main-menu>li>a{
color: #ccc;
font-size: 14px;
}
.header.style15 .main-menu>li>a:hover,
.header.style15 .main-menu>li.active>a{
color: #c99947;
}
.header.style15 .main-menu>li>a:before{
display: none;
}
.header.style15 .box-search .icon,
.header.style15 .mini-cart>a{
color: #FFF;
font-size: 23px;
}
.header.style15 .box-settings .icon{
padding-top: 10px;
font-size: 23px;
color: #fff;
}
.header.style15 .box-control{
padding-left: 30px;
}
.header.style15 .box-search .inner{
top: -5px;
}
/* Header 16*/
.header.style16 .logo{
padding: 0;
width: 100%;
text-align: center;
padding-bottom: 15px;
}
.header.style16 .main-menu{
text-align: center;
float: none;
}
.header.style16 .topbar{
border-bottom: 1px solid #eaeaea;
}
.header.style16 .main-header{
padding: 40px 0 36px 0;
}
.header.style16 .mini-cart{
padding: 0;
border: none;
padding-right: 5px;
}
.header.style16 .main-menu>li{
padding: 0 20px;
}
.header.style16 .main-menu>li>a{
font-size: 14px;
}
/*HEADER SILDEBAR */
.header.sidebar{
position: fixed;
top: 0;
left: 0;
bottom: 0;
background-color: #111;
min-width: 375px;
max-width: 375px;
padding-top: 45px;
padding-left: 60px;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 100;
}
.header.sidebar .mCSB_inside > .mCSB_container{
margin: 0;
}
.header.sidebar .header-top{
position: relative;
}
.header-categoy-menu.closed{
right: -380px;
}
.header.sidebar.closed{
left: -380px;
}
.header.sidebar .main-menu{
margin-top: 30px;
}
.header.sidebar .main-menu>li{
display: block;
float: left;
width: 100%;
padding: 0;
padding-right: 60px;
}
.header.sidebar .main-menu>li>a{
color: #eee;
padding: 18px 0;
border-bottom: 1px dashed #454545;
width: 100%;
}
.header.sidebar .main-menu>li>a:hover,
.header.sidebar .main-menu>li.active>a{
color: #c99947;
}
.header.sidebar .main-menu .sub-menu>li{
padding: 0 20px;
}
.header.sidebar .main-menu .sub-menu>li>a{
padding: 10px 0;
}
.header.sidebar .main-menu>li:after,
.header.sidebar .main-menu>li>a:before{
display: none;
}
.header.sidebar .main-menu .sub-menu{
left: 0%!important;
max-width: 100%;
position:static;
display: none;
visibility: inherit;
opacity: 1;
filter: alpha(opacity=100);
min-width: 1px;
padding: 0;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.header.sidebar .box-settings .setting-content{
width: 200px;
padding: 10px;
}
.header.sidebar .main-menu .show-submenu>.sub-menu{
display: block;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.header.sidebar .close-header-sidebar,
.header.sidebar .open-header-sidebar,
.header-categoy-menu .close-header-sidebar,
.header-categoy-menu .open-header-sidebar{
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
text-align: center;
line-height: 30px;
color: #ccc;
font-size: 30px;
}
.header-categoy-menu .close-header-sidebar,
.header-categoy-menu .open-header-sidebar{
right: inherit;
left: 0;
}
.header.sidebar .open-header-sidebar{
right: -30px;
display: none;
background-color: #111;
color: #fff;
font-size: 14px;
}
.header-categoy-menu .open-header-sidebar{
right: inherit;
left: -30px;
display: none;
background-color: #111;
color: #fff;
font-size: 14px;
}
.header.sidebar.closed .open-header-sidebar,
.header-categoy-menu.closed .open-header-sidebar{
display: block;
}
.header.sidebar .social a{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
width: 35px;
height: 35px;
line-height: 36px;
float: left;
margin-right: 10px;
background: #fff;
text-align: center;
transition: all 0.3s ease 0s;
color: #2c2c2c;
font-size: 18px;
}
.header.sidebar .social a:last-child{
margin-right: 0;
}
.header.sidebar .social a .fa{
font-size: 18px;
line-height: 35px;
}
.header.sidebar .social a:hover{
background-color: #c99947;
transition: all 0.3s ease 0s;
}
.header.sidebar .social a:hover .fa{
color: #fff;
}
.header.sidebar .sidebar-footer{
font-size: 10px;
text-transform: uppercase;
color: #aaa;
padding: 60px 0;
float: left;
padding-top: 140px;
}
.header.sidebar .line-header{
width: 100%;
height: 6px;
display: block;
background: url('../images/driver.png') no-repeat center left;
display: block;
margin: 0 auto;
padding: 30px 0;
float: left;
}
.header.sidebar .box-control{
display: table;
margin-top: 30px;
width: auto;
float: left;
}
.header.sidebar .box-control .box-search,
.header.sidebar .box-control .mini-cart,
.header.sidebar .box-settings{
display: table-cell;
vertical-align: middle;
padding-right: 15px;
}
.header.sidebar .box-control .box-search .inner{
position: absolute;
top: 100%;
left: 0;
display: none;
min-width: 300px;
z-index: 2;
}
.header.sidebar .box-control .box-search .icon{
color: #fff;
font-size: 24px;
cursor: pointer;
}
.header.sidebar .box-control .mini-cart .cart-link{
font-size: 14px;
color: #fff;
position: relative;
}
.header.sidebar .mini-cart .count{
left: 15px;
top: -17px;
}
.header.sidebar .mini-cart .icon{
font-size: 24px;
}
.header.sidebar .mini-cart .text{
margin-left: 20px;
display: inline-block;
}
.header.sidebar .box-settings .icon{
color: #fff;
font-size: 24px;
line-height: normal;
}
.header.sidebar .box-settings{
padding-right: 0;
}
.header.sidebar .box-settings .settings-wrapper{
left: 100%;
top: inherit;
bottom: 100%;
}
.header-categoy-menu,
.header-categoy-menu.opened{
position: fixed;
top: 0;
bottom: 0;
right: 0;
min-width: 375px;
max-width: 375px;
background-image: url('../images/bg-header-menu.jpg');
background-position: top left;
background-repeat: no-repeat;
background-color: #111;
z-index: 100;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
padding-top: 80px;
padding-bottom: 60px;
padding-left: 60px;
padding-right: 60px;
}
.header-categoy-menu.opened .open-header-sidebar{
display: none;
}
.header-categoy-menu .mCSB_inside > .mCSB_container{
margin: 0;
}
.header-categoy-menu .block-category-carousel{
background-image: none;
padding: 0;
background-color: transparent;
}
.header-categoy-menu .block-category-carousel .list-cat li{
border: none;
padding: 10px 0;
text-align: center;
}
.header-categoy-menu .block-category-carousel .list-cat li>a{
width: 134px;
height: 134px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 1px dashed #454545;
display: inline-block;
padding-top: 35px;
}
.header-categoy-menu .block-category-carousel .list-cat li>a img{
width: auto;
}
.header-categoy-menu .block-category-carousel .block-inner{
margin-top: 80px;
}
.header-bottom-sidebar-menu{
margin: 0;
font-family: 'MontserratLight';
text-transform: none;
font-size: 13px;
margin-bottom: 20px;
display: table;
width: 100%;
margin-top: 20px;
float: left;
}
.header-bottom-sidebar-menu li{
position: relative;
}
.header-bottom-sidebar-menu>li{
list-style: none;
display: inline-block;
}
.header-bottom-sidebar-menu>li>a{
padding: 0 5px;
display: inline-block;
color: #666;
}
.header-bottom-sidebar-menu>li>a:hover{
color: #fff;
}
.header-bottom-sidebar-menu>.menu-item-has-children>a:after{
content: "\f107";
font-family: 'FontAwesome';
margin-left: 10px;
}
.header-bottom-sidebar-menu>li>a>.fa,
.header-bottom-sidebar-menu>li>a>img{
display: inline-block;
margin-right: 10px;
}
.header-bottom-sidebar-menu>li:first-child>a{
padding-left: 0;
}
.header-bottom-sidebar-menu .sub-menu{
position: absolute;
top: 100%;
left: 0;
min-width: 150px;
background-color: #fff;
padding: 10px;
opacity: 0;
visibility: hidden;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
-moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
-ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
-o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
transition: opacity .4s ease, transform .4s ease, visibility .4s linear 0s;
z-index: 1;
}
.header-bottom-sidebar-menu .menu-item-has-children.show-submenu>.sub-menu{
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
.header-bottom-sidebar-menu .sub-menu>li{
display: block;
}
.header-bottom-sidebar-menu .sub-menu>li>a{
color: #666;
display: inline-block;
}
.header-bottom-sidebar-menu .sub-menu>li>a:hover{
color: #c99947;
}
.header.sidebar.header13 .main-menu>li{
padding-right: 50px;
}
/* HEADER 9*/
.header.style9 .main-header {
padding: 0;
background-color: #111;
}
.header.style9 .main-menu{
margin: 0;
float: left;
}
.header.style9 .main-menu>li>a {
padding: 16px 0;
color: #eee;
}
.header.style9 .main-menu>li>a:hover,
.header.style9 .main-menu>li.active>a{
color: #c99947;
}
.header.style9 .logo{
padding-top: 15px;
}
.header.style9 .main-menu>li>a:before{
display: none;
}
.header.style9 .box-control{
min-height: 56px;
}
.header.style9 .box-search .icon,
.header.style9 .mini-cart>a,
.header.style9 .box-settings .icon{
color: #eee;
}
.header.style9 .box-settings .icon{
padding-top: 14px;
}
.header.header13 .box-control .box-search,
.header.header13 .box-control .mini-cart,
.header.header13 .box-settings {
vertical-align: middle;
}
.header.header13 .box-control .mini-cart{
border-left: 1px solid #cccccc;
padding-left: 20px;
}
.header.header13{
width: 345px;
min-width: 345px;
}
.header.header13.closed {
left: -345px;
}
.header-bottom-sidebar-menu ul{
padding: 0;
}
.header-bottom-sidebar-menu ul>li{
list-style: none;
display: inline-block;
}
/* HEADER ONTOP*/
#header-ontop {
position: absolute;
visibility: hidden;
opacity: 0;
}
#header-ontop.on-sticky {
visibility: inherit;
opacity: 1;
}
.header.ontop {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
padding: 5px 0;
-webkit-transition: padding 0.5s ease 0s;
-o-transition: padding 0.5s ease 0s;
transition: padding 0.5s ease 0s;
background-color: #fff;
}
.header.ontop .main-header {
display: none;
}
.header.ontop .top-header .inner {
border: none;
}
.header.style2.ontop .top-header {
display: none;
}
.header.style2.ontop .main-header {
display: block;
padding: 0;
padding-bottom: 10px;
}
.header.style2.ontop .menu-wapper {
width: 100%;
}
.header.style2.ontop .logo-wapper {
display: none;
}
.header.style2.ontop .main-menu {
float: left;
}
.header.style3.ontop .logo-wapper {
display: none;
}
.header.style3.ontop .menu-wapper {
width: 100%;
}
.header.style3.ontop .slogan {
display: none;
}
.header.style3.ontop .main-menu {
display: inline-block;
}
.header.style3.ontop .top-header {
display: inline-block;
width: auto;
float: right;
padding: 0;
border: none;
}
.header.style3.ontop .main-menu>li>a {
padding: 10px 0;
}
.header.style5.ontop .main-header {
display: block;
padding: 0;
}
.header.style5.ontop .top-header {
display: none;
}
.header.style9.ontop {
padding: 0;
}
.header.style9.ontop .main-header {
padding: 5px 0;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.header.style3.style4.ontop .control-wapper {
float: right;
}
.header.style3.style4.ontop .top-header {
display: block;
padding: 0 60px;
border: none;
width: 100%;
}
.header.style3.ontop .topbar{
display: none;
}
.header.style12.ontop .main-header{
display: block;
padding: 0;
}
.header.style12.ontop .logo-main,
.header.style12.ontop .logo2{
display: none;
}
.header.style12.ontop .control-wapper{
float: right;
}
/* PAGE LAYOUT */
.page-title{
text-transform: uppercase;
margin-bottom: 20px;
margin-top: 0px;
}
.page-title h3{
margin: 0;
}
.main-container{
padding: 33px 0;
}
.main-container.shop-with-banner{
padding-top: 0;
}
.left-slidebar .main-content{
float: right;
}
.header.style14.ontop{
background-color: #111;
padding: 0;
border: none;
}
.header.style14.ontop .main-header{
padding: 0;
display: table;
}
.header.style15.ontop{
background-color: #111;
}
.header.style15.ontop .main-header{
padding: 0;
}
.header.style15.ontop .main-menu{
float: right;
}
.header.style16.ontop .logo,
.header.style16.ontop .topbar{
display: none;
}
.header.style3.style4.ontop .box-control {
padding-top: 0;
}
/*------------------------------------
PRODUCT
------------------------------------*/
.product-item{
list-style: none;
}
.product-item .product-thumb{
position: relative;
}
.product-item .product-info{
text-align: center;
}
.product-item .product-name{
margin-bottom: 0;
margin-top: 5px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.product-item .product-name a{
text-transform: uppercase;
font-size: 12px;
color: #222222;
}
.product-item .product-name a:hover{
color: #c99947;
}
.product-item .price{
color: #222;
display: block;
margin-bottom: 15px;
}
.product-item .price ins{
text-decoration: none;
}
.product-item .price del{
color: #aaa;
font-size: 12px;
}
DS
.product-list .product-item{
margin-bottom: 30px;
}
.product-item .gorup-button{
position: absolute;
bottom: 0;
right: 0;
}
.product-item .has-back-image .back-image{
position: absolute;
right: 0;
left: 0;
top: 0;
width: 100%;
transition: opacity 0.5s ease-in-out 0s;
-moz-transition: opacity 0.5s ease-in-out 0s;
-webkit-transition: opacity 0.5s ease-in-out 0s;
backface-visibility: hidden;
-moz-backface-visibility: hidden;
-webkit-backface-visibility: hidden;
opacity: 0;
}
.product-item .has-back-image:hover .back-image{
opacity: 1;
}
.product-item .gorup-button{
right: 10px;
}
.product-item .wishlist,
.product-item .compare,
.product-item .quick-view{
position: relative;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
margin-bottom: 10px;
background-color: #fff;
display: block;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(0,1);
transform: scale(0,1);
opacity: 0;
filter: alpha(opacity=0);
color: #222;
}
.product-item:hover .wishlist,
.product-item:hover .compare,
.product-item:hover .quick-view{
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.product-item .wishlist:hover,
.product-item .compare:hover,
.product-item .quick-view:hover{
color: #fff;
background-color: #c99947;
}
.discount{
display: inline-block;
background-color: #000;
font-size: 14px;
color: #fff;
padding: 2px 10px;
position: absolute;
top: 10px;
right: 10px;
}
.product-item.style2 .product-info{
text-align: left;
}
.product-item.style2 .add_to_cart_button{
background-color: transparent;
padding: 0;
color: #c99947;
text-decoration: underline;
}
.product-item.style2 .add_to_cart_button:before{
content: '+';
display: inline-block;
}
.product-item.style2 .price{
margin-bottom: 5px;
}
.product-item.list .product-info{
text-align: left;
}
.product-item.list h3.product-name{
margin-top: 0;
}
.product-item.list .rating {
float: left;
margin-bottom: 30px;
width: 100%;
font-size: 15px;
}
.product-item.list .rating .fa{
color: #cccccc;
}
.product-item.list .gorup-button{
position: relative;
margin-top: 15px;
display: inline-block;
}
.product-item.list .gorup-button a{
border: 1px solid #cecece;
color: #999999;
display: inline-block;
text-align: center;
padding: 10px 13px;
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
position: relative;
line-height: normal;
font-size: 14px;
background-color: transparent;
width: auto;
height: auto;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0);
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0);
}
.product-item.list .gorup-button a:hover{
background-color: #111;
border-color: #111;
color: #fff;
}
.product-item.list .short-descript{
font-family: 'Roboto';
}
.product-item.list .available{
text-transform: uppercase;
color: #999;
}
.product-item.list .available span{
color: #c99947;
text-transform: none;
}
.product-item .color-option{
position: absolute;
left: 10px;
bottom: 10px;
overflow: hidden;
}
.product-item .color-option span{
display: inline-block;
width: 12px;
height: 12px;
float: left;
margin-right: 3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
/* PRODUCT STYLE 3*/
.product-item.style3 .add_to_cart_button{
border: 1px solid #cccccc;
background-color: transparent;
color: #333;
}
.product-item.style3 .add_to_cart_button:hover{
background-color: #111;
color: #fff;
border-color: #111;
}
.product-item.style3 .wishlist:hover,
.product-item.style3 .compare:hover,
.product-item.style3 .quick-view:hover {
color: #fff;
background-color: #111;
border-color: #111;
}
/* PRODUCT STYLE 4*/
.product-item.style4 .add_to_cart_button{
border: 1px solid #cccccc;
background-color: transparent;
color: #333;
}
.product-item.style4 .add_to_cart_button:hover{
background-color: #111;
color: #fff;
border-color: #111;
}
.product-item.style4 .gorup-button{
position: absolute;
right: 10px;
bottom: 65px;
}
.product-item.style4 .wishlist,
.product-item.style4 .compare,
.product-item.style4 .quick-view {
position: relative;
width: 35px;
height: 35px;
text-align: center;
line-height: 35px;
margin-bottom: 10px;
background-color: #fff;
display: block;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-transform: scale(0,1);
transform: scale(0,1);
opacity: 0;
filter: alpha(opacity=0);
color: #cdcdcd;
border: 1px solid #cdcdcd;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);
box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);
}
.product-item.style4 .wishlist:hover,
.product-item.style4 .compare:hover,
.product-item.style4 .quick-view:hover {
color: #fff;
background-color: #111;
border-color: #111;
}
.product-item.style4:hover .wishlist,
.product-item.style4:hover .compare,
.product-item.style4:hover .quick-view {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(1);
transform: scale(1);
}
.product-item.style4 .add-cart-wapper{
padding-top: 12px;
text-align: center;
position: absolute;
bottom: -60px;
left: 0;
right: 0;
background-color: #fff;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.product-item.style4:hover .add-cart-wapper{
bottom: 0;
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
.product-item.style4 .product-thumb{
overflow: hidden;
}
.product-item.style5 .sale,
.product-item.style5 .new{
width: 46px;
height: 46px;
color: #fff;
text-transform: uppercase;
background-color: #333;
font-size: 10px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
line-height: 46px;
display: inline-block;
position: absolute;
left: 12px;
top: 12px;
text-align: center;
z-index: 2;
}
.product-item.style5 .new{
background-color: #d2a251;
}
.product-item.style5 .product-thumb{
overflow: hidden;
}
.product-item.style5 .gorup-button{
left: 0;
right: 0;
bottom: -100px;
padding-top: 17px;
background-color: #fff;
text-align: center;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.product-item.style5:hover .gorup-button{
bottom: 0;
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
z-index: 1;
}
.product-item.style5 .wishlist,
.product-item.style5 .compare,
.product-item.style5 .quick-view{
display: inline-block;
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
filter: alpha(opacity=100);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);
box-shadow: 0 1px 3px rgba(0,0,0,0), 0 1px 2px rgba(0,0,0,0);
background-color: transparent;
margin: 0;
width: 36px;
height: 36px;
}
.product-item.style5 .compare,
.product-item.style5 .quick-view{
border:1px solid #333;
color: #333;
border-color: #333;
}
.product-item.style5 .compare:hover,
.product-item.style5 .quick-view:hover,
.product-item.style5 .add_to_cart_button:hover{
color: #fff;
border-color: #c99947;
background-color: #c99947;
}
.product-item.style5 .add_to_cart_button{
border:1px solid #333;
background-color: transparent;
color: #333;
padding: 5px 20px;
vertical-align: top;
}
.product-item.style5 .product-info{
text-align: left;
}
.product-item.style5 .price{
display: inline-block;
color: #c99947;
}
.product-item.style5 .wishlist{
color: #c99947;
float: right;
width: auto;
height: auto;
line-height: 24px;
}
.product-item.style5 .wishlist:hover{
color: #333;
}
.product-item .status{
position: absolute;
top: 0;
right: 0;
}
.product-item .status .sale ,
.product-item .status .new {
float: left;
text-align: center;
width: 23px;
height: auto;
webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
font-size: 12px;
position: relative;
top: inherit;
left: inherit;
margin-right: 10px;
position: relative;
overflow: hidden;
}
.product-item .status .text,
.product-item .status .text{
display: inline-block;
transform: rotate(90deg);
margin-left: -4px;
}
.product-item .status .sale{
background-color: #9ec8b3;
}
.loadmore-link{
border-top: 1px solid #eeeeee;
border-bottom: 1px solid #eeeeee;
display: inline-block;
width: 100%;
float: left;
text-align: center;
padding: 22px 0;
color: #666;
text-transform: uppercase;
text-decoration: underline;
font-size: 12px;
margin-top: 10px;
}
.loadmore-link:hover{
color: #c99947;
}
.shop-top{
display: table;
width: 100%;
margin-bottom: 33px;
}
/* BREADCRUMBS */
.breadcrumbs{
font-family: 'Roboto';
color: #555;
display: inline-block;
}
.breadcrumbs a:after {
content: "/";
padding: 0 2px;
display: inline-block;
}
.breadcrumbs a{
color: #111111;
}
.breadcrumbs a:hover{
color: #c99947;
}
.breadcrumbs.style2{
padding: 20px 0;
margin-bottom: 20px;
}
.orderby-wapper{
display: inline-block;
padding-left: 50px;
}
.woocommerce-result-count{
display: inline-block;
font-family: 'Roboto';
}
.orderby-wapper .chosen-container-single .chosen-single{
border: none;
padding: 0;
text-transform: uppercase;
font-size: 12px;
}
.orderby-wapper .orderby{
min-width: 160px;
}
.orderby-wapper.display-products .orderby{
min-width: 120px;
}
.show-grid-list{
display: inline-block;
padding-left: 25px;
}
.orderby-wapper .chosen-container-single .chosen-single div{
line-height: 26px;
right: 0;
}
.shop-top .shop-top-left{
display: inline-block;
float: left;
}
.shop-top .shop-top-right{
float: right;
display: inline-block;
}
.shop-top .label-filter{
text-transform: uppercase;
color: #222;
font-size: 12px;
display: inline-block;
margin-right: 5px;
}
.shop-top .show-grid-list a{
color: #999;
display: inline-block;
border-right: 1px solid #e8e8e8;
padding: 0 7px;
line-height: 20px;
}
.shop-top .show-grid-list a:last-child{
padding-right: 0;
border: none;
}
.shop-top .show-grid-list a:first-child{
padding-left: 0;
}
.shop-top .show-grid-list a:hover,
.shop-top .show-grid-list a.active{
color: #c99947;
}
/*-------------------------
WIDGET
--------------------------*/
.widget{
margin-bottom: 25px;
}
.widget:last-child{
margin-bottom: 0;
}
.widget .widget-title{
font-size: 15px;
text-transform: uppercase;
margin-bottom: 15px;
position: relative;
}
.widget ul{
padding: 0;
margin: 0;
}
.widget ul li {
list-style: none;
border-bottom: 1px dashed #d8d8d8;
}
.widget_product_categories li,
.widget_layered_nav li{
line-height: 40px;
font-family: 'Roboto';
font-size: 15px;
}
.widget_product_categories li a,
.widget_layered_nav li a{
color: #555;
}
.widget_product_categories .count,
.widget_layered_nav .count{
color: #aaaaaa;
float: right;
font-size: 12px;
}
.widget_product_categories li a:hover,
.widget_product_categories li.current-cat a,
.widget_layered_nav li a:hover{
color: #c99947;
}
.widget_product_categories li .count-item{
color: #aaa;
font-size: 12px;
float: right;
}
.tagcloud{
overflow: hidden;
font-family: 'Roboto';
}
.tagcloud a{
height: 35px;
line-height: 35px;
font-size: 12px!important;
color: #222;
display: inline-block;
float: left;
margin:10px 10px 0 0;
padding: 0 12px;
background-color: #f3f3f3;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
.tagcloud a:hover{
color: #fff;
background-color: #c99947;
}
.widget_price_filter .price_slider_wrapper{
padding-top: 10px;
font-family: 'Roboto';
}
.widget_price_filter .slider-range-price{
position: relative;
height: 5px;
border: 1px solid #eeeeee;
}
.widget_price_filter .ui-widget-header{
height: 5px;
background: #d0d0d0;
position: absolute;
}
.widget_price_filter .ui-slider-handle{
width: 12px;
height: 12px;
background: #111111;
display: inline-block;
top: -4px;
position: absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.widget_price_filter .ui-slider-handle:last-child{
background-color: #c99947;
}
.widget_price_filter .amount-range-price{
text-align: center;
padding-bottom: 15px;
color: #555;
}
.widget_price_filter .button{
margin-top: 40px;
padding-left: 30px;
padding-right: 30px;
border: none;
}
.yith-woocompare-widget .no-product{
line-height: 24px;
text-align: center;
padding: 45px 0;
margin-top: 24px;
color: #555;
}
.widget_product_top_sale ul{
padding: 0;
margin-top: 40px;
}
.widget_product_top_sale ul li{
list-style: none;
padding-bottom: 30px;
overflow: hidden;
}
.widget_product_top_sale ul li:last-child{
padding-bottom: 0;
}
.widget_product_top_sale .p-thumb{
width: 100px;
height: 70px;
float: left;
padding-right: 30px;
}
.widget_product_top_sale .p-name{
font-size: 12px;
font-weight: 500;
}
.widget_product_top_sale .p-name a{
color: #303030;
}
.widget_product_top_sale .p-name a:hover{
color: #c99947;
}
.widget_product_top_sale .price{
font-size: 14px;
}
.widget_search .screen-reader-text,
.widget_product_search .screen-reader-text{
display: none;
}
.widget_search form,
.widget_product_search form{
position: relative;
}
.widget_search .search-field,
.widget_product_search .search-field{
width: 100%;
padding: 9px 20px;
color: #303030;
}
.widget_search .button-submit,
.widget_product_search .button-submit{
position: absolute;
top: 0;
right: 0;
width: 45px;
height: 45px;
background-color: transparent;
border: none;
text-align: center;
line-height: 45px;
font-size: 0;
}
.widget_search .button-submit:before,
.widget_product_search .button-submit:before{
font-family: 'FontAwesome';
content: "\f002";
font-size: 12px;
line-height: inherit;
}
.blog-slidebar .widget{
border: 1px solid #e8e8e8;
padding: 15px;
padding-top: 25px;
}
.blog-slidebar .widget .widget-title:after{
background-color: #e1571a;
}
.blog-slidebar .widget .widget-title{
border: none;
padding-bottom: 7px;
}
.widget_categories li{
line-height: 49px;
border-bottom: 1px solid #e8e8e8;
}
.widget_categories li:last-child{
border-bottom: none;
}
.widget_categories li>a{
color: #333;
padding-left: 10px;
display: inline-block;
}
.widget_categories li>a:before{
content: "\f105";
font-family: 'FontAwesome';
padding-right: 0;
opacity: 0;
visibility: hidden;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
width: 0px;
}
.widget_categories li>a:hover:before,
.widget_categories li.current-cat>a:before{
opacity: 1;
width: auto;
filter: alpha(opacity=100);
padding-right: 10px;
visibility: inherit;
}
.widget_categories li>a:hover{
color: #e1571a;
}
.widget_categories li ul{
padding-left: 20px;
border-top: 1px solid #e8e8e8;
}
.widget_categories li ul li{
padding-left: 0;
}
.widget_recent_product .product-categories li{
border-bottom: 1px solid #eee;
line-height: normal;
padding: 15px 0;
overflow: hidden;
}
.widget_recent_product .product-thumb{
width: 80px;
float: left;
}
.widget_recent_product .product-info{
overflow: hidden;
padding-left: 30px;
}
.widget_recent_product .product-name{
line-height: 20px;
}
.widget_recent_product .product-name a{
font-size: 12px;
color: #222;
text-transform: uppercase;
line-height: normal;
}
.widget_recent_product .product-name a:hover{
color: #c99947;
}
.widget_recent_product .price{
color: #222;
}
.widget_recent_product .price ins{
text-decoration: none;
}
.widget_recent_product .price del{
color: #999;
}
.widget_fillter_color a{
display: inline-block;
border: 1px solid transparent;
padding: 2px;
line-height: normal;
}
.widget_fillter_color a span{
width: 21px;
height: 21px;
display: inline-block;
float: left;
}
.widget_fillter_color a:hover,
.widget_fillter_color a.active{
border-color: #666;
}
.widget_fillter_size .inner{
overflow: hidden;
}
.widget_fillter_size a{
display: inline-block;
padding: 3px 5px;
background-color: #efefef;
color: #333;
line-height: normal;
min-width: 24px;
text-align: center;
float: left;
margin-right: 15px;
}
.widget_fillter_size a:hover,
.widget_fillter_size a.active{
background-color: #333333;
color: #fff;
}
/*------------
ICON
--------------*/
.element-icon{
font-size: 12px;
margin-bottom: 30px;
position: relative;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.element-icon .icon{
float: left;
margin-right: 20px;
}
.element-icon .title{
font-size: 12px;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
color: #222;
}
.element-icon .content{
overflow: hidden;
font-size: 14px;
font-family: 'Roboto', sans-serif;
}
.element-icon.style2{
border: 1px dashed #bcbcbc;
padding: 48px 0;
text-align: center;
display: table;
width: 100%;
text-align: center;
}
.element-icon.style2:before {
content: "";
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
z-index: 9;
border-top: 1px dashed #c99947;
border-bottom: 1px dashed #c99947;
transform: scale(0, 1);
}
.element-icon.style2:after {
content: "";
position: absolute;
top: -1px;
left: -1px;
bottom: -1px;
right: -1px;
z-index: 9;
border-left: 1px dashed #c99947;
border-right: 1px dashed #c99947;
transform: scale(1, 0);
}
.element-icon.style2:hover:before,
.element-icon.style2:hover:after{
transform: scale(1);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.element-icon.style2:hover,
.element-icon.style2:hover .title{
color: #c99947;
}
.element-icon.style2 .icon{
display: inline-block;
font-size: 36px;
float: none;
margin: 0;
margin-right: 20px;
}
.element-icon.style2 .content{
display: inline-block;
color: #222;
margin-top: -5px;
}
.element-icon.style2 .title{
margin: 0;
margin-bottom: 7px;
}
.element-icon.style3 .icon{
width: 80px;
height: 70px;
border: 2px solid #c99947;
color: #c99947;
font-size: 30px;
text-align: center;
line-height: 66px;
margin: 0 auto;
float: none;
margin-bottom: 20px;
position: relative;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.element-icon.style3 .icon:before{
content: "";
position: absolute;
top: -2px;
left: -2px;
bottom: -2px;
right: -2px;
z-index: 9;
border-top: 2px solid rgba(255, 255, 255, 0.8);
border-bottom: 2px solid rgba(255, 255, 255, 0.8);
transform: scale(0, 1);
}
.element-icon.style3 .icon:after{
content: "";
position: absolute;
top: -2px;
left: -2px;
bottom: -2px;
right: -2px;
z-index: 9;
border-left: 2px solid rgba(255, 255, 255, 0.8);
border-right: 2px solid rgba(255, 255, 255, 0.8);
transform: scale(1, 0);
}
.element-icon.style3:hover .icon:before,
.element-icon.style3:hover .icon:after{
transform: scale(1);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.element-icon.style3:hover .icon{
color: #fff;
}
.element-icon.style3 .content{
text-align: center;
}
.element-icon.style3 .title{
font-size: 18px;
color: #fff;
margin: 0;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
font-family: 'MontserratLight';
}
.element-icon.style3 .subtite{
font-family: 'Playfair Display';
color: #c99947;
font-size: 14px;
font-style: italic;
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.element-icon.style3:hover .title{
color: #c99947;
}
.element-icon.style3:hover .subtite{
color: #fff;
}
.element-icon.style4{
margin: 0;
}
.element-icon.style4:hover{
color: #c99947;
}
.element-icon.style4 .inner{
padding: 50px 0;
text-align: center;
}
.element-icon.style4 .icon{
font-size: 30px;
padding-top: 5px;
vertical-align: middle;
float: none;
display: inline-block;
}
.element-icon.style4 .content{
display: inline-block;
vertical-align: middle;
text-align: left;
}
.element-icon.style4 .title{
font-size: 18px;
margin: 0;
font-family: 'MontserratLight';
}
.element-icon.style4 .title strong{
font-family: 'Montserrat';
font-weight: 700;
}
.element-icon.style4 .subtite{
color: #666;
font-family: 'Playfair Display';
font-size: 14px;
}
.element-icon.plus:after{
content: '+';
display: inline-block;
font-size: 30px;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #c99947;
font-weight: 700;
}
/*----------------------------------
FOOTER
-----------------------------------*/
.footer{
background-color: #0b0b0b;
color: #888;
padding-top: 50px;
}
/*.footer .flex-flow{
flex-flow: row wrap;
display: flex;
}*/
.footer .widget{
margin-top: 30px;
text-align: center;
}
.footer .widget .widget-title{
font-size: 19px;
color: #eeeeee;
margin-bottom: 30px;
text-transform: none;
}
.footer .widget .widget-title:after{
content: '';
width: 23px;
height: 6px;
display: block;
background: url('../images/driver.png') no-repeat center center;
display: block;
margin: 0 auto;
margin-top: 10px;
}
.footer .contact-info .content{
padding: 0 40px;
}
.footer .contact-info .phone{
color: #fff;
font-size: 18px;
}
.footer .our-service ul li{
line-height: 28px;
list-style: none;
line-height: 28px;
list-style: none;
border: none;
}
.footer .our-service ul li a{
color: #888888;
}
.footer .our-service ul li a:hover{
color: #c99947;
}
.footer .widget_social .social a{
width: 44px;
height: 44px;
line-height: 44px;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
margin: 0 3px;
color: #2c2c2c;
text-align: center;
font-size: 24px;
background-color: #fff;
margin-bottom: 10px;
}
.footer .widget_social .social a:hover{
background-color:#c99947;
color: #fff;
}
.footer .footer-bottom{
margin-top: 60px;
}
.footer .payment{
padding: 40px 0;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgba(25,25,25,0.9);
text-align: center;
font-size: 12px;
}
.footer .payment .head,
.footer .payment .list{
display: inline-block;
}
.footer .payment .head {
padding-right: 100px;
text-align: center;
}
.footer .payment .head span:first-child{
display: block;
font-size: 11px;
color: #fff;
text-transform: uppercase;
}
.footer .payment .list{
margin: 0 -25px;
}
.footer .payment .list img{
opacity: 0.2;
vertical-align: middle;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.footer .payment .list a{
padding: 0 25px;
float: left;
}
.footer .payment .list a:hover>img{
opacity: 1;
}
.footer .widget_newletter .newletter{
position: relative;
}
.footer .widget_newletter .email-text{
border-color: #ccc;
width: 100%;
padding: 7px 15px;
padding-right: 65px;
background-color: transparent;
}
.footer .widget_newletter .button{
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 40px;
padding: 0;
line-height: 40px;
font-weight: bold;
}
.footer .footer-sidebar{
border-right-width:1px;
border-right-style: solid;
border-right-color: rgba(25,25,25,0.9);
min-height: 295px;
}
.footer .footer-sidebar:last-child{
border: none;
}
.footer.style2{
background-color: #f0f0f0;
color: #666;
font-family: 'MontserratLight';
font-size: 13px;
}
.footer.style2 .our-service ul li a{
color: #666;
}
.footer.style2 .our-service ul li a:hover{
color: #c99947;
}
.footer.style2 .widget .widget-title{
color: #333;
font-family: 'Montserrat';
}
.footer.style2 .contact-info .phone{
color: #999;
}
.footer.style2 .widget_social .social a{
background-color: transparent;
color: #cccccc;
font-size: 18px;
border: 2px solid #ccc;
line-height: 40px;
}
.footer.style2 .widget_social .social a:hover{
background-color: transparent;
color: #c99947;
border-color: #c99947;
}
.footer .fick_photo .fick-photo{
margin: 0 -7px;
padding: 0;
}
.footer .fick_photo .fick-photo li{
display: inline-block;
float: left;
padding: 0 7px;
width: 25%;
margin-bottom: 14px;
border: none;
}
.footer .fick_photo img:hover{
opacity: 0.6;
}
.footer.style2 .payment{
border-color: #e0e0e0;
}
.footer.style2 .payment .head span:first-child{
color: #333;
font-size: 12px;
font-weight: 700;
}
.footer.style2 .footer-sidebar{
border-right: 1px solid #e0e0e0;
}
.footer.style2 .footer-sidebar:last-child{
border:none;
}
.footer.style2 .widget_social .social a{
width: 36px;
height: 36px;
line-height: 32px;
font-size: 18px;
}
.footer.style3 .widget{
text-align: left;
}
.footer.style3 .widget .widget-title:after{
display: none;
}
.footer.style3 .our-service ul li{
list-style: inherit;
}
.footer.style3 .our-service ul{
padding-left: 16px;
}
.footer.style3 .contact-info .content{
padding: 0;
}
.footer.style3 .contact-info .logo{
margin-bottom: 25px;
}
.footer.style3 .contact-info p{
margin-bottom: 10px;
font-size: 13px;
color: #666;
}
.footer.style3 .contact-info p .fa{
font-size: 18px;
display: inline-block;
margin-right: 10px;
color: #999;
}
.footer.style2 .contact-info .phone{
color: #666;
}
.footer.style4{
text-align: center;
font-size: 13px;
font-family: 'MontserratLight';
}
.footer.style4 .contact-info .logo{
margin-bottom: 20px;
}
.footer.style4 .contact-info p{
margin-bottom: 10px;
}
.footer .footer-menu{
margin: 0;
}
.footer .footer-menu li{
list-style: none;
display: inline-block;
}
.footer .footer-menu li>a{
color: #666;
padding: 0 5px;
border-right: 1px solid #666;
display: inline-block;
line-height: 10px;
}
.footer .footer-menu li>a:hover{
color: #c99947;
}
.footer .footer-menu li:last-child>a{
border:none;
}
/* Footer style 5*/
.footer.style5{
text-align: center;
font-size: 13px;
font-family: 'MontserratLight';
}
.footer.style5 .widget{
text-align: left;
}
.footer.style5 .contact-info .logo{
margin-bottom: 20px;
}
.footer.style5 .contact-info .content{
padding: 0;
}
.footer.style5 .contact-info p{
margin-bottom: 10px;
}
.footer.style5 .contact-info .phone{
font-size: inherit;
}
.footer.style5 .contact-info .fa{
display: inline-block;
margin-right: 10px;
font-size: 18px;
color: #999;
}
.footer.style5 .widget .widget-title:after{
display: none;
}
.footer.style5 .our-service ul li{
list-style: inherit;
}
.footer.style5 .our-service ul{
padding-left: 15px;
}
.footer.style5 .widget_newletter .button{
background-color: transparent;
color: #666666;
font-weight: 700;
border-left: 1px solid #dadada;
width: 58px;
height: 34px;
line-height: 34px;
}
.footer.style5 .widget_newletter .email-text{
padding: 4px 15px;
border-color: #dadada;
background-color: transparent;
}
.footer.style5 .widget_social .social a{
width: 34px;
height: 34px;
border:1px solid #dadada;
font-size: 18px;
color: #666;
line-height: 30px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
margin-bottom: 10px;
}
.footer.style5 .widget_social .social a:hover{
color: #c99947;
}
.footer.style5 .tagcloud a{
border:1px solid #dadada;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
color: #666;
background-color: transparent;
height: 30px;
line-height: 28px;
}
.footer.style5 .tagcloud a:hover{
background-color: #222;
color: #fff;
border-color: #222;
}
/* Footer style 6*/
.footer.style6{
padding: 30px 0;
padding-bottom: 0;
}
.footer.style6 .widget .widget-title:after{
display: none;
}
.footer.style6 .contact-info .content{
padding: 0;
}
.footer.style6 .contact-info p{
margin-bottom: 5px;
}
.footer.style6 .widget_text p{
margin-bottom: 0;
}
.footer.style6 .payment{
padding: 33px 0;
}
.footer.style6 .widget_social .social a:hover{
color: #3a5795;
border-color: #3a5795;
}
.footer.style6 .footer-bottom{
margin-top: 30px;
}
/* HOME SLIDE */
.home-slide1 .owl-next{
right: -30px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.home-slide1 .owl-prev{
left: -30px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.home-slide3.owl-carousel:hover .owl-prev{
left: 100px;
}
.home-slide3.owl-carousel:hover .owl-next{
right: 100px;
}
.home-slide7.owl-carousel .owl-next,
.home-slide7.owl-carousel .owl-prev{
bottom: 0;
right: 0;
position: absolute;
}
.home-slide7.owl-carousel .owl-prev{
right: 64px;
}
.slide-fullscreen .item-slide {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.home-slide9.owl-carousel .owl-next:before,
.home-slide9.owl-carousel .owl-prev:before{
font-size: 80px;
}
.home-slide9.owl-carousel:hover .owl-next{
right: 297px;
}
.home-slide9.owl-carousel:hover .owl-prev{
left: 297px;
}
/* BANNER PRODUCT */
.banner-product{
position: relative;
display: inline-block;
margin-bottom: 30px;
}
.banner-product img{
width: 100%;
height: auto;
}
.banner-product:before{
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 100%;
background-color: rgba(0,0,0,0.7);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
}
.banner-product:hover:before{
opacity: 1;
filter: alpha(opacity=100);
}
.banner-product .text{
position: absolute;
top: 50%;
z-index: 1;
color: #fff;
font-size: 12px;
text-transform: uppercase;
left: 0;
width: 100%;
padding: 0 40px;
text-align: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: none;
}
.banner-product:hover .text{
display: block;
}
.banner-product .price{
padding: 8px 15px;
color: #222;
position: absolute;
bottom: 30px;
right: 30px;
background-color: #fff;
z-index: 2;
}
.banner-product .price ins{
text-decoration: none;
}
.banner-product .price del{
color: #aaaaaa;
font-size: 12px;
}
/* SECTION TITLE*/
.section-title{
margin-bottom: 60px;
position: relative;
}
.section-title h3{
font-size: 24px;
text-transform: uppercase;
color: #222;
margin-bottom: 0;
position: relative;
display: inline-block;
}
.section-title h3:before{
content: "";
display: inline-block;
height: 2px;
left: 10px;
margin: 0 -30px 6px 0;
width: 47px;
background-color: #c99947;
}
.section-title .sub-title {
color: #555555;
display: block;
font-family: "Playfair Display",serif;
font-size: 14px;
font-style: italic;
position: relative;
}
.section-title.style2{
margin-bottom: 40px;
}
.section-title.style2 h3:before{
display: none;
}
.section-title.style2 h3:after{
content: '';
display: block;
margin: 0 auto;
width: 185px;
height: 10px;
background-color: transparent;
background-image: url('../images/arow.png');
background-position: center center;
background-repeat: no-repeat;
margin-top: 15px;
}
.section-title.style2 .sub-title{
color: #aaaaaa;
}
.section-title.style3{
margin-bottom: 40px;
}
.section-title.style3 h3{
font-size: 18px;
}
.section-title.style4 h3{
font-size: 24px;
color: #333;
}
.section-title.style4 h3:before,
.section-title.style4 h3:after{
content: '';
width: 22px;
height: 1px;
background-color: #c99947;
margin: 0;
padding: 0;
vertical-align: middle;
margin: 0 10px;
display: inline-block;
}
.section-title.style4 .text-head{
text-transform: uppercase;
position: absolute;
text-align: center;
left: 50%;
top: 50%;
font-size: 80px;
color: #ededed;
font-weight: 700;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.section-title.style5{
margin-bottom: 0;
}
.section-title.style5 h3{
color: #fff;
position: relative;
padding-left: 40px;
font-size: 34px;
}
.section-title.style5 h3 span{
position: relative;
letter-spacing: 5px;
}
.section-title.style5 h3:before{
width: 319px;
height: 173px;
border-width: 3px;
border-style: solid;
border-color: rgba(201,153,71,0.5);
background-color: transparent;
position: absolute;
left: 0;
margin: 0;
top: -63px;
}
.section-title.style5 .text-head{
font-size: 100px;
text-transform: uppercase;
position: absolute;
color: rgba(201,153,71,0.5);
}
.section-title.style6 h3{
font-size: 30px;
}
.section-title.style6 h3:before{
display: none;
}
.section-title.style6 .sub-title:after{
content: '';
width: 50px;
height: 2px;
background-color: #c99947;
display: block;
margin: 0 auto;
margin-top: 5px;
}
.section-title.style7 .sub-title:after,
.section-title.style7 h3:before{
display: none;
}
.section-title.style7 h3{
margin-top: 7px;
}
.title-border{
font-size: 14px;
margin-bottom: 30px;
}
.title-border .text{
display: inline-block;
text-transform: uppercase;
}
.title-border .text:after{
content: '';
display: block;
height: 2px;
background-color: #222;
margin-top: 5px;
}
.title-border .subtext{
color: #999;
margin-left: 20px;
font-family: 'Roboto';
font-weight: normal;
}
/* lastest-blog */
.lastest-blog .left,
.lastest-blog .right{
width: 50%;
float: left;
}
.lastest-blog .right{
text-align: right;
}
.lastest-blog .blog-date {
float: left;
padding: 55px 0 20px;
width: 100%;
}
.lastest-blog .blog-date .day {
color: #666666;
float: left;
font-size: 60px;
line-height: 49px;
margin-right: 10px;
font-family: 'Roboto', sans-serif;
font-weight: 100;
}
.lastest-blog .blog-date .month,
.lastest-blog .blog-date .year {
clear: none;
float: left;
font-size: 13px;
color: #555555;
font-family: 'Roboto', sans-serif;
font-weight: 300;
}
.lastest-blog .blog-title a{
color: #222;
text-transform: uppercase;
font-size: 18px;
}
.lastest-blog .blog-title {
margin-bottom: 20px;
}
.lastest-blog .blog-title a:hover{
color: #c99947;
}
.lastest-blog .meta {
color: #333333;
float: left;
font-family: roboto;
font-size: 13px;
font-weight: 300;
line-height: 20px;
}
.lastest-blog .meta .fa{
color: #c99947;
}
.lastest-blog .meta span{
display: inline-block;
padding: 0 5px;
border-right: 1px solid #e6e6e6;
}
.lastest-blog .meta span:first-child{
padding-left: 0;
}
.lastest-blog .meta span:last-child{
padding-right: 0;
border: none;
}
/*.lastest-blog .right a{
position: relative;
display: inline-block;
}
.lastest-blog .right a:before {
content: "";
float: left;
left: 0;
position: absolute;
top: 45%;
z-index: 9;
width: 0;
height: 0;
border-bottom: 12px solid transparent;
border-left: 12px solid white;
border-top: 15px solid transparent;
}*/
.lastest-blog.style2 .left,
.lastest-blog.style2 .right{
width: 100%;
position:relative;
text-align: left;
}
.lastest-blog.style2 .blog-date{
position: absolute;
top: 10px;
left: 10px;
background-color: #c99947;
color: #fff;
width: auto;
padding: 15px;
font-family: 'Roboto';
font-weight: 300;
display: table;
}
.lastest-blog.style2 .blog-date .year{
display: block;
}
.lastest-blog.style2 .day,
.lastest-blog.style2 .group{
display: table-cell;
vertical-align: top;
color: #fff;
}
.lastest-blog.style2 .year,
.lastest-blog.style2 .month{
clear: left;
color: #fff;
}
.lastest-blog.style2 .right a:before{
display: none;
}
.lastest-blog.style2 .owl-next,
.lastest-blog.style2 .owl-prev{
display: inline-block;
}
.lastest-blog.style2 .owl-prev{
margin-right: 5px;
}
.lastest-blog.style2 .owl-nav{
margin-top: 40px;
}
.lastest-blog.style3 .blog-title a{
font-size: 14px;
font-weight: 700;
color: #333;
}
.lastest-blog.style3 .blog-title a:hover{
color: #c99947;
}
.lastest-blog.style3 .blog-title{
margin-bottom: 10px;
}
.lastest-blog.style3 .thumb{
margin-bottom: 5px;
position: relative;
}
.lastest-blog.style3 .thumb a:after{
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,0.3);
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.lastest-blog.style3 .thumb:hover a:after{
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.lastest-blog.style3 .thumb a:before{
content: '+';
position: absolute;
top: 50%;
left: 50%;
color: #fff;
text-align: center;
vertical-align: middle;
font-size: 30px;
font-family: 'Roboto';
font-weight: 100;
z-index: 1;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.lastest-blog.style3 .thumb:hover a:before{
opacity: 1;
filter: alpha(opacity=100);
}
.lastest-blog.style3 .metas{
font-family: 'MontserratLight';
font-size: 12px;
}
.lastest-blog.style3 .metas span:after{
content: '-';
display: inline-block;
margin: 0 5px;
}
.lastest-blog.style3 .metas span:last-child:after{
display: none;
}
.lastest-blog.style3 .desc{
font-family: 'MontserratLight';
font-size: 13px;
}
.lastest-blog.style4 .left{
position: absolute;
right: 0;
border-width: 5px;
border-style: solid;
border-color: rgba(201,153,71,0.5);
top: 20px;
bottom: 20px;
padding-top: 30px;
padding-left: 60px;
width: 55%;
z-index: 1;
}
.lastest-blog.style4 .left:hover {
box-shadow: inset 0 0 0 5px #c99947;
border-color: #c99947;
-webkit-transition: all 0.3s ease 0.3s;
-o-transition: all 0.3s ease 0.3s;
transition: all 0.3s ease 0.3s;
}
.lastest-blog.style4 .right a{
width: 100%;
}
.lastest-blog.style4 .right{
float: left;
}
.lastest-blog.style4 .blog-date{
padding: 0;
font-family: 'MontserratLight';
margin-bottom:15px;
}
.lastest-blog.style5{
position: relative;
}
.lastest-blog.style5 .item-blog{
overflow: hidden;
}
.lastest-blog.style5 .info{
position: absolute;
left: 10px;
right: 10px;
bottom: -100px;
background-color: rgba(255,255,255,0.9);
text-align: center;
padding: 10px;
line-height: 17px;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
opacity: 0;
visibility: hidden;
}
.lastest-blog.style5 .item-blog:hover .info{
bottom: 10px;
opacity: 1;
visibility: inherit;
}
.lastest-blog.style5 .metas{
font-family: 'MontserratLight';
text-transform: uppercase;
font-size: 10px;
color: #666666;
}
.lastest-blog.style5 .metas>span:before{
content: '-';
display: inline-block;
margin: 0 5px;
}
.lastest-blog.style5 .metas>span:first-child:before{
display: none;
}
.lastest-blog.style5 .metas .date .day{
font-family: 'Montserrat';
font-weight: 700;
font-size: 24px;
}
.lastest-blog.style5 .metas .date .day:after{
content: '/';
display: inline-block;
font-family: 'MontserratLight';
font-size: 16px;
}
.lastest-blog.style5 .blog-title{
margin: 0;
}
.lastest-blog.style5 .blog-title a{
font-size: 14px;
font-weight: 700;
}
.lastest-blog.style5 .readmore{
text-transform: uppercase;
font-size: 12px;
text-decoration: underline;
}
.lastest-blog.style5 .owl-stage-outer:before,
.lastest-blog.style5 .owl-stage-outer:after{
content: '';
display: inline-block;
background-color: rgba(255,255,255,0.5);
position: absolute;
top: 0;
bottom: 0;
width: 100%;
z-index: 10;
}
.lastest-blog.style5 .owl-stage-outer:before{
right: 100%;
}
.lastest-blog.style5 .owl-stage-outer:after{
left: 100%;
}
/* Video */
.video{
position: relative;
}
.video .button-play{
width: 59px;
height: 59px;
display: inline-block;
background: url('../images/play.png') no-repeat;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 2;
font-size: 0;
}
/*newsletter*/
.newsletter {
padding: 80px 63px 90px 46px;
position: relative;
text-align: center;
display: table;
width: 100%;
z-index: 1;
margin-top: 38px;
}
.newsletter .section-title{
margin-bottom: 20px;
}
.newsletter .title-newsletter {
color: #222222;
display: inline-block;
margin: 0 0 20px;
position: relative;
}
.newsletter .newsletter-info {
color: #555555;
display: inline-block;
font-size: 14px;
margin-bottom: 40px;
width: 100%;
font-family: 'Playfair Display', serif;
font-style: italic;
font-weight: 400;
}
.newsletter .form-newsletter {
border-bottom: 1px solid #e5e5e5;
display: table;
width: 100%;
text-align: center;
position: relative;
}
.newsletter .form-newsletter > input {
border: medium none;
float: left;
width: 60%;
font-size: 13px;
color: #aaaaaa;
padding: 0;
font-family: 'Roboto';
padding-left: 10px;
width: 100%;
}
.newsletter .newsletter-submit {
background: none;
border: medium none;
color: #222222;
font-size: 12px;
text-transform: uppercase;
position: absolute;
top: 0;
right: 10px;
padding: 0;
}
.newsletter:after {
border-color: #c99947;
border-style: solid;
border-width: 6px;
content: "";
float: left;
position: absolute;
z-index: -3;
top: 0;
right: 0;
bottom: 0;
left: -165px;
}
.newsletter.style2{
padding: 60px 15px;
border: 6px solid #c99947;
}
.newsletter.style2:after{
display: none;
}
.newsletter.style2 .form-newsletter{
width: 100%;
}
/* TEXT BORDER */
.text-border {
border: 1px dashed #bcbcbc;
display: block;
padding: 30px 15px;
position: relative;
text-align: center;
width: 100%;
color: #222;
}
.text-border> p {
font-size: 13px;
margin: 0;
}
.text-border:before {
background: url("../images/cut.png") no-repeat;
content: "";
height: 22px;
float: left;
width: 35px;
position: absolute;
bottom: -5px;
left: 16%;
}
/* box-product-featured */
.box-product-featured{
border: 1px solid #e5e5e5;
overflow: hidden;
}
.box-product-featured .box-head{
float: left;
position: relative;
width: 270px;
}
.box-product-featured .box-head:before{
content: '';
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 100%;
background-color: rgba(0,0,0,0.94);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.box-product-featured .box-head:hover:before{
background-color: rgba(0,0,0,0.5);
}
.box-product-featured .box-head .inner{
position: absolute;
top: 0;
width: 100%;
bottom: 0;
padding-left: 30px;
color: #eee;
padding-top: 40px;
}
.box-product-featured .box-head .box-title{
font-size: 20px;
text-transform: uppercase;
margin-bottom: 0;
color: #fff;
}
.box-product-featured .box-head .box-sub-title{
font-family: 'PlayfairDisplay';
font-style: italic;
color: #aaa;
}
.box-product-featured .box-link{
position: absolute;
bottom: 40px;
left: 30px;
color: #eee;
font-size: 12px;
text-decoration: underline;
z-index: 3;
}
.box-product-featured .box-content{
margin-left: 270px;
padding: 30px;
}
.box-product-featured.right .box-head{
float: right;
}
.box-product-featured.right .box-content{
margin-left: 0;
margin-right: 270px;
}
.box-product-featured .owl-carousel .owl-prev,
.box-product-featured .owl-carousel .owl-next{
top: 38%;
}
/* tab-product */
.tab-product .nav-tab{
padding: 0;
margin: 0;
display: table;
margin:0 auto;
position: relative;
}
.tab-product .nav-tab li{
display: inline-block;
padding: 0 20px;
list-style: none;
}
.tab-product .nav-tab li a{
font-size: 16px;
text-transform: uppercase;
color: #222;
position: relative;
}
.tab-product .nav-tab li a:after{
width: 0px;
height: 2px;
display: block;
background-color: #c99947;
margin: 0 auto;
margin-top: 8px;
content: '';
-webkit-transition: width 0.3s ease 0s;
-o-transition: width 0.3s ease 0s;
transition: width 0.3s ease 0s;
}
.tab-product .nav-tab li:hover a:after,
.tab-product .nav-tab li.active a:after{
width: 50px;
}
.tab-product .tab-container{
margin-top: 40px;
}
.tab-product.style2 li.text-head{
margin:0!important;
}
.tab-product.style2 .text-head{
margin:0;
text-transform: uppercase;
position: absolute;
text-align: center;
left: 50%;
top: 50%;
font-size: 80px;
color: #ededed;
font-weight: 700;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.tab-product.style2 .nav-tab li{
padding: 0;
margin-top: 12px;
}
.tab-product.style2 .nav-tab li a:after{
width: 22px;
height: 1px;
display: inline-block;
margin: 0 10px;
vertical-align: middle;
}
.tab-product.style2 .nav-tab li:last-child a:after{
display: none;
}
.tab-product.style2 .nav-tab{
height: 56px;
margin-bottom: 60px;
}
.tab-product.style2 .nav-tab li a{
color: #666;
font-size: 16px;
line-height: normal;
}
.tab-product.style2 .nav-tab li.active a{
color: #333333;
font-size: 24px;
}
/* BANNER TEXT */
.banner-text{
position: relative;
margin-bottom: 30px;
overflow: hidden;
}
.banner-text .content-text{
position: absolute;
top: 50%;
left: 0;
text-align: center;
width: 100%;
color: #fff;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
}
.banner-text .content-text img{
width: auto;
height: auto;
display: inline-block;
}
.banner-text .title{
font-size: 36px;
font-weight: bold;
color: #fff;
}
.banner-text .title span{
display: block;
}
.banner-text .sub-title{
font-family: "Playfair Display",serif;
font-size: 16px;
font-style: italic;
display: block;
}
.banner-text .button{
margin-top: 35px;
background-color: #c99947;
color: #fff;
font-size: 13px;
text-transform: uppercase;
border: none;
}
.banner-text .button:hover{
background-color: #111;
}
.banner-text.style2 .title{
font-size: 24px;
}
.banner-text .image>a{
float: left;
}
.banner-text.style3 .title{
font-size: 24px;
text-transform: uppercase;
}
.banner-text.style3 .button{
background-color: transparent;
text-decoration: underline;
padding: 0;
}
.banner-text.style3 .sub-title{
font-family: 'LaCompagnie';
font-size: 60px;
line-height: normal;
}
.banner-text.style3{
text-align: center;
}
.banner-text.style3 .title{
font-family: 'LaCompagnie';
color: #c99947;
font-size: 48px;
text-transform: none;
font-weight: normal;
margin-top: 10px;
margin-bottom: 0;
line-height: normal;
}
.banner-text.style3 .subtitle{
color: #fff;
font-size: 24px;
text-transform: uppercase;
margin-bottom: 140px;
}
.banner-text.style3 .box-link{
text-decoration: underline;
color: #fff;
font-weight: normal;
font-size: 14px;
}
.banner-text.style3 .box-link:hover{
color: #c99947;
}
.banner-slide .banner-text {
margin-bottom: 0;
}
.banner-text.style3 .content-text{
top: 0;
bottom: 0;
left: 0;
right: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.banner-text.style3 .content-text:before{
content: '';
background-color: #171717;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
left: 0;
}
.banner-text.style3 .content-text:after{
content: '';
position: absolute;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
right: 0px;
width: 0%;
}
.banner-text.style3 .content-text .inner{
position: absolute;
z-index: 3;
top: 50%;
left: 0;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.banner-text.style3:hover .content-text:before{
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
width: 0%;
}
.banner-text.style3:hover .content-text:after{
-webkit-transition: all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s;
transition: all 0.8s ease 0s;
width: 100%;
}
/*.banner-text.style3:hover .content-text {
width: 0%;
opacity: 0;
visibility: hidden;
}*/
.banner-text.style3:hover img{
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner-text.style4 .subtitle{
font-family: 'LaCompagnie';
font-size: 60px;
line-height: normal;
color: #c99947;
margin: 0;
}
.banner-text.style4 .title{
font-size: 24px;
color: #fff;
text-transform: uppercase;
}
.banner-text.style4 .shop-now{
font-size: 13px;
color: #fff;
text-decoration: underline;
text-transform: uppercase;
display: inline-block;
margin-top: 40px;
}
.banner-text.style4 .content-text{
top: 40%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 2;
}
.banner-text.style4:hover .content-text{
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.banner-text.style4:after{
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background-color: rgba(0,0,0,0.6);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
z-index: 1;
}
.banner-text.style4:hover:after{
opacity: 1;
filter: alpha(opacity=100);
}
.banner-text.style4 img{
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.owl-carousel .banner-text{
margin-bottom: 0;
}
/* BLOCK PRODUCT TOP SELL*/
.block-top-sell{
padding-bottom: 30px;
border-bottom: 1px solid #e8e8e8;
}
.block-top-sell .product-item,
.product-list-grid .product-item{
margin-bottom: 30px;
}
.product-list-grid2 .product-item{
margin-bottom: 70px;
}
/*block-category-carousel*/
.block-category-carousel{
padding: 40px 25px 23px 25px;
background:#121111 url('../images/bg_cat.png') repeat-y top left;
color: #eee;
text-align: center;
}
.block-category-carousel .title {
margin-bottom: 15px;
color: #fff;
}
.block-category-carousel .title:after{
content: '';
width: 47px;
height: 2px;
display: block;
margin: 0 auto;
margin-top: 5px;
background-color: #c99947;
}
.block-category-carousel .sub-title{
font-family: 'PlayfairDisplay';
font-style: italic;
color: #888;
}
.block-category-carousel .list-cat{
padding: 0;
margin: 0;
}
.block-category-carousel .list-cat li{
border-bottom: 1px dotted #454545;
padding:25px 0;
list-style: none;
}
.block-category-carousel .list-cat li:last-child{
border: none;
}
.block-category-carousel .list-cat li>a{
color: #eee;
font-size: 11px;
text-transform: uppercase;
}
.block-category-carousel .list-cat li>a:hover{
color: #c99947;
}
.block-category-carousel .list-cat li>a img{
display: block;
margin: 0 auto;
margin-bottom: 10px;
width: auto!important;
}
.block-category-carousel .owl-controls .owl-dots{
text-align: center;
}
.block-category-carousel .owl-controls .owl-dot{
display: inline-block;
padding: 0 5px;
}
.block-category-carousel .owl-controls .owl-dot span{
width: 8px;
height: 8px;
border: 1px solid #414141;
border-radius: 0;
background-color: transparent;
display: inline-block;
}
.block-category-carousel .owl-controls .owl-dot.active span{
background-color: #e8e8e8;
border-color: #e8e8e8;
}
/* Block feature product */
.block-featured-product .owl-carousel .owl-prev,
.block-featured-product .owl-carousel .owl-next{
position: absolute;
top: -64px;
right: 0;
}
.block-featured-product .owl-carousel .owl-prev{
right: 40px;
}
/**/
.slide-product .owl-controls .owl-next,
.slide-product .owl-controls .owl-prev{
top: 35%;
}
/* block-single-product */
.block-single-product .product-name a{
font-size: 28px;
color: #222;
text-transform: uppercase;
margin: 0;
}
.block-single-product .product-name a:hover{
color: #c99947;
}
.block-single-product .desc{
font-family: 'Roboto', sans-serif;
font-size: 18px;
font-weight: 300;
margin-bottom: 60px;
line-height: 30px;
}
.block-single-product.style2 .product-info{
padding-top: 50px;
}
.block-single-product .desc ul{
padding-left: 18px;
}
.block-single-product .desc p{
margin-bottom: 10px;
}
.block-single-product .price{
font-size: 24px;
color: #222;
display: inline-block;
margin-right: 10px;
}
.block-single-product .price ins{
text-decoration: none;
}
.block-single-product .price del{
color: #999;
}
.block-single-product .addtocart{
font-size: 14px;
color: #222;
text-transform: uppercase;
}
.block-single-product .addtocart:hover{
color: #c99947;
}
.block-single-product .addtocart .pe-7s-cart{
font-size: 16px;
margin-right: 10px;
display: inline-block;
}
.block-single-product .attributes{
font-family: 'Roboto';
font-weight: 300;
}
.block-single-product .attributes .title{
text-decoration: underline;
}
.block-single-product .item{
padding-top: 25px;
margin-bottom: 50px;
overflow: hidden;
}
.block-single-product .item span{
width: 40px;
height: 40px;
display: inline-block;
webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
float: left;
margin-right: 20px;
cursor: pointer;
}
.block-single-product .item span:last-child{
margin-right: 0;
}
/*------------------------------
SINGLE PRODUCT
-------------------------------*/
.product-details-full{
background-color: #eaeaea;
padding-top: 60px;
margin-top: -1px;
}
.product-detail-image .thumbnails{
width: 150px;
float: left;
}
.product-detail-image .thumbnails a{
margin-bottom: 20px;
display: inline-block;
}
.product-detail-image .thumbnails a img{
border: 1px solid #fff;
opacity: 0.5;
filter: alpha(opacity=50);
}
.product-detail-image .thumbnails a.active img,
.product-detail-image .thumbnails a:hover img{
opacity: 1;
filter: alpha(opacity=100);
}
.product-detail-image .main-image-wapper{
overflow: hidden;
padding-left: 10px;
}
.product-detail-image.style2 .thumbnails{
width: 100%;
}
.product-detail-image.style2 .owl-prev,
.product-detail-image.style2 .owl-next{
width: 29px;
height: 29px;
line-height: 29px;
border: none;
background-color: rgba(0,0,0,0.3);
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
.product-detail-image.style2 .owl-prev,
.product-detail-image.style2 .owl-next{
background-color: rgba(0,0,0,0.7);
}
.product-detail-image.style2 .main-image-wapper{
padding: 0;
margin-bottom: 20px;
}
.product-detail-image.style2 .thumbnails a{
margin: 0;
}
.product-detail-image .outof-stock{
position: absolute;
top: 0;
left: 0;
width: 95px;
height: 95px;
text-transform: uppercase;
text-align: center;
background-color: #111;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
padding-top: 33px;
word-break: break-word;
padding-left: 15px;
padding-right: 15px;
line-height: normal;
}
.product-details-right .out-of-stock{
font-size: 18px;
color: #aaa;
margin-bottom: 15px;
display: inline-block;
}
.product-details-right{
background-color: #fff;
padding: 35px 30px 50px;
overflow: hidden;
}
.product-details-right .breadcrumbs{
padding-bottom: 10px;
margin-bottom: 15px;
border-bottom: 1px solid #ebebeb;
}
.product-details-right .product-name{
font-size: 18px;
color: #222;
text-transform: uppercase;
margin-bottom: 10px;
}
.product-details-right .rating{
font-size: 12px;
color: #222;
margin-bottom: 10px;
}
.product-details-right .rating .count-review{
color: #999;
}
.product-details-right .price{
color: #222;
font-size: 18px;
text-decoration: none;
display: inline-block;
margin-bottom: 10px;
}
.product-details-right .price ins{
text-decoration: none;
}
.product-details-right .price del{
color: #999;
}
.product-details-right .short-descript{
font-family: 'Roboto';
margin-bottom: 20px;
}
.product-details-right .short-descript p{
margin-bottom: 0;
}
.product-details-right .button-add-cart{
display: block;
float: left;
margin-top: 20px;
clear: left;
padding: 16px 33px;
font-size: 14px;
}
.product-details-right .quantity{
display: inline-block;
float: left;
padding-right: 10px;
}
.product-details-right .quantity input{
padding: 5px;
}
.product-details-right .wishlist.button,
.product-details-right .compare.button{
width: 36px;
height: 36px;
line-height: 36px;
padding: 0;
text-align: center;
display: inline-block;
float: left;
margin-right: 5px;
}
.product-details-right.style2{
padding: 0;
}
.select-color,
.select-size{
margin-bottom: 25px;
display: inline-block;
width:100%;
}
.select-color label,
.select-size label{
margin-bottom: 10px;
color: #000;
}
.select-color a{
display: inline-block;
border: 1px solid transparent;
padding: 2px;
line-height: normal;
float: left;
margin-right: 7px;
}
.select-color a span {
width: 21px;
height: 21px;
display: inline-block;
float: left;
}
.product-details-right .select-color a.active,
.product-details-right .select-color a:hover {
border-color: #666;
}
.product-details-right .select-size a{
display: inline-block;
padding: 3px 5px;
border: 1px solid #eaeaea;
color: #333;
line-height: normal;
min-width: 24px;
text-align: center;
float: left;
margin-right: 10px;
}
.product-details-right .select-size a:hover,
.product-details-right .select-size a.active {
background-color: #333333;
color: #fff;
}
.product-details-right.style2{
font-family: 'MontserratLight';
width: 100%;
float: left;
}
.product-details-right.style2 .product-name{
color: #000;
margin-bottom: 0;
font-family: 'MontserratLight';
}
.product-details-right.style2 .short-descript{
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
padding: 30px 0;
}
.product-details-right .price{
margin-bottom: 20px;
font-family: 'MontserratLight';
}
.product-details-right.style2 .cart-form{
border-top: 1px solid #eaeaea;
margin-top:25px;
padding-top: 25px;
overflow: hidden;
}
.product-details-right .size-chart a{
text-transform: uppercase;
color: #000;
text-transform: uppercase;
}
.product-details-right .size-chart a:after{
content:'';
background: url('../images/size-char.png') no-repeat;
display: inline-block;
width: 14px;
height: 14px;
margin-left: 20px;
}
.product-details-right.style2 .button-add-cart{
display: inline-block;
clear: none;
margin: 0;
margin-right: 5px;
}
.product-details-right.style2 .quantity{
min-width: 175px;
display: table;
padding-top: 10px;
}
.product-details-right.style2 .quantity a{
display: table-cell;
vertical-align: middle;
font-style: 18px;
font-weight: 600;
color: #000;
}
.product-details-right.style2 .quantity input{
border: none;
text-align: center;
display: table-cell;
width: 100%;
}
.product-details-right.style2 .wishlist.button,
.product-details-right.style2 .compare.button{
background-color: transparent;
border: 1px solid #eaeaea;
color: #999;
font-size: 14px;
margin-top: 10px;
}
.product-details-right.style2 .share{
margin-top: 20px;
}
.product-details-right.style2 .share a{
font-size: 13px;
color: #999;
margin-right: 35px;
display: inline-block;
}
.product-details-right.style2 .share a .fa{
font-size: 18px;
margin-right: 10px;
display: inline-block;
}
.product-details-right.style2 .share a:hover{
color: #c99947;
}
.product-details-right.style2 .meta{
margin-bottom: 20px;
}
.product-details-right.style2 .meta>span{
display: inline-block;
border-right: 1px solid #eaeaea;
padding: 0 35px;
line-height: 20px;
}
.product-details-right.style2 .meta>span:first-child{
padding-left: 0;
}
.product-details-right.style2 .meta>span:last-child{
padding-right: 0;
border: none;
}
.product-details-right.style2 .rating{
color: #ffcc33;
}
.product-detail-image.style2{
margin-bottom: 30px;
width: 100%;
float: left;
}
/* TAB PRODUCT */
.tab-details-product{
padding-top: 40px;
margin-bottom: 60px;
}
.tab-details-product.style2{
margin-bottom: 40px;
}
.tab-details-product .box-tabs{
padding: 0;
margin: 0;
overflow: hidden;
margin-bottom: 20px;
}
.tab-details-product .box-tabs li{
list-style: none;
display: inline-block;
float: left;
padding: 0 18px;
}
.tab-details-product .box-tabs li:last-child{
padding-right: 0;
}
.tab-details-product .box-tabs li:first-child{
padding-left: 0;
}
.tab-details-product .box-tabs li a{
color: #222;
text-transform: uppercase;
}
.tab-details-product .box-tabs li a:after{
content: '';
height: 2px;
display: block;
width: 0%;
margin-top: 3px;
background-color: #222;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
}
.tab-details-product .box-tabs li a:hover:after,
.tab-details-product .box-tabs li.active a:after{
width: 100%;
}
.tab-details-product .tab-container{
font-family: 'Roboto';
border-bottom: 1px solid #eaeaea;
padding-bottom: 50px;
}
.tab-details-product .tab-container ul,
.tab-details-product .tab-container ol{
padding-left: 15px;
}
.product-slide .section-title{
margin-bottom: 40px;
}
/* BOX REVIEW */
.box-review{
margin-bottom: 30px;
}
.box-list-reviews{
margin-top: 60px;
padding-top: 60px;
border-top: 1px solid #eaeaea;
}
.box-list-reviews .commentlist{
padding: 0;
margin: 0;
}
.box-list-reviews .commentlist .comment{
list-style: none;
border-bottom: 1px solid #eaeaea;
padding: 40px 0;
overflow: hidden;
}
.box-list-reviews .commentlist .comment:first-child{
padding-top: 0;
}
.box-list-reviews .commentlist .comment:last-child{
padding-bottom: 0;
border: none;
}
.box-list-reviews .comment-info{
width: 200px;
float: left;
}
.box-list-reviews .commentlist .comment .comment-content{
font-family: 'Roboto';
}
.box-list-reviews .meta span{
display: block;
color: #222;
}
.box-list-reviews .meta .date{
font-family: 'Roboto';
color: #999;
}
.box-list-reviews .comment-text{
overflow: hidden;
}
.form-review{
font-family: 'Roboto';
overflow: hidden;
}
.form-review input[type="text"],
.form-review input[type="email"]{
width: 80%;
}
.form-review textarea{
width: 100%;
min-height: 220px;
}
.form-review .rating{
display: inline-block;
float: left;
padding-top: 8px;
}
.form-review .submit{
float: right;
}
table.group-product{
width: 100%;
}
table.group-product>tbody>tr>th,
table.group-product>tbody>tr>td{
padding: 10px 30px;
line-height: 24px;
border: 1px solid #eee;
border-color: #eee;
vertical-align: middle;
}
table.group-product>tbody>tr>th{
background-color: #eee;
border:none;
text-transform: uppercase;
}
table.group-product a{
color: #333;
}
table.group-product a:hover{
color: #c99947;
}
table.group-product .price{
margin: 0;
font-family: 'MontserratLight';
font-size: 14px;
}
.product-details-right table.group-product div.quantity{
margin: 0;
padding: 0;
min-width: 1px;
}
table.group-product div.quantity .qty{
border: 1px solid #ccc;
width: 40px;
margin: 0 10px;
}
table.group-product .th-price,
table.group-product .th-qty{
text-align: center;
}
table.group-product .th-qty{
width: 100px;
}
/*---------------------------
BLOG PAGE
-----------------------------*/
.blog-grid{
margin: 0 -15px;
}
.blog-grid .grid-item {
margin-bottom: 60px;
padding: 0 15px;
width: 400px
}
/* ITEM BLOG */
.blog-item{
list-style: none;
}
.blog-item .blog-title{
margin: 0;
}
.blog-item .blog-title a {
color: #222222;
font-size: 14px;
margin: 0;
text-transform: uppercase;
}
.blog-item .blog-title a:hover{
color: #c99947;
}
.blog-item .blog-short-desc {
font-family: "Roboto",sans-serif;
}
.blog-item .readmore {
color: #222;
font-size: 12px;
text-decoration: none;
text-transform: uppercase;
}
.blog-item .readmore:after{
font-family: 'FontAwesome';
content: "\f178";
margin-left: 10px;
}
.blog-item .readmore:hover{
color: #c99947;
}
.blog-item .post-thumbnail{
margin-bottom: 10px;
}
.blog-item .entry-meta{
font-size: 13px;
font-family: 'Roboto';
margin-bottom: 10px;
color: #222;
}
.blog-item .entry-meta span{
border-right: 1px solid #e6e6e6;
padding-right: 10px;
margin-right: 10px;
display: inline-block;
line-height: 14px;
}
.blog-item .entry-meta span:last-child{
border: none;
padding: 0;
margin: 0;
}
.blog-item .blog-comment .fa-comment {
color: #c99947;
margin-right: 5px;
}
.blog-detail .blog-title a{
font-size: 24px;
}
.blog-detail .post-thumbnail{
margin-bottom: 35px;
margin-top: 20px;
}
/* blog-related */
.blog-related .blog-item{
margin-bottom: 30px;
}
.comment-social {
border-bottom: 1px solid #eee;
padding: 15px 0;
overflow: hidden;
}
.comment-social > h4 {
color: #333;
font-family: "Playfair Display",serif;
font-size: 18px;
font-style: italic;
display: inline-block;
float: left;
margin: 0;
}
.comment-social .social {
float: right;
text-align: right;
}
.comment-social .social span {
color: #333333;
font-family: "Playfair Display",serif;
font-size: 13px;
font-style: italic;
font-weight: 400;
}
.comment-social .social a{
display: inline-block;
margin: 0 3px;
color: #222;
line-height: normal;
}
.comment-social .social a:hover{
color: #c99947;
}
.comment-social .social .fa {
font-size: 18px;
}
/* Blog comment*/
#comments-list > h4 {
color: #333;
float: left;
font-family: "Playfair Display",serif;
font-size: 18px;
font-style: italic;
font-weight: 400;
margin: 15px 0 0 0;
}
.author-info-wrap {
padding-top: 40px;
padding-left: 40px;
}
.author-info-wrap .content {
padding-top: 33px;
width: 68%;
overflow: hidden;
padding-left: 25px;
font-family: 'Roboto';
}
.author-info-wrap .avatar{
width: 130px;
float: left;
}
.author-info-wrap .author-name{
font-size: 15px;
color: #222;
}
.related-wrap {
margin-bottom: 30px;
margin-top: 80px;
}
#comments .comment-list .comment {
list-style: none;
}
#comments .comment-list .comment-author {
float: left;
height: 85px;
margin-right: 30px;
width: 85px;
}
#comments .comment-list .comment-body {
border: 1px solid #dddddd;
float: left;
padding: 30px;
width: 75%;
}
#comments .comment-list .comment-item {
float: left;
margin-bottom: 45px;
width: 100%;
}
#comments .children {
padding-left: 100px;
list-style: none;
}
#comments .comment-list h5.author {
float: left;
margin-right: 30px;
margin-top: 2px;
}
#comments .comment-list .date-comment {
font-family: 'Roboto';
font-size: 13px;
}
#comments .comment-list .comment-reply-link {
color: #222222;
float: right;
text-align: right;
font-size: 12px;
text-transform: uppercase;
}
#comments .comment-list .comment-content {
color: #555555;
font-family: playfair display;
font-size: 13px;
font-style: italic;
display: table;
width: 100%;
}
#comments .comment-list .comment-reply-link .fa.fa-mail-reply {
margin-left: 10px;
transform: rotateY(180deg);
}
#comments .comment-list{
overflow: hidden;
}
#comments .comment-list-title,
.related-wrap .related-title{
font-size: 14px;
border-bottom: 2px solid #222;
display: table;
margin: 0 auto;
margin-bottom: 40px;
padding-bottom: 5px;
}
.comment-form {
border-top: 1px solid #eeeeee;
}
.comment-form .comment-reply-title {
font-size: 14px;
margin: 40px 0;
text-transform: uppercase;
}
.comment-form .submit.style2 {
padding: 13px 50px;
}
.comment-form form{
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 300;
}
.comment-form input[type="text"] {
clear: both;
float: left;
margin-bottom: 30px;
padding: 6px 15px;
width: 48%;
}
.single-blog .comment-form-comment textarea {
float: left;
padding: 15px;
width: 75%;
font-family: "Roboto",sans-serif;
font-size: 14px;
font-weight: 300;
}
#commentform .form-submit .submit {
background: none repeat scroll 0 0 #111111;
border: medium none;
color: #ffffff;
float: left;
font-size: 14px;
padding: 15px 48px;
text-transform: uppercase;
}
.comment-form-comment {
margin-bottom: 30px;
width: 75%;
}
.clear {
clear: both;
}
.comment-form .submit {
border: none;
}
/* Boutique banner*/
.butique-banner{
position: relative;
padding-right: 30px;
margin-bottom: 30px;
}
.butique-banner .banner-inner{
position: absolute;
left: 0;
right: 300px;
top: 45px;
bottom: 45px;
border:3px solid #c99947;
padding: 60px 100px 70px 55px;
}
.butique-banner .top{
display: table;
margin-bottom: 30px;
}
.butique-banner .bottom{
font-size: 13px;
color: #666;
font-family: 'MontserratLight';
}
.butique-banner .block-link{
display: inline-block;
padding: 2px 15px;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
background-color: #222;
float: right;
}
.butique-banner .block-link:hover{
background-color: #c99947;
}
.butique-banner .status{
width: 93px;
height: 93px;
color: #fff;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
float: left;
background-color: #c99947;
font-family: 'Playfair Display';
font-style: italic;
font-weight: 700;
font-size: 36px;
text-align: center;
line-height: 80px;
position: relative;
}
.butique-banner .status:before{
content: '';
width: 2px;
height: 64px;
position: absolute;
top: -63px;
left: 50%;
background-color: #c99947;
}
.butique-banner .status span{
font-size: 18px;
}
.butique-banner .head{
margin-left: 120px;
}
.butique-banner .head .title{
margin: 0;
font-weight: 700;
font-size: 48px;
text-transform: uppercase;
line-height: normal;
margin-top: -5px;
}
.butique-banner .head .title a{
color: #333;
}
.butique-banner .image{
text-align: right;
position: relative;
}
.butique-banner .image:before{
background-color: rgba(255, 255, 255, 0.09);
content: "";
height: 0;
left: 0;
margin: auto;
position: absolute;
top: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
width: 0;
}
.butique-banner .image:after{
background-color: rgba(255, 255, 255, 0.09);
bottom: 0;
content: "";
height: 0;
position: absolute;
right: 0;
transition: all 0.3s ease-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
width: 0;
}
.butique-banner .image:hover:before,
.butique-banner .image:hover:after {
height: 100%;
width: 100%;
transition: all 0.4s ease-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
-ms-transition: all 0.4s ease-in-out 0s;
}
.butique-banner .head .subtitle{
font-size: 30px;
font-family: 'Playfair Display';
font-style: italic;
font-weight: 700;
color: #c99947;
margin: 0;
line-height: normal;
margin-top: -10px;
}
.butique-banner .head .subtitle:after{
width: 47px;
height: 2px;
content: '';
display: block;
margin-top: 5px;
background-color: #c99947;
}
.butique-banner.style2{
padding-top: 140px;
padding-right: 0;
}
.butique-banner.style2 .banner-inner{
top: 0;
left: -30px;
right: inherit;
padding: 45px 0;
text-align: center;
right: 30px;
bottom: inherit;
}
.butique-banner.style2 .head .title{
font-size: 18px;
margin: 0;
}
.butique-banner.style2 .head .subtitle{
font-size: 16px;
margin: 0;
}
.butique-banner.style2 .head .subtitle:after{
margin: 0 auto;
margin-top: 5px;
}
.butique-banner.style2 .head{
padding: 0;
width: 100%;
margin-left: 0;
}
.butique-banner.style2 .top{
width: 100%;
}
.butique-banner.left{
padding-left: 30px;
padding-right: 0;
}
.butique-banner.left .image{
text-align: left;
}
.butique-banner.left .banner-inner{
right: 0;
left: 300px;
padding-left: 100px;
padding-right: 60px;
}
.butique-banner.left.style2{
padding-left: 0;
}
.butique-banner.left.style2 .banner-inner{
left: 30px;
padding: 45px 0;
right: -30px;
}
/* Paralax */
.bg-parallax {
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
position: relative;
}
/*testimonials*/
.testimonials .avatar{
width: 80px;
height: 80px;
display: block;
margin: 0 auto;
position: relative;
}
.testimonials .avatar:before{
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 2;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.testimonials .avatar img{
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
.testimonials .item-center .avatar:before{
display: none;
}
.testimonials .inner{
display: none;
}
.testimonials-owl-3 .testimonial-owl{
max-width: 270px;
margin: 0 auto;
padding-bottom: 40px;
}
.testimonials .testimonial-info{
font-size: 13px;
font-family: 'MontserratLight';
color: #fff;
text-align: center;
max-width: 430px;
margin: 0 auto;
}
.testimonials .text-in{
margin-bottom: 10px;
}
.testimonials h6{
color: #fff;
margin: 0;
font-family: 'Playfair Display';
font-size: 18px;
font-style: italic;
}
.testimonials h6:before,
.testimonials h6:after{
content: '-';
display: inline-block;
margin: 0 10px;
}
.testimonials .owl-prev,
.testimonials .owl-next{
position: absolute;
top: 100%;
width: 30px;
height: 30px;
border: 1px solid #fefefe;
text-align: center;
line-height: 28px;
color: #fefefe;
opacity: 0.8;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
visibility: hidden;
}
.testimonials .owl-prev{
left: -100px;
}
.testimonials:hover .owl-prev{
left: -154px;
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
.testimonials .owl-next{
right: -100px;
}
.testimonials:hover .owl-next{
right: -154px;
opacity: 1;
filter: alpha(opacity=100);
visibility: inherit;
}
/* block-banner-text*/
.block-banner-text{
position: relative;
margin-bottom: 15px;
}
.block-banner-text .image{
text-align: right;
}
.block-banner-text .content{
position: absolute;
left: 20px;
top: 20px;
bottom: 20px;
border-width: 5px;
border-style: solid;
border-color: rgba(201,153,71,0.5);
width: 51%;
text-align: center;
padding-top: 65px;
}
.block-banner-text .content:before{
content: "";
position: absolute;
top: -5px;
left: -5px;
bottom: -5px;
right: -5px;
z-index: 9;
border-top: 5px solid #c99947;
border-bottom: 5px solid #c99947;
transform: scale(0, 1);
}
.block-banner-text .content:after {
content: "";
position: absolute;
top: -5px;
left: -5px;
bottom: -5px;
right: -5px;
z-index: 9;
border-left: 5px solid #c99947;
border-right: 5px solid #c99947;
transform: scale(1, 0);
}
.block-banner-text:hover .content:before,
.block-banner-text:hover .content:after {
transform: scale(1);
-webkit-transition: all 0.5s ease-out 0s;
-moz-transition: all 0.5s ease-out 0s;
-o-transition: all 0.5s ease-out 0s;
transition: all 0.5s ease-out 0s;
}
.block-banner-text .title{
font-family: 'LaCompagnie';
margin: 0;
font-size: 48px;
color: #c99947;
font-weight: normal;
line-height: normal;
}
.block-banner-text .subtitle{
text-transform: uppercase;
font-size: 20px;
line-height: normal;
margin: 0;
}
.block-banner-text .text a{
font-family: 'Playfair Display';
font-size: 14px;
font-style: italic;
font-weight: 700;
color: #333;
}
.block-text-border{
padding: 15px 5px;
}
.block-text-border .content{
border: 1px solid #c99947;
text-align: center;
padding:75px 0;
}
.block-text-border .title{
font-family: 'LaCompagnie';
margin: 0;
font-size: 48px;
color: #c99947;
font-weight: normal;
line-height: normal;
}
.block-text-border .subtitle{
text-transform: uppercase;
font-size: 20px;
line-height: normal;
margin: 0;
margin-bottom: 5px;
}
.block-text-border .link{
font-family: 'Playfair Display';
font-size: 14px;
font-style: italic;
font-weight: 700;
text-decoration: underline;
color: #333;
}
.block-text-border .link:hover{
color: #c99947;
}
.border-dashed{
display: inline-block;
border-top: 1px dashed #cccccc;
width: 100%;
float: left;
}
/* group-banner-masonry */
.group-banner-masonry:after{
content: '';
display: block;
clear: both;
}
.banner-masonry-item{
float: left;
}
.banner-masonry-item .inner{
position: relative;
overflow: hidden;
}
.banner-masonry-item .inner img{
width: 100%;
}
.group-banner-masonry .grid-sizer,
.banner-masonry-item{
width: 16.66666666666%;
}
.banner-masonry-item-2x{
width: 33.33333333333%;
}
.banner-masonry-item .inner:before{
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.banner-masonry-item .inner:hover:before{
opacity: 1;
filter: alpha(opacity=100);
}
.banner-masonry-item .content{
position: absolute;
top: 50%;
text-align: center;
width: 100%;
left: -100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
.banner-masonry-item:hover .content{
left: 0%;
}
.banner-masonry-item .title{
margin: 0;
font-family: 'LaCompagnie';
font-size: 60px;
color: #c99947;
line-height: normal;
}
.banner-masonry-item .subtitle{
font-size: 24px;
margin: 0;
color: #fefefe;
text-transform: uppercase;
margin-bottom: 30px;
}
.banner-masonry-item .link{
display: inline-block;
font-size: 14px;
text-transform: uppercase;
text-decoration: underline;
color: #fefefe;
}
.banner-masonry-item .link:hover{
color: #c99947;
}
/* block-newletter */
.block-newletter{
border: 1px dashed #ccc;
padding: 25px 0;
display: table;
width: 100%;
}
.block-newletter .head,
.block-newletter .form{
display: table-cell;
vertical-align: middle;
}
.block-newletter .head {
border-right: 1px solid #eaeaea;
min-width: 420px;
width: 490px;
padding-left: 70px;
}
.block-newletter .head .section-title{
margin: 0;
padding: 20px 0;
}
.block-newletter .form {
padding-left: 80px;
padding-right: 180px;
}
.block-newletter .newletter{
position: relative;
}
.block-newletter .newletter .email-text{
border: none;
border-bottom: 1px solid #ccc;
padding-left: 0;
font-family: 'MontserratLight';
font-size: 13px;
width: 100%;
}
.block-newletter .newletter .button{
background-color: transparent;
color: #222;
text-transform: uppercase;
padding-right: 0;
position: absolute;
top: 0;
right: 0;
}
.block-newletter .desc{
color: #333;
padding-top: 30px;
}
.block-newletter .desc .text-primary{
font-size: 18px;
color: #c99947;
font-weight: 700;
display: inline-block;
margin-right: 10px;
}
.block-newletter .desc .big-text{
font-size: 30px;
}
.block-newletter.style2{
padding: 30px 100px;
}
.block-newletter.style2 .head{
border: none;
border: none;
width: 400px;
}
.block-newletter.style2 .head .section-title{
padding: 0;
}
.block-newletter.style2 .head .section-title h3{
font-size: 30px;
}
.block-newletter.style2 .form{
padding: 0;
}
.block-newletter.style2 .section-title h3:before{
display: none;
}
.block-newletter.style2 .sub-title:after {
content: '';
width: 50px;
height: 2px;
background-color: #c99947;
display: block;
margin-top: 5px;
}
/* block-text */
.block-text{
padding: 10px;
text-align: center;
background-color: #c99947;
color: #fff;
text-transform: uppercase;
font-family: 'MontserratLight';
}
.block-text p{
margin: 0;
}
.block-text .primary{
font-size: 18px;
font-family: 'Montserrat';
font-weight: 700;
}
/* MObile box menu */
.mobile-navigation{
display: inline-block;
font-size: 20px;
display: none;
cursor: pointer;
width: 30px;
height: 30px;
line-height: 30px;
margin-top: 10px;
color: #999;
}
.box-mobile-menu{
position: fixed;
top: 0;
left: -100%;
width: 320px;
bottom: 0;
background-color: rgba(0,0,0,0.95);
z-index: 100;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
z-index: 100;
}
.box-mobile-menu.open{
left: 0%;
}
.box-mobile-menu .box-inner{
position: relative;
padding: 15px;
}
.box-mobile-menu .close-menu{
width: 35px;
height: 35px;
font-size: 26px;
border-width: 1px;
border-style: solid;
border-color: rgba(255,255,255,0.2);
display: inline-block;
line-height: 24px;
text-align: center;
color: #ccc;
line-height: 38px;
float: right;
}
.box-mobile-menu .mCSB_inside > .mCSB_container{
margin: 0;
}
.box-mobile-menu .main-menu{
margin: 0;
padding: 0;
}
.box-mobile-menu .main-menu>li{
display: block;
width: 100%;
padding: 0;
}
.box-mobile-menu .main-menu li{
position: static;
}
.box-mobile-menu .main-menu>li>a{
border-bottom-width:1px;
border-bottom-style: solid;
border-bottom-color: rgba(255,255,255,0.2);
width: 100%;
color: #fff;
}
.box-mobile-menu .main-menu>li>a:before{
display: none;
}
.box-mobile-menu .main-menu .sub-menu{
position: static;
max-width: 100%!important;
width:100%!important;
padding:0;
-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0);
box-shadow: 0px 0px 2px 1px rgba(0,0,0,0);
display: none;
min-width: 1px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.box-mobile-menu .main-menu .show-submenu>.sub-menu{
display: block;
}
.box-mobile-menu .main-menu .sub-menu>li{
padding: 0;
}
.box-mobile-menu .main-menu .sub-menu>li>a{
padding: 13px 15px;
}
.box-mobile-menu .sub-menu.megamenu{
padding: 15px;
background-image: none!important;
}
/*Scroll Top */
.scroll_top {
width: 40px;
height: 40px;
position: fixed;
z-index: 9999;
right: 10px;
bottom: 32px;
background-color: #111;
display: none;
color: #fff;
text-align: center;
line-height: 40px;
}
.scroll_top:hover,
.scroll_top:focus,
.scroll_top:active{
color: #fff;
background-color: #c99947;
}
.brands-slide img:hover{
opacity: 0.5;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.video-lightbox:hover .overlay{
-webkit-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
background-color: rgba(0,0,0,0.4);
}
.button-loadmore{
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
display: inline-block;
padding: 22px 0;
text-transform: uppercase;
font-size: 12px;
color: #666;
font-family: 'Montserrat';
width: 100%;
text-decoration: underline;
text-align: center;
}
.button-loadmore:hover{
color: #c99947;
text-decoration: underline;
}
/* BANNER PAGE */
.page-banner{
background-image: url("../images/b/43.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
padding: 230px 0 280px 0;
}
.page-banner .banner-content{
text-align: center;
color: #fff;
}
.page-banner .banner-content .subtitle{
font-family: 'Playfair Display';
font-size: 18px;
font-style: italic;
}
.page-banner .banner-content .title{
color: #fff;
margin-bottom: 0;
font-size: 48px;
letter-spacing: 25px;
margin-top: 10px;
}
.contact-banner{
background-image: url("../images/b/45.jpg");
}
.contact-banner .banner-content .title{
letter-spacing: 10px
}
/* team */
.team .avatar{
margin-bottom: 15px;
}
.team .name{
font-size: 15px;
margin-bottom: 0;
}
.team .position{
font-family: 'Playfair Display';
font-size: 13px;
font-style: italic;
}
.item-processbar{
padding-bottom: 40px;
display: table;
width: 100%;
}
.item-processbar .processbar-title{
display: table-cell;
width: 200px;
vertical-align: middle;
font-size: 12px;
color: #222;
}
.item-processbar .processbar-bg{
display: table-cell;
vertical-align: middle;
}
.item-processbar .processbar-width{
position: relative;
}
.item-processbar .processbar-width .processbar-percent{
position: absolute;
right: 30px;
top: 50%;
font-size: 12px;
color: #222;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.item-processbar .processbar-width{
width: 0;
}
/*testimonial*/
.testimonial{
text-align: center;
}
.testimonial .text{
font-size: 13px;
font-family: 'Playfair Display';
font-style: italic;
padding-bottom: 50px;
}
.testimonial .name{
font-size: 15px;
margin-bottom: 0;
}
.testimonial .position{
font-family: 'Playfair Display';
font-style: italic;
}
.testimonials .owl-dots{
text-align: center;
padding-top: 70px;
padding-bottom: 20px;
}
.testimonials .owl-dots .owl-dot{
width: 12px;
height: 12px;
background-color: #e6e6e6;
display: inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
margin: 0 2px;
}
.testimonials .owl-dots .owl-dot.active{
background-color: #111;
}
.kt-contact-form .title{
font-size: 14px;
text-transform:uppercase;
margin-bottom: 35px;
}
.kt-contact-form input[type="text"],
.kt-contact-form textarea{
width: 100%;
font-family: 'Roboto';
}
.kt-contact-form textarea{
height: 306px;
}
.page-404{
padding: 100px 0 110px 0;
}
.page-404 .heading {
font-size: 168px;
font-weight: 700;
color: #999;
}
/* CART */
table{
width: 100%;
}
.shop_table td{
border-top: 1px solid #ddd;
padding: 40px 0;
}
.shop_table th{
padding: 15px 0;
}
.shop_table.cart .product-thumbnail,
.shop_table.cart .product-name{
padding-left: 0;
}
.shop_table.cart .product-thumbnail{
width: 100px;
}
.shop_table.cart .product-thumbnail img{
width: 100px;
}
.shop_table.cart td,
.shop_table.cart th{
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
text-transform: uppercase;
}
.shop_table.cart .product-name a{
color: #222222;
}
.shop_table.cart .qty{
width: 60px;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.shop_table.cart .product-remove{
padding-right: 0;
}
.shop_table.cart .product-remove a{
color: #555;
}
.box-coupon {
border: 3px dashed #a2a2a2;
padding: 15px;
padding-bottom: 80px;
}
.box-coupon .coupon-box-title {
margin-bottom: 45px;
font-size: 18px;
font-style: italic;
color: #222;
font-family: 'PlayfairDisplay';
}
.box-coupon .inner-box {
display: table;
margin: 0 auto;
}
.box-coupon .input-text {
padding: 8px 15px;
min-width: 370px;
margin-right: 5px;
}
.box-cart-total {
border: 1px solid #dddddd;
padding: 26px 30px;
margin-bottom: 40px;
font-family: 'Montserrat', sans-serif;
padding-bottom: 55px;
}
.box-cart-total .title {
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
padding-bottom: 9px;
}
.box-cart-total table td{
padding: 10px 0;
vertical-align: top;
font-family: 'Roboto', sans-serif;
padding-right: 10px;
}
.box-cart-total .price{
font-family: 'Montserrat', sans-serif;
color: #222;
}
.box-cart-total label{
display: block;
margin: 0;
font-weight: normal;
margin-bottom: 10px;
}
.box-cart-total label .price{
display: block;
padding-left: 20px;
}
.box-cart-total label input[type="radio"]{
margin: 0;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
}
.box-cart-total .order-total td{
border-top: 1px solid #ddd;
padding-top: 30px;
padding-bottom: 30px;
vertical-align: middle;
}
.box-cart-total .order-total .price{
font-size: 24px;
display: inline-block;
float: right;
}
.box-cart-total .button{
width: 100%;
margin-bottom: 20px;
}
.box-cart-total .checkout-button{
margin-bottom: 0;
}
/*Check out*/
.form-checkout{
font-family: 'Roboto', sans-serif;
margin-bottom: 50px;
}
.form-checkout .form-title{
margin-bottom: 35px;
}
.form-checkout p{
margin-bottom: 30px;
}
.form-checkout input[type="text"]{
width: 100%;
}
.shop-table.order{
margin-bottom: 40px;
}
.shop-table.order td{
border-top: 1px solid #ddd;
padding: 13px 0;
}
.shop-table.order th{
padding: 13px 0;
}
.shop-table.order td.total,
.shop-table.order th.total{
text-align: right;
font-family: 'Montserrat', sans-serif;
color: #222;
}
.shop-table.order .order-total td{
background-color: #111111;
color: #fff;
font-family: 'Montserrat', sans-serif;
padding: 13px 25px;
border: none;
}
.form-checkout.order .button{
padding-right: 65px;
padding-left: 65px;
font-size: 14px;
}
.payment_methods .payment_method{
margin-bottom: 45px;
}
.payment_methods .payment_method label{
font-family: 'Montserrat', sans-serif;
font-weight: normal;
margin-bottom: 0;
display: inline-block;
}
.payment_methods .payment_method input[type=checkbox],
.payment_methods .payment_method input[type=radio]{
display: inline-block;
margin-right: 10px;
margin-top: 2px;
}
.payment_methods .payment_box{
padding-top: 10px;
padding-left: 22px;
}
/* LOOLBOOK */
.lookbook-list{
padding: 0;
margin-top: 10px;
}
.lookbook-list .item{
list-style: none;
margin-top: 30px;
}
.white-popup {
position: relative;
background: #FFF;
width: auto;
width: 433px;
margin: 20px auto;
}
.kt-popup-newsletter{
padding: 20px 60px;
text-align: center;
padding-bottom: 100px;
}
.kt-popup-newsletter .popup-title{
margin-top: 40px;
text-transform: uppercase;
}
.kt-popup-newsletter .popup-title p{
margin: 0;
margin-top: 20px;
}
.kt-popup-newsletter .popup-title h3{
font-size: 24px;
margin-bottom: 15px;
}
.kt-popup-newsletter .form-subscribe{
padding-top: 40px;
}
.kt-popup-newsletter .form-subscribe .input{
width: 100%;
margin-bottom: 20px;
font-family: 'Roboto', sans-serif;
}
.kt-popup-newsletter .form-subscribe .button{
margin: 0 5px;
}
.kt-popup-newsletter .checkbox{
position: absolute;
margin: 0;
left: 20px;
bottom: 10px;
font-size: 13px;
color: #888888;
font-weight: normal;
font-family: 'Roboto', sans-serif;
}
.kt-popup-newsletter .checkbox label{
font-weight: normal;
}
.kt-popup-newsletter .checkbox input[type="checkbox"]{
vertical-align: middle;
margin-top: 6px;
}
.kt-popup-newsletter .primary{
display: inline-block;
background-color: #b28b46;
color: #fff;
padding: 0 10px;
}
.product-list-grid.desktop-columns-1 .product-item:nth-child(1n+1),
.product-list-grid.desktop-columns-2 .product-item:nth-child(2n+1),
.product-list-grid.desktop-columns-3 .product-item:nth-child(3n+1),
.product-list-grid.desktop-columns-4 .product-item:nth-child(4n+1),
.product-list-grid.desktop-columns-5 .product-item:nth-child(5n+1),
.product-list-grid.desktop-columns-6 .product-item:nth-child(6n+1),
.product-list-grid.desktop-columns-7 .product-item:nth-child(7n+1),
.product-list-grid.desktop-columns-8 .product-item:nth-child(8n+1),
.product-list-grid.desktop-columns-9 .product-item:nth-child(9n+1),
.product-list-grid.desktop-columns-10 .product-item:nth-child(10n+1),
.product-list-grid.desktop-columns-11 .product-item:nth-child(11n+1),
.product-list-grid.desktop-columns-12 .product-item:nth-child(12n+1){
clear: left;
}
/*------------------
SECTION
-------------------*/
.margin-bottom-75{
margin-bottom: 75px!important;
}
.margin-bottom-25{
margin-bottom: 25px!important;
}
.margin-top-95{
margin-top: 95px!important;
}
.margin-top-70{
margin-top: 70px!important;
}
.margin-top-60{
margin-top: 60px!important;
}
.margin-top-55{
margin-top: 55px!important;
}
.margin-top-50{
margin-top: 50px!important;
}
.margin-top-45{
margin-top: 45px!important;
}
.margin-top-40{
margin-top: 40px!important;
}
.margin-top-35{
margin-top: 35px!important;
}
.margin-top-30{
margin-top: 30px!important;
}
.margin-top-10{
margin-top: 10px!important;
}
.margin-top-20{
margin-top: 20px!important;
}
.margin-top-25{
margin-top: 25px!important;
}
.margin-top-80{
margin-top: 80px!important;
}
.margin-top-90{
margin-top: 90px!important;
}
.margin-top-110{
margin-top: 110px!important;
}
.margin-top-230{
margin-top: 230px!important;
}
.margin-bottom-20{
margin-bottom: 20px!important;
}
.margin-bottom-30{
margin-bottom: 30px!important;
}
.margin-bottom-35{
margin-bottom: 35px!important;
}
.margin-bottom-40{
margin-bottom: 40px!important;
}
.margin-bottom-50{
margin-bottom: 50px!important;
}
.margin-bottom-0{
margin-bottom: 0!important;
}
.margin-bottom-60{
margin-bottom: 60px!important;
}
.magin-top-117{
margin-top: 117px!important;
}
.padding-0{
padding: 0!important;
}
.margin-0{
margin: 0!important;
}
.padding-right-5{
padding-right: 5px;
}
.section-lasttest-blog{
padding-bottom: 60px;
border-bottom: 1px solid #eaeaea;
}
.section-lasttest-blog.no-border{
border: none;
}
.section-lasttest-blog.full{
background-color: #f9f9f9;
padding-top: 60px;
border: none;
}
.section-brand-slide{
margin-top: 60px;
}
.our-category{
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
padding: 60px 0;
}
.section-block-single-product{
padding: 140px 0;
background-color: #f4f4f3;
padding-bottom: 120px;
}
.section-block-single-product2{
padding: 75px 0;
background-color: #ececeb;
}
.no-border-top{
border-top: none;
}
.block-paralax1{
margin-top: 60px;
padding: 110px 0 70px 0;
background-image: url('../images/b/pralax1.jpg');
}
.block-paralax2{
margin-top: 60px;
background-image: url('../images/b/pralax2.jpg');
padding-bottom: 120px;
}
.block-paralax3{
margin-top: 60px;
padding: 87px 0 110px 0;
background-image: url('../images/b/pralax3.jpg');
font-family: 'MontserratLight';
}
.block-paralax3 .sub-title{
margin-bottom: 15px;
}
.block-paralax3 .title{
font-size: 48px;
color: #333;
font-family: 'MontserratLight';
}
.section-block-text{
margin: 0 -5px;
}
.section-block-text .item{
padding: 0 5px;
margin-bottom: 30px;
}
.section-team{
background-color: #f9f9f9;
padding: 60px 0;
}
.section-testimonials{
background-image: url("../images/b/44.png");
background-position: center bottom;
}
/* ----------
RESPONSIVE
---------- */
@media (min-width: 1280px){
.container {
width: 1200px;
}
}
@media (max-width: 1366px){
.header-categoy-menu,
.header-categoy-menu.opened{
padding-left: 30px;
padding-right: 30px;
width: 300px;
min-width: 300px;
max-width: 300px;
}
.header-categoy-menu{
right: -300px;
}
.header-categoy-menu.closed{
right: -300px;
}
.header-categoy-menu .open-header-sidebar,
.header-categoy-menu.closed .open-header-sidebar{
display: block;
}
.header.sidebar{
padding-left: 30px;
min-width: 300px;
max-width: 300px;
}
.header.sidebar.closed{
left: -300px;
}
}
@media(max-width: 1200px){
.header.style1 .logo{
padding: 0;
margin-bottom: 35px;
text-align: center;
}
.header.style1 .category-menu{
float: none;
display: table;
margin: 0 auto;
}
.header.style5 .main-menu>li{
padding: 0 15px;
}
.header.style4 .logo{
text-align: center;
margin-bottom: 30px;
}
.header.style4 .main-menu>li{
padding: 0 10px;
}
.header.style4 .mini-cart{
padding: 0 15px;
}
.header.style4 .top-header{
padding: 20px 30px;
}
.banner-text.style3 .subtitle{
margin-bottom: 50px;
font-size: 18px;
}
.header.style12 .logo2{
display: block;
}
.header.style12 .logo-main{
display: none;
}
.header.style14 .logo{
min-width: 1px;
padding: 15px;
width: auto;
}
.header.style14 .main-menu-wapper{
padding-left: 15px;
}
.header.style14 .box-search, .header.style14 .box-settings, .header.style14 .mini-cart{
padding: 15px;
}
.header.style14 .right-control{
width: auto;
min-width: 1px;
}
.header.style14 .main-menu>li{
padding: 0 15px;
}
.butique-banner .banner-inner{
right: 60px;
background-color: rgba(255,255,255,0.8);
}
.butique-banner.left .banner-inner{
left: 60px;
}
.group-banner-masonry .grid-sizer, .banner-masonry-item{
width: 25%;
}
.banner-masonry-item-2x{
width: 50%;
}
.shop-top .orderby-wapper{
padding-left: 10px;
}
.block-newletter .head{
width: 50%;
}
.block-newletter .form{
padding: 0 30px;
}
.element-icon.plus:after{
display: none;
}
}
@media (max-width: 991px){
/* PRODUCT GRID*/
.product-list-grid.desktop-columns-1 .product-item:nth-child(1n+1),
.product-list-grid.desktop-columns-2 .product-item:nth-child(2n+1),
.product-list-grid.desktop-columns-3 .product-item:nth-child(3n+1),
.product-list-grid.desktop-columns-4 .product-item:nth-child(4n+1),
.product-list-grid.desktop-columns-5 .product-item:nth-child(5n+1),
.product-list-grid.desktop-columns-6 .product-item:nth-child(6n+1),
.product-list-grid.desktop-columns-7 .product-item:nth-child(7n+1),
.product-list-grid.desktop-columns-8 .product-item:nth-child(8n+1),
.product-list-grid.desktop-columns-9 .product-item:nth-child(9n+1),
.product-list-grid.desktop-columns-10 .product-item:nth-child(10n+1),
.product-list-grid.desktop-columns-11 .product-item:nth-child(11n+1),
.product-list-grid.desktop-columns-12 .product-item:nth-child(12n+1){
clear: none;
}
/* PRODUCT GRID*/
.product-list-grid.tablet-columns-1 .product-item:nth-child(1n+1),
.product-list-grid.tablet-columns-2 .product-item:nth-child(2n+1),
.product-list-grid.tablet-columns-3 .product-item:nth-child(3n+1),
.product-list-grid.tablet-columns-4 .product-item:nth-child(4n+1),
.product-list-grid.tablet-columns-5 .product-item:nth-child(5n+1),
.product-list-grid.tablet-columns-6 .product-item:nth-child(6n+1),
.product-list-grid.tablet-columns-7 .product-item:nth-child(7n+1),
.product-list-grid.tablet-columns-8 .product-item:nth-child(8n+1),
.product-list-grid.tablet-columns-9 .product-item:nth-child(9n+1),
.product-list-grid.tablet-columns-10 .product-item:nth-child(10n+1),
.product-list-grid.tablet-columns-11 .product-item:nth-child(11n+1),
.product-list-grid.tablet-columns-12 .product-item:nth-child(12n+1){
clear: left;
}
.header.style1 .category-menu li>a{
width: 100px;
height: 100px;
padding-top: 5px;
}
.header.style1 .main-menu>li{
padding: 0 10px;
}
.header.style1 .main-menu>li:first-child{
padding-left: 0;
}
.newsletter:after{
left: 0;
width: 100%;
}
.header.style2 .logo{
text-align: center;
margin-bottom: 30px;
}
.header.style2 .main-header{
padding: 30px 0;
}
.header.style2 .top-header{
padding-top: 30px;
}
.header.style2 .main-menu{
float: left;
}
.header.style2 .main-menu>li{
padding: 0 10px;
}
.header.style2 .main-menu>li:first-child{
padding-left: 0;
}
.header.style3 .logo{
text-align: center;
}
.header.style3 .main-menu>li{
padding: 0 15px;
}
.banner-text .title{
font-size: 24px;
}
.banner-text .sub-title{
font-size: 14px;
}
.header.style5 .mini-cart .cart-link{
font-size: 0;
}
.header.style5 .mini-cart .count{
top: -30px;
}
.header.style5 .mini-cart .cart-link .icon{
margin-top: 10px;
}
.category-menu.style2 li{
padding: 0 20px;
}
.category-menu.style2 li>a{
text-align: center;
}
.category-menu.style2 li>a .icon{
margin: 0;
display: block;
margin-bottom: 10px;
}
.category-menu.style2 li>a .icon img{
width: 50%;
}
.header.style4 .mini-cart .cart-link{
font-size: 0;
}
.header.style4 .mini-cart .count{
top: -30px;
}
.header.style4 .main-menu{
display: none;
}
.header.style4 .mobile-navigation{
display: inline-block;
}
.footer.style2 .footer-sidebar{
border: none;
}
.topbar-menu>li>a{
padding: 13px 10px;
}
.header.style12 .main-menu{
display: none;
}
.header.style12 .mobile-navigation{
display: inline-block;
}
.header.style14 .main-menu{
display: none;
}
.header.style14 .main-header{
padding: 0;
}
.header.style14 .mobile-navigation{
display: inline-block;
color: #fff;
margin: 0;
}
.header.style14 .logo, .header.style14 .main-menu-wapper, .header.style14 .right-control{
text-align: center;
}
.header.style14 .main-menu-wapper {
border-right-style: solid;
border-right-width: 1px;
border-right-color: rgba(255,255,255,0.2);
padding: 15px;
}
.butique-banner .banner-inner{
padding: 20px;
padding-top: 60px;
}
.butique-banner.left .banner-inner{
padding: 20px;
padding-top: 60px;
}
.butique-banner .head .title{
font-size: 36px;
}
.butique-banner .head .subtitle{
font-size: 24px;
}
.block-banner-text .content{
width: 100%;
background-color: rgba(255,255,255,0.8);
}
.block-text-border .content{
padding: 50px 0;
}
.block-text-border .subtitle,
.block-banner-text .subtitle{
font-size: 16px;
}
.header.style15{
position: static;
background-color: #111;
}
.header.style15 .main-header{
padding: 15px 0;
}
.element-icon.plus:after{
display: none;
}
.block-newletter{
display: block;
padding: 25px;
}
.block-newletter .head,
.block-newletter .form{
display: block;
}
.block-newletter .form{
padding: 0;
margin-top: 20px;
}
.block-newletter .head{
border: none;
}
.block-newletter .head .section-title{
padding: 0;
}
.group-banner-masonry .grid-sizer, .banner-masonry-item{
width: 33.3333333%;
}
.banner-masonry-item-2x{
width: 66.6666666%;
}
.lastest-blog.style5 .item-blog .info {
-webkit-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.block-newletter.style2{
padding: 15px;
}
.header.sidebar.closed,
.header.sidebar{
left: -300px;
}
.header.sidebar .open-header-sidebar{
display: block;
}
.header.sidebar.opened{
left: 0;
}
.header.sidebar.opened .open-header-sidebar{
display: none;
}
.header-categoy-menu.closed{
right: -300px;
}
.shop-top .shop-top-left,
.shop-top .shop-top-right{
width: 100%;
}
.shop-top .shop-top-left{
padding-bottom: 10px;
}
.shop-top .show-grid-list{
float: right;
}
.shop-top .orderby-wapper{
padding-left: 0;
}
.shop-top .woocommerce-result-count{
display: none;
}
.element-icon.style4 .icon{
display: block;
text-align: center;
padding: 0;
margin-bottom: 15px;
}
.element-icon.style4 .content{
text-align: center;
}
}
@media (max-width: 767px){
.offcanvas-toggle.menu-toggle {
display: inline-block;
margin-top: 12px;
border-right: 0;
}
/* PRODUCT GRID*/
.product-list-grid.tablet-columns-1 .product-item:nth-child(1n+1),
.product-list-grid.tablet-columns-2 .product-item:nth-child(2n+1),
.product-list-grid.tablet-columns-3 .product-item:nth-child(3n+1),
.product-list-grid.tablet-columns-4 .product-item:nth-child(4n+1),
.product-list-grid.tablet-columns-5 .product-item:nth-child(5n+1),
.product-list-grid.tablet-columns-6 .product-item:nth-child(6n+1),
.product-list-grid.tablet-columns-7 .product-item:nth-child(7n+1),
.product-list-grid.tablet-columns-8 .product-item:nth-child(8n+1),
.product-list-grid.tablet-columns-9 .product-item:nth-child(9n+1),
.product-list-grid.tablet-columns-10 .product-item:nth-child(10n+1),
.product-list-grid.tablet-columns-11 .product-item:nth-child(11n+1),
.product-list-grid.tablet-columns-12 .product-item:nth-child(12n+1){
clear: none;
}
/* PRODUCT GRID*/
.product-list-grid.mobile-columns-1 .product-item:nth-child(1n+1),
.product-list-grid.mobile-columns-2 .product-item:nth-child(2n+1),
.product-list-grid.mobile-columns-3 .product-item:nth-child(3n+1),
.product-list-grid.mobile-columns-4 .product-item:nth-child(4n+1),
.product-list-grid.mobile-columns-5 .product-item:nth-child(5n+1),
.product-list-grid.mobile-columns-6 .product-item:nth-child(6n+1),
.product-list-grid.mobile-columns-7 .product-item:nth-child(7n+1),
.product-list-grid.mobile-columns-8 .product-item:nth-child(8n+1),
.product-list-grid.mobile-columns-9 .product-item:nth-child(9n+1),
.product-list-grid.mobile-columns-10 .product-item:nth-child(10n+1),
.product-list-grid.mobile-columns-11 .product-item:nth-child(11n+1),
.product-list-grid.mobile-columns-12 .product-item:nth-child(12n+1){
clear: left;
}
.mobile-navigation{
display: inline-block;
}
.footer .payment .head{
padding: 0;
margin-bottom: 30px;
}
.header.style1 .box-control{
width: 80%;
float: right;
}
.header.style1 .main-menu,
.header.style5 .main-menu{
display: none;
}
.header.style1 .category-menu{
text-align: center;
}
.header.style1 .category-menu li{
margin: 0;
padding: 0;
display: block;
width: 100%;
padding: 10px 0;
}
.header.style1 .main-header{
padding: 35px 0;
}
.header.style2 .main-menu{
display: none;
}
.category-menu{
text-align: center;
}
.category-menu li{
float: none;
}
.section-title{
margin-bottom: 50px;
}
.lastest-blog .blog-date{
padding: 0;
}
.header.style3 .slogan,
.header.style3 .main-menu{
display: none;
}
.owl-carousel-mobile{
margin: 0;
}
.owl-carousel-mobile .mobile-slide-item{
padding: 0;
margin: 0;
}
.header.style3 .mini-cart .cart-link{
font-size: 0;
}
.header.style3 .mini-cart{
padding: 0 10px;
}
.header.style3 .mini-cart .count{
top: -30px;
}
.header.style3 .box-search .search{
padding: 10px 0;
}
.header.style3 .mini-cart .cart-link .icon{
margin-top: 10px;
}
.header.style3 .mobile-navigation{
margin-top: 7px;
}
.tab-product .nav-tab{
text-align: center;
}
.tab-product .nav-tab li{
padding: 0;
}
.tab-product .nav-tab li a{
font-size: 14px;
padding: 0 10px;
}
.tab-product .nav-tab li a:after{
display: none;
}
.tab-product .nav-tab li:hover a,
.tab-product .nav-tab li.active a{
color: #c99947;
}
.header.style4 .top-header{
padding: 20px 10px;
}
.header.style4 .button-search{
width: 30px;
height: 30px;
right: 10px;
}
.header.style4 .mobile-navigation{
margin-top: 15px;
}
.category-menu.style2 li{
padding: 10px 0;
display: block;
width: 100%;
}
.header.style4 .main-header{
padding: 10px 0;
}
.topbar-menu{
text-align: center;
float: none;
display: block;
}
.topbar-menu.right,
.topbar-menu.left{
float: none;
}
.topbar-menu>li>a{
padding: 5px;
}
.header.style12 .main-header{
padding-bottom: 30px;
}
.tab-product.style2 .nav-tab li a:after{
display: none;
}
.butique-banner{
padding: 0;
}
.butique-banner .banner-inner{
left: inherit;
right: inherit;
right: inherit;
bottom: inherit;
top: inherit;
position: static;
display: table;
width: 100%;
}
.butique-banner .head{
float: left;
padding: 0;
margin: 0;
margin-top: 20px;
}
.butique-banner.style2 .banner-inner{
left: inherit;
right: inherit;
bottom: inherit;
top: inherit;
position: static;
}
.butique-banner.left{
padding: 0;
}
.butique-banner .image img{
width: 100%;
}
.header.style15 .mobile-navigation{
margin-top: 7px;
color: #fff;
}
.block-banner-text .content{
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.element-icon.style4{
text-align: center;
}
.element-icon.style4 .icon{
text-align: center;
display: block;
}
.element-icon.style4 .content{
text-align: center;
}
.element-icon.style4 .inner{
padding: 30px 0;
}
.group-banner-masonry .grid-sizer, .banner-masonry-item{
width:50%;
}
.banner-masonry-item-2x{
width: 100%;
}
.shop-top .show-grid-list{
display: none;
}
.box-list-reviews .comment-info,
.box-list-reviews .comment-text{
width: 100%;
float: left;
overflow: inherit;
}
.tab-details-product .box-tabs li{
padding: 0;
width: 100%;
display: block;
}
.product-detail-image .thumbnails{
width: 50px;
}
.product-detail-image .thumbnails a{
margin-bottom: 10px;
}
.lastest-blog.style4 .left{
position: static;
width: 100%;
padding: 30px;
}
.box-product-featured .box-head{
width: 100%;
}
.box-product-featured .box-content{
width: 100%;
margin: 0;
float: left;
}
.block-newletter .head{
min-width: 1px;
padding: 0;
width: 100%;
}
.section-title.style5 h3:before{
width: 100%;
}
.section-title.style5 h3 span{
letter-spacing: normal;
font-size: 20px;
}
.section-title.style5 h3{
width: 100%;
}
.lastest-blog.style5 .item-blog .info {
bottom: 10px;
opacity: 1;
visibility: inherit;
}
}
@media (max-width: 480px){
.lastest-blog .left,
.lastest-blog .right{
width: 100%;
}
.lastest-blog .left{
margin-bottom: 20px;
}
.lastest-blog .right a{
width: 100%;
}
.element-icon .icon{
float: none;
margin: 0 auto;
margin-bottom: 10px;
}
.left-slidebar .main-content{
float: none;
}
.group-banner-masonry .grid-sizer, .banner-masonry-item{
width:100%;
}
.banner-masonry-item-2x{
width: 100%;
}
.product-item .product-thumb img{
width: 100%;
}
.shop-top .orderby-wapper{
padding: 0;
}
}
@media (max-width: 480px){
.product-item .product-thumb img{
width: 100%;
}
.product-detail-image.style2 .main-image-wapper{
text-align: center;
}
}
.owl-theme .owl-dots .owl-dot span {
display: none!important;
}
a.btn.btn-outline-secondary.btn-sm {
display: none;
}
.sw-theme-arrows .sw-toolbar {
text-align: right;
}
.sw-theme-arrows > ul.step-anchor > li.active > a {
border-color: #505457 !important;
color: #fff !important;
background: #505457 !important;
}
.sw-theme-arrows > ul.step-anchor > li.active > a:after {
border-left: 30px solid #505457 !important;
}
.ladda-button .ladda-label {
font-size: 16px;
}
.iziToast>.iziToast-body>.iziToast-icon {
display: none;
}
a.btn.btn-secondary.revealIn {
background: #fff;
color: #000!important;
}
.iziToast-wrapper-bottomRight {
top: 0;
}
a.product-name {
line-height: 25px;
}