body {

    font: 400 15px Lato, sans-serif;

    line-height: 1.8;

}



h1{

    font-weight: bold;
    font-size: 40px;

}



h2 {

    font-size: 28px;

    text-transform: uppercase;

    color: #303030;

    font-weight: 600;

   

}



h3{

    font-weight: bold;

	 text-transform: uppercase;

}



h4 {

    font-size: 22px;

    line-height: 1.375em;

    color: #303030;

    font-weight: 400;

    margin-bottom: 30px;

}



h6 {

	font-size: 28px;

    text-transform: uppercase;

    color: white;

    font-weight: 600;

    margin-bottom: 30px;

}	



@media(min-width:1200px) {

	.carousel-inner img {

	height: 690px;

	width: 1700px;

}

}	





.carousel-item:after {

  content:"";

  display:block;

  position:absolute;

  top:0;

  bottom:0;

  left:0;

  right:0;

  background:linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));

}



.bg-1 {

    background-color: whitesmoke; 



}



.bg-2 {

    background-color: #0f75bd !important; /* Gb blue */



}



.has-search .form-control {

    padding-left: 2.375rem;

}



.has-search .form-control {

    position: absolute;

    z-index: 2;

    display: block;

    width: 2.375rem;

    height: 2.375rem;

    line-height: 2.375rem;

    text-align: center;

    pointer-events: none;

    color: #aaa;

}



.giggle-color {

	color: #0f75bd;

}

.bg-white {
    background-color: white;
}



.bg-3 {

    background-color: #f6f8fa; /* light blue */

}



.bg-4 {

	

	background-image: linear-gradient(

            rgba(0, 0, 0, 0.6),

            rgba(0, 0, 0, 0.6)

    ),url(../images/photos/party3.jpg);

	background-repeat: no-repeat;

	background-size: cover;

}

.bg-lines {

    background-image: url("../images/bg/lines-bg.png");
    background-size: cover;
    background-size: no-repeat;
}

.bg-blue-lines {

    background-image: url("../images/bg/blue.png");
    background-size: cover;
    background-size: no-repeat;
}

.bg-retro-blend {

    background-image: url("../images/bg/retro-blend.png");
    background-size: cover;
    background-size: no-repeat;
    
}

.bg-blue-blend {

    background-image: url("../images/bg/slight-break-blue.jpg");
    background-size: cover;
    background-size: no-repeat;
    
}

.bg-white {

    background-color: white;

}

.event-search-btn {
    margin-left: 10px;
    margin-bottom: 3rem;
}


.white-nav {
    background-color: white !important;
}

.clear-nav.scrolled {
    background-color: white !important;
}

.change-nav-black {
    color: black !important;
}

.nav-item:hover {
    color: #ffc107 !important;
}


.table th {

    text-align: center;

}



.jumbotron {

	margin-bottom: 0px !important;

}


.bottom-card {
    margin-top: 1em !important;

}

.border-applied {
    border-radius: 10px;
}


.container {

    padding-top: 3%;

}



.container-fluid {

    padding-top: 3%;

}







.bg-grey {

    background-color: #f6f6f6;

}



.bg-smoke {

	background-color: whitesmoke;

}





.booth-border {

		border-bottom: solid 2px #0f75bd;;

}







/* Nav Bar */



#menu{

    margin-right: 10%;

}



.navbar {

	text-transform: uppercase;

    margin-bottom: 0;

    background-color: white;

    z-index: 9999;

    border: 0;

    font-size: 12px !important;

    line-height: 1.42857143 !important;

    border-radius: 0;

    font-family: Montserrat, sans-serif !important;

    font-weight: bold !important;

}



.navbar li a, .navbar .navbar-brand {

    color: #0f75bd !important;

	font-weight: bold;

}

.navbar-brand {

	margin-left: 15%;

}



.nav-link {

	margin-top: 5px;

}



.navbar-nav {

	margin-right: 20%;

}



.navbar .nav-link:hover {

    color: #ffc107;

}

