/*------------------------------------------------------------------
[Table of contents]

1. index page
	1.1 Theme Basic styling 
	1.2 header area
	1.3 header Navigation area
	1.4 welcome area
	1.5 Featured Product area
	1.6 shoes-collection area
	1.7 product-collection listing area
	1.8 subscribe newsletter area
	1.9 new & blog area
	1.10 partner-logo area
	1.11 footer area
	1.12 copyright area


2. Product page
	2.1 product page header top area
	2.1 pagination area


3. Product details page
	3.1 product details box1
	3.2 product details tab area 
	3.3 product comment area


4. Category page 
	4.1 categories area


5. contact page
	5.1 contact detail area

6. blog page
	6.1 blog page area
	6.2 side bar area

7. Blog Details page
	7.1 blog details section
	7.2 blog social section
	7.3 blog author section 
	7.4 blog comment section

8. about us page
	8.1 about welcome area
	8.2 about happy section
	8.3 about shipping section
	8.4 about review section


-------------------------------------------------------------------*/

/* ------------------------------------
 1.1 Theme Basic styling 
---------------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,700,700i,900,900i);

html, body {
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
	line-height: 24px;
	vertical-align: baseline;
	color: #444444 !important;
}
:focus{outline:none}

p {
	font-family: "Arimo", sans-serif;
	font-size:15px;
	color:#444
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}
.aligncenter {
	display: block;
	margin: 0 auto 15px;
}
a:focus {
	outline: 0px solid;
}
img {
	max-width: 100%;
	height: auto;
}
.fix {
	overflow: hidden;
}
p {
	margin: 0 0 15px;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0 0 0px;
}
a {
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	text-decoration: none;
	cursor: pointer
}
a:hover {
	color: #d00009;
	text-decoration: none;
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
a:active, a:hover {
	outline: 0 none;
}
ul {
	list-style: outside none none;
	margin: 0;
	padding: 0;
}
.clear {
	clear: both;
}
.browserupgrade {
	margin: 0.2em 0;
	background: #ccc;
	color: #01b1d7;
	padding: 0.2em 0;
}
.acurate {
	margin: 0;
	padding: 0;
}
.mobile-menu-area {
	display: none;
}
.site-section-area {
	/*padding: 0 150px;*/
	text-align: left
}
.site-section-area h2 {
	color: #222;
	font-size: 30px;
	font-weight: 800;
	position: relative;
	text-transform: normal;
	
}
.site-section-area h6 {
	color: #e53235;
	font-size: 12px;
	letter-spacing: 1px;
	margin-top: 5px;
	position: relative;
	margin: 15px 0px;
	text-transform: uppercase
}
.site-section-area p {
	font-size: 16px;
	color: #646464;
	max-width: 950px;
	display: inline-block
}
.spacer60 {
	padding: 100px 0px;
}
.clr:after {
	content: "";
	display: block;
	clear: both
}

#content-desktop {display: block;}
#content-mobile {display: none;}

@media screen and (max-width: 768px) {

#content-desktop {display: none;}
#content-mobile {display: block;}

}
/* ------------------------------------
1.2 header area start here 
---------------------------------------*/
.header-top-area {
	background: #111;
	padding: 0px 0;
	padding: 10px 0px;
	color:#a8a8a8;
}
.header-top-area .header-top-left ul {
	text-align: left;
	font-family: 'Arimo', sans-serif;
}
.header-top-area .header-top-left ul li span {
	color: #3B9DCC
}
.header-top-area .header-top-left li i{
	color:#e33437 !important
}
.header-top-area ul li {
	color: #a8a8a8;
	display: inline-block;
	font-size: 14px !important;
	padding-right: 15px;
}
.header-top-area ul li:last-child {
	padding-right: 0px;
}
.header-top-area .header-top-left ul li i {
	border-radius: 50%;
	color: #9d9d9d;
	margin: 0 5px;
	padding: 5px;
	font-size: inherit
}
.header-top-area .header-top-right {
	float: right
}
.header-top-area .header-top-right .lang, .header-top-area .header-top-right .currency, .header-top-area .header-top-right .account {
	width: auto;
	float: left;
	padding-left: 30px;
	position:relative
}
.header-top-area .header-top-right i{
	margin-right:15px;
}
.header-top-area .header-top-right .account i{
	margin-right:0px;
}
.header-top-area .header-top-right .account i:first-child{
	color:#e53235
}
#lang_option, #currency_option, #accout_option{
	background: #111111 none repeat scroll 0 0;
    left: 0;
    position: absolute;
    top: 30px;
    width: 100%;
    z-index: 9999;
	text-align:right;
	font-size:12px;
}
#lang_option a, #currency_option a, #accout_option a{
	display:block;
	padding:5px 10px;
	border-bottom:1px solid #222
}

/* ------------------------------------
1.3 header Navigation area start here 
---------------------------------------*/
header .cart-area h3 {
	float: left;
	width: 30px;
	height: 30px;
	background: #e53235 url(../images/cart.png) center center no-repeat;
}
header .cart-area div {
	float: left;
	font-size: 12px;
	margin-left: 17px;
	padding-top: 8px;
	text-transform: uppercase;
	position:relative;
	top:-5px
}
header .cart-area div h4 {
	font-size: 12px
}
header .cart-area div h5 {
	color: #e53235
}


