/* all nav */
.stellarnav { position: relative; width: 100%; z-index: 9900; line-height: normal; }
.stellarnav a { color: #777; }
.stellarnav ul { margin: 0; padding: 0; text-align: center; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav li a { padding: 15px; display: block; text-decoration: none; color: #777; font-size: inherit; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }

/* main level */
.stellarnav > ul > li { display: inline-block;  }
.stellarnav > ul > li > a { padding: 20px 40px; }

/* first level dd */
.stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none; background: #ddd; }
.stellarnav li li { display: block; }

/* second level dd */
.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 220px; }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }

/* .drop-left */
.stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 220px; }

/* light theme */
.stellarnav.light { background: rgba(255, 255, 255, 1); }
.stellarnav.light a { color: #000; }
.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
.stellarnav.light li a { color: #000; }

/* dark theme */
.stellarnav.dark { background: rgba(0, 0, 0, 1); }
.stellarnav.dark a { color: #FFF; }
.stellarnav.dark ul ul { background: rgba(0, 0, 0, 1); }
.stellarnav.dark li a { color: #FFF; }
/* sticky nav */
.stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }

/* general styling */
.stellarnav li.has-sub > a:after { content: ''; margin-left: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF; display: inline-block; }
.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; position: relative; top: 4px; }
.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.stellarnav.desktop li.has-sub a { padding-right: 5px; }
.stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }

/* svg icons */
.stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }
/* svg icons */

.stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
.stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; }
.stellarnav a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; }
.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; }
.stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; }
.stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #FFF; }
.stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #FFF; }

.stellarnav .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; }
.stellarnav .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }
.stellarnav .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }
.stellarnav.light .icon-close:before { border-color: #000; }
.stellarnav.light .icon-close:after { border-color: #000; }
.stellarnav.dark .icon-close:before { border-color: #FFF; }
.stellarnav.dark .icon-close:after { border-color: #FFF; }

/* mobile nav */
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 15px; box-sizing: border-box; }
.stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top: 3px; background: #06183E; padding: 10px; border-radius: 11px; }
.stellarnav .menu-toggle span.bars span { display: block; width: 15px; height: 2px; border-radius: 6px; background: #777; margin: 0 0 3px; }
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.light .menu-toggle span.bars span { background: #000; }
.stellarnav.dark .menu-toggle span.bars span { background: #FFF; }
.stellarnav.mobile { position: static; }
.stellarnav.mobile.fixed { position: static; }
.stellarnav.mobile ul { position: relative; display: none; }
.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li { display: block; }
.stellarnav.mobile > ul > li > a { padding: 15px; }
.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); }
.stellarnav.mobile.dark ul { background: rgba(0, 0, 0, 1); }
.stellarnav.mobile.dark ul ul { background: rgba(255, 255, 255, .08); }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }

/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; max-width: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; }
.stellarnav.mobile.right > ul { right: 0; }
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; }
.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }
/* left and right positions */

/* mega dd */
.stellarnav.desktop li.mega ul ul { background: none; }
.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
/* mega dd */


/* Fallback for slow javascript load */
@media only screen and (max-width : 768px) {
	.stellarnav { overflow: hidden; display: block; }
	.stellarnav ul { position: relative; display: none; }
}

/* mobile nav */
@media only screen and (max-width : 420px) {
	.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

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

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

blockquote:before,
blockquote:after {
	content: '';
	content: none
}

q:before,
q:after {
	content: '';
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@keyframes bounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px)
	}

	60% {
		-webkit-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		transform: translateY(-15px)
	}
}

.bounce_button {
	-webkit-animation-duration: 4s;
	animation-duration: 4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	animation-name: bounce;
	-moz-animation-name: bounce
}

.bounce_button:hover {
	-webkit-animation-play-state: paused;
	-moz-animation-play-state: paused;
	-o-animation-play-state: paused;
	animation-play-state: paused
}

.font300 {
	font-weight: 300
}

.font400 {
	font-weight: 400
}

.font500 {
	font-weight: 500
}

.font600 {
	font-weight: 600
}

.font700,
h1,
.h1 {
	font-weight: 700
}

html,
body {
	font-size: 1em;
	color: #5c6269
}

.max-width-100 {
	max-width: 100px
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins", sans-serif !important;
	margin: 0 0 30px !important;
	line-height: 1.2 !important
}

@media (max-width: 991px) {

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		margin: 0 0 10px !important
	}
}

h1,
.h1 {
	font-size: 3.33333em;
	color: #1b2839
}

@media (max-width: 1199px) {

	h1,
	.h1 {
		font-size: 2.33333em
	}
}

@media (max-width: 767px) {

	h1,
	.h1 {
		font-size: 2em
	}
}

h2,
.h2 {
	font-size: 2.66667em
}

@media (max-width: 1199px) {

	h2,
	.h2 {
		font-size: 2em
	}
}

@media (max-width: 767px) {

	h2,
	.h2 {
		font-size: 1.33333em
	}
}

h3,
.h3 {
	font-size: 2em
}

@media (max-width: 1199px) {

	h3,
	.h3 {
		font-size: 1.66667em
	}
}

@media (max-width: 767px) {

	h3,
	.h3 {
		font-size: 1.46667em
	}
}

h4,
.h4 {
	font-size: 1.66667em
}

@media (max-width: 1199px) {

	h4,
	.h4 {
		font-size: 1.46667em
	}
}

