@charset "UTF-8";


/*global styles*/
html body {
	margin:0;
	padding:0;
}

#menu {
	width:100%;
	background-color:#ff8c10;
	height:60px;
	position:fixed;
	top:0;
	left:0;
	right:0;
	/*-webkit-transform: translate3d(0, 0, 0);*/
	z-index:100;
	border:1px solid #784106;
}

/*internet explorer scrollbar styles*/
body {
	-scrollbar-base-color: #c33;
	-scrollbar-highlight-color: #b30000;
	-scrollbar-track-color: #f5f5f5;
	background-color:#2b2b2b;
}


::-moz-selection {
    background-color: #b30000;
    color: #f5f5f5;
}

/* Works in Safari */
::selection {
    background-color: #b30000;
    color: #f5f5f5;
}

::-webkit-scrollbar-track
{
	background-color:#f5f5f5;
	opacity:0.8;
}

::-webkit-scrollbar
{
	width: 5px;
	background-color:#f5f5f5;
	opacity:0.8;
}

::-webkit-scrollbar-thumb
{
	background-color: #c33;

}



/*1280 and bigger screens*/
@media (min-width:1280px) {
.centerScreen {
	margin-left:auto;
	margin-right:auto;
}

#navicon {
	margin-left:20px;
	-webkit-transition: all 0.3s ease-in-out;  /* Chrome 1-25, Safari 3.2+ */
	 -moz-transition: all 0.3s ease-in-out;  /* Firefox 4-15 */
     -o-transition: all 0.3s ease-in-out;  /* Opera 10.50–12.00 */
     transition: all 0.3s ease-in-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */	
	display:inline-block;
	cursor:pointer;
}

.navicon {
	margin-top:7px;
	border-radius:100%;
	cursor:pointer;
	width:45px;
	height:45px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:75% 50%;
	border:1px solid #ff8c10;
}

.navicon:hover {
	border:1px solid #d4740d;
}


.logo { 
	width:100%;
	height:60px;
	position:absolute;
	left:0;
	right:0;
	top:0;
	pointer-events:none;
	display:inline-block;
	background-image:url('images/logo.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:150px 43px;
}

.headerUtility {
	width:400px;
	margin-left:50px;
	height:60px;
	display:inline-block;
	vertical-align:top;
	float:right;
	margin-right:2%;
}

.searchInput{
	display:inline-block;
	height:30px;
	border:0;
	outline:0;
	margin:0;
	padding:5px;
	color:#fff;
	font-size:15px;
	background-color:#be6a0f;
	width:290px;
}

.searchInput::-webkit-input-placeholder {
	color:#784106;
}

.searchBar {
	margin-top:15px;
	width:100%;
	height:30px;
	background-color:#be6a0f;
}

.searchButton {
	font-weight:bold;
	vertical-align:top;
	margin-top:5px;
	width:105px;
	height:20px;
	color:#fff;
	border:0;
	outline:0;
	background: rgb(252,152,45); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(252,152,45,1) 0%, rgba(255,141,18,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,152,45,1)), color-stop(100%,rgba(255,141,18,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(252,152,45,1) 0%,rgba(255,141,18,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(252,152,45,1) 0%,rgba(255,141,18,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(252,152,45,1) 0%,rgba(255,141,18,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(252,152,45,1) 0%,rgba(255,141,18,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc982d', endColorstr='#ff8d12',GradientType=0 ); /* IE6-9 */
}



.login_register {
	color:#be6a0f;
	margin-left:10px;
	font-size:15px;
	display:inline-block;
	margin-top:22px;
	vertical-align:top;
	color:#fff;
	font-family:arial;
}

.login_register a {
	text-decoration:none;
	color:#fff;
}

.login_register a:hover {
	text-decoration:underline;
}

#navigationMenu {
	z-index:101;
	position:fixed;
	left:-200px;
	top:0;
	bottom:0;
	width:200px;
	background-color:#1b1b1b;
	 -webkit-transition: all 0.3s ease-in-out;  /* Chrome 1-25, Safari 3.2+ */
	 -moz-transition: all 0.3s ease-in-out;  /* Firefox 4-15 */
     	-o-transition: all 0.3s ease-in-out;  /* Opera 10.50–12.00 */
    	 transition: all 0.3s ease-in-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

#navigationMenu ul {
	margin:0;
	padding:0;
	text-align:left;
	width:100%;
	margin-top:29px;
}

#navigationMenu a {
	text-decoration:none;
}

#navigationMenu li {
	list-style-type:none;
	color:#dfdfdf;
	font-family:arial;
	font-size:14px;
	line-height:22px;
	vertical-align:middle;
	width:175px;
	height:22px;
	padding:5px;
	padding-left:20px;
		-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;
	transition:all 0.3s linear;
	
}

#navigationMenu li:hover {
	background-color:#ff8c10;
	color:#fff;
	padding-left:30px;
	width:165px;
}

#primaryDisplay {
	position:absolute;
	top:60px;
	left:0;
	right:0;
	bottom:0;
	background-image:url('images/mainPicture.png');
	display:block;
	background-position:center center;
	background-size:cover;
}

.scanlines {
	position:absolute;
	top:0px;
	left:0;
	right:0;
	bottom:0;
	background-image:url('images/scanlines.png');
}

.sliderText {
	line-height:40px;
	text-align:center;
	position:absolute;
	top:20%;
	left:0;
	right:0;
	bottom:0;
	color:#fff;
	font-size:50px;
	font-family:arial;
	text-shadow:3px 3px 3px rgba(0,0,0,1);

}

#sliderText {
	-webkit-transition:all 1s linear;
	-moz-transition:all 1s linear;
	-o-transition:all 1s linear;
	transition:all 1s linear;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
}