.slider-area .carousel-caption {
    left: 45%;
    padding-bottom: 30px;
    right: 0;
    top:0px;
	background:url() center center no-repeat;
	background-size:10% auto;
	color:#fff;
	text-shadow:none;
	padding:70px 0px
}
.slider-area .carousel-caption h3{
	font-size:20px;
	text-transform:uppercase;
	margin-bottom:10px;
}
.slider-area .carousel-caption h2{
	font-size:40px;
	text-transform:normal;
	
	font-weight:bold;
	background:url(../images/slide-txt-bg.png) center center no-repeat;
	color:#fff;
	padding-bottom:5px;
}
.slider-area .carousel-caption h1{
	font-size:60px;
	text-transform:uppercase;
	font-weight:bold;
	
}
.slider-area .carousel-caption h4{
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold
}
.slider-area .carousel-caption h4 span{
	font-size:30px;
	text-transform:uppercase;
	font-family: 'Playfair Display', serif;
	font-weight:bold;
	color:#e53235;
}
.slider-area .carousel-caption p{
	display: inline-block;
    font-family: "Arimo",sans-serif;
    font-size: 16px;
    font-style: italic;
    margin: 30px 0;
    max-width: 60%;
}
.slider-area .carousel-caption h5 span{
	display:inline-block;
	padding:5px;
	font-size:12px;
	text-transform:uppercase;
	color:#444
}
.slider-area .carousel-caption h5 span:first-child{
	color:#e53235
}

/* ------------------------------------
1.4 welcome area start here 
---------------------------------------*/
.welcome-area {
	text-align: center;
	padding: 60px 0px
}
.welcome-area p{
	display: inline-block;
    font-style: italic;
    margin-bottom: 40px;
    max-width: 100%;
    width: 600px;
	font-size:16px;
}
.welcome-area .welcome-product li {
	display: inline-block;
	float: left;
	position: relative;
	overflow:hidden
}
.welcome-area .welcome-product li img {
	transition:all .2s ease-in-out;
}
.welcome-area .welcome-product li:hover img {
	transform:scale(1.1,1.1)
}
.welcome-area .welcome-product li:nth-child(3) {
	float: right
}
.welcome-area .welcome-product .wlcm-product-ttl {
	position: absolute;
	right: 66px;
	top: 66px;
	font-family: 'Playfair Display', serif;
	font-weight: bold;
	text-align: left
}
.welcome-area .welcome-product .wlcm-product-ttl h3 {
	font-size: 48px;
	font-family: 'Playfair Display', serif;
	font-weight: bold;
	color: #fff;
	
	text-shadow: 3px 3px 5px rgba(0,0,0, 0.6);
}
.welcome-area .welcome-product .wlcm-product-ttl h6 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 0px rgba(0,0,0, 0.5);
	font-family: Montserrat;
	text-transform: uppercase;
	margin-top: 20px;
}
.welcome-area .welcome-product .wlcm-product-ttl h6 a:hover{
	text-decoration:none
}
.welcome-area .welcome-product .wlcm-product-ttl2 {
	background: url(../images/ttl-bg.png) center center no-repeat;
	width: 278px;
	height: 78px;
	line-height: 78px;
	position: absolute;
	top: 38%;
	left: 15%;
	color: #fff;
	font-size: 21px;
	font-family: 'Playfair Display';
	font-weight: bold;
	background-size:100% 100%
}
.welcome-area .welcome-product .wlcm-product-ttl2 a {
	color: inherit;
	display: block;
	
}
.welcome-area .welcome-product .wlcm-product-ttl2 a:hover {
	text-decoration:underline
}
/* ------------------------------------
1.5 Featured Product area start here 
---------------------------------------*/

.featured-area .site-section-area {
	text-align: left
}
.featured-area .nav-tabs {
	border-bottom: none;
	float: right;
	position: relative;
	top: -54px;
}
.featured-area .nav-tabs > li > a {
	border: 1px solid #fff;
	font-family: 'montserrat', sans-serif;
}
.featured-area .nav > li > a:hover {
	background-color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	box-shadow: none
}
.featured-area .tab-content {
	clear: both;
}
.featured-area .nav-tabs > li.active > a {
	border: none;
	color: #e53235;
	text-decoration: line-through
}
.featured-area .featured-item {
	display: inline-block;
	float: left;
	overflow: hidden;
	text-align: center;
	width: 270px;
	margin-right: 30px;
	position: relative
}
.featured-area .featured-item:nth-child(4n) {
	margin: 0px;
}
.featured-area .featured-item h2 {
	font-size: 20px;
	font-weight: bold;
	color: #e53235;
	text-transform:uppercase
}
.featured-area .featured-item h2 span{
	font-size:16px;
}
.featured-area .featured-item h4 {
	font-size: 15px;
	font-family: 'montserrat', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px;
	color: #444444;
}
.featured-area .featured-item h5 {
	font-size: 13px;
	font-family: 'montserrat', sans-serif;
	font-weight: bold;
	color: #63db28;
	margin: 30px 0;
}
.featured-area .featured-des {
	padding: 20px 50px;
}
.featured-area .outstock h4 {
	text-decoration: line-through
}
.featured-area .outstock h5 {
	color: #bcbcbc
}
.featured-area .featured-item figure {
	position: relative
}
.featured-area .featured-item .featured-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../images/item-bg.png) left top repeat;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .2s ease-in-out;
	padding-top: 20px;
}
.featured-area .featured-item:hover .featured-overlay {
	opacity: 1
}
.featured-overlay-des {
	position: absolute;
	right: 20px;
}
.featured-overlay-lft {
	width: 150px;
	float: left;
	padding-top: 50px;
	text-align: right;
	margin-right: 20px;
}
.featured-overlay-lft ul li {
	width: 150px;
	float: left;
	padding: 6px 0px;
	font-family: 'montserrat', sans-serif;
}
.featured-overlay-rht {
	width: 50px;
	float: left;
	background: #e53235;
	border-radius: 50px;
	color: #fff
}
.featured-overlay-rht ul li:first-child {
	background: #333;
	border-top-left-radius: 50px;
	border-top-left-radius: 50px;
	border-top-right-radius: 50px;
}
.featured-overlay-rht ul li {
	padding: 8px
}
.featured-overlay-rht ul li:last-child {
	padding-bottom: 20px
}

/* ------------------------------------
1.6 shoes-collection area start here 
---------------------------------------*/
.shoes-coll-area{
	background:#eeeeee;
	padding:80px 0px;
	text-align:left;
}