@media (max-width: 767px) {

	h4,
	.h4 {
		font-size: 1.33333em
	}
}

h5,
.h5 {
	font-size: 1.33333em
}

@media (max-width: 1199px) {

	h5,
	.h5 {
		font-size: 1.66667em
	}
}

@media (max-width: 767px) {

	h5,
	.h5 {
		font-size: 1.46667em
	}
}

h6,
.h6 {
	font-size: 1.2em
}

@media (max-width: 1199px) {

	h6,
	.h6 {
		font-size: 1.06667em
	}
}

@media (max-width: 767px) {

	h6,
	.h6 {
		font-size: 1em
	}
}

a,
input,
button,
svg,
select {
	text-decoration: none;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out
}

a:hover,
a:focus,
input:hover,
input:focus,
button:hover,
button:focus,
svg:hover,
svg:focus,
select:hover,
select:focus {
	text-decoration: none;
	outline: none
}

a {
	font-size: 1em;
	font-family: "Poppins", sans-serif;
	word-break: break-word
}

@media (min-width: 1600px) {
	a {
		font-size: 1.13333em
	}
}

@media (max-width: 1199px) {
	a {
		font-size: .86667em
	}
}

@media (max-width: 767px) {
	a {
		font-size: .73333em
	}
}

p {
	color: #5c6269;
	font-family: "Poppins", sans-serif;
	font-size: 1.13333em;
	line-height: 1.66667em;
	margin: 0 0 20px
}

@media (min-width: 1600px) {
	p {
		font-size: 1.2em;
		line-height: 2em
	}
}

@media (max-width: 1199px) {
	p {
		font-size: .86667em
	}
}

@media (max-width: 767px) {
	p {
		font-size: .73333em
	}
}

.bg-blue {
	background-color: #001D58 !important
}

.bg-yellow {
	background-color: #F9B700
}

.bg-orange {
	background-color: #F26711
}

.bg-green {
	background-color: #D0D52D
}

.bg-blueBorder {
	background-color: #3870E5
}

.bg-lightorange {
	background-color: #FFF8F3
}

.bg-lighter-orange {
	background-color: #FFF7D8
}

.bg-lightblue {
	background-color: #EDF6F8
}

.bg-lightgreen {
	background-color: #DDFFC4
}

.lightgrey-text {
	color: #BEBEBE
}

.width-100 {
	width: 100%
}

.height-100 {
	height: 100%
}

.overlay {
	position: relative
}

.overlay:after {
	content: '';
	width: 100%;
	height: 100%;
	z-index: 1;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.11)
}

.clear {
	width: 100%;
	float: left
}

.borderradius-0 {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	-ms-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important
}

.o-common-heading {
	color: #000
}

.o-subHeading {
	font-family: "Poppins", sans-serif;
	font-size: 1.06667em;
	margin: 0 0 11px;
	display: block;
	color: #00868e;
	font-weight: 600;
	letter-spacing: 2px
}

@media (min-width: 1600px) {
	.o-subHeading {
		font-size: 1.2em
	}
}

.o-sectionInner {
	padding: 7rem 0;
	position: relative;
	overflow: hidden
}

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

@media (max-width: 1024px) {
	.o-sectionInner {
		padding: 2rem 0
	}
}

.slick-dots {
	text-align: left
}

.slick-dots li {
	margin: 0 10px 0 0;
	width: 21px;
	height: 21px
}

.slick-dots li button {
	width: 18px;
	height: 18px;
	padding: 0
}

.slick-dots li button:before {
	color: #fff !important;
	background: #fff;
	border: 1px solid transparent;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out;
	width: 5px;
	height: 5px;
	padding: 10px;
	line-height: 0;
	font-size: 0
}

.slick-dots li.slick-active button,
.slick-dots li:hover button {
	width: 18px;
	height: 18px;
	padding: 0
}

.slick-dots li.slick-active button:before,
.slick-dots li:hover button:before {
	background: #f26711;
	border-color: #fff;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out;
	padding: 10px;
	line-height: 0
}

@media (max-width: 1024px) {
	.slick-dots {
		text-align: center
	}
}

.mt-10 {
	margin-top: 10px
}

.mt-20 {
	margin-top: 20px
}

.mb-40 {
	margin-bottom: 40px
}

.pd-100 {
	padding-bottom: 100px
}

@media (max-width: 767px) {
	.pd-100 {
		padding-bottom: 50px
	}
}

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

@media (max-width: 767px) {
	.pt-100 {
		padding-top: 50px
	}
}

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

@media (max-width: 767px) {
	.pt-80 {
		padding-top: 40px
	}
}

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

@media (max-width: 767px) {
	.pb-80 {
		padding-bottom: 40px
	}
}

.pad-25 {
	padding: 25px
}

.pad-top-0 {
	padding-top: 0px !important
}

.pad-10-25 {
	padding: 10px 25px
}

.margin-bottom-0 {
	margin-bottom: 0px !important
}

.white {
	color: #fff
}

.black {
	color: #000
}

.font16 {
	font-size: 1.06667em !important;
	line-height: 30px !important
}

.padding-130 {
	padding: 130px 0 !important
}

@media (max-width: 767px) {
	.padding-130 {
		padding: 50px 0 !important
	}
}

.pad-btm-0 {
	padding-bottom: 0px !important
}

