/*
Theme Name: Cosmetic Shop
Theme URI: https://www.luzuk.com/products/free-cosmetic-wordpress-theme
Author: Luzuk
Author URI: https://www.luzuk.com/
Description: For all those aspiring entrepreneurs planning to launch a beauty product store, or a cosmetic shop, creating an online presence to promote the products or cosmetic brand is inevitable.  Opt for a special and exclusive Cosmetic Shop WordPress theme that offers a series of benefits and conveniences. Entrepreneurs interested in launching their own line of beauty products, beauty consultancy, or cosmetic shop, their top priority will naturally be to focus on growing the business & achieve success. Cosmetic Shop WordPress theme or beauty store WordPress theme offers a solution that will enable you to manage your online presence yourself. Cosmetic shop WordPress theme is easy to manage. You can install it quickly within minutes of finalizing your decision to go with it. You don’t need to know or learn any technological skills to manage the Cosmetic Shop WordPress theme. Cosmetic Shop WordPress theme enables you to publish content, change, and update it. You can add and change images as required.  Besides, the theme is highly responsive. No matter which browser your user uses or on which device customer views your products, the theme is designed to respond well to all devices and is compatible on all browsers.
Requires at least: 5.0
Tested up to: 6.8
Requires PHP: 7.2
Version: 1.1.9
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: cosmetic-shop
Tags: one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-colors, custom-background, custom-header, custom-menu, custom-logo, editor-style, footer-widgets, featured-images, full-width-template, flexible-header, sticky-post, theme-options, threaded-comments, blog, food-and-drink, e-commerce

Cosmetic Shop WordPress Theme, Copyright 2022 Luzuk
Cosmetic Shop is distributed under the terms of the GNU GPL
*/

html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
    overflow-x: hidden;
}
body {
	margin: 0; 
	font-family: 'Raleway', sans-serif;
	overflow-x: hidden;	
	background: #fff;
	color: #acabab;
	font-weight: 500;
}
h1, h2, h3, h4, h5, h6 {
	color: #010101;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
}
article,
aside,
footer,
header,
nav,
section {
	display: block;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

p {
	color: #acabab;
	font-size: 15px;
  line-height: 1.8;
}

pre {
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
	text-decoration: none;
}

a:active,
a:hover {
	outline-width: 0;
	text-decoration: none;
}
a:focus, input:focus, textarea:focus, button:focus, .header-box a:focus{
	outline: -webkit-focus-ring-color auto 1px;
	text-decoration: none;
}
.site-footer a:focus, .site-footer input:focus, .closepop a:focus,
.nav-menu ul ul a:focus, .site-footer button:focus{
	outline-color: #fff;
}
.site-footer h1,.site-footer h2, .site-footer h3,.site-footer h4,.site-footer h5,.site-footer h6 {
	color: #fff;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}
/*General Css*/
.clearfix{clear: both;}
.pd-0{padding: 0;}
.mrg-0{margin: 0 !important;}
.pd-1 {  padding: 0 1px;}

/*end*/
button,
input,
optgroup,
select,
textarea {
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}
.mr-0{margin: 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,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------- Forms ---------*/

label {
	color: #3f3f3f;
	font-weight: 600;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

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;
	background: #fff;
	background-: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

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: #222;
	border-color: #3f3f3f;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background: #FF85D8;
	border: 0;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	border-radius: 8px;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}


input#s {
	border-radius: 50px;
	padding: 7px;
}
input#searchsubmit {
	position: absolute;
    top: 1px;
    right: 0;
    padding: 11px 19px;
    border-radius: 50px;
}
i.fa.fa-search {
    position: absolute;
    top: 14px;
	color: #fff;
    right: 12px;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #3f3f3f;
}
:-moz-placeholder {
	color: #3f3f3f;
}
::-moz-placeholder {
	color: #3f3f3f;
	opacity: 1;
}
:-ms-input-placeholder {
	color: #3f3f3f;
}


/*contact form*/
.wpcf7 input[type="submit"] {
    background: #301007;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    padding: 10px 10px;
    border-radius: 0px;
    text-align: center;
    width: 100%;
}
.wpcf7 textarea {
    height: 100px;
}
/*------ Formatting ---------*/

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

/*-------- Lists ----------*/

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

ul {
	list-style: disc;
	padding-left: 15px;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*---------- Tables ---------*/

table {
	border-collapse: collapse;
	width: 100%;
}

thead th {
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}
tbody, td, th {
    border: 1px dashed;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*---------- Links -----------*/
a {
	color: #301007;
	text-decoration: none ;
}
.article_content a, .lz-content a, .entry-content a, 
.comment-body a, .textwidget a, .content-area a {
    text-decoration: underline;
}
a:hover,
a:active {
	outline: 0;
	color: #000;
	text-decoration: none;
}
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}
.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}
/**/
/*------------ Featured Image Hover ----------------*/
.post-thumbnail {
	margin-bottom: 1em;
}
.post-thumbnail img {
    width: auto;
}
.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

#inner-pages-header {
	position: relative;
	background: #7a7879;
 	background-repeat: no-repeat;
  	background-size: cover;
  	padding-top: 124px;
}
#inner-pages-header .sliderimg img {
	width: 100%;
}
#inner-pages-header h1 {
	color: #301007;
	font-weight: 600;
	font-size: 40px;
	margin: 0;
	letter-spacing: 2px;
	text-transform: capitalize;
	position: relative;
	display: inline-block;
	padding-top: 15px;
}
#inner-pages-header h1:before {
	left: 50% !important;
	top: -6px !important;
	transform: translateX(-50%) rotate(45deg) !important;
}
#inner-pages-header h1:after {
	width: 100% !important;
	min-width: 100px;
	left: 50% !important;
	transform: translateX(-50%);
}
#inner-pages-header .theme-breadcrumb {
	font-size: 20px;
	color: #301007;
}
#inner-pages-header .theme-breadcrumb a, #inner-pages-header .theme-breadcrumb span {
	color: #301007;
	font-size: 18px;
	display: inline-block;
	position: relative;
}
#inner-pages-header .header-content {
	position: absolute;
	left: 10%;
	right: 25%;
}
#inner-pages-header .theme-breadcrumb a:after {
	content: '-';
	display: inline-block;
	color: #301007;
	margin: 3px 10px ;
	font-size: 20px;
}
#inner-pages-header .contact-btn {
	bottom: 7%;
}

