/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    width: 100%;
    height: 100%;
}

html {
    width: 100%;
    height: 100%;
     font-family: "Times New Roman", Georgia, Serif;
}

h1 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 62px;
}

h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}


h3 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}

h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}

h5 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 500;
	line-height: 15.4px;
}

h6 {
	font-family: "Helvetica", Helvetica, Arial, sans-serif;
	font-size: 13.5px;
	font-style: normal;
	font-variant: normal;
	font-weight: 0.5px;
	line-height: 30.4px;
  letter-spacing: 2px;


}






p {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;
}

a { color: inherit;

	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 20px;

 } 

blockquote {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 30px;
}
pre {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	line-height: 18.5714px;
}



.navbar-custom {
  margin-bottom: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  text-transform: uppercase;
  font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  background-color: black;
}
.navbar-custom .navbar-toggle {
  color: black;
  background-color: white;
  font-size: 12px;
}
.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:active {
  outline: none;
}
.navbar-custom .navbar-brand {
  font-weight: 700;
}
.navbar-custom .navbar-brand:focus {
  outline: none;
}
.navbar-custom a {
  color: white;
}
.navbar-custom .nav li a {
  -webkit-transition: background 0.3s ease-in-out;
  -moz-transition: background 0.3s ease-in-out;
  transition: background 0.3s ease-in-out;
}
.navbar-custom .nav li a:hover {
  color: rgba(255, 255, 255, 0.8);
  outline: none;
  background-color: transparent;
}
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
  outline: none;
  background-color: black;
}
.navbar-custom .nav li.active {
  outline: none;
}
.navbar-custom .nav li.active a {
  background-color: rgba(255, 255, 255, 0.3);
}
.navbar-custom .nav li.active a:hover {
  color: black;
}







