/*
Table OF Contents
==========================
1-General Styles
2-Ratings
3-Social
4-parallax
5-Icons
6-Header
7-Mega menu1
8-Splash
9-Deals
10-Prodects
11-Testimonials
12-About Brand
13-Footer
14-LookBook
15-About US
16-Widgets
17-Stats
18-Subscription
19-Features
20-Accordian
21-Promo
22-BlogPosts
23-Sidebar
24-Offesr
25-Progress Bar
26-Artists
27-DeleveriItem
28-Table
29-portfolio
30-BestSeallers
31-Cart
32-Checkout
33-AccountInfo
34-DemoBags
35-Demo2-chairs
36-watches demo
37-Coffee Demo
38-Jewellery Demo
39-Demo Shoes
40-Denim Demo
41-Shorecode
42-catagory
43-Responsive
*/
@font-face {
font-family: 'montserrat';
src: url('../fonts/montserrat-light-webfont.eot');
src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'), url('../fonts/montserrat-light-webfont.ttf') format('truetype'), url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'montserrat';
src: url('../fonts/montserrat-regular-webfont.eot');
src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype'), url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'montserrat';
src: url('../fonts/montserrat-semibold-webfont.eot');
src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff'), url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('../fonts/montserrat-semibold-webfont.svg#montserratsemi_bold') format('svg');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'montserrat';
src: url('../fonts/montserrat-bold-webfont.eot');
src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype'), url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'montserrat';
src: url('../fonts/montserrat-extrabold-webfont.eot');
src: url('../fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('../fonts/montserrat-extrabold-webfont.woff') format('woff'), url('../fonts/montserrat-extrabold-webfont.ttf') format('truetype'), url('../fonts/montserrat-extrabold-webfont.svg#montserratextra_bold') format('svg');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'bridgestone';
src: url('../fonts/bridgestoneType-Regular.woff');
font-weight: 800;
font-style: normal;
}
/*======================*/
body {
font-family: "bridgestone";
font-size: 14px;
font-weight: 400;
color: #181818;
height: 100%;
width: 100%;
letter-spacing: 2px;
overflow-x: hidden;
-webkit-transition:padding-top 0.5s ease-in; -moz-transition:padding-top 0.5s ease-in; -ms-transition:padding-top 0.5s ease-in; -o-transition:padding-top 0.5s ease-in; transition:padding-top 0.5s ease-in;
}
body.getting-ready{
padding-top:40%;
overflow:hidden;
}
.pre-loading{
position:fixed;
left:0;
bottom:0;
width:100%;
height:100%;
background:#fff;
z-index:99999;
}
.loadingDone.pre-loading{
height:0;
bottom:180%;
}
.loading-animation{
position:absolute;
top:50%;
left:50%;
margin-left:-50px;
width:100px;
height:100px;
margin-top:50px;
}
.pre-loading .loading-logo{
position:absolute;
left:0;
width:100%;
text-align:center;
top:50%;
-webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);
}
.container {
width: 1170px;
max-width: 100%;
}
.bodyWrap{
overflow:hidden;
}
.font-josifin{
font-family:"Josefin Sans", sans-serif;
letter-spacing:0px;
}
.grayBG{
background:#e9e9e9;
}
/*=====================
1-General Styles
======================*/
a{font-weight: 400;}
p {
font-family: 'bridgestone', sans-serif;
color: #717171;
font-weight: 400;
line-height: 26px;
letter-spacing: 0;
}
.bgWhite {
background: #fff;
}
.bgDarkbrown{
background: #683f2e;
color: #fff;
}
.bgGrey {
background: #f9f9f9;
}
.bgGreyDark {
background: #f1f1f1;
}
.bgBlack {
background: #181818;
color: #fff;
}
.bgPink {
background: #e368b0;
color: #fff;
}
.bgPurple {
background: #ff0000;
color: #fff;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
margin: 15px 0;
text-transform: uppercase;
font-family: 'bridgestone';
color:black;
}
h1 {
font-size: 100px;
}
h2 {
font-size: 34px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 12px;
}
a {
outline: none !important;
color: inherit;
}
a:hover {
color: inherit;
}
img {
max-width: 100%;
height: auto;
}
.custome-select {
width: 100%;
position: relative;
height: 44px;
line-height: 44px;
text-align: left;
display: inline-block;
cursor: pointer;
background: #f9f9f9;
color: inherit;
z-index: 20;
margin-bottom: 10px;
font-size: 12px;
color: #717171;
text-transform: capitalize;
letter-spacing: 0;
background: #fff;
}
.custome-select.grey{
background: #f9f9f9;
}
.custome-select span {
width: 100%;
padding-left: 15px;
display: block;
height: 44px;
line-height: 44px;
overflow: hidden;
font-weight: 400;
}
.custome-select b {
position: absolute;
right: 0;
top: 0;
width: 40px;
height: 100%;
background: none;
line-height: 44px;
text-align: center;
font-size: 12px;
color: #181818;
}
.custome-select select {
opacity: 0;
z-index: 20;
position: absolute;
width: 100%;
left: 0;
top: 0;
height: 100%;
color: #000;
}
a{
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
}
.btn {
border-radius: 0;
font-family: 'bridgestone';
border: none;
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
padding: 12px 40px;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
}
.btn-default{
color: #fff;
background-color: #ff0000;
border-radius: 0px ;
}
.btn-default:hover,.btn-light:hover{
background: black;
color: #fff;
}
.btn-sm{
padding: 10px 30px;
}
.btn-md{
padding: 15px 48px;
}
.btn-lg{
padding: 20px 78px;
}
.btn-exlg{
padding: 24px 80px;
}
.btn-light {
color: #181818;
background: #fff;
}
.btn-grey {
color: #181818;
background: #f9f9f9;
}
.btn-darkgrey {
color: #181818;
background: #dadada;
}
.btn-green {
color: #fff;
background: #a88818;
}
.btn-dark-green{
background:#359528;
color:#fff;
}
.btn-dark-green:hover{
background:#ff9600;
color:#fff;
}
.btn-text-lg{
font-size:15px;
font-weight:400;
}
.btn-orange {
color: #fff;
background: #ff9600;
}
.btn-purple {
color: #fff;
background: #ff0000;
}
.btn-red {
color: #fff;
background: #e82e44;
}
.btn-opacity {
color: #fff;
background: rgba(24,24,24,0.3);
}
.btn-white-opacity {
color: #181818;
background: rgba(255,255,255,0.7);
}
.btn-pink {
color: #fff;
background: #e368b0;
}
.btn-pink:hover{
background: #fff;
color: #181818;
}
.btn-transparent{
border:2px solid #fff !important;
color:#fff;
}
.btn-transparent.style2{
border-color:#585858 !important;
color:#585858;
}
.btn-round{
border-radius:30px;
}
.btn-yellow {
color: #181818;
background: #ffd200;
}
.btn-yellow:hover,.btn-green:hover,.btn-orange:hover,.btn-purple:hover,.btn-grey:hover,
.btn-darkgrey:hover{
background: #181818;
color: #fff;
}
.mega-xv.mega-black .btn-yellow:hover,.mega-xv.mega-black .btn-green:hover,.mega-xv.mega-black .btn-orange:hover,.mega-xv.mega-black .btn-purple:hover,.mega-xv.mega-black .btn-grey:hover,.mega-xv.mega-black .btn-darkgrey:hover{
background: #fff;
color: #181818;
}
.btn-fullwidth{
width: 100%;
padding-left: 5px;
padding-right: 5px;
}
/*.btn-lg {
font-size: 20px;
font-weight: 300;
}*/
.btn-lg.style2 {
padding: 10px 35px;
}
.btn-lg .fa {
margin-right: 10px;
}
.theme-color {
color: #77c84e;
}
.padGeneral,section,.section {
padding: 115px 0;
}
.blog .xvBlogWrap.section,.blog section.xvBlogWrap{
padding:70px 0;
}
.noPad{padding: 0;}
.pt-10 {
padding-top: 10px;
}
.pt-20 {
padding-top: 20px;
}
.pt-30 {
padding-top: 30px;
}
.pt-40 {
padding-top: 40px;
}
.pt-50 {
padding-top: 50px;
}
.pb-100 {
padding-top: 50px;
}
.pt-100 {
padding-top: 50px;
}
.mb-10 {
margin-bottom: 10px;
}
.mb-20 {
margin-bottom: 20px;
}
.mb-30 {
margin-bottom: 30px;
}
.mb-40 {
margin-bottom: 40px;
}
.mb-50 {
margin-bottom: 50px;
}
.mt-10 {
margin-top: 10px;
}
.mt-20 {
margin-top: 20px;
}
.mt-30 {
margin-top: 30px;
}
.mt-40 {
margin-top: 40px;
}
.mt-50 {
margin-top: 50px;
}
.mt-0 {
margin-top: 0;
}
.pb-0 {
padding-bottom: 0 !important;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
background: #d3c7b9;
}
input[type="text"],input[type="url"],input[type="tel"] ,textarea,input[type="email"],input[type="password"],input[type="date"],input[type="number"] {
height: 44px;
background: #d3c7b9;
color: black;
font-size: 14px;
text-transform: inherit;
border: 0;
padding-left: 20px;
width: 100%;
margin-bottom: 10px;
outline: none;
}
input[type="text"]::placeholder,input[type="url"]::placeholder,input[type="tel"]::placeholder ,textarea,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="date"]::placeholder,input[type="number"]::placeholder {
text-transform: uppercase;
}
input[type="text"]:focus,input[type="url"],input[type="tel"]:focus ,textarea,input[type="email"]:focus,input[type="password"],input[type="number"],input[type="date"]:focus{
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
}
input.grey {
background: #f1f1f1;
color: #717171;
}
input.light,textarea.light {
background: #fff;
}
input.gray,textarea.gray {
background: #e9e9e9;
}
textarea{
padding-top: 15px;
height: 150px;
margin-bottom: 10px;
}
header.head {
margin-bottom: 46px
}
.owl-prev,
.owl-next {
font-size: 30px;
}
.owl-dots {
text-align: center;
}
.slick-dots{
margin: 0;
padding: 0;
text-align: center;
}
.slick-dots li{
display: inline-block;
}
.slick-dots li button {
height: 14px;
width: 14px;
border-radius: 50%;
border: 1px solid #dcdcdc;
display: block;
margin: 3px;
text-indent: -999px;
background: #fff;
overflow: hidden;
}
.slick-dots li.slick-active button {
border: 1px solid #ff0000;
}
.products.orange .slick-dots li.slick-active button {
border: 1px solid #FF9600;
}
label{
font-weight: 400;
text-transform: uppercase;
}
.imgAsBG > img{
display:none;
}
/*=====================
2-Ratings
======================*/
.star-rating:after{
content: '\f005' ' ' '\f005' ' ' '\f005' ' ' '\f005' ' ' '\f005';
font-family:'FontAwesome';
position: relative;
color: #dadada;
}
.star-rating{
position: relative;
display: table;
margin: 0 auto;
font-size: 10px;
}
.star-rating:before{
font-family:'FontAwesome';
color: #ff0000;
position: absolute;
left: 0;
top: 0;
z-index: 9;
}
.star-rating.star-1:before{
content: '\f005';
}
.star-rating.star-2:before{
content: '\f005' ' ' '\f005';
}
.star-rating.star-3:before{
content: '\f005' ' ' '\f005' ' ' '\f005';
}
.star-rating.star-4:before{
content: '\f005' ' ' '\f005' ' ' '\f005' ' ' '\f005';
}
.star-rating.star-5:before{
content: '\f005' ' ' '\f005' ' ' '\f005' ' ' '\f005' ' ' '\f005';
}
/*.star-rating {
padding: 0;
margin: 0;
}
.star-rating li {
display: inline-block;
margin-right: -5px;
}
.star-rating .fa {
font-size: 10px;
color: #dadada;
}
.star-rating.stars-5 li:nth-child(1) .fa,
.star-rating.stars-5 li:nth-child(2) .fa,
.star-rating.stars-5 li:nth-child(3) .fa,
.star-rating.stars-5 li:nth-child(4) .fa,
.star-rating.stars-5 li:nth-child(5) .fa {
color: #ff0000;
}
.star-rating.stars-4 li:nth-child(1) .fa,
.star-rating.stars-4 li:nth-child(2) .fa,
.star-rating.stars-4 li:nth-child(3) .fa,
.star-rating.stars-4 li:nth-child(4) .fa {
color: #ff0000;
}
.star-rating.stars-3 li:nth-child(1) .fa,
.star-rating.stars-3 li:nth-child(2) .fa,
.star-rating.stars-3 li:nth-child(3) .fa {
color: #ff0000;
}
.star-rating.stars-2 li:nth-child(1) .fa,
.star-rating.stars-2 li:nth-child(2) .fa {
color: #ff0000;
}
.star-rating.stars-1 li:nth-child(1) .fa {
color: #ff0000;
}*/
/*=====================
3-Social
======================*/
.socials {
padding: 0;
margin: 0;
margin: 15px 0;
}
.socials.light li{
color: #dadada;
}
.socials li{
display: inline-block;
color: #000;
margin-right: 10px;
}
.socials li:hover{
color: #ff0000;
}
.socials li:last-child{
margin-right: 0;
}
/*==========================
4-parallax
==========================*/
.parallax {
clear: both;
position: relative;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 50% 0;
height: 100%;
width: 100%;
padding: 0;
background:#78e2dc;
background-size: cover;
background-position: center center;
}
.parallax_inner {
position: relative;
padding-top: 120px;
padding-bottom: 120px;
min-height:250px;
}
.parallax_one { background-image: url(../img/bgbags.jpg); }
.parallax_two { background-image: url(../img/parallax2.jpg);}
.parallax_three { background-image: url(../img/parallax3.jpg);}
/*================
5-Icons
================*/
.icon-arrow {
background: url(../img/icons/arrow.png) center center no-repeat;
height: 7px;
width: 19px;
display: block;
background-size: cover;
}
.sectionHalf {
position: relative;
}
.sectionHalf > div {
float: left;
width: 50%;
}
.sectionHalf .visualdiv {
background-size: cover;
background-position: center center;
}
.sectionHalf.visualLeft .content {
padding: 60px 120px 80px 60px;
}
.sectionHalf.visualRight .content {
padding: 60px 60px 80px 120px;
}
.sectionHalf.visualLeft .visualdiv {
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.sectionHalf.visualRight .visualdiv {
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.sectionHalf.visualLeft .content {
margin-left: 50%;
}
.sectionHalf.visualRight .content {
margin-right: 50%;
}
.inContainer{
padding: 50px 60px;
}
/*================
6-Header
================*/
.topHeader{
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}
.topHeader .container {
position: relative;
}
.topHeader.in-container {
position: relative;
background: #fff;
}
.topheadWrap{position: relative;}
.topHeader.in-container .topSearch{
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.topSearch {
max-width: 270px;
width: 100%;
height: 32px;
color: #717171;
font-size: 10px;
border-bottom: 1px solid #dadada;
position: absolute;
left: 15px;
top: 8px;
}
.topSearch input {
margin: 0;
letter-spacing: 1px;
border: 0;
width: 100%;
padding-right: 50px;
padding-left: 0;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.topSearch button {
background: 0;
height: 32px;
width: 22px;
border: 0;
position: absolute;
right: 0;
top: 0;
padding: 0;
font-size: 22px;
}
.topHeader.in-container .topLinks{
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.preHeaderLinks{
font-size:12px;
padding:5px 0;
}
.preHeaderLinks ul{
padding:0;
margin:0;
}
.preHeaderLinks li{
display:inline-block;
}
.preHeaderLinks li a{
display:block;
padding:15px;
text-decoration:none;
}
.preHeaderLinks li:first-child a{
padding-left:0;
}
.preHeaderLinks li:last-child a{
padding-right:0;
}
.doc-header{
position: relative;
z-index: 9999;
}
.doc-header .topLinks {
padding: 0;
position: absolute;
right: 15px;
top: 8px;
}
.doc-header .topLinks li {
display: inline-block;
margin-left: 8px;
}
.doc-header .topLinks a {
padding: 10px;
display: block;
font-size: 22px;
text-decoration: none;
position: relative;
}
.doc-header .topLinks a.resetPass{
padding: 0;
font-size: 12px;
color: #717171;
margin-top: 15px;
}
.accountDropdownTriger,
.languageDropdownTriger,
.cartDropdownTriger{
position: relative;
}
.doc-header.style1 .topLinks > .accountDropdownTriger .accountDropdown.style,
.doc-header.style1 .topLinks > .cartDropdownTriger .cartDropdown,
.doc-header.style1 .topLinks > .languageDropdownTriger .languageDropdown{
position: absolute;
right: 0;
top: 53px;
}
.doc-header.style2.style4 .topLinks > .accountDropdownTriger .accountDropdown.style,
.doc-header.style2.style4 .topLinks > .cartDropdownTriger .cartDropdown,
.doc-header.style2.style4 .topLinks > .languageDropdownTriger .languageDropdown{
position: absolute;
right: 0;
top: 81px;
}
.doc-header.style1.style3 .topLinks > .accountDropdownTriger .accountDropdown.style,
.doc-header.style1.style3 .topLinks > .cartDropdownTriger .cartDropdown,
.doc-header.style1.style3 .topLinks > .languageDropdownTriger .languageDropdown{
position: absolute;
right: 0;
top: 53px;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown,
.doc-header .topLinks > .accountDropdownTriger .languageDropdown{
position: absolute;
right: 0;
top: 84px;
padding-left: 0;
width: 215px;
border-top: 4px solid #ff0000;
display: none;
z-index: 9999999;
background: #fff;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.active{
display: block;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown > li{
display: block;
margin: 0;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown > li a{
font-size: 10px;
background: #fff;
color: #000;
padding: 10px 10px 10px 21px;
text-transform: uppercase;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown > li a:hover{
background: #f9f9f9;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown > li a:hover i{
color: #ff0000;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown > li a i{
font-size: 16px;
padding-right: 8px;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style{
width: 315px;
display: none;
top: 88px;
border-top: none;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs{
float: none;
width: 100%;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs > li{
float: left;
margin: 0;
font-size: 10px;
width: 50%;
background: #f9f9f9;
border: none;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs > li.active a{
background: #fff;
border-top: 5px solid #ff0000;
}
.doc-header.style2 .topLinks > .accountDropdownTriger .accountDropdown.style .tabs > li.active a,
.doc-header.style2 .topLinks > .cartDropdownTriger .cartDropdown,
.doc-header.style2 .topLinks > .languageDropdownTriger .languageDropdown{
border-color:#ffd200;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs > li a{
display: block;
font-size: 10px;
padding: 20px 10px;
background: #f9f9f9;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel{
width: 100%;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane{
background: #fff;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form input{
background: #f9f9f9;
color: #717171;
font-size: 12px;
text-transform: capitalize;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form a.btn{
font-size: 10px;
padding: 14px;
}
.doc-header.style1.style3 .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form a.btn{
background: #a88818;
color: #fff;
}
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tab-panel .tab-pane form span{
font-size: 12px;
color: #717171;
display: block;
margin-top: 16px;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown{
position: absolute;
right: 0;
top: 88px;
padding-left: 0;
background: #fff;
padding: 30px 40px 40px;
width: 415px;
border-top: 5px solid #ff0000;
z-index: 9999999;
display: none;
}
.bgPink.doc-header .topLinks > .cartDropdownTriger .cartDropdown,
.bgPink.doc-header .topLinks > .languageDropdownTriger .languageDropdown,
.bgPink.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs > li.active a,
.style1.doc-header .topLinks > .cartDropdownTriger .cartDropdown,
.style1.doc-header .topLinks > .languageDropdownTriger .languageDropdown,
.style1.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs > li.active a,
.style4.doc-header .topLinks > .cartDropdownTriger .cartDropdown,
.style4.doc-header .topLinks > .languageDropdownTriger .languageDropdown,
.style4.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style .tabs > li.active a{
border-color: #181818;
}
.doc-header.style1.style3 .topLinks > .cartDropdownTriger .cartDropdown .btn{
background: #a88818;
color: #fff;
}
.style4.doc-header .topLinks .cartCount{
background:#181818;
color:#fff;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown h1,
.doc-header .topLinks > .cartDropdownTriger .cartDropdown h2,
.doc-header .topLinks > .cartDropdownTriger .cartDropdown h3,
.doc-header .topLinks > .cartDropdownTriger .cartDropdown h4,
.doc-header .topLinks > .cartDropdownTriger .cartDropdown h5,
.doc-header .topLinks > .cartDropdownTriger .cartDropdown h6{
color: #000;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .addedItem{
position: relative;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .addedItem figure{
position: absolute;
top: 0;
left: 0;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .itemDetails{
padding: 9px 20px 4px 85px;
background: #f9f9f9;
margin: 10px 0;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .itemDetails span{
font-size: 10px;
display: block;
margin: 10px 0;
color: #000;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .itemDetails .price{
color: #717171;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .itemDetails .removeitem{
position: absolute;
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
right: 0;
color: #717171;
background: #F9F9F9;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .itemDetails .removeitem i{
color: #717171;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown h6{
font-size: 14px;
display: inline-block;
margin: 22px 0 18px;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown h6 span{
color: #ff0000;
padding-left: 132px;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .btn{
font-size: 12px;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .viewCart{
display: block;
text-align: center;
margin-top: 16px;
text-transform: uppercase;
color: #717171;
}
.doc-header .topLinks > .cartDropdownTriger .cartDropdown .viewCart .goToCart{
color: #181818;
display: inline-block;
font-size: 14px;
padding: 0;
text-decoration: underline;
}
.doc-header .topLinks .cartCount{
width: 18px;
height: 18px;
border-radius: 50%;
background: #ff0000;
display: block;
color: #fff;
font-size: 10px;
text-align: center;
line-height: 18px;
position: absolute;
top: 50%;
margin-top: -18px;
right: 2px
}
.bgPink.doc-header .topLinks .cartCount,.style1.doc-header .topLinks .cartCount{
background: #181818;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown{
position: absolute;
right: 0;
top: 88px;
padding: 20px;
width: 215px;
border-top: 5px solid #ff0000;
display: none;
background: #fff;
z-index: 9999999;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown > li{
display: inline-block;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown > li .languages{
float: left;
width: 70%;
padding-left: 0;
border-right: 1px solid #717171;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown > li .languages >li{
position: relative;
color: #717171;
display: block;
padding: 3px 0;
margin: 0;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown > li .languages >li img{
position: absolute;
left: 0;
top: 13px;
}
.doc-header .topLinks > .languageDropdownTriger > .languageDropdown > li a{
font-size: 9px;
color: #717171;
text-transform: uppercase;
background: #fff;
}
.doc-header .topLinks > .languageDropdownTriger > .languageDropdown > li > ul > li > a:hover,
.doc-header .topLinks > .languageDropdownTriger > .languageDropdown > li > ul > li.active > a{
color: #181818;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown > li .languages >li a span{
padding-left: 13px;
display: block;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown > li .currency{
float: left;
width: 30%;
padding-left: 0;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown > li .currency > li{
display: block;
padding: 3px 0;
}
.topHeader.in-container a.logo{
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.topHeader a.logo {
position: absolute;
left: 50%;
top: 0;
margin-left: -54px;
}
.topHeader a.logo .logo-light{display: none;}
.doc-header .cartBtn,.doc-header .navTriger{display: none;}
.doc-header .topLeftLinks{margin: 0;}
.doc-header .topLeftLinks li{
list-style: none;
}
.mobile-menu{
display: none;
}
.topHeader {
min-height: 130px;
padding: 34px 0;
z-index: 999;
}
.topHeader.short{
min-height:100px;
padding:0;
}
.doc-header.style2 .topHeader.short a.logo{
top:20px;
}
.topHeader.short .mainNav > li > a{
padding:40px 12px;
}
.doc-header.style4 .mainNav > li > a{
padding:47px 12px;
}
.doc-header.style4 .topHeader{
padding:0;
min-height:0;
}
.doc-header.style2.style4 .topHeader a.logo{
top:25px;
}
.doc-header.style2.style4 .topLinks{
top:50%;
margin-top:-24px;
}
.mainNav {
font-family: 'bridgestone', sans-serif;
font-size: 16px;
text-transform: uppercase;
padding: 0;
margin: 0;
text-align: right;
}
/*================
7-Drop Downs
=================*/
.menuBorder{
border-bottom:1px solid #fff;
border-bottom:1px solid rgba(255,255,255,0.3);
}
.mega-xv.mega-black h1,.mega-xv.mega-black h2,.mega-xv.mega-black h3,.mega-xv.mega-black h4,.mega-xv.mega-black h5,.mega-xv.mega-black h6{
color: #fff;
}
.mega-xv h1,.mega-xv h2,.mega-xv h3,.mega-xv h4,.mega-xv h5,.mega-xv h6{
color: #000;
padding: 0 15px;
}
.mega-xv .container{
position: relative;
padding: 30px 0;
}
.megaFix nav{
position: relative;
}
.boxed-style .doc-header .megaFix .mainNav{
position: static;
}
.boxed-style .doc-header .mainNav{
position: relative;
}
.boxed-style .doc-header .mainNav .mega-xv{
padding-left: 20px;
padding-right: 20px;
}
.makeMegaFancy{
width: 25%;
position: absolute;
top: 0px;
right: 15px;
height: 100%;
}
.makeMegaFancy img{
width: auto;
height: 100%;
}
.mega-xv.mega-black{
background: #181818;
}
.mega-xv{
overflow: hidden;
position: absolute;
left: 0;
width: 100%;
top: 120%;
background: #fff;
border-top: 4px solid #ff0000;
color: #717171;
text-align: left;
font-size: 11px;
text-transform: none;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.mega-xv ul{
font-family: "open sans", sans-serif;
padding: 0;
margin: 0;
}
.mega-xv .quick-invite{
padding-top: 15px;
}
.mega-xv .quick-invite a{
color:#ff0000;
text-decoration: underline;
text-transform: uppercase;
}
.mega-xv.mega-black .quick-invite,.mega-xv.mega-black .quick-invite a{
color: #fff;
}
.menu-thumb-widget{
margin: 0 -10px;
margin-bottom: 25px;
}
.mega-xv a.thumb-unit,.thumb-unit{
float: left;
text-align: center;
font-size: 10px;
text-transform: uppercase;
width: 14.28%;
padding: 0 10px;
display: block;
color: #717171;
}
.thumb-unit figcaption{
margin-bottom: 15px;
}
.mainNav > li.megaparent {
position: static;
}
.mainNav > li {
display: inline-block;
margin: 0 0px;
position: relative;
}
.mainNav > li > a{
text-decoration: none;
padding: 15px 12px;
display: block;
position: relative;
color:white;
box-sizing: border-box;
}
.mainNav > li:hover{
border-bottom:2px white solid;
}
.mainNav > li > ul{
position: absolute;
top: 120%;
/*left: 0;*/
min-width: 270px;
background: #fff;
border-left: 4px solid #000;
padding: 0px 0;
font-family: "open sans", sans-serif;
text-align: left;
text-transform: none;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
}
.mainNav > li.dropdown-style2 > ul{
background: #181818;
}
.mainNav > li > ul > li,.mega-xv ul > li{
display: block;
}
.mainNav > li > ul > li > a:before,.mega-xv ul > li > a:before{
display: inline-block;
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 4px;
border-color: transparent transparent transparent #717171;
margin-right: 6px;
top: -1px;
position: relative;
}
.mainNav > li > ul > li > a:hover:before,.mega-xv ul > li > a:hover:before{
border-left-color: #ff0000;
}
.mainNav > li.dropdown-style2 > ul > li > a:hover,.mega-xv.mega-black ul > li > a:hover{
background: #000000;
color: #fff;
}
.mainNav > li > ul > li > a:hover,.mega-xv ul > li > a:hover{
background: #f1f1f1;
color: #181818;
}
.mainNav > li > ul > li > a,.mega-xv ul > li > a{
display: block;
padding: 12px 30px;
color: #717171;
text-decoration: none;
}
.mega-xv ul > li > a{
padding: 10px 15px;
}
.mainNav > li:last-child > ul{
left: auto;
right: 0;
}
.coffee-nav{
background: #fff;
position: relative;
}
.coffee-nav .slidenavTriger{
font-size: 32px;
text-decoration: none;
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 50px;
text-align: center;
line-height: 50px;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.coffee-nav .sideNavTrig{
width: 78px;
position: fixed;
left: 0;
top: 0;
height: 100%;
background: #fff;
z-index: 9;
}
.coffee-nav a.logo{
position: absolute;
left: 50%;
top: 20px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
.coffee-nav .navWrap{
padding-top: 112px;
padding-bottom: 30px;
overflow: hidden;
overflow-y: scroll;
left: 0;
position: absolute;
top: 0;
height: 100%;
background: #fff none repeat scroll 0 0;
width: 296px;
}
.coffee-nav .mainNav > li{
display: block;
text-align: left;
margin: 0;
font-family: 'Arvo', serif;
font-size: 20px;
font-weight: bold;
letter-spacing: 0;
text-transform: lowercase;
color: #717171;
}
.coffee-nav .mainNav > li > a{
font-weight: bold;
padding: 15px 15px 15px 80px;
}
.coffee-nav .mainNav > li > a:hover,.coffee-nav .mainNav > li.active > a{
background: #f7f5f4;
color: #683f2e;
}
.coffee-nav .mainNav{
display: block;
}
.coffee-nav .navDisplay a.logo{left: 34%;}
.doc-header.coffee-nav .topLinks{
position: relative;
right: auto;
top: auto;
margin-top: 100px;
margin-bottom: 30px;
}
.doc-header.coffee-nav .topLinks li{
display: block;
margin: 0;
}
.doc-header.coffee-nav .topLinks li a{
font-size: 10px;
color: #717171;
text-transform: uppercase;
padding: 15px 15px 15px 80px;
}
.doc-header.coffee-nav .topLinks li a:hover{
background: #f7f5f4;
}
.doc-header.coffee-nav .topLinks li a i{
font-size: 20px;
color: #683f2e;
margin-right: 20px;
float: left;
}
.coffee-nav .navDisplay{
height: 100%;
overflow: hidden;
position: relative;
width: 280px;
display: block;
z-index: 999;
background: #fff;
position: fixed;
left: -300px;
top: 0;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.coffee-nav .closeNav{
font-size: 26px;
width: 54px;
height: 62px;
text-align: center;
line-height: 62px;
color: #fff;
background: #683f2e;
display: block;
text-decoration: none;
position: fixed;
top: -70px;
left: 280px;
transition:All 0.5s ease;
-webkit-transition:All 0.5s ease;
-moz-transition:All 0.5s ease;
-o-transition:All 0.5s ease;
}
.coffee-nav.active .closeNav{
top: 0;
}
.coffee-nav.active .navDisplay{
left: 0;
}
/*============
8-Splash
============*/
.splashWrap.gradientBg {
background: rgb(241, 241, 243);
background: -moz-linear-gradient(top, rgba(241, 241, 243, 1) 0%, rgba(244, 244, 246, 1) 37%, rgba(239, 240, 242, 1) 68%, rgba(236, 236, 238, 1) 100%);
background: -webkit-linear-gradient(top, rgba(241, 241, 243, 1) 0%, rgba(244, 244, 246, 1) 37%, rgba(239, 240, 242, 1) 68%, rgba(236, 236, 238, 1) 100%);
background: linear-gradient(to bottom, rgba(241, 241, 243, 1) 0%, rgba(244, 244, 246, 1) 37%, rgba(239, 240, 242, 1) 68%, rgba(236, 236, 238, 1) 100%);
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f3', endColorstr='#ececee', GradientType=0);
}
.splash .container {
position: relative;
height: 100%;
}
.splash .sideNav {
position: absolute;
left: 15px;
top: 65px;
z-index: 99;
}
.splash .sideNav {
padding: 0;
margin-bottom: 22px;
}
.sideNav .splashNav {
font-size: 12px;
letter-spacing: 1px;
padding: 0;
}
.sideNav .splashNav > li {
display: table;
}
.sideNav .splashNav a {
text-decoration: none;
}
.sideNav .socials li {
display: inline-block;
}
.splashNav .innerWrap .sideInnerNav > li:hover:before,.sideNav .splashNav a:hover{
color: #ff0000;
}
.splashNav .innerWrap .sideInnerNav > li:hover{
color: #000;
}
.sideInnerNav{
padding: 0;
margin: 0;
font-size: 12px;
color: #717171;
display: none;
margin: 25px 0;
}
.sideInnerNav li{
color: #717171;
display: block;
position: relative;
font-family: open sans;
padding: 3px 0 3px 13px;
}
.sideInnerNav li:before{
content: '\f0da ';
font-size: 8px;
position: absolute;
left: 3px;
top: 6px;
font-family:'FontAwesome';
}
.sideNav.style1 .splashNav{
margin-bottom: 22px;
}
.sideNav.style1 .socials{
color: #dadada;
}
.splash .sideNav .note,
.mainSlider.style1 .note {
font-size: 10px;
text-transform: uppercase;
border: 1px solid #181818;
display: table;
padding: 12px 20px;
margin-top: 250px;
letter-spacing: 0;
}
.mainSlider {
position: relative;
}
.mainSlider .caption {
text-align: right;
position: absolute;
right: 4%;
top: 35%;
}
.slideImage.slideImageRight{
right:0;
}
.slideImage.slideImageLefft{
left:0;
}
.mainSlider figure.slideImage{
position:absolute;
top:50%;
width:50%;
-webkit-transform:translate(0, -50%); -moz-transform:translate(0, -50%); -ms-transform:translate(0, -50%); -o-transform:translate(0, -50%); transform:translate(0, -50%);
}
.boxed-style .mainSlider .caption{
right:0;
}
.mainSlider figure {
display:block;
text-align: center;
max-width: 100%;
}
.mainSlider figure img {
max-height: 700px;
display: inline-block;
}
.mainSlider h1, .mainSlider h2, .mainSlider h3, .mainSlider h4{
text-transform: uppercase;
letter-spacing: 15px;
margin-bottom: 0;
}
.mainSlider .tagLine {
color: #ff0000;
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
margin-right: 23px;
}
.mainSlider .owl-next,.mainSlider .owl-prev {
font-size: 50px;
position: absolute;
left: 0;
top: 60%;
line-height: 60px;
z-index: 99;
}
.owl-next,.owl-prev{
cursor: pointer;
z-index: 9;
}
.mainSlider .owl-next{
top: 52%;
}
.controls-normal.mainSlider .owl-next{
top:50%;
margin-top:-20px;
left:auto;
right:30px;
color:#fff
}
.largeCaption{
font-size:95px;
line-height:85px;
}
.captionLeft{
right:auto !important;
left:70px !important;
}
.captionRight{
right:50px !important;
text-align:right !important;
left:auto !important;
}
.captionWhite{
color:#fff !important;
}
.captionTxtMedium{
font-size:20px;
}
.controls-normal.mainSlider .owl-prev{
top:50%;
margin-top:-20px;
right:auto;
left:30px;
color:#fff;
}
.slider-wraper{
padding-right: 50px;
margin-left: -5px;
}
.slider-nav .slick-arrow{
cursor: pointer;
font-size: 30px;
}
.slider-nav .slick-prev{
position: absolute;
right: -52px;
top: 55px;
}
.slider-nav .slick-next{
position: absolute;
right: -52px;
top: 20px;
}
.slider-wraper.small .slider-nav .slick-prev{
position: absolute;
right: -52px;
top: 48px;
}
.slider-wraper.small .slider-nav .slick-next{
position: absolute;
right: -52px;
top: 12px;
}
.slider-wraper.medium .slider-nav .slick-prev{
position: absolute;
right: -52px;
top: 55px;
}
.slider-wraper.medium .slider-nav .slick-next{
position: absolute;
right: -52px;
top: 20px;
}
.slider-wraper.large .slider-nav .slick-prev{
position: absolute;
right: -52px;
top: 65px;
}
.slider-wraper.large .slider-nav .slick-next{
position: absolute;
right: -52px;
top: 30px;
}
.slick-arrow.slick-disabled{
opacity: 0.5;
pointer-events: none;
z-index: 99;
}
.slick-slide{
position: relative;
overflow: hidden;
}
.mainSlider .owl-prev,.mainSlider .owl-next {font-size: 50px;}
.mainSlider.style1 .caption {
position: relative;
text-align: center;
color: #fff;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.mainSlider.style1.centered .caption{
width: 100%;
right: 0;
}
.mainSlider.style1 .caption h1,
.mainSlider.style1 .caption h2,
.mainSlider.style1 .caption h3 {
margin-top: 0;
}
.mainSlider.style1 .tagLine {
color: #fff;
}
.mainSlider.style1 .slide {
height: 670px;
background-size: cover;
background-position: center center;
}
.mainSlider.style1 .note {
color: #fff;
border: 1px solid #fff;
position: absolute;
left: 50%;
bottom: 50px;
top: auto;
margin: 0;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
.mainSlider.style1 .owl-prev,
.mainSlider.style1 .owl-next {
color: #fff;
font-size: 50px;
width: 50px;
height: 50px;
line-height: 50px;
top: 50%;
margin-top: -25px;
position: absolute;
}
.mainSlider.style1 .owl-prev {
left: 10%;
}
.mainSlider.style1 .owl-next {
right: 10%;
left: auto;
}
.mainSlider.style1 .owl-nav {
position: relative;
left: auto;
top: auto;
}
.mainSlider.style1 .owl-nav {
height: 100%;
left: auto;
position: absolute;
top: 0;
width: 100%;
}
.overlay {
background: rgba(24, 24, 24, 0.5);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.overlay.light{background: rgba(255,255,255,0.5);}
.overlayInner {
position: relative;
}
.xvBanners .xvBanner {
display: block;
position: relative;
height: 322px;
background-position: center center;
background-size: cover;
color: #fff;
float: left;
text-align: center;
width: 25%;
}
.xvBanners .xvBanner .head {
font-family: 'bridgestone';
font-size: 24px;
text-transform: uppercase;
display: block;
font-weight: bold;
}
.xvBanners .xvBanner .tag {
font-family: open sans;
font-size: 18px;
display: block;
}
.xvBanners .xvBanner .overlayInner {
position: absolute;
width: 100%;
left: 0;
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.xvBanners.style1 .xvBanner{
width: 33.33%;
height: 290px;
text-transform: uppercase;
}
.xvBanners.style1 .xvBanner .head{
font-family: 'bridgestone';
font-size: 20px;
font-weight: 400;
}
.xvBanners.style1 .xvBanner .tag{
font-size: 12px;
font-family: 'bridgestone';
}
/*=====================
9-Deals
======================*/
.xvDeals {
color: #fff;
text-transform: uppercase;
}
.xvDeals .xvDeal {
height: 290px;
position: relative;
background-size: cover;
background-position: center center;
}
.xvDeals .xvDeal a {
font-size: 12px;
}
.xvDeals .xvDeal a:hover{
color:#ff0000;
}
.xvDeals .xvDeal h2 {
margin-top: 0;
}
.xvDeals .xvDeal .content {
width:30%;
position: absolute;
top: 50%;
right: 38px;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.xvDeals .xvDeal .content > p{
text-transform:none;
color:rgba(0,0,0,0.5);
height:0;
overflow:hidden;
-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;
}
.xvDeals .xvDeal:hover .content > p{
height:50px;
margin-bottom:20px;
}
/*=====================
10-Prodects
======================*/
.productsWrap{
overflow: hidden;
}
.products{
z-index: 99;
position: relative;
}
.products.ajaxify.style1 .product{
width: 20%;
}
.products.ajaxify .product{
width: 33.3334%;
}
.products.ajaxify .product{
padding: 3px;
margin: 0;
float: left;
}
.products.ajaxify .product-grid{
margin: 0 -3px;
}
.products.product-grid-2,.sectionHalf.visualRight .products.product-grid-2{
margin: 0 -15px;
}
.products.product-grid-2 .product{
float: left;
width: 50%;
padding: 15px;
}
.products.product-grid-2 .product span.tag{
left: 15px;
top: 15px;
}
.products.ajaxify .product span.tag{
left: 3px;
top: 3px;
}
.products.ajaxify .customslider-controls{
margin-bottom: 83px;
}
.products.ajaxify .customslider-controls a.disabled{
opacity: 0.5;
pointer-events: none;
}
.products.ajaxify.style1 .customslider-controls{
margin-bottom: 0;
}
.products .head {
margin-bottom: 50px;
}
.products.ajaxify .product span.tag{padding: 0;}
.products .controls {
width: 14%;
float: left;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.products .wrap{
position: relative;
}
.products .content {
width: 86%;
float: left;
margin-left: 14%;
}
.product {
position: relative;
margin: 0 0 30px 0;
display:block;
}
.product .quickBtns{
margin: 0;
padding: 0;
width: 95%;
position: absolute;
top: 435px;
left: 50%;
transform: translate(-50%, 0px);
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
display: none;
}
.products.styleBtns .product:hover .quickBtns{
display: block;
}
.product .quickBtns li{
float: left;
width: 50%;
display: inline-block;
}
.product:hover .links {
display: block;
}
.product span.tag {
font-size: 10px;
color: #fff;
background: #181818;
text-transform: uppercase;
padding: 3px 8px;
position: absolute;
left: 0;
top: 0;
z-index:50;
}
.product .links {
padding: 0;
position: absolute;
top: 420px;
left: 50%;
margin-left: -90px;
margin-bottom: 0;
display: none;
z-index:20;
}
.product .links li:hover {
background: #ff0000;
color: #fff;
}
.product .links li:hover a {
color: #fff;
}
.product .links li {
display: inline-block;
float: left;
height: 60px;
width: 60px;
line-height: 64px;
text-align: center;
background: #fff;
font-size: 24px;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
}
.product .links li a {
display: block;
text-decoration: none;
}
.product .productInfo {
padding-top: 13px;
z-index:20;
}
.products.col-grid-5 .productInfo {
position: absolute;
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
left: 0;
text-align: center;
padding: 0;
width: 100%;
display: none;
}
.products.col-grid-5 .product:hover .productInfo{
display: block;
}
.product .productInfo h6,.product .productInfo h3 {
margin-bottom: 3px;
font-size: 12px;
text-transform: uppercase;
}
.products.style1 .product .productInfo h6,.products.style1 .product .productInfo h3{
font-size: 10px;
}
.product .productInfo a {
text-decoration: none;
}
.product .productInfo .price {
font-size: 12px;
color: #717171;
display: block;
margin-top: 8px
}
.products .controls .changeView {
padding: 0;
margin: 0;
}
.products .controls .changeView li {
display: inline-block;
margin-right: 3px;
opacity: 0.2;
}
.products .controls .changeView li.active {
opacity: 1;
}
.customslider-controls{
padding: 0;
margin: 0;
position: absolute;
left: 0;
bottom: 0;
}
.customslider-controls li {
display: inline-block;
font-size: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.customslider-controls li a{text-decoration: none;}
/*Style1*/
.products.style2 .product .links {
top: 190px
}
.products.style1 .product .links li,
.products.style2 .product .links li {
height: 45px;
width: 45px;
line-height: 45px;
font-size: 20px
}
.products.style1 .product .links,
.products.style2 .product .links {
margin-left: -67.5px;
}
.products.style1 .product .productInfo{
position: absolute;
left: 0;
bottom: 100px;
width: 100%;
visibility: hidden;
transition:All 0.2s ease;
-webkit-transition:All 0.2s ease;
-moz-transition:All 0.2s ease;
-o-transition:All 0.2s ease;
}
.products.style1 .product:hover .productInfo{
visibility: visible;
bottom: 80px;
}
.products.style1 .product .links{
top: auto !important;
bottom: 20px;
}
.products.style1 .product .productInfo h6,
.products.style1 .product .productInfo .price {
font-size: 10px;
color: #181818;
}
.products.style1.new .product .productInfo h6,
.products.style1.new .product .productInfo .price {
font-size: 10px;
color: #000;
}
.products.style1.new .product:hover .visual,
.products.style1.new .product:hover .links{
display: block;
}
.products.style1.new .product .links li:hover{
background: #ff0000;
color: #fff;
}
/*
.products.style1 .product .productInfo {
position: absolute;
left: 0;
width: 100%;
top: 70px;
display: none;
}
.products.style1 .product:hover .productInfo {
display: block;
}
*/
.products.style1 .star-rating:after {
color: #181818;
}
/*=====Style2=====*/
.products.style2 .product .productInfo h6 {
font-size: 10px;
}
.products.style2 .product .productInfo .price {
font-size: 10px;
}
.products.style2 .product .visual,
.products.style2 .product .productImages {
height: 280px;
}
.products.style2 .product .links {
top: 210px;
}
.products.style2 .product .productInfo {
padding-top: 5px;
display: block;
text-decoration: none;
}
.products.style2 .owl-prev,
.products.style2 .owl-next {
font-size: 30px;
}
.products.style2 .owl-nav,.products.style1 .owl-nav,.xvBlogWrap.news .owl-nav,.products.styleControls .owl-nav{
position: absolute;
right: 0;
top: -70px;
width: 69px;
}
.controls-right .owl-next,.controls-right .owl-prev{
position: absolute;
right: 0;
top: -70px;
}
.controls-right .owl-prev{
right: 36px;
}
.slick-carousel.item-margin-30 .slick-list{
margin: 0 -15px;
}
.slick-carousel.item-margin-6 .slick-list{
margin: 0 -3px;
}
.slick-carousel.item-margin-0 .slick-list{
margin: 0;
}
.slick-carousel.item-margin-30 .slick-slide{
padding: 0 15px !important;
}
.slick-carousel.item-margin-6 .slick-slide{
padding: 0 3px !important;
}
.slick-carousel.item-margin-30 .product span.tag{
left: 15px;
}
.slick-carousel.item-margin-6 .product span.tag{
left: 3px;
}
.slick-carousel.item-margin-30 .xvBlogPost .date{
right: 35px !important;
}
/*====NewStyle==*/
.products .prodLay {
background: rgba(255, 255, 255, 0.7);
height: 100%;
width: 100%;
display: none;
}
.product:hover .prodLay {
display: block;
}
.products.style1.new .product .productInfo {
text-align: left;
}
.products.style1.new{
padding: 0;
margin: 0 -15px;
position: relative;
}
.products.style1.new li{
list-style: none;
}
.products.style1.new li.product{}
.products.style1.new .product {
height: 225px;
margin-bottom: 30px;
}
.products.style1.new .product .visual {
height: 100%;
background-size: cover;
}
.products.style1.new .product.featured, .products.style1.new > li:nth-child(1){
height: 480px;
}
.products.style1.new .product .productInfo h6 {
margin-top: 0;
}
.products.style1.new .product{
overflow:hidden;
}
.products.style1.new .product .productInfo {
position: absolute;
margin: 0;
top: 30px;
left: 45px;
padding-top: 0;
visibility:hidden;
margin-top:-50px;
filter:alpha(opacity=0);
opacity:0;
-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;
}
.products.style1.new .product:hover .productInfo{
margin-top:0;
visibility:visible;
filter:alpha(opacity=100);
opacity:1;
}
.products.style1.new .product .links {
margin: 0;
left: 35px;
bottom: 20px;
top: auto;
padding: 0;
}
/*=================
11-Testimonials
================*/
.xvTestimonials {
text-transform: uppercase;
position: relative;
}
section.xvTestimonials{
padding:160px 0;
}
.xvTestimonials .textWrap{
max-width: 55%;
margin: 0 auto;
}
.xvTestimonial span.quote {
font-size: 20px;
display: block;
margin-bottom: 12px;
}
.xvTestimonial blockquote {
letter-spacing: 0 ;
padding: 0 ;
margin-bottom: 12px ;
font-size: 20px ;
border: 0 ;
}
.xvTestimonial cite.from {
color: #9c9c9c;
font-style: normal;
font-size: 10px;
}
.xvTestimonials .owl-prev {
position: absolute;
left: 10%;
top: 50%;
margin-top: -15px;
font-size: 30px;
}
.xvTestimonials .owl-next {
position: absolute;
right: 10%;
top: 50%;
margin-top: -15px;
font-size: 30px;
}
/*=================
12-About Brand
===============*/
.aboutBrand .visual {
height: 265px;
width: 100%;
position: relative;
background-size: cover;
}
.aboutBrand .aboutBox:hover .aboutlay,
.aboutBrand .aboutBox:hover .aboutlay.light{
visibility: hidden;
background: rgba(24, 24, 24, 0);
}
.aboutBrand .aboutlay {
background: rgba(24, 24, 24, 0.5);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}
.aboutBrand .aboutlay.light{
background: rgba(299, 299, 299, 0.5);
}
.aboutBrand h1,.aboutBrand h2,.aboutBrand h3,.aboutBrand h4,.aboutBrand h5,.aboutBrand h6 {
text-transform: uppercase;
margin-top: 30px;
margin-bottom: 30px;
}
.xvBrands{
padding: 80px 0;
}
.xvBrands ul {
padding: 0;
text-align: center;
}
.xvBrands li {
display: inline-block;
margin: 15px 0;
float: left;
text-align: center;
width: 25%;
filter:alpha(opacity=20);
opacity:0.2;
-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;
}
.xvBrands li a{
display: block;
}
.xvBrands li:first-child {
margin-left: 0;
}
.xvBrands li:last-child {
margin-right: 0;
}
.xvBrands li:hover {
filter:alpha(opacity=100);
opacity:1;
}
/*================
13-Footer
================*/
.doc-footer {
text-transform: uppercase;
font-size: 13px;
letter-spacing: 1px;
padding: 80px 0 50px 0;
color:inherit;
}
.doc-footer h1,.doc-footer h2,.doc-footer h3,.doc-footer h4,.doc-footer h5,.doc-footer h6 {
margin-bottom: 45px;
margin-top: 0;
}
.doc-footer .links {
padding: 0;
margin-bottom: 45px;
}
.doc-footer .links li {
display: table;
letter-spacing: 2px;
margin-bottom: 18px;
}
.doc-footer .links li a {
color: #717171;
text-decoration: none;
}
.doc-footer .links li a:hover{
color:#ff0000;
}
.doc-footer .copyrights {
color: #717171;
text-align: right;
display: block;
}
.doc-footer .newsletter {
background: #ffffff;
position: relative;
}
.doc-footer .newsletter input {
width: 100%;
height: 48px;
padding: 0 50px 0 20px;
border: none;
margin-bottom: 0;
}
.doc-footer .newsletter button {
border: 0;
background: none;
height: 48px;
width: 48px;
line-height: 48px;
position: absolute;
right: 0;
top: 0;
color: #717171;
}
.doc-footer.in-container{
padding: 80px 60px 50px;
}
/*=========
14-LookBook
==========*/
.lookBook .item {
height: 200px;
width: 25%;
padding: 3px;
}
.lookBook .item.featured, .lookBook .item:nth-child(1) {
height: 400px;
width: 50%;
}
.lookBook .item.style1, .lookBook .item:nth-child(4) {
height: 400px;
}
.lookBook .head {
margin-bottom: 40px;
}
.lookBook .preview {
text-align: center;
height: 100%;
width: 100%;
display: block;
background-size: cover;
background-position: center center;
}
.lookBook .preview img {
width: 69px;
height: 69px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -35px;
margin-top: -35px;
}
.lookBook .item:hover .looklay{
height: 100%;
width: 100%;
cursor: url(../img/icons/plus.png), crosshair;
background-color: rgba(168, 104, 227, 0.7);
}
/*=====================
15-About US
======================*/
.xvAboutus {
position: relative;
}
.xvAboutus > div {
width: 50%;
float: left;
}
.xvAboutus .visual {
background-position: center center;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
}
.xvAboutus .content h1,.xvAboutus .content h2,.xvAboutus .content h3,.xvAboutus .content h4,.xvAboutus .content h5,.xvAboutus .content h6 {
margin-bottom: 30px;
}
.xvAboutus .content a.btn {
margin-top: 45px;
}
.xvAboutus .content {
padding: 80px 115px 90px 85px;
margin-left: 50%;
}
.xvAboutus .contentWrap {
max-width: 600px;
margin-left: auto;
}
.xvAboutus.upcomming{
padding:100px 0;
}
.xvAboutus.upcomming .visual {
left: auto;
right: 0;
}
.xvAboutus.upcomming .content {
padding: 0 30px 0 0;
margin-left: 0;
}
.xvAboutus.upcomming .inputWrap {
margin-bottom: 10px;
}
/*=====================
16-Widgets
======================*/
.xvWidgets h1,.xvWidgets h2,.xvWidgets h3,.xvWidgets h4,.xvWidgets h5,.xvWidgets h6 {
font-size: 16px;
margin-bottom: 30px;
}
.xvWidgets .featuredBox .item {
background: #f9f9f9;
position: relative;
margin-bottom: 20px;
-webkit-transition:background 0.2s ease; -moz-transition:background 0.2s ease; -ms-transition:background 0.2s ease; -o-transition:background 0.2s ease; transition:background 0.2s ease;
}
.xvWidgets .featuredBox .item:hover {
background: #181818;
}
.xvWidgets .featuredBox .item:hover h6 {
color: #fff;
}
.xvWidgets .featuredBox .item a {
display: block;
padding: 25px 10px 10px 0;
min-height: 86px;
text-decoration: none;
}
.xvWidgets .featuredBox .item:last-child {
margin-bottom: 0;
}
.xvWidgets .featuredBox figure {
position: absolute;
left: 15px;
top: 15px;
height: 60px;
width: 60px;
}
.xvWidgets .featuredBox .info {
padding-left: 102px;
}
.xvWidgets .featuredBox h6 {
margin: 0;
margin-bottom: 8px;
font-size:12px;
}
.xvWidgets .featuredBox .price {
font-size: 12px;
color: #717171;
text-transform: uppercase;
display: block;
}
.xvWidgets .introBox figure {
position: relative;
margin-bottom: 25px;
}
.xvWidgets .introBox figcaption {
background: rgba(24, 24, 24, 0.3);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.xvWidgets .introBox figcaption a {
display: block;
height: 100%;
}
.xvWidgets .introBox figcaption img {
position: absolute;
left: 50%;
top: 50%;
height: 50px;
width: 50px;
margin-top: -25px;
margin-left: -25px;
}
/*=====================
17-Stats
======================*/
.xvStats {
background: #ff0000;
color: #fff;
text-transform: uppercase;
padding: 65px 0;
}
.xvStats ul {
padding: 0;
}
.xvStats ul li {
display: inline-block;
float: left;
width: 20%;
}
.xvStats .xvStat {
font-size: 30px;
display: block;
margin-bottom: 15px;
}
.xvStats .info {
font-size: 10px;
}
/*=====================
18-Subscription
======================*/
.xvSubscription {
padding-bottom: 0px;
}
.xvSubscription h1,.xvSubscription h2,.xvSubscription h3,.xvSubscription h4,.xvSubscription h5,.xvSubscription h6 {
margin-bottom: 38px;
}
.xvSubscription ul {
padding: 0;
margin: 0;
max-width: 86%;
margin: 0 auto;
}
.xvSubscription li {
display: inline-block;
width: 43%;
float: left;
margin-right: 1%;
}
.xvSubscription li:last-child {
margin-right: 0;
}
.xvSubscription li:last-child {
width: 12%;
}
.xvSubscription input {
padding-right: 60px;
margin: 0;
}
.xvSubscription.style1 input{
margin-bottom: 10px;
}
.xvSubscription .inputWrap {
position: relative;
}
.xvSubscription .inputWrap i {
color: #717171;
font-size: 16px;
position: absolute;
right: 22px;
top: 15px;
}
/*=======*/
.xvShopcat {
border-bottom: 1px solid #f1f1f1;
}
.xvShopcat .category {
height: 335px;
width: 100%;
background-size: cover;
background-position: center center;
position: relative;
background-color: #f4f4f4;
}
.xvShopcat.style1 .category{
margin-bottom: 30px;
}
.xvShopcat a.btn {
min-width: 196px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.xvShopcat a.btn:hover {
background: #181818;
color: #fff;
}
/*=====================
19-Features
======================*/
.xvAboutFeatures i {
height: 80px;
width: 80px;
border-radius: 50%;
background: #f9f9f9;
font-size: 30px;
display: block;
line-height: 80px;
margin: 0 auto;
transition: All 0.3s ease;
-webkit-transition: All 0.3s ease;
-moz-transition: All 0.3s ease;
-o-transition: All 0.3s ease;
position:relative;
}
.xvAboutFeature i:after{
position:absolute;
content:"";
left:50%;
top:50%;
margin-top:-40px;
margin-left:-40px;
width:80px;
height:80px;
border:4px solid #f9f9f9;
border-radius:inherit;
}
.xvAboutFeature:hover i:after{
margin-top:-48px;
margin-left:-48px;
width:96px;
height:96px;
border-color:#ff0000;
}
.xvAboutFeatures h1,.xvAboutFeatures h2,.xvAboutFeatures h3,.xvAboutFeatures h4,.xvAboutFeatures h5,.xvAboutFeatures h6 {
margin: 30px 0 30px 0;
}
.xvAboutFeatures .xvAboutFeature:hover i {
background: #ff0000;
color: #fff;
}
/*=====================
20-Accordian
======================*/
.xvAccordianWrap {
background: #f9f9f9;
margin-bottom: 8px;
}
.xvAccordianWrap .xvaccorTriger {
text-transform: uppercase;
text-decoration: none;
display: block;
position: relative;
padding: 15px 25px;
font-size: 12px;
padding-right: 50px;
}
.xvAccordianWrap .accorPane {
padding: 2px 25px 10px 25px;
display: none;
}
.xvAccordianWrap.active .accorPane {}
.xvAccordianWrap .xvaccorTriger:after {
content: "\ebb6";
font-family: 'linea';
font-size: 20px;
position: absolute;
right: 25px;
top: 11px;
}
.xvAccordianWrap.active .xvaccorTriger:after {
content: "\ebb5";
}
/*=========Accordian mobile menu=====*/
.mobile-menu .xvAccordianWrap {
background: #fff;
margin-bottom: 0;
}
.mobile-menu .xvAccordianWrap .xvaccorTriger {
text-transform: uppercase;
text-decoration: none;
display: block;
position: relative;
padding: 15px 25px;
font-size: 15px;
color: #181818;
padding-right: 50px;
}
.mobile-menu .xvAccordianWrap .accorPane {
padding: 2px 25px 10px 25px;
display: none;
}
.mobile-menu .xvAccordianWrap.active .accorPane {}
.mobile-menu .xvAccordianWrap .xvaccorTriger:after {
content: "\ebb6";
font-family: 'linea';
font-size: 20px;
position: absolute;
right: 25px;
top: 11px;
}
.mobile-menu .xvAccordianWrap.active .xvaccorTriger:after {
content: "\ebb5";
}
/*=========*/
.aboutStyle h1,.aboutStyle h2,.aboutStyle h3,.aboutStyle h4,.aboutStyle h5,.aboutStyle h6 {
margin-bottom: 30px;
}
.aboutStyle .woo figure {
float: left;
margin-right: 25px;
}
/*=====================
21-Promo
======================*/
.xvPromo {
text-transform: uppercase;
padding: 180px 0;
}
.xvPromo h2 {
font-size: 50px;
margin-top: 0;
margin-bottom: 28px;
}
.xvPromo .tag {
font-size: 16px;
display: block;
}
/*=====================
22-BlogPosts
======================*/
.xvBlogWrap .xvBlogPost {
position: relative;
}
.xvBlogWrap .xvBlogPost .visual {
height: 250px;
background-size: cover;
background-position: center center;
}
.xvBlogWrap .xvBlogPost .owl-prev,
.xvBlogWrap .xvBlogPost .owl-next {
position: absolute;
top: 50%;
margin-top: -15px;
height: 30px;
width: 30px;
color: #fff;
line-height: 30px;
}
.xvBlogWrap .xvBlogPost .owl-prev {
left: 20px;
}
.xvBlogWrap .xvBlogPost .owl-next {
right: 20px;
}
.xvBlogWrap .xvBlogPost.style .owl-nav{
height: 100%;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.xvBlogWrap .xvBlogPost .links {
padding: 0;
margin-bottom: 28px;
}
.xvBlogWrap .xvBlogPost .links li {
display: inline-block;
font-size: 10px;
color: #717171;
text-transform: uppercase;
}
.xvBlogWrap .xvBlogPost .xvPostInfo {
margin-top: 28px;
}
.xvBlogWrap .xvBlogPost h1,.xvBlogWrap .xvBlogPost h2,.xvBlogWrap .xvBlogPost h3,.xvBlogWrap .xvBlogPost h4,.xvBlogWrap .xvBlogPost h5,.xvBlogWrap .xvBlogPost h6 {
margin-bottom: 8px;
margin-top: 25px;
}
.xvBlogWrap .xvBlogPost h6{
font-size:14px;
}
.xvBlogWrap .masonry .xvBlogPost h6{
font-size:16px;
}
.xvBlogWrap .masonry .xvBlogPost .date{
color:#717171;
font-size:11px;
}
.xvBlogWrap .xvBlogPost.video .visual {
position: relative;
}
.xvBlogWrap .xvBlogPost.video .postlay {
background: rgba(24, 24, 24, 0.5);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.xvBlogWrap .xvBlogPost.video .visual img {
position: absolute;
left: 50%;
top: 50%;
margin-top: -25px;
margin-left: -25px;
height: 50px;
width: 50px;
}
.xvBlogWrap .xvBlogPost a.readmore {
display: table;
font-size: 10px;
margin: 33px auto 18px;
}
.xvBlogWrap .xvBlogPost {
border: 2px solid #f1f1f1;
padding: 20px;
}
.xvBlogWrap .xvBlogPost .visual {
height: 188px;
display:block;
}
.xvBlogWrap .xvBlogPost.quote blockquote{
font-weight: 600;
font-size: 18px;
font-family: open sans;
border: 0;
padding: 0;
}
.xvBlogWrap .xvBlogPost.quote .comment,.readPost i{
height: 50px;
width: 50px;
line-height: 50px;
color: #fff;
background: #ff0000;
font-size: 16px;
display: block;
border-radius: 50%;
margin: 0 auto;
text-align: center;
}
.xvBlogWrap .xvBlogPost.quote a.author{
color: #ff0000;
font-size: 10px;
text-transform: uppercase;
margin-top: 25px;
display: table;
margin: 33px auto 18px;
}
.xvBlogWrap .xvBlogPost .date{
color: #181818;
display: inline-block;
font-size: 10px;
text-transform: uppercase;
}
.xvBlogWrap.style1 .xvBlogPost .date {
font-size: 10px;
text-align: center;
height: 55px;
width: 55px;
line-height: 14px;
text-transform: uppercase;
z-index: 9;
background: #fff;
position: absolute;
right: 20px;
top: 20px;
padding-top: 14px;
-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;
}
.xvBlogWrap.style1 .xvBlogPost .date:after{
left:0px;
bottom:0px;
top:0px;
right:0px;
border:4px solid #fff;
content:"";
position:absolute;
-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease;
}
.xvBlogWrap.style1 .xvBlogPost:hover .date:after{
left:-8px;
bottom:-8px;
top:-8px;
right:-8px;
}
.xvBlogWrap.style1 .xvBlogPost{
padding: 0;
border: 0;
}
.xvBlogWrap.style1 .xvBlogPost .visual{
height: 256px;
}
.xvBlogWrap .masonry .xvBlogPost{
margin-bottom: 50px;
}
.xvBlogWrap.postMd .articleWrap,.xvBlogWrap.postSm .articleWrap{
margin: 0 -15px;
}
.xvBlogWrap.postLg .visual{
height: 575px !important;
}
.xvBlogWrap.postLg .xvBlogPost h6{
font-size: 20px;
margin-top: 28px
}
.xvBlogWrap.postLg .xvBlogPost,.xvBlogWrap.postMd .xvBlogPost,.xvBlogWrap.postSm .xvBlogPost{
margin-bottom: 50px;
}
.xvBlogWrap.postSm .xvBlogPost:hover .date:after{
display:none !important;
}
.xvBlogWrap.postSm .xvBlogPost .date,
.xvBlogWrap.postMd .xvBlogPost .date{
right:30px;
}
.xvBlogWrap.postLg .links li:after,.xvBlogWrap.postMd .links li:after,.xvBlogWrap.postSm .links li:after{
content: '|';
padding: 0 3px 0 8px;
}
.xvBlogWrap.postLg .links li:last-child:after,.xvBlogWrap.style1.postMd .links li:last-child:after,.xvBlogWrap.style1.postSm .links li:last-child:after{
content: '';
}
.xvBlogWrap a.loadmore{
margin: 0 auto;
display: table;
}
.xvBlogWrap .xvBlogPost.quote .quoteInner{
padding: 46px 46px 30px 46px;
position: relative;
}
.xvBlogWrap .xvBlogPost.style1.quote .comment{
position: absolute;
left: 46px;
top: 50%;
margin-top: -25px;
}
.xvBlogWrap .xvBlogPost.style1.quote .xvPostInfo{
padding-left: 64px;
}
.xvBlogWrap .xvBlogPost.style1.quote a.author{
margin: 33px 0 18px 64px;
}
.xvBlogWrap.postMd .visual{
height: 335px !important;
}
.xvBlogWrap.postMd .xvBlogPost h6,.xvBlogWrap.postSm .xvBlogPost h6{
font-size: 14px;
margin-top: 28px
}
.xvBlogWrap.postMd .xvBlogPost p,.xvBlogWrap.postSm .xvBlogPost p{
overflow: hidden;
text-overflow: ellipsis;
white-space: unset;
height: 78px;
}
.xvBlogWrap.postMd .xvBlogPost{
float: left;
padding: 0 15px;
width: 50%;
min-height: 550px;
}
.xvBlogWrap.postSm .visual{
height: 225px !important;
}
.xvBlogWrap.postSm .xvBlogPost{
float: left;
min-height: 415px;
width: 33.333334%;
padding: 0 15px;
}
.xvBlogWrap.postSm .xvBlogPost:nth-child(1){margin-left: 0 !important;}
.xvBlogWrap.postSm .xvBlogPost.style1.quote .comment{
left: auto;
top: auto;
position: relative;
margin: 0 auto;
margin-bottom: 15px;
}
.xvBlogWrap.postSm .xvBlogPost.style1.quote .xvPostInfo{
padding: 0;
}
.xvBlogWrap.postSm .xvBlogPost.style1.quote a.author{
margin-left: 0;
}
.xvBlogWrap.postSm .xvBlogPost.quote .quoteInner{
padding: 30px;
}
.xvBlogWrap.postSm .xvBlogPost.quote blockquote{
height: 135px;
overflow: hidden;
text-overflow: ellipsis;
}
.xvBlogHead{
margin-bottom: 30px;
}
.xvBlogHead h6{
float: left;
margin: 0;
margin-top: 8px;
}
.changeBlogstyle,.changePortfoliostyle{
float: right;
padding: 0;
margin: 0;
}
.changeBlogstyle li,.changePortfoliostyle li{
display: inline-block;
opacity: 0.1;
margin-left: 5px;
}
.changeBlogstyle li.active,.changePortfoliostyle li.active{opacity: 1;}
blockquote{letter-spacing: 1px;}
.readPost{
position: relative;
padding: 0;
padding-left: 60px;
border: 0;
font-family: Open Sans;
font-size: 16px;
font-weight: 600;
margin: 40px 0;
}
.readPost i{
position: absolute;
left: 0px;
top: 50%;
margin-top: -25px;
}
.aboutPost h5{
font-size: 14px;
margin-bottom: 25px;
}
.aboutPost .aboutAuthor a.readmore{
font-size: 10px;
text-transform: uppercase;
color: #4b4b4b;
letter-spacing: 1px;
}
.aboutPost .postShare{
margin-top: 24px;
}
.aboutPost .postShare ul{
padding: 0;
margin: 0;
}
.aboutPost .postShare li{
display: inline-block;
color: #c4c4c4;
font-size: 16px;
margin-right: 13px;
}
.aboutPost .postShare li:hover{
color: #ff0000;
}
.aboutPost .tagsWidget h5{
margin-bottom: 30px;
}
.aboutPost{
border-top: 1px solid #f2f2f2;
padding-top: 32px;
padding-bottom: 112px;
}
.postBtns .contentLeft .info{
text-align: left;
left: 40%;
}
.postBtns .contentRight .info{
text-align: right;
left: auto;
right: 40%;
}
.postBtns .info{
transform: translate(0px, -50%) !important;
}
.postBtns .info .tag{
font-size: 16px !important;
letter-spacing: 1px
}
.postBtns .info i{
font-size: 80px;
position: absolute;
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.postBtns .contentLeft .info i{
left: -18%;
}
.postBtns .contentRight .info i{
right: -19%;
}
.xvComment {
position: relative;
}
.xvComment .comWrap{
border-bottom: 1px solid #ececec;
padding-bottom: 32px;
margin-top: 20px;
margin-bottom: 45px;
}
.xvComment.comReply{
margin-left: 75px;
border: 0;
}
.xvComment:last-child .comWrap{
border: 0;
}
.xvComment.comReply .comWrap{
border-bottom: 1px solid #ececec;
}
.xvComment figure{
position: absolute;
left: 0;
top: 0;
height: 88px;
width: 88px;
border-radius: 50%;
border: 3px solid #fff;
}
.xvComment .commentInfo{
padding-left: 122px;
}
.xvComment ul{
padding: 0;
margin: 0;
margin-bottom: 22px;
}
.xvComment li{
display: inline-block;
font-size: 10px;
color: #717171;
text-transform: uppercase;
letter-spacing: 1px;
}
.xvComment li:after{
content: '|';
padding: 0 3px 0 7px
}
.xvComment li:last-child:after{
content: '';
}
.xvComment li a{
text-decoration: none;
}
.xvComment li a.name{
color: #181818;
}
.xvComment li a.reply{
color: #ff0000;
}
.xvCommentsSec{
padding-top: 100px;
}
.xvCommentsSec h5{
margin-bottom: 45px;
}
.commentForm input,.commentForm textarea{
margin-bottom: 8px;
}
/*=====================
23-Sidebar
======================*/
.searchWidget{
position: relative;
}
.searchWidget input{
background: #f9f9f9;
color: #c4c4c4;
}
.searchWidget button{
font-size: 16px;
height: 44px;
width: 44px;
background: none;
border: 0;
position: absolute;
top: 0;
right: 0;
}
.xvWidget{
margin-bottom: 50px;
}
.xvWidget h3{
font-size: 12px;
margin-top: 0;
margin-bottom: 30px;
}
.postWidget .item{
position: relative;
min-height: 62px;
margin-bottom: 10px;
}
.postWidget .item:last-child{margin-bottom: 0;}
.postWidget figure{
position: absolute;
left: 0;
top: 0;
}
.postWidget .info{
padding-left: 80px;
font-size: 10px;
padding-top: 13px;
}
.postWidget .info h6{
margin: 0;
font-size: 10px;
margin-bottom: 8px;
}
.postWidget .info .date{
color: #717171;
text-transform: uppercase;
}
.categoryWidget ul,.tagsWidget ul{
padding: 0;
margin: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.categoryWidget li{
display: block;
font-size: 10px;
color: #717171;
border-bottom: 1px solid #f2f2f2;
position: relative;
}
.categoryWidget li:before{
content: '';
height: 4px;
width: 4px;
background: #9c9c9c;
border-radius: 50%;
position: absolute;
left: 0;
top: 50%;
margin-top: -2px;
}
.categoryWidget li:last-child{
border: 0
}
.categoryWidget li a{
text-decoration: none;
padding: 18px 0 18px 20px;
display: block;
}
.categoryWidget li:hover{
color: #181818;
}
.categoryWidget li:hover:before{
background: #ff0000;
}
.tagsWidget li{
display: inline-block;
}
.tagsWidget li a{
font-size: 10px;
display: table;
background: #f9f9f9;
color: #9c9c9c;
padding: 12px 18px;
text-decoration: none;
}
.tagsWidget li a:hover{
color: #fff;
background: #181818;
}
.instagramFeeds .ins_img{
float: left;
width: 50%;
padding: 3px;
position: relative;
}
.instagramFeeds .bcr_ins_gallery{
margin: 0 -3px;
}
.instagramFeeds .load_more{
display: none;
}
.instagramFeeds .ins_img a{
display: block;
position: relative;
}
.instagramFeeds .ins_img a img{
opacity: 1;
position: relative;
}
.instagramFeeds .ins_img:before{
content: '';
background: rgba(24,24,24,0.7);
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: none;
line-height: 100%;
z-index: 20;
}
.instagramFeeds .ins_img:after{
z-index: 25;
content: '\f16d';
font-size: 16px;
color: #fff;
font-family: 'FontAwesome';
position: absolute;
left: 50%;
top: 50%;
display: none;
line-height: 100%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.instagramFeeds .ins_img:hover:after,.instagramFeeds .ins_img:hover:before{
display: block;
}
/*==========*/
.xvPromoLine .content {
position: relative;
float: left;
width: 50%;
background-size: cover;
background-position: center top;
height: 220px;
}
.xvPromoLine .promoLay {
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.xvPromoLine .info {
position: relative;
color: #fff;
text-align: center;
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
padding: 0 15px;
}
.xvPromoLine .info .head {
font-family: 'bridgestone';
font-weight: bold;
font-size: 24px;
display: block;
text-transform: uppercase;
}
.xvPromoLine .info .tag {
font-family: open sans;
font-weight: 600;
font-size: 20px;
display: block;
}
/*==========*/
.xvFeatures{
position: relative;
}
.xvFeatures .stylePad {
margin-bottom: 100px;
}
.xvFeatures.style1{
background: url(../img/featurebg.jpg) center center;
background-size: cover;
}
.xvFeatures .xvfeature {
position: relative;
margin-bottom: 100px;
}
.xvFeatures .xvfeature:last-child{
margin-bottom: 0;
}
.xvfeature i {
position: absolute;
left: 0;
top: 0;
font-size: 40px;
color: #4b4b4b;
}
.xvFeatures .xvfeature .info {
padding-left: 60px;
}
.xvFeatures .xvfeature h1,.xvFeatures .xvfeature h2,.xvFeatures .xvfeature h3,.xvFeatures .xvfeature h4,.xvFeatures .xvfeature h5,.xvFeatures .xvfeature h6 {
font-size: 15px;
margin-bottom: 28px;
}
.purchaseBox {
padding: 58px 0;
}
.purchaseBox.lessPad{
padding:50px 0;
}
.purchaseBox .tag {
font-size: 20px;
text-transform: uppercase;
float: left;
margin-top: 8px;
}
.purchaseBox a.btn {
float: right;
}
/*=====================
24-Offesr
======================*/
.xvOffers .xvOffer{
position: relative;
padding: 10px;
color: #fff;
}
.xvOffers .xvOffer .xvOfferInner{
border: 1px solid #fff;
padding: 10px 20px 15px 0px;
}
.xvOffers .xvOffer.left{
background: #000000;
}
.xvOffers .xvOffer.right{
background: #ff0000;
}
.xvOffers .xvOffer.right p{
color: #fff;
}
.xvOffers .xvOffer i{
font-size: 60px;
position: absolute;
left: 58px;
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.xvOffers .xvOffer .info{
padding-left: 165px;
}
.breadcrumb{
background:none;
padding: 26px 0 16px 0;
text-transform: uppercase;
margin: 0;
color:black;
}
.breadcrumb h1,
.breadcrumb h2,
.breadcrumb h3,
.breadcrumb h4,
.breadcrumb h5,
.breadcrumb h6{
float: left;
margin: 0;
color: #181818;
}
.breadcrumb ul{
float: right;
padding: 0;
}
.breadcrumb li{
font-size: 10px;
display: inline-block;
}
.breadcrumb li a{
color: black;
}
.breadcrumb li:after{
content: '>';
padding: 0px 3px 0 7px;
color: black;
}
.breadcrumb li:last-child:after{
content: '';
}
/*================
25-Progress Bar
=================*/
.progress-wrapper {
position: relative;
padding-top: 26px;
margin-bottom: 18px;
}
.progress-wrapper .xvprogress {
height: 10px;
background: #b7b5b5;
box-shadow: none;
border-radius: 0;
margin-bottom: 0;
}
.progress-wrapper h6 {
color: #181818;
position: absolute;
right: 0;
top: -8px;
font-size: 12px;
}
.progress-wrapper .percent {
float: right;
font-size: 14px;
color: #ffd007;
line-height: 30px;
position: absolute;
right: 5px;
top: 2px;
font-weight: 600;
}
.progress-wrapper .progress-bar {
background: #727272;
box-shadow: none !important;
position: relative;
}
.progress-wrapper .sr-only{
font-size: 10px;
background: #181818;
color: #fff;
clip: auto;
height: auto;
width: auto;
position: absolute;
right: 0;
top: -37px;
text-align: center;
border-radius: 2px;
padding: 2px 5px;
overflow: visible;
}
.progress-wrapper .sr-only:after{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 3px 3px 0 3px;
border-color: #181818 transparent transparent transparent;
position: absolute;
left: 50%;
margin-left: -3px;
bottom: -3px;
}
.aboutProgress{
padding-top: 20px
}
.xvProgressBars .progress-wrapper .sr-only:after{
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: #181818 transparent transparent transparent;
left: 0;
margin: 0;
bottom: -5px;
}
.xvProgressBars .style1 .progress-wrapper .progress-bar{
background: #ccac7f;
}
/*==============
26-Artists
===============*/
.xvArtists {
text-align: center;
}
.xvArtists .xvArtist .visual{
margin-bottom: 20px;
background-position: center top;
background-size: cover;
height: 340px;
}
.xvArtists .xvArtist .desc{
font-size: 10px;
color: #717171;
text-transform: uppercase;
}
.xvArtists .xvArtist h1,.xvArtists .xvArtist h2,.xvArtists .xvArtist h3,.xvArtists .xvArtist h4,.xvArtists .xvArtist h5,.xvArtists .xvArtist h6{
margin-bottom: 4px;
}
.xvArtists .xvArtist ul{
padding: 0;
margin: 0;
}
.xvArtists .xvArtist li{
display: inline-block;
color: #c4c4c4;
font-size: 12px;
}
.xvArtists .xvArtist li > a{
padding:10px;
display:block;
}
.xvArtists .xvArtist li:hover{
color: #ff0000;
}
/*==================
27-DeleveriItem
===================*/
.xvDeliveryItem{
padding: 115px 0;
}
.xvDeliveryItem h1,.xvDeliveryItem h2,.xvDeliveryItem h3,.xvDeliveryItem h4,.xvDeliveryItem h5,.xvDeliveryItem h6{
margin-bottom: 32px;
margin-top: 0;
}
.xvDeliveryItem .visual{
background-size: cover;
background-position: center center;
height: 330px;
position: absolute;
height: 100%;
top: 0;
}
.xvDeliveryItem .container{
position: relative;
}
.xvDeliveryItem .visual,.xvDeliveryItem .content{
float: left;
width: 50%;
}
.xvDeliveryItem.visualRight .visual{
right: 0;
}
.xvDeliveryItem.visualLeft .visual{
left: 0;
}
.xvDeliveryItem .content{
padding: 0 30px;
}
.xvDeliveryItem.visualLeft .content{
margin-left: 50%;
}
.commentForm.contact input,.commentForm.contact textarea{
background: #f9f9f9;
}
/*=====*/
.xvOffice .visual{
background-size: cover;
height: 300px;
background-position: center center;
}
.xvOffice h1,.xvOffice h2,.xvOffice h3,.xvOffice h4,.xvOffice h5,.xvOffice h6{
color: #181818;
letter-spacing: 1px;
font-size: 15px;
margin-bottom: 2px;
}
.xvOffice{
font-size: 14px;
font-family: open sans;
letter-spacing: 0;
color: #717171;
}
.xvOffice .type{
display: block;
margin-bottom: 30px;
}
.xvOffice .info{
background: #fff;
padding: 25px 20px 45px 20px;
}
/*==================
28-Table
===================*/
.xvTable{
font-size: 12px;
color: #4b4b4b;
letter-spacing: 1px;
text-transform: uppercase;
text-align: center;
font-weight: 400;
border: 1px solid #f1f1f1;
margin: 0;
}
.xvTable thead th{
text-align: center;
font-weight: 400;
background:black;
color:white;
}
.xvTable > thead > tr > th{
border: 0;
width: 25%;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
border-bottom: 1px solid #f1f1f1;
border-right: 1px solid #f1f1f1;
padding: 20px 15px;
}
.xvTable tbody tr th {
color: #ff0000;
font-weight: 400;
padding-left: 35px;
}
.xvSizeGuide .wrap{
position: relative;
}
.xvSizeGuide .visual{
width: 45%;
position: absolute;
left: 0;
top: 0;
height: 100%;
background-size: cover;
background-position: center center;
}
.xvSizeGuide .content{
width: 55%;
margin-left: 45%;
padding-left: 70px;
}
.xvSizeGuide h1,.xvSizeGuide h2,.xvSizeGuide h3,.xvSizeGuide h4,.xvSizeGuide h5,.xvSizeGuide h6{
margin-bottom: 28px;
}
.xvSizeGuide h6{
font-size: 14px;
margin-top: 30px;
margin-bottom: 40px;
}
.xvSizeGuide .xvGuideItem{
padding: 60px 0;
}
.xvSizeGuide.chart h3{
text-align: center;
}
.xvSizeGuide.chart .xvTable{
background: #fff;
}
.xvSizeGuide.chart .xvTable > thead > tr > th{
width: 20%;
}
.xvSizeGuide.pad{
padding: 60px 0;
}
/*===================
29-portfolio
==================*/
.xvPortfolio .xvFilter{
margin-bottom: 28px;
}
.xvPortfolio .folioFilter{
float: left;
}
.folioFilter{
padding: 0;
margin: 0;
}
.folioFilter li{
display: inline-block;
font-size: 10px;
margin-right: 20px;
}
.folioFilter li:hover,.folioFilter li.active a{
color: #ff0000;
}
.folioFilter li a{
text-decoration: none;
padding: 12px 0;
}
.xvPortfolio a.loadmore{
margin: 0 auto;
display: table;
margin-top: 30px;
}
.xvPortfolio .portfolioItem{
float: left;
width: 50%;
height: auto;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
visibility: visible;
}
.xvPortfolio .portfolioItem{
position: relative;
padding:0 6px;
margin-bottom: 12px;
}
.xvPortfolio .portfolioItem .visual{
background-size: cover;
background-position: center center;
position: relative;
cursor: crosshair;
cursor: url(../img/icons/plus.png), crosshair;
}
.xvPortfolio .portfolioItem .visual{
height: 360px;
}
.xvPortfolio .visual .folioLay{
background: rgba(168,104,227,0.7);
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
display: none;
}
.xvPortfolio .folioInfo{
position: absolute;
left: 100%;
top: 0;
background: #f9f9f9;
height: 100%;
width: 100%;
display: none;
z-index: 9;
margin-left: -6px;
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}
.xvPortfolio .portfolioItem.folio-last .folioInfo{
right: auto;
left: -100%;
margin-left: 6px;
}
.xvPortfolio .folioInfo:before{
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 11px 12px 11px 0;
border-color: transparent #f9f9f9 transparent transparent;
position: absolute;
left: -12px;
top: 20px;
}
.xvPortfolio .portfolioItem.folio-last .folioInfo:before{
width: 0;
height: 0;
border-style: solid;
border-width: 11px 0 11px 12px;
border-color: transparent transparent transparent #f9f9f9;
left: auto;
right: -12px;
}
.xvPortfolio .portfolioItem:hover .folioInfo,.xvPortfolio .portfolioItem:hover .folioLay{
display: block;
}
.xvPortfolio .folioInfo .infoInner{
position: absolute;
left: 0;
top: 50%;
width: 100%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
padding: 15px 78px;
}
.xvPortfolio .portfolioItem h5{
margin: 0;
}
.xvPortfolio .portfolioItem .tag{
padding: 0;
margin: 0;
margin-bottom: 25px;
}
.xvPortfolio .portfolioItem .tag li,.xvPortfolio .portfolioItem .stats li{
display: inline-block;
font-size: 10px;
color: #717171;
text-transform: uppercase;
}
.xvPortfolio .portfolioItem .tag li:after{
content: '|';
padding: 0 0 0 5px;
}
.xvPortfolio .portfolioItem .tag li:last-child:after{
content: '';
}
.xvPortfolio .portfolioItem .stats{
margin: 0;
padding: 0;
margin-top: 38px;
}
.xvPortfolio .portfolioItem .stats i{
font-size: 14px;
float: left;
margin-right: 7px;
}
.xvPortfolio .portfolioItem .stats a{
text-decoration: none;
display: block;
}
.xvPortfolio .portfolioItem .stats a:hover i{
color: #ff0000;
}
.xvPortfolio .portfolioItem .stats li{
margin-right: 26px
}
.xvPortfolio .portfolioWrap{
margin: 0 -6px
}
ul.portfolioWrap{
padding: 0;
margin: 0;
}
ul.portfolioWrap li.portfolioItem{list-style: none;}
.xvPortfolio.styleMd .portfolioItem{
float: left;
width: 33.3334%;
}
.xvPortfolio.styleMd .visual{
height: 270px;
}
.xvPortfolio.styleMd .folioInfo .infoInner{
padding: 10px 38px;
}
.xvPortfolio.styleMd .portfolioItem .stats,.xvPortfolio.styleSm .portfolioItem .stats {
margin: 30px 0 0;
}
.xvPortfolio.styleSm .portfolioItem{
float: left;
width: 25%;
}
.xvPortfolio.styleSm .visual{
height: 270px;
}
.xvPortfolio.styleSm .folioInfo .infoInner{
padding: 10px 20px;
}
/*=================
30-BestSeallers
==================*/
.xvBestSellers a.loadmore{
margin: 0 auto;
display: table;
margin-top: 40px;
}
.xvBestItem{
position: relative;
margin-bottom: 8px;
}
.xvBestSellers .itemWrap{
margin: 0 -4px;
}
.xvBestItem .visualWrap,.xvBestItem .contentWrap{
float: left;
width: 50%;
padding: 0 4px;
}
.xvBestItem.visualFull .visualWrap,.xvBestItem.visualFull .contentWrap{
width: 100%;
margin: 0;
position: relative;
}
.xvBestItem.visualFull .contentWrap{
text-align: center;
}
.xvBestItem.visualFull .visualWrap{
height: 560px;
margin-bottom: 8px;
}
.xvBestItem .content .article{
font-size: 10px;
letter-spacing: 1px;
color: #a9a9a9;
text-transform: uppercase;
}
.xvBestItem .content a.btn{
margin-right: -6px;
}
.xvBestItem .content{
background: #f9f9f9;
padding: 65px 68px;
}
.xvBestItem .visualWrap{
position: absolute;
height: 100%;
}
.xvBestItem.visualLeft .visualWrap{
left: 0;
}
.xvBestItem.visualRight .visualWrap{
right: 0;
}
.xvBestItem .visual{
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
position: relative;
}
.xvBestItem.visualLeft .contentWrap{
margin-left: 50%;
}
.xvBestItem.visualRight .contentWrap{
margin-right: 50%;
}
.xvBestItem .content h2{
text-transform: capitalize;
font-size: 30px;
margin-top: 18px;
margin-bottom: 10px;
}
.xvBestItem .content .price{
display: block;
color: #ff0000;
font-size: 16px;
text-transform: uppercase;
margin-bottom: 40px
}
.xvBestItem .visual span{
color: #fff;
background: #181818;
font-size: 10px;
text-transform: uppercase;
position: absolute;
left: 0;
top: 0;
display: table;
padding: 2px 5px;
}
/*====================
31-Cart
===================*/
.quantity-control{
position: relative;
max-width: 88px;
height: 45px;
}
.quantity-control.grey input{
background: #f9f9f9;
}
.quantity-control span.alert-msg{
position: absolute;
top: 100%;
left: 0;
width: 100%;
min-width: 300px;
text-align: left;
color: #717171;
font-size: 10px;
margin-top: 5px;
font-weight: normal;
text-transform: none;
}
.quantity-control input{
height: 45px;
width: 100%;
z-index: -1;
background: #fff;
color: #717171;
border: none;
border-radius: 0;
font-size: 12px;
margin: 0;
padding-left: 20px;
}
.quantity-control .btn-minus,.quantity-control .btn-plus{
position: absolute;
right: 4px;
z-index: 20;
font-size: 12px;
color: #c4c4c4;
width: 15px;
height: 15px;
line-height: 15px;
cursor: pointer;
}
.quantity-control .btn-minus{
top: 20px;
}
.quantity-control .btn-plus{
top: 7px;
}
.xvCartItems{
padding-bottom: 50px;
}
.xvCartItems tbody td{
background: #f9f9f9;
padding: 0 !important;
border: 0 !important;
vertical-align: middle !important;
}
.xvCartItems tbody tr{
border-bottom: 10px solid #fff;
}
.xvCartItems thead th{
border: 0 !important;
text-align: left;
padding: 26px 0 !important;
font-size: 10px;
color: #717171;
}
.xvCartItems thead .visual{
width: 115px;
}
.xvCartItems thead .style{
width: 190px;
}
.xvCartItems thead .remove{
width: 50px;
}
.xvCartItems .xvTable{
text-align: left;
border: 0;
}
.xvCartItems .xvTable figure{
height: 100px;
width: 90px;
position: relative;
}
.xvCartItems .xvTable figure img{height: 100%;}
.xvCartItems .xvTable figure figcaption{
background: #fff none repeat scroll 0 0;
bottom: 6px;
left: 6px;
padding: 3px;
position: absolute;
display: none;
}
.xvCartItems .xvTable figure figcaption span{
font-size: 10px;
}
.xvCartItems .xvTable .name{
font-size: 12px;
color: #181818;
display: block;
}
.xvCartItems .xvTable .price{
font-size: 12px;
color: #717171;
display: block;
}
.xvCartItems .xvTable .total{
font-size: 12px;
color: #181818;
display: block;
}
.xvCartItems .xvTable .removeitem{
font-size: 20px;
text-decoration: none;
}
.tab-pane {
display: none;
}
.tab-pane.active{
display: block;
}
.tab-pane{
background: #f9f9f9;
padding: 40px 40px 50px;
}
.discountBox .coupon{
position: relative;
margin-top: 25px;
}
.discountBox .coupon button{
position: absolute;
right: 0;
top: 0;
}
.discountBox .shipping{
margin-top: 25px
}
.discountBox .shipping button{
width: 100%;
}
.discountBox .shipping .row ,.row.stylePad{
margin-left: -5px;
margin-right: -5px;
}
.discountBox .shipping .pad ,.row.stylePad .pad{
padding: 0 5px;
}
.tabs{
padding: 0;
margin: 0;
}
.xvAccountInfo .tabs li a{
text-align: left;
}
.xvAccountInfo .form-widget .custome-select select{
color: #717171;
}
.tabs li a{
text-decoration: none;
padding: 22px 10px;
display: block;
text-align: center;
}
.tabs li{
display: table;
border: 1px solid #f1f1f1;
background: #fff;
font-size: 10px;
color: #717171;
text-transform: uppercase;
}
.tabs li.active{
border: 1px solid #f9f9f9;
background: #f9f9f9;
color: #181818;
}
.tabs{
float: left;
width: 20%;
}
.tab-panel{
float: left;
width: 80%;
}
.tabs li{
display: block;
}
.cartTotal{
background: #f9f9f9;
padding: 30px 40px;
margin-bottom: 10px;
}
.cartTotal h1,
.cartTotal h2,
.cartTotal h3,
.cartTotal h4,
.cartTotal h5,
.cartTotal h6{
text-align: center;
margin: 0;
}
.cartTotal .xvTable{
border-left: 0;
border-right: 0;
margin: 28px 0;
}
.cartTotal .xvTable td{
border: 0 !important;
padding: 8px 0;
font-size: 10px;
color: #717171;
text-align: left;
}
.cartTotal .xvTable td.style{
border-right: 1px solid #ececec !important;
padding-left: 4px;
}
.cartTotal .xvTable td.style1{
text-align: right;
}
.cartTotal .total{
font-size: 12px;
text-transform: uppercase;
color: #181818;
}
.cartTotal .total span{
float: right;
}
/*==================
32-Checkout
=================*/
.xvCheckout strong{
font-weight: 400;
color: #181818;
font-size: 14px;
}
.xvCheckout input,.xvCheckout textarea,.xvCheckout .custome-select{
margin-bottom: 10px;
text-transform: none;
font-family: open sans;
font-size: 12px;
}
.xvCheckout .accorPane{
padding: 0 20px;
}
.xvAccordianWrap .accorpaneWrap{
border-top: 1px solid #ececec;
padding: 40px 25px;
}
form.form-widget h6{
margin-bottom: 10px;
}
form.form-widget p{
font-size: 12px;
line-height: 20px
}
form.form-widget label.required::before{
content: "*";
position: absolute;
left: 100%;
top: -2px;
color: #ff0024;
}
form.form-widget label{
display: inline-block;
position: relative;
text-transform: capitalize;
font-size: 18px;
color: #717171;
font-weight: 400;
margin-bottom: 2px;
font-size: 12px;
font-family: open sans;
letter-spacing: 0;
}
form.form-widget label:hover{
color: #181818;
cursor: pointer;
}
form.form-widget input[type=checkbox]:not(old),
form.form-widget input[type=radio ]:not(old){
width : 28px;
margin : 0;
padding : 0;
opacity : 0;
height: 0;
position: absolute;
}
.customFieldWrap{
position: relative;
}
form.form-widget .customFieldWrap label{
display: block;
margin-right: 30px;
}
form.form-widget .customFieldWrap label:before{
left: 22px;
}
form.form-widget input[type=checkbox]:not(old) + label > i,
form.form-widget input[type=radio]:not(old) + label > i{
width: 18px;
height: 18px;
line-height: 18px;
font-size: 10px;
background: #fff;
border: 1px solid #c5c5c5;
margin-right: 12px;
position: relative;
top: 5px;
color:#181818;
border-radius: 50%;
text-align: center;
}
form.form-widget input[type=checkbox]:not(old) + label > i:before,
form.form-widget input[type=radio ]:not(old) + label > i:before{
content:" ";
width: 22px;
height: 21px;
position: absolute;
left: -2px;
top: -1px;
}
form.form-widget input[type=checkbox]:not(old):checked + label > i:before,
form.form-widget input[type=radio ]:not(old):checked + label > i:before{
content:"\f00c";
}
form.form-widget input[type=radio]:not(old):checked + label,
form.form-widget input[type=checkbox]:not(old):checked + label{
color: #181818;
}
.itemsCart{
padding-top: 30px;
padding-bottom: 00px;
}
.itemsCart .item{
position: relative;
background: #fff;
font-size: 10px;
min-height: 70px;
margin-bottom: 10px
}
.itemsCart figure{
position: absolute;
left: 0;
top: 0;
height: 70px;
width: 65px;
}
.itemsCart figure img{
height: 100%;
}
.itemsCart .info{
padding-left: 75px;
padding-right: 50px;
padding-top: 12px
}
.itemsCart .name{
display: block;
}
.itemsCart .price{
color: #717171;
margin-top: 11px;
display: block;
}
.itemsCart a.remove{
position: absolute;
right: 16px;
top: 50%;
font-size: 14px;
line-height: 14px;
width: 14px;
height: 14px;
margin-top: -7px;
text-decoration: none;
}
.cartTotal.style1{
padding: 30px 20px;
}
.cartTotal.style1 .xvTable{
border-top: 0;
}
.productGallery ul{
padding: 0;
margin: 20px 0 0 0;
}
.productGallery ul li{
display: inline-block;
float: left;
width: 25%;
}
.basicDetails ul .slick-slide {
padding: 10px 5px;
}
.basicDetails ul .slick-slide figure{
position: relative;
}
.basicDetails .slick-slide a{
position: absolute;
left: 25px;
bottom: 15px;
font-size: 25px;
color: #262626;
text-decoration: none;
}
.basicDetails ul .slick-slide figure figcaption {
position: absolute;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.7);
height: 100%;
width: 100%;
display: none;
}
.basicDetails ul .slick-slide.slick-current figure figcaption{
display: block;
}
.basicDetails .article{
font-family: open sans;
font-size: 10px;
color: #a9a9a9;
text-transform: uppercase;
}
.basicDetails .quantity-control{
max-width: 100%;
}
.basicDetails h2{
font-size: 30px;
text-transform: none;
}
.basicDetails .price{
font-size: 16px;
color: #ff0000;
text-transform: uppercase;
}
.basicDetails .rating{
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
padding: 18px 0;
margin: 25px 0;
}
.basicDetails .rating .star-rating{
float: left;
margin-right: 15px;
top: 5px;
}
.basicDetails .rating span{
color: #717171;
font-size: 10px;
text-transform: uppercase;
}
.basicDetails .itemDesc .name{
float: left;
width: 35%;
}
.basicDetails .itemDesc .name label{
padding-top: 15px;
}
.basicDetails .itemDesc .cont{
float: left;
width: 65%;
}
.basicDetails label{
font-size: 10px;
}
.basicDetails .itemDesc .cont .first{
float: left;
width: 33%;
margin-right: 3%;
}
.basicDetails .itemDesc .cont .second{
float: left;
width: 64%;
}
.basicDetails .socials{
margin: 20px 0 28px 0;
}
.productDetail strong{
font-weight: 400;
color: #181818;
}
.productDetail .prodDetail ul{
padding: 0;
margin: 0;
font-family: open sans;
color: #717171;
letter-spacing: 0;
}
.productDetail .prodDetail ul li{
display: block;
padding: 3px 0 3px 13px;
position: relative;
}
.productDetail .prodDetail ul li:before{
content: '\f0da ';
font-size: 10px;
position: absolute;
left: 3px;
top: 7px;
font-family:'FontAwesome';
color: #181818;
}
.productDetail .prodReviews .review{
position: relative;
border-bottom: 1px solid #ececec;
padding: 0 28px 36px 28px;
margin-top: 50px;
margin: 50px -25px 0 -25px;
}
.prodReviews.style1 .review{
margin: 50px 0 0 0 ;
}
.productDetail .prodReviews .review:first-child{
margin-top: 0;
}
.productDetail .review figure{
position: absolute;
left: 28px;
top: 6px;
width: 68px;
}
.productDetail .review .info{
padding-left: 90px;
}
.productDetail .review .head{
padding: 0;
margin: 0;
}
.productDetail .review .head > li{
display: inline-block;
position: relative;
float: left;
}
.productDetail .review .head > li:after{
content: '|';
color: #c4c4c4;
font-size: 10px;
padding: 0 12px;
}
.productDetail .review .head li .star-rating{
top: 5px;
}
.productDetail .review .head > li:last-child:after{
content: '';
}
.productDetail .review .name{
font-size: 10px;
text-transform: uppercase;
}
.productDetail .review .date{
text-transform: uppercase;
margin-bottom: 26px;
font-size: 10px;
color: #717171;
display: block;
}
.productDetail input,.productDetail textarea{
margin-bottom: 10px
}
.productDetail .reviewSubmit span{
font-family: open sans;
letter-spacing: 0;
}
.productDetail .ratingsSelect{
padding: 0;
margin: 0;
}
.productDetail .ratingsSelect > li{
display: block;
margin-bottom: 8px;
}
.productDetail .reviewSubmit{
padding-top: 30px;
}
.productDetail .reviewSubmit h6{
margin-bottom: 28px;
}
.ratingsSelect span{
font-size: 12px;
color: #717171;
font-family: open sans;
letter-spacing: 0;
}
.ratingsSelect .star-rating{
display: inline-block;
margin-right: 15px;
float: left;
margin-top: 5px;
}
.reviewSubmit .ratingsSelect{
padding: 24px 0;
}
.productDetail .products{
padding-top: 105px;
}
.prodDetailVisual {
padding-top: 30px;
}
.prodDetailVisual .owl-carousel{
display: none;
}
.completeLook .visual{
height: 500px;
background-size: cover;
background-position: center center;
position: relative;
cursor: url(../img/icons/plus.png), crosshair;
}
.completeLook .visual .visualLay{
background: rgba(168,104,227,0.7);
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
display: none;
}
.completeLook .visual:hover .visualLay{
display: block;
}
.completeLook .item{
text-align: center;
}
.completeLook .item span{
font-size: 12px;
margin-top: 28px;
display: block;
}
/*===================
33-AccountInfo
==================*/
.xvAccountInfo .tabs{
float: left;
width: 24%;
}
.xvAccountInfo .tabs li{
display: block;
color: #fff;
background: #181818;
border: 0;
border-left: 3px solid #181818;
margin-bottom: 2px;
}
.accorTrigger{
color: #fff;
background: #181818;
border: 0;
border-left: 3px solid #181818;
margin-bottom: 2px;
text-transform: uppercase;
text-decoration: none !important;
}
.accorTrigger:hover{
color: #fff;
}
.xvAccountInfo .tabs li i,.xvAccountInfo .accorTrigger i{
font-size: 20px;
color: #a9a9a9;
float: left;
margin-right: 10px;
}
.xvAccountInfo .tabs li a,.accorTrigger{
padding: 18px 20px;
text-decoration: none;
}
.accorTrigger{
}
.xvAccountInfo .tab-panel{
float: left;
width: 76%;
}
.xvAccountInfo .tabs li.active,.xvAccountInfo .tab-pane.opened .accorTrigger{
border: 0;
background: #f9f9f9;
color: #181818;
border-left: 3px solid #ff0000;
}
.xvAccountInfo .tab-pane.opened .accorTrigger{
background: #eee;
}
.xvAccountInfo .tabs li.active i,.tab-pane.opened .xvAccountInfo .accorTrigger i{
color: #ff0000;
}
.xvAccountInfo .tab-pane{
background: #f9f9f9;
padding: 50px 58px;
}
.myAccount .aboutMe{
position: relative;
border-bottom: 1px solid #ececec;
padding-bottom: 40px;
margin-bottom: 40px;
}
.myAccount figure{
height: 90px;
width: 90px;
border-radius: 50%;
overflow: hidden;
border: 5px solid #fff;
}
.myAccount .visual{
position: relative;
display: table;
height: 90px;
width: 90px;
position: absolute;
left: 0;
top: 0;
}
.myAccount .visual a{
font-size: 12px;
color: #fff;
background: #ff0000;
height: 26px;
width: 26px;
line-height: 28px;
text-align: center;
border-radius: 50%;
position: absolute;
right: 4px;
top: 4px;
text-decoration: none;
}
.myAccount .aboutMe .info{
padding-left: 135px;
}
.myAccount .myaddress .address{
background: #fff;
padding: 32px 38px 30px 38px;
position: relative;
font-size: 12px;
margin-top: 18px;
}
.myAccount .myaddress .address a.edit{
font-size: 10px;
background: #f9f9f9;
padding: 10px 20px;
text-decoration: none;
position: absolute;
right: 10px;
top: 10px;
}
.myAccount .myaddress .address h1,.myAccount .myaddress .address h2,.myAccount .myaddress .address h3,.myAccount .myaddress .address h4,.myAccount .myaddress .address h5,.myAccount .myaddress .address h6{
font-size: 10px;
margin-bottom: 30px;
}
.xvCartItems.style1 tbody tr{
border-bottom: 10px solid #f9f9f9;
}
.xvCartItems.style1 tbody td{
background: #fff;
}
.xvCartItems.style1{
padding-bottom: 0;
}
.xvAccountInfo .share span{
float: left;
font-size: 12px;
}
.share .socials{
float: right;
margin: 0;
}
.share .socials li{
color: #c4c4c4;
}
.share .socials li:hover{
color: #ff0000;
}
.xvAccountInfo .share{
padding: 10px 0;
}
/*================
34-DemoBags
=================*/
.doc-header.style-pink nav{
background: #e559ab;
}
.doc-header.style-pink .topSearch{
border-bottom: 1px solid #fff;
}
.doc-header.style-pink .topSearch input{
background: #e368b0;
color: #fff;
}
.doc-header.style-pink .topSearch button{color: #fff;}
.doc-header.style-pink .mainNav > li > a:hover,.doc-header.style-pink .mainNav > li.active > a{
background: #e368b0;
}
.mainSlider.style2 .slide{
height: 710px;
background-size: cover;
background-position: center center;
letter-spacing: 0;
}
.mainSlider.style2 .caption{
text-align: left;
right: auto;
left: 50%;
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.mainSlider.style2 .caption a.btn{
margin-right: 7px;
}
.mainSlider.style2 .tagLine{
font-size: 24px;
color: #181818;
font-family: 'Droid Serif', serif;
font-weight: 400;
text-transform: none;
}
.mainSlider.style2 h1{
font-family: 'bridgestone';
letter-spacing: 0;
margin-bottom: 40px;
margin-top: 2px;
}
.dots-long .slick-dots li button{
width: 50px;
height: 3px;
background: #d6d7d9;
border: 0;
border-radius: 0;
}
.dots-long .slick-dots li.slick-active button{
background: #e471b4;
}
.dots-long.red .slick-dots li.slick-active button{
background: #e82e44;
}
.dots-long.style3 .slick-dots li.slick-active button{
background: #E8BF98;
}
.dots-long.style5 .slick-dots li.slick-active button{
background: #B18842;
}
.dots-long .slick-dots {
bottom: 40px;
left: 0;
position: absolute;
text-align: center;
width: 100%;
}
.products.style-demo1 .slick-slide{
height: 350px;
text-align: center;
background-color: #f2f2f2;
}
.products.style-demo1 .slick-slide img{
opacity: 0.2;
position: absolute;
left: 50%;
bottom: 50px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
.products.style-demo1 .slideHover{
position: absolute;
top: 0;
width: 70px;
height: 350px;
z-index: 9;
}
.products.style-demo1 .slideHover.left{
left: 0;
}
ul.products{
padding: 0;
margin: 0;
}
.products.style-demo1 .slideHover.right{
right: 0;
}
.products.style-demo1 .slick-slide img{
width: auto !important;
margin: 0 auto;
}
.products.style-demo1 .slick-current img{
opacity: 1;
}
.products.style-demo1 .links li{
float: none;
display: block;
margin-bottom: 8px
}
.products.style-demo1 .links{
bottom: auto;
left: 16px;
top: 16px !important;
margin-left: 0 !important;
z-index: 99;
}
.products.style-demo1 .links li:hover{
background: #fff;
}
.products.style-demo1 .links li:hover a{
color: #e368b0;
}
.products.style-demo1:hover .visual{
display: block;
}
.products.style-demo1 .visual{
height: 350px !important;
}
.products.style-demo1 .productInfo{
background: #fff;
border: 20px solid #f2f2f2;
padding-bottom: 35px;
padding-top: 20px !important;
}
.products.style-demo1 .productInfo h6{
font-size: 12px !important;
}
.product .productInfo .pricestyle{
padding: 0;
margin: 0;
font-size: 10px;
color: #717171;
margin-top: 10px
}
.product .productInfo .pricestyle li{
display: inline-block;
}
.product .productInfo .pricestyle li:after{
content: '|';
padding: 0 3px 0 6px;
color: #c4c4c4;
}
.product .productInfo .pricestyle li:last-child:after{
content: '';
}
.products.style-demo1 .product{
position: relative;
}
.products.style-demo1 .product:hover:before{
content: '';
position: absolute;
left: 0;
top: 0;
background: #e559ab;
width: 120px;
height: 3px;
z-index: 9;
}
.familyOs,.familyOs h2,.familyOs h3{
font-family: 'bridgestone';
letter-spacing: 0;
}
.products.pinkdemo .product .links li:hover{
background: #e559ab;
}
.products.yellow .product .links li:hover{background: #FFD200;}
.prodSlider{
font-size: 16px
}
.prodSlider .slide{
height: 530px;
background-size: cover;
background-position: center center;
}
.prodSlider h2{
font-family: 'bridgestone';
letter-spacing: 0;
margin: 0;
}
.prodSlider .price{
font-family: 'bridgestone';
text-transform: uppercase;
font-size: 20px;
color: #e368b0;
margin-bottom: 28px;
display: block;
letter-spacing: 0;
}
.prodSlider .caption{
text-align: left;
left: 2%;
top: 50%;
position: absolute;
width: 40%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.prodSlider .container{
height: 100%;
position: relative;
}
.xvBlogWrap.news .xvBlogPost h1,.xvBlogWrap.news .xvBlogPost h2,.xvBlogWrap.news .xvBlogPost h3,.xvBlogWrap.news .xvBlogPost h4,.xvBlogWrap.news .xvBlogPost h5,.xvBlogWrap.news .xvBlogPost h6{
margin-top: 28px;
}
.xvBlogWrap.news .xvBlogPost .links li:after{
content: '|';
padding: 0 3px 0 6px;
}
.xvBlogWrap.news .xvBlogPost .links li:last-child:after{
content: '';
}
header h2{
font-size: 30px;
}
.xvTestimonials.style1 cite.from {
color: #fff;font-size: 14px;
}
.xvTestimonials.style1 blockquote.quote{
font-family: 'bridgestone';
font-size: 24px;
}
.productHotspot p{
font-weight: 300;
font-size: 30px;
color: #fff;
line-height: 50px;
}
.imageHotspot > div{
display: inline-block;
position: relative;
}
.imageHotspot .image2{
margin-left: -185px;
}
.productHotspot .imageHotspot{
position: absolute;
left: 70px;
top: 50%;
z-index: 200;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.hotspotTriger {
background: #fff none repeat scroll 0 0;
border-radius: 50%;
float: left !important;
height: 50px;
width: 50px;
cursor: pointer;
display: block;/*
position: absolute;
left: 10%;
top: 30%;*/
position: relative;
z-index: 99;
}
.hotspotWrap.active .hotspotTriger{
background: #e368b0;
}
.hotspotWrap.active .hotspotTriger:after{
content: "\eb85";
color: #fff;
}
.hotspotTriger:after{
content: "\eb8c";
font-family: 'linea';
font-size: 30px;
color: #181818;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
.hotspotWrap .products{
display: none;
position: absolute;
right: -340px;
top: 24px;
width: 360px;
z-index: 9;
}
.hotspotWrap{
position: relative;
/* position: absolute;
left: 15%;
top: 20%;*/
}
.hotspotWrap .xvpoint1{
position: absolute;
left: 10%;
top: 30%;
z-index: 20;
}
.hotspotWrap .xvpoint2{
position: absolute;
left: 80%;
top: 50%;
z-index: 20;
}
.products.col-grid-2 .product{
float: left;
width: 50%;
display: block;
}
.products.col-grid-3 .product{
float: left;
width: 33.3334%;
display: block;
}
.products.col-grid-4 .product{
float: left;
width: 25%;
display: block;
}
.products.col-grid-5 .product{
float: left;
width: 20%;
display: block;
}
.products.space-30{
margin: 0 -15px;
}
.products.space-30 .product{
padding:15px;
padding-top: 0;
}
.products.space-20 .product{
padding:10px;
padding-top: 0;
margin-bottom:10px;
}
.products.space-20 .product span.tag{
left:10px;
}
.products.space-10 .product{
padding:5px;
padding-top: 0;
margin-bottom:5px;
}
.products.space-10 .product span.tag{
left:5px;
}
.products.space-6 .product{
padding:3px;
padding-top: 0;
}
.products.space-6{
margin: 0 -3px;
}
.products.style-demo1.space-30 .links{
left: 30px;
}
.products.style-demo1.space-30 .product:hover:before{
left: 15px;
}
.products.space-30 .product span.tag{
left: 15px;
}
.products.space-6 .product span.tag{
left: 3px;
}
.products.style1.space-6 .product{
margin-bottom: 3px;
}
/*===================
35-Demo2-chairs
====================*/
.staticSplash .container{
position: relative;
padding-top: 80px;
padding-bottom: 80px;
}
.lampCaption{
min-width: 180px;
position: absolute;
top: 0;
padding-top: 180px;
padding-left: 40px;
background: url(../img/lamp.png) left top no-repeat;
right: 20%;
text-transform: uppercase;
}
.lampCaption > span{
color: #717171;
}
.staticSplash .largeText{
font-size: 50px;
line-height: 50px;
margin-bottom: 20px;
}
.doc-header.style1 .topSearch{
left: auto;
right: 15px;
border: 0;
height: 44px;
}
.doc-header.style1 .topSearch input{
background: #f9f9f9;
padding-left: 15px;
}
.doc-header.style1 button{
height: 44px;
line-height: 44px;
width: 44px;
}
.doc-header.style1 .topHeader a.logo{
margin-left: 0;
left: 15px;
}
.doc-header.style1 .mainNav{
float: left;
}
.doc-header.style1 .mainNav > li{
margin: 0;
}
.doc-header.style1 .mainNav > li:hover > a,.doc-header.style1 .mainNav > li.active > a{
background: #e8bf98;
color: #181818;
}
.doc-header.style1 .topLinks li{
margin: 0;
margin-right: -4px;
}
.doc-header.style1 .topLinks li:last-child{
margin: 0;
}
.doc-header.style1 .topLinks{
position: relative;
left: auto;
right: auto;
top: auto;
float: right;
margin: 0;
}
.doc-header.style1 .mainNav > li > a{
padding: 16px 18px;
color: #717171;
}
.doc-header.style1 .topLinks a{
background: #e8bf98;
color: #342e29;
padding: 12px 15px;
}
.doc-header.style1 nav{
border-top: 1px solid #f0f0f0;
}
.doc-header .quickLinks{
margin: 0;
float: right;
padding: 0;
margin-right: 30px;
padding-top: 15px;
}
.doc-header .quickLinks li{
display: inline-block;
color: #717171;
font-family: open sans;
font-size: 12px;
letter-spacing: 0;
margin-right: 26px;
}
.doc-header .quickLinks li:last-child{
margin-right: 0;
}
.products.brown .links li:hover{
background: #e8bf98;
}
.products.brown .star-rating::before{
color: #e8bf98;
}
.mainSlider.style3 .caption{
text-align: left;
left: 0;
width: 100%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.mainSlider.style3 h1{
font-size: 50px;
line-height: 50px;
margin-top: 0;
margin-bottom: 40px;
letter-spacing: 2px;
}
.mainSlider.style3 .tagLine{
font-size: 16px;
letter-spacing: 0px;
color: #717171;
font-weight: 400;
}
.mainSlider.style3 figure{
position: relative;
display: table;
margin: 0 auto;
}
.mainSlider.style3 figcaption{
height: 100px;
width: 100px;
line-height: 20px;
padding-top: 30px;
letter-spacing: 1px;
background: #181818;
font-size: 20px;
color: #fff;
border-radius: 50%;
text-align: center;
position: absolute;
left: 50px;
top: 0;
}
.mainSlider.style3 .slide{
height: 720px;
background: #e5e5e5;
position: relative;
}
.mainSlider.style3 .lamp{
position: absolute;
top: 0;
left: 55%;
width: auto;
}
/*=================
36-watches demo
==================*/
.family-josefin{
font-family: 'Josefin Sans', sans-serif;
font-weight: 700;
letter-spacing: 1px;
}
.family-poppins{
font-family: 'Poppins', sans-serif;
font-weight: 400;
letter-spacing: 0;
}
.doc-header.style2{
color: #fff;
}
.stickyHeader{
position: fixed;
left: 0;
top: 0;
width: 100%;
}
.doc-header.style2 .logo-dark{
display: none;
}
.doc-header.style2.BgLight .logo-light{
display: block;
}
.doc-header.style2.lightBg{
background: rgba(255, 255, 255, 0.9);
}
.doc-header.style2.scrolling .topHeader{
padding: 15px 0;
min-height: 0;
}
.doc-header.style2.scrolling .topHeader .topLinks > .languageDropdownTriger .languageDropdown,
.doc-header.style2.scrolling .topHeader .topLinks > .cartDropdownTriger .cartDropdown,
.doc-header.style2.scrolling .topHeader .topLinks > .accountDropdownTriger .accountDropdown.style{
top:67px;
}
.doc-header.style2.lightBg .logo-dark{
display: block;
}
.doc-header.style2.lightBg .logo-light{
display: none;
}
.doc-header.style2.lightBg .mainNav > li > a{
color: #181818;
}
.doc-header.style2 .topHeader a.logo{
left: 15px;
margin: 0;
top: -5px;
}
.doc-header.style2 .mainNav{
font-size: 14px;
font-family: 'Josefin Sans', sans-serif;
font-weight: 700;
}
.doc-header.style2 .mainNav > li{
margin: 0 5px;
}
.doc-header.style2 .topLinks{
position: absolute;
right: 0;
top: 0;
}
.mainSlider.style4 .slide{
height: 750px;
background-size: cover;
background-position: center center;
padding-top: 50px;
}
.blueBG{
background:#0ca5a9;
}
.mainSlider.style4 .overlay{
background: rgba(0,0,0,0.8);
}
.mainSlider.style4 .caption{
left: 0;
top: 50%;
text-align: left;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.mainSlider.style4 h1{
color: #fff;
font-family: 'Josefin Sans', sans-serif;
font-size: 50px;
font-weight: 700;
letter-spacing: 4px;
line-height: 50px;
margin: 0;
margin-top: 115px;
}
.mainSlider.style4 .tagLine{
font-size: 20px;
color: #fff;
font-weight: 400;
text-transform: none;
letter-spacing: 2px;
margin-bottom: 40px;
display: block;
margin-top: 20px;
font-family: 'Josefin Sans', sans-serif;
}
.topLinks.yellow{color: #ffd200;}
.xvProdfeatures{
padding: 20px 0;
}
.xvProdfeatures .feature{
float: left;
width: 25%;
text-align: center;
padding: 20px 0;
border-right: 1px solid #f1f1f1;
}
.xvProdfeatures .feature:last-child{
border: 0;
}
.xvProdfeatures .feature h5{
margin: 0;
margin-bottom: 8px;
}
.xvProdfeatures .feature .tag{
color: #717171;
font-size: 13px;
font-family: open sans;
font-weight: 400;
}
.products.style3 .productImages{
background-color: #fff;
height: 320px;
position: relative;
overflow: hidden;
}
.xvArchieve .products.style3.col-grid-3 .productImages{
height:430px;
}
.archive .products.col-grid-2 .productImages{
height:670px;
}
.archive .products.col-grid-2 .product .links{
top:580px;
}
.sidebar-enable.xvArchieve .products.col-grid-2 .productImages{
height:560px;
}
.sidebar-enable.xvArchieve .products.col-grid-2 .product .links{
top:470px;
}
.archive .products.style3.col-grid-4 .productImages{
height:320px;
}
.sidebar-enable.archive .products.style3.col-grid-4 .productImages{
height:260px;
}
.sidebar-enable.archive .products.style3.col-grid-3 .productImages{
height:360px;
}
.sidebar-enable.archive .products.style3.col-grid-4 .product .links{
top:180px;
}
.sidebar-enable.archive .products.style3.col-grid-3 .product .links{
top:280px;
}
.archive .products.style1.col-grid-5 .productImages{
height:250px;
}
.sidebar-enable.archive .products.style1.col-grid-5 .productImages{
height:220px;
}
.sidebar-enable.archive .products.style1 .product:hover .productInfo{
bottom:25px;
}
.products.style3.zoomer .product .productImages > div{
transition:All 0.3s ease;
-webkit-transition:All 0.3s ease;
-moz-transition:All 0.3s ease;
-o-transition:All 0.3s ease;
}
.products.style3 .product .links{
top: 240px;
}
.products.style3.col-grid-3 .product .links{
top:335px;
}
.products.zoomer .product .visual{
display: block;
}
.products.style3.zoomer .product:hover .productImages > div{
left: -10%;
width: 120%;
}
.product.yellow .star-rating::before{
color: #ffd200;
}
.product.yellow .links li:hover a{
color: #181818;
}
.products.styleLong .productImages{
height:500px;
}
.products.prod-style-md .productImages{
height:430px;
}
.products.prod-style-md .product .links{
top:340px
}
.product.brown .links li{
background: #f1f1f1;
}
.product.brown .links li:hover a{
color: #fff;
}
.prodParalax .overlay{
background: rgba(0,0,0,0.8);
}
.prodParalax h2{
font-size: 50px;
font-family: 'Josefin Sans', sans-serif;
font-weight: 700;
color: #fff;
}
.prodParalax p{
font-weight: 600;
color: #fff;
}
.prodParalax .textWrap{
max-width: 50%;
margin: 0 auto;
}
.xvStoreInfo .brandAbout{
position: relative;
font-size: 13px;
padding-top: 10px;
margin-bottom: 20px;
min-height: 184px;
}
.xvStoreInfo .brandAbout:last-child{
margin-bottom: 0;
}
.xvStoreInfo .brandAbout .visual{
position: absolute;
left: 0;
top: 0;
height: 184px;
width: 180px;
background-size: cover;
background-position: center center;
}
.xvStoreInfo .brandAbout .visual a{
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background: rgba(24,24,24,0.8);
cursor: url(../img/icons/plus.png), crosshair;
display: none;
}
.xvStoreInfo .brandAbout .visual:hover a{display: block;}
.xvStoreInfo .brandAbout .info{
padding-left: 210px;
}
.xvStoreInfo .brandAbout .tag{
font-size: 10px;
color: #717171;
text-transform: uppercase;
display: block;
margin-top: 12px;
margin-bottom: 16px;
}
.xvStoreInfo .brandAbout a.readmore{
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 2px solid #cacaca;
margin-top: 30px;
display: table;
text-decoration: none;
}
.xvStoreInfo .brandAbout .name{
font-size: 14px;
font-weight: bold;
}
.prodVideo{
font-size: 30px;
color: #fff;
background: url(../img/parallax2.jpg) center center;
background-size: cover;
text-transform: uppercase;
position: relative;
padding: 45px 0;
}
.prodVideo span a{
margin: 0 22px;
}
.prodVideo .overlay{
background: rgba(24,24,24,0.8);
}
.prodVideo .container{
position: relative;
}
.xvNewsletter{
padding: 50px 0;
}
.xvNewsletter .subscribe{
position: relative;
float: left;
width: 75%;
}
.xvNewsletter .subscribe button{
position: absolute;
top: 0;
right: 0;
}
.xvNewsletter .subscribe input{margin: 0; height: 45px; padding-right: 130px;}
.xvNewsletter label{
font-size: 11px;
float: left;
width: 25%;
display: block;
margin-top: 15px;
}
.xvNewsletter .socials{
text-align: right;
margin: 9px 0;
}
.xvNewsletter .socials li{
font-size: 20px;
color: #717171;
margin-right: 42px;
}
.xvNewsletter .socials li:last-child {
margin-right: 0;
}
.xvNewsletter .socials li:hover{
color: #ffd200;
}
/*=====================
37-Coffee Demo
======================*/
.family-arvo{
font-family: 'Arvo', serif;
letter-spacing: 0px;
font-weight: 700;
}
.xvBanners.style2{
padding: 100px 0;
}
.xvBanners.style2 .xvBanner{
height: 250px;
width: 100%;
position: relative;
float: none;
}
.xvBanners.style2 .caption{
font-size: 30px;
color: #683f2e;
background: #ffffff;
width: 100%;
position: absolute;
left: -15px;
bottom: 45px;
border: 6px solid #683f2e;
text-transform: uppercase;
padding: 6px 5px;
}
header.style1 h2{
margin: 0;
}
header.style1 .tag{
font-size: 14px;
color: #683f2e;
font-family: 'Droid Serif', serif;
margin-bottom: 2px;
display: block;
}
.product.darkbrown .links li:hover{
background: #683f2e
}
.product.darkbrown .star-rating::before{
color: #683f2e;
}
.product.brown .star-rating::before{
color: #a88818 ;
}
.products.coffee .visual, .products.coffee .productImages{
background-color: #f6f5f3;
}
.controls-center .owl-prev{
position: absolute;
left: 30%;
top: -90px;
}
.controls-center .owl-next{
position: absolute;
right: 30%;
top: -90px;
}
.xvTestimonials.style2 blockquote.quote{
font-family: 'Arvo', serif;
text-transform: none;
font-weight: bold;
margin-bottom: 28px;font-size: 22px;
}
.xvTestimonials.style2 cite.from{
font-family: 'Arvo', serif;
text-transform: uppercase;
font-weight: bold;
font-size: 10px;
color: #fff;
}
.xvBlogWrap.coffee .xvBlogPost h6{
font-size: 20px;
color: #683f2e;
font-family: 'Arvo', serif;
font-weight: bold;
}
.xvBlogWrap.coffee .xvBlogPost h6 a{
font: inherit;
}
.xvBlogWrap.coffee .xvBlogPost{
padding: 25px;
}
.prodParalax.coffee h2 {
font-family: 'Arvo', serif;
font-size: 30px;
margin-bottom: 4px;
font-weight: 700;
}
.prodParalax.coffee p {
font-family: 'Droid Serif', serif;
font-size: 20px;
font-weight: 400;
}
.prodParalax.coffee .parallax_inner{
padding: 80px 0;
}
.prodParalax.coffee .overlay{
background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
}
.xvExtraProd{
border-bottom: 10px solid #fff;
border-top: 10px solid #fff;
}
.xvExtraProd .box{
padding-top: 85px;
padding-bottom: 85px;
}
.xvExtraProd .box.left{
padding-right: 50px;
border-right: 10px solid #fff;
}
.xvExtraProd .box.right{
padding-left: 65px;
}
.xvExtraProd .box .wrap{
position: relative;
}
.xvExtraProd .box figure{
position: absolute;
right: 0;
top: 0;
}
.xvExtraProd .box .info{
padding-right: 225px;
}
.xvExtraProd .box .tag{
color: #683f2e;
font-family: 'Droid Serif', serif;
letter-spacing: 0px;
font-style: italic;
}
.xvExtraProd .box h1,.xvExtraProd .box h2,.xvExtraProd .box h3,.xvExtraProd .box h4,.xvExtraProd .box h5,.xvExtraProd .box h6{
font-family: 'Arvo', serif;
letter-spacing: 0;
font-weight: 700;
margin: 0;
margin-bottom: 34px;
}
.xvExtraProd .box a{
margin-top: 20px;
}
.xvShopHead{
position: relative;
background-size: cover;
background-position: center center;
min-height: 750px;
}
.xvShopHead figure{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
}
/*====================
38-Jewellery Demo
====================*/
.doc-header.style3 .topSearch input{
background: #fff;
font-family: 'Droid Serif', serif;
text-transform: none;
letter-spacing: 0;
font-size: 13px;
border: 4px double #e5e5e5;
}
.doc-header.style3 .topHeader .wrap{
position: relative;
}
.doc-header.style3 .topHeader a.logo {
left: 0;
}
.doc-header.style3 .topSearch{
right: 0;
}
.doc-header.style3 nav{
border-top: 4px double #e5e5e5;
}
.doc-header.style3 .mainNav > li{
font-size: 14px;
font-family: 'Droid Serif', serif;
letter-spacing: 0;
}
.mainNav.nav-right{
text-align:right;
}
.doc-header.style1.style3 .mainNav > li > a {
color: #181818;
}
.doc-header.style3 .mainNav > li:hover > a, .doc-header.style3 .mainNav > li.active > a{
background: inherit;
color: inherit;
}
.doc-header.style3 .topLinks a{
background: #fff;
color: #a88818;
}
.mainSlider.style5 h1{
font-size: 50px;
margin-bottom: 26px;
font-family: 'Droid Serif', serif;
}
.mainSlider.style5 .tagLine {
color: #717171;
font-family:"Open Sans",sans-serif;
font-size: 14px;
display: block;
margin-bottom: 40px;
}
.mainSlider.style5 .caption{
max-width: 40%;
}
.mainSlider.style5{
border: 4px double #e5e5e5;
}
.mainSlider.style5 .owl-dot.active{
background: #a88818;
}
.xvFeatures .xvfeature .wrap{
position: relative;
}
.xvFeatures.style2 .xvfeature i{
color: #a88818;
}
.xvFeatures.style2 .xvfeature h5 {
font-size: 14px;
letter-spacing: 1px;
font-family: 'Droid Serif', serif;
}
.xvFeatures.style2 .style{
border-bottom: 4px double #e5e5e5;
}
.xvFeatures.style2 .xvfeature{
border-right: 4px double #e5e5e5;
padding-top: 85px;
padding-bottom: 85px;
margin: 0;
}
.xvFeatures.style2 .xvfeature:last-child{
border-right: 0;
}
.products.gray .product .visual{
height: 500px;
}
.products.item-border-double .product .visual,.products.item-border-double .product .productImages{
border: 4px double #e5e5e5;
}
.products.grayscale .product:hover .visual,.products.grayscale .product:hover .productImages > div{
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.products.gray .product .links{
top: 420px;
}
.product.brown .links li:hover {
background: #a88818 none repeat scroll 0 0;
}
header.style2 h2{
font-family: 'Droid Serif', serif;
margin-bottom: 2px;
margin-top: 10px;
}
header.style2 .tag{
font-size: 13px;
color: #717171;
letter-spacing: 0;
}
header.style2 i{
font-size: 30px;
color: #a88818;
}
.prodParalax.jewel h2{
font-family: 'Droid Serif', serif;
font-size: 30px;
font-weight: 400;
margin: 0;
color: #181818;
}
.prodParalax.jewel p{
font-size: 16px;
color: #717171;
font-weight: 400;
}
.prodParalax.jewel .stylebg{
padding: 100px 0;
background-size: cover;
background-position: center center;
}
.prodParalax.jewel .styleborder{
border: 4px double #e5e5e5;
}
.sectionHalf.visualRight .products{
margin-left: auto;
}
.sectionHalf .products{
max-width: 520px;
}
.sectionHalf.kids .content h1,
.sectionHalf.kids .content h2{
font-size: 80px;
font-weight: 700;
font-family: 'Rajdhani', sans-serif;
margin: 0;
margin-bottom: 40px;
line-height: 60px;
letter-spacing: 1px;
}
.sectionHalf.kids .content span.tagline{
font-size: 26px;
color: #ff9600;
font-family: 'Playfair Display', serif;
font-style: italic;
font-weight: 400;
margin-bottom: -10px;
display: block;
letter-spacing: 0;
}
.sectionHalf.kids .content{
min-height: 900px;
position: relative;
}
.sectionHalf.visualRight .content .wrap{
left: auto;
right: 0;
margin-left: auto;
}
.sectionHalf.kids .content .wrap{
position: absolute;
left: 0;
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.sectionHalf.visualRight.kids .content .wrap{
left: auto;
right: 0;
}
.sectionHalf .content .wrap{
max-width:600px;
padding: 60px;
width:100%;
}
.social-elements{
padding: 0;
margin: 0
}
.social-elements li{
display: block;
position: relative;
margin-bottom: 60px;
}
.social-elements li:last-child{
margin-bottom: 0;
}
.social-elements li i{
position: absolute;
left: 0;
top: 50%;
font-size: 40px;
color: #ff9600;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.social-elements li p{
padding-left: 75px;
}
.product.orange .links li:hover {
background: #ff9600 none repeat scroll 0 0;
}
.products.orange .star-rating::before{
color: #ff9600 ;
}
.products.orange .owl-dot.active{
border: 1px solid #ff9600
}
/*==================
39-Demo Shoes
===================*/
.doc-header.style4{
position: relative;
background: #e82e44;
}
.doc-header.style4 .mainNav{
font-family: 'Poppins', sans-serif;
font-size: 14px;
font-weight: 400;
text-transform: capitalize;
}
.doc-header.style4 .mainNav > li{
color: #fbadb6;
}
.doc-header.style4 .mainNav > li:hover{
color: #fff;
}
.doc-header.style4 .topLinks li a i{
color: #fbadb6;
font-size: 24px;
}
.mainSlider.style6 .slide{
height: 700px;
background-size: cover;
}
.mainSlider.style6 .caption{
text-align: left;
left: 15px;
right: auto;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.family-poppins h1{
font-family: 'Poppins', sans-serif;
letter-spacing: 0;
}
.mainSlider.style6 h1{
font-size: 50px;
text-transform: none;
margin-top: 0;
margin-bottom: 36px;
}
.mainSlider.style6 span.tagLine{
font-size: 16px;
color: #181818;
font-weight: 500;
}
.mainSlider.family-poppins span.tagLine{
font-family: 'Poppins', sans-serif;
}
.xv-options.style2 li{
font-size:14px;
padding:35px 0;
}
.xv-options.style2{
border-bottom: 1px solid #f0f0f0;
}
.xv-options.style2 li i{
font-size:16px;
color:#0ca5a9;
}
.xv-options ul{
padding: 0;
margin: 0;
}
.xv-options li{
float: left;
width: 33.3334%;
font-size: 12px;
color: #717171;
text-align: center;
padding: 20px 0;
border-right: 1px solid #f0f0f0;
}
.xv-options li:last-child{
border: 0;
text-align: right;
}
.xv-options li:first-child{
text-align: left;
}
.xv-options li{
font-weight: 300;
display: block;
}
.xv-options li i{
color: #e82e44;
font-size: 14px;
margin-right: 12px;
display: inline-block;
}
.xvDeals.style1 .content{
text-align: right;
}
.xvDeals.style1 .content h2{
text-transform: none;
font-weight: bold;
font-size: 40px;
margin-bottom: 20px;
}
.xvDeals.style1 .xvDeal{
padding: 10px;
}
.xvDeals .deal-inner{
height: 100%;
width: 100%;
border: 5px solid rgba(255,255,255,0.3);
}
.xvDeals.style1 .content a.btn{
padding: 10px 18px;
}
.xvDeals.family-poppins .h2{
font-family: 'Poppins', sans-serif;
}
.xvDeals.family-poppins a.btn{
font-size: 10px;
font-family: 'Poppins', sans-serif;
font-weight: 500;
}
ul.slick-slider{padding: 0;}
.family-poppins h3,.family-poppins h2{
font-family: 'Poppins', sans-serif;
text-transform: none;
font-weight: 600;
}
.products.red .product .links li:hover{
background: #e82e44;
}
.products.red .star-rating::before{
color: #e82e44;
}
.xvAboutProduct .slide{
position: relative;
}
.xvAboutProduct .visual{
float: left;
width: 40%;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.xvAboutProduct .content{
float: left;
width: 60%;
margin-left: 40%;
background: #e82e44;
padding: 120px 60px 140px 60px;
}
.xvAboutProduct .content h1,.xvAboutProduct .content h2,.xvAboutProduct .content h3,.xvAboutProduct .content h4,.xvAboutProduct .content h5,.xvAboutProduct .content h6{
color: #fff;
margin-bottom: 26px;
}
.xvAboutProduct .content a.btn{
margin-top: 40px;
}
.xvAboutProduct p{
color: #fbadb6;
font-size: 18px;
font-weight: 600;
}
.xvAboutProduct{
text-align: center;
padding: 80px 0;
}
.xvAboutProduct.family-poppins h2{
font-family: 'Poppins', sans-serif;
}
.dots-square .slick-dots li button{
height: 12px;
width: 12px;
border-radius: 0;
}
.xvAboutProduct .slick-dots li button{
border: 0;
background: #d0293d;
}
.xvAboutProduct .slick-dots li.slick-active button{
background: #fff;
}
.xvAboutProduct .slick-dots{
position: absolute;
right: 30px;
bottom: 25px;
}
/*==================
40-Denim Demo
==================*/
.doc-header.style6 .topHeader{
background: #181818;
}
.doc-header.style6 .topLinks li{
color: #6b6b6b;
}
.doc-header.style6 nav{
background: #121212;
}
.doc-header.style6 .mainNav > li{
color: #6b6b6b;
}
.doc-header.style6 .topSearch input{
background: none;
}
.doc-header.style6 .topSearch{
border-bottom: 1px solid #6b6b6b;
}
.texture{
color: rgba(63,41,117,0.8);
line-height: 200px;
letter-spacing: 0;
font-size: 300px;
font-family: 'Rajdhani', sans-serif;
font-weight: bold;
}
.text-bg{
background:url('../img/texture.jpg');
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.xvDenim {
background: #EBECF0;
overflow: hidden;
}
.xvDenim.visual-left{
background: #ebecef;
}
.xvDenim.visual-right{
background: #f6f7f9;
}
.xvDenim .content {
z-index: 999;
padding: 100px 0;
position: relative;
}
.parallax-image{
background: none;
}
.xvDenim .content span.price{
color: #181818;
font-family: 'Rajdhani', sans-serif;
font-size: 100px;
letter-spacing: -9px;
text-transform: uppercase;
font-weight: 700;
line-height: 50px;
}
.xvDenim .content h2,.xvDenim .content text{
color: #181818;
font-family: 'Rajdhani', sans-serif;
font-size: 537px;
line-height: 200px;
letter-spacing: -30px;
text-transform: uppercase;
font-weight: 700;
}
.xvDenim .container{
position: relative;
}
.xvDenim.visual-left .visual{
position: absolute;
left: 0;
top: 0;
}
.xvDenim.visual-right .visual{
position: absolute;
right: 0;
top: 0;
}
.xvDenim .visual img{
position: relative;
}
.xvDenim.view1 h2,.xvDenim.view1 text{
color: rgba(63,41,117,0.4);
color: #3f2975;
}
.xvDenim.view2 h2{
color: #983d21;
}
.xvDenim.view3 h2{
color: #922e2e;
}
.btn-fancy{
font-size: 30px;
color: #181818;
font-family: 'Rajdhani', sans-serif;
background: none;
border: 4px solid #181818;
border-radius: 6px;
}
.xvDenim .content.left{
padding-left: 250px;
}
.xvDenim .content.right{
padding-right: 300px;
}
.xvDenim .content.right h2{
text-align: right;
}
.xvDenim .content.right a.btn{
float: right;
}
.xvDenimView{
height: 500px;
position: relative;
background-size: cover;
background-position: center center;
}
.xvDenimViews header h2{
font-size: 100px;
color: #181818;
font-family: 'Rajdhani', sans-serif;
text-transform: uppercase;
font-weight: bold;
letter-spacing: -10px;
margin-bottom: 40px;
}
.xvDenimView span.price{
font-size: 20px;
color: #181818;
font-family: 'Rajdhani', sans-serif;
text-transform: uppercase;
font-weight: 600;
letter-spacing: -1px;
position: absolute;
top: 30px;
left: 30px;
}
.xvDenimView{
margin-bottom: 60px;
}
.xvDenimView h2 {
font-size: 100px;
color: #181818;
font-family: 'Rajdhani', sans-serif;
text-transform: uppercase;
font-weight: bold;
letter-spacing: -10px;
position: absolute;
left: 0px;
bottom: 20px;
background: #ededf0;
width: 100%;
text-align: center;
line-height: 70px;
padding: 20px 0;
}
.xvDenimView.view1 h2{
color: #3f2975;
}
.xvDenimView.view2 h2{
color: #983d21;
}
.xvDenimView.view3 h2{
color: #922e2e;
}
.xvDenimView .textured-text{
position: absolute;
bottom: 35px;
left: 0;
background: #ededf0;
width: 100%;
}
.xvDenimView text{
font-family: "Rajdhani",sans-serif;
font-size: 437px;
font-weight: 700;
letter-spacing: -30px;
line-height: 200px;
text-transform: uppercase;
text-align: center;
}
/*===============
41-Shorecode
===============*/
.shortcodeBtns .allbtns a.btn{
margin-bottom: 30px;
}
.shortcodeBtns .allbtns a.btn:last-child{
margin-bottom: 0px;
}
.shortcodeBtns .allbtns{
padding: 100px 0;
}
.shortcodeBtns .purchaseBox{
margin-bottom: 30px;
}
.shortcodeBtns .xvAlert{
margin-bottom: 30px;
}
.shortcodeBtns .xvAlert:last-child{
margin-bottom: 0px;
}
.xvAlert{
position: relative;
font-size: 15px;
color: #fff;
text-transform: uppercase;
padding: 15px 50px 15px 50px;
}
.xvAlert.generalMsg{
background: #dadada;
color: #181818;
}
.xvAlert i{
font-size: 20px;
}
.xvAlert .icon{
position: absolute;
left: 20px;
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
}
.xvAlert a.remove{
text-decoration: none;
position: absolute;
right: 0px;
top: 50%;
transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-ms-transform: translate(0px, -50%);
height: 40px;
width: 40px;
}
.xvAlert a.remove i{
display: block;
line-height: 40px;
}
.xvAlert.errorMsg{
background: #eb4f6d;
}
.xvAlert.helpMsg{
background: #2293c7;
}
.xvAlert.noticeMsg{
background: #ffb644;
}
.xvAlert.successMsg{
background: #8fba61;
}
.xvAlert.infoMsg{
background: #c184d6;
}
.shortcodeBanners header{
color: #181818;
margin-bottom: 35px;
}
.shortcodeBanners header h3{
margin: 0;
}
.shortcodeBanners section{
padding: 90px 0;
}
.shortcodeBanners hr,.shortcodeElements hr,.shortcodes-products hr{
margin: 0 auto;
max-width: 85%;
}
.shortcodes-products section{
padding: 100px 0;
}
.allheads .text-widget{
margin-bottom: 65px;
}
.text-widget{
margin-bottom: 20px;
}
.text-widget h1{
font-size: 30px;
}
.text-widget h2{
font-size: 24px;
}
.text-widget h3{
font-size: 20px;
}
.text-widget h4{
font-size: 18px;
}
.text-widget h5{
font-size: 16px;
}
.text-widget h6{
font-size: 14px;
}
.text-widget header{
margin-bottom: 25px;
}
.allheads{
padding: 80px 0 30px 0;
}
.dropcap.style1 .word{
font-size: 20px;
text-transform: uppercase;
height: 55px;
width: 55px;
text-align: center;
line-height: 55px;
background: #ff0000;
color: #fff;
float: left;
border-radius: 50%;
margin-right: 12px;
}
.dropcap.style2 .word{
font-size: 20px;
text-transform: uppercase;
height: 55px;
width: 55px;
text-align: center;
line-height: 55px;
background: #181818;
color: #fff;
float: left;
border-radius: 8px;
margin-right: 12px;
}
.dropcap.style3 .word{
font-size: 20px;
text-transform: uppercase;
height: 55px;
width: 55px;
text-align: center;
line-height: 55px;
background: none;
color: #181818;
float: left;
border-radius: 8px;
margin-right: 12px;
}
.dropcaps{
padding: 95px 0;
}
.xvBlockquotes{
padding: 95px 0;
}
.xvBlockquote{
background: #f9f9f9;
font-size: 18px;
color: #4b4b4b;
font-weight: 600;
position: relative;
padding: 50px 50px 45px 50px;
margin-bottom: 100px;
}
.xvBlockquote:last-child{
margin-bottom: 0;
}
.xvBlockquote a.from{
font-size: 10px;
color: #ff0000;
text-transform: uppercase;
margin-top: 40px;
display: table;
}
.xvBlockquote p{
font-weight: 600;
}
.xvBlockquote i{
font-size: 16px;
height: 48px;
width: 48px;
line-height: 48px;
text-align: center;
background: #ff0000;
color: #fff;
display: block;
border-radius: 50%;
position: absolute;
left: 50px;
top: 50px;
}
.xvBlockquote .quote{
padding-left: 65px;
}
.xvBlockquote.style1{
background: #fff;
border: 1px solid #f1f1f1;
text-align: center;
padding: 50px 100px 45px 100px;
}
.xvBlockquote.style1 i{
display: none;
}
.xvBlockquote.style1 .quote{
padding: 0;
}
.xvBlockquote.style1 p{
color: #181818;
font-family: 'bridgestone';
font-weight: 400;
text-transform: uppercase;
letter-spacing: 2px;
}
.xvBlockquote.style1 a.from{
margin: 40px auto 0 auto;
}
.xvList{
padding: 0;
margin: 0;
margin-bottom: 20px;
}
.xvList li{
display: block;
font-size: 14px;
color: #717171;
font-family: open sans;
letter-spacing: 1px;
margin-bottom: 25px;
position: relative;
padding-left: 16px;
}
.xvList li:last-child{
margin: 0;
}
.xvList li:before{
content: '\f105 ';
position: absolute;
left: 0;
top: 1px;
font-family:'FontAwesome';
font-size: 12px;
}
.xvList.style1 li:before{
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
background: #fff;
color: #181818;
border-radius: 50%;
}
.xvList.style1 li{
padding-left: 30px;
}
.xvList.style1 li:hover:before{
background: #ff0000;
color: #fff;
}
.xvList.style2 li:before{
content: '\f0da ';
}
.xvList.style3 li:before{
content: '\f005';
color: #ff0000;
font-size: 9px;
top: 4px;
}
.xvList.style4 li:before{
content: '\f111 ';
color: #717171;
font-size: 4px;
top: 8px;
}
.xvList.style5 li{
padding-left: 30px;
}
.xvList.style5 li:before{
content: '\f00c';
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
background: #fff;
color: #181818;
border-radius: 50%;
font-size: 8px;
}
.xvList.style5 li:hover:before{
background: #181818;
color: #fff;
}
.xvList.style6 li:before{
content: '\f178 ';
color: #ff0000;
font-size: 10px;
top: 4px;
}
.xvList.style6 li{
padding-left: 20px;
}
.xvList.style7 li:before{
font-size: 14px;
top: 2px;
}
.xvList.style8 li:before{
font-family: 'linea';
content: "\eaee";
font-size: 14px;
top: 2px;
font-size: 12px;
color: #ff0000;
}
.xvList.style8 li{
padding-left: 22px;
}
.xvLists{
padding-top: 100px;
}
.shortcodeTypo .xvList{
margin-bottom: 100px;
}
.alltext .text-widget{
margin-bottom: 75px;
}
.alltext{
padding-top: 85px;
padding-bottom: 20px;
}
.text-widget strong{
color: #ff0000;
}
.text-widget em{
color: #181818;
font-weight: 600;
}
.text-widget del{
color: #ff0000;
font-weight: bold;
}
.text-widget p a{
color: #ff0000;
font-weight: 600;
text-decoration: underline;
}
.text-widget span.bg{
background: #181818;
color: #fff;
padding: 0 5px;
}
.text-widget.dark-bg em{
color: #fff;
}
.text-widget.dark-bg span.bg{
background: #fff;
color: #000;
}
.xvHighlights{
padding: 90px 0 80px 0;
}
.xvPricing .pricinghead{
border: 2px solid #f1f1f1;
padding: 18px 0;
}
.xvPricing .pricingInfo{
border: 2px solid #f1f1f1;
border-top: 0;
padding: 30px;
}
.xvPricing .pricingInfo .info{
padding: 0;
margin: 0;
margin-top: 15px;
letter-spacing: 1px;
margin-bottom: 40px;
}
.xvPricing .pricingInfo .info li{
display: block;
font-size: 13px;
color: #717171;
font-family: open sans;
margin-bottom: 20px;
}
.xvPricing .pricingInfo .info li:last-child{
margin-bottom: 0;
}
.xvPricing .pricingInfo .price{
font-size: 60px;
border-bottom: 1px solid #f2f2f2;
border-top: 1px solid #f2f2f2;
padding: 10px 0;
}
.xvPricing .pricingInfo .price sup{
font-size: 20px;
left: 14px;
top: -24px;
}
.xvPricing .pricingInfo .price sub{
bottom: 2px;
font-size: 12px;
left: -14px;
}
.xvPricing .pricingInfo a.purchase{
margin-top: 30px;
}
.xvPricing:hover .pricinghead,.xvPricing:hover .pricingInfo{
border-color: #ff0000;
}
.xvPricing:hover a.purchase{
background: #ff0000;
color: #fff;
}
.xvGallery .visual{
display:block;
height: 236px;
background-size: cover;
background-position: center center;
position: relative;
}
.xvGallery .visual:before{
content:"";
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
cursor: url(../img/icons/plus.png), crosshair;
}
.xvGallery .visual:hover:before{
background-color: rgba(165,104,227,0.85);
}
.xvGallery .wrap{
margin: 0 -3px;
}
.xvGallery .xvImage{
padding: 3px;
float: left;
width: 33.3334%;
}
.xvStats.style1{
background: #fff;
color: #181818;
padding: 100px 0;
}
.shortcodeElements section{
padding: 95px 0;
}
.shortcodeElements .xvShopcat{
border-bottom: 0;
}
.accorContent{
display: none;
}
.accorTrigger{
display: none;
}
.table-responsive{border: 0;
margin: 0;}
.xvtweets ul{
padding: 0;
margin: 0;
}
.xvtweets{
background: #f9f9f9;
padding: 50px;
position: relative;
}
.xvSidebar .xvtweets{
padding: 38px 38px 55px 38px;
}
.xvSidebar .xvtweets li{
font-size: 13px;
color: #717171;
}
.xvSidebar .xvtweets .timeago{
color: #c4c4c4;
}
.xvtweets i{
color: #c4c4c4;
font-size: 30px;
position: absolute;
right: 30px;
bottom: 30px;
}
.xvtweets li{
font-size: 16px;
letter-spacing: 0;
line-height: 30px;
}
.xvtweets .timeago{
font-size: 10px;
color: #717171;
display: table;
margin-top: 25px;
text-transform: uppercase;
letter-spacing: 1px;
}
/*====*/
.progress-value {
position: absolute;
font-size: 30px;
color: #181818;
z-index: 10;
left: 0;
top: 70px;
width: 100%;
}
.xvPiegraph h6{
margin-top: 24px;
margin-bottom: 30px
}
.xvPiegraph .wrap{
border: 22px solid #f9f9f9;
border-radius: 50%;
height: 196px;
margin: 0 auto;
position: relative;
width: 196px;
}
.xvPiegraph .wrap canvas{
position: absolute;
left: 50%;
top: -16px;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
.xvModal{
height: 100%;
width: 100%;
background: rgba(0,0,0,0.5);
position: fixed;
left: 0;
top: 0;
z-index: 10000;
}
.modal-show-delay.xvModal{
display:none;
}
.xvModal .xvModalInner{
background: #fff;
width: 60%;
margin: 0 auto;
-moz-box-shadow: 0px 0px 12px rgba(0,0,0,0.4);
-webkit-box-shadow: 0px 0px 12px rgba(0,0,0,0.4);
box-shadow: 0px 0px 12px rgba(0,0,0,0.4);
}
.modalRemove,a.modalRemove{
height: 25px;
width: 25px;
background: #181818;
font-size: 20px;
line-height: 30px;
text-align: center;
color: #fff;
text-decoration: none;
display: block;
position: absolute;
right: 0;
top: 0;
}
.modalRemove:hover,.modalRemove:focus{color: #fff;}
.xvModal.newsletter .xvModalInner{
background-color:#fff;
background-repeat:no-repeat;
background-size: cover;
padding: 110px 80px 126px 80px;
position: relative;
top: 10%;
}
.xvModal.newsletter .xvModalInner .content{
width: 60%;
}
.xvModal.newsletter h3{
margin-bottom: 30px;
}
.xvModal.newsletter .form{
position: relative;
margin-top: 50px;
}
.xvModal.newsletter .form button{
position: absolute;
right: 0;
top: 0;
}
.xvModal.newsletter .form input{
margin: 0;
}
.products.lookbook .visual,.products.lookbook .productImages{
height: 550px
}
.products.lookbook .slick-slide{
opacity: 0.5;
pointer-events: none;
}
.products.lookbook .slick-current{
opacity: 1;
pointer-events: auto;
}
.products.lookbook .slick-list{margin: 0;}
.products.lookbook .product .links{
top: 470px;
}
.products.lookbook .owl-next,.products.lookbook .owl-prev{
color: #c4c4c4;
font-size: 30px;
height: 45px;
width: 50px;
line-height: 45px;
text-align: center;
background: #fff;
position: absolute;
top: 40%;
padding-top:3px;
-webkit-transition:all 0.3s ease-in; -moz-transition:all 0.3s ease-in; -ms-transition:all 0.3s ease-in; -o-transition:all 0.3s ease-in; transition:all 0.3s ease-in;
}
.products.lookbook .owl-prev:hover,.products.lookbook .owl-next:hover{
background:#000;
}
.products.lookbook .owl-next{
right: 35%;
margin-right: -2px;
}
.products.lookbook .owl-prev{
left: 35%;
margin-left: -2px;
}
.products.lookbook .star-rating::before{
color: #181818;
}
.xvmanage{
background: #181818 none repeat scroll 0 0;
display: none;
padding: 38px 20px 30px 68px;
position: absolute;
right: 0;
top: 100%;
width: 100%;
z-index: 999;
text-transform:uppercase;
}
.manageResults{
position: relative;
padding-bottom: 35px;
}
.manageResults span{
font-size: 10px;
color: #717171;
text-transform: uppercase;
}
.manageTriger{
font-size: 30px;
padding: 15px;
position: absolute;
right: -16px;
top: -16px;
}
.xvmanage li{
font-size: 10px;
color: #717171;
margin-bottom: 16px;
}
.xvmanage li a{text-decoration: none;}
.xvmanage li:hover{
color: #fff;
}
.xvmanage li:hover:before{
color: #ff0000;
}
.xvmanage h6{
color: #fff;
margin-bottom: 48px;
font-size: 10px;
}
.xvmanage .xvList.style4 li::before{
top: 5px;
}
.contact-map{
height: 400px;
}
.store-map{
height: 320px;
border: 6px solid #fff;
margin-bottom: 10px;
}
/*===============
42-catagory
===============*/
.change-prod-style{
padding: 0;
margin: 0;
float: right;
}
.change-prod-style li{
display: inline-block;
opacity: 0.1;
}
.change-prod-style li.active{
opacity: 1;
}
.manageResults.category .manageTriger{
padding: 0;
right: 127px;
top: -14px;
}
.archive .products .product .visual,.archive .products .product .productImages{
background-size: cover;
}
/*
.archive .products .product:hover.links{
display: block;
}
*/
.pagination{
margin: 50px 0 0 0;
}
.pagination.no-margin{
margin: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span,.pagination > li:first-child > a, .pagination > li:first-child > span{
border-radius: 0;
}
.pagination > li > a, .pagination > li > span{
border: 0;
padding: 14px 18px;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{
z-index: 3;
color: #fff;
background-color: #FF0000;
border-color: #FF0000;
cursor: default;
}
.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{
padding: 14px 18px;
z-index: 3;
color: #fff;
background-color: #000;
border-color: #000;
}
.pagination > li > a{
text-transform: uppercase;
color: #717171;
font-size: 10px;
padding: 17px 18px;
color: white;
background:black;
}
.pagination > li{
margin-right: 10px;
float: left;
}
.pagination > li:last-child{
margin-right: 0;
}
.pagination > li:hover a,.pagination > li.active a{
background:#FF0000;
color: #fff;
}
.custom-filter-elements .filter-item{
opacity: 0.5;
pointer-events: none;
display: none;
}
.custom-filter-elements .filter-active{
opacity: 1;
pointer-events: auto;
display: block;
}
/*products thumb images*/
.productImages{
height:260px;
background:#f6f6f8;
position:relative;
overflow:hidden;
}
.productImages > div{
height:100%;
position:absolute;
left:0;
top:0;
width:100%;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
filter:alpha(opacity=100);
opacity:1;
z-index:4;
}
.prod-style-lg .productImages{
height:460px;
}
.prod-style-lg .product .links{
top:360px;
}
.productImages > div.image-hover{
filter:alpha(opacity=0);
opacity:0;
z-index:5;
-webkit-transition:opacity 0.3s ease-in; -moz-transition:opacity 0.3s ease-in; -ms-transition:opacity 0.3s ease-in; -o-transition:opacity 0.3s ease-in; transition:opacity 0.3s ease-in;
}
.product:hover .productImages > div.image-hover{
filter:alpha(opacity=100);
opacity:1;
z-index:5;
}
.products.style1 .product:hover .productImages:after{
content:"";
left:0;
top:0;
width:100%;
height:100%;
z-index:5;
position:absolute;
background:#fff;
filter:alpha(opacity=70);
opacity:0.7;
}
/*.products.style3 .product .productImages:after,.slick-carousel .product .productImages:after,
.products.style2 .product .productImages:after,.prod-style-lg .product .productImages:after{
display:none !important;
}*/
/*buttons*/
.button {
min-width: 150px;
border: none;
vertical-align: middle;
position: relative;
z-index: 1;
-webkit-backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.button:focus {
outline: none;
}
.button > span {
vertical-align: middle;
}
/* Tamaya */
.button--tamaya {
overflow: hidden;
min-width: 180px;
}
.button--tamaya::before,
.button--tamaya::after {
content: attr(data-text);
position: absolute;
width: 100%;
height: 50%;
left: 0;
background: inherit;
overflow: hidden;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--tamaya.button--inverted::before,
.button--tamaya.button--inverted::after {
background: inherit;
}
.button--tamaya::before {
top: 0;
padding-top: 1.5em;
}
.button--tamaya::after {
bottom: 0;
line-height: 0;
}
.button--tamaya > span {
display: block;
-webkit-transform: scale3d(0.2, 0.2, 1);
transform: scale3d(0.2, 0.2, 1);
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.button--tamaya:hover::before {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.button--tamaya:hover::after {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
bottom:-1px;
}
.button--tamaya:hover > span {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
/*====================
Single Product Demo
==========================*/
.preContentImage{
position:relative;
margin-top:-200px;
margin-bottom:50px;
}
.extraPullUp{
margin-top:-400px;
}
.preContentImage img{
max-width:50%;
}
.overFlowHidden{
overflow:hidden !important;
}
.fancy-head.head{
font-size:40px;
margin-bottom:65px;
}
.fancy-head h2{
font-size:100px;
}
.fancy-head h3{
font-size:80px;
font-weight:300;
}
.fancy-head h2,.fancy-head h3,.fancy-head h4,.fancy-head h5{
color:#0ca5a9;
margin:0;
font-family:"josefin sans",sans-serif;
}
.style-big.xvfeature .info{
padding-left:200px;
}
.style-big.xvfeature .info h3{
font-size:27px;
font-weight:400;
text-transform:none;
}
.style-big.xvfeature{
font-size:16px;
line-height:30px;
min-height:210px;
}
.style-big.xvfeature i{
width:160px;
height:160px;
line-height:160px;
border-radius:50%;
display:block;
border:5px solid #0ca5a9;
color:#0ca5a9;
text-align:center;
font-size:60px;
overflow:hidden;
-webkit-transition:all ease 0.6s; -moz-transition:all ease 0.4s; -ms-transition:all ease 0.6s; -o-transition:all ease 0.6s; transition:all ease 0.6s;
-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg);
}
.style-big.xvfeature i:after{
content:"";
right:50%;
top:-50%;
width:100%;
height:170%;
position:absolute;
background:rgba(0,0,0,0.1);
-webkit-transform:rotate(30deg); -moz-transform:rotate(30deg); -ms-transform:rotate(30deg); -o-transform:rotate(30deg); transform:rotate(30deg);
}
.style-big.xvfeature:hover i{
-webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); transform:rotate(360deg);
}
.style-md.xvfeature i{
font-size:60px;
color:#0ca5a9;
}
.style-md.xvfeature h3{
font-size:27px;
text-transform:none;
}
.xvFeatures .style-md.xvfeature .info{
padding-left:80px;
}
.xvFeatures .style-md.xvfeature{
margin-bottom:30px;
}
.para-bigText{
font-size:60px;
line-height:normal;
color:#fff;
}
.para-bigText .textWrap p{
line-height:normal;
color:#fff;
}
.para-bigText .textWrap{
max-width:70%;
margin:auto;
}
.blueOverlay .overlay{
background:#0ca5a9;
filter:alpha(opacity=90);
opacity:0.9;
}
.promo-bigText.purchaseBox .tag{
font-size:30px;
}
.blueBG.purchaseBox .tag{
color:#fff;
}
.fancyImageRight{
position:absolute;
right:-50px;
top:20%;
max-width:50%;
}
.fancyImageRight img{
display:inline-block;
}
.fancyImageWrap{
position:relative;
}
.blueBG .head{
color:#fff;
}
.blueBG header.head h2,.blueBG header.head h3,.blueBG header.head h4{
color:#fff;
}
.ratingReview h3{
text-transform:none;
margin:0 0 25px;
font-size:30px;
}
.ratingReview{
font-weight:300;
padding:40px;
background:#fff;
letter-spacing:0px;
}
.slick-carousel .ratingReviewSlide{
padding:15px
}
.ratingReviewSlick .slick-dots{
margin-top:30px;
}
.ratingReviewSlick .slick-dots li button{
opacity:0.6;
display:block;
}
.ratingReviewSlick .slick-dots li.slick-active button{
height:16px;
width:16px;
border-color:#fff;
opacity:1;
}
.ratingReview q:before,.ratingReview:after{
display:none;
}
.ratingReview q,.ratingReview p{
color:#585858;
font-style:normal;
font-size:16px;
line-height:30px;
}
.reviewAuthor{
position:relative;
padding-left:50px;
padding-top:30px;
margin-top:30px;
border-top:1px solid #e5e5e5;
font-weight:400;
}
.ratingReview .star-rating{
font-size:16px;
text-align:left;
margin-bottom:20px;
display:block;
}
.ratingReview .star-rating:after,.prod-style-lg.product-withBG .star-rating:after{
color:#dadada;
}
.ratingReview .star-rating:before,.prod-style-lg.product-withBG .star-rating:before{
color:#ff8400;
}
.star-rating span{
display:inline-block;
position:absolute;
left:100px;
top:0;
color:#585858;
font-size:18px;
font-weight:300;
}
.reviewAuthor figure{
width:34px;
height:34px;
border-radius:50%;
overflow:hidden;
position:absolute;
left:0;
top:25px;
}
.reviewAuthor cite{
font-style:normal;
color:#585858;
font-size:20px;
}
.product-withBG .product .productInfo{
background:#f9f9f9;
text-align:left;
padding: 1px 40px 40px;
}
.product-withBG .product .productInfo h3{
border-top:1px solid #e0e0e0;
padding-top:40px;
font-size:25px;
}
.prod-style-lg.product-withBG .productImages{
height:420px;
}
.prod-style-lg.product-withBG .star-rating{
display:block;
font-size:16px;
margin-top:10px;
letter-spacing:0;
}
.prod-style-lg.product-withBG .product .btn{
margin-top:30px;
}
.prod-style-lg.product-withBG .product .btn .fa{
position:relative;
top:-3px;
margin-right:10px;
}
.linkBoxes{
position:relative;
}
.linkBoxes > div{
display:block;
float:left;
width:25%;
padding:10px;
}
.linkBoxes > div > a{
border:1px solid #EDEDEF;
padding:5px;
display:block;
-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
position:relative;
}
.linkBoxes > div img{
width:100%;
}
input:not([type=submit]):read-only{
cursor:no-drop;
}
.linkBoxes > div > a > span{
position:absolute;
left:0;
bottom:0;
width:100%;
text-align:center;
padding:10px;
background:#EBEBED;
}
/*===============
43-Responsive
===============*/
@media (min-width: 1200px) {
.mainSlider .caption,.mainSlider figure{
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.semi-boxed{
padding-left:50px;
padding-right:50px;
}
}
@media (max-width: 1199px) {
.sideNavTrig a.logo{
display:none;
}
.coffee-nav .sideNavTrig{
height:50px;
background:rgba(0,0,0,0.7);
color:#fff;
}
.doc-header.coffee-nav .topLinks{
margin-top:0;
}
.coffee-nav .mainNav{
display:block !important;
position:relative !important;
top:auto;
left:0;
}
.doc-header.coffee-nav .topLinks{
}
.change-prod-style{
display: none;
}
.manageResults.category .manageTriger{
right:10px;
}
.archive .products.col-grid-2 .product,.archive .products.col-grid-3 .product,
.archive .products.col-grid-4 .product,.archive .products.col-grid-5 .product{
width:33.3334%;
}
.archive .products.col-grid-2 .product .productImages,.archive .products.col-grid-3 .product .productImages,
.archive .products.col-grid-4 .product .productImages,.archive .products.col-grid-5 .product .productImages{
height:320px !important;
}
.archive .products.col-grid-2 .product .links,.archive .products.col-grid-3 .product .links,
.archive .products.col-grid-4 .product .links,.archive .products.col-grid-5 .product .links,
.sidebar-enable.archive .products.col-grid-2 .product .links,.sidebar-enable.archive .products.col-grid-3 .product .links,
.sidebar-enable.archive .products.col-grid-4 .product .links,.sidebar-enable.archive .products.col-grid-5 .product .links,
.sidebar-enable.archive .products.style3.col-grid-4 .product .links{
top:220px;
}
.mainNav > li{
margin: 0 10px;
}
.products.style1.new{
margin: 0;
}
.mainSlider .caption,.mainSlider figure{
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
transform: translate(0,0);
-webkit-transform: translate(0,0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
-ms-transform: translate(0,0);
}
.xvSubscription li:last-child {
width: 18%;
}
.xvSubscription li{width: 40%;}
.postBtns .contentLeft .info{
left: 17%;
}
.postBtns .contentRight .info{
right: 17%;
}
.changePortfoliostyle{display: none;}
.xvPortfolio .portfolioItem{
width: 50% !important;
}
.xvDenim .content.left{
padding-right: 30px;
}
.xvDenim .content.right{
padding-left: 30px;
}
.xvModal.newsletter .xvModalInner{
width: 90%;
padding: 90px 40px 125px;
}
}
/*===========*/
@media (max-width: 1120px){
.slider-wraper.medium .slider-nav .slick-next{
top: 17px;
}
.slider-wraper.medium .slider-nav .slick-prev{
top: 52px;
}
.slider-wraper.small .slider-nav .slick-next{
top: 10px;
}
.slider-wraper.small .slider-nav .slick-prev{
top: 46px;
}
.xvArchieve{
padding-top:30px;
}
}
/*===========*/
@media (max-width: 1110px){
.slider-wraper.large .slider-nav .slick-next{
top: 27px;
}
.slider-wraper.large .slider-nav .slick-prev{
top: 62px;
}
}
/*===========*/
@media (max-width: 1050px){
.products.style1 .product .visual,
.products.style1 .product .productImages {
height: 310px;
}
.slider-wraper.medium .slider-nav .slick-next{
top: 13px;
}
.slider-wraper.medium .slider-nav .slick-prev{
top: 48px;
}
.slider-wraper.small .slider-nav .slick-next{
top: 8px;
}
.slider-wraper.small .slider-nav .slick-prev{
top: 43px;
}
}
/* Portrait tablet to landscape and desktop */
@media (max-width: 990px) {
.fancyImageRight{
position:relative;
top:auto;
width:100%;
text-align:center;
right:auto;
max-width:100%;
}
.fancyImageRight img{
max-width:500px;
}
.archive .products.col-grid-2 .product .productImages,.archive .products.col-grid-3 .product .productImages,
.archive .products.col-grid-4 .product .productImages,.archive .products.col-grid-5 .product .productImages{
height:280px !important;
}
.archive .products.col-grid-2 .product .links,.archive .products.col-grid-3 .product .links,
.archive .products.col-grid-4 .product .links,.archive .products.col-grid-5 .product .links{
top:180px;
}
.sidebar-enable.archive .products.col-grid-2 .product .productImages,.sidebar-enable.archive .products.col-grid-3 .product .productImages,
.sidebar-enable.archive .products.col-grid-4 .product .productImages,.sidebar-enable.archive .products.col-grid-5 .product .productImages{
height:230px !important;
}
.archive .products.col-grid-2 .product .links,.archive .products.col-grid-3 .product .links,
.archive .products.col-grid-4 .product .links,.archive .products.col-grid-5 .product .links {
top:180px;
}
.sidebar-enable.archive .products.col-grid-2 .product .links,.sidebar-enable.archive .products.col-grid-3 .product .links,
.sidebar-enable.archive .products.col-grid-4 .product .links,.sidebar-enable.archive .products.col-grid-5 .product .links,
.sidebar-enable.archive .products.style3.col-grid-4 .product .links,
.sidebar-enable.archive .products.style3.col-grid-3 .product .links{
top:150px;
}
.xvTestimonial blockquote br{
display:none;
}
.xvTestimonial blockquote{
font-size:16px;
}
.mainSlider h1{
font-size: 90px;
}
.xvBlogWrap .xvBlogPost,.xvPricing{
margin: 15px 0;
}
.productHotspot .imageHotspot {
left: auto;
position: relative;
text-align: center;
top: auto;
transform: none;
}
.controls-center .owl-prev{left: 0}
.controls-center .owl-next{right: 0}
.xvExtraProd .box.left,.xvExtraProd .box.right{
padding: 50px 25px;
border: 10px solid #fff;
}
.xvExtraProd .box.right{
border-top: 0;
}
.xvExtraProd{border: 0;}
.xvFeatures.style2 .xvfeature,.xvFeatures.style2 .style{
border: 0;
}
.xvFeatures.style2 .xvfeature{
padding-bottom: 30px;
padding-top: 30px;
}
.sectionHalf.visualRight .content .wrap{
padding: 30px 40px 30px 50px;
}
.sectionHalf.visualLeft .content .wrap{
padding: 30px 50px 30px 40px;
}
.hotspotWrap .xvpoint2{
left: 0;
}
.slider-wraper.large .slider-nav .slick-next{
top: 20px;
}
.slider-wraper.large .slider-nav .slick-prev{
top: 56px;
}
.slider-wraper.medium .slider-nav .slick-next{
top: 9px;
}
.slider-wraper.medium .slider-nav .slick-prev{
top: 44px;
}
.slider-wraper.small .slider-nav .slick-next{
top: 6px;
}
.slider-wraper.small .slider-nav .slick-prev{
top: 39px;
}
.products.ajaxify.style1 .product{
width: 25%;
}
.products .controls .changeView,.products.ajaxify .customslider-controls{
display: none;
}
.products .content{
margin: 0;
width: 100%;
}
.products.col-grid-5 .product{
width: 25%;
}
.manageResults.category .manageTriger{
right: 0;
}
}
/*===========*/
@media (max-width: 950px){
.slider-wraper.small .slider-nav .slick-next{
top: 6px;
}
.slider-wraper.small .slider-nav .slick-prev{
top: 35px;
}
}
/*===========*/
@media (max-width: 900px) {
.xvTestimonial{
max-width: 100%;
margin: 0 auto;
padding:40px;
}
section.xvTestimonials{
padding:40px;
}
.xvTestimonials .owl-prev{left: 0%;}
.xvTestimonials .owl-next{right: 0%;}
.sectionHalf.visualLeft .content,.sectionHalf.visualRight .content {
padding: 40px 30px 50px;
}
.xvAboutus.upcomming .content{padding: 30px;}
.inContainer {
padding: 30px 20px;
}
.xvAccountInfo .tab-pane{padding: 30px;}
.myAccount .aboutMe .info{
padding-left: 100px;
}
.xvBestItem .content h2{
font-size: 24px;
}
.xvBestItem .content{padding: 30px;}
.mainSlider.style4 h1{font-size: 36px; line-height: 40px;}
.slider-wraper.large .slider-nav .slick-next{
top: 14px;
}
.slider-wraper.large .slider-nav .slick-prev{
top: 50px;
}
.slider-wraper.medium .slider-nav .slick-next{
top: 7px;
}
.slider-wraper.medium .slider-nav .slick-prev{
top: 40px;
}
.slider-wraper.small .slider-nav .slick-next{
top: 4px;
}
.slider-wraper.small .slider-nav .slick-prev{
top: 33px;
}
}
/*===========*/
@media (max-width: 870px){
.slider-wraper.medium .slider-nav .slick-next{
top: 6px;
}
.slider-wraper.medium .slider-nav .slick-prev{
top: 35px;
}
.slider-wraper.small .slider-nav .slick-next{
top: 2px;
}
.slider-wraper.small .slider-nav .slick-prev{
top: 31px;
}
.products.ajaxify.style1 .product{
width: 25%;
}
}
/*===========*/
@media (max-width: 843px){
a.btn{
margin: 5px 0 !important;
}
.slider-wraper.large .slider-nav .slick-next{
top: 11px;
}
.slider-wraper.large .slider-nav .slick-prev{
top: 46px;
}
}
/*===========*/
@media (max-width: 820px){
.slider-wraper.large .slider-nav .slick-next{
top: 9px;
}
.slider-wraper.large .slider-nav .slick-prev{
top: 44px;
}
.slider-wraper.medium .slider-nav .slick-next{
top: 4px;
}
.slider-wraper.medium .slider-nav .slick-prev{
top: 33px;
}
.slider-wraper.small .slider-nav .slick-next{
top: 0;
}
.slider-wraper.small .slider-nav .slick-prev{
top: 29px;
}
.products.ajaxify.style1 .product, .products.col-grid-5 .product, .products.col-grid-4 .product{
width: 33.3334%;
}
}
/*===========*/
@media (max-width: 790px){
.slider-wraper.large .slider-nav .slick-next{
top: 7px;
}
.slider-wraper.large .slider-nav .slick-prev{
top: 42px;
}
.slider-wraper.medium .slider-nav .slick-next{
top: 2px;
}
.slider-wraper.medium .slider-nav .slick-prev{
top: 31px;
}
}
/* Landscape phone to portrait tablet */
@media (min-width: 768px){
.mainNav{
display:block !important;
}
.tab-pane.active{
display: block;
}
.tab-pane.active .accorContent{
display: block;
}
.mainNav > li:hover > ul,.mainNav > li:hover > .mega-xv{
visibility: visible;
top: 100%;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
}
}
/*===========*/
@media (max-width: 767px) {
.linkBoxes > div{
width:50%;
}
.product .links{
display:block;
}
.mainSlider.style5 h1{
font-size: 30px;
}
.lampCaption{
width: 300px;
margin: auto auto 30px;
padding-left: 0;
position: relative;
right: auto;
padding-left: auto;
text-align: center;
background-position: center top;
}
.staticSplash .largeText{
font-size: 22px;
line-height: 28px;
margin-bottom: 10px;
}
.lampCaption .largeText br{
display: none;
}
.staticSplash .container{
padding: 0;
text-align: center;
}
.xvTestimonials.style1 blockquote.quote{
font-size: 18px;
padding-top: 20px;
}
.xvTestimonials.style1 blockquote.quote br{
display: none;
}
.hotspotWrap .xvpoint2,.hotspotWrap .xvpoint1{
display: none;
}
.sectionHalf .products{
max-width: none;
}
.xvModal.newsletter{
display: none !important;
}
h2{font-size: 28px;}
.tab-panel{
width: 100%;
}
.tab-pane .accorContent{
display: none;
padding: 30px;
}
.xvAccountInfo .tab-pane {
padding: 20px;
}
.tab-pane.opened .accorContent{
display: block;
}
.tabs{
display: none;
}
.accorTrigger{
display: block;
}
.tab-pane {
display: block;
}
.doc-header .tab-pane{
display:none;
padding:15px;
}
.doc-header .tab-pane.active,.doc-header .tabs{
display:block;
}
.tab-pane{
padding: 0;
}
.padGeneral, section,.section,.xvPromo,.parallax_inner{
padding: 80px 0;
}
.xvDeals .xvDeal{
margin-bottom: 30px;
}
.xvDeals .xvDeal .content{
right: 10%;
}
.aboutBrand .aboutBox{
margin-bottom: 30px;
}
.aboutBrand h5 {
margin-bottom: 10px;
margin-top: 20px;
}
.xvBrands li{
float: none;
padding: 10px 20px;
width: auto;
}
.doc-footer h6{
margin-bottom: 20px;
}
.doc-footer .copyrights{
text-align: center;
margin-top: 20px;
}
.doc-footer{
padding: 40px 0 30px;
}
.sectionHalf .visualdiv{
position: relative !important;
height: 400px !important;
}
.xvAboutus .contentWrap{max-width: 100%;}
.sectionHalf .content{
margin-left: 0 !important;
}
.xvAboutus > div,.sectionHalf > div{
width: 100%;
float: none;
}
.xvWidgets .featuredBox{
margin-bottom: 50px;
}
.xvWidgets .introBox figure img{
width: 100%;
}
.xvWidgets .introBox figcaption img{
width: auto;
}
.xvWidgets h5{
margin-bottom: 20px;
}
.xvSubscription ul{
width: 100%;
max-width: 100%;
}
.xvSubscription li {
width: 35%;
}
.xvSubscription button{
width: 100%;
}
.xvSubscription li:last-child{width: 28%;}
.xvShopcat .category{
margin-bottom: 30px;
}
.xvAboutFeatures .xvAboutFeature{
margin: 40px 0;
}
.aboutStyle .woo{margin-top: 35px;}
.xvBlogWrap .xvBlogPost h6{
margin-top: 20px;
}
.xvBlogWrap.style1 .xvBlogPost{
margin:40px 0;
}
.xvBlogWrap.postMd .xvBlogPost, .xvBlogWrap.postSm .xvBlogPost{
width: 100%;
}
.xvFeatures .xvfeature{margin: 40px 0;}
.products.style1.new .product.featured,.products.style1.new .product{
height: 350px;
}
.purchaseBox .tag{
float: none;
display: block;
margin-bottom: 20px;
}
.purchaseBox a.btn{
float: none;
}
.xvBanners .xvBanner{
width: 50%;
}
.xvOffers .xvOffer{
margin: 20px 0;
}
.aboutBrand.inContainer{
padding-left: 20px;
padding-right: 20px;
}
.sideNav.style1{
padding: 30px 0;
padding-bottom: 0;
}
.productDetail .prodDetail ul{
margin-bottom: 30px;
}
.productGallery{margin-bottom: 30px;}
.prodDetailVisual .owl-carousel{
display: block;
}
.prodDetailVisual .style1{display: none;}
.owl-carousel .owl-item img{
margin: 0 auto;
width: auto;
}
.completeLook .item{margin: 30px 0;}
.xvBanners.style2 .xvBanner{
margin: 20px 0;
height: 320px;
}
.xvBanners.style2 .caption{left: -10px;}
.shortcodeBanners section ,.xvBanners.style2,.prodParalax.jewel .stylebg,.shortcodeElements section,.allheads,.dropcaps,.dropcaps,.xvLists,.xvHighlights,.alltext{
padding: 40px 0;
}
.alltext .text-widget {
margin-bottom: 0px;
}
.allheads .text-widget {
margin-bottom: 30px;
}
.shortcodeBtns .allbtns a.btn:last-child{margin-bottom: 30px;}
.xvArtists .xvArtist{
margin: 20px 0;
}
.dropcaps .dropcap{margin: 30px 0;}
.xvBlockquote.style1 {
padding: 40px 23px 35px;
}
.shortcodeTypo .xvList{
margin: 40px 0;
}
.xvSizeGuide .visual{
position: relative;
height: 500px;
width: 100%;
}
.xvSizeGuide .content {
margin-left: 0;
padding-left: 0;
width: 100%;
margin-top: 25px;
}
.xvSizeGuide h6{margin-bottom: 20px;}
.xvSizeGuide .xvGuideItem {
padding: 20px 0;
}
.xvFeatures .stylePad {
margin-bottom: 0px;
}
.xvBestItem .content h2{
font-size: 20px;
}
.xvBestItem .content{padding: 15px;}
.xvBlogWrap .masonry .xvBlogPost{
margin-bottom: 20px;
}
.changeBlogstyle{display: none;}
.xvBlogWrap.postLg .visual {
height: 400px !important;
}
.xvSidebar{
margin-top: 50px;
}
.instagramFeeds .ins_img{width: 25%;}
.aboutPost .aboutAuthor{
margin-bottom: 25px;
}
.xvCommentsSec{padding: 40px 0;}
.aboutPost{padding-bottom: 40px}
.xvPromoLine.control .info .head{display: none;}
.xvPromoLine.control .content{height: 130px;}
.xvCart .cartTotal{
margin-top: 40px;
}
.xvDeliveryItem .visual, .xvDeliveryItem .content{
float: none;
width: 100%;
}
.xvDeliveryItem .visual{height: 400px;
position: relative;
}
.xvDeliveryItem .content,.xvDeliveryItem.visualLeft .content{
margin: 0;
padding: 0;
}
.xvDeliveryItem{
padding: 60px 0;
}
.xvSidebar.padGeneral{padding-top: 0;}
.prodSlider .caption{
width: 60%;
}
.prodSlider .slide .container{
background: rgba(24,24,24,0.4);
color: #fff;
}
.prodSlider .slide p{
color: #fff;
}
.prodParalax .textWrap {
max-width: 80%;
}
.prodParalax h2{font-size: 40px;}
.xvNewsletter .socials {
margin: 23px 0 9px;
text-align: center;
}
.xvStoreInfo .xvAccordianWrap:last-child{margin-bottom: 40px;}
.prodVideo{
font-size: 24px;
}
.prodVideo span a {
margin: 0 -4px;
}
.xvTestimonials .textWrap{max-width: 100%;}
.splash .sideNav{
display: none;
}
.mainSlider h1{
font-size: 70px;
letter-spacing: 5px;
}
.mainSlider .tagLine{margin-right: 5px; font-size: 17px;}
.topHeader .topSearch,.topHeader a.logo .logo-dark,.doc-header .topLinks li.cartDropdownTriger{display: none;}
.topHeader a.logo .logo-light {
display: block;
}
.topHeader .cartBtn, .topHeader .navTriger{
display: block;
color: #717171;
font-size: 20px;
text-decoration: none;
}
.doc-header.style1 .topHeader a.logo,.doc-header.style2 .topHeader a.logo{
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
-o-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
}
.doc-header.style1 nav{display: block;}
.doc-header.style1 .mainNav{display: none;}
.doc-header.style1 .quickLinks{display: none;}
.topHeader{
background: #181818;
}
.doc-header .topLinks{
color: #717171;
}
.doc-header .topLeftLinks{
display: block;
padding: 0;
margin: 0;
position: absolute;
left: 15px;
top: 8px;
}
.doc-header.style2 .topLeftLinks{top: 0;}
.doc-header.style1 .topLinks {
position: absolute;
right: 15px;
top: 39px;
}
.doc-header .topLeftLinks li {
display: inline-block;
margin-right: 8px;
}
.doc-header.style1 .topLinks a{
background: none;
}
.doc-header .topLeftLinks li a,.doc-header.style1 .topLinks a{
display: block;
font-size: 20px;
padding: 10px;
text-decoration: none;
}
.topHeader .navTriger{
font-size: 22px;
}
.doc-header.style-pink .topHeader{
background: #E368B0;
}
.doc-header.style-pink .topHeader .topLeftLinks li a,.doc-header.style-pink .topLinks a{color: #fff;}
.xvProdfeatures .feature{
width: 50%;
}
.xvProdfeatures .feature{border: 0;}
.mainSlider.style3 .lamp{display: none;}
.mainSlider.style3 .slide{height: auto; padding: 40px 0;}
.mainSlider.style3 figure img{
width: 100%;
}
.mainSlider.style3 figcaption{
height: 60px;
width: 60px;
font-size: 12px;
padding-top: 14px;
}
.mainSlider.style4 .slide{
height: auto;
padding: 150px 0 50px 0;
}
.mainSlider .slide, .mainSlider figure{
height: 500px;
}
.mainSlider .owl-next{
top: 50%;
margin-top: -1px;
}
.mainSlider.style4 h1{margin-top: 35px;}
.mainSlider.style4 h1{
font-size: 40px;
line-height: 40px;
}
.mainSlider.style4 .caption figure img{width: 100%;}
.xvTabs{margin-bottom: 20px;}
.xvPortfolio .folioInfo .infoInner{
padding: 15px 35px;
}
.xvmanage h6{
margin-bottom: 20px;
}
.products.lookbook .owl-prev {
left: 0;
margin-left: 0;
}
.products.lookbook .owl-next {
right: 0;
margin-left: 0;
}
.sectionHalf.kids .visualdiv{
display: none !important;
}
.sectionHalf.kids .content{
min-height:0;
}
.sectionHalf.kids .content .wrap {
left: auto;
position: relative;
top: auto;
transform: none;
}
.sectionHalf.visualRight .content .wrap,.sectionHalf.visualLeft .content .wrap{
padding: 0;
}
.doc-header.style3 .topLeftLinks a{
color: #a88818;
}
.doc-header.style3 .topLeftLinks li{margin-right: 3px;}
.mainSlider.style5 .slide{
height: auto !important;
padding: 50px 30px
}
.mainSlider.style5 .caption {
left: auto;
right: auto;
text-align: left;
top: auto;
transform: none;
max-width: 100%;
}
.mainSlider.style5 .dots-long .slick-dots{bottom: 15px !important;}
.doc-header.style3 .topLeftLinks{
left: 0;
}
.shortcodeBtns .xvAlert:last-child {
margin-bottom: 30px;
}
.xv-options li:first-child,.xv-options li:last-child{
text-align: center;
}
header.style4 i{
color: #fbadb6;
font-size: 24px;
}
.mainSlider.style6 .slide{
height: auto;
}
.mainSlider.style6 .caption{
position: relative;
left: auto;
top: auto;
transform: none;
padding: 100px 0;
}
.xvDenim .content span.price{
font-size: 80px;
}
.xvDenimView{
height: 1000px;
}
.xvAccountInfo .tab-panel{
width: 100%;
}
.xvCartItems .xvTable .total{
display: none;
}
.slider-wraper.large .slider-nav .slick-next{
top: 55px;
}
.slider-wraper.large .slider-nav .slick-prev{
top: 91px;
}
.slider-wraper.medium .slider-nav .slick-next{
top: 56px;
}
.slider-wraper.medium .slider-nav .slick-prev{
top: 92px;
}
.slider-wraper.small .slider-nav .slick-next{
top: 54px;
}
.slider-wraper.small .slider-nav .slick-prev{
top: 91px;
}
.products.ajaxify .product, .products.col-grid-5 .product, .products.col-grid-4 .product, .products.col-grid-3 .product{
width: 50%;
}
.mainSlider .caption{
position: absolute;
top: auto;
right: auto;
left: 0;
bottom: 10%;
width: 100%;
text-align: center;
}
.mainSlider h1{
font-size: 34px;
}
.mainSlider h1 br{
display: none;
}
.archive .products.col-grid-2 .product,.archive .products.col-grid-3 .product,
.archive .products.col-grid-4 .product,.archive .products.col-grid-5 .product{
width:50%;
}
.archive .products.col-grid-2 .product .productImages,.archive .products.col-grid-3 .product .productImages,
.archive .products.col-grid-4 .product .productImages,.archive .products.col-grid-5 .product .productImages,
.sidebar-enable.archive .products.col-grid-2 .product .productImages, .sidebar-enable.archive .products.col-grid-3 .product .productImages,
.sidebar-enable.archive .products.col-grid-4 .product .productImages, .sidebar-enable.archive .products.col-grid-5 .product .productImages{
height:360px !important;
}
.archive .products.col-grid-2 .product .links,.archive .products.col-grid-3 .product .links,
.archive .products.col-grid-4 .product .links,.archive .products.col-grid-5 .product .links{
top:280px;
}
.sidebar-enable.archive .products.col-grid-2 .product .links,.sidebar-enable.archive .products.col-grid-3 .product .links,
.sidebar-enable.archive .products.col-grid-4 .product .links,.sidebar-enable.archive .products.col-grid-5 .product .links,
.sidebar-enable.archive .products.style3.col-grid-4 .product .links{
top:280px;
}
.topHeader,.doc-header.style4 .topHeader{
min-height:0;
padding:15px 0;
}
.doc-header.style2 .topLeftLinks{
top:8px;
}
.topHeader a.logo{
display:table;
margin:auto !important;
left:auto !important;
right:auto !important;
top:auto !important;
position:relative;
-webkit-transform:translate(0) !important; -moz-transform:translate(0) !important; -ms-transform:translate(0) !important; -o-transform:translate(0) !important; transform:translate(0) !important;
}
.doc-header .topLinks > .languageDropdownTriger .languageDropdown,
.doc-header .topLinks > .cartDropdownTriger .cartDropdown,
.doc-header .topLinks > .accountDropdownTriger .accountDropdown,
.doc-header .topLinks > .accountDropdownTriger .accountDropdown.style{
top:100%;
margin-top:12px;
}
.doc-header .mainNav{
display:none;
}
.doc-header.style1 .topLinks{
top:21px;
}
.doc-header.style1 .topLinks a{
color:#717171;
}
.megaFix nav{
position:static;
}
.doc-header .mainNav .mega-xv{
padding:0 !important;
}
.mainNav{
position:absolute !important;
top:100%;
width:100%;
left:0;
background:#ffffff;
text-align:left;
}
.mainNav > li > a{
color:#181818;
padding:20px 45px 20px 30px !important;
position:relative;
}
.mainNav > li{
display:block;
margin:0;
border-bottom:1px solid #f1f1f1;
}
.mainNav > li.parent > a:after{
content: "\ebb1";
font-family: 'linea';
position:absolute;
right:25px;
color:#979797;
top:50%;
line-height:0;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
font-size:22px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
.mainNav > li.parent.expanded > a:after{
content: "\ebb9";
}
.mainNav > li > ul,.mega-xv{
position:relative;
left:auto;
top:auto;
background:none;
padding:0;
visibility:visible;
filter:alpha(opacity=100);
opacity:1;
display:none;
border:none
}
.mega-xv .container{
padding:0 15px;
}
.mainNav > li > ul > li > a, .mega-xv ul > li > a{
color:#717171;
}
.mega-xv a.thumb-unit, .thumb-unit{
padding:15px 0;
float:none;
width:100%;
}
}
/*===========*/
@media (max-width: 700px){
.xvDenimView {
height: 900px;
}
.slider-wraper.large .slider-nav .slick-next,
.slider-wraper.medium .slider-nav .slick-next,
.slider-wraper.small .slider-nav .slick-next{
top: 48px;
}
.slider-wraper.large .slider-nav .slick-prev,
.slider-wraper.medium .slider-nav .slick-prev,
.slider-wraper.small .slider-nav .slick-prev{
top: 84px;
}
.products.ajaxify.style1 .product{
width: 50%;
}
}
/*============*/
@media (max-width: 630px) {
.prodSlider .caption {
width: 100%;
left: 0;
padding: 0 20px;
}
.xvStats ul li{
width: 50%;
margin: 20px 0;
}
.xvSubscription li {
width: 100%;
margin: 10px 0;
}
.xvSubscription li:last-child{width: 100%;}
.xvAboutus.upcomming .xvSubscription{padding-bottom: 0 !important;}
.xvSubscription{
padding-bottom: 80px !important;
}
.products.style2 .owl-nav, .products.style1 .owl-nav, .xvBlogWrap.news .owl-nav, .products.styleControls .owl-nav{
width: 100%;
top: -45px;
}
.xvPromo h2 {
font-size: 40px;
margin-bottom: 10px;
margin-top: 0;
}
.xvPromoLine .content{
width: 100%;
float: none;
}
.xvBanners.style1 .xvBanner{
width: 100%;
float: none;
height: 250px;
}
.breadcrumb h5,.breadcrumb ul{
float: none;
}
.basicDetails h2{font-size: 26px;}
.xvGallery .xvImage{width: 50%;}
.xvBestItem .visualWrap, .xvBestItem .contentWrap{
float: none;
width: 100%;
}
.xvBestItem .visualWrap{
height: 350px;
position: relative;
}
.xvBestItem.visualLeft .contentWrap{margin-left: 0;}
.xvBestItem .content {
padding: 25px;
}
.xvBestItem{margin-bottom: 30px}
.xvBestItem .contentWrap{text-align: center;}
.cart-btns .pull-right{
float: none !important;
margin-top: 5px;
}
.imageHotspot > div {
display: table;
position: relative;
margin: 0 auto;
}
.imageHotspot .image2 {
margin-left: auto;
margin-top: 30px;
}
.xvExtraProd .box .info{padding-right: 184px;}
.mainSlider.style2 .caption{
position: relative;
left: auto;
}
.mainSlider.style2 .slide{height: 500px;}
.xvPortfolio .portfolioItem{
width: 100% !important;
}
.xvPortfolio .portfolioItem.folio-last .folioInfo{
left:0;
margin-left:0;
}
.xvPortfolio .folioInfo{
left: 0;
margin: 0;
}
.xvPortfolio .folioInfo:before{display: none;}
.xvPortfolio .portfolioWrap{margin: 0;}
.xvPortfolio .portfolioItem{
padding: 0;
}
.xvAboutProduct .visual{
float: none;
height: 300px;
left: auto;
position: relative;
top: auto;
width: 100%;
background-size: cover;
}
.xvAboutProduct .content{
width: 100%;
margin: 0;
}
.xvAboutProduct .content{
padding: 45px;
}
.xvDenim .content span.price{
font-size: 70px;
}
.btn-fancy{
font-size: 15px;
}
.xvDenim .content.left {
padding-left: 65px;
padding-right: 65px;
padding-top: 210px;
}
.xvDenim .content.right {
padding-left: 65px;
padding-right: 65px;
padding-top: 210px;
}
.xvDenimView {
height: 800px;
}
.hotspotWrap .xvpoint1{
left: 0;
top: 50%;
}
.xvCartItems .xvTable .name{
display: none;
}
.slider-wraper.large .slider-nav .slick-next{
top: 35px;
}
.slider-wraper.large .slider-nav .slick-prev{
top: 71px;
}
.slider-wraper.medium .slider-nav .slick-next,
.slider-wraper.small .slider-nav .slick-next{
top: 37px;
}
.slider-wraper.medium .slider-nav .slick-prev,
.slider-wraper.small .slider-nav .slick-prev{
top: 73px;
}
}
/*===========*/
@media (max-width: 600px) {
.archive .products.col-grid-2 .product,.archive .products.col-grid-3 .product,
.archive .products.col-grid-4 .product,.archive .products.col-grid-5 .product{
width:100%;
float:none;
}
.padGeneral, section,.section ,.xvStats,.parallax_inner{
padding: 80px 0 40px;
}
.xvDenimView {
height: 750px;
}
.slider-wraper.large .slider-nav .slick-next,
.slider-wraper.medium .slider-nav .slick-next,
.slider-wraper.small .slider-nav .slick-next{
top: 30px;
}
.slider-wraper.large .slider-nav .slick-prev,
.slider-wraper.medium .slider-nav .slick-prev,
.slider-wraper.small .slider-nav .slick-prev{
top: 66px;
}
.products.col-grid-2 .product, .products.col-grid-4 .product{
width: 100%;
}
}
/*===========*/
@media (max-width: 530px){
.topHeader a.logo{
max-width:100px;
}
.doc-header .topLinks{
right:0;
}
.doc-header .topLeftLinks{
left:0;
}
.products.product-grid-2 .product{
float: none;
width: 100%;
padding: 15px;
}
.slider-wraper.large .slider-nav .slick-next{
top: 26px;
}
.slider-wraper.large .slider-nav .slick-prev{
top: 62px;
}
.slider-wraper.medium .slider-nav .slick-next, .slider-wraper.small .slider-nav .slick-next{
top: 21px;
}
.slider-wraper.medium .slider-nav .slick-prev,.slider-wraper.small .slider-nav .slick-prev{
top: 56px;
}
}
/* Landscape phones and down */
@media (max-width: 500px) {
.xvShopcat a.btn{
width: 50% !important;
}
a.btn.addToCart{
width: auto;
}
a.btn{
margin: 5px;
}
.xvProdfeatures .feature{
width: 100%;
}
.xvSubscription{
padding-bottom: 40px !important;
}
.xvTestimonial span.quote{font-size: 16px;}
.lookBook .item{width: 50%;}
.xvPromo h2 {
font-size: 30px;
margin-bottom: 5px;
margin-top: 0;
}
.xvBanners .xvBanner{
width: 100%;
height: 250px;
}
.xvOffers .xvOffer i{left: 35px;}
.xvOffers .xvOffer .info {
padding-left: 110px;
}
.productDetail .review figure{
left: 0;
}
.productDetail .review .info {
padding-left: 50px;
}
.xvBlockquote i{
position: relative;
left: auto;
top: auto;
margin: 0 auto;
margin-bottom: 20px
}
.xvBlockquote{
text-align: center;
padding: 40px 23px 35px;
}
.xvBlockquote a.from{margin: 0 auto; margin-top: 20px;}
.xvBlockquote .quote{padding-left: 0;}
.xvTable tbody tr th{
padding-left: 15px;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td{
padding: 15px 10px;
}
.xvBlogWrap.postLg .visual {
height: 200px !important;
}
.xvComment.comReply{margin-left: 30px;}
.productHotspot p{
font-size: 22px;
line-height: 40px
}
.prodParalax .textWrap{max-width: 100%;}
.xvNewsletter label,.xvNewsletter .subscribe{
float: none;
width: 100%;
}
.xvNewsletter .socials li{margin: 0 20px;}
.xvStoreInfo .brandAbout .info{
padding-left: 115px;
}
.xvStoreInfo .brandAbout .visual{width: 105px;}
.prodVideo span a {display: block;}
.xvShopHead figure{width: 100%;
text-align: center;}
.controls-center .owl-prev,.controls-center .owl-next{top: -50px;}
.xvBlogWrap .controls-center .owl-prev,.xvBlogWrap .controls-center .owl-next{top: -25px;}
.xvExtraProd .box figure{
position: relative;
margin-bottom: 30px
}
.xvExtraProd{text-align: center;}
.xvExtraProd .box .info{padding: 0;}
.controls-right .owl-prev {
right: auto;
top: -43px;
}
.controls-right .owl-next{
top: -43px;
}
.xvBlogWrap.style1 .controls-right .owl-next,.xvBlogWrap.style1 .controls-right .owl-prev{top: 0;}
.xvBlogPost.style .owl-next,.xvBlogPost.style .owl-prev{
top: 50% !important;
}
.products.lookbook .visual, .products.lookbook .productImages{
height: 320px;
}
.products.lookbook .owl-next, .products.lookbook .owl-prev{top: 32%;}
.sectionHalf.kids .content h2{
font-size: 50px;
line-height: 40px;
}
.sectionHalf.kids .content span.tagline{font-size: 20px;}
.social-elements li{margin-bottom: 20px;}
.social-elements li p{
padding-left: 50px
}
.social-elements li i{font-size: 34px}
.doc-header.style1 .topLinks{
top: 24px;
}
header.style2 i{
font-size: 20px;
}
.doc-header.style2 .topLeftLinks{top: -3px;}
.xv-options li{
width: 100%;
border: 0;
text-align: left;
border-bottom: 1px solid #f0f0f0;
}
.xv-options li:first-child, .xv-options li:last-child{
text-align: left;
}
.mainSlider.style6 h1{
font-size: 40px;
}
.xvDenim .content span.price {
font-size: 60px;
}
.hotspotWrap .products{
width: 225px;
right: -225px;
}
.xvDenimView {
height: 650px;
}
.xvAccountInfo .tab-pane .accorContent, .xvAccountInfo .tab-pane{
padding: 30px 10px;
}
.xvCartItems .xvTable .price{
display: none;
}
.xvCartItems .xvTable figure figcaption {
display: block;
}
.slider-wraper.large .slider-nav .slick-next,
.slider-wraper.medium .slider-nav .slick-next,
.slider-wraper.small .slider-nav .slick-next{
top: 19px;
}
.slider-wraper.large .slider-nav .slick-prev,
.slider-wraper.medium .slider-nav .slick-prev,
.slider-wraper.small .slider-nav .slick-prev{
top: 54px;
}
.products.ajaxify .product, .products.ajaxify.style1 .product, .products.col-grid-5 .product, .products.col-grid-3 .product{
width: 100%;
}
}
/*===========*/
@media (max-width: 450px){
.slider-wraper.large .slider-nav .slick-next,
.slider-wraper.medium .slider-nav .slick-next,
.slider-wraper.small .slider-nav .slick-next{
top: 13px;
}
.slider-wraper.large .slider-nav .slick-prev,
.slider-wraper.medium .slider-nav .slick-prev,
.slider-wraper.small .slider-nav .slick-prev{
top: 49px;
}
}
/*===========*/
@media (max-width: 425px){
.staticSplash .largeText{
font-size: 18px;
}
.slider-wraper.large .slider-nav .slick-next,
.slider-wraper.medium .slider-nav .slick-next,
.slider-wraper.small .slider-nav .slick-next{
top: 11px;
}
.slider-wraper.large .slider-nav .slick-prev,
.slider-wraper.medium .slider-nav .slick-prev,
.slider-wraper.small .slider-nav .slick-prev{
top: 46px;
}
}
/*===========*/
@media (max-width: 400px) {
.xvOffers .xvOffer i{
margin: 0 auto;
text-align: center;
position: relative;
left: auto;
top: auto;
}
.xvOffers .xvOffer .info {
padding-left: 0;
}
.xvOffers .xvOffer .xvOfferInner{
padding: 20px;
text-align: center;
}
.productDetail .review figure{
position: relative;
margin-bottom: 20px;
}
.productDetail .review .info {
padding-left: 0;
}
.productDetail .prodReviews .review{padding: 0;}
.xvGallery .xvImage{width: 100%;}
.myAccount .visual{
position: relative;
margin: 0 auto;
}
.myAccount .aboutMe .info{padding-left: 0;}
.xvAccountInfo .share span{
float: none;
}
.xvAccountInfo .share .socials{
float: none;
margin-top: 20px
}
.xvBestItem .content a.btn{float: left; width: 50%; padding: 15px;}
.xvBlogWrap .xvBlogPost.style1.quote .comment{
position: relative;
left: 0;
margin: 0;
margin-bottom: 10px;
}
.xvBlogWrap .xvBlogPost.quote .quoteInner{padding: 30px;}
.xvBlogWrap .xvBlogPost.style1.quote .xvPostInfo{
padding-left: 0;
}
.xvBlogWrap .xvBlogPost.style1.quote a.author{margin: 0;}
.xvBlogWrap.postLg .xvBlogPost h6{font-size: 16px;}
.instagramFeeds .ins_img {
width: 50%;
}
.xvComment figure{
height: 60px;
width: 60px;
}
.xvComment .commentInfo {
padding-left: 75px;
}
.xvDeliveryItem .visual{height: 300px;}
.imageHotspot > div{display: block;}
.mainSlider.style4 .caption a.btn{
float: left;
width: 50%;
padding: 15px 5px;
}
.xvPortfolio .folioInfo .infoInner{
padding: 15px;
}
.xvDenimView h2{
font-size: 80px;
line-height: 55px;
}
.mainSlider.style6 a.btn{
float: left;
width: 50%;
padding: 15px 5px;
}
.xvAboutProduct .content{
padding: 40px 20px;
}
.xvDenim .content span.price {
font-size: 50px;
}
.btn-fancy {
font-size: 13px;
}
.xvDenimView{
height: 500px;
}
.slider-wraper.large .slider-nav .slick-next,
.slider-wraper.medium .slider-nav .slick-next,
.slider-wraper.small .slider-nav .slick-next{
top: 7px;
}
.slider-wraper.large .slider-nav .slick-prev,
.slider-wraper.medium .slider-nav .slick-prev,
.slider-wraper.small .slider-nav .slick-prev{
top: 43px;
}
}
/*===========*/
@media (max-width: 380px) {
.slider-wraper.large .slider-nav .slick-prev, .slider-wraper.medium .slider-nav .slick-prev, .slider-wraper.small .slider-nav .slick-prev{
top: 39px;
}
}
/*===========*/
@media (max-width: 370px) {
.slider-wraper.large .slider-nav .slick-next, .slider-wraper.medium .slider-nav .slick-next,
.slider-wraper.small .slider-nav .slick-next{
top: 6px;
}
.slider-wraper.large .slider-nav .slick-prev,
.slider-wraper.medium .slider-nav .slick-prev,
.slider-wraper.small .slider-nav .slick-prev{
top: 35px;
}
}
/*===========*/
@media (max-width: 340px) {
a.btn.addToCart{
padding: 15px;
}
.slider-wraper.large .slider-nav .slick-next,
.slider-wraper.medium .slider-nav .slick-next,
.slider-wraper.small .slider-nav .slick-next{
top: 3px;
}
.slider-wraper.large .slider-nav .slick-prev,
.slider-wraper.medium .slider-nav .slick-prev,
.slider-wraper.small .slider-nav .slick-prev{
top: 32px;
}
}
/*===========*/
@media (max-width: 325px) {
.lookBook .item,.lookBook .item.featured,.lookBook .item.featured, .lookBook .item:nth-child(1){width: 100%; height: 300px;}
.xvBlogWrap .xvBlogPost{padding: 15px;}
.products.style1.new .product.featured,.products.style1.new .product{
height: 200px;
}
.sectionHalf.visualLeft .content, .sectionHalf.visualRight .content {
padding: 40px 20px;
}
.sectionHalf.kids .content h2 {
font-size: 46px;
line-height: 35px;
}
}