html {
  scroll-behavior: smooth;
}
.fixedHeader {
    position: fixed;
    z-index: 9;
    width: 100%;
    background: #fff;
}

.fixedHeader .header-top
{
  display: none;
}

section.homeservices {
    padding: 0px 0px 70px;
    border-top: 1px solid #f3f3f5;
    background: #ffaa190a;
}

.washingprobs ul
{
   width: 100%;
   float: left;
   list-style-type: none;
}

.washingprobs ul li {
    width: 100%;
    float: left;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
}
.homeservices h1, .homeservices h2, .homeservices h3, .homeservices h4, .homeservices h5, .homeservices h6
{
  width: 100%;
  float: left;
  margin-bottom: 20px;
      color: #ffaa19;
}

.homeservices h1 b, .homeservices h2 b, .homeservices h3 b, .homeservices h4 b, .homeservices h5 b, .homeservices h6 b
{
  
color: #18305d;
}
.text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white h6
{
  color: #fff;
}

.washingprobs {
    width: 100%;
    float: left;
}
.washingprobs .col-md-6
{
  float: left;
}
hr
{
  margin: 40px 0px;
}
.why-choose-us h3, .why-choose-us p, .why-choose-us h4
{
  color: #fff !important;
}
.homeservices span {
    width: 100%;
    float: left;
    padding: 20px 0px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 40px;
    font-size: 40px;
    color: #ffaa19;
}
.homeservices span b
{
  color: #18305d;
}
.servicePic img
{
  width: 100%;
  float: left;
}
.animgif
{
  position: relative;
}
.animgif .appliance-anim {
    position: absolute;
    width: 150px;
    height: 150px;color: #18305d;
    right: 0px;
    bottom: -3px;
    border-radius: 50%;
    overflow: hidden;
    border: 6px solid #ffffff;
}

.cm-about-us h1   
{
   color: #ffaa19;
   text-align: left;
  } 

.cm-about-us h1 b{
  color: #18305d;
}

.text-white h3
{
  font-size: 50px;
}
.product-item .projectTitle
{
 width: 100%;
    float: left;
    padding: 20px 0px;
    color: #fff;
    background: #18305d;
    text-align: center;
}
figcaption
{
  font-size: 12px;
  font-style: italic;
  text-align: center;
}
section.faq
{
  width: 100%;
  float: left;
  padding: 50px 0px;
  background: #18305d;
}

section.faq h5
{
  width: 100%;
  float: left;
  text-align: center;
  color: #fff;
  font-size: 40px;
}

#accordian {
  background: #18305d;
  width:100%;
  float: left;
  margin: 25px auto 0 auto;
  color: white;
  /*Some cool shadow and glow effect*/
}
/*heading styles*/
#accordian h3 {
  font-size: 14px;
  line-height: 34px;
  cursor: pointer;
  /*fallback for browsers not supporting gradients*/
  color: #fff;
  font-weight: bold;
}
/*heading hover effect*/
#accordian h3:hover {
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}
/*iconfont styles*/
#accordian h3 span {
  font-size: 16px;
  margin-right: 10px;
}
/*list items*/
#accordian li {
  list-style-type: none;
  border: 1px solid #fff;
  color: #fff;
  margin-bottom: 20px;
  border-radius: 20px;
  width: 100%;
  float: left;
  padding: 10px;
  background: url(../images/arrowdown.png) no-repeat top;
  background-size: 25px;
  background-position-x: 98%;
  background-position-y: 15px;
}
#accordian li:hover
{
  background-color: #f7a723;
}
/*links*/
#accordian ul ul li a {
  color: white;
  text-decoration: none;
  font-size: 11px;
  line-height: 27px;
  display: block;
  padding: 0 15px;
  /*transition for smooth hover animation*/
  transition: all 0.15s;
}
/*hover effect on links*/
#accordian ul ul li a:hover {
  background: #003545;
  border-left: 5px solid lightgreen;
}
#accordian ul ul li
{
  border: none;
  background: none;
}
/*Lets hide the non active LIs by default*/
#accordian ul ul {
  display: none;
}
#accordian li.active ul {
  display: block;
}

.dropdown{
   /* display: inline-block; */
   /* margin: 20px 50px; */
   float: left;
   width: auto !important;
   position: relative;
}
.dropdown label, .dropdown ul li{
  display: block;
  background:#ffaa19;
  color: #fff;
  width: 100%;
  float: left;
}

.dropdown label
{
  background: url(../images/arrowdown.png) no-repeat right #ffaa19;

  padding: 5px 10px;
  background-size: 10px;
  background-position-x: 86%;
  background-position-x: 86%;

}
.dropdown ul li a
{
  color: #fff;
  width: 100%;
  float: left;
  padding: 5px 10px;
}
.dropdown label:hover, .dropdown ul li:hover{
  background-color: #18305d;
  color: white;
  cursor: pointer;
}
.dropdown label{
  color: #ffffff;
  font-size: 20px;
  border-radius: 10px;
  position: relative;
  z-index: 2;
  padding-right: 20px;
}
.dropdown input{
  display: none;
}
.dropdown input ~ ul{
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 22px;
  z-index: 9;
}
.dropdown input:checked + label{
  background-color: #18305d;
  color: white;
}

.dropdown input:checked ~ ul{
  visibility: visible;
  opacity: 1;
  top: 55px;
  width: 200px;
  left: -150px;
}


