.btn-hover:hover,
body {
	background-size: 100% 100%
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box
}

body,
html {
	height: 100%;
	font-family: Arial, sans-serif
}

.navbar .navbar-brand {
	padding: 0;
}
.navbar .navbar-brand img {
	height: 72px;
}

.nav-item {
	font-size: 1.2rem;
	margin-right: 15px
}

.navbar-dark .navbar-nav .nav-link {
	padding-bottom: 12px
}

.navbar-dark .navbar-nav .nav-link.active {
	border-bottom: 3px solid
}

.navbar-dark .navbar-nav .nav-link.active:hover {
	border-bottom: 3px solid transparent
}

.navbar-nav li:after {
	content: '';
	display: block;
	margin: auto;
	height: 3px;
	width: 0;
	background: 0 0;
	transition: width .5s, background-color .5s
}

.navbar-nav li:hover:after {
	width: 100%;
	background: #fff
}

.navbar-dark .navbar-nav .nav-link.active:after {
	content: none
}

.navbar-toggler {
	background: 0 0;
	border: none
}

.btn-hover,
.captcha-input,
body {
	background-repeat: no-repeat
}

.navbar-toggler:active,
.navbar-toggler:focus {
	outline: 0
}

.navbar-toggler .icon-bar {
	display: block;
	width: 22px;
	height: 2px;
	border-radius: 1px;
	margin: 4px 0;
	transition: .2s
}

.navbar-dark .navbar-toggler .icon-bar {
	background: #fff
}

.navbar-toggler .icon-bar:first-of-type {
	transform: rotate(45deg);
	transform-origin: 10% 10%
}

.navbar-toggler .icon-bar:nth-of-type(2),
.progress-wrap:hover::after {
	opacity: 0
}

.navbar-toggler .icon-bar:nth-of-type(3) {
	transform: rotate(-45deg);
	transform-origin: 10% 90%
}

.navbar-toggler.collapsed .icon-bar:first-of-type,
.navbar-toggler.collapsed .icon-bar:nth-of-type(3) {
	transform: rotate(0)
}

.navbar-toggler.collapsed .icon-bar:nth-of-type(2),
.progress-wrap:hover::before {
	opacity: 1
}

body {
	background-image: url('../images/siteassets/body_bg.webp');
	background-attachment: fixed
}

.bg-theme {
	background-color: #2b2b48;
	-webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .53);
	-moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .53);
	box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .53)
}

.sliding-navbar {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1000;
	transition: top .4s ease-in-out
}

.sliding-navbar.visible {
	top: 0
}

.sliding-navbar.hidden {
	top: -100px
}

@media (max-width:768px) {
	.sliding-navbar {
		position: fixed;
		width: 100%;
		z-index: 1000;
		transition: none;
		top: 0 !important
	}
}

input[type=checkbox] {
	width: 25px;
	height: 25px
}

.radiobtn-label {
	padding-left: 15px;
	padding-top: 5px
}

.spac_sec {
	margin-top: 9rem;
	margin-bottom: 4rem
}

.bx_shadow {
	border: 1px solid #a1a1a1;
	border-radius: 9px;
	-webkit-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, .5);
	-moz-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, .5);
	box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, .5)
}

.spac_sec h2 {
	font-weight: 700;
	color: #c60f0f;
	text-shadow: 2px 2px 0 #fff, 5px 4px 0 rgba(0, 0, 0, .15)
}

.spac_sec .btn-primary {
	padding: 9px 0;
	margin-top: 18px
}

.asterisk:after {
	content: " *";
	color: red
}

.captcha-input,
.spac_sec .input-box,
.spac_sec .textarea {
	color: #858686;
	margin-bottom: 10px;
	outline: 0;
	box-shadow: inset 3px 3px 3px #a9a9a9, inset -2px -2px 2px #dadada
}

.spac_sec .input-box {
	width: 100%;
	height: 45px;
	padding-left: 20px;
	border: none;
	background-color: #f9f9f9;
	border-radius: 4px
}

.spac_sec .textarea {
	width: 100%;
	height: auto;
	padding: 20px;
	border: none;
	background-color: #f9f9f9;
	border-radius: 4px
}

.agri {
	margin-top: 2.5rem;
	margin-left: 1rem
}