.shoes-coll-area .site-section-area{
	text-align:left;
}
.shoes-coll-area h3{
	margin:25px 0px;
	font-size:20px;
	font-weight:bold
}
.shoes-coll-area h3 span{
	color:#e53235;
	font-family: 'Playfair Display';
	font-size:30px
}
.shoes-coll-area ul li{
	display:inline-block;
	width:70px;
	height:75px;
	background:#fff;
	text-align:center;
	overflow:hidden;
	text-transform:uppercase
	
}
.shoes-coll-area ul li h5{
	font-size:20px;
	margin:15px 0px 5px 0px;
	font-weight: bold;
}
.shoes-coll-area ul li h6{
	display:block;
	font-size:12px;
	color:#e53235;
	font-family: 'Playfair Display';
	font-weight:bold
}

.shoes-coll-area ul li:last-child{
	height: 64px;
    margin-left: 25px;
    width: 150px;
	background:none
}
.shoes-coll-area ul li:last-child a{
	background: #e53235 none repeat scroll 0 0;
    color: #fff;
    display: block;
    height: 50px;
    line-height: 50px;
	border-radius:2px;
	
}
.shoes-coll-area ul li:last-child a:hover{
	background:#ff4f52
}
/* ------------------------------------
1.7 product-collection listing area start here 
---------------------------------------*/
.product-coll-listing {
	padding:80px 0px;	
}
.product-coll-listing .listing-col-bx{
	width:21%;
	display:inline-block;
	margin-right:3%;
	float:left
}
.product-coll-listing .listing-col-bx2{
	width:28%;
	display:inline-block;
	margin-right:0%;
	float:left;
	position:relative
}
.product-coll-listing .listing-col-bx2 .produtct_coll_fashion{
	background: rgba(0, 0, 0, 0) url("../images/fashion-bg.png") no-repeat scroll center center;
    height: 416px;
    left: 0;
    padding: 53% 0;
    position: absolute;
    top: 24px;
    width: 100%;
}
.product-coll-listing .listing-col-bx2 .produtct_coll_fashion h2{
	font-size:20px;
	color:#333333;
	margin:10px 0px;
}
.product-coll-listing .listing-col-bx2 .produtct_coll_fashion h6{
	margin:0px;
}
.product-coll-listing .listing-col-bx2 .produtct_coll_fashion a{
	font-size:12px;
	text-transform:uppercase;
	text-decoration:underline;
	color:#e53235;
}
.product-coll-listing .listing-col-bx .site-section-area{
	text-align:left
}
.product-coll-listing .listing-col-bx .site-section-area h2{
	font-size:20px;
	font-weight:bold;
	text-transform:capitalize
}
.product-coll-listing .listing-col-bx1{
	border-bottom:1px solid #f2f2f2;
	padding:15px 0px;
	margin: 20px 0;
}
.product-coll-listing .listing-col-bx1:after{
	content:"";
	clear:both;
	display:block;
}
.product-coll-listing .listing-col-bx1 figure{
	width:88px;
	height:88px;
	border-radius:100%;
	float:left;
	text-align:center;
	line-height:88px
}
.product-coll-listing .listing-col-bx1 .listing-col-des{
	width:130px;
	height:auto;
	float:left;
	margin-left:20px;
}
.product-coll-listing .listing-col-bx1 .listing-col-des h3{
	font-size:14px;
	color:#444444;
}
.product-coll-listing .listing-col-bx1 .listing-col-des h5{
	font-size:12px;
	color:#999999;
	margin: 10px 0;
}
.product-coll-listing .listing-col-bx1 .listing-col-des h6{
	font-size:16px;
	color:#e53235;
	font-weight:bold;
	font-family: 'Playfair Display';
	font-weight:bold
}
/* ------------------------------------
1.8 subscribe newsletter area start here 
---------------------------------------*/
.subscribe-area .container{
	background:#e53235 url(../images/Subscribe.png) center center no-repeat;
	color:#fff;
	padding:50px 100px
}
.subscribe-area ul li{
	display:inline-block;
	overflow:hidden
}
.subscribe-area ul li:nth-child(1){
	width:30%;
	font-size:18px;
}
.subscribe-area ul li:nth-child(2){
	width:40%;
	margin:0% 5% 0% 6%
}
.subscribe-area ul li:nth-child(2) input{
	width:100%;
	font-size:18px;
	background:none;
	border:none;
	border-bottom:1px solid #fff;
	padding:8px 0px;
	font-size:14px;
}
.subscribe-area ul li:nth-child(3) button{
	background:#000000;
	border-radius:2px;
	border:none;
	padding:10px 30px;
	font-size:11px;
	text-transform:uppercase;
	transition:all .2s ease-in-out
}
.subscribe-area ul li:nth-child(3) button:hover{
	background:#333
}
.subscribe-area ul li:nth-child(2) input[type="text"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  opacity:1;
  color:#fff
  
}
.subscribe-area ul li:nth-child(2) input[type="text"]::-moz-placeholder { /* Firefox 19+ */
  opacity:1
}
.subscribe-area ul li:nth-child(2) input[type="text"]:-ms-input-placeholder { /* IE 10+ */
  opacity:1
}
.subscribe-area ul li:nth-child(2) input[type="text"]:-moz-placeholder { /* Firefox 18- */
  opacity:1
}
/* ------------------------------------
1.9 new & blog area start here 
---------------------------------------*/
.newsBlg-area{
	padding:80px 0px
	}