.bodyContent {
	position:absolute;
	top:100%;
	width:100%;
}

.featureDisplay {
	display:block;
	width:100%;
	height:450px;
	position:relative;
}

.featureDisplay_code {
	background-color:#f5f5f5;
}

.featureDisplay_blog {
	background-color:#ff8c10;
}

.featureDisplay_console {
	color:#fff;
	background-color:#000;
}

#nextStep {
	display:block;
	height:300px;
	width:100%;
	background-image:url('images/nextStep.png');
	background-repeat:no-repeat;
	background-position:center 0;
	background-size:1920px 1080px;
	text-align:center;
		-webkit-transition: all 0.3s ease-in-out;  /* Chrome 1-25, Safari 3.2+ */
	 -moz-transition: all 0.3s ease-in-out;  /* Firefox 4-15 */
     -o-transition: all 0.3s ease-in-out;  /* Opera 10.50–12.00 */
     transition: all 0.3s ease-in-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */	
	 overflow:hidden;
}

#nextStep h1 {
	font-family:arial;
	font-weight:100;
	font-size:45px;
	font-size:40px;
	color:#111;
	margin:0;
	padding-top:50px;
}

.yesiam {
	width:300px;
	height:40px;
	color:#fff;
	line-height:40px;
	vertical-align:middle;
	font-family:arial;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	border-radius:20px;
	border:4px solid #fff;
	background: rgb(214,46,63); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(214,46,63,1) 50%, rgba(193,0,17,1) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(214,46,63,1)), color-stop(50%,rgba(193,0,17,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(214,46,63,1) 50%,rgba(193,0,17,1) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(214,46,63,1) 50%,rgba(193,0,17,1) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(214,46,63,1) 50%,rgba(193,0,17,1) 50%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(214,46,63,1) 50%,rgba(193,0,17,1) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d62e3f', endColorstr='#c10011',GradientType=0 ); /* IE6-9 */
	margin-top:60px;
	display:inline-block;
	margin-right:30px;
	box-shadow:0px 1px 3px rgba(0,0,0,1);
	cursor:pointer;
}

.noimnot {
	width:300px;
	height:40px;
	color:#606060;
	line-height:40px;
	vertical-align:middle;
	font-family:arial;
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin:auto;
	border-radius:20px;
	border:4px solid #fff;
	background: rgb(212,212,212); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(212,212,212,1) 50%, rgba(202,202,202,1) 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(212,212,212,1)), color-stop(50%,rgba(202,202,202,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(212,212,212,1) 50%,rgba(202,202,202,1) 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(212,212,212,1) 50%,rgba(202,202,202,1) 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(212,212,212,1) 50%,rgba(202,202,202,1) 50%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(212,212,212,1) 50%,rgba(202,202,202,1) 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */
	display:inline-block;
	margin-top:60px;
	margin-left:30px;
	box-shadow:0px 1px 3px rgba(0,0,0,1);
	cursor:pointer;
}

.informationDisplay {
	width:55%;
	height:450px;
	padding:0;
	margin:0;
	margin-left:5%;
	display:inline-block;
	vertical-align:top;
	position:relative;
}

.informationDisplay h1 {
	margin-top:120px;
	font-weight:100;	
	font-size:50px;
	font-family:arial;
	color:#494444;
}

.informationDisplay p {
	font-weight:100;
	font-size:20px;
	font-family:arial;
	color:#494444;
}

.graphicDisplay {
	display:inline-block;
	width:35%;
	padding:0;
	margin:0;
	margin-left:3%;
	height:450px;
	position:relative;
	overflow-y:hidden;
}

.scroll {
width:44px;
height:56px;
background-image:url('images/scroll.png');
background-size:44px 56px;
position:absolute;
left:0;
right:0;
bottom:0;
margin:auto;
cursor:pointer;
}

.registrationForm {
	position:relative;
	padding:10px;
	width:750px;
	margin:auto;
	margin-top:100px;
	background-color:rgba(0,0,0,0.4);
	padding-top:30px;
	
}

.registrationForm span {
	color:#fff;
	font-family:arial;
	font-size:20px;
	position:absolute;
	left:50px;
}

.labelContainer {
position:relative;
height:30px;
width:750px;
}


.registerTextInputField {
	width:450px;
	padding:3px;
	border:2px solid #fff;
	color:#fff;
	background-color:rgba(0,0,0,0);
	font-family:arial;
	font-size:15px;
	outline:0;
	position:absolute;
	right:50px;


}

.cardNumber {
	width:465px;
	height:25px;
	border:0;
	padding:5px;
	outline:0;
}

.newsletterLabel {
	font-family:arial;
	color:#fff;
	font-size:15px;
	
}



.form-row {
display:inline-block;
}

/* Feature Display #1 Important Classes */
.fd1-parallax {
	position:absolute;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	opacity:0.85;
	cursor:pointer;
}

.fd1-parallax:hover {
	opacity:1;
}


	#js-html5 {
		left:25%;
		top:50%;
		z-index:5;
	}
	
	#js-css3 {
		left:5%;
		top:30%;
		z-index:4;
	}
	
	#js-php {
		left:40%;
		top:30%;
		z-index:3;
	}
	
	#js-js {
		left:20%;
		top:30%;
		z-index:2;
	}

