html,body {
	margin: 0;
	padding: 0
}
@font-face {
  font-family: "R1";
  src: url("../fonts/Roboto-Regular.ttf");
}

body {
	font-family:"R1",arial,sans-serif;
	font-size: 18px;
	line-height: 30px;
	color: #555;
	letter-spacing: 0;
	font-weight: 400;
	word-break: break-word;
}

h1,h2,h3,h4,h5,h6 {
	color: #181818;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 0 15px;
	line-height: 1.5
}

.rubik {
	font-family: sans-serif
}
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
a {
	color: #181818;
	text-decoration: none;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

a:hover {
	color: #0866ff;
	text-decoration: none
}

a:focus {
	outline: 0;
	text-shadow: none;
	box-shadow: none
}

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0
}

input[type=number] {
	-moz-appearance: textfield
}

.rt-btn {
	display: inline-block;
	height: 50px;
	font-size: 15px;
	
	line-height: .8;
	color: #fff;
	overflow: hidden;
	position: relative;
	z-index: 1;
	text-align: center;
	text-transform: capitalize;
	font-weight: 500;
	background: #0866ff;
	padding: 14px 25px;
	border-radius: 5px;
	z-index: 1;
	cursor: pointer;
	border: none;
	outline: none;
	-webkit-transition: all .4s;
	transition: all .4s
}

.rt-btn:hover {
	color: #fff
}

.rt-btn::before {
	content: '';
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 0;
	z-index: -1;
	transition: width .3s cubic-bezier(.25,.8,.25,1) 0s;
	-moz-transition: width .3s cubic-bezier(.25,.8,.25,1) 0s;
	-webkit-transition: width .3s cubic-bezier(.25,.8,.25,1) 0s;
	background: #081880;
	border-radius: 5px
}

.rt-btn:hover::before {
	width: 100%;
	left: 0;
	right: auto
}

.rt-btn i {
	font-size: 18px;
	line-height: .8;
	display: inline-block;
	margin: 0 0 0 32px;
	position: relative;
	top: 3px
}

.to_left::before {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	right: auto;
	z-index: -1;
	top: 0;
	background: #081880;
	transition: width .4s cubic-bezier(.25,.8,.25,1) 0s;
	-moz-transition: width .4s cubic-bezier(.25,.8,.25,1) 0s;
	-webkit-transition: width .4s cubic-bezier(.25,.8,.25,1) 0s
}

.to_left:hover:before {
	width: 100%;
	left: auto;
	right: 0
}

.to_top::before {
	content: "";
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	z-index: -1;
	top: 0;
	bottom: auto;
	background: #081880;
	transition: height .4s cubic-bezier(.25,.8,.25,1) 0s;
	-moz-transition: height .4s cubic-bezier(.25,.8,.25,1) 0s;
	-webkit-transition: height .4s cubic-bezier(.25,.8,.25,1) 0s
}

.to_top:hover:before {
	height: 100%;
	top: auto;
	bottom: 0
}

.to_bottom::before {
	content: "";
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	top: auto;
	z-index: -1;
	background: #081880;
	transition: height .4s cubic-bezier(.25,.8,.25,1) 0s;
	-moz-transition: height .4s cubic-bezier(.25,.8,.25,1) 0s;
	-webkit-transition: height .4s cubic-bezier(.25,.8,.25,1) 0s
}

.to_bottom:hover:before {
	height: 100%;
	top: auto;
	top: 0
}

.sub_title {
	font-size: 16px;
	color: #f7531e;
	font-weight: 700;
	line-height: 20px;
	display: inline-block;
	margin: 0 0 20px
}

.sub_title span {
	display: inline-block;
	width: 60px;
	height: 2px;
	background: #f7531e;
	margin: 0 0 0 9px;
	position: relative;
	top: -2px
}

.sec_titles {
	font-size: 34px;
	line-height: 40px;
	margin-bottom: 60px
}

.sec_desc {
	line-height: 30px;
	margin: -40px 0 29px
}

body .elementor-widget:not(:last-child) {
	margin-bottom: 0
}

.fishto_heading {
	font-size: 40px;
	line-height: 54px;
	color: #1c1c25;
	margin: 0 0 18px
}

.fishto_heading span {
	color: #1972e0
}

@keyframes halfBounce2 {
	0%,100% {
		transform: scale(.9)
	}

	50% {
		transform: scale(1)
	}
}

@-webkit-keyframes rotated {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes movebounce {
	0% {
		transform: translateY(0px)
	}

	50% {
		transform: translateY(15px)
	}

	100% {
		transform: translateY(0px)
	}
}

@keyframes zoomBig {
	0% {
		transform: translate(-50%,-50%) scale(.5);
		opacity: 1;
		border-width: 3px
	}

	40% {
		opacity: .5;
		border-width: 2px
	}

	65% {
		border-width: 1px
	}

	100% {
		transform: translate(-50%,-50%) scale(1);
		opacity: 0;
		border-width: 1px
	}
}

@keyframes shadows {
	0% {
		box-shadow: 0 0 0 0 rgba(255,255,255,.2),0 0 0 20px rgba(255,255,255,.2),0 0 0 30px rgba(255,255,255,.2)
	}

	100% {
		box-shadow: 0 0 0 20px rgba(255,255,255,.2),0 0 0 30px rgba(255,255,255,.2),0 0 0 40px transparent
	}
}

.overlay-anim::before {
	background: rgba(255,255,255,.5);
	bottom: 0;
	content: "";
	left: 50%;
	position: absolute;
	right: 51%;
	top: 0;
	opacity: 1;
	pointer-events: none;
	transition: all 500ms linear
}

.overlay-anim:hover::before {
	left: 0;
	right: 0;
	opacity: 0;
	transition: all 500ms linear
}

.overlay-anim::after {
	background: rgba(255,255,255,.5);
	bottom: 50%;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 50%;
	opacity: 1;
	pointer-events: none;
	transition: all 600ms linear
}

.overlay-anim:hover::after {
	top: 0;
	bottom: 0;
	opacity: 0;
	transition: all 600ms linear
}

.sub-title {
	font-size: 16px;
	line-height: 20px;
	color: #0866ff;
	font-weight: 500;
	text-transform: uppercase;
	margin: 0 0 17px
}

.sub-title span {
	width: 81px;
	height: 3px;
	display: inline-block;
	background: #0866ff;
	margin-right: 15px;
	position: relative;
	top: -3px
}

.sec-title {
	font-size: 48px;
	line-height: 58px;
	margin: 0 0 40px
}

.sec-desc {
	margin: 0 0 30px
}

.topbar {
	position: relative;
	background: #eef3f6;
	padding: 11px 0 10px;
	color:#182e7a;
}

.topinfo {
	position: relative
}

.topinfo p {
	display: inline-block;
	color: #182e7a;
	font-size: 14px;
	
	font-weight: 500;
	line-height: .8;
	margin: 0 35px 0 0
}

.topinfo p:last-child {
	margin-right: 0
}

.topinfo p a {
	color: inherit
}

.topinfo p i {
	display: inline-block;
	margin-right: 9px;
	font-size: 17px;
	position: relative;
	top: 1px
}

.topbar p i.nss-phone2 {
	top: 4px;
	-webkit-transform: rotateY( 180deg );
	-moz-transform: rotateY(180deg);
	transform: rotateY( 180deg );
	display: inline-block
}

.topinfo p i.icon_pin_alt {
	top: 3px
}

.topsocial {
	margin: 0;
	padding: 0;
	float: right;
	display: inline-block
}

.topsocial li {
	list-style: none;
	display: inline-block;
	margin-left: 16px
}

.topsocial li a {
	display: inline-block;
	font-size: 17px;
	color: #8b8b8b;
}

.topsocial li a:hover {
	color: #081880
}

.topbar .container-fluid,header .container-fluid {
	padding-left: 75px;
	padding-right: 75px
}

.header-01 {
	position: relative;
	background: #181818;
	width: 100%;
	z-index: 99
}

.navbar.navbar-expand-lg {
	position: relative;
	margin: 0;
	padding: 0;
	transition: all .3s ease-out
}

.navbar-brand {
	position: relative;
	padding: 0;
	margin: 0;
	text-align: center
}

.navbar-brand img {
	max-width: 100%;
	width: auto;
	height:auto;
}

.text-logo {
	display: block;
	font-size: 30px;
	line-height: 30px;
	text-transform: capitalize;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0
}

.text-logo:hover {
	color: #5838fc
}

.navbar .navbar-collapse {
	justify-content: end;
}

.navbar-expand-lg .navbar-nav {
	position: relative;
	margin: 0;
	padding: 0
}

.navbar-expand-lg .navbar-nav li {
	position: relative;
	list-style: none;
	display: inline-block;
	margin: 0 0 0 25px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.navbar-expand-lg .navbar-nav li:first-child {
	margin-left: 0
}

.navbar-expand-lg .navbar-nav li>a {
	display: block;
	font-size: 18px;
	line-height: 23px;
	color: #fff;
	
	text-transform: capitalize;
	font-weight: 500;
	padding: 40px 15px 37px;
	position: relative
}

.navbar-expand-lg .navbar-nav li.menu-item-has-children>a::before {
	content: "+";
	position: absolute;
	left: auto;
	right: 0;
	top: 50%;
	text-align: center;
	z-index: 9999;
	font-size: 16px;
	display: block;
	cursor: pointer;
	transform: translateY(-50%)
}

.navbar-expand-lg .navbar-nav .sub-menu li.menu-item-has-children>a::before {
	right: 15px
}

.navbar-expand-lg .navbar-nav li.menu-item-has-children:hover>a::before {
	content: "-"
}

.navbar-expand-lg .navbar-nav li:hover>a {
	color: #0866ff
}

.navbar-expand-lg .navbar-nav li .sub-menu {
	position: absolute;
	left: inherit;
	pointer-events: none;
	top: 100%;
	width: 250px;
	z-index: 100;
	text-align: left;
	margin: 0;
	padding: 0;
	opacity: 0;
	visibility: hidden;
	background: #181818;
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	-webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0/5%),-2px 0 5px 1px rgb(0 0 0/5%);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,.05),-2px 0 5px 1px rgba(0,0,0,.05);
	box-shadow: 2px 2px 5px 1px rgb(0 0 0/5%),-2px 0 5px 1px rgb(0 0 0/5%);
	-webkit-transform-origin: top;
	-ms-transform-origin: top;
	transform-origin: top;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: none;
	border-radius: 0;
	color: inherit;
	font-size: inherit
}

.navbar-expand-lg .navbar-nav li .sub-menu li {
	display: block;
	padding: 0;
	margin: 0;
	border-top: 1px solid rgba(255,255,255,.1);
	-webkit-transition: all .2s cubic-bezier(.4,.28,.31,1.28) 0s;
	transition: all .2s cubic-bezier(.4,.28,.31,1.28) 0s;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(5px);
	transform: translateY(5px)
}