.newsBlg-area .blog-section1{
	width:370px;
	display:inline-block;
	margin-right:30px;
	float:left
}
.newsBlg-area .blog-section1 .site-section-area{
	text-align:left
}
.newsBlg-area .blog-section1 .site-section-area p{
	max-width:80%;
	font-size:15px;
	font-style:italic;
	margin:20px 0px 50px 0px
}
.newsBlg-area .blog-section1:last-child{
	margin-right:0px;
}
.cmn-btn{
	background: #000000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    font-size: 11px;
    padding: 14px 30px;
    text-transform: uppercase;
	color:#fff;
	transition:all .2s ease-in-out
}
.cmn-btn:hover{
	background:#333
}
.cmn-btn2{
	background: #E53235 none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    font-size: 11px;
    padding: 14px 30px;
    text-transform: uppercase;
	color:#fff;
	transition:all .2s ease-in-out
}
.cmn-btn2:hover{
	background:#ff4f52
}
.newsBlg-area .blog-section2{
	text-align:center;
	margin-bottom:20px;
}
.newsBlg-area .blog-section2 figure{
	position:relative
}
.newsBlg-area .blog-section2 figure .blg-fig-bx{
	position:absolute;
	bottom:20px;
	left:20px;
}
.newsBlg-area .blog-section2 figure .blg-fig-bx span{
	display:inline-block;
	background:#fff;
	padding:3px 20px;
	border-radius:30px;
	text-transform:uppercase;
	font-size:11px;
	font-family: "Arimo", sans-serif;
	}
.newsBlg-area .blog-section2 figure .blg-fig-bx span a{
	display:block;
}
.newsBlg-area .blog-section2 figure .blg-fig-bx span:nth-child(2){
	background:#e53236;
	color:#fff;
}
.newsBlg-area .blog-section2 h3{
	font-size:15px;
	text-transform:uppercase; 
	margin:30px 30px 10px 30px;
	line-height:24px;
}
.newsBlg-area .blog-section2 h5{
	font-size:14px;
	font-family: "Arimo", sans-serif;
}
.newsBlg-area .blog-section2 h6{
	font-family: "Arimo", sans-serif;
	font-size:12px;
	color:#999;
	margin:20px 0px;
	position:relative;
	padding-top:20px;
}
.newsBlg-area .blog-section2 h6 span{
	color:#e53236
}
.newsBlg-area .blog-section2 h6:before{
	 background: #f2f2f2 none repeat scroll 0 0;
    content: "";
    display: inline-block;
    height: 1px;
    left: 36%;
    position: absolute;
    top: 0;
    width: 100px;
}
/* ------------------------------------
1.10 partner-logo area start here 
---------------------------------------*/
.partner-area{
	border-top:1px solid #f2f2f2;
	padding:40px 0px;
}
.partner-area ul li{
	display:inline-block;
	overflow:hidden;
	margin:0px 21px;
}
/* ------------------------------------
1.11 footer area start here 
---------------------------------------*/
.footer-area{
	background:#212121;
	color:#fff;
	padding:80px 0px;
}
.footer-area .footer_bx{
	width:24%;
	float:left;
}
.footer-area .footer_bx1 .social_icon{
	margin-top:20px;
}
.footer-area .footer_bx1 .social_icon a{
	display:inline-block;
	width:45px;
	height:25px;
	background:#191919;
	border-radius:100%;
	text-align:left;
	line-height:25px;
	font-size:18px;
}
.footer-area .footer_bx1 .social_icon a:nth-child(1){
	color:#586ea7
}
.footer-area .footer_bx1 .social_icon a:nth-child(2){
	color:#79bdf4
}
.footer-area .footer_bx1 .social_icon a:nth-child(3){
	color:#fe6e51
}
.footer-area .footer_bx1 .social_icon a:nth-child(4){
	color:#5196c5
}
.footer-area .footer_bx1 figure{
	margin-bottom:20px
}
.footer-area .footer_bx1 p{
	max-width:95%;
	color:#d5d2d2;
}
.footer-area .footer_bx h3{
	font-size:20px;
	font-weight:bold;
	font-family: 'Playfair Display';
}
.footer-area .footer_bx h6{
	font-size:12px;
	color:#e53235;
	margin:10px 0px 30px 0px;
}
.footer-area .footer_list li{
	text-transform:uppercase;
	margin:10px 0px;
	background:url(../images/arrow.png) left center no-repeat;
	padding-left:15px;
	font-size:13px;
	color:#d5d2d2;
}
.links_txt{
	background:url(../images/Links.png) right 40px top no-repeat
}
.deals_txt{
	background:url(../images/Deals.png) right 40px top no-repeat
}
.services_txt{
	background:url(../images/Services.png) right 40px top no-repeat
}
/* ------------------------------------
1.12 copyright area start here 
---------------------------------------*/
.copyright_area{
	background:#f5f5f5;
	padding:40px;
	text-align:center;
	font-size:13px;
}
.copyright_area span{
	color:#e53235;
}
/* ------------------------------------
2.product page css start here 
---------------------------------------*/

/* ------------------------------------
2.1 product page header top area start here 
---------------------------------------*/
.header-top-inner{
	background:#09090B url(../images/bg2.jpg) center center no-repeat;
	height:188px;
	text-align:center;
	padding: 60px 0;
	margin-bottom:40px;
}
.header-top-inner h6{
	color:#e53235;
	font-size:14px;
	text-transform:uppercase;
	margin-bottom:5px;
}
.header-top-inner h2{
	color:#fff;
	font-size:30px;
	text-transform:uppercase;
	font-family: 'Playfair Display';
	font-weight:bold
}
/* ------------------------------------
2.1 pagination area start here 
---------------------------------------*/
.pagination_area{
	text-align:center;
	margin-bottom:50px;
}
.pagination_area .pagination > li > a, .pagination > li > span {
    background-color: #f2f2f2;
    border:none;
    color: #337ab7;
    float: left;
    height: 60px;
    line-height: 60px;
    margin-left: -1px;
    position: relative;
    text-decoration: none;
    width: 60px;
	padding:0px;
	color:#333;
	margin:0px 3px;
	border-radius:2px;
}
.pagination_area .pagination > li > a:hover{
	background:#e53235;
	color:#fff;
}
.pagination_area .pagination > li.active > a{
	background:#e53235;
	color:#fff
}
.pagination_area .pagination > li:first-child a{
	background:#383838;
	color:#fff
}
.pagination_area .pagination >li:first-child > a:hover{
	background:#e53235;
	color:#fff;
}
.pagination_area .pagination > li:last-child a{
	background:#383838;
	color:#fff
}
.pagination_area .pagination > li:last-child > a:hover{
	background:#e53235;
	color:#fff;
}

