/*  
---------------------------------------------------------------------------
*  Theme Name: Splent - Responsive Multi Purpose Templates w page builder *
*  Author: NouvelloThemes                                                 *
*  Subpackage: Foundation																									*
*  Version: 1.1.0                                                         *
---------------------------------------------------------------------------
*/


/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------

# Normalize
# Skins
# Navigation
  ## Links
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
  ## Breadcrubs
  ## Posts and pages
  ## Comments
  ## Pagination
# Infinite scroll
# Media
  ## Captions
  ## Galleries
# Plugin Compatibility
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

body {
  margin: 0;
  -webkit-font-smoothing: auto;
}

figure {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  max-width: 100%;
}

dl dd {
	margin: 0 1rem 1rem;
}

dd, dt{
	line-height: inherit;
}

label{
	font-weight: inherit;
}

address {
	line-height: inherit;
}

ol, ul {
	padding-left: 1rem;
}

code {
	font-size: 0.9rem;
}	


/*--------------------------------------------------------------
# Skins
-------------------------------------------------------------- */

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

/* dark skin */

body.dark {
  background-color: #222;
  color: rgb(170, 170, 170);
}

body.dark .fn,
body.dark .says,
body.dark .logged-in-as {
  color: #aaa;
}

body.dark .comment-metadata a {
  color: #bbb;
}

body.dark textarea,
body.dark select {
  background: #444;
  border-color: #333;
  color: #aaa;
}

body.dark h1:not([class*="classMark"]),
body.dark h2:not([class*="classMark"]),
body.dark h3:not([class*="classMark"]),
body.dark h4:not([class*="classMark"]),
body.dark h5:not([class*="classMark"]),
body.dark h6:not([class*="classMark"]),
body.dark .zanaya-icon:not([class*="classMark"]){
	color: #ccc;
}

body.dark small:not([class*="classMark"]){
	color: #999;
}

body.dark h1.color-dynamic,
body.dark h2.color-dynamic,
body.dark h3.color-dynamic,
body.dark h4.color-dynamic,
body.dark h5.color-dynamic,
body.dark h6.color-dynamic,
body.dark .zanaya-icon.color-dynamic{
	color: #ccc;
}

body.dark .color-invert{
	filter: invert(1);
}

body.dark .site-content{
	background: #12131a;
}

body.dark .zanaya-multi-nav:not([class*="classMark"]),
body.dark .zanaya-multi-nav.classMark_nav_defMob {
	background-color: #12131a;
}

body.dark .zanaya-multi-nav:not([class*="classMark"]) .zanaya-nav-brand-img,
body.dark .zanaya-multi-nav.classMark_nav_defMob .zanaya-nav-brand-img{
	filter: invert(1);
}

body.dark .zanaya-multi-nav:not([class*="classMark"]):not(.collapsed) .navbar-nav li a,
body.dark .zanaya-multi-nav.classMark_nav_defMob:not(.collapsed) .navbar-nav li a {
	color: #ccc;
}

body.dark .zanaya-multi-nav:not([class*="classMark"]):not(.collapsed) .navbar-nav li ul.dropdown-menu,
body.dark .zanaya-multi-nav.classMark_nav_defMob:not(.collapsed) .navbar-nav li ul.dropdown-menu {
	background-color: #12131a;
}

body.dark .comments-area.comments-area-section{
	background: #12141a;
}

body.dark .default-form-theme.comment-form.zanaya-form textarea.form-control,
body.dark .default-form-theme.comment-form .form-group-lg .form-control{
	background: transparent;
}

body.dark .comments-area .comments-area-col{
	background: transparent;
}

body.dark .hover-primary:hover{
	color: var(--primary);
	transition: color 0.25s ease;
}

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

header#masthead {
  margin-bottom: 0;
  backface-visibility: hidden;
  z-index: 100;
}

#page-sub-header {
  position: relative;
  padding-top: 5rem;
  padding-bottom: 0;
  text-align: center;
  font-size: 1.25rem;
  background-size: cover !important;
}

#page-sub-header h1 {
  line-height: 1;
  font-size: 4rem;
  color: #563e7c;
  margin: 0 0 1rem;
  border: 0;
  padding: 0;
}

#page-sub-header p {
  margin-bottom: 0;
  line-height: 1.4;
  font-size: 1.25rem;
  font-weight: 300;
  color: #212529;
}

a.page-scroller {
  color: #333;
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 2rem;
}

@media screen and (min-width: 768px) {
  #page-sub-header h1 {
    font-size: 3.750rem;
    line-height: 1;
  }
  #page-sub-header {
    font-size: 1.25rem;
  }
}

@media screen and (min-width: 992px) {
  #page-sub-header p {
    max-width: 43rem;
    margin: 0 auto;
  }
}

/*--------------------------------------------------------------
## Basics
--------------------------------------------------------------*/

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

figure:not(.woocommerce-product-gallery__wrapper):not(.wp-caption.aligncenter) {
  margin: 1em 0;
  /* Extra wide images within figure tags don't overflow the content area. */
  max-width: 100%;
}

figure.woocommerce-product-gallery__wrapper{
	max-width: none;
}

table:not(.zanaya-table) {
  margin: 0 0 1.5em;
  border: 1px solid #dedede;
	border-collapse: collapse;
	border-spacing: 0;
}

table:not(.zanaya-table) tr {
	border-bottom: 1px solid #dedede;
}

table:not(.zanaya-table) tbody th, table:not(.zanaya-table) tbody td, table:not(.zanaya-table) thead th {
	border-right: 1px solid #dedede;
}

table:not(.zanaya-table) th, table:not(.zanaya-table) td {
	padding: 0.45em 1em;
}

@media (max-width: 400px) {
	table:not(.zanaya-table) th, table:not(.zanaya-table) td {
		padding: 0.45em;
	}
}				

table:not(.zanaya-table) th {
	font-weight: inherit;
}

article table:not(.zanaya-table) th, article table:not(.zanaya-table) td, .comment-content table:not(.zanaya-table) th, .comment-content table:not(.zanaya-table) td{
	line-height: 1.618;
}

figcaption{
	line-height: 1.35rem;
}

.comment-content table:not(.zanaya-table) a:hover{
	color: var(--link_hover);
}

p.nmp {
  margin: 0;
  padding: 0;
}

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	max-width: 100px;
}

.wp-block-separator {
	border: none;
	border-bottom: 2px solid #8f98a1;
	margin: 1.65em auto;
}

.blog-single-content blockquote {
	text-align: center;
}

.wp-block-pullquote, .wp-block-quote {
	text-align: center;
	margin-bottom: 32px;
}

.wp-block-quote.is-large, .wp-block-quote.is-style-large {
	margin: 2em 0 2em;
}

.wp-block-quote {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 0;
	margin-right: 0;
	padding-left: 1em;
}

.wp-block-column .wp-block-quote{
	margin-top: 0;
}

.wp-block-pullquote__citation, .wp-block-quote__citation, cite {
	position: relative;
	padding-top: 2.0833333333em;
	margin-top: 1em;
	font-size: 12px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}

.wp-block-pullquote:not(.is-style-solid-color) {
	background: none;
}

.blog-single-content .liquid-img-group-container, .blog-single-content figure {
	margin-top: 3.75em;
	margin-bottom: 1.5em;
}

.wp-block-pullquote, .wp-block-quote {
	margin-bottom: 32px;
}

.wp-block-pullquote {
	border-top: 4px solid #555d66;
	border-bottom: 4px solid #555d66;
	color: #40464d;
	padding: 3em 0;
	margin-top: 2em;
	margin-left: 0;
	margin-right: 0;
	text-align: center;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	border: 0;
}
.has-very-dark-gray-color.has-very-dark-gray-color {
	color: #313131;
}

.entry-content .wp-block-button{
	margin-bottom: 1.5rem;
}

.entry-content div.wp-block-cover:first-child{
	margin-top: 0;
}

.entry-content .wp-block-cover{
	color: #fff;
	margin-bottom: 1.5rem;
	margin-top: 1.5rem;
}

.entry-content .wp-block-video figcaption,
.entry-content .wp-block-embed figcaption {
	margin-top: .5em;
	margin-bottom: 1em;
	color: #555d66;
	text-align: center;
	font-size: 0.85rem;
}

.entry-content .wp-block-cover .wp-block-cover-text a{
	color: #fff !important;
}

.entry-content .wp-block-cover .wp-block-cover-text a:hover{
	text-decoration: underline;
}

.entry-content .wp-block-columns{
	margin-bottom: 0.853rem;
}

.entry-content .wp-block-media-text{
	margin-bottom: 1.5rem;
}

.entry-content .wp-block-image figcaption {
	margin-top: .5em;
	margin-bottom: 1em;
	color: #555d66;
	text-align: center;
	font-size: 0.85rem;
}

.wp-block-button__link, .entry-content a.wp-block-button__link {
	-webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
	-moz-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
	-ms-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
	-o-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
	transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
}

a.wp-block-button__link:hover, .entry-content a.wp-block-button__link:hover {
	background-color: var(--primary);
}   

.entry-content .is-style-outline a.wp-block-button__link:hover, .entry-content .is-style-outline a.wp-block-button__link:focus {
  background-color: transparent;
}

.is-style-outline a.wp-block-button__link:hover {
  color: var(--primary) !important;
} 

.has-drop-cap:not(:focus):first-letter {
	font-size: 6.7rem;
}	


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

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

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

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

.comment-content.card-block {
  padding: 20px;
}

.navigation.post-navigation {
  padding-top: 1.875rem;
}

.post-navigation .nav-previous a,
.post-navigation .nav-next a {
  border: 1px solid #ddd;
  border-radius: 0.938rem;
  display: inline-block;
  padding: 0.313rem 0.875rem;
  text-decoration: none;
}

.post-navigation .nav-next a::after {
  content: " \2192";
}

.post-navigation .nav-previous a::before {
  content: "\2190 ";
  padding-right: 3px;
}

.post-navigation .nav-previous a:hover,
.post-navigation .nav-next a:hover {
  background: #eee none repeat scroll 0 0;
}


/*--------------------------------------------------------------
# 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;
  word-wrap: normal !important;
  /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

.site-title,
.site-description {
	position: absolute;
	clip: rect(1px, 1px, 1px, 1px);
}

/* Do not show the outline on the skip link target. */

#content[tabindex="-1"]:focus {
  outline: 0;
}


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
  float: left;
  margin-right: 1.5em;
}

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

@media screen and (max-width: 400px) {
	.alignright {
  	margin-bottom: 1em;
	}
}

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

a img.alignright {
  float: right;
  margin: 0.313rem 0 1.25rem 1.25rem;
}

a img.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

a img.alignleft {
  float: left;
  margin: 0.313rem 1.25rem 1.25rem 0;
}

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

.wp-caption.alignnone {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

#secondary .wp-caption.alignnone,
.footer-widgets-area .wp-caption.alignnone {
	margin-right: 0;
}

.wp-caption.alignleft {
  margin: 0.313rem 1.25rem 1.25rem 0;
}

.wp-caption.alignright {
  margin: 0.313rem 0 1.25rem 1.25rem;
}

@media screen and (max-width: 420px) {
	.wp-block-cover.alignleft,
	.wp-block-gallery.alignleft {
		max-width: 100%;
	}
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

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

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


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget-title {
  margin-top: 0;
  text-transform: uppercase;
}

.widget:not(.zanaya-portfolio-widget-masonry):not(.zanaya-portfolio-widget-isotope) {
  margin: 0 0 1.5em;
  font-size: 14px;
  /* Make sure select elements fit in widgets. */
}

.widget select {
  max-width: 100%;
  width: 100%;
  margin: 0;
  border: 1px solid #ccc;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 5px;
  padding: 0.6em 1.9em 0.5em 0.8em;
  line-height: 1.3;
  background: #fff;
}

body.rtl .widget select { 
  padding: 0.6em 0.8em 0.5em 1.9em;
}

.widget select::after {
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  width: 9px;
  height: 8px;
  top: 40%;
  right: 1em;
  margin-top: -4px;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 2;
  pointer-events: none;
}

.widget_search .search-form input[type="submit"] {
  display: none;
}

.nav>li>a:focus,
.nav>li>a:hover {
  background-color: #eee;
  text-decoration: none;
}

.half-rule {
  width: 6rem;
  margin: 2.5rem 0;
}

.footer-widgets-area .widget-title {
  color: #eee;
}

.widget_calendar table {
  margin: 0;
  width: 100%;
  border: 1px solid #dedede;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 18px;
}
.widget_calendar table tr {
	border-bottom: 1px solid #dedede;
}

.widget_calendar table tbody th, .widget_calendar table tbody td, .widget_calendar table thead th {
	border-right: 1px solid #dedede;
}

#secondary .widget_calendar table{
	font-size: 0.85rem;
}

#secondary .widget_calendar table th, #secondary .widget_calendar table td {
	line-height: 2.1rem;
}

.widget_calendar caption{
	border: 1px solid #dedede;
	border-bottom: none;
	padding: 10px 0.85rem;
	font-size: 1rem;
	font-weight: 400;
}

#secondary .widget_calendar caption{
	font-size: 0.85rem;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.widget_calendar thead th {
  color: #fff;
  background-color: #444;
  font-weight: normal;
}

.footer-widgets-area .widget_calendar caption{
	border-color: rgba(191, 191, 191, 0.1);
	border-color: rgba(255,255,255,1);
	color: rgba(221,221,221,1);
}

.footer-widgets-area .widget_calendar table{
	border-color: rgba(191, 191, 191, 0.1);
	border-color: rgba(221,221,221,1);
}

.footer-widgets-area .widget_calendar table tr {
	border-color: rgba(191, 191, 191, 0.1);
	border-color: rgba(221,221,221,1);
}

.footer-widgets-area .widget_calendar table tbody th, .footer-widgets-area .widget_calendar table tbody td, .footer-widgets-area .widget_calendar table thead th {
	border-color: rgba(191, 191, 191, 0.1);
	border-color: rgba(221,221,221,1);
}

.footer-widgets-area .widget_calendar thead th {
  background-color: transparent;
}

.footer-widgets-area .widget_calendar tbody td {
  background-color: transparent;
  color: rgba(221,221,221,1);
}

.widget_calendar table th,
.widget_calendar table td {
  padding: 0;
  text-align: center;
}

.widget_calendar a {
  display: block;
  color: var(--primary);
  text-decoration: underline;
  background-color: rgba(0, 0, 0, 0.03);
  font-weight: 400;
}
.widget_calendar a:hover {
  display: block;
  color: #000;
  background-color: rgba(0, 0, 0, 0.15);
  text-decoration: underline;
}

.footer-widgets-area .widget_calendar a{
	font-weight: 700;
}

.widget_calendar #today {
  /* calander current date */
  text-decoration: underline;
  font-weight: 400;
  background-color: var(--primary);
  color: #fff;
}

.widget_calendar #today a{
  color: #fff;
}

.footer-widgets-area .widget_calendar #today {
  font-weight: 700;
}

.footer-widgets-area .widget_calendar #today a{
  color: #fff;
}

/* widget dropdown in primary area */

.wp-block-archives.wp-block-archives-dropdown select {
  margin-bottom: 15px;
}

/* item count for category, archive widget */

#primary .wp-block-categories-list .cat-item{
	max-width: 300px;
}

#primary .widget-item-count{
	margin-left: 10px;
	float: right;
}

#primary .widget-item-count small{
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	background-color: #666;
	color: #fff;
	margin-top: 3px;
}

#secondary .widget-item-count{
	float: right;
}

body.rtl #secondary .widget-item-count{
	float: left;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/* Primary content area */

@media screen and (min-width: 768px) {
  .has-right-sidebar #primary {
    padding-right: 9%;
  }
}

@media screen and (min-width: 768px) {
  .has-left-sidebar #primary {
    padding-left: 9%;
  }
}

@media screen and (min-width: 768px) {
  body.rtl .has-right-sidebar #primary {
  	padding-right: 0;
    padding-left: 9%;
  }
}

@media screen and (min-width: 768px) {
  body.rtl .has-left-sidebar #primary {
  	padding-left: 0;
    padding-right: 9%;
  }
}


/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder {
  -webkit-transition: opacity .3s linear !important; 
  opacity: 0;
}

input:focus:-moz-placeholder {
  transition: opacity .3s linear !important;
  opacity: 0;
}

/* FF 4-18 */

input:focus::-moz-placeholder {
  transition: opacity .3s linear !important;
  opacity: 0;
}

/* FF 19+ */

textarea:focus::-webkit-input-placeholder {
  transition: opacity .3s linear !important;
  opacity: 0;
}

textarea:focus:-moz-placeholder {
  transition: opacity .3s linear !important;
  opacity: 0;
}


/* FF 4-18 */

textarea:focus::-moz-placeholder {
  opacity: 0;
}


.site-main .page-header {
  margin: 0px 0 20px;
}

.archive .page-header {
  margin: 0;
  border-bottom: 0;
  padding: 0;
}

.page-title {
  margin-top: 0;
  display: none;
}

.no-results.not-found .page-header{
  display:none;
}

h1.page-title {
  border: 0;
}

.entry-title:not(.product_title) {
  padding-bottom: 10px;
}

.entry-title {
  margin-top: 0;
}

h2.entry-title {
  border: 0;
}

/* instead of the h1 page title so when it's hidden doesn't hurt SEO */
.header-page-title{
  font-size: 3.052rem;
  line-height: 5.118rem;
  margin-top: 1.706rem;
  margin-bottom: .853rem;
  color: #000;
  font-weight: 700;
  font-style: normal;
}

.meta-link {
  color: #999;
}

.meta-link:hover {
  transition: color 0.25s ease;
  color: #666;
}

.text-white .meta-link {
  color: #fff;
}

body.dark .text-white .meta-link{
	color: #fff;
}

.text-white.hover-primary .meta-link:hover {
	transition: color 0.25s ease;
  color: var(--primary);
}

.has-large-font-size{
  line-height: 1.4;
}

.entry-content a:not(.button):not(.zanaya-btn):not(.quick-view):not(.add-cart):not(.add-fav):not(.page-num):not(.accordion-toggle):not([data-toggle="tab"]):not([data-filter]):not(.breadcrumbs-link):not(.alert-link):not(.tag):not(.zanaya-link):not(.meta-link):not(.wp-block-button__link):not(.wp-block-file__button):not(.wc-block-components-button):not(.exception) {
  color: rgb(114, 42, 219);
  color: var(--link);
}

.entry-content a:hover:not(.button):not(.zanaya-btn):not(.quick-view):not(.add-cart):not(.add-fav):not(.page-num):not(.accordion-toggle):not([data-toggle="tab"]):not([data-filter]):not(.breadcrumbs-link):not(.alert-link):not(.tag):not(.zanaya-link):not(.meta-link):not(.wp-block-button__link):not(.wp-block-file__button):not(.wc-block-components-button):not(.exception) {
  transition: color 0.25s ease;
  color: rgb(38, 109, 232);
  color: var(--link_hover);
}

article .entry-footer {
  border-bottom: 2px solid #f1f1f1;
  padding: 30px 0;
  margin-bottom: 4rem;
}

article:last-of-type .entry-footer {
  margin-bottom: 0;
}

.post-read-more-link {
  display: block;
  margin: 20px 0;
  color: #666;
}

.post-edit-link {
  display: block;
  padding: 10px 0;
  font-style: italic;
  color: #666;
}

.cat-links a,
.tags-links a {
  color: #666;
}

.share-links {
  margin-top: 5px;
}

.share-links a {
  color: #666;
}

.share-links a:last-child {
  padding-right: 0;
  color: #666;
}

.cat-links a,
.tags-links a,
.share-links:hover {
  transition: color 0.25s ease;
  color: #999;
}

.share-links .zanaya-icon {
  color: rgb(51, 51, 51);
}

.share-links .zanaya-icon:hover {
  transition: color 0.25s ease;
  color: rgb(114, 42, 219);
  color: var(--primary);
}

/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/

#breadcrumbs {
  list-style: none;
  margin: 10px 0;
  overflow: hidden;
}

#breadcrumbs li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}

#breadcrumbs .separator {
  font-size: 18px;
  font-weight: 100;
  color: #ccc;
}

#zanaya-breadcrumbs[data-preset="breadcrumbs-6"]{
	background: #fff;
}

body.dark #zanaya-breadcrumbs[data-preset="breadcrumbs-6"]{
	background: #12131a;
}
body.dark .breadcrumbs-6_col{
	background-image: linear-gradient(90deg, #12131a 0%, #12131a 100%);
} 

body.rtl #zanaya-breadcrumbs .bc-archive-tax,
body.rtl #zanaya-breadcrumbs .bc-search-results{
	display: inline-flex;
	padding-left: 20px;
}

body.rtl #zanaya-breadcrumbs .bc-archive-tax-inner{
	display: inline-flex;
	padding-left: 5px;
}

body.rtl #zanaya-breadcrumbs .breadcrumbs-dynamic-links{
	display: inline-flex;
}

body.rtl #zanaya-breadcrumbs .separator{
	padding: 0 5px !important;
}

/* smallest screens */
@media (max-width: 768px) {
	.typography-splent-lg #zanaya-breadcrumbs:not([data-preset="breadcrumbs-6"]) .zanaya-row{
		padding-left: 0px;
		padding-right: 0px;
	}
}


body.dark .classMark_breadcrumbs-8_zanaya-breadcrumbs{
	background-image: linear-gradient(90deg, #12131a 0%, #12131a 100%);
}

body.dark .breadcrumbs-8_p{
	background: #12131a;
}

body.dark .breadcrumbs-8_p span{
	color: #eee;
}

.typography-splent-lg .breadcrumbs-8_p{
	font-size: 16px;
	line-height: 1.3rem;
}

/* smallest screens */
@media (max-width: 360px) {
	.typography-splent-lg .breadcrumbs-8_p{
		line-height: 1.5rem;
	}
}
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky .entry-title::before {
  content: '\f08d';
  font-family: fontawesome;
  font-size: 1.563rem;
  left: -2.5rem;
  position: absolute;
  top: 0.375rem;
}

.sticky .entry-title {
  position: relative;
}


.post-title {
  word-break: break-word;
}

.post-title:hover {
  transition: color 0.25s ease;
  color: rgb(114, 42, 219);
  color: var(--primary);
}

.footer-widgets-area .post-title,
.footer-widgets-area .layout-wc-products-2c h5 {
  color: rgb(221, 221, 221);
}

.footer-widgets-area .post-title:hover {
  transition: color 0.25s ease;
  color: #fff;
}

.footer-widgets-area .entry-meta,
.footer-widgets-area .custom-widget {
  color: rgb(204, 204, 204);
}

.sticky .post-title::after,
.sticky .single-post-layout-1-title::after {
  content: '\f08d';
  font-family: fontawesome;
  margin-left: 10px;
  opacity: 0.5;
}

.sticky .single-post-layout-1-title::after {
	color: var(--primary);
	opacity: 0.9;
}	

.single .byline,
.group-blog .byline {
  display: inline;
}

.blog .page-content,
.blog .entry-content,
.blog .entry-summary {
  margin: 1.5em 0 0;
}

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

.page-links > a, .page-links > span {
  padding-left: 8px;
  padding-right: 8px;
}

.page-links > a:hover, .page-links > span.current{
	color: var(--primary);
}

.page-template-blank-page .entry-content,
.blank-page-with-container .entry-content {
  margin-top: 0;
}

.posted-on,
.byline,
.comments-link {
  color: #9a9a9a;
}

.entry-title {
  word-break: break-word;
}

.entry-title>a {
  color: inherit;
}

.entry-meta {
  margin-bottom: 20px;
}

.post-thumbnail {
  margin-bottom: 30px;
}

.multi-carousel-wrap .post-thumbnail {
  margin: 0;
}

.post-thumbnail:hover,
.post-thumbnail:focus {
  transition: opacity 0.25s ease;
  opacity: 0.85;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comments-area.comments-area-section{
	width: 100vw;
	left: calc(-50vw + 50%);
}

body.rtl .comments-area.comments-area-section{
	left: auto;
	right: calc(-50vw + 50%);
}

.default-form-theme.comment-form .form-control{
	border: 1px solid #eee;
	font-size: 16px;
}

.default-form-theme.comment-form .form-control:hover,
.default-form-theme.comment-form .form-control:focus{
  border-color: #000;
}

.default-form-theme.comment-form .form-group-lg .form-control {
  height: 52px;
  line-height: inherit;
}    


.default-form-theme.comment-form.zanaya-form textarea.form-control {
	min-height: 200px;
}

.comment-form .button-color-inverse:hover, .comment-form  .button-color-inverse:focus{
	background-color: #222222;
}


.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list .comment {
  display: block;
  padding: 15px 0 0;
  margin-top: 30px;
  min-height: 151px;
}

.comment-list {
  padding-left: 0;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback:first-child {
  border: medium none;
}

.comments-area.comments-area-section{
	margin: 0;
	background-color: #f4f5f8; 
	margin-top: 75px; 
	padding-bottom: 37px
}

.comments-area .comments-area-row, .comments-area .comments-form-area-row{
	padding-top: 13px;
}


@media (min-width: 992px) {
	.comments-area .comments-area-row:not(.boxed){
		padding-left: 30px;
		padding-right: 30px;
	}
}

.comments-area .comments-form-area-row.boxed{
	padding-left: 50px;
	padding-right: 50px;
}

@media (max-width: 560px) {
	.comments-area .comments-form-area-row.boxed{
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media (max-width: 399px) {
	.typography-splent-lg .comments-area .comments-form-area-row.boxed{
		padding-left: 15px;
		padding-right: 15px;
	}
}	

.comments-area .comments-area-row{
	margin-bottom: 50px;
}

.comments-area .comments-form-area-row{
	margin-bottom: 38px;
}	

@media (min-width: 992px) {
	.comments-area .comments-area-row.boxed, .comments-area .comments-form-area-row.boxed{
		padding-left: 10%;
		padding-right: 10%;
	}
}

@media (max-width: 992px) {
	.comments-area .comments-form-area-row{
		padding-left: 38px;
		padding-right: 38px;
	}
}

@media (max-width: 992px) {
	.comments-area .comments-area-row{
		padding-left: 50px;
		padding-right: 50px;
	}
}

@media (max-width: 560px) {
	.comments-area .comments-area-row{
		padding-left: 30px;
		padding-right: 30px;
	}
}


@media (max-width: 399px) {
	.typography-splent-lg .comments-area .comments-area-row{
		padding-left: 15px;
		padding-right: 15px;
	}
}

.comments-area .comments-area-col{
	background-color: #fff;
	border: 1px solid #eee;
	padding: 30px 46px;
	margin-top: 10px;
}

@media (max-width: 600px) {
	.comments-area .comments-area-col{
		border: 0;
		padding: 30px;
	}
	body.dark .comments-area .comments-area-col{
		padding: 30px 0;
	}
}

@media (max-width: 399px) {
	.comments-area .comments-area-col{
		padding: 10px;
	}

	.typography-splent-lg .comments-area .comments-area-col{
		padding: 10px;
	}
}

#cancel-comment-reply-link {
	font-size: 15px;
	margin-left: 10px;
	padding: 0.5em 0.75em 0.5em;
	background-color: var(--secondary);
	transition: background-color 0.35s ease;
	text-transform: none;
	color: #fff;
	display: inline-block;
	margin-top: 50px;
	line-height: 16px;
}

@media (max-width: 399px) {
	#cancel-comment-reply-link {
		font-size: 12px;
	}
	.comment-list .children #cancel-comment-reply-link{
		font-size: 0;
	}	
	.comment-list .children #cancel-comment-reply-link:before{
		font-family: "fontawesome";
		content: "\f00d";
		display: inline-block;
		padding: 11px;
		font-size: 15px;
		line-height: 11px;
	}
}		

@media (max-width: 360px) {
	.comment-list #cancel-comment-reply-link{
		font-size: 0;
	}	
	.comment-list #cancel-comment-reply-link:before{
		font-family: "fontawesome";
		content: "\f00d";
		display: inline-block;
		padding: 11px;
		font-size: 15px;
		line-height: 11px;
	}
}

#cancel-comment-reply-link:hover{
	transition: background-color 0.35s ease;
	background-color: var(--primary);
	color: #fff;
}

.comment-list+.comment-respond,
.comment-navigation+.comment-respond {
  padding-top: 1.75em;
}

.comments-title{
  font-size: 15px;
  font-weight: 400;
  line-height: 1.3125;
  padding-top: 1.5em;
}

.comments-title {
  margin-bottom: 1.217391304em;
}

.comment-list {
  list-style: none;
  margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
  border-top: 1px solid #eee;
  padding: 1.75em 0;
}

.comment-list .pingback .comment-author,
.comment-list .trackback .comment-author{
 	margin-top: 0px;
}

.comment-list .children {
  list-style: none;
  margin: 0;
  padding: 0;
}

.comment-list .children>li {
  padding-left: calc( 40px + 0.875em );
}

body.rtl .comment-list .children>li {
	padding-left: 0;
  padding-right: calc( 40px + 0.875em );
}

@media (max-width: 991px) {
	.comment-list .children>li {
  	padding-left: calc( 20px + 0.875em );
	}
	body.rtl .comment-list .children>li {
		padding-left: 0;
	  padding-right: calc( 20px + 0.875em );
	}
}

@media (max-width: 700px) {
	.comment-list .children>li {
  	padding-left: calc( 10px + 0.875em );
	}
	body.rtl .comment-list .children>li {
		padding-left: 0;
	  padding-right: calc( 10px + 0.875em );
	}	
}

@media (max-width: 600px) {
	.comment-list .children>li {
  	padding-left: calc( 0px + 0.875em );
	}
	body.rtl .comment-list .children>li {
		padding-left: 0;
	  padding-right: calc( 0px + 0.875em );
	}	
}

.comment-author {
  margin-top: 25px;
  margin-bottom: 0.4375em;
}

.comment-author h6{
	font-size: 0.85rem;
	text-transform: uppercase;
	margin-left: 150px;
}

body.rtl .comment-author h6{
	margin-left: 0px;
	margin-right: 150px;
}

.comment-list .trackback .comment-author h6,
.comment-list .pingback .comment-author h6{
	margin-left: 0;
}	

@media (max-width: 991px) {
	.comment-author h6{
		margin-left: 100px;
	}
	body.rtl .comment-author h6{
		margin-right: 100px;
	}
}

@media (max-width: 560px) {
	.comment-author h6{
		margin-left: 10px;
		display: inline-block;
	}
	body.rtl .comment-author h6{
		margin-right: 10px;
	}	
}

.comment-author .avatar {
  float: left;
  margin-right: 0.875em;
  position: relative;
  border-radius: 100%;
}

body.rtl .comment-author .avatar{
  float: right;
  margin-right: 0;
  margin-left: 0.875em;
}

@media (max-width: 991px) {
	.comment-author .avatar{
		width: 50px;
	}
}

.comment-metadata time {
  color: #9a9a9a;
}

.comment-metadata,
.pingback .edit-link {
  color: #9a9a9a;
  font-size: 13px;;
  line-height: 1.6153846154;
}

.comment-metadata {
  margin-bottom: 2.1538461538em;
}

.comment-meta.commentmetadata{
	display: block;
	margin-bottom: 8px;
}

@media (max-width: 360px) {
	.reply{
		display:block;
	}
}

a.comment-edit-link{
	float: right;
	position: relative;
}

body.rtl a.comment-edit-link{
	float: left;
}

a.comment-edit-link:hover{
	color: var(--primary);
	transition: color 0.25s ease;
}

.comment-metadata a,
.pingback .comment-edit-link {
  color: #333;
}

.comment-edit-link:before {
  font-family: "fontawesome";
  content: "\f040";
  padding-right: 5px;
}

body.rtl .comment-edit-link:before {
  padding-right: 0px;
  padding-left: 5px;
}

@media (max-width: 360px) {
	a.comment-edit-link{
		float: none;
	}
}	

.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
  transition: color 0.25s ease;
  color: #666;
}

.comment-metadata .edit-link,
.pingback .edit-link {
  display: inline-block;
}

.comment-metadata .edit-link:before,
.pingback .edit-link:before {
  content: "\002f";
  display: inline-block;
  opacity: 0.7;
  padding: 0 0.538461538em;
}

.comment-content{
	position: relative;
  overflow: hidden;
  margin-left: 150px;
}

body.rtl .comment-content{
  margin-left: 0px;
  margin-right: 150px
}

.comment-content img{
	display: block;
}

@media (max-width: 991px) {
	.comment-content{
		margin-left: 100px;
	}
}

@media (max-width: 560px) {
	.comment-content{
    margin-left: 0px;
    margin-top: 20px;
	}
	body.rtl .comment-content{
  	margin-right: 0px;
	}
}

body.rtl .comment-list{
	padding-right: 0;
}

.comment-list .trackback .comment-content,
.comment-list .pingback .comment-content{
	margin-left: 0;
}

.comment-content ul,
.comment-content ol {
  margin: 0 0 1.5em 1.25em;
}

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

.comment-reply-link.zanaya-simple-reply{
	margin-left: 10px;
}

body.rtl .comment-reply-link.zanaya-simple-reply{
	margin-left: 0px;
	margin-right: 10px;
}

.comment-reply-link.zanaya-simple-reply:hover{
	color: var(--primary);
  transition: color 0.25s ease;
}

@media (max-width: 360px) {
	.comment-reply-link.zanaya-simple-reply{
		margin-left: 0;
		margin-right: 15px;
	}
}

.comment-reply-link:hover,
.comment-reply-link:focus {
  border-color: currentColor;
  transition: color 0.25s ease;
  color: #666;
  outline: 0;
}

.comment-reply-link.zanaya-btn  {
  top: -2px;
  position: relative;
  left: 10px;
}

.comment-form {
  padding-top: 1.75em;
}

.logged-in .comment-form{
	padding-top: 5px;
}

.comment-form label{
	font-size: 14px;
}

.comment-form .checkbox{
	margin-top: 5px;
}

.comment-list .comment-form {
  padding-bottom: 1.75em;
}

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
  color: #333;
  font-size: 13px;
  line-height: 1.6153846154;
  margin-bottom: 2.1538461538em;
}

.logged-in-as a:hover{
	color: var(--primary);
}

.no-comments {
  border-top: 1px solid #d1d1d1;
  font-weight: 700;
  margin: 0;
  padding-top: 1.75em;
}

.comment-navigation+.no-comments {
  border-top: 0;
  padding-top: 0;
}

.form-submit {
  margin-bottom: 0;
}

.post-password-form input[type=submit]{
	padding: 0 32px;
	border: none;
	background: none;
	background-color: #333;
	color: #fff;
	white-space: nowrap;
	line-height: 2rem;
	cursor: pointer;
	-webkit-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
	-moz-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
	-ms-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
	-o-transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
	transition: all .3s cubic-bezier(0.32, 0.74, 0.57, 1);
}


@media (max-width: 360px) {
	.post-password-form input[type=password]{
		max-width: 100px;
	}	
}

.post-password-form input[type='submit']:hover, .post-password-form input[type='submit']:focus {
	background-color: var(--primary);
}

.required {
  color: #666;
}

.comment-reply-title small {
  font-size: 100%;
}

.comment-reply-title small a {
  border: 0;
  float: right;
  height: 32px;
  overflow: hidden;
  width: 26px;
}

.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
  transition: color 0.25s ease;
  color: #1a1a1a;
}

.comment-reply-title small a:before {
  content: "\f405";
  font-size: 32px;
  position: relative;
  top: -5px;
}


/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/

.pagination>li>a,
.pagination>li>span {
  color: #666;
}

.pagination>li>a:hover,
.pagination>li>span:hover {
  transition: color 0.25s ease;
  color: #333;
}


/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/* Globally hidden elements when Infinite Scroll is supported and in use. */

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}


/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */

.infinity-end.neverending .site-footer {
  display: block;
}


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

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


/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
  max-width: 100%;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

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

.wp-caption img[class*="wp-image-"] {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 100%;
  padding: 0;
  width: auto;
}

.wp-caption-text {
  text-align: center;
  font-style: italic;
  font-size: 0.9rem;
  margin-top: 10px;
}


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
  margin-bottom: 1.5em;
}

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

/* linked gallery images */
.gallery-item a img:hover{
  opacity:0.80;
}

.gallery figure img {
  /* especially important when gallery has over 6 cols */
  border: 2px solid #cfcfcf;
}

.gallery-caption {
  display: block;
}

.gallery-item .gallery-caption {
  text-align: center;
  margin: 0;
  font-size: 14px;
}

.gallery-item .gallery-icon img {
  display: inline-block;
}

.gallery-columns-2,
.gallery-columns-3,
.gallery-columns-4,
.gallery-columns-5,
.gallery-columns-6,
.gallery-columns-7,
.gallery-columns-8,
.gallery-columns-9 {
  margin-bottom: 20px;
}

.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%;
}


/*--------------------------------------------------------------
## Elementor
--------------------------------------------------------------*/

.elementor-page article .entry-footer {
  display: none;
}

.elementor-page.page-template-fullwidth #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.elementor-page .entry-content {
  margin-top: 0;
}


/*--------------------------------------------------------------
## Visual Composer
--------------------------------------------------------------*/

.vc_desktop article .entry-footer {
  display: none;
}

.vc_desktop #content.site-content {
  padding-bottom: 0;
  padding-top: 0;
}

.vc_desktop .entry-content {
  margin-top: 0;
}


/*--------------------------------------------------------------
## Bbpress
--------------------------------------------------------------*/

#bbpress-forums div.bbp-search-form {
  margin-bottom: 20px;
}

#bbpress-forums li.bbp-header {
  font-weight: 700;
  border-top: none;
  background: rgb(246, 246, 246);
  padding: 20px 20px 20px 30px;
}

#bbpress-forums li {
  font-size: 1rem;
}

.bbp-forum-title {
  margin-left: 21px;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
  font-size: 0.85rem;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content {
  margin-left: 21px;
}

#bbpress-forums ul.odd {
  background: transparent;
}

#bbpress-forums li.bbp-footer {
  background: transparent;
  border-top: none;
  padding: 0;
}


/* single post forum */

#bbpress-forums fieldset.bbp-form select,
#bbpress-forums fieldset.bbp-form input {
  border: 1px solid #ddd;
}

#bbpress-forums fieldset.bbp-form select {
  width: 100%;
  padding: 5px 0;
}

#bbpress-forums fieldset.bbp-form input[type="text"] {
  width: 100%;
}

#bbpress-forums fieldset.bbp-form legend {
  font-size: 1rem;
  font-weight: 400;
}

#bbpress-forums fieldset.bbp-form label {
  font-size: 0.85rem;
  font-weight: 400;
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

.footer-widgets-area {
  background-color: #191a1c;
}

#footer-widgets-area {
  padding: 50px 0 25px; /* 50px 0 */
}

footer.colophon {
  color: #99979c;
  background-color: #191a1c;
  font-size: 85%;
}

.copyright {
  font-size: 0.875rem;
  margin-bottom: 0;
  text-align: center;
}

.copyright a,
footer.colophon a {
  color: inherit;
}


/*  
---------------------------------------------------------------------------
*  Theme Name: Splent - Responsive Multi Purpose Templates w page builder  *
*  Author: NouvelloThemes                                                 *
*  Version: 1.0.0                                                         *
---------------------------------------------------------------------------
*/


/*--------------------------------------------------------------

# BASICS
# TYPOGAPHY
# PRELOADER
# CUSTOM CURSOR
# LAYOUTS
# BOOTSTRAP-MODIFIERS
# NAV
# PARALLAX
# BLANK-IMAGE
# IMAGE-EFFECTS
# COUNTERS
# FORMS
# DIVIDER
# ICONS
# BUTTONS
# TABS
# PILLS
# ACCORDIONS
# TABLES
# CAROUSELS
# PROGRESS-BARS
# VERTICAL PROGRESS FLOW
# VIDEO
# CAPTIONS
# ISOTOPE
# MASONRY
# MAP
# POPUP
# FLIPBOX
# ALERTS
# CARDS
# LIGHTBOX
# SCROLL-TO-TOP
# TOGGLE-BAR
# SHAPES
# ANIMATED / MORPHING SVG
# PAGINATION
# PARTICLES
# KNOCKOUT-TEXT
# BANNER
# ANIMATED WAVE
# REVEAL
# LAVA
# LAZYLOAD
# SPACING

/*--------------------------------------------------------------


/*=================
    BASICS
===================*/

html {
	overflow-x: hidden;
	overflow-y: scroll;
}

html.hidden-overflow-y {
	overflow-y: hidden;
}

body {
	position: relative;
	padding: 0;
	margin: 0;
	min-height: 100vh;
}

body.is-mobile {
	overflow-x: hidden;
}

:root {
	--primary: rgb(193, 24, 255);
	--secondary: rgb(230, 63, 100);
	--white: rgb(255, 255, 255);
	--black: rgb(0, 0, 0);
	--pink: rgb(255, 118, 118);
	--primary_val: 193, 24, 255;
	--secondary_val: 230, 63, 100;
	--link: rgb(0, 0, 0);
	--link_hover: rgb(193, 24, 255);
}

/* temp dev - z-index changes testing */
html.z-index-v2 .zanaya-multi-nav{
	z-index: 100;
}

html.z-index-v2 .zanaya-multi-nav.affix{
	z-index: 100;
}

html.z-index-v2 body:not(.zanaya-builder-editor) .site-content{
	z-index: auto;
}

html.z-index-v2 body:not(.zanaya-builder-editor) #zanaya-breadcrumbs {
	z-index: auto;
}

html.z-index-v2 header#masthead{
	z-index: auto;
}

html.z-index-v2 .zanaya-footer-reveal-wrap{
	z-index: -1 !important;
}

/*=================
    TYPOGRAPHY
===================*/


a:hover,
a:focus {
	color: inherit;
	text-decoration: none;
}

.zanaya-link {
	color: rgb(193, 24, 255);
	color: var(--primary);
	text-decoration: none;
}

.zanaya-link:hover {
	color: rgb(230, 63, 100);
	color: var(--secondary);
	text-decoration: none;
}

.zanaya-link:focus {
	color: rgb(230, 63, 100);
	color: var(--secondary);
	text-decoration: none;
}

.zanaya-blockquote,
blockquote {
	padding: 0 1rem;
}

.text-ltr{
	direction: ltr;
	text-align: left;
}

.text-primary {
	color: rgb(193, 24, 255);
	color: var(--primary);
}

.text-secondary {
	color: rgb(230, 63, 100);
	color: var(--secondary);
}

.text-white {
	color: #fff;
	color: var(--white);
}

.color-invert{
	color: #000; /* defaults to black - inverts to white in dark mode. */
}

body.dark .text-white {
	color: inherit;
}

.text-black {
	color: #000;
	color: var(--black);
}

body.dark .text-black {
	color: inherit;
}

.bg-white {
	background-color: #fff;
}

.opacity-0 {
	opacity: 0;
}

.word-break {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.bc-word-break{
	word-spacing: 100vw;
}

/* pre animation opacity 0 */

.pre-anim-opac-0 {
	opacity: 0;
}

/* disable pre animation opacity for mobile devices */

.is-mobile .pre-anim-opac-0 {
	opacity: 1 !important;
}

.zanaya-z-1{
	position: relative;
	z-index: 1;
}

.zanaya-z-2{
	position: relative;
	z-index: 2;
}

/*=================
    PRELOADER
===================*/

#zanaya-preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	background-repeat: no-repeat;
	background-image: url('../img/preloader.gif');
	background-position: 50% 50%;
	-moz-background-size: 65px 65px;
	-o-background-size: 65px 65px;
	-webkit-background-size: 65px 65px;
	background-size: 65px 65px;
	z-index: 99998;
	width: 100%;
	height: 100%;
	pointer-events: none;	
}

.preloader-slide-up {
	top: -100vh !important;
	transition: top 1s ease;
}

.preloader-slide-down {
	top: 100vh !important;
	transition: top 1s ease;
}

.preloader-slide-left {
	left: -100vw !important;
	transition: left 1s ease;
}

.preloader-slide-right {
	left: 100vw !important;
	transition: left 1s ease;
}

#zanaya-preloader.css-preloader {
	background-image: none;
}

.preloader-color,
.preloader-color-before:before {
	background-color: #333;
}

.css-preloader-center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 0;
	left: 0;
}

.hidden {
	display: none!important;
}


/*=================
    CUSTOM CURSOR
===================*/


.custom-cursor .circle-cursor {
	position: fixed;
	left: 0;
	top: 0;
	pointer-events: none;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	visibility: hidden;
}

.custom-cursor .circle-cursor--inner {
	margin-left: -3px;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	z-index: 10000001;
	background-color: var(--primary);
}

.custom-cursor .circle-cursor--inner.cursor-link-hover {
	margin-left: -10px;
	margin-top: -10px;
	width: 20px;
	height: 20px;
	background-color: var(--primary);
	opacity: .5;
}

.custom-cursor .circle-cursor--outer {
	margin-left: -15px;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	border: 1px solid var(--primary);
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10000000;
	opacity: .5;
	-webkit-transition: all .08s ease-out;
	-o-transition: all .08s ease-out;
	transition: all .08s ease-out;
}

@media screen and (max-width: 1024px) {
	.custom-cursor .circle-cursor {
		display: none;
	}
}

.custom-cursor .cursor-link.circle-cursor--inner {
	background: transparent !important;
	text-align: center;
}

.custom-cursor .cursor-link.circle-cursor--inner.cursor-link-hover {
	opacity: 1;
}

.custom-cursor .cursor-link.circle-cursor--inner:after {
	content: "\f00e";
	display: block;
	font-family: "fontawesome";
	color: #fff;
	position: absolute;
	font-size: 25px;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	height: 30px;
	width: 30px;
	line-height: 30px;
	display: inline-block;
}

.custom-cursor .cursor-link.circle-cursor--outer.cursor-link-hover {
	margin-left: -23px;
	margin-top: -23px;
	width: 46px;
	height: 46px;
	border-color: #fff;
}

.custom-cursor .cursor-dark.circle-cursor--outer{
	border: 1px solid #17161A;	
}

.custom-cursor .cursor-dark.circle-cursor--inner {
	background-color: #17161A;
}

.custom-cursor .cursor-dark.circle-cursor--inner:after {
	color: #17161A;
}

.custom-cursor .cursor-dark.circle-cursor--outer.cursor-link-hover {
	border-color: #17161A;
}




/*=================
    LAYOUTS
===================*/

.zanaya-section,
.zanaya-section-z-ex,
.zanaya-section-group,
.zanaya-row,
.zanaya-row-ex,
.zanaya-col,
.zanaya-col-ex,
.zananay-inner-col,
.zananay-nested-col,
.zananay-inmost-col {
	position: relative;
}

.zanaya-section,
.zanaya-section-z-ex,
.zanaya-section-group {
	width: 100%;
	min-width: 100%;
	margin: 0;
	width: 100%;
	border-style: solid;
	border-width: 0px;
}

.zanaya-section, .zanaya-section-z-ex {
	padding: 50px 0;
}

.zanaya-section-z-ex.z-pt-0.z-pb-0{
	padding-top: 0;
	padding-bottom: 0;
}

.zanaya-section-group {
	padding: 0;
	z-index: 1; /* should stay 1 */
}

.zanaya-row.container-wide{
/*  padding-left: 8vw;
  padding-right: 8vw;*/
	max-width: 1440px;
  padding-right: 15px;
  padding-left: 15px;
}    

body.not(.zanaya-lazyload-enabled).zanaya-section-group.outer{
	/* allow outer section-groups to climb over the nav if child sections have z-index higher than 100 */
	/* exclusion via zanaya-lazyload-enabled added to so blog multiple-layouts work with lazyloading */
	z-index: unset;
}

.site-content {
	background-color: #fff;
}

.site-content:not(.z-np) {
	padding-top: 75px;
	padding-bottom: 75px;
}

/* mobile w transitions */
@media only screen and (max-width: 767px){
	.typography-splent-lg .site-content:not(.z-np) {
		padding-top: 50px;
	}
}	

body.zanaya-page .site-content:not(.z-np).comments-open,
.site-content:not(.z-np).z-pb-0 {
	padding-bottom: 0;
}

body:not(.zanaya-page) .site-content:not(.z-np).comments-open #comments{
	margin-bottom: -75px;
}

@media (min-width: 1370px) {
	.site-content:not(.z-np) {
		padding-left: 75px;
		padding-right: 75px;
	}
}

@media (max-width: 1369px) {
	.site-content:not(.z-np) {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* smallest screens */
@media (max-width: 768px) {
	.typography-splent-lg .site-content:not(.z-np) {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.zanaya-section *:not('.form-control'),
.zanaya-section-z-ex *:not('.form-control'),
.zanaya-section-group *:not('.form-control') {
	border-style: solid;
	border-width: 0px;
}

.zanaya-section.animated,
.zanaya-section-z-ex.animated,
.zanaya-section-group.animated {
	/* allow sticky navs */
	-webkit-animation-fill-mode: initial;
	animation-fill-mode: initial;
}

.zanaya-section-bubble {
	border-color: rgb(165, 92, 92) transparent;
}

.zanaya-section-bubble:after {
	content: "";
	position: relative;
	bottom: -20px;
	left: calc(50% - 20px);
	border-width: 20px 20px 0;
	border-style: solid;
	display: block;
	width: 0;
}

/* ensure rows are horizontally centered */

.zanaya-row-group{
	max-width: 100%;
}

/* smallest screens */
@media (max-width: 768px) {
	.typography-splent-lg .zanaya-row-group {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.zanaya-row, .zanaya-row-z-ex {
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 100%;
	border-style: solid;
	border-width: 0;
}

.zanaya-row.row, .zanaya-row-z-ex.row {
	margin-left: -15px !important;
	margin-right: -15px !important;
	/*  max-width: 100%;*/
	max-width: calc( 100% + 30px);
	/* added on 1/11/19 due to zanaya-row.row not being true 100% */
	/* new method for full width rows */
	/*  padding-left:0 !important;
  padding-right:0 !important;*/
}

.zanaya-row.svg-shape-row,
.zanaya-row-z-ex.svg-shape-row,
.zanaya-row.row.svg-shape-row,
.zanaya-row-z-ex.row.svg-shape-row {
	max-width: none;
}

.flex-row,
.flex-row .zanaya-inner-row,
.flex-row .zanaya-nested-row,
.flex-row .zanaya-inmost-row {
	display: -webkit-box;
	display: -webkit-flex;
	/* Safari */
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari 6.1+ */
	flex-wrap: wrap;
}

.flex-row.container:before,
.flex-row .clearfix:before{
	display: initial;
}

.flex-height-to-parent{
	flex-basis: 100%;
}

.zanaya-row.flex-row.hvr-grow,
.zanaya-row-z-ex.flex-row.hvr-grow{
	display: flex;
}

.zanaya-row.hvr-grow {
	display: block;
}

.zanaya-col,
.zanaya-col-z-ex,
.zanaya-inner-col,
.zanaya-nested-col,
.zanaya-inmost-col {
	min-height: 60px;
	word-wrap: break-word;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
	border-style: solid;
	border-color: #333;
	border-width: 0px;
}

.zanaya-col.empty,
.zanaya-col-z-ex.empty,
.zanaya-inner-col.empty,
.zanaya-nested-col.empty,
.zanaya-inmost-col.empty {
	min-height: 135px;
}

/* flex cols -fix test TBE
.flex-row .zanaya-col,
.flex-row .zanaya-inner-col,
.flex-row .zanaya-nest-col,
.flex-row .zanaya-inmost-col{
	-webkit-flex-basis: 0;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}
*/

.carousel-inner .empty {
	padding: 200px 0;
}

.inline-block-div {
	display: inline-block;
}

.disable-pointer {
	pointer-events: none !important;
}

.enable-pointer {
	pointer-events: all !important;
}


/* elements that need default border settings so border can be adjusted in builder MBP */

img,
span,
p,
h1,
h2,
h3,
h4,
h5,
h6,
a,
.zanaya-table,
.zanaya-counter,
.zanaya-divider {
	border-style: solid;
	border-width: 0
}

body.rtl .zanaya-table{
	text-align: right;
}

.container-mg-auto {
	margin: auto !important;
}

.caret {
	/* fix for lost caret when using zanaya-section as the nav wrapper */
	border-top: 4px dashed !important;
	border-right: 4px solid transparent !important;
	border-left: 4px solid transparent !important;
	transition: 0s all ease !important;
}

.zanaya-np {
	padding-left: 0px;
	padding-right: 0px;
}

.zanaya-nm {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.zanaya-no-transition {
	transition: 0s all ease !important;
}

.no-float {
	float: none;
}


/*==========================
    BOOTSTRAP MODIFIERS
============================*/

a {
	color: inherit;
}

a:hover {
	color: inherit;
	text-decoration: none;
	transition: color 0.25s ease;
}

body.dark a:hover {
	color: #eee;
	transition: color 0.25s ease;
}


/* 5 Column Grid */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}

.btn-group-xl>.btn,
.btn-xl {
	padding: 15px 40px;
	font-size: 22px;
	line-height: 1.3333333;
	border-radius: 6px;
}


/* bootstrap 4  */

.z-bs-4 .zanaya-row,
.z-bs-4 .zanaya-inner-row,
.z-bs-4 .zanaya-nested-row,
.z-bs-4 .zanaya-inmost-row {
	display: -webkit-box;
	display: -webkit-flex;
	/* Safari */
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	/* Safari 6.1+ */
	flex-wrap: wrap;
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
	.z-bs-4 .zanaya-row.container,
	.z-bs-4 .navbar-inner.container,
	.z-bs-4 .zanaya-multi-nav.container {
		max-width: 720px;
		/* wider container for iPad vertical*/
	}
}

.z-bs-4 .zanaya-row.container-fluid {
	width: auto;
}

.z-bs-4 .zanaya-row.nav-row-parent {
	display: block;
}

.z-bs-4 .zanaya-multi-nav.navbar {
	padding: 0;
}

@media (min-width: 768px) {
	.z-bs-4 .navbar-left {
		float: left!important;
	}
}

@media (min-width: 768px) {
	.z-bs-4 .navbar-header {
		float: left;
	}
	.z-bs-4 .navbar-header.navbar-right {
		float: right;
	}
}

@media (min-width: 768px) {
	.z-bs-4 .navbar-toggle {
		display: none;
	}
}

.z-bs-4 .navbar-toggle {
	position: relative;
	float: right;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	margin-right: 15px;
	padding-left: 10px;
	padding-right: 10px;
}

.z-bs-4 .navbar-toggle {
	outline: 0;
}

.z-bs-4 .navbar-inner:not(.container) {
	display: block;
	width: 100%;
}

.z-bs-4 .zanaya-multi-nav.container .navbar-inner .navbar-header.navbar-left {
	margin-left: 15px;
}

.z-bs-4 .zanaya-multi-nav.container .navbar-inner.container .navbar-header.navbar-left {
	margin-left: -15px;
}

.z-bs-4 .zanaya-multi-nav.container .navbar-inner .navbar-collapse {
	margin-right: 15px
}

.z-bs-4 .zanaya-multi-nav.container .navbar-inner.container .navbar-collapse {
	margin-right: -15px
}

.z-bs-4 .nav-search-form-mobile {
	top: 0;
}

.z-bs-4 .zanaya-multi-nav .nav.navbar-nav li a {
	padding: 0px 15px;
}

.z-bs-4 .zanaya-multi-nav .navbar-header {
	line-height: inherit;
}

.z-bs-4 .zanaya-multi-nav.search-open .navbar-brand {
	display: none;
}

.z-bs-4 .navbar-nav.navbar-center {
	width: 100%;
}

.z-bs-4 .zanaya-multi-nav:not(.collapsed) .navbar-nav.navbar-center {
	display: block;
	top: 0;
}

.z-bs-4 .zanaya-multi-nav.collapsed .navbar-nav.navbar-center {
	position: relative;
}

.z-bs-4 .navbar-expand .navbar-inner.container,
.z-bs-4 .navbar-inner.container {
	display: block;
}

.z-bs-4 .collapse-lg .navbar-header {
	width: 100%;
}

@media (max-width: 1199px) {
	.z-bs-4 .collapse-md .navbar-header {
		width: 100%;
	}
}

@media (max-width: 991px) {
	.z-bs-4 .collapse-sm .navbar-header {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.z-bs-4 .collapse-xs .navbar-header {
		width: 100%;
	}
}

.z-bs-4 .dropdown-item:focus,
.z-bs-4 .dropdown-item:hover {
	color: inherit;
	text-decoration: inherit;
	background-color: inherit;
}

.z-bs-4 .navbar-right .zanaya-login-dropdown,
.z-bs-4 .navbar-right .zanaya-panel-dropdown {
	right: 0;
	left: auto;
}

.z-bs-4 .img-fluid.pull-center-lg {
	display: block;
}

.z-bs-4 .progress {
	height: 20px;
}

.z-bs-4 .nav-tabs .nav-item.show .nav-link,
.z-bs-4 .nav-tabs .nav-link.active {
	border-bottom-color: transparent;
}

.z-bs-4 .zanaya-horizontal-tabs-eq-width {
	border-bottom: 1px solid #ddd;
}

.z-bs-4 .zanaya-horizontal-tabs-eq-width .nav-item {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.z-bs-4 .nav-stacked {
	width: 100%;
}

.z-bs-4 .nav-stacked li {
	width: 100%;
}

.z-bs-4 .zanaya-tabs-vertical .zanaya-tabs-wrap .nav-stacked {
	width: auto;
}

.z-bs-4 .zanaya-tabs-right li {
	float: none;
}

.z-bs-4 .zanaya-tabs-right ul {
	justify-content: flex-end!important;
}

.z-bs-4 .card-body {
	padding: 15px;
}

.z-bs-4 .carousel-indicators.center {
	left: 0;
	right: 0;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.z-bs-4 .zanaya-carousel .carousel-indicators.vertical {
	display: initial;
}

.z-bs-4 .carousel-indicators.left {
	justify-content: left
}

.z-bs-4 .carousel-indicators.right {
	justify-content: right
}

.z-bs-4 .basic-theme .carousel-indicators li.active {
	margin-left: 3px;
}

.z-bs-4 .form-horizontal label {
	text-align: right;
}


/* nav numbered links */

.zanaya-multi-nav {
  counter-reset: number;
}

.zanaya-multi-nav:not(.collapsed) .navbar-nav.numbered-links li.menu-item.lvl-0>a:before {
  counter-increment: number;
  content: "0" counter(number);
  font-weight: 700;
  top: -1rem;
  font-size: .6rem;
  position: absolute;
  text-align: right;
  right: 0;
  left: 0;
  width: 100%;
}

/* numbered menu links */

.zanaya-multi-nav {
  counter-reset: number;
}

.zanaya-multi-nav:not(.collapsed) .navbar-nav.numbered-links li.menu-item.lvl-0>a:before {
  counter-increment: number;
  content: "0" counter(number);
  font-weight: 700;
  top: -1rem;
  font-size: .6rem;
  position: absolute;
  text-align: right;
  right: 0;
  left: 0;
  width: 100%;
}

/* nav links crossline animation */

.zanaya-multi-nav:not(.collapsed) .navbar-nav.line-through-links li.menu-item a:before,
.menu-item a:after {
	content: '';
	position: absolute;
	width: 0%;
	height: 1px;
	top: 50%;
	margin-top: -0.5px;
	background: transparent;
}

.zanaya-multi-nav:not(.collapsed) .navbar-nav.line-through-links li.menu-item a:before {
	left: -2.5px;
}

.zanaya-multi-nav:not(.collapsed) .navbar-nav.line-through-links li.menu-item a:hover:before {
	right: 2.5px;
	background: transparent;
	transition: width 0.8s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.zanaya-multi-nav:not(.collapsed) .navbar-nav.line-through-links li.menu-item a:hover:before {
	background: currentColor;
	width: calc(100% - 27px);
	left: 15px;
	transition: width 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
}

body.rtl .zanaya-multi-nav:not(.collapsed) .navbar-nav.line-through-links li.menu-item a:hover:before {
	left: auto;
	right: 17px;
}

.zanaya-multi-nav:not(.collapsed) .navbar-nav.line-through-links li.menu-item a:hover:after {
	background: transparent;
	width: calc(100% - 27px);
	left: 15px;
	transition: 0s;
}

body.rtl .zanaya-multi-nav:not(.collapsed) .navbar-nav.line-through-links li.menu-item a:hover:after {
	left: auto;
	right: 17px;
}

.zanaya-multi-nav:not(.collapsed) .navbar-nav.line-through-links .depth_0 li.menu-item a:before,
.menu-item a:after {
	top: 0%;
	height: 0;
}


/* collapsed mode nested links */

.navbar-collapse.in .dropdown-menu {
	position: absolute;
}

.zanaya-multi-nav.collapsed:not(.centered-links) .dropdown-menu.mega-dropdown-menu {
	width: calc(100% - 50px);
}

.zanaya-multi-nav.collapsed.centered-links .dropdown-menu.mega-dropdown-menu {
	width: 80%;
	max-width: 900px;
}

.navbar-collapse.in .dropdown-menu:not(.mega-dropdown-menu).depth_0 {
	margin-left: 25px;
}

.navbar-collapse.in .dropdown-menu:not(.mega-dropdown-menu):not(.depth_0) {
	top: 10px;
}

.navbar-collapse.in .dropdown.open ul.dropdown-menu .open ul.dropdown-menu {
	position: absolute;
	display: inline-table;
}

.navbar-collapse.in .dropdown-menu.dropdown-cart {
	left: 0;
}

/* nested children icon indicator for mobile menu */

.navbar-collapse i.nested-children-mobile-toggle{
	display: none;
}

.navbar-collapse.in i.nested-children-mobile-toggle{
	margin-left: 10px;
	display: inline-block;
}

body.rtl .navbar-collapse.in i.nested-children-mobile-toggle{
	margin-left: auto;
	margin-right: 10px;
}

.navbar-collapse.in i.nested-children-mobile-toggle:hover{
	color: var(--secondary) !important;
}

/* hide search, wish list, cart in collapsed mode */

.zanaya-multi-nav.collapsed .zanaya-nav-search,
.zanaya-multi-nav.collapsed .nav-wishlist,
.zanaya-multi-nav.collapsed .zanaya-shopping-cart {
	display: none;
}

/* hide dropdown caret */

.dropdown-caret.fa.fa-angle-right {
  display: inline-block;
  float: right;
  margin-top: 1px;
}


/* show dropdown caret in collapsed mode */

.navbar-collapse.in .dropdown-caret.fa.fa-angle-right,
body.rtl .navbar-collapse.in .dropdown-caret.fa.fa-angle-left {
	display: block;
	right: 0;
	position: absolute;
	padding: 13px;
	display: none;
	/* temp disable */
}

/* animated nav menu icon */

.navbar-animated.not-active {
	top: 27px;
	transform: scale(0.21);
}

/* mobile w transitions */
@media only screen and (max-width: 767px){
	.classMark_nav_defMob .navbar-animated.not-active {
		top: -1px;
	}
}

.navbar-animated {
	position: relative;
	top: 27px;
	left: 22px;
	transform: scale(0.21);
	width: 75px;
}

body.rtl .navbar-animated {
	left: 0;
	right: 22px;
}	

/* mobile w transitions */
@media only screen and (max-width: 767px){
	.classMark_nav_defMob .navbar-animated {
		top: -1px;
	}
}

.navbar-animated span {
	display: block;
	width: 100%;
	border-radius: 3px;
	height: 10px;
	background: #000;
	transition: all .3s;
	position: relative;
}

body.dark .zanaya-multi-nav.classMark_nav_defMob:not(.collapsed) .navbar-animated span{
	background: #fff;
}

.navbar-animated:hover span {
	background-color: var(--primary);
}

.navbar-animated span+span {
	margin-top: 13px;
}

.navbar-animated.active span:nth-child(1) {
	animation: ease .7s top forwards;
}

.navbar-animated.not-active span:nth-child(1) {
	animation: ease .7s top-2 forwards;
}

.navbar-animated.active span:nth-child(2) {
	animation: ease .7s scaled forwards;
}

.navbar-animated.not-active span:nth-child(2) {
	animation: ease .7s scaled-2 forwards;
}

.navbar-animated.active span:nth-child(3) {
	animation: ease .7s bottom forwards;
}

.navbar-animated.not-active span:nth-child(3) {
	animation: ease .7s bottom-2 forwards;
}

@keyframes top {
	0% {
		top: 0;
		transform: rotate(0);
	}
	50% {
		top: 23px;
		transform: rotate(0);
	}
	100% {
		top: 23px;
		transform: rotate(45deg);
	}
}

@keyframes top-2 {
	0% {
		top: 23px;
		transform: rotate(45deg);
	}
	50% {
		top: 23px;
		transform: rotate(0deg);
	}
	100% {
		top: 0;
		transform: rotate(0deg);
	}
}

@keyframes bottom {
	0% {
		bottom: 0;
		transform: rotate(0);
	}
	50% {
		bottom: 23px;
		transform: rotate(0);
	}
	100% {
		bottom: 23px;
		transform: rotate(135deg);
	}
}

@keyframes bottom-2 {
	0% {
		bottom: 22px;
		transform: rotate(135deg);
	}
	50% {
		bottom: 22px;
		transform: rotate(0);
	}
	100% {
		bottom: 0;
		transform: rotate(0);
	}
}

@keyframes scaled {
	50% {
		transform: scale(0);
	}
	100% {
		transform: scale(0);
	}
}

@keyframes scaled-2 {
	0% {
		transform: scale(0);
	}
	50% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}


/* override rule in navbar.less */

@media (min-width: 768px) {
	.zanaya-multi-nav.collapsed .navbar-right {
		margin-right: 0;
	}
}


/* support for centered nav logo with links below it */

.navbar-toggle {
	z-index: 1;
}

#btn-search {
	cursor: pointer;
}

.new-nav-logo-center {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
}

#nav-links-wrap {
	/* margin-top: 112px; */
	/* set this to nav height (links line-height) when used */
}

body.rtl #nav-links-wrap{
/*	float: right;*/ /* disabled because it doesn't work woth the shopping cart on the left side in rtl mode */
	text-align: right;
}

.navbar-collapse.in #nav-links-wrap {
	padding-bottom: 40px;
}

.zanaya-multi-nav.right-sided-logo .zanaya-multi-nav-logo {
	float: right;
}

.sticky-slide-down {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99;
}

@-webkit-keyframes stickySlideDown {
	from {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes stickySlideDown {
	from {
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

.sticky-slide-down {
	-webkit-animation: stickySlideDown .65s cubic-bezier(.23, 1, .32, 1) both;
	animation: stickySlideDown .65s cubic-bezier(.23, 1, .32, 1) both
}


/* nav fullscreen - make collaped nav layout over the content instead of pushing it down */

.zanaya-multi-nav.fullscreen {
	width: 100%;
}

.zanaya-multi-nav.fullscreen.collapsed {
	min-height: 100vh;
	position: absolute;
	width: 100%;
}

.zanaya-multi-nav.fullscreen .zanaya-multi-nav-logo {
	opacity: 1;
	transition: opacity 1s ease !important;
}

.zanaya-multi-nav.fullscreen.collapsed .zanaya-multi-nav-logo {
	opacity: 0;
	transition: opacity 1s ease !important;
}

.zanaya-multi-nav.fullscreen .navbar-toggle.mobile-search {
	opacity: 1;
	transition: opacity 1s ease !important;
}

.zanaya-multi-nav.fullscreen.collapsed .navbar-toggle.mobile-search {
	/*  opacity:0;
  transition: opacity 1s ease !important;*/
}


.zanaya-multi-nav.fullscreen.brand-visible.collapsed .zanaya-multi-nav-logo{
	/* keep logo visible when brad-visible class is used */
	opacity: 1;
}

.zanaya-multi-nav.fullscreen.collapsed.affix {
	transition: background-color 1s ease, box-shadow 1s ease !important;
}

.zanaya-multi-nav.fullscreen.collapsed.affix-transparent {
	background-color: transparent !important;
	-webkit-transition: background-color 1s ease, box-shadow 1s ease !important;
	-moz-transition: background-color 1s ease, box-shadow 1s ease !important;
	-o-transition: background-color 1s ease, box-shadow 1s ease !important;
	transition: background-color 1s ease, box-shadow 1s ease !important;
	box-shadow: none !important;
}


/* text align */

.text-lg-left {
	text-align: left;
}

.text-lg-right {
	text-align: right;
}

.text-lg-center {
	text-align: center;
}

.text-lg-justify {
	text-align: justify;
}

@media (max-width: 1199px) {
	.text-md-left {
		text-align: left;
	}
	.text-md-right {
		text-align: right;
	}
	.text-md-center {
		text-align: center;
	}
	.text-md-justify {
		text-align: justify;
	}
}

@media (max-width: 991px) {
	.text-sm-left {
		text-align: left;
	}
	.text-sm-right {
		text-align: right;
	}
	.text-sm-center {
		text-align: center;
	}
	.text-sm-justify {
		text-align: justify;
	}
}

@media (max-width: 767px) {
	.text-xs-left {
		text-align: left;
	}
	.text-xs-right {
		text-align: right;
	}
	.text-xs-center {
		text-align: center;
	}
	.text-xs-justify {
		text-align: justify;
	}
}


/* Floats */

.pull-left-lg {
	float: left !important;
	margin-left: initial !important;
}

.pull-right-lg {
	float: right !important;
	margin-right: initial !important;
}

.pull-center-lg {
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}

@media (max-width: 1199px) {
	.pull-left-md {
		float: left !important;
		margin-left: initial !important;
	}
	.pull-right-md {
		float: right !important;
		margin-right: initial !important;
	}
	.pull-center-md {
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
	}
}

@media (max-width: 991px) {
	.pull-left-sm {
		float: left !important;
		margin-left: initial !important;
	}
	.pull-right-sm {
		float: right !important;
		margin-right: initial !important;
	}
	.pull-center-sm {
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
	}
}

@media (max-width: 767px) {
	.pull-left-xs {
		float: left !important;
		margin-left: initial !important;
	}
	.pull-right-xs {
		float: right !important;
		margin-right: initial !important;
	}
	.pull-center-xs {
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
	}
}


/* margin align */

.center-block-lg {
	display: block !important;
	margin-right: auto !important;
	margin-left: auto !important;
}

.left-block-lg {
	display: block !important;
	margin-right: auto !important;
	margin-left: initial !important;
}

.right-block-lg {
	display: block !important;
	margin-right: initial !important;
	margin-left: auto !important;
}

@media (max-width: 1199px) {
	.center-block-md {
		display: block !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.left-block-md {
		display: block !important;
		margin-right: auto !important;
		margin-left: initial !important;
	}
	.right-block-md {
		display: block !important;
		margin-right: initial !important;
		margin-left: auto !important;
	}
}

@media (max-width: 991px) {
	.center-block-sm {
		display: block !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.left-block-sm {
		display: block !important;
		margin-right: auto !important;
		margin-left: initial !important;
	}
	.right-block-sm {
		display: block !important;
		margin-right: initial !important;
		margin-left: auto !important;
	}
}

@media (max-width: 767px) {
	.center-block-xs {
		display: block !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}
	.left-block-xs {
		display: block !important;
		margin-right: auto !important;
		margin-left: initial !important;
	}
	.right-block-xs {
		display: block !important;
		margin-right: initial !important;
		margin-left: auto !important;
	}
}


/* Vertical and Horizontal Alignment */

.zanaya-vertical-horizontal-align {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 0;
	left: 0;
}

@media screen and (max-height:481px) {
	/* cancel centering for very small screens - can also be set to 569px*/
	.zanaya-vertical-horizontal-align:not(.carousel-item-content) {
		position: relative !important;
		top: auto !important;
		transform: none !important;
		-webkit-transform: none !important;
	}
}

@media screen and (max-height:569px),
screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) and (orientation : portrait),
screen and (min-device-width : 411px) and (max-device-width : 731px) and (-webkit-device-pixel-ratio: 2.625)  and (orientation : portrait)  {
	/* cancels vertical align for portrait view iPhone 4,5, Galaxy 5S portrait, Pixel 2 portrait */
	.zanaya-vertical-horizontal-align.disable-align-xs {
		position: relative !important;
		top: auto !important;
		transform: none !important;
		-webkit-transform: none !important;
	}
}

/* disable in phone landscape */
@media only screen and (min-device-width : 411px) and (max-device-width : 823px) and (-webkit-device-pixel-ratio: 3.5)  and (orientation : landscape),
only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation : landscape),
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),
only screen and (min-device-width : 320px) and (max-device-width : 568px) and (-webkit-min-device-pixel-ratio: 1) and (orientation : landscape) {
	.zanaya-vertical-horizontal-align.disable-landscape:not(.carousel-item-content){
		position: absolute !important;
		top: 50% !important;
	}
}

.zanaya-vertical-horizontal-align.container-fluid {
	width: 100%;
}

.zanaya-vertical-horizontal-align-fixed {
	position: absolute;
	top: 50%;
	position: fixed;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	right: 0;
	left: 0;
}

.zanaya-vertical-align.bottom {
	width: 100%;
	position: absolute;
	bottom: 0;
}


/*=================
    NAV
===================*/

#masthead.nav-on-top {
	height: 0;
	position: absolute;
}

#masthead .zanaya-row{
	border-width: 0;
}

.zanaya-multi-nav {
	background-color: rgba(255, 255, 255, 1);
	text-align: left;
	border-radius: 0;
	margin-bottom: 0;
	border: 0;
	box-shadow: none;
	z-index: 1005;
	position: relative;
}

/* mobile w transitions */
.classMark_nav_defMob.transparent {
	background-color: transparent;
}

/* support for bootstrap native fixed-top */

.zanaya-row.navbar-fixed-top {
	min-height: 0;
}

.zanaya-multi-nav.navbar-fixed-top {
	position: fixed;
}

/* prevent shifting of links */

.zanaya-multi-nav.navbar-fixed-top .navbar-collapse {
	padding-right: 15px;
	padding-left: 15px;
}

/* outer boxed & inner-boxed logo-left positioning - img logo*/

.zanaya-multi-nav.container .navbar-inner.container .navbar-header.navbar-left {
	margin-left: -30px;
}

/* outer boxed & inner-boxed logo-left positioning - text logo*/

.zanaya-multi-nav.container .navbar-brand {
	margin-left: 0px;
}

/* support for affix */

.zanaya-multi-nav.affix {
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: rgba(0, 0, 0, .12) 0 1px 3px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	transition: top 1s ease !important;
	/* width:100%; */
}

.zanaya-multi-nav.affix.transparent:not([class*="classMark"]){
	background-color: transparent;
}

.zanaya-multi-nav.affix.slidedown {
	position: relative !important;
	top: -350px !important;
}

.zanaya-multi-nav .navbar-inner {
	margin: auto;
	padding-left: 15px;
	padding-right: 15px;
}

/* break point spot fix */
@media only screen and (min-width: 768px) and (max-width: 768px) {
	.zanaya-multi-nav .navbar-inner {
		padding-left: 0px;
		padding-right: 0px;
	}
}

/* transitions */

.zanaya-multi-nav.transitions {
	transition: 0.5s all ease;
}

.zanaya-multi-nav.transitions *:not(.zanaya-nav-search-icon):not(.shopping-cart-btn) {
	transition: 0.5s all ease;
}

.zanaya-multi-nav i {
	transition: none !important;
}

.zanaya-nav-search-icon,
.shopping-cart-btn {
	transition: none !important;
}

.zanaya-multi-nav .zanaya-shopping-cart,
.zanaya-multi-nav .zanaya-shopping-cart span,
.nav-wishlist span {
	transition: none !important;
}


/* mobile toggle button */

.zanaya-multi-nav .navbar-toggle {
	width: auto;
	height: auto;
	border-radius: 4px;
	padding: 0px 0.7em;
	line-height: 112px;
	margin-top: 0;
	margin-bottom: 0;
	background-color: transparent;
}

/* mobile w transitions */
@media only screen and (max-width: 767px){
	.classMark_nav_defMob .navbar-toggle {
		line-height: 56px;
	}
}

.zanaya-multi-nav.affix .navbar-toggle {
	padding: 0px 0.7em;
	line-height: 112px;
}

.zanaya-multi-nav .navbar-toggle.mobile-search {
	margin-right: 5px;
	margin-left: -15px;
	/* moves the hamburger icon closer to the search icon */
}

body.rtl .zanaya-multi-nav .navbar-toggle.mobile-search {
	margin-left: 5px;
	margin-right: -15px;
}	

.zanaya-multi-nav.affix .navbar-toggle.mobile-search {
	margin-right: 5px;
	margin-left: -15px;
	/* moves the hamburger icon closer to the search icon */
}

body.rtl .zanaya-multi-nav.affix .navbar-toggle.mobile-search {
	margin-left: 5px;
	margin-right: -15px;
	/* moves the hamburger icon closer to the search icon */
}

.zanaya-multi-nav .navbar-toggle:hover {
	background-color: transparent;
}

.zanaya-multi-nav .navbar-toggle i {
	color: #000;
	font-size: 17px;
	display: inline-block;
}

body.dark .zanaya-multi-nav:not([class*="classMark"]):not(.collapsed) .navbar-toggle i,
body.dark .zanaya-multi-nav.classMark_nav_defMob:not(.collapsed) .navbar-toggle i{
	color: #fff;
}

.zanaya-multi-nav.affix .navbar-toggle i {
	color: #000;
	display: inline-block;
}

.zanaya-multi-nav .navbar-toggle i:hover {
	color: var(--primary);
}

.zanaya-multi-nav.affix .navbar-toggle i:hover {
	color: var(--primary);
}

.mobile-search-open .navbar-toggle.zanaya-cart-toggle {
	/* hide cart button during search */
	display: none;
}

.navbar-toggle.zanaya-cart-toggle {
	margin-right: 0;
}


/* mobile toggle button and logo - hide during search class */

.zanaya-multi-nav .no-opacity {
	opacity: 0;
	transition: 0s all ease;
}

.zanaya-multi-nav .navbar-header {
	line-height: 112px;
}

.zanaya-multi-nav.collapsed {
	/* support for collapsed nav - bg image */
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: 50%;
}

.zanaya-multi-nav .zanaya-nav-logo-img {
	display: inline-block;
	/* single logo display mode */
	width: 102px;
}


/* logo */

.zanaya-multi-nav .affix-nav-logo-img {
	display: none !important;
}

.zanaya-multi-nav .reg-nav-logo-img {
	display: inline-block !important;
}

.zanaya-multi-nav.affix .affix-nav-logo-img {
	display: inline-block !important;
}

.zanaya-multi-nav.affix .reg-nav-logo-img {
	display: none !important;
}

.zanaya-multi-nav .navbar-brand {
	color: rgb(193, 24, 255);
	color: var(--primary);
	text-transform: uppercase;
	font-size: 40px;
	height: auto;
	padding: 0px 15px;
	line-height: 112px
}

/* mobile w transitions */
@media only screen and (max-width: 767px) {
	.classMark_nav_defMob .navbar-brand {
		line-height: 56px;
	}
}	

.zanaya-multi-nav .navbar-brand:hover {
	color: rgb(230, 63, 100);
	color: var(--secondary);
}

.zanaya-multi-nav.affix .navbar-brand {
	color: rgb(193, 24, 255);
	color: var(--primary);
	height: auto;
	font-size: 28px;
	padding: 0px 15px;
	line-height: 112px;
}

.zanaya-multi-nav .navbar-brand.zanaya-nav-brand-img {
	margin-top: 0;
	margin-left: 0;
	position: relative;
	/* required for centered links */
	z-index: 1;
	/* required for centered links */
}

.zanaya-multi-nav.affix .navbar-brand.zanaya-nav-brand-img {
	margin-top: 0;
	margin-left: 0;
}

.zanaya-multi-nav.affix .navbar-brand:hover {
	color: rgb(230, 63, 100);
	color: var(--secondary);
}


/* Center logo */

.zanaya-multi-nav .navbar-brand-center.zanaya-nav-brand-img {
	position: absolute !important;
	transform: translateX(-50%);
	left: 50%;
}

.zanaya-multi-nav .navbar-brand-center.zanaya-nav-brand-txt {
	position: absolute;
	transform: initial !important;
	left: 0 !important;
	right: 0 !important;
	margin: auto;
	text-align: center;
}


/* text logo in center */

.zanaya-multi-nav.navbar .navbar-inner .navbar-header.navbar-brand-center .navbar-brand {
	margin-left: 0;
	margin-right: 0;
}


/* img logo in center */

.zanaya-multi-nav.navbar .navbar-inner .navbar-header.navbar-brand-center .navbar-brand a:not(img) {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
}

.zanaya-multi-nav.navbar .navbar-inner .navbar-header.navbar-brand-center .navbar-brand img {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
}


/* right side text logo */

@media (min-width: 768px) {
	.zanaya-multi-nav.navbar .navbar-inner .navbar-header.navbar-right .navbar-brand {
		margin-left: 15px;
	}
	.zanaya-multi-nav.navbar .navbar-inner:not(.container) .navbar-header.navbar-right .navbar-brand {
		margin-right: 15px;
	}
	.zanaya-multi-nav.navbar.container .navbar-inner.container .navbar-header.navbar-right .navbar-brand {
		margin-right: 15px;
	}
}


/* left & right image logo in full/full mode ( full outer & full inner) */

.zanaya-multi-nav.navbar:not(.container) .navbar-inner:not(.container) .navbar-header.navbar-left .navbar-brand img {
	margin-left: 0px;
}

.zanaya-multi-nav.navbar:not(.container) .navbar-inner:not(.container) .navbar-header.navbar-right .navbar-brand img {
	margin-right: 15px;
}

@media (max-width: 768px) {
	.zanaya-multi-nav .navbar-header.navbar-left .navbar-toggle.mobile-cart {
		margin-right: 0;
	}	
	.zanaya-multi-nav .navbar-header.navbar-right .navbar-brand {
		float: right;
		margin-right: 0px;
	}
	.zanaya-multi-nav .navbar-header.navbar-right .navbar-toggle {
		float: left;
		margin-right: 0;
		margin-left: 15px;
	}
	.zanaya-multi-nav .navbar-header.navbar-right .mobile-search,
	.zanaya-multi-nav .navbar-header.navbar-right .navbar-toggle.mobile-cart {
		float: none;
		margin-right: 0;
		margin-left: 0;
	}
	.zanaya-multi-nav.centered-logo .navbar-toggle.zanaya-navbar-toggle {
		float: left;
		margin-left: 15px;
	}
}


/* links */

.zanaya-multi-nav .navbar-icons {
	font-family: 'FontAwesome' !important;
}

.zanaya-multi-nav .navbar-icons:focus {
	outline: 0;
}

.zanaya-multi-nav .navbar-nav li a {
	color: #333;
	padding: 0px 15px;
	font-size: 15px;
	line-height: 112px;
	font-weight: 400;
	letter-spacing: 1px;
}

/* mobile w transitions */
@media only screen and (max-width: 767px) {
	.classMark_nav_defMob .navbar-nav li a {
    line-height: 56px;
	}
}

.zanaya-multi-nav .navbar-nav li a:hover {
	color: rgb(193, 24, 255);
	color: var(--primary);
	background-color: transparent;
}

.zanaya-multi-nav .navbar-nav li a:focus {
	/* disnabled for allow accessibility via TAB key */
	/* outline: 0;*/
}

.zanaya-multi-nav .navbar-nav li a.active {
	color: rgb(193, 24, 255);
	color: var(--primary);
	background-color: transparent;
}

.zanaya-multi-nav .navbar-nav li a.active:hover {
	color: rgb(193, 24, 255);
	color: var(--primary);
	background-color: transparent;
}


/* affix links */

.zanaya-multi-nav.affix .navbar-nav li a {
	color: #333;
	padding: 0px 15px;
	font-size: 15px;
	line-height: 112px;
	font-weight: 400;
	letter-spacing: 1px;
	background-color: transparent;
}

.zanaya-multi-nav.affix .navbar-nav li a:hover {
	color: rgb(193, 24, 255);
	color: var(--primary);
	background-color: transparent;
}

.zanaya-multi-nav.affix .navbar-nav li a:focus {
	/* outline: 0;*/ /* disnabled for allow accessibility via TAB key */
}

.zanaya-multi-nav .dropdown-toggle:focus{
	/* allow accessibility via TAB key */
	outline: auto 5px -webkit-focus-ring-color;
}

.zanaya-multi-nav.affix .navbar-nav li a.active {
	color: rgb(193, 24, 255);
	color: var(--primary);
	background-color: transparent;
}

.zanaya-multi-nav.affix .navbar-nav li a.active:hover {
	color: rgb(193, 24, 255);
	color: var(--primary);
	background-color: transparent;
}


/* bordered links */

.zanaya-multi-nav .navbar-nav.bordered-links li a {
	border-color: transparent;
	border-style: solid;
	border-width: 0;
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.zanaya-multi-nav .navbar-nav.bordered-links li a:hover {
	-webkit-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	-moz-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	box-shadow: inset 0px 3px 0px 0px rgb(193, 24, 255), inset 0px 0px 0px 0px rgb(193, 24, 255);
	box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
}

.zanaya-multi-nav .navbar-nav.bordered-links li a.active {
	-webkit-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	-moz-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	box-shadow: inset 0px 3px 0px 0px rgb(193, 24, 255), inset 0px 0px 0px 0px rgb(193, 24, 255);
	box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
}

.zanaya-multi-nav .navbar-nav.bordered-links li a.active:hover {
	-webkit-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	-moz-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	box-shadow: inset 0px 3px 0px 0px rgb(193, 24, 255), inset 0px 0px 0px 0px rgb(193, 24, 255);
	box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
}


/* bordered links - affix */

.zanaya-multi-nav.affix .navbar-nav.bordered-links li a {
	border-color: transparent;
	border-style: solid;
	border-width: 0;
	-webkit-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
	-moz-box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
	box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0), inset 0px 0px 0px 0px rgba(0, 0, 0, 0);
}

.zanaya-multi-nav.affix .navbar-nav.bordered-links li a:hover {
	-webkit-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	-moz-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	box-shadow: inset 0px 3px 0px 0px rgb(193, 24, 255), inset 0px 0px 0px 0px rgb(193, 24, 255);
	box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
}

.zanaya-multi-nav.affix .navbar-nav.bordered-links li a.active {
	-webkit-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	-moz-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	box-shadow: inset 0px 3px 0px 0px rgb(193, 24, 255), inset 0px 0px 0px 0px rgb(193, 24, 255);
	box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
}

.zanaya-multi-nav.affix .navbar-nav.bordered-links li a.active:hover {
	-webkit-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	-moz-box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
	box-shadow: inset 0px 3px 0px 0px rgb(193, 24, 255), inset 0px 0px 0px 0px rgb(193, 24, 255);
	box-shadow: inset 0px 3px 0px 0px var(--primary), inset 0px 0px 0px 0px var(--primary);
}


/* disable border-shadow in dropdown menu links */

.zanaya-multi-nav.affix .navbar-nav li .dropdown-menu li a {
	box-shadow: none !important;
}


/* sub-menus */

.zanaya-multi-nav .nav .open>a,
.zanaya-multi-nav .nav .open>a:focus,
.zanaya-multi-nav .nav .open>a:hover {
	background-color: transparent;
	/* when hovering over drop-down links - keep parent's background transparent */
	cursor: pointer;
	color: var(--primary);
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu {
	background-color: #fff;
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu li a {
	padding: 10px 15px;
	line-height: 19px;
	color: rgb(51, 51, 51);
	font-size: 13px;
}

/* for 2nd level nested links - make sure caret is at least 10px away */
.zanaya-multi-nav .navbar-nav li.menu-item-has-parent.menu-item-has-children a.dropdown-toggle {
	width: calc(100% + 10px);
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu li a:hover {
	color: rgb(193, 24, 255);
	color: var(--primary);
}

.zanaya-multi-nav .navbar-nav li .dropdown-menu li a:hover {
	border-color: transparent;
	box-shadow: none;
}

.zanaya-multi-nav.affix .navbar-nav li .dropdown-menu li a:hover {
	border-color: transparent;
	box-shadow: none;
}


/* nested dropdown links - active */

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu li a.active {
	color: rgb(193, 24, 255);
	color: var(--primary);
	box-shadow: none;
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu li a.active:hover {
	color: rgb(230, 63, 100);
	color: var(--secondary);
	box-shadow: none;
}


/* dropdown links open-animation. note the close animation must be hooked into the various collapse modes, so it's coded later on the page */


/* open menus and submenus on hover - when nav is not collapsed */

.zanaya-multi-nav.not(.collapsed) ul.nav li.dropdown:hover>ul.dropdown-menu {
	display: inline-table;
	/* changed to inline-table due to submenus cut-short on long links */
}

.dropdown-submenu {
	position: relative;
}

.dropdown-submenu>.dropdown-menu {
	top: 0;
	left: 100%;
	/* for fly-right set right: 100% */
	/* margin-top: -6px; */
	margin-left: -1px;
	-webkit-border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px;
	border-radius: 0 6px 6px 6px;
}

body.rtl .dropdown-submenu>.dropdown-menu{
	left: auto;
	right: 100%;
}

.zanaya-multi-nav.not(.collapsed) .dropdown-submenu:hover>.dropdown-menu {
	display: block;
}

.dropdown-submenu>a:after {
	display: none;
	float: right;
	width: 0;
	height: 0;
	font-family: "fontawesome";
	content: "\f105";
}

.dropdown-submenu:hover>a:after {
	color: rgb(193, 24, 255);
	color: var(--primary);
}

.dropdown-submenu.pull-left {
	float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
	left: -100%;
	margin-left: 10px;
	-webkit-border-radius: 6px 0 6px 6px;
	-moz-border-radius: 6px 0 6px 6px;
	border-radius: 6px 0 6px 6px;
}


/* window edge aware dropdowns - class edge added by js */

.zanaya-multi-nav .dropdown ul.edge {
	opacity: 0;
	left: auto;
	right: 100% !important;
	transition: 0.5s all ease, right 0s linear, opacity 0s linear !important;
}


/* if links are centered. keep them centered for mobile dropdowns. */

.collapsed .navbar-center .dropdown-menu.depth_0 {
	text-align: inherit;
}


/* Search */

.full-width-search.opened {
	right: 0;
	z-index: 1;
}

.zanaya-multi-nav .navbar-collapse.relative {
	position: relative;
}

.zanaya-multi-nav .nav-search-form {
	display: none;
	position: absolute;
	width: 100%;
	max-width: 1000px;
	left: 0;
}

.zanaya-multi-nav .nav-search-form input {
	min-width: 1000px;
	height: auto;
	background: transparent;
	box-shadow: none;
	border: 0;
	font-size: 22px;
	line-height: 112px
}

.zanaya-multi-nav .nav-search-input-color {
	color: #333;
}

.zanaya-multi-nav .nav-search-form input {
	padding: 0px 15px;
	/* This will be re-calculated with js once nav settings is clicked */
}

.zanaya-multi-nav.affix .nav-search-form input {
	padding: 0px 15px;
	/* This will be re-calculated with js once nav settings is clicked */
}

@media (max-width: 1200px) {
	.zanaya-multi-nav .nav-search-form {
		max-width: 900px;
	}
	.zanaya-multi-nav .nav-search-form input {
		min-width: 900px;
	}
}

@media (max-width: 992px) {
	.zanaya-multi-nav .nav-search-form {
		max-width: 692px;
	}
	.zanaya-multi-nav .nav-search-form input {
		min-width: 692px;
	}
}

@media (max-width: 768px) {
	.zanaya-multi-nav .nav-search-form {
		max-width: 468px;
	}
	.zanaya-multi-nav .nav-search-form input {
		min-width: 468px;
	}
}

.zanaya-multi-nav .nav-search-form input:focus {
	box-shadow: none;
}


/* Webkit */

.zanaya-multi-nav .nav-search-placeholder-color::-webkit-input-placeholder {
	color: #666;
}


/* Firefox 4-18 */

.zanaya-multi-nav .nav-search-placeholder-color:-moz-placeholder {
	color: #666;
}


/* Firefox 19+ */

.zanaya-multi-nav .nav-search-placeholder-color::-moz-placeholder {
	color: #666;
}


/* IE10+ */

.zanaya-multi-nav .nav-search-placeholder-color:-ms-input-placeholder {
	color: #666;
}

.zanaya-multi-nav .nav-search-form.active {
	width: 100%;
	display: -webkit-inline-box;
}

.zanaya-multi-nav .nav-search-form.active button,
.zanaya-multi-nav .nav-search-form.active input {
	display: table-cell;
}


/* dropdowns */

@media (min-width: 768px) {
	/* class to open dropdowns to the left side even when the parent link is placed in the right side of the nav menu */
	.navbar-right .dropdown-menu.open-left {
		right: auto;
		left: auto;
	}
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu {
	padding: 0 25px;
	border: 0px solid #fff;
	background-color: #fff;
	border-radius: 0px;
	box-shadow: rgba(0, 0, 0, .175) 0 6px 12px;
	transition: none;
}

body.rtl .zanaya-multi-nav .navbar-nav li ul.dropdown-menu{
	text-align: right;
}

/* pad the first and last link in dropdowns - helps when moving the mouse accros menus */

.zanaya-multi-nav:not(.collapsed) .navbar-nav li ul.dropdown-menu:not(.mega-dropdown-menu) li:first-child>a {
	padding-top: 35px;
}

.zanaya-multi-nav:not(.collapsed) .navbar-nav li ul.dropdown-menu:not(.mega-dropdown-menu) li:last-child>a {
	padding-bottom: 35px;
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu.mega-dropdown-menu {
	padding: 25px;
}

@media (max-width: 992px){
	.zanaya-multi-nav.collapsed .navbar-nav li ul.dropdown-menu.mega-dropdown-menu {
		padding: 0 25px;
	}
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu.dropdown-cart {
	padding: 25px 0;
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu.mega-dropdown-menu {
	max-height: 400px;
	overflow-y: auto;
}

.zanaya-multi-nav .dropdown-menu.submenu li a {
	/* regular links submenu-dropdown */
	padding: 5px 15px !important;
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-cart {
	min-width: 350px;
}

.zanaya-multi-nav .mega-dropdown {
	position: static !important;
}

.zanaya-multi-nav .mega-dropdown-menu {
	box-shadow: none;
	-webkit-box-shadow: none;
	background-color: transparent;
	text-align: inherit;
	left: 0;
	right: 0;
	margin: auto !important;
	top: auto;
}

.zanaya-multi-nav .mega-dropdown-menu li ul {
	padding: 0;
	margin: 0;
}

.zanaya-multi-nav .mega-dropdown-menu li ul li {
	list-style: none;
}

.zanaya-multi-nav .mega-dropdown-menu li ul li a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.428571429;
	color: #999;
	white-space: normal;
}

.zanaya-multi-nav .mega-dropdown-menu li ul li a:hover,
.zanaya-multi-nav .mega-dropdown-menu li ul li a:focus {
	text-decoration: none;
	color: #444;
	/*  background-color: #f5f5f5;*/
}

@media (min-width: 768px){
	.mega-dropdown-menu.container:not(.full-width-megamenu){
		max-width: 750px;
	}
}

@media (min-width: 992px){
	.mega-dropdown-menu.container:not(.full-width-megamenu){
		max-width: 970px;
	}
}

@media (min-width: 1200px){
	.mega-dropdown-menu.container:not(.full-width-megamenu){
		max-width: 1170px;
	}
}

.zanaya-multi-nav .full-width-megamenu {
	width: 100%;
}


/* login - zayana-panel-dropdown */

.zanaya-panel-dropdown,
.zanaya-login-dropdown {
	min-width: 300px;
	overflow: hidden;
}

.zanaya-multi-nav .btn-fb {
	color: #fff;
	background-color: #3b5998;
}

.zanaya-multi-nav .btn-fb:hover {
	color: #fff;
	background-color: #496ebc
}

.zanaya-multi-nav .btn-tw {
	color: #fff;
	background-color: #55acee;
}

.zanaya-multi-nav .btn-tw:hover {
	color: #fff;
	background-color: #59b5fa;
}

.zanaya-multi-nav .nav-search-form-mobile {
	display: none;
	position: absolute;
	max-width: 50%;
}

.zanaya-multi-nav .nav-search-form-mobile input {
	padding-top: 0px;
	padding-bottom: 0px;
	line-height: 112px;
	height: auto;
	background: transparent;
	border: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.zanaya-multi-nav .nav-search-form-mobile input:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
}

@media (max-width: 767px) {
	.zanaya-multi-nav:not('.no-collapse') .navbar-nav li a.active {
		border-style: none !important;
		/* disables active link border in mobile */
	}
	/* override bootstrap 767px media query for use with no-collapse mode */
	.no-collapse .navbar-nav.navbar-left,
	.no-collapse .navbar-nav.navbar-right {
		margin: 0 !important;
		padding: 0 !important;
	}
	.no-collapse .navbar-collapse.collapse {
		border-top: 0 !important;
	}
}


/* responsive shopping cart */

.zanaya-cart-container {
	position: absolute;
	left: 0;
	right: 0;
}

.zanaya-sticky-nav.zanaya-cart-container {
	position: fixed;
	z-index: 10;
}

.zanaya-shopping-cart-wrapper {
	display: none;
	position: relative;
	z-index: 10;
	float: right;
	padding: 0;
}

.zanaya-shopping-cart-wrapper .zanaya-col {
	min-width: 350px;
	max-width: 500px;
	border: 0px solid #fff;
	background-color: #fff;
	border-radius: 0px;
	box-shadow: rgba(0, 0, 0, .175) 0 6px 12px;
}

@media only screen and (max-width: 320px) {
	.zanaya-cart-container {
		margin-left: -15px;
		margin-right: -15px;
		zoom: 0.95;
	}
	.zanaya-shopping-cart-wrapper .zanaya-col {
		min-width: 100%;
	}
}

.nav-cart-links {
	padding: 5px;
	border: 1px solid rgb(153, 153, 153);
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu li .nav-cart-links a:hover {
	color: #fff
}

.zanaya-shopping-cart .shopping-cart-heading,
.zanaya-shopping-cart .shopping-cart-total-heading{
	color: #000;
}

body.dark .mini-cart-product-title,
body.dark .splent-mini-cart-quantity,
body.dark .splent-mini-cart-price {
	color: rgb(170, 170, 170);
}

body.dark .zanaya-shopping-cart .shopping-cart-heading,
body.dark .zanaya-shopping-cart .shopping-cart-total-heading{
	color: #ccc;
}

body.dark .zanaya-shopping-cart .splent-mini-cart-product-empty{
	color: #666;
}


body.rtl .nav.navbar-nav.navbar-left{
	float:left !important;
	padding-left: 0;
}

body.rtl .nav.navbar-nav.navbar-right{
	float:right !important;
}

body.rtl .zanaya-shopping-cart .cart-dropdown-toggle{
	padding-left: 0 !important;
}

body.rtl .zanaya-shopping-cart .dropdown-menu{
	left: 0;
	right: auto;
}



/* nav collapse breakpoints */


/* collapse-lg = always collapse, none specified is the regular collapse point of 768px. no-collapse = disable nav collapsing. */

.collapse-lg .navbar-header {
	float: none;
}

.collapse-lg .navbar-left,
.collapse-lg .navbar-right {
	float: none !important;
}

.collapse-lg .navbar-toggle {
	display: block;
}

.collapse-lg .navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: none;
}

.collapse-lg .navbar-fixed-top {
	top: 0;
	border-width: 0 0 1px;
}

.collapse-lg .navbar-collapse.collapse {
	display: none!important;
}

.collapse-lg .navbar-nav {
	float: none!important;
	margin-top: 7.5px;
}

.collapse-lg .navbar-nav>li {
	float: none;
}

.collapse-lg .navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}

.collapse-lg .collapse.in {
	display: block !important;
}


/* dropdown links close animation */

.collapse-lg .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	display: none;
	/* support WordPress sublinks in collapse mode */
}


/* support for unlimited nested levels */

.zanaya-multi-nav.collapsed .dropdown:not(.open)>ul {
	display: none !important;
}

.pos-initial {
	position: initial !important;
}

/* support for scrolling collapsed mobile menu */
.hidden-overflow-y .collapsed{
	overflow-y: scroll;
  height: 100vh;
}


/* hide non collapse cart link */

.collapse-lg .navbar-collapse.collapsed-mode .cart-link {
	display: none !important;
}

@media (max-width: 1199px) {
	.collapse-md .navbar-header {
		float: none;
	}
	.collapse-md .navbar-left,
	.collapse-md .navbar-right {
		float: none !important;
	}
	.collapse-md .navbar-toggle {
		display: block;
	}
	.collapse-md .navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: none;
	}
	.collapse-md .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.collapse-md .navbar-collapse.collapse {
		display: none!important;
	}
	.collapse-md .navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.collapse-md .navbar-nav>li {
		float: none;
	}
	.collapse-md .navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse-md .collapse.in {
		display: block !important;
	}
	/* dropdown links close animation */
	.collapse-md .dropdown-menu {
		position: static;
		float: none;
		width: auto;
	}
	/* hide non collapse cart link */
	.collapse-md .navbar-collapse.collapsed-mode .cart-link {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.collapse-sm .navbar-header {
		float: none;
	}
	.collapse-sm .navbar-left,
	.collapse-md .navbar-right {
		float: none !important;
	}
	.collapse-sm .navbar-toggle {
		display: block;
	}
	.collapse-sm .navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: none;
	}
	.collapse-sm .navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.collapse-sm .navbar-collapse.collapse {
		display: none!important;
	}
	.collapse-sm .navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	.collapse-sm .navbar-nav>li {
		float: none;
	}
	.collapse-sm .navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse-sm .collapse.in {
		display: block !important;
	}
	/* dropdown links close animation */
	.collapse-sm .dropdown-menu {
		position: static;
		float: none;
		width: auto;
	}
	/* hide non collapse cart link */
	.collapse-sm .navbar-collapse.collapsed-mode .cart-link {
		display: none !important;
	}
}

@media (max-width: 767px) {
	/* dropdown links close animation */
	.collapse-xs .dropdown-menu {
		position: static;
		float: none;
		width: auto;
	}
	/* hide non collapse cart link */
	.collapse-xs .navbar-collapse.collapsed-mode .cart-link {
		display: none !important;
	}
}

.no-collapse .navbar-collapse.collapse {
	display: block!important;
}

.no-collapse .navbar-nav>li,
.no-collapse .navbar-nav {
	float: left !important;
}

.no-collapse .navbar-nav.navbar-right:last-child {
	margin-right: -15px !important;
}

.no-collapse .navbar-left {
	float: left!important;
}

.no-collapse .navbar-right {
	float: right!important;
}

.no-collapse .navbar-toggle {
	display: none!important;
}


/* hide non collapse cart link */

.no-collapse .navbar-collapse.collapsed-mode .cart-link {
	display: none !important;
}


/* navbar centered links */

.navbar-nav.navbar-center {
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	text-align: center;
}

.navbar-nav.navbar-center.relative {
	position: relative;
	left: auto;
	right: auto;
	float: none !important
}

.navbar-nav.navbar-center>li {
	float: none;
	display: inline-block;
}


/* fullscreen collapse */

.zanaya-multi-nav.min-bg-transparancy {
	background: rgba(255, 255, 255, 0.4);
}

.zanaya-multi-nav.fullscreen.collapsed {
	min-height: 100vh;
}

.zanaya-multi-nav.fullscreen .navbar-collapse {
	box-shadow: none;
}


/* fix links moving left in fixed-top fullscreen mode */

.zanaya-multi-nav.fullscreen.navbar-fixed-top .navbar-collapse {
	max-height: none;
}


/* disable default link height animation */

.zanaya-multi-nav.fullscreen.collapsed .navbar-collapse.collapsing {
	/* transition:none !important;*/
}

.zanaya-multi-nav:not(.affix):not('.navbar-fixed-top').fullscreen.collapsed.fadein-null {
	-webkit-animation: fullscreenfadein 2s;
	/* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fullscreenfadein 2s;
	/* Firefox < 16 */
	-ms-animation: fullscreenfadein 2s;
	/* Internet Explorer */
	-o-animation: fullscreenfadein 2s;
	/* Opera < 12.1 */
	animation: fullscreenfadein 2s;
}

.zanaya-multi-nav:not(.affix):not('.navbar-fixed-top').fullscreen.collapsed.fadeout-null {
	-webkit-animation: fullscreenfadeout 2s;
	/* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fullscreenfadeout 2s;
	/* Firefox < 16 */
	-ms-animation: fullscreenfadeout 2s;
	/* Internet Explorer */
	-o-animation: fullscreenfadeout 2s;
	/* Opera < 12.1 */
	animation: fullscreenfadeout 2s;
}


/* fade in */

@keyframes fullscreenfadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Firefox < 16 */

@-moz-keyframes fullscreenfadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fullscreenfadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Internet Explorer */

@-ms-keyframes fullscreenfadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* Opera < 12.1 */

@-o-keyframes fullscreenfadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}


/* fade out */

@keyframes fullscreenfadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}


/* Firefox < 16 */

@-moz-keyframes fullscreenfadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}


/* Safari, Chrome and Opera > 12.1 */

@-webkit-keyframes fullscreenfadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}


/* Internet Explorer */

@-ms-keyframes fullscreenfadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}


/* Opera < 12.1 */

@-o-keyframes fullscreenfadeout {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}


/* the following rules will now target the mobile styled menu when it's collapsed - regardless of media queries - using the collapsed-mode class */

.zanaya-multi-nav .collapsed-mode .full-width-search {
	display: none;
}

.zanaya-multi-nav .collapsed-mode .navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: auto;
	margin-top: 0;
	/*  background-color: transparent;*/
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.zanaya-multi-nav .collapsed-mode .navbar-nav .dropdown.open ul.dropdown-menu.depth_0 {
	height: 100%;
	display: block;
}

.zanaya-multi-nav .collapsed-mode .navbar-nav .open .dropdown-menu>li>a {
	/* pushes sublinks 25 pixels to the left */
	padding-left: 25px;
}

@media (max-width: 350px) {
	.zanaya-multi-nav .collapsed-mode .navbar-nav .open .dropdown-menu>li>a {
		/* for smaller mobile devices */
		padding-left: 0px;
	}
}

.zanaya-multi-nav.search-open ul li:not(.full-width-search) {
	opacity: 0;
	transition: 0s all ease;
}

.zanaya-multi-nav.collapse-lg.search-open ul li:not(.full-width-search) {
	opacity: 0;
	transition: 0s all ease;
}

@media (max-width: 767px) {
	.zanaya-multi-nav.collapse-xs.search-open ul li:not(.full-width-search) {
		opacity: 1;
	}
}

@media (max-width: 1199px) {
	.zanaya-multi-nav.collapse-md.search-open ul li:not(.full-width-search) {
		opacity: 1;
	}
}

@media (max-width: 991px) {
	.zanaya-multi-nav.collapse-sm.search-open ul li:not(.full-width-search) {
		opacity: 1;
	}
}

@media (max-width: 767px) {
	.zanaya-multi-nav.collapse-xs.search-open ul li:not(.full-width-search) {
		opacity: 1;
	}
}


/* the following rules ensure normal search and mobile search will not be visible at the same time when switching back and forth beween normal and collapsed nav modes*/

.zanaya-multi-nav .mobile-search-open .nav-search-form-mobile {
	display: none;
	/* closed by default */
}

.zanaya-multi-nav.collapse-lg .mobile-search-open .nav-search-form-mobile {
	display: block;
}

@media (max-width: 1199px) {
	.zanaya-multi-nav.collapse-md .mobile-search-open .nav-search-form-mobile {
		display: block;
	}
}

@media (max-width: 991px) {
	.zanaya-multi-nav.collapse-sm .mobile-search-open .nav-search-form-mobile {
		display: block;
	}
}

@media (max-width: 767px) {
	.zanaya-multi-nav.collapse-xs .mobile-search-open .nav-search-form-mobile {
		display: block;
	}
}


/* ensure the regular search will not appear in collapse nav mode */

.zanaya-multi-nav.collapse-lg .collapsed-mode .nav-search-form {
	display: none;
}

@media (max-width: 1199px) {
	.zanaya-multi-nav.collapse-md .collapsed-mode .nav-search-form {
		display: none;
	}
}

@media (max-width: 991px) {
	.zanaya-multi-nav.collapse-sm .collapsed-mode .nav-search-form {
		display: none;
	}
}

@media (max-width: 767px) {
	.zanaya-multi-nav.collapse-xs .collapsed-mode .nav-search-form {
		display: none;
	}
}


/* mobile logo hide rules*/

.zanaya-multi-nav .collapse-hidden {
	display: block;
	/* show logo by default */
}

.zanaya-multi-nav.collapse-lg .collapse-hidden {
	display: none;
}

@media (max-width: 1199px) {
	.zanaya-multi-nav.collapse-md .collapse-hidden {
		display: none;
	}
}

@media (max-width: 991px) {
	.zanaya-multi-nav.collapse-sm .collapse-hidden {
		display: none;
	}
}

@media (max-width: 767px) {
	.zanaya-multi-nav.collapse-xs .collapse-hidden {
		display: none;
	}
}


/* mobile link padding rules*/

.zanaya-multi-nav.collapse-lg .collapsed-mode .navbar-nav li a {
	padding: 0px 15px;
	border: 0;
	box-shadow: none !important;
	line-height: 60px;
}

.zanaya-multi-nav.collapse-lg .collapsed-mode .navbar-nav.navbar-center {
	position: relative;
}

.zanaya-multi-nav.collapse-lg .collapsed-mode .navbar-nav.navbar-center li {
	display: block;
}

@media (max-width: 1199px) {
	.zanaya-multi-nav.collapse-md .collapsed-mode .navbar-nav li a {
		padding: 0px 15px;
		border: 0;
		box-shadow: none !important;
		line-height: 45px;
	}
	.zanaya-multi-nav.collapse-md .collapsed-mode .navbar-nav.navbar-center {
		position: relative;
	}
	.zanaya-multi-nav.collapse-md .collapsed-mode .navbar-nav.navbar-center li {
		display: block;
	}
}

@media (max-width: 991px) {
	.zanaya-multi-nav.collapse-sm .collapsed-mode .navbar-nav li a {
		padding: 0px 15px;
		border: 0;
		box-shadow: none !important;
		line-height: 45px;
	}
	.zanaya-multi-nav.collapse-sm .collapsed-mode .navbar-nav.navbar-center {
		position: relative;
	}
	.zanaya-multi-nav.collapse-sm .collapsed-mode .navbar-nav.navbar-center li {
		display: block;
	}
}

@media (max-width: 767px) {
	.zanaya-multi-nav.collapse-xs .collapsed-mode .navbar-nav li a {
		padding: 0px 15px;
		border: 0;
		box-shadow: none !important;
		line-height: 45px;
	}
	.zanaya-multi-nav.collapse-xs .collapsed-mode .navbar-nav.navbar-center {
		position: relative;
	}
	.zanaya-multi-nav.collapse-xs .collapsed-mode .navbar-nav.navbar-center li {
		display: block;
	}
}


/* disable affix */

.zanaya-multi-nav.collapse-lg.disable-mobile-affix {
	position: relative !important;
}

@media (max-width: 1199px) {
	.zanaya-multi-nav.collapse-md.disable-mobile-affix {
		/*position:static;*/
		position: relative !important;
	}
}

@media (max-width: 991px) {
	.zanaya-multi-nav.collapse-sm.disable-mobile-affix {
		/*position:static;*/
		position: relative !important;
	}
}

@media (max-width: 767px) {
	.zanaya-multi-nav.collapse-xs.disable-mobile-affix {
		/*position:static;*/
		position: relative !important;
	}
}


/* nav bootstrap override rules */

.nav li a:focus {
	background-color: transparent;
}


/* disable link border-shadow on nav buttons */

.nav-link-btn:hover,
.nav-link-btn.active:hover {
	box-shadow: none !important;
}

.open-sticky {
	display: block !important;
}

.open-sticky .dropdown-menu {
	visibility: visible !important;
	max-height: 1000px !important;
	opacity: 1 !important
}


/*=================
    PARALLAX
===================*/

.zanaya-background {
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.zanaya-background.bg-fixed {
	background-attachment: fixed;
}

.zanaya-moving-parallax {
	position: relative;
	background: transparent;
	overflow: hidden;
	background-image: none !important;
}

.zanaya-parallax-inner {
	background-size: inherit;
}


/*=================
    BLANK IMAGE
===================*/

.zanaya-blank-image {
	width: 100%;
	min-width: 50px;
	max-width: 250px;
	height: auto;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.zanaya-gallery-item .zanaya-blank-image {
	min-width: 250px;
}


/*=================
    IMAGE EFFECTS
===================*/


/* Zoom In */

.zanaya-hover-zoom-in img {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: .5s linear;
	transition: .5s linear;
}

.zanaya-hover-zoom-in:hover img {
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}


/* Zoom Out */

.zanaya-hover-zoom-out img {
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
	-webkit-transition: .5s linear;
	transition: .5s linear;
}

.zanaya-hover-zoom-out:hover img {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}


/* Slide */

.zanaya-hover-slide img {
	margin-left: 30px !important;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	-webkit-transition: .5s linear;
	transition: .5s linear;
}

.zanaya-hover-slide:hover img {
	margin-left: 0 !important;
}


/* Rotate */

.zanaya-hover-rotate img {
	-webkit-transform: rotate(15deg) scale3d(1.4, 1.4, 1);
	transform: rotate(15deg) scale3d(1.4, 1.4, 1);
	-webkit-transition: .5s linear;
	transition: .5s linear;
}

.zanaya-hover-rotate:hover img {
	-webkit-transform: rotate(0) scale3d(1, 1, 1);
	transform: rotate(0) scale3d(1, 1, 1);
}


/* Blur */

.zanaya-hover-blur img {
	-webkit-filter: blur(0);
	filter: blur(0);
}

.zanaya-hover-blur:hover img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .5s linear;
	transition: .5s linear;
}


/* Focus */

.zanaya-hover-focus img {
	-webkit-filter: blur(3px);
	filter: blur(3px);
	-webkit-transition: .5s linear;
	transition: .5s linear;
}

.zanaya-hover-focus:hover img {
	-webkit-filter: blur(0);
	filter: blur(0);
}


/* Gray Scale */

.zanaya-hover-gray-scale img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .5s linear;
	transition: .5s linear;
}

.zanaya-hover-gray-scale:hover img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}


/* Color to Gray Scale */

.zanaya-hover-color-gray-scale img {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}

.zanaya-hover-color-gray-scale:hover img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transition: .5s linear;
	transition: .5s linear;
}


/* Sepia */

.zanaya-hover-sepia img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .5s linear;
	transition: .5s linear;
}

.zanaya-hover-sepia:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}


/* Blur + Gray Scale */

.zanaya-hover-blur-gray-scale img {
	-webkit-filter: grayscale(0) blur(0);
	filter: grayscale(0) blur(0);
	-webkit-transition: .5s linear;
	transition: .5s linear;
}

.zanaya-hover-blur-gray-scale:hover img {
	-webkit-filter: grayscale(100%) blur(3px);
	filter: grayscale(100%) blur(3px);
}


/* Flashing */

.zanaya-hover-flashing:hover img {
	opacity: 1;
	-webkit-animation: zanaya-hover-flash 1.5s;
	animation: zanaya-hover-flash 1.5s;
}

@-webkit-keyframes zanaya-hover-flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

@keyframes zanaya-hover-flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}


/* Shine */

.zanaya-hover-shine {
	position: relative;
}

.zanaya-hover-shine::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.zanaya-hover-shine:hover::before {
	-webkit-animation: zanaya-hover-shine .75s;
	animation: zanaya-hover-shine .75s;
}

@-webkit-keyframes zanaya-hover-shine {
	100% {
		left: 125%;
	}
}

@keyframes zanaya-hover-shine {
	100% {
		left: 125%;
	}
}


/* Circle */

.zanaya-hover-circle {
	position: relative;
}

.zanaya-hover-circle::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255, 255, 255, .2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}

.zanaya-hover-circle:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}

@-webkit-keyframes zanaya-hover-circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

@keyframes zanaya-hover-circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}

/* animated image shadow */

.zanaya-img-animated-shadow-holder,
.zanaya-img-animated-shadow-bg {
	-webkit-transition: opacity 1s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.5s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 1s 0s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 1.5s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 1s 0s cubic-bezier(0.23, 1, 0.32, 1), transform 1.5s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
	transition: opacity 1s 0s cubic-bezier(0.23, 1, 0.32, 1), transform 1.5s 0.25s cubic-bezier(0.23, 1, 0.32, 1),
	-webkit-transform 1.5s 0.25s cubic-bezier(0.23, 1, 0.32, 1);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 0;
}

.zanaya-img-animated-shadow-bg {
	display: inline-block;
	position: absolute;
	top: 25px;
	left: 25px;
	right: 25px;
	bottom: 25px;
	z-index: 0;
	background-image: linear-gradient(122deg, rgb(114, 42, 219) 0.1%, rgb(229, 67, 67) 68%, rgb(38, 109, 232) 100%);
}

.zanaya-img-animated-shadow-holder {
	z-index: 2;
	opacity: 0;
	-webkit-box-shadow: 0 30px 50px rgba(0, 0, 0, 0.17);
	box-shadow: 0 30px 50px rgba(0, 0, 0, 0.17);
}

.zanaya-img-animated-shadow-holder .img-figure {
	background-size: cover;
}


.zanaya-img-animated-shadow-inner {
	padding: 25px;
}

.zanaya-img-animated-shadow-holder,
.zanaya-img-animated-shadow {
	position: relative;
}

.zanaya-img-animated-shadow.active .zanaya-img-animated-shadow-bg,
.zanaya-img-animated-shadow.active .zanaya-img-animated-shadow-holder {
	opacity: 1;
}

.zanaya-img-animated-shadow.split-bottom-right.active .zanaya-img-animated-shadow-bg {
	-webkit-transform: translate(-12px, 12px);
	transform: translate(-12px, 12px);
}

.zanaya-img-animated-shadow.split-bottom-right.active .zanaya-img-animated-shadow-holder {
	-webkit-transform: translate(12px, -12px);
	transform: translate(12px, -12px);
}

.zanaya-img-animated-shadow.split-bottom-left.active .zanaya-img-animated-shadow-bg {
	-webkit-transform: translate(12px, 12px);
	transform: translate(12px, 12px);
}

.zanaya-img-animated-shadow.split-bottom-left.active .zanaya-img-animated-shadow-holder {
	-webkit-transform: translate(-12px, -12px);
	transform: translate(-12px, -12px);
}

.zanaya-img-animated-shadow.split-top-left.active .zanaya-img-animated-shadow-bg {
	-webkit-transform: translate(12px, -12px);
	transform: translate(12px, -12px);
}

.zanaya-img-animated-shadow.split-top-left.active .zanaya-img-animated-shadow-holder {
	-webkit-transform: translate(-12px, 12px);
	transform: translate(-12px, 12px);
}

.zanaya-img-animated-shadow.split-top-right.active .zanaya-img-animated-shadow-bg {
	-webkit-transform: translate(-12px, -12px);
	transform: translate(-12px, -12px);
}

.zanaya-img-animated-shadow.split-top-right.active .zanaya-img-animated-shadow-holder {
	-webkit-transform: translate(12px, 12px);
	transform: translate(12px, 12px);
}


/*=================
    COUNTERES
===================*/

.zanaya-counter {
	font-size: 36px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

.zanaya-counter.zanaya-primary-color {
	color: rgb(193, 24, 255);
	color: var(--primary);
}

/* animated counter css */

.zanaya-counter-animator {
  display: inline-block;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
  background: inherit;
}

.zanaya-animator-value {
  display: inline-block;
  visibility: hidden;
}

.zanaya-animator-numbers {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: inherit;
  overflow: hidden;
}

.zanaya-animator-numbers ul {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
  background: inherit;
}

.zanaya-animator-numbers li {
  margin: 0;
  background: inherit;
}


/* gradient hover option - TBE */

.zanaya-counter.spin:hover span{
  display: inline-block;
  position: relative;
}

.zanaya-counter.gradient-hover:hover span{
  background-image: linear-gradient(122deg, rgb(114, 42, 219) 0.1%, rgb(229, 67, 67) 68%, rgb(38, 109, 232) 100%);
  background-clip: text !important;
  -webkit-background-clip: text !important;
  text-fill-color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

/*.zanaya-counter-element-hover {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 3px;
  left: 0;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.3s;

  background-image: linear-gradient(122deg, rgb(114, 42, 219) 0.1%, rgb(229, 67, 67) 68%, rgb(38, 109, 232) 100%);
  background-clip: text !important;
  -webkit-background-clip: text !important;
  text-fill-color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.zanaya-counter-element-hover span {
  background: inherit;
}

.zanaya-counter.spin.counter-animated:hover .zanaya-counter-element-hover {
  opacity: 1;
}

.zanaya-counter:not(.spin):hover{
  background-image: linear-gradient(122deg, rgb(114, 42, 219) 0.1%, rgb(229, 67, 67) 68%, rgb(38, 109, 232) 100%);
  background-clip: text !important;
  -webkit-background-clip: text !important;
  text-fill-color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}*/

/*=================
    FORMS
===================*/

.z-bs-4 .btn {
	font-size: 14px;
}

.z-bs-4 .input-group-btn {
	font-size: 14px;
}

.z-bs-4 .zanaya-form .btn-default.dropdown-toggle::after,
.zanaya-form .dropup .btn-default.dropdown-toggle::after {
	content: none;
	/* remove caret */
	color: red;
}

.z-bs-4 .input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group {
	z-index: 2;
	margin-left: -1px;
	/* double border from input */
}

.z-bs-4 .zanaya-form label,
.z-bs-4 .zanaya-form .help-block {
	width: 100%;
}

.z-bs-4 .input-group-addon:first-child {
	border-right: 0;
}

.z-bs-4 .input-group-addon:first-child {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.z-bs-4 .input-group .form-control:last-child,
.z-bs-4 .input-group-addon:last-child,
.z-bs-4 .input-group-btn:first-child>.btn-group:not(:first-child)>.btn,
.z-bs-4 .input-group-btn:first-child>.btn:not(:first-child),
.z-bs-4 .input-group-btn:last-child>.btn,
.z-bs-4 .input-group-btn:last-child>.btn-group>.btn,
.z-bs-4 .input-group-btn:last-child>.dropdown-toggle {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.z-bs-4 .input-group-addon {
	padding: 7px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	background-color: #eee;
	border: 1px solid #ccc;
	cursor: pointer;
}

.z-bs-4 .input-group-addon:last-child {
	border-left: 0;
}

.z-bs-4 .input-group-addon:last-child {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.z-bs-4 .has-feedback {
	position: relative;
}

.z-bs-4 .has-feedback label:not(.sr-only)~.form-control-feedback {
	top: 37px;
}

.z-bs-4 .form-control-feedback {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: block;
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
}

.z-bs-4 .form-group-lg .form-control+.form-control-feedback,
.z-bs-4 .input-group-lg+.form-control-feedback,
.z-bs-4 .input-lg+.form-control-feedback {
	width: 46px;
	height: 46px;
	line-height: 46px;
}

.z-bs-4 .form-group-sm .form-control+.form-control-feedback,
.z-bs-4 .input-group-sm+.form-control-feedback,
.z-bs-4 .input-sm+.form-control-feedback {
	width: 30px;
	height: 30px;
	line-height: 30px;
}

.z-bs-4 .input-group-lg>.form-control,
.z-bs-4 .input-group-lg>.input-group-addon,
.z-bs-4 .input-group-lg>.input-group-btn>.btn {
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
}

.z-bs-4 .input-group-sm>.form-control,
.z-bs-4 .input-group-sm>.input-group-addon,
.z-bs-4 .input-group-sm>.input-group-btn>.btn {
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
}

.zanaya-form .control-label {
	color: #333;
	font-weight: 600;
}

.zanaya-form input:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 30px #fff inset;
}

.zanaya-form .help-block {
	font-style: italic;
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #737373;
}

.zanaya-form .form-control:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}

.zanaya-form textarea.form-control {
	height: auto;
}

.zanaya-input-file {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

@media (min-width: 768px) {
	.zanaya-form.form-inline .zanaya-form-sortable {
		display: inline-table;
		margin-bottom: 0;
		vertical-align: middle;
	}
	.zanaya-form.form-inline .zanaya-form-element {
		display: inline-table;
		margin-bottom: 0;
		vertical-align: middle;
	}
}

.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group {
	/* correction for text with left button margin */
	margin-right: -2px;
}


/* select dropdowns */

.zanaya-form .select-open-icon {
	color: inherit;
	margin: 11px 30px;
	position: absolute;
	right: 0;
}

.zanaya-form .form-group-sm .select-open-icon {
	color: inherit;
	margin: 9px 30px;
	position: absolute;
	right: 0;
}

.zanaya-form .form-group-lg .select-open-icon {
	color: inherit;
	margin: 18px 30px;
	position: absolute;
	right: 0;
}


/* checkboxes and radios  */

.checkbox label,
.radio label {
	padding-left: 0 !important;
}

.checkbox.inline,
.radio.inline {
	display: inline-block;
}

.checkbox label:after,
.radio label:after {
	content: '';
	display: table;
	clear: both;
}

.checkbox .cr,
.radio .cr {
	position: relative;
	display: inline-block;
	border: 1px solid #a9a9a9;
	border-radius: .25em;
	width: 1.3em;
	height: 1.3em;
	float: left;
	margin-right: .5em;
	font-size: 0.8rem;
	margin-top: 3px;
}

.radio .cr {
	border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
	position: absolute;
	font-size: .8em;
	line-height: 0;
	top: 50%;
	left: 20%;
}

.radio .cr .cr-icon {
	margin-left: 0.03em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
	display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
	transform: scale(3) rotateZ(-20deg);
	opacity: 0;
	transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
	transform: scale(1) rotateZ(0deg);
	opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
	opacity: .5;
}

body.rtl .checkbox .cr, body.rtl .radio .cr{ 
	float: right;
	margin-right: 0;
  margin-left: .5em;
}

body.rtl .checkbox-inline, body.rtl .radio-inline{
	padding-left: 10px;
}

body.rtl .checkbox-inline .cr, body.rtl .radio-inline .cr { 
  margin-left: .5em;
}

body.rtl .checkbox label, body.rtl .radio label { 
	padding-right: 0 !important;
}	


/* Forms: left icons */

.zanaya-form .has-feedback-left .form-control {
	padding-right: 12px;
	padding-left: 34px;
}

.zanaya-form .has-feedback-left .form-control.input-sm,
.zanaya-form .has-feedback-left.form-group-sm .form-control {
	padding-left: 30px;
}

.zanaya-form .has-feedback-left .form-control.input-lg,
.zanaya-form .has-feedback-left.form-group-lg .form-control {
	padding-left: 46px;
}

.zanaya-form .has-feedback-left .form-control-feedback {
	left: 0;
}

.zanaya-form .has-feedback-left .form-control-feedback {
	/* text with left icon (not boxed) */
	line-height: 34px;
}

.zanaya-form .has-feedback-left.form-group-lg .form-control-feedback {
	/* text with left icon (not boxed) */
	font-size: 18px;
	line-height: 46px;
}

.zanaya-form .has-feedback-left.form-group-sm .form-control-feedback {
	/* text with left icon (not boxed) */
	font-size: 12px;
	line-height: 34px;
}

.zanaya-form .form-horizontal .has-feedback-left .form-control-feedback {
	left: 15px;
}

.zanaya-form .form-inline .has-feedback-left .form-control-feedback {
	left: 72.5px;
}

.zanaya-form .has-feedback .form-control-feedback {
	/* text with right icon (not boxed) */
	font-size: 14px;
	line-height: 36px;
}

.zanaya-form .has-feedback.form-group-lg .form-control-feedback {
	/* text with right icon (not boxed) */
	font-size: 18px;
	line-height: 46px;
}

.zanaya-form .has-feedback.form-group-sm .form-control-feedback {
	/* text with right icon (not boxed) */
	font-size: 12px;
	line-height: 30px;
}


/* disabled - it creates a bug in input with icon when remove label or help span */

.has-feedback label~.form-control-feedback {
	/*top: calc(50% - 18px);*/
}


/* disabled - it creates a bug in input with icon when remove label or help span */

.has-feedback.form-group-lg label~.form-control-feedback {
	/*top: calc(50% - 23px);*/
}


/* hidden placeholders */

.placeholder-hidden::-webkit-input-placeholder {
	/* WebKit browsers */
	color: transparent !important;
}

.placeholder-hidden:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: transparent !important;
}

.placeholder-hidden::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: transparent !important;
}

.placeholder-hidden:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: transparent !important;
}

textarea.placeholder-hidden::-webkit-input-placeholder {
	/* WebKit browsers */
	color: transparent !important;
}

textarea.placeholder-hidden:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: transparent !important;
}

textarea.placeholder-hidden::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: transparent !important;
}

textarea.placeholder-hidden:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: transparent !important;
}


/* Form theme: - default */

.default-form-theme .form-group {
	max-width: 100%;
}

.default-form-theme .form-control {
	height: 36px;
	/* required so it can be havested in modal. 36px required so text-input matches height of buttons*/
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.default-form-theme .form-control:hover {
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
}

.default-form-theme .form-control:focus {
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	outline: 0;
}

.default-form-theme .form-group-lg .form-control {
	height: 46px;
	/* required so it can be havested in modal */
	line-height: inherit;
}

.default-form-theme .form-group-sm .form-control {
	height: 30px;
	/* required so it can be havested in modal */
	line-height: inherit;
}

.default-form-theme select.multi-select {
	height: auto;
	/* needed for multiple select */
}

.default-form-theme .form-group-lg select.multi-select {
	height: auto;
	/* needed for multiple select */
	line-height: 20px;
}

.default-form-theme .form-group-sm select.multi-select {
	height: auto;
	/* needed for multiple select */
	line-height: 20px;
}

.default-form-theme .zanaya-form-element .input-group-btn button {
	line-height: 22px;
	/* needed for input text with button */
}

.default-form-theme .form-group.required .control-label:after {
	/* asterisk for required */
	position: relative;
	content: " *";
	color: rgb(255, 0, 0);
}

.default-form-theme .form-control::-webkit-input-placeholder {
	color: rgb(153, 153, 153);
}


/* Chrome/Opera/Safari */

.default-form-theme .form-control::-moz-placeholder {
	color: rgb(153, 153, 153);
}


/* Firefox 19+ (Feb 2013) */

.default-form-theme .form-control:-moz-placeholder {
	color: rgb(153, 153, 153);
}


/* Firefox 18- (Jan 2013) */

.default-form-theme .form-control:-ms-input-placeholder {
	color: rgb(153, 153, 153);
}


/* IE 10+ */

.default-form-theme select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.default-form-theme .dropdown-menu li a:hover {
	color: rgb(51, 51, 51);
	background-color: transparent;
}

.default-form-theme .btn-default,
.default-form-theme .input-group-addon {
	border: 1px solid #ced4da;
}

/* Form theme: - flat */

.flat-form-theme .form-group {
	max-width: 100%;
}

.flat-form-theme .form-control {
	height: 36px;
	/* required so it can be havested in modal. 36px required so text-input matches height of buttons*/
}

.flat-form-theme .form-group-lg .form-control {
	height: 46px;
	/* required so it can be havested in modal */
	line-height: inherit;
}

.flat-form-theme .form-group-sm .form-control {
	height: 30px;
	/* required so it can be havested in modal */
	line-height: inherit;
}

.flat-form-theme select.multi-select {
	height: auto;
	/* needed for multiple select */
}

.flat-form-theme .form-group-lg select.multi-select {
	height: auto;
	/* needed for multiple select */
}

.flat-form-theme .form-group-sm select.multi-select {
	height: auto;
	/* needed for multiple select */
}

.flat-form-theme .zanaya-form-element .input-group-btn button {
	line-height: 22px;
	/* needed for input text with button */
}

.flat-form-theme .form-group.required .control-label:after {
	position: relative;
	content: " *";
	color: #dce4ec;
}

.flat-form-theme .form-control::-webkit-input-placeholder {
	color: #2c3e50;
}

.flat-form-theme .form-control:-moz-placeholder {
	color: #2c3e50;
}

.flat-form-theme .form-control::-moz-placeholder {
	color: #2c3e50;
}

.flat-form-theme .form-control:-ms-input-placeholder {
	color: #2c3e50;
}

.flat-form-theme .form-control {
	background: #fff;
	color: #2c3e50;
	border: 1px solid #dce4ec;
	font-size: 14px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border-radius: 0px;
}

.flat-form-theme .form-control:hover {
	border: 1px solid rgb(193, 24, 255);
	border: 1px solid var(--primary);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.flat-form-theme .form-control:focus {
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
	outline: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

.flat-form-theme .help-block {
	color: #597ea2;
}

.flat-form-theme select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.flat-form-theme .form-group-lg select.multi-select {
	line-height: 20px;
}

.flat-form-theme .dropdown-menu li a:hover {
	color: rgb(51, 51, 51);
	background-color: transparent;
}

.flat-form-theme .btn-default,
.flat-form-theme .input-group-addon {
	border: 1px solid #dce4ec;
	border-radius: 0;
}


/* Form theme: - paper */

.paper-form-theme .form-group {
	max-width: 100%;
}

.paper-form-theme .form-control {
	height: 36px;
	/* required so it can be havested in modal. 36px required so text-input matches height of buttons*/
}

.paper-form-theme .form-group-lg .form-control {
	height: 46px;
	/* required so it can be havested in modal */
	line-height: inherit;
}

.paper-form-theme .form-group-sm .form-control {
	height: 30px;
	/* required so it can be havested in modal */
	line-height: inherit;
}

.paper-form-theme select.multi-select {
	height: auto;
	/* needed for multiple select */
}

.paper-form-theme .form-group-lg select.multi-select {
	height: auto;
	/* needed for multiple select */
}

.paper-form-theme .form-group-sm select.multi-select {
	height: auto;
	/* needed for multiple select */
}

.paper-form-theme .zanaya-form-element .input-group-btn button {
	line-height: 22px;
	/* needed for input text with button */
}

.paper-form-theme .form-group.required .control-label:after {
	position: relative;
	content: " *";
	color: #999;
}

.paper-form-theme .form-control::-webkit-input-placeholder {
	color: #999;
}

.paper-form-theme .form-control:-moz-placeholder {
	color: #999;
}

.paper-form-theme .form-control::-moz-placeholder {
	color: #999;
}

.paper-form-theme .form-control:-ms-input-placeholder {
	color: #999;
}

.paper-form-theme .control-label {
	color: #333;
}

.paper-form-theme label {
	font-weight: 700;
}

.paper-form-theme .form-control {
	color: #999;
	padding: 0;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border-style: solid;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 1px;
	border-color: #ddd;
	font-size: 16px;
	background-color: transparent;
}

.paper-form-theme .form-control:hover {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
}

.paper-form-theme .form-control:focus {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
}

.paper-form-theme .radio label,
.paper-form-theme .checkbox label {
	min-height: 23px;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: normal;
	cursor: pointer;
}

.paper-form-theme .help-block {
	display: block;
	margin-top: 5px;
	margin-bottom: 10px;
	color: #a6a6a6;
}

.paper-form-theme select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: transparent;
}

.paper-form-theme .form-group-lg select.multi-select {
	line-height: 20px;
}

.paper-form-theme .dropdown-menu li a:hover {
	color: rgb(51, 51, 51);
	background-color: transparent;
}

.paper-form-theme .input-group-addon {
	background-color: transparent;
	border-color: transparent;
}


/*** End Paper theme **/


/*=================
    DIVIDER
===================*/

.zanaya-divider {
	height: 2px;
	margin-top: 30px;
	margin-bottom: 30px;
	overflow: hidden;
	background-color: #e5e5e5;
	width: 100%;
	max-width: 100%;
}

.zanaya-divider.zanaya-primary-color {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
}


/*=================
    ICONS
===================*/

.zanaya-icon {
	vertical-align: middle;
	color: #001f3f;
	border-style: solid;
	border-color: #001f3f;
	border-width: 3px;
	border-radius: 50%;
	font-size: 15px;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
}

.zanaya-icon:hover,
.zanaya-icon:focus {
	color: #001f3f;
}

.zanaya-icon.xxl {
	font-size: 85px;
	border-width: 10px;
	padding: 1.1em;
}

.zanaya-icon.xl {
	font-size: 60px;
	border-width: 7px;
	padding: 1em;
}

.zanaya-icon.lg {
	font-size: 45px;
	border-width: 5px;
	padding: 0.75em;
}

.zanaya-icon.md {
	font-size: 30px;
	border-width: 3px;
	padding: 0.55em;
}

.zanaya-icon.sm {
	font-size: 20px;
	border-width: 2px;
	padding: 0.35em;
}

.zanaya-icon.xs {
	font-size: 12px;
	border-width: 1px;
	padding: 0.2em;
}

.zanaya-icon.hidden-border {
	border-style: none;
	padding: 0;
}

.zanaya-icon.circle-border {
	border-radius: 50%;
}

.zanaya-icon.square-border {
	border-radius: 0;
}

.zanaya-icon.zanaya-primary-color {
	color: rgb(193, 24, 255);
	color: var(--primary);
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
}

.zanaya-icon.zanaya-primary-color:hover,
.zanaya-icon.zanaya-primary-color:focus {
	color: rgb(230, 63, 100);
	color: var(--secondary);
	border-color: rgb(230, 63, 100);
	border-color: var(--secondary);
}


/*=================
    BUTTONS
===================*/

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 0;
}

.z-bs-4 .btn-default {
	background: #fff;
	/* needed for bootstrap 4 forms */
	cursor: pointer;
}

.z-bs-4 .btn-default:hover,
.z-bs-4 .btn-default:focus {
	color: #333;
	background-color: #e6e6e6;
	outline: 0;
}

.zanaya-btn {
	text-transform: uppercase;
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 3px;
	text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	display: inline-block;
	vertical-align: inherit;
}

.zanaya-btn.no-border {
	border: none;
}

.hvr-fx .hvr-icon {
	position: absolute;
	top: 19px;
	right: 12px;
}

.hvr-fx .hvr-icon.left {
	position: absolute;
	top: 19px;
	left: 12px;
	right: auto;
}


/* sizes */

.button-size-giant {
	font-size: 28px;
	padding: 1.25em 2.5em;
}

.button-size-jumbo {
	font-size: 24px;
	padding: 1.25em 2.5em;
}

.button-size-large {
	font-size: 20px;
	padding: 1.25em 2.5em;
}

.button-size-normal {
	font-size: 16px;
	padding: 1.25em 2.5em;
}

.button-size-small {
	font-size: 12px;
	padding: 1.25em 2.5em;
}

.button-size-tiny {
	font-size: 9.6px;
	padding: 1.045em 2.085em;
}

.button-text-small.button-size-giant {
	font-size: 11px;
	padding: 2.5em 6.5em;
}

.button-text-small.button-size-jumbo {
	font-size: 11px;
	padding: 2.0em 5.5em;
}

.button-text-small.button-size-large {
	font-size: 11px;
	padding: 1.5em 4.5em;
}

.button-text-small.button-size-normal {
	font-size: 11px;
	padding: 1em 3.5em;
}

.button-text-small.button-size-small {
	font-size: 11px;
	padding: 0.8em 2.5em;
}

.button-text-small.button-size-tiny {
	font-size: 8px;
	padding: 0.5em 1.5em;
}


/* padding width */

.button-width-small {
	padding: 1.25em 1.5em;
}

.button-width-medium {
	padding: 1.25em 2em;
}

.button-text-small.button-size-giant.button-width-small {
	padding: 2.5em 5.5em;
}

.button-text-small.button-size-giant.button-width-medium {
	padding: 2.5em 6.0em;
}

.button-text-small.button-size-jumbo.button-width-small {
	padding: 2.0em 4.5em;
}

.button-text-small.button-size-jumbo.button-width-medium {
	padding: 2.0em 5em;
}

.button-text-small.button-size-large.button-width-small {
	padding: 1.5em 3.5em;
}

.button-text-small.button-size-large.button-width-medium {
	padding: 1.5em 4em;
}

.button-text-small.button-size-normal.button-width-small {
	padding: 1em 2.5em;
}

.button-text-small.button-size-normal.button-width-medium {
	padding: 1em 3em;
}

.button-text-small.button-size-small.button-width-small {
	padding: 0.8em 1.5em;
}

.button-text-small.button-size-small.button-width-medium {
	padding: 0.8em 2.0em;
}

.button-text-small.button-size-tiny.button-width-small {
	padding: 0.5em 0.7em;
}

.button-text-small.button-size-tiny.button-width-medium {
	padding: 0.5em 1em;
}


/* shapes */

.button-shape-sharp {
	border-radius: 0;
}

.button-shape-rounded {
	border-radius: 4px;
}

.button-shape-pill {
	border-radius: 100px;
}

.button-shape-circle {
	border-radius: 100%;
	padding: 4em 2.5em;
}

.button-shape-square {
	border-radius: 0;
	padding: 4em 2.5em;
}

.button-text-small.button-shape-sharp {
	border-radius: 0;
}

.button-text-small.button-shape-rounded {
	border-radius: 4px;
}

.button-text-small.button-shape-pill {
	border-radius: 100px;
}

.button-text-small.button-shape-circle {
	border-radius: 100%;
	padding: 5em 2.5em;
}

.button-text-small.button-shape-square {
	border-radius: 0;
	padding: 5em 2.5em;
}


/* colors */

.button-color-primary {
	background-color: transparent;
	background-image: linear-gradient(160deg, rgb(193, 24, 255) 37%, rgb(230, 63, 100) 100%);
	background-image: linear-gradient(160deg, var(--primary) 37%, var(--secondary) 100%);
	border-color: transparent;
	color: #fff;
}

.button-color-primary:hover,
.button-color-primary:focus {
	background-color: transparent;
	background-image: linear-gradient(340deg, rgb(193, 24, 255) 37%, rgb(230, 63, 100) 100%);
	background-image: linear-gradient(340deg, var(--primary) 37%, var(--secondary) 100%);
	border-color: transparent;
	color: #fff;
}

.button-color-secondary {
	background-color: #1b9af7;
	border-color: #1b9af7;
	color: #fff;
}

.button-color-secondary:hover,
.button-color-secondary:focus {
	background-color: #4cb0f9;
	background-image: none !important;
	border-color: #4cb0f9;
	color: #fff;
}

.button-color-inverse {
	background-color: #222222;
	border-color: #222222;
	color: #fff;
}

.button-color-inverse:hover,
.button-color-inverse:focus {
	background-color: #3c3c3c;
	border-color: #3c3c3c;
	color: #fff;
}

.button-color-action {
	background-color: #a5de37;
	border-color: #a5de37;
	color: #fff;
}

.button-color-action:hover,
.button-color-action:focus {
	background-color: #b9e563;
	border-color: #b9e563;
	color: #fff;
}

.button-color-highlight {
	background-color: #feae1b;
	border-color: #feae1b;
	color: #fff;
}

.button-color-highlight:hover,
.button-color-highlight:focus {
	background-color: #fec04e;
	border-color: #fec04e;
	color: #fff;
}

.button-color-caution {
	background-color: #ff4351;
	border-color: #ff4351;
	color: #fff;
}

.button-color-caution:hover,
.button-color-caution:focus {
	background-color: #ff7680;
	border-color: #ff7680;
	color: #fff;
}

.button-color-royal {
	background-color: #7b72e9;
	border-color: #7b72e9;
	color: #fff;
}

.button-color-royal:hover,
.button-color-royal:focus {
	background-color: #a49ef0;
	border-color: #a49ef0;
	color: #fff;
}

.button-color-notice {
	background-color: #c0c0c0;
	border-color: #c0c0c0;
	color: #fff;
}

.button-color-notice:hover,
.button-color-notice:focus {
	background-color: #d0d0d0;
	border-color: #d0d0d0;
	color: #fff;
}

.button-color-default {
	background-color: #fff;
	border-color: #fff;
	color: #000;
}

.button-color-default:hover,
.button-color-default:focus {
	background-color: #f2f2f2;
	border-color: #f2f2f2;
	color: #000;
}


/* solid / clear */

.button-color-primary.button-clear {
	background-color: transparent;
	background-image: linear-gradient(340deg, rgb(0, 0, 0, 0) 37%, rgb(0, 0, 0, 0) 100%);
	border-width: 2px;
	border-style: solid;
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
	color: rgb(193, 24, 255);
	color: var(--primary);
}

.button-color-primary.button-clear:hover,
.button-color-primary.button-clear:focus {
	background-color: transparent;
	background-image: linear-gradient(340deg, rgb(0, 0, 0, 0) 37%, rgb(0, 0, 0, 0) 100%);
	color: #000;
}

.button-color-secondary.button-clear {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
	color: #1b9af7;
}

.button-color-secondary.button-clear:hover,
.button-color-secondary.button-clear:focus {
	background-color: transparent;
	color: #000;
}

.button-color-inverse.button-clear {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
	color: #222222;
}

.button-color-inverse.button-clear:hover,
.button-color-inverse.button-clear:focus {
	background-color: transparent;
	color: #000;
}

.button-color-action.button-clear {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
	color: #a5de37;
}

.button-color-action.button-clear:hover,
.button-color-action.button-clear:focus {
	background-color: transparent;
	color: #000;
}

.button-color-highlight.button-clear {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
	color: #feae1b;
}

.button-color-highlight.button-clear:hover,
.button-color-highlight.button-clear:focus {
	background-color: transparent;
	color: #000;
}

.button-color-caution.button-clear {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
	color: #ff4351;
}

.button-color-caution.button-clear:hover,
.button-color-caution.button-clear:focus {
	background-color: transparent;
	color: #000;
}

.button-color-royal.button-clear {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
	color: #7b72e9;
}

.button-color-royal.button-clear:hover,
.button-color-royal.button-clear:focus {
	background-color: transparent;
	color: #000;
}

.button-color-notice.button-clear {
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
	color: #c0c0c0;
}

.button-color-notice.button-clear:hover,
.button-color-notice.button-clear:focus {
	background-color: transparent;
	color: #000;
}

.button-color-default.button-clear {
	/* white */
	background-color: transparent;
	border-width: 2px;
	border-style: solid;
	color: #000;
}

.button-color-default.button-clear:hover,
.button-color-default.button-clear:focus {
	background-color: transparent;
	color: #000;
}


/*=================
    TABS
===================*/

ul.nav-tabs{
	padding-left: 0;
	padding-right: 0;
}

.zanaya-tabs-wrap {
	display: table;
	width: 100%
}

.nav-tabs.zanaya-horizontal-tabs-eq-width>li {
	float: none !important;
}

.zanaya-horizontal-tabs-eq-width {
	border-bottom: 0;
}

.zanaya-horizontal-tabs-eq-width li {
	display: table-cell;
	width: 1%;
}

.zanaya-horizontal-tabs-eq-width li a {
	margin-right: 0;
	border-bottom: 1px solid #f1f1f1;
}

.zanaya-tabs-right li {
	float: right;
}

.zanaya-tabs.zanaya-tabs-right .nav-stacked li {
	float: none;
	text-align: right;
}

.zanaya-tabs .nav-tabs.nav-stacked li a {
	/*  border-right: 0;*/
}

.zanaya-tabs .nav-tabs li a {
	margin-right: 0px;
	border-radius: 0;
	padding: 15px;
	letter-spacing: 1px;
	background-color: transparent;
	color: #333;
}

.zanaya-tabs.tall .nav-tabs li a {
	padding: 25px 15px;
}

.zanaya-tabs.divided .nav-tabs:not(.nav-stacked) li a {
	border-right: 1px solid #f1f1f1;
}

.zanaya-primary-color .nav-tabs li a:hover {
	margin-right: 0;
	border-radius: 0;
	border-right: 1px solid #f1f1f1;
	letter-spacing: 1px;
	background-color: #eee;
	color: #333;
}

.zanaya-tabs.divided .nav-tabs:not(.nav-stacked) li a:hover {
	border-right: 1px solid #f1f1f1;
}

.zanaya-tabs.divided .nav-tabs:not(.nav-stacked) li:not(.active) a:hover {
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
}

.zanaya-tabs.divided .nav-tabs li:last-child:not(.active) a {
	border-right: 1px solid transparent;
}

.zanaya-primary-color .nav-tabs li.active a {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
	color: #fff;
}

.zanaya-primary-color .nav-tabs li.active a:hover {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
	color: #fff;
}

.zanaya-tabs.zanaya-tabs-vertical .nav-tabs,
.zanaya-tabs.zanaya-tabs-vertical .nav-tabs li a,
.zanaya-tabs.zanaya-tabs-vertical .nav-tabs li a:focus,
.zanaya-tabs.zanaya-tabs-vertical .nav-tabs li a:hover,
.zanaya-tabs.zanaya-tabs-vertical .nav-tabs li.active a,
.zanaya-tabs.zanaya-tabs-vertical .nav-tabs li.active a:focus,
.zanaya-tabs.zanaya-tabs-vertical .nav-tabs li.active a:hover {
	border: 0;
}

.zanaya-tabs.bordered .nav-tabs li:first-child a,
.zanaya-tabs.bordered.zanaya-tabs-right .nav-tabs li:last-child a {
	border-left: 1px solid #f1f1f1;
}

.zanaya-tabs.bordered .nav-tabs li a {
	border-top: 1px solid #f1f1f1;
	border-right: 1px solid #f1f1f1;
	border-radius: 0;
}

.zanaya-tabs.bordered .tab-content {
	border: 1px solid #f1f1f1;
	border-top-color: transparent;
}


/*=================
    PILLS
===================*/

.zanaya-primary-color .nav li a {
	padding: 15px;
}

.zanaya-primary-color .nav-pills li {
	text-align: center;
}

.zanaya-primary-color .nav-pills li a {
	margin-right: 0;
	border-radius: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	letter-spacing: 1px;
	background-color: transparent;
	color: #333;
}

.zanaya-primary-color .nav-pills li a:hover {
	margin-right: 0;
	border-radius: 0;
	letter-spacing: 1px;
	background-color: #eee;
	color: #333;
}

.zanaya-primary-color .nav-pills li.active a {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
	color: #fff;
}

.zanaya-primary-color .nav-pills li.active a:hover {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
	color: #fff;
}

.zanaya-pills-vertical.zanaya-primary-color .nav-pills,
.zanaya-pills-vertical.zanaya-primary-color .nav-pills li a,
.zanaya-pills-vertical.zanaya-primary-color .nav-pills li.active a,
.zanaya-pills-vertical.zanaya-primary-color .nav-pills li.active a:focus {
	border: 0;
}


/*=========================
    ACCORDIONS
===========================*/

.zanaya-primary-color.accordion-panel-group .panel-heading+.panel-collapse>.panel-body {
	border-top: 1px solid transparent;
}

.zanaya-primary-color.accordion-panel-group .accordion-panel {
	margin: 0 0 20px;
	/* the gap between panels */
	background-color: transparent;
	cursor: pointer;
	box-shadow: none;
	-webkit-box-shadow: none;
}

.zanaya-primary-color .accordion-panel .panel-heading {
	background-color: transparent;
	padding: 15px 15px;
	/* also controls height of accordion panels */
	border: 1px solid #eee;
	border-radius: 6px;
	font-weight: 400;
	padding-top: 15px;
	padding-bottom: 15px;
}

.zanaya-primary-color .accordion-panel .panel-heading:hover {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0.1%);
}

.zanaya-primary-color .accordion-panel.active .panel-heading {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(193, 24, 255) 0.1%);
	background-image: linear-gradient(rgba(0, 0, 0, 0), var(--primary) 0.1%);
	border: 1px solid rgb(193, 24, 255);
	border: 1px solid var(--primary);
	padding-top: 15px;
	padding-bottom: 15px;
}

.zanaya-primary-color .accordion-panel.active .panel-heading:hover {
	background-color: linear-gradient(rgba(0, 0, 0, 0), rgb(193, 24, 255) 0.1%);
	background-color: linear-gradient(rgba(0, 0, 0, 0), var(--primary) 0.1%);
}

.zanaya-primary-color .accordion-panel .panel-title {
	margin-top: 0;
	margin-bottom: 0;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 400;
}

.zanaya-primary-color .accordion-panel .panel-title {
	color: #666;
	outline: 0;
}

.zanaya-primary-color .accordion-panel .panel-title:hover {
	color: #333;
	text-decoration: none;
	outline: 0;
}

.zanaya-primary-color .accordion-panel.active .panel-title {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 1px;
	outline: 0;
}

.zanaya-primary-color .accordion-panel.active .panel-title:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
}

.zanaya-primary-color .accordion-panel .panel-title .toggle-indicator {
	color: inherit;
	line-height: inherit;
	-webkit-font-smoothing: inherit;
	-moz-osx-font-smoothing: inerit;
	outline: 0;
}

.zanaya-primary-color .accordion-panel.active .panel-title .toggle-indicator {
	color: inherit;
	line-height: inherit;
	-webkit-font-smoothing: inherit;
	-moz-osx-font-smoothing: inherit;
	outline: 0;
}

.toggle-indicator.rotate {
	-moz-transition: all 0.25s linear;
	-webkit-transition: all 0.25s linear;
	transition: all 0.25s linear;
}

.toggle-indicator.rotate.down {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.zanaya-primary-color.accordion-panel-group.panel-group {
	margin-bottom: 0;
	/* no margin after the accordion */
}


/* no gap between panels */

.zanaya-primary-color.accordion-panel-group.no-gap .accordion-panel {
	margin-bottom: -1px;
}


/* tall */

.zanaya-primary-color.accordion-panel-group.tall .accordion-panel .panel-heading {
	padding-top: 25px;
	padding-bottom: 25px;
}

.zanaya-primary-color.accordion-panel-group .panel {
	border: 0;
}


/* sharp corners */

.zanaya-primary-color.accordion-panel-group.sharp-corners .panel-heading,
.zanaya-primary-color.accordion-panel-group.sharp-corners .accordion-panel {
	border-radius: 0;
}


/* bordered body */

.zanaya-primary-color.accordion-panel-group.bordered .panel-body {
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}


/*.zanaya-primary-color.accordion-panel-group.bordered .accordion-panel.active:last-child {
  border-bottom: 1px solid #eee;
}
*/

.collapse.in {
	height: auto;
}


/*=================
    TABLES
===================*/

.basic-table-theme.zanaya-table {
	margin-bottom: 0;
	background-color: transparent;
	color: #666;
	border-color: rgb(221, 221, 221);
	/*  font-size:14px;*/
	letter-spacing: 0;
}

.basic-table-theme.zanaya-table thead {
	border-color: rgb(221, 221, 221);
	background-color: transparent;
	color: #666;
	/*  font-size:14px;*/
	letter-spacing: 0;
}

.basic-table-theme.zanaya-table thead tr th {
	border-color: rgb(221, 221, 221);
	/*  padding-top:8px;
  padding-bottom:8px;*/
}

.basic-table-theme.zanaya-table.table-hover tbody tr:hover {
	color: #666;
	background-color: #ddd;
}

.basic-table-theme.zanaya-table tbody tr td {
	border-color: rgb(221, 221, 221);
	/*  padding-top:8px;
  padding-bottom:8px;*/
}

/* table rtl */

.zanaya-table.text-right th{
	text-align: right
}


/* responsive tables */

table.zrt thead,
table.zrt tbody th {
	display: none;
}

table.zrt tfoot th,
table.zrt tfoot td,
table.zrt tbody td {
	border: none;
	display: block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	vertical-align: top;
	/* IE 9 */
	float: left\9;
	width: 100%\9;
}

table.zrt tfoot th::before,
table.zrt tfoot td::before,
table.zrt tbody td::before {
	content: attr(data-th) ": ";
	display: inline-block;
	-webkit-flex-shrink: 0;
	-ms-flex-shrink: 0;
	flex-shrink: 0;
	font-weight: 700;
	width: 6.5em;
}

table.zrt tfoot th.zrt-hide,
table.zrt tfoot td.zrt-hide,
table.zrt tbody td.zrt-hide {
	display: none;
}

table.zrt tfoot th .zrt-content,
table.zrt tfoot td .zrt-content,
table.zrt tbody td .zrt-content {
	vertical-align: top;
}

.zrt-wrapper.active {
	max-height: 310px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

table.zrt.zrt--no-header tfoot td::before,
table.zrt.zrt--no-header tbody td::before {
	display: none;
}


/*=========================
    SLIDER / CAROUSELS
===========================*/

.zanaya-carousel {
	width: 100%
}

.zanaya-carousel.viewport-height {
	height: 100vh;
	overflow: hidden;
}

.zanaya-carousel.fixed-height .item {
	overflow: hidden;
}

.zanaya-carousel video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
}

@media only screen and (max-device-width : 1024px) and (orientation : landscape) {
	.zanaya-carousel video {
		width: auto;
		height: 100%;
	}
}

@media only screen and (orientation : portrait) {
	.zanaya-carousel video {
		width: auto;
		height: 100%;
	}
}

/* large screen phones in landscape */

@media only screen and (min-device-width : 411px) and (max-device-width : 823px) and (-webkit-device-pixel-ratio: 3.5)  and (orientation : landscape),
only screen and (min-device-width : 375px) and (max-device-width : 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation : landscape) {
	.zanaya-carousel video {
		width: 100%;
		height: auto;
	}
}

.parallax-slide {
	width: 100%;
	height: 100%;
	height: 100vh;
	background-attachment: fixed;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.zanaya-space-reserve {
	width: 100%;
	height: 100%;
}

.zanaya-carousel.viewport-height .item .zanaya-space-reserve {
	height: 100vh;
}

.item .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
	background-color: rgba(0, 0, 0, 0.5);
	transition: 0.5s all ease;
}

.zanaya-carousel.viewport-height .item .overlay {
	height: 100vh;
}

.carousel.fade .carousel-inner .carousel-item {
  will-change: transform;
  /* disabled due to flickering in fade transitions. try to enable for full screen sliders only */
	/* 
	transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  */
}

.carousel.fade {
	opacity: 1;
}

.carousel.fade .item {
	-moz-transition: opacity ease-in-out 1.7s;
	-o-transition: opacity ease-in-out 1.7s;
	-webkit-transition: opacity ease-in-out 1.7s;
	transition: opacity ease-in-out 1.7s;
	left: 0 !important;
	opacity: 0;
	top: 0;
	position: absolute;
	width: 100%;
	display: block !important;
	z-index: 1;
}

.carousel.fade .item:first-child {
	top: auto;
	position: relative;
}

.carousel.fade .item.active {
	opacity: 1;
	-moz-transition: opacity ease-in-out 1.7s;
	-o-transition: opacity ease-in-out 1.7s;
	-webkit-transition: opacity ease-in-out 1.7s;
	transition: opacity ease-in-out 1.7s;
	z-index: 2;
}

.zanaya-carousel.viewport-height .item .item-full-screen {
	height: 100vh;
}

.zanaya-carousel.viewport-height .item .item-full-screen img.zanaya-slider-img {
	height: 100vh;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	/* ensures images will not over-strech when in full screen mode */
}


/* carousel controls - arrows */

.zanaya-carousel .zanaya-carousel-control.hover-view {
	visibility: hidden;
}

.zanaya-carousel:hover .zanaya-carousel-control.hover-view {
	visibility: visible;
}

.zanaya-carousel .carousel-control:focus,
.carousel-control:hover {
	color: #fff;
	text-decoration: none;
	filter: alpha(opacity=90);
	outline: 0;
	opacity: .9;
}

.zanaya-carousel .carousel-control.left {
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .0001) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
	background-repeat: repeat-x;
}

.zanaya-carousel .carousel-control.right {
	right: 0;
	left: auto;
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
	background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .5) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
	background-repeat: repeat-x;
}

.zanaya-carousel .carousel-control .carousel-control-icon {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: inline-block;
	margin-top: -10px;
	font-size: 15px;
	line-height: 30px;
	width: 30px;
	height: 30px;
}

@media screen and (max-width: 768px) {
	.zanaya-carousel .carousel-control .carousel-control-icon {
		margin-top: -10px;
		width: 30px;
		height: 30px;
		font-size: 30px;
		line-height: 30px;
	}
}

.zanaya-carousel .carousel-control.left .carousel-control-icon {
	left: 50%;
	margin-left: -10px;
}

@media screen and (min-width: 768px) {
	.zanaya-carousel .carousel-control.left .carousel-control-icon {
		margin-left: -10px;
	}
}

.zanaya-carousel .carousel-control.right .carousel-control-icon {
	right: 50%;
	margin-right: -10px;
}

@media screen and (min-width: 768px) {
	.zanaya-carousel .carousel-control.right .carousel-control-icon {
		margin-right: -10px;
	}
}


/* slider control - radials */

.zanaya-carousel .carousel-indicators.hover-view {
	visibility: hidden;
}

.zanaya-carousel:hover .carousel-indicators.hover-view {
	visibility: visible;
}

.zanaya-carousel .carousel-indicators {
	margin: 0;
}

.zanaya-carousel .carousel-indicators.top {
	top: 0;
}

.zanaya-carousel .carousel-indicators.middle {
	top: 50%;
}

.zanaya-carousel .carousel-indicators.bottom {
	bottom: 0;
}

/* slider control - counter */

.zanaya-slider-count {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  overflow: hidden;
	position: absolute;
	z-index: 15;
}

.zanaya-slider-count.center{
  width: 50%;
  left: 50%;
  margin-left: -50px;
	right: 50%;
	margin-right: -50px;
}

.zanaya-slider-count.bottom{
  top: auto;
  bottom: -35px;
}

.zanaya-slider-count.top{
  top: -35px;
  bottom: auto;
}

.zanaya-slider-count.right{
	right: 0;
	left: auto;
}
.zanaya-slider-count.left{
	left: 0;
	right: auto;	
}

.zanaya-slider-count:before {
  content: '';
  width: 50px;
  height: 2px;
  background: currentColor;
  opacity: .6;
  margin: 0 15px 0 25px;
}

body.rtl .zanaya-slider-count:before{
	margin: 0 25px 0 15px;
}

.zanaya-slider-count-current {
  position: absolute;
  top: 0;
  transition: all cubic-bezier(.4,0,.2,1) .4s;
}

.zanaya-slider-count-current.no-transition{
	transition: none !important;
}

/* horizontal */

.zanaya-carousel .carousel-indicators.left {
	left: 0;
	text-align: left;
}

.zanaya-carousel .carousel-indicators.center {
	left: 50%;
	margin-left: -30%;
	text-align: center;
}

body.rtl .zanaya-carousel .carousel-indicators.center {
	left: auto;
	margin-left: 0;
	right: 50%;
	margin-right: -30%;
	padding-left: 0;
	padding-right: 0;
}

.zanaya-carousel .carousel-indicators.right {
	right: 0;
	left: auto;
	text-align: right;
}


/* vertical */

.zanaya-carousel .carousel-indicators.vertical {
	width: auto;
}

.zanaya-carousel .carousel-indicators.vertical li {
	display: block;
}

.zanaya-carousel .carousel-indicators.vertical.center {
	left: 50%;
	margin-left: 0;
	text-align: center;
}

.zanaya-carousel-control .carousel-control-icon.top {
	top: 0;
}

.zanaya-carousel .zanaya-carousel-control .carousel-control-icon.center {
	top: 50%;
	margin-top: -10px;
}

.zanaya-carousel-control .carousel-control-icon.bottom {
	bottom: 0;
}

.zanaya-carousel-control .carousel-control-icon.left-side {
	left: 0;
	color: #666;
}

.zanaya-carousel-control .carousel-control-icon.left-side.shift-right {
	left: auto;
	right: 150px;
}

.zanaya-carousel-control .carousel-control-icon.right-side {
	right: 0;
	color: #666;
}

.zanaya-carousel-control .carousel-control-icon.right-side.shift-left {
	right: auto;
	left: 150px;
}

.zanaya-elastic {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

.zanaya-elastic .item {
	top: 0;
	z-index: 1;
	opacity: 0;
	width: 100%;
	position: absolute;
	left: 0!important;
	display: block!important;
	-webkit-transform: scale3d(2, 1, 2);
	transform: scale3d(2, 1, 2);
	-webkit-transition: -webkit-transform .7s ease-in-out 0s, opacity ease-in-out .7s;
	transition: transform .7s ease-in-out 0s, opacity ease-in-out .7s
}

.zanaya-elastic .item:first-child {
	top: auto;
	position: relative
}

.zanaya-elastic .item.active {
	opacity: 1;
	z-index: 2;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
	-webkit-transition: -webkit-transform .7s ease-in-out 0s, opacity ease-in-out .7s;
	transition: transform .7s ease-in-out 0s, opacity ease-in-out .7s
}

.zanaya-sticky-slider {
	position: fixed;
}

.zanaya-kb-wrapper {
	overflow: hidden;
	max-height: 100vh;
}

.zanaya-kb-wrapper .carousel-inner .item img.zanaya-slider-img,
.zanaya-kb-wrapper .carousel-inner .item .parallax-slide {
	margin: auto;
	width: 100% !important;
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-animation: zanayakenburns 20000ms linear 0s infinite alternate;
	animation: zanayakenburns 20000ms linear 0s infinite alternate
}

@-webkit-keyframes zanayakenburns {
	0% {
		-webkit-transform: scale(1);
		-webkit-transition: -webkit-transform 20000ms linear 0s
	}
	100% {
		-webkit-transform: scale(1.2);
		-webkit-transition: -webkit-transform 20000ms linear 0s
	}
}

@-moz-keyframes zanayakenburns {
	0% {
		-moz-transform: scale(1);
		-moz-transition: -moz-transform 20000ms linear 0s
	}
	100% {
		-moz-transform: scale(1.2);
		-moz-transition: -moz-transform 20000ms linear 0s
	}
}

@-ms-keyframes zanayakenburns {
	0% {
		-ms-transform: scale(1);
		-ms-transition: -ms-transform 20000ms linear 0s
	}
	100% {
		-ms-transform: scale(1.2);
		-ms-transition: -ms-transform 20000ms linear 0s
	}
}

@-o-keyframes zanayakenburns {
	0% {
		-o-transform: scale(1);
		-o-transition: -o-transform 20000ms linear 0s
	}
	100% {
		-o-transform: scale(1.2);
		-o-transition: -o-transform 20000ms linear 0s
	}
}

@keyframes zanayakenburns {
	0% {
		transform: scale(1);
		transition: transform 20000ms linear 0s
	}
	100% {
		transform: scale(1.2);
		transition: transform 20000ms linear 0s
	}
}


/* requires flex row for smothness */

.zanaya-carousel.vertical .item .zanaya-nested-row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.zanaya-carousel.vertical .carousel-inner {
	height: 100%;
}

.zanaya-carousel.vertical .carousel-inner>.item {
	-webkit-transition: .6s ease-in-out top;
	-o-transition: .6s ease-in-out top;
	transition: .6s ease-in-out top;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
	.zanaya-carousel.vertical .carousel-inner>.item {
		-webkit-transition: -webkit-transform .6s ease-in-out;
		-ms-transition: -ms-transform .6s ease-in-out;
		-o-transition: -o-transform .6s ease-in-out;
		transition: transform .6s ease-in-out;
		-ms-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-ms-perspective: 1000;
		-webkit-perspective: 1000;
		perspective: 1000;
	}
	.zanaya-carousel.vertical .carousel-inner>.item.next,
	.zanaya-carousel.vertical .carousel-inner>.item.active.right {
		top: 0;
		-ms-transform: translate3d(0, 100%, 0);
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
	}
	.zanaya-carousel.vertical .carousel-inner>.item.prev,
	.zanaya-carousel.vertical .carousel-inner>.item.active.left {
		top: 0;
		-ms-transform: translate3d(0, -100%, 0);
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	.zanaya-carousel.vertical .carousel-inner>.item.next.left,
	.zanaya-carousel.vertical .carousel-inner>.item.prev.right,
	.zanaya-carousel.vertical .carousel-inner>.item.active {
		top: 0;
		-ms-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.zanaya-carousel.vertical .carousel-inner>.active {
	top: 0;
}

.zanaya-carousel.vertical .carousel-inner>.next,
.zanaya-carousel.vertical .carousel-inner>.prev {
	top: 0;
	height: 100%;
	width: 100%;
}

.zanaya-carousel.vertical .carousel-inner>.next {
	left: 0;
	top: 100%;
}

.zanaya-carousel.vertical .carousel-inner>.prev {
	left: 0;
	top: -100%
}

.zanaya-carousel.vertical .carousel-inner>.next.left,
.zanaya-carousel.vertical .carousel-inner>.prev.right {
	top: 0;
}

.zanaya-carousel.vertical .carousel-inner>.active.left {
	left: 0;
	top: -100%;
}

.zanaya-carousel.vertical .carousel-inner>.active.right {
	left: 0;
	top: 100%;
}


/* slider diagonal */

.diagonal .carousel-inner {
	height: 100%;
}

.zanaya-carousel.diagonal .item {
	-webkit-transition: 0.6s ease-in-out all;
	-moz-transition: 0.6s ease-in-out all;
	-ms-transition: 0.6s ease-in-out all;
	-o-transition: 0.6s ease-in-out all;
	transition: 0.6s ease-in-out all;
}

.zanaya-carousel.diagonal .active {
	top: 0;
}

.zanaya-carousel.diagonal .next {
	top: -400px;
}

.zanaya-carousel.diagonal .prev {
	top: 400px;
}

.zanaya-carousel.diagonal .next.left,
.zanaya-carousel.diagonal .prev.right {
	top: 0;
}

.zanaya-carousel.diagonal .active.left {
	top: 400px;
	opacity: 0;
}

.zanaya-carousel.diagonal .active.right {
	top: -400px;
	opacity: 0;
}

.zanaya-carousel.diagonal .item {
	left: 0;
}


/* carousel basic theme */

.basic-theme .carousel-indicators {
	margin: 0;
	margin-right: 0px;
	margin-bottom: 13px;
}

.basic-theme .carousel-indicators li {
	width: 14px;
	height: 14px;
	margin-bottom: 0px;
	border-radius: 50%;
	background-color: #d1d1d1;
	box-shadow: 0 0 0 0 transparent;
}

.basic-theme .carousel-indicators li.active {
	width: 14px;
	height: 14px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #333;
	border: 2px solid #fff;
	box-shadow: 0 0 0 1px #333;
}

.basic-theme .zanaya-carousel-control .carousel-control-icon {
	font-size: 15px;
	position: absolute;
	margin-top: 0;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0;
	text-align: center;
	height: 30px;
	width: 30px;
	line-height: 30px;
	z-index: 3;
	color: #666;
	box-shadow: rgba(0, 0, 0, 1) 0 0 0 0;
}

.basic-theme .zanaya-carousel-control .carousel-control-icon:hover {
	color: #bbb;
}

.basic-theme .zanaya-carousel-control .carousel-control-icon.left-side {
	margin-left: 0px;
}

.basic-theme .zanaya-carousel-control .carousel-control-icon.right-side {
	margin-right: 0px;
}

.basic-theme .zanaya-carousel-control .carousel-control-icon.left-side.shift-right {
	left: auto;
	right: 150px;
}

.basic-theme .zanaya-carousel-control .carousel-control-icon.right-side.shift-left {
	right: auto;
	left: 150px;
}


/* zanaya multi item carousel */

.zanaya-carousel.multi-carousel .multi-carousel-wrap {
	float: left;
	overflow: hidden;
	width: 100%;
	position: relative;
	visibility: hidden;
}

.zanaya-carousel.multi-carousel .multi-carousel-inner {
	transition: none;
	float: left;
}

.zanaya-carousel.multi-carousel .multi-carousel-inner.transition {
	transition: 1s ease transform;
}

.zanaya-carousel.multi-carousel .multi-carousel-inner .item {
	float: left;
}


/*=================
    PROGRESS-BAR
===================*/

.zanaya-progress-bar {
	width: 100%;
}

.zanaya-progress-bar .progress {
	box-shadow: none;
	background-color: #fff;
	border: 2px solid #fff;
	border-radius: 2px;
}

.zanaya-progress-bar .progress.active .progress-bar {
	-webkit-transition: none !important;
	transition: none !important;
}

.zanaya-progress-bar .progress-bar {
	background-color: rgb(105, 210, 231);
	border-radius: 3px;
	line-height: 16px;
}

.zanaya-primary-color .progress {
	background-color: #fff;
	border-color: #fff
}

.zanaya-primary-color .progress-bar {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
	color: #fff;
}

.zanaya-primary-color .progress-bar:hover {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
	color: #fff;
}

.progress-bar.w-flag{
	text-align: right;
}	

.progress-bar.w-flag .progress-bar-val {

  background: #17161A;
  color: #fff;
  padding: 0 8px;
  -webkit-border-radius: 4px 4px 0;
  border-radius: 4px 4px 0;
  height: 24px;
  line-height: 24px;
  font-size: .7em;
  position: absolute;
  bottom: 62%;
  margin-left: -31px;
}


.progress-bar.w-flag .progress-bar-val:after {
  content: '';
  width: 0;
  height: 0;
  border-top: 6px solid #17161A;
  border-left: 8px solid transparent;
  position: absolute;
  right: 0;
  bottom: -6px;
}

/*============================
    VERTICAL PROGRESS FLOW
=============================*/

.zanaya-vertical-progress-flow-wrapper {
	margin-bottom: -1px;
	padding-top: 32px;
	padding-bottom: 32px;
	border-top: 1px solid #383838;
	border-bottom: 1px solid #383838;
}

.zanaya-vertical-progress-step-number {
	position: relative;
	overflow: hidden;
	box-shadow: inset -1px 0 0 0 #383838;
	display: block;
}

.zanaya-vertical-progress-step-progress {
	position: absolute;
	right: 0px;
	z-index: 1;
	width: 2px;
	height: 40%;
	background-color: var(--primary);
}


/*=================
    VIDEO
===================*/


/* full screen video background */

video.zanaya-full-screen-video-background {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	transform: translateX(-50%) translateY(-50%);
}


/* zanaya minimal video player */

.zanaya-simple-videoplayer-container{
	position: relative;
}

.zanaya-simple-videoplayer-container .video {
  width: 100%;
}

.zanaya-simple-videoplayer-container .playpause {
  opacity: 1;
}

.zanaya-simple-videoplayer-container .playpause.fadeout {
  opacity: 0;
  transition: 1s opacity;
}

.zanaya-simple-videoplayer-container.activate-stop-fade .video{
  position: relative;
}

.zanaya-simple-videoplayer-container.activate-stop-fade{
  background-color: rgba(0,0,0,0);
  display: flex;
  z-index: 1;
}

.zanaya-simple-videoplayer-container.activate-stop-fade.stopfade { 
  background-color: rgba(0,0,0,0);
  transition: 1s background-color;
}

.zanaya-simple-videoplayer-container.activate-stop-fade .video-overlay{
  background: rgba(0,0,0,0);
  width: 100%;
  position: absolute;
  height: 100%;
  top:0;
  left:0;
  transition: 1s background-color;
}

.playpause .video-playpause-button{
  background-color: transparent;
  color:white;
  text-align:center;
}

/* use video as background */
.zanaya-simple-videoplayer-container.video-bg,
.zanaya-simple-videoplayer-container.video-bg.activate-stop-fade .video-overlay{
	position: absolute;
	width: 100%;
	background-color: rgba(0,0,0,0.5);
  transition: 1s background-color;
}

.video-bg-parent{
	overflow: hidden;
}

.video-bg-parent [data-zanaya-element]:not(.zanaya-simple-videoplayer-container){
	position: relative;
  z-index: 2;
}

.zanaya-simple-videoplayer-container.activate-stop-fade.stopfade .video-overlay{
	background: rgba(0,0,0,0.5);
}

/* zanaya vimeo player */

.zanaya-vimeo-embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.zanaya-vimeo-embed-container iframe,
.zanaya-vimeo-embed-container object,
.zanaya-vimeo-embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vimeo {
	display: block;
	width: 638px;
	height: 358px;
	margin: 0 auto;
}



/*=================
    CAPTIONS
===================*/

.zanaya-hoverable {
	overflow: hidden;
}

.zanaya-hoverable.center {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* added rules required to make a master gallery - so all caption background colors can be changed as a group */

.zanaya-hoverable .zanaya-gallery-item {
	/*  display:table !important;*/
	/* disabled 6/27/19 due to gaps apearing when using captions */
}

.zanaya-hoverable .zanaya-gallery-item.center {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* overlay fade animation */

.zanaya-gallery-item img {
	box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}

.zanaya-hoverable .zanaya-gallery-item {
	overflow: hidden;
	position: relative;
}

.zanaya-hoverable .zanaya-caption-wrap {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	max-width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	transition: 1s background ease;
	text-align: center;
}

.fast-bg-transition {
	transition: background 0.5s ease 0s !important;
}

.fast-img-transform img {
	transition: all 0.35s ease 0s !important;
}

.zanaya-hoverable .zanaya-caption-wrap h1,
.zanaya-hoverable .zanaya-caption-wrap h2,
.zanaya-hoverable .zanaya-caption-wrap h3,
.zanaya-hoverable .zanaya-caption-wrap h4,
.zanaya-hoverable .zanaya-caption-wrap h5,
.zanaya-hoverable .zanaya-caption-wrap h6,
.zanaya-hoverable .zanaya-caption-wrap p,
.zanaya-hoverable .zanaya-caption-wrap small,
.zanaya-hoverable .zanaya-caption-wrap blockquote {
	word-break: break-word;
}

.zanaya-hoverable .zanaya-caption-wrap.round-hover {
	border-radius: 50%;
}

.zanaya-hoverable .zanaya-caption-wrap.left {
	margin-left: 0;
	margin-right: auto;
}

.zanaya-hoverable .zanaya-caption-wrap.center {
	margin-left: auto;
	margin-right: auto;
}

.zanaya-hoverable .zanaya-caption-wrap.right {
	margin-left: auto;
	margin-right: 0;
}

.zanaya-hoverable .zanaya-caption-wrap .zanaya-caption {
	vertical-align: middle;
	position: relative;
	opacity: 0;
	transition: 1s opacity ease;
}

.zanaya-hoverable .zanaya-caption-wrap.full-opacity .zanaya-caption {
	opacity: 1;
}

.zanaya-hoverable .zanaya-caption-wrap.caption-vertical-center .zanaya-caption {
	top: 50%;
	transform: translateY(-50%);
}

.zanaya-hoverable .zanaya-caption-wrap.caption-vertical-bottom .zanaya-caption {
	top: 100%;
	transform: translateY(-100%);
}

.zanaya-hoverable .zanaya-gallery-item:hover .zanaya-caption-wrap {
	background-color: rgba(0, 0, 0, 0.7);
	transition: 1s background ease;
}

.zanaya-hoverable .zanaya-caption-wrap:hover .zanaya-caption {
	opacity: 1;
}

.zanaya-hoverable .zanaya-caption-wrap:hover .zanaya-caption:after {
	width: 50%;
}


/* overlay slide animation */

.zanaya-hoverable .zanaya-caption-wrap.animated {
	position: absolute;
	background-color: rgba(0, 0, 0, 0);
	overflow: hidden;
	transition: .5s ease;
}

.zanaya-hoverable .zanaya-gallery-item:hover .zanaya-caption-wrap.animated {
	overflow: hidden;
	transition: .5s ease;
}

.zanaya-hoverable .zanaya-caption-wrap.animated.animated-top,
.zanaya-caption-wrap.animated.animated-bottom {
	width: 100%;
	height: 0;
	top: auto;
}

.zanaya-hoverable .zanaya-caption-wrap.animated.animated-left,
.zanaya-caption-wrap.animated.animated-right {
	width: 0;
	height: 100%;
}

.zanaya-hoverable .zanaya-caption-wrap.animated.animated-top {
	bottom: 100%;
	left: 0;
	right: 0;
}

.zanaya-hoverable .zanaya-caption-wrap.animated.animated-bottom {
	bottom: 0;
	left: 0;
	right: 0;
}

.zanaya-hoverable .zanaya-caption-wrap.animated.animated-left {
	bottom: 0;
	left: 0;
	right: 0;
}

.zanaya-hoverable .zanaya-caption-wrap.animated.animated-right {
	bottom: 0;
	left: 100%;
	right: 0;
}

.zanaya-hoverable:hover .zanaya-caption-wrap.animated.animated-top {
	bottom: 0;
	height: 100%;
}

.zanaya-hoverable:hover .zanaya-caption-wrap.animated.animated-bottom {
	height: 100%;
}

.zanaya-hoverable:hover .zanaya-caption-wrap.animated.animated-left {
	width: 100%;
}

.zanaya-hoverable:hover .zanaya-caption-wrap.animated.animated-right {
	width: 100%;
	left: 0;
}

.zanaya-hoverable .zanaya-caption-wrap.animated.caption-vertical-center .zanaya-caption-animated {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	opacity: 1;
}

.zanaya-hoverable .zanaya-caption-wrap.animated.caption-vertical-bottom .zanaya-caption-animated {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, -100%);
	-ms-transform: translate(-50%, -100%);
	text-align: center;
	opacity: 1;
}

.zanaya-hoverable .zanaya-caption-wrap.animated.caption-vertical-top .zanaya-caption-animated {
	position: absolute;
	left: 50%;
	transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	text-align: center;
	opacity: 1;
}


/* caption content effects */

.zanaya-cap-hvr-up *,
.zanaya-cap-hvr-down *,
.zanaya-cap-hvr-left *,
.zanaya-cap-hvr-right * {
	transition: opacity .45s cubic-bezier(.19, 1, .22, 1), -webkit-transform .45s cubic-bezier(.19, 1, .22, 1);
	transition: transform .45s cubic-bezier(.19, 1, .22, 1), opacity .45s cubic-bezier(.19, 1, .22, 1);
	transition: transform .45s cubic-bezier(.19, 1, .22, 1), opacity .45s cubic-bezier(.19, 1, .22, 1), -webkit-transform .45s cubic-bezier(.19, 1, .22, 1);
}

.zanaya-cap-hvr-up * {
	-webkit-transform: translateY(25px);
	transform: translateY(25px);
}

.zanaya-cap-hvr-down * {
	-webkit-transform: translateY(-25px);
	transform: translateY(-25px);
}

.zanaya-cap-hvr-left * {
	-webkit-transform: translateX(-25px);
	transform: translateX(-25px);
}

.zanaya-cap-hvr-right * {
	-webkit-transform: translateX(25px);
	transform: translateX(25px);
}

.zanaya-gallery-item:hover .zanaya-cap-hvr-up *,
.zanaya-gallery-item:hover .zanaya-cap-hvr-down *,
.zanaya-gallery-item:hover .zanaya-cap-hvr-left *,
.zanaya-gallery-item:hover .zanaya-cap-hvr-right * {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.rev-opacity-hover {
	transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
	opacity: 0.5;
}

.rev-opacity-hover:hover {
	opacity: 1;
}


/* zoom effect  */

.zanaya-gallery-item.zanaya-hoverable-zoom img {
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}

.zanaya-gallery-item.zanaya-hoverable-zoom:not(.zanaya-caption):hover img {
	-webkit-transform: scale3d(1.2, 1.2, 1);
	transform: scale3d(1.2, 1.2, 1);
}


/* packery - zanaya masonry */

.zanaya-masonry-grid {
	background: transparent;
}

body.blog .zanaya-masonry-grid,
body.post-type-archive-portfolio .zanaya-masonry-grid{
	margin-bottom: 55px;
}

.zanaya-masonry-grid:after {
	content: '';
	display: block;
	clear: both;
}

.zanaya-masonry-item {
	float: left;
	width: 20%;
	height: auto;
	border-color: transparent;
	border-style: solid;
	border-width: 2px;
}

.zanaya-masonry-item.double-width {
	width: 40%;
}

.zanaya-masonry-item.half-width {
	width: 10%;
}

.masonry-auto-col .zanaya-masonry-item {
  width: auto;
}

.zanaya-masonry-item .zanaya-blank-image {
	min-width: 100%;
	max-width: 100%;
}

.zanaya-masonry-item img {
	display: inline-block;
}

.zanaya-masonry-item:hover {
	cursor: move;
}

.zanaya-masonry-item.zanaya-hoverable .zanaya-caption-wrap h3 {
	margin-top: 0;
}

.zanaya-masonry-item.ui-draggable-dragging,
.zanaya-masonry-item.is-positioning-post-drag {
	opacity: 0.8;
	z-index: 2;
}

.packery-drop-placeholder {
	outline: 3px dashed hsla(0, 0%, 0%, 0.5);
	outline-offset: -6px;
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
}

@media only screen and (max-width: 1199px) {
	.zanaya-masonry-item {
		width: 25%;
	}
}

@media only screen and (max-width: 991px) {
	.zanaya-masonry-item {
		width: 33.333333333333336%;
	}
}

@media only screen and (max-width: 767px) {
	.zanaya-masonry-item {
		width: 50%;
	}
}

.zanaya-filtered-grid .zanaya-masonry-item {
	width: 25%;
}

@media only screen and (max-width: 1199px) {
	.zanaya-filtered-grid .zanaya-masonry-item {
		width: 25%;
	}
}

@media only screen and (max-width: 991px) {
	.zanaya-filtered-grid .zanaya-masonry-item {
		width: 33.333333333333336%;
	}
}

@media only screen and (max-width: 767px) {
	.zanaya-filtered-grid .zanaya-masonry-item {
		width: 50%;
	}
}


/*=================
    ISOTOPE
===================*/

.isotope-wrapper.no-overflow {
	overflow-y: hidden;
}

.isotope-wrapper .zanaya-inmost-col {
	float: none;
	/* required for content links to work */
}

.isotopeFilters.zanaya-primary-color .nav-pills li {
	float: none;
	display: inline-block;
}

.isotopeFilters.zanaya-primary-color .nav-pills li a {
	cursor: pointer;
}


/*=================
    MASONRY
===================*/


/* masonry p grid */

.zanaya-masonry-col {
	border: 1px solid #ddd;
	border-radius: 3px;
	cursor: default;
	word-break: break-all;
}

.zanaya-masonry-col h1,
.zanaya-masonry-col h2,
.zanaya-masonry-col h3,
.zanaya-masonry-col h4,
.zanaya-masonry-col h5,
.zanaya-masonry-col h6,
.zanaya-masonry-col p {
	margin: 15px;
}


/*=================
    MAP
===================*/


/* google map */

.gmap_canvas {
	width: 100%;
	min-height: 300px;
	max-height: 100%;
	border-radius: inherit;
	position: relative;
	overflow: hidden;
}


/*=================
    POPUP
===================*/


/* zanaya modal popup */

.zanaya-modal-popup {
	position: fixed;
	z-index: 10002;
	left: 0;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	display: none;
	opacity: 0;
	background-color: rgba(255, 255, 255, 0.75);
	background-size: cover;
	background-repeat: no-repeat;
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.zanaya-modal-popup.dark-overlay {
	background-color: rgba(0, 0, 0, 0.95);
}

.zanaya-modal-popup.dark-overlay .modal-popup-content {
	/*background-color: rgba(0, 0, 0, 0.5);*/
}

.zanaya-modal-popup.transparent-overlay {
	background-color: rgba(0, 0, 0, 0);
}

#modal-popup-spinner {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translateY(-50%);
}

#modal-popup-spinner.lg {
	font-size: 24px;
}

.zanaya-modal-popup.modal-active {
	display: block;
	opacity: 1;
}

.zanaya-modal-popup .container {
	max-width: 100%;
}

.modal-popup-content {
	position: absolute;
	z-index: 10006;
	left: 50%;
	top: calc(50% + 1px);
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	overflow-y: hidden;
	padding: 0 30px;
	border: 1px solid #e9e9e9;
	box-shadow: 0 0 35px rgba(0, 0, 0, .2);
	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	opacity: 0;
	transition: all .5s ease-in-out;
	-webkit-transition: all .5s ease-in-out;
}

.zanaya-modal-popup.fullscreen .modal-popup-content{
	width: 101%;
	height: 101vh;
	max-width: 101%;
	top: 50%;
	padding: 0;
	max-height: 101%;
}

#zanaya-modal-popup:not(.dark-overlay) .modal-popup-content {
	background: #fff;
}

.zanaya-modal-popup.dark-overlay .modal-popup-content {
	border: 1px solid transparent;
}

.modal-popup-content.medium {
	max-width: 730px;
}

.modal-popup-content.small {
	max-width: 550px;
}

.modal-popup-content.visible {
	opacity: 1!important;
}

.modal-popup-content *,
.modal-popup-content:focus {
	outline: 0;
}

.modal-popup-header {
	display: none;
	margin-bottom: 25px;
	padding-bottom: 5px;
	/* border-bottom: 1px solid #e9e9e9; */
}

.zanaya-modal-popup.dark-overlay .modal-popup-header {
	border-bottom: 1px transparent;
}

.zanaya-modal-popup.fullscreen .modal-popup-header {
	margin: 0;
	padding: 0;
}

.modal-popup-settings {
	border: 2px solid #ccc;
	color: #666;
	font-size: 12px;
	padding: 4px;
	cursor: pointer;
}

.zanaya-modal-popup.dark-overlay .modal-popup-settings {
	border: 2px solid transparent;
}

.modal-popup-settings i {
	margin-left: 10px;
}

.modal-popup-settings:hover {
	color: #333;
	border: 2px solid #333;
}

.modal-popup-close {
	display: block;
	font-weight: 300;
	line-height: 24px;
	color: #666;
	cursor: pointer;
	border: 1px solid #eee;
	/*padding-left: 10px;*/
	padding-top: 2px;
	left: auto;
	right: 20px;
	top: 10px;
	position: absolute;
	z-index: 10000;
}

#zanaya-modal-popup:not(.dark-overlay) .modal-popup-close {
	font-size: 0;
	border: 0;
	padding-left: 0;
}

.modal-popup-close i {
	display: inline-block;
	vertical-align: top;
	/*margin-left: 10px;*/
	width: 24px;
	height: 24px;
	line-height: 20px;
	font-style: normal;
	text-align: center;
	font-size: 9px;
	color: #999;
	border: 2px solid #ccc;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

.zanaya-modal-popup.dark-overlay .modal-popup-close i {
	border: 2px solid transparent;
}

.modal-popup-close:hover {
	color: #333;
}

.modal-popup-close i:hover {
	color: #333;
	border: 2px solid #333;
}

.modal-popup-close-block {
	position: absolute;
	z-index: 10005;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.zanaya-modal-popup.fullscreen .modal-popup-close{
	border: 1px solid #fff;
	top: 50px;
	z-index: 100;
}

.zanaya-modal-popup #masthead{
	padding: 0 !important; /* disables fouc (flash of unstyled content) on popup content ) */
}

/*=================
    FLIPBOX
===================*/

.zanaya-flipbox {
	width: 100%;
	visibility: hidden;
}

.flipbox-front,
.flipbox-back {
	width: 100%;
	height: 100%;
}

.flipbox-front .zanaya-nested-col,
.flipbox-back .zanaya-nested-col {
	z-index: 0;
	box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 6px 0px;
	background-image: linear-gradient(90deg, rgb(255, 255, 255) 0.1%, rgb(255, 255, 255) 100%); 
}

article[data-post-layout="masonry"] .flipbox-back .zanaya-nested-col{
	padding-top: 8.75%;
}


/* FLIPBOX 3D */

.zanaya-flipbox-inner,
.zanaya-flipbox-face,
.zanaya-flipbox-wrap {
	width: 100%;
	min-height: inherit;
	border-radius: inherit;
}

.zanaya-flipbox-face {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	background-size: cover;
	background-position: center;
	background-color: var(--color-primary);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.zanaya-flipbox-wrap,
.zanaya-flipbox-face {
	-webkit-transform-style: inherit;
	transform-style: inherit;
	-webkit-perspective: inherit;
	perspective: inherit;
}

.zanaya-flipbox-3d.three-dimentional .zanaya-flipbox-front .zanaya-flipbox-inner {
	-webkit-transform: translate3d(0, 0, 60px) scale(0.85);
	transform: translate3d(0, 0, 60px) scale(0.85);
}

.zanaya-flipbox-back {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
}

.zanaya-flipbox-3d.three-dimentional .zanaya-flipbox-back .zanaya-flipbox-inner {
	-webkit-transform: translate3d(0, 0, 60px) scale(0.95);
	transform: translate3d(0, 0, 60px) scale(0.95);
}

.zanaya-flipbox-bt .zanaya-flipbox-back,
.zanaya-flipbox-tb .zanaya-flipbox-back {
	-webkit-transform: rotateY(-180deg) rotateZ(-180deg);
	transform: rotateY(-180deg) rotateZ(-180deg);
}

.zanaya-flipbox-wrap {
	position: relative;
	-webkit-transition-property: -webkit-box-shadow, -webkit-transform;
	transition-property: -webkit-box-shadow, -webkit-transform;
	transition-property: box-shadow, transform;
	transition-property: box-shadow, transform, -webkit-box-shadow, -webkit-transform;
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.zanaya-flipbox-3d {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1200px;
	perspective: 1200px;
}


/* hover support */

.zanaya-flipbox-3d.flip-hover:hover .zanaya-flipbox-wrap {
	-webkit-transform-origin: 50% 50% !important;
	transform-origin: 50% 50% !important;
}

.zanaya-flipbox-3d.flip-hover:hover.zanaya-flipbox-rl .zanaya-flipbox-wrap {
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
}

.zanaya-flipbox-3d.flip-hover:hover.zanaya-flipbox-lr .zanaya-flipbox-wrap {
	-webkit-transform: rotate3d(0, -1, 0, 180deg);
	transform: rotate3d(0, -1, 0, 180deg);
}

.zanaya-flipbox-3d.flip-hover:hover.zanaya-flipbox-tb .zanaya-flipbox-wrap {
	-webkit-transform: rotate3d(1, 0, 0, 180deg);
	transform: rotate3d(1, 0, 0, 180deg);
}

.zanaya-flipbox-3d.flip-hover:hover.zanaya-flipbox-bt .zanaya-flipbox-wrap {
	-webkit-transform: rotate3d(-1, 0, 0, 180deg);
	transform: rotate3d(-1, 0, 0, 180deg);
}

/* click support instead of hover */

.zanaya-flipbox-3d.flip-click .zanaya-flipbox-wrap.flipped {
	-webkit-transform-origin: 50% 50% !important;
	transform-origin: 50% 50% !important;
}

.zanaya-flipbox-3d.flip-click.zanaya-flipbox-rl .zanaya-flipbox-wrap.flipped {
	-webkit-transform: rotate3d(0, 1, 0, 180deg);
	transform: rotate3d(0, 1, 0, 180deg);
}

.zanaya-flipbox-3d.flip-click.zanaya-flipbox-lr .zanaya-flipbox-wrap.flipped {
	-webkit-transform: rotate3d(0, -1, 0, 180deg);
	transform: rotate3d(0, -1, 0, 180deg);
}

.zanaya-flipbox-3d.flip-click.zanaya-flipbox-tb .zanaya-flipbox-wrap.flipped {
	-webkit-transform: rotate3d(1, 0, 0, 180deg);
	transform: rotate3d(1, 0, 0, 180deg);
}

.zanaya-flipbox-3d.flip-click.zanaya-flipbox-bt .zanaya-flipbox-wrap.flipped {
	-webkit-transform: rotate3d(-1, 0, 0, 180deg);
	transform: rotate3d(-1, 0, 0, 180deg);
}

.zanaya-flipbox-front,
.zanaya-flipbox-back{
	padding-left: 15px;
	padding-right: 15px;
	box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 6px 0px;
}	

.zanaya-flipbox-3d .zanaya-flipbox-inner {
	backface-visibility: hidden;
}


/*=================
    ALERTS
===================*/

.zanaya-alert .alert-link {
	color: inherit;
	text-decoration: inherit;
}

/*=================
    CARDS
===================*/

.zanaya-card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
	width: 100%;
}

.zanaya-card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	min-height: 1px;
	padding: 1.25rem;
}


/*=================
    TOASTR
===================*/

.toast-info {
  background-color: #000 !important;
}

/*=================
    LIGHTBOX
===================*/

#zanaya-lightbox {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height: 100vh;
	z-index: 100000;
	overflow: hidden;
}

#zanaya-lightbox.bright-overlay {
	background: rgba(255, 255, 255, 0.97);
}

#zanaya-lightbox.dark-overlay {
	background: rgba(0, 0, 0, 0.97);
}

#zanaya-lightbox.transparent-overlay {
	background: rgba(0, 0, 0, 0.5);
}

#zanaya-lightbox .image-count {
	color: #000;
	text-align: center;
}

#zanaya-lightbox.dark-overlay .image-count,
#zanaya-lightbox.transparent-overlay .image-count {
	color: #fff;
}

#lightbox-content {
	max-height: 100vh;
	overflow: hidden;
}

#zanaya-lightbox-carousel {
	margin: 20px auto;
}

#zanaya-lightbox-carousel .carousel-outer {
	position: relative;
}

#zanaya-lightbox-carousel .item *:not(.zanaya-youtube-embed-container):not(iframe) {
	margin: auto;
	width: auto;
	max-height: 70vh;
}

#zanaya-lightbox-carousel .item .featured-video {
	margin: auto;
	max-height: 70vh;
	max-width: 100vh;
}

#zanaya-lightbox-carousel .close-lightbox {
	position: absolute;
	bottom: auto;
	left: 0;
	right: 0;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

#zanaya-lightbox-carousel .close-lightbox:hover {
	color: rgb(193, 24, 255);
	color: var(--primary);
}

#zanaya-lightbox-carousel .carousel-indicators {
	display: none;
	margin: 20px 0 0;
	overflow: auto;
	position: static;
	text-align: center;
	white-space: nowrap;
	width: 100%;
}

@media screen and (min-width: 768px) {
	#zanaya-lightbox-carousel .carousel-indicators {
		display: block;
	}
}

#zanaya-lightbox-carousel .carousel-indicators li {
	background-color: transparent;
	-webkit-border-radius: 0;
	border-radius: 0;
	display: inline-block;
	height: auto;
	margin: 0 !important;
	width: auto;
	padding: 0 10px;
	border: 0;
}

#zanaya-lightbox-carousel .carousel-indicators li img {
	display: block;
	width: 75px;
	height: 75px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

#zanaya-lightbox-carousel .carousel-indicators li img:hover {
	opacity: 0.6;
}

#zanaya-lightbox-carousel .carousel-control {
	background: none;
}

#zanaya-lightbox-carousel .carousel-control .fa {
	position: absolute;
	font-size: 50px;
	top: calc(50% - 35px);
}

#zanaya-lightbox-carousel .thumbnail {
	/* border: 0; */
	box-shadow: 0 0 45px rgba(0, 0, 0, .2);
	background: transparent;
	border-radius: 0;
}

.preview-img {
	position: absolute !important;
	min-width: 250px !important;
	max-width: 500px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	-webkit-transform: translateY(-50%) !important;
	right: 0 !important;
	left: 0 !important;
	margin: auto !important;
}

.open-in-lightbox{
	cursor: pointer;
}

/*=================
    SCROLL-TO-TOP
===================*/

.zanaya-scrolltop {
	width: 55px;
	position: fixed;
	z-index: 1000;
	bottom: 20px;
	cursor: pointer;
}

.zanaya-scrolltop.left {
	left: 10px;
}

.zanaya-scrolltop.right {
	right: 10px;
}

.zanaya-scroll,
.zanaya-scroll .zanaya-icon {
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

.zanaya-scrolltop.left .zanaya-scroll {
	float: left;
}

.zanaya-scrolltop.right .zanaya-scroll {
	float: right;
}

.zanaya-scroll .zanaya-icon {
	color: #fff;
	background-image: linear-gradient(160deg, rgb(193, 24, 255) 37%, rgb(230, 63, 100) 100%);
	background-image: linear-gradient(160deg, var(--primary) 37%, var(--secondary) 100%);
	padding: 19.5px 22px;
	border: 0;
}

.zanaya-scroll .zanaya-icon:hover,
.zanaya-scroll .zanaya-icon:focus {
	background-image: linear-gradient(340deg, rgb(193, 24, 255) 37%, rgb(230, 63, 100) 100%);
	background-image: linear-gradient(340deg, var(--primary) 37%, var(--secondary) 100%);
	color: #fff;
}


/*=================
    TOGGLE-BAR
===================*/

.toggle-bar-btn {
	display: block;
	position: fixed;
	top: 0;
	right: 0;
	border-left: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-right: 20px solid #252525;
	border-top: 20px solid #252525;
	z-index: 10002;
	color: #fff;
	transition: all 0.3s ease-in-out;
}

.toggle-bar-btn:hover {
	border-top-color: rgb(193, 24, 255);
	border-top-color: var(--primary);
	border-right-color: rgb(193, 24, 255);
	border-right-color: var(--primary);
}

.toggle-bar-btn .toggle-bar-icon {
	position: absolute;
	font-size: 12px;
	top: -12px;
	left: 4px;
	text-shadow: none !important;
	color: #fff;
}

.toggle-bar-wrap.toggle-bar-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	max-height: 100%;
	overflow-x: hidden;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.toggle-bar-wrap {
	background: #fff;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: all 0.25s ease-in-out;
}

.toggle-bar-wrap.toggle-bar-overlay.active-bar {
	visibility: visible;
	z-index: 10001;
	opacity: 1;
}


/*=================
    SHAPES
===================*/

.zanaya-shape-svg {
	width: 100%;
	height: 100px;
}

.zanaya-shape-fill {
	fill: rgb(193, 24, 255);
	fill: var(--primary);
}

.flipped {
	transform: translateX(0) rotateY(180deg);
}

.to-front {
	z-index: 2;
	pointer-events: none;
}

.zanaya-shape {
	width: 100%;
}

.zanaya-shape[data-negative=false].zanaya-shape.bottom,
.zanaya-shape[data-negative=true].zanaya-shape.top {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.zanaya-shape.top {
	top: -1px;
}

.zanaya-shape.bottom {
	bottom: -1px;
}

.zanaya-shape.top-align {
	position: relative;
	top: 1px;
}

.zanaya-shape.bottom-align {
	position: relative;
	bottom: 1px;
}


/*==============================
    ANIMATED / MORPHING SVG
===============================*/

.zanaya-svg{
	display: flex;
	width: 50px; 
	display: inline-block;
}

.zanaya-svg.animated-svg{
	width: 100px;
}

#animated-svg-gradient stop,
#animated-svg-gradient stop:nth-child(2),
#morphing-svg-gradient stop,
#morphing-svg-gradient stop:nth-child(2){
	stop-color: var(--primary);
	stop-opacity: 1;
}

#animated-svg-gradient-hover stop,
#animated-svg-gradient-hover stop:nth-child(2),
#morphing-svg-gradient-hover stop,
#animated-svg-gradient-hover stop:nth-child(2){
	stop-color: var(--secondary);
	stop-opacity: 1;
}

.zanaya-svg.morphing-svg path{
	fill: url(#morphing-svg-gradient) var(--primary);
}

.zanaya-svg.morphing-svg:hover path{
	fill: url(#morphing-svg-gradient-hover) var(--secondary);
}

.zanaya-svg.morphing-svg path.fill-none,
.zanaya-svg.morphing-svg:hover path.fill-none{
	fill:none;
}

.zanaya-svg.animated-svg path{
	stroke-width: 3;
  stroke-miterlimit: 3;
  stroke: url(#animated-svg-gradient) var(--primary);
  fill: none;	
}

.zanaya-svg.animated-svg:hover path{
  stroke: url(#animated-svg-gradient-hover) var(--secondary);
}


/*=================
    PAGINATION
===================*/

body.search .pagination-wrap{
	/* added padding when in search result page */
	margin-bottom: 75px;
}

.zanaya-pagination .page-num {
	margin: 0 2px;
	border-width: 1px;
	background-color: #fff;
	background-color: var(--white);
	position: relative;
}

.zanaya-pagination li a {
	width: 50px;
	height: 50px;
	line-height: 50px;
}

.zanaya-pagination li:first-child .page-num {
	margin-left: 0;
}

.zanaya-pagination li:last-child .page-num {
	margin-right: 0;
}

.zanaya-pagination .page-num .zanaya-icon {
	color: rgb(102, 102, 102);
	transition: 0.5s color ease;
}

.zanaya-pagination .page-num:hover,
.zanaya-pagination .page-num:hover .zanaya-icon {
	color: #fff;
	color: var(--white);
}

.zanaya-pagination .page-num.active {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
	color: #fff;
	color: var(--white);
}

@media (max-width: 400px) {
	.zanaya-pagination .page-num.dots.dots-xs {
		padding: 0;
		border: 0;
	}
}

.zanaya-responsive-pagination {
	margin: 0px;
	padding: 0px;
}

.zanaya-responsive-pagination li {
	display: inline;
	list-style: none;
}

@media (max-width: 320px) {
	.zanaya-responsive-pagination .page-num.dots.dots-xs {
		display: none !important;
	}
}


/*=================
    PARTICLES
===================*/

.particles-js-canvas-el {
	position: absolute;
	top: 0;
}


/*=================
    KNOCKOUT-TEXT
===================*/

.knockout-text-container {
	display: block;
	width: 100%;
	height: 100%;
}

.knockout-text-container.absolute {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.knockout-text-bg {
	fill: gray;
}

.knockout-mask-rect {
	fill: white;
}

.knockout-mask-text {
	font-size: 150px
}


/*=================
    BANNER
===================*/

.banner {
	color: #f9f9f9;
	font-size: 235px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1em;
	letter-spacing: 10px;
}

@-webkit-keyframes marquee-scroll {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
	}
}

@keyframes marquee-scroll {
	0% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	100% {
		-webkit-transform: translate(-100%, 0);
		transform: translate(-100%, 0);
	}
}

.marquee {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}

.marquee .stretch--resizer {
	overflow: visible !important;
	-webkit-animation: marquee-scroll 20s infinite linear;
	animation: marquee-scroll 20s infinite linear;
	line-height: 1;
}

.marquee .stretch--resizer:nth-child(2) {
	position: absolute;
	left: 100%;
	top: 0;
	height: 100%;
	width: 100%;
}

.marquee-inner {
	padding: 0 0.15em;
}


/*======================
    ANIMATED WAVE
========================*/

.wave {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}

.wave+.wave {
	z-index: 2;
}

.animated-wave-js {
	height: 250px;
}

.flip-v {
	-moz-transform: scaleY(-1);
	-o-transform: scaleY(-1);
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
	filter: FlipV;
}


/*======================
    REVEAL
========================*/

.zanaya-reveal {
	visibility: hidden;
}

.zanaya-reveal.visible {
	visibility: visible;
}

.block-revealer__element {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	pointer-events: none;
	opacity: 0;
}

.reveal-flex.center-lg {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}

.reveal-flex.left-lg {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.reveal-flex.right-lg {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
}

@media (max-width: 1199px) {
	.reveal-flex.center-md {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: column;
	  align-items: center;
	}
	.reveal-flex.left-md {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: row;
	}
	.reveal-flex.right-md {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: row-reverse;
	}
}

@media (max-width: 991px) {
	.reveal-flex.center-sm {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: column;
	  align-items: center;
	}
	.reveal-flex.left-sm {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: row;
	}
	.reveal-flex.right-sm {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: row-reverse;
	}
}

@media (max-width: 767px) {
	.reveal-flex.center-xs {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: column;
	  align-items: center;
	}
	.reveal-flex.left-xs {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: row;
	}
	.reveal-flex.right-xs {
	  display: flex;
	  flex-wrap: wrap;
	  flex-direction: row-reverse;
	}
}


/*======================
    LAVA
========================*/

.zanaya-lava-canvas {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}

.zanaya-lava-canvas.disabled {
	z-index: -100;
	visibility: hidden;
}


/*=================
    LAZYLOAD
===================*/

.lazyload {
	opacity: 0;
	transform: translateY(60px);
	transition: opacity 0.6s, transform 0.6s;
	transition-timing-function: ease;
}

.lazyload.loaded {
	opacity: 1;
	transform: translateY(0);
	transition: opacity 0.6s, transform 0.6s;
	transition-timing-function: ease;
}

body:not(.zanaya-builder-editor-body-2) .lazyload-bg:not(.loaded),
body:not(.zanaya-builder-editor-body-2) .defer-bg:not(.loaded) {
	background-image: none !important;
}

/*=================
    SPACING
===================*/

.zanaya-rev-slider-space-reserve {
	min-height: 100vh;
}

.z-spacer-section {
	min-height: 15px
}

.z-mh-0 {
	min-height: 0;
}

.z-mt-0 {
	margin-top: 0;
}

.z-mt-1 {
	margin-top: 0.25rem;
}

.z-mt-2 {
	margin-top: 0.5rem;
}

.z-mt-2rem {
	margin-top: 2rem;
}

.z-mt-3 {
	margin-top: 1rem;
}

.z-mt-4 {
	margin-top: 1.5rem;
}

.z-mt-5 {
	margin-top: 3rem;
}

.z-mt-6 {
	margin-top: 4rem;
}

.z-mt-6 {
	margin-top: 7rem;
}

.z-mb-0 {
	margin-bottom: 0;
}

.z-mr-1 {
	margin-right: 0.25rem;
}

.z-mr-4 {
	margin-right: 1.5rem;
}

.z-mb-2 {
	margin-bottom: 0.5rem;
}

.z-mb-3 {
	margin-bottom: 1rem;
}

.z-mb-4 {
	margin-bottom: 1.5rem;
}

.z-mb-5 {
	margin-bottom: 3rem;
}

.z-pl-0 {
	padding-left: 0;
}

.z-pr-0 {
	padding-right: 0;
}

.z-pt-0 {
	padding-top: 0;
}

.z-pb-0 {
	padding-bottom: 0;
}

.z-pt-1 {
	padding-top: 0.25rem;
}

.z-pt-2 {
	padding-top: 0.5rem;
}

.z-pt-3 {
	padding-top: 1rem;
}

.z-pb-3 {
	padding-bottom: 1rem;
}

.z-pb-5 {
	padding-bottom: 3rem;
}

.z-pl-2rem {
	padding-left: 2rem;
}

.z-pr-2rem {
	padding-right: 2rem;
}

.z-pl-5 {
	padding-left: 3rem;
}

@media (max-width: 1199px) {
	.z-pl-md-0 {
		padding-left: 0;
	}
	.z-pr-md-0 {
		padding-right: 0;
	}
}

@media (max-width: 991px) {
	.z-mt-sm-4 {
		margin-top: 1.5rem;
	}
	.z-mb-sm-4 {
		margin-bottom: 1.5rem;
	}
	.z-mt-sm-5 {
		margin-top: 3rem;
	}
	.z-mb-sm-5 {
		margin-bottom: 3rem;
	}
	.z-pl-sm-0 {
		padding-left: 0;
	}
	.z-pr-sm-0 {
		padding-right: 0;
	}
	.z-pl-sm-2 {
		padding-left: 0.5rem;
	}
	.z-pr-sm-2 {
		padding-right: 0.5rem;
	}
	.z-pl-sm-3 {
		padding-left: 1rem;
	}
	.z-pr-sm-3 {
		padding-right: 1rem;
	}
}

@media (max-width: 767px) {
	.z-mt-xs-0 {
		margin-top: 0rem;
	}
	.z-mb-xs-0 {
		margin-bottom: 0rem;
	}
	.z-mt-xs-1 {
		margin-top: 0.25rem;
	}
	.z-mb-xs-1 {
		margin-bottom: 0.25rem;
	}
	.z-mt-xs-2 {
		margin-top: 0.5rem;
	}
	.z-mb-xs-2 {
		margin-bottom: 0.5rem;
	}
	.z-mt-xs-3 {
		margin-top: 1rem;
	}
	.z-mb-xs-3 {
		margin-bottom: 1rem;
	}
	.z-mt-xs-4 {
		margin-top: 1.5rem;
	}
	.z-mb-xs-4 {
		margin-bottom: 1.5rem;
	}
	.z-mt-xs-5 {
		margin-top: 3rem;
	}
	.z-mb-xs-5 {
		margin-bottom: 3rem;
	}
	.z-mt-xs-6 {
		margin-top: 4.5rem; /* used for sidbar in mobile mode */
	}
	.z-pl-xs-0 {
		padding-left: 0;
	}
	.z-pr-xs-0 {
		padding-right: 0;
	}
	.z-pl-xs-1 {
		padding-left: 0.25rem;
	}
	.z-pr-xs-1 {
		padding-right: 0.25rem;
	}
}

.z-pl-15 {
	padding-left: 15px;
}

.z-pr-15 {
	padding-right: 15px;
}

.z-np {
	padding: 0;
}


/*  
---------------------------------------------------------------------------
*  Theme Name: Splent - Responsive Multi Purpose Templates w page builder *
*  Author: NouvelloThemes                                                 *
*  Description: Layout, templates, presets																*
*  Version: 1.0.0                                                         *
---------------------------------------------------------------------------
*/


/*--------------------------------------------------------------

# Primary colors
# Builder custom classes
# Hover effects
# Links
# Bordered Images
# Single posts - social sharing
# Breadcrumbs
# Pagination
# Menu dropdown animations
# Widgets designs
# Dark skin rules
# Site footer & colophon
# Post layouts
# Custom widgets
# 404, 403 pages
# Custom offsets
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Primary colors
--------------------------------------------------------------*/

.zanaya-primary-text-color {
	color: rgb(193, 24, 255);
	color: var(--primary);
}

.zanaya-primary-text-color.hover:hover {
	transition: color 0.25s ease;
	color: rgb(230, 63, 100);
	color: var(--secondary);
}

.zanaya-secondary-text-color {
	color: rgb(230, 63, 100);
	color: var(--secondary);
}

.zanaya-primary-bg-color {
	background-color: rgb(230, 63, 100);
	background-color: var(--secondary);
}

.zanaya-primary-bg-color.bg-hover:hover {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
}

.zanaya-primary-bg-color.bg-gradient {
	background-image: linear-gradient(160deg, rgb(193, 24, 255) 37%, rgb(230, 63, 100) 100%);
	background-image: linear-gradient(160deg, var(--primary) 37%, var(--secondary) 100%);
}

.zanaya-primary-bg-color.bg-gradient.bg-hover:hover {
	background-image: linear-gradient(340deg, rgb(193, 24, 255) 37%, rgb(230, 63, 100) 100%);
	background-image: linear-gradient(340deg, var(--primary) 37%, var(--secondary) 100%);
}


/*--------------------------------------------------------------
# Builder custom classes
--------------------------------------------------------------*/

.zanaya-uppercase {
	text-transform: uppercase;
}

.zanaya-lowercase {
	text-transform: lowercase;
}

.zanaya-dropcap:first-of-type:first-letter {
	height: 0.7em;
	margin: 0.08em 0 -0.05em 0;
	padding: 0 0.065em 0 0;
	font-size: 5em;
	line-height: 0.85em;
	float: left;
	margin-right: 15px;
	text-transform: uppercase;
}

.zanaya-dropcap-preset-2:first-of-type:first-letter {
	line-height: 0.6em;
	float: left;
	padding: 0.78em 0.65em;
	font-size: 3em;
	font-weight: 700;
	background-color: #000;
	color: #fff;
	margin-right: 10px;
	margin-top: 8px;
	text-transform: uppercase;
}

.zanaya-dropcap-preset-3:first-of-type:first-letter {
	line-height: 0.6em;
	float: left;
	padding: 0.78em 0.65em;
	font-size: 3em;
	font-weight: 700;
	background-image: linear-gradient(28deg, var(--secondary) 2%, var(--primary) 38%, var(--pink) 98%);
	color: #fff;
	margin-right: 10px;
	margin-top: 8px;
	text-transform: uppercase;
}

.zanaya-dropcap-preset-4:first-of-type:first-letter {
	color: var(--primary);
	line-height: 0.6em;
	float: left;
	padding: 0.1em 0.4em;
	font-size: 5em;
	font-weight: 700;
	margin-right: 10px;
	margin-top: 8px;
}

.zanaya-dropcap-preset-5:first-of-type:first-letter {
	color: #333;
	line-height: 0.9em;
	float: left;
	padding: 0.3em 0.3em 0.2em 0.3em;
	font-size: 5em;
	font-weight: 700;
	margin-right: 25px;
	margin-top: 8px;
	border: 2px solid #333;
	text-transform: uppercase;
}

.zanaya-dropcap-preset-6:first-of-type:first-letter {
	line-height: 0.4em;
	float: left;
	padding: 0.58em 0.45em;
	font-size: 3em;
	font-weight: 700;
	color: #666;
	margin-right: 10px;
	margin-top: 8px;
	text-transform: uppercase;
  border: 8px solid;
  border-image-source: linear-gradient(45deg, var(--secondary), var(--primary));
  border-image-slice: 1;
}

.zanaya-regular {
	font-weight: 400;
}

.zanaya-bold {
	font-weight: 700;
}

.zanaya-thin {
	font-weight: 300;
}

.zanaya-pad0 {
	padding: 0;
}

.zanaya-margin0 {
	margin: 0;
}

.vertical-text {
	transform: rotate(-90deg);
	transform-origin: left bottom;
}

.vertical-text-right {
	transform: rotate(-90deg);
	transform-origin: right top;
	float: right;
}

.vertical-text-center {
	transform: rotate(-90deg);
	display: block;
}

.letter-spacing-1 {
	letter-spacing: 1px;
}

.letter-spacing-2 {
	letter-spacing: 2px;
}

.z-pl-2rem {
	padding-left: 2rem;
}

.img-round {
	border-radius: 100%;
}

.zanaya-form-element.border-radius-0 {
	border-radius: 0;
}

.col-children-flex-center{
	display: flex;
	justify-content: center;
	align-items: center;
}


/*--------------------------------------------------------------
# Hover effects
--------------------------------------------------------------*/

.transition {
	transition: all .3s ease;
}

.hover-shadow:hover {
	-webkit-box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 50px 0 rgba(0, 0, 0, 0.2);
}

.col-hover-wider:hover {
	margin-left: -15px !important;
	width: calc(100% + 30px) !important;
}

.polygon-right {
	-webkit-clip-path: polygon(-webkit-calc(100% - 120px) 0, 100% 50%, -webkit-calc(100% - 120px) 100%, 0 100%, 0 0);
	clip-path: polygon(calc(100% - 120px) 0, 100% 50%, calc(100% - 120px) 100%, 0 100%, 0 0);
}

.polygon-left {
	-webkit-clip-path: polygon(120px 0, 100% 0, 100% 100%, 120px 100%, 0 50%);
	clip-path: polygon(120px 0, 100% 0, 100% 100%, 120px 100%, 0 50%);
}

.triangle-up {
	-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.triangle-down {
	-webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
}

.vertical-center {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	max-width: calc(100% - 30px);
}


/* additional style rules and customizations */

.basic-theme .carousel-control-icon.right-side.z-mr-15 {
	margin-right: 15px;
}

#secondary .splent-posts-widget .zanaya-row.row.z-pr-0,
#secondary .splent-wc-widget .zanaya-row.row.z-pr-0,
#secondary .splent-portfolio-widget .zanaya-row.row.z-pr-0 {
	padding-right: 15px;
	/* cancel padding right 0. set back at 15 for post widgets carousel layout when in sidebar */
}

#secondary .basic-theme .carousel-control-icon.right-side.z-mr-15 {
	margin-right: 0px;
}


/* blank post image */

.zanaya-blank-image.full-width {
	min-width: 100%
}


/* contact form */

.input-error {
	border-color: red !important;
}

.video-format p {
	padding: 0;
}


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

.hover-primary:hover {
	transition: color 0.25s ease;
	color: rgb(193, 24, 255);
	color: var(--primary);
}

.zanaya-link {
	color: rgb(193, 24, 255);
	color: var(--primary);
	text-decoration: none;
}

.zanaya-link:hover {
	transition: color 0.25s ease;
	color: rgb(230, 63, 100);
	color: var(--secondary);
	text-decoration: none;
}

.zanaya-link:focus {
	color: rgb(230, 63, 100);
	color: var(--secondary);
	text-decoration: none;
}


/*--------------------------------------------------------------
# Bordered Images
--------------------------------------------------------------*/

.bordered-img_1 {
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 30px;
}

.bordered-img_2_span {
	font-weight: 400;
	font-family: Playfair Display;
}

.bordered-img_2 {
	border: 10px solid rgb(193, 24, 255);
	border: 10px solid var(--primary);
}

.bordered-img_2.white {
	border-color: #fff;
	border-color: var(--white);
}

.bordered-img_2.shadow {
	box-shadow: rgb(102, 102, 102) 0px 0px 10px 0px;
}

.bordered-img_3 {
	background-image: linear-gradient(90deg, var(--secondary) 0.1%, rgb(193, 24, 255) 51%, rgb(255, 118, 118) 97%);
	background-image: linear-gradient(90deg, rgb(230, 63, 100) 0.1%, var(--primary) 51%, rgb(255, 118, 118) 97%);
	padding: 15px;
}

.bordered-img_3_span {
	font-weight: 400;
	font-family: Playfair Display;
}

.bordered-img_4.full-shadow {
	box-shadow: rgb(102, 102, 102) 5px 5px 8px 0px;
}

.bordered-img_4.half-shadow {
	box-shadow: rgb(193, 24, 255) -13px -12px 0px 0px;
	box-shadow: var(--primary) -13px -12px 0px 0px;
}

.bordered-img_4_span {
	font-weight: 400;
}

.bordered-img_5_span {
	font-weight: 400;
	font-family: Playfair Display;
}

.gradient-divider {
	background-image: linear-gradient(90deg, rgb(193, 24, 255) 0.1%, rgb(255, 118, 118) 77%);
	background-image: linear-gradient(90deg, var(--primary) 0.1%, var(--pink) 77%);
}

.bordered-img_5_bg {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../../data/uploads/img/face3.jpg");
	min-height: 360px;
}

.bordered-img_5_bg .border {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	width: calc(100% - 20px);
	border: 7px solid rgb(193, 24, 255);
	border: 7px solid var(--primary);
}

.bordered-img_5_bg .border.pink {
	border-color: rgb(255, 118, 118);
	border-color: var(--pink);
}

.bordered-img_6_bg {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)), url("../../data/uploads/img/face3.jpg");
	min-height: 360px;
}

.bordered-img_6_bg .border {
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	width: calc(100% - 20px);
	border: 3px solid rgb(193, 24, 255);
	border: 3px solid var(--primary);
}

.bordered-img_6_bg .border.white {
	border-color: #fff;
	border-color: var(--white);
}

.bordered-img_6_span {
	font-weight: 400;
}


/*--------------------------------------------------------------
# Single posts - social sharing
--------------------------------------------------------------*/

.single-post-date-title {
	color: rgb(213, 213, 213);
	text-transform: capitalize;
}

body.rtl .single-post-date-title{
	display: inline-block;
}
.single-post-meta-small {
	color: rgb(170, 170, 170);
}

body.rtl .single-post-meta-small,
body.rtl .single-post-meta-small .author.vcard {
	display: inline-block;
}

.single-post-meta-small a:hover,
.single-post-meta-small2 a:hover {
	transition: color 0.25s ease;
	color: rgb(193, 24, 255);
	color: var(--primary);
}

.single-post-meta-icon {
	font-size: 9px;
}

.single-post-meta-icon.genericon { /* jetpack support */
	vertical-align: inherit;
  text-align: inherit;
	line-height: inherit;
	-webkit-font-smoothing: inherit;
	font-weight: 400;
  font-style: inherit;
}

.single-post-tag:not(.bordered) {
	margin: 6px 10px 0px 0px;
	padding-bottom: 6px;
	color: #999;
	text-transform: capitalize;
}

body.rtl .single-post-tag:not(.bordered){
	margin: 6px 0px 0px 10px;
}

.single-post-tag.bordered {
	padding: 5px 10px 5px 0px;
	border: 1px solid rgb(153, 153, 153);
	text-transform: capitalize;
}

body.rtl .single-post-tag.bordered {
	padding: 5px 0px 5px 10px;
}	

.single-post-social-share .zanaya-icon {
	border-style: none;
	padding: 0px;
	/*  float: right;*/
	margin-left: 10px;
	margin-right: 10px;
	color: rgb(51, 51, 51);
}

.single-post-social-share .zanaya-icon:hover {
	color: rgb(193, 24, 255);
	color: var(--primary);
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
}


.single-post-social-share.round .zanaya-icon {
  color: rgb(255, 255, 255);
  font-size: 15px;
  line-height: 30px;
  margin-left: auto;
  margin-right: auto;
}

.single-post-social-share.round .custom-share-button {
	background-color: var(--primary);
	width: 30px;
	height: 30px;
	border-radius: 100%;
	margin-left: 3px;
	margin-right: 3px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.custom-share-button.first,
.custom-share-button.first .zanaya-icon,
.single-post-social-share.round .custom-share-button.first {
	margin-left: 0;
}

.custom-share-button.last,
.custom-share-button.last .zanaya-icon,
.single-post-social-share.round .custom-share-button.last {
	margin-right: 0;
}

/* social icon colors */

.single-post-social-share .custom-share-button.facebook{
	background-color: #3B5998;
}
.single-post-social-share .custom-share-button.twitter{
	background-color: #55ACEE;
}
.single-post-social-share .custom-share-button.instagram{
	background-color: #E4405F;
}
.single-post-social-share .custom-share-button.pinterest{
	background-color: #BD081C;
}
.single-post-social-share .custom-share-button.behance{
	background-color: #007EFF;
}
.single-post-social-share .custom-share-button.dribbble{
	background-color: #E84C88;
}
.single-post-social-share .custom-share-button.flickr{
	background-color: #FF0084;
}
.single-post-social-share .custom-share-button.foursquare{
	background-color: #F94877;
}
.single-post-social-share .custom-share-button.github{
	background-color: #2A2A2A;
}
.single-post-social-share .custom-share-button.google-plus{
	background-color: #DD4B39;
}
.single-post-social-share .custom-share-button.linkedin{
	background-color: #007BB5;
}
.single-post-social-share .custom-share-button.linkedin-company{
	background-color: #007BB5;
}
.single-post-social-share .custom-share-button.medium{
	background-color: #2A2A2A;
}
.single-post-social-share .custom-share-button.snapchat{
	background-color: #2A2A2A;
}
.single-post-social-share .custom-share-button.tumblr{
	background-color: #35465C;
}
.single-post-social-share .custom-share-button.vimeo{
	background-color: #1AB7EA;
}
.single-post-social-share .custom-share-button.youtube{
	background-color: #FF0000;
}
.single-post-social-share .custom-share-button.youtube-channel{
	background-color: #FF0000;
}
.single-post-social-share .custom-share-button.rss-feed{
	background-color: #e3702d;
}

.author-info-section .author-info {
	border-bottom: 1px solid rgb(240, 240, 240);
	border-top: 1px solid rgb(240, 240, 240);
	padding-top: 41px;
	padding-bottom: 20px;
	min-height: 177px;
}

.single-post-layout4-gallery .zanaya-gallery-item:hover .zanaya-caption-wrap {
	background-color: rgba(0, 0, 0, 0);
	transition: background 1s ease;
}

.thin-divider {
	background-image: linear-gradient(rgb(193, 24, 255), rgb(239, 239, 239) 0.1%);
	margin-top: 15px;
	margin-bottom: 15px;
	height: 1px;
}

.thin-divider-dark {
	background-image: linear-gradient(rgb(193, 24, 255), rgb(225, 225, 225) 0.1%);
	margin-top: 15px;
	margin-bottom: 15px;
	height: 1px;
}

.thin-divider.z-mt-0{
	margin-top: 0px;
}

.readmore-icon {
	margin-left: 10px;
	position: relative;
	top: 1px;
}

body.rtl .readmore-icon{
	margin-left: 0px;
	margin-right: 10px;	
}

.post-layout-2-title-col {
	margin-top: -100px;
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.65) 0.1%);
}

.post-layout-2-title {
	margin-top: 0.8rem;
	margin-bottom: 1.25rem;
}

@media only screen and (max-width: 767px) {
	.post-layout-2-title {
		font-size: 1.7rem;
	}
}


/* single post - portfolio */

.single-post-portfolio-layout-3 .zanaya-post-title h2 {
	color: rgb(0, 0, 0);
	font-size: 5.3rem;
	line-height: 1.5;
	text-indent: -7px;
	margin-top: -20px;
}

.single-post-portfolio-layout-3 .zanaya-post-title h5{
	margin-top: -15px;
}

.single-post-portfolio-layout-3 .zanaya-post-featured-image img{
	min-width: 100%;
}

.single-post-portfolio-layout-3 .single-post-social-share{
	margin-top: -18px;
}

@media only screen and (max-width: 921px) {
	.single-post-portfolio-layout-3 .zanaya-post-title h2 {
		font-size: 3.7rem;
		text-indent: -4px;
	}
}

@media only screen and (max-width: 767px) {
	.single-post-portfolio-layout-3 .zanaya-post-title h2 {
		font-size: 2.7rem;
		text-indent: -3px;
		margin-top: -5px;
		margin-bottom: -5px;
	}

	.single-post-portfolio-layout-3 .single-post-social-share{
		margin-top: -7px;
	}

	.single-post-portfolio-layout-3 .zanaya-post-title h5{
		margin-top: 1rem;
	}

}

@media only screen and (max-width: 400px) {
	.single-post-portfolio-layout-3 .zanaya-post-meta.date{
		display: none;
	}
	.single-post-portfolio-layout-3 .single-post-social-share{
		margin-top: 7px;
		width: 100%;
	}
	.single-post-portfolio-layout-3 .single-post-social-share .share-links{
		float: left !important;
	}
}

.single-post-portfolio-layout-4 .single-post-social-share,
.single-post-portfolio-layout-5 .single-post-social-share{
	margin-top: 35px;
	margin-bottom: 40px;
}

.single-post-portfolio-layout-5 .zanaya-masonry-item.double-width {
	width:100% !important;
}

/* single post - flipbox */

.classMark_icon_RDOb43 {
	padding-right: 8px;
}

.classMark_icon_atwUHe {
	padding-left: 8px;
	padding-right: 8px;
}


/* single post - masonry alternate */

.slr__blog-8_icon {
	padding-right: 10px;
}

body.rtl .slr__blog-8_icon {
	padding-right: 0px;
	padding-left: 10px;	
}

/* single post - layout 5 */

@media only screen and (min-width: 992px) {
	.has-right-sidebar .classMark_single-post-5_column {
		padding-left: 50px;
	}
}


/* single post - layout 6 */

@media screen and (min-width: 768px) {
	.classMark_single-post-6_section {
		background-attachment: fixed;
		min-height: 450px;
	}
}

.zanaya-row-group:not(.container) .classMark_single-post-6_section {
	/* full width layout only */
	top: -50px;
	/* align featured image to top */
	left: -50px;
	width: calc(100% + 100px);
}

.text-white .cat-links a {
	color: #fff;
}

.text-white .cat-links a:hover {
	transition: color 0.25s ease;
	color: rgb(193, 24, 255);
	color: var(--primary);
}

.text-black {
	color: #000;
}

.line-height-sm {
	line-height: 1.5;
}

.line-height-sm-md {
	line-height: 1.75;
}

.line-height-md {
	line-height: 2;
}

.line-height-lg {
	line-height: 2.5;
}

.line-height-xl {
	line-height: 3;
}

.author,
.category header:first-child {
	border-bottom: 0;
}

.author-avatar {
	min-width: 60px;
}

/* single post author role */

.splent-sub-title{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  font-weight: 400;
  text-transform: uppercase;
  color: #a7a9b8;
}

.author-role{
  font-size: 70%;
}    


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/

.breadcrumbs-link:not(.bread-current):hover {
	color: rgb(193, 24, 255);
	color: var(--primary);
	text-decoration: line-through;
}

.bread-current {
	/*font-weight: 700;*/
}

@media screen and (min-width: 768px) {
	.breadcrumbs-dynamic-links {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

.breadcrumbs-dynamic-links {
	position: relative;
	display: block;
}


/*--------------------------------------------------------------
# Pagination - elements pagination demo page.
--------------------------------------------------------------*/

/* pagination */
.zanaya-pagination,
.pagination-1,
.pagination-2,
.pagination-3,
.pagination-4,
.pagination-5,
.pagination-6,
.pagination-7,
.pagination-8 {
	margin-top: 0px;
}

.pagination-1, 
.pagination-2 {
	box-shadow: rgb(221, 211, 211) 0px 0px 5px 0px;
	padding-top: 2px;
	padding-bottom: 6px;
}
body.dark .pagination-1, 
body.dark .pagination-2 {
	box-shadow: none;
}

.pagination-1 .page-num{
	width: 34px;
	height: 34px;
	line-height: 34px;
	text-align: center;
	margin-top: 12px; 
	margin-bottom: 4px; 
	margin-left: 2px;
	margin-right: 2px;
	display: inline-block; 
	color: var(--primary); 
	font-weight: 700; 
	border: 1px solid var(--primary);
}

.pagination-1 .page-num:hover{
	color: var(--secondary);
}

.pagination-1 .page-num.active{
	background-color: rgb(238, 238, 238);
}

.pagination-1 .dots{
	padding-top: 6px; 
	padding-bottom: 0px; 
	border-width: 0px;
	border-width: 0px;
}

.pagination-1 .pagination-prev a{
	margin-right: 10px;
}

.pagination-1 .pagination-next a{
	margin-right: -40px;
}

.pagination-2 .page-num {
	max-width: none;
	display: inline-block;
	color: rgb(193, 24, 255);
	color: var(--primary);
	font-weight: 700;
	font-style: normal;
	margin-top: 12px;
	margin-bottom: 4px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-color: #fff;
	border-color: var(--white);
}

.pagination-2 .page-num{
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}

.pagination-1 .page-num.active,
.pagination-2 .page-num.active {
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
}

.pagination-1 .prev-page,
.pagination-2 .prev-page {
	padding-left: 0;
	font-size: 20px;
	border-width: 2px;
	border-style: none;
	margin-top: 2px;
}

.pagination-1 .next-page,
.pagination-2 .next-page {
	padding-right: 0;
	font-size: 20px;
	border-width: 2px;
	border-style: none;
	margin-top: 2px;
}

.pagination-3 {
	padding-top: 5px;
}

.pagination-3 .page-num {
	display: inline-block;
	color: rgb(0, 0, 0);
	font-weight: 500;
	font-style: normal;
	padding-left: 4px;
	padding-right: 5px;
	font-size: 18px;
	margin-top: 10px;
}

.pagination-3 .page-num.active {
	color: rgb(193, 24, 255);
	color: var(--primary);
}

.pagination-3 .prev-page {
	border-radius: 0px;
	border-style: none;
	padding: 1em;
	font-size: 30px;
	padding-top: 8px;
	padding-left: 0.55em;
	padding-bottom: 8px;
	padding-right: 0.55em;
	border-width: 3px;
	background-image: linear-gradient(28deg, rgb(230, 63, 100) 2%, rgb(193, 24, 255) 38%, rgb(255, 118, 118) 98%);
	background-image: linear-gradient(28deg, var(--secondary) 2%, var(--primary) 38%, var(--pink) 98%);
	color: #fff;
	color: var(--white);
}

.pagination-3 .prev-page:hover {
	background-image: linear-gradient(228deg, rgb(230, 63, 100) 2%, rgb(193, 24, 255) 38%, rgb(255, 118, 118) 98%);
	background-image: linear-gradient(228deg, var(--secondary) 2%, var(--primary) 38%, var(--pink) 98%);
	color: #fff;
	color: var(--white);
}

.pagination-3 .next-page {
	border-radius: 0px;
	border-style: none;
	padding: 1em;
	font-size: 30px;
	padding-top: 8px;
	padding-left: 0.55em;
	padding-bottom: 8px;
	padding-right: 0.55em;
	border-width: 3px;
	background-image: linear-gradient(28deg, rgb(230, 63, 100) 2%, rgb(193, 24, 255) 38%, rgb(255, 118, 118) 98%);
	background-image: linear-gradient(28deg, var(--secondary) 2%, var(--primary) 38%, var(--pink) 98%);
	color: #fff;
	color: var(--white);
	text-indent: 2px;
}

.pagination-3 .next-page:hover {
	background-image: linear-gradient(228deg, rgb(230, 63, 100) 2%, rgb(193, 24, 255) 38%, rgb(255, 118, 118) 98%);
	background-image: linear-gradient(228deg, var(--secondary) 2%, var(--primary) 38%, var(--pink) 98%);
	color: #fff;
	color: var(--white);
}

.pagination-3_divider {
	margin-top: 0px;
	background-image: linear-gradient(90deg, rgb(193, 24, 255) 0.1%, rgb(230, 63, 100) 59%, rgb(255, 118, 118) 91%);
	background-image: linear-gradient(90deg, var(--primary) 0.1%, var(--secondary) 59%, var(--pink) 91%);
	width: 64%;
}

.pagination-4 {
	padding-top: 6px;
	border-radius: 57px;
	box-shadow: rgb(221, 211, 211) 0px 0px 14px 0px;
	padding-bottom: 8px;
	padding-left: 7px;
	padding-right: 7px;
}

.pagination-4 .page-num {
	display: inline-block;
	color: rgb(0, 0, 0);
	font-weight: 500;
	font-style: normal;
	padding-left: 4px;
	padding-right: 5px;
	font-size: 18px;
	margin-top: 12px;
}

.pagination-4 .page-num.active {
	color: rgb(193, 24, 255);
	color: var(--primary);
}

.pagination-4 .prev-page {
	border-style: none;
	padding: 1em;
	font-size: 30px;
	padding-top: 8px;
	padding-left: 14px;
	padding-bottom: 8px;
	padding-right: 19px;
	border-width: 3px;
	background-image: linear-gradient(28deg, rgb(230, 63, 100) 2%, rgb(193, 24, 255) 38%, rgb(255, 118, 118) 98%);
	background-image: linear-gradient(28deg, var(--secondary) 2%, var(--primary) 38%, var(--pink) 98%);
	color: #fff;
	color: var(--white);
	border-radius: 50%;
	text-indent: 2px;
}

.pagination-4 .prev-page:hover {
	background-image: linear-gradient(228deg, rgb(230, 63, 100) 2%, rgb(193, 24, 255) 38%, rgb(255, 118, 118) 98%);
	background-image: linear-gradient(228deg, var(--secondary) 2%, var(--primary) 38%, var(--pink) 98%);
	color: #fff;
	color: var(--white);
}

.pagination-4 .next-page {
	border-style: none;
	padding: 1em;
	font-size: 30px;
	padding-top: 8px;
	padding-left: 19px;
	padding-bottom: 8px;
	padding-right: 14px;
	border-width: 3px;
	background-image: linear-gradient(28deg, rgb(230, 63, 100) 2%, rgb(193, 24, 255) 38%, rgb(255, 118, 118) 98%);
	background-image: linear-gradient(28deg, var(--secondary) 2%, var(--primary) 38%, var(--pink) 98%);
	color: #fff;
	color: var(--white);
	border-radius: 50%;
	text-indent: 2px;
}

.pagination-4 .next-page:hover {
	background-image: linear-gradient(228deg, rgb(230, 63, 100) 2%, rgb(193, 24, 255) 38%, rgb(255, 118, 118) 98%);
	background-image: linear-gradient(228deg, var(--secondary) 2%, var(--primary) 38%, var(--pink) 98%);
	color: #fff;
	color: var(--white);
}

.pagination-5 {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.72) 0%), url(../../assets/img/dancing2.png);
	border-top-left-radius: 83px;
	border-top-right-radius: 83px;
	border-bottom-left-radius: 83px;
	border-bottom-right-radius: 83px;
	color: #fff;
	color: var(--white);
	background-size: cover;
}

.pagination-5 .page-num {
	font-size: 18px;
	color: #fff;
	color: var(--white);
	font-weight: 600;
	font-style: normal;
	display: inline-block;
	padding: 16px;
	margin-top: 4px;
	border-bottom-width: 3px;
	border-color: rgba(0, 0, 0, 0);
}

.pagination-5 .page-num.active {
	border-color: rgb(230, 63, 100);
	border-color: var(--secondary);
}

.pagination-5 .page-num.dots {
	letter-spacing: 3px;
}

.pagination-5 .prev-page {
	border-style: none;
	padding: 0px;
	color: #fff;
	color: var(--white);
	padding-top: 18px;
	padding-right: 0.55em;
	padding-bottom: 0.55em;
	padding-left: 0.55em;
	font-size: 30px;
	border-width: 3px;
}

.pagination-5 .prev-page:hover {
	color: rgb(230, 63, 100);
	color: var(--secondary);
}

.pagination-5 .next-page {
	border-style: none;
	padding: 0px;
	color: #fff;
	color: var(--white);
	padding-top: 18px;
	font-size: 30px;
	padding-left: 0.55em;
	padding-bottom: 0.55em;
	padding-right: 0.55em;
	border-width: 3px;
}

.pagination-5 .next-page:hover {
	color: rgb(230, 63, 100);
	color: var(--secondary);
}

@media only screen and (max-width: 400px) {
	.pagination-5 .page-num.dots.dots-xs {
		padding: 0px;
	}
	.pagination-5 .page-num.dots.dots-xs:hover {}
}


.pagination-6 {
	box-shadow: rgb(221, 211, 211) 0px 0px 5px 0px;
}

body.rtl .pagination-6 .zanaya-responsive-pagination{
	padding-right: 25px;
}

.pagination-6 .page-num {
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	color: rgb(193, 24, 255);
	color: #666;
	font-weight: 700;
	margin: 12px -11px 14px 15px;
	border: 1px solid rgb(193, 24, 255);
	border: 1px solid var(--primary);
}

.pagination-6 .page-num:hover,
.pagination-6 .page-num:hover i{
	color: #fff;
}

.pagination-6 .page-num.active {
	color: #fff;
	background-color: var(--primary);
}

.pagination-6 .page-num.dots {
	padding-top: 6px;
	padding-bottom: 0px;
	border-width: 0px;
}

.pagination-6 .prev-page {
	margin-left: -40px;
	margin-right: 35px;
	margin-top: 18px;
	font-size: 20px;
	border-style: none;
	padding: 0px;
}

body.rtl .pagination-6 .prev-page{
	margin-right: -40px;
	margin-left: 35px;
}

.pagination-6 .next-page {
	margin-top: 18px;
	font-size: 20px;
	border-style: none;
	padding: 0px;
}


.pagination-7 .page-num {
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-left-width: 1px;
	border-width: 1px;
	margin-right: 4px;
	margin-left: 4px;
	background-color: #fff;
	background-color: var(--white);
	border-radius: 50%
}

.pagination-7 .page-num.active {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
	color: #fff;
	color: var(--white);
}

@media only screen and (max-width: 400px) {
	.pagination-7 .page-num.dots.dots-xs {
		padding: 0px;
		border: 0px;
	}
}

.pagination-8 {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.72) 0%);
	border-radius: 83px;
	color: #fff;
	color: var(--white);
	border-color: rgb(230, 63, 100);
	border-color: var(--secondary);
	border-width: 3px;
}

.pagination-8 .page-num {
	font-size: 18px;
	color: #fff;
	color: var(--white);
	font-weight: 600;
	font-style: normal;
	display: inline-block;
	padding: 16px;
	margin-top: 4px;
}

.pagination-8 .page-num.active {
	color: rgb(230, 63, 100);
	color: var(--secondary);
}

.pagination-8 .page-num.dots {
	letter-spacing: 3px;
}

.pagination-8 .prev-page {
	border-style: none;
	padding: 0px;
	color: #fff;
	color: var(--white);
	padding-top: 18px;
	padding-right: 0.55em;
	padding-bottom: 0.55em;
	padding-left: 0.55em;
	font-size: 30px;
	border-width: 3px;
}

.pagination-8 .prev-page:hover {
	color: rgb(230, 63, 100);
	color: var(--secondary);
}

.pagination-8 .next-page {
	border-style: none;
	padding: 0px;
	color: #fff;
	color: var(--white);
	padding-top: 18px;
	font-size: 30px;
	padding-left: 0.55em;
	padding-bottom: 0.55em;
	padding-right: 0.55em;
	border-width: 3px;
}

.pagination-8 .next-page:hover {
	color: rgb(230, 63, 100);
	color: var(--secondary);
}

@media only screen and (max-width: 400px) {
	.pagination-8 .page-num.dots.dots-xs {
		padding: 0px;
	}
	.pagination-8 .page-num.dots.dots-xs:hover {}
}


/*--------------------------------------------------------------
# Menu dropdown animations - non collapsed mode
--------------------------------------------------------------*/

.zanaya-multi-nav:not(.collapsed) .dropdown-menu {
	display: inline-table;
	opacity: 0;
	margin-top: 15px !important;
	pointer-events: none;
}

.zanaya-multi-nav:not(.collapsed) ul.nav li.dropdown:hover>ul.dropdown-menu {
	opacity: 1;
	margin-top: 0px !important;
	pointer-events: all;
}


.zanaya-multi-nav:not(.collapsed) ul.nav li.dropdown.accessibility-opened>ul.dropdown-menu {
	opacity: 1;
	margin-top: 0px !important;
	pointer-events: all;
}



.zanaya-multi-nav:not(.collapsed) .dropdown-menu.mega-dropdown-menu {
	margin-top: 15px !important;
	pointer-events: none;
}

.zanaya-multi-nav:not(.collapsed) ul.nav li.dropdown:hover>ul.dropdown-menu.mega-dropdown-menu {
	margin-top: 0px !important;
	pointer-events: all;
}

.navbar-collapse.in .dropdown-menu:not(.mega-dropdown-menu).depth_0 {
	width: 0px;
	left: 0;
	right: 0;
	min-width: 300px;
}


/* support for collapsed mode with centered links */

.navbar-collapse.in.centered-links .dropdown-menu:not(.mega-dropdown-menu).depth_0 {
	margin: auto;
}


/* mega menu - menu item header */

.menu-item-header {
	margin-top: 6px;
	margin-left: 20px;
}

.menu-item-header.has-icon {
	margin-left: 15px;
}

.zanaya-multi-nav.collapsed .menu-item-header{
	display: none;
}


/* mega-dropdown-hovered */

.zanaya-multi-nav:not(.affix):not(.collapsed).mega-dropdown-hovered {
	background-color: rgba( 255, 255, 255, 0.3);
}


/* megamenu - inner-col min-height disabling - used for auto devide columns mode */

.col-min-height-auto .zanaya-inner-col {
	min-height: auto;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
	background: transparent;
}

.zanaya-megamenu .featured-img {
	margin-bottom: 20px;
}

.zanaya-multi-nav .navbar-nav li ul.dropdown-menu li a.zanaya-megamenu {
	line-height: 1.5em;
	padding: 10px 15px;
}

.zanaya-megamenu.sub {
	font-size: 12px;
	padding: 0 15px;
	display: block;
	line-height: 1.5em;
}


/* fancy nav svg settings */

.transition-wrap {
	--path-fill-1: url(#gradient1);
	--path-fill-2: url(#gradient2);
	--path-fill-3: url(#gradient3);
}

.transition-wrap #gradient1 stop{
	stop-color: #00c99b;
}

.transition-wrap #gradient1 stop:nth-child(2){
	stop-color: #ff0ea1;
}

.transition-wrap #gradient2 stop{
	stop-color: #ffd392;
}

.transition-wrap #gradient2 stop:nth-child(2){
	stop-color: #ff3898;
}

.transition-wrap #gradient3 stop{
	stop-color: #110046;
}

.transition-wrap #gradient3 stop:nth-child(2){
	stop-color: #32004a;
}

.transition-wrap.bright #gradient3 stop{
	stop-color: #fff;
}

.transition-wrap.bright #gradient3 stop:nth-child(2){
	stop-color: #fff;
}

.shape-overlays {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: auto;
}

.shape-overlays.is-opened {
	pointer-events: auto;
}

.shape-overlays__path:nth-of-type(1) {
	fill: var(--path-fill-1);
}

.shape-overlays__path:nth-of-type(2) {
	fill: var(--path-fill-2);
}

.shape-overlays__path:nth-of-type(3) {
	fill: var(--path-fill-3);
}

.shape-overlays__path:nth-of-type(4) {
	fill: var(--path-fill-4);
}


/* new nav search transition */

.search__input {
	border: 0;
	background: transparent;
	border-radius: 0;
	-webkit-appearance: none;
}

.search__input:focus {
	outline: none;
}

.zanaya-split-search .search__container {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100vh;
}

.zanaya-split-search .search__container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: rgba(0, 0, 0, 0.3);
}

.search__inner {
	position: absolute;
	width: 100%;
	height: 50%;
	background: #f0f0f0;
	overflow: auto;
	height: 50vh;
}

.search__inner--up {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #dce6e6;
	background: #2d3535;
	padding: 0 50px;
}

.search__inner--down {
	top: 50%;
	color: #dce6e6;
	background: var(--primary);
}

.search__form {
	width: 100%;
	max-width: 900px;
	margin: 0 auto;
}

.search__input {
	font-family: inherit;
	font-size: 7vw;
	line-height: 1;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 0 0 0.1em 0;
	color: inherit;
	border-bottom: 4px solid;
}

.search__input::-webkit-input-placeholder {
	opacity: 0.1;
	/* WebKit, Blink, Edge */
	color: #fff;
	-webkit-transition: opacity .3s linear;
}

.search__input::-moz-placeholder {
	opacity: 0.1;
	/* Mozilla Firefox 19+ */
	color: #fff;
	transition: opacity .5s linear;
}

.search__input:-ms-input-placeholder {
	opacity: 0.1;
	/* Internet Explorer 10-11 */
	color: #fff;
	transition: opacity .5s linear;
}

.search__input::-webkit-search-cancel-button,
.search__input::-webkit-search-decoration {
	-webkit-appearance: none;
}

.search__input::-ms-clear {
	display: none;
}

.search__info {
	font-size: 90%;
	font-weight: 400;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0.85em 0;
	text-align: right;
}

.search__close {
	cursor: pointer;
	text-decoration: underline;
}

.search__close:hover {
	color: var(--primary);
}

.is-mobile .search__close{
	text-decoration: underline;
}

.zanaya-split-search .open-search-wrap {
	transition: transform 0.6s, opacity 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.zanaya-split-search .open-search-wrap--hide {
	opacity: 0;
	transform: scale3d(0.8, 0.8, 1);
}

.zanaya-split-search .search__container {
	pointer-events: none;
}

.zanaya-split-search .search--open {
	pointer-events: auto;
}

.zanaya-split-search .search__container::before {
	opacity: 0;
	transition: opacity 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.zanaya-split-search .search--open::before {
	opacity: 1;
}

.zanaya-split-search .search__inner {
	transition: transform 0.6s;
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.zanaya-split-search .search__inner--up {
	transform: translate3d(0, -100%, 0);
}

.zanaya-split-search .search__inner--down {
	transform: translate3d(0, 100%, 0);
}

.zanaya-split-search .search--open .search__inner {
	transform: translate3d(0, 0, 0);
}


/* menu fullscreen zoom animation */

.magictime {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.magictime.fast {
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
}

.magictime.superfast {
	-webkit-animation-duration: 0.25s;
	animation-duration: 0.25s;
}

@media (print),
(prefers-reduced-motion) {
	.magictime {
		-webkit-animation: unset !important;
		animation: unset !important;
		transition: none !important;
	}
}

.swashIn {
	-webkit-animation-name: swashIn;
	animation-name: swashIn;
}

@-webkit-keyframes swashIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

@keyframes swashIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
}

.swashOut {
	-webkit-animation-name: swashOut;
	animation-name: swashOut;
}

@-webkit-keyframes swashOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0);
	}
}

@keyframes swashOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0);
	}
}

@-webkit-keyframes scaleIn {
  from {
    opacity: 0;
   	transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

@keyframes scaleIn {
  from {
    opacity: 0;
   	transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.2);
  }
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

@-webkit-keyframes scaleOut {
  from {

    transform: scale(1.2);
  }

  50% {

    transform: scale(1);
  }
}

@keyframes scaleOut {
  from {

    transform: scale(1.2);
  }

  50% {

    transform: scale(1);
  }
}

.scaleOut {
  -webkit-animation-name: scaleOut;
  animation-name: scaleOut;
}

@-webkit-keyframes clipRevealLeft {
	0% {
	opacity: 0;
		-webkit-clip-path: inset(0 100% 0 0);
		        clip-path: inset(0 100% 0 0);
	}
  0.1% {
    opacity:1;
  }
	100% {
    opacity:1;
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}

@keyframes clipRevealLeft {
	0% {
	opacity: 0;
		-webkit-clip-path: inset(0 100% 0 0);
		        clip-path: inset(0 100% 0 0);
	}
  0.1% {
    opacity:1;
  }
	100% {
    opacity:1;
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}

.clipRevealLeft {
	opacity: 0;
	-webkit-animation-name: clipRevealLeft;
	        animation-name: clipRevealLeft;
}

@-webkit-keyframes clipRevealRight {
	0% {
	opacity: 0;
		-webkit-clip-path: inset(0 0 0 100%);
		        clip-path: inset(0 0 0 100%);
	}
  0.1% {
    opacity:1;
  }
	100% {
    opacity:1;
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}

@keyframes clipRevealRight {
	0% {
		-webkit-clip-path: inset(0 0 0 100%);
		        clip-path: inset(0 0 0 100%);
	}
  0.1% {
    opacity:1;
  }
	100% {
    opacity:1;
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}

.clipRevealRight {
	opacity: 0;
	-webkit-animation-name: clipRevealRight;
	        animation-name: clipRevealRight;
}


@-webkit-keyframes clipRevealTop {
  0% {
    opacity:0;
		-webkit-clip-path: inset(0 0 100% 0);
		        clip-path: inset(0 0 100% 0);
  }
  0.1% {
    opacity:1;
  }
  100% {
    opacity:1;
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
  }
}

@keyframes clipRevealTop {
  0% {
    opacity:0;
		-webkit-clip-path: inset(0 0 100% 0);
		        clip-path: inset(0 0 100% 0);
  }
  0.1% {
    opacity:1;
  }
  100% {
    opacity:1;
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
  }
}

.clipRevealTop {
	opacity: 0;
	-webkit-animation-name: clipRevealTop;
	        animation-name: clipRevealTop;
}

@-webkit-keyframes clipRevealBottom {
	0% {
	opacity: 0;
		-webkit-clip-path: inset(100% 0 0 0);
		        clip-path: inset(100% 0 0 0);
	}
	0.1% {
    opacity:1;
  }
	100% {
    opacity:1;
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}

@keyframes clipRevealBottom {
	0% {
	opacity: 0;
		-webkit-clip-path: inset(100% 0 0 0);
		        clip-path: inset(100% 0 0 0);
	}
	0.1% {
    opacity:1;
  }
	100% {
    opacity:1;
		-webkit-clip-path: inset(0 0 0 0);
		        clip-path: inset(0 0 0 0);
	}
}

.clipRevealBottom {
	opacity: 0;
	-webkit-animation-name: clipRevealBottom;
	        animation-name: clipRevealBottom;
}


@-webkit-keyframes clipRevealCenterHorizontal {
	0% {
	opacity: 0;
		-webkit-clip-path: polygon(50% 0, 50% 0%, 50% 100%, 50% 100%);
		        clip-path: polygon(50% 0, 50% 0%, 50% 100%, 50% 100%);
	}
	0.1% {
    opacity:1;
  }
	100% {
    opacity:1;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

@keyframes clipRevealCenterHorizontal {
	0% {
	opacity: 0;
		-webkit-clip-path: polygon(50% 0, 50% 0%, 50% 100%, 50% 100%);
		        clip-path: polygon(50% 0, 50% 0%, 50% 100%, 50% 100%);
	}
	0.1% {
    opacity:1;
  }
	100% {
    opacity:1;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

.clipRevealCenterHorizontal {
	opacity: 0;
	-webkit-animation-name: clipRevealCenterHorizontal;
	        animation-name: clipRevealCenterHorizontal;
}


@-webkit-keyframes clipRevealCenterVertical {
	0% {
	opacity: 0;
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
		        clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
	}
	0.1% {
    opacity:1;
  }
	100% {
    opacity:1;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

@keyframes clipRevealCenterVertical {
	0% {
		opacity: 0;
		-webkit-clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
		        clip-path: polygon(0 50%, 100% 50%, 100% 50%, 0 50%);
	}
	0.1% {
    opacity:1;
  }  
	100% {
    opacity:1;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
		        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	}
}

.clipRevealCenterVertical {
	opacity: 0;
	-webkit-animation-name: clipRevealCenterVertical;
	        animation-name: clipRevealCenterVertical;
}


/*--------------------------------------------------------------
# Widgets designs
--------------------------------------------------------------*/

#secondary .widget {
	margin: 0 0 1.5em;
	font-size: 14px;
	padding: 0 0 30px;
}

#secondary.bordered .widget {
	border: 1px solid rgb(225, 225, 225);
	padding: 15px;
}

#secondary .zanaya-posts-widget-3 {
	padding: 0;
}

#secondary.bordered .widget-title {
	margin-top: 5px;
}

#secondary:not(.bordered) .widget-title {
	margin-top: 0;
}

#secondary .widget-title {
	border-bottom: 2px solid rgba(0, 0, 0, 0.7);
	padding-bottom: 15px;
	margin-bottom: 30px;
}

#secondary ul:not(.z-pl-0):not(.select2-selection__rendered),
#secondary ol:not(.z-pl-0) {
	list-style-type: circle;
	padding-left: 15px;
}

#secondary li:not(.select2-selection__choice):not(.select2-search):not(.zoom-instagram-widget__item) {
	margin: 10px 0;
}

#secondary input[type=search] {
	box-shadow: none;
	font-weight: 400;
}

#secondary .widget ul:not(.select2-selection__rendered) {
	list-style: none;
	padding-left: 0;
	text-transform: uppercase;
	color: #999; /* effects non linked text */
}

body.rtl #secondary .widget ul:not(.select2-selection__rendered) {
	padding-right: 0;
}	


#secondary .widget ul li a:hover,
body.dark #secondary .widget ul li:hover {
	color: #000;
	color: var(--primary);
}

#secondary .widget ul li:not(.select2-selection__choice):not(.select2-search):not(.zoom-instagram-widget__item):not(.chosen) {
	margin: 0;
	border-bottom: 1px solid rgb(225, 225, 225);
	padding-bottom: 12px;
	padding-top: 15px;
}

#secondary .widget ul:not(.children):not(.sub-menu) > li:first-child:not(.select2-selection__choice):not(.select2-search):not(.chosen) {
	margin-top: -22px;
}

#secondary .widget.widget_nav_menu .widget-title{
	margin-bottom: 30px;
}

#secondary .widget-item-count{
	margin-top: 0rem;
  margin-bottom: 0rem;
  font-size: 0.85rem;
  font-weight: 400;
  font-style: normal;
  color: #666;
  vertical-align: bottom;
}

body.dark #secondary .widget-item-count{
	color: inherit;
}

/* nav menu widget */

#secondary .widget_nav_menu .widget-title {
	margin-bottom: 8px;
}

#secondary .widget.widget_nav_menu ul li:not(.select2-selection__choice):not(.select2-search):not(.zoom-instagram-widget__item).no-border{
	border: 0;
	padding-bottom: 0px;
	padding-top: 0px;
}

#secondary .widget ul li:last-child:not(.select2-selection__choice):not(.select2-search) {
	border: 0;
	padding-bottom: 0;
}
#secondary .widget ul:not(.children):not(.sub-menu) > li:last-child:not(.select2-selection__choice):not(.select2-search) {
	margin-bottom: -5px;
}	

#secondary .widget ul li a {
	font-size: 0.85rem;
	text-transform: uppercase;
	color: rgb(51, 51, 51);
	font-style: normal;
	font-weight: 400;
}

body.dark #secondary .widget ul li a{
	color: inherit;
}

/* with hierarchy */

#secondary .widget_categories ul.children li {
	border: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

#secondary .widget ul.children li:first-chil,
#secondary .widget ul.sub-menu li:first-child {
	margin-top: 0px;
}

#secondary .widget ul.children li:last-child,
#secondary .widget ul.sub-menu li:last-child {
	margin-bottom: -5px;
}

#secondary .widget ul.children {
	padding-left: 30px;
}

#secondary .widget ul.sub-menu {
	padding-left: 15px;
}

body.rtl #secondary .widget ul.children {
	padding-left: 0px;
	padding-right: 30px;
}

body.rtl  #secondary .widget ul.sub-menu {
	padding-left: 0px;	
	padding-right: 15px;
}

/* forms in widgets */

#secondary input[type="text"]:not(.select2-search__field),
#secondary input[type="email"],
#secondary input[type="search"]:not(.select2-search__field) {
	display: block;
	width: 100%;
	height: 51px;
	border-radius: 0px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#secondary input[type="text"]:focus,
#secondary input[type="email"]:focus,
#secondary input[type="search"]:focus {
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	outline: 0;
}

#secondary input[type="submit"] {
	width: 100%;
	border-radius: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 11px;
	padding: 1em 4.5em;
	background-color: #222222;
	border-color: #222222;
	color: #fff;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 3px;
	text-shadow: rgba(0, 0, 0, 0) 0px 0px 0px;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px;
	display: inline-block;
	vertical-align: inherit;
}

#secondary input[type="submit"]:hover {
	background-color: #3c3c3c;
	border-color: #3c3c3c;
	color: #fff;
}

#secondary .widget_search {
	position: relative;
	z-index: 0;
}

#secondary .widget_search .btn,
#secondary .widget_product_search .btn {
	padding: 14.5px;
	width: 51px;
}

#secondary .tagcloud a,
.footer-widgets-area .tagcloud a {
	font-size: 13px !important;
	display: inline-block;
	padding: 0 10px;
	min-height: 28px;
	line-height: 28px;
	border: 1px solid rgb(153, 153, 153);
	margin: 0 0 4px;
}

.footer-widgets-area .tagcloud a {
	color: rgb(225, 225, 225);
	border: 1px solid rgb(225, 225, 225);
}

.footer-widgets-area a:hover {
	transition: color 0.25s ease;
	color: #fff;
}

.colophon .zanaya-col {
	padding-top: 20px;
}

.colophon a {
	color: #bfbfbf;
}

.colophon a:hover {
	transition: color 0.25s ease;
	color: #fff;
}


/* footer widgets */
.footer-widgets-area .widget ul.children li:first-child,
.footer-widgets-area .widget ul.sub-menu li:first-child{
	margin-top: 10px; /* keep child categories spaced evenly */
}
.footer-widgets-area .widget ul.children li,
.footer-widgets-area .widget ul.sub-menu li{
	margin-top: 5px; /* keep child categories spaced evenly */
	margin-bottom: 5px; /* keep child categories spaced evenly */
}

.footer-widgets-area .widget:not(.widget_nav_menu) ul:not(.children):not(.sub-menu) > li:first-child:not(.select2-selection__choice):not(.select2-search){
	margin-top: -8px;
}

.footer-widgets-area .widget.widget_nav_menu .widget-title{
	margin-bottom: 7px;
}

body.rtl .footer-widgets-area .widget ul:not(.children){
	padding-right: 0;
}

.footer-widgets-area .widget ul li a {
	text-transform: uppercase;
}

.footer-widgets-area .widget ul li a:empty{
	margin-top: -10px;
	display: block;
}

.footer-widgets-area .widget-title {
	color: rgb(221, 221, 221);
	border-bottom: none;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.footer-widgets-area .widget:not(.zanaya-portfolio-widget-masonry):not(.zanaya-portfolio-widget-isotope) {
  margin: 1.5em 0 3em;
  font-size: 14px;
  /* Make sure select elements fit in widgets. */
}

/* footer widgets - calendar */

.footer-widgets-area .widget_calendar #today {
	color: rgb(191, 191, 191);
	text-decoration: none;
}

/* footer widgets - gallery ( also for sidebar) */

.footer-widgets-area .gallery,
#secondary .gallery {
	/* using flex instead of borders between images */
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: -1.79104477%;
	margin-top: 20px;
}

.footer-widgets-area figure.gallery-item,
#secondary figure.gallery-item {
	margin: 0;
}

.footer-widgets-area .gallery figure img,
#secondary .gallery figure img {
	border: 0;
}

.footer-widgets-area .gallery .gallery-icon,
#secondary .gallery .gallery-icon {
	margin: 2px;
}

.footer-widgets-area .gallery-caption,
#secondary .gallery-caption {
	display: none;
}


/* categories and other list based widgets */

.footer-widgets-area .widget ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	text-transform: uppercase;
}

.footer-widgets-area .widget ul.children, 
.footer-widgets-area .widget ul.sub-menu {
  padding-left: 15px;
}

body.rtl .footer-widgets-area .widget ul.children, 
body.rtl .footer-widgets-area .widget ul.sub-menu {
  padding-left: 0;
  padding-right: 15px;
}

.footer-widgets-area .widget ul li {
	color: rgba(225, 225, 225, 0.5);
	/* font-size: 1rem; */
	font-weight: 400;
	border-bottom: none;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.footer-widgets-area .widget ul li.zoom-instagram-widget__item {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.footer-widgets-area .widget ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

/*.footer-widgets-area .widget ul:not(.children) > li:last-child {
		padding-bottom: 0;
}*/	

.footer-widgets-area .widget ul li.cat-item small {
	color: rgb(225, 225, 225);
}


/* recent posts */

.footer-widgets-area .recent-post-name small {
	text-transform: none;
}

/* audio widget */

#secondary .widget.widget_media_audio{
	margin-bottom: 35px;
}

.footer-widgets-area .widget.widget_media_audio{
	margin-bottom: 30px;
}

/* image widget */

#secondary .widget.widget_media_image{
	margin-bottom: 40px;
}	

#secondary .widget.widget_media_gallery.no-title{
	margin-top: -22px;
}

#secondary .widget.widget_media_gallery{
	margin-bottom: 40px;
}	

.footer-widgets-area .widget.widget_media_gallery .widget-title{
	padding-bottom: 8px;
}

/* text widget */

.footer-widgets-area .textwidget {
	color: rgb(204, 204, 204);
}

#secondary .widget.widget_text .widget-title{
	margin-bottom: 23px;
}

.footer-widgets-area .widget.widget_text .widget-title{
	margin-bottom: 7px;
}

/* recent comments */
.footer-widgets-area .widget_recent_comments .comment-author-link,
.footer-widgets-area .widget_recent_comments .recentcomments, 
.footer-widgets-area .widget_recent_entries .post-date,
.footer-widgets-area .widget-item-count {
	color: rgb(204, 204, 204);
}

body.rtl .footer-widgets-area .widget-item-count {
	float: none;
	display: inline-block;
}

.footer-widgets-area .widget ul li.recentcomments a{
  color: rgba(225, 225, 225, 0.5);
}

.footer-widgets-area .widget ul li.recentcomments a:hover{
  color: #fff;
}

#secondary .widget select:not(.woocommerce-widget-layered-nav-dropdown),
.footer-widgets-area .widget select {
	background: transparent;
	color: rgb( 153, 153, 153);
	border-radius: 0;
	border-color: rgb( 204, 204, 204);
	transition: border-color .3s ease;
	height: 36px;
}

#secondary .widget select:hover,
.footer-widgets-area .widget select:hover {
	border-color: rgb(193, 24, 255);
	border-color: var(--primary);
}

#secondary .widget .dropdown-icon,
.footer-widgets-area .widget .dropdown-icon {
	margin-top: 11px;
}

.footer-widgets-area .widget_search input,
.footer-widgets-area .woocommerce-product-search input{
	background-color: transparent;
	border-radius: 0;
	height: 36px;
}

.footer-widgets-area .widget_search button, 
.footer-widgets-area .woocommerce-product-search button{
	height: 36px;
}


/* rss widget - footer */

.footer-widgets-area .widget_rss .rss-date,
.footer-widgets-area .widget_rss .rssSummary,
.footer-widgets-area .widget_rss cite{
	color: rgb(204, 204, 204);
}

/* woocommerce widgets */

.widget.woocommerce ul.cart_list li a, .widget.woocommerce ul.product_list_widget li a{
	font-weight: 400;
}

.widget.woocommerce ul.cart_list li img, .widget.woocommerce ul.product_list_widget li img{
	width: 50px;
}

.widget.woocommerce ul .woocommerce-Price-amount{
	font-size: 0.85rem;
	color: #666;
}
.widget.woocommerce ul .count{
	float: right;
	font-size: 0.85rem;
	color: #666;
}

.widget.woocommerce .select2-container--default .select2-selection--single{
	background: transparent;
	color: rgb( 153, 153, 153);
	border-radius: 0;
	border-color: rgb( 204, 204, 204);
	transition: border-color .3s ease;
	height: 36px;
}

.widget.woocommerce .select2-container .select2-selection__placeholder,
.widget.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 36px;
}

.widget.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered{
	color: var(--primary);
}

.widget.woocommerce .select2-container .select2-selection__arrow{
	display: none;
}


.widget.woocommerce .select2-container--default .select2-selection--single .select2-selection__arrow{
	height: 36px;
}

.widget.woocommerce .select2-container--default .select2-selection--single .select2-selection__clear{
	left: -8px;
}

/* instagram widget */

#secondary .zoom-instagram-widget__items{
	padding-top: 0px;
}

#secondary .widget.zoom-instagram-widget{
	padding-bottom: 40px;
}

/* custom widgets in menu */

.zanaya-multi-nav:not(.collapsed) .menu-item-type-splent_menu_widgets .image-wrap-1{
	margin: -25px;
}

@media (max-width: 991px) {
	.zanaya-multi-nav.collapsed .menu-item-type-splent_menu_widgets .image-wrap-1{
		margin: 20px;
		float: left;
	}
}

.menu-item-type-splent_menu_widgets .image-wrap-2{
	margin-top: 20px;	
}

.zanaya-multi-nav.collapsed .menu-item-type-splent_menu_widgets .image-wrap-2{
	padding-bottom: 20px;	
}

@media (max-width: 991px) {
	.zanaya-multi-nav.collapsed .menu-item-type-splent_menu_widgets .image-wrap-2{
		padding-left: 30px;	
	}
}	

@media (max-width: 350px) {
	.zanaya-multi-nav.collapsed .menu-item-type-splent_menu_widgets .image-wrap-2{
		padding-left: 7px;	
	}
}

.zanaya-multi-nav:not(.collapsed) .menu-item-type-splent_menu_widgets .image-wrap-2{
	margin: 0 -25px;
}	

/* widgets - dark skin rules */

body.dark #secondary .widget-title {
	border-bottom: 2px solid rgb(221, 221, 221)
}

body.dark #secondary input[type="submit"] {
	background-color: #fff;
	border-color: transparent;
	color: #222;
}

body.dark #secondary input[type="submit"]:hover {
	background-color: #eee;
	border-color: transparent;
	color: #000;
}

body.dark #secondary .widget,
body.dark .splent-posts-widget-layout-posts-5,
body.dark .splent-posts-widget-layout-posts-6 {
	border-color: rgb(102, 102, 102);
}

body.dark #secondary input[type="text"],
body.dark #secondary input[type="email"],
body.dark #secondary input[type="search"] {
	background: transparent;
	color: #eee;
}


/*--------------------------------------------------------------
# Dark skin rules
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Site footer & colophon
--------------------------------------------------------------*/

.site-footer {
	background-color: rgb(25, 26, 28);
	color: rgba(255, 255, 255, 0.5);
	font-size: 11px;
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	background-image: linear-gradient(rgb(25, 26, 28), rgb(25, 26, 28) 0.1%);
}

.colophon.site-footer {
	background: #222;
	color: #eee;
	line-height: 2.05;
}

.colophon.site-footer ul,
.colophon.site-footer ol {
	list-style-type: none;
}

.colophon.site-footer li {
	margin: 10px 0
}

.colophon .site-sub-footer p {
	text-align: center;
	padding-top: 10px;
}

.colophon .site-footer p {
	text-align: center
}

.colophon-social-links {
	color: #999;
	margin: 0 10px
}

.colophon-social-links.first {
	margin-left: 0;
}

.colophon-social-links.last {
	margin-right: 0;
}

.colophon-social-links:hover,
.colophon-social-links:focus {
	transition: color 0.25s ease;
	color: #fff;
}


/* footer reveal - z-indexes */

body:not(.zanaya-builder-editor):not(.zanaya-builder-editor-body-2) .site-content {
	z-index: 1;
}

body:not(.zanaya-builder-editor):not(.zanaya-builder-editor-body-2) #zanaya-breadcrumbs {
	z-index: 1;
}

.zanaya-footer-reveal-wrap {
	width: 100%;
}


/*--------------------------------------------------------------
# Post layouts
--------------------------------------------------------------*/


/* post grid */

.splent-date-and-formats {
	width: 82px;
	text-align: center;
}

.splent-date-box {
	background-color: rgb(193, 24, 255);
	background-color: var(--primary);
}

.splent-date-and-formats .splent-date-box {
	padding: 8px 0 5px;
	color: #fff;
}

.splent-date-and-formats .splent-date {
	display: block;
	line-height: 29px;
	font-size: 29px;
	font-weight: 700;
}

.splent-date-and-formats .splent-format-box {
	margin-top: 3px;
	background-color: #eef0f2;
}


/* post carousel */

.splent-post-carousel img {
	min-width: 150px;
	min-height: 150px;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

#primary .custom-widget .splent-post-carousel img {
	min-width: auto;
	/* min-width overiden in custom post widget due preserve proper spacing. */
	min-height: auto;
	/* min-height overiden in custom post widget due preserve proper spacing. */
	object-fit: initial;
	font-family: 'object-fit: initial;';
}

.splent-post-carousel .post-title.ellipsis {
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


/* masonry */

.masonry-1-col .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-1-col .zanaya-masonry-item {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.masonry-1-col .zanaya-masonry-item.half-width,
	.zanaya-filtered-grid.masonry-1-col .zanaya-masonry-item.half-width {
		width: 50%;
	}
}

.masonry-2-col .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-2-col .zanaya-masonry-item {
	width: 50%;
}

.masonry-2-col .zanaya-masonry-item.double-width,
.zanaya-filtered-grid.masonry-2-col .zanaya-masonry-item.double-width {
	width: 100%;
}

@media only screen and (min-width: 768px) {
	.masonry-2-col .zanaya-masonry-item.half-width,
	.zanaya-filtered-grid.masonry-2-col .zanaya-masonry-item.half-width {
		width: 25%;
	}
}

.masonry-3-col .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-3-col .zanaya-masonry-item {
	width: 33.333333%;
}

.masonry-3-col .zanaya-masonry-item.double-width,
.zanaya-filtered-grid.masonry-3-col .zanaya-masonry-item.double-width {
	width: 66.666667%;
}

@media only screen and (min-width: 768px) {
	.masonry-3-col .zanaya-masonry-item.half-width,
	.zanaya-filtered-grid.masonry-3-col .zanaya-masonry-item.half-width {
		width: 16.666667%;
	}
}

.masonry-4-col .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-4-col .zanaya-masonry-item {
	width: 25%;
}

.masonry-4-col .zanaya-masonry-item.double-width,
.zanaya-filtered-grid.masonry-4-col .zanaya-masonry-item.double-width {
	width: 50%;
}

@media only screen and (min-width: 768px) {
	.masonry-4-col .zanaya-masonry-item.half-width,
	.zanaya-filtered-grid.masonry-4-col .zanaya-masonry-item.half-width {
		width: 12.5%;
	}
}

.masonry-5-col .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-5-col .zanaya-masonry-item {
	width: 20%;
}

.masonry-5-col .zanaya-masonry-item.double-width,
.zanaya-filtered-grid.masonry-5-col .zanaya-masonry-item.double-width {
	width: 40%;
}

@media only screen and (min-width: 768px) {
	.masonry-5-col .zanaya-masonry-item.half-width,
	.zanaya-filtered-grid.masonry-5-col .zanaya-masonry-item.half-width {
		width: 10%;
	}
}

.masonry-6-col .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-6-col .zanaya-masonry-item {
	width: 16.667%;
}

.masonry-6-col .zanaya-masonry-item.double-width,
.zanaya-filtered-grid.masonry-6-col .zanaya-masonry-item.double-width {
	width: 33.333%;
}

@media only screen and (min-width: 768px) {
	.masonry-6-col .zanaya-masonry-item.half-width,
	.zanaya-filtered-grid.masonry-6-col .zanaya-masonry-item.half-width {
		width: 8.333%;
	}
}

.masonry-7-col .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-7-col .zanaya-masonry-item {
	width: 14.285%;
}

.masonry-7-col .zanaya-masonry-item.double-width,
.zanaya-filtered-grid.masonry-7-col .zanaya-masonry-item.double-width {
	width: 28.57%;
}

@media only screen and (min-width: 768px) {
	.masonry-7-col .zanaya-masonry-item.half-width,
	.zanaya-filtered-grid.masonry-7-col .zanaya-masonry-item.half-width {
		width: 7.1425%;
	}
}

.masonry-8-col .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-8-col .zanaya-masonry-item {
	width: 12.5%;
}

.masonry-gutter-2 .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-gutter-2 .zanaya-masonry-item {
	border-width: 2px;
}

.masonry-gutter-5 .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-gutter-5 .zanaya-masonry-item {
	border-width: 5px;
}

.masonry-gutter-10 .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-gutter-10 .zanaya-masonry-item {
	border-width: 10px;
}

.masonry-gutter-15 .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-gutter-15 .zanaya-masonry-item {
	border-width: 15px;
}

.masonry-gutter-20 .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-gutter-20 .zanaya-masonry-item {
	border-width: 20px;
}

.masonry-gutter-25 .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-gutter-25 .zanaya-masonry-item {
	border-width: 25px;
}

.masonry-gutter-30 .zanaya-masonry-item,
.zanaya-filtered-grid.masonry-gutter-30 .zanaya-masonry-item {
	border-width: 30px;
}

.masonry-gutter-0 .zanaya-masonry-item,
.masonry-gutter-0 .zanaya-masonry-col {
	border-width: 0;
}
.zanaya-masonry-grid.masonry-gutter-2 {
	margin-top: -2px;
	margin-bottom: -2px;
	width: calc(100% + 4px);
	margin-left: -2px;
}

body.rtl .zanaya-masonry-grid.masonry-gutter-2{
	margin-left: 0;
	margin-right: -2px;	
}

.zanaya-masonry-grid.masonry-gutter-5 {
	margin-top: -5px;
	margin-bottom: -5px;
	margin-left: -5px;
	width: calc(100% + 10px);
}

body.rtl .zanaya-masonry-grid.masonry-gutter-5{
	margin-left: 0;
	margin-right: -5px;	
}

.zanaya-masonry-grid.masonry-gutter-10 {
	margin-top: -10px;
	margin-bottom: -10px;
	margin-left: -10px;
	width: calc(100% + 20px);
}

body.rtl .zanaya-masonry-grid.masonry-gutter-10{
	margin-left: 0;
	margin-right: -10px;	
}

.zanaya-masonry-grid.masonry-gutter-15 {
	margin-top: -15px;
	margin-bottom: -15px;
	margin-left: -15px;
	width: calc(100% + 30px);
}

body.rtl .zanaya-masonry-grid.masonry-gutter-15{
	margin-left: 0;
	margin-right: -15px;	
}

.zanaya-masonry-grid.masonry-gutter-20 {
	margin-top: -20px;
	margin-bottom: -20px;
	margin-left: -20px;
	width: calc(100% + 40px);
}

body.rtl .zanaya-masonry-grid.masonry-gutter-20{
	margin-left: 0;
	margin-right: -20px;	
}

.zanaya-masonry-grid.masonry-gutter-25 {
	margin-top: -25px;
	margin-bottom: -25px;
	margin-left: -25px;
	width: calc(100% + 50px);
}

body.rtl .zanaya-masonry-grid.masonry-gutter-25{
	margin-left: 0;
	margin-right: -25px;	
}

.zanaya-masonry-grid.masonry-gutter-30 {
	margin-top: -30px;
	margin-bottom: -30px;
	margin-left: -30px;
	width: calc(100% + 60px);
}

body.rtl .zanaya-masonry-grid.masonry-gutter-30{
	margin-left: 0;
	margin-right: -30px;	
}

.isotope-wrapper .filters-column {
	min-height: 70px
}


/* masonry / isotope layouts by shortcode or widget - responsive settings defaults */


/* :not([class*="-col"]) - can be used to exclude widget generated layouts with specified columns */


/* :not([class*="classMark"]) - can be used to allow modification by classmark */

@media only screen and (max-width: 991px) {
	.zanaya-masonry-grid:not([class*="-col"]):not([class*="classMark"]) .zanaya-masonry-item {
		width: 33.333333333333336%;
	}
}

@media only screen and (max-width: 767px) {
	.zanaya-masonry-grid:not([class*="-col"]):not([class*="classMark"]) .zanaya-masonry-item {
		width: 50%;
	}
}

@media only screen and (max-width: 500px) {
	.zanaya-masonry-grid .zanaya-masonry-item:not(.half-width) {
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {
	.isotope-wrapper .zanaya-masonry-grid:not([class*="-col"]):not([class*="classMark"]) .zanaya-masonry-item {
		width: 33.333333333333336%;
	}
}

@media only screen and (max-width: 767px) {
	.isotope-wrapper .zanaya-masonry-grid:not([class*="-col"]):not([class*="classMark"]) .zanaya-masonry-item {
		width: 50%;
	}
	.archive .isotope-wrapper .zanaya-masonry-grid:not([class*="classMark"]) .zanaya-masonry-item {
		width: 50%;
	}
}

@media only screen and (max-width: 500px) {
	.isotope-wrapper .zanaya-masonry-grid .zanaya-masonry-item {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.archive .has-sidebar .zanaya-masonry-grid:not([class*="classMark"]) .zanaya-masonry-item {
		width: 50%;
	}
}

/* portfolio category taxonomy */
@media only screen and (max-width: 500px) {
	.archive .has-sidebar .zanaya-masonry-grid:not([class*="classMark"]) .zanaya-masonry-item {
		width: 100%;
	}
}

/* responsive layout via shortcode */

.zanaya-shortcode .zanaya-masonry-grid[data-layout-lg="5"] .zanaya-masonry-item{
	width: 20%;
}

@media (min-width: 1200px) {
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-lg="5"] .zanaya-masonry-item.double-width{
		width: 40%;
	}
}

.zanaya-shortcode .zanaya-masonry-grid[data-layout-lg="4"] .zanaya-masonry-item{
	width: 25%;
}
.zanaya-shortcode .zanaya-masonry-grid[data-layout-lg="4"] .zanaya-masonry-item.double-width{
	width: 50%;
}

.zanaya-shortcode .zanaya-masonry-grid[data-layout-lg="3"] .zanaya-masonry-item{
	width: 33.333333333333336%;
}

.zanaya-shortcode .zanaya-masonry-grid[data-layout-lg="4"] .zanaya-masonry-item.double-width{
	width: 66.667%;
}

.zanaya-shortcode .zanaya-masonry-grid[data-layout-lg="2"] .zanaya-masonry-item{
	width: 50%;
}

.zanaya-shortcode .zanaya-masonry-grid[data-layout-lg="2"] .zanaya-masonry-item.double-width{
	width: 100%;
}

.zanaya-shortcode .zanaya-masonry-grid[data-layout-lg="1"] .zanaya-masonry-item{
	width: 100%;
}

@media (max-width: 1199px) {
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-md="5"] .zanaya-masonry-item{
		width: 20%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-md="4"] .zanaya-masonry-item{
		width: 25%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-md="3"] .zanaya-masonry-item{
		width: 33.333333333333336%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-md="2"] .zanaya-masonry-item{
		width: 50%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-md="1"] .zanaya-masonry-item{
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-sm="5"] .zanaya-masonry-item{
		width: 20%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-sm="4"] .zanaya-masonry-item{
		width: 25%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-sm="3"] .zanaya-masonry-item{
		width: 33.333333333333336%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-sm="2"] .zanaya-masonry-item{
		width: 50%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-sm="1"] .zanaya-masonry-item{
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-xs="5"] .zanaya-masonry-item{
		width: 20%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-xs="4"] .zanaya-masonry-item{
		width: 25%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-xs="3"] .zanaya-masonry-item{
		width: 33.333333333333336%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-xs="2"] .zanaya-masonry-item{
		width: 50%;
	}
	.zanaya-shortcode .zanaya-masonry-grid[data-layout-xs="1"] .zanaya-masonry-item{
		width: 100%;
	}
}


@media only screen and (max-width: 500px) {
.zanaya-shortcode .zanaya-masonry-grid .zanaya-masonry-item img{
		width: 100%;
	}

	.zanaya-shortcode .zanaya-masonry-grid .zanaya-masonry-item {
		width: 100%;
	}
}


.no-border .zanaya-masonry-col{
	border: 0;
}

/* carousel in posts - alignment when page is full width */

.zanaya-row-group:not(.container) .related-posts-carousel .zanaya-row.row,
.zanaya-row-group:not(.container) .more-from-author-carousel .zanaya-row.row,
.zanaya-row-group:not(.container) .portfolio-carousel .zanaya-row.row {
	margin-left: auto !important;
	margin-right: auto !important;
	left: -15px !important;
	right: -15px !important;
}


/* isotope filters for shortcodes */

.classMark_inmost-column_Dj1SAe{
	padding: 0px 0px 75px 0px; 
	font-size: 14px; 
	letter-spacing: 1px; 
}

.classMark_pills_iTWCKW .nav-pills li a{
	padding-top: 0px; 
	padding-bottom: 0px; 
	margin-right: 0px; 
	border-radius: 0px; 
	letter-spacing: 1px;
	background-color: transparent; 
	color: rgb(51, 51, 51); 
}

.classMark_pills_iTWCKW .nav-pills li a:hover{
	background-color: rgba(0, 0, 0, 0); 
	color: var(--secondary); 
}

.classMark_pills_iTWCKW .nav-pills li.active a{
	background-color: rgba(0, 0, 0, 0);
	 color: var(--secondary); 
}

.classMark_pills_iTWCKW .nav-pills li.active a:hover{
	background-color: rgba(0, 0, 0, 0); 
	color: var(--secondary); 
}

/* isotope caption presets */


/* preset 2 - animated multi option */


.classMark_gallery_3DSlmj .zanaya-gallery-item:hover .zanaya-caption-wrap{
	background-color: rgba(0, 0, 0, 0.7); 
	transition: background 1s ease 0s; 
	background-image: linear-gradient(90deg, rgb(114, 42, 219) 0.1%, rgba(240, 24, 24, 0.41) 48%);
}


.classMark_icon_8mw6XQ.zanaya-icon{
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0) 0.1%);
	color: rgb(255, 255, 255);
	margin-left: 7px;
	margin-right: 7px;
	border: 0;
/*	border-radius: 0;*/
	padding: 12px;
}

/* preset 4  - concealer */

.classMark_gallery_2NOjKj .zanaya-gallery-item:hover .zanaya-caption-wrap{
	transition: background 1s ease 0s; 
	background-color:rgba(0, 0, 255, 0.7);
}

.concealer {
	display: block;
	overflow: hidden;
}

.concealer * {
	position: relative;
	top: 50vh;
}

.zanaya-gallery-item:hover .zanaya-caption-wrap .concealer * {
	top: 0px;
	transition: top 0.25s ease;
	transition-delay: 0.25s;
}

.zanaya-gallery-item:hover .zanaya-caption-wrap .concealer *.delay-2 {
	transition-delay: 0.35s;
}

.zanaya-gallery-item:hover .zanaya-caption-wrap .concealer *.delay-3 {
	transition-delay: 0.45s;
}

/* preset 5  - concealer */

.classMark_gallery_2NOjKj-b .zanaya-gallery-item:hover .zanaya-caption-wrap{
	transition: background 1s ease 0s; 
	background-color:rgba(255, 255, 255, 1);
}


/* preset 6 - multi step box */
.zanaya-masonry-item[data-caption-preset="6"]{
		padding-bottom: 65px;
}

.multi-step-wrap .zanaya-inner-row{
	position: absolute;
  width: 100%;
  padding: 0 15px;
}

.multi-step-box {
	background-color: #fff;
	transform: translateY(-45px);
	transition: transform 0.5s ease;
	box-shadow: 0 13px 50px rgba(0, 0, 0, 0.1);
	min-height: 90px;
}

.multi-step-text {
	transform: translateY(-125px);
	transition: transform 0.5s ease;
	transition-delay: 0.05s;
	padding: 0 30px;
	text-align:center;
}

.multi-step-wrap:hover .multi-step-box {
	transform: translateY(-125px);
}

.multi-step-wrap:hover .multi-step-text {
	transform: translateY(-205px);
}

.z-no-margin{
	margin:0 !important;
}

/* preset 7 - hover pull */

.zanaya-hover-pull .zanaya-gallery-item {margin: 0; position: relative; overflow: hidden}
.zanaya-hover-pull .zanaya-gallery-item .img-wrap {cursor: pointer; display: block; opacity: 1; width: 100%; transition: top 0.3s ease 0s}
.zanaya-hover-pull .fig-cap {bottom:0; left:0; opacity: 0; position: absolute; width: 100%; height: 100%; padding:45px; z-index: 1; text-align: center; transition: all 0.3s ease 0s}
.zanaya-hover-pull .zanaya-gallery-item:hover .fig-cap {opacity: 1;}
.zanaya-hover-pull .fig-cap {height: auto;  position: absolute; opacity: 0; padding:32px; bottom: -101px; background-color: #fff}
.zanaya-hover-pull .zanaya-gallery-item:hover .fig-cap {bottom: 0}
.zanaya-hover-pull .zanaya-gallery-item .img-wrap {top: 0; position: relative}
.zanaya-hover-pull .zanaya-gallery-item:hover .img-wrap {cursor: pointer; top:-101px}


/*--------------------------------------------------------------
# Custom widgets
--------------------------------------------------------------*/


/* portfolio widget */

.classMark_gallery_daPVbu .zanaya-gallery-item:hover .zanaya-caption-wrap {
	background-color: rgba(193, 24, 255, 0.4);
	transition: background 1s ease;
}

.classMark_gallery_daPVbu .zanaya-caption {
	width: 100%;
	/* keeps caption buttons better aligned */
}

.classMark_button_Mp1cwV.zanaya-btn {
	padding-left: 10px;
	padding-right: 15px;
	border-color: rgb(255, 255, 255);
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0.1%);
	color: rgb(255, 255, 255);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-left: 4px;
	margin-right: 4px;
}

.classMark_button_Mp1cwV.zanaya-btn:hover {
	border-color: rgb(255, 255, 255);
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.48) 0%);
	color: rgb(255, 255, 255);
}

.classMark_button_T7Wn4w.zanaya-btn {
	padding-left: 10px;
	padding-right: 10px;
	border-color: rgb(255, 255, 255);
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0) 0.1%);
	color: rgb(255, 255, 255);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	margin-left: 4px;
	margin-right: 4px;
	border-radius: 0;
}

.classMark_button_T7Wn4w.zanaya-btn:hover {
	border-color: rgb(255, 255, 255);
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.48) 0%);
	color: rgb(255, 255, 255);
}

.classMark_h6_nkow2t {
	display: inline-block;
}

.zanaya-portfolio-widget-masonry .zanaya-masonry-col .classMark_h6_nkow2t {
	margin-bottom: 5px;
}

.classMark_small_048RY3 {
	display: block;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	color: rgba(0, 0, 0, 0.7);
}

.classMark_icon_Ixe6pw {
	font-size: 14px;
}

@media only screen and (max-width: 767px) {
	.zanaya-portfolio-widget-isotope .zanaya-masonry-grid.zanaya-filtered-grid .zanaya-masonry-item {
		width: 50%;
	}
}

@media only screen and (max-width: 500px) {
	.zanaya-portfolio-widget-isotope .zanaya-masonry-grid.zanaya-filtered-grid .zanaya-masonry-item {
		width: 100%;
	}
}

.classMark_h6_5b1AXm {
	color: rgb(255, 255, 255);
	text-transform: uppercase;
	font-weight: 500;
	font-style: normal;
}

.zanaya-portfolio-widget-isotope .zanaya-masonry-col .classMark_h6_5b1AXm {
	margin-top: 0;
	margin-bottom: 15px;
}

.classMark_small_x72afm {
	color: rgb(255, 255, 255);
	text-transform: none;
	font-weight: 500;
	font-style: normal;
	display: block;
	margin-bottom: 15px;
}

#secondary .splent-posts-widget,
#secondary .splent-portfolio-widget,
#secondary .splent-wc-widget {
	margin: 0 0 1.5em;
	font-size: 14px;
}

#secondary.bordered .splent-posts-widget,
#secondary.bordered .splent-portfolio-widget,
#secondary.bordered .splent-wc-widget {
	border: 1px solid rgb(225, 225, 225);
	padding: 15px;
}


/* carousel widget in sidebar */

#secondary .carousel-control-icon.right-side {
	margin-right: 0 !important
}

/* zanaya library widget - section width 100% */

.zanaya-library-widget .zanaya-section{
	margin: -25px;
  width: calc(100% + 50px);
}

.zanaya-library-widget .container{
	width: auto;
}

/* posts widget - layout 5 */

.classMark_small_QKwu3k {
	text-transform: uppercase;
	color: rgb(153, 153, 153);
}


/* posts widget - layout 6 */

.classMark_h3_aYqU31 {
	color: rgb(225, 225, 225);
	display: inline-block;
	margin-top: 0px;
}

/* nav mega menu image */

.mm-nav-banner-img{
	margin: -25px
}

@media (max-width: 767px) {
	.mm-nav-banner-img{
		margin: 0px;
		padding: 0 20px 20px;
	}
}

@media (max-width: 1199px) {
	.mm-nav-banner-img{
		margin: 0px;
		margin-top: 15px;
	}
}

/* animated read more link */

.splent-blog-entry {
	overflow: hidden;
	/* required for the arrow not to animate out of the screen, especially on masonry layouts */
}

.read-more-link {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	margin: auto;
	padding: 0;
	position: relative;
	text-decoration: none;
}

.read-more-link .read-more-text,
.read-more-link .icon-arrow {
	backface-visibility: hidden;
	transform: translateZ(0);
	perspective: 1000;
	color: #666;
	font-size: 100%;
	font-size: 14px;
	font-weight: 400;
}

.splent-blog-entry:hover .read-more-text {
	color: var(--primary);
}

.read-more-link .read-more-text {
	display: inline-block;
	transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1);
}

.read-more-link .icon-arrow {
	fill: #666;
	height: 24px;
	top: 0px;
	transition: transform 0.5s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s cubic-bezier(0.86, 0, 0.07, 1);
	width: 70px;
}

.read-more-link .icon-arrow.before {
	left: -85px;
	position: absolute;
	transform-origin: left center;
}

body.rtl .read-more-link .icon-arrow.before {
	left: auto;
	right: -162px;
	transform: scaleX(-1);
}	

body.rtl .read-more-link .icon-arrow.after {
	right: auto;
	left: 0px;
	transform-origin: left center;
}

.read-more-link .icon-arrow.after {
	margin-left: 0px;
	opacity: 0;
	position: absolute;
	right: 0px;
	transform: translateX(75%) scaleX(0.1);
	transform-origin: right center;
}

.splent-blog-entry:hover .read-more-link .read-more-text {
	transform: translateX(-62px);
}

body.rtl .splent-blog-entry:hover .read-more-link .read-more-text {
	transform: translateX(62px);
}

.splent-blog-entry:hover .read-more-link .icon-arrow.before {
	opacity: 0;
	transform: translateX(-75%) scaleX(0.1);
}

.splent-blog-entry:hover .read-more-link .icon-arrow.after {
	opacity: 1;
	transform: translateX(0) scaleX(1);
}

body.rtl .splent-blog-entry:hover .read-more-link .icon-arrow.after { 
	transform: translateX(70px) scaleX(-1);
}	

.read-more-link:active {
	color: var(--primary);
}

.read-more-link:active .icon-arrow {
	fill: var(--primary);
}


/* animated underline link */

.underlined-link {
	position: relative;
	text-decoration: none;
	display: inline-block;
}

.underlined-link:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 2px;
	bottom: -5px;
	left: auto;
	text-align: left;
	background-color: var(--primary);
	visibility: hidden;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
}

.underlined-link:hover {
	color: #fff;
}

.underlined-link:hover:before,
.splent-blog-entry:hover .underlined-link:before {
	visibility: visible;
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1);
}


/* undeline gradient */

.underline-gradient {
	background-image: linear-gradient(120deg, var(--primary) 0%, var(--secondary) 100%);
	background-repeat: no-repeat;
	background-size: 100% 0;
	/* was 0.2em */
	background-position: 0 110%;
	/* was 88% */
	transition: background-size 0.25s ease-in;
}

.splent-blog-entry:hover .underline-gradient,
.underline-gradient:hover {
	background-size: 100% 0.2em;
	/* was 88% */
}

.splent-blog-entry:hover .post-title {
	transition: color 0.25s ease;
	color: var(--primary);
}


/* gsap parallax - used in blog posts */

.gsap-parallax,
.gsap-parallax-slide {
	min-height: 325px;
	overflow: hidden;
}

article.layout-rows-1 .gsap-parallax, 
article.layout-rows-1 .post-thumbnailgsap-parallax{
	margin-bottom: 30px;
}

.zanaya-masonry-item .gsap-parallax {
	min-height: 330px;
	overflow: hidden;
}

.zanaya-masonry-item.tall-parallax .gsap-parallax{
	min-height: 660px;
	overflow: hidden;
}

.single-post-layout-1 .gsap-parallax,
.single-post-layout-1 .gsap-parallax-slide,
.single-post-layout-3 .gsap-parallax,
.single-post-layout-3 .gsap-parallax-slide,
.single-post-layout-5 .gsap-parallax,
.single-post-layout-5 .gsap-parallax-slide,
.single-post-layout-7 .gsap-parallax,
.single-post-layout-7 .gsap-parallax-slide {
	min-height: 450px;
	margin-bottom: 25px;
}

.single-post-layout-2 .gsap-parallax,
.single-post-layout-2 .gsap-parallax-slide,
.single-post-layout-4 .gsap-parallax,
.single-post-layout-4 .gsap-parallax-slide,
.single-post-layout-6 .gsap-parallax,
.single-post-layout-6 .gsap-parallax-slide {
	min-height: 450px;
}

.single-post-layout-2 .gsap-parallax .post-layout-2-title-col {
	margin-top: -200px;
}

.single-post-portfolio-layout-3 .gsap-parallax{
	min-height: 65vh;
	overflow: hidden;
}

.gsap-parallax-bg {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
	.gsap-parallax,
	.gsap-parallax-slide {
		min-height: 225px;
	}
	.single-post-layout-1 .gsap-parallax,
	.single-post-layout-1 .gsap-parallax-slide,
	.single-post-layout-3 .gsap-parallax,
	.single-post-layout-3 .gsap-parallax-slide,
	.single-post-layout-5 .gsap-parallax,
	.single-post-layout-5 .gsap-parallax-slide,
	.single-post-layout-7 .gsap-parallax,
	.single-post-layout-7 .gsap-parallax-slide {
		min-height: 350px;
	}
	.single-post-layout-2 .gsap-parallax,
	.single-post-layout-2 .gsap-parallax-slide,
	.single-post-layout-4 .gsap-parallax,
	.single-post-layout-4 .gsap-parallax-slide,
	.single-post-layout-6 .gsap-parallax,
	.single-post-layout-6 .gsap-parallax-slide {
		min-height: 350px;
	}
}

.zanaya-masonry-item:not(.odd-index):not(.no-parallax-mb) .zanaya-inmost-col.gsap-parallax {
	margin-bottom: 15px;
}

.zanaya-masonry-item .zanaya-flipbox .zanaya-inmost-col.gsap-parallax {
	margin-bottom: 0px;
}


/* full-width section */

.zanaya-row-group:not(.container) .section-full-width {
	top: -50px;
	left: -50px;
	width: calc(100% + 100px);
}

/* all single posts - support for zanaya-builder */

.zanaya-single .entry-content .zanaya-row:not(.zanaya-post-meta):not([class*="classMark"]),
.zanaya-single .entry-content .zanaya-inner-row:not(.zanaya-post-meta):not([class*="classMark"]),
.zanaya-single .entry-content .zanaya-nested-row:not(.zanaya-post-meta):not([class*="classMark"]),
.zanaya-single .entry-content .zanaya-inmost-row:not(.zanaya-post-meta):not([class*="classMark"]),
.zanaya-single .entry-content .zanaya-col:not(.zanaya-post-meta):not([class*="classMark"]),
.zanaya-single .entry-content .zanaya-inner-col:not(.zanaya-post-meta):not([class*="classMark"]),
.zanaya-single .entry-content .zanaya-nested-col:not(.zanaya-post-meta):not([class*="classMark"]),
.zanaya-single .entry-content .zanaya-inmost-col:not(.zanaya-post-meta):not([class*="classMark"]) {
	padding-left: 0;
	padding-right: 0;
}

/* single post layout 1 */
@media only screen and (max-width: 767px) {
	.single-post-layout-1 .classMark_row_IXMMaN {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* single post layout 6 */

@media (min-width: 992px) {
	.single-post-layout-6 .post-content-row {
		padding-left: 15%;
  	padding-right: 15%;
	}

	.single-post-layout-6 .single-post-pagination-wrap{
	  padding-left: 15%;
	  padding-right: 15%;
	}
}

/* large screen phones in landscape */
@media (max-width: 992px) and (orientation : landscape) {
	.single-post-layout-6 .zanaya-vertical-horizontal-align:not(.carousel-item-content) {
		position: absolute !important;
    top: 50% !important;
	}	
}	

@media only screen and (max-width: 767px) {
	.single-post-layout-6 .classMark_column_XBAiYR {
		padding-left: 0;
		padding-right: 0;
	}
	.single-post-layout-6 .classMark_row_IXMMaN {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* single post layout 7 */

.single-post-layout-7 .single-post-layout-7-section {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0) 0.1%);
	padding-top: 100px;
	padding-bottom: 100px;
}

.single-post-layout-7 .post-image-section {
	margin-top: -200px;
}

.single-post-layout-7 .post-content-row {
	padding-top: 50px;
	padding-bottom: 50px;
	width: 100%;
	max-width: 785px;
}

.single-post-layout-7 .zanaya-row.zanaya-post-meta{
	max-width: 785px;
	padding-left: 30px;
	padding-right: 30px;
	margin: auto;
}

@media only screen and (max-width: 767px) {
	.single-post-layout-7 .post-content-row {
		padding-left: 0;
		padding-right: 0;
	}
}
@media only screen and (max-width: 767px) {
	.single-post-layout-7 .zanaya-row.zanaya-post-meta {
		padding-left: 15px;
		padding-right: 15px;
	}
}
@media only screen and (max-width: 767px) {
	.single-post-layout-7 .classMark_row_IXMMaN {
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* single post layout 8 */

.single-post-layout-8 .item .zanaya-nested-col{
	min-height: 100vh;
}


/* single post pagination - preset 0 */

.single-post-pagination-0 .prev-col:hover .splent-sub-title,
.single-post-pagination-0 .next-col:hover .splent-sub-title{
	color: var(--primary);
}

.single-post-pagination-0 .prev-col .zanaya-icon{
	position: relative;
	left: 0;
	transition: all 0.25s ease;
}

body.rtl .single-post-pagination-0 .prev-col .zanaya-icon{
	right: 0;
}

.single-post-pagination-0 .prev-col:hover .zanaya-icon{
	position: relative;
	left: -10px;
	transition: all 0.25s ease;
}

body.rtl .single-post-pagination-0 .prev-col:hover .zanaya-icon{
	left: 0;
	right: -10px;
}

.single-post-pagination-0 .next-col .zanaya-icon{
	position: relative;
	right: 0;
	transition: all 0.25s ease;
}

.single-post-pagination-0 .next-col:hover .zanaya-icon{
	position: relative;
	right: -10px;
	transition: all 0.25s ease;
}

body.rtl .single-post-pagination-0 .next-col:hover .zanaya-icon{
	right: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
	.single-post-pagination-0 .next-col{
		padding-right: 20px;
	}
}

.single-post-pagination-0-inner-col {
	padding-top: 1px;
}

/* single post pagination - preset 2 */

.single-post-pagination-2,
.single-post-pagination-3 {
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgb(0, 0, 0) 0.1%);
	padding-top: 100px;
	padding-bottom: 100px;
}
.single-post-pagination-2-arrow.zanaya-icon,
.single-post-pagination-3-arrow.zanaya-icon {
	color: rgb(255, 255, 255);
	border-style: none;
	padding: 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.single-post-pagination-2 p,
.single-post-pagination-3 p {
	color: rgb(153, 153, 153);
}

.single-post-pagination-2 h4.text-white:hover,
.single-post-pagination-2 i.zanaya-icon:hover,
.single-post-pagination-3 h4.text-white:hover,
.single-post-pagination-3 i.zanaya-icon:hover{
	color: var(--primary);
}

/* single post pagination - preset 3 */

.single-post-pagination-3 .hover-white:hover {
	color: #fff
}

.hover-white:hover h5 {
	color: #fff
}

.hover-white:hover .zanaya-icon {
	color: #fff !important
}

/* single post pagination - preset 4 */

.single-post-pagination-4-col {
	border: 1px solid rgb(238, 238, 238);
	padding-top: 50px;
	padding-bottom: 50px;
}

.single-post-pagination-4-col:hover {
	background-color: #222222;
}

.single-post-pagination-4-col:hover p{
	color: var(--primary);
}

.single-post-pagination-4-inner-col {
	padding-top: 1px;
}

/* single post pagination - preset 4,5 */

.single-post-pagination-4 .single-post-pagination-prev .single-post-pagination-nav-label:before,
.single-post-pagination-4 .single-post-pagination-next .single-post-pagination-nav-label:after,
.single-post-pagination-5 .single-post-pagination-prev .single-post-pagination-nav-label:before,
.single-post-pagination-5 .single-post-pagination-next .single-post-pagination-nav-label:after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 1px;
	margin: 0 4px;
	background-color: #000;
	vertical-align: middle;
	-webkit-transition: width .3s ease-out;
	-moz-transition: width .3s ease-out;
	transition: width .3s ease-out;
}

body.dark .single-post-pagination-4 .single-post-pagination-prev .single-post-pagination-nav-label:before,
body.dark .single-post-pagination-4 .single-post-pagination-next .single-post-pagination-nav-label:after,
body.dark .single-post-pagination-5 .single-post-pagination-prev .single-post-pagination-nav-label:before,
body.dark .single-post-pagination-5 .single-post-pagination-next .single-post-pagination-nav-label:after {
	background-color: #ccc;
}	

.single-post-pagination-4 .single-post-pagination-prev:hover .single-post-pagination-nav-label:before,
.single-post-pagination-4 .single-post-pagination-next:hover .single-post-pagination-nav-label:after,
.single-post-pagination-5 .single-post-pagination-prev:hover .single-post-pagination-nav-label:before,
.single-post-pagination-5 .single-post-pagination-next:hover .single-post-pagination-nav-label:after {
	width: 15px;
}


/* custom post widget - masonry layout 2, carousel-2 (full) */

.zanaya-posts-widget-masonry-2 .read-more-link-left .read-more-label:before,
.zanaya-posts-widget-masonry-2 .read-more-link-right .read-more-label:after,
.zanaya-carousel.multi-carousel .item .read-more-link-left .read-more-label:before,
.zanaya-carousel.multi-carousel .item .read-more-link-right .read-more-label:after {
	content: '';
	display: inline-block;
	width: 30px;
	height: 1px;
	margin: 0 4px;
	background-color: #000;
	vertical-align: middle;
	-webkit-transition: width .3s ease-out;
	-moz-transition: width .3s ease-out;
	transition: width .3s ease-out;
}

body.dark .zanaya-posts-widget-masonry-2 .read-more-link-left .read-more-label:before,
body.dark .zanaya-posts-widget-masonry-2 .read-more-link-right .read-more-label:after,
body.dark .zanaya-carousel.multi-carousel .item .read-more-link-left .read-more-label:before,
body.dark .zanaya-carousel.multi-carousel .item .read-more-link-right .read-more-label:after {
	background-color: #ccc;
}	

.zanaya-posts-widget-masonry-2 article:hover .read-more-label:before,
.zanaya-posts-widget-masonry-2 article:hover .read-more-label:after,
.zanaya-carousel.multi-carousel .item:hover .read-more-label:before,
.zanaya-carousel.multi-carousel .item:hover .read-more-label:after {
	width: 15px;
}

.zanaya-posts-widget-masonry-2 .blog_hover:hover h5,
.zanaya-carousel.multi-carousel .item.blog_hover:hover h5 {
	text-decoration: underline;
}


/* date in rows-1 tempalte */

.post-rows-1-date {
	font-weight: 600;
	line-height: 1.16;
	margin-top: 6px;
	font-size: 1.75rem;
}

.typography-splent .post-rows-1-date{
	margin-top: 4px;
}

@media (min-width: 1200px) {
	.post-rows-1-date {
		font-size: 2.8rem;
		margin-top: 5px;
	}
}

@media (min-width: 769px) {
	.post-rows-1-date {
		font-size: 2.3rem;
		margin-top: 4px;
	}
	.typography-splent .post-rows-1-date{
		margin-top: 2px;
	}
}

.post-rows-1-date-month {
	font-size: 1rem;
}

@media (min-width: 400px) {
	.post-rows-1-date-month {
		font-size: 1.25rem;
	}
}

@media (max-width: 370px) {
	.post-rows-1-date-month {
		font-size: 0.95rem;
	}
}

/* audio posts preview in blog roll layout-1 */
body.blog article.layout-rows-1 .video-format{
	margin-bottom: 20px;
}

body.blog article.layout-rows-1 .zanaya-youtube-embed-container{
	margin-bottom: 30px;
}

/* audio post preview in blog roll layout-1 */
body.blog article.layout-rows-1 .audio-format{
	margin-bottom: 30px;
}

/* custom post carousel 2 (full) - parallax max height */


/* distorted images */

.zanaya-img-hvr-distortion {
	display: block;
	height: 100%;
	width: 100%;
}

.zanaya-img-hvr-distortion canvas {
	height: 100%;
}

.zanaya-img-hvr-distortion img {
	height: 100%;
	display: none;
}

.grid__item-subtitle {
	display: block;
	margin: auto 0 0 0;
	font-weight: 400;
	font-size: 1.5em;
}

.grid__item-subtitle span {
	display: block;
}

.grid__item-link {
	display: inline-block;
	color: currentColor;
	font-weight: 700;
	font-size: 0.95rem;
	position: relative;
	padding: 0 0 0.2rem;
	pointer-events: auto;
}

.grid__item-link.text-white {
	color: #fff;
}

.grid__item-link:focus,
.grid__item-link:hover {
	color: var(--primary);
}

.grid__item-link::before {
	content: '';
	position: absolute;
	background: currentColor;
	width: 80%;
	height: 1px;
	bottom: 0;
	transform-origin: 0% 50%;
	transform: scale3d(0, 1, 1);
	opacity: 0;
	transition: all 0.3s;
	transition-property: opacity, transform;
}

.grid__item-link:hover::before {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.grid__item-link+.grid__item-link {
	margin: 0 0 0 3rem;
}

.grid__item-text+.grid__item-link {
	white-space: nowrap;
	margin-top: 1rem;
	align-self: flex-start;
	margin-top: auto;
}

@media screen and (min-width: 50em) {
	.grid__item-subtitle * {
		opacity: 0;
		transform: translate3d(100px, 0, 0);
		transition: all 0.5s cubic-bezier(0.2, 1, 0.7, 1);
		transition-property: transform, opacity;
	}
	.content-column:hover .grid__item-subtitle * {
		opacity: 1;
		transform: translate3d(0, 0, 0);
	}
	.content-column:hover .grid__item-subtitle span {
		transition-delay: 0.1s;
	}
	.content-column:hover .grid__item-subtitle .grid__item-link {
		transition-delay: 0s;
	}
}

.shadow-pulse {
	animation: shadow-pulse 2s infinite ease-in-out;
}

.shadow-pulse:hover,
.ripple-pulse:hover {
	animation: none;
}

.ripple-pulse:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: -2px;
	left: -2px;
	bottom: -2px;
	right: -2px;
	border-radius: inherit;
	border: 1px solid var(--primary);
	animation: ripple-pulse 2s cubic-bezier(0.23, 1, 0.32, 1) both infinite;
}

@keyframes shadow-pulse {
	0% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}
	33% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}
	66% {
		box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}
	100% {
		box-shadow: 0 0 0 25px rgba(0, 0, 0, 0);
	}
}

@-webkit-keyframes ripple-pulse {
	0% {
		border-width: 4px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		border-width: 1px;
		-webkit-transform: scale(1.35);
		transform: scale(1.35);
	}
	100% {
		opacity: 0;
	}
}

@keyframes ripple-pulse {
	0% {
		border-width: 4px;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		border-width: 1px;
		-webkit-transform: scale(1.35);
		transform: scale(1.35);
	}
	100% {
		opacity: 0;
	}
}

/* force full width */

.site-content:not(.has-sidebar) .section-force-full-width {
	position: relative;
  width: 102vw;
  left: calc(-51vw + 50%);
}

body.rtl .site-content:not(.has-sidebar) .section-force-full-width {
	left: auto;
  right: calc(-51vw + 50%);
}

.site-content:not(.has-sidebar) .single-post-portfolio-layout-1 .entry-content .section-force-full-width{
	width: 100vw;
  left: calc(-50vw - 15px);
}

body.rtl .site-content:not(.has-sidebar) .single-post-portfolio-layout-1 .entry-content .section-force-full-width{
	left: auto;
  right: calc(-50vw - 15px);
}

@media only screen and (min-width: 768px) {
	.site-content:not(.has-sidebar) .single-post-portfolio-layout-2 .entry-content .section-force-full-width {
		width: 100vw;
  	left: calc(-50vw + 75% + 11px);
	}
	body.rtl .site-content:not(.has-sidebar) .single-post-portfolio-layout-2 .entry-content .section-force-full-width {
		left: auto;
  	right: calc(-50vw + 75% + 11px);
	}
}

@media only screen and (max-width: 767px) {
	.site-content:not(.has-sidebar) .single-post-portfolio-layout-2 .entry-content .section-force-full-width {
		width: 100vw;
  	left: calc(-50vw + 50%);
	}
	body.rtl .site-content:not(.has-sidebar) .single-post-portfolio-layout-2 .entry-content .section-force-full-width {
		left: auto;
  	right: calc(-50vw + 50%);
	}
}

.site-content:not(.has-sidebar) .zanaya-row-group.container .single-post-portfolio-layout-4 .entry-content .section-force-full-width,
.site-content:not(.has-sidebar) .zanaya-row-group.container .single-post-portfolio-layout-5 .entry-content .section-force-full-width {
	width: 100vw;
	left: calc(-21.5vw + 8px);
}

body.rtl .site-content:not(.has-sidebar) .zanaya-row-group.container .single-post-portfolio-layout-4 .entry-content .section-force-full-width,
body.rtl .site-content:not(.has-sidebar) .zanaya-row-group.container .single-post-portfolio-layout-5 .entry-content .section-force-full-width {
	left: auto;
	right: calc(-21.5vw + 8px);
}

.site-content:not(.has-sidebar) .zanaya-row-group:not(.container) .single-post-portfolio-layout-4 .entry-content .section-force-full-width,
.site-content:not(.has-sidebar) .zanaya-row-group:not(.container) .single-post-portfolio-layout-5 .entry-content .section-force-full-width {
	width: 100vw;
  left: calc(-4vw + 2px);
}

body.rtl .site-content:not(.has-sidebar) .zanaya-row-group:not(.container) .single-post-portfolio-layout-4 .entry-content .section-force-full-width,
body.rtl .site-content:not(.has-sidebar) .zanaya-row-group:not(.container) .single-post-portfolio-layout-5 .entry-content .section-force-full-width {
	left: auto;
  right: calc(-4vw + 2px);
}

/* + selector point to next sibling */
.site-content:not(.has-sidebar) .single-post-layout-8 + .single-post-pagination-2.section-force-full-width {
	position: relative;
	width: 102vw;
	left: calc(-51vw + 50% - 21px);
}   

.site-content:not(.has-sidebar) .z-mt-n50 {
	margin-top: -50px;
}

.site-content:not(.has-sidebar) .z-mt-n75 {
	margin-top: -75px;
}

   
/* sticky sections minimum 768px */

@media only screen and (min-width: 768px) {
	.zanaya-sticky {
		position: -webkit-sticky !important;
		position: sticky !important;
		top: 0;
	}
	.zanaya-sticky.zanaya-moving-parallax {
		z-index: 0 !important;
	}
	.zanaya-sticky:not(.sticky-always-enabled).sticky-disabled {
		position: relative !important;
	}
}

.zanaya-sticky.scroll-follow {
	transition: top 0.25s ease;
}


/* native scroll snap - vertical  - currenly unused. */

@media only screen and (min-width: 768px) {
	#content.native-scroll-snap-parent {
		overflow-y: scroll;
		overflow-x: hidden;
		height: 100vh;
		scroll-snap-type: mandatory;
		scroll-snap-points-y: repeat(100vh);
		scroll-snap-type: y mandatory;
	}
	.native-scroll-snap {
		scroll-snap-align: start;
		position: relative;
		height: 100vh;
		max-height: 100vh;
	}
}


/* hide scroll bars for scroll-snapping sections - currenly unused. */


/* webkit */

.noscollbar::-webkit-scrollbar {
	width: 0 !important
}


/*-moz- (Firefox): */

.noscollbar {
	overflow: -moz-scrollbars-none;
}


/* -ms- (Internet Explorer +10): */

.noscollbar {
	-ms-overflow-style: none;
}


/* basic warning alert */

.alert-2.warning {
	padding: 30px;
	background-color: rgb(255, 255, 255);
	color: rgb(231, 45, 107);
	border-color: rgb(231, 45, 107);
	border-left-width: 4px;
}


/* portfolio glitch template */

.zanaya-inner-col.portfolio-glitch-content {
	margin-top: -480px;
	pointer-events: none;
}

@media (max-width: 991px) {
	.zanaya-inner-col.portfolio-glitch-content {
		margin-top: -380px;
	}
}

.portfolio-glitch-h2-lg {
	color: rgb(255, 255, 255);
	font-size: 75px;
	line-height: 122px;
	font-weight: 800;
	font-style: normal;
	margin-top: 67px;
	margin-bottom: 0px;
}

@media (max-width: 560px) {
	.portfolio-glitch-h2-lg {
		font-size: 50px;
	}
	.portfolio-glitch-h2 {
		font-size: 20px;
	}
}

.portfolio-glitch-h2 {
	margin-top: 0px;
	color: var(--primary);
	font-size: 30px;
	font-style: italic;
	font-family: playfaire;
}

.empty.mh-265 {
	min-height: 265px;
}

@media (max-width: 992px) {
	.z-mb-10-sm {
		margin-bottom: 6rem;
	}
}


/* blog vertical slider */

.zanaya-blog-vertical-slider {
	background-color: #fff;
}


/* zanaya move up animation */

.zanaya-fadeInUp-small.animated {
	-webkit-transform: translateY(50px);
	-ms-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-animation: zanayaFadeInUpSmall .65s ease forwards;
	animation: zanayaFadeInUpSmall .65s ease forwards;
}

@keyframes zanayaFadeInUpSmall {
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

/* blog wide carousel layout */

.classMark_nested-column_0WC8eb {
	padding-left: 0px;
	padding-right: 0px;
	min-height: 650px;
	padding-top: 480px;
}

/* iPhone 4,5 in portrait */
@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {
	.is-mobile .classMark_nested-column_0WC8eb {
  	min-height: 100vh;
  	padding-top: calc(100vh - 220px);
  	max-height: 100vh;
	}
}	

.classMark_slider_utiDeP .zanaya-carousel-control .carousel-control-icon {
	font-size: 45px;
	position: absolute;
	margin: 0px 10px;
	text-align: center;
	height: 30px;
	width: 30px;
	line-height: 30px;
	z-index: 3;
	color: rgb(255, 255, 255);
	box-shadow: rgb(0, 0, 0) 0px 0px 0px 0px;
}

.classMark_slider_utiDeP .zanaya-carousel-control .carousel-control-icon:hover {
	color: rgb(187, 187, 187);
}

.classMark_slider_utiDeP .zanaya-carousel-control .carousel-control-icon.left-side {
	margin-left: 20%;
}

.classMark_slider_utiDeP .zanaya-carousel-control .carousel-control-icon.right-side {
	margin-right: 20%;
}

@media only screen and (max-width : 1199px) {
	.classMark_slider_utiDeP .zanaya-carousel-control .carousel-control-icon.left-side {
		margin-left: 25%;
	}
	.classMark_slider_utiDeP .zanaya-carousel-control .carousel-control-icon.right-side {
		margin-right: 25%;
	}
}

@media only screen and (max-width : 991px) {
	.classMark_slider_utiDeP .zanaya-carousel-control .carousel-control-icon.left-side {
		margin-left: 50px;
	}
	.classMark_slider_utiDeP .zanaya-carousel-control .carousel-control-icon.right-side {
		margin-right: 50px;
	}
}	

.classMark_slider_utiDeP .zanaya-carousel-control .carousel-control-icon.left-side.shift-right {
	left: auto;
	right: 150px;
}

.classMark_slider_utiDeP .zanaya-carousel-control .carousel-control-icon.right-side.shift-left {
	right: auto;
	left: 150px;
}

/* simple animated link underline - lr */

.animated-underline-lr:hover .link-inner:after {
	width: 100%;
	left: 0;
	right: auto;
	cursor: pointer;
}

.link-inner {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.link-inner:after {
	content: "";
	width: 0;
	height: 1px;
	bottom: 0;
	position: absolute;
	left: auto;
	right: 0;
	z-index: -1;
	-webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
	transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
	background: currentColor;
}

.blog .zanaya-blank-image,
.archive .zanaya-blank-image {
	max-height: 350px;
}

.input-group-btn button {
	border-radius: 0;
}


/*--------------------------------------------------------------
# 404, 403 pages
--------------------------------------------------------------*/

.classMark_h1_QB6EvY {
	color: rgb(255, 255, 255);
	font-size: 122px;
}

.classMark_form_Bxtxw6 .form-group-sm .form-control {
	height: 50px;
}

.classMark_h6_db2T5G {
	color: rgb(255, 255, 255);
}

.classMark_form_Bxtxw6 .input-group-sm .input-group-btn button {
	height: 50px;
}

.classMark_form_Bxtxw6 .input-group-btn button {
	height: 50px;
	width: 50px;
}

.classMark_form_Bxtxw6 .form-control {
	height: 50px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.classMark_form_Bxtxw6.zanaya-form .help-block {
	line-height: 25px;
}

.classMark_h2_gaEQyy {
	color: rgb(255, 255, 255);
}

.classMark_form_Bxtxw6 .form-group-lg .form-control {
	height: 50px;
}

.classMark_form_Bxtxw6 .input-group-lg .input-group-btn button {
	height: 50px;
}

.classMark_nested-column_jUBVPK {
	padding-top: 51px;
}

.classMark_section_404 {
	background-image: linear-gradient(139deg, rgb(23, 234, 217) 22%, var(--secondary) 96%);
	padding-top: 32.5vh;
	padding-bottom: 25vh;
}

.classMark_row_xWHx3y {
	margin-left: auto;
	margin-right: auto;
	color: rgb(255, 255, 255);
}

.classMark_section_403 {
	background-image: linear-gradient(139deg, rgb(23, 234, 217) 22%, var(--secondary) 96%);
	padding-top: 32.5vh;
	padding-bottom: 25vh;
}

/* search no results */

body.rtl .search-form button{
	border-right: 0;
}

@media screen and (min-width: 400px) {
	#primary .no-results .search-form{
		max-width: 338px;
	}	
}

#primary .no-results .no-results-page-header h6{
	text-transform: uppercase;
}	

#primary .no-results .search-form .input-group {
	margin-top: 22px;
}	

#primary .no-results .search-form input {
	display: block;
	width: 100%;
	height: 51px;
	border-radius: 0px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-image: none;
	border: 1px solid #ccc;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#primary .no-results .search-form button {
	padding: 14.5px;
	width: 51px;
}

/*--------------------------------------------------------------
# custom offsets
--------------------------------------------------------------*/

.z-mr-5 {
	margin-right: 5px;
}

.z-pt-30 {
	padding-top: 30px;
}

.z-pb-30 {
	padding-bottom: 30px;
}

.z-pt-15 {
	padding-top: 15px;
}

.z-mb_-1 {
	/* negative margin to fix shape gap issues */
	margin-bottom: -1px;
}

.z-mt-20 {
	margin-top: 20px;
}

.z-mt-30 {
	margin-top: 30px;
}

.z-mt-45 {
	margin-top: 45px;
}

.z-mb-30 {
	margin-bottom: 30px;
}

.z-mb-10 {
	margin-bottom: 10px;
}

.z-mt-50{
	margin-top: 50px;
}


/* nav svg icons */
.zanaya-svg-icon{
	display: inline-block; 
	position: relative; 
	top:3px
}

.zanaya-svg-icon.search-icon-svg {
	width:14px; 
}

.zanaya-svg-icon.mobile-search-svg,
.zanaya-svg-icon.mobile-menu-svg {
	width: 15px;
}

.zanaya-svg-icon.cart-icon-svg{
	width: 19px; 
	margin-right: 3px;
}

.zanaya-multi-nav .navbar-nav li a svg,
.zanaya-navbar-toggle svg,
.mobile-search svg{
	fill: #333
}

.zanaya-multi-nav .navbar-nav li a:hover svg,
.zanaya-navbar-toggle:hover svg,
.mobile-search:hover svg{
	fill: var(--primary)
}

.zanaya-scroll .scroll-to-top-svg-wrap{
	padding: 12.5px 22px;
}

.zanaya-svg-icon.scroll-to-top-svg{
	width:10px;
}

.zanaya-svg-icon.scroll-to-top-svg svg{
	fill: #fff;
}

.zanaya-svg-icon.social-svg{
	width: 10px;
}
.zanaya-svg-icon.social-svg svg{
	fill: #fff;
}

/* multi step form */
.multisteps-form__panel {
	display: none;
}

.multisteps-form__panel.step-active {
	display: block;
}

/* lottie */

[data-zanaya-element='lottie'] {
	width: 100%;
}

/* advanced positioning (resizable & draggable ) */
.advanced-absolute{
	position: absolute !important;
}
.advanced-fixed{
	position: fixed !important;
	z-index: 1; /* z-index is temp - TODO: make z-index on parent adjustable from builder */
}

.vert-top{
	bottom: auto !important;
}

.vert-bottom{
	top: auto !important;
}

.horz-left{
	right: auto !important;
}

.horz-right{
	left: auto !important;
}