/*-------------- Header ----------------*/
#header {
	position: relative;
    width: 100%;
    z-index: 999;
    background: transparent;
    border: 0;
    padding: 0em 0;
}
#header .search-box{
	margin-top: 15px;
    position: relative;
    overflow: hidden;
    padding-bottom: 6px;
}
#header .search-box button{ 
	float: right;
    position: absolute;
    right: 0px;
	background-color: #FF85D8;
    text-indent: -999px;
    padding: 5px 18px 8px;
    top: 0px;
    border-radius: 50%;
    box-shadow: none;
}

#header .search-box button::before { 
	content: "\f07a";	
}
.icon-magnifier:before {
    content: "\e090" !important;
}

#header .search-box .woocommerce-product-search .search-field {
    font-size: 14px;
    font-weight: 600;
    margin: 0 !important;
    background: #f4f0ef;
    color: #6e6f6f;
    border-radius: 50px;
    padding: 8px 15px;
    border: 0px;
}
#header .search-box .woocommerce-product-search:after {
    content: "\f002";
    position: absolute;
    top: 6px;
    font-size: 20px;
    right: 4px;
    color: #f5f2f2fa;
    height: 25px;
    font-family: fontawesome;
    width: 25px;
    cursor: pointer;
}
#header .search-box .woocommerce-product-search::before {
	content: "\f002";
}
#header .hbtn.Nmob{margin-top: 25px;}
#header .hbtn.Nmob span.cart-value{
	 color: #000;
    background: #FF85D8;
}
.search #header, .error404 #header {
	position: static;
	border-bottom: 1px solid #301007;
}
.search h1.site-title a, .search p.site-title a, .search .logo p, .error404 h1.site-title a, .error404 p.site-title a, .error404 .logo p {
	color: #301007;
}
span.cart_icon {
  display: inline-block;
}
.cart_icon i {
	color: #301007;
	font-size: 25px;
}
span.cart-value {
	position: absolute;
	top: -5px;
	color: #301007;
	font-weight: bold;
	background: #f8a738;
	font-size: 12px;
	border-radius: 50%;
	width: 20px;
	right: -12px;
	padding: 4px 3px;
	line-height: 1;
	text-align: center;
}
li.cart_box {
	list-style: none;
}
.logo {
	padding:0 0px;
}
p.site-description{
	font-size: 14px;
  margin: 0;
  color: #000;
}
h1.site-title, p.site-title {
	margin: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;	
  text-transform: capitalize;
  font-family: 'Roboto',sans-serif;
}
h1.site-title a, p.site-title a{
	color: #000;
}

/* --------- MENUS CSS --------- */
#header .main-bx{padding: 15px 15px;}
#header .accnt {margin-top: 18px; position: relative;text-align: right;}
#header .accnt a {
    font-size: 15px;
    background: #FF85D8;
    padding: 10px 16px;
    border-radius: 50px;
    color: #fff;
}
#header .accnt a:hover{background: #000;}
#header .menu-bar {
    float: right;
}
#sidelong-menu {
	display: inline;
	text-align: right;
}
.nav-menu ul{
  margin: 0;
  padding: 0;
}
.nav-menu ul li{
	display: inline-block;
	position: relative;
}
.nav-menu ul li a{
	color: #000;
	font-size: 18px;
	display: block;
	padding: 0 10px;
	position: relative;
	font-weight: 500;
}
.nav-menu ul ul{
	display: none;
	position: absolute;
	min-width: 215px;
	top: 45px;
	z-index: 9999;
	border: 1px solid #301007;
	margin: 0;
}
.nav-menu ul ul ul{
	left: 216px;
	top: 0;
}
.nav-menu ul ul a{
	color: #000 ;
	padding: 10px;
	line-height: 1.5;
	font-size: 14px;
	background: #fff;
	transition: all 0.5s ease 0s;
}
.nav-menu ul ul a:hover{
	background: #fff;
	color: #301007;
}
.nav-menu ul ul li{
	float: none;
	display: block;
	text-align: left;
	border-left: none;
	border-right: none !important;
	padding: 0;
	border: 0;
	margin: 0;
}
.nav-menu ul li:hover > ul{
	display: block;
}

/*--------------- SUPERFISH MENU ---------------------------*/
.sf-arrows .sf-with-ul {
	padding: 12px 22px 12px 14px;
}
.sf-arrows .sf-with-ul:after {
  content: '\f107';
  font-family: 'Font Awesome 5 Free';
	font-weight: 900;
  position: absolute;
  right: 5px;
  top: 17px;
  font-size: 14px;
}
.sf-arrows ul .sf-with-ul {
	padding: 10px;
}
.sf-arrows ul .sf-with-ul:hover:after{
  transform: rotate(270deg);
}
.sf-arrows ul .sf-with-ul:after{
	top: 10px;
	right: 15px;
}
.toggle-menu, a.closebtn{
	display: none;
}

/* content-page*/
.single-post .article_content {
	margin-bottom: 10px;
  padding: 0;
  border: 0;
}
.single-post .article_content p{
	text-align: left;
}
.single-post-tags{
	text-align: left;
	font-weight: 500;
	color: #000;
	font-size: 16px;
}
.single-post-tags a {
	font-style: italic;
  text-decoration: none;
  margin-left: 5px;
  display: inline-block;
  font-weight: normal;
}
.article_content img {
  margin: 0 0 15px;
  width: 100%;
  border-radius: 5px 5px 30px 30px;
}
.grid-layout .article_content {
	border: 1px solid #eee;
}
.grid-layout .post-date{
	width: 60%;
}
.article_content h3{
	padding: 0 0 10px;
  font-size: 28px;
  color: #301007;
  margin: 0;
  font-weight: 600;
  letter-spacing: 1px;
}
article.inner-featureproduct {
  padding: 10px;
  box-shadow: 0 0 10px 0px #f1f1f1;
  margin-bottom: 30px;
}
.metabox {
  margin-bottom: 10px;
}
.metabox span {
	display: inline-block;
  font-size: 15px;
  color: #301007;
  font-weight: 500;
  width: 46%;
}
.metabox span{
	margin-right: 10px;
}
.metabox span i{
	color: #000;
	margin-right: 5px;
}
.article_content .read-btn {
	text-align: right;
}
.article_content .read-btn a{
	text-decoration: none;
}
.content-area {
  margin-top: 4em;
  margin-bottom: 2em;
}

