@font-face{
font-family: fontRoboto;
src: url('icons/Roboto-Black.ttf'); /* IE9+ */
}

.header {
	border: 0px;
}

.nav-style {
	font-size: 16px;
	padding: 15px 0;
}

#navbar-btn, #logo-title {
	
}
a{
	color: rgba(255,255,255,0.7);
		
}
a:hover{
	text-decoration: none;
	color:#fff;
}
.logo {
	padding: 0;
}

.header {
	background-color: rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 -50px 50px rgba(0, 0, 0, 0);
}

.nav-style li:hover {
	box-shadow: inset 0 -50px 50px rgba(255, 0, 0, 0.55);
	font-size: 20px;
}

#part1 {
	padding-right: 0px;
}

#part2 {
	padding-left: 0px;
}

#part1 ul {
	border: 0;
}

#part1 ul li {
	margin-bottom: 20px;
	float: right;
	padding: 0px;
	margin-right: -2px;
}

#part1 ul li a {
	border-radius: 10px 0 0 10px;
	display: block;
	height: 120px;
	width: 50px;
	font-size: 18px;
	border: 0px;
	background-color: #ddd;
	display: inline-block;
	padding-top: 30px;
	/* box-shadow: inset 0 -50px 50px rgba(0, 0, 255, 0.5); */ 
}

#part1 .active a {
	/* background-color: #ebeff4; */
	background-color:rgba(0, 0, 255, 0.3);
}

#part1 .active a:hover {
	transition: all 0.5s ease 0s;
}


.i-type {
	display: inline-block;
	width: 20px;
	text-align: left;
	font-size: 20px;
}

.lab {
	font-size: 16px;
}

.row-name {
	text-align: left;
	width: 110px;
}

.row-name span {
	display: inline-block;
}

.input-type {
	vertical-align: middle;
	height: 36px;
}

.input-group {
	width: 100%;
}

.my-btn {
	width: 100%;
	/* height: 40px;
	font-size: 20px; */
}
.panel-title{
	margin-top:20px;
}
.panel-title span {
	font-size: 20px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
}

.language {
	border: 1px solid #ddd;
	border-radius:5px;
}

.language a {
	display: inline-block;
	width: 100%;
	font-size: 16px;
}

.language>a:hover {
	text-decoration: none;
	color: rgb(250, 255, 189);
	transition: all 0.5s ease 0s;
	cursor: pointer;
}

.panel-body {
	padding-top: 15px;
	padding-bottom: 0px;
}

small {
	display: inline-block;
}

.navbar-header-style {
	vertical-align: middle;
}

.footer-bg {
	background-color: #f5f5f5;
}
/*--tab-pane----start*/
.my-tab-pane {
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}
.tab_pane_style{
	background-color:rgba(0,0,0,0.3);
	box-shadow: 0 0 5px #fff;
    /* box-shadow: 0 3px 17px rgb(243, 240, 240); */
}
.inputStyle{
	background-color:rgb(241, 235, 235);
	border: none;
	color:black;
	box-shadow: none;
	border-radius:0px;
}
.inputStyle:foucs{
	box-shadow:none !important;
}
.form-control:focus{
	box-shadow:none !important;
}
.iStyle{
	background-color:rgb(241, 235, 235);
	color:rgb(49, 60, 164);
	border:none;
	border-radius:0px;
}
.iStyle a{
	color:rgb(49, 60, 164);
}
/*--tab-pane----end*/
/* ----aside style--start*/
aside {
	background-color: rgb(2, 52, 255);
	position: fixed;
	top: 200px;
	right: 0;
	width: 125px;
	z-index: 10;
	padding: 5px;
	border-radius: 15px;
	text-align: center;
}

aside li a:hover {
	text-decoration: none;
	color: red;
}

#hidopen {
	position: absolute;
	left: -30px;
	top: 70px;
}

#hidopen i {
	font-size: 30px;
}

#totop {
	position: absolute;
	left: -30px;
	top: 20px;
}

