@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');


h1, h2, h3, h4, h5, h6, p {
	font-weight: 400
}
ul li
{
	list-style: none;
}

#preloader  {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #f8fbf7;
     z-index: 9999999;
    height: 100vh;

 }

#status  {
     /*width: 100%;*/
     height: 100%;
  background-size: contain;
     background-image: url(../images/ezgif.com-resize.gif);
     background-repeat: no-repeat;
     background-position: center center;
     width: 300px;
     margin: 0 auto;
 }


.appsLand-btn, .appsLand-btn.appsLand-btn-gradient:before {
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s
}
.appsLand-btn.appsLand-btn-gradient.btn-inverse:before, .appsLand-btn.appsLand-btn-gradient:hover:before {
	opacity: 0
}
.appsLand-btn, .appsLand-navbar .menu-toggle, .pointer, .video .play-video-icon img {
	cursor: pointer
}
.dropdown-menu li a span img
{
	width: 20px;
}
.dropdown a span img
{
	width: 27px;
}
body {
	font-family: 'Roboto', sans-serif;
	position: relative;
	padding-bottom: 0 !important;
}
body.without_footer {
	padding-bottom: 0!important
}

.btn-primary2 {
    color: #fff;
    background-color: #e7a430;
    border-color: #e7a430;
}
.address-box
{
	padding: 0;
}
.address-box li a
{
	color: #fff;
	text-decoration: none;
}
.address-box li
{
list-style: none;
text-decoration: none;
text-align: left;
margin-bottom: 15px;
}
.mb_50 {
	margin-bottom: 50px!important
}
.border-main-color, .features__style-2 .feat-tabs li.active {
	border-color: #3483ff
}
.appsLand-btn.appsLand-btn-blue, .appsLand-btn.appsLand-btn-blue.btn-rgba:hover, .appsLand-navbar.active-navbar .menu-toggle .chart, .main-color-bg {
	background: #3483ff
}
.apps-footer .footer-bottom p a, .appsLand-navbar.active-navbar .navbar-nav>li.active, .appsLand-navbar.active-navbar .navbar-nav>li:hover, .features__style-2 .feat-tabs li a:hover, .features__style-2 .feat-tabs li.active a, .list-post .entry-content .entry-expert .post-readMore a.read-more-link, .list-post .entry-content .entry-post-info h4 a:hover, .main-color-text, .normal-post .entry-content .entry-expert .post-readMore a.read-more-link, .normal-post .entry-content .entry-post-info h4 a:hover, .team .team-member .member-info .member-social a:hover {
	color: #e7c56bd9;
	text-decoration: none;
	font-size: 14px;
}
.appsLand-btn.appsLand-btn-pink, .appsLand-btn.appsLand-btn-pink.btn-rgba:hover, .sec-color-bg {
	background: #cd0fd8
}
.apps-footer .footer-bottom p a:hover, .list-post .entry-content .entry-expert .post-readMore a:hover, .normal-post .entry-content .entry-expert .post-readMore a:hover, .sec-color-text {
	color: #e7c56b;
}