.nextF {
	background-image:url('images/scrollDownIcon.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:48px 48px;
	height:48px;
	position:absolute;
	margin-left:auto;
	margin-right:auto;
	width:48px;
	left:0;
	right:0;
	bottom:20px;
	z-index:6;
	cursor:pointer;
}

.registerButton {
	outline:0;
	display:block;
	font-family: "arial";
	font-size:20px;
	width:400px;
	color:#fff;
	text-decoration:none;
	background-color:rgba(0,0,0,0);
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:15px;
	padding-right:15px;
	margin: auto;
	border:2px solid #fff;
	transition: all 0.3s;
	cursor:pointer;
	margin-top:20px;
}
.registerButton:hover {
	background-color:#fff;
	color:#1b1b1b;
	border-color:#fff;
}


.learnMore {
	outline:0;
	position:absolute;
	left:0;
	right:0;
	top:50%;
	margin:auto;
	display:block;
	font-family: "arial";
	font-size:20px;
	width:400px;
	color:#fff;
	text-decoration:none;
	background-color:rgba(0,0,0,0);
	text-align:center;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:15px;
	padding-right:15px;
	margin: auto;
	border:2px solid #fff;
	transition: all 0.3s;
	cursor:pointer;
	text-shadow:0px 0px 0px rgba(0,0,0,0) !important;
}
.learnMore:hover {
	background-color:#fff;
	color:#1b1b1b;
	border-color:#fff;
}





.burger-box {
  position: relative;
  width: 60px;
  height: 60px;
  margin: 0 auto;
  display: block;

 
  -webkit-transform: scale3d(1,1,1);
}

.burger,
.burger:before,
.burger:after {
  position: absolute;
  top: 28px;
  left: 18px;
  width: 24px;
  height: 4px;
  background: #fff;
  
  -webkit-transition: background 0.3s, -webkit-transform 0.3s, top 0.3s;
}

.burger:before {
  top: -8px;
  left: 0;
  content: "";
}

.burger:after {
  top: 8px;
  left: 0;
  content: "";
}

.open .burger {
  background: transparent;
}

.open .burger:before {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
}

.open .burger:after {
  top: 0;
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
}

.pageContent {
	margin-left:20%;
	margin-right:20%;
	font-family:arial;
	color:#fff;
	margin-top:120px;

}

.pageContent h4 {
	font-size:22px;
	padding-bottom:5px;
	border-bottom:1px dashed #f5f5f5;
}

.pageContent p {
	font-size:18px;
	line-height:2em;
	margin:0;
}



}

/*960 to 1280*/
@media (min-width:960) and (max-width:1279) {


}

/*640 to 960*/
@media (min-width:640) and (max-width:959) {

}

/*480 to 640*/
@media (min-width:480) and (max-width:639) {

}

/*320 to 480*/
@media (min-width:320) and (max-width:479) {

}