/* ------------------------------------
3.product details page start here 
---------------------------------------*/

/* ------------------------------------
3.1 product details box1 start here 
---------------------------------------*/
.product_details{
	padding:0px 0px 40px 0px;
	position:relative
}
.product_details .product_details_img{
	width:45%;
	float:left;
	position:relative
}
.product_details_img .images {
	width: 100%;
	float: none;
 margin-bottom: $baseline*2;
	text-align: left;
	/*padding: 20px 0;*/
	background: #fff;
	height: auto;
	line-height: 370px;
}
.product_details_img .woocommerce-main-image img {
	width: auto;
	float: none;
	margin-right: 0;
	display: inline-block
}
.product_details_img .thumbnails {
	clear: both;
    float: none;
    position: absolute;
    right: 0;
    top:-13px;
    width: 100px;
}
.product_details_img .thumbnails > a {
	border: 1px solid #ccc;
	display: block;
	float: left;
	margin-bottom: 12%;
	margin-right: 6%;
	margin-top: 13%;
	overflow: hidden;
	padding: 0px;
	position: relative;
	width: 100%;
	line-height: normal;
	text-align:center;
	height:105px;
}
.product_details_img .thumbnails > a:last-child {
	margin-right: 0px;
}
.product_details_img .thumbnails img {
	display: inline-block;
	height: 100%;
	margin: auto 0;
	width: 100%;
}

.product_details .product_details_txt{
	width:50%;
	float:right
}
.product_details .product_details_txt h5{
	font-size:12px;
	color:#8d8d8d;
	text-transform:uppercase;
}
.product_details .product_details_txt h5 span{
	background:#e53235;
	color:#fff;
	font-size:12px;
	text-transform:capitalize;
	border-radius:50px;
	padding:5px 20px;
	display:inline-block;
	margin-left:20px;
}
.product_details .share_product a{
	background: #f6f6f6 none repeat scroll 0 0;
    border-radius: 100%;
    float: right;
    height: 50px;
    line-height: 50px;
    position: relative;
    right: 0;
    text-align: center;
    top: -36px;
    width: 50px;
}
.product_details .product_details_txt h2{
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	margin: 20px 0;
	max-width: 65%;
	font-family: 'Playfair Display';
}
.product_details .product_details_txt h3{
	color: #e53235;
    font-family: playfair display;
    font-size: 24px;
    font-weight: bold;
    margin: 26px 0;
    text-transform: uppercase;
}
.product_details .rating_bx {
    margin: 20px 0;
}
.product_details .rating_bx .rating{
	border-right: 1px solid #ccc;
    float: left;
    font-size: 10px;
    height: 24px;
    margin-right: 20px;
    text-transform: uppercase;
    width: 200px;
}
.product_details .rating_bx .rating i{
	color:#afbd0f;
	font-size:14px
}
.product_details .rating_bx .write_review{
	width:200px;
	float:left;
	font-size:13px;
}
.product_details .rating_bx .write_review i{
	color:#e53235;
}
.product_details .product_code{
	font-size:14px;
	font-weight:bold;
	clear:both;
	margin-bottom:10px;
	color:#e53235
}
.product_details .product_code span{
	color: #444;
    display: inline-block;
    font-family: "Playfair Display";
    font-weight: bold;
    margin-right: 10px;
	font-size:16px
}
.product_details .size_bx{
	margin:40px 0px;
}
.product_details .size_bx .size{
	width:50%;
	float:left;
	display:inline-block;
	font-family: "Playfair Display";
	font-weight:bold
}
.product_details .size_bx .size ul li{
	display:inline-block;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background:#eeeeee;
}
.product_details .size_bx .size ul li a{
	display:block
}
.product_details .size_bx .size ul li:first-child{
	background:none;
	width:auto;
	margin-right:25px
}
.product_details .size_bx .color{
	width:50%;
	float:left;
	display:inline-block
}
.product_details .size_bx .colors ul li:nth-child(2){
	background:#6cc2b4
}
.product_details .size_bx .colors ul li:nth-child(3){
	background:#fc2204
}
.product_details .size_bx .colors ul li:nth-child(4){
	background:#d4c1a7
}
.product_details .size_bx .colors ul li:nth-child(5){
	background:#54a6d4
}
.product_details .add_btn_area{
	margin:40px 0px;
}
.product_details .add_btn_area .qty_bx{
	display:inline-block;
	width:30%;
	float:left
}
.product_details .add_btn_area .btn_bx{
	display:inline-block;
	width:30%;
}
.product_details .add_btn_area .add_wishlist{
	display:inline-block;
	width:30%;
}
.product_details .add_btn_area .add_wishlist i{
	color:#e53235;
}
.sp-quantity {
    background: #f5f5f5 none repeat scroll 0 0;
    border-radius: 50px;
    font-weight: bold;
    height: 50px;
    padding-top: 8px;
    width: 124px;
}
.sp-minus {
    width:40px;
    height:40px;
    float:left;
    text-align:center;
}
.sp-input {
    width:40px;
    height:40px;
    border-left:0px solid black;
    float:left;
}
.sp-plus {
    width:40px;
    height:40px;
    border-left:0px solid #e1e1e1;
    float:left;
    text-align:center;
}
.sp-input input {
    width:30px;
    height:34px;
    text-align:center;
    border: none;
	background:none
}
.sp-input input:focus {
    border: none;
	text-decoration:none;
}
.sp-minus a, .sp-plus a {
    color: #999;
    display: block;
    font-size: 20px;
    height: 100%;
    padding-top: 5px;
    text-decoration: none;
    width: 100%;
}
/* ------------------------------------
3.2 product details tab area start here 
---------------------------------------*/
.product_details_tab{
	
	padding:20px 0px;
}
.product_details_tab .container{
	background:#fbfbfb;
	padding:50px;
}
.product_details_tab .nav-tabs {
    border-bottom: none;
	background:#000;
	max-width:670px;
	padding:10px 30px;
	border-radius:50px;
	color:#fff;
	text-transform:uppercase;
	margin-bottom:40px;
}
.product_details_tab .nav > li > a {
    display: block;
    padding: 10px 26px;
    position: relative;
}
.product_details_tab .nav-tabs > li.active > a, .product_details_tab.nav-tabs > li.active > a:focus, .product_details_tab .nav-tabs > li.active > a:hover{
	background:none;
	border:1px solid #000;
	color:#e53235;
}
.product_details_tab .nav > li > a:focus, .product_details_tab .nav > li > a:hover{
	background:none;
	border:1px solid #000
}
.product_details_tab  .tab-content{
	padding:0px 30px;
}
.product_details_tab  .tab-content h3{
	font-size:20px;
	text-transform:uppercase;
	font-weight:bold;
	margin:20px 0px;
	font-family: "Playfair Display";
}
.product_details_tab  .tab-content h4{
	font-size:15px;
	font-style:italic;
	font-family: "Arimo", sans-serif;
	margin-top:20px;
	color:#777777;
}
.product_details_tab  .tab-content h4 i{
	color:#e53235;
}
/* ------------------------------------
3.3 product comment area start here 
---------------------------------------*/
.product_comment{text-align:center; padding:60px 0px;}
.product_comment .site-section-area h2{
	font-size:24px;
}
.product_comment .site-section-area h2 span{
	color:#e53235
}
.product_comment .comment_frm{
	
	display:inline-block;
	max-width:100%;
	width:860px;
	margin-top:40px;
}
.product_comment .comment_frm input[type="text"], .product_comment .comment_frm textarea{
	width:100%;
	padding:18px;
	background:#fafafa;
	border-radius:30px;
	border:none;
	text-align:center;
}
.product_comment .comment_frm textarea{
	height:150px
}
.product_comment .comment_frm ul li{
	margin-bottom:5px;
}
.product_comment .comment_frm ul li:nth-child(1){
	display:inline-block;
	width:49.5%
}
.product_comment .comment_frm ul li:nth-child(2){
	display:inline-block;
	width:49.5%
}
.product_comment .comment_frm .cmn-btn2{
	margin-top:40px;
}

