/*
Theme Name: Ayojokem
Theme URI: http://demo.wphash.com/htevent/
Author: Hastech
Author URI: http://hastech.company/
Description: Multiconcept Event Management WordPress Theme
Version: 2.0.2
License: GNU Gayojkemral Public License v2 or later
License URI: LICENSE
Text Domain: ayojokem
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

ayojkem 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
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
    max-width: 100%;
    -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
	height:auto
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}
:focus {
    outline: none !important;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

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

/**
 * Remove the inner border and padding in Firefox.
 */

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

/**
 * Restore the focus styles unset by the previous rule.
 */

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

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	background-color: #ffffff;
  line-height: 24px;
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
  visibility: visible;
  font-family: "Open Sans", sans-serif;
  color: #000;
}
body.theme-dark,
.theme-dark button,
.theme-dark input,
.theme-dark select,
.theme-dark optgroup,
.theme-dark textarea {
  color: #cccccc;
}



.entry-content h1, 
.story-hbtitle h1,
.copy h1,
.entry-content h2,
.story-hbtitle h2,
.copy h2, 
.entry-content h3,
.story-hbtitle h3,
.copy h3 {
    margin-bottom: 20px;
    margin-top: 30px;
}
.entry-content h4, 
.story-hbtitle h4,
.copy h4,
.entry-content h5,
.story-hbtitle h5, 
.copy h5
.entry-content h6,
.story-hbtitle h6,
.copy h6 {
    margin-bottom: 15px;
    margin-top: 30px;
}


h1, h2, h3, h4, h5, h6{
	font-family: "Montserrat", sans-serif;
	line-height: 1.5;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 30px;
}
h3 {
    font-size: 24px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 14px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color: inherit}
dfn, cite, em, i {
	font-style: italic;
}
address {
	margin: 0 0 1.5em;
}
pre {
	background: #eee;
	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-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. */
}

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

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

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 {
	border: 1px solid#ddd;
	text-align: center;
	width: 100%;
}
table th {
    border-right: 1px solid#ddd;
    border-top: 1px solid#ddd;
    padding: 5px;
}
table td {
    border: 1px solid#ddd;
    padding: 10px 9px;
}
table caption{
	caption-side: top;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ddd;
	line-height: 28px;
    border-radius: 50px;
    padding: 10px 30px;
    color: #444444;
    font-size: 14px;
    background-color: transparent;
}
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: #999999;
}
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: #666666;
	border: 1px solid #dddddd;
	border-radius: 0;
	padding: 10px 20px;
	width: 100%;
}
.header-three-area input[type="text"]:focus ,
.header-four-area input[type="text"]:focus {
    color: #fff;
}
.header-three-area input[type="text"]::placeholder ,
.header-four-area input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}
.header-three-area input[type="text"]:-ms-input-placeholder ,
.header-four-area input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}
.header-three-area input[type="text"]::-ms-input-placeholder ,
.header-four-area input[type="text"]::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}
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;
	padding: 10px;
	width: 100%;
}

textarea {
	width: 100%;
	padding: 5px 20px;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: #202020;
	-webkit-transition: all 0.3s ease-out 0s;
	 transition: all 0.3s ease-out 0s;
}
a:visited {
	color:#202020;
}

a:hover, a:focus, a:active {
	 color: #202020;
    text-decoration: none;
}

a:focus {
	text-decoration: none;
    outline:0px solid;
}
a:hover, a:active {
	outline: 0;
}
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}
.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}
.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}
.main-navigation li {
	float: left;
	position: relative;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
/*@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}*/
.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 {
	margin: 1.5em 0 0;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
	margin-top: 10px;
}
.page-links a {
    width: 30px;
    height: 30px;
    border: 1px solid #d1d1d1;
    line-height: 28px;
    display: inline-block;
    text-align: center;
    margin: 12px 3px 3px 3px;
}
.page-links a:hover {
    border-color: #bda87f;
    color: #bda87f;
}
.blog-details-text .page-links a{
	text-decoration: none;
}
/*--------------------------------------------------------------
## 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;
}

/*comments*/
p.comment-form-author {
    width:  33.333%;
    float: left;
    padding-right: 10px;
    margin-bottom: 30px;
}

p.comment-form-email {
    width:  33.333%;
    float: left;
    padding-left:  10px;    
    margin-bottom: 30px;
}

p.comment-form-url {
    width:  33.33%;
    float:  left;
    padding-left: 20px;
    margin-bottom: 30px;
}
p.comment-form-author input,
p.comment-form-email input,
p.comment-form-url input{
	border-radius: 5px;
}

/*elementor*/
.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
  padding-left: 15px !important;
  padding-right: 15px !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
}

/*contact page*/
.custom-about .elementor-tabs-wrapper .elementor-tab-title {
    flex: 1 0 100%;
    margin-bottom: 12px;
}
.custom-about .elementor-tabs-wrapper .elementor-tab-title{
    color: #242424;
    font-size: 18px;
    padding: 0 !important;
    line-height: 24px;
    font-weight: normal !important;
    transition: all 0.3s ease-out 0s;
}
.custom-about .elementor-tabs-wrapper .elementor-tab-title::before{
    content: "";
    float: left;
    font-family: Fontawesome;
    font-size: 20px;
    line-height: 22px;
    margin-right: 6px;
}
.custom-about .elementor-tabs-wrapper .elementor-tab-title.elementor-active,
.custom-about .elementor-tabs-wrapper .elementor-tab-title:hover {
    color: #ff3d2a;
    font-weight: bold !important;
}
.custom-about .elementor-tabs-content-wrapper .elementor-tab-content.elementor-active{
    padding: 0 !important;
}


/*serch page*/
.page-content form {
    position:  relative;
}

.page-content button {
    position:  absolute;
    top:  0;
    right: 0;
    border-radius:  0;
    height:  100%;
    padding:  0 30px;
    font-size:  20px;
    background-color: #f5d730;
    color: #fff;
    border-color: #f5d730;
}
.page-content button:hover{
	border-color: #202020;
    background-color: #202020;
    color: #f5d730;
}


/*404page*/
.four-zero-content{
    overflow: hidden;
}
.four-zero-content h2 {
    font-size: 60px;
    text-transform: uppercase;
    padding: 20px;
    font-weight: 700;
}
.four-zero-content p{
    font-size: 20px;
    margin-bottom: 20px;
}
.four-zero-content a {
    background-color: #202020;
    color: #fff;
    padding: 15px 20px;
    font-size: 20px;
    text-transform: uppercase;
    display: inline-block;
}
.four-zero-content a:visited{
    color: #fff;
}
.four-zero-content a:hover {
    background-color: #0056ff;
    color: #fff;
}

.single-widget form {
    position:  relative;
}

.single-widget input[type="submit"] {
    position:  absolute;
    width:  inherit;
    right:  0;
    top: 0;
}


/*unit test*/
.sticky .ee-blog,
.tag-sticky-2 .ee-blog {
    border: 1px solid #f5d730;
}
p.no-comments {
    background-color: #f6f7f8;
    padding: 10px;
}

/*end*/


/*for menu style start*/

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

