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, sub, sup, 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: 100%;
	vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, main, section {
	display: block
}
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
}
:focus {
	outline: none
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0
}
.clearfix {
	display: inline-block
}
* html .clearfix {
	height: 1%
}
.clearfix {
	display: block
}
::-moz-selection {
background:#ddd;
color:#000;
text-shadow:none
}
::selection {
	background: #ddd;
	color: #000;
	text-shadow: none
}
a img {
	border: none
}
img {
	-ms-interpolation-mode: bicubic
}
.ie8 * {
	filter: inherit
}
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.wrapper:after {
	content: "";
	display: table;
	clear: both
}
.wrapper, .site-header nav {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
div.wrapper.no-vert-pad {
z-index : 999;
}


html {
	-webkit-text-size-adjust: 100%;
	font-size: 10px
}
body {
	font: 400 100% "Open Sans", Helvetica, Arial, sans-serif;
	color: #fff;
	background: #121212
}
img {
	width: 100%
}
svg {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	fill: currentcolor
}
svg img {
	width: 100%;
	height: auto
}
.aboveline-div {
	border-top: solid 3px
}
.underline-div {
	border-bottom: solid 3px
}
.left {
	float: left;
	padding-right: 5%
}
.right {
	float: right;
	padding-left: 5%
}
.wrapper {
	max-width: 120em;
	padding: 4em 4em
}
@media screen and (max-width: 32.5em) {
.wrapper {
	padding: 1em 1em
}
}
.no-vert-pad {
	padding: 0 4em
}
.no-pad {
	padding: 0
}
.row {
	max-width: 100%
}
.col-1-2 {
	width: 50%
}
@media screen and (max-width: 52.1875em) {
.col-1-2 {
	float: none;
	width: 100% !important;
	padding: 0 !important
}
}
.col-2-3 {
	width: 66%
}
@media screen and (max-width: 50em) {
.col-2-3 {
	float: none;
	width: 100% !important;
	padding: 0 !important
}
}
.col-1-3 {
	width: 33%
}
@media screen and (max-width: 50em) {
.col-1-3 {
	float: none;
	width: 100% !important;
	padding: 0 !important
}
}
.col-3-4 {
	width: 75%
}
@media screen and (max-width: 50em) {
.col-3-4 {
	float: none;
	width: 100% !important;
	padding: 0 !important
}
}
.col-1-4 {
	width: 25%
}
@media screen and (max-width: 50em) {
.col-1-4 {
	float: none;
	width: 100% !important;
	padding: 0 !important
}
}
.site-header {
	background: #03304b;
	overflow: visible;
	
}
@media screen and (max-width: 61.1875em) {
.site-header {
	max-height: 43.5em
}
}
@media screen and (max-width: 59.375em) {
.site-header {
	max-height: 46.5em
}
}
@media screen and (max-width: 52.1875em) {
.site-header {
	max-height: 50.5em
}
}
@media screen and (max-width: 25em) {
.site-header {
	max-height: 61.5em
}
}
.site-header .logohead {
	padding: 6em 4em 1em
}
@media screen and (max-width: 37.5em) {
.site-header .logohead {
	padding: 4em 2em 1em
}
}
@media screen and (max-width: 32.5em) {
.site-header .logohead {
	padding: 1em 1em
}
}
@media screen and (max-width: 25em) {
.site-header .logohead {
	top: 5em
}
}
.site-header .logo {
	position: absolute;
	top: 5%;
	left: 20%;
	max-width: 10%;
	z-index: 2
}
@media screen and (max-width: 90.625em) {
.site-header .logo {
	left: 11%;
	max-width: 12%
}
}
@media screen and (max-width: 80em) {
.site-header .logo {
	left: 6%;
	max-width: 13%
}
}
@media screen and (max-width: 61.1875em) {
.site-header .logo {
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	top: -15em
}
}
@media screen and (max-width: 52.1875em) {
.site-header .logo {
	top: -16em;
	left: 18%;
	max-width: 14em;
	transform: none
}
}
@media screen and (max-width: 37.5em) {
.site-header .logo {
	left: 6%
}
}
@media screen and (max-width: 25em) {
.site-header .logo {
	top: 0em;
	left: 50%;
	max-width: 10em;
	transform: translateX(-50%)
}
}
.site-header .logoname {
	height: 4em;
	position: relative;
	top: -6em;
	max-width: 50em
}
@media screen and (max-width: 61.1875em) {
.site-header .logoname {
	max-width: 90%;
	height: 6em;
	position: relative;
	left: -6%
}
}
@media screen and (max-width: 52.1875em) {
.site-header .logoname {
	left: 50%;
	transform: translateX(-50%)
}
}
@media screen and (max-width: 37.5em) {
.site-header .logoname {
	top: -5em
}
}
@media screen and (max-width: 25em) {
.site-header .logoname {
	max-width: 100%;
	height: 4em
}
}
.site-header .headinfo {
	text-align: right;
	font-size: 125%;
	bottom: 1em;
	right: 3em;
	position: absolute
}
@media screen and (max-width: 61.1875em) {
.site-header .headinfo {
	position: relative;
	font-size: 115%;
	float: none;
	bottom: 3.75em;
	right: -6%
}
}
@media screen and (max-width: 54.6875em) {
.site-header .headinfo {
	font-size: 110%
}
}
@media screen and (max-width: 52.1875em) {
.site-header .headinfo {
	font-size: 130%;
	bottom: 3em;
	left: 31%;
	text-align: left
}
}
@media screen and (max-width: 37.5em) {
.site-header .headinfo {
	left: 25%
}
}
@media screen and (max-width: 32.5em) {
.site-header .headinfo {
	font-size: 108%;
	right: 1em
}
}
@media screen and (max-width: 25em) {
.site-header .headinfo {
	left: -2%;
	text-align: left;
	bottom: 5em
}
}
.site-header .banner {
	background: #000 url("../img/banner.jpg") no-repeat scroll 50% 0%/cover;
	padding: 0;
	height: 25em
}
@media screen and (max-width: 61.1875em) {
.site-header .banner {
	top: -20em
}
}
@media screen and (max-width: 59.375em) {
.site-header .banner {
	top: -17em
}
}
@media screen and (max-width: 52.1875em) {
.site-header .banner {
	top: -21em
}
}
@media screen and (max-width: 25em) {
.site-header .banner {
	top: -5em
}
}
.site-header svg {
	color: #fff;
	fill: currentcolor
}
.site-header a {
	text-decoration: none;
	color: #fff
}
.site-header a:hover {
	text-decoration: underline;
	color: #c3c3c3
}

#primary_nav_wrap
{
	margin-top:0px
}

#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	
	margin:0;
	padding:0;
	text-align:center
}