@media (min-width: 768px) {
  .navbar-custom {
    padding: 20px 0;
    border-bottom: none;
    letter-spacing: 1px;
    background: transparent;
    -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
  }
  .navbar-custom.top-nav-collapse {
    padding: 0;
    background: black;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
}

.headerlogo {
   padding-top: -20px;
   margin-top: -10px;
  }




/* Demo Sections - You can use these as guides or delete them - the scroller will work with any sort of height, fixed, undefined, or percentage based.
The padding is very important to make sure the scrollspy picks up the right area when scrolled to. Adjust the margin and padding of sections and children 
of those sections to manage the look and feel of the site. */



.page1 {
    height: 100%;
    padding-top: 110px;
    text-align: center;
    background: #eee;



  text-align: center;

  color: white;

  background: url(../img/test1.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;






}




.page2 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #fff;


  background: url(../img/founders.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;


}



.page3 {
    height: auto;
    
    text-align: left;
    background: #fff;
}

@media (min-width: 1280px) {
  .page3 {

               height: auto;
    padding-top: 10px;
    padding-bottom: 40px;
   text-align: left;
     background: #fff;

        }
}

@media (min-width: 1280px) {
  .about_text {
text-align: left;

    padding-right: 80px;
    padding-bottom: 50px;
    padding-left: 80px;

    margin-left: 20px;
    margin-right: 20px;
   

        }

        
}

/*end of media query block*/

.about_img_col {
    height: 10%;
    padding-top: 10px;
    text-align: center;

}







.page4 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}


.page5{
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;

      background: url(../img/cafe.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

}


/*.page6 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;


        background: url(../img/coffeestain.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

}*/


.page6 {
    height: 100%;
    padding-top: 13%;


    text-align: center;
    background: #eee;


        background: url(../img/coffeestain.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

@media (min-width: 1280px) {
  .page6 {

     height: 100%;
  
    background: #eee;


        background: url(../img/coffeestain.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;




        }

         .cafe_text {

text-align: left;
   width: auto;

   padding-top: 8%;

    margin-right: 15%;
     margin-left: 15%;


        }

}















.page6-contd {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #717171;


      
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

}


.page7 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}


.page8 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;

      background: url(../img/goodtogo.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

}







.page9 {
    height: 100%;
    padding-top: 13%;


    text-align: center;
    background: #eee;


        background: url(../img/goodtogo_text.png) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

@media (min-width: 1280px) {
  .page9 {

     height: 100%;
  
    background: #eee;


        background: url(../img/goodtogo_text.png) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;




        }

         .goodtogo_text {

    height: 100%;
    padding-top: 90px;
    text-align: left;
    background: #fff;

     padding-right: 80px;
    padding-bottom: 50px;
    padding-left: 80px;
    margin-left: 80px;
        margin-right: 80px;


        }

}















.page10 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;

      background: url(../img/catering-01.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;


}








.page11 {
    height: 100%;
    padding-top: 40%;
    
    text-align: left;
    background: #fff;
        background: url(../img/catering_palm.png) no-repeat bottom center scroll;

          -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;

}

@media (min-width: 1280px) {
  .page11 {

        height: 100%;
    padding-top: 150px;

    padding-bottom: 40px;
   text-align: left;
     background: #fff;

         background: url(../img/catering_palm.png) no-repeat bottom center scroll;

           -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;


        }
}

@media (min-width: 1280px) {


  .catering_text {
text-align: left;

     height: 100%;
    padding-top: 50px;


    padding-right: 80px;
    padding-bottom: 50px;
    padding-left: 80px;
    margin-left: 80px;
        margin-right: 80px;
   

        }

        
}




















.page12 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;

    background: url(../img/catering_pool.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}










.page13 {
    height: 100%;
    padding-top: 90px;
    
    text-align: left;
    background: #fff;
        
}

@media (min-width: 1280px) {
  .page13 {

        height: 100%;
    padding-top: 30px;

    padding-bottom: 40px;
   text-align: left;
     background: #fff;

         

        }
}

@media (min-width: 1280px) {


  .pool_party {
text-align: left;

     height: 100%;
    padding-top: 130px;


    padding-right: 80px;
    padding-bottom: 50px;
    padding-left: 80px;
    margin-left: 80px;
        margin-right: 80px;
   

        }

        
}



.page14{
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;

     background: url(../img/catering_coffee.png) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}


.page15 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;

     background: url(../img/catering_cake.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}




.page16 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;

    background: url(../img/portions.jpg) no-repeat bottom center scroll;
 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}




.page17 {
    height: 100%;
    padding-top: 120px;
    text-align: center;
    background: #eee;


}




.page18 {
           height: 100%;
    padding-top: 90px;
    text-align: center;
    background: #eee;
        
}

@media (min-width: 1280px) {
  .page18 {

        height: 100%;
    padding-top: 30px;

    padding-bottom: 40px;
   text-align: left;
     background: #fff;

         

        }
}

@media (min-width: 1280px) {


  .portions_text {
text-align: left;

       height: 100%;
    padding-top: 90px;

    padding-right: 80px;
    padding-bottom: 50px;
    padding-left: 80px;
    margin-left: 80px;
        margin-right: 80px;
   

        }

        
}








.page19 {
    height: 100%;
    padding-top: 240px;
    text-align: center;
    background: #eee;
    background-color: #4D4F4F;
    color: white;
}







.page20 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}


.page21 {
    height: 100%;
    padding-top: 8%;
    text-align: center;
    background: #eee;
        background-color: #4D4F4F;
        color: white;
}


.page22 {
    height: 100%;

    text-align: center;
    background: #eee;


}


.page23{
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}


.locations-sections {
    height: auto;
    padding-top: 110px;
    padding-bottom: 110px;
    text-align: center;
    align-content: center;
    
    color: white;

    font-size: 11px;
    font-weight: normal;
         line-height: 15px;
         text-align: left;
            background-color: #4D4F4F;


       -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain;
    -o-background-size: contain;

}

.im_location{
    border: 4px solid white;}

.locationrow{

  padding-top: 35px;

}



.page24 {
    height: 100%;
    padding-top: 150px;
    text-align: center;
    background: #eee;
}


.page25 {
    height: auto;


    background: #eee;
     background-color: #4D4F4F;
     color: white;


     font-size: 12px;
    

}

.rightside {

     font-size: 9px;

     align-content: center;
     text-align: left;
     white-space: initial;
        display: block;
   
      
    

}

.rightside2 {

     font-size: 9px;
     white-space: initial;
        display: block;



    

}



.footer_images {

        align-content: center;

         padding-top: 8%;
    padding-right: 5%;

    padding-left: 5%;


}

.footer_images4 {

        align-content: center;

         padding-top: 8%;
    padding-right: 5%;

    padding-left: 5%;


}

@media (min-width: 1024px) {
  .footer_images4 {

        align-content: center;

         padding-top: 8%;
           padding-bottom: 5%;
    padding-right: 5%;

    padding-left: 5%;
      border-left: 1px solid;


}



}



.footer_col1 {

   padding-top: 2.5%;

     padding-left: 8.5%;

      padding-bottom: 2.5%;

      text-overflow: hidden;

}





.footer_col2 {
    padding-top: 2.5%;

     padding-bottom: 40.5%;
      padding-left: 8.5%;
    border-left: 1px solid;
 
         text-overflow: hidden;  


}

.row_footer {

 border-bottom: 1px solid;

}

.sm_logo {



}

.sm_logoright {
margin-right: 15px;



}







 




/*_____________________carosel__________________*/
.carousel,
.item,
.active {
    height: 100%;
}

.carousel-inner {
    height: 100%;
    background-color: #000000
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-color: #000000
    -webkit-background-size: contain;
    -moz-background-size: contain;
    background-size: contain ;
    -o-background-size: contain;
      background-repeat: no-repeat;
      overflow: hidden;

}




/* The CSS */
.videoWrapper {
     position: relative;
         padding-top: 110px;
     padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
     height: 0;
     width: 100%; /* You can set this width to whatever suits your needs */
     margin: 0 auto;
      background-color: #000000
}

.videoWrapper video {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding-bottom: 1%;
     padding-top: 1%;
      background-color: #000000
}

.pagevid {
    height: auto;


    background: #eee;
     background-color: #4D4F4F;
     color: white;


background-color: #000000
    

}