.header-logo {
  position: relative;
  vertical-align: top;
  display: inline-block; 
}

.header-transparent {
    position: absolute;
    z-index: 9999;
    width: 100%;
}

.header-transparent .main-menu nav > ul > li > a {
    color: #FFF;
}

.header-transparent .header-shop-links a {
    border: 1px solid #fff;
    color: #555;
    background-color: #ffffff;
}

.main-menu nav > ul {
    margin: 0;
}
.main-menu nav ul li{
  list-style: none;  
}

.main-menu nav > ul > li {
  display: block;
  float: left;
  margin-right: 25px;
  position: relative; 
}
.main-menu nav ul li a {
	font-family: "Montserrat", sans-serif;
}
.main-menu nav > ul > li > a {
    display: block;
    font-size: 16px;
    font-weight: 400;
    color: #282828;
    line-height: 100px;
}
 .main-menu nav > ul > li.menu-item-has-children > a::after {
    font-family: Fontawesome;
    content: "\f107";
    margin-left: 5px;
    float: right; 
}
.main-menu nav > ul > li:last-child {
    margin-right: 0; 
}
 .main-menu nav .sub-menu li a {
      line-height: 24px;
      padding: 6px 20px;
      display: block;
      font-weight: 400;
      color: #282828;
      text-transform: capitalize; 
}


/*-- Sub Menu --*/
 .main-menu nav .sub-menu li {
    position: relative; 
}
.main-menu nav > ul li .sub-menu{
  position: absolute;
  left: -20px;
  top: 100%;
  background-color: #ffffff;
  -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.3);
  border-top: 3px solid #0056ff;
  z-index: -999;
  width: 250px;
  padding: 15px 0;
  margin-top: 30px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s; 
}
.main-menu nav > ul li:last-child .sub-menu{
	left: auto;
	right: 0;
}
.main-menu nav ul li.current-menu-item > a,
.main-menu nav > ul > li.current-menu-parent > a,
.main-menu nav > ul > li.active > a, .main-menu nav > ul > li:hover > a {
    color: #0056ff; 
}
.header-transparent .main-menu nav ul li.current-menu-item > a,
.header-transparent .main-menu nav > ul > li.current-menu-parent > a,
.header-transparent .main-menu nav > ul > li.active > a, .header-transparent .main-menu nav > ul > li:hover > a {
    color: #ffffff; 
}

.header-transparent .main-menu nav ul li.current-menu-item > .sub-menu a,
.header-transparent .main-menu nav > ul > li.current-menu-parent > .sub-menu a {
    color: #282828; 
}


.main-menu nav > ul > li:hover > .sub-menu, .main-menu nav > ul > li:hover > .mega-menu {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
    z-index: 999; 
}

/*mobile menu*/

.mobile-menu {
	-webkit-box-flex: 1 !important;
	-ms-flex: 1 0 100% !important;
	flex: 1 0 100% !important;
}

.mobile-menu .mean-bar {
	position: relative;
	/*---- Mean Nav ----*/
}

.mobile-menu .mean-bar .meanmenu-reveal {
	position: absolute;
	top: -40px;
}

