/*
Table OF Contents
==========================
1-General Styles
2-Ratings
3-Social
4-parallax
5-Icons
6-Header
7-Mega menu1
8-Splash
9-Deals
10-Prodects
11-Testimonials
12-About Brand
13-Footer
14-LookBook
15-About US
16-Widgets
17-Stats
18-Subscription
19-Features
20-Accordian
21-Promo
22-BlogPosts
23-Sidebar
24-Offesr
25-Progress Bar
26-Artists
27-DeleveriItem
28-Table
29-portfolio
30-BestSeallers
31-Cart
32-Checkout
33-AccountInfo
34-DemoBags
35-Demo2-chairs
36-watches demo
37-Coffee Demo
38-Jewellery Demo
39-Demo Shoes
40-Denim Demo
41-Shorecode
42-catagory
43-Responsive

*/

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'), url('../fonts/montserrat-light-webfont.ttf') format('truetype'), url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype'), url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-semibold-webfont.eot');
    src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff'), url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('../fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype'), url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'montserrat';
    src: url('../fonts/montserrat-extrabold-webfont.eot');
    src: url('../fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('../fonts/montserrat-extrabold-webfont.woff') format('woff'), url('../fonts/montserrat-extrabold-webfont.ttf') format('truetype'), url('../fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'bridgestone';
    src: url('../fonts/BridgestoneType-Regular.woff');
    font-weight: 400;
    font-style: normal;
}

/*======================*/

body {
    font-family: "bridgestone";
    font-size: 14px;
    font-weight: 400;
    color: #181818;
    height: 100%;
    width: 100%;
    letter-spacing: 2px;
    overflow-x: hidden;
    -webkit-transition: padding-top 0.5s ease-in;
    -moz-transition: padding-top 0.5s ease-in;
    -ms-transition: padding-top 0.5s ease-in;
    -o-transition: padding-top 0.5s ease-in;
    transition: padding-top 0.5s ease-in;
}

body.getting-ready {
    padding-top: 40%;
    overflow: hidden;
}

.pre-loading {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 99999;
}

.loadingDone.pre-loading {
    height: 0;
    bottom: 180%;
}

.loading-animation {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -50px;
    width: 100px;
    height: 100px;
    margin-top: 50px;
}

