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

 /*.navbar{
  
    background-color:rgba(255, 235, 205, 0.377)
    background-color: rgba(255, 248, 220, 0.596) !important;
     width:auto;
     height:14%;
 }
 
 
 .navbar-brand{
     color:black !important;
     margin:0px 10px !important;
     
     font-size: 38px !important;
    font-family: 'Berkshire Swash', cursive;
 }
 
 .nav-link{
     color:black !important;
     margin:20px 25px;
     font-size:18px !important;
     font-weight:bold;
  /* font-family: 'Pattaya', sans-serif !important;
   font-family: 'Courgette', cursive;
 }
 
 .navbar h3{
     padding:20px;
     font-size:35px !important;
  }
 
 .navbar h3 a{
  color:black;
 }*/

 .sps--abv {
    background: transparent;
  }
  .sps--blw {
    background-color: rgba(0,0,0,0.8);
  }

  .nav-item{   
    margin-left:20px;
}

.nav-link{
    margin-top: 0px;
    margin-left: 10px !important;
    color: white !important; 
    text-transform: uppercase;
    font-family: 'Courgette', cursive;
    font-size:14px;
    
}

.nav-link:hover{
    color: teal !important;
}

.navbar-brand{
    color: white !important;
    font-size: 50px !important;
    font-family: 'Berkshire Swash', cursive;
    text-transform: none !important;
    font-weight: 200 !important;
    text-shadow:5px 4px 4px black;
}



.dropdown-menu{
    background: rgba(0,0,0,0.7) !important;
    border: none !important;
    border-radius: 0px !important;
    margin:0px 0px !important ;
}

.dropdown-item{
    color: white !important;
    padding-top:10px !important ;
    text-transform: uppercase !important;
}

.dropdown-item:hover{
    background: none !important;
    color: teal !important;
}

.carousel-caption{
    position: absolute;
    bottom: 100px !important;
}

.carousel-caption h5{
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Courgette', cursive;
    text-shadow:3px 1px 10px black;
    letter-spacing: 2px;
    margin-top: -55px;

}

.carousel-caption h1{
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 500;
   /* font-family: 'Berkshire Swash', cursive;
    font-family: 'Courgette', cursive;*/
    font-family: 'Kaushan Script', cursive;
    text-shadow:3px 1px 10px black;
    letter-spacing: 2px;
    margin-bottom: 45px;

}

.carousel-caption h2{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    font-family: 'Courgette', cursive;
    text-shadow:3px 1px 10px black;
    letter-spacing: 2px;
    margin-bottom:218px;

}

.carousel-caption h3{
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 500;
   /* font-family: 'Berkshire Swash', cursive;
   font-family: 'Courgette', cursive;*/
   font-family: 'Kaushan Script', cursive;
    text-shadow:3px 1px 10px black;
    letter-spacing: 2px;
    margin-bottom:218px;

}





.top1 h3{
    color:white;
    margin:18px 20px;
}

.top1 h3 a:hover{
    color:lightgrey;
}

.top1 h3 a{
    color:white;
}

/*.top2{
    margin:85px 0px;
    
}*/
.top2 h1{
  margin:-340px 15px;
color:bisque;
font-size:100px;
font-family: 'Berkshire Swash', cursive;

}

.top2 h2{
   margin:350px 15px; 
  color:bisque;
  font-size:30px;
  font-family: 'Berkshire Swash', cursive;
  
  }

  .top2 h3{
    margin:-440px 15px;
  color:bisque;
  font-size:60px;
  font-family: 'Berkshire Swash', cursive;
  
  }

  .top2 img{
      width:auto;
  }

  

/*.top2 p{
    margin:400px 15px;
    color:chocolate;
}*/


.top3{
    padding: 15px;
}

.top3 h2{
    text-align: center;
    font-family: 'Berkshire Swash', cursive;
}

.top3 h3{
    text-align: center;
    margin:20px 15px;
    font-family: 'Berkshire Swash', cursive;
   
}

.top3 hr{
   width:25%;
   background-color:#FFB606;
   
}

.top3 h4{
    text-align: center;
    color:#FFB606;
    margin-top:-18px;
}

.top3 p{
    padding:15px;
    font-family: 'Girassol', cursive;
    font-size:20px;
}

.top3 img{
    width:100%;
}

.btn{
    width:139px;
    height:44px;
    text-align: center;
   /* margin:10px 225px;*/
    background-color: transparent !important    ;
    border-color: black !important;
    font-weight:400 !important;
    color:black !important;
    font-family: 'Berkshire Swash', cursive;
}


.btn a{
    text-decoration: none !important;
    color:black !important;
}




.btn:hover{
   background-color:rgb(255, 182, 6) !important;
    border-color: black;
  
    
 
}



.banner{
    width: 100%;
    
}


.text {
    font-family: 'Berkshire Swash', cursive;
    font-size: 40px;
    line-height: 32px;
    letter-spacing: 8px;
    color: white;
    top: 200px;
    position: relative;
    z-index: 1000;
    text-align: center;
    height: 60px;
    width: auto;
    font-variant: small-caps;
  }
  

.top4{
    padding:15px;
}

.top4 h1{
    text-align: center;
    margin:10px 15px;
    color:#FFB606 ;
}

.top4 h3{
    text-align: center;
  font-family: 'Times New Roman', Times, serif;
  font-size: 25px;
}

.top4 h4{
    text-align: center;
   font-family: 'Girassol', cursive;
}

.top4 img{
    width:100%;
}

.top4 h5 a{
    color:black;
    text-decoration:none;

}