.active {
    color: #0f75bd !important;
}



.navbar-default .navbar-toggle {

    border-color: transparent;

    color: #ffffff !important;

	

}



.navbar-toggle .icon-bar {

    background-color: #0f75bd !important;

}


    
.card-border {
    border-radius: 10px;
}

	

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .carousel-caption {
        bottom: 0px !important;
        left: 0px !important;
        top: 1% !important;
    }

    .ipad-padding-top {
        padding-top: 10rem !important;
    }

    .ipad-height-bg {
   
       height: 100vw !important;
   
       }

    .carousel-inner {
        width: 200%;
    }

    .carousel-caption img {
        height: 305px;
        width: 230px;
        object-fit: cover;
    }

    .hide-ipad {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }

    .ipad-margin {
        margin-left: 1rem !important;
    }

    .button {
        padding: 10px 40px !important;
    }
}

@media only screen and (min-width: 1025px) {
    .carousel-caption img {
        height: 350px !important;
        width: 265px !important;
        object-fit: cover;
    }

    .button-margin {

		margin-left:35% !important;

}
    
    .carousel-caption {
        padding-bottom: 10rem !important;
        
    }

    .padd{

        padding-left: 35%;

    }

    .padd2{

        padding-right: 17%;

    }

    .container-fluid{

        padding-left: 20%;

        padding-right: 20%;

    }



    .imgtop{

        padding-top:50px;

    }


    .navbar .nav-link {

        color: white;
    
    }

    .clear-nav {
        transition: 750ms ease;
        background-color: transparent !important;
        color: white;
    }

    .img2top{

        padding-top:120px;

    }



    #logo {

        position:absolute;

        top:5px;

        max-width: 120px;

    }



    .img3{

        padding-top: 100px;

        width: 200px;



    }

	

	.margins-right-left {

		margin-right: 20%; margin-left: 20%;

	}

	

	.booth-desc-head {

	margin-left: 35%;

	}	

	

	.booth-margin {

	margin-left: 20px;

	}

	

	

	.carousel-inner img {

	 width: 100%;

    height: 35vw;

    object-fit: cover;

	}

	.carousel-caption {


	/*transform: translateY(-50%); */


	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

    transform-style: preserve-3d;
    
    animation-duration: 5s;
    animation-delay: 1s;

    }
    



    .img4{

    padding-top: 150px;

    width: 200px;



    }

    .img5{

        top:50px;

    }

    .img6{

        padding-top: 370px;

    }

}


.temp {

    color: #ffffff;



}



.footer{

    background-color: #303030;

    color: grey;

    padding-top: 25px;

    padding-bottom: 25px;

    padding-left: 50px;

    padding-right: 50px;

}



.temp{

    color: grey;



}


@media only screen and (max-width: 767px) {

   

    .mobile-margins {
        margin-right: 1px !important;
        margin-left: 1px !important;
    }
   

    #logo {

        position: absolute;

        top: 5px;

        max-width: 30%;

        padding-left: 2%;

    }

    .img4{

        width: 50%;



    }

    .button-margin {

		margin-left:25% !important;

}

    .event-search-btn {
        margin-left: 0px;
    }

    .event-search {
        
    }

	

	.mobile-limits {

		padding-right: 0px;

		padding-left: 0px;

		margin-left: 0px;

		margin-right: 0px;

	}

	

	.mobile-left {

		margin-left: 1em;

    }
    
    .mobile-height {
        height: 190px !important;
        width: 145px !important;
    }

	.book-button-mobile {
        padding: 2px 40px !important;
        margin-left: 3rem !important;
    }

    .hide-element {
        visibility: hidden;
        clear: both;
        float: left;
        margin: 10px auto 5px 20px;
        width: 28%;
        display: none;
    }

	.booth-desc-head {

	margin-left: 30%;

	}

	

	.booth-margin {

	margin-left: 2em;

	margin-right: 3em !important; 

	}

	

	.img-size {

		width: 75%;

	}

	

	.mobile-carousel {

			margin-top: 100px;

	}

	

	.footer--mobile {

		margin-left: 30%;

	}



	.carousel-inner img {

	 width: 100%;

    height: 100vw;

    object-fit: cover;

	}

	

	.carousel-caption {

	top: 10%;

	/*transform: translateY(-50%); */

	bottom: initial

	-webkit-transform-style: preserve-3d;

	-moz-transform-style: preserve-3d;

	transform-style: preserve-3d;

    }

}