.pre-loading .loading-logo {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.container {
    width: 1170px;
    max-width: 100%;
}

.bodyWrap {
    overflow: hidden;
}

.font-josifin {
    font-family: "Josefin Sans", sans-serif;
    letter-spacing: 0px;
}

.grayBG {
    background: #e9e9e9;
}


/*=====================
1-General Styles
======================*/

a {
    font-weight: 400;
}

p {
    font-family: 'bridgestone', sans-serif;
    color: #717171;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0;
}

.bgWhite {
    background: #fff;
}

.bgDarkbrown {
    background: #683f2e;
    color: #fff;
}

.bgGrey {
    background: #f9f9f9;
}

.bgGreyDark {
    background: #f1f1f1;
}

.bgBlack {
    background: #181818;
    color: #fff;
}

.bgPink {
    background: #e368b0;
    color: #fff;
}

.bgPurple {
    background: #ff0000;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    margin: 15px 0;
    text-transform: uppercase;
    font-family: 'bridgestone';
    color: black;
}

h1 {
    font-size: 100px;
}

h2 {
    font-size: 34px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 12px;
}

a {
    outline: none !important;
    color: inherit;
}

a:hover {
    color: inherit;
}

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

.custome-select {
    width: 100%;
    position: relative;
    height: 44px;
    line-height: 44px;
    text-align: left;
    display: inline-block;
    cursor: pointer;
    background: #f9f9f9;
    color: inherit;
    z-index: 20;
    margin-bottom: 10px;
    font-size: 12px;
    color: #717171;
    text-transform: capitalize;
    letter-spacing: 0;
    background: #fff;
}

.custome-select.grey {
    background: #f9f9f9;
}

.custome-select span {
    width: 100%;
    padding-left: 15px;
    display: block;
    height: 44px;
    line-height: 44px;
    overflow: hidden;
    font-weight: 400;
}

.custome-select b {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    background: none;
    line-height: 44px;
    text-align: center;
    font-size: 12px;
    color: #181818;
}

.custome-select select {
    opacity: 0;
    z-index: 20;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    color: #000;
}

a {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.btn {
    border-radius: 0;
    font-family: 'bridgestone';
    border: none;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 12px 40px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.btn-default {
    color: #fff;
    background-color: #ff0000;
    border-radius: 0px;
}

.btn-default:hover,
.btn-light:hover {
    background: black;
    color: #fff;
}

.btn-sm {
    padding: 10px 30px;
}

.btn-md {
    padding: 15px 48px;
}

.btn-lg {
    padding: 20px 78px;
}

.btn-exlg {
    padding: 24px 80px;
}

.btn-light {
    color: #181818;
    background: #fff;
}

.btn-grey {
    color: #181818;
    background: #f9f9f9;
}

.btn-darkgrey {
    color: #181818;
    background: #dadada;
}

.btn-green {
    color: #fff;
    background: #a88818;
}

.btn-dark-green {
    background: #359528;
    color: #fff;
}

.btn-dark-green:hover {
    background: #ff9600;
    color: #fff;
}

.btn-text-lg {
    font-size: 15px;
    font-weight: 400;
}

.btn-orange {
    color: #fff;
    background: #ff9600;
}

.btn-purple {
    color: #fff;
    background: #ff0000;
}

.btn-red {
    color: #fff;
    background: #e82e44;
}

.btn-opacity {
    color: #fff;
    background: rgba(24, 24, 24, 0.3);
}

.btn-white-opacity {
    color: #181818;
    background: rgba(255, 255, 255, 0.7);
}

.btn-pink {
    color: #fff;
    background: #e368b0;
}

.btn-pink:hover {
    background: #fff;
    color: #181818;
}

.btn-transparent {
    border: 2px solid #fff !important;
    color: #fff;
}

.btn-transparent.style2 {
    border-color: #585858 !important;
    color: #585858;
}

.btn-round {
    border-radius: 30px;
}

.btn-yellow {
    color: #181818;
    background: #ffd200;
}

.btn-yellow:hover,
.btn-green:hover,
.btn-orange:hover,
.btn-purple:hover,
.btn-grey:hover,
.btn-darkgrey:hover {
    background: #181818;
    color: #fff;
}

.mega-xv.mega-black .btn-yellow:hover,
.mega-xv.mega-black .btn-green:hover,
.mega-xv.mega-black .btn-orange:hover,
.mega-xv.mega-black .btn-purple:hover,
.mega-xv.mega-black .btn-grey:hover,
.mega-xv.mega-black .btn-darkgrey:hover {
    background: #fff;
    color: #181818;
}

.btn-fullwidth {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}


/*.btn-lg {
    font-size: 20px;
    font-weight: 300;
}*/

.btn-lg.style2 {
    padding: 10px 35px;
}

.btn-lg .fa {
    margin-right: 10px;
}

.theme-color {
    color: #77c84e;
}

.padGeneral,
section,
.section {
    padding: 10px 0;
}

.blog .xvBlogWrap.section,
.blog section.xvBlogWrap {
    padding: 70px 0;
}

.noPad {
    padding: 0;
}

.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-100 {
    padding-top: 50px;
}

.pt-100 {
    padding-top: 50px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-0 {
    margin-top: 0;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    background: #d3c7b9;
}

input[type="text"],
input[type="url"],
input[type="tel"],
textarea,
input[type="email"],
input[type="password"],
input[type="date"],
input[type="number"] {
    height: 44px;
    background: #d3c7b9;
    color: black;
    font-size: 14px;
    text-transform: inherit;
    border: 0;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
}

input[type="text"]::placeholder,
input[type="url"]::placeholder,
input[type="tel"]::placeholder,
textarea,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="date"]::placeholder,
input[type="number"]::placeholder {
    text-transform: uppercase;
}

input[type="text"]:focus,
input[type="url"],
input[type="tel"]:focus,
textarea,
input[type="email"]:focus,
input[type="password"],
input[type="number"],
input[type="date"]:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

input.grey {
    background: #f1f1f1;
    color: #717171;
}

input.light,
textarea.light {
    background: #fff;
}

input.gray,
textarea.gray {
    background: #e9e9e9;
}

textarea {
    padding-top: 15px;
    height: 150px;
    margin-bottom: 10px;
}

header.head {
    margin-bottom: 46px
}

.owl-prev,
.owl-next {
    font-size: 30px;
}

.owl-dots {
    text-align: center;
}

.slick-dots {
    margin: 0;
    padding: 0;
    text-align: center;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li button {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
    display: block;
    margin: 3px;
    text-indent: -999px;
    background: #fff;
    overflow: hidden;
}

.slick-dots li.slick-active button {
    border: 1px solid #ff0000;
}

.products.orange .slick-dots li.slick-active button {
    border: 1px solid #FF9600;
}

label {
    font-weight: 400;
    text-transform: uppercase;
}

.imgAsBG>img {
    display: none;
}


/*=====================
2-Ratings
======================*/

.star-rating:after {
    content: '\f005' ' ' '\f005' ' ' '\f005' ' ' '\f005' ' ' '\f005';
    font-family: 'FontAwesome';
    position: relative;
    color: #dadada;
}

.star-rating {
    position: relative;
    display: table;
    margin: 0 auto;
    font-size: 10px;
}

.star-rating:before {
    font-family: 'FontAwesome';
    color: #ff0000;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
}

.star-rating.star-1:before {
    content: '\f005';
}

.star-rating.star-2:before {
    content: '\f005' ' ' '\f005';
}

.star-rating.star-3:before {
    content: '\f005' ' ' '\f005' ' ' '\f005';
}

.star-rating.star-4:before {
    content: '\f005' ' ' '\f005' ' ' '\f005' ' ' '\f005';
}

.star-rating.star-5:before {
    content: '\f005' ' ' '\f005' ' ' '\f005' ' ' '\f005' ' ' '\f005';
}


/*.star-rating {
    padding: 0;
    margin: 0;
}

.star-rating li {
    display: inline-block;
    margin-right: -5px;
}

.star-rating .fa {
    font-size: 10px;
    color: #dadada;
}

.star-rating.stars-5 li:nth-child(1) .fa,
.star-rating.stars-5 li:nth-child(2) .fa,
.star-rating.stars-5 li:nth-child(3) .fa,
.star-rating.stars-5 li:nth-child(4) .fa,
.star-rating.stars-5 li:nth-child(5) .fa {
    color: #ff0000;
}

.star-rating.stars-4 li:nth-child(1) .fa,
.star-rating.stars-4 li:nth-child(2) .fa,
.star-rating.stars-4 li:nth-child(3) .fa,
.star-rating.stars-4 li:nth-child(4) .fa {
    color: #ff0000;
}

.star-rating.stars-3 li:nth-child(1) .fa,
.star-rating.stars-3 li:nth-child(2) .fa,
.star-rating.stars-3 li:nth-child(3) .fa {
    color: #ff0000;
}

.star-rating.stars-2 li:nth-child(1) .fa,
.star-rating.stars-2 li:nth-child(2) .fa {
    color: #ff0000;
}

.star-rating.stars-1 li:nth-child(1) .fa {
    color: #ff0000;
}*/


/*=====================
3-Social
======================*/

.socials {
    padding: 0;
    margin: 0;
    margin: 15px 0;
}

.socials.light li {
    color: #dadada;
}

.socials li {
    display: inline-block;
    color: #000;
    margin-right: 10px;
}

.socials li:hover {
    color: #ff0000;
}

.socials li:last-child {
    margin-right: 0;
}


/*==========================
4-parallax
==========================*/

.parallax {
    clear: both;
    position: relative;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 0;
    height: 100%;
    width: 100%;
    padding: 0;
    background: #78e2dc;
    background-size: cover;
    background-position: center center;
}

.parallax_inner {
    position: relative;
    padding-top: 120px;
    padding-bottom: 120px;
    min-height: 250px;
}

.parallax_one {
    background-image: url(../img/bgbags.jpg);
}

.parallax_two {
    background-image: url(../img/parallax2.jpg);
}

.parallax_three {
    background-image: url(../img/parallax3.jpg);
}


/*================
5-Icons
================*/

.icon-arrow {
    background: url(../img/icons/arrow.png) center center no-repeat;
    height: 7px;
    width: 19px;
    display: block;
    background-size: cover;
}

.sectionHalf {
    position: relative;
}

.sectionHalf>div {
    float: left;
    width: 50%;
}

.sectionHalf .visualdiv {
    background-size: cover;
    background-position: center center;
}

.sectionHalf.visualLeft .content {
    padding: 60px 120px 80px 60px;
}

.sectionHalf.visualRight .content {
    padding: 60px 60px 80px 120px;
}

.sectionHalf.visualLeft .visualdiv {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.sectionHalf.visualRight .visualdiv {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.sectionHalf.visualLeft .content {
    margin-left: 50%;
}

.sectionHalf.visualRight .content {
    margin-right: 50%;
}

.inContainer {
    padding: 50px 60px;
}


/*================
6-Header
================*/

.topHeader {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.topHeader .container {
    position: relative;
}

.topHeader.in-container {
    position: relative;
    background: #fff;
}

.topheadWrap {
    position: relative;
}

.topHeader.in-container .topSearch {
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.topSearch {
    max-width: 270px;
    width: 100%;
    height: 32px;
    color: #717171;
    font-size: 10px;
    border-bottom: 1px solid #dadada;
    position: absolute;
    left: 15px;
    top: 8px;
}

.topSearch input {
    margin: 0;
    letter-spacing: 1px;
    border: 0;
    width: 100%;
    padding-right: 50px;
    padding-left: 0;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.topSearch button {
    background: 0;
    height: 32px;
    width: 22px;
    border: 0;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0;
    font-size: 22px;
}

.topHeader.in-container .topLinks {
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.preHeaderLinks {
    font-size: 12px;
    padding: 5px 0;
}

.preHeaderLinks ul {
    padding: 0;
    margin: 0;
}

.preHeaderLinks li {
    display: inline-block;
}

.preHeaderLinks li a {
    display: block;
    padding: 15px;
    text-decoration: none;
}

.preHeaderLinks li:first-child a {
    padding-left: 0;
}

.preHeaderLinks li:last-child a {
    padding-right: 0;
}

.doc-header {
    position: relative;
    z-index: 9999;
}

.doc-header .topLinks {
    padding: 0;
    position: absolute;
    right: 15px;
    top: 8px;
}

.doc-header .topLinks li {
    display: inline-block;
    margin-left: 8px;
}

.doc-header .topLinks a {
    padding: 10px;
    display: block;
    font-size: 22px;
    text-decoration: none;
    position: relative;
}

.doc-header .topLinks a.resetPass {
    padding: 0;
    font-size: 12px;
    color: #717171;
    margin-top: 15px;
}

.accountDropdownTriger,
.languageDropdownTriger,
.cartDropdownTriger {
    position: relative;
}

.doc-header.style1 .topLinks>.accountDropdownTriger .accountDropdown.style,
.doc-header.style1 .topLinks>.cartDropdownTriger .cartDropdown,
.doc-header.style1 .topLinks>.languageDropdownTriger .languageDropdown {
    position: absolute;
    right: 0;
    top: 53px;
}

.doc-header.style2.style4 .topLinks>.accountDropdownTriger .accountDropdown.style,
.doc-header.style2.style4 .topLinks>.cartDropdownTriger .cartDropdown,
.doc-header.style2.style4 .topLinks>.languageDropdownTriger .languageDropdown {
    position: absolute;
    right: 0;
    top: 81px;
}

.doc-header.style1.style3 .topLinks>.accountDropdownTriger .accountDropdown.style,
.doc-header.style1.style3 .topLinks>.cartDropdownTriger .cartDropdown,
.doc-header.style1.style3 .topLinks>.languageDropdownTriger .languageDropdown {
    position: absolute;
    right: 0;
    top: 53px;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown,
.doc-header .topLinks>.accountDropdownTriger .languageDropdown {
    position: absolute;
    right: 0;
    top: 84px;
    padding-left: 0;
    width: 215px;
    border-top: 4px solid #ff0000;
    display: none;
    z-index: 9999999;
    background: #fff;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.active {
    display: block;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown>li {
    display: block;
    margin: 0;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown>li a {
    font-size: 10px;
    background: #fff;
    color: #000;
    padding: 10px 10px 10px 21px;
    text-transform: uppercase;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown>li a:hover {
    background: #f9f9f9;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown>li a:hover i {
    color: #ff0000;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown>li a i {
    font-size: 16px;
    padding-right: 8px;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style {
    width: 315px;
    display: none;
    top: 88px;
    border-top: none;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tabs {
    float: none;
    width: 100%;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tabs>li {
    float: left;
    margin: 0;
    font-size: 10px;
    width: 50%;
    background: #f9f9f9;
    border: none;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tabs>li.active a {
    background: #fff;
    border-top: 5px solid #ff0000;
}

.doc-header.style2 .topLinks>.accountDropdownTriger .accountDropdown.style .tabs>li.active a,
.doc-header.style2 .topLinks>.cartDropdownTriger .cartDropdown,
.doc-header.style2 .topLinks>.languageDropdownTriger .languageDropdown {
    border-color: #ffd200;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tabs>li a {
    display: block;
    font-size: 10px;
    padding: 20px 10px;
    background: #f9f9f9;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tab-panel {
    width: 100%;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane {
    background: #fff;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form input {
    background: #f9f9f9;
    color: #717171;
    font-size: 12px;
    text-transform: capitalize;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form a.btn {
    font-size: 10px;
    padding: 14px;
}

.doc-header.style1.style3 .topLinks>.accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form a.btn {
    background: #a88818;
    color: #fff;
}

.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form span {
    font-size: 12px;
    color: #717171;
    display: block;
    margin-top: 16px;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown {
    position: absolute;
    right: 0;
    top: 88px;
    padding-left: 0;
    background: #fff;
    padding: 30px 40px 40px;
    width: 415px;
    border-top: 5px solid #ff0000;
    z-index: 9999999;
    display: none;
}

.bgPink.doc-header .topLinks>.cartDropdownTriger .cartDropdown,
.bgPink.doc-header .topLinks>.languageDropdownTriger .languageDropdown,
.bgPink.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tabs>li.active a,
.style1.doc-header .topLinks>.cartDropdownTriger .cartDropdown,
.style1.doc-header .topLinks>.languageDropdownTriger .languageDropdown,
.style1.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tabs>li.active a,
.style4.doc-header .topLinks>.cartDropdownTriger .cartDropdown,
.style4.doc-header .topLinks>.languageDropdownTriger .languageDropdown,
.style4.doc-header .topLinks>.accountDropdownTriger .accountDropdown.style .tabs>li.active a {
    border-color: #181818;
}

.doc-header.style1.style3 .topLinks>.cartDropdownTriger .cartDropdown .btn {
    background: #a88818;
    color: #fff;
}

.style4.doc-header .topLinks .cartCount {
    background: #181818;
    color: #fff;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown h1,
.doc-header .topLinks>.cartDropdownTriger .cartDropdown h2,
.doc-header .topLinks>.cartDropdownTriger .cartDropdown h3,
.doc-header .topLinks>.cartDropdownTriger .cartDropdown h4,
.doc-header .topLinks>.cartDropdownTriger .cartDropdown h5,
.doc-header .topLinks>.cartDropdownTriger .cartDropdown h6 {
    color: #000;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown .addedItem {
    position: relative;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown .addedItem figure {
    position: absolute;
    top: 0;
    left: 0;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown .itemDetails {
    padding: 9px 20px 4px 85px;
    background: #f9f9f9;
    margin: 10px 0;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown .itemDetails span {
    font-size: 10px;
    display: block;
    margin: 10px 0;
    color: #000;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown .itemDetails .price {
    color: #717171;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown .itemDetails .removeitem {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    right: 0;
    color: #717171;
    background: #F9F9F9;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown .itemDetails .removeitem i {
    color: #717171;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown h6 {
    font-size: 14px;
    display: inline-block;
    margin: 22px 0 18px;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown h6 span {
    color: #ff0000;
    padding-left: 132px;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown .btn {
    font-size: 12px;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown .viewCart {
    display: block;
    text-align: center;
    margin-top: 16px;
    text-transform: uppercase;
    color: #717171;
}

.doc-header .topLinks>.cartDropdownTriger .cartDropdown .viewCart .goToCart {
    color: #181818;
    display: inline-block;
    font-size: 14px;
    padding: 0;
    text-decoration: underline;
}

.doc-header .topLinks .cartCount {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ff0000;
    display: block;
    color: #fff;
    font-size: 10px;
    text-align: center;
    line-height: 18px;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    right: 2px
}

.bgPink.doc-header .topLinks .cartCount,
.style1.doc-header .topLinks .cartCount {
    background: #181818;
}

.doc-header .topLinks>.languageDropdownTriger .languageDropdown {
    position: absolute;
    right: 0;
    top: 88px;
    padding: 20px;
    width: 215px;
    border-top: 5px solid #ff0000;
    display: none;
    background: #fff;
    z-index: 9999999;
}

.doc-header .topLinks>.languageDropdownTriger .languageDropdown>li {
    display: inline-block;
}

.doc-header .topLinks>.languageDropdownTriger .languageDropdown>li .languages {
    float: left;
    width: 70%;
    padding-left: 0;
    border-right: 1px solid #717171;
}

.doc-header .topLinks>.languageDropdownTriger .languageDropdown>li .languages>li {
    position: relative;
    color: #717171;
    display: block;
    padding: 3px 0;
    margin: 0;
}

.doc-header .topLinks>.languageDropdownTriger .languageDropdown>li .languages>li img {
    position: absolute;
    left: 0;
    top: 13px;
}

.doc-header .topLinks>.languageDropdownTriger>.languageDropdown>li a {
    font-size: 9px;
    color: #717171;
    text-transform: uppercase;
    background: #fff;
}

.doc-header .topLinks>.languageDropdownTriger>.languageDropdown>li>ul>li>a:hover,
.doc-header .topLinks>.languageDropdownTriger>.languageDropdown>li>ul>li.active>a {
    color: #181818;
}

.doc-header .topLinks>.languageDropdownTriger .languageDropdown>li .languages>li a span {
    padding-left: 13px;
    display: block;
}

.doc-header .topLinks>.languageDropdownTriger .languageDropdown>li .currency {
    float: left;
    width: 30%;
    padding-left: 0;
}

.doc-header .topLinks>.languageDropdownTriger .languageDropdown>li .currency>li {
    display: block;
    padding: 3px 0;
}

.topHeader.in-container a.logo {
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.topHeader a.logo {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -54px;
}

.topHeader a.logo .logo-light {
    display: none;
}

.doc-header .cartBtn,
.doc-header .navTriger {
    display: none;
}

.doc-header .topLeftLinks {
    margin: 0;
}

.doc-header .topLeftLinks li {
    list-style: none;
}

.mobile-menu {
    display: none;
}

.topHeader {
    min-height: 130px;
    padding: 34px 0;
    z-index: 999;
}

.topHeader.short {
    min-height: 100px;
    padding: 0;
}

.doc-header.style2 .topHeader.short a.logo {
    top: 20px;
}

.topHeader.short .mainNav>li>a {
    padding: 40px 12px;
}

.doc-header.style4 .mainNav>li>a {
    padding: 47px 12px;
}

.doc-header.style4 .topHeader {
    padding: 0;
    min-height: 0;
}

.doc-header.style2.style4 .topHeader a.logo {
    top: 25px;
}

.doc-header.style2.style4 .topLinks {
    top: 50%;
    margin-top: -24px;
}

.mainNav {
    font-family: 'bridgestone', sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    text-align: right;
}


/*================
7-Drop Downs
=================*/

.menuBorder {
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.mega-xv.mega-black h1,
.mega-xv.mega-black h2,
.mega-xv.mega-black h3,
.mega-xv.mega-black h4,
.mega-xv.mega-black h5,
.mega-xv.mega-black h6 {
    color: #fff;
}

.mega-xv h1,
.mega-xv h2,
.mega-xv h3,
.mega-xv h4,
.mega-xv h5,
.mega-xv h6 {
    color: #000;
    padding: 0 15px;
}

.mega-xv .container {
    position: relative;
    padding: 30px 0;
}

.megaFix nav {
    position: relative;
}

.boxed-style .doc-header .megaFix .mainNav {
    position: static;
}

.boxed-style .doc-header .mainNav {
    position: relative;
}

.boxed-style .doc-header .mainNav .mega-xv {
    padding-left: 20px;
    padding-right: 20px;
}

.makeMegaFancy {
    width: 25%;
    position: absolute;
    top: 0px;
    right: 15px;
    height: 100%;
}

.makeMegaFancy img {
    width: auto;
    height: 100%;
}

.mega-xv.mega-black {
    background: #181818;
}

.mega-xv {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    top: 120%;
    background: #fff;
    border-top: 4px solid #ff0000;
    color: #717171;
    text-align: left;
    font-size: 11px;
    text-transform: none;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.mega-xv ul {
    font-family: "open sans", sans-serif;
    padding: 0;
    margin: 0;
}

.mega-xv .quick-invite {
    padding-top: 15px;
}

.mega-xv .quick-invite a {
    color: #ff0000;
    text-decoration: underline;
    text-transform: uppercase;
}

.mega-xv.mega-black .quick-invite,
.mega-xv.mega-black .quick-invite a {
    color: #fff;
}

.menu-thumb-widget {
    margin: 0 -10px;
    margin-bottom: 25px;
}

.mega-xv a.thumb-unit,
.thumb-unit {
    float: left;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;
    width: 14.28%;
    padding: 0 10px;
    display: block;
    color: #717171;
}

.thumb-unit figcaption {
    margin-bottom: 15px;
}

.mainNav>li.megaparent {
    position: static;
}

.mainNav>li {
    display: inline-block;
    margin: 0 0px;
    position: relative;
}

.mainNav>li>a {
    text-decoration: none;
    padding: 15px 12px;
    display: block;
    position: relative;
    color: white;
    box-sizing: border-box;
}

.mainNav>li:hover {
    border-bottom: 2px white solid;
}

.mainNav>li>ul {
    position: absolute;
    top: 120%;
    /*left: 0;*/
    min-width: 270px;
    background: #fff;
    border-left: 4px solid #000;
    padding: 0px 0;
    font-family: "open sans", sans-serif;
    text-align: left;
    text-transform: none;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
}

.mainNav>li.dropdown-style2>ul {
    background: #181818;
}

.mainNav>li>ul>li,
.mega-xv ul>li {
    display: block;
}

.mainNav>li>ul>li>a:before,
.mega-xv ul>li>a:before {
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 4px;
    border-color: transparent transparent transparent #717171;
    margin-right: 6px;
    top: -1px;
    position: relative;
}

.mainNav>li>ul>li>a:hover:before,
.mega-xv ul>li>a:hover:before {
    border-left-color: #ff0000;
}

.mainNav>li.dropdown-style2>ul>li>a:hover,
.mega-xv.mega-black ul>li>a:hover {
    background: #000000;
    color: #fff;
}

.mainNav>li>ul>li>a:hover,
.mega-xv ul>li>a:hover {
    background: #f1f1f1;
    color: #181818;
}

.mainNav>li>ul>li>a,
.mega-xv ul>li>a {
    display: block;
    padding: 12px 30px;
    color: #717171;
    text-decoration: none;
}

.mega-xv ul>li>a {
    padding: 10px 15px;
}

.mainNav>li:last-child>ul {
    left: auto;
    right: 0;
}

.coffee-nav {
    background: #fff;
    position: relative;
}

.coffee-nav .slidenavTriger {
    font-size: 32px;
    text-decoration: none;
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.coffee-nav .sideNavTrig {
    width: 78px;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 9;
}

.coffee-nav a.logo {
    position: absolute;
    left: 50%;
    top: 20px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.coffee-nav .navWrap {
    padding-top: 112px;
    padding-bottom: 30px;
    overflow: hidden;
    overflow-y: scroll;
    left: 0;
    position: absolute;
    top: 0;
    height: 100%;
    background: #fff none repeat scroll 0 0;
    width: 296px;
}

.coffee-nav .mainNav>li {
    display: block;
    text-align: left;
    margin: 0;
    font-family: 'Arvo', serif;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: lowercase;
    color: #717171;
}

.coffee-nav .mainNav>li>a {
    font-weight: bold;
    padding: 15px 15px 15px 80px;
}

.coffee-nav .mainNav>li>a:hover,
.coffee-nav .mainNav>li.active>a {
    background: #f7f5f4;
    color: #683f2e;
}

.coffee-nav .mainNav {
    display: block;
}

.coffee-nav .navDisplay a.logo {
    left: 34%;
}

.doc-header.coffee-nav .topLinks {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 100px;
    margin-bottom: 30px;
}

.doc-header.coffee-nav .topLinks li {
    display: block;
    margin: 0;
}

.doc-header.coffee-nav .topLinks li a {
    font-size: 10px;
    color: #717171;
    text-transform: uppercase;
    padding: 15px 15px 15px 80px;
}

.doc-header.coffee-nav .topLinks li a:hover {
    background: #f7f5f4;
}

.doc-header.coffee-nav .topLinks li a i {
    font-size: 20px;
    color: #683f2e;
    margin-right: 20px;
    float: left;
}

.coffee-nav .navDisplay {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 280px;
    display: block;
    z-index: 999;
    background: #fff;
    position: fixed;
    left: -300px;
    top: 0;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

.coffee-nav .closeNav {
    font-size: 26px;
    width: 54px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    color: #fff;
    background: #683f2e;
    display: block;
    text-decoration: none;
    position: fixed;
    top: -70px;
    left: 280px;
    transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}

.coffee-nav.active .closeNav {
    top: 0;
}

.coffee-nav.active .navDisplay {
    left: 0;
}


/*============
8-Splash
============*/

.splashWrap.gradientBg {
    background: rgb(241, 241, 243);
    background: -moz-linear-gradient(top, rgba(241, 241, 243, 1) 0%, rgba(244, 244, 246, 1) 37%, rgba(239, 240, 242, 1) 68%, rgba(236, 236, 238, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(241, 241, 243, 1) 0%, rgba(244, 244, 246, 1) 37%, rgba(239, 240, 242, 1) 68%, rgba(236, 236, 238, 1) 100%);
    background: linear-gradient(to bottom, rgba(241, 241, 243, 1) 0%, rgba(244, 244, 246, 1) 37%, rgba(239, 240, 242, 1) 68%, rgba(236, 236, 238, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f3', endColorstr='#ececee', GradientType=0);
}

.splash .container {
    position: relative;
    height: 100%;
}

.splash .sideNav {
    position: absolute;
    left: 15px;
    top: 65px;
    z-index: 99;
}

.splash .sideNav {
    padding: 0;
    margin-bottom: 22px;
}

.sideNav .splashNav {
    font-size: 12px;
    letter-spacing: 1px;
    padding: 0;
}

.sideNav .splashNav>li {
    display: table;
}

.sideNav .splashNav a {
    text-decoration: none;
}

.sideNav .socials li {
    display: inline-block;
}

.splashNav .innerWrap .sideInnerNav>li:hover:before,
.sideNav .splashNav a:hover {
    color: #ff0000;
}

.splashNav .innerWrap .sideInnerNav>li:hover {
    color: #000;
}

.sideInnerNav {
    padding: 0;
    margin: 0;
    font-size: 12px;
    color: #717171;
    display: none;
    margin: 25px 0;
}

.sideInnerNav li {
    color: #717171;
    display: block;
    position: relative;
    font-family: open sans;
    padding: 3px 0 3px 13px;
}

.sideInnerNav li:before {
    content: '\f0da ';
    font-size: 8px;
    position: absolute;
    left: 3px;
    top: 6px;
    font-family: 'FontAwesome';
}

.sideNav.style1 .splashNav {
    margin-bottom: 22px;
}

.sideNav.style1 .socials {
    color: #dadada;
}

.splash .sideNav .note,
.mainSlider.style1 .note {
    font-size: 10px;
    text-transform: uppercase;
    border: 1px solid #181818;
    display: table;
    padding: 12px 20px;
    margin-top: 250px;
    letter-spacing: 0;
}

.mainSlider {
    position: relative;
}

.mainSlider .caption {
    text-align: right;
    position: absolute;
    right: 4%;
    top: 35%;
}

.slideImage.slideImageRight {
    right: 0;
}

.slideImage.slideImageLefft {
    left: 0;
}

.mainSlider figure.slideImage {
    position: absolute;
    top: 50%;
    width: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.boxed-style .mainSlider .caption {
    right: 0;
}

.mainSlider figure {
    display: block;
    text-align: center;
    max-width: 100%;
}

.mainSlider figure img {
    max-height: 700px;
    display: inline-block;
}

.mainSlider h1,
.mainSlider h2,
.mainSlider h3,
.mainSlider h4 {
    text-transform: uppercase;
    letter-spacing: 15px;
    margin-bottom: 0;
}

.mainSlider .tagLine {
    color: #ff0000;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 23px;
}

.mainSlider .owl-next,
.mainSlider .owl-prev {
    font-size: 50px;
    position: absolute;
    left: 0;
    top: 60%;
    line-height: 60px;
    z-index: 99;
}

.owl-next,
.owl-prev {
    cursor: pointer;
    z-index: 9;
}

.mainSlider .owl-next {
    top: 52%;
}

.controls-normal.mainSlider .owl-next {
    top: 50%;
    margin-top: -20px;
    left: auto;
    right: 30px;
    color: #fff
}

.largeCaption {
    font-size: 95px;
    line-height: 85px;
}

.captionLeft {
    right: auto !important;
    left: 70px !important;
}

.captionRight {
    right: 50px !important;
    text-align: right !important;
    left: auto !important;
}

.captionWhite {
    color: #fff !important;
}

.captionTxtMedium {
    font-size: 20px;
}

.controls-normal.mainSlider .owl-prev {
    top: 50%;
    margin-top: -20px;
    right: auto;
    left: 30px;
    color: #fff;
}

.slider-wraper {
    padding-right: 50px;
    margin-left: -5px;
}

.slider-nav .slick-arrow {
    cursor: pointer;
    font-size: 30px;
}

.slider-nav .slick-prev {
    position: absolute;
    right: -52px;
    top: 55px;
}

.slider-nav .slick-next {
    position: absolute;
    right: -52px;
    top: 20px;
}

.slider-wraper.small .slider-nav .slick-prev {
    position: absolute;
    right: -52px;
    top: 48px;
}

.slider-wraper.small .slider-nav .slick-next {
    position: absolute;
    right: -52px;
    top: 12px;
}

.slider-wraper.medium .slider-nav .slick-prev {
    position: absolute;
    right: -52px;
    top: 55px;
}

.slider-wraper.medium .slider-nav .slick-next {
    position: absolute;
    right: -52px;
    top: 20px;
}

.slider-wraper.large .slider-nav .slick-prev {
    position: absolute;
    right: -52px;
    top: 65px;
}

.slider-wraper.large .slider-nav .slick-next {
    position: absolute;
    right: -52px;
    top: 30px;
}

.slick-arrow.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
    z-index: 99;
}

.slick-slide {
    position: relative;
    overflow: hidden;
}

.mainSlider .owl-prev,
.mainSlider .owl-next {
    font-size: 50px;
}

.mainSlider.style1 .caption {
    position: relative;
    text-align: center;
    color: #fff;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.mainSlider.style1.centered .caption {
    width: 100%;
    right: 0;
}

.mainSlider.style1 .caption h1,
.mainSlider.style1 .caption h2,
.mainSlider.style1 .caption h3 {
    margin-top: 0;
}

.mainSlider.style1 .tagLine {
    color: #fff;
}

.mainSlider.style1 .slide {
    height: 670px;
    background-size: cover;
    background-position: center center;
}

.mainSlider.style1 .note {
    color: #fff;
    border: 1px solid #fff;
    position: absolute;
    left: 50%;
    bottom: 50px;
    top: auto;
    margin: 0;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.mainSlider.style1 .owl-prev,
.mainSlider.style1 .owl-next {
    color: #fff;
    font-size: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    top: 50%;
    margin-top: -25px;
    position: absolute;
}

.mainSlider.style1 .owl-prev {
    left: 10%;
}

.mainSlider.style1 .owl-next {
    right: 10%;
    left: auto;
}

.mainSlider.style1 .owl-nav {
    position: relative;
    left: auto;
    top: auto;
}

.mainSlider.style1 .owl-nav {
    height: 100%;
    left: auto;
    position: absolute;
    top: 0;
    width: 100%;
}

.overlay {
    background: rgba(24, 24, 24, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.overlay.light {
    background: rgba(255, 255, 255, 0.5);
}

.overlayInner {
    position: relative;
}

.xvBanners .xvBanner {
    display: block;
    position: relative;
    height: 322px;
    background-position: center center;
    background-size: cover;
    color: #fff;
    float: left;
    text-align: center;
    width: 25%;
}

.xvBanners .xvBanner .head {
    font-family: 'bridgestone';
    font-size: 24px;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}

.xvBanners .xvBanner .tag {
    font-family: open sans;
    font-size: 18px;
    display: block;
}

.xvBanners .xvBanner .overlayInner {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.xvBanners.style1 .xvBanner {
    width: 33.33%;
    height: 290px;
    text-transform: uppercase;
}

.xvBanners.style1 .xvBanner .head {
    font-family: 'bridgestone';
    font-size: 20px;
    font-weight: 400;
}

.xvBanners.style1 .xvBanner .tag {
    font-size: 12px;
    font-family: 'bridgestone';
}


/*=====================
9-Deals
======================*/

.xvDeals {
    color: #fff;
    text-transform: uppercase;
}

.xvDeals .xvDeal {
    height: 290px;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.xvDeals .xvDeal a {
    font-size: 12px;
}

.xvDeals .xvDeal a:hover {
    color: #ff0000;
}

.xvDeals .xvDeal h2 {
    margin-top: 0;
}

.xvDeals .xvDeal .content {
    width: 30%;
    position: absolute;
    top: 50%;
    right: 38px;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.xvDeals .xvDeal .content>p {
    text-transform: none;
    color: rgba(0, 0, 0, 0.5);
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.xvDeals .xvDeal:hover .content>p {
    height: 50px;
    margin-bottom: 20px;
}


/*=====================
10-Prodects
======================*/

.productsWrap {
    overflow: hidden;
}

.products {
    z-index: 99;
    position: relative;
}

.products.ajaxify.style1 .product {
    width: 20%;
}

.products.ajaxify .product {
    width: 33.3334%;
}

.products.ajaxify .product {
    padding: 3px;
    margin: 0;
    float: left;
}

.products.ajaxify .product-grid {
    margin: 0 -3px;
}

.products.product-grid-2,
.sectionHalf.visualRight .products.product-grid-2 {
    margin: 0 -15px;
}

.products.product-grid-2 .product {
    float: left;
    width: 50%;
    padding: 15px;
}

.products.product-grid-2 .product span.tag {
    left: 15px;
    top: 15px;
}

.products.ajaxify .product span.tag {
    left: 3px;
    top: 3px;
}

.products.ajaxify .customslider-controls {
    margin-bottom: 83px;
}

.products.ajaxify .customslider-controls a.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.products.ajaxify.style1 .customslider-controls {
    margin-bottom: 0;
}

.products .head {
    margin-bottom: 50px;
}

.products.ajaxify .product span.tag {
    padding: 0;
}

.products .controls {
    width: 14%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.products .wrap {
    position: relative;
}

.products .content {
    width: 86%;
    float: left;
    margin-left: 14%;
}

.product {
    position: relative;
    margin: 0 0 30px 0;
    display: block;
}

.product .quickBtns {
    margin: 0;
    padding: 0;
    width: 95%;
    position: absolute;
    top: 435px;
    left: 50%;
    transform: translate(-50%, 0px);
    -webkit-transform: translate(-50%, 0px);
    -moz-transform: translate(-50%, 0px);
    -o-transform: translate(-50%, 0px);
    -ms-transform: translate(-50%, 0px);
    display: none;
}

.products.styleBtns .product:hover .quickBtns {
    display: block;
}

.product .quickBtns li {
    float: left;
    width: 50%;
    display: inline-block;
}

.product:hover .links {
    display: block;
}

.product span.tag {
    font-size: 10px;
    color: #fff;
    background: #181818;
    text-transform: uppercase;
    padding: 3px 8px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 50;
}

.product .links {
    padding: 0;
    position: absolute;
    top: 420px;
    left: 50%;
    margin-left: -90px;
    margin-bottom: 0;
    display: none;
    z-index: 20;
}

.product .links li:hover {
    background: #ff0000;
    color: #fff;
}

.product .links li:hover a {
    color: #fff;
}

.product .links li {
    display: inline-block;
    float: left;
    height: 60px;
    width: 60px;
    line-height: 64px;
    text-align: center;
    background: #fff;
    font-size: 24px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.product .links li a {
    display: block;
    text-decoration: none;
}

.product .productInfo {
    padding-top: 13px;
    z-index: 20;
}

.products.col-grid-5 .productInfo {
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    left: 0;
    text-align: center;
    padding: 0;
    width: 100%;
    display: none;
}

.products.col-grid-5 .product:hover .productInfo {
    display: block;
}

.product .productInfo h6,
.product .productInfo h3 {
    margin-bottom: 3px;
    font-size: 12px;
    text-transform: uppercase;
}

.products.style1 .product .productInfo h6,
.products.style1 .product .productInfo h3 {
    font-size: 10px;
}

.product .productInfo a {
    text-decoration: none;
}

.product .productInfo .price {
    font-size: 12px;
    color: #717171;
    display: block;
    margin-top: 8px
}

.products .controls .changeView {
    padding: 0;
    margin: 0;
}

.products .controls .changeView li {
    display: inline-block;
    margin-right: 3px;
    opacity: 0.2;
}

.products .controls .changeView li.active {
    opacity: 1;
}

.customslider-controls {
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 0;
}

.customslider-controls li {
    display: inline-block;
    font-size: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

.customslider-controls li a {
    text-decoration: none;
}


/*Style1*/

.products.style2 .product .links {
    top: 190px
}

.products.style1 .product .links li,
.products.style2 .product .links li {
    height: 45px;
    width: 45px;
    line-height: 45px;
    font-size: 20px
}

.products.style1 .product .links,
.products.style2 .product .links {
    margin-left: -67.5px;
}

.products.style1 .product .productInfo {
    position: absolute;
    left: 0;
    bottom: 100px;
    width: 100%;
    visibility: hidden;
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
}

.products.style1 .product:hover .productInfo {
    visibility: visible;
    bottom: 80px;
}

.products.style1 .product .links {
    top: auto !important;
    bottom: 20px;
}

.products.style1 .product .productInfo h6,
.products.style1 .product .productInfo .price {
    font-size: 10px;
    color: #181818;
}

.products.style1.new .product .productInfo h6,
.products.style1.new .product .productInfo .price {
    font-size: 10px;
    color: #000;
}

.products.style1.new .product:hover .visual,
.products.style1.new .product:hover .links {
    display: block;
}

.products.style1.new .product .links li:hover {
    background: #ff0000;
    color: #fff;
}


/*
.products.style1 .product .productInfo {
    position: absolute;
    left: 0;
    width: 100%;
    top: 70px;
    display: none;
}

.products.style1 .product:hover .productInfo {
    display: block;
}
*/

.products.style1 .star-rating:after {
    color: #181818;
}


/*=====Style2=====*/

.products.style2 .product .productInfo h6 {
    font-size: 10px;
}

.products.style2 .product .productInfo .price {
    font-size: 10px;
}

.products.style2 .product .visual,
.products.style2 .product .productImages {
    height: 280px;
}

.products.style2 .product .links {
    top: 210px;
}

.products.style2 .product .productInfo {
    padding-top: 5px;
    display: block;
    text-decoration: none;
}

.products.style2 .owl-prev,
.products.style2 .owl-next {
    font-size: 30px;
}

.products.style2 .owl-nav,
.products.style1 .owl-nav,
.xvBlogWrap.news .owl-nav,
.products.styleControls .owl-nav {
    position: absolute;
    right: 0;
    top: -70px;
    width: 69px;
}

.controls-right .owl-next,
.controls-right .owl-prev {
    position: absolute;
    right: 0;
    top: -70px;
}

.controls-right .owl-prev {
    right: 36px;
}

.slick-carousel.item-margin-30 .slick-list {
    margin: 0 -15px;
}

.slick-carousel.item-margin-6 .slick-list {
    margin: 0 -3px;
}

.slick-carousel.item-margin-0 .slick-list {
    margin: 0;
}

.slick-carousel.item-margin-30 .slick-slide {
    padding: 0 15px !important;
}

.slick-carousel.item-margin-6 .slick-slide {
    padding: 0 3px !important;
}

.slick-carousel.item-margin-30 .product span.tag {
    left: 15px;
}

.slick-carousel.item-margin-6 .product span.tag {
    left: 3px;
}

.slick-carousel.item-margin-30 .xvBlogPost .date {
    right: 35px !important;
}


/*====NewStyle==*/

.products .prodLay {
    background: rgba(255, 255, 255, 0.7);
    height: 100%;
    width: 100%;
    display: none;
}

.product:hover .prodLay {
    display: block;
}

.products.style1.new .product .productInfo {
    text-align: left;
}

.products.style1.new {
    padding: 0;
    margin: 0 -15px;
    position: relative;
}

.products.style1.new li {
    list-style: none;
}

.products.style1.new li.product {}

.products.style1.new .product {
    height: 225px;
    margin-bottom: 30px;
}

.products.style1.new .product .visual {
    height: 100%;
    background-size: cover;
}

.products.style1.new .product.featured,
.products.style1.new>li:nth-child(1) {
    height: 480px;
}

.products.style1.new .product .productInfo h6 {
    margin-top: 0;
}

.products.style1.new .product {
    overflow: hidden;
}

.products.style1.new .product .productInfo {
    position: absolute;
    margin: 0;
    top: 30px;
    left: 45px;
    padding-top: 0;
    visibility: hidden;
    margin-top: -50px;
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.products.style1.new .product:hover .productInfo {
    margin-top: 0;
    visibility: visible;
    filter: alpha(opacity=100);
    opacity: 1;
}

.products.style1.new .product .links {
    margin: 0;
    left: 35px;
    bottom: 20px;
    top: auto;
    padding: 0;
}


/*=================
11-Testimonials
================*/

.xvTestimonials {
    text-transform: uppercase;
    position: relative;
}

section.xvTestimonials {
    padding: 160px 0;
}

.xvTestimonials .textWrap {
    max-width: 55%;
    margin: 0 auto;
}

.xvTestimonial span.quote {
    font-size: 20px;
    display: block;
    margin-bottom: 12px;
}

.xvTestimonial blockquote {
    letter-spacing: 0;
    padding: 0;
    margin-bottom: 12px;
    font-size: 20px;
    border: 0;
}

.xvTestimonial cite.from {
    color: #9c9c9c;
    font-style: normal;
    font-size: 10px;
}

.xvTestimonials .owl-prev {
    position: absolute;
    left: 10%;
    top: 50%;
    margin-top: -15px;
    font-size: 30px;
}

.xvTestimonials .owl-next {
    position: absolute;
    right: 10%;
    top: 50%;
    margin-top: -15px;
    font-size: 30px;
}


/*=================
12-About Brand
===============*/

.aboutBrand .visual {
    height: 265px;
    width: 100%;
    position: relative;
    background-size: cover;
}

.aboutBrand .aboutBox:hover .aboutlay,
.aboutBrand .aboutBox:hover .aboutlay.light {
    visibility: hidden;
    background: rgba(24, 24, 24, 0);
}

.aboutBrand .aboutlay {
    background: rgba(24, 24, 24, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.aboutBrand .aboutlay.light {
    background: rgba(299, 299, 299, 0.5);
}

.aboutBrand h1,
.aboutBrand h2,
.aboutBrand h3,
.aboutBrand h4,
.aboutBrand h5,
.aboutBrand h6 {
    text-transform: uppercase;
    margin-top: 30px;
    margin-bottom: 30px;
}

.xvBrands {
    padding: 80px 0;
}

.xvBrands ul {
    padding: 0;
    text-align: center;
}

.xvBrands li {
    display: inline-block;
    margin: 15px 0;
    float: left;
    text-align: center;
    width: 25%;
    filter: alpha(opacity=20);
    opacity: 0.2;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.xvBrands li a {
    display: block;
}

.xvBrands li:first-child {
    margin-left: 0;
}

.xvBrands li:last-child {
    margin-right: 0;
}

.xvBrands li:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}


/*================
13-Footer
================*/

.doc-footer {
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 1px;
    padding: 80px 0 50px 0;
    color: inherit;
}

.doc-footer h1,
.doc-footer h2,
.doc-footer h3,
.doc-footer h4,
.doc-footer h5,
.doc-footer h6 {
    margin-bottom: 45px;
    margin-top: 0;
}

.doc-footer .links {
    padding: 0;
    margin-bottom: 45px;
}

.doc-footer .links li {
    display: table;
    letter-spacing: 2px;
    margin-bottom: 18px;
}

.doc-footer .links li a {
    color: #717171;
    text-decoration: none;
}

.doc-footer .links li a:hover {
    color: #ff0000;
}

.doc-footer .copyrights {
    color: #717171;
    text-align: right;
    display: block;
}

.doc-footer .newsletter {
    background: #ffffff;
    position: relative;
}

.doc-footer .newsletter input {
    width: 100%;
    height: 48px;
    padding: 0 50px 0 20px;
    border: none;
    margin-bottom: 0;
}

.doc-footer .newsletter button {
    border: 0;
    background: none;
    height: 48px;
    width: 48px;
    line-height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    color: #717171;
}

.doc-footer.in-container {
    padding: 80px 60px 50px;
}


/*=========
14-LookBook
==========*/

.lookBook .item {
    height: 200px;
    width: 25%;
    padding: 3px;
}

.lookBook .item.featured,
.lookBook .item:nth-child(1) {
    height: 400px;
    width: 50%;
}

.lookBook .item.style1,
.lookBook .item:nth-child(4) {
    height: 400px;
}

.lookBook .head {
    margin-bottom: 40px;
}

.lookBook .preview {
    text-align: center;
    height: 100%;
    width: 100%;
    display: block;
    background-size: cover;
    background-position: center center;
}

.lookBook .preview img {
    width: 69px;
    height: 69px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -35px;
    margin-top: -35px;
}

.lookBook .item:hover .looklay {
    height: 100%;
    width: 100%;
    cursor: url(../img/icons/plus.png), crosshair;
    background-color: rgba(168, 104, 227, 0.7);
}


/*=====================
15-About US
======================*/

.xvAboutus {
    position: relative;
}

.xvAboutus>div {
    width: 50%;
    float: left;
}

.xvAboutus .visual {
    background-position: center center;
    background-size: cover;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
}

.xvAboutus .content h1,
.xvAboutus .content h2,
.xvAboutus .content h3,
.xvAboutus .content h4,
.xvAboutus .content h5,
.xvAboutus .content h6 {
    margin-bottom: 30px;
}

.xvAboutus .content a.btn {
    margin-top: 45px;
}

.xvAboutus .content {
    padding: 80px 115px 90px 85px;
    margin-left: 50%;
}

.xvAboutus .contentWrap {
    max-width: 600px;
    margin-left: auto;
}

.xvAboutus.upcomming {
    padding: 100px 0;
}

.xvAboutus.upcomming .visual {
    left: auto;
    right: 0;
}

.xvAboutus.upcomming .content {
    padding: 0 30px 0 0;
    margin-left: 0;
}

.xvAboutus.upcomming .inputWrap {
    margin-bottom: 10px;
}


/*=====================
16-Widgets
======================*/

.xvWidgets h1,
.xvWidgets h2,
.xvWidgets h3,
.xvWidgets h4,
.xvWidgets h5,
.xvWidgets h6 {
    font-size: 16px;
    margin-bottom: 30px;
}

.xvWidgets .featuredBox .item {
    background: #f9f9f9;
    position: relative;
    margin-bottom: 20px;
    -webkit-transition: background 0.2s ease;
    -moz-transition: background 0.2s ease;
    -ms-transition: background 0.2s ease;
    -o-transition: background 0.2s ease;
    transition: background 0.2s ease;
}

.xvWidgets .featuredBox .item:hover {
    background: #181818;
}

.xvWidgets .featuredBox .item:hover h6 {
    color: #fff;
}

.xvWidgets .featuredBox .item a {
    display: block;
    padding: 25px 10px 10px 0;
    min-height: 86px;
    text-decoration: none;
}

.xvWidgets .featuredBox .item:last-child {
    margin-bottom: 0;
}

.xvWidgets .featuredBox figure {
    position: absolute;
    left: 15px;
    top: 15px;
    height: 60px;
    width: 60px;
}

.xvWidgets .featuredBox .info {
    padding-left: 102px;
}

.xvWidgets .featuredBox h6 {
    margin: 0;
    margin-bottom: 8px;
    font-size: 12px;
}

.xvWidgets .featuredBox .price {
    font-size: 12px;
    color: #717171;
    text-transform: uppercase;
    display: block;
}

.xvWidgets .introBox figure {
    position: relative;
    margin-bottom: 25px;
}

.xvWidgets .introBox figcaption {
    background: rgba(24, 24, 24, 0.3);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.xvWidgets .introBox figcaption a {
    display: block;
    height: 100%;
}

.xvWidgets .introBox figcaption img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
}


/*=====================
17-Stats
======================*/

.xvStats {
    background: #ff0000;
    color: #fff;
    text-transform: uppercase;
    padding: 65px 0;
}

.xvStats ul {
    padding: 0;
}

.xvStats ul li {
    display: inline-block;
    float: left;
    width: 20%;
}

.xvStats .xvStat {
    font-size: 30px;
    display: block;
    margin-bottom: 15px;
}

.xvStats .info {
    font-size: 10px;
}


/*=====================
18-Subscription
======================*/

.xvSubscription {
    padding-bottom: 0px;
}

.xvSubscription h1,
.xvSubscription h2,
.xvSubscription h3,
.xvSubscription h4,
.xvSubscription h5,
.xvSubscription h6 {
    margin-bottom: 38px;
}

.xvSubscription ul {
    padding: 0;
    margin: 0;
    max-width: 86%;
    margin: 0 auto;
}

.xvSubscription li {
    display: inline-block;
    width: 43%;
    float: left;
    margin-right: 1%;
}

.xvSubscription li:last-child {
    margin-right: 0;
}

.xvSubscription li:last-child {
    width: 12%;
}

.xvSubscription input {
    padding-right: 60px;
    margin: 0;
}

.xvSubscription.style1 input {
    margin-bottom: 10px;
}

.xvSubscription .inputWrap {
    position: relative;
}

.xvSubscription .inputWrap i {
    color: #717171;
    font-size: 16px;
    position: absolute;
    right: 22px;
    top: 15px;
}


/*=======*/

.xvShopcat {
    border-bottom: 1px solid #f1f1f1;
}

.xvShopcat .category {
    height: 335px;
    width: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
    background-color: #f4f4f4;
}

.xvShopcat.style1 .category {
    margin-bottom: 30px;
}

.xvShopcat a.btn {
    min-width: 196px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.xvShopcat a.btn:hover {
    background: #181818;
    color: #fff;
}


/*=====================
19-Features
======================*/

.xvAboutFeatures i {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    background: #f9f9f9;
    font-size: 30px;
    display: block;
    line-height: 80px;
    margin: 0 auto;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    position: relative;
}

.xvAboutFeature i:after {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    margin-top: -40px;
    margin-left: -40px;
    width: 80px;
    height: 80px;
    border: 4px solid #f9f9f9;
    border-radius: inherit;
}

.xvAboutFeature:hover i:after {
    margin-top: -48px;
    margin-left: -48px;
    width: 96px;
    height: 96px;
    border-color: #ff0000;
}

.xvAboutFeatures h1,
.xvAboutFeatures h2,
.xvAboutFeatures h3,
.xvAboutFeatures h4,
.xvAboutFeatures h5,
.xvAboutFeatures h6 {
    margin: 30px 0 30px 0;
}

.xvAboutFeatures .xvAboutFeature:hover i {
    background: #ff0000;
    color: #fff;
}


/*=====================
20-Accordian
======================*/

.xvAccordianWrap {
    background: #f9f9f9;
    margin-bottom: 8px;
}

.xvAccordianWrap .xvaccorTriger {
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    position: relative;
    padding: 15px 25px;
    font-size: 12px;
    padding-right: 50px;
}

.xvAccordianWrap .accorPane {
    padding: 2px 25px 10px 25px;
    display: none;
}

.xvAccordianWrap.active .accorPane {}

.xvAccordianWrap .xvaccorTriger:after {
    content: "\ebb6";
    font-family: 'linea';
    font-size: 20px;
    position: absolute;
    right: 25px;
    top: 11px;
}

.xvAccordianWrap.active .xvaccorTriger:after {
    content: "\ebb5";
}


/*=========Accordian mobile menu=====*/

.mobile-menu .xvAccordianWrap {
    background: #fff;
    margin-bottom: 0;
}

.mobile-menu .xvAccordianWrap .xvaccorTriger {
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    position: relative;
    padding: 15px 25px;
    font-size: 15px;
    color: #181818;
    padding-right: 50px;
}

.mobile-menu .xvAccordianWrap .accorPane {
    padding: 2px 25px 10px 25px;
    display: none;
}

.mobile-menu .xvAccordianWrap.active .accorPane {}

.mobile-menu .xvAccordianWrap .xvaccorTriger:after {
    content: "\ebb6";
    font-family: 'linea';
    font-size: 20px;
    position: absolute;
    right: 25px;
    top: 11px;
}

.mobile-menu .xvAccordianWrap.active .xvaccorTriger:after {
    content: "\ebb5";
}


/*=========*/

.aboutStyle h1,
.aboutStyle h2,
.aboutStyle h3,
.aboutStyle h4,
.aboutStyle h5,
.aboutStyle h6 {
    margin-bottom: 30px;
}

.aboutStyle .woo figure {
    float: left;
    margin-right: 25px;
}


/*=====================
21-Promo
======================*/

.xvPromo {
    text-transform: uppercase;
    padding: 180px 0;
}

.xvPromo h2 {
    font-size: 50px;
    margin-top: 0;
    margin-bottom: 28px;
}

.xvPromo .tag {
    font-size: 16px;
    display: block;
}


/*=====================
22-BlogPosts
======================*/

.xvBlogWrap .xvBlogPost {
    position: relative;
}

.xvBlogWrap .xvBlogPost .visual {
    height: 250px;
    background-size: cover;
    background-position: center center;
}

.xvBlogWrap .xvBlogPost .owl-prev,
.xvBlogWrap .xvBlogPost .owl-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    height: 30px;
    width: 30px;
    color: #fff;
    line-height: 30px;
}

.xvBlogWrap .xvBlogPost .owl-prev {
    left: 20px;
}

.xvBlogWrap .xvBlogPost .owl-next {
    right: 20px;
}

.xvBlogWrap .xvBlogPost.style .owl-nav {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.xvBlogWrap .xvBlogPost .links {
    padding: 0;
    margin-bottom: 28px;
}

.xvBlogWrap .xvBlogPost .links li {
    display: inline-block;
    font-size: 10px;
    color: #717171;
    text-transform: uppercase;
}

.xvBlogWrap .xvBlogPost .xvPostInfo {
    margin-top: 28px;
}

.xvBlogWrap .xvBlogPost h1,
.xvBlogWrap .xvBlogPost h2,
.xvBlogWrap .xvBlogPost h3,
.xvBlogWrap .xvBlogPost h4,
.xvBlogWrap .xvBlogPost h5,
.xvBlogWrap .xvBlogPost h6 {
    margin-bottom: 8px;
    margin-top: 25px;
}

.xvBlogWrap .xvBlogPost h6 {
    font-size: 14px;
}

.xvBlogWrap .masonry .xvBlogPost h6 {
    font-size: 16px;
}

.xvBlogWrap .masonry .xvBlogPost .date {
    color: #717171;
    font-size: 11px;
}

.xvBlogWrap .xvBlogPost.video .visual {
    position: relative;
}

.xvBlogWrap .xvBlogPost.video .postlay {
    background: rgba(24, 24, 24, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.xvBlogWrap .xvBlogPost.video .visual img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -25px;
    margin-left: -25px;
    height: 50px;
    width: 50px;
}

.xvBlogWrap .xvBlogPost a.readmore {
    display: table;
    font-size: 10px;
    margin: 33px auto 18px;
}

.xvBlogWrap .xvBlogPost {
    border: 2px solid #f1f1f1;
    padding: 20px;
}

.xvBlogWrap .xvBlogPost .visual {
    height: 188px;
    display: block;
}

.xvBlogWrap .xvBlogPost.quote blockquote {
    font-weight: 600;
    font-size: 18px;
    font-family: open sans;
    border: 0;
    padding: 0;
}

.xvBlogWrap .xvBlogPost.quote .comment,
.readPost i {
    height: 50px;
    width: 50px;
    line-height: 50px;
    color: #fff;
    background: #ff0000;
    font-size: 16px;
    display: block;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
}

.xvBlogWrap .xvBlogPost.quote a.author {
    color: #ff0000;
    font-size: 10px;
    text-transform: uppercase;
    margin-top: 25px;
    display: table;
    margin: 33px auto 18px;
}

.xvBlogWrap .xvBlogPost .date {
    color: #181818;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
}

.xvBlogWrap.style1 .xvBlogPost .date {
    font-size: 10px;
    text-align: center;
    height: 55px;
    width: 55px;
    line-height: 14px;
    text-transform: uppercase;
    z-index: 9;
    background: #fff;
    position: absolute;
    right: 20px;
    top: 20px;
    padding-top: 14px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.xvBlogWrap.style1 .xvBlogPost .date:after {
    left: 0px;
    bottom: 0px;
    top: 0px;
    right: 0px;
    border: 4px solid #fff;
    content: "";
    position: absolute;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.xvBlogWrap.style1 .xvBlogPost:hover .date:after {
    left: -8px;
    bottom: -8px;
    top: -8px;
    right: -8px;
}

.xvBlogWrap.style1 .xvBlogPost {
    padding: 0;
    border: 0;
}

.xvBlogWrap.style1 .xvBlogPost .visual {
    height: 256px;
}

.xvBlogWrap .masonry .xvBlogPost {
    margin-bottom: 50px;
}

.xvBlogWrap.postMd .articleWrap,
.xvBlogWrap.postSm .articleWrap {
    margin: 0 -15px;
}

.xvBlogWrap.postLg .visual {
    height: 575px !important;
}

.xvBlogWrap.postLg .xvBlogPost h6 {
    font-size: 20px;
    margin-top: 28px
}

.xvBlogWrap.postLg .xvBlogPost,
.xvBlogWrap.postMd .xvBlogPost,
.xvBlogWrap.postSm .xvBlogPost {
    margin-bottom: 50px;
}

.xvBlogWrap.postSm .xvBlogPost:hover .date:after {
    display: none !important;
}

.xvBlogWrap.postSm .xvBlogPost .date,
.xvBlogWrap.postMd .xvBlogPost .date {
    right: 30px;
}

.xvBlogWrap.postLg .links li:after,
.xvBlogWrap.postMd .links li:after,
.xvBlogWrap.postSm .links li:after {
    content: '|';
    padding: 0 3px 0 8px;
}

.xvBlogWrap.postLg .links li:last-child:after,
.xvBlogWrap.style1.postMd .links li:last-child:after,
.xvBlogWrap.style1.postSm .links li:last-child:after {
    content: '';
}

.xvBlogWrap a.loadmore {
    margin: 0 auto;
    display: table;
}

.xvBlogWrap .xvBlogPost.quote .quoteInner {
    padding: 46px 46px 30px 46px;
    position: relative;
}

.xvBlogWrap .xvBlogPost.style1.quote .comment {
    position: absolute;
    left: 46px;
    top: 50%;
    margin-top: -25px;
}

.xvBlogWrap .xvBlogPost.style1.quote .xvPostInfo {
    padding-left: 64px;
}

.xvBlogWrap .xvBlogPost.style1.quote a.author {
    margin: 33px 0 18px 64px;
}

.xvBlogWrap.postMd .visual {
    height: 335px !important;
}

.xvBlogWrap.postMd .xvBlogPost h6,
.xvBlogWrap.postSm .xvBlogPost h6 {
    font-size: 14px;
    margin-top: 28px
}

.xvBlogWrap.postMd .xvBlogPost p,
.xvBlogWrap.postSm .xvBlogPost p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: unset;
    height: 78px;
}

.xvBlogWrap.postMd .xvBlogPost {
    float: left;
    padding: 0 15px;
    width: 50%;
    min-height: 550px;
}

.xvBlogWrap.postSm .visual {
    height: 225px !important;
}

.xvBlogWrap.postSm .xvBlogPost {
    float: left;
    min-height: 415px;
    width: 33.333334%;
    padding: 0 15px;
}

.xvBlogWrap.postSm .xvBlogPost:nth-child(1) {
    margin-left: 0 !important;
}

.xvBlogWrap.postSm .xvBlogPost.style1.quote .comment {
    left: auto;
    top: auto;
    position: relative;
    margin: 0 auto;
    margin-bottom: 15px;
}

.xvBlogWrap.postSm .xvBlogPost.style1.quote .xvPostInfo {
    padding: 0;
}

.xvBlogWrap.postSm .xvBlogPost.style1.quote a.author {
    margin-left: 0;
}

.xvBlogWrap.postSm .xvBlogPost.quote .quoteInner {
    padding: 30px;
}

.xvBlogWrap.postSm .xvBlogPost.quote blockquote {
    height: 135px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.xvBlogHead {
    margin-bottom: 30px;
}

.xvBlogHead h6 {
    float: left;
    margin: 0;
    margin-top: 8px;
}

.changeBlogstyle,
.changePortfoliostyle {
    float: right;
    padding: 0;
    margin: 0;
}

.changeBlogstyle li,
.changePortfoliostyle li {
    display: inline-block;
    opacity: 0.1;
    margin-left: 5px;
}

.changeBlogstyle li.active,
.changePortfoliostyle li.active {
    opacity: 1;
}

blockquote {
    letter-spacing: 1px;
}

.readPost {
    position: relative;
    padding: 0;
    padding-left: 60px;
    border: 0;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 600;
    margin: 40px 0;
}

.readPost i {
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -25px;
}

.aboutPost h5 {
    font-size: 14px;
    margin-bottom: 25px;
}

.aboutPost .aboutAuthor a.readmore {
    font-size: 10px;
    text-transform: uppercase;
    color: #4b4b4b;
    letter-spacing: 1px;
}

.aboutPost .postShare {
    margin-top: 24px;
}

.aboutPost .postShare ul {
    padding: 0;
    margin: 0;
}

.aboutPost .postShare li {
    display: inline-block;
    color: #c4c4c4;
    font-size: 16px;
    margin-right: 13px;
}

.aboutPost .postShare li:hover {
    color: #ff0000;
}

.aboutPost .tagsWidget h5 {
    margin-bottom: 30px;
}

.aboutPost {
    border-top: 1px solid #f2f2f2;
    padding-top: 32px;
    padding-bottom: 112px;
}

.postBtns .contentLeft .info {
    text-align: left;
    left: 40%;
}

.postBtns .contentRight .info {
    text-align: right;
    left: auto;
    right: 40%;
}

.postBtns .info {
    transform: translate(0px, -50%) !important;
}

.postBtns .info .tag {
    font-size: 16px !important;
    letter-spacing: 1px
}

.postBtns .info i {
    font-size: 80px;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.postBtns .contentLeft .info i {
    left: -18%;
}

.postBtns .contentRight .info i {
    right: -19%;
}

.xvComment {
    position: relative;
}

.xvComment .comWrap {
    border-bottom: 1px solid #ececec;
    padding-bottom: 32px;
    margin-top: 20px;
    margin-bottom: 45px;
}

.xvComment.comReply {
    margin-left: 75px;
    border: 0;
}

.xvComment:last-child .comWrap {
    border: 0;
}

.xvComment.comReply .comWrap {
    border-bottom: 1px solid #ececec;
}

.xvComment figure {
    position: absolute;
    left: 0;
    top: 0;
    height: 88px;
    width: 88px;
    border-radius: 50%;
    border: 3px solid #fff;
}

.xvComment .commentInfo {
    padding-left: 122px;
}

.xvComment ul {
    padding: 0;
    margin: 0;
    margin-bottom: 22px;
}

.xvComment li {
    display: inline-block;
    font-size: 10px;
    color: #717171;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.xvComment li:after {
    content: '|';
    padding: 0 3px 0 7px
}

.xvComment li:last-child:after {
    content: '';
}

.xvComment li a {
    text-decoration: none;
}

.xvComment li a.name {
    color: #181818;
}

.xvComment li a.reply {
    color: #ff0000;
}

.xvCommentsSec {
    padding-top: 100px;
}

.xvCommentsSec h5 {
    margin-bottom: 45px;
}

.commentForm input,
.commentForm textarea {
    margin-bottom: 8px;
}


/*=====================
23-Sidebar
======================*/

.searchWidget {
    position: relative;
}

.searchWidget input {
    background: #f9f9f9;
    color: #c4c4c4;
}

.searchWidget button {
    font-size: 16px;
    height: 44px;
    width: 44px;
    background: none;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
}

.xvWidget {
    margin-bottom: 50px;
}

.xvWidget h3 {
    font-size: 12px;
    margin-top: 0;
    margin-bottom: 30px;
}

.postWidget .item {
    position: relative;
    min-height: 62px;
    margin-bottom: 10px;
}

.postWidget .item:last-child {
    margin-bottom: 0;
}

.postWidget figure {
    position: absolute;
    left: 0;
    top: 0;
}

.postWidget .info {
    padding-left: 80px;
    font-size: 10px;
    padding-top: 13px;
}

.postWidget .info h6 {
    margin: 0;
    font-size: 10px;
    margin-bottom: 8px;
}

.postWidget .info .date {
    color: #717171;
    text-transform: uppercase;
}

.categoryWidget ul,
.tagsWidget ul {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.categoryWidget li {
    display: block;
    font-size: 10px;
    color: #717171;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}

.categoryWidget li:before {
    content: '';
    height: 4px;
    width: 4px;
    background: #9c9c9c;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
}

.categoryWidget li:last-child {
    border: 0
}

.categoryWidget li a {
    text-decoration: none;
    padding: 18px 0 18px 20px;
    display: block;
}

.categoryWidget li:hover {
    color: #181818;
}

.categoryWidget li:hover:before {
    background: #ff0000;
}

.tagsWidget li {
    display: inline-block;
}

.tagsWidget li a {
    font-size: 10px;
    display: table;
    background: #f9f9f9;
    color: #9c9c9c;
    padding: 12px 18px;
    text-decoration: none;
}

.tagsWidget li a:hover {
    color: #fff;
    background: #181818;
}

.instagramFeeds .ins_img {
    float: left;
    width: 50%;
    padding: 3px;
    position: relative;
}

.instagramFeeds .bcr_ins_gallery {
    margin: 0 -3px;
}

.instagramFeeds .load_more {
    display: none;
}

.instagramFeeds .ins_img a {
    display: block;
    position: relative;
}

.instagramFeeds .ins_img a img {
    opacity: 1;
    position: relative;
}

.instagramFeeds .ins_img:before {
    content: '';
    background: rgba(24, 24, 24, 0.7);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
    line-height: 100%;
    z-index: 20;
}

.instagramFeeds .ins_img:after {
    z-index: 25;
    content: '\f16d';
    font-size: 16px;
    color: #fff;
    font-family: 'FontAwesome';
    position: absolute;
    left: 50%;
    top: 50%;
    display: none;
    line-height: 100%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.instagramFeeds .ins_img:hover:after,
.instagramFeeds .ins_img:hover:before {
    display: block;
}


/*==========*/

.xvPromoLine .content {
    position: relative;
    float: left;
    width: 50%;
    background-size: cover;
    background-position: center top;
    height: 220px;
}

.xvPromoLine .promoLay {
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.xvPromoLine .info {
    position: relative;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    padding: 0 15px;
}

.xvPromoLine .info .head {
    font-family: 'bridgestone';
    font-weight: bold;
    font-size: 24px;
    display: block;
    text-transform: uppercase;
}

.xvPromoLine .info .tag {
    font-family: open sans;
    font-weight: 600;
    font-size: 20px;
    display: block;
}


/*==========*/

.xvFeatures {
    position: relative;
}

.xvFeatures .stylePad {
    margin-bottom: 100px;
}

.xvFeatures.style1 {
    background: url(../img/featurebg.jpg) center center;
    background-size: cover;
}

.xvFeatures .xvfeature {
    position: relative;
    margin-bottom: 100px;
}

.xvFeatures .xvfeature:last-child {
    margin-bottom: 0;
}

.xvfeature i {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 40px;
    color: #4b4b4b;
}

.xvFeatures .xvfeature .info {
    padding-left: 60px;
}

.xvFeatures .xvfeature h1,
.xvFeatures .xvfeature h2,
.xvFeatures .xvfeature h3,
.xvFeatures .xvfeature h4,
.xvFeatures .xvfeature h5,
.xvFeatures .xvfeature h6 {
    font-size: 15px;
    margin-bottom: 28px;
}

.purchaseBox {
    padding: 58px 0;
}

.purchaseBox.lessPad {
    padding: 50px 0;
}

.purchaseBox .tag {
    font-size: 20px;
    text-transform: uppercase;
    float: left;
    margin-top: 8px;
}

.purchaseBox a.btn {
    float: right;
}


/*=====================
24-Offesr
======================*/

.xvOffers .xvOffer {
    position: relative;
    padding: 10px;
    color: #fff;
}

.xvOffers .xvOffer .xvOfferInner {
    border: 1px solid #fff;
    padding: 10px 20px 15px 0px;
}

.xvOffers .xvOffer.left {
    background: #000000;
}

.xvOffers .xvOffer.right {
    background: #ff0000;
}

.xvOffers .xvOffer.right p {
    color: #fff;
}

.xvOffers .xvOffer i {
    font-size: 60px;
    position: absolute;
    left: 58px;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.xvOffers .xvOffer .info {
    padding-left: 165px;
}

.breadcrumb {
    background: none;
    padding: 26px 0 16px 0;
    text-transform: uppercase;
    margin: 0;
    color: black;
}

.breadcrumb h1,
.breadcrumb h2,
.breadcrumb h3,
.breadcrumb h4,
.breadcrumb h5,
.breadcrumb h6 {
    float: left;
    margin: 0;
    color: #181818;
}

.breadcrumb ul {
    float: right;
    padding: 0;
}

.breadcrumb li {
    font-size: 10px;
    display: inline-block;
}

.breadcrumb li a {
    color: black;
}

.breadcrumb li:after {
    content: '>';
    padding: 0px 3px 0 7px;
    color: black;
}

.breadcrumb li:last-child:after {
    content: '';
}


/*================
25-Progress Bar
=================*/

.progress-wrapper {
    position: relative;
    padding-top: 26px;
    margin-bottom: 18px;
}

.progress-wrapper .xvprogress {
    height: 10px;
    background: #b7b5b5;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 0;
}

.progress-wrapper h6 {
    color: #181818;
    position: absolute;
    right: 0;
    top: -8px;
    font-size: 12px;
}

.progress-wrapper .percent {
    float: right;
    font-size: 14px;
    color: #ffd007;
    line-height: 30px;
    position: absolute;
    right: 5px;
    top: 2px;
    font-weight: 600;
}

.progress-wrapper .progress-bar {
    background: #727272;
    box-shadow: none !important;
    position: relative;
}

.progress-wrapper .sr-only {
    font-size: 10px;
    background: #181818;
    color: #fff;
    clip: auto;
    height: auto;
    width: auto;
    position: absolute;
    right: 0;
    top: -37px;
    text-align: center;
    border-radius: 2px;
    padding: 2px 5px;
    overflow: visible;
}

.progress-wrapper .sr-only:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 3px 0 3px;
    border-color: #181818 transparent transparent transparent;
    position: absolute;
    left: 50%;
    margin-left: -3px;
    bottom: -3px;
}

.aboutProgress {
    padding-top: 20px
}

.xvProgressBars .progress-wrapper .sr-only:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 0;
    border-color: #181818 transparent transparent transparent;
    left: 0;
    margin: 0;
    bottom: -5px;
}

.xvProgressBars .style1 .progress-wrapper .progress-bar {
    background: #ccac7f;
}


/*==============
26-Artists
===============*/

.xvArtists {
    text-align: center;
}

.xvArtists .xvArtist .visual {
    margin-bottom: 20px;
    background-position: center top;
    background-size: cover;
    height: 340px;
}

.xvArtists .xvArtist .desc {
    font-size: 10px;
    color: #717171;
    text-transform: uppercase;
}

.xvArtists .xvArtist h1,
.xvArtists .xvArtist h2,
.xvArtists .xvArtist h3,
.xvArtists .xvArtist h4,
.xvArtists .xvArtist h5,
.xvArtists .xvArtist h6 {
    margin-bottom: 4px;
}

.xvArtists .xvArtist ul {
    padding: 0;
    margin: 0;
}

.xvArtists .xvArtist li {
    display: inline-block;
    color: #c4c4c4;
    font-size: 12px;
}

.xvArtists .xvArtist li>a {
    padding: 10px;
    display: block;
}

.xvArtists .xvArtist li:hover {
    color: #ff0000;
}


/*==================
27-DeleveriItem
===================*/

.xvDeliveryItem {
    padding: 115px 0;
}

.xvDeliveryItem h1,
.xvDeliveryItem h2,
.xvDeliveryItem h3,
.xvDeliveryItem h4,
.xvDeliveryItem h5,
.xvDeliveryItem h6 {
    margin-bottom: 32px;
    margin-top: 0;
}

.xvDeliveryItem .visual {
    background-size: cover;
    background-position: center center;
    height: 330px;
    position: absolute;
    height: 100%;
    top: 0;
}

.xvDeliveryItem .container {
    position: relative;
}

.xvDeliveryItem .visual,
.xvDeliveryItem .content {
    float: left;
    width: 50%;
}

.xvDeliveryItem.visualRight .visual {
    right: 0;
}

.xvDeliveryItem.visualLeft .visual {
    left: 0;
}

.xvDeliveryItem .content {
    padding: 0 30px;
}

.xvDeliveryItem.visualLeft .content {
    margin-left: 50%;
}

.commentForm.contact input,
.commentForm.contact textarea {
    background: #f9f9f9;
}


/*=====*/

.xvOffice .visual {
    background-size: cover;
    height: 300px;
    background-position: center center;
}

.xvOffice h1,
.xvOffice h2,
.xvOffice h3,
.xvOffice h4,
.xvOffice h5,
.xvOffice h6 {
    color: #181818;
    letter-spacing: 1px;
    font-size: 15px;
    margin-bottom: 2px;
}

.xvOffice {
    font-size: 14px;
    font-family: open sans;
    letter-spacing: 0;
    color: #717171;
}

.xvOffice .type {
    display: block;
    margin-bottom: 30px;
}

.xvOffice .info {
    background: #fff;
    padding: 25px 20px 45px 20px;
}


/*==================
28-Table
===================*/

.xvTable {
    font-size: 12px;
    color: #4b4b4b;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    border: 1px solid #f1f1f1;
    margin: 0;
}

.xvTable thead th {
    text-align: center;
    font-weight: 400;
    background: black;
    color: white;
}

.xvTable>thead>tr>th {
    border: 0;
    width: 25%;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    border-bottom: 1px solid #f1f1f1;
    border-right: 1px solid #f1f1f1;
    padding: 20px 15px;
}

.xvTable tbody tr th {
    color: #ff0000;
    font-weight: 400;
    padding-left: 35px;
}

.xvSizeGuide .wrap {
    position: relative;
}

.xvSizeGuide .visual {
    width: 45%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-size: cover;
    background-position: center center;
}

.xvSizeGuide .content {
    width: 55%;
    margin-left: 45%;
    padding-left: 70px;
}

.xvSizeGuide h1,
.xvSizeGuide h2,
.xvSizeGuide h3,
.xvSizeGuide h4,
.xvSizeGuide h5,
.xvSizeGuide h6 {
    margin-bottom: 28px;
}

.xvSizeGuide h6 {
    font-size: 14px;
    margin-top: 30px;
    margin-bottom: 40px;
}

.xvSizeGuide .xvGuideItem {
    padding: 60px 0;
}

.xvSizeGuide.chart h3 {
    text-align: center;
}

.xvSizeGuide.chart .xvTable {
    background: #fff;
}

.xvSizeGuide.chart .xvTable>thead>tr>th {
    width: 20%;
}

.xvSizeGuide.pad {
    padding: 60px 0;
}


/*===================
29-portfolio
==================*/

.xvPortfolio .xvFilter {
    margin-bottom: 28px;
}

.xvPortfolio .folioFilter {
    float: left;
}

.folioFilter {
    padding: 0;
    margin: 0;
}

.folioFilter li {
    display: inline-block;
    font-size: 10px;
    margin-right: 20px;
}

.folioFilter li:hover,
.folioFilter li.active a {
    color: #ff0000;
}

.folioFilter li a {
    text-decoration: none;
    padding: 12px 0;
}

.xvPortfolio a.loadmore {
    margin: 0 auto;
    display: table;
    margin-top: 30px;
}

.xvPortfolio .portfolioItem {
    float: left;
    width: 50%;
    height: auto;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
    visibility: visible;
}

.xvPortfolio .portfolioItem {
    position: relative;
    padding: 0 6px;
    margin-bottom: 12px;
}

.xvPortfolio .portfolioItem .visual {
    background-size: cover;
    background-position: center center;
    position: relative;
    cursor: crosshair;
    cursor: url(../img/icons/plus.png), crosshair;
}

.xvPortfolio .portfolioItem .visual {
    height: 360px;
}

.xvPortfolio .visual .folioLay {
    background: rgba(168, 104, 227, 0.7);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: none;
}

.xvPortfolio .folioInfo {
    position: absolute;
    left: 100%;
    top: 0;
    background: #f9f9f9;
    height: 100%;
    width: 100%;
    display: none;
    z-index: 9;
    margin-left: -6px;
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.xvPortfolio .portfolioItem.folio-last .folioInfo {
    right: auto;
    left: -100%;
    margin-left: 6px;
}

.xvPortfolio .folioInfo:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 12px 11px 0;
    border-color: transparent #f9f9f9 transparent transparent;
    position: absolute;
    left: -12px;
    top: 20px;
}

.xvPortfolio .portfolioItem.folio-last .folioInfo:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 0 11px 12px;
    border-color: transparent transparent transparent #f9f9f9;
    left: auto;
    right: -12px;
}

.xvPortfolio .portfolioItem:hover .folioInfo,
.xvPortfolio .portfolioItem:hover .folioLay {
    display: block;
}

.xvPortfolio .folioInfo .infoInner {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    padding: 15px 78px;
}

.xvPortfolio .portfolioItem h5 {
    margin: 0;
}

.xvPortfolio .portfolioItem .tag {
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
}

.xvPortfolio .portfolioItem .tag li,
.xvPortfolio .portfolioItem .stats li {
    display: inline-block;
    font-size: 10px;
    color: #717171;
    text-transform: uppercase;
}

.xvPortfolio .portfolioItem .tag li:after {
    content: '|';
    padding: 0 0 0 5px;
}

.xvPortfolio .portfolioItem .tag li:last-child:after {
    content: '';
}

.xvPortfolio .portfolioItem .stats {
    margin: 0;
    padding: 0;
    margin-top: 38px;
}

.xvPortfolio .portfolioItem .stats i {
    font-size: 14px;
    float: left;
    margin-right: 7px;
}

.xvPortfolio .portfolioItem .stats a {
    text-decoration: none;
    display: block;
}

.xvPortfolio .portfolioItem .stats a:hover i {
    color: #ff0000;
}

.xvPortfolio .portfolioItem .stats li {
    margin-right: 26px
}

.xvPortfolio .portfolioWrap {
    margin: 0 -6px
}

ul.portfolioWrap {
    padding: 0;
    margin: 0;
}

ul.portfolioWrap li.portfolioItem {
    list-style: none;
}

.xvPortfolio.styleMd .portfolioItem {
    float: left;
    width: 33.3334%;
}

.xvPortfolio.styleMd .visual {
    height: 270px;
}

.xvPortfolio.styleMd .folioInfo .infoInner {
    padding: 10px 38px;
}

.xvPortfolio.styleMd .portfolioItem .stats,
.xvPortfolio.styleSm .portfolioItem .stats {
    margin: 30px 0 0;
}

.xvPortfolio.styleSm .portfolioItem {
    float: left;
    width: 25%;
}

.xvPortfolio.styleSm .visual {
    height: 270px;
}

.xvPortfolio.styleSm .folioInfo .infoInner {
    padding: 10px 20px;
}


/*=================
30-BestSeallers
==================*/

.xvBestSellers a.loadmore {
    margin: 0 auto;
    display: table;
    margin-top: 40px;
}

.xvBestItem {
    position: relative;
    margin-bottom: 8px;
}

.xvBestSellers .itemWrap {
    margin: 0 -4px;
}

.xvBestItem .visualWrap,
.xvBestItem .contentWrap {
    float: left;
    width: 50%;
    padding: 0 4px;
}

.xvBestItem.visualFull .visualWrap,
.xvBestItem.visualFull .contentWrap {
    width: 100%;
    margin: 0;
    position: relative;
}

.xvBestItem.visualFull .contentWrap {
    text-align: center;
}

.xvBestItem.visualFull .visualWrap {
    height: 560px;
    margin-bottom: 8px;
}

.xvBestItem .content .article {
    font-size: 10px;
    letter-spacing: 1px;
    color: #a9a9a9;
    text-transform: uppercase;
}

.xvBestItem .content a.btn {
    margin-right: -6px;
}

.xvBestItem .content {
    background: #f9f9f9;
    padding: 65px 68px;
}

.xvBestItem .visualWrap {
    position: absolute;
    height: 100%;
}

.xvBestItem.visualLeft .visualWrap {
    left: 0;
}

.xvBestItem.visualRight .visualWrap {
    right: 0;
}

.xvBestItem .visual {
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.xvBestItem.visualLeft .contentWrap {
    margin-left: 50%;
}

.xvBestItem.visualRight .contentWrap {
    margin-right: 50%;
}

.xvBestItem .content h2 {
    text-transform: capitalize;
    font-size: 30px;
    margin-top: 18px;
    margin-bottom: 10px;
}

.xvBestItem .content .price {
    display: block;
    color: #ff0000;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 40px
}

.xvBestItem .visual span {
    color: #fff;
    background: #181818;
    font-size: 10px;
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 0;
    display: table;
    padding: 2px 5px;
}


/*====================
31-Cart
===================*/

.quantity-control {
    position: relative;
    max-width: 88px;
    height: 45px;
}

.quantity-control.grey input {
    background: #f9f9f9;
}

.quantity-control span.alert-msg {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    min-width: 300px;
    text-align: left;
    color: #717171;
    font-size: 10px;
    margin-top: 5px;
    font-weight: normal;
    text-transform: none;
}

.quantity-control input {
    height: 45px;
    width: 100%;
    z-index: -1;
    background: #fff;
    color: #717171;
    border: none;
    border-radius: 0;
    font-size: 12px;
    margin: 0;
    padding-left: 20px;
}

.quantity-control .btn-minus,
.quantity-control .btn-plus {
    position: absolute;
    right: 4px;
    z-index: 20;
    font-size: 12px;
    color: #c4c4c4;
    width: 15px;
    height: 15px;
    line-height: 15px;
    cursor: pointer;
}

.quantity-control .btn-minus {
    top: 20px;
}

.quantity-control .btn-plus {
    top: 7px;
}

.xvCartItems {
    padding-bottom: 50px;
}

.xvCartItems tbody td {
    background: #f9f9f9;
    padding: 0 !important;
    border: 0 !important;
    vertical-align: middle !important;
}

.xvCartItems tbody tr {
    border-bottom: 10px solid #fff;
}

.xvCartItems thead th {
    border: 0 !important;
    text-align: left;
    padding: 26px 0 !important;
    font-size: 10px;
    color: #717171;
}

.xvCartItems thead .visual {
    width: 115px;
}

.xvCartItems thead .style {
    width: 190px;
}

.xvCartItems thead .remove {
    width: 50px;
}

.xvCartItems .xvTable {
    text-align: left;
    border: 0;
}

.xvCartItems .xvTable figure {
    height: 100px;
    width: 90px;
    position: relative;
}

.xvCartItems .xvTable figure img {
    height: 100%;
}

.xvCartItems .xvTable figure figcaption {
    background: #fff none repeat scroll 0 0;
    bottom: 6px;
    left: 6px;
    padding: 3px;
    position: absolute;
    display: none;
}

.xvCartItems .xvTable figure figcaption span {
    font-size: 10px;
}

.xvCartItems .xvTable .name {
    font-size: 12px;
    color: #181818;
    display: block;
}

.xvCartItems .xvTable .price {
    font-size: 12px;
    color: #717171;
    display: block;
}

.xvCartItems .xvTable .total {
    font-size: 12px;
    color: #181818;
    display: block;
}

.xvCartItems .xvTable .removeitem {
    font-size: 20px;
    text-decoration: none;
}

.tab-pane {
    display: none;
}

.tab-pane.active {
    display: block;
}

.tab-pane {
    background: #f9f9f9;
    padding: 40px 40px 50px;
}

.discountBox .coupon {
    position: relative;
    margin-top: 25px;
}

.discountBox .coupon button {
    position: absolute;
    right: 0;
    top: 0;
}

.discountBox .shipping {
    margin-top: 25px
}

.discountBox .shipping button {
    width: 100%;
}

.discountBox .shipping .row,
.row.stylePad {
    margin-left: -5px;
    margin-right: -5px;
}

.discountBox .shipping .pad,
.row.stylePad .pad {
    padding: 0 5px;
}

.tabs {
    padding: 0;
    margin: 0;
}

.xvAccountInfo .tabs li a {
    text-align: left;
}

.xvAccountInfo .form-widget .custome-select select {
    color: #717171;
}

.tabs li a {
    text-decoration: none;
    padding: 22px 10px;
    display: block;
    text-align: center;
}

.tabs li {
    display: table;
    border: 1px solid #f1f1f1;
    background: #fff;
    font-size: 10px;
    color: #717171;
    text-transform: uppercase;
}

.tabs li.active {
    border: 1px solid #f9f9f9;
    background: #f9f9f9;
    color: #181818;
}

.tabs {
    float: left;
    width: 20%;
}

.tab-panel {
    float: left;
    width: 80%;
}

.tabs li {
    display: block;
}

.cartTotal {
    background: #f9f9f9;
    padding: 30px 40px;
    margin-bottom: 10px;
}

.cartTotal h1,
.cartTotal h2,
.cartTotal h3,
.cartTotal h4,
.cartTotal h5,
.cartTotal h6 {
    text-align: center;
    margin: 0;
}

.cartTotal .xvTable {
    border-left: 0;
    border-right: 0;
    margin: 28px 0;
}

.cartTotal .xvTable td {
    border: 0 !important;
    padding: 8px 0;
    font-size: 10px;
    color: #717171;
    text-align: left;
}

.cartTotal .xvTable td.style {
    border-right: 1px solid #ececec !important;
    padding-left: 4px;
}

.cartTotal .xvTable td.style1 {
    text-align: right;
}

.cartTotal .total {
    font-size: 12px;
    text-transform: uppercase;
    color: #181818;
}

.cartTotal .total span {
    float: right;
}


/*==================
32-Checkout
=================*/

.xvCheckout strong {
    font-weight: 400;
    color: #181818;
    font-size: 14px;
}

.xvCheckout input,
.xvCheckout textarea,
.xvCheckout .custome-select {
    margin-bottom: 10px;
    text-transform: none;
    font-family: open sans;
    font-size: 12px;
}

.xvCheckout .accorPane {
    padding: 0 20px;
}

.xvAccordianWrap .accorpaneWrap {
    border-top: 1px solid #ececec;
    padding: 40px 25px;
}

form.form-widget h6 {
    margin-bottom: 10px;
}

form.form-widget p {
    font-size: 12px;
    line-height: 20px
}

form.form-widget label.required::before {
    content: "*";
    position: absolute;
    left: 100%;
    top: -2px;
    color: #ff0024;
}

form.form-widget label {
    display: inline-block;
    position: relative;
    text-transform: capitalize;
    font-size: 18px;
    color: #717171;
    font-weight: 400;
    margin-bottom: 2px;
    font-size: 12px;
    font-family: open sans;
    letter-spacing: 0;
}

form.form-widget label:hover {
    color: #181818;
    cursor: pointer;
}

form.form-widget input[type=checkbox]:not(old),
form.form-widget input[type=radio]:not(old) {
    width: 28px;
    margin: 0;
    padding: 0;
    opacity: 0;
    height: 0;
    position: absolute;
}

.customFieldWrap {
    position: relative;
}

form.form-widget .customFieldWrap label {
    display: block;
    margin-right: 30px;
}

form.form-widget .customFieldWrap label:before {
    left: 22px;
}

form.form-widget input[type=checkbox]:not(old)+label>i,
form.form-widget input[type=radio]:not(old)+label>i {
    width: 18px;
    height: 18px;
    line-height: 18px;
    font-size: 10px;
    background: #fff;
    border: 1px solid #c5c5c5;
    margin-right: 12px;
    position: relative;
    top: 5px;
    color: #181818;
    border-radius: 50%;
    text-align: center;
}

form.form-widget input[type=checkbox]:not(old)+label>i:before,
form.form-widget input[type=radio]:not(old)+label>i:before {
    content: " ";
    width: 22px;
    height: 21px;
    position: absolute;
    left: -2px;
    top: -1px;
}

form.form-widget input[type=checkbox]:not(old):checked+label>i:before,
form.form-widget input[type=radio]:not(old):checked+label>i:before {
    content: "\f00c";
}

form.form-widget input[type=radio]:not(old):checked+label,
form.form-widget input[type=checkbox]:not(old):checked+label {
    color: #181818;
}

.itemsCart {
    padding-top: 30px;
    padding-bottom: 00px;
}

.itemsCart .item {
    position: relative;
    background: #fff;
    font-size: 10px;
    min-height: 70px;
    margin-bottom: 10px
}

.itemsCart figure {
    position: absolute;
    left: 0;
    top: 0;
    height: 70px;
    width: 65px;
}

.itemsCart figure img {
    height: 100%;
}

.itemsCart .info {
    padding-left: 75px;
    padding-right: 50px;
    padding-top: 12px
}

.itemsCart .name {
    display: block;
}

.itemsCart .price {
    color: #717171;
    margin-top: 11px;
    display: block;
}

.itemsCart a.remove {
    position: absolute;
    right: 16px;
    top: 50%;
    font-size: 14px;
    line-height: 14px;
    width: 14px;
    height: 14px;
    margin-top: -7px;
    text-decoration: none;
}

.cartTotal.style1 {
    padding: 30px 20px;
}

.cartTotal.style1 .xvTable {
    border-top: 0;
}

.productGallery ul {
    padding: 0;
    margin: 20px 0 0 0;
}

.productGallery ul li {
    display: inline-block;
    float: left;
    width: 25%;
}

.basicDetails ul .slick-slide {
    padding: 10px 5px;
}

.basicDetails ul .slick-slide figure {
    position: relative;
}

.basicDetails .slick-slide a {
    position: absolute;
    left: 25px;
    bottom: 15px;
    font-size: 25px;
    color: #262626;
    text-decoration: none;
}

.basicDetails ul .slick-slide figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.7);
    height: 100%;
    width: 100%;
    display: none;
}

.basicDetails ul .slick-slide.slick-current figure figcaption {
    display: block;
}

.basicDetails .article {
    font-family: open sans;
    font-size: 10px;
    color: #a9a9a9;
    text-transform: uppercase;
}

.basicDetails .quantity-control {
    max-width: 100%;
}

.basicDetails h2 {
    font-size: 30px;
    text-transform: none;
}

.basicDetails .price {
    font-size: 16px;
    color: #ff0000;
    text-transform: uppercase;
}

.basicDetails .rating {
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    padding: 18px 0;
    margin: 25px 0;
}

.basicDetails .rating .star-rating {
    float: left;
    margin-right: 15px;
    top: 5px;
}

.basicDetails .rating span {
    color: #717171;
    font-size: 10px;
    text-transform: uppercase;
}

.basicDetails .itemDesc .name {
    float: left;
    width: 35%;
}

.basicDetails .itemDesc .name label {
    padding-top: 15px;
}

.basicDetails .itemDesc .cont {
    float: left;
    width: 65%;
}

.basicDetails label {
    font-size: 10px;
}

.basicDetails .itemDesc .cont .first {
    float: left;
    width: 33%;
    margin-right: 3%;
}

.basicDetails .itemDesc .cont .second {
    float: left;
    width: 64%;
}

.basicDetails .socials {
    margin: 20px 0 28px 0;
}

.productDetail strong {
    font-weight: 400;
    color: #181818;
}

.productDetail .prodDetail ul {
    padding: 0;
    margin: 0;
    font-family: open sans;
    color: #717171;
    letter-spacing: 0;
}

.productDetail .prodDetail ul li {
    display: block;
    padding: 3px 0 3px 13px;
    position: relative;
}

.productDetail .prodDetail ul li:before {
    content: '\f0da ';
    font-size: 10px;
    position: absolute;
    left: 3px;
    top: 7px;
    font-family: 'FontAwesome';
    color: #181818;
}

.productDetail .prodReviews .review {
    position: relative;
    border-bottom: 1px solid #ececec;
    padding: 0 28px 36px 28px;
    margin-top: 50px;
    margin: 50px -25px 0 -25px;
}

.prodReviews.style1 .review {
    margin: 50px 0 0 0;
}

.productDetail .prodReviews .review:first-child {
    margin-top: 0;
}

.productDetail .review figure {
    position: absolute;
    left: 28px;
    top: 6px;
    width: 68px;
}

.productDetail .review .info {
    padding-left: 90px;
}

.productDetail .review .head {
    padding: 0;
    margin: 0;
}

.productDetail .review .head>li {
    display: inline-block;
    position: relative;
    float: left;
}

.productDetail .review .head>li:after {
    content: '|';
    color: #c4c4c4;
    font-size: 10px;
    padding: 0 12px;
}

.productDetail .review .head li .star-rating {
    top: 5px;
}

.productDetail .review .head>li:last-child:after {
    content: '';
}

.productDetail .review .name {
    font-size: 10px;
    text-transform: uppercase;
}

.productDetail .review .date {
    text-transform: uppercase;
    margin-bottom: 26px;
    font-size: 10px;
    color: #717171;
    display: block;
}

.productDetail input,
.productDetail textarea {
    margin-bottom: 10px
}

.productDetail .reviewSubmit span {
    font-family: open sans;
    letter-spacing: 0;
}

.productDetail .ratingsSelect {
    padding: 0;
    margin: 0;
}

.productDetail .ratingsSelect>li {
    display: block;
    margin-bottom: 8px;
}

.productDetail .reviewSubmit {
    padding-top: 30px;
}

.productDetail .reviewSubmit h6 {
    margin-bottom: 28px;
}

.ratingsSelect span {
    font-size: 12px;
    color: #717171;
    font-family: open sans;
    letter-spacing: 0;
}

.ratingsSelect .star-rating {
    display: inline-block;
    margin-right: 15px;
    float: left;
    margin-top: 5px;
}

.reviewSubmit .ratingsSelect {
    padding: 24px 0;
}

.productDetail .products {
    padding-top: 105px;
}

.prodDetailVisual {
    padding-top: 30px;
}

.prodDetailVisual .owl-carousel {
    display: none;
}

.completeLook .visual {
    height: 500px;
    background-size: cover;
    background-position: center center;
    position: relative;
    cursor: url(../img/icons/plus.png), crosshair;
}

.completeLook .visual .visualLay {
    background: rgba(168, 104, 227, 0.7);
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: none;
}

.completeLook .visual:hover .visualLay {
    display: block;
}

.completeLook .item {
    text-align: center;
}

.completeLook .item span {
    font-size: 12px;
    margin-top: 28px;
    display: block;
}


/*===================
33-AccountInfo
==================*/

.xvAccountInfo .tabs {
    float: left;
    width: 24%;
}

.xvAccountInfo .tabs li {
    display: block;
    color: #fff;
    background: #181818;
    border: 0;
    border-left: 3px solid #181818;
    margin-bottom: 2px;
}

.accorTrigger {
    color: #fff;
    background: #181818;
    border: 0;
    border-left: 3px solid #181818;
    margin-bottom: 2px;
    text-transform: uppercase;
    text-decoration: none !important;
}

.accorTrigger:hover {
    color: #fff;
}

.xvAccountInfo .tabs li i,
.xvAccountInfo .accorTrigger i {
    font-size: 20px;
    color: #a9a9a9;
    float: left;
    margin-right: 10px;
}

.xvAccountInfo .tabs li a,
.accorTrigger {
    padding: 18px 20px;
    text-decoration: none;
}

.accorTrigger {}

.xvAccountInfo .tab-panel {
    float: left;
    width: 76%;
}

.xvAccountInfo .tabs li.active,
.xvAccountInfo .tab-pane.opened .accorTrigger {
    border: 0;
    background: #f9f9f9;
    color: #181818;
    border-left: 3px solid #ff0000;
}

.xvAccountInfo .tab-pane.opened .accorTrigger {
    background: #eee;
}

.xvAccountInfo .tabs li.active i,
.tab-pane.opened .xvAccountInfo .accorTrigger i {
    color: #ff0000;
}

.xvAccountInfo .tab-pane {
    background: #f9f9f9;
    padding: 50px 58px;
}

.myAccount .aboutMe {
    position: relative;
    border-bottom: 1px solid #ececec;
    padding-bottom: 40px;
    margin-bottom: 40px;
}

.myAccount figure {
    height: 90px;
    width: 90px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #fff;
}

.myAccount .visual {
    position: relative;
    display: table;
    height: 90px;
    width: 90px;
    position: absolute;
    left: 0;
    top: 0;
}

.myAccount .visual a {
    font-size: 12px;
    color: #fff;
    background: #ff0000;
    height: 26px;
    width: 26px;
    line-height: 28px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    right: 4px;
    top: 4px;
    text-decoration: none;
}

.myAccount .aboutMe .info {
    padding-left: 135px;
}

.myAccount .myaddress .address {
    background: #fff;
    padding: 32px 38px 30px 38px;
    position: relative;
    font-size: 12px;
    margin-top: 18px;
}

.myAccount .myaddress .address a.edit {
    font-size: 10px;
    background: #f9f9f9;
    padding: 10px 20px;
    text-decoration: none;
    position: absolute;
    right: 10px;
    top: 10px;
}

.myAccount .myaddress .address h1,
.myAccount .myaddress .address h2,
.myAccount .myaddress .address h3,
.myAccount .myaddress .address h4,
.myAccount .myaddress .address h5,
.myAccount .myaddress .address h6 {
    font-size: 10px;
    margin-bottom: 30px;
}

.xvCartItems.style1 tbody tr {
    border-bottom: 10px solid #f9f9f9;
}

.xvCartItems.style1 tbody td {
    background: #fff;
}

.xvCartItems.style1 {
    padding-bottom: 0;
}

.xvAccountInfo .share span {
    float: left;
    font-size: 12px;
}

.share .socials {
    float: right;
    margin: 0;
}

.share .socials li {
    color: #c4c4c4;
}

.share .socials li:hover {
    color: #ff0000;
}

.xvAccountInfo .share {
    padding: 10px 0;
}


/*================
34-DemoBags
=================*/

.doc-header.style-pink nav {
    background: #e559ab;
}

.doc-header.style-pink .topSearch {
    border-bottom: 1px solid #fff;
}

.doc-header.style-pink .topSearch input {
    background: #e368b0;
    color: #fff;
}

.doc-header.style-pink .topSearch button {
    color: #fff;
}

.doc-header.style-pink .mainNav>li>a:hover,
.doc-header.style-pink .mainNav>li.active>a {
    background: #e368b0;
}

.mainSlider.style2 .slide {
    height: 710px;
    background-size: cover;
    background-position: center center;
    letter-spacing: 0;
}

.mainSlider.style2 .caption {
    text-align: left;
    right: auto;
    left: 50%;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.mainSlider.style2 .caption a.btn {
    margin-right: 7px;
}

.mainSlider.style2 .tagLine {
    font-size: 24px;
    color: #181818;
    font-family: 'Droid Serif', serif;
    font-weight: 400;
    text-transform: none;
}

.mainSlider.style2 h1 {
    font-family: 'bridgestone';
    letter-spacing: 0;
    margin-bottom: 40px;
    margin-top: 2px;
}

.dots-long .slick-dots li button {
    width: 50px;
    height: 3px;
    background: #d6d7d9;
    border: 0;
    border-radius: 0;
}

.dots-long .slick-dots li.slick-active button {
    background: #e471b4;
}

.dots-long.red .slick-dots li.slick-active button {
    background: #e82e44;
}

.dots-long.style3 .slick-dots li.slick-active button {
    background: #E8BF98;
}

.dots-long.style5 .slick-dots li.slick-active button {
    background: #B18842;
}

.dots-long .slick-dots {
    bottom: 40px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

.products.style-demo1 .slick-slide {
    height: 350px;
    text-align: center;
    background-color: #f2f2f2;
}

.products.style-demo1 .slick-slide img {
    opacity: 0.2;
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.products.style-demo1 .slideHover {
    position: absolute;
    top: 0;
    width: 70px;
    height: 350px;
    z-index: 9;
}

.products.style-demo1 .slideHover.left {
    left: 0;
}

ul.products {
    padding: 0;
    margin: 0;
}

.products.style-demo1 .slideHover.right {
    right: 0;
}

.products.style-demo1 .slick-slide img {
    width: auto !important;
    margin: 0 auto;
}

.products.style-demo1 .slick-current img {
    opacity: 1;
}

.products.style-demo1 .links li {
    float: none;
    display: block;
    margin-bottom: 8px
}

.products.style-demo1 .links {
    bottom: auto;
    left: 16px;
    top: 16px !important;
    margin-left: 0 !important;
    z-index: 99;
}

.products.style-demo1 .links li:hover {
    background: #fff;
}

.products.style-demo1 .links li:hover a {
    color: #e368b0;
}

.products.style-demo1:hover .visual {
    display: block;
}

.products.style-demo1 .visual {
    height: 350px !important;
}

.products.style-demo1 .productInfo {
    background: #fff;
    border: 20px solid #f2f2f2;
    padding-bottom: 35px;
    padding-top: 20px !important;
}

.products.style-demo1 .productInfo h6 {
    font-size: 12px !important;
}

.product .productInfo .pricestyle {
    padding: 0;
    margin: 0;
    font-size: 10px;
    color: #717171;
    margin-top: 10px
}

.product .productInfo .pricestyle li {
    display: inline-block;
}

.product .productInfo .pricestyle li:after {
    content: '|';
    padding: 0 3px 0 6px;
    color: #c4c4c4;
}

.product .productInfo .pricestyle li:last-child:after {
    content: '';
}

.products.style-demo1 .product {
    position: relative;
}

.products.style-demo1 .product:hover:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: #e559ab;
    width: 120px;
    height: 3px;
    z-index: 9;
}

.familyOs,
.familyOs h2,
.familyOs h3 {
    font-family: 'bridgestone';
    letter-spacing: 0;
}

.products.pinkdemo .product .links li:hover {
    background: #e559ab;
}

.products.yellow .product .links li:hover {
    background: #FFD200;
}

.prodSlider {
    font-size: 16px
}

.prodSlider .slide {
    height: 530px;
    background-size: cover;
    background-position: center center;
}

.prodSlider h2 {
    font-family: 'bridgestone';
    letter-spacing: 0;
    margin: 0;
}

.prodSlider .price {
    font-family: 'bridgestone';
    text-transform: uppercase;
    font-size: 20px;
    color: #e368b0;
    margin-bottom: 28px;
    display: block;
    letter-spacing: 0;
}

.prodSlider .caption {
    text-align: left;
    left: 2%;
    top: 50%;
    position: absolute;
    width: 40%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.prodSlider .container {
    height: 100%;
    position: relative;
}

.xvBlogWrap.news .xvBlogPost h1,
.xvBlogWrap.news .xvBlogPost h2,
.xvBlogWrap.news .xvBlogPost h3,
.xvBlogWrap.news .xvBlogPost h4,
.xvBlogWrap.news .xvBlogPost h5,
.xvBlogWrap.news .xvBlogPost h6 {
    margin-top: 28px;
}

.xvBlogWrap.news .xvBlogPost .links li:after {
    content: '|';
    padding: 0 3px 0 6px;
}

.xvBlogWrap.news .xvBlogPost .links li:last-child:after {
    content: '';
}

header h2 {
    font-size: 30px;
}

.xvTestimonials.style1 cite.from {
    color: #fff;
    font-size: 14px;
}

.xvTestimonials.style1 blockquote.quote {
    font-family: 'bridgestone';
    font-size: 24px;
}

.productHotspot p {
    font-weight: 300;
    font-size: 30px;
    color: #fff;
    line-height: 50px;
}

.imageHotspot>div {
    display: inline-block;
    position: relative;
}

.imageHotspot .image2 {
    margin-left: -185px;
}

.productHotspot .imageHotspot {
    position: absolute;
    left: 70px;
    top: 50%;
    z-index: 200;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.hotspotTriger {
    background: #fff none repeat scroll 0 0;
    border-radius: 50%;
    float: left !important;
    height: 50px;
    width: 50px;
    cursor: pointer;
    display: block;
    /*
    position: absolute;
    left: 10%;
    top: 30%;*/
    position: relative;
    z-index: 99;
}

.hotspotWrap.active .hotspotTriger {
    background: #e368b0;
}

.hotspotWrap.active .hotspotTriger:after {
    content: "\eb85";
    color: #fff;
}

.hotspotTriger:after {
    content: "\eb8c";
    font-family: 'linea';
    font-size: 30px;
    color: #181818;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.hotspotWrap .products {
    display: none;
    position: absolute;
    right: -340px;
    top: 24px;
    width: 360px;
    z-index: 9;
}

.hotspotWrap {
    position: relative;
    /* position: absolute;
    left: 15%;
    top: 20%;*/
}

.hotspotWrap .xvpoint1 {
    position: absolute;
    left: 10%;
    top: 30%;
    z-index: 20;
}

.hotspotWrap .xvpoint2 {
    position: absolute;
    left: 80%;
    top: 50%;
    z-index: 20;
}

.products.col-grid-2 .product {
    float: left;
    width: 50%;
    display: block;
}

.products.col-grid-3 .product {
    float: left;
    width: 33.3334%;
    display: block;
}

.products.col-grid-4 .product {
    float: left;
    width: 25%;
    display: block;
}

.products.col-grid-5 .product {
    float: left;
    width: 20%;
    display: block;
}

.products.space-30 {
    margin: 0 -15px;
}

.products.space-30 .product {
    padding: 15px;
    padding-top: 0;
}

.products.space-20 .product {
    padding: 10px;
    padding-top: 0;
    margin-bottom: 10px;
}

.products.space-20 .product span.tag {
    left: 10px;
}

.products.space-10 .product {
    padding: 5px;
    padding-top: 0;
    margin-bottom: 5px;
}

.products.space-10 .product span.tag {
    left: 5px;
}

.products.space-6 .product {
    padding: 3px;
    padding-top: 0;
}

.products.space-6 {
    margin: 0 -3px;
}

.products.style-demo1.space-30 .links {
    left: 30px;
}

.products.style-demo1.space-30 .product:hover:before {
    left: 15px;
}

.products.space-30 .product span.tag {
    left: 15px;
}

.products.space-6 .product span.tag {
    left: 3px;
}

.products.style1.space-6 .product {
    margin-bottom: 3px;
}


/*===================
35-Demo2-chairs
====================*/

.staticSplash .container {
    position: relative;
    padding-top: 80px;
    padding-bottom: 80px;
}

.lampCaption {
    min-width: 180px;
    position: absolute;
    top: 0;
    padding-top: 180px;
    padding-left: 40px;
    background: url(../img/lamp.png) left top no-repeat;
    right: 20%;
    text-transform: uppercase;
}

.lampCaption>span {
    color: #717171;
}

.staticSplash .largeText {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 20px;
}

.doc-header.style1 .topSearch {
    left: auto;
    right: 15px;
    border: 0;
    height: 44px;
}

.doc-header.style1 .topSearch input {
    background: #f9f9f9;
    padding-left: 15px;
}

.doc-header.style1 button {
    height: 44px;
    line-height: 44px;
    width: 44px;
}

.doc-header.style1 .topHeader a.logo {
    margin-left: 0;
    left: 15px;
}

.doc-header.style1 .mainNav {
    float: left;
}

.doc-header.style1 .mainNav>li {
    margin: 0;
}

.doc-header.style1 .mainNav>li:hover>a,
.doc-header.style1 .mainNav>li.active>a {
    background: #e8bf98;
    color: #181818;
}

.doc-header.style1 .topLinks li {
    margin: 0;
    margin-right: -4px;
}

.doc-header.style1 .topLinks li:last-child {
    margin: 0;
}

.doc-header.style1 .topLinks {
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    float: right;
    margin: 0;
}

.doc-header.style1 .mainNav>li>a {
    padding: 16px 18px;
    color: #717171;
}

.doc-header.style1 .topLinks a {
    background: #e8bf98;
    color: #342e29;
    padding: 12px 15px;
}

.doc-header.style1 nav {
    border-top: 1px solid #f0f0f0;
}

.doc-header .quickLinks {
    margin: 0;
    float: right;
    padding: 0;
    margin-right: 30px;
    padding-top: 15px;
}

.doc-header .quickLinks li {
    display: inline-block;
    color: #717171;
    font-family: open sans;
    font-size: 12px;
    letter-spacing: 0;
    margin-right: 26px;
}

.doc-header .quickLinks li:last-child {
    margin-right: 0;
}

.products.brown .links li:hover {
    background: #e8bf98;
}

.products.brown .star-rating::before {
    color: #e8bf98;
}

.mainSlider.style3 .caption {
    text-align: left;
    left: 0;
    width: 100%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.mainSlider.style3 h1 {
    font-size: 50px;
    line-height: 50px;
    margin-top: 0;
    margin-bottom: 40px;
    letter-spacing: 2px;
}

.mainSlider.style3 .tagLine {
    font-size: 16px;
    letter-spacing: 0px;
    color: #717171;
    font-weight: 400;
}

.mainSlider.style3 figure {
    position: relative;
    display: table;
    margin: 0 auto;
}

.mainSlider.style3 figcaption {
    height: 100px;
    width: 100px;
    line-height: 20px;
    padding-top: 30px;
    letter-spacing: 1px;
    background: #181818;
    font-size: 20px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 50px;
    top: 0;
}

.mainSlider.style3 .slide {
    height: 720px;
    background: #e5e5e5;
    position: relative;
}

.mainSlider.style3 .lamp {
    position: absolute;
    top: 0;
    left: 55%;
    width: auto;
}


/*=================
36-watches demo
==================*/

.family-josefin {
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
}

.family-poppins {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    letter-spacing: 0;
}

.doc-header.style2 {
    color: #fff;
}

.stickyHeader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

.doc-header.style2 .logo-dark {
    display: none;
}

.doc-header.style2.BgLight .logo-light {
    display: block;
}

.doc-header.style2.lightBg {
    background: rgba(255, 255, 255, 0.9);
}

.doc-header.style2.scrolling .topHeader {
    padding: 15px 0;
    min-height: 0;
}

.doc-header.style2.scrolling .topHeader .topLinks>.languageDropdownTriger .languageDropdown,
.doc-header.style2.scrolling .topHeader .topLinks>.cartDropdownTriger .cartDropdown,
.doc-header.style2.scrolling .topHeader .topLinks>.accountDropdownTriger .accountDropdown.style {
    top: 67px;
}

.doc-header.style2.lightBg .logo-dark {
    display: block;
}

.doc-header.style2.lightBg .logo-light {
    display: none;
}

.doc-header.style2.lightBg .mainNav>li>a {
    color: #181818;
}

.doc-header.style2 .topHeader a.logo {
    left: 15px;
    margin: 0;
    top: -5px;
}

.doc-header.style2 .mainNav {
    font-size: 14px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
}

.doc-header.style2 .mainNav>li {
    margin: 0 5px;
}

.doc-header.style2 .topLinks {
    position: absolute;
    right: 0;
    top: 0;
}

.mainSlider.style4 .slide {
    height: 750px;
    background-size: cover;
    background-position: center center;
    padding-top: 50px;
}

.blueBG {
    background: #0ca5a9;
}

.mainSlider.style4 .overlay {
    background: rgba(0, 0, 0, 0.8);
}

.mainSlider.style4 .caption {
    left: 0;
    top: 50%;
    text-align: left;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.mainSlider.style4 h1 {
    color: #fff;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 50px;
    font-weight: 700;
    letter-spacing: 4px;
    line-height: 50px;
    margin: 0;
    margin-top: 115px;
}

.mainSlider.style4 .tagLine {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
    text-transform: none;
    letter-spacing: 2px;
    margin-bottom: 40px;
    display: block;
    margin-top: 20px;
    font-family: 'Josefin Sans', sans-serif;
}

.topLinks.yellow {
    color: #ffd200;
}

.xvProdfeatures {
    padding: 20px 0;
}

.xvProdfeatures .feature {
    float: left;
    width: 25%;
    text-align: center;
    padding: 20px 0;
    border-right: 1px solid #f1f1f1;
}

.xvProdfeatures .feature:last-child {
    border: 0;
}

.xvProdfeatures .feature h5 {
    margin: 0;
    margin-bottom: 8px;
}

.xvProdfeatures .feature .tag {
    color: #717171;
    font-size: 13px;
    font-family: open sans;
    font-weight: 400;
}

.products.style3 .productImages {
    background-color: #fff;
    height: 320px;
    position: relative;
    overflow: hidden;
}

.xvArchieve .products.style3.col-grid-3 .productImages {
    height: 430px;
}

.archive .products.col-grid-2 .productImages {
    height: 670px;
}

.archive .products.col-grid-2 .product .links {
    top: 580px;
}

.sidebar-enable.xvArchieve .products.col-grid-2 .productImages {
    height: 560px;
}

.sidebar-enable.xvArchieve .products.col-grid-2 .product .links {
    top: 470px;
}

.archive .products.style3.col-grid-4 .productImages {
    height: 320px;
}

.sidebar-enable.archive .products.style3.col-grid-4 .productImages {
    height: 260px;
}

.sidebar-enable.archive .products.style3.col-grid-3 .productImages {
    height: 360px;
}

.sidebar-enable.archive .products.style3.col-grid-4 .product .links {
    top: 180px;
}

.sidebar-enable.archive .products.style3.col-grid-3 .product .links {
    top: 280px;
}

.archive .products.style1.col-grid-5 .productImages {
    height: 250px;
}

.sidebar-enable.archive .products.style1.col-grid-5 .productImages {
    height: 220px;
}

.sidebar-enable.archive .products.style1 .product:hover .productInfo {
    bottom: 25px;
}

.products.style3.zoomer .product .productImages>div {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.products.style3 .product .links {
    top: 240px;
}

.products.style3.col-grid-3 .product .links {
    top: 335px;
}

.products.zoomer .product .visual {
    display: block;
}

.products.style3.zoomer .product:hover .productImages>div {
    left: -10%;
    width: 120%;
}

.product.yellow .star-rating::before {
    color: #ffd200;
}

.product.yellow .links li:hover a {
    color: #181818;
}

.products.styleLong .productImages {
    height: 500px;
}

.products.prod-style-md .productImages {
    height: 430px;
}

.products.prod-style-md .product .links {
    top: 340px
}

.product.brown .links li {
    background: #f1f1f1;
}

.product.brown .links li:hover a {
    color: #fff;
}

.prodParalax .overlay {
    background: rgba(0, 0, 0, 0.8);
}

.prodParalax h2 {
    font-size: 50px;
    font-family: 'Josefin Sans', sans-serif;
    font-weight: 700;
    color: #fff;
}

.prodParalax p {
    font-weight: 600;
    color: #fff;
}

.prodParalax .textWrap {
    max-width: 50%;
    margin: 0 auto;
}

.xvStoreInfo .brandAbout {
    position: relative;
    font-size: 13px;
    padding-top: 10px;
    margin-bottom: 20px;
    min-height: 184px;
}

.xvStoreInfo .brandAbout:last-child {
    margin-bottom: 0;
}

.xvStoreInfo .brandAbout .visual {
    position: absolute;
    left: 0;
    top: 0;
    height: 184px;
    width: 180px;
    background-size: cover;
    background-position: center center;
}

.xvStoreInfo .brandAbout .visual a {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: rgba(24, 24, 24, 0.8);
    cursor: url(../img/icons/plus.png), crosshair;
    display: none;
}

.xvStoreInfo .brandAbout .visual:hover a {
    display: block;
}

.xvStoreInfo .brandAbout .info {
    padding-left: 210px;
}

.xvStoreInfo .brandAbout .tag {
    font-size: 10px;
    color: #717171;
    text-transform: uppercase;
    display: block;
    margin-top: 12px;
    margin-bottom: 16px;
}

.xvStoreInfo .brandAbout a.readmore {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #cacaca;
    margin-top: 30px;
    display: table;
    text-decoration: none;
}

.xvStoreInfo .brandAbout .name {
    font-size: 14px;
    font-weight: bold;
}

.prodVideo {
    font-size: 30px;
    color: #fff;
    background: url(../img/parallax2.jpg) center center;
    background-size: cover;
    text-transform: uppercase;
    position: relative;
    padding: 45px 0;
}

.prodVideo span a {
    margin: 0 22px;
}

.prodVideo .overlay {
    background: rgba(24, 24, 24, 0.8);
}

.prodVideo .container {
    position: relative;
}

.xvNewsletter {
    padding: 50px 0;
}

.xvNewsletter .subscribe {
    position: relative;
    float: left;
    width: 75%;
}

.xvNewsletter .subscribe button {
    position: absolute;
    top: 0;
    right: 0;
}

.xvNewsletter .subscribe input {
    margin: 0;
    height: 45px;
    padding-right: 130px;
}

.xvNewsletter label {
    font-size: 11px;
    float: left;
    width: 25%;
    display: block;
    margin-top: 15px;
}

.xvNewsletter .socials {
    text-align: right;
    margin: 9px 0;
}

.xvNewsletter .socials li {
    font-size: 20px;
    color: #717171;
    margin-right: 42px;
}

.xvNewsletter .socials li:last-child {
    margin-right: 0;
}

.xvNewsletter .socials li:hover {
    color: #ffd200;
}


/*=====================
37-Coffee Demo
======================*/

.family-arvo {
    font-family: 'Arvo', serif;
    letter-spacing: 0px;
    font-weight: 700;
}

.xvBanners.style2 {
    padding: 100px 0;
}

.xvBanners.style2 .xvBanner {
    height: 250px;
    width: 100%;
    position: relative;
    float: none;
}

.xvBanners.style2 .caption {
    font-size: 30px;
    color: #683f2e;
    background: #ffffff;
    width: 100%;
    position: absolute;
    left: -15px;
    bottom: 45px;
    border: 6px solid #683f2e;
    text-transform: uppercase;
    padding: 6px 5px;
}

header.style1 h2 {
    margin: 0;
}

header.style1 .tag {
    font-size: 14px;
    color: #683f2e;
    font-family: 'Droid Serif', serif;
    margin-bottom: 2px;
    display: block;
}

.product.darkbrown .links li:hover {
    background: #683f2e
}

.product.darkbrown .star-rating::before {
    color: #683f2e;
}

.product.brown .star-rating::before {
    color: #a88818;
}

.products.coffee .visual,
.products.coffee .productImages {
    background-color: #f6f5f3;
}

.controls-center .owl-prev {
    position: absolute;
    left: 30%;
    top: -90px;
}

.controls-center .owl-next {
    position: absolute;
    right: 30%;
    top: -90px;
}

.xvTestimonials.style2 blockquote.quote {
    font-family: 'Arvo', serif;
    text-transform: none;
    font-weight: bold;
    margin-bottom: 28px;
    font-size: 22px;
}

.xvTestimonials.style2 cite.from {
    font-family: 'Arvo', serif;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 10px;
    color: #fff;
}

.xvBlogWrap.coffee .xvBlogPost h6 {
    font-size: 20px;
    color: #683f2e;
    font-family: 'Arvo', serif;
    font-weight: bold;
}

.xvBlogWrap.coffee .xvBlogPost h6 a {
    font: inherit;
}

.xvBlogWrap.coffee .xvBlogPost {
    padding: 25px;
}

.prodParalax.coffee h2 {
    font-family: 'Arvo', serif;
    font-size: 30px;
    margin-bottom: 4px;
    font-weight: 700;
}

.prodParalax.coffee p {
    font-family: 'Droid Serif', serif;
    font-size: 20px;
    font-weight: 400;
}

.prodParalax.coffee .parallax_inner {
    padding: 80px 0;
}

.prodParalax.coffee .overlay {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}

.xvExtraProd {
    border-bottom: 10px solid #fff;
    border-top: 10px solid #fff;
}

.xvExtraProd .box {
    padding-top: 85px;
    padding-bottom: 85px;
}

.xvExtraProd .box.left {
    padding-right: 50px;
    border-right: 10px solid #fff;
}

.xvExtraProd .box.right {
    padding-left: 65px;
}

.xvExtraProd .box .wrap {
    position: relative;
}

.xvExtraProd .box figure {
    position: absolute;
    right: 0;
    top: 0;
}

.xvExtraProd .box .info {
    padding-right: 225px;
}

.xvExtraProd .box .tag {
    color: #683f2e;
    font-family: 'Droid Serif', serif;
    letter-spacing: 0px;
    font-style: italic;
}

.xvExtraProd .box h1,
.xvExtraProd .box h2,
.xvExtraProd .box h3,
.xvExtraProd .box h4,
.xvExtraProd .box h5,
.xvExtraProd .box h6 {
    font-family: 'Arvo', serif;
    letter-spacing: 0;
    font-weight: 700;
    margin: 0;
    margin-bottom: 34px;
}

.xvExtraProd .box a {
    margin-top: 20px;
}

.xvShopHead {
    position: relative;
    background-size: cover;
    background-position: center center;
    min-height: 750px;
}

.xvShopHead figure {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


/*====================
38-Jewellery Demo
====================*/

.doc-header.style3 .topSearch input {
    background: #fff;
    font-family: 'Droid Serif', serif;
    text-transform: none;
    letter-spacing: 0;
    font-size: 13px;
    border: 4px double #e5e5e5;
}

.doc-header.style3 .topHeader .wrap {
    position: relative;
}

.doc-header.style3 .topHeader a.logo {
    left: 0;
}

.doc-header.style3 .topSearch {
    right: 0;
}

.doc-header.style3 nav {
    border-top: 4px double #e5e5e5;
}

.doc-header.style3 .mainNav>li {
    font-size: 14px;
    font-family: 'Droid Serif', serif;
    letter-spacing: 0;
}

.mainNav.nav-right {
    text-align: right;
}

.doc-header.style1.style3 .mainNav>li>a {
    color: #181818;
}

.doc-header.style3 .mainNav>li:hover>a,
.doc-header.style3 .mainNav>li.active>a {
    background: inherit;
    color: inherit;
}

.doc-header.style3 .topLinks a {
    background: #fff;
    color: #a88818;
}

.mainSlider.style5 h1 {
    font-size: 50px;
    margin-bottom: 26px;
    font-family: 'Droid Serif', serif;
}

.mainSlider.style5 .tagLine {
    color: #717171;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    display: block;
    margin-bottom: 40px;
}

.mainSlider.style5 .caption {
    max-width: 40%;
}

.mainSlider.style5 {
    border: 4px double #e5e5e5;
}

.mainSlider.style5 .owl-dot.active {
    background: #a88818;
}

.xvFeatures .xvfeature .wrap {
    position: relative;
}

.xvFeatures.style2 .xvfeature i {
    color: #a88818;
}

.xvFeatures.style2 .xvfeature h5 {
    font-size: 14px;
    letter-spacing: 1px;
    font-family: 'Droid Serif', serif;
}

.xvFeatures.style2 .style {
    border-bottom: 4px double #e5e5e5;
}

.xvFeatures.style2 .xvfeature {
    border-right: 4px double #e5e5e5;
    padding-top: 85px;
    padding-bottom: 85px;
    margin: 0;
}

.xvFeatures.style2 .xvfeature:last-child {
    border-right: 0;
}

.products.gray .product .visual {
    height: 500px;
}

.products.item-border-double .product .visual,
.products.item-border-double .product .productImages {
    border: 4px double #e5e5e5;
}

.products.grayscale .product:hover .visual,
.products.grayscale .product:hover .productImages>div {
    -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%);
    filter: gray;
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.products.gray .product .links {
    top: 420px;
}

.product.brown .links li:hover {
    background: #a88818 none repeat scroll 0 0;
}

header.style2 h2 {
    font-family: 'Droid Serif', serif;
    margin-bottom: 2px;
    margin-top: 10px;
}

header.style2 .tag {
    font-size: 13px;
    color: #717171;
    letter-spacing: 0;
}

header.style2 i {
    font-size: 30px;
    color: #a88818;
}

.prodParalax.jewel h2 {
    font-family: 'Droid Serif', serif;
    font-size: 30px;
    font-weight: 400;
    margin: 0;
    color: #181818;
}

.prodParalax.jewel p {
    font-size: 16px;
    color: #717171;
    font-weight: 400;
}

.prodParalax.jewel .stylebg {
    padding: 100px 0;
    background-size: cover;
    background-position: center center;
}

.prodParalax.jewel .styleborder {
    border: 4px double #e5e5e5;
}

.sectionHalf.visualRight .products {
    margin-left: auto;
}

.sectionHalf .products {
    max-width: 520px;
}

.sectionHalf.kids .content h1,
.sectionHalf.kids .content h2 {
    font-size: 80px;
    font-weight: 700;
    font-family: 'Rajdhani', sans-serif;
    margin: 0;
    margin-bottom: 40px;
    line-height: 60px;
    letter-spacing: 1px;
}

.sectionHalf.kids .content span.tagline {
    font-size: 26px;
    color: #ff9600;
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-weight: 400;
    margin-bottom: -10px;
    display: block;
    letter-spacing: 0;
}

.sectionHalf.kids .content {
    min-height: 900px;
    position: relative;
}

.sectionHalf.visualRight .content .wrap {
    left: auto;
    right: 0;
    margin-left: auto;
}

.sectionHalf.kids .content .wrap {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.sectionHalf.visualRight.kids .content .wrap {
    left: auto;
    right: 0;
}

.sectionHalf .content .wrap {
    max-width: 600px;
    padding: 60px;
    width: 100%;
}

.social-elements {
    padding: 0;
    margin: 0
}

.social-elements li {
    display: block;
    position: relative;
    margin-bottom: 60px;
}

.social-elements li:last-child {
    margin-bottom: 0;
}

.social-elements li i {
    position: absolute;
    left: 0;
    top: 50%;
    font-size: 40px;
    color: #ff9600;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.social-elements li p {
    padding-left: 75px;
}

.product.orange .links li:hover {
    background: #ff9600 none repeat scroll 0 0;
}

.products.orange .star-rating::before {
    color: #ff9600;
}

.products.orange .owl-dot.active {
    border: 1px solid #ff9600
}


/*==================
39-Demo Shoes
===================*/

.doc-header.style4 {
    position: relative;
    background: #e82e44;
}

.doc-header.style4 .mainNav {
    font-family: 'Poppins', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}

.doc-header.style4 .mainNav>li {
    color: #fbadb6;
}

.doc-header.style4 .mainNav>li:hover {
    color: #fff;
}

.doc-header.style4 .topLinks li a i {
    color: #fbadb6;
    font-size: 24px;
}

.mainSlider.style6 .slide {
    height: 700px;
    background-size: cover;
}

.mainSlider.style6 .caption {
    text-align: left;
    left: 15px;
    right: auto;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.family-poppins h1 {
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0;
}

.mainSlider.style6 h1 {
    font-size: 50px;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 36px;
}

.mainSlider.style6 span.tagLine {
    font-size: 16px;
    color: #181818;
    font-weight: 500;
}

.mainSlider.family-poppins span.tagLine {
    font-family: 'Poppins', sans-serif;
}

.xv-options.style2 li {
    font-size: 14px;
    padding: 35px 0;
}

.xv-options.style2 {
    border-bottom: 1px solid #f0f0f0;
}

.xv-options.style2 li i {
    font-size: 16px;
    color: #0ca5a9;
}

.xv-options ul {
    padding: 0;
    margin: 0;
}

.xv-options li {
    float: left;
    width: 33.3334%;
    font-size: 12px;
    color: #717171;
    text-align: center;
    padding: 20px 0;
    border-right: 1px solid #f0f0f0;
}

.xv-options li:last-child {
    border: 0;
    text-align: right;
}

.xv-options li:first-child {
    text-align: left;
}

.xv-options li {
    font-weight: 300;
    display: block;
}

.xv-options li i {
    color: #e82e44;
    font-size: 14px;
    margin-right: 12px;
    display: inline-block;
}

.xvDeals.style1 .content {
    text-align: right;
}

.xvDeals.style1 .content h2 {
    text-transform: none;
    font-weight: bold;
    font-size: 40px;
    margin-bottom: 20px;
}

.xvDeals.style1 .xvDeal {
    padding: 10px;
}

.xvDeals .deal-inner {
    height: 100%;
    width: 100%;
    border: 5px solid rgba(255, 255, 255, 0.3);
}

.xvDeals.style1 .content a.btn {
    padding: 10px 18px;
}

.xvDeals.family-poppins .h2 {
    font-family: 'Poppins', sans-serif;
}

.xvDeals.family-poppins a.btn {
    font-size: 10px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

ul.slick-slider {
    padding: 0;
}

.family-poppins h3,
.family-poppins h2 {
    font-family: 'Poppins', sans-serif;
    text-transform: none;
    font-weight: 600;
}

.products.red .product .links li:hover {
    background: #e82e44;
}

.products.red .star-rating::before {
    color: #e82e44;
}

.xvAboutProduct .slide {
    position: relative;
}

.xvAboutProduct .visual {
    float: left;
    width: 40%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.xvAboutProduct .content {
    float: left;
    width: 60%;
    margin-left: 40%;
    background: #e82e44;
    padding: 120px 60px 140px 60px;
}

.xvAboutProduct .content h1,
.xvAboutProduct .content h2,
.xvAboutProduct .content h3,
.xvAboutProduct .content h4,
.xvAboutProduct .content h5,
.xvAboutProduct .content h6 {
    color: #fff;
    margin-bottom: 26px;
}

.xvAboutProduct .content a.btn {
    margin-top: 40px;
}

.xvAboutProduct p {
    color: #fbadb6;
    font-size: 18px;
    font-weight: 600;
}

.xvAboutProduct {
    text-align: center;
    padding: 80px 0;
}

.xvAboutProduct.family-poppins h2 {
    font-family: 'Poppins', sans-serif;
}

.dots-square .slick-dots li button {
    height: 12px;
    width: 12px;
    border-radius: 0;
}

.xvAboutProduct .slick-dots li button {
    border: 0;
    background: #d0293d;
}

.xvAboutProduct .slick-dots li.slick-active button {
    background: #fff;
}

.xvAboutProduct .slick-dots {
    position: absolute;
    right: 30px;
    bottom: 25px;
}


/*==================
40-Denim Demo
==================*/

.doc-header.style6 .topHeader {
    background: #181818;
}

.doc-header.style6 .topLinks li {
    color: #6b6b6b;
}

.doc-header.style6 nav {
    background: #121212;
}

.doc-header.style6 .mainNav>li {
    color: #6b6b6b;
}

.doc-header.style6 .topSearch input {
    background: none;
}

.doc-header.style6 .topSearch {
    border-bottom: 1px solid #6b6b6b;
}

.texture {
    color: rgba(63, 41, 117, 0.8);
    line-height: 200px;
    letter-spacing: 0;
    font-size: 300px;
    font-family: 'Rajdhani', sans-serif;
    font-weight: bold;
}

.text-bg {
    background: url('../img/texture.jpg');
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.xvDenim {
    background: #EBECF0;
    overflow: hidden;
}

.xvDenim.visual-left {
    background: #ebecef;
}

.xvDenim.visual-right {
    background: #f6f7f9;
}

.xvDenim .content {
    z-index: 999;
    padding: 100px 0;
    position: relative;
}

.parallax-image {
    background: none;
}

.xvDenim .content span.price {
    color: #181818;
    font-family: 'Rajdhani', sans-serif;
    font-size: 100px;
    letter-spacing: -9px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 50px;
}

.xvDenim .content h2,
.xvDenim .content text {
    color: #181818;
    font-family: 'Rajdhani', sans-serif;
    font-size: 537px;
    line-height: 200px;
    letter-spacing: -30px;
    text-transform: uppercase;
    font-weight: 700;
}

.xvDenim .container {
    position: relative;
}

.xvDenim.visual-left .visual {
    position: absolute;
    left: 0;
    top: 0;
}

.xvDenim.visual-right .visual {
    position: absolute;
    right: 0;
    top: 0;
}

.xvDenim .visual img {
    position: relative;
}

.xvDenim.view1 h2,
.xvDenim.view1 text {
    color: rgba(63, 41, 117, 0.4);
    color: #3f2975;
}

.xvDenim.view2 h2 {
    color: #983d21;
}

.xvDenim.view3 h2 {
    color: #922e2e;
}

.btn-fancy {
    font-size: 30px;
    color: #181818;
    font-family: 'Rajdhani', sans-serif;
    background: none;
    border: 4px solid #181818;
    border-radius: 6px;
}

.xvDenim .content.left {
    padding-left: 250px;
}

.xvDenim .content.right {
    padding-right: 300px;
}

.xvDenim .content.right h2 {
    text-align: right;
}

.xvDenim .content.right a.btn {
    float: right;
}

.xvDenimView {
    height: 500px;
    position: relative;
    background-size: cover;
    background-position: center center;
}

.xvDenimViews header h2 {
    font-size: 100px;
    color: #181818;
    font-family: 'Rajdhani', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -10px;
    margin-bottom: 40px;
}

.xvDenimView span.price {
    font-size: 20px;
    color: #181818;
    font-family: 'Rajdhani', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: -1px;
    position: absolute;
    top: 30px;
    left: 30px;
}

.xvDenimView {
    margin-bottom: 60px;
}

.xvDenimView h2 {
    font-size: 100px;
    color: #181818;
    font-family: 'Rajdhani', sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -10px;
    position: absolute;
    left: 0px;
    bottom: 20px;
    background: #ededf0;
    width: 100%;
    text-align: center;
    line-height: 70px;
    padding: 20px 0;
}

.xvDenimView.view1 h2 {
    color: #3f2975;
}

.xvDenimView.view2 h2 {
    color: #983d21;
}

.xvDenimView.view3 h2 {
    color: #922e2e;
}

.xvDenimView .textured-text {
    position: absolute;
    bottom: 35px;
    left: 0;
    background: #ededf0;
    width: 100%;
}

.xvDenimView text {
    font-family: "Rajdhani", sans-serif;
    font-size: 437px;
    font-weight: 700;
    letter-spacing: -30px;
    line-height: 200px;
    text-transform: uppercase;
    text-align: center;
}


/*===============
41-Shorecode
===============*/

.shortcodeBtns .allbtns a.btn {
    margin-bottom: 30px;
}

.shortcodeBtns .allbtns a.btn:last-child {
    margin-bottom: 0px;
}

.shortcodeBtns .allbtns {
    padding: 100px 0;
}

.shortcodeBtns .purchaseBox {
    margin-bottom: 30px;
}

.shortcodeBtns .xvAlert {
    margin-bottom: 30px;
}

.shortcodeBtns .xvAlert:last-child {
    margin-bottom: 0px;
}

.xvAlert {
    position: relative;
    font-size: 15px;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 50px 15px 50px;
}

.xvAlert.generalMsg {
    background: #dadada;
    color: #181818;
}

.xvAlert i {
    font-size: 20px;
}

.xvAlert .icon {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
}

.xvAlert a.remove {
    text-decoration: none;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translate(0px, -50%);
    -webkit-transform: translate(0px, -50%);
    -moz-transform: translate(0px, -50%);
    -o-transform: translate(0px, -50%);
    -ms-transform: translate(0px, -50%);
    height: 40px;
    width: 40px;
}

.xvAlert a.remove i {
    display: block;
    line-height: 40px;
}

.xvAlert.errorMsg {
    background: #eb4f6d;
}

.xvAlert.helpMsg {
    background: #2293c7;
}

.xvAlert.noticeMsg {
    background: #ffb644;
}

.xvAlert.successMsg {
    background: #8fba61;
}

.xvAlert.infoMsg {
    background: #c184d6;
}

.shortcodeBanners header {
    color: #181818;
    margin-bottom: 35px;
}

.shortcodeBanners header h3 {
    margin: 0;
}

.shortcodeBanners section {
    padding: 90px 0;
}

.shortcodeBanners hr,
.shortcodeElements hr,
.shortcodes-products hr {
    margin: 0 auto;
    max-width: 85%;
}

.shortcodes-products section {
    padding: 100px 0;
}

.allheads .text-widget {
    margin-bottom: 65px;
}

.text-widget {
    margin-bottom: 20px;
}

.text-widget h1 {
    font-size: 30px;
}

.text-widget h2 {
    font-size: 24px;
}

.text-widget h3 {
    font-size: 20px;
}

.text-widget h4 {
    font-size: 18px;
}

.text-widget h5 {
    font-size: 16px;
}

.text-widget h6 {
    font-size: 14px;
}

.text-widget header {
    margin-bottom: 25px;
}

.allheads {
    padding: 80px 0 30px 0;
}

.dropcap.style1 .word {
    font-size: 20px;
    text-transform: uppercase;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 55px;
    background: #ff0000;
    color: #fff;
    float: left;
    border-radius: 50%;
    margin-right: 12px;
}

.dropcap.style2 .word {
    font-size: 20px;
    text-transform: uppercase;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 55px;
    background: #181818;
    color: #fff;
    float: left;
    border-radius: 8px;
    margin-right: 12px;
}

.dropcap.style3 .word {
    font-size: 20px;
    text-transform: uppercase;
    height: 55px;
    width: 55px;
    text-align: center;
    line-height: 55px;
    background: none;
    color: #181818;
    float: left;
    border-radius: 8px;
    margin-right: 12px;
}

.dropcaps {
    padding: 95px 0;
}

.xvBlockquotes {
    padding: 95px 0;
}

.xvBlockquote {
    background: #f9f9f9;
    font-size: 18px;
    color: #4b4b4b;
    font-weight: 600;
    position: relative;
    padding: 50px 50px 45px 50px;
    margin-bottom: 100px;
}

.xvBlockquote:last-child {
    margin-bottom: 0;
}

.xvBlockquote a.from {
    font-size: 10px;
    color: #ff0000;
    text-transform: uppercase;
    margin-top: 40px;
    display: table;
}

.xvBlockquote p {
    font-weight: 600;
}

.xvBlockquote i {
    font-size: 16px;
    height: 48px;
    width: 48px;
    line-height: 48px;
    text-align: center;
    background: #ff0000;
    color: #fff;
    display: block;
    border-radius: 50%;
    position: absolute;
    left: 50px;
    top: 50px;
}

.xvBlockquote .quote {
    padding-left: 65px;
}

.xvBlockquote.style1 {
    background: #fff;
    border: 1px solid #f1f1f1;
    text-align: center;
    padding: 50px 100px 45px 100px;
}

.xvBlockquote.style1 i {
    display: none;
}

.xvBlockquote.style1 .quote {
    padding: 0;
}

.xvBlockquote.style1 p {
    color: #181818;
    font-family: 'bridgestone';
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.xvBlockquote.style1 a.from {
    margin: 40px auto 0 auto;
}

.xvList {
    padding: 0;
    margin: 0;
    margin-bottom: 20px;
}

.xvList li {
    display: block;
    font-size: 14px;
    color: #717171;
    font-family: open sans;
    letter-spacing: 1px;
    margin-bottom: 25px;
    position: relative;
    padding-left: 16px;
}

.xvList li:last-child {
    margin: 0;
}

.xvList li:before {
    content: '\f105 ';
    position: absolute;
    left: 0;
    top: 1px;
    font-family: 'FontAwesome';
    font-size: 12px;
}

.xvList.style1 li:before {
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    color: #181818;
    border-radius: 50%;
}

.xvList.style1 li {
    padding-left: 30px;
}

.xvList.style1 li:hover:before {
    background: #ff0000;
    color: #fff;
}

.xvList.style2 li:before {
    content: '\f0da ';
}

.xvList.style3 li:before {
    content: '\f005';
    color: #ff0000;
    font-size: 9px;
    top: 4px;
}

.xvList.style4 li:before {
    content: '\f111 ';
    color: #717171;
    font-size: 4px;
    top: 8px;
}

.xvList.style5 li {
    padding-left: 30px;
}

.xvList.style5 li:before {
    content: '\f00c';
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background: #fff;
    color: #181818;
    border-radius: 50%;
    font-size: 8px;
}

.xvList.style5 li:hover:before {
    background: #181818;
    color: #fff;
}

.xvList.style6 li:before {
    content: '\f178 ';
    color: #ff0000;
    font-size: 10px;
    top: 4px;
}

.xvList.style6 li {
    padding-left: 20px;
}

.xvList.style7 li:before {
    font-size: 14px;
    top: 2px;
}

.xvList.style8 li:before {
    font-family: 'linea';
    content: "\eaee";
    font-size: 14px;
    top: 2px;
    font-size: 12px;
    color: #ff0000;
}

.xvList.style8 li {
    padding-left: 22px;
}

.xvLists {
    padding-top: 100px;
}

.shortcodeTypo .xvList {
    margin-bottom: 100px;
}

.alltext .text-widget {
    margin-bottom: 75px;
}

.alltext {
    padding-top: 85px;
    padding-bottom: 20px;
}

.text-widget strong {
    color: #ff0000;
}

.text-widget em {
    color: #181818;
    font-weight: 600;
}

.text-widget del {
    color: #ff0000;
    font-weight: bold;
}

.text-widget p a {
    color: #ff0000;
    font-weight: 600;
    text-decoration: underline;
}

.text-widget span.bg {
    background: #181818;
    color: #fff;
    padding: 0 5px;
}

.text-widget.dark-bg em {
    color: #fff;
}

.text-widget.dark-bg span.bg {
    background: #fff;
    color: #000;
}

.xvHighlights {
    padding: 90px 0 80px 0;
}

.xvPricing .pricinghead {
    border: 2px solid #f1f1f1;
    padding: 18px 0;
}

.xvPricing .pricingInfo {
    border: 2px solid #f1f1f1;
    border-top: 0;
    padding: 30px;
}

.xvPricing .pricingInfo .info {
    padding: 0;
    margin: 0;
    margin-top: 15px;
    letter-spacing: 1px;
    margin-bottom: 40px;
}

.xvPricing .pricingInfo .info li {
    display: block;
    font-size: 13px;
    color: #717171;
    font-family: open sans;
    margin-bottom: 20px;
}

.xvPricing .pricingInfo .info li:last-child {
    margin-bottom: 0;
}

.xvPricing .pricingInfo .price {
    font-size: 60px;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
    padding: 10px 0;
}

.xvPricing .pricingInfo .price sup {
    font-size: 20px;
    left: 14px;
    top: -24px;
}

.xvPricing .pricingInfo .price sub {
    bottom: 2px;
    font-size: 12px;
    left: -14px;
}

.xvPricing .pricingInfo a.purchase {
    margin-top: 30px;
}

.xvPricing:hover .pricinghead,
.xvPricing:hover .pricingInfo {
    border-color: #ff0000;
}

.xvPricing:hover a.purchase {
    background: #ff0000;
    color: #fff;
}

.xvGallery .visual {
    display: block;
    height: 236px;
    background-size: cover;
    background-position: center center;
    position: relative;
}

.xvGallery .visual:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: url(../img/icons/plus.png), crosshair;
}

.xvGallery .visual:hover:before {
    background-color: rgba(165, 104, 227, 0.85);
}

.xvGallery .wrap {
    margin: 0 -3px;
}

.xvGallery .xvImage {
    padding: 3px;
    float: left;
    width: 33.3334%;
}

.xvStats.style1 {
    background: #fff;
    color: #181818;
    padding: 100px 0;
}

.shortcodeElements section {
    padding: 95px 0;
}

.shortcodeElements .xvShopcat {
    border-bottom: 0;
}

.accorContent {
    display: none;
}

.accorTrigger {
    display: none;
}

.table-responsive {
    border: 0;
    margin: 0;
}

.xvtweets ul {
    padding: 0;
    margin: 0;
}

.xvtweets {
    background: #f9f9f9;
    padding: 50px;
    position: relative;
}

.xvSidebar .xvtweets {
    padding: 38px 38px 55px 38px;
}

.xvSidebar .xvtweets li {
    font-size: 13px;
    color: #717171;
}

.xvSidebar .xvtweets .timeago {
    color: #c4c4c4;
}

.xvtweets i {
    color: #c4c4c4;
    font-size: 30px;
    position: absolute;
    right: 30px;
    bottom: 30px;
}

.xvtweets li {
    font-size: 16px;
    letter-spacing: 0;
    line-height: 30px;
}

.xvtweets .timeago {
    font-size: 10px;
    color: #717171;
    display: table;
    margin-top: 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
}


/*====*/

.progress-value {
    position: absolute;
    font-size: 30px;
    color: #181818;
    z-index: 10;
    left: 0;
    top: 70px;
    width: 100%;
}

.xvPiegraph h6 {
    margin-top: 24px;
    margin-bottom: 30px
}

.xvPiegraph .wrap {
    border: 22px solid #f9f9f9;
    border-radius: 50%;
    height: 196px;
    margin: 0 auto;
    position: relative;
    width: 196px;
}

.xvPiegraph .wrap canvas {
    position: absolute;
    left: 50%;
    top: -16px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
}

.xvModal {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
}

.modal-show-delay.xvModal {
    display: none;
}

.xvModal .xvModalInner {
    background: #fff;
    width: 60%;
    margin: 0 auto;
    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.4);
}

.modalRemove,
a.modalRemove {
    height: 25px;
    width: 25px;
    background: #181818;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.modalRemove:hover,
.modalRemove:focus {
    color: #fff;
}

.xvModal.newsletter .xvModalInner {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 110px 80px 126px 80px;
    position: relative;
    top: 10%;
}

.xvModal.newsletter .xvModalInner .content {
    width: 60%;
}

.xvModal.newsletter h3 {
    margin-bottom: 30px;
}

.xvModal.newsletter .form {
    position: relative;
    margin-top: 50px;
}

.xvModal.newsletter .form button {
    position: absolute;
    right: 0;
    top: 0;
}

.xvModal.newsletter .form input {
    margin: 0;
}

.products.lookbook .visual,
.products.lookbook .productImages {
    height: 550px
}

.products.lookbook .slick-slide {
    opacity: 0.5;
    pointer-events: none;
}

.products.lookbook .slick-current {
    opacity: 1;
    pointer-events: auto;
}

.products.lookbook .slick-list {
    margin: 0;
}

.products.lookbook .product .links {
    top: 470px;
}

.products.lookbook .owl-next,
.products.lookbook .owl-prev {
    color: #c4c4c4;
    font-size: 30px;
    height: 45px;
    width: 50px;
    line-height: 45px;
    text-align: center;
    background: #fff;
    position: absolute;
    top: 40%;
    padding-top: 3px;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.products.lookbook .owl-prev:hover,
.products.lookbook .owl-next:hover {
    background: #000;
}

.products.lookbook .owl-next {
    right: 35%;
    margin-right: -2px;
}

.products.lookbook .owl-prev {
    left: 35%;
    margin-left: -2px;
}

.products.lookbook .star-rating::before {
    color: #181818;
}

.xvmanage {
    background: #181818 none repeat scroll 0 0;
    display: none;
    padding: 38px 20px 30px 68px;
    position: absolute;
    right: 0;
    top: 100%;
    width: 100%;
    z-index: 999;
    text-transform: uppercase;
}

.manageResults {
    position: relative;
    padding-bottom: 35px;
}

.manageResults span {
    font-size: 10px;
    color: #717171;
    text-transform: uppercase;
}

.manageTriger {
    font-size: 30px;
    padding: 15px;
    position: absolute;
    right: -16px;
    top: -16px;
}

.xvmanage li {
    font-size: 10px;
    color: #717171;
    margin-bottom: 16px;
}

.xvmanage li a {
    text-decoration: none;
}

.xvmanage li:hover {
    color: #fff;
}

.xvmanage li:hover:before {
    color: #ff0000;
}

.xvmanage h6 {
    color: #fff;
    margin-bottom: 48px;
    font-size: 10px;
}

.xvmanage .xvList.style4 li::before {
    top: 5px;
}

.contact-map {
    height: 400px;
}

.store-map {
    height: 320px;
    border: 6px solid #fff;
    margin-bottom: 10px;
}


/*===============
42-catagory
===============*/

.change-prod-style {
    padding: 0;
    margin: 0;
    float: right;
}

.change-prod-style li {
    display: inline-block;
    opacity: 0.1;
}

.change-prod-style li.active {
    opacity: 1;
}

.manageResults.category .manageTriger {
    padding: 0;
    right: 127px;
    top: -14px;
}

.archive .products .product .visual,
.archive .products .product .productImages {
    background-size: cover;
}


/*
.archive .products .product:hover.links{
    display: block;
}
*/

.pagination {
    margin: 50px 0 0 0;
}

.pagination .page-link {
    text-transform: uppercase;
    color: #717171;
    font-size: 10px;
    padding: 17px 18px;
    color: white;
    background: black;
}

.pagination.no-margin {
    margin: 0;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span,
.pagination>li:first-child>a,
.pagination>li:first-child>span {
    border-radius: 0;
}

.pagination>li>a,
.pagination>li>span {
    border: 0;
    padding: 14px 18px;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #FF0000;
    border-color: #FF0000;
    cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    padding: 14px 18px;
    z-index: 3;
    color: #fff;
    background-color: #000;
    border-color: #000;
}

.pagination>li>a {
    text-transform: uppercase;
    color: #717171;
    font-size: 10px;
    padding: 17px 18px;
    color: white;
    background: black;
}

.pagination>li {
    margin-right: 10px;
    float: left;
}

.pagination>li:last-child {
    margin-right: 0;
}

.pagination>li:hover a,
.pagination>li.active a {
    background: #FF0000;
    color: #fff;
}

.custom-filter-elements .filter-item {
    opacity: 0.5;
    pointer-events: none;
    display: none;
}

.custom-filter-elements .filter-active {
    opacity: 1;
    pointer-events: auto;
    display: block;
}


/*products thumb images*/

.productImages {
    height: 260px;
    background: #f6f6f8;
    position: relative;
    overflow: hidden;
}

.productImages>div {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 4;
}

.prod-style-lg .productImages {
    height: 460px;
}

.prod-style-lg .product .links {
    top: 360px;
}

.productImages>div.image-hover {
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 5;
    -webkit-transition: opacity 0.3s ease-in;
    -moz-transition: opacity 0.3s ease-in;
    -ms-transition: opacity 0.3s ease-in;
    -o-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in;
}

.product:hover .productImages>div.image-hover {
    filter: alpha(opacity=100);
    opacity: 1;
    z-index: 5;
}

.products.style1 .product:hover .productImages:after {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    position: absolute;
    background: #fff;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


/*.products.style3 .product .productImages:after,.slick-carousel .product .productImages:after,
.products.style2 .product .productImages:after,.prod-style-lg .product .productImages:after{
    display:none !important;
}*/


/*buttons*/

.button {
    min-width: 150px;
    border: none;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
}

.button:focus {
    outline: none;
}

.button>span {
    vertical-align: middle;
}


/* Tamaya */

.button--tamaya {
    overflow: hidden;
    min-width: 180px;
}

.button--tamaya::before,
.button--tamaya::after {
    content: attr(data-text);
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    background: inherit;
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--tamaya.button--inverted::before,
.button--tamaya.button--inverted::after {
    background: inherit;
}

.button--tamaya::before {
    top: 0;
    padding-top: 1.5em;
}

.button--tamaya::after {
    bottom: 0;
    line-height: 0;
}

.button--tamaya>span {
    display: block;
    -webkit-transform: scale3d(0.2, 0.2, 1);
    transform: scale3d(0.2, 0.2, 1);
    opacity: 0;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
    transition: transform 0.3s, opacity 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.button--tamaya:hover::before {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.button--tamaya:hover::after {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    bottom: -1px;
}

.button--tamaya:hover>span {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}


/*====================
Single Product Demo
==========================*/

.preContentImage {
    position: relative;
    margin-top: -200px;
    margin-bottom: 50px;
}

.extraPullUp {
    margin-top: -400px;
}

.preContentImage img {
    max-width: 50%;
}

.overFlowHidden {
    overflow: hidden !important;
}

.fancy-head.head {
    font-size: 40px;
    margin-bottom: 65px;
}

.fancy-head h2 {
    font-size: 100px;
}

.fancy-head h3 {
    font-size: 80px;
    font-weight: 300;
}

.fancy-head h2,
.fancy-head h3,
.fancy-head h4,
.fancy-head h5 {
    color: #0ca5a9;
    margin: 0;
    font-family: "josefin sans", sans-serif;
}

.style-big.xvfeature .info {
    padding-left: 200px;
}

.style-big.xvfeature .info h3 {
    font-size: 27px;
    font-weight: 400;
    text-transform: none;
}

.style-big.xvfeature {
    font-size: 16px;
    line-height: 30px;
    min-height: 210px;
}

.style-big.xvfeature i {
    width: 160px;
    height: 160px;
    line-height: 160px;
    border-radius: 50%;
    display: block;
    border: 5px solid #0ca5a9;
    color: #0ca5a9;
    text-align: center;
    font-size: 60px;
    overflow: hidden;
    -webkit-transition: all ease 0.6s;
    -moz-transition: all ease 0.4s;
    -ms-transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    transition: all ease 0.6s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.style-big.xvfeature i:after {
    content: "";
    right: 50%;
    top: -50%;
    width: 100%;
    height: 170%;
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
}

.style-big.xvfeature:hover i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.style-md.xvfeature i {
    font-size: 60px;
    color: #0ca5a9;
}

.style-md.xvfeature h3 {
    font-size: 27px;
    text-transform: none;
}

.xvFeatures .style-md.xvfeature .info {
    padding-left: 80px;
}

.xvFeatures .style-md.xvfeature {
    margin-bottom: 30px;
}

.para-bigText {
    font-size: 60px;
    line-height: normal;
    color: #fff;
}

.para-bigText .textWrap p {
    line-height: normal;
    color: #fff;
}

.para-bigText .textWrap {
    max-width: 70%;
    margin: auto;
}

.blueOverlay .overlay {
    background: #0ca5a9;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.promo-bigText.purchaseBox .tag {
    font-size: 30px;
}

.blueBG.purchaseBox .tag {
    color: #fff;
}

.fancyImageRight {
    position: absolute;
    right: -50px;
    top: 20%;
    max-width: 50%;
}

.fancyImageRight img {
    display: inline-block;
}

.fancyImageWrap {
    position: relative;
}

.blueBG .head {
    color: #fff;
}

.blueBG header.head h2,
.blueBG header.head h3,
.blueBG header.head h4 {
    color: #fff;
}

.ratingReview h3 {
    text-transform: none;
    margin: 0 0 25px;
    font-size: 30px;
}

.ratingReview {
    font-weight: 300;
    padding: 40px;
    background: #fff;
    letter-spacing: 0px;
}

.slick-carousel .ratingReviewSlide {
    padding: 15px
}

.ratingReviewSlick .slick-dots {
    margin-top: 30px;
}

.ratingReviewSlick .slick-dots li button {
    opacity: 0.6;
    display: block;
}

.ratingReviewSlick .slick-dots li.slick-active button {
    height: 16px;
    width: 16px;
    border-color: #fff;
    opacity: 1;
}

.ratingReview q:before,
.ratingReview:after {
    display: none;
}

.ratingReview q,
.ratingReview p {
    color: #585858;
    font-style: normal;
    font-size: 16px;
    line-height: 30px;
}

.reviewAuthor {
    position: relative;
    padding-left: 50px;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
    font-weight: 400;
}

.ratingReview .star-rating {
    font-size: 16px;
    text-align: left;
    margin-bottom: 20px;
    display: block;
}

.ratingReview .star-rating:after,
.prod-style-lg.product-withBG .star-rating:after {
    color: #dadada;
}

.ratingReview .star-rating:before,
.prod-style-lg.product-withBG .star-rating:before {
    color: #ff8400;
}

.star-rating span {
    display: inline-block;
    position: absolute;
    left: 100px;
    top: 0;
    color: #585858;
    font-size: 18px;
    font-weight: 300;
}

.reviewAuthor figure {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 25px;
}

.reviewAuthor cite {
    font-style: normal;
    color: #585858;
    font-size: 20px;
}

.product-withBG .product .productInfo {
    background: #f9f9f9;
    text-align: left;
    padding: 1px 40px 40px;
}

.product-withBG .product .productInfo h3 {
    border-top: 1px solid #e0e0e0;
    padding-top: 40px;
    font-size: 25px;
}

.prod-style-lg.product-withBG .productImages {
    height: 420px;
}

.prod-style-lg.product-withBG .star-rating {
    display: block;
    font-size: 16px;
    margin-top: 10px;
    letter-spacing: 0;
}

.prod-style-lg.product-withBG .product .btn {
    margin-top: 30px;
}

.prod-style-lg.product-withBG .product .btn .fa {
    position: relative;
    top: -3px;
    margin-right: 10px;
}

.linkBoxes {
    position: relative;
}

.linkBoxes>div {
    display: block;
    float: left;
    width: 25%;
    padding: 10px;
}

.linkBoxes>div>a {
    border: 1px solid #EDEDEF;
    padding: 5px;
    display: block;
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    position: relative;
}

.linkBoxes>div img {
    width: 100%;
}

input:not([type=submit]):read-only {
    /*cursor: no-drop; */
}

.linkBoxes>div>a>span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 10px;
    background: #EBEBED;
}


/*===============
43-Responsive
===============*/

@media (min-width: 1200px) {
    .mainSlider .caption,
    .mainSlider figure {
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
    }
    .semi-boxed {
        padding-left: 50px;
        padding-right: 50px;
    }
}

@media (max-width: 1199px) {
    .sideNavTrig a.logo {
        display: none;
    }
    .coffee-nav .sideNavTrig {
        height: 50px;
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
    }
    .doc-header.coffee-nav .topLinks {
        margin-top: 0;
    }
    .coffee-nav .mainNav {
        display: block !important;
        position: relative !important;
        top: auto;
        left: 0;
    }
    .doc-header.coffee-nav .topLinks {}
    .change-prod-style {
        display: none;
    }
    .manageResults.category .manageTriger {
        right: 10px;
    }
    .archive .products.col-grid-2 .product,
    .archive .products.col-grid-3 .product,
    .archive .products.col-grid-4 .product,
    .archive .products.col-grid-5 .product {
        width: 33.3334%;
    }
    .archive .products.col-grid-2 .product .productImages,
    .archive .products.col-grid-3 .product .productImages,
    .archive .products.col-grid-4 .product .productImages,
    .archive .products.col-grid-5 .product .productImages {
        height: 320px !important;
    }
    .archive .products.col-grid-2 .product .links,
    .archive .products.col-grid-3 .product .links,
    .archive .products.col-grid-4 .product .links,
    .archive .products.col-grid-5 .product .links,
    .sidebar-enable.archive .products.col-grid-2 .product .links,
    .sidebar-enable.archive .products.col-grid-3 .product .links,
    .sidebar-enable.archive .products.col-grid-4 .product .links,
    .sidebar-enable.archive .products.col-grid-5 .product .links,
    .sidebar-enable.archive .products.style3.col-grid-4 .product .links {
        top: 220px;
    }
    .mainNav>li {
        margin: 0 10px;
    }
    .products.style1.new {
        margin: 0;
    }
    .mainSlider .caption,
    .mainSlider figure {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
    }
    .xvSubscription li:last-child {
        width: 18%;
    }
    .xvSubscription li {
        width: 40%;
    }
    .postBtns .contentLeft .info {
        left: 17%;
    }
    .postBtns .contentRight .info {
        right: 17%;
    }
    .changePortfoliostyle {
        display: none;
    }
    .xvPortfolio .portfolioItem {
        width: 50% !important;
    }
    .xvDenim .content.left {
        padding-right: 30px;
    }
    .xvDenim .content.right {
        padding-left: 30px;
    }
    .xvModal.newsletter .xvModalInner {
        width: 90%;
        padding: 90px 40px 125px;
    }
}


/*===========*/

@media (max-width: 1120px) {
    .slider-wraper.medium .slider-nav .slick-next {
        top: 17px;
    }
    .slider-wraper.medium .slider-nav .slick-prev {
        top: 52px;
    }
    .slider-wraper.small .slider-nav .slick-next {
        top: 10px;
    }
    .slider-wraper.small .slider-nav .slick-prev {
        top: 46px;
    }
    .xvArchieve {
        padding-top: 30px;
    }
}


/*===========*/

@media (max-width: 1110px) {
    .slider-wraper.large .slider-nav .slick-next {
        top: 27px;
    }
    .slider-wraper.large .slider-nav .slick-prev {
        top: 62px;
    }
}


/*===========*/

@media (max-width: 1050px) {
    .products.style1 .product .visual,
    .products.style1 .product .productImages {
        height: 310px;
    }
    .slider-wraper.medium .slider-nav .slick-next {
        top: 13px;
    }
    .slider-wraper.medium .slider-nav .slick-prev {
        top: 48px;
    }
    .slider-wraper.small .slider-nav .slick-next {
        top: 8px;
    }
    .slider-wraper.small .slider-nav .slick-prev {
        top: 43px;
    }
}


/* Portrait tablet to landscape and desktop */

@media (max-width: 990px) {
    .fancyImageRight {
        position: relative;
        top: auto;
        width: 100%;
        text-align: center;
        right: auto;
        max-width: 100%;
    }
    .fancyImageRight img {
        max-width: 500px;
    }
    .archive .products.col-grid-2 .product .productImages,
    .archive .products.col-grid-3 .product .productImages,
    .archive .products.col-grid-4 .product .productImages,
    .archive .products.col-grid-5 .product .productImages {
        height: 280px !important;
    }
    .archive .products.col-grid-2 .product .links,
    .archive .products.col-grid-3 .product .links,
    .archive .products.col-grid-4 .product .links,
    .archive .products.col-grid-5 .product .links {
        top: 180px;
    }
    .sidebar-enable.archive .products.col-grid-2 .product .productImages,
    .sidebar-enable.archive .products.col-grid-3 .product .productImages,
    .sidebar-enable.archive .products.col-grid-4 .product .productImages,
    .sidebar-enable.archive .products.col-grid-5 .product .productImages {
        height: 230px !important;
    }
    .archive .products.col-grid-2 .product .links,
    .archive .products.col-grid-3 .product .links,
    .archive .products.col-grid-4 .product .links,
    .archive .products.col-grid-5 .product .links {
        top: 180px;
    }
    .sidebar-enable.archive .products.col-grid-2 .product .links,
    .sidebar-enable.archive .products.col-grid-3 .product .links,
    .sidebar-enable.archive .products.col-grid-4 .product .links,
    .sidebar-enable.archive .products.col-grid-5 .product .links,
    .sidebar-enable.archive .products.style3.col-grid-4 .product .links,
    .sidebar-enable.archive .products.style3.col-grid-3 .product .links {
        top: 150px;
    }
    .xvTestimonial blockquote br {
        display: none;
    }
    .xvTestimonial blockquote {
        font-size: 16px;
    }
    .mainSlider h1 {
        font-size: 90px;
    }
    .xvBlogWrap .xvBlogPost,
    .xvPricing {
        margin: 15px 0;
    }
    .productHotspot .imageHotspot {
        left: auto;
        position: relative;
        text-align: center;
        top: auto;
        transform: none;
    }
    .controls-center .owl-prev {
        left: 0
    }
    .controls-center .owl-next {
        right: 0
    }
    .xvExtraProd .box.left,
    .xvExtraProd .box.right {
        padding: 50px 25px;
        border: 10px solid #fff;
    }
    .xvExtraProd .box.right {
        border-top: 0;
    }
    .xvExtraProd {
        border: 0;
    }
    .xvFeatures.style2 .xvfeature,
    .xvFeatures.style2 .style {
        border: 0;
    }
    .xvFeatures.style2 .xvfeature {
        padding-bottom: 30px;
        padding-top: 30px;
    }
    .sectionHalf.visualRight .content .wrap {
        padding: 30px 40px 30px 50px;
    }
    .sectionHalf.visualLeft .content .wrap {
        padding: 30px 50px 30px 40px;
    }
    .hotspotWrap .xvpoint2 {
        left: 0;
    }
    .slider-wraper.large .slider-nav .slick-next {
        top: 20px;
    }
    .slider-wraper.large .slider-nav .slick-prev {
        top: 56px;
    }
    .slider-wraper.medium .slider-nav .slick-next {
        top: 9px;
    }
    .slider-wraper.medium .slider-nav .slick-prev {
        top: 44px;
    }
    .slider-wraper.small .slider-nav .slick-next {
        top: 6px;
    }
    .slider-wraper.small .slider-nav .slick-prev {
        top: 39px;
    }
    .products.ajaxify.style1 .product {
        width: 25%;
    }
    .products .controls .changeView,
    .products.ajaxify .customslider-controls {
        display: none;
    }
    .products .content {
        margin: 0;
        width: 100%;
    }
    .products.col-grid-5 .product {
        width: 25%;
    }
    .manageResults.category .manageTriger {
        right: 0;
    }
}


/*===========*/

@media (max-width: 950px) {
    .slider-wraper.small .slider-nav .slick-next {
        top: 6px;
    }
    .slider-wraper.small .slider-nav .slick-prev {
        top: 35px;
    }
}


/*===========*/

@media (max-width: 900px) {
    .xvTestimonial {
        max-width: 100%;
        margin: 0 auto;
        padding: 40px;
    }
    section.xvTestimonials {
        padding: 40px;
    }
    .xvTestimonials .owl-prev {
        left: 0%;
    }
    .xvTestimonials .owl-next {
        right: 0%;
    }
    .sectionHalf.visualLeft .content,
    .sectionHalf.visualRight .content {
        padding: 40px 30px 50px;
    }
    .xvAboutus.upcomming .content {
        padding: 30px;
    }
    .inContainer {
        padding: 30px 20px;
    }
    .xvAccountInfo .tab-pane {
        padding: 30px;
    }
    .myAccount .aboutMe .info {
        padding-left: 100px;
    }
    .xvBestItem .content h2 {
        font-size: 24px;
    }
    .xvBestItem .content {
        padding: 30px;
    }
    .mainSlider.style4 h1 {
        font-size: 36px;
        line-height: 40px;
    }
    .slider-wraper.large .slider-nav .slick-next {
        top: 14px;
    }
    .slider-wraper.large .slider-nav .slick-prev {
        top: 50px;
    }
    .slider-wraper.medium .slider-nav .slick-next {
        top: 7px;
    }
    .slider-wraper.medium .slider-nav .slick-prev {
        top: 40px;
    }
    .slider-wraper.small .slider-nav .slick-next {
        top: 4px;
    }
    .slider-wraper.small .slider-nav .slick-prev {
        top: 33px;
    }
}


/*===========*/

@media (max-width: 870px) {
    .slider-wraper.medium .slider-nav .slick-next {
        top: 6px;
    }
    .slider-wraper.medium .slider-nav .slick-prev {
        top: 35px;
    }
    .slider-wraper.small .slider-nav .slick-next {
        top: 2px;
    }
    .slider-wraper.small .slider-nav .slick-prev {
        top: 31px;
    }
    .products.ajaxify.style1 .product {
        width: 25%;
    }
}


/*===========*/

@media (max-width: 843px) {
    a.btn {
        margin: 5px 0 !important;
    }
    .slider-wraper.large .slider-nav .slick-next {
        top: 11px;
    }
    .slider-wraper.large .slider-nav .slick-prev {
        top: 46px;
    }
}


/*===========*/

@media (max-width: 820px) {
    .slider-wraper.large .slider-nav .slick-next {
        top: 9px;
    }
    .slider-wraper.large .slider-nav .slick-prev {
        top: 44px;
    }
    .slider-wraper.medium .slider-nav .slick-next {
        top: 4px;
    }
    .slider-wraper.medium .slider-nav .slick-prev {
        top: 33px;
    }
    .slider-wraper.small .slider-nav .slick-next {
        top: 0;
    }
    .slider-wraper.small .slider-nav .slick-prev {
        top: 29px;
    }
    .products.ajaxify.style1 .product,
    .products.col-grid-5 .product,
    .products.col-grid-4 .product {
        width: 33.3334%;
    }
}


/*===========*/

@media (max-width: 790px) {
    .slider-wraper.large .slider-nav .slick-next {
        top: 7px;
    }
    .slider-wraper.large .slider-nav .slick-prev {
        top: 42px;
    }
    .slider-wraper.medium .slider-nav .slick-next {
        top: 2px;
    }
    .slider-wraper.medium .slider-nav .slick-prev {
        top: 31px;
    }
}


/* Landscape phone to portrait tablet */

@media (min-width: 768px) {
    .mainNav {
        display: block !important;
    }
    .tab-pane.active {
        display: block;
    }
    .tab-pane.active .accorContent {
        display: block;
    }
    .mainNav>li:hover>ul,
    .mainNav>li:hover>.mega-xv {
        visibility: visible;
        top: 100%;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1;
    }
}


/*===========*/

@media (max-width: 767px) {
    .linkBoxes>div {
        width: 50%;
    }
    .product .links {
        display: block;
    }
    .mainSlider.style5 h1 {
        font-size: 30px;
    }
    .lampCaption {
        width: 300px;
        margin: auto auto 30px;
        padding-left: 0;
        position: relative;
        right: auto;
        padding-left: auto;
        text-align: center;
        background-position: center top;
    }
    .staticSplash .largeText {
        font-size: 22px;
        line-height: 28px;
        margin-bottom: 10px;
    }
    .lampCaption .largeText br {
        display: none;
    }
    .staticSplash .container {
        padding: 0;
        text-align: center;
    }
    .xvTestimonials.style1 blockquote.quote {
        font-size: 18px;
        padding-top: 20px;
    }
    .xvTestimonials.style1 blockquote.quote br {
        display: none;
    }
    .hotspotWrap .xvpoint2,
    .hotspotWrap .xvpoint1 {
        display: none;
    }
    .sectionHalf .products {
        max-width: none;
    }
    .xvModal.newsletter {
        display: none !important;
    }
    h2 {
        font-size: 28px;
    }
    .tab-panel {
        width: 100%;
    }
    .tab-pane .accorContent {
        display: none;
        padding: 30px;
    }
    .xvAccountInfo .tab-pane {
        padding: 20px;
    }
    .tab-pane.opened .accorContent {
        display: block;
    }
    .tabs {
        display: none;
    }
    .accorTrigger {
        display: block;
    }
    .tab-pane {
        display: block;
    }
    .doc-header .tab-pane {
        display: none;
        padding: 15px;
    }
    .doc-header .tab-pane.active,
    .doc-header .tabs {
        display: block;
    }
    .tab-pane {
        padding: 0;
    }
    .padGeneral,
    section,
    .section,
    .xvPromo,
    .parallax_inner {
        padding: 80px 0;
    }
    .xvDeals .xvDeal {
        margin-bottom: 30px;
    }
    .xvDeals .xvDeal .content {
        right: 10%;
    }
    .aboutBrand .aboutBox {
        margin-bottom: 30px;
    }
    .aboutBrand h5 {
        margin-bottom: 10px;
        margin-top: 20px;
    }
    .xvBrands li {
        float: none;
        padding: 10px 20px;
        width: auto;
    }
    .doc-footer h6 {
        margin-bottom: 20px;
    }
    .doc-footer .copyrights {
        text-align: center;
        margin-top: 20px;
    }
    .doc-footer {
        padding: 40px 0 30px;
    }
    .sectionHalf .visualdiv {
        position: relative !important;
        height: 400px !important;
    }
    .xvAboutus .contentWrap {
        max-width: 100%;
    }
    .sectionHalf .content {
        margin-left: 0 !important;
    }
    .xvAboutus>div,
    .sectionHalf>div {
        width: 100%;
        float: none;
    }
    .xvWidgets .featuredBox {
        margin-bottom: 50px;
    }
    .xvWidgets .introBox figure img {
        width: 100%;
    }
    .xvWidgets .introBox figcaption img {
        width: auto;
    }
    .xvWidgets h5 {
        margin-bottom: 20px;
    }
    .xvSubscription ul {
        width: 100%;
        max-width: 100%;
    }
    .xvSubscription li {
        width: 35%;
    }
    .xvSubscription button {
        width: 100%;
    }
    .xvSubscription li:last-child {
        width: 28%;
    }
    .xvShopcat .category {
        margin-bottom: 30px;
    }
    .xvAboutFeatures .xvAboutFeature {
        margin: 40px 0;
    }
    .aboutStyle .woo {
        margin-top: 35px;
    }
    .xvBlogWrap .xvBlogPost h6 {
        margin-top: 20px;
    }
    .xvBlogWrap.style1 .xvBlogPost {
        margin: 40px 0;
    }
    .xvBlogWrap.postMd .xvBlogPost,
    .xvBlogWrap.postSm .xvBlogPost {
        width: 100%;
    }
    .xvFeatures .xvfeature {
        margin: 40px 0;
    }
    .products.style1.new .product.featured,
    .products.style1.new .product {
        height: 350px;
    }
    .purchaseBox .tag {
        float: none;
        display: block;
        margin-bottom: 20px;
    }
    .purchaseBox a.btn {
        float: none;
    }
    .xvBanners .xvBanner {
        width: 50%;
    }
    .xvOffers .xvOffer {
        margin: 20px 0;
    }
    .aboutBrand.inContainer {
        padding-left: 20px;
        padding-right: 20px;
    }
    .sideNav.style1 {
        padding: 30px 0;
        padding-bottom: 0;
    }
    .productDetail .prodDetail ul {
        margin-bottom: 30px;
    }
    .productGallery {
        margin-bottom: 30px;
    }
    .prodDetailVisual .owl-carousel {
        display: block;
    }
    .prodDetailVisual .style1 {
        display: none;
    }
    .owl-carousel .owl-item img {
        margin: 0 auto;
        width: auto;
    }
    .completeLook .item {
        margin: 30px 0;
    }
    .xvBanners.style2 .xvBanner {
        margin: 20px 0;
        height: 320px;
    }
    .xvBanners.style2 .caption {
        left: -10px;
    }
    .shortcodeBanners section,
    .xvBanners.style2,
    .prodParalax.jewel .stylebg,
    .shortcodeElements section,
    .allheads,
    .dropcaps,
    .dropcaps,
    .xvLists,
    .xvHighlights,
    .alltext {
        padding: 40px 0;
    }
    .alltext .text-widget {
        margin-bottom: 0px;
    }
    .allheads .text-widget {
        margin-bottom: 30px;
    }
    .shortcodeBtns .allbtns a.btn:last-child {
        margin-bottom: 30px;
    }
    .xvArtists .xvArtist {
        margin: 20px 0;
    }
    .dropcaps .dropcap {
        margin: 30px 0;
    }
    .xvBlockquote.style1 {
        padding: 40px 23px 35px;
    }
    .shortcodeTypo .xvList {
        margin: 40px 0;
    }
    .xvSizeGuide .visual {
        position: relative;
        height: 500px;
        width: 100%;
    }
    .xvSizeGuide .content {
        margin-left: 0;
        padding-left: 0;
        width: 100%;
        margin-top: 25px;
    }
    .xvSizeGuide h6 {
        margin-bottom: 20px;
    }
    .xvSizeGuide .xvGuideItem {
        padding: 20px 0;
    }
    .xvFeatures .stylePad {
        margin-bottom: 0px;
    }
    .xvBestItem .content h2 {
        font-size: 20px;
    }
    .xvBestItem .content {
        padding: 15px;
    }
    .xvBlogWrap .masonry .xvBlogPost {
        margin-bottom: 20px;
    }
    .changeBlogstyle {
        display: none;
    }
    .xvBlogWrap.postLg .visual {
        height: 400px !important;
    }
    .xvSidebar {
        margin-top: 50px;
    }
    .instagramFeeds .ins_img {
        width: 25%;
    }
    .aboutPost .aboutAuthor {
        margin-bottom: 25px;
    }
    .xvCommentsSec {
        padding: 40px 0;
    }
    .aboutPost {
        padding-bottom: 40px
    }
    .xvPromoLine.control .info .head {
        display: none;
    }
    .xvPromoLine.control .content {
        height: 130px;
    }
    .xvCart .cartTotal {
        margin-top: 40px;
    }
    .xvDeliveryItem .visual,
    .xvDeliveryItem .content {
        float: none;
        width: 100%;
    }
    .xvDeliveryItem .visual {
        height: 400px;
        position: relative;
    }
    .xvDeliveryItem .content,
    .xvDeliveryItem.visualLeft .content {
        margin: 0;
        padding: 0;
    }
    .xvDeliveryItem {
        padding: 60px 0;
    }
    .xvSidebar.padGeneral {
        padding-top: 0;
    }
    .prodSlider .caption {
        width: 60%;
    }
    .prodSlider .slide .container {
        background: rgba(24, 24, 24, 0.4);
        color: #fff;
    }
    .prodSlider .slide p {
        color: #fff;
    }
    .prodParalax .textWrap {
        max-width: 80%;
    }
    .prodParalax h2 {
        font-size: 40px;
    }
    .xvNewsletter .socials {
        margin: 23px 0 9px;
        text-align: center;
    }
    .xvStoreInfo .xvAccordianWrap:last-child {
        margin-bottom: 40px;
    }
    .prodVideo {
        font-size: 24px;
    }
    .prodVideo span a {
        margin: 0 -4px;
    }
    .xvTestimonials .textWrap {
        max-width: 100%;
    }
    .splash .sideNav {
        display: none;
    }
    .mainSlider h1 {
        font-size: 70px;
        letter-spacing: 5px;
    }
    .mainSlider .tagLine {
        margin-right: 5px;
        font-size: 17px;
    }
    .topHeader .topSearch,
    .topHeader a.logo .logo-dark,
    .doc-header .topLinks li.cartDropdownTriger {
        display: none;
    }
    .topHeader a.logo .logo-light {
        display: block;
    }
    .topHeader .cartBtn,
    .topHeader .navTriger {
        display: block;
        color: #717171;
        font-size: 20px;
        text-decoration: none;
    }
    .doc-header.style1 .topHeader a.logo,
    .doc-header.style2 .topHeader a.logo {
        left: 50%;
        transform: translate(-50%, 0);
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
    }
    .doc-header.style1 nav {
        display: block;
    }
    .doc-header.style1 .mainNav {
        display: none;
    }
    .doc-header.style1 .quickLinks {
        display: none;
    }
    .topHeader {
        background: #181818;
    }
    .doc-header .topLinks {
        color: #717171;
    }
    .doc-header .topLeftLinks {
        display: block;
        padding: 0;
        margin: 0;
        position: absolute;
        left: 15px;
        top: 8px;
    }
    .doc-header.style2 .topLeftLinks {
        top: 0;
    }
    .doc-header.style1 .topLinks {
        position: absolute;
        right: 15px;
        top: 39px;
    }
    .doc-header .topLeftLinks li {
        display: inline-block;
        margin-right: 8px;
    }
    .doc-header.style1 .topLinks a {
        background: none;
    }
    .doc-header .topLeftLinks li a,
    .doc-header.style1 .topLinks a {
        display: block;
        font-size: 20px;
        padding: 10px;
        text-decoration: none;
    }
    .topHeader .navTriger {
        font-size: 22px;
    }
    .doc-header.style-pink .topHeader {
        background: #E368B0;
    }
    .doc-header.style-pink .topHeader .topLeftLinks li a,
    .doc-header.style-pink .topLinks a {
        color: #fff;
    }
    .xvProdfeatures .feature {
        width: 50%;
    }
    .xvProdfeatures .feature {
        border: 0;
    }
    .mainSlider.style3 .lamp {
        display: none;
    }
    .mainSlider.style3 .slide {
        height: auto;
        padding: 40px 0;
    }
    .mainSlider.style3 figure img {
        width: 100%;
    }
    .mainSlider.style3 figcaption {
        height: 60px;
        width: 60px;
        font-size: 12px;
        padding-top: 14px;
    }
    .mainSlider.style4 .slide {
        height: auto;
        padding: 150px 0 50px 0;
    }
    .mainSlider .slide,
    .mainSlider figure {
        height: 500px;
    }
    .mainSlider .owl-next {
        top: 50%;
        margin-top: -1px;
    }
    .mainSlider.style4 h1 {
        margin-top: 35px;
    }
    .mainSlider.style4 h1 {
        font-size: 40px;
        line-height: 40px;
    }
    .mainSlider.style4 .caption figure img {
        width: 100%;
    }
    .xvTabs {
        margin-bottom: 20px;
    }
    .xvPortfolio .folioInfo .infoInner {
        padding: 15px 35px;
    }
    .xvmanage h6 {
        margin-bottom: 20px;
    }
    .products.lookbook .owl-prev {
        left: 0;
        margin-left: 0;
    }
    .products.lookbook .owl-next {
        right: 0;
        margin-left: 0;
    }
    .sectionHalf.kids .visualdiv {
        display: none !important;
    }
    .sectionHalf.kids .content {
        min-height: 0;
    }
    .sectionHalf.kids .content .wrap {
        left: auto;
        position: relative;
        top: auto;
        transform: none;
    }
    .sectionHalf.visualRight .content .wrap,
    .sectionHalf.visualLeft .content .wrap {
        padding: 0;
    }
    .doc-header.style3 .topLeftLinks a {
        color: #a88818;
    }
    .doc-header.style3 .topLeftLinks li {
        margin-right: 3px;
    }
    .mainSlider.style5 .slide {
        height: auto !important;
        padding: 50px 30px
    }
    .mainSlider.style5 .caption {
        left: auto;
        right: auto;
        text-align: left;
        top: auto;
        transform: none;
        max-width: 100%;
    }
    .mainSlider.style5 .dots-long .slick-dots {
        bottom: 15px !important;
    }
    .doc-header.style3 .topLeftLinks {
        left: 0;
    }
    .shortcodeBtns .xvAlert:last-child {
        margin-bottom: 30px;
    }
    .xv-options li:first-child,
    .xv-options li:last-child {
        text-align: center;
    }
    header.style4 i {
        color: #fbadb6;
        font-size: 24px;
    }
    .mainSlider.style6 .slide {
        height: auto;
    }
    .mainSlider.style6 .caption {
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        padding: 100px 0;
    }
    .xvDenim .content span.price {
        font-size: 80px;
    }
    .xvDenimView {
        height: 1000px;
    }
    .xvAccountInfo .tab-panel {
        width: 100%;
    }
    .xvCartItems .xvTable .total {
        display: none;
    }
    .slider-wraper.large .slider-nav .slick-next {
        top: 55px;
    }
    .slider-wraper.large .slider-nav .slick-prev {
        top: 91px;
    }
    .slider-wraper.medium .slider-nav .slick-next {
        top: 56px;
    }
    .slider-wraper.medium .slider-nav .slick-prev {
        top: 92px;
    }
    .slider-wraper.small .slider-nav .slick-next {
        top: 54px;
    }
    .slider-wraper.small .slider-nav .slick-prev {
        top: 91px;
    }
    .products.ajaxify .product,
    .products.col-grid-5 .product,
    .products.col-grid-4 .product,
    .products.col-grid-3 .product {
        width: 50%;
    }
    .mainSlider .caption {
        position: absolute;
        top: auto;
        right: auto;
        left: 0;
        bottom: 10%;
        width: 100%;
        text-align: center;
    }
    .mainSlider h1 {
        font-size: 34px;
    }
    .mainSlider h1 br {
        display: none;
    }
    .archive .products.col-grid-2 .product,
    .archive .products.col-grid-3 .product,
    .archive .products.col-grid-4 .product,
    .archive .products.col-grid-5 .product {
        width: 50%;
    }
    .archive .products.col-grid-2 .product .productImages,
    .archive .products.col-grid-3 .product .productImages,
    .archive .products.col-grid-4 .product .productImages,
    .archive .products.col-grid-5 .product .productImages,
    .sidebar-enable.archive .products.col-grid-2 .product .productImages,
    .sidebar-enable.archive .products.col-grid-3 .product .productImages,
    .sidebar-enable.archive .products.col-grid-4 .product .productImages,
    .sidebar-enable.archive .products.col-grid-5 .product .productImages {
        height: 360px !important;
    }
    .archive .products.col-grid-2 .product .links,
    .archive .products.col-grid-3 .product .links,
    .archive .products.col-grid-4 .product .links,
    .archive .products.col-grid-5 .product .links {
        top: 280px;
    }
    .sidebar-enable.archive .products.col-grid-2 .product .links,
    .sidebar-enable.archive .products.col-grid-3 .product .links,
    .sidebar-enable.archive .products.col-grid-4 .product .links,
    .sidebar-enable.archive .products.col-grid-5 .product .links,
    .sidebar-enable.archive .products.style3.col-grid-4 .product .links {
        top: 280px;
    }
    .topHeader,
    .doc-header.style4 .topHeader {
        min-height: 0;
        padding: 15px 0;
    }
    .doc-header.style2 .topLeftLinks {
        top: 8px;
    }
    .topHeader a.logo {
        display: table;
        margin: auto !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        position: relative;
        -webkit-transform: translate(0) !important;
        -moz-transform: translate(0) !important;
        -ms-transform: translate(0) !important;
        -o-transform: translate(0) !important;
        transform: translate(0) !important;
    }
    .doc-header .topLinks>.languageDropdownTriger .languageDropdown,
    .doc-header .topLinks>.cartDropdownTriger .cartDropdown,
    .doc-header .topLinks>.accountDropdownTriger .accountDropdown,
    .doc-header .topLinks>.accountDropdownTriger .accountDropdown.style {
        top: 100%;
        margin-top: 12px;
    }
    .doc-header .mainNav {
        display: none;
    }
    .doc-header.style1 .topLinks {
        top: 21px;
    }
    .doc-header.style1 .topLinks a {
        color: #717171;
    }
    .megaFix nav {
        position: static;
    }
    .doc-header .mainNav .mega-xv {
        padding: 0 !important;
    }
    .mainNav {
        position: absolute !important;
        top: 100%;
        width: 100%;
        left: 0;
        background: #ffffff;
        text-align: left;
    }
    .mainNav>li>a {
        color: #181818;
        padding: 20px 45px 20px 30px !important;
        position: relative;
    }
    .mainNav>li {
        display: block;
        margin: 0;
        border-bottom: 1px solid #f1f1f1;
    }
    .mainNav>li.parent>a:after {
        content: "\ebb1";
        font-family: 'linea';
        position: absolute;
        right: 25px;
        color: #979797;
        top: 50%;
        line-height: 0;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        font-size: 22px;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased !important;
        -moz-osx-font-smoothing: grayscale !important;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004);
    }
    .mainNav>li.parent.expanded>a:after {
        content: "\ebb9";
    }
    .mainNav>li>ul,
    .mega-xv {
        position: relative;
        left: auto;
        top: auto;
        background: none;
        padding: 0;
        visibility: visible;
        filter: alpha(opacity=100);
        opacity: 1;
        display: none;
        border: none
    }
    .mega-xv .container {
        padding: 0 15px;
    }
    .mainNav>li>ul>li>a,
    .mega-xv ul>li>a {
        color: #717171;
    }
    .mega-xv a.thumb-unit,
    .thumb-unit {
        padding: 15px 0;
        float: none;
        width: 100%;
    }
}


/*===========*/

@media (max-width: 700px) {
    .xvDenimView {
        height: 900px;
    }
    .slider-wraper.large .slider-nav .slick-next,
    .slider-wraper.medium .slider-nav .slick-next,
    .slider-wraper.small .slider-nav .slick-next {
        top: 48px;
    }
    .slider-wraper.large .slider-nav .slick-prev,
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 84px;
    }
    .products.ajaxify.style1 .product {
        width: 50%;
    }
}


/*============*/

@media (max-width: 630px) {
    .prodSlider .caption {
        width: 100%;
        left: 0;
        padding: 0 20px;
    }
    .xvStats ul li {
        width: 50%;
        margin: 20px 0;
    }
    .xvSubscription li {
        width: 100%;
        margin: 10px 0;
    }
    .xvSubscription li:last-child {
        width: 100%;
    }
    .xvAboutus.upcomming .xvSubscription {
        padding-bottom: 0 !important;
    }
    .xvSubscription {
        padding-bottom: 80px !important;
    }
    .products.style2 .owl-nav,
    .products.style1 .owl-nav,
    .xvBlogWrap.news .owl-nav,
    .products.styleControls .owl-nav {
        width: 100%;
        top: -45px;
    }
    .xvPromo h2 {
        font-size: 40px;
        margin-bottom: 10px;
        margin-top: 0;
    }
    .xvPromoLine .content {
        width: 100%;
        float: none;
    }
    .xvBanners.style1 .xvBanner {
        width: 100%;
        float: none;
        height: 250px;
    }
    .breadcrumb h5,
    .breadcrumb ul {
        float: none;
    }
    .basicDetails h2 {
        font-size: 26px;
    }
    .xvGallery .xvImage {
        width: 50%;
    }
    .xvBestItem .visualWrap,
    .xvBestItem .contentWrap {
        float: none;
        width: 100%;
    }
    .xvBestItem .visualWrap {
        height: 350px;
        position: relative;
    }
    .xvBestItem.visualLeft .contentWrap {
        margin-left: 0;
    }
    .xvBestItem .content {
        padding: 25px;
    }
    .xvBestItem {
        margin-bottom: 30px
    }
    .xvBestItem .contentWrap {
        text-align: center;
    }
    .cart-btns .pull-right {
        float: none !important;
        margin-top: 5px;
    }
    .imageHotspot>div {
        display: table;
        position: relative;
        margin: 0 auto;
    }
    .imageHotspot .image2 {
        margin-left: auto;
        margin-top: 30px;
    }
    .xvExtraProd .box .info {
        padding-right: 184px;
    }
    .mainSlider.style2 .caption {
        position: relative;
        left: auto;
    }
    .mainSlider.style2 .slide {
        height: 500px;
    }
    .xvPortfolio .portfolioItem {
        width: 100% !important;
    }
    .xvPortfolio .portfolioItem.folio-last .folioInfo {
        left: 0;
        margin-left: 0;
    }
    .xvPortfolio .folioInfo {
        left: 0;
        margin: 0;
    }
    .xvPortfolio .folioInfo:before {
        display: none;
    }
    .xvPortfolio .portfolioWrap {
        margin: 0;
    }
    .xvPortfolio .portfolioItem {
        padding: 0;
    }
    .xvAboutProduct .visual {
        float: none;
        height: 300px;
        left: auto;
        position: relative;
        top: auto;
        width: 100%;
        background-size: cover;
    }
    .xvAboutProduct .content {
        width: 100%;
        margin: 0;
    }
    .xvAboutProduct .content {
        padding: 45px;
    }
    .xvDenim .content span.price {
        font-size: 70px;
    }
    .btn-fancy {
        font-size: 15px;
    }
    .xvDenim .content.left {
        padding-left: 65px;
        padding-right: 65px;
        padding-top: 210px;
    }
    .xvDenim .content.right {
        padding-left: 65px;
        padding-right: 65px;
        padding-top: 210px;
    }
    .xvDenimView {
        height: 800px;
    }
    .hotspotWrap .xvpoint1 {
        left: 0;
        top: 50%;
    }
    .xvCartItems .xvTable .name {
        display: none;
    }
    .slider-wraper.large .slider-nav .slick-next {
        top: 35px;
    }
    .slider-wraper.large .slider-nav .slick-prev {
        top: 71px;
    }
    .slider-wraper.medium .slider-nav .slick-next,
    .slider-wraper.small .slider-nav .slick-next {
        top: 37px;
    }
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 73px;
    }
}


/*===========*/

@media (max-width: 600px) {
    .archive .products.col-grid-2 .product,
    .archive .products.col-grid-3 .product,
    .archive .products.col-grid-4 .product,
    .archive .products.col-grid-5 .product {
        width: 100%;
        float: none;
    }
    .padGeneral,
    section,
    .section,
    .xvStats,
    .parallax_inner {
        padding: 80px 0 40px;
    }
    .xvDenimView {
        height: 750px;
    }
    .slider-wraper.large .slider-nav .slick-next,
    .slider-wraper.medium .slider-nav .slick-next,
    .slider-wraper.small .slider-nav .slick-next {
        top: 30px;
    }
    .slider-wraper.large .slider-nav .slick-prev,
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 66px;
    }
    .products.col-grid-2 .product,
    .products.col-grid-4 .product {
        width: 100%;
    }
}


/*===========*/

@media (max-width: 530px) {
    .topHeader a.logo {
        max-width: 100px;
    }
    .doc-header .topLinks {
        right: 0;
    }
    .doc-header .topLeftLinks {
        left: 0;
    }
    .products.product-grid-2 .product {
        float: none;
        width: 100%;
        padding: 15px;
    }
    .slider-wraper.large .slider-nav .slick-next {
        top: 26px;
    }
    .slider-wraper.large .slider-nav .slick-prev {
        top: 62px;
    }
    .slider-wraper.medium .slider-nav .slick-next,
    .slider-wraper.small .slider-nav .slick-next {
        top: 21px;
    }
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 56px;
    }
}


/* Landscape phones and down */

@media (max-width: 500px) {
    .xvShopcat a.btn {
        width: 50% !important;
    }
    a.btn.addToCart {
        width: auto;
    }
    a.btn {
        margin: 5px;
    }
    .xvProdfeatures .feature {
        width: 100%;
    }
    .xvSubscription {
        padding-bottom: 40px !important;
    }
    .xvTestimonial span.quote {
        font-size: 16px;
    }
    .lookBook .item {
        width: 50%;
    }
    .xvPromo h2 {
        font-size: 30px;
        margin-bottom: 5px;
        margin-top: 0;
    }
    .xvBanners .xvBanner {
        width: 100%;
        height: 250px;
    }
    .xvOffers .xvOffer i {
        left: 35px;
    }
    .xvOffers .xvOffer .info {
        padding-left: 110px;
    }
    .productDetail .review figure {
        left: 0;
    }
    .productDetail .review .info {
        padding-left: 50px;
    }
    .xvBlockquote i {
        position: relative;
        left: auto;
        top: auto;
        margin: 0 auto;
        margin-bottom: 20px
    }
    .xvBlockquote {
        text-align: center;
        padding: 40px 23px 35px;
    }
    .xvBlockquote a.from {
        margin: 0 auto;
        margin-top: 20px;
    }
    .xvBlockquote .quote {
        padding-left: 0;
    }
    .xvTable tbody tr th {
        padding-left: 15px;
    }
    .table>thead>tr>th,
    .table>tbody>tr>th,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>tbody>tr>td,
    .table>tfoot>tr>td {
        padding: 15px 10px;
    }
    .xvBlogWrap.postLg .visual {
        height: 200px !important;
    }
    .xvComment.comReply {
        margin-left: 30px;
    }
    .productHotspot p {
        font-size: 22px;
        line-height: 40px
    }
    .prodParalax .textWrap {
        max-width: 100%;
    }
    .xvNewsletter label,
    .xvNewsletter .subscribe {
        float: none;
        width: 100%;
    }
    .xvNewsletter .socials li {
        margin: 0 20px;
    }
    .xvStoreInfo .brandAbout .info {
        padding-left: 115px;
    }
    .xvStoreInfo .brandAbout .visual {
        width: 105px;
    }
    .prodVideo span a {
        display: block;
    }
    .xvShopHead figure {
        width: 100%;
        text-align: center;
    }
    .controls-center .owl-prev,
    .controls-center .owl-next {
        top: -50px;
    }
    .xvBlogWrap .controls-center .owl-prev,
    .xvBlogWrap .controls-center .owl-next {
        top: -25px;
    }
    .xvExtraProd .box figure {
        position: relative;
        margin-bottom: 30px
    }
    .xvExtraProd {
        text-align: center;
    }
    .xvExtraProd .box .info {
        padding: 0;
    }
    .controls-right .owl-prev {
        right: auto;
        top: -43px;
    }
    .controls-right .owl-next {
        top: -43px;
    }
    .xvBlogWrap.style1 .controls-right .owl-next,
    .xvBlogWrap.style1 .controls-right .owl-prev {
        top: 0;
    }
    .xvBlogPost.style .owl-next,
    .xvBlogPost.style .owl-prev {
        top: 50% !important;
    }
    .products.lookbook .visual,
    .products.lookbook .productImages {
        height: 320px;
    }
    .products.lookbook .owl-next,
    .products.lookbook .owl-prev {
        top: 32%;
    }
    .sectionHalf.kids .content h2 {
        font-size: 50px;
        line-height: 40px;
    }
    .sectionHalf.kids .content span.tagline {
        font-size: 20px;
    }
    .social-elements li {
        margin-bottom: 20px;
    }
    .social-elements li p {
        padding-left: 50px
    }
    .social-elements li i {
        font-size: 34px
    }
    .doc-header.style1 .topLinks {
        top: 24px;
    }
    header.style2 i {
        font-size: 20px;
    }
    .doc-header.style2 .topLeftLinks {
        top: -3px;
    }
    .xv-options li {
        width: 100%;
        border: 0;
        text-align: left;
        border-bottom: 1px solid #f0f0f0;
    }
    .xv-options li:first-child,
    .xv-options li:last-child {
        text-align: left;
    }
    .mainSlider.style6 h1 {
        font-size: 40px;
    }
    .xvDenim .content span.price {
        font-size: 60px;
    }
    .hotspotWrap .products {
        width: 225px;
        right: -225px;
    }
    .xvDenimView {
        height: 650px;
    }
    .xvAccountInfo .tab-pane .accorContent,
    .xvAccountInfo .tab-pane {
        padding: 30px 10px;
    }
    .xvCartItems .xvTable .price {
        display: none;
    }
    .xvCartItems .xvTable figure figcaption {
        display: block;
    }
    .slider-wraper.large .slider-nav .slick-next,
    .slider-wraper.medium .slider-nav .slick-next,
    .slider-wraper.small .slider-nav .slick-next {
        top: 19px;
    }
    .slider-wraper.large .slider-nav .slick-prev,
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 54px;
    }
    .products.ajaxify .product,
    .products.ajaxify.style1 .product,
    .products.col-grid-5 .product,
    .products.col-grid-3 .product {
        width: 100%;
    }
}


/*===========*/

@media (max-width: 450px) {
    .slider-wraper.large .slider-nav .slick-next,
    .slider-wraper.medium .slider-nav .slick-next,
    .slider-wraper.small .slider-nav .slick-next {
        top: 13px;
    }
    .slider-wraper.large .slider-nav .slick-prev,
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 49px;
    }
}


/*===========*/

@media (max-width: 425px) {
    .staticSplash .largeText {
        font-size: 18px;
    }
    .slider-wraper.large .slider-nav .slick-next,
    .slider-wraper.medium .slider-nav .slick-next,
    .slider-wraper.small .slider-nav .slick-next {
        top: 11px;
    }
    .slider-wraper.large .slider-nav .slick-prev,
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 46px;
    }
}


/*===========*/

@media (max-width: 400px) {
    .xvOffers .xvOffer i {
        margin: 0 auto;
        text-align: center;
        position: relative;
        left: auto;
        top: auto;
    }
    .xvOffers .xvOffer .info {
        padding-left: 0;
    }
    .xvOffers .xvOffer .xvOfferInner {
        padding: 20px;
        text-align: center;
    }
    .productDetail .review figure {
        position: relative;
        margin-bottom: 20px;
    }
    .productDetail .review .info {
        padding-left: 0;
    }
    .productDetail .prodReviews .review {
        padding: 0;
    }
    .xvGallery .xvImage {
        width: 100%;
    }
    .myAccount .visual {
        position: relative;
        margin: 0 auto;
    }
    .myAccount .aboutMe .info {
        padding-left: 0;
    }
    .xvAccountInfo .share span {
        float: none;
    }
    .xvAccountInfo .share .socials {
        float: none;
        margin-top: 20px
    }
    .xvBestItem .content a.btn {
        float: left;
        width: 50%;
        padding: 15px;
    }
    .xvBlogWrap .xvBlogPost.style1.quote .comment {
        position: relative;
        left: 0;
        margin: 0;
        margin-bottom: 10px;
    }
    .xvBlogWrap .xvBlogPost.quote .quoteInner {
        padding: 30px;
    }
    .xvBlogWrap .xvBlogPost.style1.quote .xvPostInfo {
        padding-left: 0;
    }
    .xvBlogWrap .xvBlogPost.style1.quote a.author {
        margin: 0;
    }
    .xvBlogWrap.postLg .xvBlogPost h6 {
        font-size: 16px;
    }
    .instagramFeeds .ins_img {
        width: 50%;
    }
    .xvComment figure {
        height: 60px;
        width: 60px;
    }
    .xvComment .commentInfo {
        padding-left: 75px;
    }
    .xvDeliveryItem .visual {
        height: 300px;
    }
    .imageHotspot>div {
        display: block;
    }
    .mainSlider.style4 .caption a.btn {
        float: left;
        width: 50%;
        padding: 15px 5px;
    }
    .xvPortfolio .folioInfo .infoInner {
        padding: 15px;
    }
    .xvDenimView h2 {
        font-size: 80px;
        line-height: 55px;
    }
    .mainSlider.style6 a.btn {
        float: left;
        width: 50%;
        padding: 15px 5px;
    }
    .xvAboutProduct .content {
        padding: 40px 20px;
    }
    .xvDenim .content span.price {
        font-size: 50px;
    }
    .btn-fancy {
        font-size: 13px;
    }
    .xvDenimView {
        height: 500px;
    }
    .slider-wraper.large .slider-nav .slick-next,
    .slider-wraper.medium .slider-nav .slick-next,
    .slider-wraper.small .slider-nav .slick-next {
        top: 7px;
    }
    .slider-wraper.large .slider-nav .slick-prev,
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 43px;
    }
}


/*===========*/

@media (max-width: 380px) {
    .slider-wraper.large .slider-nav .slick-prev,
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 39px;
    }
}


/*===========*/

@media (max-width: 370px) {
    .slider-wraper.large .slider-nav .slick-next,
    .slider-wraper.medium .slider-nav .slick-next,
    .slider-wraper.small .slider-nav .slick-next {
        top: 6px;
    }
    .slider-wraper.large .slider-nav .slick-prev,
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 35px;
    }
}


/*===========*/

@media (max-width: 340px) {
    a.btn.addToCart {
        padding: 15px;
    }
    .slider-wraper.large .slider-nav .slick-next,
    .slider-wraper.medium .slider-nav .slick-next,
    .slider-wraper.small .slider-nav .slick-next {
        top: 3px;
    }
    .slider-wraper.large .slider-nav .slick-prev,
    .slider-wraper.medium .slider-nav .slick-prev,
    .slider-wraper.small .slider-nav .slick-prev {
        top: 32px;
    }
}


/*===========*/

@media (max-width: 325px) {
    .lookBook .item,
    .lookBook .item.featured,
    .lookBook .item.featured,
    .lookBook .item:nth-child(1) {
        width: 100%;
        height: 300px;
    }
    .xvBlogWrap .xvBlogPost {
        padding: 15px;
    }
    .products.style1.new .product.featured,
    .products.style1.new .product {
        height: 200px;
    }
    .sectionHalf.visualLeft .content,
    .sectionHalf.visualRight .content {
        padding: 40px 20px;
    }
    .sectionHalf.kids .content h2 {
        font-size: 46px;
        line-height: 35px;
    }
}