/*
* Repeatable Patterns
* GoTop Button
* Preload
* Header
* Page title
* Blog
* Blog Detail
* Comment
* Sidebar
* Footer
* Search background
* Menu mobile
* Instagram
* Cookie info
* Video Box
*/

/* Repeatable Patterns
-------------------------------------------------------------- */
html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
a {
	color: #222;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

a:focus {
	text-decoration: none;
	outline: 0;
}

a:hover, a:focus {	    
	text-decoration: none;
	outline: 0;

}

a:hover {
	color: #5187d0;
}

img {
	max-width: 100%;
	height: auto;
}

/* Typography */
body,
button,
input,
select,
textarea {
	font: 14px/24px "Open Sans", sans-serif;
	font-weight: 400;
	background: #fff;
	color: #797781;
}	

strong,
b {
	font-weight: 700;
}

p {
	margin-bottom: 20px;
}

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

blockquote{
	background: #000000;
	border-radius: 4px;
	font-size: 24px;
	line-height: 45px;
	padding:35px 30px 38px 50px;
	margin: 25px 0px 25px 0px;
	position: relative;
	font-family: 'Open Sans';
	font-weight: 600;
	font-style: italic;
	color: #fff;
}
blockquote.wp-block-quote{
	margin: 45px 0px 42px 0px;
}
blockquote a:hover{
	color: #5187d0cc;
}
table {
	width: 100%;
	margin: 15px 0;
}
table tr.odd {
    background-color: rgba(0,0,0,.04);
}
th, td {
	border: 1px solid #f3f6fb;
	padding: 7px;
	text-align: center;
}
th {
    color: #000;
}
blockquote .blockqoute-text:before, blockquote .blockqoute-text:after {
	position: absolute;
	left: 0px;
	top: 4px;
	content: "”";
	font-size: 60px;
	line-height: 60px;
	color: rgb(153, 153, 153);
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	font-size: 14px;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 600;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

abbr[title] {
	border-bottom: 1px dotted #c0c0c0;
	cursor: help;
}

mark,
ins {
	text-decoration: none;
    background-color: #5187d0;
    text-decoration: none;
    color: #fff;
    padding: 7px;
}

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

sup {
	top: -6px;
}

sub {
	bottom: -3px;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

address {
	font-style: italic;
	margin: 0 0 20px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background: #f9f9f9;
	border: 1px solid #eee;
	border-radius: 0;
	font-family: Consolas, monospace;
	height: auto;
	margin: 0 0 20px;
	overflow-x: auto;
	padding: 20px;
}

h1.w6, h2.w6, h3.w6, h4.w6, h5.w6, h6.w6 { font-weight: 600; }
h1.w4, h2.w4, h3.w4, h4.w4, h5.w4, h6.w4 { font-weight: 400; }

h1,h2,h3,h4,h5,h6 { font-weight: 600; color: #222222; font-family: "Open Sans",sans-serif; line-height: 1.3;}

h1 {
	font-size: 36px;
}

h2 {
	font-size: 30px;
}

h3 {
	font-size: 26px
}

h4 {
	font-size: 22px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 15px;
}

/* Alignments */
.wp-block-cover,
.wp-block-cover-image{
	margin: 0 0 1.5em;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

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

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

.blockcenter {
	left: 50%;
	transform: translatex(-50%);
	-moz-transform: translatex(-50%);
	- ms-transform: translatex(-50%);
	-webkit-transform: translatex(-50%);
	-o-transform: translatex(-50%);

}
.page-links {
    margin-top: 50px;
    clear: both;
    display: flex;
    align-items: center;
}
.float-right {
	float: right;
}

blockquote.alignleft,
.wp-caption.alignleft,
img.alignleft {
	margin: 7px 30px 15px 0 !important;
}

blockquote.alignright,
.wp-caption.alignright,
img.alignright {
	margin: 7px 0 20px 30px !important;
}

blockquote.aligncenter,
.wp-caption.aligncenter,
img.aligncenter {
	clear: both;
}
.alignfull{
	margin-bottom: 1rem;
}
.has-very-dark-gray-color.has-very-dark-gray-color {
    background-color: #ffffff;
}
.wp-block-search{
	align-items: flex-start;
}
.wp-caption.alignleft,
.wp-caption.alignright,
.wp-caption.aligncenter {
	margin-bottom: 10px;
}
.wp-block-button {
    color: #fff;
    margin-bottom: 1.5em;
}
.is-style-outline {
    color: #32373c;
}

.wp-block-cover p.wp-block-cover-text{
	color: #ffffff;
}
/* Content */
.bypostauthor article .gravatar {
	float: left;
	display: inline-block;
}

.sticky,.tag-sticky-2 {
	display: block;
	background: #F4F9FF;
	border: 1px solid rgba(54, 70, 115, 0.08); 
	padding: 30px;
}

.page-header {
	margin: 0;
	border: 0;
}

.page-header .nothing {
	padding: 0;
	background-color: transparent;
	font-size: 40px;
	line-height: 40px;
	color: #ff1200;
}

.site-main {
	position: relative;
}
.size-thumbnail,
.wp-block-image, 
.size-full{
    clear: both;
}
/* Accessibility */
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

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

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

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

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

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

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

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

/* Elements */
hr {
	background-color: #eee;
	border: 0;
	height: 1px;
	margin-bottom: 20px;
}

ul,
ol {
	padding: 0;
	margin: 0 0 15px 25px;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dd, dt {
	line-height: 30px;
}

::-moz-selection { 
	color: #fff; 
	text-shadow: none; 
	background: #333;
}

::-webkit-selection { 
	color: #fff; 
	text-shadow: none; 
	background: #333; 
}

::selection { 
	color: #fff; 
	text-shadow: none; 
	background: #333; 
}

/* Forms */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {  
	outline: none;	
	background-color:#000000;
	color: #ffffff;
	font-family: "Open Sans",sans-serif;
	font-size: 13px;
	font-weight: 600;
	padding: 10px 30px; 	
	cursor: pointer;  	
	white-space: nowrap;
	border: none;  	
	z-index: 0;
	display: inline-block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {	
	background-color: #222222;
	color: #fff;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {	
	display: block;
	border: 1px solid #e5e5e7;
	border-radius: 5px;
	height: 43px;
	line-height: 43px;
	padding: 0 15px; 
	max-width: 100%;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 30px;  	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border: 1px solid;
	border-color: #2387ea;
	outline: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

textarea {
	width: 100%;
	height: 100px;
	padding: 8px 15px;
}

input[type="checkbox"] {
	display: inline;
}

input:-moz-placeholder,
textarea:-moz-placeholder,
input::-moz-placeholder,
textarea::-moz-placeholder {
	color: #656565;
	opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #656565;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #656565;
	opacity: 1;
}

/* Bootstrap Resetting Elements */
.btn {
	background-image: none;
}

textarea, 
input[type="text"],
input[type="password"], 
input[type="datetime"], 
input[type="datetime-local"], 
input[type="date"], 
input[type="month"], 
input[type="time"], 
input[type="week"], 
input[type="number"], 
input[type="email"], 
input[type="url"], 
input[type="search"], 
input[type="tel"], 
input[type="color"], 
.uneditable-input,
.dropdown-menu,
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus {
	-webkit-appearance: none;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;	
}

input[type="submit"] {
	border-width: 0;		
}

button:focus { outline: none; }
.breadcrumbs span, .breadcrumbs span a, .breadcrumbs a{
	font-size: 13px;
}
.wp-block-group.has-background {
    padding: 15px;
    margin-bottom: 15px;
}
select{
	display: block;
	box-sizing: border-box;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-image: url('../images/custom-select/01.png');
	background-repeat: no-repeat, repeat;
	background-position: right 15px top 51%, 0 0;
	background-size: .65em auto, 100%;
}
/* GoTop Button
-------------------------------------------------------------- */
.go-top {
	position: fixed !important;
	right: -35px;
	bottom: 67px;   
	width: 40px;
	height: 40px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;   
	background-color: #2d2d2d;
	line-height: 38px;
	text-align: center;   	
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

}

.go-top.show {
	right: 15px;
	bottom: 25px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
	visibility: visible;
	z-index: 9999;
}

.go-top i {
	font-size: 11px;
	color: #fff;
	font-weight: 600;	
}

.go-top:hover {
	background-color: #2387ea;
}

.go-top:hover i {
	color: #fff;
}
article:before, article:after, .entry-content:before, .entry-content:after {
    content: "";
    display: table;
    clear: both;
}
/* Preload
-------------------------------------------------------------- */
.woocommerce .loader:before{
	content: none;
}
#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #ffffff;
	display: table;
	text-align: center;
} 
.loader {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	position: relative;
	width: 200px;
	height: 200px;
}
/*--- Style 1 ---*/
.loader-icon {
	width: 80px;
	height: 80px;
	border: 2px solid #2387ea;
	border-right-color: transparent;
	border-radius: 50%;
	position: relative;
	animation: loader-rotate 1s linear infinite;
	margin: 0 auto;
}

/*--- Style 2 ---*/
.loader-icon-2 {
	width: 80px;
	height: 80px;
	border: 2px solid #fff;
	border-right-color: transparent;
	border-radius: 50%;
	position: relative;
	animation: loader-rotate 1s linear infinite;
	margin: 0 auto;
}

/*--- Style 3 ---*/
.loader-icon-3 {
	width: 80px;
	height: 80px;
	border: 2px solid #222;
	border-right-color: transparent;
	border-radius: 50%;
	position: relative;
	animation: loader-rotate 1s linear infinite;
	margin: 0 auto;
}

/*--- Style 4 ---*/
.load-holder {
	display: flex;
	align-items: center;
	justify-content: center;    
}
.load {
	display: flex;    
	position: relative;    
	animation: rotateLoad infinite linear 1s;
}
.load.mini{ width: 15px; height: 15px; }
.load.little { width: 25px; height: 25px; }
.load { width: 60px; height: 60px; }
.load:before,
.load:after {
	display: flex;    
	position: absolute;    
	content: '';
	background: #2387ea;
	border-radius: 50%;
	width: 55%;
	height: 55%;
}
.load:before { right: 0; bottom: 0; animation: scaleChange_1 infinite linear 1s; }
.load:after { top: 0; left: 0; animation: scaleChange_2 infinite linear 1s; }
.load.dark:before,
.load.dark:after { background: transparent; }
.load.mini:after { border-width: 2px; }
.load.little:after { border-width: 3px; }
.load:after { border-width: 8px; }

/*--- Style 5 ---*/
.load-2 {
	display: flex;    
	position: relative;    
	animation: rotateLoad infinite linear 1s;
}
.load-2.mini{ width: 15px; height: 15px; }
.load-2.little { width: 25px; height: 25px; }
.load-2 { width: 60px; height: 60px; }
.load-2:before,
.load-2:after {
	display: flex;    
	position: absolute;    
	content: '';
	background: #fff;
	border-radius: 50%;
	width: 55%;
	height: 55%;
}
.load-2:before { right: 0; bottom: 0; animation: scaleChange_1 infinite linear 1s; }
.load-2:after { top: 0; left: 0; animation: scaleChange_2 infinite linear 1s; }
.load-2.dark:before,
.load-2.dark:after { background: transparent; }
.load-2.mini:after { border-width: 2px; }
.load-2.little:after { border-width: 3px; }
.load-2:after { border-width: 8px; }

/*--- Style 6 ---*/
.load-3 {
	display: flex;    
	position: relative;    
	animation: rotateLoad infinite linear 1s;
}
.load-3.mini{ width: 15px; height: 15px; }
.load-3.little { width: 25px; height: 25px; }
.load-3 { width: 60px; height: 60px; }
.load-3:before,
.load-3:after {
	display: flex;    
	position: absolute;    
	content: '';
	background: #222;
	border-radius: 50%;
	width: 55%;
	height: 55%;
}
.load-3:before { right: 0; bottom: 0; animation: scaleChange_1 infinite linear 1s; }
.load-3:after { top: 0; left: 0; animation: scaleChange_2 infinite linear 1s; }
.load-3.dark:before,
.load-3.dark:after { background: transparent; }
.load-3.mini:after { border-width: 2px; }
.load-3.little:after { border-width: 3px; }
.load-3:after { border-width: 8px; }

/*--- Style 7 ---*/
.spin-load-holder{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
}

.spin-load-1 {
	display: block;
	position: relative;
	left: 50%;
	top: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #9370DB;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
	margin-top: 5px;
}
.spin-load-1:before {
	content: "";
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #BA55D3;
	-webkit-animation: spin 3s linear infinite;
	animation: spin 3s linear infinite;
}
.spin-load-1:after {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	right: 15px;
	bottom: 15px;
	border-radius: 50%;
	border: 3px solid transparent;
	border-top-color: #FF00FF;
	-webkit-animation: spin 1.5s linear infinite;
	animation: spin 1.5s linear infinite;
}

/*--- Style 8 ---*/
.loader-wrap {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background-color: #000000;
}

.cssload-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 78.284271247462px;
	height: 78.284271247462px;
	margin-left: -39.142135623731px;
	margin-top: -39.142135623731px;
	border-radius: 100%;
	animation-name: cssload-loader;
	-o-animation-name: cssload-loader;
	-ms-animation-name: cssload-loader;
	-webkit-animation-name: cssload-loader;
	-moz-animation-name: cssload-loader;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
	-o-animation-timing-function: linear;
	-ms-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-duration: 2.4s;
	-o-animation-duration: 2.4s;
	-ms-animation-duration: 2.4s;
	-webkit-animation-duration: 2.4s;
	-moz-animation-duration: 2.4s;
}

.cssload-loader .cssload-side {
	display: block;
	width: 10px;
	height: 33px;
	background-color: #2387ea;
	margin: 3px;
	position: absolute;
	border-radius: 50%;
	animation-duration: 0.895s;
	-o-animation-duration: 0.895s;
	-ms-animation-duration: 0.895s;
	-webkit-animation-duration: 0.895s;
	-moz-animation-duration: 0.895s;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-timing-function: ease;
	-o-animation-timing-function: ease;
	-ms-animation-timing-function: ease;
	-webkit-animation-timing-function: ease;
	-moz-animation-timing-function: ease;
}

.cssload-loader .cssload-side:nth-child(1),
.cssload-loader .cssload-side:nth-child(5) {
	transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	animation-name: cssload-rotate0;
	-o-animation-name: cssload-rotate0;
	-ms-animation-name: cssload-rotate0;
	-webkit-animation-name: cssload-rotate0;
	-moz-animation-name: cssload-rotate0;
}

.cssload-loader .cssload-side:nth-child(3),
.cssload-loader .cssload-side:nth-child(7) {
	transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	animation-name: cssload-rotate90;
	-o-animation-name: cssload-rotate90;
	-ms-animation-name: cssload-rotate90;
	-webkit-animation-name: cssload-rotate90;
	-moz-animation-name: cssload-rotate90;
}

.cssload-loader .cssload-side:nth-child(2),
.cssload-loader .cssload-side:nth-child(6) {
	transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	animation-name: cssload-rotate45;
	-o-animation-name: cssload-rotate45;
	-ms-animation-name: cssload-rotate45;
	-webkit-animation-name: cssload-rotate45;
	-moz-animation-name: cssload-rotate45;
}

.cssload-loader .cssload-side:nth-child(4),
.cssload-loader .cssload-side:nth-child(8) {
	transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	animation-name: cssload-rotate135;
	-o-animation-name: cssload-rotate135;
	-ms-animation-name: cssload-rotate135;
	-webkit-animation-name: cssload-rotate135;
	-moz-animation-name: cssload-rotate135;
}

.cssload-loader .cssload-side:nth-child(1) {
	top: 39.142135623731px;
	left: 78.284271247462px;
	margin-left: -5px;
	margin-top: -16px;
}

.cssload-loader .cssload-side:nth-child(2) {
	top: 67.213203431093px;
	left: 67.213203431093px;
	margin-left: -5px;
	margin-top: -16px;
}

.cssload-loader .cssload-side:nth-child(3) {
	top: 78.284271247462px;
	left: 39.142135623731px;
	margin-left: -5px;
	margin-top: -16px;
}

.cssload-loader .cssload-side:nth-child(4) {
	top: 67.213203431093px;
	left: 11.071067816369px;
	margin-left: -5px;
	margin-top: -16px;
}

.cssload-loader .cssload-side:nth-child(5) {
	top: 39.142135623731px;
	left: 0px;
	margin-left: -5px;
	margin-top: -16px;
}

.cssload-loader .cssload-side:nth-child(6) {
	top: 11.071067816369px;
	left: 11.071067816369px;
	margin-left: -5px;
	margin-top: -16px;
}

.cssload-loader .cssload-side:nth-child(7) {
	top: 0px;
	left: 39.142135623731px;
	margin-left: -5px;
	margin-top: -16px;
}

.cssload-loader .cssload-side:nth-child(8) {
	top: 11.071067816369px;
	left: 67.213203431093px;
	margin-left: -5px;
	margin-top: -16px;
}

/*--- Style 9 ---*/
.sk-circle {
	margin: 100px auto;
	width: 70px;
	height: 70px;
	position: relative;
}
.sk-circle .sk-child {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.sk-circle .sk-child:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: #333;
	border-radius: 100%;
	-webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
	animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
	-webkit-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	transform: rotate(30deg); }
.sk-circle .sk-circle3 {
	-webkit-transform: rotate(60deg);
	-ms-transform: rotate(60deg);
	transform: rotate(60deg); }
.sk-circle .sk-circle4 {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg); }
.sk-circle .sk-circle5 {
	-webkit-transform: rotate(120deg);
	-ms-transform: rotate(120deg);
	transform: rotate(120deg); }
.sk-circle .sk-circle6 {
	-webkit-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	transform: rotate(150deg); }
.sk-circle .sk-circle7 {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg); }
.sk-circle .sk-circle8 {
	-webkit-transform: rotate(210deg);
	-ms-transform: rotate(210deg);
	transform: rotate(210deg); }
.sk-circle .sk-circle9 {
	-webkit-transform: rotate(240deg);
	-ms-transform: rotate(240deg);
	transform: rotate(240deg); }
.sk-circle .sk-circle10 {
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg); }
.sk-circle .sk-circle11 {
	-webkit-transform: rotate(300deg);
	-ms-transform: rotate(300deg);
	transform: rotate(300deg); }
.sk-circle .sk-circle12 {
	-webkit-transform: rotate(330deg);
	-ms-transform: rotate(330deg);
	transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
	-webkit-animation-delay: -1s;
	animation-delay: -1s; }
.sk-circle .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
	animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
	animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
	animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
	animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
	animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
	animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
	animation-delay: -0.1s; }

/*--- Style 10 ---*/
.pulse-loader {
	width: 40px;
	height: 40px;
	position: relative;
	margin: 0px auto;
}

.double-bounce1, .double-bounce2 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.double-bounce3, .double-bounce4 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #2387ea;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce4 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.double-bounce5, .double-bounce6 {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #222;
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
	animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce6 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

/*--- Style 11 ---*/
.saquare-loader-1 {
	width: 40px;
	height: 40px;
	background-color: #2387ea;
	margin: 0px auto;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}
.saquare-loader-2 {
	width: 40px;
	height: 40px;
	background-color: #fff;
	margin: 0px auto;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}
.saquare-loader-3 {
	width: 40px;
	height: 40px;
	background-color: #222;
	margin: 0px auto;
	-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
	animation: sk-rotateplane 1.2s infinite ease-in-out;
}

/*--- Style 12 ---*/
.line-loader {
	margin: 0px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.line-loader > div {
	background-color: #2387ea;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.line-loader .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.line-loader .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.line-loader .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.line-loader .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.line-loader-2 {
	margin: 0px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.line-loader-2 > div {
	background-color: #fff;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.line-loader-2 .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.line-loader-2 .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.line-loader-2 .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.line-loader-2 .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}

.line-loader-3 {
	margin: 0px auto;
	width: 50px;
	height: 40px;
	text-align: center;
	font-size: 10px;
}

.line-loader-3 > div {
	background-color: #222;
	height: 100%;
	width: 6px;
	display: inline-block;
	-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
	animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.line-loader-3 .rect2 {
	-webkit-animation-delay: -1.1s;
	animation-delay: -1.1s;
}

.line-loader-3 .rect3 {
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

.line-loader-3 .rect4 {
	-webkit-animation-delay: -0.9s;
	animation-delay: -0.9s;
}

.line-loader-3 .rect5 {
	-webkit-animation-delay: -0.8s;
	animation-delay: -0.8s;
}
.loading-icon i{
	width: 13px;
	height: 13px;
	display: inline-block;
	border-radius: 50%;
	background: #5187d0;
}
.loading-icon i:first-child{
	animation:loading-ani2 0.7s linear infinite;
	opacity: 0;
	transform:translate(-13px);
}
.loading-icon i:nth-child(2),
.loading-icon i:nth-child(3){
	animation:loading-ani3 0.7s linear infinite;
}
.loading-icon i:last-child{
	animation:loading-ani1 0.7s linear infinite;
}

/* Header
-------------------------------------------------------------- */
.themesflat_header_wrap {
    position: absolute;
    width: 100%;
    z-index: 999;
}
.error404 .themesflat_header_wrap{
	position: relative;
}
.header{
	transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
}
.header.header-sticky {
	z-index: 99999; 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	-webkit-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.07); 
	-moz-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.07);
	-ms-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.07);
	-o-box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.07);
	box-shadow: 1px 1px 5px 0px rgba(0, 0, 0, 0.07);
	-webkit-animation-name: fadeInDown; /* Safari 4.0 - 8.0 */
	-webkit-animation-duration: 0.8s; /* Safari 4.0 - 8.0 */
	animation-name: fadeInDown;
	animation-duration: 0.8s;
}
.header-absolute .themesflat_header_wrap{
	position: relative;
}
.hide-menu #mainnav {
    display: none !important;
    opacity: 0;
    visibility: hidden;
}
.hide-full,
.hide-menu-left{
    display: none ;
    opacity: 0;
    visibility: hidden;
}
.hide-menu .language-current:after,
.hide-menu .wcml-cs-item-toggle:after{
	top: 43%;
}
.btn-menu{
	display: none;
}
.header-wrap {
    width: 100%;
    position: relative;
}  
.list-flat-chooser ul,
.wcml_currency_switcher ul,
.mainnav ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.wrap-language,
.wcml_currency_switcher{
	position: relative;
	display: block;
}
.wrap-language{
	margin-right: 12px;
}
.wcml_currency_switcher{
	margin-right: 24px;
}
.wrap-language .language-name.language-current, 
.wcml-cs-item-toggle{
    cursor: pointer;
    position: relative;
    padding: 25px 11px 23px 0px;
    color: #666;
    letter-spacing: 0.1px;
}
.header-style1 .wrap-language:before,
.header-style1 .wcml_currency_switcher:before,
.header-style1 .mainnav > ul.menu > li > a:before,
.border-slider-hover:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    bottom: 35%;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}
.header-style1 .wrap-language:hover:before,
.header-style1 .wcml_currency_switcher:hover:before,
.header-style1 .mainnav > ul.menu > li:hover > a:before,
.header-style1 .mainnav > ul.menu > li.current-menu-item > a:before,
.header-style1 .mainnav > ul.menu > li.current-menu-ancestor > a:before,
.border-slider-hover:hover:before,
.border-slider-active:before{
    visibility: visible;
    opacity: 1;
    bottom: -1px;
}
.border-slider-hover:before{
	background: #ff4d4d;
}
.wrap-language .list-flat-chooser ul,
.wcml_currency_switcher ul{
    min-width: 110px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 135%;
    padding: 10px;
    background-color: #fff;
    z-index: 1000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.wrap-language .list-flat-chooser ul li, .wcml_currency_switcher ul li {
    padding: 5px 0px;
}
.wrap-language:hover .list-flat-chooser ul,
.wcml_currency_switcher:hover ul{
	visibility: visible;
    opacity: 1;
    top: 102%;
}
.header-content{
	max-width: 100%;
	padding-top: 16px;
	transition: all 0.3s ease-in-out;
}
.header-style1 .nav-wrap{
    -webkit-flex: 0 0 44%;
    -ms-flex: 0 0 44%;
    flex: 0 0 44%;
    max-width: 44%;
}
.header-style1 .nav-wrap.change-width,
.header-style2 .nav-wrap.change-width{
    -webkit-flex: 0 0 85%;
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    max-width: 85%;
    justify-content: center !important;
}

.header-style1 .icon-header-wrap-right{
    -webkit-flex: 0 0 24%;
    -ms-flex: 0 0 24%;
    flex: 0 0 24%;
    max-width: 24%;
}
.header-style1 .nav-wrap.change-width + .icon-header-wrap-right,
.header-style2 .nav-wrap.change-width + .icon-header-wrap-right{
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    max-width: 15%;
}
.header-style1 .icon-header-wrap-left{
	-webkit-flex: 0 0 32%;
	-ms-flex: 0 0 32%;
	flex: 0 0 32%;
	max-width: 32%;
}
.header-item-wrap {
    width: 100%;
    position: relative;
    margin-right: 15px;
}
.language-current:after,
.wcml-cs-item-toggle:after{
	content: "\f107";
	position: absolute;
	right: 0;
	top: 43%;
	font-family: "Font Awesome 5 Pro";
	font-size: 10px;
}
.header-item-wrap .icon {
	position: relative;
    font-size: 15px;
    margin-left: 10px;
    cursor: pointer;
    color: #000;
    padding: 24px 0px
}
.icon.icon-header-bag {
    margin-right: 23px;
}
.icon.icon-header-bag i,
.icon.icon-header-user i{
	margin-bottom: 6px;
}
span.count-cart,
.icon-header-wishlist span.wishlist_products_counter_number {
	top: 13px;
    right: -12px;
    line-height: 13px;
    text-align: center;
    position: absolute;
    color: #fff;
    min-width: 22px;
    min-height: 22px;
    padding: 0 2px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
}
.page-template-front-page .page-wrap{
    padding: 0 !important;
}
/* Menu */
/*-------------------------------------------- */
.menu-item.hot-label>a:after {
    content: "hot";
    display: inline-block;
    background-color: #f96a67;
    width: 38px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 85%;
    color: #fff;
    position: absolute;
    margin-left: 3px;
    top: -9px;
    transition: all 0.3s ease-in-out;
}
.menu-item.new-label>a:after {
    content: "new";
    display: inline-block;
    background-color: #7db62e;
    width: 38px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 85%;
    color: #fff;
    position: absolute;
    margin-left: 3px;
    top: -9px;
    transition: all 0.3s ease-in-out;
}
#mainnav > ul > li.menu-item-has-children > a:after{
	line-height: normal;
	font-weight: normal;
	content: "\f067";
	font-size: 8px;
	font-family: "Font Awesome 5 Pro";
	position: relative;
	vertical-align: middle;
	margin-left: 5px;
    font-weight: 600;
}
.mobile-menu__panel-body .themeflat-menu{
	display: none;
}
/* Header style1 */
/*-------------------------------------------- */
.header-style1 .mainnav li{
	position: relative;
	margin: 0px 13px;
}
.header-style1 .mainnav ul.sub-menu li{
	margin: 0px ;
}
.header-style1 .mainnav > ul > li > a{
	position: relative;
	padding: 28px 0px 23px;
	display: block;
	text-transform: uppercase;
}
.header-style1 .mainnav > ul > li:first-child{
	margin-right: 21px;
	margin-left: 11px;
}
.header-style1 .mainnav > ul > li:not(:first-child){
	margin-right: 20px;
}
.header-style1 #mainnav ul.menu > li[class*='megamenu'] > ul.sub-menu{
	left: -420px;
}
.header-style2 #mainnav ul.menu > li[class*='megamenu'] > ul.sub-menu {
    left: -80px;
}
#mainnav ul.menu > li[class*='megamenu'] > ul > li.menu-item-has-children > a:after{
	content: none;
}
#mainnav ul.menu > li.menu-item-has-children > ul.sub-menu {
	min-width: 225px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 0;
    top: 135%;
    padding: 8px 0;
    background-color: #fff;
    z-index: 1000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#mainnav ul.menu > li.menu-item-has-children > ul.sub-menu li{
	padding: 12px 18px;
    line-height: 1;
    margin: 0;
}
.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li > .sub-menu > li{
	padding-right: 0px;
	padding-left: 0px;
}
.nav-wrap nav#mainnav > ul > li > .sub-menu li.image-item{
	padding: 0px;
}

