body {
	font-size: 16px;
	line-height: 1.8;
	/* font-family: noto sans, sans-serif; */
	    font-family: GrammatikaRegular !important;
	color: #565f6e;
	font-weight: 500
}

p {
	color: #565f6e;
	font-weight: 500
}

a {
	display: inline-block;
	-webkit-transition: all .5s;
	transition: all .5s;
	text-decoration: none
}

a:hover,
a:focus {
	text-decoration: none
}

button {
	margin: 0;
	padding: 0;
	outline: 0
}

button:focus {
	outline: 0;
	border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 500;
	color: #0e1b31;
	/* font-family: rubik, sans-serif; */
	line-height: 1.4
}

h3 {
	font-size: 22px
}

.d-table {
	width: 100%;
	height: 100%
}

.d-table-cell {
	display: table-cell;
	vertical-align: middle
}

img {
	max-width: 100%
}

.pt-150 {
	padding-top: 150px
}

.ptb-100 {
	padding-top: 100px;
	padding-bottom: 100px
}

.pt-100 {
	padding-top: 100px
}
.pt-40 {
	padding-top: 40px
}
.pt-70 {
	padding-top: 70px
}

.ptb-70 {
	padding-top: 70px;
	padding-bottom: 70px
}

.pb-100 {
	padding-bottom: 100px !important
}

.pb-70 {
	padding-bottom: 70px
}

.pt-45 {
	padding-top: 45px
}

.pt-20 {
	padding-top: 20px
}

.pb-10 {
	padding-bottom: 10px
}

.ml-20 {
	margin-left: 20px
}

.border-radius-5 {
	border-radius: 5px
}

.border-radius-50 {
	border-radius: 50px !important
}

.default-btn {
	padding: 12px 32px;
	color: #fff;
	font-weight: 500;
	position: relative;
	z-index: 1
}

.default-btn:hover {
	background-color: #483fbc;
	color: #fff
}
.default-btn-more{
	padding: 6px 32px;
	color: #fff;
	font-weight: 500;
	position: relative;
	z-index: 1
}
.default-btn-start{
	padding: 6px 32px;
	color: #6960de;
	font-weight: 500;
	position: relative;
	z-index: 1;
	border:1px solid #6960de
}
.default-btn-more:hover {
	background-color: #483fbc;
	color: #fff
}
.default-btn-start:hover{
	background-color: #6960de;
	color: #fff;
}
.btn-bg1 {
	background-color: #6960de
}

.default-btn-two {
	padding: 10px 32px;
	color: #fff;
	font-weight: 600;
	position: relative;
	z-index: 1;
	text-transform: uppercase
}

.default-btn-two::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	width: 55%;
	height: 100%;
	background-color: #6960de;
	-webkit-transition: .7s;
	transition: .7s;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg)
}

.default-btn-two::after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	background-color: #6960de;
	-webkit-transition: .7s;
	transition: .7s;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg)
}

.default-btn-two:hover {
	background-color: #0e1b31;
	color: #fff
}

.default-btn-two:hover::before {
	width: 100%;
	-webkit-transform: skew(0deg);
	transform: skew(0deg)
}

.default-btn-two:hover::after {
	width: 100%;
	-webkit-transform: skew(0deg);
	transform: skew(0deg)
}

.section-title span {
	/** text-transform: uppercase; **/
	padding-bottom: 10px;
	font-weight: 600;
	line-height: 0;
	font-size: 15px
}

.section-title h2 {
	font-size: 40px;
	font-weight: 600;
	margin-top: 0;
	line-height: 1.2;
	color: #0e1b31;
	margin-bottom: 0
}

.section-title p {
	padding-top: 10px;
	font-weight: 500;
	margin-bottom: 0
}

.sp-color1 {
	color: #6960de
}

.section-title-two:hover .sp-title::after {
	width: 100%;
	border-top: 1px solid #6960de;
	border-bottom: 1px solid #6960de
}

.section-title-two:hover .sp-title::before {
	height: 100%;
	width: 100%;
	bottom: 0;
	top: auto;
	border-left: 1px solid #6960de;
	border-right: 1px solid #6960de;
	border-bottom: none
}

.section-title-two .sp-title {
	padding: 5px;
	color: #6960de;
	position: relative;
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 600;
	text-transform: uppercase
}

.section-title-two .sp-title::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	width: 90%;
	height: 100%;
	border-left: 1px solid #6960de;
	border-bottom: 1px solid #6960de;
	-webkit-transition: .9s;
	transition: .9s
}

.section-title-two .sp-title::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-color: transparent;
	width: 40%;
	height: 100%;
	border-top: 1px solid #6960de;
	border-bottom: 1px solid #6960de;
	-webkit-transition: .7s;
	transition: .7s
}

.section-title-two h2 {
	font-size: 40px;
	font-weight: 600;
	margin-top: 10px;
	line-height: 1.2;
	color: #0e1b31
}

.section-title-two p {
	padding-top: 10px;
	font-weight: 500;
	margin-bottom: 0
}
.top-header-bg {
	background-color: #fff
}
.header-left {
	text-align: left
}

.header-left .header-left-card ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style-type: none
}

.header-left .header-left-card ul li {
	display: inline-block;
	text-align: left;
	position: relative;
	font-size: 14px;
	padding-left: 7px;
	color: #000;
	margin-right: 35px;
	padding-top: 10px;
	padding-bottom: 10px
}

.header-left .header-left-card ul li::before {
	content: '';
	position: absolute;
	width: 1px;
	height: 15px;
	background-color: #000;
	left: -20px;
	top: 19px
}

.header-left .header-left-card ul li:first-child::before {
	display: none
}

.header-left .header-left-card ul li:last-child {
	margin-right: 0
}

