html * {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

body {
	line-height: 24px;
	letter-spacing: 1px;
	color: #333;
	font-size: 13px;
	overflow-x: hidden
}

a {
	color: #333;
	text-decoration: none;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

a:hover {
	color: #48afcb;
	text-decoration: none
}

a:focus {
	color: #48afcb;
	outline: 0;
	outline-offset: 0;
	text-decoration: none
}

a.i-left,
a.i-right {
	display: block;
	font-size: 14px;
	margin-bottom: 5px
}

a.i-right i {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 17px
}

a.i-left i {
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 17px
}

p {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	margin: 0 0 10px
}

h1 {
	font-size: 35px;
	line-height: 40px
}

h2 {
	font-size: 27px;
	line-height: 37px
}

h3 {
	font-size: 21px;
	line-height: 32px
}

h4 {
	font-size: 17px;
	line-height: 28px
}

h5 {
	font-size: 15px;
	line-height: 23px
}

h6 {
	font-size: 13px;
	line-height: 17px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: #323232;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 600;
	margin: 0 0 10px
}

blockquote {
	position: relative;
	margin: 0;
	font-size: 18px;
	line-height: 1.5;
	border: 0
}

blockquote p {
	position: relative;
	font-weight: 300;
	padding-left: 60px;
	padding-right: 60px;
	font-size: 16px
}

ul,
ol {
	margin-bottom: 0
}

blockquote p:before {
	content: "";
	position: absolute;
	width: 35px;
	height: 26px;
	background-image: url(../img/assets/blockquote-left.png);
	background-repeat: no-repeat;
	top: 20%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

blockquote p:after {
	content: "";
	position: absolute;
	width: 35px;
	height: 26px;
	background-image: url(../img/assets/blockquote-right.png);
	background-repeat: no-repeat;
	top: 20%;
	right: 0;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}

blockquote footer {
	position: relative;
	text-align: center;
	padding-top: 20px;
	margin-top: 30px;
	background-color: transparent
}

blockquote footer:before {
	content: "";
	position: absolute;
	width: 219px;
	height: 14px;
	background-image: url(../img/assets/blockquote-footer.png);
	background-repeat: no-repeat;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}

blockquote cite {
	font-style: normal;
	text-transform: capitalize;
	display: block;
	margin-bottom: 5px
}

.btn,
button {
	display: inline-block;
	padding: 12px 22px;
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.42857143;
	text-align: center;
	color: #333;
	border: 1px solid transparent;
	border-radius: 3px
}

.btn-ellipse {
	position: relative;
	background-color: #006d94;
	z-index: 1;
	overflow: hidden;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
	color: #fff;
}

.btn-ellipse:before,
.btn-ellipse:after {
	position: absolute;
	top: 50%;
	content: '';
	width: 20px;
	height: 20px;
	background: #12385c;
	border-radius: 50%;
	z-index: -1;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.btn-ellipse:before {
	left: -20px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.btn-ellipse:after {
	right: -20px;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%)
}

.btn-ellipse:hover {
	border-color: #12385c;
	background: #12385c;
	color: #fff;
	-webkit-transition-delay: .45s;
	-moz-transition-delay: .45s;
	-o-transition-delay: .45s;
	transition-delay: .45s
}

.btn-ellipse:hover:before {
	-webkit-animation: criss-cross-left .8s;
	-moz-animation: criss-cross-left .8s;
	-o-animation: criss-cross-left .8s;
	animation: criss-cross-left .8s
}

.btn-ellipse:hover:after {
	-webkit-animation: criss-cross-right .8s;
	-moz-animation: criss-cross-right .8s;
	-o-animation: criss-cross-right .8s;
	animation: criss-cross-right .8s
}

button:focus,
button:active:focus,
button.active:focus,
button.focus,
button:active.focus,
button.active.focus,
button:active,
.btn.active {
	border-color: #48afcb;
	background: #48afcb;
	color: #fff;
	box-shadow: none;
	outline: 0;
	outline-offset: 0
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus,
.btn:active,
.btn.active {
	border-color: #12385c;
	background: #12385c;
	color: #fff;
	box-shadow: none;
	outline: 0;
	outline-offset: 0;
}

.dl-btn-wrapper {
	position: relative;
	display: inline-block
}

.dl-btn {
	padding: 9px 22px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	min-width: 140px;
	display: inline-block;
	border: 2px solid #fff;
	text-align: center;
	position: relative;
	color: #fff;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.dl-btn.btn-1 {
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	right: 1px
}

.dl-btn.btn-2 {
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	left: -6px;
	border-left: none
}

.dl-btn i {
	font-size: 19px;
	vertical-align: -1px;
	margin-right: 6px
}

.dl-btn:focus,
.dl-btn:active,
.dl-btn:hover {
	color: #48afcb;
	text-decoration: none;
	background-color: #fff;
	border-color: transparent
}

.wow {
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	-o-transition: all .5s linear;
	transition: all .5s linear
}

.preloader {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	background: #fff;
	height: 100%;
	width: 100%;
	-webkit-transition: all .5s .5s ease;
	-moz-transition: all .5s .5s ease;
	transition: all .5s .2s ease
}

.preloader .loader {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	width: 90px;
	height: 90px;
	display: block;
	margin: auto;
	margin-top: -45px
}

.font-alt {
	letter-spacing: 0px;
	font-size: 15px;
	text-transform: capitalize;
	color: #444;
	font-weight: 400;
}

.text-white {
	color: #fff
}

.bg-light {
	background-color: #f8f8fd
}

.play-btn {
	padding: 2px;
	border-radius: 100%;
	display: inline-block;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.play-btn:hover {
	box-shadow: 0 0 0 3px #fff
}

.mb-0 {
	margin-top: 0;
	margin-bottom: 0
}

.mb-10 {
	margin-top: 0;
	margin-bottom: 10px
}

.mb-15 {
	margin-top: 0;
	margin-bottom: 15px
}

.mb-25 {
	margin-top: 0;
	margin-bottom: 25px
}

.mb-30 {
	margin-top: 0;
	margin-bottom: 30px
}

.mb-35 {
	margin-top: 0;
	margin-bottom: 35px
}

.mb-65 {
	margin-top: 0;
	margin-bottom: 65px
}

.mb-80 {
	margin-top: 0;
	margin-bottom: 80px
}

.mt-0 {
	margin-top: 0;
	margin-bottom: 0
}

.mt-10 {
	margin-top: 10px;
	margin-bottom: 0
}

.mt-15 {
	margin-top: 15px;
	margin-bottom: 0
}

.mt-25 {
	margin-top: 25px;
	margin-bottom: 0
}

.mt-30 {
	margin-top: 30px;
	margin-bottom: 0
}

.mt-35 {
	margin-top: 35px;
	margin-bottom: 0
}

.mt-65 {
	margin-top: 65px;
	margin-bottom: 0
}

.mt-80 {
	margin-top: 80px;
	margin-bottom: 0
}

.mtb-0 {
	margin-top: 0;
	margin-bottom: 0
}

.mtb-10 {
	margin-top: 10px;
	margin-bottom: 10px
}

.mtb-15 {
	margin-top: 15px;
	margin-bottom: 15px
}

.mtb-25 {
	margin-top: 25px;
	margin-bottom: 25px
}

.mtb-30 {
	margin-top: 30px;
	margin-bottom: 30px
}

.mtb-35 {
	margin-top: 35px;
	margin-bottom: 35px
}

.mtb-65 {
	margin-top: 65px;
	margin-bottom: 65px
}

.mtb-80 {
	margin-top: 80px;
	margin-bottom: 80px
}

.center-col {
	float: none;
	margin: 0 auto
}

.section-title {
	text-align: center;
	margin-bottom: 50px
}

.section-title h2 {
	text-transform: uppercase
}

.text-bold {
	font-weight: 500
}

.section-padding {
	padding-top: 80px;
	padding-bottom: 30px;
}

.img-center {
	text-align: center;
	margin: 0 auto
}

.icon-box {
	display: block;
	position: relative
}

.icon-box.top {
	text-align: center
}

.icon-box.left {
	text-align: left
}

.icon-box.right {
	text-align: right
}

.icon-box a {
	color: #333
}

.icon-box a:hover {
	color: #48afcb
}

.icon-top,
.icon-left,
.icon-right {
	cursor: pointer;
	background-color: #f5f5f5;
	font-size: 23px;
	text-align: center;
	width: 70px;
	height: 70px;
	line-height: 75px;
	display: inline-block;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
	-webkit-transition-delay: .1s;
	-moz-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s
}

.icon-top {
	line-height: 70px;
	margin-bottom: 20px
}

.icon-top-alt {
	font-size: 40px;
	margin-bottom: 10px
}

.icon-left {
	position: absolute;
	left: 0
}

.icon-right {
	position: absolute;
	right: 0
}

.icon-box-content {
	position: relative
}

.icon-box.left {
	padding-left: 90px;
	text-align: left
}

.icon-box.right {
	padding-right: 90px;
	text-align: right
}

.icon-top:before,
.icon-left:before,
.icon-right:before,
.icon-top:after,
.icon-left:after,
.icon-right:after {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background-color: #48afcb;
	border-radius: 50%;
	top: 50%;
	z-index: -1;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	transition: .5s
}

.icon-top:before,
.icon-left:before,
.icon-right:before {
	left: -20px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.icon-top:after,
.icon-left:after,
.icon-right:after {
	right: -20px;
	-webkit-transform: translate(50%, -50%);
	-moz-transform: translate(50%, -50%);
	-o-transform: translate(50%, -50%);
	transform: translate(50%, -50%)
}

.icon-box:hover .icon-top,
.icon-box:hover .icon-left,
.icon-box:hover .icon-right {
	background-color: #48afcb;
	color: #fff;
	-webkit-transition-delay: .45s;
	-moz-transition-delay: .45s;
	-o-transition-delay: .45s;
	transition-delay: .45s
}

.icon-box:hover .icon-top:before,
.icon-box:hover .icon-left:before,
.icon-box:hover .icon-right:before {
	-webkit-animation: criss-cross-left .8s;
	-moz-animation: criss-cross-left .8s;
	-o-animation: criss-cross-left .8s;
	animation: criss-cross-left .8s
}

.icon-box:hover .icon-top:after,
.icon-box:hover .icon-left:after,
.icon-box:hover .icon-right:after {
	-webkit-animation: criss-cross-right .8s;
	-moz-animation: criss-cross-right .8s;
	-o-animation: criss-cross-right .8s;
	animation: criss-cross-right .8s
}

.page-header {
	padding: 0;
	margin: 0;
	border: 0;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	text-align: center;
	z-index: 10;
	-webkit-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .3s cubic-bezier(0, 0, .58, 1);
	transition: all .3s cubic-bezier(0, 0, .58, 1);
	background: #fff;
}

.logo {
	position: relative;
	float: left;
	text-align: left;
	display: inline-block
}

.logo a {
	color: #fff;
	font-size: 23px;
	line-height: 70px;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	-webkit-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .3s cubic-bezier(0, 0, .58, 1);
	transition: all .3s cubic-bezier(0, 0, .58, 1)
}

.logo img {
	max-width: 220px;
	height: auto;
}

.mobile-menu {
	display: none;
	float: right;
	line-height: 60px
}

.mobile-menu a {
	position: relative;
	display: block;
	font-size: 23px;
	color: #000;
	width: 30px;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}

.main-nav {
	position: relative;
	float: right;
	display: inline-block
}

ul.main-nav-inner {
	padding: 0;
	margin: 0;
	list-style: none
}

.main-nav-inner li {
	display: inline-block;
	text-align: left
}

.main-nav-inner li a {
	color: #5c8b60;
	/* display: block; */
	font-size: 13px;
	font-weight: 600;
	line-height: 70px;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0 10px;
	-webkit-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .3s cubic-bezier(0, 0, .58, 1);
	transition: all .3s cubic-bezier(0, 0, .58, 1);
}

.header.stuck {
	background-color: rgba(255, 255, 255, 0.96);
	position: fixed;
	height: 70px
}

.header.stuck .logo a {
	color: #333;
	line-height: 72px
}

.header.stuck .main-nav-inner li a {
	color: #222;
	line-height: 70px
}

.header.stuck .main-nav-inner li a:hover,
.header.stuck .main-nav-inner li a.current {
	color: #333
}

.header.stuck .mobile-menu {
	line-height: 55px
}

.intro {
	overflow: hidden;
	position: relative;
	padding: 100px 0
}

.particle-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.intro-content {
	padding-top: 90px;
	padding-bottom: 40px;
}

.intro-content h1 {
	text-transform: none;
	font-size: 42px;
}

.intro-mockup {
	position: relative
}

.intro-mockup img {
	display: block;
	max-width: 100%;
	height: auto
}

.intro-mockup .img-one {
	position: relative;
	z-index: 3
}

.intro-mockup .img-two {
	position: absolute;
	top: 0;
	z-index: 2
}

.intro-mockup .img-three {
	position: absolute;
	top: 0;
	z-index: 1
}

.mockup-text {
	padding-top: 40px;
	padding-bottom: 140px
}

.mockup {
	position: relative
}

.mockup img {
	display: block;
	max-width: 100%;
	height: auto
}

.mockup .mockup-front {
	position: relative;
	z-index: 2
}

.mockup .mockup-back {
	position: absolute;
	top: 0
}

.showcase-slider {
	position: relative
}

.showcase-slider .slider-item {
	position: relative
}

.showcase-slider .slider-item .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.95);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.showcase-slider .slider-item:hover .overlay {
	opacity: 1;
	visibility: visible
}

.showcase-slider .slider-item .overlay .popup-btn {
	display: block;
	height: 80px;
	width: 80px;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: auto;
	margin-top: -40px;
	text-align: center;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.showcase-slider .slider-item .overlay .popup-btn:before {
	position: absolute;
	content: "";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #616161;
	left: 50%
}

.showcase-slider .slider-item .overlay .popup-btn:after {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background-color: #616161;
	top: 50%
}

.showcase-slider .owl-item .slider-item img {
	opacity: .5;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: all 1.5s;
	-moz-transition: all 1.5s;
	-o-transition: all 1.5s;
	transition: all 1.5s
}

.showcase-slider .owl-item.active .slider-item img {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}

.showcase-slider .slider-item img {
	max-width: 100%;
	display: block;
	height: 240px;
}

.showcase-slider .owl-controls .owl-dots {
	position: absolute;
	bottom: -55px;
	width: 100%;
	text-align: center
}

.showcase-slider .owl-controls .owl-dots .owl-dot {
	background-color: #444;
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 0 5px;
	border-radius: 10px;
	border: 2px solid transparent;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.showcase-slider .owl-dots .owl-dot.active {
	background-color: transparent;
	border-color: #444;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5)
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
	opacity: 0;
	backface-visibility: hidden;
	-webkit-transition: all .3s ease-out;
	-moz-transition: all .3s ease-out;
	-o-transition: all .3s ease-out;
	transition: all .3s ease-out
}

.mfp-with-zoom.mfp-ready .mfp-container {
	opacity: 1
}

.mfp-with-zoom.mfp-ready.mfp-bg {
	opacity: 1
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
	opacity: 0
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #333;
	font-weight: 100
}

.mfp-bg {
	background-color: rgba(255, 255, 255, 0.95)
}

.mfp-figure:after,
.mfp-iframe-scaler iframe {
	box-shadow: none
}

button.mfp-close:focus,
button.mfp-close:focus,
button.mfp-close:active:focus {
	background-color: transparent;
	color: #333
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: pointer
}

.author-img {
	display: block;
	margin-bottom: 35px
}

.author-img img {
	max-width: 100px;
	display: block;
	height: auto;
	border-radius: 100%;
	margin: 0 auto
}

.testimonial-slider .owl-item .slider-item {
	-webkit-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .3s cubic-bezier(0, 0, .58, 1);
	transition: all .3s cubic-bezier(0, 0, .58, 1)
}

.testimonial-slider .owl-item.active .slider-item {
	-webkit-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .3s cubic-bezier(0, 0, .58, 1);
	transition: all .3s cubic-bezier(0, 0, .58, 1);
	-webkit-animation-name: zoomInScale;
	-moz-animation-name: zoomInScale;
	-o-animation-name: zoomInScale;
	animation-name: zoomInScale;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s
}

.testimonial-slider .owl-controls .owl-dots {
	position: absolute;
	bottom: -30px;
	width: 100%;
	text-align: center
}

.testimonial-slider .owl-controls .owl-dots .owl-dot {
	background-color: #444;
	width: 8px;
	height: 8px;
	display: inline-block;
	margin: 0 5px;
	border-radius: 10px;
	border: 2px solid transparent;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s
}

.testimonial-slider .owl-dots .owl-dot.active {
	background-color: transparent;
	border-color: #444;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5)
}

.video {
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center
}

.team-member:hover .team-img img {
	opacity: .8
}

.team-member-info {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #fafafa
}

.team-member-info h5 {
	margin-bottom: 0
}

.team-member-info p {
	margin-bottom: 0
}

.team-social {
	background-color: rgba(255, 255, 255, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease
}

.team-member:hover .team-social {
	opacity: 1;
	visibility: visible
}

.team-social ul {
	list-style: none;
	padding: 0;
	margin: 0;
	position: absolute;
	width: 100%;
	top: 50%
}

.team-social ul li {
	display: inline-block;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.team-member:hover .team-social ul li {
	-webkit-animation: flipX .85s ease forwards;
	-moz-animation: flipX .85s ease forwards;
	-o-animation: flipX .85s ease forwards;
	animation: flipX .85s ease forwards;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.team-social ul li a {
	display: inline-block;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 16px;
	background-color: #48afcb;
	margin-right: 5px;
	color: #fff;
	text-align: center;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	transition: all .3s ease-in
}

.download {
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px
}

.newsletter {
	padding-bottom: 50px;
	padding-top: 50px;
	text-align: center
}

.newsletter-input {
	position: relative
}

#newsletter-email {
	padding: 12px 2px;
	background-color: transparent;
	border: 0;
	box-shadow: none;
	color: #fff;
	border-bottom: 2px solid rgba(255, 255, 255, 0.4);
	border-radius: 0;
	display: block;
	width: 100%;
	font-weight: 400;
}

.newsletter-input span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 2px;
	transition: all .4s ease;
	background-color: #fff
}

#newsletter-email:focus+span {
	width: 100%
}

.subscribe-btn {
	position: absolute;
	bottom: 0;
	right: 0;
	line-height: 4px;
	padding-right: 2px;
	padding-left: 10px;
	font-size: 13px;
	text-transform: uppercase;
	background: transparent;
	color: #fff;
	border: 0;
	font-weight: 600;
	outline: 0;
	letter-spacing: 2px
}

.subscribe-btn:focus,
.subscribe-btn:active,
.subscribe-btn:active:focus {
	background-color: transparent
}

.info {
	color: rgba(255, 255, 255, .8);
	margin-top: 15px;
	font-size: 16px
}

.pricing {
	padding: 32px 40px;
	text-align: left;
	background-color: #fafafa;
	border-top: 3px solid #eef0f3
}

.pricing.active {
	padding: 40px 40px;
	margin-top: -8px
}

.pricing-title {
	font-size: 16px;
	margin: 0 0 16px
}

.pricing-price {
	padding: 16px 0 16px;
	font-size: 32px;
	border-top: 3px solid #eef0f3
}

.pricing-price span {
	font-weight: 300
}

.pricing-price span.currency {
	font-size: 16px;
	font-weight: normal;
	vertical-align: super;
	margin-right: -6px
}

.pricing-price span.period {
	font-size: 14px;
	margin-left: -4px;
	position: relative;
	font-weight: 500
}

.pricing-price span.period:before {
	content: "/";
	margin-right: 3px
}

.pricing-features {
	text-align: right;
	list-style: none;
	padding: 16px 0 16px;
	border-top: 3px solid #eef0f3
}

.pricing-features li {
	font-style: italic;
	text-transform: capitalize
}

.price-btn {
	padding-top: 16px;
	display: block;
	text-align: center
}

.accordion {
	margin-bottom: 20px
}

.accordion-title {
	font-size: 12px;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	font-weight: 600
}

.accordion-title a {
	position: relative;
	color: #333;
	border: 1px solid #f1f1f1;
	background-color: #fff;
	display: block;
	padding: 14px 20px;
	-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1) 0s;
	-moz-transition: all .27s cubic-bezier(0, 0, .58, 1) 0s;
	-o-transition: all .27s cubic-bezier(0, 0, .58, 1) 0s;
	transition: all .27s cubic-bezier(0, 0, .58, 1) 0s
}

.accordion-title a.active {
	background-color: #eef0f3;
	border-color: #eef0f3;
	color: #333;
	cursor: default
}

.accordion-title a:after {
	content: "\f2c7";
	font-family: "Ionicons";
	font-size: 10px;
	position: absolute;
	right: 20px;
	color: #333;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.accordion-title a.active:after {
	content: "\f2f4";
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.accordion-content {
	font-size: 13px;
	line-height: 1.8;
	padding: 20px 35px;
	background-color: #fafafa;
	border: 1px solid #eef0f3;
	border-top-color: #eef0f3
}

.news-thumb img {
	display: block;
	width: 100%;
	height: auto
}

.news-preview {
	padding: 24px;
	background-color: #fafafa;
	overflow: hidden
}

.news-preview h3 {
	font-size: 20px
}

.news-preview h3 a {
	color: #333
}

.news-preview p {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500;
	font-size: 13px
}

.news-meta {
	overflow: hidden;
	border-top: 1px solid #eef0f3;
	margin-top: 15px;
	padding-top: 15px
}

.news-meta .date {
	color: #afafaf;
	display: inline-block;
	float: left;
	font-weight: 600;
	text-transform: uppercase
}

.news-meta .read-more {
	display: inline-block;
	float: right;
	font-weight: 600;
	text-transform: uppercase;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}

.read-more a {
	color: #afafaf;
	position: relative;
	right: -10px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.read-more a:after {
	content: "\f3d3";
	font-family: "Ionicons";
	margin-left: 5px;
	opacity: 0;
	visibility: hidden;
	color: #48afcb;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}

.read-more a:hover {
	color: #48afcb;
	right: 0
}

.read-more a:hover:after {
	opacity: 1;
	visibility: visible
}

#google-map {
	height: 450px
}

.contact-box {
	position: relative
}

.contact-box.top {
	text-align: center
}

.contact-box.left {
	text-align: left;
	padding-left: 65px;
	display: flex;
	align-items: center;
}

.contact-box.right {
	text-align: right;
	padding-right: 45px
}

.contact-icon-top,
.contact-icon-left,
.contact-icon-right {
	font-size: 30px
}

.contact-icon-top {
	padding-bottom: 20px
}

.contact-icon-left {
	position: absolute;
	left: 0;
	width: 60px;
}

.contact-icon-left i {
	background: #527b53;
	color: #fff;
	border-radius: 50%;
	font-size: 26px;
	width: 55px;
	height: 55px;
	display: inline-block;
	text-align: center;
	line-height: 55px;
}

.contact-icon-right {
	position: absolute;
	right: 0
}

.form-group {
	margin-bottom: 15px
}

.form-control {
	padding: 12px;
	color: #333;
	border: 1px solid #d0d0d0;
	border-radius: 0;
	box-shadow: none
}

.form-control:focus {
	border-color: #afafaf;
	box-shadow: none
}

#message {
	padding: 0 15px 15px;
	display: none
}

.errorMessage {
	padding: 0 15px 20px;
	font-weight: 600
}

ul.errorMessages {
	list-style: none;
	padding-left: 0;
	padding-top: 5px
}

ul.errorMessages li {
	color: red;
	font-weight: 500;
	position: relative
}

ul.errorMessages li:before {
	content: "\f149";
	font-family: "Ionicons";
	margin-right: 5px
}

footer {
	background-color: #527b53;
	padding: 15px 0;
}

.copyright {
	font-weight: 500;
	text-align: center;
	color: #fff;
}

.copyright a {
	color: #fff;
}

@media ( max-width:1200px) {
	.intro-content {
		padding-top: 120px;
		padding-bottom: 120px
	}
	.intro-content h1 {
		font-size: 42px;
	}
}

@media ( min-width:992px) and (max-width:1024px) {
	.intro-content {
		padding-top: 120px;
		padding-bottom: 120px
	}
}

@media ( min-width:768px) and (max-width:991px) {
	.mb-sm-0 {
		margin-bottom: 0
	}
	.mb-sm-10 {
		margin-top: 0;
		margin-bottom: 10px
	}
	.mb-sm-15 {
		margin-top: 0;
		margin-bottom: 15px
	}
	.mb-sm-25 {
		margin-top: 0;
		margin-bottom: 25px
	}
	.mb-sm-30 {
		margin-top: 0;
		margin-bottom: 30px
	}
	.mb-sm-35 {
		margin-top: 0;
		margin-bottom: 35px
	}
	.mb-sm-65 {
		margin-top: 0;
		margin-bottom: 65px
	}
	.mb-sm-80 {
		margin-top: 0;
		margin-bottom: 80px
	}
	.mt-sm-0 {
		margin-top: 0;
		margin-bottom: 0
	}
	.mt-sm-10 {
		margin-top: 10px;
		margin-bottom: 0
	}
	.mt-sm-15 {
		margin-top: 15px;
		margin-bottom: 0
	}
	.mt-sm-25 {
		margin-top: 25px;
		margin-bottom: 0
	}
	.mt-sm-30 {
		margin-top: 30px;
		margin-bottom: 0
	}
	.mt-sm-35 {
		margin-top: 35px;
		margin-bottom: 0
	}
	.mt-sm-65 {
		margin-top: 65px;
		margin-bottom: 0
	}
	.mt-sm-80 {
		margin-top: 80px;
		margin-bottom: 0
	}
	.mtb-sm-0 {
		margin-top: 0;
		margin-bottom: 0
	}
	.mtb-sm-10 {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.mtb-sm-15 {
		margin-top: 15px;
		margin-bottom: 15px
	}
	.mtb-sm-25 {
		margin-top: 25px;
		margin-bottom: 25px
	}
	.mtb-sm-30 {
		margin-top: 30px;
		margin-bottom: 30px
	}
	.mtb-sm-35 {
		margin-top: 35px;
		margin-bottom: 35px
	}
	.mtb-sm-65 {
		margin-top: 65px;
		margin-bottom: 65px
	}
	.mtb-sm-80 {
		margin-top: 80px;
		margin-bottom: 80px
	}
}

@media ( max-width:991px) {
	.header {
		background-color: #fff;
		height: 60px;
	}
	.logo a {
		color: #fff;
		line-height: 60px
	}
	.mobile-menu {
		display: block
	}
	.mobile-menu a {
		line-height: 60px;
		transition: all .3s
	}
	.mobile-menu a i {
		opacity: 1;
		-webkti-transform: translateY(0) scale(1);
		-moz-transform: translateY(0) scale(1);
		-o-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1);
		-webkit-transition: transform .3s, opacity .15s;
		-moz-transition: transform .3s, opacity .15s;
		-o-transition: transform .3s, opacity .15s;
		transition: transform .3s, opacity .15s
	}
	.mobile-menu a.active i {
		opacity: 0;
		-webkit-transform: translateY(-20px) scale(0.7);
		-moz-transform: translateY(-20px) scale(0.7);
		-o-transform: translateY(-20px) scale(0.7);
		transform: translateY(-20px) scale(0.7);
		-webkit-transition: transform 1s, opacity .15s;
		-moz-transition: transform 1s, opacity .15s;
		-o-transition: transform 1s, opacity .15s;
		transition: transform 1s, opacity .15s
	}
	.mobile-menu a:after {
		content: "\f129";
		font-family: "Ionicons";
		font-size: 19px;
		display: block;
		position: absolute;
		top: 0;
		left: 7px;
		opacity: 0;
		-webkit-transform: translateY(10px) scale(0.7);
		-moz-transform: translateY(10px) scale(0.7);
		-o-transform: translateY(10px) scale(0.7);
		transform: translateY(10px) scale(0.7);
		-webkit-transition: transform .3s, opacity .15s;
		-moz-transition: transform .3s, opacity .15s;
		-o-transition: transform .3s, opacity .15s;
		transition: transform .3s, opacity .15s
	}
	.mobile-menu a.active:after {
		opacity: 1;
		-webkit-transform: translateY(0) scale(1);
		-moz-transform: translateY(0) scale(1);
		-o-transform: translateY(0) scale(1);
		transform: translateY(0) scale(1)
	}
	.main-nav {
		z-index: -1;
		position: fixed;
		float: none;
		width: 100%;
		top: 60px;
		left: 0;
		background-color: rgba(255, 255, 255, 1);
		display: none;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}
	.main-nav.open {
		display: block
	}
	.main-nav-inner {
		padding-top: 50px !important;
		padding-bottom: 50px !important
	}
	.main-nav-inner.animation {
		-webkit-animation-name: slideDown;
		-moz-animation-name: slideDown;
		-o-animation-name: slideDown;
		animation-name: slideDown;
		-webkit-animation-duration: 1s;
		-moz-animation-duration: 1s;
		-o-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease;
		-moz-animation-timing-function: ease;
		-o-animation-timing-function: ease;
		animation-timing-function: ease
	}
	.main-nav-inner li {
		display: block;
		text-align: center;
		width: 100%
	}
	.main-nav-inner li a {
		line-height: normal;
		padding: 20px 12px;
		color: #444;
	}
	.header.stuck {
		height: 60px;
		background-color: #fff
	}
	.header.stuck .logo a {
		line-height: 60px
	}
	.header.stuck .main-nav {
		top: 60px;
		background-color: #fff
	}
	.header.stuck .main-nav-inner li a {
		color: #afafaf;
		line-height: normal
	}
	.header.stuck .mobile-menu a {
		color: #606060
	}
	.intro {
		padding-top: 150px;
		padding-bottom: 150px;
		text-align: center
	}
	.intro-content {
		padding-top: 70px;
		padding-bottom: 70px
	}
	.intro-mockup .img-one {
		max-width: 80%;
		margin: 0 10% 0 1%
	}
	.intro-mockup .img-two {
		max-width: 80%;
		margin: 0 10% 0 1%
	}
	.intro-mockup .img-three {
		max-width: 80%;
		margin: 0 10% 0 1%
	}
	.mockup-front {
		max-width: 70% !important;
		margin: 0 10%
	}
	.mockup-back {
		max-width: 70% !important;
		margin: 0 10%
	}
	.mockup-text {
		padding-top: 0;
		padding-bottom: 0;
		text-align: center
	}
}

@media ( max-width:767px) {
	.mb-xs-10 {
		margin-top: 0;
		margin-bottom: 10px
	}
	.mb-xs-15 {
		margin-top: 0;
		margin-bottom: 15px
	}
	.mb-xs-25 {
		margin-top: 0;
		margin-bottom: 25px
	}
	.mb-xs-30 {
		margin-top: 0;
		margin-bottom: 30px
	}
	.mb-xs-35 {
		margin-top: 0;
		margin-bottom: 35px
	}
	.mb-xs-65 {
		margin-top: 0;
		margin-bottom: 65px
	}
	.mb-xs-80 {
		margin-top: 0;
		margin-bottom: 80px
	}
	.mt-xs-10 {
		margin-top: 10px;
		margin-bottom: 0
	}
	.mt-xs-15 {
		margin-top: 15px;
		margin-bottom: 0
	}
	.mt-xs-25 {
		margin-top: 25px;
		margin-bottom: 0
	}
	.mt-xs-30 {
		margin-top: 30px;
		margin-bottom: 0
	}
	.mt-xs-35 {
		margin-top: 35px;
		margin-bottom: 0
	}
	.mt-xs-65 {
		margin-top: 65px;
		margin-bottom: 0
	}
	.mt-xs-80 {
		margin-top: 80px;
		margin-bottom: 0
	}
	.mtb-xs-10 {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.mtb-xs-15 {
		margin-top: 15px;
		margin-bottom: 15px
	}
	.mtb-xs-25 {
		margin-top: 25px;
		margin-bottom: 25px
	}
	.mtb-xs-30 {
		margin-top: 30px;
		margin-bottom: 30px
	}
	.mtb-xs-35 {
		margin-top: 35px;
		margin-bottom: 35px
	}
	.mtb-xs-65 {
		margin-top: 65px;
		margin-bottom: 65px
	}
	.mtb-xs-80 {
		margin-top: 80px;
		margin-bottom: 80px
	}
	.section-title {
		padding-left: 15px;
		padding-right: 15px
	}
	.intro-content h1 {
		font-size: 35px;
	}
}

.content-section {
	background: #f8f8fd;
	padding: 10px;
	min-height: 190px;
}

.content-section p {
	color: #555;
	line-height: 24px;
	font-size: 13.5px;
}

.disp-I {
	display: inline-block;
}

.features .first-block img {
	height: 300px;
}

.features {
	background: #f8f8fd;
}

#team .list-inline>li {
	width: 16.33333%;
}

#contact {
	background: #f8f8fd;
}

#showcase {
	margin-bottom: 80px;
}

.products img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}

.products .slider-item {
	padding-bottom: 50px;
}

.team-img img {
	width: 100%;
}

.achievement img {
	width: 100%;
}

.slider-imgj.mid-mrg {
	padding-top: 30px;
}

.parallax {
	background: rgba(0, 0, 0, 0) linear-gradient(to left bottom, rgb(1, 90, 127) 35%, rgb(172, 217, 160) 101%) repeat scroll 0% 0% !important;
}

#download {
	background-image: url("/evio-labs-portal-web-851/themes/base/img/download-bg/01.jpg") !important;
	background-color: rgb(255, 255, 255) !important;
	background-size: cover !important;
	background-position: center center !important;
}

@media only screen and (max-width: 767px) {
	.intro-content {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.intro {
		padding-top: 85px;
		padding-bottom: 40px;
	}
	.intro-content h1 {
		font-size: 26px;
	}
	.mb-35 {
		margin-bottom: 10px;
	}
	.video-wrapper iframe {
		width: 100%;
	}
	.mockup-front {
		max-width: 100% !important;
		margin: 0;
	}
	.mobile-menu a {
		font-size: 23px;
		color: #000 !important;
	}
	.page-header {
		background: transparent;
		height: auto;
	}
	.section-padding {
		padding-top: 30px;
	}
}

@media (min-width: 768px) and (max-width: 997px) {
	.section-padding {
		padding-top: 30px;
	}
	.intro-content {
		padding-top: 0;
		padding-bottom: 0;
	}
	.intro {
		padding-top: 80px;
		padding-bottom: 30px;
	}
	.intro-content h1 {
		font-size: 28px;
	}
	.mb-35 {
		margin-bottom: 20px;
	}
	.page-header {
		background: transparent;
		height: auto;
	}
	.mockup-front {
		max-width: 100% !important;
		margin: 0;
	}
}

@media (min-width: 998px) and (max-width: 1024px) {
	.video-wrapper iframe {
		width: 100%;
	}
}


/*New Design CSS*/

@font-face {
	font-family: 'TrebuchetMS';
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/trebuchet/TrebuchetMS.woff") format("woff");
}

@font-face {
	font-family: 'futurastd-heavy';
	font-style: normal;
	font-weight: normal;
	src: url("../fonts/futurastd/FuturaStd-Heavy.woff") format("woff");
}

.page-header.new-header-design {
	background: #fff !important;
	height: auto;
}

.butn {
	padding: 6px 20px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid transparent;
	position: relative;
	z-index: 3;
	box-shadow: none;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
	outline: none;
	overflow: hidden;
	text-align: center;
	min-width: 100px;
	font-family: 'futurastd-heavy';
	letter-spacing: 1.2px;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	min-width: 150px;
	text-decoration: none !important;
}

.butn span {
	position: relative;
	z-index: 2;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.butn:before {
	content: '';
	width: 0;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: width 0.4s;
	transition: width 0.4s;
	z-index: -1;
	opacity: 0.4;
}

.butn:after {
	content: '';
	width: 0;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: width 0.4s;
	transition: width 0.4s;
	z-index: -1;
	opacity: 0.4;
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
	background: #fff;
	opacity: 1;
	font-family: 'TrebuchetMS';
	letter-spacing: 1.2px;
	font-size: 20px;
	color: #7d8f7f;
}

.butn:hover:before {
	width: 100%;
}

.butn:hover:after {
	width: 100%;
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.butn:hover span {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.butn-bord {
	background: transparent;
	border: 2px solid #eee;
}

.butn-bord:before {
	background: #86b63c;
}

.butn-bord:after {
	background: #86b63c;
}

.butn-bord:hover {
	border-color: #86b63c;
}

.btn-green {
	border-color: #527b53;
	color: #527b53;
}

.btn-green:hover,
.btn-lit-green:hover {
	color: #fff !important;
}

.btn-lit-green {
	border-color: #86b63c;
	color: #86b63c;
}
.butn-bord.btn-green:hover {
	border-color: #527b53;
}

.butn-bord.btn-green:before {
	background: #527b53;
}

.butn-bord.btn-green:after {
	background: #527b53;
}


.btn-blue:hover,
.btn-lit-blue:hover {
	color: #fff !important;
	border-color: #004386;
}
.btn-lit-blue:before{
	background: #004386;
	border-color: #004386;
}
.btn-lit-blue:after{
	background: #004386;
	border-color: #004386;
}
.btn-lit-blue {
	border-color: #004386;
	color: #004386;
}
.butn-bord.btn-blue:hover {
	border-color: #004386;
	color:#fff;
	background:#004386;
}
.d-flex {
	display: flex;
}

.aling-items-center {
	align-items: center;
}

#main-navbar .navbar-brand {
	height: auto;
}

#main-navbar .navbar li a {
	color: #5c8b60;
	display: block;
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0 10px;
	-webkit-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-moz-transition: all .3s cubic-bezier(0, 0, .58, 1);
	-o-transition: all .3s cubic-bezier(0, 0, .58, 1);
	transition: all .3s cubic-bezier(0, 0, .58, 1);
}

#main-navbar .navbar li a {
	background: transparent;
}

#myNavbar {
	margin-left: auto;
}

#home-third-slide {
	overflow-x: hidden;
}

#home-slider-main .home-slides {
	position: relative;
	background-size: cover;
	background-position: center center;
	padding: 90px 0 20px;
}

.home-slider-text {
	padding: 10px 0;
}

.home-slider-text h5 {
	font-family: 'futurastd-heavy';
	letter-spacing: 1.2px;
	font-size: 22px;
	color: #527b53;
	margin-bottom: 50px;
	font-weight: normal;
	margin-top: 0;
}

.home-slider-text h1 {
	font-family: 'TrebuchetMS';
	letter-spacing: 1.2px;
	font-size: 82px;
	line-height: normal;
	position: relative;
	text-transform: uppercase;
	color: #272d27;
	max-width: 80%;
	margin-bottom: 30px;
	padding-bottom: 30px;
	font-weight: normal;
}

.home-slider-text p {
	font-family: 'TrebuchetMS';
	letter-spacing: 1.2px;
	font-size: 20px;
	color: #7d8f7f;
	line-height: 28px;
	max-width: 60%;
	font-weight: normal;
}

.border-before h1::before {
	width: 280px;
	height: 2px;
	content: '';
	background: #fff;
	position: absolute;
	bottom: -5px;
	left: 0;
	background: #546a56;
}

.animation-technology {
	position: relative;
}

.third-slide-some-time-1 {
	max-width: 100%;
	margin: 0 auto;
}

.third-slide-some-time-2 {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	right: 30%;
	bottom: 20px;
	max-width: 34%;
}

.third-slide-some-time-3 {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	right: 10%;
	bottom: 10px;
	max-width: 48%;
}

.third-slide-some-time-4 {
	position: absolute;
	bottom: 0;
	max-width: 100%;
	right: -10%;
	max-width: 70%;
}

.all-testing,
.all-testing span {
	display: flex;
	align-items: center;
}

.all-testing span img {
	margin-right: 8px;
}

.all-testing span {
	margin-right: 10px;
	color: #468b4d;
	font-size: 18px;
	font-family: 'TrebuchetMS';
	text-transform: none;
	font-weight: normal;
}

.lab-about-hd {
	color: #78837a;
	font-size: 40px;
	font-family: 'TrebuchetMS';
	margin-top: 20px;
	margin-bottom: 20px;
	text-transform: none;
	font-weight: normal;
}

.lab-about-sub-hd {
	color: #78837a;
	font-size: 26px;
	font-family: 'TrebuchetMS';
	text-transform: none;
	font-weight: normal;
}

.logins-btns {
	justify-content: flex-end;
	list-style: none;
	margin-bottom: 0;
}

.logins-btns li {
	margin-right: 15px;
}

.logins-btns li:last-child {
	margin-right: 0;
}

.btn-green {
	border-color: #527b53;
	color: #527b53;
}

.btn-green:hover,
.btn-lit-green:hover {
	color: #fff !important;
}

.btn-lit-green {
	border-color: #86b63c;
	color: #86b63c;
}

@media screen and (min-width: 1300px) {
	.pl-lg-50 {
		padding-left: 50px !important;
	}
	.pl-lg-35 {
		padding-left: 35px !important;
	}
	.pr-lg-35 {
		padding-right: 35px !important;
	}
}

@media screen and (min-width: 1550px) {
	.third-slide-some-time-2 {
		right: 20%;
	}
	.third-slide-some-time-3 {
		right: 0%;
	}
	.third-slide-some-time-4 {
		right: -25%;
	}
}

@media screen and (max-width: 1549px) {
	.third-slide-some-time-2 {
		right: 35%;
	}
	.third-slide-some-time-3 {
		right: 15%;
	}
	.home-slider-text p {
		max-width: 80%;
	}
	.home-slider-text h5 {
		margin-bottom: 20px;
	}
	.home-slider-text h1 {
		font-size: 50px;
	}
	.home-slider-text p {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.lab-about-hd {
		font-size: 26px;
	}
	.lab-about-sub-hd {
		font-size: 18px;
		text-transform: none;
		font-weight: normal;
	}
}

@media screen and (max-width: 1199px) {
	.home-slider-text h1 {
		font-size: 50px;
	}
	#home-slider-main .home-slides {
		padding: 70px 0 20px;
	}
	.mb-on-lg-100 {
		margin-bottom: 100px;
	}
	.third-slide-some-time-2 {
		right: 24%;
	}
	.third-slide-some-time-3 {
		right: 8%;
	}
}

@media screen and (max-width: 991px) {
	.home-slider-text h1 {
		font-size: 70px;
		max-width: 90%;
		margin: 0 auto 30px;
	}
	.border-before h1::before {
		right: 0;
		margin: auto;
	}
	.home-slider-text p {
		margin: 0 auto 30px;
	}
	.all-testing,
	.all-testing span {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.logins-btns {
		justify-content: center;
		margin-top: 30px;
	}
	.third-slide-some-time-3 {
		right: 5%;
	}
	.third-slide-some-time-4 {
		right: -18%;
	}
	.threes-slides-main {
		text-align: center;
	}
}

@media screen and (max-width: 767px) {
	.home-slider-text h1 {
		font-size: 52px;
	}
	.third-slide-some-time-3 {
		right: 10%;
	}
	.third-slide-some-time-4 {
		right: -18%;
	}
	.third-slide-some-time-2 {
		right: 32%;
	}
}

@media (max-width: 640px) {
	.home-slider-text h1 {
		font-size: 46px;
	}
	.third-slide-some-time-2 {
		width: 36%;
		right: 29%;
	}
	.third-slide-some-time-3 {
		width: 50%;
		right: 8%;
	}
	.third-slide-some-time-4 {
		width: 70%;
		right: -20%;
	}
}

@media screen and (max-width: 480px) {
	.home-slider-text h1 {
		font-size: 36px;
		line-height: normal;
	}
}

@media screen and (max-width: 360px) {
	.home-slider-text h1 {
		font-size: 32px;
	}
}


/*New Design CSS*/

/*update header css*/

#myNavbar .navbar-nav > li > a:hover {
  background: transparent;
}

#myNavbar .navbar-nav > li > a {
  color: #5c8b60;
  display: block;
  font-size: 13px;
  font-weight: 600;
  line-height: 70px;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0 10px;
  -webkit-transition: all .3s cubic-bezier(0, 0, .58, 1);
  -moz-transition: all .3s cubic-bezier(0, 0, .58, 1);
  -o-transition: all .3s cubic-bezier(0, 0, .58, 1);
  transition: all .3s cubic-bezier(0, 0, .58, 1);
}

#myNavbar.collapse.in {	
  background: #fff;
  z-index: 99;
  position: relative;
  top: 15px;
  width: 100%;
  left: 0;
  margin: 0;
  box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}

.navbar-header .navbar-toggle {
	background: #96c34f;
}

.navbar-toggle .icon-bar {
	background: #fff;
}

/* end update header css*/

.min-ht-100 {
    min-height: calc(100vh - 54px);
}

.m-0 {
	margin: 0;
}

.p-0 {
	padding: 0;
}

.w-100 {
    width: 100%;
}

.justify-content-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}


.navbar-brand {
	height: 70px;
	padding: 12	px;
}

.topbar {
	background-color: #004386;
}

.topbar .navbar-nav > li > a {
	color: #fff !important;
	letter-spacing: 0px !important;
	font-weight: normal !important;
	font-family: Open Sans,Arial,sans-serif !important;
}

.topnav .navbar-nav > li > a, .topnav .help-text {
	line-height: 30px !important;
	color: #004386 !important;
	font-weight: bold !important;
	letter-spacing: 0px !important;
	font-family: Open Sans,Arial,sans-serif !important;
	text-transform: none !important;
}
.navbar-header a{
	color: #004386 !important;
}