#mainnav ul.sub-menu > li > a{
	position: relative;
    font-weight: 600;
    transition: all 0.5s ease-in-out;
}
#mainnav ul.sub-menu > li.image-item > a{
	padding-left: 0px;
}
.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li > .sub-menu > li >a{
	padding-left: 15px;
}
.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li > .sub-menu > li >a:before {
    content: "\f105";
    left: 0;
    top: 50%;
    font-size: 10px;
    line-height: normal;
    transform: translateY(-50%);
    position: absolute;
    font-family: "Font Awesome 5 Pro";
}
#mainnav > ul > li > ul li a{
	width: 100%;
	display: block;
	line-height: 1.2;
}
#mainnav > ul > li > ul li.menu-item-has-children > a:after{
	right: 5px;
	line-height: normal;
	font-weight: normal;
	content: "\f0da";
	font-size: 10px;
	font-family: "Font Awesome 5 Pro";
	position: absolute;
	top: 50%;
	font-weight: 600;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.3s .ease-in-out;
	color: #000;
}
#mainnav ul.sub-menu > li.current-menu-item > a,
#mainnav ul.sub-menu > li:hover > a{
	margin-left: 5px;
}
#mainnav ul.menu > li > ul.sub-menu > li.menu-item-has-children > ul.sub-menu{
	min-width: 225px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    left: 226px;
    top: 100%;
    padding: 8px 0;
    background-color: #fff;
    z-index: 1000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.25);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
