/*!
Theme Name: My Salon
Theme URI: http://astaporthemes.com/downloads/my-salon-free-theme/
Author: Astapor Theme
Author URI: http://astaporthemes.com/
Description: My salon is clean, modern and beautiful responsive free theme for salon, spa, hair studio, massage parlor, wellness, yoga, make-up studio and similar kind of website. My salon comes with great features and section like stunning slider, services, about us, gallery and testimonials section to create a fully featured website to make a good visibility online. All the options are built in customizer which allows you to customize the website easily with no hassle. It is compatible with latest WordPress version and fits perfectly on any devices and in any browser. You can create intuitive and appealing website for any or your business needs with this theme due to its available section and easy customization options.  
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: my-salon
Tags: one-column, two-columns, right-sidebar, custom-background, custom-logo, custom-menu, featured-image-header, featured-images,  threaded-comments, translation-ready, theme-options, footer-widgets, blog, full-width-template, custom-colors


This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

My salon is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 36px;
	line-height: 38px;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font: 14px/1.7 'Source sans pro', sans-serif;
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

h3{
	    font: 22px/1.1 "Raleway", sans-serif;
}

p {
	font-size: 16px;
    font-weight: 200;
    line-height: 24px;
    letter-spacing: 0px;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}


blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
    padding: 25px;
    border-left: 5px solid;
    background: #f1f1f1;
    font-style: italic;
}



hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #d00009;
}

a:hover, a:focus, a:active {
	color: #d00009;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation{
	float: right;
	margin: 5px 0 0;
}

.main-navigation a{
	text-decoration: none;
}

.main-navigation ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 15px;
	line-height: 18px;
	text-transform: uppercase;
}

.main-navigation ul:after{
	content: '';
	display: block;
	clear: both;
}

.main-navigation ul li{
	float: left;
	margin-left: 44px;
	position: relative;
}

.main-navigation ul li:first-child{margin-left: 0;}

.main-navigation ul li a{
	color: #fff;
	display: block;
	padding-bottom: 25px;
}

.main-navigation ul li a:hover,
.main-navigation ul li a:focus,
.main-navigation ul li:hover > a{
	text-decoration: none;
	color: #d00009;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
	text-decoration: none;
	color: #d00009;
}

.main-navigation ul ul{
	position: absolute;
	top: 100%;
	left: 0;
	width: 275px;
	background: #fffefd;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	z-index: 2;
	display: none;
}

.main-navigation ul li:hover ul{display: block;}

.main-navigation ul li:hover ul ul{display: none;}

.main-navigation ul ul li:hover > ul{display: block;}

.main-navigation ul ul:before{
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-bottom: 9px solid #fffefd;
	content: '';
	position: absolute;
	top: -9px;
	left: 10px;
}

.main-navigation ul ul li{
	float: none;
	display: block;
	margin: 0;
}

.main-navigation ul ul li a{
	color: #171616;
	display: block;
	border-bottom: 1px solid #f7f6f5;
	padding: 16px 25px;
}

.main-navigation ul ul li a:hover,
.main-navigation ul ul li a:focus,
.main-navigation ul ul li:hover > a{
	background: #f3f2f1;
	color: #171616;
}

.main-navigation ul ul ul{
	left: 100%;
	top: 0;
}

.main-navigation ul ul ul:before{display: none;}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}



/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.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;
	clip-path: none;
	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. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}





/*--------------------------------------------------------------
## Custom CSS
--------------------------------------------------------------*/

.container{
	width: 1170px;
	margin: 0 auto;
	padding: 0 15px;
}

.container:after{
	display: block;
	content: '';
	clear: both;
}

.row{
	margin: 0 -15px;
}

.row:after{
	display: block;
	content: '';
	clear: both;
}

#primary{
	float: left;
	width: 66.6667%;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 50px;
}
.full-width #primary {
    width: 100%;
}
#secondary {
    float: left;
    width: 33.3333%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;

}
/* column */
.col-3, .col-4, .col-6, .col-8, .col-9{
float: left;
padding-left: 15px;
padding-right: 15px;
}


