/*
Theme Name: Joker
Theme URI: https://velikorodnov.com/site/joker_wordpress_single_project.html
Author: Designed by monkeysan
Author URI: https://velikorodnov.com/
Description: Joker Premium Portfolio & Video WordPress Theme.
Version: 1.3.1
Tags: one-column, two-columns, left-sidebar, right-sidebar, sticky-post, post-formats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, theme-options, featured-images
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Text Domain: joker
*/

/*------------------------------------------------------------------
[Master Stylesheet]

Project:	Joker
Last change:	22/12/2020 [initial release]
Assigned to:	mad_velikorodnov
Primary use:	Portfolio & Video

/*------------------------------------------------------------------
[Color codes]

# Primary Color: #0097ad

Background:	#181818
Header h1:	#181818
Header h2:	#181818

a (standard):	#0097ad
a (hover): 		#0097ad
::selection:	#cdcdcd
# */

/*------------------------------------------------------------------
[Typography]

Body copy:	400 16px/24px 'Open Sans', sans-serif;
Headers:	1.2em 'Open Sans' sans-serif;

/*
-----------------------------------------------------
	Stylesheet Guide
-----------------------------------------------------

	1. Reset
	2. Default stylesheets
		2.1 WP need classes
		2.2 General classes
	3. Header
		3.1 Page actions
		3.2 Main navigation
			3.2.1 Vertical
			3.2.2 Horizontal
	4. Basic Elements
		4.1 Typography
		4.2 Dividers
		4.3 Tooltips
		4.4 Lists
		4.5 Buttons
		4.6 Tables
		4.7 Forms
	5. Widgets and Shortcodes
		5.1 Widget Custom Menu
		5.2 Widget Calendar
		5.3 Widget Text
		5.4 Widget Popular Posts
		5.5 Tabs and Tour Sections
		5.6 Accordion and Toggles
		5.7 Alert Boxes
		5.8 Progress Bars
		5.9 Team Members
		5.10 Counters
		5.11 Icon Boxes
		5.12 Before/After
		5.13 Pricing Tables
		5.14 Countdown
	6. Carousels
	7. Lightboxes
	8. Sidebar
		8.1 Widgets
			8.1.1 Popular Posts
			8.1.2 Related Posts
			8.1.3 Text Widget
			8.1.4 Flickr, Dribbble, Instagram
			8.1.5 Tag Cloud
	9. Isotope
	10. Main
	11. Pages
	12. Portfolio & Gallery
		12.1 Portfolio Single item
		12.2 Related Portfolio Projects
		12.3 Gallery Albums
		12.4 Gallery Flow
		12.5 Protected Gallery
		12.6 Gallery wall items
	13. Blog
	14. Animations
	15. Footer
	16. Cookie Alert Styles

*/

/* ------------------------------------------------
		1. Reset
------------------------------------------------ */

*{margin:0;padding:0;border:none;}article,aside,audio,canvas,datalist,details,embed,figcaption,figure,footer,header,keygen,meter,nav,output,progress,section,source,video,main{display:block}mark,rp,rt,ruby,summary,time{display:inline}a, abbr, acronym, address, applet, article, aside, audio,b, blockquote, big, body,center, canvas, caption, cite, code, datalist, dd, del, details, dfn, dl, div, dt, em, embed, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, html,i, iframe, img, ins,kbd, keygen,label, legend, li, meter,nav,object, ol, output,p, pre, progress,q, s, samp, section, small, span, source, strike, strong, sub, sup,table, tbody, tfoot, thead, th, tr, tt,u, ul, var{background: transparent;border: 0 none;font-weight: inherit;margin: 0;padding: 0;border: 0;outline: 0;vertical-align: top;}a{text-decoration:none;outline: none;}b, strong{font-weight:bold;}q {quotes: none;}table, table td { padding:0;border:none;border-collapse:collapse;}img{vertical-align:top; max-width:100%; height: auto; }embed{ vertical-align:top;}input,textarea{font-family:inherit;}button::-moz-focus-inner{border:0;}th{text-align:left;}textarea{outline:none;}.clearfix::after{content:""; display: block; clear:both;}button{cursor: pointer;}#_atssh{display: none;}

/* ------------------------------------------------
		2. Default stylesheets
------------------------------------------------ */

	html {
		margin-top: 0;
		overflow-x: hidden;
	}

	body {
		background-color: #fff;
		font: 400 16px/24px 'Open Sans', sans-serif;
		color: #181818;
	}

	fieldset { margin-bottom: 30px; }

		fieldset legend { padding: 0 5px; }

	::selection 	 { background: #cdcdcd; }
	::-moz-selection { background: #cdcdcd; }

	::-webkit-scrollbar {
		background: #cdcdcd;
		width: 10px;
	}

	::-webkit-scrollbar-thumb { background: #181818; }

	::-webkit-input-placeholder {
		color:#505050;

		-webkit-transition: text-indent .5s ease, color .5s ease;
				transition: text-indent .5s ease, color .5s ease;
	}

	input::-moz-placeholder {
		color: #505050;
		opacity: 1;
	}

	textarea::-moz-placeholder {
		color: #505050;
		opacity: 1;
	}

	[placeholder]:focus::-webkit-input-placeholder {
		text-indent:10em;
		color:transparent;
	}

	a {
		/*position: relative;*/
		color: #0097ad;
		-webkit-transition: color .7s ease, border-color .7s ease, background-color .7s ease;
				transition: color .7s ease, border-color .7s ease, background-color .7s ease;
	}

	a:focus,
	a:hover {
		color: #0097ad;
		text-decoration: underline;

		-webkit-transition: color .1s ease, border-color .1s ease, background-color .1s ease;
				transition: color .1s ease, border-color .1s ease, background-color .1s ease;
	}

/* ------------------------------------------------
	2.1 WP need classes
------------------------------------------------ */

	.wp-caption.alignright {
		margin-bottom: 20px;
		margin-left: 20px;
	}

	.wp-caption.alignleft  {
		margin-bottom: 20px;
		margin-right: 20px;
	}

	.wp-caption.alignnone { margin-bottom: 20px; }

	.wp-caption 	 { max-width: 100%; }
	.wp-caption-text { margin: 5px 0; }
	.sticky { border-radius: 0; }
	.gallery { outline: none; }
	.gallery-caption { outline: none;  }
	.bypostauthor { outline: none;  }

	/* styles for img sizes */
	img.size-full {}
	img.size-large {}
	img.size-medium {}
	img.size-thumbnail {}

	/* not classes, but surely something you should take care of */
	blockquote {}
	code {}
	pre {}
	hr {}
	del {}

	.gallery-item .gallery-icon a {
		display: block;
		position: relative;
	}

	.alignnone { }

	img.aligncenter,
	.iframe_wrap.aligncenter { margin-bottom: 13px; }

	img[class*="align"] + p  { padding-top: 4px; }

	blockquote[class*="align"] { width: 450px; }

	blockquote.alignright { margin-left: 20px; }
	blockquote.alignleft  { margin-right: 20px; }

	.align_center { text-align: center; }
	.align_left	  { text-align: left; }
	.align_right  { text-align: right; }
	.alignleft    { float: left; }
	.alignright   { float: right; }

	img.alignleft, a.alignleft     { margin: 0 20px 15px 0; }
	img.alignright, a.alignright   { margin: 0 0 15px 20px; }
	img.aligncenter, a.aligncenter { margin: 0 auto; }

	a.alignnone,
	a.alignleft,
	a.alignright { position: relative; }

	a.alignnone { display: inline-block; }

	img.aligncenter { display: block; }

	a.alignleft img.alignleft,
	a.alignright img.alignright { margin: 0; }

	span.aligncenter {
		display: block;
		margin-bottom: 15px;
		text-align: center;
	}

	a.aligncenter {
		position: relative;
		float: none;
		display: inline-block;
		text-align: center;
	}

	a.aligncenter img.aligncenter {
		clear: both;
		display: block;
		margin: 0 auto;
	}

/* ------------------------------------------------
	2.2 General Classes
------------------------------------------------ */

	.page_title { margin-bottom: 25px; }

	#page_wrap.wall .page_title { margin-top: 45px; }

		.page_title .extra-title { margin-bottom: 0; }

		.page_title.with-subtitle .extra-title { margin-bottom: 10px; }

	.section_offset:not(:last-child) { margin-bottom: 40px; }

	.j_hide { display: none; }

	#document_wrap {
		position: relative;
		overflow: hidden;
	}

	.md_flexbox #wrapper {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

		.md_flexbox #document_wrap {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;
			flex-direction: column;
			min-height: 100vh;
			width: 100%;
		}

		.md_flexbox .admin-bar #document_wrap {
			min-height: calc(100vh - 31px);
		}

		.md_no-touch #document_wrap {
			left: 0;

			-webkit-transition: all .4s ease;
					transition: all .4s ease;
		}

		.md_no-touch .vertical_menu_type.menu_opened #document_wrap { left: -150px; }

			#page_wrap {
				padding: 156px 0 100px;
				overflow: hidden;
			}

			.md_flexbox #page_wrap {
				-webkit-box-flex: 1;
				-webkit-flex: 1 0 auto;
				-ms-flex: 1 0 auto;
				flex: 1 0 auto;
			}

			.admin-bar #page_wrap { padding-top: 162px; }

			body .extended_wrap + #page_wrap { padding: 56px 0 100px;  }
			#page_wrap.wall					 { padding: 110px 0 100px; }
			#page_wrap.ribbon 				 { padding-top: 110px; }

			/*body.joker-has-gallery.fullscreen #page_wrap { padding-top: 110px; }*/

			#page_wrap.ribbon { padding-bottom: 19px; }

			#page_wrap.flow {
				padding-top: 0;
				padding-bottom: 0;
			}

			#page_wrap.fullscreen,
			body.fullscreen #page_wrap,
			#page_wrap.tilt_container { padding: 0; }

		.template_container {
			padding-left: 30px;
			padding-right: 30px;
		}

		.iframe_wrap {
			position: relative;
			height: 0;
			margin-bottom: 20px;
			padding-bottom: 58%;
		}

		.single .type-post .iframe_wrap,
		.lightbox-added {
			display: block;
			margin-bottom: 20px;
		}

		.attachment > .lightbox-added { display: inline-block; }

		.wall_j_item .lightbox-added,
		.owl_carousel .lightbox-added,
		.vc_images_carousel .lightbox-added,
		.widget .lightbox-added { margin-bottom: 0; }

		.iframe_wrap > iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

		iframe[src*="soundcloud.com/player"] { width: 100%; }

		.on_the_sides {
			margin-bottom: 0;
			text-align: justify;
			line-height: 0;
		}

		.on_the_sides:after {
			display: inline-block;
			width: 100%;
			content: '';
		}

			.on_the_sides > * {
				display: inline-block;
				vertical-align: middle;
				font-size: 14px;
				line-height: 1.5em;
			}

			.on_the_sides .left_side { max-width: 80%; }

			.on_the_sides [class*="_side"] > * { display: inline-block; }

		.xy_centered::after {
			content: "";
			display: inline-block;
			vertical-align: middle;
			height: 90%;
		}

		.xy_centered > *{
			display: inline-block;
			vertical-align: middle;
		}

		.joker_page_loader {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: #181818;
			z-index: 1005;
		}

			.joker_page_loader #joker-loader {
				display: block;
				position: relative;
				left: 50%;
				top: 50%;
				width: 76px;
				height: 76px;
				margin: -38px 0 0 -38px;
				border-radius: 50%;
				border: 3px solid transparent;
				border-top-color: #0097ad;

				-webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
						animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
			}

			.joker_page_loader #joker-loader::before {
				content: "";
				position: absolute;
				top: 3px;
				left: 3px;
				right: 3px;
				bottom: 3px;
				border-radius: 50%;
				border: 3px solid transparent;
				border-top-color: inherit;

				-webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
						animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
			}

			.joker_page_loader #joker-loader::after{
				content: "";
				position: absolute;
				top: 9px;
				left: 9px;
				right: 9px;
				bottom: 9px;
				border-radius: 50%;
				border: 3px solid transparent;
				border-top-color: inherit;

				-webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
						animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
			}

		/* selectors, which can be removed in the final product */

		.table_example_offset{
			margin-bottom: 30px;
		}

		.buttons_example_row{
			overflow: hidden;
		}

		.buttons_example_row > .btn{
			float: left;
		}

		.buttons_example_row:not(:last-child) > .btn{
			margin-bottom: 10px;
		}

		.buttons_example_row > .btn:not(:last-child){
			margin-right: 10px;
		}

		.counters {
			padding-top: 32px;
		}

