img,object,embed,video,iframe{max-width:100%}
*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
body{padding:0;margin:0;font-family: 'Open Sans', sans-serif;font-size:15px;font-weight:400;line-height:22px;background:#5d9fd4;}
a{text-decoration:none;color:#000;}
a:hover, a:focus{text-decoration:none;color:#000;outline:none;}
.top-sect{display:block;height:30px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d4fa7+0,0171d3+45,0171d3+100 */
	background: rgb(13,79,167); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(13,79,167,1) 0%, rgba(1,113,211,1) 45%, rgba(1,113,211,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(13,79,167,1) 0%,rgba(1,113,211,1) 45%,rgba(1,113,211,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(13,79,167,1) 0%,rgba(1,113,211,1) 45%,rgba(1,113,211,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d4fa7', endColorstr='#0171d3',GradientType=1 ); /* IE6-9 */
}
.fullwidth{ width:100%;}
.logosect{background:#fff; padding:5px 0;}
.logo-left{display: table-cell;}
.logo-right{display: table-cell;}
.img-inline{display:inline-block;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.paddtop{padding-top:23px;}
.wrapper {display: table; width:100%;}
.wrapper-row {display: table-row;}
#left-col{display: table-cell; background:url(../images/left-back-bg.jpg) no-repeat center top #0076d6; width:25%; vertical-align:top; text-align:center; padding:20px 10px;}
#left-col h3{ font-size:26px; font-weight:700; color:#fff; text-transform:uppercase; padding:0; margin:20px 0 20px 0;}
#right-col {display: table-cell; padding-left:20px;}
.right-col-inn {padding-left:0 !important;}
.midd{ font-size:20px; line-height:26px; font-weight:600; color:#fff;}
.midd p{ padding:10px 30px;}
.loginbox{display: table; width:100%;}
#loginsect {display: table-cell; background:#5134ab; width:72%; padding:10px 25px; vertical-align:top; }
#empty-sect{ display:table-cell;}
#links-right{display: table-cell; background:#047202; width:25.444%; padding:25px; vertical-align:top;}
#links-right ul{ padding:0; margin:0;}
#links-right ul li{ padding:0; margin:10px 0 15px 0; list-style:none; display:block; color:#fff; font-size:18px; font-weight:700;}
#links-right ul li.forgot-pass{ background:url(../images/forgot-pass-icon.png) no-repeat left top;}
#links-right ul li.change-pass{ background:url(../images/change-pass-icon.png)no-repeat left top;}
#links-right ul li.signup{ background:url(../images/signup-icon.png) no-repeat left top;}
#links-right ul li.recommend{ background:url(../images/recommend-icon.png) no-repeat left top;}
#links-right ul li a{ text-decoration: none; color:#fff; padding:0 0 0 40px; }
#links-right ul li a:hover{ text-decoration:none; color:#000;}
.textinput{ padding:7px 15px; color:#000; width:100%; font-size:15px; margin:7px 0;}
.btn-login{ background:#a268ff; color:#000; width:100%; font-size:20px; font-weight:bold; border:none; padding:10px 10px; text-align:center; text-transform:uppercase; margin:10px 0 10px 0;}
.btn-login:hover{ background:#b688ff; color:#000;}
.margtop10{ margin-top:11px;}
.bottomslide-bg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#211f44+1,21295c+39,21295c+39,21295c+54,21295c+72,21295c+72,211f44+100 */
	background: rgb(33,31,68); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(33,31,68,1) 1%, rgba(33,41,92,1) 39%, rgba(33,41,92,1) 39%, rgba(33,41,92,1) 54%, rgba(33,41,92,1) 72%, rgba(33,41,92,1) 72%, rgba(33,31,68,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(33,31,68,1) 1%,rgba(33,41,92,1) 39%,rgba(33,41,92,1) 39%,rgba(33,41,92,1) 54%,rgba(33,41,92,1) 72%,rgba(33,41,92,1) 72%,rgba(33,31,68,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(33,31,68,1) 1%,rgba(33,41,92,1) 39%,rgba(33,41,92,1) 39%,rgba(33,41,92,1) 54%,rgba(33,41,92,1) 72%,rgba(33,41,92,1) 72%,rgba(33,31,68,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#211f44', endColorstr='#211f44',GradientType=0 ); /* IE6-9 */
	
	font-size:17px;
	color:#fff;
	line-height:24px;
	padding:15px 30px;
	min-height:300px;
	margin:20px 0;
}
.carousel-caption {
    left: 1%;
    padding-bottom: 30px;
    right: 1%;
	text-align:left;
	top:10px;
	font-size:22px;
	line-height:30px;
}
.carousel-caption h3{
	font-size:27px;
	color:#fff;
	font-weight:700;
	padding:0;
	margin:0;
	text-align:center;
}
.carousel-control{ width:30px;}
footer{ padding:10px; background:#fff; font-size:15px; font-weight:400; color:#000; text-align:center;}
.captcha-img{ background:#aa9bd6; display: block; text-align:center; margin-top:10px;}


.carousel {
    position: relative;
    z-index: 50;
}
.carousel-fade .carousel-inner .item {transition-property: opacity;}
.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { opacity: 0;}
.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {opacity: 1;}
.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0;transform: translate3d(0px, 0px, 0px);}
.carousel-fade .carousel-control { z-index: 2;}
.carousel-control { background-image: none !important;opacity: 0; width: 15px;}
.carousel-control:hover { background-image: none !important; opacity: 0.5;}
.carousel-control.left { margin-left: 15px;}
.carousel-control.right {margin-right: 15px;}

.AboutGalaxlyLink {display:none; padding:3px 5px 4px 5px; color:#fff; font-weight:bold;}
.AboutGalaxlyLink a { color:#fff;}

.carousel-control { opacity:0.8; color:#fff; width:25px; height:25px; top:50%; margin-top:-12px;}
.carousel-control:hover, .carousel-control:focus { opacity:1.0;}
.carousel-indicators .active { -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.50); -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.50); box-shadow:1px 1px 1px 1px rgba(0,0,0,0.50);}
.carousel-indicators li {background-color:rgba(0,0,0,0.4); border-width:2px;}


.CompanySelection { background:url(../images/left-back-bg.jpg) no-repeat center top #0076d6; background-position:50% 50%; background-size:cover; padding:20px 15px; color:#fff; margin:0 0 18px 0;}
.CompanySelection a{ color:#fff;}
.CompanySelection h2, .h2 {padding:0 0 9px 0; margin:0 0 7px 0; font-weight:bold; border-bottom:1px solid #fff; font-size:20px; text-align:center;}
.h2 { margin-bottom:13px;}
	.color-white {color:#fff;}

	.CompanyDiv { text-align:center; padding:10px 0 20px 0;}
	.CompanyDiv article {/*background-color:rgba(0,0,0,0.20);*/ display:inline-block; padding:10px 15px;}
	.CompanyDiv article img {display:block; margin:0 auto 8px auto;}

.MyTble { border-collapse:collapse; width:100%; display:table; margin:0 0 18px 0}
.MyTblRow { display:table-row}
.MyTblCol { display:table-cell; padding:15px; vertical-align:top;}
	.PurpulColorBk {background-color:#5134ab; color:#fff;}
		.PurpulColorBk a {color:#fff;}
	.GreeColorBk {background-color:#047202; color:#fff;}
		.GreeColorBk a {color:#fff;}
		
		.brdlRght {border-right:18px solid #5d9fd4;}
		.imgleftDiv {text-align:center;}
		
.mytbl2-table {}
.mytbl2-table td{ padding:4px; border-bottom:1px solid rgba(251,251,251,0.20);}
	.mytbl2-table .row1 td{background-color:rgba(0,0,0,0.45); font-weight:bold;}
	.mytbl2-table .row2 td{background-color:rgba(255,255,255,0.25); font-weight:bold;}
	

/**/
.namePersonBx{
    	padding: 0px;
		position: relative;
		overflow: hidden;
		height: 250px;
		text-align:center;
		background-color:#fff;
	}
.namePersonBx img{ margin:0 auto; width:100%;}
	
	.namePersonBx h3{border-top:2px solid rgba(4,52,3,0.50); border-bottom:2px solid rgba(255,255,255,0.50); padding:10px; font-size:16px;}
	.namePersonBx:hover .caption{
		opacity: 1;
		transform: translateY(-150px);
		-webkit-transform:translateY(-150px);
		-moz-transform:translateY(-150px);
		-ms-transform:translateY(-150px);
		-o-transform:translateY(-150px);
	}
	.namePersonBx img{
		z-index: 4;
	}
	.namePersonBx .caption{
		position: absolute;
		top:200px;
		-webkit-transition:all 0.3s ease-in-out;
		-moz-transition:all 0.3s ease-in-out;
		-o-transition:all 0.3s ease-in-out;
		-ms-transition:all 0.3s ease-in-out;
		transition:all 0.3s ease-in-out;
		width: 100%;
	}
	.namePersonBx .blur{
		background-color: rgba(4,114,2,0.7);
		height: 300px;
		z-index: 5;
		position: absolute;
		width: 100%;
	}
	.namePersonBx .caption-text{
		z-index: 10;
		color: #fff;
		position: absolute;
		height: 300px;
		text-align: center;
		top:-20px;
		width: 100%;
	}
	.GreeColorBk .namePersonBx a{color:#000;}
/**/
	

/*Media Css*/

@media (min-width:1200px){.container{width:1570px}}
@media (max-width:1600px){.container{width:1400px}}
@media (max-width:1450px){.container{width:auto}
#loginsect {
    display: table-cell;
    background: #5134ab;
    width: 65%;
    padding: 10px 25px;
    vertical-align: top;
}
#links-right {
    display: table-cell;
    background: #047202;
    width: 32.444%;
    padding: 25px;
    vertical-align: top;
}

.AboutGalaxlyLink { display:block; text-align:right;}

/*.CompanyDiv {height:230px; overflow:auto;}*/
}

@media(max-width:1366px){
	header.carousel {
	height:300px;
	margin:0 0 30px 0;
}
}
@media(max-width:1280px){
#left-col h3 {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    margin: 20px 0;
    padding: 0;
    text-transform: uppercase;
}
}
@media (max-width:1220px){
	.container{width:auto}
	.logosect {
    background: #fff;
    padding:10px 0;
}
#links-right ul li {
    padding: 0;
    margin: 15px 0 25px 0;
    list-style: none;
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}
header.carousel {
	height:250px;
	margin:0 0 15px 0;
}
#links-right ul li {
    padding: 0;
    margin: 10px 0 15px 0;
    list-style: none;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}
.textinput {
    padding: 5px 15px;
    color: #000;
    width: 100%;
    font-size: 14px;
    margin: 5px 0;
}
.btn-login {
    background: #a268ff;
    color: #000;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    border: none;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    margin: 8px 0 10px 0;
}
.top-sect {
    display: block;
    height: 30px;
}
.logosect {
    background: #fff;
    padding: 5px 0;
}
.bottomslide-bg{
	margin-top:15px;
	padding: 5px 10px;
}
#right-col {
    display: table-cell;
    padding-left: 15px;
}
.right-col-inn {padding-left:0 !important;}
#links-right {
    display: table-cell;
    background: #047202;
    width: 32.444%;
    padding: 15px;
    vertical-align: top;
}
}
@media (max-width:1024px){
#loginsect {display: table-cell; background:#5134ab; width:60%; padding:10px 25px; vertical-align:top; }
#empty-sect{ display:table-cell;}
#links-right{display: table-cell; background:#047202; width:38%; padding:15px; vertical-align:top;}
#left-col {
    background: #0076d6 url("../images/left-back-bg.jpg") no-repeat center top;
    display: table-cell;
    padding: 20px 10px;
    text-align: center;
    vertical-align: top;
    width: 30%;
}
header.carousel {
	height:250px;
	margin:0 0 15px 0;
}
#links-right ul li {
    padding: 0;
    margin: 10px 0 15px 0;
    list-style: none;
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
}
.textinput {
    padding: 5px 15px;
    color: #000;
    width: 100%;
    font-size: 14px;
    margin: 5px 0;
}
.btn-login {
    background: #a268ff;
    color: #000;
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    border: none;
    padding: 5px 10px;
    text-align: center;
    text-transform: uppercase;
    margin: 8px 0 10px 0;
}
.top-sect {
    display: block;
    height: 30px;
}
.logosect {
    background: #fff;
    padding: 5px 0;
}
.bottomslide-bg{
	margin-top:15px;
	padding: 5px 10px;
}
#right-col {
    display: table-cell;
    padding-left: 15px;
}
.right-col-inn {padding-left:0 !important;}
}

@media (max-width:991px){
.namePersonBx img{ width:100%;}
.namePersonBx{margin-bottom:15px !important;}
}

@media (max-width:800px){
	#loginsect {display:block; background:#5134ab; width:100%; padding:10px 25px; vertical-align:top; }
	#empty-sect{ display:none}
#links-right{display: block; background:#047202; width:100%; padding:15px; vertical-align:top; margin-top:20px;}
.textinput {
    padding: 7px 15px;
    color: #000;
    width: 100%;
    font-size: 16px;
    margin: 7px 0;
}
.midd {
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    color: #fff;
}
}
@media (max-width:766px){
	.carousel-caption {
    left: 1%;
    padding-bottom: 30px;
    right: 1%;
    text-align:center;
    top: 10px;
    font-size: 19px;
    line-height: 26px;
}
.carousel-caption h3 {
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    padding: 0;
    margin: 0 0 20px 0;
    text-align: center;
}
.margtop10 {
    margin-top: 5px;
	margin-bottom:5px;
}
.captcha-img{ background:#aa9bd6; display: block; text-align:center; margin-top:5px; margin-bottom:5px;}
}
@media (max-width:640px){
	#left-col {
    background: #0076d6 url("../images/left-back-bg.jpg") no-repeat center top;
	background-size:cover;
    display:block;
    padding: 20px 10px;
    text-align: center;
    vertical-align: top;
    width:100%;
}
#right-col {
    display:block;
	width:100%;
    padding-left: 0;
	margin-top:20px;
}
	header.carousel {
	height:200px;
	margin:0 0 30px 0;
}
.hiddenonmob{
	display:none;
}
	.carousel-caption {
    left: 1%;
    padding-bottom: 30px;
    right: 1%;
    text-align:center;
    top: 10px;
    font-size: 16px;
    line-height: 23px;
}
.carousel-caption h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    padding: 0;
    margin: 0 0 15px 0;
    text-align: center;
}
}

@media (max-width:600px){
.MyTble, .MyTbl, .MyTblRow, .MyTblCol { font-size:11px;}
}

@media (max-width:767px){
.MyTble, .MyTbl, .MyTblRow, .MyTblCol { display:block; width:100%; border:0;}
.MyTblCol { margin-bottom:15px;}


}

@media (min-width:600px){
.CompanySelection {padding-left:1px; padding-right:1px;}
}

@media (min-width:768px){
	.tblwd1 { width:25%}
	.tblwd2 { width:75%;}
	.mytbl2-table td{ padding:6px 8px;}
}