/*=============================================================================

[Table of contents]

1. Theme Loader
2. Frame Layout
3. Theme Wrapper
4. Basic Typography
5. Header Settings
6. Top Bar
7. Logo Settings
8. Main Menu
9. Menu Arrows
10. Mega Menu
11. Menu Types
12. Menu Aligns
13. Menu Button
14. Responsive Menu
15. Framed Style Responsive Menu
16. Side Area Button
17. Cart Button
18. Menu Options
19. Search Modal
20. Magnific Popup
21. Feature Section
22. Feature Section Positions
23. Feature Title
24. Feature Slider
25. Main Content
26. Page & Post Title
27. Section
28. Anchor Menu Bar
29. Sidebar
30. Single Post
31. Single Social Bar
32. Single Navigation Bar
33. Comments
34. Single Portfolio
35. Portfolio Related
36. Portfolio Fields
37. Filters
38. Post Formats Icons
39. Related
40. Pagination
41. Footer
42. Sticky Footer
43. Patterns & Overlay
44. Background Image
45. Background Video
46. Color Pallete
47. Feature Text Color
48. Basic Shapes ( Square - Round - Circle )
49. Google Map
50. Navigation Types
51. Revolution Custom Navigation
52. Back to top
53. Image Hover
54. Euthemians Icon Library
55. Animations
56. 404 Page
57. Loader

============================================================================= */




/* =============================================================================
1. Theme Loader
============================================================================= */
#eut-loader-overflow{
	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 99999;
}

#eut-loader {
	will-change: transform;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
	background-color: #b6b6b7;
	border-radius: 50%;
	-webkit-animation: scaleout 1.1s infinite ease-in-out;
	animation: scaleout 1.1s infinite ease-in-out;

	text-indent: -99999px;
	z-index: 999991;
}

@-webkit-keyframes scaleout {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}

@keyframes scaleout {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
		opacity: 0;
	}
		40% {
		opacity: 1;
	}
	100% {
		transform: scale(1.0);
		-webkit-transform: scale(1.0);
		opacity: 0;
	}
}


/* =============================================================================
2. Frame Layout
============================================================================= */
#eut-body.eut-framed {
	padding: 70px;
}

.eut-frame-top {
	position: fixed;
	padding-top: 70px;
	height: 0;
	width: 100%;
	top: 0;
	left: 0;
	background-color: #ffffff;
	z-index: 1000;
}

.eut-frame-bottom {
	position: fixed;
	padding-top: 70px;
	height: 0;
	width: 100%;
	bottom: 0;
	left: 0;
	background-color: #ffffff;
	z-index: 999;
}

@media only screen and (max-width: 1200px) {
	#eut-body.eut-framed {
		padding: 20px;
	}

	.eut-frame-top,
	.eut-frame-bottom {
		padding-top: 20px;
	}
}


/* =============================================================================
3. Theme Wrapper
============================================================================= */
#eut-body.eut-boxed #eut-theme-wrapper {
	max-width: 1250px;
	margin: 0 auto;
	-webkit-box-shadow : 0px 0px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow    : 0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow         : 0px 0px 10px rgba(0, 0, 0, 0.15);
}

#eut-body.page-template-template-header-feature #eut-theme-wrapper {
	overflow: hidden;
}

/* =============================================================================
4. Basic Typography
============================================================================= */
input[type="text"],
input[type="input"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="search"],
textarea,
select,
#eut-theme-wrapper .select2-choice {
	font-size: 0.786em;
}

blockquote p {
	line-height: inherit;
}

label {
	line-height: 5.000em;
}

.eut-leader-text,
blockquote p {
	margin-bottom: 1.083em;
}

/* =============================================================================
5. Header Settings
============================================================================= */
#eut-header {
	background-color: #ffffff;
	z-index: 999;
}

#eut-header #eut-inner-header {
	width: 100%;
	left: 0;
	position: relative;
	z-index: 900;
}


#eut-header #eut-inner-header {
	border-bottom: 1px solid;
}


#eut-header[data-sticky-header="advanced"] #eut-inner-header,
#eut-header[data-sticky-header="simply"] #eut-inner-header,
#eut-header[data-sticky-header="shrink"] #eut-inner-header {
	-webkit-transition : background-color 0.3s, border-color 0.3s, height 0.3s, -webkit-transform .3s;
	-moz-transition    : background-color 0.3s, border-color 0.3s, height 0.3s, -moz-transform .3s;
	-ms-transition     : background-color 0.3s, border-color 0.3s, height 0.3s, -ms-transform .3s;
	-o-transition      : background-color 0.3s, border-color 0.3s, height 0.3s, -o-transform .3s;
	transition         : background-color 0.3s, border-color 0.3s, height 0.3s, transform .3s;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0);
}

/* Boxed Layout */
#eut-body.eut-boxed #eut-header #eut-inner-header {
	max-width: 1250px;
	left: auto;
}

#eut-header #eut-header-wrapper {
	width: 100%;
	position: relative;
}

/* Framed Layout */
#eut-body.eut-framed #eut-header.eut-header-fixed #eut-inner-header {
	left: 70px;
	right: 70px;
	width: auto;
}


/* Header Full Width */
#eut-header #eut-inner-header.eut-fullwidth .eut-container {
	width: 100%;
	max-width: 100%;
	padding-left: 30px;
	padding-right: 30px;
}

@media only screen and (max-width: 1200px) {
	#eut-header #eut-inner-header.eut-fullwidth .eut-container {
		padding-left: 15px;
		padding-right: 15px;
	}
}

/* Header Sticky */
#eut-header.eut-header-sticky #eut-inner-header {
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

#eut-body.eut-framed #eut-header.eut-header-sticky #eut-inner-header {
	width: auto;
	left: 70px;
	right: 70px;
}

@media only screen and (max-width: 1200px) {
	#eut-body.eut-framed #eut-header.eut-header-fixed #eut-inner-header {
		left: 20px;
		right: 20px;
		width: auto;
	}
	#eut-body.eut-framed #eut-header.eut-header-sticky #eut-inner-header {
		width: auto;
		left: 20px;
		right: 20px;
	}
}


/* =============================================================================
6. Top Bar
============================================================================= */
#eut-top-bar {
	position: relative;
	z-index: 999;
	border-bottom: 1px solid;
}

#eut-top-bar ul {
	margin: 0;
	list-style: none;
}

#eut-top-bar ul li {
	float: left;
	line-height: inherit;
}

#eut-top-bar ul li .fa {
	line-height: inherit;
}

#eut-top-bar ul li.eut-topbar-item ul li a {
	display: block;
	line-height: inherit;
	padding: 0 12px;
}

#eut-top-bar ul.eut-bar-content.eut-left-side {
	float: left;
	margin-left: -12px;
}

#eut-top-bar ul.eut-bar-content.eut-right-side {
	float: right;
	margin-right: -12px;
}

/* Top Bar Text */
#eut-top-bar ul.eut-bar-content li p {
	margin-bottom: 0;
	line-height: inherit;
	font-size: 12px;
	padding: 0 10px;
}

/* Top Bar Language */
#eut-top-bar .eut-language {
	margin: 0;
	list-style: none;
}

#eut-top-bar .eut-language a {
	position: relative;
	font-size: 12px;
}

#eut-top-bar .eut-language a img {
	margin-right: 8px;
	margin-top: -1px;
}


#eut-top-bar .eut-language > li {
	position: relative;
}

#eut-top-bar .eut-language > li:hover ul {
	display: block;
}

#eut-top-bar .eut-language ul {
	position: absolute;
	top: 100%;
	min-width: 150px;
	margin: 0;
	list-style: none;
	z-index: 4;
	display: none;
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.20);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.20);

	-webkit-animation-duration: .35s;
	-moz-animation-duration: .35s;
	-o-animation-duration: .35s;
	animation-duration: .35s;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-name: menu_animation;
	-moz-animation-name: menu_animation;
	-o-animation-name: menu_animation;
	animation-name: menu_animation;
}

#eut-top-bar .eut-right-side .eut-language ul {
	right: 0;
}

#eut-top-bar .eut-language ul li {
	float: none;
	display: block;
}

#eut-top-bar .eut-language ul li a {
	display: block;
	line-height: 40px;
}

/* Top Bar Fullwidth */
#eut-top-bar.eut-fullwidth .eut-container {
    max-width: 100%;
}


#eut-top-bar.eut-fullwidth ul.eut-bar-content.eut-left-side,
#eut-top-bar.eut-fullwidth ul.eut-bar-content.eut-right-side {
   margin: 0;
}

#eut-top-bar.eut-fullwidth ul li.eut-topbar-item ul li a,
#eut-top-bar.eut-fullwidth ul.eut-bar-content li p {
	padding: 0 15px;
}

/* Top Bar Icons */
.eut-topbar-item i.fa {
	margin: 0 5px;
}

.eut-topbar-item span:first-child i.fa {
	margin-left: 0;
}

/* Responsive Top Bar */
#eut-hidden-menu .eut-bar-content-responsive .eut-topbar-item {
	display: block;
	margin-bottom: 40px;
}

#eut-hidden-menu .eut-bar-content-responsive .eut-topbar-item:last-child {
	margin-bottom: 0;
}

.eut-bar-content-responsive .eut-topbar-item:before,
.eut-bar-content-responsive .eut-topbar-item:after
{
	display: table;
	content: " ";
}
.eut-bar-content-responsive .eut-topbar-item:after {
	clear: both;
}

.eut-bar-content-responsive .eut-topbar-item p {
	font-size: 12px;
	line-height: 24px;
	margin-bottom: 0;
}

.eut-bar-content-responsive .eut-topbar-item i.fa {
	margin-left: 0;
}

.eut-bar-content-responsive .eut-topbar-item p span {
	display: block;
}

#eut-hidden-menu .eut-bar-content-responsive ul.eut-social li {
	float: left;
	position: relative;
	height: inherit;
	line-height: 50px;
	margin-right: 20px;
	width: auto;
}


#eut-hidden-menu .eut-bar-content-responsive ul.eut-language a {
    padding: 10px 0;
    display: block;
}

#eut-hidden-menu .eut-bar-content-responsive ul.eut-language img {
	margin-right: 5px;
}

/* =============================================================================
7. Logo Settings
============================================================================= */
#eut-header .eut-logo span {
	font-size: 0;
	line-height: 0;
	position: absolute;
}

#eut-header .eut-logo.eut-logo-text {
	font-size: inherit;
}

#eut-header .eut-logo.eut-logo-text span {
	font-size: inherit;
	line-height: 0;
	position: absolute;
}

#eut-header .eut-logo {
	display: block;
}

#eut-header .eut-logo .eut-logo-wrapper {
	position: relative;
	top: 50%;
	z-index: 2;
}

#eut-header .eut-logo .eut-logo-wrapper a {
	position: relative;
	display: block;
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}


#eut-header .eut-logo .eut-logo-wrapper img {
	display: block;
	position: relative;
	height: 100%;
	top: -50%;
	width: auto !important;
	max-width: none;
}


/* Logo Default */
#eut-header.eut-default .eut-logo a.eut-dark,
#eut-header.eut-default .eut-logo a.eut-light,
#eut-header.eut-default .eut-logo a.eut-sticky {
	display: none;
}

/* Logo Dark */
#eut-header.eut-dark .eut-logo a.eut-default,
#eut-header.eut-dark .eut-logo a.eut-light,
#eut-header.eut-dark .eut-logo a.eut-sticky {
	display: none;
}

/* Logo Light */
#eut-header.eut-light .eut-logo a.eut-default,
#eut-header.eut-light .eut-logo a.eut-dark,
#eut-header.eut-light .eut-logo a.eut-sticky {
	display: none;
}

/* Logo Sticky */
#eut-header.eut-header-sticky .eut-logo a.eut-sticky {
	display: block !important;
}

#eut-header.eut-header-sticky .eut-logo a.eut-dark,
#eut-header.eut-header-sticky .eut-logo a.eut-light,
#eut-header.eut-header-sticky .eut-logo a.eut-default {
	display: none;
}

#eut-header .eut-logo {
	position: relative;
	z-index: 3;
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

#eut-header[data-logo-align="left"] .eut-logo {
	float: left;
	margin-right: 20px;
}

#eut-header[data-logo-align="right"] .eut-logo {
	float: right;
	margin-left: 20px;
}


/* =============================================================================
8. Main Menu
============================================================================= */
#eut-header #eut-main-menu ul {
	list-style: none;
	margin: 0;
}

#eut-header #eut-main-menu ul {
	-webkit-transition : all .35s;
	-moz-transition    : all .35s;
	-ms-transition     : all .35s;
	-o-transition      : all .35s;
	transition         : all .35s;
}

#eut-header #eut-main-menu > ul > li {
	float: left;
	line-height: inherit;
}