/* ------------------------------------------------
		3. Header
------------------------------------------------ */

	#header {
		position: fixed;
		z-index: 1005;
		left: 0;
		top: 0;
		padding: 13px 30px;
		width: 100%;
		background-color: #181818;
		font-size: 0;
	}

	.admin-bar #header { top: 32px; }

	.joker-has-gallery #header {
		height: 100px;
	}

	#header.transparent { background-color: transparent; }

	#header.filled { background-color: #181818; }

	#header::after {
		content: "";
		display: block;
		clear: both;
	}

		.logo {
			display: inline-block;
			vertical-align: middle;
			position: relative;
			z-index: 1;
			margin: 0;
		}

			.logo img { max-height: 74px; }

		.horizontal_menu_type .logo { width: 10%; }

			.logo a {
				text-decoration: none;
				color: #fff;
			}

	/* for horizontal menu type */

	#header::before {
		content: "";
		display: block;
		position: absolute;
		z-index: -1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #181818;
		opacity: 0;

		-webkit-transition: -webkit-transform .4s ease, opacity .4s ease;
				transition: 		transform .4s ease, opacity .4s ease;
		-webkit-transform: translateY(-80%);
			-ms-transform: translateY(-80%);
				transform: translateY(-80%);
	}

	.menu_opened.horizontal_menu_type #header::before {
		opacity: 1;

		-webkit-transform: translateY(0%);
			-ms-transform: translateY(0%);
				transform: translateY(0%);
	}

	/* --------------------------------------------
			3.1 Page actions
	-------------------------------------------- */

		#top_actions_wrap {
			position: absolute;
			top: 0;
			padding: 21px 0;
			right: 30px;
			color: #fff;
		}

		#top_actions_wrap::after {
			display: block;
			clear: both;
			content: "";
		}

			#top_actions_wrap > * {
				display: inline-block;
				vertical-align: middle;
				margin-left: 12px;
			}

			#top_actions_wrap > .action_btn,
			#top_actions_wrap > .action_btn ~ .toggle_btn,
			#top_actions_wrap > .action_btn ~ .nav_searchform,
			#top_actions_wrap > .action_btn ~ .shopping_cart_wrap {
				position: relative;
			}

			/*#top_actions_wrap > .action_btn,*/
			#top_actions_wrap > .action_btn ~ .shopping_cart_wrap {
				margin-left: 0;
			}

			.toggle_btn,
			.responsive-nav-button
			{
				position: relative;
				z-index: 102;
			}

			.visible_horizontal_menu #top_actions_wrap > .toggle_btn { display: none; }

			#tmpl-joker-filter-wrap { display: none; }

			#filter_wrap { position: relative; }

				.filter-list > li {
					cursor: pointer;
					list-style: none;
					font-size: 16px;

					-webkit-transition: color .7s ease;
							transition: color .7s ease;
				}

				.filter-list > li:not(:last-child) { margin-bottom: 6px; }

				.filter-list > li:hover,
				.filter-list > li.active
				{
					color: #0097ad;

					-webkit-transition: color .1s ease;
							transition: color .1s ease;
				}

	/* --------------------------------------------
			3.2 Main navigation
	-------------------------------------------- */

	#document_wrap > #advanced-menu-hide {
		visibility: hidden;
		pointer-events: none;

		-webkit-transform: translateX(200%);
			-ms-transform: translateX(200%);
				transform: translateX(200%);
		-webkit-transition-duration: .5s;
				transition-duration: .5s;
		-webkit-transition-delay: .4s;
				transition-delay: .4s;
		-webkit-transition-property: -webkit-transform;
				transition-property: transform;
		-webkit-transition-timing-function: ease;
				transition-timing-function: ease;
	}

	.mobile-advanced,
	#top_actions_wrap > .responsive-nav-button { display: none; }

	.vm_wrap .over_container { overflow: auto; }

		.main_navigation li {
			position: relative;
			list-style: none;
		}

			.main_navigation li a {
				display: block;
				color: #cdcdcd;
				font-size: 16px;
			}

			.main_navigation a:hover,
			.main_navigation a:focus {
				text-decoration: none;
				outline: none;
			}

			.main_navigation .navigation > li > a { text-transform: uppercase; }

			.main_navigation .menu-item-has-children > a,
			.main_navigation .page_item_has_children > a
			{
				position: relative;
				padding: 0 20px 0 0;
			}

			.main_navigation .menu-item-has-children > a::after,
			.main_navigation .page_item_has_children > a::after
			{
				position: absolute;
				top: 50%;
				right: 4px;
				display: block;
				margin-top: 1px;
				font-family: 'fontello';
				content: "\e878";
				font-size: 17px;
				line-height: 0;
				height: 2px;
				color: #505050;

				-webkit-transition: inherit;
						transition: inherit;
			}

			.main_navigation .menu-item-has-children.active > a::after,
			.main_navigation .page_item_has_children.active > a::after { content: "\e87b"; }

			.main_navigation li:hover > a,
			.main_navigation .active > a,
			.main_navigation .current-menu-item > a,
			.main_navigation .current-menu-parent > a,
			.main_navigation .current-menu-ancestor > a,
			.main_navigation .current_page_item > a,
			.main_navigation .current_page_parent > a,
			.main_navigation .current_page_ancestor > a
			{
				color: #0097ad;
			}

			.main_navigation a::before { display: none; }

			.main_navigation li:hover > a::after,
			.main_navigation .active > a::after,
			.main_navigation .menu-item-has-children.current-menu-item > a::after,
			.main_navigation .menu-item-has-children.current-menu-parent > a::after,
			.main_navigation .menu-item-has-children.current-menu-ancestor > a::after,
			.main_navigation .menu-item-has-children.current_page_item > a::after,
			.main_navigation .menu-item-has-children.current_page_parent > a::after,
			.main_navigation .menu-item-has-children.current_page_ancestor > a::after,
			.main_navigation .page_item_has_children.current_page_item > a::after,
			.main_navigation .page_item_has_children.current_page_parent > a::after,
			.main_navigation .page_item_has_children.current_page_ancestor > a::after
			{
				color: #0097ad;

				-webkit-transition: inherit;
						transition: inherit;
			}

			.vm_wrap .main_navigation .sub-menu,
			.vm_wrap .main_navigation .children,
			.md_nocsstransitions .main_navigation .sub-menu { display: none; }

				.hm_wrap .main_navigation .sub-menu a { font-size: 14px; }

		/* --------------------------------------------
			3.2.1 Vertical
		-------------------------------------------- */

			.vm_wrap {
				position: fixed;
				top: 0;
				right: 0;
				height: 100%;
				background: #181818;
				padding: 100px 25px 100px 30px;
				width: 300px;
				z-index: 101;
				-webkit-backface-visibility: hidden;

				-webkit-transition: -webkit-transform .4s ease;
						transition: 		transform .4s ease;
				-webkit-transform: translateX(100%);
					-ms-transform: translateX(100%);
						transform: translateX(100%);
			}

			.menu_opened .vm_wrap {
				-webkit-transform: translateX(0);
					-ms-transform: translateX(0);
						transform: translateX(0);
			}

			.admin-bar .vm_wrap { top: 32px; }

			.vm_wrap.hf { height: 101%; }

			.vm_wrap::before {
				position: absolute;
				top: 0;
				right: 100%;
				z-index: 0;
				width: 10000%;
				height: 100%;
				display: block;
				background: rgba(24, 24, 24, .6);
				opacity: 0;
				visibility: hidden;
				content: "";

				-webkit-transition: opacity .4s ease, visibility .4s ease;
						transition: opacity .4s ease, visibility .4s ease;
			}

			.menu_opened .vm_wrap::before {
				opacity: 1;
				visibility: visible;
			}

			.vm_wrap .navigation li:not(:last-child) { margin-bottom: 12px; }

			.vm_wrap .menu-item-has-children > .sub-menu,
			.vm_wrap .page_item_has_children > .children { padding-left: 10px; }

				.vm_wrap .navigation .sub-menu > li,
				.vm_wrap .navigation .children > li { margin: 6px 0 0; }

		/* --------------------------------------------
			3.2.2 Horizontal
		-------------------------------------------- */

			.hm_wrap
			{
				display: inline-block;
				vertical-align: middle;
				width: 75%;
				padding-left: 60px;
				opacity: 0;
				visibility: hidden;
				top: 0;

				-webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease;
						transition: 		transform .4s ease, opacity .4s ease, visibility .4s ease;
				-webkit-transform: translateY(-80%);
					-ms-transform: translateY(-80%);
						transform: translateY(-80%);
			}

			body.single .hm_wrap { width: 70%; }

			.menu_opened .hm_wrap {
				opacity: 1;
				visibility: visible;

				-webkit-transform: translateY(0);
					-ms-transform: translateY(0);
						transform: translateY(0);
			}

			.hm_wrap.menu-align-right { text-align: right; }

				.hm_wrap.menu-align-right .main_navigation { display: inline-block; }

			.hm_wrap .navigation::after {
				content: "";
				display: block;
				clear: both;
			}

				.hm_wrap > nav { display: inline-block; }

					.hm_wrap .navigation { margin-bottom: 0; }

					.menu_opened #top_actions_wrap > .action_btn,
					.menu_opened #top_actions_wrap > .shopping_cart_wrap,
					.menu_opened #top_actions_wrap > #filter_wrap
					{
						opacity: 0;
						visibility: hidden;
					}

					.visible_horizontal_menu.menu_opened #top_actions_wrap > .action_btn,
					.visible_horizontal_menu.menu_opened #top_actions_wrap > .shopping_cart_wrap,
					.visible_horizontal_menu.menu_opened #top_actions_wrap > #filter_wrap
					{
						opacity: 1;
						visibility: visible;
					}

						.hm_wrap .navigation > li { float: left; }

						.hm_wrap .navigation > li:not(:last-child) { margin-right: 25px; }

					.hm_wrap .sub-menu {
						white-space: nowrap;
						padding: 23px 30px;
						position: absolute;
						top: 100%;
						left: -30px;
						margin-top: 22px;
						background: #181818;
						opacity: 0;
						visibility: hidden;
						text-align: left;

						-webkit-transform: scale3d(.85, .85, .85);
						-ms-transform: scale3d(.85, .85, .85);
								transform: scale3d(.85, .85, .85);
						-webkit-transition: -webkit-transform .35s ease, opacity .35s ease, visibility .35s ease;
								transition: transform .35s ease, opacity .35s ease, visibility .35s ease;
					}

					.hm_wrap .menu-item-has-children:hover > .sub-menu,
					.hm_wrap .page_item_has_children:hover > .children
					{
						opacity: 1;
						visibility: visible;

						-webkit-transform: scale3d(1, 1, 1);
						-ms-transform: scale3d(1, 1, 1);
						transform: scale3d(1, 1, 1);
					}

					.hm_wrap .sub-menu .sub-menu,
					.hm_wrap .children .children {
						top: -23px;
						left: 100%;
						margin: 0 0 0 20px;

						-webkit-animation-name: zoomOutLeft;
								animation-name: zoomOutLeft;
					}

					.hm_wrap .sub-menu .menu-item-has-children:hover > .sub-menu,
					.hm_wrap .children .page_item_has_children:hover > .children
					{
						-webkit-animation-name: zoomInLeft;
								animation-name: zoomInLeft;
					}

					.md_no-touch .hm_wrap .navigation > .menu-item-has-children > .sub-menu::after,
					.md_no-touch .hm_wrap .sub-menu .menu-item-has-children > .sub-menu::after,
					.md_no-touch .hm_wrap .navigation > .page_item_has_children > .children::after,
					.md_no-touch .hm_wrap .children .page_item_has_children > .children::after
					{
						content:"";
						display: block;
						position: absolute;
						width: 100%;
						bottom: 100%;
						height: 22px;
						left: 0;
					}

					.md_no-touch .hm_wrap .sub-menu .menu-item-has-children > .sub-menu::after,
					.md_no-touch .hm_wrap .children .page_item_has_children > .children::after
					{
						top: 0;
						bottom: auto;
						left: auto;
						right: 100%;
						width: 20px;
						height: 100%;
					}

					.hm_wrap .sub-menu > li:not(:last-child) { margin-bottom: 6px; }

					.hm_wrap .sub-menu .menu-item-has-children > a::after,
					.hm_wrap .children .page_item_has_children > a::after { content: "\e87a"; }

