@charset "utf-8";
/* CSS Document */

@import url("https://fonts.googleapis.com/css?family=Oswald|Overpass:900");

.ngc-1-in-a-row .wrapper{
	padding: 0;
}

section[data-id="981406"] #d2016482 ul.links{margin:0 auto 9.5px;}





/*=================================================================
  Overview
================================================================ */
#content__wrap__overview{
	max-width: 1200px;
	margin: 0 auto 70px;
	background-color: #f6f6f6;
    background:linear-gradient(top,#efefef,#efefef,#fff);
    background:-ms-linear-gradient(top,#efefef,#efefef,#fff);
    background:-moz-linear-gradient(top,#efefef,#efefef,#fff);
    background:-webkit-linear-gradient(top,#efefef,#efefef,#fff);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff', GradientType=0);
}
#content__wrap__overview .container-fluid{
	margin: 0;
	padding: 0;
}
#content__wrap__overview .row{
	margin:0;
}
[data-id="981406"] {
	margin-bottom: 80px;
}
/* -----------------------
  Overview
----------------------- */
div[data-id="d2016491"] {
	text-align: center;
}
div[data-id="d2016491"] h2{
	font-size: 60px;
	margin-top:150px; 
	font-family: 'Overpass', sans-serif;
}
div[data-id="d2016491"] p{
	width: 66%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 1.8;
	font-family: Helvetica, sans-serif;
}
section[data-id="981406"] ul.links{
	margin:20px auto 560px;
	text-align: center;
}
section[data-id="981406"] ul.links li a{
	display: inline-block;
	margin: 0 auto;
	padding:5px 10px;
	background-color: #434343;
	color: #fff;
	font-size:1.3em;
	font-weight: bold;
	border-radius:15px;
}

/* -----------------------
  Choose your Session
----------------------- */
[data-id="981406"] .pict__wrap .container-fluid{
	background: none;
	height: auto!important;
	margin: 0;
}
.pict__wrap{
	width:100%;
	margin: 0 auto;
}
.pict__wrap h3{
	margin: 80px auto 20px;
	font-size:45px;
	text-align: center;
	font-family: 'Overpass', sans-serif;
}
.pict__wrap .grid header h3{
	margin:15px auto;
	font-size:26px;
	text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff, 0 0 20px #fff;
}
.pict__wrap .grid .list-inline-img{
	width:100%;
}
.pict__wrap .grid .list-inline-img img{
	width: 422px;
	margin: 0 auto;
	border: solid 5px #fff;
	border-radius: 3px;
}

/*=================================================================
  Quick Start
================================================================ */

#content__wrap {
	max-width: 1200px;
	margin: 0 auto;
	background-color: #fbfafa;
}
#content__wrap .container-fluid {
	position: relative;
	padding: 0;
}

/* -----------------------
  h3 image
----------------------- */
#d1749171 {
	position: relative;
	margin-bottom:60px;
}
#d1749171 .media-box,
#d1749171 .media-box img {
	margin: 0;
	padding: 0;
}

#d1749171 h3 {
	font-size: 80px;
	position: absolute;
	bottom: 60px;
	left: 60px;
	color: #fff;
	font-family: 'Oswald', sans-serif;
	z-index: 999;
}

.fa.fa-fw.fa-angle-right{
	display: none;
}
/* -----------------------
  flow common
----------------------- */

section[data-id="981411"],section[data-id="981421"],section[data-id="981422"],section[data-id="981423"]{
	margin-bottom: 60px;
}
section[data-id="981411"] .heading, section[data-id="981421"] .heading, section[data-id="981422"] .heading, section[data-id="981423"] .heading {
	margin-bottom: 0;
	font-size: 52px;
	line-height: 1;
	text-transform: uppercase;
	color: #3e3a39;
	font-family: 'Overpass', sans-serif;
	text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff, 0 0 20px #fff;
}
section[data-id="981411"] .sub-heading, section[data-id="981421"] .sub-heading, section[data-id="981422"] .sub-heading, section[data-id="981423"] .sub-heading {
	display: inline;
	font-size: 20px;
	line-height: 1.5;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	text-transform: none;
	background-color: #fdf002;
}
section[data-id="981411"] .descriptions, section[data-id="981421"] .descriptions, section[data-id="981422"] .descriptions, section[data-id="981423"] .descriptions {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow: 1px 1px #fff, 1px -1px #fff, -1px -1px #fff, -1px 1px #fff, 0 0 20px #fff;
}
section[data-id="981411"] .wrapper {
	position: relative;
	width: 100%;
}
.flow__header {
	position: absolute;
	z-index: 999;
}
.flow__pic {
	width: 100%;
}
.flow__pic .img-responsive {
	display: inline;
	text-align: right;
}
/* -----------------------
  flow_01
----------------------- */
section[data-id="981411"] {
}
section[data-id="981411"] .flow__header {
	width: 35%;
	top: 18%;
}
@media  (min-width:768px) and (max-width:848px) {
section[data-id="981411"] .flow__header {
	width:40%;
	top: 5%;
}
}

