/* ================================================================ *\
	#Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background: #15141a; font-family: 'Source Sans Pro', Arial, sans-serif; font-size: 18px; line-height: 1.45; color: #999; -webkit-font-smoothing:antialiased; }

a { text-decoration: none; }
img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }


h1,
h2,
h3,
h4 { color:#15141a; font-weight: 700; }

h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 24px; }
h5 { margin: 7px 0 13px; }

button,
input,
select,
textarea { font-family: 'Source Sans Pro', Arial, sans-serif; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; -webkit-appearance: none; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

* {
 font-size: 100%;
 font-family: 'Roboto', sans-serif !important;
 color:#15141a;
}

/* ================================================================ *\
	#Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ================================================================ *\
	#Icons
\* ================================================================ */

.ico { display: inline-block; vertical-align: middle; background-image: url(../img/sprite-inv.png); }

.ico-bolt { width: 16px; height: 16px; background-position: -125px 0px; }
.ico-check { width: 16px; height: 16px; background-position: -146px 0px; }
.ico-device { width: 32px; height: 32px; background-position: -167px 0px; }
.ico-gauge { width: 16px; height: 16px; background-position: -204px 0px; }
.ico-gear { width: 32px; height: 32px; background-position: -225px 0px; }
.ico-envelope { width: 32px; height: 32px; background-position: -262px 0px; }
.ico-bigcheck { width: 32px; height: 32px; background-position: -299px 0px; margin-top:10px; }
.ico-monitor { width: 32px; height: 32px; background-position: -336px 0px; }
.ico-mouse { width: 16px; height: 16px; background-position: -373px 0px; }
.ico-thumb { width: 33px; height: 32px; background-position: -394px 0px; }