#eut-header #eut-main-menu > ul > li > a {
	display: block;
	white-space: nowrap;
	padding-left: 15px;
	padding-right: 15px;
	-webkit-transition: background-color 0.3s ease, color 0.3s ease;
	-moz-transition: background-color 0.3s ease, color 0.3s ease;
	-ms-transition: background-color 0.3s ease, color 0.3s ease;
	-o-transition: background-color 0.3s ease, color 0.3s ease;
	transition: background-color 0.3s ease, color 0.3s ease;
}

/* Menu Icon */
#eut-header #eut-main-menu ul li a i {
	margin-right: 5px;
}

/* Menu Label */
#eut-header #eut-main-menu ul li a .label {
	float: right;
	font-size: 0.8em;
	margin-top: -2px;
	padding: 2px 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#eut-hidden-menu ul li a .label {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.2;
	margin-left: 20px;
	font-size: 0.8em;
	margin-top: -2px;
	padding: 2px 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* Menu Plus */
#eut-header #eut-main-menu ul li.eut-plus a span:after {
	content: '\f069';
	font-family: 'FontAwesome';
	display: inline-block;
	font-size: 8px;
	vertical-align: top;
	top: -4px;
	position: relative;
	margin-left: 2px;
}

/* Menu Divider */
#eut-header #eut-main-menu ul li.divider {
	border-bottom: 1px solid rgba(255,255,255,0.1);
}

/* Sub Menu */
#eut-header #eut-main-menu ul li {
	position: relative;
	text-align: left;
}

@-webkit-keyframes menu_animation {
	0% { opacity: 0; -webkit-transform: translateY(10px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes menu_animation {
	0% { opacity: 0; -moz-transform: translateY(10px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}

@-o-keyframes menu_animation {
	0% { opacity: 0; -o-transform: translateY(10px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes menu_animation {
	0% { opacity: 0; transform: translateY(10px); }
	100% { opacity: 1; transform: translateY(0); }
}



/* First Level */
#eut-header #eut-main-menu li ul {
	position: absolute;
	width: 250px;
	left: 0;
	top: 100%;
	visibility: hidden;
	display: none;
	padding: 15px 0;
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.20);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.20);

	-webkit-animation-duration: .35s;
	-moz-animation-duration: .35s;
	-o-animation-duration: .35s;
	animation-duration: .35s;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;

	-webkit-animation-name: menu_animation;
	-moz-animation-name: menu_animation;
	-o-animation-name: menu_animation;
	animation-name: menu_animation;

}

#eut-header #eut-main-menu li.mHover > ul {
	visibility: visible;
	display: block;
}

/* Second Level */
#eut-header #eut-main-menu ul li ul ul {
	left: 252px;
	top: -15px;
}

#eut-header #eut-main-menu ul li ul li a {
	line-height: 40px;
	margin: 0 15px;
	position: relative;
}


#eut-header #eut-main-menu ul li ul li a {
	display: block;
	padding: 14px 20px;
	line-height: 1.2em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#eut-header #eut-main-menu ul li ul li a:hover {
	padding-left: 25px !important;
}

#eut-header #eut-main-menu > ul > li.megamenu li.menu-item-has-children > a:before {
	display: none;
}


#eut-header #eut-main-menu > ul > li.megamenu > ul > li > a:hover,
#eut-header #eut-main-menu > ul > li.megamenu li.menu-item-has-children > a:hover {
	padding-left: 20px !important;
}

/* =============================================================================
9. Menu Arrows
============================================================================= */
#eut-header #eut-main-menu.eut-menu-pointer-arrow ul li.menu-item-has-children > a {
	position: relative;
	padding-left: 20px;
	padding-right: 20px;
}

#eut-header #eut-main-menu.eut-menu-pointer-arrow ul li.menu-item-has-children > a:after {
	content: '\f105';
	font-family: FontAwesome;
	font-size: 10px;
	position: absolute;
	top: 50%;
	right: 5px;
	line-height: 1.2;
	margin-top: -6px;
}

#eut-header #eut-main-menu.eut-menu-pointer-arrow > ul > li.menu-item-has-children > a:after {
	content: '\f107';
}

#eut-header #eut-main-menu.eut-menu-pointer-arrow li.megamenu ul li a:after {
	display: none;
}

/* =============================================================================
10. Mega Menu
============================================================================= */
#eut-header #eut-main-menu > ul > li.megamenu {
	position: static;
}

#eut-header #eut-main-menu > ul > li.megamenu.column-2 {
	position: relative;
}

#eut-header #eut-main-menu > ul > li.megamenu ul {
	padding-top: 20px;
	padding-bottom: 20px;
}

#eut-header #eut-main-menu > ul > li.megamenu > ul > li {
	border-right: 1px solid;
	display: table-cell;
	float: none;
}

#eut-header #eut-main-menu > ul > li.megamenu > ul > li:last-child {
	border-right: none;
}

/* Mega Menu Title */
#eut-header #eut-main-menu > ul > li.megamenu > ul > li > a,
#eut-header #eut-main-menu > ul > li.megamenu li.menu-item-has-children > a {
	cursor: default;
}

#eut-header #eut-main-menu ul li.megamenu ul ul {
	width: 100%;
	padding: 0;
	left: 0;
	top: 100%;
	position: relative;
}

#eut-header #eut-main-menu li.megamenu ul.sub-menu ul {
	display: table-cell;
	visibility: visible;
	opacity: 1;
	padding: 0;
	position: static;
	-webkit-box-shadow: none;
	box-shadow: none;
	background-color: transparent;
	-webkit-animation-name: none;
	-moz-animation-name: none;
	-o-animation-name: none;
	animation-name: none;
}


#eut-header #eut-main-menu > ul > li.megamenu > ul {
	left: 0;
}

/* Columns 6 */
#eut-header #eut-main-menu > ul > li.megamenu.column-6 > ul.sub-menu li {
	width: 194px;
}

#eut-header #eut-main-menu > ul > li.megamenu.column-6 > ul.sub-menu {
	width: 100%;
	max-width: 1170px;
}

/* Columns 5 */
#eut-header #eut-main-menu > ul > li.megamenu.column-5 > ul.sub-menu li {
	width: 230px;
}

#eut-header #eut-main-menu > ul > li.megamenu.column-5 > ul.sub-menu {
	width: 100%;
	max-width: 1170px;
}

/* Columns 4 */
#eut-header #eut-main-menu > ul > li.megamenu.column-4 > ul.sub-menu li {
	width: 290px;
}

#eut-header #eut-main-menu > ul > li.megamenu.column-4 > ul.sub-menu {
	width: 100%;
	max-width: 1170px;
}

/* Columns 3 */
#eut-header #eut-main-menu > ul > li.megamenu.column-3 > ul.sub-menu li {
	width: 290px;
}

#eut-header #eut-main-menu > ul > li.megamenu.column-3 > ul.sub-menu {
	width: 872px;
}

/* Columns 2 */
#eut-header #eut-main-menu > ul > li.megamenu.column-2 > ul.sub-menu li {
	width: 290px;
}

#eut-header #eut-main-menu > ul > li.megamenu.column-2 > ul.sub-menu {
	width: 581px;
}

#eut-header[data-menu-align="center"] #eut-main-menu > ul > li.megamenu > ul.sub-menu {
	left: 50%;
	-webkit-animation-name: none;
	-moz-animation-name: none;
	-o-animation-name: none;
	animation-name: none;
	-webkit-transform: translateX(-50%);
	-moz-transform:    translateX(-50%);
	-ms-transform:     translateX(-50%);
	-o-transform:      translateX(-50%);
	transform:         translateX(-50%);
}

#eut-header[data-menu-align="right"] #eut-main-menu > ul > li.megamenu > ul.sub-menu {
	left: auto;
	right: 0;
}

#eut-header[data-menu-align="left"] #eut-main-menu > ul > li.megamenu > ul.sub-menu {
	left: 0;
}

/**
* Fixed Main Menu position on hover
* ----------------------------------------------------------------------------
*/
/* Right Position */
#eut-header #eut-main-menu > ul > li > ul.eut-position-right {
	left: auto;
	right: 0;
}
#eut-header #eut-main-menu ul li ul .eut-position-right {
	left: auto;
	right: 252px;
}


/* No Assign Menu */
#eut-main-menu span.eut-no-assigned-menu a {
	padding: 5px;
	margin-left: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}


/* =============================================================================
11. Menu Types
============================================================================= */
/* Hidden Type */
#eut-header[data-menu-type="hidden"] #eut-main-menu {
	display: none !important;
}

#eut-header .eut-responsive-menu-button,
#eut-header .eut-responsive-menu-text {
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

#eut-body.not(.eut-framed) #eut-header[data-menu-type="hidden"] .eut-responsive-menu-button,
#eut-body.not(.eut-framed) #eut-header[data-menu-type="hidden"] .eut-responsive-menu-text {
	display: block !important;
}

/* Primary Menu Button */
#eut-header #eut-main-menu > ul > li.primary-button > a span {
	padding: 0.800em 1.067em;
	line-height: 1.000em;
	display: inline-block;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff !important;
}


/* =============================================================================
12. Menu Aligns
============================================================================= */
#eut-header[data-menu-align="left"] #eut-main-menu {
	float: left;
}

#eut-header[data-menu-align="right"] #eut-main-menu {
	float: right;
}

#eut-header[data-menu-align="center"] #eut-main-menu {
	float: none;
	position: absolute;
	width: 100%;
	text-align: center;
	z-index: 2;
}

#eut-header[data-menu-align="center"] #eut-main-menu > ul {
	display: inline-block !important;
}

/* =============================================================================
13. Menu Button
============================================================================= */
#eut-header .eut-responsive-menu-button {
	display: none;
	text-align: center;
	cursor: pointer;
}

#eut-header .eut-responsive-menu-text {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
	cursor: pointer;
	display: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

#eut-body:not(.eut-framed) #eut-header[data-menu-type="hidden"] .eut-responsive-menu-button {
	display: block;
}

#eut-header[data-menu-align="right"] .eut-responsive-menu-button,
#eut-header[data-menu-align="right"] .eut-responsive-menu-text {
	float: right;
}

#eut-header[data-menu-align="left"] .eut-responsive-menu-button,
#eut-header[data-menu-align="left"] .eut-responsive-menu-text {
	float: left;
}

#eut-header[data-menu-align="center"] .eut-responsive-menu-button,
#eut-header[data-menu-align="center"] .eut-responsive-menu-text {
	float: right;
}

/* =============================================================================
14. Responsive Menu
============================================================================= */
.eut-side-area {
	position: fixed;
	width: 650px;
	height: 100%;
	top: 0;
	left: 100%;
	right: auto;
	bottom: 0;
	z-index: 9999;
	background-color: #ffffff;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

.eut-side-area .eut-main-menu-wrapper {
	position: relative;
	display: inline-block;
	overflow: hidden;
	width: 275px;
	margin: 0;
	padding: 30px 0;
}

#eut-hidden-menu .eut-area-content  ul {
	position: relative;
	display: block;
	float: left;
	height: auto;
	width: 100%;
	margin: 0;
	list-style: none;
}

#eut-hidden-menu .eut-area-content  li {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
}

#eut-hidden-menu .eut-area-content ul.eut-menu {
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

#eut-hidden-menu .eut-area-content ul.sub-menu > li > a {
	padding-left: 30px;
}

#eut-hidden-menu .eut-area-content ul.eut-menu ul {
	position: absolute;
	display: block;
	top: 0;
	left: -5000px;
	right: 0;
	margin: 0;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out, left 0.6s step-end;
	-moz-transition: opacity 0.3s ease-out, left 0.6s step-end;
	-o-transition: opacity 0.3s ease-out, left 0.6s step-end;
	-ms-transition: opacity 0.3s ease-out, left 0.6s step-end;
	transition: opacity 0.3s ease-out, left 0.6s step-end;
}

#eut-hidden-menu .eut-area-content ul.eut-menu ul.show {
	left: 275px;
	opacity: 1;
	z-index: 1;
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
}


.eut-side-area .eut-menu-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.eut-side-area ul li a i {
	margin-right: 5px;
}

.eut-side-area .eut-area-content {
	width: 300px;
	margin: 0 auto;
	display: block;
	position: relative;
	padding: 100px 0;
}

.eut-side-area .eut-scroller {
	padding: 0 10px;
}

.eut-body-overlay {
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	display: none;
	cursor: pointer;
	z-index: 9998;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

#eut-search-overlay.eut-body-overlay {
	cursor: default;
}

.eut-side-area ul {
	margin: 0;
	list-style: none;
}

.eut-side-area ul.eut-menu li a {
	display: block;
	padding: 20px 0;
	position: relative;
}

/* Arrows */
.eut-side-area ul.eut-menu li.menu-item-has-children > a:after{
	content: '\e610';
	font-family: euthemians;
	font-size: 16px;
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
	line-height: 1;
	font-weight: bold;
}

.eut-side-area ul.eut-menu li.eut-goback > a:before{
	content: '\e611';
	font-family: euthemians;
	font-size: 16px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-o-transform:      translateY(-50%);
	transform:         translateY(-50%);
	line-height: 1;
	font-weight: bold;
}