.content-area {
    margin-top: 10em;
    margin-bottom: 2em;
}

/* --------- SLIDER --------- */

#slider .carousel-control-prev-icon, #slider .carousel-control-next-icon{
	background-: none;
  width: auto;
  height: auto;
}
#slider .sliderimg img,
#slider .slider-imgone img,
#slider .slider-imgtwo img,
#slider .slider-imgthree img{width: 100%;}
#slider .sld-middle{padding: 0 8px;}
.slider-imgtwo.sld-img {  margin-bottom: 8px;}

#slider:hover .carousel-control-prev,
#slider:hover .carousel-control-next{opacity: 1;}
#slider .carousel-control-prev, #slider .carousel-control-next{
	width: auto;
	opacity: 0;
	top: 0;
	/*  bottom: 10%;*/
	/*  left: 5%;*/
	transform: translateX(-50%);
	right: auto;
}
#slider .carousel-control-prev{left: 5%;}
#slider .carousel-control-next{right: 0%;}

#slider .carousel-control-next{
  margin-left: 60px;
}
#slider .carousel-control-prev-icon i, #slider .carousel-control-next-icon i{
		font-size: 30px;
    color: #fff;
    padding: 8px 20px;
    background: #39424b;
    border-radius: 0;
}
#slider .carousel-control-prev-icon i:hover, #slider .carousel-control-next-icon i:hover{
	color: #39424b;
	background: #fff;
}

#slider .inner-carousel{
	position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    padding: 2em 3em;
    width: 700px;
    text-align: center;
    margin: 0 auto;
}
#slider .contenbx{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #fff;
	opacity: 0.8;
}
#slider h2 {
	position: relative;
	font-size: 60px;
	font-family: 'Roboto',sans-serif;
	font-weight: 700;
	word-break: break-word;
	line-height: 60px;
	color: #000;
	display: inline-block;
  }
#slider .sld-brd{
	content: "";
    position: relative;
    border-top: 1px solid #000;
    top: 12px;
    width: 100%;
    left: 0px;
}
#slider p{
	font-family: 'Roboto',sans-serif;
	position: relative;
	font-size: 18px;
	color: #000;
	line-height: 25px;
	padding: 1em 0;
}
 #slider a.read-btn{
    position: relative;
    overflow: hidden;
    display: inline-block;
    text-decoration: none;
    font-weight: 800;
    font-size: 16px;
    padding: 6px 14px;
    color: #fff;
    border-radius: 50px;
    cursor: pointer;
    text-align: center;
    z-index: 9;
    word-break: break-all;
    background-color: #EB03A1;
    border: none;
    z-index: 1;
    transition: all 0.2s ease 0.2s;
}
 #slider a.read-btn:hover{
 	background: #000;
 	color: #fff;
 	transition: all 0.2s ease 0.2s;
 }

#header .mob-y{display: none;}
.contact-btn {  
	position: relative;     
	margin-top: 2px;
}

.mob-n {
    display: flex;
    align-items: center;
}

.contact-btn a {
		font-size: 18px;
    background: #fff;
    color: #000;
    padding: 5px 12px;
    margin-left:10px;
}


/*===========productcategory-section=======*/

#productcategory-section .productcategory-head h3{
	position: relative;
    word-break: break-word;
    font-weight: 400;
    font-size: 34px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-family: 'Roboto',sans-serif;
}
#productcategory-section .productcategory-head p {
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
	color: #000;
    font-family: 'Roboto',sans-serif;
}
#productcategory-section .pro-cat-img img{
	height: 210px;
}
#productcategory-section .pro-cat-content{text-align: center;}
#productcategory-section .pro-cat-content h5{
    letter-spacing: 1px;
    display: inline-block;
    padding: 2px 10px 0 10px;
    border-radius: 4px;
    margin-top: 0.5em;
    margin-bottom: 0;
    font-family: 'Roboto',sans-serif;
}
#productcategory-section .pro-cat-content h5 a{
	font-family: 'Roboto',sans-serif;
	font-size: 18px;
    font-weight: 400;
}
/*-------- featureproducts Section --------*/
#featureproduct-section {
	position: relative;
	overflow: hidden;
	padding: 5em 0;
}
#featureproduct-section strong {
	display: block;
	color: #f8a738;
	font-size: 25px;
  font-family: 'Rancho', cursive;
  font-weight: 500;
  position: relative;
  padding: 10px 0 0;
}
#featureproduct-section strong:after,#featureproduct-section strong:before {
	left: 50%;
	transform: translateX(-50%);
}
#featureproduct-section strong:before {
	transform: rotate(45deg) translateX(-50%);
	top: -5px;
}

#featureproduct-section .featureproduct-head h3{
	position: relative;
    word-break: break-word;
    font-weight: 400;
    font-size: 34px;
    margin-bottom: 15px;
    letter-spacing: 1px;
    font-family: 'Roboto',sans-serif;
}
#featureproduct-section .featureproduct-head p {
    font-size: 18px;
    font-weight: 400;
	color: #000;
    font-style: italic;
    font-family: 'Roboto',sans-serif;
}
.category .item.cat-product.hvr-float-shadow {
    margin-left: 15px;
    margin-right: 15px;
}
#featureproduct-section .pcontent{text-align: center;padding: 1em;}
#featureproduct-section .pcontent h3{
	font-size: 21px;
    margin: 0px 0 10px 0;
    font-weight: 400;
    position: relative;
    z-index: 1;
	line-height: 25px;
	font-family: 'Roboto',sans-serif;
}
#featureproduct-section .price del{display: none;}
#featureproduct-section .price ins{
	color: #8B035F;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    font-family: 'Roboto',sans-serif;
    text-decoration: none;
}
#featureproduct-section .add-to-cart a.more-button {
    border: 1px solid #000;
    padding: 8px 20px;
    top: 1em;
    position: relative;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 400;
    color: #726f6f;
}
/*#featureproduct-section .featureproduct-box img {
	width: 100%;
	height: 500px;
}

.featureproduct-box .featureproduct-content {
  padding: 15px 15px 15px 0;
}*/
/*.featureproduct-box .featureproduct-content h4 {
	font-size: 30px;
	font-weight: 500;
	margin: 0;
}*/
/*.featureproduct-box p {
    padding: 0;
    font-size: 18px;
    margin: 20px 0 25px 0;
    line-height: 25px;
}
.featureproduct-box .featureproduct-btn a{
	display: inline-block;
    position: relative;
    overflow: hidden;
    padding: 6px 12px;
    text-align: center;
    background: #000;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    z-index: 1;
}
.featureproduct-box .featureproduct-btn a:hover{
	background: #f1f1f1;
	color: #000;
}
*/

