/* --- Imports --- */

	@import url(../assets/fonts/stylesheet.css);

/* --- Reset --- */

	/** * Eric Meyer's Reset CSS v2.0 */
	
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
	{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 62%;
		font-family: 'aero_matics_lightregular', sans-serif;
		font-weight: 100;
		word-spacing: initial;
		word-spacing: normal;
		vertical-align: baseline;
	}
	
	html, body
	{
		height: 100%;
	}

	body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video 
	{
		font-size: inherit;
	}
	
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
	{
		display: block;
	}
	
	body 
	{
		line-height: 1;
	}

	a
	{
		text-decoration: none;
		color: inherit;
		font: inherit;
	}
	
	ol, ul 
	{
		list-style: none;
	}
	
	blockquote, q 
	{
		quotes: none;
	}
	
	blockquote:before, blockquote:after,q:before, q:after 
	{
		content: '';
		content: none;
	}
	
	table 
	{
		border-collapse: collapse;
		border-spacing: 0;
	}
	
	b, strong
	{
		font-family: 'aero_maticsregular', sans-serif;
		font-weight: 400;
		font-size: inherit;
	}
	
	i, em
	{
		font-family: 'aero_matics_lightitalic', sans-serif;
		font-style: normal;
		font-size: inherit;
	}
	
	b i, strong i, b em, strong em, i b, i strong, em i, em strong
	{
		font-family: 'aero_maticsitalic', sans-serif;
		font-style: normal;
		font-weight: 400;
	}

	sup
	{
		font-size: 0.5em;
	}

	sub
	{
		font-size: 0.5em;
		vertical-align: inherit;
	}
	