/* Close Button */
.eut-side-area .eut-close-menu-button {
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: left;
	-webkit-transform: translateY(-100px);
	-moz-transform:    translateY(-100px);
	-ms-transform:     translateY(-100px);
	-o-transform:      translateY(-100px);
	transform:         translateY(-100px);
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

.eut-side-area .eut-close-menu-button i {
	font-size: 24px;
	line-height: inherit;
}

/* Mobile Close Button */
@media only screen and (max-width: 767px) {
	.eut-side-area .eut-close-menu-button {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
}

/* Search Form */
#eut-hidden-menu .eut-widget {
	margin: 40px 0;
	display: none;
}

/* Menu Elements */
#eut-hidden-menu ul.eut-menu-options {
	display: none;
}

#eut-hidden-menu ul.eut-menu-options li {
	float: left;
	position: relative;
	height: inherit;
	line-height: 50px;
	margin-right: 20px;
}

#eut-hidden-menu ul.eut-menu-options li a {
	font-size: 16px;
	position: relative;
}

/* =============================================================================
15. Framed Style Responsive Menu
============================================================================= */
#eut-body:not(.eut-framed) .eut-frame-responsive-menu-button {
	display: none;
}
.eut-frame-responsive-menu-button {
	position: fixed;
	top: 50%;
	right: 0;
	width: 70px;
	height: 46px;
	margin-top: -22px;
	text-align: center;
	z-index: 9999;
}

.eut-frame-responsive-menu-button .eut-button-icon {
    width: 46px;
    height: 46px;
    line-height: 46px;
    text-align: center;
    position: relative;
    display: inline-block;
    vertical-align: top;
}

.eut-frame-responsive-menu-button .eut-button-icon .eut-line-icon {
	width: 20px;
}

.eut-frame-responsive-menu-button .eut-button-icon .eut-line-icon:before,
.eut-frame-responsive-menu-button .eut-button-icon .eut-line-icon:after {
	left: 50%;
	width: 14px;
	margin-left: -7px;
	display: inline-block;
}

.eut-frame-responsive-menu-button .eut-button-icon:hover .eut-line-icon:before,
.eut-frame-responsive-menu-button .eut-button-icon:hover .eut-line-icon:after {
	width: 20px;
	left: 7px;
}

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

	#eut-main-menu {
		display: none;
	}

	.eut-frame-responsive-menu-button {
		display: none;
	}

	#eut-header .eut-responsive-menu-button,
	#eut-header .eut-responsive-menu-text	{
		display: block;
	}
}


/* =============================================================================
16. Side Area Button
============================================================================= */
#eut-header .eut-button-icon {
	width: 30px;
	height: inherit;
	line-height: inherit;
	text-align: center;
}

#eut-header .eut-side-area-button {
	margin: 0 15px;
}

#eut-header .eut-side-area-button .eut-button-icon {
	font-size: 30px;
	width: 1.000em;
	height: 1.000em;
	position: relative;
	border: 0.500em solid;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	top: 50%;
	margin-top: -0.500em;

	-webkit-transform : rotate(90deg);
	-moz-transform    : rotate(90deg);
	-ms-transform     : rotate(90deg);
	-o-transform      : rotate(90deg);
	transform         : rotate(90deg);

	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

#eut-header .eut-side-area-button .eut-button-icon:hover {
	border-width: 1px;
	-webkit-transform : rotate(0deg);
	-moz-transform    : rotate(0deg);
	-ms-transform     : rotate(0deg);
	-o-transform      : rotate(0deg);
	transform         : rotate(0deg);
}

#eut-header .eut-side-area-button .eut-dot-icon,
#eut-header .eut-side-area-button .eut-dot-icon:before,
#eut-header .eut-side-area-button .eut-dot-icon:after {
	background-color: #ffffff;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

.eut-dot-icon {
	width: 0.133em;
	height: 0.133em;
	background-color: #d9d9d9;
	position: absolute;
	top: 50%;
	left: 50%;
	float: left;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:    translate(-50%, -50%);
	-ms-transform:     translate(-50%, -50%);
	-o-transform:      translate(-50%, -50%);
	transform:         translate(-50%, -50%);
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

.eut-dot-icon:before,
.eut-dot-icon:after {
	content: '';
	width: 0.133em;
	height: 0.133em;
	display: block;
	position: absolute;
	top: -0.200em;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

.eut-dot-icon:after {
	top: 0.200em;
}

#eut-header .eut-button-icon:hover .eut-dot-icon,
#eut-header .eut-button-icon:hover .eut-dot-icon:before,
#eut-header .eut-button-icon:hover .eut-dot-icon:after {
	width: 0.500em;
	height: 2px;
}

#eut-header .eut-button-icon:hover .eut-dot-icon:before {
	top: -0.133em;
}

#eut-header .eut-button-icon:hover .eut-dot-icon:after {
	top: 0.133em;
}

.eut-line-icon {
    width: 20px;
    height: 2px;
    background-color: #ffffff;
    position: relative;
    top: 50%;
    left: 50%;
	float: left;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:    translate(-50%, -50%);
	-ms-transform:     translate(-50%, -50%);
	-o-transform:      translate(-50%, -50%);
	transform:         translate(-50%, -50%);
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

.eut-line-icon:before,
.eut-line-icon:after {
    content: '';
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    top: -6px;
    background-color: #ffffff;
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

.eut-line-icon:after {
    top: 6px;
}


/* =============================================================================
17. Cart Button
============================================================================= */
#eut-header .eut-cart-button {
	margin: 0 5px;
}
#eut-header .eut-cart-button .eut-purchased-items {
	display: inline-block;
	font-size: 10px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	vertical-align: middle;
	left: 20px;
	margin-top: -8px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform:    translate(0, -50%);
	-ms-transform:     translate(0, -50%);
	-o-transform:      translate(0, -50%);
	transform:         translate(0, -50%);
	position: absolute;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

/* =============================================================================
18. Menu Options
============================================================================= */
#eut-header .eut-menu-elements-wrapper {
	position: relative;
	z-index: 3;
	text-align: center;
	float: right;
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

#eut-header .eut-menu-element {
	float: left;
	position: relative;
	line-height: inherit;
	height: inherit;
}


#eut-header[data-menu-options="right"] .eut-menu-elements-wrapper {
	float: right;
	border-left: 1px solid;
	padding-left: 15px;
	margin-left: 15px;
}

#eut-header[data-menu-options="right"] .eut-menu-elements-wrapper .eut-menu-element:last-child,
#eut-header[data-menu-options="right"] .eut-menu-elements-wrapper .eut-menu-element:last-child li:last-child {
	margin-right: 0;
}

#eut-header[data-menu-options="left"] .eut-menu-elements-wrapper {
	float: left;
	border-right: 1px solid;
	padding-right: 15px;
	margin-right: 15px;
}

#eut-header[data-menu-options="left"] .eut-menu-elements-wrapper .eut-menu-element:first-child,
#eut-header[data-menu-options="left"] .eut-menu-elements-wrapper .eut-menu-element:first-child li:first-child {
	margin-left: 0;
}

#eut-header .eut-menu-options {
	margin: 0;
	list-style: none;
	position: relative;
	z-index: 3;
	text-align: center;
	-webkit-transition: padding 400ms ease;
	transition:         padding 400ms ease;
}

#eut-header .eut-menu-element li {
	float: left;
	position: relative;
	margin: 0 5px;
}

#eut-header .eut-menu-element a {
	font-size: 24px;
	position: relative;
	display: inline-block;
	width: 30px;
	height: inherit;
	line-height: inherit;
	vertical-align: top;
}

#eut-header .eut-menu-element a.fa {
	font-size: 18px;
}


/* =============================================================================
19. Search Modal
============================================================================= */
#eut-theme-wrapper #eut-search-modal {
	display: none;
	position: fixed;
	z-index: 9999;
	text-align: center;
	max-width: 800px;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:    translate(-50%, -50%);
	-ms-transform:     translate(-50%, -50%);
	-o-transform:      translate(-50%, -50%);
	transform:         translate(-50%, -50%);
}

#eut-theme-wrapper #eut-search-modal .eut-search {
	max-width: 100%;
	position: relative;
}

#eut-theme-wrapper #eut-search-modal input[type='text'] {
	background: none;
	padding: 0 20px;
	border: none;
	color: #fff;
	font-size: 80px !important;
	line-height: 1.2 !important;
	height: auto;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -40px;
	display: none;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:    translate(-50%, -50%);
	-ms-transform:     translate(-50%, -50%);
	-o-transform:      translate(-50%, -50%);
	transform:         translate(-50%, -50%);
}

#eut-theme-wrapper #eut-search-modal .eut-search-placeholder {
	padding: 0 20px;
	border: none;
	color: #fff;
	font-size: 80px;
	line-height: 1.2;
	text-align: center;
}

#eut-theme-wrapper #eut-search-modal .eut-search-placeholder.hide {
	opacity: 0;
}

#eut-theme-wrapper #eut-search-modal .eut-close-search {
	cursor: pointer;
	color: #c6c6c6;
	display: inline-block;
	vertical-align: top;
	-webkit-transition : color .3s;
	-moz-transition    : color .3s;
	-ms-transition     : color .3s;
	-o-transition      : color .3s;
	transition         : color .3s;
}

#eut-theme-wrapper #eut-search-modal input[type='text']:hover,
#eut-theme-wrapper #eut-search-modal input[type='text']:focus {
	background: none;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,0);
	box-shadow: 0 1px 4px 0 rgba(0,0,0,0);
}

#eut-search-modal input[type='submit'] {
	margin-top: 40px;
	padding: 1.182em 1.455em;
}


/* =============================================================================
20. Magnific Popup
============================================================================= */
.mfp-container {
	opacity: 0;
}

.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #000000;
}

.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close, .mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	color: #cccccc;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}

.mfp-preloader a {
	color: #cccccc;
}

.mfp-preloader a:hover {
	color: white;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	width: 44px;
	height: 44px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: white;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}

.mfp-close:active {
    top: 1px;
}

.mfp-close-btn-in .mfp-close {
  color: #333333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: white;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	background-color: transparent;
}

.mfp-counter {
	position: absolute;
	top: 0;
	right: 0;
	color: #cccccc;
	font-size: 12px;
	line-height: 18px;
}

.mfp-arrow {
	position: absolute;
	margin: 0;
	top: 50%;
	margin-top: -25px;
	padding: 0;
	width: 50px;
	height: 50px;
}

button.mfp-arrow {
	background-color: #f00;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: #000000;
	color: #ffffff;
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}


button.mfp-arrow:before {
	font-family: 'euthemians' !important;
}

.mfp-arrow-left {
	left: 20px;
}

.mfp-arrow-right {
	right: 20px;
}

.mfp-arrow-left:before {
	content: '\e611';
}

.mfp-arrow-right:before {
	content: '\e610';
}

.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}

.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}

.mfp-iframe-holder .mfp-close {
	top: -40px;
}

.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}

.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: black;
}

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 40px 0 70px;
	margin: 0 auto;
}

.mfp-figure small {
	color: #bdbdbd;
	display: block;
	font-size: 12px;
	line-height: 14px;
}

.mfp-figure figure {
	margin: 0;
}

.mfp-bottom-bar {
	margin-top: -55px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}

.mfp-title {
	text-align: left;
	line-height: 24px;
	color: #ffffff;
	word-wrap: break-word;
	padding-right: 36px;
}

.mfp-image-holder .mfp-content {
	max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	/**
	   * Remove all paddings around the image on small screen
	   */
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}

@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}

.mfp-ie7 .mfp-img {
	padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
	width: 600px;
	left: 50%;
	margin-left: -300px;
	margin-top: 5px;
	padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
	padding: 0;
}
.mfp-ie7 .mfp-content {
	padding-top: 44px;
}
.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}


/* =============================================================================
21. Feature Section
============================================================================= */
#eut-feature-section {
	position: relative;
	-webkit-font-smoothing: antialiased;
	overflow: hidden;
	z-index: 10;
}

#eut-feature-section .eut-feature-section-inner {
	display: table;
	width: 100%;
	overflow: hidden;
	margin: 0px!important;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

#eut-header[data-fullscreen="yes"] #eut-feature-section .eut-feature-section-inner[data-item="image"],
#eut-header[data-fullscreen="yes"] #eut-feature-section .eut-feature-section-inner[data-item="slider"] {
	height: 4000px;
}

#eut-feature-section .eut-feature-section-inner[data-item="slider"] {
	display: block;
}

#eut-header #eut-feature-section .eut-feature-content {
	display: table-cell;
	width: 100%;
	position: relative;
	z-index: 3;
}

/* Go to section Button */
#eut-goto-section-wrapper {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 100;
}

#eut-goto-section-wrapper .eut-goto-section {
	display: inline-block;
	vertical-align: bottom;
	cursor: pointer;
	font-size: 36px;
	text-align: center;
	-webkit-animation-name: goto-animation;
	-moz-animation-name: goto-animation;
	-o-animation-name: goto-animation;
	animation-name: goto-animation;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-ms-animation-duration:2s;
	-o-animation-duration:2s;
	animation-duration:2s;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

