/* --------------------------------------------
	
	main.css : main style file
	Project : Empathy
	Author : pixelwars 
	
	---
	
	CONTEXT:
	
	1. BASE - @base
		1.1 ELEMENTS
		1.2 FONTS
		1.3 TYPOGRAPHY
	2. FORMS - @forms
	3. COMMON - @common
	4. LAYOUT - @layout
	5. MODULES - @modules
	6. THEME - @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;
 }

 html,
 body {
 	position: relative;
 	width: 100%;
 	height: 100%;
 }

 body {
 	font-size: 1em;
 	line-height: 1.6;
 	-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 {
 	max-width: 100%;
 	height: auto;
 }

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

 /* HEADINGS */
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .filters,
 .nav-menu,
 th,
 dt,
 .button,
 input[type=submit],
 button,
 label,
 .tab-titles {
 	font-family: "Montserrat", serif;
 }

 /* FONTELLO ICONS */
 .social li a,
 .toggle h4:before,
 .selector:before,
 .checker span:before,
 .radio span:before,
 .uploader span.action:before,
 .menu-toggle:before {
 	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;
 }

 /* PE 7S ICONS */
 .mask,
 .site-alert:before,
 .portfolio-nav a:before,
 .hentry .entry-header:before,
 .gallery-item a:after {
 	display: inline-block;
 	font-family: 'Pe-icon-7-stroke';
 	speak: none;
 	font-style: normal;
 	font-weight: normal;
 	font-variant: normal;
 	text-transform: none;
 	line-height: 1;
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }

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

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

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

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

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

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

 p {
 	margin: 0 0 1.2em 0;
 	line-height: 1.5;
 }

 /* blockquote  */
 blockquote {
 	position: relative;
 	margin: 1.6em 0;
 	padding: 0 .8em;
 	text-align: center;
 	font-size: 1.4em;
 	line-height: 1.2;
 	font-weight: bold;
 	letter-spacing: -1px;
 }

 blockquote p {
 	line-height: 100%;
 }

 blockquote cite {
 	display: block;
 	font-size: 14px;
 	padding-right: 1em;
 	margin-top: 1em;
 	font-style: normal;
 	font-weight: 400;
 	color: #B7C6C9;
 	letter-spacing: 0;
 }

 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 {
 	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;
 }

 /* 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
	
    -------------------------------------------- */
 form p {
 	position: relative;
 	margin: 1.6em 0;
 }

 label {
 	display: block;
 	font-size: 11px;
 	margin-bottom: .2em;
 	font-weight: bold;
 	color: rgba(28, 38, 43, 0.7);
 	text-transform: uppercase;
 }

 input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),
 textarea,
 select,
 .selector,
 .uploader {
 	padding: .7em .8em;
 	width: 100%;
 	max-width: 100%;
 	font-size: 14px;
 	color: #6A7686;
 	border: 2px solid rgba(28, 38, 43, 0.15);
 	border-radius: 0;
 	background: none;
 	-webkit-appearance: none;
 	-webkit-tap-highlight-color: transparent;
 	-moz-box-sizing: border-box;
 	-webkit-box-sizing: border-box;
 	-ms-box-sizing: border-box;
 	box-sizing: border-box;
 }

 input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
 textarea:focus,
 input:focus,
 select:focus,
 div.uploader:hover {
 	border-color: rgba(28, 38, 43, 0.4);
 	outline: 0;
 }

 select {
 	min-width: 262px;
 }

 textarea {
 	width: 100%;
 	min-width: 262px;
 	min-height: 12em;
 }

 .inline-label {
 	display: inline-block;
 	margin-right: 2em;
 	font-weight: 400;
 	color: #6A7686;
 	letter-spacing: 0;
 }

 /* uniform  */
 div.selector.disabled,
 div.checker.disabled,
 div.radio.disabled {
 	opacity: .4
 }

 div.selector {
 	font-size: 14px;
 	padding: .4em;
 	width: 100% !important;
 	line-height: 46px;
 	height: 46px;
 	padding-left: 1em;
 }

 div.selector:before {
 	position: absolute;
 	top: 0;
 	right: 15px;
 	font-size: 16px;
 	color: #b7c6c9;
 	content: "\e80b";
 }

 div.selector.focus {
 	border-color: #b7c6c9
 }

 div.selector.focus:before {
 	color: #6A7686
 }

 div.selector.focus,
 div.selector.hover,
 div.selector:hover {
 	border-color: #b7c6c9
 }

 div.selector span {
 	padding-top: 3px;
 	padding-left: 0;
 	color: #6A7686;
 	background: none;
 }

 div.selector select {
 	width: 100% !important;
 	left: 0% !important;
 	height: auto;
 	min-height: 42px;
 	line-height: 42px;
 	font-size: 1em;
 	-webkit-tap-highlight-color: transparent;
 }

 .android div.selector select {
 	font-size: 2em
 }

 /* checkboxes  */
 div.checker,
 div.radio {
 	width: 20px;
 	height: 29px;
 	margin-right: 4px;
 }

 div.checker span,
 div.radio span {
 	background: none
 }

 div.checker span:before,
 div.radio span:before {
 	text-align: left;
 	position: absolute;
 	top: 3px;
 	left: 0;
 	font-size: 18px;
 	line-height: 120%;
 	color: rgba(28, 38, 43, 0.65);
 	content: "\e810";
 }

 div.checker span.checked:before {
 	content: "\e80f"
 }

 div.radio span:before {
 	content: "\e88d"
 }

 div.radio span.checked:before {
 	content: "\e870"
 }

 /* file upload  */
 div.uploader {
 	width: 100%;
 	height: 46px;
 }

 div.uploader input {
 	width: 100%;
 	z-index: 100;
 	line-height: 46px;
 	min-height: 46px;
 }

 div.uploader span.filename {
 	padding: 0;
 	width: 100%;
 	border-left: 0;
 	font-size: 13px;
 	color: #6A7686;
 }

 div.uploader span.action {
 	width: 10px;
 	text-indent: -999em;
 	background: #fff;
 	padding: 6px 16px 8px 36px;
 	position: absolute;
 	top: 0;
 	right: 0;
 	font-size: 14px;
 	height: 100%;
 }

 div.uploader span.action:before {
 	text-indent: 0;
 	content: "\e802";
 	color: #b7c6c9;
 	text-align: center;
 	position: absolute;
 	top: 10px;
 	left: 22px;
 }

 /* contact form 7 compatibility  */
 .wpcf7 {
 	padding: 0
 }

 .wpcf7 input[type=submit] {
 	margin-top: 1.4em
 }

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

 .wpcf7 div.checker,
 .wpcf7 div.radio {
 	margin-right: 0px
 }

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

 label.error:after {
 	content: " ";
 	position: absolute;
 	left: 1.6em;
 	bottom: 100%;
 	pointer-events: none;
 	width: 0;
 	height: 0;
 	border-bottom: 8px solid #E24C4C;
 	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 {
 	-webkit-transition: all 0.3s ease-out;
 	transition: all 0.3s ease-out;
 }

 .easing-short,
 input,
 textarea,
 .social li a,
 .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;
 }

 .no-csstransitions #nprogress .spinner {
 	display: none !important;
 }

 /* 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%;
 }

 .site-main {
 	padding-top: 50px;
 }

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

 .single-page-layout body {
 	background: #fff;
 }

 .one-page-layout .page-layout {
 	visibility: hidden;
 }

 .one-page-layout .page-layout:not(.portfolio-single) .entry-content {
 	max-width: 600px;
 	margin-left: auto;
 	margin-right: auto;
 	text-align: center;
 	font-size: .91em;
 }

 /* CLASSIC LAYOUT */
 .one-page-layout.classic-layout .page-layout {
 	position: fixed;
 }

 .one-page-layout.classic-layout .page-layout.page-current {
 	position: relative;
 }

 .one-page-layout.classic-layout .page-current,
 .one-page-layout .p-overlay .page-layout {
 	visibility: visible;
 	z-index: 100;
 }

 /* MODERN LAYOUT */
 html {
 	height: 100% !important;
 }

 .modern-layout .site-main {
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	width: auto;
 	height: 100%;
 	-webkit-perspective: 1200px;
 	-moz-perspective: 1200px;
 	perspective: 1200px;
 	overflow: hidden;
 }

 .modern-layout .page-layout {
 	width: auto;
 	height: 100%;
 	position: absolute;
 	top: 0;
 	padding-top: 50px;
 	left: 0;
 	right: 0;
 	overflow: auto;
 	-webkit-overflow-scrolling: touch;
 }

 .modern-layout .pt-page {
 	visibility: hidden;
 	-webkit-backface-visibility: hidden;
 	-moz-backface-visibility: hidden;
 	backface-visibility: hidden;
 	-webkit-transform: translate3d(0, 0, 0);
 	-moz-transform: translate3d(0, 0, 0);
 	transform: translate3d(0, 0, 0);
 	-webkit-transform-style: preserve-3d;
 	-moz-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 }

 .modern-layout .page-current {
 	visibility: visible;
 	z-index: 1;
 }

 .modern-layout .pt-page .layout-medium>*:not(.map-canvas):not(.media-cell),
 .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;
 }

 .modern-layout .media-cell {
 	-webkit-backface-visibility: hidden;
 	-moz-backface-visibility: hidden;
 	backface-visibility: hidden;
 	-webkit-transform-style: preserve-3d;
 	-moz-transform-style: preserve-3d;
 	transform-style: preserve-3d;
 }

 .content {
 	position: relative;
 	z-index: 10;
 	text-align: left;
 }

 .content>div {
 	padding: 2em 0 3em;
 }

 .layout-fixed,
 .layout-medium,
 .layout-full {
 	width: 90%;
 	margin: 0 auto;
 }

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

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

 .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: fixed;
 	top: 0;
 	width: 100%;
 	z-index: 200;
 	height: 50px;
 	color: rgba(225, 246, 255, 0.3);
 }

 .header-wrap {
 	position: fixed;
 	z-index: 2000;
 	width: 120px;
 	left: -120px;
 	top: 0;
 	bottom: 0;
 	overflow: auto;
 	overflow-x: hidden;
 	-webkit-overflow-scrolling: touch;
 }

 .header,
 .header-wrap {
 	background: #1c262b;
 }

 .site-title {
 	display: none;
 	position: absolute;
 	top: 0;
 	left: 70px;
 	width: 252px;
 	line-height: 50px;
 	margin: 0;
 	padding: 0;
 	font-weight: bold;
 	font-size: 12px;
 	letter-spacing: 0;
 	color: #FFF;
 }

 .mobile-title {
 	display: block;
 }

 .header img {
 	max-height: 100%;
 }

 /* TOGGLE LINK */
 .toggle-link {
 	display: block;
 	width: 50px;
 	line-height: 50px;
 	height: 50px;
 	text-align: center;
 	cursor: pointer;
 	overflow: hidden;
 	color: #fff;
 }

 .toggle-link:hover {
 	color: rgba(255, 255, 255, 0.9);
 }

 /* Menu Toggle */
 .menu-toggle {
 	position: absolute;
 	top: 0;
 	left: 0;
 	border-right: 2px solid rgba(255, 255, 255, 0.08);
 }

 .is-menu-toggled-on .menu-toggle {
 	color: rgba(255, 255, 255, 0.8);
 }

 .menu-toggle:before {
 	content: "\e800";
 	font-size: 18px;
 }

 body {
 	position: relative;
 	overflow-x: hidden;
 	-webkit-transition: all 0.2s ease-out;
 	transition: all 0.2s ease-out;
 }

 .is-menu-toggled-on body {
 	left: 120px;
 	overflow: hidden;
 }

 .is-menu-toggled-on .page-current,
 .is-menu-toggled-on .site,
 .is-menu-toggled-on .site-main {
 	overflow: hidden;
 	max-height: 100%;
 }

 .csstransforms.is-menu-toggled-on body {
 	left: 0;
 	-ms-transform: translate(120px, 0px);
 	-webkit-transform: translate(120px, 0px);
 	transform: translate(120px, 0px);
 }

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

 .nav-menu ul li {
 	font-size: 10px;
 	letter-spacing: .07em;
 	text-transform: uppercase;
 	border-bottom: 1px solid rgba(225, 246, 255, 0.07);
 }

 .nav-menu ul i {
 	display: block;
 	margin-bottom: .2em;
 }

 .nav-menu ul i:before {
 	display: inline-block;
 	font-size: 2.5em;
 	line-height: 1;
 }

 .nav-menu a {
 	display: block;
 	padding: 1.3em 1em;
 	color: rgba(225, 246, 255, 0.45);
 }

 .nav-menu a:hover {
 	color: rgba(225, 246, 255, 0.7);
 }

 .nav-menu .current_page_item a {
 	color: #fff;
 }

 /* HIDE MENU ICONS ON MID RANGE DESKTOPS */
 @media screen and (min-width: 768px) and (max-height: 600px) {
 	.nav-menu a {
 		padding: 1em .5em;
 	}

 	.nav-menu ul i:before {
 		display: none;
 	}
 }

 /* SMALLER MENU ICONS ON MID RANGE DESKTOPS */
 @media screen and (min-width: 768px) and (min-height: 600px) and (max-height: 767px) {
 	.nav-menu a {
 		padding: 1.1em .5em;
 	}

 	.nav-menu ul i:before {
 		font-size: 2.2em;
 	}
 }

 /* LARGER MENU ICONS ON LARGE DEVICES */
 @media screen and (min-width: 768px) and (min-height: 768px) {

 	/* HEADER */
 	.nav-menu a {
 		padding: 2em 1em;
 	}

 	.nav-menu ul i:before {
 		font-size: 2.8em;
 	}
 }



 /* SEARCH */
 .header-search {
 	display: none;
 	padding: 0;
 }

 .is-search-toggled-on .header-search {
 	display: block;
 }

 .search-toggle {
 	cursor: pointer;
 }

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

 .is-search-toggled-on .search-toggle {
 	color: #fff;
 }

 #search-form {
 	position: relative;
 }

 #search-form #search {
 	outline: 0;
 	border: 0;
 	border-radius: 0;
 	background: #0C141F;
 	color: #7D8B91;
 	font-size: .85em;
 	padding: 1em .4em;
 	text-align: center;
 }

 #search-form #search::-webkit-input-placeholder {
 	color: #A6B7BE;
 }

 #search-form #search:focus {
 	color: #fff;
 }

 #search-submit {
 	font-size: 17px;
 	text-shadow: none;
 	color: #fff;
 	border: 0;
 	outline: 0;
 	padding: 0;
 	width: 100%;
 	line-height: 2.6em;
 	background: #8ACB82;
 	border-radius: 0;
 	font-weight: 400;
 }

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

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

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

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

 .header .social li a {
 	font-size: 14px;
 	height: auto;
 	border: 0;
 	line-height: 22px;
 	width: 18px;
 	margin: 0;
 	border-radius: 4px;
 	float: none;
 	color: rgba(225, 246, 255, 0.3);
 }

 .header .header-bottom .social li a:hover {
 	background: none;
 	color: rgba(255, 255, 255, 0.7);
 }

 .copy-text p {
 	font-size: 12px;
 }

 /* PAGE : HOME */
 .home-section {
 	height: 100%;
 }

 .home-section .content {
 	position: static;
 }

 .home-section .content>div {
 	font-size: 140%;
 	text-align: center;
 	position: absolute;
 	bottom: 0;
 	width: 100%;
 	max-width: 100%;
 	z-index: 100;
 }

 .home-section .content>div>* {
 	max-width: 940px;
 	margin-left: auto;
 	margin-right: auto;
 }

 .has-bg-img {
 	background-size: cover;
 }

 .has-bg-img .content:before {
 	content: "";
 	position: absolute;
 	top: 0;
 	right: 0;
 	bottom: 0;
 	left: 0;
 	z-index: 0;
 	background: rgba(73, 92, 95, 0.75);
 }

 .home-section #jarallax-container-0 {
 	z-index: -1 !important;
 }

 .home-section h2,
 .home-section h3,
 .home-section h4 {
 	line-height: 1.2;
 	margin: 0;
 	letter-spacing: -2px;
 }

 .home-section h4 {
 	font-weight: 400;
 	letter-spacing: -1px;
 	margin-top: 1em !important;
 }

 .home-section .button {
 	margin-top: 3em;
 }

 /* PAGE BACKGROUNDS */
 .one-page-layout .site-main>section:nth-of-type(1) {
 	background-color: #2E2F2D;
 }

 .one-page-layout .site-main>section:nth-of-type(2) {
 	background-color: #ECF0F0;
 }

 .one-page-layout .site-main>section:nth-of-type(3) {
 	background-color: #EBF0DF;
 }

 .one-page-layout .site-main>section:nth-of-type(4) {
 	background-color: #60d7a9;
 }

 .one-page-layout .site-main>section:nth-of-type(5) {
 	background-color: #E5DCC5;
 }

 .one-page-layout .site-main>section:nth-of-type(6) {
 	background-color: #D6E2E0;
 }

 /* LIGHT TEXT ON PAGES */
 .light-text,
 .light-text label {
 	color: #fff;
 }

 .light-text .social li a {
 	line-height: 48px;
 	border: 2px solid rgba(255, 255, 255, 0.26);
 }

 .light-text input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]),
 .light-text textarea {
 	border-color: rgba(255, 255, 255, 0.6);
 	color: rgba(255, 255, 255, 0.8);
 }

 .light-text input:not([type=submit]):not([type=button]):not([type=file]):not([type=radio]):not([type=checkbox]):focus,
 .light-text textarea:focus {
 	border-color: rgba(255, 255, 255, 1);
 }

 .light-text input[type=submit],
 .light-text input[type=button],
 .light-text button,
 .light-text a.button {
 	border-color: rgba(255, 255, 255, 0.7);
 	color: rgba(255, 255, 255, 0.9);
 }

 .light-text .service p {
 	color: rgba(255, 255, 255, 0.7);
 }

 .light-text .process {
 	background: rgba(255, 255, 255, 0.7);
 }

 .light-text .process:after {
 	border-bottom-color: rgba(255, 255, 255, 0.15);
 }

 .light-text .filters li a {
 	color: #fff;
 }

 .light-text .event h5 {
 	color: rgba(255, 255, 255, 0.4);
 }

 .light-text .testo {
 	color: rgba(28, 38, 43, 0.9);
 }

 .light-text .skill-unit .bar .progress span {
 	background: rgba(255, 255, 255, 0.5);
 }

 .light-text .event p {
 	color: rgba(255, 255, 255, 0.75);
 }

 .light-text .fun-fact i {
 	color: rgba(255, 255, 255, 0.9);
 }


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

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

 /* PAGE TITLE */
 .page-title {
 	margin: 0;
 	padding: .6em 0;
 	text-align: center;
 }

 .page-title i {
 	display: block;
 	font-size: 50px;
 }

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

 .page-title+.section-title,
 .section-title:first-child {
 	margin-top: 2em;
 }

 .section-title h2 {
 	margin: 0;
 	font-size: 11px;
 	text-transform: uppercase;
 	position: relative;
 	display: inline-block;
 	font-weight: normal;
 	letter-spacing: 0.2em;
 	white-space: nowrap;
 	text-align: center;
 }

 .section-title h2:after,
 .section-title h2:before {
 	content: " ";
 	display: block;
 	position: absolute;
 	bottom: -.5em;
 	width: 2em;
 	height: 100%;
 	background-color: #7DB376;
 	pointer-events: none;
 }

 .section-title h2:after {
 	right: -1.57em;
 	z-index: -1;
 }

 .section-title h2:before {
 	bottom: auto;
 	top: -.5em;
 	left: -1.57em;
 	z-index: -1;
 }

 .section-title h2 i {
 	display: inline-block;
 	position: relative;
 	padding: .8em 3em;
 	font-style: normal;
 	color: #fff;
 	background-color: #8ACB82;
 }

 .section-title h2 i:after,
 h2 i:before {
 	content: " ";
 	display: block;
 	position: absolute;
 	width: 0;
 	height: 0;
 	bottom: -.5em;
 	left: -.05em;
 	pointer-events: none;
 	-webkit-mask: none;
 }

 .section-title h2 i:before {
 	bottom: auto;
 	top: -.5em;
 	border-bottom: 0.5em solid #080b0c;
 	border-bottom: 0.5em solid rgba(8, 11, 12, 0.2);
 	border-left: .5em solid transparent;
 }

 .section-title h2 i:after {
 	left: auto;
 	right: -.05em;
 	border-top: 0.5em solid #080b0c;
 	border-top: 0.5em solid rgba(8, 11, 12, 0.2);
 	border-right: .5em solid transparent;
 }

 /* TYPIST ROTATE WORDS */
 .selectedText {
 	display: none;
 }

 /* 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: 68px;
 	font-size: 14px;
 	line-height: 1.45;
 	color: rgba(28, 38, 43, 0.5);
 }

 .service h4 {
 	margin-top: 0;
 	margin-left: 68px;
 	margin-bottom: .3em;
 	font-size: 12px;
 	text-transform: uppercase;
 }

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

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

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

 .process img {
 	max-width: 60%;
 	margin: 0;
 }

 .process h4 {
 	margin: 0;
 	font-size: 10px;
 }

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

 /* FUN FACT */
 .fun-fact {
 	display: flex !important;
 	/* yatay hizala */
 	align-items: center !important;
 	/* ikon ve yazıyı ortala */
 	justify-content: center !important;
 	/* ortada hizala */
 	flex-direction: row !important;
 	/* alt alta değil yan yana */
 	text-align: center !important;
 	/* ortalama korunsun */
 	gap: 6px !important;
 }

 .fun-fact i {
 	margin: 0 !important;
 	line-height: 1 !important;
 	font-size: 42px !important;
 	/* ikon boyutu */
 	vertical-align: middle !important;
 	width: 42px !important;
 	margin-top: -2px !important;
 	color: #ffffff;
 	/* saf beyaz ikon */
 	filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.6));
 }

 .fun-fact i:before {
 	margin: 0 !important;
 	display: inline-block;
 }

 .fun-fact img {
 	max-width: 54px;
 	margin: 0;
 	margin-bottom: 8px;
 }

 .fun-fact h4 {
 	margin: 0 !important;
 	line-height: 1.1 !important;
 	font-size: 14px !important;
 	white-space: nowrap !important;
 	font-weight: 400 !important;
 	position: relative;
 	top: -4px;
 	color: #fff;
 	text-shadow: 0 0 6px rgba(255, 255, 255, 0.4);
 	/* beyaz yumuşak parıltı */
 }