/*---- Back to Top css ----*/
.back-to-top, .back-to-top::after, .back-to-top-text {
	transition: all 0.25s ease-in-out;
}
.back-to-top, .back-to-top::after {
	position: fixed;
	height: 45px;
	width: 45px;
	color: #fff;
	padding: 3px 5px;
	font-size: 12px;
	font-weight: bold;
	background: #bc64ec;
}
.back-to-top {
	right: 30px;
	bottom: -12%;
	z-index: 999;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	transform: rotate(-45deg);
	background: #000;
	border-radius: 0;
}
.back-to-top::after {
	display: inline-block;
	content: "";
	right:  -1px;
	bottom: 0;
	border-width: 1px;
	background: transparent;
}
.back-to-top-text {
	display: block;
	position: relative;
	transform: rotate(45deg) translate(2%,0%);
}
.back-to-top:focus {
	outline: none;
}
.back-to-top:hover::after {
	transform: translate(25%,-25%);
	background: #39424b;
	z-index: 9;
}
.back-to-top:hover .back-to-top-text {
	color: #fff;
	z-index: 99;
	transform: rotate(45deg) translate(2px,-15px);
}
.show-back-to-top {
	bottom: 4%;
}

/* Woocommerce */
.entry-content .woocommerce .col-1, .entry-content .woocommerce .col-2{
	max-width: 100%;
}
.woocommerce ul.products {
	margin: 0;
}
.woocommerce .products li{
	margin-bottom: 40px !important;
}
.woocommerce #sidebar {
  margin-top: 2em;
}
.woocommerce-product-gallery__image{
  padding: 2px;
}
a.showcoupon,
.woocommerce-message::before{
	color: #301007;
}
.woocommerce-message {
  border-top-color: #301007;
}
.woocommerce span.onsale{
	background: #FF85D8;
	color: #fff;
	padding: 0;
	border-radius: 0;
}
.woocommerce ul.products li.product .onsale, .woocommerce ul.products li.product .button, .woocommerce ul.products li.product img{
	margin: 0 !important;
}
h2.woocommerce-loop-product__title, .woocommerce div.product .product_title {
  color: #301007;
  font-weight: 600;
  font-size: 30px !important;
  padding-top: 0;
  letter-spacing: 2px;
}
.woocommerce ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
  color: #301007;
  font-size: 25px;
}
.woocommerce nav.woocommerce-pagination ul {
	margin: 0;
	border: 0;
	background: transparent !important;
}
.woocommerce nav.woocommerce-pagination ul li {
	border: 0;
	margin: 0 5px;
	font-size: 15px;
	font-size: 18px;
}
.woocommerce nav.woocommerce-pagination ul li a {
	color: #fff;
	background: #301007;
}
.woocommerce nav.woocommerce-pagination ul li span.page-numbers.current, .woocommerce nav.woocommerce-pagination ul li a:hover {
	border: 0;
	background: #f8a738;
	color: #301007;
}
.woocommerce ul.products li.product .price {
	display: inline-block;
	width: 65%;
}
.woocommerce .woocommerce-product-rating .star-rating {
	color: #301007;
}
.woocommerce div.product .product_title,.woocommerce div.product p.price, .woocommerce div.product span.price{
	margin-bottom: 5px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button,.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce a.added_to_cart.wc-forward{
	background: #FF85D8;
	border-radius: 8px;
	color: #fff;
	font-weight: 500;
	font-family: 'Rancho', cursive;
	font-size: 20px;
  padding: 10px 20px;
	transition: 0.5s all ease-in-out;
	box-shadow: 6px 6px 0 0px #FF85D8;
}
.woocommerce a.added_to_cart.wc-forward {
	padding: 6px 12px;
	display: inline-block;
	margin-top: 10px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover,.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover, .woocommerce a.added_to_cart.wc-forward:hover {
	background: #301007;
	color: #fff;
	box-shadow: none;
}
.woocommerce .quantity .qty {
  width: 5em;
  padding: 10px 5px;
  border-radius: 8px;
  border: solid 1px #353535;
  color: #353535;
}
span.woocommerce-input-wrapper {
	width: 100%;
}
nav.woocommerce-MyAccount-navigation ul {
  list-style: none;
  padding: 0;
}
nav.woocommerce-MyAccount-navigation ul li {
  background: #f8a738;
  padding: 12px;
  margin-bottom: 10px;
  font-weight: 600;
  border-radius: 8px;
}
nav.woocommerce-MyAccount-navigation ul li a{
	color: #301007;
	text-decoration: none;
}
.posted_in, .woocommerce form .password-input, .woocommerce form .form-row, .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
	display: block;
}
header.woocommerce-products-header {
  margin-top: 20px;
}
.woocommerce .products .star-rating{
	margin: 0 0 10px;
	font-size: 15px !important;
	color: #f8a738;
}
.select2-container--default .select2-selection--single {
	height: auto !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 8px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 5px !important;
	top: 50% !important;
	transform: translateY(-50%);
}

/*------- Header ---------*/
.site-title {
	clear: none;
	font-size: 24px;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}
.site-title,
.site-title a {
	color: #222;
	opacity: 1; 
}
.custom-logo-link {
	display: inline-block;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	vertical-align: middle;
}

.has-header-image.cosmetic-shop-front-page .custom-header,
.has-header-video.cosmetic-shop-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}
.wp-custom-header .wp-custom-header-video-button { 
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { 
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}
.admin-bar .wp-custom-header-video-button {
	top: 62px;
}
.has-header-image.cosmetic-shop-front-page .site-branding,
.has-header-video.cosmetic-shop-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}

