@import url(font-awesome.css);
@import url(flaticon.css);
@import url(animate.css);
@import url(owl.css);
@import url(animation.css);
@import url(jquery-ui.css);
@import url(custom-animate.css);
@import url(jquery.fancybox.min.css);
@import url(jquery.bootstrap-touchspin.css);
@import url(jquery.mCustomScrollbar.min.css);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap);

* {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
	scroll-behavior: smooth
}

body {
	font-family: 'Poppins';
	font-size: 14px;
	color: #777;
	line-height: 1.7em;
	font-weight: 400;
	background: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased
}

body img {
	user-select: none
}

.bordered-layout .page-wrapper {
	padding: 0 50px 0
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #1b46ff;
	transition: 0.5s
}

button,
a:hover,
a:focus,
a:visited {
	text-decoration: none;
	outline: none !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
	position: relative;
	font-weight: 400;
	margin: 0;
	background: none;
	line-height: 1.6em;
	font-family: 'Poppins'
}

textarea {
	overflow: hidden
}

p {
	position: relative;
	line-height: 1.8em
}

h1 {
	font-size: 62px
}

h2 {
	font-size: 48px;
	line-height: 1.1em
}

h3 {
	font-size: 30px
}

h4 {
	font-size: 24px
}

h5 {
	font-size: 20px
}

h6 {
	font-size: 18px
}

.auto-container {
	position: static;
	max-width: 1350px;
	padding: 0 15px;
	margin: 0 auto
}

.medium-container {
	max-width: 850px
}

.custom-auto-container {
	max-width: 1400px
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px
}

.fa {
	font-family: 'FontAwesome' !important;
	font-weight: 400 !important
}

ul,
li {
	list-style: none;
	padding: 0;
	margin: 0
}

img {
	display: inline-block;
	max-width: 100%
}

.theme-btn {
	cursor: pointer;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.centered {
	text-align: center
}

.scroll-to-top {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	color: #25aee4;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 38px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	background: #fff;
	display: none;
	border-radius: 50px;
	box-shadow: 0 0 10px rgb(0 0 0 / .15);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.scroll-to-top:hover {
	color: #fff;
	background: #25aee4
}

.scroll-to-top.style-two {
	color: #008e92
}

.scroll-to-top.style-two:hover {
	background-color: #008e92;
	color: #fff
}

.list-style-one {
	position: relative
}

.list-style-one li {
	position: relative;
	color: #fff;
	font-size: 16px;
	margin-bottom: 28px;
	padding-left: 80px;
	line-height: 1.8em
}

.list-style-one li strong {
	position: relative;
	color: #fff;
	font-size: 20px;
	display: block;
	margin-bottom: 7px
}

.list-style-one li .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	border-radius: 50px;
	background-color: #2a76dc
}

.list-style-one li a {
	position: relative;
	color: #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.list-style-one li a:hover {
	color: #2a76dc
}

.list-style-two {
	position: relative
}

.list-style-two li {
	position: relative;
	color: #000;
	font-size: 16px;
	padding-left: 50px;
	line-height: 1.7em;
	margin-bottom: 20px
}

.list-style-two li:last-child {
	margin-bottom: 0
}

.list-style-two li:before {
	position: absolute;
	content: "\f174";
	left: 0;
	top: 10px;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 13px;
	line-height: 32px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	background-color: #0b53ff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	font-family: "Flaticon"
}

.list-style-three {
	position: relative
}

.list-style-three li {
	position: relative;
	color: #666;
	font-size: 18px;
	padding-left: 45px;
	line-height: 1.3em;
	margin-bottom: 10px
}

#Growatt_battery_module {
	list-style: disc;
	margin-left: 15px
}

#Sungrow_battery_module {
	list-style: disc;
	margin-left: 15px
}

.list-style-three li:last-child {
	margin-bottom: 0
}

.list-style-three li:last-child {
	margin-bottom: 0
}

.request_a_call_back {
	text-decoration: underline;
	text-decoration-color: #22A7E0;
	font-size: 20px
}

.list-style-four {
	position: relative
}

.list-style-four li {
	position: relative;
	color: #222;
	font-size: 16px;
	margin-bottom: 28px;
	padding-left: 80px;
	line-height: 1.8em
}

.list-style-four li strong {
	position: relative;
	color: #222;
	font-size: 20px;
	display: block;
	margin-bottom: 7px
}

.list-style-four li .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 50px;
	height: 50px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 50px;
	display: inline-block;
	border-radius: 50px;
	background-color: #2a76dc
}

.list-style-four li a {
	position: relative;
	color: #222;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.btn-style-one {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	padding: 14px 44px;
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	letter-spacing: 1px;
	text-transform: uppercase
}

.btn-style-one .txt {
	position: relative;
	z-index: 1
}

.btn-style-one:before {
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	left: 0;
	right: -50px;
	border-bottom: 65px solid #222;
	border-right: 30px solid #fff0;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%)
}

.btn-style-one:after {
	position: absolute;
	content: '';
	top: 0;
	right: 0;
	bottom: 0;
	left: -50px;
	border-left: 30px solid #fff0;
	border-bottom: 65px solid #222;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	-webkit-transform: translateX(100%);
	transform: translateX(100%)
}

.btn-style-one:hover::before {
	-webkit-transform: translateX(-40%);
	transform: translateX(-40%)
}

.btn-style-one:hover::after {
	-webkit-transform: translateX(40%);
	transform: translateX(40%)
}

.btn-style-one:hover {
	color: #fff
}

.btn-style-two {
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	color: #fff;
	padding: 11px 40px;
	overflow: hidden;
	border-radius: 50px;
	letter-spacing: 3px;
	text-transform: uppercase;
	background-image: -ms-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -moz-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -o-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1B46FF), color-stop(100, #2299ff));
	background-image: -webkit-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: linear-gradient(to right, #1B46FF 0%, #2299ff 100%)
}

.btn-style-two .txt {
	position: relative;
	z-index: 1;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease
}

.btn-style-two:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-image: -ms-linear-gradient(right, #1B46FF 0%, #2299FF 100%);
	background-image: -moz-linear-gradient(right, #1B46FF 0%, #2299FF 100%);
	background-image: -o-linear-gradient(right, #1B46FF 0%, #2299FF 100%);
	background-image: -webkit-gradient(linear, right top, left top, color-stop(0, #1B46FF), color-stop(100, #2299FF));
	background-image: -webkit-linear-gradient(right, #1B46FF 0%, #2299FF 100%);
	background-image: linear-gradient(to left, #1B46FF 0%, #2299FF 100%)
}

.btn-style-two:hover::before {
	opacity: 1;
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1)
}

.btn-style-two:hover {
	color: #fff;
	border-color: #fe4c1c
}

.btn-style-three {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding: 14px 44px 14px;
	overflow: hidden;
	border-radius: 5px;
	letter-spacing: 1px;
	text-transform: uppercase;
	background-color: #002457
}

.btn-style-three .txt {
	position: relative;
	z-index: 1
}

.btn-style-three:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #fff
}

.btn-style-three:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-three:hover {
	color: #222
}

.btn-style-four {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding: 18px 44px 18px;
	overflow: hidden;
	border-radius: 0;
	background: #468ff5;
	text-transform: capitalize;
	letter-spacing: 1px
}

.btn-style-four .txt {
	position: relative;
	z-index: 1
}

.btn-style-four:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #002457
}

.btn-style-four:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-four:hover {
	color: #fff
}

.btn-style-five {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #18212e;
	padding: 18px 44px 18px;
	overflow: hidden;
	border-radius: 0;
	background: #fff;
	text-transform: capitalize;
	letter-spacing: 1px
}

.btn-style-five .txt {
	position: relative;
	z-index: 1
}

.btn-style-five:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #468ff5
}

.btn-style-five:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-five:hover {
	color: #fff
}

.btn-style-six {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	padding: 10px 36px 10px;
	overflow: hidden;
	border-radius: 3px;
	text-transform: uppercase;
	border: 1px solid #fff
}

.btn-style-six .txt {
	position: relative;
	z-index: 1
}

.btn-style-six:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #222
}

.btn-style-six:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-six:hover {
	color: #fff;
	border-color: #222
}

.btn-style-seven {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	padding: 7px 26px 7px;
	overflow: hidden;
	border-radius: 50px;
	text-transform: capitalize;
	background-repeat: no-repeat
}

.btn-style-seven .txt {
	position: relative;
	z-index: 1
}

.btn-style-seven:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #222
}

.btn-style-seven:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-seven:hover {
	color: #fff;
	border-color: #222
}

.btn-style-eight {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	padding: 10px 36px 10px;
	overflow: hidden;
	border-radius: 50px;
	text-transform: uppercase;
	background-color: #008e93
}

.btn-style-eight .txt {
	position: relative;
	z-index: 1
}

.btn-style-eight i {
	position: relative;
	margin-left: 6px
}

.btn-style-eight:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #222
}

.btn-style-eight:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-eight:hover {
	color: #fff;
	border-color: #222
}

.btn-style-nine {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	padding: 12px 30px 12px;
	overflow: hidden;
	border-radius: 3px;
	text-transform: uppercase;
	background-color: #008e93
}

.btn-style-nine .txt {
	position: relative;
	z-index: 1
}

.btn-style-nine i {
	position: relative;
	margin-left: 6px
}

.btn-style-nine:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #222
}

.btn-style-nine:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-nine:hover {
	color: #fff;
	border-color: #222
}

.btn-style-ten {
	position: relative;
	display: inline-block;
	font-size: 14px;
	line-height: 30px;
	color: #fff;
	padding: 11px 36px 11px;
	overflow: hidden;
	border-radius: 50px;
	text-transform: uppercase;
	background-color: #008e93
}

.btn-style-ten .txt {
	position: relative;
	z-index: 1
}

.btn-style-ten i {
	position: relative;
	margin-left: 6px
}

.btn-style-ten:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #222
}

.btn-style-ten:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-ten:hover {
	color: #fff;
	border-color: #fff
}

.btn-style-eleven {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #3e7ef8;
	padding: 12px 40px 12px;
	overflow: hidden;
	border-radius: 50px;
	text-transform: capitalize;
	background-color: #fff
}

.btn-style-eleven .txt {
	position: relative;
	z-index: 1
}

.btn-style-eleven i {
	position: relative;
	margin-left: 6px
}

.btn-style-eleven:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #222
}

.btn-style-eleven:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-eleven:hover {
	color: #fff;
	border-color: #fff
}

.btn-style-twelve {
	position: relative;
	color: #000;
	font-size: 15px;
	padding: 14px 48px;
	overflow: hidden;
	letter-spacing: 2px;
	text-transform: uppercase;
	border: 2px solid #000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-twelve .txt {
	z-index: 2;
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.btn-style-twelve::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #000;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-twelve:hover::before {
	opacity: 1;
	-webkit-transform: skewX(-180deg) scale(.8, 1);
	transform: skewX(-180deg) scale(.8, 1)
}

.btn-style-twelve:hover .txt {
	color: #fff
}

.btn-style-thirteen {
	position: relative;
	color: #fff;
	font-size: 14px;
	padding: 14px 34px;
	overflow: hidden;
	letter-spacing: 2px;
	border-radius: 5px;
	text-transform: capitalize;
	background-color: #0b53ff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-thirteen .txt {
	z-index: 2;
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.btn-style-thirteen::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #222;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-thirteen:hover::before {
	opacity: 1;
	-webkit-transform: skewX(-180deg) scale(1, 1);
	transform: skewX(-180deg) scale(1, 1)
}

.btn-style-thirteen:hover .txt {
	color: #fff
}

.btn-style-fourteen {
	position: relative;
	color: #fff;
	font-size: 15px;
	padding: 18px 48px;
	overflow: hidden;
	letter-spacing: 2px;
	border-radius: 5px;
	text-transform: uppercase;
	background-color: #0b53ff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-fourteen .txt {
	z-index: 2;
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.btn-style-fourteen::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #222;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-fourteen:hover::before {
	opacity: 1;
	-webkit-transform: skewX(-180deg) scale(.8, 1);
	transform: skewX(-180deg) scale(.8, 1)
}

.btn-style-fourteen:hover .txt {
	color: #fff
}

.btn-style-fifteen {
	position: relative;
	color: #fff;
	font-size: 15px;
	padding: 16px 44px;
	overflow: hidden;
	letter-spacing: 1px;
	border-radius: 2px;
	text-transform: capitalize;
	background-color: #f0a;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-fifteen .txt {
	z-index: 2;
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.btn-style-fifteen::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #222;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-fifteen:hover::before {
	opacity: 1;
	-webkit-transform: skewX(-180deg) scale(1.01, .8);
	transform: skewX(-180deg) scale(1.01, .8)
}

.btn-style-fifteen:hover .txt {
	color: #fff
}

.btn-style-sixteen {
	position: relative;
	color: #fff;
	font-size: 14px;
	padding: 14px 34px;
	overflow: hidden;
	letter-spacing: 2px;
	border-radius: 2px;
	text-transform: capitalize;
	border: 2px solid #f101a5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-sixteen .txt {
	z-index: 2;
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.btn-style-sixteen::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-sixteen:hover {
	border-color: #fff
}

.btn-style-sixteen:hover::before {
	opacity: 1;
	-webkit-transform: skewX(-180deg) scale(1, 1);
	transform: skewX(-180deg) scale(1, 1)
}

.btn-style-sixteen:hover .txt {
	color: #f101a5
}

.btn-style-seventeen {
	position: relative;
	color: #f0a;
	font-size: 14px;
	padding: 14px 34px;
	overflow: hidden;
	letter-spacing: 2px;
	border-radius: 2px;
	text-transform: capitalize;
	border: 2px solid #f101a5;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-seventeen .txt {
	z-index: 2;
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.btn-style-seventeen::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #f0a;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-seventeen:hover {
	border-color: #f0a
}

.btn-style-seventeen:hover::before {
	opacity: 1;
	-webkit-transform: skewX(-180deg) scale(1, 1);
	transform: skewX(-180deg) scale(1, 1)
}

.btn-style-seventeen:hover .txt {
	color: #fff
}

.btn-style-eighteen {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	padding: 13px 44px 13px;
	overflow: hidden;
	border-radius: 5px;
	text-transform: capitalize;
	background-color: #0b53ff
}

.btn-style-eighteen .txt {
	position: relative;
	z-index: 1
}

.btn-style-eighteen:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #222
}

.btn-style-eighteen:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-eighteen:hover {
	color: #fff
}

.btn-style-nineteen {
	position: relative;
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #000;
	padding: 13px 44px 13px;
	overflow: hidden;
	border-radius: 2px;
	text-transform: capitalize;
	background-color: #f0c579
}

.btn-style-nineteen .txt {
	position: relative;
	z-index: 1
}

.btn-style-nineteen:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #fff
}

.btn-style-nineteen:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-nineteen:hover {
	color: #000
}

.btn-style-twenty {
	position: relative;
	color: #f0c579;
	font-size: 18px;
	padding: 14px 44px;
	overflow: hidden;
	border-radius: 2px;
	text-transform: capitalize;
	border: 2px solid #f0c579;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-twenty .txt {
	z-index: 2;
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.btn-style-twenty::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #f0c579;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s
}

.btn-style-twenty:hover::before {
	opacity: 1;
	-webkit-transform: skewX(-180deg) scale(.8, 1);
	transform: skewX(-180deg) scale(.8, 1)
}

.btn-style-twenty:hover .txt {
	color: #000
}

.social-icon-one {
	position: relative;
	display: block
}

.social-icon-one .title {
	position: relative;
	font-size: 20px;
	line-height: 26px;
	color: #fff;
	margin-right: 15px
}

.social-icon-one li {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-right: 22px
}

.social-icon-one li:last-child {
	margin-right: 0
}

.social-icon-one li a {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.social-icon-one li a:hover {
	color: #1b46ff
}

.social-icon-two {
	position: relative;
	display: block
}

.social-icon-two li {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 24px;
	color: #444;
	margin-right: 22px
}

.social-icon-two li:last-child {
	margin-right: 0
}

.social-icon-two li a {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 24px;
	color: #444;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.social-icon-two li a:hover {
	color: #1b46ff
}

.theme_color {
	color: #1b46ff
}

.preloader {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	bottom: 0;
	background: #0f77bc;
	z-index: 999999999999;
	text-align: center;
	overflow: hidden
}

.preloader .box {
	position: absolute;
	top: 45%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block
}

.preloader .box:after {
	content: '';
	width: 50px;
	height: 50px;
	background: #fff;
	-moz-animation: preloader 500ms linear infinite;
	-webkit-animation: preloader 500ms linear infinite;
	animation: preloader 500ms linear infinite;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 3px
}

.preloader .box:before {
	content: '';
	width: 50px;
	height: 5px;
	background: #000;
	-moz-animation: preloader-shadow 500ms linear infinite;
	-webkit-animation: preloader-shadow 500ms linear infinite;
	animation: preloader-shadow 500ms linear infinite;
	opacity: .1;
	position: absolute;
	top: 59px;
	left: 0;
	border-radius: 50%
}

@-moz-keyframes preloader {
	17% {
		border-bottom-right-radius: 3px
	}

	25% {
		-moz-transform: translateY(9px) rotate(22.5deg);
		transform: translateY(9px) rotate(22.5deg)
	}

	50% {
		-moz-transform: scale(1, .9) translateY(18px) rotate(45deg);
		transform: scale(1, .9) translateY(18px) rotate(45deg);
		border-bottom-right-radius: 40px
	}

	75% {
		-moz-transform: translateY(9px) rotate(67.5deg);
		transform: translateY(9px) rotate(67.5deg)
	}

	100% {
		-moz-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg)
	}
}

@-webkit-keyframes preloader {
	17% {
		border-bottom-right-radius: 3px
	}

	25% {
		-webkit-transform: translateY(9px) rotate(22.5deg);
		transform: translateY(9px) rotate(22.5deg)
	}

	50% {
		-webkit-transform: scale(1, .9) translateY(18px) rotate(45deg);
		transform: scale(1, .9) translateY(18px) rotate(45deg);
		border-bottom-right-radius: 40px
	}

	75% {
		-webkit-transform: translateY(9px) rotate(67.5deg);
		transform: translateY(9px) rotate(67.5deg)
	}

	100% {
		-webkit-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg)
	}
}

@keyframes preloader {
	17% {
		border-bottom-right-radius: 3px
	}

	25% {
		-moz-transform: translateY(9px) rotate(22.5deg);
		-ms-transform: translateY(9px) rotate(22.5deg);
		-webkit-transform: translateY(9px) rotate(22.5deg);
		transform: translateY(9px) rotate(22.5deg)
	}

	50% {
		-moz-transform: scale(1, .9) translateY(18px) rotate(45deg);
		-ms-transform: scale(1, .9) translateY(18px) rotate(45deg);
		-webkit-transform: scale(1, .9) translateY(18px) rotate(45deg);
		transform: scale(1, .9) translateY(18px) rotate(45deg);
		border-bottom-right-radius: 40px
	}

	75% {
		-moz-transform: translateY(9px) rotate(67.5deg);
		-ms-transform: translateY(9px) rotate(67.5deg);
		-webkit-transform: translateY(9px) rotate(67.5deg);
		transform: translateY(9px) rotate(67.5deg)
	}

	100% {
		-moz-transform: translateY(0) rotate(90deg);
		-ms-transform: translateY(0) rotate(90deg);
		-webkit-transform: translateY(0) rotate(90deg);
		transform: translateY(0) rotate(90deg)
	}
}

@-moz-keyframes preloader-shadow {
	50% {
		-moz-transform: scale(1.2, 1);
		transform: scale(1.2, 1)
	}
}

@-webkit-keyframes preloader-shadow {
	50% {
		-webkit-transform: scale(1.2, 1);
		transform: scale(1.2, 1)
	}
}

@keyframes preloader-shadow {
	50% {
		-moz-transform: scale(1.2, 1);
		-ms-transform: scale(1.2, 1);
		-webkit-transform: scale(1.2, 1);
		transform: scale(1.2, 1)
	}
}

img {
	display: inline-block;
	max-width: 100%;
	height: auto
}

.sec-title {
	position: relative;
	margin-bottom: 70px
}

.sec-title .title {
	position: relative;
	color: #00000a;
	font-size: 15px;
	opacity: .35;
	letter-spacing: 2px;
	text-transform: uppercase
}

.sec-title h2 {
	position: relative;
	color: #00000a;
	margin-top: 15px;
	line-height: 1.3em
}

.sec-title .text {
	position: relative;
	color: #777;
	line-height: 1.7em;
	margin-top: 18px;
	font-size: 16px
}

.sec-title.light .text,
.sec-title.light .title,
.sec-title.light h2 {
	color: #fff
}

.sec-title.centered {
	text-align: center
}

.sec-title-two {
	position: relative;
	margin-bottom: 50px
}

.sec-title-two .icon {
	position: relative;
	color: #0f77bc;
	font-size: 24px;
	line-height: 1em
}

.sec-title-two .title {
	position: relative;
	color: #0f77bc;
	font-size: 20px;
	margin-top: 10px;
	text-transform: capitalize
}

.sec-title-two h2 {
	position: relative;
	color: #18212e;
	line-height: 1.3em;
	margin-top: 18px
}

.sec-title-two .text {
	position: relative;
	color: #777;
	line-height: 1.7em;
	margin-top: 18px;
	font-size: 18px
}

.sec-title-two.light .text,
.sec-title-two.light .title,
.sec-title-two.light h2 {
	color: #fff
}

.sec-title-two.centered {
	text-align: center
}

.sec-title-three {
	position: relative;
	margin-bottom: 50px
}

.sec-title-three h2 {
	position: relative;
	color: #000;
	line-height: 1.2em
}

.sec-title-three h2 strong {
	font-weight: 700
}

.sec-title-three .text {
	position: relative;
	color: #777;
	line-height: 2em;
	margin-top: 12px;
	font-size: 16px
}

.sec-title-three.light .text,
.sec-title-three.light h2 {
	color: #fff
}

.sec-title-three.centered {
	text-align: center
}

.sec-title-four {
	position: relative;
	margin-bottom: 70px
}

.sec-title-four .title {
	position: relative;
	color: #008e92;
	font-size: 16px;
	letter-spacing: 1px;
	text-transform: capitalize
}

.sec-title-four h2 {
	position: relative;
	color: #222;
	font-size: 35px;
	margin-top: 15px;
	line-height: 1.4em
}

.sec-title-four .text {
	position: relative;
	color: #999;
	line-height: 1.8em;
	margin-top: 18px;
	font-size: 16px
}

.sec-title-four.light .text,
.sec-title-four.light .title,
.sec-title-four.light h2 {
	color: #fff
}

.sec-title-four.centered {
	text-align: center
}

.sec-title-four.style-two .title {
	color: #3e7ef8
}

.sec-title-five {
	position: relative;
	margin-bottom: 40px
}

.sec-title-five .title {
	position: relative;
	color: #f0a;
	font-size: 20px;
	text-transform: capitalize
}

.sec-title-five h2 {
	position: relative;
	font-size: 50px;
	margin-top: 15px;
	line-height: 1.2em
}

.sec-title-five .text {
	position: relative;
	color: #555;
	line-height: 1.3em;
	margin-top: 18px;
	font-size: 20px
}

.sec-title-five.light .text,
.sec-title-five.light .title,
.sec-title-five.light h2 {
	color: #fff
}

.sec-title-five.centered {
	text-align: center
}

.sec-title-six {
	position: relative;
	margin-bottom: 40px
}

.sec-title-six .title {
	position: relative;
	color: #0b53ff;
	font-size: 21px;
	text-transform: uppercase
}

.sec-title-six h2 {
	position: relative;
	color: #000;
	font-size: 50px;
	margin-top: 15px;
	line-height: 1.2em
}

.sec-title-six .text {
	position: relative;
	color: #666;
	line-height: 1.7em;
	margin-top: 14px;
	font-size: 20px
}

.sec-title-six.light .text,
.sec-title-six.light .title,
.sec-title-six.light h2 {
	color: #fff
}

.sec-title-six.centered {
	text-align: center
}

.main-header .header-top {
	position: relative
}

.main-header .header-top:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	height: 20px;
	background-color: #ddd
}

.main-header .header-top .top-left {
	position: relative;
	float: left;
	padding: 7px 0;
	padding-right: 35px
}

.main-header .header-top .top-left:before {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	bottom: 0;
	width: 200%;
	transform: skewX(-30deg);
	background-color: #222
}

.main-header .header-top .top-left .text {
	position: relative;
	color: #fff;
	font-size: 15px;
	line-height: 1.3em;
	padding: 9px 0
}

.header-top-two {
	position: relative;
	padding: 14px 0;
	background-color: #f0c579
}

.header-top-two .inner-container {
	position: relative
}

.header-top-two .top-left {
	position: relative;
	float: left
}

.header-top-two .top-left .top-list {
	position: relative
}

.header-top-two .top-left .top-list li {
	position: relative;
	font-size: 14px;
	color: #fff;
	margin-right: 20px;
	padding-left: 25px;
	display: inline-block
}

.header-top-two .top-left .top-list li a {
	position: relative;
	color: #fff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.header-top-two .top-left .top-list li .icon {
	position: absolute;
	left: 0;
	top: 0;
	color: #222;
	font-size: 14px
}

.header-top-two .top-left .top-list li a:hover {
	color: #fff
}

.header-top-two .top-right {
	position: relative;
	float: right
}

.header-top-two .top-right .social-box {
	position: relative
}

.header-top-two .top-right .social-box li {
	position: relative;
	margin-left: 20px;
	display: inline-block
}

.header-top-two .top-right .social-box li a {
	position: relative;
	color: #fff;
	font-size: 14px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.header-top-two .top-right .social-box li a:hover {
	color: #222
}

.main-header .main-box {
	position: relative;
	padding: 0 0;
	left: 0;
	top: 0;
	width: 100%;
	background: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.main-header .main-box .outer-container {
	position: relative;
	padding: 0 40px
}

.main-header .main-box .logo-box {
	position: relative;
	float: left;
	left: 0;
	z-index: 10;
	padding: 30px 0
}

.main-header .main-box .logo-box .logo img {
	display: inline-block;
	max-width: 100%;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.main-header .header-upper {
	position: relative
}

.main-header .header-upper .upper-right {
	position: relative;
	padding-top: 30px
}

.main-header.header-style-eight .nav-outer {
	width: 100%
}

.main-header.header-style-eight .main-menu .navigation>li>a {
	text-transform: capitalize;
	font-size: 17px
}

.main-header.header-style-eight .header-upper {
	border-bottom: 1px solid rgb(255 255 255 / .1)
}

.main-header.header-style-eight .outer-box {
	padding: 12px 0
}

.main-header.header-style-eight .search-box-btn {
	margin-top: 18px;
	margin-right: 25px
}

.main-header .info-box {
	position: relative;
	float: left;
	z-index: 1;
	min-height: 56px;
	margin-left: 50px;
	font-size: 15px;
	color: #fff;
	text-align: left;
	padding: 0 0 20px 65px
}

.main-header .info-box .icon-box {
	position: absolute;
	left: 0;
	top: 3px;
	font-size: 42px;
	line-height: 1em;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	color: #fff;
	line-height: 1em
}

.main-header .info-box ul li {
	position: relative;
	line-height: 20px;
	color: #fff;
	font-size: 16px;
	margin-bottom: 8px;
	text-transform: capitalize
}

.main-header .info-box strong {
	position: relative;
	color: #fff;
	font-size: 18px;
	text-transform: capitalize
}

.main-header .info-box ul li a {
	position: relative;
	color: #fff
}

.main-header .header-upper .inner-container {
	position: relative
}

.main-header .header-upper .outer-container {
	position: relative;
	padding: 0 60px
}

.main-header .nav-outer {
	position: static;
	float: right
}

.header-style-one .nav-outer,
.header-style-six .nav-outer {
	padding-top: 0
}

.main-header .header-upper .logo-box {
	position: relative
}

.main-header .header-upper .logo-box .logo {
	position: relative
}

.main-header .outer-box {
	position: relative;
	float: right;
	margin-left: 50px;
	padding: 0 0
}

.main-header .outer-box .cart-box {
	position: relative;
	float: left;
	color: #fff;
	font-size: 16px;
	background: none;
	margin-top: 14px;
	display: inline-block;
	margin-right: 28px
}

.main-header .outer-box .cart-box .cart-box-btn {
	background: none;
	color: #fff;
	cursor: pointer;
	font-size: 24px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease
}

.main-header .outer-box .cart-box .cart-box-btn:after {
	display: none
}

.main-header .outer-box .cart-box .cart-box-btn .total-cart {
	position: absolute;
	right: -8px;
	top: -8px;
	width: 18px;
	height: 18px;
	color: #fff;
	font-size: 12px;
	border-radius: 50%;
	text-align: center;
	line-height: 18px;
	background-color: #fe4c1c
}

.main-header .outer-box .cart-box .cart-box-btn:hover {
	color: #fe4c1c
}

.main-header .outer-box .cart-product {
	position: relative;
	margin-bottom: 18px;
	min-height: 90px;
	border-bottom: 1px solid #e4e4e4
}

.main-header .outer-box .cart-product .inner {
	position: relative;
	padding-left: 90px;
	min-height: 70px
}

.main-header .outer-box .cart-product .inner .cross-icon {
	position: absolute;
	right: 0;
	top: -2px;
	z-index: 1;
	color: #263120;
	font-size: 16px;
	cursor: pointer;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.main-header .outer-box .cart-product .inner .cross-icon:hover {
	color: #fe4c1c
}

.main-header .outer-box .cart-product .inner .image {
	position: absolute;
	width: 70px;
	height: 70px;
	left: 0;
	top: 0
}

.main-header .outer-box .cart-product .inner h3 {
	position: relative;
	font-size: 15px;
	margin: 0;
	letter-spacing: 1px;
	text-transform: capitalize
}

.main-header .outer-box .cart-product .inner h3 a {
	color: #222;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease
}

.main-header .outer-box .cart-product .inner h3 a:hover {
	color: #fe4c1c
}

.main-header .outer-box .cart-product .inner .quantity-text {
	position: relative;
	color: #666;
	font-size: 13px;
	margin-bottom: 0
}

.main-header .outer-box .cart-product .inner .price {
	position: relative;
	font-size: 16px;
	margin: 0;
	color: #222
}

.main-header .outer-box .cart-box .cart-panel {
	left: auto !important;
	right: 0px !important;
	border-radius: 0;
	padding: 20px 20px;
	min-width: 300px;
	margin-top: 50px;
	z-index: -1;
	box-shadow: 0 0 25px rgb(0 0 0 / .15);
	border: 3px solid #fe4c1c;
	-webkit-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important
}

.main-header .outer-box .cart-box .cart-panel .cart-total {
	color: #000;
	font-size: 15px;
	text-align: center;
	text-transform: capitalize
}

.main-header .outer-box .cart-box .cart-panel .cart-total span {
	font-size: 18px
}

.main-header .outer-box .cart-box .cart-panel .btns-boxed {
	position: relative;
	text-align: center;
	margin-top: 20px
}

.main-header .outer-box .cart-box .cart-panel .btns-boxed li {
	position: relative;
	margin: 0 5px;
	display: inline-block
}

.main-header .outer-box .cart-box .cart-panel .btns-boxed li a {
	position: relative;
	color: #fff;
	font-size: 12px;
	padding: 10px 20px 8px;
	border-radius: 2px;
	display: inline-block;
	background-color: #fe4c1c;
	border: 1px solid #fe4c1c;
	text-transform: uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease
}

.main-header .outer-box .cart-box .cart-panel .btns-boxed li a:hover {
	color: #fe4c1c;
	background: none
}

.main-header .outer-box .cart-box .icon a {
	color: #999
}

.main-header .search-box-outer {
	position: relative;
	float: left
}

.main-header .search-box-btn {
	position: relative;
	top: 0;
	display: block;
	float: left;
	margin-top: 4px;
	font-size: 25px;
	color: #fff;
	line-height: 18px !important;
	cursor: pointer;
	background: none;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.main-header .search-box-btn:after {
	display: none
}

.main-header .search-box-outer .dropdown-menu {
	top: 49px !important;
	right: 0;
	padding: 0;
	width: 280px;
	left: auto !important;
	border-radius: 0;
	border-top: 3px solid #1b46ff;
	-webkit-transform: translate3d(0, 0, 0) !important;
	transform: translate3d(0, 0, 0) !important
}

.main-header .btn-box {
	position: relative;
	float: left
}

.main-header .header-lower .search-box {
	float: right
}

.main-header .header-lower .search-box .form-group {
	position: relative;
	margin: 0;
	top: -1px
}

.main-header .header-lower .search-box .form-group input[type="text"],
.main-header .header-lower .search-box .form-group input[type="search"] {
	position: relative;
	line-height: 28px;
	padding: 10px 50px 10px 25px;
	background: none;
	display: block;
	font-size: 14px;
	width: 200px;
	height: 74px;
	color: #222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: #fff;
	border-radius: 0 50px 50px 0
}

.main-header .header-lower .search-box .form-group button {
	position: absolute;
	right: 0;
	top: 0;
	height: 74px;
	width: 45px;
	font-size: 14px;
	color: #000048;
	line-height: 100%;
	background: none;
	display: inline-block;
	text-align: left;
	cursor: pointer
}

.main-menu {
	position: static;
	float: left;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.main-menu .cart-box {
	position: relative;
	float: left;
	font-size: 26px;
	margin: 32px 0;
	padding-left: 20px;
	border-left: 1px solid #dde4db
}

.main-menu .cart-box a {
	position: relative;
	color: #1b46ff
}

.main-menu .cart-box .number {
	position: absolute;
	right: -15px;
	top: -15px;
	color: #1b46ff;
	font-size: 18px
}

.main-menu .navbar-collapse {
	padding: 0;
	float: left;
	display: block !important
}

.main-menu .navigation {
	position: static;
	margin: 0
}

.main-menu .navigation>li {
	position: relative;
	float: left;
	text-align: left;
	margin-right: 19px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.main-menu .navigation>li:last-child {
	margin-right: 0
}

.sticky-header .main-menu .navigation>li>a {
	color: #0B303A !important
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a {
	color: #F58220 !important;
	background-color: inherit !important
}

.sticky-header .nav-outer .options-box {
	margin-top: 45px
}

.pt-postcode:before {
	content: '';
	background: url(../images/arrow-red.webp);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	display: block !important;
	width: 76px;
	height: 37px;
	bottom: -33px;
	left: 280px;
	z-index: 999999
}

.header-style-two .header-upper {
	padding: 35px 0;
	background-color: rgb(32 39 44 / .1)
}

.header-style-two.alternate {
	position: relative;
	background-color: #444
}

@keyframes slide {
	from {
		background-position: 0 0
	}

	to {
		background-position: 200px 0
	}
}

@-webkit-keyframes slide {
	from {
		background-position: 0 0
	}

	to {
		background-position: 200px 0
	}
}

.main-header.header-style-two .header-upper .logo-box {
	position: absolute;
	width: auto;
	left: 50%;
	top: -28px;
	margin-left: -65px
}

.header-style-two .header-upper .number-box {
	position: relative;
	margin-top: 8px
}

.header-style-two .header-upper .number-box a {
	position: relative;
	color: #fff;
	font-size: 20px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.header-style-two .header-upper .number-box a:hover {
	color: #222
}

.header-style-two .header-upper .number-box .icon {
	position: relative;
	top: -1px;
	width: 30px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	border-radius: 50px;
	margin-right: 10px;
	display: inline-block;
	background-color: #468ff5
}

.header-style-two .header-upper .language {
	position: relative;
	line-height: 1em;
	margin-left: 20px;
	display: inline-block
}

.header-style-two .header-upper .language .flag-icon {
	margin-right: 8px
}

.header-style-two .header-upper .language .dropdown-menu {
	top: 100%;
	right: 0;
	left: auto;
	width: 170px;
	border-radius: 0;
	margin-top: 29px;
	background-color: #222;
	border: none;
	padding: 0;
	border-top: 3px solid #468ff5
}

.header-style-two .header-upper .language>a {
	color: #fff;
	background: none;
	text-transform: capitalize;
	display: inline-block;
	border: 0;
	top: 0;
	font-size: 15px;
	line-height: 1em;
	border-radius: 0
}

.header-style-two .header-upper .language>a .flag {
	margin-right: 8px
}

.header-style-two .header-upper .language>a:after {
	display: none
}

.header-style-two .header-upper language a:hover {
	background: none
}

.header-style-two .header-upper .language .dropdown-menu>li {
	padding-right: 0px !important;
	margin: 0px !important;
	float: none;
	display: block !important;
	border-bottom: 1px solid rgb(255 255 255 / .2)
}

.header-style-two .header-upper .language .dropdown-menu>li:last-child {
	border-bottom: none
}

.header-style-two .header-upper .language .dropdown-menu>li>a {
	padding: 12px 20px !important;
	color: #fff;
	display: block;
	text-align: left;
	font-size: 14px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.header-style-two .header-upper .language .dropdown-menu>li>a .flag {
	position: relative;
	margin-right: 8px
}

.header-style-two .header-upper .language .dropdown-menu>li>a:hover {
	color: #ffffff !important;
	background-color: #468ff5
}

.header-style-two .main-menu .navbar-collapse {
	float: none
}

.header-style-two .nav-outer,
.header-style-two .nav-outer .main-menu {
	width: 100%;
	text-align: center
}

.header-style-two .main-menu .navigation>li {
	float: none;
	margin: 0 20px;
	display: inline-block
}

.header-style-two .main-menu .navigation>li>ul,
.header-style-two .main-menu .navigation>li>ul>li>ul {
	text-align: left
}

.header-style-two .main-menu .navigation>li.dropdown>a {
	padding-right: 15px !important
}

.header-style-two .sticky-header .main-menu .navigation>li.dropdown>a {
	padding-right: 0px !important
}

.header-style-two .sticky-header .main-menu .navigation>li.dropdown>a:before {
	display: none
}

.header-style-two .main-menu .navigation>li.dropdown>a:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	right: 0;
	font-size: 13px;
	line-height: 28px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.header-style-three .nav-outer {
	width: 100%;
	margin-top: -90px
}

.header-style-three .nav-outer .main-menu {
	width: 100%
}

.header-style-three .main-menu .navbar-collapse {
	width: 100%;
	text-align: center
}

.header-style-three .main-menu .navigation>li {
	float: none;
	margin: 0 20px;
	display: inline-block
}

.main-header.header-style-three .outer-box {
	position: absolute;
	right: 0;
	top: 0
}

.header-style-three .main-menu .navigation>li>a {
	font-size: 14px
}

.header-style-four .main-menu .navigation>li>a {
	font-size: 16px;
	color: #222;
	padding: 45px 0;
	text-transform: capitalize
}

.main-header.header-style-four .outer-box {
	padding: 36px 0
}

.header-style-four .main-menu .navigation>li>ul>li>ul>li:hover>a,
.header-style-four .main-menu .navigation>li>ul>li:hover>a {
	color: #008e93
}

.header-style-four .main-menu .navigation>li>ul>li:hover>a::before {
	text-shadow: 8px 0 #0f77bc, -8px 0 #0f77bc
}

.header-style-four .main-menu .navigation>li>ul>li>ul>li:hover>a::before {
	text-shadow: 8px 0 #0f77bc, -8px 0 #0f77bc
}

.header-style-five .main-menu .navigation>li>a {
	font-size: 16px;
	color: #fff;
	padding: 45px 0;
	text-transform: capitalize
}

.main-header.header-style-five .outer-box {
	padding: 45px 0;
	margin-left: 80px
}

.header-style-five .outer-box .login-nav {
	position: relative
}

.header-style-five .outer-box .login-nav li {
	position: relative;
	margin-left: 5px;
	display: inline-block
}

.header-style-five .outer-box .login-nav li a {
	position: relative;
	font-size: 16px;
	color: #404040;
	padding: 11px 24px;
	border-radius: 2px;
	border: 1px solid #fff0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.header-style-five .outer-box .login-nav li a:hover {
	background-color: #3e7ef8;
	border-color: #3e7ef8;
	color: #fff
}

.header-style-seven .main-menu .navigation>li>a {
	font-size: 16px;
	color: #fff;
	padding: 45px 0;
	text-transform: capitalize
}

.main-header.header-style-seven .outer-box {
	padding: 36px 0
}

.header-style-seven .main-menu .navigation>li>ul>li>ul>li:hover>a,
.header-style-seven .main-menu .navigation>li>ul>li:hover>a {
	color: #f0a
}

.header-style-seven .main-menu .navigation>li>ul>li:hover>a::before {
	text-shadow: 8px 0 #ff00aa, -8px 0 #f0a
}

.header-style-seven .main-menu .navigation>li>ul>li>ul>li:hover>a::before {
	text-shadow: 8px 0 #ff00aa, -8px 0 #f0a
}

.header-style-nine .main-menu .navigation>li>ul>li>ul>li:hover>a,
.header-style-nine .main-menu .navigation>li>ul>li:hover>a {
	color: #f0c579
}

.header-style-nine .main-menu .navigation>li>ul>li:hover>a::before {
	text-shadow: 8px 0 #f0c579, -8px 0 #f0c579
}

.header-style-nine .main-menu .navigation>li>ul>li>ul>li:hover>a::before {
	text-shadow: 8px 0 #f0c579, -8px 0 #f0c579
}

.btn:focus {
	box-shadow: inherit !important
}

.sticky-header {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	left: 0;
	top: 0;
	padding: 0 0;
	background: #fff;
	z-index: 0;
	border-bottom: 1px solid #e8f1f7;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border-radius: 0 0 60px 60px;
	width: 98%;
	margin: 0 auto;
	right: 0;
	box-shadow: 5px 5px 10px #13131352;
	padding: 10px 0
}

.fixed-header .sticky-header {
	z-index: 999;
	opacity: 1;
	visibility: visible;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1
}

.sticky-header .main-menu .navigation>li:hover::before,
.main-menu .navigation>li.current::before {
	opacity: 0;
	width: 100%;
	z-index: 1
}

.sticky-header .main-menu .navigation>li:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 0%;
	height: 2px;
	opacity: 0;
	background-color: #0f77bc;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.main-menu .navigation>li>a {
	position: relative;
	display: block;
	text-align: center;
	opacity: 1;
	padding: 10px 0;
	letter-spacing: .5px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	letter-spacing: .03em;
}

.main-menu .navigation>li.current>a {
	color: #F58220
}

.main-menu .navigation>li:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 0%;
	height: 2px;
	opacity: 0;
	background-color: #22A7E0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.main-menu .navigation>li:hover::before,
.main-menu .navigation>li.current::before {
	opacity: 0;
	width: 100%;
	z-index: 1
}

.sticky-header .main-menu .navigation>li {
	position: relative;
	margin-left: 25px;
	margin-right: 0
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
	opacity: 1;
	font-weight: 500;
	color: #b8d20e
}

.main-menu .navigation>li>ul {
	position: absolute;
	left: -30px;
	top: 100%;
	width: 240px;
	z-index: 100;
	opacity: 0;
	visibility: hidden;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-color: #fff;
	box-shadow: 1px 1px 30px rgb(0 0 0 / .06)
}

.main-menu .navigation>li>ul.from-right {
	left: auto;
	right: 0
}

.main-menu .navigation>li>ul>li {
	position: relative;
	width: 100%
}

.main-menu .navigation>li>ul>li:last-child {
	border-bottom: none
}

.main-menu .navigation>li>ul>li>a {
	position: relative;
	display: block;
	padding: 6px 18px;
	line-height: 24px;
	font-weight: 400;
	font-size: 14px;
	text-transform: capitalize;
	color: #333;
	padding-left: 20px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: Poppins, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #dcdadb
}

.main-menu .navigation>li>ul>li>a:hover {
	color: #333333 !important;
	background-color: #f9f9f9
}

.sticky-header .main-menu .navigation>li>a {
	padding: 10px 0px !important
}

.main-menu .navigation>li>ul>li>a:before {
	position: absolute;
	top: -6px;
	left: 8px;
	color: #fff0;
	content: '.';
	text-shadow: 0 0 #fff0;
	font-size: 2em;
	line-height: 1em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	pointer-events: none;
	animation: opacitychange 1s ease-in-out infinite;
	display: none
}

.main-menu .navigation>li>ul>li:hover>a::before {
	opacity: 1;
	color: #ffeb3b;
	text-shadow: 8px 0 #0071bc, -8px 0 #0071bc
}

.main-menu .navigation>li>ul>li:hover>a {
	color: #F58220
}

.sticky-header .main-menu .navigation>li>a:before {
	top: 22px !important
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 15px;
	top: 13px;
	width: 10px;
	height: 20px;
	display: block;
	color: #253d4a;
	line-height: 20px;
	font-size: 16px;
	text-align: center;
	z-index: 5
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
	color: #fff
}

.main-menu .navigation>li>ul>li>ul {
	position: absolute;
	left: 120%;
	top: 0%;
	width: 230px;
	z-index: 100;
	display: none;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	padding: 20px 15px;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / .1)
}

.main-menu .navigation>li>ul>li>ul.from-right {
	left: auto;
	right: 0
}

.main-menu .navigation>li>ul>li>ul>li {
	position: relative;
	width: 100%
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
	border-bottom: none
}

.main-menu .navigation>li>ul>li>ul>li>a {
	position: relative;
	display: block;
	padding: 6px 18px;
	line-height: 24px;
	font-size: 15px;
	text-transform: capitalize;
	color: #222;
	padding-left: 10px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.main-menu .navigation>li>ul>li>ul>li>a:before {
	position: absolute;
	top: -6px;
	left: 8px;
	color: #fff0;
	content: '.';
	text-shadow: 0 0 #fff0;
	font-size: 2em;
	line-height: 1em;
	-webkit-transition: text-shadow 0.3s, color 0.3s;
	-moz-transition: text-shadow 0.3s, color 0.3s;
	transition: text-shadow 0.3s, color 0.3s;
	pointer-events: none;
	animation: opacitychange 1s ease-in-out infinite
}

.main-menu .navigation>li>ul>li>ul>li:hover>a::before {
	opacity: 1;
	color: #000;
	text-shadow: 8px 0 #1b45f7, -8px 0 #1b45f7
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
	color: #1b45f7;
	padding-left: 30px
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	right: 10px;
	top: 11px;
	width: 10px;
	height: 20px;
	display: block;
	color: #272727;
	line-height: 20px;
	font-size: 16px;
	text-align: center;
	z-index: 5
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
	color: #fff
}

.main-menu .navigation>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 78px;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg)
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
	visibility: visible;
	opacity: 1;
	top: 0;
	left: 100%;
	-moz-transform: rotateX(0deg);
	-webkit-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
	position: absolute;
	right: 10px;
	top: 6px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	line-height: 28px;
	border: 1px solid #fff;
	background-size: 20px;
	cursor: pointer;
	z-index: 5;
	display: none
}

.main-menu .navigation>li.has-mega-menu {
	position: static
}

.main-menu .navigation>li>.mega-menu {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	max-width: 1170px;
	background-color: #1e1e1e;
	padding: 30px 30px 30px 30px;
	top: 100%;
	z-index: 100;
	opacity: 0;
	-webkit-transform: scaleY(0);
	-moz-transform: scaleY(0);
	-ms-transform: scaleY(0);
	-o-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: top;
	-moz-transform-origin: top;
	-ms-transform-origin: top;
	-o-transform-origin: top;
	transform-origin: top;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-box-shadow: 2px 2px 5px 1px rgb(0 0 0 / .05), -2px 0 5px 1px rgb(0 0 0 / .05);
	-ms-box-shadow: 2px 2px 5px 1px rgb(0 0 0 / .05), -2px 0 5px 1px rgb(0 0 0 / .05);
	-o-box-shadow: 2px 2px 5px 1px rgb(0 0 0 / .05), -2px 0 5px 1px rgb(0 0 0 / .05);
	-moz-box-shadow: 2px 2px 5px 1px rgb(0 0 0 / .05), -2px 0 5px 1px rgb(0 0 0 / .05);
	box-shadow: 2px 2px 5px 1px rgb(0 0 0 / .05), -2px 0 5px 1px rgb(0 0 0 / .05)
}

.main-menu .navigation>li:hover>.mega-menu {
	opacity: 1;
	visibility: visible;
	-webkit-transform: scaleY(1);
	-moz-transform: scaleY(1);
	-ms-transform: scaleY(1);
	-o-transform: scaleY(1);
	transform: scaleY(1)
}

.main-menu .navigation>li>.mega-menu .mega-menu-bar {
	position: relative
}

.main-menu .navigation>li .mega-menu-bar h6 {
	position: relative;
	color: rgb(255 255 255 / .5);
	padding-bottom: 10px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	text-transform: uppercase;
	border-bottom: 1px solid rgb(255 255 255 / .1)
}

.main-menu .navigation>li .mega-menu-bar>ul {
	position: relative
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li {
	position: relative;
	width: 100%;
	margin-bottom: 12px;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.main-menu .navigation>li .mega-menu-bar .column {
	position: relative;
	margin-bottom: 10px
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li:last-child {
	border: none
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a {
	position: relative;
	display: block;
	line-height: 20px;
	font-size: 14px;
	letter-spacing: 1px;
	color: rgb(255 255 255 / .6);
	text-transform: uppercase;
	transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease
}

.main-menu .navigation>li .mega-menu-bar .column>ul>li>a:hover {
	color: rgb(255 255 255 / .8)
}

.register-section {
	position: relative;
	z-index: 9;
	background-color: #fff;
	padding: 60px 0 40px
}

.register-section .form-column {
	margin-bottom: 40px
}

.register-section .form-column .sec-title {
	position: relative;
	margin-bottom: 30px
}

.styled-form {
	position: relative
}

.styled-form .submit-text {
	font-size: 15px;
	color: #9e9e9e;
	margin-top: 10px
}

.styled-form .form-group {
	position: relative;
	margin-bottom: 30px;
	font-size: 14px;
	color: #848484
}

.checkout-section .styled-form .form-group {
	position: relative;
	margin-bottom: 20px
}

.styled-form .form-group .check-box {
	line-height: 24px;
	font-size: 15px;
	padding-top: 5px;
	color: #272727
}

.styled-form .form-group .check-box label {
	position: relative;
	top: -1px;
	padding: 0;
	font-size: 15px;
	cursor: pointer
}

.styled-form .pull-left label,
.styled-form .pull-right label {
	cursor: pointer
}

.styled-form .form-group .adon-icon {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	right: 10px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 15px;
	color: #999;
	z-index: 2
}

.styled-form .form-group .field-label {
	display: block;
	color: #272727;
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 7px
}

.styled-form input[type="text"],
.styled-form input[type="email"],
.styled-form input[type="password"],
.styled-form input[type="tel"],
.styled-form input[type="number"],
.styled-form input[type="url"],
.styled-form select,
.styled-form textarea {
	position: relative;
	display: block;
	width: 100%;
	background: #fff;
	line-height: 30px;
	padding: 8px 20px;
	height: 50px;
	border: 1px solid #f4f4f4;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease
}

.checkout-section .styled-form input[type="text"],
.checkout-section .styled-form input[type="email"],
.checkout-section .styled-form input[type="password"],
.checkout-section .styled-form select {
	line-height: 26px;
	height: 44px
}

.styled-form select option {
	text-indent: 20px
}

.styled-form textarea {
	resize: none;
	height: 110px
}

.styled-form input:focus,
.styled-form select:focus,
.styled-form textarea:focus {
	border-color: #1b46ff
}

.styled-form .form-group .theme-btn {
	min-width: 150px;
	text-align: center;
	padding: 11px 34px;
	border-radius: 0;
	cursor: pointer
}

.styled-form .remember-me {
	position: relative;
	color: #222;
	font-size: 16px
}

.social-links-two a {
	position: relative;
	display: inline-block;
	font-size: 14px;
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	background: #fc721e;
	margin: 0 0 0 5px;
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease
}

.social-links-two a:hover {
	opacity: .8
}

.social-links-two .facebook {
	background: #3b5998
}

.social-links-two .twitter {
	background: #33ccfe
}

.social-links-two .google-plus {
	background: #dd4b39
}

.box-version.option-box {
	display: none
}

.nav-outer .mobile-nav-toggler {
	position: relative;
	float: right;
	font-size: 36px;
	line-height: 50px;
	cursor: pointer;
	color: #fff;
	display: none
}

.mobile-menu {
	position: fixed;
	right: 0;
	top: 0;
	width: 300px;
	padding-right: 30px;
	max-width: 100%;
	height: 100%;
	opacity: 0;
	visibility: hidden;
	z-index: 999999
}

.mobile-menu .nav-logo {
	position: relative;
	padding: 20px 20px;
	text-align: left
}

.mobile-menu .nav-logo img {
	max-width: 200px
}

.mobile-menu-visible {
	overflow: hidden
}

.mobile-menu-visible .mobile-menu {
	opacity: 1;
	visibility: visible
}

.mobile-menu .menu-backdrop {
	position: fixed;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%)
}

.mobile-menu-visible .mobile-menu .menu-backdrop {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%)
}

.mobile-menu .menu-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	max-height: 100%;
	overflow-y: auto;
	background: #fff;
	padding: 0 0;
	z-index: 5;
	opacity: 0;
	visibility: hidden;
	border-radius: 0;
	-webkit-transform: translateX(101%);
	-ms-transform: translateX(101%);
	transform: translateX(101%)
}

.mobile-menu-visible .mobile-menu .menu-box {
	opacity: 1;
	visibility: visible;
	-webkit-transition: all 0.7s ease 00ms;
	-moz-transition: all 0.7s ease 00ms;
	-ms-transition: all 0.7s ease 00ms;
	-o-transition: all 0.7s ease 00ms;
	transition: all 0.7s ease 00ms;
	-webkit-transform: translateX(0%);
	-ms-transform: translateX(0%);
	transform: translateX(0%)
}

.mobile-menu .close-btn {
	position: absolute;
	right: 12px;
	top: 5px;
	line-height: 30px;
	width: 30px;
	text-align: center;
	font-size: 14px;
	color: #202020;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	transform: translateY(-50px)
}

.mobile-menu-visible .mobile-menu .close-btn {
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0)
}

.mobile-menu .close-btn:hover {
	opacity: .5
}

.mobile-menu .navigation {
	position: relative;
	display: block;
	width: 100%;
	border-top: 1px solid rgb(0 0 0 / .1)
}

.mobile-menu .navigation li {
	position: relative;
	display: block;
	border-bottom: 1px solid rgb(0 0 0 / .1)
}

.mobile-menu .navigation li>ul>li:last-child {
	border-bottom: none
}

.mobile-menu .navigation li>ul>li:first-child {
	border-top: 1px solid rgb(0 0 0 / .1)
}

.mobile-menu .navigation li>a {
	position: relative;
	display: block;
	line-height: 24px;
	padding: 10px 20px;
	font-size: 15px;
	color: #404040;
	text-transform: capitalize
}

.mobile-menu .navigation li:hover>a,
.mobile-menu .navigation li.current>a {
	color: #000
}

.mobile-menu .navigation li.dropdown .dropdown-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	text-align: center;
	font-size: 16px;
	line-height: 44px;
	color: #404040;
	cursor: pointer;
	z-index: 5
}

.mobile-menu .navigation li.dropdown .dropdown-btn:after {
	content: '';
	position: absolute;
	left: 0;
	top: 10px;
	width: 1px;
	height: 24px;
	border-left: 1px solid rgb(0 0 0 / .1)
}

.mobile-menu .navigation li>ul,
.mobile-menu .navigation li>ul>li>ul {
	display: none
}

.sticky-header .navbar-header {
	display: none
}

.search-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	margin-top: -540px;
	transform: translateY(-100%);
	background-color: rgb(0 0 0 / .9);
	-webkit-transition: all 500ms cubic-bezier(.86, 0, .07, 1);
	-moz-transition: all 500ms cubic-bezier(.86, 0, .07, 1);
	-o-transition: all 500ms cubic-bezier(.86, 0, .07, 1);
	transition: all 1500ms cubic-bezier(.86, 0, .07, 1);
	-webkit-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-moz-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	-o-transition-timing-function: cubic-bezier(.86, 0, .07, 1);
	transition-timing-function: cubic-bezier(.86, 0, .07, 1)
}

.sidenav-bar-visible .search-popup {
	width: 80%
}

.search-popup:before {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 560px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: 0;
	content: ""
}

.search-active .search-popup {
	transform: translateY(0%);
	margin-top: 0
}

.search-popup .close-search {
	position: absolute;
	left: 0;
	right: 0;
	top: 75%;
	margin: 0 auto;
	margin-top: -200px;
	border-radius: 50%;
	text-align: center;
	background-color: #1b46ff;
	width: 70px;
	cursor: pointer;
	box-shadow: 0 0 10px rgb(0 0 0 / .05);
	border-bottom: 3px solid #fff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 0;
	visibility: hidden
}

.search-popup .close-search span {
	position: relative;
	display: block;
	height: 70px;
	width: 70px;
	font-size: 30px;
	line-height: 70px;
	color: #fff
}

.search-active .search-popup .close-search {
	visibility: visible;
	opacity: 1;
	top: 50%;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms
}

.search-popup form {
	position: absolute;
	max-width: 700px;
	top: 50%;
	left: 15px;
	right: 15px;
	margin: -35px auto 0;
	transform: scaleX(0);
	transform-origin: center;
	background-color: #111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.search-active .search-popup form {
	transform: scaleX(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms
}

.search-popup .form-group {
	position: relative;
	margin: 0;
	overflow: hidden
}

.search-popup .form-group input[type="text"],
.search-popup .form-group input[type="search"] {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 50px;
	color: #000;
	height: 70px;
	width: 100%;
	padding: 10px 30px;
	background-color: #fff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	text-transform: capitalize
}

.search-popup .form-group input[type="submit"],
.search-popup .form-group button {
	position: absolute;
	right: 30px;
	top: 0;
	height: 70px;
	line-height: 70px;
	background: #fff0;
	text-align: center;
	font-size: 24px;
	color: #000;
	padding: 0;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease
}

.search-popup .form-group input[type="submit"]:hover,
.search-popup .form-group button:hover {
	color: #000
}

.search-popup input::placeholder,
.search-popup textarea::placeholder {
	color: #000
}

.search-popup .close-search.style-two {
	position: absolute;
	right: 25px;
	left: auto;
	color: #fff;
	width: auto;
	height: auto;
	top: 25px;
	margin: 0;
	border: none;
	background: none !important;
	box-shadow: none !important;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease
}

.search-popup .close-search.style-two span {
	font-size: 20px;
	color: #fff
}

.main-header .sticky-header .outer-box {
	position: relative;
	margin-left: 32px;
	padding: 13px 0
}

.main-header .sticky-header .outer-box .cart-box,
.main-header .sticky-header .outer-box .cart-box .cart-box-btn,
.main-header .sticky-header .outer-box .cart-box .cart-box-btn:hover {
	color: #000
}

.main-header .sticky-header .outer-box .cart-box .cart-box-btn .total-cart {
	background-color: #fe4c1c
}

.main-header .sticky-header .search-box-btn {
	background: red;
	border-radius: 30px;
	padding: 12px;
	-webkit-box-shadow: 0 0 0 0 rgba(233 30 99 / 12%);
	-moz-box-shadow: 0 0 0 0 rgba(233 30 99 / 12%);
	-ms-box-shadow: 0 0 0 0 rgba(233 30 99 / 12%);
	-o-box-shadow: 0 0 0 0 rgba(233 30 99 / 12%);
	box-shadow: 0 0 0 0 rgba(233 30 99 / 12%);
	right: 2%;
	top: 19%
}

.main-header .sticky-header .search-box-btn span {
	animation: swing 1s infinite;
	color: #fff
}

.color-palate .option-box {
	padding-top: 25px;
	padding-bottom: 10px
}

.color-palate .option-box>li {
	position: relative;
	color: #fff;
	width: 40%;
	margin: 0 3px;
	cursor: pointer;
	margin-bottom: 9px;
	padding: 6px 12px;
	display: inline-block;
	background-color: #1b46ff;
	text-transform: capitalize
}

.sidebar-info-contents {
	position: relative
}

.sidebar-info-contents .content-inner {
	position: relative
}

.sidebar-info-contents .content-inner .logo {
	padding: 0 0 40px
}

.sidebar-info-contents .content-inner .logo img {
	display: inline-block;
	max-width: 100%
}

.sidebar-info-contents .content-inner .content-box {
	position: relative
}

.sidebar-info-contents .content-inner .content-box h2 {
	position: relative;
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px
}

.sidebar-info-contents .content-inner .content-box .text {
	position: relative;
	font-size: 14px;
	color: rgb(255 255 255 / .9);
	margin-bottom: 25px
}

.sidebar-info-contents .content-inner .contact-info {
	position: relative;
	margin-top: 60px
}

.sidebar-info-contents .content-inner .contact-info h2 {
	position: relative;
	font-size: 20px;
	color: #fff;
	margin-bottom: 20px
}

.sidebar-info-contents .content-inner .social-box {
	position: relative;
	margin-top: 20px;
	margin-bottom: 30px
}

.sidebar-info-contents .content-inner .social-box li {
	position: relative;
	display: inline-block;
	margin-right: 6px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease
}

.sidebar-info-contents .content-inner .social-box li a {
	position: relative;
	width: 36px;
	height: 36px;
	color: #222;
	z-index: 1;
	font-size: 13px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	display: inline-block;
	background-color: #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.sidebar-info-contents .content-inner .social-box li a:hover {
	background-color: #2974dd;
	color: #fff
}

.close-side-widget,
.close-side-widget:hover {
	color: #fff;
	font-size: 24px
}

.main-header .header-upper .outer-box .nav-btn {
	position: relative;
	float: right;
	font-size: 28px;
	color: #000;
	cursor: pointer;
	margin-top: 16px;
	margin-left: 30px
}

.sticky-header .outer-box .nav-btn {
	position: relative;
	float: right;
	font-size: 28px;
	color: #000;
	cursor: pointer;
	margin-top: 9px;
	margin-left: 30px
}

.scroll-to-toped {
	position: fixed;
	bottom: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 13px;
	text-transform: uppercase;
	line-height: 38px;
	text-align: center;
	z-index: 100;
	cursor: pointer;
	background: #222;
	display: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.scroll-to-toped:hover {
	color: #fff;
	background: #000
}

.banner-section {
	position: relative;
	overflow: hidden;
	padding-top: 0;
	padding-bottom: 0
}

.banner-section .patern-layer-one {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover
}

.banner-section .patern-layer-two {
	position: absolute;
	left: 0;
	top: 0;
	width: 423px;
	height: 328px;
	background-position: right top;
	background-repeat: no-repeat
}

.banner-section .patern-layer-three {
	position: absolute;
	left: -120px;
	top: -60px;
	width: 417px;
	height: 416px;
	background-repeat: no-repeat
}

.banner-section .patern-layer-four {
	position: absolute;
	left: 20%;
	top: -420px;
	width: 552px;
	height: 552px;
	background-repeat: no-repeat
}

.banner-section .patern-layer-five {
	position: absolute;
	left: 30%;
	top: 180px;
	width: 416px;
	height: 416px;
	background-repeat: no-repeat
}

.banner-section .patern-layer-six {
	position: absolute;
	left: 58%;
	top: 180px;
	width: 215px;
	height: 215px;
	background-repeat: no-repeat
}

.banner-section .patern-layer-seven {
	position: absolute;
	right: 5%;
	top: 180px;
	width: 195px;
	height: 195px;
	background-repeat: no-repeat
}

.banner-section .patern-layer-eight {
	position: absolute;
	right: 0%;
	top: 60%;
	width: 336px;
	height: 394px;
	background-repeat: no-repeat
}

.banner-section .patern-layer-nine {
	position: absolute;
	right: 0%;
	top: 0%;
	width: 702px;
	height: 607px;
	background-repeat: no-repeat
}

.banner-section .content-column {
	position: relative
}

.banner-section .content-column .inner-column {
	position: relative;
	padding-top: 170px
}

.banner-section .content-column h1 {
	position: relative;
	color: #fff;
	line-height: 1.2em;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.banner-section .active .content-column h1 {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.banner-section .content-column .text {
	position: relative;
	color: #fff;
	font-size: 18px;
	line-height: 1.8em;
	margin-bottom: 40px;
	margin-top: 30px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.banner-section .active .content-column .text {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms
}

.banner-section .content-column .btns-box {
	margin-top: 35px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.banner-section .active .content-column .btns-box {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms
}

.banner-section .content-column .theme-btn {
	margin-right: 15px
}

.banner-section .image-column {
	position: relative
}

.banner-section .image-column .inner-column {
	position: relative;
	margin-right: -150px;
	padding-top: 0;
	text-align: right
}

.banner-section .image-column .image {
	position: relative;
	margin-left: 160px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.banner-section .image-column .image-two {
	position: absolute;
	left: 0;
	top: 145px !important
}

.banner-section .image-column img {
	position: relative;
	width: auto
}

.banner-section .owl-nav {
	display: none
}

.banner-section .owl-dots {
	position: absolute;
	left: 5%;
	top: 50%
}

.banner-section .owl-dots .owl-dot {
	position: relative;
	width: 5px;
	height: 5px;
	border-radius: 50px;
	margin: 10px 0;
	display: block;
	background-color: #fff;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.banner-section .owl-dots .owl-dot.active,
.banner-section .owl-dots .owl-dot:hover {
	height: 60px
}

.featured-section {
	position: relative;
	padding: 50px 0 90px
}

.featured-section .icon-one {
	position: absolute;
	left: 20%;
	top: 12%;
	width: 132px;
	height: 132px;
	background-repeat: no-repeat
}

.featured-section .icon-two {
	position: absolute;
	left: 0%;
	bottom: 0%;
	width: 255px;
	height: 360px;
	background-repeat: no-repeat
}

.feature-block {
	position: relative;
	margin-bottom: 30px
}

.feature-block .inner-box {
	position: relative;
	overflow: hidden;
	padding: 55px 15px 50px;
	text-align: center;
	background-color: #f9f9f9
}

.feature-block .inner-box .overlay-link {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	z-index: 1
}

.feature-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
	background-image: -ms-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -moz-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -o-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1B46FF), color-stop(100, #2299ff));
	background-image: -webkit-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: linear-gradient(to right, #1B46FF 0%, #2299ff 100%);
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}

.feature-block .inner-box:hover::before {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center
}

.feature-block .inner-box .icon-box {
	position: relative;
	display: inline-block;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease
}

.feature-block .inner-box .icon-box:before {
	position: absolute;
	content: '';
	left: -15px;
	top: 0;
	width: 55px;
	height: 55px;
	border-radius: 50px;
	background-color: rgb(27 70 255 / .1)
}

.feature-block .inner-box:hover .icon-box:before {
	background-color: rgb(255 255 255 / .1)
}

.feature-block .inner-box .icon-box .icon {
	position: relative;
	font-size: 64px;
	line-height: 1em;
	color: #1b46ff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease
}

.feature-block .inner-box h5 {
	position: relative;
	color: #343434;
	line-height: 1.3em;
	margin-top: 18px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease
}

.feature-block .inner-box:hover h5 {
	color: #fff
}

.feature-block .inner-box:hover .icon-box .icon {
	color: #fff
}

.feature-block .inner-box:hover .icon-box {
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg)
}

.email-section {
	position: relative;
	overflow: hidden;
	padding: 50px 0 50px
}

.email-section .icon-layer-one {
	position: absolute;
	right: -180px;
	top: 0;
	width: 416px;
	height: 416px;
	background-repeat: no-repeat
}

.email-section .icon-layer-two {
	position: absolute;
	right: 60px;
	top: 70%;
	width: 132px;
	height: 132px;
	background-repeat: no-repeat
}

.email-section .content-column {
	position: relative
}

.email-section .content-column .inner-column {
	position: relative;
	padding-top: 120px
}

.email-section .content-column h2 {
	position: relative;
	color: #000;
	line-height: 1.3em
}

.email-section .content-column .text {
	position: relative;
	color: #7c8087;
	font-size: 18px;
	line-height: 1.8em;
	margin-bottom: 30px;
	margin-top: 12px;
	max-width: 400px
}

.email-section .content-column .email-list {
	position: relative
}

.email-section .content-column .email-list li {
	position: relative;
	color: #1d293f;
	font-size: 20px;
	margin-bottom: 35px;
	padding-left: 80px;
	padding-top: 20px
}

.email-section .content-column .email-list li .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
	color: #0f53fa;
	line-height: 60px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	background-color: #f7f8fa
}

.email-section .content-column .email-list li i {
	position: relative;
	color: #fff;
	font-size: 13px;
	font-style: normal;
	padding: 6px 10px;
	border-radius: 5px;
	background-color: #1b45f7;
	text-transform: uppercase
}

.email-section .images-column {
	position: relative
}

.email-section .images-column .inner-column {
	position: relative;
	padding-left: 45px
}

.email-section .images-column .small-image {
	position: absolute;
	left: 30px;
	top: 130px;
	z-index: 1;
	opacity: 0;
	transform: translateX(400px);
	transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	-webkit-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	-o-transition: all 1200ms ease
}

.email-section .images-column.now-in-view .small-image {
	opacity: 1;
	transform: translateX(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.email-section .images-column .inner-column:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 612px;
	height: 612px;
	border-radius: 50%;
	display: block;
	transform: scale(.3, .3);
	transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	-webkit-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	-o-transition: all 1200ms ease;
	background-image: -ms-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -moz-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -o-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1B46FF), color-stop(100, #2299ff));
	background-image: -webkit-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: linear-gradient(to right, #1B46FF 0%, #2299ff 100%)
}

.email-section .images-column.now-in-view .inner-column:before {
	transform: scale(1, 1)
}

.email-section .images-column .image {
	position: relative;
	margin-left: 80px;
	opacity: 0;
	transform: translateX(600px);
	transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	-webkit-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	-o-transition: all 1200ms ease
}

.email-section .images-column.now-in-view .image {
	opacity: 1;
	transform: translateX(0);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms
}

.app-section {
	position: relative;
	overflow: hidden;
	padding: 0 0 0
}

.app-section .icon-layer-one {
	position: absolute;
	left: 0;
	top: 0;
	width: 255px;
	height: 255px;
	background-repeat: no-repeat
}

.app-section .icon-layer-two {
	position: absolute;
	left: 0;
	bottom: 0%;
	width: 166px;
	height: 332px;
	background-repeat: no-repeat
}

.app-section .icon-layer-three {
	position: absolute;
	right: 0;
	bottom: 30%;
	width: 146px;
	height: 275px;
	background-repeat: no-repeat
}

.app-section .content-column {
	position: relative
}

.app-section .content-column .inner-column {
	position: relative;
	padding-top: 120px
}

.app-section .content-column h2 {
	position: relative;
	color: #000;
	line-height: 1.3em
}

.app-section .content-column .text {
	position: relative;
	color: #7c8087;
	font-size: 18px;
	line-height: 1.8em;
	margin-bottom: 30px;
	margin-top: 12px;
	max-width: 400px
}

.app-section .content-column .btns-box {
	position: relative
}

.app-section .content-column .btns-box .theme-btn {
	margin-right: 15px;
	display: inline-block
}

.app-section .images-column {
	position: relative
}

.app-section .images-column .inner-column {
	position: relative;
	padding-left: 45px
}

.app-section .images-column .small-image {
	position: absolute;
	right: 0;
	top: 280px;
	z-index: 1;
	opacity: 0;
	transform: translateX(400px);
	transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	-webkit-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	-o-transition: all 1200ms ease
}

.app-section .images-column.now-in-view .small-image {
	opacity: 1;
	transform: translateX(0);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.app-section .images-column .inner-column:before {
	position: absolute;
	content: '';
	left: 70px;
	top: 0;
	width: 504px;
	height: 504px;
	border-radius: 50%;
	display: block;
	transform: scale(.3, .3);
	transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	-webkit-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	-o-transition: all 1200ms ease;
	background-image: -ms-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -moz-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -o-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1B46FF), color-stop(100, #2299ff));
	background-image: -webkit-linear-gradient(left, #1B46FF 0%, #2299ff 100%);
	background-image: linear-gradient(to right, #1B46FF 0%, #2299ff 100%)
}

.app-section .images-column.now-in-view .inner-column:before {
	transform: scale(1, 1)
}

.app-section .images-column .image {
	position: relative;
	top: -80px;
	display: block;
	margin-right: 80px;
	opacity: 0;
	transform: translateX(-200px);
	transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	-webkit-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	-o-transition: all 1200ms ease
}

.app-section .images-column.now-in-view .image {
	opacity: 1;
	transform: translateX(0);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms
}

.video-section {
	position: relative;
	text-align: center;
	padding: 120px 0 120px;
	background-attachment: fixed;
	background-size: cover
}

.video-section:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(27 71 255 / .7)
}

.video-section h4 {
	position: relative;
	color: #fff;
	line-height: 1.3em;
	margin-top: 25px;
	text-transform: capitalize
}

.video-section .video-box {
	position: relative;
	width: 80px;
	height: 80px;
	color: #3c5cdc;
	font-size: 20px;
	text-align: center;
	border-radius: 50px;
	line-height: 80px;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background-color: #fff
}

.video-section .video-box .overlay-box span {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	z-index: 99;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 50%;
	padding-left: 7px;
	display: inline-block;
	margin-top: -40px;
	margin-left: -40px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.video-section .video-box .ripple,
.video-section .video-box .ripple:before,
.video-section .video-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 80px;
	width: 80px;
	margin-left: .5px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
	-moz-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
	-ms-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
	-o-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
	box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite
}

.video-section .video-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute
}

.video-section .video-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px #fff0
	}

	100% {
		box-shadow: 0 0 0 0 #fff0
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px #fff0
	}

	100% {
		box-shadow: 0 0 0 0 #fff0
	}
}

.screenshots-section {
	position: relative;
	overflow: hidden;
	padding-top: 135px;
	padding-bottom: 90px
}

.screenshots-section .carousel-container {
	position: relative;
	max-width: 1400px;
	margin: 0 auto;
	padding: 0 30px
}

.screenshots-section .carousel-container:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 60px;
	height: 100%;
	z-index: 2;
	background-color: #fff
}

.screenshots-section .carousel-container:after {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	width: 60px;
	height: 100%;
	z-index: 20;
	background-color: #fff
}

.screenshots-section .carousel-outer {
	position: relative;
	width: 429px;
	height: 700px;
	margin: 0 auto;
	padding: 82px 70px
}

.screenshots-section .carousel-outer .owl-carousel {
	z-index: auto
}

.screenshots-section .carousel-outer .mockup-layer {
	position: absolute;
	width: 429px;
	left: 0;
	top: 0;
	z-index: 20
}

.screenshots-section .carousel-outer .mockup-layer:before {
	content: '';
	position: absolute;
	left: 0;
	top: -27px;
	width: 70px;
	height: 703px;
	z-index: 20
}

.screenshots-section .carousel-outer .mockup-layer:after {
	content: '';
	position: absolute;
	right: 0;
	top: -27px;
	width: 70px;
	height: 703px;
	z-index: 20
}

.screenshots-section .owl-stage-outer {
	overflow: visible
}

.screenshots-section .slide .image img {
	width: 100%;
	display: block;
	border-radius: 5px;
	z-index: 99999999
}

.screenshots-section .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 100px;
	display: none
}

.screenshots-section .owl-dots .owl-dot {
	position: relative;
	width: 18px;
	height: 18px;
	margin: 0 7px;
	display: inline-block;
	background-color: #d0d9f9;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.screenshots-section .owl-dots .owl-dot.active,
.screenshots-section .owl-dots .owl-dot:hover {
	background-color: #1b47ff
}

.screenshots-section .owl-nav {
	display: none
}

.pricing-section {
	position: relative
}

.price-block {
	position: relative;
	margin-bottom: 30px
}

.price-block .inner-box {
	position: relative;
	padding: 40px 40px;
	text-align: center;
	background-color: #fff
}

.price-block.active .inner-box {
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.price-block .inner-box .discount {
	position: absolute;
	left: 0;
	top: -47px;
	right: 0;
	color: #fff;
	display: block;
	padding: 12px 10px;
	text-align: center;
	letter-spacing: 3px;
	text-transform: uppercase;
	background-color: #1b47ff
}

.price-block .inner-box h4 {
	position: relative;
	color: #000;
	margin-bottom: 22px
}

.price-block .inner-box .price-list {
	position: relative
}

.price-block .inner-box .price-list li {
	position: relative;
	color: #555556;
	font-size: 16px;
	padding: 14px 10px
}

.price-block .inner-box .price-list li:nth-child(2n+1) {
	background-color: #f3f6ff
}

.price-block .inner-box .price {
	position: relative;
	color: #1b46ff;
	font-size: 60px;
	line-height: 1em;
	margin-top: 25px;
	margin-bottom: 25px
}

.price-block .inner-box .price sup {
	position: relative;
	font-size: 28px;
	top: -22px
}

.price-block .inner-box .price sub {
	position: relative;
	font-size: 16px
}

.testimonial-section {
	position: relative;
	overflow: hidden;
	padding: 100px 0 100px
}

.testimonial-section .icon-one {
	position: absolute;
	left: 0;
	top: 200px;
	width: 249px;
	height: 261px;
	background-repeat: no-repeat
}

.testimonial-section .icon-two {
	position: absolute;
	right: 0;
	top: 150px;
	width: 132px;
	height: 132px;
	background-repeat: no-repeat
}

.testimonial-section .icon-three {
	position: absolute;
	left: -80px;
	top: 80%;
	width: 132px;
	height: 132px;
	background-repeat: no-repeat
}

.testimonial-section .owl-dots,
.testimonial-section .owl-nav {
	display: none
}

.testimonial-block {
	position: relative
}

.testimonial-block .inner-box {
	position: relative
}

.testimonial-block .inner-box .upper-content {
	position: relative;
	padding: 40px 30px;
	text-align: center;
	background-color: #f1f7ff
}

.testimonial-block .inner-box .upper-content h5 {
	position: relative;
	color: #000;
	margin-bottom: 15px
}

.testimonial-block .inner-box .upper-content .text {
	position: relative;
	color: #999;
	font-size: 17px;
	line-height: 1.8em
}

.testimonial-block .inner-box .upper-content:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -15px;
	margin-left: -5px;
	border-left: 10px solid #fff0;
	border-right: 10px solid #fff0;
	border-top: 15px solid #f1f7ff
}

.testimonial-block .inner-box .lower-content {
	position: relative;
	margin-top: 45px;
	text-align: center
}

.testimonial-block .inner-box .lower-content .author-image {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	overflow: hidden;
	border-radius: 50%
}

.testimonial-block .inner-box .lower-content .author-name {
	position: relative;
	color: #000;
	font-size: 17px;
	line-height: 1.3em;
	margin-top: 22px
}

.testimonial-block .inner-box .lower-content .designation {
	position: relative;
	color: #999;
	font-size: 15px;
	line-height: 1.3em;
	margin-top: 4px
}

.main-footer {
	position: relative
}

.main-footer .pattern-layer {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 0 250px 0 0;
	background-image: -ms-linear-gradient(left, #1B46FF 0%, #2299FF 100%);
	background-image: -moz-linear-gradient(left, #1B46FF 0%, #2299FF 100%);
	background-image: -o-linear-gradient(left, #1B46FF 0%, #2299FF 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #1B46FF), color-stop(100, #2299FF));
	background-image: -webkit-linear-gradient(left, #1B46FF 0%, #2299FF 100%);
	background-image: linear-gradient(to right, #1B46FF 0%, #2299FF 100%)
}

.main-footer .widgets-section {
	position: relative;
	padding: 90px 0 60px
}

.main-footer .footer-widget {
	position: relative;
	z-index: 2;
	margin-bottom: 30px
}

.main-footer .footer-widget h5 {
	position: relative;
	color: #fff;
	margin-bottom: 20px;
	letter-spacing: 1px;
	text-transform: uppercase
}

.main-footer .logo-widget {
	position: relative;
	z-index: 3
}

.main-footer .logo-widget .logo {
	position: relative;
	margin-bottom: 18px
}

.main-footer .logo-widget .contact-list {
	position: relative
}

.main-footer .logo-widget .contact-list li {
	position: relative;
	margin-bottom: 10px
}

.main-footer .logo-widget .contact-list li a {
	position: relative;
	color: #fff;
	font-size: 16px
}

.main-footer .list-link li {
	position: relative;
	margin-bottom: 12px
}

.main-footer .list-link li a {
	position: relative;
	font-size: 15px;
	color: rgb(255 255 255 / .9);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.main-footer .list-link li a:hover {
	color: #fff
}

.main-footer .subscribe-widget .social-box {
	position: relative
}

.main-footer .subscribe-widget .social-box a {
	position: relative;
	font-size: 16px;
	margin-right: 18px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	color: rgb(255 255 255 / .9)
}

.main-footer .subscribe-widget .social-box a:hover {
	color: #fff
}

.main-footer .subscribe-form {
	margin-bottom: 35px
}

.main-footer .subscribe-form .form-group {
	position: relative;
	display: block;
	margin-bottom: 10px
}

.main-footer .subscribe-form .form-group input[type="text"],
.main-footer .subscribe-form .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 40px 10px 20px;
	height: 48px;
	font-size: 15px;
	color: #fff;
	border-radius: 1px;
	background: none;
	border: 1px solid rgb(255 255 255 / .5);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.main-footer .subscribe-form .form-group textarea::-webkit-input-placeholder,
.main-footer .subscribe-form .form-group input::-webkit-input-placeholder {
	color: #fff
}

.main-footer .subscribe-form .form-group button {
	position: absolute;
	right: 0;
	top: 0;
	height: 48px;
	padding: 8px 20px;
	font-size: 16px;
	color: #fff;
	display: inline-block;
	cursor: pointer;
	background: none
}

.main-footer .footer-bottom {
	position: relative;
	padding: 26px 0;
	text-align: center;
	z-index: 3;
	border-top: 1px solid rgb(255 255 255 / .2)
}

.main-footer .footer-bottom .copyright {
	position: relative;
	color: #fff;
	font-size: 14px
}

.main-footer .footer-bottom .page-nav {
	position: relative
}

.main-footer .footer-bottom .page-nav li {
	position: relative;
	margin-left: 20px;
	display: inline-block
}

.main-footer .footer-bottom .page-nav li a {
	position: relative;
	color: #fff;
	font-size: 16px
}

.dashboard-section {
	position: relative;
	overflow: hidden
}

.dashboard-section .upper-section {
	position: relative;
	padding-top: 330px;
	padding-bottom: 400px;
	background-attachment: fixed;
	background-size: cover
}

.dashboard-section .upper-section #particles-js {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block
}

.dashboard-section .upper-section .pattern-layer-one {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 675px;
	background-repeat: repeat-x;
	background-position: left bottom
}

.dashboard-section .upper-section .pattern-layer-two {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 628px;
	background-position: right bottom;
	background-repeat: repeat-x
}

.dashboard-section .upper-section:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(70 143 245 / .9)
}

.dashboard-section .content-boxed {
	position: relative;
	text-align: center
}

.dashboard-section .content-boxed h1 {
	position: relative;
	color: #fff;
	line-height: 1.3em
}

.dashboard-section .content-boxed .text {
	position: relative;
	color: #ececec;
	font-size: 20px;
	line-height: 1.7em;
	margin-top: 20px;
	margin-bottom: 35px
}

.dashboard-section .content-boxed .btn-box {
	position: relative;
	margin-bottom: 60px
}

.dashboard-section .content-boxed .btn-box .theme-btn {
	margin: 0 6px 10px
}

.dashboard-section .content-boxed .dashboard-image {
	position: relative
}

.dashboard-section .lower-section {
	position: relative;
	text-align: center;
	margin-top: -390px
}

.future-section {
	position: relative;
	padding: 65px 0 150px
}

.future-section .future-gallery-box {
	position: relative
}

.future-section .future-gallery-box .column {
	position: relative;
	margin-bottom: 30px
}

.future-section .future-gallery-box .image {
	position: relative;
	overflow: hidden;
	background-color: #468ff5
}

.future-section .future-gallery-box .image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.future-section .future-gallery-box .image:hover img {
	position: relative;
	opacity: .5;
	transform: scale(1.06, 1.06)
}

.future-section .lower-box {
	position: relative;
	margin-top: 50px
}

.future-section .lower-box .text {
	position: relative;
	color: #747b86;
	font-size: 16px;
	line-height: 2em;
	max-width: 870px;
	margin: 0 auto;
	margin-bottom: 45px
}

.offer-section {
	position: relative;
	padding: 115px 0 150px
}

.offer-section:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 610px;
	background-color: #f8fbff
}

.offer-block {
	position: relative
}

.offer-block .inner-box {
	position: relative;
	text-align: center;
	padding: 80px 30px 50px;
	border: 1px solid #e8e8e8;
	background-color: #fff
}

.offer-block .inner-box .dotted {
	position: absolute;
	left: 20px;
	top: 45%;
	right: 20px
}

.offer-block .inner-box .dotted:before {
	position: absolute;
	content: '';
	left: 0;
	width: 10px;
	height: 10px;
	opacity: .5;
	display: inline-block;
	background-color: #468ff5
}

.offer-block .inner-box .dotted:after {
	position: absolute;
	content: '';
	right: 0;
	width: 10px;
	height: 10px;
	opacity: 1;
	display: inline-block;
	background-color: #468ff5
}

.offer-block .inner-box .icon-box {
	position: relative;
	width: 130px;
	height: 130px;
	color: #fff;
	font-size: 70px;
	z-index: 1;
	text-align: center;
	border-radius: 50%;
	line-height: 130px;
	display: inline-block;
	background-color: #468ff5;
	transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease
}

.offer-block .inner-box:hover .icon-box {
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg)
}

.offer-block .inner-box .icon-box:before {
	position: absolute;
	left: -25px;
	top: -25px;
	content: '';
	width: 130px;
	height: 130px;
	opacity: .2;
	z-index: -1;
	border-radius: 50%;
	background-color: #468ff5
}

.offer-block .inner-box h4 {
	position: relative;
	margin-top: 65px;
	color: #18212e;
	font-size: 24px;
	z-index: 1;
	line-height: 1.3em
}

.offer-block .inner-box h4 a {
	position: relative;
	color: #18212e;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.offer-block .inner-box h4 a:hover {
	color: #fff
}

.offer-block .inner-box h4 a:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: -1;
	background-color: #468ff5;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center
}

.offer-block .inner-box h4 a:hover::after {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}

.offer-block .inner-box .text {
	position: relative;
	line-height: 2em;
	color: #747b86;
	font-size: 16px;
	margin-top: 40px;
	padding-left: 30px;
	padding-right: 30px
}

.offer-block .inner-box .read-more {
	position: relative;
	line-height: 2em;
	color: #468ff5;
	font-size: 13px;
	margin-top: 40px;
	letter-spacing: 2px;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.offer-block .inner-box .read-more::before {
	position: absolute;
	content: "";
	height: 1px;
	width: 0;
	background: #18212e;
	right: 0;
	bottom: 0;
	transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-webkit-transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-moz-transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-ms-transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-o-transition: width 0.3s cubic-bezier(.77, 0, .175, 1)
}

.offer-block .inner-box .read-more:hover::before {
	right: auto;
	left: 0;
	width: 100%
}

.offer-block .inner-box .read-more:hover {
	color: #18212e
}

.offer-section .owl-nav {
	display: none
}

.offer-section .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 30px
}

.offer-section .owl-dots .owl-dot {
	position: relative;
	margin: 0 8px;
	display: inline-block
}

.offer-section .owl-dots .owl-dot:before {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 2px;
	opacity: .5;
	font-size: 26px;
	color: #d1d3d5;
	content: '\f0da';
	display: inline-block;
	font-family: 'FontAwesome';
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.offer-section .owl-dots .owl-dot.active:before,
.offer-section .owl-dots .owl-dot:hover::before {
	color: #18212e;
	opacity: 1
}

.call-to-action-section {
	position: relative;
	padding: 110px 0;
	background-color: #468ff5
}

.call-to-action-section .patern-layer {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: repeat-x;
	animation: 10s linear 0s infinite normal none running slide
}

.call-to-action-section .title-column {
	position: relative
}

.call-to-action-section .title-column .inner-column {
	position: relative;
	padding-top: 12px
}

.call-to-action-section .title-column h4 {
	position: relative;
	color: #fff;
	line-height: 1.3em
}

.subscribe-form-two {
	position: relative;
	width: 100%;
	margin-bottom: 0
}

.subscribe-form-two .form-group {
	position: relative;
	display: block;
	z-index: 1;
	margin-bottom: 0;
	padding-right: 200px
}

.subscribe-form-two .form-group input[type="text"],
.subscribe-form-two .form-group input[type="tel"],
.subscribe-form-two .form-group input[type="email"],
.subscribe-form-two .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	height: 58px;
	font-size: 15px;
	color: #000;
	line-height: 38px;
	padding: 10px 20px 10px 20px;
	border-radius: 0;
	background: #f0f0f0;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.subscribe-form-two .form-group input[type="email"]:focus {
	border-color: #ff5b00
}

.subscribe-form-two .form-group textarea::-webkit-input-placeholder,
.subscribe-form-two .form-group input::-webkit-input-placeholder {
	color: #161e39
}

.subscribe-form-two .form-group .theme-btn {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	border-radius: 0
}

.video-section-two {
	position: relative;
	text-align: center;
	padding: 120px 0 120px;
	background-attachment: fixed;
	background-size: cover
}

.video-section-two .title {
	position: relative;
	color: #468ff5;
	font-size: 26px;
	line-height: 1.3em;
	margin-top: 70px
}

.video-section-two h2 {
	position: relative;
	color: #fff;
	line-height: 1.2em;
	margin-top: 18px;
	text-transform: capitalize
}

.video-section-two .video-box {
	position: relative;
	width: 80px;
	height: 80px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50px;
	line-height: 80px;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background-color: #468ff5
}

.video-section-two .video-box .overlay-box span {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	z-index: 99;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 50%;
	padding-left: 7px;
	display: inline-block;
	margin-top: -40px;
	margin-left: -40px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.video-section-two .video-box .ripple,
.video-section-two .video-box .ripple:before,
.video-section-two .video-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 80px;
	width: 80px;
	margin-left: .5px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
	-moz-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
	-ms-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
	-o-box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
	box-shadow: 0 0 0 0 rgb(255 255 255 / .4);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite
}

.video-section-two .video-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute
}

.video-section-two .video-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute
}

.cases-section {
	position: relative;
	padding: 100px 0 140px
}

.case-block {
	position: relative;
	margin-bottom: 90px
}

.case-block .inner-box {
	position: relative
}

.case-block .inner-box .image {
	position: relative;
	background-color: #468ff5
}

.case-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.case-block .inner-box:hover .image img {
	opacity: .5
}

.case-block .inner-box .image .overlay-box {
	position: absolute;
	right: 0;
	bottom: -110px;
	max-width: 335px;
	width: 100%;
	padding: 50px 30px 50px 50px;
	background-color: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.case-block .inner-box .image .overlay-box:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	background-color: #002457
}

.case-block .inner-box:hover .image .overlay-box:before {
	width: 100%
}

.case-block .inner-box .image .overlay-box .content {
	position: relative;
	padding-left: 80px
}

.case-block .inner-box .image .overlay-box .content .icon {
	position: absolute;
	left: 0;
	top: 5px;
	color: #468ff5;
	line-height: 1em;
	font-size: 60px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.case-block .inner-box:hover .image .overlay-box .content .icon {
	color: #fff
}

.case-block .inner-box .image .overlay-box h3 {
	position: relative;
	line-height: 1.3em
}

.case-block .inner-box .image .overlay-box h3 a {
	position: relative;
	color: #18212e;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.case-block .inner-box:hover .image .overlay-box h3 a {
	color: #fff
}

.case-block .inner-box .image .overlay-box .read-more {
	position: relative;
	line-height: 2em;
	color: #468ff5;
	font-size: 12px;
	margin-top: 40px;
	letter-spacing: 3px;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.case-block .inner-box .image .overlay-box .read-more::before {
	position: absolute;
	content: "";
	height: 1px;
	width: 0;
	background: #fff;
	right: 0;
	bottom: 0;
	transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-webkit-transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-moz-transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-ms-transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-o-transition: width 0.3s cubic-bezier(.77, 0, .175, 1)
}

.case-block .inner-box:hover .image .overlay-box .read-more::before {
	right: auto;
	left: 0;
	width: 100%
}

.case-block .inner-box:hover .image .overlay-box .read-more {
	color: #fff
}

.call-to-action-section-two {
	position: relative;
	padding: 110px 0;
	background-color: #002457
}

.call-to-action-section-two .patern-layer {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-repeat: repeat-x;
	animation: 10s linear 0s infinite normal none running slide
}

.call-to-action-section-two .title-column {
	position: relative
}

.call-to-action-section-two .title-column .inner-column {
	position: relative;
	padding-top: 12px
}

.call-to-action-section-two .title-column h4 {
	position: relative;
	color: #fff;
	line-height: 1.6em
}

.call-to-action-section-two .title-column h4 span {
	position: relative;
	color: #ffec4e;
	font-size: 50px;
	text-decoration: underline
}

.call-to-action-section-two .button-column {
	position: relative
}

.call-to-action-section-two .button-column .inner-column {
	position: relative;
	text-align: right
}

.news-section {
	position: relative;
	padding: 100px 0 70px
}

.news-block {
	position: relative;
	margin-bottom: 30px
}

.news-block .inner-box {
	position: relative
}

.news-block .inner-box .image {
	position: relative
}

.news-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block
}

.news-block .inner-box .image a {
	position: relative;
	display: block
}

.news-block .inner-box .image a:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 0%;
	z-index: 1;
	opacity: .4;
	background-color: #002457;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	transition: all 900ms ease
}

.news-block .inner-box:hover .image a:before {
	height: 100%
}

.news-block .inner-box .image .post-info {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2
}

.news-block .inner-box .image .post-info .admin {
	position: relative;
	color: #18212e;
	font-size: 10px;
	letter-spacing: 2px;
	padding: 6px 18px;
	float: left;
	text-transform: uppercase;
	background-color: #bed5f7
}

.news-block .inner-box .image .post-info .comments {
	position: relative;
	color: #747b86;
	font-size: 12px;
	letter-spacing: 2px;
	padding: 6px 14px;
	float: left;
	text-transform: uppercase;
	background-color: #fff
}

.news-block .inner-box .lower-content {
	position: relative;
	padding-top: 35px
}

.news-block .inner-box .lower-content .post-date {
	position: relative;
	color: #468ff5;
	font-size: 14px
}

.news-block .inner-box .lower-content h4 {
	position: relative;
	line-height: 1.5em;
	margin-top: 10px;
	margin-bottom: 20px
}

.news-block .inner-box .lower-content h4 a {
	position: relative;
	color: #18212e;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.news-block .inner-box .lower-content h4 a:hover {
	color: #468ff5
}

.news-block .inner-box .lower-content .text {
	position: relative;
	color: #747b86;
	font-size: 16px;
	line-height: 2em;
	margin-bottom: 22px
}

.news-block .inner-box .lower-content .read-more {
	position: relative;
	line-height: 2em;
	color: #468ff5;
	font-size: 13px;
	letter-spacing: 2px;
	display: inline-block;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.news-block .inner-box .lower-content .read-more::before {
	position: absolute;
	content: "";
	height: 1px;
	width: 0;
	background: #18212e;
	right: 0;
	bottom: 0;
	transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-webkit-transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-moz-transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-ms-transition: width 0.3s cubic-bezier(.77, 0, .175, 1);
	-o-transition: width 0.3s cubic-bezier(.77, 0, .175, 1)
}

.news-block .inner-box .lower-content .read-more:hover::before {
	right: auto;
	left: 0;
	width: 100%
}

.news-block .inner-box .lower-content .read-more:hover {
	color: #18212e
}

.testimonial-section-two {
	position: relative;
	padding: 110px 0 110px;
	background-color: #f0f0f0
}

.testimonial-block-two {
	position: relative;
	margin-bottom: 30px
}

.testimonial-block-two .inner-box {
	position: relative;
	text-align: center;
	padding: 55px 30px;
	background-color: #fff;
	border: 1px solid #e8e8e8
}

.testimonial-block-two .inner-box .dotted {
	position: absolute;
	left: 0;
	top: 0%;
	right: 0
}

.testimonial-block-two .inner-box .dotted:before {
	position: absolute;
	content: '';
	left: 0;
	width: 10px;
	height: 10px;
	opacity: .5;
	display: inline-block;
	background-color: #468ff5
}

.testimonial-block-two .inner-box .dotted:after {
	position: absolute;
	content: '';
	right: 0;
	width: 10px;
	height: 10px;
	opacity: 1;
	display: inline-block;
	background-color: #468ff5
}

.testimonial-block-two .inner-box .quote-icon {
	position: relative;
	width: 40px;
	height: 40px;
	color: #18212e;
	font-size: 12px;
	line-height: 40px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	background-color: #f0f0f0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.testimonial-block-two:hover .inner-box .quote-icon {
	color: #fff;
	background-color: #468ff5
}

.testimonial-block-two .inner-box .text {
	position: relative;
	margin-top: 30px;
	line-height: 2.1em;
	color: #747b86;
	font-size: 16px;
	margin-bottom: 30px
}

.testimonial-block-two .inner-box .author-image {
	position: relative;
	width: 64px;
	height: 64px;
	overflow: hidden;
	margin: 0 auto;
	border-radius: 50%
}

.testimonial-block-two .inner-box h5 {
	position: relative;
	color: #18212e;
	line-height: 1.3em;
	margin-top: 20px
}

.testimonial-block-two .inner-box .designation {
	position: relative;
	color: #747b86;
	line-height: 1.3em;
	margin-top: 6px
}

.testimonial-section-two .owl-nav {
	display: none
}

.testimonial-section-two .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 0
}

.testimonial-section-two .owl-dots .owl-dot {
	position: relative;
	margin: 0 8px;
	display: inline-block
}

.testimonial-section-two .owl-dots .owl-dot:before {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 2px;
	opacity: .5;
	font-size: 26px;
	color: #c5c7c9;
	content: '\f0da';
	display: inline-block;
	font-family: 'FontAwesome';
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.testimonial-section-two .owl-dots .owl-dot.active:before,
.testimonial-section-two .owl-dots .owl-dot:hover::before {
	color: #18212e;
	opacity: 1
}

.footer-style-two {
	position: relative;
	overflow: hidden;
	padding-top: 100px;
	background-color: #002457
}

.footer-style-two.style-two {
	padding-top: 170px
}

.footer-style-two .pattern-layer {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.footer-style-two .big-circle-layer {
	position: absolute;
	right: 0;
	bottom: -20px;
	width: 984px;
	height: 984px;
	background-repeat: no-repeat
}

.footer-style-two .widgets-section {
	position: relative;
	padding: 0 0 0
}

.footer-style-two .footer-column {
	position: relative
}

.footer-style-two .footer-widget {
	position: relative;
	z-index: 2;
	margin-bottom: 15px
}

.footer-style-two .footer-widget h5 {
	position: relative;
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase
}

.footer-style-two .logo-widget {
	position: relative;
	z-index: 3
}

.footer-style-two .logo-widget .logo {
	position: relative;
	margin-bottom: 18px
}

.footer-style-two .logo-widget .text {
	position: relative;
	line-height: 1.9em;
	margin-bottom: 35px;
	color: #b3bbc6;
	font-size: 15px
}

.footer-style-two .info-widget .info-list {
	position: relative
}

.footer-style-two .info-widget .info-list li {
	position: relative;
	margin-bottom: 20px;
	padding-left: 38px;
	color: #fff;
	line-height: 2em
}

.footer-style-two .info-widget .info-list li i {
	display: block;
	color: #b3bbc6;
	font-size: 13px;
	font-style: normal;
	margin-bottom: 0
}

.footer-style-two .info-widget .info-list li .icon {
	position: absolute;
	left: 0;
	top: 7px;
	color: #8abbfe;
	font-size: 20px;
	line-height: 1em
}

.footer-style-two .info-widget .info-list li a {
	position: relative;
	color: #fff;
	font-size: 16px;
	font-weight: 500
}

.footer-style-two .list-link li {
	position: relative;
	margin-bottom: 12px
}

.footer-style-two .list-link li a {
	position: relative;
	font-size: 15px;
	color: rgb(255 255 255 / .6);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.footer-style-two .list-link li a:hover {
	color: #fff
}

.footer-style-two .subscribe-widget .social-box {
	position: relative
}

.footer-style-two .subscribe-widget .social-box a {
	position: relative;
	font-size: 16px;
	margin-right: 18px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	color: rgb(255 255 255 / .6)
}

.footer-style-two .subscribe-widget .social-box a:hover {
	color: #fff
}

.email-form {
	margin-bottom: 35px
}

.email-form .form-group {
	position: relative;
	display: block;
	margin-bottom: 10px
}

.email-form .form-group input[type="text"],
.email-form .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 40px 10px 20px;
	height: 60px;
	font-size: 15px;
	color: #000;
	border-radius: 0;
	background: #fff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.email-form .form-group textarea::-webkit-input-placeholder,
.email-form .form-group input::-webkit-input-placeholder {
	color: #747b86
}

.email-form .form-group button {
	position: absolute;
	right: 0;
	top: 0;
	width: 55px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	background: #468ff5;
	display: inline-block
}

.footer-style-two .footer-bottom {
	position: relative;
	padding: 26px 0;
	text-align: center;
	border-top: 1px solid rgb(255 255 255 / .2)
}

.footer-style-two .footer-bottom .copyright {
	position: relative;
	color: #fff;
	font-size: 14px
}

.slider-section {
	position: relative;
	overflow: hidden;
	background-color: #e7e7e7;
	background-position: left top;
	background-repeat: no-repeat
}

.slider-section .slide {
	position: relative;
	padding-top: 130px;
	padding-bottom: 160px
}

.slider-section .social-nav {
	position: absolute;
	left: 30px;
	top: 70%;
	z-index: 2;
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	transform-origin: left center
}

.slider-section .social-nav li {
	position: relative;
	margin: 0 18px;
	display: inline-block
}

.slider-section .social-nav li a {
	position: relative;
	color: #fff;
	font-size: 13px;
	letter-spacing: 1px
}

.slider-section .content-column {
	position: relative
}

.slider-section .content-column .inner-column {
	position: relative;
	padding-top: 220px;
	padding-bottom: 100px
}

.slider-section .content-column .title {
	position: relative;
	color: #fff;
	line-height: 1.2em;
	opacity: 0;
	font-size: 22px;
	margin-bottom: 10px;
	letter-spacing: 10px;
	transform: scaleY(0);
	transform-origin: top;
	text-transform: uppercase;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.slider-section .active .content-column .title {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.slider-section .content-column h1 {
	position: relative;
	color: #fff;
	line-height: 1.2em;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.slider-section .active .content-column h1 {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms
}

.slider-section .content-column h4 {
	position: relative;
	color: #282f41;
	line-height: 1.2em;
	opacity: 0;
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 10px;
	letter-spacing: 1px;
	transform: scaleY(0);
	transform-origin: top;
	text-transform: uppercase;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.slider-section .active .content-column h4 {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms
}

.slider-section .content-column .text {
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 1.7em;
	margin-bottom: 40px;
	margin-top: 15px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.slider-section .active .content-column .text {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms
}

.slider-section .content-column .btns-box {
	margin-top: 35px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.slider-section .active .content-column .btns-box {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms
}

.slider-section .content-column .theme-btn {
	margin-right: 15px
}

.slider-section .image-column {
	position: relative
}

.slider-section .image-column .inner-column {
	position: relative;
	padding-top: 0;
	text-align: right;
	margin-right: -100px
}

.slider-section .image-column .inner-column:before {
	position: absolute;
	left: 100px;
	top: 60px;
	content: '';
	width: 545px;
	height: 545px;
	border-radius: 50%;
	background-color: #237cd8
}

.slider-section .image-column .image {
	position: relative;
	margin-left: 160px;
	opacity: 0;
	transform: scaleX(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.slider-section .image-column img {
	position: relative;
	width: auto
}

.slider-section .active .image-column .image {
	opacity: 1;
	transform: scaleX(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.slider-section .image-column .image .price-tag {
	position: absolute;
	right: 10px;
	top: 25px;
	z-index: 1;
	color: #000;
	font-size: 90px;
	line-height: 1em
}

.slider-section .image-column .image .price-tag span {
	position: relative;
	top: -8px;
	color: #fff;
	width: 74px;
	height: 74px;
	font-size: 60px;
	line-height: 74px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	background-color: #fe6229
}

.slider-section .image-column .image .cart-box {
	position: absolute;
	bottom: -80px;
	right: 40px;
	color: #000;
	letter-spacing: 2px;
	text-transform: uppercase
}

.slider-section .image-column .image .cart-box span {
	position: relative;
	width: 74px;
	height: 74px;
	color: #fff;
	font-size: 16px;
	line-height: 74px;
	text-align: center;
	margin-right: 10px;
	border-radius: 50px;
	display: inline-block;
	background-color: #fe6229;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.slider-section .image-column .image .cart-box:hover span {
	background-color: #f18292
}

.slider-section .owl-nav {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 10;
	width: 30px
}

.slider-section .owl-nav .owl-prev,
.slider-section .owl-nav .owl-next {
	position: relative;
	color: #000;
	font-size: 15px;
	margin: 8px 0
}

.slider-section .owl-dots {
	display: none
}

.slider-section .slide-info {
	position: absolute;
	right: 100px;
	bottom: 10px;
	color: #000;
	font-size: 11px;
	line-height: 1em;
	text-transform: uppercase
}

.slider-section .slide-info i {
	position: relative;
	top: -30px;
	left: 40px;
	z-index: 1;
	font-style: normal
}

.slider-section .slide-info .number {
	position: relative;
	color: #d8d8d8;
	font-size: 100px
}

.slider-icon-scroll,
.slider-icon-scroll:before {
	position: absolute;
	left: 50%
}

.slider-icon-scroll {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 30px;
	width: 30px;
	height: 60px;
	cursor: pointer;
	margin-left: -20px;
	cursor: pointer;
	display: block;
	z-index: 10;
	margin-top: -35px;
	box-shadow: inset 0 0 0 1px #fff;
	border-radius: 25px
}

.slider-icon-scroll:before {
	content: '';
	width: 8px;
	height: 8px;
	background: #fff;
	margin-left: -4px;
	top: 8px;
	border-radius: 4px;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-name: scroll
}

@keyframes scroll {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0;
		transform: translateY(46px)
	}
}

.collection-section {
	position: relative;
	padding-top: 120px;
	background-color: #f6f6f6
}

.collection-block {
	position: relative;
	margin-bottom: 100px
}

.collection-block .inner-box {
	position: relative;
	text-align: center;
	padding: 65px 30px 0;
	background-color: #f18292
}

.collection-block .inner-box h4 {
	position: relative;
	line-height: 1.3em;
	letter-spacing: 1px;
	margin-bottom: 25px
}

.collection-block .inner-box h4 a {
	position: relative;
	color: #fff;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.collection-block .inner-box h4 a:hover {
	color: #444
}

.collection-block .inner-box .image {
	position: relative;
	margin-top: 10px;
	display: inline-block;
	margin-bottom: -70px
}

.collection-block:nth-child(2) .inner-box {
	background-color: #fe6329
}

.collection-block:nth-child(3) .inner-box {
	background-color: #237cd8
}

.featured-section-two {
	position: relative;
	padding: 50px 0 90px;
	background-color: #f6f6f6
}

.feature-block-two {
	position: relative;
	margin-bottom: 30px
}

.feature-block-two .inner-box {
	position: relative;
	overflow: hidden;
	text-align: center;
	border-radius: 15px;
	padding: 20px 20px 35px;
	background-color: #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / .1)
}

.feature-block-two .inner-box .new {
	position: absolute;
	right: 15px;
	top: 15px;
	color: #fff;
	padding: 7px 15px;
	border-radius: 2px;
	background-color: #2975dc
}

.feature-block-two .inner-box .cart-list {
	position: absolute;
	right: 25px;
	top: -50%;
	z-index: 1;
	-webkit-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease
}

.feature-block-two .inner-box:hover .cart-list {
	top: 20px
}

.feature-block-two .inner-box .cart-list li {
	position: relative;
	margin-bottom: 10px
}

.feature-block-two .inner-box .cart-list li a {
	position: relative;
	width: 46px;
	height: 46px;
	color: #3b3b3b;
	font-size: 18px;
	line-height: 44px;
	border-radius: 50px;
	text-align: center;
	display: block;
	background-color: #fff;
	border: 1px solid #d5d5d5;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.feature-block-two .inner-box .cart-list li a:hover {
	color: #fff;
	border-color: #2975dc;
	background-color: #2975dc
}

.feature-block-two .inner-box .likes {
	position: relative;
	color: #141821;
	font-size: 16px;
	text-align: left
}

.feature-block-two .inner-box .likes .icon {
	position: relative;
	margin-right: 2px;
	color: #f64000;
	font-size: 14px
}

.feature-block-two .inner-box .image {
	position: relative;
	margin-top: 20px
}

.feature-block-two .inner-box h5 {
	position: relative;
	margin-top: 35px
}

.feature-block-two .inner-box h5 a {
	position: relative;
	color: #141821;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.feature-block-two .inner-box h5 a:hover {
	color: #2975dc
}

.feature-block-two .inner-box .order {
	position: relative;
	color: #858997;
	font-size: 16px;
	margin-top: 10px
}

.feature-block-two .inner-box .size {
	position: relative;
	color: #141821;
	font-size: 16px;
	margin-top: 28px;
	margin-bottom: 20px
}

.feature-block-two .select-amount {
	position: relative
}

.feature-block-two .select-box {
	position: relative;
	width: 50px;
	text-align: center;
	display: inline-block;
	margin: 0 1px 5px 1px
}

.feature-block-two .input-box {
	position: relative;
	float: left;
	width: 200px
}

.feature-block-two .select-box input[type="radio"] {
	left: 0;
	top: 0;
	visibility: hidden;
	position: absolute;
	opacity: 0
}

.feature-block-two .select-box label {
	display: block;
	line-height: 22px;
	padding: 9px 10px;
	text-align: center;
	font-size: 14px;
	color: #141821;
	border: 2px solid #c3c6d1;
	cursor: pointer;
	border-radius: 50px;
	transition: all 500ms ease
}

.feature-block-two .select-box input[type="radio"]:checked+label {
	background: #2975dc;
	border-color: #2975dc;
	color: #fff
}

.feature-color {
	position: relative;
	margin-bottom: 30px
}

.feature-color .inner-box {
	position: relative;
	border-radius: 15px;
	padding: 45px 30px 42px;
	background-color: #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / .1)
}

.feature-color .inner-box .image-column {
	position: relative
}

.feature-color .inner-box .image-column .inner-column {
	position: relative;
	padding-top: 40px
}

.feature-color .inner-box .image-column .image {
	position: relative
}

.feature-color .inner-box .image-column .image img {
	position: relative
}

.feature-color .inner-box .content-column {
	position: relative
}

.feature-color .inner-box .content-column .inner-column {
	position: relative
}

.feature-color .inner-box .content-column h2 {
	position: relative;
	color: #15181a;
	line-height: 1.2em
}

.feature-color .inner-box .content-column .price {
	position: relative;
	color: #858997;
	font-size: 18px;
	margin-top: 12px;
	margin-bottom: 10px
}

.feature-color .inner-box .content-column .text {
	position: relative;
	color: #444;
	font-size: 16px;
	margin-top: 12px;
	line-height: 1.9em;
	margin-bottom: 20px
}

.feature-color .inner-box .content-column .sel-colors {
	position: relative;
	margin-bottom: 15px
}

.feature-color .inner-box .content-column .sel-colors .colors {
	position: relative;
	margin-bottom: 22px;
	color: #141821;
	font-size: 16px;
	display: block
}

.feature-color .inner-box .content-column .sel-colors strong {
	position: relative;
	top: -11px;
	display: inline-block;
	font-size: 16px;
	color: #333;
	line-height: 30px;
	text-transform: uppercase;
	margin-right: 10px
}

.feature-color .inner-box .content-column .sel-colors .color-box {
	position: relative;
	margin-right: 15px;
	color: #141821;
	font-size: 14px;
	display: inline-block
}

.feature-color .inner-box .content-column .sel-colors .color-box input {
	position: absolute;
	left: 0;
	top: 0;
	color: #141821;
	font-size: 14px;
	opacity: 0;
	visibility: hidden
}

.feature-color .inner-box .content-column .sel-colors .color-box label {
	position: relative;
	top: -4px;
	display: block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.feature-color .inner-box .content-column .sel-colors .color-box input[type="radio"]:checked+label:before {
	position: absolute;
	content: '';
	left: 0%;
	top: 0%;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.feature-color .inner-box .products-form-two .choose-size {
	position: relative;
	margin-bottom: 22px;
	color: #141821;
	font-size: 16px;
	display: block
}

.feature-color .select-amount {
	position: relative
}

.feature-color .select-box {
	position: relative;
	width: 99px;
	height: 66px;
	text-align: center;
	display: inline-block;
	margin-right: 5px
}

.feature-color .input-box {
	position: relative;
	float: left;
	width: 200px
}

.feature-color .select-box input[type="radio"] {
	left: 0;
	top: 0;
	visibility: hidden;
	position: absolute;
	opacity: 0
}

.feature-color .select-box label {
	display: block;
	line-height: 22px;
	padding: 9px 10px;
	text-align: center;
	font-size: 14px;
	color: #141821;
	border: 2px solid #c3c6d1;
	cursor: pointer;
	border-radius: 50px;
	transition: all 500ms ease
}

.feature-color .select-box input[type="radio"]:checked+label {
	background: #2975dc;
	border-color: #2975dc;
	color: #fff
}

.products-section {
	position: relative;
	background-color: #f6f6f6
}

.products-section .outer-container {
	position: relative;
	overflow: hidden
}

.product-block {
	position: relative;
	overflow: hidden;
	margin-bottom: 30px
}

.product-block .inner-box {
	position: relative;
	overflow: hidden
}

.product-block .inner-box:before {
	position: absolute;
	content: '';
	left: -100%;
	top: -150px;
	width: 300px;
	height: 200%;
	background-color: #fff;
	transform: rotate(25deg);
	transition: all 1200ms ease;
	-moz-transition: all 1200ms ease;
	-webkit-transition: all 1200ms ease;
	-ms-transition: all 1200ms ease;
	-o-transition: all 1200ms ease
}

.product-block.now-in-view .inner-box::before {
	left: 150%;
	-webkit-transition-delay: 400ms;
	-moz-transition-delay: 400ms;
	-ms-transition-delay: 400ms;
	-o-transition-delay: 400ms;
	transition-delay: 400ms
}

.product-block .inner-box .overlay-box {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.product-block .inner-box .overlay-box .overlay-inner {
	position: relative;
	text-align: right;
	display: inline-block;
	padding: 200px 15px 15px 150px
}

.product-block .inner-box .overlay-box h3 {
	position: relative;
	color: #010101;
	font-size: 40px;
	line-height: 1.2em;
	letter-spacing: 1px;
	margin-bottom: 45px;
	text-transform: uppercase
}

.product-block .inner-box .overlay-box h3 span {
	position: relative;
	display: block;
	font-size: 14px;
	text-transform: capitalize
}

.product-block.style-two .inner-box .overlay-box .overlay-inner {
	padding: 50px 15px 15px 400px
}

.product-block.style-two .inner-box .overlay-box h3 {
	margin-bottom: 10px
}

.product-block.style-three .inner-box .overlay-box .overlay-inner {
	padding: 60px 15px 15px 90px
}

.product-block.style-three .inner-box .overlay-box h3 {
	margin-bottom: 10px;
	color: #fff
}

.arrival-section {
	position: relative;
	padding: 90px 0 90px;
	background-color: #f6f6f6
}

.clients-section {
	position: relative;
	padding: 100px 0 100px;
	text-align: center
}

.clients-section .outer-container {
	position: relative;
	padding: 0 40px
}

.clients-section .sponsors-outer .owl-dots,
.clients-section .sponsors-outer .owl-nav {
	position: relative;
	display: none
}

.clients-section .sponsors-outer .image-box {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid #fff0
}

.clients-section .sponsors-outer .image-box:hover {
	border-color: #2b93d2
}

.clients-section .sponsors-outer .image-box img {
	max-width: 100%;
	width: auto;
	opacity: .8;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.clients-section .sponsors-outer .image-box img:hover {
	opacity: 1
}

.info-list-section {
	position: relative;
	padding: 80px 0 50px;
	background-color: #f6f6f6
}

.info-list-section .info-column {
	position: relative;
	margin-bottom: 30px
}

.info-list-section .info-column .inner-column {
	position: relative;
	padding-left: 70px;
	text-align: left
}

.info-list-section .info-column .inner-column .icon {
	position: absolute;
	left: 0;
	top: 0;
	color: #000;
	line-height: 1em;
	font-size: 46px
}

.info-list-section .info-column .inner-column h6 {
	position: relative;
	color: #000;
	text-transform: uppercase
}

.info-list-section .info-column .inner-column .text {
	position: relative;
	color: #616161;
	font-size: 14px;
	margin-top: 0;
	text-transform: capitalize
}

.footer-style-three {
	position: relative;
	padding: 80px 0 30px;
	background-color: #fbfbfb
}

.footer-style-three .content-box {
	position: relative;
	text-align: center
}

.footer-style-three .content-box .logo {
	position: relative;
	text-align: center
}

.footer-style-three .content-box .text {
	position: relative;
	margin-top: 20px;
	line-height: 1.8em;
	color: #616161;
	font-size: 14px;
	margin-bottom: 40px
}

.footer-style-three .content-box .subscribe-form-three {
	max-width: 470px;
	margin: 0 auto
}

.footer-style-three .footer-nav {
	position: relative;
	margin-top: 50px
}

.footer-style-three .footer-nav li {
	position: relative;
	margin: 0 15px;
	display: inline-block
}

.footer-style-three .footer-nav li a {
	position: relative;
	color: #000;
	font-size: 14px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.footer-style-three .footer-nav li a:hover {
	color: #468ff5
}

.subscribe-form-three {
	margin-bottom: 35px
}

.subscribe-form-three .form-group {
	position: relative;
	display: block;
	margin-bottom: 10px
}

.subscribe-form-three .form-group input[type="text"],
.subscribe-form-three .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 40px 10px 0;
	height: 48px;
	font-size: 15px;
	color: #616161;
	border-radius: 1px;
	background: none;
	border-bottom: 1px solid #bfbfbf;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.subscribe-form-three .form-group input[type="text"]:focus,
.subscribe-form-three .form-group input[type="email"]:focus {
	border-color: #468ff5
}

.subscribe-form-three .form-group textarea::-webkit-input-placeholder,
.subscribe-form-three .form-group input::-webkit-input-placeholder {
	color: #616161
}

.subscribe-form-three .form-group button {
	position: absolute;
	right: 0;
	top: 0;
	height: 48px;
	padding: 8px 0;
	font-size: 20px;
	color: #616161;
	display: inline-block;
	cursor: pointer;
	background: none;
	text-align: right
}

.footer-style-three .copyright {
	position: relative;
	color: #000;
	font-size: 12px;
	margin-top: 60px;
	letter-spacing: 2px;
	text-transform: uppercase
}

.main-slide-two {
	position: relative;
	overflow: hidden;
	padding-top: 120px;
	padding-bottom: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: left top
}

.main-slide-two .icon-one {
	position: absolute;
	left: 48%;
	top: 25%;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat
}

.main-slide-two .icon-two {
	position: absolute;
	left: 90%;
	top: 65%;
	width: 31px;
	height: 31px;
	background-repeat: no-repeat
}

.main-slide-two .content-column {
	position: relative
}

.main-slide-two .content-column .inner-column {
	position: relative;
	padding-top: 140px
}

.main-slide-two .content-column h1 {
	position: relative;
	color: #222;
	line-height: 1.2em;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.main-slide-two .content-column h1 span {
	color: #008e93
}

.main-slide-two .active .content-column h1 {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.main-slide-two .content-column h2 {
	position: relative;
	color: #222;
	line-height: 1.2em;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.main-slide-two .content-column h2 span {
	color: #008e93
}

.main-slide-two .active .content-column h2 {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms
}

.main-slide-two .content-column .text {
	position: relative;
	color: #999;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 40px;
	margin-top: 30px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.main-slide-two .active .content-column .text {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms
}

.main-slide-two .content-column .btns-box {
	margin-top: 35px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.main-slide-two .active .content-column .btns-box {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms
}

.main-slide-two .content-column .theme-btn {
	margin-right: 15px
}

.main-slide-two .image-column {
	position: relative
}

.main-slide-two .image-column .inner-column {
	position: relative;
	margin-right: -80px;
	padding-top: 0
}

.main-slide-two .image-column .image {
	position: relative;
	opacity: 0;
	transform: scaleX(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.main-slide-two .image-column img {
	position: relative;
	width: auto
}

.main-slide-two .active .image-column .image {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.main-slide-two .owl-nav {
	display: none
}

.main-slide-two .owl-dots {
	position: absolute;
	left: 5%;
	top: 50%
}

.main-slide-two .owl-dots .owl-dot {
	position: relative;
	width: 5px;
	height: 5px;
	border-radius: 50px;
	margin: 10px 0;
	display: block;
	background-color: #008e93;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.main-slide-two .owl-dots .owl-dot.active,
.main-slide-two .owl-dots .owl-dot:hover {
	height: 60px
}

.clients-section-two {
	position: relative;
	padding: 50px 0 100px;
	text-align: center
}

.clients-section-two .outer-container {
	position: relative;
	padding: 0 40px
}

.clients-section-two .sponsors-outer .owl-dots,
.clients-section-two .sponsors-outer .owl-nav {
	position: relative;
	display: none
}

.clients-section-two .sponsors-outer .image-box {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid #fff0
}

.clients-section-two .sponsors-outer .image-box:hover {
	border-color: #008e93
}

.clients-section-two .sponsors-outer .image-box img {
	max-width: 100%;
	width: auto;
	opacity: .8;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.clients-section-two .sponsors-outer .image-box img:hover {
	opacity: 1
}

.services-section {
	position: relative;
	padding: 50px 0 130px
}

.services-section .icon-one {
	position: absolute;
	left: 20%;
	top: 5%;
	width: 102px;
	height: 122px;
	background-repeat: no-repeat
}

.services-section .icon-two {
	position: absolute;
	left: 44%;
	top: 0%;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat
}

.services-section .icon-three {
	position: absolute;
	left: 10%;
	top: 58%;
	width: 62px;
	height: 61px;
	background-repeat: no-repeat
}

.services-section .icon-four {
	position: absolute;
	right: 8%;
	top: 58%;
	width: 31px;
	height: 31px;
	background-repeat: no-repeat
}

.services-section .icon-five {
	position: absolute;
	right: 8%;
	top: -7%;
	width: 78px;
	height: 79px;
	background-repeat: no-repeat
}

.services-section .service-block:nth-child(2n+0) {
	margin-top: 40px
}

.service-block {
	position: relative
}

.service-block .inner-box {
	position: relative;
	text-align: center;
	padding: 50px 15px 45px;
	background-color: #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / .15)
}

.service-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 4px;
	width: 100%;
	background-color: #008e92;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
	transform: scale(0, 1)
}

.service-block .inner-box:hover::before {
	transform: scale(1, 1)
}

.service-block .inner-box .icon-box {
	position: relative;
	font-size: 52px;
	line-height: 1em;
	color: #008e92
}

.service-block .inner-box h5 {
	position: relative;
	margin-top: 20px;
	color: #222;
	line-height: 1.3em
}

.service-block .inner-box .overlay-link {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: block
}

.service-block.style-two .inner-box .icon-box {
	color: #468ff5
}

.service-block.style-two .inner-box:before {
	background-color: #468ff5
}

.discover-section {
	position: relative;
	padding: 200px 0 0
}

.discover-section:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 129px;
}

.discover-section .content-column {
	position: relative;
	margin-bottom: 40px
}

.discover-section .content-column .inner-column {
	position: relative
}

.discover-section .content-column .icon-one {
	position: absolute;
	left: -75px;
	top: -75px;
	width: 69px;
	height: 95px;
	background-repeat: no-repeat
}

.discover-section .content-column h2 {
	position: relative;
	color: #222;
	line-height: 1.2em;
	margin-bottom: 45px
}

.discover-list {
	position: relative
}

.discover-list li {
	position: relative;
	padding-left: 115px;
	color: #7c8087;
	font-size: 16px;
	min-height: 85px;
	line-height: 1.7em;
	margin-bottom: 50px
}

.discover-list li strong {
	position: relative;
	color: #222;
	line-height: 1.3em;
	margin-bottom: 8px;
	display: block
}

.discover-list li .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 83px;
	height: 83px;
	color: #008e92;
	font-size: 32px;
	line-height: 81px;
	text-align: center;
	border-radius: 7px;
	border: 1px solid #e2e4e8;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.discover-list li:hover .icon {
	border-color: #008e92
}

.discover-section .image-column {
	position: relative;
	margin-bottom: 40px
}

.discover-section .image-column .inner-column {
	position: relative;
	padding: 0 50px
}

.discover-section .image-column .inner-column .image-outer {
	position: relative
}

.discover-section .image-column .inner-column .icon-one {
	position: absolute;
	left: -60px;
	top: -50px;
	width: 176px;
	height: 191px;
	background-repeat: no-repeat
}

.discover-section .image-column .inner-column .image {
	position: relative;
	overflow: hidden;
	border-radius: 10px
}

.discover-section .image-column .inner-column .image img {
	position: relative;
	width: 100%;
	display: block
}

.discover-section .image-column .inner-column .image:before {
	position: absolute;
	content: '';
	right: -300px;
	top: -200px;
	width: 600px;
	height: 600px;
	z-index: 1;
	border-radius: 50%;
	background-color: rgb(0 142 146 / .8)
}

.solution-section {
	position: relative;
	padding: 100px 0 50px 0;
	overflow: hidden
}

.solution-section .title-box {
	position: relative;
	margin-bottom: 55px
}

.solution-section .title-box h2 {
	position: relative;
	color: #0f77bc;
	line-height: 1.2em
}

.solution-section .content-column .inner-column h3 {
	line-height: 1.2em
}

.solution-section .content-column {
	position: relative;
	margin: auto
}

.solution-section .content-column .inner-column {
	position: relative;
	padding-left: 80px;
	padding-right: 150px
}

.solution-section .content-column .text {
	position: relative
}

.solution-section .content-column .text p {
	position: relative;
	color: #666;
	font-size: 18px;
	line-height: 1.3em
}

.news-single .inner-box .lower-content .text .table-of-content {
	position: relative;
	width: 100%;
	margin-bottom: 0;
	display: inline-block;
	border-radius: 20px;
	background-color: #0f77bc0f !important;
	padding-left: 30px;
	padding-top: .5px;
	padding-bottom: 26px
}

.solution-section .content-column .text p:last-child {
	margin-bottom: 0
}

.solution-section .image-column {
	position: relative;
	margin-bottom: 40px
}

.solution-section .image-column .inner-column {
	position: relative
}

.solution-section .image-column .icon-one {
	position: absolute;
	left: -60px;
	bottom: -50px;
	width: 176px;
	height: 191px;
	background-repeat: no-repeat
}

.solution-section .image-column .inner-column .image-outer {
	position: relative
}

.solution-section .image-column .inner-column .image {
	position: relative;
	overflow: hidden;
	border-radius: 10px
}

.solution-section .image-column .inner-column .image img {
	position: relative;
	display: block
}

.solution-section .content-column .small-text {
	position: relative;
	color: #7c8087;
	font-size: 13px;
	line-height: 1.8em;
	max-width: 380px;
	margin-top: 40px
}

.solution-section .content-column .author {
	position: relative;
	color: #008e92;
	font-size: 13px;
	margin-top: 25px
}

.custom-about-page-section-layer-one {
	position: absolute;
	left: -14%;
	top: -29%;
	width: 300px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.custom-about-page-section-layer-one img {
	opacity: .04
}

.pricing-section-two {
	position: relative;
	padding-top: 120px;
	padding-bottom: 90px
}

.price-block-two {
	position: relative;
	margin-bottom: 30px
}

.price-block-two .inner-box {
	position: relative;
	padding: 40px 30px;
	text-align: center;
	border-radius: 5px;
	background-color: #f2f9f9;
	border: 1px dashed #a5d5d7
}

.price-block-two .inner-box .icon-box {
	position: relative;
	width: 247px;
	height: 253px;
	margin: 0 auto
}

.price-block-two .inner-box .icon-box:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.price-block-two .inner-box .icon-box .icon {
	position: relative;
	width: 247px;
	height: 253px;
	color: #fff;
	line-height: 253px;
	text-align: center;
	border-radius: 50%;
	font-size: 60px;
	display: inline-block
}

.price-block-two .inner-box .price {
	position: relative;
	margin-top: 70px;
	color: #008e92;
	font-size: 60px
}

.price-block-two .inner-box .price sub {
	position: relative;
	font-size: 16px
}

.price-block-two .inner-box .price sup {
	position: relative;
	font-size: 16px;
	top: -30px
}

.price-block-two .inner-box .price span {
	position: relative;
	display: block;
	color: #999;
	font-size: 16px;
	margin-top: 15px
}

.price-block-two .inner-box h4 {
	position: relative;
	color: #222;
	margin-top: 25px;
	margin-bottom: 15px;
	text-transform: capitalize
}

.price-block-two .inner-box .price-list {
	position: relative;
	margin-bottom: 35px
}

.price-block-two .inner-box .price-list li {
	position: relative;
	margin-bottom: 15px;
	color: #999;
	font-size: 15px
}

.price-block-two .inner-box .price-list li:last-child {
	margin-bottom: 0
}

.video-section-three {
	position: relative;
	padding-top: 120px;
	background-color: #f2f9fb
}

.video-section-three:before {
	position: absolute;
	content: '';
	left: 0;
	top: 100%;
	width: 100%;
	height: 492px
}

.video-section-three .video-boxed {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
	max-width: 770px;
	margin: 0 auto;
	text-align: center;
	background-size: cover;
	padding: 220px 15px 140px;
	background-repeat: no-repeat;
	box-shadow: 0 10px 30px rgb(0 0 0 / .2)
}

.video-section-three .video-boxed .overlay-box {
	position: relative;
	text-align: center;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.video-section-three .video-boxed .overlay-box span {
	position: relative;
	width: 80px;
	height: 80px;
	top: 50%;
	z-index: 10;
	color: #222;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	padding-left: 4px;
	display: inline-block;
	margin-top: -40px;
	line-height: 80px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-color: rgb(255 255 255)
}

.video-section-three .video-boxed h4 {
	position: relative;
	color: #fff;
	z-index: 2;
	font-size: 18px;
	line-height: 1.6em;
	text-align: center;
	margin-top: 40px;
	font-style: italic;
	display: inline-block
}

.video-section-three .video-boxed h4:before {
	position: absolute;
	content: '';
	right: -40px;
	top: -15px;
	width: 17px;
	height: 50px;
}

.video-section-three .video-boxed .ripple,
.video-section-three .video-boxed .ripple:before,
.video-section-three .video-boxed .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(255 255 255 / .6);
	-moz-box-shadow: 0 0 0 0 rgb(255 255 255 / .6);
	-ms-box-shadow: 0 0 0 0 rgb(255 255 255 / .6);
	-o-box-shadow: 0 0 0 0 rgb(255 255 255 / .6);
	box-shadow: 0 0 0 0 rgb(255 255 255 / .6);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite
}

.video-section-three .video-boxed .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute
}

.video-section-three .video-boxed .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute
}

.video-section-three .lower-text {
	position: relative;
	margin-top: 40px;
	color: #999;
	font-size: 16px;
	text-align: center
}

.video-section-three .lower-text a {
	position: relative;
	color: #008e92
}

.testimonial-section-three {
	position: relative;
	overflow: hidden;
	padding: 160px 0 0
}

.testimonial-section-three .owl-dots {
	position: relative
}

.testimonial-section-three .owl-dots .owl-dot {
	position: relative;
	width: 35px;
	height: 3px;
	border-radius: 50px;
	margin-right: 12px;
	display: inline-block;
	background-color: #e2e4e8;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.testimonial-section-three .owl-dots .owl-dot.active,
.testimonial-section-three .owl-dots .owl-dot:hover {
	background-color: #008e92
}

.testimonial-section-three .owl-nav {
	position: absolute;
	right: 0;
	top: -100px
}

.testimonial-section-three .owl-nav .owl-prev,
.testimonial-section-three .owl-nav .owl-next {
	position: relative;
	margin-left: 35px;
	color: #e2e4e8;
	font-size: 44px;
	line-height: 1em;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.testimonial-section-three .owl-nav .owl-prev:hover,
.testimonial-section-three .owl-nav .owl-next:hover {
	color: #008e92
}

.testimonial-section-three .owl-carousel .owl-stage-outer {
	overflow: visible
}

.testimonial-section-three .title-box {
	position: relative;
	margin-bottom: 65px
}

.testimonial-section-three .title-box .icon {
	position: relative;
	width: 85px;
	height: 85px;
	color: #008e92;
	line-height: 87px;
	text-align: center;
	border-radius: 50px;
	display: block;
	font-size: 40px;
	background-color: #e9f7fe
}

.testimonial-section-three .title-box h2 {
	position: relative;
	color: #222;
	line-height: 1.1em;
	margin-top: 30px
}

.testimonial-section-three .inner-container {
	position: relative
}

.testimonial-section-three .inner-container:before {
	position: absolute;
	content: '';
	right: 100%;
	top: 0;
	height: 100%;
	width: 1000%;
	z-index: 10;
	background-color: #fff
}

.testimonial-block-three {
	position: relative;
	margin-bottom: 30px
}

.testimonial-block-three .inner-box {
	position: relative;
	padding: 28px 28px 32px;
	border-radius: 7px;
	background-color: #fff;
	border: 1px solid #e2e4e8
}

.testimonial-block-three .inner-box .author-image {
	position: relative;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 50%
}

.testimonial-block-three .inner-box .text {
	position: relative;
	color: #222;
	font-size: 15px;
	margin-top: 25px;
	line-height: 1.8em
}

.testimonial-block-three .inner-box .author-name {
	position: relative;
	color: #222;
	font-size: 18px;
	margin-top: 15px;
	line-height: 1.4em
}

.footer-style-four {
	position: relative;
	padding-top: 270px;
	padding-bottom: 50px
}

.footer-style-four .pattern-layer {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-position: left bottom;
	background-repeat: repeat-x
}

.footer-style-four .widgets-section {
	position: relative;
	padding: 0 0 60px
}

.footer-style-four .footer-widget {
	position: relative;
	z-index: 2;
	margin-bottom: 30px
}

.footer-style-four .footer-widget h5 {
	position: relative;
	color: #222;
	margin-bottom: 20px;
	text-transform: capitalize
}

.footer-style-four .list-link li {
	position: relative;
	margin-bottom: 14px
}

.footer-style-four .list-link li a {
	position: relative;
	font-size: 15px;
	color: #7c8087;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.footer-style-four .list-link li a:hover {
	color: #008e92
}

.footer-style-four .subscribe-widget .text {
	position: relative;
	color: #7c8087;
	font-size: 15px;
	line-height: 1.8em;
	margin-bottom: 30px
}

.newsletter-form {
	margin-bottom: 35px
}

.newsletter-form .form-group {
	position: relative;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.newsletter-form .form-group input[type="text"],
.newsletter-form .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 40px 10px 25px;
	height: 70px;
	font-size: 18px;
	color: #000;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.newsletter-form .form-group textarea::-webkit-input-placeholder,
.newsletter-form .form-group input::-webkit-input-placeholder {
	color: #8c97ac
}

.newsletter-form .form-group button {
	position: absolute;
	right: 5px;
	top: 5px;
	border-radius: 5px;
	padding: 15px 36px
}

.footer-style-four .copyright {
	position: relative;
	text-align: center;
	font-size: 15px;
	color: #7c8087
}

.main-slide-three {
	position: relative;
	padding-top: 200px;
	padding-bottom: 260px;
	background-size: cover;
	background-color: #3e7ef8;
	background-repeat: no-repeat;
	background-position: right bottom
}

.main-slide-three .outer-container {
	position: relative;
	overflow: hidden
}

.main-slide-three .content-column {
	position: relative;
	z-index: 3
}

.main-slide-three .content-column .inner-column {
	position: relative;
	padding-top: 140px
}

.main-slide-three .content-column h1 {
	position: relative;
	color: #fff;
	line-height: 1.1em;
	font-size: 80px
}

.main-slide-three .content-column .text {
	position: relative;
	color: #fff;
	font-size: 24px;
	line-height: 1.6em;
	margin-bottom: 40px;
	margin-top: 25px
}

.main-slide-three .content-column .btns-box {
	margin-top: 35px
}

.main-slide-three .carousel-column {
	position: relative
}

.main-slide-three .carousel-column .inner-column {
	position: relative;
	margin-right: 0;
	padding-top: 0
}

.main-slide-three .carousel-column .inner-column:before {
	position: absolute;
	content: '';
	right: 100%;
	top: 0;
	height: 100%;
	width: 30000px;
	z-index: 2;
	background-color: #3e7ef8
}

.main-slide-three .carousel-column .inner-column .owl-carousel .owl-stage-outer {
	overflow: visible
}

.main-slide-three .owl-nav {
	position: absolute;
	left: 20px;
	bottom: 20px
}

.main-slide-three .owl-nav .owl-prev,
.main-slide-three .owl-nav .owl-next {
	position: relative;
	width: 50px;
	height: 50px;
	color: #3e7ef8;
	font-size: 28px;
	text-align: center;
	line-height: 50px;
	margin-right: 15px;
	border-radius: 50px;
	display: inline-block;
	background-color: #fff
}

.main-slide-three .owl-dots {
	position: absolute;
	left: 5%;
	top: 50%
}

.main-slide-three .owl-dots .owl-dot {
	position: relative;
	width: 5px;
	height: 5px;
	border-radius: 50px;
	margin: 10px 0;
	display: block;
	background-color: #000;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.main-slide-three .owl-dots .owl-dot.active,
.main-slide-three .owl-dots .owl-dot:hover {
	height: 60px
}

.featured-section-three {
	position: relative;
	padding: 50px 0 90px
}

.featured-section-three .inner-container {
	position: relative;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.featured-section-three .feature-block-three {
	padding: 0;
	float: left
}

.featured-section-three .feature-block-three:last-child .inner-box {
	border-right: 0
}

.feature-block-three {
	position: relative
}

.feature-block-three .inner-box {
	position: relative;
	text-align: left;
	padding: 30px 30px 30px;
	background-color: #fff;
	border-right: 2px solid #eaeaea;
	box-shadow: 0 0 20px rgb(0 0 0 / .1)
}

.feature-block-three .inner-box .icon-box {
	position: relative;
	font-size: 56px;
	color: #3e7ef8;
	line-height: 1em
}

.feature-block-three .inner-box .icon-box .icon {
	position: relative
}

.feature-block-three .inner-box h6 {
	position: relative;
	line-height: 1.3em;
	margin-top: 24px;
	margin-bottom: 15px
}

.feature-block-three .inner-box h6 a {
	position: relative;
	color: #000;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.feature-block-three .inner-box h6 a:hover {
	position: relative;
	color: #3e7ef8
}

.feature-block-three .inner-box .text {
	position: relative;
	color: #9b9b9b;
	font-size: 14px;
	line-height: 1.9em
}

.about-section {
	position: relative;
	padding: 100px 0 60px
}

.about-section .video-column {
	position: relative;
	margin-bottom: 40px
}

.about-section .video-column .inner-column {
	position: relative
}

.about-section .video-column .video-box {
	position: absolute;
	right: -40px;
	top: 50%;
	width: 80px;
	height: 80px;
	color: #fff;
	font-size: 20px;
	margin-top: -40px;
	text-align: center;
	border-radius: 50px;
	line-height: 80px;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background-color: #3e7ef8
}

.about-section .video-column .video-box .overlay-box span {
	position: absolute;
	width: 80px;
	height: 80px;
	left: 50%;
	top: 50%;
	z-index: 99;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 50%;
	padding-left: 7px;
	display: inline-block;
	margin-top: -40px;
	margin-left: -40px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.about-section .video-column .video-box .ripple,
.about-section .video-column .video-box .ripple:before,
.about-section .video-column .video-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 80px;
	width: 80px;
	margin-left: .5px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(62 126 248 / .4);
	-moz-box-shadow: 0 0 0 0 rgb(62 126 248 / .4);
	-ms-box-shadow: 0 0 0 0 rgb(62 126 248 / .4);
	-o-box-shadow: 0 0 0 0 rgb(62 126 248 / .4);
	box-shadow: 0 0 0 0 rgb(62 126 248 / .4);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite
}

.about-section .video-column .video-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute
}

.about-section .video-column .video-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute
}

.about-section .content-column {
	position: relative
}

.about-section .content-column .inner-column {
	position: relative;
	padding-top: 50px;
	padding-left: 60px
}

.about-section .content-column .title {
	position: relative;
	color: #3e7ef8;
	font-size: 16px
}

.about-section .content-column h2 {
	position: relative;
	color: #040404;
	font-size: 37px;
	line-height: 1.3em;
	margin-top: 20px;
	margin-bottom: 20px
}

.about-section .content-column .text {
	position: relative;
	color: #9b9b9b;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 30px
}

.about-section .content-column .theme-btn {
	padding: 14px 70px
}

.about-section.style-two .content-column .inner-column {
	padding-left: 0;
	padding-top: 75px;
	padding-right: 60px
}

.about-section.style-two .video-column .video-box {
	left: 50%;
	top: 50%;
	right: auto;
	margin-right: 0;
	margin-left: -40px;
	margin-top: -40px
}

.featured-section-four {
	position: relative;
	padding: 100px 0 70px;
	background-color: #f9f9f9
}

.feature-block-four {
	position: relative;
	margin-bottom: 30px
}

.feature-block-four .inner-box {
	position: relative;
	text-align: center;
	border-radius: 3px;
	padding: 45px 30px 50px;
	background-color: #fff;
	border: 2px solid #fff0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	box-shadow: 0 0 20px rgb(0 0 0 / .1)
}

.feature-block-four .inner-box:hover {
	border-color: #3e7ef8
}

.feature-block-four .inner-box .icon-box {
	position: relative;
	font-size: 64px;
	color: #3e7ef8;
	line-height: 1em
}

.feature-block-four .inner-box .icon-box .icon {
	position: relative
}

.feature-block-four .inner-box h6 {
	position: relative;
	line-height: 1.3em;
	margin-top: 28px;
	margin-bottom: 18px
}

.feature-block-four .inner-box h6 a {
	position: relative;
	color: #000;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.feature-block-four .inner-box h6 a:hover {
	position: relative;
	color: #3e7ef8
}

.feature-block-four .inner-box .text {
	position: relative;
	color: #9b9b9b;
	font-size: 16px;
	line-height: 1.9em;
	padding: 0 0;
	margin-bottom: 35px
}

.feature-block-four .inner-box .read-more {
	position: relative;
	color: #0d1741;
	font-size: 15px;
	line-height: 1.9em;
	padding: 16px 26px;
	margin-bottom: 30px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.feature-block-four .inner-box .read-more .fa {
	position: relative;
	margin-left: 4px;
	top: 0
}

.feature-block-four .inner-box .read-more:hover {
	background-color: #3e7ef8;
	color: #fff
}

.projects-section {
	position: relative;
	padding: 100px 0 0
}

.projects-section .image-layer {
	position: absolute;
	left: 0;
	top: 0;
	height: 701px;
	width: 100%;
	background-attachment: fixed;
	background-size: cover
}

.projects-section .image-layer:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(62 126 248 / .9)
}

.feature-block-five {
	position: relative;
	margin-bottom: 30px
}

.feature-block-five .inner-box {
	position: relative;
	box-shadow: 0 0 20px rgb(0 0 0 / .1)
}

.feature-block-five .inner-box .image {
	position: relative
}

.feature-block-five .inner-box .image img {
	position: relative;
	width: 100%;
	display: block
}

.feature-block-five .inner-box .image:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	z-index: 1;
	opacity: .7;
	background: -webkit-linear-gradient(top, #fff0, rgb(0 0 0 / .8));
	background: -moz-linear-gradient(top, #fff0, rgb(0 0 0 / .8));
	background: -o-linear-gradient(top, #fff0, rgb(0 0 0 / .8));
	background: -ms-linear-gradient(top, #fff0, rgb(0 0 0 / .8))
}

.feature-block-five .inner-box .image .category {
	position: absolute;
	left: 30px;
	bottom: 0;
	color: #fff;
	z-index: 2;
	padding: 8px 18px;
	display: inline-block;
	background-color: #3e7ef8
}

.feature-block-five .inner-box .lower-content {
	position: relative;
	padding: 30px 30px;
	background-color: #fff
}

.feature-block-five .inner-box .lower-content h5 {
	position: relative;
	color: #121c45;
	line-height: 1.4em;
	margin-bottom: 15px
}

.feature-block-five .inner-box .lower-content h5 a {
	position: relative;
	color: #121c45;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.feature-block-five .inner-box .lower-content .text {
	position: relative;
	color: #9b9b9b;
	font-size: 15px;
	line-height: 1.8em;
	margin-bottom: 20px
}

.feature-block-five .inner-box .lower-content .read-more {
	position: relative;
	color: #0d1741;
	font-size: 15px;
	line-height: 1.3em;
	margin-bottom: 30px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.feature-block-five .inner-box .lower-content .read-more .fa {
	position: relative;
	margin-left: 4px;
	top: 0
}

.feature-block-five .inner-box .lower-content h5 a:hover,
.feature-block-five .inner-box .lower-content .read-more:hover {
	color: #3e7ef8
}

.clients-section-three {
	position: relative;
	padding: 50px 0 0;
	text-align: center
}

.clients-section-three .sponsors-outer {
	position: relative;
	padding-bottom: 60px;
	border-bottom: 1px solid #ebebeb
}

.clients-section-three .sponsors-outer .owl-dots,
.clients-section-three .sponsors-outer .owl-nav {
	position: relative;
	display: none
}

.clients-section-three .sponsors-outer .image-box {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid #fff0
}

.clients-section-three .sponsors-outer .image-box:hover {
	border-color: #3e7ef8
}

.clients-section-three .sponsors-outer .image-box img {
	max-width: 100%;
	width: auto;
	opacity: .8;
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.clients-section-three .sponsors-outer .image-box img:hover {
	opacity: 1
}

.testimonial-section-four {
	position: relative;
	overflow: hidden;
	padding: 100px 0 100px
}

.testimonial-section-four .owl-nav {
	display: none
}

.testimonial-section-four .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 65px
}

.testimonial-section-four .owl-dots .owl-dot {
	position: relative;
	width: 12px;
	height: 12px;
	margin: 0 10px;
	border-radius: 50%;
	display: inline-block;
	background-color: #eee;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.testimonial-section-four .owl-dots .owl-dot.active,
.testimonial-section-four .owl-dots .owl-dot:hover {
	background-color: #3e7ef8
}

.testimonial-section-four .owl-carousel .owl-stage-outer {
	overflow: visible
}

.testimonial-section-four .testimonial-carousel-two {
	max-width: 650px;
	margin: 0 auto
}

.testimonial-section-four .owl-carousel .owl-item.center .testimonial-block-four .inner-box {
	background-color: #3e7ef8;
	outline-color: rgb(255 255 255 / .15)
}

.testimonial-section-four .testimonial-block-four {
	opacity: .4
}

.testimonial-section-four .owl-carousel .owl-item.center .testimonial-block-four {
	opacity: 1
}

.testimonial-section-four .owl-carousel .owl-item.center .testimonial-block-four .inner-box .text,
.testimonial-section-four .owl-carousel .owl-item.center .testimonial-block-four .inner-box .author,
.testimonial-section-four .owl-carousel .owl-item.center .testimonial-block-four .inner-box .info {
	color: #fff
}

.testimonial-block-four {
	position: relative
}

.testimonial-block-four .inner-box {
	position: relative;
	padding: 70px 60px;
	text-align: center;
	border-radius: 4px;
	background-color: #f7f7f7;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease;
	outline: 1px solid rgb(179 179 179 / .1);
	outline-offset: -18px
}

.testimonial-block-four .inner-box .pattern-layer {
	position: absolute;
	left: 0;
	right: 0;
	top: 90px;
	width: 100%;
	height: 118px;
	background-position: center center;
	background-repeat: no-repeat
}

.testimonial-block-four .inner-box .author-image {
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50px;
	overflow: hidden;
	margin: 0 auto;
	border: 2px solid #fff
}

.testimonial-block-four .inner-box .text {
	position: relative;
	color: #3b3b3b;
	font-size: 20px;
	line-height: 1.6em;
	margin-bottom: 25px;
	margin-top: 30px;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease
}

.testimonial-block-four .inner-box .author {
	position: relative;
	color: #3b3b3b;
	font-size: 18px;
	margin-bottom: 4px;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease
}

.testimonial-block-four .inner-box .info {
	position: relative;
	color: #3b3b3b;
	font-size: 14px;
	margin-bottom: 4px;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease
}

.newsletter-section {
	position: relative;
	padding: 60px 0 40px;
	background-color: #3374ef
}

.newsletter-section .inner-container {
	position: relative
}

.newsletter-section .title-column {
	position: relative
}

.newsletter-section .title-column .inner-column {
	position: relative
}

.newsletter-section .title-column h3 {
	position: relative;
	color: #fff
}

.newsletter-section .title-column .text {
	position: relative;
	color: #292929;
	font-size: 16px;
	margin-top: 5px;
	font-style: italic
}

.emailed-form .form-group {
	position: relative;
	display: block;
	max-width: 650px;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 20px
}

.emailed-form .form-group input[type="text"],
.emailed-form .form-group input[type="tel"],
.emailed-form .form-group input[type="email"],
.emailed-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 20px;
	height: 50px;
	font-size: 14px;
	color: #797979;
	overflow: hidden;
	border-radius: 50px;
	padding: 10px 50px 10px 30px;
	background: #fff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid #ccc
}

.emailed-form .form-group input[type="submit"],
.emailed-form button {
	position: absolute;
	right: 0;
	top: 0;
	width: 160px;
	height: 50px;
	line-height: 40px;
	color: #fff;
	font-size: 14px;
	text-align: center;
	background: #3e7ef8;
	letter-spacing: 2px;
	border-radius: 50px;
	text-transform: uppercase
}

.footer-style-five {
	position: relative;
	background-color: #3e7ef8
}

.footer-style-five .upper-box {
	position: relative;
	padding: 70px 0 50px;
	border-bottom: 1px solid rgb(255 255 255 / .1)
}

.footer-style-five .upper-box strong {
	position: relative;
	color: #fff;
	font-size: 16px;
	display: block;
	margin-bottom: 15px;
	text-transform: uppercase
}

.footer-style-five .upper-box .text {
	position: relative;
	font-size: 16px;
	color: #fff;
	line-height: 1.8em
}

.footer-style-five .upper-box .phone {
	position: relative;
	margin-top: 15px;
	font-size: 16px;
	color: #fff;
	opacity: .9;
	line-height: 1.8em;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.footer-style-five .upper-box .phone:hover {
	color: #222
}

.footer-style-five .upper-box .email {
	position: relative;
	margin-top: 15px;
	font-size: 16px;
	color: #fff;
	opacity: .9;
	line-height: 1.8em;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.footer-style-five .upper-box .email:hover {
	color: #222
}

.footer-style-five .widgets-section {
	position: relative;
	padding: 60px 0 50px;
	border-bottom: 1px solid rgb(255 255 255 / .1)
}

.footer-style-five .footer-widget {
	position: relative;
	z-index: 2;
	margin-bottom: 30px
}

.footer-style-five .footer-widget h6 {
	position: relative;
	color: #fff;
	margin-bottom: 20px;
	text-transform: uppercase
}

.footer-style-five .list-link li {
	position: relative;
	margin-bottom: 12px
}

.footer-style-five .list-link li a {
	position: relative;
	font-size: 16px;
	color: #fff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.footer-style-five .list-link li a:hover {
	color: #222
}

.footer-style-five .social-widget {
	position: relative;
	text-align: right
}

.footer-style-five .social-widget .text {
	position: relative;
	font-size: 16px;
	color: #fff;
	line-height: 1.9em
}

.footer-style-five .social-widget .social-box {
	position: relative;
	margin-top: 30px
}

.footer-style-five .social-widget .social-box span {
	position: relative;
	color: #fff;
	font-size: 16px;
	margin-right: 20px;
	text-transform: uppercase
}

.footer-style-five .social-widget .social-box a {
	position: relative;
	color: #fff;
	margin-left: 20px;
	font-size: 16px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.footer-style-five .social-widget .social-box a:hover {
	color: #222
}

.footer-style-five .copyright {
	position: relative;
	padding: 25px 0;
	text-align: center;
	color: #fff;
	font-size: 16px
}

.page-title {
	position: relative;
	padding: 230px 0 170px;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #f7fbff 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #f7fbff 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #f7fbff 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #f7fbff));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #f7fbff 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #f7fbff 100%)
}

.page-title .icon-one {
	position: absolute;
	left: 5%;
	top: 18%;
	width: 100px;
	height: 122px;
	background-repeat: no-repeat
}

.page-title .icon-two {
	position: absolute;
	left: 25%;
	top: 28%;
	width: 78px;
	height: 79px;
	background-repeat: no-repeat
}

.page-title .icon-three {
	position: absolute;
	left: -2%;
	top: 78%;
	width: 62px;
	height: 61px;
	background-repeat: no-repeat
}

.page-title .icon-four {
	position: absolute;
	left: 10%;
	top: 70%;
	width: 69px;
	height: 95px;
	background-repeat: no-repeat
}

.page-title .icon-five {
	position: absolute;
	left: 55%;
	top: 85%;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat
}

.page-title .icon-six {
	position: absolute;
	left: 75%;
	top: 70%;
	width: 31px;
	height: 31px;
	background-repeat: no-repeat
}

.page-title .icon-seven {
	position: absolute;
	left: 90%;
	top: 40%;
	width: 65px;
	height: 61px;
	background-repeat: no-repeat
}

.page-title .auto-container {
	position: relative;
	z-index: 1
}

.page-title h1 {
	position: relative;
	color: #00000a;
	line-height: 1.2em;
	letter-spacing: 1px;
	text-transform: capitalize
}

.page-title .breadcrumb-outer {
	position: relative;
	margin-top: 30px;
	padding-left: 180px
}

.page-title .breadcrumb-outer:before {
	content: '';
	position: absolute;
	top: 14px;
	left: 2px;
	width: 158px;
	border-bottom: 2px solid #0c141c
}

.page-title .bread-crumb {
	position: relative
}

.page-title .bread-crumb li {
	position: relative;
	display: inline-block;
	line-height: 30px;
	margin-right: 20px;
	color: #00000a;
	font-size: 18px;
	text-transform: capitalize
}

.page-title .bread-crumb li:before {
	content: '/';
	position: absolute;
	right: -22px;
	top: 2px;
	width: 20px;
	font-size: 12px;
	text-align: center;
	line-height: 30px
}

.page-title .bread-crumb li:first-child {
	margin-left: 0
}

.page-title .bread-crumb li:last-child:before {
	display: none
}

.page-title .bread-crumb li a {
	color: #00000a;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.page-title .bread-crumb li a:hover {
	color: #468ff5
}

.history-section {
	position: relative;
	padding: 100px 0 60px
}

.history-section .image-box {
	position: relative;
	margin-bottom: 70px
}

.history-section .title-column {
	position: relative;
	margin-bottom: 40px
}

.history-section .title-column .inner-column {
	position: relative
}

.history-section .title-column h2 {
	position: relative;
	color: #00000a;
	line-height: 1.2em;
	padding-bottom: 30px
}

.history-section .title-column h2:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 2px;
	width: 60px;
	background-color: #00000a
}

.history-section .tab-column {
	position: relative;
	margin-bottom: 40px
}

.history-section .tab-column .inner-column {
	position: relative
}

.info-tabs .tab-btns {
	position: relative;
	z-index: 1;
	margin-bottom: 20px
}

.info-tabs .tab-btns .tab-btn {
	position: relative;
	display: block;
	font-size: 20px;
	cursor: pointer;
	line-height: 1.6em;
	margin-bottom: 24px;
	transition: all 500ms ease;
	color: rgb(0 0 10 / .4);
	text-transform: capitalize
}

.info-tabs .tab-btns .tab-btn.active-btn {
	color: #00000a
}

.info-tabs .tabs-content {
	position: relative
}

.info-tabs .tabs-content .tab {
	position: relative;
	display: none
}

.info-tabs .tabs-content .tab .content {
	position: relative
}

.info-tabs .tabs-content .tab .content .text {
	position: relative;
	font-size: 18px;
	line-height: 1.8em;
	color: rgb(0 0 10 / .65);
	margin-bottom: 25px
}

.info-tabs .tabs-content .tab.active-tab {
	display: block
}

.fun-fact-section {
	position: relative;
	padding: 110px 0 80px;
	background-color: #468ff5;
	background-position: center center
}

.fact-counter {
	position: relative
}

.fact-counter .counter-column {
	position: relative;
	margin-bottom: 30px
}

.fact-counter .counter-column .count-box {
	position: relative;
	text-align: center;
	color: #fff;
	font-size: 50px;
	line-height: 1em
}

.fact-counter .counter-column .count-text {
	display: inline-block;
	color: #fff;
	font-size: 50px;
	line-height: 1em
}

.fact-counter .counter-column .count-outer {
	position: relative;
	color: #025158;
	font-size: 48px;
	line-height: 1em
}

.fact-counter .counter-column .counter-title {
	position: relative;
	font-size: 20px;
	margin-top: 10px;
	color: #fff
}

.testimonial-section-five {
	position: relative;
	padding: 100px 0 60px;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #f8f9fd 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #f8f9fd 100%);
	background-image: -o-linear-gradient(top, #FFFFFF 0%, #f8f9fd 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #f8f9fd));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #f8f9fd 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #f8f9fd 100%)
}

.testimonial-section-five.style-two {
	padding-top: 50px
}

.testimonial-section-five .image-column {
	position: relative;
	margin-bottom: 40px
}

.testimonial-section-five .image-column .image {
	position: relative;
	border-radius: 50%;
	overflow: hidden
}

.testimonial-section-five .image-column .image img {
	width: 100%;
	display: block
}

.testimonial-section-five .testimonial-column {
	position: relative;
	margin-bottom: 40px
}

.testimonial-section-five .testimonial-column .inner-column {
	position: relative;
	padding-left: 90px
}

.testimonial-section-five .testimonial-column .title-box {
	position: relative;
	margin-bottom: 50px
}

.testimonial-section-five .testimonial-column .title-box h2 {
	position: relative;
	color: #00000a;
	line-height: 1.2em;
	padding-bottom: 30px
}

.testimonial-section-five .testimonial-column .title-box h2:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: #00000a
}

.testimonial-section-five .testimonial-column .inner-column .sec-title {
	margin-bottom: 35px
}

.testimonial-section-five .owl-dots {
	display: none
}

.testimonial-section-five .owl-nav {
	position: relative;
	margin-top: 50px;
	margin-left: 65px
}

.testimonial-section-five .owl-nav .owl-prev,
.testimonial-section-five .owl-nav .owl-next {
	display: inline-block;
	color: #d4d5d6;
	margin: 0 10px;
	font-size: 24px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.testimonial-section-five .owl-nav .owl-prev:hover,
.testimonial-section-five .owl-nav .owl-next:hover {
	color: #3b3b3b
}

.testimonial-block-five {
	position: relative
}

.testimonial-block-five .inner-box {
	position: relative;
	padding-left: 75px
}

.testimonial-block-five .inner-box .quote-icon {
	position: absolute;
	left: 0;
	top: 5px;
	color: #ebebeb;
	font-size: 50px;
	line-height: 1em;
	margin-bottom: 20px
}

.testimonial-block-five .inner-box .text {
	position: relative;
	color: rgb(0 0 10 / .75);
	font-size: 18px;
	line-height: 2em
}

.team-section {
	position: relative;
	padding: 110px 0 70px
}

.team-section .title-box {
	position: relative;
	margin-bottom: 50px;
	text-align: center
}

.team-section .title-box h2 {
	position: relative;
	color: #00000a;
	line-height: 1.2em;
	padding-bottom: 30px
}

.team-section .title-box h2:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0;
	height: 2px;
	width: 50px;
	margin-left: -25px;
	background-color: #00000a
}

.team-member {
	position: relative;
	margin-bottom: 30px
}

.team-member .inner-box {
	position: relative;
	text-align: center
}

.team-member .inner-box .image-box {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden
}

.team-member .inner-box .image-box .image {
	position: relative;
	margin: 0
}

.team-member .inner-box .image-box .overlay-box {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: block;
	border-radius: 50%;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}

.team-member .inner-box .image-box .overlay-box .inner {
	position: absolute;
	padding-top: 50%;
	text-align: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	overflow: hidden;
	background-color: rgb(70 143 245 / .8)
}

.team-member .inner-box .image-box .overlay-box .social-icon-one li a:hover {
	color: #fff
}

.team-member .inner-box .image-box img {
	width: 100%;
	display: block;
	border-radius: 50%
}

.team-member .inner-box .lower-content {
	position: relative;
	text-align: center;
	padding-top: 25px
}

.team-member .inner-box .lower-content h5 {
	position: relative;
	color: #333;
	margin-bottom: 5px
}

.team-member .inner-box .lower-content .designation {
	position: relative;
	color: #797979;
	font-size: 16px;
	margin-top: 2px
}

.team-member .inner-box:hover .image-box .overlay-box {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center
}

.call-to-action-section-three {
	position: relative;
	padding: 80px 0;
	background-color: #002457;
	background-position: center center
}

.call-to-action-section-three.style-two {
	background-color: #468ff5
}

.call-to-action-section-three .content {
	position: relative;
	text-align: center
}

.call-to-action-section-three .content h2 {
	position: relative;
	color: #fff;
	line-height: 1.3em
}

.call-to-action-section-three .content .text {
	position: relative;
	color: #fff;
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 40px
}

.call-to-action-section-three .content .theme-btn {
	border-radius: 50px;
	padding: 15px 44px 15px
}

.clients-section-four {
	position: relative;
	padding: 80px 0 80px;
	text-align: center
}

.clients-section-four .sponsors-outer {
	position: relative
}

.clients-section-four .sponsors-outer .owl-dots,
.clients-section-four .sponsors-outer .owl-nav {
	position: relative;
	display: none
}

.clients-section-four .sponsors-outer .image-box {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid #fff0
}

.clients-section-four .sponsors-outer .image-box:hover {
	border-color: #002457
}

.clients-section-four .sponsors-outer .image-box img {
	max-width: 100%;
	width: auto;
	opacity: .8;
	filter: grayscale(100%);
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.clients-section-four .sponsors-outer .image-box img:hover {
	opacity: 1;
	filter: grayscale(0%)
}

.project-page-section {
	position: relative;
	padding-top: 110px;
	padding-bottom: 110px
}

.project-page-section .title-box {
	position: relative;
	margin-bottom: 50px
}

.project-page-section .title-box h2 {
	position: relative;
	color: #000;
	font-size: 36px;
	line-height: 1.4em
}

.project-page-section .outer-container {
	position: relative;
	padding: 0 60px
}

.project-page-section .filters {
	margin-top: 30px
}

.project-page-section .filters .filter-tabs {
	position: relative;
	text-align: center;
	margin-bottom: 30px
}

.project-page-section .filters li {
	position: relative;
	display: inline-block;
	color: #0d0d0d;
	padding: 0 0;
	cursor: pointer;
	font-size: 12px;
	margin-left: 50px;
	letter-spacing: 1px;
	text-transform: uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease
}

.project-page-section .filters .filter.active,
.project-page-section .filters .filter:hover {
	color: #468ff5
}

.project-page-section .load-more {
	position: relative;
	text-align: center;
	margin-top: 140px
}

.project-page-section .load-more .load {
	position: relative;
	color: #468ff5;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	border-bottom: 1px solid #468ff5;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease
}

.project-page-section .load-more .load:before {
	position: absolute;
	content: '';
	left: 50%;
	top: -60px;
	width: 1px;
	height: 40px;
	margin-left: -1px;
	background-color: #000
}

.project-page-section .load-more .load:hover {
	color: #444
}

.gallery-block.mix {
	display: none
}

.gallery-block {
	position: relative;
	margin-bottom: 0
}

.gallery-block .inner-box {
	position: relative
}

.gallery-block .inner-box .image {
	position: relative;
	overflow: hidden;
	margin-bottom: 0
}

.gallery-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block
}

.gallery-block .inner-box .image .overlay-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #fff;
	overflow: hidden;
	text-align: center;
	background-color: rgb(0 0 0 / .5);
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
	-webkit-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center
}

.gallery-block .inner-box:hover .overlay-box {
	-webkit-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	transform: scale(1, 1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center
}

.gallery-block .inner-box .overlay-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	padding: 10px 0
}

.gallery-block .inner-box .overlay-inner .content {
	position: relative;
	display: table-cell;
	vertical-align: middle
}

.gallery-block .inner-box .overlay-box .category {
	position: relative;
	color: #fff;
	font-size: 12px;
	margin-bottom: 8px;
	letter-spacing: 1px
}

.gallery-block .inner-box .overlay-box h3 {
	position: relative;
	line-height: 1.4em;
	margin-bottom: 26px;
	text-transform: capitalize
}

.gallery-block .inner-box .overlay-box h3 a {
	position: relative;
	color: #fff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.gallery-block .inner-box .overlay-box h3 a:hover {
	opacity: .7
}

.gallery-block .inner-box .overlay-box .plus {
	position: relative;
	font-size: 40px;
	line-height: 1em;
	margin-top: 16px;
	color: #fff
}

.gallery-block .inner-box .overlay-box .arrow {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff
}

.gallery-block .inner-box .overlay-box .arrow:before {
	position: absolute;
	content: '';
	left: -60px;
	bottom: -60px;
	width: 120px;
	height: 120px;
	transform: rotate(45deg);
	background-color: #141313
}

.gallery-block .inner-box .overlay-box .arrow span {
	position: relative;
	line-height: 50px;
	margin-left: 15px
}

.project-carousel-section {
	position: relative;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center
}

.project-carousel-section .slide {
	position: relative;
	display: block;
	align-items: center;
	padding-top: 350px;
	padding-bottom: 250px;
	background-size: cover;
	background-position: center center
}

.project-carousel-section .slide .image-layer {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	min-height: 100vh;
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 6000ms linear;
	-moz-transition: all 6000ms linear;
	-ms-transition: all 6000ms linear;
	-o-transition: all 6000ms linear;
	transition: all 6000ms linear
}

.project-carousel-section .slide .image-layer:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(17 17 17 / .5)
}

.project-carousel-section .active .slide .image-layer {
	-webkit-transform: scale(1.15);
	-ms-transform: scale(1.15);
	transform: scale(1.15)
}

.project-carousel-section .content-boxed {
	position: relative;
	text-align: center;
	display: block
}

.project-carousel-section .content-boxed .inner-boxed {
	position: relative
}

.project-carousel-section .content-boxed .title {
	position: relative;
	color: #fff;
	font-size: 12px;
	line-height: 1.4em;
	margin-bottom: 15px;
	opacity: 0;
	transform: scaleY(0);
	transform-origin: top;
	letter-spacing: 2px;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	text-transform: uppercase
}

.project-carousel-section .active .content-boxed .title {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.project-carousel-section .content-boxed h1 {
	position: relative;
	color: #fff;
	line-height: 1.1em;
	opacity: 0;
	padding-bottom: 20px;
	transform: scaleY(0);
	transform-origin: top;
	text-transform: capitalize;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.project-carousel-section .active .content-boxed h1 {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms
}

.project-carousel-section .content-boxed .text {
	position: relative;
	margin-top: 0;
	opacity: 0;
	color: #fff;
	font-size: 15px;
	line-height: 1.8em;
	transform: scaleY(0);
	transform-origin: top;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease
}

.project-carousel-section .active .content-boxed .text {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms
}

.project-carousel-section .owl-dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
	text-align: center
}

.project-carousel-section .owl-dots .owl-dot {
	position: relative;
	width: 8px;
	height: 20px;
	margin: 0 5px;
	display: inline-block;
	background-color: #fff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.project-carousel-section .owl-dots .owl-dot.active,
.project-carousel-section .owl-dots .owl-dot:hover {
	height: 30px;
	background-color: #468ff5
}

.project-carousel-section .owl-nav {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	width: 100%;
	opacity: 0;
	margin-top: -30px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.project-carousel-section:hover .owl-nav {
	opacity: 1
}

.project-carousel-section .owl-nav .owl-prev {
	position: absolute;
	left: 30px;
	width: 60px;
	height: 60px;
	color: #fff;
	line-height: 62px;
	font-size: 24px;
	text-align: center;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: rgb(0 0 0 / .1)
}

.project-carousel-section .owl-nav .owl-next {
	position: absolute;
	right: 30px;
	color: #fff;
	font-size: 24px;
	width: 60px;
	height: 60px;
	color: #fff;
	line-height: 62px;
	text-align: center;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background-color: rgb(0 0 0 / .1)
}

.project-carousel-section .owl-nav .owl-prev:hover,
.project-carousel-section .owl-nav .owl-next:hover {
	color: #fff;
	background-color: #468ff5
}

.project-info-section {
	position: relative;
	z-index: 1;
	padding-bottom: 100px
}

.project-info-section .inner-container {
	position: relative;
	padding: 90px 60px;
	margin-top: -120px;
	background-color: #fff;
	box-shadow: 0 0 25px rgb(0 0 0 / .1)
}

.project-info-section h6 {
	position: relative;
	color: #9fa4af;
	font-size: 14px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	text-transform: uppercase
}

.project-info-section .text {
	position: relative;
	color: #000;
	font-size: 18px;
	line-height: 1.8em
}

.project-info-section ul {
	position: relative
}

.project-info-section ul li {
	position: relative;
	color: #000;
	font-size: 16px;
	margin-bottom: 12px
}

.project-info-section ul li span {
	position: relative;
	color: #9fa4af
}

.project-info-section ul li:last-child {
	margin-bottom: 0
}

.project-detail-section {
	position: relative
}

.project-detail-section .bold-text {
	position: relative;
	color: #000;
	font-size: 24px;
	font-style: italic;
	line-height: 1.6em;
	text-align: center;
	padding: 0 100px;
	margin-bottom: 60px
}

.project-detail-section .text {
	position: relative;
	color: #9fa4af;
	font-size: 18px;
	line-height: 1.8em;
	text-align: center;
	padding: 0 100px;
	margin-bottom: 80px
}

.project-detail-section .social-box {
	position: relative;
	text-align: center
}

.project-detail-section .social-box a {
	position: relative;
	width: 45px;
	height: 45px;
	color: #000;
	margin: 0 3px;
	font-size: 16px;
	line-height: 45px;
	border-radius: 50px;
	display: inline-block;
	background-color: #e4edf3;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.project-detail-section .social-box a:hover {
	color: #fff;
	background-color: #468ff5
}

.portfolio-video-box {
	position: relative
}

.portfolio-video-box .video-image {
	position: relative;
	margin-bottom: 90px;
	border-radius: 7px;
	overflow: hidden
}

.portfolio-video-box .video-image img {
	position: relative;
	width: 100%;
	z-index: 3
}

.portfolio-video-box .overlay-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	overflow: hidden;
	line-height: 45px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.portfolio-video-box .overlay-box span {
	position: absolute;
	width: 90px;
	height: 90px;
	left: 50%;
	top: 50%;
	z-index: 10;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	padding-left: 4px;
	display: inline-block;
	margin-top: -45px;
	margin-left: -45px;
	line-height: 90px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background-color: #468ff5
}

.portfolio-video-box .ripple,
.portfolio-video-box .ripple:before,
.portfolio-video-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90px;
	height: 90px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(70 143 245 / .6);
	-moz-box-shadow: 0 0 0 0 rgb(70 143 245 / .6);
	-ms-box-shadow: 0 0 0 0 rgb(70 143 245 / .6);
	-o-box-shadow: 0 0 0 0 rgb(70 143 245 / .6);
	box-shadow: 0 0 0 0 rgb(70 143 245 / .6);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite
}

.portfolio-video-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute
}

.portfolio-video-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute
}

.project-detail-section .next-posts {
	position: relative;
	padding: 90px 0
}

.project-detail-section .right-posts {
	text-align: right
}

.project-detail-section .next-posts .post {
	position: relative;
	color: #9fa4af;
	font-size: 14px;
	letter-spacing: 2px;
	margin-bottom: 10px;
	display: block;
	text-transform: uppercase;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.project-detail-section .next-posts .post span {
	position: relative;
	font-size: 24px;
	top: 4px
}

.project-detail-section h4 {
	position: relative
}

.project-detail-section h4 a {
	position: relative;
	color: #000;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.project-detail-section .next-posts .post:hover,
.project-detail-section h4 a:hover {
	color: #468ff5
}

.portfolio-section {
	position: relative;
	padding: 110px 0 100px
}

.portfolio-section .content-column {
	position: relative
}

.portfolio-section .content-column .sec-title {
	margin-bottom: 30px
}

.portfolio-section .content-column .inner-column {
	margin-bottom: 40px
}

.portfolio-section .content-column .text {
	position: relative;
	font-size: 15px;
	color: #777;
	line-height: 1.8em;
	margin-bottom: 25px
}

.portfolio-section .content-column .text p {
	position: relative;
	color: #777;
	font-size: 15px;
	line-height: 1.8em;
	margin-bottom: 20px
}

.portfolio-center .content-column .inner-column .portfolio-list {
	margin-top: 50px;
	margin-bottom: 40px
}

.portfolio-center .content-column .inner-column .portfolio-list.alternate {
	margin-bottom: 0
}

.portfolio-center .content-column .inner-column .portfolio-list li {
	display: inline-block;
	border-bottom: none;
	padding-right: 60px;
	margin-right: 60px;
	line-height: 1em;
	border-right: 1px solid #b9b9b9
}

.portfolio-center .content-column .inner-column .portfolio-list li:last-child {
	margin-right: 0;
	padding-right: 0;
	border: none
}

.portfolio-center .content-column .inner-column .portfolio-list li span {
	margin-bottom: 15px
}

.portfolio-list {
	position: relative
}

.portfolio-list li {
	position: relative;
	color: #222;
	font-size: 14px;
	padding-bottom: 12px;
	margin-bottom: 12px;
	border-bottom: 1px solid #ececec
}

.portfolio-list li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
}

.portfolio-list li span {
	position: relative;
	color: #777;
	font-size: 12px;
	display: block;
	margin-bottom: 5px;
	text-transform: uppercase
}

.portfolio-list li a {
	position: relative;
	color: #222;
	margin-right: 15px;
	display: inline-block
}

.portfolio-section .gallery-column {
	position: relative
}

.portfolio-section .gallery-column .inner-column {
	position: relative
}

.portfolio-section .gallery-column .inner-column .image {
	position: relative;
	margin-bottom: 30px
}

.portfolio-section .gallery-column .inner-column .image img {
	position: relative;
	width: 100%;
	display: block
}

.sticky-top {
	top: 80px;
	z-index: 1
}

.services-page-section {
	position: relative;
	padding: 100px 0 65px
}

.services-page-section .title-box {
	position: relative;
	margin-bottom: 60px
}

.services-page-section .title-box h2 {
	position: relative;
	color: #00000a;
	line-height: 1.2em;
	padding-bottom: 30px
}

.services-page-section .title-box h2:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: #000
}

.services-page-section .title-box .text {
	position: relative;
	color: #252f3e;
	opacity: .8;
	font-size: 20px;
	margin-top: 30px;
	line-height: 1.8em;
	padding-bottom: 30px
}

.services-page-section .inner-container {
	position: relative;
	padding-bottom: 40px;
	border-bottom: 1px solid #eef0f3
}

.service-block-two {
	position: relative;
	margin-bottom: 60px
}

.service-block-two .inner-box {
	position: relative;
	text-align: left;
	padding-right: 30px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.service-block-two .inner-box .icon-box {
	position: relative;
	font-size: 64px;
	color: #3e7ef8;
	line-height: 1em
}

.service-block-two .inner-box .icon-box .icon {
	position: relative
}

.service-block-two .inner-box h6 {
	position: relative;
	line-height: 1.3em;
	margin-top: 28px;
	margin-bottom: 14px
}

.service-block-two .inner-box h6 a {
	position: relative;
	color: #000;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.service-block-two .inner-box h6 a:hover {
	position: relative;
	color: #3e7ef8
}

.service-block-two .inner-box .text {
	position: relative;
	color: #9b9b9b;
	font-size: 16px;
	line-height: 1.9em;
	padding: 0 0
}

.services-page-section h4 {
	color: #0f77bc
}

.services-page-section p {
	position: relative;
	color: #999;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4em;
	margin-top: 0;
	font-family: 'Gilroy-Regular'
}

.services-detail-section {
	position: relative;
	padding: 100px 0 10px
}

.services-detail-section .title-box {
	position: relative;
	margin-bottom: 60px
}

.services-detail-section .title-box h3 {
	position: relative;
	color: #00000a;
	line-height: 1.6em
}

.services-detail-section .big-image {
	position: relative;
	margin-bottom: 80px
}

.services-detail-section .big-image img {
	position: relative;
	width: 100%;
	display: block
}

.services-detail-section .info-boxed {
	position: relative
}

.services-detail-section .info-boxed .column {
	position: relative
}

.services-detail-section .info-boxed .info-listed {
	position: relative
}

.services-detail-section .info-boxed .info-listed li {
	position: relative;
	color: #b2b2b2;
	margin-right: 80px;
	font-size: 18px;
	display: inline-block
}

.services-detail-section .info-boxed .info-listed li strong {
	position: relative;
	color: #171717;
	display: block;
	margin-bottom: 8px;
	text-transform: capitalize
}

.services-detail-section .info-boxed .info-listed li:last-child {
	margin-right: 0
}

.services-detail-section .info-boxed .btn-column {
	text-align: right
}

.services-detail-section .bold-text {
	position: relative;
	color: #212121;
	font-size: 18px;
	line-height: 1.8em;
	margin-top: 50px;
	margin-bottom: 20px
}

.services-detail-section .text {
	position: relative;
	margin-bottom: 70px
}

.services-detail-section .text p {
	position: relative;
	color: #00000a;
	opacity: .65;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 20px
}

.services-detail-section .text p:last-child {
	margin-bottom: 0
}

.faq-page-section {
	position: relative;
	padding: 90px 0 115px 0;
	overflow: hidden
}

.faq-page-section h2 {
	color: #0f77bc
}

.accordion-box {
	position: relative
}

.accordion-box .block {
	position: relative;
	margin-bottom: 12px;
	border-radius: 30px;
	box-shadow: 0 0 15px rgb(0 0 0 / .1);
	overflow: hidden
}

.accordion-box .block .acc-btn {
	position: relative;
	font-size: 18px;
	cursor: pointer;
	line-height: 1.3em;
	color: #0f77bc;
	background: #fff;
	padding: 13px 50px 13px 30px;
	transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	border-radius: 30px;
	font-family: 'Gilroy-SemiBold'
}

.accordion-box .block .icon-outer {
	position: absolute;
	right: 15px;
	top: 10px;
	width: 30px;
	height: 30px;
	font-size: 20px;
	color: #fff;
	border-radius: 0 8px 8px 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.accordion-box .block .icon-outer .icon {
	position: absolute;
	right: 0;
	width: 30px;
	height: 30px;
	color: #0d6fb1;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	border-radius: 0%
}

.accordion-box .block .icon-outer .icon-plus {
	opacity: 1
}

.accordion-box .block .icon-outer .icon-minus {
	opacity: 0
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
	opacity: 1
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
	opacity: 0
}

.accordion-box .block .acc-content {
	position: relative;
	display: none
}

.accordion-box .block .acc-content .content-text {
	padding-bottom: 6px
}

.accordion-box .block .acc-content.current {
	display: block
}

.accordion-box .block .content {
	position: relative;
	font-size: 16px;
	color: #777;
	line-height: 1.3em;
	padding: 5px 35px 30px 30px
}

.accordion-box .block .content .accordian-text {
	line-height: 1.9em;
	font-size: 16px;
	color: #84858a
}

.accordion-box .block .content p:last-child {
	margin-bottom: 0
}

.faq-form-section {
	position: relative;
	padding: 110px 0 60px
}

.faq-form-section .right-pattern {
	position: absolute;
	right: 0;
	top: 0;
	width: 236px;
	height: 268px;
	z-index: -1;
	background-repeat: no-repeat
}

.faq-form-section .image-column {
	position: relative;
	margin-bottom: 40px
}

.faq-form-section .image-column .inner-column {
	position: relative;
	margin-left: -100px
}

.faq-form-section .form-column {
	position: relative;
	margin-bottom: 40px
}

.faq-form-section .form-column .inner-column {
	position: relative;
	padding-left: 40px
}

.default-form .form-group {
	position: relative;
	margin-bottom: 30px
}

.default-form .form-group:last-child {
	margin-bottom: 0
}

.default-form .form-group input::-webkit-input-placeholder,
.default-form .form-group textarea::-webkit-input-placeholder {
	color: #777
}

.default-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 15px 25px;
	color: #000;
	height: 180px;
	box-shadow: 0 0 15px rgb(0 0 0 / .1);
	resize: none;
	font-size: 14px;
	border-radius: 6px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.default-form .form-group .theme-btn {
	cursor: pointer;
	background: none
}

.default-form.contact-form .form-group {
	margin-bottom: 20px
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
	border-color: #ff0000 !important
}

.contact-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0 0;
	margin: 0;
	text-transform: uppercase;
	font-size: 12px;
	color: red
}

.price-page-section {
	position: relative;
	padding: 90px 0 80px
}

.team-page-section {
	position: relative;
	padding: 90px 0 0
}

.testimonial-page-section {
	position: relative;
	padding: 90px 0 0
}

.testimonial-page-section .testimonial-block {
	margin-bottom: 40px
}

.comming-soon {
	position: fixed;
	width: 100%;
	height: 100%;
	display: block;
	overflow-y: auto;
	background-size: cover;
	background-color: #468ff5
}

.comming-soon .icon-one {
	position: absolute;
	left: 5%;
	top: 18%;
	width: 100px;
	height: 122px;
	background-repeat: no-repeat
}

.comming-soon .icon-two {
	position: absolute;
	left: 25%;
	top: 28%;
	width: 78px;
	height: 79px;
	background-repeat: no-repeat
}

.comming-soon .icon-three {
	position: absolute;
	left: -2%;
	top: 78%;
	width: 62px;
	height: 61px;
	background-repeat: no-repeat
}

.comming-soon .icon-four {
	position: absolute;
	left: 10%;
	top: 70%;
	width: 69px;
	height: 95px;
	background-repeat: no-repeat
}

.comming-soon .icon-five {
	position: absolute;
	left: 55%;
	top: 85%;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat
}

.comming-soon .icon-six {
	position: absolute;
	left: 75%;
	top: 70%;
	width: 31px;
	height: 31px;
	background-repeat: no-repeat
}

.comming-soon .icon-seven {
	position: absolute;
	left: 90%;
	top: 40%;
	width: 65px;
	height: 61px;
	background-repeat: no-repeat
}

.comming-soon .content {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;
	text-align: center;
	vertical-align: middle
}

.comming-soon .content .content-inner {
	position: relative;
	padding: 50px 15px;
	display: table-cell;
	vertical-align: middle
}

.comming-soon .content .content-inner .miss {
	position: relative;
	margin-top: 60px;
	color: #fff;
	font-size: 20px;
	margin-bottom: 25px
}

.comming-soon .content .content-inner .logo {
	position: relative;
	margin-bottom: 40px
}

.comming-soon .content .content-inner h1 {
	position: relative;
	color: #fff;
	font-size: 90px;
	line-height: 1.2em;
	margin-bottom: 30px;
	text-transform: uppercase
}

.comming-soon .coming-form .form-group {
	position: relative;
	display: block;
	max-width: 570px;
	margin: 0 auto;
	width: 100%;
	margin-bottom: 20px
}

.comming-soon .coming-form .form-group input[type="text"],
.comming-soon .coming-form .form-group input[type="tel"],
.comming-soon .coming-form .form-group input[type="email"],
.comming-soon .coming-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 20px;
	height: 52px;
	font-size: 16px;
	color: #fff;
	overflow: hidden;
	padding: 10px 50px 10px 30px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	background: none;
	border-radius: 0;
	text-transform: capitalize;
	border: 1px solid #fff
}

.comming-soon .coming-form .form-group input[type="submit"],
.comming-soon .coming-form button {
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	border-radius: 0;
	padding: 11px 56px 11px
}

.comming-soon .coming-form .form-group textarea::-webkit-input-placeholder,
.comming-soon .coming-form .form-group input::-webkit-input-placeholder {
	color: #fff
}

.time-counters {
	position: relative
}

.time-counters .time-countdowns {
	position: relative;
	display: inline-block;
	border-radius: 0;
	background-color: #002457
}

.time-counters .time-countdowns .counter-column {
	position: relative;
	margin-left: 20px;
	width: 180px;
	height: 140px;
	text-align: left;
	display: inline-block;
	padding: 35px 0 10px;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	text-align: center;
	text-transform: uppercase;
	border-radius: 8px;
	margin-bottom: 25px
}

.time-counters .time-countdowns .counter-column:before {
	position: absolute;
	content: ':';
	right: -30px;
	top: 45px;
	font-size: 80px
}

.time-counters .time-countdowns .counter-column:last-child:before {
	display: none
}

.time-counters .time-countdowns .counter-column .count {
	position: relative;
	display: block;
	font-size: 66px;
	line-height: 40px;
	padding: 10px 10px;
	color: #fff;
	letter-spacing: 1px;
	margin-bottom: 15px
}

.comming-soon .social-box {
	position: relative;
	margin-top: 50px
}

.comming-soon .social-box a {
	position: relative;
	color: #fff;
	font-size: 22px;
	margin: 0 5px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.comming-soon .social-box a:hover {
	opacity: .8
}

.shop-page-section {
	position: relative;
	padding: 40px 0 100px;
	overflow: hidden
}

.shop-page-section .styled-pagination {
	margin-top: 30px
}

.styled-pagination {
	position: relative
}

.styled-pagination li {
	position: relative;
	margin: 0 4px 5px;
	display: inline-block
}

.styled-pagination li a {
	position: relative;
	width: 40px;
	height: 40px;
	color: #03382e;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	border-radius: 3px;
	display: inline-block;
	background-color: #fff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	box-shadow: 0 0 15px rgb(0 0 0 / .1);
	border: 1px solid #feb303;
	border-radius: 100px
}

.page-link:focus {
	box-shadow: none !important
}

.styled-pagination li.active a,
.styled-pagination li:hover a {
	background: linear-gradient(180deg, #008752 0%, #feb303 100%);
	border-color: #feb303;
	border-radius: 100px;
	color: #fff
}

.styled-pagination li.prev a,
.styled-pagination li.next a {
	font-size: 18px
}

.shop-single {
	position: relative;
	padding: 100px 0 30px
}

.shop-single .basic-detail {
	position: relative
}

.shop-single .image-column {
	margin-bottom: 100px
}

.shop-single .image-column .prod-tabs {
	position: relative;
	margin-right: -30px
}

.shop-single .prod-tabs .tab-buttons {
	height: 100%;
	width: 150px;
	overflow: auto;
	margin-right: 30px;
	position: absolute;
	left: 0;
	top: 0;
	padding-right: 5px
}

.shop-single .prod-tabs .tab-buttons::-webkit-scrollbar {
	width: 6px
}

.shop-single .prod-tabs .tab-buttons::-webkit-scrollbar-track {
	background: #f1f1f1
}

.shop-single .prod-tabs .tab-buttons::-webkit-scrollbar-thumb {
	background: #2a76dc
}

.shop-single .prod-tabs .tab-buttons::-webkit-scrollbar-thumb:hover {
	background: #555
}

.shop-single .prod-tabs .tab-buttons .thumb {
	position: relative;
	margin-bottom: 4px;
	text-align: center;
	cursor: pointer;
	background-color: #f8f6f6
}

.shop-single .prod-tabs .tab-buttons .tab-btn:last-child .thumb {
	margin-bottom: 0 !important
}

.shop-single .prod-tabs .tab-buttons .mCSB_scrollTools {
	opacity: 0 !important;
	visibility: hidden !important
}

.shop-single .prod-tabs .tabs-content {
	float: left;
	width: 100%;
	padding-left: 160px
}

.shop-single .tabs-content .image-box {
	position: relative;
	background-color: #f8f6f6
}

.shop-single .tabs-content .image {
	position: relative;
	margin-bottom: 0
}

.shop-single .tabs-content .image img {
	display: block;
	width: 100%;
	height: auto
}

.shop-single .prod-tabs .tabs-content .tab {
	position: relative;
	display: none
}

.shop-single .prod-tabs .tabs-content .tab.active-tab {
	display: block
}

.shop-single .detail-colum {
	position: relative
}

.shop-single .detail-colum .inner-column {
	position: relative;
	padding-left: 70px
}

.shop-single .detail-colum .basic-detail {
	position: relative
}

.shop-single .basic-detail h4 {
	position: relative;
	display: block;
	font-size: 25px;
	line-height: 1.2em;
	color: #12114a;
	margin-bottom: 10px;
	text-transform: uppercase
}

.shop-single .basic-detail .price {
	position: relative;
	display: block;
	font-size: 20px;
	line-height: 30px;
	color: #2a76dc;
	margin-bottom: 25px
}

.shop-single .basic-detail .price del {
	color: #707070;
	margin-left: 20px
}

.shop-single .basic-detail .text {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 24px;
	color: #707070;
	margin-bottom: 30px
}

.shop-single .basic-detail .product-options {
	position: relative
}

.shop-single .basic-detail .sku {
	position: relative;
	display: block;
	font-size: 15px;
	color: #707070;
	margin-bottom: 15px
}

.shop-single .basic-detail .sku span {
	margin-left: 15px;
	color: #000
}

.shop-single .product-form {
	position: relative;
	margin-bottom: 20px
}

.shop-single .product-form .form-group {
	position: relative;
	margin-bottom: 18px
}

.shop-single .product-form .ui-selectmenu-button.ui-button:before {
	position: absolute;
	right: 21px;
	top: 10px;
	font-family: 'FontAwesome';
	border-radius: 10px;
	content: "\f103";
	color: #000
}

.shop-single .product-form .ui-selectmenu-button.ui-button,
.shop-single .product-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	height: 45px;
	line-height: 23px;
	padding: 10px 20px;
	font-size: 15px;
	color: #777;
	border-radius: 0;
	background-color: #f8f8f8;
	border: 1px solid #ccc;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	position: relative;
	display: block
}

.shop-single .product-form .form-group .theme-btn {
	position: relative;
	float: left;
	cursor: pointer;
	background: none;
	margin-right: 15px
}

.shop-single .product-form .form-group .theme-btn:last-child {
	margin-right: 0
}

.shop-single .product-form .form-group .wish-list {
	font-size: 15px;
	line-height: 30px;
	color: #464646;
	border: 1px solid #707070;
	border-radius: 5px;
	padding: 9px 65px
}

.shop-single .product-form .form-group .wish-list:hover {
	background-color: #707070;
	color: #fff
}

.shop-single .share-option {
	position: relative;
	margin-top: 30px;
	font-size: 15px;
	line-height: 1.2em;
	color: #656565
}

.shop-single .share-option .social-links {
	position: relative
}

.shop-single .share-option .social-links li {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-size: 18px
}

.shop-single .share-option .social-links li a {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 1.2em;
	color: #707070;
	transition: all 300ms ease
}

.shop-single .share-option .social-links li a:hover {
	color: #2a76dc
}

.product-info-tabs {
	position: relative;
	margin-bottom: 50px;
	padding: 30px 0 0
}

.product-info-tabs .tab-btns {
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #ccc
}

.product-info-tabs .tab-btns .tab-btn {
	position: relative;
	float: left;
	font-size: 16px;
	line-height: 30px;
	color: #707070;
	padding: 10px 30px;
	border-bottom: 2px solid #fff0;
	margin-bottom: -1px;
	cursor: pointer;
	text-transform: uppercase
}

.product-info-tabs .tab-btns .tab-btn.active-btn {
	border-bottom: 2px solid #2a76dc;
	color: #2a76dc
}

.product-info-tabs .tabs-container {
	position: relative
}

.product-info-tabs .tabs-container .tab {
	position: relative;
	padding: 30px 0 0;
	display: none
}

.product-info-tabs .tabs-container .tab.active-tab {
	display: block
}

.product-info-tabs .tabs-container .tab p,
.product-info-tabs .tabs-container .tab h2,
.product-info-tabs .tabs-container .tab h3,
.product-info-tabs .tabs-container .tab h4,
.product-info-tabs .tabs-container .tab h5,
.product-info-tabs .tabs-container .tab h6 {
	margin-bottom: 15px
}

.product-info-tabs .tabs-container .tab h3 {
	font-size: 30px;
	text-transform: uppercase;
	color: #36404b;
	margin-bottom: 15px
}

.product-info-tabs .tabs-container .tab h4 {
	font-size: 14px;
	text-transform: uppercase;
	color: #222;
	margin-bottom: 15px
}

.product-info-tabs p {
	position: relative;
	font-size: 14px;
	line-height: 28px;
	color: #707070
}

.product-info-tabs .list-style-three {
	position: relative
}

.product-info-tabs .list-style-three li {
	position: relative;
	padding-left: 25px;
	font-size: 14px;
	line-height: 28px;
	color: #707070
}

.product-info-tabs .list-style-three li:before {
	position: absolute;
	left: 0;
	top: 8px;
	height: 12px;
	width: 12px;
	border: 2px solid #6b6b6b;
	content: "";
	border-radius: 10px
}

.product-info-tabs .list-style-three li a {
	color: #707070
}

.product-info-tabs .reviews-container {
	position: relative
}

.product-info-tabs .reviews-container .review-box {
	position: relative;
	margin-bottom: 20px;
	min-height: 110px
}

.product-info-tabs .reviews-container .review-box.reply {
	margin-left: 100px
}

.product-info-tabs .reviews-container .rev-thumb {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 70px;
	height: 70px;
	margin-bottom: 20px;
	background: #fff;
	z-index: 99;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}

.product-info-tabs .reviews-container .rev-thumb img {
	display: block;
	width: 70px;
	height: 70px
}

.product-info-tabs .reviews-container .rev-content {
	position: relative;
	padding: 20px;
	padding-left: 120px;
	border: 1px solid #e0e0e0;
	background: #fff
}

.product-info-tabs .reviews-container .rating {
	color: #2a76dc;
	font-size: 16px;
	line-height: 15px;
	margin-bottom: 8px
}

.product-info-tabs .reviews-container .rating .fa {
	display: inline-block
}

.product-info-tabs .reviews-container .rev-info {
	margin-top: -5px;
	letter-spacing: 1px;
	font-size: 14px;
	line-height: 24px;
	color: #777;
	margin-bottom: 8px
}

.product-info-tabs .reviews-container .rev-info span {
	display: inline-block;
	color: #222;
	font-size: 16px;
	margin-right: 25px
}

.product-info-tabs .reviews-container .rev-text {
	position: relative
}

.product-info-tabs .reviews-container .rev-text p {
	font-size: 13px;
	color: #666;
	line-height: 24px;
	margin: 0
}

.product-info-tabs .add-review {
	position: relative;
	margin: 30px 0 0;
	font-size: 14px
}

.product-info-tabs .add-review .rating {
	position: relative;
	padding-top: 8px
}

.product-info-tabs .add-review .rating .rate-box {
	position: relative;
	display: inline-block;
	margin-right: 10px;
	font-size: 14px;
	color: #555
}

.product-info-tabs .add-review .rating .rate-box:hover,
.product-info-tabs .add-review .rating .rate-box:focus,
.product-info-tabs .add-review .rating .rate-box:active {
	color: #4b1ece
}

.product-info-tabs .add-review label {
	position: relative;
	display: block;
	font-size: 14px;
	margin-bottom: 5px;
	color: #303030
}

.product-info-tabs .add-review h3 {
	margin-bottom: 20px
}

.product-info-tabs .add-review .form-group {
	position: relative;
	margin-bottom: 20px
}

.product-info-tabs .add-review .form-group input[type="text"],
.product-info-tabs .add-review .form-group input[type="password"],
.product-info-tabs .add-review .form-group input[type="tel"],
.product-info-tabs .add-review .form-group input[type="email"],
.product-info-tabs .add-review .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 9px 15px;
	color: #222;
	border: 1px solid #e0e0e0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease
}

.product-info-tabs .add-review .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 8px 15px;
	color: #222;
	border: 1px solid #e0e0e0;
	height: 150px;
	resize: none;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease
}

.product-info-tabs .add-review .form-group textarea:focus,
.product-info-tabs .add-review .form-group input:focus,
.product-info-tabs .add-review .form-group select:focus {
	border-color: #4b1ece
}

.product-info-tabs .add-review .form-group button {
	padding: 22px 35px
}

.product-info-tabs .video-box {
	position: relative
}

.product-info-tabs .video-box .image {
	position: relative;
	margin-bottom: 0
}

.product-info-tabs .video-box img {
	display: block;
	width: 100%;
	height: auto
}

.product-info-tabs .video-box .link-box {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.product-info-tabs .video-box .link-box .link {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.product-info-tabs .video-box .link-box .link:hover {
	background-color: rgb(0 0 0 / .3)
}

.product-info-tabs .video-box .link-box .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	font-size: 70px;
	line-height: 100px;
	color: #fff;
	text-align: center;
	margin-top: -50px;
	margin-left: -50px
}

.product-info-tabs .tag-list {
	position: relative;
	display: block
}

.product-info-tabs .tag-list li {
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 10px
}

.product-info-tabs .tag-list li a {
	position: relative;
	display: block;
	font-size: 15px;
	color: #707070;
	line-height: 27px;
	padding: 5px 27px;
	text-align: center;
	border-radius: 2px;
	border: 1px solid #d9ddd7;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.product-info-tabs .tag-list li a:hover {
	border-color: #2a76dc;
	background-color: #2a76dc;
	color: #fff
}

.product-info-tabs .video-box {
	position: relative
}

.product-info-tabs .video-box .image {
	position: relative;
	margin-bottom: 0
}

.product-info-tabs .video-box img {
	display: block;
	width: 100%;
	height: auto
}

.product-info-tabs .video-box .link-box {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%
}

.product-info-tabs .video-box .link-box .link {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.product-info-tabs .video-box .link-box .link:hover {
	background-color: rgb(0 0 0 / .3)
}

.product-info-tabs .video-box .link-box .icon {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 100px;
	width: 100px;
	font-size: 70px;
	line-height: 100px;
	color: #fff;
	text-align: center;
	margin-top: -50px;
	margin-left: -50px
}

.shop-comment-form {
	position: relative;
	margin-top: 60px
}

.shop-comment-form h2 {
	position: relative;
	color: #252525;
	font-size: 30px;
	margin-bottom: 10px !important
}

.shop-comment-form .mail-text {
	position: relative;
	color: #777;
	font-size: 16px;
	margin-bottom: 15px
}

.shop-comment-form .mail-text span {
	color: #2a76dc
}

.shop-comment-form .group-title {
	margin-bottom: 20px
}

.shop-comment-form .rating-box {
	position: relative;
	margin-bottom: 20px
}

.shop-comment-form .rating-box .text {
	position: relative;
	font-size: 16px;
	color: #222;
	margin-bottom: 15px
}

.shop-comment-form .rating-box .rating {
	position: relative;
	display: inline-block
}

.shop-comment-form .rating-box .rating .fa {
	position: relative;
	display: inline-block
}

.shop-comment-form .rating-box .rating a {
	position: relative;
	color: #2a76dc;
	font-size: 18px;
	display: inline-block
}

.shop-comment-form .rating-box .rating a:hover {
	color: #222
}

.shop-comment-form .form-group {
	position: relative;
	margin-bottom: 20px
}

.shop-comment-form .form-group label {
	position: relative;
	color: #333;
	font-size: 14px
}

.shop-comment-form .form-group:last-child {
	margin-bottom: 0
}

.shop-comment-form .form-group input[type="text"],
.shop-comment-form .form-group input[type="password"],
.shop-comment-form .form-group input[type="tel"],
.shop-comment-form .form-group input[type="email"],
.shop-comment-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 15px;
	border: 1px solid #ddd;
	height: 50px;
	color: #848484;
	background: #fff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.shop-comment-form .form-group input[type="text"]:focus,
.shop-comment-form .form-group input[type="password"]:focus,
.shop-comment-form .form-group input[type="tel"]:focus,
.shop-comment-form .form-group input[type="email"]:focus,
.shop-comment-form .form-group select:focus,
.shop-comment-form .form-group textarea:focus {
	border-color: #2a76dc
}

.shop-comment-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 15px;
	color: #848484;
	border: 1px solid #ddd;
	height: 120px;
	background: #fff;
	resize: none;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.shop-comment-form button {
	position: relative;
	line-height: 30px;
	padding: 10px 35px;
	margin-top: 10px;
	background-color: #222;
	border-color: #222;
	color: #fff;
	border: 0;
	border-radius: 10px;
	text-transform: uppercase;
	font-size: 16px
}

.shop-comment-form button:hover {
	background-color: #4b1ece
}

.related-products {
	position: relative;
	padding-bottom: 70px
}

.related-products .title-box {
	position: relative;
	margin-bottom: 40px
}

.related-products .title-box h3 {
	position: relative;
	color: #000;
	line-height: 1.3em;
	padding-bottom: 25px
}

.related-products .title-box h3:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 2px;
	width: 50px;
	background-color: #000
}

.cart-section {
	position: relative;
	padding: 100px 0 90px
}

.cart-outer {
	position: relative
}

.checkout-page .cart-outer {
	margin-bottom: 40px
}

.cart-outer .table-outer {
	position: relative;
	width: 100%;
	overflow-x: auto
}

.cart-outer .cart-table {
	width: 100%;
	min-width: 900px
}

.cart-table .cart-header {
	position: relative;
	width: 100%;
	text-transform: uppercase;
	font-size: 13px;
	background: #2a76dc;
	color: #fff;
	border: 1px solid #ebebeb
}

.cart-table thead tr th {
	line-height: 24px;
	padding: 13px 25px;
	font-size: 16px;
	letter-spacing: 1px;
	text-align: center;
	text-transform: uppercase;
	border-right: 1px solid #f0f0f0
}

.cart-table thead tr th .fa {
	font-size: 18px
}

.cart-table tbody tr td {
	line-height: 24px;
	padding: 25px 25px 20px
}

.cart-table tbody tr .qty {
	width: 200px;
	padding-right: 80px
}

.cart-table tbody tr .qty .quantity-spinner {
	background: #fff
}

.cart-table tbody tr .prod-column .column-box {
	position: relative;
	min-height: 110px
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
	position: relative;
	width: 100px
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
	display: block;
	max-width: 100%
}

.cart-table tbody tr .prod-column .column-box h4 {
	font-size: 14px;
	color: #444;
	line-height: 90px
}

.cart-table tbody tr .prod-column .author {
	font-size: 13px;
	color: #333;
	margin-bottom: 0
}

.cart-table tbody tr .sub-total {
	color: #797979;
	font-size: 17px
}

.cart-table tbody tr .remove-btn {
	position: relative;
	font-size: 14px;
	color: #1c1c1c;
	line-height: 30px;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease
}

.cart-table tbody tr .remove-btn .fa {
	position: relative;
	font-size: 18px;
	line-height: 30px
}

.cart-table tbody tr .remove-btn:hover {
	color: #2a76dc
}

.cart-table tbody tr {
	border-bottom: 1px solid #f0f0f0
}

.cart-table tbody tr td {
	vertical-align: middle;
	color: #797979;
	font-size: 17px;
	text-align: center;
	border-left: 1px solid #f0f0f0
}

.cart-table tbody tr td.prod-column {
	padding-left: 48px
}

.cart-table tbody tr td.total {
	font-size: 18px;
	color: #333
}

.cart-table tbody tr td:last-child {
	border-right: 1px solid #ebebeb;
	text-align: center
}

.cart-table tbody tr td .prod-title {
	position: relative;
	font-size: 16px;
	color: #333
}

.cart-table tbody tr td .quantity-spinner {
	padding: 5px 0 5px 20px;
	line-height: 24px;
	height: 50px;
	display: block;
	width: 100%;
	position: relative
}

.cart-table tbody .available-info {
	position: relative;
	padding-left: 50px
}

.cart-table tbody .available-info .icon {
	position: absolute;
	left: 0;
	top: 5px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	background: #223555;
	border-radius: 50%
}

.cart-section .cart-options {
	position: relative;
	padding: 20px 0 10px;
	margin-bottom: 30px;
	border-top: 0
}

.cart-section .apply-coupon {
	position: relative
}

.cart-section .cart-options .cart-btn {
	background: none
}

.cart-section .apply-coupon .form-group {
	position: relative;
	float: left;
	margin-right: 30px
}

.cart-section .apply-coupon .form-group button {
	background: none
}

.cart-section .apply-coupon .form-group input[type="text"] {
	display: block;
	line-height: 15px;
	padding: 8px 20px;
	border: 1px solid #f0f0f0;
	width: 225px;
	height: 55px;
	background: #fff
}

.cart-section .coupon-btn {
	padding: 10px 39px 10px;
	line-height: 24px;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	background-color: #2a76dc
}

.cart-section .cart-options .btn-style-one {
	top: -7px;
	padding-left: 32px;
	padding-right: 32px
}

.cart-section .totals-table {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #f0f0f0
}

.cart-section .totals-table li {
	line-height: 24px;
	padding: 14px 30px;
	border-bottom: 1px solid #f0f0f0
}

.cart-section .totals-table li h3 {
	position: relative;
	color: #333;
	font-size: 18px
}

.cart-section .totals-table li:last-child {
	border-bottom: none;
	padding: 50px 30px
}

.cart-section .totals-table .col {
	position: relative;
	display: block;
	float: left;
	line-height: 24px;
	width: 50%;
	color: #333;
	font-size: 16px;
	text-transform: capitalize
}

.cart-section .totals-table li .col:last-child {
	text-align: right
}

.cart-section .totals-table .total .price {
	color: #2a76dc
}

.cart-section .totals-table button {
	background: none
}

.shipping-block {
	position: relative;
	margin-bottom: 40px
}

.shipping-block .inner-box {
	position: relative;
	padding: 16px 20px 6px;
	border: 1px solid #f0f0f0
}

.shipping-block .inner-box h3 {
	position: relative;
	color: #333;
	font-size: 15px;
	margin-bottom: 10px;
	text-transform: capitalize
}

.shipping-block .inner-box h4 {
	position: relative;
	color: #2a76dc;
	font-size: 14px;
	;
	margin-bottom: 15px;
	text-transform: capitalize
}

.shipping-form {
	position: relative
}

.shipping-form .form-group {
	position: relative;
	margin-bottom: 15px
}

.shipping-form .form-group input[type="text"],
.shipping-form .form-group input[type="password"],
.shipping-form .form-group input[type="tel"],
.shipping-form .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 18px;
	padding: 10px 20px;
	height: 50px;
	font-size: 14px;
	border: 1px solid #f0f0f0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.shipping-form .form-group input[type="text"]:focus,
.shipping-form .form-group input[type="password"]:focus,
.shipping-form .form-group input[type="tel"]:focus,
.shipping-form .form-group input[type="email"]:focus,
.shipping-form .form-group select:focus,
.shipping-form .form-group textarea:focus {
	border-color: #2a76dc
}

.shipping-form button {
	background: none
}

.checkout-page {
	position: relative;
	padding: 100px 0 100px
}

.checkout-page .login-section {
	padding-top: 0;
	padding-bottom: 0
}

.checkout-page .default-links {
	position: relative;
	margin-bottom: 30px
}

.checkout-page .default-links li {
	line-height: 24px;
	padding: 14px 30px 18px;
	background: #333;
	color: #fff;
	font-size: 16px
}

.checkout-page .default-links li .fa {
	position: relative;
	top: 2px;
	margin-right: 20px;
	font-size: 24px;
	color: #2a76dc
}

.checkout-page .default-links li a {
	color: #2a76dc
}

.checkout-form {
	position: relative
}

.checkout-form .checkout-title {
	position: relative
}

.checkout-form .checkout-title h2 {
	position: relative;
	color: #222;
	font-size: 30px;
	margin-bottom: 35px
}

.checkout-form .form-group {
	position: relative;
	margin-bottom: 5px
}

.checkout-form .form-group .field-label {
	display: block;
	line-height: 24px;
	margin-bottom: 6px;
	text-transform: capitalize;
	color: #222;
	font-size: 16px
}

.checkout-form .form-group .field-label sup {
	top: -1px;
	font-size: 16px
}

.checkout-form .form-group .text {
	position: relative;
	color: #777;
	font-size: 15px;
	margin-bottom: 5px
}

.checkout-form input[type="text"],
.checkout-form input[type="email"],
.checkout-form input[type="password"],
.checkout-form input[type="tel"],
.checkout-form input[type="number"],
.checkout-form input[type="url"],
.checkout-form select,
.checkout-form textarea {
	position: relative;
	display: block;
	width: 100%;
	background: #fff;
	line-height: 22px;
	padding: 12px 15px;
	height: 48px;
	margin-bottom: 10px;
	border: 1px solid #e0e0e0;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease
}

.checkout-form textarea {
	resize: none;
	height: 60px !important
}

.checkout-form input:focus,
.checkout-form select:focus,
.checkout-form textarea:focus {
	border-color: #2a76dc
}

.checkout-page .check-box {
	line-height: 24px;
	font-size: 14px;
	padding-top: 5px
}

.checkout-page .check-box label {
	position: relative;
	top: -1px;
	padding: 0;
	font-size: 16px;
	cursor: pointer;
	color: #333
}

.checkout-page .lower-content {
	margin-top: 30px
}

.checkout-page .lower-content .order-column {
	margin-bottom: 40px
}

.checkout-page .lower-content .column h2 {
	position: relative;
	color: #222;
	font-size: 24px;
	margin-bottom: 30px
}

.checkout-page .lower-content .column h2:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 40px;
	height: 2px;
	background-color: #2a76dc
}

.coupon-box {
	position: relative;
	padding: 35px 35px;
	margin-bottom: 50px;
	background-color: #f8f6f6
}

.coupon-form {
	position: relative
}

.coupon-form .form-group {
	position: relative;
	margin-bottom: 0
}

.coupon-form .form-group input[type="text"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 20px;
	height: 54px;
	font-size: 14px;
	border: 1px solid #ccc;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.coupon-form .form-group input[type="text"]:focus {
	border-color: #2a76dc
}

.coupon-form button {
	background: none
}

.order-box {
	position: relative;
	margin-top: 15px
}

.order-box h2 {
	position: relative;
	color: #333;
	font-size: 28px;
	margin-bottom: 20px
}

.order-box .title-box {
	position: relative;
	padding: 13px 30px;
	background-color: #333
}

.order-box .title-box .col {
	position: relative;
	width: 50%;
	float: left;
	color: #fff;
	font-size: 16px
}

.order-box ul {
	position: relative
}

.order-box ul li {
	position: relative;
	padding: 25px 30px;
	border-bottom: 1px solid #ccc
}

.order-box ul li strong {
	color: #333;
	font-size: 24px
}

.order-box ul li span {
	width: 50%;
	float: right;
	color: #2a76dc;
	font-size: 18px
}

.order-box ul li span.free {
	color: #777;
	font-size: 16px
}

.order-box ul li:last-child {
	border-bottom: none
}

.payment-box {
	position: relative;
	margin-top: 20px;
	background-color: #f8f6f6
}

.payment-box .upper-box {
	position: relative;
	padding: 15px 35px;
	border-bottom: 1px solid #ccc
}

.payment-options {
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px
}

.payment-box .payment-options li {
	position: relative;
	margin-bottom: 10px
}

.payment-box .payment-options li .radio-option {
	position: relative
}

.payment-box .payment-options li .radio-option label {
	position: relative;
	display: inline-block;
	padding-left: 30px;
	text-transform: capitalize;
	letter-spacing: 1px;
	color: #333;
	cursor: pointer;
	font-size: 18px
}

.payment-box .payment-options li .radio-option input[type="radio"] {
	position: absolute;
	left: 0;
	top: 3px
}

.payment-box .payment-options li .radio-option label .small-text {
	position: relative;
	display: block;
	letter-spacing: 0;
	text-transform: none;
	font-size: 14px;
	color: #777;
	line-height: 1.8em;
	padding: 15px 20px;
	margin-top: 20px;
	background-color: #ededed
}

.payment-box .payment-options li .radio-option label .small-text:before {
	position: absolute;
	content: '';
	left: 30px;
	top: -13px;
	border-left: 15px solid #fff0;
	border-right: 15px solid #fff0;
	border-bottom: 15px solid #ededed
}

.payment-box .payment-options li .radio-option label img {
	position: relative;
	display: block;
	max-width: 100%;
	padding-left: 30px;
	margin-top: 20px
}

.payment-box .payment-options li .radio-option .what-paypall {
	position: relative;
	display: block;
	color: #000;
	font-size: 16px;
	margin-left: 120px;
	margin-top: 10px
}

.payment-box .lower-box {
	position: relative;
	padding: 15px 15px
}

.payment-box .lower-box .btn-style-one {
	font-size: 18px;
	border-radius: 0;
	padding: 8px 19px;
	text-transform: capitalize
}

.product-details .basic-details .bootstrap-touchspin .input-group-btn-vertical>.btn,
.cart-section .bootstrap-touchspin .input-group-btn-vertical>.btn {
	padding: 12px 10px;
	background: #f4f5f6
}

.product-details .bootstrap-touchspin .input-group-btn-vertical i,
.cart-section .bootstrap-touchspin .input-group-btn-vertical i {
	top: 1px
}

.bootstrap-touchspin .input-group-btn-vertical {
	position: absolute;
	right: 20px;
	top: 0
}

.bootstrap-touchspin .glyphicon-chevron-up:before {
	content: "\f106";
	font-size: 18px;
	font-style: normal;
	font-family: 'FontAwesome'
}

.bootstrap-touchspin .glyphicon-chevron-down:before {
	content: "\f107";
	font-size: 18px;
	font-style: normal;
	font-family: 'FontAwesome'
}

.login-form {
	position: relative
}

.login-form .form-group {
	position: relative;
	margin-bottom: 30px
}

.login-form .form-group label {
	position: relative;
	color: #333;
	font-size: 16px
}

.login-form .form-group.no-margin {
	margin-bottom: 0
}

.login-form .form-group input[type="text"],
.login-form .form-group input[type="password"],
.login-form .form-group input[type="tel"],
.login-form .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 20px;
	height: 50px;
	font-size: 14px;
	border: 1px solid #ccc;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.login-form .form-group input[type="text"]:focus,
.login-form .form-group input[type="password"]:focus,
.login-form .form-group input[type="tel"]:focus,
.login-form .form-group input[type="email"]:focus,
.login-form .form-group select:focus,
.login-form .form-group textarea:focus {
	border-color: #2a76dc
}

.login-form button {
	background: none
}

.login-form .psw {
	position: relative;
	color: #333;
	font-size: 16px
}

.login-section {
	position: relative;
	padding: 120px 0 120px
}

.login-section .login-box {
	position: relative;
	max-width: 570px;
	margin: 0 auto;
	padding: 45px 40px 35px;
	background-color: #fff;
	box-shadow: 0 0 30px rgb(0 0 0 / .05)
}

.login-section .login-box .title-box {
	position: relative;
	text-align: center;
	margin-bottom: 32px
}

.login-section .login-box .title-box h2 {
	position: relative;
	color: #000;
	line-height: 1.3em
}

.login-section .login-box .title-box .text {
	position: relative;
	color: #03382e;
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 12px
}

.login-form-box {
	position: relative
}

.login-form-box .form-group {
	position: relative;
	margin-bottom: 25px
}

.login-form-box .form-group .eye-icon {
	position: absolute;
	right: 30px;
	top: 54px;
	color: #222;
	font-size: 18px;
	z-index: 1;
	opacity: .5
}

.login-form-box .form-group label {
	position: relative;
	color: #626262;
	font-size: 16px;
	margin-bottom: 15px
}

.login-form-box .form-group input {
	position: relative;
	height: 55px;
	padding: 6px 25px;
	width: 100%;
	color: #222;
	font-size: 16px;
	border-radius: 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	box-shadow: 0 0 18px rgb(0 0 0 / .1)
}

.login-form-box .form-group input:focus {
	border-color: #2a76dc
}

.login-form-box .form-group textarea {
	position: relative;
	height: 150px;
	width: 100%;
	resize: none;
	padding: 15px 15px;
	border-radius: 50px;
	border: 1px solid #f2f2f2;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.login-form-box .form-group .users {
	position: relative;
	color: #626262;
	font-size: 16px;
	text-align: center
}

.login-form-box .form-group .users a {
	position: relative;
	color: #2a76dc;
	text-decoration: underline
}

.login-form-box .form-group .check-box {
	position: relative;
	margin-bottom: 3px;
	margin-top: 7px
}

.login-form-box .form-group .check-box label {
	color: #2b2b2b
}

.login-form-box .form-group .check-box label {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 4px 10px 0;
	padding-left: 25px;
	background: #fff;
	font-size: 16px;
	color: #626262;
	cursor: pointer;
	margin-bottom: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.login-form-box .form-group .check-box input[type="checkbox"]:checked+label {
	border-color: #2a76dc
}

.login-form-box .form-group .form-group .check-box label {
	padding-left: 30px;
	padding-top: 1px;
	cursor: pointer
}

.login-form-box .form-group .check-box label:before {
	position: absolute;
	left: 0;
	top: 6px;
	height: 15px;
	width: 15px;
	background: #fff;
	content: "";
	border-radius: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid #2a76dc
}

.login-form-box .form-group .check-box label:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 15px;
	line-height: 15px;
	max-width: 0;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	background: #fff0;
	text-align: center;
	font-family: 'FontAwesome';
	-webkit-transition: max-width 500ms ease;
	-moz-transition: max-width 500ms ease;
	-ms-transition: max-width 500ms ease;
	-o-transition: max-width 500ms ease;
	transition: max-width 500ms ease
}

.login-form-box .form-group .check-box input[type="checkbox"] {
	display: none
}

.login-form-box .form-group .check-box input[type="checkbox"]:checked+label:before {
	border: 5px solid #2a76dc;
	background: #fff
}

.login-form-box .form-group .check-box input[type="checkbox"]:checked+label:after {
	max-width: 20px;
	opacity: 1
}

.login-form-box .form-group .radio-box {
	position: relative;
	margin-bottom: 3px;
	margin-top: 7px
}

.login-form-box .form-group .radio-box label {
	font-family: 'Roboto Condensed';
	color: #2b2b2b
}

.login-form-box .form-group .radio-box label {
	position: relative;
	display: block;
	height: 30px;
	width: 100%;
	line-height: 9px;
	padding: 4px 10px 0;
	padding-left: 25px;
	background: #fff;
	font-size: 16px;
	color: #626262;
	cursor: pointer;
	margin-bottom: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.login-form-box .form-group .radio-box input[type="radio"]:checked+label {
	border-color: #25a9e0
}

.login-form-box .form-group .form-group .radio-box label {
	padding-left: 30px;
	padding-top: 1px;
	cursor: pointer
}

.login-form-box .form-group .radio-box label:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 15px;
	width: 15px;
	background: #fff;
	content: "";
	border-radius: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
	border: 1px solid #2a76dc
}

.login-form-box .form-group .radio-box label:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 15px;
	line-height: 15px;
	max-width: 0;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	background: #fff0;
	text-align: center;
	font-family: 'FontAwesome';
	-webkit-transition: max-width 500ms ease;
	-moz-transition: max-width 500ms ease;
	-ms-transition: max-width 500ms ease;
	-o-transition: max-width 500ms ease;
	transition: max-width 500ms ease
}

.login-form-box .form-group .radio-box input[type="radio"] {
	display: none
}

.login-form-box .form-group .radio-box input[type="radio"]:checked+label:before {
	border: 5px solid #2a76dc;
	background: #fff
}

.login-form-box .form-group .radio-box input[type="radio"]:checked+label:after {
	max-width: 20px;
	opacity: 1
}

.login-form-box .forgot {
	position: relative;
	color: #626262;
	font-size: 16px;
	margin-top: 10px;
	display: inline-block;
	text-decoration: underline
}

.login-form-box .theme-btn {
	background: none
}

.register-section {
	position: relative;
	padding: 110px 0 110px
}

.register-section .register-box {
	position: relative;
	max-width: 970px;
	margin: 0 auto;
	padding: 45px 40px 35px;
	background-color: #fff;
	box-shadow: 0 0 20px rgb(0 0 0 / .06)
}

.register-section .register-box .title-box {
	position: relative;
	text-align: center;
	margin-bottom: 32px
}

.register-section .register-box .title-box h2 {
	position: relative;
	color: #000;
	line-height: 1.3em
}

.register-section .register-box .title-box .text {
	position: relative;
	color: #03382e;
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 12px
}

.sitemap-section {
	position: relative;
	padding: 95px 0 60px;
	overflow: hidden
}

.sitemap-section .info-column .sitemap-list {
	padding: 5px;
	margin-bottom: 15px
}

.sitemap-section .auto-container .list-style-five {
	padding-left: 5px
}

.sitemap-section .list-style-five li::before {
	content: "";
	border-radius: 2px;
	width: 8px;
	height: 8px;
	display: inline-block;
	background: #0f77bc;
	position: absolute;
	left: 0;
	top: 9px
}

.sitemap-section .auto-container .list-style-five li {
	position: relative;
	color: #666;
	font-size: 18px;
	padding-left: 35px;
	line-height: 1.3em;
	margin-bottom: 10px;
	font-family: 'Gilroy-Medium'
}

.sitemap-section .auto-container .list-style-five li a {
	color: #03a9f4
}

.sitemap-section .auto-container .custom-line-sitemap {
	color: #0f77bc;
	font-size: 25px;
	font-family: gilroy-bold;
	padding-bottom: 5px
}

.sitemap-section .auto-container .custom-line-sitemap a {
	color: #0f77bc !important
}

.contact-page-section {
	position: relative;
	padding: 95px 0 60px;
	overflow: hidden
}

.contact-page-section .info-column {
	position: relative;
	margin-bottom: 40px
}

.contact-page-section .info-column .sec-title {
	margin-bottom: 30px
}

.contact-page-section .info-column .sec-title h2 {
	font-size: 30px;
	line-height: 1
}

.contact-page-section .info-column .inner-column {
	position: relative
}

.contact-page-section .form-column {
	position: relative;
	margin-bottom: 40px
}

.contact-page-section .form-column .inner-column {
	position: relative
}

.contact-form input.error,
.contact-form select.error,
.contact-form textarea.error {
	border-color: #ff0000 !important
}

.contact-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0 0;
	margin: 0;
	text-transform: uppercase;
	font-size: 12px;
	color: red
}

.contact-map-section {
	position: relative;
	padding-top: 0
}

.contact-map-section iframe {
	height: 550px;
	width: 100%
}

.contact-page-section-two {
	position: relative;
	padding: 95px 0 0
}

.contact-page-section-two h2 {
	font-size: 36px
}

.contact-page-section-two .form-column {
	position: relative
}

.contact-page-section-two .form-column .inner-column {
	position: relative
}

.contact-page-section-two .info-column {
	position: relative
}

.contact-page-section-two .info-column .inner-column {
	position: relative;
	margin-left: 80px;
	padding: 35px 35px;
	border-radius: 5px;
	box-shadow: 0 0 25px rgb(0 0 0 / .1)
}

.contact-page-section-two .info-column ul {
	position: relative
}

.contact-page-section-two .info-column ul li {
	position: relative;
	color: #777;
	font-size: 16px;
	padding-left: 115px;
	margin-bottom: 65px;
	min-height: 84px;
	padding-top: 15px
}

.contact-page-section-two .info-column ul li:last-child {
	margin-right: 0
}

.contact-page-section-two .info-column ul li .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 84px;
	height: 84px;
	font-size: 36px;
	line-height: 80px;
	color: #1b46ff;
	text-align: center;
	border-radius: 50px;
	border: 2px solid #1b46ff
}

.contact-page-section-two .info-column ul li:nth-child(2) .icon {
	color: #ffa31f;
	border-color: #ffa31f
}

.contact-page-section-two .info-column ul li:nth-child(3) .icon {
	color: #008e92;
	border-color: #008e92
}

.contact-page-section-two .info-column ul li strong {
	position: relative;
	font-size: 18px;
	display: block;
	color: #222;
	margin-bottom: 6px;
	text-transform: uppercase
}

.contact-page-section-three {
	position: relative;
	padding: 100px 0 90px
}

.contact-page-section-three .contact-form {
	max-width: 1000px;
	margin: 0 auto
}

.contact-page-section-three .info-column {
	position: relative;
	margin-bottom: 40px
}

.contact-page-section-three .info-column .sec-title {
	margin-bottom: 30px
}

.contact-page-section-three .info-column .sec-title h2 {
	font-size: 34px
}

.contact-page-section-three .info-column .inner-column {
	position: relative
}

.contact-page-section-three .form-column {
	position: relative;
	margin-bottom: 40px
}

.contact-page-section-three .form-column .inner-column {
	position: relative
}

.blog-page-section {
	position: relative;
	padding: 100px 0 100px
}

.blog-classic-section {
	position: relative;
	padding: 100px 0 100px
}

.blog-classic-section .inner-container {
	position: relative;
	max-width: 1000px;
	margin: 0 auto
}

.sidebar-page-container {
	position: relative;
	padding: 0 0 0
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
	margin-bottom: 40px
}

.sidebar-widget {
	margin-bottom: 40px
}

.sidebar-title {
	position: relative;
	margin-bottom: 0;
	padding: 14px 20px;
	display: block;
	border-radius: 20px;
	background-color: #0f77bc0f
}

.sidebar-title h4 {
	color: #0f77bc;
	line-height: 1.2em;
	text-transform: capitalize
}

.sidebar .search-box .form-group {
	position: relative;
	margin: 0
}

.sidebar .search-box .form-group input[type="text"],
.sidebar .search-box .form-group input[type="search"] {
	position: relative;
	line-height: 30px;
	padding: 10px 50px 10px 30px;
	background: #eef1f9;
	display: block;
	font-size: 15px;
	width: 100%;
	height: 48px;
	color: #000;
	border-radius: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.sidebar .search-box .form-group textarea::-webkit-input-placeholder,
.sidebar .search-box .form-group input::-webkit-input-placeholder {
	color: #797979
}

.sidebar .search-box .form-group button {
	position: absolute;
	right: 5px;
	top: 6px;
	height: 36px;
	width: 36px;
	display: block;
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	line-height: 34px;
	border-radius: 50px;
	line-height: 100%;
	background-color: #1b46ff
}

.popular-posts .post {
	position: relative;
	font-size: 14px;
	color: #666;
	min-height: 90px;
	padding: 12px 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 10px rgb(0 0 0 / .1);
	border-radius: 20px;
	display: flex;
	align-items: center
}

.popular-posts .post .post-inner {
	position: relative;
	padding-left: 100px
}

.popular-posts .post .post-thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 109px;
	height: 91px
}

.popular-posts .post .post-thumb img {
	display: block;
	width: 100%;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	object-fit: cover;
	height: 100%;
	object-position: 0% 50%;
	border-radius: 20px 0 0 20px
}

.popular-posts .post .text {
	position: relative;
	top: 0;
	font-size: 16px;
	margin: 0 0 3px;
	color: #2b2b2b;
	line-height: 1.3em;
	text-transform: capitalize
}

.popular-posts .post .text a {
	color: #2b2b2b;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.popular-posts .post a:hover {
	color: #1b46ff
}

.popular-posts .title {
	position: relative;
	font-size: 14px;
	color: #5a5a5a
}

.popular-posts .learn-more {
	position: relative;
	font-size: 16px;
	color: #0f77bc
}

.author-widget {
	position: relative
}

.author-widget .widget-content {
	position: relative;
	text-align: center;
	padding: 45px 40px 40px;
	border-radius: 10px;
	background-size: cover
}

.author-widget .widget-content .image {
	position: relative;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	box-shadow: 0 10px 15px rgb(0 0 0 / .4)
}

.author-widget .widget-content .name {
	position: relative;
	color: #fff;
	font-size: 24px;
	margin-top: 50px
}

.author-widget .widget-content .text {
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 1.8em;
	margin-top: 20px;
	margin-bottom: 25px
}

.author-widget .widget-content .social-box {
	position: relative
}

.author-widget .widget-content .social-box li {
	position: relative;
	margin: 0 2px;
	display: inline-block
}

.author-widget .widget-content .social-box li a {
	position: relative;
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	display: block;
	color: #fff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.author-widget .widget-content .social-box li a:hover {
	opacity: .8
}

.instagram-widget .widget-content {
	position: relative;
	padding: 30px 0 0
}

.instagram-widget .post-thumb {
	position: relative;
	width: 29%;
	float: left;
	border-radius: 4px;
	overflow: hidden;
	margin: 0 8px 18px
}

.instagram-widget .post-thumb .overlay-box {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	color: #fff;
	font-size: 18px;
	opacity: 0;
	text-align: center;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background-color: rgb(27 70 255 / .4)
}

.instagram-widget .post-thumb .overlay-box .fa {
	top: 50%;
	position: relative;
	margin-top: -12px;
	display: block
}

.instagram-widget .post-thumb:hover .overlay-box {
	opacity: 1
}

.instagram-widget .post-thumb img {
	display: block;
	width: 100%;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.categories-widget .widget-content {
	position: relative;
	padding: 25px 30px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.categories-widget ul {
	position: relative
}

.categories-widget ul li {
	position: relative;
	padding-left: 22px;
	margin-bottom: 8px
}

.categories-widget ul li:before {
	position: absolute;
	content: '';
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50px;
	border: 2px solid #1b46ff
}

.categories-widget ul li a {
	position: relative;
	color: #2b2b2b;
	font-size: 16px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.categories-widget ul li a:hover {
	color: #1b46ff
}

.tags-widget .widget-content {
	position: relative;
	padding: 25px 30px;
	border-radius: 8px;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.tags-widget ul {
	position: relative
}

.tags-widget ul li {
	position: relative;
	padding-left: 22px;
	margin-bottom: 12px;
	margin-right: 20px;
	display: inline-block
}

.tags-widget ul li:before {
	position: absolute;
	content: '';
	left: 0;
	top: 8px;
	width: 8px;
	height: 8px;
	border-radius: 50px;
	border: 2px solid #1b46ff
}

.tags-widget ul li a {
	position: relative;
	color: #2b2b2b;
	font-size: 16px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.tags-widget ul li a:hover {
	color: #1b46ff
}

.news-single {
	position: relative
}

.news-single .inner-box {
	position: relative
}

.news-single .inner-box .image {
	position: relative
}

.news-single .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	border-radius: 30px
}

.news-single .inner-box .lower-content {
	position: relative;
	padding-top: 28px
}

.news-single .inner-box .lower-content h3 {
	position: relative;
	color: #414857;
	line-height: 1.4em;
	margin-bottom: 15px
}

.news-single .inner-box .lower-content .post-meta {
	position: relative
}

.news-single .inner-box .lower-content .post-meta li {
	position: relative;
	color: #414857;
	font-size: 13px;
	padding-right: 10px;
	margin-right: 10px;
	display: inline-block
}

.news-single .inner-box .lower-content .post-meta li:before {
	position: absolute;
	content: '/';
	right: -4px;
	top: 0;
	font-size: 10px;
	color: #000
}

.news-single .inner-box .lower-content .post-meta li span {
	color: #577feb
}

.news-single .inner-box .lower-content .post-meta li:last-child::before {
	display: none
}

.news-single .inner-box .lower-content .text {
	position: relative;
	margin-top: 18px
}

.news-single .inner-box .lower-content .text p {
	position: relative;
	margin-bottom: 20px;
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 31px;
	color: #353535
}

.news-single .inner-box .lower-content .text blockquote {
	position: relative;
	padding: 0;
	border: 0;
	padding-left: 70px;
	margin-top: 40px;
	margin-bottom: 60px
}

.news-single .inner-box .lower-content .text blockquote.alternate {
	margin-bottom: 30px
}

.news-single .inner-box .lower-content .text blockquote .quote-icon {
	position: absolute;
	content: '';
	left: 0;
	top: -20px;
	color: #cacaca;
	font-size: 44px;
	line-height: 1em
}

.news-single .inner-box .lower-content .text blockquote .text {
	position: relative;
	color: #414857;
	font-size: 18px;
	font-style: italic;
	line-height: 1.5em;
	padding-top: 22px;
	border-top: 1px solid #e6e6e6
}

.news-single .inner-box .lower-content .text .big-image {
	position: relative;
	margin-top: 50px;
	margin-bottom: 32px
}

.news-single .inner-box .lower-content .text p span {
	font-style: italic;
	color: #414857
}

.news-single .inner-box .lower-content .text h3 {
	position: relative;
	color: #414857;
	font-size: 20px;
	margin: 25px 0 15px
}

.news-single .inner-box .lower-content .text h4 {
	position: relative;
	color: #414857;
	font-size: 16px;
	margin: 25px 0 15px
}

.news-single .inner-box .lower-content .text .image-column {
	position: relative;
	margin-bottom: 35px
}

.news-single .inner-box .lower-content .tags {
	position: relative
}

.news-single .inner-box .lower-content .tags a {
	position: relative;
	color: #414857;
	font-size: 14px;
	margin-right: 10px
}

.news-single .inner-box .lower-content .post-share-options {
	position: relative;
	padding: 18px 20px;
	margin-top: 28px;
	margin-bottom: 50px;
	border: 1px solid #e4e4e4
}

.news-single .inner-box .lower-content .post-share-options .share {
	position: relative;
	color: #a5a5a5;
	font-size: 15px
}

.news-single .news-block .image .owl-nav {
	position: absolute;
	height: 0;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -38px
}

.news-single .news-block .image .owl-nav .owl-prev {
	position: relative;
	width: 28px;
	height: 78px;
	line-height: 78px;
	text-align: center;
	font-size: 20px;
	display: inline-block;
	background-color: rgb(255 255 255 / .8)
}

.news-single .news-block .image .owl-nav .owl-next {
	position: absolute;
	right: 0;
	float: right;
	width: 28px;
	height: 78px;
	font-size: 20px;
	line-height: 78px;
	text-align: center;
	display: inline-block;
	background-color: rgb(255 255 255 / .8)
}

.author-box {
	position: relative;
	margin-bottom: 85px
}

.author-box .author-comment {
	position: relative
}

.author-box .author-comment .inner-box {
	position: relative;
	padding-left: 165px
}

.author-box .author-comment .inner-box .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 130px;
	overflow: hidden;
	margin-bottom: 20px
}

.author-box .author-comment .inner-box h3 {
	position: relative;
	color: #414857;
	font-size: 18px;
	margin-bottom: 10px
}

.author-box .author-comment .inner-box .text {
	position: relative;
	color: #888;
	font-size: 15px;
	line-height: 1.8em;
	margin-bottom: 10px
}

.sidebar-page-container .comments-area {
	position: relative;
	margin-bottom: 50px
}

.sidebar-page-container .group-title {
	position: relative
}

.sidebar-page-container .group-title h2 {
	position: relative;
	font-size: 18px;
	color: #222;
	text-transform: capitalize
}

.sidebar-page-container .group-title h3 {
	position: relative;
	font-size: 16px;
	color: #414857;
	margin-bottom: 50px;
	text-transform: capitalize
}

.sidebar-page-container .comments-area .comment-box {
	position: relative;
	padding: 0 0 0;
	margin-bottom: 40px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.sidebar-page-container .comments-area .comment {
	position: relative;
	padding: 0 0 30px 110px;
	font-size: 14px;
	border-bottom: 1px solid #f5f5f5
}

.sidebar-page-container .comments-area .reply-comment {
	margin-left: 120px
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
	position: absolute;
	left: 0;
	top: 0;
	width: 80px;
	border-radius: 50%;
	margin-bottom: 20px;
	overflow: hidden
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
	width: 100%;
	display: block
}

.sidebar-page-container .comments-area .comment-info {
	margin-bottom: 10px
}

.sidebar-page-container .comments-area .comment-box strong {
	font-size: 17px;
	color: #414857;
	display: block;
	line-height: 1.3em;
	text-transform: capitalize
}

.sidebar-page-container .comments-area .comment-box .text {
	color: #888;
	font-size: 14px;
	line-height: 1.9em;
	margin-bottom: 0
}

.sidebar-page-container .comments-area .comment-info .comment-time {
	font-size: 12px;
	color: #888
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
	position: absolute;
	right: 0;
	top: 0;
	padding: 0 22px;
	font-size: 13px;
	color: #888;
	border: 2px solid #f6f7f7;
	text-transform: capitalize;
	background-color: #f6f7f7
}

.sidebar-page-container .comments-area .comment-box .theme-btn:hover {
	background: #1b46ff;
	color: #fff;
	border-color: #1b46ff
}

.comment-form .group-title {
	position: relative;
	margin-bottom: 20px
}

.comment-form .form-group {
	margin-bottom: 30px
}

.comment-form .form-group:last-child {
	margin-bottom: 0
}

.comment-form .form-group input[type="text"],
.comment-form .form-group input[type="password"],
.comment-form .form-group input[type="tel"],
.comment-form .form-group input[type="email"],
.comment-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 18px;
	color: #888;
	border: 1px solid #ececec;
	height: 50px;
	font-size: 13px;
	background: #fff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.comment-form .form-group input[type="text"]:focus,
.comment-form .form-group input[type="password"]:focus,
.comment-form .form-group input[type="tel"]:focus,
.comment-form .form-group input[type="email"]:focus,
.comment-form .form-group select:focus,
.comment-form .form-group textarea:focus {
	border-color: #222
}

.comment-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 15px 18px;
	color: #888;
	border: 1px solid #ececec;
	height: 180px;
	background: #fff;
	resize: none;
	font-size: 13px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.comment-form button {
	padding: 14px 34px;
	background: none
}

.comment-form button .fa {
	margin-left: 5px
}

.related-posts {
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 60px;
	border-bottom: 1px solid #dbdbdb
}

.related-posts .related-title {
	position: relative;
	text-align: center;
	margin-bottom: 45px
}

.related-posts .related-title:before {
	position: absolute;
	content: '';
	left: 0;
	top: 15px;
	width: 100%;
	height: 1px;
	background-color: #d6d6d6
}

.related-posts .related-title h2 {
	position: relative;
	color: #414857;
	font-size: 20px;
	padding: 0 35px;
	display: inline-block;
	background-color: #fff
}

.error-section {
	position: relative;
	padding: 110px 0 110px
}

.error-section .content {
	position: relative;
	text-align: center
}

.error-section h1 {
	position: relative;
	color: #222;
	font-size: 180px;
	line-height: 1em;
	margin-bottom: 10px
}

.error-section h2 {
	position: relative;
	color: #222;
	font-size: 50px;
	line-height: 1.2em;
	margin-bottom: 10px
}

.error-section .text {
	position: relative;
	color: #222;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 30px
}

.banner-section-two {
	position: relative;
	overflow: hidden;
	padding-top: 220px;
	padding-bottom: 320px;
	background-color: #0b54fd
}

.banner-section-two .patern-layer-one {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat
}

.waves {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 15vh;
	margin-bottom: -8px;
	min-height: 100px;
	max-height: 150px
}

.waves .content {
	position: relative;
	height: 20vh;
	text-align: center;
	background-color: #fff
}

.banner-section-two .content {
	position: relative;
	text-align: center
}

.banner-section-two .content h1 {
	position: relative;
	color: #fff;
	line-height: 1.3em;
	text-transform: uppercase
}

.banner-section-two .content .text {
	position: relative;
	color: #fff;
	font-size: 16px;
	line-height: 1.9em;
	margin-top: 15px;
	margin-bottom: 40px
}

.car-search-tab .prod-tabs {
	position: relative;
	z-index: 1
}

.car-search-tab .prod-tabs .tab-btns {
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #eee
}

.car-search-tab .prod-tabs .tab-btns .tab-btn {
	position: relative;
	display: block;
	float: left;
	margin-right: 1px;
	font-size: 14px;
	color: #fff;
	border-top: 3px solid #f0c579;
	text-transform: uppercase;
	line-height: 24px;
	cursor: pointer;
	background-color: #f0c579;
	padding: 9px 27px 9px;
	transition: all 500ms ease
}

.car-search-tab .prod-tabs .tab-btns .tab-btn:hover::after,
.car-search-tab .prod-tabs .tab-btns .tab-btn.active-btn:after {
	position: absolute;
	content: '';
	left: 0;
	bottom: -2px;
	width: 100%;
	height: 2px;
	background-color: #fff
}

.car-search-tab .prod-tabs .tab-btns .tab-btn:hover,
.car-search-tab .prod-tabs .tab-btns .tab-btn.active-btn {
	color: #232527;
	background: #fff
}

.car-search-tab .prod-tabs .tabs-content {
	position: relative;
	padding: 38px 30px 20px;
	border: 1px solid #f9f9f9;
	background-color: #fff;
	border-top: 0
}

.car-search-tab .prod-tabs .tabs-content .tab {
	position: relative;
	display: none;
	border-top: 0
}

.car-search-tab .prod-tabs .tabs-content .tab.active-tab {
	display: block
}

.car-search-tab .form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 14px;
	font-style: normal;
	height: 45px;
	padding: 10px 18px;
	line-height: 24px;
	color: #333;
	border-radius: 0;
	border: 1px solid #e5e5e5;
	background: #fff
}

.car-search-tab .form-group .ui-button .ui-icon {
	background: none;
	position: relative;
	top: 0;
	text-indent: 0;
	color: #333
}

.car-search-tab .form-group .ui-button .ui-icon:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	right: 0;
	top: 2px !important;
	top: 13px;
	width: 10px;
	height: 20px;
	display: block;
	color: #333;
	line-height: 20px;
	font-size: 16px;
	text-align: center;
	z-index: 5
}

.car-search-tab .ui-widget.ui-widget-content {
	border: 1px solid #e0e0e0
}

.car-search-tab .ui-menu .ui-menu-item {
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0
}

.car-search-tab .ui-menu .ui-menu-item:last-child {
	border: none
}

.car-search-tab .ui-state-active,
.car-search-tab .ui-widget-content .ui-state-active {
	background: #f0c579;
	border-color: #f0c579
}

.car-search-tab .ui-menu .ui-menu-item-wrapper {
	position: relative;
	display: block;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 24px
}

.car-search-tab .ui-menu-item:hover {
	background-color: #17519d
}

.car-search-form .row {
	margin: 0 -10px
}

.car-search-form .column {
	padding: 0 10px
}

.car-search-form .form-group {
	margin-bottom: 20px;
	padding: 0 10px
}

.car-search-form input[type="text"],
.car-search-form input[type="email"],
.car-search-form input[type="password"],
.car-search-form select,
.car-search-form textarea {
	display: block;
	width: 100%;
	height: 45px;
	font-size: 16px;
	color: #848484;
	line-height: 30px;
	padding: 10px 20px;
	background-color: #f7f7f7;
	border: 1px solid #f2f2f2;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.car-search-form input:focus,
.car-search-form select:focus,
.car-search-form textarea:focus {
	border-color: #f60
}

.car-search-form textarea {
	height: 150px;
	resize: none;
	padding: 12px 25px
}

.car-search-form .search-btn {
	position: relative;
	width: 100%;
	height: 45px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	font-size: 14px;
	background: #f0c579;
	letter-spacing: 1px;
	text-transform: uppercase;
	border: 2px solid #f0c579
}

.car-search-form .form-group .ui-selectmenu-button.ui-button {
	background-color: #f7f7f7
}

.car-search-form .form-group .ui-selectmenu-button.ui-button:focus {
	background-color: #fff;
	border-color: #f0c579
}

.car-services-section {
	position: relative
}

.car-services-section .inner-container {
	position: relative;
	margin-top: -160px
}

.car-services-block {
	position: relative;
	margin-bottom: 40px
}

.car-services-block .inner-box {
	position: relative;
	padding: 35px 35px;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 0 10px 15px rgb(0 0 0 / .08)
}

.car-services-block .inner-box .content {
	position: relative;
	padding-left: 95px
}

.car-services-block .inner-box .content .icon-box {
	position: absolute;
	left: 0;
	top: 0
}

.car-services-block .inner-box .content h3 {
	position: relative;
	line-height: 1.2em;
	margin-bottom: 12px;
	text-transform: uppercase;
	text-transform: capitalize
}

.car-services-block .inner-box .content h3 a {
	position: relative;
	color: #183b56
}

.car-services-block .inner-box .content h3 span {
	position: relative;
	display: block;
	text-transform: uppercase
}

.car-services-block .inner-box .content .text {
	position: relative;
	color: #5a7184;
	font-size: 14px;
	line-height: 1.9em;
	margin-bottom: 20px
}

.car-featured-section {
	position: relative;
	padding-top: 80px;
	padding-bottom: 80px
}

.car-feature-block {
	position: relative
}

.car-feature-block .inner-box {
	position: relative;
	border-radius: 5px;
	padding: 35px 28px 35px;
	border: 1px solid #e5eaf4;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.car-feature-block .inner-box:hover {
	border: 1px solid #fff0;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.car-feature-block .inner-box .icon-box {
	position: relative;
	width: 66px;
	height: 66px;
	color: #1565d8;
	font-size: 34px;
	line-height: 66px;
	margin-bottom: 20px;
	border-radius: 5px;
	text-align: center;
	border: 1px solid #e5eaf4
}

.car-feature-block .inner-box .icon-box .icon {
	position: relative
}

.car-feature-block .inner-box h4 {
	position: relative;
	line-height: 1.3em;
	font-size: 20px
}

.car-feature-block .inner-box h4 a {
	position: relative;
	color: #183b56;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.car-feature-block .inner-box .text {
	position: relative;
	color: #5a7184;
	font-size: 14px;
	line-height: 1.9em;
	margin-top: 10px;
	margin-bottom: 12px
}

.car-feature-block .inner-box .learn-more {
	position: relative;
	color: #1565d8;
	font-size: 16px;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.car-feature-block .inner-box .learn-more span {
	position: relative;
	font-size: 14px;
	margin-left: 6px
}

.car-feature-block .inner-box .learn-more:hover {
	color: #222
}

.car-feature-block .inner-box h4 a:hover {
	color: #1565d8
}

.car-feature-block .inner-box .big-icon {
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: .1;
	color: #222;
	font-size: 70px;
	line-height: 1em
}

.car-client-section {
	position: relative;
	padding: 110px 0 80px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover
}

.car-client-section:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgb(35 38 40 / .9)
}

.car-client-section .title-column {
	position: relative;
	margin-bottom: 25px
}

.car-client-section .title-column .title-box {
	position: relative;
	margin-bottom: 30px
}

.car-client-section .title-column .title-box h3 {
	position: relative;
	color: #fff;
	font-size: 30px;
	padding-bottom: 12px;
	text-transform: uppercase
}

.car-client-section .title-column .title-box h3:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 55px;
	height: 2px;
	background-color: #fff
}

.car-client-section .title-column .style-text {
	position: relative;
	color: #b0b0b0;
	font-size: 18px;
	line-height: 1.8em;
	font-style: italic;
	margin-bottom: 20px
}

.car-client-section .title-column .text {
	position: relative;
	color: #848484;
	font-size: 14px;
	line-height: 1.9em;
	margin-bottom: 25px
}

.car-client-section .title-column .partners {
	position: relative;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase
}

.car-client-section .title-column .partners .arrow {
	margin-left: 5px
}

.car-client-section .clients-box {
	position: relative
}

.car-client-section .clients-box .client-box {
	position: relative;
	padding: 0;
	border-left: 1px solid rgb(255 255 255 / .08);
	border-bottom: 1px solid rgb(255 255 255 / .08)
}

.car-client-section .clients-box .client-box .image {
	position: relative;
	text-align: center;
	padding: 10px 0
}

.car-client-section .clients-box .client-box .image img {
	max-width: 100%;
	display: block
}

.car-client-section .clients-box .client-box:nth-child(1),
.car-client-section .clients-box .client-box:nth-child(5) {
	border-left: 1px solid transparent !important
}

.car-client-section .clients-box .client-box:nth-child(5),
.car-client-section .clients-box .client-box:nth-child(6),
.car-client-section .clients-box .client-box:nth-child(7),
.car-client-section .clients-box .client-box:nth-child(8) {
	border-bottom: 0
}

.popular-cars-section-two {
	position: relative;
	padding: 105px 0 0
}

.popular-used-car .prod-tabs {
	position: relative
}

.popular-used-car .prod-tabs .tab-btns {
	position: relative;
	z-index: 1;
	margin-bottom: 48px;
	text-align: center;
	display: inline-block
}

.popular-used-car .prod-tabs .tab-btns .tab-btn {
	position: relative;
	display: block;
	float: left;
	cursor: pointer;
	background-color: #fff;
	transition: all 500ms ease;
	border-radius: 30px;
	margin-right: 5px
}

.popular-used-car .prod-tabs .tab-btns .tab-btn .text {
	position: relative;
	display: block;
	float: left;
	margin-right: 0;
	font-size: 16px;
	color: #232527;
	text-transform: uppercase;
	line-height: 24px;
	cursor: pointer;
	padding: 10px 30px 10px;
	transition: all 500ms ease;
	border-radius: 30px;
	box-shadow: 0 0 20px rgb(0 0 0 / .10)
}

.popular-used-car .prod-tabs .tab-btns .tab-btn:after {
	position: absolute;
	content: '';
	left: 50%;
	bottom: 0;
	opacity: 0;
	margin-left: -5px;
	border-left: 8px solid #fff0;
	border-right: 8px solid #fff0;
	border-top: 12px solid #0f77bc;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.popular-used-car .prod-tabs .tab-btns .tab-btn:last-child {
	border-right: 0
}

.popular-used-car .prod-tabs .tab-btns .tab-btn .icon {
	position: absolute;
	right: -5px;
	top: 10px;
	line-height: 1em;
	font-size: 40px;
	color: rgb(8 8 8 / .06)
}

.popular-used-car .prod-tabs .tab-btns .tab-btn:last-child .icon {
	right: 0
}

.popular-used-car .prod-tabs .tab-btns .tab-btn:hover:after,
.popular-used-car .prod-tabs .tab-btns .tab-btn.active-btn:after {
	bottom: -12px;
	opacity: 1
}

.popular-used-car .prod-tabs .tab-btns .tab-btn:hover .icon,
.popular-used-car .prod-tabs .tab-btns .tab-btn.active-btn .icon {
	color: rgb(255 255 255 / .15)
}

.popular-used-car .prod-tabs .tab-btns .tab-btn:hover,
.popular-used-car .prod-tabs .tab-btns .tab-btn.active-btn {
	background: #0f77bc
}

.popular-used-car .prod-tabs .tab-btns .tab-btn:hover .text,
.popular-used-car .prod-tabs .tab-btns .tab-btn.active-btn .text {
	color: #fff
}

.popular-used-car .prod-tabs .tabs-content {
	position: relative
}

.popular-used-car .prod-tabs .tabs-content .tab {
	position: relative;
	display: none
}

.popular-used-car .prod-tabs .tabs-content .tab.active-tab {
	display: block
}

.car-block {
	position: relative;
	margin-bottom: 30px
}

.car-block .inner-box {
	position: relative;
	border-radius: 10px;
	padding-top: 15px;
	border: 1px solid #f7f7f7;
	background-color: #fff;
	box-shadow: 0 0 10px #00000012
}

.car-block .inner-box .image {
	position: relative;
	text-align: center
}

.car-block .inner-box .lower-content {
	position: relative;
	padding: 0 30px 30px
}

.car-block .inner-box .lower-content .model-name {
	position: relative;
	color: #080d2d;
	opacity: .7;
	line-height: 1.3em;
	margin-bottom: 5px
}

.car-block .inner-box .lower-content .price {
	position: relative;
	color: #080d2d;
	line-height: 1.5em;
	font-size: 26px;
	margin-bottom: 3px
}

.car-block .inner-box .lower-content .rating {
	position: relative;
	font-size: 13px;
	color: #fecc05
}

.car-block .inner-box .lower-content .car-features {
	position: relative;
	margin-top: 20px
}

.car-block .inner-box .lower-content .car-features li {
	position: relative;
	width: 33.333%;
	float: left;
	color: #080d2d;
	font-size: 14px;
	text-align: center
}

.car-block .inner-box .lower-content .car-features li .icon {
	position: relative;
	width: 80px;
	height: 80px;
	margin-bottom: 12px;
	border-radius: 10px;
	display: inline-block;
	background-color: #f7f8fd
}

.car-block .inner-box .lower-content .car-features li i {
	position: relative;
	color: #080d2d;
	font-size: 12px;
	font-style: normal;
	display: block;
	opacity: .6;
	margin-bottom: 0
}

.cars-shoping-section {
	position: relative;
	padding: 125px 0 120px
}

.cars-shoping-section .image-column {
	position: relative;
	margin-bottom: 40px
}

.cars-shoping-section .image-column .inner-column {
	position: relative;
	padding-top: 120px;
	padding-right: 60px
}

.cars-shoping-section .image-column .image {
	position: relative;
	margin-left: -200px
}

.cars-shoping-section .image-column:before {
	position: absolute;
	content: '';
	right: 80px;
	top: 0;
	z-index: -1;
	width: 650px;
	height: 650px;
	border-radius: 50%;
	background-color: #e7effb
}

.cars-shoping-section .image-column .image img {
	position: relative
}

.cars-shoping-section .content-column {
	position: relative
}

.cars-shoping-section .content-column .inner-column {
	position: relative
}

.cars-shoping-section .content-column .play-box {
	position: relative;
	text-align: center;
	overflow: hidden;
	color: #0b53ff;
	font-size: 18px;
	line-height: 45px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.cars-shoping-section .content-column .play-box span {
	position: relative;
	width: 38px;
	height: 38px;
	z-index: 10;
	color: #0b53ff;
	font-size: 12px;
	text-align: center;
	border-radius: 50%;
	padding-left: 2px;
	display: inline-block;
	line-height: 34px;
	margin-right: 15px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	border: 2px solid #0b53ff
}

.cars-shoping-section .content-column .play-box .ripple,
.cars-shoping-section .content-column .play-box .ripple:before,
.cars-shoping-section .content-column .play-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 38px;
	height: 38px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(11 83 255 / .6);
	-moz-box-shadow: 0 0 0 0 rgb(11 83 255 / .6);
	-ms-box-shadow: 0 0 0 0 rgb(11 83 255 / .6);
	-o-box-shadow: 0 0 0 0 rgb(11 83 255 / .6);
	box-shadow: 0 0 0 0 rgb(11 83 255 / .6);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite
}

.cars-shoping-section .content-column .play-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute
}

.cars-shoping-section .content-column .play-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute
}

@-webkit-keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px #fff0
	}

	100% {
		box-shadow: 0 0 0 0 #fff0
	}
}

@keyframes ripple {
	70% {
		box-shadow: 0 0 0 70px #fff0
	}

	100% {
		box-shadow: 0 0 0 0 #fff0
	}
}

.cars-shoping-section .content-column h3 {
	position: relative;
	color: #13254a;
	line-height: 1.4em;
	margin-top: 18px
}

.cars-shoping-section .content-column .text {
	position: relative;
	color: #5a7184;
	line-height: 1.9em;
	margin-top: 18px;
	font-size: 16px;
	margin-bottom: 30px
}

.cars-shoping-section .content-column .featured-outer {
	position: relative
}

.cars-shoping-section .content-column .featured-outer {
	position: relative
}

.feature-block-six {
	position: relative;
	margin-bottom: 35px
}

.feature-block-six .inner-box {
	position: relative;
	padding-left: 90px
}

.feature-block-six .inner-box .icon {
	position: absolute;
	left: 0;
	top: 4px;
	color: #0b53ff;
	font-size: 60px;
	line-height: 1em
}

.feature-block-six .inner-box h5 {
	position: relative;
	color: #13254a;
	line-height: 1.3em;
	text-transform: uppercase
}

.feature-block-six .inner-box .feature-text {
	position: relative;
	margin-top: 10px;
	color: #13254a;
	font-size: 16px;
	line-height: 1.9em
}

.steps-section {
	position: relative;
	overflow: hidden;
	padding: 90px 0 170px;
	background-color: #f8f9fb
}

.step-block {
	position: relative;
	margin-bottom: 30px
}

.step-block .inner-box {
	position: relative;
	text-align: center
}

.step-block .inner-box:before {
	position: absolute;
	content: '';
	right: -60px;
	top: 150px;
	;
	width: 110px;
	height: 17px;
}

.step-block:last-child .inner-box:before {
	display: none
}

.step-block .inner-box .icon-box {
	position: relative;
	width: 265px;
	height: 276px;
	z-index: 1;
	margin: 0 auto;
	text-align: center
}

.step-block .inner-box .icon-box:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: .4;
	background-repeat: no-repeat
}

.step-block .inner-box h4 {
	position: relative;
	color: #183b56;
	line-height: 1.3em;
	margin-top: 35px;
	margin-bottom: 15px
}

.step-block .inner-box .text {
	position: relative;
	color: #5a7184;
	font-size: 16px;
	line-height: 1.8em;
	padding: 0 20px
}

.counter-section {
	position: relative
}

.counter-section .inner-container {
	position: relative;
	padding: 70px 0 40px;
	background-color: #fff;
	border-top: 3px solid #0b53ff;
	box-shadow: 0 0 10px rgb(0 0 0 / .1)
}

.counter-section .inner-container.margin-top {
	margin-top: -110px
}

.fact-counter-two {
	position: relative
}

.fact-counter-two .column {
	position: relative;
	margin-bottom: 30px
}

.fact-counter-two .column .inner {
	position: relative;
	text-align: center
}

.fact-counter-two .column .inner .content {
	position: relative;
	display: inline-block
}

.fact-counter-two .column:last-child .inner {
	border-right: 0
}

.fact-counter-two .column .inner .icon-box {
	position: absolute;
	left: 0;
	top: 0;
	color: #fe5807;
	font-size: 42px;
	text-align: center;
	line-height: 1em;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.fact-counter-two .count-outer .percentage {
	display: inline-block;
	color: #0b53ff;
	font-size: 40px;
	line-height: 1em
}

.fact-counter-two .column .inner .count-outer {
	position: relative;
	color: #0b53ff;
	font-size: 54px;
	line-height: 1em;
	display: inline-block
}

.fact-counter-two .count-outer .count-text {
	position: relative;
	color: #0b53ff;
	font-size: 54px;
	line-height: 1em
}

.fact-counter-two .column .counter-title {
	position: relative;
	font-size: 16px;
	color: #000;
	margin-top: 15px;
	text-transform: capitalize
}

.fact-counter-two .column:hover .icon-box {
	border-color: #f47629
}

.testimonial-section-six {
	position: relative;
	padding: 90px 0 90px
}

.testimonial-section-six .owl-carousel .owl-stage-outer {
	padding-top: 30px
}

.testimonial-block-six {
	position: relative
}

.testimonial-block-six .inner-box {
	position: relative;
	margin-left: 25px;
	padding: 48px 25px 15px;
	border: 1px solid #f2f2f2
}

.testimonial-block-six .inner-box .image {
	position: absolute;
	left: -20px;
	top: -35px;
	width: 70px;
	-webkit-box-shadow: 0 5px 13px 0 rgb(183 183 183);
	-moz-box-shadow: 0 5px 13px 0 rgb(183 183 183);
	box-shadow: 0 5px 13px 0 rgb(183 183 183)
}

.testimonial-block-six .inner-box .quote-icon {
	position: absolute;
	left: 70px;
	top: -20px;
	width: 40px;
	height: 40px;
	color: #eee;
	text-align: center;
	border-radius: 50%;
	line-height: 40px;
	font-size: 20px;
	background-color: #fff;
	border: 1px solid #f2f2f2
}

.testimonial-block-six .inner-box .text {
	position: relative;
	color: #222;
	font-size: 16px;
	font-style: italic;
	line-height: 1.7em;
	margin-top: 5px
}

.testimonial-block-six .inner-box .lower-box {
	position: relative;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #f2f2f2
}

.testimonial-block-six .inner-box .lower-box h3 {
	position: relative;
	color: #232527;
	font-size: 18px;
	margin-bottom: 2px
}

.testimonial-block-six .inner-box .lower-box .location {
	position: relative;
	color: #0b53ff;
	font-size: 14px;
	margin-bottom: 10px
}

.testimonial-block-six .inner-box .lower-box .rating {
	position: relative
}

.testimonial-block-six .inner-box .lower-box .rating .fa {
	position: relative;
	color: #0b53ff;
	margin-left: 0;
	font-size: 12px
}

.testimonial-section-six .owl-nav {
	display: none
}

.testimonial-section-six .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 40px
}

.testimonial-section-six .owl-dots .owl-dot {
	position: relative;
	display: inline-block;
	margin: 0 6px;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease
}

.testimonial-section-six .owl-dots .owl-dot span {
	position: relative;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #ededed;
	transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease
}

.testimonial-section-six .owl-dots .owl-dot.active span,
.testimonial-section-six .owl-dots .owl-dot:hover span {
	background: #0b53ff;
	border-color: #0b53ff
}

.download-section {
	position: relative;
	padding: 120px 0 90px;
	background-position: left top;
	background-repeat: no-repeat
}

.download-section .image-column {
	position: relative
}

.download-section .image-column .inner-column {
	position: relative;
	text-align: center
}

.download-section .image-column .layer-one {
	position: absolute;
	left: 60px;
	top: 0;
	width: 250px;
	height: 250px;
	border-radius: 60px;
	transform: rotate(45deg);
	background-color: rgb(11 83 255 / .04)
}

.download-section .image-column .layer-two {
	position: absolute;
	left: -30px;
	top: 0;
	width: 350px;
	height: 800px;
	z-index: 1;
	border-radius: 60px;
	transform: rotate(45deg);
	background-color: rgb(11 83 255 / .04)
}

.download-section .image-column .image {
	position: relative;
	z-index: 2
}

.download-section .content-column {
	position: relative
}

.download-section .content-column .inner-column {
	position: relative;
	padding-top: 150px
}

.download-section .content-column h2 {
	position: relative;
	color: #183b56;
	font-size: 40px;
	line-height: 1.3em;
	margin-bottom: 15px
}

.download-section .content-column .text {
	position: relative;
	color: #5a7184;
	font-size: 16px;
	line-height: 1.9em
}

.download-section .content-column .app-buttons {
	position: relative;
	margin-top: 40px
}

.download-section .content-column .app-buttons a {
	position: relative;
	margin-right: 12px
}

.intouch-section {
	position: relative;
	padding: 110px 0 100px
}

.intouch-section .inner-container {
	position: relative;
	overflow: hidden;
	padding: 60px 80px;
	border-radius: 6px;
	background-color: #0a4ae3
}

.intouch-section .title-column {
	position: relative
}

.intouch-section .title-column .inner-column {
	position: relative
}

.intouch-section .title-column h2 {
	position: relative;
	color: #fff;
	line-height: 1.3em
}

.intouch-section .title-column .text {
	position: relative;
	margin-top: 10px;
	color: #fff;
	font-size: 16px;
	line-height: 1.8em
}

.intouch-section .form-column {
	position: relative
}

.intouch-section .form-column .inner-column {
	position: relative;
	padding-top: 40px
}

.intouch-section .inner-container:before {
	position: absolute;
	content: '';
	right: -150px;
	top: -100px;
	width: 50%;
	height: 220%;
	transform: rotate(125deg);
	background-color: #0b53ff
}

.intouch-form {
	margin-bottom: 35px
}

.intouch-form .form-group {
	position: relative;
	display: block;
	margin-bottom: 10px;
	overflow: hidden;
	border-radius: 6px;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.intouch-form .form-group input[type="text"],
.intouch-form .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 40px 10px 25px;
	height: 70px;
	font-size: 14px;
	color: #000;
	border-radius: 4px;
	background: #fff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.intouch-form .form-group textarea::-webkit-input-placeholder,
.intouch-form .form-group input::-webkit-input-placeholder {
	color: #8c97ac
}

.intouch-form .form-group button {
	position: absolute;
	right: 5px;
	top: 5px;
	border-radius: 5px;
	padding: 15px 36px;
	background-color: #0a4ae3
}

.events-banner-section {
	position: relative;
	overflow: hidden;
	padding-top: 270px;
	padding-bottom: 260px;
	background-size: cover;
	background-position: center center
}

.events-banner-section .icons {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.events-banner-section .icons .icon-one {
	position: absolute;
	left: 10% !important;
	top: 17% !important;
	width: 12px;
	height: 12px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-two {
	position: absolute;
	left: 35% !important;
	top: 25% !important;
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-three {
	position: absolute;
	left: 6% !important;
	top: 58% !important;
	width: 34px;
	height: 10px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-four {
	position: absolute;
	left: 56% !important;
	top: 60% !important;
	width: 34px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-five {
	position: absolute;
	left: 79% !important;
	top: 25% !important;
	width: 35px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-six {
	position: absolute;
	left: 90% !important;
	top: 88% !important;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-seven {
	position: absolute;
	left: 80% !important;
	top: 60% !important;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-eight {
	position: absolute;
	left: 52% !important;
	top: 40% !important;
	width: 12px;
	height: 12px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-nine {
	position: absolute;
	left: 52% !important;
	top: 12% !important;
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-ten {
	position: absolute;
	left: 34% !important;
	top: 68% !important;
	width: 34px;
	height: 10px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-eleven {
	position: absolute;
	left: 89% !important;
	top: 80% !important;
	width: 34px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-twelve {
	position: absolute;
	left: 69% !important;
	top: 70% !important;
	width: 35px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-thirteen {
	position: absolute;
	left: 200% !important;
	top: 88% !important;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section .icons .icon-fourteen {
	position: absolute;
	left: 95% !important;
	top: 95% !important;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.events-banner-section:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .7;
	background-image: -ms-linear-gradient(top, #EF02AD 0%, #3c13d2 100%);
	background-image: -moz-linear-gradient(top, #EF02AD 0%, #3c13d2 100%);
	background-image: -o-linear-gradient(top, #EF02AD 0%, #3c13d2 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EF02AD), color-stop(100, #3c13d2));
	background-image: -webkit-linear-gradient(top, #EF02AD 0%, #3c13d2 100%);
	background-image: linear-gradient(to bottom, #EF02AD 0%, #3c13d2 100%)
}

.events-banner-section .content-boxed {
	position: relative;
	text-align: center
}

.events-banner-section .content-boxed h1 {
	position: relative;
	color: #fff;
	line-height: 1.2em;
	margin-bottom: 20px
}

.events-banner-section .content-boxed .event-info {
	position: relative;
	margin-bottom: 45px
}

.events-banner-section .content-boxed .event-info li {
	position: relative;
	color: #fff;
	padding-left: 25px;
	margin-right: 15px;
	margin-bottom: 6px;
	display: inline-block
}

.events-banner-section .content-boxed .event-info li span {
	position: absolute;
	left: 0;
	top: 0;
	color: #f101a5
}

.events-banner-section .content-boxed .btns-box {
	position: relative;
	margin-top: 20px
}

.events-banner-section .content-boxed .btns-box .theme-btn {
	position: relative;
	margin: 0 12px
}

.events-banner-section .content-boxed .time-counter {
	max-width: 750px;
	margin: 0 auto
}

.events-banner-section .time-countdown {
	position: relative;
	text-align: center
}

.events-banner-section .time-countdown .counter-column {
	position: relative;
	display: inline-block;
	line-height: 20px;
	font-size: 16px;
	color: #7e3cf9;
	height: 150px;
	width: 150px;
	text-transform: uppercase;
	background-color: #fff;
	padding-top: 45px;
	border-radius: 50%;
	border: 7px solid #7e3cf9;
	margin: 0 18px 40px
}

.events-banner-section .time-countdown .counter-column .count {
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 1em;
	color: #7e3cf9;
	letter-spacing: 0
}

.events-banner-section .time-countdown .counter-column:nth-child(2) .count,
.events-banner-section .time-countdown .counter-column:nth-child(2) {
	border-color: #ff8a01;
	color: #ff8a01
}

.events-banner-section .time-countdown .counter-column:nth-child(3) .count,
.events-banner-section .time-countdown .counter-column:nth-child(3) {
	border-color: #0a90f8;
	color: #0a90f8
}

.events-banner-section .time-countdown .counter-column:nth-child(4) .count,
.events-banner-section .time-countdown .counter-column:nth-child(4) {
	border-color: #0abb0e;
	color: #0abb0e
}

.time-countdown {
	position: relative;
	text-align: center
}

.time-countdown .counter-column {
	position: relative;
	display: inline-block;
	line-height: 20px;
	font-size: 16px;
	color: #7e3cf9;
	height: 250px;
	width: 250px;
	text-transform: uppercase;
	background-color: #fff;
	padding-top: 45px;
	border-radius: 50%;
	border: 7px solid #7e3cf9;
	margin: 0 18px 40px
}

.time-countdown .counter-column .count {
	position: relative;
	display: block;
	font-size: 40px;
	line-height: 1em;
	color: #7e3cf9;
	letter-spacing: 0
}

.time-countdown .counter-column:nth-child(2) .count,
.time-countdown .counter-column:nth-child(2) {
	border-color: #ff8a01;
	color: #ff8a01
}

.time-countdown .counter-column:nth-child(3) .count,
.time-countdown .counter-column:nth-child(3) {
	border-color: #0a90f8;
	color: #0a90f8
}

.time-countdown .counter-column:nth-child(4) .count,
.time-countdown .counter-column:nth-child(4) {
	border-color: #0abb0e;
	color: #0abb0e
}

.red-time-counter .redCountdownWrapper {
	width: 100%
}

.red-time-counter .redCountdownWrapper>div {
	width: calc(25% - 40px);
	text-align: center;
	color: #7e3cf9;
	margin-bottom: 30px
}

.red-time-counter .redCountdownWrapper .redCountdownValue>div {
	position: relative;
	top: 5px;
	font-size: 40px !important;
	line-height: 1em;
	margin: 0
}

.red-time-counter .redCountdownWrapper .redCountdownValue>span {
	position: relative;
	top: -5px;
	font-size: 16px !important;
	line-height: 1em;
	text-transform: uppercase;
	margin: 0
}

.red-time-counter .redCountdownWrapper>div:nth-child(2) {
	border-color: #ff8a01;
	color: #ff8a01
}

.red-time-counter .redCountdownWrapper>div:nth-child(3) {
	color: #0a90f8
}

.red-time-counter .redCountdownWrapper>div:nth-child(4) {
	color: #0abb0e
}

.events-about-section {
	position: relative;
	padding: 160px 0 80px
}

.events-about-section .image-column {
	position: relative;
	margin-bottom: 40px
}

.events-about-section .image-column .inner-column {
	position: relative
}

.events-about-section .image-column .image {
	position: relative;
	display: inline-block
}

.events-about-section .image-column .image img {
	position: relative;
	border-radius: 20px
}

.events-about-section .image-column .image:before {
	position: absolute;
	content: '';
	left: 30px;
	top: -30px;
	right: -30px;
	bottom: 30px;
	border-radius: 20px;
	background-color: #ffdbf3
}

.events-about-section .image-column .icon-one {
	position: absolute;
	left: -4%;
	top: -12%;
	width: 580px;
	height: 612px;
	background-repeat: no-repeat
}

.events-about-section .content-column {
	position: relative
}

.events-about-section .content-column .inner-column {
	position: relative
}

.about-event-block {
	position: relative;
	margin-bottom: 30px
}

.about-event-block .block-inner {
	position: relative;
	padding-left: 70px
}

.about-event-block .block-inner .icon-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 45px;
	height: 45px;
	color: #ff3abd;
	font-size: 20px;
	text-align: center;
	line-height: 45px;
	border-radius: 50px;
	background-color: #ffebf8
}

.about-event-block .block-inner h5 {
	position: relative;
	color: #232323;
	line-height: 1.3em
}

.about-event-block .block-inner .about-text {
	position: relative;
	color: #232323;
	font-size: 16px;
	opacity: .65;
	line-height: 1.7em;
	margin-top: 10px
}

.counter-section-two {
	position: relative;
	padding: 30px 0 80px
}

.fact-counter-three {
	position: relative
}

.fact-counter-three .column {
	position: relative;
	margin-bottom: 30px
}

.fact-counter-three .column .inner {
	position: relative;
	text-align: left
}

.fact-counter-three .column .inner .content {
	position: relative
}

.fact-counter-three .column:last-child .inner {
	border-right: 0
}

.fact-counter-three .column .inner .icon-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 90px;
	height: 90px;
	color: #33b6fc;
	font-size: 42px;
	text-align: center;
	line-height: 90px;
	border-radius: 50px;
	display: inline-block;
	background-color: #f2f9ff;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease
}

.fact-counter-three .column .inner:hover .icon-box {
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg)
}

.fact-counter-three .column .inner .icon-box .icon {
	position: relative;
	font-size: 40px;
	display: inline-block
}

.fact-counter-three .column:nth-child(2) .inner .icon-box {
	background-color: #fde8dc;
	color: #f89869
}

.fact-counter-three .column:nth-child(3) .inner .icon-box {
	background-color: #ebfff4;
	color: #4ec591
}

.fact-counter-three .column:nth-child(4) .inner .icon-box {
	background-color: #eae9fd;
	color: #716ef1
}

.fact-counter-three .count-outer .percentage {
	display: inline-block;
	color: #1e2f4f;
	font-size: 45px;
	line-height: 1em
}

.fact-counter-three .column .inner .count-outer {
	position: relative;
	color: #1e2f4f;
	font-size: 45px;
	line-height: 1em;
	padding-left: 120px;
	display: inline-block
}

.fact-counter-three .count-outer .count-text {
	position: relative;
	color: #1e2f4f;
	font-size: 45px;
	line-height: 1em
}

.fact-counter-three .column .counter-title {
	position: relative;
	font-size: 17px;
	color: #f0a;
	margin-top: 12px;
	text-transform: capitalize
}

.fact-counter-three .column:hover .icon-box {
	border-color: #f47629
}

.event-feature-section {
	position: relative;
	overflow: hidden;
	padding: 110px 0 80px;
	background-color: #fbfbfd
}

.event-feature-section .circle-layer {
	position: absolute;
	left: -100px;
	top: -100px;
	width: 312px;
	height: 307px;
	z-index: 1;
	background-repeat: no-repeat
}

.event-feature-section .circle-layer-two {
	position: absolute;
	left: 55%;
	top: 50%;
	width: 270px;
	height: 260px;
	z-index: 1;
	background-repeat: no-repeat
}

.event-feature-section .circle-layer-three {
	position: absolute;
	right: 1%;
	top: 0%;
	width: 270px;
	height: 430px;
	z-index: 1;
	background-repeat: no-repeat
}

.event-feature-block {
	position: relative;
	z-index: 1;
	margin-bottom: 30px
}

.event-feature-block .inner-box {
	position: relative;
	text-align: center;
	border-radius: 5px;
	padding: 35px 30px 40px;
	background-color: #fff
}

.event-feature-block .inner-box .left-border {
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	opacity: 0;
	transform: scale(1, .2);
	background-color: #f0a;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-feature-block .inner-box:hover .left-border {
	transform: scale(1, 1);
	opacity: 1
}

.event-feature-block .inner-box .right-border {
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 100%;
	opacity: 0;
	transform: scale(1, .2);
	background-color: #f0a;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-feature-block .inner-box:hover .right-border {
	transform: scale(1, 1);
	opacity: 1
}

.event-feature-block .inner-box .top-border {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	opacity: 0;
	transform: scale(.2, 1);
	background-color: #f0a;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-feature-block .inner-box:hover .top-border {
	transform: scale(1, 1);
	opacity: 1
}

.event-feature-block .inner-box .bottom-border {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	opacity: 0;
	transform: scale(.2, 1);
	background-color: #f0a;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-feature-block .inner-box:hover .bottom-border {
	transform: scale(1, 1);
	opacity: 1
}

.event-feature-block .inner-box .icon-box {
	position: relative;
	margin-bottom: 15px
}

.event-feature-block .inner-box h4 {
	position: relative;
	color: #232323;
	line-height: 1.3em;
	margin-bottom: 12px
}

.event-feature-block .inner-box h4 a {
	position: relative;
	color: #232323;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-feature-block .inner-box h4 a:hover {
	color: #f0a
}

.event-feature-block .inner-box .text {
	position: relative;
	color: #232323;
	font-size: 16px;
	line-height: 1.8em
}

.event-schedule-section {
	position: relative;
	overflow: hidden;
	padding: 110px 0 110px
}

.event-schedule-section .circle-layer {
	position: absolute;
	left: -300px;
	top: -300px;
	width: 690px;
	height: 690px;
	opacity: .3;
	background-repeat: no-repeat
}

.event-schedule-section .shape-icon {
	position: absolute;
	right: -200px;
	top: 40%;
	width: 490px;
	height: 698px;
	background-repeat: no-repeat
}

.event-schedule-section .download-btns-box {
	position: relative;
	margin-top: 50px
}

.schedule-tabs .tabs-content .tab {
	display: none
}

.schedule-tabs .tabs-content .tab.active-tab {
	display: block
}

.schedule-tabs {
	position: relative
}

.schedule-tabs .btns-box {
	position: relative;
	display: block;
	margin-bottom: 40px
}

.schedule-tabs .tab-buttons {
	position: relative;
	text-align: center
}

.schedule-tabs .tab-buttons li {
	position: relative;
	display: inline-block;
	border-radius: 0;
	background-color: #fff;
	font-size: 16px;
	line-height: 20px;
	color: #222;
	text-align: left;
	cursor: pointer;
	margin: 0 10px 20px;
	border: 1px solid #ddd;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.schedule-tabs .tab-buttons li .day {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	padding: 5px 20px;
	background-color: #222;
	font-size: 14px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	border-radius: 0
}

.schedule-tabs .tab-buttons li .date {
	position: absolute;
	left: 0;
	top: 58px;
	width: 100px;
	text-align: center;
	font-size: 38px;
	line-height: 20px;
	color: #222
}

.schedule-tabs .tab-buttons li .month {
	display: block;
	font-size: 20px;
	line-height: 1em;
	color: #222;
	text-transform: uppercase
}

.schedule-tabs .tab-buttons li .year {
	font-size: 30px
}

.schedule-tabs .tab-buttons li.active-btn {
	box-shadow: 0 0 20px rgb(0 0 0 / .10)
}

.schedule-tabs .tab-buttons li:nth-child(4n+1) .day {
	background-color: #f0a
}

.schedule-tabs .tab-buttons li:nth-child(4n+2) .day {
	background-color: #40cbb4
}

.schedule-tabs .tab-buttons li:nth-child(4n+3) .day {
	background-color: #4c35a9
}

.schedule-tabs .tab-buttons li:nth-child(4n+4) .day {
	background-color: #e6275a
}

.schedule-tabs .tab-buttons li:nth-child(4n+1) .month,
.schedule-tabs .tab-buttons li:nth-child(4n+1) .date {
	color: #f0a
}

.schedule-tabs .tab-buttons li:nth-child(4n+2) .month,
.schedule-tabs .tab-buttons li:nth-child(4n+2) .date {
	color: #40cbb4
}

.schedule-tabs .tab-buttons li:nth-child(4n+3) .month,
.schedule-tabs .tab-buttons li:nth-child(4n+3) .date {
	color: #4c35a9
}

.schedule-tabs .tab-buttons li:nth-child(4n+4) .month,
.schedule-tabs .tab-buttons li:nth-child(4n+4) .date {
	color: #e6275a
}

.schedule-block {
	position: relative;
	margin-bottom: 30px
}

.schedule-block .inner-box {
	position: relative;
	padding: 30px 30px;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 5px 10px rgb(0 0 0 / .1)
}

.schedule-block .inner-box .content {
	position: relative;
	padding-left: 230px
}

.schedule-block .inner-box .author-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 200px
}

.schedule-block .inner-box .author-box .box-inner {
	position: relative;
	text-align: center
}

.schedule-block .inner-box .author-box .author-image {
	position: relative;
	width: 184px;
	height: 184px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 35px;
	border-radius: 50px
}

.schedule-block .inner-box .author-box .box-inner h6 {
	position: relative;
	color: #000;
	line-height: 1.3em
}

.schedule-block .inner-box .author-box .box-inner .designation {
	position: relative;
	color: #000;
	font-size: 16px;
	margin-top: 8px
}

.schedule-block .inner-box .date {
	position: relative;
	color: #a900e5;
	font-size: 16px
}

.schedule-block .inner-box h4 {
	position: relative;
	color: #0f77bc;
	line-height: 1.3em;
	margin-top: 10px
}

.schedule-block .inner-box .text {
	position: relative;
	color: #666;
	font-size: 17px;
	line-height: 1.3em;
	margin-top: 12px;
	margin-bottom: 15px
}

.schedule-block .inner-box .event-info {
	position: relative;
	margin-bottom: 20px
}

.schedule-block .inner-box .event-info li {
	position: relative;
	color: #555;
	font-size: 18px;
	padding-left: 25px;
	margin-right: 15px;
	margin-bottom: 6px;
	display: inline-block
}

.schedule-block .inner-box .event-info li span {
	position: absolute;
	left: 0;
	top: 0;
	color: #f101a5
}

.schedule-block .inner-box .btns-box {
	position: relative
}

.schedule-block .inner-box .btns-box .theme-btn {
	margin-right: 12px
}

.Solar-Journey .schedule-timeline .schedule-block .inner-box {
	height: 360px
}

.schedule-timeline-buttons {
	position: absolute;
	bottom: 15px;
	left: 0;
	right: 0
}

.event-register-section {
	position: relative;
	overflow: hidden;
	padding: 90px 0 90px;
	background-image: -ms-linear-gradient(left, #A61DE6 0%, #3614d4 100%);
	background-image: -moz-linear-gradient(left, #A61DE6 0%, #3614d4 100%);
	background-image: -o-linear-gradient(left, #A61DE6 0%, #3614d4 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #A61DE6), color-stop(100, #3614d4));
	background-image: -webkit-linear-gradient(left, #A61DE6 0%, #3614d4 100%);
	background-image: linear-gradient(to right, #A61DE6 0%, #3614d4 100%)
}

.event-register-section .icons {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.event-register-section .icons .icon-one {
	position: absolute;
	left: 10% !important;
	top: 17% !important;
	width: 12px;
	height: 12px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-two {
	position: absolute;
	left: 35% !important;
	top: 25% !important;
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-three {
	position: absolute;
	left: 6% !important;
	top: 58% !important;
	width: 34px;
	height: 10px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-four {
	position: absolute;
	left: 56% !important;
	top: 60% !important;
	width: 34px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-five {
	position: absolute;
	left: 79% !important;
	top: 25% !important;
	width: 35px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-six {
	position: absolute;
	left: 90% !important;
	top: 88% !important;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-seven {
	position: absolute;
	left: 80% !important;
	top: 60% !important;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-eight {
	position: absolute;
	left: 52% !important;
	top: 40% !important;
	width: 12px;
	height: 12px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-nine {
	position: absolute;
	left: 52% !important;
	top: 12% !important;
	width: 16px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-ten {
	position: absolute;
	left: 34% !important;
	top: 68% !important;
	width: 34px;
	height: 10px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-eleven {
	position: absolute;
	left: 89% !important;
	top: 80% !important;
	width: 34px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-twelve {
	position: absolute;
	left: 69% !important;
	top: 70% !important;
	width: 35px;
	height: 16px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-thirteen {
	position: absolute;
	left: 200% !important;
	top: 88% !important;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-register-section .icons .icon-fourteen {
	position: absolute;
	left: 95% !important;
	top: 95% !important;
	width: 20px;
	height: 20px;
	display: inline-block;
	background-repeat: no-repeat
}

.event-form {
	position: relative
}

.event-form .form-group {
	position: relative;
	margin-bottom: 20px
}

.event-form .form-group input[type="text"],
.event-form .form-group input[type="tel"],
.event-form .form-group input[type="email"],
.event-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 25px;
	color: #686c6e;
	height: 56px;
	font-size: 14px;
	background: #fff;
	border-radius: 2px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.event-form .form-group input[type="text"]:focus,
.event-form .form-group input[type="tel"]:focus,
.event-form .form-group input[type="email"]:focus,
.event-form .form-group textarea:focus {
	border-color: #0099f7
}

.event-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 22px;
	padding: 15px 20px;
	color: #686c6e;
	height: 150px;
	resize: none;
	font-size: 16px;
	background: #fff;
	border-radius: 5px;
	border: 2px solid #e6e6e6;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.event-form button {
	margin-top: 0;
	width: 100%;
	cursor: pointer
}

.event-pricing-section {
	position: relative;
	overflow: hidden;
	padding: 110px 0 110px;
	background-color: #fbfbfd
}

.event-pricing-section .circle-layer {
	position: absolute;
	right: -80px;
	top: -80px;
	width: 312px;
	height: 307px;
	z-index: 1;
	background-repeat: no-repeat
}

.event-price-block {
	position: relative;
	margin-bottom: 30px
}

.event-price-block .inner-box {
	position: relative;
	border-radius: 5px;
	text-align: center;
	padding: 65px 30px 65px;
	background-color: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.event-price-block .inner-box .title {
	position: relative
}

.event-price-block .inner-box .left-border {
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	opacity: 0;
	transform: scale(1, .2);
	background-color: #f0a;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-price-block .inner-box:hover .left-border {
	transform: scale(1, 1);
	opacity: 1
}

.event-price-block .inner-box .right-border {
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 100%;
	opacity: 0;
	transform: scale(1, .2);
	background-color: #f0a;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-price-block .inner-box:hover .right-border {
	transform: scale(1, 1);
	opacity: 1
}

.event-price-block .inner-box .top-border {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	opacity: 0;
	transform: scale(.2, 1);
	background-color: #f0a;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-price-block .inner-box:hover .top-border {
	transform: scale(1, 1);
	opacity: 1
}

.event-price-block .inner-box .bottom-border {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	opacity: 0;
	transform: scale(.2, 1);
	background-color: #f0a;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-price-block .inner-box:hover .bottom-border {
	transform: scale(1, 1);
	opacity: 1
}

.event-price-block .inner-box .title {
	position: relative;
	color: #a900e5;
	font-size: 28px
}

.event-price-block .inner-box .title .icon {
	position: relative;
	margin-right: 8px
}

.event-price-block .inner-box .price-box {
	position: relative;
	margin-top: 40px
}

.event-price-block .inner-box .price-box .box-inner {
	position: relative;
	display: inline-block
}

.event-price-block .inner-box .price-box .box-inner .circles-box {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	border-radius: 50%
}

.event-price-block .inner-box .price-box .box-inner .circles-box .circle-one {
	position: absolute;
	right: -4px;
	width: 18px;
	height: 18px;
	z-index: 1;
	border-radius: 50%;
	display: inline-block;
	background-color: #a900e5
}

.event-price-block .inner-box .price-box .box-inner .circles-box .circle-two {
	position: absolute;
	left: -12px;
	bottom: 0;
	width: 30px;
	height: 30px;
	z-index: 1;
	border-radius: 50%;
	display: inline-block;
	background-color: #a900e5
}

.event-price-block .inner-box .price-box .box-inner .price {
	position: relative;
	font-size: 44px;
	width: 100px;
	color: #fff;
	height: 100px;
	border-radius: 50px;
	line-height: 102px;
	display: inline-block;
	background-color: #f0a
}

.event-price-block .inner-box .price-box .box-inner .price:before {
	position: absolute;
	content: '';
	left: -10px;
	top: -10px;
	right: -10px;
	bottom: -10px;
	border-radius: 50%;
	transform: rotate(-45deg);
	border-right: 3px solid #f0a;
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #f0a;
	border-left: 3px solid #f0a;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-price-block .inner-box .price-box .box-inner .price sup {
	position: relative;
	font-size: 24px
}

.event-price-block .inner-box .tickets {
	position: relative;
	color: #000;
	font-size: 17px;
	margin-bottom: 25px;
	margin-top: 36px;
	text-transform: uppercase
}

.event-price-block .inner-box .price-list {
	position: relative;
	margin-bottom: 35px
}

.event-price-block .inner-box .price-list li {
	position: relative;
	color: #000;
	opacity: .7;
	font-size: 16px;
	margin-bottom: 12px
}

.event-price-block .inner-box .price-list li:last-child {
	margin-bottom: 0
}

.event-team-section {
	position: relative;
	padding: 110px 0 40px
}

.event-team-section .circle-layer {
	position: absolute;
	width: 156px;
	height: 155px;
	left: 5%;
	top: 5%;
	background-repeat: no-repeat
}

.event-team-member {
	position: relative;
	margin-bottom: 80px
}

.event-team-member .inner-box {
	position: relative
}

.event-team-member .inner-box .image-box {
	position: relative;
	max-width: 237px;
	height: 237px;
	margin: 0 auto;
	border-radius: 50%
}

.event-team-member .inner-box .image-box .image {
	position: relative
}

.event-team-member .inner-box .image-box .image:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	border-radius: 50%;
	background-color: #f0a;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	transform: translateY(-10px)
}

.event-team-member .inner-box:hover .image-box .image:before {
	transform: translateY(10px)
}

.event-team-member .inner-box .image-box .overlay-box {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	border: 15px solid #fff0;
	opacity: 0;
	transform: scale(.2, 1);
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease
}

.event-team-member .inner-box .image-box .overlay-box .inner {
	position: absolute;
	padding-top: 45%;
	text-align: center;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	border-radius: 50%;
	overflow: hidden;
	background-color: rgb(255 0 170 / .8)
}

.event-team-member .inner-box .image-box img {
	width: 100%;
	display: block;
	border-radius: 50%
}

.event-team-member .inner-box .lower-content {
	position: relative;
	text-align: center;
	padding-top: 35px
}

.event-team-member .inner-box .lower-content h3 {
	position: relative;
	color: #232323;
	font-size: 25px;
	margin-bottom: 5px
}

.event-team-member .inner-box .lower-content h3 a {
	position: relative;
	color: #232323
}

.event-team-member .inner-box .lower-content .designation {
	position: relative;
	color: #555;
	font-size: 16px
}

.event-team-member .inner-box:hover .image-box .overlay-box {
	opacity: 1;
	transform: scale(1, 1)
}

.call-to-action-section-four {
	position: relative;
	padding-top: 120px;
	text-align: center;
	padding-bottom: 120px;
	background-color: #f3f4ff
}

.call-to-action-section-four .title {
	position: relative;
	color: #f0a;
	font-size: 18px;
	text-transform: uppercase
}

.call-to-action-section-four h2 {
	position: relative;
	color: #222;
	font-size: 40px;
	line-height: 1.3em;
	margin-top: 40px;
	margin-bottom: 55px
}

.events-clients-section {
	position: relative;
	padding: 100px 0 100px;
	text-align: center;
	background-color: #f3f4ff
}

.events-clients-section .outer-container {
	position: relative;
	padding: 0 40px
}

.events-clients-section .sponsors-outer .owl-dots,
.events-clients-section .sponsors-outer .owl-nav {
	position: relative;
	display: none
}

.events-clients-section .sponsors-outer .image-box {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.events-clients-section .sponsors-outer .image-box img {
	max-width: 100%;
	width: auto;
	opacity: .6;
	filter: grayscale(100%);
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.events-clients-section .sponsors-outer .image-box img:hover {
	opacity: 1;
	filter: grayscale(0%)
}

.events-news-section {
	position: relative;
	padding: 100px 0 100px
}

.event-news-block {
	position: relative;
	margin-bottom: 40px
}

.event-news-block .inner-box {
	position: relative;
	z-index: 1;
	overflow: hidden;
	border-radius: 12px;
	box-shadow: 0 0 45px rgb(0 0 0 / .15)
}

.event-news-block .inner-box .image {
	position: relative;
	background-color: #f0a
}

.event-news-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	-webkit-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	transition: all 600ms ease
}

.event-news-block .inner-box:hover .image img {
	opacity: .5
}

.event-news-block .inner-box .lower-content {
	position: relative;
	padding: 25px 25px;
	background-color: #fff
}

.event-news-block .inner-box .lower-content h6 {
	position: relative;
	text-align: center;
	line-height: 1.6em;
	margin-bottom: 12px
}

.event-news-block .inner-box .lower-content h6 a {
	position: relative;
	color: #222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.event-news-block .inner-box .lower-content h6 a:hover {
	color: #f0a
}

.event-news-block .inner-box .lower-content .post-date {
	position: relative;
	color: #222;
	font-size: 14px;
	text-align: center;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #d6d6d6
}

.event-news-block .inner-box .lower-content .author {
	position: relative;
	padding-left: 42px;
	color: #222;
	font-size: 14px;
	padding-top: 6px
}

.event-news-block .inner-box .lower-content .author .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	overflow: hidden
}

.event-news-block .inner-box .lower-content .post-time {
	position: relative;
	color: #999;
	font-size: 12px;
	margin-top: 7px;
	padding-left: 20px
}

.event-news-block .inner-box .lower-content .post-time:before {
	position: absolute;
	content: "\f017";
	left: 0;
	top: 0;
	font-size: 15px;
	font-family: 'FontAwesome'
}

.event-news-block .inner-box .lower-content .post-info {
	position: relative;
	margin-top: 6px
}

.event-news-block .inner-box .lower-content .post-info li {
	position: relative;
	margin-left: 12px;
	display: inline-block
}

.event-news-block .inner-box .lower-content .post-info li a {
	position: relative;
	color: #222;
	font-size: 14px
}

.event-contact-form-section {
	position: relative;
	padding: 110px 0 70px
}

.event-contact-form-section .form-column {
	position: relative;
	margin-bottom: 40px
}

.event-contact-form-section .form-column .inner-column {
	position: relative;
	padding-right: 40px
}

.event-contact-form-section .contact-form {
	position: relative;
	margin-bottom: 50px
}

.event-contact-form-section .sidebar-column {
	position: relative
}

.event-contact-form-section .sidebar-column .inner-column {
	position: relative
}

.event-contact-form-section .sidebar-column .social-widget {
	margin-bottom: 10px
}

.event-social-icon {
	position: relative
}

.event-social-icon li {
	position: relative;
	display: inline-block;
	margin-right: 8px;
	margin-bottom: 10px
}

.event-social-icon li:last-child {
	margin-right: 0
}

.event-social-icon li a {
	position: relative;
	display: block;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 16px;
	color: #778193;
	border: 1px solid #cacadd;
	border-radius: 50px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.event-social-icon li a:hover {
	background-color: #f0a;
	border-color: #f0a;
	color: #fff;
	-webkit-box-shadow: 0 20px 30px rgb(184 23 04 / .30);
	-ms-box-shadow: 0 20px 30px rgb(184 23 04 / .30);
	box-shadow: 0 20px 30px rgb(184 23 04 / .30)
}

.event-default-form {
	position: relative;
	z-index: 1
}

.event-default-form .form-group {
	position: relative;
	display: block;
	width: 100%;
	margin-bottom: 20px
}

.event-default-form .form-group:last-child {
	margin-bottom: 0
}

.event-default-form .form-group input[type="text"],
.event-default-form .form-group input[type="email"],
.event-default-form .form-group input[type="tel"],
.event-default-form .form-group input[type="url"],
.event-default-form .form-group textarea,
.event-default-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	font-size: 16px;
	line-height: 28px;
	color: #9da6b4;
	height: 70px;
	padding: 20px 30px;
	background-color: #f7f7fa;
	border: 1px solid #f7f7fa;
	border-radius: 3px;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.event-default-form .form-group input:focus,
.event-default-form .form-group select:focus,
.event-default-form .form-group textarea:focus {
	background-color: #fff;
	border-color: #faeff5;
	color: #9da6b4;
	-webkit-box-shadow: 0 30px 30px rgb(14 16 48 / .08);
	-ms-box-shadow: 0 30px 30px rgb(14 16 48 / .08);
	box-shadow: 0 30px 30px rgb(14 16 48 / .08)
}

.event-default-form .form-group textarea {
	height: 150px;
	resize: none
}

.event-default-form .form-group input[type=submit],
.event-default-form .form-group button {
	border-radius: 3px;
	cursor: pointer;
	margin-top: 10px
}

.support-widget {
	position: relative
}

.support-widget .text {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #7f8897;
	margin-bottom: 25px
}

.support-widget .info {
	position: relative;
	display: block;
	font-size: 16px;
	line-height: 30px;
	color: #3f4161;
	margin-bottom: 10px;
	padding-left: 40px
}

.support-widget .info .icon {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 20px;
	line-height: 30px;
	color: #e1137b
}

.support-widget .info a {
	color: #3f4161
}

.movers-banner-section {
	position: relative;
	overflow: hidden;
	padding-top: 320px;
	padding-bottom: 80px;
	background-position: center top;
	background-repeat: no-repeat
}

.movers-banner-section .booking-column {
	position: relative
}

.movers-banner-section .booking-column .inner-column {
	position: relative;
	padding: 30px 30px;
	border-radius: 7px;
	background-color: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.movers-banner-section .booking-column h3 {
	position: relative;
	color: #353b50;
	line-height: 1.3em
}

.movers-banner-section .booking-column .text {
	position: relative;
	color: #353b50;
	line-height: 1.8em;
	font-size: 18px;
	margin-top: 4px;
	margin-bottom: 25px
}

.movers-form {
	position: relative
}

.movers-form .form-group {
	position: relative;
	margin-bottom: 20px
}

.movers-form .form-group .icon {
	position: absolute;
	left: 20px;
	bottom: 15px;
	color: #465280;
	font-size: 16px
}

.movers-form .form-group label {
	position: relative;
	color: #4c5884;
	font-size: 15px;
	margin-bottom: 8px
}

.movers-form input[type="text"],
.movers-form input[type="email"],
.movers-form input[type="password"],
.movers-form select,
.movers-form textarea {
	display: block;
	width: 100%;
	line-height: 28px;
	height: 54px;
	font-size: 15px;
	padding: 8px 22px 8px 56px;
	color: #001959;
	border-radius: 4px;
	border: 1px solid #dadce5;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.movers-form .form-group textarea::-webkit-input-placeholder,
.movers-form .form-group input::-webkit-input-placeholder {
	color: #001959
}

.movers-form textarea {
	height: 170px;
	resize: none;
	font-size: 15px;
	padding-top: 18px
}

.movers-form input[type="text"]:focus,
.movers-form input[type="email"]:focus,
.movers-form input[type="password"]:focus,
.movers-form select:focus,
.movers-form textarea:focus {
	border-color: #0b53ff
}

.movers-form .theme-btn {
	cursor: pointer;
	width: 100%;
	margin-top: 5px
}

.ui-datepicker td a {
	text-align: center
}

.movers-banner-section .image-column {
	position: relative
}

.movers-banner-section .image-column .inner-column {
	position: relative;
	padding-left: 30px;
	margin-right: -90px
}

.movers-services-section {
	position: relative;
	padding-top: 20px
}

.movers-services-section .pattern-layer {
	position: absolute;
	right: 0;
	top: 0;
	width: 949px;
	height: 940px;
	background-position: no-repeat
}

.movers-services-section .pattern-layer-two {
	position: absolute;
	left: 0;
	top: 50px;
	width: 950px;
	height: 956px;
	background-position: no-repeat
}

.mover-service-block {
	position: relative
}

.mover-service-block .inner-box {
	position: relative;
	padding: 30px 30px;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / .05)
}

.mover-service-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	right: 0;
	height: 4px;
	width: 100%;
	opacity: 0;
	transform: scale(.1, 1);
	background-color: #0b53ff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease
}

.mover-service-block .inner-box:hover::before {
	opacity: 1;
	transform: scale(1, 1)
}

.mover-service-block .inner-box .icon-box {
	position: relative;
	width: 80px;
	height: 80px;
	color: #0b53ff;
	border-radius: 8px;
	text-align: center;
	line-height: 80px;
	font-size: 40px;
	display: inline-block;
	background-color: #d8e3ff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease
}

.mover-service-block .inner-box:hover .icon-box {
	transform: rotateY(180deg)
}

.mover-service-block .inner-box h4 {
	position: relative;
	color: #202020;
	line-height: 1.3em;
	margin-top: 20px;
	margin-bottom: 14px
}

.mover-service-block .inner-box h4 a {
	position: relative;
	color: #202020;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease
}

.mover-service-block .inner-box h4 a:hover {
	color: #0b53ff
}

.mover-service-block .inner-box .text {
	position: relative;
	color: #807f81;
	font-size: 16px;
	line-height: 1.8em
}

.movers-about-section {
	position: relative;
	overflow: hidden;
	padding: 100px 0 70px
}

.movers-about-section .content-column {
	position: relative;
	margin-bottom: 40px
}

.movers-about-section .content-column .inner-column {
	position: relative
}

.movers-about-section .content-column .sec-title-six {
	margin-bottom: 20px
}

.movers-about-section .content-column .text {
	position: relative;
	color: #807f81;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 20px
}

.movers-about-section .content-column .btn-box {
	position: relative;
	margin-top: 35px
}

.movers-about-section .content-column .btn-box .theme-btn {
	float: left
}

.movers-about-section .content-column .btn-box .play-box {
	position: relative;
	text-align: center;
	margin-left: 30px;
	margin-top: 4px;
	color: #0b53ff;
	float: left;
	font-size: 18px;
	line-height: 45px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.movers-about-section .content-column .btn-box .play-box span {
	position: relative;
	width: 38px;
	height: 38px;
	z-index: 10;
	color: #0b53ff;
	font-size: 12px;
	text-align: center;
	border-radius: 50%;
	padding-left: 2px;
	display: inline-block;
	line-height: 34px;
	margin-right: 15px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	border: 2px solid #0b53ff
}

.movers-about-section .content-column .btn-box .ripple,
.movers-about-section .content-column .btn-box .ripple:before,
.movers-about-section .content-column .btn-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 38px;
	height: 38px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(11 83 255 / .6);
	-moz-box-shadow: 0 0 0 0 rgb(11 83 255 / .6);
	-ms-box-shadow: 0 0 0 0 rgb(11 83 255 / .6);
	-o-box-shadow: 0 0 0 0 rgb(11 83 255 / .6);
	box-shadow: 0 0 0 0 rgb(11 83 255 / .6);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite
}

.movers-about-section .content-column .btn-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute
}

.movers-about-section .content-column .btn-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute
}

.movers-about-section .image-column {
	position: relative;
	margin-bottom: 40px
}

.movers-about-section .image-column .inner-column {
	position: relative;
	padding-top: 50px
}

.movers-about-section .image-column img {
	position: relative;
	max-width: inherit
}

.movers-testimonial-section {
	position: relative;
	overflow: hidden;
	padding: 80px 0 180px;
	background-color: #fcfdff
}

.movers-testimonial-section .owl-dots {
	display: none
}

.movers-testimonial-section .owl-nav {
	position: relative;
	text-align: center;
	margin-top: 15px
}

.movers-testimonial-section .owl-nav .owl-prev,
.movers-testimonial-section .owl-nav .owl-next {
	position: relative;
	width: 50px;
	height: 50px;
	color: #0b53ff;
	margin: 0 8px;
	font-size: 14px;
	line-height: 48px;
	border-radius: 50px;
	display: inline-block;
	border: 1px solid #0b53ff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.movers-testimonial-section .owl-nav .owl-prev:hover,
.movers-testimonial-section .owl-nav .owl-next:hover {
	background-color: #0b53ff;
	color: #fff
}

.movers-testimonial-section .owl-carousel .owl-stage-outer {
	padding: 0 0 25px
}

.movers-testimonial-section .owl-theme .movers-testimonial-block {
	padding: 0 15px
}

.movers-testimonial-section .owl-carousel {
	margin: 0 -15px;
	width: auto
}

.movers-testimonial-block {
	position: relative;
	z-index: 1
}

.movers-testimonial-block .inner-box {
	position: relative;
	padding: 0 40px 30px
}

.movers-testimonial-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0;
	top: 60px;
	right: 0;
	bottom: 0;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.movers-testimonial-block .inner-box .author-image {
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	width: 100px;
	height: 100px;
	margin-bottom: 22px
}

.movers-testimonial-block .inner-box .quote-icon {
	position: relative;
	color: #ddd;
	font-size: 20px
}

.movers-testimonial-block .inner-box .text {
	position: relative;
	color: #777;
	font-size: 16px;
	line-height: 1.7em;
	margin-top: 15px
}

.movers-testimonial-block .inner-box .lower-box {
	position: relative;
	padding-top: 22px;
	margin-top: 20px;
	border-top: 2px solid #ddd
}

.movers-testimonial-block .inner-box .lower-box .author-name {
	position: relative;
	color: #222;
	font-size: 18px
}

.movers-testimonial-block .inner-box .lower-box .designation {
	position: relative;
	color: #777;
	font-size: 15px;
	margin-top: 4px
}

.movers-testimonial-block .inner-box .lower-box .rating {
	position: relative;
	margin-top: 12px
}

.movers-testimonial-block .inner-box .lower-box .rating .fa {
	position: relative;
	color: #ebd910;
	font-size: 16px;
	margin-left: 4px
}

.movers-testimonial-block .inner-box .lower-box .rating .fa.light {
	color: #777
}

.movers-featured-section {
	position: relative;
	padding: 90px 0 90px
}

.movers-featured-section .triangle-one {
	position: absolute;
	left: -7%;
	top: 5%;
	width: 409px;
	height: 420px;
	background-repeat: no-repeat
}

.movers-featured-section .triangle-two {
	position: absolute;
	left: 0%;
	top: 32%;
	width: 230px;
	height: 200px;
	background-repeat: no-repeat
}

.movers-featured-section .triangle-three {
	position: absolute;
	right: 0%;
	bottom: 20%;
	width: 230px;
	height: 200px;
	background-repeat: no-repeat
}

.movers-featured-section .triangle-four {
	position: absolute;
	right: 0%;
	bottom: 5%;
	width: 154px;
	height: 176px;
	background-repeat: no-repeat
}

.mover-featured-block {
	position: relative;
	margin-bottom: 30px
}

.mover-featured-block .inner-box {
	position: relative;
	padding: 35px 30px;
	text-align: center;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 5px 25px rgb(0 0 0 / .07)
}

.mover-featured-block .inner-box .icon {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	line-height: 100px;
	border-radius: 10px;
	display: block;
	background-color: #7752be;
	transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease
}

.mover-featured-block:nth-child(2) .inner-box .icon {
	background-color: #fab005
}

.mover-featured-block:nth-child(3) .inner-box .icon {
	background-color: #f03e3d
}

.mover-featured-block:nth-child(4) .inner-box .icon {
	background-color: #3dd598
}

.mover-featured-block:nth-child(5) .inner-box .icon {
	background-color: #4154f9
}

.mover-featured-block:nth-child(6) .inner-box .icon {
	background-color: #4dadf7
}

.mover-featured-block .inner-box:hover .icon {
	transform: rotateY(360deg)
}

.mover-featured-block .inner-box h5 {
	position: relative;
	color: #000;
	line-height: 1.3em;
	margin-top: 28px;
	margin-bottom: 18px
}

.mover-featured-block .inner-box .text {
	position: relative;
	color: #807f81;
	font-size: 16px;
	line-height: 1.8em
}

.mover-featured-block .inner-box:hover .icon {
	transform: rotateY(360deg)
}

.movers-clients-section {
	position: relative;
	padding: 100px 0 100px;
	text-align: center;
	background-color: #f3f4ff
}

.movers-clients-section .outer-container {
	position: relative;
	padding: 0 40px
}

.movers-clients-section .sponsors-outer .owl-dots,
.movers-clients-section .sponsors-outer .owl-nav {
	position: relative;
	display: none
}

.movers-clients-section .sponsors-outer .image-box {
	position: relative;
	text-align: center;
	margin: 0;
	padding: 10px 0;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.movers-clients-section .sponsors-outer .image-box img {
	max-width: 100%;
	width: auto;
	opacity: .6;
	filter: grayscale(100%);
	display: inline-block;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.movers-clients-section .sponsors-outer .image-box img:hover {
	opacity: 1;
	filter: grayscale(0%)
}

.movers-works-section {
	position: relative;
	padding: 100px 0 100px
}

.mover-step-block {
	position: relative
}

.mover-step-block .inner-box {
	position: relative;
	text-align: center
}

.mover-step-block .inner-box:before {
	position: absolute;
	content: '';
	left: 75%;
	top: 25%;
	width: 161px;
	height: 42px;
}

.mover-step-block:nth-child(2) .mover-step-block:last-child .inner-box::before {
	display: none
}

.mover-step-block .inner-box .icon-box {
	position: relative;
	width: 110px;
	height: 110px;
	line-height: 110px;
	text-align: center;
	margin: 0 auto;
	border-radius: 10px;
	background-color: #e2eaff
}

.mover-step-block .inner-box .icon-box .icon {
	position: relative
}

.mover-step-block .inner-box h4 {
	position: relative;
	color: #000;
	line-height: 1.3em;
	margin-top: 30px
}

.donate-banner-section {
	position: relative;
	padding-top: 280px;
	background-size: cover
}

.donate-banner-section:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(0 0 0 / .8)
}

.donate-banner-section .content-boxed {
	position: relative;
	text-align: center
}

.donate-banner-section .content-boxed h1 {
	position: relative;
	color: #fff;
	line-height: 1.1em;
	text-transform: capitalize;
	transform: scaleY(0);
	transform-origin: bottom;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	text-transform: uppercase
}

.donate-banner-section .active .content-boxed h1 {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-ms-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	transition-delay: 300ms
}

.donate-banner-section .content-boxed .text {
	position: relative;
	color: #fff;
	line-height: 1.9em;
	margin-top: 22px;
	font-size: 16px;
	margin-bottom: 30px;
	text-transform: capitalize;
	transform: scaleY(0);
	transform-origin: bottom;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	text-transform: uppercase
}

.donate-banner-section .active .content-boxed .text {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 600ms;
	-moz-transition-delay: 600ms;
	-ms-transition-delay: 600ms;
	-o-transition-delay: 600ms;
	transition-delay: 600ms
}

.donate-banner-section .content-boxed .btns-box {
	transform: scaleY(0);
	transform-origin: bottom;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	text-transform: uppercase
}

.donate-banner-section .active .content-boxed .btns-box {
	opacity: 1;
	transform: scaleY(1);
	-webkit-transition-delay: 900ms;
	-moz-transition-delay: 900ms;
	-ms-transition-delay: 900ms;
	-o-transition-delay: 900ms;
	transition-delay: 900ms
}

.donate-banner-section .content-boxed .theme-btn {
	margin: 0 12px
}

.donate-banner-section .content-boxed .image {
	position: relative;
	margin-top: 60px;
	text-align: center;
	transform: scaleX(0);
	transform-origin: bottom;
	-webkit-transition: all 1000ms ease;
	-moz-transition: all 100ms ease;
	-ms-transition: all 1000ms ease;
	-o-transition: all 1000ms ease;
	transition: all 1000ms ease;
	text-transform: uppercase
}

.donate-banner-section .content-boxed .image img {
	position: relative;
	width: auto;
	margin: 0 auto
}

.donate-banner-section .active .content-boxed .image {
	opacity: 1;
	transform: scaleX(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms
}

.donate-banner-section .owl-dots {
	position: absolute;
	display: none
}

.donate-banner-section .owl-nav {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	width: 100%;
	opacity: 0;
	margin-top: -140px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.donate-banner-section:hover .owl-nav {
	opacity: 1
}

.donate-banner-section .owl-nav .owl-prev {
	position: absolute;
	left: -50px;
	width: 60px;
	height: 60px;
	color: #fff;
	line-height: 56px;
	font-size: 24px;
	text-align: center;
	border-radius: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 2px solid rgb(255 255 255 / .6)
}

.donate-banner-section .owl-nav .owl-next {
	position: absolute;
	right: -50px;
	color: #fff;
	font-size: 24px;
	width: 60px;
	height: 60px;
	color: #fff;
	line-height: 56px;
	border-radius: 50px;
	text-align: center;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 2px solid rgb(255 255 255 / .6)
}

.donate-banner-section .owl-nav .owl-prev:hover,
.donate-banner-section .owl-nav .owl-next:hover {
	color: #1543c5;
	border-color: #fff;
	background-color: #fff
}

.donater-call-to-action-section {
	position: relative;
	padding: 60px 0;
	background-image: -ms-linear-gradient(left, #0b53ff 0%, #4175f2 100%);
	background-image: -moz-linear-gradient(left, #0b53ff 0%, #4175f2 100%);
	background-image: -o-linear-gradient(left, #0b53ff 0%, #4175f2 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #0b53ff), color-stop(100, #4175f2));
	background-image: -webkit-linear-gradient(left, #0b53ff 0%, #4175f2 100%);
	background-image: linear-gradient(to right, #0b53ff 0%, #4175f2 100%)
}

.donater-call-to-action-section h3 {
	position: relative;
	color: #fff
}

.donater-call-to-action-section .text {
	position: relative;
	color: #fff;
	font-size: 16px;
	margin-top: 8px
}

.donater-call-to-action-section .theme-btn {
	margin-top: 13px
}

.donation-counter-section {
	position: relative;
	padding: 0 0 80px
}

.donation-counter-section .inner-container {
	position: relative;
	border-radius: 12px;
	padding: 60px 30px 30px;
	background-color: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / .1);
	background-position: center center;
	background-repeat: no-repeat
}

.donation-counter-section .inner-container.margin-top {
	margin-top: -120px;
	z-index: 1
}

.fact-counter-four {
	position: relative;
	margin-bottom: 30px
}

.fact-counter-four .column {
	position: relative;
	margin-bottom: 30px
}

.fact-counter-four .column .inner {
	position: relative;
	text-align: center
}

.fact-counter-four .column .inner .content {
	position: relative
}

.fact-counter-four .column:last-child .inner {
	border-right: 0
}

.fact-counter-four .column .inner .icon-box {
	position: relative;
	width: 70px;
	height: 60px;
	font-size: 60px;
	text-align: center;
	line-height: 60px;
	display: inline-block;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease
}

.fact-counter-four .column .inner:hover .icon-box {
	-webkit-transform: scale(-1) rotate(180deg);
	-moz-transform: scale(-1) rotate(180deg);
	-ms-transform: scale(-1) rotate(180deg);
	-o-transform: scale(-1) rotate(180deg);
	transform: scale(-1) rotate(180deg)
}

.fact-counter-four .column .inner .icon-box .icon {
	position: relative;
	display: inline-block
}

.fact-counter-four .count-outer .percentage {
	display: inline-block;
	color: #000;
	font-size: 30px;
	line-height: 1em
}

.fact-counter-four .column .inner .count-outer {
	position: relative;
	color: #000;
	font-size: 30px;
	line-height: 1em;
	display: inline-block
}

.fact-counter-four .count-outer .count-text {
	position: relative;
	color: #000;
	font-size: 30px;
	line-height: 1em
}

.fact-counter-four .column .counter-title {
	position: relative;
	font-size: 16px;
	color: #5a7184;
	margin-top: 12px;
	opacity: .88;
	margin-bottom: 10px;
	text-transform: capitalize
}

.donation-mission-section {
	position: relative;
	padding: 20px 0 80px
}

.donation-mission-section .content-column {
	position: relative;
	margin-bottom: 40px
}

.donation-mission-section .content-column .inner-column {
	position: relative
}

.donation-mission-section .content-column .theme-btn {
	position: relative;
	margin-top: 35px
}

.donation-mission-section .blocks-column {
	position: relative;
	margin-bottom: 40px
}

.donation-mission-section .blocks-column .inner-column {
	position: relative
}

.donate-feature-block {
	position: relative;
	margin-bottom: 35px
}

.donate-feature-block .inner-box {
	position: relative;
	padding: 35px 35px;
	border-radius: 10px;
	box-shadow: 0 0 15px rgb(0 0 0 / .07)
}

.donate-feature-block .inner-box .icon {
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	background-color: #f1f5ff
}

.donate-feature-block .inner-box .content {
	position: relative;
	padding-left: 95px
}

.donate-feature-block .inner-box h5 {
	position: relative;
	line-height: 1.3em;
	color: #000;
	text-transform: capitalize
}

.donate-feature-block .inner-box .text {
	position: relative;
	color: #555;
	font-size: 14px;
	line-height: 1.9em;
	margin-top: 10px
}

.donation-causes-section {
	position: relative;
	padding: 90px 0 70px;
	background-color: #f8f9fb
}

.causes-block {
	position: relative;
	margin-bottom: 40px
}

.causes-block .inner-box {
	position: relative;
	border-radius: 5px 5px;
	background-color: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.causes-block .inner-box .image {
	position: relative;
	overflow: hidden;
	border-radius: 10px;
	background-color: #1b46ff;
	transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease
}

.causes-block .inner-box:hover .image img {
	position: relative;
	width: 100%;
	display: block;
	opacity: .4;
	transform: scale(1.1, 1.1)
}

.causes-block .inner-box .image img {
	width: 100%;
	display: block;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease
}

.causes-block .inner-box .image .ribbon {
	position: absolute;
	left: 0;
	top: 20px;
	color: #fff;
	font-size: 14px;
	z-index: 1;
	padding: 4px 14px;
	text-transform: uppercase
}

.causes-block .inner-box .image .ribbon:before {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	left: -40px;
	height: 100%;
	z-index: -1;
	background-color: #1b46ff;
	transform: skew(-30deg)
}

.causes-block .inner-box .image .like-icon {
	position: absolute;
	right: 20px;
	top: 20px;
	display: block;
	opacity: 0;
	font-size: 28px;
	color: #fff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease
}

.causes-block .inner-box:hover .image .like-icon {
	opacity: 1
}

.causes-block .inner-box .lower-content {
	position: relative;
	padding: 60px 30px 30px
}

.causes-block .inner-box .lower-content h4 {
	position: relative;
	color: #000;
	margin-top: 15px;
	font-size: 20px;
	margin-bottom: 12px
}

.causes-block .inner-box .lower-content h4 a {
	color: #000;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.causes-block .inner-box .lower-content h4 a:hover {
	color: #1b46ff
}

.causes-block .inner-box .lower-content .text {
	position: relative;
	color: #000;
	font-size: 15px;
	opacity: .7;
	line-height: 1.8em;
	margin-bottom: 22px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.causes-block .inner-box .lower-content .content {
	position: relative
}

.causes-block .inner-box .lower-content .content .overlay-box .collect {
	position: relative;
	color: #666;
	font-size: 16px;
	margin-bottom: 15px
}

.causes-block .inner-box .lower-content .donate-percentage {
	position: relative
}

.causes-block .inner-box .lower-content .donate-percentage .donate-bar-info {
	position: relative;
	margin-bottom: 10px;
	background-color: #ccc
}

.causes-block .inner-box .lower-content .donate-bar-info .donate-percent {
	position: relative;
	color: #000;
	font-size: 18px;
	display: block;
	width: 100%;
	text-align: center;
	text-transform: uppercase
}

.causes-block .inner-box .lower-content .donate-bar-info .donate-percent .count-box {
	position: absolute;
	width: 100%;
	color: #aa1f43;
	font-size: 14px;
	text-align: center;
	margin-top: 10px
}

.causes-block .inner-box .lower-content .donate-percentage .donate-bar {
	position: relative;
	width: 100%;
	height: 2px
}

.causes-block .inner-box .lower-content .donate-percentage .donate-bar .bar-inner {
	position: relative;
	width: 100%;
	height: 6px;
	background: #e1e1e1
}

.causes-block .inner-box .lower-content .donate-percentage .donate-bar .bar-inner .bar {
	position: absolute;
	left: 0;
	top: 0;
	height: 6px;
	width: 0;
	background-color: #1b46ff;
	-webkit-transition: all 2000ms ease;
	-ms-transition: all 2000ms ease;
	-o-transition: all 2000ms ease;
	-moz-transition: all 2000ms ease;
	transition: all 2000ms ease
}

.causes-block .inner-box .lower-content .donate-percentage .donate-bar .bar-inner .bar:before {
	position: absolute;
	content: '';
	right: -1px;
	top: -5px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #e1e1e1;
	border: 1px solid #1b46ff
}

.causes-block .inner-box .lower-content .donate-percentage .donate-bar .bar-inner .bar .count-box {
	position: absolute;
	right: -16px;
	top: -50px;
	width: 48px;
	height: 30px;
	color: #fff;
	font-size: 14px;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
	background-color: #0b53ff
}

.causes-block .inner-box .lower-content .donate-percentage .donate-bar .bar-inner .bar .count-box:before {
	position: absolute;
	content: '';
	left: 50%;
	bottom: -8px;
	margin-left: -7px;
	border-left: 7px solid #fff0;
	border-right: 7px solid #fff0;
	border-top: 8px solid #0b53ff
}

.causes-block .inner-box .lower-content .donate-percentage .amounts {
	position: relative;
	margin-top: 15px
}

.causes-block .inner-box .lower-content .donate-percentage .amounts .number {
	position: relative;
	color: #1d252d;
	font-size: 15px
}

.causes-block .inner-box .lower-content .btns-box {
	position: relative;
	text-align: center;
	margin-top: 30px
}

.causes-block .inner-box .lower-content .btns-box .theme-btn {
	padding: 11px 30px
}

.causes-block .inner-box .lower-content .btns-box .detail {
	position: relative;
	color: #190f52;
	font-size: 15px;
	margin-top: 15px;
	display: inline-block
}

.donation-volunter-section {
	position: relative;
	padding-top: 50px;
	padding-bottom: 30px
}

.donation-volunter-section:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	z-index: -1;
	bottom: 80px;
	background-color: #f0c579
}

.donation-volunter-section .content-column {
	position: relative
}

.donation-volunter-section .content-column .inner-column {
	position: relative;
	padding-top: 60px
}

.donation-volunter-section .content-column h2 {
	position: relative;
	color: #fff;
	line-height: 1.2em
}

.donation-volunter-section .content-column .text {
	position: relative;
	color: #fff;
	line-height: 1.9em;
	margin-top: 20px;
	font-size: 18px;
	margin-bottom: 20px
}

.donation-volunter-section .image-column {
	position: relative
}

.donation-volunter-section .image-column .inner-column {
	position: relative;
	text-align: right
}

.donation-featured-section {
	position: relative;
	padding-top: 60px;
	padding-bottom: 90px
}

.donate-feature-block-two {
	position: relative;
	margin-bottom: 30px
}

.donate-feature-block-two .inner-box {
	position: relative;
	text-align: left;
	padding: 30px 30px;
	border-radius: 10px;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.donate-feature-block-two .inner-box .left-border {
	position: absolute;
	left: 0;
	top: 0;
	width: 2px;
	height: 100%;
	opacity: 0;
	transform: scale(1, .2);
	background-color: #0b53ff;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.donate-feature-block-two .inner-box:hover .left-border {
	transform: scale(1, 1);
	opacity: 1
}

.donate-feature-block-two .inner-box .right-border {
	position: absolute;
	right: 0;
	top: 0;
	width: 2px;
	height: 100%;
	opacity: 0;
	transform: scale(1, .2);
	background-color: #0b53ff;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.donate-feature-block-two .inner-box:hover .right-border {
	transform: scale(1, 1);
	opacity: 1
}

.donate-feature-block-two .inner-box .top-border {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	opacity: 0;
	transform: scale(.2, 1);
	background-color: #0b53ff;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.donate-feature-block-two .inner-box:hover .top-border {
	transform: scale(1, 1);
	opacity: 1
}

.donate-feature-block-two .inner-box .bottom-border {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	opacity: 0;
	transform: scale(.2, 1);
	background-color: #0b53ff;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease
}

.donate-feature-block-two .inner-box:hover .bottom-border {
	transform: scale(1, 1);
	opacity: 1
}

.donate-feature-block-two .inner-box .icon {
	position: relative;
	margin-bottom: 10px
}

.donate-feature-block-two .inner-box h5 {
	position: relative;
	line-height: 1.3em
}

.donate-feature-block-two .inner-box h5 a {
	position: relative;
	color: #000;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.donate-feature-block-two .inner-box:hover h5 a {
	color: #0b53ff
}

.donate-feature-block-two .inner-box .text {
	position: relative;
	line-height: 1.8em;
	color: #000;
	font-size: 16px;
	opacity: .7;
	margin-top: 12px;
	margin-bottom: 15px
}

.donate-feature-block-two .inner-box .learn-more {
	position: relative;
	line-height: 1.3em;
	color: #0b53ff;
	font-size: 16px;
	padding-right: 0;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.donate-feature-block-two .inner-box .learn-more span {
	position: absolute;
	left: 102%;
	top: 2px;
	margin-left: 5px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.donate-feature-block-two .inner-box:hover .learn-more span {
	left: 0%
}

.donate-feature-block-two .inner-box:hover .learn-more {
	padding-left: 28px
}

.donation-events-section {
	position: relative;
	padding: 100px 0 110px;
	background-color: #f8f9fb
}

.donation-events-section .inner-container {
	position: relative;
	max-width: 1050px;
	margin: 0 auto
}

.donate-event-block {
	position: relative;
	margin-bottom: 40px
}

.donate-event-block .inner-box {
	position: relative
}

.donate-event-block .inner-box .image-column {
	position: relative
}

.donate-event-block .inner-box .image {
	position: relative;
	border-radius: 4px;
	overflow: hidden
}

.donate-event-block .inner-box .image .icon {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 45px;
	height: 45px;
	z-index: 1;
	color: #000;
	font-size: 18px;
	text-align: center;
	line-height: 47px;
	border-radius: 50%;
	display: inline-block;
	background-color: #fff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.donate-event-block .inner-box:hover .image .icon {
	opacity: 0;
	visibility: hidden
}

.donate-event-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block
}

.donate-event-block .inner-box .image .overlay-box {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	color: #fff;
	text-align: center;
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease
}

.donate-event-block .inner-box .image .overlay-box:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
	opacity: 0;
	visibility: hidden;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	background: rgb(230 204 126 / .8);
	-moz-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.donate-event-block .inner-box:hover .overlay-box:before {
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	opacity: 1;
	visibility: visible
}

.donate-event-block .inner-box:hover .overlay-box {
	opacity: 1
}

.donate-event-block .inner-box .image .overlay-box .overlay-inner {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	padding: 10px 0
}

.donate-event-block .inner-box .image .overlay-box .overlay-inner .content {
	position: relative;
	display: table-cell;
	vertical-align: middle
}

.donate-event-block .inner-box .image .overlay-box .overlay-inner .link {
	position: relative;
	width: 45px;
	height: 45px;
	z-index: 1;
	color: #000;
	font-size: 18px;
	text-align: center;
	line-height: 47px;
	border-radius: 50%;
	display: inline-block;
	background-color: #fff;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.donate-event-block .inner-box .image .overlay-box .overlay-inner .link .icon-box {
	position: relative
}

.donate-event-block .inner-box .image .overlay-box .link:hover {
	color: #fff;
	background-color: #f0c579
}

.donate-event-block .inner-box .content-column {
	position: relative
}

.donate-event-block .inner-box .content-column .column-inner {
	position: relative;
	padding-top: 70px
}

.donate-event-block .inner-box .content-column .post-meta {
	position: relative;
	margin-bottom: 8px
}

.donate-event-block .inner-box .content-column .post-meta li {
	position: relative;
	color: #f0c579;
	font-size: 15px;
	margin-right: 20px;
	display: inline-block
}

.donate-event-block .inner-box .content-column .post-meta li:last-child {
	margin-right: 0
}

.donate-event-block .inner-box .content-column h3 {
	position: relative;
	font-size: 24px;
	line-height: 1.3em;
	margin-bottom: 15px
}

.donate-event-block .inner-box .content-column h3 a {
	position: relative;
	color: #222;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.donate-event-block .inner-box .content-column h3 a:hover {
	color: #f0c579
}

.donate-event-block .inner-box .content-column .text {
	position: relative;
	font-size: 15px;
	line-height: 1.9em;
	color: #555;
	margin-bottom: 26px
}

.donate-event-block .inner-box .content-column .post-info {
	position: relative
}

.donate-event-block .inner-box .content-column .post-info .post-inner {
	position: relative;
	padding-left: 80px;
	padding-top: 10px;
	min-height: 61px
}

.donate-event-block .inner-box .content-column .post-info .post-inner .author-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 61px;
	height: 61px;
	overflow: hidden;
	border-radius: 50px
}

.donate-event-block .inner-box .content-column .post-info .post-inner .author-name {
	position: relative;
	color: #222;
	font-size: 15px;
	line-height: 1.3em
}

.donate-event-block .inner-box .content-column .post-info .post-inner .post-date {
	position: relative;
	margin-top: 3px
}

.donation-team-section {
	position: relative;
	padding: 100px 0 110px
}

.donate-team-block {
	position: relative;
	margin-bottom: 30px
}

.donate-team-block .inner-box {
	position: relative;
	padding: 35px 35px;
	border: 2px solid #f2f3f6
}

.donate-team-block .inner-box:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: -2px;
	right: 0;
	height: 3px;
	opacity: 0;
	transform: scale(.5, 1);
	background-color: #0b53ff;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.donate-team-block .inner-box:hover::before {
	opacity: 1;
	transform: scale(1, 1)
}

.donate-team-block .inner-box .content {
	position: relative;
	overflow: hidden
}

.donate-team-block .inner-box .content .circle-one {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 47px;
	height: 47px;
	border-radius: 0%;
	display: inline-block;
	background-color: #f0c579
}

.donate-team-block .inner-box .content .circle-two {
	position: absolute;
	left: 21px;
	top: 21px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	display: inline-block;
	background-color: #0b53ff
}

.donate-team-block .inner-box .designation {
	position: relative;
	color: #0b53ff;
	font-size: 16px;
	line-height: 1.3em;
	text-align: right;
	margin-bottom: 28px
}

.donate-team-block .inner-box .image {
	position: relative;
	width: 145px;
	height: 145px;
	margin: 0 auto;
	border-radius: 50%;
	overflow: hidden;
	margin-bottom: 25px
}

.donate-team-block .inner-box h4 {
	position: relative;
	line-height: 1.1em
}

.donate-team-block .inner-box h4 a {
	position: relative;
	color: #19274d;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.donate-team-block .inner-box h4 a:hover {
	color: #0b53ff
}

.donate-team-block .inner-box .content .social-outer-box {
	position: absolute;
	right: 0;
	bottom: 0;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease
}

.donate-team-block .inner-box .content .social-outer-box .plus {
	position: relative;
	right: 0;
	bottom: 0;
	width: 50px;
	z-index: 1;
	height: 50px;
	color: #fff;
	cursor: pointer;
	line-height: 50px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	background-color: #0b53ff
}

.donate-team-block .inner-box .content .social-outer-box .social-boxed {
	position: absolute;
	right: 0;
	bottom: -400px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease
}

.donate-team-block .inner-box .content .social-outer-box:hover {
	overflow: visible
}

.donate-team-block .inner-box .content .social-outer-box:hover .social-boxed {
	bottom: 100%;
	top: auto
}

.donate-team-block .inner-box .content .social-outer-box .social-boxed .social-box {
	position: relative
}

.donate-team-block .inner-box .content .social-outer-box .social-boxed .social-box li {
	position: relative;
	padding-bottom: 10px
}

.donate-team-block .inner-box .content .social-outer-box .social-boxed .social-box li a {
	position: relative;
	width: 50px;
	height: 50px;
	color: #19274d;
	font-size: 16px;
	border-radius: 50px;
	text-align: center;
	line-height: 48px;
	display: inline-block;
	border: 2px solid #f2f3f6;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.donate-team-block .inner-box .content .social-outer-box .social-boxed .social-box li.facebook a:hover {
	color: #fff;
	border-color: #4064ad;
	background-color: #4064ad
}

.donate-team-block .inner-box .content .social-outer-box .social-boxed .social-box li.twitter a:hover {
	color: #fff;
	border-color: #2d88ff;
	background-color: #2d88ff
}

.donate-team-block .inner-box .content .social-outer-box .social-boxed .social-box li.behance a:hover {
	color: #fff;
	border-color: #0055f8;
	background-color: #0055f8
}

.donation-testimonial-section {
	position: relative;
	padding: 100px 0 220px;
	background-color: #f8f9fb
}

.donation-testimonial-section .owl-dots {
	position: absolute;
	display: none
}

.donation-testimonial-section .owl-nav {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	width: 100%;
	margin-top: -30px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease
}

.donation-testimonial-section .owl-nav .owl-prev {
	position: absolute;
	left: -70px;
	width: 60px;
	height: 60px;
	color: #0f77bc;
	line-height: 56px;
	font-size: 24px;
	text-align: center;
	border-radius: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 2px solid #0b53ff
}

.donation-testimonial-section .owl-nav .owl-next {
	position: absolute;
	right: -70px;
	font-size: 24px;
	width: 60px;
	height: 60px;
	color: #0f77bc;
	line-height: 56px;
	border-radius: 50px;
	text-align: center;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	border: 2px solid #0b53ff
}

.donation-testimonial-section .owl-nav .owl-prev:hover,
.donation-testimonial-section .owl-nav .owl-next:hover {
	color: #fff;
	border-color: #0f77bc;
	background-color: #0f77bc
}

.donation-testimonial-block {
	position: relative
}

.donation-testimonial-block .inner-box {
	position: relative;
	padding: 45px 30px;
	background-color: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / .05)
}

.donation-testimonial-block .inner-box:hover::before {
	opacity: 1;
	transform: scale(1, 1)
}

.donation-testimonial-block .inner-box .upper-box {
	position: relative
}

.donation-testimonial-block .inner-box .upper-box .upper-inner {
	position: relative;
	padding-left: 80px;
	padding-top: 12px;
	min-height: 64px
}

.donation-testimonial-block .inner-box .upper-box .upper-inner .image {
	position: absolute;
	left: 0;
	top: 0;
	width: 64px;
	height: 64px;
	overflow: hidden;
	border-radius: 50px
}

.donation-testimonial-block .inner-box .upper-box .upper-inner .author-name {
	position: relative;
	color: #222;
	font-size: 17px;
	line-height: 1.3em
}

.donation-testimonial-block .inner-box .upper-box .upper-inner .designation {
	position: relative;
	color: #222;
	font-size: 13px;
	margin-top: 4px
}

.donation-testimonial-block .inner-box .text {
	position: relative;
	margin-top: 45px;
	font-size: 16px;
	color: #666;
	line-height: 1.8em
}

.donation-testimonial-block .inner-box .text:before {
	position: absolute;
	content: "\f1d2";
	left: -4px;
	top: -28px;
	color: #222;
	font-size: 12px;
	font-style: normal;
	font-family: "Flaticon"
}

.donation-testimonial-block .inner-box .text:after {
	position: absolute;
	content: "\f104";
	right: -4px;
	bottom: -22px;
	color: #222;
	font-size: 12px;
	font-style: normal;
	font-family: "Flaticon"
}

.donation-newsletter-section {
	position: relative
}

.donation-newsletter-section.margin-bottom {
	margin-bottom: -110px;
	margin-top: -105px;
	z-index: 1
}

.donation-newsletter-section .inner-container {
	position: relative;
	padding: 65px 60px 65px;
	background-size: cover;
	background-color: #f0c579;
	background-repeat: no-repeat
}

.donation-newsletter-section .title-column {
	position: relative
}

.donation-newsletter-section .title-column .inner-column {
	position: relative;
	padding-top: 6px;
	margin-bottom: 6px
}

.donation-newsletter-section .title-column h4 {
	position: relative;
	color: #222;
	font-size: 30px;
	text-transform: capitalize
}

.donation-newsletter-section .title-column .inner-column .title {
	position: relative;
	color: #222
}

.donation-newsletter-section .form-column {
	position: relative
}

.donation-newsletter-section .form-column .inner-column {
	position: relative;
	margin-top: 7px
}

.donation-subscribe-form .form-group {
	position: relative;
	display: block;
	margin: 0;
	width: 100%
}

.donation-subscribe-form .form-group input[type="text"],
.donation-subscribe-form .form-group input[type="tel"],
.donation-subscribe-form .form-group input[type="email"],
.donation-subscribe-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	height: 60px;
	font-size: 14px;
	color: #000;
	background: #fff;
	border-radius: 50px;
	padding: 10px 50px 10px 30px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.donation-subscribe-form .form-group input[type="submit"],
.donation-subscribe-form button {
	position: absolute;
	right: 2px;
	top: 2px;
	bottom: 2px;
	width: 150px;
	color: #222;
	font-size: 16px;
	cursor: pointer;
	border-radius: 50px;
	background-color: #f0c579
}

.donation-subscribe-form button:hover {
	background: none;
	color: #fff;
	background-color: #222
}

.donation-gallery-section {
	position: relative;
	padding: 95px 0 95px
}

.donation-gallery-section .filters {
	position: relative;
	margin-bottom: 60px
}

.donation-gallery-section .filters .filter-tabs {
	position: relative
}

.donation-gallery-section .filters li {
	position: relative;
	display: inline-block;
	color: #222;
	padding: 7px 25px;
	cursor: pointer;
	font-size: 16px;
	margin: 0 1px 2px;
	border-radius: 50px;
	display: inline-block;
	border: 1px solid #fff0;
	text-transform: uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease
}

.donation-gallery-section .filters .filter.active,
.donation-gallery-section .filters .filter:hover {
	color: #f0c579;
	border-color: #f0c579
}

.donation-gallery-block {
	position: relative;
	margin-bottom: 30px
}

.donation-gallery-block .inner-box {
	position: relative;
	overflow: hidden
}

.donation-gallery-block .inner-box .image {
	position: relative
}

.donation-gallery-block .inner-box .image img {
	position: relative;
	display: block
}

.donation-gallery-block .inner-box .overlay-box {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0%;
	opacity: 0;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	transition: all 900ms ease;
	-moz-transform: rotateY(-180deg);
	-webkit-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	transform: rotateY(-180deg)
}

.donation-gallery-block .inner-box:hover .overlay-box {
	opacity: 1;
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	transform: rotateY(0deg);
	visibility: visible
}

.donation-gallery-block .inner-box .overlay-box:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .85;
	background-color: rgb(0 0 0 / .95)
}

.donation-gallery-block .inner-box .overlay-box .overlay-inner {
	position: relative;
	padding: 28px 28px
}

.donation-gallery-block .inner-box .overlay-box h3 {
	position: relative;
	font-size: 24px;
	padding-bottom: 18px;
	margin-bottom: 25px
}

.donation-gallery-block .inner-box .overlay-box h3 a {
	position: relative;
	color: #fff
}

.donation-gallery-block .inner-box .overlay-box h3:before {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	height: 2px;
	width: 40px;
	background-color: #333
}

.donation-gallery-block .inner-box .overlay-box .text {
	position: relative;
	color: #fff;
	line-height: 2em;
	margin-bottom: 30px
}

.donation-gallery-block .inner-box .overlay-box .links {
	position: relative
}

.donation-gallery-block .inner-box .overlay-box .links li {
	position: relative;
	margin-right: 12px;
	display: inline-block
}

.donation-gallery-block .inner-box .overlay-box .links li a {
	position: relative;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 15px;
	line-height: 37px;
	text-align: center;
	display: inline-block;
	border: 1px solid #fff;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease
}

.donation-gallery-block .inner-box .overlay-box .links li a:hover {
	border-color: #333;
	background-color: #333
}

.donation-gallery-block.mix {
	display: none
}

.donation-gallery-section .load-more-btn {
	position: relative;
	margin-top: 30px
}

.donate-now {
	position: relative;
	padding: 120px 0 70px;
	border-bottom: 2px solid #f9f9f9
}

.donate-default-title {
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 22px
}

.donate-default-title h3 {
	position: relative;
	font-size: 17px;
	color: #222;
	line-height: 1.4em;
	text-transform: uppercase
}

.donate-now .left-column {
	position: relative;
	margin-bottom: 30px
}

.donate-now .right-column {
	position: relative;
	margin-bottom: 30px
}

.donate-now .select-amount {
	position: relative
}

.donate-now .select-box {
	position: relative;
	float: left;
	width: 60px;
	text-align: center;
	margin: 0 20px 10px 0
}

.donate-now .input-box {
	position: relative;
	float: left;
	width: 200px
}

.donate-now .select-box input[type="radio"] {
	left: 0;
	top: 0;
	visibility: hidden;
	position: absolute;
	opacity: 0
}

.donate-now .select-box label {
	display: block;
	line-height: 22px;
	padding: 10px 10px;
	text-align: center;
	font-size: 14px;
	color: #555;
	border: 1px solid #e0e0e0;
	cursor: pointer;
	border-radius: 2px;
	transition: all 500ms ease
}

.donate-now .select-box input[type="radio"]:checked+label {
	background: #0b53ff;
	border-color: #0b53ff;
	color: #fff
}

.donate-default-form .form-group {
	position: relative;
	margin-bottom: 20px
}

.donate-default-form .form-group .field-label {
	display: block;
	line-height: 24px;
	margin-bottom: 10px;
	color: #222;
	font-size: 14px
}

.donate-default-form .form-group .field-label sup,
.donate-default-form .form-group .field-label .req {
	color: red;
	font-size: 14px;
	padding-left: 5px
}

.donate-default-form input[type="text"],
.donate-default-form input[type="email"],
.donate-default-form input[type="password"],
.donate-default-form input[type="tel"],
.donate-default-form input[type="url"],
.donate-default-form select,
.donate-default-form textarea {
	display: block;
	width: 100%;
	line-height: 22px;
	height: 44px;
	font-size: 13px;
	border: 1px solid #e0e0e0;
	padding: 10px 15px;
	background-color: #fff;
	color: #222;
	border-radius: 2px;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease
}

.donate-default-form select {
	cursor: pointer;
	-moz-appearance: none;
	-webkit-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	background: #fff url(../images/icons/icon-select.png) right center no-repeat
}

.donate-default-form textarea {
	height: 92px;
	resize: none
}

.become-volunteer .donate-default-form textarea {
	height: 160px
}

.donate-default-form select option {
	text-indent: 15px
}

.donate-default-form button {
	padding: 9px 30px
}

.donate-default-form input:focus,
.donate-default-form select:focus,
.donate-default-form textarea:focus {
	border-color: #0b53ff
}

.donate-default-form input.error,
.donate-default-form select.error,
.donate-default-form textarea.error {
	border-color: #ff0000 !important
}

.donate-default-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0 0;
	margin: 0;
	text-transform: uppercase;
	font-size: 12px;
	color: red
}

.margin-auto {
	margin: auto
}

.btn-style-twenty-one {
	position: relative;
	display: inline-block;
	font-family: 'Poppins';
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: .07em;
	color: #FFF;
	padding: 7px 16px 7px;
	overflow: hidden;
	text-transform: uppercase;
	background: linear-gradient(90.29deg, #0B313B .25%, #18809C 99.82%);
	border-radius: 6px
}

.btn-style-twenty-one .txt {
	position: relative;
	z-index: 1
}

.btn-style-twenty-one i {
	position: relative;
	margin-left: 6px
}

.btn-style-twenty-one:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background: linear-gradient(90deg, #18809C 0%, #0B313B 100%);
	right: 0;
	margin: auto
}

.btn-style-twenty-one:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	width: 100%
}

.btn-style-twenty-one:hover {
	color: #fff;
	border-color: #222
}

.btn-style-twenty-two {
	position: relative;
	color: #fff;
	font-size: 16px;
	padding: 7px 22px 7px;
	overflow: hidden;
	border-radius: 50px;
	text-transform: capitalize;
	border: 2px solid #ffeb3b;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	text-transform: uppercase
}

.btn-style-twenty-two .txt {
	z-index: 2;
	display: block;
	position: relative;
	width: 100%;
	height: 100%
}

.btn-style-twenty-two::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: #ffeb3c;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5)
}

.btn-style-twenty-two:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-twenty-two:hover {
	color: #0f77bc
}

.btn-style-twenty-three {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 30px;
	color: #fff;
	padding: 0 10px 0;
	overflow: hidden;
	border-radius: 50px;
	text-transform: uppercase;
	border: 2px solid #ffeb3b
}

.btn-style-twenty-three .txt {
	position: relative;
	z-index: 1
}

.btn-style-twenty-three i {
	position: relative;
	margin-left: -8px;
	background: #fcee21;
	color: #0f77bc;
	padding: 1px 10px;
	right: -12px;
	font-size: 18px;
	border: 0
}

.btn-style-twenty-three:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #222
}

.btn-style-twenty-three:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-twenty-three:hover {
	color: #fff;
	border-color: #222
}

.btn-style-twenty-one-red {
	position: relative;
	display: inline-block;
	font-size: 16px;
	line-height: 25px;
	color: #fff;
	padding: 5px 22px 5px;
	overflow: hidden;
	border-radius: 50px;
	background-color: #ef0000;
	letter-spacing: 1px
}

.btn-style-twenty-one-red .txt {
	position: relative;
	z-index: 1
}

.btn-style-twenty-one-red i {
	position: relative;
	margin-left: 6px
}

.btn-style-twenty-one-red:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(1, .5);
	transform: scale(1, .5);
	background-color: #222
}

.btn-style-twenty-one-red:hover::before {
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.btn-style-twenty-one-red:hover {
	color: #fff;
	border-color: #222
}

.bg-test {
	-webkit-transform: rotate(6deg);
	-moz-transform: skewY(-6deg);
	-o-transform: skewY(-6deg);
	overflow: hidden;
	position: absolute;
	border-radius: 0 0 110px 0;
	background-image: linear-gradient(to right, #0071bb, #29c1e1);
	padding: 60px 0 110px;
	height: 100%;
	width: 109%;
	top: -20%;
	left: -9%
}

.banner-section .owl-nav {
	display: block
}

section.donation-testimonial-section.header-custom-slider {
	background-color: unset;
	padding: 0
}

.donation-testimonial-section.header-custom-slider h6 {
	text-align: center;
	font-family: 'Gilroy-Semibold';
	font-size: 16px
}

.donation-testimonial-section.header-custom-slider .owl-nav .owl-prev {
	display: none
}

.donation-testimonial-section.header-custom-slider .owl-nav .owl-next {
	left: -8%;
	background: #eee;
	border: unset;
	font-size: 41px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	top: 11px
}

.donation-testimonial-section.header-custom-slider .owl-nav .owl-prev:hover,
.donation-testimonial-section.header-custom-slider .owl-nav .owl-next:hover {
	color: #fff;
	border-color: #0f77bc;
	background-color: #0f77bc
}

.donation-testimonial-section.header-custom-slider .three-item-carousel img {
	border-radius: 10px;
	width: unset;
	margin: 0 auto;
	box-shadow: 0 0 10px #000000a1;
	cursor: pointer;
	object-position: 49% 32%;
	height: 190px;
	width: 190px
}

.donation-testimonial-section.header-custom-slider h1 {
	line-height: 1.3em;
	color: #fff;
	text-align: left;
	font-size: 53px
}

.donation-testimonial-section.header-custom-slider h2 {
	font-size: 28px;
	color: #fff;
	text-align: left;
	font-family: 'Gilroy-Regular'
}

.donation-testimonial-section.header-custom-slider h5 {
	font-family: 'Gilroy-Semibold';
	font-size: 16px;
	color: #fff
}

.panel-image-section {
	z-index: 10;
	height: 500px;
	width: 500px;
	background-size: contain;
	position: absolute
}

.banner-section .panel-image-section .inner-column {
	text-align: center;
	margin-right: 0
}

.banner-section .image-column .image {
	margin-left: 0;
	z-index: 11;
	position: absolute;
	bottom: 16%;
	left: 27%;
	right: 20%
}

.banner-section .patern-layer-ten {
	position: absolute;
	right: 11%;
	top: 52%;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	z-index: 10;
	animation-name: rotateme;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 15s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.banner-section .patern-layer-eleven {
	position: absolute;
	right: 13%;
	top: 65%;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	z-index: 10;
	animation-name: rotateme;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: antiClockwiseSpin;
	-webkit-animation-duration: 15s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

@keyframes antiClockwiseSpin {
	0% {
		transform: rotate(360deg)
	}

	100% {
		transform: rotate(0deg)
	}
}

@keyframes antiClockwiseSpin {
	0% {
		transform: rotate(360deg)
	}

	100% {
		transform: rotate(0deg)
	}
}

.banner-section .patern-layer-twelve {
	position: absolute
}

.patern-layer-twelve.d-sm-none.d-lg-block img {
	width: 560px
}

.postcode-area {
	text-align: center;
	max-width: 500px;
	padding: 0
}

input.postcode-input {
	height: 50px;
	width: 21%;
	background: #FFF;
	border-radius: 6px;
	text-align: center;
	margin: 0;
	margin-left: 0;
	-webkit-text-stroke: 0;
	font-family: 'Lexend';
	font-style: normal;
	font-weight: 400;
	font-size: 30px;
	line-height: 38px;
	color: #F58220;
	margin-left: 2%
}

.postcode-input::placeholder {
	color: #DADADA;
	font-size: 30px !important
}

::-webkit-input-placeholder {
	color: #DADADA
}

.new_bbtn {
	background: none
}

.new_bbtn span {
	text-transform: uppercase;
	color: #F58220 !important;
	line-height: 50px !important
}

.postcode-area h4 {
	color: #fcee21;
	background-image: linear-gradient(to right, #1091ca, #23b6dc);
	display: inline-block
}

.postcode-area p {
	color: #fff;
	font-size: 18px;
	margin: 0;
	background-image: linear-gradient(to right, #1090ca, #1eabd7);
	max-width: fit-content;
	margin: 0 auto;
	font-family: 'Gilroy-Medium'
}

.postcode-area-border {
	width: 500px
}

.postcode-area-border span {
	border: 1.5px solid #ffeb3b;
	height: 116px;
	width: 55%;
	border-radius: 39px;
	margin: 0 auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 14%;
	z-index: -1
}

.image.panel-image {
	width: 500px;
	text-align: center
}

.custom-container {
	padding: 0 40px
}

.pd-bottom {
	padding-bottom: 200px !important
}

.mr-right {
	margin-right: 10px
}

.mr-twenty {
	margin-right: 20px
}

.mt-six {
	margin-top: 6px
}

.mt-seven {
	margin-top: 7px
}

.mt-nine {
	margin-top: 9px
}

.mt-ten {
	margin-top: 10px
}

.mt-twelve {
	margin-top: 12px
}

.mt-fifteen {
	margin-top: 15px
}

.mt-twenty {
	margin-top: 20px
}

.mt-thirty {
	margin-top: 30px
}

.mt-fourty {
	margin-top: 40px !important
}

.mt-fifty {
	margin-top: 50px
}

.mt-sixty {
	margin-top: 60px
}

.mt-seventy {
	margin-top: 70px
}

.mb-ten {
	margin-bottom: 10px
}

.mb-thirty {
	margin-bottom: 30px
}

.mb-fourty {
	margin-bottom: 40px
}

.mb-twenty {
	margin-bottom: 20px
}

.mb-fifty {
	margin-bottom: 50px
}

.ml-mten {
	margin-left: -10px !important
}

.font-medium {
	font-family: 'Gilroy-Medium'
}

.font-bold {
	font-family: 'Gilroy-Bold'
}

.font-Light {
	font-family: 'Gilroy-Heavy'
}

.font-extrabold {
	font-family: 'Gilroy-Extrabold'
}

.header-slider .donation-testimonial-block .inner-box .upper-box .upper-inner {
	padding-left: 0
}

.header-slider .donation-testimonial-block .inner-box {
	padding: 0;
	background-color: unset;
	box-shadow: unset
}

.our-approch {
	padding: 0 0 168px;
	background-color: unset;
	overflow: hidden
}

.our-approch .donation-testimonial-block .inner-box {
	box-shadow: 0 0 10px #cccccc59;
	border-radius: 30px;
	padding: 30px 17px 40px 17px
}

.our-approch .donation-testimonial-block .inner-box .upper-content .author-image {
	position: relative;
	margin: 0 auto;
	overflow: hidden
}

.our-approch .donation-testimonial-block .inner-box .upper-content .author-image img {
	width: unset;
	margin: 0 auto
}

.our-approch .donation-testimonial-block .inner-box .lower-content h3 {
	position: relative;
	color: #0f77bc;
	margin-bottom: 15px;
	margin-top: 20px;
	text-align: center;
	line-height: 1;
	font-size: 22px;
	font-family: 'Gilroy-Bold'
}

.our-approch .text {
	line-height: 1.3em
}

.our-approch .owl-item {
	padding: 10px 10px
}

.our-approch .donation-testimonial-block .inner-box .lower-content .text {
	position: relative;
	color: #666;
	font-size: 18px;
	line-height: 1.4em;
	margin-top: 0;
	text-align: center;
	font-family: 'Gilroy-Regular'
}

.our-approch .donation-testimonial-block .inner-box .text:before {
	content: ""
}

.our-approch .donation-testimonial-block .inner-box .text:after {
	content: ""
}

.our-approch h2 {
	color: #0f77bc;
	font-size: 46px
}

.our-approch .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: block
}

.our-approch .owl-nav .owl-prev {
	background: #eee;
	border: unset;
	font-size: 45px;
	width: 50px;
	height: 50px;
	line-height: 47px
}

.our-approch .owl-nav .owl-next {
	background: #eee;
	border: unset;
	font-size: 45px;
	width: 50px;
	height: 50px;
	line-height: 47px
}

.our-approch .donation-testimonial-block .inner-box .upper-content .round-circle {
	position: absolute;
	top: 5%;
	left: -15%;
	right: 0;
	margin: auto;
	width: 50px;
	height: 50px;
	border-radius: 50px;
	background-color: #fcee21;
	animation-name: float_left_right_two_circle;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: float_left_right_two_circle;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.our-approch .our-approch-layer-two {
	position: absolute;
	left: 11%;
	top: 20%;
	width: 23%;
	opacity: .1;
	transform: rotate(23deg)
}

.our-approch .our-approch-layer-one {
	position: absolute;
	right: -4%;
	top: 28%;
	width: 11%;
	opacity: .1;
	transform: rotate(19deg)
}

.our-approch .donation-testimonial-block .inner-box {
	height: 350px
}

.our-approch span.numbers {
	position: absolute;
	color: #f7f7f7;
	font-size: 60px;
	font-family: 'Gilroy-Black';
	right: 4%
}

.dashed-line-blue {
	border-top: 2px dashed #0f77bc33;
	margin: 15px 0;
	background-image: linear-gradient(to bottom, #000 10%, #fff0 0%);
	background-position: left;
	background-size: 1px 10px;
	background-repeat: repeat-y;
	width: 95px
}

.line-blue {
	width: 95px;
	height: 2px;
	background-color: #0f77bc;
	display: inline-block
}

.line-yellow {
	width: 95px;
	height: 2px;
	background-color: #fcf039;
	display: inline-block
}

.aus-map-svg-bg {
	position: absolute
}

.aus-map-svg-bg img {
	width: 303px;
	height: 263px
}

.solar-packages {
	-webkit-transform: skewY(-3deg);
	-moz-transform: skewY(-3deg);
	-o-transform: skewY(-3deg);
	overflow: hidden;
	position: relative;
	border-radius: 35px 86px 18px 109px;
	background-image: linear-gradient(to right, #29c1e1, #0071bb);
	padding: 60px 0 70px
}

.solar-packages-contain {
	-webkit-transform: skewY(3deg);
	-moz-transform: skewY(3deg);
	-o-transform: skewY(3deg)
}

.solar-packages h2 {
	font-size: 46px
}

.solar-packages .text {
	line-height: 1.3em;
	color: #fff
}

.solar-packages .inner-box {
	position: relative;
	border-radius: 30px;
	text-align: center;
	padding: 20px 30px 20px;
	background-color: #fff0;
	box-shadow: 0 0 15px rgb(0 0 0 / .1);
	border: 3px solid #fcf039
}

.solar-packages .inner-box .tickets {
	position: relative;
	color: #fff;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 10px;
	font-family: 'Gilroy-Regular';
	text-transform: capitalize;
	line-height: 1.3em;
	letter-spacing: 1px
}

.dashed-line {
	border-top: 1px dashed #fdf14a;
	margin: 15px 0;
	background-image: linear-gradient(to bottom, #000 10%, #fff0 0%);
	background-position: left;
	background-size: 1px 10px;
	background-repeat: repeat-y
}

.solar-packages a {
	text-transform: capitalize;
	padding: 0 22px 0
}

.solar-packages .txt-right-angle {
	position: relative;
	right: 0;
	bottom: 0;
	width: 20px;
	z-index: 1;
	height: 20px;
	color: #0f77bc;
	cursor: pointer;
	line-height: 20px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	background-color: #feeb3c;
	font-size: 20px;
	letter-spacing: 0
}

.badge {
	position: absolute;
	top: -20px;
	right: -32px
}

.why-choose-section {
	padding: 50px 0 40px;
	background-color: unset;
	overflow: hidden
}

.why-choose-section h2 {
	color: #0f77bc;
	font-size: 46px
}

.why-choose-section .text {
	line-height: 1.3em
}

.why-choose-section .why-choose-section-layer-one {
	position: absolute;
	right: 2%;
	top: 3%;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	z-index: 11;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.why-choose-section-layer-one img {
	opacity: .1
}

.why-choose-section .why-choose-section-layer-two {
	position: absolute;
	left: 1%;
	bottom: 19%;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	z-index: 11;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.why-choose-section-layer-two img {
	opacity: .1
}

.why-choose-section .count {
	position: absolute;
	right: 52px;
	top: 46px;
	font-size: 12em;
	color: #ececec52;
	font-family: 'Gilroy-Heavy'
}

.why-choose-section .timeline-content .round-circle1 {
	position: absolute;
	top: 11%;
	left: 10%;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	background-color: #fcee21;
	animation-name: float_left_right_two_circle;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: float_left_right_two_circle;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.why-choose-section .timeline-content .round-circle2 {
	position: absolute;
	top: 11%;
	left: 8%;
	width: 45px;
	height: 45px;
	border-radius: 50px;
	background-color: #fcee21;
	animation-name: float_left_right_two_circle;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: float_left_right_two_circle;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

img.why-ch-acc {
	width: unset !important;
	float: right !important;
	margin-top: 10px !important
}

img.why-ch-retailer {
	width: unset !important;
	float: right !important;
	margin-top: 10px !important
}

.main-timeline {
	position: relative
}

.main-timeline:before {
	content: '';
	background-color: #fcee24;
	width: 4px;
	height: calc(110% - 70px);
	transform: translateX(-50%);
	position: absolute;
	left: 50%;
	bottom: 0
}

.main-timeline:after {
	content: '';
	display: block;
	clear: both
}

.main-timeline-progress-right {
	position: absolute;
	background-color: #0f77bc;
	top: -3%;
	width: 4px;
	right: 0;
	left: 0;
	margin: auto
}

.main-timeline .timeline {
	float: right;
	width: 49%;
	padding: 0 30px;
	margin: 0 10px 0 0;
	position: relative
}

.main-timeline .timeline:nth-child(even):before {
	content: '';
	background-color: #0f77bc;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	transform: translateY(-50%);
	position: absolute;
	top: 37%;
	left: 0
}

.main-timeline .timeline-content {
	padding: 30px 20px 30px 30px
}

.timeline-content img {
	float: left;
	margin-right: 14px;
	position: relative
}

.main-timeline .title {
	text-transform: uppercase;
	padding: 0 15px;
	margin: 0 0 10px;
	color: #0f77bc;
	font-size: 28px;
	line-height: 1;
	font-family: 'Gilroy-Bold'
}

.main-timeline .description {
	font-size: 18px;
	margin: 0;
	color: #666;
	font-family: 'Gilroy-Regular';
	line-height: 1.3
}

.main-timeline .timeline:nth-child(even) {
	float: left;
	margin: 0 0 0 10px
}

.main-timeline .timeline:nth-child(even):before {
	left: auto;
	right: -12px
}

@media screen and (max-width:767px) {
	.main-timeline:before {
		left: 15px;
		transform: translateX(0)
	}

	.main-timeline .timeline,
	.main-timeline .timeline:nth-child(even) {
		width: 100%;
		padding: 0 0 0 30px;
		margin: 65px 0 0 0
	}

	.main-timeline .timeline:before,
	.main-timeline .timeline:nth-child(even):before {
		height: 20px;
		width: 20px;
		left: 5px;
		right: auto
	}

	.main-timeline .timeline:nth-child(even) .timeline-icon,
	.main-timeline .timeline-icon {
		transform: translateX(-50%);
		left: 50%;
		top: -54px
	}

	.main-timeline .timeline-content {
		padding: 80px 20px 20px
	}

	.main-timeline-progress-right {
		display: none
	}
}

@media screen and (max-width:567px) {
	.main-timeline .title {
		font-size: 18px
	}
}

.talk-to-expert {
	background-color: #fff;
	overflow: unset
}

.talk-to-expert-bg-image {
	margin: -41px 0 0 0;
	-webkit-transform: skewY(3deg);
	-moz-transform: skewY(3deg);
	-o-transform: skewY(3deg);
	overflow: hidden;
	position: absolute;
	border-radius: 100px 20px 65px 50px;
	background-image: linear-gradient(to right, #0071bb, #29c1e1);
	width: 100%;
	height: 73%
}

.talk-to-expert h2 {
	color: #fff;
	font-size: 46px
}

.talk-to-expert .text {
	line-height: 1.3em;
	color: #fff
}

.talk-to-expert .Emergency {
	font-size: 15px;
	color: #000;
	text-transform: capitalize !important;
	font-family: 'Gilroy-Medium'
}

.talk-to-expert h3 {
	padding: 0 15px;
	margin: 0 0 10px;
	color: #0f77bc;
	font-size: 35px;
	line-height: 1
}

.talk-to-expert span.or {
	padding: 0 15px;
	margin: 0 0 10px;
	color: #33b5e9;
	font-size: 22px;
	line-height: 1;
	font-family: 'Gilroy-Bold'
}

.talk-to-expert img {
	width: 60px;
	float: left;
	margin-right: 10px
}

.talk-to-expert .car-services-block .inner-box .content {
	position: relative;
	padding-left: 64px;
	display: flex;
	align-items: center
}

.talk-to-expert .car-services-block .inner-box {
	border-radius: 30px
}

.our-review-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0 40px;
	background-color: unset
}

.our-review-section h2 {
	color: #0f77bc;
	font-size: 46px
}

.our-review-section .text {
	line-height: 1.3em
}

.our-review-block .inner-box {
	position: relative;
	padding: 10px 30px 30px;
	background-color: #fff;
	border: 1px solid #eee
}

.our-review-block .inner-box .lower-box {
	border-top: unset
}

.our-review-block .inner-box .author-image {
	width: 75px;
	height: 75px;
	background: #455b66
}

.our-review-block .inner-box .quote-icon {
	position: relative;
	color: #d5f0fa;
	font-size: 35px;
	text-align: right
}

.our-review-block .inner-box:before {
	position: unset
}

.our-review-section .owl-theme .movers-testimonial-block {
	padding: 25px 15px
}

.our-review-block .inner-box .lower-box .author-name {
	color: #000;
	font-size: 18px;
	font-family: 'Gilroy-Bold'
}

.our-review-block .inner-box .lower-box .designation {
	color: #000;
	font-size: 15px;
	margin-top: 4px;
	font-family: 'Gilroy-Medium'
}

.our-review-block .inner-box .lower-box .rating .fa {
	color: #feae1c;
	font-size: 18px;
	margin-left: 0
}

.our-review-block .inner-box .lower-box .rating {
	margin-top: 0
}

.our-review-block .inner-box .lower-box span.review-date {
	float: right
}

.our-review-block .inner-box .text {
	font-size: 15px;
	line-height: 1.7em;
	margin-top: 15px;
	font-family: 'Gilroy-Medium';
	color: #3a3737
}

.our-review-section .our-review-section-layer-one {
	position: absolute;
	right: -7%;
	top: 7%;
	width: 450px;
	height: 450px;
	background-repeat: no-repeat;
	transform: rotate(25deg)
}

.our-review-section-layer-one img {
	opacity: .1
}

.our-review-section .our-review-section-layer-two {
	position: absolute;
	left: -15%;
	top: 9%;
	width: 450px;
	height: 450px;
	background-repeat: no-repeat;
	transform: rotate(-11deg)
}

.our-review-section-layer-two img {
	opacity: .1
}

.our-review-section .owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: block
}

.our-review-section .owl-nav .owl-prev {
	background: #eee;
	border: unset;
	font-size: 26px;
	width: 50px;
	height: 50px;
	color: #0f77bc
}

.our-review-section .owl-nav .owl-next {
	background: #eee;
	border: unset;
	font-size: 26px;
	width: 50px;
	height: 50px;
	color: #0f77bc
}

.our-review-section .owl-nav .owl-prev:hover,
.our-review-section .owl-nav .owl-next:hover {
	color: #fff;
	border-color: #0f77bc;
	background-color: #0f77bc
}

.our-review-section .owl-nav {
	margin-top: 0
}

.where-to-buy .inner-container {
	background-image: linear-gradient(to right, #0071bb, #29c1e1);
	border-radius: 30px;
	padding: 30px 60px 30px;
	box-shadow: 5px 5px 10px #00000026
}

.where-to-buy .inner-column h4 {
	color: #fff;
	font-size: 46px;
	text-align: center;
	line-height: 1.1
}

.where-to-buy .inner-column a {
	font-size: 18px;
	font-family: 'Gilroy-Bold'
}

.where-to-buy .form-column {
	display: flex;
	align-items: center
}

.where-to-buy .inner-column {
	margin: 0 auto
}

.custom-footer {
	background-color: #e9f8fb
}

.custom-footer .social-box a {
	position: relative;
	font-size: 16px;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	background-color: #0f77bc;
	width: 30px;
	height: 30px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	color: rgb(255 255 255 / .9)
}

.custom-footer .social-box a:hover {
	background-color: #fff;
	border-color: #fff;
	color: #fff;
	-webkit-box-shadow: 0 20px 30px rgb(184 23 04 / .30);
	-ms-box-shadow: 0 20px 30px rgb(184 23 04 / .30);
	box-shadow: 5px 5px 10px rgb(15 119 188 / 36%);
	color: #0f77bc
}

.custom-footer .social-box span {
	position: relative;
	font-size: 15px;
	margin-right: 10px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	color: #525252;
	font-family: 'Gilroy-Bold';
	display: block
}

.custom-footer .contact-list {
	line-height: 1.6
}

.custom-footer .contact-list a {
	color: #0f77bc;
	font-size: 20px;
	font-family: 'Gilroy-Bold'
}

.custom-footer .contact-list span {
	font-weight: 700;
	color: #0f77bc;
	font-size: 17px;
	margin-right: 10px
}

.custom-footer .footer-widget h5 {
	text-transform: capitalize;
	color: #0f77bc;
	font-family: 'Gilroy-Bold';
	font-size: 20px;
	margin-bottom: 11px
}

.custom-footer .list-link li {
	margin-bottom: 3px;
	color: #666;
	font-family: 'Gilroy-Medium'
}

.custom-footer .list-link li a {
	color: #666;
	font-size: 15px;
	font-family: 'Gilroy-Medium'
}

.custom-footer .logo-widget .text {
	color: #2d2d2d;
	font-size: 15px;
	font-family: 'Gilroy-Regular';
	margin-bottom: 10px;
	line-height: 1.3
}

.custom-footer .footer-bottom .copyright {
	color: #666;
	font-size: 15px;
	font-family: 'Gilroy-Medium'
}

.custom-footer .footer-bottom .page-nav li a {
	color: #666;
	font-size: 15px;
	font-family: 'Gilroy-Medium'
}

.custom-footer .footer-bottom .page-nav li {
	position: relative;
	margin-left: 20px;
	display: inline-block
}

.custom-footer .footer-bottom {
	position: relative;
	padding: 26px 0;
	text-align: center;
	border-top: 2px solid #9fd3df;
	background-color: #d6f5fb
}

.custom-footer .list-link li a:hover {
	color: #0f77bc
}

span.vertical-line {
	background-color: #9E9E9E;
	height: 57px;
	width: 2px;
	position: absolute;
	top: 1px
}

span.vertical-line-header {
	background-color: #fff;
	position: absolute;
	content: '';
	top: 57%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 80%;
	width: 1px
}

img.footer-call-us {
	position: absolute;
	bottom: -15px;
	right: -60px
}

.footer-widget b {
	color: #0f77bc
}

.no-pad {
	padding: 0
}

.footer-horizontel-border {
	border-bottom: 1px solid #26bcdf
}

.pricing-tabs .tab-btns {
	position: relative;
	display: inline-block
}

.pricing-tabs .tab-btns .tab-btn {
	position: relative;
	float: left;
	color: #feeb3c;
	line-height: 30px;
	padding: 4px 16px 4px;
	border: 2px solid #feeb3c;
	cursor: pointer;
	margin: 0 10px;
	border-radius: 20px;
	font-family: 'Gilroy-Bold';
	font-size: 23px
}

.pricing-tabs .tab-btns .active-btn {
	background: #fff;
	color: #0f77bc;
	border: 2px solid #fff
}

.pricing-section .pr-content .pr-tab {
	transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transform: scale(1)
}

.pricing-section .pr-content .pr-tab.active-tab {
	transform: scale(1.06)
}

.color-white {
	color: #fff
}

.solar-packages .pr-tab .inner-box .kw-detail span {
	color: #fff;
	font-family: 'Gilroy-Semibold'
}

.solar-packages .pr-tab.active-tab .inner-box .kw-detail span {
	color: #000
}

.new-bill-amt {
	color: #ffeb3b
}

.old-bill-amt {
	color: #fff
}

.solar-packages .pr-tab.active-tab .inner-box .kw-detail h3.new-bill-amt {
	color: #0f77bc
}

.solar-packages .pr-tab.active-tab .inner-box .kw-detail h3.old-bill-amt {
	color: #20313a
}

.solar-packages .pr-tab.active-tab .inner-box .kw-detail span.new-bill {
	color: #0f77bc
}

.solar-packages .pr-tab.active-tab .inner-box {
	background: #fff;
	border: 3px solid #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.solar-packages .pr-tab .inner-box .title h2 {
	color: #fff
}

.solar-packages .pr-tab.active-tab .inner-box h2 {
	color: #0f77bc
}

.solar-packages .pr-tab.active-tab .inner-box .tickets {
	color: #0f77bc
}

.solar-packages .pr-tab.active-tab .inner-box ul li {
	color: #000
}

.solar-packages .pr-tab.active-tab .inner-box .btn-style-twenty-one {
	background: #0f77bc;
	color: #fff
}

.solar-packages .pr-tab.active-tab .inner-box .dashed-line {
	border-top: 1px dashed #0f77bc
}

.solar-packages .pr-tab .inner-box h2.Yearly-bill-amt {
	color: #ffeb3b
}

.solar-packages .pr-tab.active-tab .inner-box h2.Yearly-bill-amt {
	color: #03A9F4
}

.solar-packages .pr-tab .inner-box .Yearly-Savings {
	font-size: 18px
}

.solar-packages .pr-tab.active-tab .inner-box .Yearly-Savings {
	color: #20313a;
	font-size: 18px
}

.solar-packages .pr-tab.active-tab .inner-box .kw-detail .border-right {
	border-right: 1px solid #1eabd7 !important
}

.solar-packages .pr-tab .inner-box .kw-detail small {
	position: absolute;
	right: 22%;
	bottom: -10%;
	font-family: 'Gilroy-Bold';
	color: #fff
}

.solar-packages .pr-tab.active-tab .inner-box .kw-detail small {
	position: absolute;
	right: 22%;
	bottom: -10%;
	font-family: 'Gilroy-Bold';
	color: #0f77bc
}

.solar-packages .Estimated-text {
	color: #fff
}

.energy-bill-section {
	position: relative;
	padding: 120px 0 90px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(180deg, #e9f8fb, #fff);
	overflow: hidden
}

.energy-bill-section .image-column {
	position: relative
}

.energy-bill-section .image-column .inner-column {
	position: relative;
	text-align: center
}

.energy-bill-section .image-column .layer-two img {
	position: absolute;
	right: -19%;
	top: 4%;
	width: 78%;
	transform: rotate(-8deg);
	-webkit-animation-name: float_left_right_two;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.energy-bill-section .image-column .image {
	position: relative;
	z-index: 2
}

.energy-bill-section .content-column {
	position: relative
}

.energy-bill-section .content-column .inner-column {
	position: relative
}

.energy-bill-section .content-column h6 {
	font-family: 'Gilroy-Medium'
}

.energy-bill-section .content-column h2 {
	position: relative;
	color: #0f77bc;
	font-size: 46px;
	line-height: 1;
	margin-bottom: 15px;
	text-transform: uppercase
}

.energy-bill-section .content-column .text {
	position: relative;
	font-size: 26px;
	margin: 0;
	color: #666;
	font-family: 'Gilroy-Semibold';
	line-height: 1.2
}

.energy-bill-section .content-column .app-buttons {
	position: relative;
	margin-top: 40px
}

.energy-bill-section .content-column .app-buttons a {
	position: relative;
	margin-right: 12px
}

.energy-bill-card {
	font-size: .95rem;
	height: 100%
}

.energy-bill-card .card {
	border-radius: 2rem
}

.energy-bill-card .card-body {
	padding: 30px
}

.energy-bill-card .text-small {
	font-size: .65rem;
	letter-spacing: .05rem
}

.energy-bill-card .energy-bill-bar {
	height: 13px;
	display: block;
	border-radius: 4px
}

.mb-1,
.my-1 {
	margin-bottom: .5rem !important
}

.bg-light {
	background-color: rgb(54 55 60 / .1) !important
}

.p-2 {
	padding: 1rem !important
}

.float-right {
	float: right !important
}

.energy-bill-card .small-card .energy-small-bars {
	height: 7px;
	display: block;
	border-radius: 3px
}

.energy-bill-card h4 {
	font-size: 1.18rem;
	font-family: 'Gilroy-Bold'
}

.text-blue {
	color: #0f77bc !important
}

.text-green {
	color: #88C23F !important
}

.text-orange {
	color: #ff8700 !important
}

.energy-bill-card .energy-graph {
	display: inline-block;
	border-radius: 4px;
	margin-right: -1px;
	margin-top: -4px;
	background-color: #fff0
}

.ml-1,
.mx-1 {
	margin-left: .5rem !important
}

.border-blue {
	border-color: #157ec3
}

.border-yellow {
	border-color: #ffeb3b
}

.border-green {
	border-color: #88C23F
}

.border-orange {
	border-color: #f38f1e
}

.text-yellow {
	color: #ffbd00
}

.bg-gradient-orange1 {
	background-image: linear-gradient(360deg, #FF5722, #FF5722)
}

.bg-gradient-orange2 {
	background-image: linear-gradient(360deg, #ff5722ed, #ff5722ba)
}

.bg-gradient-orange3 {
	background-image: linear-gradient(360deg, #ff5722d4, #ff5722a6)
}

.bg-gradient-orange4 {
	background-image: linear-gradient(360deg, #ff57227d, #ff5722b0)
}

.bg-gradient-blue1 {
	background-image: linear-gradient(360deg, #88c23f, #88c23f)
}

.bg-gradient-blue2 {
	background-image: linear-gradient(360deg, #88c23f, #88c23fba)
}

.card.border-blue {
	height: 100%
}

p.font-weight-bold.text-center {
	margin-bottom: 0
}

.card.border-green h3 {
	border: 1px solid #ccc;
	border-radius: 15px;
	font-size: 45px
}

.card.border-orange h3 {
	border: 1px solid #ccc;
	border-radius: 15px;
	font-size: 45px
}

.energy-bill-card h3 small {
	position: absolute;
	right: 8%;
	bottom: -39%;
	font-family: 'Gilroy-Bold';
	color: #666;
	font-size: 12px
}

.mobile-energy-bill-card h3 small {
	position: absolute;
	right: 8%;
	bottom: -39%;
	font-family: 'Gilroy-Bold';
	color: #666;
	font-size: 10px
}

.custom-contact-page-section {
	padding: 150px 0 35px;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(180deg, #e9f8fb, #fff)
}

.custom-contact-page-section-back-layer {
	height: 300px;
	position: absolute;
	width: 100%;
	bottom: 0;
	background-image: linear-gradient(360deg, #e9f8fb, #fff)
}

.custom-contact-page-section h2 {
	color: #0f77bc
}

.custom-contact-page-section .list-style-four a {
	color: #0f77bc;
	font-size: 23px;
	font-family: 'Gilroy-Bold'
}

.custom-contact-page-section .list-style-four strong {
	font-size: 17px;
	font-family: 'Gilroy-Medium'
}

.custom-contact-page-section .text {
	color: #666;
	line-height: 1.3em;
	margin-top: 14px;
	font-size: 18px
}

.contact-form-background {
	position: relative;
	padding: 35px 50px;
	border-radius: 30px;
	background-color: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / .08)
}

.red-star {
	color: red
}

.custom-contact-page-section .btn-style-twenty-one {
	background-color: #ffeb3b !important;
	font-size: 14px;
	padding: 5px 30px;
	-webkit-animation: glowing 1500ms infinite;
	-moz-animation: glowing 1500ms infinite;
	-o-animation: glowing 1500ms infinite;
	animation: glowing 1500ms infinite
}

.custom-contact-page-section input[type="text"] {
	border-radius: 50px !important;
	padding: 9px 30px !important;
	height: auto !important;
	border: 1px solid #f1f1f1;
	box-shadow: unset !important
}

.custom-contact-page-section label {
	margin-left: 20px;
	font-family: 'Gilroy-Medium'
}

.custom-contact-page-section ul li .icon {
	background-color: #0f77bc !important
}

.custom-contact-page-section-layer-one {
	position: absolute;
	right: 8%;
	top: 15%;
	width: 400px;
	height: 400px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.custom-contact-page-section-layer-one img {
	opacity: .1
}

.custom-contact-page-section-layer-two {
	position: absolute;
	left: 0%;
	top: 50%;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.custom-contact-page-section-layer-two img {
	opacity: .1
}

@-webkit-keyframes glowing {
	0% {
		background-color: #0f77bc;
		-webkit-box-shadow: 0 0 3px #0f77bc
	}

	50% {
		background-color: #0f77bc;
		-webkit-box-shadow: 0 0 10px #0f77bc
	}

	100% {
		background-color: #0f77bc;
		-webkit-box-shadow: 0 0 3px #0f77bc
	}
}

@-moz-keyframes glowing {
	0% {
		background-color: #0f77bc;
		-moz-box-shadow: 0 0 3px #0f77bc
	}

	50% {
		background-color: #0f77bc;
		-moz-box-shadow: 0 0 10px #0f77bc
	}

	100% {
		background-color: #0f77bc;
		-moz-box-shadow: 0 0 3px #0f77bc
	}
}

@-o-keyframes glowing {
	0% {
		background-color: #0f77bc;
		box-shadow: 0 0 3px #0f77bc
	}

	50% {
		background-color: #0f77bc;
		box-shadow: 0 0 10px #0f77bc
	}

	100% {
		background-color: #0f77bc;
		box-shadow: 0 0 3px #0f77bc
	}
}

@keyframes glowing {
	0% {
		background-color: #0f77bc;
		box-shadow: 0 0 3px #0f77bc
	}

	50% {
		background-color: #0f77bc;
		box-shadow: 0 0 10px #0f77bc
	}

	100% {
		background-color: #0f77bc;
		box-shadow: 0 0 3px #0f77bc
	}
}

.cec-section {
	padding: 50px 0 40px;
}

.cec-section h2 {
	color: #0f77bc;
	font-size: 40px
}

.p-text {
	position: relative;
	font-size: 18px;
	margin: 0;
	color: #666;
	font-family: 'Gilroy-Regular';
	line-height: 1.3
}

.buyer-guide-section {
	position: relative;
	padding: 50px 0 90px;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(360deg, #e9f8fb, #fff)
}

.state-header-bg-test {
	-webkit-transform: rotate(0deg);
	-moz-transform: skewY(-6deg);
	-o-transform: skewY(-6deg);
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 109%;
	top: -21%;
	left: -8%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom
}

.state-header-custom-slider .btn-style-twenty-one {
	text-transform: capitalize;
	line-height: unset
}

.state-header-custom-slider .gov-rebate-text {
	display: inline-block;
	font-family: 'Gilroy-Bold';
	font-size: 18px;
	color: #fff;
	padding: 7px 15px;
	border-radius: 30px;
	background-color: #ef4136
}

.state-page-offer {
	z-index: 10;
	height: 490px;
	width: 470px;
	background-size: contain;
	position: absolute;
	bottom: 12%;
	background-repeat: no-repeat;
	left: 0;
	right: 0;
	margin: 0 auto
}

.state-offer-slider-section {
	position: relative;
	padding: 0 0 30px;
	overflow: hidden
}

.state-offer-slider img {
	width: unset !important;
	margin: 0 auto
}

.state-offer-slider .owl-nav {
	position: relative;
	text-align: center;
	margin-top: 15px
}

.state-offer-slider .owl-nav .owl-next {
	position: absolute;
	width: 50px;
	height: 50px;
	color: #0f77bc;
	margin: 0 8px;
	line-height: 48px;
	border-radius: 50px;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background: #eee;
	border: unset;
	font-size: 41px;
	bottom: 110px;
	right: -15px
}

.state-offer-slider .owl-nav .owl-prev {
	position: absolute;
	width: 50px;
	height: 50px;
	color: #0f77bc;
	margin: 0 8px;
	line-height: 48px;
	border-radius: 50px;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background: #eee;
	border: unset;
	font-size: 41px;
	bottom: 110px;
	left: -20px
}

section.donation-testimonial-section.header-custom-slider.state-header-custom-slider {
	background-color: unset;
	padding: 40px 0 90px
}

.state-offer-slider-section-layer-one {
	position: absolute;
	right: -7%;
	top: 7%;
	width: 450px;
	height: 450px;
	background-repeat: no-repeat;
	transform: rotate(25deg)
}

.state-offer-slider-panel-image {
	background-image: url(../images/background/vectorpaint.svg);
	height: 400px;
	width: 400px;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	transform: rotate(-15deg);
	bottom: -22px;
	left: 0;
	right: 0;
	margin: 0 auto
}

.state-offer-slider-inv-image {
	background-image: url(../images/background/vectorpaint.svg);
	height: 350px;
	width: 350px;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	transform: rotate(-15deg);
	left: 0;
	right: 0;
	margin: 0 auto
}

.state-offer-slider-installer-image {
	background-image: url(../images/background/vectorpaint.svg);
	height: 320px;
	width: 320px;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	transform: rotate(-51deg);
	bottom: 4%;
	right: 0;
	margin: 0 auto
}

.state-offer-page-section-back-layer {
	position: absolute;
	width: 100%;
	bottom: 0;
	background-image: linear-gradient(360deg, #e9f8fb, #fff);
	background-repeat: no-repeat
}

.state-offer-slider-section .btn-style-twenty-one {
	text-transform: capitalize;
	line-height: unset
}

.state-offer-slider-section-layer-two {
	position: absolute;
	left: -3%;
	bottom: 32%;
	width: 150px;
	height: 150px;
	background-repeat: no-repeat;
	z-index: 11;
	transform: rotate(25deg)
}

.state-offer-slider-section-layer-two img {
	opacity: .1
}

.donation-testimonial-section.header-custom-slider.state-header-custom-slider h1 {
	font-size: 40px;
	text-shadow: 1px 2px 2px #0000005c;
	line-height: 1.1em
}

.donation-testimonial-section.header-custom-slider.state-header-custom-slider h2 {
	font-size: 45px;
	text-shadow: 1px 2px 2px #0000005c;
	font-family: 'Gilroy-Extrabold'
}

.state-offer-slider-section .header-slider .donation-testimonial-block .inner-box {
	box-shadow: unset !important
}

.state-our-approch-section {
	padding: 50px 0 50px
}

.state-our-approch-section .our-approch-layer-two {
	left: 14%;
	top: 66%;
	width: 10%
}

.state-header-custom-slider .inner-column.text-left {
	width: 453px;
	display: inline-block
}

img.banner-icon {
	padding: 10px 15px 7px 20px;
	background: #ecd612
}

.bg-yellow {
	clip-path: polygon(2% 0, 100% 0, 98% 100%, 0% 100%);
	background-color: #fcee21;
	color: #0071bc;
	display: inline-block;
	font-family: 'Gilroy-Bold';
	font-style: italic;
	padding: 0 30px 0 0
}

.bg-yellow span:nth-child(2) {
	font-family: 'Gilroy-Regular';
	font-style: italic;
	display: inline-block;
	vertical-align: middle;
	font-size: 42px
}

.bg-yellow span {
	font-style: italic;
	display: inline-block;
	vertical-align: middle;
	font-size: 42px
}

.kw-page-product-section {
	position: relative;
	overflow: hidden
}

.kw-page-product-section .content-column h2 {
	position: relative;
	color: #0f77bc;
	font-size: 40px;
	line-height: 1;
	margin-bottom: 15px;
	text-transform: uppercase
}

.kw-page-product-section .content-column .text {
	position: relative;
	font-size: 28px;
	margin: 0;
	color: #666;
	font-family: 'Gilroy-Semibold';
	line-height: 1.3
}

.bg-layer-180 {
	background-image: linear-gradient(180deg, #e9f8fb, #fff)
}

.bg-layer-360 {
	background-image: linear-gradient(360deg, #e9f8fb, #fff)
}

.kw-header-bg-test {
	-webkit-transform: rotate(0deg);
	-moz-transform: skewY(-6deg);
	-o-transform: skewY(-6deg);
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 109%;
	top: -9%;
	left: -8%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom
}

.kw-page-banner-form h4 {
	color: #0273bb;
	text-align: center
}

.kw-page-banner-form h4 img {
	position: relative;
	top: -2px
}

.kw-page-banner-form textarea {
	height: unset !important;
	border-radius: 12px !important;
	border: 1px solid #f1f1f1;
	box-shadow: unset !important
}

.kw-page-banner-form label {
	margin-bottom: 0;
	margin-left: 20px;
	font-family: 'Gilroy-Medium'
}

.kw-product-section {
	padding: 100px 0
}

.kw-button-font-size {
	font-size: 18px;
	text-transform: capitalize
}

.kw-product-section-layer-two {
	position: absolute;
	right: -2%;
	bottom: 32%;
	width: 300px;
	height: 300px;
	background-repeat: no-repeat;
	z-index: 11;
	transform: rotate(17deg)
}

.kw-product-section-layer-two img {
	opacity: .1
}

.kw-product-section-layer-three {
	position: absolute;
	left: -3%;
	bottom: 27%;
	width: 250px;
	height: 250px;
	background-repeat: no-repeat;
	z-index: 11;
	transform: rotate(30deg)
}

.kw-product-section-layer-three img {
	opacity: .1
}

.kw-product-section-layer-four {
	position: absolute;
	right: 0%;
	bottom: 32%;
	width: 250px;
	height: 250px;
	background-repeat: no-repeat;
	z-index: 11;
	transform: rotate(-33deg)
}

.kw-product-section-layer-four img {
	opacity: .1
}

.kw-product-section-layer-five {
	position: absolute;
	left: -3%;
	bottom: 32%;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	z-index: 11;
	transform: rotate(-33deg)
}

.kw-product-section-layer-five img {
	opacity: .1
}

.kw-generation-bg1 {
	background-image: url(../images/background/vectorpaint.svg);
	height: 250px;
	width: 250px;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	transform: rotate(180deg);
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: .1;
	top: 11%
}

.kw-generation-bg2 {
	background-image: url(../images/background/vectorpaint.svg);
	height: 250px;
	width: 250px;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	transform: rotate(360deg);
	left: 0;
	right: 0;
	margin: 0 auto;
	opacity: .1;
	top: 17%
}

.solar-generation h2 {
	color: #0f77bc;
	font-size: 76px;
	line-height: 1
}

.solar-generation h3 {
	color: #0f77bc;
	font-size: 40px;
	line-height: 1
}

.solar-generation h4 {
	line-height: 1.1;
	font-family: 'Gilroy-Medium';
	margin-top: 10px
}

.solar-saving h2 {
	color: #0f77bc;
	font-size: 76px
}

.solar-saving h3 {
	color: #0f77bc;
	font-size: 40px;
	line-height: 1.1
}

.solar-saving h4 {
	line-height: 1.1;
	font-family: 'Gilroy-Medium'
}

.solar-generation {
	padding: 70px 0
}

.solar-saving {
	padding: 70px 0
}

.freeAsset1 {
	margin-bottom: 30px
}

.page-header-banner {
	position: relative;
	padding: 132px 0 0
}

.product-slider-section {
	position: relative;
	padding: 50px 0 40px;
	overflow: hidden
}

.product-slider-section h2 {
	color: #0f77bc;
	font-size: 46px
}

.product-slider-section .text {
	line-height: 1.3em
}

.product-slider-section .inner-box img {
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.product-slider-section .carousel-indicators {
	position: relative;
	padding-top: 80px
}

.product-slider-section .active .inner-box {
	box-shadow: 10px 10px 10px #000;
	position: relative;
	border-radius: 30px;
	background-color: #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / 28%)
}

.product-slider-section .carousel-indicators .inner-box {
	text-align: center;
	position: relative;
	height: 150px
}

.product-slider-section .carousel-indicators .active {
	background-color: unset
}

.product-slider-section .carousel-control-prev,
.product-slider-section .carousel-control-next {
	color: #000
}

.product-slider-section .carousel-control-prev-icon,
.product-slider-section .carousel-control-next-icon {
	background-image: none
}

.kw-product-slider-panel-image {
	background-image: url(../images/background/vectorpaint.svg);
	height: 400px;
	width: 400px;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	transform: rotate(-15deg);
	top: 7%;
	left: 3%;
	right: 0;
	margin: 0 auto
}

.product-slider-section .carousel-control-prev {
	position: absolute !important;
	width: 50px;
	height: 50px;
	color: #0f77bc;
	margin: 0 8px;
	line-height: 48px;
	border-radius: 50px;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background: #eee;
	border: unset;
	font-size: 41px;
	top: 68%;
	left: 2%;
	opacity: 1
}

.product-slider-section .carousel-control-next {
	position: absolute !important;
	width: 50px;
	height: 50px;
	color: #0f77bc;
	margin: 0 8px;
	line-height: 48px;
	border-radius: 50px;
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background: #eee;
	border: unset;
	font-size: 41px;
	top: 68%;
	right: 2%;
	opacity: 1
}

.state-page-callme-form h2 {
	color: #fff
}

.state-page-callme-form .text {
	color: #fff;
	line-height: 1.3em;
	margin-top: 14px
}

.state-page-callme-form .list-style-four li strong {
	position: relative;
	color: #fff;
	font-size: 20px;
	display: block;
	margin-bottom: 7px
}

.state-page-callme-form .list-style-four a {
	color: #ffeb3b;
	font-size: 23px
}

.state-page-callme-form ul li .icon {
	background-color: transparent !important;
	font-size: 30px
}

.state-page-callme-form .list-style-four li .icon {
	color: #ffeb3b
}

.state-page-callme-form .list-style-four li {
	line-height: 1.3;
	padding-left: 60px
}

.state-page-callme-form-bg-image {
	margin: -41px 0 0 0;
	-webkit-transform: skewY(-3deg);
	-moz-transform: skewY(-3deg);
	-o-transform: skewY(-3deg);
	overflow: hidden;
	position: absolute;
	border-radius: 100px 100px 100px 100px;
	background-image: linear-gradient(to right, #0071bb, #29c1e1);
	width: 100%;
	height: 73%
}

.state-page-callme-form-bg-layer {
	background-image: url(../images/background/expert-bg.png);
	height: 100%;
	background-position: center;
	opacity: .1
}

.Review-section {
	position: relative;
	padding: 80px 0 0
}

.Review-section h2 {
	color: #8bc34a;
	font-size: 78px
}

.Review-section h4 {
	line-height: 1.3;
	font-family: 'Gilroy-Semibold'
}

.Review-section .column.counter-column {
	margin: auto
}

.badgeAbout-section {
	position: relative;
	padding: 70px 0 0 0
}

.privacy-policy-section {
	position: relative;
	padding: 50px 0 110px
}

.privacy-policy-section .sec-title-six h2 {
	position: relative;
	color: #0f77bc;
	line-height: 1.2em
}

.privacy-policy-section ul li {
	position: relative;
	color: #666;
	font-size: 20px;
	padding-left: 45px;
	line-height: 1.3em;
	margin-bottom: 10px
}

.privacy-policy-section-background-overlay {
	position: fixed;
	top: 55%;
	left: 0%;
	right: 0%;
	text-align: center
}

.privacy-policy-section-background-overlay img {
	opacity: .1
}

.form-modal-left-block {
	position: relative;
	margin-bottom: 10px
}

.form-modal-left-block .inner-box {
	position: relative;
	padding: 25px 25px;
	border-radius: 10px;
	box-shadow: 0 10px 15px 15px rgb(0 0 0 / .08);
	background-color: #0f77bc;
	color: #fff;
	height: 445px;
	border: 2px solid #00BCD4
}

.form-modal-left-block .inner-box h6 {
	line-height: 1em;
	font-family: 'Gilroy-Semibold';
	margin-top: 5px
}

.form-modal-right-block {
	position: relative;
	margin-bottom: 10px
}

.form-modal-right-block .inner-box {
	position: relative;
	padding: 25px 25px;
	border-radius: 10px;
	box-shadow: 0 10px 15px 15px rgb(0 0 0 / .08);
	background-color: #fff
}

.form-modal-right-block h3 {
	color: #333;
	font-size: 26px;
	line-height: 1.2;
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-weight: 700;
	padding-bottom: 20px;
	border-bottom: 1px solid #ebebeb
}

.form-modal-bottom-block {
	position: relative;
	margin-bottom: 20px
}

.form-modal-bottom-block .inner-box {
	position: relative;
	padding: 15px 15px;
	border-radius: 10px;
	box-shadow: 0 10px 15px 15px rgb(0 0 0 / .08);
	background-color: #ffeb3b;
	color: #0f77bc;
	font-size: 15px;
	font-family: 'Gilroy-Bold'
}

.form-modal-bottom-block .inner-box a {
	color: #0f77bc
}

.form-modal-bottom-block .border-right {
	border-right: 1px solid #0f77bc !important
}

#quoteModal .modal-content,
#EnquiryProducts .modal-content,
#BuyerGuide .modal-content,
#kwquoteModal .modal-content {
	background-color: unset;
	border: 0
}

#quoteModal .modal-content button.close,
#EnquiryProducts .modal-content button.close,
#BuyerGuide .modal-content button.close,
#kwquoteModal .modal-content button.close {
	position: absolute;
	right: -6px;
	border-radius: 50px;
	z-index: 11;
	opacity: 1;
	top: -6px;
	line-height: 8px
}

.why-you-need-solar {
	position: relative;
	padding: 100px 0 90px;
	overflow: hidden
}

.why-you-need-solar h2 {
	color: #0f77bc
}

.why-you-need-solar h4 {
	color: #0f77bc;
	margin-bottom: 20px
}

.why-you-need-solar-block .inner-box {
	box-shadow: 0 0 10px #cccccc59;
	border-radius: 30px;
	padding: 30px 17px 20px 17px
}

.why-you-need-solar-block h4 {
	line-height: 1;
	margin-bottom: 0;
	font-size: 20px
}

.why-you-need-solar-block .inner-box .upper-content .round-circle {
	position: absolute;
	top: 13%;
	left: 35%;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background-color: #fcee21;
	animation-name: float_left_right_two_circle;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: float_left_right_two_circle;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	z-index: -1
}

.aussi-everywhere-section {
	position: relative;
	padding: 100px 0;
	overflow: hidden
}

.aussi-everywhere-section .content-column h2 {
	position: relative;
	color: #0f77bc;
	font-size: 46px;
	line-height: 1;
	margin-bottom: 15px;
	text-transform: uppercase
}

.aussi-everywhere-section .text-title {
	font-family: "Gilroy-Bold";
	font-size: 16px
}

.Aussi-everywhere-bg-layer {
	background-image: url(../images/background/vectorpaint.svg);
	height: 300px;
	width: 300px;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	bottom: -25%;
	left: 10%;
	right: 0;
	z-index: 11
}

.Aussi-everywhere-bg-layer p {
	color: #fff;
	padding: 40px 45px 0 45px;
	text-align: center;
	line-height: 1.3;
	font-size: 15px
}

.Aussi-everywhere-bg-layer .btn-box .play-box {
	position: absolute;
	text-align: center;
	color: #0b53ff;
	float: left;
	font-size: 18px;
	line-height: 45px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	margin: 0 auto;
	left: 0;
	right: 0
}

.Aussi-everywhere-bg-layer .btn-box .play-box span {
	position: relative;
	width: 38px;
	height: 38px;
	z-index: 10;
	color: #0f77bc;
	font-size: 12px;
	text-align: center;
	border-radius: 50%;
	padding-left: 2px;
	display: inline-block;
	line-height: 34px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	border: 2px solid #fcee21;
	background-color: #fcee21
}

.Aussi-everywhere-bg-layer .btn-box .ripple,
.Aussi-everywhere-bg-layer .btn-box .ripple:before,
.Aussi-everywhere-bg-layer .btn-box .ripple:after {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 38px;
	height: 38px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgba(4 121 191);
	-moz-box-shadow: 0 0 0 0 rgba(4 121 191);
	-ms-box-shadow: 0 0 0 0 rgba(4 121 191);
	-o-box-shadow: 0 0 0 0 rgba(4 121 191);
	box-shadow: 0 0 0 0 rgba(4 121 191);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite
}

.Aussi-everywhere-bg-layer .btn-box .ripple:before {
	-webkit-animation-delay: .9s;
	-moz-animation-delay: .9s;
	-ms-animation-delay: .9s;
	-o-animation-delay: .9s;
	animation-delay: .9s;
	content: "";
	position: absolute
}

.Aussi-everywhere-bg-layer .btn-box .ripple:after {
	-webkit-animation-delay: .6s;
	-moz-animation-delay: .6s;
	-ms-animation-delay: .6s;
	-o-animation-delay: .6s;
	animation-delay: .6s;
	content: "";
	position: absolute
}

.contactus-page-form .form-group {
	position: relative;
	margin-bottom: 30px
}

.contactus-page-form .form-group:last-child {
	margin-bottom: 0
}

.contactus-page-form .form-group input[type="text"],
.contactus-page-form .form-group input[type="email"],
.contactus-page-form.form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 9px 30px;
	color: #000;
	height: 60px;
	font-size: 14px;
	background: none;
	border-radius: 30px;
	box-shadow: 0 0 15px rgb(0 0 0 / .1);
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.contactus-page-form .form-group input::-webkit-input-placeholder,
.contactus-page-form .form-group textarea::-webkit-input-placeholder {
	color: #777
}

.contactus-page-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 15px 25px;
	color: #000;
	height: 180px;
	box-shadow: 0 0 15px rgb(0 0 0 / .1);
	resize: none;
	font-size: 14px;
	border-radius: 25px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease
}

.contactus-page-form.contact-form .form-group {
	margin-bottom: 20px
}

.contact-page-left-section li {
	padding: 0;
	line-height: 1.3;
	margin-bottom: 0
}

.contact-page-left-section li strong {
	color: #0f77bc;
	font-family: 'Gilroy-Semibold'
}

.contact-page-left-section img {
	float: left;
	margin-right: 20px
}

.reviewer-card {
	background-color: #fff;
	padding: 1rem;
	min-width: 300px;
	border-radius: 4px;
	box-shadow: 0 2px 6px 0 rgb(0 0 0 / .05);
	margin: 16px;
	transition: box-shadow .5s ease
}

.reviewer-card-stars {
	color: #fdb52e;
	margin-bottom: 8px
}

.reviewer-card-text {
	line-height: 1.3em
}

.reviewer-card-meta-image {
	float: left;
	margin-right: 10px
}

.reviewer-card-meta-text p {
	line-height: 1.2
}

.reviewer-card-meta {
	display: flex
}

.reviewer-card-meta-image span {
	padding: 5px 9px;
	color: #fff;
	font-family: 'Gilroy-Bold';
	font-size: 18px;
	line-height: 1.7
}

@keyframes scroll {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(calc(-250px * 7))
	}
}

@keyframes scrolll {
	0% {
		transform: translateX(-200px)
	}

	100% {
		transform: translateX(calc(-250px * 7))
	}
}

.our-review-section .slide-track {
	animation: scroll 40s linear infinite;
	display: flex;
	width: calc(250px * 14)
}

.our-review-section .slide-track1 {
	animation: scrolll 40s linear infinite;
	display: flex;
	width: calc(250px * 14)
}

.slide-track:hover {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.slide-track1:hover {
	-moz-animation-play-state: paused;
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.contactus-general-enquiries {
	position: relative;
	padding: 0 0 60px;
	overflow: hidden
}

.contactus-general-enquiries .left-block .inner-box a {
	color: #fff
}

.contactus-general-enquiries .right-block .inner-box a {
	color: #0f77bc
}

.contactus-general-enquiries .left-block .inner-box {
	position: relative;
	padding: 35px 25px;
	border-radius: 30px;
	background-color: #0f77bc;
	color: #fff
}

.contactus-general-enquiries .right-block .inner-box {
	position: relative;
	padding: 35px 25px;
	border-radius: 30px;
	background-color: #ffeb3b;
	color: #0f77bc;
	font-size: 15px;
	font-family: 'Gilroy-Bold'
}

.left-block {
	position: relative;
	overflow: hidden
}

.right-block {
	position: relative;
	overflow: hidden
}

.left-block-layer {
	position: absolute;
	color: #fff;
	font-size: 195px;
	z-index: 10;
	top: 55%;
	opacity: .06;
	left: -4%
}

.right-block-layer {
	position: absolute;
	color: #0f77bc;
	font-size: 195px;
	z-index: 10;
	top: 55%;
	opacity: .06;
	left: -4%
}

.comm-header-bg-test {
	-webkit-transform: rotate(0deg);
	-moz-transform: skewY(-6deg);
	-o-transform: skewY(-6deg);
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 109%;
	top: -9%;
	left: -8%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: bottom
}

.event-schedule-section .tab-buttons {
	position: relative;
	display: inline-block
}

.event-schedule-section .tab-buttons .tab-btn {
	position: relative;
	color: #0f77bc;
	line-height: 30px;
	padding: 8px 30px;
	border: 2px solid #0f77bc;
	cursor: pointer;
	margin: 0 10px;
	border-radius: 30px;
	font-family: 'Gilroy-Bold';
	font-size: 18px
}

.event-schedule-section .tab-buttons .active-btn {
	background: #feeb3c;
	border: 2px solid #feeb3c;
	box-shadow: 0 0 10px rgb(230 39 90 / .30)
}

.our-promise-section h3 {
	text-transform: uppercase
}

.our-promise-inner-section {
	position: relative
}

.our-promise-section-dashed-line-blue {
	border-top: 2px dashed #0f77bc33;
	margin: 40px 0;
	background-image: linear-gradient(to bottom, #000 10%, #fff0 0%);
	background-position: left;
	background-size: 1px 10px;
	background-repeat: repeat-y;
	width: 100%
}

.our-promise-page-section-layer-one {
	position: absolute;
	right: -3%;
	top: 15%;
	width: 180px;
	height: 180px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.our-promise-page-section-layer-one img {
	opacity: .1
}

.our-promise-page-section-layer-two {
	position: absolute;
	left: -4%;
	top: 22%;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.our-promise-page-section-layer-two img {
	opacity: .1
}

.our-promise-page-section-layer-three {
	position: absolute;
	right: -4%;
	top: 39%;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.our-promise-page-section-layer-three img {
	opacity: .1
}

.our-promise-page-section-layer-four {
	position: absolute;
	left: -4%;
	top: 60%;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.our-promise-page-section-layer-four img {
	opacity: .1
}

.our-promise-page-section-layer-five {
	position: absolute;
	right: -4%;
	top: 80%;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.our-promise-page-section-layer-five img {
	opacity: .1
}

.warranty-page-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0 110px
}

.warranty-page-section .tab-buttons {
	position: relative;
	display: inline-block
}

.warranty-page-section .tab-buttons .tab-btn {
	position: relative;
	color: #0f77bc;
	line-height: 30px;
	padding: 8px 30px;
	border: 2px solid #0f77bc;
	cursor: pointer;
	margin: 0 10px;
	border-radius: 30px;
	font-family: 'Gilroy-Bold';
	font-size: 18px
}

.warranty-page-section .tab-buttons .active-btn {
	background: #feeb3c;
	border: 2px solid #feeb3c;
	box-shadow: 0 0 10px rgb(230 39 90 / .30)
}

.warranty-page-section h2 {
	font-size: 40px;
	text-transform: uppercase
}

.warranty-page-section a {
	padding: 2px 10px 2px !important;
	font-size: 14px !important;
	line-height: 20px !important
}

.our-product-package-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0 40px
}

.our-product-package-section .tab-buttons {
	position: relative;
	display: inline-block
}

.our-product-package-section .tab-buttons .tab-btn {
	position: relative;
	color: #0f77bc;
	line-height: 30px;
	padding: 8px 30px;
	border: 2px solid #0f77bc;
	cursor: pointer;
	margin: 0 10px;
	border-radius: 30px;
	font-family: 'Gilroy-Bold';
	font-size: 18px
}

.our-product-package-section .tab-buttons .active-btn {
	background: #feeb3c;
	border: 2px solid #feeb3c;
	box-shadow: 0 0 10px rgb(230 39 90 / .30)
}

.our-product-package-section .content-column .text {
	position: relative;
	font-size: 28px;
	margin: 0;
	color: #666;
	font-family: 'Gilroy-Bold';
	line-height: 1.3
}

.our-product-package-section .content-column {
	margin: auto
}

.mobile-footer-navigation {
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 999;
}

.mobile-footer-navigation .inner-column {
	margin: 0 auto;
	align-self: center
}

.mobile-footer-navigation span {
	color: #fff;
	font-size: 25px
}

.mobile-footer-navigation p,
.mobile-footer-navigation a {
	font-family: 'Libre Franklin';
	color: #fff !important;
	font-size: 14px;
	margin-bottom: 0
}

.mobile-footer-navigation span.icon.flaticon-phone-call {
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 rgb(254 179 3 / 41%);
	-moz-box-shadow: 0 0 0 0 rgb(254 179 3 / 41%);
	-ms-box-shadow: 0 0 0 0 rgb(254 179 3 / 41%);
	-o-box-shadow: 0 0 0 0 rgb(254 179 3 / 41%);
	box-shadow: 0 0 0 0 rgb(254 179 3 / 41%);
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite
}

.footer-call-round {
	position: absolute;
	background: #008752;
	width: 75px;
	height: 80px;
	border-radius: 50px 50px 0 0;
	z-index: -1;
	top: -45%;
	left: -101%;
	box-shadow: 0 -8px 20px -6px #00000038
}

.refer-form-section {
	padding: 70px 0 35px;
	overflow: hidden;
	position: relative
}

.refer-form-section input[type="text"] {
	border-radius: 50px !important;
	padding: 9px 30px !important;
	height: auto !important;
	border: 1px solid #f1f1f1;
	box-shadow: unset !important
}

.refer-form-section .contact-form-background {
	position: relative;
	padding: 32px 35px 10px 35px;
	border-radius: 30px;
	background-color: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / .08)
}

.buyer-image-section img {
	position: absolute
}

img.buyersArrow {
	position: absolute;
	right: -1%;
	top: 0
}

.banner-section .buyer-patern-layer1 {
	position: absolute;
	right: 10%;
	bottom: 23%;
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	z-index: 10;
	animation-name: rotateme;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 15s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.banner-section .buyer-patern-layer2 {
	position: absolute;
	right: 12%;
	bottom: 6%;
	width: 70px;
	height: 70px;
	background-repeat: no-repeat;
	z-index: 10;
	animation-name: rotateme;
	animation-duration: 15s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: antiClockwiseSpin;
	-webkit-animation-duration: 15s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.solar-done-step-section {
	position: relative;
	padding: 20px 0 0 0;
	overflow: hidden
}

.solar-done-step-section .post-inner .text {
	position: relative;
	color: #666;
	font-size: 18px;
	line-height: 1.3em
}

.solar-done-step-section .post-inner {
	position: relative;
	padding-left: 70px;
	padding-top: 0;
	font-family: 'Gilroy-Medium'
}

.solar-done-step-section .post-inner .author-image {
	position: absolute;
	left: 0;
	top: 0;
	width: 61px;
	height: 61px
}

.solar-done-step-section .round-circle {
	position: absolute;
	top: -3%;
	left: -18%;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background-color: #fcee21;
	animation-name: float_left_right_two_circle;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: float_left_right_two_circle;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	z-index: -1
}

.solar-done-step-section .number {
	position: relative;
	color: #f7f7f7;
	font-size: 75px;
	font-family: 'Gilroy-Black'
}

.outer-border {
	border: 2px dashed #0f77bc;
	border-radius: 30px
}

.solar-done-step-section .right-angle {
	font-size: 85px;
	-webkit-text-stroke: 2px;
	color: #f7f7f7;
	position: absolute;
	right: 4%;
	top: -7%
}

.complaints-step-number {
	position: absolute;
	color: #9E9E9E;
	font-size: 100px;
	z-index: 10;
	right: 17%;
	opacity: .1;
	top: 18%;
	font-family: 'Gilroy-Extrabold'
}

.secure-payment-detail .inner-box p {
	font-family: 'Gilroy-Medium';
	font-size: 16px;
	margin-bottom: 0
}

span#CardNo {
	position: absolute;
	top: 52%;
	left: 10%;
	bottom: 0;
	text-align: center;
	color: #0d6fb1;
	font-size: 20px;
	text-transform: uppercase
}

span#Date {
	position: absolute;
	top: 73%;
	left: 40%;
	color: #0d6fb1;
	text-transform: uppercase;
	font-size: 18px
}

.error {
	color: red;
    text-align: left;
    position: absolute;
    font-size: 13px;
    right: 0;
}

.error-updd {
	color: red;
	margin-left: 3px;
	margin-top: -8px;
	margin-bottom: 10px
}

.err_msg {
	position: absolute;
	right: 9%;
	bottom: -22%;
	font-family: 'Gilroy-Regular';
	font-size: 13px;
	background: #ffeb3b4a;
	border-radius: 10px;
	padding: 0 9px;
	box-shadow: 0 0 5px #00000026
}

.mobile-postcode-section-bg {
	overflow: hidden;
	position: absolute;
	border-radius: 0 0 60px 60px;
	background-image: linear-gradient(to right, #0071bb, #29c1e1);
	height: 69%;
	top: 0;
	left: 0;
	right: 0
}

.mobile-panel-image-section .postcode-area h4 {
	color: #fcee21;
	background-image: unset;
	display: block
}

.mobile-panel-image-section .postcode-area p {
	color: #fff;
	font-size: 18px;
	margin: 0;
	background-image: unset;
	max-width: fit-content;
	margin: 0 auto;
	font-family: 'Gilroy-Medium'
}

.mobile-panel-image-section h3 {
	line-height: 1.3em;
	color: #fff;
	text-align: center;
	font-family: 'Gilroy-Medium'
}

.mobile-panel-image-section h2 {
	line-height: 1.3em;
	color: #fff;
	text-align: center;
	font-size: 30px
}

.mobile-panel-image-section .image.panel-image {
	width: 100%;
	text-align: center
}

.mobile-panel-image-section .postcode-area {
	text-align: center;
	width: 100%;
	padding: 0
}

.mobile-panel-image-section input.postcode-input {
	height: 55px;
	width: 65%;
	border-radius: 15px;
	font-size: 47px;
	color: #0f77bc;
	text-align: center;
	margin: 5px;
	-webkit-text-stroke: 5px
}

.mobile-logo {
	max-width: unset
}

.mobile-price-package-section {
	text-align: center
}

.mobile-price-package-section .inner-box {
	position: relative;
	border-radius: 30px;
	text-align: center;
	padding: 20px 30px 20px;
	background: #fff;
	border: 3px solid #fff;
	box-shadow: 0 0 15px rgb(0 0 0 / .1)
}

.mobile-price-package-section .inner-box .tickets {
	position: relative;
	color: #0f77bc;
	font-size: 20px;
	margin-bottom: 15px;
	margin-top: 10px;
	font-family: 'Gilroy-Regular';
	text-transform: capitalize;
	line-height: 1.3em;
	letter-spacing: 1px
}

.mobile-price-package-section .inner-box h2 {
	color: #0f77bc
}

.mobile-price-package-section .inner-box .kw-detail span {
	color: #000;
	font-family: 'Gilroy-Semibold'
}

.mobile-price-package-section .inner-box .icon-blue-pnl::after {
	content: url(../images/icons/pnl-b.png)
}

.mobile-price-package-section .inner-box .icon-blue-inv::after {
	content: url(../images/icons/inv-b.png)
}

.mobile-price-package-section .inner-box .dashed-line {
	border-top: 1px dashed #0f77bc
}

.mobile-price-package-section .inner-box .kw-detail .border-right {
	border-right: 1px solid #1eabd7 !important
}

.mobile-price-package-section .inner-box .kw-detail h3.old-bill-amt {
	color: #20313a
}

.mobile-price-package-section .inner-box .kw-detail span.new-bill {
	color: #0f77bc
}

.mobile-price-package-section .inner-box .kw-detail h3.new-bill-amt {
	color: #0f77bc
}

.mobile-price-package-section .inner-box .Yearly-Savings {
	color: #20313a;
	font-size: 18px
}

.mobile-price-package-section .inner-box h2.Yearly-bill-amt {
	color: #03A9F4
}

.mobile-price-package-section .inner-box .btn-style-twenty-one {
	background: #0f77bc;
	color: #fff
}

.mobile-price-package-section a {
	text-transform: capitalize;
	padding: 0 22px 0
}

.mobile-price-package-section .tab-buttons .tab-btn {
	position: relative;
	color: #0f77bc;
	line-height: 30px;
	padding: 4px 20px;
	border: 2px solid #feeb3c;
	cursor: pointer;
	margin: 0 5px;
	border-radius: 30px;
	font-family: 'Gilroy-Bold';
	font-size: 18px
}

.mobile-price-package-section .pr-tab .inner-box .kw-detail small {
	position: absolute;
	right: 22%;
	bottom: -10%;
	font-family: 'Gilroy-Bold';
	color: #0f77bc
}

.register-interest-section {
	position: relative;
	padding: 40px 0 40px;
	overflow: hidden
}

.flex-end {
	align-items: baseline
}

.vertical-lines1 {
	width: 35px;
	height: 0;
	background-image: linear-gradient(360deg, #80c32c, #88c23f);
	left: 0%;
	right: 0%;
	margin: auto;
	border-radius: 4px;
	display: block;
	height: 100%;
	-webkit-box-shadow: inset 0 2px 9px rgb(255 255 255 / .3), inset 0 -2px 6px rgb(0 0 0 / .4);
	-moz-box-shadow: inset 0 2px 9px rgb(255 255 255 / .3), inset 0 -2px 6px rgb(0 0 0 / .4);
	box-shadow: inset 0 2px 9px rgb(255 255 255 / .3), inset 0 -2px 6px rgb(0 0 0 / .4);
	position: relative;
	overflow: hidden
}

.vertical-lines4 {
	width: 35px;
	height: 0;
	background-image: linear-gradient(360deg, #ff8d00, #ff8700);
	left: 0%;
	right: 0%;
	margin: auto;
	border-radius: 4px;
	display: block;
	height: 100%;
	-webkit-box-shadow: inset 0 2px 9px rgb(255 255 255 / .3), inset 0 -2px 6px rgb(0 0 0 / .4);
	-moz-box-shadow: inset 0 2px 9px rgb(255 255 255 / .3), inset 0 -2px 6px rgb(0 0 0 / .4);
	box-shadow: inset 0 2px 9px rgb(255 255 255 / .3), inset 0 -2px 6px rgb(0 0 0 / .4);
	position: relative;
	overflow: hidden
}

.vertical-lines1:after,
.vertical-lines4:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgb(255 255 255 / .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgb(255 255 255 / .2)), color-stop(.75, rgb(255 255 255 / .2)), color-stop(.75, transparent), to(transparent));
	background-image: -moz-linear-gradient(-45deg, rgb(255 255 255 / .2) 25%, transparent 25%, transparent 50%, rgb(255 255 255 / .2) 50%, rgb(255 255 255 / .2) 75%, transparent 75%, transparent);
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	-webkit-animation: moveProgress 2s linear infinite;
	overflow: hidden
}

@keyframes moveProgress {
	0% {
		background-position: 0 0
	}

	100% {
		background-position: 50px 50px
	}
}

button.fancybox-button.fancybox-button--share {
	display: none
}

.solar-saving-calculator-section {
	position: relative;
	overflow: hidden
}

.why-go-solar-chart .bars .bar-orange {
	background-color: #f38f1ea1;
	z-index: 1
}

.why-go-solar-chart .bars .bar {
	display: block;
	width: 1rem;
	max-height: 368px;
	position: absolute;
	bottom: 0;
	left: 0;
	transition: height .4s;
	border-radius: 12px 12px 0 0
}

.why-go-solar-chart .bars .bar-green {
	background-color: #88C23F;
	z-index: 2
}

.why-go-solar-chart .bars .bar-grey {
	opacity: .2;
	background-color: #4d4e56
}

.why-go-solar-chart .bg-orange-dot {
	background-color: #f38f1ea1
}

.bg-primary {
	background-color: #88C23F !important
}

.why-go-solar-chart .circle {
	width: 16px;
	height: 16px;
	display: inline-block;
	border-radius: 50%
}

.why-go-solar-chart .bars .bar-year {
	bottom: -50px;
	left: -50px
}

.why-go-solar-chart .bars .bar-label {
	bottom: -50px
}

.why-go-solar-chart .slider {
	-webkit-appearance: none;
	width: 100%;
	height: 20px;
	border-radius: 10px;
	background: rgb(54 55 60 / .1);
	outline: none
}

.why-go-solar-chart .inner-box {
	border-radius: 30px;
	padding: 20px 15px 20px 15px;
	background: #fff
}

.why-go-solar-chart h4,
.why-go-solar-chart h3 {
	color: #666
}

.mobile-solar-done-step-section .inner-box {
	position: relative;
	padding: 20px 30px 20px;
	box-shadow: 0 0 15px rgb(0 0 0 / .1);
	border: 2px dashed #0f77bc;
	border-radius: 30px
}

.mobile-solar-done-step-section .round-circle {
	position: absolute;
	top: -10%;
	left: -4%;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background-color: #fcee21;
	animation-name: float_left_right_two_circle;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: float_left_right_two_circle;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	z-index: -1
}

.mobile-solar-done-step-section .post-inner .author-image {
	position: absolute;
	left: 0
}

.mobile-solar-done-step-section .post-inner .text {
	position: relative;
	color: #666;
	font-size: 18px;
	line-height: 1.3em
}

.mobile-solar-done-step-section .post-inner {
	position: relative;
	padding-left: 70px;
	padding-top: 0;
	font-family: 'Gilroy-Medium'
}

.mobile-energy-bill-card {
	display: inherit;
	overflow-x: scroll
}

.mobile-energy-bill-card .card-body {
	width: 270px
}

.mobile-energy-bill-card .energy-graph {
	margin: auto
}

.mobile-energy-bill-card .card.border-green h3 {
	font-size: 30px
}

.mobile-energy-bill-card .card.border-orange h3 {
	font-size: 30px
}

.ProjectsGalleryOverlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background-color: #000;
	background-color: rgb(0 0 0 / .9);
	overflow-x: hidden;
	transition: 0.5s
}

.overlay-content {
	position: relative;
	top: 15%;
	width: 100%;
	text-align: center;
	margin-top: 30px
}

.ProjectsGalleryOverlay a {
	color: #fff
}

.ProjectsGalleryOverlay .closebtn {
	position: absolute;
	top: 20px;
	right: 45px;
	font-size: 60px
}

.solar-done-step-section-background {
	position: relative;
	padding: 15px;
	border-radius: 45px;
	box-shadow: 0 0 10px rgb(0 0 0 / .08);
	margin: 2px
}

.custom_h1 {
	font-size: 46px
}

.custom_h1 span {
	font-size: 24px;
	color: #666;
	display: block;
	line-height: 1;
	font-family: 'Gilroy-SemiBold'
}

.header_custom_h1 {
	font-size: 48px;
	line-height: 1.1em
}

.reviewer-page-card {
	background-color: #fff;
	padding: 1rem;
	border-radius: 4px;
	box-shadow: 0 2px 6px 0 rgb(0 0 0 / .05);
	transition: box-shadow .5s ease
}

.blog-section {
	position: relative;
	overflow: hidden;
	padding: 40px 0
}

.blog-left {
	width: 50%
}

.blog-right {
	width: 50%
}

.blog-horizontal {
	width: 50%;
	height: 300px;
	padding: 10px;
	float: left
}

.blog-vertical {
	width: 25%;
	float: left;
	height: 300px;
	padding: 10px
}

.blog-section .card .card-title {
	color: #fff
}

.blog-section .card .card-subtitle {
	line-height: 1.1em
}

.blog-section .card .card-subtitle a {
	color: #fff
}

.blog-section .card .card-text {
	color: #fff
}

.blog-section .card-img-overlay-info {
	top: 6%;
	position: inherit
}

.blog-section .card .blog-readmore-btn {
	bottom: 6%;
	position: inherit;
	padding: 2px 10px 0 10px !important;
	font-size: 11px !important;
	line-height: 20px !important
}

.blog-section .card {
	border-radius: 20px !important;
	height: 100% !important;
	box-shadow: 5px 5px 5px #00000045;
	border: 0
}

.blog-section .card .card-img-top {
	border-radius: 20px !important;
	height: 100% !important;
	object-fit: cover;
	object-position: 0% 50%
}

.blog-card-img-overlay {
	position: absolute;
	background: linear-gradient(180deg, #0f77bcc4 0%, #fff0 100%);
	width: 100%;
	height: 100%;
	border-radius: 20px
}

.projects-carousel-block img {
	border-radius: 30px;
	object-fit: cover;
	object-position: 0% 50%;
	height: 220px
}

.sidebar-widget.popular-posts.blog-form-section {
	box-shadow: 0 0 10px #cccccc59;
	border-radius: 30px 30px 30px 30px;
	background: #fff
}

.blog-form-section h6 {
	text-align: center;
	background: #0f77bc;
	color: #fff;
	padding: 5px 0;
	line-height: 1.2
}

.blog-form-section img {
	border-radius: 30px 30px 0 0;
	box-shadow: 0 0 10px #cccccc59
}

.blog-form {
	border-radius: 0 0 30px 30px;
	padding: 0 30px 30px 30px
}

.custom-contact-page-section span#electric_bill-button {
	background: #fff0;
	border-radius: 30px;
	width: 100%;
	height: 40px;
	line-height: 2
}

ul#electric_bill-menu {
	height: 200px
}

.btn-blog {
	position: relative;
	display: inline-block;
	font-size: 14px;
	color: #0f77bc;
	padding: 5px 20px 5px;
	overflow: hidden;
	border-radius: 50px;
	text-transform: uppercase;
	background-color: #ffeb3b
}

.blog-form .step1,
.step2,
.step3 {
	width: 40px;
	height: 40px;
	color: #0f77bc;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	line-height: 40px;
	background: #eee
}

.blog-form #part1,
.blog-form #part2,
.blog-form #part3 {
	z-index: 2;
	display: block;
	height: auto;
	opacity: 1;
	transition: opacity 1s ease-in-out
}

.blog-form #part2,
.blog-form #part3 {
	opacity: 0;
	height: 0;
	overflow: hidden
}

.blog-form .step1 {
	background: #ffeb3b;
	border: 1px solid #ffeb3b
}

.blog-form #step2:checked~#part2 {
	opacity: 1;
	height: auto
}

.blog-form #step2:checked~#part1 {
	opacity: 0;
	height: 0;
	display: none
}

.blog-form #step2:checked~.text-center .step2 {
	background: #ffeb3b;
	border: 1px solid #ffeb3b
}

.blog-form #step3:checked~#part3 {
	opacity: 1;
	height: auto
}

.blog-form #step3:checked~#part2 {
	opacity: 0;
	width: 0;
	height: 0
}

.blog-form #step3:checked~.text-center .step3 {
	background: #ffeb3b;
	border: 1px solid #ffeb3b
}

.blog-share-section .tab-btns {
	position: relative;
	z-index: 1;
	text-align: center;
	display: inline-block
}

.btn-facebook {
	background: #3b5999;
	font-size: 18px;
	border-radius: 30px 0 0 30px
}

.btn-instagram {
	background: #e4405f;
	font-size: 18px
}

.btn-twitter {
	background: #55acee;
	font-size: 18px
}

.btn-youtube {
	background: #cd201f;
	font-size: 18px;
	border-radius: 0 30px 30px 0
}

.blog-share-section .tab-btns .tab-btn:hover {
	z-index: 2;
	box-shadow: 0 2px 5px rgb(0 0 0 / .4);
	transition: all 0.4s ease-in-out;
	-webkit-filter: brightness(120%);
	-moz-filter: brightness(120%);
	-ms-filter: brightness(120%);
	-o-filter: brightness(120%);
	filter: brightness(120%)
}

.blog-share-section .tab-btns .tab-btn {
	position: relative;
	display: block;
	float: left;
	cursor: pointer;
	transition: all 0.4s ease-in-out;
	padding: 10px 35px;
	color: #fff;
	-webkit-filter: brightness(100%);
	-moz-filter: brightness(100%);
	-ms-filter: brightness(100%);
	-o-filter: brightness(100%);
	filter: brightness(100%)
}

.blog-share-section .tab-btns .tab-btn a {
	color: #fff
}

.share-title {
	display: flex;
	align-items: center
}

.blog-section-layer-one {
	position: absolute;
	left: -13%;
	top: 29%;
	width: 450px;
	height: 450px;
	background-repeat: no-repeat;
	transform: rotate(-30deg)
}

.blog-section-layer-one {
	opacity: .1
}

.radiobtn {
	position: relative;
	display: block
}

.radiobtn label {
	display: block;
	color: #666;
	border-radius: 20px;
	padding: 10px 20px;
	border: 1px solid #f1f1f1;
	margin-bottom: 5px;
	margin-left: 0;
	cursor: pointer
}

.radiobtn label:after,
.radiobtn label:before {
	content: "";
	position: absolute;
	right: 11px;
	top: 11px;
	width: 20px;
	height: 20px;
	border-radius: 3px;
	background: #eee
}

.radiobtn label:before {
	transition: 0.1s width cubic-bezier(.075, .82, .165, 1) 0s, 0.3s height cubic-bezier(.075, .82, .165, 2) 0.1s;
	z-index: 2;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: 13px;
	background-position: center;
	width: 0;
	height: 0;
}

.radiobtn input[type="radio"] {
	display: none;
	position: absolute;
	width: 100%;
	appearance: none
}

.radiobtn input[type="radio"]:checked+label {
	border-color: #f1f1f1
}

.radiobtn input[type="radio"]:checked+label:after {
	background: #eee
}

.radiobtn input[type="radio"]:checked+label:before {
	width: 20px;
	height: 20px
}

.home-blog-section {
	padding: 40px 0 220px 0
}

.single-blog-title {
	line-height: 1.4em;
	font-size: 30px
}

.customer-portal-image {
	max-width: unset
}

.subscribe {
	border: 2px solid #0f77bc;
	padding: 30px 50px 30px 50px;
	border-radius: 20px;
	text-align: center;
	min-height: 325px;
	height: auto;
	color: #445963
}

.subscribe h5 {
	line-height: 1.2em
}

.custom-footer .footer-bottom.popular-search .page-nav {
	text-align: justify
}

.custom-footer .footer-bottom.popular-search .page-nav li {
	margin-left: 0
}

.custom-footer .footer-bottom.popular-search span {
	color: #0f77bc
}

.solar-video-sec {
	padding: 50px 0;
	position: relative;
	overflow: hidden
}

.solar-video-sec iframe {
	box-shadow: 0 0 10px #000000a1
}

.battery-banner-text {
	color: #fff;
	position: absolute;
	bottom: 5%
}

.battery-banner-text h6 {
	font-size: 16px;
	font-family: 'Gilroy-Regular'
}

.battery-banner-text h3 {
	font-size: 36px;
	font-family: 'Gilroy-Semibold';
	line-height: 1.1em
}

.battery-banner-text p {
	font-size: 18px;
	line-height: 1.3em
}

.battery-banner-image {
	position: relative;
	top: 18%
}

.solar-battery {
	margin: 100px 0 50px 0
}

.product-offer {
	position: relative;
	overflow: hidden;
	padding: 50px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(360deg, #e9f8fb, #fff)
}

.light-triangle-bg-one {
	background-image: url(../images/background/triangle-scAsset.svg);
	background-repeat: no-repeat;
	background-position: center;
	opacity: .1;
	transform: rotate(120deg);
	position: absolute;
	right: 0;
	top: 10%;
	left: -15%;
	width: 400px;
	height: 350px
}

.blackout-section {
	position: relative;
	overflow: hidden;
	padding: 100px 0
}

.blackout-block {
	position: relative;
	margin-bottom: 30px
}

.blackout-block .inner-box {
	position: relative;
	padding: 30px 30px;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 0 10px #cccccc59;
	height: 420px
}

.blackout-block .inner-box h4 {
	position: relative;
	color: #0f77bc;
	font-size: 22px;
	line-height: 1.3em;
	margin-top: 10px
}

.blackout-block .inner-box .text {
	position: relative;
	color: #666;
	font-size: 17px;
	line-height: 1.3em;
	margin-top: 12px;
	margin-bottom: 15px
}

.blackout-section-layer-two {
	position: absolute;
	left: -4%;
	top: 22%;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.blackout-section-layer-two img {
	opacity: .1
}

.blackout-section-layer-three {
	position: absolute;
	right: -4%;
	top: 39%;
	width: 200px;
	height: 200px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.blackout-section-layer-three img {
	opacity: .1
}

.battery-quote-section {
	padding: 100px 0 0 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(180deg, #e9f8fb, #fff)
}

.battery-quote-section h2 {
	font-size: 38px
}

.sonnen-battery-row {
	padding: 0 15px;
	margin: 0 auto
}

.sonnen-battery-banner-image {
	position: relative;
	top: 5%
}

.sonnen-battery-banner-text {
	color: #fff;
	position: absolute;
	bottom: 20%
}

.sonnen-battery-banner-text h3 {
	font-size: 36px;
	font-family: 'Gilroy-Semibold';
	line-height: 1.3em
}

.sonnen-battery-banner-text p {
	font-size: 20px;
	line-height: 1.3em
}

.sonnen-battery-banner-text-right {
	position: absolute;
	bottom: 10%;
	left: 0;
	right: 0
}

.sonnen-battery-banner-text-right h3 {
	font-family: 'Gilroy-Semibold';
	font-size: 28px;
	line-height: 1.3em
}

.battery-btn {
	position: absolute;
	bottom: 24%;
	left: 0;
	right: 0
}

.why-sonnet-section {
	position: relative;
	padding: 30px 0 30px 0;
	overflow: hidden
}

.battery-everywhere-bg-layer {
	background-image: url(../images/background/vectorpaint.svg);
	height: 180px;
	width: 180px;
	background-size: contain;
	position: absolute;
	background-repeat: no-repeat;
	bottom: 8%;
	left: 18%;
	right: 0;
	z-index: 11;
	transform: rotate(109deg)
}

.battery-everywhere-bg-layer .btn-box .play-box {
	position: absolute;
	text-align: center;
	color: #0b53ff;
	float: left;
	font-size: 18px;
	line-height: 45px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	margin: 0 auto;
	left: -11%;
	right: 0;
	top: 18%
}

.battery-everywhere-bg-layer .btn-box .play-box span {
	position: relative;
	width: 60px;
	height: 60px;
	z-index: 10;
	color: #0f77bc;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	padding: 10px;
	display: inline-block;
	line-height: 34px;
	transition: all 900ms ease;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	border: 2px solid #fcee21;
	background-color: #fcee21
}

.battery-everywhere-bg-layer .btn-box .ripple {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 0 #0479bf;
	-moz-box-shadow: 0 0 0 0 rgba(4 121 191);
	-ms-box-shadow: 0 0 0 0 rgba(4 121 191);
	-o-box-shadow: 0 0 0 0 rgba(4 121 191);
	box-shadow: 0 0 0 0 #0479bf;
	-webkit-animation: ripple 3s infinite;
	-moz-animation: ripple 3s infinite;
	-ms-animation: ripple 3s infinite;
	-o-animation: ripple 3s infinite;
	animation: ripple 3s infinite
}

.storage-solution {
	margin: 100px 0 50px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(180deg, #e9f8fb, #fff);
	padding: 50px 0
}

.storage-solution-light-triangle {
	background-image: url(../images/background/triangle-scAsset.svg);
	background-repeat: no-repeat;
	background-position: center;
	opacity: .1;
	transform: rotate(119deg);
	position: absolute;
	right: 0;
	top: 10%;
	left: -7%;
	width: auto;
	height: 325px
}

.battery-expert-section {
	padding: 150px 0 35px;
	overflow: hidden;
	position: relative
}

.battery-expert-row {
	padding-top: 80px;
	padding-bottom: 150px
}

.battery-expert-section .info-column {
	position: relative
}

.battery-expert-section .info-column .inner-column {
	position: relative
}

.battery-expert-section .info-column .sec-title h2 {
	font-size: 38px;
	font-family: 'Gilroy-Bold';
	line-height: 1.3em
}

.battery-expert-section .info-column .phone-call a {
	padding: 15px 30px
}

.battery-expert-section .info-column .phone-call a .txt {
	font-size: 28px
}

.battery-expert-section .info-column .phone-call a .txt span {
	font-size: 24px
}

.battery-expert-section .info-column .quote-modal a {
	padding: 10px 30px
}

.battery-expert-section .info-column .quote-modal a .txt {
	font-size: 20px
}

.battery-expert-block .inner-box {
	position: relative;
	padding: 15px;
	border-radius: 20px;
	background-color: #fff;
	box-shadow: 0 0 10px #cccccc59
}

.battery-expert-block .inner-box h4 {
	position: relative;
	color: #0f77bc;
	font-size: 20px;
	line-height: 1.3em;
	font-family: 'Gilroy-Semibold'
}

.sonnen-battery-quote-section {
	padding: 100px 0 0 0
}

.sonnen-battery-quote-section h2 {
	font-size: 38px
}

.power-plant-section {
	position: relative;
	padding: 120px 0 100px 0;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(360deg, #e9f8fb, #fff)
}

.power-plant-section h2 {
	font-size: 34px
}

.power-plant-section p {
	font-size: 22px;
	line-height: 1.6em
}

.tesla-battery-banner-text {
	color: #fff;
	position: absolute;
	bottom: 30%
}

.tesla-battery-banner-text h3 {
	font-size: 36px;
	font-family: 'Gilroy-Semibold';
	line-height: 1.3em
}

.tesla-battery-banner-text p {
	font-size: 20px;
	line-height: 1.3em
}

.tesla-battery-row {
	padding: 0 15px;
	margin: 0 auto
}

.tesla-powerwall-image {
	position: relative;
	top: 65%
}

.tesla-battery-banner-image {
	position: relative;
	top: 1%
}

.why-tesla-section {
	position: relative;
	padding: 30px 0 30px 0;
	overflow: hidden
}

.powerwall-specs {
	margin: 100px 0 50px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(180deg, #e9f8fb, #fff);
	padding: 50px 0
}

.tesla-battery-quote-section {
	padding: 100px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(360deg, #e9f8fb, #fff)
}

.tesla-battery-quote-section h2 {
	font-size: 38px
}

.redback-battery-row {
	padding: 0 15px;
	margin: 0 auto
}

.redback-battery-banner-text {
	color: #fff;
	position: absolute;
	bottom: 22%
}

.redback-battery-banner-text h3 {
	font-size: 35px;
	font-family: 'Gilroy-Semibold';
	line-height: 1.3em
}

.redback-battery-banner-text p {
	font-size: 20px;
	line-height: 1.3em
}

.redback-battery-banner-text-right {
	color: #fff;
	position: absolute;
	bottom: 26%;
	border: 3px solid #ffeb3b;
	border-radius: 50%;
	left: 0;
	right: 0;
	padding: 70px 0;
	margin: 0 auto;
	width: 60%;
	height: 60%
}

.redback-battery-banner-text-right h3 {
	font-family: 'Gilroy-Semibold';
	font-size: 28px;
	line-height: 1.3em
}

.redback-battery-banner-text-right p {
	font-size: 20px;
	line-height: 1.3em
}

.redback-battery-banner-image {
	position: relative;
	top: 2%
}

.why-redback-section {
	position: relative;
	padding: 30px 0 30px 0;
	overflow: hidden
}

.redback-battery-system {
	margin: 100px 0 50px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(180deg, #e9f8fb, #fff);
	padding: 50px 0
}

.redback-light-triangle {
	background-image: url(../images/background/triangle-scAsset.svg);
	background-repeat: no-repeat;
	background-position: center;
	opacity: .1;
	transform: rotate(119deg);
	position: absolute;
	right: 0;
	top: 10%;
	left: -7%;
	width: auto;
	height: 325px
}

.redback-battery-quote-section {
	padding: 100px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(360deg, #e9f8fb, #fff)
}

.redback-battery-quote-section h2 {
	font-size: 38px
}

.accreditation-section {
	position: relative;
	overflow: hidden;
	padding: 50px 0
}

.accreditation-section ul {
	display: flex;
	margin: 0 auto;
	align-items: center
}

.accreditation-section ul li {
	padding: 0 30px
}

.accreditation-section ul li:last-child {
	border-right: 0
}

.accreditation-section .owl-carousel .owl-item img {
	width: auto;
	margin: 0 auto
}

.need-solar-section {
	padding: 100px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(180deg, #e9f8fb, #fff)
}

.custom-line-height {
	line-height: .9
}

.custom-home-page-section-layer-one {
	position: absolute;
	right: 15%;
	bottom: 5%;
	width: 400px;
	height: 400px;
	background-repeat: no-repeat;
	animation-name: rotateme;
	animation-duration: 50s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: rotateme;
	-webkit-animation-duration: 50s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.custom-home-page-section-layer-one img {
	opacity: .1
}

.need-solar-section .tab-buttons .tab-btn {
	padding: 7px 45px
}

.need-solar-section input[type="text"] {
	border-radius: 50px !important;
	padding: 9px 30px !important;
	height: auto !important;
	border: 1px solid #f1f1f1;
	box-shadow: unset !important
}

.home-form-background {
	position: relative;
	padding: 35px 50px;
	border: 1px solid #0f77bc;
	border-radius: 30px;
	background-color: #fff;
	box-shadow: 0 0 10px rgb(0 0 0 / 8%)
}

.product-container {
	padding: 0 200px
}

.product-offer .owl-carousel .owl-item img {
	width: auto;
	margin: 0 auto
}

.vs-text {
	position: absolute;
	top: 250px;
	left: 0;
	right: 0
}

.vs-text img {
	margin: 0 auto
}

.alpha-ess-battery-row {
	padding: 0 15px;
	margin: 0 auto
}

.alpha-ess-tag-image {
	position: relative;
	top: 15%
}

.alpha-ess-battery-banner-image {
	position: relative;
	top: -5%
}

.alpha-ess-battery-banner-text {
	color: #fff;
	position: absolute;
	bottom: 32%
}

.alpha-ess-battery-banner-text h3 {
	font-size: 36px;
	font-family: 'Gilroy-Semibold';
	line-height: 1.3em
}

.alpha-ess-battery-banner-text p {
	font-size: 20px;
	line-height: 1.3em
}

.why-alpha-ess-section {
	position: relative;
	padding: 30px 0 30px 0;
	overflow: hidden
}

.scrm .inner-box h5 {
	font-family: 'Gilroy-Medium';
	line-height: 1.1em;
	padding-top: 20px
}

.residential-battery {
	margin: 50px 0 50px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(180deg, #e9f8fb, #fff);
	padding: 50px 0
}

.residential-battery-light-triangle {
	background-image: url(../images/background/triangle-scAsset.svg);
	background-repeat: no-repeat;
	background-position: center;
	opacity: .1;
	transform: rotate(119deg);
	position: absolute;
	right: 0;
	top: -5%;
	left: 0%;
	width: auto;
	height: 325px
}

.residential-battery h6 {
	padding-bottom: 10px
}

.residential-battery .schedule-tabs .btns-box {
	z-index: 1
}

.alpha-ess-battery-quote-section {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(360deg, #e9f8fb, #fff);
	padding: 100px 0
}

.alpha-ess-battery-quote-section h2 {
	font-size: 38px
}

.kw-offer-section {
	position: relative;
	overflow: hidden
}

.kw-offer-section .tab-buttons .tab-btn {
	position: relative;
	color: #0f77bc;
	line-height: 30px;
	padding: 5px 30px;
	border: 2px solid #0f77bc;
	cursor: pointer;
	margin: 0 -3px 0 -3px;
	font-family: 'Gilroy-Bold';
	font-size: 18px
}

.kw-offer-section .tab-buttons .active-btn {
	background: #feeb3c
}

.kw-offer-section .tab-buttons .tab-btn:first-child {
	border-radius: 25px 0 0 25px
}

.kw-offer-section .tab-buttons .tab-btn:last-child {
	border-radius: 0 25px 25px 0
}

.main-accreditation-section {
	position: relative;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(360deg, #e9f8fb, #fff)
}

.accreditation-detail-section {
	position: relative;
	overflow: hidden;
	padding: 50px 0 100px 0
}

.accreditation-detail-section .left-detail h2 {
	color: #0f77bc;
	padding-bottom: 30px
}

.accreditation-detail-section .left-detail h3 {
	font-family: 'Gilroy-bold';
	line-height: 1.1em
}

.offer-need-solar-section {
	background: none
}

.offer-quote-section {
	padding: 100px 0;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: linear-gradient(360deg, #e9f8fb, #fff)
}

.offer-quote-section h2 {
	font-size: 38px
}

.offer-line {
	position: absolute;
	right: 25%;
	top: 20%
}

.offer-footer-two {
	border-top: 2px solid #9fd3df;
	background-color: #d6f5fb;
	padding: 26px 0
}

.offer-footer-two h6 {
	color: #525252;
	font-family: 'Gilroy-Medium'
}

.offer-footer-two .social-box a {
	position: relative;
	font-size: 16px;
	margin-right: 10px;
	line-height: 30px;
	text-align: center;
	border-radius: 50px;
	display: inline-block;
	background-color: #0f77bc;
	width: 30px;
	height: 30px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	color: rgb(255 255 255 / .9)
}

.coverage-section {
	position: relative;
	overflow: hidden
}

.coverage-section h3 {
	line-height: 1.3em
}

.coverage-section .btn-style-twenty-one:first-child {
	border-radius: 25px 0 0 25px
}

.coverage-section .btn-style-twenty-one:last-child {
	border-radius: 0 25px 25px 0
}

.coverage-section .btn-style-twenty-one {
	margin: 0 -3px 0 -3px;
	border-radius: unset;
	border: 1px solid #0f77bc
}

.talk-deals h5 {
	font-size: 24px;
	color: #fff
}

.talk-deals h4 {
	font-size: 42px !important
}

.fixed_btn {
	position: fixed;
	display: none
}

.fab-container {
	bottom: 25%;
	right: 2%;
	z-index: 999;
	cursor: pointer
}

.fab-icon-holder {
	width: 50px;
	height: 50px;
	border-radius: 100%;
	background: #0f77bc;
	box-shadow: 0 6px 20px rgb(0 0 0 / .2)
}

.fab-icon-holder:hover {
	opacity: .8
}

.fab-icon-holder i {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	font-size: 25px;
	color: #fff
}

.fab {
	width: 60px;
	height: 60px;
	background: #feeb3c
}

.fab i {
	color: #0f77bc
}

.fab-options {
	list-style-type: none;
	margin: 0;
	position: absolute;
	bottom: 70px;
	right: 0;
	opacity: 0;
	transition: all 0.3s ease;
	transform: scale(0);
	transform-origin: 85% bottom
}

.fab:hover+.fab-options,
.fab-options:hover {
	opacity: 1;
	transform: scale(1)
}

.fab-options li {
	display: flex;
	justify-content: flex-end;
	padding: 5px
}

.fab-label {
	padding: 5px 10px;
	align-self: center;
	user-select: none;
	white-space: nowrap;
	border-radius: 3px;
	font-size: 16px;
	font-weight: 600;
	background: #666;
	color: #fff;
	box-shadow: 0 6px 20px rgb(0 0 0 / .2);
	margin-right: 10px
}

.fab-options li:hover .fab-label {
	background: #feeb3c;
	color: #0f77bc
}

.solar-deal-quote {
	position: relative;
	overflow: hidden;
	padding: 40px 0 40px 0;
	border-bottom: 5px dotted #e7e7e780
}

.sticky-btn-box {
	margin-top: 4px
}

.sticky-btn-box a {
	background: #0f77bc;
	border-radius: 30px;
	border: unset;
	padding: 10px 22px 10px
}

.blog-slider {
	height: 300px;
	padding: 10px
}

.blog-section-slider .owl-nav {
	position: relative;
	text-align: center;
	margin-top: 30px
}

.blog-section-slider .owl-nav .owl-prev,
.blog-section-slider .owl-nav .owl-next {
	position: relative;
	margin: 0 8px;
	line-height: 48px;
	border-radius: 50px;
	display: inline-block;
	-webkit-transition: all .3s ease
}

.blog-section-slider .owl-carousel .owl-item img {
	-webkit-transform-style: unset
}

.home-grid-sec .inner-box {
	box-shadow: 0 0 10px #cccccc59;
	border-radius: 30px;
	padding: 30px 0 10px;
	background-color: #fff
}

.home-grid-sec .inner-box .upper-content .round-circle {
	position: absolute;
	top: 15%;
	left: -15%;
	right: 0;
	margin: auto;
	width: 40px;
	height: 40px;
	border-radius: 50px;
	background-color: #fcee21;
	animation-name: float_left_right_two_circle;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	-webkit-animation-name: float_left_right_two_circle;
	-webkit-animation-duration: 5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear
}

.home-grid-sec .author-image {
	position: relative
}

.home-grid-sec h4 {
	line-height: 1em;
	color: #000;
	font-family: 'Gilroy-Medium';
	padding: 20px 0;
	font-size: 20px
}

.home-grid-sec a {
	position: relative;
	display: inline-block;
	font-size: 12px;
	line-height: 25px;
	color: #0f77bc;
	padding: 0 7px;
	font-weight: 700;
	overflow: hidden;
	border-radius: 50px;
	text-transform: uppercase;
	background-color: #ffeb3b;
	-webkit-transition: all .3s ease
}

.home-grid-sec :hover a {
	background-color: #000;
	color: #fff
}

.arrow-number-sec {
	position: absolute;
	bottom: 7%
}

.arrow-number-sec .arrow-number {
	display: inline-flex;
	padding-right: 15px;
	font-family: 'Gilroy-Extrabold';
	vertical-align: text-bottom
}

.arrow-number-sec .arrow-number a {
	font-size: 34px;
	color: #0f77bc
}

.arrow-number-sec .arrow-icon {
	display: inline-flex
}

.arrow-number-sec .arrow-icon i {
	color: #ef0000;
	font-size: 22px;
	-webkit-animation: arrow-jump 1s infinite;
	-moz-animation: arrow-jump 1s infinite;
	-o-animation: arrow-jump 1s infinite;
	animation: arrow-jump 1s infinite
}

@-webkit-keyframes arrow-jump {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(10px);
		-moz-transform: translateX(10px);
		-0-transform: translateX(10px);
		transform: translateX(10px)
	}
}

.pad0 {
	padding: 0
}

.disflexalcen {
	display: flex;
	align-items: center
}

.disflexjusend {
	display: flex;
	justify-content: flex-end
}

.dfacl {
	display: flex;
	align-items: center;
	justify-content: flex-start
}

.dffdcjcfs {
	display: flex;
	flex-direction: column;
	align-items: flex-start
}

.dfacr {
	display: flex;
	align-items: center;
	justify-content: flex-end
}

.ds-double {
	line-height: 45px;
	display: flex;
	align-items: center;
	margin-bottom: 0;
	color: #333;
	font-size: 12px;
	font-weight: 700;
	padding-right: 15px
}

.header-form {
	display: flex;
	align-content: center;
	align-items: center
}

.header-form input {
	padding: 0;
	width: 120px;
	text-align: center;
	height: 32px;
	margin-top: -1px;
	border: 0 !important;
	margin-right: 5px
}

.fusion-button-wrapper {
	display: inline
}

.fusion-button {
	background: #fdb924;
	color: #fff;
	transition: all .2s;
	font-family: Poppins;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	padding: 8px 18px;
	font-size: 13px;
	cursor: pointer
}

.fusion-button:hover {
	background: #008752;
	color: #fff
}

.fusion-button-ylw {
	background: #fdb924;
	color: #fff;
	transition: all .2s;
	font-family: Poppins;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	padding: 8px 18px;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.fusion-button-ylw:hover {
	background: #008752;
	color: #fff
}

.fusion-button-ylw-panel {
	background: #feb303;
	color: #fff;
	transition: all .2s;
	font-family: Poppins;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	padding: 8px 18px;
	font-size: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer
}

.fusion-button-ylw-panel:hover {
	background: #008752;
	color: #fff
}

.fusion-button-grn {
	background: #008752;
	color: #fff;
	transition: all .2s;
	font-family: Poppins;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	padding: 8px 18px;
	font-size: 13px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer
}

.fusion-button-grn:hover {
	background: #fdb924;
	color: #fff
}

.fusion-button-grn2 {
	background: #008752;
	color: #fff;
	transition: all .2s;
	font-family: Poppins;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	padding: 14px 32px;
	font-size: 16px;
	cursor: pointer
}

.fusion-button-grn2:hover {
	background: #fdb924;
	color: #fff
}

.fusion-button-grn3 {
	background: #008752;
	color: #fff;
	transition: all .2s;
	font-family: Poppins;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	padding: 13px 29px;
	font-size: 14px;
	cursor: pointer
}

.fusion-button-grn3:hover {
	background: #fdb924;
	color: #fff
}

.fusion-button-wht {
	background: #fff;
	color: #000;
	width: 65%;
	transition: all .2s;
	font-family: Poppins;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0;
	text-transform: uppercase;
	padding: 10px 29px;
	font-size: 13px;
	display: flex;
	justify-content: center
}

.fusion-button-wht:hover {
	background: #000;
	color: #fff
}

#pincodesearch {
	font-size: 24px;
	color: #000;
	font-weight: 700
}

.social-network-icon {
	background-color: #fdb924;
	border-color: #fdb924;
	border-radius: 2px;
	color: #fff;
	font-size: 17px !important;
	margin: 0 10px 0 0;
	width: 30px;
	height: 30px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	transition: all .2s
}

.social-network-icon:hover {
	background: #008752
}

.main-header-gry {
	background: #f4f4f4;
	height: 50px
}

.main-header-menu {
	background: #008752;
	display: flex;
	align-items: center;
	height: 50px;
	margin-left: 20px
}

.main-header-menu a {
	color: #fff;
	padding: 14px 15px !important;
	font-weight: 600;
	text-transform: uppercase
}

.main-header-menu-ylw {
	background: #feb303;
	display: flex;
	align-items: center;
	height: 50px
}

.main-header-menu-ylw a {
	color: #fff;
	padding: 14px 15px !important;
	font-weight: 600;
	text-transform: uppercase
}

.homebanner {
	background: url(../images/home-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
	height: 600px;
	background-position: center
}

.homebannercontent p {
	z-index: 3;
	margin-bottom: 0;
	font-family: Raleway;
	height: auto;
	width: auto;
	color: #fff;
	text-decoration: none;
	white-space: normal;
	min-height: 0;
	max-height: none;
	text-align: center;
	line-height: 40px;
	text-shadow: rgb(0 0 0 / .7) 4px 4px 8px;
	letter-spacing: 0;
	font-weight: 900;
	font-size: 31px;
	text-transform: uppercase;
	padding-right: 5px;
	transform-origin: 50% 50%;
	opacity: 1;
	transform: translate(0, 0);
	visibility: visible;
	padding-top: 15px;
	animation: fadeInLeftMore 1s
}

.homebannerthe p {
	z-index: 4;
	margin-bottom: 0;
	font-family: Raleway;
	display: inline-block;
	height: auto;
	width: auto;
	color: #fff;
	text-decoration: none;
	line-height: 92px;
	text-shadow: rgb(0 0 0 / .7) 4px 4px 8px;
	font-weight: 900;
	font-size: 50px;
	padding-right: 5px;
	transform-origin: 50% 50%;
	opacity: 1;
	transform: translate(0, 0);
	animation: fadeInLeftMoretwo 2s
}

.homebannerhuge p {
	z-index: 5;
	margin-bottom: 0;
	font-family: Poppins;
	display: inline-block;
	height: auto;
	width: auto;
	color: #fff000;
	text-decoration: none;
	line-height: 130px;
	text-shadow: rgb(0 0 0 / .7) 4px 4px 8px;
	letter-spacing: 0;
	font-weight: 900;
	font-size: 105px;
	transform-origin: 50% 50%;
	opacity: 1;
	transform: perspective(600px);
	animation: flipInXMoretwo 2s
}

.homebannerdeal p {
	z-index: 6;
	margin-bottom: 0;
	font-family: Raleway;
	display: inline-block;
	height: auto;
	color: #fff;
	padding-top: 18px;
	text-decoration: none;
	white-space: normal;
	width: 176px;
	line-height: 47px;
	text-shadow: rgb(0 0 0 / .7) 4px 4px 8px;
	letter-spacing: 0;
	font-weight: 900;
	font-size: 40px;
	transform-origin: 50% 50%;
	opacity: 1;
	transform: translate(0, 0);
	animation: fadeInRightMoretwo 2s
}

.homebannerwhy p {
	z-index: 19;
	margin-bottom: 0;
	background-color: #474546;
	font-family: Raleway;
	color: #fff000;
	white-space: nowrap;
	line-height: 45px;
	font-weight: 800;
	font-size: 22px;
	text-transform: uppercase;
	margin-top: 10px;
	animation: fadeInLeftMoretwoBelow 3s
}

.homebannerwhy1 {
	margin-left: -10px
}

.homebannerwhy1 p {
	z-index: 999;
	background-color: #fff000;
	font-family: Raleway;
	height: auto;
	color: #000;
	white-space: normal;
	width: 450px;
	text-align: left;
	line-height: 40px;
	font-weight: 700;
	font-size: 16px;
	padding-left: 30px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	margin-top: 10px;
	text-transform: uppercase
}

.mt-set {
	margin-top: 10px;
	margin-left: -20px;
	user-select: none;
	animation: fadeInLeftMoretwoBelow 3s
}

.ml-set {
	margin-left: -20px;
	user-select: none;
	animation: fadeInLeftMoretwoBelow 3s
}

.mainheadertopic {
	animation: fadeInRightMoretwoBelow 3s
}

.mainheadertopic p {
	font-family: Raleway;
	height: auto;
	color: #fff;
	white-space: normal;
	width: 344px;
	text-align: left;
	font-weight: 700;
	font-size: 18px;
	margin: 0 0 0 10px
}

.mainheadertopic i {
	color: #fff;
	font-size: 21px;
	margin-top: 7px
}

.homebannerlimited {
	background: #1e1e1e;
	margin-top: 20px;
	margin-left: 0;
	animation: fadeInRightMoretwoBelow 3s;
	padding: 10px;
	width: 95%
}

.homebannerhighlight p {
	font-family: Raleway;
	margin-bottom: 0px;
	font-style: italic;
	color: red;
	white-space: normal;
	text-align: left;
	line-height: 25px;
	font-weight: 700;
	font-size: 25px
}

.homebannerlimitedspn {
	font-family: Raleway !important;
	font-style: italic !important;
	color: #fff000 !important;
	text-decoration: none !important;
	white-space: normal !important;
	text-align: left !important;
	line-height: 25px !important;
	font-weight: 900 !important;
	font-size: 25px !important;
	text-transform: uppercase !important;
	padding-top: 7px !important;
}

.homebannerrate {
	padding-left: 0
}

.homebannerrate p {
	font-family: Poppins;
	height: auto;
	width: auto;
	color: #fff000;
	white-space: nowrap;
	line-height: 90px;
	font-weight: 900;
	font-size: 85px;
	margin-bottom: 0
}

.mainbannerspe p {
	font-family: Raleway;
	color: red;
	white-space: normal;
	line-height: 25px;
	font-weight: 900;
	font-size: 19px;
	margin-top: 18px;
	animation: fadeInRightMoretwoBelow 3s
}

.mainbannerspe span {
	text-transform: uppercase
}

.homebannerproimg {
	width: 30%
}

.homebannerproimg img {
	height: 25.95pc;
	animation: zoomInLate 2s
}

.homebannerwhlo img {
	width: 47%;
	user-select: none;
	animation: fadeInLeftMoretwoBelow 3s
}

.homebannernetc {
	width: 20%;
	animation: fadeInRightMoretwoBelow 3s
}

.homebannerexp {
	width: 20%;
	margin-left: 10px;
	animation: fadeInRightMoretwoBelow 3s
}

.bannerbelow {
	width: 21%;
	margin-right: 10px
}

.bannerbelow-btn {
	width: 10%
}

.bannerbelowform input {
	height: 43px;
	border-radius: 0;
	font-size: 13px
}

.bannerbelowform input:focus {
	box-shadow: none;
	border-color: #d2d2d2
}

.bannerbelowform input::placeholder {
	color: #333;
	font-size: 13px;
	font-weight: 400
}

.footerupform input {
	height: 43px;
	border-radius: 0;
	font-size: 13px;
	background: #fff0;
	border-color: #000;
	border-width: 0 0 1px 0
}

.footerupform input:focus {
	box-shadow: none;
	border-color: #d2d2d2;
	background: #fff0
}

.footerupform input::placeholder {
	color: #333;
	font-size: 13px;
	font-weight: 400
}

.footer-abs-news {
	max-width: 1366px;
	background: #EDFFF8;
	padding: 40px 25px 45px 60px;
	border-radius: 10px;
	position: absolute;
	top: -80px;
	z-index: 999;
	border: 1px solid #008752
}

.bannerbelow i {
	position: absolute;
	z-index: 2;
	width: 40px;
	text-align: center;
	height: 33px;
	line-height: 33px;
	border-right: 1px solid #d2d2d2;
	margin: 5px 0;
	font-size: 17px;
	color: #747474
}

.banner25flow {
	width: 25%;
	margin-right: 10px
}

.banner42flow {
	width: 42%;
	margin-right: 10px
}

.banner48flow {
	width: 48%;
	margin-right: 10px
}

.wpcf7-text {
	padding-left: 50px
}

.behe-form {
	padding: 30px 0;
	background: #f9f9f9
}

.spe-exp p {
	margin: 0;
	color: #008752;
	line-height: 1.2;
	font-size: 32px;
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-weight: 900;
	line-height: 1.2;
	letter-spacing: 0;
	font-style: normal;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.special-section {
	padding: 40px 0;
	background: #f9f9f9
}

#countdown {
	background: #ff3a2d;
	padding: 20px 0
}

#countdown p {
	color: #fff;
	line-height: .8em
}

.countdown-div {
	font-size: 3.5rem;
	background: #fff;
	color: #000;
	height: 75px;
	width: 90px;
	font-weight: 700
}

.countdown-div span {
	padding-top: 26px !important;
	display: flex;
	justify-content: center
}

.know-purchase-sec {
	margin: 75px 0 50px 0;
	background-image: linear-gradient(90deg, #008752 0%, #feb303 100%)
}

.know-purchase-con {
	margin-top: 0;
	margin-bottom: 11px
}

.know-purchase-confirstp {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #fff;
	line-height: 1.2 !important;
	font-size: 32px !important;
	font-weight: 900;
	font-style: normal;
	margin-bottom: 20px
}

.fusion-separator-border {
	border-color: #fff;
	border-width: 1px;
	max-width: 70px;
	border-bottom-style: solid;
	border-top-style: solid;
	margin-bottom: 20px
}

.know-purchase-con p {
	margin-bottom: 20px;
	color: #fff;
	line-height: 1.4;
	font-size: 15px
}

.allyouneed {
	min-height: 415px;
	height: auto
}

.allyouneedimg img {
	width: 51%;
	position: absolute;
	top: -35px;
	left: 90px
}

.counter-sec {
	background-image: url(../images/pattern.svg);
	background-color: rgb(255 255 255 / .95);
	background-position: center center;
	background-repeat: no-repeat;
	background-blend-mode: overlay;
	padding: 100px 30px 100px 30px;
	background-size: cover
}

.countercoun h1 {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-size: 34px;
	line-height: 1.4;
	color: #333;
	font-weight: 900;
	margin-top: .67em;
	margin-bottom: .67em
}

.countercoun h4 {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #feb303;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 30px
}

.counting {
	border: 1px solid #e0dede;
	display: inline-block;
	background: #f9f9f9;
	font-weight: 700;
	padding: 0 20px !important;
	color: #008752;
	font-size: 120px;
	line-height: normal;
	margin-bottom: 30px
}

.countercoun p {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;
	color: #747474;
	margin-bottom: 50px
}

.strategy-sec {
	background-color: #feb303;
	padding: 20px 0
}

.strategysecc {
	margin-top: 20px;
	margin-bottom: 20px;
	width: calc(66.666666666667%)
}

.strategysecc p {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	color: #000;
	line-height: 1.4;
	text-transform: uppercase
}

.strategysecc4 {
	width: calc(33.333333333333%);
	justify-content: center
}

.strategysecc4 i {
	font-size: 18px
}

.strategysecc4 a {
	font-size: 14px
}

.calculator-sec {
	background-color: #f9f9f9;
	padding: 50px 0
}

.calculator-con h2 {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #008752;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 900;
	text-transform: uppercase
}

.calculator-con p {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	margin: 0;
	color: #feb303;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	margin-top: 20px;
	margin-bottom: 50px
}

.calc-field {
	padding: 0 5px
}

.wpcf7-form-control-wrap {
	position: relative
}

.wpcf7-select-parent {
	overflow: hidden;
	position: relative;
	width: 100%
}

.wpcf7-select {
	background: #fbfaf9;
	color: #333;
	cursor: pointer;
	display: block;
	font-size: 13px;
	width: 100%;
	padding: 8px 15px;
	z-index: 5;
	border-radius: 30px !important;
	border: 2px solid #008752 !important;
	-webkit-appearance: none
}

.cal-frm-control {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.select-arrow {
	border-radius: 30px;
	background: #feb303 !important;
	width: 35px !important;
	height: 35px !important;
	margin-top: 3px;
	margin-right: 3px;
	color: #fff;
	line-height: 36px !important;
	position: absolute;
	top: 1px;
	right: 2px;
	z-index: 10;
	text-align: center;
	pointer-events: none
}

.calc-form-input {
	background: #fbfaf9;
	color: #333;
	display: block;
	font-size: 13px;
	width: 100%;
	padding: 8px 15px;
	z-index: 5;
	border-radius: 30px !important;
	border: 2px solid #008752 !important;
	-webkit-appearance: none
}

.calc-form input::placeholder {
	color: #333;
	font-weight: 400
}

.calc-form-range {
	width: 100%;
	height: 10px;
	-webkit-appearance: none;
	background: #d5d5d5;
	border: 1px solid #ebebeb;
	border-radius: 5px;
	padding: 3px 0
}

.calc-form-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 25px;
	width: 25px;
	border-radius: 50%;
	background: #008752;
	cursor: pointer;
	box-shadow: 1px 1px 5px #000;
	transition: background .3s ease-in-out
}

.why-cg-sec {
	padding: 100px 0
}

.why-cg-head h3 {
	color: #008752;
	font-size: 32px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.2
}

.width33 {
	width: calc(33.333333333333% - ((0px + 0px) * 0.33333333333333));
	background-color: #008752
}

.width33 .why-box1 {
	background-position: left top;
	background-blend-mode: overlay;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #008752;
	padding: 30px 30px 10px;
	min-height: 0
}

.width33 .why-box2 {
	background-image: url(../images/why_choose/box-1.webp);
	background-position: center center;
	background-blend-mode: overlay;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgb(0 0 0 / .7);
	padding: 30px 30px 10px;
	min-height: 0
}

.width33 .why-box4 {
	background-image: url(../images/why_choose/box-2.webp);
	background-position: center center;
	background-blend-mode: overlay;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgb(0 0 0 / .7);
	padding: 30px 30px 10px;
	min-height: 0
}

.width33 .why-box6 {
	background-image: url(../images/why_choose/box-3.webp);
	background-position: left top;
	background-blend-mode: overlay;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgb(0 0 0 / .7);
	padding: 30px 30px 10px;
	min-height: 0
}

.why-box-inner h5 {
	margin-bottom: 20px;
	color: #fff;
	font-weight: 700;
	font-size: 22px;
	line-height: 1.3
}

.why-box-inner p {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	color: #fff;
	line-height: 1.4;
	font-size: 16px;
	font-weight: 400
}

.why-cg-clear {
	clear: both;
	display: block;
	height: 1px;
	font-size: 0;
	line-height: 0;
	width: 100%;
	overflow: hidden;
	margin-bottom: 15px
}

.callinstsecc {
	margin-top: 10px;
	margin-bottom: 10px;
	width: calc(66.666666666667%)
}

.callinstsecc p {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	color: #000
}

.callinstsecc4 {
	width: calc(33.333333333333%)
}

.callinstsecc4 a {
	font-size: 28px;
	color: #ff3a2d;
	font-weight: 700
}

.callinstsecc4 img {
	width: 14%;
	margin-left: 30px
}

.interest-sec {
	background-color: #f9f9f9;
	padding: 80px 0
}

.interest-con h3 {
	font-size: 32px;
	font-weight: 900;
	margin: 0;
	color: #008752;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 40px
}

.madeeasy {
	width: calc(32.555555555555% - ((30px + 30px) * 0.33333333333333));
	margin-right: 30px;
	margin-bottom: 30px
}

.madeeasy-inner {
	background-color: #feb303
}

.madeeasy-inner-grn span {
	background: rgb(0 0 0 / .2);
	display: inline-block
}

.madeeasy-inner-grn {
	background-color: #008752
}

.madeeasy-inner-red span {
	background: rgb(0 0 0 / .2);
	display: inline-block
}

.madeeasy-inner-red {
	background-color: #ff3a2d
}

.madeeasy-inner span {
	background: rgb(0 0 0 / .2);
	display: inline-block
}

.madeeasy-inner-con {
	padding: 30px
}

.madeeasy-inner-con h3 {
	color: #fff;
	line-height: 1.2;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	margin-bottom: 20px
}

.madeeasy-inner-con p {
	color: #fff;
	margin-bottom: 20px;
	font-size: 18px;
	line-height: 1.4
}

.madeeasy-inner-con i {
	font-size: 13px;
	width: 30px;
	height: 30px;
	text-align: center;
	background: rgb(255 255 255 / .5);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	z-index: 3
}

.accreditations-sec {
	padding: 50px 0
}

.accre-con h3 {
	font-size: 32px;
	font-weight: 900;
	margin: 0;
	color: #008752;
	line-height: 1.2;
	text-transform: uppercase;
	margin-bottom: 40px
}

.accre-img div {
	display: flex;
	justify-content: center;
	width: 16.6%
}

.slick-prev,
.slick-next {
	position: absolute;
	top: 135%;
	font-size: 1.8rem
}

.slick-prev {
	left: 0
}

.slick-next {
	right: 0
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: #fff0
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: ''
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}

[dir='rtl'] .slick-slide {
	float: right
}

.slick-slide img {
	display: block
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid #fff0
}

.slick-arrow.slick-hidden {
	display: none
}

.slide {
	transition: filter .4s;
	margin: 0 40px
}

.fas {
	color: #96bd0b
}

.slick-prev {
	left: 0
}

.slick-prev,
.slick-next {
	position: absolute;
	top: 35%;
	font-size: 1.8rem
}

.section {
	max-width: 1200px;
	margin: 0 auto
}

.off-details-sec {
	padding: 60px 0 30px 0
}

.pay-pge-sec {
	padding: 0 0 30px 0
}

.head-office {
	width: calc(33.333333333333% - ((30px) * 0.33333333333333));
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 30px 30px 10px;
	background-color: #f9f9f9;
	min-height: 384.391px
}

.head-office-inner h3 {
	line-height: 1.2;
	font-size: 32px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 30px
}

.head-office-getquote {
	width: calc(33.333333333333% - ((30px) * 0.33333333333333));
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 30px 30px 10px;
	background-color: #f9f9f9;
	min-height: 324.391px
}

.head-office-getquote p {
	font-size: 16px;
	line-height: 1.4;
	color: #747474
}

.head-office-inner-getquote h3 {
	line-height: 1.2;
	font-size: 32px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 30px
}

.fus-icon-wrapper {
	background-color: #008752;
	font-size: 14.08px;
	height: 27px;
	width: 27.2px;
	margin-right: 11.2px;
	border-radius: 50%;
	background-clip: padding-box;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left
}

.head-office-battery {
	width: calc(33.333333333333% - ((30px) * 0.33333333333333));
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 30px 30px 10px
}

.fus-icon-wrapper i {
	color: #fff
}

.fuss-ulli {
	font-size: 16px;
	line-height: 27.2px
}

.fusion-li-item {
	padding: 5.5px 0
}

.fusion-li-item-content a {
	color: #353535
}

.fusion-li-item-content a:hover {
	color: #318d48
}

.have-que {
	width: calc(63.6666666666% - ((30px) * 0.33333333333333));
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 30px 30px 30px;
	background-color: #f9f9f9;
	min-height: 384.391px
}

.pay-pge {
	width: calc(63.6666666666% - ((30px) * 0.33333333333333));
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 30px 30px 30px
}

.have-que-getquote {
	width: calc(63.6666666666% - ((30px) * 0.33333333333333));
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 30px 30px 10px;
	background-color: #feb303;
	min-height: 324.391px
}

.have-que-inner h3 {
	line-height: 1.2;
	font-size: 32px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #ff3a2d
}

.pay-pge-inner h3 {
	line-height: 1.2;
	font-size: 26px;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: #008752
}

.havequeform select,
.havequeform input {
	background: #fff;
	border-bottom: 1px solid #d2d2d2;
	color: #333;
	font-size: 13px;
	font-weight: 500;
	width: 100%;
	padding: 8px 15px;
	height: 43px
}

.havequeform textarea {
	background: #fff;
	border-bottom: 1px solid #d2d2d2;
	color: #333;
	font-size: 13px;
	font-weight: 500;
	width: 100%;
	padding: 8px 15px
}

.havequeform select {
	cursor: pointer
}

.havequeform select option {
	color: #333;
	font-weight: 500
}

.havequeform input::placeholder {
	color: #333;
	font-weight: 500
}

.havequeform textarea::placeholder {
	color: #333
}

.netcc-app-sec {
	padding: 30px 0 60px 0
}

.netcc-app {
	display: flex;
	align-items: center;
	justify-content: space-around
}

.netcc-app img {
	width: 10%
}

.netcc-app h3 {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	color: #000
}

.news-sec {
	padding: 80px 0;
	background-image: url(../images/pattern.svg);
	background-size: cover;
	background-color: rgb(255 255 255 / .95);
	background-position: center top;
	background-repeat: no-repeat;
	background-blend-mode: overlay
}

.wdt30 {
	width: 30%;
	margin-right: 10px
}

.wdt32 {
	width: 32%
}

.wdt50 {
	width: 50%
}

.wdth50 {
	width: 48%;
	margin-right: 10px
}

.wdt56 {
	width: 56%
}

.news-sec-inner-gra {
	padding-top: calc(80% + 7.4px);
	background-size: cover;
	background-position: center center
}

.pro-rev-sec {
	padding: 80px 0
}

.newsletter-sec {
	background-image: url(../images/newsletter-bg.webp);
	background-size: cover;
	background-repeat: no-repeat;
	padding: 80px 0
}

.newsletter-sec-inner p {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
	color: #fff;
	line-height: 1.6
}

.newsletter-sec-inner h3 {
	font-size: 32px;
	font-weight: 900;
	margin: 0;
	color: #008752;
	line-height: 1.2;
	text-transform: uppercase
}

.footer-area {
	position: relative;
	padding: 160px 0 25px 0;
	background-color: #008752;
	color: #fff;
	margin-top: 90px;
	display: flex;
	justify-content: center
}

.textwidget a {
	color: #fff;
	line-height: 34px;
	display: block;
	text-transform: uppercase
}

.textwidget a:hover {
	color: #feb303
}

.footer-widget2 {
	width: 17.5%
}

.footer-widget2 h4 {
	font-size: 13px;
	line-height: 1.5;
	margin-bottom: 10px;
	color: #feb303;
	font-weight: 700;
	text-transform: uppercase
}

.textwidget2 a {
	font-size: 13px;
	line-height: 27px;
	color: #fff;
	display: block
}

.textwidget2 a:hover {
	color: #feb303
}

.fusion-separator {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	max-width: 70px
}

.fusion-separator-what {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	max-width: 70px
}

.fusion-separator-borderwhat {
	border-color: #feb303;
	border-width: 1px;
	max-width: 70px;
	border-top-style: solid
}

.fusion-sep-clear {
	clear: both;
	display: block;
	height: 1px;
	font-size: 0;
	line-height: 0;
	width: 100%;
	overflow: hidden
}

.fusion-separator-border2 {
	border-color: #feb303;
	border-width: 1px;
	max-width: 70px;
	border-top-style: solid
}

.fusion-separator-border3 {
	border-color: #008752;
	border-width: 1px;
	border-top-style: solid
}

.footer-call212 {
	margin-top: 12px
}

.footer-call212 a {
	font-family: 'Poppins';
	font-size: 33px;
	font-weight: 700;
	color: #feb303;
	margin-left: 10px
}

.footer-call212 p {
	font-size: 14px;
	font-weight: 400;
	margin: 1em 0;
	line-height: 1.6
}

.below-footer-sec {
	background-color: #008752
}

.below-footer-inner {
	display: table-cell;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 13px
}

.bfs-inn {
	max-width: 1366px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 20px 0
}

.below-footer-inner a {
	color: #fff
}

.below-footer-inner a:hover {
	color: #feb303
}

.below-footer-inner span {
	color: #feb303;
	padding: 0 10px
}

.footer-social-icn {
	display: flex;
	justify-content: flex-end;
	margin: auto
}

.mainbannerwddth {
	width: 35%
}

.rsformwdt300 {
	width: 300px
}

.rsformwdt310 {
	width: 310px
}

.wdt53 {
	width: 53%
}

.wdt23 {
	width: 23%
}

.wdt25 {
	width: 25%
}

.wdt25-panel {
	width: 25%
}

.wdt25-inverter {
	width: 25%
}

.wdt25-battery {
	width: 25%
}

.jusconspaeve {
	justify-content: space-evenly
}

.fusion-button-wht-hover {
	font-size: 13px !important;
	width: 41%;
	margin-top: 22px
}

.footer-prt1 {
	width: 30%;
	padding-right: 40px
}

.footer-prt2 {
	width: 18.75%
}

.easy-inner {
	width: calc(66.666666666667% - ((0px) * 0.66666666666667));
	background-color: #feb303;
	padding: 30px 30px 0 30px;
	min-height: 496.172px;
	height: auto;
	text-align: center
}

.easy-inner2 {
	width: 100%;
	background-color: #008752;
	padding: 30px 30px 0 30px;
	min-height: 496.172px;
	height: auto;
	text-align: center
}

.easy-inner3 {
	width: 100%;
	background-color: #ff3a2d;
	padding: 30px 30px 0 30px;
	min-height: 496.172px;
	height: auto;
	text-align: center
}

.easy-inner3-install {
	width: 100%;
	background-color: #ff3a2d;
	padding: 30px 30px 0 30px;
	height: auto;
	text-align: center
}

.easy-inner-install {
	width: 100%;
	background-color: #feb303;
	padding: 30px 30px 0 30px;
	height: auto;
	text-align: center
}

.easy-inner2-install {
	width: 100%;
	background-color: #008752;
	padding: 30px 30px 0 30px;
	height: auto;
	text-align: center
}

.easy-inner-head h2 {
	font-weight: 900;
	font-size: 32px;
	line-height: 1.2;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 30px
}

.easy-inner-img span {
	padding: 60px;
	border-radius: 50%;
	border: 10px solid #fff;
	background-color: rgb(0 0 0 / .3);
	display: inline-block;
	margin-bottom: 30px
}

.easy-inner-img img {
	max-width: 150px
}

.easy-inner-con a,
.easy-inner-con p {
	color: #fff;
	line-height: 1.4;
	font-size: 16px
}

.easy-inner-con-install p {
	color: #fff;
	line-height: 1.4;
	font-size: 16px;
	max-width: 768px;
	margin: 30px auto 30px auto
}

.easy-inner-form {
	width: calc(33.333333333333% - ((0px) * 0.33333333333333));
	background-color: #feb303;
	padding: 30px;
	min-height: 496.172px;
	height: auto;
	text-align: center
}

.solarmadeeasy-sec {
	padding-bottom: 90px
}

.fusion-candy-ylw {
	fill: #feb303;
	padding: 0
}

.fusion-candy-grn {
	fill: #008752;
	padding: 0
}

.fusion-candy-red {
	fill: #ff3a2d;
	padding: 0
}

.abt-slr-pnl-sec {
	padding-bottom: 60px
}

.how-slr-wrks-sec {
	padding-bottom: 60px
}

.abt-slr-pnl {
	width: calc(66.666666666667% - ((30px) * 0.66666666666667));
	margin-right: 30px;
	background-color: #008752;
	padding: 30px;
	min-height: 236.891px
}

.abt-slr-pnl p {
	font-family: Poppins, Arial, Helvetica, sans-serif;
	font-weight: 400;
	margin-bottom: 0;
	line-height: 1.4;
	font-size: 16px;
	color: #fff
}

.abt-slr-pnl-img {
	width: calc(33.333333333333% - ((30px) * 0.33333333333333));
	min-height: 296.891px;
	height: auto
}

.how-slr-wrks {
	width: 50%;
	margin-right: 30px;
	background-color: #008752;
	padding: 30px;
	min-height: 236.891px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.ben-slrr-inner {
	width: 50%;
	background-color: #008752;
	padding: 20px 30px 15px 30px;
	min-height: 236.891px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.how-slr-wrks h2 {
	color: #fff;
	font-size: 32px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.2
}

.how-slr-wrks p {
	color: #fff
}

.what-solar-do-sec {
	padding: 70px 0
}

.what-solar-do-img {
	width: calc(25% - ((90px) * 0.25));
	min-height: 280.328px;
	height: auto;
	width: 100%;
	max-width: 250px;
	margin-right: 90px
}

.what-solar-do {
	width: calc(75% - ((90px) * 0.75))
}

.what-solar-do-inner h2 {
	color: #008752;
	line-height: 1.2;
	font-size: 32px;
	font-weight: 900
}

.what-solar-ulli {
	font-size: 16px;
	line-height: 27.2px
}

.what-solar-ulli li {
	display: flex;
	padding: 5.5px 0
}

.what-solar-ulli p {
	color: #747474;
	margin-bottom: 0;
	margin-left: 25px;
	font-size: 16px;
	line-height: 27.2px
}

.how-slr-wrks-ulli {
	font-size: 16px;
	line-height: 27.2px
}

.how-slr-wrks-ulli li {
	display: flex;
	padding: 5.5px 0
}

.how-slr-wrks-ulli p {
	color: #fff;
	margin-bottom: 0;
	margin-left: 25px;
	font-size: 16px
}

.ben-slrr-ulli {
	font-size: 16px;
	line-height: 27.2px
}

.ben-slrr-ulli li {
	display: flex;
	padding: 0 0 5.5px 0;
	align-items: center
}

.ben-slrr-ulli p {
	color: #fff;
	margin-bottom: 0;
	margin-left: 25px;
	font-size: 14px
}

.how-slr-wrks-img {
	width: 47%;
	min-height: 296.891px;
	height: auto
}

.ben-slrr-con {
	width: 47%;
	margin-right: 3%
}

.ben-slrr-con h2 {
	color: #008752;
	font-size: 32px;
	font-weight: 900;
	line-height: 1.2
}

.ben-slrr-con p {
	color: #747474
}

.what-solar-do p {
	color: #747474
}

.faq-accordian-box-second {
	margin-bottom: 15px;
	border: 1px solid #008752
}

.accordian-header-second a.btn {
	font-weight: 700;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: .02em;
	text-transform: capitalize;
	position: relative;
	color: #333;
	border-radius: 0;
	padding: 15px 40px 15px 32px;
	display: block;
	text-align: left;
	padding-left: 55px !important
}

.accordian-header-second a i.fa {
	position: absolute;
	left: 23px;
	font-size: 25px;
	transition: 0.5s
}

.accordian-header-second:hover {
	color: #008752
}

.faq-accordian-box-second:hover {
	background: #f9f9f9
}

.card-body-second {
	padding: 15px 25px 25px 25px;
	line-height: 1.4;
	color: #747474;
	font-size: 16px
}

.accordian-header-second a.btn.collapsed i.fa {
	transition: 0.5s;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg)
}

.products-sub-head {
	display: flex;
	align-items: flex-end;
	align-content: flex-end
}

.products-sub-head p {
	margin-bottom: 0;
	color: #008752;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 700;
	line-height: 50px;
	cursor: pointer
}

.slr-pkgs-sec:before {
	content: '';
	left: 0;
	right: 0;
	position: absolute;
	top: 29.55pc;
	border-bottom: 1px solid #008752
}

.nth-code-package .wdt25:nth-child(2),
.nth-code-package .wdt25:nth-child(3),
.nth-code-package .wdt25:nth-child(4) {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 1
}

.nth-code-package .wdt25:nth-child(2):hover,
.nth-code-package .wdt25:nth-child(3):hover,
.nth-code-package .wdt25:nth-child(4):hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(0%);
	opacity: 1
}

.nth-code-package .wdt25-panel:nth-child(1),
.nth-code-package .wdt25-panel:nth-child(3),
.nth-code-package .wdt25-panel:nth-child(4) {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 1
}

.nth-code-package .wdt25-panel:nth-child(1):hover,
.nth-code-package .wdt25-panel:nth-child(3):hover,
.nth-code-package .wdt25-panel:nth-child(4):hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(0%);
	opacity: 1
}

.nth-code-package .wdt25-inverter:nth-child(1),
.nth-code-package .wdt25-inverter:nth-child(2),
.nth-code-package .wdt25-inverter:nth-child(4) {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 1
}

.nth-code-package .wdt25-inverter:nth-child(1):hover,
.nth-code-package .wdt25-inverter:nth-child(2):hover,
.nth-code-package .wdt25-inverter:nth-child(4):hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(0%);
	opacity: 1
}

.nth-code-package .wdt25-battery:nth-child(1),
.nth-code-package .wdt25-battery:nth-child(2),
.nth-code-package .wdt25-battery:nth-child(3) {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 1
}

.nth-code-package .wdt25-battery:nth-child(1):hover,
.nth-code-package .wdt25-battery:nth-child(2):hover,
.nth-code-package .wdt25-battery:nth-child(3):hover {
	-webkit-filter: grayscale(100%);
	filter: grayscale(0%);
	opacity: 1
}

.fusion-column-content {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

.fusion-imageframe {
	flex: 1;
	max-width: 100%;
	display: inline-block;
	z-index: 1;
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	max-width: 100%;
	max-width: 100px;
	margin-right: 30px
}

.fusion-title-packages h2 {
	font-size: 28px;
	color: #008752;
	line-height: 1.2;
	font-weight: 900
}

.fusion-align-block-packages {
	margin: 45px 0 25px 0
}

.packages-fusion-2 {
	width: calc(63.6666666666% - ((30px) * 0.33333333333333));
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 0 30px 30px
}

.packages-fusion-3 {
	width: calc(63.6666666666% - ((30px) * 0.33333333333333));
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 30px;
	background: #f9f9f9
}

.packages-fusion-3 h3 {
	font-size: 26px;
	font-weight: 700;
	color: #008752;
	line-height: 1.2
}

.ddset {
	margin-top: 30px;
	text-align: right
}

.ddset a {
	color: #333;
	font-weight: 700;
	line-height: 1.4;
	font-size: 16px
}

.packages-fusion-2 h3 {
	font-size: 32px;
	font-weight: 900;
	color: #008752;
	line-height: 1.2
}

.packages-fusion-2p {
	color: #747474;
	font-weight: 400;
	line-height: 1.4;
	font-size: 16px;
	margin: 25px 0
}

.packages-fusion-66 h2 {
	color: #000;
	font-size: 25px;
	font-weight: 600;
	margin-top: 20px
}

.packages-fusion-66 h3 {
	color: #feb303;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700
}

.pack-fus-ulli {
	font-size: 16px;
	line-height: 27.2px
}

.pack-fus-ulli li {
	display: flex;
	padding: 5.5px 0
}

.pack-fus-ulli p {
	color: #747474;
	margin-bottom: 0;
	margin-left: 10px;
	font-size: 14px;
	line-height: 23.8px
}

.pack-fus-ulli i {
	color: #008752;
	font-size: 22px
}

.solar-packages-sec {
	padding: 20px 0 50px 0
}

.solar-stm-sec {
	padding: 20px 0 5px 0
}

.packicn1 {
	width: 27%;
	cursor: pointer
}

.packicn2 {
	width: 27%;
	cursor: pointer
}

.packicn3 {
	width: 19%;
	height: 70px
}

.packicn4 {
	width: 23%;
	height: 70px
}

.packages-main-container {
	max-width: 1366px;
	padding: 100px 0;
	border-bottom: 4px solid #008752
}

.solar-panel-first {
	width: calc(25% - ((90px + 30px) * 0.25));
	margin-right: 90px
}

.solar-panel-second {
	width: calc(50% - ((90px + 30px) * 0.5));
	margin-right: 30px;
	margin-bottom: 20px;
	height: 470px;
	padding: 20px 30px 20px;
	background-color: #f9f9f9
}

.solar-panel-second h2 {
	color: #318d48;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2;
	margin: 20px 0
}

.solar-panel-second p {
	font-weight: 400;
	color: #747474;
	line-height: 1.4;
	font-size: 16px
}

.solar-panel-second a {
	font-weight: 700;
	color: #000;
	line-height: 1.4;
	font-size: 16px
}

.solar-panel-third {
	width: calc(25% - ((90px + 30px) * 0.25))
}

.solar-panel-third h4 {
	font-size: 18px;
	line-height: 1.2;
	color: #333;
	font-weight: 700
}

.solar-panel-third a i {
	font-size: 13px;
	width: 30px;
	height: 30px;
	text-align: center;
	background: rgb(255 255 255 / .5);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	z-index: 3
}

.comm-sec {
	padding: 0
}

.dedication-main-sec {
	padding: 30px 0 60px 0
}

.dedication-main-sec2 {
	padding: 60px 0;
	background-color: #f9f9f9
}

.dedication-main-sec3 {
	padding: 60px 0 0 0
}

.dedic-sec-dv1 {
	width: calc(25% - ((4%) * 0.25));
	margin-right: 4%
}

.dedic-sec-dv12 {
	width: calc(25% - ((4%) * 0.25));
	margin-left: 4%
}

.dedic-sec-dv2 {
	width: calc(75% - ((4%) * 0.75))
}

.dedic-h3 {
	color: #318d48;
	font-size: 32px;
	font-weight: 900;
	line-height: 1.2
}

.dedic-h4 {
	font-size: 26px;
	line-height: 1.2;
	color: #333;
	font-weight: 700;
	margin-top: 8px;
	margin-bottom: 20px
}

.dedic-h41 {
	font-size: 26px;
	line-height: 1.2;
	color: #333;
	font-weight: 700;
	margin-top: 35px;
	margin-bottom: 10px
}

.dedic-sec-dv2 p {
	color: #747474;
	line-height: 1.4;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px
}

.fin-adv-ulli li {
	list-style: disc;
	font-size: 16px;
	color: #747474;
	line-height: 1.4;
	margin-left: 50px
}

.child-home-banner {
	width: calc(66.666666666667% - ((30px) * 0.66666666666667));
	margin-right: 30px;
	background: url(../images/home-banner.webp);
	background-repeat: no-repeat;
	background-size: cover;
	height: 395px;
	background-position: center
}

.child-home-count {
	width: calc(33.333333333333% - ((30px) * 0.33333333333333))
}

.special-sec {
	padding: 50px 30px
}

.child-home-banner h2 {
	font-family: Raleway;
	color: #fff;
	white-space: normal;
	text-align: center;
	line-height: 25px;
	text-shadow: rgb(0 0 0 / .7) 4px 4px 8px;
	letter-spacing: 0;
	font-weight: 900;
	font-size: 23px;
	text-transform: uppercase;
	padding-top: 7px;
	animation: fadeInLeftMore 1s
}

.childbannerhuge h4 {
	font-family: Raleway;
	display: inline-block;
	color: #fff;
	line-height: 28px;
	text-shadow: rgb(0 0 0 / .7) 4px 4px 8px;
	font-weight: 900;
	font-size: 26px;
	padding-right: 5px;
	padding-top: 18px;
	animation: fadeInLeftMoretwo 2s
}

.childbannerhuge h2 {
	font-family: Poppins;
	display: inline-block;
	color: #fff000;
	line-height: 83px;
	text-shadow: rgb(0 0 0 / .7) 4px 4px 8px;
	letter-spacing: 0;
	font-weight: 900;
	font-size: 73px;
	animation: flipInXMoretwo 2s
}

.childhomebannerwhy h3 {
	background-color: #474546;
	font-family: Raleway;
	color: #fff000;
	white-space: nowrap;
	line-height: 32px;
	font-weight: 800;
	font-size: 15px;
	text-transform: uppercase;
	margin-top: 10px;
	animation: fadeInLeftMoretwoBelow 3s
}

.childbannerwhy1 p {
	background-color: #fff000;
	font-family: Raleway;
	color: #000;
	white-space: normal;
	width: 281px;
	text-align: left;
	line-height: 25px;
	font-weight: 700;
	font-size: 11px;
	padding-left: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
	margin: 6px 0 10px -6px;
	text-transform: uppercase
}

.childproimg {
	width: 30%
}

.childproimg img {
	height: 17.05pc;
	animation: zoomInLate 2s
}

.childmaintopic {
	animation: fadeInRightMoretwoBelow 3s
}

.childmaintopic i {
	color: #fff;
	font-size: 15px
}

.childmaintopic p {
	font-family: Raleway;
	height: auto;
	color: #fff;
	white-space: normal;
	width: 344px;
	text-align: left;
	font-weight: 700;
	font-size: 12px;
	margin: 0 0 0 10px
}

.childbannerhighlight h4 {
	font-family: Raleway;
	font-style: italic;
	color: red;
	white-space: normal;
	text-align: left;
	line-height: 16px;
	font-weight: 700;
	font-size: 14px
}

.childbannerhighlight h5 {
	font-family: Raleway;
	font-style: italic;
	color: #fff000;
	text-decoration: none;
	white-space: normal;
	text-align: left;
	line-height: 16px;
	font-weight: 900;
	font-size: 14px;
	text-transform: uppercase;
	padding-top: 7px
}

.childbannerrate p {
	font-family: Poppins;
	height: auto;
	width: auto;
	color: #fff000;
	white-space: nowrap;
	line-height: 57px;
	font-weight: 900;
	font-size: 45px;
	margin-bottom: 0
}

.childmainbannerspe h3 {
	font-family: Raleway;
	color: red;
	white-space: normal;
	line-height: 25px;
	font-weight: 900;
	font-size: 15px;
	margin-top: 5px;
	animation: fadeInRightMoretwoBelow 3s
}

.child-countdown {
	font-size: 2.2rem;
	background: #fff;
	color: #000;
	height: 60px;
	width: 70px;
	font-weight: 700
}

.child-countdown span {
	padding-top: 19px !important;
	display: flex;
	justify-content: center
}

.child-ctdown {
	width: 23%;
	display: flex;
	flex-direction: column;
	align-items: center
}

.child-form-head {
	font-size: 23px;
	line-height: 1.15;
	color: #333;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 10px
}

.spe-main-sec-inner {
	padding: 30px;
	background: #f9f9f9;
	margin-top: 40px
}

.spe-main-sec-inner-ylw {
	padding: 30px;
	background: #feb303;
	margin-top: 40px
}

.spe-main-sec-inner-wht {
	padding: 40px 30px;
	background: #fff
}

.spe-main-sec-inner-wht p {
	color: #747474;
	line-height: 1.4;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400
}

.spe-main-sec {
	padding: 60px 0;
	background: #318d48
}

.spe-main-sec-h3 {
	color: #fff;
	text-transform: uppercase;
	font-size: 34px;
	line-height: 1.4;
	font-weight: 900;
	margin-bottom: 5px;
	text-align: center
}

.spe-main-sec-p {
	color: #fff;
	line-height: 1.4;
	font-size: 16px;
	font-weight: 400;
	text-align: center
}

.sp-spe-main {
	width: calc(50% - ((4%) * 0.5));
	margin-right: 4%;
	position: relative
}

.sp-spe-main:before {
	content: '';
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: #feb303;
	top: 0;
	left: 111px;
	bottom: 0;
	margin: auto
}

.sp-spe-main1 {
	width: calc(50% - ((4%) * 0.5));
	margin-right: 4%;
	display: flex;
	align-items: center;
	position: relative
}

.sp-spe-main1:before {
	content: '';
	position: absolute;
	width: 400px;
	height: 400px;
	border-radius: 50%;
	background: #008752;
	left: -55px;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.sp-spe-main4 {
	width: calc(50% - ((4%) * 0.5));
	margin-right: 4%;
	display: flex;
	align-items: center;
	justify-content: center
}

.sp-spe-main2 {
	width: calc(50% - ((4%) * 0.5));
	padding: 30px 0
}

.sp-spe-main-img {
	width: 400px;
	height: 400px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 2;
	padding-left: 10%
}

.sp-spe-main-img img {
	max-height: 300px;
	width: auto
}

.sp-spe-main-logo {
	position: absolute;
	top: 0;
	bottom: 0;
	background: #fff;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 45px 0 90px;
	right: 0;
	left: 252px;
	margin: auto;
	z-index: 1;
	height: 140px
}

.sp-spe-main-logo1 {
	position: absolute;
	top: 0;
	bottom: 0;
	background: #fff;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 0 45px 0 90px;
	right: 0;
	left: 252px;
	margin: auto;
	z-index: 1;
	height: 140px
}

.sp-spe-main2 h3 {
	color: #008752;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2
}

.sp-spe-main5 {
	width: calc(50% - ((4%) * 0.5));
	display: flex;
	justify-content: center;
	align-items: center
}

.sp-spe-main5 h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1.2;
	text-align: center
}

.spe-why-us {
	padding: 80px 0
}

.spe-why-us-inner h3 {
	color: #008752;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 30px
}

.spe-why-us-left {
	padding: 40px 0 20px 100px;
	position: relative
}

.spe-why-us-left p,
.spe-why-us-right p {
	margin-bottom: .8em
}

.spe-why-us-left p strong,
.spe-why-us-right p strong {
	font-size: 15px
}

.number-box-no {
	width: 70px;
	height: 70px;
	font-size: 50px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	position: absolute;
	top: 2.95pc;
	left: 0pc
}

.spe-why-us-right {
	padding: 40px 100px 20px 0;
	position: relative
}

.spe-why-us-right .number-box-no {
	left: auto;
	right: 0pc
}

.bg-orange {
	background: #feb303
}

.bg-green {
	background: #008752
}

.bg-red {
	background: #ff3a2d
}

.single-testimonial {
	background: #318d48;
	padding: 60px 0
}

.single-testimonial-inner {
	width: calc(50% - ((4%) * 0.5));
	margin-right: 4%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.single-testimonial-inner h3 {
	color: #fff;
	font-size: 32px;
	text-transform: uppercase;
	font-weight: 900;
	line-height: 1.2;
	margin-bottom: 30px
}

.single-testimonial-inner blockquote {
	background-color: #feb303;
	color: #fff;
	padding: 25px;
	font-style: italic;
	font-size: 16px;
	position: relative
}

.single-testimonial-inner blockquote p {
	margin: 0
}

.single-testimonial-inner blockquote:after {
	position: absolute;
	left: 35px;
	top: 4.9pc;
	content: " ";
	pointer-events: none;
	border: medium solid #fff0;
	border-top-color: #feb303 !important;
	border-width: 10px
}

.spe-author-name {
	color: #fff;
	font-size: 16px
}

.single-testimonial-inner2 {
	width: calc(50% - ((4%) * 0.5))
}

.single-testimonial-inner2 div {
	min-height: 370px;
	height: auto;
	position: relative;
	border: 5px solid #ff3a2d
}

.single-testimonial-inner2 div iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.special-lock {
	background: #ff3a2d;
	padding: 60px 0
}

.special-lock h1 {
	color: #fff;
	font-size: 40px;
	line-height: 1.2;
	font-weight: 900;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 50px
}

.spe-lock1 {
	width: calc(33.333333333333% - ((4% + 4%) * 0.33333333333333));
	margin-right: 4%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.spe-lock3 {
	width: calc(33.333333333333% - ((4% + 4%) * 0.33333333333333));
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column
}

.spe-lock1 h4 {
	margin: 0;
	color: #fff;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700
}

.spe-lock1 a {
	color: #fff;
	font-size: 32px;
	font-weight: 700;
	line-height: 1.2
}

.or-box {
	min-height: 103px;
	height: auto
}

.or-box div {
	width: 100px;
	height: 94px;
	font-size: 40px;
	font-weight: 400;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #333;
	background: #f9f9f9;
	border-radius: 50%;
	margin: auto
}

.spe-lock-below {
	text-align: center;
	margin-top: 20px
}

.spe-lock-below a {
	font-size: 16px;
	color: #fff;
	line-height: 1.4
}

.our-stry-sec {
	padding: 60px 20px
}

.stry-sec-dv-right {
	width: calc(66.666666666667% - ((4%) * 0.66666666666667));
	margin-right: 4%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.stry-sec-dv-right p {
	color: #747474;
	line-height: 1.4;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px
}

.stry-sec-dv1 {
	width: calc(33.333333333333% - ((4%) * 0.33333333333333));
	display: flex;
	justify-content: center;
	align-items: center
}

.stry-sec-dv1 span {
	border-radius: 50%;
	-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
	max-width: 400px
}

.abt-fussep {
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 100%;
	max-width: 70px
}

.dedic-h3 span {
	color: #feb303;
	font-family: yellowtail
}

.our-stry-sec-bg {
	padding: 60px 0;
	background-color: rgb(255 255 255 / .9);
	background-position: center center;
	background-repeat: no-repeat;
	background-blend-mode: color-dodge;
	background-size: cover;
	background-image: url(../images/about-bg1.webp)
}

.our-stry-sec-bg2 {
	padding: 60px 0;
	background-color: rgb(255 255 255 / .9);
	background-position: center top;
	background-repeat: no-repeat;
	background-blend-mode: color-dodge;
	background-size: cover;
	background-image: url(../images/about-bg2.webp)
}

.stry-sec-dv-left {
	width: calc(66.666666666667% - ((4%) * 0.66666666666667));
	margin-left: 4%;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.stry-sec-dv-left p {
	color: #747474;
	line-height: 1.4;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px
}

.stry-sec-dv-left ol {
	color: #747474;
	line-height: 1.4;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px;
	margin-left: 40px
}

.stry-sec-dv-left ol li {
	list-style-type: auto;
	margin-bottom: 5px
}

#svgmap-au {
	width: 100%;
	max-width: 480px;
	height: 100%;
	position: relative;
	display: block;
	height: 500px;
	margin: auto
}

#svgmap-au svg path {
	fill: #008752 !important
}

#svgmap-au svg path:hover,
#svgmap-au svg .active path {
	fill: #feb303 !important
}

#svgmap-au .map-label {
	position: absolute;
	z-index: 999;
	text-align: center
}

#svgmap-au a {
	color: #fff !important;
	font-weight: 700;
	user-select: none
}

.map-label-nt {
	top: 110px;
	left: 235px
}

.map-label-wa {
	top: 190px;
	left: 100px
}

.map-label-sa {
	top: 230px;
	left: 250px
}

.map-label-qld {
	top: 150px;
	left: 360px
}

.map-label-nsw {
	top: 272px;
	left: 380px
}

.map-label-vic {
	top: 333px;
	left: 340px
}

.map-label-tas {
	top: 413px;
	left: 385px
}

.contcon-sec {
	padding: 50px 20px 100px 20px
}

.contact-onimg,
.contact-chancon {
	width: calc(33.333333333333% - ((30px + 30px) * 0.33333333333333));
	margin-right: 30px;
	position: relative
}

.contact-onimg img {
	border: 5px solid #318d48;
	border-radius: 50%;
	-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
	width: 100%;
	max-width: 300px
}

.contact-chancon h3 {
	color: #ff3a2d;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700;
	padding-bottom: 10px
}

.contact-chancon a {
	color: #318d48;
	line-height: 1.4;
	font-size: 16px;
	margin-top: 20px;
	padding-bottom: 10px;
	font-weight: 700
}

.contact-chancon ul {
	font-size: 14px;
	line-height: 23.8px;
	padding: 0;
	margin: 30px 0 0
}

.contact-chancon ul li {
	padding: 5.5px 0;
	list-style-type: "\2BC8";
	margin-left: 10px
}

.contact-chancon ul li::marker {
	color: #008752
}

.contact-sidfrm {
	width: calc(33.333333333333% - ((30px + 30px) * 0.33333333333333))
}

.contact-sidfrm form {
	background-color: #feb303;
	padding: 10px
}

.store-details {
	position: absolute;
	left: calc(-100% - 15px);
	right: 15px;
	border-top: 1px solid #318d48;
	border-bottom: 1px solid #318d48;
	padding-top: 30px;
	padding-bottom: 0;
	margin-bottom: 0 !important;
	top: 360px;
	font-weight: 700
}

.conbelowcon {
	display: flex;
	align-items: center;
	padding-left: 100px
}

.conbelowcon span {
	margin-right: 20px
}

.conbelowcon i {
	line-height: 37px;
	margin: 0;
	color: #318d48;
	font-size: 28px
}

.conbelowcon div {
	color: #318d48 !important
}

.repaire-sec {
	padding: 0 20px 60px 20px
}

.repaireinnersec {
	width: calc(50% - ((30px) * 0.5));
	margin-right: 30px
}

.repaireinnersec2 {
	width: calc(50% - ((30px) * 0.5));
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(https://captaingreen.com.au/images/future-tickets.webp);
	min-height: 1329.61px;
	height: auto
}

.repaire-form input[type='text'],
.repaire-form input[type='email'],
.repaire-form input[type='date'] {
	width: 100%;
	height: 43px;
	font-size: 13px;
	color: #333;
	border: 1px solid #d2d2d2;
	padding: 0 15px;
	margin-bottom: 10px
}

.repaire-form textarea {
	width: 100%;
	font-size: 13px;
	color: #333;
	border: 1px solid #d2d2d2;
	padding: 10px 10px 10px 15px;
	margin-bottom: 10px
}

.repaire-form select {
	width: 100%;
	height: 43px;
	font-size: 13px;
	color: #333;
	border: 1px solid #d2d2d2;
	padding: 0 15px;
	margin-bottom: 10px;
	cursor: pointer
}

.repaire-form input::placeholder,
.repaire-form textarea::placeholder {
	color: #333
}

.repaire-h3 {
	color: #008752;
	font-size: 22px;
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 20px
}

.ds-uploads label {
	font-size: 12px
}

.codedropz-upload-wrapper {
	position: relative
}

.codedropz-upload-handler {
	border: 2px dashed #c5c5c5;
	border-radius: 5px;
	margin-bottom: 10px;
	position: relative;
	padding: 15px 20px;
	overflow: hidden;
	width: 100%;
	height: 113px;
	white-space: nowrap;
	text-align: center;
	text-overflow: ellipsis;
	font-weight: inherit
}

.codedropz-upload-handler h3 {
	font-size: 16px !important;
	color: #333;
	font-weight: 700;
	line-height: 1.2;
	margin: 3.5px 0
}

.cd-upload-btn {
	color: #333
}

.custom-label {
	font-size: 14px !important;
	cursor: pointer;
	padding: 0 0 18px 0;
	margin-bottom: 0
}

.mhnt-file {
	display: flex;
	flex-direction: column;
	margin: 3.5px 0
}

.custom-file-input2 {
	position: relative;
	z-index: 2;
	width: 100%;
	height: calc(2.25rem + 2px);
	margin: 0;
	opacity: 0
}

.custom-file-input3 {
	position: relative;
	z-index: 2;
	width: 100%;
	height: calc(2.25rem + 2px);
	margin: 0;
	opacity: 0
}

.custom-label2 {
	font-size: 14px !important;
	cursor: pointer;
	padding: 0 0 18px 0;
	margin-bottom: 0
}

.custom-label3 {
	font-size: 14px !important;
	cursor: pointer;
	padding: 0 0 18px 0;
	margin-bottom: 0
}

.mhnt-label {
	display: inline-block;
	margin: 0 0 0 1em
}

.mhnt-lbl2 {
	display: flex;
	align-items: flex-start
}

.mhnt-lbl2 input {
	margin-top: 5px
}

.mhnt-ulli {
	margin-bottom: 10px
}

.mhnt-ulli li {
	list-style: disc;
	margin-left: 38px
}

.paypge-sec {
	padding: 80px 0;
	background: #f9f9f9
}

.paypge-tre {
	width: calc(32.555555555555% - ((30px + 30px) * 0.33333333333333));
	margin-right: 30px;
	margin-bottom: 30px
}

.paypge-brder {
	border: 1px solid #feb303;
	padding: 30px;
	min-height: 405px;
	height: auto
}

.paypge-brder h3 {
	color: #008752;
	font-size: 26px;
	line-height: 1.2;
	font-weight: 700
}

.paypge-inpt {
	border-bottom: 1px solid #000;
	width: 100%;
	padding: 25px 15px 6px 10px;
	-webkit-appearance: none;
	background: #fff0
}

.paypge-inpt::placeholder {
	color: #000
}

.paypge-refund {
	padding: 80px 20px
}

.paypge-ulli li {
	margin-top: 15px;
	text-align: justify
}

.paypge-icn {
	font-size: 14px;
	margin-right: 6px;
	color: #008752
}

.complaint-inner {
	width: 47%;
	margin-right: 3%;
	border: 1px solid #feb303;
	padding: 30px 30px 10px;
	height: 383px
}

.complaint-inner h2 {
	color: #008752;
	font-size: 26px;
	font-weight: 700;
	line-height: 1.2
}

.complaint-inner p {
	color: #747474
}

.complaint-inner2 {
	width: 50%;
	padding: 0 30px 15px 30px
}

.ddown-arrow {
	height: 41px;
	width: 41px;
	line-height: 41px;
	border-left: 1px solid #d2d2d2;
	position: absolute;
	top: 1px;
	right: 1px;
	background: #fff;
	pointer-events: none;
	text-align: center;
	font-size: 13px;
	color: #aaa9a9
}

.ttst {
	top: 1px
}

.ttst2 {
	top: 1px
}

.ttst3 {
	top: 1px
}

.locaation-inner h3 {
	font-size: 29px;
	line-height: 1.4;
	color: #feb303;
	font-weight: 800;
	text-transform: uppercase
}

.locaation-inner h4 {
	font-size: 27px;
	line-height: 1.4;
	color: #008752;
	font-weight: 800;
	margin: 50px 0 15px 0;
	text-transform: uppercase
}

.locaation-inner p {
	margin-bottom: 10px
}

.locaation-inner p a {
	font-size: 19px;
	line-height: 1.4;
	color: #333 !important;
	font-weight: 700
}

.pr-guar-inr {
	width: 100%;
	margin-right: 30px;
	background-color: #008752;
	padding: 30px;
	min-height: 236.891px;
	display: flex;
	flex-direction: column;
	justify-content: center
}

.pr-guar-inr p,
.pr-guar-inr a {
	color: #fff;
	font-size: 15px
}

.pr-guar-wddh {
	width: 70%
}

.fin-inceone {
	background: #feb303;
	padding: 30px 30px 10px 30px;
	text-align: center
}

.fin-inceone h4 {
	color: #fff;
	font-size: 32px;
	font-weight: 900;
	line-height: 1.2
}

.fin-inceone p {
	color: #fff;
	margin-top: 20px;
	font-size: 17px
}

.fin-inceone-grn {
	background: #008752;
	padding: 30px 30px 10px 30px;
	text-align: center
}

.fin-inceone-grn h4 {
	color: #fff;
	font-size: 32px;
	font-weight: 900;
	line-height: 1.2
}

.fin-inceone-grn p {
	color: #fff;
	margin-top: 20px;
	font-size: 17px
}

.fin-inc-pp {
	font-weight: 700;
	color: #747474;
	line-height: 1.4;
	font-size: 16px;
	text-align: center;
	margin-bottom: 50px
}

.fin-inc-btm {
	font-weight: 700;
	color: #747474;
	line-height: 1.4;
	font-size: 16px;
	text-align: center;
	margin-bottom: 0
}

.fin-ince-sec {
	padding-bottom: 45px
}

.fin-ince-ylw {
	fill: #feb303;
	padding: 0
}

.fin-ince-grn {
	fill: #008752;
	padding: 0
}

.fed-traiff {
	width: 50%;
	margin-right: 30px
}

.fed-traiff p {
	color: #747474;
	font-size: 15px;
	text-align: justify
}

.solar-system-con {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center
}

.solar-system-img {
	position: relative;
	max-width: 100px;
	margin-bottom: 15px
}

.sstm-main-container {
	max-width: 1366px;
	padding: 30px 0 0 0
}

.packages-solar-frm h3 {
	font-size: 27px;
	font-weight: 800;
	margin-top: 30px;
	color: #008752;
	line-height: 1.2;
	text-transform: uppercase
}

.ssolar-ssytem {
	padding: 30px;
	height: 56pc
}

.ssolar-ssytem-ttable {
	text-align: left;
	padding: 8px;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 25px
}

.ssolar-ssytem-ttable td,
.ssolar-ssytem-ttable th {
	border: 1px solid #ddd;
	text-align: left;
	padding: 8px
}

.ssolar-ssytem-ttable tr:nth-child(even) {
	background-color: #f6f6f6
}

.wjy-us-dets img {
	border-radius: 15px
}

.wjy-us-dets-inner h4 {
	color: #232323;
	font-weight: 700;
	font-size: 15px;
	margin-top: 15px;
	width: 90%
}

.wjy-us-dets-inner p {
	color: #29312E;
	font-weight: 400;
	font-size: 13px;
	margin-top: 5px;
	line-height: 19.2px;
	text-align: justify;
	margin-bottom: 0;
	width: 89%
}

.thyu-msg {
	font-size: 25px;
	font-weight: 700;
	line-height: 1.5
}

.thyu-msg a {
	color: #333
}

.spsg-head {
	font-size: 34px;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 30px
}

.spsg-head-2 {
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 30px
}

.spsg-olli {
	margin-bottom: 30px
}

.spsg-olli li {
	list-style: auto
}

.chs-cgrn {
	border: 1px solid #feb303;
	padding: 30px 30px 10px 30px;
	width: 100%
}

.chs-cgrn p {
	color: #747474;
	line-height: 1.4;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 20px
}

.curr-spe-getquote {
	width: 45%;
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 30px 30px 10px;
	background-color: #f9f9f9;
	min-height: 324.391px
}

.curr-spe-getquote p {
	font-size: 15px;
	line-height: 1.4;
	color: #747474
}

.current-spe-getquote {
	width: 50%;
	margin-right: 30px;
	margin-bottom: 20px;
	padding: 30px;
	background-color: #feb303;
	min-height: 324.391px
}

.adelaide-banner {
	background-position: center center;
	padding: 100px;
	background-repeat: no-repeat;
	background-image: url(../images/banner/state_banner.webp);
	background-size: cover
}

.state_banner {
	margin-bottom: 30px
}

.state_banner h1 {
	color: #fff;
	font-size: 45pt;
	font-weight: 800;
	line-height: 1.4;
	margin: 0em 0em .4em 0em
}

.state_banner p {
	font-size: 14pt;
	color: #fff;
	line-height: 1.4
}

.fusion-li-item1 {
	padding: 7.5px 0
}

.state-det-sec {
	padding: 80px 0 40px 0
}

.state-det-sec1 {
	padding: 40px 0
}

.btn_div_btn {
	width: 18.5%;
	margin-right: 20px
}

.btn_div_btn a {
	font-size: 14px
}

.state-contact-form {
	margin: 50px 0 0 0;
	background: #feb303;
	padding: 50px
}

.wanbuss-icn {
	font-size: 32px;
	width: 62px;
	height: 62px;
	text-align: center;
	transform: rotate(90deg);
	display: flex !important;
	justify-content: center;
	align-items: center;
	background: #ff3a2d !important;
	color: #fff !important;
	border-radius: 50%;
	z-index: 3
}

.wanbuss-icn2 {
	font-size: 21px;
	width: 40px;
	height: 40px;
	text-align: center;
	transform: rotate(90deg);
	display: flex !important;
	justify-content: center;
	align-items: center;
	background: #ffffff !important;
	color: #4C8A0F;
	border-radius: 50%;
	z-index: 3;
	margin-left: 30px
}

.state-headd {
	color: #008752;
	font-size: 32px;
	line-height: 1.2;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 15px
}

.clr-skyblue {
	background: #0094b7
}

.clr-pink {
	background: #f2b0bf
}

.clr-yellow {
	background: #f0da62
}

.clr-black {
	background: #000
}

.clr-purple {
	background: #8f4fa0
}

.clr-brown {
	background: #804004
}

.clr-green {
	background: #008140
}

.clr-red {
	background: #cf0000
}

.clr-orange {
	background: #f56004
}

::-moz-selection {
	background: #feb30370
}

::selection {
	background: #feb30370
}