section[data-id="981411"] .flow__header header {
	margin-left:8%;
	padding-top: 20px;
	padding-left: 110px;
	background: url(/files/quickstart_bg_flow1.png) no-repeat;
}
section[data-id="981411"] .flow__header header h3 {
	padding-top: 20px;
}
section[data-id="981411"] .flow__header .descriptions{
	width:90%;
	padding: 10px 0 0 70px;
}
section[data-id="981411"] .flow__pic{
	width:58%;
	float: right;
	margin-right: 10%;
}
/* -----------------------
  flow_02
----------------------- */
section[data-id="981421"] {
}

section[data-id="981421"] .flow__header {
	top: 25px;
	right: 5%;
}
section[data-id="981421"] .flow__header header {
	width:380px;
	padding-top: 10px;
	padding-left: 140px;
	background: url(/files/quickstart_bg_flow2.png) no-repeat;
}
section[data-id="981421"] .flow__pic{
	width:75%;
	margin-left:10%;
}
/* -----------------------
  flow_03
----------------------- */
section[data-id="981422"] {
}
section[data-id="981422"] .flow__header {
	top: 15%;
	left:10%;
}
section[data-id="981422"] .flow__header header {
	padding-top: 5px;
	padding-left: 130px;
	background: url(/files/quickstart_bg_flow3.png) no-repeat;
}
section[data-id="981422"] .flow__header header .heading{
	padding-top:40px;
	margin-bottom: 0;
}
section[data-id="981422"] .flow__header .descriptions{
	padding-left:30px;
	padding-top: 30px;
	width: 290px;
}
section[data-id="981422"] .flow__pic {
	width:55%;
	float: right;
	margin-right: 10%;
}
section[data-id="981422"] .flow__pic.pic01{
	margin-bottom: 20px;
}
section[data-id="981422"] .flow__pic.pic02{
	float: none;
	clear: both;
	width:90%;
	margin:0 auto;
	text-align: center;
}
/*section[data-id="981422"] .flow__pic img:last-child {
	display: inline-block;
	margin-top: 40px;
	margin-right: 10%;
	width:80%;
}*/
/* -----------------------
  flow_04
----------------------- */
section[data-id="981423"] {
}

section[data-id="981423"] .flow__header {
	top: 40%;
	right: 38px;
}
section[data-id="981423"] .flow__header header {
	padding-left: 140px;
	background: url(/files/quickstart_bg_flow4.png) no-repeat;
}
section[data-id="981423"] .flow__header header h3 {
	margin: 0;
	padding-top: 50px;
}
section[data-id="981423"] .flow__header .descriptions{
	padding: 10px 0 0 80px;
}
section[data-id="981423"] .flow__pic{
	width:75%;
	margin: 0 auto;
}

/* -----------------------
  adust levels by~~
----------------------- */
#d1745720 {
	position: relative;
	margin-bottom: 60px;
}
#d1745720 .container-fluid{
	padding: 0 15%;
}
#d1745720 h4 {
	width: 67%;
	margin: 0 0 0.3em 33%;
	line-height: 1.3em;
	font-size: 25px;
	font-family: 'Overpass', sans-serif;
}
#d1745720 h4 strong{
	background-color: #fdf002;
}
#d1745720 p{
	font-size:16px;
	font-weight: bold;
}
#d1745720 p:nth-of-type(2){
	font-weight: normal;
}
#d1745720 .media-box{
	width:30%;
}
#d1745720 .media-box img{
	width: 100%;
}
#d1745720 .media-box.pull-left{
	margin-right: 3%;
}



