/*
Theme Name: Rife Free
Description: Rife Free is a great portfolio and photography WP theme with 7 ready-to-use demo layouts. It is also perfect for business, blogging websites and for your shop because it is WooCommerce compatible. More cool features in the Rife theme are the: ✓ Writing Effect ✓ One Page Mode ✓ Mobile/Touch Friendly Image & Video Slider ✓ Bricks Gallery for Photographers ✓ Mega Menu ✓ Post Grid ✓ Google Fonts ✓ Hidden Sidebar and many more. Over 450 options to change in the Customizer and much more in each page, post, album or work. We also integrate Schema.org which helps your website be more visible to search engines. Elementor compatibility will help you make your great website even more natural. The theme is RTL and translation-ready (WPML). ★ Check our demos for more details: https://apollo13themes.com/rife/designs/
Author: Apollo13Themes
Author URI: https://apollo13themes.com/
Theme URI: https://apollo13themes.com/rife/free/
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Requires at least: 4.7
Tested up to: 5.5
Requires PHP: 5.3.0
Tags: e-commerce, portfolio, photography, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, translation-ready, sticky-post, post-formats, custom-colors, custom-menu, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, rtl-language-support
Text Domain: rife-free
Version: 2.4.10
*/

/* ==========================================================================
   TABLE OF CONTENTS:

	   General styles
	   Preloader
	   Forms
	   Buttons
	   WordPress default styles
	   General layout
	   Header tools
	   Header menu general
	   Header menu horizontal
	   Header menu vertical
	   Logo
	   Header vertical
	   Header vertical variant right
	   Header horizontal general
	   Header horizontal variants
	   Top bar in header
	   Top closable message
	   Header search
	   Menu overlay
	   Footer
	   Footer unravel effect
	   Sidebar & widgets
	   Colors in dark sidebars
	   Title bar
	   Content layout variants
	   General content styles
	   Post meta
	   Posts navigation
	   Comments & about author
	   Add comment form
	   Attachment page
	   Posts list
	   Pagination
	   Works/Albums list
	   Category filter
	   Sidebar filter
	   Single albums
	   Works/Albums Navigation
	   Single work
	   Post lightbox
	   Flickity
	   A13 slider
	   A13 sticky one page
	   Things added to fullpage.js
	   Image carousel tweak
	   Typed js effect
	   Visual Composer - various things
	   Visual Composer extend
	   Counter shortcode
	   Visual Composer progress bar shortcode tweak
	   Visual Composer tab shortcode tweak
	   Post grid variants
	   Testimonial shortcode
	   Grid element for posts
	   Grid element for products
	   Grid element for works & albums
	   Side menu effects
	   Social icons
	   Some group Transitions
	   Post styles globals
	   Responsive design
   ========================================================================== */



/* ==========================================================================
   General styles
   ========================================================================== */
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,figure,footer,header,nav,section{display:block}a{background-color:transparent}a:active,a:hover{outline:0}strong{font-weight:700}img{border:0}figure{margin:1em 40px}button,input,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button{text-transform:none}button{-webkit-appearance:button;cursor:pointer}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}textarea{overflow:auto}
a{
	color: #222;
	text-decoration:none;
}
a:hover{
	color: #222;
	text-decoration: underline;
}



/* =============================================================================
   Preloader
   ========================================================================== */
#preloader{
	/*rtl:ignore*/
	direction: ltr;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#fff;
	z-index: 31999; /* makes sure it stays on top */
}
.no-js #preloader{
	display: none;
}
.preload-content{
	height: 80px;
	width: 300px;
	/*padding-top: 120px;*/
	position:absolute;
	left:50%;
	top:50%;
	margin: -40px 0 0 -150px;
	text-align: center;
}
.preloader-animation{
	height: 120px;
	width: 100%;
}
a.skip-preloader,
a.skip-preloader:hover{
	display: none;
	color: #fff;
	text-shadow: 0 -2px 1px #000;
	font-size: 24px;
	transition: text-shadow .3s;
}
a.skip-preloader:hover{
	text-shadow: 0 2px 1px #000;
}



/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Remove default fieldset styles.
 */