#eut-feature-section .eut-goto-section.eut-dark {
	color: #000000;
}

#eut-feature-section .eut-goto-section.eut-light {
	color: #ffffff;
}


@-webkit-keyframes goto-animation {
	0%, 20%, 50%, 80%, 100% {
		-webkit-transform: translate( 0, 0 );
	}
	40% {
		-webkit-transform: translate( 0, -10px );
	}
	60% {
		-webkit-transform: translate( 0, -5px );
	}
}

@-moz-keyframes goto-animation {
	0%, 20%, 50%, 80%, 100% {
		-moz-transform: translate( 0, 0 );
	}
	40% {
		-moz-transform: translate( 0, -10px );
	}
	60% {
		-moz-transform: translate( 0, -5px );
	}
}

@-o-keyframes goto-animation {
	0%, 20%, 50%, 80%, 100% {
		-o-transform: translate( 0, 0 );
	}
	40% {
		-o-transform: translate( 0, -10px );
	}
	60% {
		-o-transform: translate( 0, -5px );
	}
}

@keyframes goto-animation {
	0%, 20%, 50%, 80%, 100% {
		transform: translate( 0, 0 );
	}
	40% {
		transform: translate( 0, -10px );
	}
	60% {
		transform: translate( 0, -5px );
	}
}

/* =============================================================================
22. Feature Section Positions
============================================================================= */
.eut-align-left-center,
.eut-align-center-center,
.eut-align-right-center {
	vertical-align: middle;
}

.eut-align-left-top,
.eut-align-center-top,
.eut-align-right-top {
	vertical-align: top;
	padding-top: 90px;
}

.eut-align-left-bottom,
.eut-align-center-bottom,
.eut-align-right-bottom {
	vertical-align: bottom;
	padding-bottom: 90px;
}

.eut-align-left-center,
.eut-align-left-top,
.eut-align-left-bottom {
	text-align: left;
}

.eut-align-right-center,
.eut-align-right-top,
.eut-align-right-bottom {
	text-align: right;
}

.eut-align-center-center,
.eut-align-center-top,
.eut-align-center-bottom {
	text-align: center;
}


/* =============================================================================
23. Feature Title
============================================================================= */
#eut-feature-section .eut-title {
	margin-bottom: 30px;
	opacity: 0;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

#eut-feature-section .eut-description {
	opacity: 0;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

/* Title Style 01 */
#eut-feature-section .eut-style-1 .eut-title:after {
	content: '';
	width: 120px;
	height: 2px;
	margin-top: 18px;
	margin-bottom: 18px;
	display: block;
	clear: both;
}

#eut-feature-section .eut-style-1.eut-align-left-center .eut-title:after,
#eut-feature-section .eut-style-1.eut-align-left-top .eut-title:after,
#eut-feature-section .eut-style-1.eut-align-left-bottom .eut-title:after {
	margin-left: 0;
	margin-right: auto;
}

#eut-feature-section .eut-style-1.eut-align-right-center .eut-title:after,
#eut-feature-section .eut-style-1.eut-align-right-top .eut-title:after,
#eut-feature-section .eut-style-1.eut-align-right-bottom .eut-title:after {
	margin-left: auto;
	margin-right: 0;
}

#eut-feature-section .eut-style-1.eut-align-center-center .eut-title:after,
#eut-feature-section .eut-style-1.eut-align-center-top .eut-title:after,
#eut-feature-section .eut-style-1.eut-align-center-bottom .eut-title:after {
	margin-left: auto;
	margin-right: auto;
}

/* Title Style 02 */
#eut-feature-section .eut-style-2 .eut-title {
	margin-bottom: 0.300em;
}

#eut-feature-section .eut-style-2 .eut-title span {
	display: inline-block;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

/* Title Style 03 */
#eut-feature-section .eut-style-3 .eut-title {
	border: 2px solid;
	display: inline-block;
	padding: 0 0.200em;
	margin-bottom: 0.300em;
}

#eut-feature-section .eut-style-3 .eut-title + .eut-button-wrapper {
	margin-top: 0px !important;
}

/* Title Style 04 */
#eut-feature-section .eut-style-4 .eut-title span {
	position: relative;
	display: inline-block;
	padding: 0 0.200em;
}

#eut-feature-section .eut-style-4 .eut-title.eut-light span {
	background-color: #ffffff;
	background-color: rgba(255,255,255,0.6);
	color: #000000 !important;
}

#eut-feature-section .eut-style-4 .eut-title.eut-dark span {
	background-color: #ffffff;
	background-color: rgba(0,0,0,0.6);
	color: #ffffff !important;
}



/**
* Feature Buttons Aligns
* ----------------------------------------------------------------------------
*/

#eut-feature-section .eut-feature-content .eut-button-wrapper {
	margin-top: 40px;
}

#eut-feature-section .eut-feature-content .eut-btn {
	opacity: 0;
}

#eut-feature-section .eut-feature-content.eut-align-center-center .eut-btn,
#eut-feature-section .eut-feature-content.eut-align-center-top .eut-btn,
#eut-feature-section .eut-feature-content.eut-align-center-bottom .eut-btn {
	margin: 0 15px;
}

#eut-feature-section .eut-feature-content.eut-align-left-center .eut-btn,
#eut-feature-section .eut-feature-content.eut-align-left-top .eut-btn,
#eut-feature-section .eut-feature-content.eut-align-left-bottom .eut-btn {
	margin: 0 30px 0 0;
}

#eut-feature-section .eut-feature-content.eut-align-right-center .eut-btn,
#eut-feature-section .eut-feature-content.eut-align-right-top .eut-btn,
#eut-feature-section .eut-feature-content.eut-align-right-bottom .eut-btn {
	margin: 0 0 0 30px;
}


/* =============================================================================
24. Feature Slider
============================================================================= */
#eut-feature-slider .eut-slider-item {
	display: table;
	width: 100%;
	height: 1500px;
}

/* =============================================================================
25. Main Content
============================================================================= */
#eut-main-content,
.eut-single-wrapper {
	position: relative;
	z-index: 10;
}

#eut-main-content .eut-container {
	padding-top: 100px;
	padding-bottom: 70px;
}

#eut-body.eut-framed #eut-main-content {
	overflow: hidden;
}

/* =============================================================================
26. Page & Post Title
============================================================================= */
#eut-page-title,
#eut-post-title,
#eut-portfolio-title,
#eut-product-title {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	-webkit-font-smoothing: antialiased;
}

#eut-page-title .eut-title,
#eut-post-title .eut-title,
#eut-portfolio-title .eut-title,
#eut-product-title .eut-title {
	margin-bottom: 0.083em;
}

#eut-page-title .eut-container,
#eut-post-title .eut-container,
#eut-portfolio-title .eut-container,
#eut-product-title .eut-container {
	padding-top: 0;
	padding-bottom: 0;
}

#eut-page-title #eut-page-title-content,
#eut-post-title #eut-post-title-content,
#eut-portfolio-title #eut-portfolio-title-content,
#eut-product-title #eut-product-title-content {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	position: relative;
	z-index: 999;
}

#eut-page-title .eut-description p {
	margin-bottom: 0;
}

/**
* Slider Custom Title
* ----------------------------------------------------------------------------
*/
.eut-carousel-wrapper .eut-custom-title-wrapper {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.eut-carousel-wrapper .eut-custom-title-content {
	position: absolute;
	padding: 10px 70px;
	width: 100%;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.eut-carousel-wrapper .eut-custom-title-content .eut-title,
.eut-carousel-wrapper .eut-custom-title-content .eut-caption {
	display: block;
}

.eut-carousel-wrapper .eut-custom-title-content .eut-title:last-child {
	margin-bottom: 0;
}

/* =============================================================================
27. Section
============================================================================= */
.eut-section {
	position: relative;
}

/* For Sticky Post*/
#eut-body.blog .eut-section {
	overflow: visible;
}


#eut-theme-wrapper .eut-section[data-section-type="fullwidth-background"],
#eut-theme-wrapper .eut-section[data-section-type="fullwidth-element"] {
	visibility: hidden;
}


.eut-section.eut-flex-row > .eut-row > .wpb_column,
.eut-section.eut-middle-content > .eut-row > .wpb_column {
	visibility: hidden;
}


/* =============================================================================
28. Anchor Menu Bar
============================================================================= */
#eut-anchor-menu {
	color: #fff;
	width: 100%;
	z-index: 900;
	position: relative;
}

#eut-anchor-menu ul li ul li a {
	display: block;
	padding: 14px 20px;
	line-height: 1.2em;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#eut-anchor-menu ul li ul li {
	border-bottom: 1px solid;
}
#eut-anchor-menu ul li ul li:last-child {
	border-bottom: none;
}

#eut-anchor-menu > ul {
	margin: 0;
	list-style: none;
	float: left;
}

/* in container */
#eut-anchor-menu.eut-incontainer > ul {
	margin: 0 auto;
	max-width: 1170px;
	float: none;
}

#eut-anchor-menu > ul > li {
	float: left;
	border-right: 1px solid;
	position: relative;
}

#eut-anchor-menu.eut-incontainer > ul > li:first-child {
	border-left: 1px solid;
}

#eut-anchor-menu > ul > li > a {
	padding: 0 15px;
	display: block;
	line-height: inherit;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#eut-anchor-menu ul li ul {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 180px;
	margin: 0;
	list-style: none;
	z-index: 999;
	display: none;
}

#eut-anchor-menu ul li ul ul {
	top: 0;
	left: 100%;
}

#eut-anchor-menu ul li ul li {
	line-height: 40px;
	position: relative;
}

#eut-anchor-menu ul li:hover > ul {
	display: block;
}

/* Center Avchor Menu */
#eut-anchor-menu.eut-center-anchor-menu {
    text-align: center;
}

#eut-anchor-menu.eut-center-anchor-menu > ul {
    float: none;
    display: inline-block;
    vertical-align: top;
}

#eut-anchor-menu.eut-center-anchor-menu > ul > li:last-child {
	border: none;
}

#eut-anchor-menu.eut-center-anchor-menu > ul ul li {
    text-align: left;
}


/* Primary Button */
#eut-anchor-menu ul li.primary-button a {
	padding: 0 15px;
	margin: 0 20px;
	display: inline-block;
	line-height: 30px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

/* Sticky Anchor */
#eut-anchor-menu.eut-sticky {
	position: fixed;
	left: auto;
	width: 100%;
}

#eut-body.eut-boxed #eut-anchor-menu.eut-sticky {
	max-width: 1250px;
}

#eut-anchor-menu .eut-menu-button {
	display: none;
}

/* Responsive Button */
#eut-anchor-menu .eut-menu-button {
	width: 40px;
	cursor: pointer;
	vertical-align: middle;
	margin-left: 15px;
}

#eut-anchor-menu .eut-menu-button-line {
    width: 40px;
    height: 2px;
    background-color: #f00;
    position: relative;
    margin: 4px 0;
}

/* =============================================================================
29. Sidebar
============================================================================= */
#eut-main-content .eut-left-sidebar #eut-content-area,
#eut-main-content .eut-right-sidebar #eut-content-area {
	width: 66.66666667%;
}

#eut-main-content #eut-sidebar {
	width: 33.33333333%;
	z-index: 3;
}

#eut-main-content .eut-left-sidebar #eut-content-area {
	float: right;
	/*padding-left: 80px;*/
}

#eut-main-content .eut-right-sidebar #eut-content-area {
	float: left;
	/*padding-right: 80px;*/
}

#eut-main-content .eut-left-sidebar #eut-sidebar {
	float: left;
}

#eut-main-content .eut-right-sidebar #eut-sidebar {
	float: right;
}

/* Colored Sidebar */
#eut-main-content #eut-sidebar.eut-white-box {
	padding: 15px;
	background-color: #ffffff;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}


/* =============================================================================
30. Single Post
============================================================================= */
article.eut-single-post + * {
	border-top: none;
}

article.eut-single-post:last-child {
	margin-bottom: 100px;
}

#eut-post-content p:last-child {
	margin-bottom: 0;
}

#eut-main-content.eut-single-post-content .eut-container {
	padding-bottom: 0;
}

#eut-main-content.eut-single-post-content .eut-container:not(.eut-right-sidebar) #eut-content-area {
	width: 75%;
	margin: 0 auto;
}

@media only screen and (max-width: 767px) {
#eut-main-content.eut-single-post-content .eut-container:not(.eut-right-sidebar) #eut-content-area {
	width: 100%;
	margin: 0 auto;
}
}

/* Media */
.single-post #eut-main-content #eut-content-area .eut-media {
	display: block;
	margin-bottom: 46px;
}

#eut-single-media .eut-media img {
	opacity: 0;
	width: 100%;
}

/* Title */
.eut-single-post-title {
	display: block;
	margin-bottom: 10px;
}

/* Post Meta */
#eut-single-post-meta {
	margin-bottom: 40px;
}

#eut-single-post-meta ul {
	list-style: none;
	margin: 0;
}