.mobile-menu .mean-bar .meanmenu-reveal span {
	position: relative;
	/*---- Menu Open ----*/
	/*---- Menu Close ----*/
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar {
	height: 2px;
	width: 26px;
	background-color: #202020;
	display: block;
	margin: 8px 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #202020;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::before {
	top: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-bar::after {
	bottom: -8px;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close {
	height: 2px;
	width: 26px;
	background-color: transparent;
	display: block;
	margin: 8px 0;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before,
.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #202020;
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mobile-menu .mean-bar .meanmenu-reveal span.menu-close::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mobile-menu .mean-bar .mean-nav {
	background-color: #ffffff;
}

.mobile-menu .mean-bar .mean-nav>ul {
	margin-bottom: 30px;
	margin-left: 0;
	border: 1px solid #eeeeee;
	border-top: 0px solid transparent;
	overflow-x: hidden;
}

@media only screen and (max-width: 767px) {
	.mobile-menu .mean-bar .mean-nav>ul {
		max-height: 180px;
		overflow-y: auto;
	}
}

@media only screen and (max-width: 479px) {
	.mobile-menu .mean-bar .mean-nav>ul {
		max-height: 220px;
		overflow-y: auto;
	}
}

.mobile-menu .mean-bar .mean-nav>ul li {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	/*---- Sub Menu & Mega Menu ----*/
}

.mobile-menu .mean-bar .mean-nav>ul li a {
	font-size: 13px;
	display: block;
	color: #444444;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 44px;
	position: relative;
	border-top: 1px solid #eeeeee;
	padding: 0 40px 0 20px;
	/*---- Menu Expand For Sub Menu ----*/
}

.mobile-menu .mean-bar .mean-nav>ul li a::after {
	display: none;
}

.mobile-menu .mean-bar .mean-nav>ul li a:hover {
	color: #202020;
	padding-left: 25px;
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand {
	border: 1px solid #eeeeee;
	position: absolute;
	right: -1px;
	top: 0;
	font-size: 20px !important;
	color: #444444;
	line-height: 44px;
	height: 46px;
	width: 40px;
	text-align: center;
	padding: 0;
}

.mobile-menu .mean-bar .mean-nav>ul li a.mean-expand.mean-clicked {
	line-height: 40px;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul {
	position: static;
	background-color: rgba(0, 0, 0, 0.03);
	margin: 0;
	padding: 0 !important;
	width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	margin: 0;
	display: none;
	float: left;
	width: 100%;
	opacity: 1;
	visibility: visible;
	z-index: 1;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li,
.mobile-menu .mean-bar .mean-nav>ul li ul li {
	padding: 0;
	margin: 0;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	border-right: 0px solid transparent;
	width: 100%;
	display: block !important;
	float: left;
	width: 100%;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li a {
	font-size: 12px;
	display: block !important;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li a::before,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li a::before,
.mobile-menu .mean-bar .mean-nav>ul li ul li a::before {
	display: none;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul {
	background-color: rgba(0, 0, 0, 0.04);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a {
	border-top: 1px solid #dddddd;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul li a.mean-expand {
	border: 1px solid #dddddd;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul {
	background-color: rgba(0, 0, 0, 0.05);
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a {
	border-top: 1px solid #eeeeee;
}

.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .sub-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li .mega-menu li ul ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li .sub-menu ul li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul .sub-menu li a.mean-expand,
.mobile-menu .mean-bar .mean-nav>ul li ul li ul ul li a.mean-expand {
	border: 1px solid #eeeeee;
}

/*for menu style end*/



/*menu style two start*/

/*-- Menu Toggle --*/
.header-section{background: #f8f9fa;}

.header-section.header-two {
    padding: 50px 100px;
}
.menu-toggle {
	border: none;
	background-color: transparent;
	margin: 10px 0;
	padding: 0;
	float: left;
	margin-right: 30px;
	cursor: pointer;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.menu-toggle {
		margin-right: 20px;
	}
}
@media only screen and (max-width: 767px) {
	.menu-toggle {
		margin-right: 20px;
	}
}
.menu-toggle span {
	position: relative;
	height: 1px;
	display: block;
	width: 30px;
	background-color: #282828;
	margin: 10px 0;
}
.menu-toggle span::before,
.menu-toggle span::after {
	width: 100%;
	height: 100%;
	background-color: #282828;
	position: absolute;
	left: 0;
	content: "";
}
.menu-toggle span::before {
	top: -10px;
}
.menu-toggle span::after {
	bottom: -10px;
}
.menu-toggle.light span {
	background-color: #ffffff;
}
.menu-toggle.light span::before,
.menu-toggle.light span::after {
	background-color: #ffffff;
}
.menu-toggle.open span {
	background-color: transparent;
	height: 2px;
}
.menu-toggle.open span::before {
	top: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu-toggle.open span::after {
	bottom: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*-- Home Two Overlay Mneu --*/
.overlay-menu.open {
	opacity: 1;
	visibility: visible;
	z-index: 99;
}
.overlay-opacity-70::before {
    opacity: 0.7;
}
.overlay-blue::before {
    background-color: #0056ff;
}
[class*="overlay-"]::before {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
}
.overlay-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	left: 0;
	opacity: 0;
	visibility: hidden;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: -99;
	-webkit-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	padding: 150px 30px;
}

@media only screen and (max-width: 767px) {
	.overlay-menu {
		padding: 100px 30px;
	}
}
.overlay-menu.open {
	opacity: 1;
	visibility: visible;
	z-index: 99;
}
.overlay-menu nav {
	margin: auto;
	text-align: center;
	position: relative;
	z-index: 9;
	overflow-y: auto;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.overlay-menu nav > ul {
	padding: 0 50px;
	margin: auto;
}
.overlay-menu nav > ul li{
	list-style: none;
}
.overlay-menu nav > ul > li > a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 700;
	display: inline-block;
	line-height: 44px;
}
.overlay-menu nav > ul > li.active > a {
	color: #ffffff;
}
.overlay-menu nav > ul > li .expand-menu {
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
	margin-left: 10px;
	cursor: pointer;
}
.overlay-menu nav > ul > li ul {
	display: none;
	position: static;
	opacity: 1;
	visibility: visible;
	z-index: 99;
	background-color: transparent;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
}
.overlay-menu nav > ul > li ul.sub-menu {
	position: static;
	opacity: 1;
	visibility: visible;
	z-index: 99;
	background-color: transparent;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	margin: 0;
}
.overlay-menu nav > ul > li ul li a {
	color: #ffffff;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
	display: inline-block;
	line-height: 32px;
}
.overlay-menu nav > ul > li ul li.active > a,
.overlay-menu nav > ul > li ul li:hover > a {
	color: #ffffff;
}
.overlay-menu nav > ul > li ul li .expand-menu {
	color: #ffffff;
	font-size: 14px;
	line-height: 32px;
	margin-left: 10px;
	cursor: pointer;
}
/*-- Mobile Menu --*/

.mobile-menu {
	width: 100%;
	float: left;
	display: none;
	position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.mobile-menu {
		display: block;
	}
}
@media only screen and (max-width: 767px) {
	.mobile-menu {
		display: block;
	}
}
.mean-push {
	display: none;
}
/*-- Mean Bar --*/

.mean-bar {
	background-color: transparent;
	min-height: auto;
	padding: 0;
}
.mean-bar .meanmenu-reveal {
	top: -64px;
	margin: 10px 0;
	padding: 0;
	width: auto;
	height: auto;
	overflow: hidden;
}
@media only screen and (max-width: 479px) {
	.mean-bar .meanmenu-reveal {
		top: -54px;
	}
}
.mean-bar .meanmenu-reveal .menu-bar {
	position: relative;
	height: 1px;
	width: 30px;
	background-color: #282828;
	margin: 10px 0;
}
.mean-bar .meanmenu-reveal .menu-bar::before,
.mean-bar .meanmenu-reveal .menu-bar::after {
	width: 100%;
	height: 100%;
	background-color: #282828;
	position: absolute;
	left: 0;
	content: "";
}
.mean-bar .meanmenu-reveal .menu-bar::before {
	top: -10px;
}
.mean-bar .meanmenu-reveal .menu-bar::after {
	bottom: -10px;
}
.mean-bar .meanmenu-reveal.meanclose .menu-close {
	position: relative;
	height: 2px;
	width: 30px;
	background-color: transparent;
	margin: 10px 0;
}
.mean-bar .meanmenu-reveal.meanclose .menu-close::before,
.mean-bar .meanmenu-reveal.meanclose .menu-close::after {
	width: 100%;
	height: 100%;
	background-color: #000000;
	position: absolute;
	left: 0;
	content: "";
}
.mean-bar .meanmenu-reveal.meanclose .menu-close::before {
	top: 0;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mean-bar .meanmenu-reveal.meanclose .menu-close::after {
	bottom: 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*-- Mean Nav --*/

.mean-nav {
	background-color: #ffffff;
	margin-top: 0;
}
.mean-nav ul li {
	padding-left: 0;
	margin: 0;
}
.mean-nav ul li.mean-last {
	padding-bottom: 10px;
}
.mean-nav ul li a {
	display: block;
	line-height: 24px;
	padding: 8px 0;
	border-top: 1px solid #eeeeee;
	font-size: 14px;
	text-transform: capitalize;
	color: #282828;
	font-family: "Montserrat", sans-serif;
}
.mean-nav ul li a:hover {
	color: #0056ff;
}
.mean-nav ul li a.mean-expand {
	width: 40px;
	top: 0;
	color: #282828 !important;
	padding: 0 !important;
	border: none !important;
	right: 0;
	height: 42px;
	text-align: center;
	line-height: 42px;
	font-size: 20px !important;
}
.mean-nav ul li:hover > a,
.mean-nav ul li.active > a {
	color: #0056ff;
}
.mean-nav ul li ul li a {
	padding: 8px 0;
	padding-left: 15px;
	border-top: 1px solid #eeeeee;
	opacity: 1;
}
.mean-nav ul li ul li ul li a {
	padding-left: 30px;
}
/*-- Mobile Sub Menu --*/

.mean-nav .sub-menu {
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: 1;
	padding: 0;
	position: static;
	-webkit-transition: none 0s ease 0s;
	-o-transition: none 0s ease 0s;
	transition: none 0s ease 0s;
	visibility: visible;
	z-index: 1;
}
.mean-nav .sub-menu li a {
	display: block;
	line-height: 24px;
	padding: 8px 15px;
	border-top: 1px solid #eeeeee;
	font-size: 13px;
	text-transform: capitalize;
	color: #282828;
	font-family: "Montserrat", sans-serif;
}
.mean-nav .sub-menu li a:hover {
	color: #0056ff;
}
/*-- Header Button --*/

.header-button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-ordinal-group: 13;
	-ms-flex-order: 12;
	order: 12;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-button {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}
}
@media only screen and (max-width: 767px) {
	.header-button {
		-webkit-box-ordinal-group: unset;
		-ms-flex-order: unset;
		order: unset;
	}
}
.header-button .header-button-wrapper {
	margin: auto;
	margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header-button .header-button-wrapper {
		margin-right: 50px;
	}
}
@media only screen and (max-width: 767px) {
	.header-button .header-button-wrapper {
		margin-right: 50px;
	}
}
.header-button .header-button-wrapper .btn {
	margin-left: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
	.header-button .header-button-wrapper .btn {
		margin-left: 15px;
	}
}
/*menu style two end*/

/*for page start*/
.blog-section{
	padding: 20px 0
}
.blog-author-meta.clarfix {
    display: flex;
    margin-bottom: 15px;
}
.blog-author-image {margin-right: 20px;}
.htevent-blog-item .content p { 
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 1px; 
    padding-right: 30px; 
	word-break: break-word;
}
.blog-author-image img {
    border-radius: 50%;
}

.blog-author-info h4 {
    font-size: 16px;
    margin-bottom: 0;
}

.blog-author-info h4 a {
    color: #0056ff;
}

.blog-author-info p {
    color: #111;
}

/*for page end*/



/*for banner section start*/
.ayojkem-page-banner-section{
	padding: 120px 0;
	position: relative;
}
.page-banner h1{
	text-transform: capitalize;
    font-weight: 500;
	font-size: 36px;
    color: #ffffff;
    margin-bottom: 13px;
}
.page-banner p{
	color: #ffffff;
	margin-bottom: 0;
}

.page-banner .breadcrumb {
    background-color: transparent;
    padding: 0;
	display:none;
}
.page-banner .breadcrumb ul {
    margin: 0;
    padding: 0;
}
.page-banner .breadcrumb ul li {
    color: #fff;
    list-style: none;
	word-break: break-word;
    display: inline-block;
    margin-right: 5px;
}
.page-banner .breadcrumb ul li a {
	color: #ffffff;
}
.page-banner .breadcrumb ul li a::after{
	content: "/";
    margin-left: 5px;
}
.ayojkem-page-banner-section::before {
    opacity: 0.9;
    background: #f85032;
    background: -webkit-gradient(linear, left top, right top, from(#0056ff), to(#ff0042));
    background: -webkit-linear-gradient(left, #0056ff 0%, #ff0042 100%);
    background: -o-linear-gradient(left, #0056ff 0%, #ff0042 100%);
    background: linear-gradient(to right, #0056ff 0%, #ff0042 100%);
        position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
}
.htevent-single-blog p {
    word-break: break-word;
}
/*for banner section end*/

/*footer start*/
.footer-top-section{
    padding: 120px 0;
    background-color: #1a1a1a;
    color: #909090;
    position: relative;
}

.footer-top-section .container-fluid{
    padding: 0 100px;
}
.footer-widget{
    position: relative;
	overflow: hidden;
}
.footer-top-section:before{
	position: absolute;
	content: '';
	background-color: #000;
	opacity: 0.5;
	width: 100%;
	height: 100%;
	top: 0;
}
.footer-widget.widget_rss a.rsswidget {
    color: #c6c6c6;
}

.footer-widget h5,
.footer-widget h4{
	color: #c6c6c6;
	font-size: 20px;
    position: relative;
    text-transform: capitalize;
    margin-left: -2px;
    padding-bottom: 16px;
    margin-bottom: 55px;
    font-weight: 400;
}
.footer-widget h5:before,
.footer-widget h4:before{
	position: absolute;
    width: 50px;
    height: 2px;
    content: "";
    background-color: #0056ff;
    bottom: 0;
    left: 0;
}
.footer-widget ul {
    margin: 0;
}
.footer-widget ul li ul {
    margin-left: 15px;
}
.footer-widget ul li ul li {
    margin-top: 12px;
}
.footer-bottom-section .text-center span p {
    margin-bottom: 0;
}
.footer-widget ul li{
    list-style: none;
	word-break: break-word;
}
.footer-widget ul li a {
    display: inline-block;
    color: #909090;
    font-size: 16px;
}
.footer-widget ul li + li {
    margin-top: 15px;
}
.footer-widget ul li a:hover {
    color: #0056ff;
}
.container-fluid .footer-widget {
    padding: 0 50px;
    margin: 50px 0;
}
.container-fluid .footer-widget:first-child {
    margin-top: 0;
}
.container-fluid .footer-widget:last-child {
    margin-bottom: 0;
}
/*pagination*/
.htevent-blog-item .pagination {
    text-align: center;
    margin: auto;
    display: block;
}
.htevent-blog-item ul {
    margin: auto;
    margin-top: 10px;
    padding: 0;
    list-style: none;
    overflow: hidden;
}

.htevent-blog-item ul span.current,
.htevent-blog-item ul li {
    display: inline-block;
    margin: 0px 5px 0;
}
.htevent-blog-item ul span.current,
.htevent-blog-item ul li a {
    width: 40px;
    height: 40px;
    border: 1px solid#666;
    text-align: center;
    line-height: 38px;
    color: #717171;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
}
.htevent-blog-item ul span.current,
.htevent-blog-item ul li a:hover{
    border-color: #0056ff;
    background-color: #0056ff;
    color: #ffffff;
}

/*footer instagram*/
.footer-instagram .thumb {
    width: 100px;
    float: left;
    padding: 4px;
    position: relative;
}
.footer-instagram .thumb a{
	position: relative;
	display: block;
	-webkit-transition: all 0.3s ease-out 0s;
	 transition: all 0.3s ease-out 0s;
}
.footer-instagram .thumb a:before {
    content: "\f03e";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-left: -20px;
    margin-top: -20px;
    text-align: center;
    font-family: 'Fontawesome';
    font-size: 24px;
    color: #ffffff;
    z-index: 9;
    opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	 transition: all 0.3s ease-out 0s;
}
.footer-instagram .thumb a:hover:before{
    opacity: 1;
}
.footer-instagram .thumb a::after {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #0056ff;
    content: "";
    opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.footer-instagram .thumb a:hover::after {
    opacity: 0.7;
}

/*footer newsletter*/
.footer-widget .htevent-newsletter {
    position: relative;
    margin-bottom: 20px;
}
.footer-widget .htevent-newsletter input {
    background-color: #272727;
    border: inherit;
    height: 50px;
    font-size: 14px;
	color: #fff;
}
.footer-widget .htevent-newsletter input::placeholder { 
    color: #fff;
    opacity: 1; 
}

.footer-widget .htevent-newsletter input:-ms-input-placeholder { 
    color: #fff;
    opacity: 1; 
}

.footer-widget .htevent-newsletter input::-ms-input-placeholder { 
    color: #fff;   
    opacity: 1; 
}
.footer-widget .htevent-newsletter button {
    position: absolute;
    top: 0;
    right: 0;
    border: inherit;
    height: 100%;
    padding: 10px 15px;
    border-radius: inherit;
    color: #fff;
    line-height: 2.5;
}
.footer-contact-info span {
    display: inline-block;
}
.footer-widget .htevent-newsletter button span {
    display: none;
}

.footer-widget .ayojkem-newsletter button i {
    font-size: 25px;
    color: #fff;
}
.footer-widget .ayojkem-newsletter button:hover {
    background-color: #0056ff;
}
/*twittet*/
.footer-tweet{
	margin: 0;
}
.footer-tweet li {
	color: #898989;
	border-bottom: 1px solid #484848;
	padding-bottom: 12px;
	list-style: none;
}
.footer-tweet li:last-child {
	border-bottom: 0px solid transparent;
	padding-bottom: 0;
}
.footer-tweet li + li {
	margin-top: 12px;
}
.footer-tweet li a {
	display: inline-block;
	color: #21b3ff;
}
.footer-tweet li a:hover {
	padding-left: 0;
	color: #21b3ff;
	text-decoration: underline;
}


/*footer end*/
/*copyriht start*/
.footer-bottom-section {
    padding: 20px 0;
    background-color: #000;
    color: #fff;
}
.footer-style2 .elementor-text-editor p {
    margin-bottom: 0;
}
/*copyriht end*/

/*blog sidebar start*/
.blog-sidebar form {
    position: relative;
}

.blog-sidebar form button {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0;
    height: 100%;
    font-size: 18px;
}
.blog-sidebar {
    margin-bottom: 50px;
	overflow: hidden;
}
#wp-calendar tbody tr td#today {
    background: #0056ff none repeat scroll 0 0;
    color: #fff;
}
.footer-widget.widget_calendar table td ,
.footer-widget.widget_calendar table th ,
.footer-widget.widget_calendar table#wp-calendar td a{
    color: #fff;
}
.footer-widget.widget_calendar table#wp-calendar td a:hover{
	color: #0056FF;
}
form#search, form.woocommerce-product-search input.search-field {
    position: relative;
}
form#search button, .single-sidebar.woocommerce form.woocommerce-product-search button {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    background-color: transparent;
    border: none;
    text-align: center;
    width: 50px;
    padding: 0;
}
.blog-sidebar:last-child {
    margin-bottom: 0;
}

.blog-sidebar h5,
.blog-sidebar .title {
    color: #333;
    display: block;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
    position: relative;
    margin-top: 0;
}
.blog-sidebar ul {
    margin: 0;
}
.blog-sidebar ul li {
    list-style: none;
    word-break: break-word;
}

.blog-sidebar ul li + li {
    margin-top: 13px;
}
.blog-sidebar ul li .children {
    margin-top: 12px;
}

.blog-sidebar ul li a {
    font-size: 16px;
    color: #111111;
    padding-left: 15px;
}
.blog-sidebar.widget_recent_comments ul li a {
    padding-left: 0;
}
.blog-sidebar ul li a:hover {
    color: #0056ff;
}

.blog-sidebar ul li{
   position: relative;
}
.blog-sidebar:not(.widget_recent_comments) ul li:before {
    float: left;
    position: absolute;
    left: 1px;
    line-height: 26px;
    font-size: 14px;
    background: #47474F;
    height: 4px;
    width: 4px;
    border-radius: 50%;
    content: "";
    top: 12px;
    left: 2px
}
.sidebar-blog img {
    float: left;
    margin-right: 15px;
}

.sidebar-blog {
    margin-bottom: 20px;
}

.sidebar-blog h5 {
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
}
.sidebar-blog span a,
.sidebar-blog h5 a{
    color: #111;
}
.sidebar-blog h5 a:hover {
    color: #0056ff;
}
.blog-sidebar input[type="search"],
.blog-sidebar input[type="text"] {
    border: 0;
    border-bottom: 1px solid #ddd;
}

.blog-sidebar button {
    border: 0;
}
.blog-sidebar ul.product_list_widget li:before {
    content: none;
}

.blog-sidebar ul.product_list_widget li a {
    padding-left: 0;
}

.tagcloud a {
    border: 1px solid #717171;
    color: #717171;
    display: block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 40px;
    line-height: 24px;
    padding: 7px 20px;
    border-radius: 50px;
    font-size: inherit !important;
}
.tagcloud a:hover {
    background-color: #0056ff;
    border-color: #0056ff;
    color: #ffffff;
}

/*for shop product*/
.blog-sidebar ul.product_list_widget li a span{
	font-weight: 400;
	display: inline-block;
}
.blog-sidebar ul.cart_list li img, 
.blog-sidebar ul.product_list_widget li img {
    float: left;
    margin-left: 0px;
    width: 100px;
    margin-right: 15px;    
    margin-bottom: 10px;
}
.blog-sidebar ul.cart_list li img:last-child, 
.blog-sidebar ul.product_list_widget li img:last-child { 
    margin-bottom: 0px;
}


.blog-sidebar ins {
    background-color: inherit;
    margin-left: 10px;
}
.blog-sidebar.woocommerce button.button {
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
}

.blog-sidebar.woocommerce button.button:hover {
    background-color: #0056ff;
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    background-color: #0056ff;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
	background-color: #000;
}
.widget_product_tag_cloud a {
    border: 1px solid #717171;
    color: #717171;
    text-transform: uppercase;
    display: inline-block;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    height: 40px;
    line-height: 24px;
    padding: 7px 20px;
    border-radius: 50px;
    font-size: 14px !important;
}
.widget_product_tag_cloud a:hover {
    background-color: #0056ff;
    border-color: #0056ff;
    color: #ffffff;
}
.blog-sidebar span.expand {
    font-size: 20px;
    margin-right: 10px;
    background-color: #0056ff;
    padding: 0px 5px;
    color: #fff;
    cursor: pointer;
}
/*blog sidebar end*/

/*for bolg post*/

.htevent-single-blog .related-post article.post,
article.post {
    box-shadow: 0 13px 23px rgba(0, 0, 0, 0.05);
}
.sticky .htevent-blog-item .content ,
.category-sticky .htevent-blog-item .content{
    border: 1px solid #0056ff;
}

.htevent-blog-item h3.title {
    word-break: break-word;
}
.htevent-blog-item .content{
	padding: 25px 22px;
}
.blog-author-meta .blog-author-image img {
    border-radius: 50%;
}
article.post.hentry {
    margin-bottom: 45px;
}
/*blog details start*/
.htevent-single-blog .content {
    margin-top: 40px;
}
.htevent-single-blog article.post {
    box-shadow:none;
}

.single-post-media{
	position: relative;
}
.post-categories {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 9;
}
.single-post-media .post-categories a {
    background-color: #0056FF;
}
.single-post-media .post-categories a {
    color: #ffffff;
}

.single-post-media .post-categories a {
    font-size: 16px;
    color: #fff;
    background: #0056FF;
    padding: 7px 20px;
}

.htevent-single-blog .post-normal-title-style {
    z-index: 3;
    position: relative;
    background: #fff;
    width: calc(100% - 50px);
    margin: 0 auto;
    margin-top: -100px;
    padding: 25px 36px;
    box-shadow: 0 13px 23px rgba(0, 0, 0, 0.05);
    margin-bottom: 40px;
}
.htevent-single-blog .post-normal-title-style h1 {
    font-size: 34px;
    font-weight: 600;
    margin: 0;
	word-break: break-word;
    color: #001025;
}

.htevent-single-blog .blog-author {
    padding: 30px 40px;
    overflow: hidden;
    margin-bottom: 50px;
    box-shadow: 0 3px 23px rgba(0, 0, 0, 0.05);
}

.htevent-single-blog .blog-author .image {
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin-bottom: 0;
    margin-right: 40px;
    float: left;
}
.htevent-single-blog .blog-author .image img {
    width: 100%;
}
.htevent-single-blog .related-post .content,
.htevent-single-blog .blog-author .content {
    margin-top: 0;
}
.htevent-single-blog .blog-author .content h4 {
    font-weight: 700;
    margin-bottom: 7px;
    text-transform: capitalize;
    font-size: 18px;
}
.htevent-single-blog .blog-author .content h4 a{
	color: #333;
}
.htevent-single-blog .blog-author .content h4 a:hover{
	color: #0056ff;
}
.htevent-single-blog .blog-author .content p {
    margin-bottom: 10px;
    font-size: 16px;
}
.list-check li{
	position: relative;
	list-style: none;
	padding-left: 20px;
}
.list-check li:before {
    content: "\f00c";
    font-family: 'Fontawesome';
    float: left;
    position: absolute;
    left: 1px;
    color: #0056ff;
    line-height: 26px;
    font-size: 14px;
}

.htevent-single-blog .meta{
	overflow: hidden;
}
.htevent-single-blog .meta .meta-top {
    border-bottom: 1px solid#ddd;
    overflow: hidden;
    margin-bottom: 18px;
    padding-bottom: 10px;
}

.htevent-single-blog .meta-left span{
    position: relative;
    margin-right: 24px;
}

.htevent-single-blog .meta-left span::before {
    position: absolute;
    content: '/';
    color: #666;
    width: 7px;
    height: 14px;
    right: -15px;
    top: 0px;
}
.htevent-single-blog .meta-left span:last-child::before {
    content: none;
}
.htevent-single-blog .meta span, .htevent-single-blog .meta span a {
    color: #555;
    font-weight: 600;
    font-size: 13px;

}
.htevent-single-blog .meta span a:hover{
	color: #0056ff;
}

.htevent-single-blog .meta-top .meta-right span.comments-meta {
    margin-right: 30px;
}
.htevent-single-blog .meta-right span i {
    color: #666;
    font-size: 20px;
    margin-right: 15px;
    position: relative;
    top: 4px;
}


.htevent-single-blog .meta-left span:last-child {
    margin-right: 0;
}
.htevent-single-blog .meta-left span {
    margin-right: 24px;
    position: relative;
}
.htevent-single-blog .meta-left span.post-tags a {
    color: #666666;
}
.htevent-single-blog .meta-left span.post-tags a {
    border-top: 1px solid #666;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
}
.htevent-single-blog .meta-left span.post-tags a {
    border: 1px solid #666;
    padding: 5px 12px;
    font-size: 13px;
    color: #666;
    border-radius: 25px;
    text-transform: capitalize;
    margin-right: 8px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 5px;
    display: inline-block;
}
.htevent-single-blog .meta-left span.post-tags a:hover {
    border: 1px solid #0056FF;
    background-color: #0056FF;
    color: #ffffff;
}
.next-prev a {
    position: relative;
    padding-right: 15px;
}
.next-prev a:after {
    position: absolute;
    content: " / ";
    padding-left: 6px;
    color: #666;
    font-size: 15px;
}
.next-prev a:last-child:after {
    content: none;
}
.next-prev a {
    font-size: 13px;
    color: #666;
}
.next-prev a:hover {
    color: #0056ff;
}
.next-prev a i {
    font-size: 15px;
    margin-left: 5px;
    margin-right: 5px;
}
.related-post {
    display: block;
    overflow: hidden;
    margin-top: 70px;
}
.related-post .sidebar-title {
    margin-bottom: 45px;
    margin-top: 0px;
    padding-bottom: 0px;
    color: #252525;
    font-weight: 600;
    font-size: 20px;
}

.blog-comment-wrap input[type="submit"] {   
	border: 1px solid #0056ff;
    line-height: 24px;
    border-radius: 3px;
    padding: 8px 35px;
    color: #ffffff;
    font-size: 14px;
    background-color: #0056ff;
    letter-spacing: 2px;    
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    text-transform: uppercase;
}
.blog-comment-wrap input[type="submit"]:hover{
    color: #666;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #ddd;
}






/*blog details end*/

/*minicart style start*/
.header-button-wrapper a,
.header-shop-links a {
    display: none;
    /*display: inline-block;*/
    width: 40px;
    height: 40px;
    border: 1px solid #282828;
    line-height: 40px;
    text-align: center;
    position: relative;
    border-radius: 50%;
}
.header-button-wrapper a {
    border: 1px solid #fff;
    background-color: #fff;
}
.header-button-wrapper a span,
.header-shop-links a span {
    position: absolute;
    right: 0;
    top: -10px;
    background-color: #ff0042;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 18px;
    border-radius: 50px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
}
.header-shop-links a i {
    font-size: 20px;
}
.header-shop-links a:hover {
    background-color: #0056ff;
    border-color: #0056ff;
    color: #fff;
}
/*minicart style end*/


/*shop product start*/
.product-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.product-item .image {
    display: block;
}
.woocommerce span.onsale {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 20px;
    top: 20px;
    background-color: #282828;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    text-transform: capitalize;
    z-index: 2;
}
.woocommerce .product-details-section span.onsale {
    left: 30px;
}
.product-item .wishlist i {
    font-size: 20px;
    line-height: 42px;
    color: #fff;
    margin-right: 0;
}
.product-item .wishlist {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 20px;
    top: 20px;
    background-color: #282828;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    text-transform: capitalize;
    z-index: 2;
    opacity: 1;
}
.yith-wcwl-add-to-wishlist{
	margin-top: 0;
}
.product-item .content {
    position: absolute;
    left: 0;
    bottom: -120px;
    width: 100%;
    background-color: #f6f6f6;
    padding: 20px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 3;
}
.product-item .content .details {
    float: left;
}
.product-item .content .details h4 {
    margin-bottom: 4px;
    font-size: 18px;
}
.product-item:hover .content {
    bottom: 0;
}
.product-item .content .details span {
    font-size: 14px;
    line-height: 20px;
    color:#717171;
}
.product-item .content a.button {
    background-color: #282828;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    float: right;
    height: 40px;
    margin: auto 0 auto auto;
    text-align: center;
    width: 40px;
    padding: 0;
}
.product-item .content a.button i {
    font-size: 20px;
    line-height: 38px;
}
.product-item .content a.button:hover {
    background-color: #0056ff;
}
.product-item ins {
    background: inherit;
    margin-left: 10px;
}
.product-details-section.blog-section{
	padding: 80px 0;
}

/*shop product end*/

/*shop common style start*/
.woocommerce-message {
    border-top-color: #0056ff;
}
.woocommerce-message::before{
	color: #0056ff;
}
.woocommerce .shipping-calculator-form button.button,
.woocommerce .woocommerce-message a.button {
    padding: 10px 14px;
    background-color: #282828;
    color: #fff;
}
.woocommerce .shipping-calculator-form button.button:hover,
.woocommerce .woocommerce-message a.button:hover {
    background-color: #0056ff;
}
/*shop common style end*/

/*shop cart page start*/
.woocommerce .quantity {
    border: 1px solid #b5b5b5;
    border-radius: 4px;
    float: none;
    margin-right: 0;
    display: inline-block;
}
.cart-table tbody tr td {
    border-bottom: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
}
.woocommerce .quantity .qty {
    color: #717171;
    float: left;
    width: inherit;
}

.product-quantity .quantity .qty a, .product-item .content a {
    text-decoration: none;
}
.woocommerce-grouped-product-list-item .quantity {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.woocommerce .quantity input[type=number] {
    background-color: transparent;
    border: medium none;
    color: #717171;
    float: left;
    font-size: 14px;
    height: 38px;
    line-height: 24px;
    padding: 7px 5px;
    text-align: center;
    width: 36px;
}
.quantity .minus, .quantity .plus {
    height: 38px;
    text-align: center;
    width: 30px;
    display: inline-block;
}.quantity .minus i, .quantity .plus i {
    display: block;
    font-size: 16px;
    line-height: 38px;
}
.woocommerce-page.woocommerce-cart table.cart img {
    width: 100px;
}
.woocommerce a.remove{
	margin: auto;
}
.woocommerce a.remove:hover {
    color: #ff0000!important;
    background: inherit;
}
.woocommerce ins {
    background-color: inherit;
}
.woocommerce-cart .woocommerce .cart-action input[type="submit"],
.woocommerce-cart .woocommerce .cart-action a.button,
.woocommerce-page .woocommerce .cart-cuppon .coupon input[type="submit"],
.woocommerce-page .woocommerce .cart-checkout-process .cart_totals a.checkout-button {
    display: block;
    float: left;
    height: 40px;
    background-color: #282828;
    color: #ffffff;
    text-transform: uppercase;
    padding: 8px 25px;
    border: none;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50px;
    line-height: inherit;
}
.woocommerce-cart .woocommerce .cart-cuppon .coupon input[type="text"] {
    border-color: transparent;
    height: 40px;
    margin-bottom: 18px;
    padding: 9px 15px;
    width: 100%;
    color: #717171;
    border: 2px solid #ddd;
    border-radius: 35px;
}
.woocommerce-cart .woocommerce .cart-action input[type="submit"]{
	margin-left: 10px;
}
.woocommerce-page .woocommerce .cart-checkout-process .cart_totals a.checkout-button{
	float: right;
}
.woocommerce-page .woocommerce .cart-checkout-process .cart_totals a.checkout-button:hover,
.woocommerce-cart .woocommerce .cart-action input[type="submit"]:hover,
.woocommerce-cart .woocommerce .cart-action a.button:hover,
.woocommerce-page .woocommerce .cart-cuppon .coupon input[type="submit"]:hover {
    background-color: #0056ff;
}


.woocommerce-cart .woocommerce table th {
	border-top: 0;
    border-right: 0;
    border-bottom: 1px solid rgba(0,0,0,.1);;
}
.woocommerce-cart .woocommerce table th +th,
.woocommerce-cart .woocommerce table.shop_table td + td {
    border-left: 1px solid rgba(0,0,0,.1);;
}
.woocommerce-cart .woocommerce table.shop_table td,
.woocommerce-cart .woocommerce table th{
	border-right: 0;
}
.woocommerce-cart .woocommerce table td,
.woocommerce-cart .woocommerce table.shop_table td{
	border-top: 0;
}
.woocommerce-cart .woocommerce table td{
	border: 0;
	border-bottom: 1px solid rgba(0,0,0,.1); 
}
.woocommerce-cart .woocommerce .cart-checkout-process table td,
.woocommerce-cart .woocommerce table th,
.woocommerce-cart .woocommerce table.shop_table{
	border-bottom: 0;
}
.woocommerce-cart .woocommerce table.shop_table th,
.woocommerce-cart .woocommerce .cart-checkout-process table.shop_table{
	border-bottom: 1px solid rgba(0,0,0,.1); 
}
.woocommerce-cart .woocommerce .cart-checkout-process table.shop_table th{
	border-right: 1px solid rgba(0,0,0,.1); 
	border-bottom: 0;
}
.woocommerce-cart .woocommerce .cart-checkout-process table.shop_table td{
	border-top: 1px solid rgba(0,0,0,.1);
}
.woocommerce-cart .woocommerce-cart-form__cart-item.cart_item td.product-quantity {
	min-width: 150px;
}
.woocommerce-page table.cart .product-thumbnail,
.woocommerce-cart-form__cart-item.cart_item td.product-thumbnail {
	display: block !important; 
	padding: 8px !important;
}
.woocommerce-cart-form__cart-item.cart_item td.product-name {
	min-width: 150px;
}

@media only screen and (max-width: 767px) { 
    .woocommerce-cart .woocommerce .cart-action a.button{
    	margin-bottom: 10px;
    }
    .container-fluid .footer-widget{
    	padding: 0;
    }
 }

/*shop cart page end*/

/*checkout page start*/
.woocommerce .form-row {
    display: inherit;
}
.select2-container--default .select2-selection--single{
	border-radius: 0;
}
.select2-container .select2-selection--single{
	height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 38px;
}

table.shop_table.woocommerce-checkout-review-order-table th {
    border-top: 0;
}

table.shop_table.woocommerce-checkout-review-order-table td {
    border-bottom: 0;
    border-left: 0;
}
table.shop_table.woocommerce-checkout-review-order-table td:last-child {
    border-right: 0;
}

table.shop_table.woocommerce-checkout-review-order-table th:last-child {
    border-right: 0;
}
.woocommerce-checkout #payment{
	background: #f1f1f1;
}
.woocommerce .woocommerce-checkout-payment button.button.alt {
    background-color: #000;
    -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
}
.woocommerce .woocommerce-checkout-payment button.button.alt:hover {
    background: #0056ff;
}
@media only screen and (max-width: 767px) { 
	.woocommerce form .form-row-first, 
	.woocommerce form .form-row-last, 
	.woocommerce-page form .form-row-first, 
	.woocommerce-page form .form-row-last{
    	width: 100%;
    }
 }
/*checkout page end*/

/*wishlist page start*/
.woocommerce table.wishlist_table {
    font-size: 100%;
}
.woocommerce table.wishlist_table thead th{
	border-top: 0;
}
.woocommerce table.wishlist_table tbody td {
    border-left: 0;
    border-top: 0;
}
.woocommerce table.wishlist_table thead th:last-child,
.woocommerce table.wishlist_table tbody td:last-child{
	border-right: 0;
}
.woocommerce table.wishlist_table thead th {
    border-bottom: 1px solid rgba(0,0,0,.1); 
}
.woocommerce table.wishlist_table tfoot tr td{
	border: 0;
}
.woocommerce .wishlist_table td.product-add-to-cart a {
    display: inline-block!important;
    background-color: #000;
    color: #fff;
}
.woocommerce .wishlist_table td.product-add-to-cart a:hover {
    background-color: #0056ff;
}
.woocommerce .wishlist_table ins {
    background-color: inherit;
}
.wishlist_table tr td.product-thumbnail a{
	margin: auto;
}
.wishlist_table tr td.product-name{
	text-align: center;
}
.wishlist_table table{
	border-bottom: 0;
}
.woocommerce-page table.cart .product-thumbnail,
.woocommerce-page table.cart .product-add-to-cart{
	min-width: 150px;
}
td.product-name a {
    font-size: 18px;
}
/*wishlist page end*/
/*myaccount page start*/
.woocommerce-account .woocommerce .col2-set .col-2,
.woocommerce-account .woocommerce .col2-set .col-1{
    max-width: 50%;
    flex: 0 0 50%;
}
.woocommerce-account .woocommerce input.button,
.woocommerce-account .woocommerce a.button,
.woocommerce-account .woocommerce button.button {
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
}
.woocommerce-account .woocommerce button.button:hover,
.woocommerce-account .woocommerce a.button:hover,
.woocommerce-account .woocommerce input.button:hover {
    background-color: #0056ff;
}
/*myaccount page end*/

/*single product page start*/
.woocommerce-page #content div.product div.images{
    float: left;
    width: 100%;
}
.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 15px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px;
}
.woocommerce div.product div.images .flex-control-thumbs li:first-child {
    padding-left: 0;
}
.woocommerce div.product div.images .flex-control-thumbs li:last-child {
    padding-right: 0;
}
.woocommerce div.product .product_title {
    font-size: 30px;
    font-weight: 700;
    color: #282828;
}
.woocommerce div.product p.price{
    font-size: 26px;
    font-weight: 700;
    color: #282828;
}
.woocommerce .single-product-content  button.button.alt {
    height: 40px;
    background-color: #0056ff;
    padding: 8px 35px;
}
.woocommerce .single-product-content button.button.alt:hover {
    background-color: #004de6;
}
.woocommerce div.product .woocommerce-product-rating {
    margin-bottom: 8px;
}
.woocommerce .star-rating{
	color: #ffc741;
}
.single-product-content .wishlist {
    display: none;
}
.single-product-content .product-action-button .wishlist {
    display: block;
}
.product-action-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-action-button a {
    margin-right: 15px;
    line-height: 0;
}

.product-action-button  i {
    margin-right: 10px;
    font-size: 20px;
    top: 2px;
    position: relative;
}
.product-share {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.product-share h6{
	font-size: 14px;
    line-height: 20px;
    float: left;
    letter-spacing: 0.5px;
    font-weight: 700;
    margin-right: 20px;
    margin-bottom: 0;
    color: #717171;
}
.product-share a {
    float: left;
    color: #717171;
    margin-right: 20px;
}
.product-share a:hover {
    color: #0056ff
}
.product-share a:last-child {
    margin-right: 0px;
}
/*tab*/
.woocommerce div.product .woocommerce-tabs ul.tabs{
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	color: #0056ff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{
	border-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: 0;
    background-color: inherit;
    border-radius: 0;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    box-shadow: inherit;
}
.woocommerce-tabs.wc-tabs-wrapper h2{
	display: none;
}
.woocommerce-tabs p {
    margin-bottom: 0;
}
.woocommerce table.shop_attributes {
    border-left: 1px dotted rgba(0,0,0,.1);
}
.woocommerce-tabs p.comment-form-author,
.woocommerce-tabs p.comment-form-email{
	width: 50%;
}
.woocommerce-Tabs-panel{
	margin-top: 30px;
}
.woocommerce-Tabs-panel input[type="submit"] {
  	border-radius: 0;
  	margin-top: 10px;
  	padding: 8px 30px;
  	background-color: #000;
  	color: #fff;  
    font-weight: 700;
    text-transform: uppercase;
   -webkit-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s;
}
.woocommerce-Tabs-panel input[type="submit"]:hover {
  background-color: #0056ff;
}
/*related product*/
.related.products .wishlist_btn_title {
    display: none;
}
.related.products {
    margin-top: 90px;
    text-align: center;
}
.related.products h2 {
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px;
}

.related.products h2:before {
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 1px;
    width: 50px;
    margin-left: -25px;
    background-color: #0056ff;
    content: "";
}
.related.products p {
    max-width: 630px;
    margin: 23px auto 0;
    line-height: 25px;
    margin-bottom: 65px;
}
.related.products .product-item{
	margin-bottom: 0; 
}

.related-product-slider.slick-initialized.slick-slider {
    width: 100%;
}
.related-product-slider .slick-list .slick-slide{
	max-width: 100%;
}
/*single product page end*/

.footer-logo {
    margin-bottom: 40px;
}

@media (min-width: 768px) and (max-width: 991px) { 
	.footer-top-section .container-fluid,
	.header-bottom{
	    padding: 0 20px;
	}

}

@media (max-width: 767px) { 
	.footer-top-section .container-fluid,
	.header-bottom{
    padding: 0 10px;
}
}



/*shop product start*/
.product-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

.product-item .image {
    display: block;
}
.woocommerce span.onsale {
    position: absolute;
    width: 40px;
    height: 40px;
    left: 20px;
    top: 20px;
    background-color: #282828;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    text-transform: capitalize;
    z-index: 2;
}
.woocommerce .product-details-section span.onsale {
    left: 30px;
}
.product-item .wishlist i {
    font-size: 20px;
    line-height: 42px;
    color: #fff;
    margin-right: 0;
}
.product-item .wishlist {
    position: absolute;
    width: 40px;
    height: 40px;
    right: 20px;
    top: 20px;
    background-color: #282828;
    color: #ffffff;
    border-radius: 50%;
    text-align: center;
    line-height: 40px;
    text-transform: capitalize;
    z-index: 2;
    opacity: 1;
}
.yith-wcwl-add-to-wishlist{
	margin-top: 0;
}
.product-item .content {
    position: absolute;
    left: 0;
    bottom: -120px;
    width: 100%;
    background-color: #f6f6f6;
    padding: 20px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    z-index: 3;
}
.product-item .content .details {
    float: left;
}
.product-item .content .details h4 {
    margin-bottom: 4px;
    font-size: 18px;
}
.product-item:hover .content {
    bottom: 0;
}
.product-item .content .details span {
    font-size: 14px;
    line-height: 20px;
    color:#717171;
}
.product-item .content a.button {
    background-color: #282828;
    border: medium none;
    border-radius: 3px;
    color: #ffffff;
    float: right;
    height: 40px;
    margin: auto 0 auto auto;
    text-align: center;
    width: 40px;
    padding: 0;
}
.product-item .content a.button i {
    font-size: 20px;
    line-height: 38px;
}
.product-item .content a.button:hover {
    background-color: #0056ff;
}
.product-item ins {
    background: inherit;
    margin-left: 10px;
}
.product-details-section.blog-section{
	padding: 80px 0;
}
.htevent-single-gallery .hover {
    background-color: rgba(0, 86, 255, 1);
    opacity: 0.8;
}
/*shop product end*/


/* whatsapp floating button css vivek ithike*/
.floatvk{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-floatvk{
	margin-top:16px;
	color: #fff;
}