input[type="text"],
textarea{
	border: 1px solid transparent;
	background-color: #f5f5f5;
	color: #5b5b5b;
	font-size: 12px;
	padding: 9px 15px 7px;
	height: 40px;
	width: 100%;
	max-width: 450px;
	box-sizing: border-box;
	-webkit-border-radius: 0;
			border-radius: 0;
}
textarea{
	display: block;
	height: 136px;
	width: 100%;
	resize: vertical; /* Allow only vertical resizing of textareas. */
}
/* FOCUS COLORS */
input[type="text"]:hover,
textarea:hover,
input[type="text"]:focus,
textarea:focus{
	border-color: #d4d4d4;
	outline: none;
}
/* captcha plugin */

/* contact form 7 full width inputs */

/* wpForms full width inputs */
.wpforms-form input[type="text"],
.wpforms-form textarea{
	max-width: none;
}



/* =============================================================================
   Buttons
   ========================================================================== */
button[type="submit"]{
	background: #4E82F1 none;
	display: inline-block;
	border: none;
	box-shadow: none;
	cursor: pointer;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none;
	line-height: 42px;
	white-space: nowrap;
	height: 40px;
	padding: 0 30px;
	-webkit-border-radius: 20px;
			border-radius: 20px;
}
button[type="submit"]:hover,
button[type="submit"]:focus{
	background: #4E6BD6 none;
	color: #fff;
}



/* =============================================================================
   WordPress default styles
   ========================================================================== */
/* gallery */

/* gallery columns */



/* ==========================================================================
   General layout
   ========================================================================== */
body{
	height: 100%;
	background-color: #444;/* dark background looks better then white when side menu is moving */
	color: #7f7f7f;
	overflow-x: hidden;
}
.page-background{
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	-webkit-transform: translate3d(0px, 0, 0);/* fix for scroll jiggling */
			transform: translate3d(0px, 0, 0);/* fix for scroll jiggling */
}
#mid{
	overflow-x: hidden; /* Revo Slider fancy effects extending */
	overflow-y: hidden; /* Revo Slider fancy effects extending */
	position: relative;
	z-index: 2; /* above background */ /* padding is for full screen, rest for "to-move" class */
	transition: transform .5s;
}
#header{
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);
	background-color: #fff;
}
#footer{
	position: relative;
	z-index: 10;
}

/* elements printed AFTER FOOTER(positioned absolute) and plugins styles */
#content-overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	z-index: 20;
	transition: opacity .5s, transform .5s, width .1s .5s, height .1s .5s;
}
#basket-menu{
	position: absolute;
	top: 0;
	z-index: 19; /* above header, footer, content */
	width: 240px;
	padding: 40px;
	display: none;
	background: #fff;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.09);
	transform: translateY(-50px);
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s, visibility 0s .5s, transform .5s;
}

/* layout bordered */

/* layout boxed */

/* when admin bar */

/* cursors */

/* to top */
a.to-top{
	background-color: #524F51;
	outline: none !important;
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 100px;
	right: 40px;
	z-index: 1000;
	-webkit-border-radius: 20px;
			border-radius: 20px;
	color: #ccc;
	text-align: center;
	line-height: 38px;
	font-size: 13px;
	opacity: 0;
	visibility: hidden;
	transition: background-color 0.3s, color 0.3s, opacity 0.5s, visibility 0s 0.5s;
}
a.to-top::after {
	content: '';
	position: absolute;
	top: -20px;
	left: -20px;
	bottom: -20px;
	right: -20px;
	background: inherit;
	-webkit-border-radius: 40px;
			border-radius: 40px;
	z-index: -1;
	opacity: 0.4;
	-webkit-transform: scale3d(0.5, 0.5, 1);
			transform: scale3d(0.5, 0.5, 1);
}
a.to-top:hover {
	transition: background-color 0.1s 0.3s, color 0.1s 0.3s, opacity 0.5s, visibility 0s 0.5s;
	color: #fff;
	text-decoration: none;
	background-color: #000;
	-webkit-animation: anim-moema-1 0.3s forwards;
			animation: anim-moema-1 0.3s forwards;
}
a.to-top:hover::after {
	-webkit-animation: anim-moema-2 0.3s 0.3s forwards;
			animation: anim-moema-2 0.3s 0.3s forwards;
}
@-webkit-keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
				transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
				transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-1 {
	60% {
		-webkit-transform: scale3d(0.8, 0.8, 1);
				transform: scale3d(0.8, 0.8, 1);
	}
	85% {
		-webkit-transform: scale3d(1.1, 1.1, 1);
				transform: scale3d(1.1, 1.1, 1);
	}
	100% {
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}
}
@keyframes anim-moema-2 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
	}
}



