body {
	animation:pageAnimation 2s forwards; letter-spacing: 1px; overflow: hidden; font-family: "Poppins",sans-serif; font-weight: 300; background-color: rgb(255, 255, 255);
}
.mdi-set.mdi-10px {
	font-size: 10px;
}
.mdi.mdi-10px::before {
	font-size: 10px;
}
h1 {
	font-weight: 400;
}
h2 {
	font-weight: 400;
}
h3 {
	font-weight: 400;
}
h4 {
	font-weight: 400;
}
h5 {
	font-weight: 400;
}
h6 {
	font-weight: 400;
}
.font-20 {
	font-size: 20px;
}
p {
	line-height: 1.6; font-size: 15px;
}
a {
	text-decoration: none !important;
}
a:hover {
	text-decoration: none !important;
}
a:focus {
	text-decoration: none !important;
}
button {
	text-decoration: none !important;
}
button:focus {
	text-decoration: none !important;
}
.form-control {
	background: rgb(241, 243, 246); padding: 7px 20px; border: 0px currentColor; border-image: none; height: 40px; font-size: 14px; font-weight: 300; -webkit-box-shadow: inset 3px 3px 3px #dadada, inset -3px -3px 3px #fafafa;
}
.form-control:focus {
	background: rgb(241, 243, 246); border: 0px currentColor; border-image: none; -webkit-box-shadow: inset 3px 3px 3px #dadada, inset -3px -3px 3px #fafafa;
}
.form-group label {
	font-size: 14px; font-weight: 400;
}
section {
	transition:transform 0.6s 0.6s, opacity 0s 0.6s, -webkit-transform 0.6s 0.6s; left: 0px; top: 0px; width: calc(100%) !important; bottom: 0px; padding-left: 80px; position: fixed; z-index: 0; -ms-overflow-x: hidden; -ms-overflow-y: auto; opacity: 0; transform: translate3d(100%, 0px, 0px); background-color: rgb(241, 243, 246); -webkit-transform: translate3d(100%, 0, 0); -webkit-transition: opacity 0s ease .6s, -webkit-transform .6s ease .6s;
	overflow:scroll;
}
section.active {
	transition:transform 0.6s, -webkit-transform 0.6s; z-index: 2; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); -webkit-transition: -webkit-transform .6s ease;
}
.section-area {
	width: 100%; height: 100%; display: table;
}
.section-content {
	padding: 50px 0px; vertical-align: middle; display: table-cell;
}
.section_title h2 {
	margin-bottom: 25px; position: relative;
}
.section_title h2 span {
	font-size: 40px; font-weight: 600;
}
.section_title h2::before {
	background: url("../imgs/title-decoration.png") no-repeat 0% 0% / 70px; left: 50%; top: 50%; width: 70px; height: 70px; position: absolute; z-index: 0; content: ""; transform: translate(-50%, -50%);
}
.section_subtitle {
	margin-bottom: 0px; max-width: 750px;
}
.bg-vector {
	background: url("../imgs/service-bg.jpg") fixed no-repeat 0% 0% / cover;
}
.btn-hover {
	padding: 10px 20px; border-radius: 40px; height: 48px; color: rgb(255, 255, 255); font-size: 14px; display: flex; min-width: 140px; transform: perspective(1px) translateZ(0px); transition-property: transform; transition-duration: 0.3s; justify-content: center; align-items: center; -webkit-transform: perspective(1px) translateZ(0); -webkit-transition-duration: .3s; -webkit-transition-property: transform;
}
.btn-hover:hover {
	transform: translateY(-5px); -webkit-transform: translateY(-5px);
}
.btn-hover:focus {
	transform: translateY(-5px); -webkit-transform: translateY(-5px);
}
.btn-hover:active {
	transform: translateY(-5px); -webkit-transform: translateY(-5px);
}
.spinner-wrapper {
	background: rgb(255, 255, 255); left: 0px; top: 0px; right: 0px; bottom: 0px; position: fixed; z-index: 999999;
}
.spinner {
	margin: -0.62rem 0px 0px -1.87rem; left: 50%; top: 50%; width: 3.75rem; height: 1.25rem; text-align: center; position: absolute;
}
.spinner > div {
	border-radius: 100%; animation:sk-bouncedelay 1.4s ease-in-out infinite both; width: 1rem; height: 1rem; display: inline-block; background-color: rgb(255, 158, 43); -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
	animation-delay: -0.32s; -webkit-animation-delay: -0.32s;
}
.spinner .bounce2 {
	animation-delay: -0.16s; -webkit-animation-delay: -0.16s;
}
header {
	background: rgb(255, 255, 255); border-radius: 0px 1.25rem 1.25rem 0px; left: 0px; top: 0px; width: 80px; height: 100vh; position: fixed; z-index: 1030; -ms-overflow-x: hidden; min-height: 100vh; box-shadow: 5px 6px 13px 0px rgba(0,0,0,0.08); -webkit-box-shadow: 5px 6px 13px 0 rgba(0, 0, 0, 0.08); -moz-box-shadow: 5px 6px 13px 0 rgba(0, 0, 0, 0.08);
}
.menu-list {
	height: calc(100vh - 100px); -ms-overflow-x: hidden; -ms-overflow-y: auto; justify-content: center; align-content: flex-start;
}
.menu-list .list-group-item {
	padding: 0.5rem; border: 0px currentColor; border-image: none; background-color: transparent;
}
.menu-list li a .menu-icon {
	border-radius: 50px; transition:0.3s; width: 50px; height: 50px; display: flex; box-shadow: 1px 1px 5px #cdcdcd, -3px -3px 3px #fafafa; justify-content: center; align-items: center;
}
.menu-list span {
	transition:0.2s; color: rgb(51, 51, 51); font-size: 10px; font-weight: 400;
}
.menu-list li a:hover .menu-icon {
	color: rgb(255, 158, 43); box-shadow: inset 1px 1px 5px #cdcdcd, inset -3px -3px 3px #fafafa;
}
.menu-list li a.active .menu-icon {
	color: rgb(255, 158, 43); box-shadow: inset 1px 1px 5px #cdcdcd, inset -3px -3px 3px #fafafa;
}
.menu-list li a:hover span {
	color: rgb(255, 158, 43);
}
.menu-list li a.active span {
	color: rgb(255, 158, 43);
}
.menu-list li a i {
	transition:0.2s; font-size: 24px; display: block; position: relative;
}
header .navbar-brand {
	height: 100px; color: rgb(51, 51, 51); margin-right: 0px; display: block;
}
.menu-toggler {
	transition:0.3s; left: 25px; top: 25px; display: none; position: fixed; z-index: 9999; cursor: pointer;
}
.menu-toggler span {
	margin: auto; border-radius: 10px; width: 40px; height: 40px; text-align: center; color: rgb(255, 255, 255); line-height: 44px; font-size: 22px; display: block; background-color: rgb(255, 158, 43);
}
header .navbar-brand span {
	text-align: center; font-size: 12px; font-weight: 400; margin-top: -1rem; display: block;
}
header .navbar-brand b {
	text-align: center; font-size: 3rem; font-weight: 700; display: block;
}
.home-bg {
	background: url("../imgs/home-bg.jpg") fixed no-repeat center / cover; overflow: hidden;
}
.home-bg .heading {
	color: rgb(255, 255, 255); line-height: 60px; font-size: 60px; margin-bottom: 15px;
}
.home-bg .para-txt {
	font-size: 20px; margin-bottom: 20px;
}
.top-subhidding {
	color: rgb(153, 153, 153); text-transform: uppercase; letter-spacing: 2px; font-weight: 500; margin-bottom: 10px;
}
.hero-text .wel-txt {
	color: rgb(255, 255, 255); font-size: 20px; font-weight: 400;
}
.hero-text h1 {
	color: rgb(255, 255, 255); font-size: 60px; margin-bottom: 5px; display: flex; justify-content: center;
}
.hero-text h1 span {
	font-weight: 700; display: block;
}
.informative-txt {
	list-style: none; margin: 0px; padding: 0px;
}
.informative-txt li {
	color: rgb(255, 255, 255); font-size: 16px;
}
.particles__content {
	padding: 4rem; width: 40%; position: absolute;
}
canvas {
	vertical-align: bottom; display: block;
}
#particles-js {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 0;
}
#particles-js1 {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 0;
}
.particles-js-canvas-el {
	position: relative; z-index: 1;
}
.line-vector {
	background: url("../imgs/contact-bg.png"); animation:slide 20s linear infinite; height: 100%; -webkit-animation: slide 20s linear infinite; -moz-animation: slide 20s linear infinite;
}
.about-img-box {
	margin-top: 30px;
}
.about-img-box .image {
	background: rgb(255, 255, 255); padding: 15px; box-shadow: 0px 5px 20px 0px rgba(69,67,96,0.1); -webkit-box-shadow: 0 5px 20px 0 rgba(69, 67, 96, 0.1); -moz-box-shadow: 0 5px 20px 0 rgba(69, 67, 96, 0.1);
}
.about-text-block {
	margin-top: 30px;
}
.about-content h4 {
	font-size: 32px; font-weight: 600;
}
.about-content .text {
	line-height: 25px; font-size: 14px; margin-top: 20px;
}
.counter-block {
	margin-top: 30px;
}
.counter-block .mdi {
	color: rgb(204, 204, 204); font-size: 50px; float: left;
}
.counter-block .number em {
	color: rgb(51, 55, 67); font-size: 60px; font-style: normal; font-weight: 700;
}
.counter-block p {
	font-size: 14px;
}
.expert-box {
	padding: 30px; border-radius: 1.25rem; transition:0.3s ease-in-out; margin-top: 30px; cursor: pointer; box-shadow: 3px 3px 3px #dadada, -3px -3px 3px #fafafa; background-color: rgb(241, 243, 246); -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out;
}
.expert-box:hover {
	transform: translateY(-10px); -webkit-transform: translateY(-10px);
}
.expert-box img {
	width: 80px; height: 80px; margin-bottom: 20px;
}
.expert-box h3 {
	font-size: 20px; margin-bottom: 10px;
}
.service-box {
	background: rgb(59, 94, 212); padding: 30px; height: 280px; margin-top: 30px;
}
.service-icon-box {
	background: rgb(62, 102, 219); transition:0.5s ease-in-out; width: 170px; height: 170px; text-align: center; float: left; position: relative;
}
.service-icon-box p {
	transition:0.5s ease-in-out; color: rgb(83, 116, 222); line-height: 170px; font-size: 60px;
}
.service-icon-box i {
	background: rgb(255, 255, 255); width: 80px; height: 80px; right: -10px; bottom: -14px; color: rgb(255, 158, 43); line-height: 80px; font-size: 36px; position: absolute;
}
.service-content {
	padding-left: 206px;
}
.service-content h3 {
	color: rgb(255, 255, 255); font-weight: 500; margin-bottom: 15px;
}
.service-content p {
	color: rgb(255, 255, 255); margin-bottom: 15px;
}
.service-btn {
	color: rgb(255, 255, 255); border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.service-btn:hover {
	color: rgb(255, 255, 255);
}
.service-box:hover .service-icon-box {
	background: rgb(255, 158, 43);
}
.service-box:hover .service-icon-box p {
	color: rgb(255, 255, 255);
}
.filters {
	margin: 30px auto; padding: 0px;
}
.filters li a {
	background: rgb(241, 243, 246); padding: 5px 20px; border-radius: 30px; color: rgb(33, 33, 33); line-height: 30px; font-size: 14px; display: inline-block; box-shadow: 3px 3px 3px #e1e1e1, -3px -3px 3px #fafafa;
}
.filters li a.active {
	background: rgb(255, 158, 43); color: rgb(255, 255, 255); font-weight: 400;
}
.changjing{
	float: left;height: 400px;border-radius: 4px;margin-bottom: 20px;-webkit-box-shadow: 0 2px 5px #e2dede;box-shadow: 0 2px 5px #e2dede;
	overflow: hidden;-webkit-transition-property: all;transition-property: all;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;backface-visibility: hidden;-webkit-backface-visibility: hidden;

}
.changjing img{
	width: 100%; display: inline-block; vertical-align: top; height:160px;
}
.changjing .c_list_wrap {
    padding: 3px 4px 0;
}
.changjing .c_list_wrap .c_list_title {
    font-size: 25px;
    color: #222;
    margin-bottom: 10px;
    font-weight: bold;
}
.portfolio-section .portfolio-item {
	margin-top: 10px;
}
.portfolio-section .portfolio-item .image-border {
	background: rgb(241, 243, 246); padding: 5px; border-radius: 1.25rem; box-shadow: 3px 3px 3px #dfdfdf, -3px -3px 3px #fafafa;
}
.portfolio-section .portfolio-box {
	border-radius: 1.25rem; position: relative;
}
.portfolio-section .image-border img {
	border-radius: 1rem; width: 100%;
}
.portfolio-section .portfolio-box::before {
	border-radius: 1.25rem; transition:0.5s; left: 15px; top: 15px; right: 15px; bottom: 15px; position: absolute; content: ""; opacity: 0; transform: scale(0.8); background-color: rgba(0, 0, 0, 0.6);
}
.portfolio-section .portfolio-box:hover::before {
	opacity: 1; transform: scale(1);
}
.portfolio-section .img-overlay {
	transition:0.5s; top: 50%; width: 100%; position: absolute; opacity: 0; transform: translateY(-50%);
}
.portfolio-section .portfolio-box:hover .img-overlay {
	opacity: 1;
}
.portfolio-section .portfolio-icon a {
	margin: 0px 8px; border-radius: 40px; transition:0.3s; width: 40px; height: 40px; color: rgb(255, 158, 43); line-height: 40px; display: inline-block; background-color: rgb(255, 255, 255);
}
.portfolio-section .img-overlay h5 {
	color: rgb(255, 255, 255);
}
.portfolio-section .portfolio-icon a i {
	font-size: 26px; font-weight: 700;
}
.client-slider {
	margin-top: 30px;
}
.client-slider .item .testi-content {
	background: rgb(241, 243, 246); margin: 15px 15px 15px 40px; padding: 30px 40px 40px 35px; border-radius: 8px; box-shadow: 3px 3px 3px #dfdfdf, -3px -3px 3px #fafafa;
}
.client-slider .item .testi-content h3 {
	color: rgb(34, 34, 34); font-size: 17px; font-weight: 700; margin-bottom: 30px; position: relative;
}
.client-slider .item .testi-content h3::before {
	background: rgb(221, 221, 221); left: 0px; width: 86px; height: 1px; bottom: -10px; position: absolute; content: "";
}
.client-slider .item .testi-content p {
	color: rgb(88, 88, 88); line-height: 24px; font-size: 13px; font-style: italic;
}
.client-slider .item .testi-content .rating {
	text-align: right;
}
.client-slider .item .testi-content .rating span {
	color: rgb(255, 158, 43); font-size: 20px;
}
.client-slider .item .img-holder {
	padding: 20px 0px 20px 185px; position: relative;
}
.client-slider .item .img-box {
	left: 40px; top: -48px; position: absolute;
}
.client-slider .item .img-box img {
	border-radius: 5px;
}
.client-slider .item .img-holder .designation {
	color: rgb(153, 153, 153); font-size: 11px; font-style: italic; font-weight: 600;
}
.client-slider .item .img-holder .name h4 {
	font-size: 20px; font-weight: 700;
}
.client-slider .owl-nav {
	left: -95px; top: -35px; text-align: center; position: relative;
}
.client-slider .owl-nav .owl-prev {
	background: rgb(241, 243, 246) !important; margin: 0px 5px; border-radius: 6px; transition:700ms; width: 30px; height: 30px; text-align: center; color: rgb(0, 0, 0) !important; display: inline-block; position: relative; cursor: pointer; box-shadow: 3px 3px 3px #dadada, -3px -3px 3px #fafafa;
}
.client-slider .owl-nav .owl-next {
	background: rgb(241, 243, 246) !important; margin: 0px 5px; border-radius: 6px; transition:700ms; width: 30px; height: 30px; text-align: center; color: rgb(0, 0, 0) !important; display: inline-block; position: relative; cursor: pointer; box-shadow: 3px 3px 3px #dadada, -3px -3px 3px #fafafa;
}
.client-slider .owl-nav .owl-prev {
	top: 0px; right: 0px;
}
.client-slider .owl-nav .owl-next {
	top: 0px; right: 0px;
}
.contact_form {
	background: rgb(255, 255, 255); padding: 30px; border-radius: 30px;
}
.contact-box {
	box-shadow: 3px 3px 3px #dfdfdf, -3px -3px 3px #fafafa;
}
.form-group .icons {
	left: 0px; top: 0px; line-height: 100px; font-size: 18px; position: absolute;
}
.contact-info {
	margin-top: 30px;
}
.contact-info .icon i {
	color: rgb(255, 158, 43); font-size: 40px;
}
.text-theme {
	transition:0.2s; color: rgb(255, 158, 43);
}
.text-theme:hover {
	color: rgb(0, 0, 0);
}
.custom-form .form-group {
	margin: 20px 0px 0px;
}
.form-box {
	margin-top: 30px;
}
.contact-img {
	margin-top: 30px;
}
.send-btn {
	background: rgb(255, 158, 43); margin-top: 30px; -webkit-box-shadow: inset 3px 3px 3px #d77807, inset -3px -3px 3px #FF9E2B;
}
.send-btn:hover {
	color: rgb(255, 255, 255);
}
.copy-right {
	top: 5rem; font-size: 14px; position: relative;
}
.copy-right b {
	color: rgb(255, 158, 43);
}
@media all and (max-width:991px)
{
.btn {
	height: 45px;
}
.section {
	padding-left: 0px;
}
.menu-toggler {
	display: block;
}
header {
	transition:0.3s; left: -90px;
}
header.open {
	left: 0px;
}
.open.menu-toggler {
	left: 105px;
}
.section_title h2 {
	text-align: center;
}
.section_subtitle {
	text-align: center;
}
.section_subtitle {
	margin: auto; padding-top: 0px; font-size: 16px; display: table; max-width: 500px;
}
.client-slider .item .testi-content {
	margin: 20px;
}
}
@media all and (max-width:768px)
{
.section_subtitle {
	line-height: 1.6;
}
.section_title h3 {
	font-size: 22px;
}
}
@media only screen and (max-width:767px)
{
.about-content h4 {
	text-align: center;
}
.about-content .text {
	text-align: center;
}
.hero-text h1 span {
	font-size: 34px; min-height: 40px;
}
.hero-text h1 {
	font-size: 34px; min-height: 40px;
}
.filters {
	margin: 0px 20px; border: 0px currentColor; border-image: none; display: flex; flex-wrap: wrap; justify-content: center;
}
.filters li a {
	background: rgb(236, 236, 236); margin-bottom: 0.5rem;
}
}
@media all and (max-width:575px)
{
.btn {
	height: 40px; font-size: 12px; min-width: 120px;
}
.btn {
	padding: 10px 15px;
}
.counter-block .mdi {
	float: none;
}
.counter-block {
	text-align: center;
}
.informative-txt li {
	text-align: center; line-height: 16px; font-size: 14px;
}
.hero-text h1 {
	font-size: 22px;
}
.hero-text h1 span {
	font-size: 22px;
}
.section-area {
	display: block;
}
.section-content {
	display: block;
}
.home-bg .section-area {
	display: table;
}
.home-bg .section-content {
	display: table-cell;
}
.service-box {
	height: auto;
}
.service-icon-box {
	float: none;
}
.service-content {
	padding-left: 0px; margin-top: 30px;
}
}