.navbar-expand-lg .navbar-nav li .sub-menu li a {
	padding: 13px 25px;
	margin: 0;
	color: #fff;
	line-height: 26px;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 16px;
	width: 100%;
	display: block;
	position: relative
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+1) {
	-webkit-transition-delay: .1s;
	transition-delay: .1s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+2) {
	-webkit-transition-delay: .15s;
	transition-delay: .15s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+3) {
	-webkit-transition-delay: .2s;
	transition-delay: .2s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+4) {
	-webkit-transition-delay: .25s;
	transition-delay: .25s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+5) {
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+6) {
	-webkit-transition-delay: .35s;
	transition-delay: .35s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:nth-child(2n+7) {
	-webkit-transition-delay: .4s;
	transition-delay: .4s
}

.navbar-expand-lg .navbar-nav li .sub-menu li:last-child {
	-webkit-transition-delay: .45s;
	transition-delay: .45s
}

.navbar-expand-lg .navbar-nav li:hover .sub-menu li {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}

.navbar-expand-lg .navbar-nav li .sub-menu li.current-menu-item>a,.navbar-expand-lg .navbar-nav li .sub-menu li:hover>a {
	color: #0866ff
}

.navbar-expand-lg .navbar-nav li:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	pointer-events: inherit;
	-moz-transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.navbar-expand-lg .navbar-nav li .sub-menu li .sub-menu {
	position: absolute;
	left: 110%;
	right: auto;
	top: 0;
	visibility: hidden;
	opacity: 0;
	pointer-events: none
}

.navbar-expand-lg .navbar-nav li .sub-menu li:hover .sub-menu {
	visibility: visible;
	opacity: 1;
	left: calc(100% + 1px);
	pointer-events: inherit
}

.access-btn {
	position: relative;
	margin-left:40px;
}

.access-btn .btn-search {
	display: inline-block;
	font-size: 22px;
	color: #fff;
	position: relative;
	top: -13px
}

.access-btn .btn-search:hover {
	color: #0866ff
}

.access-btn .rt-btn {
	font-weight: 700;
	padding: 19px 30px;
	margin-left: 32px
}

.access-btn .rt-btn:hover {
	color: #0866ff
}

.access-btn .rt-btn:before {
	background: #fff
}

.submenu-toggler {
	display: none
}

.popup_search_sec {
	position: absolute;
	left: 0;
	top: 0;
	right: 0
}

.popup_search_overlay {
	position: fixed;
	left: 0;
	top: -100%;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	z-index: 99;
	opacity: 0;
	visibility: hidden;
	cursor: url(../image/close.png),auto;
	-webkit-transition: all .4s ease-in .8s;
	-o-transition: all .4s ease-in .8s;
	transition: all .4s ease-in .8s
}

.popup_search_sec.active .popup_search_overlay {
	visibility: visible;
	-webkit-transition: all .8s ease-out 0s;
	-o-transition: all .8s ease-out 0s;
	transition: all .8s ease-out 0s;
	top: 0;
	opacity: 1
}

.pop_search_background {
	background: #000;
	width: 100%;
	height: 400px;
	top: -100%;
	z-index: 99;
	position: fixed;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-overflow-scrolling: touch;
	-webkit-transition: all .6s cubic-bezier(.9,.03,0,.96) .7s;
	-o-transition: all .6s cubic-bezier(.9,.03,0,.96) .7s;
	transition: all .6s cubic-bezier(.9,.03,0,.96) .7s
}

.popup_search_sec.active .pop_search_background {
	opacity: 1;
	visibility: visible;
	top: 0;
	-webkit-transition: all .5s cubic-bezier(.9,.03,0,.96) .5s;
	-o-transition: all .5s cubic-bezier(.9,.03,0,.96) .5s;
	transition: all .5s cubic-bezier(.9,.03,0,.96) .5s
}

.middle_search {
	position: relative;
	top: 43%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: relative;
	z-index: 2
}

.popup_search_form {
	position: relative
}

.popup_search_form:after {
	-webkit-animation-delay: .8s;
	-moz-animation-delay: .8s;
	-o-animation-delay: .8s;
	animation-delay: .8s;
	position: absolute;
	content: '';
	height: 1px;
	background: rgba(255,255,255,.25);
	width: 0;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: 0
}

.popup_search_sec.active .popup_search_form:after {
	-webkit-animation-name: fadeInGo;
	animation-name: fadeInGo;
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	visibility: visible;
	opacity: 1;
	width: 100%
}

.popup_search_form:before {
	content: '';
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	height: 1px;
	width: 0;
	transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
	-moz-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
	-webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
	background: #0866ff
}

.popup_search_form.focused:before {
	width: 100%;
	left: 0;
	right: auto
}

.popup_search_form input[type=search] {
	width: 100%;
	height: 64px;
	border: none;
	background: 0 0;
	outline: none;
	font-size: 20px;
	line-height: 64px;
	color: #fff;
	font-weight: 500
}

.popup_search_form input[type=search]::-moz-placeholder {
	color: #fff;
	opacity: 1
}

.popup_search_form input[type=search]::-ms-input-placeholder {
	color: #fff;
	opacity: 1
}

.popup_search_form input[type=search]::-webkit-input-placeholder {
	color: #fff;
	opacity: 1
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-webkit-keyframes fadeInGo {
	0% {
		opacity: .1;
		width: 0
	}

	100% {
		opacity: 1;
		width: 100%
	}
}

@keyframes fadeInGo {
	0% {
		opacity: .1;
		width: 0
	}

	100% {
		opacity: 1;
		width: 100%
	}
}

@-webkit-keyframes fadeOutGo {
	0% {
		opacity: 1;
		width: 100%
	}

	100% {
		opacity: 0;
		width: 0
	}
}

@keyframes fadeOutGo {
	0% {
		opacity: 1;
		width: 100%
	}

	100% {
		opacity: 0;
		width: 0
	}
}

@-webkit-keyframes fadeOutGo2 {
	0% {
		opacity: .8;
		width: 100%
	}

	100% {
		opacity: .14;
		width: 0
	}
}

@keyframes fadeOutGo2 {
	0% {
		opacity: .8;
		width: 100%
	}

	100% {
		opacity: .14;
		width: 0
	}
}

.popup_search_form button[type=submit] {
	position: absolute;
	right: 0;
	bottom: 14px;
	border: none;
	outline: none;
	z-index: 2;
	font-size: 20px;
	line-height: 32px;
	margin: 0;
	padding: 0;
	background: 0 0;
	color: #fff;
	transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-webkit-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms
}

.popup_search_form button[type=submit]:hover {
	color: #0866ff
}

.slider-section {
	position: relative;
	overflow: hidden
}

.hero-slider-01 {
	position: relative
}

.single-slide.bg-img {
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 5;
	height: 900px
}

.single-slide.bg-img:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(8,24,69,.4)
}

.slider-content {
	position: relative;
	z-index: 9;
	padding: 0
}

.slider-content .sub-title {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	text-transform: inherit;
	font-weight: 500;
	position: relative;
	
	margin-bottom: 22px
}

.slider-content .sub-title:after {
	position: relative;
	right: -24px;
	top: -3px;
	width: 60px;
	height: 2px;
	background: #f4f4f4;
	content: '';
	display: inline-block
}

.slider-content h2 {
	font-size: 80px;
	line-height: 90px;
	color: #fff;
	margin: 0 0 38px
}

.slider-content p {
	font-size: 18px;
	line-height: 26px;
	color: #fff;
	margin: -15px 0 0
}

.slider-content .rt-btn {
	height: 60px;
	padding: 20px 27px
}

.slider-content .to_bottom {
	margin-left: 14px;
	background: 0 0;
	border: 2px solid rgba(255,255,255,.2);
	color: #ffff
}

.slider-content .to_bottom:hover {
	border-color: #0866ff
}

.slider-content .to_bottom::before {
	background: #0866ff;
	border-radius: 0
}

.slider-section .owl-dots {
	position: absolute;
	right: 0;
	left: 0;
	margin: 0 auto;
	text-align: center;
	bottom: 40px;
	z-index: 3;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.slider-section .owl-dots button {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	outline: none;
	position: relative;
	margin: 0 5px;
	background: #fff;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.slider-section .owl-dots button.active,.slider-section .owl-dots button:hover {
	background: #0866ff
}

.owl-carousel .owl-dots button span {
	display: none
}

.slider-section .owl-carousel .owl-nav {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	width: 1140px;
	text-align: right;
	position: absolute;
	outline: none;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%)
}

.slider-section .owl-carousel .owl-nav button {
	text-align: center;
	z-index: 5;
	font-size: 28px;
	line-height: 54px;
	width: 50px;
	height: 50px;
	margin: 10px 0 5px auto;
	background: #0866ff;
	color: #fff;
	position: relative;
	border: none;
	outline: none;
	z-index: 1;
	border-radius: 50%;
	display: block;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.slider-section .owl-carousel .owl-nav button:after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: '';
	background: #081880;
	border-radius: 50%;
	text-align: center;
	width: 0;
	height: 0;
	z-index: -1;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.slider-section .owl-carousel .owl-nav button:hover:after {
	width: 100%;
	height: 100%
}

.slider-section .owl-item.active .slider-content .sub-title {
	animation-delay: 1.4s;
	animation-name: fadeInLeft
}

.slider-section .owl-item.active .slider-content h2 {
	animation-delay: 1.7s;
	animation-name: fadeInLeft
}

.slider-section .owl-item.active .slider-content .to_top {
	animation-delay: 1.9s;
	animation-name: fadeInUp
}

.slider-section .owl-item.active .slider-content .to_bottom {
	animation-delay: 2.1s;
	animation-name: fadeInUp
}

.iconbox-section-1 {
	position: relative;
	padding: 0 0 26px;
	margin-top: -100px;
	z-index: 2
}

.box-wrapper {
	position: relative;
	background: #0866ff;
	display: flex;
	justify-content: center;
	border-radius: 10px 10px 0 0;
	padding: 20px 0
}

.box-wrapper .icon-box-1 {
	width: 25%
}

.icon-box-1 {
	position: relative;
	border-right: 1px solid rgba(255,255,255,.2);
	padding: 34px 15px 0
}

.icon-box-1:last-child {
	border-right: none
}

.ib-icon {
	position: relative;
	margin: 0 0 52px;
	font-size: 62px;
	line-height: 62px;
	color: #fff;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.ib-icon svg {
	max-width: 62px;
	height: auto
}

.icon-box-1 .ib-icon svg {
	fill: #fff
}

.icon-box-1 h5 {
	background: #fff;
	width: calc(100% - 48px);
	font-size: 20px;
	line-height: 30px;
	margin: 0 auto -45px;
	border-radius: 5px;
	padding: 15px;
	box-shadow: 0 10px 30px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.05);
	-ms-box-shadow: 0 10px 30px 0 rgba(0,0,0,.05)
}

.about-section-1 {
	position: relative;
	padding: 120px 0 0 0;
}

.video_image {
	position: relative;
	padding: 27px 0 0;
	z-index: 2
}

.video_image img {
	max-width: 100%;
	height: auto;
	border-radius: 29px
}

.bgcolor {
	width: 298px;
	height: 536px;
	background: #0866ff;
	border-radius: 29px;
	position: absolute;
	right: 13%;
	top: 0;
	z-index: -1
}

.video_image .popup {
	-webkit-animation: movebounce 3s linear infinite;
	animation: movebounce 3s linear infinite;
	width: 229px;
	height: 229px;
	border: 11px solid #fff;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	font-size: 34px;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 120px;
	z-index: 2;
	box-shadow: 0 10px 30px 0 rgba(0,0,0,.07);
	-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,.07);
	-ms-box-shadow: 0 10px 30px 0 rgba(0,0,0,.07)
}

.video_image .popup:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	background: rgba(8,24,69,.2)
}

.video_image .popup img {
	border-radius: 50%;
	width: 100%;
	height: 100%
}

.video_image .popup i {
	display: inline-block;
	position: absolute;
	left: 0;
	line-height: 206px;
	z-index: 2;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.video_image .popup:hover {
	color: #0866ff
}

.ab-content {
	position: relative
}

.ab-content .sec-title {
	margin-bottom: 15px;
	font-size: 46px;
	line-height: 56px
}
.ab-content .sec-desc span{
	text-indent: 2em;
	display: inline-block;
	margin-top:10px;
	font-size:16px;
	text-align: justify;
}
.ab-content .service-item-01 {
	background: 0 0;
	padding: 0 0 0 60px;
	margin: 32px 0 0;
	box-shadow: none
}

.ab-content .service-item-01:after {
	background: 0 0
}

.ab-content .service-item-01 .ib-icon {
	position: absolute;
	width: 48px;
	height: 48px;
	min-width: 48px;
	line-height: 48px;
	font-size: 22px;
	color: #0866ff;
	margin: 0;
	text-align: center;
	left: 0;
	top: -6px;
	border: 2px solid rgba(25,25,25,.1);
	border-radius: 50%
}

.ab-content .service-item-01 .ib-icon svg {
	max-width: 22px
}

.ab-content .service-item-01:hover .ib-icon svg path {
	fill: #0866ff
}

.ab-content .service-item-01 h5 {
	font-size: 18px;
	color: #565872;
	line-height: .8;
	font-weight: 400;
	margin: 0 0 1px
}

.ab-content .service-item-01 p {
	font-size: 16px;
	margin: 0;
	color: #081880;
	font-weight: 700
}

.single_skill {
	position: relative;
	margin-bottom: 25px
}

.single_skill h4 {
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	margin: 0 0 13px
}

.ss_parent {
	position: relative;
	background: #f7f7f7;
	height: 8px;
	width: 100%
}

.ss_parent span {
	position: absolute;
	font-size: 16px;
	line-height: .8;
	margin: 0;
	
	color: #181818;
	font-weight: 600;
	right: 0;
	top: -31px
}

.ss_child {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	background: #0866ff
}

.divider {
	margin-bottom: 34px
}

.yearsXP {
	position: relative;
	background: #fff;
	
	display: flex;
	padding: 5px 45px;
	border-left: 5px solid #0866ff;
	box-shadow: 0 6px 50px 0 rgba(37,37,37,.05);
	-webkit-box-shadow: 0 6px 50px 0 rgba(37,37,37,.05);
	-ms-box-shadow: 0 6px 50px 0 rgba(37,37,37,.05)
}

.yearsXP h2 {
	font-size: 68px;
	color: #0866ff;
	line-height: 90px;
	min-width: 95px;
	margin: 0 25px 0 0
}

.yearsXP h3 {
	font-size: 15px;
	line-height: 25px;
	color: #081880;
	margin: 21px 0 0
}

.service-section-1 {
	position: relative;
	background: #081880;
	padding: 60px 0;
}

.service-item-01 {
	position: relative;
	background: #081860;
	z-index: 1;
	padding: 34px 30px 30px 125px;
	margin: 0;
	border-radius: 10px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	box-shadow: 0 6px 50px 0 rgba(37,37,37,.05);
	-webkit-box-shadow: 0 6px 50px 0 rgba(37,37,37,.05);
	-ms-box-shadow: 0 6px 50px 0 rgba(37,37,37,.05)
}

.service-item-01:after {
	content: '';
	position: absolute;
	left: auto;
	right: 0;
	bottom: 0;
	height: 100%;
	z-index: -1;
	border-radius: 10px;
	width: 0;
	transition: width .4s cubic-bezier(.25,.8,.25,1) 0s;
	background: #0866ff
}

.service-item-01:hover:after {
	width: 100%;
	left: 0;
	right: auto
}

.service-item-01 .ib-icon {
	position: absolute;
	left: 30px;
	top: 34px;
	min-width: 62px
}

.service-item-01 .ib-icon svg path {
	fill: #0866ff;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.service-item-01 h3 {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 12px;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.service-item-01 h3 a {
	color: inherit
}

.service-item-01 h3 a:hover {
	color: #081880
}

.service-item-01 p {
	color: rgba(255,255,255,.8);
	margin: 0;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease
}

.service-item-01:hover .ib-icon svg path {
	fill: #fff
}

.service-item-01:hover .ib-icon {
	animation: zoomIn .3s linear alternate;
	animation-duration: .5s
}

.bisiness-str {
	position: relative;
	background: #081860;
	border: 2px solid rgba(255,255,255,.1);
	border-radius: 10px;
	padding: 80px 50px;
	margin-top: 90px
}

.bisiness-str img {
	width: 100%;
	height: auto;
	border-radius: 10px
}

.bisiness-str .sec-title {
	margin: -5px 0 48px
}

.icon-box-2 {
	position: relative;
	margin: 0 0 33px
}

.icon-box-2 .ib-icon {
	background: #0866ff;
	height: 60px;
	width: 60px;
	border-radius: 10px;
	text-align: center;
	display: inline-block;
	font-size: 24px;
	line-height: 64px;
	margin: 0 0 17px
}

.icon-box-2 h5 {
	color: #fff;
	font-size: 20px;
	margin: 0 0 5px
}

.icon-box-2 p {
	color: rgba(255,255,255,.8);
	margin: 0
}

.bisiness-str .to_bottom {
	background: 0 0;
	border: 2px solid rgba(255,255,255,.2);
	color: #ffff
}

.bisiness-str .to_bottom:hover {
	border-color: #0866ff
}

.bisiness-str .to_bottom::before {
	background: #0866ff;
	border-radius: 0
}

.client-section {
	background: #f4f4f4;
	position: relative;
	padding: 75px 0 68px
}

.client-slider.owl-carousel .owl-item {
	text-align: center
}

.client-slider.owl-carousel a {
	overflow: hidden;
	display: inline-block;
	position: relative;
	transition: all .3s ease-in-out
}

.client-slider.owl-carousel a img {
	display: inline-block;
	max-width: 100%;
	width: auto;
	min-width: inherit;
	transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out
}

.client-slider.owl-carousel a:hover .normal {
	display: block;
	visibility: hidden;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}

.client-slider.owl-carousel a .hover {
	transition: all .3s ease-in-out;
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	visibility: hidden
}

.client-slider.owl-carousel a:hover .hover {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	opacity: 3;
	visibility: visible;
	-webkit-transform: translateY(0%);
	-moz-transform: translateY(0%);
	-ms-transform: translateY(0%);
	-o-transform: translateY(0%);
	transform: translateY(0%)
}

.portfolio-section-1 {
	position: relative;
	padding: 116px 0 100px
}

.shaf-sizer {
	z-index: -1
}

.shaf-filter {
	margin: 45px 0 55px;
	padding: 0
}

.shaf-filter li {
	list-style: none;
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #222;
	font-weight: 700;
	cursor: pointer;
	margin: 0 50px 0 0;
	padding: 0 7px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.shaf-filter li:last-child {
	margin-right: 0
}

.shaf-filter li:before {
	width: 0%;
	height: 2px;
	background: #0866ff;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -7px;
	content: '';
	opacity: 0;
	visibility: hidden;
	text-decoration: none;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.shaf-filter li.active:before,.shaf-filter li:hover:before {
	opacity: 1;
	visibility: visible;
	width: 100%
}

.folio-item-1 {
	position: relative;
	overflow: hidden;
	margin-bottom: 20px;
	/* background-image: url(../image/probg.jpg); */
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	background: rgba(0, 0, 0, .1);
}

.folio-item-1 img {
	width: 100%;
	height: auto
}

/* .folio-item-1:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	background: rgba(104,110,226,.3);
}

.folio-item-1:hover:after {
	height: 100%;
	opacity: 1;
	visibility: visible
} */

.folio-content {
	width: calc(100% - 30px);
	position: absolute;
	left: 15px;
	bottom: 0;
	z-index: 2;
	background: #fff;
	border-radius: 5px;
	padding: 15px 70px 15px 15px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s
}

.folio-item-1 .folio-content {
	bottom: 16px;
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
	box-shadow: 0px 1px 5px 1px rgba(6, 6, 6, 0.09);
}

.cats {
	position: relative;
	color: #0866ff;
	margin: 0 0 2px
}

.cats a {
	color: inherit;
	display: inline-block
}

.cats a:hover {
	color: #181818
}

.folio-content h5 {
	font-size: 18px;
	margin-bottom: 0
}

.folio-content h5 a {
	color: inherit;
	display: inline-block
}

.folio-content h5 a:hover {
	color: #0866ff
}

.fm-more {
	display: inline-block;
	width: 45px;
	height: 45px;
	background: rgba(104,110,226,.1);
	color: #0866ff;
	font-size: 16px;
	border-radius: 3px;
	line-height: 47px;
	text-align: center;
	position: absolute;
	right: 18px;
	top: 0;
	bottom: 0;
	margin: auto
}

.fm-more:hover {
	background: #0866ff;
	color: #fff
}
@media(max-width:767px){
	.fm-more{
		display: none;
	}
	.folio-content h5{
		margin-bottom:0!important;
	}
	.folio-content{
		bottom: -40px;
	}
	.folio-item-1{
		padding-bottom:50px;
	}
}
.cus-col .col-lg-4 {
	padding-right: 10px;
	padding-left: 10px
}

.white {
	color: #fff
}

.team-bg {
	background-color: #081880;
	padding: 60px 0 60px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative
}

.team-section-1 {
	position: relative;
	padding: 0 50px;
	background: 0 0;
	margin-top: -80px
}

.team-slider.owl-carousel {
	position: relative
}

.team-slider.owl-carousel .owl-stage-outer {
	height: calc(100% + 60px);
	margin: -30px;
	padding: 30px;
	width: calc(100% + 60px)
}

.team-item-01 {
	position: relative;
	background: #fff;
	margin-bottom: 30px;
	border-radius: 10px;
	box-shadow: 0 10px 30px 0 rgb(0 0 0/5%);
	-webkit-box-shadow: 0 10px 30px 0 rgb(0 0 0/5%);
	-ms-box-shadow: 0 10px 30px 0 rgba(0,0,0,.05)
}

.tm-thumb {
	position: relative
}

.tm-thumb img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px
}

.tm-social {
	position: absolute;
	left: 25px;
	bottom: -22px
}

.tm-social:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 44px;
	height: 44px;
	content: '';
	background: #0866ff;
	border-radius: 5px;
	-webkit-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s
}

.tm-social:hover:after {
	width: 100%
}

.tm-social a {
	display: inline-block;
	width: 38px;
	height: 44px;
	border: none;
	font-size: 18px;
	color: #fff;
	border-radius: 0;
	line-height: 50px;
	text-align: center;
	position: relative;
	z-index: 3;
	visibility: hidden;
	opacity: 0;
	-webkit-transform: scale(.8);
	-moz-transform: scale(.8);
	transform: scale(.8)
}

.tm-social a:hover {
	color: #fff
}

.tm-social a.share {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1)
}

