/* ADD CUSTOM FONTS */
@font-face {
  font-family: "Freehand";
  src: url("../fonts/Freehand471BT-Regular.woff");
} 

/* CSS */
body {
  background-image: url('../images/bg.jpg');
  background-size: cover;   
  background-repeat:   no-repeat;
  background-position: center center;  
  background-attachment: fixed;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

body{
overflow-y:hidden;
}

a {
  color: #000000;
}

a:active {
  color: #000000;
}

a:hover {
  color: #000000;
}
/* SYSTEM REMOVE SCROLLBAR */

@media only screen and (min-width: 1200px) {
   ::-webkit-scrollbar {
    display: none;
   }
}


/* BUTTON POSSITIONS */
#sp-button-top-center {margin-top:-30px;
display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;}

#sp-button-left-one img {float: left; margin-top:-290px;}
#sp-button-left-two img {float: left; margin-top: -244px; margin-left:80px;}
#sp-button-left-three img {float: left; margin-top:-150px;}
#sp-button-left-four img {float: left; margin-top:-70px; margin-left:20px;}
#sp-button-right-one img {float: right; margin-top:-335px;}
#sp-button-right-two img {float: right; margin-top:-300px; margin-right: 90px;}
#sp-button-right-three img {float: right; margin-top:-220px;}
#sp-button-right-four img {float: right; margin-right:30px; margin-top: -100px;}

#sp-button-left-four {margin-bottom:-70px;}


#menu-top-center h2 { 
position:relative;
text-align:center;
top:-140px;
left:-3px;
font-size: 17px;
font-weight: bold; 
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
font-family: Verdana;
}

#menu-left-one h2 { 
position:relative;
top: -220px;
left: 30px;
font-size: 22px;
font-weight: bold; 
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
margin-top: 68px;
font-family: Verdana;
}
 
#menu-left-two h2 {
position:relative;
top: -146px;
left: 120px;
font-size: 27px;
font-weight: bold;
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
font-family: Verdana;
}

#menu-left-three h2 {
position:relative;
top: -70px;
left: -150px;
font-size: 33px;
font-weight: bold;
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
font-family: Verdana;
}

#menu-left-four h2 {
position:relative;
top: -10px;
left: -114px;
font-size: 25px;
font-weight: bold;
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
font-family: Verdana;
}

#menu-right-one h2 { 
position:relative;
float: right;
top: -285px;
right: 33px;
font-size: 22px;
font-weight: bold; 
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
font-family: Verdana;
}

#menu-right-two h2 {
position:relative;
float: right;
top: -240px;
right: 137px;
font-size: 29px;
font-weight: bold;
line-height: 26px;
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;

font-family: Verdana;
}

#menu-right-three h2 {
position:relative;
float: right;
top: -160px;
right: 38px;
font-size: 32px;
font-weight: bold;
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
font-family: Verdana;
}

#menu-right-four h2 {
position:relative;
float: right;
top: -60px;
right: -117px;
font-size: 23px;
font-weight: bold;
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
font-family: Verdana;
}

#sp-locations {
display: flex;
justify-content: center;
}

#location-one h2 { 
position:absolute;
font-size: 20px;
font-weight: bold; 
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
left: 115px;
margin-top: -75px;
font-family: Verdana;
}

#location-two h2 { 
position:absolute;
font-size: 20px;
font-weight: bold; 
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
left: 101px;
margin-top: -75px;
font-family: Verdana;
}

#location-three h2 { 
position:absolute;
font-size: 20px;
font-weight: bold; 
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: #FFF;
left: 117px;
margin-top: -75px;
font-family: Verdana;
}

/* MOBILE */

@media (max-width: 767px) { 

body {

}


/* Hide buttons */
#sp-button-top-center > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > p:nth-child(1) {visibility: hidden;}
#menu-top-center > h2:nth-child(1) {display: none;}
#sp-button-left-two img {display: none;}
#sp-button-left-three img {display: none;}
#sp-button-left-four img {display: none;}	
#sp-button-right-two img {display: none;}
#sp-button-right-three img {display: none;}
#sp-button-right-four img {display: none;}	
#menu-left-two h2, #menu-left-three h2, #menu-left-four h2, 
#menu-right-two h2, #menu-right-three h2, #menu-right-four h2 {display: none;}

.body-innerwrapper {
    overflow-x: visible;
}

#sp-bottom1 img {display: none;}
#location-one h2 { 
position:absolute;
width:140px;
left: -60px;
margin-top: -100px;
background: rgba(255, 255, 255, 0.8);
padding:10px;
}

#sp-bottom2 img {display: none;}
#location-two h2 {	
position:absolute;
width:140px;
left: -60px;
margin-top: -80px;
background: rgba(255, 255, 255, 0.8);
padding:10px;
}
#sp-bottom3 img {display: none;}
#location-three h2 {
position:absolute;
width:140px;
left: -60px;
margin-top: -35px;
background: rgba(255, 255, 255, 0.8);
padding:10px;
}
}