.col-3{ 
width: 25%;
}

.col-4{
width: 33.3333333%;
}

.col-6{
	width: 50%;
}

.col-8{
	width: 66.66%;
}

.col-9{
	width: 75%;
}

.left {
    float: left;
}

.right {
    float: right;
}

img{
	vertical-align: top;
}


/*header style*/

.header-top {
	padding: 10px 0;
    background: #141414;
    
}

.header-top:after{
	display: block;
	content: '';
	clear: both;
}

.header-top .top-menu {
    float: right;
}

.header-top ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-top ul:after{
	display: block;
	content: '';
	clear: both;
}

.header-top ul li {
    float: left;
}


.header-top .top-menu ul li:first-child{
	border-left: 0;
}

.header-top .top-menu ul li:first-child a{
	padding-left: 0;
}

.header-top .top-menu ul li:last-child{ 
	padding-right: 0;
}

.header-top .top-menu ul li:last-child a{
	padding-right: 0;
}


.header-top .top-menu ul li{
	border-left: 1px solid #b7b7b7;
}

.header-top .top-menu ul li a{
	font-size: 15px;
	line-height: 15px;
	color: #b8b8b8;
	display: block;
	padding: 0 17px;
}

.header-top .top-menu ul li a:hover{
	color: #ededed;
}

.header-top ul li .fa{
	font-size: 14px;
	line-height: 24px;
	color: #b2b2b2;
}

.header-top ul li .fa:hover{
	color: #ededed;
}

.header-top .today-date {
    float: left;
    color: #ededed;
    font-weight: 200;
}

/*header-bottom*/
.header-bottom {
    position: relative;
    width: 100%;
    background: #333;
    padding: 30px 0px 5px;
}

.has-slider .header-bottom{
	position: absolute;
	width: 100%;
	background: none;
	z-index: 3;
	padding: 30px 0px 5px;
}

.site-header .header-bottom.sticky {
    position: fixed;
    top: 0;
    background: #03082b;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
    z-index: 999;
    width: 100%;
}

.header-bottom .site-branding{float: left;}


.header-bottom .site-branding .site-title{
	font-size: 28px;
	line-height: 29px;
	margin: 0;
	font-weight: 200;
	color: #fff;
	text-transform: uppercase;
}

.header-bottom .site-branding .site-title a{color: #fff; text-decoration: none;}

.header-bottom .site-branding .site-title a:hover,
.header-bottom .site-branding .site-title a:focus{text-decoration: none; opacity: 0.8;}

.header-bottom .site-branding .site-description{
	color: #fefefe;
	font-size: 14px;
	line-height: 17px;
}

#responsive-menu-button-top {
    float: left;
}

#responsive-menu-button {
    float: right;
}


/* Banner */

.banner-text {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.3);
    padding-top: 15%;
    color: #fff;
    height: 100%;
}

.banner-text-item {
	width: 50%;
}

.banner-text-item .category a {
    color: #fff;
    text-decoration: none;
}

.banner-buttons {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 150px;
    z-index: 50;
}

.banner .owl-carousel .owl-stage-outer {
    background: #3c3c3c;
}

.banner-text-item .title {
    display: block;
    margin: 30px 0;
}

.banner-text-item .category {
    border-bottom: 2px #d00009 solid;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.main-header {
    font-size: 28px;
    line-height: 40px;
}

.main-header:after{
	background: url(images/scissor.png) no-repeat 0 16px;
	background-position: center;
	content: '';
	display: block;
	height: 45px;
}

/* button */
.button-holder {
    text-align: center;
    position: relative;
    width: 100%;
}

.btn {
    
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 5px;
    margin-right: 10px;
    text-decoration: none;
    
}

a.btn.primary{
	background: #D00009;
	border: 1px solid #D00009;
	color: #fff;
	font-size: 15px;
}

a:hover.btn.primary{
	background: #fff;
	border: 1px solid #D00009;
	color: #D00009;
}