.link {
	text-align: center;
	font-family: "Poppins", sans-serif;
	position: relative;
	font-weight: 500;
	font-size: 1.2em;
	z-index: 2;
	color: #fff
}

.link:hover {
	color: #fff
}

.o-link,
.get-a-free-quote-mobile a,
.c-navi.stellarnav li a {
	position: relative
}

.o-link:after,
.get-a-free-quote-mobile a:after,
.c-navi.stellarnav li a:after {
	content: "";
	position: absolute;
	z-index: -1;
	left: 50%;
	right: 50%;
	bottom: -5px;
	background: #fff;
	height: 2px;
	opacity: 0;
	-webkit-transition-property: left right;
	transition-property: left right;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out
}

.o-link:hover,
.get-a-free-quote-mobile a:hover,
.c-navi.stellarnav li a:hover,
.o-link.active,
.get-a-free-quote-mobile a.active,
.c-navi.stellarnav li a.active {
	color: #fff
}

.o-link:hover:after,
.get-a-free-quote-mobile a:hover:after,
.c-navi.stellarnav li a:hover:after,
.o-link.active:after,
.get-a-free-quote-mobile a.active:after,
.c-navi.stellarnav li a.active:after {
	opacity: 1;
	left: 0;
	right: 0;
	z-index: 1
}

.o-linkk {
	border: 2px solid #fff;
	color: #fff;
	padding: 10px 25px;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out;
	border-radius: 3px
}

.o-linkk:hover,
.o-linkk.active {
	color: #fff;
	background-color: #F26711
}

.o-linkk-black {
	border: 2px solid #000;
	color: #000;
	font-weight: 500
}

.o-linkk-black:hover,
.o-linkk-black.active {
	color: #fff;
	background-color: #000
}

.o-recent-projects .text-right {
	padding-bottom: 70px
}

@media (max-width: 767px) {
	.o-recent-projects .text-right {
		padding-bottom: 70px;
		padding-top: 20px;
		text-align: left
	}
}

.purple-link {
	color: #482080;
	border-bottom: 1px solid #482080
}

.purple-link:hover {
	color: #F26711;
	border-bottom: 1px solid #F26711;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out
}

.btn-submit {
	padding: 13px 70px;
	font-size: 1.33333em;
	font-weight: 400;
	position: relative;
	font-family: "Poppins", sans-serif;
	background-color: #00BC4B;
	border: 2px solid #fff !important;
	-webkit-transition: all 0.2s .2s ease-in-out;
	-moz-transition: all 0.2s .2s ease-in-out;
	-ms-transition: all 0.2s .2s ease-in-out;
	-o-transition: all 0.2s .2s ease-in-out;
	transition: all 0.2s .2s ease-in-out;
	width: 400px;
	box-shadow: 0 0 1px #ccc;
	transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	transition-timing-function: linear;
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	box-shadow: 0px 0 0 #F26711 inset
}

@media (max-width: 519px) {
	.btn-submit {
		width: auto;
		padding: 7px 50px
	}
}

.btn-submit:hover {
	background-color: transparent;
	border: 2px solid #00BC4B;
	color: #fff;
	box-shadow: 400px 0 0 #F26711 inset
}

.wpcf7-spinner {
	position: absolute !important
}

.button-transparent {
	background-color: transparent;
	font-family: "Poppins", sans-serif
}

input[type=date],
input[type=email],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=password],
input[type=url],
select {
	width: 100%;
	height: 50px !important;
	font-family: "Poppins", sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 20px !important;
	font-size: 1em !important;
	font-weight: 300 !important;
	border: 1px solid rgba(202, 202, 211, 0.47);
	outline: none;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 15px
}

input[type=file] {
	width: 33%
}

textarea {
	width: 100%;
	font-family: "Poppins", sans-serif;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 20px !important;
	font-size: 1em !important;
	font-weight: 300 !important;
	border: 1px solid rgba(202, 202, 211, 0.47);
	outline: none;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 15px;
	resize: none;
	padding: 15px 26px
}

input[type=button],
input[type=submit],
input[type=reset],
button {
	cursor: pointer;
	border: none;
	outline: none
}

::placeholder {
	color: rgba(255, 255, 255, 0.47);
	opacity: 1
}

:-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.47);
	opacity: 1
}

::-ms-input-placeholder {
	color: rgba(255, 255, 255, 0.47);
	opacity: 1
}

.o-input {
	margin: 0 0 20px;
	width: 100%;
	text-align: left
}

.o-input--textarea {
	margin-bottom: 40px
}

input[type=date]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=password]:focus,
input[type=url]:focus,
select:focus,
textarea:focus {
	border: 1px solid #966bd2 !important;
	box-shadow: none !important
}

.form-field {
	position: relative
}

.form-field:before {
	content: '';
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	z-index: 1
}

.field-name:before {
	content: '';
	background: url(../images/user-icon.svg) no-repeat
}

.field-company:before {
	content: '';
	background: url(../images/business-icon.svg) no-repeat
}

.field-number:before {
	content: '';
	background: url(../images/phone-icon.svg) no-repeat
}

.field-email:before {
	content: '';
	background: url(../images/email-icon.svg) no-repeat
}

.privacy-icon,
.attach-icon {
	position: relative;
	display: inline-block;
	padding-left: 20px
}

