

<style media="screen">
html {
    font-size: 7px;
}
html, body {
    height: 100%;
    margin: 0;
    font-size: 7px;
}
.bodyWrap {
    min-height: 100%;
}
.wrap {
    padding-bottom: 20em;
}
footer {
    height: 18em;
    margin-top: -16em;
}

.btn-disable{
    pointer-events: none !important;
    cursor: default !important;
    background: #767676}
/*Elimina el botón "clear-input en IE"*/
input::-ms-clear{
    display: none;
}
/*Elimina la flecha del Select en IE10*/
select::-ms-expand {
    display: none;
}

/*
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
44-Modal

*/







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

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

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

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

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

/*@font-face {
font-family: 'Oswald';
src:url("/themes/Ravish/assets/fonts/fuentes/Oswald-Regular.eot");
src:url('/themes/Ravish/assets/fonts/fuentes/Oswald-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Oswald';
src:url("/themes/Ravish/assets/fonts/fuentes/Oswald-Bold.eot");
src:url('/themes/Ravish/assets/fonts/fuentes/Oswald-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}*/

@font-face{
    font-family: 'Bebas';
    src: url('/themes/Ravish/assets/fonts/BebasNeueRegular.otf');
    font-weight:400;
    font-style:normal;
}

@font-face{
    font-family: 'Bebas';
    src: url('/themes/Ravish/assets/fonts/BebasNeueBold.otf');
    font-weight:800;
    font-style:bold;
}

@font-face{
    font-family: 'OpenSans';
    src: url('/themes/Ravish/assets/fonts/OpenSans-Regular.ttf');
    font-weight:400;
    font-style:normal;
}

@font-face{
    font-family: 'OpenSans';
    src: url('/themes/Ravish/assets/fonts/OpenSans-Bold.ttf');
    font-weight:800;
    font-style:bold;
}

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

.fa:hover{
    color:#222222;
}

body {
    background-color: #ffffff ;
    color: #222222 ;
    font-family: montserrat, sans-serif !important;
    font-size: 1.6rem;
    font-weight: 400;
    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;
}

polygon#title_lg, polygon#title_sm{
    fill: #222222;
}
#text_title{
    fill: #767676;
}

.strikethrough{
    font-size: 1.6rem;
    color: #828387;
    text-transform: uppercase;
}

.pre-loading{
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#222222;
    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
======================*/
.contact-label{
    float:left;
    text-transform: none;
    color:#333;
    margin-bottom:15px;
}

.jumbotron p {
    font-size: 1.6rem;
}

a {
    font-weight: 400;
}

p {
    font-family: montserrat, sans-serif;
    color: #222222 ;
    font-weight: normal;
    line-height: 15px;
    letter-spacing: 0px;
    font-size: 1.6rem;
}

.bgWhite {
    background: #fff;
}
.bgDarkbrown{
    background: #683f2e;
    color: #fff;
}
.bgGrey {
    background: #222222;
}
.bgGreyDark {
    background: #f1f1f1;
}

.bgBlack {
    background: #181818;
    color: #fff;
}
.bgPink {
    background: #e368b0;
    color: #fff;
}
.bgPurple {
    background: #222222;
    color: #fff;
}
.bgCustomMenu {
    background: #ffffff;
    color: #222222;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    margin: 15px 0;
    text-transform: uppercase;
    font-family: montserrat, sans-serif;
}

h2#categoriesTitle {
    font-size: 2.4rem;
}
h2#descriptionTitle{
    font-size: 2.4rem;
}


SeoOnPAge
h1 {
    font-size: 3.8rem;
}

h2 {
    font-size: 2.4rem;
}

h3 {
    font-size: 1.6rem;
}

h4 {
    font-size: 1.6rem;
}

h5 {
    font-size: 1.6rem;
}

h6 {
    font-size: 1.6rem;
}

a {
    outline: none !important;
    color: #222222;
}

a:hover {
    color: #c5003e;
}
a:focus {
    color: #c5003e;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #ffffff;
    border-color: #ffffff;
    color: #ffffff;
    font-size: 1.6rem;
    padding: 14px 18px;
}

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: #222222;
    color: inherit;
    z-index: 20;
    margin-bottom: 10px;
    font-size: 1.6rem;
    color: #222222 ;
    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: 1.6rem;
    color: #222222;
    z-index: 21;
}
.custome-select select {
    opacity: 1;
    z-index: 20;
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    padding:0px 15px;
    color: #222222;
    border-radius: 0px;
}

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: montserrat, sans-serif;
    border: none;
    font-size: 1.6rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding: 15px 30px;
    margin-bottom: 10px;
    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{
    text-shadow:none;
    background: #c5003e;
    color: #ffffff;
}
.btn-default:hover{
    color: #c5003e;
    background: #ffffff;
}
.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: #000000;
    background: #c4c4c4;
}
.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: 1.6rem;
    font-weight:400;
}
.btn-orange {
    color: #fff;
    background: #ff9600;
}
.btn-purple {
    background: #222222;
    color: #222222;
}
.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: #222222;
    color: #222222;
}

.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: 1.6rem;
font-weight: 300;
}*/
.btn-lg.style2 {
    padding: 10px 35px;
}
.btn-lg .fa {
    margin-right: 10px;
}

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

.padGeneral,section,.section {
    padding: 25px 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;
}

input[type="text"],input[type="url"],input[type="tel"],textarea,input[type="email"],input[type="password"],input[type="date"],input[type="number"],select{
    height: 44px;
    background-color: #F2F2F2;
    color: #222222 ;
    font-size: 1.6rem;
    /*text-transform: uppercase;*/ text-transform: none;
    border: 0;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 10px;
    outline: none
}
input[type="text"]:focus,input[type="url"],input[type="tel"]:focus ,textarea,input[type="email"]:focus,input[type="password"]:focus,input[type="date"],input[type="number"]:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

.textarea{
    height: 44px;
    background-color: #F2F2F2;
    color: #222222 ;
    font-size: 1.6rem;
    /*text-transform: uppercase;*/ text-transform: none;
    border: 0;
    padding-left: 20px;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
}

.textarea:focus{
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}

input.grey {
    background: #f1f1f1;
    color: #222222 ;
}
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: 1.875rem
}
.owl-dots {
    text-align: center;
}

.slick-dots{
    margin: 0;
    padding: 0;
    text-align: center;
}
.slick-dots li{
    display: inline-block;
}

div.sideNav.style1{
    position: ;
}

.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 #222222;
}
.products.orange .slick-dots li.slick-active button {
    border: 1px solid #FF9600;
}

label{
    font-weight: 400;
    text-transform: uppercase;
    font-size: 1.6rem;
}
.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: 1.6rem;
}
.star-rating:before{
    font-family:'FontAwesome';
    color: #222222;
    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: 1.6rem;
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: #222222;
}

.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: #222222;
}

.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: #222222;
}

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

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


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

.socials {
    padding: 0;
    margin: 0;
    margin: 15px 0;
}
.socials.light li{
    color: #222222;
}
.socials.dark li{
    color: #222222;
}
.socials.dark li:hover{
    color: #222222;
}
.socials li{
    display: inline-block;
    color: #222222;
    margin-right: 10px;
}
.socials li:hover{
    color: #767676;
}
.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
================*/
#checkout_cart2{
    display:none;
}

.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: #222222 ;
    font-size: 1.6rem;
    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: 1.6rem;
}
.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: 1.6rem;
    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: 9900;
}
.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: 1.6rem;
    text-decoration: none;
    position: relative;

}