.btn:hover,
.btn:focus,
.btn:active {
color: #cdcdcd;
cursor: pointer;
}

/* Banner slider */

.fadeout.owl-theme .owl-nav {
    bottom: 40px;
    position: absolute;
    width: 100%;
}

.fadeout.owl-theme .owl-dots {
    bottom: 10px;
    position: absolute;
    width: 100%;
}

.testimonial-slider.owl-theme .owl-nav [class*='owl-'],
.fadeout.owl-theme .owl-nav [class*='owl-'] {
    background: transparent;
}

/* About us */
#about, 
#latest-activity,
#featured,
#gallery,
#testimonial
{
	padding: 100px 0;
}

#about {
    background: #f5f5f5;
    border-top: 1px solid rgb(224, 224, 224);
}

#about img {
    float: right;
    margin-left: 30px;
}

.about-text{
	padding: 0 15px;
}

.about-title {
    display: contents;
    font-size: 28px;
}

#about  header.main-header, 
#featured  header.main-header,
#gallery  header.main-header,
#testimonial  header.main-header{
	
	text-align: center;
	margin-bottom: 65px;
}

/* featured */

#featured {
    text-align: center;
}


.service-item {
    padding: 30px 15px;
}

.service-item:hover {
    -webkit-box-shadow: 1px 1px 28px -2px rgba(0,0,0,0.66);
    -moz-box-shadow: 1px 1px 28px -2px rgba(0,0,0,0.66);
    box-shadow: 1px 1px 28px -2px rgba(0,0,0,0.66);
}

.service-item .fa {
    font-size: 40px;
    color: #D00009;
    margin-bottom: 30px;
}

.service-item  a {
	color: #000;
	padding: 30px;
	text-decoration: none;

}

#featured .btn.primary{
    margin-top: 20px;
}

#featured .service-item  .btn.primary{
    margin: 20px;
}
/** Gallery */

#gallery,
#teams {
    text-align: center;
}

.gallery-item{
	margin-bottom: 30px;
	position: relative;
	border:10px solid #efefef;
	overflow: hidden;


}

.gallery-item img{
	width: 100%;
	transition: all 0.2s linear;
}


.gallery-mask{
	display: block;
	position: absolute;
	top: 0;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}

.gallery-item h2 {
    transform: translateY(-100px);
    opacity: 0;
    transition: all 0.2s ease-in-out;
    color: #fff;
}
.gallery-item a.btn{
    opacity: 0;
	transition: all 0.2s ease-in-out;
    margin-top: 100px;
    width: 100%;
}

.gallery-item span.category a {
    color: #fff;
    text-decoration: none;
}

.gallery-item span.category a:hover,
.gallery-item a:hover.btn {
    color: #d00009;
}

.gallery-item:hover img { 
	transform: scale(1.1);
} 
.gallery-item:hover .gallery-mask { 
	opacity: 1;
}
.gallery-item:hover h2,
.gallery-item:hover a.btn {
    opacity: 1;
    transform: translateY(0px);
}
.gallery-item:hover a.btn {
    transition-delay: 0.2s;
}

/* Testimonial */

#testimonial{
	background: #000;
}

.testimonial-slider {
    text-align: center;
}

.testimonial-thumbnail{
	text-align: center;
	color: #000;
	margin-bottom: -50px;
}

.testimonial-thumbnail img {
    height: 100px;
    width: auto;
}

#testimonial .owl-theme .owl-dots
 {
	margin-top: 20px;
    display: none;
    position: unset;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    width: 100%;
}

.testimonial-section .section-title {
    color: #fff;
}

.owl-carousel .owl-item .testimonial-thumbnail img{
	width: auto;
    margin: auto;
    border: 2px solid #efefef;
    border-radius: 50%;
}

.testimonial-info {
	margin: 10px 0;
}

.testimonial-text {
    background: #fff;
    color: #555;
    padding: 50px 30px 30px;
}

.testimonial-text p{
	font-size: 18px;
    font-style: italic;
    line-height: 26px;
}