/* PLUGINS */
/* Elementor editing */
/* lightGallery ligthbox */
/* center too small thumbs */
/* admin bar interferes when lightbox is open */



/* ==========================================================================
   Header tools
   ========================================================================== */
#header-tools{
	min-height: 26px;
	color: #444;
}
#header-tools .tool{
	display: inline-block;
	vertical-align: middle;
	color: #e5e5e5;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	cursor: pointer;
	transition: background-color .3s, color .3s;
}
#header-tools button{
	height: 26px;
	width: 36px;
	background-color: transparent;
	border: none;
	padding: 0 5px;
}
/* FireFox 63 loses focus styles on button, when button styles are changed */
#header-tools button:-moz-focusring{
	outline: 1px dotted;
}
#header-tools .tool:hover{
	color: #4d4d4d;
}
#header-tools .tool::before{
	display: block;
}
#header-tools #mobile-menu-opener{
	font-size: 18px;
	display: none;
}
/* basket counter */
#basket-menu-switch{
	position: relative;
}
#basket-items-count{
	position: absolute;
	top: -5px;
	left: 18px;
	min-width: 15px;
	line-height: 15px;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-family: 'Open Sans', arial, sans-serif;
	background-color: #F64747;
	-webkit-border-radius: 2px;
			border-radius: 2px;
}
#basket-items-count.zero{
	display: none;
}

/* language switcher */

/* button */

/* animated icons */

/* transform to X effect */
/* active state */

/* transform to X2 effect */
/* active state */

/* transform to X3 effect */
/* active state */


/* transform to Slider effect */

/* active state */

/* transform to <-- effect */
/* active state, i.e. menu open */

/* transform to --> effect */
/* active state, i.e. menu open */




/* ==========================================================================
   Header menu general
   ========================================================================== */
.top-menu{
	list-style: none;
	margin: 0;
	padding: 0;
}
.top-menu li {
	position:    relative;
	min-height:  22px; /* place for sub-mark */
	font-size: 14px;
}
.top-menu li a{ /* span.title only to gain color and block */
	color: #000;
	display: block;
	text-decoration: none;
}
.top-menu > li > a{
	position: relative;
	transition: background-color .5s, color .5s, line-height .5s, height .5s;
}
/* hover and active */
.top-menu a:hover,
.top-menu li.current-menu-item > a{
	color: #444;
}
/* margin for icon */
/* sub menu mark */
/* not linkable sub parent */
/* when effect for menu is added */
.top-menu.with-effect a em{
	font-style: normal;
}

/* next levels */
/* keep submenu open */

/* menu item with rollover icon */


/********/
/* END OF TOP MENU */


/* WPML FLAGS IN MENU */

/********/
/* MEGA MENU STYLE */


/* HTML ITEM */
/********/
/* END OF MEGA MENU STYLE */



/* ==========================================================================
   Header menu horizontal
   ========================================================================== */
.header-horizontal .navigation-bar{
	width: 100%;
	padding: 0 15px;
	position: relative; /* so submenus can be positioned properly */
}
.header-horizontal .top-menu{
	text-align: right;
	font-size: 0;/* no space between items */
}
.header-horizontal .top-menu li {
	white-space: nowrap;
}
/* sub menu mark */

/* First level */
.header-horizontal .top-menu > li{
	float: none;
	display: inline-block;
	vertical-align: bottom;
	text-align: left;
}
.header-horizontal .top-menu > li > a{
	padding: 0 10px; /* spacing in most top level */
}

/* next levels */

/* submenu opened other way */



/* ==========================================================================
   Header menu vertical
   ========================================================================== */
/* sub menu mark */

/* next levels */

/********/
/* MEGA MENU STYLE */



/* ==========================================================================
   Logo
   ========================================================================== */
a.logo{
	display: block;
	max-width: 200px;
	word-wrap: break-word;
	white-space: nowrap;
	padding: 10px 0;
	opacity: 1;
	vertical-align: middle;
	background: transparent 50% 50% no-repeat;
	background-size: contain;
	background-origin: content-box;
	transition: max-width .5s, padding .5s, color .5s, opacity .5s;
}
a.logo.text-logo{
	/* reset user.css styles */
	background-image: none;
	height: auto;
	line-height: 40px; /* min height of header part */
}
/* SVG logos */