.animate{
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -ms-transition: all .3s;
  -ms-transition: all .3s;
  transition: all .3s;  
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden; /* Chrome and Safari */
  -moz-backface-visibility:hidden; /* Firefox */
  -ms-backface-visibility:hidden; /* Internet Explorer */
}
.dropdown ul li.active
{
  background: #18305d;
}

.text-white span
{
  width:  100%;
  float: left;
      font-size: 50px;
      font-weight: 700;
}


.text-white small
{
  font-size: 36px; 
  width:  100%;
  float: left;
}
.b-left
{
  padding: 20px;
  border-left: 5px solid #ffaa19;
  border-radius: 30px;
  width: 100%;
  float: left;
}
.b-right
{
  padding: 20px;
  border-right: 5px solid #ffaa19;
  border-radius: 30px;
  width: 100%;
  float: left;
}
.b-top
{
  padding: 20px;
  border-top: 5px solid #ffaa19;
  border-radius: 30px;
}
.b-bottom
{
  padding: 20px;
  border-bottom: 5px solid #ffaa19;
  border-radius: 30px;
  width: 100%;
  float: left;
}

.servicePic img
{
  width: 100%;
  }

.servcicefullimg img {
    border-radius: 30px;
    border: 5px solid #fffcf6;
    margin-top: 20px;
}
.subitems h3, .subitems h4  {
     font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
    padding: 5px 10px;
    background: #ffaa191a;
        color: #1c325c;
}

.print-tab {
  width: 100%;
  overflow: hidden;
}
  
.print-tab ul.print-tab-menu {
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  white-space: nowrap;
  background: #ffffff;
}
  
.print-tab ul.print-tab-menu > li {
  position: relative;
  margin: 0 -0.2em 0 0;
  display: inline-block;
  cursor: pointer;
}

.print-tab ul.print-tab-menu > li.active {
  border-top: 3px solid #ffaa19;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.14902) 0px -2px 3px 0px;
  z-index: 2;
}

.print-tab ul.print-tab-menu > li > a {
  display: block;
  min-width: 140px; 
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #818181;
  font-size: 15px;
  line-height: 50px;
  text-align: center;
}


.print-tab-content
{
  display: none;
}
.tabmain
{
  width: 100%;
  float: left;
  padding: 0px 0px 50px;
}

.ul2 {
  padding: 5px;
  list-style:none;
  line-height: 40px;
  margin: 5px;
  border-left: dashed #000066;
  border-left-width: 3px;
  margin-top: 20px;
  border-top:dashed #000066;
  border-top-width: 3px;
  
}

.ul2 li {
  padding-left: 10px;
  font-weight: bold;


}


.area-title {
  font-size: 18px;
    font-weight: bold;
    color: #000;
    font-family: cursive;
    padding: 7px;
  margin-top: 5px;
}
.showButtonMain 
{
  width: 100%;
  float: left;
}

a.callNow
{
  position: fixed;
  bottom: 42px;
  right: 42px;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  z-index: 99;
  font-size: 22px;
  cursor: pointer;
  background-color:#007bffc9;
  -webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite;
  animation: white-shadow .8s infinite, red-shadow .8s infinite;
  -webkit-box-shadow: 0 10px 33px #28a745;
  -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 33px #28a745;

}

.clicktowhatsapp
{
  position: fixed;
  bottom: 42px;
  left: 42px;
  width: 60px;
  height: 60px;
  color: #fff;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  z-index: 99;
  font-size: 22px;
  cursor: pointer;
  -webkit-animation: white-shadow .8s infinite, red-shadow .8s infinite;
  animation: white-shadow .8s infinite, red-shadow .8s infinite;
  -webkit-box-shadow: 0 10px 33px #28a745;
  -khtml-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0 10px 33px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 33px #28a745;
}

.callWhatsapp img
{
  width: 40px;
  margin-top: 9px;
}
@keyframes white-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -webkit-transition: box-shadow .3s ease-in-out;
    -webkit-transition: -webkit-box-shadow .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out;
    transition: box-shadow .3s ease-in-out;
    transition: box-shadow 0.3s ease-in-out, -webkit-box-shadow 0.3s ease-in-out;
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: box-shadow .4s ease-in-out;
    -webkit-transition: -webkit-box-shadow .4s ease-in-out;
    -o-transition: box-shadow .4s ease-in-out;
    transition: box-shadow .4s ease-in-out;
    transition: box-shadow 0.4s ease-in-out, -webkit-box-shadow 0.4s ease-in-out;
  }
}
@-webkit-keyframes red-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4);
    box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
  }
}
@keyframes red-shadow {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4);
    box-shadow: 0 0 0 0 rgba(31, 100, 188, 0.4);
  }
  100% {
    -webkit-box-shadow: 0 0 0 30px transparent;
    box-shadow: 0 0 0 30px transparent;
  }
}

a.langSwitch
{
     position: fixed;
     bottom: 50%;
     left: 0px;
     font-size: 25px;
     padding: 8px 21px;
     background: #ffaa19;
     border-radius: 0px 30px 30px 0px;
     color: #fff;
     font-weight: bold;
     z-index: 9;
}
a.langSwitch:hover
{
  background: #1c325c;
}
hr
{
  width: 100%;
  float: left;
}
.homeservices p, .homeservices p a
{
   color:#000;
}