.captcha-input {
	background-position: left center;
	background-size: 30% 100%;
	padding-left: 35%;
	height: 50px;
	border: 1px solid #ced4da;
	background-color: #fff;
	border-radius: 4px
}

.captcha-input::placeholder {
	color: #6c757d
}

.f-heading::after,
.f-heading::before {
	display: inline-block;
	content: "";
	border-top: .1rem solid #fff;
	width: 2rem;
	margin: 0 1rem;
	transform: translateY(-.3rem)
}

.btn-facebook {
	background-color: #3b5998;
	color: #fff
}

.btn-twitter {
	background-color: #1da1f2;
	color: #fff
}

.btn-linkedin {
	background-color: #0072b1;
	color: #fff
}

.btn-instagram {
	background-color: #e1306c;
	color: #fff
}

.btn-youtube {
	background-color: red;
	color: #fff
}

.btn-hover {
	background-image: linear-gradient(#af0000, #af0000);
	background-size: 0 100%;
	transition: .4s
}

#quick-link .btn-outline-secondary {
	color: #a0afbd;
	border-color: #656b71
}

#quick-link .btn-outline-secondary:hover {
	color: #fff
}

hr.lights {
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, .75), rgba(255, 255, 255, 0))
}

.progress-wrap {
	position: fixed;
	right: 50px;
	bottom: 50px;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	border-radius: 50px;
	box-shadow: inset 0 0 0 2px rgba(0, 0, 0, .2);
	z-index: 10000;
	opacity: 0;
	visibility: hidden;
	transform: translateY(15px);
	-webkit-transition: .2s linear;
	transition: .2s linear
}

.progress-wrap::after,
.progress-wrap::before {
	position: absolute;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f062';
	text-align: center;
	line-height: 46px;
	font-size: 18px;
	left: 0;
	top: 0;
	height: 46px;
	width: 46px;
	cursor: pointer;
	display: block;
	-webkit-transition: .2s linear
}

.progress-wrap.active-progress {
	opacity: 1;
	visibility: visible;
	transform: translateY(0)
}

.progress-wrap::after {
	color: #ffca00;
	z-index: 1;
	transition: .2s linear
}

.lightScrollIcon::after {
	color: #ecedf3 !important
}

.progress-wrap::before {
	opacity: 0;
	background-image: linear-gradient(298deg, #da2c4d, #f8ab37);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	z-index: 2;
	transition: .2s linear
}

.progress-wrap svg path {
	fill: none
}

.progress-wrap svg.progress-circle path {
	stroke: #ffca00;
	stroke-width: 6;
	box-sizing: border-box;
	-webkit-transition: .2s linear;
	transition: .2s linear
}

.flogo img{height: 72px;}

@media screen and (max-width:768px) {
	.spac_sec .input-box {
		height: 40px
	}

	.spac_sec .form-group label {
		margin-bottom: 0
	}

	.spac_sec {
		margin-top: 5rem
	}

	.spac_sec h3 {
		font-size: 1.3rem
	}

	.navbar .navbar-brand img {
		height: 45px;
	}

	.agri {
		margin-top: 1rem;
		margin-left: 1rem
	}

	.nav-item {
		font-size: 1rem;
		margin-right: 0
	}

	.navbar {
		padding: 0
	}

	.navbar .navbar-brand,
	.navbar .navbar-toggler {
		margin: .2rem .9rem
	}

	.navbar-collapse {
		background-color: #00000036;
		padding: 0 12px
	}

	.navbar-nav {
		margin-top: 6px;
		border-top: 1px solid #424267
	}

	.navbar-dark .navbar-nav .nav-link::before {
		font-family: FontAwesome;
		content: '\f0da';
		padding-right: 12px
	}

	.navbar-dark .navbar-nav .nav-link,
	.navbar-dark .navbar-nav .nav-link.active {
		border-bottom: 1px solid #424267
	}

	.navbar-dark .navbar-nav .nav-link.active:hover {
		border-bottom: none
	}

	.navbar-dark .navbar-nav .nav-link.active:after,
	.navbar-nav li:after {
		content: none
	}

	.navbar-nav li:hover:after {
		background: 0 0
	}
	.flogo img{height: 54px;}
}