/* ==========================================================================
   Header vertical
   ========================================================================== */

/* vertical mid */



/* ==========================================================================
   Header vertical variant right
   ========================================================================== */
/* GENERAL LAYOUT */

/* HEADER MENU */



/* =============================================================================
   Header horizontal general
   ========================================================================== */
.header-horizontal #header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;/* above footer */ /* bg-color is for hover, rest for "to-move" class */
	transition: transform .5s, background-color .5s;
}
#header.a13-horizontal{ /* removed from above rules too be easier overwritten */
	border-bottom: 1px solid #E5E5E5;
}
.header-horizontal #header .head{
	padding: 0 40px;
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}
#header.narrow .head{
	max-width: 1240px;
}
.header-horizontal .logo-container{
	transition:  max-width .5s, min-width .5s;
}
.header-horizontal .logo-container,
.header-horizontal .navigation-bar,
.header-horizontal #header-tools {
	display:        table-cell;
	vertical-align: middle;
}
.header-horizontal #header-tools {
	white-space: nowrap;
	text-align: right;
}
.header-horizontal #header-tools{
	padding-right: 15px;
}
.header-horizontal #header-tools::before{
	content: "";
	display: inline-block;
	height: 25px;
	width: 1px;
	background-color: #E5E5E5;
	margin-right: 15px;
	vertical-align: middle;
}

/* STICKY HEADER */

/* narrow overwrites */

/* header scrollable menu */



/* =============================================================================
   Header horizontal variants
   ========================================================================== */
/* ONE LINE */
.header-type-one_line .head{
	display: table;
}


/* ONE LINE MENU CENTERED */


/* ONE LINE LOGO CENTERED */


/* ONE LINE LOGO CENTERED WITH SHIELD  */


/* MULTI LINE */
/*noinspection CssOptimizeSimilarProperties*/



/* ==========================================================================
   Top bar in header
   ========================================================================== */



/* ==========================================================================
   Top closable message
   ========================================================================== */

/* button */

/* when there is no button */



/* ==========================================================================
   Header search
   ========================================================================== */

/* no results */



/* ==========================================================================
   Menu overlay
   ========================================================================== */

/* default effect*/

/* slide down effect*/

/* slide left/right effect*/

/* scale effect*/

/* circle effect*/



/* ==========================================================================
   Footer
   ========================================================================== */
#footer{
	font-size: 10px;
	background-color: #1E1E1E;
	width: 100%;
	box-sizing: border-box;
}
.foot-items{
	margin: 0 auto;
	padding: 0 70px;
}
#footer.narrow .foot-items .foot-content{
	margin: 0 auto;
}
#footer.narrow .foot-items .foot-content{
	max-width: 1160px;
}
.foot-items{
	color: #989898;
	background-color: #101010;
}
.foot-items .foot-content{
	padding: 15px 0;
}
.footer-separator .foot-items .foot-content{
	border-top: 1px solid transparent;
}


/* content */
.foot-text {
	line-height: 26px;
	max-width: 50%;
	float: left;
}

/* centered footer */
#footer.centered{
	text-align: center;
}
#footer.centered .foot-text {
	float: none;
	text-align: center;
	max-width: none;
}

/* footer in vertical header */



/* =============================================================================
   Footer unravel effect
   ========================================================================== */



/* =============================================================================
   Sidebar & widgets
   ========================================================================== */
.widget{
	margin: 35px 0 40px;
	font-size: 12px;
	line-height: 1.6667em;
}
.widget h3.title{
	margin: 0 0 25px;
	font-size: 14px;
	line-height: 1.4em;
	color: #222;
	text-align: left; /* WooCommerce was overwriting this */
}

/* COLORS */


/* lists in widgets */


/* RECENT/POPULAR/RELATED POSTS WIDGET */
/* RECENT COMMENTS WIDGET */

/* CALENDAR WIDGET */

/* RSS WIDGET */

/* TAG CLOUD WIDGET */

/* TEXT WIDGET Limits */

/* ALBUMS WIDGET*/

/* Socials WIDGET */

/* CONTACT INFO */


/* WIDGET SLIDER CONTROLS */

/* SEARCH FORM WIDGET */

/* Gallery widget */


/* =============================================================================
   Colors in dark sidebars
   ========================================================================== */



/* ==========================================================================
   Title bar
   ========================================================================== */

/* INSIDE VERSION */

/* OUTSIDE VERSION */