.appsLand-btn.appsLand-btn-default, .appsLand-btn.appsLand-btn-gradient.btn-inverse i, .appsLand-btn.appsLand-btn-gradient.btn-inverse span, .appsLand-btn.appsLand-btn-gradient:hover i, .appsLand-btn.appsLand-btn-gradient:hover span, .gradient-text, .mini-feature .mini-feature-box .icon-box i, .pricing .pricing-tables .pricing-price p, .section-title.style-gradient h2 {
	background: #3483ff;
    background: linear-gradient( 
-45deg
 , #cd0fd8 0, #07a311 100%);
    background: -o-linear-gradient(-45deg, #cd0fd8 0, #3483ff 100%);
    background: -moz-linear-gradient(-45deg, #cd0fd8 0, #3483ff 100%);
    background: linear-gradient( 
-45deg
 , #29f1cc 0, #3437ab, #d42f2f 100%);
    font-weight: bold;
    -webkit-background-clip: text;
    color: transparent;
    text-transform: uppercase;
    font-size: 25px;
    letter-spacing: 1px;
}
.contact .contact-form:before, .gradient-text-rgba, .testimonials .testimonials-template .testimonials-slide:before {
	background: rgba(52,131,255,.2);
	background: -webkit-linear-gradient(-45deg, rgba(205,15,216,.2) 0, rgba(52,131,255,.2) 100%);
	background: -o-linear-gradient(-45deg, rgba(205,15,216,.2) 0, rgba(52,131,255,.2) 100%);
	background: -moz-linear-gradient(-45deg, rgba(205,15,216,.2) 0, rgba(52,131,255,.2) 100%);
	background: linear-gradient(-45deg, rgba(205,15,216,.2) 0, rgba(52,131,255,.2) 100%);
	-webkit-background-clip: text;
	color: transparent
}
.appsLand-btn.appsLand-btn-gradient:before, .faq .questions-container .panel-heading a.gradient-bg, .gradient-bg, .list-post .entry-content .entry-post-info .posted-on, .loading, .mini-feature .mini-feature-box .icon-box:before, .normal-post .entry-content .entry-post-info .posted-on, .pricing .pricing-tables .pricing-recommended .pricing-price {
	background: #00aeef;
	color: #FFF
}
.appsLand-navbar.navBar__style-2.active-navbar, .gradient-bg-rgba, .team__style-2 .team-member .member-info {
	/*background:#FFF;*/
	color: #FFF
}
.app-overlay {
	background: rgba(52,131,255,.9);
	background: -webkit-linear-gradient(-45deg, rgba(24,73,162,.9) 0, rgba(52,131,255,.9) 100%);
	background: -o-linear-gradient(-45deg, rgba(24,73,162,.9) 0, rgba(52,131,255,.9) 100%);
	background: -moz-linear-gradient(-45deg, rgba(24,73,162,.9) 0, rgba(52,131,255,.9) 100%);
	    background: linear-gradient(
-45deg
, rgb(83 162 24 / 90%) 0, rgba(52,131,255,.9) 100%);
}
.block {
	display: block
}
.appsLand-btn, .mini-feature__style-2 .mini-feature-box .icon-box img:nth-child(2), .noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.white-color {
	color: #FFF!important
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background: 0 0
}
.section-title {
	text-align: center;
	margin-bottom:60px
}
.con-txt
{
	color: #fff !important;
}
#ajax-contactMobile .form-control {
	border-radius: 3px;
}
.section-title h2 {
	margin: 0;
	font-weight: 300;
	font-size: 35px;
	display: inline-block;
	padding-bottom: 5px;
}
.section-title.style-gradient>span {
	display: block;
	font-size: 0;
	margin-top: 20px
}
.section-title.style-gradient>span:after, .section-title.style-gradient>span:before {
	content: '';
	display: inline-block;
	height: 2px;
	width: 50px;
	vertical-align: middle
}
.section-title.style-gradient>span:before {
	background: #3483ff;
	background: -webkit-linear-gradient(-45deg, #3483ff 0, rgba(52,131,255,.3) 100%);
	background: -o-linear-gradient(-45deg, #3483ff 0, rgba(52,131,255,.3) 100%);
	background: -moz-linear-gradient(-45deg, #3483ff 0, rgba(52,131,255,.3) 100%);
	background: linear-gradient(-45deg, #3483ff 0, rgba(52,131,255,.3) 100%)
}
.section-title.style-gradient>span:after {
	background: #cd0fd8;
	background: -webkit-linear-gradient(-45deg, rgba(205,15,216,.3) 0, #cd0fd8 100%);
	background: -o-linear-gradient(-45deg, rgba(205,15,216,.3) 0, #cd0fd8 100%);
	background: -moz-linear-gradient(-45deg, rgba(205,15,216,.3) 0, #cd0fd8 100%);
	background: linear-gradient(-45deg, rgba(205,15,216,.3) 0, #cd0fd8 100%)
}
.section-title.style-gradient>span>span {
	display: inline-block;
    width: 15px;
    height: 15px;
    border: 2px solid;
    border-image: 1 linear-gradient(
0deg
, #cd0fd8 0, #3483ff 100%);
    -webkit-transform: rotate(
77deg
);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(
90deg
);
    margin: 0 20px;
    vertical-align: middle;
    background-color: #f3f303;
}
.section-title.style-gradient.white-color h2 {
	color: #FFF
}
.section-title.style-gradient.white-color>span:after, .section-title.style-gradient.white-color>span:before {
	background: #fff
}
.section-title.style-gradient.white-color>span>span {
	border-image: none;
	border: 2px solid #FFF
}
.section-title.title__style-2 h2 {
	font-weight: 300
}
.section-title.title__style-2 h2>span, .section-title.title__style-2>span {
	display: block;
	font-size: 0;
	margin-top: 20px;
	margin-bottom: 20px
}
.section-title.title__style-2 h2>span:after, .section-title.title__style-2 h2>span:before, .section-title.title__style-2>span:after, .section-title.title__style-2>span:before {
	content: '';
	display: inline-block;
	border-bottom: 2px solid;
	width: 50px;
	vertical-align: middle
}
.section-title.title__style-2 h2>span>span, .section-title.title__style-2>span>span {
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 2px solid;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	margin: 0 20px;
	vertical-align: middle;
	border-radius: 50px 0 0
}
.section-title.title__style-2 p {
	margin-bottom: 0;
	font-size: 19px
}
.table-row {
	display: table-row;
	width: 100%;
	height: 100%
}
.table-row>[class*=col-]:first-child {
	padding-left: 0!important
}
.table-row>[class*=col-]:last-child {
	padding-right: 0!important
}
.table-cel {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
	float: none
}
.appsLand-btn {
	background: #FFF;
	display: inline-block;
	padding: 14px 28px;
	text-decoration: none;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	transition: all .5s ease-in-out 0s;
	text-transform: uppercase;
	color: #333;
	font-weight: 700;
	box-shadow: 0 1px 5px rgba(2,3,3,.15);
	letter-spacing: .7px;
	border: 0;
	position: relative;
	overflow: hidden
}
.appsLand-btn i {
	margin-right: 5px
}
.appsLand-btn:active, .appsLand-btn:focus, .appsLand-btn:hover {
	text-decoration: none;
	outline: 0
}
.appsLand-btn.appsLand-btn-blue {
	color: #FFF
}
.appsLand-btn.appsLand-btn-blue.btn-rgba {
	background: rgba(52,131,255,.5)
}
.appsLand-btn.appsLand-btn-pink {
	color: #FFF
}
.appsLand-btn.appsLand-btn-pink.btn-rgba {
	background: rgba(205,15,216,.5)
}
.appsLand-btn.appsLand-btn-gradient {
	color: #FFF;
	background: 0 0
}
.appsLand-btn.appsLand-btn-gradient.btn-inverse, .appsLand-btn.appsLand-btn-gradient:hover {
	background: #FFF
}
.appsLand-btn.appsLand-btn-gradient:before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	transition: all .5s ease-in-out 0s
}
.appsLand-btn.appsLand-btn-gradient span {
	position: relative;
	z-index: 2
}
.appsLand-btn.appsLand-btn-gradient.btn-inverse:hover {
	background: 0 0
}
.appsLand-btn.appsLand-btn-gradient.btn-inverse:hover i, .appsLand-btn.appsLand-btn-gradient.btn-inverse:hover span {
	color: #FFF;
	background: 0 0
}
.appsLand-btn.appsLand-btn-gradient.btn-inverse:hover:before {
	opacity: 1
}
.appsLand-btn:hover {
	box-shadow: 0 3px 25px rgba(2,3,3,.25)
}
.appsLand-btn.appsLand-btn-larg {
	padding: 20px 40px
}
.appsLand-btn.appsLand-btn-larg i {
	margin-right: 9px;
	font-size: 24px;
	vertical-align: sub
}
.hover-gradient {
	position: relative;
	overflow: hidden
}
.hover-gradient:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #3483ff;
	background: -webkit-linear-gradient(-45deg, #cd0fd8 0, #3483ff 100%);
	background: -o-linear-gradient(-45deg, #cd0fd8 0, #3483ff 100%);
	background: -moz-linear-gradient(-45deg, #cd0fd8 0, #3483ff 100%);
	background: linear-gradient(-45deg, #cd0fd8 0, #3483ff 100%);
	opacity: 0;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	z-index: 1
}
.demos-section .demo-box a:first-child:after, .scrollToTop {
	-webkit-transition: all .25s ease-in-out 0s;
	-moz-transition: all .25s ease-in-out 0s;
	-o-transition: all .25s ease-in-out 0s
}
.hover-gradient * {
	position: relative;
	z-index: 2
}
.hover-gradient:hover * {
	color: #FFF
}
.hover-gradient:hover:before {
	opacity: 1
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: inherit;
	background-color: inherit
}
.scrollToTop {
	position: fixed;
	bottom: 30px;
	right: -70px;
	font-size: 21px;
	z-index: 3;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	padding: 0;
	-webkit-transform: rotate(-80deg);
	-moz-transform: rotate(-80deg);
	-o-transform: rotate(-80deg);
	-ms-transform: rotate(-80deg);
	transform: rotate(-80deg);
	transition: all .25s ease-in-out 0s
}
.scrollToTop i {
	margin: 0
}
.scrollToTop.active {
	right: 30px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0)
}
.without_bg_images header.appsLand-header, .without_bg_images main>section {
	background-image: none
}
.without_bg_images .app-overlay {

	background-size:cover;
	
}
.without_bg_images .app-overlay2{
	background: url(../images/b1.jpg) no-repeat center;
	background-size:cover;
	
}
.appsLand-navbar2 {
	background:#020a24 ;
	border-bottom: 1px solid rgba(255,255,255,.1);
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	z-index: 99;
}
.appsLand-navbar .dropdown-menu, .appsLand-navbar .navbar-nav>li>a, .appsLand-navbar .navbar-nav>li>span {
	-webkit-transition: all .25s ease-in-out 0s;
	-moz-transition: all .25s ease-in-out 0s;
	-o-transition: all .25s ease-in-out 0s;
}
.appsLand-navbar .navbar-brand {
	padding: 0;
}
/*.appsLand-navbar .navbar-brand img {
	margin:7px 0 0
}*/
.appsLand-navbar .navbar-nav>li {
	padding: 0 13px;
	color: #333;
}
.appsLand-navbar .navbar-nav>li:first-child {
	margin-bottom: 15px;
}
.appsLand-navbar .navbar-nav>li>a, .appsLand-navbar .navbar-nav>li>span {
	padding:26px 0;
	color: inherit;
	font-weight: 100;
	text-transform: uppercase;
	letter-spacing: .7px;
	transition: all .25s ease-in-out 0s;
	
}
.appsLand-navbar2 .navbar-nav>li>a, .appsLand-navbar .navbar-nav>li>span
{
color: #fff!important;
}
.navbar-brand h2
{
	padding: 0;
	margin: 0;
}
.imt-link
{
	padding: 0;
}
.imt-link li
{
	list-style: none;
	text-align: left;
	margin-bottom: 10px;
}
.imt-link li a
{
	text-decoration: none;
	transition: 0.3s;
}
.imt-link li a:hover

{
	color: #e7c56b;
	letter-spacing: 1px;
}
.flogo
{
	text-align: left;
}
.flogo img
{
	width: 50px;
}
.footer-top
{
	padding-top: 25px;
}
.footer-top h5
{
	color: #fff;
	font-size: 16px;
	margin-bottom: 45px;
	font-weight: 500;
	position: relative;
	text-align: left;
	letter-spacing: 0.5px;
}
.footer-top h5:after
{   content: '';
    height: 2px;
    width: 100px;
    background-color: #e7a430;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(
44deg
, #00000042, #0b0b0b8f);
    
    top: 33px;
}
.addre
{
	color: #fff;
	text-align: left;
	margin-bottom: 15px;
}
.addre .fa
{    padding-right: 7px;
	color: #e7a430;
	font-size: 15px;
}
.address-box .fa

{    padding-right: 7px;
	color: #e7a430;
	font-size: 15px;
}
.flogo p
{
	color: #fff6;
	line-height: 20px;
	margin: 20px 0;
}
.imt-link li a
{
	color: #fff8;
}
.navbar-brand
{
	height: auto!important;
}
.navbar-brand img
{
	width: 100%;
}
.appsLand-navbar .navbar-nav>li>a:before, .appsLand-navbar .navbar-nav>li>span:before {
	content: '';
	display: block;
	position: absolute;
	bottom: 10px;
	border-bottom: 2px solid #e7a430;
	width: 100%;
	-webkit-transition: bottom .25s ease-in-out, opacity .25s ease-in-out;
	-moz-transition: bottom .25s ease-in-out, opacity .25s ease-in-out;
	-ms-transition: bottom .25s ease-in-out, opacity .25s ease-in-out;
	-o-transition: bottom .25s ease-in-out, opacity .25s ease-in-out;
	transition: bottom .25s ease-in-out, opacity .25s ease-in-out;
	opacity: 0;
}
.appsLand-navbar .navbar-nav>li.active>a:before, .appsLand-navbar .navbar-nav>li.active>span:before, .appsLand-navbar .navbar-nav>li>a:hover:before, .appsLand-navbar .navbar-nav>li>span:hover:before {
	bottom: 15px;
	opacity: 1;
}
.appsLand-navbar .navbar-nav>li>a:focus, .appsLand-navbar .navbar-nav>li>a:hover, .appsLand-navbar .navbar-nav>li>span:focus, .appsLand-navbar .navbar-nav>li>span:hover {
	color: inherit;
}
.appsLand-navbar .navbar-nav>li.active>a, .appsLand-navbar .navbar-nav>li.active>span {
	background: 0 0;
	color: inherit;
}
.appsLand-navbar .navbar-nav>li.active>a:focus, .appsLand-navbar .navbar-nav>li.active>a:hover, .appsLand-navbar .navbar-nav>li.active>span:focus, .appsLand-navbar .navbar-nav>li.active>span:hover {
	color: inherit;
}
.appsLand-navbar.active-navbar {
	width: 100%;
	z-index: 999;
	/*background: #FFF;*/
	padding-top: 0;
	padding-bottom: 0;
	box-shadow: 0 1px 4px rgba(2,3,3,.15);
}
.appsLand-navbar.active-navbar .navbar-nav>li {
	color: #333;
}
.appsLand-navbar .dropdown.open .dropdown-menu {
	top: 100%;
	opacity: 1;
	visibility: visible;
}
.appsLand-navbar .dropdown-menu {
	transition: all .25s ease-in-out 0s;
	display: block;
	border: 0;
	min-width: 200px;
	padding: 0;
	top: 110%;
	opacity: 0;
	visibility: hidden;
	box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.appsLand-navbar .dropdown-menu li:last-child a {
	border-radius: 0 0 5px 5px;
	border-bottom: 0;
}
.dropdown-menu li
{
	border-bottom: 1px solid #0003;
}
.appsLand-navbar .dropdown-menu a {
	padding: 10px 13px 10px 15px;
	border-bottom: 1px solid #EEE;
}
.appsLand-navbar .dropdown-menu .subMenu {
	line-height: 8px;
	font-size: 8px;
}
.appsLand-navbar .dropdown-menu:before {
	content: '';
	position: absolute;
	display: inline-block;
	border: 10px solid transparent;
	border-bottom-color: #FFF;
	top: -20px;
	right: 20px;
}
.appsLand-navbar .dropdown-menu>li>a {
	-webkit-transition: all .25s ease-in-out 0s;
	-moz-transition: all .25s ease-in-out 0s;
	-o-transition: all .25s ease-in-out 0s;
	transition: all .25s ease-in-out 0s;
}
.appsLand-navbar .dropdown-menu>li>a:focus, .appsLand-navbar .dropdown-menu>li>a:hover {
	background: #EEE;
}

.appsLand-navbar .menu-toggle {
	padding: 8px;
	display: none;
	margin: 5px 0;
	-webkit-transition: all .2s ease-in-out 0s;
	-moz-transition: all .2s ease-in-out 0s;
	-o-transition: all .2s ease-in-out 0s;
	transition: all .2s ease-in-out 0s;
	float: right;
	z-index: 2;
	position: relative;
}
.appsLand-navbar .menu-toggle .chart {
	display: block;
	width: 35px;
	height: 4px;
	background-color: #333;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.appsLand-navbar .menu-toggle .chart:nth-child(2) {
	margin: 6px 0;
}
.appsLand-navbar.mobile-menu-active .menu-toggle .chart:nth-child(2) {
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.appsLand-navbar.mobile-menu-active .menu-toggle .chart:first-child {
	-webkit-transform: translateY(10px) rotate(45deg);
	-moz-transform: translateY(10px) rotate(45deg);
	-ms-transform: translateY(10px) rotate(45deg);
	-o-transform: translateY(10px) rotate(45deg);
	transform: translateY(10px) rotate(45deg);
}
.appsLand-navbar.mobile-menu-active .menu-toggle .chart:last-child {
	-webkit-transform: translateY(-10px) rotate(-45deg);
	-moz-transform: translateY(-10px) rotate(-45deg);
	-ms-transform: translateY(-10px) rotate(-45deg);
	-o-transform: translateY(-10px) rotate(-45deg);
	transform: translateY(-10px) rotate(-45deg);
}
.appsLand-navbar .mobile-dropdown-menu>span {
	position: relative;
}
.appsLand-navbar .mobile-dropdown-menu>span:after {
	content: "\f107";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	z-index: 3;
	top: 20px;
	right: 20px;
	color: inherit;
}

.appsLand-navbar .mobile-dropdown-menu span[aria-expanded=true]:after {
	content: "\f106";
	color: inherit;
}
.appsLand-navbar .mobile-dropdown-menu .collapse.in, .appsLand-navbar .mobile-dropdown-menu .collapsing, .appsLand-navbar .mobile-dropdown-menu span[aria-expanded=true] {
	background: #f9f9f9;
}
.appsLand-navbar .mobile-dropdown-menu a {
	font-weight: 600;
	letter-spacing: .7px;
	display: block;
	padding: 15px 45px;
	text-decoration: none;
	color: #777;
	border-top: 1px solid #EEE;
	font-size: 13px;
	-webkit-transition: all .25s ease-in-out 0s;
	-moz-transition: all .25s ease-in-out 0s;
	-o-transition: all .25s ease-in-out 0s;
	transition: all .25s ease-in-out 0s;
}
.mini-feature .mini-feature-box, .mini-feature .mini-feature-box .icon-box:before {
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
}
.appsLand-navbar .mobile-dropdown-menu a:hover {
	color: #333;
}
.appsLand-navbar.navBar__style-2.active-navbar {
	width: 100%;
	z-index: 999;
	padding-top: 10px;
	padding-bottom: 10px;
	box-shadow: 0 0 25px rgba(2,3,3,.3);
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #e7a430;
    border-color: #e7a430;
}
.appsLand-navbar.navBar__style-2.active-navbar .navbar-nav>li>a, .appsLand-navbar.navBar__style-2.active-navbar .navbar-nav>li>span {
	color: #a6001a;
}
.appsLand-navbar.navBar__style-2.active-navbar .navbar-nav>li>a:before, .appsLand-navbar.navBar__style-2.active-navbar .navbar-nav>li>span:before {
	border-color:#e7a430;
}
.appsLand-navbar.navBar__style-2.active-navbar .navbar-nav>li.active>a, .appsLand-navbar.navBar__style-2.active-navbar .navbar-nav>li.active>a:hover, .appsLand-navbar.navBar__style-2.active-navbar .navbar-nav>li.active>span, .appsLand-navbar.navBar__style-2.active-navbar .navbar-nav>li.active>span:hover, .appsLand-navbar.navBar__style-2.active-navbar .navbar-nav>li>a:hover, .appsLand-navbar.navBar__style-2.active-navbar .navbar-nav>li>span:hover {
	color: #FFF;
}
.appsLand-navbar.navBar__style-2.active-navbar .menu-toggle .chart {
	background: #fff;
}
header.appsLand-header {
	background: url(../images/bg/big-header.jpg) top center no-repeat fixed;
	background-size: cover;
	color: #FFF;
	position: relative;
	z-index: 3;
	overflow: hidden;
}
header.appsLand-header.particle-header {
	position: relative;
}
header.appsLand-header.bg-video .the-video, header.appsLand-header.particle-header canvas {
	position: absolute;
	height: 100%;
	top: 0;
	width: 100%;
}
header.appsLand-header.bg-video .the-video {
	left: 0;
}
header.appsLand-header.bg-video .the-video video {
	width: 100%;
}
header.appsLand-header .app-overlay2 {
	padding-top: 202px;
	padding-bottom: 100px;
	position: relative;
	z-index: 2;
}
header.appsLand-header .header-content .site-intro-content h1 {
	font-weight: 900;
	text-transform: uppercase;
	font-size: 45px;
	text-shadow: 1px 1px 4px rgba(2,3,3,.25);
	margin-top: 0;
	margin-bottom: 20px;
}
header.appsLand-header .header-content .site-intro-content p {
	margin-bottom: 30px;
	color: #FFF;
}
header.appsLand-header .header-content .site-intro-content .header-links {
	margin-left: -10px;
	margin-bottom: 0;
}
header.appsLand-header .header-content .site-intro-content .header-links>li {
	padding-right: 10px;
	padding-left: 10px;
}
header.appsLand-header.cloud-bg .app-overlay>* {
	position: relative;
	z-index: 3;
}
header.appsLand-header.cloud-bg .app-overlay:after {
	content: '';
	position: absolute;
	bottom: 0;
	display: block;
	height: 120px;
	width: 100%;
	background: url(../images/SVG/cloud.html);
	background-size: 218vh 100%;
	z-index: 2;
}
header.appsLand-header.triangle-up-bg .app-overlay>* {
	position: relative;
	z-index: 3;
}
/*header.appsLand-header.triangle-up-bg .app-overlay:after {
	content: '';
	position: absolute;
	bottom: 0;
	display: block;
	height: 120px;
	width: 100%;
	background: url(../images/SVG/triangle.svg);
	background-size: cover;
	-webkit-transform: rotateX(180deg);
	-moz-transform: rotateX(180deg);
	-o-transform: rotateX(180deg);
	-ms-transform: rotateX(180deg);
	transform: rotateX(180deg);
	z-index: 2
}*/
header.appsLand-header.triangle-down-bg-1 .app-overlay * {
	position: relative;
	z-index: 3;
}
header.appsLand-header.triangle-down-bg-1 .app-overlay:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: -6px;
	display: block;
	height: 133px;
	width: calc(100% + 12px);
	background: url(../images/SVG/triangle2.html) center bottom;
	background-size: cover;
	z-index: 2;
}
header.appsLand-header.triangle-down-bg-2 .app-overlay>* {
	position: relative;
	z-index: 3;
}
header.appsLand-header.triangle-down-bg-2 .app-overlay:after {
	content: '';
	position: absolute;
	bottom: -2px;
	left: -6px;
	display: block;
	height: 133px;
	width: calc(100% + 12px);
	background: url(../images/SVG/triangle2.html) center bottom repeat-x;
	background-size: auto;
	z-index: 2;
}
header.appsLand-header.custom-shape-1 .app-overlay * * {
	position: relative;
	z-index: 9;
}
header.appsLand-header.custom-shape-1 .app-overlay:after {
	content: '';
	display: block;
	height: 500%;
	width: 100%;
	background: #FFF;
	position: absolute;
	top: 100%;
	-webkit-transform: skewY(-12deg);
	-moz-transform: skewY(-12deg);
	-ms-transform: skewY(-12deg);
	-o-transform: skewY(-12deg);
	transform: skewY(-12deg);
	transform-origin: top left;
}
.inner-header {
	background: url(../images/about.jpg) bottom center no-repeat fixed;
	background-size: cover;
	color: #FFF;
	position: relative;
	z-index: 3;
	overflow: hidden;
	background-position: center;
}
.inner-header .app-overlay {
	padding-top:175px;
	padding-bottom: 50px;
}
.inner-header .app-overlay2 {
	padding-top: 200px;
	padding-bottom: 100px;
}
.inner-header .header-content h1 {
	font-weight:300;
	margin-top: 0;
	margin-bottom: 30px;
}
.inner-header .header-content .header-links {
	margin-bottom: 0;
}
.inner-header .header-content .header-links li {
	font-size: 17px;
	position: relative;
	padding-left: 15px;
	margin-left: 15px;
	padding-right: 0;
}
.inner-header .header-content .header-links li:before {
	content: '/';
	position: absolute;
	left: -4px;
}
.inner-header .header-content .header-links li:first-child {
	padding-left: 0;
	margin-left: 0;
}
.inner-header .header-content .header-links li:first-child:before {
	content: none;
}
.inner-header .header-content .header-links a {
	color: #FFF;
	text-decoration: none;
}
.inner-header .header-content .header-links span {
	color: #BBB;
}


/*.apps-footer .footer-top .footer-social-links li {
	padding: 0 10px
}*/
.footer-bottom p
{
	color: #fff6;
	font-family: 'Roboto', sans-serif;
}
.imt-link li a .fa
{
	color: #e7a430;
}
.apps-footer .footer-top .footer-social-links a {
	color: #9ba0a2;
	display: block;
	font-size: 20px;
	width: 20px;
	line-height: 60px;
	height: 60px;
	/*background: #25282a;*/
	-webkit-transition: all .5s ease-in-out 0s;
	-moz-transition: all .5s ease-in-out 0s;
	-o-transition: all .5s ease-in-out 0s;
	transition: all .5s ease-in-out 0s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}
.apps-footer .footer-top .footer-social-links a:hover
{
color: #e7c56b;
}
.full2 input {
    border-radius: 0px;
    outline: none;
    height: 48px;
    border: none;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 0px;
    width: 100%;
    margin-right: 15px;
    padding-left: 20px;
    }
.full2 select {
    border-radius: 0px;
    outline: none;
    height: 48px;
    border: none;
    background-color: #fff;
    border: 1px solid #d7d7d7;
    border-radius: 0px;
    width: 100%;
    margin-right: 15px;
    padding-left: 20px;
    }
.backop {
    background-color:#0a1877;
}
    .kl {
    margin: 0;
    padding: 0;
    padding-left: 25px;
    color: #fff;
    font-size: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.full2.paddding_left_15 {
    background-color: #FFF;
    
    margin: 30px 0;
}
.box
{
	padding: 20px;
}
.submit
{
	border-radius: 30px;
	background-color: #0e1c79;
	color: #fff;
	    padding: 10px 35px;
	    outline: none;
}
.submit:hover
{
	color: #05a00f;
	background-color: #0003;
}


button.close
{
	background-color: #00aeef;
    border-radius: 50px;
    padding: 4px;
    width: 41px;
    height: 41px;
    color: #fff;
}

.con-btn span
{
	font-size: 17px!important;
}
.data-box h3
{
	color: #fff;
	background-color: #037e7e;
	padding: 5px;
	text-shadow: 1px 1px #0006;
	letter-spacing: 1px;
}
.main-footer-top
{
	background: #ca7818;
    height: 10px;
        background-image: linear-gradient(
45deg
,  #19191994, transparent,  #19191994);
}
.fot img
{
	width: 40%;
	float: left;
	opacity: 0.6;
}
.owl-theme .owl-dots .owl-dot
{
	outline: none;
}
/*.owl-carousel .owl-item img
{
	height: 450px;
}*/
/*.owl-theme .owl-nav
{
	display: none;
}*/
/*.owl-dots
{
	position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
}*/
.navbar-brand img
{
	width: 75px;
}




/*18-06-2021*/


.heading
{
	color: #fff;
}
.bg
{
	background-image: url(./../images/about.jpg);
	height: 100vh;
	background-size: cover;

}
.modal-dialog
{
	width: 	900px;
	top: 10%;
}
.main-body-content p
{
    font-size: 20px;
    line-height: 39px;
    color: #fffefe99;
    margin-top: 94px;
    text-align: center;

}
/*18-06-21*/
footer
{
	font-family: 'Roboto', sans-serif;
	background-color: #2c2f2c;
}
.right-part

{
	position: relative;
	float: right;
	color: #fff;
}

.banner
{
background-image: linear-gradient(to right, #eec863, #eec863);
position: relative;
height: 150px;
}


.heading p
{

	color: #fff9;
}

.d-flex
{
	display: flex;
}
.psv
{	
	
	background: url(../images/bottom-rectangle.png);
	
	background-repeat: no-repeat;
	background-size: cover;
	
}
section
{
	padding: 40px 0;
}
.cont-1, .cont-2, .cont-3
{
	padding: 85px 0;

}
.bannerdwn-rtxt h5
{
	font-family: 'Lato', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
}
.cont-1 .about-txt
{
	padding-right: 70px;
	padding-top: 20px;

}
.cont-2 .about-txt
{
	padding-left: 70px;
	padding-top: 20px;

}
.cont-3 .about-txt
{
	padding-right: 70px;
	padding-top: 20px;

}
.bannerdwn-ltxt
{
	padding-right: 70px;
}
.bannerdwn-rtxt
{
	padding-left: 70px;
}

.heading 
{
	padding: 40px 0;
}
button:hover
{

	background-color: #337ab7;
    color: #fdfdfd;
}
.about-txt h5
{
	
	padding: 5px;
}

.right-part p
{
	color: #fff;
}
.right-part h2
{
	font-family: sans-serif;
	font-weight: 100;
}
.right-part h2 span
{
	/*font-weight: bold;*/
	/*font-family: 'Lato', sans-serif;*/
	font-size: 40px;
    /*line-height: 66px;*/
    font-family: 'Sen', sans-serif;
}
.bel h2 span
{
font-weight: 900;
	/*font-family: 'Lato', sans-serif;*/
	font-size: 40px;
	line-height: 45px;
	color: #fe8029;
	font-family: 'Sen', sans-serif;
}
.wedo h2
{
	font-family: 'Sen', sans-serif;
	font-weight: 100;
	padding-bottom: 25px;
}
.box
{
	/*border: 5px solid #000;*/
	box-shadow: -5px 20px 50px #0001;
}
.navbar-brand h2
{
	margin: 0;
	padding-top: 8px;
}
.box img
{
	width: 100px;
	height: 100px;
	margin: 0 auto;
}
.box h5
{
	font-family: 'Lato', sans-serif;
	font-size: 17px;
	text-transform: uppercase;
	line-height: 35px;
	font-weight: bold;
}
.box a
{
	color: #791797;
	font-size: 20px;
	text-decoration: none;
}
.box p
{
	font-size: 14px;

}
.about-img img
{
	width: 100%;
	height: 100%;
}
.bel
{

	padding-right: 30px;
}

.about-txt h5
{

	font-size: 32px;
	font-family: 'Sen', sans-serif;
	color: #fe8029;
}
.footer-bottom
{
	text-align: center;
	background: #141514;
}
.footer-bottom p
{
font-size: 14px;
    padding: 13px;
    margin: 0;
}





.statis {
  color: #EEE;
  margin-top: 15px;
}
.statis .box {
  position: relative;
  padding: 15px;
  overflow: hidden;
  border-radius: 3px;
  margin-bottom: 25px;
}
.statis .box h3:after {
  content: "";
  height: 2px;
  width: 70%;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.12);
  display: block;
  margin-top: 10px;
}
.statis .box i {
  position: absolute;
  height: 70px;
  width: 70px;
  font-size: 22px;
  padding: 15px;
  top: -25px;
  left: -25px;
  background-color: rgba(255, 255, 255, 0.15);
  line-height: 60px;
  text-align: right;
  border-radius: 50%;
}

/*Home-page*/
.h-banner img 
{
	width: 100%;
}
.h-banner
{
	padding-top: 115px;
}
/*@keyframes animName {
  0% {
    transform: translateX(0);
  }
  30% {
    transform: translateX(100px);
  }
  100% {
    transform: translateX(0);
  }
}

#heair {
  animation: animName 2s infinite;
}*/

#stick 
{

animation : sticka 2s infinite alternate;
}

@keyframes sticka
{
	0%
	{
		transform: translateX(10px);
	}
	100%
	{
		transform: translateX(20px);
	}
}
#right-hand
{
	animation: handa 2s infinite alternate;

}
#left-hand
{
	animation: handa 2s infinite alternate;
}

@keyframes handa
{
	50%
	{
		transform: skewx(2deg) translatex(2px)
	}
	100%
	{
		transform: translate(15px);
	}
}
#body 
{
	animation: bodya 2s infinite alternate;
}
#head 
{
	animation: heada 2s infinite alternate;
}
#leag
{
	animation:leaga 2s infinite alternate;
}
@keyframes bodya
{
	0%
	{
		transform: translate(5px);
	}
	100%
	{
		transform: translate(15px);
	}
}
@keyframes heada
{
	0%
	{
		transform: translate(5px);
	}
	100%
	{
		transform: translate(15px);
	}
}
@keyframes leaga
{
	0%
	{
		transform: translate(5px);
	}
	100%
	{
		transform: translate(15px);
	}
}
#r-man-eye
{
	animation:eyea 1s infinite alternate;
}
#left-eye
{
	animation:leyea 1.3s infinite alternate;
}
@keyframes eyea
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
	}
}
@keyframes leyea
{
	0%
	{
		opacity: 0;
	}
	100%
	{
		opacity: 1;
	}
}
.main-body-content
{
	background-image: radial-gradient(50% 176%, #020A24 80%, #010713 100%);
	
}
@keyframes leaves {
  from {
    transform: skewX(0deg);
    //opacity:1;
  }
  to {
    transform: skewX(360deg);
    // opacity:0;
  }
}

@keyframes plants {
  from {
    transform: rotateZ(0deg) skewx(0);
  }
  to {
    transform: rotateZ(0deg) skewx(15deg);
  }
}

@keyframes clouds {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes girl {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-4%);
  }
}


#leaves {
  animation: leaves 20s ease-in-out infinite;
  //transform-origin:center;
}

#cloud-1,
#cloud-2 {
  animation: clouds 10s ease-in-out infinite;
}

@for $i from 1 through 6 {
  #plant-#{$i} {
    animation: plants 5s ease-in-out infinite alternate;
    transform-origin: center;
    transform-box: fill-box;
  }
}

#girl {
  animation: girl 3s ease-in-out infinite alternate;
}


/*tree*/

#Body {
  animation: bounce 1.5s infinite;
  animation-fill-mode:forwards;
}

#Head {
  animation: totter 1.5s infinite;
  transform-origin:center;
}

#Wing_1 {
  animation: flap-right 1.5s infinite;
  transform-origin: right center;
  border: 1px black solid;
  
}


#Wing_2 {
  animation: flap-left 1.5s infinite;
  transform-origin: right center;
  border: 1px black solid;
  animation-delay: 0.75s;
  
}

.foot-left {
  animation: step 1.5s infinite;
  transform-origin:top center;
  animation-delay:0.75s;
  
}
.foot-right {
  animation: step 1.5s infinite;
  transform-origin:top center;
}

@keyframes flap-left {
  
  50% {
    transform: skewx(-20deg) translatex(-20px)
  }
}

@keyframes flap-right {
  
  50% {
    transform: skewx(20deg) translatex(20px)
  }

}

@keyframes step {
  0%{
    transform:scale(1.015)
  }
  50% {
    transform:scale(0.99)
  }
  100%{
    transform:scale(1.015)
  }
}

@keyframes bounce {
  0% {
    transform:translatey(5px)
  }
  25%{
    transform:translatey(0)
  }
  50%{
    transform:translatey(5px)
  }
  75%{
    transform:translatey(0)
  }
  100%{
    transform:translatey(5px)
  }
}

@keyframes totter {
  0% {
    transform: rotate(-2deg)
  }
  50% {
    transform: rotate(2deg)
  }
  100% {
    transform: rotate(-2deg)
  }
}

/*hand-tree*/
#wrapper {
  cursor: pointer;
  overflow: visible;
  text-align: center;
}

#wrapper svg {
  
  transform: scale(5.0);
}

/* Styles for the actual interaction */
#wrapper svg {
  position: relative;
  bottom: 8px;
  overflow: visible;
}

#wrapper svg .leaf {
  transform: scale(1);
  transform-origin: center 90px;
  animation: shrink 0.6s 0s 1 reverse forwards;
}

#wrapper:hover svg .leaf {
  animation: grow 0.6s 0s 1 normal forwards;
}

@keyframes grow {
  to {
    transform: scale(1.08) rotate(-1deg);
  }
}
  
@keyframes shrink {
  to {
    transform: scale(1.08) rotate(-1deg);
  }
}
/*owl*/

.owl-right h2 
{
	font-size: 34px;
    line-height: 47px;
    color: #fffefe99;
    font-family: 'Lato', sans-serif;
    margin-top: 116px;

}
/*.owl svg
{
	height: 500px;
	float: left;
}*/
/*text-animation*/
.text-animation
{
	height: 72px;
}
.text-animation svg { width: 100%; }
.text-animation svg textPath { 
  	font-size: 63px;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 20px;
	fill: red;
  	background: #333;
}
#monCanvas
{
	background: transparent !important;
	height: 350px;
	width: 100%;
}

/*mi-txt*/
.mi-txt
{
	text-align: center;
}
.mi-txt p {
  position: relative;
  font-family: sans-serif;
  text-transform: uppercase;
  font-size:47px;
  font-weight: bold;
  letter-spacing: 4px;
  overflow: hidden;
  background: #fff;
  /*background: linear-gradient(90deg, #000, #fff, #afafaf);*/
  background-repeat: no-repeat;
  background-size: 80%;
  animation: animate 1.5s linear;
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0);
}