.tm-social:hover a.share {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1)
}

.tm-social:hover a {
	visibility: visible;
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}

.tm-content {
	position: relative;
	padding: 40px 25px 20px
}

.tm-content h5 {
	font-size: 20px;
	
	font-weight: 500;
	margin-bottom: 2px;
	color: #081880
}

.tm-content h5 a {
	color: inherit
}

.tm-content h5 a:hover {
	color: #0866ff
}

.tm-content p {
	font-size: 17px;
	margin: 0
}

.testimonial-section {
	position: relative;
	padding: 116px 0 120px
}
.news-a{
	display: block;
	width:100%;
}
.news-a img{
	display: block;
	width:100%;
}
.ts-item {
	position: relative;
	background: #f4f4f4;
	overflow: hidden;
	border-radius: 10px;
	padding: 30px;
	display: block;
}

.ts-item:after {
	width: 140px;
	height: 140px;
	border-radius: 50%;
	background: #0866ff;
	position: absolute;
	right: -80px;
	top: -80px;
	content: ''
}

.ts-item i {
	font-size: 18px;
	color: #fff;
	line-height: 22px;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 1
}

.testimonial-slider .ts-item img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	display: inline-block;
	margin-bottom: 25px
}

.ts-item p {
	margin:  20px 0;
	text-align: justify;
	font-size:16px;
}

.ts-item h5 {
	font-size: 20px;
	margin: 20px 0 0;
	text-align: left;
}

.ts-item span {
	display: block;
	margin: 0;
	text-align: left;
}

.testimonial-slider.owl-carousel .owl-nav {
	position: absolute;
	right: 0;
	top: -117px
}

.testimonial-slider.owl-carousel .owl-nav button {
	width: 67px;
	height: 67px;
	background: #0866ff;
	border-radius: 50%;
	text-align: center;
	color: #fff;
	border: none;
	outline: none;
	font-size: 18px;
	line-height: 67px;
	margin: 0 0 0 30px;
	-webkit-transition: all ease .4s;
	-o-transition: all ease .4s;
	transition: all ease .4s
}

.testimonial-slider.owl-carousel .owl-nav button.owl-prev {
	margin-left: 0
}

.testimonial-slider.owl-carousel .owl-nav button.disabled {
	background: rgba(104,110,226,.1);
	color: #0866ff
}

.contact-section-1 {
	position: relative;
	background: #f4f4f4;
	padding: 120px 0
}

.contact-section-1 .sec-title {
	margin-bottom: 50px
}

.icon-box-3 {
	position: relative;
	padding-left: 80px;
	padding-right: 30px;
	margin: 0 0 32px
}

.icon-box-3 .ib-icon {
	width: 60px;
	height: 60px;
	background: #0866ff;
	border-radius: 10px;
	text-align: center;
	position: absolute;
	left: 0;
	top: 7px;
	font-size: 26px;
	line-height: 60px
}

.icon-box-3 h5 {
	font-size: 20px;
	margin: 0 0 6px
}

.icon-box-3 p {
	margin: 0;
	line-height: 26px
}

.contact-form {
	position: relative;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-webkit-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-ms-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	padding: 65px 60px
}

.iconInput input[type=text],.iconInput input[type=email],.iconInput input[type=url],.iconInput input[type=number],.iconInput textarea {
	width: 100%;
	height: 70px;
	border: 2px solid rgba(8,24,69,.2);
	background: 0 0;
	border-radius: 0;
	outline: none;
	font-size: 18px;
	line-height: 70px;
	color: rgba(8,24,69,.8);
	border-radius: 5px;
	padding: 0 20px;
	margin: 0 0 18px
}

.contact-form textarea,.iconInput textarea {
	height: 125px;
	resize: none;
	padding-top: 13px;
	line-height: 28px;
	margin-bottom: 21px
}

.iconInput input[type=text]::-moz-placeholder,.iconInput input[type=email]::-moz-placeholder,.iconInput input[type=url]::-moz-placeholder,.iconInput input[type=number]::-moz-placeholder,.iconInput textarea::-moz-placeholder {
	color: rgba(8,24,69,.8);
	opacity: 1
}

.iconInput input[type=text]::-ms-input-placeholder,.iconInput input[type=email]::-ms-input-placeholder,.iconInput input[type=url]::-ms-input-placeholder,.iconInput input[type=number]::-ms-input-placeholder,.iconInput textarea::-ms-input-placeholder {
	color: rgba(8,24,69,.8);
	opacity: 1
}

.iconInput input[type=text]::-webkit-input-placeholder,.iconInput input[type=email]::-webkit-input-placeholder,.iconInput input[type=url]::-webkit-input-placeholder,.iconInput input[type=number]::-webkit-input-placeholder,.iconInput textarea::-webkit-input-placeholder {
	color: rgba(8,24,69,.8);
	opacity: 1
}

input[type=checkbox] {
	visibility: hidden;
	opacity: 0;
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	display: none
}

input[type=checkbox]~label {
	position: relative;
	padding-left: 30px;
	color: rgba(255,255,255,.8);
	font-size: 16px;
	cursor: pointer;
	display: block;
	margin: 16px 0 0
}

input[type=checkbox]~label:before {
	content: '';
	font-family: nss-theme;
	position: absolute;
	left: 0;
	top: 4px;
	background: 0 0;
	border: 2px solid #fff;
	height: 20px;
	width: 20px;
	line-height: 17px;
	text-align: center;
	font-size: 11px;
	border-radius: 5px
}

input[type=checkbox]:checked~label:before {
	content: "\f024";
	color: #fff
}

.contact-form button,.contact-form input[type=submit] {
	display: inline-block;
	height: 60px;
	font-size: 18px;
	color: #fff;
	border: none;
	text-align: center;
	text-transform: capitalize;
	font-weight: 500;
	background: #0866ff;
	width: 100%;
	border-radius: 3px;
	outline: none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}

.contact-form input[type=submit]:hover {
	background: #081880
}

.rt_loader {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 15px;
	text-align: center;
	display: none
}

.con_message {
	display: block;
	width: 100%;
	display: none;
	border-radius: 0;
	border-width: 2px;
	margin: 15px 0 0
}

.iconInput input.reqError,.iconInput .reqError {
	border-color: red
}

.iconInput {
	position: relative
}

.iconInput i {
	position: absolute;
	right: 20px;
	top: 0;
	font-size: 14px;
	letter-spacing: -.42px;
	color: #0866ff;
	height: 57px;
	line-height: 70px
}

.mailchimp-area {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255,255,255,.1);
	padding-bottom: 45px
}

.mailchimp-area h3 {
	font-size: 28px;
	line-height: 38px;
	color: #fff;
	margin: 0
}

.mc4wp-form {
	position: relative;
	margin: 0;
	width: 570px
}

.mc4wp-form input[type=email] {
	width: 100%;
	height: 73px;
	border: none;
	background: rgba(255,255,255,.1);
	border-radius: 10px;
	outline: none;
	font-size: 15px;
	
	color: rgba(255,255,255,.8);
	font-weight: 400;
	padding: 0 28px;
	margin: 0 0 15px
}

.mc4wp-form input[type=email]::-moz-placeholder {
	color: rgba(255,255,255,.8);
	opacity: 1
}

.mc4wp-form input[type=email]::-ms-input-placeholder {
	color: rgba(255,255,255,.8);
	opacity: 1
}

.mc4wp-form input[type=email]::-webkit-input-placeholder {
	color: rgba(255,255,255,.8);
	opacity: 1
}

.mc4wp-form button {
	height: 60px;
	font-size: 15px;
	line-height: 60px;
	color: #fff;
	border: none;
	text-align: center;
	
	text-transform: capitalize;
	font-weight: 700;
	background: #0866ff;
	border-radius: 10px;
	position: absolute;
	right: 6px;
	top: 6px;
	padding: 0 44px;
	outline: none;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	transition: all .4s
}

.mc4wp-form button i {
	margin-right: 11px
}

.mc4wp-form button:hover {
	background: #081880
}



.about-widget {
	position: relative;
	padding-right: 20px
}

.about-widget img {
	max-width: 100%;
	height: auto
}

.about-widget p {
	color: rgba(255,255,255,.8);
	margin: 27px 0 33px
}

.ab-social {
	position: relative
}

.ab-social a {
	display: inline-block;
	width: 37px;
	height: 37px;
	background: rgba(255,255,255,.1);
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	margin-right: 8px
}

.ab-social a:last-child {
	margin-right: 0
}

.ab-social a:hover {
	background: #0866ff
}



.sf_s1_post {
	position: relative;
	padding-left: 100px;
	
	min-height: 80px;
	margin: 0 0 20px
}

.sf_s1_post img {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
	top: 0
}

.sf_s1_post h5 {
	color: rgba(255,255,255,.8);
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	margin: 0 0 5px
}

.sf_s1_post h5 a {
	color: inherit
}

.sf_s1_post h5 a:hover {
	color: #0866ff
}

.sf_s1_post p {
	margin: 0
}

.fs-info {
	position: relative;
	padding-left: 30px;
	margin: 57px 0 -44px
}

.fs-info i {
	font-size: 18px;
	color: #fff;
	position: absolute;
	left: 0;
	top: 5px
}

.fs-info p {
	margin: 0;
	color: rgba(255,255,255,.8)
}

.fs-info p a {
	color: inherit
}

.fs-info p a:hover {
	color: #0866ff
}



.widget_mc4wp_form_widget p {
	color: rgba(255,255,255,.8);
	margin: 53px 0 25px
}

.copyright {
	position: relative;
	padding: 22px 0 27px;
	border-top: 1px solid rgba(255,255,255,.1)
}

.copyright p {
	margin: 0;
	color: rgba(255,255,255,.5)
}

.copyright p a {
	color: inherit
}

.copyright p a:hover {
	color: #0866ff
}

.copyright ul {
	margin: 0;
	padding: 0;
	text-align: right
}

.copyright ul li {
	list-style: none;
	position: relative;
	margin: 0 0 0 20px;
	display: inline-block
}

.copyright ul li:after {
	position: absolute;
	right: -13px;
	top: 10px;
	height: 12px;
	width: 2px;
	content: '';
	background: rgba(255,255,255,.5)
}

.copyright ul li:last-child:after {
	display: none
}

.copyright ul li a {
	display: inline-block;
	color: rgba(255,255,255,.5)
}

.copyright ul li a:hover {
	color: #0866ff
}

#back-to-top {
	font-size: 16px;
	width: 40px;
	height: 40px;
	line-height: 42px;
	text-align: center;
	background: #0866ff;
	color: #fff;
	opacity: 0;
	visibility: hidden;
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
	border-radius: 50%;
	cursor: pointer;
	animation: waveBtn 2s infinite
}

@keyframes waveBtn {
	0% {
		box-shadow: 0 0 0 0 rgba(104,110,226,.8)
	}

	50% {
		box-shadow: 0 0 0 40px transparent
	}

	100% {
		box-shadow: 0 0 0 0 transparent
	}
}

.header-02 {
	position: relative;
	background: #fff;
	width: 100%;
	height: auto;
	z-index: 99
}

.header-02 .navbar-expand-lg .navbar-nav li>a {
	color: #181818
}

.header-02 .navbar-expand-lg .navbar-nav li:hover>a {
	color: #0866ff
}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu {
	background: #fff
}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li {
	border-color: rgba(0,0,0,.1)
}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li a {
	color: #181818
}

.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li.current-menu-item>a,.header-02 .navbar-expand-lg .navbar-nav li .sub-menu li:hover>a {
	color: #0866ff
}

.header-02 .access-btn .btn-search {
	color: #1e2843;
	top: 5px
}

.header-02 .access-btn .btn-search:hover {
	color: #0866ff
}

.navigator {
	position: relative;
	display: inline-block;
	margin-left: 23px;
	position: relative;
	top: -1px
}

.navigator svg {
	max-width: 20px
}

.navigator svg,.navigator svg path {
	fill: #1e2843;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.navigator:hover svg,.navigator:hover svg path {
	fill: #0866ff
}

.navigator:hover {
	color: #0866ff
}

.popup_sidebar_sec {
	position: absolute;
	left: 0;
	top: 0;
	right: 0
}

