html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}


h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;font-family: 'Oswald', sans-serif; color:#FFF; font-weight: 400; text-decoration: none;}
h1{text-transform:uppercase; font-size:2.5em; margin-top:0; color:#fff!important;}
h2{text-transform:uppercase; font-size:2em; margin-top:0;}
h3{text-transform:uppercase; font-size:1.3em; color:#052d3e;}
h4{text-transform:uppercase; font-size:1.3em; color:#fff;}
h5{text-transform:uppercase; font-size:1em; color:#052d3e;}
h6{font-size:1em; font-weight: 300;}
p {font-size:1em;font-weight:300;line-height:1.7em;padding:15px 0;}

ul,ol {padding-left:22px;margin:15px 0 0 0;display:block;}
li {display:list-item;font-size:1em;line-height:1.7em;padding:0}
blockquote {font:2.8em Georgia,serif; line-height:1em; padding:40px 0; font-style:italic; quotes:"\201C""\201D""\2018""\2019";color:#000;margin-top:50px;}
blockquote:before {color:#999; content:open-quote; font-size:4em; line-height:.1em; margin-right:.1em; vertical-align:-.4em;}
em{font-weight:bold;}
small {font-size:0.7em;display:block;margin:10px 0}

a{color:#FFF; text-decoration:none;-webkit-transition:.4s;-moz-transition:.4s;transition:.4s;}
a:hover{color:#FFF;}
a:active{color:#FFF;}
a:visited{color:#FFF;}

img{max-width:100%;border:none}


.audiojs {
  max-width: 100%;
  width: 100%;
}

body {
    text-align: center;
    vertical-align: top;
    font: 16px/26px font-family: 'futura-pt', sans-serif;
    color: #FFF;
    padding:0 0 20px 0; margin:0;
    background-color: #191919;
}

div.container {
  margin: 0 auto;
  padding:0;
}

#inner_block {
  text-align:center;
  min-width: 300px;
  margin: 0 auto;
  padding:50px 0 150px 0;
}


.section_block {
  padding-bottom:0;
}

.section_head {
  text-align: left;
  padding-top:40px;
}


.services_title {
    text-align: left;
    padding-top:30px;
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    /* color: #770806; */
    color: #000;
    line-height: 130%;
    font-weight: 400;
    text-decoration: none;
}


.services_title_sub {
    text-align: left;
    padding-top:20px;
    font-family: 'Oswald', sans-serif;
    font-size: 25px;
    color: #770806;
    line-height: 130%;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
}

.services_copy {
    text-align: left;
    padding-top: 10px;
    font-family: 'futura-pt', sans-serif;
    font-size: 17px;
    color: #FFF;
    line-height: 120%;
    font-weight: 400;
    text-decoration: none;
}

.services_option {
  text-align: left;
  width: 100%;
  padding-top: 5px;
  font-family: 'futura-pt', sans-serif;
  font-size: 17px;
  color: #FFF;
  line-height: 100%;
  font-weight: 400;
  text-decoration: none;
}

.services_smltext {
  text-align: left;
  padding-top: 5px;
  font-family: 'futura-pt', sans-serif;
  font-size: 12px;
  color: #ffc50a;
  line-height: 100%;
  font-weight: 400;
  text-decoration: none;
}

.services_smltext_w {
  text-align: left;
  padding-top: 5px;
  font-family: 'futura-pt', sans-serif;
  font-size: 12px;
  color: #FFF;
  line-height: 100%;
  font-weight: 400;
  text-decoration: none;
}

.handsDiv {
    text-align: left;
    padding-top: 20px;
  }
  
  .hands_smltext_w {
    text-align: left;
    padding-top: 5px;
    font-family: 'futura-pt', sans-serif;
    font-size: 16px;
    color: #FFF;
    line-height: 100%;
    font-weight: 400;
    text-decoration: none;
  }

.services_price {
  text-align: left;
  padding-left: 20px;
  font-family: 'futura-pt-bold', sans-serif;
  font-size: 17px;
  color: #ffc50a;
  line-height: 100%;
  font-weight: 400;
  text-decoration: none;
}


.contact_text {
    text-align: left;
    padding-top:30px;
    padding-bottom:30px;
    font-family: 'futura-pt', sans-serif;
    font-size: 18px;
    color: #FFF;
    font-weight: 400;
    text-decoration: none;
}


.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #d11048;
  padding: 10px;
  font-family: 'futura-pt', sans-serif;
  font-size: 17px;
  color: #FFF;
  line-height: 120%;
  font-weight: 400;
  text-decoration: none;
  text-align: center;
  z-index: 1;
}


/* Customize container */
@media (min-width: 768px) {
  .container {
    max-width: 1200px;
  }
}


@media only screen and (max-width: 770px) {
  #title_img {
  width:30%;
  min-width: 100px;
  }
  .section_head {
    padding-top:20px;
    padding-bottom:0px;
  }

  #hulagirl {
  display:none;
  }
}



@media only screen and (max-width: 990px) {
  .slider,
  .slider > div {
      /* Images default to Center Center. Maybe try 'center top'? */
      background-position: left top;
      display: block;
      width: 100%;
      height: 100vh;
      /* height: 100vh; *//* If you want fullscreen */
      position: relative;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #000;
      overflow: hidden;
      -moz-transition: transform .4s;
      -o-transition: transform .4s;
      -webkit-transition: transform .4s;
      transition: transform .4s;
  }
  .slider_image_1 {
  background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_1m.jpg") !important;
  }
  .slider_image_2 {
  background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_2m.jpg") !important;
  }
  .slider_image_3 {
  background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_3m.jpg") !important;
  }
  .slider_image_4 {
  background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_4m.jpg") !important;
  }
  .slider_image_5 {
  background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_5m.jpg") !important;
  }
  .slider_image_6 {
    background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_6m.jpg") !important;
    }
}

@media only screen and (max-width: 600px) {
  .slider,
  .slider > div {
      /* Images default to Center Center. Maybe try 'center top'? */
      background-position: left top;
      display: block;
      width: 100%;
      height: 100vh;
      /* height: 100vh; *//* If you want fullscreen */
      position: relative;
      background-size: cover;
      background-repeat: no-repeat;
      background-color: #000;
      overflow: hidden;
      -moz-transition: transform .4s;
      -o-transition: transform .4s;
      -webkit-transition: transform .4s;
      transition: transform .4s;
    }
    .slider_image_1 {
    background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_1s.jpg") !important;
    }
    .slider_image_2 {
    background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_2s.jpg") !important;
    }
    .slider_image_3 {
    background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_3s.jpg") !important;
    }
    .slider_image_4 {
    background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_4s.jpg") !important;
    }
    .slider_image_5 {
    background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_5s.jpg") !important;
    }
    .slider_image_6 {
      background-image: url("https://hulabeautyhackney.com/img/slider22/home_slide_6s.jpg") !important;
      }
}





@media only screen and (max-width: 450px) {
  .services_option {
    text-align: left;
    padding-top: 5px;
    font-family: 'futura-pt', sans-serif;
    font-size: 15px;
    color: #FFF;
    line-height: 100%;
    font-weight: 400;
    text-decoration: none;
  }

  .services_smltext {
    text-align: left;
    padding-top: 5px;
    font-family: 'futura-pt', sans-serif;
    font-size: 11px;
    color: #ffc50a;
    line-height: 100%;
    font-weight: 400;
    text-decoration: none;
  }

  .services_smltext_w {
    text-align: left;
    padding-top: 5px;
    font-family: 'futura-pt', sans-serif;
    font-size: 12px;
    color: #FFF;
    line-height: 100%;
    font-weight: 400;
    text-decoration: none;
  }

  .hands_smltext_w {
    text-align: left;
    padding-top: 5px;
    font-family: 'futura-pt', sans-serif;
    font-size: 12px;
    color: #FFF;
    line-height: 100%;
    font-weight: 400;
    text-decoration: none;
  }

  .services_price {
    text-align: left;
    padding-left: 15px;
    font-family: 'futura-pt-bold', sans-serif;
    font-size: 16px;
    color: #ffc50a;
    line-height: 100%;
    font-weight: 400;
    text-decoration: none;
  }

}