/*!
* Theme Name: SpaSalon Pro
* Theme URI: https://webriti.com/demo/wp/spasalon
* Author: Webriti
* Author URI: https://www.webriti.com
* Description: A theme for SPA SALON and BEAUTY SALON type of business that uses multiple nav menus, right-sidebar,Featured Slider and Custom post layouts. 
It has a pixel-perfect design that is great for any blogger who wants a new look for their site.
* Tags: full-width-template, threaded-comments, right-sidebar, one-column, two-columns, custom-menu, sticky-post, translation-ready, featured-images, footer-widgets
* Version: 2.8.3
* Requires at least: 4.5
* Tested up to: 6.8
* Requires PHP: 5.4
* License: GNU General Public License v2.0
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
* Text Domain: spasalon
*/

/* Add additional stylesheets below
-------------------------------------------------- */
body {
	background: #ffffff;
    color: #626668;
    font-family: 'Roboto', sans-serif;
    font-size: 100%;
    line-height: 25px;
	padding:0;
	word-wrap:break-word;
}

iframe{
	max-width:100%;
}

body{ font-size: 15px; }
h1, .h1, h2, .h2,
h3, .h3, h4, .h4,
h5, .h5, h6, .h6 { 
	margin: 0 0 20px;
	color: #4b453f;
	font-weight: 400;
}

p, .entry-content { 
	color: #626668;
	font-weight: 400;
	margin: 0;
	word-wrap: break-word;	
}