.icon-bar { background: #fff; }

/* ================================================================ *\
	#Buttons
\* ================================================================ */

.btn { padding: 14px 26px; border-radius: 3px; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.btn {
	-webkit-transition: all 0.2s ease-out; 
	     -o-transition: all 0.2s ease-out; 
	        transition: all 0.2s ease-out; 
}
.btn-default { color: #008ed6; border: 1px solid #e0e0e0; }
.btn-primary { background: #FA422C; border:0px; }
.btn-dark { padding: 14px 30px; background: transparent; border: 1px solid rgba(255, 255, 255, 0.2); color: #fff; }

/* ================================================================ *\
	#Containers
\* ================================================================ */

.wrapper { background: #fff; }

.scs-banner {
	background: white;
	margin-top: 62px;
	color: black;
	padding: 10px;
	font-size: 24px;
}

@media (max-width: 767px) {
	.scs-banner {
		margin-top: 50px;
		font-size: 20px;
	}
}

/* ================================================================ *\
	#Header
\* ================================================================ */

.header { min-height: 640px; background: #15141a url(../img/register-bg.jpg) center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; }

.navBtn {
	padding:10px;
}
.navbar { margin-bottom: 26px; background-color:rgba(0,0,0,0.5);}
.navbar > .container .navbar-brand { margin: 9px 0 0; height: 38px; padding: 0; background: url(../img/sprite.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; width: 48px; }
.nav { font-size: 16px; font-weight: 600; }
.nav > li > a { color: #fffefe; padding: 10px 11px; font-size: 0.8em; }
.navbar-toggle { border: 1px solid rgba(255, 0, 0, 0.8); }
.navbar-toggle:active { background: rgba(255, 255, 255, 0.2); }

.jumbotron { background: transparent; padding: 0; margin: 0; min-height: 750px; }
.jumbotron p {color:#999;}
.jumbotron-content { padding-top: 178px; }
.jumbotron-image { padding-top:178px;  display: table-cell; height: 450px; text-align: right; width: 100%; vertical-align: bottom; }
.jumbotron-image img { width:500px;}
.jumbotron h5 { color: #008ed6; font-size: 14px; font-weight: bold; text-transform: uppercase; }
.jumbotron h1 { margin: 15px 0 19px; color: #fff; font-size: 48px; }
.jumbotron p { font-size: 18px; margin-right: 20px; }
.jumbotron-actions { margin-top: 60px; font-size: 0; }
.jumbotron-actions .btn + .btn { margin-left: 20px; }

.jumbotron-form-contacts { margin: 17px 0; padding: 27px 40px; background: #fff; }
.jumbotron-form-contacts .form-head { margin-bottom: 31px; }
.jumbotron-form-contacts .form-head p { font-size: 14px; }
.jumbotron-form-contacts .form-head h3 { margin: 0; }
.jumbotron-form-contacts .form-group { margin: 20px 0 0; }
.jumbotron-form-contacts .form-body  { margin-bottom: 15px; }

.subscribe { margin: 53px 0 20px; }
.form-control-subscribe { display: inline-block; vertical-align: middle; margin: 10px 6px; max-width: 230px; background: transparent; border-color: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.2); text-transform: none; }
.form-control-subscribe:focus { border-color: #fff; color: #fff; }

.scs-video {
	width: 560px;
	height: 315px;
}

@media (max-width : 1200px) {
	.scs-video {
		width: 420px;
		height: 236px;
	}
}

@media (max-width : 992px) {
	.scs-video {
		width: 560px;
		height: 315px;
		margin-bottom: 30px;
	}
}

@media (max-width : 768px) {
	.scs-video {
		width: 280px;
		height: 157px;
	}
}

/* ================================================================ *\
	#Section
\* ================================================================ */

.section { padding: 56px 0 30px; }
.section-title { margin:29px 0 0; text-align:center; }
.special-title {background:#495D67; color:#fff !important; padding:30px 0px 30px 0px;}
.section-image img { max-width: 100%;}
.section-head { margin-bottom: 25px; }
.section-head h5 { color: #008ed6; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 0.1em; }
.section-head h2:after { display: block; width: 40%; height: 2px; margin: 36px 0 0; background: transparent; border-width: 0 20px; border-style: solid; border-color: #008ed6; }
.small-entry {
	font-size: 0.8em;
}
/* ================================================================ *\
	#Features
\* ================================================================ */

.section-features { text-align: center; }
.section-features .section-head h2:after { margin-left: auto; margin-right: auto; }
.ngda-section-features .col-md-4 {
	margin-bottom: 30px;
}

.features { padding: 29px 0 30px; }
.feature-image { position: relative; width: 88px; height: 88px; margin: 0 auto; border-radius: 50%; background:#FA422C; }
.feature-image-tiny { position: relative; width: 28px; height: 28px; margin: 0 auto; }
.feature-image .ico, .feature-image img { position: absolute; left: 50%; top: 50%; }
.feature-image .ico, .feature-image img {
	-webkit-transform: translate(-50%, -50%); 
	    -ms-transform: translate(-50%, -50%); 
	     -o-transform: translate(-50%, -50%); 
	        transform: translate(-50%, -50%); 
}
.feature-title { margin: 31px 0 12px; }
.feature-entry { padding: 0 15px;  }

/* ================================================================ *\
	#About
\* ================================================================ */
.section-about { padding: 0px 0 0px; min-height:540px; }
.section-about .section-content { padding-top: 31px;  }
.section-about .section-title:after { margin: 27px 0 0; }

.section-about-alt { min-height:640px; padding: 82px 0 45px; background: #15141a url(../img/247.jpg) center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
  .section-about-alt .section-content h2{ color:#fff;  }
.section-about-alt .section-content { padding-top: 31px;  }
.section-about-alt .section-title { margin: 10px 0; }
.section-about-alt .list-features li { color:#fff;  }
.list-features { padding: 13px 0; list-style: none outside none; color: #1b1b1b; }
.list-features li { padding: 5px 0 6px;  }
.list-features .ico { margin-right: 5px; }
.abt {
	padding-bottom:90px;
	padding-top:130px;
}
.abt-text {padding-top:70px;}


/* ================================================================ *\
	#register
\* ================================================================ */
.section-register { color:#fff; background: #15141a url(../img/header-bg.jpg) no-repeat 0 0; background-size: cover; text-align: center; min-height: 540px;}
.ngda-section-register { 
	color:#fff; 
	background: #15141a url(../img/header-bg.jpg) no-repeat 0 0; 
	background-size: cover; 
	text-align: center; 
	min-height: 340px;
	background-position: center
}
.section-register .section-head h2.section-title { color:#fff;}
.section-register h3, .ngda-section-register h3, .ngda-section-register a {color:#fff;}
/* ================================================================ *\
	#compliance
\* ================================================================ */
.section-compliance { background-color: #FA422C; min-height:540px;}
.section-compliance .subfeature { color:#fff;}
.section-compliance hr { border-top: 1px solid #fff;}
.section-compliance h4.feature-title { color:#fff;}
.section-compliance h2.section-title { color:#fff;}
.section-compliance .small-entry p { color:#fff !important;}




/* ================================================================ *\
	#Footer
\* ================================================================ */

.footer { background: #15141a; text-align: center; padding: 45px 0; }
.copyright { color: #495d67 !important; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.copyright a { color: #444348; text-decoration: none;
	-webkit-transition: color 0.2s; 
	-o-transition: color 0.2s; 
	transition: color 0.2s; }


@media only screen and (max-width: 991px) {

	.footer {padding:10px;}

	/* ================================================================ *\
		#Base
	\* ================================================================ */
	
	h1 { font-size: 36px; }
	h2 { font-size: 24px; }
	h3 { font-size: 18px; }
	
	/* ================================================================ *\
		#About
	\* ================================================================ */

	.abt {padding-bottom:0px; padding-top:40px;}
	.abt-text {padding-top:0px; text-align:center;}
	.section-about-alt {padding:0px 0px 20px 0px;}
	/* ================================================================ *\
		#Header
	\* ================================================================ */
	
	.jumbotron h1 { font-size: 36px; }
	.jumbotron-image { display: block; height: auto; padding-top: 50px; text-align: center; }
	.jumbotron-image img { width: 300px; }
	.jumbotron-content {padding-top:65px;}
	.jumbotron { min-height: 550px; }
	/* ================================================================ *\
		#Section
	\* ================================================================ */
	
	.section-image { text-align: center; padding-top:30px;}
	.section {padding:0px 0px 15px 0px;}
	.section-head { margin-top: 20px;}
	.section-register { min-height: 340px;}
	

	/* ================================================================ *\
		#Features
	\* ================================================================ */
	
	.features {padding:5px;}
	.feature { padding-bottom: 10px; }
	.feature-title {text-align:center;}
	.small-entry p {text-align:center;}


@media only screen and (max-width: 767px) {

	/* ================================================================ *\
		#Header
	\* ================================================================ */

	.nav { margin-top: 0; text-align: center; }
	.nav > li > a { padding: 11px 0 5px;  }
	.nav > li > a:after { margin-top: 6px;  }


	.navbar > .container .navbar-brand { margin: 9px 0 0 15px; }
	
	.jumbotron-actions { margin-top: 20px; float: none; text-align: center; }
	.jumbotron-actions .btn,
	.jumbotron-actions .btn + .btn { margin: 10px; }

	.jumbotron-form-contacts .form-actions { text-align: center; }
	
	
}

}

#ngda-logo {
	margin-top: 20px;
	max-width: 100%;
	max-height: 100px;
}