/* sadece mobilde minik hizalama düzeltmesi */
@media (max-width: 768px){
  #contact .fun-fact i::before{
    display:inline-block !important;
    vertical-align:middle !important;
    line-height:1 !important;
	font-size:30px !important;   /* 🔹 ikon küçültme */
	top:-4px !important;         /* 🔹 ikon biraz yukarı */
  }
  #contact .fun-fact h4{
    display:inline-block !important;
    vertical-align:middle !important;
    position:static !important; /* top:-4px'i iptal eder */
    font-size:13.5px !important; /* çok az küçültme */
    line-height:1.25 !important;
	top:-4px !important; 
  }
}

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

 .client img {
 	margin: 0 auto;
 	width: auto;
 	max-height: 46px;
 	display: block;
 }

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

 .event:before {
 	content: "";
 	position: absolute;
 	top: 10px;
 	bottom: -10px;
 	left: 12px;
 	width: 4px;
 	background: rgba(255, 255, 255, 0.5);
 }

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

 .event:nth-of-type(2):after {
 	background-color: #8ACB82;
 }

 .event h2 {
 	margin-left: .6em;
 	margin-bottom: .4em;
 	font-size: 1.3em;
 	font-weight: 400;
 	letter-spacing: 0;
 }

 .event h2+p i,
 .event h2+p img {
 	display: block;
 	text-align: center;
 	font-size: 22px;
 	font-weight: bold;
 	position: absolute;
 	top: -14px;
 	left: -10px;
 	width: 52px;
 	line-height: 52px;
 	margin: 0;
 	z-index: 120;
 	color: #fff;
 	background: #8ACB82;
 	border-radius: 50%;
 }

 .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: 11px;
 	line-height: 1.3;
 	font-weight: 400;
 	letter-spacing: 0;
 	margin: 0 0 1.5em 0;
 	text-transform: uppercase;
 	color: #fff;
 	background: #8ACB82;
 }

 .event h3:before {
 	content: "";
 	position: absolute;
 	display: block;
 	bottom: 0;
 	border: 10px solid #8ACB82;
 	z-index: -1;
 	left: -1.2em;
 	border-left-color: transparent !important;
 }

 .event:last-of-type {
 	padding-bottom: 0;
 	margin-bottom: 3em;
 }

 .event:last-of-type:before {
 	bottom: 4px;
 }

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

 .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: 15px;
 }

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

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

 .skill-unit h4 {
 	margin: 0 0 4px 0;
 	font-weight: 400;
 	font-size: 14px;
 	position: relative;
 	z-index: 100;
 	padding-left: 0px;
 }

 .skill-unit .bar {
 	position: relative;
 	width: 100%;
 	height: 8px;
 }

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

 .skill-unit .bar .progress span {
 	position: absolute;
 	top: -19px;
 	left: 100%;
 	margin-left: -2px;
 	font-size: 13px;
 	font-weight: bold;
 	text-align: center;
 	width: 42px;
 	line-height: 42px;
 	color: #345;
 	padding: 0 6px;
 	background: rgba(255, 255, 255, 0.46);
 	border-radius: 50%;
 }

 /* TESTIMONIAL */
 .testo {
 	position: relative;
 	padding: 1.4em 1.8em;
 	margin: 4em 0;
 	border-radius: 8px;
 	background: rgba(255, 255, 255, 0.7);
 }

 .testo img {
 	display: block;
 	margin: -60px auto 10px auto;
 	width: auto;
 	max-height: 72px;
 	border-radius: 50%;
 }

 .testo h4 {
 	position: relative;
 	text-align: center;
 	margin: 0;
 	font-size: 15px;
 	font-weight: 400;
 }

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

 .testo p {
 	position: relative;
 	margin: 1em 0 0.2em 0;
 	font-size: 14px;
 }

 /* SOCIAL */
 .social {
 	padding: 0;
 	margin: 2em 0 4em 0;
 	list-style: none;
 	text-align: center;
 }

 .social li {
 	display: inline-block;
 	padding: 0;
 	margin-bottom: -3px;
 }

 .social li a {
 	display: block;
 	float: left;
 	margin: 0 .4em .3em 0;
 	text-align: center;
 	font-size: 15px;
 	font-family: "fontello";
 	width: 52px;
 	line-height: 50px;
 	color: inherit;
 	border: 1px solid rgba(28, 38, 43, 0.10);
 	border-radius: 50%;
 }

 .social li a.facebook:before {
 	content: '\e825'
 }

 .social li a.twitter:before {
 	content: '\e826'
 }

 .social li a.flickr:before {
 	content: '\e835'
 }

 .social li a.rss:before {
 	content: '\e82f'
 }

 .social li a.dribbble:before {
 	content: '\e82c'
 }

 .social li a.lastfm:before {
 	content: '\e82e'
 }

 .social li a.linkedin:before {
 	content: '\e827'
 }

 .social li a.vimeo:before {
 	content: '\e830'
 }

 .social li a.forrst:before {
 	content: '\e831'
 }

 .social li a.skype:before {
 	content: '\e832'
 }

 .social li a.picasa:before {
 	content: '\e833'
 }

 .social li a.tumblr:before {
 	content: '\e836'
 }

 .social li a.behance:before {
 	content: '\e82b'
 }

 .social li a.blogger:before {
 	content: '\e837'
 }

 .social li a.delicious:before {
 	content: '\e838'
 }

 .social li a.digg:before {
 	content: '\e839'
 }

 .social li a.friendfeed:before {
 	content: '\e83a'
 }

 .social li a.github:before {
 	content: '\e82a'
 }

 .social li a.wordpress:before {
 	content: '\e83b'
 }

 .social li a.google-plus:before {
 	content: '\e801'
 }

 .social li a.youtube:before {
 	content: "\e834"
 }

 .social li a.pinterest:before {
 	content: "\e829"
 }

 .social li a.instagram:before {
 	content: "\e8cc"
 }

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

 .social li a.foursquare:before {
 	content: "\e83d"
 }

 .social li a.xing:before {
 	content: "\e83e"
 }

 .social li a.weibo:before {
 	content: "\e83f"
 }

 .social li a.soundcloud:before {
 	content: "\e840"
 }

 .social li a.fivehundredpx:before {
 	content: "\e841"
 }

 .social li a.slideshare:before {
 	content: "\e842"
 }

 .social li a.vine:before {
 	content: "\e863"
 }

 .social li a.vkontakte:before {
 	content: "\e846"
 }

 .social li a.spotify:before {
 	content: "\e803"
 }

 .social li a.snapchat:before {
 	content: "\f2ac"
 }

 .social li a.imdb:before {
 	content: "\f2d8"
 }

 .social li a:hover {
 	color: #fff;
 	background: #333;
 	border-color: transparent;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 .social li a.friendfeed:hover {
 	background-color: #2f72c4;
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

 .social li a.snapchat:hover {
 	background-color: #FFFC00;
 }

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

 /* MAP */
 .map {
 	position: absolute;
 	top: 0;
 	right: 0;
 	left: 0;
 	bottom: 0;
 	margin: 0;
 	line-height: 0;
 	z-index: -1;
 }

 .map:after {
 	content: "";
 	position: absolute;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	background: rgba(17, 61, 74, 0.45);
 }

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

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

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

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

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

 .filters li a {
 	display: inline-block;
 	padding: .4em 0;
 	color: #345;
 	opacity: .3;
 	font-size: 12px;
 	font-weight: 700;
 }

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

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

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

 .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 {
 	text-transform: uppercase;
 	padding: 0;
 	margin: 0px;
 	font-weight: 700;
 	letter-spacing: 0;
 	font-size: 12px;
 	color: #345;
 	line-height: 1.4;
 }

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

 .media-cell-desc p {
 	font-size: .875em;
 	margin: 0;
 	color: #a7b6b9;
 }

 .media-cell-desc .date {
 	text-align: center;
 	font-style: italic;
 	color: #ccc;
 	font-size: 14px;
 	line-height: 1;
 	border-radius: 102px;
 	position: absolute;
 	top: -28px;
 	left: 50%;
 	margin-left: -28px;
 	min-width: 56px;
 	min-height: 56px;
 	background: #FFF;
 }

 .media-cell-desc .date .day {
 	display: block;
 	font-size: 24px;
 	font-style: normal;
 	font-weight: 700;
 	letter-spacing: -2px;
 	margin-top: 8px;
 	color: #345;
 }

 /* 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: 66px;
 	text-align: center;
 	content: "\e69d";
 	color: #fff;
 }

 .video.hentry .mask:before {
 	content: "\e6a5";
 }

 .audio.hentry .mask:before {
 	content: "\e62f";
 }

 .image.hentry .mask:before {
 	content: "\e6bf"
 }

 .url.hentry .mask:before {
 	content: "\e6bc";
 }

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

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

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

 /* 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,
 a.button {
 	display: inline-block;
 	position: relative;
 	padding: 1.1em 2em;
 	margin-bottom: .25em;
 	font-size: 11px;
 	font-weight: bold;
 	text-transform: uppercase;
 	line-height: 1.2;
 	outline: 0;
 	border: 2px solid #345;
 	color: #345;
 	text-shadow: none;
 	background: none;
 	border-radius: 0;
 }

 input[type=submit]:hover,
 input[type=button]:hover,
 button:hover,
 a.button:hover {
 	color: #fff;
 	background-color: #8ACB82;
 	border-color: transparent;
 }

 input[type=submit]:active,
 input[type=button]:active,
 button:active,
 a.button:active {
 	opacity: .8;
 }

 /* Large Buttons */
 input[type=submit].big,
 input[type=button].big,
 button.big,
 a.button.big {
 	font-size: 12px;
 	padding: 1.5em 2.6em;
 }

 /* Small Buttons */
 input[type=submit].small,
 input[type=button].small,
 button.small,
 a.button.small {
 	padding: .6em 1.4em;
 	font-size: 11px;
 }

 /* Buttons with icons */
 input[type=submit] i,
 input[type=button] i,
 button i,
 a.button i {
 	display: inline;
 	line-height: 1;
 	font-size: 16px;
 	font-weight: bold;
 	margin-right: .4em;
 	margin-left: -0.35em;
 	margin-bottom: -1em;
 	vertical-align: middle;
 }

 input[type=submit].big i,
 input[type=button].big i,
 button.big i,
 a.button.big i {
 	top: .7em;
 	left: 1.2em;
 	font-size: 18px;
 }

 /* 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 {
 	background-color: #fff;
 	border: 1px solid #EAEEEF;
 	border-bottom: none;
 }

 .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: 13px;
 	font-weight: 600;
 	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: 1em;
 	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: 14px;
 	line-height: 1.4;
 	margin-bottom: 2em;
 	border: 3px solid #EAEEEF;
 }

 .alert.success {
 	border-color: #8EE1A8;
 }

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

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

 .launch .button {
 	padding: 1.5em 3em;
 }

 /* 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 {
 	background-image: url("../images/site/harita.png");
 	background-size: cover;
 	background-position: center;
 	/* önce ortala */
 	background-repeat: no-repeat;
 	background-attachment: fixed;
 	/* fixed değil */
 	position: relative;
 	min-height: 100vh;
 	margin: 0;
 	padding: 0;
 	overflow: hidden;
 }

 #contact::after {
 	content: "";
 	position: absolute;
 	inset: 0;
 	background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.75)), url("../images/site/harita.png");
 	background-size: cover;
 	background-position: center 80%;
 	/* 👈 burası haritayı aşağı iter */
 	background-repeat: no-repeat;
 	z-index: 0;
 	top: 0;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	pointer-events: none;
 	/* tıklamaları engellemesin */
 }

 #contact .content {
 	position: relative;
 	z-index: 1;
 	width: 100%;

 }

 /* İçerik üstte kalır */
 #contact .content {
 	position: relative;
 	z-index: 1;
 	padding: 40px 0 180px;
 	text-shadow: 0 1px 3px rgba(0, 0, 0, .75);
 }

 /* Görsel çok büyük görünüyorsa */
 @media (min-width:576px) {
 	#contact {
 		background-position: center !important;
 		/* biraz yukarı kaydırır */
 	}
 }



 /* 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;
 }

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


 /* 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
 	}
 }

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

 .entry-title a {
 	color: inherit;
 }

 .post {
 	text-align: center;
 }

 .post .entry-title {
 	margin-top: 0;
 }

 .post .entry-content {
 	max-width: 440px;
 	margin-left: auto;
 	margin-right: auto;
 }


 /*kurslar ve görseller*/
 .course-item {
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 	gap: 40px;
 	padding: 18px 24px;
 	margin-bottom: 26px;
 	border-radius: 14px;
 	background: rgba(0, 0, 0, 0.02);
 	transition: all 0.3s ease;
 }

 .course-text {
 	flex: 1.1;
 	color: #2b2b2b;
 	line-height: 1.6;
 	font-size: 15px;
 }

 .course-text strong {
 	color: #000 !important;
 	font-weight: 600 !important;
 	/* 700 yerine 600 yapıyoruz */
 	font-size: 14px !important;
 	/* 15’ten biraz küçültüyoruz */
 	display: block;
 	margin-bottom: 4px;
 }

 .course-image {
 	flex: 0.9;
 	text-align: right;
 }

 /* Görsel yoksa (GitLab) grid otomatik tek sütun olur */
 .course-item .course-text {
 	color: #2b2b2b;
 	line-height: 1.6;
 }

 .course-item .course-text strong {
 	color: #000;
 	font-weight: 700;
 	font-size: 16px;
 	display: block;
 	margin-bottom: 6px;
 }

 .course-image img {
 	max-width: 260px;
 	height: auto;
 	border-radius: 10px;
 	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
 	transition: transform 0.3s ease;
 }

 .nav-single {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	margin-top: 40px;
 	padding-top: 16px;
 	border-top: 1px solid rgba(0, 0, 0, .08);
 }

 .nav-single h6 {
 	color: #7a7a7a;
 	margin: 0 0 4px;
 }

 .nav-single h5 a {
 	color: #000;
 	text-decoration: none;
 }

 .nav-single h5 a:hover {
 	color: #115e59;
 }

 .course-item:hover {
 	background: rgba(0, 0, 0, 0.05);
 	transform: translateY(-2px);
 }

 .course-item:hover .course-image img {
 	transform: scale(1.03);
 }

 /* Mobilde alt alta */
 @media (max-width: 768px) {
 	.course-item {
 		flex-direction: column;
 		align-items: flex-start;
 	}

 	.course-image {
 		text-align: center;
 		margin-top: 10px;
 	}

 	.course-image img {
 		max-width: 100%;
 	}
 }

 /* entry-meta */
 .entry-meta {
 	color: #DCDFE2;
 	font-weight: 700;
 	font-size: 12px;
 	margin-top: 1em;
 	text-align: center;
 	text-transform: uppercase;
 }

 .entry-meta a {
 	color: #DCDFE2;
 }

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

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

 .entry-meta .cat-links a {
 	display: inline-block;
 	color: #fff;
 	background: #8ACB82;
 }

 .entry-meta .cat-links a:hover {
 	opacity: .9;
 }

 .entry-meta a {
 	padding: 2px 8px;
 	margin: 0 4px 4px 0;
 	text-transform: uppercase;
 	font-weight: bold;
 }

 .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: #6A7686;
 	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: 28px;
 	color: #DCDFE2;
 	display: block;
 	text-align: center;
 	padding-bottom: .3em;
 }

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

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

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

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

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

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

 .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: "\e631"
 }

 .format-link .entry-content>p:first-child {
 	text-align: center;
 }

 .format-link .entry-content>p:first-child a:first-child {
 	font-size: 1em;
 	font-weight: bold;
 	word-break: break-all;
 	padding: .5em 1.6em;
 	margin: 1em 0;
 	display: inline-block;
 	color: inherit;
 	border: 4px dashed #eee;
 }

 .format-link .entry-content>p:first-child a:first-child:hover {
 	border-style: solid;
 	border-color: #555;
 }

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

 .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;
 	z-index: 1;
 	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);
 }

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

 .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: "\e69c"
 }

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

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

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

 .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: "\e66d"
 }

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

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

 .chat-row>div {
 	display: inline-block;
 }

 .chat-author {
 	text-align: right;
 	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: 460px;
 	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-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,
 .post-pagination {
 	padding: 3em 0;
 	font-size: 11px;
 	letter-spacing: 2px;
 	overflow: auto;
 }

 .navigation>div {
 	width: 50%;
 	float: left;
 }

 .navigation a,
 .post-pagination a {
 	display: inline-block;
 	padding: 1.5em 2.0em;
 	color: #6A7686;
 	border: 1px solid #DDE4E6;
 	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 */
 .post-pagination ul {
 	list-style: none;
 	text-align: center;
 	padding: 0;
 }

 .post-pagination li {
 	display: inline-block;
 	font-size: .9em;
 	margin: .3em .1em;
 }

 .post-pagination li a {
 	padding: .8em 1.4em;
 	margin: 0 4px;
 }

 .post-pagination li.current a,
 .post-pagination li.current a:hover {
 	border-color: #6A7686;
 	font-weight: 800;
 	background: #fff;
 	color: #6A7686;
 	cursor: default;
 }

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

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

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

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

 .nav-single h6 {
 	font-size: 11px;
 	letter-spacing: 1px;
 	color: #DCDFE2;
 }

 .nav-single h5 {
 	font-size: 14px;
 	font-weight: 400;
 	line-height: 1.4;
 	letter-spacing: -.03em;
 }

 .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
 }



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

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

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

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

 .widget-title {
 	margin-bottom: 1.6em;
 	font-size: 11px;
 	text-transform: uppercase;
 	letter-spacing: 0;
 	font-weight: 700;
 	color: rgba(28, 38, 43, 0.2);
 }

 .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: 14px;
 	border-bottom: 1px solid rgba(28, 38, 43, 0.05);
 }

 .widget_recent_entries ul li:last-child {
 	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-left: 0;
 }

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

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

 .widget_categories ul li:last-child a {
 	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,
 .null-instagram-feed ul {
 	margin-left: 0;
 	list-style: none;
 }

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

 .social-feed ul li img,
 .null-instagram-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: 1em;
 }

 .tptn_posts img {
 	float: left;
 	margin-right: 16px;
 	max-height: 76px;
 	width: auto;
 }

 .tptn_posts .tptn_link {
 	display: block;
 }

 .tptn_posts .tptn_after_thumb>span {
 	font-size: 13px;
 	color: #DAD8D1;
 	margin-right: 6px;
 }


 /* PORTFOLIO SINGLE */
 .p-overlay {
 	display: none;
 	position: relative;
 	z-index: 3000;
 	width: 100%;
 	min-height: 100%;
 	background: #fff;
 }

 .modern-layout .p-overlay {
 	position: fixed;
 	z-index: 999;
 	top: 0;
 	left: 0;
 	bottom: 0;
 	right: 0;
 	min-height: 100%;
 	overflow: auto;
 	-webkit-overflow-scrolling: touch;
 	-webkit-animation-duration: .5s;
 	animation-duration: .5s;
 	-webkit-animation-fill-mode: both;
 	animation-fill-mode: both;
 }

 .p-overlay-on .site {
 	height: auto;
 }

 .p-overlay-on .site-main {
 	position: fixed;
 	top: 0;
 	left: 0;
 	right: 0;
 	height: 100%;
 	overflow: hidden;
 }

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

 @-webkit-keyframes fadeInUp {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateY(20px);
 		transform: translateY(20px)
 	}

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

 @keyframes fadeInUp {
 	0% {
 		opacity: 0;
 		-webkit-transform: translateY(20px);
 		-ms-transform: translateY(20px);
 		transform: translateY(20px)
 	}

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

 @-webkit-keyframes fadeOutDown {
 	0% {
 		opacity: 1;
 		-webkit-transform: translateY(0);
 		transform: translateY(0)
 	}

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

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

 	100% {
 		opacity: 0;
 		-webkit-transform: translateY(20px);
 		-ms-transform: translateY(20px);
 		transform: translateY(20px)
 	}
 }

 .animate-out {
 	-webkit-animation-name: fadeOutDown;
 	animation-name: fadeOutDown
 }

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

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

 .portfolio-single .entry-content {
 	padding-top: 1em;
 }

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

 .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: 1em;
 }

 .portfolio-nav a {
 	display: inline-block;
 	text-align: center;
 	padding: 0;
 	line-height: 24px;
 	font-size: 30px;
 	color: #1C262B;
 	border: 1px solid rgba(28, 38, 43, 0.1);
 	cursor: pointer;
 	border-radius: 50%;
 }

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

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

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

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

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

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

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

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




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

	6. THEME (@theme) - customize colors etc...
	
    -------------------------------------------- */
 body {
 	color: #345;
 	background: #2E363A;
 }

 /* Links */
 a {
 	color: #096;
 }

 a:hover {
 	color: #8ACB82;
 }

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

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

 /* HEADER */
 .header,
 .header-wrap {
 	background: #1c262b;
 }

 /* SITE TITLE */
 .site-title {
 	color: #fff;
 }

 @media screen and (min-width: 768px) {
 	.site-title {
 		background: #2BA163;
 	}
 }

 /* PRIMARY COLOR : #8ACB82 */
 input[type=submit]:hover,
 input[type=button]:hover,
 button:hover,
 a.button:hover,
 .event h3,
 .event h2+p i,
 .event h2+p img,
 #search-submit,
 .entry-meta .cat-links a,
 .pagination a:hover,
 .navigation a:hover,
 a.more-link:hover,
 .section-title h2 i,
 .event:nth-of-type(2):after {
 	background-color: #8ACB82;
 }

 .section-title h2:after,
 .section-title h2:before {
 	background-color: #7DB376;
 	/* darken primary color for ribbon shadow effect */
 }

 .bypostauthor>article {
 	border-color: #8ACB82
 }

 .event h3:before {
 	border-color: #8ACB82;
 }

 /* PROGRESS BAR COLOR */
 #nprogress .bar {
 	background-color: #FFFC00;
 }

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