#eut-single-post-meta ul li {
	display: inline-block;
	margin-right: 8px;
}

/* Tags & Categories */
#eut-tags-categories {
	display: table;
	width: 100%;
}

#eut-tags-categories .eut-tags,
#eut-tags-categories .eut-categories {
	display: table-cell;
	vertical-align: top;
	min-width: 300px;
}

#eut-tags-categories .eut-tags + .eut-categories {
	text-align: right;
}

#eut-tags-categories ul {
	list-style: none;
	margin: 0;
}

#eut-tags-categories ul li {
	display: inline-block;
	margin-right: 0.769em;
}

/* Author Info */
#eut-about-author .eut-author-image {
	width: 80px;
	float: none;
	margin: 0 auto 30px auto;
}

#eut-about-author .eut-author-image img {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#eut-about-author .eut-author-info {
	text-align: center;
}

#eut-about-author .eut-author-info p {
	margin-bottom: 18px;
}

/* =============================================================================
31. Single Social Bar
============================================================================= */
/* Single Post Socials */
.single-post #eut-social-share {
	padding: 40px 0;
	text-align: center;
}

/* Single Portfolio Socials */
.single-portfolio #eut-social-share {
	padding: 20px 0 0 0;
}

#eut-social-share ul {
	margin: 0;
	list-style: none;
}

#eut-social-share ul li {
	display: inline-block;
	font-size: 14px;
	margin-right: 1.500em;
	line-height: 20px;
}

#eut-social-share ul li i {
	padding-right: 10px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition : color .3s;
	-moz-transition    : color .3s;
	-ms-transition     : color .3s;
	-o-transition      : color .3s;
	transition         : color .3s;
}

#eut-social-share ul li span {
	display: inline-block;
	vertical-align: top;
}

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

	#eut-social-share ul li a:not(.eut-like-counter-link) span {
		display: none;
	}

}

/* =============================================================================
32. Single Navigation Bar
============================================================================= */
#eut-nav-bar {
	background-color: #f4f4f4;
	margin: 0 -2000px;
	padding: 30px 2000px;
	overflow: hidden;
	position: relative;
	clear: both;
}

#eut-body.eut-boxed #eut-nav-bar {
    margin: 0 -40px;
    padding: 30px 40px;
}

#eut-nav-bar + * {
	border-top: none;
}

#eut-nav-bar .eut-nav-item.eut-prev {
	float: left;
}

#eut-nav-bar .eut-nav-item.eut-next {
	float: right;
}
#eut-nav-bar .eut-nav-item.eut-prev,
#eut-nav-bar .eut-nav-item.eut-next {
	width: 45%;
}

#eut-nav-bar .eut-nav-item.eut-backlink {
	width: 10%;
}

#eut-nav-bar a.eut-backlink {
	width: 40px;
	height: 40px;
	line-height: 40px;
	display: inline-block;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	position: absolute;
	text-align: center;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:    translate(-50%, -50%);
	-ms-transform:     translate(-50%, -50%);
	-o-transform:      translate(-50%, -50%);
	transform:         translate(-50%, -50%);
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

#eut-nav-bar .eut-nav-item i {
	line-height: inherit;
}

#eut-nav-bar .eut-nav-item.eut-prev i,
#eut-nav-bar .eut-nav-item.eut-next i {
	vertical-align: middle;
}

#eut-nav-bar .eut-nav-item a span {
	display: inline-block;
	vertical-align: middle;
	padding: 0 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 300px;
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

#eut-nav-bar .eut-nav-item.eut-prev a:hover span {
	-webkit-transform: translate(-5px, 0);
	-moz-transform:    translate(-5px, 0);
	-ms-transform:     translate(-5px, 0);
	-o-transform:      translate(-5px, 0);
	transform:         translate(-5px, 0);
}

#eut-nav-bar .eut-nav-item.eut-next a:hover span {
	-webkit-transform: translate(5px, 0);
	-moz-transform:    translate(5px, 0);
	-ms-transform:     translate(5px, 0);
	-o-transform:      translate(5px, 0);
	transform:         translate(5px, 0);
}

@media only screen and (max-width: 479px) {
	#eut-nav-bar .eut-nav-item.eut-prev span,
	#eut-nav-bar .eut-nav-item.eut-next span {
		display: none;
	}
}

/* =============================================================================
33. Comments
============================================================================= */
#eut-comments .eut-comments-number {
	margin-bottom: 40px;
}

#eut-comments > ul,
#eut-comments ul.children {
	margin: 0;
	list-style: none;
}

#eut-comments ul.children {
	margin-left: 70px;
	position: relative;
}

#eut-comments > ul > li {
	margin-bottom: 3.750em;
	padding-bottom: 3.750em;
	border-bottom: 1px solid;
}

#eut-comments > ul > li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

#eut-comments ul.children li {
	margin-top: 40px;
}

#eut-comments .avatar {
	width: 50px;
	float: left;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

#eut-comments .eut-comment-content {
	overflow: hidden;
	position: relative;
	padding-left: 20px;
}

#eut-comments .eut-comment-content p {
	font-size: 13px;
	line-height: 1.846em;
}

#eut-comments .eut-comment-content p:last-child {
	margin-bottom: 0;
}

/* Edit Reply */
.eut-comment-item-btn {
	position: absolute;
	top: 0;
	right: 0;
}

.comment-edit-link:before {
	content: '/';
	margin: 0 10px;
	opacity: 0.5;
}

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

	#eut-comments .avatar {
		float: none;
		margin-bottom: 15px;
	}

	#eut-comments .eut-comment-content {
		padding-left: 0;
	}

	#eut-comments ul.children {
		margin-left: 30px;
	}
}

#eut-main-content[data-post-width="classic"] #respond {
	width: 75.0%;
	margin-left: auto;
	margin-right: auto;
}

/* Comments with Sidebar */
#eut-main-content[data-post-width="classic"] .eut-left-sidebar #respond,
#eut-main-content[data-post-width="classic"] .eut-right-sidebar #respond {
	width: 100%;
}

#respond {
	margin-bottom: 100px;
	padding-top: 100px;
	border-top: 1px solid;
}

#respond .eut-form-input {
	margin-bottom: 15px;
}

#respond .comment-reply-title {
	margin-bottom: 0;
}

#respond .comment-reply-title small {
	margin-top: 2px;
	display: block;
}

#respond .comment-notes {
	font-size: 0.8em;
	line-height: 1.1;
	margin-bottom: 0.727em;
}

#respond textarea {
	width: 100%;
	margin-bottom: 6px;
}

#respond input[type="text"] {
	width: 50%;
	margin-bottom: 13px;
}

#respond .form-submit {
	clear: both;
}

#eut-comment-submit-button {
	margin-top: 20px;
}

/* No Comments */
.no-comments {
	margin-top: 60px;
}

/* Comments Navigation */
.eut-comment-nav {
	line-height: 2.5;
	overflow: hidden;
}

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

.eut-comment-nav ul li {
	float: left;
}

.eut-comment-nav ul li:last-child {
	float: right;
}

.eut-comment-nav ul li a {
	margin-top: 2.857em;
	padding-bottom: 2.857em;
	display: inline-block;
}


/* =============================================================================
34. Single Portfolio
============================================================================= */
.single-portfolio #eut-main-content .eut-container {
	padding-bottom: 0;
}


#eut-portfolio-content {
	width: 100%;
	margin-bottom: 2.857em;
}

/* Media */
#eut-single-media .eut-media {
	display: block;
	margin-bottom: 40px;
}


/* Portfolio With Sidebar */
#eut-main-content .eut-left-sidebar #eut-portfolio-area,
#eut-main-content .eut-right-sidebar #eut-portfolio-area {
	width: 75.0%;
}

#eut-main-content #eut-sidebar {
	width: 25.0%;
	z-index: 3;
	position: relative;
}

#eut-main-content .eut-left-sidebar #eut-portfolio-area {
	float: right;
	padding-left: 100px;
}

#eut-main-content .eut-right-sidebar #eut-portfolio-area {
	float: left;
	padding-right: 100px;
}

#eut-main-content .eut-left-sidebar #eut-sidebar {
	float: left;
}

#eut-main-content .eut-right-sidebar #eut-sidebar {
	float: right;
}


/* =============================================================================
35. Portfolio Related
============================================================================= */
.eut-related-wrapper {
	margin-bottom: 2.857em;
}

.eut-related-wrapper small {
	margin-bottom: 40px;
	display: block;
	border-top: 1px solid;
	padding-top: 2.857em;
	margin-bottom: 2.857em;
}


/* =============================================================================
36. Portfolio Fields
============================================================================= */
ul.eut-fields  {
	list-style: none;
	margin: 0;
	background-color: #f4f4f4;
	padding: 30px;
}

ul.eut-fields li {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgba(0,0,0,0.08);
}

ul.eut-fields li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.eut-portfolio-info {
	margin-bottom: 40px;
}

.eut-portfolio-description + ul.eut-fields,
ul.eut-fields + #eut-social-share {
	margin-top: 20px;
}

.eut-portfolio-info + .widget {
	border-top: 1px solid;
	padding-top: 40px;
	margin-top: 10px;
}

#eut-portfolio-info-responsive {
    display: none;
}
#eut-sidebar .eut-portfolio-info {
    display: block;
}

/* Responsive Nav */
#eut-portfolio-area .eut-nav-wrapper-default {
	display: none;
}

/* =============================================================================
37. Filters
============================================================================= */
.eut-filter ul {
	list-style: none;
	display: block;
	margin: 0;
	margin-bottom: 60px;
}

.eut-filter ul li {
	cursor: pointer;
	display: inline-block;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-o-user-select: none;
	user-select: none;
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

.eut-filter ul li span {
	line-height: 16px;
	display: inline-block;
	opacity: 0.5;
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

.eut-filter ul li:hover span,
.eut-filter ul li.selected span  {
	opacity: 1;
}

.eut-filter.eut-align-left ul li {
	margin-right: 16px;
}

.eut-filter.eut-align-right ul li {
	margin-left: 16px;
}

.eut-filter.eut-align-center ul li {
	margin-left: 8px;
	margin-right: 8px;
}

.eut-section[data-section-type="fullwidth-element"] .eut-filter ul  {
	padding: 0 40px;
}

/* Gallery Single Portfolio */
.single-portfolio .eut-left-sidebar ul.eut-post-gallery.eut-classic-style li ,
.single-portfolio .eut-right-sidebar ul.eut-post-gallery.eut-classic-style li {
	width: 33.33333333333333%;
}

.single-portfolio .eut-left-sidebar ul.eut-post-gallery.eut-classic-style li:nth-child(3n+1),
.single-portfolio .eut-right-sidebar ul.eut-post-gallery.eut-classic-style li:nth-child(3n+1) {
	clear: both;
}


.single-portfolio .eut-left-sidebar ul.eut-post-gallery.eut-classic-style li:nth-child(5n+1),
.single-portfolio .eut-right-sidebar ul.eut-post-gallery.eut-classic-style li:nth-child(5n+1) {
	clear: none;
}

/* Vertical Gallery Single Portfolio */
.single-portfolio ul.eut-post-gallery.eut-vertical-style {
	display: block;
}

.single-portfolio ul.eut-post-gallery.eut-vertical-style li {
	margin-bottom: 2.500em;
	width: 100%;
}

.single-portfolio ul.eut-post-gallery.eut-vertical-style li {
	float: none;
}

/* =============================================================================
38. Post Formats Icons
============================================================================= */
.format-standard .eut-post-icon:before,
.format-image .eut-post-icon:before,
.format-aside .eut-post-icon:before,
.format-chat .eut-post-icon:before,
.format-status .eut-post-icon:before {
	content: '\f040';
	font-family: FontAwesome;
}

.format-video .eut-post-icon:before {
	content: '\f01d';
	font-family: FontAwesome;
}
.format-single-image .eut-portfolio-icon:before {
	content: '\f03e';
	font-family: FontAwesome;
}

.format-gallery .eut-post-icon:before,
.format-gallery .eut-portfolio-icon:before {
	content: '\f009';
	font-family: FontAwesome;
}

.format-audio .eut-post-icon:before {
	content: '\f028';
	font-family: FontAwesome;
}

.format-link .eut-post-icon:before {
	content: '\f0c1';
	font-family: FontAwesome;
}

.format-quote .eut-post-icon:before {
	content: '\f10e';
	font-family: FontAwesome;
}

/* =============================================================================
39. Related
============================================================================= */
.eut-related-post ul {
	margin: 0 -15px;
	list-style: none;
	overflow: hidden;
}

.eut-related-post ul li {
	float: left;
	padding: 0 15px;
	width: 33.33333%;
}

.eut-related-post .eut-media {
	margin-bottom: 20px !important;
	position: relative;
}

.eut-related-post .eut-related-title {
	margin-bottom: 1.250em;
}

.eut-related-post .eut-title {
	margin-bottom: 0.250em;
}

.eut-related-post .eut-caption {
	line-height: 1.5;
}

@media only screen and (max-width: 767px) {
	.eut-related-post ul li {
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}

	.eut-related-post ul li:last-child {
		margin-bottom: 0;
	}
}
/* Portfolio */
/* No Image */
.eut-no-image:before {
	font-family: 'euthemians';
	position: absolute;
	width: 60px;
	height: 60px;
	left: 50%;
	top: 50%;
	margin-top: -30px;
	margin-left: -30px;
	font-size: 27px;
	text-align: center;
	line-height: 60px;
	color: #ffffff;
	z-index: 1;
	background-color: rgba(0,0,0,0.7);
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.format-standard .eut-no-image:before {
	content: '\e608';
}
.format-video .eut-no-image:before {
	content: '\e607';
}
.format-single-image .eut-no-image:before {
	content: '\e608';
}

.format-gallery .eut-no-image:before {
	content: '\e608';
}

.format-audio .eut-no-image:before {
	content: '\e607';
}

.format-link .eut-no-image:before {
	content: '\e60a';
}

.format-quote .eut-no-image:before {
	content: '\e605';
}

/* =============================================================================
40. Pagination
============================================================================= */
.eut-pagination ul {
	margin: 0;
	list-style: none;
	border: 1px solid;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
}

.eut-element[data-gutter="no"] .eut-pagination {
	margin-top: 30px;
}

.eut-pagination ul li {
	display: inline-block;
	border-right: 1px solid;
	display: inline-block;
	  margin-right: -2px;
}

.eut-pagination ul li:last-child {
	border: none;
}

.eut-pagination ul li a,
.eut-pagination ul li span {
	padding: 8px 12px;
	line-height: 16px;
	min-width: 32px;
	display: block;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}

.eut-pagination ul li span {
	font-weight: bold;
}

/* =============================================================================
41. Footer
============================================================================= */
#eut-footer {
	position: relative;
}

#eut-footer .eut-section {
	margin-bottom: 0;
}

#eut-footer .widget:last-child,
#eut-footer .widgets:last-child {
	margin-bottom: 0;
}

