/* ----------------------------------------
	Custom Stylesheet
	Author: Jason Marsh
	Copyright: J.Marsh Studios LLC
	Credits: sanitize.css | github.com/jonathantneal/sanitize.css
	---------------------------------------- */


/* ----------------------------------------
	Sanitize Box Model
	---------------------------------------- */
pre,textarea{overflow:auto}:root,[aria-disabled]{ /*cursor:default*/ cursor:url(images/cursors/default-cursor.png),auto; }[hidden],audio:not([controls]),template{display:none}button{overflow:visible}details,main,summary{display:block}input[type=number]{width:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}progress{display:inline-block}small{font-size:75%}textarea{resize:vertical}*,::after,::before{-webkit-box-sizing:inherit;box-sizing:inherit;border-style:solid;border-width:0}*{background-color:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0}::after,::before{text-decoration:inherit;vertical-align:inherit}:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-webkit-box-sizing:border-box;box-sizing:border-box;font:1pc/1.5 sans-serif;text-rendering:optimizeLegibility}html{background-color:#FFF;color:#000}a{text-decoration:none}audio,canvas,iframe,img,svg,video{vertical-align:middle}button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit}[type=number],[type=search],[type=submit],[type=tel],[type=text],[type=time],[type=url],[type=week],[type=button],[type=date],[type=datetime],[type=datetime-local],[type=email],[type=month],[type=password],[type=reset],button,select,textarea{min-height:1.5em}code,kbd,pre,samp{font-family:monospace,monospace}nav ol,nav ul{list-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}table{border-collapse:collapse;border-spacing:0}::-moz-selection{background-color:#B3D4FC;text-shadow:none}::selection{background-color:#B3D4FC;text-shadow:none}[aria-busy=true]{cursor:progress}[aria-controls]{ /*cursor:pointer*/ cursor:url(images/cursors/default-cursor.png),auto; }[hidden][aria-hidden=false]{clip:rect(0 0 0 0);display:inherit;position:absolute}[hidden][aria-hidden=false]:focus{clip:auto}


/* ----------------------------------------
	Global Styles
	---------------------------------------- */
* { -webkit-tap-highlight-color: transparent; }
*::selection { background:rgba(102,45,145,0.15); }
html, body { width:100%; height:100%; margin:0; padding:0; }
html { background-color:transparent; background-image:none; background-repeat:no-repeat; background-position:center top; cursor:url(images/cursors/default-cursor.png),auto; }

body { background-color:#fff; font-family:Garamond,Palatino,Georgia,sans-serif; overflow:hidden; position:fixed; }

button { outline:0; }
a:hover, button:hover { cursor:url(images/cursors/pointer-cursor.png),auto; }

.bookman { font-family:'Bookman','Helvetica','Arial',sans-serif; }
@font-face {
	font-family: "Constantia";
	src: url("webfonts/constan.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.constantia { font-family:"Constantia" }

/* ----------------------------------------
	Column Foundation
	---------------------------------------- */
	/* flex containers */
	.col-wrap { margin:0; padding:0; background-color:transparent; background-image:none; background-repeat:repeat; position:relative; z-index:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-direction:normal; -webkit-box-orient:horizontal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; -ms-flex-line-pack:start; align-content:flex-start; -ms-flex-align:center; -webkit-box-align:center; align-items:center; height:100%; }
		.col-wrap .column { background-color:transparent; position:relative; margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-order:0; -webkit-box-ordinal-group:1; order:0; -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch; -webkit-box-flex:0; -moz-box-flex:0; margin:0; height:100%; }
		#intro .col-wrap .column { background-color:transparent; position:relative; margin:0; padding:0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-order:0; -webkit-box-ordinal-group:1; order:0; -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch; -webkit-box-flex:0; -moz-box-flex:0; margin:0; height:100%; flex-direction:column; }
			.col-wrap .column .content { width:100%; }
			.col-wrap .column:not(.row) .content { padding:0; }

	/* padded fluid grid */
		.col-wrap .column.one { -ms-flex:0 0 100%; -webkit-box-flex:0; flex:0 0 100%; }
		.col-wrap .column.two { -ms-flex:0 0 49.5%; -webkit-box-flex:0; flex:0 0 49.5%; }
		.col-wrap .column.three { -ms-flex:0 0 32.66666666666667%; -webkit-box-flex:0; flex:0 0 32.66666666666667%; }
			/*@media (max-width: 780px) { .col-wrap .column.three { -ms-flex:0 0 100%; -webkit-box-flex:0; flex:0 0 100%; } }*/
		.col-wrap .column.four { -ms-flex:0 0 24.25%; -webkit-box-flex:0; flex:0 0 24.25%; }
		.col-wrap .column.five { -ms-flex:0 0 19.2%; -webkit-box-flex:0; flex:0 0 19.2%; }
		.col-wrap .column.six { -ms-flex:0 0 15.83333333333333%; -webkit-box-flex:0; flex:0 0 15.83333333333333%; }
		.col-wrap .column.seven { -ms-flex:0 0 13.42857142857143%; -webkit-box-flex:0; flex:0 0 13.42857142857143%; }
		.col-wrap .column.eight { -ms-flex:0 0 11.625%; -webkit-box-flex:0; flex:0 0 11.625%; -ms-flex-align:center; -webkit-box-align:center; align-items:center; }
			/* vertical box align */
			.column.eight:nth-child(odd) { -ms-flex-align:flex-start; -webkit-box-align:start; align-items:flex-start; }
		.col-wrap .column.nine { -ms-flex:0 0 10.22222222222222%; -webkit-box-flex:0; flex:0 0 10.22222222222222%; }
		.col-wrap .column.ten { -ms-flex:0 0 9.1%; -webkit-box-flex:0; flex:0 0 9.1%; }
		.col-wrap .column.eleven { -ms-flex:0 0 8.181818181818182%; -webkit-box-flex:0; flex:0 0 8.181818181818182%; }
		.col-wrap .column.twelve { -ms-flex:0 0 7.416666666666667%; -webkit-box-flex:0; flex:0 0 7.416666666666667%; }

		/* row divider */
		.col-wrap .column.row { height:auto; outline:0; background-color:transparent; display:block; -ms-flex:0 0 100%; -webkit-box-flex:0; flex:0 0 100%; padding:0; margin:0; }
			.col-wrap .column.row .content:before { content:'\00a0'; display:block; font-size:0; padding:0.5% 0; }

		/* row divider + horizontal rule */
		.col-wrap .column.hr { background-color:transparent; display:block; -ms-flex:0 0 100%; -webkit-box-flex:0; flex:0 0 100%; padding:0; margin:0; }
			.col-wrap .column.hr > div.hr { padding:0; margin:2% 12%; }
				.col-wrap .column.hr > div.hr > span { display:block; height:2px; background-color:#90a9a9; }

		/* stylized drop shadow */
		.col-wrap .column.shadow:before, .col-wrap .column.shadow:after { content:''; position:absolute; z-index:-2; bottom:15px; width:50%; height:20%; max-width:300px; -webkit-box-shadow:0 15px 3px rgba(197,194,183,1); box-shadow:0 15px 3px rgba(197,194,183,1); }
		.col-wrap .column.shadow:before { left:10px; -webkit-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg); }
		.col-wrap .column.shadow:after { right:10px; left:auto; -webkit-transform:rotate(3deg); -ms-transform:rotate(3deg); transform:rotate(3deg); }

		/* stylized corners */
		.col-wrap .tl-radius-light { border-top-left-radius:4px; }
		.col-wrap .tr-radius-light { border-top-right-radius:4px; }
		.col-wrap .bl-radius-light { border-bottom-left-radius:4px; }
		.col-wrap .br-radius-light { border-bottom-right-radius:4px; }



.center-col { -ms-flex:0 0 11.625%; -webkit-box-flex:0; flex:0 0 11.625%; -ms-flex-align:center; -webkit-box-align:center; align-items:center; -webkit-box-pack:center;-ms-flex-pack:center;justify-content:center; }

/* Video BG */
	#videobg-wrap { width:100%; height:100vh; position:absolute; top:0; left:0; z-index:0; overflow:hidden; background-color:#fff; }
		#videobg-wrap .videobg { position:absolute; top:0; left:50%; transform:translateX(-50%); width:auto; height:auto; min-height:100%; min-width:100%; opacity:0.5; display:none; }
	#video-controls { border:1px solid #333; padding:5px 10px; white-space:nowrap; opacity:0.5; font-size:12px; font-family:'Trebuchet MS','Verdana','Tahoma','Arial',sans-serif; z-index:99999; position:absolute; left:50%; bottom:20px; transform:translateX(-50%); background-color:transparent; }
	#video-controls:hover { /*cursor:pointer;*/ background-color:#efefef; }
	#video-controls.white-copy { color:#fff; border-color:#fff; }
	#video-controls.white-copy:hover { background-color:#333; }

#intro { position:relative; z-index:2; }
/*	#intro:hover { cursor:help; } */
	#intro:hover { cursor:url(images/cursors/help-cursor.png),auto; }

	/*@media (max-width: 780px) { #intro { text-align:center; } }*/

h1,h2,h3,h4,h5,h6 { transition:0.3s; }

/*
	poly-fluid font sizing: https://www.smashingmagazine.com/2017/05/fluid-responsive-typography-css-poly-fluid-sizing/

	y = mx + b	-- linear equation definition

	m = slope
	b = the y-intercept
	x = the current viewport width
	y = the resulting font-size
	( use Least Squares fit method to find slope and y-intercept: https://en.wikipedia.org/wiki/Least_squares )

	Result:
	element { font-size: calc({slope}*100vw + {y-intercept}px); }

	https://www.sassmeister.com/ -- use to run sass formula on smashingmagazine.com

*/
h1 { font-size: 36px; }
	@media (max-width: 768px) { h1 { font-size: calc(0vw + 36px); } }
	@media (min-width: 768px) { h1 { font-size: calc(3.125vw + 12px); } }
	@media (min-width: 1920px){ h1 { font-size: 72px; } }
h2 { font-size: 30px; }
	@media (max-width: 768px) { h2 { font-size: calc(0vw + 30px); } }
	@media (min-width: 768px) { h2 { font-size: calc(2.60416667vw + 10px); } }
	@media (min-width: 1920px){ h2 { font-size: 60px; } }
h3, button.mobileForm { font-size: 24px; }
	@media (max-width: 768px) { h3, button.mobileForm { font-size: calc(0vw + 24px); } }
	@media (min-width: 768px) { h3, button.mobileForm { font-size: calc(2.08333333vw + 8px); } }
	@media (min-width: 1920px){ h3, button.mobileForm { font-size: 48px; } }
h4 { font-size: 18px; }
	@media (max-width: 768px) { h4 { font-size: calc(0vw + 18px); } }
	@media (min-width: 768px) { h4 { font-size: calc(1.5625vw + 6px); } }
	@media (min-width: 1920px){ h4 { font-size: 36px; } }
/*
h5 { font-size: 14px; }
	@media (max-width: 768px) { h5 { font-size: calc(0vw + 14px); } }
	@media (min-width: 768px) { h5 { font-size: calc(1.04166666vw + 4px); } }
	@media (min-width: 1920px){ h5 { font-size: 24px } }
*/
h5,.menuitem span,.sitem div { font-size: 14px; }
	@media (max-width: 768px) { h5,.menuitem span,.sitem div { font-size: calc(0vw + 14px); } }
	@media (min-width: 768px) { h5,.menuitem span,.sitem div { font-size: calc(0.86805556vw + 7.33333333px); } }
	@media (min-width: 1920px) { h5,.menuitem span,.sitem div { font-size: 24px; } }

h6 { font-size: 10px; }
	@media (max-width: 768px) { h6 { font-size: calc(0vw + 10px); } }
	@media (min-width: 768px) { h6 { font-size: calc(0.69444444vw + 4.66666667px); } }
	@media (min-width: 1920px) { h6 { font-size: 18px; } }


#logo, #menu-logo { transition:0.3s; position:absolute; z-index:3; top:1vh; left:1vw; width:10vw; max-width:250px; min-width:90px; background-color:transparent; }
#logo > img, #menu-logo:hover { cursor:url(images/cursors/pointer-cursor.png),auto; }
#logo > img, #menu-logo > img { width:100%; height:100%; }
#logo > .color, #menu-logo .color { position:relative; z-index:2; opacity:1; }
#logo > .white, #menu-logo .white { position:absolute; left:0; z-index:1; opacity:0; }

.bbb { transition:0.3s; position:absolute; z-index:999; right:3vw; bottom:3vh; width:4vw; max-width:32px; min-width:24px; padding:0; display:inline-block; transition-property:opacity,filter; transition-duration:0.15s; transition-timing-function:linear; }
.bbb #logofilla, .bbb #logofillb { transition:0.3s; }
.bbb:hover #logofilla, .bbb:hover #logofillb { fill:#7fa4c7; }
.bbb.reverse #logofilla, .bbb.reverse #logofillb { fill:#7fa4c7; }
.bbb.reverse:hover #logofilla, .bbb.reverse:hover #logofillb { fill:#7fa4c7; }

#mainlinks { position:absolute; z-index:9999; right:2vw; top:3vh; background-color:transparent; width:5vw; min-width:32px; max-width:64px; }
.hamburger { /*position:absolute; z-index:9999; right:7vw; top:6vh;*/ padding:0; display:inline-block; transition-property:opacity, filter; transition-duration:0.15s; transition-timing-function:linear; font:inherit; color:inherit; text-transform:none; background-color:transparent; border:0; margin:0; overflow:visible; }

/*.hamburger:hover { cursor:pointer; opacity: 0.5; }*/
.hamburger:hover { cursor:url(images/cursors/pointer-cursor.png),auto; opacity:0.5; }

/*.hamburger.is-active:hover { cursor:pointer; }*/
.hamburger.is-active:hover { cursor:url(images/cursors/pointer-cursor.png),auto; }

.hamburger-box { width:40px; height:24px; display:inline-block; position:relative; }
	.hamburger-box { width:5vw; height:5vw; min-height:32px; min-width:32px; max-height:64px; max-width:64px; }
.hamburger-inner { display:block; top:50%; margin-top:-2px; }
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after { width:40px; height:4px; background-color:#333; border-radius:4px; position:absolute; transition-property:transform; transition-duration:0.15s; transition-timing-function:ease; }
	.hamburger-inner { width:100%; height:0.5vw; max-height:4px; min-height:4px; }
.hamburger-inner::before, .hamburger-inner::after { content:""; display:block; }
.hamburger-inner::before { top: -10px; }
	.hamburger-inner::before { width:100%; height:100%; /*top:calc(-1vh - 0.75vw);*/ }
.hamburger-inner::after { bottom: -10px; }
	.hamburger-inner::after { width:100%; height:100%; /*bottom:calc(-1vh - 0.75vw);*/ }

	@media (min-width: 320px) { #mainlinks { top:5vh; right:7vw; } }
	@media (min-width: 480px) { #mainlinks { top:4vh; right:2vw; } }
	@media (min-width: 1600px){ .hamburger-inner { max-height:5px; } .hamburger-inner::before { top:16px !important; } .hamburger-inner::after { bottom:16px !important; } }
	@media (min-width: 1920px){ .hamburger-inner::before { top:18px !important; } .hamburger-inner::after { bottom:18px !important; } }

	@media (max-width: 1600px){ .hamburger-inner::before { top:16px !important; } .hamburger-inner::after { bottom:16px !important; } }
	@media (max-width: 1300px){ .hamburger-inner::before { top:14px !important; } .hamburger-inner::after { bottom:14px !important; } }
	@media (max-width: 1024px){ .hamburger-inner::before { top:12px !important; } .hamburger-inner::after { bottom:12px !important; } }
	@media (max-width: 768px) { .hamburger-inner::before { top:10px !important; } .hamburger-inner::after { bottom:10px !important; } }

.hamburger--squeeze.is-active .hamburger-inner::after { bottom:0 !important; }

.hamburger--squeeze .hamburger-inner { transition-duration:0.075s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before { transition:top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after { transition:bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner { background-color:#fff; transform:rotate(45deg); transition-delay:0.12s; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before { top:0; opacity:0; transition:top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after { bottom:0; transform:rotate(-90deg); transition:bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before,
.hamburger--squeeze.is-active .hamburger-inner::after { background-color:#fff; }

#mainmenu { display:none; min-width:16px; max-width:32px; width:35%; margin:0 auto; background-color:transparent; }
#mainmenu a.mainmenu { text-align:center; display:block; padding-top:2vh; }
#mainmenu a.mainmenu span { font-size:14px; }
#mainmenu a.mainmenu span svg .pfill { transition:0.3s; }
#mainmenu a.mainmenu:hover span svg .pfill.one { fill:#c893c7; }
#mainmenu a.mainmenu:hover span svg .pfill.two { fill:#c6c893; }
#mainmenu a.mainmenu:hover span svg .pfill.three { fill:rgba(255,255,255,0.7); }

#sitemenu { display:none; justify-items:center; position:absolute; z-index:9998; top:0; left:0; height:100%; background-color:rgba(0,0,0,0.8); color:#fff; width:100%; }
#sitemenu .content.wrapper { width:70%; }

/*I
.service-item { width:100%; position:absolute; z-index:99; }
.sitem { position:absolute; top:0; left:0; }
*/

.sitem button,
#contactForm button,
button.mobileForm { transition:0.3s; padding:0.5vw 1vw; margin:2vw 1vw; /*border:1px solid rgba(146,39,143,1);*/ border-radius:5px; background-color:rgba(102,45,145,1); font-family:Bookman,Helvetica,Arial,serif; }
.sitem button:hover,
#contactForm button:hover,
button.mobileForm:hover { background-color:rgba(146,39,143,1); }
.sitem button.noBdr { transition:0.3s; border:0; background-color:transparent; background-image:none; }
.sitem button.noBdr:hover { color:#999; }

/*
	@media (max-width: 768px) { #sitemenu .content.wrapper { width:90%; } }
	@media (min-width: 768px) { #sitemenu .content.wrapper { width:95%; } }
	@media (min-width: 1024px){ #sitemenu .content.wrapper { width:90%; } }
	@media (min-width: 1300px){ #sitemenu .content.wrapper { width:85%; } }
	@media (min-width: 1600px){ #sitemenu .content.wrapper { width:75%; } }
	@media (min-width: 1920px){ #sitemenu .content.wrapper { width:65%; } }
*/
#sitemenu .content ul { list-style-type:none; margin-top:2vw; }
#sitemenu .content button.label { outline:0; text-align:left; }

/*#sitemenu .content button.label:hover { cursor:pointer; } */
#sitemenu .content button.label:hover { cursor:url(images/cursors/pointer-cursor.png),auto; }

#sitemenu .content h5 { font-family:'Helvetica',Arial,sans-serif; font-weight:700; }
#sitemenu .content .sub-item { display:none; }

#sitemenu .col-wrap.grid { height:auto; }
#sitemenu .lbr .content:before { padding:0; height:1px; background-color:#fff; }
#sitemenu .column.middle { border-left:1px solid #fff; border-right:1px solid #fff; }
#sitemenu .col-wrap.grid .content > span { display:block; font-family:Bookman,Helvetica,Verdana,Arial,serif; }
#sitemenu .col-wrap.grid .column { padding:2%; }
/*
	@media (max-width: 780px) {
		#sitemenu .col-wrap.grid .column { padding:2% 4%; }
	}
*/
#sitemenu .col-wrap.grid .lbr { padding:0; }
#sitemenu .col-wrap.grid button span { transition:0.3s; }
/*#sitemenu .col-wrap.grid button:hover span { color:#999999; }	*/
#sitemenu .pop-copy { display:none; position:absolute; z-index:999; width:95%; bottom:-2px; left:0; right:0; margin:auto; padding:1vw; background-color:rgba(0,0,0,0.9); border:2px solid #fff; border-radius:5px; }

/*
#sitemenu .content h4 { font-size: 18px; }
	@media (max-width: 768px) { h5 { font-size: calc(0vw + 14px); } }
	@media (min-width: 768px) { h5 { font-size: calc(1.04166666vw + 4px); } }
	@media (min-width: 1920px){ h5 { font-size: 24px } }
#sitemenu .content h5 { font-size: 14px; }
	@media (max-width: 768px) { h5 { font-size: calc(0vw + 14px); } }
	@media (min-width: 768px) { h5 { font-size: calc(1.04166666vw + 4px); } }
	@media (min-width: 1920px){ h5 { font-size: 24px } }
*/

#contactForm .fname,
#contactForm .lname,
#contactForm #submitWait { display:none; text-align:center; position:relative; }
#contactForm #submitWait > span { font-family:'Arial'; }
#contactForm .headline { line-height:normal; text-align:center; }
#contactForm .headline a { color:#7fa4c7; }
#contactForm #formWrapper #msg { color:#fde; text-align:center; margin-top:1vw; }
#contactForm { position:relative; top:5%; cursor:default; }
#contactForm #formWrapper > form,
#contactForm #formWrapper > form .servlist { display:flex; flex-direction:column; align-items:flex-start; padding:1vw 0; }
#contactForm #formWrapper > form .servlist { align-self:center; width:90%; }
#contactForm #formWrapper > form > div,
#contactForm #formWrapper > form .servlist > div { width:100%; }
#contactForm #formWrapper > form .servlist > div { display:flex; flex-direction:row; }
#contactForm .servlist > div > div { flex:1 0 50%; }
#contactForm #formWrapper > form > div > input,
#contactForm #formWrapper > form > div > textarea { color:#662d91; margin:2.5px; width:100%; border:3px solid #662d91; border-radius:5px; background-color:#fff; padding:0.5vw; }
#contactForm #formWrapper > form > div > button { color:#fff; border:1px solid rgba(255,255,255,0.5); }
#contactForm #formWrapper > form input:focus,
#contactForm #formWrapper > form textarea:focus,
#contactForm #formWrapper > form button:focus { box-shadow: 0 0 5px #662d91; outline:none !important; border-color:#662d91; }
@media (min-width:479px) { #contactForm { display:none; } }

button.mobileForm { display:none; color:#fff; padding:1vw 4vw; position:absolute; z-index:2; left:50%; transform:translateX(-50%); bottom:50%; white-space:nowrap; font-weight:normal; }

/* Tiny Screen Layout */
@media (max-width: 479px) { /* Vertical */
	#mainlinks { display:none !important; }
	#contactForm #formWrapper { position:relative; top:10%; }
	#logo { top:2.5%; transform:translateX(-50%); left:50%; width:20vh; }
	#intro > .center-col { display:none; }
	#intro > h6, #intro > .bbb { font-size:calc(1.69444444vh + 5.66666667px); left:50% !important; bottom:30% !important; transform:translate(-50%,-50%); }
	#intro > .introNote { bottom:25% !important; }
	button.mobileForm { display:block; }
	#intro > .bbb { bottom:3% !important; max-width:none !important; width:8vw; }
	#sitemenu { background-color:transparent !important; }
}
@media (max-height: 479px) { /* Horizontal */
	#videobg-wrap { background: radial-gradient(rgb(146, 39, 143), rgb(102, 45, 145)); }
	#videobg-wrap video { opacity:0 !important; }
	#mainlinks { display:none !important; }
	#logo { top:50%; transform:translate(-50%,-60%); left:50%; width:30vw; /*-webkit-filter:drop-shadow(0 0 8vw rgba(255,255,255,1)); filter:drop-shadow(0 0 8vw rgba(255,255,255,1));*/ /* Similar syntax to box-shadow */ }
	#logo .color { opacity:0 !important; }
	#logo .white { opacity:1 !important; }
	#intro > .center-col { display:none; }
	#intro > h6 { font-size:calc(1.69444444vw + 5.66666667px); }
	#intro > h6, #intro > .bbb { bottom:5% !important; color:#fff; }
	#intro > .introNote a { color:#fff !important; }
	#contactForm, #sitemenu { display:none !important; }
}

/* The Snake */
/* https://github.com/AnasTawfeek/ArtWorx-xLoader/blob/master/LICENSE */
#xLoader{ position:absolute; top:0; bottom:0; right:0; left:0; background:white; z-index:9 }
#xLoader .the-snake{ position:relative; top:50%; left:50% }
#xLoader .the-snake span{ position:absolute; width:20px; height:20px; background:#540092; opacity:.5; border-radius:20px; -webkit-animation:xLoaderTheSnake 1s infinite ease-in-out; -moz-animation:xLoaderTheSnake 1s infinite ease-in-out; -ms-animation:xLoaderTheSnake 1s infinite ease-in-out; -o-animation:xLoaderTheSnake 1s infinite ease-in-out; animation:xLoaderTheSnake 1s infinite ease-in-out}
#xLoader .the-snake span:nth-child(2){left:20px; -webkit-animation-delay:.2s; -moz-animation-delay:.2s; -ms-animation-delay:.2s; -o-animation-delay:.2s; animation-delay:.2s}
#xLoader .the-snake span:nth-child(3){left:40px; -webkit-animation-delay:.4s; -moz-animation-delay:.4s; -ms-animation-delay:.4s; -o-animation-delay:.4s; animation-delay:.4s}
#xLoader .the-snake span:nth-child(4){left:60px; -webkit-animation-delay:.6s; -moz-animation-delay:.6s; -ms-animation-delay:.6s; -o-animation-delay:.6s; animation-delay:.6s}
#xLoader .the-snake span:nth-child(5){left:80px; -webkit-animation-delay:.8s; -moz-animation-delay:.8s; -ms-animation-delay:.8s; -o-animation-delay:.8s; animation-delay:.8s}
@-webkit-keyframes xLoaderTheSnake{
	0%{opacity:.3; transform:translateY(0); box-shadow:0 0 3px rgba(0,0,0,0.1)}
	50%{opacity:1; transform:translateY(-10px); background:#e91e63a6; box-shadow:0 20px 3px rgba(0,0,0,0.05)}
	100%{opacity:.3; transform:translateY(0); box-shadow:0 0 3px rgba(0,0,0,0.1)}
}
@-moz-keyframes xLoaderTheSnake{
	0%{opacity:.3; transform:translateY(0); box-shadow:0 0 3px rgba(0,0,0,0.1)}
	50%{opacity:1; transform:translateY(-10px); background:#e91e63a6; box-shadow:0 20px 3px rgba(0,0,0,0.05)}
	100%{opacity:.3; transform:translateY(0); box-shadow:0 0 3px rgba(0,0,0,0.1)}
}
@-ms-keyframes xLoaderTheSnake{
	0%{opacity:.3; transform:translateY(0); box-shadow:0 0 3px rgba(0,0,0,0.1)}
	50%{opacity:1; transform:translateY(-10px); background:#e91e63a6; box-shadow:0 20px 3px rgba(0,0,0,0.05)}
	100%{opacity:.3; transform:translateY(0); box-shadow:0 0 3px rgba(0,0,0,0.1)}
}
@-o-keyframes xLoaderTheSnake{
	0%{opacity:.3; transform:translateY(0); box-shadow:0 0 3px rgba(0,0,0,0.1)}
	50%{opacity:1; transform:translateY(-10px); background:#e91e63a6; box-shadow:0 20px 3px rgba(0,0,0,0.05)}
	100%{opacity:.3; transform:translateY(0); box-shadow:0 0 3px rgba(0,0,0,0.1)}
}
@keyframes xLoaderTheSnake{
	0%{opacity:.3; transform:translateY(0); box-shadow:0 0 3px rgba(0,0,0,0.1)}
	50%{opacity:1; transform:translateY(-10px); background:#e91e63a6; box-shadow:0 20px 3px rgba(0,0,0,0.05)}
	100%{opacity:.3; transform:translateY(0); box-shadow:0 0 3px rgba(0,0,0,0.1)}
}
#xLoader { background:transparent; position:relative; width:0; height:0; margin-bottom:30px; left:50%; transform:translateX(-50px); }