/* ---------4. categories page Css start here ---------------*/


/* ------------------------------------
4.1 categories area start here 
---------------------------------------*/

.categories_area{
	padding:0px;
}
.categories_area .cmn-btn2{
	margin:60px 0px;
}
/* --------------5. contact page area start here --------------------------*/

/* ------------------------------------
5.1 contact detail area start here 
---------------------------------------*/
.contact_detail_area {
	padding-top:60px;
}
.contact_detail_area ul li{
	display:inline-block;
	float:left;
	width:24%;
	margin-top:30px
}
.contact_detail_area ul li:first-child{
	margin-right: 3%;
    width: 25%;
	margin-top:0px;
}
.contact_detail_area ul li:first-child h5{
	color: #e53235;
    font-size: 12px;
    letter-spacing: 1px;
    margin: 10px 0;
    position: relative;
}
.contact_detail_area ul li:first-child h3{
	color: #333;
    font-family: "Playfair Display",serif;
    font-size: 22px;
    font-weight: 800;
    position: relative;
	margin-bottom:20px;
}
.contact_detail_area ul li:first-child p{
	font-style:italic;
	font-size:15px;
}
.contact_detail_area ul li figure{
	width:88px;
	height:88px;
	background:#e53235;
	color:#fff;
	text-align:center;
	line-height:88px;
	border-radius:100%;
	float:left;
	margin-right:15px;
	font-size:38px;
}
.contact_detail_area ul li h2{
	color: #333;
    font-family: "Playfair Display",serif;
    font-size: 16px;
    font-weight: 800;
    position: relative;
	margin-bottom:10px;
}
.contact_detail_area ul li p{
	font-size:13px;
	margin-bottom:0px;
}
/* --------------6. blog page area start here --------------------------*/

/* ------------------------------------
6.1 blog page area start here 
---------------------------------------*/
.blog_page{
	width:850px;
	max-width:100%;
	float:left;
}
.side_bar{
	width:280px;
	max-width:100%;
	float:right;
	margin-bottom:60px;
}
.blog_page .newsBlg-area{
	padding:0px;
}
/* ------------------------------------
6.2 side bar area start here 
---------------------------------------*/
.side_bar .search_area{
	margin-bottom:40px;
	background: #fafafa;
    border: medium none;
    border-radius: 30px;
    padding: 15px;
    text-align: center;
    width: 100%;
}
.side_bar .search_area:after{
	content:"";
	clear:both;
	display:block;
}
.side_bar .search_area input{
	background:none;
	border:none;
	display:inline-block;
	float:left	;
	padding:3px;
	width:200px;
	text-align:center;
	font-size:13px;
}
.side_bar .search_area button{
	background: url(../images/search-icon.png)  center center no-repeat;
	display:inline-block;
	border:none	;
	width:30px;
	height:30px;
	float:left
}
.side_bar .popular_area{
	margin-bottom:40px;
}
.side_bar  .site-section-area{
	text-align:left;
	margin-bottom:30px;
}
.side_bar  .site-section-area h2{
	font-size:24px
}
.side_bar .popular_area figure{
	width:85px;
	height:75px;
	overflow:hidden;
	float:left;
	margin-right:15px;
}
.side_bar .popular_area ul li:after{
	content:"";
	clear:both;
	display:block;
	margin-bottom:20px;
}
.side_bar .popular_area ul li .pop_details{
	float:left;
	width:176px;
	font-size:13px;
	text-transform:uppercase;
}
.side_bar .popular_area ul li .pop_details span{
	display:block;
	font-size:11px;
	color:#e53235;
}
.side_bar .metadata_area{
	margin-bottom:40px;
}
.side_bar .metadata_area ul li a{
	border-bottom:1px solid #f2f2f2;
	display:block;
	padding:10px 0px;
	font-size:12px;
}
.side_bar .metadata_area ul li a i{
	margin-right:10px;
}
.side_bar .video_area{
	text-align:center;
	max-width:270px;
}
.side_bar .video_area h6{
	text-transform:uppercase;
	color:#e53235;
	margin:15px 0px;
}
.side_bar .video_area h3{
	text-transform:uppercase;
	font-size:16px;
}
.side_bar .video_area figure{
	position:relative;
}
.side_bar .video_area figure span{
	position:absolute;
	top:40%; 
	left:40%;
	width:60px;
	height:60px;
	border-radius:100%;
	background:#e53236;
	line-height:60px;
	text-align:center;
	color:#fff;
	font-size:32px;
	opacity:.8
}
.side_bar .video_area figure span:hover{
	opacity:1
}
.side_bar .video_area iframe{
	width:100%;
	height:auto;
	border:none
}
.side_bar .tag_area{
	margin-top:50px;
}
.side_bar .tag_area ul li{
	display:inline-block;
	background:#fafafa;
	border-radius:20px;
	margin:2px 0px;
	font-family: "Arimo", sans-serif;
	overflow:hidden
	
}
.side_bar .tag_area ul li a{
	display:block;
	padding:7px 17px;
	color:#a6a5a5;
}
.side_bar .tag_area ul li a:hover{
	background:#e53235;
	color:#fff;
}
.side_bar .tag_area ul li a.active{
	background:#e53235;
	color:#fff;
}