/*meta*/

.entry-meta{
	padding-bottom: 5px;
}

.entry-meta a{
    color: #000;
    text-decoration: none;
}

.entry-meta a:hover{
    color: #000;
    text-decoration: underline;
}
.entry-meta span {
    border-left: 1px solid #777;
    padding: 0px 10px;
    font-size: 12px;
}

.entry-meta span:first-child {
    border-left: 0;
    padding-left: 0px;
}


.entry-meta span.posted-on:before {
    content: '\F017';
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-size: 16px;
}

.entry-meta span.category:before {
    content: '\F114';
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-size: 16px;
}

.entry-meta span.comments-link:before {
    content: '\F0E5';
    font-family: 'FontAwesome';
    margin-right: 5px;
    font-size: 16px;
}


/* widgets */

h2.widget-title {
    padding: 10px 15px;
    background: #000;
    color: #d00009;
}

#calendar_wrap,
.calendar_wrap {
    text-align: center;
    border: 1px solid #cdcdcd;
    border-top: 0;
    background: #f1f1f1;
}

.content-area a {
    color: #000;
}

.content-area a:hover {
    color: #3a3a3a;
}

h2.widget-title a {
    text-decoration: none;
}

.widget-area select {
    border: 1px solid #c7c7c9;
    border-radius: 5px;
    padding: 8px 2px;
    margin: 0 15px 0 0;
    width: 100%;
}

.widget.widget_my_salon_social_links ul li{
	list-style: none;
	padding: 0;
    position: unset;
    padding-right: 5px;
    float: left;
}

.widget.widget_my_salon_social_links ul li a {
    padding: 5px;
}

.widget.widget_my_salon_social_links ul li:after{
content: '';
}

.search-form{
	background: #fff;
	border: 1px solid #e5e5e5;
	overflow: hidden;
	padding: 7px 0 8px 14px;
}

.search-form input[type="search"]{
    width: 85%;
	background: none;
	border: 0;
	border-radius: 0;
	font-size: 14px;
}

.search-form input[type="submit"]{
    float: right;
    background: url(images/search-icon.png) no-repeat;
    width: 15px;
    height: 15px;
    border: 0;
    border-radius: 0;
    padding: 0;
    text-indent: -9999px;
    box-shadow: none;
    margin: 6px 14px 0 0;

}

.search .search-form{
	max-width: 400px;
}

.widget-area ul.networks li:after {
    content: none;
}

.widget-area ul.networks li {
    float: left;
}

.widget-area ul {
    margin: 0;
    padding: 15px;
    border: 1px solid #cdcdcd;
    border-top: 0;
}
.widget-area ul li{
	list-style: none;
	padding: 0 0 10px 16px;
	position: relative;
}
.widget-area ul li:after{
	position: absolute;
    top: 4px;
    font-family: 'FontAwesome';
    left: 0;
    content: "\F00C";
    color: #d00009;
    font-size: 13px;
    vertical-align: bottom;
}
.widget-area ul li a{
	color: #cecece;
	font-size: 16px;
	line-height: 22px;
	text-decoration: none;
}

.widget-area .textwidget {
    padding: 15px;
    border: 1px solid #cdcdcd;
}

.widget-area .tagcloud {
    padding: 15px;
    border: 1px solid #cdcdcd;
}

.widget-area .tagcloud a {
    padding: 8px;
    border: 1px solid #d00009;
    border-radius: 5px;
    color: #000;
    text-decoration: none;
}

.widget-area .tagcloud a:hover {
    padding: 8px;
    border: 1px solid #d00009;
    border-radius: 5px;
    background: #d00009;
    color: #000;
    text-decoration: none;
}

.widget-area ul ul.sub-menu {
    border: 0;
}

.widget-area ul ul.sub-menu {
    border: 0;
    margin: 0;
    padding: 0;
    padding-top: 15px;
}

.widget-area ul li a:hover{
	color: #b0b0b0;
}
#secondary ul li a{
	color: #383838;
}
#secondary ul li a:hover{
	opacity: 0.5;
}
#secondary ul li::after{
	color: #333;
}