#mainnav ul.menu > li.menu-item-has-children:hover > .sub-menu{
	visibility: visible;
    opacity: 1;
    top: 102%;
}
#mainnav ul.menu > li > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu{
	visibility: visible;
    opacity: 1;
    top: 0;
}
.header-search-wrap a{
	font-size: 15px;
	margin: 0px 5px;
}
.header-search-wrap a{
	font-size: 15px;
	margin: 0px 5px;
}
.search-hover{
	cursor: pointer;
}
.menu-btn {
    position: relative;
    transform: rotate(180deg);
    cursor: pointer;
    margin: 0px 68px 15px 40px;
    transition: all 0.3s ease-in-out;
}
.home4-pixel .menu-btn{
	margin: 0px 77px 15px 40px;
}
.menu-btn .line {
    padding: 0;
    width: 40px;
    background: #868686;
    height: 1px;
    margin: 7px 0;
    transition: all 0.3s ease-in-out;
}
.menu-btn .line.line--1 {
    width: 32px;
    margin-top: 4px;
}
.menu-btn .line.line--2 {
    width: 28px;
}
.menu-btn .line.line--3 {
    width: 36px;
}
.menu-btn .line.line--4 {
    width: 30px;
}
.menu-btn:hover .line{
	width: 36px;
}
/* megamenu */
.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu {
	width: 460px;
}
.nav-wrap nav#mainnav > ul > li.megamenu3 > .sub-menu { 
	width: 700px; 
}
.nav-wrap nav#mainnav > ul > li.megamenu4 > .sub-menu { 
	width: 940px; 
}
.nav-wrap nav#mainnav > ul > li[class*='megamenu'] .sub-menu .sub-menu {
	opacity: 0;
	visibility: hidden;
	transition: all 0.5s cubic-bezier(.19,1,.22,1) 0.2s;
}
.nav-wrap nav#mainnav > ul > li[class*='megamenu']:hover .sub-menu .sub-menu {
	opacity: 1 !important;
	visibility: visible !important;
	transition-delay: 0s;
}

.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu.right-align,
header.logo-left-menu-center .nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu {
	left: 0;
	right: auto;
}

.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li {
	float: left;
	margin-right: 20px;
	margin-top: 0px !important;
	margin-bottom: 20px;
	height: auto;
	width: 220px;
}
.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li:last-child {
	margin-right: 0;
}
.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li:hover > a::after  { 
	opacity: 0; 
}
.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li > a:hover::after  { 
	opacity: 1; 
}

.nav-wrap nav#mainnav > ul li[class*='megamenu']:hover > .sub-menu > li:nth-child(2) { 
	transition-delay: 0.25s; 
}
.nav-wrap nav#mainnav > ul li[class*='megamenu']:hover > .sub-menu > li:nth-child(3) { 
	transition-delay: 0.35s; 
}
.nav-wrap nav#mainnav > ul li[class*='megamenu']:hover > .sub-menu > li:nth-child(4) { 
	transition-delay: 0.45s; 
}

.nav-wrap nav#mainnav.with-title > ul > li[class*='megamenu'] > .sub-menu > li > a {
	color: rgba(0,0,0,0.41);
	font-size: 14px;
	line-height: 24px;
	height: 24px;
	font-weight: 500;
	margin-bottom: 10px;
	display: inline-block;
	cursor: default;
}
.nav-wrap nav#mainnav.with-title > ul > li[class*='megamenu'] > .sub-menu > li > a::after {
	display: none;
}

.nav-wrap nav#mainnav > ul.menu > li[class*='megamenu'] > ul.sub-menu > li > ul.sub-menu {
	margin: 0;
	padding: 0;
	position: inherit;
	top: 0;
	left: 0;
	list-style: none;
	margin-top: 8px; 
	min-width: auto;
    visibility: hidden;
    opacity: 0;
    background-color: transparent;
    z-index: 1000;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li li {
	transition: none;
	opacity: 1;
	transform: none;
}
.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li > a {
    line-height: 24px;
    height: 24px;
    margin-bottom: 10px;
    display: inline-block;
    cursor: default;
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    border-bottom: 2px solid #000000;
    padding: 0px;
    cursor: pointer;
    margin-left:0px;
    width: auto;
}
.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li:hover > a,
#mainnav > ul > li > ul li.image-item:hover a{
	margin-left: 0px;
}