/* --------------------7. blog details page start here ----------------------*/

/* ------------------------------------
7.1 blog details section start here 
---------------------------------------*/
.blog_details_area{
	margin-bottom:50px;
}
.blog_details_area .blog_title{
	margin:30px 0px;
}
.blog_details_area .blog_title .blog_title_lft{
	width:23%;
	float:left;
	border-right:1px solid #ccc;
	padding-right:20px;
}
.blog_details_area .blog_title .blog_title_lft p{
	width:70px;
	height:70px;
	border-radius:100%;
	background:#333;
	display:block;
	float:left;
	text-align:center;
	line-height:70px;
	color:#fff;
	margin-right:15px;
	font-size:12px;
}
.blog_details_area .blog_title .blog_title_lft h3{
	float:left;
	font-size:30px;
}
.blog_details_area .blog_title .blog_title_lft h3 span{
	color:#e53235;
	text-transform:uppercase;
	display:block;
	font-size:12px;
}
.blog_details_area .blog_title .blog_title_rht{
	width:74%;
	float:right;
}
.blog_details_area .blog_title .blog_title_rht h5{
	color:#e53235
}
.blog_details_area .blog_title .blog_title_rht h3{
	font-weight:bold;
	margin:10px 0px;
}
.blog_details_area .blog_title .blog_title_rht h6{
	color:#e53235
}
.blog_details_area .blog_title .blog_title_rht h6 span{
	color:#7b7b7b;
	margin-right:20px;
	display:inline-block
}
.blog_details_area .blog_bg_img{
	background:url(../images/blg-bg.png) center top no-repeat;
	height:162px;
	font-size:18px;
	font-weight:bold;
	font-style:italic;
	font-family: "Playfair Display",serif;
	padding:56px 144px;
	color:#fff;
	text-align:center;
	margin: 60px 0;
}
.blog_details_area .blog_para p{
	padding-left:70px;
	
}
/* ------------------------------------
7.2 blog social section start here 
---------------------------------------*/

.blog_details_area .blog_social_area{
	background:#000;
	padding:16px 70px;
	border-radius:70px;
	margin: 70px 0;
}
.blog_details_area .blog_social_area .social_icon a {
    background: #363636 none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 50px;
    line-height: 50px;
    text-align: left;
    width: 50px;
}
.blog_details_area .blog_social_area .social_icon a i{
	color:#79bdf4;
	font-size:18px;
}
.blog_details_area .blog_social_area .social_icon a:hover i{
	color:#e53235
}
.blog_details_area .blog_social_area .share_txt{
	width:110px;
	float:left;
	line-height:50px;
	text-transform:uppercase;
	color:#fff;
	font-weight:bold;
	font-family: "Playfair Display",serif;
}
/* ------------------------------------
7.3 blog author section start here 
---------------------------------------*/
.blog_details_area .blog_author_area{
	padding:10px;
	border-radius: 100px;
	background: #fafafa; /* For browsers that do not support gradients */
}
.blog_details_area .blog_author_area figure{
	width:170px;
	height:170px;
	background:#333;
	float:left;
	margin-right:50px;
	position:relative
}
.blog_details_area .blog_author_area figure button{
	background: #e53235 none repeat scroll 0 0;
    border: medium none;
    border-radius: 30px;
    bottom: 20px;
    color: #fff;
    font-size: 12px;
    left: 34px;
    padding: 5px 30px;
    position: absolute;
    text-transform: uppercase;
}
.blog_details_area .blog_author_area .author_details {
    padding: 40px;
}
.blog_details_area .blog_author_area .author_details h4{
	text-transform:uppercase;
	color:#e53235;
	font-weight:bold;
	font-family: "Playfair Display",serif;
	margin-bottom:15px;
}
.blog_details_area .blog_author_area .author_details p{
	font-style:italic;
}
.blog_details_area  .site-section-area{
	text-align:left;
	margin: 40px 0;
}
.blog_details_area  .site-section-area h2{
	font-size:24px;
}
.blog_details_area  .site-section-area h2 span{
	color:#e53235;
}
.blog_details_area  .blog_author2{
    margin: 6px 0 0 174px;
}
.blog_details_area .blog_author_area .author_details2 h4{
	text-transform:uppercase;
	color:#444;
	font-weight:bold;
	font-family: "Playfair Display",serif;
	margin-bottom:15px;
	font-size:15px;
}
.blog_details_area .blog_author_area .author_details2 h4 span{
	color:#e53235;
	font-size:12px;
	font-family: 'Montserrat', sans-serif;
	margin-left:40px;
}
/* ------------------------------------
7.4 blog comment section start here 
---------------------------------------*/
.blog_details_area .blog_comment .product_comment{
    padding: 40px 0;
    text-align: left;
}
.blog_details_area .blog_comment .comment_frm{
	margin-top:0px;
}
.blog_details_area .blog_comment .comment_frm .cmn-btn2{
	padding:16px 50px;
	border-radius:30px
}
.product_comment .comment_frm input[type="text"], .product_comment .comment_frm textarea{text-align:left; transition:all .2s ease-in-out}
.product_comment .comment_frm input[type="text"]:focus, .product_comment .comment_frm textarea:focus{
	box-shadow:0px 0px 5px #ccc;
}