/*------- Front Page ------------*/
.cosmetic-shop-front-page .site-content {
	padding: 0;
}
.cosmetic-shop-panel {
	overflow: hidden;
	position: relative;
}
.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}
.panel-image:before {	
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#1f222100000", endColorstr="#4d000000", GradientType=0);
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}
.cosmetic-shop-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}
.panel-content {
	position: relative;
}
.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */
.cosmetic-shop-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

/* Front Page - Recent Posts */
.cosmetic-shop-front-page .panel-content .recent-posts article {
	border: 0;
	color: #3f3f3f;
	margin-bottom: 3em;
}
.recent-posts .entry-header {
	margin-bottom: 1.2em;
}
.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}
.cosmetic-shop-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}

/*-------- Regular Content -----------*/
.site-content-contain {
	position: relative;
}
.site-content {
	padding: 2.5em 0 0;
}

/*-------- Posts ----------------*/
.sticky {
	position: relative;
	background: #eee;
}
.post:not(.sticky) .icon-thumb-tack {
	display: none;
}
.page .panel-content .entry-title,
.page-title,
body.page:not(.cosmetic-shop-front-page) .entry-title {
	color: #301007;
	font-size: 25px;
  font-weight: 700;
  letter-spacing: 1px;
}
.page-title strong {
	display: block;
	font-size: 60px;
}
.home-btn a{
	font-weight: 500;
	font-size: 16px;
	display: inline-block;
	margin-bottom: 20px;
}
.home-btn a i{
	margin-right: 8px;
}
.entry-header .entry-title {
	margin-bottom: 0.25em;
}
.entry-title a {
	color: #000;
	text-decoration: none;
	margin-left: -2px;
}
h3.entry-title a {
    font-weight: 500;
}
.entry-title:not(:first-child) {
	padding-top: 0;
}
.entry-meta {
	color: #767676;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}
.entry-meta a {
	color: #767676;
}
.byline,
.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.pagination,
.comments-pagination {
	font-size: 14px;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}
.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}
.comments-pagination {
	border: 0;
}
.page-numbers {
	display: none;
	padding: 10px;
}
.page-numbers.current{
	display: inline-block;
	background: #000;
}
.prev.page-numbers,
.next.page-numbers {
	background-color: #000;
	display: inline-block;
	color: #fff;
    font-weight: normal;
}
.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
    background: #1d1d1d;
    color: #fff;
    cursor: pointer;
}
.prev.page-numbers {
	float: left;
}
.next.page-numbers {
	float: right;
}
a.more-link {
    color: #fff;
    background: #000;
    padding: 6px 10px;
    float: left;
}
.more-link:before {
    margin-top: 0 !important;
}

/* Aligned blockquotes */
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */
.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}
body:not(.cosmetic-shop-front-page) .entry-header {
	padding: 1em 0;
}
body:not(.cosmetic-shop-front-page) .entry-header,
body:not(.cosmetic-shop-front-page) .entry-content,
body:not(.cosmetic-shop-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}
body:not(.cosmetic-shop-front-page) .entry-header {
	padding-top: 0;
}
.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}
.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}
.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */
.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.cosmetic-shop-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}
.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}
.single-featured-image-header img {
	display: block;
	margin: auto;
}
.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}
.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}
.page-links a {
	display: inline-block;
}
.page-links a .page-number {
	color: #222;
}

/* Entry footer */
.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}
.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}
.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #3f3f3f;
}
.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}
.entry-footer .edit-link {
	display: inline-block;
}
.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}
.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */
.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}
.format-quote blockquote {
	color: #3f3f3f;
	font-size: 20px;
	font-weight: 300;
	overflow: visible;
	position: relative;
}
.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */
.post-navigation{
	padding: 15px 0;
	margin-top: 20px;
    border-top: 1px solid rgba(170,170,170,.25);
    border-bottom: 1px solid rgba(170,170,170,.25);
}
.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 16px;
	font-weight: 500
}
.nav-title {
	color: #3f3f3f;
	font-size: 15px;
	font-size: 0.9375rem;
}
.post-navigation .nav-next {
	margin-top: 1.5em;
}
.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}
.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*----------- Pages ---------*/
header.page-header h2 {
    font-size: 22px;
}
.page-header {
	padding-top: 2em;
}
.page .entry-header .edit-link {
	font-size: 14px;
}
.search .page .entry-header .edit-link {
	font-size: 11px;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}
.page:not(.home) #content {
	padding-bottom: 1.5em;
}
.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*----------- Footer --------------*/
#colophon {
	position: relative;
	overflow: hidden;
	padding: 2em 0;
	background: #EFEEEE;
	background-size: cover;
	color: #fff;
	font-size: 15px;
	position: relative;
	background-attachment: fixed;
}
/*.footer-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #301007;
	opacity: 0.8;
	z-index: 1;
}*/
aside.widget-area, .copyright {
	position: relative;
	z-index: 99;
}
.copyright {
	border-top: 1px solid #000;
}
.site-footer .wrap {
	padding-bottom: 1.5em;
	padding-top: 2em;
}
.site-footer a, .site-footer p, #colophon caption, .site-footer .widget_rss .rss-date, .site-footer .widget_rss li cite{
	color: #000;
}
.site-footer select {
	color: #000;
}
.site-footer .widget {
	margin: 20px 0;
}
.site-footer h2.widget-title{
	color: #000;
	font-size: 24px;
	margin-bottom: 15px;
	font-weight: 500;
}
.site-footer button.search-submit{
	width: 100%;
	border-radius: 0;
	background: #f8a738;
}
/*.site-footer li:before {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  color: #fff;
  margin-right: 10px;
}*/

/* Site info */
.site-info p,
.site-info a{
    margin: 0;
    font-size: 16px;
    color: #000;
    text-align: center;
    font-weight: 400;
}
.site-info {
    padding: 15px 0;
}

