body {
  width: 100% !important;
}

/*Map integration*/
.iframe-container {
  overflow:hidden;
  padding-bottom:50%;
  position:relative;
  height:0;
}

.iframe-container iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.box-shadow {
  -webkit-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 39px 0px rgba(0,0,0,0.75);
}

.box-shadow-down-right {
  box-shadow: 5px 5px rgba(0, 0, 0, 0.20);
}

.box-shadow-down-left {
	box-shadow: -5px 5px rgba(0, 0, 0, 0.20);
}

.box-shadow-all-around {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.50);
}

.img-center {
  display: block;
  margin:0 auto;
}

.font-color {
  color: #00ACEA !important;
}

.site-footer {
    background-color: #111f2d;
}

.why-choose-us {
  background: #E9F1F3;
}

.text-white {
  color: white !important;
}

.text-white * {
  color:white !important;
}

.text-blue {
  color: #057FA3 !important;
}

ul.text-white li {
  color: white !important;
}

.absolute {
  position: absolute;
}

.this-title {
  text-transform: none !important;
}

.offer-title {
  margin:50px 0 50px 0;
}

p {
  font-size: 130%;
  line-height: 200%;
  color:black !important;
}

li {
  font-size:120%;
}

ul.inline-block > li {
  width: 150px !important;
}

ul.menu-inline {
  width: 500px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  margin-left: 12% !important;
}

.menu-inline li {
  display: inline;
  text-align: center;
  font-size:150%;
}

h1 {
  margin: 0;
  position: relative;
  font-family: "Open Sans", sans-serif;
  line-height: 33px;
  font-size: 200%;
  color: white;
  text-shadow: 0 0 20px black;
}

h2.page-title {
  font-size:90px;
}

.plomberie {
  background-image: url(../images/photos/evier.jpg);
}

.realisations {
  background-image: url(../images/photos/salle-de-bain3.jpg);
  background-position: center top;
}

.contact {
  background-image: url(../images/photos/tuyaux2.jpg);
  background-position: center 20%;
  background-size: cover;
}

.button {
  padding: 15px 30px 15px 30px;
  background-color: #123D60;
  text-transform: uppercase;
  color:white;
  font-family: "Alegreya", serif;
  font-weight: bold;
  font-size:150%;
  border-radius: 20px !important;
}

.scroll-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index:99;
  background-color: #00ACEA;
  padding: 15px 17px;
  border: none;
  outline: none;
}

.scroll-top i {
  color: #fff;
}


.navhere4 {
  background-color: rgba(0, 0, 0, 0.2);
}

a.callto-number {
  transition: color 0.2s ease-in;
}

a.callto-number:hover {
  color: #00ACEA;
}

.btn-primary {
  background: #00ACEA;
}


.text-center {
  text-align: center;
}

.text-shadow {
  text-shadow: 0px 0px 20px black, 0px 0px 20px black;
}

.page-cover4 {
    padding-top: 100px !important;
    margin-top: 80px !important;
}

.text-half {
  width:50%;
}

.anchor {
  display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    black !important;
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    black !important;
   opacity:  1;
}
input::-moz-placeholder ,textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
color:    black !important;
   opacity:  1;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Internet Explorer 10-11 */
color:    black !important;
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder { /* Microsoft Edge */
   color:    black !important;
}

input, textarea {

color:black !important;
}

@media only screen and (max-width:1024px) {
  .text-half {
    width: 100%;
  }
}

@media only screen and (max-width:992px) {
  ul.menu-inline {
    width: 100%;
    margin-left: 0 !important;
  }

  ul.menu-inline li {
    display: list-item ;
  }


}

@media only screen and (min-width: 600px) {
  .owl-nav {
    display: none;
  }
}

@media only screen and (max-width:480px) {
  h2.page-title {
    font-size:50px;
  }

  .emmergency-contact-number > .callto-number {
    font-size:125%;
  }

  h1.page-title {
    font-size: 70px;
  }
}

/*Meida Queries*/
@@media only screen and (min-width:481px) and (max-width: 768px)  {
/*Mobile Phones*/



h2.page-title {
  font-size:60px;
}

}
@@media only screen and (min-width:769px) and (max-width:991px)  {
/*Tablet and small laptop*/

h2.page-title {
  font-size:70px;
}

}
@@media only screen and (min-width:992px) {
/*Laptop and desktop*/

}


/*MODIFIED CSS*/

.emmergency-contact-number .this-title span {
  color: #00ACEA;
}

/*END MODIFIED CSS*/