/* -----------------------
  expa
----------------------- */
#d1773311 .container-fluid h3,
#d1753124 .container-fluid h3{
	font-family: 'Overpass', sans-serif;
	font-size: 52px;
	color: #000;
	text-align: center;
	
}
#d1753124 .container-fluid p {
	width: 52%;
	margin: 0 auto 50px;
	text-align: center;
	font-size: 16px;
}
#d981425+.container-fluid{
	margin:0 auto;
}
#d981425+.container-fluid .row{
	margin: 0;
}
.list-inline-img{
	width:100%;
}
#d1753124 + .container-fluid{
	margin-bottom: 60px;
}

div[data-id="1029089"]{
	margin:0 auto 60px;
	width:50%;
}

section[data-id="981426"],
section[data-id="981427"]{
	padding: 0 5%;
}
section[data-id="981426"] img,
section[data-id="981427"] img{
	width:100%;
	margin: 0 auto;
}
/*section[data-id="981426"]{
	margin-right: 20px;
}
section[data-id="981427"]{
	margin-left: 20px;
}*/
section[data-id="981426"] h3,
section[data-id="981427"] h3 {
	width:100%;
	margin: 10px auto;
	font-family: 'Overpass', sans-serif;
	font-size: 24px;
	padding-top: 10px;
	display: block;
}
section[data-id="981427"] .sub-heading {
	width:100%;
	margin: 0 auto;
	font-size: 90%;
	font-family: sans-serif;
	font-weight: normal;
}



/*=================================================================
  SMP
================================================================ */

@media (max-width: 767px) {


	
/*=================================================================
  Overview
================================================================ */
#content__wrap__overview .container-fluid {
	padding: 0 16px;
}
/* -----------------------
  Overview
----------------------- */
[data-id="981406"] .container-fluid {
	background-image: url("/files/overview_bg_1200x2346_4d477f4f4a43899adc2d91551b01a5c9.jpg");
	background-repeat: no-repeat;
	background-size:contain;
}
div[data-id="d2016491"] {
}
div[data-id="d2016491"] h2{
	font-size: 30px;
	margin-top:50px; 
}
div[data-id="d2016491"] p{
	width: 100%;
	margin-bottom:20px;
}
section[data-id="981406"] ul.links{
	margin-bottom: 50%;
}
section[data-id="981406"] ul.links li a{
}

/* -----------------------
  Choose your Session
----------------------- */
[data-id="981406"] .pict__wrap .container-fluid{
	background: none;
	height: auto!important;
}
.pict__wrap{
	width:100%;
}
.pict__wrap h3{
	margin: 20px auto;
	font-size:28px;
}
.pict__wrap .grid header h3{
	margin:10px auto 20px;
	font-size:22px;
}
.pict__wrap .grid .list-inline-img{
	width:100%;
}
.pict__wrap .grid .list-inline-img img{
	width: 100%;
	margin: 0 auto;
	border: solid 5px #fff;
}

/*=================================================================
  Quick Start
================================================================ */
#content__wrap {
	max-width: 100%;
}
#content__wrap .container-fluid {
}
	
/* -----------------------
  h3 image
----------------------- */
#d1749171 {
}
#d1749171 h3 {
	font-size: 40px;
	bottom: 30px;
	left: 20px;
}
/* -----------------------
  flow common
----------------------- */

section[data-id="981411"],section[data-id="981421"],section[data-id="981422"],section[data-id="981423"]{
	width: 100%;
	margin-bottom: 60px;
}
section[data-id="981411"] .heading, section[data-id="981421"] .heading, section[data-id="981422"] .heading, section[data-id="981423"] .heading {
	font-size: 40px;
	width: 100%;
}
section[data-id="981411"] .sub-heading, section[data-id="981421"] .sub-heading, section[data-id="981422"] .sub-heading, section[data-id="981423"] .sub-heading {
	font-size: 16px;
}
section[data-id="981411"] .descriptions, section[data-id="981421"] .descriptions, section[data-id="981422"] .descriptions, section[data-id="981423"] .descriptions {
	font-size: 16px;
	margin-top:10px;
}
section[data-id="981411"] .wrapper {
	position: relative;
}
.flow__header {
	position: relative;
}
.flow__pic {
	width: 100%;
	margin-bottom:20px;
}
.flow__pic .img-responsive {
	display: inline;
	text-align: right;
}
/* -----------------------
  flow_01
----------------------- */
section[data-id="981411"] {
}
section[data-id="981411"] .flow__header {
	clear: both;
	width: auto;
	top: 0;
	left: 0;
	margin:0 12.5%;
}
section[data-id="981411"] .flow__header header {
	margin-left:0;
	padding-left: 50px;
	padding-top:0;
	background: url(/files/quickstart_bg_flow1_smp.png) no-repeat;
	background-size: 50px;
}
section[data-id="981411"] .flow__header header h3 {
	padding-top: 0;
	margin: 0;
}
section[data-id="981411"] .flow__header .descriptions{
		padding:0;
	}	
