    body,html {
  height: 100%;
}

body {
  padding-top: 0px;
  overflow-x: hidden;
}

.wide {
  width:100%;
  height:100%;
  height:calc(100% - 1px);
  background-image:url("http://www.uaepools.com/images/newnews.jpg");
  background-size:cover;
   -webkit-filter: grayscale(50%);
      filter: grayscale(50%);
}

.wide img {
  width:100%;
}
.wide:hover{
  -webkit-filter: grayscale(90%);
      filter: grayscale(90%);
}

.logo {
  color:#000000;
  font-weight:500;
  font-size:12pt;
    padding-top: 70px;
    text-align:center;
  

}

.line {
 
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
  padding-top: 70px;

}
.row{
  
  padding-left: 80px;
  padding-right: 80px;
  padding-top: 20px;
  text-align: center;
  object-fit: cover;
}
#tab a{
  color: black;
 
}
#tab .active a,
 .active a:hover
{
  color: white;
  background-color: #0048A1;

}
.hero{
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    color: #ffffff;
    opacity: 0.5;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 0 rgba(1,1,0,.75);
      -webkit-transform: translate3d(-50%,-50%,0);
         -moz-transform: translate3d(-50%,-50%,0);
          -ms-transform: translate3d(-50%,-50%,0);
           -o-transform: translate3d(-50%,-50%,0);
              transform: translate3d(-50%,-50%,0);
}
.hero h1{
    font-size: 6em; 
       font-weight: bold;
    margin: 0;
    padding: 0;
}
/*--------------brands and profile---------------------*/
