body .site{ padding: 0; margin: 0; box-shadow: none; max-width: none; width: 100%; overflow: hidden; font-family: 'Roboto', sans-serif;}
footer#colophon{ max-width: none; margin: 0; padding: 0; border: none;}
a, a:focus{outline:none;text-decoration:none !important;transition:all 500ms ease-in-out;}



/*----------------------- Home Start ---------------------------*/
/*
header #stickyNav { -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
header #stickyNav.navbar_fixed {position: fixed;left: 0;top: 0; width: 100%;animation: smoothScroll 1s forwards; background: #fff; z-index: 999;}
*/
@keyframes smoothScroll {
    0% {transform: translateY(-87px);}
    100% {transform: translateY(0px);}
}
/*
header #stickyNav.navbar_fixed section.elementor-section {-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.6); box-shadow: 0 0 8px 0 rgba(0,0,0,0.6);}

header #sectionHide {-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-ms-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
header #sectionHide.logohide {display: none; }
*/

#masthead .stickyNav {display: none; transition: all .5s ease-in-out;}
#masthead.navbar_fixed .stickyNav {display: block; position: fixed;left: 0;top: 0; width: 100%;animation: smoothScroll 1s forwards; background: #fff; z-index: 999; -webkit-box-shadow: 0 0 18px -9px rgba(0,0,0,.6); box-shadow: 0 0 18px -9px rgba(0,0,0,.6);}

 
/*-------- Hero Banner --------*/
/*.callBtn {margin: 0 auto;}*/
.m-auto {margin: 0 auto;}
.callBtn .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {margin-right: 0; padding: 15px; background: #5eaeed; border-radius: 8px 0 0 8px;}
.callBtn .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-content {padding: 7px 20px 6px 15px; background: #0d0d0d; border-radius: 0 8px 8px 0;}
.callBtn .elementor-widget-container .elementor-icon-box-description a {color: #62a651;}
.callBtn .elementor-widget-container .elementor-icon-box-description a:hover {color: #5eaeed;}

/*----------- About Section ---------*/
.sectionHeading .elementor-widget-container .elementor-heading-title span {color: #5eaeed; font-family: "Roboto";}

/*--------- Service section --------*/
.serviceSlider .serviceBox .serviceCon {padding-top: 15px; text-align: center;}
.serviceSlider .serviceBox .serviceCon h3 {color: #464646; font: 400 22px "Roboto"; margin-bottom: 15px;}
.serviceSlider .serviceBox .serviceCon p {color: #464646; font: 400 16px/23px "Roboto";}

.serviceSlider .owl-controls .owl-nav .owl-prev,
.serviceSlider .owl-controls .owl-nav .owl-next {position: absolute; left: -55px; top: 39%; padding: 12px 15px; background-color: #fff; border-radius: 50%;}
.serviceSlider .owl-controls .owl-nav .owl-next {left: auto; right: -55px;}
.serviceSlider .owl-controls .owl-nav .owl-prev i,
.serviceSlider .owl-controls .owl-nav .owl-next i {color: #5e6365;}

.serviceSlider {justify-content: center; row-gap: 25px; }
.serviceSlider .serviceBox .service_img {overflow: hidden;}
.serviceSlider .serviceBox .service_img:hover img {-webkit-transform: scale(1.1); transform: scale(1.1); transition: .6s ease;}

.serviceList .service-item h3 {font: 500 22px/27px "Roboto"; color: #54595f; margin-bottom: 15px;}
.serviceList .service-item h3 i {color: #5eaeed; font-size: 18px; margin-right: 10px;}

/*------------- Equipment Section ------------*/
.equipmentbg {background-size: 642px 626px !important;}

/*--------- Contact Section ----------*/
.contactForm form {padding-right: 80px;}
.contactForm form .form-group input.form-control,
.contactForm form .form-group textarea.form-control {height: 48px; border-radius: 0; border: none; outline: none; box-shadow: none; padding: 10px 20px; color: #787878; font: 400 15px/21px "Roboto";}
.contactForm form .form-group textarea.form-control {height: 100px; padding-top: 15px;}
.contactForm form input[type="submit"],
.contactForm form input[type="submit"]:active {transition: all .5s ease; width: 216px; height: 69px; background: #232323; border-radius: 0; box-shadow: none; outline: none; border: 2px solid #232323; color: #e2e2e2; font: 900 24px/21px "Roboto"; text-transform: uppercase;}
.contactForm form input[type="submit"]:hover {background: transparent; color: #232323;}

/*------- Gallery section -------*/
.galleryWrapper .col-lg-4{padding: 11px;}
.galleryWrapper .col-lg-4 .galleryImg {width: 100%; height: 377px; position: relative; overflow: hidden;}
.galleryWrapper .galleryImg a {display: block;}
.galleryWrapper .galleryImg img{width: 100%; height: 100%; object-fit:cover; -webkit-transition: .6s ease; transition: .6s ease;}
.galleryWrapper .galleryImg:hover img {-webkit-transform: scale(1.1); transform: scale(1.1);}
.galleryWrapper .col-lg-4:nth-child(2) .galleryImg {height: 250px;}
.galleryWrapper .col-lg-4:nth-child(5) .galleryImg {margin-top: -128px; height: 506px;}
.galleryWrapper .col-lg-4:nth-child(5) .galleryImg a {height: 506px;}

.gallery_wrapper{max-width:980px;margin:0 auto;}
.gallery_wrapper .slider-nav .slick-slide{margin:0 5px; cursor: pointer; }

.gallery_wrapper .slider-nav .slick-prev {left: -35px;}
.gallery_wrapper .slider-nav .slick-next {right: -35px;}
.gallery_wrapper .slider-nav .slick-prev:before,
.gallery_wrapper .slider-nav .slick-next:before {color: #5c5c5c;}
.gallery_wrapper .slider-nav .slick-slide.slick-center img {border: 3px solid #4db134;}

/*----------------------- Home Start ---------------------------*/



#fullpage .elementor-section.elementor-element.pp-easing {
    -webkit-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition: all 1000ms cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -moz-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    -o-transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    transition-timing-function: cubic-bezier(0.550, 0.085, 0.000, 0.990);
    /* custom */
}
.elementor-9 > .elementor-section:not(.elementor-section-full_width) > .pp-tableCell > .elementor-container{max-width: 1200px;}


/* #masthead{position: fixed !important;top: 0; left: 0; width: 100%;} */
#masthead ul.hfe-nav-menu li.active a.hfe-menu-item,
#newmenu li.active a {color: #62A651 !important;}
 

/* -------------- Animate Css ------------- */
/*
@keyframes fadeUp {
    from {opacity: 0; bottom: -60px; transition: all .5s ease;}
    to {opacity: 1; transform: none; bottom: 0; transition: all .5s ease;}
}
.fadeUp {
    position: relative; animation: fadeUp 0.9s linear;
}



.fadeUpanimate-1,
.upanimate,
.upanimate-2,
.upanimate-3,
.upanimate-4 {opacity: 0; transition: all .5s ease;}

.fadeUpanimate-1.fadeUp,
.upanimate.fadeUp,
.upanimate-2.fadeUp,
.upanimate-3.fadeUp,
.upanimate-4.fadeUp {opacity: 1; transition: all .5s ease;}

*/

.scorpion-connect {position: fixed; bottom: 1vh; right: 1.5vh; width: 140px; height: 70px; z-index: 9999999;}
.scorpion-connect .mobile-badge {position: absolute; bottom: 1vh; right: 0;}
.scorpion-connect .mobile-badge span {background-color: rgb(105, 190, 40); color: rgb(25, 25, 25); border-radius: 5px; font-size: 16px; font-weight: 400;    padding: 8px; display: inline-block; vertical-align: middle; z-index: -1; font-family: "Rubik", Sans-serif; line-height: 22px;}
.scorpion-connect .mobile-badge span:before {border-right-color: rgb(105, 190, 40); content: ""; position: absolute; right: 0; bottom: -10px; width: 0;    height: 0; border-top: 10px solid rgba(0, 0, 0, 0); border-bottom: 10px solid rgba(0, 0, 0, 0); border-right-width: 10px; border-right-style: solid; border-radius: 5px; z-index: -1;}
scorpion-connect .mobile-badge span em {color: rgb(25, 25, 25); opacity: .7; filter: alpha(opacity = 70); font-size: 28px; font-style: normal; line-height: 7px; vertical-align: text-top;}



/* responsive */

@media screen and (min-width: 2500px){
	.mobileBg {background-image: none !important;}
	.fullshape {display: block !important;}
/* 	.mobileBg .elementor-container {column-gap: 40px;} */
	.mobileBg .elementor-container .elementor-column {width: 50%;}
	.mobileBg .elementor-container .elementor-column.leftCol {padding-right: 40px;}
	
	.mobileBg-ii .elementor-container .elementor-column {width: 50%;}
	.mobileBg-ii .elementor-container .elementor-column.leftCol {padding-right: 40px;} 
}

@media screen and (max-width: 1299px){
}

@media screen and (max-width: 1199px){
}

@media screen and (max-width: 1024px){
    #masthead .stickyNav {display: block;}
	.mobileBg,.mobileBg-ii {background-image: none !important;}
	
	.galleryWrapper .galleryImg a {display: unset;}
	
	.contactForm form {padding-right: 15px;}
	
}

@media screen and (max-width: 991px){
	
}

@media screen and (min-width: 769px){
	body {padding-top: 0px !important;}
}

@media screen and (max-width: 768px){
	.callBtn .elementor-widget-container .elementor-icon-box-wrapper {display: flex !important;}
	.callBtn .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon {margin: 0;}
	
	.serviceSlider .serviceBox .serviceCon {padding-top: 15px;}
	.serviceSlider .serviceBox .serviceCon h3 {font: 400 18px "Roboto";}
	
	.galleryWrapper .col-lg-4:nth-child(2) .galleryImg {height: 100%;}
	.galleryWrapper .col-lg-4:nth-child(5) .galleryImg {margin-top: 0; height: 100%;}
	.galleryWrapper .col-lg-4:nth-child(5) .galleryImg a {height: 100%;}
	
	.bg-green {background-color: #62a651;}
	.bg-blue {background-color: #5eaeed;}
}

@media screen and (max-width: 575px){
	
/* 	--------- Contact Section --------- */
	.contactForm form {padding-right: 0;}
	
	.contactForm form input[type=submit], 
	.contactForm form input[type=submit]:active {width: 165px; height: 55px; font: 900 20px/21px "Roboto";}
	

}

@media screen and (max-width: 400px){
}