.nav-wrap nav#mainnav > ul > li[class*='megamenu'] > .sub-menu > li > a:before,
#mainnav > ul > li > ul li.image-item a:before{
	content: none !important;
}
@media only screen and (min-width: 1199px) {
	.nav-wrap nav#mainnav > ul li > .sub-menu > li {
		transform: translateY(7px);
		opacity: 0;
		transition: all 0.35s ease 0.3s;
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(1) { 
		transition-delay: 0.15s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(2) { 
		transition-delay: 0.18s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(3) { 
		transition-delay: 0.21s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(4) { 
		transition-delay: 0.24s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(5) { 
		transition-delay: 0.27s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(6) { 
		transition-delay: 0.30s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(7) { 
		transition-delay: 0.33s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(8) { 
		transition-delay: 0.36s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(9) { 
		transition-delay: 0.39s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(10) { 
		transition-delay: 0.42s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(11) { 
		transition-delay: 0.45s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(12) { 
		transition-delay: 0.48s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(13) { 
		transition-delay: 0.51s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(14) { 
		transition-delay: 0.54s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(15) { 
		transition-delay: 0.57s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(16) { 
		transition-delay: 0.60s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(17) { 
		transition-delay: 0.63s; 
	}
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li:nth-child(18) { 
		transition-delay: 0.66s; 
	}
	
	.nav-wrap nav#mainnav > ul li:hover > .sub-menu > li {
		transform: translateY(0px);
		opacity: 1;
	}
}
.thumb-hover {
    overflow: hidden;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}
.nav-wrap nav#mainnav > ul > li .sub-menu .item-thumb {
    margin-top: 13px;
    margin-bottom: 7px;
    display: block;
}
.nav-wrap nav#mainnav > ul > li .sub-menu > li:first-child > a .item-thumb {
    margin-top: 0;
}
/* Header style2 */
/*-------------------------------------------- */
.header.header-style2 {
    padding-top: 9px;
}
.header-style2.header-sticky .header-item-wrap .icon{
	margin-top: 0px;
}
.header-style2 .home2-hide{
	display: none;
}
.header-style2 .header-content {
    border: none;
    padding-top: 21px; 
}
.header-style2 .mainnav li{
	position: relative;
	margin: 0px 13px;
}
.header-style2 .mainnav > ul{
	margin-left: -60px;
}
.header-style2 .mainnav ul.sub-menu li{
	margin: 0px ;
}
.header-style2 #mainnav > ul > li > a{
	position: relative;
	display: block;
	padding: 24px 0px;
}
.header-style2 .mainnav > ul > li:first-child{
	margin-right: 20px;
	margin-left: 11px;
}
.header-style2 .mainnav > ul > li:not(:first-child){
	margin-right: 20px;
}
.header-style2 .mainnav > ul.menu > li > a:before,
.header-style2 .wrap-language:before,
.header-style2 .wcml_currency_switcher:before{
    position: absolute;
    content: "";
    height: 1px;
    bottom: 40%;
    width: 0;
    left: auto;
    transition: all 0.3s ease-in-out;
    -webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
    right: 0;
    z-index: 1
}
.header-style2 .mainnav > ul.menu > li > a:after {
    position: absolute;
    content: "";
    height: 1px;
    bottom: 40%;
    width: 100%;
    background: transparent;
    left: 0;
}
.header-style2 .mainnav > ul.menu > li:hover > a:before,
.header-style2 .mainnav > ul.menu > li.current-menu-item > a:before,
.header-style2 .mainnav > ul.menu > li.current-menu-ancestor > a:before,
.header-style2 .wrap-language:hover:before,
.header-style2 .wcml_currency_switcher:hover:before{
	width: 100%;
    right: auto;
    left: 0;
}
.header-style2 input[type=search]{
	position: relative;
    border: transparent;
    border-bottom: 1px solid;
    border-radius: unset;
    width: 240px;
    margin-bottom: 0px;
    font-size: 12px;
    background: transparent;
    font-weight: 300;
    margin-left: 29px;
    height: 26px;
    margin-top: -5px;
    padding: 0px 11px;
}
.header-style2 .menu-btn {
    margin: 0px 75px 10px 40px;
}

form.search-product-form {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 9px;
    margin-top: -9px;
}
button.btn.btn-search.v2{
	padding: 0px;
    line-height: 0;
    position: absolute;
    bottom: -2px;
    left: 0;
}
button.btn.btn-search.v2:hover {
	background: transparent;
}
button.btn.btn-search.v2 .fal.fa-search {
    font-size: 18px;
}
.header-style2 .icon-header-wrap-left input::placeholder{
	color: #9d9e9e;
}
.header-style2 .nav-wrap.justify-content-start {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.header-style2 .nav-wrap{
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 35%;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
    max-width: 35%;
}

.header-style2 .icon-header-wrap-right{
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
}
.header-style2 .icon-header-wrap-left{
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 32%;
	-ms-flex: 0 0 32%;
	flex: 0 0 32%;
	max-width: 32%;
	display: flex;
}
.header-style2 .header-item-wrap .icon.icon-header-search{
	display: none;
}
.header-style2 .wrap-language .language-name.language-current,
.header-style2 .wcml-cs-item-toggle{
	padding: 22px 11px 26px 0px;
}
.header-style2 .wcml_currency_switcher {
	margin-right: 40px
}
.header-style2 .language-current:after,.header-style2 .wcml-cs-item-toggle:after{
	top: 34%;
}
.header-style2 .header-item-wrap .icon{
	margin-top: -10px;
}
/* Page title
-------------------------------------------- */
.page-title {
    position: relative;
    padding: 28px 0 22px;
    overflow: hidden;
}
.page-title.default_x h1 {
    margin-bottom: 0px;
}
.page-title.default_x {
    padding: 40px;
    background: #f4f9ff;
}
.page-title h1{
	margin-bottom: 10px;
}
.page-title .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.page-title.center .page-title-container h1, .page-title.center .breadcrumbs {
    text-align: center;
}
.page-title.left .page-title-container h1, .page-title.left .breadcrumbs {
    text-align: left;
}
.page-title.right .page-title-container h1, .page-title.right .breadcrumbs {
    text-align: right;
}
.page-title.left .page-title-container h1{
	text-transform: uppercase;
}
/* Error 404
-------------------------------------------- */
.error404 .instagram{
	display: none;
}
.spacer-big{
	height: 100px;
}
.spacer-medium{
	height: 80px;
}
.spacer-small{
	height: 60px;
}
.spacer-small-50{
	height: 50px;
}
.spacer-small-30{
	height: 30px;
}
.error-box-2 .error-icon {
	font-size: 200px;
	font-weight: 700;
	margin-bottom: 15px;
	color: #ff4d4d;
}
.error-box-2 h3{
	font-weight: 600;
    font-size: 24px;
    margin-bottom: 5px;
}
.error404 h5.title-alt {
    font-weight: 400;
}
.error404 .themesflat-boxed  .page-wrap{
	padding-top: 0;
	padding-bottom: 48px;
}
.wrap-button-404 .button {
   padding: 12px 22px;
	box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
	background-color: #000000;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	will-change: transform;
	-webkit-transition:all 0.3s ease-in-out ;
	-o-transition:all 0.3s ease-in-out ;
	transition:all 0.3s ease-in-out ;
	border-radius: 0px;
	display: inline-block;
}
.wrap-button-404 .button:hover{
	color: #ffffff;
	background: #5187d0;
	box-shadow: 0 4px 17px rgba(0, 0, 0, 0.2);
	transform: translate3d(0, -2px, 0);
}
.wrap-button-404 .button:active{
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	transform: translate3d(0, 1px, 0);
	color: #ffffff;
}
p.subtext-nothing{
	margin-bottom: 10px
}
.search-nothing .search-form,
.footer .search-form,
.sidebar .search-form {
	display: flex;
    position: relative;
}
.search-nothing .search-form input,
.footer .search-form input,
.sidebar .search-form input {
    width: 100%;
    margin-bottom: 0px;
}
.search-nothing .search-form label,
.footer .search-form label,
.sidebar .search-form label {
    width: 100%;
    margin-bottom: 0px;
}
.error-404-search{
	width: 50%;
	margin: 0px auto;
}
/* Blog Detail
-------------------------------------------- */
.blog-single .featured-post {
    margin-bottom: 25px;
    border-radius: 5px;
    overflow: hidden;
}
.blog-single .entry-title {
    margin-bottom: 16px;
}
.entry-box-title h3{
	font-family: "Poppins", sans-serif;
	font-weight: 600;
	font-size: 30px;
}
.entry-content input[type="password"]{
	border-radius: 0px;
    height: 41px;
    line-height: 40px;
    margin-bottom: 0px;
}
.text-1{
	margin-bottom: 17px;
	letter-spacing: 0.004px;
}
.text-2,
.text-3,
.text-4 {
    margin-bottom: 12px;
    letter-spacing: 0.01px;
}
.text-col-1,
.text-col-2{
    letter-spacing: 0.02px;
}
.cs-style-quote {
    margin-bottom: 43px;
}
.blog-single{
    padding-bottom:23px;
    border-bottom: 1px solid #e8e8e8;
}
.social-share-article ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	margin-top:2px; 
}
.social-share-article ul li a i{
	font-size: 18px;
}
.themesflat-socials {
	display: inline-block;
}
.social-share-article,.tags-links{
	margin: 12px 0px;
    position: relative;
    display: block;
    clear: both;
    overflow: hidden;
}
.entry-footer .social-share-article{
	display: flex;
	align-items: center;
}
.social-share-article strong,
.tags-links strong{
	color: #000000;
    font-weight: 700;
    padding-right: 10px;
}
.entry-footer .social-share-article strong{
	padding-right: 15px;
}
.social-share-article ul li {
	font-size: 17px;
}

.social-share-article .android a { color: #8ec147; }
.social-share-article .apple a { color: #777; }
.social-share-article .behance a { color: #0077ff; }
.social-share-article .bitcoin a { color: #f79012; }
.social-share-article .buysellads a { color: #c90100; }
.social-share-article .codepen a { color: #444; }
.social-share-article .css3 a { color: #0270bb; }
.social-share-article .delicious a { color: #31a9ff; }
.social-share-article .deviantart a { color: #05cc47; }
.social-share-article .digg a { color: #0093cc; }
.social-share-article .dribbble a { color: #ea4c89; }
.social-share-article .dropbox a { color: #007ee5; }
.social-share-article .drupal a { color: #0073ba; }
.social-share-article .email-1 a { color: #35c7ed; }
.social-share-article .email-2 a { color: #35c7ed; }
.social-share-article .facebook a { color: #4862a3; }
.social-share-article .flickr a { color: #ff1981; }
.social-share-article .foursquare a { color: #f04d7a; }
.social-share-article .git a { color: #f64d27; }
.social-share-article .github a { color: #999; }
.social-share-article .google a { color: #3f85f4; }
.social-share-article .google-plus a { color: #dd4b39; }
.social-share-article .html5 a { color: #e54d26; }
.social-share-article .instagram a { color: #3d6b92; }
.social-share-article .joomla a { color: #fc8f30; }
.social-share-article .jsfiddle a { color: #4679bd; }
.social-share-article .lastfm a { color: #df1c23; }
.social-share-article .linkedin a { color: #0177b5; }
.social-share-article .linux a { color: #39a6df; }
.social-share-article .maxcdn a { color: #ff5b02; }
.social-share-article .medium a { color: #333; }
.social-share-article .pagelines a { color: #444; }
.social-share-article .paypal a { color: #009cde; }
.social-share-article .pinterest a { color: #db242c; }
.social-share-article .reddit a { color: #ff4500; }
.social-share-article .rss a { color: #fc8f55; }
.social-share-article .share a { color: #01924b; }
.social-share-article .skype a { color: #00aff0; }
.social-share-article .slideshare a { color: #0679b5; }
.social-share-article .soundcloud a { color: #ff4e00; }
.social-share-article .spotify a { color: #84bd00; }
.social-share-article .stack-exchange a { color: #366fb3; }
.social-share-article .stack-overflow a { color: #07c; }
.social-share-article .stumbleupon a { color: #ea4b24; }
.social-share-article .trello a { color: #026aa7; }
.social-share-article .tumblr a { color: #2c4762; }
.social-share-article .twitter a { color: #55acee; }
.social-share-article .vimeo a { color: #44bbff; }
.social-share-article .vine a { color: #00bf8f; }
.social-share-article .vk a { color: #6281a3; }
.social-share-article .whatsapp a { color: #59ac23; }
.social-share-article .windows a { color: #00bcf2; }
.social-share-article .wordpress a { color: #1e8cbe; }
.social-share-article .xing a { color: #006464; }
.social-share-article .yahoo a { color: #5210c4; }
.social-share-article .yelp a { color: #c41200; }
.social-share-article .youtube a { color: #d02022; }
.social-share-article .youtube-play a { color: #d02022; }

/* Comment
-------------------------------------------- */
.comments-area {
    margin-top: 62px;
    clear: both;
}
h5.comment-title {
    line-height: 32px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 24px;
    position: relative;
    font-family: 'Poppins',sans-serif;
}
.comments-area .comment-title span{
	position: relative;
}
.comment-title span:after {
    content: "";
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: -1px;
    left: 0;
    background: #333;
}
.comment-list-wrap ol.comment-list,
.comment-list-wrap ul.children {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.comment_text{
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.comment-list-wrap ul.children{
	margin-left:100px;
}
.comment-list article {
	position: relative;
    padding-left: 40px;
    margin-bottom: 30px;
}
.comment_content {
    padding: 27px 61px 18px 63px;
    border-radius: 4px;
    border: 1px solid #e5e5e7;
}
.comment-list article .gravatar {
    position: absolute;
    top: 31px;
    left: 0;
}
.comment-list article .gravatar img{
	border-radius: 50%;
}
.comment_author {
	font-size: 16px;
	font-weight: 700;
	margin-top: 0px;
    margin-left: 1px;
}
.comment_time,
.comment-report{
	display: inline-block;
	margin-right: 33px;
}
.comement_reply{
	display: inline-block;
}
.comement_reply a{
	margin-right: 33px;
}
.comement_reply a,
.comment_time ,
.comment-report a{
	font-size: 13px;
    line-height: 32px;
    font-weight: 300;
    color: #222;
}
.comment-respond h5.comment-title {
    margin-top: 61px;
    margin-bottom: 12px; 
}
.comment-respond input[type="text"]{
	height: 35px;
	margin-bottom: 22px;
}
.comment-form-cookies-consent {
    margin-bottom: 0px;
    display: block;
    clear: both;
    overflow: hidden;
}
.comment-right {
    clear: both;
}
.comment_time i {
    margin-right: 8px;
}
.comment_wrap_input label {
    font-size: 13px;
    line-height: 30px;
    margin-bottom: 5px;
}

.name-container,
.email-container {
    width: 50%;
    word-wrap: break-word;
    float: left;
    padding-right: 10px;
}
.email-container{
	padding-right: 0px;
	padding-left: 10px;
}
.name-container input,
.email-container input,
.message textarea{
	width: 100%;
	border-radius: 5px;
}
.message textarea{
	height: 200px;
}
.form-submit .submit{
	font-size: 16px;
    font-weight: 700;
    padding: 11px 26px 11px 28px;
    line-height: 1.5;
    height: auto;
}
.form-submit .submit:focus{
    outline: 0;
}
.comment-respond{
	margin-bottom: 30px;
}
h3.box-title {
	font-size: 22px;
    font-weight: 700;
    color: #000000;
    margin-bottom: 30px;
    text-align: center;
}

/* Related bog
-------------------------------------------- */
.related-item {
	margin-bottom: 23px;
	font-family: "Poppins",sans-serif;
}
.related-item .content-post .number {
    font-size: 72px;
    line-height: 60px;
    font-weight: 600;
    color: #e5e5e7;
    position: absolute;
    top: 6px;
    left: -3px;
    z-index: -1;
}
.related-item .content-post,
.blog-archive.item .content-post  {
    position: relative;
}
.related-item .content-post .user,
.item .content-post .user {
    position: absolute;
    top: -22px;
    right: 28px;
}
.related-item .content-post .user img,
.item .content-post .user img{
	border-radius: 50%;
}
.related-item .content-post .text,
.item .content-post .text  {
    padding: 23px 23px 20px 23px;
}
.item .sticky .content-post .text {
	padding: 0px;
}
.related-item .content-post .time,
.item .content-post .time {
    font-size: 13px;
    margin-bottom: 8px;
    background: #fff;
    line-height: 24px;
}
.related-item .content-post .time a,
.item .content-post .time a {
    color: #b1b1b1;
}
.related-item .content-post .title a,
.item .content-post .title a {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    color: #000000;
}
.related-item .entry-image,
.item .featured-post{
	position: relative;
	overflow: hidden;
}
.related-item .entry-image img{
	width: 100%;
	-webkit-transition:all 5s cubic-bezier(0.50, 0.50, 0.50, 0.50);
	-moz-transition:all 5s cubic-bezier(0.50, 0.50, 0.50, 0.50);
	-ms-transition:all 5s cubic-bezier(0.50, 0.50, 0.50, 0.50);
	-o-transition:all 5s cubic-bezier(0.50, 0.50, 0.50, 0.50);
	transition:all 5s cubic-bezier(0.50, 0.50, 0.50, 0.50);
}
.blog-archive.item .featured-post img{
	-webkit-transition:all 5s cubic-bezier(0.50, 0.50, 0.50, 0.50);
	-moz-transition:all 5s cubic-bezier(0.50, 0.50, 0.50, 0.50);
	-ms-transition:all 5s cubic-bezier(0.50, 0.50, 0.50, 0.50);
	-o-transition:all 5s cubic-bezier(0.50, 0.50, 0.50, 0.50);
	transition:all 5s cubic-bezier(0.50, 0.50, 0.50, 0.50);
} 
.related-item article:hover .entry-image img,
.blog-archive.item article:hover .featured-post img {
	-ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.related-item article,
.item article{
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.related-item article:hover,
.blog-archive.item article:hover{
	-webkit-box-shadow: 0 10px 30px 0 rgba(50,50,50,.08);
    -moz-box-shadow: 0 10px 30px 0 rgba(50,50,50,.08);
    box-shadow: 0 10px 30px 0 rgba(50,50,50,.08);
}
.blog-archive.blog-list article:hover{
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
/* Blog
-------------------------------------------- */
.entry-meta ul {
	padding: 0;
	margin: 0 0 13px 0;
	list-style: none;
}
.blog-list.blog-archive .content-post .user{
	display: none;
}
.item {
	margin-bottom: 23px;
	font-family: "Poppins",sans-serif;
}
.blog-list.item{
	margin-bottom: 49px;
}
.item .content-post .number {
    font-size: 72px;
    line-height: 60px;
    font-weight: 600;
    color: #e5e5e7;
    position: absolute;
    top: 6px;
    left: -3px;
    z-index: -1;
}
.blog-list.item .content-post .number{
	display: none;
}
.blog-list.item .content-post .time,
.blog-single .time{
	margin-bottom: 19px;
	background: transparent;
}
ul.list-post-meta {
    list-style: none;
    margin: 0;
}
ul.list-post-meta li {
    display: inline-block;
    margin-right: 24px;
}
.blog-list.item .sticky .content-post .time{
	background: transparent;
}
.blog-list.item .hentry .content-post .post-comments,
.blog-list.item .sticky .content-post .post-comments,
.blog-list.item .tag-sticky-2 .content-post .post-comments,
.blog-list.item .tag-password-2 .content-post .post-comments{
	color: #333;
    font-size: 13px;
    font-weight: 300;
}
.blog-list.item .sticky .content-post{
	z-index: 999;
}
.blog-list.item .content-post .time a,
.blog-single .time a{
	color: #333;
    font-size: 13px;
    font-weight: 300;
    font-family: "Poppins",sans-serif;
}
.blog-list.item .content-post .time .wrap-cat-flat a{
	margin-right:0px; 
}
.blog-list.item .content-post .time .wrap-cat-flat a:not(:first-child){
	margin-left:5px; 
}
.blog-list.item .content-post .time .post-comments .icon-chat,
.blog-single .time .post-comments .icon-chat{
	vertical-align: middle;
}
.wrap-cat-flat {
    margin-right: 30px;
}
.wrap-cat-flat .post-categories {
    margin: 0px;
    list-style: none;
    display: flex;
}
.blog-list.item .content-post .time i,
.blog-single .time i {
	margin-right: 6px;
    font-size: 14px;
    margin-top: 4px;
}
.blog-list.item .content-post .text {
    padding:0px;
}
.blog-list.item .content-post .title a{
	font-size: 30px;
	font-weight: 600;
	line-height: 1.3;
}
.blog-list.item  .featured-post{
	margin-bottom: 25px;
}
.entry-content,
.blog-list.item .content-post .text p{
    letter-spacing: 0.3px;
}
.item  .sticky .content-post .number{
	top: -18px;
	left: -3px;
	z-index: -1;
}
.content-post .text p{
	margin-bottom: 15px;
	margin-top: 10px;
}
.themesflat-button-container .themesflat-archive{
	padding: 16px 30px 14px 26px;
    display: inline-block;
    position: relative;
}
.blog-grid article .themesflat-button-container > a:hover{
	color: #ffffff;
	background: #000000;
}
.flat_pagination .paging-navigation {
    padding: 20px 0px;
}
.ordering-top .flat_pagination {
    padding: 0px;
}
.ordering-top.loadonclick .flat_pagination,
.ordering-bottom.loadonclick .hm-filter {
    display: none !important;
}
.ordering-bottom .flat_pagination {
    padding: 14px 0px;
}
.pagination,
.flat_pagination .pager{
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 14px;
	text-align: center;
	line-height: 1.6;
}
.page-links a, .page-links > span{
	font-size: 14px;
	line-height: 1.6;
	display: inline-block;
}
.pagination .page-numbers,
.flat_pagination .pager a,
.page-links a, .page-links > span{
    color: #a09fac;
    border: 1px solid #f3f3f3;
    border-radius: .25rem;
    padding: 2px 9px;
    margin: 0 5px;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover,
.flat_pagination .pager a:hover,
.page-links a:hover,
.page-links a:focus,
.page-links > span{
	background-color: #000000;
    color: #ffffff;
    border-color: #000000;
}
.loadmore .pagination a{
	padding: 10px 30px;
}
.button-flat,
.loadmore .pagination a{
	box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.1);
	background-color: #000000;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	will-change: transform;
}
.button-flat:hover,
.loadmore .pagination a:hover {
	background: #5187d0;
	box-shadow: 0 4px 17px rgba(0, 0, 0, 0.2);
	transform: translate3d(0, -2px, 0);
}
.button-flat:active,
.loadmore .pagination a:active {
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
	transform: translate3d(0, 1px, 0);
}
input[type="submit"]{
	font-size: 16px;
	font-weight: 700;
	padding: 11px 26px 11px 28px;
}
.entry-content input[type="submit"]{
	padding: 8px 26px 9px 28px;
	line-height: 24px;
}
.loadmore  .loading-icon{
    z-index: 2;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
    transition: all 0.3s ease;
}
.load-icon{
	position: absolute;
    top: calc(50% - 9px) !important;
    left: calc(50% - 28px) !important;
}
.loadmore{
	position: relative;
    transition: all 0.4s ease;
    height: 40px;
}
.loadmore.loading:not(.disabled) .loading-icon {
    visibility: visible;
    transition-delay: 0.1s;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.loadmore.loading .pagination > a,
.loadmore.disabled .pagination > a{
	visibility: hidden;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.loadmore.disabled {
    transition-delay: 3.2s;
    height: 0;
    margin: 0;
    opacity: 0;
    overflow: hidden;
}
.loadmore .pagination  > .load-message {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 260px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.3s 0.3s ease;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    visibility: hidden;
}
.loadmore.disabled .pagination > .load-message {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.flat-wow.animated{
	visibility: hidden;
	transition: all 0.3s ease-in-out;
}
.item article .title,
.entry-box-title h3{
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.item.blog-list article .title{
	margin-bottom:10px ;
}
.themesflat-button{
	padding: 16px 28px 14px 29px;
	font-size: 16px;
	font-weight: 600;
	border: 1px solid #e5e5e5;
	border-radius: 2px;
}
.themesflat-button:after{
	content:"\e904";
	font-family: 'icomoon';
	margin-left: 10px;
}
.themesflat-button:hover{
	color: #ffffff;
	border-color: transparent;
}
.blog-list .themesflat-button-container {
    padding-top: 5px;
}
/* Shop filter
-------------------------------------------- */
.hm-shop-filter {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
    font-family: "Open Sans", sans-serif;
}
.mgb-shop-filter {
    margin-bottom: 70px;
}
.ordering-bottom .mgb-shop-filter {
    margin-bottom: 16px;
}
.pdt-shop-filter {
    padding-top: 20px;
}
.hm-filter {
    display: flex;
    display: -ms-flexbox;
}
.view-toggles {
    display: flex;
    display: -ms-flexbox;
}
.hm-filter .view-toggles > span,
.hm-filter .ordering > span {
    font-size: 13px;
    color: #000000;
}
.hm-filter .view-toggles > span {
    padding-top: 4px;
    margin-right: 12px;
}
.hm-filter .ordering > span {
    margin-right: 10px;
}
.hm-filter .ordering {
    margin: 0 0 0 28px;
}
.hm-filter .ordering .option {
    display: inline-block;

}
.hm-filter .ordering .option select {
    height: 30px;
    border-radius: 2px;
    -webkit-appearance: none;
    background: url(../images/custom-select/01.png) no-repeat;
    background-size: 8px;
    background-position: calc(100% - 10px) center;
    background-repeat: no-repeat;
    background-color: #fff;
    padding-left: 20px;
    color: #b1b1b1;
    border: 1px solid #e5e5e7;
    cursor: pointer;
    padding-right: 30px;
    margin-bottom: 0px;
    font-size: 13px;
}
.hm-filter .order-1 .option select {
    padding: 0 24px 0 5px;
}
.hm-filter .order-2 .option select {
    padding: 0 32px 0 14px;
}
.hm-filter .tab-2 ul li {
    display: inline-block;
    margin-right: 2px;
}
.hm-filter .tab-2 ul{
	margin: 0px;
	list-style: none;
}
.hm-filter .tab-2 ul li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 13px;
    border-radius: 2px;
    border: 1px solid #e5e5e7;
    color: #b1b1b1;
    cursor: pointer;
    display: inline-block;
}
.hm-filter .tab-2 ul li.active i {
    color: #000000;
}

/* Sidebar
-------------------------------------------- */
.blog-sidebar {
    padding: 43px 29px;
    border: 1px solid #ebebeb;
    border-radius: 8px;
}
.sidebar .widget{
	margin-bottom: 44px;
}
.widget > ul > li{
	padding: 10px 0;
	position: relative;
    display: block;
}
.widget-area.blog-sidebar{
	margin-bottom: 20px;
}
.sidebar .widget:last-child{
	margin-bottom: 0px;
}
.woo-sidebar .widget,
.woo-sidebar-single .widget{
	border:1px solid #e5e5e7
}
.woo-sidebar .widget ul,
.woo-sidebar-single .widget ul {
    padding:15px;
}
.footer .widget:not(:last-child){
	margin-bottom: 40px;
}
.sidebar .widget.widget_search{
	border: none;
}
.sidebar .widget.widget_search .search-form input,
.footer .widget.widget_search .search-form input,
.search-nothing .search-form input{
	width: 100%;
	height: 54px;
	line-height: 54px;
	padding-right: 60px;
	padding-left: 30px;
}
.sidebar .widget.widget_search .search-submit,
.search-nothing .search-form .search-submit,
.footer .widget.widget_search .search-submit{
	position: absolute;
    right: 0;
    background: transparent;
    color: #000;
    top: 50%;
    transform: translateY(-50%);
    height: 100%;
    padding: 0 20px;
    transition: all 0.3s ease-in-out;
}
.sidebar .widget.widget_search .search-submit:hover,
.search-nothing .search-form .search-submit:hover,
.footer .widget.widget_search .search-submit:hover{
	background: transparent;
	color: #5187d0;
}
.search-submit i.fa.fa-search {
    font-weight: 400;
    font-size: 17px;
}
.woo-sidebar .sidebar .widget .widget-title,
.woo-sidebar-single .sidebar .widget .widget-title  {
    font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    padding: 8px 10px 8px 20px;
    background-color: #f3f3f3;
}
.blog-sidebar .sidebar .widget .widget-title{
	font-size: 18px;
    line-height: 28px;
    font-weight: 600;
    color: #000000;
    margin-bottom: 22px;
}
.calendar_wrap th, .calendar_wrap td{
	border:1px solid #f3f6fb;
}

.woo-sidebar .sidebar .widget .widget-title:before,
.woo-sidebar-single .sidebar .widget .widget-title:before{
	content: "\f0ca";
	font-family: "Font Awesome 5 Pro";
	font-size: 17px;
    margin-right: 13px;
}
.sidebar .widget_search .search-form input[type="search"],
.sidebar .widget_search .search-form label,
.footer .widget_search .search-form input[type="search"],
.footer .widget_search .search-form label{
	margin: 0px;
}
.sidebar .widget ul{
	list-style: none;
	margin: 0px;
}
.sidebar .widget ul li ul {
    padding: 0 20px;
}
.sidebar .widget .product-categories li{
	position: relative;
	padding: 13px 0px;
	transition: all 0.3s ease;
}
.sidebar .widget .product-categories li ul li:first-child{
	padding: 26px 0px 13px ;
}
.sidebar .widget .product-categories li.opened{
	padding-bottom: 0px;
}
.sidebar .widget .product-categories li .cat-menu-close {
    position: absolute;
    top: 8px;
    right: 0;
    font-size: 12px;
    color: #000;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 5px 15px;
}
.sidebar .widget .product-categories li:first-child .cat-menu-close{
	top: -4px;
}
.sidebar .widget .product-categories li .cat-menu-close:hover{
	 color: #5187d0;
}
.sidebar .widget .product-categories li.opened .cat-menu-close {
	transform: rotate(90deg);
}

.widget_calendar caption{
    padding: 0.5rem;
    text-align: left;
    caption-side: top;
    padding-left: 0px;
}
.wp-calendar-nav{
	padding-bottom: 0.5rem;
}
.sidebar .widget_calendar #wp-calendar,
.widget_text select,
.footer .widget_calendar #wp-calendar{
    margin-bottom:0px ;
}
.widget.widget_themesflat_categories > ul > li  {
    text-align: right;
    background: #f9f9f9;
    margin-bottom: 5px;
    border: none;
    display: inline-table;
    width: 100%;
    padding: 12px 15px 14px;
    color: #222222;
}
.footer .widget .tagcloud{
	padding: 15px 0px;
}
.footer .widget.widget_text select,
.sidebar .widget.widget_text select{
	width: 100%;
}
.widget_categories #cat,
.widget_archive #archives-dropdown--1,
#categories-dropdown--1{
	width: 100%;
    margin-bottom: 0px;
}
.widget.widget_categories > ul > li,
.widget.widget_archive > ul > li{
	border-bottom: 1px solid #e5e5e5;
	padding: 12px 0px 12px 0 !important;
	position: relative;
	display: inline-block;
	text-align: right;
	width: 100%;
}
.widget.widget_nav_menu ul.menu > li,
.widget.widget_pages > ul > li{
	text-align: left;
	border-bottom: 1px solid #e5e5e5;
	padding: 12px 0px 12px 0;
	position: relative;
	display: inline-block;
	width: 100%;
}
.widget.widget_pages > ul > li:before ,
.widget.widget_categories > ul > li:before,
.widget.widget_nav_menu ul.menu > li:before,
.widget.widget_archive > ul > li:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    float: left;
    top: 24px;
    transform: translateY(-50%);
    position: absolute;
    left: 0px;
    background: #a09fac;
}
.widget.widget_nav_menu ul.menu > li:first-child:before,
.widget.widget_pages > ul > li:first-child:before,
.widget.widget_categories > ul > li:first-child:before,
.widget.widget_archive > ul > li:first-child:before{
	top: 12px !important;
}
.widget.widget_categories ul > li a,
.widget.widget_archive ul > li a{
	padding-left: 15px;
	display: inline-block;
	float: left;
}
.widget.widget_nav_menu ul.menu > li a,
.widget.widget_pages ul > li a{
	padding-left: 15px;
	display: inline-block;
}
.widget.widget_categories ul > li > ul li a,
.widget.widget_nav_menu ul.menu > li > ul li a,
.widget.widget_pages ul > li > ul li a{
	padding: 0px;
}
.widget.widget_pages > ul > li > ul.children,
.widget.widget_categories > ul > li > ul.children,
.widget.widget_archive > ul > li > ul.children{
	padding-left: 15px;
}
.widget.widget_pages > ul > li > ul.children li,
.widget.widget_categories > ul > li > ul.children li,
.widget.widget_nav_menu ul.menu > li > ul.sub-menu li,
.widget.widget_archive > ul > li > ul.children li{
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #e5e5e5;
}
.widget.widget_pages > ul > li > ul.children li:last-child,
.widget.widget_categories > ul > li > ul.children li:last-child,
.widget.widget_nav_menu ul.menu > li > ul.sub-menu li:last-child,
.widget.widget_archive > ul > li > ul.children li:last-child{
	padding-bottom: 0px;
	border-bottom: none;
}
.widget.widget_pages ul li ul.children,
.widget.widget_categories ul li ul.children,
.widget.widget_nav_menu ul li ul.sub-menu,
.widget.widget_archive ul li ul.children{
	padding-right: 0px;
}
.widget.widget_nav_menu ul.menu > li .sub-menu,
.widget.widget_pages ul li ul.children,
.widget.widget_categories ul li ul.children,
.widget.widget_archive ul li ul.children,
.widget.widget_nav_menu ul.menu > li > ul.sub-menu {
	border-top: 1px solid #e5e5e5;
	margin-top: 12px;
	clear: both;
	padding-left: 20px;
}
.footer .widget.widget_nav_menu ul.menu > li .sub-menu{
	padding-left: 16px;
}
.footer .widget.widget_nav_menu ul.menu > li:before{
	top: 27px;
}
.footer .widget.widget_nav_menu ul.menu > li:first-child:before{
	top: 15px !important;
}
.widget > ul > li:first-child,
.widget > ul > li:first-child,
.widget.widget_nav_menu ul.menu > li:first-child,
.widget.widget_pages > ul > li:first-child{
	padding-top:0px !important;
}
/* Footer
-------------------------------------------- */
.footer.off-footer{
	padding: 20px 0px;
	background-color: #e4e4e4;
}
.footer.off-footer p{
	margin-bottom: 0px;
}
.footer.off-footer .copyright {
	margin-bottom: 0px;
	color: #000000;
}
.instagram{
	padding: 90px 77px 0px;
}
.blog .instagram{
	padding-top: 100px;
}
.instagram .entry-image-insta .links {
	font-size: 16px;
	z-index: 2;
	position: absolute;
	left: 0;
	top: 38.4%;
	margin: 0;
	width: 100%;
	text-align: center;
}
.instagram .entry-image-insta .links a{
	position: relative;
	padding: 11px 26px 13px 27px;
	display: inline-block;
	background: #333;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
	font-family: Open sans;
	-webkit-transform: scale(0.5);
	-ms-transform: scale(0.5);
	transform: scale(0.5);
	opacity: 0;
}
.instagram .entry-image-insta:hover .links a {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
}
.instagram .entry-image-insta .links a:after {
	content: "";
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0;
	bottom: 0;
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
}
.instagram .entry-image-insta .links i {
	margin-right: 5px;
	font-size: 14px;
}
.instagram .entry-image-insta .links a:hover:after {
	width: 100%;
}
.footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.themesflat-socials li{
    display: inline-block;
    margin-right:24px;
}
.entry-footer ul.themesflat-socials li{
	margin-right: 14px;
}
.footer h4.widget-title {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #000000;
    font-family: "Poppins", sans-serif;
    margin-bottom: 15px;
}
.footer .widget_rss h4.widget-title a{
	color: #000000;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
    font-family: "Poppins", sans-serif;
}
.footer_background.footer_s1 #nav_menu-1 {
    padding-left: 80px;
    margin-top: 1px;
}
.footer_background.footer_s1 #nav_menu-2 {
	padding-left: 59px;
}
.footer_background.footer_s1 #nav_menu-3 {
	padding-left: 40px;
}
.footer_background.footer_s4 #nav_menu-1 {
    padding-left: 77px;
    margin-top: 1px;
}
.footer_background.footer_s4 #nav_menu-2 {
	padding-left: 59px;
}
.footer_background.footer_s4 #nav_menu-3 {
	padding-left: 43px;
}
.footer_s1 .logo-footer {
    width: 85px;
    margin-bottom: 73px;
}
.footer .menu li a{
	font-size: 13px;
	line-height: 30px;
	font-weight: 500;
}
.img-ads-footer {
    margin: 4px 0px 47px 20px;
}
.textarea-right {
    margin-left: 18px;
}
.footer_s1 .info--footer {
    max-width: 290px;
    margin: auto;
    margin-top: 39px;
    margin-left: 100px;
}
.footer_s4 .footer .copyright a{
	color: #000;
}
.copyright {
    margin-bottom: 17px;
}
.footer_s4 .logo-footer {
    width: 222px;
}
.footer_s4 .info--footer{
	width: 100%;
	display: block;
	margin-top: 5px;
}
.footer_s4 .info--footer .copyright,
.footer_s4 .info--footer .socials-ft{
    max-width: 290px;
    margin: auto;
}
.footer_s4 .info--footer .copyright{
	 margin-top: 45px;
	 margin-bottom: 17px
}
.footer_s2 .info--footer {
    margin-left: 15px;
    margin-top: 4px;
}
.footer_s2 .info--footer .logo-footer{
	margin-bottom: 44px;
	width: 85px;
}
.footer_s3 > .container{
	border-top: 1px solid #f2f2f3;
}
.footer_s3 .footer{
	width: 100%;
}
.footer_s3  .footer ul{
	display: flex;
}
.footer_s3  .footer ul li{
    padding-right: 34px;
}
.footer_s3  .footer  .row .FooterCol2Style3{
	text-align: center;
}
.footer_s3  .footer  .row .FooterCol2Style3.widget_media_image{
	margin-bottom: 33px;
	margin-top: 11px;
}
.footer_s3 .footer .row .FooterCol2Style3.widget_media_image img {
    width: 85px;
}
.footer_s3  .footer  .row .FooterCol3Style3.widget_media_image{
	text-align: right;
	margin-top: 8px;
}
.footer_s3 .footer .menu li a{
	font-weight: 700
}
.footer_s3 .footer .copyright{
	color: #8a8a8a;
	font-family: "Poppins", sans-serif;
}
.cs-areas-footer{
	display: none !important;
	visibility: hidden;
	opacity: 0;
}
.footer_s3 .footer .copyright a:hover{
	color: #ff4d4d;
}
#menu-menu-footer-area-1 .menu-item,
#menu-menu-footer-area-2 .menu-item,
#menu-menu-footer-area-3 .menu-item{
	padding: 0px;
	border: none;
}
#menu-menu-footer-area-1 .menu-item:before,
 #menu-menu-footer-area-2 .menu-item:before,
  #menu-menu-footer-area-3 .menu-item:before{
  	content: none;
}
#menu-menu-footer-area-1 .menu-item a,
 #menu-menu-footer-area-2 .menu-item a,
  #menu-menu-footer-area-3 .menu-item a{
  	padding: 0px;
}
.footer_s3 .footer .widget.widget_nav_menu ul#menu-menu-footer-area-3 li{
	padding: 1px 34px 5px 0px;
	width: auto;

}
.footer_s3 .footer .widget.widget_nav_menu ul#menu-menu-footer-area-3 li:last-child{
	padding-right: 0px;
}
.footer .calendar_wrap a{
	color: #222;
}
/* footer page search */
.footer_background {
	position: relative;
    bottom: 0;
    width: 100%;
}

.search.search-no-results .subtext-nothing {
	margin-bottom: 25px;
}

.search.search-no-results h1.result-title.nothing {
	margin-bottom: 0;
}

 /* Search background
-------------------------------------------- */
.search-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    color: #fff;
    right: 0;
    z-index: 999999;
    background: 0 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.search-overlay:before {
    background: rgba(0,0,0,.8);
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 100%;
}
.search-overlay .close-search {
    font-size: 48px;
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 9;
    cursor: pointer;
}
.wrapper-search {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%,-50%);
    padding: 50px 20px;
}
.search-overlay .search-from {
    min-width: 290px;
    display: flex;
    position: relative;
    border-bottom: 1px solid hsla(0,0%,56%,.25);
}
.search-overlay .search-from input {
    width: calc(100% - 30px);
    background: 0 0;
    border: 0;
    font-size: 16px;
    padding: 7px 0;
    color: #fff;
    margin: 0px;
}
.search-overlay .search-from input:placeholder{
	color: #ffffff;
}
.search-overlay.search-visible {
    opacity: 1;
    visibility: visible;
}
.search-overlay button.searchsubmit.btn {
    color: #ffffff;
    transform: rotateY(180deg);
    font-size: 25px;
    padding: 0px;
    border: none;
}
.search-overlay button.searchsubmit.btn:hover,
.search-overlay button.searchsubmit.btn:focus{
	background: transparent;
	border: none;
	outline: none;
	box-shadow: none;
}
.searchform ul.result-search-products {
    display: none;
    position: absolute;
    top: 41px;
    background: #fff;
    left: 0;
    padding: 30px;
    z-index: 9;
    width: 100%;
    color: #1b1b1b;
    list-style-type: none;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 60px;
    max-height: 280px;
    text-align: left;
    box-shadow: 0 1px 12px 2px hsla(0,0%,56%,.3);
    margin: 0;
}

ul.result-search-products.loading:before {
    border-width: 1px;
    border-color: #666 #666 #666 transparent;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border-style: solid;
    -webkit-animation: fl-spin-fast 1s linear infinite;
    animation: fl-spin-fast 1s linear infinite;
    content: " ";
    width: 14px;
    height: 14px;
    font-weight: 400;
    top: 42%;
    right: 50%;
    transition: all 0.3s ease;
    position: absolute;
}
.searchform ul.result-search-products li {
    display: flex;
    margin-bottom: 20px;
    width: 33.33333%;
    padding-right: 20px;
    float: left;
}
.searchform ul.result-search-products li .item-image {
    min-width: 80px;
}
.searchform ul.result-search-products li .item-image img {
    width: 80px;
    height: 80px;
    float: left;
}
.searchform ul.result-search-products li .item-content {
    text-transform: capitalize;
    padding-left: 20px;
}
.searchform ul.result-search-products li .item-content .price-item {
    margin-top: 10px;
}
.searchform .price-item {
    line-height: 24px;
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 500;
    color: #fa6755;
}
.searchform del {
    font-size: 13px;
    color: #666;
    font-weight: 400;
    margin-left: 10px;
}

/* Menu mobile
-------------------------------------------- */

.mobile-header__menu-button:focus {
    outline: none;
}
.mobile-header__logo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 14px;
}
.mobile-header__logo-part-one {
    fill: #e52727;
}
.mobile-header__logo-part-two {
    fill: #404040;
}
.mobile-header__search {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    max-width: 440px;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 12px;
    margin: 0 auto;
}
.mobile-header__indicators {
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}
@media (max-width:767.98px) {
    .mobile-header {
        position: relative;
    }
    .mobile-header .container {
        padding: 0 8px;
    }
    .mobile-header__menu-button {
        width: 44px;
    }
    .mobile-header__logo {
        padding-left: 10px;
        padding-right: 10px;
    }
    .mobile-header__search {
        top: 0;
        position: absolute;
        width: 100%;
        height: 100%;
        max-width: none;
        padding: 0;
        z-index: 1;
        transform: translateY(-100%);
        transition: transform .3s;
        left: 0;
    }
    .mobile-header__search--open {
        transform: none;
    }
}
.mobile-indicator {
    position: relative;
}

.mobile-indicator__button {
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    width: 44px;
    color: inherit;
    background: transparent;
    border: none;
}
.mobile-indicator__button:focus {
    outline: none;
}
.mobile-indicator__button:hover {
    color: inherit;
    text-decoration: none;
}
.mobile-indicator__icon {
    display: block;
    position: relative;
}
.mobile-indicator__counter {
    position: absolute;
    top: -7px;
    font-size: 10px;
    line-height: 1;
    padding: 2px 3px 1px;
    border-radius: 6.5px;
    text-align: center;
    z-index: 0;
    right: -7px;
}
.mobile-indicator__counter:before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 2.5px;
    left: 0;
    right: 0;
    transform: skewX(-11deg);
}
.mobile-indicator__title,
.mobile-indicator__value {
    display: block;
    margin-left: 50px;
}
.mobile-indicator__title {
    padding-top: 3px;
    margin-bottom: -3px;
    font-size: 13px;
}
.mobile-indicator__value {
    font-size: 18px;
}
.mobile-indicator__icon {
    fill: #262626;
}
.mobile-indicator__title {
    color: #999;
}
.mobile-indicator__value {
    font-weight: 500;
}
.mobile-indicator:hover .mobile-indicator__button {
    background: #f2f2f2;
}
.mobile-indicator__counter {
    color: #fff;
    font-weight: 500;
}
@media (-webkit-max-device-pixel-ratio:1),
(max-resolution:1dppx) {
    .mobile-indicator__counter {
        font-weight: 400;
    }
}
.mobile-indicator__counter:before {
    background-color: #e52727;
}
.mobile-menu {
    visibility: hidden;
    transition: visibility 0s .25s;
}
.mobile-menu__backdrop {
    right: 0;
    background: rgba(51, 51, 51, .8);
    opacity: 0;
    will-change: opacity;
    transition: opacity .25s cubic-bezier(.25, .46, .45, .94);
}
.mobile-menu__backdrop,
.mobile-menu__body {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99999;
}
.admin-bar .mobile-menu__body{
	top: 32px;
}
.mobile-menu__body {
    background: #fff;
    width: 300px;
    transition: transform .25s cubic-bezier(.25, .46, .45, .94);
    will-change: transform;
    overflow: hidden;
    transform: translateX(-100%);
}
.mobile-menu--open {
    visibility: visible;
    transition-delay: 0s;
}
.mobile-menu--open .mobile-menu__backdrop {
    opacity: 1;
}
.mobile-menu--open .mobile-menu__body {
    transform: translateX(0);
}
.mobile-menu__close {
    position: absolute;
    top: 0;
    width: 48px;
    height: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2;
    border: none;
    padding: 0;
    fill: currentColor;
    transition: background-color .15s, color .15s;
    background-color: #fff;
    color: #ccc;
    right: 0;
}
.mobile-menu__close i {
    color: #000000;
}
.mobile-menu__close:hover {
    background-color: #5187d0;
}
.mobile-menu__close:hover i {
    color: #fff;
}
.mobile-menu__close:active {
    color: #fff;
    background-color: #5187d0;
}
.mobile-menu__close:focus {
    outline: none;
}
.mobile-menu__panel {
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff;
    z-index: 1;
    transition: transform .25s cubic-bezier(.25, .46, .45, .94);
}
.mobile-menu__panel--hide {
    transform: translateX(-100%);
}
.mobile-menu__panel--hidden {
    transform: translateX(100%);
}
.mobile-menu__panel-header {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 51px;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 2px;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mobile-menu__panel-back,
.mobile-menu__panel-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}
.mobile-menu__panel-back {
    position: absolute;
    top: 0;
    width: 48px;
    height: 50px;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    border: none;
    fill: currentColor;
    transition: background-color .15s, color .15s;
    background-color: #fff;
    color: #ccc;
    left: 0;
    padding: 0 2px 0 0;
}
.mobile-menu__panel-back:hover {
    background-color: #5187d0;
}
.mobile-menu__panel-back:hover i {
    color: #fff;
}
.mobile-menu__panel-back:active {
    color: #fff;
    background-color: #5187d0;
}
.mobile-menu__panel-back i {
    color: #000000;
}
.mobile-menu__panel-back:focus {
    outline: none;
}
.mobile-menu__panel-arrow {
    position: absolute;
}
.mobile-menu__panel-title {
    text-align: center;
    margin: auto;
    font-size: 13px;
    font-weight: 700;
    color: #000000;
    font-family: "Open Sans", sans-serif;
}
.mobile-menu__panel-body {
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mobile-menu__divider {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1px;
    background: #ebebeb;
}
.mobile-menu__spring {
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.mobile-menu__indicators {
    display: -ms-flexbox;
    display: flex;
    padding: 8px 11px;
}
.mobile-menu__indicator {
    width: calc((100% - 0px * 3) / 4);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    fill: #404040;
    font-size: 15px;
    border-radius: 2px;
    padding: 8px 0 6px;
}
.mobile-menu__indicator+.mobile-menu__indicator {
    margin-left: 0;
}
.mobile-menu__indicator-title {
    font-size: 9px;
    font-weight: 500;
    text-transform: uppercase;
    color: #000000;
    margin-top: 5px
}
.mobile-menu__indicator-icon {
    position: relative
}
.mobile-menu__indicator-counter {
    position: absolute;
    bottom: calc(100% - 12px);
    color: #fff;
    line-height: 22px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    z-index: 0;
    font-weight: 500;
    left: calc(100% - 10px);
}
@media (-webkit-max-device-pixel-ratio:1),
(max-resolution:1dppx) {
    .mobile-menu__indicator-counter {
        font-weight: 400;
    }
}
.mobile-menu__indicator-counter:before {
    display: block;
    position: absolute;
    content: "";
    left: 0px;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-radius: 50%;
}
.mobile-menu__links,
.mobile-menu__panel-body .menu{
    list-style: none;
    padding: 10px 0;
    margin: 0;
    font-size: 15px;
    line-height: 22px;
    font-weight: 500;
}
.mobile-menu__links ul{
	list-style: none;
	margin: 0;
}
.mobile-menu__links li a,
.mobile-menu__links>li>button,
.mobile-menu__panel-body .menu a {
    position: relative;
    color: #000000;
    width: 100%;
    border: none;
    background: transparent;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 7px 33px 7px 20px;
    text-align: left;
    font-family: "Open Sans", sans-serif;
}
.mobile-menu__links li.current-menu-item > a,
.mobile-menu__links li.current_page_item > a,
.mobile-menu__links>li a:hover,
.mobile-menu__links>li:hover>button ,
.mobile-menu__panel-body .menu a:hover{
    color: #fff;
    background: #5187d0;
}
.mobile-menu__links li span:hover{
	color: #000000;
}
.mobile-menu__links>li a:focus,
.mobile-menu__links>li>button:focus {
    outline: none;
}
.mobile-menu__links>li>a i,
.mobile-menu__links>li>button i {
    position: absolute;
    top: calc(50% - 6px);
    fill: #bfbfbf;
    right: 16px;
}
.mobile-menu__links>li>a.highlight:before,
.mobile-menu__links>li>button.highlight:before {
    position: absolute;
    display: block;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 2.5px;
    background: #e52727;
    top: 15px;
    left: 8px;
}
.mobile-menu__links-image {
    display: block;
    width: 22px;
    height: 16px;
    border-radius: 1.5px;
    position: relative;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 9px;
}
.mobile-menu__links-image img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.mobile-menu__contacts {
    text-align: center;
    padding: 16px 20px 14px;
    transition: background .2s;
}
.mobile-menu__contacts:hover {
    background: #f2f2f2;
}
.mobile-menu__contacts,
.mobile-menu__contacts:hover {
    color: inherit;
}
.mobile-menu__contacts-subtitle {
    font-size: 13px;
    color: #999;
}
.mobile-menu__contacts-title {
    font-size: 18px;
    font-weight: 500;
}
.mobile-menu__settings-list {
    display: -ms-flexbox;
    display: flex;
}
.mobile-menu__setting {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 50%;
}
.mobile-menu__setting+.mobile-menu__setting {
    border-left: 1px solid #ebebeb;
}
.mobile-menu__setting-button {
    background: transparent;
    border: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: inherit;
    color: #000000;
    position: relative;
    width: 100%;
    padding: 9px 26px 9px 14px;
}
.mobile-menu__setting-button:hover {
    color: #fff;
    background: #5187d0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.mobile-menu__setting-button:focus {
    outline: none;
}
.mobile-menu__setting-panel {
    display: none;
}
.mobile-menu__setting-icon {
    display: block;
    width: 22px;
    height: 16px;
    border-radius: 1.5px;
    position: relative;
    overflow: hidden;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 7px;
}
.mobile-menu__setting-icon img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}
.mobile-menu__setting-icon--currency {
    background: #5c6266;
    color: #fff;
    font-size: 10px;
    line-height: 16px;
}
.mobile-menu__setting-title {
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-family: "Open Sans", sans-serif;
}
.mobile-menu__setting-arrow {
    position: absolute;
    top: calc(50% - 5px);
    fill: #bfbfbf;
    right: 12px;
    transform: scaleX(1);
}
.mobile-search__body {
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 0;
    width: 100%;
}
.mobile-search__button,
.mobile-search__input {
    background: transparent;
    border: none;
    font-family: inherit;
    color: inherit;
}
.mobile-search__button:focus,
.mobile-search__input:focus {
    outline: none;
}
.mobile-search__input {
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-size: 15px;
}
.mobile-search__field {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    z-index: -1;
    transition: color .2s, background .2s, border-color .2s;
}
.mobile-search__button {
    width: 38px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    transition: color .2s;
    fill: currentColor;
}
.searchform .price-item ins{
	background-color: transparent;
    text-decoration: none;
    color: #fa6755;
    padding: 0px;
}
@media (min-width:768px) {
    .mobile-search__input {
        height: 36px;
        padding: 0 12px;
    }
    .mobile-search__field {
        border-radius: 3px;
        color: #262626;
        background-color: #f0f0f0;
        border: 1px solid #f0f0f0;
    }
    .mobile-search__field::-webkit-input-placeholder {
        color: #6c757d;
    }
    .mobile-search__field:-ms-input-placeholder,
    .mobile-search__field::-ms-input-placeholder {
        color: #6c757d;
    }
    .mobile-search__field::placeholder {
        color: #6c757d;
    }
    .mobile-search__button--close {
        display: none;
    }
    .mobile-search__input:hover~.mobile-search__field {
        border-color: #d9d9d9;
    }
    .mobile-search__input:focus~.mobile-search__field {
        background-color: #fff;
        border-color: #d9d9d9;
    }
    .mobile-search__button--search {
        color: #b2b2b2;
    }
    .mobile-search__button--search:hover {
        color: #e52727;
    }
}
@media (max-width:767.98px) {
    .mobile-search__body {
        height: 100%;
    }
    .mobile-search__input {
        padding: 0 0 0 16px;
    }
    .mobile-search__button {
        width: 52px;
    }
    .mobile-search__button--close {
        border-width: 0;
        border-style: solid;
        border-left-width: 1px;
    }
    .mobile-search__input {
        color: #262626;
    }
    .mobile-search__input::-webkit-input-placeholder {
        color: #6c757d;
    }
    .mobile-search__input:-ms-input-placeholder,
    .mobile-search__input::-ms-input-placeholder {
        color: #6c757d;
    }
    .mobile-search__input::placeholder {
        color: #6c757d;
    }
    .mobile-search__input~.mobile-search__field {
        background: #fff;
    }
    .mobile-search__input~.mobile-search__button--close {
        border-color: #ebebeb;
    }
    .mobile-search__button {
        color: #b2b2b2;
    }
    .mobile-search__button:hover {
        color: #e52727;
    }
}
.mobile-menu .menu-item-has-children > span {
    position: absolute;
    right: 20px;
    top: 1px;
    transition: all .3s ease-in-out;
    cursor: pointer;
    display: block;
    padding: 10px 15px;
    color: #a09fac;
}
.mobile-menu .mobile-menu__links li a{
	position: relative;
}
.mobile-menu .mobile-menu__links li{
		position: relative;
}
.mobile-menu .mobile-menu__links .menu-item-has-children.opened > span {
    transform: rotate(90deg);
    transition: all .3s ease-in-out;
}
.mobile-menu .mobile-menu__links li.opened{
	background-color: #f6f6f6;
	transition: all .3s ease-in-out;
}
.mobile-menu .mobile-menu__links li .sub-menu a{
	padding-left: 25px
}
.mobile-menu .mobile-menu__links li .sub-menu  li .sub-menu a{
	padding-left: 35px
}
.mobile-menu span.count-cart{
	top: -12px;
}
.menu-mobile-left{
	display: none !important;
	opacity: 0;
	visibility: hidden;
}
/* Instagram */
/*-------------------------------------------- */
.entry-image.pic{
	position: relative;
}
.entry-image.pic .heading {
    font-size: 16px;
    z-index: 2;
    position: absolute;
    left: 0;
    top: 80%;
    margin: 0;
    width: 100%;
    text-align: center;
}
.entry-image.pic .heading i{
	margin-right: 5px;
}
.entry-image.pic .heading {
    top: 38.4%;
}
.entry-image.pic .heading a {
    position: relative;
    padding-bottom: 2px;
}
.entry-image.pic .heading a {
    position: relative;
    padding: 11px 26px 13px 27px;
    display: inline-block;
    background: #333;
    font-size: 13px;
    line-height: 20px;
    color: #fff;
    font-family: Open sans;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}
.entry-image.pic .heading a:after {
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
}
.entry-image.pic:hover .heading a {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.entry-image.pic .heading a:hover:after {
    width: 100%;
}
.slider-hide-transform{ transform: none !important;}
i.fal.fa-plus.flat-icon-cs:before,
i.fal.fa-play.flat-icon-cs:before{
	font-family: "Font Awesome 5 Pro"!important;
}

/* COOKIE INFO
-------------------------------------------------------------- */
body #cookie-notice {
    min-width: 300px;
    max-width: 100%;
    width: 420px;
    font-size: 13px;
    line-height: 19px;
    left: 40px;
	bottom: 10px;
    text-align: left;
    padding: 20px;
	}
body .cookie-notice-hidden{
	display: none
}
body #cookie-notice .cookie-notice-container {
    padding: 0;
    text-align: left;
	overflow: hidden;
}
body #cookie-notice .cookie-notice-container #cn-notice-text {
    display: block;
	margin-bottom: 20px;
}

body #cookie-notice .cookie-notice-container a {
    color: #fff;
    background: none !important;
	border-bottom: 1px solid transparent;
    float: right;
	margin-left: 20px;
	border-radius: 0;
	padding: 0 0 2px 0;
	font-weight: 400;
	background: none;
	text-transform: unset;
}
body #cookie-notice .cookie-notice-container a:hover {
    color: rgba(255,255,255,0.61) !important;
}

body #cookie-notice .cookie-notice-container #cn-accept-cookie,
body #cookie-notice .cookie-notice-container #cn-refuse-cookie {
	font-weight: 500;
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,1);
	text-transform: unset;
}

body #cookie-notice .cookie-notice-container #cn-accept-cookie::after {
	content: "\f00c";
	font-family: "Font Awesome 5 Pro";	
	font-size: 12px;
  	text-rendering: auto;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale; 
	display: inline-block;
	margin-left: 5px;
}
.play-btn:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation: pulsate1 2s;
    animation: pulsate1 2s;
    -webkit-animation-direction: forwards;
    animation-direction: forwards;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: steps;
    animation-timing-function: steps;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .75);
    top: 0;
    left: 0;
    background: rgba(198, 16, 0, 0);
}

/*  Video Box */
.iziModal-overlay {
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.themesflat_video_embed{
	position: relative;
	display: block;
	width: 100%;
	height: auto;	
}

.video-video-box-overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: .5s ease;
}

.video-video-box-button{
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.video-video-box-button button{
	color: #222;
	font-size: 25px;
	background: rgba(255, 255, 255, 1);
	width: 100px;
	height: 100px;
	border-radius: 50%;
	padding-top: 5px;
	padding-left: 12px;
	margin: 30px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;	
}

.video-video-box-button button:hover{
	color: #222;
	background: rgba(255, 255, 255, .7);
}

.video-video-box-button-sm{
	position: absolute;
	overflow: hidden;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.video-video-box-button-sm button{
	color: #222;
	font-size: 20px;
	background: rgba(255, 255, 255, 1);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	padding: 0;
	padding-left: 5px;
	margin: 30px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;	
}

.video-video-box-button-sm button:hover{
	color: #222;
	background: rgba(255, 255, 255, .7);
}

.alert button:hover {
	background-color: transparent;
}