.privacy-icon:before,
.attach-icon:before {
	content: '';
	background: url(../images/privacy-icon.svg) no-repeat;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	z-index: 1;
	left: 0
}

.attach-icon:before {
	background: url(../images/attachment-icon.svg) no-repeat
}

.o-header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 5;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out
}

.o-headerFixed {
	background-color: #F26711
}

.o-headerTop {
	padding: 15px 0;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out
}

.o-logo {
	position: absolute;
	bottom: 20px;
	left: auto;
	z-index: 1;
	flex-shrink: inherit;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out
}

@media (max-width: 991px) {
	.o-logo {
		bottom: 28px;
		width: 150px
	}
}

@media (max-width: 519px) {
	.o-logo {
		bottom: 35px;
		width: 100px
	}
}

.get-a-free-quote-mobile {
	position: absolute;
	left: 70%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 99999
}

@media (max-width: 519px) {
	.get-a-free-quote-mobile {
		left: 65%
	}
}

.get-a-free-quote-mobile a {
	border: 2px solid #fff;
	padding: 10px 20px;
	color: #fff;
	font-size: 1.06667em;
	font-family: "Poppins", sans-serif
}

@media (min-width: 1600px) {
	.get-a-free-quote-mobile a {
		font-size: 1.06667em
	}
}

@media (max-width: 1599px) {
	.get-a-free-quote-mobile a {
		font-size: .93333em
	}
}

@media (max-width: 1199px) {
	.get-a-free-quote-mobile a {
		font-size: .73333em
	}
}

@media (max-width: 519px) {
	.get-a-free-quote-mobile a {
		padding: 6px 10px;
		font-size: .53333em
	}
}

.get-a-free-quote-mobile a:hover {
	background-color: #F26711
}

@media (max-width: 1199px) {
	.custom-logo-link {
		padding-top: 10px
	}
}

@media (max-width: 991px) {
	.c-navi ul {
		background: #1b2839 !important
	}
}

.c-navi.stellarnav li {
	margin: 0 16px;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out
}

.c-navi.stellarnav li a {
	padding: 0;
	color: #fff;
	font-size: 1.06667em;
	font-family: "Poppins", sans-serif
}

@media (min-width: 1600px) {
	.c-navi.stellarnav li a {
		font-size: 1.06667em
	}
}

@media (max-width: 1599px) {
	.c-navi.stellarnav li a {
		font-size: .93333em
	}
}

@media (max-width: 1199px) {
	.c-navi.stellarnav li a {
		font-size: .73333em
	}
}

.c-navi.stellarnav li:last-child {
	border: 2px solid #fff;
	padding: 10px 20px;
	display: none
}

.c-navi.stellarnav li:last-child a::after {
	display: none
}

.c-navi.stellarnav li:last-child:hover {
	background-color: #F26711
}

@media (max-width: 990px) {
	.c-navi.stellarnav li:last-child {
		display: none
	}
}

.c-navi--bottom {
	margin-bottom: 50px
}

@media (max-width: 991px) {
	.c-navi--bottom li {
		margin: 0 8px 15px !important
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.c-navi--bottom li {
		margin-bottom: 0 !important
	}
}

.c-navi--bottom li a {
	font-size: 1.06667em
}

@media (max-width: 1199px) {
	.c-navi--bottom {
		margin-bottom: 20px
	}
}

.menu-toggle {
	float: right;
	font-size: 0;
	padding: 0px !important
}

.menu-toggle .bars {
	top: 0 !important
}

.menu-toggle .bars span {
	background: #fff !important
}

.stellarnav .menu-toggle span.bars {
	background: #06183e75;
	border-radius: 5px
}

.close-menu {
	font-size: 0;
	padding-top: 40px !important;
	margin-bottom: 25px
}

.close-menu .icon-close:before,
.close-menu .icon-close:after {
	border-bottom-color: #fff !important
}

.o-banner {
	position: relative
}

.o-banner .slick-dots {
	bottom: 60px;
	left: 6%;
	width: 25%
}

.o-banner .slick-dots li button:before {
	background: #fff;
	border-color: rgba(255, 255, 255, 0)
}

.o-banner .slick-dots li.slick-active button:before,
.o-banner .slick-dots li:hover button:before {
	background: #f26711;
	border-color: #fff
}

@media (min-width: 1600px) {
	.o-banner .slick-dots {
		bottom: 50px
	}
}

@media (max-width: 991px) {
	.o-banner .slick-dots {
		bottom: 480px;
		width: 23%
	}
}

@media (max-width: 519px) {
	.o-banner .slick-dots {
		bottom: 500px;
		width: 30%
	}
}

#o-banner {
	margin-bottom: 0px
}

.o-bannerItem {
	height: 100vh;
	overflow: hidden;
	background-size: cover !important;
	padding: 187px 0;
	position: relative
}

@media (min-width: 1199px) {
	.o-bannerItem {
		height: auto
	}
}

@media (max-width: 1199px) {
	.o-bannerItem {
		height: 100%;
		padding: 100px 0
	}
}

@media (max-width: 767px) {
	.o-bannerItem {
		padding-top: 100px;
		padding-bottom: 0
	}
}

.o-bannerContent .o-banner-heading {
	color: #fff;
	line-height: 50px !important;
	margin-bottom: 10px !important
}

@media (max-width: 766px) {
	.o-bannerContent .o-banner-heading {
		line-height: 30px !important;
		font-size: 1.33333em
	}
}