/* --- Basic Layout --- */

	body
	{
		background-color: #00aeef;
	}

	.white
	{
		background-color: #fff;
		color: #16172d;
	}

	.blue
	{
		background-color: #00aeef;
		color: #fff;
	}

	.dark
	{
		background-color: #16172d;
		color: #fff;
	}
	
	.center
	{
		display: block !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.banner
	{
		position: relative;
		width: 100%;
		background-image: url(../images/slider/slider_placeholder.jpg);
		background-size: cover;
		background-attachment: fixed;
		background-position: 50%;
	}

	.inner
	{
		position: relative;
		max-width: 940px;
		margin: 0 auto;
	}

	article .inner, section .inner, footer .inner
	{
		padding: 60px 0;
	}

	.columnContainer
	{
  		text-align: justify;
	}

	.columnContainer:after
	{
		content: '';
		width: 100%;
		display: inline-block;
	}

	.column2
	{
		display: inline-block;
		position: relative;
		width: 468px;
		vertical-align: top;
		font-size: 2.1em;
	}

	.column3
	{
		display: inline-block;
		position: relative;
		width: 286px;
		vertical-align: top;
	}

	.column3_2
	{
		display: inline-block;
		width: 612px;
		max-width: 100%;
		vertical-align: top;
	}

	.column4
	{
		display: inline-block;
		width: 218px;
		vertical-align: top;
	}
	
	.hiddentitle
	{
		font-size: 0;
		color: transparent;
	}

	.title
	{
		text-align: center;
		font-family: 'aero_maticsregular', sans-serif;
		font-weight: 400;
		font-size: 4em;
	}

	.subtitle
	{
		text-align: center;
		font-family: 'aero_maticsregular', sans-serif;
		font-weight: 400;
		font-size: 3em;
	}

	.text
	{
		text-align: left;
		font-size: 2.1em;
		line-height: 1.2em;
	}

	.textRight
	{
		float: right;
		font-size: inherit;
		line-height: 1.2em;
	}

	.textWide
	{
		text-align: justify;
		font-size: 2.1em;
		line-height: 1.2em;
	}

	.textCenter
	{
		text-align: center;
		font-size: 2.1em;
		line-height: 1.2em;
	}
	
	.buttonSmall
	{
		display: inline-block;
		position: relative;
		width: 200px;
		height:	45px;
		margin: 0 13px;
		background-color: #00AEEF;
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-family: 'aero_maticsregular', sans-serif;
		font-weight: 400;
		font-size: 2.1em;
		line-height: 44px;
		border: none;
		transition: padding 0.2s linear, margin 0.2s linear;
	}
	
	.buttonSmall:before
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: 0;
		left: -16px;
		z-index: 1;
		border-width: 22.5px 8px 22.5px;
		border-style: solid;
		border-color: transparent #00AEEF transparent transparent;
	}
	
	.buttonSmall:after
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: 0;
		right: -16px;
		z-index: 1;
		border-width: 22.5px 8px 22.5px;
		border-style: solid;
		border-color: transparent transparent transparent #00AEEF;
	}
	
	.buttonSmall:hover
	{
		background-color: #009DD8;
		margin: 0 8px;
		padding: 0 5px;
	}
	
	.buttonSmall:hover:before
	{
		border-color: transparent #009DD8 transparent transparent;
	}
	
	.buttonSmall:hover:after
	{
		border-color: transparent transparent transparent #009DD8;
	}
	
	.buttonLarge
	{
		display: inline-block;
		position: relative;
		width: 250px;
		height: 65px;
		margin: 0 17px;
		background-color: #00AEEF;
		color: #fff;
		text-align: center;
		text-decoration: none;
		font-family: 'aero_maticsregular', sans-serif;
		font-weight: 400;
		font-size: 3em;
		line-height: 60px;
		border: none;
		transition: padding 0.2s linear, margin 0.2s linear;
	}
	
	.buttonLarge:before
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: 0;
		left: -24px;
		z-index: 1;
		border-width: 32.5px 12px;
		border-style: solid;
		border-color: transparent #00AEEF transparent transparent;
	}
	
	.buttonLarge:after
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: 0;
		right: -24px;
		z-index: 1;
		border-width: 32.5px 12px;
		border-style: solid;
		border-color: transparent transparent transparent #00AEEF;
	}
	
	.buttonLarge:hover
	{
		background-color: #009DD8;
		padding: 0 5px;
		margin: 0 12px;
	}
	
	.buttonLarge:hover:before
	{
		border-color: transparent #009DD8 transparent transparent;
	}
	
	.buttonLarge:hover:after
	{
		border-color: transparent transparent transparent #009DD8;
	}

	.blue .buttonLarge
	{
		background-color: #16172d;
		color: #fff;
	}

	.blue .buttonLarge:before
	{
		border-color: transparent #16172d transparent transparent;
	}

	.blue .buttonLarge:after
	{
		border-color: transparent transparent transparent #16172d;
	}

	.sliderBar
	{
		position: relative;
		height: 30px;
		margin: 60px 6px;
		padding: 0px 4%;
		background: #00aeef;
		cursor: pointer;
	}

	.sliderBar:before
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: 0;
		left: -12px;
		z-index: 1;
		border-width: 15px 6px;
		border-style: solid;
		border-color: transparent #00AEEF transparent transparent;
	}

	.sliderBar:after
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: 0;
		right: -12px;
		z-index: 1;
		border-width: 15px 6px;
		border-style: solid;
		border-color: transparent transparent transparent #00AEEF;
	}

	.sliderFill
	{
		position: relative;
		float: right;
		width: 104%;
		height: 20px;
		right: -4%;
		margin: 5px 0 5px 5px;
		overflow: visible !important;
		background-color: #ffffff;
	}

	.sliderFill:before
	{
		content: '';
		position: absolute;
		width: 20px;
		height: 20px;
		top: -11px;
		left: -22px;
		z-index: 3;
		background-color: #ffffff;
		border: 12px solid #16172d;
		border-radius: 100%;
		cursor: pointer;
	}

	.sliderFill:after
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: 0;
		right: -8px;
		z-index: 2;
		border-width: 10px 4px;
		border-style: solid;
		border-color: transparent transparent transparent #ffffff;
	}
	
	.sliderMarkings
	{
		position: relative;
		clear: both;
		width: 100%;
		height: 20px;
		top: -2px;
		z-index: 1;
		background-size: 100% 20px;
		background-repeat: no-repeat;
	}
	
	.sliderBar[data-steps="3"] .sliderMarkings
	{
		background-image: url('../images/static/slider_markings_3.png');
	}
	
	.sliderBar[data-steps="4"] .sliderMarkings
	{
		background-image: url('../images/static/slider_markings_4.png');
	}
	
	.sliderBar[data-steps="5"] .sliderMarkings
	{
		background-image: url('../images/static/slider_markings_5.png');
	}
	
	.sliderBar[data-steps="6"] .sliderMarkings
	{
		background-image: url('../images/static/slider_markings_6.png');
	}

	.sliderLabels
	{
		width: calc(100% + 30px);
		margin-left: -15px;
  		text-align: justify;
	}

	.sliderLabels:after
	{
		content: '';
		width: 100%;
		display: inline-block;
	}

	.sliderLabels span
	{
  		display: inline-block;
  		width: 40px;
  		font-size: 2em;
  		text-align: center;
	}

	.sliderSelectedLabel
	{
  		font-family: 'aero_maticsregular', sans-serif;
		font-weight: 400;
	}

	.sliderContents
	{
		margin-bottom: 30px;
	}

	.sliderContents div
	{
		display: none;
	}

	.sliderContents div:first-of-type
	{
		display: block;
	}

	.sliderContents div span
	{
		display: inline-block;
		position: relative;
		width: 125px;
		height: 40px;
		padding: 20px 0;
		margin: 0 0%;
		vertical-align: top;
		color: #16172d;
		text-align: left;
		font-size: 2em;
	}

	.sliderContents div span[data-info="Domains"]
	{
		width: 130px;
	}

	.sliderContents div span[data-info="Bandwidth"]
	{
		width: 160px;
	}

	.sliderContents div span[data-info="IP"]
	{
		width: 145px;
	}

	.sliderContents div span[data-info="Per Month"]
	{
		width: 115px;
		height: 60px;
		padding: 10px 0;
		text-align: right;
	}

	.sliderContents div span[data-info="Per Month"] b
	{
		font-size: 2em;
		color: #00aeef;
	}
	
	.sliderContents div span:before
	{
		content: "";
		float: left;
		height: 80px;
		width: 50px;
		margin-top: -20px;
		margin-right: 10px;
		background-position: 100% calc(50% - 2px);
		background-size: 50px;
		background-repeat: no-repeat;
	}

	.sliderContents div span[data-info="Storage"]:before, .tableIcon[data-column="Storage"]:before
	{
		background-image: url(../images/static/hosting_harddrive.jpg);
	}

	.sliderContents div span[data-info="RAID"]:before, .tableIcon[data-column="RAID"]:before
	{
		background-image: url(../images/static/features_hardware.jpg);
	}

	.sliderContents div span[data-info="RAM"]:before, .tableIcon[data-column="RAM"]:before
	{
		background-image: url(../images/static/hosting_ram.jpg);
	}

	.sliderContents div span[data-info="CPU"]:before, .tableIcon[data-column="CPU"]:before
	{
		background-image: url(../images/static/hosting_cpu.jpg);
	}

	.sliderContents div span[data-info="Domain"]:before, .sliderContents div span[data-info="Domains"]:before, .tableIcon[data-column="Domains"]:before
	{
		background-image: url(../images/static/hosting_domain.jpg);
	}

	.sliderContents div span[data-info="Support"]:before, .tableIcon[data-column="Support"]:before
	{
		background-image: url(../images/static/hosting_support.jpg);
	}

	.sliderContents div span[data-info="Bandwidth"]:before, .tableIcon[data-column="Bandwidth"]:before
	{
		background-image: url(../images/static/hosting_bandwidth.jpg);
	}

	.sliderContents div span[data-info="IP"]:before, .tableIcon[data-column="IP"]:before
	{
		background-image: url(../images/static/hosting_broadcast.jpg);
	}

	.sliderContents div span[data-info="Per Month"]:before, .tableIcon[data-column="Per Month"]:before
	{
		width: 0;
		height: 0;
	}

	.table
	{
		position: relative;
		width: 100%;
		margin: 60px 0 0;
		font-size: 2em;
	}

	.tableHeaders
	{
		position: relative;
		height: 60px;
		padding: 0 10px 0 200px;
		line-height: 60px;
		background-color: white;
		border: solid #00aeef;
		border-width: 0 0 1px;
	}

	.tableIcon
	{
		position: relative;
		display: inline-block;
		width: 16%;
		height: 60px;
	}

	.tableIcon[data-column="Per Month"]
	{
		top: -30px;
		text-align: center;
		font-family: 'aero_maticsregular', sans-serif;
		font-weight: 400;
		color: #00aeef;
	}

	.tableIcon[data-column="Per Month"]:after
	{
		display: none;
	}

	.tableIcon:before
	{
		content: "";
		position: absolute;
		height: 45px;
		width: 40px;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		background-position: 100% calc(50% - 2px);
		background-size: 40px;
		background-repeat: no-repeat;
	}

	.tableIcon:hover:before
	{
		opacity: 0.2;
	}

	.tableIcon:hover:after
	{
		content: attr(data-column);
		position: absolute;
		height: 45px;
		top: 0;
		left: 0;
		right: 0;
		margin: 0 auto;
		text-align: center;
		line-height: 45px;
	}

	.tableRow
	{
		position: relative;
		display: block;
		height: 60px;
		width: calc(100% - 210px);
		line-height: 60px;
		padding: 0 10px 0 200px;
		background-color: #ffffff;
		border: solid #00aeef;
		border-width: 0 0 1px;
		cursor: pointer;
		transition: width 0.6s linear, height 0.3s linear, margin 0.3s linear, padding 0.3s linear, background 0.3s linear, color 0.3s linear;
	}

	.tableRow:before, .tableRow:after
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: 0;
		left: -10px;
		border-width: 30px 0 30px 10px;
		border-style: solid;
		border-color: #ffffff #ffffff #ffffff #ffffff;
		transition: border-color 0.3s linear, color 0.3s linear;
	}

	.tableRow:after
	{
		left: auto;
		right: -10px;
	}

	.tableRow:hover
	{
		position: relative;
		width: calc(100% - 235px);
		margin: -1px 0 2px 10px;
		padding: 0px 10px 0 205px;
		color: #ffffff;
		background-color: #00aeef;
		border-width: 0;
	}

	.tableRow:hover:before
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: 0;
		z-index: 1;
		border-width: 30px 0 30px 10px;
		border-style: solid;
		border-color: #00AEEF #00AEEF #00AEEF #ffffff;
	}

	.tableRow:hover:after
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: 0;
		z-index: 1;
		border-width: 30px 0 30px 10px;
		border-style: solid;
		border-color: #ffffff #ffffff #ffffff #00AEEF;
	}

	.tableName
	{
		position: absolute;
		display: inline-block;
		width: 200px;
		margin-left: -180px;
		font-family: 'aero_maticsregular', sans-serif;
		font-weight: 400;
	}

	.tableValue
	{
		position: relative;
		display: inline-block;
		width: 16%;
	
		vertical-align: top;
		text-align: center;
}


