/*------------------
| Table Of Content |
--------------------

	[common styles]

--------------------
| Table Of Content |
------------------*/


/*-------------------------
| [common styles] - start |
-------------------------*/

	* {

		/* -MY-FILTER: [BOX-MODEL]; */
		margin: 0px;
		padding: 0px;

		/* -MY-FILTER: [DOC-LAYOUT]; */
		box-sizing: border-box;

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font: inherit;

	}

	body * {

		/* -MY-FILTER: [DOC-LAYOUT]; */
		box-sizing: inherit;

	}

	*:after,
	*:before {

		/* -MY-FILTER: [DOC-LAYOUT]; */
		box-sizing: border-box;

	}

	ul {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		list-style-type: none;

	}

	a {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		color: inherit;
		text-decoration: none;

		/* -MY-FILTER: [STYLES]; */
		outline: 0px;

	}

	a[href],
	input[type='submit'],
	input[type='image'],
	label[for],
	select,
	button,
	.pointer {

		/* -MY-FILTER: [STYLES]; */
		cursor: pointer;

	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		line-height: normal;

	}

	h1,
	h2 {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		/*font-family: 'cherry swash regular', 'times new roman', 'times', serif;*/

	}

	h1 {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font-size: 32px;

	}

	h2 {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font-size: 24px;

	}

	h3 {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font-size: 20.8px;

	}

	h4 {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font-size: 16px;

	}

	h5 {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font-size: 12.8px;

	}

	h6 {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font-size: 11.2px;

	}

	[class^="ico-moon"] {

		/* -MY-FILTER: [BOX-MODEL]; */
		position: relative;

		/* -MY-FILTER: [DOC-LAYOUT]; */
		display: inline-block;

	}

	@font-face {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font-family: 'duralith';
		src: url('../fonts/duralith/duralith-webfont.eot'); /* IE9 Compat Modes */
		src: url('../fonts/duralith/duralith-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/duralith/duralith-webfont.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/duralith/duralith-webfont.woff') format('woff'), /* Pretty Modern Browsers */
			url('../fonts/duralith/duralith-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/duralith/duralith-webfont.svg#duralith-webfont') format('svg'); /* Legacy iOS */

	}

	@font-face {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font-family: 'gabriela regular';
		src: url('../fonts/gabriela-regular/gabriela-regular-webfont.eot'); /* IE9 Compat Modes */
		src: url('../fonts/gabriela-regular/gabriela-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/gabriela-regular/gabriela-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/gabriela-regular/gabriela-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
			url('../fonts/gabriela-regular/gabriela-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/gabriela-regular/gabriela-regular-webfont.svg#gabriela-regular-webfont') format('svg'); /* Legacy iOS */

	}

	@font-face {

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font-family: 'cherry swash regular';
		src: url('../fonts/cherry-swash/cherry-swash-regular/cherry-swash-regular-webfont.eot'); /* IE9 Compat Modes */
		src: url('../fonts/cherry-swash/cherry-swash-regular/cherry-swash-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			url('../fonts/cherry-swash/cherry-swash-regular/cherry-swash-regular-webfont.woff2') format('woff2'), /* Super Modern Browsers */
			url('../fonts/cherry-swash/cherry-swash-regular/cherry-swash-regular-webfont.woff') format('woff'), /* Pretty Modern Browsers */
			url('../fonts/cherry-swash/cherry-swash-regular/cherry-swash-regular-webfont.otf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/cherry-swash/cherry-swash-regular/cherry-swash-regular-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
			url('../fonts/cherry-swash/cherry-swash-regular/cherry-swash-regular-webfont.svg#cherry-swash-regular-webfont') format('svg'); /* Legacy iOS */

	}

	html {

		/* -MY-FILTER: [BOX-MODEL]; */
		/*height: 100%;*/ /* cue: for automatic clip [top window height video clip]*/

	}

	body {

		/* -MY-FILTER: [BOX-MODEL]; */
		min-width: 280px;
		height: 100%; /* cue: for automatic clip [top window height video clip]*/
		margin: 0px auto;
		position: relative;

		/* -MY-FILTER: [TYPOGRAPHY]; */
		font-family: 'gabriela regular', 'times new roman', 'times', serif;
		font-size: 15px;
		color: #fff;
		line-height: 24px;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;

		/* -MY-FILTER: [STYLES]; */
		background-color: #1E1D23;

	}

	.preloader {

		/* -MY-FILTER: [BOX-MODEL]; */
		width: 100%;
		height: 100%;
		position: absolute;
			top: 0px;
			left: 0px;
			z-index: 1000;
	}

	.loader-layer {

		/* -MY-FILTER: [BOX-MODEL]; */
		width: 100%;
		height: 100%;
		position: absolute;
			z-index: 1000;

		/* -MY-FILTER: [STYLES]; */
		background: #000;

	}

	.loader {

		/* -MY-FILTER: [BOX-MODEL]; */
		width: 100%;
		height: 100%;
		position: fixed;
			top: 0px;
			left: 0px;
			bottom: 0px;
			right: 0px;
			z-index: 3000;
		margin: auto;

		/* -MY-FILTER: [STYLES]; */
		background: url('../graphics/loader.gif') center center / 450px 350px no-repeat !important;

	}

	@media all and (max-width: 0px) {

		.loader {

			/* -MY-FILTER: [BOX-MODEL]; */
			width: 65px;
			height: 65px;
			padding: 3px;
			position: fixed;
				top: 0px;
				bottom: 0px;
				left: 0px;
				right: 0px;
				margin: auto;
				z-index: 3000;
			border: 4px solid #ffffff;

			/* -MY-FILTER: [TRANSITION]; */
			animation: loader 1.5s infinite ease;
		}

		.loader-inner {

			/* -MY-FILTER: [BOX-MODEL]; */
			width: 100%;

			/* -MY-FILTER: [TYPOGRAPHY]; */
			vertical-align: middle;

			/* -MY-FILTER: [STYLES]; */
			background-color: #fff;

			/* -MY-FILTER: [TRANSITION]; */
			animation: loader-inner 1.5s infinite ease-in;
		}

		@keyframes loader {
			0% {
				transform: rotate(0deg);
			}

			25% {
				transform: rotate(180deg);
			}

			50% {
				transform: rotate(180deg);
			}

			75% {
				transform: rotate(360deg);
			}

			100% {
				transform: rotate(360deg);
			}
		}

		@keyframes loader-inner {
			0% {
				height: 0%;
			}

			25% {
				height: 0%;
			}

			50% {
				height: 100%;
			}

			75% {
				height: 100%;
			}

			100% {
				height: 0%;
			}
		}

	}

	/* note: php error output - start */
	.php-error-span-tag {

		/* -MY-FILTER: [BOX-MODEL]; */
		position: relative;
		z-index: 999;

		/* -MY-FILTER: [DOC-LAYOUT]; */
		display: inline-block;

		/* -MY-FILTER: [TYPOGRAPHY]; */
		color: #f00;

		/* -MY-FILTER: [STYLES]; */
		background-color: #fff;

	}
	/* note: php error output - end */

/*-----------------------
| [common styles] - end |
-----------------------*/