.popup_sidebar_overlay {
	position: fixed;
	right: -100%;
	top: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	background: rgba(0,0,0,.6);
	z-index: 99;
	cursor: url(../image/close.png),auto;
	transition: all .4s ease-in .8s
}

.popup_sidebar_sec.active .popup_sidebar_overlay {
	visibility: visible;
	right: 0;
	opacity: 1;
	transition: all .8s ease-out 0s
}

.popup_sidebar_overlay:before {
	position: absolute;
	right: 0;
	top: 0;
	width: 360px;
	height: 100%;
	content: '';
	background: #fff;
	z-index: 999
}

.widget_area {
	max-width: 360px;
	height: 100%;
	z-index: 99;
	background: 0 0;
	padding: 60px 30px 30px 35px;
	overflow-y: auto;
	position: fixed;
	right: 0;
	visibility: hidden;
	opacity: 0;
	top: 0;
	-webkit-transition: all .4s cubic-bezier(.4,.28,.31,1.28) 0s;
	transition: all .4s cubic-bezier(.4,.28,.31,1.28) 0s;
	-webkit-transform: translateY(25px);
	transform: translateY(25px)
}

.popup_sidebar_sec.active .widget_area {
	opacity: 1;
	visibility: visible;
	top: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition-delay: .9s;
	transition-delay: .9s
}

.widget_closer {
	position: absolute;
	right: 15px;
	top: 15px;
	font-size: 20px;
	width: 36px;
	height: 36px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 50%;
	z-index: 99;
	color: #1e2843;
	line-height: 38px;
	text-align: center;
	display: inline-block
}

.widget_closer:hover {
	color: #0866ff;
	border-color: #0866ff
}

.about_widget_area {
	position: relative
}

.wd_logo {
	position: relative;
	margin-bottom: 48px
}

.wd_logo img {
	max-width: 100%;
	height: auto
}

.about_widget_area>p {
	margin: 0 0 47px
}

.about_widget_area .icon-box-3 {
	margin: 0 0 30px;
	padding-left: 60px
}

.about_widget_area .icon-box-3 h5 {
	margin-bottom: 2px
}

.about_widget_area .icon-box-3 .ib-icon {
	top: 5px;
	background: 0 0;
	font-size: 34px;
	color: #1e2843;
	line-height: 38px;
	text-align: left;
	margin: 0
}

.social_item {
	padding: 0;
	margin: 54px 0 0
}

.social_item li {
	list-style: none;
	display: inline-block
}

.social_item li a {
	width: 36px;
	height: 36px;
	border: 1px solid rgba(0,0,0,.1);
	border-radius: 50%;
	color: #1e2843;
	line-height: 38px;
	text-align: center;
	font-size: 16px;
	display: inline-block;
	margin-right: 12px
}

.social_item li a:hover {
	color: #fff;
	background: #0866ff;
	border-color: #0866ff
}

.center_align {
	z-index: 4;
	left: 0;
	margin: auto;
	position: relative;
	right: 0;
	top: 50%;
	transform: translateY(-50%)
}

.banner-01 {
	position: relative;
	overflow: hidden;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #081880;
	padding: 45px 0
}

.banner-content {
	position: relative;
	z-index: 9;
	padding: 0
}

.banner-content .sub-title {
	color: #fff;
	font-size: 16px;
	line-height: 22px;
	text-transform: inherit;
	font-weight: 500;
	position: relative;
	
	margin-bottom: 24px
}

.banner-content .sub-title:after {
	position: relative;
	right: -24px;
	top: -3px;
	width: 60px;
	height: 2px;
	background: #f4f4f4;
	content: '';
	display: inline-block
}

.banner-content h2 {
	font-size: 80px;
	line-height: 96px;
	color: #fff;
	margin: 0 0 38px
}

.banner-content .sub-title {
	animation-delay: 1.5s;
	animation-name: fadeInUp
}

.banner-content h2 {
	animation-delay: 1.8s;
	animation-name: fadeInLeft
}

.banner-content .rt-btn {
	padding: 21px 29px;
	font-size: 16px;
	height: 60px;
	animation-delay: 2.1s;
	animation-name: fadeInUp
}

.banner-content .popup {
	width: 80px;
	height: 80px;
	line-height: 85px;
	top: -22px;
	position: relative;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	font-size: 20px;
	background: #fff;
	color: #0866ff;
	z-index: 2;
	margin: 0 0 0 40px;
	animation-delay: 2.4s;
	animation-name: fadeInUp
}

.banner-content .popup:before {
	content: "";
	border: 2px solid #fff;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	animation: zoomBig 3.25s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s
}

.banner-content .popup:after {
	content: "";
	border: 2px solid #fff;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	animation: zoomBig 3.25s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.layer {
	position: relative;
	text-align: right;
	margin: 0 0 -45px;
	animation-delay: 2.8s;
	animation-name: zoomIn
}

.banner-01 .card {
	background: 0 0;
	background-clip: border-box;
	border: none;
	border-radius: 0
}

.ab-img {
	position: relative
}

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

.ab1 {
	position: absolute;
	right: 27px;
	top: 73px;
	z-index: -1;
	animation: rotated 20s infinite linear
}

.ab2 {
	position: absolute;
	left: -42px;
	bottom: 50px;
	z-index: -1;
	animation: halfBounce2 2s infinite
}

.abc2 {
	padding-left: 28px
}

.abc2 .listing-item {
	margin-right: -18px
}

.listing-item {
	margin: 0;
	padding: 0
}

.listing-item li {
	list-style: none;
	position: relative;
	font-size: 16px;
	line-height: 26px;
	padding-top: 7px;
	color: #081880;
	font-weight: 700;
	margin: 0 0 27px;
	padding-left: 50px
}

.listing-item li i {
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 42px;
	background: #0866ff;
	font-size: 14px;
	color: #fff;
	text-align: center;
	-webkit-transition: all .4s;
	transition: all .4s
}

.abc2 .rt-btn {
	margin-top: 19px
}

.service-section-2 {
	background-color: #081880;
	padding: 116px 0 345px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative
}

.service-section-2 .col-lg-2 {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}

.service-item-02 {
	width: 100%;
	display: inline-block;
	position: relative;
	z-index: 2;
	background: #081860;
	border-radius: 10px;
	padding: 32px 15px 30px;
	margin: 0 0 30px
}

.service-item-02 .ib-icon {
	width: 96px;
	height: 96px;
	line-height: 90px;
	font-size: 48px;
	background: #0866ff;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	margin: 0 0 22px
}

.service-item-02 .ib-icon svg {
	max-width: 48px;
	fill: #fff
}

.service-item-02 .ib-icon i {
	line-height: 96px
}

.service-item-02 span {
	display: block;
	color: #fff;
	font-weight: 500;
	font-size: 20px;
	margin: 0
}

.service-item-02:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
	height: 0;
	opacity: 0;
	border-radius: 10px;
	visibility: hidden;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s;
	background: #0866ff
}

.service-item-02:hover:after {
	height: 100%;
	opacity: 1;
	visibility: visible
}

.faq-section {
	background: #f4f4f4;
	position: relative;
	padding: 0 0 45px
}

.faq-area {
	position: relative;
	background: #fff;
	border-radius: 10px;
	padding: 65px 60px;
	margin-top: -260px;
	z-index: 3
}

.faq-area .contact-form {
	position: relative;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	padding: 0 20px 0 0
}

.faq-area .sec-title {
	font-size: 25px;
	line-height: 30px;
	margin: 0 0 10px
}

.faq-area .iconInput {
	margin-bottom: 6px
}

.acc-area {
	position: relative
}

.singlefaq {
	position: relative;
	padding: 0;
	border-radius: 10px;
	background: #0866ff;
	margin: 0 0 20px
}

.singlefaq .card-header {
	position: relative;
	padding: 0;
	margin: 0;
	border-radius: 0;
	background: 0 0;
	border: none
}