#totop i {
	font-size: 40px;
}
/* ----aside style--end*/
.block-center img {
	margin-left: auto;
	margin-right: auto;
}
/* topbottom-----start*/
.topbottom a {
	display: block;
	border:none;
	font-size: 40px;
	color: rgba(32, 227, 251, 0.3);
}
.dropdown-menu{
    padding-top: 0px;
}
 .dropdown-menu>li>a:hover{
    text-shadow: none;
    font-weight: bold;
    transition: all 0.5s ease 0s;
}
.navbar-default a.navbar-brand{
	color:#fff;
}
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
	color: #fff;
    background-color: transparent
}
#my_navbar_collapse{
	z-index: 1000;
	position: relative;
}
/* #my_navbar_collapse>ul.nav-center>li{
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
 	transform: translateX(-50%);
} */
/* .dropdown-menu{
	box-shadow:0 0 10px #07eafa, 
				0 0 5px #0adeec,
				 0 0 20px #07eafa;
} */
.dropdown-menu>li{
	z-index: 10001;
 			 position: relative;
}
.dropdown-menu::after{
	content: '';
	position: absolute;
	left:30%;
	top:-4px;
	background-color: #ecb356;
	width:8px;
	height:8px;
	z-index:-1px;
	transform: rotate(45deg);
	/* box-shadow:0 0 10px #07eafa, 
				0 0 5px #0adeec,
				 0 0 20px #07eafa; */
}
.dropdown-menu::before{
	content: '';
    position: absolute;
    background-color: white;
    width: 100%;
    height: 12px;
    z-index: 10;
    top: 0px;
}
nav.my-nav{
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1000;
    border: 0px;
    border-bottom: 1px solid 1px solid #262a40;
    height: 77px;
    background-color: #ffffff;
    color: #000;
    border-radius:0px;
}
#languageChange>a,nav.my-nav  .navbar-nav>li>a{
	color:#000;
	 transition: all 0.2s ease 0s;
	  background-color: transparent;
}
.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover,
#languageChange>a:focus,
#languageChange>a:hover{
	background-color: rgb(255, 130, 2);
    color: rgb(252, 251, 251);
	/* color: #fafbfb;
 			 background-color: transparent;
  		text-shadow: -1px 0px 6px #ca78b2,
  			 2px 2px 6px #ca78b2, 
  			 -4px -2px 6px #cc229a, 
  			 -1px 0px 6px #ca78b2; */
  	 transition: all 0.5s ease 0s;		 
}
#languageChange{
	position: absolute;
    top: 26.5px;
    right: 16%;
    /* transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); */
    margin: 0px;
    z-index: 10001;
}
#languageChange>ul{
	margin-top: 10px;
}
/* .pr0{
	padding-right: 0px !important;
} */
.item::before,.item-top::before{
	-moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
    bottom: 0;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.85;
    position: absolute;
    width: 100%;
    z-index: 2;
}
.item,.item-top{
	margin:0px;
	padding: 0px;
	overflow: hidden;
	height:300px;
}
.item:hover:before{
	opacity: 0.8;
    background-color: #2c3147 !important;
	-moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.item-top,item-price-top{
	/* background-position: center;
	background-attachment: fixed; */
}
.item-top::before,item-price-top:before{
	background-color: #2429439e;
}
.main .item:nth-child(8n-7):before{
	 background-color: #d4768e;
}
.main .item:nth-child(8n-6):before{
	 background-color: #6fc3df;
}
.main .item:nth-child(8n-5):before{
	background-color: #8d82c4;
}
.main .item:nth-child(8n-4):before{
	background-color: #e7b788;
}
.main .item:nth-child(8n-3):before{
	background-color: #8ea9e8;
}
.main .item:nth-child(8n-2):before{
	background-color: #87c5a4;
}
.main .item:nth-child(8n-1)::before{
	background-color: #c15652;
}
.main .item:nth-child(8n)::before{
	background-color: #8d82c4;
}
.main .item h1{
	border-bottom:2px solid #fff;
	padding-bottom: 5px;
}
.main .item header{
	color:#fff;font-size: 1.8em;
	position: relative;
	top:50%;transform:translateY(-50%);
	width:50%;z-index:2;left:10%;
}
.main .item article{
	height:100%;
}

.item a{
	border:1px solid #fff;
	padding:6px;
	position:absolute;right:10%;top:80%;z-index:100;
}
.item a:hover{
	color:white;
	text-shadow: none;
}
.item p{
	font-size: 0.6em;
	overflow: hidden;width: 100%;
	white-space: nowrap;text-overflow:ellipsis;
}
.item article{
	height:100%;
}
.item h3{
	font-size: 0.7em;
	border-bottom:2px solid #fff;
	padding-bottom: 5px;
	margin-bottom: 0px;
}
.item header{
	color:#fff;font-size: 1.8em;
	position: relative;top:50%;
	transform:translateY(-50%);width:80%;
	z-index:2;left:10%;
}
.partner-group-header{
	border: 1px solid #fff;padding: 10px;
}
.partner-group-header  .header{
	border-bottom: 3px solid #fff;width:80%;margin: 10px 0px;
}
.partner-group-header p{
	font-size: 1.2em;height: 400px;
}
a.navbar-brand{
	    background-color: white;
    color: #000;
    font-family: tusjFont;
    margin: 5px;
    padding: 5px;
    height: 30px;
    /* line-height: 30px; */
    margin-top: 10px;
    font-weight: bold;
}
.article-main {
	height:100%;line-height:100%;color: #fff;z-index: 100;
	position: relative;
	font-family: fontRoboto;
	font-size: 4em;top: 23%;
}
.article-main p:nth-child(3n-2){
	width:100%;
	padding: 10px;margin-bottom: 0px;
	 margin: auto;
}
.article-main p:nth-child(3n-1){
	height: 0px;width:100%;
	border-top:2px solid #fff;
	padding: 0px;
	margin: auto;
}
.article-main p:nth-child(3n){
	font-size: 0.5em;padding-left: 1%;width:100%;
	margin: auto; 
	line-height: 1.3em;
}
@media screen and (max-width: 736px){
	#intro-top{
		display: none;
	}
	#loginToRe{
	width: 45px;
	}
	#loginKtl2{
		width: 50px;
	}
	.main .item h1{
	    font-size: 1.2em;
	}
	.main .item p{
		font-size: 0.8em;
	}
	.main header{
		 width:100% !important;
	}
	#amz_top_info header{
		width: 80% !important;
	}
	.main h3{
		font-size: 1.5em;
	
	}
	#amz_top_info h3{
		font-size: 1em;
	}
	.main h2{
		font-size: 1.8em;
	}
	.article-main{
	    top: 35% !important;
		/* left: 10%!important; */
	}
	.article-main:nth-child(3n-2){
		font-size: 1.6em !important;
		/* width:500px !important; */
	}
	.article-main:nth-child(3n-1){
		width: 80% !important;
	}
	.article-main:nth-child(3n){
		font-size: 1.3em !important;
		width: 80% !important;
	}
	#my_navbar_collapse>ul{
		height: inherit !important;
	}
	#my_navbar_collapse {
		background-color: #fff;
	}
	.item-top,.swiper-container{
		height: 300px !important;
	}
	a.navbar-brand img{
		width: 160px !important;
		top: -10px !important;
	}
	.main .section{
		margin-bottom: 40px !important;
	}
	#modulesId{
		height: 1200px !important;
	}
	.fix-group p {
		width:350px !important;
		top:45% !important;
	}
	.fix-group>div{
		background-attachment: inherit !important;
	}
	.modules-group>div::before{
		background-color: rgba(0,0,0,0.5) !important;
	}
	.modules-group>div p {
	    top: 50% !important;
	    transform: translateY(-50%) !important;
	    opacity: 1 !important;
	}
	.modules-group>div{
		margin: 5px;
		border:4px double #fff; 
	}
	.dropdown-menu::after{
		visibility: hidden;
	}
	#my_navbar_collapse ul li a{
		line-height: 1em !important;
	}
	#loginAndRegistered>li {
	    height: 35px !important;
	}
	.dropdown-menu::before{
		background-color: #f29600 !important;
		height:0px !important;
	}
}
#modulesId{
	margin-bottom: 60px;
	
}
.main .section{
	margin-bottom: 140px;
}
#my_navbar_collapse ul li a{
	    height: 100%;
    	line-height: 2.8em;
}
#loginAndRegistered>li{
	height: 76.5px;
}
#loginAndRegistered>li a{
	padding: 15px;
}
.line-de{
	display: block;
	border-top:2px solid rgb(0,198,98);
	height: 0px;width:100px;
	margin:0 auto;
	margin-top: 5px;
}
.title-group p{
	font-size: 1.3em;
}
.title-group{
	margin-bottom: 60px;
}
button, input, select {
    -webkit-tap-highlight-color: transparent;
    outline: 0;
}
.item-top{
	height:730px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position: 50% 50%;
}
.animated-show{
	opacity:1;
	transition: all 0.5s ease 0s;
}
.service-group img{
	width:50px;height:50px;margin-bottom: 10px;
	margin-top: 10px;
}
.service-group{
	margin-top: 15px;
}
.service-group>div{
	height: 120px;
}
.service-group img,.service-group>div:hover>img{
	transition: all 0.5s ease 0s;
}
.service-group>div:hover{
	box-shadow:1px 1px 10px #aaa;
}
.service-group>div:hover>img{
	transform: scale(1.2);
}
.modules-group>div{
	position: relative;
	overflow: hidden;
	background-position: 50% 50% ;
    background-size: cover;
    height: 400px;
}
.modules-group>div::before{
	content: '';
	width:100%;
	height:100%;
	position: absolute;
	left: 0px;
	top:0px;
	background-color: transparent;
}
.modules-group>div:hover::before{
	background-color: rgba(0,0,0,0.5);
}
.modules-group>div>p{
	position: relative;
	top:100%;
	 opacity: 0;
	 color:#fff;
	 width: 70%;
    margin: 0 auto;
}
.modules-group>div:hover p{
	top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}
