﻿/* Move down content because we have a fixed navbar that is 50px tall */




@font-face {
    font-family: 'DessertMenuSans';
    src: url('/fonts/DessertMenuSans/DessertMenuSans.otf') format('opentype'), url('/fonts/DessertMenuSans/DessertMenuSans.ttf') format('truetype'), url('/fonts/DessertMenuSans/DessertMenuScript.otf') format('opentype'), url('/fonts/DessertMenuSans/DessertMenuScript.ttf') format('truetype');
    src: url('/fonts/DessertMenuSans/dessertmenusans-webfont.eot') format('embedded-opentype'), url('/fonts/DessertMenuSans/dessertmenusans-webfont.woff') format('woff');

}

@font-face {
    font-family: 'optimadisplay-book-webfont';
    src: url('/fonts/Optimadisplay/optimadisplay-book-webfont.ttf') format('truetype'), url('/fonts/Optimadisplay/optimadisplay-light-webfont.ttf') format('truetype'), url('/fonts/Optimadisplay/optimadisplay-ultralight-webfont.ttf') format('truetype');
}
body {
    
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

.top-link-style { 
    background-color:#fff; color:#6acee8;
font-family: 'DessertMenuSans', sans-serif;
text-align:center;
padding:5px 20px;
position:absolute;
top:0px;
right:5%;
z-index:1;
}

/*.menu-icon img {width:15px;  margin:auto; display:none; position:absolute; top:40px; left:50%;}*/

a.anchoroff{display: block; position: relative; top: -230px; visibility: hidden;}

.light-grey h3, .light-grey p {text-align:center;}
.light-grey h3 {color:#6acee8;}

.navbar-brand {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    text-align: center;
    margin: auto;
}
.navbar-toggle {
    z-index:3;
}

.marcels-blue {    background-color: #6acee8;
    color: #ffffff;}
.marcels-blue-text {color:#6acee8;}
.light-grey {background-color:#f0fafd;}
.about-padding {padding-top:80px; padding-bottom:80px; padding-left:15px; padding-right:15px;}
.content-padding {padding-top:80px; padding-bottom:80px;padding-left:15px; padding-right:15px;}

.logo-style img {max-width:200px;}

.voucher-style {border:2px solid #6acee8;
                color:#6acee8;
                text-align:center;
                padding:30px 0;
                text-transform:uppercase;
}
.voucher-details {margin-top:20px;}

  .swiper-container {
          margin-top: 148px;
        width: 100%;
        /*height: 100%;*/
        
           /*margin-top:470px!important;*/
     
    }
  .top-slider {height:550px;
        
  }
  .three-set-slider {height:300px;}
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /* Center slide text vertically */
        -webkit-flex-direction: column;
   flex-direction: column;
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
      .swiper-container .btn {border-color:#fff; margin-top:100px;}

.banner1 {
    background-image: url('../Images/bg-img-1.1.jpg');
    background-size:cover;
    background-repeat:no-repeat;
        background-position: top center;
}
.banner2 {
    background-image: url('../Images/2.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.banner3 {
    background-image: url('../Images/3.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.banner4 {
    background-image: url('../Images/4.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.banner5 {
    background-image: url('../Images/5.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.branch-style a { color:#000;}

.flavour-style {cursor:pointer;}
.flavour-style img{ margin:10px auto; }


.col-center { margin:auto; display:block; width:50%;}

.line-space {margin-left:10px; margin-right:10px;}
.facebook-icon {
    background-image: url('../Images/facebook.png');
    background-size:contain;
    width:50px;
    height:50px;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 10px;
    margin-right: 5px;
}
footer {background-color:#6acee8; color:#fff; position:absolute; width:100%; text-align:center; padding:50px 20px; font-family:'optimadisplay-book-webfont', sans-serif; }
footer a,footer a:hover, footer a:focus {color:#fff;}