/*------- Comments ------------*/
#comments {
	clear: both;
	padding: 0 0 0.5em;
}
.comments-title {
	font-size: 20px;
	margin-bottom: 1.5em;
}
.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}
.comment-list li:before {
	display: none;
}
.comment-body .reply{
	text-align: right;
	margin-bottom: 10px;
}
.comment-author {
	font-size: 16px;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}
.comment-author .avatar {
	height: 50px;
	width: 50px;
}
.comment-author .says {
	display: none;
}
.comment-meta {
	margin: 10px 0;
}
.comment-meta a {
	text-decoration: none;
}
.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}
.comment-body {
	color: #3f3f3f;
	font-size: 14px;
	margin-bottom: 1em;
	border-bottom: 1px solid rgba(170,170,170,.25);
}
.comment-body .comment-reply-link {
	font-weight: 500;
	color: #fff;
	background: #301007;
	padding: 6px 10px;
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
	border-radius: 30px;
	transition: all 0.4s;
}
.comment-body .comment-reply-link:hover, .form-submit input[type="submit"]:hover {
	background: #f8a738;
	color: #000;
}
.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}
.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}
.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #3f3f3f;
	padding: 2px;
}
.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
}
.comments-pagination {
	margin: 2em 0 3em;
}
.form-submit {
	text-align: right;
}

/*-------- Widgets ----------*/
.page-template-page-with-right-sidebar #sidebar,
.page-template-page-with-left-sidebar #sidebar {
    margin: 4% 0 0;
}
#sidebar .widget_calendar th, #sidebar .widget_calendar td {
	color: #5d6164;
}
#sidebar .widget li{
	color: #000;
/*  border-bottom: 1px dotted #5d6164;*/
  font-size:18px;
}
#sidebar .widget li:before {
	content: '\f0f8';
	font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 14px;
  color: #000;
  font-size: 20px;
}
#sidebar .widget_nav_menu li:before{
	content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin:-5px 0 0 10px;
    color: #fff;
    font-size: 25px;
    float: right;
    position: relative;
    background: #000;
    padding: 1px 14px;
}
#sidebar .widget_nav_menu li {
    color: #000;
    border: 1px solid #000 !important;
    font-size: 18px;
    padding: 14px 10px;
    margin-bottom: 8px;
}
#sidebar .widget li:last-child {
  border: none;
}
#sidebar .widget {
		overflow: hidden;
  	margin-bottom: 30px;
    border-radius: 0px;
    background: #fff;
    box-shadow:0 4px 8px 8px rgb(63 78 100 / 15%);
    padding: 0px;
}
#sidebar h2.widget-title {
  	margin-bottom: 1em;
    font-size: 25px;
    color: #fff;
    background: #000;
    padding: 10px 5px 10px 25px;
    border-radius: 0px;
    font-weight: 600;
}
#sidebar h2 a.rsswidget {
  color: #f8a738;
}
#sidebar ul, #sidebar .textwidget, #sidebar .gallery, #sidebar div#calendar_wrap, #sidebar .tagcloud {
	padding: 5px 20px;
}
#sidebar ul ul {
	padding: 0;
}
#sidebar select, #sidebar span.select2 {
	margin: 15px;
	width: -webkit-fill-available !important;
}
#sidebar .tagcloud a {
  border: none;
  color: #000;
  text-decoration: none;
  float: none;
  display: inline-block;
}
#sidebar .tagcloud a:hover{
	background-color: #301007; 
	color: #fff;
	border-color: #301007;
}
#sidebar button.search-submit{
	background: #301007;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-top: 12px;
  width: 100%;
  padding: 8px;
  border-radius: 0;

float: right !important;
position: absolute!important;
text-indent: -999px !important;
background: none;
padding: 9px 24px 9px 25px !important;
margin-top: 1%;
right: 11%;
border-top-right-radius: 5px!important;
border-bottom-right-radius: 5px!important;
width: 0% !important;
z-index: 999 !important;
box-shadow: none;
}
#sidebar button.search-submit:after {
    position: absolute;
    margin-top: -10%;
    font-size: 18px;
    right: 11%;
    /* color: #010101; */
    background-repeat: no-repeat;
    height: 38px;
    width: 38px;
    content: "\f002";
    font-family: 'Fontawesome';
    clear: both;
    z-index: 4;
    background: #000;
    color: #fff;
}
#sidebar .search-form .search-submit {
	bottom: 3px;
}
#sidebar input.search-field {
  border: 1px solid #000;
  padding: 10px;
  font-size: 15px;
  width: 90%;
  margin: 0 1em;
  border-radius: 0px;
}
#sidebar ul li a,
#sidebar .widget_rss .rssSummary,
#sidebar p{
	color: #000;
}

/* widget forms */
.widget select {
	width: 100%;
	margin-top: 10px;
}

/* widget lists */
.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.widget ul li,
.widget ol li {
	padding: 0.5em 0;
}
.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}
.widget ul li li {
	border: 0;
}

/* Widget lists of links */
.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}
.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}
.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* widget markup */
.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
	color: #000;
}

/* Text widget */
.widget_text {
	word-wrap: break-word;
}
.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}
.widget_text ol {
	list-style: decimal;
}
.widget_text ul li,
.widget_text ol li {
	border: none;
}
.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}
.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}
.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}
.widget_text ol li {
	list-style-position: inside;
}
.widget_text ol li + li {
	margin-top: -1px;
}

/* RSS Widget */
.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}
.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}
.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}
.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}
.widget_rss li .rsswidget {
	font-size:20px;
	font-weight: 300;
	line-height: 1.4;
}
.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 1.5;
	text-transform: uppercase;
}
.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}
.widget_rss .rssSummary {
	font-size: 13px;
	margin-bottom: 0.5em;
}

/* Contact Info Widget */
.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */
.widget-grofile h4 {
	font-size: 16px;
	margin-bottom: 0;
}

/* Recent Comments */
.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	display: block;
}

/* Search */
.search-form {
	position: relative;
}
.search-no-results .search-form label, .error404 .search-form label{
	display: inline-block;
}
.search-form label{
	display: block;
}
.search-form .search-submit {
	bottom: 0px;
    padding: 10px;
    position: relative;
    right: 0px;
    color: #fff;
    font-size: 16px;
}
.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}
button.search-submit{
	background-color: #301007;
	font-weight: normal;
  letter-spacing: 1px;
}