/* ------------------------------------------------
		4. Basic Elements
------------------------------------------------ */

	/* --------------------------------------------
			4.1 Typography
	-------------------------------------------- */

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

		code {
			padding: 2px 4px;
			font-size: 90%;
			color: #aaa;
			background-color: #f8f8f8;
			border-radius: 4px;
		}

		table, dl {
			margin-bottom: 25px;
		}

		dt, b, strong { font-weight: 700; }

		dt, dd {
			padding: 4px 0;
		}

		address {
			font-style: normal;
			margin: 0 0 1.6em;
		}

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

		blockquote cite { display: block; }

		img {
			-ms-interpolation-mode: bicubic;
			border: 0;
			height: auto;
			max-width: 100%;
			vertical-align: top;
		}

		ul, ol {
			margin-bottom: 25px;
			list-style-position: inside;
		}

		.vc_tta ul,
		.vc_tta ol { margin-bottom: 0; }

		ul:not(.list_of_entries) ul, ol ol,
		ul:not(.list_of_entries) ol, ol ul { margin-bottom: 0; }

			.entry_extra ul ul, .entry_extra ol ol,
			.entry_extra ul ol, .entry_extra ol ul {
				margin-top: 5px;
				margin-bottom: 5px;
			}

				.entry_extra li { line-height: 27px; }

			@media screen and (min-width: 38.75em) {
				li > ul, li > ol,
				blockquote > ul,
				blockquote > ol {
					margin-left: 1.5em;
				}
			}

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

		sub { top: .5ex;   }
		sup { bottom: 1ex; }

		pre {
			clear: both;
			border-style: solid;
			border-width: 1px;
			overflow: auto;
			padding: 2em;
			line-height: 2em;
			font-size: 12px;
			background-image: -webkit-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
			background-image: -moz-linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
			background-image: linear-gradient(rgba(0, 0, 0, .05) 50%, transparent 50%, transparent);
			font-family: Monaco, "Andale Mono", "Courier New", Courier, monospace;
			margin-bottom: 1em;
			position: relative;
			left: 0;
			text-transform: none;
			width: 100%;
			word-break: break-all;
			word-wrap: break-word;
			-webkit-background-size: 100% 4em;
			background-size: 100% 4em;
			-webkit-transition: all ease-in-out 0.5s;
			transition: all ease-in-out 0.5s;
		}

		h1, h2, h3, h4, h5, h6 {
			margin-bottom: 20px;
			font-family: 'Open Sans';
			line-height: 1.2em;
			font-weight: 700;
		}

		h1 {
			font-size: 48px;
			margin-bottom: 24px;
		}

		h2 {
			font-size: 36px;
			margin-bottom: 20px;
		}

		h3 { font-size: 30px; }
		h4 { font-size: 24px; }
		h5 { font-size: 18px; }
		h6 { font-size: 16px; }

		p:not(:last-child) { margin-bottom: 18px; }

		h4 label { margin-bottom: 0; }

		mark {
			display: inline-block;
			padding: 0 3px;
			background-color: #cdcdcd;
		}

		small { font-size: 13px; }

		p, blockquote {
			margin-bottom: 1em;
			line-height: 1.5em;
		}

		blockquote:not(.testimonial) {
			padding: 15px 30px 17px 18px;
			background-color: #f8f8f8;
			border: 2px solid #0097ad;
			font-weight: 700;
		}

			blockquote p { margin-bottom: 0; }

		.vc_tta blockquote {
			padding: 5px 20px;
			background-color: transparent;
			border: none;
		}

		blockquote > p:first-of-type::before,
		blockquote > p:last-of-type::after { display: inline-block; }

		.post-quote { position: relative; }

		.whole-link {
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
		}

		blockquote .author {
			font-weight: 400;
			font-style: normal;
		}

		.testimonials-area .tm-columns-2 .tm-grid,
		.testimonials-area .tm-columns-3 .tm-grid {
			margin-left: -15px;
			margin-right: -15px;
		}

		.testimonials-area .tm-grid:before {
			content: " ";
			display: table;
		}

			.testimonials-area .tm-item { margin-bottom: 1.5em; }

			.testimonials-area.tm-columns-1 .tm-item {
				background-color: #f8f8f8;
				border: 2px solid #0097ad;
				padding: 15px 30px 17px 18px;
				font-weight: 700;
			}

			.testimonials-area.tm-columns-1 .tm-item::after {
				content: "";
				display: block;
				clear: both;
			}

				.testimonials-area.tm-columns-1 .tm-item img.alignleft,
				.testimonials-area.tm-columns-1 .tm-item blockquote { margin-bottom: 0; }

			.testimonials-area.tm-columns-2 .tm-item,
			.testimonials-area.tm-columns-3 .tm-item {
				float: left;
				padding-left: 15px;
				padding-right: 15px;
			}

			.testimonials-area.tm-columns-2 .tm-item { width: 50%; }
			.testimonials-area.tm-columns-3 .tm-item { width: 33.33333%; }

		.testimonial { font-style: italic; }

			.testimonial .author { font-size: 14px; }

			blockquote img[class*="align"] + p { padding-top: 0; }

		.line_through { text-decoration: line-through; }
		.underlined   { text-decoration: underline; }

		.bold {	font-weight: 700; }

		.italicized { font-style: italic; }

		.dropcap::first-letter {
			float: left;
			margin: 11px 8px 0 0;
			font-size: 48px;
			font-weight: 700;
		}

	/* --------------------------------------------
			4.2 Dividers
	-------------------------------------------- */

		hr {
			margin: 0 0 14px;
			border-width: 2px;
		}

		hr.thin  { border-width: 1px;     }
		hr.grey  { border-color: #eee;    }
		hr.black { border-color: #181818; }
		hr.blue  { border-color: #0097ad; }

	/* --------------------------------------------
			4.3 Tooltips
	-------------------------------------------- */

		.tooltip_container {
			display: inline-block;
			position: relative;
		}

		.tooltip{
			display: block;
			font-size: 13px;
			color: #181818;
			white-space: nowrap;
			padding: 0 10px;
			position: absolute;
			background: #f8f8f8;
			border: 1px solid #181818;
			visibility: hidden;
			opacity: 0;

			-webkit-transition: -webkit-transform .3s cubic-bezier(.2, 3, 1, 1), visibility .3s ease-out, opacity .3s ease-out;
					transition: 		transform .3s cubic-bezier(.2, 3, 1, 1), visibility .3s ease-out, opacity .3s ease-out;
		}

		.tooltip::after{
			content: "";
			display: block;
			width: 0;
			height: 0;
			position: absolute;
			border-style: solid;
			border-color: transparent;
		}

		.tooltip.top{
			bottom: 100%;
			left: 50%;
			margin-bottom: 7px;

			-webkit-transform: translate(-50%, -10px);
				-ms-transform: translate(-50%, -10px);
					transform: translate(-50%, -10px);
		}

		.tooltip.top::after{
			top: 100%;
			left: 50%;
			margin-left: -4px;
			border-width: 0 0 9px 11px;
			border-left-color: #181818;
		}

		.tooltip.right{
			left: 100%;
			margin-left: 12px;
			top: 50%;

			-webkit-transform: translate(10px, -50%);
				-ms-transform: translate(10px, -50%);
					transform: translate(10px, -50%);
		}

		.tooltip.right::after{
			right: 100%;
			top: 50%;
			margin-top: -6px;
			border-width: 0 0 11px 9px;
			border-bottom-color: #181818;
		}

		.tooltip.left{
			right: 100%;
			margin-right: 12px;
			top: 50%;

			-webkit-transform: translate(-10px, -50%);
				-ms-transform: translate(-10px, -50%);
					transform: translate(-10px, -50%);
		}

		.tooltip.left::after{
			left: 100%;
			top: 50%;
			margin-top: -6px;
			border-width: 0 9px 11px 0;
			border-bottom-color: #181818;
		}

		.tooltip.bottom{
			top: 100%;
			margin-top: 7px;
			left: 50%;

			-webkit-transform: translate(-50%, 10px);
				-ms-transform: translate(-50%, 10px);
					transform: translate(-50%, 10px);
		}

		.tooltip.bottom::after{
			bottom: 100%;
			left: 50%;
			margin-left: -4px;
			border-width: 9px 0 0 11px;
			border-left-color: #181818;
		}

		.tooltip_container:hover .tooltip{
			visibility: visible;
			opacity: 1;
		}

		.tooltip_container:hover .tooltip.top,
		.tooltip_container:hover .tooltip.bottom{
			-webkit-transform: translate(-50%, 0px);
				-ms-transform: translate(-50%, 0px);
					transform: translate(-50%, 0px);
		}

		.tooltip_container:hover .tooltip.right,
		.tooltip_container:hover .tooltip.left{
			-webkit-transform: translate(0px, -50%);
				-ms-transform: translate(0px, -50%);
					transform: translate(0px, -50%);
		}

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

		.list-styles li { list-style: none; }

			.list-styles li > i { margin-right: 10px; }

		ol.list-styles { counter-reset: list; }

			ol.list-styles > li { counter-increment: list; }

			ol.list-styles > li::before {
				font-family: inherit;
				content: counter(list)'. ';
			}

		/* Social Links */

		.social_links > li{
			float: left;
			margin-bottom: 0;
			list-style: none;
		}

		.social_links > li > a{
			color: #505050;
			font-size: 18px;
			display: block;
			background: #181818;
			padding:14px 10px;
			min-width: 35px;
			text-align: center;
		}

		.widget .social_links > li > a { background-color: transparent; }

		.social_links > li > a:hover{
			color: #fff;
			background: #222222;
		}

		.social_links::after{
			content: "";
			display: block;
			clear: both;
		}

		.payment_type:not(:last-child){
			margin-bottom: 18px;
		}

		.payment_type > li:not(:last-child){
			margin-bottom: 18px;
		}

		.page_actions {
			text-align: right;
			position: relative;
			z-index: 1;
		}

		article .page_actions { display: none; }

			.page_actions::after{
				content: "";
				display: block;
				clear: both;
			}

				.page_actions > li {
					display: inline-block;
					vertical-align: middle;
				}

	/* --------------------------------------------
			4.5 Buttons
	-------------------------------------------- */

		.btn {
			position: relative;
			z-index: 1;
			overflow: hidden;
			display: inline-block;
			padding-left: 17px;
			padding-right: 17px;
			font-weight: 700;
			line-height: 1.5em;
			border-width: 2px;
			border-style: solid;
			background: #fff;
			-webkit-backface-visibility: hidden;

			-webkit-transition: background-color .5s ease, color .5s ease, border-color .5s ease !important;
					transition: background-color .5s ease, color .5s ease, border-color .5s ease !important;
		}

		.btn:hover,
		.btn:focus
		{
			outline: none;
			text-decoration: none;
		}

		.btn::before {
			content: "";
			position: absolute;
			top: -2px;
			left: -2px;
			right: -2px;
			height: 108%;
			z-index: -1;
			opacity: 0;

			-webkit-transform: translateY(70%);
			   -moz-transform: translateY(70%);
					transform: translateY(70%);
			-webkit-transition: -webkit-transform .5s ease, opacity .5s ease;
					transition: 		transform .5s ease, opacity .5s ease;
		}

		.btn:hover::before {
			opacity: 1;

			-webkit-transform: translateY(0);
			   -moz-transform: translateY(0);
					transform: translateY(0);
		}

		/* sizes */

		.btn.small {
			font-size: 14px;
			padding-top: 4px;
			padding-bottom: 4px;
		}

		.btn.medium {
			font-size: 16px;
			padding-top: 7px;
			padding-bottom: 7px;
		}

		.btn.big {
			font-size: 18px;
			padding-top: 7px;
			padding-bottom: 8px;
		}

		.btn.huge {
			font-size: 24px;
			padding-top: 9px;
			padding-bottom: 11px;
		}

		/* colors */

		.btn.transparent { background: transparent; }

		.btn.white {
			color: #fff;
			border-color: #fff;
			background: transparent;
		}

		.btn.white::before { background-color: #fff; }

		.btn.black {
			color: #181818;
			border-color: #181818;
		}

		.btn.grey {
			color: #888;
			border-color: #ddd;
		}

		.btn.grey::before,
		.btn.black::before {
			background-color: #181818;
		}

		.btn.blue {
			color: #0097ad;
			border-color: #0097ad;
		}

		.btn.blue::before { background-color: #0097ad; }

		.btn.grey:hover,
		.btn.black:hover {
			color: #fff;
			border-color: #181818;
		}

		.btn.blue:hover { color: #fff; }
		.btn.white:hover { color: #181818; }

		.action_btn {
			display: inline-block;
			text-align: center;
			width: 32px;
			height: 32px;
			line-height: 32px;
			padding: 0;
			text-decoration: none;
			outline: none;

			-webkit-transition: background .7s ease;
					transition: background .7s ease;
		}

		.action_btn.large {
			width: 60px;
			height: 60px;
			line-height: 60px;
			padding: 0;
		}

		.footer_extra .action_btn,
		.actions_list .action_btn {
			width: 32px;
			height: 32px;
			line-height: 32px;
			padding: 0;
		}

		.action_btn:hover,
		.action_btn:active,
		.action_btn:focus,
		.toggle_btn:focus,
		.toggle_btn:hover,
		.toggle_box:active,
		.toggle_box:hover,
		.toggle_box:focus,
		.responsive-nav-button:focus
		{
			outline: none;
			text-decoration: none;
		}

		/* Font Icons */

		.btn-toggle-menu-icon,
		.btn-search-icon,
		.btn-filter-icon,
		.btn-portfolio-icon,
		.btn-portfolio-previous,
		.btn-portfolio-next,
		.btn-portfolio-pause,
		.btn-portfolio-play,
		.btn-portfolio-thumbs,
		.btn-portfolio-minus,
		.btn-portfolio-plus,
		.btn-portfolio-share,
		.btn-post-like-icon
		{
			color: #fff;

			-webkit-transition: color .7s ease, border-color .7s ease, background-color .7s ease;
					transition: color .7s ease, border-color .7s ease, background-color .7s ease;
		}

		.btn-post-like-icon {
			position: relative;
			font-family: 'linea-basic';
			font-size: 36px;
			line-height: 60px;
		}

		.footer_extra .btn-post-like-icon,
		.actions_list .btn-post-like-icon {
			font-size: 25px;
			line-height: 32px;
			color: #181818;
		}

			.btn-post-like-icon span {
				position: absolute;
				right: 13px;
				width: 20px;
				height: 20px;
				bottom: 14px;
				margin-left: 2px;
				border-radius: 50%;
				background-color: #fff;
				font-family: 'Open Sans';
				color: #333;
				font-size: 12px;
				line-height: 20px;
				-webkit-transition: all .3s ease;
						transition: all .3s ease;
			}

			.footer_extra .btn-post-like-icon span,
			.actions_list .btn-post-like-icon span
			{
				right: -1px;
				bottom: 5px;
				width: 18px;
				height: 18px;
			}

			.btn-post-like-icon:hover span { background-color: #f8f8f8; }

		.btn-portfolio-plus,
		.btn-portfolio-minus {
			font-family: 'linea-arrows';
			font-size: 36px;
			line-height: 60px;
		}

		.slide_caption_wrap .btn-portfolio-share,
		.slide_caption_wrap .btn-portfolio-minus,
		.slide_caption_wrap .btn-portfolio-plus,
		.slide_caption_wrap .btn-post-like-icon
		{
			color: #181818;
		}

		.btn-portfolio-share {
			font-family: 'linea-basic';
			font-size: 36px;
			line-height: 60px;
		}

		.footer_extra .btn-portfolio-share,
		.actions_list .btn-portfolio-share {
			font-size: 24px;
			line-height: 32px;
			color: #181818;
		}

		.actions_list .share.active,
		.footer_extra .share.active,
		.slide_caption_wrap .share.active { background-color: #f8f8f8; }

		.btn-toggle-menu-icon {
			font-family: 'linea-arrows';
			font-size: 50px;
		}

		.btn-search-icon {
			font-family: 'linea-basic';
			font-size: 22px;
			line-height: 21px;
		}

		.btn-filter-icon {
			font-family: 'linea-basic';
			font-size: 36px;
			line-height: 60px;
		}

		.btn-portfolio-icon {
			font-family: 'linea-arrows';
			font-size: 36px;
			line-height: 60px;
		}

		.btn-portfolio-previous,
		.btn-portfolio-next {
			font-family: 'linea-arrows';
			font-size: 36px;
			line-height: 60px;
		}

		.btn-portfolio-pause,
		.btn-portfolio-play {
			font-family: 'linea-music';
			font-size: 36px;
			line-height: 60px;
		}

		.btn-portfolio-thumbs {
			font-family: 'linea-software';
			font-size: 36px;
			line-height: 60px;
		}

		.btn-search-icon:before      	{ content: '#'; }
		.btn-filter-icon:before 	 	{ content: 'u'; }
		.btn-portfolio-icon:before   	{ content: '\e078'; }
		.btn-portfolio-previous:before  { content: '\e00f'; }
		.btn-portfolio-next:before 		{ content: '\e00b'; }
		.btn-portfolio-pause:before 	{ content: 'q'; }
		.btn-portfolio-play:before 		{ content: 'r'; }
		.btn-portfolio-thumbs:before 	{ content: 'F'; }
		.btn-portfolio-minus:before 	{ content: '\e00c'; }
		.btn-portfolio-plus:before 		{ content: '\e00d'; }
		.btn-portfolio-share:before 	{ content: '\e006'; }
		.btn-post-like-icon:before 		{ content: 'W'; }

		.btn-toggle-menu-icon:before    		  { content: '\e032'; }
		.menu_opened .btn-toggle-menu-icon:before { content: '\e04a';}

		.toggle_btn,
		.responsive-nav-button {
			text-align: center;
			width: 60px;
			height: 60px;
			line-height: 60px;
			padding: 0;

			-webkit-transition: background .7s ease;
					transition: background .7s ease;
		}

		.responsive-nav-button:before {
			font-family: 'fontello';
			color: #fff;
			font-size: 40px;
			line-height: 60px;
			content: '\e812';

			-webkit-transition: color .7s ease, border-color .7s ease, background-color .7s ease;
					transition: color .7s ease, border-color .7s ease, background-color .7s ease;
		}

		#top_actions_wrap > .toggle_btn,
		#top_actions_wrap > .responsive-nav-button { margin-left: 0; }

		.action_btn:hover {
			background-color: #f8f8f8;

			-webkit-transition: background .1s ease;
					transition: background .1s ease;
		}

		.action_btn.dark:hover,
		.action_btn.dark.active {
			background-color: #181818;
		}

		/* Share Buttons */

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

		.share.active + .addthis_sharing_toolbox,
		.share.active + .share-page-wrapper {
			visibility: visible;
			opacity: 1;

			-webkit-transition: -webkit-transform .4s ease, opacity .2s ease, visibility 0s ease 0s;
					transition: transform .4s ease, opacity .2s ease, visibility 0s ease 0s;
			-webkit-transform: translateX(0);
				-ms-transform: translateX(0);
					transform: translateX(0);
		}

		.share-page-wrapper {
			position: absolute;
			z-index: -1;
			top: 0;
			right: 100%;
			overflow: hidden;
			background-color: #181818;
			padding: 10px 0 10px 10px;
			white-space: nowrap;
			letter-spacing: 0;
			line-height: 0;
			opacity: 0;
			visibility: hidden;

			-webkit-transition: -webkit-transform .4s ease, opacity .2s ease, visibility 0s ease .4s;
					transition: transform .4s ease, opacity .2s ease, visibility 0s ease .4s;
			-webkit-transform: translateX(20px);
				-ms-transform: translateX(20px);
					transform: translateX(20px);
		}

		.slide_caption_wrap .share-page-wrapper { background-color: #f8f8f8; }

		.share-page-wrapper > [class*=share]
		{
			display: inline-block;
			width: 40px;
			height: 40px;
			font-size: 0;
			text-align: center;
			vertical-align: top;
			text-decoration: none;
			outline: none;
		}

		.share-page-wrapper > [class*=share]:before
		{
			font-family: 'fontello';
			color: #fff;
			font-size: 18px;
			line-height: 40px;
		}

		.share-page-wrapper > a.share-facebook    { background-color: #305891; }
		.share-page-wrapper > a.share-twitter     { background-color: #2ca8d2; }
		.share-page-wrapper > a.share-linkedin    { background-color: #0ca8ec; }
		.share-page-wrapper > a.share-googleplus  { background-color: #0868b9; }
		.share-page-wrapper > a.share-pinterest   { background-color: #c82828; }
		.share-page-wrapper > a.share-vk		  { background-color: #325078; }
		.share-page-wrapper > a.share-tumblr  	  { background-color: #384853; }
		.share-page-wrapper > a.share-reddit  	  { background-color: #e8e8e8; }
		.share-page-wrapper > a.share-xing  	  { background-color: #e8e8e8; }

		.share-page-wrapper > a.share-facebook:before    { content: '\e8f4'; }
		.share-page-wrapper > a.share-twitter:before	 { content: '\e8f2'; }
		.share-page-wrapper > a.share-linkedin:before	 { content: '\e8fd'; }
		.share-page-wrapper > a.share-googleplus:before  { content: '\e9ba'; }
		.share-page-wrapper > a.share-pinterest:before   { content: '\e8f9'; }
		.share-page-wrapper > a.share-vk:before 		 { content: '\e918'; }
		.share-page-wrapper > a.share-tumblr:before 	 { content: '\e8fb'; }
		.share-page-wrapper > a.share-reddit:before 	 { content: '\e9d3'; color: #575757; }
		.share-page-wrapper > a.share-xing:before 	     { content: '\e9ef'; color: #036567; }

		/* addthis */

		.addthis_sharing_toolbox
		{
			position: absolute;
			z-index: -1;
			top: 0;
			right: 100%;
			overflow: hidden;
			background-color: #f8f8f8;
			padding: 6px 0 6px 6px;
			white-space: nowrap;
			letter-spacing: 0;
			line-height: 0;
			opacity: 0;
			visibility: hidden;
			font-size: 0;

			-webkit-transition: -webkit-transform .4s ease, opacity .2s ease, visibility 0s ease .4s;
					transition: transform .4s ease, opacity .2s ease, visibility 0s ease .4s;
			-webkit-transform: translateX(20px);
				-ms-transform: translateX(20px);
					transform: translateX(20px);
		}

		.addthis_sharing_toolbox  > [class*=share]
		{
			display: inline-block;
			width: 20px;
			height: 20px;
			font-size: 0;
			text-align: center;
			vertical-align: top;
			text-decoration: none;
			outline: none;
		}

		.addthis_sharing_toolbox > [class*=share]:before
		{
			font-family: 'fontello';
			color: #fff;
			font-size: 13px;
			line-height: 20px;
		}

		.addthis_sharing_toolbox > a.share-facebook   { background-color: #305891; }
		.addthis_sharing_toolbox > a.share-twitter    { background-color: #2ca8d2; }
		.addthis_sharing_toolbox > a.share-linkedin   { background-color: #0ca8ec; }
		.addthis_sharing_toolbox > a.share-googleplus { background-color: #0868b9; }
		.addthis_sharing_toolbox > a.share-pinterest  { background-color: #c82828; }
		.addthis_sharing_toolbox > a.share-vk		  { background-color: #325078; }
		.addthis_sharing_toolbox > a.share-tumblr  	  { background-color: #384853; }
		.addthis_sharing_toolbox > a.share-reddit  	  { background-color: #e8e8e8; }
		.addthis_sharing_toolbox > a.share-xing  	  { background-color: #e8e8e8; }

		.addthis_sharing_toolbox > a.share-facebook:before   { content: '\e8f4'; }
		.addthis_sharing_toolbox > a.share-twitter:before	 { content: '\e8f2'; }
		.addthis_sharing_toolbox > a.share-linkedin:before	 { content: '\e8fd'; }
		.addthis_sharing_toolbox > a.share-googleplus:before { content: '\e9ba'; }
		.addthis_sharing_toolbox > a.share-pinterest:before  { content: '\e8f9'; }
		.addthis_sharing_toolbox > a.share-vk:before 		 { content: '\e918'; }
		.addthis_sharing_toolbox > a.share-tumblr:before 	 { content: '\e8fb'; }
		.addthis_sharing_toolbox > a.share-reddit:before 	 { content: '\e9d3'; color: #575757; }
		.addthis_sharing_toolbox > a.share-xing:before 	     { content: '\e9ef'; color: #036567; }

		.addthis_sharing_toolbox .at-share-btn {
			margin: 0 !important;
		}

		.addthis_sharing_toolbox:not(.large_icons) .at-share-tbx-element.addthis_32x32_style .at-share-btn,
		.addthis_sharing_toolbox:not(.large_icons) .at-share-tbx-element.addthis_32x32_white_style .at-share-btn{
			max-width: 20px;
			max-height: 20px;
		}

		.addthis_sharing_toolbox:not(.large_icons) .at-share-tbx-element.addthis_32x32_style .at-share-btn > span,
		.addthis_sharing_toolbox:not(.large_icons) .at-share-tbx-element.addthis_32x32_white_style .at-share-btn > span{
			width: 20px;
			height: 20px;
			background-size: 20px auto !important;
			background-position: center;
		}

		.large_icons { padding: 10px 0 10px 10px; }

		.large_icons .at-share-tbx-element.addthis_32x32_style .at-share-btn,
		.large_icons .at-share-tbx-element.addthis_32x32_white_style .at-share-btn{
			max-width: 40px;
			max-height: 40px;
		}

		.large_icons .at-share-tbx-element.addthis_32x32_style .at-share-btn > span,
		.large_icons .at-share-tbx-element.addthis_32x32_white_style .at-share-btn > span{
			width: 40px;
			height: 40px;
			background-position: center;
		}

		/* prev/next buttons */

		.btn.prev{
			padding-left: 35px;
		}

		.btn.next{
			padding-right: 35px;
		}

		.btn.prev::after,
		.btn.next::after{
			font-family: "Fontello";
			font-size: 17px;
			height: 2px;
			line-height: 0px;
			position: absolute;
			top: 50%;
			margin-left: -1px;
		}

		.btn.prev::after{
			content: "\ea27";
			left: 20px;
		}

		.btn.next::after{
			content: "\ea28";
			right: 18px;
		}

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

		table {
			font-size: 14px;
			position: relative;
			width: 100%;
			border-spacing: 0;
			border-collapse: collapse;
			text-align: left;
		}

		table tbody tr:nth-child(odd),
		table tfoot tr:nth-child(even) { background-color: #f8f8f8; }

		table td,
		table th {
			padding: 9px 20px 8px;
			border: 1px solid #181818;
		}

		th {
			color: #fff;
			background-color: #181818;
		}

		th:not(:last-child){
			border-right-color: #505050;
		}

		table.type_2 th:first-child{
			border-bottom-color: #505050;
		}

		table.type_2 > *:last-child > tr:last-child > th:first-child{
			border-bottom-color: #181818;
		}

		.order_table:not(:last-child) {
			margin-bottom: 30px;
		}

		.order_table .qty_col {
			width: 112px;
			padding-top: 9px;
			padding-bottom: 8px;
		}

		.order_table .total_col { width: 180px; }

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

		input[type="search"]{
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
					box-sizing: border-box;
		}

		form > ul > li:not(:last-child){
			margin-bottom: 10px;
		}

		form > ul > li:last-child .btn{
			margin-top: 10px;
		}

		form .row{
			margin-left: -5px;
			margin-right: -5px;
		}

		form [class|="col"]{
			padding-left: 5px;
			padding-right: 5px;
		}

		input[type="text"],
		input[type="email"],
		input[type="password"],
		input[type="search"],
		input[type="datetime"],
		input[type="datetime-local"],
		input[type="date"],
		input[type="month"],
		input[type="time"],
		input[type="week"],
		input[type="number"],
		input[type="url"],
		input[type="tel"],
		textarea,
		select
		{
			color: #505050;
			font-size: 14px;
			padding: 8px 10px;
			width: 100%;
			background-color: #f8f8f8;
			border: 1px solid #ddd;
			border-radius: 0;

			-webkit-appearance: none;
			-webkit-box-sizing: border-box;
					box-sizing: border-box;
		}

		select {
			background-image: url('images/select-arrow.png');
			background-position: center right;
			background-repeat: no-repeat;
		}

		.widget select { background-color: #fff; }

		input:focus,
		select:focus {
			outline: none;
			box-shadow: none;
		}

		textarea {
			padding-top: 10px;
			padding-bottom: 10px;
			height: auto;
			resize: none;
			border-radius: 0;
		}

		label {
			display: inline-block;
			margin-bottom: 7px;
		}

		input[type="radio"],
		input[type="checkbox"] {
			display: none;
		}

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

		input[type="radio"] + label,
		input[type="checkbox"] + label {
			position: relative;
			cursor: pointer;
			padding-left: 30px;
			margin-bottom: 0;
		}

		input[type="radio"] + label::before,
		input[type="checkbox"] + label::before {
			content: "";
			font-family: 'fontello';
			text-align: center;
			color: #505050;
			display: block;
			background-color: #f8f8f8;
			border: 1px solid #ddd;
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -11px;
			width: 22px;
			height: 22px;
			line-height: 20px;
		}

		input[type="radio"] + label::before {
			border-radius: 50%;
			font-size: 12px;
		}

		input[type="checkbox"]:checked + label::before  { content: "\e813"; }
		input[type="radio"]:checked + label::before 	{ content: "\e932"; }

		form [class|="col"] > input[type="radio"] + label,
		form [class|="col"] > input[type="checkbox"] + label
		{
			padding-top: 4px;
			padding-bottom: 4px;
		}

		.nav_searchform { position: relative; }

		#header .nav_searchform {
			z-index: 102;
			top: -1px;
			width: 0;
			opacity: 0;
			visibility: hidden;

			-webkit-transition: opacity .2s ease, visibility .2s ease;
					transition: opacity .2s ease, visibility .2s ease;
		}

		.visible_horizontal_menu.menu_opened #header .nav_searchform {
			width: auto;
			opacity: 1;
		}

		#header .main_navigation .nav_searchform { display: none; }

		.menu_opened #header .nav_searchform {
			opacity: 1;
			visibility: visible;

			-webkit-transition: opacity .4s ease .3s, visibility .4s ease .3s;
					transition: opacity .4s ease .3s, visibility .4s ease .3s;
		}

		#header .nav_searchform::after {
			content: "";
			display: block;
			clear: both;
		}

		#header .nav_searchform input[type="search"] {
			font-size: 14px;
			color: #fff;
			border-width: 0 0 2px 0;
			border-style: solid;
			border-color: #222;
			padding: 14px 0 3px;
			background-color: transparent;
			height: auto;
		}

		#header .nav_searchform input[type="search"] {
			float: right;
			width: 0;

			-webkit-transition: width .3s ease-out 1s, padding .3s ease-out 1s;
					transition: width .3s ease-out 1s, padding .3s ease-out 1s;
		}

		.md_touch #header .nav_searchform input[type="search"],
		#header .nav_searchform input[type="search"]:focus,
		#header .nav_searchform:hover input[type="search"],
		.visible_horizontal_menu.menu_opened #header .nav_searchform input[type="search"]
		{
			width: 180px;
			padding-right: 40px;

			-webkit-transition-delay: 0s;
					transition-delay: 0s;
		}

		#header .nav_searchform button {
			position: absolute;
			right: 0;
			top: 50%;
			margin-top: -11px;
			background-color: transparent;
			text-decoration: none;
			outline: none;
		}


		.widget .nav_searchform .button-search {
			position: absolute;
			top: 0;
			right: 0;
			width: 35px;
			height: 100%;
			background-color: transparent;
			outline: none;
			text-decoration: none;
		}

			.widget .nav_searchform input[type='search'] { padding-right: 35px; }

			.widget .nav_searchform .button-search .btn-search-icon {
				vertical-align: middle;
				color: #181818;
			}

		.md_touch .menu_opened #header .nav_searchform { width: auto; }

		.custom_select {
			color: #181818;
			z-index: 102;
			position: relative;
			font-size: 14px;
			line-height: 22px;
		}

		.active_option {
			border: 1px solid #ddd;
			height: 40px;
			line-height: 40px;
			margin-right: 38px;
			padding-left: 13px;
			padding-right: 13px;
			cursor: pointer;
			position: relative;
			z-index: 2;
			background: #f8f8f8;
		}

		.active_option::after {
			content: '\e884';
			font-family: 'Fontello';
			font-size: 18px;
			text-align: center;
			display: block;
			width: 36px;
			height: inherit;
			line-height: inherit;
			color: inherit;
			border: inherit;
			background: inherit;
			position: absolute;
			top: -1px;
			left: 100%;
			margin-left: 3px;
		}

			.active_option > .inner {
				white-space: nowrap;
				text-overflow: ellipsis;
				overflow: hidden;
			}

			.options_list {
				position: absolute;
				z-index: 1;
				top: 100%;
				margin-top: 2px;
				width: 100%;
				opacity: 0;
				visibility: hidden;

				-webkit-transition: opacity .7s ease, visibility .7s ease;
						transition: opacity .7s ease, visibility .7s ease;

				-webkit-animation: zoomOutUp .7s ease;
						animation: zoomOutUp .7s ease;
			}

			.options_list.opened {
				opacity: 1;
				visibility: visible;

				-webkit-animation: zoomInDown .7s ease;
						animation: zoomInDown .7s ease;
			}

				.options_list > li { list-style: none; }

					.options_list > li > a {
						display: block;
						cursor: pointer;
						border: 1px solid #ddd;
						padding: 9px 13px 8px;
						background-color: #f8f8f8;
						list-style: none;

						-webkit-transition: color .7s ease;
								transition: color .7s ease;
					}

					.options_list > li:not(:last-child) > a { border-bottom-width: 0; }

					.options_list > li:hover,
					.options_list > li:hover > a {
						color: #0097ad;

						-webkit-transition: color .1s ease;
								transition: color .1s ease;
					}

					.options_list > li > a { color: #181818; text-decoration: none; }

		.subscribe,
		.searchform
		{
			display: inline-block;
			width: 555px;
		}

		.subscribe input[type="email"]{
			float: left;
			width: calc(100% - 131px);
		}

		.searchform input[type="search"] {
			float: left;
			width: calc(100% - 105px);
		}

		.subscribe button,
		.searchform button {
			display: block;
			float: right;
		}

		form .alert_box{
			clear: left;
			position: relative;
			top: 10px;
		}

		.ui-slider{
			height: 10px;
			position: relative;
			border: 1px solid #181818;
		}

		.ui-slider-range{
			position: absolute;
			top: 1px;
			bottom: 1px;
			background: #0097ad;
			border-left: 1px solid #f8f8f8;
			border-right: 1px solid #f8f8f8;
		}

		.ui-slider-handle{
			display: block;
			cursor: pointer;
			width: 8px;
			height: 18px;
			position: absolute;
			top: -5px;
			background: #181818;
		}

		.range{
			padding: 13px 0;
		}

		.min_value,
		.max_value{
			border: none !important;
			padding: 0px !important;
			display: inline-block;
			width: 50% !important;
			white-space: nowrap;
			height: auto !important;
			background-color: inherit !important;
		}

		#sidebar .min_value,
		#sidebar .max_value,
		.tabs .min_value,
		.tabs .max_value{
			background-color: #f8f8f8 !important;
		}

		.max_value{
			text-align: right;
		}


		.qty_decr::before{
			content: "\e81a";
		}

		.qty_incr::before{
			content: "\e817";
		}

		#sidebar input,
		.woo-tabs input,
		.woo-tabs textarea{
			background-color: #fff;
		}

		/* choose rating */

		.choose_rating_wrap{
			padding: 8px 0;
		}

		.cr_label{
			color: #505050;
			display: inline-block;
			margin-right: 15px;
			vertical-align: middle;
		}

		.choose_rating{
			display: inline-block;
			overflow: hidden;
			font-size: 18px;
			vertical-align: middle;
		}

		.choose_rating label{
			display: block;
			overflow: hidden;
			padding-left: 0px !important;
		}

		.choose_rating label::before{
			display: none !important;
		}

		.choose_rating > li{
			float: left;
			padding: 0 15px;
			position: relative;
		}

		.choose_rating > li:first-child{
			padding-left: 5px;
		}

		.choose_rating > li:last-child{
			padding-right: 5px;
		}

		.choose_rating > li:not(:last-child)::after{
			content: "";
			display: block;
			border-right: 1px solid #aaa;
			height: 14px;
			position: absolute;
			top: 50%;
			margin-top: -6px;
			right: 0;
		}

		.choose_rating i[class|="icon"]{
			color: #ffba00;
			line-height: 18px;
			float: left;
			margin: 0 1px;
		}

		.choose_rating input[type="radio"]:checked + label > i[class|="icon"]::before{
			content: "\e809";
		}

/* ------------------------------------------------
		5. Widgets and Shortcodes
------------------------------------------------ */

	/* blogroll links */
	.linkcat {}
	.blogroll {}

	/* read-more links */
	.more-link {}

	/* text widget */
	.textwidget {
		font-size: 14px;
		line-height: 22px;
	}

	.textwidget p {}

	.widget_pages ul.children li a { padding-left: 15px; }

	.widget_meta,
	.widget_links,
	.widget_archive,
	.widget_categories,
	.widget_pages,
	.widget_tag_cloud,
	.widget_recent_entries,
	.widget_recent_comments { }

		.widget_meta > ul,
		.widget_links > ul,
		.widget_archive > ul,
		.widget_categories > ul,
		.widget_pages > ul,
		.widget_tag_cloud > div,
		.widget_recent_entries > ul,
		.widget_recent_comments > ul { margin-bottom: 0; }

			.widget_meta li,
			.widget_links li,
			.widget_archive li,
			.widget_categories li,
			.widget_pages li,
			.widget_tag_cloud li,
			.widget_recent_entries li,
			.widget_recent_comments li,
			.widget_rss li
			{
				position: relative;
				padding: 9px 0;
			}

			.widget_meta li:first-child,
			.widget_links li:first-child,
			.widget_archive li:first-child,
			.widget_categories li:first-child,
			.widget_pages li:first-child,
			.widget_tag_cloud li:first-child,
			.widget_recent_entries li:first-child,
			.widget_recent_comments li:first-child,
			.widget_rss li:first-child
			{
				padding-top: 0;
			}

			.widget_meta li:not(:last-child),
			.widget_links li:not(:last-child),
			.widget_archive li:not(:last-child),
			.widget_categories li:not(:last-child),
			.widget_pages li:not(:last-child),
			.widget_tag_cloud li:not(:last-child),
			.widget_recent_entries li:not(:last-child),
			.widget_recent_comments li:not(:last-child),
			.widget_rss li:not(:last-child)
			{
				border-bottom: 2px solid #fff;
			}

				.widget_meta li > a,
				.widget_links li > a,
				.widget_archive li > a,
				.widget_categories li > a,
				.widget_pages li > a,
				.widget_tag_cloud li > a,
				.widget_recent_entries li > a,
				.widget_recent_comments li > a,
				.widget_rss li > a
				{
					font-size: 14px;
				}

				.widget_rss li { font-size: 14px; }

			.widget_newsletterwidget .widget-title {
				font-weight: 500;
				font-size: 16px;
				text-align: center;
			}

			.widget_newsletterwidget form p { display: inline-block; }

			.widget_newsletterwidget p:first-of-type {
				margin-right: 10px;
				width: calc(100% - 131px);
			}

			.widget_newsletterwidget p .newsletter-submit {
				font-weight: 700;
				line-height: 1.5em;
				font-size: 16px;
				padding-top: 7px;
				padding-bottom: 7px;
				display: inline-block;
				border-width: 2px;
				border-style: solid;
				padding-left: 19px;
				padding-right: 19px;
				color: #181818;
				border-color: #181818;
				background: #fff;
				position: relative;
				z-index: 1;
				overflow: hidden;
				-webkit-backface-visibility: hidden;
				-webkit-transition: background-color .5s ease, color .5s ease, border-color .5s ease !important;
				transition: background-color .5s ease, color .5s ease, border-color .5s ease !important;
			}

			.widget_newsletterwidget p .newsletter-submit:hover {
				background-color: #181818;
				color: #fff;
			}

	/* --------------------------------------------
			5.1 Widget Custom Menu
	-------------------------------------------- */

	.widget_nav_menu .menu,
	.widget_nav_menu .menu li {
		position: relative;
		list-style: none;
	}

		.widget_nav_menu .menu > li {
			position: relative;
			padding: 9px 20px 9px 0;
		}

		#page_wrap.sbr .widget_nav_menu .menu > li { padding: 9px 0 9px 20px; }

		.widget_nav_menu li:not(:last-child) { border-bottom: 2px solid #fff; }

			.widget_nav_menu .menu a {
				display: block;
				font-size: 14px;
			}

			.widget_nav_menu .menu-item-has-children > a::after,
			.widget_nav_menu .page_item_has_children > a::after
			{
				position: absolute;
				top: 50%;
				right: -15px;
				color: #b2b2b2;
				margin-top: -11px;
				content: "\e876";
				font-family: 'fontello';
			}

			#page_wrap.sbr #sidebar .widget_nav_menu .menu > li.menu-item-has-children > a::after,
			#page_wrap.sbr #sidebar .widget_nav_menu .menu > li.page_item_has_children > a::after
			{
				left: -15px;
				right: auto;
				content: "\e875";
			}

			/* Sub Menu */

			.widget_nav_menu .menu .sub-menu {
				position: absolute;
				top: -1px;
				left: 100%;
				z-index: 101;
				padding: 10px 0;
				border: 1px solid #eaeaea;
				background-color: #fff;
				white-space: nowrap;
				opacity: 0;
				visibility: hidden;

				-webkit-backface-visibility: hidden;
				-webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease;
						transition: transform .4s ease, opacity .4s ease, visibility .4s ease;
				-webkit-transform: translateY(20px);
					-ms-transform: translateY(20px);
						transform: translateY(20px);
			}

			#page_wrap.sbr #sidebar .widget_nav_menu .sub-menu {
				right: 100%;
				left: auto;
			}

			.widget_nav_menu .sub-menu .sub-menu {
				top: -11px;
				left: 100%;
			}

			.widget_nav_menu .menu li:hover > .sub-menu {
				opacity: 1;
				visibility: visible;

				-webkit-transform: translateY(0);
					-ms-transform: translateY(0);
						transform: translateY(0);
			}

			.widget_nav_menu .sub-menu > li { padding: 0 20px; }

				.widget_nav_menu .sub-menu > li > a:hover,
				.widget_nav_menu .sub-menu > li.current-menu-item > a,
				.widget_nav_menu .sub-menu > li.current-menu-parent > a,
				.widget_nav_menu .sub-menu > li.current-menu-ancestor > a,
				.widget_nav_menu .sub-menu > li.current_page_item > a,
				.widget_nav_menu .sub-menu > li.current_page_parent > a,
				.widget_nav_menu .sub-menu > li.current_page_ancestor > a { }

				.widget_nav_menu .sub-menu > li.menu-item-has-children > a::after,
				.widget_nav_menu .children > li.page_item_has_children > a::after { right: -10px; }

				#page_wrap.sbr #sidebar .widget_nav_menu .sub-menu > li.menu-item-has-children > a::after,
				#page_wrap.sbr #sidebar .widget_nav_menu .sub-menu > li.page_item_has_children > a::after
				{
					left: -10px;
					right: auto;
					content: "\e875";
				}

	/* --------------------------------------------
			5.2 Widget Calendar
	-------------------------------------------- */

	.widget_calendar table {
		position: relative;
		width: 100%;
		border-spacing: 0;
		border-collapse: collapse;
		text-align: center;
	}

		.widget_calendar caption {
			padding-top: 5px;
			padding-bottom: 5px;
			background-color: #181818;
			color: #fff;
		}

		.widget_calendar thead th {
			padding: 4px;
			font-size: 16px;
			text-align: center;
			border: none;
		}

		.widget_calendar tbody td {
			padding: 6px 4px;
			font-size: 15px;
			background-color: #fff;
		}

		.widget_calendar tbody tr:first-child td {
			border-top: none;
		}

		.widget_calendar #today,
		.widget_calendar  #today a {
			color: #fff;
			background-color: #0097ad;
		}

		.widget_calendar tfoot {
			position: absolute;
			right: 0;
			top: 3px;
		}

		.widget_calendar tfoot td {
			display: inline-block;
			padding: 0;
			background-color: transparent;
			vertical-align: middle;
			border: none;
		}

		.widget_calendar tfoot a {
			display: inline-block;
			text-align: center;
			cursor: pointer;
		}

		.widget_calendar tfoot a:hover {}
		.widget_calendar tfoot a:after {}

		.widget_calendar tfoot #prev a:after {}
		.widget_calendar tfoot #next a:after {}

		.widget_calendar tfoot a:hover:after {  }

	.j_calendar {
		text-align: center;
		table-layout: fixed;
	}

	.j_calendar th { text-align: inherit; }

	.j_calendar td, .j_calendar th:not([colspan]) {
		color: inherit;
		padding: 0;
		height: 35px;
		vertical-align: middle;
		background: #fff;
	}

	.j_calendar .active {
		color: #fff;
		background: #0097ad;
	}

	.jc_actions {
		font-size: 14px;
		padding-top: 13px;
		overflow: hidden;
	}

	.jc_prev { float: left; }
	.jc_next { float: right; }

		.jc_prev > span,
		.jc_next > span {
			display: inline-block;
			vertical-align: middle;
		}

		.jc_prev > span { margin-right: 3px; }
		.jc_next > span { margin-left: 3px; }


/* --------------------------------------------
	 5.3 Widget Text
-------------------------------------------- */

	.widget_archive .screen-reader-text { display: none; }

	/* --------------------------------------------
		 5.4 Widget Popular Posts
	-------------------------------------------- */

		.widget_popular_posts > li {
			font-size: 14px;
			padding-bottom: 20px;
			margin-bottom: 20px;
			border-bottom: 2px solid #fff;
			overflow: hidden;
		}

		.widget_popular_posts > li:last-child {
			border-bottom-width: 0;
			margin-bottom: 0;
			padding-bottom: 0;
		}

	/* --------------------------------------------
		 5.5 Tabs and Tour Sections
	-------------------------------------------- */

	.tabs_nav {
		overflow: hidden;
		margin-bottom: 0;
		list-style: none;
	}

		.ts_nav {
			float: left;
			width: 170px;
			margin-right: 4px;
		}

		.tabs_nav > li {
			float: left;
			margin: 0 4px 4px 0;
		}

		.ts_nav > li { margin-bottom: 4px; }

			.ts_nav > li > a,
			.tabs_nav > li > a {
				color: #888;
				font-weight: 700;
				cursor: pointer;
				display: block;
				border: 2px solid #ddd;
				padding: 6px 20px;
				background: #fff;
				overflow: hidden;
				position: relative;
				z-index: 1;
				text-decoration: none !important;

				-webkit-transition: color .5s ease, border-color .5s ease, background-color .5s ease;
						transition: color .5s ease, border-color .5s ease, background-color .5s ease;
			}

			.ts_nav > .active > a,
			.tabs_nav > .active > a {
				color: #fff;
				border-color: #181818;
			}

			.ts_nav > li > a::after,
			.tabs_nav > li > a::after {
				content: "";
				position: absolute;
				top: -2px;
				left: 0;
				width: 100%;
				height: 108%;
				z-index: -1;
				opacity: 0;
				background-color: #181818;

				-webkit-transform: translateY(70%);
				   -moz-transform: translateY(70%);
						transform: translateY(70%);

				-webkit-transition: -webkit-transform .5s ease, opacity .5s ease;
						transition: 		transform .5s ease, opacity .5s ease;
			}

			.tabs_nav > .active > a::after,
			.ts_nav > .active > a::after {
				opacity: 1;

				-webkit-transform: translateY(0px);
				   -moz-transform: translateY(0px);
						transform: translateY(0px);
			}

			.ts_nav > li > a::before,
			.tabs_nav > li > a::before {
				display: none !important;
			}

		.tab {
			font-size: 14px;
			line-height: 22px;
			overflow: hidden;
			background: #f8f8f8;
			border: 2px solid #181818;
			padding: 24px 20px;
		}

	/* --------------------------------------------
			5.6 Accordion and Toggles
	-------------------------------------------- */

		.toggles > dt,
		.accordion > dt {
			color: #888;
			font-weight: 700;
			cursor: pointer;
			display: block;
			border: 2px solid #ddd;
			background: #fff;
			position: relative;
			padding: 6px 50px 6px 20px;
			margin-bottom: 4px;

			-webkit-transition: color .3s ease, border-color .3s ease, background-color .3s ease;
					transition: color .3s ease, border-color .3s ease, background-color .3s ease;
		}

		.toggles > dt::after,
		.accordion > dt::after {
			position: absolute;
			right: 20px;
			color: #888;
			height: 2px;
			line-height: 0;
			top: 50%;
			margin-top: -1px;
			content: '\e817';
			font-family: 'Fontello';
		}

		.toggles > .active,
		.accordion > .active {
			color: #181818;
			background: #f8f8f8;
			border-color: #181818;
			border-bottom-color: transparent;
			margin-bottom: 2px;
		}

		.toggles > .active::after,
		.accordion > .active::after{
			content: '\e81a';
		}

		.toggles > dd,
		.accordion > dd {
			font-size: 14px;
			line-height: 22px;
			overflow: hidden;
			position: relative;
			top: -4px;
			background: #f8f8f8;
			border-width: 0 2px 2px 2px;
			border-style: solid;
			border-color: #181818;
			padding: 7px 20px 20px;
		}

	/* --------------------------------------------
			5.7 Alert Boxes
	-------------------------------------------- */

		.alert_box {
			font-size: 14px;
			line-height: 22px;
			position: relative;
			color: #181818;
			padding: 14px 50px 14px 20px;
			margin-bottom: 10px;
		}

		.alert_box.warning { background: #fff3ba; }

		.alert_box.error { background: #ffbfbf; }

		.alert_box.success { background: #d7e9b2; }

		.alert_box.info { background: #b2e0e6; }

	/* --------------------------------------------
			5.8 Progress Bars
	-------------------------------------------- */

		.progress_bars > li:not(:last-child) {
			margin-bottom: 13px;
		}

		.progress_title{
			font-size: 14px;
			margin-bottom: 3px;
		}

		.progress_bar{
			height: 10px;
			position: relative;
			border: 1px solid #181818;
		}

		.progress_bar::after{
			content: attr(data-finish-value)'%';
			font-size: 14px;
			font-weight: 700;
			position: absolute;
			bottom: 100%;
			right: 0;
			margin-bottom: 4px;
			display: inline-block;
		}

		.progress_bar > span{
			display: block;
			position: absolute;
			top: 1px;
			bottom: 1px;
			left: 1px;
			background: #0097ad;
		}

	/* --------------------------------------------
			5.9 Team Members
	-------------------------------------------- */

	.team-members .team-item {
		float: left;
		margin-bottom: 10px;
		padding-left: 15px;
		padding-right: 15px;
		width: 25%;
	}

		.team_member {
			text-align: center;
			font-size: 14px;
			line-height: 22px;
		}

			.team_member img { margin-bottom: 13px; }

			.team_member h5 { margin-bottom: 3px; }

			.team_member .position {
				color: #888;
				margin-bottom: 20px;
			}

			.team_member hr { margin-bottom: 7px; }

			.team_member .social_links { display: inline-block; }

				.team_member .social_links > li > a {
					color: #181818;
					background: transparent;
					padding-top: 3px;
					padding-bottom: 3px;
				}

				.team_member .social_links > li > a:hover { color: #0097ad; }

	/* --------------------------------------------
			5.10 Counters
	-------------------------------------------- */

	.counters { overflow: hidden; }

		.counters > .counter {
			text-align: center;
			float: left;
			width: 25%;
			padding-top: 43px;
			margin-bottom: 1.5em;
			position: relative;
		}

		.counters > .counter::before {
			content: attr(data-amount);
			text-align: center;
			font-weight: 700;
			font-size: 48px;
			position: absolute;
			top: 7px;
			left: 0;
			width: 100%;
		}

		.counters > .counter:not(:last-child) { border-right: 2px solid #eee; }

	/* --------------------------------------------
			5.11 Icon Boxes
	-------------------------------------------- */

		.icon_box{
			text-align: center;
			font-size: 14px;
			line-height: 22px;
		}

		.icon_box > i[class|="icon"]{
			font-size: 50px;
			display: inline-block;
			margin-bottom: 19px;
		}

		.icon_box .title {
			margin-bottom: 21px;
		}

	/* --------------------------------------------
			5.12 Before/After
	-------------------------------------------- */

	.before_after_wrap {
		position: relative;
		overflow: hidden;
		background-repeat: no-repeat;
		cursor: none;
	}

		.img_before { visibility: hidden; }

		.after_img {
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			width: 60%;
			height: 100%;
			overflow: hidden;
		}

		.ba_divider {
			width: 3px;
			background-color: #fff;
			position: absolute;
			z-index: 2;
			top: 0;
			left: 60%;
			height: 100%;
		}

		.ba_divider::after {
			content: "";
			display: block;
			width: 51px;
			height: 27px;
			position: absolute;
			top: 50%;
			margin: -13px 0 0 -26px;
			left: 50%;
			background: url("images/icon_arrow_left.png") no-repeat left center,
						url("images/icon_arrow_right.png") no-repeat right center;
		}

	/* --------------------------------------------
			5.13 Pricing Tables
	-------------------------------------------- */

		.pricing_table {
			font-size: 14px;
			text-align: center;
			border: 2px solid #ddd;
		}

		.pricing_table.label { border-color: #0097ad; }

		.pricing_table > header {
			position: relative;
			padding: 17px 10px 14px;
		}

		.pricing_table .pt_title {
			text-transform: uppercase;
			margin-bottom: 10px;
		}

		.pricing_table .pt_price {
			margin-bottom: 0;
			color: #0097ad;
		}

		.pricing_table .pt_content { margin-bottom: 0; }

		.pricing_table .top_label_price {
			position: absolute;
			top: 16px;
			left: 0;
			z-index: 20;
			padding: 2px 10px 3px 12px;
			font-size: 12px;
			font-weight: 700;
			text-transform: uppercase;
			color: #fff;
		}

		.pricing_table .top_label_price::before {
			position: absolute;
			top: 0;
			left: 100%;
			display: block;
			width: 0;
			height: 0;
			border-width: 0 0 29px 19px;
			border-style: solid;
			content: "";
		}

		.pricing_table .top_label_price { background-color: #0097ad; }

		.pricing_table .top_label_price::before { border-left-color: #0097ad; }

		.pt_price > dt {
			line-height: 40px;
			font-size: 42px;
			font-weight: 700;
		}

		.pt_content > li {
			border-bottom: 1px solid #dddddd;
			padding: 10px 10px 7px;
			background: #f8f8f8;
			list-style: none;
		}

		.pt_content > li:first-child { border-top: 1px solid #dddddd; }

			.pricing_table > footer { padding: 10px; }

	/* --------------------------------------------
			5.14 Countdown
	-------------------------------------------- */

		.cd_row { text-align: center; }

		.cd_section {
			display: inline-block;
			vertical-align: middle;
		}

		.cd_period {
			font-weight: 700;
			font-size: 48px;
			line-height: 52px;
			position: relative;
		}

		.cd_label {
			font-size: 14px;
			text-transform: uppercase;
		}

		.cd_sep {
			font-weight: 700;
			font-size: 36px;
			vertical-align: super;
			margin: 0 27px;
		}

/* ------------------------------------------------
		6. Carousels
------------------------------------------------ */

	.flow_carousel_wrap::after {
		content: "";
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff url("images/preloader1.GIF") center no-repeat;
		z-index: 80;
		opacity: 0;
		visibility: hidden;
	}

	.flow_carousel_wrap.size_changing::after {
		opacity: 1;
		visibility: visible;
	}

	.whaterWheel_content { overflow: hidden; }

	#whaterwheel, #whaterwheel * { -webkit-box-sizing: content-box; }

	#whaterwheel {
	    clear: both;
	    height: 100%;
	    margin: 170px 0;
	    overflow: visible;
	    padding: 0 80px;
	    position: relative;
	    width: 100%;
	}

	#ww_finger,
	#ribbon_swipe,
	#fs_finger {
	    display: block;
	    height: 100%;
	    left: 0;
	    position: absolute;
	    top: 0;
	    width: 100%;
	    z-index: -99;
	}

	.ww_footer {
	    box-sizing: border-box;
	    min-height: 100px;
	    overflow: hidden;
	    text-align: left;
	}

	.ww_footer_left {
	    display: inline-block;
	    float: left;
	    padding: 55px 0 0 30px;
	}

	.ww_footer_right {
	    display: inline-block;
	    float: right;
	}

	.ww_footer_right .blogpost_share {
	    padding-top: 31px;
	}

	.ww_footer_right .block_likes {
	    padding-right: 20px !important;
	    padding-top: 54px !important;
	}

	.ww_footer_right .blogpost_share a {
	    margin-right: 0;
	}

	.ww_footer a, .ww_footer h6 {
	    display: inline-block;
	    white-space: nowrap;
	    width: auto !important;
	    word-wrap: normal !important;
	}

	.ww_footer h6.title {
	    margin-right: 3px;
	    white-space: nowrap;
	    width: auto !important;
	    word-wrap: normal !important;
	}

	.ww_footer a {
	    margin: 0 20px 0 30px;
	}

	.ww_block {
	    display: block;
	    height: 100%;
	    left: 50%;
	    position: absolute;
	    top: 0;
	    transform: scale(0);
	    transition: all 500ms ease 0s;
	    z-index: -30;
	}

	.ww_block,
	.ww_block a,
	.ww_block div {
	    display: block;
	    height: 100%;
	}

	.ww_block span {
	    width: auto !important;
	}

	.ww_block canvas {
	    max-width: 100%;
	}

	.ww_block img {
	    display: block;
	    height: 100%;
	    max-width: none;
	}

	.ww_block.prev,
	.ww_block.next {
	    transform: scale(0.78);
	    z-index: 20;
	}

	.ww_block.prev2,
	.ww_block.next2 {
	    transform: scale(0.56);
	    z-index: 10;
	}

	.ww_block.curr {
	    cursor: default;
	    left: 50%;
	    right: auto;
	    transform: scale(1);
	    z-index: 30;
	}

	.ww_block.curr a { cursor: default; }

	.ribbon_gallery_page { overflow: hidden; }

	.mejs-container { margin-bottom: 20px; }

	.owl_wrap {
		position: relative;
	}

	.owl_wrap > .owl-prev,
	.owl_wrap > .owl-next {
		width: 60px;
		height: 60px;
		position: absolute;
		z-index: 1;
		top: 50%;
		margin-top: -30px;

		-webkit-transition: background-color .3s ease;
				transition: background-color .3s ease;
	}

	.owl_wrap > .owl-prev { left: 15px; }
	.owl_wrap > .owl-next { right: 15px; }

	.owl-video-wrapper,
	.owl-video-frame { }

	.gallery_ribbon .ribbon_item { display: none; }
	.gallery_ribbon .ribbon_item:first-child { display: block; }

	/*.owl-video-frame,*/
	.owl-video-frame {
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
	}

	.owl-carousel .owl-video-tn {
		background-size: cover;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.md_no-touch .gallery_ribbon.owl_carousel::before {
		content: "";
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1;
		width: 100%;
		height: 100%;
		visibility: visible;
		background: url("images/preloader3.GIF") no-repeat center #fff;

		-webkit-transition: opacity .5s ease, visibility .5s ease;
				transition: opacity .5s ease, visibility .5s ease;
	}

	.md_no-touch .gallery_ribbon.owl_carousel.owl-loaded::before { display: none; }

	.owl_carousel li { list-style: none; }

	.owl_carousel li 			 { display: none; }
	.owl_carousel li:first-child { display: block; }

	.flex-control-nav { padding: 10px 45px 0; }

	.flex-control-nav .owl-nav [class^="owl-"] {
		width: 28px;
		height: 28px;
		border: 2px solid #ddd;
		color: #888;
		position: absolute;
		line-height: 23px;
		top: 50%;
		margin-top: -9px;

		-webkit-transition: background-color .3s ease, border-color .3s ease, color .3s ease;
				transition: background-color .3s ease, border-color .3s ease, color .3s ease;
	}

	.flex-control-nav .owl-prev { left: 0; }
	.flex-control-nav .owl-next { right: 0; }

	.flex-control-nav .owl-prev::before,
	.flex-control-nav .owl-next::before {
		font-family: 'fontello';
	}

	.flex-control-nav .owl-prev::before { content: "\e875"; }
	.flex-control-nav .owl-next::before { content: "\e876"; }

	.flex-control-nav .owl-nav [class^="owl-"]:hover {
		color: #fff;
		border-color: #888;
		background-color: #888;
	}

		.gallery_ribbon .owl-item img { width: auto; }

/* ------------------------------------------------
		7. Lightboxes
------------------------------------------------ */

	#fancybox-thumbs ul li {
		-webkit-transition: opacity .7s ease;
				transition: opacity .7s ease;
	}

	#fancybox-thumbs ul li:hover {
		-webkit-transition: opacity .1s ease;
				transition: opacity .1s ease;
	}

/* ------------------------------------------------
		8. Sidebar
------------------------------------------------ */

	#sidebar { padding-top: 25px; }

	.sbl aside#sidebar { float: left; }
	.sbr aside#sidebar { float: right; }

	#sidebar::before {
		/*content: "";*/
		display: block;
		background: #f8f8f8;
		position: absolute;
		top: -1000px;
		left: 15px;
		bottom: -50000px;
		right: -50000px;
		z-index: -1;
		opacity: 0;

		-webkit-transition: opacity .5s ease .3s;
				transition: opacity .5s ease .3s;
	}

	#sidebar.showed::before{
		content: "";
	}

	#sidebar.filled::before{
		opacity: 1;
	}

	#sidebar:first-child::before {
		right: 15px;
		left: -50000px;
	}

	.sbl aside#sidebar:before {
		left: -50000px;
		right: 15px;
	}

	.sbr aside#sidebar:before {
		left: 15px;
		right: -4000px;
	}

		#sidebar .active_option,
		#sidebar .options_list > li { background-color: #fff; }

	/* --------------------------------------------
			8.1 Widgets
	-------------------------------------------- */

		.sbr .widget { padding: 0 0 0 20px; }
		.sbl .widget { padding: 0 20px 0 0; }

		.not-found .widget { padding: 0; }

		#sidebar:first-child .widget { padding: 0 20px 0 0; }

		.widget:not(:last-child) { margin-bottom: 40px; }

		.widget ul,
		.widget ol { list-style: none; }

		.widget_list {
			color: #888;
			font-size: 14px;
			line-height: 22px;
		}

			.widget_list > li { padding: 9px 0; }

			.widget_list > li:first-child { padding-top: 0; }

			.widget_list > li:last-child { padding-bottom: 0; }

			.widget_list > li:not(:last-child) { border-bottom: 2px solid #fff; }

		/* --------------------------------------------
			8.1.1 Popular Posts
		-------------------------------------------- */

			.entries_widget .entry {
				font-size: 14px;
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom-style: solid;
				border-bottom-width: 2px;
				border-bottom-color: #fff;
				overflow: hidden;
			}

			.entries_widget .entry:last-child {
				border-bottom-width: 0;
				padding-bottom: 0;
				margin-bottom: 0;
			}

			.entry_thumb {
				display: block;
				float: left;
				max-width: 80px;
				margin-right: 17px;
			}

			.entry_holder { overflow: hidden; }

			.entries_widget .entry_title {
				font-size: 14px;
				line-height: 22px;
				font-weight: 400;
				margin-bottom: 1px;
			}

			.entries_widget .entry_title a { color: #0097ad; }

			.entry_date {
				font-size: 13px;
				color: #888;
			}

			.entry-post-summary {
				margin-bottom: 0;
				font-size: 13px;
			}

			.entry_date span:not(:last-child) { margin-right: 5px; }

			.entries_widget .product_info { margin-bottom: 4px; }

			.entries_widget .rating { font-size: 11px; }

		/* --------------------------------------------
			8.1.2 Related Posts
		-------------------------------------------- */

		.related_posts {
			margin-bottom: 10px;
		}

		.md_flexbox .related_posts {
			display: -webkit-box;
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex;
			display: flex;

			-webkit-flex-flow: row wrap;
					flex-flow: row wrap;
		}

		.md_no-flexbox .related_posts:after {
			content: "";
			display: block;
			clear: both;
		}

			.related_posts > .post-item {
				position: relative;
				z-index: 2;
				padding: 0 15px 30px;
				border: none;
			}

			.md_flexbox .related_posts > .post-item {
				-webkit-flex-basis: 25%;
						flex-basis: 25%;
						max-width: 25%;
			}

			.md_flexbox .related_posts.related-columns-3 > .post-item {
				-webkit-flex-basis: 33.3333%;
						flex-basis: 33.3333%;
						max-width: 33.3333%;
			}

			.md_flexbox .related_posts.related-columns-4 > .post-item {
				-webkit-flex-basis: 25%;
						flex-basis: 25%;
						max-width: 25%;
			}

			.md_no-flexbox .related_posts.related-columns-3 > .post-item,
			.md_no-flexbox .related_posts.related-columns-4 > .post-item {
				float: left;
				width: 25%;
			}

			.md_no-flexbox .related_posts.related-columns-3 > .post-item { width: 25%; }
			.md_no-flexbox .related_posts.related-columns-4 > .post-item { width: 33.3333%; }

			.related_posts .post-item.first { padding-left: 0;  }
			.related_posts .post-item.last  { padding-right: 0; }

				.related_posts .entry_title {
					font-size: 14px;
					line-height: 22px;
					font-weight: 400;
					margin-bottom: 1px;
				}


		/* --------------------------------------------
			8.1.4 Flickr, Dribbble, Instagram
		-------------------------------------------- */

			.flickr-feed,
			.dribbble_feed,
			.instagram-pics {
				overflow: hidden;
				margin-right: -1px;
			}

			.flickr-feed > li,
			.dribbble_feed > li,
			.instagram-pics > li {
				float: left;
				width: 33.3333%;
				border-bottom: 1px solid transparent;
				border-right: 1px solid transparent;
			}

				.instagram-pics li a {
					display: block;
					position: relative;
				}

			.flickr-feed img,
			.dribbble_feed img,
			.instagram-pics img {
				width: 100%;
			}

		/* --------------------------------------------
			8.1.5 Tag Cloud
		-------------------------------------------- */

			.tag_cloud { line-height: 20px; }

				.tag_cloud > a {
					vertical-align: baseline;
				}

/* ------------------------------------------------
		9. Isotope
------------------------------------------------ */

[class*="isotope_container"] {
	margin-left: 0;
	margin-right: 0;
}

.no_sidebar .gallery_isotope_holder .gallery_isotope_container.grid-columns-2,
.no_sidebar .gallery_isotope_holder .gallery_isotope_container.grid-columns-3,
.no_sidebar .gallery_isotope_holder .gallery_isotope_container.grid-columns-4
{
	margin-left: -15px;
	margin-right: -15px;
}

.sbl .gallery_isotope_holder .gallery_isotope_container.grid-columns-2,
.sbr .gallery_isotope_holder .gallery_isotope_container.grid-columns-2,
.sbl .gallery_isotope_holder .gallery_isotope_container.grid-columns-3,
.sbr .gallery_isotope_holder .gallery_isotope_container.grid-columns-3,
.sbl .gallery_isotope_holder .gallery_isotope_container.grid-columns-4,
.sbr .gallery_isotope_holder .gallery_isotope_container.grid-columns-4
{
	margin-left: -15px;
	margin-right: -15px;
}

.vc_row[data-vc-full-width] [class*="isotope_container"] {
	margin-left: -15px;
	margin-right: -15px;
}

[class*="isotope_container"][data-page_type].more_posts::after {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	opacity: 1;
	display: block;
	margin-top: 28px;
	height: 50px;
	background: url("images/preloader3.GIF") no-repeat center;
	content: "";
}

[class*="isotope_container"][data-page_type]::after { opacity: 0; }

[class*="isotope_container"].paginate-pagination { margin-bottom: 20px; }

	.isotope_item {
		border-width: 0 15px 30px 15px;
		border-style: solid;
		border-color: transparent;
	}

	.blog_isotope_holder .isotope_item { border-width: 0 15px 0 15px; }

	.blog_isotope_holder .big-view .isotope_item {
		border-width: 0;
		width: 100%;
	}

	.vc_row[data-vc-full-width] .blog_isotope_container .isotope_item {
		border-left-width: 15px;
		border-right-width: 15px;
		border-bottom-width: 0;
	}

	[class*="isotope_container"].grid-columns-2 .isotope_item { width: 50%; }
	[class*="isotope_container"].grid-columns-3 .isotope_item { width: 33.33333%; }
	[class*="isotope_container"].grid-columns-4 .isotope_item { width: 25%; }
	[class*="isotope_container"].grid-columns-5 .isotope_item { width: 20%; }
	[class*="isotope_container"].grid-columns-6 .isotope_item { width: 16.66666555%; }

	[class*="isotope_container"].grid-columns-5 .isotope_item,
	[class*="isotope_container"].grid-columns-6 .isotope_item { border-width: 0 5px 10px 5px; }

		.isotope_item > * {
			position: relative;
			z-index: 2;
			opacity: 0;
			visibility: hidden;

			-webkit-transition: -webkit-transform .5s ease, opacity .5s ease, visibility .5s ease;
					transition: 		transform .5s ease, opacity .5s ease, visibility .5s ease;
			-webkit-transform: translateY(30px);
				-ms-transform: translateY(30px);
					transform: translateY(30px);
		}

		[class*="isotope_container"].paginate-load_more .isotope_item.appended:not(.can-positioned) > * {
			opacity: 0;
			visibility: hidden;
		}

		[class*="isotope_container"].paginate-load_more.global-loader::before {
			content: "";
			display: block;
			position: absolute;
			top: 100%;
			left: 0;
			width: 100%;
			height: 50px;
			z-index: 3;
			background: url("images/preloader3.GIF") no-repeat center;
		}

			[class*="isotope_container"].paginate-load_more.global-loader .isotope_item::before,
			[class*="isotope_container"].paginate-load_more.global-loader::after
			{
				display: none !important;
			}

		.isotope_item.appended::before {
			content: "";
			display: block;
			position: absolute;
			z-index: 1;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			opacity: 0;
			visibility: hidden;
			background: url("images/preloader3.GIF") no-repeat center;

			-webkit-transition: opacity .5s ease, visibility .5s ease;
					transition: opacity .5s ease, visibility .5s ease;
		}

		.isotope_item.appended::before {
			opacity: 1;
			visibility: visible;
		}

		.isotope_item.appended.loaded::before {
			opacity: 0;
			visibility: hidden;
		}

		[class*="isotope_container"].loaded .appended_item,
		[class*="isotope_container"].loaded .isotope_item:not(.appended) > *
		{
			opacity: 1;
			visibility: visible;

			-webkit-transform: translateY(0);
				-ms-transform: translateY(0);
					transform: translateY(0);
		}

/* ------------------------------------------------
		10. Main
------------------------------------------------ */

	.sbl main#main { float: right; }
	.sbr main#main { float: left; }

	.messages_wrap {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 130;
	}

	.cookie_control,
	.old_ie_message {
		font-size: 14px;
		background: #0097ad;
		color: #fff;
		padding: 7px 30px;
	}

	.old_ie_message {
		background: #d22c3d;
		z-index: 1006;
	}

	.old_ie_message [class^="icon"] {
		color: #222222;
		font-size: 24px;
		display: inline-block;
		margin-right: 5px;
	}

	.cookie_control .left_side,
	.old_ie_message .left_side {
		width: 62%;
	}

	.extended_wrap {
		background-color: transparent;
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		min-height: 50vh;
		background-position-x: 0;
		background-position-y: 0;
	}

	.extended_wrap.extended_background_size_contain { background-size: contain; }

	.extended_wrap iframe { width: 100%; }

	.joker-gmap {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.slide_caption_wrap { margin-top: 20px; }

	/* full screen view */

	#header, #footer,
	.page_actions > li,
	.gallery_slide_data,
	.slide_title,
	.slide_desc
	{
		-webkit-transition: -webkit-transform .4s ease, visibility .4s ease, opacity .4s ease, background-color .4s ease;
				transition: 		transform .4s ease, visibility .4s ease, opacity .4s ease, background-color .4s ease;
	}

	#header.fs_hide {
		-webkit-transform: translateY(-10px) !important;
			-ms-transform: translateY(-10px) !important;
				transform: translateY(-10px) !important;
	}

	.fs_hide,
	#footer.fs_hide {
		opacity: 0 !important;
		visibility: hidden !important;

		-webkit-transform: translateY(10px) !important;
			-ms-transform: translateY(10px) !important;
				transform: translateY(10px) !important;
	}

	.fullscreen .page_actions {
		position: fixed;
		right: 5px;
		bottom: 95px;
		z-index: 21;
		margin-bottom: 0;
	}

	.tp-caption.slide_title {
		margin-bottom: 0;
		font-size: 60px;
		line-height: 1.1em;
		color: #fff;
		font-weight: 700;
		min-height: 0px;
		min-width: 746px;
		max-height: none;
		max-width: 746px;
		white-space: normal;
	}

	.slide_desc {
		font-size: 18px;
		color: #fff;
	}

	.joker-banner .tp-caption { margin-left: 30px; }

		.joker-banner li { list-style: none; }

	.fs_video {
		position: fixed;
		top: -10%;
		right: -2%;
		bottom: -10%;
		left: -2%;
	}

	@media only screen and ( max-width: 767px ) {

		.fs_video {
			top: 158px;
		}

	}

		.fs_video iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}

	.tp-caption.slide_title,
	.tp-caption.slide_desc{
		-webkit-transition: transform .25s ease;
				transition: transform .25s ease;
	}

	.tp-caption.over_thumbs {
		-webkit-transition: transform .25s ease !important;
				transition: transform .25s ease !important;
	}

	.over_thumbs {
		-webkit-transform: translateY(-80px) !important;
			-ms-transform: translateY(-80px) !important;
				transform: translateY(-80px) !important;
	}

	.rev_slider .tparrows.custom {
		width: 60px;
		height: 60px;
		line-height: 60px;
		background-color: transparent;
		-webkit-transition: background .7s ease;
				transition: background .7s ease;
	}

	.rev_slider .tparrows.custom:hover {
		-webkit-transition: background .1s ease;
				transition: background .1s ease;
	}

	.rev_slider .tparrows.custom:before {
		font-size: 36px;
		line-height: 60px;
	}

	.rev_slider .tparrows.custom:before { font-family: 'linea-arrows'; }

	.rev_slider .tp-leftarrow.tparrows.custom:before  { content: '\e00f'; }
	.rev_slider .tp-rightarrow.tparrows.custom:before { content: '\e00b'; }

	.joker-banner .tp-thumbs {
		opacity: 0;
		visibility: hidden;

		-webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
			-ms-transform: matrix(1, 0, 0, 1, 0, 0) !important;
				transform: matrix(1, 0, 0, 1, 0, 0) !important;
		-webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease;
				transition:			transform .4s ease, opacity .4s ease, visibility .4s ease;
	}

	.joker-banner.active .tp-thumbs {
		opacity: 1;
		visibility: visible;

		-webkit-transform: matrix(1, 0, 0, 1, 0, -132) !important;
			-ms-transform: matrix(1, 0, 0, 1, 0, -132) !important;
				transform: matrix(1, 0, 0, 1, 0, -132) !important;
		}

	/*.joker-banner .tp-thumbs {*/
		/*width: 100%;*/
		/*text-align: center;*/
		/*max-width: 100% !important;*/
	/*}*/

		.joker-banner .tp-thumbs .tp-thumb-mask {
			display: inline-block;
			text-align: center;
		}

			.joker-banner .tp-thumbs .tp-thumb { opacity: 1; }

				.joker-banner .joker-tp-thumb-img-wrap::after {
					content: "";
					background-color: rgba(24, 24, 24, .5);
					position: absolute;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					z-index: 1;

					-webkit-transition: background-color .7s ease;
							transition: background-color .7s ease;
				}

				.joker-banner .tp-thumb:hover .joker-tp-thumb-img-wrap::after,
				.joker-banner .tp-thumb.selected .joker-tp-thumb-img-wrap::after
				{
					background-color: transparent;

					-webkit-transition: background-color .1s ease;
							transition: background-color .1s ease;
				}

					.joker-banner .tp-thumbs .tp-thumb-image {
						-webkit-box-shadow: none;
								box-shadow: none;
					}

	.play_pause_action_wrap, .fs_stay { position: relative; }

		.play_pause_action_wrap > #rs_play,
		.fs_stay > #rs_plus {
			-webkit-transition-delay: .15s;
					transition-delay: .15s;
		}

		.play_pause_action_wrap > #rs_pause,
		.fs_stay > #rs_minus
		{
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}

		.play_pause_action_wrap:not(.active) #rs_play,
		.play_pause_action_wrap.active > #rs_pause,

		.fs_stay:not(.active) #rs_plus,
		.fs_stay.active > #rs_minus
		{
			opacity: 0;
			visibility: hidden;

			-webkit-transform: scale(.7);
				-ms-transform: scale(.7);
					transform: scale(.7);
		}

/* ------------------------------------------------
		11. Pages
------------------------------------------------ */

	.cs_title {
		font-size: 72px;
		line-height: 1em;
	}

	.cs_desc:not(:last-child) { margin-bottom: 30px; }

	.cs_countdown { margin-bottom: 75px; }

	.actions_404 { padding: 7px 0 40px; }

	.actions_404 > *:not(:last-child) { margin-right: 7px; }

	.ci_item {
		display: inline-block;
		min-width: 95px;
	}

	.cf_description { margin-bottom: 29px !important; }

/* ------------------------------------------------
		12. Portfolio & Gallery
------------------------------------------------ */

	.inner_j_item {
		display: block;
		position: relative;
		overflow: hidden;
	}

	[class*="j_item"] a:not(.wall_image) {
		color: #fff;
		position: relative;
		display: inline-block;
	}

	[class*="j_item"] a:hover {
		text-decoration: none;
	}

	[class*="j_item"] .category a::before
	{
		content: "";
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 0;
		border-bottom-width: 1px;
		border-bottom-style: solid;

		-webkit-transition-property: width;
				transition-property: width;

		-webkit-transition-timing-function: ease-out;
				transition-timing-function: ease-out;

		-webkit-transition-delay: 0s;
				transition-delay: 0s;

		-webkit-transition-duration: inherit;
				transition-duration: inherit;
	}

	[class*="j_item"] .category a:hover::before { width: 100%; }

	.stat_link_like::before {
		margin-right: 5px;
		vertical-align: middle;
		line-height: 0;
		height: 1px;
		font-family: 'fontello';
		font-size: 15px;
		text-decoration: none;
	}

	.stat_link_like::before 	  { content: '\e808'; }
	.stat_link_like.liked::before { content: '\e807'; }

	.stat_link_like { text-decoration: none; }

	.inner_j_item .meta {
		position: relative;
		/*z-index: 5;*/
	}

	.inner_j_item.item_type_1 .meta {
		z-index: 5;
	}

	.inner_j_item .meta::after {
		content: "";
		display: block;
		clear: both;
	}

	.inner_j_item .overlay_link {
		position: absolute !important;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 3;
		margin: 0;

		-webkit-transition: background-color .3s ease, opacity .3s ease;
				transition: background-color .3s ease, opacity .3s ease;
	}

	.wall_j_item .title,
	.wall_j_item .wall_caption,
	.inner_j_item .title {
		z-index: 4;
		display: block;
		margin-bottom: 0;
		color: #fff;
	}

	.wall_j_item .title {
		margin-bottom: 10px;
	}

	.inner_j_item.item_type_3 .title,
	.inner_j_item.item_type_5 .title
	{
		position: relative;
		z-index: 6;
	}

	.vc_row:not([data-vc-full-width]) .grid-columns-5 .inner_j_item .title { font-size: 20px; }
	.vc_row:not([data-vc-full-width]) .grid-columns-6 .inner_j_item .title { font-size: 16px; }

		.inner_j_item .title > a {
			display: inline-block;
			overflow: hidden;
			text-overflow: ellipsis;
			text-decoration: none;
		}

	.wall_j_item .title,
	.wall_j_item .wall_caption,
	.inner_j_item .title,
	.inner_j_item .category,
	.sl_wrap {
		opacity: 0;

		-webkit-transition: -webkit-transform .3s ease, opacity .3s ease;
				transition: 		transform .3s ease, opacity .3s ease;
	}

	.inner_j_item .item_image {
		-webkit-transition: -webkit-transform .3s ease;
				transition: 		transform .3s ease;
	}

	.inner_j_item .category {
		position: relative;
		display: inline-block;
		z-index: 7;
		text-transform: capitalize;
		font-size: 14px;

		-webkit-transition-delay: .1s;
				transition-delay: .1s;
	}

	.wall_j_item .wall_caption {
		position: relative;
		display: inline-block;
		z-index: 7;
		font-size: 14px;

		-webkit-transition-delay: .1s;
		transition-delay: .1s;
	}

	.sl_wrap:first-child {
		margin-right: 10px;

		-webkit-transition-delay: .15s;
				transition-delay: .15s;
	}

	.sl_wrap:last-child {
		-webkit-transition-delay: .2s;
				transition-delay: .2s;
	}

	.inner_j_item:hover .title,
	.inner_j_item:hover .category,
	.inner_j_item:hover .sl_wrap,
	.wall_j_item:hover .sl_wrap,
	.wall_j_item:hover .title,
	.wall_j_item:hover .wall_caption,

	.md_touch .inner_j_item .title,
	.md_touch .inner_j_item .category,
	.md_touch .inner_j_item .sl_wrap,
	.md_touch .wall_j_item .sl_wrap
	{
		opacity: 1;
	}

	.sl_wrap {
		display: inline-block;
		color: #fff;
		font-size: 12px;
	}

		.sl_wrap i[class|="icon"] {
			display: inline-block;
			height: 0;
		}

		.sl_wrap i[class|="icon"]::before {
			font-size: 15px;
			margin-right: 5px;
			vertical-align: middle;
			line-height: 0;
			height: 1px;
		}

		.sl_wrap i.icon-eye { font-size: 16px; }

	.item_type_1 .category,
	.item_type_5 .category {
		float: left;
		width: 50%;
		padding-right: 10px;
	}

	.item_type_1 .stats,
	.item_type_5 .stats {
		text-align: right;
		float: right;
		width: 50%;
		padding-left: 10px;
	}

	.item_type_5 .stats {
		position: relative;
		z-index: 5;
	}

	.item_type_3:hover .item_image,
	.item_type_4:hover .item_image,
	.item_type_5:hover .item_image,

	.md_touch .item_type_3 .item_image,
	.md_touch .item_type_4 .item_image,
	.md_touch .item_type_5 .item_image
	{
		-webkit-transform: scale(1.05);
			-ms-transform: scale(1.05);
				transform: scale(1.05);
	}

	.item_type_4 .meta,
	.item_type_2 .meta {
		position: absolute;
		top: 50%;
		left: 0;
		padding: 20px;
		width: 100%;
		text-align: center;
		z-index: 5;

		-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
				transform: translateY(-50%);
	}

	/* layouts */

	.item_type_1 .overlay_link { padding: 23px 20px; }

	.item_type_1 .meta {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 8px 20px;
		background: #181818;
		overflow: hidden;

		-webkit-transition: -webkit-transform .3s ease;
				transition: 		transform .3s ease;

		-webkit-backface-visibility: hidden;
	}

	.item_type_1 .title,
	.item_type_1 .category,
	.item_type_1 .sl_wrap,
	.item_type_1 .meta,
	.wall_j_item.type_1 .sl_wrap,
	.wall_j_item.type_4 .sl_wrap {
		-webkit-transform: translateY(100%);
			-ms-transform: translateY(100%);
				transform: translateY(100%);
	}

	.item_type_1:hover .overlay_link,
	.md_touch .item_type_1 .overlay_link
	{
		background-color: rgba(24, 24, 24, .5);
	}

	.item_type_1:hover .title,
	.item_type_1:hover .category,
	.item_type_1:hover .sl_wrap,
	.item_type_1:hover .meta,
	.wall_j_item.type_1:hover .sl_wrap,
	.wall_j_item.type_4:hover .sl_wrap,
	.wall_j_item.type_5:hover .sl_wrap,

	.md_touch .item_type_1 .title,
	.md_touch .item_type_1 .category,
	.md_touch .item_type_1 .sl_wrap,
	.md_touch .item_type_1 .meta,
	.md_touch .wall_j_item.type_1 .sl_wrap,
	.md_touch .wall_j_item.type_4 .sl_wrap,
	.md_touch .wall_j_item.type_5 .sl_wrap
	{
		-webkit-transform: translateY(0%);
			-ms-transform: translateY(0%);
				transform: translateY(0%);
	}

	.item_type_2 .overlay_link {
		padding: 7px;
		text-align: center;
		top: 10px;
		bottom: 10px;
		right: 10px;
		left: 10px;
	}

	.item_type_2 .overlay_link::after {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(24, 24, 24, .6);
		opacity: 0;

		-webkit-transition: -webkit-transform .3s ease, opacity .3s ease;
				transition: 		transform .3s ease, opacity .3s ease;
	}

	.item_type_2:hover .overlay_link::after,
	.md_touch .item_type_2 .overlay_link::after
	{
		opacity: 1;
	}

	.item_type_2 .item_image,
	.item_type_2 .overlay_link::after,
	.wall_j_item.type_3 .wall_image::before {
		-webkit-transform: scale(1.1);
			-ms-transform: scale(1.1);
				transform: scale(1.1);
	}

	.item_type_2:hover .item_image,
	.item_type_2:hover .overlay_link::after,
	.wall_j_item.type_3:hover .wall_image::before,

	.md_touch .item_type_2 .item_image,
	.md_touch .item_type_2 .overlay_link::after,
	.md_touch .wall_j_item.type_3 .wall_image::before
	{
		-webkit-transform: scale(1);
			-ms-transform: scale(1);
				transform: scale(1);
	}

	.item_type_3 .meta { position: static; }

	.item_type_3 .overlay_link { padding: 23px 20px; }

	.item_type_3:hover .overlay_link,
	.md_touch .item_type_3 .overlay_link
	{
		background: rgba(24, 24, 24, .5);
	}

	.item_type_3 .stats {
		position: absolute;
		z-index: 7;
		text-align: right;
		bottom: 0;
		right: 0;
	}

	.item_type_3 .title,
	.item_type_3 .category,
	.item_type_3 .sl_wrap,
	.wall_j_item.type_5 .sl_wrap{
		-webkit-transform: translateY(-60%);
			-ms-transform: translateY(-60%);
				transform: translateY(-60%);
	}

	.wall_j_item .title,
	.wall_j_item .wall_caption
	{
		-webkit-transform: translateY(-60%);
		-ms-transform: translateY(-60%);
		transform: translateY(-60%);
	}

	.wall_j_item:hover .title,
	.wall_j_item:hover .wall_caption
	{
		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
	}

	.item_type_3:hover .title,
	.item_type_3:hover .category,
	.item_type_3:hover .sl_wrap,

	.md_touch .item_type_3 .title,
	.md_touch .item_type_3 .category,
	.md_touch .item_type_3 .sl_wrap
	{
		-webkit-transform: translateY(0%);
			-ms-transform: translateY(0%);
				transform: translateY(0%);
	}

	.item_type_4 .overlay_link {
		text-align: center;
		background: rgba(24, 24, 24, .3);
		border: 10px solid rgba(24, 24, 24, .4);
		opacity: 0;
	}

	.item_type_4 .title,
	.item_type_4 .category,
	.item_type_4 .sl_wrap,
	.wall_j_item.type_2 .sl_wrap {
		-webkit-transform: translateX(-10px);
			-ms-transform: translateX(-10px);
				transform: translateX(-10px);
	}

	.item_type_4 .overlay_link::after,
	.wall_j_item.type_2 .wall_image::after {
		content: "";
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border: 2px solid #fff;

		-webkit-transition: -webkit-transform .3s ease;
				transition: 		transform .3s ease;

		-webkit-transform: scale(1.17);
			-ms-transform: scale(1.17);
				transform: scale(1.17);

		-webkit-backface-visibility: hidden;
	}

	.wall_j_item.type_2 .wall_image::after {
		top: 10px;
		right: 10px;
		bottom: 10px;
		left: 10px;
	}

	.item_type_4:hover .title,
	.item_type_4:hover .category,
	.item_type_4:hover .sl_wrap,
	.wall_j_item.type_2:hover .sl_wrap,

	.md_touch .item_type_4 .title,
	.md_touch .item_type_4 .category,
	.md_touch .item_type_4 .sl_wrap,
	.md_touch .wall_j_item.type_2 .sl_wrap
	{
		-webkit-transform: translateX(0px);
			-ms-transform: translateX(0px);
				transform: translateX(0px);
	}

	.item_type_4:hover .overlay_link,
	.md_touch .item_type_4 .overlay_link
	{
		opacity: 1;
	}

	.item_type_4:hover .overlay_link::after,
	.wall_j_item.type_2:hover .wall_image::after,

	.md_touch .item_type_4 .overlay_link::after,
	.md_touch .wall_j_item.type_2 .wall_image::after
	{
		-webkit-transform: scale(1);
			-ms-transform: scale(1);
				transform: scale(1);
	}

	.item_type_5:hover .overlay_link,
	.md_touch .item_type_5 .overlay_link
	{
		background-color: rgba(24, 24, 24, .5);
	}

	.item_type_5 .title {
		display: block;
		margin-bottom: 10px;
	}

	.item_type_5 .title::after {
		content: "";
		display: block;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		margin-top: 5px;
		border-bottom: 1px solid #fff;
	}

	.wall_single_meta,
	.item_type_3 .meta,
	.item_type_5 .meta {
		position: absolute;
		z-index: 10;
		top: 25px;
		left: 20px;
		right: 20px;
		text-align: left;
	}

	[class*="j_item"] a.inner-link { display: none; }

	[class*="j_item"].item_type_3 a.inner-link {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 5;
		display: inline-block;
		width: 100%;
		height: 100%;
	}

	.item_type_3 .meta { bottom: 15px; }

	.item_type_5 .title,
	.item_type_5 .category,
	.item_type_5 .sl_wrap
	{
		-webkit-transform: translateX(-20px);
			-ms-transform: translateX(-20px);
				transform: translateX(-20px);

		-webkit-transition-duration: .4s;
				transition-duration: .4s;
		-webkit-transition-timing-function: cubic-bezier(.2, 2, 1, 1);
				transition-timing-function: cubic-bezier(.2, 2, 1, 1);
	}

	.item_type_5:hover .title,
	.item_type_5:hover hr,
	.item_type_5:hover .category,
	.item_type_5:hover .sl_wrap,

	.md_touch .item_type_5 .title,
	.md_touch .item_type_5 hr,
	.md_touch .item_type_5 .category,
	.md_touch .item_type_5 .sl_wrap
	{
		-webkit-transform: translateX(0px);
			-ms-transform: translateX(0px);
				transform: translateX(0px);
	}

	/* --------------------------------------------
			12.1 Portfolio Single item
	-------------------------------------------- */

	.single .portfolio_post { margin-bottom: 60px; }

		.post_meta {
			margin-bottom: 35px;
			text-align: justify;
			font-size: 0;
			line-height: 0;
		}

		.post_meta:after {
			display: inline-block;
			width: 100%;
			content: '';
		}

			.post_meta > * {
				display: inline-block;
				vertical-align: middle;
				font-size: 16px;
				line-height: 1.5em;
			}

			.post_meta .post_meta_item    { width: 20%; }
			.post_meta .website-meta-item { width: 30%; }
			.post_meta .share-meta-item   { width: 10%; }

		.portfolio_post .wpb_content_element { margin-bottom: 20px; }

		.portfolio_post .post_meta { margin-bottom: 18px; }

		.post_extra_section:not(:last-child) { margin-bottom: 30px; }

		.share_post { text-align: right; }

	/* --------------------------------------------
			12.2 Related Portfolio Projects
	-------------------------------------------- */

	.related_projects {
		 overflow: hidden;
		 margin-left: -15px;
		 margin-right: -15px;
		 font-size: 0;
	 }

.related_projects.full_width {
	margin-left: -5px;
	margin-right: -5px;
}

.related_projects[class*='portfolio-columns'] {
	margin-left: -5px;
	margin-right: -5px;
}

		.related_projects .inner_j_item {
			display: inline-block;
			vertical-align: top;
			border-style: solid;
			border-color: transparent;
			border-width: 0 15px 30px 15px;
		}

		.no_sidebar .related_projects .inner_j_item { border-width: 0 5px 10px 5px; }
		/*.related_projects.full_width .inner_j_item { border-width: 0 5px 10px 5px; }*/

		.related_projects.grid-columns-2 .inner_j_item { width: 50%; }
		.related_projects.grid-columns-3 .inner_j_item { width: 33.33333%; }
		.related_projects.grid-columns-4 .inner_j_item { width: 25%; }
		.related_projects.grid-columns-5 .inner_j_item { width: 20%;  }
		.related_projects.grid-columns-6 .inner_j_item { width: 16.66666667%; }

	/* --------------------------------------------
			12.3 Gallery Albums
	-------------------------------------------- */

		.album {
			position: relative;
			margin-bottom: 0;
			list-style: none;
		}

			.album > li:not(:first-child) {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
			}

			.album > li:not(.active) { opacity: 0; }

			ul.album li img { width: 100%; }

	/* --------------------------------------------
			12.4 Gallery Flow
	-------------------------------------------- */

	.flow_carousel_wrap { overflow: hidden; }

		.flow_item {
			position: relative;
			border-top: 25px solid transparent;
			border-bottom: 155px solid transparent;
		}

		.flow_carousel .owl-stage { padding: 75px 0; }

			.flow_carousel .owl-item {
				-webkit-transition: -webkit-transform .4s ease;
						transition: 		transform .4s ease;
			}

			.flow_carousel .owl-item.center {
				z-index: 1;

				-webkit-transform: scale(1.25);
					-ms-transform: scale(1.25);
						transform: scale(1.25);
			}

			.mirroring {
				position: absolute;
				top: 100%;
				left: 0;
				width: 100%;
				height: 100%;
				margin-top: 1px;

				-webkit-transform: matrix(1, 0, 0, -1, 0, 0);
					-ms-transform: matrix(1, 0, 0, -1, 0, 0);
						transform: matrix(1, 0, 0, -1, 0, 0);
			}

			.mirroring::before {
				content: "";
				position: absolute;
				top: 0;
				right: -1px;
				bottom: 0;
				left: -1px;
				z-index: 1;
				background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, .7), #fff 20%);
				background:    -moz-linear-gradient(bottom, rgba(255, 255, 255, .7), #fff 20%);
				background:      -o-linear-gradient(bottom, rgba(255, 255, 255, .7), #fff 20%);
				background:			linear-gradient(bottom, rgba(255, 255, 255, .7), #fff 20%);
			}

			.gallery_slide_data .slide_caption { margin-bottom: 4px; }

			.gallery_slide_data .slide_description {
				font-size: 14px;
				line-height: 22px;
			}

			.gallery_slide_data {
				position: relative;
				z-index: 1;

				-webkit-transition: -webkit-transform .4s ease, opacity .4s ease, visibility .4s ease;
						transition: 		transform .4s ease, opacity .4s ease, visibility .4s ease;
			}

			.gallery_slide_data.changing {
				opacity: 0;

				-webkit-transform: translateY(20px);
					-ms-transform: translateY(20px);
						transform: translateY(20px);
			}

	/* --------------------------------------------
			12.5 Protected Gallery
	-------------------------------------------- */

	.protected_gallery_wrap,
	.protected_gallery_wrap .title { color: #fff; }

		.protected_gallery_wrap .title {
			font-size: 60px;
			margin-bottom: 16px;
			line-height: 1em;
		}

		.protected_gallery_wrap .description {
			font-size: 18px;
			margin-bottom: 35px;
		}

			.post-password-form { display: inline-block; }

				.post-password-form p:first-child {
					font-size: 18px;
					margin-bottom: 30px;
				}

				.post-password-form p:last-child { margin-bottom: 0; }

					.post-password-form input[type="password"] {
						margin-right: 10px;
						width: 480px;
					}

					.type-post .post-password-form input[type="password"] { margin-left: 10px; }

				.post-password-form button { vertical-align: top; }

				.post-password-form p label { margin-bottom: 0; }

				.post-password-form input[type="submit"] {
					position: relative;
					z-index: 1;
					overflow: hidden;
					display: inline-block;
					padding-left: 19px;
					padding-right: 19px;
					font-weight: 700;
					line-height: 1.5em;
					border-width: 2px;
					padding-top: 7px;
					padding-bottom: 7px;
					border-style: solid;
					background-color: #fff;
					-webkit-backface-visibility: hidden;

					-webkit-transition: background-color .5s ease, color .5s ease, border-color .5s ease;
							transition: background-color .5s ease, color .5s ease, border-color .5s ease;
				}

				.post-password-form input[type=submit]:hover {
					color: #fff;
					background-color: #181818;
					border-color: #181818;
				}

		.full_screen_page_bg {
			position: fixed;
			z-index: -1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}

		.full_screen_page_bg.overlay::after {
			content: "";
			display: block;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			background: rgba(24, 24, 24, .55);
		}

		.protected-image-bg { background-image: url("images/galleries_protected.jpg"); }

	/* --------------------------------------------
			12.6 Gallery wall items
	-------------------------------------------- */

		.wall_j_item { overflow: hidden; }

			.wall_image {
				display: block;
				position: relative;
			}

			.wall_image::before {
				content: "";
				display: block;
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				opacity: 0;
				z-index: 1;
				background-color: rgba(24, 24, 24, .5);
				background-repeat: no-repeat;

				-webkit-transition: opacity .4s ease, background-position .4s ease;
						transition: opacity .4s ease, background-position .4s ease;
			}

			.wall_image::after { z-index: 2; }

			.transparent_icon.photo,
			.wall_image.photo::before { background-image: url("images/icon_plus.png"); }

			.transparent_icon.video,
			.wall_image.video::before { background-image: url("images/icon_play.png"); }

			.wall_j_item:hover .wall_image > img
			{
				-webkit-transform: scale(1.05);
					-ms-transform: scale(1.05);
						transform: scale(1.05);
			}

			.wall_j_item:hover .wall_image::before,
			.md_touch .wall_j_item .wall_image::before
			{
				opacity: 1;
			}

				.wall_image > img {
					-webkit-transition: -webkit-transform .4s ease;
							transition: 		transform .4s ease;
				}

				.wall_j_item .stats {
					position: absolute;
					z-index: 3;
				}

				.wall_j_item.type_1 .stats,
				.wall_j_item.type_4 .stats,
				.wall_j_item.type_5 .stats
				{
					right: 20px;
					bottom: 20px;
				}

		.wall_j_item.type_1 .wall_image::before {
			background-position: center 55%;
		}

		.wall_j_item.type_1:hover .wall_image::before,
		.md_touch .wall_j_item.type_1 .wall_image::before {
			background-position: center center;
		}

			.wall_j_item.type_2 .stats,
			.wall_j_item.type_3 .stats {
				text-align: center;
				top: 50%;
				left: 0;
				width: 100%;
				margin-top: 10px;
			}

		.wall_j_item.type_2 .wall_image::before {
			top: -25px;
			background-color: rgba(24, 24, 24, .3);
			border: 10px solid rgba(24, 24, 24, .4);
			background-position: 45% 50%;
			border-top-width: 35px;
			background-origin: border-box;
		}

		.wall_j_item.type_2:hover .wall_image::before,
		.md_touch .wall_j_item.type_2 .wall_image::before {
			background-position: center 50%;
		}

		.wall_j_item.type_3 .wall_image::before {
			/*top: -15px;*/
			top: 10px;
			right: 10px;
			bottom: 10px;
			left: 10px;
			/*padding-top: 25px;*/
			background-clip: content-box;
			background-color: rgba(24, 24, 24, .6);
			background-position: center 50%;

			-webkit-transition: -webkit-transform .4s ease, opacity .4s ease;
					transition: 		transform .4s ease, opacity .4s ease;
		}

		.wall_j_item.type_4 .wall_image::before { display: none; }

		.transparent_icon {
			position: absolute;
			top: 50%;
			left: 50%;
			z-index: 1;
			margin: -25px 0 0 -25px;
			width: 50px;
			height: 50px;
			border: 1px solid #fff;
			background-color: rgba(24, 24, 24, .6);
			background-repeat: no-repeat;
			background-position: center center;
			opacity: 0;

			-webkit-transition: -webkit-transform .4s ease, opacity .4s ease;
					transition: 		transform .4s ease, opacity .4s ease;

			-webkit-transform: scale(2);
				-ms-transform: scale(2);
					transform: scale(2);
		}

		.transparent_icon::before {
			content: "";
			bottom: 100%;
			height: 2000px;
			left: -1px;
			right: -1px;
			margin-bottom: 1px;
		}

		.transparent_icon::after {
			content: "";
			top: 100%;
			height: 2000px;
			left: -1px;
			right: -1px;
			margin-top: 1px;
		}

		.transparent_icon .left_overlay {
			width: 2000%;
			right: 100%;
			margin: -1000% 1px 0 0;
			height: 2000%;
		}

		.transparent_icon .right_overlay {
			width: 2000%;
			left: 100%;
			margin: -1000% 0 0 1px;
			height: 2000%;
		}

		.transparent_icon::before,
		.transparent_icon::after,
		.transparent_icon > [class*="_overlay"] {
			display: block;
			position: absolute;
			background: rgba(24, 24, 24, .6);
		}

		.wall_j_item:hover .transparent_icon,
		.md_touch .wall_j_item .transparent_icon
		{
			opacity: 1;

			-webkit-transform: scale(1);
				-ms-transform: scale(1);
					transform: scale(1);
		}

		.wall_j_item.type_5 .wall_image::before {
			padding: 20px;
			background-origin: content-box;
			background-position: left 90%;
		}

		.wall_j_item.type_5:hover .wall_image::before,
		.md_touch .wall_j_item.type_5 .wall_image::before {
			background-position: left bottom;
		}

/* ------------------------------------------------
		13. Blog
------------------------------------------------ */

.blog_isotope_holder { margin-bottom: 40px; }

	.type-post {
		position: relative;
		padding-bottom: 40px;
		border-bottom: 2px solid #eee;
		margin-bottom: 40px;
	}

	.type-post .wpb_content_element:not(:last-child) { margin-bottom: 20px; }

	.single .type-post { margin-bottom: 20px; }

	.sticky-post {
		position: absolute;
		top: 0;
		right: 0;
		display: inline-block;
		padding: 2px 10px 3px 12px;
		font-size: 12px;
		font-weight: 700;
		text-transform: uppercase;
		color: #fff;
		background-color: #ff8400;
	}

	.blog_isotope_container .sticky-post { position: relative; }

	.sticky-post::before {
		position: absolute;
		top: 0;
		left: auto;
		right: 100%;
		display: block;
		border-style: solid;
		border-width: 29px 19px 0 0;
		border-right-color: #ff8400;
		width: 0;
		height: 0;
		content: "";
	}

	.blog_isotope_container .sticky-post::before {
		left: 100%;
		right: auto;
		border-width: 0 0 29px 19px;
		border-left-color: #ff8400;
	}

	.entry_title { margin-bottom: 8px; }

	@media only screen and (min-width: 768px) {
		.big-view .sticky-post + .entry_title { padding-right: 120px; }
	}

	.single .type-post .entry_title { margin-bottom: 17px; }

		.entries .entry_title a { color: #181818; }

	.curtain-overlay {
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
		width: 100%;
		height: 100%;
		background-color: #000;
		background-color: rgba(24,24,24, .5);
		opacity: 0;
		filter: alpha(opacity = 0);

		-webkit-transition: all 0.7s ease;
				transition: all 0.7s ease;
		-webkit-perspective: 400px;
				perspective: 400px;
	}

	a:hover .curtain-overlay {
		visibility: visible;
		opacity: 1;
		filter: alpha(opacity = 80);
	}

	.lightbox-added .curtain-overlay {
		display: block;
		overflow: hidden;
	}

	.curtain-overlay::before {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		z-index: 1;
		background-color: rgba(24, 24, 24, .5);
		background-repeat: no-repeat;
		background-position: center 55%;
		content: "";

		-webkit-transition: opacity .4s ease, background-position .4s ease;
				transition: opacity .4s ease, background-position .4s ease;
	}

	.curtain-overlay.overlay-type-image::before { background-image: url("images/icon_plus.png"); }

	.curtain-overlay.overlay-type-link::after {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 5;
		margin: -20px 0 0 -20px;
		width: 40px;
		height: 40px;
		opacity: 0;
		font-family: 'fontello';
		line-height: 40px;
		content: '\e823';
		font-size: 26px;
		text-align: center;
		color: #fff;

		-webkit-transform: translateY(15px);
			-ms-transform: translateY(15px);
				transform: translateY(15px);
		-webkit-transition: all .4s ease;
				transition: all .4s ease;
	}

	a:hover .curtain-overlay.overlay-type-link:hover::after {
		opacity: 1;

		-webkit-transform: translateY(0);
			-ms-transform: translateY(0);
				transform: translateY(0);
	}

	a:hover .curtain-overlay.overlay-type-image::before {
		opacity: 1;
		background-position: center center;
	}

	.entry_meta {
		margin-bottom: 22px;
		font-size: 14px;
		line-height: 22px;
		color: #888;
	}

	.widget .entry_meta { margin-bottom: 0; }

	.isotope_item .entry_meta { font-size: 13px; }

		.entry_meta .updated:not(.published) { display: none; }

	.isotope_item .type-post .owl_wrap > .owl-prev,
	.isotope_item .type-post .owl_wrap > .owl-next
	{
		width: 50px;
		height: 50px;
		margin-top: -25px;
		line-height: 50px;
	}

		.isotope_item .type-post .owl_wrap > .owl-prev .btn-portfolio-previous,
		.isotope_item .type-post .owl_wrap > .owl-next .btn-portfolio-next
		{
			line-height: 50px;
			font-size: 29px;
		}

	.entry_extra { margin: 0 0 24px; }

		.entry_extra > .clearfix:not(:last-child) { margin-bottom: 20px; }

	body.fullscreen .entry_extra { margin: 0; }

	.isotope_item .entry_extra {
		font-size: 14px;
		line-height: 22px;
	}

	.entries .isotope_item:last-child .post,
	.entries > .post:last-child {
		border-bottom-width: 0;
		margin-bottom: 0;
	}

	.actions_list { display: inline-block; }

	.actions_list::after {
		content: "";
		display: block;
		clear: both;
	}

		.actions_list > li {
			display: inline-block;
			list-style: none;
		}

		.actions_list > li:not(:last-child) { margin-right: 1px; }

		.pagination {
			overflow: hidden;
			padding-top: 11px;
			border-top: 2px solid #181818;
		}

			.pagination > li {
				float: left;
				margin-right: 20px;
				list-style: none;
			}

				.pagination a:hover,
				.pagination a.selected { color: #181818; }

				.pagination a.selected {
					pointer-events: none;
					cursor: default;
				}

		.page-links {
			overflow: hidden;
			margin-bottom: 20px;
			padding-top: 11px;
			border-top: 2px solid #181818;
		}

			.page-links > .page-links-title { margin-right: 10px; }

			.page-links > a {
				display: inline-block;
				margin-right: 20px;
				list-style: none;
			}

			.page-links a:hover { color: #181818; }

		/* Gallery Pagination */

		.gallery-pagination {
			overflow: hidden;
			padding-top: 11px;
			text-align: center;
		}

			.gallery-pagination > li {
				display: inline-block;
				margin: 0 2px;
				list-style: none;
			}

				.gallery-pagination a {
					display: block;
					width: 32px;
					height: 32px;
					border: 2px solid #181818;
					line-height: 28px;
					text-align: center;
					color: #181818;
					font-size: 14px;
					font-weight: 700;
					text-decoration: none;
				}

				.gallery-pagination a.prev,
				.gallery-pagination a.next {
					font-size: 0;
				}

				.gallery-pagination a.prev::after,
				.gallery-pagination a.next::after {
					font-family: 'fontello';
					content: "\e878";
					font-size: 17px;
				}

				.gallery-pagination a.prev::after { content: "\e879"; }
				.gallery-pagination a.next::after { content: "\e87a"; }

				.gallery-pagination a:hover,
				.gallery-pagination a.selected {
					background-color: #181818;
					color: #fff;
				}

				.gallery-pagination a.selected {
					pointer-events: none;
					cursor: default;
				}

	.entries_nav {
		font-size: 14px;
		overflow: hidden;
	}

	.next_entry,
	.previous_entry {
		margin-top: 7px;
	}

	.author_entry {
		font-size: 14px;
		line-height: 22px;
		background: #f8f8f8;
		padding: 17px 20px 23px;
		overflow: hidden;
	}

	.our_author_image {
		float: left;
		margin-right: 17px;
	}

	.our_author_entry {
		overflow: hidden;
	}

	.our_author_name {
		margin-bottom: 9px;
	}

		.our_author_name a { color: #181818; }

	.footer_extra {
		margin-bottom: 0;
		text-align: justify;
		line-height: 0;
	}

	.footer_extra:after {
		display: inline-block;
		width: 100%;
		content: '';
	}

		.footer_extra .btn,
		.footer_extra .action_wrap,
		.footer_extra .actions_wrap {
			display: inline-block;
			vertical-align: middle;
		}

		.footer_extra .btn { vertical-align: top; }

		.footer_extra .tags {
			position: relative;
			padding-left: 40px;
		}

			.footer_extra .tags .title-tags {
				position: absolute;
				left: 0;
			}

		.edit-link { font-size: 13px; }

	audio { width: 100%; }

	.template-admin-box { margin-bottom: 30px; }

		.profile-edit-btn { display: inline-block; }

	.template-box::after {
		content:""; display: block; clear:both;
	}

	.template-box .template-image-format {
		float: left;
		overflow: hidden;
		margin-right: 25px;
		-webkit-border-radius: 50%;
				border-radius: 50%;
	}

		.template-image-format .avatar { margin-right: 0; }

	.template-box .template-description {
		overflow: hidden;
		padding: 5px;
	}

	/* comments & reviews */

	.review,
	.comments-list {
		overflow: hidden;
		list-style: none;
	}

	.comments-list .children { padding-left: 30px; }

	.comments-list .comment article {
		font-size: 14px;
		line-height: 22px;
		padding: 42px 0 0;
		position: relative;
	}

	.comments-list li.comment { list-style: none; }

	.comments-list > li:first-child > article { padding-top: 0; }

	.comments-list .comment article::before {
		content: "";
		display: block;
		border-top: 2px solid #eee;
		position: absolute;
		top: 20px;
		left: -100%;
		right: -100%;
	}

	.comments-list > li:first-child > article::before { display: none; }

	.comments-list .comment article::after {
		content: "";
		display: block;
		clear: both;
	}

	.comment-reply-title {
		margin-bottom: 10px;
		font-size: 24px;
	}

	.avatar {
		float: left;
		margin-right: 17px;
		max-width: 100%;
	}

	.comment-respond {
		margin-bottom: 40px;
		margin-top: 25px;
	}

		.comment-respond p { margin-bottom: 10px; }

	.comment-text,
	.comment-body { overflow: hidden; }

		.comment-text .meta { margin-bottom: 8px; }
		.comment-text .star-rating { margin-bottom: 5px; }

	.comment-meta,
	.comment-text .meta {
		color: #888;
		font-size: 13px;
		margin-bottom: 8px;
		padding-right: 100px;
		position: relative;
	}

	.comment-author {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: baseline;
		color: #181818;
	}

	.comment-author a { color: #181818; }

	.comment-reply-link {
		font-size: 13px;
		position: absolute;
		top: 0;
		right: 0;
	}

	.review .comment-body { padding-top: 3px; }

	.review .rating { font-size: 11px; }

	.reviews_list {
		margin-bottom: 40px;
		list-style: none;
	}

		.reviews_list > li { padding: 20px 0; }
		.reviews_list > li:first-child { padding-top: 0; }
		.reviews_list > li:last-child  { padding-bottom: 0; }
		.reviews_list > li:not(:last-child) { border-bottom: 2px solid #eee; }

/* ------------------------------------------------
		14. Animations
------------------------------------------------ */

	@-webkit-keyframes spin {
        0%{
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            	-ms-transform: rotate(0deg);  /* IE 9 */
            		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100%{
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            	-ms-transform: rotate(360deg);  /* IE 9 */
            		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }
    @keyframes spin {
        0%{
            -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
           		-ms-transform: rotate(0deg);  /* IE 9 */
            		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
        }
        100%{
            -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
            	-ms-transform: rotate(360deg);  /* IE 9 */
            		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
        }
    }

	/* Filter, Shopping Cart */

	.toggle_box {
		position: relative;
		z-index: 100;
	}

	.animation_box {
		position: absolute;
		z-index: 99;
		right: -6px;
		top: -7px;
		width: 200px;
		background-color: #181818;
		padding: 25px 30px;
		opacity: 0;
		visibility: hidden;

		-webkit-transition: opacity .7s ease, visibility .7s ease;
				transition: opacity .7s ease, visibility .7s ease;
	}

	.animation_box.roll_in {
		opacity: 1;
		visibility: visible;

		-webkit-animation: zoomInDown .7s ease;
				animation: zoomInDown .7s ease;
	}

	.animation_box.roll_out{
		-webkit-animation: zoomOutUp .7s ease;
				animation: zoomOutUp .7s ease;
	}

/* ------------------------------------------------
		15. Footer
------------------------------------------------ */

#footer {
	position: relative;
	z-index: 1;
	padding: 0 30px;
	background-color: #181818;
	color: #505050;
}

#footer.fullscreen,
body.fullscreen #footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 21;
}

	#footer .copyright,
	#footer .social_links {
		display: inline-block;
		margin-bottom: 0;
		vertical-align: middle;
	}

	#footer .copyright {
		padding: 13px 0;
		font-size: 14px;
		margin-right: 10px;
	}

/* ------------------------------------------------
		16. Cookie Alert Styles
------------------------------------------------ */

.cwcookielaw {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 9999;
	font-size: 14px;
	background-color: #0097ad;
	color: #fff;
	padding: 7px 30px;
}

.admin-bar .cwcookielaw { top: 32px; }

	.cwcookielaw p {
		display: inline;
		vertical-align: middle;
		font-size: 14px;
	}

	.cwcookielaw .left_side,
	.cwcookielaw .right_side { width: 50%; }

	.cwcookielaw .right_side { text-align: right; }

	.cwallowcookies.btn,
	.cwcookiesmoreinfo.btn {
		margin: 0 2px;
	}

	.cwcookielaw p { margin-bottom: 0; }

	.cwcookielaw .cwcookiebubble {
		position: absolute;
		width: 330px;
		right: 200px;
		top: 60px;
		padding: 20px 15px;
		background-color: #000;
		background-color: rgba(0,0,0,.8);
		display: none;
		cursor: pointer;
	}

	.cwcookielaw .cwcookiebubble:after {
		position: absolute;
		bottom: 100%;
		right: 25px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		pointer-events: none;
		border-bottom-color: #000;
		border-bottom-color: rgba(0,0,0,.8);
		border-width: 10px;
		margin-left: -30px;
	}

	.cwcookiebubble .cwcookietitle {
		display: block;
		margin-bottom: 5px;
		color: #2298ce;
	}

	.cwcookiebubble p {
		display: block;
		margin: 0;
		padding: 0;
		color: #fff;
		line-height: 14px;
		font-size: 12px;
	}