@keyframes animate {
  0% {
    background-position: -500%;
  }
  100% {
    background-position: 500%;
  }
}
/*.main-body-content section 
{
	padding: 0;
}
*/

/*blog*/
.blog-page-headding
{
	background-color: #FBAB7E;
background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
height: 150px;

}
.blog-page-headding h2 
{
	color: #fff;
    margin: 0;
    font-size: 50px;
    font-weight: bold;
    padding-top: 40px;
    /* text-align: center; */
    text-shadow: 1px 1px 1px #000;
    padding-bottom: 12px;

}
.blog-page-headding p 
{
	font-size: 14px;
    color: #494f54;
}
.blog-page-headding p a  
{
color: #494f54 !important;
text-decoration: none;
}
.header2 .appsLand-navbar2
{
	background-image: radial-gradient(50% 176%, #020A24 80%, #010713 100%);

}
.blog-page
{	font-family: 'Roboto', sans-serif;
	padding-top: 95px;
}
.blog-content
{
	padding: 35px 0;
}
.blog-l-image img
{
	width: 100%;
	height: 300px;
	border: 1px solid #0001;
}
.blog-r ul
{
	display: flex;
	padding: 0;
}
.blog-r ul li  
{
	list-style: none;
	margin-right: 12px;
    font-size: 13px;
}
.blog-r ul li a 
{
	text-decoration: none;

}
.read-m
{
	float: right;
	margin-top: 20px;
}
.read-m a 
{
	text-decoration: none;
}
.blog-mcontent
{
	margin-bottom: 35px;
}
.blog-r h2
{
	margin: 0;
	line-height: 28px;
}
.blog-r h2 a 
{
	font-size: 20px;
    /*color: #3e3939;*/
    color: #f76e10;
	text-decoration: none;
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
.blog-r ul  
{
	padding: 15px 0;
	margin: 0;
}
.blog-r p 
{
	font-size: 15px;
	color: #0009;
	line-height: 25px;
}
.blog-r ul li a 
{
	color: #0009;
	font-size: 14px;
	font-family: 'Roboto', sans-serif;
}

.blog_r_border
{
	width: 100%;
	height: 2px;
	background-color: #0002;
	position: relative;
	margin-bottom: 20px;

}
.blog_r_border:after 
{
	content: '';
	position: absolute;
	width: 35%;
	background: #f7aa7c;
	height: 2px;

}
.popular-content
{
	display: flex;
}
.blog_r ul
{
	padding-left: 0;
}
.popular-content .left
{
	width: 30%;
}
.popular-content .left img 
{
	width: 100px;
    height: 80px;
    border: 1px solid #0002;
}
.popular-content .right
{
	width: 70%;
	padding-left: 10px;
}
.popular-content .right ul  
{
	display: flex;
}
.popular-content .right h4 
{
	font-size: 15px;
}
.popular-content .right h4  a 
{
	text-decoration: none;
	color: #de5c03;
	font-weight: 500;
}
.popular-content .right ul li   
{
	margin-right: 12px;
    font-size: 13px;
	
}
.popular-content .right ul li a 
{
color: #0009;
text-decoration: none;
}
.post-list .popular-content
{
	margin: 20px 0;
}
.big-postimg img 
{
	width: 100%;
	height: 200px;
}
.big-postimg ul  
{
	display: flex;
}
.big-postimg ul li  
{
	list-style: none;
	margin-right: 12px;
    font-size: 13px;
}
.big-postimg ul li a 
{
	color: #0009;
	text-decoration: none;
}
.big-postimg
{
	margin: 20px 0;
}
.blog-categories_list ul li  
{
	border-bottom: 1px dotted #0003;
	padding: 10px 0;

}
.blog-categories_list ul li a 
{
	color: #000;
	font-size: 15px;
	text-decoration: none;
}
.blog-categories_list ul li span 
{
	margin-left: 10px;
	color: #0009;
}
.tag-list ul li a
{
	text-decoration: none;
}
.tag-list ul li a
{
	    background-color: #f4f4f4;
    padding: 8px 10px;
        display: block;
        margin: 2px;
        color: #000;
}
.tag-list ul li
{
	float: left;
}
.random-slider
{
	height: 350px;
}
.random-slider .owl-carousel .owl-item img
{
	height: 300px;
}
.random-slider .owl-theme .owl-dots
{
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}
.random-slider .owl-theme .owl-nav
{
	position: absolute;
	top:12px;
	right: 0;
}
.random-slider .owl-theme .owl-nav button 
{
	font-size: 30px;
	color: #fff;
	background: #0009;
	width: 35px;
}
.blog_r h5 
{
	font-weight: bold;
	margin-top: 40px;
	color: #de5c03;
}
.big-postimg h4
{
	font-size: 17px;
	color: #000;
	font-weight: bold;
}
.b_pagination
{
	text-align: center;
	margin-top: 50px;
}
.blog-details-heading {
    background-color: #FBAB7E;
    background-image: linear-gradient(
62deg
, #FBAB7E 0%, #F7CE68 100%);
    height: 150px;
}
.blog-details-heading p
{
	font-size: 14px;
    color: #494f54;
}
.blog-details a  
{
/*color: #494f54 !important;*/
text-decoration: none;
}
.blog-details-heading a 
{
color: #494f54 !important;
}
.blog-details-heading h2 {
   color: #fff;
    margin: 0;
    font-size: 50px;
    font-weight: bold;
    padding-top: 40px;
    /* text-align: center; */
    text-shadow: 1px 1px 1px #000;
    padding-bottom: 11px;

}
.blog-details
{
	padding-top: 95px;
	font-family: 'Roboto', sans-serif;
}
.blog_details_ltime ul  
{
	display: flex;
	padding-left: 0;
	padding: 12px 0;
}
.blog_details_ltime ul li  
{
	margin-right: 12px;
    font-size: 13px;
}
.blog_details_ltime ul li a
{
	    color: #0009;
    text-decoration: none;
}
.file button 
{
	border: none;
	background: no-repeat;
	width: 100%;
	text-align: left;
	padding-bottom: 10px;
	color: #f15a01;
    font-weight: bold;
}
.blog_details_l .tag-list ul
{
	padding-left: 0;
}
.blog_details_l .tag-list ul li a
{
	text-decoration: none;
}
.blog_details_l .tag-list ul li a
{
	    background-color: #f4f4f4;
    padding: 8px 10px;
        display: block;
        margin: 2px;
        color: #000;
}
/*.blog_details_l .tag-list
{
	width: 400px;
}*/
.blog_details_l .tag-list ul li
{
	float: left;
}
.emoji-list ul  
{
	padding-left: 0;
	display: flex;
	justify-content: space-between;

}
.related-post img 
{
	width: 100%;
	height: 210px;
	border: 1px solid #0001;
}
.blog_details-content {
    padding: 35px 0;
}
.blog_details_l h1 
{
	margin-top: 0;
}
.heading-dwn
{
	padding: 5px 0 !important;
}
.blog_details_l h5 
{
	    margin: 0!important;
    font-size: 15px;
    line-height: 26px;
    font-weight: 600;
}
 
.blog_details_l .owl-theme .owl-dots
{
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
}
.blog_details_l .owl-theme .owl-nav
{
	position: absolute;
	top: -7px;
	right: 0;
}
.blog_details_l .owl-theme .owl-nav button 
{
	font-size: 30px;
	color: #fff;
	background: #4a4343f2;
	width: 35px;
}
.big-txt
{
	margin-top: 25px;
}
.big-txt p img  
{
width: 100%;
}
.big-txt p 
{
font-size: 16px;
color: #0009;
line-height: 30px;
}
.blog_details_l h5
{
	font-weight: bold;
	padding-top: 25px;
}
.file h5
{
	padding: 10px 0;
}
.emoji-list .emoji-icon-box 
{
	background: #0002;
}
.emoji-list .emoji-icon-box span 
{
	font-size: 45px;
}
.emoji-list ul li  
{
	width: 100px;
	text-align: center;
}
.emoji-list ul li button 
{
width: 100%;
border: none;
padding: 5px;
transition: 0.5s;
}
.emoji-list ul li button:hover 
{
	background: #fbb07c;
}
.emoji-list .emoji-icon-box h3 
{
	color: #cc5604;
	font-size: 17px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 10px;
}
.form-section .custom-control
{
	width: 100%;
	border: 1px solid #0002;
	height: 40px;
	padding: 5px;
	outline: none;
	color: #0a0a0a;
}
.form-section .custom-control2
{
	width: 100%;
	border: 1px solid #0002;
	padding: 5px;
	outline: none;
	color: #0a0a0a;
}

.form-section .is-invalid
{
	width: 100%;
	border: 1px solid #ec0000f7;
	
	padding: 5px;
	outline: none;
}
.form-section .custom-control2 .is-invalid
{
	width: 100%;
	border: 1px solid #ec0000f7;
	padding: 5px;
	outline: none;
	
}

.btn-custom2
{

    background: #f15a01;
    border: none;
        padding: 8px 13px;
    color: #fff;
}




.post-sub
{
	background: #f15a01;
	border: none;
	padding: 10px 40px;
	color: #fff;
}
.view-comments-section
{
	display: flex;
	padding-top: 30px;
}
.view-comment ul
{
	padding-left: 0;
}
.left-part img
{
	width: 50px;
	height: 50px;
	border-radius: 50px;
}
.form-part ul
{
	display: flex;
	padding-left: 0;
}
.form-part ul li 
{
	padding-right: 10px;
}
.form-part ul li 
{
	color: #0009;
	text-decoration: none;
	cursor: pointer;
}
/* .form-section2
{
	display: none;
} */
.btn-subcomment
{
	background: #f15a01;
}
.btn-load-more
{
background: #f15a01;
border: none;
padding:8px;
color: #fff;
}
.view-comments-section .right-part
{
	padding-left: 25px;
}
.view-comments-section .right-part h6 
{
	color: #0009;
}
.view-comments-section .right-part a
{
	font-weight: bold;
	color: #000;
}
.podcas-btn
{
	border: none;
	background: #039a1c;
    color: #fff;
    padding: 4px 16px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 13px;

}
.podcas-btn:hover 
{
	background: #ef680e;
	color: #fff;
}
.contact-us-page {
    padding-top: 95px;
    font-family: 'Roboto', sans-serif;
}
.contactus-heading {
    background-color: #FBAB7E;
    background-image: linear-gradient( 
62deg
 , #FBAB7E 0%, #F7CE68 100%);
    height: 150px;
}
.contactus-heading h2 {
    color: #fff;
    margin: 0;
    font-size: 50px;
    font-weight: bold;
    padding-top: 40px;
    /* text-align: center; */
    text-shadow: 1px 1px 1px #000;
    padding-bottom: 11px;
}


.engage-us-page {
    padding-top: 95px;
    font-family: 'Roboto', sans-serif;
}
.engage-heading {
    background-color: #FBAB7E;
    background-image: linear-gradient( 
62deg
 , #FBAB7E 0%, #F7CE68 100%);
    height: 150px;
}
.engage-heading h2 {
    color: #fff;
    margin: 0;
    font-size: 50px;
    font-weight: bold;
    padding-top: 40px;
    /* text-align: center; */
    text-shadow: 1px 1px 1px #000;
    padding-bottom: 11px;
}


.m_engage
{
    background: url(../images/nature.jpg) center top no-repeat fixed;
    background-size: cover;
    padding: 10px 0 0 0;
    position: relative;

}
.upload-section label 
{
	color: #f7711d;
}
.m_engage::before
{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.80);
    z-index: 9;
}
.m_engage .container
{
	position: relative;
	z-index: 10;
}







.alt-send-button {
  
  transition: all .2s ease-in-out;
}

.send-text {
  display: block;
  margin-top: 10px;
  
  letter-spacing: 2px;
}

.alt-send-button:hover {
  transform: translate3d(0px, -29px, 0px);
}

.about-us-page {
    font-family: 'Roboto', sans-serif;
    padding-top: 95px;
}
.about-us-heading {
    background-color: #FBAB7E;
    background-image: linear-gradient(
62deg
, #FBAB7E 0%, #F7CE68 100%);
    height: 150px;
}
.about-us-heading h2 {
    color: #fff;
    margin: 0;
    font-size: 50px;
    font-weight: bold;
    padding-top: 40px;
    /* text-align: center; */
    text-shadow: 1px 1px 1px #000;
    padding-bottom: 12px;
}
.about-us-heading p {
    font-size: 14px;
    color: #494f54;
}
.about-text p
{
	font-size: 16px;
	color: #0009;
	line-height: 30px;
}
.about-text
{
	padding: 35px 0;
}
.direct-contact-container h1{
  text-align: center;

}
.join-image
{
	text-align: center;

}
.join-image img 
{
	width: 70%;
}
.direct-contact-container h1
{
	font-weight: bold;
	color: #030b25;
	line-height: 35px;
	    line-height: 48px;
}
.join-form
{
	padding-top: 35px;
}
/*.contact2
{
	padding-top: 0 !important;
	padding-bottom: 40 !important;
}*/
.eng-email
{
text-align: center;
padding-bottom: 50px;
padding-top: 30px;
}
.eng-email a 
{
	text-decoration: none;
	
}
.upload-section
{
	padding: 15px 0;
}
.contact-list {
  list-style-type: none;
  
  padding-right: 20px;
}
.contact-headtxt p
{
	text-align: center;
}
.contact-headtxt  
{
	padding-bottom: 25px;
}
.list-item {
  line-height: 4;
  color: #aaa;
}

.contact-text {
 
  letter-spacing: 1px;
  color:#0831b5;
}

.contact-text a:hover 
{
color:#0831b5;
}
.place {
  margin-left: 25px;
}

.phone {
  margin-left: 25px;
}

.gmail {
  margin-left: 25px;
}

.contact-text a {
  color:#0831b5;
  text-decoration: none;
  transition-duration: 0.2s;
  font-size: 18px;
  font-family: 'Roboto', sans-serif;

}
.
.contact-text a:hover {
 color:#0831b5;
  text-decoration: none;
}
.contact h2
{
	font-weight: bold;
	color:#f7711d;
	/**/
}
/*.contact p 
{
	margin-bottom: 25px;
}*/
/* Social Media Icons */
.social-media-list {
  position: relative;
  font-size: 22px;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.social-media-list li a {
  color: #0009;
}

.social-media-list li {
  position: relative; 
  display: inline-block;
  height: 40px;
  width: 40px;
  margin: 10px 3px;
  line-height: 43px;
  border-radius: 50%;
  color: #fff;
  background-image: linear-gradient( 
62deg
 , #FBAB7E 0%, #F7CE68 100%);
  cursor: pointer; 
  transition: all .2s ease-in-out;
}

.contact 
{
	padding-top: 50px;
	padding-bottom: 60px;
}


.send-button {
  margin-top: 15px;
  height: 34px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 55px;
  transition: all .2s ease-in-out;
}
.social-media-list li:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  line-height: 60px;
  border-radius: 50%;
  opacity: 0;
  box-shadow: 0 0 0 1px #0009;
  transition: all .2s ease-in-out;
}

.social-media-list li:hover {
  background-color: #fff; 
}

.social-media-list li:hover:after {
  opacity: 1;  
  transform: scale(1.12);
  transition-timing-function: cubic-bezier(0.37,0.74,0.15,1.65);
}

.social-media-list li:hover a {
  color: #000;
}



hr {
  border-color: rgb(248 198 109);
}

@media screen and (max-width: 850px) {
  .contact-wrapper {
    display: flex;
    flex-direction: column;
  }
  .direct-contact-container, .form-horizontal {
    margin: 0 auto;
  }  
  
  .direct-contact-container {
    margin-top: 60px;
    max-width: 300px;
  }    
  .social-media-list li {
    height: 60px;
    width: 60px;
    line-height: 60px;
  }
  .social-media-list li:after {
    width: 60px;
    height: 60px;
    line-height: 60px;
  }
}

@media screen and (max-width: 569px) {

  .direct-contact-container, .form-wrapper {
    float: none;
    margin: 0 auto;
  }  
  .form-control, textarea {
    
    margin: 0 auto;
  }
 
  
  .name, .email, textarea {
    width: 280px;
  } 
  
  .direct-contact-container {
    margin-top: 60px;
    max-width: 280px;
  }  
  .social-media-list {
    left: 0;
  }
  .social-media-list li {
    height: 55px;
    width: 55px;
    line-height: 55px;
    font-size: 2rem;
  }
  .social-media-list li:after {
    width: 55px;
    height: 55px;
    line-height: 55px;
  }
  
}

@media screen and (max-width: 410px) {
  .send-button {
    width: 99%;
  }
}
.btn-reaction-voted{
	background-color: #0907b1;
    font-weight: 400;
    color: #fff;
}
#load_comment_spinner{
	display: none;
}
.search-drop
{
	width: 450px;
}
.search-drop label  
{
	padding: 5px;
}
.random-slider .item h4 
{
	position: absolute;
    bottom: 40px;
    left: 0;
    right: 0;
    color: #fff;
    text-align: center;
    background: #00000073;
    padding: 7px;
    width: 80%;
    margin: 0 auto;
}
.cust-input-box
{
	width:80%;
	border: 1px solid #0002;
	height: 32px;
	outline: none;
	padding-left: 5px;
}
.serch-box
{
	display: flex;
	padding: 8px 5px;
}
.serch-box select 
{
	outline: none;
	border: 1px solid #0002;
	height: 32px;
	border-right: 0;
	    color: #c77b0f;
}
.serch-box button 
{
	margin-left: 5px;
}
.contact-us-page p a 
{
	text-decoration: none;
	color: #0009;
}
.engage-us-page p a 
{
	text-decoration: none;
	color: #0009;
}
.captcha
{
	padding-top: 20px;
}


/*404*/
.erorwrapper
{
	width: 50%;
	margin: 0 auto;
	padding-top: 80px;
}
.cls-1 {
  fill: #ffc541;
}

.cls-2 {
  fill: #4e4066;
}

.cls-3 {
  fill: #6f5b92;
}

.cls-4 {
  fill: #f78d5e;
}

.cls-5 {
  fill: #fa976c;
}

.cls-6,
.cls-7,
.cls-8 {
  fill: #b65c32;
}

.cls-10,
.cls-6 {
  opacity: 0.6;
}

.cls-7 {
  opacity: 0.4;
}

.cls-9 {
  fill: #f4b73b;
}

.cls-11 {
  fill: #f9c358;
}

.cls-12 {
  fill: #9b462c;
}

.cls-13 {
  fill: #aa512e;
}

.cls-14 {
  fill: #7d6aa5;
}


/* animations */

.wheel {
  animation: wheel-rotate 6s ease infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes wheel-rotate {
  50% {
    transform: rotate(360deg);
    animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  }
  100% {
    transform: rotate(960deg)
  }
}

.clock-hand-1 {
  animation: clock-rotate 3s linear infinite;
  transform-origin: bottom;
  transform-box: fill-box;
}

.clock-hand-2 {
  animation: clock-rotate 6s linear infinite;
  transform-origin: bottom;
  transform-box: fill-box;
}

@keyframes clock-rotate {
  100% {
    transform: rotate(360deg)
  }
}

#box-top {
  animation: box-top-anim 2s linear infinite;
  transform-origin: right top;
  transform-box: fill-box;
}

@keyframes box-top-anim {
  50% {
    transform: rotate(-5deg)
  }
}

#umbrella {
  animation: umbrella-anim 6s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes umbrella-anim {
  25% {
    transform: translateY(10px) rotate(5deg);
  }
  75% {
    transform: rotate(-5deg);
  }
}

#cup {
  animation: cup-rotate 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
  transform-origin: top left;
  transform-box: fill-box;
}

@keyframes cup-rotate {
  50% {
    transform: rotate(-5deg)
  }
}

#pillow {
  animation: pillow-anim 3s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes pillow-anim {
  25% {
    transform: rotate(10deg) translateY(5px)
  }
  75% {
    transform: rotate(-10deg)
  }
}

#stripe {
  animation: stripe-anim 3s linear infinite;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes stripe-anim {
  25% {
    transform: translate(10px, 0) rotate(-10deg)
  }
  75% {
    transform: translateX(10px)
  }
}

#bike {
  animation: bike-anim 6s ease infinite;
}

@keyframes bike-anim {
  0% {
    transform: translateX(-1300px)
  }
  50% {
    transform: translateX(0);
    animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
  }
  100% {
    transform: translateX(1300px)
  }
}

#rucksack {
  animation: ruck-anim 3s linear infinite;
  transform-origin: top;
  transform-box: fill-box;
}

@keyframes ruck-anim {
  50% {
    transform: rotate(5deg)
  }
}

.circle {
  animation: circle-anim ease infinite;
  transform-origin: center;
  transform-box: fill-box;
  perspective: 0px;
}

.circle.c1 {
  animation-duration: 2s
}

.circle.c2 {
  animation-duration: 3s
}

.circle.c3 {
  animation-duration: 1s
}

.circle.c4 {
  animation-duration: 1s
}

.circle.c5 {
  animation-duration: 2s
}

.circle.c6 {
  animation-duration: 3s
}

@keyframes circle-anim {
  50% {
    transform: scale(.2) rotateX(360deg) rotateY(360deg)
  }
}

.four,
#ou {
  animation: four-anim cubic-bezier(0.39, 0.575, 0.565, 1) infinite;
}

.four.a {
  transform-origin: bottom left;
  animation-duration: 3s;
  transform-box: fill-box;
}

.four.b {
  transform-origin: bottom right;
  animation-duration: 3s;
  transform-box: fill-box;
}

#ou {
  animation-duration: 6s;
  transform-origin: center;
  transform-box: fill-box;
}