/* Tag cloud widget */
.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}
.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #efefef;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: inline-block;
	float: left;
	font-size: 14px !important; 
	margin: 2px 1px !important;
	padding: 4px 4px  !important;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}
.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #f8a738;
	background: #f8a738;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	color: #000;
}

/* Calendar widget */
.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

/*----------- Media ----------*/
img,
video {
	height: auto; 
	max-width: 100%;
}
img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-style: italic;
	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;
}

/* Media Elements */
.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */
.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */
.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #3f3f3f;
}
.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}
.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}
.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */
.site-content .wp-playlist-dark {
	background: #222;
	border-color: #3f3f3f;
}
.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}
.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}
.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #3f3f3f;
}
.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}
.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}
.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */
.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}
.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}
.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}
.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}
.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}
.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}
.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}
.site-content .wp-playlist-item-length {
	top: 5px;
}

/*---------- Customizer -----------*/
.highlight-front-sections.cosmetic-shop-customizer.cosmetic-shop-front-page .cosmetic-shop-panel:after {
	border: 2px dashed #0085ba; 
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}
.highlight-front-sections.cosmetic-shop-customizer.cosmetic-shop-front-page .cosmetic-shop-panel .panel-content {
	z-index: 2; 
}

/* Used for placeholder text */
.cosmetic-shop-customizer.cosmetic-shop-front-page .cosmetic-shop-panel .cosmetic-shop-panel-title {
	display: block;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.cosmetic-shop-customizer.cosmetic-shop-front-page .cosmetic-shop-panel:nth-of-type(1):after {
	border: none;
}
.cosmetic-shop-front-page.cosmetic-shop-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.cosmetic-shop-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.cosmetic-shop-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

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

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

/*--------- Media --------------*/

@media screen and (max-width: 1500px){
	#slider .inner-carousel { width: 580px; right: -2%;    padding: 2em 1em;
}
}
@media screen and (max-width: 1199px){
	#slider .inner-carousel {  width: 500px;
	}
}
@media screen and (max-width: 1000px){
	#header .main-bx{background: transparent;}
	#header .mob-n{display: none;}
	#header .mob-y{display: block;}
  .nav-menu .nav ul li a:focus,
	a.closebtn.responsive-menu:focus{
		outline: -webkit-focus-ring-color auto 1px;
	}
	.toggle-menu {
		display: none;
		cursor: pointer;
		z-index: 999999;
    padding: 10px 0;
	}
	.toggle-menu i {		
    font-size: 25px;
    color: #fff;
    padding: 8px 10px;
    background: #EB03A1;
	}
	.toggle-menu button {
		background: transparent;
		border: none;
		padding: 0;
		border-radius: 0;
	}
	.sidenav {
		height: 100%;
		visibility: hidden;
		width: 0%;
		position: fixed;
		z-index: 9999999;
		top: 0;
		left: 0;
		background-color: #7a7879;
		overflow-x: hidden;
		padding-top: 60px;
	}
	.sidenav.show{
		visibility: visible;
		width: 100%;
		transition: 0.8s width ease-in-out;
	}
	.sidenav .closebtn {
		position: absolute;
		top: 0;
		right: 0;
		font-size: 30px;
		display: block;
		padding: 10px;
		color: #000;
		border: none;
		background: transparent;
	}
	.sidenav #primary-site-navigation {
		width: 100%;
	}
	#sidelong-menu{
		text-align: left;margin-top: 1em;
	}
	.toggle-menu, .nav-menu ul ul li{
		display: block !important;
	}
	.nav-menu ul li a:before{
		content: none;
	}
	.nav-menu ul li{
		border: 0;
	}
	.nav-menu .nav ul li{
		border-top:1px #acabab solid; 
		display:block;
	}
	.nav-menu ul li a, .sf-arrows .sf-with-ul{
		padding: 10px;
		display:block;
		color: #000;
		border: none;
		font-size: 14px;
		line-height: 1.6;
		background: none;
	}
	.nav-menu ul li:after{
		content: none;
	}
	.sf-arrows .sf-with-ul:after{
		right: 20px;
	}
	.nav ul li ul li a:before{
		content:"\00BB \00a0";
	}
	.nav ul li ul li a{
		padding-left:20px !important;
	}
	.nav ul li ul li ul li a{
		padding-left:30px !important;
	} 
	.nav-menu ul ul{
		opacity: 1 !important;
    position: static;
    width: 100%;
    border: 0;
    display: block !important;
    height: auto !important;
	}
	.nav-menu ul li{
		padding: 0;
		display: block;
		margin-bottom: 0;
	}
	.main-menu-navigation {
		padding: 0px 10px;
	}
	.nav-menu .sub-menu > li > a:focus, .nav ul li a:focus{
		outline: -webkit-focus-ring-color auto 1px;
	}
	.sf-arrows .sf-with-ul:after{
		top: 12px;
	}
}