.singlefaq .card-header .btn {
	text-decoration: none;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	font-weight: 500;
	border: none;
	outline: none;
	width: 100%;
	text-align: left;
	letter-spacing: 0;
	padding: 25px 20px 27px 90px;
	margin: 0;
	position: relative;
	background: 0 0;
	border-radius: 0;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.singlefaq .card-header .btn.collapsed {
	background: 0 0;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.singlefaq .card-header .btn.collapsed:after {
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: 0;
	text-align: center;
	width: 48px;
	height: 48px;
	margin: auto;
	border-radius: 50%;
	background: #fff;
	line-height: 48px;
	font-family: eleganticons;
	content: "\4c";
	font-size: 22px;
	color: #181818;
	box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-webkit-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-ms-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.singlefaq .card-header .btn:after {
	position: absolute;
	left: 20px;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #fff;
	line-height: 48px;
	font-family: eleganticons;
	content: "\4b";
	font-size: 22px;
	color: #181818;
	box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-webkit-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-ms-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.singlefaq .card-body {
	padding: 14px 45px 30px;
	background: 0 0;
	margin: 0
}

.singlefaq .card-body p {
	margin: 0
}

.card-body p {
	color: #fff
}

.pricing-section {
	position: relative;
	padding: 116px 0 85px
}

.pricintable-01 {
	position: relative;
	background: #f4f4f4;
	border-radius: 10px;
	padding: 45px 20px 0;
	margin: 0 0 60px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.pricintable-01:after {
	-webkit-transform: scale(.98);
	-moz-transform: scale(.98);
	-ms-transform: scale(.98);
	-o-transform: scale(.98);
	transform: scale(.98);
	position: absolute;
	left: 0;
	top: 0;
	content: '';
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: url(../image/price.jpg) no-repeat center center/cover;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.pricintable-01:before {
	-webkit-transform: scale(.98);
	-moz-transform: scale(.98);
	-ms-transform: scale(.98);
	-o-transform: scale(.98);
	transform: scale(.98);
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	border-radius: 10px;
	background: rgba(8,24,69,.9);
	z-index: 2;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.pricintable-01:hover:after,.pricintable-01:hover:before {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	visibility: visible;
	opacity: 1
}

.pricintable-01 .ib-icon {
	width: 96px;
	height: 96px;
	line-height: 90px;
	font-size: 40px;
	background: #0866ff;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	margin: 0 0 39px;
	position: relative;
	z-index: 3
}

.pricintable-01 .ib-icon svg {
	max-width: 40px;
	fill: #fff
}

.pricintable-01 .ib-icon i {
	line-height: 96px
}

.pricintable-01 h5 {
	font-size: 16px;
	color: #0866ff;
	text-transform: uppercase;
	margin: 0 0 4px;
	
	font-weight: 500;
	position: relative;
	z-index: 3;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.pricintable-01 h2 {
	font-size: 48px;
	font-weight: 500;
	color: #181818;
	margin: 0 0 18px;
	position: relative;
	z-index: 3;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.pricintable-01 ul {
	margin: 0 0 7px;
	padding: 0
}

.pricintable-01 ul li {
	list-style: none;
	display: block;
	position: relative;
	z-index: 3;
	font-size: 16px;
	color: #081880;
	line-height: 36px;
	
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.pricintable-01 ul li::before {
	position: relative;
	content: "\f024";
	font-family: nss-theme;
	left: -10px;
	top: -1px;
	color: #0866ff;
	font-size: 12px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.pricintable-01:hover ul li::before,.pricintable-01:hover h5,.pricintable-01:hover h2,.pricintable-01:hover ul li {
	color: #fff
}

.pricintable-01 .rt-btn {
	border-radius: 30px;
	position: relative;
	z-index: 2;
	top: 30px;
	height: 60px;
	padding: 20px 31px
}

.pricintable-01 .rt-btn::before {
	border-radius: 30px
}

.pricintable-01 .rt-btn i {
	margin-left: 24px
}

.portfolio-section-2 {
	position: relative;
	background: #f4f4f4;
	padding: 120px 15px 224px
}

.folio-item-2 {
	position: relative;
	margin: 0 0 95px
}

.folio-item-2 img {
	width: 100%;
	height: auto;
	border-radius: 5px
}

.folio-item-2 .folio-content {
	visibility: visible;
	opacity: 1;
	width: calc(100% - 40px);
	position: absolute;
	padding-left: 30px;
	left: 20px;
	bottom: -48px;
	box-shadow: 0 20px 50px 0 rgb(0 0 0/3%);
	-webkit-box-shadow: 0 20px 50px 0 rgb(0 0 0/3%);
	-ms-box-shadow: 0 20px 50px 0 rgb(0 0 0/3%)
}

.folio-slider.owl-carousel {
	position: relative
}

.folio-slider.owl-carousel .owl-nav {
	width: 100%
}

.folio-slider.owl-carousel .owl-nav button {
	position: absolute;
	left: 40px;
	top: 45%;
	text-align: center;
	z-index: 5;
	font-size: 20px;
	line-height: 64px;
	width: 60px;
	height: 60px;
	background: #0866ff;
	color: #fff;
	border: none;
	outline: none;
	visibility: hidden;
	opacity: 0;
	z-index: 1;
	border-radius: 50%;
	display: block;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.folio-slider.owl-carousel:hover .owl-nav button {
	left: 50px;
	visibility: visible;
	opacity: 1
}

.folio-slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 40px
}

.folio-slider.owl-carousel:hover .owl-nav button.owl-next {
	left: auto;
	right: 50px
}

.folio-slider.owl-carousel .owl-nav button:after {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: '';
	background: #081880;
	border-radius: 50%;
	text-align: center;
	width: 0;
	height: 0;
	z-index: -1;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.folio-slider.owl-carousel .owl-nav button:hover:after {
	width: 100%;
	height: 100%
}

.funfact-section {
	position: relative;
	margin-top: -150px
}

.fact-wrapper {
	position: relative;
	display: flex;
	justify-content: space-around;
	width: 100%;
	border-radius: 10px;
	background-color: #0866ff;
	z-index: 2;
	padding: 95px 0;
	background-position: center right;
	background-size: auto;
	background-repeat: no-repeat
}

.fact-01 {
	position: relative
}

.fact-01 h2 {
	font-size: 48px;
	line-height: 58px;
	color: #fff;
	font-weight: 400;
	margin: 0 0 12px
}

.fact-01 h2 i {
	font-style: normal;
	top: -3px;
	position: relative
}

.fact-01 p {
	
	font-weight: 500;
	color: #fff;
	font-size: 16px;
	margin: 0
}

.blog-section-1 {
	position: relative;
	padding: 116px 0 90px
}

.blogItem {
	position: relative;
	background: #fff;
	box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-webkit-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-ms-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	margin-bottom: 30px
}

.blogItem:hover {
	transform: translateY(-10px)
}

.biThumb {
	position: relative;
	overflow: hidden
}
.biThumba {
	display: block;
}
.biThumb img {
	display: block;
	width: 100%;
	height: auto
}

.biThumb:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	z-index: 1;
	background: -moz-linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(90deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000',endColorstr='#000000',GradientType=0 )
}

.biMeta {
	position: absolute;
	bottom: 25px;
	left: 25px;
	width: auto;
	z-index: 2;
	background: #0866ff;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-transform: capitalize;
	padding: 0 15px;
	font-weight: 500;
	transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-webkit-transition: all ease 300ms
}

.biMeta a {
	color: inherit;
	margin-right: 24px;
	position: relative
}

.biMeta:hover {
	background: #081880
}

.biMeta a:after {
	content: '';
	width: 4px;
	height: 4px;
	border: thin solid #fff;
	border-radius: 50%;
	position: absolute;
	right: -14px;
	top: 0;
	bottom: 0;
	margin: auto 0
}

.biMeta a:last-child {
	margin-right: 0
}

.biMeta a:last-child:after {
	display: none
}

.biDetails {
	padding: 32px 25px 31px
}

.biDetails h3 {
	font-size: 22px;
	position: relative;
	display: block;
	line-height: 30px;
	margin: 0 0 14px;
	color: #181818
}

.biDetails h3 a {
	color: inherit
}

.biDetails h3 a:hover {
	color: #0866ff
}

.biDetails p {
	font-size: 17px;
	line-height: 27px;
	margin: 0 0 15px
}

.lr_more {
	position: relative;
	overflow: hidden;
	display: inline-block;
	color: #181818;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 24px
}

.lr_more svg {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	fill: none;
	stroke: #181818;
	stroke-width: 2px;
	opacity: 1;
	transition: transform .7s;
	transition-timing-function: cubic-bezier(0,.25,.5,1);
	-webkit-backface-visibility: initial!important;
	-webkit-transform-origin: 50% 50%
}

.lr_more:hover {
	color: #0866ff
}

.lr_more:hover svg {
	transform: translate3d(-66.6%,0,0);
	stroke: #0866ff
}

.owl-carousel.anim_class .single-slide.bg-img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 10000ms ease;
	transition: -webkit-transform 10000ms ease;
	transition: transform 10000ms ease;
	transition: transform 10000ms ease,-webkit-transform 10000ms ease
}

.owl-carousel.anim_class .owl-item.active .single-slide.bg-img {
	-webkit-transform: scale(1.13);
	transform: scale(1.13)
}

.hero-slider-02 .single-slide.bg-img {
	height: 660px
}

.hero-slider-02 .single-slide.bg-img:after {
	background: rgba(8,24,69,.7)
}

.slider-section .hero-slider-02.owl-carousel .owl-nav {
	width: 100%
}

.slider-section .hero-slider-02.owl-carousel .owl-nav button {
	right: 20px;
	top: -25px;
	background: #fff;
	color: #0866ff;
	margin: 0;
	left: auto;
	position: absolute;
	visibility: hidden;
	opacity: 0
}

.slider-section .hero-slider-02.owl-carousel .owl-nav .owl-prev {
	right: auto;
	left: 20px
}

.slider-section .hero-slider-02.owl-carousel:hover .owl-nav button {
	visibility: visible;
	opacity: 1;
	right: 60px
}

.slider-section .hero-slider-02.owl-carousel:hover .owl-nav .owl-prev {
	visibility: visible;
	opacity: 1;
	right: auto;
	left: 60px
}

.anim_class .slider-content.text-left {
	padding-left: 70px
}

.slider-content .popup {
	width: 80px;
	height: 80px;
	line-height: 85px;
	position: relative;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	font-size: 20px;
	background: #fff;
	color: #0866ff;
	z-index: 2;
	margin: 0
}

.slider-content .popup:after {
	content: "";
	border: 2px solid #fff;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	animation: zoomBig 3.25s linear infinite;
	-webkit-animation-delay: 0s;
	animation-delay: 0s
}

.slider-content .popup:before {
	content: "";
	border: 2px solid #fff;
	position: absolute;
	z-index: 0;
	left: 50%;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	display: block;
	width: 160px;
	height: 160px;
	border-radius: 50%;
	animation: zoomBig 3.25s linear infinite;
	-webkit-animation-delay: .75s;
	animation-delay: .75s
}

.slider-section .owl-item.active .slider-content .popup {
	animation-delay: 2.2s;
	animation-name: fadeInUp
}

.slider-section .hero-slider-02 .owl-item.active .slider-content .sub-title {
	animation-delay: 1.4s;
	animation-name: fadeInUp
}

.slider-section .hero-slider-02 .owl-item.active .slider-content h2 {
	animation-delay: 1.7s;
	animation-name: fadeInUp
}

.slider-content.text-right .sub-title {
	display: inline-block
}

.slider-content.text-right .sub-title:after {
	left: -86px;
	right: auto;
	top: 9px;
	position: absolute
}

.slider-section .owl-item.active .slider-content p {
	animation-delay: 2.2s;
	animation-name: fadeInUp
}

.layer-right {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 5
}

.layer-right img {
	max-width: 100%;
	height: auto
}

.layer-left {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5
}

.layer-left img {
	max-width: 100%;
	height: auto
}

.slider-section .owl-item.active .layer-right {
	animation-delay: 1s;
	animation-name: fadeInRight
}

.slider-section .owl-item.active .layer-left {
	animation-delay: 1s;
	animation-name: fadeInLeft
}

.service-section-3 {
	position: relative;
	background: #f4f4f4;
	padding: 116px 0 90px
}

.service-item-03 {
	position: relative;
	background: #081880;
	margin: 0 0 30px;
	padding: 55px 30px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.service-item-03:hover {
	background: #0866ff
}

.ic-num {
	display: flex;
	justify-content: center;
	margin: 0 0 40px
}

.ic-num span {
	display: inline-block;
	color: rgba(104,110,226,.1);
	font-size: 80px;
	letter-spacing: -2px;
	line-height: 80px;
	font-weight: 500;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.ic-num i {
	display: inline-block;
	color: #0866ff;
	font-size: 80px;
	line-height: 80px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.ic-num .bar {
	display: inline-block;
	width: 20px;
	height: 5px;
	background: rgba(104,110,226,.1);
	margin: 40px 25px 0;
	border-radius: 5px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.bgicon {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 12px;
	font-size: 180px;
	line-height: 180px;
	color: rgba(255,255,255,.05);
	z-index: 1;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.service-item-03 h4 {
	font-size: 22px;
	line-height: 32px;
	color: #fff;
	position: relative;
	z-index: 2;
	text-transform: uppercase;
	margin-bottom: 20px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.service-item-03 h4 a {
	color: inherit
}

.service-item-03 h4 a:hover {
	color: #181818
}

.service-item-03 p {
	color: rgba(255,255,255,.8);
	margin: 0;
	position: relative;
	z-index: 2;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.service-item-03:hover .ic-num i {
	color: #fff
}

.service-item-03:hover .ic-num span {
	color: rgba(255,255,255,.1)
}

.service-item-03:hover .ic-num .bar {
	background: rgba(255,255,255,.1)
}

.about-section-2 {
	position: relative;
	padding: 120px 0
}

.about-section-2 .ab-img img {
	max-width: 100%;
	height: auto
}

.about-section-2 .ab-content .sec-title {
	margin-right: -20px
}

.about-section-2 .icon-box-3 .ib-icon {
	width: 99px;
	height: 99px;
	font-size: 40px;
	line-height: 103px;
	border-radius: 50%;
	background: #f4f4f4;
	color: #0866ff
}

.about-section-2 .icon-box-3 .ib-icon svg path {
	fill: #0866ff
}

.about-section-2 .icon-box-3 {
	padding-left: 122px;
	padding-top: 10px;
	margin: 0 0 54px
}

.ab-quote {
	box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-webkit-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	-ms-box-shadow: 0 0 20px 0 rgb(152 152 152/16%);
	background: #fff;
	padding: 25px 60px 30px;
	border-radius: 3px;
	margin: 0;
	position: relative
}

.ab-quote:after {
	position: absolute;
	left: -3px;
	width: 6px;
	height: 65px;
	content: '';
	background: #0866ff;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 10px
}

.work-process {
	position: relative;
	padding: 120px 0 120px
}

.icon-box-5 {
	position: relative;
	background: #081880;
	border-radius: 10px;
	padding: 31px 20px 50px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.icon-box-5 span {
	text-align: left;
	display: block;
	color: rgba(210,210,210,.25);
	font-size: 80px;
	letter-spacing: -2px;
	line-height: 80px;
	font-weight: 500;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.icon-box-5 .ib-icon {
	font-size: 20px;
	color: #0866ff;
	font-size: 126px;
	line-height: 126px;
	margin: -30px 0 53px
}

.icon-box-5 .ib-icon svg {
	fill: #0866ff;
	max-width: 126px;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.ib-icon svg path {
	fill: inherit
}

.icon-box-5 h5 {
	color: #fff;
	font-size: 20px;
	line-height: 30px;
	margin: 0
}

.icon-box-5:hover {
	background: #0866ff
}

.icon-box-5:hover .ib-icon svg {
	fill: #fff
}

.icon-box-5:hover .ib-icon {
	color: #fff
}

.blogItem2 {
	position: relative;
	margin: 0 0 30px
}

.blogItem2 .biThumb {
	margin: 0 0 18px
}

.blogItem2 .biThumb:after {
	background: rgba(8,24,69,.7)
}

.blogItem2 .biThumb img {
	-webkit-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.blogItem2 .biThumb:hover img {
	transform: scale(1.1) rotate(1.2deg);
	-moz-transform: scale(1.1) rotate(1.2deg);
	-webkit-transform: scale(1.1) rotate(1.2deg);
	-ms-transform: scale(1.1) rotate(1.2deg);
	-o-transform: scale(1.1) rotate(1.2deg)
}

.biMeta2 {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 20px;
	z-index: 3;
	display: flex;
	justify-content: center
}

.biMeta2 a {
	display: inline-block;
	color: #fff;
	position: relative;
	font-size: 16px;
	line-height: 24px;
	margin-right: 30px
}

.biMeta2 a:last-child {
	margin-right: 0
}

.biMeta2 a i {
	margin-right: 6px
}

.biMeta2 a:hover {
	color: #0866ff
}

.biMeta2 a:after {
	position: absolute;
	right: -16px;
	top: 9px;
	width: 7px;
	height: 7px;
	content: '';
	background: #0866ff;
	border-radius: 50%
}

.biMeta2 a:last-child:after {
	display: none
}

.rmpost {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	font-size: 25px;
	color: #fff;
	line-height: 65px;
	text-align: center;
	display: inline-block;
	background: rgba(255,255,255,.5);
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 80px;
	z-index: 3
}

.rmpost:hover {
	color: #fff;
	background: #0866ff
}

.blogItem2 h3 {
	font-size: 24px;
	position: relative;
	display: block;
	line-height: 32px;
	margin: 0;
	color: #181818
}

.blogItem2 h3 a {
	color: inherit
}

.blogItem2 h3 a:hover {
	color: #0866ff
}

.portfolio-section-3 {
	position: relative;
	background: #f4f4f4;
	padding: 120px 0
}

.noPadding {
	padding: 0
}

.folio-item-3 {
	position: relative;
	overflow: hidden;
	margin: 2.5px
}

.folio-item-3 img {
	width: 100%;
	height: auto;
	border-radius: 10px
}

.fs-hover {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: -webkit-transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);
	-moz-transition: -webkit-transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);
	transition: transform .4s cubic-bezier(.34,.66,.79,.58),opacity .3s cubic-bezier(.165,.84,.44,1);
	border-radius: 10px;
	background: rgba(104,110,226,.8);
	opacity: 0
}

.fs-content {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width: 100%;
	text-align: center;
	padding: 0 15px;
	z-index: 2
}

.folio-item-3:hover .fs-hover {
	opacity: 1
}

.fs-content .fm-more {
	position: relative;
	right: auto;
	display: inline-block;
	background: #fff;
	width: 57px;
	height: 57px;
	border-radius: 50%;
	text-align: center;
	font-size: 24px;
	color: #0866ff;
	line-height: 60px;
	margin-bottom: 22px;
	-webkit-transform: scale(.7);
	-moz-transform: scale(.7);
	transform: scale(.7);
	-webkit-box-shadow: 0 1px 54px 0 rgb(47 84 238/46%);
	-moz-box-shadow: 0 1px 54px 0 rgba(47,84,238,.46);
	box-shadow: 0 1px 54px 0 rgb(47 84 238/46%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.fs-content .fm-more:hover {
	background: #181818;
	color: #fff
}

.fs-content h5 {
	font-size: 20px;
	line-height: 30px;
	color: #fff;
	margin-bottom: 3px;
	visibility: hidden;
	opacity: 0;
	transform: translateY(30px);
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	-webkit-transition: all .7s ease;
	-o-transition: all .7s ease;
	transition: all .7s ease
}

.fs-content h5 a {
	color: inherit
}

.fs-content h5 a:hover {
	color: #181818
}

.fs-content .cats {
	color: rgba(255,255,255,.8);
	margin: 0;
	transform: translateY(30px);
	-moz-transform: translateY(30px);
	-webkit-transform: translateY(30px);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease
}

.folio-item-3:hover .fs-content .fm-more {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
	visibility: visible;
	opacity: 1
}

.folio-item-3:hover .fs-content h5 {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	visibility: visible;
	opacity: 1
}

.folio-item-3:hover .fs-content .cats {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-webkit-transform: translateY(0px);
	visibility: visible;
	opacity: 1
}

.testibg-section {
	padding: 123px 0 172px;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	position: relative
}

.testibg-section:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(8,24,69,.9)
}

.testibg-section .container {
	position: relative;
	z-index: 2
}

.testimonial-section-02 {
	padding: 0 0 0;
	margin-top: -135px;
	z-index: 3
}

.testimonial-slider-two .ts-item {
	margin-top: 70px;
	padding-top: 110px;
	overflow: visible
}

.testimonial-slider-two .owl-item {
	overflow: hidden;
	border-radius: 10px
}

.testimonial-slider-two .ts-item i {
	top: auto;
	bottom: 22px
}

.testimonial-slider-two .ts-item:after {
	top: auto;
	bottom: -80px
}

.ts-author {
	position: absolute;
	left: 0;
	right: 0;
	top: -70px;
	padding: 40px 20px 40px 140px;
	z-index: 2;
	margin: auto;
	background: #f4f4f4;
	border-radius: 5px;
	width: 70%;
	box-shadow: 0 10px 30px 0 rgb(0 0 0/5%);
	-webkit-box-shadow: 0 10px 30px 0 rgb(0 0 0/5%);
	-ms-box-shadow: 0 10px 30px 0 rgba(0,0,0,.05)
}

.testimonial-slider-two .ts-author img {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	position: absolute;
	left: 25px;
	top: 25px
}

.pricintable-02 {
	position: relative;
	border-radius: 20px;
	padding: 41px 45px 36px;
	border: 3px dashed #0866ff;
	margin-bottom: 30px;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.pricintable-02 .ib-icon {
	width: 96px;
	height: 96px;
	line-height: 110px;
	font-size: 40px;
	background: #0866ff;
	border-radius: 70% 30% 30% 70%/70% 70% 30% 30%;
	text-align: center;
	display: inline-block;
	margin: 0 0 39px;
	position: relative;
	z-index: 3;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.pricintable-02 .ib-icon svg {
	max-width: 40px;
	fill: #fff
}

.pricintable-02:hover .ib-icon {
	border-radius: 30% 70% 70% 30%/30% 30% 70% 70%
}

.pricintable-02 h3 {
	font-size: 36px;
	line-height: 40px;
	margin: 0 0 19px
}

.pricintable-02 h2 {
	font-size: 48px;
	line-height: .8;
	font-weight: 500;
	color: #181818;
	margin: 0 0 30px;
	position: relative;
	z-index: 3;
	-webkit-transition: all ease .3s;
	-o-transition: all ease .3s;
	transition: all ease .3s
}

.pricintable-02 h2 .currency {
	font-size: 14px;
	margin-right: 10px;
	top: -24px;
	left: 0
}

.pricintable-02 h2 sup {
	margin: 0;
	font-size: 18px;
	left: 6px;
	top: -21px
}

.pricintable-02 ul {
	margin: 0;
	padding: 0 0 23px
}

.pricintable-02 ul li {
	list-style: none;
	display: block;
	font-size: 18px;
	color: #181818;
	font-weight: 400;
	line-height: 38px
}

.pricintable-02 ul li i {
	font-size: 15px;
	color: #0866ff;
	margin-right: 13px
}

.pricintable-02 .rt-btn {
	border-radius: 30px;
	height: 60px;
	padding: 20px 31px
}

.pricintable-02 .rt-btn::before {
	border-radius: 30px
}

.contact-section-2 {
	background-color: #081880;
	padding: 120px 0 115px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative
}

.contact-section-2 .contact-form {
	background: 0 0;
	box-shadow: none;
	padding: 0
}

.contact-section-2 .sec-title {
	margin: 0 0 15px
}

.contact-section-2 .sec-desc {
	margin: 0 0 40px
}

.contact-section-2 input[type=text],.contact-section-2 input[type=email],.contact-section-2 input[type=url],.contact-section-2 input[type=number],.contact-section-2 textarea {
	border: 2px solid rgba(255,255,255,.2);
	color: rgba(255,255,255,.8)
}

.contact-section-2 input[type=text]::-moz-placeholder,.contact-section-2 input[type=email]::-moz-placeholder,.contact-section-2 input[type=url]::-moz-placeholder,.contact-section-2 input[type=number]::-moz-placeholder,.contact-section-2 textarea::-moz-placeholder {
	color: rgba(255,255,255,.8);
	opacity: 1
}

.contact-section-2 input[type=text]::-ms-input-placeholder,.contact-section-2 input[type=email]::-ms-input-placeholder,.contact-section-2 input[type=url]::-ms-input-placeholder,.contact-section-2 input[type=number]::-ms-input-placeholder,.contact-section-2 textarea::-ms-input-placeholder {
	color: rgba(255,255,255,.8);
	opacity: 1
}

.contact-section-2 input[type=text]::-webkit-input-placeholder,.contact-section-2 input[type=email]::-webkit-input-placeholder,.contact-section-2 input[type=url]::-webkit-input-placeholder,.contact-section-2 input[type=number]::-webkit-input-placeholder,.contact-section-2 textarea::-webkit-input-placeholder {
	color: rgba(255,255,255,.8);
	opacity: 1
}

.contact-section-2 .iconInput i {
	display: none
}

.contact-section-2 .rt-btn::before {
	background: #fff
}

.contact-section-2 .rt-btn:hover {
	color: #0866ff
}

.contact-section-2 input.reqError,.contact-section-2 .reqError {
	border-color: red
}

.contact_con {
	position: relative;
	background: #0866ff;
	padding: 40px;
	border-radius: 10px
}

.contact_con .icon-box-3 {
	padding-left: 105px;
	padding-right: 0
}

.contact_con .icon-box-3 .ib-icon {
	width: 82px;
	height: 82px;
	font-size: 44px;
	line-height: 82px;
	background: 0 0;
	border: 2px solid rgba(255,255,255,.15)
}

.contact_con .icon-box-3 h5 {
	color: #fff
}

.contact_con .icon-box-3 p {
	color: rgba(255,255,255,.8)
}

.contact-section-2 .contact_con h2 {
	font-size: 40px;
	margin-bottom: 30px
}

.page_banner {
	position: relative;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #081880;
	min-height: 550px;
	padding-top: 212px
}
@media(max-width:1000px){
	.page_banner{
		min-height:150px;
		padding-top: 30px;
	}
}
.page_banner:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: rgba(8,24,69,.2);
}

.page_banner .container {
	position: relative;
	z-index: 2
}

.pb_title {
	font-size: 45px;
	line-height: 55px;
	color: #fff;
	margin: 0 0 15px
}

.page_crumb {
	
	font-size: 18px;
	line-height: 30px;
	color: rgba(255,255,255,.7)
}

.page_crumb a {
	color: inherit
}

.page_crumb a:hover {
	color: #0866ff
}

.pd116 {
	padding-top: 116px
}

.service-item-04 {
	position: relative;
	margin: 0 0 30px;
	border: 5px solid transparent;
	border-radius: 10px;
	padding: 40px 28px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.service-item-04 .ib-icon svg {
	max-width: 103px;
	width: 103px;
	height: 103px;
	fill: rgba(104,110,226,.1);
	-webkit-filter: drop-shadow( 0px 13px 15px rgba(0,0,0,0.24));
	-moz-filter: drop-shadow( 0px 13px 15px rgba(0,0,0,0.24));
	filter: drop-shadow( 0px 13px 15px rgba(0,0,0,0.24));
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.service-item-04 .ib-icon svg path {
	fill: inherit
}

.service-item-04 .ib-icon {
	font-size: 70px;
	line-height: 70px;
	color: #0866ff;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	display: inline-block;
	text-align: center;
	margin: 0 0 27px
}

.service-item-04 .ib-icon i {
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
	z-index: 3
}

.service-item-04 h3 {
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 14px
}

.service-item-04 h3 a {
	color: inherit
}

.service-item-04 h3 a:hover {
	color: #0866ff
}

.service-item-04 p {
	margin: 0 0 23px
}

.service-item-04:hover .ib-icon {
	color: #fff
}

.service-item-04:hover .ib-icon svg {
	fill: #0866ff;
	filter: none
}

.service-item-04:hover {
	border-color: #0866ff
}

.smore {
	height: 50px;
	background: rgba(104,110,226,.1);
	border-radius: 30px;
	text-align: center;
	display: inline-block;
	font-size: 22px;
	color: #0866ff;
	line-height: 50px;
	padding: 0 30px
}

.smore:hover {
	background: #0866ff;
	color: #fff
}

.service-single {
	position: relative;
	padding: 120px 0
}

.service-area {
	position: relative
}

.srimg {
	position: relative;
	margin: 0 0 28px
}

.service-area .srimg img {
	max-width: 100%;
	height: auto;
	border-radius: 10px;
	margin: 0;
	border: 2px solid rgba(8, 24, 69, .2);
}

.service-area h3 {
	font-size: 40px;
	line-height: 52px;
	color: #181818;
	margin: 0 0 22px
}

.service-area>p {
	margin: 0 0 20px
}

.service-area img {
	max-width: 100%;
	height: auto;
	border-radius: 5px;
	margin: 19px 0 35px
}

.service-area h4 {
	font-size: 20px;
	line-height: 30px;
	color: #222;
	margin: 6px 0 22px
}

.service-area .col-md-6 h4 {
	margin-top: 15px
}

.service-area ul {
	margin: 0;
	padding: 0
}

.service-area ul li {
	list-style: none;
	display: inline-block;
	position: relative;
	font-size: 18px;
	padding-left: 30px;
	margin: 0 0 8px
}

.service-area ul li:after {
	position: absolute;
	left: 0;
	font-size: 18px;
	top: 0;
	color: #0866ff;
	content: "\ea0f";
	font-family: nss-theme
}

.clinet_review {
	position: relative;
	padding: 50px 100px;
	background: #f4f4f4;
	border-radius: 10px;
	text-align: center;
	margin: 30px 0 0
}

.quatation {
	color: #222;
	font-size: 20px;
	position: relative;
	line-height: 30px;
	font-weight: 500;
	font-style: italic;
	margin: 0 0 22px
}

.quatation:before {
	position: relative;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto 36px;
	font-size: 50px;
	top: 6px;
	color: #0866ff;
	content: "\f95e";
	font-family: nss-theme
}

.test_author {
	position: relative
}

.test_author span {
	display: block;
	color: #0866ff;
	line-height: .8;
	font-size: 18px;
	margin: 0 0 10px
}

.test_author p {
	font-size: 14px;
	line-height: .8;
	margin: 0
}

.serviceSidebar {
	position: relative;
	padding-left: 10px
}

.serviceSidebar .widget {
	position: relative;
	margin: 0 0 50px;
	padding: 0
}

.serviceSidebar .widget .widget-title {
	text-transform: capitalize;
	position: relative;
	font-size: 28px;
	line-height: 36px;
	margin: 0 0 24px
}

.widget.service_widget {
	background: #f4f4f4;
	border-radius: 5px;
	padding: 25px
}

.serviceSidebar ul {
	position: relative;
	margin: 0;
	padding: 0
}

.serviceSidebar ul li {
	position: relative;
	display: block;
	margin: 0 0 15px;
	z-index: 1
}

.serviceSidebar ul li a {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 32px;
	font-weight: 500;
	padding: 8px 20px;
	background: #fff;
	border-radius: 5px;
	
	color: #222;
	border: 1px solid #e3e3e3
}

.serviceSidebar ul li:after {
	position: absolute;
	right: 20px;
	top: 0;
	line-height: 50px;
	color: #081880;
	content: "\e9ef";
	font-family: nss-theme
}

.serviceSidebar ul li:hover a,.serviceSidebar ul li.active a {
	border-color: #0866ff
}

.widget .rt-btn {
	padding: 14px 51px
}

.widget .iconInput textarea {
	margin-bottom: 18px
}

.widget.boucher_widget {
	background: #f4f4f4;
	border-radius: 5px;
	padding: 25px
}

.boucher_widget p {
	margin: -7px 0 30px
}

.download-btn {
	display: flex;
	font-size: 18px;
	font-weight: 500;
	color: #181818;
	margin: 19px 0 0
}

.download-btn i {
	font-size: 40px;
	margin-right: 15px;
	margin-top: -5px;
	color: #0866ff
}

.download-btn:hover {
	color: #0866ff
}

.portfolioPage {
	position: relative;
	padding: 120px 0
}

.portfolioPage .folio-item-1 {
	margin-bottom: 30px
}

.portfolioPage .shaf-filter {
	margin-top: 0
}

.grapt-pagination.mt58 {
	margin-top: 58px
}

.grapt-pagination {
	position: relative;
	
	margin: 30px 0 0
}

.grapt-pagination a,.grapt-pagination span {
	font-size: 20px;
	color: #222;
	letter-spacing: 0;
	line-height: 60px;
	background: #f4f4f4;
	font-weight: 400;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	padding: 0;
	margin: 0 5px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.grapt-pagination a:hover,.grapt-pagination .current {
	color: #fff;
	background: #0866ff
}

.portfolio-single {
	position: relative;
	padding: 120px 0
}

.folio-thumb {
	position: relative
}

.folio-thumb img {
	width: 100%;
	height: auto;
	margin-bottom: 30px
}

.detils-folio {
	position: relative;
	padding: 24px 0 0
}

.detils-folio>span {
	display: block;
	margin: 0 0 5px
}

.detils-folio p {
	margin: 0;
	padding-right: 15px
}

.detils-folio h3 {
	font-size: 36px;
	line-height: 42px;
	margin-bottom: 23px
}

.folio-social {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 38px
}

.folio-social h5 {
	font-size: 14px;
	line-height: 36px;
	text-transform: uppercase;
	margin: 0
}

.folio-social a {
	display: inline-block;
	font-size: 16px;
	color: #bbc7cd;
	line-height: 36px;
	margin-left: 20px
}

.folio-social a:hover {
	color: #0866ff
}

.meta-item {
	display: block;
	margin: 22px 0 0
}

.meta-item h5 {
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #8a8a8a;
	text-transform: uppercase;
	margin-bottom: 1px
}

.meta-item p {
	color: #181818
}

.blogPage {
	position: relative;
	padding: 120px 0
}

.blog-item-3 {
	position: relative;
	border-radius: 0;
	padding: 0;
	margin: 0 0 43px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.bi-thumb {
	position: relative;
	margin: 0 0 36px
}

.bi-thumb img {
	max-width: 100%;
	border-radius: 5px;
	width: auto;
	height: auto
}

.bi-details {
	position: relative
}

.bi-cats {
	float: left;
	display: inline-block;
	position: relative;
	
	margin-right: 12px
}

.bi-cats a {
	display: inline-block;
	height: 42px;
	background: #0866ff;
	text-align: center;
	border-radius: 5px;
	font-size: 12px;
	line-height: 42px;
	color: #fff;
	margin: 0 10px 10px 0;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	padding: 0 14px
}

.bi-cats a:hover {
	background: #181818;
	color: #fff
}

.bi-author {
	position: relative;
	display: inline-block;
	
	padding-left: 58px;
	padding-top: 1px
}

.bi-author img {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 0
}

.bi-author a {
	text-transform: uppercase;
	display: block;
	font-size: 15px;
	line-height: 17px;
	color: #081880;
	font-weight: 500;
	margin: 0 0 7px
}

.bi-author span {
	display: block;
	font-size: 14px;
	line-height: 17px;
	color: #081880;
	font-weight: 300
}

.bi-author a:hover {
	color: #0866ff
}

.bi-details h3 {
	font-size: 34px;
	line-height: 38px;
	margin: 19px 0 15px
}

.bi-details p {
	margin: 0 0 22px
}

.bi-details .rm {
	display: inline-block;
	font-size: 16px;
	color: #081880;
	font-weight: 700;
	text-transform: uppercase;
	font-family: sans-serif
}

.bi-details .rm i {
	color: #0866ff;
	font-size: 22px;
	position: relative;
	top: 4px;
	padding-left: 15px;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.bi-details .rm:hover {
	color: #0866ff
}

.bi-details .rm:hover i {
	padding-left: 20px
}

.blog-item-3.noThumb {
	border: 2px solid #e9e9e9;
	padding: 40px
}

.sidebar {
	position: relative;
	padding-left: 10px
}

.sidebar .widget {
	position: relative;
	padding: 0;
	margin: 0 0 42px
}

.sidebar .widget .widget-title {
	text-transform: capitalize;
	position: relative;
	font-size: 28px;
	line-height: 36px;
	margin: 0 0 44px
}

.sidebar .widget .widget-title:after {
	position: absolute;
	width: 50px;
	height: 3px;
	background: #0866ff;
	left: 0;
	bottom: -8px;
	content: ''
}

.woocommerce-product-search,.search-form {
	position: relative;
	margin: -12px 0 0
}

.woocommerce-product-search [type=search],.search-form [type=search] {
	width: 100%;
	height: 45px;
	font-size: 16px;
	line-height: 17px;
	background: 0 0;
	border-radius: 0;
	color: #565872;
	border: none;
	border-bottom: 1px solid rgba(8,24,69,.2);
	padding: 0 0 19px;
	outline: none
}

.woocommerce-product-search [type=search]::-moz-placeholder,.search-form [type=search]::-moz-placeholder {
	color: #565872;
	opacity: 1
}

.woocommerce-product-search [type=search]::-ms-input-placeholder,.search-form [type=search]::-ms-input-placeholder {
	color: #565872;
	opacity: 1
}

.woocommerce-product-search [type=search]::-webkit-input-placeholder,.search-form [type=search]::-webkit-input-placeholder {
	color: #565872;
	opacity: 1
}

.woocommerce-product-search button,.search-form button {
	font-size: 20px;
	border: none;
	outline: none;
	height: 100%;
	padding: 0;
	background: 0 0;
	color: #717171;
	line-height: 35px;
	position: absolute;
	right: 0;
	top: -2px;
	transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-webkit-transition: all ease 300ms
}

.woocommerce-product-search button {
	height: 35px;
	background: #081880;
	padding: 0 20px;
	line-height: 35px;
	color: #fff
}

.search-form button:hover {
	color: #0866ff
}

.sidebar .widget ul {
	margin: 0;
	padding: 0
}

.sidebar .widget ul li {
	list-style: none;
	display: block;
	position: relative;
	font-size: 16px;
	color: #081880;
	line-height: 28px;
	font-weight: 500;
	
	padding-left: 25px;
	border-bottom: 1px dashed #081880;
	padding-bottom: 23px;
	margin: 0 0 20px
}

.sidebar .widget ul li:after {
	position: absolute;
	left: 0;
	top: 1px;
	font-size: 22px;
	color: rgba(8,24,69,.2);
	content: "\e9ef";
	font-family: nss-theme;
	transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-webkit-transition: all ease 300ms
}

.sidebar .widget ul li a {
	color: inherit;
	display: inline-block
}

.sidebar .widget ul li:hover a {
	color: #0866ff
}

.sidebar .widget ul li:hover:after {
	left: 5px;
	color: #0866ff
}

.sidebar .widget ul li:last-child {
	border: none;
	margin-bottom: 0;
	padding-bottom: 0
}

.sidebar .widget.widget_categories ul li {
	text-transform: capitalize;
	font-weight: 400;
	border-bottom: 1px solid rgba(8,24,69,.16);
	padding-bottom: 23px
}

.service-ads {
	padding: 60px 20px 50px;
	min-height: 350px;
	text-align: center;
	border-radius: 10px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative
}

.service-ads i {
	position: relative;
	z-index: 2;
	width: 70px;
	height: 70px;
	background: #fff;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	color: #0866ff;
	line-height: 70px;
	font-size: 24px;
	animation: shadows 1s linear infinite;
	margin: 0 0 35px
}

.service-ads h4 {
	color: #fff;
	line-height: 40px;
	font-size: 25px;
	margin: 0 0 28px;
	position: relative;
	z-index: 2
}

.service-ads a {
	color: #fff;
	position: relative;
	z-index: 2;
	line-height: 40px;
	font-size: 25px;
	font-weight: 800;
	display: inline-block
}

.service-ads:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: #0866ff;
	border-radius: 10px;
	opacity: .9
}

.tagcloud {
	position: relative
}

.tagcloud a {
	position: relative;
	text-align: center;
	display: inline-block;
	font-size: 16px!important;
	
	color: #081880;
	text-transform: lowercase;
	height: 40px;
	border: none;
	border-radius: 30px;
	background: #fff;
	line-height: 40px;
	padding: 0 22px;
	margin: 0 8px 12px 0;
	box-shadow: 0 0 20px 0 rgba(130,130,13,.09);
	-webkit-box-shadow: 0 0 20px 0 rgba(130,130,13,.09);
	-ms-box-shadow: 0 0 20px 0 rgba(130,130,13,.09)
}

.tagcloud a:hover {
	background: #0866ff;
	color: #fff
}

.singleBlogPage {
	position: relative;
	padding: 120px 0
}

.single_blog {
	position: relative
}

.ps-thumb {
	position: relative;
	margin: 0 0 40px
}

.ps-thumb img {
	max-width: 100%;
	height: auto;
	width: auto;
	border-radius: 5px
}

.bp-meta {
	position: relative;
	margin: 0 0 28px
}

.sb_details {
	position: relative;
	margin: 0 0 58px
}

.sb_details img {
	max-width: 100%;
	height: auto;
	margin: 0 0 10px
}

.sb_details p {
	margin: 0 0 30px
}

.sb_details blockquote.wp-block-quote,.sb_details blockquote {
	position: relative;
	margin: 40px 0 45px;
	background: 0 0;
	padding: 40px 60px 0
}

.sb_details blockquote::after {
	position: absolute;
	left: 45px;
	top: 0;
	z-index: -1;
	background: url(../image/quote.png) no-repeat top left;
	content: '';
	width: 113px;
	height: 75px
}

.sb_details blockquote p {
	font-size: 24px;
	color: #081880;
	line-height: 32px;
	font-style: italic;
	font-weight: 400;
	margin: 0!important
}

.sb_details blockquote cite {
	display: block;
	font-size: 25px;
	color: #0866ff;
	font-weight: 700;
	font-style: normal;
	margin: 18px 0 0
}

.sb_details ul li {
	list-style: none;
	display: inline-block;
	position: relative;
	font-size: 16px;
	line-height: 34px;
	
	color: #081880;
	padding-left: 40px;
	margin: 0 0 10px
}

.sb_details ul {
	margin: 0 0 16px;
	padding: 0
}

.sb_details ul li::after {
	position: absolute;
	left: 0;
	font-size: 18px;
	top: 0;
	color: #0866ff;
	content: "\ea0f";
	font-family: nss-theme
}

.sb_details .wp-block-columns {
	margin-bottom: 1px;
	margin-top: 28px
}

.sb_details .wp-block-image {
	margin-bottom: 22px
}

.sb_details img {
	max-width: 100%;
	height: auto;
	border-radius: 5px;
	margin: 0 0 10px
}

.tags {
	position: relative
}

.tags a {
	position: relative;
	text-align: center;
	display: inline-block;
	font-size: 16px;
	
	color: #081880;
	text-transform: lowercase;
	height: 40px;
	border: none;
	border-radius: 30px;
	background: #fff;
	line-height: 40px;
	padding: 0 22px;
	margin: 0 8px 12px 0;
	box-shadow: 0 0 20px 0 rgba(130,130,13,.09);
	-webkit-box-shadow: 0 0 20px 0 rgba(130,130,13,.09);
	-ms-box-shadow: 0 0 20px 0 rgba(130,130,13,.09)
}

.tags a:hover {
	background: #0866ff;
	color: #fff
}

.social-share {
	text-align: right;
	position: relative;
	margin: 8px 0 0
}

.social-share a {
	display: inline-block;
	color: rgba(8,24,69,.4);
	font-size: 20px;
	margin-left: 20px
}

.social-share a:hover {
	color: #0866ff
}

.tg-so {
	margin-bottom: 55px
}

.post-pagination {
	position: relative;
	border-top: 1px dashed rgba(8,24,69,.4);
	border-bottom: 1px dashed rgba(8,24,69,.4);
	padding: 30px 0;
	margin: 0 0 65px
}

.post-pagination a {
	display: block;
	color: #081880;
	line-height: 26px
}

.post-pagination a.prev,.post-pagination a.next {
	font-size: 16px;
	
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .6px;
	margin: 0 0 17px
}

.post-pagination a.next i,.post-pagination a.prev i {
	font-size: 20px;
	margin-right: 15px;
	position: relative;
	top: 3px
}

.post-pagination a.next i {
	margin-left: 15px;
	margin-right: 0
}

.post-pagination a:hover {
	color: #0866ff
}

.post-author {
	position: relative;
	background: #f4f4f4;
	border-radius: 10px;
	padding: 40px 30px 40px 200px
}

.post-author img {
	width: 127px;
	height: 127px;
	border-radius: 50%;
	position: absolute;
	left: 35px;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%
}

.post-author h4 {
	color: #0866ff;
	font-size: 24px;
	margin: 0 0 4px
}

.post-author h4 a {
	color: inherit
}

.post-author p {
	margin: 0 0 16px
}

.post-author>a {
	display: inline-block;
	font-size: 16px;
	margin-right: 15px;
	color: rgba(8,24,69,.4)
}

.post-author>a:hover {
	color: #0866ff
}

.comment-area {
	position: relative;
	margin: 60px 0 0
}

.cmtitle {
	position: relative;
	font-size: 48px;
	line-height: 58px;
	margin: 0 0 65px
}

.cmtitle:after {
	position: absolute;
	left: 0;
	bottom: -13px;
	width: 50px;
	height: 3px;
	background: #0866ff;
	content: ''
}

.comment-list {
	margin: 0;
	padding: 0
}

.comment-list li {
	list-style: none
}

.comment-list .children {
	margin: 0 0 0 140px;
	padding: 0
}

.single-comment {
	position: relative;
	border-radius: 10px;
	border: 1px solid #d1d1d1;
	padding: 40px 40px 42px 180px;
	margin: 0 0 30px
}

.single-comment .cm-img {
	position: absolute;
	left: 45px;
	top: 45px;
	width: 97px;
	height: 97px;
	border-radius: 50%
}

.single-comment .cm-author {
	
	text-transform: uppercase;
	font-size: 20px;
	color: #081880;
	font-weight: 500;
	margin: 0 0 11px
}

.single-comment .cm-author span {
	display: block;
	font-size: 12px;
	font-weight: 400;
	margin: 4px 0 0;
	text-transform: none
}

.cm-comment {
	position: relative
}

.cm-comment p {
	margin: 0 0 5px
}

.comment-reply-link {
	display: inline-block;
	font-size: 14px;
	line-height: .8;
	color: #081880;
	font-weight: 500;
	
	text-transform: uppercase
}

.comment-reply-link:hover {
	color: #0866ff
}

.comment-form {
	position: relative;
	margin-top: 50px
}

.comment-form .cmtitle {
	margin-bottom: 55px
}

.comment-form label {
	display: block;
	cursor: pointer;
	font-size: 16px;
	
	color: #081880;
	margin: 0 0 17px
}

.comment-form input,.comment-form textarea {
	width: 100%;
	height: 60px;
	border: 1px solid #ebebeb;
	background: #fbfbfb;
	border-radius: 0;
	outline: none;
	font-size: 18px;
	line-height: 70px;
	color: rgba(8,24,69,.8);
	border-radius: 0;
	padding: 0 20px;
	margin: 0 0 25px
}

.comment-form textarea {
	height: 215px;
	line-height: 30px;
	padding-top: 12px;
	resize: none;
	margin-bottom: 35px
}

.comment-form button {
	height: 65px;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 700;
	padding: 19px 37px
}

.teamPage {
	position: relative;
	padding: 120px 0 70px
}

.team_02 {
	position: relative;
	padding-bottom: 60px;
	margin: 0 0 50px;
	border-radius: 3px 3px 0 0
}

.team_02 img {
	width: 100%;
	height: auto;
	border-radius: 3px 3px 0 0
}

.t01_details {
	background: #fff;
	box-shadow: 0 9px 35px 0 rgba(33,37,41,.05);
	border-radius: 3px;
	text-align: center;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	width: calc(100% - 80px);
	z-index: 2;
	padding: 33px 15px 30px;
	-webkit-transition: all 350ms cubic-bezier(.445,.05,.55,.95);
	-moz-transition: all 350ms cubic-bezier(.445,.05,.55,.95);
	-ms-transition: all 350ms cubic-bezier(.445,.05,.55,.95);
	-o-transition: all 350ms cubic-bezier(.445,.05,.55,.95);
	transition: all 350ms cubic-bezier(.445,.05,.55,.95)
}

.t01_details h3 {
	font-size: 20px;
	
	font-weight: 500;
	margin-bottom: 2px;
	color: #081880
}

.t01_details h3 a {
	color: inherit
}

.t01_details h3 a:hover {
	color: #0866ff
}

.t01_details p {
	font-size: 17px;
	margin: 0
}

.t01_social {
	display: block;
	text-align: center;
	overflow: hidden;
	height: 0;
	-webkit-transition: all 350ms cubic-bezier(.445,.05,.55,.95);
	-moz-transition: all 350ms cubic-bezier(.445,.05,.55,.95);
	-ms-transition: all 350ms cubic-bezier(.445,.05,.55,.95);
	-o-transition: all 350ms cubic-bezier(.445,.05,.55,.95);
	transition: all 350ms cubic-bezier(.445,.05,.55,.95)
}

.t01_social a {
	display: inline-block;
	height: 30px;
	width: 30px;
	background: 0 0;
	border: 1px solid rgba(8,24,69,.16);
	border-radius: 2px;
	text-align: center;
	font-size: 14px;
	color: #081880;
	line-height: 30px;
	padding-top: 1px;
	margin: 0 5px;
	margin-top: 20px;
	margin-bottom: 10px
}

.t01_social a:nth-child(1) {
	-webkit-transition: all 500ms cubic-bezier(.445,.05,.55,.95);
	-moz-transition: all 500ms cubic-bezier(.445,.05,.55,.95);
	-ms-transition: all 500ms cubic-bezier(.445,.05,.55,.95);
	-o-transition: all 500ms cubic-bezier(.445,.05,.55,.95);
	transition: all 500ms cubic-bezier(.445,.05,.55,.95);
	transform: translate3d(0,150px,0);
	-moz-transform: translate3d(0,150px,0);
	-webkit-transform: translate3d(0,150px,0);
	-ms-transform: translate3d(0,150px,0);
	-o-transform: translate3d(0,150px,0)
}

.t01_social a:nth-child(2) {
	-webkit-transition: all 650ms cubic-bezier(.445,.05,.55,.95);
	-moz-transition: all 650ms cubic-bezier(.445,.05,.55,.95);
	-ms-transition: all 650ms cubic-bezier(.445,.05,.55,.95);
	-o-transition: all 650ms cubic-bezier(.445,.05,.55,.95);
	transition: all 650ms cubic-bezier(.445,.05,.55,.95);
	transform: translate3d(0,150px,0);
	-moz-transform: translate3d(0,150px,0);
	-webkit-transform: translate3d(0,150px,0);
	-ms-transform: translate3d(0,150px,0);
	-o-transform: translate3d(0,150px,0)
}

.t01_social a:nth-child(3) {
	-webkit-transition: all 800ms cubic-bezier(.445,.05,.55,.95);
	-moz-transition: all 800ms cubic-bezier(.445,.05,.55,.95);
	-ms-transition: all 800ms cubic-bezier(.445,.05,.55,.95);
	-o-transition: all 800ms cubic-bezier(.445,.05,.55,.95);
	transition: all 800ms cubic-bezier(.445,.05,.55,.95);
	transform: translate3d(0,150px,0);
	-moz-transform: translate3d(0,150px,0);
	-webkit-transform: translate3d(0,150px,0);
	-ms-transform: translate3d(0,150px,0);
	-o-transform: translate3d(0,150px,0)
}

.t01_social a:nth-child(4) {
	-webkit-transition: all 950ms cubic-bezier(.445,.05,.55,.95);
	-moz-transition: all 950ms cubic-bezier(.445,.05,.55,.95);
	-ms-transition: all 950ms cubic-bezier(.445,.05,.55,.95);
	-o-transition: all 950ms cubic-bezier(.445,.05,.55,.95);
	transition: all 950ms cubic-bezier(.445,.05,.55,.95);
	transform: translate3d(0,150px,0);
	-moz-transform: translate3d(0,150px,0);
	-webkit-transform: translate3d(0,150px,0);
	-ms-transform: translate3d(0,150px,0);
	-o-transform: translate3d(0,150px,0)
}

.t01_social a:nth-child(05) {
	-webkit-transition: all 1100ms cubic-bezier(.445,.05,.55,.95);
	-moz-transition: all 1100ms cubic-bezier(.445,.05,.55,.95);
	-ms-transition: all 1100ms cubic-bezier(.445,.05,.55,.95);
	-o-transition: all 1100ms cubic-bezier(.445,.05,.55,.95);
	transition: all 1100ms cubic-bezier(.445,.05,.55,.95);
	transform: translate3d(0,150px,0);
	-moz-transform: translate3d(0,150px,0);
	-webkit-transform: translate3d(0,150px,0);
	-ms-transform: translate3d(0,150px,0);
	-o-transform: translate3d(0,150px,0)
}

.t01_social a:nth-child(06) {
	-webkit-transition: all 1250ms cubic-bezier(.445,.05,.55,.95);
	-moz-transition: all 1250ms cubic-bezier(.445,.05,.55,.95);
	-ms-transition: all 1250ms cubic-bezier(.445,.05,.55,.95);
	-o-transition: all 1250ms cubic-bezier(.445,.05,.55,.95);
	transition: all 1250ms cubic-bezier(.445,.05,.55,.95);
	transform: translate3d(0,150px,0);
	-moz-transform: translate3d(0,150px,0);
	-webkit-transform: translate3d(0,150px,0);
	-ms-transform: translate3d(0,150px,0);
	-o-transform: translate3d(0,150px,0)
}

.team_02:hover .t01_social {
	height: 59px
}

.team_02:hover .t01_social a {
	transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0)
}

.t01_social a:hover {
	background: #0866ff;
	border-color: #0866ff;
	color: #fff
}

.teamSinglePage {
	position: relative;
	padding: 120px 0 90px
}

.tm-area {
	position: relative;
	padding-right: 50px
}

.team_thumb {
	position: relative;
	margin: 0 0 44px
}

.team_thumb img {
	width: 100%;
	border-radius: 5px;
	height: auto
}

.team_content {
	position: relative;
	padding: 0;
	margin-left: -25px
}

.team_content h4 {
	font-size: 30px;
	margin: 0 0 0
}

.team_content>span {
	display: block;
	text-transform: uppercase;
	color: #0866ff;
	font-size: 14px;
	margin: 0 0 15px
}

.team_content .t01_social {
	position: relative;
	margin: 0 0 25px;
	visibility: visible;
	opacity: 1;
	height: auto;
	-webkit-transform: none;
	text-align: left
}

.team_content .t01_social a {
	visibility: visible;
	opacity: 1;
	transform: none;
	margin: 0 7px 0 0;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}

.team_content p {
	margin: 0 0 37px
}

.team_content ul {
	margin: 0 0 35px;
	padding: 24px 30px;
	border-radius: 5px;
	background: #f4f4f4
}

.team_content ul li {
	list-style: none;
	display: block;
	font-size: 18px;
	line-height: 36px;
	margin: 0;
	float: left;
	width: 50%
}

.team_content ul li span {
	text-transform: capitalize;
	display: inline-block;
	font-weight: 600;
	color: #081880;
	margin: 0
}

.team_content ul li a {
	color: inherit
}

.team_content ul li a:hover {
	color: #0866ff
}

.faqPage {
	position: relative;
	padding: 120px 0 100px
}

.faqPage .sec-title {
	margin-bottom: 60px
}

.contactSetion {
	position: relative;
	padding: 150px 0 120px
}

.icon-box-6 {
	position: relative;
	padding: 59px 40px 27px;
	margin: 0 0 120px;
	border: 2px solid #ececec;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.icon-box-6 i {
	width: 76px;
	height: 65px;
	background: #0866ff;
	border-radius: 10px;
	text-align: center;
	font-size: 24px;
	line-height: 65px;
	color: #fff;
	position: absolute;
	left: 40px;
	top: -33px
}

.icon-box-6:hover i {
	animation: bounceIn 1s linear;
	animation-duration: 1s;
	animation-duration: 1s
}

.icon-box-6 h5 {
	font-size: 26px;
	line-height: 30px;
	margin: 0 0 12px
}

.icon-box-6 p {
	margin: 0
}

.contactSetion .contact-form {
	position: relative;
	background: #fff;
	border-radius: 0;
	box-shadow: none;
	padding: 0
}

.contactSetion .iconInput input[type=text],.contactSetion .iconInput input[type=email],.contactSetion .iconInput input[type=url],.contactSetion .iconInput input[type=number],.contactSetion .iconInput textarea {
	border-radius: 0;
	border-color: rgba(8,76,148,.1);
	padding-left: 30px
}

.contactSetion .iconInput textarea {
	height: 170px
}

.contactSetion .iconInput i {
	right: 30px
}

.contactSetion .contact-form button {
	width: 200px
}

.contactSetion .iconInput input.reqError,.contactSetion .iconInput .reqError {
	border-color: red
}

.grap-map {
	position: relative;
	line-height: .8;
	overflow: hidden
}

.grap-map iframe {
	width: 100%;
	height: 550px;
	border: none
}

.grayscale iframe {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%)
}

.borderTop {
	border-top: 2px solid #f8f8f8
}

.preloader {
	background: #081880;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999
}

.loaderInner {
	width: 70px;
	height: 60px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.mask {
	position: absolute;
	border-radius: 2px;
	overflow: hidden;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.plane {
	background: #0866ff;
	width: 400%;
	height: 100%;
	position: absolute;
	-webkit-transform: translate3d(0px,0,0);
	transform: translate3d(0px,0,0);
	z-index: 100;
	-webkit-perspective: 1000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.animation {
	transition: all .3s ease
}

#top .plane {
	z-index: 2000;
	-webkit-animation: trans1 1.3s ease-in infinite 0s backwards;
	animation: trans1 1.3s ease-in infinite 0s backwards
}

#middle .plane {
	-webkit-transform: translate3d(0px,0,0);
	transform: translate3d(0px,0,0);
	background: #0866ff;
	-webkit-animation: trans2 1.3s linear infinite .3s backwards;
	animation: trans2 1.3s linear infinite .3s backwards
}

#bottom .plane {
	z-index: 2000;
	-webkit-animation: trans3 1.3s ease-out infinite .7s backwards;
	animation: trans3 1.3s ease-out infinite .7s backwards
}

#top {
	width: 53px;
	height: 20px;
	left: 20px;
	-webkit-transform: skew(-15deg,0);
	transform: skew(-15deg,0);
	z-index: 100
}

#middle {
	width: 33px;
	height: 20px;
	left: 20px;
	top: 15px;
	-webkit-transform: skew(-15deg,40deg);
	transform: skew(-15deg,40deg)
}

#bottom {
	width: 53px;
	height: 20px;
	top: 30px;
	-webkit-transform: skew(-15deg,0);
	transform: skew(-15deg,0)
}

.preloader p {
	color: #0866ff;
	position: absolute;
	left: -3px;
	top: 45px;
	text-align: center;
	font-size: 12px;
	font-weight: 500;
	font-style: italic;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin: 0
}

@-webkit-keyframes trans1 {
	from {
		-webkit-transform: translate3d(53px,0,0);
		transform: translate3d(53px,0,0)
	}

	to {
		-webkit-transform: translate3d(-250px,0,0);
		transform: translate3d(-250px,0,0)
	}
}

@keyframes trans1 {
	from {
		-webkit-transform: translate3d(53px,0,0);
		transform: translate3d(53px,0,0)
	}

	to {
		-webkit-transform: translate3d(-250px,0,0);
		transform: translate3d(-250px,0,0)
	}
}

@-webkit-keyframes trans2 {
	from {
		-webkit-transform: translate3d(-160px,0,0);
		transform: translate3d(-160px,0,0)
	}

	to {
		-webkit-transform: translate3d(53px,0,0);
		transform: translate3d(53px,0,0)
	}
}

@keyframes trans2 {
	from {
		-webkit-transform: translate3d(-160px,0,0);
		transform: translate3d(-160px,0,0)
	}

	to {
		-webkit-transform: translate3d(53px,0,0);
		transform: translate3d(53px,0,0)
	}
}

@-webkit-keyframes trans3 {
	from {
		-webkit-transform: translate3d(53px,0,0);
		transform: translate3d(53px,0,0)
	}

	to {
		-webkit-transform: translate3d(-220px,0,0);
		transform: translate3d(-220px,0,0)
	}
}

@keyframes trans3 {
	from {
		-webkit-transform: translate3d(53px,0,0);
		transform: translate3d(53px,0,0)
	}

	to {
		-webkit-transform: translate3d(-220px,0,0);
		transform: translate3d(-220px,0,0)
	}
}

.submenu-toggler {
	display: none
}

.fix-header {
	left: 0;
	position: fixed;
	right: 0;
	top: -1px;
	width: 100%;
	z-index: 99;
	transition: all .1s ease-out;
	box-shadow: 0 13px 15px rgba(0,0,0,.03);
	-webkit-box-shadow: 0 13px 15px rgba(0,0,0,.03);
	-moz-box-shadow: 0 13px 15px rgba(0,0,0,.03);
	background-color: #fff;
}

.h2.fix-header {
	background: #222f5a;
	border: none
}
.topbar .container{
	max-width:100%;
	padding:0 120px;
	box-sizing:border-box;
}
.header-02 {
	width: 100%;
	padding: 0;
	background-image: url(../image/top_cut.jpg);
	background-repeat:no-repeat;
	background-position:top right ;
}
.header-02 .container{
	max-width:100%;
	padding-left:120px;
	box-sizing:border-box;
	
}
.lan{
	width:170px;
	margin-left:80px;
	font-size:16px;
	display: flex;
	height:100px;
	
}
.lantab{
	display: flex;
	height:100px;
	background-image: url(../image/lan_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:auto;
	align-content: center;
	flex-wrap: wrap;
}
@media(max-width:1400px){
	.topbar .container{
		padding:0 60px;
	}
	.header-02 .container{
		padding-left:60px;
	}
}
@media(max-width:1000px){
	.topbar .container{
		padding:0 20px;
	}
	.header-02 .container{
		padding:0 20px;
	}
	.header-02{
		background:#fff;
	}
	.access-btn{
		display: none;
	}
	.navbar{
		justify-content: start;
	}
	.lan{
		width: 50px;
		margin-left: 50px;
	}
	.lan span{
		display: none;
	}
	.lantab{
		background: none;
	}
	.topbar{
		display: none;
	}
}
.footbottom{
	text-align: center;
	padding:30px 0;
	background: #333;
	color:#b0b0b0;
	font-size:16px;
}
.footbottom a{
	color:#b0b0b0;
}
.footbottom a:hover{
	color:#649bf5;
}
.footbottom span{
	padding:0 10px;
}
.foottop{
	padding:80px 0;
	background-image: url(../image/footbg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
.ft2{
	width:100%;
	margin-top:60px;
}
.ft2tab{
	width:375px;
	min-width:calc((100% - 200px) / 3 );
	background: #252525;
	border-radius: 10px;
	box-sizing: border-box;
	padding:30px;
	justify-content: start
}
.ft2tab img{
	width:60px;
	height:60px;
}
.ft2text{
	margin-left:30px;
	width: calc(100% - 100px);
}
.ft2tab:hover{
	background: #182e7a;
}

.ft2p1{
	color:#fff;
	font-size:18px;
}
.ft2p2{
	color:#b0b0b0;
	font-size:16px;
}
.ft1left{
	max-width: 500px;
}
.ft1p1{
	font-size:18px;
	color:#fff;
	font-weight:800;
	margin-bottom:25px;
}
.ft1p2{
	font-size:16px;
	color:#b0b0b0;
	font-weight:400;
	line-height: 2;
}
.ft1left .contact-form{
	padding:0;
	background: none;
	margin-top:30px;
}
.ft1left .contact-form .rec1{
	background: rgb(255,255,255,0.1);
	height:50px;
	line-height: 50px;
	color:#999;
}
.ft1left .contact-form .rec2{
	background: rgb(255,255,255,0.1);
	height:100px;
	color:#999;
}

.ft1left .contact-form .iconInput i{
	line-height: 50px;
	color:#999;
}
.ft1left .contact-form input::placeholder {
  color: #999;
  opacity: 1;
  font-size:16px;
}
.ft1left .contact-form input::-webkit-input-placeholder { /* Chrome/Safari */
  color: #999;
  font-size:16px;
}
.ft1left .contact-form input::-moz-placeholder { /* Firefox 18- */
  color: #999;
  font-size:16px;
}
.ft1left .contact-form input:-ms-input-placeholder { /* IE 10+ */
  color: #999;
  font-size:16px;
}
.ft1left .contact-form textarea::placeholder {
  color: #999;
  opacity: 1;
  font-size:16px;
}
.ft1left .contact-form textarea::-webkit-input-placeholder { /* Chrome/Safari */
  color: #999;
  font-size:16px;
}
.ft1left .contact-form textarea::-moz-placeholder { /* Firefox 18- */
  color: #999;
  font-size:16px;
}
.ft1left .contact-form textarea:-ms-input-placeholder { /* IE 10+ */
  color: #999;
  font-size:16px;
}
.ft1center-tab .ft1p2 .ft1p2-n2{
	color:#b0b0b0;
	margin-bottom:10px;
	display: block;
}
.ft1right .topsocial{
	margin-top:30px;
}
.ft1right .topsocial li{
	margin-left:0;
	margin-right:10px;
	color:#bcbbbb;
}
.ft1right .topsocial li i{
	color:#bcbbbb;
}
@media(max-width:1000px){
	.foottop{
		padding:30px 0;
	}
	.ft1center-tab{
		display: none;
	}
	.ft1right{
		display: none;
	}
	.ft2tab{
		margin-bottom:20px;
		padding:30px 20px;
	}
	.ft2tab img{
		width:50px;
		height:50px;
	}
}
* {
  scrollbar-width: none;
}
::-webkit-scrollbar {
    width: 7.5px;
    height: 6px;
    background-color: #f0f0f0;
    display: none
}
::-webkit-scrollbar-thumb {
    background-color: #b1b1b1;
    border-radius: 15px
}
::-webkit-scrollbar-thumb:hover {
    background-color: #777
}



/*tr td*/

td {
    display: table-cell;
    vertical-align: inherit;
    border:1px solid #666;
    padding:10px;
    box-sizing:border-box;
}
table {
    border-collapse: collapse;
    border-spacing: 2px;
    width:100%;
}
tr td:nth-child(1){
	background: #d9edf7;
}
.firstRow td:nth-child(1){
	background: #d9edf7;
}







td {
    display: table-cell;
    vertical-align: inherit;
    border:1px solid #ddd!important;
    padding:10px!important;
	height:auto!important;
	width:auto!important;
    box-sizing:border-box;
	background:none!important;
	word-break: normal!important;
}
td p{
	padding:0!important;
	margin:0!important;
}
table {
    border-collapse: collapse!important;
    border-spacing: 2px!important;
    width:100%!important;
	font-size:16px!important;
}
table tr td{
	font-size:16px!important;
	text-align:center!important;
}
.protop tr td{
	background: #d9edf7!important;
}
.protop td{
	font-size:20px!important;
	text-align: center!important;
}
table .tdimg{
	width:200px!important;
}
.protop tr:hover{
	background: #d9edf7!important;
}
td:hover{
	background: #d9edf7!important;
}