/* -------------8.about page start here ---------------------------*/

/* ------------------------------------
8.1 about welcome area start here 
---------------------------------------*/
.about_area{
	text-align:center;
}
.about_area .about_welcome h2{
	font-size:36px;
	font-weight:bold;
	font-family: "Playfair Display",serif;
	margin-bottom:10px;
	color:#222
}
.about_area .about_welcome h2 span{
	color:#e53235;
	text-transform:uppercase;
}
.about_area .about_welcome h3{
	font-size:30px;
	font-weight:bold;
	font-family: "Playfair Display",serif;
	color:#222;
}
.about_area .about_welcome h5{
	color:#e53235;
	margin:20px 0px;
}
.about_area .about_welcome p{
	font-size:14px;
	text-align:left;	
	
	display:inline-block;
}
/* ------------------------------------
8.2 about happy section start here 
---------------------------------------*/
.about_area .about_happy{
	padding:60px 0px;
}
.about_area .about_happy ul li{
	display:inline-block;
	width:24.5%;
	overflow:hidden;
	text-align:left;
	padding-left: 3%;
}
.about_area .about_happy ul li figure{
	width:60px;
	float:left;
	margin-right:15px;
	margin-top: 10px;
}
.about_area .about_happy ul li h4{
	float: left;
    font-size: 38px;
    width: 60%;
	font-weight:bold;
	color:#222
}
.about_area .about_happy ul li h4 span{
	font-size:14px;
	color:#e53235;
	display:block;
	font-weight:bold;
	font-family: "Playfair Display",serif;
}
/* ------------------------------------
8.3 about shipping section start here 
---------------------------------------*/
.about_area .about_shipping{
	background:#CC3333;
	padding:40px;
	color:#fff;
	position:relative;
	z-index:99
}
.about_area .about_shipping ul li{
	display:inline-block;
	overflow:hidden;
	width:38.5%
}
.about_area .about_shipping ul li figure{
	float: left;
    margin-right: 5px;
    margin-top: 4px;
    width: 60px;
}
.about_area .about_shipping ul li h4{
	float: left;
    font-size: 17px;
    width: 60%;
	font-weight:bold;
	font-family: "Playfair Display",serif;
	text-align:left
}
.about_area .about_shipping ul li h4 span{
	font-size:13px;
	display:block;
	font-family: "Arimo", sans-serif;
	font-weight:normal;
	margin-top:10px;
}
/* ------------------------------------
8.4 about review section start here 
---------------------------------------*/
.about_area .about_reviews{
	background:url(../images/review-bg.png) center top no-repeat;
	min-height:444px;
	margin-bottom:0px;
	position:relative;
	z-index:1;
	top:-60px;
	padding-top:100px;
	background-size:cover
}
.about_area .about_reviews .about_reviews_lft{
	width:300px;
	float:left;
	padding:60px 0px;
}
.about_area .about_reviews .about_reviews_lft h3{
	color:#fff;
	font-size:40px;
	font-family: "Playfair Display",serif;
	font-weight:bold;
}
.about_area .about_reviews .about_reviews_lft h3 span{
	color:#e53235;
	font-size:30px;
	display:block
}
.about_area .about_reviews .about_reviews_lft h6{
	color:#e53235;
	font-size:12px;
	margin-top:20px;
}
.about_area .about_reviews .about_reviews_lft h6 i{
	margin:0px 5px;
}
.about_area .about_reviews .about_reviews_rht{
	width:800px;
	float:right;
	max-width:100%;
}
.about_reviews_rht figure.clearfix {
    padding: 60px 120px;
	color:#fff;
}
.about_area .about_reviews .about_reviews_rht .review_sld_img{
	border-radius:100%;
	overflow:hidden;
	width:130px;
	height:130px;
	float:left;
	border:8px solid #393537;
	margin-right:20px;
}
.about_area .about_reviews .about_reviews_rht .review_sld_img img{
	width:100%;
	height:100%;
}
.about_area .about_reviews .about_reviews_rht .review_sld_txt{
	text-align:left;
	width:69%
}
.about_area .about_reviews .about_reviews_rht .review_sld_txt p{
	font-style:italic;
	color:#d8d8d8;
	line-height:28px;
}
.about_area .about_reviews .about_reviews_rht .review_sld_txt h4{
	font-size:18px;
	font-weight:bold;
	font-family: "Playfair Display",serif;
	margin-top:20px;
}
.about_area .about_reviews .about_reviews_rht .review_sld_txt h4 span{
	color:#e53235;
	text-transform:uppercase;
	font-size:12px;
	font-family: 'Montserrat', sans-serif;
}
.about_area .about_reviews .about_reviews_rht .carousel-control.left, .about_area .about_reviews .about_reviews_rht .carousel-control.right{
	top:31%;
	height:100px;
	line-height:100px;
	background:none	
}
.about_area .about_reviews .about_reviews_rht .carousel-control.left span, .about_area .about_reviews .about_reviews_rht .carousel-control.right span{
	background: #e53235 none repeat scroll 0 0;
    border-radius: 5px;
    padding: 22px 20px;
}
.coll_btn_area{text-align:center; margin-bottom:100px}