#eut-footer a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#eut-footer #eut-footer-area .eut-column-1 {
	text-align: center;
}

/* Footer Bar */
#eut-footer-bar {
	position: relative;
	z-index: 2;
}

#eut-footer-bar #eut-second-menu ul {
	list-style: none;
	margin: 0;
}

#eut-footer-bar #eut-second-menu li {
	display: inline-block;
}

#eut-footer-bar[data-align-center="no"] #eut-second-menu ul {
	float: right;
}

#eut-footer-bar[data-align-center="no"] #eut-second-menu li {
	margin-left: 15px;
}

/* Footer Bar Align Center */
#eut-footer-bar[data-align-center="yes"] .eut-column-1-2 {
	width: 100%;
	margin: 0;
	padding: 0 !important;
}

#eut-footer-bar[data-align-center="yes"] .eut-column-1-2 + .eut-column-1-2 {
	margin-top: 15px;
}

#eut-footer-bar[data-align-center="yes"],
#eut-footer-bar[data-align-center="yes"] #eut-second-menu ul {
	display: block;
	margin: 0 auto;
	text-align: center;
}

#eut-footer-bar[data-align-center="yes"] #eut-second-menu li {
	margin: 0 15px;
}

#eut-above-footer .eut-element:last-child {
	margin-bottom: 0;
}

#eut-footer-bar .eut-social {
	list-style: none;
	display: block;
	text-align: right;
}

#eut-footer-bar[data-align-center="yes"] .eut-social {
	text-align: center;
}

#eut-footer-bar .eut-social li {
	display: inline-block;
}

#eut-footer-bar .eut-social li:after {
	content: '|';
	margin: 0 26px;
}

#eut-footer-bar .eut-social.eut-social-icons li:after {
	content: '';
	margin: 0 5px;
}

#eut-footer-bar .eut-social.eut-social-icons li a {
	font-size: 24px;
}

#eut-footer-bar .eut-social li:last-child:after {
	display: none;
}

#eut-footer-bar .eut-social li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* Fixed Footer Padding on FullWidth Mode */
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-1-6,
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-1-5,
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-1-4,
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-1-2,
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-1-3,
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-2-3,
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-3-4,
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-4-6,
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-4-5,
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-5-6,
#eut-footer-area[data-section-type="fullwidth-element"] .eut-column-1,
#eut-footer-bar[data-section-type="fullwidth-element"] .eut-column-1-2 {
	padding-right: 30px !important;
	padding-left: 30px !important;
}

/* =============================================================================
42. Sticky Footer
============================================================================= */
#eut-footer.eut-sticky-footer {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 0;
}

#eut-body.eut-boxed #eut-footer.eut-sticky-footer  {
	width: 1250px;
	left: auto;
	-webkit-box-shadow : 0px 0px 10px rgba(0, 0, 0, 0.15);
	-moz-box-shadow    : 0px 0px 10px rgba(0, 0, 0, 0.15);
	box-shadow         : 0px 0px 10px rgba(0, 0, 0, 0.15);
}

/* =============================================================================
43. Patterns & Overlay
============================================================================= */
.eut-pattern {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 2;
	background-image: url(../images/graphics/pattern-1.png);
	background-repeat: repeat;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

.eut-light-overlay:before,
.eut-dark-overlay:before,
.eut-primary-1-overlay:before,
.eut-primary-2-overlay:before,
.eut-primary-3-overlay:before,
.eut-primary-4-overlay:before,
.eut-primary-5-overlay:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

.eut-overlay-10:before {
	opacity: 0.1;
}

.eut-overlay-15:before {
	opacity: 0.15;
}

.eut-overlay-20:before {
	opacity: 0.2;
}

.eut-overlay-25:before {
	opacity: 0.25;
}

.eut-overlay-30:before {
	opacity: 0.3;
}

.eut-overlay-35:before {
	opacity: 0.35;
}

.eut-overlay-40:before {
	opacity: 0.4;
}

.eut-overlay-45:before {
	opacity: 0.45;
}

.eut-overlay-50:before {
	opacity: 0.5;
}

.eut-overlay-55:before {
	opacity: 0.55;
}

.eut-overlay-60:before {
	opacity: 0.6;
}

.eut-overlay-65:before {
	opacity: 0.65;
}

.eut-overlay-70:before {
	opacity: 0.7;
}

.eut-overlay-75:before {
	opacity: 0.75;
}

.eut-overlay-80:before {
	opacity: 0.8;
}

.eut-overlay-85:before {
	opacity: 0.85;
}

.eut-overlay-90:before {
	opacity: 0.9;
}

.eut-overlay-95:before {
	opacity: 0.95;
}

/* =============================================================================
44. Background Image
============================================================================= */
.eut-bg-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}

.eut-bg-image {
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

.eut-bg-image.show {
	opacity: 1;
}

.eut-section[data-section-type="fullwidth-element"] .eut-bg-image {
	background-size: inherit;
	background-repeat: repeat;
}

.eut-section[data-image-type="parallax"] .eut-bg-image {
	background-position: center bottom;
}

.eut-section[data-image-type="animated"] .eut-bg-image {
	-webkit-transform:  scale(1.0);
	-moz-transform   : scale(1.0);
	transform        : scale(1.0);
	-webkit-transition : -webkit-transform 20s ease, opacity 0.4s;
	-moz-transition    : -moz-transform 20s ease, opacity 0.4s;
	transition         : transform 20s ease, opacity 0.4s;
}

.eut-section[data-image-type="animated"].zoom .eut-bg-image {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	transform: scale(1.4);
}

.eut-bg-image.eut-bg-position-left-top {
	background-position: left top;
}

.eut-bg-image.eut-bg-position-left-center {
	background-position: left center;
}

.eut-bg-image.eut-bg-position-left-bottom {
	background-position: left bottom;
}

.eut-bg-image.eut-bg-position-center-top {
	background-position: center top;
}

.eut-bg-image.eut-bg-position-center-center {
	background-position: center center;
}

.eut-bg-image.eut-bg-position-center-bottom {
	background-position: center bottom;
}

.eut-bg-image.eut-bg-position-right-top {
	background-position: right top;
}

.eut-bg-image.eut-bg-position-right-center {
	background-position: right center;
}

.eut-bg-image.eut-bg-position-right-bottom {
	background-position: right bottom;
}

/* =============================================================================
45. Background Video
============================================================================= */
.eut-bg-video {
	/*opacity: 0;*/
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.eut-bg-video video {
	position: absolute;
	width: 100%;
	height: auto !important;
	max-width: none;
	top: 0;
	right: 0;
	left: 0;
}

.ie9 .eut-bg-video video{
    top: 0px;
    left: 0px;
    width: 100% !important;
}

.eut-section[data-section-type="in-container"] .eut-bg-video {
	height: 100%;
	top: 0;
}

/* =============================================================================
46. Color Pallete
============================================================================= */
/* Green */
.eut-color-green,
.eut-color-green:before,
.eut-color-green:after {
	color: #77c97f;
}

.eut-bg-green,
.eut-btn.eut-green-color {
	color: #ffffff;
	background-color: #77c97f;
}

.eut-btn.eut-btn-line.eut-green-color {
	color: #77c97f;
	border-color: #77c97f;
	background-color: transparent;
}

.eut-btn.eut-green-color:hover {
	color: #ffffff;
	background-color: #43c04d;
}

.eut-btn.eut-btn-line.eut-green-color:hover {
	color: #ffffff;
	border-color: #43c04d;
	background-color: #43c04d;
}

/* Orange */
.eut-color-orange,
.eut-color-orange:before,
.eut-color-orange:after {
	color: #ffbb3c;
}

.eut-bg-orange,
.eut-btn.eut-orange-color {
	color: #ffffff;
	background-color: #ffbb3c;
}

.eut-btn.eut-btn-line.eut-orange-color {
	color: #ffbb3c;
	border-color: #ffbb3c;
	background-color: transparent;
}

.eut-btn.eut-orange-color:hover {
	color: #ffffff;
	background-color: #ffa611;
}

.eut-btn.eut-btn-line.eut-orange-color:hover {
	color: #ffffff;
	border-color: #ffa611;
	background-color: #ffa611;
}

/* Blue */
.eut-color-blue,
.eut-color-blue:before,
.eut-color-blue:after {
	color: #3ec2fe;
}

.eut-bg-blue,
.eut-btn.eut-blue-color {
	color: #ffffff;
	background-color: #3ec2fe;
}

.eut-btn.eut-btn-line.eut-blue-color {
	color: #3ec2fe;
	border-color: #3ec2fe;
	background-color: transparent;
}

.eut-btn.eut-blue-color:hover {
	color: #ffffff;
	background-color: #12b2ff;
}

.eut-btn.eut-btn-line.eut-blue-color:hover {
	color: #ffffff;
	border-color: #12b2ff;
	background-color: #12b2ff;
}

/* Red */
.eut-color-red,
.eut-color-red:before,
.eut-color-red:after {
	color: #ff786a;
}

.eut-bg-red,
.eut-btn.eut-red-color {
	color: #ffffff;
	background-color: #ff786a;
}

.eut-btn.eut-btn-line.eut-red-color {
	color: #ff786a;
	border-color: #ff786a;
	background-color: transparent;
}

.eut-btn.eut-red-color:hover {
	color: #ffffff;
	background-color: #ff4436;
}

.eut-btn.eut-btn-line.eut-red-color:hover {
	color: #ffffff;
	border-color: #ff4436;
	background-color: #ff4436;
}

/* Aqua */
.eut-color-aqua,
.eut-color-aqua:before,
.eut-color-aqua:after {
	color: #3db7aa;
}

.eut-bg-aqua,
.eut-btn.eut-aqua-color {
	color: #ffffff;
	background-color: #3db7aa;
}

.eut-btn.eut-btn-line.eut-aqua-color {
	color: #3db7aa;
	border-color: #3db7aa;
	background-color: transparent;
}

.eut-btn.eut-aqua-color:hover {
	color: #ffffff;
	background-color: #129e89;
}

.eut-btn.eut-btn-line.eut-aqua-color:hover {
	color: #ffffff;
	border-color: #129e89;
	background-color: #129e89;
}

/* Purple */
.eut-color-purple,
.eut-color-purple:before,
.eut-color-purple:after {
	color: #be5fc9;
}

.eut-bg-purple,
.eut-btn.eut-purple-color {
	color: #ffffff;
	background-color: #be5fc9;
}

.eut-btn.eut-btn-line.eut-purple-color {
	color: #be5fc9;
	border-color: #be5fc9;
	background-color: transparent;
}

.eut-btn.eut-purple-color:hover {
	color: #ffffff;
	background-color: #ab2ac0;
}

.eut-btn.eut-btn-line.eut-purple-color:hover {
	color: #ffffff;
	border-color: #ab2ac0;
	background-color: #ab2ac0;
}

/* Black */
.eut-color-black,
.eut-color-black:before,
.eut-color-black:after {
	color: #000000;
}

.eut-bg-black,
.eut-btn.eut-black-color {
	color: #ffffff;
	background-color: #000000;
}

.eut-btn.eut-btn-line.eut-black-color {
	color: #000000;
	border-color: #000000;
	background-color: transparent;
}

.eut-btn.eut-black-color:hover {
	color: #ffffff;
	border-color: #323232;
	background-color: #323232;
}

.eut-btn.eut-btn-line.eut-black-color:hover {
	color: #ffffff;
	border-color: #323232;
	background-color: #323232;
}

/* Grey */
.eut-color-grey,
.eut-color-grey:before,
.eut-color-grey:after {
	color: #cccccc;
}

.eut-bg-grey,
.eut-btn.eut-grey-color,
.eut-message.eut-bg-white .eut-close:after,
.eut-message.eut-bg-white .eut-close:before {
	color: #ffffff;
	background-color: #cccccc;
}

.eut-btn.eut-btn-line.eut-grey-color {
	color: #cccccc;
	border-color: #cccccc;
	background-color: transparent;
}

.eut-btn.eut-grey-color:hover {
	color: #ffffff;
	background-color: #a2a2a2;
}

.eut-btn.eut-btn-line.eut-grey-color:hover {
	color: #ffffff;
	border-color: #a2a2a2;
	background-color: #a2a2a2;
}


/* White */
.eut-color-white,
.eut-color-white:before,
.eut-color-white:after {
	color: #ffffff;
}

.eut-bg-white,
.eut-btn.eut-white-color {
	color: #a2a2a2;
	background-color: #ffffff;
}

.eut-btn.eut-btn-line.eut-white-color {
	color: #ffffff;
	border-color: #ffffff;
	background-color: transparent;
}

.eut-btn.eut-white-color:hover {
	color: #777777;
	background-color: #ffffff;
}

.eut-btn.eut-btn-line.eut-white-color:hover {
	color: #777777;
	border-color: #ffffff;
	background-color: #ffffff;
}

/* =============================================================================
47. Feature Text Color
============================================================================= */
/* Dark Colors */
#eut-feature-section .eut-title.eut-dark,
#eut-page-title .eut-title.eut-dark,
#eut-post-title .eut-title.eut-dark,
#eut-portfolio-title .eut-title.eut-dark,
#eut-product-title .eut-title.eut-dark {
	color: #000000;
}

#eut-feature-section .eut-description.eut-dark,
#eut-page-title .eut-description.eut-dark,
#eut-portfolio-title .eut-description.eut-dark,
#eut-product-title .eut-description.eut-dark {
	color: #000000;
}

