@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@500&display=swap');
/* CSS Document */
.pb-md-0 {
   height: 150px; 
   /* background-color: rgba(0, 83, 91, 0.75); */
   background-color: #fff !important;
}

.wonderfull_service_box {
background-color:#d6d6d8 !important;
color:#666666 !important;
border: 1px solid #CCCCCC;
min-height: 220px;
}
.wonderfull_service_box .card-body p{
	opacity: 1 !important;
}
.wonderfull_service_box a, .wonderfull_service_box p {
	color:#000 !important;
}


.wonderfull_service_box:hover {
box-shadow: 10px 10px 22px 5px rgba(231,208,208,0.82);
-webkit-box-shadow: 10px 10px 22px 5px rgba(231,208,208,0.82);
-moz-box-shadow: 10px 10px 22px 5px rgba(231,208,208,0.82);
}

.sociallinks .link{
    color: #a3a7ab !important;
    padding: 10px 15px 10px 0 !important;
}

@media (max-width:575px){
.top_spacer {
padding: 40px 0px 0px 0px;
}

.slider7 .slide-content {
	min-width: 400px !important;
}

.top-socials,.top-social-btn {
	display: none !important;
}


}



/* mobile phone */
@media all and (max-width: 768px) {
  .top-socials,.top-social-btn {
	display: none !important;
}
.navbar-nav {
	top: 10 !important;
	right: 0 !important;
	background-color: #d5d5d5 !important;
	position:absolute !important;
	width: 300px !important;
	padding: 10px !important;
}

.header_1st_col.text-center {
	text-align: left !important;
}

}

@media (max-width: 750px) {
.navbar-nav {
	width: 300px !important;
	padding: 10px !important;
}
}

.navbar-toggler {
	 color: #d5d5d5;
	 z-index: 5000;
}
.top_spacer {
padding: 90px 0px 0px 0px;
}

.top_spacer_md {
padding: 30px 0px 0px 0px;
}

.header-item-margin-top {	
margin-top: 8px !important; 
}

.topbar {	
	background: transparent;
}

.topbar.fixed-header {
background: transparent !important;
}

#h15-info, .h15-navbar .navbar,.h15-nav {
	float: right;
}

.top-socials , .top-socials .nav-item{
	display:-webkit-inline-box; !important;
	margin:0px;
	padding:0px;
	
}

.top-socials {
	padding-top:7px;
	width: 100%;
	background-color:#00535b;
	text-align:right !important;	
}


.top-socials span, .top-socials i	{
color:#CCCCCC !important;
}

.full-opacity {
	opacity: 1 !important;
}

.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.owl-carousel .owl-stage-outer {

}

@media (min-width: 1024px)
{
.slider7 .slide-content {
	min-width: 650px !important;
	padding: 0px;
}

.page-wrapper {
     padding-top: 150px !important;
}

.owl-carousel .owl-stage-outer
{
	left:-1px !important;
}
}
.top-socials i, .top-socials span {
	color:#333333;
}

.bg-success-light {
	background-color: #fff !important;
}

.header_1st_col img{
}

.header_2nd_col {
	clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%);
 background-color: rgba(135, 220, 64, 1); 
}


.parallax {
  /* The image used */
  background-image: url("/assets/dist/images/wonderful-bg.jpg");

  /* Set a specific height */
 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.service_ex_container {
background-color: rgba(0, 83, 91, 0.10);
 min-height: 500px;
}

.service_ex {
	padding: 3rem 0px;
}

.icon-service-ex {
	float:left;
	font-size: 2rem;
	color:#00FF00;
	font-weight:bold;
	padding: 6px 10px;	
}

.in_numbers {
	padding-left: 50px;
}

.inline-list li{
	display: inline-block;
	margin: 2rem 4rem 2rem 0rem;
}

.footer2 {
	background-color: #00535b;
	padding: 30px 0px;
}

.powered-by {
	padding-top:15px;
}

.navbar-nav {
	 z-index: 5000;
    position: fixed;
	top: 90px;
	right: 10px;
}

.navbar-nav li a {
color: #000;
}

.navbar-nav li a:hover {
	color:#00535b;
}
.dropdown-menu {
	background-color: #d5d5d5;

}
 .dropdown-menu li a {
	color: #000 !important;
}

 .dropdown-menu li a:hover {
	color:#00535b !important;
}
.slider7 {
	
}

#exampleModal {
	z-index: 6000000 !important;
}

.job-search .form-control {
	width: auto !important;
	display:inline !important;
}

.job-search .title {
	font-weight: bold;
	padding: 1rem;
}

.job-search label {
	padding: 0px 10px;
}

.job-location {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color:#eeeeee;
  width: 100%;
}



#seemless_photos {
   /* Prevent vertical gaps */
   line-height: 0;
   
   -webkit-column-count: 4;
   -webkit-column-gap:   0px;
   -moz-column-count:    4;
   -moz-column-gap:      0px;
   column-count:         4;
   column-gap:           7px;
}

#seemless_photos img {
border-radius: 7px !important;
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
	margin-top: 7px;  
	
}

@media (max-width: 1200px) {
.top1 {
	height: 200px;
}
  #seemless_photos {
  -moz-column-count:    4;
  -webkit-column-count: 4;
  column-count:         4;
  }
}
@media (max-width: 1000px) {
.top1 {
	height: 150px;
}
  #seemless_photos {
  -moz-column-count:    3;
  -webkit-column-count: 3;
  column-count:         3;
  }
}
@media (max-width: 800px) {

.top1 {
	height: 100px;
}
.slider7 .slide-content {
	min-width: 400px !important;
}
  #seemless_photos {
  -moz-column-count:    2;
  -webkit-column-count: 2;
  column-count:         2;
  }
}
@media (max-width: 400px) {

.slider7 .slide-content {
	min-width: 400px !important;
}
  #seemless_photos {
  -moz-column-count:    1;
  -webkit-column-count: 1;
  column-count:         1;
  }
}