.o-bannerContent p {
	color: #fff;
	font-size: 1.2em
}

@media (max-width: 766px) {
	.o-bannerContent p {
		line-height: 26px;
		margin-top: 10px
	}
}

@media (min-width: 1359px) {
	.o-bannerContent {
		max-width: 60%;
		padding: 25px
	}
}

@media (max-width: 1359px) {
	.o-bannerContent {
		max-width: 60%;
		padding: 25px
	}
}

@media (max-width: 1024px) {
	.o-bannerContent {
		max-width: 100%;
		padding: 15px
	}
}

@media (max-width: 519px) {
	.o-bannerContent {
		max-width: 100%
	}
}

.o-bannerImage {
	position: absolute;
	max-width: 500px;
	top: 15%;
	bottom: 0;
	left: 78%;
	right: -15%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%)
}

.o-bannerImage img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

@media (min-width: 2000px) {
	.o-bannerImage {
		left: 65%
	}
}

@media (min-width: 1199px) {
	.o-bannerImage {
		top: 0%
	}
}

@media (max-width: 1024px) {
	.o-bannerImage {
		height: 400px;
		position: relative;
		left: 50%
	}
}

@media (max-width: 519px) {
	.o-bannerImage {
		height: 250px;
		left: auto;
		right: auto;
		transform: none;
		background-size: contain !important
	}
}

.page-id-103 .o-bannerImage,
.page-id-109 .o-bannerImage {
	top: 40%
}

.page-id-105 .o-bannerImage {
	top: 25%;
	background-size: 300px 300px
}

.o-footer .o-footerTop {
	background: #000;
	padding: 100px 0;
	padding-bottom: 0px
}

@media (max-width: 1199px) {
	.o-footer .o-footerTop {
		padding: 15px 0
	}
}

.o-footer .o-footerTop p {
	font-size: 1em;
	color: #fff
}

.o-footer .o-footerTop .border-bottom-gray {
	border-bottom: 1px solid #707070
}

.o-footer .o-footerBottom {
	background: #000
}

.o-footer .o-footerBottom p {
	font-size: .86667em;
	font-weight: 300;
	color: #858585;
	padding: 40px 0
}

@media (max-width: 1199px) {
	.o-footer .o-footerBottom p {
		padding: 15px 0
	}
}

.o-footer-link h6 {
	font-size: 1em;
	color: #fff;
	margin-bottom: 10px !important
}

.o-footer-link h6 img {
	margin-right: 10px;
	margin-top: 0px
}

.o-footer-link a {
	color: #fff;
	font-size: 1.06667em;
	font-weight: 300
}

@media (max-width: 767px) {
	.o-footer-link a {
		font-size: 1.06667em
	}
}

.o-footer-ul li a {
	color: #fff
}

.o-footer-ul .iso li {
	display: inline-block
}

@media (max-width: 519px) {
	.o-footer-ul .iso li img {
		max-width: 80px
	}
}

@media (max-width: 519px) {
	.o-footer {
		text-align: center
	}
}

.o-copyright {
	font-family: "Poppins", sans-serif
}

.scroll-up {
	position: fixed;
	bottom: 50px;
	right: 0px;
	z-index: 99999999
}

.scroll-up img {
	transform: rotate(360deg);
	position: absolute;
	right: -50px;
	top: -10px;
	max-width: 38px;
	cursor: pointer
}

.scroll-up h6 {
	transform: rotate(270deg);
	color: #F26711;
	font-size: 1rem;
	font-weight: 300
}

@media (max-width: 519px) {

	.o-footer-link,
	.o-footer-heading {
		margin-top: 20px !important
	}
}

.o-features-blocks {
	position: relative;
	background-size: cover !important;
	object-fit: cover
}

.o-features-blocks::before {
	content: '';
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background: rgba(0, 0, 0, 0.1)
}

.box {
	height: 600px;
	position: relative;
	padding: 0px;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out
}

@media (max-width: 991px) {
	.box {
		height: 100%
	}
}

.box .o-common-heading {
	line-height: 30px;
	position: relative;
	z-index: 2
}

@media (min-width: 1024px) {
	.box .o-common-heading {
		min-height: 40px
	}
}

@media (max-width: 1199px) {
	.box .o-common-heading {
		font-size: 23px
	}
}

.box-innerBox {
	padding: 40px 25px 25px 25px;
	overflow: hidden;
	height: 100%;
	position: relative;
	border-right: 1px solid rgba(244, 244, 244, 0.9)
}

@media (max-width: 991px) {
	.box-innerBox {
		border-right: 1px solid transparent
	}
}

.box-innerBox .o-common-heading {
	color: #fff;
	margin-bottom: 10px !important
}

.box-innerBox:hover {
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out
}

@media (max-width: 991px) {
	.box-innerBox {
		padding: 40px 25px 25px 25px
	}
}

.box-orangebottom {
	border-bottom: 5px solid #F26711
}

@media (max-width: 991px) {
	.box--orange {
		background: rgba(242, 103, 17, 0.7)
	}
}

@media (min-width: 991px) {
	.box--orange:hover {
		background: rgba(242, 103, 17, 0.7)
	}
}

.box-yellowbottom {
	border-bottom: 5px solid #FFC500
}

@media (max-width: 991px) {
	.box--yellow {
		background: rgba(255, 197, 0, 0.7)
	}
}

