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

	[themes master styles]
		[bg mothod theme styles]
			[bg method 1 styles]
			[bg method 2 styles]

		[logo and hamburger menu theme styles]
			[logo and hamburger menu 1 styles]
			[logo and hamburger menu 2 styles]

		[header menu theme styles]
			[header menu theme common styles]
			[header menu theme 1 styles]
			[header menu theme 2 styles]

		[affiliates icon theme styles]
			[affiliates icon 1 styles]
			[affiliates icon 2 styles]

		[window mosaic styles]
			[window mosaic common styles]
			[window mosaic 1 styles]
			[window mosaic 2 styles]
			[window mosaic 3 styles]
			[window mosaic 4 styles]
			[window mosaic 5 styles]
			[window mosaic 5 styles]
			[window mosaic sm styles]

		[easy nav styles]
			[easy nav 1 styles]
			[easy nav 2 styles]

		[easy outline styles]

		[web portfolio theme styles]
			[web portfolio fx 1 styles]
			[web portfolio fx 2 styles]
			[web portfolio fx 3 styles]

		[skills theme styles]
			[skills square styles]
			[skills circle styles]
			[skills title 1 styles]

		[lights theme styles]
			[header light 1 styles]
			[header light 2 styles]

		[various theme styles]

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


/*--------------------------------
| [themes master styles] - start |
--------------------------------*/

	/*------------------------------------------------
	| [logo and hamburger menu theme styles] - start |
	------------------------------------------------*/

		/*--------------------------------------------
		| [logo and hamburger menu 1 styles] - start |
		--------------------------------------------*/

			.logo-menu-1 .main-title {

				/* -MY-FILTER: [BOX-MODEL]; */
				margin: 155px auto 0px;
				position: absolute;
					left: 0px;
					right: 0px;

			}

			.logo-menu-1 .main-title h1 {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 250px;
				min-height: 46px;
				margin: 0px auto;
				position: relative;

				/* -MY-FILTER: [DOC-LAYOUT]; */
				float: left;

			}

			.logo-menu-1 .menu-parent {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 38px;
				height: 40px;
				padding: 5px;
				position: relative;
					left: -12px;

				/* -MY-FILTER: [DOC-LAYOUT]; */
				float: right;

			}

			.logo-menu-1 .menu-container {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 85%;
				height: 78%;

			}

			.logo-menu-1 .menu-parent:before {

				/* -MY-FILTER: [DOC-LAYOUT]; */
				top: -3px;
				left: 24px;

			}

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

				.logo-menu-1 .main-title {

					/* -MY-FILTER: [BOX-MODEL]; */
					max-width: 270px;
					margin-top: 48px;

				}

				.logo-menu-1 .main-title h1 {

					/* -MY-FILTER: [BOX-MODEL]; */
					width: 210px;

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

				}

				.logo-menu-1 .menu-parent {

					/* -MY-FILTER: [BOX-MODEL]; */
					margin-top: -2px;

					/* -MY-FILTER: [DOC-LAYOUT]; */
					float: right;

				}

				.logo-menu-1 .menu-parent:before {

					/* -MY-FILTER: [DOC-LAYOUT]; */
						top: -2px;
						left: 25px;

				}

			}

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

				.logo-menu-1 .main-title h1 {

					/* -MY-FILTER: [BOX-MODEL]; */
					width: 180px;
					min-height: 25px;

					/* -MY-FILTER: [DOC-LAYOUT]; */
					float: none;

					/* -MY-FILTER: [TYPOGRAPHY]; */
					font-size: 22.5px;
					line-height: 20px;
					text-align: center;

				}

				.logo-menu-1 .main-title {

					/* -MY-FILTER: [BOX-MODEL]; */
					max-width: 190px;
					margin-top: 28px;

				}

				.logo-menu-1 .menu-parent {

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

					/* -MY-FILTER: [DOC-LAYOUT]; */
					float: none;

				}

			}

			.logo-menu-1 .top-menu-parent {

				/* -MY-FILTER: [BOX-MODEL]; */
				margin-top: 272px;

			}

		/*------------------------------------------
		| [logo and hamburger menu 1 styles] - end |
		------------------------------------------*/


		/*--------------------------------------------
		| [logo and hamburger menu 2 styles] - start |
		--------------------------------------------*/

			.logo-menu-2 .main-title {

				/* -MY-FILTER: [BOX-MODEL]; */
				min-height: 120px;

				/* -MY-FILTER: [DOC-LAYOUT]; */
				overflow: hidden;

				-MY-FILTER: [STYLESL];
				margin: 60px auto 0px;

			}

			.logo-menu-2 .main-title h1 {

				/* -MY-FILTER: [TYPOGRAPHY]; */
				text-align: center;

			}

			.logo-menu-2 .logo-text {

				/* -MY-FILTER: [BOX-MODEL]; */
				z-index: 20;

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(24px);

			}

			.logo-menu-2 .logo-text b:nth-child(2) {

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

				/* -MY-FILTER: [STYLES]; */
				transform: rotate(90deg) translate(-10px, -12px);
				transform-origin: left;

			}

			.logo-menu-2 .logo-text b:first-child {

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

			}

			.logo-menu-2 .main-title > h1 > a {

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

			}

			.logo-menu-2 .menu-parent {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 45px;
				height: 40px;
				padding: 5px;
				margin: 0px auto;
				position: absolute;
					left: 0px;
					right: 0px;

				/* -MY-FILTER: [STYLES]; */
				transform: translate(-12px, 55px);

			}

			.logo-menu-2 .menu-container {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 75%;
				height: 70%;

			}

			.logo-menu-2 .menu-parent:before {

				/* -MY-FILTER: [DOC-LAYOUT]; */
				top: 1px;
				left: 30px;

			}

			.logo-menu-2 .menu-icon-toggle [class*='menu-line-'] {

				/* -MY-FILTER: [STYLES]; */
				/*transform-origin: center bottom;*/

			}

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

				.logo-menu-2 .main-title {

					/* -MY-FILTER: [TYPOGRAPHY]; */
					margin-top: 25px;

				}

				.logo-menu-2 .main-title h1 {

					/* -MY-FILTER: [TYPOGRAPHY]; */
					font-size: 25.5px;
					line-height: 20px;

				}

				.logo-menu-2 .logo-text b:first-child {

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


				}

				.logo-menu-2 .logo-text b:nth-child(2) {

					/* -MY-FILTER: [STYLES]; */
					transform: rotate(90deg) translate(-6px, -12px);

				}

				.logo-menu-2 .menu-parent {

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

					/* -MY-FILTER: [STYLES]; */
					transform: translate(-10px, 36px);

				}

			}

		/*------------------------------------------
		| [logo and hamburger menu 2 styles] - end |
		------------------------------------------*/

	/*------------------------------------------------
	| [logo and hamburger menu theme styles] - start |
	------------------------------------------------*/


	/*------------------------------------
	| [header menu theme styles] - start |
	------------------------------------*/

		/*-------------------------------------------
		| [header menu theme common styles] - start |
		-------------------------------------------*/

			ul[class*='menu-items-'] li {

				/* FILTER: STYLES; */
				border-radius: 3px;

			}

			.top-menu a {

				/* -MY-FILTER: [STYLES]; */
				border-radius: inherit;

			}

			.top-menu li a b {

				/* -MY-FILTER: [BOX-MODEL]; */
				margin-right: 10px;

			}

			.top-menu li a b:before {

				/* -MY-FILTER: [STYLES]; */
				opacity: 0.4;

				/* -MY-FILTER: [TRANSITION]; */
				transition: opacity 0.5s ease 0s;

			}

			.top-menu .active-item-void a b:before {

				/* -MY-FILTER: [STYLES]; */
				opacity: 1;

			}

			.top-menu li a:hover > b:before,
			.top-menu .active-item-void a b:before {

				/* -MY-FILTER: [BOX-MODEL]; */
				opacity: 1;

			}


		/*-----------------------------------------
		| [header menu theme common styles] - end |
		-----------------------------------------*/


		/*--------------------------------------
		| [header menu theme 1 styles] - start |
		--------------------------------------*/

			.header-menu-1 .menu-items-2 {

				/* -MY-FILTER: [TYPOGRAPHY]; */
				counter-reset: menu-list-counter;

			}

			.header-menu-1 ul[class*='menu-items-'] li {

				/* -MY-FILTER: [BOX-MODEL]; */
				border: 1px solid #733F11;

				/* -MY-FILTER: [STYLES]; */
				box-shadow:
					0px 0px 4px 0px #000,
					0px 0px 3px 0px #000 inset;

			}

			.header-menu-1 ul[class*='menu-items-'] li:first-child {

				/* -MY-FILTER: [STYLES]; */
				box-shadow: none;

			}

			.header-menu-1 ul[class*='menu-items-'] li:not([class]) {

				/* -MY-FILTER: [BOX-MODEL]; */
				border-width: 0px;

			}

			.header-menu-1 .top-menu a {

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

				/* -MY-FILTER: [DOC-LAYOUT]; */
				overflow: hidden;

				/* -MY-FILTER: [STYLES]; */
				background-color: rgba(0, 0, 0, 0.3);

			}

			.header-menu-1 .header-menu-options a {

				/* -MY-FILTER: [STYLES]; */
				background-color: rgba(0, 0, 0, 0.5);

			}

			.header-menu-1 .top-menu li a b {

				/* -MY-FILTER: [BOX-MODEL]; */
				border: 1px solid #513101;
					border-width: 0px 1px 0px 0px;
				padding: 0px 5px;

				/* -MY-FILTER: [STYLES]; */
				border-radius: inherit;
					border-top-right-radius: 0px;
					border-bottom-right-radius: 0px;
				box-shadow:
					0px 0px 3px 0px #000,
					0px 0px 3px 0px #000 inset;

			}

			.header-menu-1 .top-menu li a b:before {

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

			}

			.header-menu-1 .top-menu li a b:after {

				/* -MY-FILTER: [STYLES]; */
				background-color: rgba(0, 0, 0, 0.5);

			}

		/*------------------------------------
		| [header menu theme 1 styles] - end |
		------------------------------------*/


		/*--------------------------------------
		| [header menu theme 2 styles] - start |
		--------------------------------------*/

			.header-menu-2 .top-menu a {

				/* -MY-FILTER: [BOX-MODEL]; */
				padding: 0px 10px 0px 5px;
				border: 1px solid #733F11;

				/* -MY-FILTER: [STYLES]; */
				background-color: rgba(0, 0, 0, 0.38);
				box-shadow:
					0px 0px 5px 0px #000,
					0px 0px 5px 0px #000 inset;

			}

			.header-menu-2 .top-menu li a b {

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

			}

			.header-menu-2 .top-menu li a b:before {

				/* -MY-FILTER: [STYLES]; */
				opacity: 0.4;

			}

			.header-menu-2 .top-menu li a:hover,
			.header-menu-2 .active-item-void a {

				/* -MY-FILTER: [STYLES]; */
				background-color: rgba(0, 0, 0, 0.7);

				/* -MY-FILTER: [TRANSITION]; */
				transition: background 0.5s ease 0s;

			}

		/*------------------------------------
		| [header menu theme 2 styles] - end |
		------------------------------------*/

	/*----------------------------------
	| [header menu theme styles] - end |
	----------------------------------*/


	/*----------------------------------------
	| [affiliates icon theme styles] - start |
	----------------------------------------*/

		/*------------------------------------
		| [affiliates icon 1 styles] - start |
		------------------------------------*/

			.affl-icons-1 #body-id .affl-icons-content {

				/* -MY-FILTER: [BOX-MODEL]; */
				margin: 12px 15px;

				/* -MY-FILTER: [STYLES]; */
				transform: rotate(-45deg);

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

			}

			.affl-icons-1 #body-id .affl-icons i {

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

				/* -MY-FILTER: [STYLES]; */
				transform: rotate(45deg);

			}

		/*----------------------------------
		| [affiliates icon 1 styles] - end |
		----------------------------------*/


		/*------------------------------------
		| [affiliates icon 2 styles] - start |
		------------------------------------*/

			.affl-icons-2 #body-id .affl-icons-content {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 45px;
				height: 45px;

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

				/* -MY-FILTER: [STYLES]; */
				border-radius: 50%;
				box-shadow:
					-1px -1px 1px 0px #000,
					-1px -1px 5px 1px #000,
					0px 0px 25px 0px rgba(0, 0, 0, 0.5) inset;

			}

		/*----------------------------------
		| [affiliates icon 2 styles] - end |
		----------------------------------*/

	/*--------------------------------------
	| [affiliates icon theme styles] - end |
	--------------------------------------*/


	/*---------------------------
	| [easy nav styles] - start |
	---------------------------*/

		/*-----------------------------
		| [easy nav 1 styles] - start |
		-----------------------------*/

			.easy-nav-1 .easy-nav-content {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 45px;
				height: 65px;
				border: 1px solid #cf610c;
					border-width: 2px 1px;
					border-color: #e88a37 #864c02;

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

			}

		/*---------------------------
		| [easy nav 1 styles] - end |
		---------------------------*/


		/*-----------------------------
		| [easy nav 2 styles] - start |
		-----------------------------*/

			.easy-nav-2 .easy-nav-content {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 50px;
				padding: 8px;
				margin: 0px 4px;

				/* -MY-FILTER: [STYLES]; */
				border-radius: 2px 2px 0px 0px;

			}

			.easy-nav-2 .easy-nav-content:before {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 100%;
				height: 100%;
				border: 1px solid #fff;
				position: absolute;
					top: 0px;
					left: 0px;

				/* -MY-FILTER: [TYPOGRAPHY]; */
				content: '';

				/* -MY-FILTER: [STYLES]; */
				border-radius: inherit;
				box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5) inset, 0px 0px 5px 0px rgba(0, 0, 0, 0.5) inset;

			}

			.easy-nav-2 .easy-nav-content a:before {

				/* -MY-FILTER: [BOX-MODEL]; */
				border: 1px solid #fff;

				/* -MY-FILTER: [STYLES]; */
				background-color: rgba(0, 0, 0, 0.55);

			}

		/*---------------------------
		| [easy nav 2 styles] - end |
		---------------------------*/

	/*-------------------------
	| [easy nav styles] - end |
	-------------------------*/


	/*-------------------------------
	| [easy outline styles] - start |
	-------------------------------*/

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

			.easy-outline-padding {

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

			}

			.easy-outline-center {

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

				/* -MY-FILTER: [BOX-MODEL]; */
				background-color: inherit;

			}

		}

	/*-----------------------------
	| [easy outline styles] - end |
	-----------------------------*/


	/*--------------------------------
	| [window mosaic styles] - start |
	--------------------------------*/

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

			.wdw-fra-sqr-sha-inner:before,
			.affl-fra-sqr-sdw-inner:before {

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

				/* -MY-FILTER: [TYPOGRAPHY]; */
				content: '';

			}

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


		/*----------------------------------
		| [window mosaic 1 styles] - start |
		----------------------------------*/

			.mosaic-window-1 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-1 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-1 .affl-fra-sqr-sha-1 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-1 .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-1 .affl-fra-sqr-sha-4 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(204, 0, 0, 0.4);

			}

			.mosaic-window-1 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-1 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-1 .affl-fra-sqr-sha-2 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-1 .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(0, 180, 215, 0.4);

			}

		/*--------------------------------
		| [window mosaic 1 styles] - end |
		--------------------------------*/


		/*----------------------------------
		| [window mosaic 2 styles] - start |
		----------------------------------*/

			.mosaic-window-2 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-2 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-2 .affl-fra-sqr-sha-1 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-2 .affl-fra-sqr-sha-4 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(0, 255, 38, 0.4);

			}

			.mosaic-window-2 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-2 .affl-fra-sqr-sha-2 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-2 .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(107, 27, 161, 0.4);

			}

			.mosaic-window-2 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-2 .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(0, 180, 215, 0.4);

			}

			.mosaic-window-2 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-2 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-2 .affl-fra-sqr-sha-4 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(255, 254, 0, 0.4);

			}

		/*--------------------------------
		| [window mosaic 2 styles] - end |
		--------------------------------*/


		/*----------------------------------
		| [window mosaic 3 styles] - start |
		----------------------------------*/

			.mosaic-window-3 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-3 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-3 .affl-fra-sqr-sha-1 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-3 .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-3 .affl-fra-sqr-sha-4 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(204, 0, 0, 0.4);

			}

			.mosaic-window-3 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-3 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-3 .affl-fra-sqr-sha-2 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-3 .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(157, 255, 252, 0.4);

			}

		/*--------------------------------
		| [window mosaic 3 styles] - end |
		--------------------------------*/


		/*----------------------------------
		| [window mosaic 4 styles] - start |
		----------------------------------*/

			.mosaic-window-4 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-4 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-4 .affl-fra-sqr-sha-1 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-4 .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-4 .affl-fra-sqr-sha-4 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(0, 144, 41, 0.5);

			}

			.mosaic-window-4 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-4 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-4 .affl-fra-sqr-sha-2 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-4 .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(255, 255, 255, 0.75);

			}

		/*--------------------------------
		| [window mosaic 4 styles] - end |
		--------------------------------*/


		/*----------------------------------
		| [window mosaic 5 styles] - start |
		----------------------------------*/

			.mosaic-window-5 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-5 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(0, 180, 215, 0.4);

			}

		/*--------------------------------
		| [window mosaic 5 styles] - end |
		--------------------------------*/


		/*----------------------------------
		| [window mosaic 6 styles] - start |
		----------------------------------*/

			.mosaic-window-6 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-6 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(0, 160, 135, 0.15);

			}

		/*--------------------------------
		| [window mosaic 6 styles] - end |
		--------------------------------*/


		/*----------------------------------
		| [window mosaic 7 styles] - start |
		----------------------------------*/

			.mosaic-window-7 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-7 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-7 .affl-fra-sqr-sha-1 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-7 .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-7 .affl-fra-sqr-sha-4 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(0, 144, 128, 0.5);

			}

			.mosaic-window-7 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-1 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-2 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-3 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-7 .window-frames-square-shadow-row-4 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-7 .affl-fra-sqr-sha-2 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-7 .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(253, 249, 189, 0.75);

			}

		/*--------------------------------
		| [window mosaic 7 styles] - end |
		--------------------------------*/


		/*-----------------------------------
		| [window mosaic sm styles] - start |
		-----------------------------------*/

			.mosaic-window-mb .window-frames-square-shadow-row-1 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-2 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-3 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-4 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-mb .window-frames-square-shadow-row-1 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-2 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-3 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-4 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-mb .affl-fra-sqr-sha-1 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-mb .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-mb .affl-fra-sqr-sha-4 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(204, 0, 0, 0.4);

			}

			.mosaic-window-mb .window-frames-square-shadow-row-1 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-1 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-2 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-2 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-3 .window-fra-sqr-sha-1 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-3 .window-fra-sqr-sha-4 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-4 .window-fra-sqr-sha-2 .wdw-fra-sqr-sha-inner:before,
			.mosaic-window-mb .window-frames-square-shadow-row-4 .window-fra-sqr-sha-3 .wdw-fra-sqr-sha-inner:before,

			.mosaic-window-mb .affl-fra-sqr-sha-2 .affl-fra-sqr-sdw-inner:before,
			.mosaic-window-mb .affl-fra-sqr-sha-3 .affl-fra-sqr-sdw-inner:before {

				background-color: rgba(0, 180, 215, 0.4);

			}

		/*---------------------------------
		| [window mosaic sm styles] - end |
		---------------------------------*/

	/*------------------------------
	| [window mosaic styles] - end |
	------------------------------*/


	/*--------------------------------------
	| [web portfolio theme styles] - start |
	--------------------------------------*/

		/*-------------------------------------
		| [web portfolio fx 1 styles] - start |
		-------------------------------------*/

			.web-port-fx-1 [class*='trg-'] {

				/* -MY-FILTER: [STYLES]; */
				opacity: 0;

				/* -MY-FILTER: [TRANSITION]; */
				transition: opacity 1.5s ease 0s;

			}

			.web-port-fx-1 #trg-1:target ~ div .trg-1,
			.web-port-fx-1 #trg-2:target ~ div .trg-2,
			.web-port-fx-1 #trg-3:target ~ div .trg-3,
			.web-port-fx-1 #trg-4:target ~ div .trg-4,
			.web-port-fx-1 #trg-5:target ~ div .trg-5,
			.web-port-fx-1 #trg-6:target ~ div .trg-6,
			.web-port-fx-1 #trg-7:target ~ div .trg-7,
			.web-port-fx-1 #trg-8:target ~ div .trg-8,
			.web-port-fx-1 #trg-9:target ~ div .trg-9 {

				/* -MY-FILTER: [STYLES]; */
				opacity: 1;

			}

		/*-----------------------------------
		| [web portfolio fx 1 styles] - end |
		-----------------------------------*/


		/*-------------------------------------
		| [web portfolio fx 2 styles] - start |
		-------------------------------------*/

			.on-page-portfolio.web-port-fx-2 .main-content-general {

				/* -MY-FILTER: [BOX-MODEL]; */
				overflow: hidden;

			}

			.web-port-fx-2 .web-portfolio-outer {

				/* -MY-FILTER: [BOX-MODEL]; */
				max-width: 1150px;
				margin: 0px auto;

			}

			.web-port-fx-2 .web-portfolio-lg-gallery-parent {

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

				/* -MY-FILTER: [DOC-LAYOUT]; */
				overflow: hidden;

				/* -MY-FILTER: [TRANSITION]; */
				transition: transform 0.5s ease 0s;

			}

			:root.web-port-fx-2 .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [BOX-MODEL]; */
				max-width: none;
				width: calc(1150px * 9);

			}

			.web-port-fx-2 [class*='trg-'] {

				/* -MY-FILTER: [BOX-MODEL]; */
				height: 320px;
				min-width: 1150px; /* cue: for filler content; */
				max-width: 1150px;
				padding: 0px 50px;

				/* -MY-FILTER: [DOC-LAYOUT]; */
				float: left;

				/* -MY-FILTER: [STYLES]; */
				opacity: 0;
				pointer-events: none;

				/* -MY-FILTER: [TRANSITION]; */
				transition: opacity 0.5s ease 0s;

			}

			.web-port-fx-2 [id*='trg-']:target ~ div .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [BOX-MODEL]; */
				height: auto;

				/* -MY-FILTER: [DOC-LAYOUT]; */
				overflow: visible;

			}

			.web-port-fx-2 #trg-1:target ~ div .trg-1,
			.web-port-fx-2 #trg-2:target ~ div .trg-2,
			.web-port-fx-2 #trg-3:target ~ div .trg-3,
			.web-port-fx-2 #trg-4:target ~ div .trg-4,
			.web-port-fx-2 #trg-5:target ~ div .trg-5,
			.web-port-fx-2 #trg-6:target ~ div .trg-6,
			.web-port-fx-2 #trg-7:target ~ div .trg-7,
			.web-port-fx-2 #trg-8:target ~ div .trg-8,
			.web-port-fx-2 #trg-9:target ~ div .trg-9 {

				/* -MY-FILTER: [STYLES]; */
				opacity: 1;
				pointer-events: auto;

			}

			/* info: increment by max-width starting from '.trg-3' */
			.web-port-fx-2 #trg-1:target ~ div .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(0px);

			}

			.web-port-fx-2 #trg-2:target ~ div .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(-1150px);

			}

			.web-port-fx-2 #trg-3:target ~ div .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(calc(-1150px * 2));

			}

			.web-port-fx-2 #trg-4:target ~ div .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(calc(-1150px * 3));

			}

			.web-port-fx-2 #trg-5:target ~ div .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(calc(-1150px * 4));

			}

			.web-port-fx-2 #trg-6:target ~ div .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(calc(-1150px * 5));

			}

			.web-port-fx-2 #trg-7:target ~ div .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(calc(-1150px * 6));

			}

			.web-port-fx-2 #trg-8:target ~ div .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(calc(-1150px * 7));

			}

			.web-port-fx-2 #trg-9:target ~ div .web-portfolio-lg-gallery-parent {

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(calc(-1150px * 8));

			}

			@media all and (min-width: 1600px) {

				.web-port-fx-2 .web-portfolio-outer {

					/* -MY-FILTER: [BOX-MODEL]; */
					max-width: 1510px;

				}

				:root.web-port-fx-2 .web-portfolio-lg-gallery-parent {

					/* -MY-FILTER: [BOX-MODEL]; */
					width: calc(1510px * 9);

				}

				.web-port-fx-2 [class*='trg-'] {

					/* -MY-FILTER: [BOX-MODEL]; */
					max-width: 1510px;
					min-width: 1510px; /* cue: for filler content; */

				}

				.web-port-fx-2 #trg-1:target ~ div .web-portfolio-lg-gallery-parent {

					/* -MY-FILTER: [STYLES]; */
					transform: translateX(0px);

				}

				.web-port-fx-2 #trg-2:target ~ div .web-portfolio-lg-gallery-parent {

					/* -MY-FILTER: [STYLES]; */
					transform: translateX(-1510px);

					}

				.web-port-fx-2 #trg-3:target ~ div .web-portfolio-lg-gallery-parent {

					/* -MY-FILTER: [STYLES]; */
					transform: translateX(calc(-1510px * 2));

				}

				.web-port-fx-2 #trg-4:target ~ div .web-portfolio-lg-gallery-parent {

					/* -MY-FILTER: [STYLES]; */
					transform: translateX(calc(-1510px * 3));

				}

				.web-port-fx-2 #trg-5:target ~ div .web-portfolio-lg-gallery-parent {

					/* -MY-FILTER: [STYLES]; */
					transform: translateX(calc(-1510px * 4));

				}

				.web-port-fx-2 #trg-6:target ~ div .web-portfolio-lg-gallery-parent {

					/* -MY-FILTER: [STYLES]; */
					transform: translateX(calc(-1510px * 5));

				}

				.web-port-fx-2 #trg-7:target ~ div .web-portfolio-lg-gallery-parent {

					/* -MY-FILTER: [STYLES]; */
					transform: translateX(calc(-1510px * 6));

				}

				.web-port-fx-2 #trg-8:target ~ div .web-portfolio-lg-gallery-parent {

					/* -MY-FILTER: [STYLES]; */
					transform: translateX(calc(-1510px * 7));

				}

				.web-port-fx-2 #trg-9:target ~ div .web-portfolio-lg-gallery-parent {

					/* -MY-FILTER: [STYLES]; */
					transform: translateX(calc(-1510px * 8));

				}

			}

		/*-----------------------------------
		| [web portfolio fx 2 styles] - end |
		-----------------------------------*/


		/*-------------------------------------
		| [web portfolio fx 3 styles] - start |
		-------------------------------------*/

			.web-port-fx-3 [class*='trg-'] {

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

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(-110%);

				/* -MY-FILTER: [TRANSITION]; */
				transition: transform 0.8s linear 0s;

			}

			.web-port-fx-3 #trg-1:target ~ div .trg-1,
			.web-port-fx-3 #trg-2:target ~ div .trg-2,
			.web-port-fx-3 #trg-3:target ~ div .trg-3,
			.web-port-fx-3 #trg-4:target ~ div .trg-4,
			.web-port-fx-3 #trg-5:target ~ div .trg-5,
			.web-port-fx-3 #trg-6:target ~ div .trg-6,
			.web-port-fx-3 #trg-7:target ~ div .trg-7,
			.web-port-fx-3 #trg-8:target ~ div .trg-8,
			.web-port-fx-3 #trg-9:target ~ div .trg-9 {

				/* -MY-FILTER: [STYLES]; */
				transform: translateX(0px);

			}

		/*-----------------------------------
		| [web portfolio fx 3 styles] - end |
		-----------------------------------*/

	/*------------------------------------
	| [web portfolio theme styles] - end |
	------------------------------------*/


	/*-------------------------------
	| [skills theme styles] - start |
	-------------------------------*/

		/*--------------------------------
		| [skills square styles] - start |
		--------------------------------*/

			.skillset-square .sk-ge-square {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 100%;
				height: 100%;
				position: absolute;
					z-index: 0; /* cue: for chrome sharp radius fix; */

				/* -MY-FILTER: [DOC-LAYOUT]; */
				overflow: hidden;

			}

			.skillset-square .skill-set,
			.skillset-square .skill-gauge,
			.skillset-square .sk-ge-square,
			.skillset-square .skill-set-inner-parent {

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

			}

			.skillset-square .skill-gauge-sq-sect {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 141.5%;
				height: 141.5%;
				position: absolute;
				top: 0px;
				bottom: 0px;
				left: -21%;
				right: 0px;
				margin: auto;

				/* -MY-FILTER: [DOC-LAYOUT]; */
				overflow: hidden;

				/* -MY-FILTER: [STYLES]; */
				transform: rotate(-45deg) translateX(0%);

				/* -MY-FILTER: [TRANSITION]; */
				transition: transform 0.5s ease 0s;

			}

		/*------------------------------
		| [skills square styles] - end |
		------------------------------*/


		/*--------------------------------
		| [skills circle styles] - start |
		--------------------------------*/

			.skillset-circle .skill-set {

				/* -MY-FILTER: [STYLES]; */
				border-radius: 50%;

			}

			.skillset-circle .sk-ge-circle {

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

				/* -MY-FILTER: [STYLES]; */
				border-radius: initial; /* cue: intentional; */

			}

			.skillset-circle [class*='skill-gauge-sector-'] {

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

				/* -MY-FILTER: [TYPOGRAPHY]; */
				content: '';

				/* -MY-FILTER: [STYLES]; */
				border-radius: 100% 0px 0px 100% / 50%;
				transform: rotate(0deg);
					transform-origin: right;

			}

			.skillset-circle .skill-gauge-sector-2 {

				/* -MY-FILTER: [BOX-MODEL]; */
				left: auto;
				right: 0px;

				/* -MY-FILTER: [STYLES]; */
				border-radius: 0px 100% 100% 0px / 50%;
					transform-origin: left;

			}

			.skillset-circle .skill-set-inner-parent {

				/* -MY-FILTER: [STYLES]; */
				border-radius: inherit;

			}

			.skillset-circle .skill-set-inner-container {

				/* -MY-FILTER: [STYLES]; */
				border-radius: inherit;

			}

		/*------------------------------
		| [skills circle styles] - end |
		------------------------------*/


		/*---------------------------------
		| [skills title 1 styles] - start |
		---------------------------------*/

			.skills-title-1 .skill-info > div {

				/* -MY-FILTER: [BOX-MODEL]; */
				position: absolute;
					top: 25%;
					bottom: 0px;
					left: 0px;
					right: 0px;
				margin: auto;

				/* -MY-FILTER: [TYPOGRAPHY]; */
				overflow: hidden;
				text-overflow: ellipsis;

				/* -MY-FILTER: [TRANSITION]; */
				transition: transform 0.5s ease 0s;

			}

			.skills-title-1 .skill-type {

				/* -MY-FILTER: [TYPOGRAPHY]; */
				font-size: 12px;
				font-weight: 300;

			}

			.skills-title-1 .skill-percent {

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

				/* -MY-FILTER: [STYLES]; */
				transform: scale(0);

			}

			.skills-title-1 .skill-set:hover .skill-type {

				/* -MY-FILTER: [STYLES]; */
				transform: scale(0);

			}

			.skills-title-1 .skill-set:hover .skill-percent {

				/* -MY-FILTER: [STYLES]; */
				transform: scale(1);

			}

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

				.skills-title-1 #body-id .skill-info {

					/* -MY-FILTER: [BOX-MODEL]; */
					height: 34px;

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

				}

				.skills-title-1 #body-id .skill-info > div {

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

				}

				.skills-title-1 #body-id .skill-info > div {

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

					/* -MY-FILTER: [STYLES]; */
					transform: scale(1);

				}

			}

		/*-------------------------------
		| [skills title 1 styles] - end |
		-------------------------------*/

	/*-----------------------------
	| [skills theme styles] - end |
	-----------------------------*/


	/*-------------------------------
	| [header light styles] - start |
	-------------------------------*/

		/*---------------------------------
		| [header light 1 styles] - start |
		---------------------------------*/

			.header-light-1 .base .face-left .b-lights-lvl-0,
			.header-light-1 .base .b-lights-lvl-1 {

				/* -MY-FILTER: [TYPOGRAPHY]; */
				color: rgba(65, 255, 0, 0.85);

			}

			.header-light-1 .base .face-right .b-lights-lvl-0,
			.header-light-1 .base .b-lights-lvl-2 {

				/* -MY-FILTER: [TYPOGRAPHY]; */
				color: rgba(255, 255, 255, 0.85);

			}

			.header-light-1 .base .face-left .b-lights-lvl-0 .b-lights-pseudo:before,
			.header-light-1 .base .b-lights-lvl-1 .b-lights-pseudo:before,
			.header-light-1 .base .face-back .b-lights-lvl-1 .b-lights-pseudo:before {

				/* -MY-FILTER: [STYLES]; */
				background-color: rgba(61, 226, 5, 0.65);

			}

			.header-light-1 .base .face-right .b-lights-lvl-0 .b-lights-pseudo:before,
			.header-light-1 .base .b-lights-lvl-2 .b-lights-pseudo:before {

				/* -MY-FILTER: [STYLES]; */
				background-color: rgba(255, 255, 255, 0.65);

			}

			.header-light-1 .base .face-right .b-lights-lvl-0 .b-lights-pseudo:after {

				/* -MY-FILTER: [STYLES]; */
				box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.5);

			}

			.header-light-1 .hover-shadow-pseudo:before {

				/* -MY-FILTER: [STYLES]; */
				box-shadow: 0px 60px 60px 10px rgba(255, 255, 255, 0.08);

			}

			.header-light-1 [class*='b-light-orbs-col-'] {

				/* -MY-FILTER: [STYLES]; */
				-webkit-filter: contrast(1.15) saturate(1.1) brightness(1.15);
				filter: contrast(1.15) saturate(1.1) brightness(1.15);

			}

		/*-------------------------------
		| [header light 1 styles] - end |
		-------------------------------*/


		/*---------------------------------
		| [header light 2 styles] - start |
		---------------------------------*/

			.header-light-2 .base .face-left .b-lights-lvl-0,
			.header-light-2 .b-lights-lvl-1 {

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

			}

			.header-light-2 .base .face-right .b-lights-lvl-0,
			.header-light-2 .base .b-lights-lvl-2 {

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

			}

			.header-light-2 .base .face-left .b-lights-lvl-0 .b-lights-pseudo:before,
			.header-light-2 .base .b-lights-lvl-1 .b-lights-pseudo:before,
			.header-light-2 .base .face-back .b-lights-lvl-1 .b-lights-pseudo:before {

				/* -MY-FILTER: [STYLES]; */
				background-color: rgba(61, 226, 5, 0.65);

			}

			.header-light-2 .base .face-right .b-lights-lvl-0 .b-lights-pseudo:before,
			.header-light-2 .base .b-lights-lvl-2 .b-lights-pseudo:before {

				/* -MY-FILTER: [STYLES]; */
				background-color: rgba(102, 202, 248, 0.65);

			}

			.header-light-2 .base .face-right .b-lights-lvl-0 .b-lights-pseudo:after {

				/* -MY-FILTER: [STYLES]; */
				box-shadow: 0px 0px 20px 0px rgba(27, 170, 205, 0.5);

			}

			.header-light-2 .hover-shadow-pseudo:before {

				/* -MY-FILTER: [STYLES]; */
				box-shadow: 0px 60px 60px 10px rgba(1, 172, 190, 0.2);

			}

			.header-light-2 [class*='b-light-orbs-col-'] {

				/* -MY-FILTER: [STYLES]; */
				-webkit-filter: saturate(1.5);
				filter: saturate(1.5);

			}

			.header-light-2 .base .b-lights-lvl-0 .b-lights-pseudo:after,
			.header-light-2 .base .b-lights-lvl-1 .b-lights-pseudo:after,
			.header-light-2 .base .b-lights-lvl-2 .b-lights-pseudo:after {

				/* -MY-FILTER: [STYLES]; */
				box-shadow: none;

			}

		/*-------------------------------
		| [header light 2 styles] - end |
		-------------------------------*/

	/*-----------------------------
	| [header light styles] - end |
	-----------------------------*/


	/*--------------------------------
	| [various theme styles] - start |
	--------------------------------*/

		/* sharp shadow blemish fader against whitish bg fix */
		html:not(#flat-theme):not(#wood-theme) .header .env-shadow-container-1:after {

			/* -MY-FILTER: [BOX-MODEL]; */
			width: 2px;
			height: 2px;
			position: absolute;
				top: 0px;
				left: 0px;
				z-index: 50;

			/* -MY-FILTER: [TYPOGRAPHY]; */
			content: '';

			/* -MY-FILTER: [STYLES]; */
			background-color: #77a91d;
			transform: rotate(45deg) translateY(-1px);
				transform-origin: left top;

		}

		html:not(#bare-theme):not(#flat-theme) .window-blinds-container:before {

			/* -MY-FILTER: [STYLES]; */
			background: url('../../graphics/blinds-splatter-1.png') center bottom;
			opacity: 0.4;

		}

		html:not(#bare-theme):not(#flat-theme) [class*='right-window'] .window-blinds-container:before {

			/* -MY-FILTER: [STYLES]; */
			background-position: left top;

		}

		.interior-window-parent .outer .b-light-orbs-col-green {

			/* -MY-FILTER: [BOX-MODEL]; */
			padding: 90%;

		}

		.interior-window-parent .b-lights-orbs.outer {

			/* -MY-FILTER: [BOX-MODEL]; */
			bottom: 18px;

		}

	/*------------------------------
	| [various theme styles] - end |
	------------------------------*/

/*------------------------------
| [themes master styles] - end |
------------------------------*/