@charset "utf-8";
/*
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/**
 * Table of Contents:
 *
 * 1.0 Reset
 * 2.0 Typography
 * 3.0 Elements
 * 4.0 Forms
 * 5.0 Links
 * 6.0 Header
	 * 6.1 Menu
	 * 6.2 Search
	 * 6.3 Header Top
 * 7.0 Page Title & Breadcrumb
 * 8.0 Blog
 * 9.0 Widgets
 * 10.0 Footer
 * 11.0 Additional Options
	 * 11.1 One Page Vertical Navigation
	 * 11.2 Go to Top
	 * 11.3 Zoom Out Header Image
	 * 11.4 Infinite Scroll
 * 12.0 Error 404
 * 13.0 Background Images
 * -----------------------------------------------------------------------------
 */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

ol, ul {
	list-style: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-moz-hyphens: none;
	quotes: none;
}

a img {
	border: 0;
}


html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/* border -moz-box everything */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Contain floats */
.clearfix, blockquote, .mendi-row, hr, .clear {
  zoom: 1;
}
.clearfix:before, /*blockquote:before, */.mendi-row:before, hr:before, .clearfix:after, .blockquote:after, .mendi-row:after, hr:after, .clear:before, .clear:after {
  content: "";
  display: table;
}
.clearfix:after, blockquote:after, .mendi-row:after, hr:after, .clear:after {
  clear: both;
}

html {
  height: 100%;
  max-height: 100%;
  overflow-x: hidden !important;
}

body {
  overflow-x: hidden !important;
  overflow-y: auto;
}

div, article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { 
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}


/**
 * 2.0 Typography
 * -----------------------------------------------------------------------------
 */

body {
	background: #ffffff;
}

body, button, input, select, textarea {
	color: #666666;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	line-height: 24px;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
	font-family: 'Raleway', sans-serif;
	color:#333333;
	margin-bottom: 30px;
	line-height: normal;
}

h1 {
	font-size:38px;
}

h2 {
	font-size:36px;
}

h3 {
	font-size:24px;
}

h4 {
	font-size:22px;
}

h5 {
	font-size:18px;
}

h6 {
	font-size:14px;
}

h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
	font-weight: 600;
}

p {
	margin-bottom: 15px;
}

b, strong {
	font-weight: 700;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	color: #333333;
	font-size: 18px;
	line-height: 30px;
	font-weight: 500;
	margin-bottom: 10px;
	padding: 25px;	
}
blockquote q {
	width: 100%;
	display: inline-block;
}
blockquote.style1 {
	margin-left: 41px;
	position: relative;	
	padding-left: 100px;
	display: inline-block;
}
blockquote.style1:before {
	position: absolute;
	content: "\f10e";
	font-family: FontAwesome;
	left: -41px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 89px;
	height: 89px;
	font-size: 24px;
	line-height: 77px;
	text-align: center;
	color: #ffffff;
	border-radius: 89px;
	border: 6px solid #ffffff;
}

blockquote cite {
	color: #999999;
	font-size: 12px;
	text-transform: uppercase;
	clear: both;
	display: inline-block;	
}

blockquote em, blockquote i, blockquote cite { 
	font-style: normal;
	font-size: 12px;
}

address {
	font-style: italic;
	margin: 0 0 1.6em;
}

code, kbd, tt, var, samp, pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	-moz-hyphens: none;
}

pre {
	background-color: transparent;
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	line-height: 1.2;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 0.8em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #eaeaea;
	border-bottom: 1px dotted rgba(51, 51, 51, 0.1);
	cursor: help;
}

mark, ins {
	background-color: #fff9c0;
	text-decoration: none;
}

sup, sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}

blockquote, .mendi-testimnonial-meta p, .mendi-social-networks li p, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder, .mendi-blog-item .entry-meta .entry-author p, ol.comment-list li.comment .comment-author a {
	font-family: 'Raleway', sans-serif;
}

.mendi-testimonial blockquote, .mendi-testimnonial-meta p span, button, input[type="button"], input[type="reset"], input[type="submit"] {
	font-family: 'Open Sans', sans-serif;
}

/**
 * 3.0 Elements
 * -----------------------------------------------------------------------------
 */

hr {
	background-color: #eaeaea;
	background-color: rgba(51, 51, 51, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 1.6em;
}

ul, ol {
	margin: 0 0 1.6em 1.3333em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul, li > ol {
	margin-bottom: 0;
}

dl {
	margin-bottom: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.6em;
}

table, th, td {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.6em;
	table-layout: fixed; 
	width: 100%;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 0.4em;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

figure {
	margin: 0;
}

del {
	opacity: 0.8;
}

::-moz-selection {
	color:#fff;
	text-shadow:none
}

::-moz-selection {
	color:#fff;
	text-shadow:none
}

.alignleft {
	display: inline;
	float: left;
	text-align: left;
}

.alignright {
	display: inline;
	float: right;
	text-align: right;		
}

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.mendi-row .mendi-position-bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: 0;
}
.mendi-row .mendi-position-bottom-left {
	position: absolute;
	bottom: 0;
	left: 0;
}

blockquote.alignleft, .wp-caption.alignleft, img.alignleft {
	margin: 0.4em 1.6em 1.6em 0;
}

blockquote.alignright, .wp-caption.alignright, img.alignright {
	margin: 0.4em 0 1.6em 1.6em;
}

blockquote.aligncenter, .wp-caption.aligncenter, img.aligncenter {
	clear: both;
	margin-top: 10px;
	margin-bottom: 10px;
}

.wp-caption.alignleft, .wp-caption.alignright, .wp-caption.aligncenter {
	margin-bottom: 10px;
}

/**
 * 4.0 Forms
 * -----------------------------------------------------------------------------
 */

input, select, textarea {
	background: none;
	border-radius: 0;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0;
	width: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
	padding: 15px;
	border: 1px solid #e9e9e9;
	color: #999999;
	margin-bottom: 30px;
}

button, input {
	line-height: normal;
}

input, textarea {
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); /* Removing the inner shadow on iOS inputs */	
}

input:focus, textarea:focus {
	border: 1px solid #dddddd;
	color: #cccccc;
}

input:focus, select:focus {
	outline: 2px solid #c1c1c1;
}

button[disabled], input[disabled], select[disabled], textarea[disabled] { 
	cursor: default;
	opacity: .5;
}

button, input[type="button"], input[type="reset"], input[type="submit"] { 
	-webkit-appearance: button;
	border: 0;
	color: #ffffff;
	cursor: pointer;
	font-size: 12px;
	font-weight: 600;
	padding: 14px 40px 12px;
	text-transform: uppercase;
	float: right;
	border-radius: 3px;
	width: auto;
	-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
	outline: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="text"], input[type="search"], input[type="email"], input[type="url"], input[type="tel"], input[type="number"], input[type="range"], input[type="password"], input[type="date"], textarea {
	padding: 15px 15px 14px;
	width: 100%;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="password"]:focus, input[type="date"]:focus, textarea:focus {
	outline: 0;
}

.post-password-form {
	position: relative;
}

.post-password-form label {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Raleway", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5;
	text-transform: uppercase;
}

.post-password-form input[type="submit"] {
	padding: 0.7917em;
	position: absolute;
	right: 0;
	bottom: 0;
}

input[type="checkbox"], input[type="radio"] {
	padding: 0;
}


/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder {
	color: #999999;
}

/**
 * 5.0 Links
 * -----------------------------------------------------------------------------
 */

#preloader {
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:#fff;
	background-image:url("http://mendi.enfusionthemes.com/../img/preloader.gif");
	background-repeat:no-repeat;
	background-position:center;
	z-index:10002
}

a {
	text-decoration: none;
	webkit-transition:all .2s ease 10ms;
	-moz-transition:all .2s ease 10ms;
	-o-transition:all .2s ease 10ms;
	transition:all .2s ease 10ms;

}

a:hover/*, a:focus*/ {
	color: #333333;
}


/**
 * 6.0 Header
 * -----------------------------------------------------------------------------
 */

header#mendi-masthead, .mendi-search-container .mendi-search:before {
	-moz-transition:  .1s ease-in-out;
	-webkit-transition:  .1s ease-in-out;
	-o-transition:  .1s ease-in-out;
	-ms-transition:  .1s ease-in-out;
	transition:  .1s ease-in-out;
}

header#mendi-masthead {
	width: 100%;	
	padding: 30px 0;	
}
header#mendi-masthead.mendi-std-header {
	padding: 0;

}
.header-main {
	width: 100%;
	clear: both;
	float: left;
}

.transparent-header {

}
.no-sticky .transparent-header {

}

.transparent-header #logo {

}
.transparent-header .header-main.sticky #logo { 

}

.mendi-std-header #logo a {
	display: table-cell;

	padding: 0;
	line-height: 95px;
	height: 95px;
	vertical-align: middle;
}

.logo-dark, .header-main.sticky .logo-dark, .transparent-header .logo-light, #logo a.mendi-standard-logo {
	display: inline-block;
}
.logo-light, .header-main.sticky .logo-light, .transparent-header .logo-dark, #logo a.mendi-retina-logo {
	display: none;
}

.header-main.sticky {
	background: #ffffff;
	padding: 0;
	border-bottom: 1px solid #f0f0f0;
	z-index: 9999;
	top: 0;
	position: fixed;
}

.header-main.sticky .main-nav > ul > li > a {
	color: #333333;
}

.mendi-std-header .header-main.sticky .main-nav > ul > li > a {
	line-height: 60px;
}

.header-main.sticky .mendi-search-container .mendi-search:before {
	color: #333333;
	line-height: 60px;
}

.transparent-header .header-main.sticky .mendi-search-container .mendi-search:before {

}

.mendi-std-header .header-main.sticky #logo a {
	line-height: 55px;
	height: 60px;
}

.mendi-header-with-topbar a, .mendi-std-header .main-nav > ul > li > a, .mendi-std-header .mendi-search-container .mendi-search:before {
	color: #333333;
}

.mendi-std-header {
	padding: 0;
}

.mendi-header-with-topbar .header-top  {
	float: left;
}

.mendi-header-with-topbar .header-top .header-contact {
	float: left;
	width: auto;
	margin: 0;
}
.mendi-header-with-topbar .header-top ul.header-contact li {
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	margin: 0;
	padding: 10px 20px;
	float: left;
}
.mendi-header-with-topbar .header-top ul.header-contact li:last-child {
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.mendi-header-with-topbar .header-top ul.header-contact li, .mendi-header-with-topbar .header-top ul.header-contact li a {
	color: #ffffff;
}
.header-top .social-links-container {
	float: right;
	color: #ffffff;
	font-size: 12px;
}
.header-top .social-links-container p {
	float: left;
	line-height: 44px;
	margin: 0;
}
.header-top .mendi-social-links {
	margin-left: 30px;
	float: left;
}
.header-top .mendi-social-links li a {
	border: none;
	background: none;
	border-radius: 0;
	margin: 0;
	border-left: 1px solid rgba(255, 255, 255, 0.3);
	width: 50px;
	text-align: center;
	height: 44px;
}
.header-top .mendi-social-links li a:before {
	border-radius: 0;
}
.header-top .mendi-social-links li:last-child a {
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.header-top .mendi-social-links li i {
	color: #cccccc;
	line-height: 42px;
}
.header-top .mendi-social-links li a:hover i {
	color: #ffffff;
}
/*.mendi-header-with-topbar .header-main {
	padding: 30px 0;
}
.mendi-header-with-topbar .main-nav, .mendi-header-with-topbar .mendi-search-container {
	margin-top: 2px;
}*/

/* Left Side Header */
@media (min-width: 767px) and (max-width: 3000px) {
	.mendi-left-pos-header {
		padding-left: 260px;
	}

	.mendi-left-side-header #logo {
		text-align: center;
		margin: 40px 0 0;
	}
	.mendi-left-side-header #logo a {
		display: inline-block;
	}
	.mendi-left-side-header #logo  a.mendi-retina-logo {
		display: none;
	}

	#mendi-masthead.mendi-left-side-header {
		position: fixed;
		left: 0;
		top: 0;
		height: 100%;
		width: 260px;
		z-index: 9999;
		padding: 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		float: left;
	}
	.mendi-left-side-header .header-main, .mendi-left-side-header .mendi-container {
		width: 100%;
		height: 100%;
	}
	.mendi-left-side-header .header-main {
		background: #ffffff;
	}
	.mendi-left-side-header .header-main .mendi-row .mendi-col-10, .mendi-left-side-header .header-main .mendi-row .mendi-col-2 {
		width: 100%;
		position: inherit;
	}

	.mendi-left-side-header .main-nav {
	    float: left;    
	}
	.mendi-left-side-header .main-nav > ul {
		margin: 40px 0 0;
		width: 100%;
	}
	.mendi-left-side-header .main-nav > ul li {
		width: 100%;
	}
	.mendi-left-side-header .main-nav ul li a {
		color: #333333;
		padding: 0;
		border-top: 1px solid rgba(0, 0, 0, 0.05);
		width: 100%;
		padding: 15px 24px;
		line-height: normal;
	}
	.mendi-left-side-header .main-nav > ul > li:last-child a {
		border-bottom: 1px solid rgba(0, 0, 0, 0.05);
	}

	.mendi-left-side-header .mendi-std-header .main-nav ul li a, .mendi-left-side-header .mendi-std-header .header-main.sticky .main-nav > ul > li > a {
		padding-top: 14px;
		padding-bottom: 14px;
		line-height: normal;
	}
	.mendi-left-side-header .header-main .main-nav ul li > ul.mendi-sub-menu, .mendi-left-side-header .mendi-mega-menu-container {
		position: inherit;
		width: 100%;
		top: 0 !important;
		box-shadow: none;
		left: 0;
	} 
	.mendi-left-side-header .header-main .main-nav ul li > ul.mendi-sub-menu ul {
		left: 0;
		position: inherit;
		clear: both;
	}
	.mendi-left-side-header .header-main .main-nav ul li > ul.mendi-sub-menu ul li a {
		padding-left: 60px;
	}
	.mendi-left-side-header .header-main .main-nav ul li > ul.mendi-sub-menu ul ul li a {
		padding-left: 80px;
	}
	.mendi-left-side-header .main-nav ul li > ul.mendi-sub-menu li a {
		padding-left: 40px;
		padding-right: 40px;
	}
	.mendi-left-side-header .header-main .main-nav ul li > ul.mendi-sub-menu ul li:hover a, .mendi-left-side-header .main-nav ul li .mendi-mega-menu-container li ul li:hover > a {
		padding-left: 65px;
	}
	.mendi-left-side-header .header-main .main-nav ul li > ul.mendi-sub-menu ul ul li:hover a {
		padding-left: 85px;
	}
	.mendi-left-side-header .main-nav ul li > ul.mendi-sub-menu li a:hover, .mendi-left-side-header .main-nav ul li .mendi-mega-menu-container li:hover > a {
		padding-left: 45px;
	}
	.mendi-left-side-header .main-nav ul li > ul.mendi-sub-menu li:last-child a {
		padding-bottom: 10px;
	}
	.mendi-left-side-header .mendi-mega-menu-container, .mendi-left-side-header .mendi-mega-menu-container > ul {
		width: 100% !important;
	}
	.mendi-left-side-header .mendi-mega-menu-container > ul li.mendi-mega-menu-title > a {
		margin: 0;
	}
	.mendi-left-side-header  .mendi-mega-menu-container > ul {
		padding: 0;

	}
	.mendi-left-side-header .main-nav ul li .mendi-mega-menu-container a {
		padding: 13px 40px; 
		color: rgba(0, 0, 0, 0.4);
	}
	.mendi-left-side-header .mendi-mega-menu-container > ul li.mendi-mega-menu-title ul li a {
		padding-left: 60px;
	}

	.mendi-left-side-header .mendi-mega-menu-container > ul li ul {
		display: none;
	}
	.mendi-left-side-header .mendi-mega-menu-container > ul li:hover ul {
		display: block;
	}

	.mendi-left-side-header .mendi-has-sub-menu > a:before {
		content: "\f105";
		top: 18px;
	}
	.mendi-left-side-header .mendi-mega-menu-container .mendi-has-sub-menu > a:before {
		content: "\f105";
	}
	.mendi-left-side-header .mendi-has-sub-menu:hover > a:before, .mendi-left-side-header .mendi-mega-menu-container .mendi-has-sub-menu:hover > a:before {
		content: "\f107";
	}
	.mendi-left-side-header .main-nav ul li > ul.mendi-sub-menu li:first-child a:before, .mendi-left-side-header .main-nav ul li > ul.mendi-sub-menu li:last-child a:before {
		top: 12px;
	}
	.mendi-left-side-header .mendi-mega-menu-container .mendi-has-sub-menu > a:before {
		top: 16px;
	}
	.mendi-left-side-header .mendi-search-container .mendi-search:before {
		color: #333333;
	}

	.mendi-left-side-header .mendi-social-links {
		margin: 40px 0 0;
		float: left;
		clear: both;
		width: 100%;
		text-align: center;
	}
	.mendi-left-side-header .mendi-social-links li {
		float: none;
		display: inline-block;
	}
	.mendi-left-side-header .mendi-social-links li a {
		margin: 0 10px 10px;
	}
}

/**
 * 6.1 Menu
 * -----------------------------------------------------------------------------
 */

 .header-main .mendi-row .mendi-col-10 {
	position: inherit;
 }

.main-nav {
	width: 100%;
	margin: 0;
	padding: 0;
}

.main-nav > ul {
	float: right;
	margin: 0;
}

.main-nav > ul > li {
	float: left;
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
}

.main-nav > ul > li > a {
	color: #333333;
	font-size: 12.5px;
	line-height: 95px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 0 10px;
	display: inline-block;
}

.transparent-header .main-nav > ul > li > a {	
}
.transparent-header .header-main.sticky .main-nav > ul > li > a {	
}

/* Sub Menu */
.main-nav ul li > ul.mendi-sub-menu {
	position: absolute;
	top: 95px;
	left: 0px;
	display: none;
	background: #ffffff;
	width: 230px;
	margin: 0;
	padding: 0;
	z-index: 9999;
	box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
}
.main-nav ul li:hover > ul.mendi-sub-menu {
	display: block;
}
.main-nav ul li > ul.mendi-sub-menu li, .mendi-mega-menu-container > ul li {
	display: block;
	clear: both;	
}
.main-nav ul li > ul.mendi-sub-menu li a, .mendi-mega-menu-container > ul li a {
	padding: 10px 20px;
	color: rgba(0, 0, 0, 0.6);
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.main-nav ul li > ul.mendi-sub-menu li a:hover, .mendi-mega-menu-container > ul li a:hover {
	background: rgba(0, 0, 0, 0.03);
}
.main-nav ul li > ul.mendi-sub-menu li:first-child a {
	padding-top: 15px;
}
.main-nav ul li > ul.mendi-sub-menu li:last-child a {
	padding-bottom: 15px;
}
.main-nav ul li > ul.mendi-sub-menu li a:hover {
	padding-left: 25px;
}
.mendi-mega-menu-container ul li a:hover {
	padding-left: 15px;
}
.mendi-mega-menu-container > ul li.mendi-mega-menu-title > a:hover {
	padding-left: 10px;
}

.header-main .main-nav ul li > ul.mendi-sub-menu li.mendi-has-sub-menu {
	position: relative;
}
.header-main .main-nav ul li > ul.mendi-sub-menu ul {
	position: absolute;
	left: 230px;
	top: 0;
}
.transparent-header .header-main.sticky .main-nav ul li > ul.mendi-sub-menu ul {
}
.mendi-has-sub-menu > a {
	position: relative;
}
.mendi-has-sub-menu > a:before {
	position: absolute;
	font-family: FontAwesome;
	right: 20px;
	top: 8px;
}
.mendi-sub-menu .mendi-has-sub-menu > a:before {
	content: "\f105";
}
.main-nav ul li > ul.mendi-sub-menu li:first-child a:before, .main-nav ul li > ul.mendi-sub-menu li:last-child a:before {
	top: 14px;
}
.mendi-mega-menu-container .mendi-has-sub-menu > a:before {
	content: "";
}

/* Mega Menu */
.main-nav > ul > li.mendi-mega-menu {
	position: inherit;
}
.mendi-mega-menu-container {
	position: absolute;
	top: 95px;
	display: none;
	width: 960px;
	background: #ffffff;
	left: 270px;
	z-index: 9999;
	box-shadow: 0 1px 3px 2px rgba(0, 0, 0, 0.05);
}
.mendi-mega-menu-container > ul {
	float: left;
	border-right: 1px solid rgba(0, 0, 0, 0.05);
	box-sizing: border-box;
	padding: 20px;
	margin: 0;
}
.mendi-mega-menu-container.col-4 > ul {
	width: 25%;
}
.mendi-mega-menu-container.col-3 > ul {
	width: 33.33333333%;
}
.mendi-mega-menu-container.col-2 > ul {
	width: 50%;
}
.mendi-mega-menu-container > ul:last-child {
	border-right: 0px;
}
.main-nav ul li.mendi-mega-menu:hover .mendi-mega-menu-container {
	display: block;
}
.mendi-mega-menu-container > ul li a {
	padding: 5px;
	line-height: normal;
}
.mendi-mega-menu-container > ul li.mendi-mega-menu-title > a {
	color: #333333;
	margin-bottom: 5px;
	font-weight: bold;
}
.mendi-mega-menu-container > ul li.mendi-mega-menu-title ul {
	padding: 0;
	margin: 0;
}
.transparent-header .mendi-mega-menu-container, .transparent-header .main-nav ul li > ul.mendi-sub-menu { 
}
.transparent-header .header-main.sticky .mendi-mega-menu-container, .transparent-header .header-main.sticky .main-nav ul li > ul.mendi-sub-menu { 

}
.header-main.sticky .mendi-mega-menu-container, .header-main.sticky .main-nav ul li > ul.mendi-sub-menu {
	top: 60px;
}
/* Responsive Menu */
#mendi-responsive-menu-trigger {
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	line-height: 38px;
	text-align: center;
	width: 60px;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
#mendi-responsive-menu-trigger i {
	color: #333333;
}

/**
 * 6.2 Search
 * -----------------------------------------------------------------------------
 */

.mendi-search-container {
	float: right;
	margin: 0px 0 0 10px;
	position: relative;
}

.mendi-search-container .mendi-search:before {
	color: #ffffff;
	line-height: 44px;
}
.mendi-std-header .mendi-search-container .mendi-search:before {
	line-height: 96px;
}

.mendi-search {
  /*position: relative;*/
  display: inline-block;
  min-width: 15px;
}

.mendi-search:before { font-family:FontAwesome; content:"\f002"; position:absolute; left:0; top:0; font-size:13px; color:#ffffff; }
.mendi-search.search-is-visible:before { content:"\f057"; color: #ffffff; font-size: 14px; }

.mendi-search-form {
  position: absolute;
  height: 40px;
  width: 200px;
  top: 95px;
  right: 0;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.mendi-search-form form {
  height: 100%;
  width: 100%;
}
.mendi-search-form input {
  border-radius: 0;
  border: none;
  background: #ffffff;
  height: 100%;
  width: 100%;
  padding: 0 7%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  -moz-appearance: none;
}
.mendi-search-form input::-webkit-input-placeholder {
  color: #c9cbc4;
}
.mendi-search-form input::-moz-placeholder {
  color: #c9cbc4;
}
.mendi-search-form input:-moz-placeholder {
  color: #c9cbc4;
}
.mendi-search-form input:-ms-input-placeholder {
  color: #c9cbc4;
}
.mendi-search-form input:focus {
  outline: none;
}
.mendi-search-form.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.sticky .mendi-search-container .mendi-search-form {
	top: 60px;
}
.transparent-header .mendi-search-container .mendi-search-form {

}
.transparent-header .sticky .mendi-search-container .mendi-search-form {

}

/**
 * 6.3 Header Top
 * -----------------------------------------------------------------------------
 */

.header-top {
	float: right;
	width: 100%;
}

.header-top ul.header-contact {
	margin: 0 0 5px;
	float: right;
}

.header-top ul.header-contact li {
	display: inline;
	color: #ffffff;
	margin-left: 15px;
}

.header-top ul.header-contact li a {
	color: #ffffff;
	font-size: 12px;
}

.header-top ul.header-contact li i {
	margin-right: 5px;
}

/**
 * 7.0 Page Title & Breadcrumb
 * -----------------------------------------------------------------------------
 */
.mendi-title-holder {
	width: 100%;
	float: left;
	clear: both;
	color: #ffffff;	
	padding: 65px 0;
	text-align: center;
}
.mendi-title-overlay {
	position: relative;
}
.mendi-title-overlay:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.mendi-title-holder h1 {
	color: #ffffff;
	font-weight: 800;
	letter-spacing: 0.5px;
	line-height: normal;
	margin: 0;
	text-transform: uppercase;
	position: relative;
}

/**
 * 8.0 Blog
 * -----------------------------------------------------------------------------
 */

.mendi-blog-thumb-style {
	width: 100%;
	color: #ffffff;
	overflow: hidden;
}
.mendi-blog-thumb-style a {
	color: #ffffff;
}
.mendi-blog-thumb-style .post-thumbnail {
	float: left;
	position: relative;
	width: 30%;
}
.mendi-blog-thumb-style .post-thumbnail:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: opacity 0.5s; 
	-moz-transition:opacity 0.5s; 
	-o-transition:opacity 0.5s;
}
.mendi-blog-thumb-style:hover .post-thumbnail:before {	
	opacity: 1;
	-webkit-transition: opacity 0.5s; 
	-moz-transition:opacity 0.5s; 
	-o-transition:opacity 0.5s;
}
.mendi-blog-thumb-style .entry-header {
	float: left;
	padding: 50px 10px 2000px 55px;
	width: 70%;
	height: 100%;
	margin-bottom: -2000px;
}
.mendi-blog-thumb-style .entry-header h4 {
	margin-bottom: 0;
}
.mendi-blog-thumb-style.alignright .entry-header {
	padding-left: 10px;
	padding-right: 55px;
}
.mendi-blog-thumb-style .entry-format {
	border: 1px solid #ffffff;
	width: 56px;
	height: 56px;
	border-radius: 56px;
	font-size: 22px;
	display: inline-block;
	text-align: center;
	line-height: 56px;
	margin-bottom: 20px;
}
.mendi-blog-thumb-style .posted-on {
	letter-spacing: 2px;
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.mendi-blog-thumb-style h4 {
	font-weight: 600;
	line-height: 30px;	
	clear: none;
	color: #ffffff;
	letter-spacing: 0.3px;
}
.mendi-blog-thumb-style.alignright {
	text-align: right;
}
.mendi-blog-thumb-style.alignright .post-thumbnail, .mendi-blog-thumb-style.alignright .entry-header {
	float: right;
}


.mendi-blog-thumb-style2 {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.mendi-blog-thumb-style2 .post-thumbnail img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
 	-webkit-transform: scale(1.12);
	transform: scale(1.12);
 }
 .mendi-blog-thumb-style2:hover .post-thumbnail img {
	opacity: 0.2;
	-webkit-transform: scale(1);
	transform: scale(1);
 }
.mendi-blog-thumb-style2 .entry-header {
	padding: 20px;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	position: absolute;
	background:-moz-linear-gradient(top,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0, 0, 0,0)), color-stop(100%,rgba(0, 0, 0, 0.6))); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.6) 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.6) 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.6) 100%); /* IE10+ */
	background:linear-gradient(to bottom,  rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.6) 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.mendi-blog-thumb-style2 .entry-header .mendi-blog-meta {
	position: absolute;
	bottom: 20px;
	padding: 0 20px 0 0;
}
.mendi-blog-thumb-style2 .entry-header .mendi-blog-meta h4 {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;	
	margin: 0;
	letter-spacing: 0.5px;
}
.mendi-blog-thumb-style2 .entry-header .mendi-blog-meta h4 a {
	color: #ffffff;
}
.mendi-blog-thumb-style2 .entry-format {
	border: 1px solid #ffffff;
	width: 58px;
	height: 58px;
	border-radius: 50%;
	float: left;
	font-size: 22px;
	line-height: 56px;
	text-align: center;
	color: #ffffff;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}
.mendi-blog-thumb-style2:hover .entry-format {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.mendi-blog-thumb-style2 .entry-header .mendi-blog-meta .posted-on {
	font-size: 11px;
	color: #ffffff;
	letter-spacing: 2px;
	margin-bottom: 10px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
}
.mendi-blog-thumb-style2:hover .entry-header .mendi-blog-meta .posted-on {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}


.mendi-blog-item {
	width: 100%;
	float: left;
	padding: 0 0 0 145px;
	margin: 0 0 80px;
	box-sizing: border-box;
	position: relative;
}
.mendi-blog-item .entry-meta {
	position: absolute;
	left: 0;
	top: 0;
	width: 100px;
}
.mendi-blog-item .entry-meta .entry-author {
	border-bottom: 1px solid #e9e9e9;
	padding: 0 0 25px;
}
.mendi-blog-item .entry-meta .entry-author img {
	background: #f6f6f6;
	padding: 10px;
	max-width: 100px;
	border-radius: 100px;
}
.mendi-blog-item .entry-meta .entry-author p {
	font-size: 11px;
	letter-spacing: 2px;
	color: #999999;
	font-weight: 500;
	text-transform: uppercase;
	margin: 10px 0 0;
}
.mendi-blog-item .entry-meta .entry-author p span {
	font-weight: 700;
	color: #333333;
	position: relative;
	top: -3px;
}
.mendi-blog-item .entry-meta .posted-on {
	margin: 25px 0 0;
}
.mendi-blog-item .entry-meta .posted-on time {
	font-size: 11px;
	letter-spacing: 1px;
	color: #999999;
	text-transform: uppercase;
}
.mendi-blog-item .entry-meta .posted-on time span {
	font-weight: 700;
	font-size: 30px;
}
.mendi-blog-item .post-thumbnail {
	margin-bottom: 50px;
	position: relative;
}
.mendi-blog-item .entry-header, .mendi-blog-item .entry-content, .mendi-blog-item .post-thumbnail, .mendi-blog-item .entry-footer, .mendi-blog-item .entry-footer .entry-readmore, .mendi-blog-item .entry-footer .entry-metadata {
	float: left;
	clear: both;
	width: 100%;
	box-sizing: border-box;
}
.mendi-blog-item .entry-header h4 {
	margin-bottom: 30px;
	font-weight: 700;
}
.mendi-blog-item .entry-header h4 a {
	color: #333333;
}
.mendi-blog-item .entry-content {
	margin: 0 0 10px;
}
.mendi-blog-item .entry-footer .entry-metadata {
	padding: 10px 0px 25px;
}
.mendi-blog-item .entry-footer p {
	padding: 0;
	display: inline;
	color: #999999;
	margin-right: 20px;
}
.mendi-blog-item .entry-footer p i {
	margin-right: 5px;
	font-size: 14px;
}
.mendi-blog-item .entry-footer p a {
	color: #999999;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 1px;
	display: inline-block;
	margin: 0 0 0 2px;
}
.mendi-blog-item .entry-footer .entry-readmore a {
	letter-spacing: 1px;
}

.paging-navigation {
	float: left;
	width: 100%;
	clear: both;
	text-align: center;
	margin: 20px 0 0;
}
.paging-navigation .pagination .page-numbers {
	color: #999999;
	font-weight: 600;
	font-size: 12px;
	line-height: 30px;
	width: 30px;
	height: 30px;
	display: inline-block;
	border-radius: 30px;
	border: 1px solid transparent;
	margin: 0 3px;
}
.paging-navigation .pagination .page-numbers.current, .paging-navigation .pagination .page-numbers.current:hover, .paging-navigation .pagination .page-numbers.prev, .paging-navigation .pagination .page-numbers.next {
	border-color: #dddddd;
}
.paging-navigation .pagination .page-numbers.prev i, .paging-navigation .pagination .page-numbers.next i {
	font-size: 16px;
}
.paging-navigation .pagination .page-numbers:hover {
	color: #ffffff;
}
.paging-navigation .pagination .page-numbers.current:hover {
	background: none;
}

.mendi-blog-details {
	margin: 0;
}

.related-articles {
	clear: both;
}
.related-articles .mendi-heading H5 {
	font-size: 14px;
	letter-spacing: 0.5px;
	font-weight: 700;
}
.related-articles img {
	margin-bottom: 30px;
}
.related-articles h6 {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	margin: 0;
}

.mendi-blog-item .post-thumbnail .post-format {
	position: absolute;
	right: 20px;
	bottom: -39px;
	border: 8px solid #ffffff;
	height: 78px;
	width: 78px;
	border-radius: 78px;
	text-align: center;
	line-height: 70px;
}
.mendi-blog-item .post-thumbnail .post-format i {
	color: #ffffff;
	font-size: 24px;
}

/*
Blog Comments
 */
.comments-area, ol.comment-list {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
}
.comments-area .mendi-heading H5 {
	font-size: 16px;
	letter-spacing: 0.5px;
	font-weight: 700;
	text-transform: uppercase;
}
ol.comment-list {
	margin: 0;
	padding: 0;
}
ol.comment-list li.comment {
	display: inline-block;
	padding: 0 0 50px;
	clear: both;
	width: 100%;
	box-sizing: border-box;
}
ol.comment-list li.comment ol {
	padding: 50px 0 0 110px;
}
ol.comment-list li.comment .comment-author .avatar {
	background: #f6f6f6;
	padding: 10px;
	max-width: 90px;
	border-radius: 90px;
	float: left;
	margin-right: 20px;
}
ol.comment-list li.comment .comment-author h6 {
	display: inline;
	margin-bottom: 0;
}
ol.comment-list li.comment .comment-author a {
	font-size: 14px;
	color: #333333;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 600;
	float: left;
	margin: 0 20px 0 0;
}
ol.comment-list li.comment .comment-metadata time {
	font-size: 11px;
	color: #999999;
	letter-spacing: 2px;
}
ol.comment-list li.comment .comment-metadata {
	float: left;
	margin: 0 20px 0 0;
}
ol.comment-list li.comment .reply a {
	text-transform: uppercase;
	border: 1px solid #e9e9e9;
	padding: 5px 20px;
	font-size: 10px;
}
ol.comment-list li.comment .reply a:hover {
	color: #ffffff;
}
ol.comment-list li.comment .comment-content {
	margin: 15px 0 0;
}
ol.comment-list li.comment:last-child {
	padding-bottom: 0;
}
#respond {
	clear: both;
}
#respond form {
	margin: 20px 0 0;
	display: inline-block;
	width: 100%;	
}
#respond input {
	text-align: center;
}
#respond textarea {
	min-height: 160px;
}
#respond input[type="submit"] {
	margin-top: 15px;
}