.service_description {
	 overflow: hidden;
  text-overflow: ellipsis;
  height: 200px !important;
}

.home-service-description {
	 overflow: hidden;
  text-overflow: ellipsis;
  max-height: 50px !important;
}

.pad-both {
margin: 0 0 0 0.5rem;
}

.pad {
margin: 0 0.5rem;
}
 
  .service-area-bg {
  	background-color: #87dc40;
  }
.card-service-area {
	text-align:center;
	padding: 2rem 0rem;
	background-color:#d5d5d5 !important;
	margin-top:2rem;
	min-height: 250px;
}

.card-service-area:hover {
	background-color:#eeeeee !important;
	-webkit-animation-name:              shake;    
    -webkit-animation-duration:          2s;
    -webkit-animation-iteration-count:   0s;
    -webkit-animation-timing-function:   linear;
    -webkit-transform-origin:            50% 100%;
}

@-webkit-keyframes shake {
 
  
 
  60% { -webkit-transform:     translate(-3px, 1px) rotate(0deg); }
 
 
 }
.card-service-area i{
	color:#88de3d;
	font-size:5rem;
}
.card-service-area h5{
	margin: 1rem 0rem;
	font-weight:bold;
	color: #00535b;
}
.online-enquiry {
	background-color: #89dd3d;
}
.powered-by {
	display:block
}

.slider7 .slide-content {
	min-height: 0px !important;
}

.service-menu-dropdown li{
	margin: 0px;
	padding: 0px;
	line-height: 12pt;
}

.social-links-footer {
	font-size:2rem;
}

.float1 :hover, .float1 :hover .my-float1 {
 color:#FFFFFF !important;
}
.float1{
	position:fixed;
	bottom:20px;
	left:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
  padding: 0px 20px;
}

.float1 span{
	font-size:14pt;
}

.my-float1{
}

.slider7 a {
    border-radius: 0% !important;
    height: auto !important;
    width: auto !important;
    font-size: 14px !important;
	position:relative !important;
	font-weight: bold;
	color:#fff !important;
	position:static !important;
	
}

.slider7 a i{
	line-height: 0px !important;
}
.slider7 a:hover { 
	background: #87dd3a !important;
}

.slider7 .contact-us {
	margin-right: 20px;
}

.slider7 .slider-title {
	font-size: 2.5rem !important;
	text-shadow: 1px 1px 1px #39482c;
	font-family: 'Fredoka', sans-serif;
	line-height: 3rem;
	width:98%;
	padding-bottom: 2rem;
}

@media (max-width: 767px) and (max-width: 480px) {
 /* Landscape phone to portrait tablet */
 /* Landscape phones and down */
 .slider7 .slider-title {
	font-size: 1.5rem !important;
	text-shadow: 1px 1px 1px #39482c;
	font-family: 'Fredoka', sans-serif;
	line-height: 2rem;
}
}

.owl-nav button span {
    font-size: 60px;
    padding: 0px 20px;
}

.owl-theme  .owl-prev {
    float: left !important;
	background-color: transparent !important;
}

.owl-theme .owl-next {
    float: right !important;
	background-color: transparent !important;
}

.owl-nav {
    width: 100vw;
    position: absolute;
}

.owl-carousel.owl-theme.owl-loaded.owl-drag {
    display: inline-block;
    justify-content: center;
    align-items: center;
}

.top1 {
    background-color:#FFFFFF;
    margin:0px !important;
	padding: 0px !important;
    overflow: hidden;
}

.top1 img {
    height:100%;
}

.top1 {
  position: relative;
  width: 50%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #035259;
}

.top1:hover .overlay {
  opacity: 0.6;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.card-group .card-img-top {
	margin: 1rem auto;
	display: block;
  max-width:230px;
  max-height:95px;
  width: auto;
  height: auto;
}

.company-profile {
	margin-left: 10px;
	margin-top: 10px;
}

@media (min-width: 1024px) {
.navbar-nav>.dropdown .dropdown-menu-full {
    width: 100% !important;
    left: 0px !important;
    margin-top: 0 !important;
    position: fixed !important;
    margin: 0 auto !important;
}

.banner-innerpage {
    padding: 170px 0 !important;
}
}

.banner-innerpage .title {
	text-shadow: 1px 1px 1px #39482c;
	font-family: 'Fredoka', sans-serif;
	color: white;
}

.general-listing li {
	margin: 0px 0px 0px 0px !important;
	line-height: 14pt;
}

.domain_btn {
	background-color:#00535b !important;
}

.wrap-feature-18 .card-body {
	min-height: 340px !important;
}

.modal-dialog {
	min-width: 600px !important;
}

.service-sectors-card-columns card {
	min-height: 200px;
}

@media (min-width: 576px) {
    .service-sectors-card-columns {
        column-count: 2;
    }
	
	
}

@media (min-width: 768px) {
    .service-sectors-card-columns {
        column-count: 3;
    }
}

@media (min-width: 992px) {
    .service-sectors-card-columns {
        column-count: 4;
    }
}

@media (min-width: 1200px) {
    .service-sectors-card-columns {
        column-count: 5;
    }
}

.btn-success {
	background-color: #00535b !important;
}