@media (min-width: 991px) {
	.box--yellow:hover {
		background: rgba(255, 197, 0, 0.7)
	}
}

.box-greenbottom {
	border-bottom: 5px solid #8AC242
}

@media (max-width: 991px) {
	.box--green {
		background: rgba(138, 194, 66, 0.7)
	}
}

@media (min-width: 991px) {
	.box--green:hover {
		background: rgba(138, 194, 66, 0.7)
	}
}

.box-bluebottom {
	border-bottom: 5px solid #3870E5
}

@media (max-width: 991px) {
	.box--blue {
		background: rgba(56, 112, 229, 0.7)
	}
}

@media (min-width: 991px) {
	.box--blue:hover {
		background: rgba(56, 112, 229, 0.7)
	}
}

@media (min-width: 1199px) {
	.box:hover {
		top: 45%
	}
}

@media (min-width: 991px) {
	.box:hover .box--content {
		top: 15%;
		left: 25px;
		right: 25px;
		transition: all 0.3s linear
	}

	.box:hover .o-common-heading {
		position: relative
	}
}

.box--content {
	position: absolute;
	top: 92%;
	transition: all 0.3s linear
}

.box--content p {
	color: #fff;
	line-height: 26px
}

@media (max-width: 1199px) {
	.box--content {
		top: 91%;
		right: 15px;
		left: 15px
	}
}

@media (max-width: 991px) {
	.box--content {
		position: relative;
		top: 20%;
		left: auto;
		right: auto
	}
}

.info-blocks {
	border: 1px solid #CFCFCF;
	box-shadow: 0px 0px 10px 0px rgba(187, 187, 187, 0.5);
	padding: 40px;
	position: relative;
	padding-top: 100px;
	margin-bottom: 30px;
	height: 93%;
	border-radius: 5px
}

.info-blocks h5 {
	margin-bottom: 15px !important
}

.info-blocks img {
	position: absolute;
	right: 15px;
	top: 15px
}

.info-blocks p {
	font-size: 17px;
	color: #000;
	line-height: 26px
}

.content-profile-design h1 {
	margin: 10px !important;
	font-weight: 300;
	color: #000
}

.content-profile-design h1 strong {
	font-weight: 700
}

.content-profile-design p {
	color: #000
}

.content-profile-design p strong {
	font-weight: 700
}

.o-contact-us-banner .o-bannerContent {
	max-width: 47%
}

@media (max-width: 767px) {
	.o-contact-us-banner .o-bannerContent {
		max-width: 100%
	}
}

.o-contact-us-banner .o-bannerImage {
	max-width: 600px;
	left: 67%
}

@media (max-width: 519px) {
	.o-contact-us-banner .o-bannerImage {
		height: 250px;
		left: auto;
		right: auto;
		transform: none;
		background-size: contain !important
	}
}

.o-form-header {
	background-color: #2B3C6E;
	padding: 45px;
	position: relative
}

.o-form-header::after {
	content: '';
	background: url("../images/contact-colorful-border.svg");
	background-position: 50% 50%;
	position: absolute;
	left: 0px;
	right: 0px;
	height: 5px;
	bottom: 0
}

.o-contact-us {
	margin-bottom: 200px
}

@media (max-width: 767px) {
	.o-contact-us {
		margin-bottom: 20px
	}
}

.o-contact-us form {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 20px 0px;
	padding: 40px
}

@media (max-width: 767px) {
	.o-contact-us form {
		padding: 20px
	}
}

.o-contact-us form .form-label {
	font-size: 1.13333em !important;
	line-height: 24px !important;
	color: #000;
	font-family: "Poppins", sans-serif
}

.o-contact-us form .form-field {
	position: relative
}

.o-contact-us form .form-field .input-group-text {
	position: absolute;
	bottom: 0px;
	top: 0px;
	right: 10px;
	background: none;
	border: none;
	color: #c9c9d2;
	font-size: 2rem
}

.o-contact-us form .required {
	color: red;
	padding-left: 5px
}

#o-testiSlider .slick-prev,
#o-testiSlider .slick-next,
#o-recentSlider .slick-prev,
#o-recentSlider .slick-next,
#o-recentSliderMainPage .slick-prev,
#o-recentSliderMainPage .slick-next {
	height: 50px;
	width: 48px;
	top: 116%
}

#o-testiSlider .slick-next,
#o-recentSlider .slick-next,
#o-recentSliderMainPage .slick-next {
	left: 50%
}

#o-testiSlider .slick-prev,
#o-recentSlider .slick-prev,
#o-recentSliderMainPage .slick-prev {
	left: 45%;
	transform: rotate(180deg);
	top: 110% !important
}

@media (max-width: 1024px) {

	#o-testiSlider .slick-prev,
	#o-recentSlider .slick-prev,
	#o-recentSliderMainPage .slick-prev {
		left: 40%;
		top: 111% !important
	}
}

@media (max-width: 519px) {

	#o-testiSlider .slick-prev,
	#o-recentSlider .slick-prev,
	#o-recentSliderMainPage .slick-prev {
		left: 34%;
		top: 110% !important
	}
}

#o-testiSlider .slick-disabled,
#o-recentSlider .slick-disabled,
#o-recentSliderMainPage .slick-disabled {
	opacity: 50%
}

.o-testimonials {
	padding-bottom: 12rem
}