/**
 * 9.0 Widgets
 * -----------------------------------------------------------------------------
 */

.widget {
	margin: 0 0 65px;
	width: 100%;
	float: left;
	clear: both;
}
.widget ul {
	margin: 0;
}
.widget ul li {
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #e9e9e9;
	padding: 0 0 10px;
	display: inline;;
	margin: 0 0 10px;
}
.widget ul li a {
	color: #666666;
}
.widget ul li:last-child {
	margin: 0;
}

.widget h2.widget-title {
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	position: relative;
	text-transform: uppercase;
	margin-bottom: 60px;
}
.widget h2.widget-title:before {
	position: absolute;
	content: "";
	bottom: -15px;
	width: 50px;
	height: 1px;
}

.widget.widget_categories ul li {
	position: relative;
}
.widget.widget_categories ul li:before {
	position: absolute;
	content: "\f105";
	font-size: 16px;
	color: #999999;
	font-family: FontAwesome;
	right: 0;
	top: 0;
}

.widget.widget_recent_entries ul li {
	display: inline;
	width: 100%;
	margin-bottom: 15px;
	clear: both;
	float: left;
}
.widget.widget_recent_entries ul li:last-child {
	margin-bottom: 0;
}
.widget.widget_recent_entries ul li .post-thumbnail {
	float: left;
	margin: 0 20px 10px 0;
	max-width: 50px;
	border-radius: 50px;
}
.widget.widget_recent_entries ul li a {
	color: #333333;
	font-weight: 600;
	letter-spacing: 0.5px;
	position: relative;
	top: 3px;
}
.widget.widget_recent_entries ul li .post-date {
	color: #999999;
	letter-spacing: 2px;
	font-size: 10px;
	clear: both;
	display: inline-block;
	margin: 2px 0 0;
}

.widget.mendi-flickr-widget ul li {
	float: left;
	display: inline;
	margin: 0 15px 18px 0;
	padding: 0;
	border: 0px;
	clear: none;
	width: auto;
	position: relative;
}
.widget.flickrmendi-flickr-widget_widget ul li a {
	position: relative;
	float: left;
	max-width: 70px;
}
.widget.mendi-flickr-widget ul li a:after {
	content: "\f0c1";
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	font-family: FontAwesome;
	font-size: 0;
	text-align: center;
	line-height: 78px;
	color: #ffffff;
	-webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear;
}
.widget.mendi-flickr-widget ul li a:hover:after {
	font-size: 16px;
}
.widget.mendi-flickr-widget ul li a:hover:before {	
	height: 80%;
	width: 80%;
}
.widget.mendi-flickr-widget ul li a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;	
	-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;
}

.search-form .search-submit {
	position: absolute;
	right: 0px;
	width: 50px;
	padding: 0;
	height: 44px;
	background: none;
}
.search-form input[type="search"] {
	margin-bottom: 0;
	padding-right: 40px;
}
.search-form {
	position: relative;
}
.search-form:before {
	position: absolute;
	content: "\f002";
	right: 15px;
	top: 12px;
	font-family: FontAwesome;
	font-size: 14px;
	color: #999999;
	cursor: pointer;
}
.search-submit {
	margin: 0;
}
.search-submit:hover, .search-submit:focus {
	background: none !important;
}
.widget.widget_tag_cloud .tagcloud a {
	color: #666666;
	font-size: 11px;
	text-transform: uppercase;
	border: 1px solid #e9e9e9;
	margin: 0 10px 10px 0;
	padding: 8px 16px 6px;
	display: inline-block;
}
.widget.widget_tag_cloud .tagcloud a:hover {
	color: #ffffff;
}
.widget.widget_text p {
	margin: 0;
}
.widget .mendi-social-links li {
	padding-bottom: 0;
	margin: 0;
	border: 0;
	clear: none;
	width: auto;
}
.widget .mendi-social-links li a {
	border-radius: 0;
	margin: 0;
	border: 0;
	border-right: 1px solid #e9e9e9;
	color: #999999;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	width: auto;
	padding: 0 20px;
}
.widget .mendi-social-links li a:hover {
	color: #ffffff;
}
.widget .mendi-social-links li a:before {
	border-radius: 0;
}
.widget .mendi-social-links li:first-child a {
	border-left: 1px solid #e9e9e9;
}

.mendi-sidebar-holder .widget .mendi-newsletter {
	position: relative;
	margin: 0;
}
.mendi-sidebar-holder .widget .mendi-newsletter input[type="email"] {
	margin: 0;
}
.mendi-sidebar-holder .widget .mendi-newsletter input[type="submit"] {
	position: absolute;
	right: 1px;
	margin: 0;
	background: none;
	border-bottom: 4px solid;
	border-radius: 0px;
	padding: 16px 15px 11px;
	font-size: 10px;
	color: #000000;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
}
.mendi-sidebar-holder .widget .mendi-newsletter input[type="submit"]:hover {
	color: #ffffff;
}

/* Twiiter Widget */

.mendi_twitter_widget ul.mendi-tweets-list li {
	position: relative;
	padding-left: 32px;
}
.mendi_twitter_widget ul.mendi-tweets-list li:before {
	content: "\f099";
	position: absolute;
	left: 0px;
	top: 0px;
	font-size: 20px;
	font-family: FontAwesome;
	color: #5ea9dd;
}
.mendi_twitter_widget ul.mendi-tweets-list li a:hover {
	color: #000000;
}
.mendi_twitter_widget ul.mendi-tweets-list li small a {
	color: #999999;
	display: block;
	clear: both;
}

/**
 * 10.0 Footer
 * -----------------------------------------------------------------------------
 */
footer#mendi-footer {	
	width: 100%;
}

/*
Footer Widgets
 */
footer#mendi-footer .mendi-footer-widgets {
	padding: 80px 0 10px;
	width: 100%;
	clear: both;
	float: left;
	color: #ffffff;
	font-size: 13px;
}
footer#mendi-footer .mendi-footer-widgets p {
	color:#FFFFFF;
}

.mendi-footer-widgets h2.widget-title {
	color: #ffffff;
	font-size: 14px;
	margin-bottom: 70px;
}
.mendi-footer-widgets h2.widget-title:before {
	bottom: -20px;
	width: 40px;
}
.mendi-footer-widgets .widget.widget_recent_entries ul li {
	border: 0px;
	padding-bottom: 0px;
}
.mendi-footer-widgets .widget.widget_recent_entries ul li a {
	color: #ffffff;
}

.mendi-footer-widgets input[type="text"], .mendi-footer-widgets input[type="search"], .mendi-footer-widgets input[type="email"], .mendi-footer-widgets input[type="url"], .mendi-footer-widgets input[type="tel"], .mendi-footer-widgets input[type="number"], .mendi-footer-widgets input[type="range"], .mendi-footer-widgets input[type="password"], .mendi-footer-widgets input[type="date"], .mendi-footer-widgets select, .mendi-footer-widgets textarea  {
	border-color: rgba(255, 255, 255, 0.2);
	margin-bottom: 15px;
}
.mendi-footer-widgets input:focus, .mendi-footer-widgets textarea:focus {
	color: rgba(255, 255, 255, 0.3);
}
.mendi-footer-widgets button:hover, .mendi-footer-widgets input[type="button"]:hover, .mendi-footer-widgets input[type="reset"]:hover, .mendi-footer-widgets input[type="submit"]:hover {
	background-color: #ffffff;
	color: #333333;
}
.mendi-footer-widgets .mendi-contact {
	color: #ffffff;
}
.mendi-footer-widgets .mendi-contact abbr a {
	color: #ffffff;
}
/*
Footer Copyrights
 */
.mendi-copyrights  {
	width: 100%;
	clear: both;
	padding: 25px 0;
	float: left;
}
.mendi-copyrights p {
	float: left;
	font-size: 12px;
	line-height: 30px;
	color: #333333;
	margin: 0;
}
.mendi-copyrights .mendi-social-links {
	float: right;
}

/* 11.0 Additional Options */

/**
 * 11.1 One Page Vertical Navigation
 * -----------------------------------------------------------------------------
 */
.mendi-vertical-section {
  min-height: 100%;
  position: relative;
  width: 100%;
  float: left;
  clear: both;
}
.mendi-vertical-scroll-down {
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 20px;
  width: 38px;
  height: 44px;
  background: url("http://mendi.enfusionthemes.com/../img/cd-arrow-bottom.svg") no-repeat center center;
}

/* No Touch devices */
.mendi-vertical-nav-trigger {
  display: none;
}

#mendi-vertical-nav {
  position: fixed;
  right: 40px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 9999;
}
#mendi-vertical-nav li {
  text-align: right;
  display: inherit;
}
#mendi-vertical-nav a {
  display: inline-block;
  /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
#mendi-vertical-nav a:after {
  content: "";
  display: table;
  clear: both;
}
#mendi-vertical-nav a span {
  float: right;
  display: inline-block;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
#mendi-vertical-nav a:hover span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
#mendi-vertical-nav a:hover .mendi-vertical-nav-label {
  opacity: 1;
}
#mendi-vertical-nav a.is-selected .mendi-vertical-nav-dot {
  /*background-color: white;*/
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  border: 1px solid;
  background: none;
}
#mendi-vertical-nav .mendi-vertical-nav-dot {
  position: relative;
  /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
  top: 8px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #ffffff;
  /*box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);*/
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
#mendi-vertical-nav .mendi-vertical-nav-label {
  position: relative;
  margin-right: 10px;
  padding: 5px 15px;
  border-radius: 3px;
  color: white;
  font-size: 14px;
  font-size: 0.875rem;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  opacity: 0;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

/**
 * 11.2 Go to Top
 * -----------------------------------------------------------------------------
 */
.mendi-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 20px;
  right: 20px;
  text-align: center;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  background: rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: none;
}
.mendi-top:before {
	content: "\f106";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	font-family: FontAwesome;
	color: #ffffff;
	font-size: 14px;
	line-height: 40px;
}

/**
 * 11.3 Zoom Out Header Image
 * -----------------------------------------------------------------------------
 */
.mendi-content-wrap.mendi-zoomout-effect {
	margin-top: 1080px;
	background: #ffffff;

}
.mendi-zoomout-header {
	position: fixed;   
	/*top: 70px;*/
	left: 0;
	width: 100%;
	height: 1080px;
	margin-top: 0;
}
.mendi-zoomout-header .mendi-zoomout-background {
	height: 100%;
	width: 100%;
	background: url(images/showcase/zoomout-image.jpg) no-repeat center center;
	background-size: cover;
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}

/**
 * 11.4 Infinite Scroll
 * -----------------------------------------------------------------------------
 */
#infscr-loading,
#portfolio-ajax-loader {
	position: fixed;
	z-index: 20;
	top: 50%;
	left: 50%;
	width: 48px;
	height: 48px;
	margin: -24px 0 0 -24px;
	background-color: rgba(0,0,0,0.7);
	border-radius: 3px;
	line-height: 48px;
	font-size: 24px;
	color: #FFF;
	text-align: center;
}

#infscr-loading img,
#portfolio-ajax-loader img {
	display: none;
	width: 24px;
	height: 24px;
	margin: 12px;
}

#portfolio-ajax-loader { display: none; }

#portfolio-ajax-loader img { display: block; }

/**
 * 12.0 Error 404
 * -----------------------------------------------------------------------------
 */
 .mendi-error404 {
 	width: 100%;
 	text-align: center;
 	margin: 0;
 }
 .mendi-error404 .search-form {
	display: inline-block; 	
	min-width:270px;
	max-width:270px;
 }
 .mendi-error404 .mendi-error-info {
 	font-weight: bold;
 	font-size: 150px;
 	line-height: 50px;
 	color: #000000;
 }
 .mendi-error404 .mendi-error-info i {
 	font-style: normal;
 }
 .mendi-error404 .mendi-error-info span {
 	font-size: 26px;
 	text-transform: uppercase;
 	clear: both;
 	display: inline-block;
 	width: 100%;
 }
 .mendi-error404 .mendi-heading h2 {
 	font-size: 30px;
 	letter-spacing: 0.5px;
 }
 .mendi-error404 .mendi-heading h6 {
 	line-height: 30px;
 }
 .error404 .mendi-content-wrap {
 	margin-bottom: 0px;
 }
 .mendi-video-wrap {
  overflow: hidden;
  width: 100%;
  position: relative;
  max-height: 100%;
  height: 100%;
}
.mendi-video-wrap video {
  position: relative;
  width: 100%;
}
.mendi-video-wrap .mendi-youtube-wrap {
	width: 100%;
	height: 100%;
}

/**
 * 13.0 Background Images
 * -----------------------------------------------------------------------------
 */

.mendi-megamenu-bg {
	background-image:url(images/showcase/mega-menu-bg.jpg); 
	background-position: right bottom; 
	background-repeat: no-repeat;
}
.mendi-megamenu-bg2 {
	background-image:url(images/showcase/mega-menu-bg2.jpg); 
	background-position: right bottom; 
	background-repeat: no-repeat;
}
.mendi-row-fw.mendi-info-bar-bg {
	background-color: #051f27; 
	padding: 50px 0;
}
.mendi-fw-btm-border {
	border-bottom: 1px solid #f0f0f0;
}
.mendi-row-fw.mendi-fw-no-padding {
	padding: 0;
}
.mendi-row-fw.mendi-fw-padding-top-80 {
	padding: 80px 0 0;
}
.mendi-row-fw.mendi-fw-padding-top-90 {
	padding: 90px 0 0;
}
.mendi-no-main-btm-margin {
	margin-bottom:-100px;
}
.mendi-row-fw.mendi-parallax-polygon-colored {
	background: url(images/parallax/polygon.jpg) no-repeat; 
	padding: 50px 0 40px;
}
.mendi-row-fw.mendi-parallax-polygon-dark {
	background: url(images/parallax/polygon3.jpg) no-repeat; 
	padding: 50px 0 40px; 
	margin-bottom: -100px;
}
.mendi-fw-btm-border-colored {
	border-bottom: 6px solid #50c1e9;
}
.mendi-fw-btm-border-colored2 {
	border-bottom: 1px solid #50c1e9;
}
.mendi-bg-dark {
	background-color: #051f27;
}
.mendi-bg-color {
	background-color: #50c1e9;
}
.mendi-facts-parallax {
	background: url(images/parallax/parallax-image1.jpg) center center no-repeat;
}
.mendi-parallax-building {
	background: url(images/showcase/building.png) no-repeat; 
	background-size: cover;
}
.mendi-parallax-plan {
	background: url(images/parallax/parallax-image3.jpg) no-repeat;
}
.mendi-parallax-team {
	background: url(images/parallax/parallax-image4.jpg) no-repeat;
}
.mendi-fw-parallax-image1 {
	background:url(images/parallax/business-image1.jpg) center center no-repeat; 
	background-size:cover;
}
.mendi-fw-parallax-image2 {
	background:url(images/parallax/business-image2.jpg) center center no-repeat; 
	background-size:cover;
}
.mendi-parallax-features {
	background: url(images/parallax/parallax-image2.jpg) no-repeat;
}
.mendi-parallax-services {
	background: url(images/parallax/parallax-image5.png) left top no-repeat;
}
.mendi-404-bg {
	background:url(images/showcase/404-bg.jpg) no-repeat;
}
.mendi-title-bg-1 {
	background: url(images/parallax/title-bg1.jpg) center 34% no-repeat;
}
.mendi-title-bg-2 {
	background: url(images/parallax/title-bg2.jpg) left 53% no-repeat;
}
.mendi-title-bg-3 { 
	background: url(images/parallax/title-bg3.jpg) left 20% no-repeat;
}
.mendi-title-bg-4 { 
	background: url(images/parallax/title-bg4.jpg) left 80% no-repeat;	
}
.mendi-title-bg-5 {
	background: url(images/parallax/title-bg5.jpg) left 70% no-repeat;
}
.mendi-title-bg-6 {
	background: url(images/parallax/title-bg6.jpg) left 40% no-repeat;
}
.mendi-custom-para {
	font-size: 15px; 
	line-height: 26px;
}
h2.mendi-custom-head {
	font-size: 40px;
}
h2.mendi-custom-head2 {
	font-size: 30px;
}
h2.mendi-custom-head3 {
	font-size: 34px; 
	font-weight: 700; 
	line-height: normal; 
	text-transform: uppercase;
}
.mendi-client-bg {
	background-color: #f0f0f0; 
	padding: 50px 0; 
	margin-bottom: -100px;
}

/**
 * 14.0 Switcher
 * -----------------------------------------------------------------------------
 */

 #mendi-switcher-container {
 	width: 270px;
 	position: fixed;
 	top: 80px;
 	right: 0px;
 	z-index: 9999;
 	background: #ffffff;
 	border: 1px solid rgba(0, 0, 0, 0.08);
 	padding: 30px;
 	text-align: center;
 }
 #mendi-switcher-container h6 {
 	text-transform: uppercase;
 	font-weight: 500;
 	letter-spacing: 0.5px;
 	text-align: center;
 	position: relative;
 }
 #mendi-switcher-container h6:before {
 	position: absolute;
 	content: "";
 	width: 50px;
 	height: 1px;
 	background: #000000;
 	left: 0;
 	right: 0;
 	bottom: -15px;
 	margin: auto; 	
 }
 #mendi-switcher-controller {
 	position: absolute;
 	left: -52px;
 	top: 0;
 	bottom: 0;
 	margin: auto;
 	width: 52px;
 	height: 57px;
 	background: #ffffff url(images/switcher-control.png) center center no-repeat;
 	border: 1px solid rgba(0, 0, 0, 0.08);
 	border-right: 0px;
 	cursor: pointer;
 }
 #mendi-switcher-colors-controller ul {
 	margin: 10px 0 0;
 	padding: 0;
 	display: inline-block;
 }
 #mendi-switcher-colors-controller li {
 	display: inline-block;
 	width: 41px;
 	height: 35px;
 	margin: 0 10px 7px 0;
 	position: relative;
 	cursor: pointer;
 }
 #mendi-switcher-colors-controller li:nth-child(4n) {
 	margin-right: 0;
 }
 #mendi-switcher-colors-controller li:before {
 	position: absolute;
 	content: "";
 	left: 0;
 	bottom: 0;
 	width: 100%;
 	height: 2px;
 	background: rgba(0, 0, 0, 0.1);
 	-moz-transition:  .3s ease-in-out;
	-webkit-transition:  .3s ease-in-out;
	-o-transition:  .3s ease-in-out;
	-ms-transition:  .3s ease-in-out;
	transition:  .3s ease-in-out;
 }
 #mendi-switcher-colors-controller li:hover:before {
 	height: 100%;
 }
 #mendi-switcher-reset {
 	border: 1px solid #dddddd;
 	border-radius: 3px;
 	padding: 3px 15px;
 	color: #999999;
 	display: inline-block;
 	margin: 10px 0 0;
 }
 #mendi-switcher-reset:hover {
 	color: #ffffff;
 	background: #000000;
 	border-color: #000000;
 }
 #mendi-switcher-colors-controller li.selected:after {
 	content: "";
 	position: absolute;
 	left: 2px;
 	top: 2px;
 	width: 37px;
 	height: 31px;
 	border: 1px dashed #ffffff;
 }
 #mendi-switcher-colors-controller li.selected:before {
 	background: none;
 }

</style>
	<style data-href="css/grid.css" media="">@charset "utf-8";
/* CSS Document */

.mendi-theme-container {
	width:100%;
	margin:0;
}
.mendi-content-wrap {
	width: 100%;
	position: relative;
	clear: both;
	float: left;
	margin: 0 0 100px;
}
.mendi-row-fw {
	width:100%;
	position:relative;
	padding: 80px 0;
	clear: both;
	float: left;
	display: block;
}
.mendi-row-overlay:before, .mendi-row-overlay-light:before {
	content:"";
	position:absolute;
	width:100%;	
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.mendi-row-overlay-light:before{
	background: rgba(255, 255, 255, 0.88);
}
.mendi-col-fw-box {
	padding: 100px 40px;
	width: 100%;
	box-sizing: border-box;
}

.mendi-col-fw-box {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.mendi-full-screen {
	position: relative;
	background-size: 100% 100%;
}

.mendi-content-holder {
	display: inline-block;
	width: 70%;
	box-sizing: border-box;
	padding: 85px 0 0;
}
.mendi-content-holder.mendi-fw-page {
	width: 100%;
}
.mendi-sidebar-holder {
	float: left;
	width: 30%;
	box-sizing: border-box;
	padding: 85px 0 0;
}
.mendi-sidebar-holder.right-sidebar {
	padding-left: 75px;
	float: right;
}
.mendi-sidebar-holder.left-sidebar {
	padding-right: 75px;
}

.mendi-container {
	margin:auto;
	clear: both;
	position: relative;
}
@media (min-width: 1200px) {
  .mendi-container {
    width: 1170px;
  }
}
.mendi-container-fluid {
	margin-right:auto;
	margin-left:auto;
	padding-left:15px;
	padding-right:15px;
}
.mendi-row {
	/*width:100%;*/
	margin:0 -15px;
	padding:0;
}

/*.mendi-row [class*=" mendi-col-"]:first-child, .mendi-row [class^=mendi-col-]:first-child {
	clear:both;
	padding-left:0
}
.mendi-row [class*=" mendi-col-"]:last-child, .mendi-row [class^=mendi-col-]:last-child {
	padding-right:0
}*/
.mendi-col-1, .mendi-col-2, .mendi-col-3, .mendi-col-4, .mendi-col-5, .mendi-col-6, .mendi-col-7, .mendi-col-8, .mendi-col-9, .mendi-col-10, .mendi-col-11, .mendi-col-12, .mendi-col-1-5, .mendi-col-2-5, .mendi-col-3-5, .mendi-col-4-5 {
	position:relative;
	min-height:1px;
	padding-left:15px;
	padding-right:15px;
	float:left;
}
.mendi-col-12 {
	width:100%;
}
.mendi-col-11 {
	width:91.66666667%;
}
.mendi-col-10 {
	width:83.33333333%;
}
.mendi-col-9 {
	width:75%;
}
.mendi-col-8 {
	width:66.66666667%;
}
.mendi-col-7 {
	width:58.33333333%;
}
.mendi-col-6 {
	width:50%;
}
.mendi-col-5 {
	width:41.66666667%;
}
.mendi-col-4 {
	width:33.33333333%;
}
.mendi-col-3 {
	width:25%;
}
.mendi-col-2 {
	width:16.66666667%;
}
.mendi-col-1 {
	width:8.33333333%;
}
.mendi-col-1-5 {
	width:20%;
}
.mendi-col-2-5 {
	width:40%;
}
.mendi-col-3-5 {
	width:60%;
}
.mendi-col-4-5 {
	width:80%;
}

.mendi-row.mendi-no-space-cols {
	margin: 0;
}
.mendi-col-1.no-space, .mendi-col-2.no-space, .mendi-col-3.no-space, .mendi-col-4.no-space, .mendi-col-5.no-space, .mendi-col-6.no-space, .mendi-col-7.no-space, .mendi-col-8.no-space, .mendi-col-9.no-space, .mendi-col-10.no-space, .mendi-col-11.no-space, .mendi-col-12.no-space, .mendi-col-1-5.no-space, .mendi-col-2-5.no-space, .mendi-col-3-5.no-space, .mendi-col-4-5.no-space {
	padding-left: 0;
	padding-right: 0;
}

/*.mendi-row.simple-column {
	margin-left: 0;
}
.mendi-row.simple-column [class*=" mendi-col-"]:last-child, .mendi-row.simple-column [class^=mendi-col-]:last-child {
	padding-right: 20px;
}
.mendi-row.simple-column .mendi-col-4 {
	padding-right: 20px;
	padding-left: 0;
}*/
</style>
	<style data-href="css/hover.css" media="">/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.0.0
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with SASS.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}


@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}

.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}

.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }


  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }

  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }

  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }

  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }

  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }

  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }

  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }

  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }

  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }

  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }

  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }

  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}

.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}