section[data-id="981411"] .flow__pic{
	float: none;
	margin: 20px auto;
	text-align: right;
}
/* -----------------------
  flow_02
----------------------- */
section[data-id="981421"] {
}

section[data-id="981421"] .flow__header {
	top: 0;
	right: 0;
	margin:0 12.5%;
}
section[data-id="981421"] .flow__header header {
	width:100%;
	padding-left: 70px;
	background: url(/files/quickstart_bg_flow2_smp.png) no-repeat;
	background-size: 50px;
}
section[data-id="981421"] .flow__header header h3 {
	padding-top: 0;
	margin: 0;
}
section[data-id="981421"] .flow__pic{
	width:75%;
	margin: 0 auto;
}
/* -----------------------
  flow_03
----------------------- */
section[data-id="981422"] {
}
section[data-id="981422"] .flow__header {
	clear: both;
	top: 0;
	left:0;
	margin:0 12.5%;
}
section[data-id="981422"] .flow__header header {
	padding-left: 70px;
	background: url(/files/quickstart_bg_flow3_smp.png) no-repeat;
	background-size: 50px;
}
section[data-id="981422"] .flow__header header .heading{
	padding-top:0;
	margin: 0;
}
section[data-id="981422"] .flow__header .descriptions{
	margin-top:10px;
	padding:0;
	width: 100%;
}
section[data-id="981422"] .flow__pic {
	text-align: right;
}
section[data-id="981422"] .flow__pic{
	float: none;
	width:60%;
	margin: 20px auto;
}
section[data-id="981422"] .flow__pic.pic02{
	padding:0 12.5%;
	width: 100%;
}
section[data-id="981422"] .flow__pic.pic02 img {
	width:100%;
}
/* -----------------------
  flow_04
----------------------- */
section[data-id="981423"] {
}

section[data-id="981423"] .flow__header {
	clear: both;
	top: 0;
	right: 0;
	margin:0 12.5%;
}
section[data-id="981423"] .flow__header header {
	padding-left: 70px;
	background: url(/files/quickstart_bg_flow4_smp.png) no-repeat;
	background-size: 50px;
}
section[data-id="981423"] .flow__header header h3 {
	padding-top: 0;
	margin: 0;
}
section[data-id="981423"] .flow__header .descriptions{
	margin-top:10px;
	padding: 0;
}
section[data-id="981423"] .flow__pic{
	width:75%;
	margin: 20px auto;
}

/* -----------------------
  expa
----------------------- */
#d1745720 {
	position: relative;
	width: auto;
	margin:0 12.5%;
	padding-top: 10px;
}
#d1745720 .container-fluid{
	padding: 0;
}
#d1745720 h4 {
	margin: 0 0 20px;
	width: auto;
	height: 30%
}
#d1745720 h4 span{
	height: 100%;
	vertical-align: middle
}
#d1745720 p{
	clear:both;
}
#d1745720 p:nth-of-type(2){
	font-weight: normal;
}
#d1745720 .media-box.pull-left{
	width: 30%;
	margin-right: 15px;
}

/* -----------------------
  expa
----------------------- */

#d1029090,
#d981425{
	margin-top: 60px;
	padding:0 20px;
}
#d1773311 .container-fluid h3,
#d1753124 .container-fluid h3{
	font-size: 40px;	
}
#d1753124 .container-fluid p {
	width: 100%;
	font-size: 16px;
}
#d981425+.container-fluid{
	width:auto;
	padding:0 20px;
}

div[data-id="1029089"]{
	margin-bottom:0;
	width:100%;
}
#content__wrap div[data-id="1029089"] .container-fluid{
	padding:0 32px;
}

section[data-id="981426"],
section[data-id="981427"]{
	width:50%;
}
section[data-id="981426"]{
	margin-right: 0;
}
section[data-id="981427"]{
	margin-left: 0;
}
section[data-id="981426"] h3,
section[data-id="981427"] h3 {
	width: 100%;
}
section[data-id="981427"] .sub-heading {
	width: 100%;	
}

}