.modules-group>div:hover{
	background-position: 60% 60%;
}
.modules-group>div,.modules-group>div::before,.modules-group>div>p,
.modules-group>div:hover p,modules-group>div:hover,
.sys-item:hover img,
.sys-item img
{
	transition: all 0.5s ease 0s;
}
.sys-item{
	margin-bottom:50px;
	overflow: hidden;
}
.sys-item h3{
	position: relative;
}
.sys-item img{
	width: 100%;
	height: 250px;
}
.sys-item:hover img{
	cursor:pointer;
	transform: scale(1.2);
}
.sys-item h3::after{
	content: '';
	position:absolute;
	left: 0px;
	bottom: -5px;
	width: 60%;
	height: 0px;
	border-bottom: 2px solid #fba026;
} 
.fix-group>div{
	background-size:cover;
    width: 100%;
    height: 400px;
    background-attachment: fixed;
    background-position: 50% 50%;
}
.fix-group{
	position: absolute;left:0px;
	overflow: hidden;width:100%;
}
.fix-group>div::before{
	content: '';
	position:absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height:100%;
	background-color: rgba(0,0,0,0.5);
}
.fix-group p{
	color:#fff;margin: auto;top: 50%;
	position:relative;transform: translateY(-50%);
	text-align: center;
}
.plan-group p{
	font-size: 1.3em;
}
nav.my-nav .navbar-nav>.open>a, nav.my-nav  .navbar-nav>.open>a:focus,
 nav.my-nav  .navbar-nav>.open>a:hover{
 	background-color: #f29600;
 }
 .swiper-container {
    width: 100%;
    height: 500px;
} 
#my_navbar_collapse #loginAndRegistered li  a{
	line-height: 3.5em;
}
textarea{
	resize:none;
}
#form-messgae .form-group::before{
	content: '*';
	font-size:1.8em;
	color:red;
	position: absolute;
	left:10px;
}
.myBtn-white-blue{
	background-color: #fff;
    color: #293e95;
    font-weight: bold;
    border-color: #ffffff;
    transition:all 0.3s ease;
}
.myBtn-white-blue:hover{
	background-color: #ccc;
	border-color:#ccc;
	border-left:auto;
	 color: #293e95;
	transition:all 0.3s ease;
}
#loginToRe{
	width: 90px;
}
#loginKtl2{
	width: 100px;
}
#forget-btn,
#register-btn,
#loginKtl2,
button[name="loginVerificationID"],
#back_to_login,
#returnToLogin{
	border-color: #fff;
	border-left-color:#29398a;
}
.language-top{
	text-align: right;
    margin-top: 20px;
}
.login-btn-select{
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-right-color:#29398a;
    background-color: rgb(241, 235, 235);
}
.border-radius0{
	background-color:rgb(241, 235, 235);
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.mb0{
	margin-bottom: 0px;
}
.intro-top{
	font-size:15px;
	position: absolute;
	text-align: left;
	margin-top: 20px;
	z-index:1;
	-webkit-user-select:none; 
       -moz-user-select:none; 
       -ms-user-select:none; user-select:none;
}
.intro-detail-a:hover{
	cursor: move;
}
.go-intro-detail:hover{
	cursor: pointer;
}
.intro-top>a{
	font-size: 16px;
    border: 1px solid;
    padding: 10px;
    background-color: #29398a;
    box-shadow: 0 0 5px #fff;
}
.intro-top>a.go-intro-detail{
	display: inline-block;
    height: 39px;
    top: 2px;
    position: relative;
    left: -5px;
}
.intro-top>a:focus{
	text-decoration: none;
	color:#fff;
}
.intro-detail>.panel-body{
	margin-top: 2px;
    border-top-left-radius: 0px;
    background-color: #ffffffe6;
    width: 500px;
    border-radius: 5px;
    padding: 10px 15px;
    border-top-left-radius: 0px;
    box-shadow: 0 0 5px #fff;
}
.intro-detail>.panel-body>ol{
	padding-left: 10px;
}
.intro-detail>.panel-body>ol>li{
	margin-bottom: 10px;
}
.intro-top strong{
	font-weight: bold;
	color:blue;
}