/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/
/* Floating
---------------------------------------------------------------------------- */
.floating-contact-wrap {
	position: fixed;
	right: 50px;
	bottom: 60px;
	z-index: 299;
	-webkit-transition: right .2s ease;
	-o-transition: right .2s ease;
	transition: right .2s ease;
}

.stretched .floating-contact-wrap + #gotoTop { bottom: 100px; }

.floating-contact-wrap .floating-contact-btn {
	position: absolute;
	left: 0;
	top: 0;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background-color: #00b960;
	color: #FFF;
	cursor: pointer;
	z-index: 3;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: transform .3s ease;
}

.floating-contact-wrap .floating-contact-btn:hover,
.floating-contact-wrap.active .floating-contact-btn {
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);
	background-color: #222;
}

.floating-contact-wrap .floating-contact-btn .floating-contact-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	font-size: 22px;
	-webkit-transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-backface-visibility: hidden;
}

.floating-contact-wrap .floating-contact-btn .floating-contact-icon.btn-active,
.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon {
	opacity: 0;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.floating-contact-wrap.active .floating-contact-btn .floating-contact-icon.btn-active {
	opacity: 1;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.floating-contact-wrap .floating-contact-box {
	opacity: 0;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 380px;
	background-color: #fff;
	border-radius: 6px;
	z-index: 1;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	box-shadow: 0px 0px 13px 3px rgba(0,0,0,0.07);
	-webkit-transform: scale(.01);
	transform: scale(.01);
	 -webkit-transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	transition: all .3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
	-webkit-backface-visibility: hidden;
}

.floating-contact-wrap.active .floating-contact-box {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

@media (max-width: 767.98px) { .floating-contact-wrap .floating-contact-box { width: 340px; } }

.css3-spinner { background-color: rgba(255, 255, 255, 0.8) }

#floating-contact-submitted,
.floating-contact-success #floating-contact,
.floating-contact-success .floating-contact-heading,
body:not(.floating-contact-processing) .floating-contact-loader { display: none; }

.floating-contact-success #floating-contact-submitted { display: block; }


.entry-title h2 a:hover, .entry-title h3 a:hover, .entry-title h4 a:hover {
    color: #3a49ef;
}


.bg-color{
	background-color: #00552c !important;
}

.section-img .section-img-sm {
    position: absolute;
    top: 40px;
	bottom:auto;
}

/* .section-img .section-img-sm-2 {
    position: absolute;
    top: 400px;
	bottom:auto;
} */


.dotted-bg::before{content:"";position:absolute;display:block;top:40%;left:35%;width:110%;height:120%;background-size:12px 12px;background-position:center;transform:translate(-50%,-50%);background-image:radial-gradient(#3D80E4 14%,transparent 14%);-webkit-mask-image:radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);mask-image:radial-gradient(rgba(0,0,0,1),rgba(0,0,0,0) 75%);z-index:0}.dotted-bg::before{background-image:radial-gradient(rgba(255,255,255,0.2) 14%,transparent 14%)}.dotted-bg.dotted-bg-dark::before{background-image:radial-gradient(rgba(4,4,4,0.2) 14%,transparent 14%)}

.menu-link {
    
    font-size: .85rem;

}

.bg-color:hover{
	background-color:#00b960 !important;
}
.menu-link {
    padding: 30px 8px;
}