body{
 overflow-x:hidden!important;
}
nav{
	background:#1B689C;
}
.navbar-dark .navbar-nav .nav-link {
    color: white;
    font-size: small;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: white;
    text-decoration: none;
    background-color: #1B689C;
    font-size: small;
}
.dropdown-item {
	  font-size: small;
}
.carousel-item img {
  max-height: 100vh; 
  object-fit: cover;
}
.carousel {
    position: relative;
    background:#1986E1;
}

.item-desc{
	font-size: .80em;
	padding:5px;
}
.item-list{
	background-color: #FEFEFE;
}
.item-button{
	width: 100%;
}
.item-thmb{
  margin-top:20px;
	max-width: 210px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.item-thmb:hover{
opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
.fa-fire{
  color:red;
}
a.more{
  font-size: small;
}
p {
  color:#0C8265;
  font-size: .80em;
  padding:5px;
  text-transform: lowercase;
}
pre {
  color:#0C8265;
  font-size: 1.2em;
  padding:5px;
  text-transform: lowercase;
}
.para{
  color:#0C8265;
}
.para1{
  color:#1B689C;
}
a.link{
  text-decoration: none;
}
h6.gallery:hover{
  text-decoration: none;
  color:#1B689C;
  background:#F7F7F7;
}

/*** whatsapp icon **/

@keyframes heartbeat {
  0% {
    transform: scale( .95);
  }
  20% {
    transform: scale( 1);
  }
  40% {
    transform: scale( .95);
  }
  60% {
    transform: scale( 1);
  }
  80% {
    transform: scale( .95);
  }
  100% {
    transform: scale( .95);
  }
}

/** whatsapp logo **/
.mtop{
  margin-top:25px;
  padding:0px;
}

#heart {
  position: relative;
  animation: heartbeat 1s infinite;
}

#heart:before,
#heart:after {
  position: absolute;
  -moz-border-radius: 50px 50px 0 0;
  border-radius: 50px 50px 0 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}

#heart:after {
  left: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 100% 100%;
  -moz-transform-origin: 100% 100%;
  -ms-transform-origin: 100% 100%;
  -o-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.icon{
  padding:7px;
}

/** footer **/
div.footer {
    background-color: #0C1A1E;
}

p.cpright {
    padding: 10px;
    color: white;
    font-family: Helvetica;
    margin: auto;
}
.fa-heart {
    padding: 0 1px;
    color: pink;
    animation: heartbeat 1s infinite;
}

a.cpright {

    color: white;
    font-family: Helvetica;
    margin: auto;
}

a.cpright:hover 
{
    font-family: Helvetica;
    margin: auto; 
    text-decoration: none;
}

.face:hover {
  animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;
}

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

/** gallery **/
.gallery{
	background-color: #1B689C;
	color:white;
	padding:10px;
    font-family: Helvetica;
    font-weight: bold;
	
}
.galdiv{
  margin-top:15px;
		padding:0px 15px;
}
/**------------carousel------------**/



ol, ul{

  padding: 0;

  outline: none;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


ol, ul {
	 list-style: none; 
	 }
h3.clients {
	color:	#006B3C;
	font-weight:600;
}

/** client logos **/
p.clients{
  background-color:#1B689C;
  color:white;
}
#clients {
  display: block;
 
}


#clients .clients-wrap {
  display: block;
  margin: 0 auto;
  overflow: hidden;

}

#clients .clients-wrap ul {
  display: block;
  list-style: none;
  position: relative;
}

#clients .clients-wrap ul li {
  display: block;
  float: left;
  position: relative;
  width: 140px;
  height: 60px;
  text-align: center;
}
#clients .clients-wrap ul li img {
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65); 
 
}
#clients .clients-wrap ul li img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100); 
  opacity: 1.0;
}



/** aboutus **/
.imgfloatleft{
	height:200px;
	margin-right:15px;
	float: left;
}
.imgfloatright{
	height:200px;
	margin-left:15px;
	float: right;
}
.imgfloatleft1{
	height:70px;
	margin-right:15px;
	float: left;
}

/** aircondition **/
ul.a {
  list-style-type: circle;
  font-size: 12px;
  padding-left:20px;
}
ul.b {
  list-style-type: none;
  font-size: 12px;
  padding-left:20px;
}
h6.ph,h5.ph{
	text-transform: uppercase;
    font-weight: bold;
    color:#1B689C
}
p.pd{
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: italic;
}

/** about us team **/
p.contact{
  color: #007b5e;
  font-size: small;
  padding:0px;
  margin:0px;
}
p.contact a{
  text-decoration: none;
  color: #007b5e;
  padding:0px;
  margin:0px;
}
p.contact a:hover{
  text-decoration: none;
  color: #CF4923;
  padding:0px;
  margin:0px;
}
div.teamborder{
  margin-bottom: 20px;
}

#team {
    background: #eee !important;
}
/**
.btn-primary:hover,
.btn-primary:focus {
    cursor:pointer;
    background-color: #108d6f;
    border-color: #108d6f;
    box-shadow: none;
    outline: none;
}
.btn-primary {
    color: #fff;
    background-color: #007b5e;
    border-color: #007b5e;
}
**/


section .section-title {
    text-align: center;
    color: #007b5e;
    margin-bottom: 50px;
    text-transform: uppercase;
}

#team .card {
    border: none;
    background: #ffffff;
}
.card-title{
  color:#057E61;
}

.frontside .card .card-body img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

/** end of about us team **/

/** service **/
img.icon{
  height: 100px;
}

.image-source-link {
  color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out; 
  -moz-transition: all 0.3s ease-out; 
  -o-transition: all 0.3s ease-out; 
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container, 
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}

/** contact form **/
input[type=text], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

input[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

input[type=submit]:hover {
  background-color: #45a049;
}


textarea[type=textarea], select {
  width: 100%;
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

textarea[type=submit] {
  width: 100%;
  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}
textarea[type=submit]:hover {
  background-color: #45a049;
}
div.myform {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
.header6{
    text-align: center;
    color: #007b5e;
    text-transform: uppercase;
    height:40px;
}
.vid{
  width: 100%;
  height:238px;
}
div.dvid{
   border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
span.Err{
  margin:0px;
  padding:0px;
  color:#FE0807!important;
}
#notif{
  margin:0px;
  padding:0px;
  color:#FE0807!important;
}
#notif1
{margin:0px;
  padding:0px;
  color:#45A049;
}
.map{
  width: 100%!important;

}
.fbembed{
  width: 100%!important;
  height: 450px;
}
@media only screen and (max-width: 600px) {
.fbembed{
  width: 100%!important;
  height: 250px;
}
}

.fbembed1{
  width: 100%!important;
  height: 370px;
}
@media only screen and (max-width: 600px) {
.fbembed1{
  width: 100%!important;
  height: 250px;
}
}
a.mode{
  color:white!important;
}
.gal{
  padding:15px;
}
h1,h2,h3,h4,h5,h6{
  font-size: 1em;
}
.title1{
  color:#007B5E;
   text-transform: uppercase;
}
.title2{
  color:#F57D2E;
   text-transform: uppercase;
}
h1.apptitle{
  color:#007B5E;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.2em;
  padding:25px;
}
.floatright{
  float:right;
  max-width: 250px;
  overflow: auto;
  clear: both;
}
li.para{
  font-size: 1.4em;
}
#hvlsfan{
  cursor: pointer;
}
p{
  text-transform: capitalize;
}
span{
  font-size: .8em;
  padding: 0px!important;
  margin:0px!important;
}