/* CLASSIC VARIANT */



/* ==========================================================================
   Content layout variants
   ========================================================================== */
.content-limiter{
	max-width: 1160px;
	margin: 0 auto;
}
#col-mask{
	/*rtl:begin:ignore*/
	float: left;
	position: relative;
	width: 100%;
	right: 25%;
	/*rtl:end:ignore*/
}
.content-box{
	/*rtl:begin:ignore*/
	float: left;
	position: relative;
	left: 25%;
	width: calc(75% - 10px);
	margin-right: 10px;
	/*rtl:end:ignore*/
}
.layout-full_fixed .content-box{
	width: 75%;
	/*rtl:ignore*/
	margin-right: 0;
	/*rtl:ignore*/
	margin-left: 0;
}
.no-sidebars #col-mask,
.no-sidebars .content-box{
	float: none;
	position: static;
	/*rtl:ignore*/
	left: auto;
	width: auto;
	/*rtl:ignore*/
	margin-right: 0;
}
.no-sidebars .content-box{
	/*rtl:ignore*/
	left: 0;
}

.layout-full_fixed #content{
	background-color: #fff;
}



/* ==========================================================================
   General content styles
   ========================================================================== */
.formatter{
	padding: 60px;
}
.no-bottom-space .content-box > .formatter{
	padding-bottom: 0 !important;
}
.no-top-space .content-box > .formatter{
	padding-top: 0 !important;
}
.real-content iframe{
	border: none;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.real-content{
	line-height: 1.7;
	margin-top: 15px;
}
.real-content:first-child{
	margin-top: 0;
}
.real-content h3{
	font-size: 1.625em;
	line-height: 1.15;
}
.real-content h2{
	font-size: 2em;
	line-height: 1.1;
}
.real-content ul{
	margin: .5em 1.5em;
	padding: 0;
}
.real-content li {
	padding: .2em 0;
}
.real-content img{
	height: auto;
	max-width: 100%;
	box-sizing: border-box;
}


/* 404 TEMPLATE */

/* PASSWORD FORM TEMPLATE */
/* body.password-protected is used to overwrite user.css rules */

/* password form */

/* page links if post is divided into parts */


/* COLUMNS */

/* special lists */



/* ==========================================================================
   Post meta
   ========================================================================== */



/* =============================================================================
   Posts navigation
   ========================================================================== */



/* =============================================================================
   Comments & about author
   ========================================================================== */
/** ABOUT AUTHOR */

/* COMMENTS */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}



/* =============================================================================
   Add comment form
   ========================================================================== */
/* captcha plugin */



/* =============================================================================
   Attachment page
   ========================================================================== */



/* ==========================================================================
   Posts list
   ========================================================================== */
/* in quote/link post format*/

/* post layouts on posts list */

/* RESPONSIVE WP VIDEO */

/* images slider */



/* =============================================================================
   Pagination
   ========================================================================== */
/* Infinite scroll*/



/* =============================================================================
    Works/Albums/People list
    ========================================================================== */
/* lock icon */

/* social icons plugin */

/* cross effect */

/* drop effect */

/* shift effect */

/* pop text effect */

/* border effect */

/* scale down effect */



/* =============================================================================
    Category filter
    ========================================================================== */



/* =============================================================================
    Sidebar filter
    ========================================================================== */



/* ==========================================================================
   Single albums
   ========================================================================== */

/* meta data */

/* share buttons */

/* bricks */

/* proofing */

/* finish proofing button */



/* ==========================================================================
   Works/Albums Navigation
   ========================================================================== */



/* ==========================================================================
   Single work
   ========================================================================== */

/* similar works */



/* =============================================================================
    Post lightbox
    ========================================================================== */



/* =============================================================================
    Flickity
    ========================================================================== */

/* Flickity v2.0.8 https://flickity.metafizzy.co */

/* draggable */

/* ---- previous/next buttons ---- */
/* right to left */

/* ---- page dots ---- */

/* ---- cells ---- */

/*lazy load*/

/* enlarged cell */

/* text content */
/* socials */

/* columns */
/* how to calculate below numbers - still unknown :-( */

/* effects*/




/* =============================================================================
    A13 slider
    ========================================================================== */

/* SLIDER CONTROLS */


/* SLIDE DESCRIPTION */

/* Thumbnail Tray */

/* Gradient */

/* PATTERNS */



/* ==========================================================================
   A13 sticky one page
   ========================================================================== */