/* Slide by slide images */

* {

    box-sizing: border-box;

}





/* Buttons */



.button {

    background-color: #0f75bd !important;

    border: none;

    color: white !important;

    padding: 10px 80px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    font-weight: bold;

    margin: 4px 2px;

    cursor: pointer;

    border-radius: 40px;
    
    text-transform: uppercase;

    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);

}

.button:hover {
    
    background-color: #ffc107  !important;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
    
}

.event-search {
    height: 50px !important;
    border: transparent;
    font-size: 18px;
    font-weight: bold;

}

.event-button {
    background-color: #0f75bd !important;
    border: none;
    color: white;
    padding: 9px 50px;
}

.event-button:hover {
    
    background-color: #ffc107  !important;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
}

.transparent-button {

    background-color: transparent !important;

    border: none;

    color: #0f75bd;

    padding: 7px 40px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 4px 2px;

    cursor: pointer;

	border-radius: 40px;

	border: solid #0f75bd 3px;

	

}

.transparent-button:hover {
    
    background-color: #0f75bd !important;
    color: white !important;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
    
}

.transparent-white-button {

    background-color: transparent !important;

    border: none;

    color: white;

    padding: 7px 40px;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 4px 2px;

    cursor: pointer;

	border-radius: 40px;

	border: solid white 3px;

	

}

.transparent-white-button:hover {
    
    background-color: white!important;
    color: #0f75bd !important;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
    
}



.center-object {

	display:block;

    margin: 0 auto;

}



.package {

    background-color: #0f75bd !important;

    color:  white!important;

    padding: 12px 50px !important;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    margin: 4px 2px;

    cursor: pointer;

	border-radius: 30px !important;


}

.package:hover {
    background-color: #ffc107  !important;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
}



.bookNow {
    
    background-color: #0f75bd !important;

    border: none;

    color: white !important;

    padding: 5px 20px !important;

    text-align: center;

    text-decoration: none;

    display: inline-block;

    font-size: 16px;

    font-weight: bold;

    margin: 4px 2px;

    cursor: pointer;

    border-radius: 5px;
    
    text-transform: uppercase;

    box-shadow: rgb(10, 81, 132) 0px -3px 0px 0px inset;

}

.bookNow:hover {
    background-color: #ffc107  !important;
    color: white !important;
    box-shadow: rgb(165, 149, 1) 0px -3px 0px 0px inset;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;

}

.element-animate {
    opacity: 0;
    visibility: hidden;
  }

input[type=text], input[type=email], input[type=date], select, textarea {

    width: 50%;

    padding: 12px;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

    margin-top: 6px !important;

    margin-bottom: 16px !important;

    resize: vertical;

}



.card {

    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    border-radius: 10px;

}

.card:hover {
    background-color: #ffc107;
    -webkit-transition: background-color 1s;
    -moz-transition: background-color 1s;
    -o-transition: background-color 1s;
    transition: background-color 1s;
}





input[type=submit]:hover {

    background-color: #45a049;

}



#footer .enquire-text {

	font-size: 15px !important;

	color: white !important;

	margin-left: 4em !important;

}



.enquire-text {

	font-size: 20px;

	line-height: 2em;

}



.contact {



    border-radius: 10px;

    border: 1px solid #C8C8C8;

  

}



.contact-form input, select, textarea{

	background-color:

	color: white;

}



.form-det {

	margin-top: 2em; 

	margin-left: 2em; 

	text-align:left;

}



.center-text {

	margin-left: 10%;

}



.footer-class {

	 background-color: #303030;

}