@media (max-width: 991px) {
	.o-testimonials {
		padding-bottom: 8rem
	}
}

.o-testimonials .o-common-heading {
	color: #fff
}

.o-testimonials-block .o-client-block {
	position: relative;
	background: #000;
	padding: 50px 35px;
	border-radius: 8px;
	color: #fff;
	margin-top: 50px;
	margin-right: 30px
}

.o-testimonials-block .o-client-block img {
	position: absolute;
	top: -40px;
	right: 20px;
	max-height: 77px;
	border-radius: 10px
}

.o-testimonials-block .o-client-block p {
	color: #fff;
	font-weight: 300;
	font-size: 1em
}

.o-middle-banner {
	padding: 2rem 0 !important
}

.o-middle-banner-content {
	padding: 3rem 0
}

@media (max-width: 767px) {
	.o-middle-banner-content {
		padding: 0
	}
}

.o-middle-banner-content h6 {
	color: #fff;
	margin-bottom: 0px !important
}

.o-middle-banner-content p {
	font-size: 3.33333em;
	text-align: center;
	color: #fff;
	font-weight: 300;
	line-height: 1.4
}

.o-middle-banner-content p strong {
	font-weight: 600
}

@media (max-width: 767px) {
	.o-middle-banner-content p {
		font-size: 1.66667em;
		padding: 10px 0
	}
}

.o-middle-banner-image ul {
	text-align: center
}

.o-middle-banner-image ul li img {
	padding: 20px 42px;
	background-color: rgba(0, 0, 0, 0.33);
	border-radius: 52px;
	margin-bottom: 5px
}

.o-recent-projects {
	padding: 7rem 0
}

.o-recent-projects .o-recent-block .o-client-block {
	background-color: #F7F7F7;
	padding: 50px 35px;
	margin-right: 30px
}

.o-recent-projects .o-recent-block .o-client-block h4 {
	color: #000;
	font-weight: 600
}

.o-features-content .h4 {
	margin-top: 40px !important;
	margin-bottom: 10px !important
}

.o-features-content p {
	color: #fff;
	font-weight: 300;
	font-size: 1.06667em;
	line-height: 26px;
	padding-bottom: 20px;
	margin-bottom: 0px
}

@media (max-width: 767px) {
	.o-features-icons {
		text-align: center
	}
}

.o-features-icons ul li {
	display: inline-block;
	vertical-align: top
}

.o-features-icons ul li a {
	display: block;
	background-color: transparent;
	-webkit-transition: all 0.5s .2s ease-in-out;
	-moz-transition: all 0.5s .2s ease-in-out;
	-ms-transition: all 0.5s .2s ease-in-out;
	-o-transition: all 0.5s .2s ease-in-out;
	transition: all 0.5s .2s ease-in-out;
	border-radius: 5px
}

.o-features-icons ul li a:hover {
	background-color: rgba(0, 0, 0, 0.4)
}

.o-features-icons-block {
	padding: 25px;
	text-align: center;
	width: 200px;
	margin: 0px auto
}

.o-features-icons-block img {
	margin-bottom: 10px
}

.o-features-icons-block h6 {
	color: #fff;
	font-weight: 500;
	margin-bottom: 0px !important
}

.o-keyofferings .key-block {
	margin-top: 20px
}

.o-keyofferings .key-block .o-common-heading span {
	position: absolute;
	margin-left: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%)
}

.o-keyofferings .key-block ul a {
	color: #000;
	font-weight: 400;
	line-height: 24px
}

.o-welcometext-content {
	overflow: visible !important;
	padding-bottom: 0px
}

.o-welcometext-content p {
	font-size: 3.53333em;
	line-height: 65px;
	color: #000;
	font-weight: 300
}

@media (max-width: 767px) {
	.o-welcometext-content p {
		font-size: 1.33333em;
		line-height: 30px;
		text-align: center
	}
}

.o-welcometext-content p b {
	font-weight: 700
}

.o-welcometext-icon {
	padding: 60px 20px;
	text-align: center;
	height: 300px
}

@media (max-width: 767px) {
	.o-welcometext-icon {
		padding: 20px;
		height: auto
	}
}

.o-welcometext-icon .image-block {
	height: 60px;
	max-height: 60px
}

.o-welcometext-icon h5 {
	font-size: 1.33333em;
	color: #000;
	font-weight: 600;
	margin-bottom: 10px !important;
	margin-top: 10px !important
}

.o-welcometext-icon p {
	font-size: .93333em;
	color: #000;
	line-height: 18px !important
}

.o-welcometext-lowerblock {
	margin-right: -25px;
	margin-top: 104px;
	margin-left: -72px
}

@media (max-width: 991px) {
	.o-welcometext-lowerblock {
		margin-right: 0px;
		margin-top: 0px;
		margin-left: 0px
	}
}

.o-content-row .row-border {
	padding-top: 80px;
	border-top: 1px solid #CFCFCF
}

.o-content-row p {
	font-size: 1em;
	color: #000;
	line-height: 26px !important;
	font-weight: 300
}

.o-content-row p b {
	font-weight: 900
}

.o-content-row ul li {
	position: relative;
	font-size: 1em;
	padding-left: 35px;
	padding-right: 35px;
	padding-bottom: 10px;
	color: #000;
	font-family: "Poppins", sans-serif;
	font-weight: 300
}