/* Post Social Icons Dark */
#eut-post-title #eut-social-share.eut-dark ul li a {
	background-color: #000000;
	color: #ffffff
}

#eut-post-title #eut-social-share.eut-dark ul li span {
	color: #000000;
}

/* Light Colors */
#eut-feature-section .eut-title.eut-light,
#eut-page-title .eut-title.eut-light,
#eut-post-title .eut-title.eut-light,
#eut-portfolio-title .eut-title.eut-light,
#eut-product-title .eut-title.eut-light {
	color: #ffffff;
}

#eut-feature-section .eut-description.eut-light,
 #eut-page-title .eut-description.eut-light,
 #eut-portfolio-title .eut-description.eut-light {
	color: #ffffff;
}

/* Post Social Icons Light */
#eut-post-title #eut-social-share.eut-light ul li a {
	background-color: #ffffff;
	color: #A2A2A2;
}

#eut-post-title #eut-social-share.eut-light ul li span {
	color: #ffffff;
}

/* =============================================================================
48. Basic Shapes ( Square - Round - Circle )
============================================================================= */
.eut-round {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.eut-extra-round {
	-webkit-border-radius: 50px;
	border-radius: 50px;
}

.eut-circle {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}


/* =============================================================================
49. Google Map
============================================================================= */
.eut-map  img {
	max-width: inherit;
}
.eut-map-infotext {
	overflow: hidden;
	white-space: nowrap;
}

.eut-map-infotext .eut-infotext-title {
	margin-bottom: 0.357em;
}
.eut-map-infotext .eut-infotext-description {
	margin-bottom: 0.500em;
	white-space: nowrap;
}

/* =============================================================================
50. Navigation Types
============================================================================= */
.eut-slider .owl-controls .owl-buttons div,
.eut-carousel-navigation .eut-carousel-buttons div {
	position: absolute;
	z-index: 3;
	font-size: 16px;
	display: inline-block;
	zoom: 1;
	cursor: pointer;
	*display: inline;/*IE7 life-saver */
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
}

/* Light Navigation */
.eut-carousel-navigation.eut-light .eut-carousel-buttons div {
	background-color: rgba(255,255,255,0.6);
	color: #000000;
}

.eut-carousel-navigation.eut-light .eut-carousel-buttons div:hover {
	background-color: rgba(255,255,255,1);
	color: #000000;
}

.eut-carousel-navigation[data-navigation-type="1"].eut-light .eut-carousel-buttons div {
	background-color: transparent;
	color: rgba(255,255,255,0.6);
}

.eut-carousel-navigation[data-navigation-type="1"].eut-light .eut-carousel-buttons div:hover {
	background-color: transparent;
	color: rgba(255,255,255,1);
}

/* Dark Navigation */
.eut-carousel-navigation.eut-dark .eut-carousel-buttons div {
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
}

.eut-carousel-navigation.eut-dark .eut-carousel-buttons div:hover {
	background-color: rgba(0,0,0,1);
	color: #ffffff;
}

.eut-carousel-navigation[data-navigation-type="1"].eut-dark .eut-carousel-buttons div {
	background-color: transparent;
	color: rgba(0,0,0,0.5);
}

.eut-carousel-navigation[data-navigation-type="1"].eut-dark .eut-carousel-buttons div:hover {
	background-color: transparent;
	color: rgba(0,0,0,1);
}

/* Type 1 */
.eut-slider[data-navigation-type="1"] .owl-controls .owl-buttons div,
.eut-carousel-navigation[data-navigation-type="1"] .eut-carousel-buttons div {
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 24px;
	text-align: center;
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition    : all 0.2s ease-in-out;
	-ms-transition     : all 0.2s ease-in-out;
	-o-transition      : all 0.2s ease-in-out;
}

.eut-slider[data-navigation-type="1"] .owl-controls .owl-buttons .owl-prev,
.eut-carousel-navigation[data-navigation-type="1"] .eut-carousel-buttons .eut-carousel-prev {
	left: -70px;
	top: 50%;
	margin-top: -25px;
}

.eut-slider[data-navigation-type="1"] .owl-controls .owl-buttons .owl-next,
.eut-carousel-navigation[data-navigation-type="1"] .eut-carousel-buttons .eut-carousel-next {
	right: -70px;
	top: 50%;
	margin-top: -25px;
}

.eut-section[data-section-type="fullwidth-element"] .eut-slider[data-navigation-type="1"] .owl-controls .owl-buttons .owl-prev,
.eut-section[data-section-type="fullwidth-element"] .eut-carousel-navigation[data-navigation-type="1"] .eut-carousel-buttons .eut-carousel-prev {
	left: 0;
}

.eut-section[data-section-type="fullwidth-element"] .eut-slider[data-navigation-type="1"] .owl-controls .owl-buttons .owl-next,
.eut-section[data-section-type="fullwidth-element"] .eut-carousel-navigation[data-navigation-type="1"] .eut-carousel-buttons .eut-carousel-next {
	right: 0;
}

#eut-feature-section .eut-carousel-navigation[data-navigation-type="1"] .eut-carousel-buttons .eut-carousel-prev {
	left: 50%;
	top: auto;
	bottom: 30px;
	margin-left: -60px;
	margin-top: 0;
}

#eut-feature-section .eut-carousel-navigation[data-navigation-type="1"] .eut-carousel-buttons .eut-carousel-next {
	right: 50%;
	top: auto;
	bottom: 30px;
	margin-right: -60px;
	margin-top: 0;
}


/* Type 2 */
.eut-slider[data-navigation-type="2"] .owl-controls .owl-buttons div,
.eut-carousel-navigation[data-navigation-type="2"] .eut-carousel-buttons div {
	width: 50px;
	height: 50px;
	line-height: 50px;
	margin-top: -25px;
	text-align: center;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition : all 0.2s ease-in-out;
	-moz-transition    : all 0.2s ease-in-out;
	-ms-transition     : all 0.2s ease-in-out;
	-o-transition      : all 0.2s ease-in-out;
}

.eut-slider[data-navigation-type="2"] .owl-controls .owl-buttons .owl-prev,
.eut-carousel-navigation[data-navigation-type="2"] .eut-carousel-buttons .eut-carousel-prev {
	left: 10px;
	top: 50%;
}

.eut-slider[data-navigation-type="2"] .owl-controls .owl-buttons .owl-next,
.eut-carousel-navigation[data-navigation-type="2"] .eut-carousel-buttons .eut-carousel-next {
	right: 10px;
	top: 50%;
}

.eut-slider:hover[data-navigation-type="2"] .owl-controls .owl-buttons .owl-prev,
.eut-carousel-wrapper:hover [data-navigation-type="2"] .eut-carousel-buttons .eut-carousel-prev,
.eut-slider:hover[data-navigation-type="2"] .owl-controls .owl-buttons .owl-next,
.eut-carousel-wrapper:hover [data-navigation-type="2"] .eut-carousel-buttons .eut-carousel-next {
	visibility: visible;
	opacity: 1;
}