.site-footer .widget-area{
	background: #111111;
	font-size: 16px;;
	line-height: 26px;
	color: #b0b0b0;
	padding-bottom: 40px;
	padding-top: 60px;
}
.site-footer .widget{
	width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    float: left;
    background: #222222;
}
.site-footer .widget-area .widget-title{
	font-size: 25px;
	line-height: 32px;
	color: #f5f5f5;
	font-family: 'Oswald', serif;
}

.site-footer .widget-area .tagcloud a {
    color: #fff;
}

.site-footer .widget-area .tagcloud,
.site-footer .widget-area .textwidget,
.site-footer .widget-area ul{
	border: 0;
}


footer#colophon {
    background: #000;
}

.site-info {
	text-align: center;
    color: #cdcdcd;
    padding: 20px 0;
    font-weight: 300;
}



#mobile-header-top,
#mobile-header{display: none;}

#mobile-header a {
    color: #fff;
}

#mobile-header a {
    opacity: 0.8;
}


/*inner page style*/

.content-area header.page-header,
.page .content-area header.entry-header {
    margin-bottom: 25px;
}

.content-area .post img,
.content-area .page img {
    vertical-align: top;
    margin-bottom: 20px;
}

.content-area .entry-title a{
	text-decoration: none;
}
 
.content-area .post .entry-content .pull-right {
    width: 262px;
    float: right;
    text-align: right;
    border-top: 3px solid #19b1de;
    padding: 16px 0 0;
    margin: 0 0 0 30px;
}

.content-area .post .entry-content .pull-left {
    width: 262px;
    float: left;
    border-top: 3px solid #19b1de;
    padding: 16px 0 0;
    margin: 0 30px 30px 0;
}

.content-area .post .entry-content .dropcap {
    color: #59595b;
    float: left;
    font-size: 100px;
    font-weight: 700;
    height: 80px;
    line-height: 73px;
    margin-right: 15px;
}

.content-area .post .entry-content .highlight {
    background: #19b1de;
    padding: 0 3px;
}

.content-area .post .entry-content table th,
.content-area .page .entry-content table th {
    background: #dcf1ff;
    font: 700 17px/24px 'Oswald', sans-serif;
    color: #4f4f51;
    padding: 25px 30px;
    text-align: left;
    font-weight: 400;
}

.content-area .post .entry-content table td,
.content-area .page .entry-content table td {
    background: #f4f8ff;
    font: 700 17px/24px 'Oswald', sans-serif;
    color: #59595b;
    padding: 25px 30px;
    text-align: left;
    font-weight: 200;
}

.content-area .post .entry-content table tr,
.content-area .page .entry-content table tr {
    border-bottom: 1px solid #fff;
}

.content-area .post .entry-content table tr:first-child,
.content-area .page .entry-content table tr:first-child {
    border-bottom: 0;
}

.content-area .post .entry-content pre,
.content-area .page .entry-content pre {
    position: relative;
    background: #f0f2f7;
    font-family: "Courier New", Courier, monospace;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 1.5em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
    color: #59595b;
}

.content-area .post .entry-content ul,
.content-area .page .entry-content ul,
.content-area .post .entry-content ol,
.content-area .page .entry-content ol {
    padding: 0;
}

.content-area .post form label,
.content-area .post form label {
    font-size: 19px;
    line-height: 26px;
    display: block;
    margin: 0 0 10px;
}

.content-area .post form input[type="text"],
.content-area .post form input[type="email"],
.content-area .post form input[type="url"],
.content-area .post form input[type="password"],
.content-area .page form input[type="text"],
.content-area .page form input[type="email"],
.content-area .page form input[type="url"],
.content-area .page form input[type="password"] {
    width: 60%;
    border: 1px solid #cfcfd4;
    border-radius: 3px;
    padding: 5px 10px;
}