.o-content-row ul li::before {
	content: '';
	position: absolute;
	background: url("../images/ul-arrow.svg");
	position: absolute;
	left: 0px;
	right: 0px;
	width: 21px;
	height: 9px;
	top: 8px
}

.o-content-row .column-2 {
	column-count: 2;
	padding: 20px 0
}

.o-market-banner .o-bannerImage {
	left: 70%;
	max-width: 700px
}

@media (max-width: 767px) {
	.o-market-banner .o-bannerImage {
		height: 250px;
		left: auto;
		right: auto;
		transform: none;
		background-size: contain !important
	}
}

.termsbg {
	padding: 80px 0;
	background: #CACAD3;
	color: #000 !important
}

@media (max-width: 519px) {
	.termsbg {
		padding: 40px 0
	}
}

.terms {
	padding: 80px 0;
	background: #fff
}

@media (max-width: 519px) {
	.terms {
		padding: 40px 0
	}
}

.termsbgylw {
	padding: 80px 0;
	background: #F9B700;
	color: #fff !important
}

@media (max-width: 519px) {
	.termsbgylw {
		padding: 40px 0
	}
}

.o-team-wrapper .row .info-blocks-team-block .info-blocks-team {
	margin-top: 60px;
	border: 1px solid #E3E6EE;
	box-shadow: 0px 0px 10px 0px rgba(187, 187, 187, 0.5);
	padding: 30px;
	position: relative;
	padding-top: 70px;
	height: 93%;
	border-radius: 5px
}

.o-team-wrapper .row .info-blocks-team-block .info-blocks-team .image {
	position: relative
}

.o-team-wrapper .row .info-blocks-team-block .info-blocks-team .image:before {
	content: '';
	width: 52px;
	height: 9px;
	position: absolute;
	top: -40px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	background-color: #E3E6EE;
	border-radius: 20px
}

.o-team-wrapper .row .info-blocks-team-block .info-blocks-team .image img {
	width: 100%;
	margin-bottom: 20px
}

.o-team-wrapper .row .info-blocks-team-block .info-blocks-team p {
	font-size: 1.06667em;
	color: #000;
	font-weight: 300;
	max-height: 110px;
	height: 110px;
	overflow: hidden;
	line-height: 26px
}

.o-team-wrapper .row .info-blocks-team-block .info-blocks-team:after {
	content: '';
	position: absolute;
	bottom: 0px;
	width: 73px;
	height: 10px;
	right: 25px;
	opacity: 28%
}

.o-team-wrapper .row .info-blocks-team-block:nth-of-type(even) .info-blocks-team:after {
	background-color: #F26711
}

.o-team-wrapper .row .info-blocks-team-block:nth-of-type(odd) .info-blocks-team:after {
	background-color: #3870E5
}

.breadcrumb {
	background-color: #fff;
	box-shadow: 0px 5px 10px #e9ecef;
	border-radius: 0px;
	padding: 1rem
}

.breadcrumb li {
	display: inline-block;
	position: relative
}

.breadcrumb li .o-breadcrumbItem {
	color: #000;
	font-weight: 600;
	padding-right: 25px;
	padding-left: 10px;
	font-size: 1rem;
	font-family: "Poppins", sans-serif
}

.breadcrumb li:after {
	content: ">>";
	float: right;
	color: #777;
	position: absolute;
	font-family: "Poppins", sans-serif;
	right: 0;
	top: 1px
}

.breadcrumb .o-breadcrumbItem-span {
	color: #000;
	padding-left: 10px;
	font-family: "Poppins", sans-serif;
	font-weight: 300
}

.modal-team-members .modal-header {
	padding: 1rem 3rem
}

.modal-team-members .modal-body {
	padding: 0 3rem 2rem
}

.laptop-image {
	height: 319px;
	position: relative;
	overflow: hidden
}

.laptop-image img {
	max-width: 388px !important;
	height: 242px !important;
	position: absolute;
	top: 28px;
	bottom: 0;
	left: 72px;
	right: 17px;
	overflow: hidden
}

.laptop-image-recent-projects {
	width: 100%;
	overflow: hidden;
	max-height: 200px
}

.laptop-image-recent-projects img {
	height: 154px !important;
	top: 17px;
	left: 70px
}

#o-recentSliderMainPage .slick-slide {
	margin: 10px
}

#o-recentSliderMainPage .slick-slide .o-client-block {
	text-align: center;
	background-color: #F7F7F7;
	padding: 60px 0px;
	margin: 10px
}

#o-recentSliderMainPage .slick-slide .o-client-block h4 {
	color: #000
}

.modal-works .modal-content {
	background-color: #F7F7F7;
	padding: 10px 20px
}

.modal-works .modal-header {
	border-bottom: 1px solid transparent
}

.modal-works .modal-header .modal-link {
	position: absolute;
	max-width: 25px;
	margin-left: 10px
}

.o-form-at-bottom {
	background-color: #293c6a;
	margin-bottom: 0px
}

@media (max-width: 991px) {
	.o-form-at-bottom {
		padding-bottom: 50px
	}
}

.display-table {
	display: table;
	height: 100%
}

.dispaly-table-cell {
	padding: 50px;
	display: table-cell;
	vertical-align: middle
}

@media (max-width: 991px) {
	.dispaly-table-cell {
		padding: 25px
	}
}

.o-form-at-bottom form .form-label {
	color: #fff
}

/*# sourceMappingURL=style.css.map */