#primary_nav_wrap ul a
{
	display:block;
	color:#FFF;
	text-decoration:none;
	font-weight:700;
	font-size:20px;
	font-family: "Rokkitt";
	text-align: center;
}

#primary_nav_wrap ul li
{
	width:24.7%;
	position:relative;
	display: inline-block;
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 20px;
	padding: 0.4em 0.25em 0.25em;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
	
}

#primary_nav_wrap ul li.current-menu-item
{
	background:#ddd
}

#primary_nav_wrap ul li:hover
{
	background:#026e94;
	text-decoration: underline;
	color: #c3c3c3
}
#primary_nav_wrap ul ul {
margin-left: 0;
width: 100%;
}
#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#03304b;
	padding:0;
	border-top:10px #121212 solid;
	
	
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:100%;
	z-index:10000;
}

#primary_nav_wrap ul ul a
{
	/*line-height:120%;*/
	padding:2px 15px;
	font-size:16px
}

#primary_nav_wrap ul ul ul
{
	/*top:0;
	left:100%;*/
}

#primary_nav_wrap ul li:hover > ul
{
	display:block;
	z-index:10000; -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s
}
@media screen and (max-width: 61.1875em) {
#primary_nav_wrap {
	top: -20em;
	
}

}
@media screen and (max-width: 59.375em) {
#primary_nav_wrap {
	top: -17em;
}
}
@media screen and (max-width: 52.1875em) {
#primary_nav_wrap {
	top: -21em;
}
}
@media screen and (max-width: 25em) {
#primary_nav_wrap {
	top: -5em;
}
}
@media screen and (max-width: 61.1875em) {
#primary_nav_wrap li {
	width: 49.7%;
	margin: 0;	
}
}
@media screen and (max-width: 32.5em) {
#primary_nav_wrap li {
	width: 100%;
	margin: 0;

	
}#primary_nav_wrap ul li{
width:100%;
}
}

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
*zoom:1
}
.bxslider>li:nth-child(1) {
	left: 50%;
	transform: translateX(-50%)
}
.mainslider {
	height: 32em
}
.bx-image {
	margin-left: 3%;
	margin-top: 4%;
	position: relative;
	max-width: 30em
}
.bx-text {
	font-size: 120%
}
.bx-text p {
	text-align: left;
	padding: 1em 0
}
.bx-text a {
	color: #026E94;
	float: right;
	font-weight: 700;
	text-decoration: none
}
.bx-text a:hover {
	color: #014a64
}
.bx-divider {
	width: 100%;
	background-color: #026E94;
	height: 5px
}
.bx-content {
	width: 75%;
	background-position: top left;
	background-repeat: no-repeat;
	background-size: 22%
}
.bxslider>li:nth-child(1)>div:nth-child(1)>div:nth-child(2) {
	background-image: url("../img/1x.jpg")
}
.bxslider>li:nth-child(1)>div:nth-child(2)>div:nth-child(2) {
	background-image: url("../img/2x.jpg")
}
.bxslider>li:nth-child(1)>div:nth-child(3)>div:nth-child(2) {
	background-image: url("../img/3x.jpg")
}
.bxslider>li:nth-child(2)>div:nth-child(1)>div:nth-child(2) {
	background-image: url("../img/4x.jpg")
}
.bxslider>li:nth-child(2)>div:nth-child(2)>div:nth-child(2) {
	background-image: url("../img/5x.jpg")
}
.bxslider>li:nth-child(2)>div:nth-child(3)>div:nth-child(2) {
	background-image: url("../img/6x.jpg")
}
.bx-holder {
	width: 30%;
	background-color: #2a2a2a;
	display: inline-block;
	position: relative;
	top: 0px;
	margin: 0.5em;
	padding-bottom: 2em
}
@media screen and (max-width: 42.1875em) {
.bx-holder {
	width: 85%
}
}
.bxslider>li:nth-child(1)>div:nth-child(1) {
	left: 0
}
.bxslider>li:nth-child(1)>div:nth-child(3) {
	right: 0
}
.bxslider>li:nth-child(2)>div:nth-child(1) {
	left: 0
}
.bxslider>li:nth-child(2)>div:nth-child(3) {
	right: 0
}
.bx-wrapper .bx-viewport {
	left: -5px;
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
	display: none
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(../img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
*zoom:1;
*display:inline
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000
}
.bx-wrapper .bx-prev {
	left: -20px;
	background: url(../img/controls.png) no-repeat 0 -32px
}
.bx-wrapper .bx-next {
	right: -10px;
	background: url(../img/controls.png) no-repeat -43px -32px
}
.bx-wrapper .bx-prev:hover {
	background-position: 0 0
}
.bx-wrapper .bx-next:hover {
	background-position: -43px 0
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none
}
.bx-wrapper .bx-controls-auto {
	text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(../img/controls.png) -86px -11px no-repeat;
	margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(../img/controls.png) -86px -44px no-repeat;
	margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px
}
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80,80,80,0.75);
	width: 100%
}
.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px
}
.site-footer {
	background-color: #03304b;
	color: #fff;
	text-align: center;
	text-decoration: none;
	width: 100%
}
.site-footer .wrapper {
	padding: 3em 6em
}
.site-footer .copyright {
	font-size: 120%;
	letter-spacing: 1px
}
.site-footer a {
	text-decoration: none;
	color: #fff
}
.site-footer a:hover {
	text-decoration: underline;
	color: #c3c3c3
}
.page-home .divider {
	height: 5em;
	background-color: #03304b;
	padding: 0
}
.page-home .choose {
	text-align: center
}
.page-home h1 {
	text-transform: uppercase;
/*	padding-top: 20px;*/
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 10px
}
.page-home h3 {
	text-indent: 50px;
	font-size: 130%;
	font-weight: 400;
	margin-bottom: 1em;
	text-align: left
}
.page-home .sliderdiv {
	max-width: 118em;
	padding: 1em 4em 4em
}
@media screen and (max-width: 42.1875em) {
.page-home .sliderdiv {
	overflow: scroll;
	background: #2A2A2A
}
}
.page-home .bx-content h1 {
	color: #fff;
	text-align: right;
	padding-top: 0px;
	font-size: 24px;
	line-height: 24px;
	margin-bottom: 7px
}
@media screen and (max-width: 71.875em) {
.page-home .bx-content h1 {
	font-size: 22px
}
}
@media screen and (max-width: 66.875em) {
.page-home .bx-content h1 {
	font-size: 20px
}
}
@media screen and (max-width: 62.5em) {
.page-home .bx-content h1 {
	font-size: 18px
}
}
@media screen and (max-width: 58.75em) {
.page-home .bx-content h1 {
	font-size: 17px;
	text-align: center;
	padding-top: 1.5em
}
}
.page-home .brightlink {
	color: #ffeb00;
	text-decoration: none;
	font-weight: 700;
	font-size: 18px
}
.page-home .brightlink:hover {
	color: #bfb000
}
.page-home .dark-matter {
	margin-left: auto;
	margin-right: auto;
	max-width: 500px;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px
}
.page-home .dark-matter h1 {
	padding: 0px 0px 10px 40px;
	display: block;
	margin: -10px -30px 30px -30px
}
.page-home .dark-matter h1>span {
	display: block;
	font-size: 11px
}
.page-home .dark-matter label {
	display: block;
	margin: 0px 0px 5px
}
.page-home .dark-matter label>span {
	float: left;
	width: 20%;
	text-align: right;
	padding-right: 10px
}
.page-home .dark-matter input[type="text"], .page-home .dark-matter input[type="email"], .page-home .dark-matter textarea, .page-home .dark-matter select {
	border-color: #000;
	color: #fff;
	height: 25px;
	line-height: 15px;
	margin-bottom: 16px;
	margin-right: 6px;
	margin-top: -6px;
	outline: 0 none;
	padding: 5px 0px 5px 5px;
	width: 92%;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
	background: #03304b
}
@media screen and (max-width: 34.0625em) {
.page-home .dark-matter input[type="text"], .page-home .dark-matter input[type="email"], .page-home .dark-matter textarea, .page-home .dark-matter select {
	width: 100%
}
}
.page-home .dark-matter input[type="text"]:focus, .page-home .dark-matter input[type="email"]:focus, .page-home .dark-matter textarea:focus, .page-home .dark-matter select:focus {
	border-color: #CF2127
}
.page-home .dark-matter select {
	background: #fff url("down-arrow.png") no-repeat right;
	background: #fff url("down-arrow.png") no-repeat right;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	width: 70%;
	height: 35px;
	color: #000;
	line-height: 25px
}
.page-home .dark-matter textarea {
	height: 100px;
	padding: 5px 0px 0px 5px;
	width: 92%
}
@media screen and (max-width: 34.0625em) {
.page-home .dark-matter textarea {
	width: 100%
}
}
.page-home .dark-matter .button {
	background: #026e94;
	border: none;
	padding: 10px 25px 10px 25px;
	color: #fff;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	width: 92%
}
@media screen and (max-width: 34.0625em) {
.page-home .dark-matter .button {
	width: 100%
}
}
.page-home .dark-matter .button:hover {
	color: #333;
	background-color: #EBEBEB
}
.page-home .freeconsult {
	margin-left: -39px;
	font-size: 44.5px;
	color: #fff;
	margin-bottom: 10px;
	text-align: center;
	font-weight: 700;
	margin-top: 10px
}
@media screen and (max-width: 34.0625em) {
.page-home .freeconsult {
	font-size: 30px;
	margin-left: 0px
}
}
/*=====================custom style===================*/
.success{
	font-size:25px;
	color: green;
}
.invalid{
	font-size:25px;
	color: red;
}
.all_field{
	font-size:25px;
	color:red;
	}

/*=======================end style====================*/