@keyframes four-anim {
  50% {
    transform: scale(.98)
  }
}
.error-txt
{
	text-align: center;
	padding-bottom: 80px;
	
}
.error-txt .back-btn
{
padding-top: 25px;
}
.error-txt h5 
{
	padding-top: 15px;
}
.error-txt .back-btn a
{
	 background-color: #e7a430;
    color: #000 !important;
    font-size: 16px;
    font-weight: bold;
    padding: 8px 30px;
    text-decoration: none;
}
/*******************************/
/*********** Team CSS **********/
/*******************************/
/*.team {
    position: relative;
    width: 100%;
    padding: 45px 0 15px 0;
}*/

 .team-item {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.team-img {
    position: relative;
}

.team-img img {
    width: 100%;
}

 .team-text {
    position: relative;
    padding: 25px 15px;
    text-align: center;
    background: #030f27;
    transition: .5s;
}

 .team-text h2 {
    font-size: 17px;
    font-weight: 600;
    color: #fdbe33;
    transition: .5s;
}

.team-text p {
    margin: 0;
    color: #ffffff;
}

 .team-item:hover .team-text {
    background: #fdbe33;
}

 .team-item:hover .team-text h2 {
    color: #030f27;
    letter-spacing: 1px;
}

 .team-social {
    position: absolute;
    width: 100px;
    top: 0;
    left: -50px;
    display: flex;
    flex-direction: column;
    font-size: 0;
}
.team-item a 
{
	text-decoration: none;
}
 .team-social a {
    position: relative;
    left: 0;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #ffffff;
}

.team-item:hover .team-social a:first-child {
    background: #4267B2;
    left: 50px;
    transition: .3s 0s;
}

 .team-item:hover .team-social a:nth-child(2) {
    background: #1DA1F2;
    left: 50px;
    transition: .3s .1s;
}

 .team-item:hover .team-social a:nth-child(3) {
    background: #fccc63;
    left: 50px;
    transition: .3s .2s;
}

.team-item:hover .team-social a:nth-child(4) {
    background: #0077b5;
    left: 50px;
    transition: .3s .3s;
}
 .team-item:hover .team-social a:nth-child(5) {
    background: #FF0000;
    left: 50px;
    transition: .3s .3s;
}
 .team-item:hover .team-social a:nth-child(6) {
    background:#00008B;
    left: 50px;
    transition: .3s .3s;
}
.about-us-heading p a 
{
  text-decoration: none;
  color: #0009;
}
.designation h1
{
  font-weight: bold;
    font-size: 16px;
    padding-top: 0px;
    margin: 0;
    color: #0009;
}
/*.member-name
{
	font-size: 20px;
}*/
.middle-content
{
	text-align: center ;
	/*padding: 30px 0;*/
}
.middle-content ul  
{
padding-left: 0;
}

.middle-content ul li  
{
	color: #fffefe99;
	font-size: 20px;
	line-height: 39px;
}
.large-left-text p 
{
	font-size: 15px;
	line-height: 24px;
	margin: 0 auto;
	text-align: justify;
	    color: #fffefe99;
	   

}
.right-dya h5
{
	text-align: center;
	color: #fffefe99;
}


.m-card .card{
    position: relative;
    cursor: pointer;
}

.m-card .card .face{
    width: 300px;
    height: 160px;
    transition: 0.5s;
}

.m-card .card .face.face1{
    position: relative;
    background: #e7c56b;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    /*transform: translateY(50px);*/
}

.m-card .card:hover .face.face1{
    background: #eabe48;
    transform: translateY(0);
}

.m-card .card .face.face1 .content{
    opacity: 1;
    transition: 0.5s;
    text-align: center;
}

.m-card .card:hover .face.face1 .content{
    opacity: 1;
}

.m-card .card .face.face1 .content img{
    max-width: 100px;
}

.m-card .card .face.face1 .content h3{
    margin: 10px 0 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
}

.m-card .card .face.face2{
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
    transform: translateY(-170px);
}

.m-card .card:hover .face.face2{
    transform: translateY(0);
}

.m-card .card .face.face2 .content p{
    margin: 0;
    padding: 0;
    color: #000;
	font-size: 15px;
	line-height: 20px;

}

.m-card .card .face.face2 .content a{
    margin: 15px 0 0;
    display:  inline-block;
    text-decoration: none;
    font-weight: 900;
    color: #333;
    padding: 5px;
    border: 1px solid #333;
}

.m-card .card .face.face2 .content a:hover{
    background: #333;
    color: #fff;
}
.box{
    text-align: center;
    overflow: hidden;
    position: relative;
        text-align: center;
    overflow: hidden;
    position: relative;
   
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.circle .box h2
{
	font-size: 14px;
	margin: 0;
	color: #fff;
}
.box1
{
 background:#bd1e24;
     margin: 0 auto;
}

.box2
{
 background:#e97600;
     margin: 0 auto;
     position: absolute;
    left: 10px;
}
.box3
{
 background:#f6c700;
     margin: 0 auto;
         position: absolute;
    right: 10px;
}
.box4
{
 background:#0067a7;
     margin: 0 auto;
      bottom: -330px;
    background: #0067a7;
    margin: 0 auto;
    position: absolute;
    left: 80px;
}
.box5
{
 background:#007256;
     margin: 0 auto;
     background: #007256;
    margin: 0 auto;
    position: absolute;
    bottom: -330px;
    right: 80px;
}
.box:before,
.box:after{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
}
.box:after{ transform: scaleY(0); }
.box:hover:before{ transform: scaleX(1); }
.box:hover:after{ transform: scaleY(1); }
.box img{
    width: 65px;
    margin: 0 auto;
    height: auto;
    transition: all 0.5s ease 0s;
}
.box:hover img{
    transform: scale(1.3);
}
.box .box-content{
        position: absolute;
    top: 21%;
    left: 0;
    z-index: 2;
    width: 83%;
    margin: 0 auto;
    text-align: center;
    right: 0;
}
.box .title{
    font-size: 15px;
    
    color: #fff;
    margin: 0 0 0px 0;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.box:hover .title{
    opacity: 1;
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    transform: scaleX(0);
    transition: all 0.6s ease 0s;
}
.box:hover .icon{
    transform: scaleX(1);
}
.box .icon li{ display: inline-block; }
.box .icon li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    font-size: 16px;
    color: #fff;
    border: 1px solid #fff;
    margin-right: 5px;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{
    background: #fff;
    color: #444;
}
@media only screen and (max-width:990px){
    .box{ margin-bottom: 20px; }
}

.farmer-centric h2 
{
color: #e7c56b;
    font-size: 30px;
margin-bottom: 25px;
}
.regenerative h2
{
color: #e7c56b;
    font-size: 25px;
margin-top: 110px;
margin-bottom: 25px;
/*text-align: left;*/
}
.think-txt p 
{
	padding-top: 80px;

}
.circle
{
	position: relative;
}
.border
{
	width: 100px;
	height: 2px;
	background: #e7c56b;
	margin: 0 auto;
	margin-bottom: 100px;
}

.mitti-collective 

{
	margin-top: 175px;
}
.mitti-collective p 
{
	font-size: 18px;
	margin: 0;
}



.social-menus ul{
   
    margin: 0 auto;
    display: flex;
    padding: 20px 60px
}

.social-menus ul li{
    list-style: none;
    margin: 0 2px;
}

.social-menus ul li .fab{
    font-size: 30px;
    line-height: 60px;
    transition: .3s;
    color: #000;
}

.social-menus ul li .fab:hover{
    color: #fff;
}

.social-menus ul li a{
  
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #030b25;
    text-align: center;
    transition: .6s;
    box-shadow: 0 5px 4px rgb(0 0 0 / 50%);
    color: #fff;
    padding: 7px;
    font-size: 20px;
}

.social-menus ul li a:hover{
    transform: translate(0, -10%);
}

/*.social-menus ul li:nth-child(1) a:hover{
    background-color: #4267B2;
}
.social-menus ul li:nth-child(2) a:hover{
    background-color: #1DA1F2;
}
.social-menu ul li:nth-child(3) a:hover{
    background-color: #8a3ab9;
}
.social-menu ul li:nth-child(4) a:hover{
    background-color:#0077b5;
}
.social-menu ul li:nth-child(5) a:hover{
    background-color:#FF0000;
}
.social-menu ul li:nth-child(5) a:hover{
    background-color:blue;
}*/