@media screen and (max-width: 991px){
	#slider .inner-carousel { width: 400px;}
	#slider h2 { font-size: 30px;line-height: 30px;}
	#slider p {font-size: 15px;padding: 0.5em 0;}
	#slider a.read-btn {font-size: 15px;padding: 4px 12px;}
	#header .menu-bar {
    float: right;
    top: -3em;
    position: absolute;
    right: 0;
}
}
@media screen and (max-width: 800px){
	#slider .carousel-control-prev-icon i, 
	#slider .carousel-control-next-icon i{display: none;}
	#slider .inner-carousel { padding: 1em 1em; width: 330px;top: 30%;}
	#slider h2 { font-size: 40px;margin: 0;line-height: 40px;}
	#slider p {font-size: 16px;padding: 0.5em 0;}
}
@media screen and (min-width: 30em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 15px;
	}
	h1 {
		font-size: 30px;
	}
	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
	}
	h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 18px;
	}
	h5 {
		font-size: 13px;
	}
	h6 {
		font-size: 16px;
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}
	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Front Page */
	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}
	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}
	.panel-content .entry-header {
		margin-bottom: 4.5em;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Blog Index, Archive, Search */
	.taxonomy-description {
		font-size: 14px;
	}
}
@media screen and (min-width: 48em) {
	body,
	button,
	input,
	select,
	textarea {
		font-size: 15px;
		line-height: 1.5;
		
	}
	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
	}

	/* Layout */
	.wrap {
		max-width: 1000px;
		padding-left: 3em;
		padding-right: 3em;
	}
	.error404 #primary {
		float: none;
	}

	/* Site Branding */
	.site-branding {
		margin: 0 !important;
		padding: 0;
	}
	.has-header-image.cosmetic-shop-front-page .site-branding,
	.has-header-video.cosmetic-shop-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}
	.has-header-image.cosmetic-shop-front-page .custom-header,
	.has-header-video.cosmetic-shop-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}
	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}
	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}
	.site-title {
		font-size: 36px;
	}

	/* Main Navigation */
	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Scroll down arrow */
	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}
	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}
	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}
	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	/* Front Page */
	.cosmetic-shop-front-page.has-header-image .site-branding,
	.cosmetic-shop-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}
	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}
	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}
	.background-fixed .panel-image {
		background-attachment: fixed;
	}
	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}
	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */
	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}
	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}
	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}
	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
	}
	
	/* Posts */
	.site-content {
		padding: 2em 0 0;
	}
	.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
	}
	.comments-pagination,
	.post-navigation {
		clear: both;
	}
	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}
	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 50%;
	}
	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}
	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}
	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}
	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}
	.entry-footer {
		display: table;
		width: 100%;
	}
	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}
	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}
	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

	/* without sidebar */
	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}
	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}
	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}
	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */
	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.cosmetic-shop-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.cosmetic-shop-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */
	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* Pages */
	.page.page-one-column .entry-header,
	.cosmetic-shop-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}
	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}
	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */
	.nav-links .nav-title {
		position: relative;
	}
	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}
	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}
	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}
}
@media screen and ( min-width: 67em ) {
	.sticky .icon-thumb-tack {
		font-size: 32px;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}
	.page-numbers {
		display: inline-block;
		margin-right: 5px;
	}
	.page-numbers:hover{
		background: #1d1d1d;
		color: #fff !important;
	}
	.page-numbers.current{
		display: inline-block;
  	background: #000;
  	color: #fff;
	}
}
@media screen and ( min-width: 79em ) {
	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}
	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.cosmetic-shop-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}
@media screen and ( max-width: 768px) and (min-width: 720px){
	.widget_calendar th,
	.widget_calendar td, #courses-section .courses-head p{
		padding: 0px;
	}
	.article_content .content {
  	margin-top: 10px;
	}
	.prev.page-numbers,.next.page-numbers{
 		float: none;
 	}
 	#slider h2 {
 		font-size: 35px;
 	}
 	#header {
 		position: static;
 	}
 	h1.site-title a, p.site-title a, p.site-description {
 		color: #301007;
 	}
 	.sliderimg img {
 		height: 400px;
 	}

}
@media screen and (max-width:767px) {
#header .main-bx{    padding: 0;}
#header .search-box .woocommerce-product-search .search-field {padding: 15px 15px;}
#header .search-box button { text-indent: -1999px;padding: 17px 25px;}
#header .search-box .woocommerce-product-search:after {top: 10px;right: 10px;}
#header .hbtn.Nmob { margin: 3px auto; text-align: center;}
#header .accnt {    margin: 6px 0;text-align: center;position: relative;bottom: 5px;}
span.cart-value {
	right: -30px;
    text-align: center;
    left: 0;
    margin: 0 auto;
}
#feature-section .featuresus {
    position: relative;
    top: 0em;
}
}
@media screen and (max-width:720px) {
 /*	#slider h2, #slider p {
 		display: none;
 	}*/
 	.woocommerce ul.products[class*=columns-] li.product{
 		width: 100% !important;
 	}
 	#slider .carousel-caption {
 		left: 12%;
 		right: 12%;
 		text-align: center;
 	}
 	#header {
 		position: static;
 	}
 	h1.site-title a, p.site-title a, p.site-description {
 		color: #301007;
 	}
 	.sliderimg img {
 		height: 300px;
 	}
 	#slider .col-lg-5.col-md-5.align-self-center {
 		position: static;
 	}
 	#slider .carousel-control-prev, #slider .carousel-control-next {
 		left: 45%;
 		transform: translateX(-55%);
 	}
}

@media screen and (max-width:650px){
	#slider .inner-carousel{top: 26%;}
	   
} 
@media screen and (max-width: 320px) {
	.article_content .content{
		margin-top:10px;
	}
	.article-text span {
  	margin-right: 6px;
  	padding-right: 6px;
	}
}
@media only screen and (max-width: 767px) and (min-width: 425px){
	#sidebar .widget_calendar td{
		padding: 1px;
	}
	#sidebar h2.widget-title{
		width: 100% !important;
	}
	#sidebar .search-form .search-submit{
		padding:9px;
	}
	.widget .tagcloud a:hover,
	.widget .tagcloud a:focus,
	.widget.widget_tag_cloud a:hover,
	.widget.widget_tag_cloud a:focus,
	.wp_widget_tag_cloud a:hover,
	.wp_widget_tag_cloud a:focus {
		border-color: #bbb;
		-webkit-box-shadow: none;
		box-shadow: none;
		text-decoration: none;
	}
}
@media screen and (max-width:1299px) {
	#featureproduct-section .featureproduct-box img { height: 400px;
}
	}
@media only screen and (max-width: 1024px) and (min-width: 1000px){
		#featureproduct-section .featureproduct-box img { height: 350px;}
	.widget_calendar td, #sidebar td{padding: 0px;}
	.prev.page-numbers,.next.page-numbers{float: none;}
 	.page-numbers.current{	color: #fff;}
 	.sliderimg img {
 		height: 600px;
 	}
}

@media only screen and (max-width: 1440px) {
	.sliderimg {
		background-size: 100% 100%;
	}
	.sliderimg img {
		-webkit-mask-size: 100% 100%;
		mask-size: 100% 100%;
	}
}
@media screen and (max-width:999px){
	#featureproduct-section .featureproduct-box img { height: 280px;
}
}
@media screen and (max-width:499px){
	#slider .inner-carousel {
    width: 300px;
}
} 