/* --- Page Layout --- */
	
	header
	{
		position: relative;
		height: 180px;
		width: 100%;
		background-image: url(../images/static/nav_bg.jpg);
		background-position: 50% -10px;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}
	
	.headerLogo
	{
		position: relative;
		display: inline-block;
		width: 255px;
		height: 180px;
		z-index: 6;
		background-color: #16172d;
		text-align: center;
		transition: padding 0.2s linear, margin 0.2s linear;
	}
	
	.headerLogo:hover
	{
		padding-top: 10px;
		margin-bottom: -10px;
	}

	.headerLogo:before
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: -45px;
		left: 0px;
		z-index: 6;
		border-width: 45px 128px 0;
		border-style: solid;
		border-color: #16172d transparent transparent;
	}
	
	.headerLogo img
	{
		margin-top: 20px;
	}
	
	.headerLogo h1
	{
		position: absolute;
		right: 0;
		left: 0;
		bottom: 5px;
		margin: 0 auto;
		font-family: 'aero_maticsregular', sans-serif;
		font-weight: 100;
		font-size: 3.5em;
		color: #ffffff;
	}

	nav.menu
	{
		position: relative;
		margin-top: -40px;
		margin-left: 305px;
		height: 35px;
		width: 635px;
  		text-align: justify;
	}

	nav.menu:after
	{
		content: '';
		width: 100%;
		display: inline-block;
	}

	nav.menu a
	{
		display: inline-block;
		position: relative;
		color: #fff;
		text-decoration: none;
		font-size: 3.3em;
		vertical-align: bottom;
	}

	nav.menu a:hover, nav.menu a.navSelected
	{
		color: transparent;
	}

	nav.menu a:hover:before, nav.menu a.navSelected:before
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: -17px;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 6;
		border-width: 10px 27px 0;
		border-style: solid;
		border-color: #00b8fb transparent transparent;
	}

	nav.menu a:hover:after, nav.menu a.navSelected:after
	{
		content: attr(data-name);
		position: absolute;
		padding-bottom: 15px;
		font-family: 'aero_maticsregular', sans-serif;
		font-size: 1.01em;
		color: #fff;
		top: 0;
		left: -1px;
	}

	section.submenu
	{
		display: none;
		position: relative;
		height: 56px;
		width: 100%;
		z-index: 5;
		background-color: #FFFFFF;
		border-bottom: 4px solid rgb(0, 173, 239);
	}

	section.submenu .inner
	{
		padding: 0;
	}

	nav.submenu
	{
		display: none;
		position: absolute;
		right: 0;
		width: 635px;
		line-height: 21px;
		text-align: justify;
	}

	nav.submenu:after
	{
		content: '';
		display: inline-block;
		width: 100%;
	}

	nav.submenu a
	{
		display: inline-block;
		position: relative;
		color: #16172D;
		text-decoration: none;
		font-size: 2.5em;
		vertical-align: bottom;
	}

	nav.submenu a:hover, .submenunavSelected
	{
		color: transparent;
	}

	nav.submenu a:hover:after, .submenunavSelected:after
	{
		content: attr(data-name);
		position: absolute;
		width: 105%;
		padding-bottom: 15px;
		font-family: 'aero_maticsregular', sans-serif;
		font-size: 1.01em;
		color: #16172D;
		top: 0;
		left: -1px;
	}

	nav.menu a:first-of-type:after, nav.submenu a:first-of-type:after
	{
		left: 0px;
	}

	nav.menu a:last-of-type:after, nav.submenu a:last-of-type:after
	{
		left: -4px;
	}

	header .linkClean
	{
		position: absolute;
		right: 0;
		top: 20px;
		font-size: 1.8em;
		color: #ffffff;
	}

	footer .inner
	{
		padding: 60px 0;
	}

	footer .subtitle
	{
		margin-bottom: 30px;
		text-align: left;
	}

	footer .textWide
	{
		font-size: 2em;
		margin-bottom: 50px;
		max-width: 100%;
	}

	footer .text
	{
		font-size: 2em;
	}
	
	footer .textWide a:hover
	{
		font-family: 'aero_maticsregular', sans-serif;
	}
	
	footer .text a
	{
		font-family: 'aero_maticsregular', sans-serif;
	}
	
	footer .text a:hover
	{
		font-family: 'aero_maticsitalic', sans-serif;
	}

	.footerSocial
	{
		margin-top: -6px;
		word-spacing: 20px;
	}

	.footerSocial a
	{
		display: inline-block;
		opacity: 1;
		transition: opacity 0.2s linear;
	}

	.footerSocial a:hover
	{
		opacity: 0.5;
	}

	.slideshow, .slideshow ul
	{
		position: relative;
		height: 65vmin;
		width: 100%;
		max-height: 600px;
		overflow: hidden;
	}
	
	.slideshow ul
	{
		width: 300%;
		margin-left: -100%;
	}

	.slideshow li
	{
		position: relative;
		display: inline-block;
		height: 65vmin;
		width: calc(100% / 3);
		max-height: 600px;
		vertical-align: top;
		background-image: url(../images/slider/slider_placeholder.jpg);
		background-size: cover;
		background-position: 50% 10%;
	}

	.slideshowTitle
	{
		position: relative;
		top: calc(50% + -50px);
		margin: 0 auto;
		max-width: 940px;
		text-align: center;
		font-size: 6em;
		font-weight: 100;
		color: #fff;
	}

	.slideshowSubtitle
	{
		position: relative;
		top: calc(50% + -35px);
		margin: 0 auto;
		max-width: 940px;
		text-align: center;
		font-size: 2.5em;
		font-weight: 100;
		color: #fff;
	}

	.slideshowButtons
	{
		position: absolute;
		width: 940px;
		top: 50%;
		left: 0;
		right: 0;
		margin: 0 auto;
		pointer-events: none;
	}

	.slideshowPrev, .slideshowNext
	{
		position: absolute;
		width: 40px;
		height: 120px;
		top: -60px;
		cursor: pointer;
		pointer-events: all;
	}

	.slideshowPrev
	{
		left: 5px;
	}

	.slideshowNext
	{
		right: 5px;
	}

	.slideshowPrev:before, .slideshowPrev:after, .slideshowNext:before,  .slideshowNext:after
	{
		content: '';
		position: absolute;
		width: 10px;
		height: 50%;
		z-index: 1;
		background-color: #fff;
		pointer-events: all;
		transition: left 0.2s linear, right 0.2s linear;
	}

	.slideshowPrev:before
	{
		bottom: 0;
		left: 15px;
		transform: skewX(20deg);
	}

	.slideshowPrev:after
	{
		top: 0;
		left: 15px;
		transform: skewX(-20deg);
	}

	.slideshowNext:before
	{
		bottom: 0;
		right: 15px;
		transform: skewX(-20deg);
	}

	.slideshowNext:after
	{
		top: 0;
		right: 15px;
		transform: skewX(20deg);
	}

	.slideshowPrev:hover:before, .slideshowPrev:hover:after
	{
		left: 5px;
	}

	.slideshowNext:hover:before,  .slideshowNext:hover:after
	{
		right: 5px;
	}

	.slideshowIndicators
	{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 60px;
		margin: 0 auto;
		width: 250px;
		height: 14px;
		text-align: justify;
		pointer-events: none;
	}

	.slideshowIndicators:after
	{
		content: '';
		width: 100%;
		display: inline-block;
	}

	.slideshowIndicator
	{
		display: inline-block;
		margin-top: 7px;
		width: 0px;
		height: 0px;
		border: 7px solid #fff;
		border-radius: 100%;
		vertical-align: top;
		cursor: pointer;
		pointer-events: all;
		transition: height 0.4s ease-in-out, width 0.4s ease-in-out, margin-top 0.4s ease-in-out;
	}

	.slideshowIndicator:hover
	{
		margin-top: 3.5px;
		width: 7px;
		height: 7px;
	}

	.slideshowIndicator.active
	{
		margin-top: 0px;
		width: 14px;
		height: 14px;
	}

	.homeFeatures .icon
	{
		margin-bottom: 25px;
		text-align: center;
	}

	.homeFeatures .subtitle
	{
		margin-bottom: 20px;
		color:  #16172d;
	}

	.homeFeatures .buttonSmall
	{
		margin: 37.5px auto 0;
		display: block;
		right: 0;
		left: 0;
		width: 172px;
	}

	.productBox
	{
		position: relative;
		height: 445px;
		margin: 60px 0 40px;
		vertical-align: top;
		background-color: #fff;
		color: #16172d;
		cursor: pointer;
		transition: padding 0.2s linear, margin 0.2s linear, height 0.2s linear;
	}

	.productBox:before
	{
		content: "";
		position: absolute;
		height: 0;
		width: 0;
		bottom: -40px;
		left: 0px;
		z-index: 1;
		border-width: 40px 109px 0;
		border-style: solid;
		border-color: #fff transparent transparent;
		transition: border-width 0.2s linear;
	}

	.productBox .subtitle
	{
		padding-top: 15px;
		text-align: center;
		font-family: 'aero_maticsregular', sans-serif;
		font-weight: 400;
		font-size: 3em;
		background-color: #16172d;
		line-height: 60px;
		color: #fff;
		transition: padding 0.2s linear, margin 0.2s linear;
	}

	.productBox .textCenter
	{
		margin: 8px 10px 0;
		padding-bottom: 10px;
		border-bottom: 2px solid #16172d;
		text-align: center;
		font-weight: 400;
		font-size: 2em;
		line-height: 2em;
		transition: margin 0.4s linear, font-size 0.4s linear;
	}
	
	.productBox .productStart
	{
		margin: 8px 10px -20px;
		padding: 0;
		border-bottom: none;
		color: rgb(179, 181, 189);
	}
	
	.productBox .productPrice
	{
		position: relative;
		margin: 10px 10px 0;
		padding: 0;
		border-bottom: none;
		font-size: 3.5em;
		line-height: 1em;
		z-index: 5;
		color: #00aeef;
	}

	.productBox:hover
	{
		height: 455px;
		margin: 60px 0 10px;
		padding: 0 10px;
	}

	.productBox:hover:before
	{
		border-width: 40px 119px 0;
	}

	.productBox:hover .subtitle
	{
		margin: 0 -10px;
		padding: 15px 10px 0;
	}

	.productBox:hover .textCenter
	{
		font-size: 2.09em;
		margin-left: 5px;
		margin-right: 5px;
	}

	.productBox:hover .productPrice
	{
		font-size: 3.8em;
		margin-left: 5px;
		margin-right: 5px;
	}

	.homeMore .textCenter
	{
		font-size: inherit;
		word-spacing: 32px;
	}

	.homeMore .buttonLarge
	{
		margin-top: 60px;
	}

	.head p
	{
		margin-top: 30px;
	}

	.feature
	{
		position: relative;
	}

	.feature h1, .feature h2, .feature h3, .feature p, .feature span
	{
		text-align: left;
	}

	.feature.reverse h1, .feature.reverse h2, .feature.reverse h3, .feature.reverse p, .feature.reverse span
	{
		text-align: right;
	}

	.feature .featureIcon
	{
		position: relative;
		display: inline-block;
		width: 14%;
		padding-right: 5%;
		vertical-align: middle;
	}
	
	.feature.reverse .featureIcon
	{
		padding-left: 5%;
		padding-right: 0;
	}

	.feature .featureIcon img
	{
		display: block;
		min-width: 50px;
		max-width: 150px;
		width: 100%;
		vertical-align: middle;
	}

	.featureText
	{
		position: relative;
		display: inline-block;
		width: 80%;
		vertical-align: middle;
	}

	.featureText p
	{
		margin-top: 30px;
	}
	
	.description .buttonSmall, .description .buttonLarge, .feature .buttonSmall, .feature .buttonLarge, .head .buttonSmall, .head .buttonLarge
	{
		margin-top: 40px;
	}

	.formField
	{
		display: inline-block;
		width: 47%;
		padding: 0 1% 30px 1%;
		font-size: 2.1em;
	}

	.formField input, .formField select
	{
		width: 100%;
		height: 30px;
		box-sizing: border-box;
	}

	.formFull
	{
		display: inline-block;
		width: 96%;
		padding: 0 1% 30px 1%;
		height: 75px;
		font-size: 2.1em;
	}

	.formFull input, .formFull select
	{
		width: 100%;
		height: 30px;
		box-sizing: border-box;
	}

	.formBox
	{
		display: inline-block;
		width: 96%;
		padding: 0 1% 60px 1%;
		font-size: 2.1em;
	}

	.formBox textarea
	{
		width: 100%;
		height: 90px;
		box-sizing: border-box;
	}

	.formField label, .formFull label, .formBox label
	{
		display: block;
		width: 100%;
		height: 25px;
		margin: 0;
		box-sizing: border-box;
	}

	.hostingPlans .textCenter, .clipbucketPlans .textCenter, .sliderPlans .textCenter, .featureDescription .textCenter
	{
		font-size: inherit;
		word-spacing: 120px;
	}

	.hostingPlans .textWide, .clipbucketPlans .textWide, .clipbucketFeatures .text, .sliderPlans .textWide, .featureTextLeft .text, .featureTextRight .text, .featureDescription .textCenter
	{
		margin: 30px 0 0;
	}
	
	.featureLogo
	{
		height: 40px;
		padding: 0 20px;
		margin-bottom: 20px;
	}
	
	.clipbucketFeatures:nth-of-type(2) .text, .clipbucketFeatures:nth-of-type(2) .title
	{
		text-align: right;
	}
	
	.hostingFeatures .textCenter:nth-child(3)
	{
		line-height: 2.5em;
		margin-top: -10px;
	}
	
	.hostingFeatures .textCenter span
	{
		display: inline-block;
		height: 40px;
		padding: 0 30px;
		font-size: 1.5em;
	}

	#LiveHelpCallAction
	{
		display: none !important;
	}

	#LiveHelpEmbedded
	{
		position: fixed;
		bottom: -415px;
		right: 65px;
		z-index: 10000000;
		border: none !important;
		width: 320px;
		height: 450px;
		line-height: normal;
		text-shadow: none;
		color: #000;
	}

	#LiveHelpEmbedded .background, #LiveHelpCallAction.background
	{
		background-image: url(http://i.imgur.com/TRHulSV.png) !important;
		-box-shadow: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
	}

	#LiveHelpEmbedded .background.TabBackground
	{
		height: 50px !important;
		top: -5px;
		background-color: #16172d;
		background-image: none;
	}

	#LiveHelpStatusText
	{
		color: #FFFFFF !important;
		left: 50px !important;
		top: -4px;
	}

	#LiveHelpCloseButton
	{
		position: absolute;
		display: block !important;
		right: 0px !important;
		top: -5px !important;
		z-index: 40000000 !important;
		background: none;
	}

	#LiveHelpCloseButton:after
	{
		content: 'x';
		position: absolute;
		display: block !important;
		width: 40px;
		height: 40px;
		right: 0px !important;
		top: 0px !important;
		color: #ffffff;
		text-align: center;
		font-family: 'aero_matics_regular', sans-serif;
		font-size: 22px;
		line-height: 40px;
	}

	#LiveHelpCloseButton:hover:after
	{
		opacity: 0.5;
	}

	
/* --- Responsive/Adaptive Height Layout Elements & Overrides --- */
	
	@media (max-height: 768px)
	{
		header
		{
			height: 160px;
			background-position: 50% -15px;
		}

		.headerLogo
		{
			position: relative;
			display: inline-block;
			width: 255px;
			height: 160px;
		}

		.headerLogo img
		{
			height: 85px;
		}

		.headerLogo h1
		{
			font-size: 3.3em;
		}

		nav.menu a
		{
			font-size: 3.1em;
		}
	}
	
	@media (max-height: 480px) 
	{
		header
		{
			height: 120px;
			background-position: 50% -15px;
		}

		.headerLogo
		{
			position: relative;
			display: inline-block;
			width: 155px;
			height: 120px;
		}

		.headerLogo:before
		{
			left: auto;
			right: -20px;
			bottom: 0px;
			border-width: 60px 0 60px 20px;
			border-color: transparent #16172d transparent;
		}

		.headerLogo:after
		{
			content: "";
			position: absolute;
			height: 0;
			width: 0;
			left: -20px;
			bottom: 0px;
			z-index: 1;
			background-image: url(../images/static/nav_bg.jpg);
			background-position: 50% -10px;
			background-repeat: no-repeat;
			background-attachment: fixed;
			border-width: 60px 0 60px 20px;
			border-style: solid;
			border-color: #16172d transparent #16172d;
		}

		.headerLogo img
		{
			height: 80px;
			margin-right: -15px;
		}

		.headerLogo h1
		{
			font-size: 0;
		}

		.headerLogo:hover
		{
			padding: 0;
			margin-bottom: 0;
		}

		nav.menu
		{
			margin: -75px 0 0 195px;
		}

		nav.menu a:before
		{
			display: none;
		}
	}
	
	@media (max-height: 360px) 
	{
		.slideshow
		{
			display: none;
		}
	}
	
	
/* --- Responsive/Adaptive Width Layout Elements & Overrides --- */
	
	@media (max-width: 960px) 
	{
		html
		{
			font-size: 61%;
		}

		article .inner, section .inner, footer .inner
		{
			padding: 60px 20px;
		}

		.homePricing .inner
		{
			overflow: hidden;
		}

		.title
		{
			font-size: 3.65em;
		}

		figure.icon
		{
			font-size: 2.95em;
		}

		header
		{
			height: 130px;
			background-position: 50% -15px;
		}

		.headerLogo
		{
			position: relative;
			display: inline-block;
			width: 225px;
			height: 130px;
		}

		.headerLogo:before
		{
			bottom: -30px;
			border-width: 30px 112.5px 0;;
		}

		.headerLogo img
		{
			height: 75px;
			margin-top: 12px;
		}

		.headerLogo h1
		{
			font-size: 3em;
		}

		nav.menu
		{
			width: 605px;
			width: auto;
			margin-left: 255px;
			margin-right: 20px;
		}

		nav.menu a
		{
			font-size: 3.1em;
		}

		section.submenu
		{
			height: 50px;
		}

		nav.submenu 
		{
			right: 20px;
			left: 255px;
			width: auto;
			line-height: 18px;
		}

		.slideshowTitle
		{
			max-width: 100%;
			top: calc(50% - 40px);
			font-size: 5.125em;
		}

		.slideshowSubtitle
		{
			max-width: 100%;
			font-size: 2em;
		}

		.slideshowButtons
		{
			width: 100%;
		}

		.slideshowPrev, .slideshowNext
		{
			height: 100px;
			top: -50px;
		}

		.slideshowPrev:before, .slideshowPrev:after, .slideshowNext:before,  .slideshowNext:after
		{
			width: 8px;
		}

		.homeFeatures .column3
		{
			margin: 0 auto;
			width: 30%;
		}

		.homeFeatures .icon
		{
			height: 50px;
		}

		figure.icon
		{
			height: 50px;
		}

		.homeFeatures .buttonSmall
		{
			position: absolute;
			right: 0;
			left: 0;
			bottom: 0;
			width: 162px;
		}

		.homePricing .column4
		{
			width: 176px;
		}
		
		.productBox, .productBox:hover
		{
			height: 405px;
			padding: 0;
		}

		.productBox:before, .productBox:hover:before
		{
			bottom: -30px;
			border-width: 30px 88px 0;
		}

		.productBox .subtitle, .productBox:hover .subtitle
		{
			margin: 0;
			padding: 15px 0 0;
			font-size: 2.75em;
		}

		.productBox .textCenter, .productBox:hover .textCenter
		{
			border-bottom: 2px solid #16172d;
			font-size: 1.65em;
			margin-left: 6px;
			margin-right: 6px;
		}

		.productBox .productStart, .productBox:hover .productStart
		{
			border-bottom: none;
		}

		.productBox .productPrice, .productBox:hover .productPrice
		{
			border-bottom: none;
			font-size: 2.9em;
			line-height: 1.5em;
		}
	}
	
	@media (max-width: 768px) 
	{
		header
		{
			height: 100px;
			background-position: 50% -15px;
		}

		.headerLogo
		{
			width: 105px;
			height: 100px;
		}

		.headerLogo:before
		{
			left: auto;
			right: -18px;
			bottom: 0px;
			border-width: 50px 0 50px 18px;
			border-color: transparent #16172d transparent;
		}

		.headerLogo img
		{
			height: 60px;
			margin-right: -10px;
			margin-top: 20px;
		}
		
		.headerLogo h1
		{
			font-size: 0;
		}

		.headerLogo:hover
		{
			padding: 0;
			margin-bottom: 0;
		}

		nav.menu
		{
			margin: -65px 20px 0 143px;
		}
		
		nav.menu a:before
		{
			display: none;
		}

		section.submenu
		{
			height: 55px;
		}

		nav.submenu 
		{
			right: 20px;
			left: 20px;
			width: auto;
			line-height: 18px;
		}

		.slideshowTitle
		{
			max-width: 100%;
			top: calc(50% - 15%);
			font-size: 5em;
			margin: 0 20px;
		}

		.slideshowSubtitle
		{
			max-width: 100%;
			top: calc(50% - 15% + 10px);
			margin: 0 20px;
			font-size: 2em;
		}

		.slideshowButtons
		{
			display: none;
		}

		.sidewaysScroller
		{
			overflow: hidden;
			position: relative;
			margin: 0 -20px;
			height: 485px;
			width: calc(100% + 50px);
		}

		.sidewaysScrollerInner
		{
			overflow-y: hidden;
			overflow-x: auto;
			padding: 0 0 45px;
			height: 100%;
			width: auto;
		}

		.sidewaysScroller:before
		{
			content: '';
			position: absolute;
			bottom: 0;
			left: 0;
			width: 50px;
			height: 100%;
			z-index: 2;
			background: -moz-linear-gradient(left, rgba(0,174,239,1) 0%, rgba(0,174,239,1) 20%, rgba(0,174,239,0) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,174,239,1)), color-stop(20%, rgba(0,174,239,1)), color-stop(100%, rgba(0,174,239,0)));
			background: -webkit-linear-gradient(left, rgba(0,174,239,1) 0%, rgba(0,174,239,1) 20%, rgba(0,174,239,0) 100%);
			background: -o-linear-gradient(left, rgba(0,174,239,1) 0%, rgba(0,174,239,1) 20%, rgba(0,174,239,0) 100%);
			background: -ms-linear-gradient(left, rgba(0,174,239,1) 0%, rgba(0,174,239,1) 20%, rgba(0,174,239,0) 100%);
			background: linear-gradient(to right, rgba(0,174,239,1) 0%, rgba(0,174,239,1) 20%, rgba(0,174,239,0) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#00aeef', GradientType=1 );
			pointer-events: none;
		}

		.sidewaysScroller:after
		{
			content: '';
			position: absolute;
			top: 0;
			right: 0;
			width: 50px;
			height: 100%;
			z-index: 1;
			background: -moz-linear-gradient(left, rgba(0,174,239,0) 0%, rgba(0,174,239,1) 80%, rgba(0,174,239,1) 100%);
			background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,174,239,0)), color-stop(80%, rgba(0,174,239,1)), color-stop(100%, rgba(0,174,239,1)));
			background: -webkit-linear-gradient(left, rgba(0,174,239,0) 0%, rgba(0,174,239,1) 80%, rgba(0,174,239,1) 100%);
			background: -o-linear-gradient(left, rgba(0,174,239,0) 0%, rgba(0,174,239,1) 80%, rgba(0,174,239,1) 100%);
			background: -ms-linear-gradient(left, rgba(0,174,239,0) 0%, rgba(0,174,239,1) 80%, rgba(0,174,239,1) 100%);
			background: linear-gradient(to right, rgba(0,174,239,0) 0%, rgba(0,174,239,1) 80%, rgba(0,174,239,1) 100%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#00aeef', GradientType=1 );
			pointer-events: none;
		}

		.homePricing .columnContainer
		{
			min-width: 0;
			width: 800px;
			padding: 0 50px;
			height: 100%;
		}
	}
	
	@media (max-width: 720px) 
	{
		.headerLogo
		{
			width: 95px;
			height: 100px;
		}

		nav.menu
		{
			margin: -65px 20px 0 133px;
		}

		.homeFeatures .column3
		{
			margin: 0 auto;
			width: 47%;
		}

		.homeFeatures .column3:last-of-type
		{
			margin: 30px 26.5% 0;
			width: 47%;
		}

		.homeFeatures .buttonSmall
		{
			position: absolute;
			right: 0;
			left: 0;
			bottom: 0;
			width: 152px;
		}

		.homeMore .buttonLarge
		{
			margin-top: 40px;
			width: 220px
		}
		
		.productBox, .productBox:hover
		{
			font-size: 10px;
			margin-top: 45px;
		}
	}
	
	@media (max-width: 640px) 
	{
		header
		{
			padding-bottom: 0px;
		}

		.menubutton
		{
			width: 70px;
			height: 100px;
			float: left;
			background-color: rgb(22, 23, 45);
			background-image: url(http://www.armorwatcher.com/images/static/menubutton.png);
			background-repeat: no-repeat;
			background-position: 0 50%;
		}

		.headerLogo
		{
			width: 95px;
			height: 100px;
		}

		.headerLogo h1
		{
			display: block;
			width: 350px;
			margin: 0 0 30px 80px;
			z-index: 2;
			font-size: 3.5em;
		}

		nav.menu
		{
			display: none;
			position: absolute;
			width: auto;
			height: 50px;
			padding: 0 20px;
			margin: 0;
			top: 100px;
			left: 0;
			right: 0;
			line-height: 16px;
			background-color: #00aeef;
			background-image: url(../images/static/nav_bg.jpg);
			background-position: 50% -10px;
			background-repeat: no-repeat;
			background-attachment: fixed;
		}
	
		.slideshowTitle
		{
			max-width: 100%;
			top: calc(50% - 25%);
			font-size: 4.5em;
		}

		.slideshowSubtitle
		{
			max-width: 100%;
			top: calc(50% - 25% + 10px);
			font-size: 1.85em;
		}

		.homeFeatures .icon
		{
			height: 40px;
		}

		.homeFeatures .icon img
		{
			height: 50px;
		}

		.homeMore .buttonLarge
		{
			margin-top: 40px;
			width: 160px;
			font-size: 2.6em;
		}
		
		#LiveHelpEmbedded .background.LiveChatIcon
		{
			height: 32px !important;
			background-size: 72px;
			background-position: 0px -135px !important;
			top: 2px;
			left: 12px;
		}

		#LiveHelpStatusText
		{
			left: 50px !important;
		}
	}
	
	@media (max-width: 480px) 
	{
		a.headerLogo 
		{
			font-size: 9px;
		}

		header
		{
			height: 80px;
			background-position: 50% -15px;
		}

		.menubutton
		{
			width: 65px;
			height: 80px;
			background-size: 40px;
		}

		.headerLogo
		{
			width: 75px;
			height: 80px;
		}

		.headerLogo:before
		{
			left: auto;
			right: -15px;
			bottom: 0px;
			border-width: 40px 0 40px 15px;
			border-color: transparent #16172d transparent;
		}

		.headerLogo img
		{
			height: 50px;
			margin: 15px -10px 0 0;
		}

		.headerLogo h1
		{
			margin: 0 0 22px 40px;
			font-size: 3em;
		}

		article .inner, section .inner, footer .inner
		{
			padding: 40px 20px;
		}
		
		.slideshowTitle
		{
			max-width: 100%;
			top: calc(50% - 25%);
			font-size: 4em;
		}
		
		.slideshowSubtitle
		{
			display: none;
		}

		.slideshowIndicators
		{
			bottom: 40px;
			width: 225px;
			height: 12px;
		}

		.slideshowIndicator
		{
			border: 5px solid #fff;
			border-radius: 100%;
			vertical-align: middle;
			cursor: pointer;
			pointer-events: all;
			transition: height 0.2s linear, width 0.2s linear;
		}

		.slideshowIndicator:hover
		{
			width: 5px;
			height: 5px;
		}

		.slideshowIndicator.active
		{
			width: 10px;
			height: 10px;
		}

		.homeFeatures .icon
		{
			display: inline-block;
			height: 40px;
			width: 70px;
			vertical-align: middle;
			margin-left: 0;
			padding-right: 20px;
			text-align: right;
		}

		.homeFeatures .column3:first-of-type .icon, .homeFeatures .column3:last-of-type .icon
		{
			margin-left: -30px;
		}

		.homeFeatures .icon img
		{
			height: 35px;
			margin-top: 5.5px;
		}

		.homeFeatures .column3 h2
		{
			display: inline-block;
			width: 205px;
			text-align: left;
		}

		.homeFeatures .column3, .homeFeatures .column3:last-of-type
		{
			margin: 40px 0 0;
			text-align: center;
			width: 100%;
		}

		.homeFeatures .column3:first-of-type
		{
			margin: 0;
		}

		.homeFeatures .textWide
		{
			/* margin-bottom: 70px; */
			clear: both;
		}

		.homeFeatures .buttonSmall
		{
			position: absolute;
			right: 0;
			left: 0;
			bottom: 0;
			width: 152px;
		}

		.homeMore .buttonLarge
		{
			margin-top: 30px;
			width: 230px;
			font-size: 2.6em;
		}
		
		.productBox, .productBox:hover
		{
			margin-top: 45px;
		}
	}
	
	@media (max-width: 420px) 
	{
		.headerLogo h1
		{
			display: none;
		}
	}
	
	@media (max-width: 360px) 
	{
		html, body
		{
			font-size: 72%;
		}
		
		.slideshowTitle
		{
			max-width: 100%;
			top: calc(50% - 25%);
			font-size: 4em;
		}
		
		.slideshowSubtitle
		{
			display: none;
		}

		.homeFeatures .icon
		{
			height: 30px;
			width: 60px;
			margin-left: 5px;
			padding-right: 15px;
		}

		.homeFeatures .column3:first-of-type .icon, .homeFeatures .column3:last-of-type .icon
		{
			margin-left: -25px;
		}

		.homeFeatures .icon img
		{
			height: 30px;
			margin-top: 5px;
		}

		.homeFeatures .column3 h2
		{
			width: 180px;
		}
	}
	
	
/* --- Custom Animations --- */