.txt-white { color: #ffffff !important; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.7); }
.txt-black { color: #202020; text-shadow: 0 2px 2px rgba(255, 255, 255, 0.7); }
.txt-pink { background-color: #f22853; } 
.txt-orange { background-color: #fe8000; }
.txt-green { background-color: #6dc82b; }
.txt-blue { background-color: #1abac8; }

p { margin: 0 0 25px; }

a, a:hover, a:focus { transition: all 0.3s ease 0s; text-decoration: none; }
img, .wp-post-image { display: block; height: auto; max-width: 100%; }
ul li, ol li { color: #626668; font-size: 15px; line-height: 25px; margin: 0; padding: 6px 0; vertical-align: top; }
h1.txt  { text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.6); }
.txt p{ text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.6); }
.border-double { border-top: 4px double #e2e2e2; }
.media .media-body { width: auto !important; }
/*===================================================================================*/
/*	FLEX SLIDER CSS
/*===================================================================================*/

#main { margin: 0; overflow: hidden; }
.slider { position: relative; margin: 0px 0 0px !important; }
#slider ul.slides li { padding: 0; position: relative; }
#slider .topbar-detail { top: 0; left: 0; right: 0; position: absolute; overflow: auto; padding-left: 0; padding-right: 0; }
#spa-page-header .topbar-detail { overflow: auto; position: relative; }
.topbar-detail .title { display: block; padding: 5px 20px 5px 13px; margin: 30px 0; } 
.topbar-detail h4 { font-family: 'Raleway', sans-serif; color: #ffffff; font-size: 21px; line-height: 25px; font-weight: 500; margin: 0; }
.topbar-detail h1 { font-family: 'Raleway', sans-serif; color: #ffffff; font-size: 36px; line-height: 40px; font-weight: 800; word-wrap: break-word; margin: 0; }
.topbar-detail p.description { padding-left: 0; margin: 30px 0; }	
.addr-detail {
    background: url("images/addr-bg.png") no-repeat scroll 0 0 transparent;
    bottom: 0;
    height: 103px;
    position: relative;
	font-family: 'Roboto', sans-serif;
    float: right;
    width: 170px;
	text-align: center;
    display: block;
	margin: 15px 15px 15px 0px;
}
.addr-detail address {
    background:transparent !important;	
    font-size: 12px;
    line-height: 20px;
	font-weight: 700; 
	padding: 0 15px;
	word-wrap: break-word;
	margin: 0;
	position: absolute;
	right: 0;
	left: 0;
	top: 67%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.addr-detail address > strong { border: 0 none; font-size: 18px; line-height: 20px; font-weight: 600; display: block; margin: 0; }


/*===================================================================================*/
/*	THUMBNAILS OF SLIDERS CSS
/*===================================================================================*/

#main .thumb-caption-detail { background: #fff; bottom: 0; left: 0; position: absolute; right: 0;  width: 1140px; /* margin: 0 auto; */ z-index: 99999;  }
#main .thumb-caption-detail #carousel { /* background: #fff none repeat scroll 0 0; */ border: 0 none; padding: 20px 10px 0 10px; }
#carousel ul.slides li { padding: 0; position: relative; }
#carousel ul.slides li > img { max-height: 160px; width: 95%; margin: 0 auto; }
#carousel .flex-viewport { padding: 0px; }
.thumb-caption {
    bottom: 0;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    position: absolute;
	overflow: auto;
	width: 95%;
	height: 100%;
	left: 10px;
    z-index: 1;
}
.thumb-caption span { font-family: 'Raleway', sans-serif; color: #6d6962; font-size: 12px; line-height: 20px; padding-left: 20px; font-weight: 600; position: relative; top: 25px; }	
.thumb-caption span h4 { font-family: 'Raleway', sans-serif; color: #4b453f; font-size: 21px; line-height: 25px; font-weight: 600; margin-top: -3px; padding-left: 20px; }
a.thumb-btn {
	background: none repeat scroll 0 0 #4b453f;
    color: #FFFFFF;
    bottom: 0;
    display: inline-block;
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
    padding: 6px 14px;
    position: absolute;
	text-decoration: none;
    text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
a.thumb-btn {
	margin-left: 10px;
    position: absolute;
    z-index: 999999;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}
a.thumb-btn:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
a.thumb-btn:hover, a.thumb-btn:focus, a.thumb-btn:active { color: white; text-decoration: none; }
a.thumb-btn:hover:before, a.thumb-btn:focus:before, a.thumb-btn:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/*===================================================================================*/
/*	CAPTION OF SLIDER
/*===================================================================================*/

.caption-overlay { 
	height: auto;
	left: 0;
	padding: 0px 30px;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 0; 
	margin: 0 auto;
}
.caption-overlay h1 { font-size: 3.5em; font-weight:700; line-height:125%; word-wrap:break-word; margin:0 0 20px; } 
.caption-overlay p { font-size: 22px; line-height: 30px; margin: 0 0 30px; } 
.flexslider .more-link { margin: 0; }
@media (max-width: 992px) { 
.caption-overlay h1 { font-size: 2.5em; } 
.caption-overlay p { font-size: 20px; line-height: 25px; } 
}
@media (max-width: 767px) { 
.caption-overlay h1 { font-size: 2em; margin: 0 0 10px; } 
.caption-overlay p { font-size: 15px; line-height: 22px; margin: 0 0 20px; } 
.flexslider .more-link { font-size: 12px; padding: 6px 16px; }
.flexslider .more-link:hover { padding: 6px 24px; }
}
@media (max-width: 480px) { 
.caption-overlay h1 { font-size: 1.2em; margin: 0 0 5px; } 
.caption-overlay p { font-size: 12px; line-height: 20px; margin: 0 0 10px; }
.flexslider .more-link { font-size: 10px; padding: 5px 15px; }
.flexslider .more-link:hover { padding: 5px 22px; }
}


/*===================================================================================*/
/*	SECTION TITLE CSS
/*===================================================================================*/

.section-header { margin: 0 0 60px; padding: 0 15px; display: block; text-align: center; }
.section-title { margin: 0 0 18px; }
.section-subtitle { color: #959595; font-weight: 400; margin: 0; }

/*===================================================================================*/
/*  SERVICE SECTION CSS
/*===================================================================================*/

/*.col-md-3:nth-child(4n+1){ clear:left; }
.col-md-4:nth-child(3n+1){ clear:left; }
.col-md-6:nth-child(2n+1){ clear:left; }
 */
#section { margin: 0; padding: 65px 0 25px; }
.service .post, .home-post .post { margin: 0 0 40px; }
.service p:last-child { margin: 0; }
.site-content .post .post-thumbnail img { transition: all 300ms ease-out 0s; opacity: 1; width: 100%; }
.site-content .post:hover .post-thumbnail img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); opacity: 1; }
.post .post-thumbnail { margin-bottom: 25px; width: 100%; overflow: hidden; position: relative; display:block; }
.post .post-thumbnail img { transition: all 300ms ease-out 0s; opacity: 1; width: 100%; }
.post:hover .post-thumbnail img { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); transform: scale(1.15); opacity: 1; }
.entry-header { display: block; margin: 0 0 20px; padding: 0; }
.entry-header .entry-title { font-weight: 500; }
.entry-header .entry-title > a { color: #4b453f; }
.post-thumbnail i { 
	color: #ffffff;
	width: 80px;
	height: 80px;
	font-size: 3em; 
	line-height: 1.4em;
	padding: 10px;
	text-align: center;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	transition: all 300ms ease-out 0s; 
} 

.post:hover .post-thumbnail i.fa { 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
} 

/*===================================================================================*/
/*  BLOG SECTION CSS
/*===================================================================================*/

.home-post .entry-header .entry-title { border-bottom: 1px solid #eae7e4; margin: 0 0 14px; padding: 0 0 13px; }
span.entry-date {
	background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #ffffff;
    top: 0;
	width: 55px;
	padding: 6px 10px;
    position: absolute;
	letter-spacing: 0px;
	font-family: 'Roboto', sans-serif;
    font-size: 20px;
    left: 0;
    text-align: center;
    z-index: 1;
	white-space: nowrap;
}
span.entry-date small { font-size: 13px; letter-spacing: 0.5px; padding: 0 0 0 4px; }
span.entry-date .date { color: #ffffff; font-weight: 400; font-size: 30px; padding: 0px; line-height: 30px; text-align: center; }
span.entry-date .month-year { display: block; font-size: 14px; line-height: 20px; padding: 3px 0 0; font-weight: 400; text-align: center; }
.more-link {
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
	text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin: 24px 0 0px;
    padding: 10px 22px;
    text-align: center;
}
.more-link:hover { color: #ffffff; padding: 10px 30px; }


/*===================================================================================*/
/*  HOMEPAGE PRODUCT SECTION CSS
/*===================================================================================*/

.bg-color { background: #f6f2ec; }
.products { margin: 0 0 45px; }
.products .carousel-inner { background: #ffffff; }
.products .carousel-inner div.column { background: #ffffff;position: relative;padding: 0px; margin:0; }
.products .carousel-inner div.column img { margin: 0 auto; }
.product-view { border-right: 1px solid #eae7e4; padding: 0px 0 15px; }
.carousel li { margin-right: 0px; }
.prt-detail { padding: 18px 17px 0; display: block; border-top: 1px solid #eae7e4; }
.prt-detail h4 { font-weight: 500; margin: 0 0 0px; }
.prt-detail p { margin: 0 0 19px; }

@media (min-width: 768px) { .column { width: 50%; float: left; } } 
@media (min-width: 992px) { .column { width: 20%; float: left; } }
@media (min-width: 1200px) { .column { width: 20%; float: left; } }

.direction-nav { *height: 0; }
.direction-nav a {
  text-decoration: none;
  display: block;
  width: 33px;
  height: 46px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.direction-nav a:before {
  background-color: #4b453f;	
  font-family: "FontAwesome";
  transition: all 0.2s ease-in-out;
  font-size: 12px;
  line-height: 4;
  display: inline-block;
  content: '\f0d9';
  color: #ffffff;  
  text-align: center;
  width: 33px;
  height: 46px;
}
.direction-nav a.next:before { content: '\f0da'; }
.direction-nav .prev { left: 0px; }
.direction-nav .next { right: 0px; text-align: right; }
.products:hover .direction-nav .prev { opacity: 1; left: 0px; }
.products:hover .direction-nav .prev:hover { opacity: 1; }
.products:hover .direction-nav .next { opacity: 1; right: 0px; }
.products:hover .direction-nav .next:hover { opacity: 1; }


/* This Media for Producs scroll ----------------------------------------------------------------------------------------------------------- */
.carousel-control { width:  4%; }
.carousel-control.left, .carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -16.7%; }
	.carousel-inner .next        { left:  16.7%; }
	.carousel-inner .prev		 { left: -16.7%; }	
}

/*===================================================================================*/
/*  PAGINATION'S CSS
/*===================================================================================*/

.paginations { margin: 30px 0 40px; text-align: center; }
.paginations a, .paginations span {
    background-color: #ffffff;
	border: 1px solid #e9e9e9;
    color: #4b453f;
    cursor: pointer;
    display: inline-block;
	border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin: 0 1px 5px;
    padding: 9px 16px;
    transition: all 0.3s ease 0s;
    vertical-align: baseline;
    white-space: nowrap;
}
.paginations a, .paginations span {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
}
.paginations a:before, .paginations span:before {
	content: "";
	position: absolute;
	z-index: -1;
	border-radius: 3px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}
.paginations a:hover, .paginations a:focus, .paginations span:hover, .paginations span:focus { color: #ffffff;  }
.paginations a.active, .paginations span.current { color: #ffffff; }
.paginations a:hover:before, .paginations a:focus:before, .paginations a:active:before , .paginations span:hover:before, .paginations span:focus:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


/*===================================================================================*/
/*  ABOUT PAGE SECTION CSS
/*===================================================================================*/

.about { margin: 0; }
.page-title { font-weight: 400; margin: 0 0 25px; }
.about-info { padding: 15px 40px 0 0; } 
.about-info p { margin: 0 0 15px; }
.about-img-area { margin: 0; }
.separator { border-bottom: 1px solid #e9e9e9; margin: 35px 0; display: block; } 
.team { padding: 35px 0; }
.team p { margin: 0; }
.team-title { font-weight: 400; margin: 0 0 25px; }
.team-gravatar { width: 180px; height: auto; float: left; padding: 0 20px 20px 0; }
.team-gravatar img { border-radius: 50%; border-top: 5px solid #d8d8d8; }
.team .team-name { font-weight: 400; padding: 0 0 5px; margin: 0; }
.team-designation { display: block; font-size: 15px; font-weight: 400; line-height: 20px; padding: 0 0 10px; }
.team-social { margin: 0 !important; padding: 20px 0 0 !important; }
.team-social li {
    background-color: #c8c8c8;
	border-radius: 50%;
    display: inline-block;
    height: 25px;
	width: 25px;
    padding: 0px;
	margin: 0 2px 0 0;
    text-align: center;
    transition: background 0.5s ease-in-out 0s;
} 
.team-social li > a { color: #ffffff !important; display: block; font-size: 14px; line-height: 27px; }
.team-social li > a:hover { color: #ffffff !important; }
.team-social li.facebook:hover, .team-social li.facebook:focus { background-color: #4c66a4; }
.team-social li.twitter:hover, .team-social li.twitter:focus { background-color: #15b4c9; }
.team-social li.instagram:hover, .team-social li.instagram:focus { background-color: #dd4b39; }


/*===================================================================================*/
/*  PRODUCT PAGE SECTION CSS
/*===================================================================================*/

.product-title { font-weight: 400; margin: 0 0 20px; }
.col-md-12:first-child .product { margin: 0; }
.product { margin: 25px 0 0px; overflow: hidden; }
.product .item-product:nth-child(5n+1) { border-right: 0 none; }
.item-product {
    position: relative;
    margin: 0 0 40px;
	float: left;
    padding: 0px 0 15px;
    width: 20%;
	background: #ffffff;
    border-right: 1px solid #eae7e4;
	border-bottom: 1px solid #eae7e4;
	border-top: 1px solid #eae7e4;
}
.product .item-product .item, 
.product-detail .item-product .item, 
.product-detail .product-thumbnail { 
	overflow: hidden; 
	position: relative;
}
.product .item-product .item img, 
.product-detail .item-product .item img, 
.product-detail .product-thumbnail img { 
	transition: all 300ms ease-out 0s; 
	opacity: 1; 
}
.product .item-product:hover .item img, 
.product-detail .item-product:hover .item img, 
.product-detail .product-thumbnail:hover img {
	-webkit-transform: scale(1.10);
	-moz-transform: scale(1.10); 
	transform: scale(1.10);
	opacity: 1;
}
.item-product .item img, .product-thumbnail img { margin: 0 auto; }
.product-info { border-top: 1px solid #eae7e4; padding: 18px 17px 0; }
.product-name, .product-description, .product-price { display: block; }
.product-name, .product-price, .product-detail .price { font-size: 18px; line-height: 20px; font-weight: 500; display: block; }
.product-name { margin-bottom: 8px; }
.product-description { font-size: 15px; line-height: 25px; font-weight: 400; margin-bottom: 18px; } 


/*===================================================================================*/
/*  PRODUCT DETAIL SECTION CSS
/*===================================================================================*/

.product-detail { margin: 0px; overflow: auto; }
.product-detail .item-product { width: 33%; }
.product-detail .media { margin-bottom: 65px; padding-top: 5px; }
.product-detail .product-thumbnail { margin-right: 25px; width: 300px; padding: 10px; height: auto; float: left; border: 1px solid #eae7e4; }
.product-detail h3 { font-weight: 400; margin-bottom: 15px; }
.product-detail p { margin-bottom: 10px; }
.product-detail .price { margin-bottom: 15px; }


/*===================================================================================*/
/*  ALL WIDGETS SECTION CSS
/*===================================================================================*/

.sidebar { margin: 0px; padding: 0px; }
.widget  { margin: 0 0 60px; padding: 0px; display: block; }
.widget:last-child { margin: 0 0 40px; }
.widget .widget-title { background-color: #f2f2f2; font-weight: 500; display: block; margin: 0 0 30px; padding: 12px 10px 12px 17px; }
.widget ul { margin: 0; padding: 0; list-style: none; }
.widget li { border-top: 1px solid #eae7e4; padding: 9px 0; }
.widget ul li a, .widget ul li a { color: #626668; } 
.widget li ul.children { margin-left: 10px; padding-bottom: 0; margin-top:12px; }
.widget ul li ul.children { padding-left: 20px; }
.widget li ul.sub-menu { margin-top:12px; padding-right:0; padding-bottom:0; }
.widget ul.children, .widget ul.sub-menu { margin-top:12px; margin-left:20px; }
.sidebar .widget ul.children, .sidebar .widget ul.sub-menu { margin-top:12px; margin-left:0px; }
.widget ul.children li:first-child, .widget ul.sub-menu li:first-child { padding-top:12px; }
.widget li:first-child { border-top: 0; padding-top: 0px; }
.widget li:last-child { padding-bottom: 0px;  border-bottom: 0px !important; } 

	
/*===================================================================================*/
/*  TABLE WIDGET
/*===================================================================================*/
.widget .calendar_wrap { background-color: #ffffff; border: 1px solid #eae7e4; padding: 5px; border-radius: 3px; }
.widget table { 
	border-collapse: inherit;
	border-spacing: 5px;
	border: 0 none;
	padding: 0px; 
	margin: 0; 
	line-height: 40px; 
	text-align: center; 
	table-layout: fixed; 
	width: 100%; 
}
.widget table caption { 
	text-align: center; 
	color: #ffffff; 
	font-size: 18px; 
	font-weight: 500; 
	line-height: 25px; 
	padding: 10px; 
	border-radius: 3px; 
}
.widget table th { color: #4b453f; border: 0 none; font-weight: 700; background-color: transparent;  }
.widget table td { background: #f2f2f2; font-weight: 400; border-radius: 3px; }
.widget table td, .widget table th { padding: 0px; line-height: 40px; text-align: center; } 
.widget table tbody a { color: #ffffff; font-weight: 500; display: block; border-radius: 3px; }
.widget table tbody a:hover, .widget table tbody a:focus { color: #ffffff; }
.widget table #next a, .widget table #prev a { color: #4b453f; font-weight: 600; }


/*===================================================================================*/
/*  RECENT COMMENT WIDGET
/*===================================================================================*/
.widget .comment-author-link a { font-weight: 600; }


/*===================================================================================*/
/*  TAGS WIDGET CSS
/*===================================================================================*/
.tagcloud { margin: 0; padding: 0; display: block; }
.tagcloud a { color: #626668; display: inline-block; margin: 0 10px 10px 0; line-height: 25px; }


/*===================================================================================*/
/*  RSS WIDGET CSS
/*===================================================================================*/
.widget-title .rsswidget { color: #36404a; }


/*===================================================================================*/
/*  CUSTOM POST WIDGET CSS
/*===================================================================================*/
.sidebar .widget .post, .footer-sidebar .widget .post { border-bottom: 1px solid #eae7e4; margin: 0 0 20px; padding: 0 0 20px; }
.sidebar .widget .post:last-child, .footer-sidebar .widget .post:last-child { margin: 0px; padding: 0; border-bottom: 0 none; }
.sidebar .widget .post .entry-header, .footer-sidebar .widget .post .entry-header { margin: 0 0 5px; } 
.sidebar .widget .post .entry-header .entry-title, 
.footer-sidebar .widget .post .entry-header .entry-title { display: block; margin: 0; padding: 0; font-size: 15px; font-weight: 500; }
.widget .post .entry-date { 
	color: #787878;
    font-size: 13px;
    line-height: 20px;
    margin: 0px;
    font-weight: 500;
    display: block;
    position: relative;
	text-align: left;
    padding: 0;
    background: transparent; 
}
.sidebar .widget .post-thumbnail, 
.footer-sidebar .widget .post-thumbnail { margin: 0px 20px 0px 0; overflow: hidden; float: left; display: block; width: 80px; border-radius: 2px; }
.sidebar .widget .post-thumbnail i, .footer-sidebar .widget .post-thumbnail i { margin: 0 0 15px; }
.sidebar .widget .post-thumbnail img, .footer-sidebar .widget .post-thumbnail img { transition: all 0.3s ease-in-out 0s; }

/*===================================================================================*/
/*  CUSTOM ADDRESS WIDGET CSS
/*===================================================================================*/
.widget em { font-size: 15px; line-height: 25px; color: #626668; margin-bottom: 5px; display: block; font-style: normal; }
.widget .phone-info::before, 
.widget .mail-info::before, 
.widget .address-info::before {
    font-family: FontAwesome;
    font-size: 16px;
	line-height: 25px;
	color: #8c8a8b;
    margin-left: 0;
    margin-right: 15px;
	display: inline-block;
}
.widget .phone-info::before { content: "\f095"; }
.widget .mail-info::before { content: "\f003"; } 
.widget .address-info::before { content: "\f041"; }

/*Testimonial Section Css here---------------------------------------------------------------------------------*/
.testimonial { 
	background-image: url("../images/bg.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}
.testimonial .overlay { background: rgba(0, 0, 0, 0.7); padding: 62px 0 62px; position: relative; }
.client-area { margin: 0px; padding: 0 30px 0 30px; }
.client-desc { position: relative; }
.client-desc blockquote {
	background-color: transparent;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 300;
    border: none;
    padding: 15px 70px 0 70px;
	margin: 0;
}
.client-desc blockquote::before, .client-desc blockquote::after { font-family: "FontAwesome"; font-size: 2.3em; line-height: 1em; }
.client-desc blockquote::before { left: 0; top: 0; }
.client-desc blockquote::after { content: "\f10e"; position: absolute; right: 0px; }
.name-separator { border-bottom: 1px dashed #fff9f9; height: 1px; width: 70px; margin: 40px auto 10px; }
.name { color: #ffffff; letter-spacing: 1px; font-weight: 500; margin: 28px 0 0px; }
.client-desc .designation { color: #fff; font-size: 16px; margin: 12px 0 0; display: block; }
.client-area span { padding: 0 0 0 4px; }
.client-area .media-body { margin: 13px 0 0; }
.author-box { margin: 0 auto 40px; width: 130px; height: 130px;  }
.author-box img { border: 4px solid #ffffff; }
/*Testimonial Navigation*/
.testimonial .direction-nav { margin: 0; padding: 0; }
.testimonial .direction-nav a::before { background-color: #ffffff; color: #2b2825; }
.testimonial .direction-nav a:hover::before { color: #ffffff !important; }
.testimonial:hover .direction-nav .prev { opacity: 1; left: 40px; }
.testimonial:hover .direction-nav .prev:hover { opacity: 1; }
.testimonial:hover .direction-nav .next { opacity: 1; right: 40px; }
.testimonial:hover .direction-nav .next:hover { opacity: 1; }
@media (max-width: 767px) { 
.client-desc blockquote { padding: 15px 40px 0 40px; }
.client-desc blockquote::before, .client-desc blockquote::after { font-size: 1.3em; }
.testimonial:hover .direction-nav .prev { opacity: 1; left: 20px; }
.testimonial:hover .direction-nav .next { opacity: 1; right: 20px; }
.name { font-size: 20px; }
}

/*Clients Section------------------------------------------------------------------------------------------------------------------*/
.client-section { padding: 70px 0 55px; }
.clients { margin-bottom: 0px; }
.client {
	position: relative;    
	-webkit-transition: all ease-in-out .5s;
	-moz-transition: all ease-in-out .5s;
	-ms-transition: all ease-in-out .5s;
	-o-transition: all ease-in-out .5s;
	transition: all ease-in-out .5s;
	width: 100%;
	height: 180px; 
	border: 1px solid #eae7e4;
	padding: 20px;
	display: block;
	margin: 0 0 20px;
	white-space: nowrap;
}
.client:hover {
    box-shadow: 0 10px 20px -5px rgba(0,0,0,0.1);
}
.client a { display:block; height:100%; }
.client img {	
	height:100%;
	object-fit:scale-down;
	margin: 0 auto !important;
}



/*Callout Section-----------------------------------------------------------------------------------------------*/
.callout { 
    background-position: 50% -22px;
	padding: 70px 0 70px; 
	position: relative; 
	height: 100%; 
	margin: 0 0 -15px; 
	overflow: hidden; 
	width: 100%; 
}
.callout h1 { 
	font-family: 'marketingscript'; 
	padding: 0 90px; 
	margin: 0 0 17px; 
	text-align: center; 
	font-size: 42px; 
	line-height: 45px;
	color: #fff;
}
.callout p { 
    font-size: 16px;
    letter-spacing: 0.2px;
	color: #fff;
    line-height: 25px;
    margin: 0;
	text-align: center;
	padding: 0 90px;
	font-family: "Droid Serif";
    font-style: italic;
}
.btn-area { display: block; margin: 35px 0 0px; text-align: center; }
.callout-btn {
	background-color: #ffff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
	transition: all 0.3s ease-in-out 0s;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 20px;
	font-weight: 500;
    padding: 15px 38px;
	margin: 0 10px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	text-decoration: none;
}
.callout-btn:hover, .callout-btn:focus { color: #f22853; letter-spacing: 0.5px; padding: 15px 46px; }
a:hover, a:focus { text-decoration: none !important;}

/*Gallery Section Css1----------------------------------------------------------------------------------------------------------*/
.gallery-area1 { margin: 0; padding: 0px !important; }
.gallery-area1 .entry-title { color: #fff; letter-spacing: 0.05em; font-weight: 400; margin: 0 0 15px; text-shadow: 2px 2px 1px #000; }
.gallery-area1 .entry-title {
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    -wekbit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
}
.gallery-area1:hover .entry-title {
    -wekbit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.gallery-showcase-overlay1 {	
	background: rgba(0, 0, 0, 0.8);
	border: 3px solid transparent;
	visibility: hidden;
	opacity: 0;
	-wekbit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
	position: absolute;
	width: 100%;
	height: 100%; 
	border-radius: 0;
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.gallery-image1 img { transition: all 300ms ease-out; -webkit-transition: all 300ms ease-out; }
.gallery-area1:hover img {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5); 
	-ms-transform: scale(1.5); 
	-o-transform: scale(1.5); 
	transform: scale(1.5);	
}
.gallery-image1:hover .gallery-showcase-overlay1 { visibility: visible; height: 100%; }
.gallery-showcase-overlay-inner1 { 
	position: absolute; 
	top: 50%; 
	left: 0; 
	width: 100%; 
	height: auto; 
	transform: translateY(-50%); 
	z-index: 1; 
	padding: 10px; 
}
.gallery-image1 {
	text-align:center;
	position:relative;
	line-height:0px;
	font-size:0px;
	transition: all 200ms ease-out; 
	-webkit-transition: all 200ms ease-out; 
	width:100%;
	position:relative;
	height:100%;
	overflow:hidden;
    border-radius: 0;	
}



.gallery-image1 .gallery-showcase-overlay1::before, .gallery-image1 .gallery-showcase-overlay1::after {
    position: absolute;
    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.60s, -webkit-transform 0.60s;
    transition: opacity 0.60s, transform 0.60s;
}
.gallery-image1 .gallery-showcase-overlay1::before {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}
.gallery-image1 .gallery-showcase-overlay1::after {
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
.gallery-image1:hover .gallery-showcase-overlay1::before,
.gallery-image1:hover .gallery-showcase-overlay1::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


/*===================================================================================*/
/*  SOCIAL MEDIA WIDGET CSS
/*===================================================================================*/
.widget .social { margin: 0; padding: 10px 0 0; }
.widget .social li {
	background-color: #cecece;
	border-radius: 0;
	cursor: pointer;
	display: inline-block;
	border-radius: 50%;
	height: 30px;
	width: 30px;
	margin: 0 2px 0 0;
	padding: 0px !important;
	text-align: center;
	transition: background 0.2s ease-in-out 0s;	
}
.widget .social li.facebook:hover { background-color: #4c66a4; }
.widget .social li.twitter:hover { background-color: #15b4c9; }
.widget .social li.googleplus:hover { background-color: #DD4B39; }
.widget .social li.linkedin:hover { background-color: #006599; }
.widget .social li.skype:hover { background-color: #40beee; }
.widget .social li > a > i { color: #FFFFFF; font-size: 14px; line-height: 2.2; }
.footer-sidebar .widget .social li { background-color: #4b453f; } 


/*===================================================================================*/
/*  FOOTER SIDEBAR WIDGET CSS
/*===================================================================================*/
.empty-footer-sidebar {background-color: #f6f2ec; padding: 60px 0 0px; width: 100%; }
.footer-sidebar .widget .widget-title { 
	background-color: transparent;
    border-left: 0 none;
    font-weight: 400;
	display: block;
    margin: 0 0 30px;
    padding: 0;
}
.sidebar .entry-title > a, .footer-sidebar.entry-title > a { color: #4b453f; }
.footer-sidebar .widget .calendar_wrap { padding: 5px; }
.footer-sidebar .widget table td, .widget table th { font-size: 15px; line-height: 28px; }
.footer-sidebar .widget ul li { border-bottom: 0 none; padding: 6px 0; }
.footer-sidebar .widget p { margin: 0px 0 10px; } 
.footer-sidebar .widget p:last-child { margin: 0; } 
.footer-sidebar .widget p a { color: #626668; text-decoration: none; }
.footer-sidebar .widget .post { border-bottom: 0 none; padding: 0; text-align: left; }


/*===================================================================================*/
/*  FOOTER COPYRIGHTS CSS
/*===================================================================================*/

.site-info { background: #ffffff; margin: 0; padding: 20px 0; } 
.site-info p { padding: 10px 0; margin: 0; } 
.site-info p a { color: #626668; text-decoration: none; }
.footer-links { color: #626668; font-size: 15px; line-height: 20px; margin: 0px; padding: 0; float: right;  }
.footer-links li { display: inline-block; margin-right: 0px; padding: 10px 20px 10px 0; }
.footer-links li > a { color: #626668; }


/*===================================================================================*/
/*  BLOG PAGE CSS
/*===================================================================================*/

.site-content { margin: 0; padding: 0; }
.site-content .post { margin: 0 0 65px; }
.site-content .post:last-child { margin: 0 0 40px; }
.site-content .post .post-thumbnail {/* width: 150px;*/ margin: 0px 30px 0px 0; overflow: hidden; float: left; display: block; border-radius: 2px; }
.site-content .more-link { margin: 0; }


/*===================================================================================*/
/*  BLOG PAGE DETAIL CSS
/*===================================================================================*/

.site-content .post .post-thumbnail-full, 
.site-content .page .post-thumbnail-full,
.site-content .spa_products .attachment-post-thumbnail { margin: 0px 0px 30px 0; border-radius: 2px; }
.site-content .post p:last-child{ margin: 0; }


/*===================================================================================*/
/*  COMMENT SECTION CSS
/*===================================================================================*/

.comments-area { margin: 0 0 40px; padding: 0 5px 0px 0; font-family: 'Roboto', sans-serif; border-bottom: 1px solid #e9e9e9; }
.comment-title { background-color: #f2f2f2; margin: 0 0 30px; padding: 10px 10px 10px 17px; }
.comments-area .comments { margin: 0; }
.comment-author { border: 1px solid #e9e9e9; border-radius: 2px; float: left; margin-right: 30px; width: 70px; height: 70px; }
.comment-content { margin-left: 0; padding: 0 0 45px; }
.fn { color: #4b453f; font-weight: 600; font-size: 15px; margin: 0 0 10px; }
.datetime { color: #aaaaaa; font-weight: 500; font-size: 14px; line-height: 20px; padding: 0 0 0 15px; }
.comment-content p { font-family: 'Roboto', sans-serif; font-size: 15px; line-height: 25px; }
.reply { float: right; display: inline-block;  }
.reply a { color: #4b453f; font-size: 15px; line-height: 20px; }


/*===================================================================================*/
/*  COMMENT FORM CSS
/*===================================================================================*/

.comment-form { margin: 0px; padding: 30px 5px 40px 0; }
.comment-form .form-group, .contact-form .form-group { margin-bottom: 0px; }
.form-group label { display: block; font-size: 15px; font-weight: 500; line-height: 20px; margin: 0 0 11px; }
.form-group input[type="submit"] { margin-top: 20px; }


/*===================================================================================*/
/*  CONTACT CSS
/*===================================================================================*/

.google-map { margin: 5px 0 30px; }
.contact-form { margin: 0px; padding: 0px 5px 40px 0; }
.contact-title { margin: 0 0 25px; }
.border { border-bottom: 1px solid #e9e9e9; padding: 0 0 20px; }
.contact address { margin: 0; padding: 0 0 25px; }
.contact address p, .wpcf7-form p, .wpcf7-form p input[type="text"] { margin: 0; }
.wpcf7-form p span { margin: 10px 0 20px; display: block; }
.wpcf7-form p { font-weight: 500; }
.phone-title { background-color: #ffffff; border: 1px solid #e9e9e9; bottom: 40px; color: #4b453f; font-size: 24px; line-height: 30px; padding: 9px 40px; position: relative; }
.contact-info { border: 1px solid #e9e9e9; position: relative; display: block; margin: 53px 0 40px; padding: 25px; text-align: center;width: 80%; }
.phone { font-size: 48px; line-height: 50px; font-weight: 900; }
.phone::before {
    content: "\f095";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 48px;
    line-height: 50px;
    margin-right: 20px;
}


/*===================================================================================*/
/*  SHORTCODE CSS
/*===================================================================================*/

.alert { margin: 0; }
.btn { text-decoration: none; }
.list-group .list-group-item { border: 0 none; padding: 10px 0; }
.list-group .list-group-item span { padding-right: 5px; }
.nav-tabs li { padding: 0; }
.tab-content { padding: 20px 0 0; }
.tab-content .tab-pane, .panel-body  { line-height: 25px; }
.nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus { color: #4b453f; font-weight: 600; }
.nav-tabs>li>a { color: #626668; font-weight: normal; }
.panel-title { font-weight: 500; }


/*===================================================================================*/
/*  PAGE SCROLLUP CSS
/*===================================================================================*/

.scrollup {
    border-radius: 10%;
    bottom: 25px;
    display: none;
    height: 40px;
    opacity: 1;
    overflow: hidden;
    padding: 5px;
    position: fixed;
    right: 25px;
    text-align: center;
    width: 40px;
    z-index: 9999;
}
.scrollup i { color: #ffffff; font-size: 15px; line-height: 1.8; }


.flex-prev,
.flex-next {
  font-size: 0;
}


/*===================================================================================*/
/*  ADDITIONAL CSS
/*===================================================================================*/

.paginations .screen-reader-text{ display:none; }
.error_404{ text-align:center; font-size:200px; }


/*===================================================================================*/
/*  WOCOMMERCE CSS
/*===================================================================================*/
.woocommerce .product-name a, span.woocommerce-Price-amount.amount {color: #626668;}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #e0e0e0; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #b9b9b9; }
.woocommerce ul.products li.product .onsale { left: auto; margin: 0; right: 5px; top: 5px; }
.woocommerce div.product form.cart .button { float: left; font-size: 15px; padding: 18px 10px; vertical-align: middle; }
.woocommerce .product-name, .woocommerce .product-name a, 
.woocommerce .product-price, .woocommerce .product-detail .price { font-size: 14px; display:table-cell; }
.woocommerce th, .woocommerce td{ min-width:inherit; }
.woocommerce table.shop_table { border-collapse: collapse; }
.woocommerce {word-wrap: break-word; }
.woocommerce .product-name{ margin:0; }
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button { overflow: hidden; }
.woocommerce .star-rating span:before { color: #F0C430; }
.variations_form td.label, .variations_form td.value { padding: 0; }
.variations_form td.label { color: #626668; font-size: 15px; background: transparent; margin: 10px 0; }
.variations_form td.label label { margin: 10px 0; }
.product_list_widget li ins span { color: #ffffff; }
.woocommerce-MyAccount-navigation li {list-style:none;}
.woocommerce-MyAccount-navigation ul {padding:0px;}
.woocommerce-checkout-review-order-table td.product-name {color:#626668;}
.select2-container .select2-choice>.select2-chosen{padding:12px 10px;}
.select2-container .select2-choice{color:#a9a9a9;}


/*===================================================================================*/
/*  THEME WIDGETIZED CSS - 31 JULY 2016 - SHAHID
/*===================================================================================*/

/*Service Section*/
div[class*="wbr_team_section_widget"] .team { margin: 0; padding: 0 0 20px; }
div[class*="wbr_team_section_widget"] .team-social li { padding: 0; }
div[class*="wbr_feature_page_widget"], div[class*="wbr_project_widget"], div[class*="wbr_team_section_widget"] { margin: 0; }

/*Products Section*/
.products .post { margin: 0 0 35px; }
div[class*="wbr_feature_page_widget"] p .more-link { margin: 24px 0 0; }
.more-link { margin: 0; }

/*News Section*/
.home-post div[class*="wbr_team_section_widget"] .team { margin: 0; padding: 0 0 40px; }

/*Footer Sidebar*/
.footer-sidebar .widget .more-link, .footer-sidebar .widget .more-link:hover { color: #ffffff; }
.footer-sidebar span.entry-date { width: 40px; padding: 5px; }
.footer-sidebar span.entry-date .date { font-weight: 500; font-size: 18px; line-height: 25px; }
.footer-sidebar span.entry-date .month-year { font-size: 12px; line-height: 15px; padding: 0; }

.sidebar .team, .footer-sidebar .team { padding: 0px; }
.sidebar .team-gravatar, .footer-sidebar .team-gravatar { width: 80px; }
.sidebar .team-gravatar img, .footer-sidebar .team-gravatar img { border-top: 3px solid #d8d8d8; }
.sidebar .team-name, .footer-sidebar .team-name { font-size: 18px; line-height: 25px; }

.sidebar .widget .team-social li, 
.footer-sidebar .widget .team-social li { padding: 0; } 

.sidebar div[class*="wbr_team_section_widget"], .footer-sidebar div[class*="wbr_team_section_widget"] { margin: 0; }

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

.google-map #wpgmza_map { margin: 0 0 30px;}

/* Jetpack Gallery Overlay --------------------------------------------------------------------------------------------------------------- */
.tiled-gallery-item img{
    opacity:1;
    -wekbit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.tiled-gallery-item img:hover {
    opacity:0.8;
}

/*woocomerce Styling*/
.added_to_cart
{
	background-color: #2c2d33;
    border-color: #2c2d33;
    color: #ffffff;
}

.added_to_cart{
    border: 0 #43454b;
    background: #43454b;
    color: #fff;
    cursor: pointer;
    padding: .6180469716em 1.41575em;
    text-decoration: none;
    font-weight: 600;
    text-shadow: none;
    display: inline-block;
    outline: 0;
    -webkit-appearance: none;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.3);
}

.woocommerce ul.products li.product .button
{
	box-shadow: inset 0 -1px 0 rgba(0,0,0,.3);
} 

.woocommerce-cart table.cart th {
    vertical-align: middle;
    background-color: #f8f8f8;
	color:#000;
	padding: 1.618em;
}
.woocommerce-cart table.cart input{height:48px;}
.woocommerce-page table.cart td.actions .input-text{    padding: 14px 15px 13px !important;
    max-width: 200px;
    width: 100% !important;}

.woocommerce-cart table.cart input[type="submit"]
{
	color: #ffffff !important;
	-webkit-box-shadow: 0 -2px rgba(0,0,0,.1) inset;box-shadow: 0 -2px rgba(0,0,0,.1) inset;
	
}

.woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover
{
color: #ffffff;
	
}


.woocommerce table.shop_table td img, .woocommerce-page table.shop_table td img {
    width: 50px;
    height: auto;
}
.woocommerce-cart table.cart input[type="submit"]:hover
{
	padding: 0px 15px;
	
}
table.shop_table_responsive tbody th, table.shop_table_responsive thead{background-color: #f8f8f8;color:#60646c;}
.woocommerce a.button.alt{background-color: #13141a;border-color: #13141a;color: #ffffff;}

ul.products li.product{text-align:center;}
.woocommerce .star-rating{float: none !important;}
.woocommerce .products .star-rating{    margin: 5px auto; }

.woocommerce table.shop_table th{vertical-align: middle;
    background-color: #f8f8f8;
	color:#000;
	padding: 1.618em;}
.woocommerce-thankyou-order-details {background-color:#f8f8f8;}
.woocommerce .order_details li{padding: 1px 76px 2px 5px;}


.woocommerce a.button,.woocommerce a.button:hover, .woocommerce #review_form #respond .form-submit input,.woocommerce button.button.alt, .woocommerce button.button.alt:hover{
	color: #fff;
}
.woocommerce a.added_to_cart:hover{color:#fff;}
.woocommerce .order_details li{line-height:5;}
.woocommerce table.shop_table td{padding: 6px 22px;}
.woocommerce address{border: 1px solid rgba(0,0,0,.1);padding: 1.618em;vertical-align: middle;
    background-color: #f8f8f8;
    color: #000;}
	
.woocommerce input.button.alt, .woocommerce input.button.alt:hover{padding: 0px 15px; -webkit-box-shadow: 0 -2px rgba(0,0,0,.1) inset;box-shadow: 0 -2px rgba(0,0,0,.1) inset;}

.woocommerce input.button{border-radius: 0px; color: #fff; -webkit-box-shadow: 0 -2px rgba(0,0,0,.1) inset;box-shadow: 0 -2px rgba(0,0,0,.1) inset;}
.woocommerce input.button:hover{border-radius: 0px; color: #fff;padding: 0px 15px;}

.woocommerce ul.products li.product .button:before {content:"\f218"; font-family:Fontawesome; margin-right:5px;}

.woocommerce ul.products li.product .price, .woocommerce ul.products li.product h3{font-size:15px;}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background: #ffffff;
	border: 10px solid #FFFFFF;
    box-shadow: 0px 0px 10px #E6E6E6;
}
.woocommerce ul.products li.product .onsale
{
	color: #fff;
    padding: 0px;
    display: inline-block;
    border-radius: 4px;
    min-width: 45px;
    margin-bottom: 1px;
    text-align: center;	
}

.woocommerce ul.products li.product .onsale
{
	margin: 0;
    border-radius: 0;
    color: #FEFEFE;
    left: 0;
    right: auto;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 18px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 14px;
    -webkit-backface-visibility: hidden;
    z-index: 9;
    padding: 3px 8px;
    line-height: 20px;
    height: 25px;
    min-height: 25px;
}
.woocommerce nav.woocommerce-pagination ul li span.current{color: #fff;}

/* Instagram Gallery*/
.instagallery-actions .igact-instalink, 
.instagallery-actions .igact-instalink:hover {
	padding: 15px 40px !important;
	border-radius: 3px !important;
	margin: 40px 0 0 !important;
}

.instagallery-actions .igact-instalink::before {
    content: "\f16d";
    font-family: FontAwesome;
    margin-right: 10px;
    margin-left: 1px;
}

.instacarousel .swiper-slide a:hover:after {
    background: #000000 !important;
}

.instacarousel .swiper-button-next svg, .instacarousel .swiper-button-prev svg{ fill:#fff !important;}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display: none !important;}

/*===================================================================================*/
/*	WOOCOMMERCE SINGLE PRODUCT CSS
/*===================================================================================*/

.single-product .pswp__button { background-color: transparent; }
.single-product div.product { position: relative; overflow: hidden; }
.single-product div.product:after,.single-product div.product:before {
  content: '';
  display: table;
}
.single-product div.product:after {
  clear: both;
}
.single-product div.product .images,.single-product div.product .summary,.single-product div.product .woocommerce-product-gallery {
  margin-bottom: 2.617924em;
  margin-top: 0;
}
.single-product div.product .woocommerce-product-gallery {
  position: relative;
}
.single-product div.product .woocommerce-product-gallery .zoomImg {
  background-color: #fff;
}
.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
  position: absolute;
  top: .875em;
  right: .875em;
  display: block;
  height: 2em;
  width: 2em;
  border-radius: 3px;
  z-index: 99;
  text-align: center;
}
.single-product div.product .woocommerce-product-gallery img {
  margin: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-viewport {
  margin-bottom: 1.618em;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs {
  margin: 0;
  padding: 0;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after,
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:before {
  content: '';
  display: table;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs:after {
  clear: both;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li {
  list-style: none;
  margin-bottom: 1.618em !important;
  cursor: pointer;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img {
  opacity: 1 !important;
  -webkit-transition: all,ease,.2s;
  transition: all,ease,.2s;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li img.flex-active {
  opacity: 1;
}
.single-product div.product .woocommerce-product-gallery .flex-control-thumbs li:hover img {
  opacity: 1;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li {
  width: 42.8571428571%;
  float: left;
  margin-right: 14.2857142857%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n) {
  margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-2 .flex-control-thumbs li:nth-child(2n+1) {
  clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li {
  width: 23.8095238%;
  float: left;
  margin-right: 14.2857142857%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n) {
  margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-3 .flex-control-thumbs li:nth-child(3n+1) {
  clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li {
  /* width: 14.2857142857%; */
  /* float: left; */
  /* margin-right: 14.2857142857%; */
    width: 22%;
    float: left;
    margin-right: 4%;
  
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n) {
  margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  clear: both;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li {
  width: 8.5714285714%;
  float: left;
  margin-right: 14.2857142857%;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n) {
  margin-right: 0;
}
.single-product div.product .woocommerce-product-gallery.woocommerce-product-gallery--columns-5 .flex-control-thumbs li:nth-child(5n+1) {
  clear: both;
}

.pswp__caption__center {
   text-align: center;
}

.woocommerce-product-gallery .flex-control-nav {
    display: block;
}
span.entry-date {
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    color: #ffffff;
    top: 0;
    width: auto;
    padding: 6px 10px;
    position: absolute;
    letter-spacing: 0px;
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    left: 0;
    text-align: center;
    z-index: 1;
    white-space: nowrap;
}
.flexslider .slides img { width: 100% }