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

	[header and footer styles]
		[header styles]
		[top platform styles]

		[top window parent styles]
			[affiliates styles]
				[affiliates layout styles]
				[affiliates link styles]

	[window interior styles]
	[window extended styles]

	[footer styles]
	[affiliates bottom portion styles]

	[background corner decor styles]
	[ceiling and floor styles]
	[height pusher (top & bottom) styles]
	[general content styles]

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


/*------------------------------
| [0] framework styles - start |
------------------------------*/

	/*------------------------------------
	| [header and footer styles] - start |
	------------------------------------*/

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

			.header {

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

			}

			.header:before {

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

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

				/* -MY-FILTER: [STYLES]; */
				box-shadow: 0px 0px 30px 0px #000;

			}

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


		/*-------------------------------
		| [top platform styles] - start |
		-------------------------------*/

			.top-platform-parent {

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

			}

			[class*='top-platform-container-'] {

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

			}

			.top-platform-container-1 {

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

			}

			.top-platform-container-1:before {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 100%;
				height: 100%;
				border-top: 1px solid rgba(17, 17, 17, 0.5);
				position: absolute;

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

				/* -MY-FILTER: [STYLES]; */
				box-shadow: 0px 0px 30px 0px #000;

			}

			.top-platform-container-1:after {

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

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

				/* -MY-FILTER: [STYLES]; */
				background: linear-gradient(
					to top,
					rgba(0, 0, 0, 0.05),
					rgba(0, 0, 0, 0),
					rgba(255,255,255, 0),
					rgba(255, 255, 255, 0),
					rgba(0, 0, 0, 0),
					rgba(0, 0, 0, 0.1));

			}

			.top-platform-items {

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

			}

			.platform-separator-parent {

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

			}

			.platform-separator-container {

				/* -MY-FILTER: [BOX-MODEL]; */
				height: 100%;
				position: inherit;
					z-index: 40;

			}

			.platform-separator-parent:before,
			.platform-separator-container:after {

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

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

			}

			.platform-separator-parent:before {

				/* -MY-FILTER: [BOX-MODEL]; */
				height: 10px;
				bottom: 0px;
				z-index: 20;

				/* -MY-FILTER: [STYLES]; */
				box-shadow: 0px 3px 20px 2px rgba(0, 0, 0, 0.89);

			}

			.platform-separator-bg:before {

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

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

			}

			.platform-separator-bg {

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

			}

		/*-----------------------------
		| [top platform styles] - end |
		-----------------------------*/


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

			.footer {

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

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

			}

			.footer-shadow:before,
			.footer-shadow:after {

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

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


			}

			.footer-shadow:after {

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

				/* -MY-FILTER: [STYLES]; */
				box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.65);

			}

			.footer-shadow:before {

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

				/* -MY-FILTER: [STYLES]; */
				background: url('../graphics/base-shadow-up.png') repeat-x left bottom/600px;
				opacity: 0.8;

			}

			.footer .affiliates-bottom-portion {

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

			}

			.copyright {

				/* -MY-FILTER: [BOX-MODEL]; */
				position: relative;
					/*top: -25px;*/
				padding: 0px 0px 3px 5px;

				/* -MY-FILTER: [TYPOGRAPHY]; */
				font-size: 12px;
				/*text-align: center;*/
				text-shadow: 0px 0px 5px #000;

			}

			.copyright b {

				/* -MY-FILTER: [TYPOGRAPHY]; */
				font-size: 20px;
				line-height: 0px;
				vertical-align: -5px;

			}

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


		/*--------------------------------------------
		| [affiliates bottom portion styles] - start |
		--------------------------------------------*/

			.affiliates-bottom-portion {

				/* -MY-FILTER: [BOX-MODEL]; */
				min-height: 250px;
				position: relative;

			}

			.affiliates-bottom-portion h1 {

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

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

				/* -MY-FILTER: [TYPOGRAPHY]; */
				text-align: center;
				text-shadow:
					0px 0px 8px #000,
					0px 3px 2px #000;

			}

			.affl-icons {

				/* -MY-FILTER: [BOX-MODEL]; */
				max-width: 1400px;
				padding: 100px 0px 60px;
				margin: 0px auto;
				position: relative;
					z-index: 10;

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

			}

			.footer .affl-icons {

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

			}

			.affl-icons-content {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 40px;
				height: 40px;
				border: 1px solid #341101;
				margin: 12px 10px;
				position: relative;

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

				/* -MY-FILTER: [TYPOGRAPHY]; */
				color: #B06E34;
				font-size: 18px;
				line-height: 38px;
				text-shadow: 0px 0px 5px #000;

				/* -MY-FILTER: [STYLES]; */
				border-radius: 5px;
				background-color: #562008;
				box-shadow:
					-2px -2px 2px 1px rgba(0, 0, 0, 0.65),
					-2px -2px 5px 1px rgba(0, 0, 0, 0.65),
					0px 0px 25px 0px rgba(0, 0, 0, 0.5) inset;

			}

			.affl-icons a:link {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 100%;
				height: 100%;
				border: 1px solid #5C321E;
				position: absolute;

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

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

			}

			.affl-icons i {

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

			}

			.affl-icons-content:hover i {

				/* -MY-FILTER: [TRANSITION]; */
				color: #C7740E;

			}

			.affiliates-separator-parent {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 100%;
				height: 32px;
				position: relative;
					z-index: 5;

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

			}

			.affiliates-separator-bg {

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

			}

			.affiliates-separator-parent:before,
			.affiliates-separator-parent:after,
			.affiliates-separator-bg:after {

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

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

			}

			.affiliates-separator-parent:before {

				/* -MY-FILTER: [STYLES]; */
				box-shadow:
					0px 0px 30px 0px rgba(0, 0, 0, 0.67),
					0px 0px 8px 0px rgba(0, 0, 0, 0.55);

			}

			.affiliates-separator-parent:after {

				/* -MY-FILTER: [BOX-MODEL]; */
				height: 100px;
				bottom: 100%;

				/* -MY-FILTER: [STYLES]; */
				background: url('../graphics/base-shadow-up.png') repeat-x left bottom/800px;
				opacity: 0.4;

			}

		/*------------------------------------------
		| [affiliates bottom portion styles] - end |
		------------------------------------------*/

	/*----------------------------------
	| [header and footer styles] - end |
	----------------------------------*/


	/*------------------------------------------
	| [background corner decor styles] - start |
	------------------------------------------*/

		.side-decor-parent {

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

			/* -MY-FILTER: [STYLES]; */
			overflow: hidden;

		}

		.top-window-parent .side-decor-parent {

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

		}

		.top-window-separator-parent .side-decor-parent {

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

		}

		.top-window-separator-parent .left.side-decor-parent {

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

		}

		.top-window-separator-parent .right.side-decor-parent {

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

		}

		.affiliates-parent .left.side-decor-parent,
		.affiliates-parent .right.side-decor-parent,

		.general-content-parent .left.side-decor-parent,
		.general-content-parent .right.side-decor-parent {

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

		}

		.general-content-parent .left.side-decor-parent,
		.general-content-parent .right.side-decor-parent {

			/* -MY-FILTER: [BOX-MODEL]; */
			display: none;

		}

		.affiliates-parent .side-decor-parent,
		.general-content-parent .side-decor-parent {

			/* -MY-FILTER: [BOX-MODEL]; */
			display: none;

		}

		.horizontal.side-decor-parent {

			/* -MY-FILTER: [BOX-MODEL]; */
			width: 100%;
			height: 100px;
			top: auto;
			bottom: 0px;
			display: none;

		}

		.horizontal.flipped.side-decor-parent {

			/* -MY-FILTER: [BOX-MODEL]; */
			top: 0px;
			bottom: auto;

		}

		.side-decor-container {

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

			/* -MY-FILTER: [STYLES]; */
			-webkit-filter: contrast(1.15) hue-rotate(295deg) sepia(0.2);
			filter: contrast(1.15) hue-rotate(295deg) sepia(0.2);
			/*filter: contrast(1.15) hue-rotate(400deg) sepia(0.1);*/

		}

		.top-window-parent .side-decor-container {

			/* -MY-FILTER: [BOX-MODEL]; */
			width: 100px;
			height: 100%;
			/*height: 512px;*/
			top: 0px;
			bottom: 0px;
			margin: auto;

		}

		.affiliates-parent .side-decor-container,
		.general-content-parent .side-decor-container {

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

		}

		.top-window-parent .left .side-decor-container {

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

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/side-decor-left.png') no-repeat left center;
				background-size: 200px auto;

		}

		.top-window-parent .right .side-decor-container {

			/* -MY-FILTER: [BOX-MODEL]; */
			left: -35px;

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/side-decor-right.png') no-repeat right center;
				background-size: 200px auto;

		}

		.affiliates-parent .side-decor-parent.left,
		.general-content-parent .side-decor-parent.left {

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

		}

		.affiliates-parent .side-decor-parent.right,
		.general-content-parent .side-decor-parent.right {

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

		}

		.affiliates-parent .left .side-decor-container,
		.general-content-parent .left .side-decor-container {

			/* -MY-FILTER: [BOX-MODEL]; */
			left: -35px;

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/side-decor-right.png') repeat-y right center;
				background-size: 200px auto;

		}

		.affiliates-parent .right .side-decor-container,
		.general-content-parent .right .side-decor-container {

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

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/side-decor-left.png') repeat-y left center;
				background-size: 200px auto;

		}

		.horizontal .side-decor-container {

			/* -MY-FILTER: [BOX-MODEL]; */
			width: 100%;
			height: 100px;
			bottom: -35px;

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/side-decor-horizontal.png') repeat-x center top;
				background-size: auto 200px;

		}

		.horizontal.flipped .side-decor-container {

			/* -MY-FILTER: [BOX-MODEL]; */
			width: 100%;
			height: 100px;
			top: -35px;
			bottom: auto;

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/side-decor-horizontal-flipped.png') repeat-x center bottom;
				background-size: auto 200px;

		}

	/*----------------------------------------
	| [background corner decor styles] - end |
	----------------------------------------*/


	/*------------------------------------
	| [ceiling and floor styles] - start |
	------------------------------------*/

		.ceiling-parent,
		.floor-parent {

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

		}

		[class*='ceiling-container-'],
		[class*='floor-container-'] {

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

		}

		.ceiling-shadows-1,
		.floor-shadows-1 {

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

		}

		[class*='ceiling-shadows-']:before,
		[class*='ceiling-shadows-']:after {

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

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

		}

		.ceiling-shadows-1:before {

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

		}

		.ceiling-shadows-1:after {

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/base-shadow-down.png') repeat-x left top/100% 20%;
			opacity: 0.3;

		}

		.ceiling-shadows-2:before {

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

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/base-shadow-up.png') repeat-x left bottom/100% 80%;

		}

		.ceiling-shadows-2:after {

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

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/base-shadow-down.png') repeat-x left top/100% 180px;

		}

		[class*='floor-shadows-']:before,
		[class*='floor-shadows-']:after {

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

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

		}

		.floor-shadows-1:before {

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

			/* -MY-FILTER: [STYLES]; */
			box-shadow: 0px 0px 5px 0px #000;

		}

		.floor-shadows-1:after {

			/* -MY-FILTER: [STYLES]; */
			background: linear-gradient(
				to top,
				rgba(0, 0, 0, 0.05) 0%,
				rgba(0, 0, 0, 0) 5%,
				rgba(0, 0, 0, 0) 20%,
				rgba(0, 0, 0, 0) 50%,
				rgba(0, 0, 0, 0.1) 100%);

		}

		.floor-shadows-2:before {

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

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/base-shadow-up.png') repeat-x left bottom/100% 180px;

		}

		.floor-shadows-2:after {

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

			/* -MY-FILTER: [STYLES]; */
			background: url('../graphics/base-shadow-down.png') repeat-x left top/100% 100px;
			opacity: 0.8;

		}

	/*----------------------------------
	| [ceiling and floor styles] - end |
	----------------------------------*/


	/*-----------------------------------------------
	| [height pusher (top & bottom) styles] - start |
	-----------------------------------------------*/

		.height-pusher-top,
		.height-pusher-bottom {

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

		}

		.height-pusher-top {

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

		}

		.height-pusher-bottom {

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

		}

	/*---------------------------------------------
	| [height pusher (top & bottom) styles] - end |
	---------------------------------------------*/


	/*----------------------------------
	| [general content styles] - start |
	----------------------------------*/

		.general-content-parent {

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

		}

		.interior-content-shadow-parent {

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

		}

		.interior-content-shadow-container {

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

		}

		.interior-content-shadow-container:before,
		.interior-content-shadow-container:after {

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

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

			/* -MY-FILTER: [STYLES]; */
			background: linear-gradient(
				to left,
				rgba(0, 0, 0, 0),
				rgba(0, 0, 0, 0.5));

		}

		.interior-content-shadow-container:after {

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

			/* -MY-FILTER: [STYLES]; */
			background: linear-gradient(
				to right,
				rgba(0, 0, 0, 0),
				rgba(0, 0, 0, 0.5));

		}

		.block-bg {

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

		}

	/*--------------------------------
	| [general content styles] - end |
	--------------------------------*/

	/*----------------------------------
	| [bg mothod theme styles] - start |
	----------------------------------*/

		/*------------------------------
		| [bg method 1 styles] - start |
		------------------------------*/

			.bg-method-1 .block-bg,
			.bg-method-1 .base-bg {

				/* -MY-FILTER: [STYLES]; */
				/* cue: will use isolated bg on .interior-content-bg-parent using css hooker .bg-method-1 so disable this */
				background: transparent none !important;

			}

			/* cue: isolated background tag element for better css manipulation; */
			.bg-method-1 .interior-content-bg-parent,
			.bg-method-1 .interior-content-base-bg-parent {

				/* -MY-FILTER: [BOX-MODEL]; */
				width: 100%;
				height: 100%;  /* cue: needed by firefox and ie; */

				/* cue:
					.block-bg accepts bg color on the parent div, so it cannot handle complex gradient layouts
					below positioning breaks in internet explorer for bg-color on .block-bg (use bg-method-2 for ie); */
				position: absolute;
					top: 0px; /* cue: needed by firefox; */
					left: 0px;

			}

			.bg-method-1 .interior-content-bg-container,
			.bg-method-1 .interior-content-base-bg-container {

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

			}

			.bg-method-1 .interior-content-bg-parent:before,
			.bg-method-1 .interior-content-bg-parent:after,

			.bg-method-1 .interior-content-bg-container-overlay:before,

			.bg-method-1 .interior-content-base-bg-parent:before,
			.bg-method-1 .interior-content-base-bg-parent:after,

			.bg-method-1 .interior-content-base-bg-container-overlay:before {

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

				/* -MY-FILTER: [DOC-LAYOUT]; */
				display: none; /* cue: default is off to prevent unneeded repaint / turn on in theme css; */

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

				/* -MY-FILTER: [STYLES]; */
				backface-visibility: hidden;

			}

			.bg-method-1 .interior-content-base-bg-parent:after {

				/* -MY-FILTER: [DOC-LAYOUT]; */
				z-index: -100;

			}

			.bg-method-1 .interior-content-bg-parent:after,

			.bg-method-1 .interior-content-base-bg-parent:after {

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

			}

		/*----------------------------
		| [bg method 1 styles] - end |
		----------------------------*/


		/*------------------------------
		| [bg method 2 styles] - start |
		------------------------------*/

			.bg-method-2 .interior-content-bg-parent,
			.bg-method-2 .interior-content-base-bg-parent {

				/* -MY-FILTER: [DOC-LAYOUT]; */
				/* cue:
					will set the bg color on .block-bg using css hooker .bg-method-2 so disable this
					for firefox used to break layout on parent div (layout change solved this); */
				display: none;

				/* -MY-FILTER: [STYLES]; */
				backface-visibility: visible;

			}

		/*----------------------------
		| [bg method 2 styles] - end |
		----------------------------*/

	/*--------------------------------
	| [bg mothod theme styles] - end |
	--------------------------------*/

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