*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/*html{font-size:62.5%;font-family:"微软雅黑","Microsoft Yahei",Candara,"Lucida Sans Unicode","Lucida Grande",sans-serif !important;color:#777777;background:#f5f7f6;}
body{font-size:1.4em;line-height:1.4em;font-family:"微软雅黑","Microsoft Yahei",Candara,"Lucida Sans Unicode","Lucida Grande",sans-serif !important;color:#777777;margin:0;padding:0;text-align:center;}*/
@font-face {
	font-family: Open Sans;
	src: url('fonts/Open Sans.ttf');
}
@font-face {
	font-family: Product Sans Regular;
	src: url('fonts/Product Sans Regular.ttf');
}
@font-face {
	font-family: Roboto Medium;
	src: url('fonts/Roboto Medium.ttf');
}
@font-face {
	font-family: Techna Sans Regular;
	src: url('fonts/Techna Sans Regular.ttf');
}
@font-face {
	font-family: Manrope3 Medium;
	src: url('fonts/Manrope3 Medium.ttf')，url('fonts/Manrope3 Medium.eot');
}
html{font-size:62.5%;font-family:"Open Sans",Verdana,Arial,sans-serif !important;color:#595959;background:#ffffff;}
body{font-size:1.6em;line-height:1.6em;font-family:"Open Sans",Verdana,Arial,sans-serif !important;color:#595959;margin:0;padding:0;text-align:center;}

a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0;}
div{display: block;}
input,button,select,textarea{outline:#ffffff solid thin;}
html * {-webkit-tap-highlight-color:rgba(18,166,180,0.1);}
a {
	color: #2360F8;
	text-decoration: none;
	cursor: pointer;
	position: relative;
}
a:focus{text-decoration:none;}
a:hover{color:#2360F8;text-decoration:none;}
a.ef-a:after {
	content: "\0020";
	position: absolute;
	left: 0;
	background-color: #2360F8;
	width: 0;
	height: 1px;
	bottom: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
a.ef-a:hover:after {
	width: 100%;
}
a.ef-a-1:before {
	content: "\0020";
	position: absolute;
	right: 0;
	background-color: rgba(188, 188, 188, 0.2);
	width: 100%;
	height: 1px;
	bottom: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
a.ef-a-1:hover:before {
	width: 0;
}
a.ef-a-1:after {
	content: "\0020";
	position: absolute;
	left: 0;
	background-color: #2360F8;
	width: 0;
	height: 1px;
	bottom: 0;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
a.ef-a-1:hover:after {
	width: 100%;
}

i.tag {
	display: inline-block;
	float: left;
	font-style: normal;
}

.ef-1 {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
ul,li{list-style-type:none;list-style:none;}
.clear{clear:both;}
label{width:100%;text-align:left;color:#777;padding:10px 20px;}
table{text-overflow:ellipsis;table-layout:auto;border-collapse:collapse;width:100%;}
thead{background-color:#f3f6f7;}
th{border:1px solid #eaeaea;padding:10px;text-align:center;font-weight:700;}
th p{padding:0;margin:0;}
td{border:1px solid #eaeaea;padding:10px;text-align:center;}
td p{padding:0;margin:0;}
h1,h2,h3,h4,h5,h6{font-family:"Techna Sans Regular",Verdana,Arial,sans-serif !important;position:relative;margin-top:0;margin-bottom:30px;font-weight:normal;text-align:left;line-height:1.1em;color:#393939;}
h6{font-size:1.05em;}h5{font-size:1.1em;}h4{font-size:1.2em;}h3{font-size:1.6em;}h2{font-size:2.6em;margin-bottom:0.7em;}h1{font-size:3.5em;margin-bottom:0.5em;line-height:1.2em;}
h6 b,h5 b,h4 b,h3 b,h2 b,h1 b{font-size:1.3em;font-weight:500;padding-left:0.2em;padding-right:0.2em;}
p{text-align:left;line-height:1.6em;margin-bottom:2em;word-wrap:break-word;}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;}
.clearfix{zoom:1;}
span.ipt{text-decoration:underline;font-weight:700;}
table img{width:100%;}

body::-webkit-scrollbar {
    width: 5px;
}
body::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #969696;
}
body::-webkit-scrollbar-track {
    background-color: #eee;
    -webkit-border-radius: 0;
    border-radius: 0;
}
@font-face {
	font-family: bahnschrift;
	src: url('fonts/bahnschrift.ttf')，url('fonts/bahnschrift.eot');
}
.font-tp {
	font-family: bahnschrift;
	font-weight: 300;
	color: #2360F8;
    background: linear-gradient(left,#2360F8,#009e9e);
    background: -webkit-linear-gradient(left,#2360F8,#009e9e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	text-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

@font-face {
  font-family: 'if-zl';
  src: url('fonts/iconfont/iconfont.eot');
  src: url('fonts/iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/iconfont/iconfont.woff') format('woff'),
  url('fonts/iconfont/iconfont.ttf') format('truetype'),
  url('fonts/iconfont/iconfont.svg#if-zl') format('svg');
}
.if-zl {
  font-family:"if-zl" !important;
  font-size:1.3em;font-style:normal;
  line-height:1.3em;font-weight:300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right:10px;
  color:rgba(160,160,160,0.7);
}
.rt-note {
	font-size: 1em;
    transform: scale(0.7);
    display: inline-block;
}
.rt-note-1 {
	margin-left: 0.5em;
	font-size: 0.4em;
	vertical-align: super;
}
#nav-scroll .if-zl
{
	font-size: 26px;
	line-height: 48px;
	color: #fff !important;
	margin-right: 0;
}
.cover {
    background-position: center;
    background-size: cover;
}
.touch-up {
    position: absolute;
    width: 1px;
    height: 40px;
    left: 50%;
    bottom: 90px;
    background-color: rgba(255,255,255,.3);
    z-index: 5000;
}
.touch-up span {
	display: inline-block;
	margin-left: 10px;
	margin-top: 10px;
	width: 120px;
	text-align: left;
	color: rgba(255, 255, 255, 0.3);
	font-size: 0.8em;
}
.touch-up-bt {
    position: absolute;
    width: 1px;
    height: 10px;
    top: 0;
    z-index: 5010;
    background-color: #2360F8;
	animation: touchup 1.5s infinite ease-in-out;
    -webkit-animation: touchup 1.5s infinite ease-in-out;
}
.banner-1 .touch-up, .banner-2 .touch-up {
	display: none;
	bottom: 40px;
	right: auto;
	left: 50%;
}
@keyframes touchup /*Safari and Chrome*/
{
0% { opacity: 1; transform:translateY(0px);}
70% { opacity: 0; transform:translateY(36px);}
80% { opacity: 0; transform:translateY(0px);}
100% { opacity: 1; transform:translateY(0px);}
}
@-webkit-keyframes touchup /*Safari and Chrome*/
{
0% { opacity: 1; -webkit-transform:translateY(0px);}
70% { opacity: 0; -webkit-transform:translateY(36px);}
80% { opacity: 0; -webkit-transform:translateY(0px);}
100% { opacity: 1; -webkit-transform:translateY(0px);}
}
.main-warpper {
	margin: 0;
	padding: 0;
	width: 100%;
    display: block;
	position: relative;
}
.main-warpper:after {
	content:"\0020";display:block;height:0;clear:both;
}

.post-warpper {
	width: 1200px;
    padding: 0 15px 0;
    margin: 0 auto 0;
    display: block;
	position: relative;
	z-index: 10;
}
.post-warpper:after {
	content:"\0020";display:block;height:0;clear:both;
}

.post-warpper-w {
	width: 100%;
    padding: 0;
    margin: 0 auto 0;
    display: block;
	position: relative;
	overflow: hidden;
}
.post-warpper-w:after {
	content:"\0020";display:block;height:0;clear:both;
}

.post-warpper ul, .post-warpper-w ul {
    list-style-type: disc;
}
.post-warpper ul li, .post-warpper-w ul li {
	list-style-type: disc;
    text-align: left;
	margin-left: 1.6em;
	line-height: 2em;
}
.post-warpper img, .post-warpper-w img {
	width: 100%;
	max-width: 1200px;
	height: auto;
}
.post-warpper img.sw-s, .post-warpper-w img.sw-s, .post-warpper img.sw-x, .post-warpper-w img.sw-x {
	width: auto;
	height: auto;
}
.post-warpper h2 {margin-bottom: 1.5em;}

.header {
    position: relative;
    right: 0;
    left: 0;
	top: 0;
    z-index: 9000;
	/*box-shadow: 0 2px 5px rgba(0,0,0,0.1);*/
	/*-webkit-transition:all 1s;-moz-transition:all 1s;-o-transition:all 1s;-ms-transition:all 1s;transition:all 1s;*/
}

.header.header-home {
	/*position: fixed;*/
}
.header.header-rel {
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.nav-bar {
	padding: 0;
	margin: 0;
	margin-left: 200px;
    width: auto;
	position: static;
	display: block;
	overflow: hidden;
	/*overflow-x: scroll;*/
}
.nav-bar::-webkit-scrollbar {
    display: none;
}
.menu-mask {
	display: none;
}
.nav-bar .menu-bar {
	padding: 0;
	margin: 0;
	width: auto;
	display: inline-block;
	float: left;
	overflow: hidden;
}
.nav-bar .menu-main {
	display: inline-block;
}
.nav-bar .menu-main::-webkit-scrollbar {
    display: none;
}
.nav-bar .menu-bar .menu-item {
	display: inline-block;
	float: left;
	white-space: nowrap;
	cursor: pointer;
	position: static;
}
.nav-bar>.menu-bar>.menu-item {
	margin: 23px 15px;
}
.nav-bar .menu-bar .menu-item .menu-item-ct, .nav-bar .menu-bar .menu-item .menu-item-ct.menu-drop-toggle {
	padding: 6px 0;
	display: block;
	float: none;
	font-size: 0.9em;
	font-weight: 500;
	white-space: nowrap;
	cursor: pointer;
	text-decoration: none;
}
.nav-bar>.menu-bar>.menu-item>.menu-item-ct {
	-webkit-transition:all 0.1s ease-in-out;
	-moz-transition:all 0.1s ease-in-out;
	-o-transition:all 0.1s ease-in-out;
	-ms-transition:all 0.1s ease-in-out;
	transition:all 0.1s ease-in-out;
}
.nav-bar>.menu-bar>.menu-drop.menu-item>.menu-item-ct.menu-drop-toggle {
	padding: 6px 8px 6px 0;
	float: left;
}
.nav-bar>.menu-bar>.menu-drop.menu-item>.menu-item-ct.menu-drop-toggle.more {
	padding: 25px 20px;
}
.nav-bar .menu-bar .menu-drop-panel .menu-item .menu-item-ct.menu-drop-toggle {
	padding: 15px 70px 15px 40px;
	width: 100%;
	float: left;
}
.nav-bar .menu-bar>.menu-item>.menu-item-ct {
	float: left;
	border-bottom: 3px solid transparent;
}
.menu-button {
	position: fixed;
	display: none;
	right: 0;
	top: 0;
	padding: 0;
	cursor: pointer;
}
.menu-button .line {
	position: static;
	width: 20px;
	height: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-radius: 1px;
}
.menu-button .line01 {
	margin-top: -18px;
    margin-left: 0;
}
.menu-button .line02 {
	margin-top: 6px;
    margin-left: 0;
}
.menu-button .line03 {
	margin-top: 6px;
    margin-left: 0;
}
.nav-bar .menu-bar .menu-item.menu-drop-more {
	position: static;
	display: none;
	float: left;
}

.nav-bar .menu-bar>.menu-drop>.menu-drop-aw {
	display: block;
    float: right;
    padding: 6px 2px 6px 0;
	border-left-width: 0;
	border-left-style: solid;
	white-space: normal;
}
.nav-bar .menu-bar>.menu-drop>.menu-drop-aw .aw-icon{
    display: inline-block;
	float: right;
    position: relative;
    margin-top: 0.55em;
    width: 6px;
    height: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
	-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;
}
.nav-bar .menu-bar>.menu-drop.menu-hl>.menu-drop-aw .aw-icon{
    transform: translate(0,3px) rotate(-45deg);
    -webkit-transform: translate(0,3px) rotate(-45deg);
}
.nav-bar .menu-drop-panel .menu-drop-aw {
    position: absolute;
	right: 0;
	display: inline-block;
    float: right;
    padding: 15px 30px 15px 10px;
	border-left-width: 0;
	border-left-style: solid;
	white-space: normal;
}
.nav-bar .menu-drop-panel>.menu-drop>.menu-drop-aw .aw-icon {
    display: inline-block;
	float: right;
    position: relative;
    margin-top: 0.5em;
    width: 6px;
    height: 6px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
	-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;
}
.nav-bar .menu-bar .menu-drop-panel {
	position: absolute;
	width: auto;
    z-index: 3700;
    display: none;
    float: left;
    padding: 15px 0;
    margin: 0;
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.nav-bar .menu-bar .menu-drop-panel .menu-item {
	display: block;
	float: none;
    overflow: hidden;
}
.nav-bar .menu-bar .menu-drop-panel .menu-item .menu-item-ct {
	padding: 15px 40px;
}
.nav-logo {
	margin: 0;
	padding: 0;
	width: 200px;
	height: 84px;
	display: block;
	float: left;
	background:url(LUXFIDES.svg?ver=1.5) center no-repeat; background-size: 50%;
}
.nav-logo .logo {
	padding: 0;
	margin: 0;
	width: 200px;
	height: 84px;
    display: block;
    float: left;
    color: rgba(0,0,0,0);
    font-weight: normal;
}
.clr-bw .nav-logo {
	background-image:url(icekredit-logo-w.png?ver=1.5);
}
.nav-title {
	color: #2360F8;
	font-weight: 700;
	display: none;
}
.banner-1 {
    width: 100%;
    height: 500px;
	/*height: 100%;*/
    background-position: center;
    background-size: cover;
	opacity: 1;
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}
.banner-1 .pal-tb {
	height: 500px;
	/*height: 100%;*/
}
.banner-2 {
    width: 100%;
    height: 620px;
	/*height: 100%;*/
    background-position: center;
    background-size: cover;
	opacity: 1;
}
.banner-2 .pal-tb {
	height: 620px;
	/*height: 100%;*/
}
.banner-1 .back-img, .banner-2 .back-img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
	-webkit-transition:all 3s;
	-moz-transition:all 3s;
	-o-transition:all 3s;
	-ms-transition:all 3s;
	transition:all 3s;
}
.banner-1 .back-img.go, .banner-2 .back-img.go{
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.banner-1 .back, .banner-2 .back, .back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -30;
}
.back {z-index: 0;}
.banner-1 h1, .banner-2 h1, .banner-1 h2, .banner-2 h2, .home .banner-1 h1, .home .banner-2 h1, .home .banner-1 h2, .home .banner-2 h2, .home .dark-banner h1, .home .dark-banner h2 {
	display: inline-block;
    color: hsla(0,0%,100%,.8);
    background: linear-gradient(left,hsla(0,0%,100%,.4),#fff,hsla(0,0%,100%,.4));
    background: -webkit-linear-gradient(left,hsla(0,0%,100%,.4),#fff,hsla(0,0%,100%,.4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: normal;
}
.banner-1 h1:after, .banner-2 h1:after, .banner-1 h2:after, .banner-2 h2:after {
	width: 100%;
	height: 1px;
	left: 0 !important;
	margin-left: 0 !important;
	background-color: rgba(255, 255, 255, 0.3);
}
.banner-1 h3, .banner-2 h3 {
	display: inline-block;
	width: 100%;
    color: hsla(0,0%,100%,.8);
    background: linear-gradient(left,hsla(0,0%,100%,.6),#fff,hsla(0,0%,100%,.4));
    background: -webkit-linear-gradient(left,hsla(0,0%,100%,.6),#fff,hsla(0,0%,100%,.4));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
	line-height: 1.6em;
}
.banner-1 h3:after, .banner-2 h3:after {
	content: none;
}
.header-rel + .menu-mask + .post-warpper-w {
	top: -84px;
}
.header-rel + .menu-mask + .post-warpper-w + *{
	margin-top: -84px;
}
.header + .menu-mask + .post-warpper-w {
	top: -88px;
}
.header + .menu-mask + .post-warpper-w + *{
	margin-top: -88px;
}
.home {
	height: 100%;
}
.swiper-wrapper {
	height: 100%;
}
.swiper-slide {
	height: 100%;
}
.banner-com {
	height: auto;
	position: relative;
	background-color: #252525;
}

.banner-white{background-color:#fff;}

.home h1, .home h2 {
	display: inline-block;
	/*color: #494949;
    background: linear-gradient(left,#4199a2,#18b7b7,#27ada6);
    background: -webkit-linear-gradient(left,#4199a2,#18b7b7,#27ada6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
	font-weight: normal;
}
.h1-content {
	font-size: 1.3em;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.7);
}
.h1-content-s {
	font-size: 1.1em;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.8);
}
.h1-content-s b {
	font-size: 1.1em;
	font-weight: 500;
}
p.stress {
	padding: 20px 30px;
	color: #941111;
	font-size: 1.2em;
}
.home h2 {
	/*color: #595959;*/
	font-weight: normal;
	text-align: left;
	line-height: 1.3em;
	text-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.home.clr-bw h1 {
	/*color: #777777;*/
	-webkit-text-fill-color: #777777;
	font-weight: normal;
	background: transparent;
}
.home.clr-bw h2 {
	color: #999999;
	font-weight: 300;
	text-align: left;
}
.home h4 {
	font-weight: 500;
	text-align: left;
}
.home .achieve-item .dot, .home .achieve-content .dot {
	width: 0.9em;
	height: 0.9em;
	margin: 0.15em;
	float: left;
	display: inline-block;
	background-color: #595959;
	border-radius: 0.6em;
	margin-right: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.home .achieve-item {
	background-color: transparent;
	margin: 5px;
	padding: 15px 20px;
	cursor: pointer;
	hidefocus: true;
	outline: 0;
	border: 1px solid #595959;
    -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;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	position: relative;
	overflow: hidden;
}
.home .achieve-item:hover {
	color: #777777;
	background-color: #66748c;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.home .achieve-item h4 {
	margin: 0;
	font-weight: 500;
	color: #595959;
	float: left;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	/*-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);*/
}
.home .achieve-item:hover h4 {
	color: #ffffff;
	/*-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);*/
}
.home .achieve-item:hover .dot {background-color: #ffffff;}
.home .achieve-content {
	color: rgba(255, 255, 255, 0.8);
	height: auto;
	hidefocus: true;
	outline: 0;
	margin: 15px 5px 5px 5px;
	/*padding: 20px 20px 20px 50px;*/
	padding: 0;
	background-color: rgba(255, 255, 255, 0.8);
	-webkit-box-shadow: 5px 5px 10px rgba(29,35,45,.1);
    box-shadow: 5px 5px 10px rgba(29,35,45,.1);
	display: none;
}
.home .achieve-content p {
	color: #595959;
}
.home .achieve-content h3{
	color: #494949;
	padding: 0;
}
.home .achieve-content h5 {
	color: #ffffff;
	margin-bottom: 10px;
}
.home .achieve-content .dot {
    position: absolute;
    left: 40px;
}
.home .achieve-content .ac-img {
	width: 100%;
	height: 100%;
	min-height: 200px;
    background-position: center;
    background-size: cover;
}
.home .achieve-content .thumbnail {
    width: 100px;
    float: left;
    position: relative;
    overflow: hidden;
}
.home .achieve-content .thumbnail .back-img {
	width: 50px;
	height: 50px;
	margin: 20px auto 20px auto;
    position: relative;
    overflow: hidden;
}
.home .achieve-content .ac-content {
	display: block;
    float: left;
    margin-left: -100px;
    padding: 20px 20px 0 100px;
    width: 100%;
}
.ac-back-1 {background-color: rgba(58, 71, 92, 0.8);}
.ac-back-2 {background-color: rgba(51, 63, 82, 0.8);}

.back-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    z-index: -50;
}
.home .achieve-item.active {background-color: #2360F8;border: 1px solid #2360F8;}
.home .achieve-item.active .dot {background-color: #ffffff;}
.home .achieve-item.active h4 {color: #ffffff;}
.home .achieve-back {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 100%;
	height: 200px;
	z-index: -1;
	background-color: #dee7ff;
}
.home .achieve-item.active+.achieve-back {
	background-color: transparent;
}
.back-img-1 {
	z-index: 5;
	background-image: url(/images/icktech-backimg-1.svg);
	#background-image: url(/images/icktech-backimg-1.png);
	background-image: url(/images/icktech-backimg-1.png)\0;
	opacity: 1;
}
.back-img-2 {
	z-index: 5;
	background-image: url(/images/icktech-backimg-2.svg);
	opacity: 1;
}
.back-img-3 {
	z-index: 5;
	background-image: url(/images/icktech-backimg-3.svg);
	opacity: 1;
}
.back-img.back-img-lw {
	width: 100%;
	max-width: 1200px;
    padding: 0 15px 0;
    margin: 0 auto 0;
    /*position: relative;
    top: -610px;*/
	left: 50%;
	transform: translate(-50%, 50px) !important; 
}
.amt-active .back-img.back-img-lw {
	transform: translate(-50%, 0) !important; 
}
@media screen {
    .back-img-1 {
        /*background-image: url(/images/icktech-backimg-1.png);*/
    }
}
.cover {
    background-position: center;
    background-size: cover;
}
.home-ai {
	margin-top: -80px;
	position: relative;
	background-color: transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 0.7;
}
.home-ai:hover {
	background-color: rgba(0,0,0,0.3);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 1;
}
.banner-swiper-container>.swiper-wrapper .swiper-slide-active .back-img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	opacity: 1;
}
.banner-com .swiper-button-prev, .banner-com .swiper-container-rtl .swiper-button-next, .banner-com .swiper-button-next, .banner-com .swiper-container-rtl .swiper-button-prev{background-image:none;}

.banner-com .swiper-button-prev, .banner-com .swiper-button-next {
	width: 36px;
	height: 56px;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.banner-com .swiper-button-prev {
	left: 60px;
}
.banner-com .swiper-button-next {
	right: 60px;
}
.banner-com .swiper-button-prev:hover {
	-moz-transform: translateX(-10px);
	-ms-transform: translateX(-10px);
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}
.banner-com .swiper-button-next:hover {
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.banner-com .swiper-button-prev:after, .banner-com .swiper-button-next:after {
	content: "\0020";
    display: inline-block;
    margin-top: 0.5em;
	left: 30px;
    width: 20px;
    height: 20px;
    border-top-width: 2px;
    border-top-style: solid;
    border-right-width: 2px;
    border-right-style: solid;
	border-color: rgba(255, 255, 255, 0.4);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.clr-bw .banner-com .swiper-button-prev:after, .clr-bw .banner-com .swiper-button-next:after {
	border-color: rgba(90, 90, 90, 0.4);
}
.banner-com .swiper-button-prev:hover:after, .banner-com .swiper-button-next:hover:after {
	border-color: #00eaea;
}
.banner-com .swiper-button-prev:after {
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.banner-com .swiper-button-next:after {
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.banner-swiper-container>.swiper-wrapper .back-img {
/*    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    z-index: -50;
	opacity: 0;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;*/
}

.home-partner {
    width: 100%;
    height: 140%;
    position: absolute;
    top: 0;
    left: 0;
    background-position: center;
    background-size: cover;
    z-index: -50;
	opacity: 0.4;
	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.partner-item {
	min-height: 100px;
	opacity: 0.7;
}
.partner-item:hover {
	opacity: 1;
}
.ar-item {
	min-height: 150px;
}
.ar-item img {
	width: 120px;
	margin-bottom: 10px;
}

.swiper-wrapper {
	transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

/*h1:after, h2:after, h3:after, h4:after {
	content: "";
	position: absolute;
	left: 0;
	background-color: #2360F8;
}*/
/*h3:after, h4:after {
	content: "";
	position: absolute;
	left: 0;
	background-color: #2360F8;
}*/
h1:after, h2:after{
	width: 60px;
    bottom: -30px;
    height: 5px;
}
h3:after, h4:after{
	width: 24px;
    bottom: -10px;
    height: 3px;
}
h1.title-line:after, h2.title-line:after, h3.title-line:after, h4.title-line:after{
    bottom: -2px;
}
h1.title-line, h2.title-line {
	padding-bottom: 5px;
	border-bottom: 1px solid #b2d4d4;
}
h3.title-line, h4.title-line {
	padding-bottom: 5px;
	border-bottom: 1px solid #dedede;
}

h1.ta-c:after, h2.ta-c:after{
	left: 50%;
	margin-left: -30px;
}
h3.ta-c:after, h4.ta-c:after{
	left: 50%;
	margin-left: -12px;
}
h1.ta-r:after, h2.ta-r:after, h3.ta-r:after, h4.ta-r:after{
	left: auto;
	margin-left: auto;
	right: 0;
}
h1.ta-l:after, h2.ta-l:after, h3.ta-l:after, h4.ta-l:after{
	margin-left: auto;
	left: 0;
}
.overboard-back {
	overflow: visible;
}
.overboard-back .post-warpper {
	top: -70px;
	border-radius: 2px;
	z-index: 1000;
	overflow: hidden;
}
.overboard-back .overboard-home {
	background-color: #f0f4ff;
	z-index: 10;
	/*color: #ffffff;
	-webkit-box-shadow: 0 2px 16px rgba(0,0,0,.15);
    box-shadow: 0 2px 16px rgba(0,0,0,.15);*/
}
.overboard-back .overboard-home .bd-l {
	border-color: #d5d8e2;
}
.overboard-back h2.name {
	font-family:"Product Sans Regular",Verdana,Arial,sans-serif !important;
	color: #232323;
	margin-bottom: 0.2em;
	font-weight: 700;
}
.overboard-back .content {color:#585858;margin-bottom: 0.2em;}
.timeline>div {
	overflow: visible;
}
.timeline .line-panel {
	position: relative;
	border-right: 1px solid #a5e2e2;
	overflow: visible;
}
.timeline .line-panel:after {
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 5px;
	position: absolute;
	right: -5px;
	top: 3em;
	background-color: #2360F8;
}
.timeline .line-panel.bdot:after {
	content: "";
	width: 16px;
	height: 16px;
	border-radius: 8px;
	position: absolute;
	right: -8px;
	top: 2.2em;
	background-color: #006969;
}
.timeline h5 {
	margin-top: 1.6em;
	font-size: 1.1em;
	line-height: 1em;
	font-weight: 300;
	margin-bottom: 5px;
}
.timeline .day {
	font-size: 3em;
	font-weight: 300;
}
.timeline .month {
	color: #2360F8;
}
.timeline span.year  {
	font-size: 1.8em;
	line-height: 1em;
	font-weight: 300;
	margin-top: -0.4em;
	color: #2360F8;
	display: inline-block;
}
.timeline .bottomline {
	/*border-bottom: 1px solid #ffdbd9;*/
}
#nav-scroll {
    display: block;
	position: fixed;
    right: 10px;
    bottom: 70px;
    z-index: 9999;
}
#nav-scroll .item {
    display: block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    margin-top: 3px;
    background-color: #2360F8;
    color: #fff;
    position: relative;
    cursor: pointer;
    text-align: center;
    transition: all 0.5s;
	border-radius: 5px;
}

a.button-1 {
    position: relative;
    display: inline-block;
    /*margin-bottom: 10px;*/
	font-weight: 500;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    letter-spacing: .08em;
	vertical-align: middle;
	border-radius: 4px;
    /*text-shadow: 0 1px 1px rgba(0,0,0,0.2);*/
    -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;
}
.icon-arrow {
    display: block;
	position: absolute;
	top: 50%;
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-webkit-transform: translateX(0);
	transform: translateX(0);
    -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;
}
a.button-1:hover .icon-arrow{
	-moz-transform: translateX(10px);
	-ms-transform: translateX(10px);
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}
.icon-arrow .line-c {
    display: block;
	position: absolute;
	top: 50%;
	margin-top: -3px;
    right: 20px;
    width: 7px;
    height: 7px;
    border-top-width: 1px;
    border-top-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.icon-arrow .line {
    display: block;
	position: absolute;
	top: 50%;
    right: 20px;
    width: 10px;
    height: 1px;
}
a.button-2 {
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
	font-weight: 500;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    letter-spacing: .08em;
	vertical-align: middle;
    /*text-shadow: 0 1px 1px rgba(0,0,0,0.2);*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.clr-bt-1.button-2 {
	color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0);
	background-color: #2360F8;
	padding: 10px 30px 10px 30px;
	font-size: 1em;
	-webkit-box-shadow: none;
    box-shadow: none;
}
.clr-bt-1.button-2:hover {
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0);
	background-color: #3c6cfb;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}
.clr-bt-2.button-2 {
	color: #2360F8;
	border: 1px solid #73cccc;
    background-color: #effdfd;
	padding: 10px 30px 10px 30px;
	font-size: 1em;
	-webkit-box-shadow: none;
    box-shadow: none;
}
.clr-bt-2.button-2:hover {
	color: #3c6cfb;
    border: 1px solid #2cb9b9;
    background-color: #ddf9f9;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}

.clr-bt-1 .icon-arrow .line-c {
	border-color: rgba(255, 255, 255, 0.8);
}
.clr-bt-1 .icon-arrow .line {
	background-color: rgba(255, 255, 255, 0.8);
}
.clr-bt-1.button-1 {
	color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0);
	background-color: #2360F8;
	padding: 15px 50px 15px 25px;
	font-size: 1.1em;
}
.clr-bt-1.button-1:hover {
	color: #2360F8;
	border: 1px solid rgba(255, 255, 255, 0);
	background-color: #ffffff;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.1);
}
.clr-bt-1.clr-bt-bd.button-1 {
	color: rgba(255,255,255,0.9);
    border: 2px solid rgba(255, 255, 255, 0.6);
	background-color: transparent;
}
.clr-bt-1.clr-bt-bd.button-1:hover {
	color: #3c6cfb;
	border: 2px solid #ffffff;
	background-color: #ffffff;
}
.clr-bt-1.clr-bt-bd.button-1:hover .icon-arrow .line-c {
	border-color: #3c6cfb;
}
.clr-bt-1.clr-bt-bd.button-1:hover .icon-arrow .line {
	background-color: #3c6cfb;
}
.clr-bt-1.clr-bt-w.button-1 {
	color: #dc2919;
    border: 1px solid rgba(255, 255, 255, 0);
	background-color: #ffffff;
	padding: 15px 50px 15px 35px;
	font-size: 1.1em;
}
.clr-bt-1.clr-bt-w.button-1:hover {
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0);
	background-color: #2360F8;
}
.clr-bt-1.clr-bt-w .icon-arrow .line-c {
	border-color: #dc2919;
}
.clr-bt-1.clr-bt-w .icon-arrow .line {
	background-color: #dc2919;
}
.clr-bt-1.clr-bt-w.button-1:hover .icon-arrow .line-c {
	border-color: #ffffff;
}
.clr-bt-1.clr-bt-w.button-1:hover .icon-arrow .line {
	background-color: #ffffff;
}

.clr-bt-1.clr-bt-if.button-1 {
	color: #666666;
	border: 1px solid rgba(0, 0, 0, 0.12);
	background-color: transparent;
	font-size: 1em;
}
.clr-bt-1.clr-bt-if.button-1 .icon-arrow .line-c {
	border-color: #666666;
}
.clr-bt-1.clr-bt-if.button-1 .icon-arrow .line {
	background-color: #666666;
}
.clr-bt-1.clr-bt-if.button-1 i {
	font-size: 1.3em;
	color: #666666;
	margin-top: 2px;
}
.clr-bt-1.clr-bt-if.button-1:hover {
	color: #3c6cfb;
    border: 1px solid rgba(116, 208, 208, 0.7);
    background-color: #eff9f9;
}
.clr-bt-1.clr-bt-if.button-1:hover i {
	color: #3c6cfb;
}
.clr-bt-1.clr-bt-if.button-1:hover .icon-arrow .line-c {
	border-color: #3c6cfb;
}
.clr-bt-1.clr-bt-if.button-1:hover .icon-arrow .line {
	background-color: #3c6cfb;
}

.clr-bt-1.clr-bt-r.button-1 i {
	font-size: 1.3em;
	line-height: 1.1em;
	color: #ffffff;
}
.clr-bt-1.clr-bt-r.button-1:hover {
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0);
	background-color: #3c6cfb;
}
.clr-bt-1.clr-bt-r.button-1:hover .icon-arrow .line-c {
	border-color: #ffffff;
}
.clr-bt-1.clr-bt-r.button-1:hover .icon-arrow .line {
	background-color: #ffffff;
}

.clr-bt-2.clr-bt-r.button-1 {
	color: #ffffff;
	border: 1px solid rgba(255, 255, 255, 0);
	background-color: #2360F8;
}
.clr-bt-2.clr-bt-r.button-1:hover {
	color: #ffffff;
	border: 1px solid #003eda;
	background-color: #0048ff;
	-webkit-box-shadow: 3px 3px 8px rgba(0,0,0,0.2);
    box-shadow: 3px 3px 8px rgba(0,0,0,0.2);
}
.clr-bt-2.clr-bt-r.button-1 .icon-arrow .line-c {
	border-color: #ffffff;
}
.clr-bt-2.clr-bt-r.button-1 .icon-arrow .line {
	background-color: #ffffff;
}
.clr-bt-2.clr-bt-r.button-1:hover .icon-arrow .line-c {
	border-color: #ffffff;
}
.clr-bt-2.clr-bt-r.button-1:hover .icon-arrow .line {
	background-color: #ffffff;
}

.clr-bt-1 .icon-arrow {
	right: 10px;
}
.clr-bt-1.button-1:hover .icon-arrow .line-c {
	border-color: #2360F8;
}
.clr-bt-1.button-1:hover .icon-arrow .line {
	background-color: #2360F8;
}

.clr-bt-2 .icon-arrow .line-c {
	border-color: #2360F8;
}
.clr-bt-2 .icon-arrow .line {
	background-color: #2360F8;
}
.clr-bt-2.button-1:hover .icon-arrow .line-c {
	border-color: #ffffff;
}
.clr-bt-2.button-1:hover .icon-arrow .line {
	background-color: #ffffff;
}
.clr-bt-2.button-1 {
	color: #2360F8;
    border: 1px solid #ffb2ac;
    background-color: #ffffff;
	padding: 12px 40px 12px 25px;
	font-size: 1em;
}
.clr-bt-2.button-1:hover {
	color: #ffffff;
	border: 1px solid #2360F8;
    background-color: #2360F8;
}
.clr-bt-2 .icon-arrow {
	right: 0;
}

.clr-bt-3 .icon-arrow .line-c {
	border-color: #2360F8;
}
.clr-bt-3 .icon-arrow .line {
	background-color: #2360F8;
}
.clr-bt-3.button-1 {
	padding: 10px 34px 10px 20px;
	font-size: 1em;
	color: #2360F8;
    border: 1px solid #ffb2ac;
    background-color: rgba(255, 255, 255, 0.9);
}
.clr-bt-3.button-1:hover .icon-arrow .line-c {
	border-color: #2360F8;
}
.clr-bt-3.button-1:hover .icon-arrow .line {
	background-color: #2360F8;
}
.clr-bt-3.button-1:hover {
	color: #2360F8;
	border: 1px solid #ffffff;
    background-color: #ffffff;
}
.clr-bt-3 .icon-arrow {
	right: 0;
}

.post-warpper .nl-w-200, .post-warpper-w .nl-w-200 {
	margin-bottom: 20px;
	width: 200px;
	height: auto;
	display: block;
	float: left;
}
.post-warpper .nl-wa-200, .post-warpper-w .nl-wa-200 {
	margin-left: 240px;
	width: auto;
	display: block;
	float: none;
}
.post-warpper .nl-wa-200:after, .post-warpper-w .nl-wa-200:after {
	content: "\0020";
	clear: both;
}
.timeline-back {
	background-image: url(images/about-us/about-zilliz/timeline-back.svg);
	#background-image: url(images/about-us/about-zilliz/timeline-back.png);
	background-image: url(images/about-us/about-zilliz/timeline-back.png)\0;
	background-position: center;
    background-size: cover;
}
@media screen {
    .timeline-back {
        background-image: url(images/about-us/about-zilliz/timeline-back.png);
    }
}
.icktech-back {
    background-image: url(images/icktech-backimg.svg);
	/*#background-image: url(images/icktech-back.png);
	background-image: url(images/icktech-back.png)\0;*/
    background-position: center;
    background-size: cover;
}
@media screen {
    .icktech-back {
        /*background-image: url(images/icktech-backimg.png);*/
    }
}
.black-back {
	background-color: #191919;
	background-position: center;
    background-size: cover;
	background-image: url(images/black-back-img.svg);
}
.gray-back {
	background-color: #243380;
	background-position: center;
    background-size: cover;
	background-image: url(images/gray-img.svg);
}
.gray-back-1 {
	background-color: #323536;
	background-position: center;
    background-size: cover;
	background-image: url(images/gray-img.svg);
}
.gray-back-2 {
	background-color: #f5f5f9;
}
.com-back-1 {
	background-position: center;
    background-size: cover;
	background-image: url(images/com-back-1.svg);
	#background-image: url(images/com-back-1.png);
	background-image: url(images/com-back-1.png)\0;
}
@media screen {
    .com-back-1 {
        background-image: url(images/com-back-1.png);
    }
}
.white-back {
	background-color: #ffffff;
	background-position: center;
    background-size: cover;
	background-image: url(images/white-back-img.svg);
}
.red-back {
	background-color: #2360F8;
	background-position: center;
    background-size: cover;
	background-image: url(images/white-back-img.svg);
}
.bg-white {
	background-color: #ffffff;
}
.bg-clr-1 {
	/*background: linear-gradient(left bottom,#114198,#2c8bec);
	background: -webkit-linear-gradient(left bottom,#114198,#2c8bec);

	background: linear-gradient(left bottom,#004834,#00326f);
	background: -webkit-linear-gradient(left bottom,#004834,#00326f);

	background: linear-gradient(left bottom,#e62e2e,#e23a3a);
	background: -webkit-linear-gradient(left bottom,#e62e2e,#e23a3a);

	background: linear-gradient(left bottom,#03b3ab,#0090c7);
    background: -webkit-linear-gradient(left bottom,#03b3ab,#0090c7);
	background-color: #03b3ab;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#03b3ab',endColorStr='#0090c7',gradientType='1'); */
	background-color: #ffffff;
	border: none;

}
.bg-clr-1 h1, .bg-clr-1 h2, .bg-clr-1 h3 {
	color: #ffffff;
}
.bg-clr-1 span, .bg-clr-1 p, .bg-clr-1 li {
	color: rgba(255, 255, 255, 0.8);
}
.bg-clr-2 {
	/*background: linear-gradient(left bottom,#034290,#095c6f);
	background: -webkit-linear-gradient(left bottom,#034290,#095c6f);*/

	/*background: linear-gradient(left bottom,#00686d,#004e86);
	background: -webkit-linear-gradient(left bottom,#00686d,#004e86);
	background-color: #00686d;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#00686d',endColorStr='#004e86',gradientType='1');*/
	background-color: #435169;
	border: none;
}
.bg-clr-2 h1, .bg-clr-2 h2, .bg-clr-2 h3 {
	color: #ffffff;
}
.bg-clr-2 span, .bg-clr-2 p, .bg-clr-2 li {
	color: rgba(255, 255, 255, 0.8);
}
.bg-clr-3 {
	background-color: #E9EEF7;
	border: none;
}
.bg-clr-3 h1, .bg-clr-3 h2, .bg-clr-3 h3 {
	/*color: #595959;*/
}
.bg-clr-3 span, .bg-clr-3 p, .bg-clr-3 li {
	color: rgba(255, 255, 255, 0.8);
}
.black-back h1, .black-back h2, .black-back h3 {
	color: #ffffff;
}
.black-back span, .black-back p, .black-back li {
	color: rgba(255, 255, 255, 0.8);
}
.black-back h3:after {
	background-color: #ffffff;
}
.red-back h1, .red-back h2, .red-back h3 {
	color: #ffffff;
}
.red-back span, .red-back p, .red-back li {
	color: rgba(255, 255, 255, 0.8);
}
.red-back h3:after {
	background-color: #ffffff;
}
.gray-back p.stress {
	color: rgba(255, 255, 255, 0.8);
	font-size: 1.2em;
	background-color: transparent;
	padding: 20px 0;
}
span.tag-r {
	font-family:"Techna Sans Regular",Verdana,Arial,sans-serif !important;
    color: #e20b13;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #ffe5e5;
    border-radius: 10px;
    font-size: 0.8em;
    font-weight: 800;
	transform: rotate(-45deg);
}
span.tag-g {
    color: #09a741;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #e1f7e4;
    border-radius: 10px;
    font-size: 0.8em;
    font-weight: 800;
	transform: rotate(45deg);
}
.job-item {
    /*-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/
	padding-top: 10px;
	margin-bottom: 30px;
	background-color: #f9f9fc;
}
.job-item h3{
	padding: 20px;
	color: #ffffff;
	background-color: #b8c3da;
}
.job-item .content{
	padding: 20px;
}
.job-item .content i.tag{
	padding: 5px 12px;
	margin-right: 5px;
	background-color: #ffffff;
	border: 1px solid #eaeaea;
	border-radius: 3px;
}
.jobs-bt {
	cursor: pointer;
}
.jobs-bt>div{
	background-color: #fbfcfc;
	border: none;
	border-top: 1px solid #a5d2d2 !important;
}
.jobs-bt:hover>div{
	background-color: #ffffff;
}
.jobs>div {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.jobs:hover>div {
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	border-top: 1px solid #2360F8 !important;
}
.jobs h6 {
	margin-bottom: 10px;
}
.jobs .content {
	width: 100%;
	height: 120px;
	/*display: none;*/
	float: left;
	overflow: hidden;
	border-bottom: 1px dashed #cacaca;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.jobs .name, .news .name {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.jobs-bt .locations {
	margin-bottom: 0;
}
.jobs .pal-a {
	background-position: center;
	background-size: cover;
}
.jobs .location {
    display: inline-block;
    font-size: 0.9em;
    margin-right: 5px;
    padding: 2px 8px;
    border: 1px solid #bcdde0;
    background-color: #ffffff;
    color: #2360F8;
    white-space: nowrap;
}
.news {
	min-height: 260px;
	background-color: rgba(0, 0, 0, 0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.news:hover {
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.news, .news * {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.news>div {
	position: relative;
	background-color: rgba(255, 255, 255, 0.9);
	border: none;
}
.news .thumbnail {
	width: 100%;
	height: 160px;
	position: relative;
	overflow: hidden;
}
.news .name {
	color: #333333;
}
.news .date, .news .content{
	color: #777777;
	position: relative;
	z-index: 10;
}
.news .date {
	margin-bottom: 20px;
}
.news .content {
	margin-bottom: 80px;
}
.news a.button-1 {
	position: absolute;
	right: 30px;
	bottom: 20px;
	z-index: 10;
}
.news .back-img {
	z-index: 0;
	opacity: 0.9;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;
	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.news .mask {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0);
}
.news:hover .name {
	color: #333333;
}
.news:hover .date, .news:hover .content {
	color: #777777;
}
.news:hover .mask {
	background-color: rgba(255, 0, 0, 0.8);
}
.news:hover .back-img {
	opacity: 1;
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.news.category .pal-tbc{
	background-color: #56c3c3;
}
.news.category .font-tp {
	font-weight: 700;
	font-size: 7em;
    color: hsla(0,0%,100%,.8);
    background: linear-gradient(left,hsla(0,0%,100%,.4),#fff,hsla(0,0%,100%,.4));
    background: -webkit-linear-gradient(left,hsla(0,0%,100%,.4),#fff,hsla(0,0%,100%,.4));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom: 0;
	text-shadow: 0 0 0 rgba(0,0,0,0);
}
.category-title {
	background-color: #2360F8;
	background-image: url(images/title-back-1.svg);
    background-position: center;
    background-size: cover;
}
.category-title .font-tp {
	font-weight: 700;
    color: hsla(0,0%,100%,.8);
    background: linear-gradient(left,hsla(0,0%,100%,.4),#fff,hsla(0,0%,100%,.4));
    background: -webkit-linear-gradient(left,hsla(0,0%,100%,.4),#fff,hsla(0,0%,100%,.4));
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	padding-top: 14px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	text-shadow: 0 0 0 rgba(0,0,0,0);
}

.techs {
	min-height: 260px;
	background-color: rgba(0, 0, 0, 0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.techs:hover {
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	transform: translateY(-15px);
}
.techs.noframe:hover {
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}
.techs, .techs * {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.techs>div {
	position: relative;
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid #f6f6f6;
}
.techs .thumbnail {
	width: 80px;
	height: 80px;
	margin: 30px auto 0 auto;
	position: relative;
	overflow: hidden;
}
.techs .name {
	color: #494949;
}
.techs .content{
	color: #595959;
	position: relative;
	z-index: 10;
}
.techs .content {
	/*margin-bottom: 30px;*/
}
.techs .back-img {
	z-index: 0;
	opacity: 1;
	-webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;
	-moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
.techs .mask {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	z-index: 1;
	background-color: rgba(255, 255, 255, 0);
}
.techs:hover .name {
	color: #494949;
}
.techs:hover .date, .techs:hover .content {
	color: #595959;
}
.techs:hover .mask {
	background-color: rgba(255, 0, 0, 0.8);
}
.techs:hover .back-img {
	opacity: 1;
	-moz-transform: translateY(-0px);
    -webkit-transform: translateY(-0px);
    -o-transform: translateY(-0px);
    transform: translateY(-0px);
}
.techs.noframe>div {
	border-color: rgba(255,255,255,0);
}
.techs.noframe>div:hover {
	border-color: rgba(234,234,234,1);
	-webkit-box-shadow: 0 2px 16px rgba(0,0,0,.05);
    box-shadow: 0 2px 16px rgba(0,0,0,.05);
}
.techs.noframe .thumbnail {
	width: 100px;
	height: 100px;
}

.partner-swiper-container {
	height: 410px;
}
.partner-swiper-container * {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.partner-swiper-container .partner-item {
	width: 240px;
	height: 180px;
	margin: 0 10px;
	background-color: rgba(255, 255, 255, 0.7);
}
.partner-swiper-container .partner-item h4 {
	color: #ffffff;
	z-index: 160;
	padding: 0;
	margin: 0;
	opacity: 0;
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}
.partner-swiper-container .partner-item:hover h4 {
	opacity: 1;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.partner-swiper-container .partner-item  h4:after {
	display: none;
}
.partner-swiper-container .partner-item .back-img {
	width: auto;
	height: auto;
	top: 40px;
	left: 70px;
	right: 70px;
	bottom: 40px;
	z-index: 100;
}
.partner-swiper-container .partner-item .back-mask {
    width: 100%;
    height: 100%;
    position: absolute;
	top: 0;
	left: 0;
	z-index: 110;
	background-color: #2360F8;
	opacity: 0;
}
.partner-swiper-container .partner-item:hover .back-mask {
	opacity: 0.95;
}
.contactus-forms.p-m {
	padding-top: 0;
	overflow: visible;
}
.contactus-form {
    -webkit-box-shadow: 0 5px 12px rgba(0,0,0,0.1);
    box-shadow: 0 5px 12px rgba(0,0,0,0.1);
}
.contactus-info h3{
	margin-bottom: 0.5em;
}
.contactus-panel {
    width: 100%;
    margin: 20px auto;
	padding: 20px;
    background-color: #ffffff;
}
.form-group {
    float: left;
    width: 100%;
}
.form-group label {
    width: 100%;
    text-align: left;
    font-weight: 300;
    font-size: 1em;
    color: #777;
    padding: 10px 20px;
    border: 1px solid transparent;
	float:left;
}
.mustfill{
	width: 6px;
	height: 6px;
	top: 22px;
	border-radius: 3px;
	position: absolute;
	background-color: #d45151;
}
.form-control {
	font-family: "Open Sans" !important;
	width: 100%;
    border: 0;
    font-size: 1em;
    font-weight: 500;
    color: #333;
    padding: 15px 10px;
    border-bottom: 1px solid #eaeaea;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0);
    box-shadow: inset 0 0 0 rgba(0,0,0,0);
    -webkit-appearance: none;
    height: auto;
    line-height: normal;
}
.form-control:focus{
	border-bottom: 1px solid #858892;
}

.post-radio{float:left;text-align:center;}
.post-radio span{
	display:inline-block;
	width:95%;
	border:none;
	font-size:1em;
	font-weight:500;
	color:#666;
	padding:10px 5px;
    border: 1px solid #d0d8d8;
    background-color: #e8ecec;
	transition:all 0.5s;
	cursor:pointer;
}
.post-radio span.bt{
	width: auto;
	padding: 10px 20px;
	margin-right: 5px;
}
.post-radio.tabs-button {
	width: 50%;
	max-width: 260px;
	margin: 0;
	float: none;
	display: inline-block;
	background-color: transparent;
	vertical-align: bottom;
}
.post-radio.tabs-button span.bt{
	width: 100%;
	margin: 0;
	padding: 30px 10px;
	font-size: 20px;
	color: #666666;
	background-color: transparent;
	border: none;
	border-bottom: 4px solid transparent;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.post-radio:hover span {
	color: #3c6cfb;
    border: 1px solid rgba(116, 208, 208, 0.7);
    background-color: #eff9f9;
}
.post-radio.active span{border:1px solid #2360F8;background-color:#2360F8;color:#fff;}

.post-radio.tabs-button:hover span.bt {
	border-bottom: 4px solid #c6e4e4;
	color: #666666;
	background: linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.05));
    background: -webkit-linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.05));
}
.post-radio.tabs-button.active span.bt {
	border-bottom: 4px solid #2360F8;
	color: #404040;
	background: linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.15));
    background: -webkit-linear-gradient(top,hsla(0,0%,100%,0),hsla(0,0%,100%,.15));
}

.s-text{font-size: 0.5em;line-height: 0.5em;}

.csr_nm{cursor:default !important;}
.csr_nm + .menu-drop-aw{border-left-width:0 !important;}
.err-bd{border-bottom:1px solid #f94a4a !important;outline:none !important;}
.err-msg{display:inline-block;color:#f94a4a;text-align:left;width:100%;font-size:0.8em;}
.spt-h-h{width:100%;height:120px;}
.spt-l-h{width:100%;height:80px;}
.spt-m-h{width:100%;height:50px;}
.spt-s-h{width:100%;height:30px;}

.bd-a{border-width:1px;border-style:solid;}
.bd-l{border-left-width:1px;border-left-style:solid;}
.bd-l:first-child{border-left-width:0;}
.bd-l.bd-lc{border-left-width:0;border-top-width:1px;border-top-style:solid;}
.bd-l.bd-lc:first-child{border-left-width:0;border-top-width:0;}

.c-h-1, .c-h-2, .c-h-3, .c-h-4, .c-h-5, .c-h-6, .c-h-7, .c-h-8, .c-h-9, .c-h-10, .c-h-11, .c-h-12,
.c-l-1, .c-l-2, .c-l-3, .c-l-4, .c-l-5, .c-l-6, .c-l-7, .c-l-8, .c-l-9, .c-l-10, .c-l-11, .c-l-12,
.c-m-1, .c-m-2, .c-m-3, .c-m-4, .c-m-5, .c-m-6, .c-m-7, .c-m-8, .c-m-9, .c-m-10, .c-m-11, .c-m-12,
.c-s-1, .c-s-2, .c-s-3, .c-s-4, .c-s-5, .c-s-6, .c-s-7, .c-s-8, .c-s-9, .c-s-10, .c-s-11, .c-s-12,
.c-x-1, .c-x-2, .c-x-3, .c-x-4, .c-x-5, .c-x-6, .c-x-7, .c-x-8, .c-x-9, .c-x-10, .c-x-11, .c-x-12
{
	float: left;
	position: relative;
    min-height: 1px;
	overflow: hidden;
}
.c-x-1{width:8.33333333%;}.c-x-2{width:16.66666667%;}.c-x-3{width:25%;}.c-x-4{width:33.33333333%;}.c-x-5{width:41.66666667%;}.c-x-6{width:50%;}.c-x-7{width:58.33333333%;}.c-x-8{width:66.66666667%;}.c-x-9{width:75%;}.c-x-10{width:83.33333333%;}.c-x-11{width:91.66666667%;}.c-x-12{width:100%;}
.c-s-1{width:8.33333333%;}.c-s-2{width:16.66666667%;}.c-s-3{width:25%;}.c-s-4{width:33.33333333%;}.c-s-5{width:41.66666667%;}.c-s-6{width:50%;}.c-s-7{width:58.33333333%;}.c-s-8{width:66.66666667%;}.c-s-9{width:75%;}.c-s-10{width:83.33333333%;}.c-s-11{width:91.66666667%;}.c-s-12{width:100%;}
.c-m-1{width:8.33333333%;}.c-m-2{width:16.66666667%;}.c-m-3{width:25%;}.c-m-4{width:33.33333333%;}.c-m-5{width:41.66666667%;}.c-m-6{width:50%;}.c-m-7{width:58.33333333%;}.c-m-8{width:66.66666667%;}.c-m-9{width:75%;}.c-m-10{width:83.33333333%;}.c-m-11{width:91.66666667%;}.c-m-12{width:100%;}
.c-l-1{width:8.33333333%;}.c-l-2{width:16.66666667%;}.c-l-3{width:25%;}.c-l-4{width:33.33333333%;}.c-l-5{width:41.66666667%;}.c-l-6{width:50%;}.c-l-7{width:58.33333333%;}.c-l-8{width:66.66666667%;}.c-l-9{width:75%;}.c-l-10{width:83.33333333%;}.c-l-11{width:91.66666667%;}.c-l-12{width:100%;}
.c-h-1{width:8.33333333%;}.c-h-2{width:16.66666667%;}.c-h-3{width:25%;}.c-h-4{width:33.33333333%;}.c-h-5{width:41.66666667%;}.c-h-6{width:50%;}.c-h-7{width:58.33333333%;}.c-h-8{width:66.66666667%;}.c-h-9{width:75%;}.c-h-10{width:83.33333333%;}.c-h-11{width:91.66666667%;}.c-h-12{width:100%;}
.p-s{padding:15px;}
.p-m{padding:30px;}
.p-b-0{padding-bottom:0 !important;}
.p-0{padding:0}
.p-l-s{padding-left:15px;}
.p-r-s{padding-right:15px;}
.p-lr-s{padding-left:15px;padding-right:15px;}
.p-lr-m{padding-left:30px;padding-right:30px;}
.p-lbr-s{padding-left:15px;padding-bottom:15px;padding-right:15px;}
.m-tb-s{margin-top:15px;margin-bottom:15px;}
.m-tb-m{margin-top:30px;margin-bottom:30px;}
.m-lr-m{margin-left:30px;margin-right:30px;}
.m-t-m{margin-top:30px;}
.m-t-s{margin-top:15px;}
.m-b-m{margin-bottom:30px;}
.m-r-m{margin-right:30px;}
.m-b-0{margin-bottom:0 !important;}
.m-b-1em{margin-bottom:1em;}
.m-x{margin:8px;}
.m-s{margin:15px;}
.m-m{margin:30px;}
.m-0{margin:0}
.m-w-s{max-width:220px !important;}
.m-w-m{max-width:300px !important;}
.m-h-s{max-height:220px !important;}
.m-h-m{max-height:300px !important;}
.mn-h-s{min-height:220px !important;}
.mn-h-m{min-height:300px !important;}

.clr-m{background-color:rgba(0,0,0,0);color:#333333;}
.clr-m.header-rel{
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(255, 255, 255, 0);
	/*background: linear-gradient(top,rgba(0,0,0,0.3),rgba(0,0,0,0));
    background: -webkit-linear-gradient(top,rgba(0,0,0,0.3),rgba(0,0,0,0));*/
	border: none;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.clr-m.header-rel:hover {
	/*background-color: rgba(0, 0, 0, 0.6);
	border-color: rgba(255, 255, 255, 0);*/
}
.clr-m.header-rel:hover>.nav-bar>.menu-bar>.active-menu-drop>.active{color:#ffffff;}
.clr-m>.nav-bar>.menu-bar>.menu-item>.menu-item-ct{color:#ffffff;color:rgba(255,255,255,0.6);}
.clr-m>.nav-bar>.menu-bar>.menu-item>.menu-item-ct.active{color:#ffffff;border-bottom: 3px solid #ffffff;border-bottom: 3px solid rgba(255,255,255,0.4);}
.clr-m.header-rel>.nav-bar>.menu-bar>.menu-item>.menu-item-ct{color:#ffffff;color:rgba(255,255,255,0.6);}
.home.clr-bw .clr-m>.nav-bar>.menu-bar>.menu-item>.menu-item-ct{color:#333333;}
.home.clr-bw .clr-m>.nav-bar>.menu-bar>.menu-item>.menu-item-ct.active{color:#2360F8;}
.clr-m .nav-bar>.menu-bar>.menu-item{/*border:1px solid rgba(234,234,234,0);*/}
.clr-m .menu-item-ct{color:#333333;}
.clr-m .menu-item-ct.more{color:#333333;}
.clr-m .menu-drop>.menu-drop-aw{color:#e6e6e6;}
.clr-m>.nav-bar>.menu-bar>.menu-hl>.menu-item-ct,.clr-m.header-rel>.nav-bar>.menu-bar>.menu-hl>.menu-item-ct{color:#ffffff;background-color:rgba(245,245,245,0);border-bottom: 3px solid #ffffff;border-bottom: 3px solid rgba(255,255,255,0.4);}
.clr-m>.nav-bar>.menu-bar>.menu-hl>.menu-drop-toggle,.clr-m.header-rel>.nav-bar>.menu-bar>.menu-hl>.menu-drop-toggle{background-color:transparent;border-bottom: none;}
.home.clr-bw .clr-m>.nav-bar>.menu-bar>.menu-hl>.menu-item-ct,.home.clr-bw  .clr-m.header-rel>.nav-bar>.menu-bar>.menu-hl>.menu-item-ct{color:#2360F8;background-color:rgba(245,245,245,0);}
.home.clr-bw .clr-m>.nav-bar>.menu-bar>.menu-hl>.menu-drop-toggle,.home.clr-bw  .clr-m.header-rel>.nav-bar>.menu-bar>.menu-hl>.menu-drop-toggle{background-color:rgba(245,245,245,1);}
.clr-m>.nav-bar>.menu-bar>.menu-item.menu-hl{/*border:1px solid rgba(234,234,234,1);border-bottom-width:0;*/}
.clr-m .menu-hl>.menu-item-ct{color:#2360F8;background-color:rgba(45,45,45,0.0);}
.clr-m .menu-hl .menu-hl>.menu-item-ct{color:#2360F8;background-color:rgba(35,96,248,0.06);}
.clr-m .active{color:#2360F8;}
.clr-m .active-menu-drop>.active{color:#2360F8;}
.clr-m>.nav-bar>.menu-bar>.active-menu-drop>.active,.clr-m.header-rel>.nav-bar>.menu-bar>.active-menu-drop>.active{color:#ffffff;}
.home.clr-bw .clr-m>.nav-bar>.menu-bar>.active-menu-drop>.active{color:#2360F8;}
.clr-m .active-menu-drop>.menu-drop-aw{color:#ffffff;}
.clr-m .menu-bar .menu-drop-panel{background-color:rgba(245, 245, 245, 1);}
.clr-m .menu-drop-aw{border-color:#2f2f2f;}
.clr-m .menu-button .line{border-color:#cccccc;}
.clr-m .menu-bar .menu-drop-panel {
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px rgba(0,0,0,0.3);
	/*border: 1px solid #eaeaea;*/
	border-radius: 8px;
}
.clr-m .menu-bar .menu-drop-panel .menu-drop-panel {
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.3);
    box-shadow: 0 6px 10px rgba(0,0,0,0.3);
	/*border: 1px solid #eaeaea;*/
	background-color:#ffffff;
}
.clr-m .menu-bar .menu-drop-panel .menu-drop-panel .menu-drop-panel {
	background-color:rgba(225, 225, 225, 1);
}
.clr-m .menu-button .line{border-color:#ffffff;}
.clr-m.header-rel .nav-logo{background:url(LUXFIDES.svg?ver=1.5) center no-repeat; background-size: 50%;}
.clr-bw .h1-content{color:#999999;}
.clr-d .line{border-color:#333333;}
.clr-d .close{border-color:#ffffff;}
.clr-d .close:hover{border-color:#bbbbbb;}
.clr-d .loading-icon{border-color:#2360F8;}

.clr-1{background-color:transparent;color:#777777;border-color:#eeeeee;}
.clr-1 .bd-l, .clr-1 .bd-a{border-color:#eeeeee;}
.home .clr-1 .bd-hv{border-color:#ffffff;border-width:0;}
.clr-1 .bd-hv{border-color:#eaeaea;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
.clr-1 .bd-hv:hover{border-color:#d8d4d4;-webkit-box-shadow:0 2px 16px rgba(0,0,0,.15);box-shadow: 0 2px 16px rgba(0,0,0,.15);}
.home .clr-1 .bd-hv:hover{border-color:#ffffff;border-width:0;}
.clr-2{background-color:#2A3240;color:#C0C4CC;border-color:#4E596B;}
.clr-2 .bd-l, .clr-2 .bd-a{border-color:#4E596B;}
.clr-2 a{color:#C0C4CC;}
.clr-2 a:hover{color:#ffffff}
.clr-3{background-color:#ecaf63;color:#ffffff;border-color:#d8804d;}
.clr-3 .bd-l, .clr-3 .bd-a{border-color:#d8804d;}
.clr-3:hover{background-color:#f37d38;color:#ffffff;}
.clr-4{background-color:#382f2f;color:#7d7271;border-color:#ff6558;}
.clr-4 .bd-l, .clr-2 .bd-a{border-color:#4e4949;}
.clr-4 a{color:#b9a8a6;}
.clr-4 a:hover{color:#ffffff}
.clr-5,.clr-5 *{color:#C0C4CC;}
.clr-5 a{color:#C0C4CC;}
.clr-5 a:hover{color:rgba(255,255,255,1);}
.clr-5 i{color:#C0C4CC;}
.clr-c-1{color:#777;}
.clr-c-2{color:rgba(179, 207, 210, 0.78);}
.clr-b-1{border-color:#eeeeee;}

.ta-l{text-align:left !important;}
.ta-r{text-align:right !important;}
.ta-c{text-align:center !important;}


.w-a{width:auto;}
.w-f{width:100%;}
.f-l{float:left;}
.f-r{float:right;}

.csh-x,.csh-n{overflow:hidden;}
.pal-a{overflow:hidden;}
.o-v{overflow:visible;}

.tag{display:inline-block;white-space:nowrap;margin-right:10px;margin-bottom:6px;}
.footer .tag{margin-right:15px;margin-bottom:20px;}
.footer-contact .tag{margin-bottom:4px;}
.nwp{white-space:nowrap;}

.opt-5{opacity: 0.5;}
.opt-6{opacity: 0.6;}
.opt-7{opacity: 0.7;}
.opt-8{opacity: 0.8;}

.footer .footer-logo {
	max-width:128px !important;
	float: left;
}
.footer .copyright {
	text-align: left !important;
}

.pal-tb {
    display: table;
    table-layout: fixed;
    width: 100%;
    overflow: hidden;
}
.pal-tbc {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
}
.pal-tbc-sub {
    display: block;
    width: auto;
	max-width: 1200px;
	padding: 30px 40px;
	margin-left: auto;
	margin-right: auto;
    overflow: hidden;
}
.pal-tbc-sub.ta-l .pal-tbc-sub-frame {
	max-width: 580px;
}
.amt-t {
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.banner-swiper-container>.swiper-wrapper .swiper-slide-active .amt-t {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.banner-swiper-container>.swiper-wrapper .amt-t {
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;
}
.super-swiper-container>.swiper-wrapper .swiper-slide-active.amt-t {
	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	border: none;
	opacity: 1;
}

.super-swiper-container>.swiper-wrapper .amt-t {
	-moz-transform: scale(0.6);
    -webkit-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
	opacity: 0.5;
}
.amt-t1 {
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
}
.amt-t2 {
	transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
}
.amt-t3 {
	transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}

.amt-bt {
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;
	-webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}
.amt-active .amt-bt{
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}
.amt-bt1 {
	transition-delay: 0.1s;
	-moz-transition-delay: 0.1s;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
}
.amt-bt2 {
	transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
}
.amt-bt3 {
	transition-delay: 0.5s;
	-moz-transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
}
.amt-bt4 {
	transition-delay: 0.7s;
	-moz-transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
	-o-transition-delay: 0.7s;
}
.panel-title {
	padding: 15px 30px;
	background-color: #e9efef;
	background-position: center;
    background-size: cover;
	clear: both;
	background: linear-gradient(left,#ecefef,#e7efef);
	background: -webkit-linear-gradient(left,#ecefef,#e7efef);
}

.panel-title h3 {
	color: #3c6cfb;
	margin-bottom: 0;
	text-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.panel-title h3:after {
	content: none;
}
.panel-title-g {
	color: #ffffff;
    background-color: #2360F8;
    background-image: url(images/title-back-1.svg);
    background-position: center;
    background-size: cover;
}
.panel-title-g h1, .panel-title-g h2, .panel-title-g h3, .panel-title-g h4 {
	color: #ffffff;
}
.scenarios-thumbnail .cover{
    -webkit-transition: all 0.7s;
    -moz-transition: all 0.7s;
    -o-transition: all 0.7s;
    -ms-transition: all 0.7s;
    transition: all 0.7s;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.scenarios-thumbnail:hover .cover{
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.scenarios-title {
	background-color: #2360F8;
	background-image: url(images/title-back-1.svg);
	background-position: center;
    background-size: cover;
}
.scenarios-title h5 {
	color: #ffffff;
	margin-bottom: 0;
}

/* dialog */

.dialog {
	display: block;
	opacity: 0;
	z-index: -1000;
	position: fixed;
}
.dialog.show{
	display: block;
	opacity: 1;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10000;
}
.dialog .dialog-mask {
	position: fixed;
    background-position: center;
    background-size: cover;
    display: table;
    table-layout: fixed;
	top: 0;
	left: 0;
    width: 100%;
	height: 100%;
    overflow: hidden;
	opacity: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 9800;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}
.dialog.show .dialog-mask {
	opacity: 1;
}
.dialog .dialog-warpper{
    display: table-cell;
    vertical-align: middle;
	position: relative;
    width: 100%;
    height: auto;
}
.dialog .dialog-warpper .dialog-panel {
	/*margin-top: 20px;
	margin-bottom: 20px;*/
	padding: 0;
	width: 100%;
	height: auto;
	background-color: #ffffff;
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
.dialog.show .dialog-warpper .dialog-panel {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.dialog .dialog-warpper .dialog-panel .dialog-title {
	padding: 20px 30px;
	font-size: 1.2em;
	font-weight: 700;
	text-align: left;
	/*border-bottom: 1px solid #eaeaea;*/
}
.dialog .dialog-warpper .dialog-panel .dialog-title.dialog-sm-title {
	padding: 8px 30px;
}
.dialog .dialog-warpper .dialog-panel .dialog-ctrl {
	padding: 5px 30px 20px 30px;
	text-align: center;
}
.dialog .dialog-warpper .dialog-panel .dialog-content {
	padding: 10px 30px;
	overflow-y: auto;
    height: auto;
	min-height: 80px;
	text-align: left;
}
.dialog .dialog-warpper .dialog-panel .dialog-content.dialog-content-sign {
	padding: 0 30px;
}
.dialog .dialog-warpper .dialog-panel .dialog-ctrl.dialog-ctrl-sign {
	padding: 10px 10px 15px 10px;
}
.dialog .dialog-warpper .dialog-panel .dialog-content::-webkit-scrollbar {
    width: 5px;
}
.dialog .dialog-warpper .dialog-panel .dialog-content::-webkit-scrollbar-thumb {
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #bbb;
}
.dialog .dialog-warpper .dialog-panel .dialog-content::-webkit-scrollbar-track {
    background-color: #eee;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.dialog .dialog-ctrl .close {
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}
.dialog .dialog-ctrl .close .line {
	position: fixed;
	width: 30px;
	height: 1px;
    margin-left: 9px;
	margin-top: 5px;
	border-top-width: 1px;
	border-top-style: solid;
}
.dialog .dialog-ctrl .close .line01 {
	transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
}
.dialog .dialog-ctrl .close .line02 {
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

/* end dialog */

.swiper-pagination-bullet {
	opacity: 1;
}
.main-swiper-pagination.swiper-pagination-bullets>.swiper-pagination-bullet {
    width: 20px;
    height: 15%;
	margin: 0;
    display: block;
    border-radius: 0px;
    background: transparent;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
	text-align: right;
	padding-right: 8px;
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}
.main-swiper-pagination.swiper-pagination-bullets>.swiper-pagination-bullet .index {
	display: inline;
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}
.main-swiper-pagination.swiper-pagination-bullets>.swiper-pagination-bullet .text {
	display: none;
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}

.main-swiper-pagination.swiper-pagination-bullets>.swiper-pagination-bullet:hover{border-right: 1px solid #2360F8;}
.clr-bw .main-swiper-pagination.swiper-pagination-bullets>.swiper-pagination-bullet{background:transparent;border-right: 1px solid rgba(90, 90, 90, 0.2);}
.clr-bw .main-swiper-pagination.swiper-pagination-bullets>.swiper-pagination-bullet:hover{border-right: 1px solid #2360F8;}
.main-swiper-pagination.swiper-pagination-bullets>.swiper-pagination-bullet-active {
	height: 40%;
    background: transparent;
	border-right: 1px solid #2360F8;
	color: #2360F8;
}

.main-swiper-pagination>.swiper-pagination-bullet-active .index {
	display: none;
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}
.main-swiper-pagination>.swiper-pagination-bullet-active .text {
	display: inline;
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}

.main-swiper-pagination.swiper-pagination-bullets>.swiper-pagination-bullet-active:hover{border-right: 1px solid #2360F8;}
.clr-bw .main-swiper-pagination.swiper-pagination-bullets>.swiper-pagination-bullet-active{border-right: 1px solid #2360F8;color: #2360F8;}
.clr-bw .main-swiper-pagination.swiper-pagination-bullets>.swiper-pagination-bullet-active:hover{border-right: 1px solid #2360F8;}
.swiper-pagination.main-swiper-pagination {
    right: 30px;
	height: 40%;
}

.clr-bw .swiper-pagination-bullet{background-color: #cfcfcf;}
.clr-bw .swiper-pagination-bullet-active{background-color: #2360F8;}

.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	position: relative;
    width: 5%;
    height: 30px;
	margin: 0;
	margin-bottom: -1px;
	margin-left: 5px;
	margin-right: 5px;
    display: inline-block;
    border-radius: 0px;
    background: transparent;
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet:hover {
	background-color: transparent;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet:hover:after {
    -moz-transform: scaleY(2);
    -webkit-transform: scaleY(2);
    -o-transform: scaleY(2);
    transform: scaleY(2);
	background-color: rgba(0, 230, 230, 0.6);
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet:after {
	content: "\0020";
	position: absolute;
	top: 14px;
	left: 0;
    width: 100%;
    height: 2px;
    -moz-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    background-color: rgba(255, 255, 255, 0.3);
	-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;
}
.clr-bw .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	border-bottom: 1px solid rgba(90, 90, 90, 0.2);
}
.clr-bw .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet:hover {
	border-bottom: 1px solid #2360F8;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active, .clr-bw .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active {
	background-color: transparent;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active:after, .clr-bw .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active:after {
    -moz-transform: scaleY(2);
    -webkit-transform: scaleY(2);
    -o-transform: scaleY(2);
    transform: scaleY(2);
	background-color: rgba(0, 230, 230, 0.8);
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active:hover:after, .clr-bw .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active:hover:after {
    -moz-transform: scaleY(2);
    -webkit-transform: scaleY(2);
    -o-transform: scaleY(2);
    transform: scaleY(2);
	background-color: rgba(0, 230, 230, 0.8);
}
.swiper-container-horizontal>.swiper-pagination.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 30px;
}
.clr-bw .swiper-container-horizontal>.swiper-pagination.swiper-pagination-bullets, .clr-bw .swiper-pagination-custom, .swiper-pagination-fraction {
	border-bottom: 1px solid rgba(90, 90, 90, 0.1);
}

.scenarios-title h5 img{
	width: 24px;
	height: 24px;
	margin-right: 10px;
	vertical-align: middle;
	border: 0;
}
.scenarios-block ul li {
	margin-bottom: 0.8em;
}
.scenarios-block {
	background-color: #ffffff;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 rgba(0,0,0,0);
	z-index: 1000;
}
.scenarios-block:hover {
	background-color: #ffffff;
	-webkit-box-shadow: 0 2px 16px rgba(0,0,0,.2);
    box-shadow: 0 2px 16px rgba(0,0,0,.2);
	z-index: 1200;
}
.scenarios-title-1 h5 img{
	background-image: url(/images/scenarios/books.svg);
}
.scenarios-title-2 h5 img{
	background-image: url(/images/scenarios/tip-3.svg);
}
.scenarios-title-3 h5 img{
	background-image: url(/images/scenarios/project.svg);
}
.scenarios-title-4 h5 img{
	background-image: url(/images/scenarios/upvote.svg);
}


/* >1921px width */
@media (min-width: 1921px) {
.c-l-1{width:8.33333333%;}.c-l-2{width:16.66666667%;}.c-l-3{width:25%;}.c-l-4{width:33.33333333%;}.c-l-5{width:41.66666667%;}.c-l-6{width:50%;}.c-l-7{width:58.33333333%;}.c-l-8{width:66.66666667%;}.c-l-9{width:75%;}.c-l-10{width:83.33333333%;}.c-l-11{width:91.66666667%;}.c-l-12{width:100%;}
.post-warpper {
	width: 1200px;
}
}
/* end >1921px width */

/* 0-1920px width */
@media (max-width: 1920px) {
.c-l-1{width:8.33333333%;}.c-l-2{width:16.66666667%;}.c-l-3{width:25%;}.c-l-4{width:33.33333333%;}.c-l-5{width:41.66666667%;}.c-l-6{width:50%;}.c-l-7{width:58.33333333%;}.c-l-8{width:66.66666667%;}.c-l-9{width:75%;}.c-l-10{width:83.33333333%;}.c-l-11{width:91.66666667%;}.c-l-12{width:100%;}
.post-warpper {
	width: 1200px;
}
}
/* end 0-1920px width */

/* 0-1199px width */
@media (max-width: 1199px) {
.c-m-1{width:8.33333333%;}.c-m-2{width:16.66666667%;}.c-m-3{width:25%;}.c-m-4{width:33.33333333%;}.c-m-5{width:41.66666667%;}.c-m-6{width:50%;}.c-m-7{width:58.33333333%;}.c-m-8{width:66.66666667%;}.c-m-9{width:75%;}.c-m-10{width:83.33333333%;}.c-m-11{width:91.66666667%;}.c-m-12{width:100%;}
.post-warpper {
	width: 100%;
	max-width: 1200px;
}
}
/* end 0-1199px width */

/* >1200px width */
@media (min-width: 1200px) {
.scenarios-block  * {
    -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;
}
.scenarios-block {
	background-color: #ffffff;
	-moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -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;
	-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);
    box-shadow: 0 0 0 rgba(0,0,0,0);
	z-index: 1000;
}
.scenarios-block * {
    -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;
}
.scenarios-block:hover {
	background-color: #fcffff;
	-moz-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
	-webkit-box-shadow: 0 2px 16px rgba(0,0,0,.2);
    box-shadow: 0 2px 16px rgba(0,0,0,.2);
	z-index: 1200;
	border: 1px solid #2360F8;
}
.scenarios-block:hover h5 span{
	/*color: #ffffff;*/
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-webkit-transform: translateY(-50px);
	transform: translateY(-50px);
}
.scenarios-block h5:after{
	content: "\0020";
	width: 0;
	height: 4px;
	background-color: transparent;
    left: 50%;
    margin-left: 0;
    position: absolute;
    -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;
}
.scenarios-block:hover h5:after{
	background-color: #2360F8;
	width: 50px;
	margin-left: -25px;
}
.scenarios-block:hover li {
	/*color: #ffffff;*/
}
.scenarios-block:hover .scenarios-title-1 h5 img{
	background-image: url(/images/scenarios/books-r.svg);
}
.scenarios-block:hover .scenarios-title-2 h5 img{
	background-image: url(/images/scenarios/tip-3-r.svg);
}
.scenarios-block:hover .scenarios-title-3 h5 img{
	background-image: url(/images/scenarios/project-r.svg);
}
.scenarios-block:hover .scenarios-title-4 h5 img{
	background-image: url(/images/scenarios/upvote-r.svg);
}

.scenarios-title {
	background-color: transparent;
	background-image: none;
}
.scenarios-title h5 {
	width: 100%;
	font-size: 1.3em;
	text-align: center;
}
.scenarios-title h5 span{
	color: #666666;
	width: 100%;
	display: inline-block;
	text-align: center;
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.scenarios-title h5 img{
	width: 60px;
	height: 60px;
	margin-right: 0;
	margin-bottom: 10px;
	border: 0;
	opacity: 1;
}
.scenarios-block:hover .scenarios-title h5 img{
	opacity: 0;
}
.scenarios-title-1 h5 img{
	background-image: url(/images/scenarios/books-r.svg);
}
.scenarios-title-2 h5 img{
	background-image: url(/images/scenarios/tip-3-r.svg);
}
.scenarios-title-3 h5 img{
	background-image: url(/images/scenarios/project-r.svg);
}
.scenarios-title-4 h5 img{
	background-image: url(/images/scenarios/upvote-r.svg);
}
}
/* end >1200px width */

/* 0-767px width */
@media (max-width: 767px) {
p{line-height:1.5em;margin-bottom:1.4em;}
p.stress{font-size:1.1em;padding:25px 20px;}
.c-s-1{width:8.33333333%;}.c-s-2{width:16.66666667%;}.c-s-3{width:25%;}.c-s-4{width:33.33333333%;}.c-s-5{width:41.66666667%;}.c-s-6{width:50%;}.c-s-7{width:58.33333333%;}.c-s-8{width:66.66666667%;}.c-s-9{width:75%;}.c-s-10{width:83.33333333%;}.c-s-11{width:91.66666667%;}.c-s-12{width:100%;}
.header-rel + .menu-mask + .banner-1 {
	top: 56px;
}
.m-w-s{max-width:180px !important;}
.m-w-m{max-width:240px !important;}
.m-h-s{max-height:180px !important;}
.m-h-m{max-height:240px !important;}
.mn-h-s{min-height:180px !important;}
.mn-h-m{min-height:240px !important;}

.c-s-ta-c{text-align:center !important;}

.footer .footer-logo {
	max-width:128px !important;
	float: none;
}
.footer .copyright {
	text-align: center !important;
}

.header.header-home {
	position: fixed;
}
.header-rel + .menu-mask + .banner-2 {
	top: 56px;
}
.header-rel + .menu-mask + .post-warpper-w + *{
	margin-top: 56px;
}
.header + .menu-mask + .post-warpper-w {
	top: 56px;
}
.header + .menu-mask + .post-warpper-w + *{
	margin-top: 56px;
}
.post-warpper {
	width: 100%;
	padding: 0 15px 0;
}
.home-ai {
	margin-top: -26px;
}
.home-ai:hover {
	-moz-transform: translateY(10px);
	-ms-transform: translateY(10px);
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	opacity: 1;
}
.banner-1{height:auto;min-height:260px;}
.banner-1 h1{font-size: 2.8em;}

.banner-2{height:auto;min-height:260px;}
.banner-2 h1{font-size: 2.8em;}

.banner-1 .pal-tb {
	height:auto;min-height:260px;
}
.banner-2 .pal-tb {
	height:auto;min-height:260px;
}
.swiper-container-horizontal>.swiper-pagination.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	position: relative;
	bottom: 0;
	background-color: #121212;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active:after, .clr-bw .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active:after {
    -moz-transform: scaleY(4);
    -webkit-transform: scaleY(4);
    -o-transform: scaleY(4);
    transform: scaleY(4);
	background-color: rgba(0, 230, 230, 0.8);
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active:hover:after, .clr-bw .swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet-active:hover:after {
    -moz-transform: scaleY(4);
    -webkit-transform: scaleY(4);
    -o-transform: scaleY(4);
    transform: scaleY(4);
	background-color: rgba(0, 230, 230, 0.8);
}
.banner-com .swiper-button-next, .banner-com .swiper-button-prev {
	display: none;
}
.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet {
	margin-left: 2px;
	margin-right: 2px;
	width: 12%;
}
h6{font-size:1em;}h5{font-size:1.1em;}h4{font-size:1.2em;}h3{font-size:1.4em;}h2{font-size:2em;margin-bottom:0.7em;}h1{font-size:2.8em;margin-bottom:0.7em;line-height:1.2em;}

.post-warpper img.sw-s, .post-warpper-w img.sw-s {
	width: 100%;
	height: auto;
}
.header.header-rel {
	/*border-bottom-style: solid;
	border-bottom-width: 1px;*/
    position: fixed;
}
.nav-logo {
    width: 153px;
    height: 56px;
}
.nav-logo .logo {
    width: 153px;
    height: 56px;
}
.nav-title {
	display: block;
	padding: 19px 0;
	float: left;
}
.menu-mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0;
	z-index: 8500;
	background-color: rgba(0, 0, 0, 0.5);
}
.nav-bar {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	z-index: 9800;
    width: 0;
    float: right;
    padding: 0;
    margin: 0;
    text-align: left;
    list-style: none;
	-webkit-box-shadow: -6px 0 12px rgba(0,0,0,0.2);;
    box-shadow: -6px 0 12px rgba(0,0,0,0.2);;
}
.nav-bar .menu-bar {
	width: 100%;
	border-top: 1px solid #eaeaea;
}
.menu-button {
	/*margin-top: 4px;
	margin-right: 4px;*/
	padding: 16px;
	display: block;
	z-index: 9400;
    background-color: #2360F8;
}
.clr-m>.nav-bar>.menu-bar>.menu-item.menu-hl {
	border-bottom: 1px solid #eee;
}
.nav-bar>.menu-bar>.menu-item {
	border-bottom: 1px solid #eee;
}
.nav-bar .menu-bar .menu-item, .nav-bar .menu-bar .menu-item .menu-item-ct {
    display: block;
    float: left;
    white-space: nowrap;
    margin-left: auto;
    margin-right: auto;
	width: 100%;
}
.nav-bar .menu-bar .menu-drop-panel .menu-item {
	/*border-left: 1px solid #ddd;*/
}
.nav-bar .menu-bar .menu-item {
    position: relative;
}
.nav-bar>.menu-bar>.menu-item {
	margin: 0;
}
.nav-bar .menu-bar .menu-item .menu-item-ct {
	font-size: 1em;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 15px 30px;
}
.nav-bar .menu-bar .menu-drop-panel .menu-item .menu-item-ct {
	padding: 15px 30px;
}
.nav-bar>.menu-bar>.menu-drop.menu-item>.menu-item-ct.menu-drop-toggle, .nav-bar .menu-bar .menu-drop.menu-item .menu-item-ct.menu-drop-toggle {
	font-size: 1em;
	float: none;
	padding: 15px 54px 15px 30px;
	width: 100%;
	
}
.nav-bar .menu-item.menu-drop.menu-hl .menu-item-ct.menu-drop-toggle{
	background-color: #ffffff;
	border-bottom:1px solid #eee;
}
.nav-bar .menu-bar>.menu-drop>.menu-drop-aw {
    padding: 15px 25px;
    top: 0;
    right: 0;
    position: absolute;
    border-left-width: 1px;
    margin-top: 0;
    margin-bottom: 0;
}
.nav-bar .menu-drop-panel .menu-drop-aw {
	padding: 15px 20px 15px 20px;
	top: 0;
	right: 0;
    position: absolute;
    border-left-width: 1px;
	padding-top: 7px;
    margin-top: 8px;
    padding-bottom: 7px;
    margin-bottom: 8px;
}
.nav-bar .menu-bar .menu-drop-panel {
	padding-left: 2em;
	padding-top: 0;
	padding-bottom: 0;
	position: static;
	width: 100%;
    float: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-box-shadow: none;
    box-shadow: none;
	border: none;
}
.nav-bar .menu-bar .menu-drop-panel .menu-drop-panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}
.news .thumbnail {
	height: 120px;
}
.category-title .font-tp {
	padding-top: 10px;
	padding-bottom: 8px;
}
.techs .thumbnail {
	width: 60px;
	height: 60px;
}
.techs.noframe .thumbnail {
	width: 80px;
	height: 80px;
}
.techs:hover {
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.overboard-back .post-warpper {
	top: 0;
	border-radius: 0;
}
.home .achieve-content {
	padding: 20px 10px 20px 10px;
}
.home .achieve-content .thumbnail {
	width: 100%;
}
.home .achieve-content .ac-content {
    margin-left: 0;
    padding: 20px 20px 0 20px;
}
.partner-item {
	min-height: 60px;
}
.ar-item img {
    width: 60px;
}
.job-item .content {
	padding: 20px 0;
}
.timeline .line-panel.bdot:after {
	top: 1em;
}
.timeline h5 {
	margin-top: 1.25em;
	font-size: 1em;
	line-height: 1.1em;
	margin-bottom: 2px;
}
.timeline .line-panel h5 {
	font-size: 1em;
	line-height: 1.1em;
}
.timeline .day {
	font-size: 2.6em;
	font-weight: 300;
}
.timeline span.year  {
	font-size: 1.6em;
	line-height: 1em;
}
.timeline .line-panel:after {
	top: 2.1em;
}
.timeline .line-panel.bdot:after {
    top: 1.35em;
}
.clr-m .menu-drop-panel {
    background-color: #000000;
}
.nav-bar .menu-drop-panel>.menu-drop>.menu-drop-aw .aw-icon {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}
.nav-bar .menu-drop-panel>.menu-drop.menu-hl>.menu-drop-aw .aw-icon {
    transform: translate(0,3px) rotate(-45deg);
    -webkit-transform: translate(0,3px) rotate(-45deg);
}
.nav-bar .menu-drop-more {
	display: none;
}
.form-line label {
	width: 100%;
	text-align: left;
}
.form-line .form-item {
	margin-left: 0;
}
.form-line .input-text, .form-line textarea {
	padding: 10px 15px;
}
.button-select-drop {
	padding: 15px;
}

.panel-title {
	padding: 10px 15px;
}

.post-radio.tabs-button {
	max-width: 180px;
}
.post-radio.tabs-button span.bt{
	padding: 20px 10px;
	font-size: 18px;
}
.pal-tbc-sub {
	padding: 10px;
}
img.aboutus-thumbnail {
	display: none;
	/*width: 120px;
	height: auto;*/
}

.clr-m .nav-bar{background-color:#ffffff;}
.clr-m.header-rel, .clr-m.header  {
	border-color:#dfdfdf;
	background-color: #2a303a;
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.clr-m.header-rel .nav-logo, .clr-m.header .nav-logo{background:url(LUXFIDES.svg?ver=1.5) center no-repeat; background-size: 50%;}
.clr-m.header-rel:hover{background-color: #2a303a;border-color:#dfdfdf;}
.clr-m .menu-item{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clr-m .menu-item-ct:active{background-color:rgba(18, 166, 180, 0.1);}
.clr-m .menu-hl>.menu-item-ct{color:#777777;background-color:rgba(100, 100, 100, 0.1);}
.clr-m .menu-bar .menu-drop-panel .menu-drop-panel{background-color:rgba(245, 245, 245, 1);}
.clr-m .menu-hl .menu-hl>.menu-item-ct{color:#777777;background-color:rgba(245, 245, 245, 1);}
.clr-m .menu-item-ct{color:#777777;}
.clr-m>.nav-bar>.menu-bar>.menu-item>.menu-item-ct,.clr-m.header-rel>.nav-bar>.menu-bar>.menu-item>.menu-item-ct{color:#777777;}
.clr-m>.nav-bar>.menu-bar>.active-menu-drop>.active,.clr-m.header-rel>.nav-bar>.menu-bar>.active-menu-drop>.active{color:#2360F8 !important;}
.clr-m .menu-drop-aw{border-color:#eaeaea;}
.clr-m .menu-drop>.menu-drop-aw {
    color: #777777;
}

.spt-h-h{width:100%;height:60px;}
.spt-l-h{width:100%;height:45px;}
.spt-m-h{width:100%;height:35px;}
.spt-s-h{width:100%;height:20px;}

.p-l-s{padding-left:10px;}
.p-r-s{padding-right:10px;}
.p-lr-s{padding-left:10px;padding-right:10px;}
.p-lr-m{padding-left:15px;padding-right:15px;}
.p-lbr-s{padding-left:10px;padding-bottom:10px;padding-right:10px;}
.p-s{padding:10px;}
.p-m{padding:15px;}
.m-tb-s{margin-top:10px;margin-bottom:10px;}
.m-tb-m{margin-top:15px;margin-bottom:15px;}
.m-lr-m{margin-left:15px;margin-right:15px;}
.m-t-m{margin-top:15px;}
.m-b-m{margin-bottom:15px;}
.m-x{margin:5px;}
.m-s{margin:10px;}
.m-m{margin:15px;}

.post-warpper .nl-w-200, .post-warpper-w .nl-w-200 {
	width: 200px;
	height: auto;
	display: inline-block;
	float: none;
	text-align: center;
}
.post-warpper .nl-wa-200, .post-warpper-w .nl-wa-200 {
	margin-left: 0;
	width: 100%;;
	display: inline;
	float: left;
}
.contactus-panel {
    width: 100%;
	padding: 0;
}
.p-m.contactus-forms {
	padding: 15px 0;
}
.form-group label {
	padding: 10px 0 5px 0;
}
.dialog .dialog-warpper .dialog-panel .dialog-content.dialog-content-sign {
	padding: 0 15px;
}
.dialog .dialog-warpper .dialog-panel .dialog-title {
	padding: 25px 15px 15px 15px;
}
.dialog .dialog-warpper .dialog-panel .dialog-ctrl.dialog-ctrl-sign {
    padding: 10px 15px;
}
.clr-bt-1.button-2 {
    padding: 8px 18px 8px 18px;
    font-size: .9em;
}
.clr-bt-2.button-2 {
    padding: 8px 18px 8px 18px;
    font-size: .9em;
}
}
/* end 0-767px width */

/* 0-320px width */
@media (max-width: 320px) {
p{line-height:1.3em;margin-bottom:1.2em;}
p.stress{font-size:1em;padding:20px 15px;}
.c-x-1{width:8.33333333%;}.c-x-2{width:16.66666667%;}.c-x-3{width:25%;}.c-x-4{width:33.33333333%;}.c-x-5{width:41.66666667%;}.c-x-6{width:50%;}.c-x-7{width:58.33333333%;}.c-x-8{width:66.66666667%;}.c-x-9{width:75%;}.c-x-10{width:83.33333333%;}.c-x-11{width:91.66666667%;}.c-x-12{width:100%;}
.post-warpper {
	width: 100%;
	padding: 0 20px 0;
}
.c-x-ta-c{text-align:center !important;}
.m-w-s{max-width:140px !important;}
.m-w-m{max-width:180px !important;}
.m-h-s{max-height:140px !important;}
.m-h-m{max-height:180px !important;}
.mn-h-s{min-height:140px !important;}
.mn-h-m{min-height:180px !important;}

.banner-1{height:auto;min-height:200px;}
.banner-1 h1{font-size: 2em;}

.banner-2{height:auto;min-height:200px;}
.banner-2 h1{font-size: 2em;}

.banner-1 .pal-tb {
	height: 200px;
}
.banner-2 .pal-tb {
	height: 200px;
}

h6{font-size:1em;}h5{font-size:1.1em;}h4{font-size:1.2em;}h3{font-size:1.3em;}h2{font-size:1.6em;margin-bottom:0.7em;}h1{font-size:2em;margin-bottom:0.7em;line-height:1.2em;}

.post-warpper img.sw-x, .post-warpper-w img.sw-x {
	width: 100%;
	height: auto;
}
.vcode-button {
	padding: 12px 10px;
}

.timeline .p-s {
	padding: 10px;
}

.panel-title {
	padding: 7px 10px;
}

.post-radio.tabs-button {
	max-width: 160px;
}
.post-radio.tabs-button span.bt{
	padding: 15px 10px;
	font-size: 16px;
}

.spt-h-h{width:100%;height:45px;}
.spt-l-h{width:100%;height:30px;}
.spt-m-h{width:100%;height:20px;}
.spt-s-h{width:100%;height:12px;}

.p-l-s{padding-left:5px;}
.p-r-s{padding-right:5px;}
.p-lr-s{padding-left:5px;padding-right:5px;}
.p-lr-m{padding-left:10px;padding-right:10px;}
.p-lbr-s{padding-left:5px;padding-bottom:5px;padding-right:5px;}
.p-s{padding:5px;}
.p-m{padding:10px;}
.m-tb-s{margin-top:5px;margin-bottom:5px;}
.m-tb-m{margin-top:10px;margin-bottom:10px;}
.m-lr-m{margin-left:10px;margin-right:10px;}
.m-t-m{margin-top:10px;}
.m-b-m{margin-bottom:10px;}
.m-x{margin:3px;}
.m-s{margin:5px;}
.m-m{margin:10px;}

}
/* end 0-320px width */



a.animBtn:link, a.animBtn:visited {
  position: relative;
  display: block;
  margin: 20px auto 0;
  padding: 10px 40px;
  border: 2px solid #fff;
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: .08em;
  /*text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);*/
  text-shadow:0 1px 1px rgba(0,0,0,0.2);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
a.animBtn:link:after, a.animBtn:visited:after {
  content: "";
  position: absolute;
  background: none repeat scroll 0 0 #c70f00;
  height: 0%;
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  transition: all .3s ease 0s;
}
a.animBtn:link:hover, a.animBtn:visited:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0);
  text-shadow: none;
  border: 2px solid #c70f00;
}
a.animBtn:link:hover:after, a.animBtn:visited:hover:after {
  height: 420%;
}

a.animBtn.themeA:after {
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
a.animBtn.themeB:after {
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
a.animBtn.themeC:after {
  opacity: .5;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
a.animBtn.themeC:hover:after {
  height: 140%;
  opacity: 1;
}
a.animBtn.themeD:after {
  width: 0%;
  border-radius: 50%;
  opacity: .5;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
a.animBtn.themeD:hover:after {
  height: 450%;
  width: 110%;
  opacity: 1;
}


#animation_container {
position:absolute;
margin:auto;
left:-100%;right:-100%;
top:-100%;bottom:-100%;
}