.header-left .header-left-card ul li .iconfont {
	color: #6960de;
	font-size: 14px;
	text-align: center;
	/* position: absolute;
	left: 0;
	top: 55%; */
	-webkit-transition: .5s;
	transition: .5s;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.header-left .header-left-card ul li a {
	display: inline-block;
	color: #000;
	font-size: 14px;
	font-weight: 500;
	margin-left: 15px;
	/* font-family: rubik, sans-serif */
}

.header-left .header-left-card ul li:hover .head-icon {
	color: #6960de
}

.header-left .header-left-card ul li:hover a {
	color: #6960de
}
.navbar-area{
	border-top: 1px solid #e8e8e8;
	/* border-top: 1px solid #e8e8e8; */
}
.main-nav {
	background-color: transparent;
	position: absolute;
	top: 52px;
	padding: 0;
	width: 100%;
	height: auto
}

.main-nav .navbar {
	padding-left: 0;
	padding-right: 0
}

.main-nav nav .navbar-nav .nav-item:hover a,
.main-nav nav .navbar-nav .nav-item .active {
	color: #6960de !important
}

.main-nav nav .navbar-nav .nav-item:hover a i,
.main-nav nav .navbar-nav .nav-item .active i {
	color: #6960de
}

.main-nav nav .navbar-nav .nav-item a {
	/** text-transform: uppercase; **/
	color: #fff;
	font-weight: 500;
	margin-left: 16px;
	margin-right: 16px;
	position: relative
}

.main-nav nav .navbar-nav .nav-item a i {
	line-height: 1;
	position: relative;
	font-size: 18px;
	top: 3px
}

.main-nav nav .navbar-nav .nav-item a:hover,
.main-nav nav .navbar-nav .nav-item a :focus {
	color: #6960de !important
}

.main-nav nav .navbar-nav .nav-item a:hover i,
.main-nav nav .navbar-nav .nav-item a :focus i {
	color: #6960de
}

.main-nav nav .navbar-nav .nav-item a.active {
	color: #6960de !important
}

.main-nav nav .navbar-nav .nav-item a.active i {
	color: #6960de
}

.main-nav nav .navbar-nav .nav-item:hover .dropdown-menu {
	-webkit-transform: scaleY(1);
	transform: scaleY(1)
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu {
	z-index: 5;
	border: none;
	padding: 10px 0;
	border-radius: 0;
	background-color: #fff !important;
	top: 100%;
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	transform-origin: top;
	z-index: 1;
	-webkit-box-shadow: none;
	box-shadow: none
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	width: 50%;
	height: 50%;
	border-top: 2px solid #6960de;
	border-left: 2px solid #6960de;
	z-index: -1
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu::after {
	position: absolute;
	content: '';
	bottom: 0;
	right: 0;
	width: 50%;
	height: 50%;
	border-bottom: 2px solid #6960de;
	border-right: 2px solid #6960de;
	z-index: -1
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li {
	padding: 0
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a {
	/** text-transform: uppercase; **/
	color: #0e1b31 !important;
	position: relative;
	z-index: 1;
	padding: 7px 20px;
	-webkit-transition: .7s;
	transition: .7s;
	font-weight: 500;
	font-size: 15px !important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active {
	border-radius: 0;
	color: #6960de !important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active i {
	color: #6960de !important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active {
	color: #6960de !important;
	border-radius: 0
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover i,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a :focus i,
.main-nav nav .navbar-nav .nav-item .dropdown-menu li a .active i {
	color: #6960de !important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li a i {
	line-height: 1;
	position: relative;
	color: #565f6e;
	font-size: 18px;
	top: 3px;
	float: right
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li.active {
	color: #6960de !important
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu {
	left: 100%;
	margin-top: 18px !important;
	position: absolute;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li {
	padding: 0
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a {
	text-transform: uppercase
}

.main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.main-nav-bottom {
	border-bottom: 1px solid #ffffff1c
}

.nav-two {
	background-color: #fff;
	position: relative;
	top: 0;
	padding: 0;
	width: 100%;
	height: auto
}

.nav-two .navbar {
	padding-left: 0;
	padding-right: 0
}

.nav-two nav .navbar-nav .nav-item:hover a,
.nav-two nav .navbar-nav .nav-item .active {
	color: #6960de !important
}

.nav-two nav .navbar-nav .nav-item:hover a i,
.nav-two nav .navbar-nav .nav-item .active i {
	color: #6960de
}

.nav-two nav .navbar-nav .nav-item a {
	color: #0e1b31;
	position: relative
}

.nav-two nav .navbar-nav .nav-item a::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background-color: #6960de;
	-webkit-transition: .7s;
	transition: .7s
}

.nav-two nav .navbar-nav .nav-item a:hover,
.nav-two nav .navbar-nav .nav-item a :focus {
	color: #6960de !important
}

.nav-two nav .navbar-nav .nav-item a:hover i,
.nav-two nav .navbar-nav .nav-item a :focus i {
	color: #6960de
}

.nav-two nav .navbar-nav .nav-item a:hover::before,
.nav-two nav .navbar-nav .nav-item a :focus::before {
	width: 100%
}

.nav-two nav .navbar-nav .nav-item a.active {
	color: #6960de !important
}

.nav-two nav .navbar-nav .nav-item a.active::before {
	width: 100%
}

.nav-two nav .navbar-nav .nav-item .dropdown-menu .nav-item:hover a::before,
.nav-two nav .navbar-nav .nav-item .dropdown-menu .nav-item .active::before {
	display: none !important
}

.nav-two nav .navbar-nav .nav-item .dropdown-menu .nav-item a::before {
	display: none !important
}

.nav-two nav .navbar-nav .nav-item .dropdown-menu .nav-item a:hover::before,
.nav-two nav .navbar-nav .nav-item .dropdown-menu .nav-item a :focus::before {
	display: none !important
}

.nav-two nav .navbar-nav .nav-item .dropdown-menu .nav-item.active::before {
	display: none !important
}

.nav-three {
	background-color: #0e1b31;
	top: 0;
	position: relative;
	-webkit-transition: .9s;
	transition: .9s;
	width: 100% !important;
	z-index: 999
}

.nav-three .navbar {
	padding: 0
}

.nav-three nav .navbar-nav .nav-item::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	-webkit-transition: .7s;
	transition: .7s;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
	background: 0 0;
	width: 100%;
	height: 100%;
	border-left: 1px solid #ffffff3f
}

.nav-three nav .navbar-nav .nav-item:last-child::before {
	border-right: 1px solid #ffffff3f
}

.nav-three nav .navbar-nav .nav-item:hover a,
.nav-three nav .navbar-nav .nav-item .active {
	color: #6960de !important
}

.nav-three nav .navbar-nav .nav-item:hover a i,
.nav-three nav .navbar-nav .nav-item .active i {
	color: #6960de
}

.nav-three nav .navbar-nav .nav-item a {
	position: relative
}

.nav-three nav .navbar-nav .nav-item a::before {
	content: '';
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	width: 0;
	height: 2px;
	background-color: #6960de;
	-webkit-transition: .7s;
	transition: .7s
}

.nav-three nav .navbar-nav .nav-item a:hover,
.nav-three nav .navbar-nav .nav-item a :focus {
	color: #6960de !important
}

.nav-three nav .navbar-nav .nav-item a:hover i,
.nav-three nav .navbar-nav .nav-item a :focus i {
	color: #6960de
}

.nav-three nav .navbar-nav .nav-item a:hover::before,
.nav-three nav .navbar-nav .nav-item a :focus::before {
	width: 100%
}

.nav-three nav .navbar-nav .nav-item a.active {
	color: #6960de !important
}

.nav-three nav .navbar-nav .nav-item a.active::before {
	width: 100%
}

.nav-three nav .navbar-nav .nav-item .dropdown-menu .nav-item:hover a::before,
.nav-three nav .navbar-nav .nav-item .dropdown-menu .nav-item .active::before {
	display: none !important
}

.nav-three nav .navbar-nav .nav-item .dropdown-menu .nav-item a::before {
	display: none !important
}

.nav-three nav .navbar-nav .nav-item .dropdown-menu .nav-item a:hover::before,
.nav-three nav .navbar-nav .nav-item .dropdown-menu .nav-item a :focus::before {
	display: none !important
}

.nav-three nav .navbar-nav .nav-item .dropdown-menu .nav-item.active::before {
	display: none !important
}
.sticky-nav {
	top: 0;
	position: fixed;
	-webkit-transition: .9s;
	transition: .9s;
	width: 100% !important;
	z-index: 999
}

.sticky-nav .main-nav {
	top: 0;
	background-color: #0e1b31;
	position: fixed;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	box-shadow: 0 0 15px rgba(0, 0, 0, .3)
}

.sticky-nav .main-nav-bottom {
	border: none
}

.sticky-nav .nav-two {
	top: 0;
	background-color: #fff;
	position: fixed;
	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .3);
	box-shadow: 0 0 15px rgba(0, 0, 0, .3)
}

.sticky-nav .nav-three {
	background-color: #0e1b31;
	position: fixed
}

.nav-side-bar {
	display: inline-block
}

.nav-side-bar .cell-btn {
	display: inline-block;
	margin-right: 40px;
	position: relative
}
.nav-side-bar .cell-btn::before {
	content: '';
	position: absolute;
	top: -15px;
	right: -30px;
	-webkit-transition: .7s;
	transition: .7s;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
	background: 0 0;
	width: 2px;
	height: 56px;
	border-left: 1px solid #ffffff3f
}

.nav-side-bar .cell-btn a {
	color: #fff;
	font-weight: 500
}

.nav-side-bar .cell-btn a i {
	font-weight: 400;
	margin-right: 5px
}

.nav-side-bar .cell-btn a:hover {
	color: #6960de
}

.nav-side-bar .language-side-list {
	top: -6px;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	margin-left: -30px;
	z-index: 9999
}

.nav-side-bar .language-side-list .language-list-item {
	height: 0;
	padding: 0 15px;
	border: none;
	color: #fff;
	background-color: transparent;
	font-weight: 400;
	font-size: 15px;
	border-radius: 5px 0 0 5px;
	padding-left: 10px;
	padding-right: 30px
}

.nav-side-bar .language-side-list .language-list-item:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none
}

.nav-side-bar .language-side-list .nice-select {
	height: 0;
	width: 125px;
	line-height: 0;
	font-size: 15px;
	margin-bottom: 0;
	font-weight: 500;
	border-radius: 0;
	background-color: transparent;
	color: #fff;
	border-radius: 5px 0 0 5px;
	z-index: 9999;
	text-align: right !important
}

.nav-side-bar .language-side-list .nice-select .list {
	background-color: #fff;
	-webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	border-radius: 0;
	margin-top: 20px;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0
}

.nav-side-bar .language-side-list .nice-select .list .option {
	-webkit-transition: .6s;
	transition: .6s;
	color: #0e1b31;
	font-weight: 400;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
	width: 180px;
	border-bottom: 1px dashed #6960de
}

.nav-side-bar .language-side-list .nice-select .list .option:hover {
	background-color: #6960de !important;
	color: #fff
}

.nav-side-bar .language-side-list .nice-select .list .option .selected {
	background-color: #6960de !important;
	color: #fff;
	font-weight: 400
}

.nav-side-bar .language-side-list .nice-select:after {
	border-bottom: 1.5px solid #fff;
	border-right: 1.5px solid #fff;
	height: 6px;
	width: 6px
}

.nav-side-bar .default-btn-two {
	margin-left: 10px;
	padding: 15px 30px
}

.side-nav-responsive {
	display: none
}

.side-nav-responsive .dot-menu {
	padding: 0 10px;
	height: 30px;
	cursor: pointer;
	z-index: 999;
	position: absolute;
	right: 60px;
	top: 12px
}

.side-nav-responsive .dot-menu .circle-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30px
}

.side-nav-responsive .dot-menu .circle-inner .circle {
	height: 5px;
	width: 5px;
	border-radius: 100%;
	margin: 0 2px;
	-webkit-transition: .7s;
	transition: .7s;
	background-color: #0e1b31
}

.side-nav-responsive .dot-menu:hover .circle-inner .circle {
	background-color: #6960de
}

.side-nav-responsive .container-max {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.side-nav-responsive .container-max .container {
	position: absolute;
	top: 55px;
	right: 0;
	max-width: 320px;
	margin-left: auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .7s;
	transition: .7s;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	z-index: 2;
	padding-left: 15px;
	padding-right: 15px
}

.side-nav-responsive .container-max .container.active {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}

.side-nav-responsive .side-nav-inner {
	padding: 10px;
	-webkit-box-shadow: 0 15px 40px rgba(0, 0, 0, .09);
	box-shadow: 0 15px 40px rgba(0, 0, 0, .09);
	background-color: #fff
}

.side-nav-responsive .side-nav-inner .side-nav {
	background-color: #0e1b31;
	padding: 10px 0 10px 15px
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item {
	display: inline-block
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .cell-btn {
	display: inline-block;
	margin-right: 10px;
	position: relative
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .cell-btn a {
	color: #fff;
	font-weight: 600;
	font-size: 14px
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .cell-btn a i {
	font-weight: 400;
	margin-right: 5px
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .cell-btn a:hover {
	color: #6960de
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .language-on-list {
	top: -6px;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	margin-left: -15px;
	z-index: 9999
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .language-on-list .language-list-item {
	height: 0;
	padding: 0 15px;
	border: none;
	color: #fff;
	background-color: transparent;
	font-weight: 400;
	font-size: 14px;
	border-radius: 5px 0 0 5px;
	padding-left: 10px;
	padding-right: 30px
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .language-on-list .language-list-item:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .language-on-list .nice-select {
	height: 0;
	width: 110px;
	line-height: 0;
	font-size: 15px;
	margin-bottom: 0;
	font-weight: 600;
	border-radius: 0;
	background-color: transparent;
	color: #fff;
	border-radius: 5px 0 0 5px;
	z-index: 9999;
	text-align: right !important
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .language-on-list .nice-select .list {
	background-color: #fff;
	-webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	border-radius: 0;
	margin-top: 20px;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .language-on-list .nice-select .list .option {
	-webkit-transition: .6s;
	transition: .6s;
	color: #0e1b31;
	font-weight: 400;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
	width: 180px;
	border-bottom: 1px dashed #6960de
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .language-on-list .nice-select .list .option:hover {
	background-color: #6960de !important;
	color: #fff
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .language-on-list .nice-select .list .option .selected {
	background-color: #6960de !important;
	color: #fff;
	font-weight: 400
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .language-on-list .nice-select:after {
	border-bottom: 1.5px solid #fff;
	border-right: 1.5px solid #fff;
	height: 6px;
	width: 6px
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .default-btn {
	margin: 5px 50px;
	padding: 10px 20px;
	font-size: 14px;
	background-color: #fff;
	color: #0e1b31;
	width: 152px
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .default-btn:hover {
	background-color: #6960de;
	color: #fff
}

.side-nav-responsive .side-nav-inner .side-nav .side-nav-item .default-btn:hover::before {
	display: none
}
.nav-side-bar .cell-btn::before {
	content: '';
	position: absolute;
	top: -15px;
	right: -30px;
	-webkit-transition: .7s;
	transition: .7s;
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
	background: 0 0;
	width: 2px;
	height: 56px;
	border-left: 1px solid #ffffff3f
}

.nav-side-bar .cell-btn a {
	color: #fff;
	font-weight: 500
}

.nav-side-bar .cell-btn a i {
	font-weight: 400;
	margin-right: 5px
}

.nav-side-bar .cell-btn a:hover {
	color: #6960de
}

.nav-side-bar .language-side-list {
	top: -6px;
	margin-bottom: 0;
	position: relative;
	display: inline-block;
	margin-left: -30px;
	z-index: 9999
}

.nav-side-bar .language-side-list .language-list-item {
	height: 0;
	padding: 0 15px;
	border: none;
	color: #fff;
	background-color: transparent;
	font-weight: 400;
	font-size: 15px;
	border-radius: 5px 0 0 5px;
	padding-left: 10px;
	padding-right: 30px
}

.nav-side-bar .language-side-list .language-list-item:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none
}

.nav-side-bar .language-side-list .nice-select {
	height: 0;
	width: 125px;
	line-height: 0;
	font-size: 15px;
	margin-bottom: 0;
	font-weight: 500;
	border-radius: 0;
	background-color: transparent;
	color: #fff;
	border-radius: 5px 0 0 5px;
	z-index: 9999;
	text-align: right !important
}

.nav-side-bar .language-side-list .nice-select .list {
	background-color: #fff;
	-webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	border-radius: 0;
	margin-top: 20px;
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0
}

.nav-side-bar .language-side-list .nice-select .list .option {
	-webkit-transition: .6s;
	transition: .6s;
	color: #0e1b31;
	font-weight: 400;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 0;
	width: 180px;
	border-bottom: 1px dashed #6960de
}

.nav-side-bar .language-side-list .nice-select .list .option:hover {
	background-color: #6960de !important;
	color: #fff
}

.nav-side-bar .language-side-list .nice-select .list .option .selected {
	background-color: #6960de !important;
	color: #fff;
	font-weight: 400
}

.nav-side-bar .language-side-list .nice-select:after {
	border-bottom: 1.5px solid #fff;
	border-right: 1.5px solid #fff;
	height: 6px;
	width: 6px
}

.nav-side-bar .default-btn-two {
	margin-left: 10px;
	padding: 15px 30px
}
.banner-slider-area {
	position: relative
}
.banner-slider-area .swiper-banner{
	
}

.banner-slider-area .swiper-banner {
      width: 100%;
      height: 100%;
    }
.banner-slider-area .swiper-banner .swiper-pagination-bullet-active {
    opacity: 1;
    background: #6960de;
}
.banner-slider-area .swiper-banner .swiper-pagination-bullet {

    background: #6960de;
}
.banner-slider-area .swiper-banner .swiper-pagination{
	padding-bottom: 10px;
}
.banner-slider-area .swiper-banner .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.banner-slider-area .swiper-banner .swiper-slide-banner1{
	background-image: url(/default/img/banner-0e5e8a602396f64b9f84fb082c220f05.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
    /* margin-bottom: 35px; */
    overflow: hidden;
}

.banner-content {
	/* height: 550px; */
	overflow: hidden;
	padding-top: 200px;
	padding-bottom: 200px;
	text-align: center
}

.banner-content span {
	font-size: 20px;
	color: #fff;
	font-weight: 500;
	margin-bottom: 10px
}

.banner-content h1 {
	font-size: 48px;
	color: #fff;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom:20px
}

.banner-content p {
	font-size: 24px;
	color: #fff;
	/* font-family: rubik, sans-serif; */
	margin-bottom: 20px
}

.banner-content .get-btn {
	padding: 13px 26px;
	color: #fff;
	background-color: #6960de;
	border-radius: 5px
}

.banner-content .get-btn:hover {
	color: #fff;
	background-color: #483fbc;
}
.choose-play-area {
	background-image: url(../images/choose-img/choose-img-bg.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1;
	padding: 120px 0 180px;
	text-align: center;
	border-radius: 5px
}

.choose-play-area::before {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	border-radius: 5px
}

.choose-play-area .play-btn {
	position: relative;
	z-index: 1;
	width: 50px;
	height: 50px;
	font-size: 35px;
	color: #6960de;
	background-color: #fff;
	border-radius: 50px;
	line-height: 56px;
	text-align: center;
	top: 30px;
	-webkit-animation: pulse 2s infinite linear;
	animation: pulse 2s infinite linear
}
.choose-play-area .play-btn i{
	font-size: 35px;
}
.choose-play-area .play-btn::before {
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 70px;
	height: 70px;
	background-color: #fff;
	opacity: .5;
	border-radius: 50px
}

.choose-play-area .play-btn::after {
	content: '';
	position: absolute;
	z-index: -1;
	left: 50%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	width: 90px;
	height: 90px;
	background-color: #fff;
	opacity: .5;
	border-radius: 50px
}

.choose-play-area .play-btn:hover {
	background-color: #0e1b31;
	color: #fff
}

.choose-play-area .play-btn:hover::before {
	background-color: #0e1b31
}

.choose-play-area .play-btn:hover::after {
	background-color: #0e1b31
}
.company-content {
	margin-bottom: 30px;
	margin-right: 30px
}

.company-content .section-title {
	margin-bottom: 20px
}

.company-content .section-title h2 {
	margin-top: 10px
}

.company-content ul {
	list-style: none;
	margin: 0;
	padding: 0
}

.company-content ul li {
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 30px;
	font-size: 16px;
	font-weight: 600;
	color: #000000;
}

.company-content ul li i {
	color: #6960de;
	margin-right: 5px;
	font-size: 24px;
	position: relative;
	top: 4px
}

.company-right-area {
	margin-bottom: 30px;
	position: relative
}

/* .company-right-area:hover::before,
.company-right-area:hover::after {
	width: 100%;
	height: 100%
}

.company-right-area::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 52%;
	height: 30%;
	background-color: transparent;
	border-top: 1.5px solid #6960de;
	border-left: 1.5px solid #6960de;
	-webkit-transition: .7s;
	transition: .7s
}

.company-right-area::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	width: 52%;
	height: 30%;
	background-color: transparent;
	-webkit-transition: .7s;
	transition: .7s;
	border-bottom: 1.5px solid #6960de;
	border-right: 1.5px solid #6960de
} */

.company-right .content {
	width: 180px;
	padding: 20px 0 20px 80px;
	position: relative;
	margin: 0 auto
}

.company-right .content img {
	position: absolute;
	left: 0;
	top: 10px
}

.company-right .content h3 {
	font-size: 17px;
	color: #6960de;
	margin-bottom: 0
}

.company-right .company-right-img {
	position: relative
}

.product-toys-area .section-title-two p {
	max-width: 670px;
	margin-left: auto;
	margin-right: auto
}
.product-toys-card {
	margin-bottom: 30px;
	cursor: pointer;
	text-align:center;
}

.product-toys-card img {
	margin-bottom: 20px;
	border-radius: 5px;
	width: 98%;
	
}

.product-toys-card:hover h3,
.product-toys-card:hover span
 {
	color: #6960de
}

.product-toys-card:hover p {
	padding-left: 10px
}

.product-toys-card:hover p::before {
	opacity: 1;
	height: 100%
}

.product-toys-card a:link,
.product-toys-card a:visited {
	color: #0e1b31;
}

.product-toys-card h3,
.product-toys-card span
 {
	margin-bottom: 10px;
	font-size: 16px;
	text-align:center;
}

.product-toys-card p {
	margin-bottom: 0;
	-webkit-transition: .7s;
	transition: .7s;
	position: relative
}


.product-toys-card p::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 0;
	background-color: #6960de;
	-webkit-transition: .7s;
	transition: .7s;
	opacity: 0
}

.services-item {
	background-color: #f5f5f5;
	padding: 20px 18px 17px;
	
	border-radius: 3px;
	margin-bottom: 30px;
	width: 98%;
}

.services-item:hover {
	-webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1);
	border-color: #fff;
	background-color: #fff;
}

/* .services-item:hover h3::before {
	width: 100%;
	font-style: 19px
}
 */
.services-item i {
	color: #6960de;
	padding: 48px 0;
	font-size: 78px;
	line-height: 60px;
	text-align: center;
	margin-bottom: 14px;
	display: block;
	border-radius: 5px
}


.services-item h3 {
	margin-bottom: 5px;
	position: relative;
	display: inline-block;
	font-size: 18px;
	height: 60px;
}

.services-item h3 a {
	color: #0e1b31
}

/* .services-item h3::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background-color: #0e1b31;
	-webkit-transition: .7s;
	transition: .7s
} */

.services-item p {
	margin-bottom: 0
}
.abouts-se-bg{
	    background-image: url(/default/img/home/t-bg-1ca2e84eb5294dd6338555bae80270f5.png);
	    background-repeat: no-repeat;
	    
	    background-position: center;
	    position: relative;
}

.about-us-text p {
	margin-bottom: 0
}

.about-us-btn {
	float: right
}

.about-us-btn .projects-btn {
	padding: 12px 30px;
	color: #6960de;
	border: 1px solid #6960de;
	font-weight: 600;
	border-radius: 5px
}

.about-us-btn .projects-btn:hover {
	background-color: #6960de;
	color: #fff
}

.about-us-img-item {
	overflow: hidden;
	margin-bottom: 30px
}

.about-us-img-item a {
	display: block
}

.about-us-img-item img {
	-webkit-transition: .9s;
	transition: .9s
}

.about-us-img-item img:hover {
	-webkit-transform: scale(1.2);
	transform: scale(1.2)
}

.about-us-list {
	position: relative;
	background-color: #fff;
	padding: 20px 20px 8px 105px;
	border: 1px solid #0e1b3141;
	margin-bottom: 15px;
	position: relative;
	z-index: 1
}

.about-us-list::before {
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 0;
	height: 100%;
	background-color: #dbd9f6;
	-webkit-transition: .7s;
	transition: .7s;
	opacity: 0
}

.about-us-list:hover {
	border-color: #dbd9f6
}

.about-us-list:hover::before {
	width: 100%;
	opacity: 1
}

.about-us-list:hover h3::before {
	width: 100%
}

.about-us-list:hover i {
	background-color: #6960de !important;
	color: #fff !important
}

.about-us-list i {
	width: 70px;
	height: 70px;
	font-size: 45px;
	line-height: 70px;
	text-align: center;
	margin-bottom: 10px;
	display: block;
	border-radius: 50%;
	position: absolute;
	top: 20px;
	left: 20px;
	-webkit-transition: .7s;
	transition: .7s;
	background-color:#f5f5f5;
}

.about-us-list h3 {
	margin-bottom: 10px;
	position: relative;
	display: inline-block;
	font-size: 20px
}

.about-us-list h3 a {
	color: #0e1b31
}

.about-us-list p {
	margin-bottom: 0
}


.Knowledges-list {
	margin-right: 30px;
	margin-bottom: 0
}

.Knowledges-list .k-list {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 0
}

.Knowledges-list .k-list .k-list-item {
	display: block;
	margin-bottom: 15px;
	-webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05);
	border-radius: 10px;
	background-color: #ebfbf5
}
.Knowledges-list .k-list .k-list-title {
	padding: 15px 60px 12px 20px;
	color: #565f6e;
	text-decoration: none;
	position: relative;
	background-color: #fff;
	display: block;
	font-size: 16px;
	
	border: 1px solid #6960de;
	border-radius: 10px
}

.Knowledges-list .k-list .k-list-title i {
	position: absolute;
	right: 15px;
	top: 14px;
	
	font-weight: bold;
	-webkit-transition: .5s;
	transition: .5s;
	font-size: 18px;
	
	
	color: #565f6e;
	text-align: center;
	
	background-color: transparent
}

.Knowledges-list .k-list .k-list-content {
	display: none;
	position: relative;
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	background-color: #ebfbf5
}

.Knowledges-list .k-list .k-list-content p {
	line-height: 1.8;
	font-size: 15px
}

.Knowledges-list .k-list .k-list-content.show {
	display: block
}
.Knowledges-area .Knowledges-img{
	overflow: hidden;
	height: 210px;
}
.Knowledges-area .Knowledges-img img{
padding: 0;
margin-bottom: 30px;
}

.Testimonials-area{
    background-image: url(/default/img/home/t-bg-1ca2e84eb5294dd6338555bae80270f5.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	position: relative;

}

.Testimonials-area .testimonial-single {
    box-shadow: rgb(0 0 0 / 6%) 3px 8px 20px;
    border-radius: 8px;
    background-color: #ffffff;
    padding: 30px;
    position: relative;
    margin: 0 20px 30px 15px !important;
}
.Testimonials-area .client-thumb{
	width: 70px;
	height: 70px;
}
.Testimonials-area  .client-info {
    padding-left: 20px;
}
.Testimonials-area .swiper-container {
      width: 100%;
      height: 100%;
    }
.Testimonials-area .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	  
    }
.Testimonials-area  .swiper-wrapper{
	padding-bottom: 50px;
}

.Testimonials-area .swiper-pagination-bullet-active{
		background-color: #6960de;
		width: 20px;
		border-radius: 20px;
	}

.footer-section{
	background-image: url(/default/img/home/footer-bg-c0fbe43472b0a292bf77280bef7ce3b3.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
    z-index: 0;
	margin-top:80px;
    padding-top: 80px;  
    padding-bottom: 10px;
}

.footer-section:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	/* background-color: #00265E; */
    opacity: 0.8;
}
.footer-tittle:after{
	position: absolute;
	content: "";
    bottom: -3px;
	left: 0;
    width: 70px;
    height: 4px;
	border-radius: 2px;
	background-color: #FF6600;
	transition: all 0.4s ease;
}
.footer-tittle:hover:after{
	width: 100px;
}
.footer-socials ul li a i{
    width: 30px;
    height: 30px;
    display: block;
    line-height: 30px;
    margin-right: 8px;
	font-size: 12px;
}
.footer-socials ul li a:focus{color: #00265E;}
.footer-socials ul li a:hover .fa-facebook-f{
	background-color: #ffffff;
	color: #3B5998;
	transition: all 0.3s ease;	
}
.footer-socials ul li a:hover .fa-twitter{
	background-color: #ffffff;	
	color: #00ACED;
	transition: all 0.3s ease;	
}
.footer-socials ul li a:hover .fa-instagram-square{
	background-color: #ffffff;
	color: #BC2A8D;
	transition: all 0.3s ease;	
}
.footer-socials ul li a:hover .fa-pinterest-p{
	background-color: #ffffff;
	color: #CB2027;
	transition: all 0.3s ease;	
}
.footer-socials ul li a:hover .fa-linkedin-in{
	background-color: #ffffff;
	color: #007BB5;
	transition: all 0.3s ease;	
}
.footer-links li span{
	width: 10px;
	height: 10px;
	background-color: #FFEADC;
	border-radius: 100%;
	display: inline-block;
	opacity: 0.9;
}
.footer-links li:hover span{
	background-color:#FF6600;
}
.footer-links li{
    padding-bottom: 12px;
	transition: all 0.4s ease;
}
.footer-links li a{
	color: #ffffff;
	font-size: 14px;
	font-weight: 400;
	padding-left: 18px;
	opacity: 0.9;
	transition: all 0.3s ease;
}
.footer-links li:hover{
	transform: translateX(5px);
}
.footer-section p{
	color: #ffffff;
	font-size: 14px;
	font-weight: 500;
	opacity: 0.9;
}
.footer-form form input{
	padding: 15px 20px 15px 20px;
    line-height: 15px;
    border-radius: 30px;
    width: 100%;
    background: none;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.footer-form form input[type="placeholder"]{
	color: #ffffff;
}
.footer-form form button{
	margin-top: 20px;
	border: none;
}
.footer-contact ul li{
	padding-bottom: 15px;
}
.footer-contact ul li i{
	font-size: 20px;
	color: #ffffff;
	opacity: 0.9;
	padding-right: 15px;
}
.footer-contact ul li a{
	color: #ffffff;
	font-size: 14px;
}
.footer-contact ul li a:hover{
	color: #FF5E15;
}
.footer-contact ul li span{
	color: #ffffff;
	font-size: 14px!important;
	font-weight: 400;
	opacity: 0.9;
	transition: all 0.4s ease;
}
/*  footer-bottom*/
.footer-bottom{
	background-image: url('../images/footer/bottom.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 15px 0;
}
.footer-bottom p span{
	color:#FF5E15;
	font-size: 18px;
	font-weight: 800;
}
.newslatter-section {
    position: absolute;
    content: "";
    top: -80px;
    left: 0;
    width: 100%;
    height: auto;
	animation: move 4s linear infinite;
}
.newslatter-bg{
	background-color: #6960de;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 8px;
	box-shadow: rgb(105 96 222 / 10%) 3px 7px 15px;
	padding: 40px 0;
}
.newslatter-content span{
	font-size: 22px;
	font-weight: 600;
	color: #ffffff;
}
.btn-box{
	position: relative;
	width: 80%;
	height: auto;
	text-align: right;
}
.btn-box a{
    
    height: auto;
    background-color: #000;
    padding: 15px 40px 15px 20px;
    border: none;
    border-radius: 4px;
}
.btn-box .contanct-us-btn{
    font-size: 18px;
    color: #fff;
}
.top-spacing {
    padding-top: 20px;/* 修改 4.14 */
}

.map01wrap{}
/* maptl */
.maptl{font-size: 34px;color: #333333;text-align: center;margin-bottom: 30px;}
/* map */
.map{width: 100%; height: 200px;}
.footer-widget {
	margin-bottom: 30px
}

.footer-widget .footer-logo {
	margin-bottom: 20px
}

.footer-widget h3 {
	margin-top: 12px;
	margin-bottom: 20px;
	color: #fff;
	font-weight: 600
}

.footer-widget p {
	margin-bottom: 20px;
	color: #fff;
	max-width: 320px
}

.footer-widget .social-link-content .title {
	margin-bottom: 20px;
	color: #fff
}

.footer-widget .social-link-content .social-footer-link {
	list-style: none;
	margin: 0;
	padding: 0
}
.copy-area{
	width: 100%;
	border-top: 1px solid #9f9fa2;
}
.footer-widget .footer-list-two {
	padding-left: 0;
	margin-bottom: 25px;
	list-style-type: none
}

.footer-widget .footer-list-two li {
	display: block;
	text-align: left;
	position: relative;
	color: #fff;
	margin-bottom: 20px;
	/* padding-left: 45px; */
	font-weight: 500
}

.footer-widget .footer-list-two li i {
	position: absolute;
	left: 0;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	border: 1px solid #fff;
	font-size: 16px;
	font-weight: 400;
	border-radius: 7px;
	display: inline-block
}

.footer-widget .footer-list-two li:last-child {
	margin-bottom: 0
}

.footer-widget .footer-list-two li .title {
	display: inline-block;
	color: #fff;
}

.footer-widget .footer-list-two li a {
	display: inline-block;
	color: #fff;
	font-size: 15px;
	margin-left: 5px
}

.footer-widget .footer-list-two li:hover a {
	color: #6960de
}
.copy-right-text {
	text-align: center;
	padding: 15px 0
}

.copy-right-text p {
	color: #fff;
	margin-bottom: 0;
	
}

.mb-85 {
    margin-bottom: 85px;
}
.section-padding{
	padding: 70px 0;
}

.banner-section {
    background-image:url(/default/img/home/banner-page-e8e65b08a4ea1419489ce3fd0b337b4e.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    
    position: relative;
    z-index: 0;
}
.banner-section .banner-page-text{
	padding: 60px;
}
.banner-section .banner-page-text span{
	font-size: 23px;
	color: #fff;
}
.banner-section .banner-page-text h1{
	font-weight: bold;
}
.product-content {
    background-color: #ffffff;
    padding: 32px 0 30px 20px;
    box-shadow: rgb(0 0 0 /8%) 3px 6px 20px;
    border-radius: 8px;
    position: absolute;
    content: "";
    bottom: -60px;
    left: 43px;
    width: 80%;
    height: auto;
    transition: all 0.4s ease;
}
.product-content h4 a:focus{color: #00265E;}
.product-content h4 a {
    font-size: 16px;
    font-weight: 600;
	color: #1f1b13 !important;
}
.product-content p {
    font-size: 15px;
	
}

.product-content h4 a:hover{
	color: #041B52;
}

.product-list-box:hover .case-content{
    background-color: #FF6600;
}
.product-list-box:hover .case-content p{
	color: #ffffff;
}
.product-list-box:hover .case-content h4{
    color: #ffffff;
}
.btn-view-theme-2{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
	transition: all 0.4s ease;
}
.btn-view{
    display: block;
    text-align: center;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
	transition: all 0.4s ease;
}
.btn-view i{
	width: 40px;
    height: 40px;
	text-align: center;
    line-height: 40px;
	border-radius: 8px;
	display: inline-block;
    color: #ffffff;
	background-color: #6960de;
    transition: all 0.7s ease;
	font-style: normal;
}
.btn-view:hover i{
	color: #6960de;
}
.btn-view-theme i{
    background-color: #ffffff;
    display: inline-block;
    border-radius: 8px;
    color: #6960de;
    border: none;
}
.product-list-box:hover .btn-view-theme-2 i{
	background-color: #483fbc;
}
.pos-relative {
    position: relative;
}
.product-thumb img{
    width: 98%;
    height: auto;
}
.product-thumb:before {
    position: absolute;
    content: "";
    top: 0;
    right: 360px;
    width: 15%;
    height: 100%;
	opacity: 0;
	visibility: hidden;  
    background-color: #041B52;
    transition: all 0.9s ease;
	transition-delay:0.1s;
}
.product-thumb:after {
    position: absolute;
    content: "";
    top: 260px;
    left: 0px;
    width: 100%;
    height: 15%;
	opacity: 0;
	visibility: hidden; 
    background-color: #041B52;
    transition: all 0.9s ease;
	transition-delay:0.1s;
}

.service-thumb img {
    border-radius: 8px;
}

.aboutus-feature {
    background-color: #F2F3F6;
    padding: 22px 25px;
    border-radius: 4px;
	margin-right: 10px;
}
.aboutus-feature p{
	margin: 0;
	padding: 0 0 0 5px;
}

.mission-section {
/*    background-image:url(/default/img/about-page-bg-160c11796f44856d2529910edc9b4df0.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
	color: #fff; */
}
.mission-section:before {
/*    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a1743;
    opacity: 0.9;
    z-index: -1; */
}


.section-padding {
    padding: 20px 0;
}
.mission-section img{
	width: 80%;
}

.aboutus-section h2, .mission-section h2, .customer-section h2{
    font-size: 28px;
    font-weight: 600;
    margin-top: 0;
    line-height: 1.2;
    color: #0e1b31;
    margin-bottom: 10px;
}

.section-title h2{
    font-size: 36px;
    font-weight: 600;
    /* padding-top: 70px; */
    line-height: 1.2;
    color: #0e1b31;
    margin-bottom: 10px;
}
.service-content .tittle{
	font-size: 18px;
	padding-left: 15px;
}
.aboutus-section .about-top-text{
	color: #565f6e;
	font-size: 18px;
	line-height: 32px;
	position: relative;

	    
}
.aboutus-section .tittle, .mission-section .tittle, .customer-section .tittle, .service-content .tittle{
	display: block;
	background-color: #f9f8fd;
	padding-top: 15px;
	padding-bottom: 15px;
	border-left: 5px solid #6960de;
}
.customer-section .customer-logo{
	width: 90%;
	margin: 0 auto;
}
/* .mission-section h2, .mission-section p{
	color: #fff;
	
} */
.blog-single {
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: rgb(0 0 0 / 6%) 3px 8px 20px;
	padding: 20px;/* 修改  4.14修改 */
}
.blog-thumb{
	overflow: hidden;
	padding: 30px;
}
.blog-thumb img {
    height: auto;
    transition: all 0.7s ease;
    width: 300px;
    height: 160px;
}


.blog-single h4 a {
    font-size: 18px;
    font-weight: 700;
	padding: 20px 0;
	color: #000;
}
.blog-content a{
	    
		color: #fff;
	    font-weight: 500;
		padding: 10px 25px;
	    position: relative;
	    z-index: 1;
	
}
.blog-article .article-content {
	padding-bottom: 10px
}

.blog-article .article-content p {
	margin-bottom: 20px
}

/* .blog-article .article-content .blockquote {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	margin-top: 30px;
	background-color: #f9f8fd;
	padding: 20px
}

.blog-article .article-content .blockquote p {
	font-size: 16px;
	color: #565f6e;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0
} */

.blog-article .article-content ul {
	list-style: none;
	margin: 0 0 20px;
	padding: 0
}

.blog-article .article-content ul li {
	display: inline-block;
	margin-right: 15px
}

.blog-article .article-content ul li:last-child {
	margin-right: 0
}

.blog-article .article-content ul li a {
	padding: 10px 20px;
	background-color: #ebfbf5;
	color: #0e1b31;
	font-weight: 600
}

.blog-article .article-content ul li a i {
	margin-right: 5px;
	top: 3px
}

.blog-article .article-content ul li a:hover {
	background-color: #40d298;
	color: #fff
}
.blog-article .article-content .blockquote {
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
	margin-top: 30px;
	background-color: #f9f8fd;
	padding: 20px
}

.blog-article .article-content .blockquote p {
	font-size: 16px;
	color: #565f6e;
	font-weight: 500;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0
}

.testimonial-single{
    margin-bottom: 25px;
	padding:40px 18px;
	box-shadow: rgb(0 0 0 / 10%) 3px 8px 30px;
	border-radius: 8px;
	background-color: #ffffff;
    position: relative;
    display: block;
    overflow: hidden;
}
/* .testimonial-single:after{
    position: absolute;
    content: "";
    bottom: 0;
	right: 0;
    width: 0;
    height: 4px;
	opacity: 1;
    background-color: #6960de;
    transition: all 0.4s ease;
} */
.testimonial-single:hover:after{
    width: 85%;
	left: 0;
}
.testimonial-single p{
	font-size: 15px;
	overflow:hidden;	 
	text-overflow:ellipsis; 
	display:-webkit-box;
	/*
	-webkit-box-orient:vertical;  
	-webkit-line-clamp:4;
	overflow: hidden;
	*/
	
}
.testimonial-single p a{
	color: #565f6e;
	
}
.testimonial-single p a:hover{
	
	color: #0d6efd;
	
}
.testimonial-single:last-child{margin-right: 0;}

.testimonial-single .client-thumb{
	margin-right: 10px;
}
/* .testimonial-single .client-thumb{
    border-radius: 100%;
    transition: all 0.4s ease;
}
.testimonial-single:hover .client-thumb{
    box-shadow: rgb(255 94 21 / 25%) 0px 0px 30px;
} */
.testimonial-single .client-thumb img{
	max-width: 80px;
	
}
.contact-form{
	padding: 50px 80px;
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 5%) 0 10px 40px;
}
@media screen and (max-width: 767px) {
   .contact-form{
   	padding: 50px 25px !important;
	}
	.header-left .header-left-card ul li{
		padding: 0 !important;
		margin: 0 !important;
	}
}
.contact-form .info-company .icon{
		color: #6960de;
		padding-right: 20px;
		font-weight: 500;
		font-size: 22px;
	}
.form-control{
    width: 100%;
    height: auto;
    padding: 18px 0 18px 20px;
    background-color: #F6F6F6;
    border: none;
	margin-left: 30px;
	border-radius: 5px;
	margin-bottom: 10px !important;
}
.form-control:first-child{
	margin: 0;
}
.contact-form form input[type='email']{
	margin: 0;
}
.contact-form form input:hover{
	outline: 2px solid #6960de;
}
.contact-form textarea{
	width: 100%;
	background-color: #F6F6F6;
	border: none;
	border-radius: 5px;	
	resize:none;
	padding: 20px 0 0 20px;
}
.contact-form textarea:hover{
	outline: 2px solid #6960de;
}
.contact-form .contact_submit-btn{
	text-align: center;
}
.contact-form .b-primary {
    
    background-color: #6960de;
    padding: 12px 57px;
    display: inline-block;
	margin: 0 auto;
    border-radius: 4px;
    color: #ffffff;
    line-height: 17px;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.9s ease;
    
}
.contact-form .with-errors {
    float: left;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0;
    color: red;
    font-weight: 400;
    display: block;
}
.contact-section button{
	margin:0 auto;
}


.choose-card h3 {
    font-size: .85em;
    margin-bottom: 0.5em;
    display: block;
    line-height: 1.3;
    opacity: .6;
}
.choose-card p {
    margin-bottom: 0.5em;
    padding: 0;
    font-size: 1em;
}
.product-detail-section .product-detail-text .text-top{
	font-weight: 700;
}
.product-detail-section .product-detail-text li{
	list-style: none;
}
.service-item-section h3{
	font-weight: 600;
}

.service-content table {
	margin-top: 20px;
  text-align: center;
  border: 1px solid #797979;
  
  border-collapse: collapse;
  
  table-layout: fixed;
  
  word-wrap: break-word;
  
  word-break: break-all;
}

.service-content td {
  padding: 10px;
  border: 1px solid #797979;
}

.img-transition {
 transform: scale(0.7);
 transition: all 0.17s linear 0s;
}

.img-transition:hover {
	transform: scale(1.0);
}


.service-content .nt {
	color: #2269e7;
    font-weight: bold;
}