/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  overflow: hidden;  
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;  
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;  
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;  
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  /*vertical-align: middle;*/
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:hover {
  background: none !important;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;  
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;  
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;

  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* -moz-Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* -moz-Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover/*, .hvr-float-shadow:focus, .hvr-float-shadow:active*/ {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before/*, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before*/ {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}</style>
	<style data-href="css/animsition.min.css" media="">/*!
 * animsition v3.4.3
 * http://blivesta.github.io/animsition/
 * Licensed under MIT
 * Author : blivesta
 * http://blivesta.com/
 */
.animsition, .animsition-overlay {
	position:relative;
	opacity:0;
	-webkit-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both
}
/*.animsition-loading {
	position:fixed;
	top:0;
	z-index:100;
	width:100%;
	height:100%;
	background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2032%2032%22%20width%3D%2232%22%20height%3D%2232%22%20fill%3D%22%23ccc%22%3E%0A%20%20%3Cpath%20opacity%3D%22.25%22%20d%3D%22M16%200%20A16%2016%200%200%200%2016%2032%20A16%2016%200%200%200%2016%200%20M16%204%20A12%2012%200%200%201%2016%2028%20A12%2012%200%200%201%2016%204%22/%3E%0A%20%20%3Cpath%20d%3D%22M16%200%20A16%2016%200%200%201%2032%2016%20L28%2016%20A12%2012%200%200%200%2016%204z%22%3E%0A%20%20%20%20%3CanimateTransform%20attributeName%3D%22transform%22%20type%3D%22rotate%22%20from%3D%220%2016%2016%22%20to%3D%22360%2016%2016%22%20dur%3D%220.8s%22%20repeatCount%3D%22indefinite%22%20/%3E%0A%20%20%3C/path%3E%0A%3C/svg%3E%0A%0A) center center no-repeat;
	-webkit-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both
}
.animsition-loading:after {
	position:fixed;
	top:50%;
	width:100%;
	margin-top:20px;
	font-size:16px;
	color:#aaa;
	text-align:center;
	content:"Loading"
}*/
.animsition-overlay-slide {
	position:fixed;
	z-index:1;
	width:100%;
	height:100%;
	background-color:#ddd
}
@-webkit-keyframes fade-in {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes fade-in {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fade-in {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fade-in {
	-webkit-animation-name:fade-in;
	-o-animation-name:fade-in;
	animation-name:fade-in
}
@-webkit-keyframes fade-out {
0% {
opacity:1
}
100% {
opacity:0
}
}
@-o-keyframes fade-out {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fade-out {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fade-out {
	-webkit-animation-name:fade-out;
	-o-animation-name:fade-out;
	animation-name:fade-out
}
@-webkit-keyframes fade-in-up {
0% {
opacity:0;
-webkit-transform:translateY(500px);
transform:translateY(500px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes fade-in-up {
0% {
opacity:0;
-o-transform:translateY(500px);
transform:translateY(500px)
}
100% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fade-in-up {
0% {
opacity:0;
-webkit-transform:translateY(500px);
-o-transform:translateY(500px);
transform:translateY(500px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.fade-in-up {
	-webkit-animation-name:fade-in-up;
	-o-animation-name:fade-in-up;
	animation-name:fade-in-up
}
@-webkit-keyframes fade-out-up {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-500px);
transform:translateY(-500px)
}
}
@-o-keyframes fade-out-up {
0% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(-500px);
transform:translateY(-500px)
}
}
@keyframes fade-out-up {
0% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-500px);
-o-transform:translateY(-500px);
transform:translateY(-500px)
}
}
.fade-out-up {
	-webkit-animation-name:fade-out-up;
	-o-animation-name:fade-out-up;
	animation-name:fade-out-up
}
@-webkit-keyframes fade-in-up-sm {
0% {
opacity:0;
-webkit-transform:translateY(100px);
transform:translateY(100px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes fade-in-up-sm {
0% {
opacity:0;
-o-transform:translateY(100px);
transform:translateY(100px)
}
100% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fade-in-up-sm {
0% {
opacity:0;
-webkit-transform:translateY(100px);
-o-transform:translateY(100px);
transform:translateY(100px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.fade-in-up-sm {
	-webkit-animation-name:fade-in-up-sm;
	-o-animation-name:fade-in-up-sm;
	animation-name:fade-in-up-sm
}
@-webkit-keyframes fade-out-up-sm {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-100px);
transform:translateY(-100px)
}
}
@-o-keyframes fade-out-up-sm {
0% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(-100px);
transform:translateY(-100px)
}
}
@keyframes fade-out-up-sm {
0% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-100px);
-o-transform:translateY(-100px);
transform:translateY(-100px)
}
}
.fade-out-up-sm {
	-webkit-animation-name:fade-out-up-sm;
	-o-animation-name:fade-out-up-sm;
	animation-name:fade-out-up-sm
}
@-webkit-keyframes fade-in-up-lg {
0% {
opacity:0;
-webkit-transform:translateY(1000px);
transform:translateY(1000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes fade-in-up-lg {
0% {
opacity:0;
-o-transform:translateY(1000px);
transform:translateY(1000px)
}
100% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fade-in-up-lg {
0% {
opacity:0;
-webkit-transform:translateY(1000px);
-o-transform:translateY(1000px);
transform:translateY(1000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.fade-in-up-lg {
	-webkit-animation-name:fade-in-up-lg;
	-o-animation-name:fade-in-up-lg;
	animation-name:fade-in-up-lg
}
@-webkit-keyframes fade-out-up-lg {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-1000px);
transform:translateY(-1000px)
}
}
@-o-keyframes fade-out-up-lg {
0% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(-1000px);
transform:translateY(-1000px)
}
}
@keyframes fade-out-up-lg {
0% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-1000px);
-o-transform:translateY(-1000px);
transform:translateY(-1000px)
}
}
.fade-out-up-lg {
	-webkit-animation-name:fade-out-up-lg;
	-o-animation-name:fade-out-up-lg;
	animation-name:fade-out-up-lg
}
@-webkit-keyframes fade-in-down {
0% {
opacity:0;
-webkit-transform:translateY(-500px);
transform:translateY(-500px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes fade-in-down {
0% {
opacity:0;
-o-transform:translateY(-500px);
transform:translateY(-500px)
}
100% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fade-in-down {
0% {
opacity:0;
-webkit-transform:translateY(-500px);
-o-transform:translateY(-500px);
transform:translateY(-500px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.fade-in-down {
	-webkit-animation-name:fade-in-down;
	-o-animation-name:fade-in-down;
	animation-name:fade-in-down
}
@-webkit-keyframes fade-out-down {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(500px);
transform:translateY(500px)
}
}
@-o-keyframes fade-out-down {
0% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(500px);
transform:translateY(500px)
}
}
@keyframes fade-out-down {
0% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(500px);
-o-transform:translateY(500px);
transform:translateY(500px)
}
}
.fade-out-down {
	-webkit-animation-name:fade-out-down;
	-o-animation-name:fade-out-down;
	animation-name:fade-out-down
}
@-webkit-keyframes fade-in-down-sm {
0% {
opacity:0;
-webkit-transform:translateY(-100px);
transform:translateY(-100px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes fade-in-down-sm {
0% {
opacity:0;
-o-transform:translateY(-100px);
transform:translateY(-100px)
}
100% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fade-in-down-sm {
0% {
opacity:0;
-webkit-transform:translateY(-100px);
-o-transform:translateY(-100px);
transform:translateY(-100px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.fade-in-down-sm {
	-webkit-animation-name:fade-in-down-sm;
	-o-animation-name:fade-in-down-sm;
	animation-name:fade-in-down-sm
}
@-webkit-keyframes fade-out-down-sm {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(100px);
transform:translateY(100px)
}
}
@-o-keyframes fade-out-down-sm {
0% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(100px);
transform:translateY(100px)
}
}
@keyframes fade-out-down-sm {
0% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(100px);
-o-transform:translateY(100px);
transform:translateY(100px)
}
}
.fade-out-down-sm {
	-webkit-animation-name:fade-out-down-sm;
	-o-animation-name:fade-out-down-sm;
	animation-name:fade-out-down-sm
}
@-webkit-keyframes fade-in-down-lg {
0% {
opacity:0;
-webkit-transform:translateY(-1000px);
transform:translateY(-1000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@-o-keyframes fade-in-down-lg {
0% {
opacity:0;
-o-transform:translateY(-1000px);
transform:translateY(-1000px)
}
100% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fade-in-down-lg {
0% {
opacity:0;
-webkit-transform:translateY(-1000px);
-o-transform:translateY(-1000px);
transform:translateY(-1000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
}
.fade-in-down-lg {
	-webkit-animation-name:fade-in-down;
	-o-animation-name:fade-in-down;
	animation-name:fade-in-down
}
@-webkit-keyframes fade-out-down-lg {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(1000px);
transform:translateY(1000px)
}
}
@-o-keyframes fade-out-down-lg {
0% {
opacity:1;
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-o-transform:translateY(1000px);
transform:translateY(1000px)
}
}
@keyframes fade-out-down-lg {
0% {
opacity:1;
-webkit-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(1000px);
-o-transform:translateY(1000px);
transform:translateY(1000px)
}
}
.fade-out-down-lg {
	-webkit-animation-name:fade-out-down-lg;
	-o-animation-name:fade-out-down-lg;
	animation-name:fade-out-down-lg
}
@-webkit-keyframes fade-in-left {
0% {
opacity:0;
-webkit-transform:translateX(-500px);
transform:translateX(-500px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes fade-in-left {
0% {
opacity:0;
-o-transform:translateX(-500px);
transform:translateX(-500px)
}
100% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fade-in-left {
0% {
opacity:0;
-webkit-transform:translateX(-500px);
-o-transform:translateX(-500px);
transform:translateX(-500px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.fade-in-left {
	-webkit-animation-name:fade-in-left;
	-o-animation-name:fade-in-left;
	animation-name:fade-in-left
}
@-webkit-keyframes fade-out-left {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-500px);
transform:translateX(-500px)
}
}
@-o-keyframes fade-out-left {
0% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(-500px);
transform:translateX(-500px)
}
}
@keyframes fade-out-left {
0% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-500px);
-o-transform:translateX(-500px);
transform:translateX(-500px)
}
}
.fade-out-left {
	-webkit-animation-name:fade-out-left;
	-o-animation-name:fade-out-left;
	animation-name:fade-out-left
}
@-webkit-keyframes fade-in-left-sm {
0% {
opacity:0;
-webkit-transform:translateX(-100px);
transform:translateX(-100px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes fade-in-left-sm {
0% {
opacity:0;
-o-transform:translateX(-100px);
transform:translateX(-100px)
}
100% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fade-in-left-sm {
0% {
opacity:0;
-webkit-transform:translateX(-100px);
-o-transform:translateX(-100px);
transform:translateX(-100px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.fade-in-left-sm {
	-webkit-animation-name:fade-in-left-sm;
	-o-animation-name:fade-in-left-sm;
	animation-name:fade-in-left-sm
}
@-webkit-keyframes fade-out-left-sm {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-100px);
transform:translateX(-100px)
}
}
@-o-keyframes fade-out-left-sm {
0% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(-100px);
transform:translateX(-100px)
}
}
@keyframes fade-out-left-sm {
0% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-100px);
-o-transform:translateX(-100px);
transform:translateX(-100px)
}
}
.fade-out-left-sm {
	-webkit-animation-name:fade-out-left-sm;
	-o-animation-name:fade-out-left-sm;
	animation-name:fade-out-left-sm
}
@-webkit-keyframes fade-in-left-lg {
0% {
opacity:0;
-webkit-transform:translateX(-1500px);
transform:translateX(-1500px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes fade-in-left-lg {
0% {
opacity:0;
-o-transform:translateX(-1500px);
transform:translateX(-1500px)
}
100% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fade-in-left-lg {
0% {
opacity:0;
-webkit-transform:translateX(-1500px);
-o-transform:translateX(-1500px);
transform:translateX(-1500px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.fade-in-left-lg {
	-webkit-animation-name:fade-in-left-lg;
	-o-animation-name:fade-in-left-lg;
	animation-name:fade-in-left-lg
}
@-webkit-keyframes fade-out-left-lg {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-1500px);
transform:translateX(-1500px)
}
}
@-o-keyframes fade-out-left-lg {
0% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(-1500px);
transform:translateX(-1500px)
}
}
@keyframes fade-out-left-lg {
0% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-1500px);
-o-transform:translateX(-1500px);
transform:translateX(-1500px)
}
}
.fade-out-left-lg {
	-webkit-animation-name:fade-out-left-lg;
	-o-animation-name:fade-out-left-lg;
	animation-name:fade-out-left-lg
}
@-webkit-keyframes fade-in-right {
0% {
opacity:0;
-webkit-transform:translateX(500px);
transform:translateX(500px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes fade-in-right {
0% {
opacity:0;
-o-transform:translateX(500px);
transform:translateX(500px)
}
100% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fade-in-right {
0% {
opacity:0;
-webkit-transform:translateX(500px);
-o-transform:translateX(500px);
transform:translateX(500px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.fade-in-right {
	-webkit-animation-name:fade-in-right;
	-o-animation-name:fade-in-right;
	animation-name:fade-in-right
}
@-webkit-keyframes fade-out-right {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(500px);
transform:translateX(500px)
}
}
@-o-keyframes fade-out-right {
0% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(500px);
transform:translateX(500px)
}
}
@keyframes fade-out-right {
0% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(500px);
-o-transform:translateX(500px);
transform:translateX(500px)
}
}
.fade-out-right {
	-webkit-animation-name:fade-out-right;
	-o-animation-name:fade-out-right;
	animation-name:fade-out-right
}
@-webkit-keyframes fade-in-right-sm {
0% {
opacity:0;
-webkit-transform:translateX(100px);
transform:translateX(100px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes fade-in-right-sm {
0% {
opacity:0;
-o-transform:translateX(100px);
transform:translateX(100px)
}
100% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fade-in-right-sm {
0% {
opacity:0;
-webkit-transform:translateX(100px);
-o-transform:translateX(100px);
transform:translateX(100px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.fade-in-right-sm {
	-webkit-animation-name:fade-in-right-sm;
	-o-animation-name:fade-in-right-sm;
	animation-name:fade-in-right-sm
}
@-webkit-keyframes fade-out-right-sm {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(100px);
transform:translateX(100px)
}
}
@-o-keyframes fade-out-right-sm {
0% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(100px);
transform:translateX(100px)
}
}
@keyframes fade-out-right-sm {
0% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(100px);
-o-transform:translateX(100px);
transform:translateX(100px)
}
}
.fade-out-right-sm {
	-webkit-animation-name:fade-out-right-sm;
	-o-animation-name:fade-out-right-sm;
	animation-name:fade-out-right-sm
}
@-webkit-keyframes fade-in-right-lg {
0% {
opacity:0;
-webkit-transform:translateX(1500px);
transform:translateX(1500px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@-o-keyframes fade-in-right-lg {
0% {
opacity:0;
-o-transform:translateX(1500px);
transform:translateX(1500px)
}
100% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fade-in-right-lg {
0% {
opacity:0;
-webkit-transform:translateX(1500px);
-o-transform:translateX(1500px);
transform:translateX(1500px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
}
.fade-in-right-lg {
	-webkit-animation-name:fade-in-right-lg;
	-o-animation-name:fade-in-right-lg;
	animation-name:fade-in-right-lg
}
@-webkit-keyframes fade-out-right-lg {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(1500px);
transform:translateX(1500px)
}
}
@-o-keyframes fade-out-right-lg {
0% {
opacity:1;
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-o-transform:translateX(1500px);
transform:translateX(1500px)
}
}
@keyframes fade-out-right-lg {
0% {
opacity:1;
-webkit-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(1500px);
-o-transform:translateX(1500px);
transform:translateX(1500px)
}
}
.fade-out-right-lg {
	-webkit-animation-name:fade-out-right-lg;
	-o-animation-name:fade-out-right-lg;
	animation-name:fade-out-right-lg
}
@-webkit-keyframes rotate-in {
0% {
opacity:0;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
-webkit-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:1;
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
transform-origin:center center
}
}
@-o-keyframes rotate-in {
0% {
opacity:0;
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:1;
-o-transform:rotate(0);
transform:rotate(0);
-o-transform-origin:center center;
transform-origin:center center
}
}
@keyframes rotate-in {
0% {
opacity:0;
-webkit-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:1;
-webkit-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
}
.rotate-in {
	-webkit-animation-name:rotate-in;
	-o-animation-name:rotate-in;
	animation-name:rotate-in
}
@-webkit-keyframes rotate-out {
0% {
opacity:1;
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:0;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transform-origin:center center;
transform-origin:center center
}
}
@-o-keyframes rotate-out {
0% {
opacity:1;
-o-transform:rotate(0);
transform:rotate(0);
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:0;
-o-transform:rotate(90deg);
transform:rotate(90deg);
-o-transform-origin:center center;
transform-origin:center center
}
}
@keyframes rotate-out {
0% {
opacity:1;
-webkit-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:0;
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
}
.rotate-out {
	-webkit-animation-name:rotate-out;
	-o-animation-name:rotate-out;
	animation-name:rotate-out
}
@-webkit-keyframes rotate-in-sm {
0% {
opacity:0;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:1;
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
transform-origin:center center
}
}
@-o-keyframes rotate-in-sm {
0% {
opacity:0;
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:1;
-o-transform:rotate(0);
transform:rotate(0);
-o-transform-origin:center center;
transform-origin:center center
}
}
@keyframes rotate-in-sm {
0% {
opacity:0;
-webkit-transform:rotate(-45deg);
-o-transform:rotate(-45deg);
transform:rotate(-45deg);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:1;
-webkit-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
}
.rotate-in-sm {
	-webkit-animation-name:rotate-in-sm;
	-o-animation-name:rotate-in-sm;
	animation-name:rotate-in-sm
}
@-webkit-keyframes rotate-out-sm {
0% {
opacity:1;
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:0;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transform-origin:center center;
transform-origin:center center
}
}
@-o-keyframes rotate-out-sm {
0% {
opacity:1;
-o-transform:rotate(0);
transform:rotate(0);
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:0;
-o-transform:rotate(45deg);
transform:rotate(45deg);
-o-transform-origin:center center;
transform-origin:center center
}
}
@keyframes rotate-out-sm {
0% {
opacity:1;
-webkit-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:0;
-webkit-transform:rotate(45deg);
-o-transform:rotate(45deg);
transform:rotate(45deg);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
}
.rotate-out-sm {
	-webkit-animation-name:rotate-out-sm;
	-o-animation-name:rotate-out-sm;
	animation-name:rotate-out-sm
}
@-webkit-keyframes rotate-in-lg {
0% {
opacity:0;
-webkit-transform:rotate(-180deg);
transform:rotate(-180deg);
-webkit-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:1;
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
transform-origin:center center
}
}
@-o-keyframes rotate-in-lg {
0% {
opacity:0;
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:1;
-o-transform:rotate(0);
transform:rotate(0);
-o-transform-origin:center center;
transform-origin:center center
}
}
@keyframes rotate-in-lg {
0% {
opacity:0;
-webkit-transform:rotate(-180deg);
-o-transform:rotate(-180deg);
transform:rotate(-180deg);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:1;
-webkit-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
}
.rotate-in-lg {
	-webkit-animation-name:rotate-in-lg;
	-o-animation-name:rotate-in-lg;
	animation-name:rotate-in-lg
}
@-webkit-keyframes rotate-out-lg {
0% {
opacity:1;
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:0;
-webkit-transform:rotate(180deg);
transform:rotate(180deg);
-webkit-transform-origin:center center;
transform-origin:center center
}
}
@-o-keyframes rotate-out-lg {
0% {
opacity:1;
-o-transform:rotate(0);
transform:rotate(0);
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:0;
-o-transform:rotate(180deg);
transform:rotate(180deg);
-o-transform-origin:center center;
transform-origin:center center
}
}
@keyframes rotate-out-lg {
0% {
opacity:1;
-webkit-transform:rotate(0);
-o-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
100% {
opacity:0;
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
transform:rotate(180deg);
-webkit-transform-origin:center center;
-o-transform-origin:center center;
transform-origin:center center
}
}
.rotate-out-lg {
	-webkit-animation-name:rotate-out-lg;
	-o-animation-name:rotate-out-lg;
	animation-name:rotate-out-lg
}
@-webkit-keyframes flip-in-x {
0% {
opacity:0;
-webkit-transform:perspective(550px) rotateX(90deg);
transform:perspective(550px) rotateX(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(550px) rotateX(0deg);
transform:perspective(550px) rotateX(0deg)
}
}
@-o-keyframes flip-in-x {
0% {
opacity:0;
transform:perspective(550px) rotateX(90deg)
}
100% {
opacity:1;
transform:perspective(550px) rotateX(0deg)
}
}
@keyframes flip-in-x {
0% {
opacity:0;
-webkit-transform:perspective(550px) rotateX(90deg);
transform:perspective(550px) rotateX(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(550px) rotateX(0deg);
transform:perspective(550px) rotateX(0deg)
}
}
.flip-in-x {
	-webkit-animation-name:flip-in-x;
	-o-animation-name:flip-in-x;
	animation-name:flip-in-x;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-out-x {
0% {
opacity:1;
-webkit-transform:perspective(550px) rotateX(0deg);
transform:perspective(550px) rotateX(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(550px) rotateX(90deg);
transform:perspective(550px) rotateX(90deg)
}
}
@-o-keyframes flip-out-x {
0% {
opacity:1;
transform:perspective(550px) rotateX(0deg)
}
100% {
opacity:0;
transform:perspective(550px) rotateX(90deg)
}
}
@keyframes flip-out-x {
0% {
opacity:1;
-webkit-transform:perspective(550px) rotateX(0deg);
transform:perspective(550px) rotateX(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(550px) rotateX(90deg);
transform:perspective(550px) rotateX(90deg)
}
}
.flip-out-x {
	-webkit-animation-name:flip-out-x;
	-o-animation-name:flip-out-x;
	animation-name:flip-out-x;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-in-x-nr {
0% {
opacity:0;
-webkit-transform:perspective(100px) rotateX(90deg);
transform:perspective(100px) rotateX(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(100px) rotateX(0deg);
transform:perspective(100px) rotateX(0deg)
}
}
@-o-keyframes flip-in-x-nr {
0% {
opacity:0;
transform:perspective(100px) rotateX(90deg)
}
100% {
opacity:1;
transform:perspective(100px) rotateX(0deg)
}
}
@keyframes flip-in-x-nr {
0% {
opacity:0;
-webkit-transform:perspective(100px) rotateX(90deg);
transform:perspective(100px) rotateX(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(100px) rotateX(0deg);
transform:perspective(100px) rotateX(0deg)
}
}
.flip-in-x-nr {
	-webkit-animation-name:flip-in-x-nr;
	-o-animation-name:flip-in-x-nr;
	animation-name:flip-in-x-nr;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-out-x-nr {
0% {
opacity:1;
-webkit-transform:perspective(100px) rotateX(0deg);
transform:perspective(100px) rotateX(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(100px) rotateX(90deg);
transform:perspective(100px) rotateX(90deg)

}
}
@-o-keyframes flip-out-x-nr {
0% {
opacity:1;
transform:perspective(100px) rotateX(0deg)
}
100% {
opacity:0;
transform:perspective(100px) rotateX(90deg)
}
}
@keyframes flip-out-x-nr {
0% {
opacity:1;
-webkit-transform:perspective(100px) rotateX(0deg);
transform:perspective(100px) rotateX(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(100px) rotateX(90deg);
transform:perspective(100px) rotateX(90deg)
}
}
.flip-out-x-nr {
	-webkit-animation-name:flip-out-x-nr;
	-o-animation-name:flip-out-x-nr;
	animation-name:flip-out-x-nr;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-in-x-fr {
0% {
opacity:0;
-webkit-transform:perspective(1000px) rotateX(90deg);
transform:perspective(1000px) rotateX(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000px) rotateX(0deg);
transform:perspective(1000px) rotateX(0deg)
}
}
@-o-keyframes flip-in-x-fr {
0% {
opacity:0;
transform:perspective(1000px) rotateX(90deg)
}
100% {
opacity:1;
transform:perspective(1000px) rotateX(0deg)
}
}
@keyframes flip-in-x-fr {
0% {
opacity:0;
-webkit-transform:perspective(1000px) rotateX(90deg);
transform:perspective(1000px) rotateX(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000px) rotateX(0deg);
transform:perspective(1000px) rotateX(0deg)
}
}
.flip-in-x-fr {
	-webkit-animation-name:flip-in-x-fr;
	-o-animation-name:flip-in-x-fr;
	animation-name:flip-in-x-fr;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-out-x-fr {
0% {
opacity:1;
-webkit-transform:perspective(1000px) rotateX(0deg);
transform:perspective(1000px) rotateX(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(1000px) rotateX(90deg);
transform:perspective(1000px) rotateX(90deg)
}
}
@-o-keyframes flip-out-x-fr {
0% {
opacity:1;
transform:perspective(1000px) rotateX(0deg)
}
100% {
opacity:0;
transform:perspective(1000px) rotateX(90deg)
}
}
@keyframes flip-out-x-fr {
0% {
opacity:1;
-webkit-transform:perspective(1000px) rotateX(0deg);
transform:perspective(1000px) rotateX(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(1000px) rotateX(90deg);
transform:perspective(1000px) rotateX(90deg)
}
}
.flip-out-x-fr {
	-webkit-animation-name:flip-out-x-fr;
	-o-animation-name:flip-out-x-fr;
	animation-name:flip-out-x-fr;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-in-y {
0% {
opacity:0;
-webkit-transform:perspective(550px) rotateY(90deg);
transform:perspective(550px) rotateY(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(550px) rotateY(0deg);
transform:perspective(550px) rotateY(0deg)
}
}
@-o-keyframes flip-in-y {
0% {
opacity:0;
transform:perspective(550px) rotateY(90deg)
}
100% {
opacity:1;
transform:perspective(550px) rotateY(0deg)
}
}
@keyframes flip-in-y {
0% {
opacity:0;
-webkit-transform:perspective(550px) rotateY(90deg);
transform:perspective(550px) rotateY(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(550px) rotateY(0deg);
transform:perspective(550px) rotateY(0deg)
}
}
.flip-in-y {
	-webkit-animation-name:flip-in-y;
	-o-animation-name:flip-in-y;
	animation-name:flip-in-y;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-out-y {
0% {
opacity:1;
-webkit-transform:perspective(550px) rotateY(0deg);
transform:perspective(550px) rotateY(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(550px) rotateY(90deg);
transform:perspective(550px) rotateY(90deg)
}
}
@-o-keyframes flip-out-y {
0% {
opacity:1;
transform:perspective(550px) rotateY(0deg)
}
100% {
opacity:0;
transform:perspective(550px) rotateY(90deg)
}
}
@keyframes flip-out-y {
0% {
opacity:1;
-webkit-transform:perspective(550px) rotateY(0deg);
transform:perspective(550px) rotateY(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(550px) rotateY(90deg);
transform:perspective(550px) rotateY(90deg)
}
}
.flip-out-y {
	-webkit-animation-name:flip-out-y;
	-o-animation-name:flip-out-y;
	animation-name:flip-out-y;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-in-y-nr {
0% {
opacity:0;
-webkit-transform:perspective(100px) rotateY(90deg);
transform:perspective(100px) rotateY(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(100px) rotateY(0deg);
transform:perspective(100px) rotateY(0deg)
}
}
@-o-keyframes flip-in-y-nr {
0% {
opacity:0;
transform:perspective(100px) rotateY(90deg)
}
100% {
opacity:1;
transform:perspective(100px) rotateY(0deg)
}
}
@keyframes flip-in-y-nr {
0% {
opacity:0;
-webkit-transform:perspective(100px) rotateY(90deg);
transform:perspective(100px) rotateY(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(100px) rotateY(0deg);
transform:perspective(100px) rotateY(0deg)
}
}
.flip-in-y-nr {
	-webkit-animation-name:flip-in-y-nr;
	-o-animation-name:flip-in-y-nr;
	animation-name:flip-in-y-nr;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-out-y-nr {
0% {
opacity:1;
-webkit-transform:perspective(100px) rotateY(0deg);
transform:perspective(100px) rotateY(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(100px) rotateY(90deg);
transform:perspective(100px) rotateY(90deg)
}
}
@-o-keyframes flip-out-y-nr {
0% {
opacity:1;
transform:perspective(100px) rotateY(0deg)
}
100% {
opacity:0;
transform:perspective(100px) rotateY(90deg)
}
}
@keyframes flip-out-y-nr {
0% {
opacity:1;
-webkit-transform:perspective(100px) rotateY(0deg);
transform:perspective(100px) rotateY(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(100px) rotateY(90deg);
transform:perspective(100px) rotateY(90deg)
}
}
.flip-out-y-nr {
	-webkit-animation-name:flip-out-y-nr;
	-o-animation-name:flip-out-y-nr;
	animation-name:flip-out-y-nr;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-in-y-fr {
0% {
opacity:0;
-webkit-transform:perspective(1000px) rotateY(90deg);
transform:perspective(1000px) rotateY(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000px) rotateY(0deg);
transform:perspective(1000px) rotateY(0deg)
}
}
@-o-keyframes flip-in-y-fr {
0% {
opacity:0;
transform:perspective(1000px) rotateY(90deg)
}
100% {
opacity:1;
transform:perspective(1000px) rotateY(0deg)
}
}
@keyframes flip-in-y-fr {
0% {
opacity:0;
-webkit-transform:perspective(1000px) rotateY(90deg);
transform:perspective(1000px) rotateY(90deg)
}
100% {
opacity:1;
-webkit-transform:perspective(1000px) rotateY(0deg);
transform:perspective(1000px) rotateY(0deg)
}
}
.flip-in-y-fr {
	-webkit-animation-name:flip-in-y-fr;
	-o-animation-name:flip-in-y-fr;
	animation-name:flip-in-y-fr;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes flip-out-y-fr {
0% {
opacity:1;
-webkit-transform:perspective(1000px) rotateY(0deg);
transform:perspective(1000px) rotateY(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(1000px) rotateY(90deg);
transform:perspective(1000px) rotateY(90deg)
}
}
@-o-keyframes flip-out-y-fr {
0% {
opacity:1;
transform:perspective(1000px) rotateY(0deg)
}
100% {
opacity:0;
transform:perspective(1000px) rotateY(90deg)
}
}
@keyframes flip-out-y-fr {
0% {
opacity:1;
-webkit-transform:perspective(1000px) rotateY(0deg);
transform:perspective(1000px) rotateY(0deg)
}
100% {
opacity:0;
-webkit-transform:perspective(1000px) rotateY(90deg);
transform:perspective(1000px) rotateY(90deg)
}
}
.flip-out-y-fr {
	-webkit-animation-name:flip-out-y-fr;
	-o-animation-name:flip-out-y-fr;
	animation-name:flip-out-y-fr;
	-webkit-backface-visibility:visible!important;
	backface-visibility:visible!important
}
@-webkit-keyframes zoom-in {
0% {
opacity:0;
-webkit-transform:scale(0.7);
transform:scale(0.7)
}
100% {
opacity:1
}
}
@-o-keyframes zoom-in {
0% {
opacity:0;
-o-transform:scale(0.7);
transform:scale(0.7)
}
100% {
opacity:1
}
}
@keyframes zoom-in {
0% {
opacity:0;
-webkit-transform:scale(0.7);
-o-transform:scale(0.7);
transform:scale(0.7)
}
100% {
opacity:1
}
}
.zoom-in {
	-webkit-animation-name:zoom-in;
	-o-animation-name:zoom-in;
	animation-name:zoom-in
}
@-webkit-keyframes zoom-out {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(0.7);
transform:scale(0.7)
}
100% {
opacity:0
}
}
@-o-keyframes zoom-out {
0% {
opacity:1;
-o-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-o-transform:scale(0.7);
transform:scale(0.7)
}
100% {
opacity:0
}
}
@keyframes zoom-out {
0% {
opacity:1;
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(0.7);
-o-transform:scale(0.7);
transform:scale(0.7)
}
100% {
opacity:0
}
}
.zoom-out {
	-webkit-animation-name:zoom-out;
	-o-animation-name:zoom-out;
	animation-name:zoom-out
}
@-webkit-keyframes zoom-in-sm {
0% {
opacity:0;
-webkit-transform:scale(0.95);
transform:scale(0.95)
}
100% {
opacity:1
}
}
@-o-keyframes zoom-in-sm {
0% {
opacity:0;
-o-transform:scale(0.95);
transform:scale(0.95)
}
100% {
opacity:1
}
}
@keyframes zoom-in-sm {
0% {
opacity:0;
-webkit-transform:scale(0.95);
-o-transform:scale(0.95);
transform:scale(0.95)
}
100% {
opacity:1
}
}
.zoom-in-sm {
	-webkit-animation-name:zoom-in-sm;
	-o-animation-name:zoom-in-sm;
	animation-name:zoom-in-sm
}
@-webkit-keyframes zoom-out-sm {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(0.95);
transform:scale(0.95)
}
100% {
opacity:0
}
}
@-o-keyframes zoom-out-sm {
0% {
opacity:1;
-o-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-o-transform:scale(0.95);
transform:scale(0.95)
}
100% {
opacity:0
}
}
@keyframes zoom-out-sm {
0% {
opacity:1;
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(0.95);
-o-transform:scale(0.95);
transform:scale(0.95)
}
100% {
opacity:0
}
}
.zoom-out-sm {
	-webkit-animation-name:zoom-out-sm;
	-o-animation-name:zoom-out-sm;
	animation-name:zoom-out-sm
}
@-webkit-keyframes zoom-in-lg {
0% {
opacity:0;
-webkit-transform:scale(0.4);
transform:scale(0.4)
}
100% {
opacity:1
}
}
@-o-keyframes zoom-in-lg {
0% {
opacity:0;
-o-transform:scale(0.4);
transform:scale(0.4)
}
100% {
opacity:1
}
}
@keyframes zoom-in-lg {
0% {
opacity:0;
-webkit-transform:scale(0.4);
-o-transform:scale(0.4);
transform:scale(0.4)
}
100% {
opacity:1
}
}
.zoom-in-lg {
	-webkit-animation-name:zoom-in-lg;
	-o-animation-name:zoom-in-lg;
	animation-name:zoom-in-lg
}
@-webkit-keyframes zoom-out-lg {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(0.4);
transform:scale(0.4)
}
100% {
opacity:0
}
}
@-o-keyframes zoom-out-lg {
0% {
opacity:1;
-o-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-o-transform:scale(0.4);
transform:scale(0.4)
}
100% {
opacity:0
}
}
@keyframes zoom-out-lg {
0% {
opacity:1;
-webkit-transform:scale(1);
-o-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(0.4);
-o-transform:scale(0.4);
transform:scale(0.4)
}
100% {
opacity:0
}
}
.zoom-out-lg {
	-webkit-animation-name:zoom-out-lg;
	-o-animation-name:zoom-out-lg;
	animation-name:zoom-out-lg
}
.blink-slow {
	-webkit-animation-name:blink-slow;
	-o-animation-name:blink-slow;
	animation-name:blink-slow;
	-webkit-animation-duration:.3s;
	-o-animation-duration:.3s;
	animation-duration:.3s;
	-webkit-animation-timing-function:ease-in-out;
	-o-animation-timing-function:ease-in-out;
	animation-timing-function:ease-in-out;
	-webkit-animation-iteration-count:infinite;

	-o-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	-o-animation-direction:alternate;
	animation-direction:alternate
}
@-webkit-keyframes blink-slow {
0% {
opacity:.4
}
50% {
opacity:.7
}
100% {
opacity:1
}
}
@-o-keyframes blink-slow {
0% {
opacity:.4
}
50% {
opacity:.7
}
100% {
opacity:1
}
}
@keyframes blink-slow {
0% {
opacity:.4
}
50% {
opacity:.7
}
100% {
opacity:1
}
}
@-webkit-keyframes overlay-slide-in-top {
0% {
height:100%
}
100% {
height:0
}
}
@-o-keyframes overlay-slide-in-top {
0% {
height:100%
}
100% {
height:0
}
}
@keyframes overlay-slide-in-top {
0% {
height:100%
}
100% {
height:0
}
}
.overlay-slide-in-top {
	top:0;
	height:0;
	-webkit-animation-name:overlay-slide-in-top;
	-o-animation-name:overlay-slide-in-top;
	animation-name:overlay-slide-in-top
}
@-webkit-keyframes overlay-slide-out-top {
0% {
height:0
}
100% {
height:100%
}
}
@-o-keyframes overlay-slide-out-top {
0% {
height:0
}
100% {
height:100%
}
}
@keyframes overlay-slide-out-top {
0% {
height:0
}
100% {
height:100%
}
}
.overlay-slide-out-top {
	top:0;
	height:100%;
	-webkit-animation-name:overlay-slide-out-top;
	-o-animation-name:overlay-slide-out-top;
	animation-name:overlay-slide-out-top
}
@-webkit-keyframes overlay-slide-in-bottom {
0% {
height:100%
}
100% {
height:0
}
}
@-o-keyframes overlay-slide-in-bottom {
0% {
height:100%
}
100% {
height:0
}
}
@keyframes overlay-slide-in-bottom {
0% {
height:100%
}
100% {
height:0
}
}
.overlay-slide-in-bottom {
	bottom:0;
	height:0;
	-webkit-animation-name:overlay-slide-in-bottom;
	-o-animation-name:overlay-slide-in-bottom;
	animation-name:overlay-slide-in-bottom
}
@-webkit-keyframes overlay-slide-out-bottom {
0% {
height:0
}
100% {
height:100%
}
}
@-o-keyframes overlay-slide-out-bottom {
0% {
height:0
}
100% {
height:100%
}
}
@keyframes overlay-slide-out-bottom {
0% {
height:0
}
100% {
height:100%
}
}
.overlay-slide-out-bottom {
	bottom:0;
	height:100%;
	-webkit-animation-name:overlay-slide-out-bottom;
	-o-animation-name:overlay-slide-out-bottom;
	animation-name:overlay-slide-out-bottom
}
@-webkit-keyframes overlay-slide-in-left {
0% {
width:100%
}
100% {
width:0
}
}
@-o-keyframes overlay-slide-in-left {
0% {
width:100%
}
100% {
width:0
}
}
@keyframes overlay-slide-in-left {
0% {
width:100%
}
100% {
width:0
}
}
.overlay-slide-in-left {
	width:0;
	-webkit-animation-name:overlay-slide-in-left;
	-o-animation-name:overlay-slide-in-left;
	animation-name:overlay-slide-in-left
}
@-webkit-keyframes overlay-slide-out-left {
0% {
width:0
}
100% {
width:100%
}
}
@-o-keyframes overlay-slide-out-left {
0% {
width:0
}
100% {
width:100%
}
}
@keyframes overlay-slide-out-left {
0% {
width:0
}
100% {
width:100%
}
}
.overlay-slide-out-left {
	left:0;
	width:100%;
	-webkit-animation-name:overlay-slide-out-left;
	-o-animation-name:overlay-slide-out-left;
	animation-name:overlay-slide-out-left
}
@-webkit-keyframes overlay-slide-in-right {
0% {
width:100%
}
100% {
width:0
}
}
@-o-keyframes overlay-slide-in-right {
0% {
width:100%
}
100% {
width:0
}
}
@keyframes overlay-slide-in-right {
0% {
width:100%
}
100% {
width:0
}
}
.overlay-slide-in-right {
	right:0;
	width:0;
	-webkit-animation-name:overlay-slide-in-right;
	-o-animation-name:overlay-slide-in-right;
	animation-name:overlay-slide-in-right
}
@-webkit-keyframes overlay-slide-out-right {
0% {
width:0
}
100% {
width:100%
}
}
@-o-keyframes overlay-slide-out-right {
0% {
width:0
}
100% {
width:100%
}
}
@keyframes overlay-slide-out-right {
0% {
width:0
}
100% {
width:100%
}
}
.overlay-slide-out-right {
	right:0;
	width:100%;
	-webkit-animation-name:overlay-slide-out-right;
	-o-animation-name:overlay-slide-out-right;
	animation-name:overlay-slide-out-right
}
</style>
	<style data-href="css/ui.css" media="">@charset "utf-8";
/* CSS Document */

/**
 * Table of Contents:
 *
 * 1.0 Fullwidth - Parallax - Styles
 * 2.0 Margins & Transitions
 * 3.0 Gradient
 * 4.0 Preloader
 * 5.0 Buttons
 * 6.0 Info Bar
 * 7.0 Heading
 * 8.0 Icon With Title
 * 9.0 Portfolio Item
	 * 9.1 Portfolio Details
 * 10.0 Facts
 * 11.0 Lists
 * 12.0 Testmonials
 * 13.0 Social Networks
	 * 13.1 Social Links
 * 14.0 Contact Details
	 * 14.1 Map
 * 15.0 Tabs
 * 16.0 Team
 * 17.0 Title With Description
 * 18.0 Clients
 * 19.0 Planner List
 * 20.0 Progress Bar
 * 21.0 Accordion
 * 22.0 Owl Carousel
 * 23.0 Gradient Animation
 * 24.0 Notication Styles
 * -----------------------------------------------------------------------------
 */

/**
 * 1.0 Fullwidth - Parallax - Styles
 * -----------------------------------------------------------------------------
 */
.light-text, .light-text h1, .light-text h2, .light-text h3, .light-text h4, .light-text h5, .light-text h6, .light-text .mendi-info-bar h6 {
	color: #ffffff;
}
.light-text .mendi-facts h6:before {
	background: #ffffff;
}
.light-text .mendi-icon-with-title.style4 p {
	color: #cccccc;
}
.light-text .mendi-tabs-boxed .mendi-tabs-nav li a {
	color: #ffffff;
}
.light-text .mendi-icon-with-title.style4 .mendi-icon-holder {
	 border-color: rgba(255, 255, 255, 0.3);
}
.light-text .mendi-icon-with-title.style4:hover .mendi-icon-holder {
	border-color: #ffffff;
}
.light-text .mendi-facts.style2 .mendi-facts-icon-holder i {
	color: #ffffff;
}
.light-text .mendi-heading h6 {
	color: #e1e1e1;
}
.light-text .mendi-error404 .mendi-error-info {
	color: #ffffff;
}
.light-text .search-form input[type="search"] {
	background: #ffffff;
}
/**
 * 2.0 Margins & Transitions
 * -----------------------------------------------------------------------------
 */

.mendi-topmargin-10, .mendi-topmargin-20, .mendi-topmargin-30, .mendi-topmargin-40, .mendi-topmargin-50, .mendi-topmargin-60, .mendi-topmargin-70, .mendi-topmargin-80, .mendi-topmargin-90, .mendi-topmargin-100 {
	clear: both;
	width: 100%;
	display: inline-block;
	float: left;
}
.mendi-topmargin-10 {
	margin-top: 10px;
}
.mendi-topmargin-20 {
	margin-top: 20px;
}
.mendi-topmargin-30 {
	margin-top: 30px;
}
.mendi-topmargin-40 {
	margin-top: 40px;
}
.mendi-topmargin-50 {
	margin-top: 50px;
}
.mendi-topmargin-60 {
	margin-top: 60px;
}
.mendi-topmargin-70 {
	margin-top: 70px;
}
.mendi-topmargin-80 {
	margin-top: 80px;
}
.mendi-topmargin-90 {
	margin-top: 90px;
}
.mendi-topmargin-100 {
	margin-top: 100px;
}

.mendi-column-divider {
	margin: 50px 0;
	padding: 0px;
	clear: both;
	float: left;
	display: block;
	width: 100%;
	background: #e9e9e9;
	height: 1px;
}

.mendi-icon-with-title:hover .mendi-icon-holder, .mendi-icon-with-title .mendi-icon-holder, .mendi-blog-item .post-thumbnail .post-format, .mendi-social-networks li:before, .mendi-team .mendi-social-links li a i, ol.mendi-planner-list > li:before, .mendi-top, .mendi-facts .mendi-facts-icon-holder {
	-moz-transition:  .3s ease-in-out;
	-webkit-transition:  .3s ease-in-out;
	-o-transition:  .3s ease-in-out;
	-ms-transition:  .3s ease-in-out;
	transition:  .3s ease-in-out;
}

/**
 * 3.0 Gradient
 * -----------------------------------------------------------------------------
 */

.mendi-icon-with-title.style1 .mendi-icon-holder, .mendi-icon-with-title.style2:hover .mendi-icon-holder, .mendi-social-links li a:hover:before, .mendi-contact-with-large-icon .mendi-contact-icon-holder, ol.mendi-planner-list > li:hover:before, .mendi-icon-with-title.style7 .mendi-icon-holder {
	background-image: url(css/fallback-gradient.svg); 
	background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)) 0%, color-stop(40%, rgba(0,0,0,0.05)), to(rgba(0, 0 ,0 , 0.1)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0 ,0 , 0.1));
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0 ,0 , 0.1));
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0 ,0 , 0.1));
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.05) 40%, rgba(0, 0 ,0 , 0.1));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#000000);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#ffffff, endColorstr=#000000)";	
}

/**
 * 4.0 Preloader
 * -----------------------------------------------------------------------------
 */
body:not(.no-preloader) .mendi-theme-container {
  position:relative;
  opacity:0;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}

.mendi-preloader {
	position: fixed;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	font-size: 90px;
	text-indent: -9999em;
	overflow: hidden;
	width: 1em;
	height: 1em;
	border-radius: 50%;
	-webkit-animation: mendi-load 1.7s infinite ease;
	animation: mendi-load 1.7s infinite ease;
}
@-webkit-keyframes mendi-load {
	0% {
  		-webkit-transform: rotate(0deg);
  		transform: rotate(0deg);
  		box-shadow: -0.11em -0.83em 0 -0.4em #50c1e9, -0.11em -0.83em 0 -0.42em #50c1e9, -0.11em -0.83em 0 -0.44em #50c1e9, -0.11em -0.83em 0 -0.46em #50c1e9, -0.11em -0.83em 0 -0.477em #50c1e9;
	}
  	5%,
 	95% {
  		box-shadow: -0.11em -0.83em 0 -0.4em #50c1e9, -0.11em -0.83em 0 -0.42em #50c1e9, -0.11em -0.83em 0 -0.44em #50c1e9, -0.11em -0.83em 0 -0.46em #50c1e9, -0.11em -0.83em 0 -0.477em #50c1e9;
  	}
  	30% {
  		box-shadow: -0.11em -0.83em 0 -0.4em #50c1e9, -0.51em -0.66em 0 -0.42em #50c1e9, -0.75em -0.36em 0 -0.44em #50c1e9, -0.83em -0.03em 0 -0.46em #50c1e9, -0.81em 0.21em 0 -0.477em #50c1e9;
  	}
  	55% {
    	box-shadow: -0.11em -0.83em 0 -0.4em #50c1e9, -0.29em -0.78em 0 -0.42em #50c1e9, -0.43em -0.72em 0 -0.44em #50c1e9, -0.52em -0.65em 0 -0.46em #50c1e9, -0.57em -0.61em 0 -0.477em #50c1e9;
  	}
  	100% {
  		-webkit-transform: rotate(360deg);
  		transform: rotate(360deg);
  		box-shadow: -0.11em -0.83em 0 -0.4em #50c1e9, -0.11em -0.83em 0 -0.42em #50c1e9, -0.11em -0.83em 0 -0.44em #50c1e9, -0.11em -0.83em 0 -0.46em #50c1e9, -0.11em -0.83em 0 -0.477em #50c1e9;
  	}
}
@keyframes mendi-load {
  	0% {
  		-webkit-transform: rotate(0deg);
  		transform: rotate(0deg);
  		box-shadow: -0.11em -0.83em 0 -0.4em #50c1e9, -0.11em -0.83em 0 -0.42em #50c1e9, -0.11em -0.83em 0 -0.44em #50c1e9, -0.11em -0.83em 0 -0.46em #50c1e9, -0.11em -0.83em 0 -0.477em #50c1e9;
  	}
  	5%,
  	95% {
    	box-shadow: -0.11em -0.83em 0 -0.4em #50c1e9, -0.11em -0.83em 0 -0.42em #50c1e9, -0.11em -0.83em 0 -0.44em #50c1e9, -0.11em -0.83em 0 -0.46em #50c1e9, -0.11em -0.83em 0 -0.477em #50c1e9;
  	}
  	30% {
    	box-shadow: -0.11em -0.83em 0 -0.4em #50c1e9, -0.51em -0.66em 0 -0.42em #50c1e9, -0.75em -0.36em 0 -0.44em #50c1e9, -0.83em -0.03em 0 -0.46em #50c1e9, -0.81em 0.21em 0 -0.477em #50c1e9;
  	}
  	55% {
    	box-shadow: -0.11em -0.83em 0 -0.4em #50c1e9, -0.29em -0.78em 0 -0.42em #50c1e9, -0.43em -0.72em 0 -0.44em #50c1e9, -0.52em -0.65em 0 -0.46em #50c1e9, -0.57em -0.61em 0 -0.477em #50c1e9;
 	}
  	100% {
    	-webkit-transform: rotate(360deg);
    	transform: rotate(360deg);
    	box-shadow: -0.11em -0.83em 0 -0.4em #50c1e9, -0.11em -0.83em 0 -0.42em #50c1e9, -0.11em -0.83em 0 -0.44em #50c1e9, -0.11em -0.83em 0 -0.46em #50c1e9, -0.11em -0.83em 0 -0.477em #50c1e9;
  	}
}

/**
 * 5.0 Buttons
 * -----------------------------------------------------------------------------
 */

.mendi-button {
	outline:0;	
	line-height: normal;
	margin: 10px 0px;
	padding: 14px 40px 12px;
	font-size: 12px;
	font-weight: 600;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-radius: 3px;
	color: #ffffff;
	display: inline-block;	
	-webkit-transition:all 100ms linear; 
	-moz-transition:all 100ms linear; 
	-o-transition:all 100ms linear; 
	-ms-transition:all 100ms linear; 
	transition:all 300ms linear;
}
.mendi-button:hover {
	color: #ffffff;
}
.mendi-button:before {
	/*background: radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	border-radius: 3px;
}
.mendi-button.stroke-style {
	border: 1px solid #dddddd;
	background: none;
	color: #999999;
}
.mendi-button.stroke-style:hover {
	color: #ffffff;
}
.mendi-button.stroke-style.light {
	border-color: #ffffff;
	background: none;
	color: #ffffff;
}
.mendi-button.stroke-style.light:hover {
	color: #ffffff;
}


.mendi-button.stroke-style.light.hvr-effect:before {
	background: #ffffff;		
}
.mendi-button.stroke-style.light.hvr-effect:hover {
	color: #051f27;
	border-color: #ffffff;
}

.mendi-button.hvr-effect:hover {
	background: none !important;
}




/**
 * 6.0 Info Bar
 * -----------------------------------------------------------------------------
 */
.mendi-info-bar {
	text-align: center;
	width: 100%;
}
.mendi-info-bar h4 {
	margin-bottom: 15px;
}
.mendi-info-bar h6 {
	color: #999999;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2px;
	margin: 0;
}
.mendi-info-bar.style2 {
	text-align: left;
}
.mendi-info-bar.style2 h6 {
	font-size: 14px;
	margin: 0;
	letter-spacing: 0.5px;
	font-weight: normal;
}
.mendi-info-bar.style2 .mendi-col-9 {
	padding-left: 80px;
}
.mendi-info-bar .mendi-button {
	margin: 5px 0 0;
}
.mendi-info-bar .mendi-info-bar-buttons {
	margin: 20px 0 0;
	float: left;
	clear: both;
	width: 100%;
}
.mendi-info-bar .mendi-info-bar-buttons .mendi-button {
	margin: 0 10px;
}

.mendi-info-bar.style3 h3 {
	display: inline-block;
	width: auto;
	margin-right: 30px;
	margin-bottom: 0;
}
.mendi-info-bar.style3 .mendi-button {
	margin: 0;
	display: inline-block;
	position: relative;
	top: -3px;
}


.mendi-fullwidth-info-text .mendi-heading h2 {
	font-size: 34px; 
	font-weight: normal;
	margin-bottom: 65px;
}
.mendi-fullwidth-info-text .mendi-heading h2:before {
	bottom: -35px;
}
.mendi-fullwidth-info-text p {
	margin: 0;
}

.mendi-big-intro-text {
	font-size: 34px; 
	line-height: 50px; 
	font-weight: 300; 
	margin: 0;
}

/**
 * 7.0 Heading
 * -----------------------------------------------------------------------------
 */
.mendi-heading {
	clear: both;
}
.mendi-heading.center {
	text-align: center;
}
.mendi-heading.no-border h1, .mendi-heading.no-border h2, .mendi-heading.no-border h3, .mendi-heading.no-border h4, .mendi-heading.no-border h5 {
	font-weight: normal;
	margin-bottom: 30px;
}
.mendi-heading.no-border h1:before, .mendi-heading.no-border h2:before, .mendi-heading.no-border h3:before, .mendi-heading.no-border h4:before, .mendi-heading.no-border h5:before {
	background: none;
}
.mendi-heading h1 span, .mendi-heading h2 span, .mendi-heading h3 span, .mendi-heading h4 span, .mendi-heading h5 span {
	font-weight: 600;
}
.mendi-heading h1, .mendi-heading h2, .mendi-heading h3, .mendi-heading h4, .mendi-heading h5 {
	position: relative;
	margin-bottom: 50px;
	font-weight: 600;
}
.mendi-heading h1:before, .mendi-heading h2:before, .mendi-heading h3:before, .mendi-heading h4:before, .mendi-heading h5:before {
	content: "";
	position: absolute;
	left: 0;
	width: 30px;
	height: 1px;
	bottom: -20px;
}
.mendi-heading.white h1:before, .mendi-heading.white h2:before, .mendi-heading.white h3:before, .mendi-heading.white h4:before, .mendi-heading.white h5:before {
	background-color: #ffffff;
}
.mendi-heading h5:before {
	bottom: -15px;
}
.mendi-heading.center h1:before, .mendi-heading.center h2:before, .mendi-heading.center h3:before, .mendi-heading.center h4:before, .mendi-heading.center h5:before {
	left: 0;
	right: 0;
	margin: auto;
}
.mendi-heading.right {
	text-align: right;
}
.mendi-heading.right h1:before, .mendi-heading.right h2:before, .mendi-heading.right h3:before, .mendi-heading.right h4:before, .mendi-heading.right h5:before {
	left: inherit;
	right: 0;
}
.mendi-heading h6 {
	font-size: 11px;
	color: #999999;
	letter-spacing: 2.3px;
	line-height: 20px;
	font-weight: 600;
}

/**
 * 8.0 Icon With Title
 * -----------------------------------------------------------------------------
 */

.mendi-icon-with-title {
	width: 100%;
	margin: 0;
	padding-top:  0;
}
.mendi-icon-with-title.center {
	text-align: center;
}
.mendi-icon-with-title.left {
	text-align: left;
}
.mendi-icon-with-title.right {
	text-align: right;
}
.mendi-icon-with-title.left h6:before {
	right: inherit;
}
.mendi-icon-with-title.right h6:before {
	left: inherit;
}
.mendi-icon-with-title.style2.right .mendi-icon-holder {
	margin-left: 15px;
	margin-right: 0;
	float: right;
}
.mendi-icon-with-title.style5.right {
	padding-right: 95px;
}
.mendi-icon-with-title.style5.right .mendi-icon-holder {
	right: 0;
	left: inherit;
}
.mendi-icon-with-title.style5.center {
	padding: 95px 0 0;
}
.mendi-icon-with-title.style5.center .mendi-icon-holder {
	top: 10px;
	left: 0;
	right: 0;
}
.mendi-icon-with-title.circle .mendi-icon-holder {
	border-radius: 50%;
	text-align: center;
}
.mendi-icon-with-title.style1 .mendi-icon-holder, .mendi-icon-with-title.style3 .mendi-icon-holder {
	border: 10px solid #f0f0f0;
	width: 100px;
	height: 100px;
	display: inline-block;
	margin-bottom: 40px;	
	position: relative;  
	-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;	
}
.mendi-icon-with-title.style1 .mendi-icon-holder i, .mendi-icon-with-title.style3 .mendi-icon-holder i {
	color: #ffffff;
	line-height: 80px;
	font-size: 26px;
	position: relative;
	z-index: 1;
}
.mendi-icon-with-title h6 {
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	margin-bottom: 60px;
	letter-spacing: 0.5px;
}
.mendi-icon-with-title h6:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	width: 30px;
	height: 1px;
	bottom: -25px;
}
.mendi-icon-with-title.style2 .mendi-icon-holder {
	border: 2px solid;
	background-color: #ffffff;
	color: #333333;
	height: 60px;
	width: 60px;
	background-image: none;
	margin-right: 15px;
	margin-bottom: 30px;
	display: inline-block;
}
.mendi-icon-with-title.style2 .mendi-icon-holder i {
	color: #333333;
	font-size: 22px;
	line-height: 60px;
}
.mendi-icon-with-title.style2 h6 {
	clear: none;
	display: inline-block;
	margin-bottom: 0;
	line-height: 60px;
}
.mendi-icon-with-title.style2 h6:before {
	background: none;
}
.mendi-icon-with-title.style2 p {
	clear: both;
}

.mendi-icon-with-title.style2:hover .mendi-icon-holder i { 
	color: #ffffff;
}
.mendi-icon-with-title.style3 .mendi-icon-holder {
	background-color: #ffffff;
	width: 110px;
	height: 110px;
}
.mendi-icon-with-title.style3 .mendi-icon-holder i {
	line-height: 90px;
}
.mendi-icon-with-title.style3 .mendi-icon-holder:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	border: 1px solid #dedede;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.mendi-icon-with-title.style3:hover .mendi-icon-holder i {
	color: #ffffff;
}
.mendi-icon-with-title.style3:hover .mendi-icon-holder:before {
	width: 110px;
	height: 110px;
	left: -10px;
	top: -10px;
}
.mendi-icon-with-title.style4 {
	padding: 0 0 0 95px;
	position: relative;
	clear: both;
	min-height: 70px;
}
.mendi-icon-with-title.style4 .mendi-icon-holder {
	width: 70px;
	height: 70px;
	border: 2px solid rgba(0, 0, 0, 0.2);
	position: absolute;
	left: 0;
	text-align: center;
	line-height: 68px;
	font-size: 26px;
}
.mendi-icon-with-title.style4 h6 {
	margin-bottom: 10px;
	letter-spacing: 1px;
	text-transform: none;
}
.mendi-icon-with-title.style4 h6:before {
	background: none;
}
.mendi-icon-with-title.style4 p {
	font-size: 14px;
	line-height: 24px;
}
.mendi-icon-with-title.style4:hover .mendi-icon-holder {
	color: #ffffff;
}
.mendi-icon-with-title.style4.right {
	padding-left: 0;
	padding-right: 95px;
}
.mendi-icon-with-title.style4.right .mendi-icon-holder {
	right: 0;
	left: inherit;
}





.mendi-icon-with-title.style5 {
	padding-left: 95px;
	position: relative;
}
.mendi-icon-with-title.style5 .mendi-icon-holder {
	position: absolute;
	left: 0;
	top: 0;
}
.mendi-icon-with-title.style5 .mendi-icon-holder i {
	font-size:50px;
}
.mendi-icon-with-title.style5 .mendi-icon-holder img {
	max-width: 70px;
}
.mendi-icon-with-title.style5 h6 {
	margin-bottom: 55px;
}

.mendi-icon-with-title.style6 {
	position: relative;
}
.mendi-icon-with-title.style6 .mendi-icon-holder {
	float: left;
	width: 45px;
	margin-right: 25px;
}
.mendi-icon-with-title.style6.right .mendi-icon-holder {
	float: right;
	margin-left: 25px;
	margin-right: 0;
}
.mendi-icon-with-title.style6.center .mendi-icon-holder {
	float: none;
	display: inline-block;
	margin-right: 25px;
}
.mendi-icon-with-title.style6.center h6 {
	display: inline-block;
	float: none;
}
.mendi-icon-with-title.style6 .mendi-icon-holder i {
	font-size:40px;
}
.mendi-icon-with-title.style6 .mendi-icon-holder img {
	max-width: 45px;	
}
.mendi-icon-with-title.style6 h6 {
	clear: none;
	float: left;
	margin-bottom: 50px;
}
.mendi-icon-with-title.style6.right h6 {
	float: right;
}
.mendi-icon-with-title.style6 h6:before {
	bottom: -20px;
}
.mendi-icon-with-title.style6 p {
	clear: both;
}


.mendi-icon-with-title.style7 {
	border: 1px solid #dddddd;
	padding: 40px 40px 40px 80px;
	float: left;
	clear: both;
	position: relative;
	margin: 0 0 -1px;
}
.mendi-icon-with-title.style7:hover {
	background: #f3f3f3;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.mendi-icon-with-title.style7:hover .mendi-icon-holder:before {
	border: 10px solid #ffffff;
}
.mendi-icon-with-title.style7 .mendi-icon-holder {
	position: absolute;
	left: -40px;
	bottom: 0;
	top: 0;
	width: 80px;
	height: 80px;
	margin: auto;	
}
.mendi-icon-with-title.style7 .mendi-icon-holder:before {
	content: "";
	position: absolute;
	left: -10px;
	bottom: 0;
	top: -10px;
	width: 100px;
	height: 100px;
	margin: auto;
	border-radius: 50%;
}
.mendi-icon-with-title.style7 h6:before {
	background: none;
}
.mendi-icon-with-title.style7 h6 {
	margin-bottom: 15px;
	text-transform: none;
	font-size: 17px;
	letter-spacing: normal;
}
.mendi-icon-with-title.style7 p {
	margin: 0;
}
.mendi-icon-with-title.style7 .mendi-icon-holder i {
	font-size: 26px;
	color: #ffffff;
	line-height: 80px;
}

/**
 * 9.0 Portfolio Item
 * -----------------------------------------------------------------------------
 */

.mendi-portfolio-item figure {
	position: relative;
	overflow: hidden;
}
.mendi-portfolio-item figure figcaption {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.mendi-portfolio-item figure figcaption {    
    opacity: 0;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.mendi-portfolio-item figure figcaption h6 {
    opacity: 0;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 0.5px;
    margin: 0 10px 5px;
    padding: 50px 0 0;
    /*height: 130px;*/
    text-shadow: 0 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.mendi-portfolio-item figure figcaption p {
    opacity: 0;
    color: #ffffff;
    font-size: 11px;
    padding: 0;
    margin: 0 10px;
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}
.mendi-portfolio-item:hover figure figcaption, .mendi-portfolio-item:hover figure figcaption h6, .mendi-portfolio-item:hover figure figcaption p {
    opacity: 1;
}
.mendi-portfolio-item:hover figure figcaption h6 a, .mendi-portfolio-item:hover figure figcaption p a {
	color: #ffffff;
}


.mendi-portfolio-item figure figcaption .fig-overlay {
	height: 146px;
	margin: auto;
	bottom: 0;
	top: 0;
	position: absolute;
	width: 100%;
}

.mendi-portfolio-item figure figcaption h6 {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.mendi-portfolio-item figure figcaption p {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}
.mendi-portfolio-item:hover figure figcaption h6 {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.mendi-portfolio-item:hover figure figcaption p {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.mendi-portfolio-item figure img {
	-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.35s ease-in-out;
    -moz-transition: all 0.35s ease-in-out;
    transition: all 0.35s ease-in-out;
}

.mendi-portfolio-item:hover figure img {
	-webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.mendi-portfolio-holder {
	float: left;
	clear: both;
	width: 100%;
	margin: 20px 0 0;
}
.mendi-portfolio-holder .mendi-portfolio-item {
	padding-bottom: 30px;
}
.mendi-portfolio-holder .mendi-portfolio-item.no-space {
	padding-bottom: 0;
}
.mendi-portfolio-filter {
	clear: both;
	width: 100%;
	margin: 0 0 40px
}
.mendi-portfolio-filter ul {
	margin: 0;
	text-align: center;
	width: 100%;
}
.mendi-portfolio-filter ul li {
	display: inline-block;
	margin: 0 5px;
}
.mendi-portfolio-filter ul li a {
	border: 1px solid #e9e9e9;
	color: #999999;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 2px;
	padding: 12px 17px;
	display: inline-block;
	margin: 0px 0px 20px;
}
.mendi-portfolio-filter ul li a:hover, .mendi-portfolio-filter ul li a.current {
	color: #ffffff;
}

/**
 * 9.1 Portfolio Details
 * -----------------------------------------------------------------------------
 */

.mendi-portfolio-details-wrap {
	margin: 0;
}
.mendi-portfolio-details-slideshow-wrap {
	position: relative;
	width: 100%;
	margin: 0;
	float: left;
	clear: both;
	display: block;
}
.mendi-portfolio-details-slideshow-nav {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.mendi-portfolio-details-slideshow-nav a {
	background: #ffffff;
	font-size: 20px;
	width: 40px; 
	height: 40px;
	text-align: center;
	line-height: 40px;
	display: inline-block;
	color: #999999;
	cursor: pointer;
	border-radius: 50%;
}
.mendi-portfolio-details-slideshow-nav a:hover {
	color: #ffffff;
}

.mendi-portfolio-details-slideshow {
	float: left;
	clear: both;
	display: block;
	width: 100%;
}
.mendi-portfolio-details {
	margin: 80px 0 0;
	padding: 0;
	clear: both;
	float: left;
	width: 100%;
}
.mendi-portfolio-details h3 {
	font-size: 28px;
	margin: 0;
}
.portfolio-social-share {
	float: right;
}
.mendi-portfolio-details p {
	font-size: 12px;
	font-weight: 600;
	float: left;
	margin-right: 10px;
}
.mendi-portfolio-details .mendi-social-links {
	margin: -10px 0 0;
	float: left;
}
.mendi-portfolio-details .mendi-social-links li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	margin-left: 10px;
}
.mendi-portfolio-details .mendi-column-divider {
	margin: 30px 0;
}
.mendi-portfolio-meta-details {
	margin: 0;
}
.mendi-portfolio-meta-details li {
	display: block;
	clear: both;
	margin: 0 0 10px;
	font-weight: 700;
}
.mendi-portfolio-meta-details li span {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	width: 135px;
	float: left;
}
.mendi-portfolio-meta-details li.links a {
	color: #666666;
}
.mendi-with-sidebar .mendi-portfolio-details-wrap .mendi-button {
	padding-right: 20px;
	padding-left: 20px;
}
.mendi-iframe-video-wrap {
	clear: both;
}
/**
 * 10.0 Facts
 * -----------------------------------------------------------------------------
 */

.mendi-facts {
	width: 100%;
	text-align: center;
	margin: 0 0 -49px;
	position: relative;
	z-index: 1;
}
.mendi-facts .mendi-facts-count {
	font-size: 40px;
	font-weight: 600;
	padding-bottom: 45px;
	display: inline-block;
	width: 100%;
}
.mendi-facts h6 {
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
	letter-spacing: 0.5px;
	margin-top: 20px;
}
.mendi-facts h6:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -25px;
	width: 30px;
	height: 1px;
	margin: auto;
	background: #dddddd;
}
.mendi-facts .mendi-facts-icon-holder {
	background: #ffffff;
	height: 98px;
	width: 98px;
	border-radius: 98px;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.1);
	display: inline-block;
	margin: 40px 0 0;
}
.mendi-facts:hover .mendi-facts-icon-holder i {
	color: #ffffff;
}
.mendi-facts .mendi-facts-icon-holder i {
	font-size: 26px;
	line-height: 98px;
}

.mendi-facts.style2 {
	margin: 0;
}
.mendi-facts.style2 .mendi-facts-icon-holder {
	background: none;
	width: auto;
	height: auto;
	margin: 0;
	box-shadow: none;
}
.mendi-facts.style2:hover .mendi-facts-icon-holder {
	background: none;
}
.mendi-facts.style2 .mendi-facts-icon-holder i {
	font-size: 16px;
	line-height: normal;
}
.mendi-facts.style2 h6:before {
	top: -55px;
}
.mendi-facts.style2 h6 {
	margin-top: 10px;
	font-weight: 600;
	margin-bottom: 0;
}
.mendi-facts.style2 .mendi-facts-icon-holder i {
	color: #999999;
}

/**
 * 11.0 Lists
 * -----------------------------------------------------------------------------
 */

.mendi-list {
	width: 100%;
	clear: both;
	margin: 0;
	padding:0;
}

.mendi-list.push {
	margin-left: 20px;
}

.mendi-list li {
	padding: 0 0 10px 20px;
	display: block;
	position: relative;
	font-size: 14px;
}

.mendi-list li:before {
	position: absolute;
	left: 0;
	top: 0;
	font-family: FontAwesome;
}

.mendi-list.small li:before {
	font-size: 14px;
}

.mendi-list.medium li:before {
	font-size: 18px;
}
.mendi-list.medium li {
	padding-left: 25px;
	font-size: 15px;
}
.mendi-list.large li {
	padding-left: 30px;
	font-size: 17px;
}
.mendi-list.large li:before {
	font-size: 20px;
	top: 1px;}

.mendi-list.check-circle li:before {
	content: "\f05d";
}
.mendi-list.arrow-circle li:before {
	content: "\f18e";
}
.mendi-list.book li:before {
	content: "\f02d";
}
.mendi-list.briefcase li:before {
	content: "\f0b1";
}
.mendi-list.camera li:before {
	content: "\f030";
}
.mendi-list.caret-square li:before {
	content: "\f152";
}
.mendi-list.arrow-right li:before {
	content: "\f054";
}
.mendi-list.clock li:before {
	content: "\f017";
}
.mendi-list.close li:before {
	content: "\f00d";
}
.mendi-list.comments li:before {
	content: "\f0e6";
}
.mendi-list.folder li:before {
	content: "\f07c";
}
.mendi-list.hand li:before {
	content: "\f0a4";
}
.mendi-list.location-arrow li:before {
	content: "\f124";
}
.mendi-list.pencil li:before {
	content: "\f040";
}
.mendi-list.plus-square li:before {
	content: "\f0fe";
}
.mendi-list.question-circle li:before {
	content: "\f059";
}
.mendi-list.star li:before {
	content: "\f005";
}
.mendi-list.user li:before {
	content: "\f007";
}
.mendi-list.send li:before {
	content: "\f1d8";
}
.mendi-list.check li:before {
	content: "\f00c";
}


/**
 * 12.0 Testmonials
 * -----------------------------------------------------------------------------
 */

.mendi-testimonial {
	width: 100%;
	margin: 0;
	float: left;
}
.mendi-testimonial blockquote {
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	text-align: center;
	position: relative;
	margin-bottom: 45px;
}
.mendi-testimonial blockquote:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 57px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-top: 10px solid;
}
.mendi-testimnonial-author {
	float: left;
	clear: both;
	width: 100%;
}
.mendi-testimnonial-author .author-image {
	float: left;
	padding: 6px;
	border: 1px solid #dddddd;
	max-width: 86px;
	border-radius: 70px;
	margin: -20px 0 0 25px;
}
.mendi-testimnonial-meta {
	margin-left: 25px;
	float: left;
}
.mendi-testimnonial-meta p {
	color: #333333;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-bottom: 0;
}
.mendi-testimnonial-meta span {
	font-size: 11px;
	color: #999999;
	clear: both;
	display: block;
	font-weight: 400;
	letter-spacing: 1px;
}
.mendi-testimnonial-rating {
	float: right;
	margin: 14px 0 0;
	line-height: 0;
}

/**
 * 13.0 Social Networks
 * -----------------------------------------------------------------------------
 */
.mendi-social-networks {
	width: 100%;
	margin: 0;
}
.mendi-social-networks li {
	float: left;
	display: inline;
	width: 25%;	
	color: #ffffff;
	position: relative;
} 
.mendi-social-networks li i {
	font-size: 50px;
	float: left;
	width: 60px;
}
.mendi-social-networks li a {
	color: #ffffff;
	padding: 25px 65px 25px 40px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}
.mendi-social-networks li p {
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	margin: 2px 0 0px;
}
.mendi-social-networks li .followers {
	text-transform: uppercase;
}
.mendi-social-networks li:before {
	position: absolute;
	content: "\f105";
	right: 30px;
	top: 0;
	bottom: 0;
	height: 30px;
	width: 30px;
	border: 1px solid #ffffff;
	border-radius: 30px;
	margin: auto;
	font-size: 18px;
	font-family: FontAwesome;
	color: #ffffff;
	text-align: center;
	line-height: 26px;
}
.mendi-social-networks li:hover:before {
	background-color: #ffffff;
	color: #999999;
}
.mendi-social-networks li.facebook {
	background-color: #4d6bab;
}
.mendi-social-networks li.twitter {
	background-color: #4ec6f8;
}
.mendi-social-networks li.googleplus {
	background-color: #d34836;
}
.mendi-social-networks li.linkedin {
	background-color: #248cc9;
}


.mendi-social-links li a[href$="/feed/"]:hover {
	background-color: #F58026;
	border-color: #F58026;
}

.mendi-social-links li a[href*="codepen.io"]:hover {
	background-color: #000000;
	border-color: #000000;
}

.mendi-social-links li a[href*="digg.com"]:hover {
	background-color: #1B5791;
	border-color: #1B5791;
}

.mendi-social-links li a[href*="dribbble.com"]:hover {
	background-color: #E04C86;
	border-color: #E04C86;
}

.mendi-social-links li a[href*="dropbox.com"]:hover {
	background-color: #007EE5;
	border-color: #007EE5;
}

.mendi-social-links li a[href*="facebook.com"]:hover {
	background-color: #4d6bab;
	border-color: #4d6bab;
}

.mendi-social-links li a[href*="flickr.com"]:hover {
	background-color: #007EE5;
	border-color: #007EE5;
}

.mendi-social-links li a[href*="foursquare.com"]:hover {
	background-color: #F94877;
	border-color: #F94877;
}

.mendi-social-links li a[href*="plus.google.com"]:hover {
	background-color: #d34836;
	border-color: #d34836;
}

.mendi-social-links li a[href*="github.com"]:hover {
	background-color: #4382C5;
	border-color: #4382C5;
}

.mendi-social-links li a[href*="instagram.com"]:hover {
	background-color: #5280A5;
	border-color: #5280A5;
}

.mendi-social-links li a[href*="linkedin.com"]:hover {
	background-color: #248cc9;
	border-color: #248cc9;
}

.mendi-social-links li a[href*="pinterest.com"]:hover {
	background-color: #CB2027;
	border-color: #CB2027;
}

.mendi-social-links li a[href*="reddit.com"]:hover {
	background-color: #FF4006;
	border-color: #FF4006;
}

.mendi-social-links li a[href*="stumbleupon.com"]:hover {
	background-color: #5AD350;
	border-color: #5AD350;
}

.mendi-social-links li a[href*="tumblr.com"]:hover {
	background-color: #385875;
	border-color: #385875;
}

.mendi-social-links li a[href*="twitter.com"]:hover {
	background-color: #4ec6f8;
	border-color: #4ec6f8;
}

.mendi-social-links li a[href*="vimeo.com"]:hover {
	background-color: #1FB9EB;
	border-color: #1FB9EB;
}

.mendi-social-links li a[href*="wordpress.com"]:hover,
.mendi-social-links li a[href*="wordpress.org"]:hover {
	background-color: #1C8ABD;
	border-color: #1C8ABD;
}

.mendi-social-links li a[href*="youtube.com"]:hover {
	background-color: #CF3427;
	border-color: #CF3427;
}

.mendi-social-links li a[href*="mailto:"]:hover {
	background-color: #F6BD0E;
	border-color: #F6BD0E;
}

.mendi-social-links li a[href*="spotify.com"]:hover {
	background-color: #7DC211;
	border-color: #7DC211;
}

.mendi-social-links li a[href*="twitch.tv"]:hover {
	background-color: #603C9A;
	border-color: #603C9A;
}

.mendi-social-links li a[href*="delicious.com"]:hover {
	background-color: #084DCC;
	border-color: #084DCC;
}

/**
 * 13.1 Social Links
 * -----------------------------------------------------------------------------
 */
.mendi-social-links {
	margin: 0;
}
.mendi-social-links li {
	float: left;
	display: inline;
}
.mendi-social-links li a {
	border: 1px solid #dddddd;
	width: 30px;
	height: 30px;
	border-radius: 30px;
	display: inline-block;
	margin-left: 20px;
	text-align: center;
	line-height: 30px;
	color: #999999;
	position: relative;
}
.mendi-social-links li a:hover {
	color: #ffffff;
}
.mendi-social-links li a:before {
	content: "";
	width: 100%;
	height: 100%;
	border-radius: 30px;
	left: 0;
	top: 0;
	position: absolute;
}

/**
 * 14.0 Contact Details
 * -----------------------------------------------------------------------------
 */
.mendi-contact {
	float: left;
	clear: both;
	width: 100%;
	position: relative;
}
.mendi-contact address, .mendi-contact abbr {
	padding-left: 30px;
	font-style: normal;
	clear: both;
	width: 100%;
	float: left;
	margin: 10px 0 0;	
}
.mendi-contact address:before, .mendi-contact abbr:before {
	content: "\f041";
	position: absolute;
	left: 0;
	font-family: FontAwesome;
	font-size: 16px;
}
.mendi-contact abbr[title="Phone Number"]:before {
	content: "\f095";
}
.mendi-contact abbr[title="Mail Address"]:before {
	content: "\f0e0";
}
.mendi-contact abbr[title="Working Time"]:before {
	content: "\f017";
}
.mendi-contact abbr[title="Fax Number"]:before {
	content: "\f017";
}
.mendi-contact abbr a {
	color: #666666;
}

.mendi-contact-form {
	width: 80%;
	margin: 0 auto;
	position: relative;
}
.mendi-contact-form.fw, .mendi-col-8 .mendi-contact-form {
	width: 100%;
}
.mendi-contact-form input {
	text-align: center;
}

.mendi-form-control.error {
	border-color: #e42c3e;
}
.mendi-form-process {
	background: #ffffff url(images/preloader.gif) center center no-repeat;
	display: block;
	height: 105%;
	width: 100%;
}
.mendi-form-process {
	background-color: rgba(255, 255, 255, 0.7);
	display: none;
	position: absolute;
	z-index: 3;
}

.mendi-contact-with-large-icon {
	position: relative;
	padding: 0 0 0 95px;
	float: left;
	clear: both;
}
.mendi-contact-form-result { 
	display: inline-block;
	width: 100%;
	margin: 0 0 30px;
}

.mendi-contact-with-large-icon .mendi-contact-icon-holder {
	content: "";
	border: 10px solid #f0f0f0;
	width: 75px;
	height: 75px;
	text-align: center;
	display: inline-block;
	margin: 0 0 10px 0;
	border-radius: 100px;
	position: absolute;
	left: 0;
	-webkit-transition:all 300ms linear; -moz-transition:all 300ms linear; -o-transition:all 300ms linear; -ms-transition:all 300ms linear; transition:all 300ms linear;	
}
.mendi-contact-with-large-icon .mendi-contact-icon-holder i {
	color: #ffffff;
	line-height: 55px;
	font-size: 24px;
	position: relative;
	z-index: 1;
}
.mendi-contact-with-large-icon .mendi-contact-icon-text-holder h6 {
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	margin-bottom: 60px;
	letter-spacing: 0.5px;
}
.mendi-contact-text-holder {
	float: left;
}
.mendi-contact-with-large-icon p {
	color: #000101;
	font-size: 20px;
	font-weight: 600;
	margin: 15px 0 5px;
}
.mendi-contact-with-large-icon span {
	font-size: 11px;
	color: #999999;
	letter-spacing: 2px;
	text-transform: uppercase;
}

/**
 * 14.1 Map
 * -----------------------------------------------------------------------------
 */
.mendi-map {
	width: 100%;
	height: 500px;
}
.mendi-map img {
	max-width: none;
}
.gmap_marker {
	margin: 10px 0 0;
}
.gmap_marker h5 {
	margin-bottom: 20px;
}

/**
 * 15.0 Tabs
 * -----------------------------------------------------------------------------
 */
.mendi-tabs-holder, .mendi-tabs-boxed {
	width: 100%;
	float: left;
	clear: both;
}
.mendi-tabs-boxed .mendi-tabs-nav {
	margin: 0 0 60px;
	width: 100%;
	float: left;
}
.mendi-tabs-boxed .mendi-tabs-nav li {
	float: left;
	display: inline;
	margin: 0 -1px 0 0;
	border: 1px solid;	
}
.mendi-tabs-boxed .mendi-tabs-nav li a {
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 10px 20px 9px;
	float: left;
	color: #999999;
	min-width: 200px;
	text-align: center;
}
.mendi-tabs-boxed .mendi-tabs-nav li:first-child {
	border-radius: 3px 0 0 3px;
}
.mendi-tabs-boxed .mendi-tabs-nav li:last-child {
	border-radius: 0 3px 3px 0;
}
.mendi-tabs-boxed .mendi-tabs-nav li a:hover, .mendi-tabs-boxed .mendi-tabs-nav li a.current {
	color: #ffffff;
}

/**
 * 16.0 Team
 * -----------------------------------------------------------------------------
 */
.mendi-team {
	float: left;
	clear: both;
	width: 100%;
	text-align: center;
}
.mendi-team-image-wrapper {
	margin-bottom: 35px;
	border-radius: 50%;
	background: #f6f6f6;
	border: 1px solid #e9e9e9;
	width: 120px;
	height: 120px;
	padding: 10px;
	display: inline-block;
}
.mendi-team-image-wrapper img {
	border-radius: 50%;
}
.mendi-team h5 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 16px;
	margin-bottom: 10px;
}
.mendi-team h6 {
	font-size: 13px;
	letter-spacing: 0.5px;
	margin-bottom: 0;
	text-transform: uppercase;
}
.mendi-team .mendi-social-links {
	position: relative;
	margin: 30px 0 0;
	padding: 30px 0 0;
}
.mendi-team .mendi-social-links:before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	height: 1px;
	width: 30px;
	margin: auto;
	top: 0;
}
.mendi-team .mendi-social-links li {
	float: none;
	display: inline-block;
}
.mendi-team .mendi-social-links li a {
	border: 0;
	border-radius: 0;
	margin: 0;
	font-size: 15px;
	color: #cccccc;
}
.mendi-team .mendi-social-links li a, .mendi-team .mendi-social-links li a:hover {
	background: none;
}
.mendi-team .mendi-social-links li a:hover:before {
	background: none;
}

.mendi-team.style2 {
	position: relative;
}
.mendi-team.style2:before {
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background: rgba(0, 0, 0, 0.05);
	-webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear;
}
.light-text .mendi-team.style2:before {
	background: rgba(0, 0, 0, 0.2);
}
.mendi-team.style2:hover:before {
	height: 100%;
}
.mendi-team.style2.bottom-image:before {
	bottom: 0;
	top: inherit;
}
.mendi-team.style2 .mendi-team-image-wrapper {
	background: none;
	border: 0;
	border-radius: 0;
	width: 100%;
	height: auto;
	padding: 0;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.mendi-team.style2 .mendi-team-image-wrapper {
	margin-bottom: 50px;
}
.mendi-team.style2 .mendi-team-image-wrapper img {
	-webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear;
}
.mendi-team.style2:hover .mendi-team-image-wrapper img {
 	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
 }
.mendi-team.style2 .mendi-social-links {
	margin-bottom: 49px;
}
.mendi-team.style2 .mendi-team-image-wrapper img {
	border-radius: 0;
}
.mendi-team.style2.bottom-image .mendi-team-image-wrapper {
	margin: 50px 0 0;
}
.mendi-team.style2.bottom-image h5 {
	margin-top: 49px;
}
.mendi-team.style2.bottom-image .mendi-social-links {
	margin-bottom: 0;
}

/**
 * 17.0 Title With Description
 * -----------------------------------------------------------------------------
 */
.mendi-title-with-desc {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}
.mendi-title-with-desc h5 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 15px;
}

/**
 * 18.0 Clients
 * -----------------------------------------------------------------------------
 */
.mendi-clients {
	float: left;
	clear: both;
	width: 100%;
	margin: 0;
}
.mendi-clients img {
	opacity: 0.6;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.mendi-clients img:hover {
	opacity: 1;
}

/**
 * 19.0 Planner List
 * -----------------------------------------------------------------------------
 */
ol.mendi-planner-list {
    clear: both;
    counter-reset: li-counter;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
ol.mendi-planner-list > li {
    clear: both;
    float: left;
    list-style: outside none none;
    margin: 0 0 50px;
    padding: 0 0 0 115px;
    position: relative;
    min-height: 90px;
}
ol.mendi-planner-list > li:before {
    border: 2px solid #9f9f9f;
    border-radius: 40px;
    color: #303030;
    content: counter(li-counter, decimal);
    counter-increment: li-counter;
    font-size: 34px;
    font-weight: 700;
    height: 75px;
    left: 0;
    line-height: 70px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 75px;
    -webkit-text-stroke: 1px black;
    text-shadow: 0 0 3px #e9e9e9, 0 0 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(0, 0, 0, 0.1), 0 0 3px rgba(0, 0, 0, 0.1) ;
}
ol.mendi-planner-list > li:Hover:before {
	color: #ffffff;
}
ol.mendi-planner-list li:after {
	content: "";
	position: absolute;
	left: 25px;
	bottom: -13px;
	background: url(images/planner-down-arrow.png) no-repeat;
	height: 25px;
	width: 23px;
}
ol.mendi-planner-list li h6 {
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	margin-bottom: 45px;
	letter-spacing: 0.5px;
	font-size: 16px;
}
ol.mendi-planner-list > li h6:before {
	position: absolute;
	content: "";
	left: 0;
	margin: auto;
	width: 30px;
	height: 1px;
	bottom: -20px;
}
ol.mendi-planner-list li:last-child:after {
	background: none;
}

/**
 * 20.0 Progress Bar
 * -----------------------------------------------------------------------------
 */
.mendi-progress-bar-wrapper {
	float: left;
	clear: both;
	width: 100%;
	margin: 24px 0 36px;
	padding: 0;
	position: relative;
	border: 1px solid #e9e9e9;
	height: 8px;
}
.mendi-progress-bar-wrapper h6 {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	font-weight: 500;
	margin-bottom: 10px;
	position: absolute;
	top: -32px;
}

.mendi-progress-bar-wrapper .mendi-progress-bar {
	position: absolute;
	left: 0;
	top: -1px;
	height: 8px;
}

.mendi-progress-bar-wrapper .mendi-progress-bar-percent p {
	right: -10px;
	top: -30px;
	position: absolute;
	font-size: 11px;
	color: #999999;
	font-weight: 600;
	margin: 0;
}
.mendi-progress-bar-wrapper .mendi-progress-bar-percent {
	right: -10px;
	position: absolute;
	top: -31px;
	background: #ffffff;
	padding: 0 10px;
}
.mendi-progress-bar-inherit {
	display: inline-flex;
}

/**
 * 21.0 Accordion
 * -----------------------------------------------------------------------------
 */
.mendi-accordion-holder {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	border-top: 1px solid #e9e9e9;
}
.mendi-accordion-holder .mendi-accordion-panel {
	width: 100%;
	float: left;
}
.mendi-accordion-holder .mendi-accordion-panel.current .mendi-accordion-title {
	border-bottom-color: transparent;
}
.mendi-accordion-panel .mendi-accordion-title {
	cursor: pointer;
	border-bottom: 1px solid #e9e9e9;
	float: left;
	clear: both;
	width: 100%;
	padding: 20px 0;
}
.mendi-accordion-title .mendi-accordion-arrow {
	border: 1px solid #e1e1e1;
	width: 27px;
	height: 27px;
	border-radius: 50%;
	float: left;
	position: relative;
	margin-right: 20px;
}
.mendi-accordion-title .mendi-accordion-arrow:before {
	content: "\f105";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	font-family: FontAwesome;
	margin: auto;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 27px;
	-webkit-transition:all 200ms linear; -moz-transition:all 200ms linear; -o-transition:all 200ms linear; -ms-transition:all 200ms linear; transition:all 200ms linear;
}
.mendi-accordion-holder .mendi-accordion-panel.current .mendi-accordion-title .mendi-accordion-arrow:before {
	color: #ffffff;
	content: "\f107";
}
.mendi-accordion-holder .mendi-accordion-panel:hover .mendi-accordion-title .mendi-accordion-arrow:before {
	color: #ffffff;
}
.mendi-accordion-title h6 {
	margin: 0;
	float: left;
	clear: none;
	line-height: 27px;
	font-size: 14px;
	font-weight: 600;
}
.mendi-accordion-collapse {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0 0 15px 47px;
	float: left;
	border-bottom: 1px solid #e9e9e9;
}

/**
 * 22.0 Owl Carousel
 * -----------------------------------------------------------------------------
 */
 .mendi-owl-carousel-custom-nav {
 	margin: -10px 0 10px;
 	float: left; 
 	clear: both;
 	width: 100%;
 }
.mendi-owl-carousel-custom-nav a {
	border: 1px solid #dddddd;
	width: 29px;
	height: 29px;
	display: inline-block;
	border-radius: 50%;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #999999;
	margin: 0 10px 0 0;
	cursor: pointer;
}
.mendi-owl-carousel-custom-nav a:hover {
	color: #ffffff;
}

/**
 * 23.0 Gradient Animation
 * -----------------------------------------------------------------------------
 */
.mendi-gradient-animate { 
	overflow: hidden;
}
.mendi-gradient-animate img {
	margin-top: 10%;
}
/**
 * 24.0 Notication Styles
 * -----------------------------------------------------------------------------
 */
.mendi-success-msg, .mendi-info-msg, .mendi-warning-msg, .mendi-error-msg { 
	display: inline-block;
	padding: 15px 30px 15px 45px;
	box-sizing: border-box;
	color: #ffffff;
	position: relative;
	width: 100%;
	clear: both;
}

.mendi-success-msg { 
	background: #2ed164;
}
.mendi-info-msg { 
	background: #2d8fd0;
}
.mendi-warning-msg { 
	background: #efb44c;
}
.mendi-error-msg { 
	background: #ef7270;
}

.mendi-success-msg:before, .mendi-info-msg:before, .mendi-warning-msg:before, .mendi-error-msg:before {
	position: absolute;
	left: 20px;
	top: 16px;
	font-size: 14px;
	font-family: FontAwesome;	
	color: #ffffff;
}
.mendi-success-msg:before {
	content: "\f00c";	
}
.mendi-info-msg:before {
	content: "\f129";	
	left: 23px;
}
.mendi-warning-msg:before {
	content: "\f071";	
}
.mendi-error-msg:before {
	content: "\f00d";	
}
</style>
	<style data-href="css/font-awesome.min.css" media="">/*!
 *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url("http://mendi.enfusionthemes.com/css/../fonts/fontawesome-webfont.eot?v=4.2.0");src:url("http://mendi.enfusionthemes.com/css/../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format('embedded-opentype'),url("http://mendi.enfusionthemes.com/css/../fonts/fontawesome-webfont.woff?v=4.2.0") format('woff'),url("http://mendi.enfusionthemes.com/css/../fonts/fontawesome-webfont.ttf?v=4.2.0") format('truetype'),url("http://mendi.enfusionthemes.com/css/../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}</style>
	<style data-href="css/magnific-popup.css" media="">/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -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;
  -moz-user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.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: #FFF;
  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: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  filter: alpha(opacity=65);
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100); }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3F3F3F; }

.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: #000; }

/* 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 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  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; }</style>

	<style data-href="css/owl.carousel.css" media="">/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(css/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

</style>
	<style data-href="css/owl.theme.css" media="">/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div{
	color: #FFF;
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
	margin: 5px;
	padding: 3px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: #869791;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
}
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(css/AjaxLoader.gif) no-repeat center center
}</style>

    <!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
    <style data-href="js/rs-plugin/css/settings.css" media="screen">/*-----------------------------------------------------------------------------

	-	Revolution Slider 4.1 Captions -

		Screen Stylesheet

version:   	1.4.5
date:      	27/11/13
author:		themepunch
email:     	info@themepunch.com
website:   	http://www.themepunch.com
-----------------------------------------------------------------------------*/



/*************************
	-	CAPTIONS	-
**************************/

.tp-static-layers	{	position:absolute; z-index:505; top:0px;left:0px}

.tp-hide-revslider,.tp-caption.tp-hidden-caption	{	visibility:hidden !important; display:none !important}


.tp-caption { z-index:1; white-space:nowrap}

.tp-caption-demo .tp-caption	{	position:relative !important; display:inline-block; margin-bottom:10px; margin-right:20px !important}


.tp-caption.whitedivider3px {

	color: #000000;
	text-shadow: none;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 1);
	text-decoration: none;
	min-width: 408px;
	min-height: 3px;
	background-position: initial initial;
	background-repeat: initial initial;
	border-width: 0px;
	border-color: #000000;
	border-style: none;
}


.tp-caption.finewide_large_white {
color:#ffffff;
text-shadow:none;
font-size:60px;
line-height:60px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:8px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.whitedivider3px {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:468px;
min-height:3px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.finewide_medium_white {
color:#ffffff;
text-shadow:none;
font-size:37px;
line-height:37px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.boldwide_small_white {
font-size:25px;
line-height:25px;
font-weight:800;
font-family:"Open Sans", sans-serif;
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.whitedivider3px_vertical {
color:#000000;
text-shadow:none;
background-color:rgb(255, 255, 255);
background-color:rgba(255, 255, 255, 1);
text-decoration:none;
font-size:0px;
line-height:0;
min-width:3px;
min-height:130px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.finewide_small_white {
color:#ffffff;
text-shadow:none;
font-size:25px;
line-height:25px;
font-weight:300;
font-family:"Open Sans", sans-serif;
background-color:transparent;
text-decoration:none;
text-transform:uppercase;
letter-spacing:5px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.finewide_verysmall_white_mw {
font-size:13px;
line-height:25px;
font-weight:400;
font-family:"Open Sans", sans-serif;
color:#ffffff;
text-decoration:none;
background-color:transparent;
text-shadow:none;
text-transform:uppercase;
letter-spacing:5px;
max-width:470px;
white-space:normal !important;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgb(235, 235, 235);
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.finewide_large_white {
color: #FFF;
text-shadow: none;
font-size: 60px;
line-height: 60px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 8px;
border-width: 0px;
border-color: #000;
border-style: none;
}

.tp-caption.finewide_medium_white {
color: #FFF;
text-shadow: none;
font-size: 34px;
line-height: 34px;
font-weight: 300;
font-family: "Open Sans", sans-serif;
background-color: rgba(0, 0, 0, 0);
text-decoration: none;
text-transform: uppercase;
letter-spacing: 5px;
border-width: 0px;
border-color: #000;
border-style: none;
}

.tp-caption.huge_red {
position:absolute;
color:rgb(223,75,107);
font-weight:400;
font-size:150px;
line-height:130px;
font-family: 'Oswald', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
background-color:rgb(45,49,54);
padding:0px;
}

.tp-caption.middle_yellow {
position:absolute;
color:rgb(251,213,114);
font-weight:600;
font-size:50px;
line-height:50px;
font-family: 'Open Sans', sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.huge_thin_yellow {
	position:absolute;
color:rgb(251,213,114);
font-weight:300;
font-size:90px;
line-height:90px;
font-family: 'Open Sans', sans-serif;
margin:0px;
letter-spacing: 20px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.big_dark {
position:absolute;
color:#333;
font-weight:700;
font-size:70px;
line-height:70px;
font-family:"Open Sans";
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.medium_dark {
position:absolute;
color:#333;
font-weight:300;
font-size:40px;
line-height:40px;
font-family:"Open Sans";
margin:0px;
letter-spacing: 5px;
border-width:0px;
border-style:none;
white-space:nowrap;
}


.tp-caption.medium_grey {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
padding:2px 4px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#888;
white-space:nowrap;
}

.tp-caption.small_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:14px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.medium_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:20px;
line-height:20px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}


.tp-caption.large_bold_white_25 {
font-size:55px;
line-height:65px;
font-weight:700;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

.tp-caption.medium_text_shadow {
font-size:25px;
line-height:25px;
font-weight:600;
font-family:"Open Sans";
color:#fff;
text-decoration:none;
background-color:transparent;
text-align:center;
text-shadow:#000 0px 5px 10px;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

.tp-caption.large_text {

position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:40px;
line-height:40px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.medium_bold_grey {
font-size:30px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.very_large_text {
position:absolute;
color:#fff;
text-shadow:0px 2px 5px rgba(0, 0, 0, 0.5);
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
letter-spacing:-2px;
}

.tp-caption.very_big_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#000;
}

.tp-caption.very_big_black {
position:absolute;
color:#000;
text-shadow:none;
font-weight:700;
font-size:60px;
line-height:60px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
padding:0px 4px;
padding-top:1px;
background-color:#fff;
}

.tp-caption.modern_medium_fat {
position:absolute;
color:#000;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.modern_medium_fat_white {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.modern_medium_light {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:24px;
line-height:20px;
font-family:"Open Sans", sans-serif;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.modern_big_bluebg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:800;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#4e5b6c;
letter-spacing:0;
}

.tp-caption.modern_big_redbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:36px;
font-family:"Open Sans", sans-serif;
padding:3px 10px;
padding-top:1px;
margin:0px;
border-width:0px;
border-style:none;
background-color:#de543e;
letter-spacing:0;
}

.tp-caption.modern_small_text_dark {
position:absolute;
color:#555;
text-shadow:none;
font-size:14px;
line-height:22px;
font-family:Arial;
margin:0px;
border-width:0px;
border-style:none;
white-space:nowrap;
}

.tp-caption.boxshadow {
-moz-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
-webkit-box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
box-shadow:0px 0px 20px rgba(0, 0, 0, 0.5);
}

.tp-caption.black {
color:#000;
text-shadow:none;
}

.tp-caption.noshadow {
text-shadow:none;
}

.tp-caption a {
color:#ff7302;
text-shadow:none;
-webkit-transition:all 0.2s ease-out;
-moz-transition:all 0.2s ease-out;
-o-transition:all 0.2s ease-out;
-ms-transition:all 0.2s ease-out;
}

.tp-caption a:hover {
color:#ffa902;
}

.tp-caption.thinheadline_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:30px;
line-height:30px;
font-family:"Open Sans";
background-color:transparent;
}

.tp-caption.thintext_dark {
position:absolute;
color:rgba(0,0,0,0.85);
text-shadow:none;
font-weight:300;
font-size:16px;
line-height:26px;
font-family:"Open Sans";
background-color:transparent;
}

.tp-caption.medium_bg_red a {
	color: #fff;
    text-decoration: none;
}

.tp-caption.medium_bg_red a:hover {
	color: #fff;
    text-decoration: underline;
}

.tp-caption.smoothcircle {
font-size:30px;
line-height:75px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
background-color:rgba(0, 0, 0, 0.498039);
padding:50px 25px;
text-align:center;
border-radius:500px 500px 500px 500px;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.largeblackbg {
font-size:50px;
line-height:70px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:0px 20px 5px;
text-shadow:none;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

.tp-caption.largepinkbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#db4360;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.largewhitebg {
position:absolute;
color:#000;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#fff;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.largegreenbg {
position:absolute;
color:#fff;
text-shadow:none;
font-weight:300;
font-size:50px;
line-height:70px;
font-family:"Open Sans";
background-color:#67ae73;
padding:0px 20px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
border-radius:0px;
}

.tp-caption.excerpt {
font-size:36px;
line-height:36px;
font-weight:700;
font-family:Arial;
color:#ffffff;
text-decoration:none;
background-color:rgba(0, 0, 0, 1);
text-shadow:none;
margin:0px;
letter-spacing:-1.5px;
padding:1px 4px 0px 4px;
width:150px;
white-space:normal !important;
height:auto;
border-width:0px;
border-color:rgb(255, 255, 255);
border-style:none;
}

.tp-caption.large_bold_grey {
font-size:60px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
text-shadow:none;
margin:0px;
padding:1px 4px 0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_thin_grey {
font-size:34px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(102, 102, 102);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.small_thin_grey {
font-size:18px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(117, 117, 117);
text-decoration:none;
background-color:transparent;
padding:1px 4px 0px;
text-shadow:none;
margin:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.lightgrey_divider {
text-decoration:none;
background-color:rgba(235, 235, 235, 1);
width:370px;
height:3px;
background-position:initial initial;
background-repeat:initial initial;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.large_bold_darkblue {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_darkblue {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(52, 73, 94);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bold_red {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_light_red {
font-size:21px;
line-height:26px;
font-weight:300;
font-family:"Open Sans";
color:rgb(227, 58, 12);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_red {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(227, 58, 12);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bold_orange {
font-size:24px;
line-height:30px;
font-weight:800;
font-family:"Open Sans";
color:rgb(243, 156, 18);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_orange {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.grassfloor {
text-decoration:none;
background-color:rgba(160, 179, 151, 1);
width:4000px;
height:150px;
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.large_bold_white {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_light_white {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumlarge_light_white {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumlarge_light_white_center {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:#ffffff;
text-decoration:none;
background-color:transparent;
padding:0px 0px 0px 0px;
text-align:center;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_bg_asbestos {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(127, 140, 141);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.medium_light_black {
font-size:30px;
line-height:36px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.large_bold_black {
font-size:58px;
line-height:60px;
font-weight:800;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:transparent;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumlarge_light_darkblue {
font-size:34px;
line-height:40px;
font-weight:300;
font-family:"Open Sans";
color:rgb(52, 73, 94);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.small_light_white {
font-size:17px;
line-height:28px;
font-weight:300;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:transparent;
padding:0px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.roundedimage {
border-width:0px;
border-color:rgb(34, 34, 34);
border-style:none;
}

.tp-caption.large_bg_black {
font-size:40px;
line-height:40px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(0, 0, 0);
padding:10px 20px 15px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}

.tp-caption.mediumwhitebg {
font-size:30px;
line-height:30px;
font-weight:300;
font-family:"Open Sans";
color:rgb(0, 0, 0);
text-decoration:none;
background-color:rgb(255, 255, 255);
padding:5px 15px 10px;
text-shadow:none;
border-width:0px;
border-color:rgb(0, 0, 0);
border-style:none;
}

.tp-caption.medium_bg_orange_new1 {
font-size:20px;
line-height:20px;
font-weight:800;
font-family:"Open Sans";
color:rgb(255, 255, 255);
text-decoration:none;
background-color:rgb(243, 156, 18);
padding:10px;
border-width:0px;
border-color:rgb(255, 214, 88);
border-style:none;
}



.tp-caption.boxshadow{
		-moz-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		-webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
		box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	}

.tp-caption.black{
		color: #000;
		text-shadow: none;
		font-weight: 300;
		font-size: 19px;
		line-height: 19px;
		font-family: 'Open Sans', sans;
	}

.tp-caption.noshadow {
		text-shadow: none;
	}


.tp_inner_padding	{	box-sizing:border-box;
						-webkit-box-sizing:border-box;
						-moz-box-sizing:border-box;
						max-height:none !important;	}


/*.tp-caption			{	transform:none !important}*/


/*********************************
	-	SPECIAL TP CAPTIONS -
**********************************/
.tp-caption .frontcorner		{
										width: 0;
										height: 0;
										border-left: 40px solid transparent;
										border-right: 0px solid transparent;
										border-top: 40px solid #00A8FF;
										position: absolute;left:-40px;top:0px;
									}

.tp-caption .backcorner		{
										width: 0;
										height: 0;
										border-left: 0px solid transparent;
										border-right: 40px solid transparent;
										border-bottom: 40px solid #00A8FF;
										position: absolute;right:0px;top:0px;
									}

.tp-caption .frontcornertop		{
										width: 0;
										height: 0;
										border-left: 40px solid transparent;
										border-right: 0px solid transparent;
										border-bottom: 40px solid #00A8FF;
										position: absolute;left:-40px;top:0px;
									}

.tp-caption .backcornertop		{
										width: 0;
										height: 0;
										border-left: 0px solid transparent;
										border-right: 40px solid transparent;
										border-top: 40px solid #00A8FF;
										position: absolute;right:0px;top:0px;
									}


/***********************************************
	-	SPECIAL ALTERNATIVE IMAGE SETTINGS	-
***********************************************/

img.tp-slider-alternative-image	{	width:100%; height:auto;}




/****************************************************************

	-	SET THE ANIMATION EVEN MORE SMOOTHER ON ANDROID   -

******************************************************************/

/*.tp-simpleresponsive				{	-webkit-perspective: 1500px;
										-moz-perspective: 1500px;
										-o-perspective: 1500px;
										-ms-perspective: 1500px;
										perspective: 1500px;
									}*/




/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/

.fullscreen-container {
		width:100%;
		position:relative;
		padding:0;
}



.fullwidthbanner-container{
	width:100%;
	position:relative;
	padding:0;
	overflow:hidden;
}

.fullwidthbanner-container .fullwidthbanner{
	width:100%;
	position:relative;
}



/************************************************
	  - SOME CAPTION MODIFICATION AT START  -
*************************************************/
.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";		-moz-opacity: 0;	-khtml-opacity: 0;	opacity: 0; */
	position:absolute;visibility: hidden;
	-webkit-font-smoothing: antialiased !important;
}


.tp-simpleresponsive img	{	max-width:none}



/******************************
	-	IE8 HACKS	-
*******************************/
.noFilterClass {
	filter:none !important;
}


/******************************
	-	SHADOWS		-
******************************/
.tp-bannershadow  {
		position:absolute;

		margin-left:auto;
		margin-right:auto;
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
	}

.tp-bannershadow.tp-shadow1 {	background:url(js/rs-plugin/assets/shadow1.png) no-repeat; background-size:100% 100%; width:890px; height:60px; bottom:-60px}
.tp-bannershadow.tp-shadow2 {	background:url(js/rs-plugin/assets/shadow2.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}
.tp-bannershadow.tp-shadow3 {	background:url(js/rs-plugin/assets/shadow3.png) no-repeat; background-size:100% 100%; width:890px; height:60px;bottom:-60px}


/********************************
	-	FULLSCREEN VIDEO	-
*********************************/
.caption.fullscreenvideo {	left:0px; top:0px; position:absolute;width:100%;height:100%}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video	{ width:100% !important; height:100% !important; display: none}

.tp-caption.fullscreenvideo	{	left:0px; top:0px; position:absolute;width:100%;height:100%}


.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video	{ width:100% !important; height:100% !important; display: none}


.fullcoveredvideo video,
.fullscreenvideo video					{	background: #000}

.fullcoveredvideo .tp-poster		{	background-position: center center;background-size: cover;width:100%;height:100%;top:0px;left:0px}

.html5vid.videoisplaying .tp-poster	{	display: none}

.tp-video-play-button		{	background:#000;
								background:rgba(0,0,0,0.3);
								padding:5px;
								border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;
								position: absolute;
								top: 50%;
								left: 50%;
								font-size: 40px;
								color: #FFF;
								z-index: 3;
								margin-top: -27px;
								margin-left: -28px;
								text-align: center;
								cursor: pointer;
							}

.html5vid .tp-revstop		{	width:15px;height:20px; border-left:5px solid #fff; border-right:5px solid #fff; position:relative;margin:10px 20px; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.html5vid .tp-revstop	{	display:none}
.html5vid.videoisplaying .revicon-right-dir	{	display:none}
.html5vid.videoisplaying .tp-revstop	{	display:block}

.html5vid.videoisplaying .tp-video-play-button	{	display:none}
.html5vid:hover .tp-video-play-button { display:block}

.fullcoveredvideo .tp-video-play-button	{	display:none !important}

.tp-video-controls {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 5px;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-o-transition: opacity .3s;
	-ms-transition: opacity .3s;
	transition: opacity .3s;
	background-image: linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 13%, rgb(50,50,50) 100%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.13, rgb(0,0,0)),
		color-stop(1, rgb(50,50,50))
	);
	
	display:table;max-width:100%; overflow:hidden;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}

.tp-caption:hover .tp-video-controls {
	opacity: .9;
}

.tp-video-button {
	background: rgba(0,0,0,.5);
	border: 0;
	color: #EEE;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
	line-height:12px;
	font-size:12px;
	color:#fff;
	padding:0px;
	margin:0px;
	outline: none;
	}
.tp-video-button:hover {
	cursor: pointer;
}


.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap 	{ padding:0px 5px;display:table-cell; }

.tp-video-seek-bar-wrap	{	width:80%}
.tp-video-vol-bar-wrap	{	width:20%}

.tp-volume-bar,
.tp-seek-bar		{	width:100%; cursor: pointer;  outline:none; line-height:12px;margin:0; padding:0;}


/********************************
	-	FULLSCREEN VIDEO ENDS	-
*********************************/


/********************************
	-	DOTTED OVERLAYS	-
*********************************/
.tp-dottedoverlay						{	background-repeat:repeat;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:4}
.tp-dottedoverlay.twoxtwo				{	background:url(js/rs-plugin/assets/gridtile.png)}
.tp-dottedoverlay.twoxtwowhite			{	background:url(js/rs-plugin/assets/gridtile_white.png)}
.tp-dottedoverlay.threexthree			{	background:url(js/rs-plugin/assets/gridtile_3x3.png)}
.tp-dottedoverlay.threexthreewhite		{	background:url(js/rs-plugin/assets/gridtile_3x3_white.png)}
/********************************
	-	DOTTED OVERLAYS ENDS	-
*********************************/


/************************
	-	NAVIGATION	-
*************************/

/** BULLETS **/

.tpclear		{	clear:both}


.tp-bullets									{	z-index:1000; position:absolute;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
												-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;-webkit-transform: translateZ(5px);
											}
.tp-bullets.hidebullets					{
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
												-moz-opacity: 0;
												-khtml-opacity: 0;
												opacity: 0;
											}


.tp-bullets.simplebullets.navbar						{ 	border:1px solid #666; border-bottom:1px solid #444; background:url(js/rs-plugin/assets/boxed_bgtile.png); height:40px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }

.tp-bullets.simplebullets.navbar-old					{ 	 background:url(js/rs-plugin/assets/navigdots_bgtile.png); height:35px; padding:0px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px }


.tp-bullets.simplebullets.round .bullet					{	cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/bullet.png) no-Repeat top left;	width:20px;	height:20px;  margin-right:0px; float:left; margin-top:0px; margin-left:3px}
.tp-bullets.simplebullets.round .bullet.last			{	margin-right:3px}

.tp-bullets.simplebullets.round-old .bullet				{	cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/bullets.png) no-Repeat bottom left;	width:23px;	height:23px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.round-old .bullet.last		{	margin-right:0px}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square .bullet				{	cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square .bullet.last			{	margin-right:0px}


/**	SQUARE BULLETS **/
.tp-bullets.simplebullets.square-old .bullet			{	cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/bullets2.png) no-Repeat bottom left;	width:19px;	height:19px;  margin-right:0px; float:left; margin-top:0px}
.tp-bullets.simplebullets.square-old .bullet.last		{	margin-right:0px}


/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar .bullet			{	cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/bullet_boxed.png) no-Repeat top left;	width:18px;	height:19px;   margin-right:5px; float:left; margin-top:0px}

.tp-bullets.simplebullets.navbar .bullet.first		{	margin-left:0px !important}
.tp-bullets.simplebullets.navbar .bullet.last		{	margin-right:0px !important}



/** navbar NAVIGATION VERSION **/
.tp-bullets.simplebullets.navbar-old .bullet			{	cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/navigdots.png) no-Repeat bottom left;	width:15px;	height:15px;  margin-left:5px !important; margin-right:5px !important;float:left; margin-top:10px}
.tp-bullets.simplebullets.navbar-old .bullet.first		{	margin-left:0px !important}
.tp-bullets.simplebullets.navbar-old .bullet.last		{	margin-right:0px !important}


.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets .bullet.selected				{	background-position:top left}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar .bullet.selected		{	background-position:bottom left}



/*************************************
	-	TP ARROWS 	-
**************************************/
.tparrows												{	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
															-moz-opacity: 1;
															-khtml-opacity: 1;
															opacity: 1;
															-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out;
															-webkit-transform: translateZ(5000px);
															-webkit-transform-style: flat;
															-webkit-backface-visibility: hidden;
															z-index:600;
															position: relative;

														}
.tparrows.hidearrows									{
															-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
															-moz-opacity: 0;
															-khtml-opacity: 0;
															opacity: 0;
														}
.tp-leftarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/large_left.png) no-Repeat top left;	width:40px;	height:40px;   }
.tp-rightarrow											{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/large_right.png) no-Repeat top left;	width:40px;	height:40px;   }


.tp-leftarrow.round										{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/small_left.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round									{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/small_right.png) no-Repeat top left;	width:19px;	height:14px;  margin-right:0px; float:left;	margin-top:0px}


.tp-leftarrow.round-old									{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/arrow_left.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left; margin-top:0px;	}
.tp-rightarrow.round-old								{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/arrow_right.png) no-Repeat top left;	width:26px;	height:26px;  margin-right:0px; float:left;	margin-top:0px}


.tp-leftarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/small_left_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-right:6px; margin-top:12px}
.tp-rightarrow.navbar									{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/small_right_boxed.png) no-Repeat top left;	width:20px;	height:15px;   float:left;	margin-left:6px; margin-top:12px}


.tp-leftarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/arrowleft.png) no-Repeat top left;		width:9px;	height:16px;   float:left;	margin-right:6px; margin-top:10px}
.tp-rightarrow.navbar-old								{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/arrowright.png) no-Repeat top left;	width:9px;	height:16px;   float:left;	margin-left:6px; margin-top:10px}

.tp-leftarrow.navbar-old.thumbswitharrow				{	margin-right:10px}
.tp-rightarrow.navbar-old.thumbswitharrow				{	margin-left:0px}

.tp-leftarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px}
.tp-rightarrow.square									{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px}


.tp-leftarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/arrow_left2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-right:0px; margin-top:0px}
.tp-rightarrow.square-old								{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/arrow_right2.png) no-Repeat top left;	width:12px;	height:17px;   float:left;	margin-left:0px; margin-top:0px}


.tp-leftarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/large_left.png) no-Repeat 0 0;	width:40px;	height:40px;

														}
.tp-rightarrow.default									{	z-index:100;cursor:pointer; position:relative;	background:url(js/rs-plugin/assets/large_right.png) no-Repeat 0 0;	width:40px;	height:40px;

														}




.tp-leftarrow:hover,
.tp-rightarrow:hover 									{	background-position:bottom left}






/****************************************************************************************************
	-	TP THUMBS 	-
*****************************************************************************************************

 - tp-thumbs & tp-mask Width is the width of the basic Thumb Container (500px basic settings)

 - .bullet width & height is the dimension of a simple Thumbnail (basic 100px x 50px)

 *****************************************************************************************************/


.tp-bullets.tp-thumbs						{	z-index:1000; position:absolute; padding:3px;background-color:#fff;
												width:500px;height:50px; 			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												margin-top:-50px;
											}


.fullwidthbanner-container .tp-thumbs		{  padding:3px}

.tp-bullets.tp-thumbs .tp-mask				{	width:500px; height:50px;  			/* THE DIMENSIONS OF THE THUMB CONTAINER */
												overflow:hidden; position:relative}


.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer	{	width:5000px; position:absolute}

.tp-bullets.tp-thumbs .bullet				{   width:100px; height:50px; 			/* THE DIMENSION OF A SINGLE THUMB */
												cursor:pointer; overflow:hidden;background:none;margin:0;float:left;
												-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
												/*filter: alpha(opacity=50);	*/
												-moz-opacity: 0.5;
												-khtml-opacity: 0.5;
												opacity: 0.5;

												-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out;
											}


.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs .bullet.selected		{ 	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

												-moz-opacity: 1;
												-khtml-opacity: 1;
												opacity: 1;
											}
.tp-thumbs img								{	width:100%}


/************************************
		-	TP BANNER TIMER		-
*************************************/
.tp-bannertimer								{	width:100%; height:10px; background:url(js/rs-plugin/assets/timer.png);position:absolute; z-index:200;top:0px}
.tp-bannertimer.tp-bottom					{	bottom:0px;height:5px; top:auto}




/***************************************
	-	RESPONSIVE SETTINGS 	-
****************************************/




    @media only screen and (min-width: 0px) and (max-width: 479px) {
				.responsive .tp-bullets	{	display:none}
				.responsive .tparrows	{	display:none}
	}





/*********************************************

	-	BASIC SETTINGS FOR THE BANNER	-

***********************************************/

 .tp-simpleresponsive img {
		-moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
}



.tp-simpleresponsive a{	text-decoration:none}

.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
	list-style:none;
	padding:0 !important;
	margin:0 !important;
	list-style:none !important;
	overflow-x: visible;
	overflow-y: visible;
	background-image:none
}


.tp-simpleresponsive >ul >li{
	list-style:none;
	position:absolute;
	visibility:hidden
}

/*  CAPTION SLIDELINK   **/
.caption.slidelink a div,
.tp-caption.slidelink a div {	width:3000px; height:1500px;  background:url(js/rs-plugin/assets/coloredbg.png) repeat}

.tp-caption.slidelink a span	{	background:url(js/rs-plugin/assets/coloredbg.png) repeat}



/*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/

.tparrows .tp-arr-imgholder								{ display: none}
.tparrows .tp-arr-titleholder							{ display: none}



/*****************************************
	-	NAVIGATION FANCY EXAMPLES	-
*****************************************/

/* NAVIGATION PREVIEW 1 */
.tparrows.preview1 							{	width:100px;height:100px;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden;background: transparent}
.tparrows.preview1:after					{	position:absolute; left:0px;top:0px; font-family: "revicons"; color:#fff; font-size:30px; width:100px;height:100px;text-align: center; background:#fff;background:rgba(0,0,0,0.15);z-index:2;line-height:100px; -webkit-transition: background 0.3s, color 0.3s; -moz-transition: background 0.3s, color 0.3s; transition: background 0.3s, color 0.3s}
.tp-rightarrow.preview1:after				{	content: '\e825';  }
.tp-leftarrow.preview1:after				{	content: '\e824';  }

.tparrows.preview1:hover:after 				{	background:rgba(255,255,255,1); color:#aaa}

.tparrows.preview1 .tp-arr-imgholder 		{	background-size:cover; background-position:center center; display:block;width:100%;height:100%;position:absolute;top:0px;
												-webkit-transition: -webkit-transform 0.3s;
												transition: transform 0.3s;
												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;
											}
.tparrows.preview1 .tp-arr-iwrapper			{	  -webkit-transition: all 0.3s;transition: all 0.3s;
												-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0}
.tparrows.preview1:hover .tp-arr-iwrapper	{	  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}


.tp-rightarrow.preview1 .tp-arr-imgholder	{	right:100%;
												-webkit-transform: rotateY(-90deg);
												transform: rotateY(-90deg);
												-webkit-transform-origin: 100% 50%;
												transform-origin: 100% 50%;
												  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;



											}
.tp-leftarrow.preview1 .tp-arr-imgholder	{	left:100%;
												-webkit-transform: rotateY(90deg);
												transform: rotateY(90deg);
												-webkit-transform-origin: 0% 50%;
												transform-origin: 0% 50%;
												  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;



											}


.tparrows.preview1:hover .tp-arr-imgholder	{	-webkit-transform: rotateY(0deg);
												transform: rotateY(0deg);
												  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

											}


	@media only screen and (min-width: 768px) and (max-width: 979px) {
		.tparrows.preview1,
		.tparrows.preview1:after	{	width:80px; height:80px;line-height:80px; font-size:24px}

	}

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		.tparrows.preview1,
		.tparrows.preview1:after	{	width:60px; height:60px;line-height:60px;font-size:20px}

	}



    @media only screen and (min-width: 0px) and (max-width: 479px) {
		.tparrows.preview1,
		.tparrows.preview1:after	{	width:40px; height:40px;line-height:40px; font-size:12px}
    }

/* PREVIEW 1 BULLETS */

.tp-bullets.preview1 						{ 	height: 21px}
.tp-bullets.preview1 .bullet 				{	cursor: pointer;
											    position: relative !important;
											    background: rgba(0, 0, 0, 0.15) !important;
											    /*-webkit-border-radius: 10px;
											    border-radius: 10px;*/
											    -webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
											    width: 5px !important;
											    height: 5px !important;
											    border: 8px solid rgba(0, 0, 0, 0) !important;
											    display: inline-block;
											    margin-right: 5px !important;
											    margin-bottom: 0px !important;
											    -webkit-transition: background-color 0.2s, border-color 0.2s;
											    -moz-transition: background-color 0.2s, border-color 0.2s;
											    -o-transition: background-color 0.2s, border-color 0.2s;
											    -ms-transition: background-color 0.2s, border-color 0.2s;
											    transition: background-color 0.2s, border-color 0.2s;
											    float:none !important;
											    box-sizing:content-box;
												-moz-box-sizing:content-box;
												-webkit-box-sizing:content-box;
}
.tp-bullets.preview1 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1 .bullet.selected 		{	-webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
												background: #aaa !important;
												width: 5px !important;
											    height: 5px !important;
											    border: 8px solid rgba(255, 255, 255, 1) !important;
}




/* NAVIGATION PREVIEW 2 */
.tparrows.preview2 							{	min-width:60px; min-height:60px; background:#fff; ;

												border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px;
												overflow:hidden;
												-webkit-transition: -webkit-transform 1.3s;
												-webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
												transition: width 0.3s, background-color 0.3s, opacity 0.3s;
												backface-visibility: hidden;
}
.tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; color:#aaa; font-size:25px; margin-top: -12px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s }
.tp-rightarrow.preview2:after				{	content: '\e81e';  right:18px}
.tp-leftarrow.preview2:after				{	content: '\e81f';  left:18px}


.tparrows.preview2 .tp-arr-titleholder 		{	background-size:cover; background-position:center center; display:block; visibility:hidden;position:relative;top:0px;
												-webkit-transition: -webkit-transform 0.3s;
												transition: transform 0.3s;
												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;
												white-space: nowrap;
												color: #000;
												text-transform: uppercase;
												font-weight: 400;
												font-size: 14px;
												line-height: 60px;
												padding:0px 10px;
											}

.tp-rightarrow.preview2 .tp-arr-titleholder	{	 right:50px;
												-webkit-transform: translateX(-100%);
												transform: translateX(-100%);
											}
.tp-leftarrow.preview2 .tp-arr-titleholder	{	left:50px;
												-webkit-transform: translateX(100%);
												transform: translateX(100%);
											}

.tparrows.preview2.hovered					{	width:300px}
.tparrows.preview2:hover					{	background:#fff}
.tparrows.preview2:hover:after				{	color:#000}
.tparrows.preview2:hover .tp-arr-titleholder{	-webkit-transform: translateX(0px);
													transform: translateX(0px);
													visibility: visible;
													position: absolute;
											}

/* PREVIEW 2 BULLETS */

.tp-bullets.preview2 						{ 	height: 17px}
.tp-bullets.preview2 .bullet 				{	cursor: pointer;
											    position: relative !important;
											    background: rgba(0, 0, 0, 0.5) !important;
											    -webkit-border-radius: 10px;
											    border-radius: 10px;
											    -webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
											    width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 0) !important;
											    display: inline-block;
											    margin-right: 2px !important;
											    margin-bottom: 0px !important;
											    -webkit-transition: background-color 0.2s, border-color 0.2s;
											    -moz-transition: background-color 0.2s, border-color 0.2s;
											    -o-transition: background-color 0.2s, border-color 0.2s;
											    -ms-transition: background-color 0.2s, border-color 0.2s;
											    transition: background-color 0.2s, border-color 0.2s;
											    float:none !important;
											    box-sizing:content-box;
												-moz-box-sizing:content-box;
												-webkit-box-sizing:content-box;
}
.tp-bullets.preview2 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2 .bullet.selected 		{	-webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
												background: rgba(255, 255, 255, 1) !important;
												width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 1) !important;
}

.tp-arr-titleholder.alwayshidden			{	display:none !important}


	@media only screen and (min-width: 768px) and (max-width: 979px) {
		.tparrows.preview2 {	min-width:40px; min-height:40px; width:40px;height:40px;
								border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;
							}
		.tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; font-size:20px; margin-top: -12px}
		.tp-rightarrow.preview2:after				{	content: '\e81e';  right:11px}
		.tp-leftarrow.preview2:after				{	content: '\e81f';  left:11px}
		.tparrows.preview2 .tp-arr-titleholder		{	font-size:12px; line-height:40px; letter-spacing: 0px}
		.tp-rightarrow.preview2 .tp-arr-titleholder	{	right:35px}
		.tp-leftarrow.preview2 .tp-arr-titleholder	{	left:35px}

	}

    @media only screen and (min-width: 480px) and (max-width: 767px) {
   		 .tparrows.preview2 						{	min-width:30px; min-height:30px; width:30px;height:30px;
														border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
													}
		.tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
		.tp-rightarrow.preview2:after				{	content: '\e81e';  right:8px}
		.tp-leftarrow.preview2:after				{	content: '\e81f';  left:8px}
		.tparrows.preview2 .tp-arr-titleholder		{	font-size:10px; line-height:30px; letter-spacing: 0px}
		.tp-rightarrow.preview2 .tp-arr-titleholder	{	right:25px}
		.tp-leftarrow.preview2 .tp-arr-titleholder	{	left:25px}
		.tparrows.preview2 .tp-arr-titleholder		{	display:none;visibility:none}


	}

    @media only screen and (min-width: 0px) and (max-width: 479px) {
		.tparrows.preview2 							{	min-width:30px; min-height:30px; width:30px;height:30px;
														border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;
													}
		.tparrows.preview2:after					{	position:absolute; top:50%; font-family: "revicons"; font-size:14px; margin-top: -12px}
		.tp-rightarrow.preview2:after				{	content: '\e81e';  right:8px}
		.tp-leftarrow.preview2:after				{	content: '\e81f';  left:8px}
		.tparrows.preview2 .tp-arr-titleholder		{	display:none;visibility:none}
		.tparrows.preview2:hover					{	width:30px !important; height:30px !important}
    }



/* NAVIGATION PREVIEW 3 */
.tparrows.preview3 							{	width:70px; height:70px; background:#fff; background:rgba(255,255,255,1); -webkit-transform-style: flat}
.tparrows.preview3:after					{	position:absolute;  line-height: 70px;text-align: center; font-family: "revicons"; color:#aaa; font-size:30px; top:0px;left:0px;;background:#fff; z-index:100; width:70px;height:70px; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s}
.tparrows.preview3:hover:after					{	color:#000}
.tp-rightarrow.preview3:after				{	content: '\e825';  }
.tp-leftarrow.preview3:after				{	content: '\e824';  }


.tparrows.preview3 .tp-arr-iwrapper			{
												  -webkit-transform: scale(0,1);
												  transform: scale(0,1);
												  -webkit-transform-origin: 100% 50%;
												  transform-origin: 100% 50%;
												  -webkit-transition: -webkit-transform 0.2s;
												  transition: transform 0.2s;
												  z-index:0;position: absolute; background: #000; background: rgba(0,0,0,0.75);
												  display: table;min-height:90px;top:-10px}

.tp-leftarrow.preview3 .tp-arr-iwrapper		{	 -webkit-transform: scale(0,1);
												  transform: scale(0,1);
												  -webkit-transform-origin: 0% 50%;
												  transform-origin: 0% 50%;
											}

.tparrows.preview3 .tp-arr-imgholder 		{	display:block;background-size:cover; background-position:center center; display:table-cell;min-width:90px;height:90px;
												position:relative;top:0px}

.tp-rightarrow.preview3 .tp-arr-iwrapper	{	right:0px;padding-right:70px}
.tp-leftarrow.preview3 .tp-arr-iwrapper		{	left:0px; direction: rtl;padding-left:70px}
.tparrows.preview3 .tp-arr-titleholder		{	display:table-cell; padding:30px;font-size:16px; color:#fff;white-space: nowrap; position: relative; clear:right;vertical-align: middle}

.tparrows.preview3:hover .tp-arr-iwrapper	{
												-webkit-transform: scale(1,1);
												  transform: scale(1,1);

											}

/* PREVIEW 3 BULLETS */
.tp-bullets.preview3 						{ 	height: 17px}
.tp-bullets.preview3 .bullet 				{	cursor: pointer;
											    position: relative !important;
											    background: rgba(0, 0, 0, 0.5) !important;
											    -webkit-border-radius: 10px;
											    border-radius: 10px;
											    -webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
											    width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 0) !important;
											    display: inline-block;
											    margin-right: 2px !important;
											    margin-bottom: 0px !important;
											    -webkit-transition: background-color 0.2s, border-color 0.2s;
											    -moz-transition: background-color 0.2s, border-color 0.2s;
											    -o-transition: background-color 0.2s, border-color 0.2s;
											    -ms-transition: background-color 0.2s, border-color 0.2s;
											    transition: background-color 0.2s, border-color 0.2s;
											    float:none !important;
											    box-sizing:content-box;
												-moz-box-sizing:content-box;
												-webkit-box-sizing:content-box;
}
.tp-bullets.preview3 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3 .bullet.selected 		{	-webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
												background: rgba(255, 255, 255, 1) !important;
												width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 1) !important;
}


	@media only screen and (min-width: 768px) and (max-width: 979px) {
		.tparrows.preview3:after,
		.tparrows.preview3 							{	width:50px; height:50px; line-height:50px;font-size:20px}
		.tparrows.preview3 .tp-arr-iwrapper			{	min-height:70px}
		.tparrows.preview3 .tp-arr-imgholder 		{	min-width:70px;height:70px}
		.tp-rightarrow.preview3 .tp-arr-iwrapper	{	padding-right:50px}
		.tp-leftarrow.preview3 .tp-arr-iwrapper		{	padding-left:50px}
		.tparrows.preview3 .tp-arr-titleholder		{	padding:10px;font-size:16px}



	}

    @media only screen  and (max-width: 767px) {

		.tparrows.preview3:after,
		.tparrows.preview3 							{	width:50px; height:50px; line-height:50px;font-size:20px}
		.tparrows.preview3 .tp-arr-iwrapper			{	min-height:70px}
	}





/* NAVIGATION PREVIEW 4 */
.tparrows.preview4 							{	width:30px; height:110px;  background:transparent;-webkit-transform-style: preserve-3d; -webkit-perspective: 1000; -moz-perspective: 1000}
.tparrows.preview4:after					{	position:absolute;  line-height: 110px;text-align: center; font-family: "revicons"; color:#fff; font-size:20px; top:0px;left:0px;z-index:0; width:30px;height:110px; background: #000; background: rgba(0,0,0,0.25);
												-webkit-transition: all 0.2s ease-in-out;
											    -moz-transition: all 0.2s ease-in-out;
											    -o-transition: all 0.2s ease-in-out;
											    transition: all 0.2s ease-in-out;
												   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

											}

.tp-rightarrow.preview4:after				{	content: '\e825';  }
.tp-leftarrow.preview4:after				{	content: '\e824';  }


.tparrows.preview4 .tp-arr-allwrapper		{	visibility:hidden;width:180px;position: absolute;z-index: 1;min-height:120px;top:0px;left:-150px; overflow: hidden;-webkit-perspective: 1000px;-webkit-transform-style: flat}

.tp-leftarrow.preview4 .tp-arr-allwrapper	{	left:0px}
.tparrows.preview4 .tp-arr-iwrapper			{	position: relative}

.tparrows.preview4 .tp-arr-imgholder 		{	display:block;background-size:cover; background-position:center center;width:180px;height:110px;
												position:relative;top:0px;

												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;



											}


.tparrows.preview4 .tp-arr-imgholder2 		{	display:block;background-size:cover; background-position:center center; width:180px;height:110px;
												position:absolute;top:0px; left:180px;
												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;

											}

.tp-leftarrow.preview4 .tp-arr-imgholder2 	{	left:-180px}




.tparrows.preview4 .tp-arr-titleholder		{	display:block; font-size:12px; line-height:25px; padding:0px 10px;text-align:left;color:#fff; position: relative;
												background: #000;
												color: #FFF;
												text-transform: uppercase;
												white-space: nowrap;
												letter-spacing: 1px;
												font-weight: 700;
												font-size: 11px;
												line-height: 2.75;
												-webkit-transition: all 0.3s;
												transition: all 0.3s;
												-webkit-transform: rotateX(-90deg);
												transform: rotateX(-90deg);
												-webkit-transform-origin: 50% 0;
												transform-origin: 50% 0;
												-webkit-backface-visibility: hidden;
												backface-visibility: hidden;
												  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;


}



.tparrows.preview4:after				{	transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%}
.tp-leftarrow.preview4:after			{	transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%}




@media only screen and (min-width: 768px)  {
		.tparrows.preview4:hover:after				{	-webkit-transform: rotateY(-90deg); transform:rotateY(-90deg)}
		.tp-leftarrow.preview4:hover:after			{	-webkit-transform: rotateY(90deg); transform:rotateY(90deg)}


		.tparrows.preview4:hover .tp-arr-titleholder	{	-webkit-transition-delay: 0.4s;
															transition-delay: 0.4s;
															-webkit-transform: rotateX(0deg);
															transform: rotateX(0deg);
															-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;

														}
}

/* PREVIEW 4 BULLETS */

.tp-bullets.preview4 						{ 	height: 17px}
.tp-bullets.preview4 .bullet 				{	cursor: pointer;
											    position: relative !important;
											    background: rgba(0, 0, 0, 0.5) !important;
											    -webkit-border-radius: 10px;
											    border-radius: 10px;
											    -webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
											    width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 0) !important;
											    display: inline-block;
											    margin-right: 2px !important;
											    margin-bottom: 0px !important;
											    -webkit-transition: background-color 0.2s, border-color 0.2s;
											    -moz-transition: background-color 0.2s, border-color 0.2s;
											    -o-transition: background-color 0.2s, border-color 0.2s;
											    -ms-transition: background-color 0.2s, border-color 0.2s;
											    transition: background-color 0.2s, border-color 0.2s;
											    float:none !important;
											    box-sizing:content-box;
												-moz-box-sizing:content-box;
												-webkit-box-sizing:content-box;
}
.tp-bullets.preview4 .bullet.last 			{	margin-right: 0px}
.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4 .bullet.selected 		{	-webkit-box-shadow: none;
											    -moz-box-shadow: none;
											    box-shadow: none;
												background: rgba(255, 255, 255, 1) !important;
												width: 6px !important;
											    height: 6px !important;
											    border: 5px solid rgba(0, 0, 0, 1) !important;
}


    @media only screen  and (max-width: 767px) {
   		 .tparrows.preview4 						{	width:20px; height:80px}
   		 .tparrows.preview4:after					{	width:20px; height:80px; line-height:80px; font-size:14px}

   		 .tparrows.preview1 .tp-arr-allwrapper,
   		 .tparrows.preview2 .tp-arr-allwrapper,
   		 .tparrows.preview3 .tp-arr-allwrapper,
   		 .tparrows.preview4 .tp-arr-allwrapper		{	display: none !important}
    }



/******************************
	-	LOADER FORMS	-
********************************/

.tp-loader 	{
				top:50%; left:50%;
				z-index:10000;
				position:absolute;


			}

.tp-loader.spinner0 {
  width: 40px;
  height: 40px;
  background:url(js/rs-plugin/assets/loader.gif) no-repeat center center;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  margin-top:-20px;
  margin-left:-20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.tp-loader.spinner1 {
  width: 40px;
  height: 40px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  margin-top:-20px;
  margin-left:-20px;
  -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
  animation: tp-rotateplane 1.2s infinite ease-in-out;
  border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



.tp-loader.spinner5 	{	background:url(js/rs-plugin/assets/loader.gif) no-repeat 10px 10px;
							background-color:#fff;
							margin:-22px -22px;
							width:44px;height:44px;
							border-radius: 3px;
							-moz-border-radius: 3px;
							-webkit-border-radius: 3px;
						}


@-webkit-keyframes tp-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes tp-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
  } 50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
  } 100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}


.tp-loader.spinner2 {
  width: 40px;
  height: 40px;
  margin-top:-20px;margin-left:-20px;
  background-color: #ff0000;
   box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  border-radius: 100%;
  -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
  animation: tp-scaleout 1.0s infinite ease-in-out;
}

@-webkit-keyframes tp-scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

@keyframes tp-scaleout {
  0% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}




.tp-loader.spinner3 {
  margin: -9px 0px 0px -35px;
  width: 70px;
  text-align: center;

}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
  width: 18px;
  height: 18px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
  animation: tp-bouncedelay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.tp-loader.spinner3 .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.tp-loader.spinner3 .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes tp-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}




.tp-loader.spinner4 {
  margin: -20px 0px 0px -20px;
  width: 40px;
  height: 40px;
  text-align: center;
  -webkit-animation: tp-rotate 2.0s infinite linear;
  animation: tp-rotate 2.0s infinite linear;
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
  animation: tp-bounce 2.0s infinite ease-in-out;
  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);
}

.tp-loader.spinner4 .dot2 {
  top: auto;
  bottom: 0px;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes tp-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes tp-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes tp-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bounce {
  0%, 100% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}



.tp-transparentimg {	content:"url("http://mendi.enfusionthemes.com/js/rs-plugin/css/../assets/transparent.png")"}
.tp-3d				{	-webkit-transform-style: preserve-3d;
						 -webkit-transform-origin: 50% 50%;
					}



.tp-caption img {
background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
zoom: 1;
}


@font-face {
  font-family: 'revicons';
  src: url("http://mendi.enfusionthemes.com/js/rs-plugin/css/../font/revicons.eot?5510888");
  src: url("http://mendi.enfusionthemes.com/js/rs-plugin/css/../font/revicons.eot?5510888#iefix") format('embedded-opentype'),
       url("http://mendi.enfusionthemes.com/js/rs-plugin/css/../font/revicons.woff?5510888") format('woff'),
       url("http://mendi.enfusionthemes.com/js/rs-plugin/css/../font/revicons.ttf?5510888") format('truetype'),
       url("http://mendi.enfusionthemes.com/js/rs-plugin/css/../font/revicons.svg?5510888#revicons") format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'revicons';
    src: url("http://mendi.enfusionthemes.com/js/rs-plugin/css/../font/revicons.svg?5510888#revicons") format('svg');
  }
}
*/

 [class^="revicon-"]:before, [class*=" revicon-"]:before {
  font-family: "revicons";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.revicon-search-1:before { content: '\e802'} /* '' */
.revicon-pencil-1:before { content: '\e831'} /* '' */
.revicon-picture-1:before { content: '\e803'} /* '' */
.revicon-cancel:before { content: '\e80a'} /* '' */
.revicon-info-circled:before { content: '\e80f'} /* '' */
.revicon-trash:before { content: '\e801'} /* '' */
.revicon-left-dir:before { content: '\e817'} /* '' */
.revicon-right-dir:before { content: '\e818'} /* '' */
.revicon-down-open:before { content: '\e83b'} /* '' */
.revicon-left-open:before { content: '\e819'} /* '' */
.revicon-right-open:before { content: '\e81a'} /* '' */
.revicon-angle-left:before { content: '\e820'} /* '' */
.revicon-angle-right:before { content: '\e81d'} /* '' */
.revicon-left-big:before { content: '\e81f'} /* '' */
.revicon-right-big:before { content: '\e81e'} /* '' */
.revicon-magic:before { content: '\e807'} /* '' */
.revicon-picture:before { content: '\e800'} /* '' */
.revicon-export:before { content: '\e80b'} /* '' */
.revicon-cog:before { content: '\e832'} /* '' */
.revicon-login:before { content: '\e833'} /* '' */
.revicon-logout:before { content: '\e834'} /* '' */
.revicon-video:before { content: '\e805'} /* '' */
.revicon-arrow-combo:before { content: '\e827'} /* '' */
.revicon-left-open-1:before { content: '\e82a'} /* '' */
.revicon-right-open-1:before { content: '\e82b'} /* '' */
.revicon-left-open-mini:before { content: '\e822'} /* '' */
.revicon-right-open-mini:before { content: '\e823'} /* '' */
.revicon-left-open-big:before { content: '\e824'} /* '' */
.revicon-right-open-big:before { content: '\e825'} /* '' */
.revicon-left:before { content: '\e836'} /* '' */
.revicon-right:before { content: '\e826'} /* '' */
.revicon-ccw:before { content: '\e808'} /* '' */
.revicon-arrows-ccw:before { content: '\e806'} /* '' */
.revicon-palette:before { content: '\e829'} /* '' */
.revicon-list-add:before { content: '\e80c'} /* '' */
.revicon-doc:before { content: '\e809'} /* '' */
.revicon-left-open-outline:before { content: '\e82e'} /* '' */
.revicon-left-open-2:before { content: '\e82c'} /* '' */
.revicon-right-open-outline:before { content: '\e82f'} /* '' */
.revicon-right-open-2:before { content: '\e82d'} /* '' */
.revicon-equalizer:before { content: '\e83a'} /* '' */
.revicon-layers-alt:before { content: '\e804'} /* '' */
.revicon-popup:before { content: '\e828'} /* '' */


/*************************
	-	CUSTOM	-
**************************/

.tp-caption.mendi-medium-white, .mendi-medium-white {
	color:#ffffff;
	text-shadow:none;
	background-color:transparent;
	text-decoration:none;
	font-family:"Raleway", sans-serif;
	font-weight:600;
	font-size:46px;
	line-height:normal;
	border-width:0px;
	border-color:rgb(255,255,255);
	border-style:none
}
.tp-caption.mendi-white, .mendi-white {
	color:#ffffff;
	text-shadow:none;
	background-color:transparent;
	text-decoration:none;
	font-family:"Raleway", sans-serif;
	font-weight:800;
	font-size:56px;
	text-transform:uppercase;
	border-width:0px;
	border-color:rgb(255,255,255);
	border-style:none
}
.tp-caption.mendi-white-link, .mendi-white-link {
	color:#ffffff;
	text-shadow:none;
	background-color:transparent;
	text-decoration:none;
	font-family:"Open Sans", sans-serif;
	font-weight:600;
	font-size:14px;
	text-transform:uppercase;
	border-width:0px;
	border-color:rgb(255,255,255);
	border-style:none
}
.tp-caption.mendi-white-light, .mendi-white-light {
	color:#ffffff;
	text-shadow:none;
	background-color:transparent;
	text-decoration:none;
	font-family:"Raleway", sans-serif;
	font-size:32px;
	font-weight:300;
	letter-spacing:0.5px;
	border-width:0px;
	border-color:rgb(0,0,0);
	border-style:none
}
.tp-caption.mendi-white-bold, .mendi-white-bold {
	color:#ffffff;
	text-shadow:none;
	background-color:transparent;
	text-decoration:none;
	font-family:"Raleway", sans-serif;
	font-size:46px;
	line-height:47px;
	font-weight:800;
	letter-spacing:0.5px;
	text-transform:uppercase;
	border-width:0px;
	border-color:rgb(0,0,0);
	border-style:none
}
.tp-caption.mendi-white-cont, .mendi-white-cont {
	color:#ffffff;
	text-shadow:none;
	background-color:transparent;
	text-decoration:none;
	font-family:"Open Sans", sans-serif;
	font-size:22px;
	font-weight:400;
	line-height:26px;
	border-width:0px;
	border-color:rgb(0,0,0);
	border-style:none
}
.tp-caption.mendi-white-btn, .mendi-white-btn {
	color:#ffffff;
	font-family:"Open Sans", sans-serif;
	font-size:13px;
	font-weight:600;
	letter-spacing:0.5px;
	text-transform:uppercase;
	padding:8px 20px 8px 20px;
	background-color:transparent;
	text-decoration:none;
	border-radius:3px 3px 3px 3px;
	border-width:1px;
	border-color:rgb(255,255,255);
	border-style:solid
}
.mendi-white-link span {
	border: 1px solid #ffffff;
	width: 35px;
	height: 35px;
	border-radius: 35px;
	text-align: center;
	line-height: 35px;
	margin: 0 10px 0px 0px;
}</style>

	<style data-href="css/responsive.css" media="">@charset "utf-8";
/* CSS Document */

@media (min-width: 1230px) and (max-width: 1500px) {
  .mendi-social-networks li a {
    padding: 25px 40px 25px 20px;
  }
  .mendi-social-networks li::before {
    right: 15px;
  }
  .mendi-social-networks li i {
    font-size: 40px;
    width: 50px;
  }
  .mendi-blog-thumb-style .entry-header {
    padding-left: 25px; 
    padding-top: 25px;
  }
  .mendi-blog-thumb-style.alignright .entry-header {
    padding-right: 25px;
  }
   .mendi-blog-thumb-style .post-thumbnail {
    width: 35%;
  }
  .mendi-blog-thumb-style .entry-header {
    width: 65%;
  }
  .mendi-portfolio-item figure figcaption h6 {
    font-size: 12px;
  }
  .mendi-left-pos-header .mendi-container {
    width: 900px;
  }
  .mendi-left-pos-header .mendi-left-side-header .mendi-container {
    width: 100%;
  }
}


/* Large desktop */

@media (min-width: 992px) and (max-width: 1230px) {

  /* ui */
  .mendi-icon-with-title.style2 .mendi-icon-holder {
    margin-right: 10px;
  }

  /* Blog */
  .mendi-blog-thumb-style .entry-header {
    padding-left: 25px; 
    padding-top: 25px;
  }
  .mendi-blog-thumb-style.alignright .entry-header {
    padding-right: 25px;
  }
  .mendi-blog-thumb-style .post-thumbnail {
    width: 40%;
  }
  .mendi-blog-thumb-style .entry-header {
    width: 60%;
  }
  .mendi-blog-thumb-style .entry-header h4 {
    font-size: 16px;
    line-height: 24px;
  }

  /* Social Network */
  .mendi-social-networks li a {
    padding: 25px 10px 25px 20px;
  }
  .mendi-social-networks li p {
    font-size: 11px;
  }
  .mendi-social-networks li::before {
    right: 15px;
  }
  .mendi-social-networks li i {
    font-size: 40px;
    width: 50px;
  }
  .mendi-social-networks li:before, .mendi-social-networks li:hover:before {
    content: "";
    border: none;
    background: none;
  }

  /* Shortcodes */
  .mendi-button {
    padding-left: 35px;
    padding-right: 35px;
  }
  .mendi-col-6 .mendi-icon-with-title.style2 .mendi-icon-holder {
    margin-right: 5px;
  }
  .mendi-blog-thumb-style2 .entry-header .mendi-blog-meta h4 {
    font-size: 12px;
  }

  .mendi-sidebar-holder.left-sidebar {
    padding-right: 30px;
  }
  .mendi-sidebar-holder.right-sidebar {
    padding-left: 30px;
  }
  .mendi-col-3.mendi-portfolio-item {
    width: 50%;
  }

  .mendi-portfolio-details .mendi-social-links li a {
    margin-left: 5px;
  }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
  .mendi-mega-menu-container > ul {
    padding: 10px;
  }
  .mendi-social-networks li {
    width: 50%;
  }
  form .mendi-col-4 {
    width: 100%;
    margin-bottom: 0;
  }
  .mendi-col-3, .mendi-col-4, .mendi-col-6, .mendi-col-1-5 {
    margin-bottom: 30px;
  }
  #mendi-masthead.mendi-left-side-header {
    width: 200px;
  }
  .mendi-left-pos-header {
    padding-left: 200px;
  }
  .mendi-left-pos-header .mendi-left-side-header .mendi-container {
    width: 100%;
  }
  .mendi-left-side-header .mendi-social-links li a {
    margin-right: 5px;
    margin-left: 5px;
  }
  #mendi-masthead.mendi-left-side-header .mendi-col-2, #mendi-masthead.mendi-left-side-header .mendi-col-10 {
    width: 100%;
  }

  .mendi-left-side-header .main-nav ul li > ul.mendi-sub-menu li a, .mendi-left-side-header .mendi-mega-menu-container > ul li a {
    font-size: 10px; 
  }
  .mendi-left-side-header .main-nav ul li > ul.mendi-sub-menu li a, .mendi-left-side-header .main-nav ul li .mendi-mega-menu-container a {
    padding-left: 30px;
    padding-right: 20px;
  }
  .mendi-left-side-header .main-nav ul li > ul.mendi-sub-menu li:hover a, .mendi-left-side-header .main-nav ul li .mendi-mega-menu-container li:hover a {
    padding-left: 35px;
  }
  .mendi-left-side-header .header-main .main-nav ul li > ul.mendi-sub-menu ul li a, .mendi-left-side-header .mendi-mega-menu-container > ul li.mendi-mega-menu-title ul li a {
    padding-left: 40px;
  }
  .mendi-left-side-header .header-main .main-nav ul li > ul.mendi-sub-menu ul li:hover a, .mendi-left-side-header .main-nav ul li .mendi-mega-menu-container li ul li:hover > a {
    padding-left: 45px;
  }

  .mendi-rs-hide {
    display: none;
  }
  .mendi-info-bar.style2 .mendi-col-9 {
    padding-left: 15px;
  }
  .mendi-info-bar.style2 .mendi-col-3 {
    text-align: left;
  }
  .mendi-equal-height .mendi-col-6 {
    margin-bottom: 0; 
  }
  .mendi-portfolio-holder .mendi-portfolio-item {
    margin-bottom: 0;
  }
  .mendi-tabs-boxed .mendi-tabs-nav li a {
    min-width: 160px;
  }
  .mendi-facts.style2 {
    margin-bottom: 20px;
  }
  .mendi-facts .mendi-facts-icon-holder {
    margin-top: 0;
  }
  .mendi-facts {
    margin-bottom: 20px;
  }
  .mendi-icon-with-title.style2 .mendi-icon-holder {
    margin-bottom: 0;
  }
  .mendi-icon-with-title.style2 h6 {
    width: 100%; 
    clear: both;
  }
  .widget.widget_recent_entries ul li a {
    clear: both;
    display: inline-block;
  }
  .mendi-sidebar-holder.left-sidebar {
    padding-right: 30px;
  }
  .mendi-sidebar-holder.right-sidebar {
    padding-left: 30px;
  }
  .mendi-col-3.mendi-portfolio-item {
    width: 50%;
  }
  .mendi-portfolio-item figure figcaption h6 {
    font-size: 12px;
  }
  .mendi-portfolio-details .mendi-row [class*="mendi-col-"] {
    width: 100%;
  }
  ol.comment-list li.comment .reply {
    clear: both;
    display: inline-block;
    margin: 10px 0 0;
  }
  ol.comment-list li.comment .comment-metadata {
    float: none;
  }
  .header-top .mendi-social-links {
    margin-left: 15px;
  }
  .mendi-info-bar.style2, .mendi-info-bar.style2 .mendi-col-3 {
    text-align: center;
  }
  .mendi-info-bar.style2 .mendi-col-3 {
    width: 100%;
  }
  .mendi-blog-thumb-style .entry-header {
    padding-left: 25px; 
    padding-top: 25px;
  }
  .mendi-blog-thumb-style.alignright .entry-header {
    padding-right: 25px;
  }
  .mendi-blog-thumb-style .post-thumbnail {
    width: 45%;
  }
  .mendi-blog-thumb-style .entry-header {
    width: 55%;
  }
  .mendi-blog-thumb-style .entry-header h4 {
    font-size: 14px;
    line-height: 22px;
  }
  .mendi-blog-thumb-style .entry-format {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }


}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  /* Header */
  #mendi-responsive-menu-trigger {
    opacity: 1;
    pointer-events: auto;
    top: 0;
    margin-top: 0;
    left: 0;
    z-index: 1;
  }
  .mendi-std-header #mendi-responsive-menu-trigger {
    margin-top: 1px;
  }
  
  .main-nav > ul {
    opacity: 0;
    display: none;
    clear: both;
    width: 100%;
  }
  .main-nav > ul.show {
    opacity: 1;
    display: block;
  }
  .main-nav > ul li {
    clear: both;
    width: 100%;
  }
  .header-main .mendi-col-10 {
    width: 100%;
  }
  .transparent-header .main-nav > ul > li > a, .transparent-header .header-main.sticky .main-nav > ul > li > a {

  }
  #mendi-masthead .mendi-col-2 {
    width: 100%;
    margin-bottom: 0;
    position: inherit;
  }
  #mendi-masthead .mendi-col-10 {
    width: 100%;
    margin-bottom: 0;
    position: inherit;
  }
  header#mendi-masthead {
    background: #ffffff;
    padding: 0;
  }
  .header-top {
    padding: 5px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    margin: 0 0 15px;
    text-align: center;
  }
  .header-top ul.header-contact {
    float: left;
    text-align: center;
    width: 100%;
  }
  .header-top ul.header-contact li {
    display: inline-block;
    text-align: center;
  }
  #mendi-masthead #logo {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 25%;
    top: 5px;
    text-align: center;
  }
  .logo-light, .transparent-header .logo-light {
    display: none;
  }
  .logo-dark, .header-main.sticky .logo-dark, .transparent-header .logo-dark {
    display: inline-block;
  }
  .header-top ul.header-contact li a, .header-top ul.header-contact li, .mendi-search-container .mendi-search:before, .main-nav ul li .mendi-mega-menu-container > ul li.mendi-mega-menu-title > a {
    color: #333333;
  }
  .header-main {
    min-height: 53px;
  }
  .header-main .mendi-container {
    width: 100%;
  }
  #logo a.mendi-standard-logo { 
    display: none !important; 
  }
  #logo a.mendi-standard-logo {
    display: block !important; 
  }
 /* #mendi-masthead .sticky #logo {
    top: 12px;
  }*/
  .transparent-header .header-main.sticky .mendi-search-container .mendi-search:before {

  }
  .mendi-std-header .mendi-search-container .mendi-search::before, .transparent-header .header-main.sticky .mendi-search-container .mendi-search:before, .header-main.sticky .mendi-search-container .mendi-search:before {

  }  
  
  .main-nav {
    float: left;    
  }
  .main-nav > ul {
    margin: 40px 0 0;
  }
  .main-nav ul li a {
    color: #333333;
    padding: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    width: 100%;
    padding: 7px 24px;
  }
  .transparent-header .main-nav > ul > li > a {

  }
  .mendi-std-header .main-nav ul li a, .mendi-std-header .header-main.sticky .main-nav > ul > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: normal;
  }
  .mendi-search-container {
    margin-right: 20px;
  }
  .header-main .main-nav ul li > ul.mendi-sub-menu, .mendi-mega-menu-container {
    position: inherit;
    width: 100%;
    top: 0 !important;
    box-shadow: none;
    left: 0;
  } 
  .header-main .main-nav ul li > ul.mendi-sub-menu ul {
    left: 0;
    position: inherit;
    clear: both;
  }
  .header-main .main-nav ul li > ul.mendi-sub-menu ul li a {
    padding-left: 60px;
  }
  .header-main .main-nav ul li > ul.mendi-sub-menu ul ul li a {
    padding-left: 80px;
  }
  .main-nav ul li > ul.mendi-sub-menu li a {
    padding-left: 40px;
    padding-right: 40px;
  }
  .header-main .main-nav ul li > ul.mendi-sub-menu ul li:hover a, .main-nav ul li .mendi-mega-menu-container li ul li:hover > a {
    padding-left: 65px;
  }
  .header-main .main-nav ul li > ul.mendi-sub-menu ul ul li:hover a {
    padding-left: 85px;
  }
 .main-nav ul li > ul.mendi-sub-menu li a:hover, .main-nav ul li .mendi-mega-menu-container li:hover > a {
    padding-left: 45px;
  }
  .main-nav ul li > ul.mendi-sub-menu li:last-child a {
    padding-bottom: 10px;
  }
  .mendi-mega-menu-container, .mendi-mega-menu-container > ul {
    width: 100% !important;
  }
  .mendi-mega-menu-container > ul li.mendi-mega-menu-title > a {
    margin: 0;
  }
  .mendi-mega-menu-container > ul {
    padding: 0;
  }
  .main-nav ul li .mendi-mega-menu-container a {
    padding: 13px 40px; 
    color: rgba(0, 0, 0, 0.4);
  }
  .mendi-mega-menu-container > ul li.mendi-mega-menu-title ul li a {
    padding-left: 60px;
  }

  .mendi-has-sub-menu > a:before {
    content: "\f105";
  }
  .mendi-has-sub-menu:hover > a:before {
    content: "\f107";
  }
  .transparent-header, .header-main.sticky {

  }

  .mendi-search-form, .is-sticky .mendi-search-form, .transparent-header .mendi-search-container .mendi-search-form, .transparent-header .sticky .mendi-search-container .mendi-search-form, .sticky .mendi-search-container .mendi-search-form {

  }
  .mendi-search-container {
    margin-right: 30px;
  }


  .mendi-std-header #logo a {
    display: inline-block;
  }
  .mendi-std-header #logo a, .mendi-std-header .header-main.sticky #logo a {
    padding: 0;
    line-height: normal;
    height: auto;
  }
  .header-top .mendi-container {
    width: 100%;
  }
  .mendi-std-header .header-top {
    padding: 0;
  }
  .mendi-header-with-topbar .header-top .header-contact {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .mendi-std-header .header-top ul.header-contact li {
    padding: 10px;
  }
  .mendi-std-header .header-top .mendi-social-links {
    margin-left: 10px;
  }
  .mendi-header-with-topbar .header-top .header-contact, .header-top .social-links-container {
    width: 100%;
    text-align: center;
    float: left;
  }
  .mendi-header-with-topbar .header-top ul.header-contact li, .header-top .social-links-container p, .mendi-std-header .header-top .mendi-social-links, .header-top .mendi-social-links li {
    float: none;
    display: inline-block;
  }
  .header-top .mendi-social-links li a {
    margin-right: -3px;
  }
  .header-top .mendi-container {
    padding: 0;
  }
  .mendi-header-with-topbar .header-top ul.header-contact li, .mendi-header-with-topbar .header-top ul.header-contact li:last-child {
    border: 0px;
  }

  .mendi-left-side-header .mendi-social-links {
    float: right;
    margin: 10px 0 0;
    position: absolute;
    right: 10px;
  }
  .mendi-left-side-header .mendi-social-links li a {
    margin: 0 5px;
  }
  .mendi-left-side-header .main-nav > ul > li > a {
    line-height: 30px;
  }
  .mendi-left-side-header #mendi-responsive-menu-trigger {
    line-height: 53px;
  }
  

  .mendi-title-holder {
    padding: 40px 0;
  }


  .mendi-row .mendi-position-bottom-right, .mendi-row .mendi-position-bottom-left {
    position: inherit;
  }
  .mendi-portfolio-holder .mendi-portfolio-item {
    margin-bottom: 0;
  }
  .mendi-facts.style2 {
    margin-bottom: 20px;
  }
  .mendi-facts .mendi-facts-icon-holder {
    margin-top: 0;
  }
  .mendi-facts {
    margin-bottom: 20px;
  }
  .mendi-position-bottom-right {
    margin-bottom: 0 !important;
  }
  .mendi-row.mendi-no-space-cols [class*="mendi-col-"] {
    margin-bottom: 0;
  }
  .mendi-social-networks li {
    width: 100%;
  }
  .mendi-portfolio-filter ul li a {
    margin-bottom: 20px;
  }
  .mendi-info-bar.style3 h3 {
    margin: 0 0 30px;
  }
  .mendi-copyrights {
    text-align: center;
  }
  .mendi-copyrights p, .mendi-copyrights .mendi-social-links {
    float: none;
    display: inline-block;
  }
  .mendi-copyrights .mendi-social-links {
    margin-top: 20px;
  }
  .mendi-social-links li a{
    margin: 0 10px;
  }
  .mendi-info-bar.style2 .mendi-col-9 {
    padding-left: 0;
  }
  .mendi-info-bar.style2 .mendi-col-3 {
    text-align: left;
  }
  .mendi-tabs-boxed .mendi-tabs-nav li {
    margin-bottom: 20px;
  }
  .mendi-info-bar.style2, .mendi-info-bar.style2 .mendi-col-3 {
    text-align: center;
  }
  .mendi-portfolio-item figure figcaption h6 {
    font-size: 12px;
  }
  .mendi-tabs-boxed .mendi-tabs-nav li:first-child {
    border-radius: 3px;
  }
  .mendi-icon-with-title.style4, .mendi-icon-with-title.style5 {
    padding: 0;
    text-align: center;
  }
  .mendi-icon-with-title.style4 .mendi-icon-holder, .mendi-icon-with-title.style5 .mendi-icon-holder {
    margin-bottom: 25px;
    position: inherit;
    display: inline-block;
  }
  .mendi-icon-with-title h6:before, .mendi-icon-with-title.left h6:before {
    right: 0;
    left: 0;
    margin: auto;
  }
  .mendi-tabs-boxed .mendi-tabs-nav li a {
    min-width: 160px;
  }
  .mendi-testimnonial-author, .mendi-testimnonial-author .author-image, .mendi-testimnonial-meta, .mendi-testimnonial-rating, .mendi-icon-with-title.style6, .mendi-icon-with-title.style6 .mendi-icon-holder {
    text-align: center;
    float: none;
    display: inline-block;
    margin: 0;
    clear: both;
    width: 100%;
  }
  .mendi-icon-with-title.style6 h6 {
    float: none;
  }
  .mendi-icon-with-title.style6 .mendi-icon-holder {
    margin-bottom: 20px;
  }
  .mendi-testimonial blockquote {
    margin-bottom: 20px;
  }
  .mendi-testimnonial-author .author-image, .mendi-testimnonial-meta {
    margin-bottom: 10px;
  }
  .mendi-testimonial blockquote::before {
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
  }
  ol.mendi-planner-list > li {
    padding-left: 60px;
  }
  .mendi-accordion-title .mendi-accordion-arrow {
    margin-right: 10px;
  }
  .mendi-accordion-title h6 {
    font-size: 12px;
  }
  ol.mendi-planner-list > li:before {
    width: 40px;
    height: 40px;
    line-height: 36px;
    font-size: 16px;
  }
  ol.mendi-planner-list li:after {
    left: 9px;
    bottom: 10px;
  }
  .mendi-progress-bar-wrapper h6 {
    font-size: 11px;
    top: -45px;
  }
  .mendi-progress-bar-wrapper {
    margin-top: 45px;
  }
  .mendi-icon-with-title.style4.right {
    padding: 0;
  }
  .mendi-icon-with-title.style7 {
    padding: 20px 20px 20px 65px;
  }
  .mendi-icon-with-title.style7 .mendi-icon-holder i {
    font-size: 20px;
    line-height: 60px;
  }
  .mendi-icon-with-title.style7 .mendi-icon-holder {
    width: 60px;
    height: 60px;
    left: -30px;
  }
  .mendi-icon-with-title.style7 .mendi-icon-holder:before {
    width: 80px;
    height: 80px;
  }
  .mendi-button {
    padding-left: 20px;
    padding-right: 20px;
  }
  form .mendi-row .mendi-col-4 {
    margin-bottom: 0;
  }
  .mendi-contact-with-large-icon p {
    font-size: 16px;
  }
  .mendi-contact-form {
    width: 100%;
  }
  .mendi-contact-with-large-icon .mendi-contact-icon-holder {
    width: 50px;
    height: 50px;
    border-width: 5px;
  }
  .mendi-contact-with-large-icon .mendi-contact-icon-holder i {
    font-size: 16px;
    line-height: 40px;
  }
  .mendi-contact-with-large-icon {
    padding-left: 65px;
  }
  .mendi-contact-with-large-icon p {
    margin-top: 5px;
  }
  .mendi-error404 .mendi-error-info {
    font-size: 110px;
    line-height: 50px;
  }
  .mendi-error404 .mendi-error-info span {
    line-height: 30px;
  }
  .mendi-error404 .search-form {
    max-width: 200px;
    min-width: 200px;
  }
  .mendi-error404 .mendi-heading, .mendi-error404 .search-form {
    display: none;
  }
  /* Sidebar */
  .mendi-sidebar-holder {
    padding: 0;
    width: 100%;
  }
  .mendi-sidebar-holder.left-sidebar, .mendi-sidebar-holder.right-sidebar {
    padding: 50px 0 0;
  }
  .mendi-content-holder {
    width: 100%;
  }
  .widget.widget_categories ul li a {
    padding-right: 10px;
  }
  /* Portfolio */
  .mendi-portfolio-holder .mendi-portfolio-item {
    padding-bottom: 0;
  }
  .portfolio-social-share .mendi-social-links li a {
    margin: 0 5px;
  }
  .mendi-portfolio-meta-details li span {
    width: 100%;
  }
  /* Blog */
  .mendi-blog-item {
    padding-left: 115px;
  }
  .mendi-blog-item .post-thumbnail .post-format {
    width: 50px;
    height: 50px;
    line-height: 40px;
  }
  .mendi-blog-item .post-thumbnail .post-format i {
    font-size: 18px;
  }

  ol.comment-list li.comment .reply {
    clear: both;
    display: inline-block;
    margin: 10px 0 0;
  }
  ol.comment-list li.comment .comment-metadata {
    float: none;
  }
  ol.comment-list li.comment ol {
    padding-left: 30px;
  }

  blockquote.style1:before {
    width: 50px;
    height: 50px;
    line-height: 40px;
    left: -20px;
    font-size: 14px;
  }
  blockquote.style1 {
    padding-left: 45px;
    font-size: 14px;
  }
  .mendi-blog-thumb-style .entry-header {
    padding-left: 25px; 
    padding-top: 25px;
  }
  .mendi-blog-thumb-style.alignright .entry-header {
    padding-right: 25px;
  }
  .mendi-blog-thumb-style .post-thumbnail {
    width: 45%;
  }
  .mendi-blog-thumb-style .entry-header {
    width: 55%;
  }
  
}

@media (min-width: 480px) and (max-width: 767px) {
  .mendi-blog-thumb-style .entry-header h4 {
    font-size: 14px;
    line-height: 22px;
  }
  .mendi-blog-thumb-style .entry-format {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}

/* Landscape phones and down */
@media (max-width: 479px) {
  .header-main .mendi-container {
    padding: 0;
  }
  #mendi-masthead .mendi-col-10 {
    padding: 0;
  }
  .mendi-left-side-header .mendi-social-links {
    display: none;
  }
  .mendi-social-networks li {
    width: 100%;
  }

  ol.comment-list li.comment .comment-metadata, ol.comment-list li.comment .comment-author a {
    clear: both;
  }
  .mendi-blog-thumb-style .entry-header h4 {
    font-size: 12px;
    line-height: 20px;
  }
  .mendi-blog-thumb-style .entry-format {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
}

@media (max-width: 340px) { 
  #mendi-masthead #logo {
    width: 35%;
  }
  .mendi-std-header .header-top ul.header-contact li {
    padding: 5px;
  }
  .mendi-accordion-title h6 {
    width: 75%;
  }
  .mendi-social-networks li a {
    padding: 25px 70px 25px 20px;
  }
  .mendi-social-networks li i {
    font-size: 24px;
    width: 30px;
  }
  .mendi-error404 .mendi-error-info {
    font-size: 70px;
  }
  .mendi-blog-item {
    padding-left: 0;
  }
  .mendi-blog-item .entry-meta {
    margin: 0 0 30px;
    position: inherit;
    text-align: center;
    width: 100%;
  }
  .mendi-blog-item .post-thumbnail .post-format {
    width: 50px;
    height: 50px;
    line-height: 40px;
  }
  ol.comment-list li.comment .comment-metadata {
    clear: both;
  }
  .mendi-portfolio-item figure figcaption h6 {
    padding-top: 42px;
  }
  .mendi-blog-thumb-style .post-thumbnail {
    width: 100%;
  }
  .mendi-blog-thumb-style .entry-header {
    width: 100%;
  }
  .mendi-blog-thumb-style .entry-header h4 {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 30px;
  }
  .mendi-blog-thumb-style .entry-format {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  }
  
}
@media (max-width: 240px) {  
  .mendi-portfolio-item figure figcaption h6 {
    padding-top: 42px;
  }
  .header-top .mendi-social-links li a {
    width: 40px;
  }
  .mendi-std-header .header-top .mendi-social-links {
    margin-left: 0;
  }
  
}






@media (min-width: 992px) and (max-width: 1230px) {
  .mendi-container, .mendi-mega-menu-container {
    width: 940px;
  }
  .mendi-left-pos-header .mendi-container {
    width: 700px;
  }
  .mendi-left-pos-header .mendi-left-side-header .mendi-container {
    width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .mendi-container, .mendi-mega-menu-container {
    width: 710px;
  }
  .mendi-left-pos-header .mendi-container {
    width: 500px;
  }
 .mendi-col-1, .mendi-col-2, .mendi-col-3, .mendi-col-4, .mendi-col-5, .mendi-col-6, .mendi-col-1-5, .mendi-col-2-5, .mendi-col-3-5, .mendi-col-4-5 {
    width:50%;
  }
  .mendi-col-7, .mendi-col-8, .mendi-col-9, .mendi-col-10, .mendi-col-11, .mendi-col-12 {
    width: 100%;
    margin-bottom: 30px;
  } 
  #mendi-masthead .mendi-col-2 {
    width: 16.6667%;
    margin-bottom: 0;
  }
  #mendi-masthead .mendi-col-10 {
    width: 83.3333%;
    margin-bottom: 0;
  }
  .mendi-no-space-cols .no-space {
    margin-bottom: 0;
  }

}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .mendi-col-1, .mendi-col-2, .mendi-col-3, .mendi-col-4, .mendi-col-5, .mendi-col-6, .mendi-col-7, .mendi-col-8, .mendi-col-9, .mendi-col-10, .mendi-col-11, .mendi-col-12, .mendi-col-1-5, .mendi-col-2-5, .mendi-col-3-5, .mendi-col-4-5 {
    width: 100%;
    /*padding: 0;*/
  }
  .mendi-row [class*="mendi-col-"] {
    margin-bottom: 30px;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .mendi-container { 
    width: 400px; 
  }
}
@media (max-width: 479px) { 
  .mendi-container { 
    width: 100%; 
    padding: 0 30px;
  }
  /*.mendi-row{
    margin: 0;
  }*/
  h1 {
    font-size:26px;
  }

  h2 {
    font-size:24px;
  }

  h3 {
    font-size:22px;
  }

  h4 {
    font-size:18px;
  }

  h5 {
    font-size:16px;
  }

  h6 {
    font-size:14px;
  }
}


/* ----------------------------------------------------------------
  Retina CSS
-----------------------------------------------------------------*/
#logo a.mendi-retina-logo, #logo a.mendi-retina-logo img { 
    display: none; 
}
.mendi-left-side-header #logo  a.mendi-retina-logo {
	display: none;
}

@media (max-width: 767px) {
  #logo a.mendi-standard-logo, #logo a.mendi-standard-logo img { 
    display: none; 
  }
  #logo a.mendi-retina-logo, #logo a.mendi-retina-logo img { 
    display: block; 
  } 
  #logo a.mendi-retina-logo img.logo-light, .mendi-left-side-header #logo  a.mendi-retina-logo img.logo-light { 
  	display: none !important;  	
  }
  .mendi-left-side-header #logo  a.mendi-retina-logo { 
    display: block !important;
  } 
}


@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

  #logo a.mendi-standard-logo, #logo a.mendi-standard-logo img { 
    display: none; 
  }
  #logo a.mendi-retina-logo, #logo a.mendi-retina-logo img { 
    display: block; 
  } 
  #logo a.mendi-retina-logo img.logo-light, .mendi-left-side-header #logo  a.mendi-retina-logo img.logo-light { 
  	display: none !important;  	
  }
  .mendi-left-side-header #logo  a.mendi-retina-logo { 
    display: block !important;
  } 
  ol.mendi-planner-list li:after {
    background: url(images/planner-down-arrow.png) no-repeat;
    background-size: 23px 25px;
  }

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (   min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and (max-width: 991px),
only screen and (        min-device-pixel-ratio: 2) and (max-width: 991px),
only screen and (                min-resolution: 192dpi) and (max-width: 991px),
only screen and (                min-resolution: 2dppx) and (max-width: 991px) {
  #logo a.mendi-standard-logo, #logo a.mendi-standard-logo img { 
    display: none; 
  }
  #logo a.mendi-retina-logo, #logo a.mendi-retina-logo img { 
    display: block; 
  } 
  #logo a.mendi-retina-logo img.logo-light, .mendi-left-side-header #logo  a.mendi-retina-logo img.logo-light { 
  	display: none !important;  	
  }
  .mendi-left-side-header #logo  a.mendi-retina-logo { 
    display: block !important;
  } 
}
</style>

	<!--[if lt IE 9]>
		<script src="js/html5shiv.min.js"></script>
		<script src="js/respond.min.js"></script>
	<![endif]-->

	<style data-href="css/colors.php" media="">@charset "utf-8";
::-moz-selection {
	background:#50c1e9; 
}

::-moz-selection {
	background:#50c1e9; 
}

a, .mendi-portfolio-item:hover figure figcaption h6 a:hover, .mendi-portfolio-item:hover figure figcaption p a:hover, .mendi-facts .mendi-facts-icon-holder i, .mendi-list li:before, .mendi-contact address:before, .mendi-contact abbr:before, .mendi-contact abbr a:hover, .mendi-header-with-topbar .header-top ul.header-contact li a:hover, .mendi-blog-item .entry-meta .posted-on time span, .mendi-blog-item .entry-footer p a:hover, .mendi-blog-item .entry-header h4 a:hover, .widget.widget_recent_entries ul li a:hover, .widget ul li a:hover, .widget.widget_categories ul li:hover:before, .paging-navigation .pagination .page-numbers.current, .mendi-portfolio-meta-details li.links a:hover, .mendi-icon-with-title.style3 .mendi-icon-holder i, .mendi-team h6, .mendi-team .mendi-social-links li a:hover i, .mendi-icon-with-title.style5 .mendi-icon-holder i, .mendi-error404 .mendi-error-info i, .mendi_twitter_widget ul.mendi-tweets-list li a {	
	color:#50c1e9;
}

.header-top ul li i, .header-top ul li a:hover {
	color:#50c1e9; 
}

.main-nav > ul > li > a:hover, .header-main.sticky .main-nav > ul > li > a:hover, .main-nav > ul > li.current_page_item > a, .header-main.sticky .main-nav > ul > li.current_page_item > a, .main-nav ul.mendi-sub-menu li.current_page_item > a, .mendi-mega-menu-container ul li.current_page_item a {
	color:#50c1e9; 
}

.mendi-heading h1:before, .mendi-heading h2:before, .mendi-heading h3:before, .mendi-heading h4:before, .mendi-heading h5:before, .mendi-portfolio-details-slideshow-nav a:hover {
	background:#50c1e9; 
}

button, input[type="button"], input[type="reset"], input[type="submit"], .mendi-icon-with-title.style1 .mendi-icon-holder, .mendi-icon-with-title h6:before, .mendi-button, .mendi-facts:hover .mendi-facts-icon-holder, .mendi-icon-with-title.style2:hover .mendi-icon-holder, .mendi-blog-thumb-style.skin, .widget h2.widget-title:before, .widget.widget_tag_cloud .tagcloud a:hover, .mendi-sidebar-holder .widget .mendi-newsletter input[type="submit"]:hover, .paging-navigation .pagination .page-numbers:hover, blockquote.style1:before, ol.comment-list li.comment .reply a:hover, .mendi-contact-with-large-icon .mendi-contact-icon-holder, .mendi-portfolio-filter ul li a:hover, .mendi-portfolio-filter ul li a.current, .mendi-blog-item .post-thumbnail .post-format, .mendi-tabs-boxed .mendi-tabs-nav li a:hover, .mendi-tabs-boxed .mendi-tabs-nav li a.current, .mendi-icon-with-title.style4:hover .mendi-icon-holder, .mendi-team .mendi-social-links:before, .mendi-facts.style2 h6:before, .mendi-blog-thumb-style2, ol.mendi-planner-list > li h6:before, ol.mendi-planner-list > li:hover:before, .mendi-progress-bar-wrapper .mendi-progress-bar, .mendi-accordion-holder .mendi-accordion-panel.current .mendi-accordion-title .mendi-accordion-arrow, .mendi-accordion-holder .mendi-accordion-panel:hover .mendi-accordion-title .mendi-accordion-arrow, .hvr-shutter-out-horizontal:before, .mendi-icon-with-title.style7 .mendi-icon-holder, .mendi-button.stroke-style:hover, #mendi-vertical-nav .mendi-vertical-nav-dot, #mendi-vertical-nav .mendi-vertical-nav-label, .mendi-top:hover, .mendi-owl-carousel-custom-nav a:hover, #infscr-loading, #portfolio-ajax-loader {
	background-color:#50c1e9; 
}

.mendi-icon-with-title.style2 .mendi-icon-holder, .widget.widget_tag_cloud .tagcloud a:hover, .mendi-sidebar-holder .widget .mendi-newsletter input[type="submit"], .paging-navigation .pagination .page-numbers:hover, ol.comment-list li.comment .reply a:hover, .mendi-portfolio-filter ul li a:hover, .mendi-portfolio-filter ul li a.current, .mendi-tabs-boxed .mendi-tabs-nav li, ol.mendi-planner-list > li:hover:before, .mendi-accordion-holder .mendi-accordion-panel.current .mendi-accordion-title .mendi-accordion-arrow, .mendi-accordion-holder .mendi-accordion-panel:hover .mendi-accordion-title .mendi-accordion-arrow, .mendi-button.stroke-style:hover, #mendi-vertical-nav a.is-selected .mendi-vertical-nav-dot, .mendi-owl-carousel-custom-nav a:hover, #mendi-masthead.mendi-left-side-header, .mendi-portfolio-details-slideshow-nav a:hover {
	border-color:#50c1e9; 
}

.widget.mendi-flickr-widget ul li a:before {
	background-color:rgba(80,193,233,0.7); 
}

.mendi-blog-thumb-style .post-thumbnail:before {
	background:rgba(80,193,233,0.6); 
}

.mendi-blog-thumb-style.dark, footer#mendi-footer .mendi-footer-widgets, button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, .mendi-header-with-topbar .header-top, .mendi-blog-item:hover .post-thumbnail .post-format, .mendi-button.stroke-style.light:hover {
	background:url(images/header1.png) repeat fixed;
}

.mendi-button.stroke-style.light:hover {
	border-color:#051f27; 
}

.mendi-icon-with-title.style1:hover .mendi-icon-holder, .mendi-icon-with-title.style3:hover .mendi-icon-holder {
	background:#051f27; 
}

.mendi-portfolio-item figure figcaption, .mendi-row-overlay:before {
	background:rgba(5,31,39,0.8); 
}

blockquote {
	background-color:#edf9fd; 
}

.mendi-testimonial blockquote:before {
	border-top-color:#edf9fd; 
}

.mendi-title-overlay:before {
	background:rgba(22,96,122,0.85); 
}