/*!
 * fullPage 2.7.9
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */



/* ==========================================================================
   Things added to fullpage.js and overwrites
   ========================================================================== */
/* overwrites */
/* different position for default and custom bullet */
/* /overwrites */


/* additional styling */

/* move fp-nav according to current layout */



/* ==========================================================================
   Image carousel tweak
   ========================================================================== */



/* ==========================================================================
   Typed js effect
   ========================================================================== */



/* ==========================================================================
   Visual Composer - various things
   ========================================================================== */
/* filter in post grid */

/* buttons */



/* ==========================================================================
   Visual Composer extend
   ========================================================================== */
/* CountDown shortcode*/
/* Animation start */
/* Animation end */



/* ==========================================================================
   Counter shortcode
   ========================================================================== */



/* ==========================================================================
   Visual Composer progress bar shortcode tweak
   ========================================================================== */


/* ==========================================================================
   Visual Composer tab shortcode tweak
   ========================================================================== */



/* ==========================================================================
   Post grid variants
   ========================================================================== */



/* ==========================================================================
   Testimonial shortcode
   ========================================================================== */



/* ==========================================================================
   Grid element for posts
   ========================================================================== */



/* ==========================================================================
   Grid element for products
   ========================================================================== */



/* ==========================================================================
   Grid element for works & albums
   ========================================================================== */
/* take full width of grid element */
/* remove strange VC padding */

/* size Original */



/* ==========================================================================
   Main demo fly out
   ========================================================================== */



/* ==========================================================================
   Side menu effects
   ========================================================================== */
.close-sidebar{
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	color: #ccc;
	font-size: 20px;
	padding: 5px;
	transition: color .3s;
}
.close-sidebar:hover{
	color: #222;
}


/* Effects. 1-6 from left side, 7-12 from right side
 1,7: Slide in on top
 2,8: Reveal
 3,9: Push
 4,10: Slide along
 5,11: Reverse slide out
 6,12: Fall down */
/* shadow effect */

/* fix of bottom padding, cause sidebar is hiding under footer*/

/* IE 9 */
/* left side */
/* right side */



/* ==========================================================================
   Social icons
   ========================================================================== */
/* icons with background */

/* hovers after normal for proper overwrites */


/* icons without background */

/* hovers after normal for proper overwrites */



/* ==========================================================================
   Some group Transitions
   ========================================================================== */
.to-move{
	transition: transform .5s, visibility .5s;
}
/* For elements that are also manipulated by JS */

.foot-text a,.top-menu li,.top-menu a,.top-menu > li > a::before,.formatter a{
	transition: background-color .5s, color .5s;
}

input,
button[type="submit"],
textarea{
	transition: background-color .5s, border-color .5s, color .5s;
}




/* ==========================================================================
   Post styles globals
   ========================================================================== */
.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}
.clearfix::after {
	clear: both;
}
.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
}




/* ==========================================================================
   Responsive design
   ========================================================================== */
@media only screen and (min-width: 1560px) {
	/* make sure that sidebar wont get too wide */
	.no-sidebars .content-box{
		width: auto;
	}
}

@media only screen and (min-width: 1640px) {
	/* make sure that sidebar wont get too wide */
	.no-sidebars .content-box{
		width: auto;
	}
}

@media only screen and (min-width: 1301px) {
	/* we return number much above any breakpoints that we use in JS - need for not null values */
	body::after {
		content: 'narrow1500'; /* info for JS */
		display: none;
	}
}



@media only screen and (max-width: 1400px) and (min-width: 1025px) {
	/* make sure that sidebar wont get too narrow */
}
@media only screen and (max-width: 1320px) and (min-width: 1025px) {
	/* make sure that sidebar wont get too narrow */
}
@media only screen and (max-width: 1150px) and (min-width: 1025px) {
	/* make sure that sidebar wont get too narrow */
}