.top4 h6{
    text-align: center;
    margin:10px 0px;
    font-size:20px;
}

.top4 h6 a{
    text-decoration:none;
    color:black;
}
.btn1{
    width:174px;
    height:46px;
    background-color: transparent !important;
    border-color: black !important;
    margin:30px 0px;
    font-weight:400 !important;
    font-size: 20px;
font-family:'Berkshire Swash',cursive;
    
}

.btn1 a{
    text-decoration: none !important;
    color:black !important;
}


.btn1:hover{
    
    background-color:rgb(255, 182, 6) !important ;
    border-color: black ;
   
}



.top4 h5{
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
}

/*.top5 {
    padding:25px;
    height:527px;
}*/

.top5 img{
    width:100%;
   
}

.top5 h3{
    text-align: center;
    margin:-350px 15px;
    color:white;
}

.top5 h2{
    text-align: center;
    margin:360px 15px;
    color:white;
}

.top6{
 
    height:123px;
   
}

.top6 h3{
    text-align: center;
    font-family: 'Playball', cursive;
    font-size: 65px;
    margin:20px 0px;
}


.top7 img{
    margin:20px 15px;
    border-radius:50%;
}

.top7 img:hover{
    
    border-radius:20%;
}

.top7 h3{
    text-align: center;
    font-family: 'Niconne', cursive;
    font-size:45px;
}

.top7 a{
    text-decoration:none !important;
    color:black !important;
}

.top7 a{
    text-decoration: none;
    color:black;
}

.top7 p{
    font-family: 'Girassol', cursive;
    font-size:20px;
}

.top8{
    padding:15px;
}

.top8 h3{
    text-align: center;
    margin:10px 15px;
    font-family: 'Berkshire Swash', cursive;
}
.top8 h2{
    text-align: center;
    font-family: 'Berkshire Swash', cursive;
}

.top8 hr{
    width:25%;
    background-color:rgb(255, 182, 6);

}

.top8 h4{

   color: rgb(255, 182, 6);
   text-align: center;
   margin:-18px 15px;
}

.top8 p{
    text-align:center;
    margin:30px 15px;
    font-size: 18px;
    font-family: 'Great Vibes', cursive;
    font-size: 35px;
    font-weight:200px;
}

.form-control{
    box-shadow:none !important;
}
.top8 input[type=text]{
    
  margin:10px 15px;
  box-shadow:none !important;
  border-color:rgb(255, 182, 6) !important;
  
}

.top8 input[type=email]{

margin:10px;
box-shadow:none !important;
border-color:rgb(255, 182, 6) !important;

}

.top8 select{
    
    margin:10px;
    width:100%;
    height:39px;
}

.top8 input[type=date]{

    margin:10px;
    width:100%;
    height:39px;
   
    
    }

    .top8 input[type="date"]:focus{
        outline:none;
    
    }

    #datepicker{
        box-shadow:none !important;
        border-color:rgb(255, 182, 6) !important;
    }
    .top8 select{
        box-shadow:none !important;
        border-color:rgb(255, 182, 6) !important;
    }
    
    .top8 select:focus{
        outline:none;
       
    }



    .btn2{
        width:139px;
        height:44px;
        text-align: center;
        margin:20px 0px;
        background-color: transparent !important;
        border-color: black !important;
        font-weight:500;
        color:black !important;
        box-shadow: none !important;
       font-family: 'Berkshire Swash', cursive;
        font-size:18px;
        
    }
    
    
    .btn2 a{
        text-decoration: none;
        color:black;
    }
    
    .btn2{
        text-decoration: none;
    }

    
    
    
    .btn2:hover{
        
      /*  background-color:rgb(255, 182, 6) !important ;*/
        background-color: black !important;
        color:white !important;
        border-color: rgb(255, 182, 6) !important;
    }

    .btn2:focus{
        outline:none;
       
    } 

   #datepicker{
       margin:0px 8px;
   }

    .top9{
        background-color: black;
    }

    .top9 h1{
        text-align: center;
       margin:20px;
       color:chocolate;
    }

    .top9 h2{
        text-align: center;
        color:white;
        font-size: 18px;
        margin:10px;
    }

    .top9 h3{
        text-align: center;
        color:white;
        margin:20px;
        font-size: 18px;
    }

    .top9 h3 a{
        text-decoration:none;
        color:white;
    }

    .top9 h4{
        float:left;
        text-align: center;
        color:white;
    }

    .top9 h4:hover{
        color:rgb(255, 182, 6);
    }

    .top9 i{
        padding:5px;
       
    }

    .top9 hr{
       
        background-color:#353535;
        width:50%;
    }

    .top9 h5{
        text-align:center;
        font-family:'Times New Roman', Times, serif;
        color:rgb(204, 192, 183);
        font-size: 15px;
    }

    .top9 p{
        text-align: right;
        margin-top:-40px;
        font-size:28px;
    }
    
    .top9 p a{
        color:chocolate !important;
    }
    

    .text-center{
        font-size:12px !important;
    }

    /*.social:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    .social {
        -webkit-transform: scale(0.8);
        /* Browser Variations: 
        
        -moz-transform: scale(0.8);
        -o-transform: scale(0.8);
        -webkit-transition-duration: 0.5s;
        -moz-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
    }*/

    #social-fb:hover {
        color: #f39c12;
        box-shadow:white;
    }
    #social-tw:hover {
        color: #f39c12;
        box-shadow:white;
    }
    #social-gp:hover {
        color: #f39c12;
      
    }
    #social-em:hover {
        color: #f39c12;
        box-shadow:white;
    }

    .text-center i{
        color:blanchedalmond;
    }