html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

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

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

/*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;
}

.services {
  background: url("../images/services/banner.jpg") no-repeat center 90%;
  background-size: cover;

}

.realisations {
  background: url("../images/realisations/reparation.jpg") no-repeat center 35%;
  background-size: cover;
}

.contact-banner {
  background: url("../images/contact/banner.jpg") no-repeat center 50%;
  background-size: cover;
}

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

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

.box-shadow-all-around {
  -webkit-box-shadow: 0px 0px 58px -1px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 58px -1px rgba(0,0,0,0.75);
box-shadow: 0px 0px 58px -1px rgba(0,0,0,0.75);
}

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

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

.box-services {
  height: 500px;
}

.text-bigger {
  font-size:150% !important;
}

.who-we-are .box .box-content p {
  padding-bottom:0;
  color: black !important;
}

ul.uk-navbar-nav li a {
  color:white !important;
}

.button {
  padding: 10px 15px 10px 15px;
  border-radius: 30px;
  color: white;
  background-color: #31A35B;
  transition: all 0.2s ease-out;
  font-weight: bold;
  font-size:150%;
}

.button:hover {
  background-color: white;
  color: #31A35B;
}

.brick-flex-box > a,p {
  font-size:150% !important;
}

.nav-footer li {
  padding-top: 10px;
}

.nav-footer li a {
  color: white;
  transition: all 0.5s ease-out;
  font-size:150%;
}

.nav-footer li a:hover {
  color: #31A35B;
  font-size:200%;
}

.text-color {
  color : #31A35B;
}

.facebook-link {
  transition: all 0.2s ease-in;
}

.facebook-link:hover {
  color : #fff;
}

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

.pyxel-link {
  color: white;
  transition: color 0.5s ease-out;
}

.pyxel-link:hover {
  color: #005D83;
}

.top-bar {
  background: black !important;
  border:0 !important;
}

.bold {
  font-weight: bold !important;
}

.brick-banner {
  padding: 120px 0;
}

.title > h3.text-shadow {
  font-size: 500% !important;
}

.sub-title {
  margin-top: 20px;
  font-size:200%;
  color: white;
}

.underline-round {
   background: transparent;
    border-radius: 10px;
    height: 7px;
    display: inline-block;
    box-shadow: 0 55px 0 0 #31A35B;
    font-family: sans-serif;
    margin-bottom: 30px;
}

.get-free-quote {
  background: url("../images/index/estimation.jpg");
  background-attachment: inherit;
}

.brick-banner .title h3 {
  font-weight: 600;
}

.latest-news .box .box-content .box-content-title h3 {
  height: 50px;
}

.lang-link {
  color: white;
  transition: color 0.2 ease-in;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 600;
  font-size:150%;
}

.lang-link:hover {
  color : #31A35B;
}

.margin-bigger > * {
  margin-bottom: 30px;
}

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

@media (max-width:840px) {
  .underline-round {
    font-size:250% !important;
  }
  .text-small-mobile {
    font-size:100% !important;
  }
}

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

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

}
@media (max-width:992px) {
/*Laptop and desktop*/
.scroll-top {
  display: block;
}
}