.content-area .post form textarea,
.content-area .page form textarea {
    border: 1px solid #cfcfd4;
    border-radius: 3px;
    padding: 5px 10px;
    width: 100%;
    height: 160px;
    resize: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.content-area .post form select,
.content-area .page form select {
    width: 255px;
    border: 1px solid #cfcfd4;
    border-radius: 3px;
    padding: 5px 10px;
}

.content-area .post form .radio-group,
.content-area .page form .radio-group {
    overflow: hidden;
}

.content-area .post form .radio-button,
.content-area .page form .radio-button {
    float: left;
}

.content-area .post form .radio-button label,
.content-area .page form .radio-button label {
    float: left;
    margin-right: 30px;
}

.content-area .post form .radio-button input[type="radio"],
.content-area .page form .radio-button input[type="radio"] {
    float: left;
    margin: 6px 10px 0 0;
}

.content-area .post form .checkbox-button,
.content-area .page form .checkbox-button {
    overflow: hidden;
}

.content-area .post form .checkbox-button label,
.content-area .page form .checkbox-button label {
    float: left;
}

.content-area .post form .checkbox-button input[type="checkbox"],
.content-area .page form .checkbox-button input[type="checkbox"] {
    float: left;
    margin: 6px 10px 0 0;
}

.content-area .post form input[type="submit"],
.content-area .page form input[type="submit"] {
    font: 600 16px/38px 'Source Sans Pro', sans-serif;
    color: #3c3b3b;
    background: #ffbc00;
    border-radius: 5px;
    width: 102px;
    border: 0;
    box-shadow: none;
    height: 38px;
    padding: 0;
}

.content-area .post form input[type="submit"]:hover,
.content-area .page form input[type="submit"]:hover {
    background: #eaad00;
}

.content-area .post form input[type="reset"],
.content-area .page form input[type="reset"] {
    font: 600 16px/38px 'Source Sans Pro', sans-serif;
    color: #3c3b3b;
    background: none;
    border-radius: 5px;
    width: 102px;
    border: 1px solid #cbcbcb;
    box-shadow: none;
    height: 38px;
    padding: 0;
}

.content-area .post form input[type="reset"]:hover,
.content-area .page form input[type="reset"]:hover {
    background: #cbcbcb;
}

.content-area .author-section {
    border: 1px solid #cdcdcd;
    padding: 15px;
    display: inline-block;
    margin-bottom: 25px;
}


.content-area .author-section .img-holder {
    float: left;
    margin-right: 10px;
    border: 6px solid #ddd;
}

.content-area .author-section .text-holder {
    overflow: hidden;
}
.content-area .author-section .text-holder p{
    margin: 0;
}

.category .content-area article,
.search-results .content-area article {
    border-bottom: 4px double #808080;
}

.error404 .search-form {
	max-width: 400px;
	margin: auto;
}

.error404 .error-404{
	padding: 100px 0;
	text-align: center;
	max-width: 600px;
    margin: auto;
}

.error404 .error-404 h1{
	margin-bottom: 30px;
	font-size: 72px;
}


/*comments section style*/
#comments{margin: 0 0 45px;}

.comments-area{
	background: #fff;
}

.comments-area .comments-title{
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: #333;
}

.comments-area ol{
	margin: 0;
	padding: 0;
	list-style: none;
}

.comments-area .comment-body{
	padding-bottom: 27px;
	margin-bottom: 27px;
	border-bottom: 1px solid #f2f2f2;
}

.comments-area .comment-body .avatar{
	float: left;
	width: 70px;
	margin-right: 23px;
}

.comments-area .comment-body .says{display: none;}

.comments-area .comment-body .fn{
	font-size: 18px;
	line-height: 22px;
	display: block;
	color: #333;
	margin: 0 0 3px;
	overflow: hidden;
}

.comments-area .comment-body .comment-metadata{
	font-size: 14px;
	line-height: 17px;
	color: #999;
	overflow: hidden;
}

.comments-area .comment-body .comment-metadata a{color: #999;}

.comments-area .comment-body .comment-metadata a:hover,
.comments-area .comment-body .comment-metadata a:focus{
	color: #63b03e;
	text-decoration: none;
}

.comments-area .comment-body .comment-content{
	margin-left: 93px;
	margin-top: 10px;
}

.comments-area .comment-body .reply{
	margin-left: 93px;
	overflow: hidden;
}

.comments-area .comment-body .reply a{
	border: 1px solid #63b03e;
	float: left;
	font-size: 14px;
	width: 69px;
	height: 25px;
	line-height: 23px;
	text-align: center;
	text-transform: uppercase;
}

.comments-area .comment-body .reply a:hover,
.comments-area .comment-body .reply a:focus{
	background: #63b03e;
	color: #fff;
	text-decoration: none;
}

.comments-area .children{
	margin-left: 93px;
}

.comments-area .comment-reply-title{
	font-size: 24px;
	line-height: 28px;
	font-weight: 400;
	color: #333;
}

.comments-area .comment-form label{display: none;}

.comments-area .comment-form .comment-form-author{
	float: left;
	width: 32%;
	margin-right: 2%;
}

.comments-area .comment-form .comment-form-email{
	float: left;
	width: 32%;
	margin-right: 2%;
}

.comments-area .comment-form .comment-form-url{
	float: left;
	width: 32%;
}

.comments-area .comment-form input[type="text"],
.comments-area .comment-form input[type="email"],
.comments-area .comment-form input[type="url"]{
	width: 100%;
	padding: 10px 15px;
}

/*responsive style*/
@media only screen and (max-width: 1199px){
	.container{
		width: 970px;
	}

	#latest-activity .owl-theme .owl-prev,
	#testimonial .owl-theme .owl-prev {
	    left: 0px;
	}

	#latest-activity .owl-theme .owl-next,
	#testimonial .owl-theme .owl-next {
	    right: 0px;
	}


	.main-navigation ul li{margin-left: 25px;}

	.banner .banner-text{}

	.banner .banner-text .title{
		font-size: 40px;
		line-height: 49px;
	}

	.banner-text p{margin: 0 0 20px;}

	.banner .btn-scroll-down{padding: 0 0 37px;}




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

.has-slider .header-bottom {
	position: unset;
    width: 100%;
    background: #000;
    z-index: 3;
    padding: 5px 0px 5px;
}

.mean-container .mean-nav {
    float: left;
    width: 100%;
    background: #000;
    margin-top: 65px;
}

.mean-container .mean-bar {
    float: left;
    width: 100%;
    position: absolute;
    background: #0c1923;
    padding: 0; 
    height: 0;
    min-height: 0;
    z-index: 999999;
}

.mean-container a.meanmenu-reveal{
	top: 5px;
}

	#about, #latest-activity, #skills, #gallery, #teams, #testimonial, #counter-section {
	    padding: 100px 0;
	}
	p{
    	margin: 5px 0;
    	line-height: 23px;
	}
	
	#mobile-header-top{
		display: block;
		float: right;
	}

	#mobile-header{
		display: block;
		float: right;
		margin-top: 20px;
	}

	#mobile-header span{
		width: 22px;
		height: 3px;
		background: #fff;
		display: block;
		margin-bottom: 3px;
	}

	#mobile-header a{display: block;}

	.top-menu,
	.main-navigation{display: none;}

	.site-header{padding: 0px;}

	#about, #latest-activity, #skills, #gallery, #teams, #testimonial, #counter-section {
	    padding: 100px 0;
	}

	#about header.main-header, #latest-activity header.main-header, #skills header.main-header, #gallery header.main-header, #teams header.main-header, #testimonial header.main-header, #clients header.main-header, #counter-section header.main-header {
	    text-align: center;
	    margin-bottom: 35px;
	}

	#skills .skill-item .btn.blue {
	    margin: 15px;
	}

	.banner .banner-text .title{
		font-size: 30px;
		line-height: 36px;
	}

	.banner .btn-scroll-down{padding: 0 0 30px;}

	.banner .btn-scroll-down span:after{
		background-size: 25px 12px;
		left: 25px;
	}

	.banner .btn-scroll-down span{
		background-size: 25px 36px;
		background-position: 50% 15px;
		font-size: 10px;
	}

	.skill-item {
	    padding: 15px 5px;
   		margin-bottom: 15px;
	}

	.skill-item a {
	    padding: 0 10px;
	}

	.skill-item a .fa {
	    margin-bottom: 20px;
	}
	
	.gallery-item h2 {
	    margin-top: 16px;
	}

	.team-mask {
		transform: translateY(195px);
	}
	
	#primary,
	#secondary{width: 100%;}
	#primary .site-main{padding-right: 0;}
}

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



	.col-3, .col-4, .col-6, .col-8, .col-9{
		width: 50%;
	}

	.about-item img {
	    overflow: hidden;
	    margin-right: 30px;
	    width: 100%;
	    margin-bottom: 30px;
	}

	.about-text {
	    overflow: initial;
	}

	.about-text h1 {
    	font-size: 36px;
    	line-height: 42px;
	}
	#latest-activity .col-4{
		width: 100%;
	}

	#latest-activity .col-4 img{
		width: 100%;
	}

	.container{width: 100%;}

	.header-bottom {
	    padding: 10px 0px 0;
	}

	.banner .banner-text{
		position: relative;
		top: 0;
		background: #3c3c3c;
	}

	.banner .banner-text{padding: 20px 0 40px;}

	#banner .owl-theme .owl-prev {
	    top: 200px;
	}

	#banner .owl-theme .owl-next {
	    top: 200px;
	}


	#testimonial .owl-theme .owl-prev {
	    top: 200px;
	}

	#testimonial .owl-theme .owl-next {
	    top: 200px;
	}

	#testimonial .col-4{
		width: 50%;
		text-align: center;
	}

	 #testimonial .col-8{
		width: 50%;
	}

	.testimonial-thumbnail {
	    width: 100%;
	}

	.testimonial-text {
	    margin: 20px 0;
	}

	.team-mask {
	    transform: translateY(85%);
	}

	.blog-section .post .post-thumbnail{margin: 0 0 30px;}
	#primary .author .text-holder{width: 100%;}
	.comments-area .comment-list .comment-body .comment-content,
	.comments-area .comment-list .comment-body .reply{
		top: 0;
		left: 0;
	}
	.comments-area .comment-list .comment-body .comment-author,
	.comments-area .comment-list .comment-body .fn,
	.comments-area .comment-list .comment-body .comment-metadata{
		float: none;
		display: block;
	}
	.comments-area .comment-list .children{margin: 0 0 0 20px;}
	.search #primary .post .text-holder, .search #primary .page .text-holder{width: 100%;}

	.comments-area .comment-form .comment-form-author{
		float: left;
		width: 100%;
		margin-right: 24px;
	}

	.comments-area .comment-form .comment-form-email{
		float: left;
		width: 100%;
		margin-right: 24px;
	}

	.comments-area .comment-form .comment-form-url{
		float: left;
		width: 100%;
	}
	 .scrollup {
        right: 15px;
    }
}


@media only screen and (max-width: 480px){
	.banner-text-item {
	    width: 100%;
	}
	.testimonial-thumbnail {
	    width: 100%;
	}


	h1{
		font-size: 32px;
	}

	#banner .owl-theme .owl-prev {
	    top: 100px;
	}

	#banner .owl-theme .owl-next {
	    top: 100px;
	}

	#testimonial .owl-theme .owl-prev {
	    top: 200px;
	}

	#testimonial .owl-theme .owl-next {
	    top: 200px;
	}


	.col-3, .col-4, .col-6, .col-8, .col-9{
		width: 100%;
	}


	.team-mask {
	    transform: translateY(88%);
	}
	.site-info .left,
	.site-info .right
	{
		float: none;
	}

	#testimonial .col-4{
		width: 100%;
	}

	 #testimonial .col-8{
		width: 100%;
	}
}