.xv-basic_lock{
    color: #222222}

.doc-header .topLinks.style2 a {
    color: #222222;
    padding: 10px;
    display: block;
    font-size: 1.6rem;
    text-decoration: none;
    position: relative;
    margin-top:20px;

}


.doc-header .topLinks a.resetPass{
    padding: 0;
    font-size: 1.6rem;
    color: #222222 ;
    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.style2 .topLinks > .accountDropdownTriger .accountDropdown.style .tabss > li.active a,
.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:#222222 !important;
}

.doc-header .topLinks > .accountDropdownTriger .accountDropdown,
.doc-header .topLinks > .accountDropdownTriger .languageDropdown{
    position: absolute;
    right: 0;
    top: 84px;
    padding-left: 0;
    width: 240px;
    border-top: 4px solid #222222;
    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: 1.6rem;
    background: #fff;
    color: #000;
    padding: 10px 10px 10px 21px;
    text-transform: uppercase;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown > li a:hover{
    background: #767676;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown > li a:hover i{
    color: #222222;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown > li a i{
    font-size: 1.6rem;
    padding-right: 8px;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style{
    width: 315px;
    display: none;
    top: 88px;
    border-top: none;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabss,
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs{
    float: none;
    width: 100%;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabss > li,
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs > li{
    float: left;
    margin: 0;
    font-size: 1.6rem;
    width: 50%;
    background: #222222;
    border: none;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabss > li.active a,
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs > li.active a{
    background: #F2F2F2;
    border-top: none;
}
.doc-header.style2 .topLinks > .accountDropdownTriger .accountDropdown.style .tabss > li.active a,
.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 .tabss > li a,
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs > li a{
    display: block;
    font-size: 1.6rem;
    padding: 20px 10px;
    background: #ffffff;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel{
    width: 100%;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane{
    background: #F2F2F2;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form input{
    background: #222222;
    color: #222222 ;
    font-size: 1.6rem;
    /*text-transform: capitalize;*/ text-transform: none;
}

.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form .btn-primary:hover{
    background: #222222;
    color: #222222 ;
    font-size: 1.6rem;
    /*text-transform: capitalize;*/ text-transform: none;
}

::-webkit-input-placeholder { color: rgba(74, 74, 74, 0.75); } /* WebKit */
:-moz-placeholder { color: rgba(74, 74, 74, 0.75); } /* Firefox 18- */
::-moz-placeholder { color: rgba(74, 74, 74, 0.75); } /* Firefox 19+ */
:-ms-input-placeholder { color: rgba(74, 74, 74, 0.75); } /* IE 10+ */

.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form a.btn{
    font-size: 1.6rem;
    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: 1.6rem;
    color: #222222 ;
    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 #222222;
    z-index: 9999999;
    display: none;
}
.bgPink.doc-header .topLinks > .cartDropdownTriger .cartDropdown,
.bgPink.doc-header .topLinks > .languageDropdownTriger .languageDropdown,
.bgPink.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabss > li.active a,
.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 .tabss > li.active a,
.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 .tabss > li.active a,
.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;
}

.login-box-button{
    color:#222222!important;
}
.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,
.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 100px;
    background: rgba(196,196,196,0.1);
    margin: 10px 0;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .itemDetails span{
    font-size: 1.6rem;
    display: block;
    margin: 10px 0;
    color: #000;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .itemDetails .price{
    color: #222222 ;
}
.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: #222222 ;
    background: transparent;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .itemDetails .removeitem i{
    color: #717171 ;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown h6,
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .h6{
    font-size: 1.6rem;
    display: inline-block;
    margin: 22px 0 18px;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown h6 span,
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .h6 span{
    color: #222222;
    padding-left: 132px;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .btn{
    font-size: 1.6rem;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .viewCart{
    display: block;
    text-align: center;
    margin-top: 16px;
    text-transform: uppercase;
    color: #222222 ;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .viewCart .goToCart{
    color: #181818;
    display: inline-block;
    font-size: 1.6rem;
    padding: 0;
    text-decoration:none;
}
.doc-header .topLinks .cartCount{
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #222222;
    display: block;
    color: #fff;
    font-size: 1.6rem;
    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 #222222;
    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 #222222 ;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown > li .languages >li{
    position: relative;
    color: #222222 ;
    display: block;
    padding: 3px 0;
    margin: 0;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown > li .languages >li img{
    position: absolute;
    left: 0;
    top: 5px;
}
.doc-header .topLinks > .languageDropdownTriger > .languageDropdown > li a{
    font-size: 1.6rem;
    color: #222222;
    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: 28px 0;
    z-index: 999;
}
.topHeader.short{
    min-height:100px;
    padding:0;
}
.doc-header.style2 .topHeader.short a.logo{
    top:20px;
}
.topHeader.short .main_nav > li > a{
    padding:40px 12px;
}
.doc-header.style4 .main_nav > 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;
}


.main_nav {
    font-family: montserrat, sans-serif;
    font-size: 1.6rem;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    text-align: center;
}


/*================
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,.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,.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 .main_nav{
    position: static;
}
.boxed-style .doc-header .main_nav{
    position: relative;
}
.boxed-style .doc-header .main_nav .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: 0;
    top: 120%;
    background: #F2F2F2;
    border-top: 4px solid #222222;
    color: #222222 ;
    text-align: left;
    font-size: 1.6rem;
    text-transform: none;
    transition:All 0.0s ease;
    -webkit-transition:All 0.0s ease;
    -moz-transition:All 0.0s ease;
    -o-transition:All 0.0s 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: montserrat, sans-serif;
    padding: 0;
    margin: 0;
}
.mega-xv .quick-invite{
    padding-top: 15px;
}
.mega-xv .quick-invite a{
    color:#222222;
    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: 1.6rem;
    text-transform: uppercase;
    width: 14.28%;
    padding: 0 10px;
    display: block;
    color: #222222 ;
}
.thumb-unit figcaption{
    margin-bottom: 15px;
}
.main_nav > li.megaparent {
    position: static;
}

.main_nav > li {
    display: inline-block;
    margin: 0 20px;
    position: relative;
}
.main_nav > li > a{
    text-decoration: none;
    padding: 16px 12px;
    display: block;
    position: relative;
    color: #222222;
}
.main_nav > li > a:hover{
    color: #c5003e;
}

.main_nav > li > ul{
    position: absolute;
    top: 120%;
    left: 0;
    min-width: 270px;
    background: #fff;
    border-top: 4px solid #222222;
    padding: 30px 0;
    font-family: montserrat, 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;
}
.main_nav > li.dropdown-style2 > ul{
    background: #181818;
}


.main_nav > li > ul > li,.mega-xv ul > li{
    display: block;
}
.main_nav > li > ul > li > a:before,.mega-xv ul > li > a:before{
    display: inline-block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 4px;
    border-color: transparent transparent transparent #222222 ;
    margin-right: 6px;
    top: -1px;
    position: relative;
}
.main_nav > li > ul > li > a:hover:before,.mega-xv ul > li > a:hover:before{
    border-left-color: #222222;
}
.main_nav > li.dropdown-style2 > ul > li > a:hover,.mega-xv.mega-black ul > li > a:hover{
    background: #000000;
    color: #fff;
}
.main_nav > li > ul > li > a:hover,.mega-xv  ul > li > a:hover{
    background: #f1f1f1;
    color: #181818;
}
.main_nav > li > ul > li > a,.mega-xv ul > li > a{
    display: block;
    padding: 12px 30px;
    color: #222222 ;
    font-size: 1.6rem;
    text-decoration: none;
}
.mega-xv ul > li > a{
    padding: 10px 15px;
}

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

.coffee-nav{
    background: #fff;
    position: relative;
}
.coffee-nav .slidenavTriger{
    font-size: 2rem;
    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 .main_nav > li{
    display: block;
    text-align: left;
    margin: 0;
    font-family: 'Arvo', serif;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0;
    text-transform: lowercase;
    color: #222222 ;
}
.coffee-nav .main_nav > li > a{
    font-weight: bold;
    padding: 15px 15px 15px 80px;
}
.coffee-nav .main_nav > li > a:hover,.coffee-nav .main_nav > li.active > a{
    background: #f7f5f4;
    color: #683f2e;
}
.coffee-nav .main_nav{
    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: 1.6rem;
    color: #222222 ;
    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: 1.6rem;
    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: 1.6rem;
    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: 1.6rem;
    letter-spacing: 1px;
    padding: 0;
}

.sideNav .splashNav input {
    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: #222222;
}
.splashNav .innerWrap .sideInnerNav > li:hover{
    color: #000;
}
.sideInnerNav{
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    color: #222222 ;
    display: none;
    margin: 5px 0 25px 0;
}
.sideInnerNav li{
    color: #222222 ;
    display: block;
    position: relative;
    font-family: montserrat, sans-serif;
    padding: 3px 0 3px 13px;
}
.sideInnerNav li:before{
    /* content: '\f0da '; */
    content: '';
    font-size: 1.6rem;
    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: 1.6rem;
    text-transform: uppercase;
    border: 1px solid #181818;
    display: table;
    padding: 12px 20px;
    margin-top: 250px;
    letter-spacing: 0;
}

.main-slide{
    padding:0px !important;
}

.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: #222222;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 23px;
}
.mainSlider .owl-next,.mainSlider .owl-prev {
    font-size: 3.8rem;
    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: 7.0rem;
    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: 1.6rem;
}

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

.small, small {
    font-size: 85%!important;
}

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

.slider-nav .slick-arrow{
    cursor: pointer;
    font-size: 1.6rem;
}
.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: 7.0rem;
}
.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: 7.0rem;
    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;
}

.banner-gradient-div{
    position:absolute;
    background-color: rgba(118 , 118 , 118 , 0.7);
    bottom:0;
    padding:2em;
    width:100%;
}
.banner-gradient-title{
    color:#ffffff;
    font-weight:bold;
}
.banner-gradient-text{
    color:#ffffff;
    display:none;
}


.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: montserrat, sans-serif;
    font-size: 1.6rem;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}
.xvBanners .xvBanner .tag {
    font-family: montserrat, sans-serif;
    font-size: 1.6rem;
    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: montserrat;
    font-size: 1.6rem;
    font-weight: 400;
}
.xvBanners.style1 .xvBanner .tag{
    font-size: 1.6rem;
    font-family: montserrat, sans-serif;
}

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

.xvDeals {
    color: #fff;
    text-transform: uppercase;
}
.xvDeals .xvDeal {
    height: 290px;
    width: 290px;
    position: relative;
    background-size: cover;
    background-position: center center;
}
.xvDeals .xvDeal a {
    font-size: 1.6rem;
}
.xvDeals .xvDeal a:hover{
    color:#222222;
}
.xvDeals .xvDeal h2 {
    margin-top: 0;
}
.xvDeals .xvDeal .content {
    width:100%;
    position: absolute;
    top: 50%;
    /* right: 38px; */
    right: -17em;
    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: 1.6rem;
    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: #222222;
    color: #fff;
}
.product .links li:hover a {
    background: #222222;
    color: #fff;
}
.product .links li {
    display: inline-block;
    float: left;
    height: 60px;
    width: 60px;
    line-height: 64px;
    text-align: center;
    background: #fff;
    font-size: 2.4rem;
    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 {
    background: #FFF;
    color: #222222;
    display: block;
    text-decoration: none;
}

.justify {
    text-align: justify;
}

#contenttext{
    padding: 2em 0;
}

.product .productInfo {
    padding-top: 0px;
    z-index:20;
}
.col-grid-5 li.product.text-center .productInfo {
    color: #222222;
    font-weight: 900;
}
#product_related {
    color: #222222;
    font-weight: 900;
    padding-left: 5px;
    padding-right: 5px;
}
.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: 1.6rem;
    text-transform: uppercase;
}
.products.style1 .product .productInfo h6,.products.style1 .product .productInfo h3, .products.style1 .product .productInfo .h6{
    font-size: 1.6rem;
}
.product .productInfo a {
    text-decoration: none;
}
.product .productInfo .price {
    font-size: 1.6rem;
    color: #222222 ;
    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: 3.8rem;
    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 .h6,
.products.style1 .product .productInfo .price {
    font-size: 1.6rem;
    color: #181818;
}

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


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

.products.style1.new .product .links li:hover{
    background: #222222;
    color: #767676;
}
/*
.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,
.products.style2 .product .productInfo .h6 {
    font-size: 1.6rem;
}
.products.style2 .product .productInfo .price {
    font-size: 1.6rem;
}
.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: 3.8rem;
}
.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: 263px;
        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: 555px;
        /*chorreo*/
    }
    .products.style1.new .product .productInfo h6,
    .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: 1.6rem;
        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: 1.6rem;
    }
    .xvTestimonials .owl-prev {
        position: absolute;
        left: 10%;
        top: 50%;
        margin-top: -15px;
        font-size: 3.8rem;
    }
    .xvTestimonials .owl-next {
        position: absolute;
        right: 10%;
        top: 50%;
        margin-top: -15px;
        font-size: 3.8rem;
    }

    /*=================
    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,.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;
    }

    .ui-button, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, html .ui-button.ui-state-disabled:active, html .ui-button.ui-state-disabled:hover {
        border: 1px solid #c5c5c5;
        background: #222222;
        font-weight: 400;
        color: #454545;
        border-radius: 21px;
    }

    /*================
    13-Footer
    ================*/
    .bgCustomFooter {
        background: #c5003e;
        color: #222222;
    }

    .doc-footer {
        text-transform: uppercase;
        font-size: 1.6rem;
        letter-spacing: 1px;
        padding: 80px 0 50px 0;
    }
    .doc-footer h1, .doc-footer h2, .doc-footer h3, .doc-footer h4, .doc-footer h5, .doc-footer h6, .doc-footer .h6, .doc-footer .h {
        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: #222222;
        text-decoration: none;
    }
    .doc-footer .links li a:hover{
        color: #c5003e;
    }
    .doc-footer .copyrights {
        color: #222222;
        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: #222222;
    }
    .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,.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,.xvWidgets .h6 {
        font-size: 1.6rem;
        margin-bottom: 30px;
    }
    .xvWidgets .featuredBox .item {
        background: #222222;
        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, .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, .xvWidgets .featuredBox .h6 {
        margin: 0;
        margin-bottom: 8px;
        font-size:12px;
    }
    .xvWidgets .featuredBox .price {
        font-size: 1.6rem;
        color: #222222 ;
        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: #222222;
        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: 3.8rem;
        display: block;
        margin-bottom: 15px;
    }
    .xvStats .info {
        font-size: 1.6rem;
    }

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

    .xvSubscription {
        padding-bottom: 0px;
    }
    .xvSubscription h1,.xvSubscription h2,.xvSubscription h3,.xvSubscription h4,.xvSubscription h5,.xvSubscription h6,.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: #222222 ;
        font-size: 1.6rem;
        position: absolute;
        right: 22px;
        top: 15px;
    }

    /*=======*/

    .catsons{
        display: none;
    }

    .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: #222222;
        font-size: 3.8rem;
        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 #222222;
        border-radius:inherit;
    }
    .xvAboutFeature:hover i:after{
        margin-top:-48px;
        margin-left:-48px;
        width:96px;
        height:96px;
        border-color:#222222;
    }
    .xvAboutFeatures h1,.xvAboutFeatures h2,.xvAboutFeatures h3,.xvAboutFeatures h4,.xvAboutFeatures h5,.xvAboutFeatures h6,.xvAboutFeatures .h6 {
        margin: 30px 0 30px 0;
    }
    .xvAboutFeatures .xvAboutFeature:hover i {
        background: #222222;
        color: #fff;
    }

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

    .xvAccordianWrap {
        background: rgba(196,196,196,0.1);
        margin-bottom: 8px;
    }
    .xvAccordianWrap .xvaccorTriger {
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        position: relative;
        padding: 15px 25px;
        font-size: 1.6rem;
        padding-right: 50px;
    }
    .xvAccordianWrap .accorPane {
        padding: 2px 25px 10px 25px;
        display: none;
    }

    /*=========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: 1.6rem;
        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: "";
    }
    .mobile-menu .xvAccordianWrap.active .xvaccorTriger:after {
        content: "";
    }

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

    .aboutStyle h1,.aboutStyle h2,.aboutStyle h3,.aboutStyle h4,.aboutStyle h5,.aboutStyle h,.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: 1.6rem;
        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: 1.6rem;
        color: #222222 ;
        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,.xvBlogWrap .xvBlogPost .h6 {
        margin-bottom: 8px;
        margin-top: 25px;
    }
    .xvBlogWrap .xvBlogPost h6, .xvBlogWrap .xvBlogPost .h6{
        font-size:14px;
    }
    .xvBlogWrap .masonry .xvBlogPost h6, .xvBlogWrap .masonry .xvBlogPost .h6{
        font-size:16px;
    }
    .xvBlogWrap .masonry .xvBlogPost .date{
        color:#222222 ;
        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: 1.6rem;
        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: 1.6rem;
        font-family: montserrat, sans-serif;
        border: 0;
        padding: 0;
    }
    .xvBlogWrap .xvBlogPost.quote .comment,.readPost i{
        height: 50px;
        width: 50px;
        line-height: 50px;
        color: #fff;
        background: #222222;
        font-size: 1.6rem;
        display: block;
        border-radius: 50%;
        margin: 0 auto;
        text-align: center;
    }
    .xvBlogWrap .xvBlogPost.quote a.author{
        color: #222222;
        font-size: 1.6rem;
        text-transform: uppercase;
        margin-top: 25px;
        display: table;
        margin: 33px auto 18px;
    }
    .xvBlogWrap .xvBlogPost .date{
        color: #181818;
        display: inline-block;
        font-size: 1.6rem;
        text-transform: uppercase;
    }
    .xvBlogWrap.style1 .xvBlogPost .date {
        font-size: 1.6rem;
        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,.xvBlogWrap.postLg .xvBlogPost .h6{
        font-size: 1.6rem;
        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,.xvBlogWrap.postMd .xvBlogPost .h6,.xvBlogWrap.postSm .xvBlogPost .h6{
        font-size: 1.6rem;
        margin-top: 28px
    }
    .xvBlogWrap.postMd .xvBlogPost p,.xvBlogWrap.postSm .xvBlogPost p{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: unset;
        height: auto;
    }
    .xvBlogWrap.postMd .xvBlogPost{
        float: left;
        padding: 0 15px;
        width: 50%;
        min-height: 550px;
    }
    .xvBlogWrap.postSm .visual{
        height: 225px !important;
    }

    .container .jumbotron {
        height:420px;
    }
    .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,.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: montserrat, sans-serif;
        font-size: 1.6rem;
        font-weight: 600;
        margin: 40px 0;
    }
    .readPost i{
        position: absolute;
        left: 0px;
        top: 50%;
        margin-top: -25px;
    }
    .aboutPost h5{
        font-size: 1.6rem;
        margin-bottom: 25px;
    }
    .aboutPost .aboutAuthor a.readmore{
        font-size: 1.6rem;
        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: 1.6rem;
        margin-right: 13px;
    }
    .aboutPost .postShare li:hover{
        color: #222222;
    }
    .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: 1.6rem;
        color: #222222 ;
        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: #222222;
    }
    .xvCommentsSec{
        padding-top: 30px;
        padding-bottom: 100px;
    }
    .xvCommentsSec h5{
        margin-bottom: 45px;
    }
    .commentForm input,.commentForm textarea{
        margin-bottom: 8px;
    }

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

    .searchWidget{
        position: relative;
    }
    .searchWidget input{
        background: rgba(196,196,196,0.1);
        color: #222222;
    }
    .searchWidget button{
        font-size: 1.6rem;
        height: 44px;
        width: 44px;
        background: none;
        border: 0;
        position: absolute;
        top: 0;
        right: 0;
    }
    .xvWidget{
        margin-bottom: 50px;
    }
    .xvWidget h3{
        font-size: 1.6rem;
        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: 1.6rem;
        padding-top: 13px;
    }
    .postWidget .info h6,.postWidget .info .h6{
        margin: 0;
        font-size: 1.6rem;
        margin-bottom: 8px;
    }
    .postWidget .info .date{
        color: #222222 ;
        text-transform: uppercase;
    }
    .categoryWidget ul,.tagsWidget ul{
        padding: 0;
        margin: 0;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
    .categoryWidget li{
        display: block;
        font-size: 1.6rem;
        color: #222222 ;
        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: #222222;
    }
    .tagsWidget li{
        display: inline-block;
    }
    .tagsWidget li a{
        font-size: 1.6rem;
        display: table;
        background: #222222;
        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: 1.6rem;
        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 .PromoContent {
        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: montserrat, sans-serif;
        font-weight: bold;
        font-size: 2.4rem;
        display: block;
        text-transform: uppercase;
    }
    .xvPromoLine .info .tag {
        font-family: montserrat, sans-serif;
        font-weight: 600;
        font-size: 1.6rem;
        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,.xvFeatures .xvfeature .h6 {
        font-size: 1.6rem;
        margin-bottom: 28px;
    }

    .purchaseBox {
        padding: 58px 0;
    }
    .purchaseBox.lessPad{
        padding:50px 0;
    }
    .purchaseBox .tag {
        font-size: 1.6rem;
        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: #222222;
    }
    .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: #F2F2F2;
        padding: 26px 0 16px 0;
        text-transform: uppercase;
        margin: 0;
    }
    .breadcrumb h1,
    .breadcrumb h2,
    .breadcrumb h3,
    .breadcrumb h4,
    .breadcrumb h5,
    .breadcrumb h6,
    .breadcrumb .h6{
        float: left;
        margin: 5px;
        color: #181818;
    }
    .breadcrumb h1{
        font-size: 1.6rem;
    }
    .breadcrumb ul{
        float: right;
        padding: 0;
        margin: 5px;
    }
    .breadcrumb li{
        font-size: 1.6rem;
        display: inline-block;
    }
    .breadcrumb li a{
        color: #222222;
    }
    .breadcrumb li:after{
        content: '>';
        padding: 0px 3px 0 7px;
        color: #9c9c9c;
    }
    .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: #222222;
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 0;
    }
    .progress-wrapper h6,.progress-wrapper .h6 {
        color: #181818;
        position: absolute;
        left: 0;
        top: -8px;
        font-size: 1.6rem;
    }
    .progress-wrapper .percent {
        float: right;
        font-size: 1.6rem;
        color: #ffd007;
        line-height: 30px;
        position: absolute;
        right: 5px;
        top: 2px;
        font-weight: 600;
    }
    .progress-wrapper .progress-bar {
        background: #222222;
        box-shadow: none !important;
        position: relative;
    }
    .progress-wrapper .sr-only{
        font-size: 1.6rem;
        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: 1.6rem;
        color: #222222 ;
        text-transform: uppercase;
    }
    .xvArtists .xvArtist h1,.xvArtists .xvArtist h2,.xvArtists .xvArtist h3,.xvArtists .xvArtist h4,.xvArtists .xvArtist h5,.xvArtists .xvArtist h6,.xvArtists .xvArtist .h6{
        margin-bottom: 4px;
    }
    .xvArtists .xvArtist ul{
        padding: 0;
        margin: 0;
    }
    .xvArtists .xvArtist li{
        display: inline-block;
        color: #c4c4c4;
        font-size: 1.6rem;
    }
    .xvArtists .xvArtist li > a{
        padding:10px;
        display:block;
    }
    .xvArtists .xvArtist li:hover{
        color: #222222;
    }

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

    .xvDeliveryItem{
        padding: 115px 0;
    }
    .xvDeliveryItem h1,.xvDeliveryItem h2,.xvDeliveryItem h3,.xvDeliveryItem h4,.xvDeliveryItem h5,.xvDeliveryItem h6,,.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: #222222;
    }

    /*=====*/

    .xvOffice .visual{
        background-size: cover;
        height: 300px;
        background-position: center center;
    }
    .xvOffice h1,.xvOffice h2,.xvOffice h3,.xvOffice h4,.xvOffice h5,.xvOffice h6,,.xvOffice .h6{
        color: #181818;
        letter-spacing: 1px;
        font-size: 1.6rem;
        margin-bottom: 2px;
    }
    .xvOffice{
        font-size: 1.6rem;
        font-family: montserrat, sans-serif;
        letter-spacing: 0;
        color: #222222 ;
    }
    .xvOffice .type{
        display: block;
        margin-bottom: 30px;
    }
    .xvOffice .info{
        background: #fff;
        padding: 25px 20px 45px 20px;
    }

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

    .xvTable{
        font-size: 1.6rem;
        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;
    }
    .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: #222222;
        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,.xvSizeGuide .h6{
        margin-bottom: 28px;
    }
    .xvSizeGuide h6,.xvSizeGuide .h6{
        font-size: 1.6rem;
        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: 1.6rem;
        margin-right: 20px;
    }
    .folioFilter li:hover,.folioFilter li.active a{
        color: #222222;
    }
    .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: #767676;
        opacity: 0.7;
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        display: none;
    }
    .xvPortfolio .folioInfo{
        position: absolute;
        left: 100%;
        top: 0;
        background: #222222;
        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;
    }
    .banner_custom{
        color: #767676  !important;
    }
    .xvPortfolio .folioInfo:before{
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 11px 12px 11px 0;
        border-color: transparent #222222 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 #222222;

        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: 1.6rem;
        color: #222222 ;
        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: 1.6rem;
        float: left;
        margin-right: 7px;
    }
    .xvPortfolio .portfolioItem .stats a{
        text-decoration: none;
        display: block;
    }
    .xvPortfolio .portfolioItem .stats a:hover i{
        color: #222222;
    }
    .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: 1.6rem;
        letter-spacing: 1px;
        color: #a9a9a9;
        text-transform: uppercase;
    }
    .xvBestItem .content a.btn{
        margin-right: -6px;
    }
    .xvBestItem .content{
        background: #222222;
        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: 3.8rem;
        margin-top: 18px;
        margin-bottom: 10px;
    }
    .xvBestItem .content .price{
        display: block;
        color: #222222;
        font-size: 1.6rem;
        text-transform: uppercase;
        margin-bottom: 40px
    }
    .xvBestItem .visual span{
        color: #fff;
        background: #181818;
        font-size: 1.6rem;
        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: #222222 ;
        font-size: 1.6rem;
        margin-top: 5px;
        font-weight: normal;
        text-transform: none;
    }
    .quantity-control input{
        height: 45px;
        width: 100%;
        z-index: -1;
        background: #fff;
        color: #222222 ;
        border: none;
        border-radius: 0;
        font-size: 1.6rem;
        margin: 0;
        padding-left: 20px;
    }
    .quantity-control .btn-minus,.quantity-control .btn-plus{
        position: absolute;
        right: 4px;
        z-index: 20;
        font-size: 1.6rem;
        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: rgba(196,196,196,0.1);
        padding: 0 !important;
        border: 0 !important;
        vertical-align: middle !important;
    }
    .xvCartItems tbody tr{
        border-bottom: 10px solid #ffffff;
    }
    .xvCartItems thead th{
        border: 0 !important;
        text-align: left;
        padding: 26px 0 !important;
        font-size: 1.6rem;
        color: #222222 ;
    }
    .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: 1.6rem;
    }
    .xvCartItems .xvTable .name{
        font-size: 1.6rem;
        color: #222222;
        display: block;
    }
    .xvCartItems .xvTable .price{
        font-size: 1.6rem;
        color: #222222 ;
        display: block;
    }
    .xvCartItems .xvTable .total{
        font-size: 1.6rem;
        color: #181818;
        display: block;
    }
    .xvCartItems .xvTable .removeitem{
        font-size: 1.6rem;
        text-decoration: none;
    }
    .tab-pane-active{
        display: block !important;
    }
    .tab-pane, .tab-pane2 {
        display: none;
    }
    .tab-pane.active{
        display: block;
    }
    .tab-pane {
        background-color: rgba(196,196,196,0.1);
        padding: 40px 40px 50px;
    }
    .tab-pane2 {
        background-color: rgba(34, 34, 34, 0.2);
        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;
    }
    .tabss,
    .tabs{
        padding: 0;
        margin: 0;
    }
    .xvAccountInfo .tabss li a,
    .xvAccountInfo .tabs li a{
        text-align: left;
    }
    .xvAccountInfo .form-widget .custome-select select{
        color: #222222 ;
    }
    input.form-control.input-lg {
        border-radius: 0px !important;
    }
    .input-lg {
        border-radius: 0px !important;
    }
    .tabss li a,
    .tabs li a{
        text-decoration: none;
        padding: 22px 10px;
        display: block;
        text-align: center;
    }
    .tabss li,
    .tabs li{
        display: table;
        border: 1px solid #f1f1f1;
        background: #fff;
        font-size: 1.6rem;
        color: #222222 ;
        text-transform: uppercase;
    }
    .tabss li.active
    .tabs li.active{
        border: 1px solid #222222;
        background: #222222;
        color: #181818;
    }
    .tabss,
    .tabs{
        float: left;
        width: 20%;
    }
    .tab-panel{
        float: left;
        width: 80%;
    }
    .tabss li,
    .tabs li{
        display: block;
    }
    .cartTotal{
        background: rgba(196,196,196,0.1);
        padding: 30px 40px;
        margin-bottom: 10px;
    }
    .cartTotal h1,
    .cartTotal h2,
    .cartTotal h3,
    .cartTotal h4,
    .cartTotal h5,
    .cartTotal h6,
    .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: 1.6rem;
        color: #222222 ;
        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: 1.6rem;
        text-transform: uppercase;
        color: #181818;
    }
    .cartTotal .total span{
        float: right;
    }

    /*==================
    32-Checkout
    =================*/

    .xvCheckout strong{
        font-weight: 400;
        color: #181818;
        font-size: 1.6rem;
    }
    .xvCheckout input,.xvCheckout textarea,.xvCheckout .custome-select{
        margin-bottom: 10px;
        text-transform: uppercase;
        font-family: montserrat, sans-serif;
        font-size: 1.6rem;
    }
    .xvCheckout .accorPane{
        padding: 0 20px;
    }
    .xvAccordianWrap .accorpaneWrap{
        border-top: 1px solid #ececec;
        padding: 40px 25px;
    }
    form.form-widget h6,form.form-widget .h6{
        margin-bottom: 10px;
    }
    form.form-widget p{
        font-size: 1.6rem;
        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;*/ text-transform: none;
        font-size: 1.6rem;
        color: #222222 ;
        font-weight: 400;
        margin-bottom: 2px;
        font-size: 1.6rem;
        font-family: montserrat, sans-serif;
        letter-spacing: 0;
    }
    form.form-widget label:hover{
        color: #181818;
        cursor: pointer;
    }
    form.form-widget input[type=checkbox]:not(old){
        width   : 28px;
        margin  : 0;
        padding : 0;
        opacity : 1;
        /*height: 0;*/
        position: absolute;
    }
    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: 1.6rem;
        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: 1.6rem;
        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: #222222 ;
        margin-top: 11px;
        display: block;
    }
    .itemsCart a.remove{
        position: absolute;
        right: 16px;
        top: 50%;
        font-size: 1.6rem;
        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: 2.4rem;
        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: montserrat, sans-serif;
        font-size: 1.6rem;
        color: #a9a9a9;
        text-transform: uppercase;
    }
    .basicDetails .quantity-control{
        max-width: 100%;
    }
    .basicDetails h2, .basicDetails h1, .basicDetails .h2, .basicDetails .h1 {
        font-size: 3.8rem;
        text-transform: none;
    }
    .basicDetails .price{
        font-size: 1.6rem;
        color: #222222;
        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: #222222 ;
        font-size: 1.6rem;
        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: 1.6rem;
    }
    .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: montserrat, sans-serif;
        color: #222222 ;
        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: 1.6rem;
        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: 1.6rem;
        padding: 0 12px;
    }
    .productDetail .review .head li .star-rating{
        top: 5px;
    }
    .productDetail .review .head > li:last-child:after{
        content: '';
    }
    .productDetail .review .name{
        font-size: 1.6rem;
        text-transform: uppercase;
    }
    .productDetail .review .date{
        text-transform: uppercase;
        margin-bottom: 26px;
        font-size: 1.6rem;
        color: #222222 ;
        display: block;
    }
    .productDetail input,.productDetail textarea{
        margin-bottom: 10px
    }
    .productDetail .reviewSubmit span{
        font-family: montserrat, sans-serif;
        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,.productDetail .reviewSubmit .h6{
        margin-bottom: 28px;
    }
    .ratingsSelect span{
        font-size: 1.6rem;
        color: #222222 ;
        font-family: montserrat, sans-serif;
        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: 1.6rem;
        margin-top: 28px;
        display: block;
    }

    /*===================
    33-AccountInfo
    ==================*/

    .xvAccountInfo .tabss,
    .xvAccountInfo .tabs{
        float: left;
        width: 24%;
    }
    .xvAccountInfo .tabss li,
    .xvAccountInfo .tabs li{
        display: block;
        color: #181818;
        background-color:#767676;
        border-left: 3px solid #000;
        border: 0;
        margin-bottom: 2px;
    }

    .xvAccountInfo .tabss li a:hover {
        color:#222222;
    }
    .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 .tabss li i,.xvAccountInfo .accorTrigger i,
    .xvAccountInfo .tabs li i,.xvAccountInfo .accorTrigger i{
        font-size: 1.6rem;
        color: #222222;
        float: left;
        margin-right: 10px;
    }
    .xvAccountInfo .tabss li a,.accorTrigger,
    .xvAccountInfo .tabs li a,.accorTrigger{
        padding: 18px 20px;
        text-decoration: none;
    }
    .accorTrigger{

    }
    .xvAccountInfo .tab-panel{
        float: left;
        width: 76%;
    }
    .xvAccountInfo .tabss li.active a{
        color: #000;
    }
    .xvAccountInfo .tabss li.active,.xvAccountInfo .tab-pane.opened .accorTrigger,
    .xvAccountInfo .tabs li.active,.xvAccountInfo .tab-pane.opened .accorTrigger{
        border: 0;
        background-color:rgba(196,196,196,0.1);
        border-left: 3px solid rgba(196,196,196,0.1);
        color: #767676;
    }
    .xvAccountInfo .tab-pane.opened .accorTrigger{
        background: #222222;
    }
    .xvAccountInfo .tabss li.active i,.tab-pane.opened .xvAccountInfo  .accorTrigger i,
    .xvAccountInfo .tabs li.active i,.tab-pane.opened .xvAccountInfo  .accorTrigger i{
        color: #222222;
    }
    .xvAccountInfo .tab-pane{
        background-color: rgba(196,196,196,0.1);
        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: 1.6rem;
        color: #fff;
        background: #222222;
        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: rgba(255, 255, 255, 1);
        padding: 32px 38px 30px 38px;
        position: relative;
        font-size: 1.6rem;
        margin-top: 18px;
    }
    .myAccount .myaddress .address a.edit{
        font-size: 1.6rem;
        background: #222222;
        color: #222222;
        padding: 10px 20px;
        text-decoration: none;
        position: absolute;
        right: 10px;
        top: 10px;
    }

    .myAccount .myaddress .address a.edit:hover{
        background: #c5003e;
        color: #222222;
    }

    .myAccount .myaddress .address h1,.myAccount .myaddress .address h2,.myAccount .myaddress .address h3,.myAccount .myaddress .address h4,.myAccount .myaddress .address h5,.myAccount .myaddress .address h6,,.myAccount .myaddress .address .h6{
        font-size: 1.6rem;
        margin-bottom: 30px;
    }
    #span_default_address{
        font-size: 1.6rem;
        max-width: 100px;
        display: inline-block;
        overflow: hidden;
        text-align: center;
        vertical-align: top;
        background-color: #ffffff;
    }
    .xvCartItems.style1 tbody tr{
        border-bottom: 10px solid rgba(196,196,196,0.1);
    }
    .xvCartItems.style1 tbody td{
        background: #fff;
    }
    .xvCartItems.style1{
        padding-bottom: 0;
    }
    .xvAccountInfo .share span{
        float: left;
        font-size: 1.6rem;
    }
    .share .socials{
        float: right;
        margin: 0;
    }
    .share .socials li{
        color: #c4c4c4;
    }
    .share .socials li:hover{
        color: #222222;
    }
    .xvAccountInfo .share{
        padding: 10px 0;
    }
    .table-hover>tbody>tr:hover{
        background-color: #222222 !important;
    }
    /*================
    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 .main_nav > li > a:hover,.doc-header.style-pink .main_nav > 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: 2.4rem;
        color: #181818;
        font-family: montserrat, sans-serif;
        font-weight: 400;
        text-transform: none;
    }
    .mainSlider.style2 h1{
        font-family: montserrat, sans-serif;
        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: #29b45c;
    }
    .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,.products.style-demo1 .productInfo .h6{
        font-size: 12px !important;
    }
    .product .productInfo .pricestyle{
        padding: 0;
        margin: 0;
        font-size: 1.6rem;
        color: #222222 ;
        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: montserrat, sans-serif;
        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: montserrat, sans-serif;
        letter-spacing: 0;
        margin: 0;
    }
    .prodSlider .price{
        font-family: montserrat, sans-serif;
        text-transform: uppercase;
        font-size: 1.6rem;
        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,.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: 3.8rem;
    }
    .xvTestimonials.style1 cite.from {
        color: #fff;font-size: 1.6rem;
    }
    .xvTestimonials.style1 blockquote.quote{
        font-family: montserrat, sans-serif;
        font-size: 2.4rem;
    }
    .productHotspot p{
        font-weight: 300;
        font-size: 3.8rem;
        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: 3.8rem;
        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;
        min-height: 37em;
    }
    .products.col-grid-3 .product{
        float: left;
        width: 33.3334%;
        display: block;
        min-height: 26em;
    }
    .products.col-grid-4 .product{
        float: left;
        width: 25%;
        display: block;
        min-height: 24em;
    }
    .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
    ====================*/
    .mainNav>li>ul>li>a, .mega-xv ul>li>a {
        font-size: 1.6rem;
    }
    .doc-header.style1 .mainNav > li:hover > a, .doc-header.style1 .mainNav > li.active > a {
        background: #ffffff ;
        color: #222222 ;
    }
    .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: #222222 ;
    }
    .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: rgba(249,249,249,1);
        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 .main_nav{
        float: left;
    }
    .doc-header.style1 .main_nav > li{
        margin: 0;
    }
    .doc-header.style1 .main_nav > li:hover > a,.doc-header.style1 .main_nav > li.active > a{
        background: #222222        color: #767676;
    }
    .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 .main_nav > li > a{
        padding: 16px 18px;
        color: #222222;
    }
    .doc-header.style1 .topLinks a{
        background: #222222;
        color: #222222;
        padding: 12px 15px;
    }

    .doc-header.style1 .topLinks a:hover{
        opacity:0.7;
    }

    .doc-header.style1 nav{
        border-top: 1px solid #f0f0f0;
    }
    .topHeader{
        background: rgba(255, 255, 255, 0.80);
        border-bottom: 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: #222222 ;
        font-family: montserrat, sans-serif;
        font-size: 1.6rem;
        letter-spacing: 0;
        margin-right: 26px;
    }
    .quickLinks a{
        color: #222222;
    }

    .doc-header.style2.lightBg .mainNav > li > a {
        color: #222222;
    }
    .doc-header .quickLinks li:last-child{
        margin-right: 0;
    }
    .products.brown .links li:hover{
        background: #767676;
    }
    .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: 1.6rem;
        letter-spacing: 0px;
        color: #222222 ;
        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: 1.6rem;
        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: montserrat, sans-serif;
        font-weight: 400;
        letter-spacing: 0;
    }
    .doc-header.style2{
        color: #fff;
    }
    .stickyHeader{
        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;
    }
    .scrolling{
        position: fixed;
    }
    .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.style1 .mainNav > li > a{
        color:  #222222;
    }
    .doc-header.style2 .mainNav > li > a{
        color:  #222222;
    }

    .doc-header.style2 .mainNav > li > a:hover{
        color:  #c5003e;
    }

    .doc-header.style2 .mainNav {
        /*font-family: custom, sans-serif;*/
        font-family: montserrat, sans-serif;
    }
    .mainNav {
        font-family: montserrat, sans-serif;
        font-size: 1.6rem;
        text-transform: uppercase;
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .mainNav > li > ul {
        position: absolute;
        top: 120%;
        left: 0;
        min-width: 270px;
        background: #fff;
        border-top: 4px solid #222222;
        padding: 30px 0;
        font-family: montserrat, sans-serif;
        text-align: left;
        text-transform: none;
        opacity: 0;
    }

    .mainNav > li > ul > li > a:hover:before,.mega-xv ul > li > a:hover:before{
        border-left-color: #222222;
    }
    .doc-header.style2 .topHeader a.logo{
        left: 15px;
        margin-top: 12px;
        top: -5px;
    }
    .doc-header.style2 .mainNav{
        margin-top:10px;
        font-size: 1.6rem;
        font-family: montserrat, sans-serif;
        font-weight: 700;
    }
    .doc-header.style2 .main_nav > 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: 1.6rem;
        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: #222222 ;
        font-size: 1.6rem;
        font-family: montserrat, sans-serif;
        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:462.5px;
    }
    .sidebar-enable.xvArchieve .products.col-grid-2 .product .links{
        top:350px;
    }
    .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:296px;
    }
    .sidebar-enable.archive .products.style3.col-grid-4 .product .links{
        top:180px;
    }
    .sidebar-enable.archive .products.style3.col-grid-3 .product .links{
        top:200px;
    }
    .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: 1.6rem;
        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: 1.6rem;
        color: #222222 ;
        text-transform: uppercase;
        display: block;
        margin-top: 12px;
        margin-bottom: 16px;
    }
    .xvStoreInfo .brandAbout a.readmore{
        font-size: 1.6rem;
        font-weight: bold;
        text-transform: uppercase;
        border-bottom: 2px solid #cacaca;
        margin-top: 30px;
        display: table;
        text-decoration: none;
    }
    .xvStoreInfo .brandAbout .name{
        font-size: 1.6rem;
        font-weight: bold;
    }
    .prodVideo{
        font-size: 3.8rem;
        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: 1.6rem;
        float: left;
        width: 25%;
        display: block;
        margin-top: 15px;
    }
    .xvNewsletter .socials{
        text-align: right;
        margin: 9px 0;
    }
    .xvNewsletter .socials li{
        font-size: 1.6rem;
        color: #222222 ;
        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: 3.8rem;
        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: 1.6rem;
        color: #683f2e;
        font-family: montserrat, sans-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: 2.0rem;
    }
    .xvTestimonials.style2 cite.from{
        font-family: 'Arvo', serif;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.6rem;
        color: #fff;
    }
    .xvBlogWrap.coffee .xvBlogPost h6,.xvBlogWrap.coffee .xvBlogPost .h6{
        font-size: 1.6rem;
        color: #683f2e;
        font-family: 'Arvo', serif;
        font-weight: bold;
    }
    .xvBlogWrap.coffee .xvBlogPost h6 a, .xvBlogWrap.coffee .xvBlogPost .h6 a{
        font: inherit;
    }
    .xvBlogWrap.coffee .xvBlogPost{
        padding: 25px;
    }
    .prodParalax.coffee h2 {
        font-family: 'Arvo', serif;
        font-size: 3.8rem;
        margin-bottom: 4px;
        font-weight: 700;
    }
    .prodParalax.coffee p {
        font-family: montserrat, sans-serif;
        font-size: 1.6rem;
        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: montserrat, sans-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, ,.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: montserrat, sans-serif;
        text-transform: none;
        letter-spacing: 0;
        font-size: 1.6rem;
        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 .main_nav > li{
        font-size: 1.6rem;
        font-family: montserrat, sans-serif;
        letter-spacing: 0;
    }
    .main_nav.nav-right{
        text-align:right;
    }
    .doc-header.style1.style3 .main_nav > li > a {
        color: #181818;
    }
    .doc-header.style3 .main_nav > li:hover > a, .doc-header.style3 .main_nav > 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: montserrat, sans-serif;
    }
    .mainSlider.style5 .tagLine {
        color: #222222 ;
        font-family: montserrat, sans-serif;
        font-size: 1.6rem;
        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: 1.6rem;
        letter-spacing: 1px;
        font-family: montserrat, sans-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: montserrat, sans-serif;
        margin-bottom: 2px;
        margin-top: 10px;
    }
    header.style2 .tag{
        font-size: 1.6rem;
        color: #222222 ;
        letter-spacing: 0;
    }
    header.style2 i{
        font-size: 3.8rem;
        color: #222222 ;
    }
    .prodParalax.jewel h2{
        font-family: montserrat, sans-serif;
        font-size: 3.8rem;
        font-weight: 400;
        margin: 0;
        color: #181818;
    }
    .prodParalax.jewel p{
        font-size: 1.6rem;
        color: #222222 ;
        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: 2.4rem;
        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: #ffffff;
    }
    .doc-header.style4 .main_nav{
        font-family: montserrat, sans-serif;
        font-size: 1.6rem;
        font-weight: 400;
        /*text-transform: capitalize;*/ text-transform: none;
    }
    .doc-header.style4 .main_nav > li{
        color: #222222;
    }
    .doc-header.style4 .main_nav > li:hover{
        color: #c5003e;
    }
    .doc-header.style4 .topLinks li a i{
        color: #222222;
        font-size: 2.4rem;
    }
    .doc-header.style4 .topLinks li a i:hover{
        color: #c5003e;
    }
    .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: montserrat, 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: 1.6rem;
        color: #181818;
        font-weight: 500;
    }
    .mainSlider.family-poppins span.tagLine{
        font-family: montserrat, 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: 1.6rem;
        color: #222222 ;
        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: 1.6rem;
        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: montserrat, sans-serif;
    }
    .xvDeals.family-poppins a.btn{
        font-size: 1.6rem;
        font-family: montserrat, sans-serif;
        font-weight: 500;
    }
    ul.slick-slider{padding: 0;}
    .family-poppins h3,.family-poppins h2{
        font-family: montserrat, 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,.xvAboutProduct .content .h6{
        color: #fff;
        margin-bottom: 26px;
    }
    .xvAboutProduct .content a.btn{
        margin-top: 40px;
    }
    .xvAboutProduct p{
        color: #c5003e;;
        font-size: 1.6rem;
        font-weight: 600;
    }
    .xvAboutProduct{
        text-align: center;
        padding: 80px 0;
    }
    .xvAboutProduct.family-poppins h2{
        font-family: montserrat, 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 .main_nav > 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: 3.8rem;
        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: 1.6rem;
        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: 1.6rem;
        color: #fff;
        text-transform: uppercase;
        padding: 15px 50px 15px 50px;
    }
    .xvAlert.generalMsg{
        background: #dadada;
        color: #181818;
    }
    .xvAlert i{
        font-size: 1.6rem;
    }
    .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: 3.8rem;
    }
    .text-widget h2{
        font-size: 2.4rem;
    }
    .text-widget h3{
        font-size: 1.6rem;
    }
    .text-widget h4{
        font-size: 1.6rem;
    }
    .text-widget h5{
        font-size: 1.6rem;
    }
    .text-widget h6,.text-widget .h6{
        font-size: 1.6rem;
    }
    .text-widget header{
        margin-bottom: 25px;
    }
    .allheads{
        padding: 80px 0 30px 0;
    }
    .dropcap.style1 .word{
        font-size: 1.6rem;
        text-transform: uppercase;
        height: 55px;
        width: 55px;
        text-align: center;
        line-height: 55px;
        background: #222222;
        color: #fff;
        float: left;
        border-radius: 50%;
        margin-right: 12px;
    }
    .dropcap.style2 .word{
        font-size: 1.6rem;
        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: 1.6rem;
        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: #222222;
        font-size: 1.6rem;
        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: 1.6rem;
        color: #222222;
        text-transform: uppercase;
        margin-top: 40px;
        display: table;
    }
    .xvBlockquote p{
        font-weight: 600;
    }
    .xvBlockquote i{
        font-size: 1.6rem;
        height: 48px;
        width: 48px;
        line-height: 48px;
        text-align: center;
        background: #222222;
        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: montserrat, sans-serif;
        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: 1.6rem;
        color: #222222 ;
        font-family: montserrat, sans-serif;
        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: 1.6rem;
    }
    .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: #222222;
        color: #fff;
    }
    .xvList.style2 li:before{
        content: '\f0da ';
    }
    .xvList.style3 li:before{
        content: '\f005';
        color: #222222;
        font-size: 9px;
        top: 4px;
    }
    .xvList.style4 li:before{
        content: '\f111 ';
        color: #222222 ;
        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: #222222;
        font-size: 1.6rem;
        top: 4px;
    }
    .xvList.style6 li{
        padding-left: 20px;
    }
    .xvList.style7 li:before{
        font-size: 1.6rem;
        top: 2px;
    }
    .xvList.style8 li:before{
        font-family: 'linea';
        content: "\eaee";
        font-size: 1.6rem;
        top: 2px;
        font-size: 1.6rem;
        color: #222222;
    }
    .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: #222222;
    }
    .text-widget em{
        color: #181818;
        font-weight: 600;
    }
    .text-widget del{
        color: #222222;
        font-weight: bold;
    }
    .text-widget p a{
        color: #222222;
        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: 1.6rem;
        color: #222222 ;
        font-family: montserrat, sans-serif;
        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: 1.6rem;
        left: 14px;
        top: -24px;
    }
    .xvPricing .pricingInfo .price sub{
        bottom: 2px;
        font-size: 1.6rem;
        left: -14px;
    }
    .xvPricing .pricingInfo a.purchase{
        margin-top: 30px;
    }
    .xvPricing:hover .pricinghead,.xvPricing:hover .pricingInfo{
        border-color: #222222;
    }
    .xvPricing:hover a.purchase{
        background: #222222;
        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: #222222;
            padding: 50px;
            position: relative;
        }
        .xvSidebar .xvtweets{
            padding: 38px 38px 55px 38px;
        }
        .xvSidebar .xvtweets li{
            font-size: 1.6rem;
            color: #222222 ;
        }
        .xvSidebar .xvtweets .timeago{
            color: #c4c4c4;
        }
        .xvtweets i{
            color: #c4c4c4;
            font-size: 3.8rem;
            position: absolute;
            right: 30px;
            bottom: 30px;
        }
        .xvtweets li{
            font-size: 1.6rem;
            letter-spacing: 0;
            line-height: 30px;
        }
        .xvtweets .timeago{
            font-size: 1.6rem;
            color: #222222 ;
            display: table;
            margin-top: 25px;
            text-transform: uppercase;
            letter-spacing: 1px;
        }
        .strikethrough {
            position: relative;
            font-size: 1.6rem;
            margin-right: 1em;
        }

        .strikethrough:before {
            position: absolute;
            content: "";
            left: -5px;
            top: 50%;
            right: -5px;
            border-top: 1px solid;
            border-color: red;

            -webkit-transform:rotate(-10deg);
            -moz-transform:rotate(-10deg);
            -ms-transform:rotate(-10deg);
            -o-transform:rotate(-10deg);
            transform:rotate(-10deg);
        }
        .label-success {
            background-color: #222222;
            color: #222222;
        }
        /*====*/

        .progress-value {
            position: absolute;
            font-size: 3.8rem;
            color: #181818;
            z-index: 10;
            left: 0;
            top: 70px;
            width: 100%;
        }
        .xvPiegraph h6,.xvPiegraph .h6{
            margin-top: 24px;
            margin-bottom: 30px
        }
        .xvPiegraph .wrap{
            border: 22px solid #222222;
            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);
        }

        .modal-content{
            margin-top:200px;
        }

        .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: 1.6rem;
            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: 3.8rem;
            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: 1.6rem;
            color: #222222 ;
            text-transform: uppercase;
        }
        .manageTriger{
            font-size: 3.8rem;
            padding: 15px;
            position: absolute;
            right: -16px;
            top: -16px;
        }
        .xvmanage li{
            font-size: 1.6rem;
            color: #222222 ;
            margin-bottom: 16px;
        }
        .xvmanage li a{text-decoration: none;}
        .xvmanage li:hover{
            color: #fff;
        }
        .xvmanage li:hover:before{
            color: #222222;
        }
        .xvmanage h6,.xvmanage .h6{
            color: #fff;
            margin-bottom: 48px;
            font-size: 1.6rem;
        }
        .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.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;
    }
    .pagination > li > a{
        text-transform: uppercase;
        color: #222222 ;
        font-size: 1.6rem;
        padding: 14px 18px;
        background: rgba(196,196,196,0.1);
    }
    .pagination > li{
        margin-right: 10px;
        float: left;
    }
    .pagination > li:last-child{
        margin-right: 0;
    }
    .pagination > li:hover a,.pagination > li.active a{
        background: #181818;
        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:191px;
        background:#fff;
        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 .productImagesSquare{
        height:350px;
    }

    .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: #222222;
        filter:alpha(opacity=10);
        opacity:0.1;
    }
    .products.style3 .product:hover .productImages:after{
        content:"";
        left:0;
        top:0;
        width:100%;
        height:100%;
        z-index:5;
        position:absolute;
        background: #222222;
        filter:alpha(opacity=10);
        opacity:0.1;
    }
    /*.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;
    }

    .btn-primary{
        border:none !important;
    }

    .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;
    }
    div.pp_overlay{
        z-index:9998;
    }
    .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:#222222;
        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%;
    }
    .linkBoxes > div > a > span{
        position:absolute;
        left:0;
        bottom:0;
        width:100%;
        text-align:center;
        padding:10px;
        background:#EBEBED;
    }
    /*===============
    43-Responsive
    ===============*/

    @media (min-width: 767px) {
        #title_lg { visibility: visible; }
        #title_sm { visibility: hidden; }
        #text_title { font-size:2em; dominant-baseline: text-after-edge};
    }

    @media (max-width: 767px) {
        #title_lg { visibility: hidden; }
        #title_sm { visibility: visible; }
        #text_title { font-size:5em; dominant-baseline:""!important;}
    }

    @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 .main_nav{
            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;
        }

        .main_nav > 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) {
        .breadcrumb ul {
            float: left;
            /*padding-top: 0.5em;
            padding-left: 2em;*/
        }
        .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: 2.4rem;
        }
        .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;
        }

        .loginBox, .registerBox{
            padding:10px;
        }

        .registerBox{
            margin-top:40px;
        }

        a.btn{
            margin-top:-6px !important;
        }
    }

    /*===========*/
    @media (max-width: 870px){
        .mainNav{
            font-size:11px;
        }
        .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;
        }

        .btn{
            margin-bottom:0px;
        }


    }

    /* Landscape phone to portrait tablet */
    @media (min-width: 768px){
        .main_nav{
            display:block !important;
        }
        .tab-pane.active{
            display: block;
        }
        .tab-pane.active .accorContent{
            display: block;
        }
        .main_nav > li:hover > ul,.main_nav > 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;
            width: 50%;
            left: 18%;
        }
        li.sub-category {
            margin-left: 4rem;
        }
    }

    /*===========*/
    @media (max-width: 767px) {
        .langName{
            display:none;
        }

        .main_nav > li > ul, .mega-xv {
            width: 100%;
        }
        .linkBoxes > div{
            width:50%;
        }
        .product .links{
            display:block;
        }

        .mainSlider.style5 h1{
            font-size: 3.8rem;
        }
        .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: 2.0rem;
            line-height: 28px;
            margin-bottom: 10px;
        }
        .lampCaption .largeText br{
            display: none;
        }
        .staticSplash .container{
            padding: 0;
            text-align: center;
        }
        .xvTestimonials.style1 blockquote.quote{
            font-size: 1.6rem;
            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: 2.4rem;}
        .tab-panel{
            width: 100%;
        }
        .tab-pane .accorContent{
            display: none;
            padding: 30px;
        }
        .xvAccountInfo .tab-pane {
            padding: 20px;
        }
        .tab-pane.opened .accorContent{
            display: block;
        }
        .tabss,
        .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 .tabss,
        .doc-header .tab-pane.active,.doc-header .tabs{
            display:block;
        }

        .mainNav{
            background: #ffffff;
        }

        .padGeneral, section,.section,.xvPromo,.parallax_inner{
            padding: 80px 0;
        }
        .xvDeals .xvDeal{
            margin-bottom: 30px;
        }
        .xvDeals .xvDeal .content{
            /* right: 10%;*/
            right: -17em;
        }

        .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, .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,.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,.xvSizeGuide .h6{margin-bottom: 20px;}
        .xvSizeGuide .xvGuideItem {
            padding: 20px 0;
        }
        .xvFeatures .stylePad {
            margin-bottom: 0px;
        }
        .xvBestItem .content h2{
            font-size: 1.6rem;
        }
        .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: 0px;}
        .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: 2.4rem;
        }
        .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: 1.6rem;}
        .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: #222222 ;
            font-size: 1.6rem;
            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 .main_nav{display: none;}
        .doc-header.style1 .quickLinks{display: none;}
        .topHeader{
            background: #181818;
        }
        .doc-header .topLinks li a{
            color: #222222 ;
        }
        .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: 1.6rem;
            padding: 10px;
            text-decoration: none;
        }
        .topHeader .navTriger{
            font-size: 2.0rem;
        }

        .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: 1.6rem;
            padding-top: 14px;
        }
        .mainSlider.style4 .slide{
            height: auto;
            padding: 150px 0 50px 0;
        }
        .mainSlider .slide, .mainSlider figure{
            height: 100%;
        }
        .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%;}
        .xvtabss{margin-bottom: 20px;}
        .xvtabs{margin-bottom: 20px;}
        .xvPortfolio .folioInfo .infoInner{
            padding: 15px 35px;
        }
        .xvmanage h6,.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: #c5003e;
            font-size: 2.4rem;
        }
        .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 .main_nav{
            display:none;
        }
        .doc-header.style1 .topLinks{
            top:21px;
        }
        .doc-header.style1 .topLinks a{
            color:#222222;
        }
        .megaFix nav{
            position:static;
        }
        .doc-header .main_nav .mega-xv{
            padding:0 !important;
        }
        .main_nav{
            position:absolute !important;
            top:100%;
            width:100%;
            left:0;
            background:#ffffff;
            text-align:left;
        }
        .main_nav > li > a{
            color:#181818;
            padding:20px 45px 20px 30px !important;
            position:relative;
        }
        .main_nav > li{
            display:block;
            margin:0;
            border-bottom:1px solid #f1f1f1;
        }
        .main_nav > 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);
        }
        .main_nav > li.parent.expanded > a:after{
            content: "\ebb9";
        }
        .main_nav > 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;
        }
        .main_nav > li > ul > li > a, .mega-xv ul > li > a{
            color:#222222 ;
        }
        .mega-xv a.thumb-unit, .thumb-unit{
            padding:15px 0;
            float:none;
            width:100%;
        }
        .xvWidget.searchWidget {
            margin-bottom: 0px;
        }
        .splashNav{
            margin-bottom: 5px;
        }
        #floating-cart>form{
            position: fixed;
            bottom: 0px;
            z-index: 100;
            background: rgba(0, 0, 0, 0.5);
            padding: 10px;
            color: white;
            width: 100%;
            left: 0px;
        }
        #floating-cart>form h6{
            display: none;
        }
        #floating-cart>form .cont{
            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) {

        .tab-pane2{
            background-color: transparent;
        }
        .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 .PromoContent{
            width: 100%;
            float: none;
        }
        .xvBanners.style1 .xvBanner{
            width: 100%;
            float: none;
            height: 250px;
        }
        .breadcrumb h5,.breadcrumb ul{
            float: none;
        }
        .basicDetails h2, .basicDetails h1, .basicDetails .h2, .basicDetails .h1 {font-size: 2.4rem;}
        .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: 1.6rem;
        }
        .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%;
        }

        .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;
        }

        .btn_status{
            min-width:80px;
        }
    }

    /*===========*/
    @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: 40px 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%;
        }

        .xvBlogHead{
            margin-bottom:0px;
        }

    }

    /*===========*/
    @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: 1.6rem;}

        .lookBook .item{width: 50%;}
        .xvPromo h2 {
            font-size: 3.8rem;
            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: 2.0rem;
            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: 1.6rem;}
            .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: 1.6rem;
            }

            .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%;
            }

            .doc-header .topLinks.style2 a {
                font-size: 1.6rem;
            }

            #checkout_cart1{
                display:none;
            }

            #checkout_cart2{
                display:inline;
            }

            div.sideNav.style1{
                position:relative;
            }
        }

        /*===========*/
        @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: 1.6rem;
            }
            .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,.xvBlogWrap.postLg .xvBlogPost .h6{font-size: 1.6rem;}
            .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: 1.6rem;
            }
            .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;
            }

            .cart-btns .btn{
                margin-bottom:10px;
            }
        }

        /*===========*/
        @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;
            }
        }

        /*====================
        44- Modal
        ====================*/

        .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
            color : #222222;
            font-family: montserrat, sans-serif !important;
        }


        .arc-rotate2 .loader .arc::after{
            border-color:#222222 !important;
            border-bottom-color: #000 !important;
        }

        .modal-dialog{
            margin-top: 10%;
        }

        /*========
        Quitar los botones de flechas en un input tipo "number"
        =========*/
        input[type=number]::-webkit-outer-spin-button,
        input[type=number]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }
        input[type=number] {
            -moz-appearance:textfield;
        }
        </style>