@media only screen and (max-width: 1300px) {
	body::after {
		content: 'narrow1300'; /* info for JS */
		display: none;
	}

	/* remove bordered layout */

	/* fix positioning of fp-nav according to current layout */

	/* vertical header */

	/* footer with unravel effect */

	/* menu overlay */
}
@media only screen and (max-width: 1240px) {
	/* fix narrow horizontal header */
}
@media only screen and (max-width: 1024px) {
	body::after {
		content: 'narrow1024'; /* info for JS */
		display: none;
	}

	/* general layout */
	a.to-top {
		right: 20px;
	}

	/* header */
	#header-tools #mobile-menu-opener{
		display: inline-block;
	}
	#basket-items-count{
		left: 0;
	}
	a.logo{
		white-space: normal; /* for text logo */
	}

	/* vertical header */

	/* header search */

	/* header horizontal */

	/* header multi line */

	/* ONE LINE LOGO CENTERED */

	/* ONE LINE LOGO CENTERED WITH SHIELD  */

	/* MOBILE MENU */
	.navigation-bar .menu-container{
		display: none; /* so no flash of menu till we decide that menu should be visible */
	}

	/* all items */

	/* first level items */

	/* parents items with openers */

	/* submenu openers */

	/* needed for vertical header when hover effect is added */

	/* animate first level menu items after opening menu */

	/* MEGA MENU OVERWRITES */
	/* borders in section mega menu */
	/* END OF MOBILE MENU */

	/* DYNAMIC SEARCH RESULTS */

	/* footer */
	#footer{
		z-index: 8; /* below header */
	}
	.foot-items{
		padding: 0 60px;
	}

	/* content layouts */

	/* comments */

	/* single album slider */

	/* single album bricks */

	/* single album slider */

	/* single work */

	/* Post lightbox */

	/* move fp-nav according to current layout */
}

@media only screen and (max-width: 782px) {
	/* header */

	/* TOP CLOSABLE MESSAGE */

	/* menu overlay */

	/* content */
}

@media only screen and (max-width: 768px) {
	body::after {
		content: 'narrow768'; /* info for JS */
		display: none;
	}

	/* wp-gallery */

	/* menu */

	/* title bar */

	/* content layouts */
	#col-mask{
		/*rtl:ignore*/
		right: auto;
		float: none;
	}
	.content-box{
		/*rtl:begin:ignore*/
		float: none;
		left: auto;
		width: auto;
		margin-left: 0;
		margin-right: 0;
		/*rtl:end:ignore*/
	}

	/* main sidebar */

	/* bricks blog */

	/* comments */

	/* single album slider */

	/* single work */
	/* similar works */
}

@media only screen and (max-width: 600px) {
	body::after {
		content: 'narrow600'; /* info for JS */
		display: none;
	}

	/* general layout */
	a.to-top {
		bottom: 40px;
	}

	/* 404 TEMPLATE */

	/* HEADER */

	/* flexbox header */
	.header-horizontal .head{
		display: flex;
		align-items: center;
		flex-flow: row nowrap;
		justify-content: space-between;
	}
	.header-horizontal #header-tools{
		padding-right: 0;
		margin-left: auto;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-items: center;
		align-self: stretch;
	}

	/* IE 9 overwrites for flex-box */

	/* variants different behaviour */
	/* the same is defined in desktop styles with #header.header-type-multi_line .head ~1799 */
	/*.header-type-multi_line .head{
		display: block;
	}*/

	/* other header changes */
	.header-horizontal #header-tools::before{
		display: none;
	}

	/* vertical header */

	/* top bar */

	/*noinspection ALL*/

	/* menu overlay */

	/* top closable message */

	/* footer */
	.foot-items{
		padding: 0 40px;
	}
	.foot-text {
		float: none;
		text-align: center;
		max-width: none;
	}

	/* content layouts */
	.formatter{
		padding: 40px;
	}

	/* password form */

	/* posts navigation */

	/* comments */



	/* single album bricks */

	/* proofing */

	/* single album slider */

	/* scroller */

	/* works/albums naviagtion */
	/* similar works */

	/* Post lightbox */
}

@media only screen and (max-width: 480px) {
	/* wp-gallery */

	/* footer */

	/* full width widgets */

	/* center widgets content */
	.widget{
		text-align: center;
	}
	.widget h3.title{
		text-align: center;
	}

	/* COLUMNS */
}

@media only screen and (max-width: 400px) {
	/* header */
	.header-horizontal #header .head{
		/*rtl:ignore*/
		padding-left: 20px;
		/*rtl:ignore*/
		padding-right: 20px;
	}


	/* MOBILE MENU */

	/* header search */

	/* title bar */

	/* footer */
	.foot-items{
		padding: 0 20px;
	}

	/* content layouts */
	.formatter{
		padding: 20px;
	}

	/* comments */

	/* single album bricks */

	/* single album slider */
}