/* --------------------------------------------
	
	main.css : main style file
	Project : unRovr
	Author : pixelwars 
	
	---
	
	CONTEXT:
	
	1. BASE
		1.1 ELEMENTS
		1.2 FONTS
		1.3 TYPOGRAPHY
	2. FORMS
	3. COMMON
	4. LAYOUT
	5. MODULES
	6. THEME
	
   -------------------------------------------- */



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

	1. BASE (@base) - base html elements
	
    -------------------------------------------- */

 /* ----- 1.1 ELEMENTS ----- */
 *,
 *:after,
 *::before {
 	-webkit-box-sizing: border-box;
 	-moz-box-sizing: border-box;
 	box-sizing: border-box;
 }

 html {
 	font-size: 100%;
 	-webkit-font-smoothing: antialiased;
 }

 body {
 	font-size: 14px;
 	line-height: 1.8;
 	-webkit-text-size-adjust: none;
 }

 a {
 	color: #096;
 	text-decoration: none;
 	outline: none;
 }

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

 a:hover {
 	color: #5BCF80
 }

 iframe {
 	border: none
 }

 ul {
 	list-style: square
 }

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

 /* ----- 1.2 FONTS ----- */
 /* BODY */
 body,
 input,
 textarea,
 select {
 	font-family: 'Roboto', sans-serif;
 }

 /* HEADING 1 */
 h1,
 .entry-title {
 	font-family: 'Poppins', sans-serif;
 }

 /* HEADINGS */
 h2,
 h3,
 h4,
 h5,
 h6,
 .filters,
 .nav-menu,
 .card-nav,
 th,
 dt,
 .button,
 .catlinks a,
 input[type=submit],
 button,
 label,
 .tab-titles,
 a.more-link,
 blockquote {
 	font-family: 'Roboto';
 }

 /* FONTELLO ICONS */
 .social-link,
 .menu-with-icons a:before,
 .toggle h4:before,
 .mask,
 .site-alert:before,
 .portfolio-nav a:before,
 .hentry .entry-header:before,
 .gallery-item a:after {
 	font-family: fontello;
 	font-style: normal;
 	font-weight: 400;
 	speak: none;
 	display: inline-block;
 	text-decoration: inherit;
 	text-align: center;
 	font-variant: normal;
 	text-transform: none;
 }

 /* ----- 1.3 TYPOGRAPHY ----- */
 /* headings and paragraphs  */
 h1 {
 	font-size: 1.80em;
 	margin: 0.8em 0 0.4em 0;
 	line-height: 1.2;
 }

 h2 {
 	font-size: 1.20em;
 	margin: 1.0em 0 0.6em 0;
 	line-height: 1.3;
 }

 h3 {
 	font-size: 1.00em;
 	margin: 1.0em 0 .6em 0;
 	font-weight: 700;
 }

 h4 {
 	font-size: 0.9em;
 	margin: 2.0em 0 .6em 0;
 }

 h5 {
 	font-size: 0.9em;
 	margin: 1.0em 0 .6em 0;
 }

 h6 {
 	font-size: 0.9em;
 	margin: 1.0em 0 .6em 0;
 }

 p {
 	margin: 1em 0 1.em 0;
 }

 h1,
 .entry-title {
 	font-weight: 600;
 	word-wrap: break-word;
 }

 /* blockquote  */
 blockquote {
 	position: relative;
 	margin: 1.6em 0;
 	padding: 0 1.4em;
 	font-size: 1.4em;
 	line-height: 1.5;
 	font-weight: bold;
 }

 blockquote p {
 	line-height: 100%;
 }

 blockquote cite {
 	display: block;
 	font-size: 13px;
 	padding-right: 1em;
 	margin-top: 1em;
 	font-style: normal;
 	font-weight: 400;
 	opacity: .5;
 	letter-spacing: 0.07em;
 }

 hr {
 	padding: .6em 0 1em 0;
 	margin-bottom: 3em;
 	outline: 0;
 	border-width: 0 0 2px 0;
 	border-style: solid;
 	border-color: #eee;
 }

 /* tables  */
 table {
 	font-size: .875em;
 	margin-bottom: 3em;
 	text-align: center;
 }

 tr th {
 	padding: .8em 1em;
 	font-size: 12px;
 	font-weight: bold;
 	border-bottom: 2px solid #DDE4E6;
 	text-transform: uppercase;
 }

 tr td {
 	color: #6A7686;
 	padding: .8em 1em .6em 1em;
 	border-bottom: 1px solid #eee;
 }

 tfoot tr td {
 	border-bottom: 0
 }

 tr:nth-child(odd) td {
 	background: #FAFCFD;
 }

 /* code and pre  */
 code,
 pre {
 	max-width: 100%;
 	overflow: scroll;
 	padding: 0 3px 2px;
 	margin-bottom: 4em;
 	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
 	font-size: 12px;
 	color: #333333;
 	white-space: pre;
 	overflow: auto;
 }

 code {
 	display: inline-block;
 	margin: 0 .4em;
 	padding: 1px 6px;
 	background: #fff;
 	border: 1px solid #DDE4E6;
 	box-shadow: 1px 1px 0 #fff, 2px 2px 0 #DDE4E6;
 }

 pre {
 	border: 1px solid #eee;
 	padding: 12px 20px;
 }

 /* lists  */
 ol,
 ul {
 	margin: .2em 0 1em 0;
 }

 ul {
 	list-style: disc;
 }

 dt {
 	margin-bottom: .4em;
 	font-size: 12px;
 	font-weight: bold;
 }

 dd {
 	padding-bottom: 1em;
 	margin-left: 1.4em;
 }

 /* Bootstrap Grid Fix */
 @media (max-width:767px) {
 	.col-xs-6:nth-child(2n+1) {
 		clear: left;
 	}
 }


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

	2. FORMS (@forms) - form elements
	
    -------------------------------------------- */
 fieldset {
 	border: 0;
 	margin: 0;
 	padding: 0;
 }

 form p {
 	position: relative;
 	margin: 1.6em 0;
 }

 label {
 	display: block;
 	font-size: 10px;
 	letter-spacing: 1px;
 	font-weight: 700;
 	margin-bottom: 0.6em;
 	text-transform: uppercase;
 }

 ::-webkit-input-placeholder {
 	color: inherit;
 	font-size: 10px;
 	letter-spacing: 1px;
 	font-weight: 700;
 	text-transform: uppercase;
 }

 ::-moz-placeholder {
 	color: inherit;
 	font-size: 10px;
 	letter-spacing: 1px;
 	font-weight: 700;
 	text-transform: uppercase;
 }

 :-ms-input-placeholder {
 	color: inherit;
 	font-size: 10px;
 	letter-spacing: 1px;
 	font-weight: 700;
 	text-transform: uppercase;
 }

 label input {
 	font-weight: 400;
 }

 input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),
 textarea,
 select {
 	padding: 1em 0;
 	width: 100%;
 	font-size: .925rem;
 	border: 0;
 	border-bottom: 2px solid rgba(0, 0, 0, 0.07);
 	border-radius: 0;
 	background-color: transparent;
 	-webkit-appearance: none;
 	-webkit-tap-highlight-color: transparent;
 	box-sizing: border-box;
 }

 input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):hover,
 textarea:hover,
 input:hover,
 select:hover {
 	outline: 0;
 }

 input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
 textarea:focus,
 input:focus,
 select:focus {
 	border-color: #4ECE99;
 	outline: 0;
 }

 textarea {
 	min-height: 7em;
 	line-height: 1.6;
 	resize: vertical;
 }

 select {
 	padding: .8em 0;
 	-webkit-appearance: none;
 	-moz-appearance: none;
 	-ms-appearance: none;
 	appearance: none;
 	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZJJREFUaIHt1r9LVWEYB/DPVTEpgqRBaEhocmiyoc2lrZbG+gts8z8I5xykRfwxROBiEBENSdAmQZMKTldwUHAJAltEBG2453Beg7zXe99zXZ4PHC7nx/s833O5931fQgghhBBCCDUbxCqe9qHXc7zDQM6iizjHMaZyFv7HE5wUvRY6GdDpW+4XnyP4gskrR2vvMT5juDg/yFm8gTmtb+YcvzCRsf5D/E7qvyl6ZtXAStLkAOMZ6j7AYVJ3WQ3hS4P4kDTbxVgP9e5hL6m3VvSo1TDWk6bbGO2izl3sJHW+qn7/tbuFjaT5j+Jap27jZzJ+AzczZ2zrDraSEN9wo4NxI/iejNssal2LMTSTMB8xdMnzQ/iUPN/U238oi3GtGakM9b9VdADvXZzF7vcpY1sTWmtDGW7examwgbfJ/dzrSBaP8EcV8nVybza5fqSelTyLKa39Uhl2pjjK87r3Ulk8w6kqdHmc6s9uNouXOFOFP8OLa03UhVeqF5iuq8llc3avFlUL1FKNfUIIIYQQQgjd+QvyJ2oyQcCnYgAAAABJRU5ErkJggg==);
 	background-position: 97% center;
 	background-position: right 10px center;
 	background-repeat: no-repeat;
 	background-size: 20px 20px;
 }

 select::-ms-expand {
 	display: none;
 }

 input[type=file] {
 	width: 100%;
 	outline: 0;
 	cursor: pointer;
 	font-size: 13px;
 }

 input[type=file]::-webkit-file-upload-button {
 	display: inline-block;
 	padding: .7em 1em;
 	outline: 0;
 	color: inherit;
 	background-color: transparent;
 	border: 2px solid rgba(0, 0, 0, 0.07);
 	cursor: pointer;
 }

 input[type=checkbox] {
 	-webkit-appearance: none;
 	height: 1em;
 	position: relative;
 	background-color: transparent;
 	border: 2px solid #333;
 	width: 1em;
 	border-radius: 3px;
 	outline: none;
 	font-size: 15px;
 	vertical-align: text-bottom;
 	margin-right: .6em;
 }

 input[type=checkbox]:active {
 	box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.2) inset;
 }

 input[type=checkbox]:before,
 input[type=checkbox]:after {
 	content: '';
 	background-color: inherit;
 	position: absolute;
 	transition: 0.1s background-color;
 }

 input[type=checkbox]:after {
 	width: 0.14em;
 	height: 0.60em;
 	-webkit-transform: rotate(36deg) translate(0.42em, -0.17em);
 }

 input[type=checkbox]:before {
 	width: 0.14em;
 	height: 0.35em;
 	-webkit-transform: rotate(-58deg) translate(-0.2em, 0.35em);
 }

 input[type=checkbox]:checked:after,
 input[type=checkbox]:checked:before {
 	background-color: #333;
 }

 input[type=radio] {
 	-webkit-appearance: none;
 	height: 1em;
 	position: relative;
 	background-color: #fff;
 	border: 2px solid #333;
 	width: 1em;
 	border-radius: 50%;
 	outline: none;
 	font-size: 15px;
 	margin-right: .6em;
 	vertical-align: text-bottom;
 }

 input[type=radio]:checked:before {
 	content: '';
 	background-color: #333;
 	position: absolute;
 	border-radius: 50%;
 	top: 3px;
 	left: 3px;
 	bottom: 3px;
 	right: 3px;
 }

 .inline-label {
 	display: inline-block;
 	margin-right: 2.2em;
 }

 /* validation  */
 label.error {
 	position: absolute;
 	bottom: -30px;
 	left: 0;
 	min-width: 160px;
 	font-size: 10px;
 	font-weight: 400;
 	text-transform: uppercase;
 	padding: .2em .8em;
 	background-color: #ef6565;
 	color: #fff;
 	letter-spacing: .07em;
 }

 label.error:after {
 	content: " ";
 	position: absolute;
 	left: 1.6em;
 	bottom: 100%;
 	pointer-events: none;
 	width: 0;
 	height: 0;
 	border-bottom: 8px solid #ef6565;
 	border-right: 8px solid transparent;
 }



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

	3. COMMON (@common) - common and helper classes
	
    -------------------------------------------- */
 .cf:before,
 .cf:after,
 .entry-content:before,
 .entry-content:after {
 	content: " ";
 	display: table;
 }

 .cf:after,
 .entry-content:after {
 	clear: both
 }

 .center {
 	text-align: center;
 }

 .easing,
 .media-box .mask,
 .filters li a,
 .gallery-item a:before,
 .gallery-item a:after,
 .header .social-link,
 .card-footer a {
 	-webkit-transition: all 0.3s ease-out;
 	transition: all 0.3s ease-out;
 }

 .easing-short,
 input,
 textarea,
 .social-link,
 .nav-menu li a,
 .latest-posts article header a,
 .button,
 .portfolio-nav a,
 .entry-title a,
 .more-link,
 .navigation a,
 .pagination a,
 .entry-meta a,
 .nav-single a,
 .comment a,
 .format-link .entry-content>p:first-child a:first-child,
 .gallery .gallery-caption {
 	-webkit-transition: all 0.1s;
 	transition: all 0.1s;
 }

 /* Assistive text */
 .screen-reader-text {
 	clip: rect(1px, 1px, 1px, 1px);
 	position: absolute;
 }

 .screen-reader-text:focus {
 	background-color: #f1f1f1;
 	border-radius: 3px;
 	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 	clip: auto;
 	color: #21759b;
 	display: block;
 	font-size: 14px;
 	font-weight: bold;
 	height: auto;
 	line-height: normal;
 	padding: 15px 23px 14px;
 	position: absolute;
 	left: 5px;
 	top: 5px;
 	text-decoration: none;
 	text-transform: none;
 	width: auto;
 	z-index: 100000;
 	/* Above WP toolbar */
 }

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

	4. LAYOUT (@layout) : layout styles
	
    -------------------------------------------- */
 .site,
 .site-main {
 	height: 100%;
 }

 .page-layout {
 	position: relative;
 	width: 100%;
 	min-height: 100%;
 	background-size: cover;
 	background-position: center center;
 }

 .p-overlay * {
 	-webkit-backface-visibility: hidden;
 	-moz-backface-visibility: hidden;
 	backface-visibility: hidden;
 	-webkit-transform: none;
 	-moz-transform: none;
 	transform: none;
 	-webkit-transform-style: preserve-3d;
 	-moz-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 }

 .layout-fixed,
 .layout-medium,
 .layout-full {
 	width: 90%;
 	margin: 0 auto;
 	z-index: 1;
 	position: relative;
 }

 .layout-fixed {
 	max-width: 700px;
 }

 .layout-medium {
 	max-width: 1040px;
 }

 .layout-full {
 	max-width: 1700px;
 }

 .hentry {
 	padding: 0 0 2em 0;
 }

 .entry-header {
 	padding-top: 2em;
 }

 .entry-title {
 	margin: 0;
 	text-align: center;
 }

 .entry-content {
 	margin: 1.2em 0 0;
 }

 /* ----- 4.1 HEADER ----- */
 .header {
 	position: relative;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	text-align: center;
 	padding: 10% 0;
 	background-size: cover;
 	background-position: center;
 	background-color: #3b4345;
 }

 .header:before {
 	display: block;
 	content: '';
 	position: absolute;
 	top: 0;
 	left: 0;
 	height: 100%;
 	width: 100%;
 	-webkit-transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
 	transition: opacity 0.5s 0.4s, visibility 0s 0.9s;
 }

 .header-wrap {
 	z-index: 10;
 }

 .site-title {
 	font-size: 44px;
 	font-size: 4.6vw;
 	letter-spacing: 0;
 	font-weight: bold;
 	color: #fff;
 	line-height: 1;
 	padding: 0;
 	margin: 0;
 }

 .site-title img {
 	max-height: 120px;
 	border-radius: 50%;
 }

 .header-title-link+.site-title {
 	margin: 30px 0;
 	font-size: 64px;
 }

 .site-description {
 	font-size: 13px;
 	text-transform: uppercase;
 	letter-spacing: 4px;
 	margin: 3em 0;
 	color: #fff;
 	opacity: .6;
 }

 .header-wrap>img {
 	display: none;
 }

 .header-bottom {
 	margin: 1em 0 1.4em 0;
 }

 /* NAV MENU */
 .nav-menu ul {
 	padding: 0;
 	margin: 0;
 	list-style: none;
 	text-align: center;
 }

 .nav-menu ul li {
 	display: inline-block;
 	font-size: 11px;
 	text-transform: uppercase;
 }

 .nav-menu a {
 	display: block;
 	padding: 5px 8px;
 	color: #fff;
 	position: relative;
 	letter-spacing: .12em;
 }

 .nav-menu a:hover {
 	color: #fff;
 	opacity: .8;
 }

 .nav-menu:not(.menu-with-icons) ul {
 	margin: 1.6em 0 0;
 }

 .nav-menu:not(.menu-with-icons) ul a {
 	padding: .5em;
 }

 /* SINGLE PAGE MENU WITH ICONS */
 .menu-with-icons a:before {
 	display: inline-block;
 	margin-right: 5px;
 	vertical-align: middle;
 	font-size: 18px;
 }

 .menu-with-icons .home:before {
 	content: '\e872';
 }

 .menu-with-icons .return:before {
 	content: '\e813';
 }

 .menu-with-icons .search-toggle:before {
 	content: '\e819';
 }

 /* SEARCH */
 .header-search {
 	padding: 0;
 	max-height: 0;
 	overflow: hidden;
 	will-change: max-height;
 	transition: max-height 0.1s ease-out;
 }

 .is-search-toggled-on .header-search {
 	max-height: 100px;
 	overflow: hidden;
 }

 .search-toggle {
 	cursor: pointer;
 }

 .search-toggle i:before {
 	display: inline-block;
 	font-size: 1.8em;
 }

 .is-search-toggled-on .search-toggle {
 	opacity: .5 !important;
 }

 #search-form {
 	position: relative;
 }

 #search-form #search {
 	outline: 0;
 	font-size: 16px;
 	letter-spacing: 1px;
 	color: #fff;
 	font-weight: 400;
 	padding: 1em .4em;
 	max-width: none;
 	text-align: center;
 	border: 0;
 }

 #search-form #search:focus {
 	border: 0;
 }

 #search-form #search::-webkit-input-placeholder {
 	color: rgba(255, 255, 255, 0.5);
 	font-size: inherit;
 	text-transform: none;
 	font-weight: inherit;
 	letter-spacing: inherit;
 }

 #search-submit {
 	font-size: 17px;
 	text-shadow: none;
 	color: #fff;
 	border: 0;
 	outline: 0;
 	padding: 0;
 	width: 32px;
 	line-height: 2.6em;
 	background: #4ECE99;
 	border-radius: 0;
 	font-weight: 400;
 	margin-bottom: 0;
 	vertical-align: middle;
 	display: none;
 }

 #search-submit:hover {
 	opacity: .9;
 }

 #search-submit:active {
 	opacity: .8;
 }

 /* HEADER SOCIAL */
 .header-social {
 	width: 100%;
 	margin-top: 2em;
 	text-align: center;
 }

 .header .social {
 	margin: 1em 0;
 	padding: 0 6px;
 }

 .header .social-link {
 	font-size: 16px;
 	height: auto;
 	border: 0;
 	line-height: 22px;
 	width: 25px;
 	margin: 0;
 	border-radius: 4px;
 	float: none;
 	color: rgba(255, 255, 255, 0.6);
 }

 .header .header-bottom .social-link:hover {
 	background: none;
 	color: rgba(255, 255, 255, 0.9);
 }


 /* ----- 4.2 FOOTER ----- */
 .site-footer {
 	position: relative;
 	width: 100%;
 	clear: left;
 	border-top: 1px solid #eee;
 }

 .site-footer .site-info {
 	max-width: 960px;
 	margin-left: auto;
 	margin-right: auto;
 	padding: 22px 0;
 	text-align: center;
 	font-size: 13px;
 	letter-spacing: .05em;
 	text-transform: uppercase;
 }

 .site-footer .site-info a {
 	color: inherit;
 }



 /* ONE PAGE LAYOUT */
 .cover {
 	position: relative;
 	overflow: hidden;

 	span {
 		display: none;
 	}
 }



 /* card image mask */
 .cover:after,
 .card-3d-right-side:after,
 .card-3d-bottom-side:after,
 .header:before {
 	content: "";
 	position: absolute;
 	z-index: 5;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	opacity: .2;
 }

 /* Card Nav */
 .card-nav {
 	position: absolute;
 	bottom: 20px;
 	left: 20px;
 	z-index: 70;
 }

 .card-nav ul {
 	padding: 0;
 	margin: 0;
 	list-style: none;
 }

 .card-nav ul li {
 	display: inline-block;
 	margin: 0 4px;
 	text-align: center;
 	transform: scale(.7);
 	opacity: 0;
 	visibility: hidden;
 	-webkit-transition: all 0.2s ease-out;
 	transition: all 0.2s ease;
 }

 .is-card-opened .card-nav ul li {
 	opacity: 1;
 	transform: scale(1);
 	visibility: visible;
 }

 .is-card-opened .card-nav ul li:nth-child(1) {
 	transition-delay: .2s;
 }

 .is-card-opened .card-nav ul li:nth-child(2) {
 	transition-delay: .3s;
 }

 .is-card-opened .card-nav ul li:nth-child(3) {
 	transition-delay: .4s;
 }

 .is-card-opened .card-nav ul li:nth-child(4) {
 	transition-delay: .5s;
 }

 .is-card-opened .card-nav ul li:nth-child(5) {
 	transition-delay: .6s;
 }

 .is-card-opened .card-nav ul li:nth-child(6) {
 	transition-delay: .7s;
 }

 .is-card-opened .card-nav ul li:nth-child(7) {
 	transition-delay: .8s;
 }

 .card-nav ul li a {
 	position: relative;
 	transition: color 0.7s;
 	display: block;
 	font-weight: 400;
 	color: #3e3e3e;
 	text-transform: uppercase;
 	font-size: 10px;
 	letter-spacing: 1px;
 }

 .card-nav ul li i {
 	display: block;
 	font-size: 24px;
 }

 .card-nav li.current_page_item a {
 	color: #2a53c7;
 }

 /* menu click ripple animation */
 .card-nav a::after {
 	content: '';
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	margin: -50px 0 0 -40px;
 	width: 80px;
 	height: 80px;
 	border-radius: 50%;
 	opacity: 0;
 	pointer-events: none;
 	box-shadow: inset 0 0 0 35px rgba(255, 255, 255, 0.1);
 }

 .current_page_item a::after {
 	animation: anim-effect-ripple 0.6s ease-out forwards;
 }

 @keyframes anim-effect-ripple {
 	0% {
 		opacity: 1;
 		-webkit-transform: scale3d(0.4, 0.4, 1);
 		transform: scale3d(0.4, 0.4, 1);
 	}

 	80% {
 		box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
 		opacity: 0.1;
 	}

 	100% {
 		box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.6);
 		opacity: 0;
 		-webkit-transform: scale3d(1.2, 1.2, 1);
 		transform: scale3d(1.2, 1.2, 1);
 	}
 }

 /* Card Info */
 .card-info {
 	position: absolute;
 	top: 30px;
 	left: 40px;
 	right: 40px;
 	max-width: 350px;
 	z-index: 60;
 	transition: all 0.1s ease-out;
 }

 .card-info h2 {
 	display: inline-block;
 	font-size: 11px;
 	text-transform: uppercase;
 	letter-spacing: 3px;
 	border-radius: 32px;
 	font-weight: 400;
 	padding: 6px 12px;
 	margin: 0 0 0 -10px;
 	color: #fff;
 	background: #1755cf;
 }

 .card-info h3 {
 	font-size: 12px;
 	font-weight: 300;
 	padding: 0;
 	color: #fff;
 	text-transform: uppercase;
 	letter-spacing: 3px;
 }

 .card-info h4 {
 	font-size: 11px;
 	font-weight: 300;
 	padding: 0;
 	color: #fff;
 	text-transform: uppercase;
 	letter-spacing: 3px;
 }

 .card-info .card-desc {
 	margin-top: 1.2em;
 	font-size: 18px;
 	font-weight: 400;
 	padding: 0;
 	color: #3e3e3e;

 }

 /* Elementor Fixes */
 .card-info .card-desc .elementor-widget-text-editor {
 	color: rgba(255, 255, 255, 0.7);
 }

 .card-intro .elementor-element-populated,
 .card-info .elementor-element-populated {
 	padding: 0 !important;
 }

 .card-intro .elementor-widget-text-editor {
 	color: inherit;
 }

 .card-info h2,
 .card-info h3,
 .card-info .card-desc {
 	opacity: 0;
 	transform: translateX(-20px);
 	-webkit-transition: all 0.5s ease-out;
 	transition: all 0.5s ease;
 }

 .is-card-opened .card-info h2,
 .is-card-opened .card-info h3 {
 	opacity: 1;
 	transform: translateX(0px);
 }

 .is-card-opened .card-info h3 {
 	transition-delay: .3s;
 }

 .card-content {
 	padding: 20px;
 	background-color: #fff;
 	position: relative;
 	display: none;
 }

 .is-ajax-page-active .card-content {
 	display: block;
 }

 .card-content:not(.is-loaded) {
 	background-image: url(../images/bckg/loading.svg);
 	background-position: center 50px;
 	background-repeat: no-repeat;
 	background-size: 48px 48px;
 }

 .card-content .page {
 	padding: 0;
 	margin: 0;
 }


 /* ANIMATED ITEMS */
 .card-content .entry-header,
 .card-content .entry-content>* {
 	opacity: 0;
 	-webkit-transform: translateY(40px);
 	-ms-transform: translateY(40px);
 	transform: translateY(40px);
 }

 .card-content.is-loaded .entry-header,
 .card-content.is-loaded .entry-content>* {
 	opacity: 1;
 	-webkit-transform: translateY(0);
 	-ms-transform: translateY(0);
 	;
 	transform: translateY(0);
 }

 /* animate out */
 .card-content .hentry>.entry-header {
 	-webkit-transition: -webkit-transform 0.2s 0.3s, opacity 0.2s 0.3s;
 	transition: transform 0.2s 0.3s, opacity 0.2s 0.3s;
 }

 .card-content .entry-content>*:nth-child(1) {
 	-webkit-transition: -webkit-transform 0.2s 0.2s, opacity 0.2s 0.2s;
 	transition: transform 0.2s 0.2s, opacity 0.2s 0.2s;
 }

 .card-content .entry-content>*:nth-child(2) {
 	-webkit-transition: -webkit-transform 0.2s 0.1s, opacity 0.2s 0.1s;
 	transition: transform 0.2s 0.1s, opacity 0.2s 0.1s;
 }

 .card-content .entry-content>*:nth-child(n+3) {
 	-webkit-transition: -webkit-transform 0.2s 0s, opacity 0.2s 0s;
 	transition: transform 0.2s 0s, opacity 0.2s 0s;
 }

 /* animate in */
 .card-content.is-loaded .entry-content>*:nth-child(1) {
 	-webkit-transition: -webkit-transform 0.2s 0.5s, opacity 0.2s 0.5s;
 	transition: transform 0.2s 0.5s, opacity 0.2s 0.5s;
 }

 .card-content.is-loaded .entry-content>*:nth-child(2) {
 	-webkit-transition: -webkit-transform 0.2s 0.7s, opacity 0.2s 0.7s;
 	transition: transform 0.2s 0.7s, opacity 0.2s 0.7s;
 }

 .card-content.is-loaded .entry-content>*:nth-child(n+3) {
 	-webkit-transition: -webkit-transform 0.2s 0.8s, opacity 0.2s 0.8s;
 	transition: transform 0.2s 0.8s, opacity 0.2s 0.8s;
 }




 /* MOBILE ONLY STYLES */
 @media screen and (max-width: 991px) {

 	.languages {
 		display: flex;
 		justify-content: end;
 		margin: auto;
 		padding-right: 20px;
 		background-color: #fff;
 	}

 	#card-open {
 		display: none;
 	}

 	.card-intro {
 		display: none;
 	}

 	.cover-media {
 		padding: 0;
 		height: calc(100svh - 40.5px);
 	}

 	.is-ajax-page-active .cover-media {
 		padding: 0;
 		height: 66vw !important;
 	}

 	/* MENU */
 	.is-card-loaded .card-nav ul li {
 		opacity: 1;
 		transform: scale(1);
 		visibility: visible;
 	}

 	.is-card-loaded .card-nav ul li:nth-child(1) {
 		transition-delay: .5s;
 	}

 	.is-card-loaded .card-nav ul li:nth-child(2) {
 		transition-delay: .6s;
 	}

 	.is-card-loaded .card-nav ul li:nth-child(3) {
 		transition-delay: .7s;
 	}

 	.is-card-loaded .card-nav ul li:nth-child(4) {
 		transition-delay: .8s;
 	}

 	.is-card-loaded .card-nav ul li:nth-child(5) {
 		transition-delay: .9s;
 	}

 	.is-card-loaded .card-nav ul li:nth-child(6) {
 		transition-delay: 1.0s;
 	}

 	.is-card-loaded .card-nav ul li:nth-child(7) {
 		transition-delay: 1.1s;
 	}

 	/* CARD INFO */
 	.is-card-loaded .card-info h2,
 	.is-card-loaded .card-info h3,
 	.is-card-loaded .card-info .card-desc {
 		opacity: 1;
 		transform: translateX(0px);
 	}

 	.is-card-loaded .card-info h3 {
 		transition-delay: .3s;
 	}

 	.is-card-loaded .card-info .card-desc {
 		transition-delay: .5s;
 	}

 	.is-ajax-page-active .card-info .card-desc {
 		opacity: 0;
 		transition-delay: 0s;
 		z-index: -1;
 	}
 }

 /* TABLET ONLY STYLES */
 @media screen and (min-width: 700px) and (max-width: 991px) {

 	.card-nav {
 		transition: all 0.6s;
 	}

 	html.one-page-layout:not(.is-ajax-page-active) .card-nav {
 		bottom: 40px;
 	}

 	.is-ajax-page-active .cover-media {
 		padding: 0;
 		height: 55vw !important;
 	}

 }


 /* OLD MOBILE DEVICES */
 @media screen and (max-width: 320px),
 screen and (max-height: 320px) {
 	.card-info {
 		left: 20px;
 		top: 20px;
 	}

 	.card-nav {
 		left: 10px;
 	}

 	.card-nav ul li i {
 		font-size: 20px;
 	}
 }

 /* MOBILE LANDSCAPE */
 @media screen and (max-width: 991px) and (max-height: 500px) {

 	.is-ajax-page-active .cover-media {
 		height: 30vw !important;
 	}
 }


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

	5. MODULES @modules : reusable styles
	
    -------------------------------------------- */


 /* SECTION TITLE */
 .section-title,
 .elementor .section-title {
 	margin: 2em 0 2em;
 	position: relative;
 	z-index: 10;
 }

 .entry-content>.section-title:first-child,
 .row .section-title:first-child,
 .elementor-section-wrap>.elementor-element:first-child:not(:only-of-type) .section-title,
 .elementor-widget-wrap>.elementor-widget:first-child:not(:only-of-type) .section-title {
 	margin-top: 0;
 }

 .section-title h2,
 .cat-links,
 .filters li a {
 	margin: 0;
 	font-size: 11px;
 	text-transform: uppercase;
 	position: relative;
 	display: inline-block;
 	font-weight: normal;
 	letter-spacing: 0.4em;
 	text-align: center;
 	color: inherit;
 }

 .section-title h2 i,
 .cat-links a,
 .filters li a:hover,
 .filters .current>a {
 	display: inline-block;
 	position: relative;
 	padding: 0;
 	font-style: normal;
 	box-shadow: inset 0 -3px 0px #4a92e2;
 	color: inherit;
 }

 .about-img {
 	width: 80%;
 	margin: auto;
 	padding: 40px;
 }

 /* SERVICE */
 .service {
 	padding: 0.2em 0;
 }

 .service i,
 .service img {
 	display: inline-block;
 	float: left;
 	width: 50px;
 	margin: 0;
 	line-height: 50px;
 	font-size: 40px;
 	text-align: center;
 }

 .service i:before {
 	margin: 0 .2em;
 	display: inline-block;
 }

 .service p {
 	margin-top: .2em;
 	margin-left: 10px;
 	margin-bottom: 0;
 	opacity: .5;

 }

 .service h4 {
 	margin-top: 10px;
 	margin-left: 10px;
 	margin-bottom: .3em;
 	font-size: 18px;
 	font-weight: 400;
 	letter-spacing: .08em;
 	text-transform: uppercase;
 }

 /* PROCESS */
 .process {
 	position: relative;
 	text-align: center;
 	width: 80px;
 	height: 80px;
 	padding: 10px;
 	margin: 0 auto 1.6em;
 	border-radius: 50%;
 	background: #fff;
 }

 .process:after {
 	content: "";
 	position: absolute;
 	top: 50%;
 	left: 100%;
 	width: 120%;
 	height: 0;
 	border-bottom: 1px dashed #DADADA;
 }

 .process i {
 	font-size: 42px;
 	line-height: 1;
 }

 html .process img {
 	width: 100%;
 	max-width: 80%;
 	margin: 0 auto;
 }

 .process h4 {
 	margin: 16px 0 0;
 	font-size: 11px;
 	font-weight: 300;
 	letter-spacing: .08em;
 	text-transform: uppercase;
 }

 .row [class^="col-"]:nth-child(3n) .process:after,
 .elementor-column:nth-child(3n) .process:after {
 	display: none;
 }

 .row>div:first-child .process,
 .elementor-column:first-child .process {
 	background: #F7F9E5;
 }

 .row>div:first-child .process i,
 .row>div:last-child .process i,
 .elementor-column:first-child .process i,
 .elementor-column:last-child .process i {
 	font-size: 72px;
 	margin-top: -26px;
 }

 .row>div:first-child .process img,
 .row>div:last-child .process img,
 .elementor-column:first-child .process img,
 .elementor-column:last-child .process img {
 	width: 120%;
 	margin-left: -10%;
 	max-width: none;
 	margin-top: -26px;
 }

 .row>div:last-child .process,
 .elementor-column:last-child .process {
 	background: #d6f8e0;
 }

 /* FUN FACT */
 .fun-fact {
 	margin-bottom: 1.4em;
 	text-align: center;
 }

 .fun-fact i {
 	display: inline-block;
 	margin-bottom: 18px;
 	line-height: 1;
 	font-size: 56px;
 }

 .fun-fact i:before {
 	margin: 0 .2em;
 	display: inline-block;
 }

 html .fun-fact img {
 	width: 100%;
 	max-width: 54px;
 	margin: 0;
 	margin-bottom: 14px;
 }

 .fun-fact h4 {
 	max-width: 140px;
 	margin: 0 auto;
 	font-size: 13px;
 	line-height: 1.4;
 	font-weight: 300;
 	letter-spacing: .02em;
 	text-transform: uppercase;
 }

 /* CLIENT */
 .client {
 	margin: 1em 0 0;
 	min-height: 60px;
 	text-align: center;
 }

 html .client img {
 	margin: 0 auto;
 	width: auto;
 	max-width: 60%;
 	max-height: 46px;
 }

 /* TIMELINE */
 .event {
 	position: relative;
 	padding: 0 1em 2em 3.2em;
 }

 .event:before {
 	content: "";
 	position: absolute;
 	top: 10px;
 	bottom: -10px;
 	left: 12px;
 	width: 4px;
 	background: #F9F9F9;
 }

 .event:after {
 	content: "";
 	position: absolute;
 	top: 6px;
 	left: 7px;
 	width: 14px;
 	height: 14px;
 	border-radius: 50%;
 	background: #f1f1f1;
 }

 .event:nth-of-type(2):after,
 .elementor-widget:nth-of-type(2) .event:after {
 	background-color: #4ECE99;
 }

 .event h2 {
 	font-size: 1em;
 	font-weight: 400;
 	letter-spacing: 1px;
 	text-transform: uppercase;
 }

 .event h2+p i,
 .event h2+p img {
 	display: block;
 	text-align: center;
 	font-size: 24px;
 	position: absolute;
 	top: -18px;
 	left: -10px;
 	width: 52px;
 	line-height: 52px;
 	margin: 0;
 	z-index: 1;
 	background: #fff;
 }

 .event h2+p i:before {
 	margin: 0;
 }

 .event h2+p img {
 	padding: 10px;
 	border-radius: 4px;
 }

 .event h3 {
 	display: inline-block;
 	position: relative;
 	padding: 3px 8px;
 	font-size: 10px;
 	line-height: 1.3;
 	font-weight: bold;
 	letter-spacing: 0.03em;
 	margin: 0 0 1.5em 0;
 	text-transform: uppercase;
 	color: #4ECE99;
 	border: 1px solid #4ECE99;
 	border-radius: 8px;
 }

 .row .event:last-child,
 .elementor-widget:last-child .event {
 	padding-bottom: 0;
 	margin-bottom: 3em;
 }

 .row .event:last-of-type:before {
 	bottom: 0;
 }

 .event+p,
 .event+p .button {
 	margin-top: 0;
 }

 .event h4 {
 	font-size: 13px;
 	font-weight: 700;
 	text-transform: uppercase;
 	margin: 0 0 .2em 0;
 	padding: 0;
 	letter-spacing: .03em;
 }

 .event h5 {
 	margin: 0;
 	padding: 0 0 .3em 0;
 	font-size: 11px;
 	font-weight: 400;
 	letter-spacing: 1px;
 	text-transform: uppercase;
 	color: rgba(28, 38, 43, 0.35);
 }

 .event p {
 	margin: .6em 0 .2em 0;
 	font-size: .95em;
 	letter-spacing: .3px;
 }

 .event p:last-child {
 	margin-bottom: 0;
 }

 /* SKILLS */
 .skill-unit {
 	padding-bottom: 1.1em;
 }

 .skill-unit h4 {
 	margin: 0 0 4px 4px;
 	font-weight: 400;
 	font-size: 11px;
 	position: relative;
 	z-index: 100;
 	padding-left: 0px;
 	display: inline-block;
 	vertical-align: super;
 	letter-spacing: 0.06em;
 	text-transform: uppercase;
 }

 .skill-unit i {
 	font-size: 22px;
 }

 .skill-unit .bar {
 	position: relative;
 	width: 100%;
 	height: 4px;
 	background: #eee;
 }

 .skill-unit .bar .progress {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 0;
 	height: 100%;
 	background: #4ECE99;
 	border-radius: 16px;
 	-webkit-transition: width 1s ease-out;
 	transition: width 1s ease-out;
 }

 .skill-unit .bar .progress span {
 	position: absolute;
 	top: -12px;
 	left: 100%;
 	margin-left: -28px;
 	font-size: 10px;
 	font-weight: bold;
 	text-align: center;
 	min-width: 28px;
 	line-height: 22px;
 	padding: 0;
 	border: 2px solid #345;
 	border-radius: 8px;
 	background: #fff;
 }

 /* TESTIMONIAL */
 .testo {
 	position: relative;
 	padding: 1.4em 1.8em;
 	margin: 4.4em 0 0 0;
 	border: 1px solid #f1f1f1;
 }

 html .testo img {
 	display: block;
 	margin: -60px auto 16px auto;
 	width: auto;
 	max-height: 80px;
 	border-radius: 50%;
 	border: 8px solid #fff;
 }

 .testo h4 {
 	position: relative;
 	text-align: center;
 	margin: 0;
 	font-size: 12px;
 	font-weight: 700;
 	text-transform: uppercase;
 	letter-spacing: 0.04em;
 }

 .testo h5 {
 	margin-top: 0;
 	font-size: 11px;
 	font-weight: 400;
 	text-align: center;
 	color: rgba(28, 38, 43, 0.35);
 	text-transform: uppercase;
 	letter-spacing: 0.04em;
 }

 .testo p {
 	position: relative;
 	margin: 1em 0 0.2em 0;
 	font-size: .95em;
 	text-align: center;
 	letter-spacing: 0.03px;
 }

 /* SOCIAL */
 html a.social-link {
 	display: inline-block;
 	padding: 0;
 	margin: 0 .4em .4em 0;
 	text-align: center;
 	font-size: 14px;
 	font-family: "fontello";
 	width: 40px;
 	line-height: 38px;
 	color: inherit;
 	border: 1px solid rgba(28, 38, 43, 0.10);
 	border-radius: 50%;
 }

 a.social-link:hover {
 	color: #fff;
 	border-color: transparent;
 }

 .elementor-widget-wp-widget-uncover_widget__social_media_icon {
 	display: inline-block;
 	margin-bottom: 0 !important;
 }

 .social-link.facebook:before {
 	content: '\e825'
 }

 .social-link.twitter:before {
 	content: '\e826'
 }

 .social-link.flickr:before {
 	content: '\e835'
 }

 .social-link.rss:before {
 	content: '\e82f'
 }

 .social-link.dribbble:before {
 	content: '\e82c'
 }

 .social-link.lastfm:before {
 	content: '\e82e'
 }

 .social-link.linkedin:before {
 	content: '\e827'
 }

 .social-link.vimeo:before {
 	content: '\e830'
 }

 .social-link.forrst:before {
 	content: '\e831'
 }

 .social-link.skype:before {
 	content: '\e832'
 }

 .social-link.tumblr:before {
 	content: '\e836'
 }

 .social-link.behance:before {
 	content: '\e82b'
 }

 .social-link.blogger:before {
 	content: '\e837'
 }

 .social-link.delicious:before {
 	content: '\e838'
 }

 .social-link.digg:before {
 	content: '\e839'
 }

 .social-link.github:before {
 	content: '\e82a'
 }

 .social-link.wordpress:before {
 	content: '\e83b'
 }

 .social-link.google-plus:before {
 	content: '\f0d5'
 }

 .social-link.youtube:before {
 	content: "\e834"
 }

 .social-link.pinterest:before {
 	content: "\e829"
 }

 .social-link.instagram:before {
 	content: "\e8cc"
 }

 .social-link.stack-overflow:before {
 	content: "\e83c"
 }

 .social-link.foursquare:before {
 	content: "\e83d"
 }

 .social-link.xing:before {
 	content: "\e83e"
 }

 .social-link.weibo:before {
 	content: "\e83f"
 }

 .social-link.soundcloud:before {
 	content: "\e840"
 }

 .social-link.fivehundredpx:before {
 	content: "\e841"
 }

 .social-link.slideshare:before {
 	content: "\e842"
 }

 .social-link.vine:before {
 	content: "\e863"
 }

 .social-link.vkontakte:before {
 	content: "\e846"
 }

 .social-link.spotify:before {
 	content: "\e803"
 }

 .social-link.imdb:before {
 	content: "\f2d8"
 }

 .social-link.snapchat:before {
 	content: "\f2ac"
 }

 .social-link.email:before {
 	content: "\e85b"
 }

 .social-link.facebook:hover {
 	background-color: #3c5fac;
 }

 .social-link.twitter:hover {
 	background-color: #5ec3df;
 }

 .social-link.flickr:hover {
 	background-color: #FF0084;
 }

 .social-link.rss:hover {
 	background-color: #ff9900;
 }

 .social-link.dribbble:hover {
 	background-color: #EA4C89;
 }

 .social-link.lastfm:hover {
 	background-color: #D51007;
 }

 .social-link.linkedin:hover {
 	background-color: #2089b5;
 }

 .social-link.vimeo:hover {
 	background-color: #0dadd6;
 }

 .social-link.google-plus:hover {
 	background-color: #c63d2d;
 }

 .social-link.forrst:hover {
 	background-color: #5b9a68;
 }

 .social-link.skype:hover {
 	background-color: #00aff0;
 }

 .social-link.picassa:hover {
 	background-color: #ffd34e;
 }

 .social-link.youtube:hover {
 	background-color: #c8312b;
 }

 .social-link.pinterest:hover {
 	background-color: #cb2027;
 }

 .social-link.tumblr:hover {
 	background-color: #2C4762;
 }

 .social-link.behance:hover {
 	background-color: #3878F6;
 }

 .social-link.blogger:hover {
 	background-color: #fc9947;
 }

 .social-link.delicious:hover {
 	background-color: #3274d1;
 }

 .social-link.digg:hover {
 	background-color: #205891;
 }

 .social-link.github:hover {
 	background-color: #222;
 }

 .social-link.wordpress:hover {
 	background-color: #0083b3;
 }

 .social-link.instagram:hover {
 	background-color: #3f729b;
 }

 .social-link.stack-overflow:hover {
 	background-color: #F90;
 }

 .social-link.foursquare:hover {
 	background-color: #009FE0;
 }

 .social-link.xing:hover {
 	background-color: #006567;
 }

 .social-link.weibo:hover {
 	background-color: #E64141;
 }

 .social-link.soundcloud:hover {
 	background-color: #FA3219;
 }

 .social-link.fivehundredpx:hover {
 	background-color: #222;
 }

 .social-link.slideshare:hover {
 	background-color: #ED9D2C;
 }

 .social-link.vine:hover {
 	background-color: #00BF8F;
 }

 .social-link.vkontakte:hover {
 	background-color: #6383A8;
 }

 .social-link.spotify:hover {
 	background-color: #2ebd59;
 }

 .social-link.imdb:hover {
 	background-color: #E6B91E;
 }

 .social-link.snapchat:hover {
 	background-color: #fffc00;
 }

 .social-link.email:hover {
 	background-color: #222;
 }

 /* MAP */
 .map {
 	position: relative;
 	margin: 0 auto;
 	max-width: 80%;
 	box-shadow: -1px -1px 10px rgba(17, 26, 34, 0.1), 18px 6px 10px rgba(17, 26, 34, 0.08);
 }

 .map,
 .map .gm-style {
 	border-radius: 50%;
 	overflow: hidden;
 }

 .map iframe {
 	width: 100%;
 	border-width: 0;
 	outline: none;
 }

 .map-canvas {
 	margin: 0px;
 	padding: 0px;
 	padding-top: 100%;
 	line-height: 1.6;
 }

 .map-canvas img {
 	max-width: none;
 }

 .map .gmnoprint,
 .map .gm-style-cc {
 	display: none;
 }

 /* PORTFOLIO FILTERS */
 .filters {
 	list-style: none;
 	padding: 0;
 	margin: 0 0 2em;
 	text-align: center;
 }

 .filters li {
 	display: inline-block;
 	margin: .6em .6em;
 	text-transform: uppercase;
 }

 .filters li a {
 	opacity: .4;
 	letter-spacing: .2em;
 }

 .filters li a:hover {
 	opacity: .5;
 }

 .filters .current a,
 .filters .current a:hover {
 	opacity: 1;
 }

 /* MEDIA GRID */
 .media-grid {
 	min-height: 400px;
 }

 .media-grid .media-cell {
 	padding: 0 10px;
 	margin-bottom: 20px;
 	text-align: center;
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	-ms-box-sizing: border-box;
 	box-sizing: border-box;
 }

 .media-grid .media-box {
 	margin-bottom: 0;
 }

 /* MEDIA CELL DESC */
 .media-cell-desc {
 	position: relative;
 	padding: 28px 40px;
 	background: #fff;
 }

 .media-cell-desc h3 {
 	padding: 0;
 	margin: 0px;
 	line-height: 1.6;
 }

 .media-cell-desc h3 a {
 	color: inherit;
 }

 .media-cell-desc p {
 	font-size: .875em;
 	margin: 0;
 	opacity: .5;
 }

 /* MEDIA BOX */
 .media-box {
 	position: relative;
 	margin-bottom: 30px;
 	background-color: #fff;
 }

 .media-box a {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background: #fff;
 	opacity: 0;
 	filter: alpha(opacity=0);
 }

 .media-box a:nth-of-type(n+2) {
 	display: none;
 }

 .media-box img {
 	display: block;
 	width: 100%;
 }

 .media-box .mask {
 	opacity: 0;
 	filter: alpha(opacity=0);
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	text-align: center;
 	overflow: hidden;
 	background: #33475D;
 	background: rgba(51, 71, 93, 0.6);
 }

 .media-box:hover .mask {
 	opacity: 1;
 	filter: alpha(opacity=100);
 }

 .media-box .mask:before {
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin: -33px 0 0 -33px;
 	width: 66px;
 	line-height: 66px;
 	font-size: 28px;
 	text-align: center;
 	content: "\e871";
 	color: #fff;
 }

 .format-video.hentry .mask:before {
 	content: "\e85a";
 }

 .format-audio.hentry .mask:before {
 	content: "\e896";
 }

 .format-image.hentry .mask:before,
 .format-gallery.hentry .mask:before {
 	content: "\e86b"
 }

 .format-link.hentry .mask:before {
 	content: "\e86a";
 }

 .media-date {
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	display: block;
 	padding: 15px 15px 5px 15px;
 	background: #fff;
 }

 .media-date>span {
 	display: block;
 }

 .media-date .month {
 	font-size: 10px;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 }

 .media-date .day {
 	font-size: 22px;
 	font-weight: 700;
 	line-height: 1;
 }

 /* LATEST POSTS */
 .latest-posts {
 	margin-top: 2em;
 }

 .latest-posts .media-cell-desc {
 	padding-top: 2em;
 }

 .latest-posts .mask:before {
 	content: "\f4f0"
 }

 /* HTTP ALERT */
 .http-alert {
 	text-align: center
 }

 .http-alert h1 {
 	margin: .12em 0 .3em 0;
 	font-size: 10em;
 	letter-spacing: .03em;
 	line-height: 1;
 	color: #234;
 	text-shadow: #EDEDED 1px 1px, #EDEDED 2px 2px, #EEE 3px 3px, #EEE 4px 4px, #EEE 5px 5px, #EFEFEF 6px 6px, #EFEFEF 7px 7px, #F0F0F0 8px 8px, #F0F0F0 9px 9px, #F0F0F0 10px 10px, #F1F1F1 11px 11px, #F1F1F1 12px 12px, #F2F2F2 13px 13px, #F2F2F2 14px 14px, #F2F2F2 15px 15px, #F3F3F3 16px 16px, #F3F3F3 17px 17px, #F4F4F4 18px 18px, #F4F4F4 19px 19px, #F4F4F4 20px 20px, #F5F5F5 21px 21px, #F5F5F5 22px 22px, #F6F6F6 23px 23px, #F6F6F6 24px 24px, #F6F6F6 25px 25px, #F7F7F7 26px 26px, #F7F7F7 27px 27px, #F7F7F7 28px 28px, #F8F8F8 29px 29px, #F8F8F8 30px 30px, #F9F9F9 31px 31px, #F9F9F9 32px 32px, #F9F9F9 33px 33px, #FAFAFA 34px 34px, #FAFAFA 35px 35px, #FBFBFB 36px 36px, #FBFBFB 37px 37px, #FBFBFB 38px 38px, #FCFCFC 39px 39px, #FCFCFC 40px 40px, #FDFDFD 41px 41px, #FDFDFD 42px 42px, #FDFDFD 43px 43px, #FEFEFE 44px 44px, #FEFEFE 45px 45px, #FFF 46px 46px;
 }

 /* DROP CAP */
 .drop-cap:first-letter,
 .blog-single .entry-content>p:first-child:first-letter {
 	font-size: 40px;
 	font-weight: bold;
 	line-height: 1.15;
 	float: left;
 	padding: 0px 12px 0px 0;
 	text-transform: uppercase;
 }





 /* BUTTONS */
 input[type=submit],
 input[type=button],
 button,
 .button {
 	color: #345;
 	border: 2px solid #345;
 	font-family: inherit;
 	font-size: 11px;
 	font-weight: bold;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	line-height: 1;
 	text-decoration: none;
 	background: none;
 	cursor: pointer;
 	padding: 18px 32px;
 	margin: 10px 20px 0 0;
 	display: inline-block;
 	outline: none;
 	position: relative;
 	transition: all 0.3s;
 	overflow: hidden;
 }

 input[type=submit]:hover,
 input[type=button]:hover,
 button:not(.button):hover {
 	background: #345;
 	color: #fff;
 }

 .button:last-child {
 	margin-right: 0px;
 }

 .button.small {
 	font-size: 11px;
 	padding: 9px 18px;
 }

 .button:after {
 	width: 0%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	background: #345;
 	content: '';
 	position: absolute;
 	z-index: -1;
 	transition: all 0.3s;
 }

 .button:hover,
 .button:active {
 	color: #fff !important;
 }

 .button:active {
 	transition: all 0.1s;
 	transform: scale(0.9);
 	outline: 0;
 }

 .button:hover:after,
 .button:active:after {
 	width: 100%;
 }

 /* icons in buttons */
 .button i {
 	display: inline-block;
 	margin-right: 5px;
 }

 .button i:before {
 	font-size: 120%;
 }

 /* BUTTON JP*/

 input[type=submit],
 input[type=buttonjp],
 button,
 .buttonjp {
 	color: #345;
 	border: 0px solid;
 	font-family: inherit;
 	font-size: 16px;
 	font-weight: bold;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	line-height: 1;
 	text-decoration: none;
 	background: none;
 	cursor: pointer;
 	padding: 3px 30px;
 	margin: 10px 0px 0 0;
 	display: inline-block;
 	outline: none;
 	position: relative;
 	transition: all 0.1s;
 	overflow: hidden;
 }

 input[type=submit]:hover,
 input[type=button]:hover,
 button:not(.button):hover {
 	background: #345;
 	color: #ffffff;
 }

 .buttonjp:last-child {
 	margin-right: 0px;
 }

 .buttonjp.small {
 	font-size: 11px;
 	padding: 9px 18px;
 }

 .buttonjp:after {
 	width: 0%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	content: '';
 	position: absolute;
 	z-index: -1;
 	transition: all 0.1s;
 }

 .buttonjp:hover,
 .buttonjp:active {
 	color: #3f8ad6 !important;
 }

 .buttonjp:active {
 	transition: all 0.1s;
 	transform: scale(0.9);
 	outline: 0;
 }

 .buttonjp:hover:after,
 .buttonjp:active:after {
 	width: 100%;
 }

 /* icons in buttons */
 .buttonjp i {
 	display: inline-block;
 	margin-right: 5px;
 }

 .buttonjp i:before {
 	font-size: 120%;
 }

 /* TABS */
 .tabs {
 	font-size: 1em;
 	margin-bottom: 2em;
 }

 .tabs .tab-titles {
 	padding: 0;
 	margin: 0 0 -1px 0;
 }

 .tabs .tab-titles li {
 	display: inline-block
 }

 .tabs .tab-titles li a {
 	display: inline-block;
 	padding: 1em 2em;
 	font-weight: bold;
 	font-size: 13px;
 	letter-spacing: 0;
 	border: 0;
 	cursor: pointer;
 }

 .tabs .tab-titles li a.active {
 	border-bottom: 6px solid #555;
 }

 .tabs .tab-content {
 	margin-top: -1px;
 	font-size: 14px;
 	border: 1px solid #EAEEEF;
 }

 .tabs .tab-content>div {
 	padding: 1.8em;
 	display: none;
 }

 /* TOGGLES */
 .toggle-group {
 	margin-bottom: 2em;
 }

 .toggle h4 {
 	position: relative;
 	font-size: 15px;
 	border-left: 0;
 	padding: .9em 1em .6em 1.8em;
 	margin: 0;
 	cursor: pointer;
 	border-bottom: 1px solid #F4F3EF;
 }

 .toggle h4.active {
 	border-bottom: 0;
 }

 .toggle h4:before {
 	content: "\e823";
 	opacity: .6;
 	position: absolute;
 	top: 1.5em;
 	left: 0;
 	font-size: 14px;
 	line-height: 1;
 }

 .toggle h4.active:before {
 	content: '\e89a';
 }

 .toggle .toggle-content {
 	display: none;
 	padding: 1.2em 0 2em 1.8em;
 	font-size: 14px;
 	border-bottom: 1px solid #eee;
 }

 /* ALERTS */
 .alert {
 	position: relative;
 	padding: 1.2em 2em;
 	font-size: 13px;
 	letter-spacing: .04em;
 	line-height: 1.4;
 	margin-bottom: 2em;
 	border: 2px solid #f6f4cd;
 }

 .alert.success {
 	border-color: #b1e9c3;
 }

 .alert.error {
 	border-color: #f8c2b7;
 }

 /* LAUNCH */
 .launch {
 	text-align: center;
 	padding: 1.4em 0;
 	margin-bottom: 0;
 }

 .launch .button,
 .portfolio-desc .button {
 	padding: 1.8em 3.6em;
 }

 /* SITE ALERT */
 .site-alert {
 	display: none;
 	position: fixed;
 	z-index: 9900;
 	top: 50%;
 	left: 50%;
 	margin: -80px 0 0 -80px;
 	font-size: 6em;
 	line-height: 1;
 	padding: .4em .5em;
 	color: rgba(255, 255, 255, 0.86);
 	text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1);
 	background: rgba(28, 38, 43, 0.93);
 }

 .site-alert:before {
 	content: "\e66c";
 }

 .site-alert.error {
 	background: #D44A4A;
 	background: rgba(212, 74, 74, 0.55);
 }

 .site-alert.error:before {
 	content: "\e681";
 }

 .site-alert {
 	-webkit-animation: animation 3800ms linear both;
 	animation: animation 3800ms linear both;
 }

 /* Generated with Bounce.js. Edit at http://goo.gl/NBqAOQ */
 @-webkit-keyframes animation {
 	0% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1500, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1500, 0, 0, 1);
 	}

 	0.84% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -1033.111, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -1033.111, 0, 0, 1);
 	}

 	1.26% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.78, 1, 0, 0, 0, 0, 1, 0, -848.183, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.78, 1, 0, 0, 0, 0, 1, 0, -848.183, 0, 0, 1);
 	}

 	1.69% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -691.149, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -691.149, 0, 0, 1);
 	}

 	2.53% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -447.926, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -447.926, 0, 0, 1);
 	}

 	3.35% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -284.082, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -284.082, 0, 0, 1);
 	}

 	3.79% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.367, 1, 0, 0, 0, 0, 1, 0, -217.451, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.367, 1, 0, 0, 0, 0, 1, 0, -217.451, 0, 0, 1);
 	}

 	4.98% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -98.808, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -98.808, 0, 0, 1);
 	}

 	5.06% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -93.236, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -93.236, 0, 0, 1);
 	}

 	6.64% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, -22.005, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, -22.005, 0, 0, 1);
 	}

 	7.59% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, -0.029, 1, 0, 0, 0, 0, 1, 0, -3.641, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, -0.029, 1, 0, 0, 0, 0, 1, 0, -3.641, 0, 0, 1);
 	}

 	8.27% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 3.324, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 3.324, 0, 0, 1);
 	}

 	10.12% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, -0.019, 1, 0, 0, 0, 0, 1, 0, 8.659, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, -0.019, 1, 0, 0, 0, 0, 1, 0, 8.659, 0, 0, 1);
 	}

 	14.86% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 2.645, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 2.645, 0, 0, 1);
 	}

 	20.95% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.104, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.104, 0, 0, 1);
 	}

 	21.05% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.096, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.096, 0, 0, 1);
 	}

 	21.44% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.071, -7.992, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.071, -7.992, 0, 1);
 	}

 	22% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.043, -15.312, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.043, -15.312, 0, 1);
 	}

 	22.95% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.014, -19.275, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.014, -19.275, 0, 1);
 	}

 	24.13% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.004, -15.606, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.004, -15.606, 0, 1);
 	}

 	25.29% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -9.111, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -9.111, 0, 1);
 	}

 	25.92% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -5.84, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -5.84, 0, 1);
 	}

 	26.32% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -4.058, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -4.058, 0, 1);
 	}

 	26.48% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -3.395, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -3.395, 0, 1);
 	}

 	27.64% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.008, -0.013, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.008, -0.013, 0, 1);
 	}

 	29.53% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.005, -1.622, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.005, -1.622, 0, 1);
 	}

 	34.22% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, -0.002, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, -0.002, 0, 1);
 	}

 	36.12% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
 	}

 	39.47% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.029, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.029, 0, 1);
 	}

 	40.81% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 	}

 	42.71% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
 	}

 	45.95% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
 	}

 	46.05% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
 	}

 	47.19% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 	}

 	47.27% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.402, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.402, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 	}

 	47.37% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 	}

 	48.32% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 334.897, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 334.897, 0, 0, 1);
 	}

 	49.45% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 714.76, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 714.76, 0, 0, 1);
 	}

 	49.63% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 771.405, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 771.405, 0, 0, 1);
 	}

 	50.58% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 1036.886, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 1036.886, 0, 0, 1);
 	}

 	51.9% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 1317.879, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 1317.879, 0, 0, 1);
 	}

 	53.51% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 1528.299, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 1528.299, 0, 0, 1);
 	}

 	54.16% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.849, 1, 0, 0, 0, 0, 1, 0, 1578.415, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.849, 1, 0, 0, 0, 0, 1, 0, 1578.415, 0, 0, 1);
 	}

 	56.43% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 1640.002, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 1640.002, 0, 0, 1);
 	}

 	56.43% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 1640.002, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 1640.002, 0, 0, 1);
 	}

 	62.28% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 1530.939, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 1530.939, 0, 0, 1);
 	}

 	62.28% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 1530.917, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 1530.917, 0, 0, 1);
 	}

 	68.13% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1490.654, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1490.654, 0, 0, 1);
 	}

 	68.15% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1490.654, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1490.654, 0, 0, 1);
 	}

 	72.37% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1495.816, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1495.816, 0, 0, 1);
 	}

 	79.82% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1500.624, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1500.624, 0, 0, 1);
 	}

 	91.57% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1499.958, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1499.958, 0, 0, 1);
 	}

 	100% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1500, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1500, 0, 0, 1);
 	}
 }

 @keyframes animation {
 	0% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1500, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1500, 0, 0, 1);
 	}

 	0.84% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -1033.111, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.621, 1, 0, 0, 0, 0, 1, 0, -1033.111, 0, 0, 1);
 	}

 	1.26% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.78, 1, 0, 0, 0, 0, 1, 0, -848.183, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.78, 1, 0, 0, 0, 0, 1, 0, -848.183, 0, 0, 1);
 	}

 	1.69% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -691.149, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.829, 1, 0, 0, 0, 0, 1, 0, -691.149, 0, 0, 1);
 	}

 	2.53% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -447.926, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.695, 1, 0, 0, 0, 0, 1, 0, -447.926, 0, 0, 1);
 	}

 	3.35% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -284.082, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.477, 1, 0, 0, 0, 0, 1, 0, -284.082, 0, 0, 1);
 	}

 	3.79% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.367, 1, 0, 0, 0, 0, 1, 0, -217.451, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.367, 1, 0, 0, 0, 0, 1, 0, -217.451, 0, 0, 1);
 	}

 	4.98% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -98.808, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.146, 1, 0, 0, 0, 0, 1, 0, -98.808, 0, 0, 1);
 	}

 	5.06% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -93.236, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.135, 1, 0, 0, 0, 0, 1, 0, -93.236, 0, 0, 1);
 	}

 	6.64% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, -22.005, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, -0.003, 1, 0, 0, 0, 0, 1, 0, -22.005, 0, 0, 1);
 	}

 	7.59% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, -0.029, 1, 0, 0, 0, 0, 1, 0, -3.641, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, -0.029, 1, 0, 0, 0, 0, 1, 0, -3.641, 0, 0, 1);
 	}

 	8.27% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 3.324, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, -0.033, 1, 0, 0, 0, 0, 1, 0, 3.324, 0, 0, 1);
 	}

 	10.12% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, -0.019, 1, 0, 0, 0, 0, 1, 0, 8.659, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, -0.019, 1, 0, 0, 0, 0, 1, 0, 8.659, 0, 0, 1);
 	}

 	14.86% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 2.645, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.002, 1, 0, 0, 0, 0, 1, 0, 2.645, 0, 0, 1);
 	}

 	20.95% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.104, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.104, 0, 0, 1);
 	}

 	21.05% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.096, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.096, 0, 0, 1);
 	}

 	21.44% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.071, -7.992, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.071, -7.992, 0, 1);
 	}

 	22% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.043, -15.312, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.043, -15.312, 0, 1);
 	}

 	22.95% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.014, -19.275, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.014, -19.275, 0, 1);
 	}

 	24.13% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.004, -15.606, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.004, -15.606, 0, 1);
 	}

 	25.29% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -9.111, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -9.111, 0, 1);
 	}

 	25.92% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -5.84, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -5.84, 0, 1);
 	}

 	26.32% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -4.058, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -4.058, 0, 1);
 	}

 	26.48% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -3.395, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.01, -3.395, 0, 1);
 	}

 	27.64% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.008, -0.013, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.008, -0.013, 0, 1);
 	}

 	29.53% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.005, -1.622, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.005, -1.622, 0, 1);
 	}

 	34.22% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, -0.002, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.001, -0.002, 0, 1);
 	}

 	36.12% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.137, 0, 1);
 	}

 	39.47% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.029, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.029, 0, 1);
 	}

 	40.81% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 	}

 	42.71% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.011, 0, 1);
 	}

 	45.95% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.003, 0, 1);
 	}

 	46.05% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1);
 	}

 	47.19% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.375, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 	}

 	47.27% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.402, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.402, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 	}

 	47.37% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.434, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
 	}

 	48.32% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 334.897, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.704, 1, 0, 0, 0, 0, 1, 0, 334.897, 0, 0, 1);
 	}

 	49.45% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 714.76, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.903, 1, 0, 0, 0, 0, 1, 0, 714.76, 0, 0, 1);
 	}

 	49.63% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 771.405, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.921, 1, 0, 0, 0, 0, 1, 0, 771.405, 0, 0, 1);
 	}

 	50.58% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 1036.886, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.957, 1, 0, 0, 0, 0, 1, 0, 1036.886, 0, 0, 1);
 	}

 	51.9% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 1317.879, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.922, 1, 0, 0, 0, 0, 1, 0, 1317.879, 0, 0, 1);
 	}

 	53.51% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 1528.299, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.864, 1, 0, 0, 0, 0, 1, 0, 1528.299, 0, 0, 1);
 	}

 	54.16% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.849, 1, 0, 0, 0, 0, 1, 0, 1578.415, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.849, 1, 0, 0, 0, 0, 1, 0, 1578.415, 0, 0, 1);
 	}

 	56.43% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 1640.002, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 1640.002, 0, 0, 1);
 	}

 	56.43% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 1640.002, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.832, 1, 0, 0, 0, 0, 1, 0, 1640.002, 0, 0, 1);
 	}

 	62.28% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 1530.939, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 1530.939, 0, 0, 1);
 	}

 	62.28% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 1530.917, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.84, 1, 0, 0, 0, 0, 1, 0, 1530.917, 0, 0, 1);
 	}

 	68.13% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1490.654, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1490.654, 0, 0, 1);
 	}

 	68.15% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1490.654, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1490.654, 0, 0, 1);
 	}

 	72.37% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1495.816, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1495.816, 0, 0, 1);
 	}

 	79.82% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1500.624, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1500.624, 0, 0, 1);
 	}

 	91.57% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1499.958, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1499.958, 0, 0, 1);
 	}

 	100% {
 		-webkit-transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1500, 0, 0, 1);
 		transform: matrix3d(1, 0, 0, 0, 0.839, 1, 0, 0, 0, 0, 1, 0, 1500, 0, 0, 1);
 	}
 }

 /* CONTACT FORM */
 .contact-form {
 	margin: 1.6em auto 0 auto;
 	overflow: auto;
 	overflow-x: hidden;
 }

 .contact-form p {
 	margin: 0 0 1.8em 0;
 }

 .contact-form input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),
 .contact-form textarea {
 	width: 100%;
 	max-width: none;
 	display: block;
 	font-size: 14px;
 }

 .contact-form .antispam {
 	display: none;
 }

 /* GRID PAGE */
 .show-grid div {
 	font-size: .8em;
 	padding-top: .9em;
 	padding-bottom: .9em;
 	text-align: center;
 	margin-bottom: 1.4em;
 	border: 1px solid #EAEEEF;
 }

 /* PAGE BOTTOM */
 .page-bottom .row {
 	margin: 0;
 }

 .page-bottom .row>div {
 	padding-left: 0;
 	padding-right: 0;
 	color: #fff;
 	background: #181F21;
 }

 .page-bottom .row>div:nth-child(even) {
 	background: #263033;
 }

 /* fun-fact */
 .page-bottom .fun-fact {
 	text-align: left;
 	max-width: 320px;
 	padding: 1em;
 	margin: 0 auto;
 	overflow: hidden;
 }

 .page-bottom .fun-fact:first-child {
 	padding-top: 2.4em;
 }

 .page-bottom .fun-fact:last-child {
 	padding-bottom: 2.4em;
 }

 .page-bottom .fun-fact i {
 	float: left;
 	margin-bottom: 0;
 	font-size: 40px;
 	color: rgba(113, 255, 217, 0.8);
 }

 .page-bottom .fun-fact h4 {
 	float: left;
 	margin: 13px;
 	max-width: none;
 	font-size: 12px;
 	font-weight: 400;
 	letter-spacing: .03em;
 	color: rgba(255, 255, 255, 0.5);
 }

 /* map */
 .page-bottom .map,
 .page-bottom .map-canvas {
 	height: 260px;
 }

 /* contact form */
 .page-bottom .contact-form {
 	padding: 2em;
 	margin: 0 auto;
 }

 .page-bottom input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),
 .page-bottom textarea,
 .page-bottom select {
 	font-size: 12px;
 	color: #fff;
 	border-width: 1px;
 	border-color: rgba(113, 255, 217, 0.2);
 }

 .page-bottom input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
 .page-bottom textarea:focus,
 .page-bottom select:focus {
 	border-color: rgba(113, 255, 217, 0.5);
 }

 .page-bottom input[type=submit],
 .page-bottom input[type=button],
 .page-bottom button,
 .page-bottom a.button {
 	color: #71FFD9;
 	border-color: #71FFD9;
 }

 .page-bottom input[type=submit]:hover,
 .page-bottom input[type=button]:hover,
 .page-bottom button:hover,
 .page-bottom a.button:hover {
 	background: #71FFD9;
 	border-color: #71FFD9;
 	color: #234;
 }

 .page-bottom .row>div>h4 {
 	text-align: center;
 	text-transform: uppercase;
 	font-size: 12px;
 	font-weight: 400;
 	letter-spacing: 1px;
 	margin: 0;
 	padding: 4em 0 1em;
 	color: rgba(255, 255, 255, 0.5);
 }

 /* SHORTCODES PAGE */
 .show-buttons .button {
 	margin: 0 1em 1em 0
 }

 /* NPROGRESS */
 #nprogress .bar {
 	height: 4px;
 	background-color: #FFF461;
 }

 #nprogress .spinner-icon {
 	border-top-color: #FFF461;
 	border-left-color: #FFF461;
 }

 /* Magnific Popup */
 .mfp-figure:after {
 	background: #0d121c;
 }

 button.mfp-close:before,
 button.mfp-arrow:before {
 	background: url(../images/bckg/mfp-default-skin.svg) 0 0 no-repeat;
 	background-size: 264px 88px;
 }

 button.mfp-close {
 	overflow: hidden;
 }

 button.mfp-close:before {
 	content: "";
 	display: block;
 	width: 44px;
 	height: 44px;
 	color: transparent;
 	background-position: 0 -44px;
 }

 button.mfp-arrow {
 	width: 70px;
 	height: 100px;
 	opacity: .9;
 }

 button.mfp-arrow:hover,
 button.mfp-close:hover {
 	background: transparent !important;
 }

 button.mfp-arrow:after {
 	display: none;
 }

 button.mfp-arrow:before {
 	content: '';
 	position: absolute;
 	top: 35px;
 	height: 30px;
 	width: 32px;
 	border: 0;
 	margin: 0;
 }

 button.mfp-arrow-left:before {
 	left: 6px;
 	background-position: -138px -44px;
 }

 button.mfp-arrow-right:before {
 	left: auto;
 	right: 6px;
 	background-position: -94px -44px;
 }

 .mfp-title {
 	position: absolute;
 	width: 100%;
 	line-height: 38px;
 	text-transform: uppercase;
 	font-size: 11px;
 	padding-right: 0;
 	text-align: center;
 	font-weight: 300;
 	letter-spacing: .12em;
 }

 .mfp-counter {
 	position: fixed;
 	top: 0;
 	left: 0;
 	text-align: center;
 	font-size: 24px;
 	line-height: 1.6;
 	font-weight: bold;
 	color: #fff;
 	opacity: .4;
 }

 .mfp-removing button,
 .mfp-removing .mfp-title {
 	opacity: 0;
 }

 .mfp-figure:after {
 	box-shadow: none;
 }

 .mfp-iframe-holder .mfp-close {
 	background: none;
 }

 .mfp-ready .mfp-content {
 	opacity: 0;
 }

 .mfp-zoom-in .mfp-content {
 	opacity: 0;
 	transition: transform 0.2s ease-out;
 	transform: scale(0.9);
 }

 .mfp-zoom-in.mfp-bg {
 	opacity: 0;
 	transition: all 0.2s ease-out;
 }

 .mfp-zoom-in.mfp-image-loaded .mfp-content {
 	opacity: 1;
 	transform: scale(1);
 }

 .mfp-bg {
 	background: #1d1d28;
 }

 .mfp-zoom-in.mfp-ready.mfp-bg {
 	opacity: 0.95;
 }

 .mfp-zoom-in.mfp-image-loaded .mfp-content {
 	opacity: 1;
 }

 .mfp-zoom-in.mfp-removing .mfp-content {
 	transform: scale(0.9);
 	opacity: 0;
 }

 .mfp-zoom-in.mfp-removing.mfp-bg {
 	opacity: 0;
 }

 .mfp-preloader {
 	width: 48px;
 	height: 48px;
 	opacity: 1;
 	margin: 0 auto;
 	background: url(../images/bckg/loading-light.svg) center center no-repeat;
 	background-size: 48px 48px;
 }

 .mfp-zoom-in.mfp-ready .mfp-preloader {
 	display: block;
 }

 .mfp-zoom-in.mfp-image-loaded .mfp-preloader,
 .mfp-zoom-in.mfp-removing .mfp-preloader {
 	display: none;
 }

 /* fade image change */
 .mfp-image-loaded .mfp-content {
 	-webkit-animation-name: fadeIn;
 	animation-name: fadeIn;
 	-webkit-animation-duration: .2s;
 	animation-duration: .2s;
 	-webkit-backface-visibility: hidden;
 }

 @-webkit-keyframes fadeIn {
 	0% {
 		opacity: 0
 	}

 	100% {
 		opacity: 1
 	}
 }

 @keyframes fadeIn {
 	0% {
 		opacity: 0
 	}

 	100% {
 		opacity: 1
 	}
 }

 /* soundcloud */
 .is-soundcloud .mfp-content {
 	max-width: 550px;
 }

 .is-soundcloud .mfp-iframe-scaler {
 	padding-top: 100%;
 }


 /* BLOG */
 .blog-regular {
 	margin-bottom: 3em;
 }

 .blog-regular .hentry {
 	padding-bottom: 2em;
 }

 .blog-regular .entry-header {
 	max-width: 390px;
 	margin-left: auto;
 	margin-right: auto;
 }

 .blog-regular .entry-title {
 	font-size: 1.5em;
 }

 .blog-single .entry-header {
 	max-width: 450px;
 	margin-left: auto;
 	margin-right: auto;
 }

 .entry-title a {
 	color: inherit;
 }

 .excerpt {
 	text-align: center;
 }

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

 .blog-regular .entry-content {
 	max-width: 550px;
 	margin-left: auto;
 	margin-right: auto;
 }

 .blog-single .entry-content {
 	overflow: auto;
 }

 /* entry-meta */
 .entry-meta {
 	font-weight: 700;
 	letter-spacing: .07em;
 	font-size: 11px;
 	margin-top: 1em;
 	text-align: center;
 	text-transform: uppercase;
 }

 .entry-meta span {
 	margin-right: 8px;
 	margin-bottom: 12px;
 }

 .blog-regular .entry-meta .comment-link {
 	display: none;
 }

 .cat-links a {
 	margin-bottom: 8px;
 	font-size: 10px;
 	letter-spacing: .2em;
 }

 .entry-meta>.entry-date,
 .entry-meta .comment-link {
 	opacity: .4;
 }

 .comment-link a,
 .comment-link a:hover {
 	color: inherit;
 }

 .nav-single a,
 .comment-meta a,
 .comment-reply-link,
 .navigation a,
 .post-pagination a,
 .related-posts a,
 .tabs .tab-titles li a {
 	color: inherit;
 }

 .navigation a:hover,
 .post-pagination a:hover,
 .entry-content a.more-link:hover {
 	color: #fff;
 	border-color: transparent;
 }

 .nav-single a:active,
 .comment-meta a:active,
 .comment-reply-link:active,
 .navigation a:active,
 .post-pagination a:active,
 .related-posts a:active,
 .entry-content a.more-link:active {
 	opacity: .8;
 }

 /* more link */
 .more {
 	display: block;
 	margin-top: 1.6em;
 }

 a.more-link {
 	display: inline-block;
 	padding: 1.2em 1.4em;
 	color: #d5d5d5;
 	font-weight: 400;
 	letter-spacing: 2px;
 	font-size: 11px;
 	line-height: 1;
 	background: none;
 	border: 1px solid #DDE4E6;
 	text-transform: uppercase;
 }

 a.more-link:hover {
 	background: #096
 }

 /* featured image */
 .featured-image {
 	margin-top: 1.4em;
 }

 .featured-image img {
 	display: block;
 	margin: 0 auto;
 }

 /* POST FORMATS */
 .hentry .entry-header:before {
 	font-size: 26px;
 	color: #DCDFE2;
 	display: block;
 	text-align: center;
 	padding-bottom: .3em;
 }

 /* sticky  */
 .hentry.sticky .entry-header:before {
 	content: "\e877";
 }

 /* video  */
 .format-video .entry-header:before {
 	content: "\e85a";
 }

 /* audio  */
 .format-audio .entry-header:before {
 	content: "\e896"
 }

 /* image  */
 .format-image .entry-header:before {
 	content: "\e86b"
 }

 /* quote  */
 .format-quote .entry-content blockquote {
 	text-align: center;
 }

 .format-quote .entry-header:before {
 	content: "\e876"
 }

 .format-quote blockquote {
 	width: 100%;
 	margin: 0;
 	padding: 0;
 }

 .format-quote blockquote:before {
 	content: ""
 }

 /* link  */
 .format-link .entry-content {
 	padding-top: 0;
 }

 .format-link .entry-header:before {
 	content: "\f25a"
 }

 /* gallery  */
 .format-gallery .entry-header:before {
 	content: "\e86b"
 }

 .gallery {
 	margin: 2em 0;
 	width: 100%;
 	width: -webkit-calc(100% + 4px);
 	width: calc(100% + 4px);
 }

 .gallery:before,
 .gallery:after {
 	content: " ";
 	display: table;
 }

 .gallery:after {
 	clear: both
 }

 .gallery-item {
 	display: block;
 	position: relative;
 	float: left;
 	margin: 0 4px 4px 0;
 }

 .gallery-item a {
 	display: block;
 	position: relative;
 	float: left;
 	margin: 0 4px 4px 0;
 }

 .gallery-item a:before {
 	content: "";
 	opacity: 0;
 	filter: alpha(opacity=0);
 	position: absolute;
 	width: 100%;
 	height: 100%;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	text-align: center;
 	overflow: hidden;
 	background: #33475D;
 	background: rgba(51, 71, 93, 0.6);
 	z-index: 1;
 }

 .gallery-item a:after {
 	opacity: 0;
 	position: absolute;
 	left: 50%;
 	top: 50%;
 	margin: -33px 0 0 -33px;
 	width: 66px;
 	line-height: 66px;
 	font-size: 20px;
 	text-align: center;
 	content: "\e86b";
 	color: #fff;
 	z-index: 2;
 }

 .gallery-item a:hover:before,
 .gallery-item a:hover:after {
 	opacity: 1;
 }

 .gallery-item img {
 	width: 100%;
 }

 .gallery-columns-1 .gallery-item {
 	max-width: 100%;
 }

 .gallery-columns-2 .gallery-item {
 	width: 48%;
 	width: -webkit-calc(50% - 4px);
 	width: calc(50% - 4px);
 }

 .gallery-columns-3 .gallery-item {
 	width: 32%;
 	width: -webkit-calc(33.3% - 4px);
 	width: calc(33.3% - 4px);
 }

 .gallery-columns-4 .gallery-item {
 	width: 23%;
 	width: -webkit-calc(25% - 4px);
 	width: calc(25% - 4px);
 }

 .gallery-columns-5 .gallery-item {
 	width: 19%;
 	width: -webkit-calc(20% - 4px);
 	width: calc(20% - 4px);
 }

 .gallery-columns-6 .gallery-item {
 	width: 15%;
 	width: -webkit-calc(16.7% - 4px);
 	width: calc(16.7% - 4px);
 }

 .gallery-columns-7 .gallery-item {
 	width: 13%;
 	width: -webkit-calc(14.28% - 4px);
 	width: calc(14.28% - 4px);
 }

 .gallery-columns-8 .gallery-item {
 	width: 11%;
 	width: -webkit-calc(12.5% - 4px);
 	width: calc(12.5% - 4px);
 }

 .gallery-columns-9 .gallery-item {
 	width: 9%;
 	width: -webkit-calc(11.1% - 4px);
 	width: calc(11.1% - 4px);
 }

 .gallery-columns-1 .gallery-item:nth-of-type(1n),
 .gallery-columns-2 .gallery-item:nth-of-type(2n),
 .gallery-columns-3 .gallery-item:nth-of-type(3n),
 .gallery-columns-4 .gallery-item:nth-of-type(4n),
 .gallery-columns-5 .gallery-item:nth-of-type(5n),
 .gallery-columns-6 .gallery-item:nth-of-type(6n),
 .gallery-columns-7 .gallery-item:nth-of-type(7n),
 .gallery-columns-8 .gallery-item:nth-of-type(8n),
 .gallery-columns-9 .gallery-item:nth-of-type(9n) {
 	margin-right: 0;
 }

 .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
 .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
 .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
 .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
 	clear: left;
 }

 .gallery .gallery-caption {
 	display: none;
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	right: 0;
 	max-height: 45%;
 	margin: 0;
 	padding: 6px 8px;
 	text-align: center;
 	opacity: 0;
 	filter: alpha(opacity=0);
 	font-size: 13px;
 	line-height: 1.4;
 	overflow: hidden;
 	z-index: 999;
 	color: #fff;
 	background-color: #8ACB82;
 }

 .gallery-caption:before {
 	content: "";
 	height: 100%;
 	min-height: 49px;
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 }

 .gallery-item:hover .gallery-caption {
 	opacity: 1;
 	filter: alpha(opacity=100);
 }

 .gallery-columns-7 .gallery-caption,
 .gallery-columns-8 .gallery-caption,
 .gallery-columns-9 .gallery-caption {
 	display: none;
 }

 /* aside  */
 .format-aside .entry-header:before {
 	content: "\e858"
 }

 .format-aside .entry-content {
 	text-align: center;
 }

 /* status  */
 .format-status .entry-content {
 	text-align: center;
 }

 .format-status .entry-header:before {
 	content: "\e888"
 }

 .format-status .entry-content>p:first-child {
 	display: inline-block;
 	padding: 1em;
 	border: 1px solid #eee;
 	font-size: 1em;
 	font-style: italic;
 	line-height: 1.5;
 }

 /* chat  */
 .format-chat .entry-header:before {
 	content: "\e818"
 }

 .chat-transcript {
 	margin-bottom: 50px;
 }

 .chat-row {
 	text-align: left;
 }

 .chat-row:after {
 	display: table;
 	content: "";
 	line-height: 0;
 }

 .chat-author {
 	width: 100px;
 	margin-top: 5px;
 	font-size: 14px;
 	text-transform: uppercase;
 }

 .chat-author cite {
 	display: inline-block;
 	min-width: 80%;
 	margin-right: .1em;
 	font-size: 0.9em;
 	font-weight: 800;
 	font-style: normal;
 }

 .chat-text {
 	text-align: left;
 	padding-left: 20px;
 }

 .chat-text p {
 	position: relative;
 	display: inline-block;
 	max-width: 320px;
 	padding: 5px 14px;
 	margin-top: 0;
 	margin-bottom: .6em;
 	background: #FFF;
 	border-radius: 4px;
 	border: 1px solid #E9E6DF;
 	font-size: 14px !important;
 	line-height: 1.5 !important;
 }

 .chat-text p:after {
 	content: '';
 	position: absolute;
 	border-style: solid;
 	border-width: 5px 4px 5px 0;
 	border-color: transparent #FFFFFF;
 	display: block;
 	width: 0;
 	z-index: 1;
 	left: -4px;
 	top: 10px;
 }

 .chat-text p:before {
 	content: '';
 	position: absolute;
 	border-style: solid;
 	border-width: 6px 5px 6px 0;
 	border-color: transparent #eee;
 	display: block;
 	width: 0;
 	z-index: 0;
 	left: -6px;
 	top: 9px;
 }

 .chat-text p:empty {
 	display: none;
 }

 .chat-speaker-2 .chat-author cite {
 	font-style: italic;
 }

 .chat-speaker-2 .chat-text p {
 	border-color: #E9E6DF;
 }

 .chat-speaker-2 .chat-text p:before {
 	border-color: transparent #E9E6DF;
 }

 /* PAGINATION */
 .navigation {
 	padding: 3em 0;
 	font-size: 11px;
 	letter-spacing: 2px;
 	overflow: auto;
 }

 .navigation:not(.pagination)>div {
 	width: 50%;
 	float: left;
 }

 .navigation a {
 	display: inline-block;
 	padding: 1.5em 2.0em;
 	color: #6A7686;
 	border: 1px solid #d5d5d5;
 	text-transform: uppercase;
 }

 .navigation .nav-next {
 	text-align: right
 }

 .navigation .meta-nav {
 	margin-right: .5em
 }

 .navigation .nav-next .meta-nav {
 	margin-left: .5em;
 	margin-right: 0;
 }

 /* NUMBERED PAGINATION */
 .pagination {
 	text-align: center;
 }

 .pagination a {
 	padding: .7em 1.2em;
 	margin: .2em;
 	font-size: 10px;
 }

 .page-links {
 	padding: 40px 0;
 	font-size: 14px;
 }

 .post-password-required form {
 	max-width: 320px;
 	margin: 3em 0;
 	background: #fafafa;
 	padding: 20px 30px;
 }

 /* BLOG SINGLE */
 .blog-single .hentry {
 	padding-bottom: 2em;
 }

 .blog-single .entry-meta {
 	line-height: 1.9;
 	text-align: center;
 }

 .blog-single .entry-content {
 	text-align: left;
 	margin-left: auto;
 	margin-right: auto;
 }

 /* nav single */
 .nav-single {
 	padding: 3em 0;
 	text-transform: uppercase;
 }

 .nav-single h6 {
 	font-size: 12px;
 	letter-spacing: 1px;
 	opacity: .4;
 }

 .nav-single h5 {
 	font-size: 13px;
 	font-weight: 700;
 	line-height: 1.4;
 	letter-spacing: .1px;
 }

 .nav-single .meta-nav {
 	margin-right: .6em
 }

 .nav-single .nav-next .meta-nav {
 	margin-left: .6em;
 	margin-right: 0;
 }

 .nav-single .nav-next {
 	text-align: right
 }

 /* TAGS  */
 .tags.entry-meta {
 	margin: 3em 0 1em 0;
 	padding: 1em .2em;
 	list-style: none;
 	text-align: left;
 	clear: both;
 }

 .tags li {
 	display: inline-block
 }

 .tags a,
 .tagcloud a {
 	display: inline-block;
 	line-height: 24px;
 	font-size: 10px;
 	font-weight: bold;
 	position: relative;
 	margin: 0 4px 8px 12px;
 	padding: 0 10px 0 12px;
 	background: #EAEEEF;
 	text-transform: uppercase;
 	color: #6A7686;
 	border-radius: 0 2px 2px 0;
 }

 .tags a:hover {
 	color: #5BCF80;
 }

 .tags a:before,
 .tagcloud a:before {
 	content: "";
 	float: left;
 	position: absolute;
 	top: 0px;
 	left: -11px;
 	width: 0;
 	height: 0;
 	border-color: transparent;
 	border-right-color: #EAEEEF;
 	border-style: solid;
 	border-width: 12px 11px 12px 0;
 }

 .tags a:after,
 .tagcloud a:after {
 	content: "";
 	position: absolute;
 	top: 9px;
 	left: 0;
 	float: left;
 	width: 6px;
 	height: 6px;
 	border-radius: 50%;
 	background: #fff;
 }

 /* RELATED POSTS */
 .related-posts {
 	padding: 2em 0 0;
 	text-align: center;
 }

 .related-posts .media-grid {
 	min-height: 0;
 	overflow: hidden;
 }

 .related-posts .media-grid .media-cell {
 	margin-bottom: 0;
 }

 .related-posts .mask:before {
 	font-size: 32px;
 }

 .related-posts .media-cell-desc {
 	padding: 20px;
 }

 /* COMMENTS */
 .comments-title {
 	margin-bottom: 1.2em;
 }

 .comments-area {
 	padding: 0;
 }

 .comments-area ol {
 	list-style: none;
 	margin: 0;
 	padding: 0;
 }

 .commentlist {
 	padding: 0;
 	line-height: 1.6;
 }

 .comments-area ol ol {
 	margin-left: 6%
 }

 .comments-area article {
 	position: relative;
 	padding: .6em 0;
 	margin-bottom: .8em;
 	border-bottom: 1px solid #F4F3EF;
 }

 .commentlist>li:last-child>article {
 	border-bottom: 0;
 }

 .comment-meta {
 	text-transform: uppercase;
 }

 .comment-meta img {
 	display: block;
 	float: left;
 	margin: 0 1.0em 0 0;
 	border-radius: 50%;
 	max-width: 52px;
 }

 .comment-meta .fn {
 	display: block;
 	font-size: 13px;
 	font-weight: 700;
 	font-style: normal;
 	padding-top: 0.2em;
 }

 .comment-meta .comment-date {
 	display: block;
 	font-size: 11px;
 	font-weight: 400;
 	opacity: .5;
 }

 .comment-content {
 	padding-top: .1em;
 	clear: left;
 }

 .comment-content p {
 	margin: .8em 0 .2em 0;
 	font-size: 0.875em;
 }

 .comment .reply {
 	text-align: right;
 	font-weight: 700;
 	font-size: 11px;
 	letter-spacing: 1px;
 	text-transform: uppercase;
 }

 /* comment by post author  */
 .bypostauthor>article {
 	border-bottom-width: 4px;
 }

 /* COMMENT FORM */
 #respond {
 	padding: 0 0 1em 0;
 	margin: 1em 0;
 }

 #reply-title {
 	margin-bottom: 1.5em;
 }

 #reply-title small {
 	padding-left: 14px;
 	text-transform: uppercase;
 	font-size: 16px;
 }

 .form-allowed-tags,
 .comment-notes {
 	display: none;
 	font-size: .9em;
 }

 .form-allowed-tags code {
 	margin-top: 1em
 }

 .form-submit {
 	margin-top: 2em
 }

 #respond textarea {
 	height: 4em;
 }

 /* WIDGET AREA */
 .widget-area {
 	padding: 2em 0;
 	overflow: hidden;
 }

 .widget-area .widget {
 	padding: 0 0 3em 0;
 }

 .widget-area a {
 	color: #334455;
 }

 .widget-area a:hover {
 	color: #1C262B;
 }

 .widget-title {
 	margin-bottom: 2.4em;
 	font-size: 11px;
 	opacity: .6;
 	text-transform: uppercase;
 	letter-spacing: 2px;
 	font-weight: 700;
 }

 .widget-title:after {
 	display: block;
 	width: 64px;
 	height: 16px;
 	content: "";
 	background-image: url(../images/bckg/lines.png);
 	background-size: 40px 7px;
 	background-repeat: no-repeat;
 	margin-top: 13px;
 }

 .widget-area ul li {
 	font-size: .875em;
 }

 .widget-area ul ul ul li {
 	font-size: inherit;
 }

 .widget label input {
 	font-size: 13px !important;
 	font-weight: 400;
 }

 .widget-area iframe {
 	width: 100% !important;
 	max-height: 290px;
 }

 /* DEFAULT WIDGETS */
 .widget-area ul {
 	margin-left: 1.2em;
 	padding-left: 0;
 }

 .widget-area ul li {
 	position: relative;
 	margin-bottom: .4em;
 	line-height: 1.5;
 }

 /* recent entries widget */
 .widget_recent_entries ul {
 	margin-left: 0;
 	list-style: none;
 }

 .widget_recent_entries ul li {
 	margin: 0;
 	padding: 1em 0 .5em 0;
 	font-size: 15px;
 	font-weight: bold;
 	border-bottom: 1px solid rgba(28, 38, 43, 0.05);
 }

 .widget_recent_entries ul li:last-child,
 .widget_recent_entries ul li:last-child:hover {
 	border-bottom: 0;
 }

 /* recent comments widget */
 .widget_recent_comments ul li {
 	font-style: italic;
 }

 .widget_recent_comments ul li a {
 	font-style: normal;
 }

 .widget_recent_comments ul li a:nth-of-type(2) {
 	font-weight: bold;
 }

 /* pages widget */
 .widget_pages ul ul li {
 	font-size: 1em;
 }

 /* text widget */
 .textwidget {
 	font-size: .875em;
 }

 .textwidget img {
 	margin-bottom: 1em;
 }

 /* rss widget */
 .widget_rss .rss-date,
 .widget_rss cite:before {
 	text-align: left;
 	font-style: italic;
 	color: #bbb;
 }

 .widget_rss .rss-date {
 	margin-left: 1em;
 	font-size: .875em;
 }

 .widget_rss ul li {
 	padding-bottom: 1.4em;
 }

 .widget_rss ul li a.rsswidget {
 	font-weight: bold;
 }

 .widget_rss .widget-title img {
 	margin-right: .1em;
 }

 .widget_rss cite {
 	display: block;
 	margin-top: .6em;
 	text-align: right;
 }

 .widget_rss cite:before {
 	content: "by ";
 }

 .widget_rss .rssSummary {
 	padding-top: .2em;
 }

 /* tag cloud widget */
 .tagcloud a {
 	font-size: 10px !important;
 	font-weight: 400;
 	color: #6A7686;
 }

 /* categories widget */
 .widget_categories ul,
 .widget_archive ul {
 	list-style: none;
 	margin: 0;
 }

 .widget_categories ul li.cat-item,
 .widget_archive li {
 	margin-bottom: .6em;
 	padding: 7px 0;
 	font-size: 12px;
 	font-weight: bold;
 	text-transform: uppercase;
 	border-bottom: 1px solid rgba(28, 38, 43, 0.05);
 }

 .widget_categories ul li.cat-item a,
 .widget_archive li a {
 	display: inline-block;
 	margin-right: 12px;
 }

 .widget_categories ul li:last-child a {
 	border-bottom: 0;
 }

 .widget_categories ul ul li.cat-item {
 	margin-bottom: 0;
 }

 .widget_categories ul ul {
 	padding-left: 16px;
 }

 .widget_categories ul ul li.cat-item:last-child {
 	border-bottom: 0;
 }

 /* search widget */
 .widget_search .search-submit {
 	margin-top: 12px;
 	font-size: 11px;
 }

 /* calendar widget */
 .widget_calendar table {
 	width: 100%;
 	max-width: 280px;
 	margin-bottom: 0;
 	font-size: 13px;
 }

 .widget_calendar thead {
 	display: none;
 }

 .widget_calendar table caption {
 	text-align: left;
 	font-style: italic;
 	padding-bottom: 8px;
 	padding-left: 10px;
 }

 .widget_calendar table tr td,
 .widget_calendar table tr th {
 	padding: .5em 0;
 }

 .widget_calendar tbody a {
 	font-weight: 700;
 }

 .widget_calendar tfoot {
 	font-size: 13px;
 }

 .widget_calendar tfoot #prev {
 	text-align: left;
 }

 .widget_calendar tfoot #next {
 	text-align: right;
 }

 /* CUSTOM WIDGETS */

 /* SOCIAL FEED */
 .social-feed ul {
 	margin-left: 0;
 	list-style: none;
 }

 .social-feed ul li {
 	display: inline-block;
 	padding: 0 4px 4px 0;
 	font-size: 0;
 }

 .social-feed ul li img {
 	max-width: 80px;
 	max-height: 100%;
 }

 /* TOP10 Popular Posts Widget */
 .tptn_posts ul {
 	list-style: none;
 	margin: 0;
 }

 .tptn_posts ul li {
 	display: block;
 	clear: left;
 	overflow: hidden;
 	margin-bottom: 1.2em;
 }

 .tptn_posts li>.tptn_link {
 	float: left;
 }

 .tptn_posts img {
 	max-height: 76px;
 	width: auto;
 }

 .tptn_posts .tptn_link {
 	display: block;
 	font-size: 14px;
 	font-weight: bold;
 }

 .tptn_title {
 	display: inline-block;
 	padding-top: 12px;
 }

 .tptn_posts .tptn_after_thumb {
 	display: block;
 	margin-left: 100px;
 }

 .tptn_posts .tptn_after_thumb>span {
 	font-size: 12px;
 	opacity: .5;
 	margin-right: 6px;
 	display: inline-block;
 	padding-top: 2px;
 	text-transform: uppercase;
 	letter-spacing: .07em;
 }


 /* PORTFOLIO SINGLE */
 .p-overlay {
 	position: fixed;
 	z-index: 1000;
 	display: none;
 	width: 100%;
 	background: #fff;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	min-height: 100%;
 	overflow: auto;
 	-webkit-overflow-scrolling: touch;
 	-webkit-animation-duration: .5s;
 	animation-duration: .5s;
 }

 /* fix : chrome portfolio single video z-index issue */
 .p-animating .p-overlay {
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both;
 }

 .p-overlay .portfolio-single {
 	width: 88%;
 	max-width: 1040px;
 	margin-left: auto;
 	margin-right: auto;
 }

 .p-overlay-on {
 	overflow: hidden;
 }

 .animate-in {
 	-webkit-animation-name: zoomShow;
 	animation-name: zoomShow
 }

 .animate-out {
 	-webkit-animation-name: zoomHide;
 	animation-name: zoomHide;
 	-webkit-animation-duration: .3s;
 	animation-duration: .3s;
 }

 @-webkit-keyframes zoomShow {
 	0% {
 		opacity: 0;
 		-webkit-transform: scale(1.1);
 		transform: scale(1.1)
 	}

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

 @keyframes zoomShow {
 	0% {
 		opacity: 0;
 		-webkit-transform: scale(1.1);
 		-ms-transform: scale(1.1);
 		transform: scale(1.1)
 	}

 	100% {
 		opacity: 1;
 		-webkit-transform: scale(1);
 		-ms-transform: scale(1);
 		transform: scale(1)
 	}
 }

 @-webkit-keyframes zoomHide {
 	0% {
 		opacity: 1;
 		-webkit-transform: scale(1);
 		transform: scale(1)
 	}

 	100% {
 		opacity: 0;
 		-webkit-transform: scale(1.3);
 		transform: scale(1.3)
 	}
 }

 @keyframes zoomHide {
 	0% {
 		opacity: 1;
 		-webkit-transform: scale(1);
 		-ms-transform: scale(1);
 		transform: scale(1)
 	}

 	100% {
 		opacity: 0;
 		-webkit-transform: scale(1.2);
 		-ms-transform: scale(1.2);
 		transform: scale(1.2)
 	}
 }

 .p-overlay .page-layout {
 	position: relative !important;
 	padding: 0;
 }

 .portfolio-single {
 	text-align: center;
 }

 .portfolio-desc {
 	max-width: 640px;
 	margin: 0 auto 5em;
 }

 .portfolio-meta {
 	font-size: .8em;
 	text-transform: uppercase;
 	letter-spacing: .05em;
 }

 .portfolio-meta strong {
 	margin-right: 2px;
 	margin-left: 22px;
 }

 .portfolio-meta strong:first-child {
 	margin-left: 0;
 }

 .mini-text {
 	max-width: 460px;
 	margin: 2em auto 3em;
 	padding: 0 2em;
 	text-align: center;
 }

 .mini-text h3 {
 	font-size: 1.2em;
 	margin-bottom: 18px;
 }

 .mini-text h4 {
 	font-size: 1em;
 	margin-bottom: 6px;
 }

 .mini-text p {
 	line-height: 1.7;
 }

 .portfolio-single .entry-content img,
 .portfolio-single .entry-content .fluid-width-video-wrapper,
 .portfolio-single .entry-content iframe,
 .portfolio-single .entry-content video {
 	margin-bottom: 2em;
 	margin-top: 0;
 }

 .portfolio-single .entry-content .gallery-item img {
 	margin: 0;
 }

 /* portfolio single nav  */
 .portfolio-nav {
 	text-align: center;
 	margin-bottom: 2em;
 }

 .portfolio-nav a {
 	display: inline-block;
 	text-align: center;
 	padding: 22px;
 	margin-right: -18px;
 	line-height: 1;
 	color: #1C262B;
 	border: 1px solid rgba(28, 38, 43, 0.1);
 	cursor: pointer;
 	border-radius: 50%;
 	background: #fff;
 }

 .portfolio-nav a:before {
 	font-size: 12px;
 }

 .portfolio-nav a:hover {
 	color: #fff;
 	border-color: transparent;
 	background-color: #8ACB82;
 }

 .portfolio-nav a:before {
 	line-height: 1;
 }

 .portfolio-nav .prev a:before {
 	content: "\e873";
 }

 .portfolio-nav .next a:before {
 	content: "\e874";
 }

 .portfolio-nav .back {
 	display: none;
 }

 .portfolio-nav .back a:before {
 	content: "\e875";
 }

 .portfolio-nav .back a:hover {
 	background: #345
 }

 .one-page-layout .portfolio-nav .back {
 	display: inline-block;
 }

 .card-footer {
 	text-align: center;
 	display: none;
 }

 .site-footer {
 	display: none;
 	border: 0;
 	opacity: .55;
 }

 .site-footer>.site-info {
 	letter-spacing: 3px;
 }

 .is-ajax-page-loaded,
 .is-ajax-page-loaded .site-footer {
 	display: block;
 }


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

	6. THEME - customize colors etc...
	
    -------------------------------------------- */
 body {
 	color: #345;
 }

 /* Links */
 a {
 	color: #4ECE99;
 }

 a:hover {
 	color: #399670;
 }

 /* Text Selection */
 ::selection {
 	text-shadow: none;
 	color: #333;
 	background: #FFFFCF;
 }

 ::-moz-selection {
 	text-shadow: none;
 	color: #333;
 	background: #FFFFCF;
 }

 /* COLORS
   ================================================== */

 /* PRIMARY COLOR : #4ECE99 */
 .pagination a:hover,
 .navigation a:hover,
 a.more-link:hover,
 .event:nth-of-type(2):after,
 .elementor-widget:nth-of-type(2) .event:after,
 .portfolio-nav a:hover,
 .skill-unit .bar .progress,
 #nprogress .bar {
 	background-color: #4ECE99;
 }

 .bypostauthor>article,
 .event h3,
 input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
 textarea:focus,
 input:focus,
 select:focus,
 .tabs .tab-titles li a.active {
 	border-color: #4ECE99
 }

 .event h3,
 .entry-title a:hover {
 	color: #4ECE99
 }

 #nprogress .spinner-icon {
 	border-top-color: #4ECE99;
 	border-left-color: #4ECE99;
 }