/* Type 3 */
.eut-slider[data-navigation-type="3"] .owl-controls .owl-buttons div,
.eut-carousel-navigation[data-navigation-type="3"] .eut-carousel-buttons div {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.eut-slider[data-navigation-type="3"] .owl-controls .owl-buttons .owl-prev,
.eut-carousel-navigation[data-navigation-type="3"] .eut-carousel-buttons .eut-carousel-prev {
	left: 10px;
	top: 50%;
}

.eut-slider[data-navigation-type="3"] .owl-controls .owl-buttons .owl-next,
.eut-carousel-navigation[data-navigation-type="3"] .eut-carousel-buttons .eut-carousel-next {
	right: 10px;
	top: 50%;
}

/* Type 4 */
.eut-slider[data-navigation-type="4"] .owl-controls .owl-buttons div,
.eut-carousel-navigation[data-navigation-type="4"] .eut-carousel-buttons div {
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin-top: -20px;
	text-align: center;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

.eut-slider[data-navigation-type="4"] .owl-controls .owl-buttons .owl-prev,
.eut-carousel-navigation[data-navigation-type="4"] .eut-carousel-buttons .eut-carousel-prev {
	left: 10px;
	top: 50%;
	opacity: 0;
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
}

.eut-slider[data-navigation-type="4"] .owl-controls .owl-buttons .owl-next,
.eut-carousel-navigation[data-navigation-type="4"] .eut-carousel-buttons .eut-carousel-next {
	right: 10px;
	top: 50%;
	opacity: 0;
	-webkit-transform: scale(0.1);
	transform: scale(0.1);
}

.eut-slider:hover[data-navigation-type="4"] .owl-controls .owl-buttons .owl-prev,
.eut-slider:hover[data-navigation-type="4"] .owl-controls .owl-buttons .owl-next,
.eut-carousel-wrapper:hover [data-navigation-type="4"] .eut-carousel-buttons .eut-carousel-prev,
.eut-carousel-wrapper:hover [data-navigation-type="4"] .eut-carousel-buttons .eut-carousel-next {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}


/* =============================================================================
51. Revolution Custom Navigation
============================================================================= */
.tp-leftarrow.default.custom,
.tp-rightarrow.default.custom {
	z-index: 100;
	cursor: pointer;
	position: relative;
	background: none;
	width: 50px;
	height: 50px;
	font-size: 18px;
	display: inline-block;
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
	top: 50% !important;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.tp-leftarrow.default.custom:hover,
.tp-rightarrow.default.custom:hover {
	background-color: #000000;
}

.tp-leftarrow.default.custom {
	left: 10px !important;
}

.tp-rightarrow.default.custom {
	right: 10px !important;
}

.tp-leftarrow.default.custom:before,
.tp-rightarrow.default.custom:before {
	content: "\e611";
	font-family: 'euthemians' !important;
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
}

.tp-leftarrow.default.custom:before {
	content: "\e611";
}

.tp-rightarrow.default.custom:before {
	content: "\e610";
}

/* =============================================================================
52. Back to top
============================================================================= */
.eut-top-btn {
	cursor: pointer;
	position: fixed;
	right: 15px;
	bottom: 15px;
	width: 40px;
	height: 40px;
	line-height: 39px;
	text-align: center;
	z-index: 9999;
	background-color: rgba(0,0,0,0.6);
	color: #ffffff;
	-webkit-transform: translate3d(0, 150%, 0);
	transform: translate3d(0, 150%, 0);
	-webkit-transition : all .3s;
	-moz-transition    : all .3s;
	-ms-transition     : all .3s;
	-o-transition      : all .3s;
	transition         : all .3s;
}

.eut-top-btn.show,
#eut-body.eut-framed .eut-top-btn.show {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media only screen and (min-width: 1201px) {
	#eut-body.eut-framed .eut-top-btn  {
		-webkit-transform: translate3d(0, 350%, 0);
		transform: translate3d(0, 350%, 0);
		background-color: transparent;
		bottom: 86px;
	}
}

/* =============================================================================
53. Image Hover
============================================================================= */
.eut-image-hover {
	overflow: hidden;
	position: relative;
}

.eut-image-hover a {
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: block;
}

.eut-image-hover a:not(.eut-no-image):not(.eut-portfolio-btns):before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	opacity: 0;
	background-color: #000000;
	-webkit-transition : opacity .3s;
	-moz-transition    : opacity .3s;
	-ms-transition     : opacity .3s;
	-o-transition      : opacity .3s;
	transition         : opacity .3s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.eut-image-hover.hover a:not(.eut-no-image):not(.eut-portfolio-btns):before {
	opacity: 0.1;
}

/* Image General Settings */
.eut-image-hover img {
	position: relative;
	display: block;
	max-width: none;
	width: 100%;
	-webkit-backface-visibility : hidden;
	-moz-backface-visibility    : hidden;
	-ms-backface-visibility     : hidden;
}

.eut-image-hover img {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

/* Image Zoom In */
.eut-image-hover.eut-zoom-in img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.eut-image-hover.eut-zoom-in.hover img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}

/* Zoom In for Lanscape Image */
.eut-image-landscape .eut-image-hover.eut-zoom-in img {
	-webkit-transform: scale(1) translate(0, -50%);
	-moz-transform:    scale(1) translate(0, -50%);
	-ms-transform:     scale(1) translate(0, -50%);
	-o-transform:      scale(1) translate(0, -50%);
	transform:         scale(1) translate(0, -50%);
}

.eut-image-landscape .eut-image-hover.eut-zoom-in.hover img {
	-webkit-transform: scale(1.12) translate(0, -50%);
	-moz-transform:    scale(1.12) translate(0, -50%);
	-ms-transform:     scale(1.12) translate(0, -50%);
	-o-transform:      scale(1.12) translate(0, -50%);
	transform:         scale(1.12) translate(0, -50%);
}

/* Zoom In for Portrait Image */
.eut-image-portrait .eut-image-hover.eut-zoom-in img {
	-webkit-transform: scale(1) translate(-50%, 0);
	-moz-transform:    scale(1) translate(-50%, 0);
	-ms-transform:     scale(1) translate(-50%, 0);
	-o-transform:      scale(1) translate(-50%, 0);
	transform:         scale(1) translate(-50%, 0);
}

.eut-image-portrait .eut-image-hover.eut-zoom-in.hover img {
	-webkit-transform: scale(1.12) translate(-50%, 0);
	-moz-transform:    scale(1.12) translate(-50%, 0);
	-ms-transform:     scale(1.12) translate(-50%, 0);
	-o-transform:      scale(1.12) translate(-50%, 0);
	transform:         scale(1.12) translate(-50%, 0);
}

/* Image Zoom Out */
.eut-image-hover.eut-zoom-out img {
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

.eut-image-hover.eut-zoom-out.hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* Zoom Out for Lanscape Image */
.eut-image-landscape .eut-image-hover.eut-zoom-out img {
	-webkit-transform: scale(1.12) translate(0, -50%);
	-moz-transform:    scale(1.12) translate(0, -50%);
	-ms-transform:     scale(1.12) translate(0, -50%);
	-o-transform:      scale(1.12) translate(0, -50%);
	transform:         scale(1.12) translate(0, -50%);
}

.eut-image-landscape .eut-image-hover.eut-zoom-out.hover img {
	-webkit-transform: scale(1) translate(0, -50%);
	-moz-transform:    scale(1) translate(0, -50%);
	-ms-transform:     scale(1) translate(0, -50%);
	-o-transform:      scale(1) translate(0, -50%);
	transform:         scale(1) translate(0, -50%);
}

/* Zoom Out for Portrait Image */
.eut-image-portrait  .eut-image-hover.eut-zoom-out img {
	-webkit-transform: scale(1.12) translate(-50%, 0);
	-moz-transform:    scale(1.12) translate(-50%, 0);
	-ms-transform:     scale(1.12) translate(-50%, 0);
	-o-transform:      scale(1.12) translate(-50%, 0);
	transform:         scale(1.12) translate(-50%, 0);
}

.eut-image-portrait  .eut-image-hover.eut-zoom-out.hover img {
	-webkit-transform: scale(1) translate(-50%, 0);
	-moz-transform:    scale(1) translate(-50%, 0);
	-ms-transform:     scale(1) translate(-50%, 0);
	-o-transform:      scale(1) translate(-50%, 0);
	transform:         scale(1) translate(-50%, 0);
}

/* Media General Settings */
.eut-image-hover .eut-media {
	position: relative;
}

.eut-image-hover .eut-media:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	opacity: 0;
	z-index: 2;
	-webkit-transition: opacity 0.35s;
	transition: opacity 0.35s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Media Dark Overlay */
.eut-image-hover .eut-media.eut-dark-overlay:before {
	background-color: #222222;
}

/* Media Light Overlay */
.eut-image-hover .eut-media.eut-light-overlay:before {
	background-color: #ffffff;
}

/* Media Opacity Overlay */
.eut-image-hover.hover .eut-media.eut-opacity-0:before {
	opacity: 0;
}

.eut-image-hover.hover .eut-media.eut-opacity-10:before {
	opacity: 0.1;
}

.eut-image-hover.hover .eut-media.eut-opacity-20:before {
	opacity: 0.2;
}

.eut-image-hover.hover .eut-media.eut-opacity-30:before {
	opacity: 0.3;
}

.eut-image-hover.hover .eut-media.eut-opacity-40:before {
	opacity: 0.4;
}

.eut-image-hover.hover .eut-media.eut-opacity-50:before {
	opacity: 0.5;
}

.eut-image-hover.hover .eut-media.eut-opacity-60:before {
	opacity: 0.6;
}

.eut-image-hover.hover .eut-media.eut-opacity-70:before {
	opacity: 0.7;
}

.eut-image-hover.hover .eut-media.eut-opacity-80:before {
	opacity: 0.8;
}

.eut-image-hover.hover .eut-media.eut-opacity-90:before {
	opacity: 0.9;
}

.eut-image-hover.hover .eut-media.eut-opacity-100:before {
	opacity: 1;
}

.eut-image-hover .eut-title {
	margin-bottom: 0.250em;
}


/* =============================================================================
54. Euthemians Icon Library
============================================================================= */
[class^="eut-icon-"], [class*=" eut-icon-"] {
	font-family: FontAwesome !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size: 16px;

	/* Better Font Rendering =========== */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


@font-face {
	font-family: 'euthemians';
	src:url('../fonts/euthemians-icons/euthemians.eot?v=1.0.0');
	src:url('../fonts/euthemians-icons/euthemians.eot?#iefix&v=1.0.0') format('embedded-opentype'),
		url('../fonts/euthemians-icons/euthemians.woff?v=1.0.0') format('woff'),
		url('../fonts/euthemians-icons/euthemians.ttf?v=1.0.0') format('truetype'),
		url('../fonts/euthemians-icons/euthemians.svg?v=1.0.0#euthemians') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="eut-icon-"], [class*=" eut-icon-"] {
	font-family: 'euthemians' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.eut-icon-th-large:before {
	content: "\e600";
}
.eut-icon-envelope:before {
	content: "\e601";
}
.eut-icon-nav-down:before {
	content: "\e602";
}
.eut-icon-shop:before {
	content: "\e603";
}
.eut-icon-safebutton:before {
	content: "\e604";
}
.eut-icon-comment:before {
	content: "\e605";
}
.eut-icon-date:before {
	content: "\e606";
}
.eut-icon-video:before {
	content: "\e607";
}
.eut-icon-pencil:before {
	content: "\e608";
}
.eut-icon-user:before {
	content: "\e609";
}
.eut-icon-link:before {
	content: "\e60a";
}
.eut-icon-close:before {
	content: "\e60b";
}
.eut-icon-heart:before {
	content: "\e60c";
}
.eut-icon-menu:before {
	content: "\e60d";
}
.eut-icon-double-nav-left:before {
	content: "\e60e";
}
.eut-icon-double-nav-right:before {
	content: "\e60f";
}
.eut-icon-nav-right:before {
	content: "\e610";
}
.eut-icon-nav-left:before {
	content: "\e611";
}
.eut-icon-nav-up:before {
	content: "\e612";
}
.eut-icon-socials:before {
	content: "\e613";
}
.eut-icon-globe:before {
	content: "\e614";
}
.eut-icon-search:before {
	content: "\e615";
}
.eut-icon-plus:before {
	content: "\e616";
}

/* =============================================================================
55. Animations
============================================================================= */
.eut-animated-item {
	opacity: 0;
}

.eut-animated {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:.5s;
	-moz-animation-duration:.5s;
	-ms-animation-duration:.5s;
	-o-animation-duration:.5s;
	animation-duration:.5s;
	opacity: 1;
}


@-webkit-keyframes eut_fade_in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-moz-keyframes eut_fade_in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@-o-keyframes eut_fade_in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

@keyframes eut_fade_in {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.eut-fadeIn.eut-animated {
	-webkit-animation-name: eut_fade_in;
	-moz-animation-name: eut_fade_in;
	-o-animation-name: eut_fade_in;
}
@-webkit-keyframes eut_fade_in_up {
	0% {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes eut_fade_in_up {
	0% {
		opacity: 0;
		-moz-transform: translateY(100px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes eut_fade_in_up {
	0% {
		opacity: 0;
		-o-transform: translateY(100px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes eut_fade_in_up {
	0% {
		opacity: 0;
		transform: translateY(100px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.eut-fadeInUp.eut-animated {
	-webkit-animation-name: eut_fade_in_up;
	-moz-animation-name: eut_fade_in_up;
	-o-animation-name: eut_fade_in_up;
	animation-name: eut_fade_in_up;
}
@-webkit-keyframes eut_fade_in_down {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-100px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes eut_fade_in_down {
	0% {
		opacity: 0;
		-moz-transform: translateY(-100px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes eut_fade_in_down {
	0% {
		opacity: 0;
		-o-transform: translateY(-100px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes eut_fade_in_down {
	0% {
		opacity: 0;
		transform: translateY(-100px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.eut-fadeInDown.eut-animated {
	-webkit-animation-name: eut_fade_in_down;
	-moz-animation-name: eut_fade_in_down;
	-o-animation-name: eut_fade_in_down;
	animation-name: eut_fade_in_down;
}
@-webkit-keyframes eut_fade_in_left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes eut_fade_in_left {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes eut_fade_in_left {
	0% {
		opacity: 0;
		-o-transform: translateX(-100px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes eut_fade_in_left {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.eut-fadeInLeft.eut-animated {
	-webkit-animation-name: eut_fade_in_left;
	-moz-animation-name: eut_fade_in_left;
	-o-animation-name: eut_fade_in_left;
	animation-name: eut_fade_in_left;
}
@-webkit-keyframes eut_fade_in_right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes eut_fade_in_right {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes eut_fade_in_right {
	0% {
		opacity: 0;
		-o-transform: translateX(100px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes eut_fade_in_right {
	0% {
		opacity: 0;
		transform: translateX(100px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.eut-fadeInRight.eut-animated {
	-webkit-animation-name: eut_fade_in_right;
	-moz-animation-name: eut_fade_in_right;
	-o-animation-name: eut_fade_in_right;
	animation-name: eut_fade_in_right;
}

/* =============================================================================
56. 404 Page
============================================================================= */
.error404 #eut-main-content .eut-container {
	padding: 0;
}

.error404 .eut-container .eut-section {
	margin-bottom: 0;
}

.error404 .eut-section.eut-light {
	color: #ffffff !important;
	border-color: rgba(255,255,255,0.1) !important;
}

.error404 .eut-section.eut-light .eut-search {
	margin-bottom: 40px;
}

.eut-error-404 .eut-section {
	height: 100vh;
}

.error404 .eut-search {
	margin-bottom: 30px;
}

/* =============================================================================
57. Loader
============================================================================= */
.eut-loader:before,
.eut-loader:after,
.eut-loader {
	border-radius: 50%;
	width: 1.5em;
	height: 1.5em;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation: loadanim 1.8s infinite ease-in-out;
	animation: loadanim 1.8s infinite ease-in-out;
	opacity: 0.8;
}

.eut-loader {
	font-size: 8px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform:    translate(-50%, -50%);
	-ms-transform:     translate(-50%, -50%);
	-o-transform:      translate(-50%, -50%);
	transform:         translate(-50%, -50%);
	text-indent: -9999em;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

.eut-loader:before {
	left: -2.5em;
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.eut-loader:after {
	left: 2.5em;
}

.eut-loader:before,
.eut-loader:after {
	content: '';
	position: absolute;
	top: 0;
}

/* Isotope Loader */
.eut-isotope .eut-loader {
	top: 200px;
}
