@font-face {
    font-family: 'ITCCaslon224StdBoldItalic';
    src: url('../fonts/caslon224std-bolditalic.eot');
    src: url('../fonts/caslon224std-bolditalic.eot') format('embedded-opentype'),
         url('../fonts/caslon224std-bolditalic.woff') format('woff'),
         url('../fonts/caslon224std-bolditalic.ttf') format('truetype'),
         url('../fonts/caslon224std-bolditalic.svg#ITCCaslon224StdBoldItalic') format('svg');
}

@font-face {
    font-family: 'ITCCaslon224StdBook';
    src: url('../fonts/caslon224std-book.eot');
    src: url('../fonts/caslon224std-book.eot') format('embedded-opentype'),
         url('../fonts/caslon224std-book.woff') format('woff'),
         url('../fonts/caslon224std-book.ttf') format('truetype'),
         url('../fonts/caslon224std-book.svg#ITCCaslon224StdBook') format('svg');
}

@font-face {
    font-family: 'ITCCaslon224StdBookItalic';
    src: url('../fonts/caslon224std-bookitalic.eot');
    src: url('../fonts/caslon224std-bookitalic.eot') format('embedded-opentype'),
         url('../fonts/caslon224std-bookitalic.woff') format('woff'),
         url('../fonts/caslon224std-bookitalic.ttf') format('truetype'),
         url('../fonts/caslon224std-bookitalic.svg#ITCCaslon224StdBookItalic') format('svg');
}




@font-face {
    font-family: 'ITCCaslon224StdBold';
    src: url('../fonts/caslon224std-bold.eot');
    src: url('../fonts/caslon224std-bold.eot') format('embedded-opentype'),
         url('../fonts/caslon224std-bold.woff') format('woff'),
         url('../fonts/caslon224std-bold.ttf') format('truetype'),
         url('../fonts/caslon224std-bold.svg#ITCCaslon224StdBold') format('svg');
}


/* CSS Document */
html {font-size: 62.5%;}

html,body { width:100%; height:100%; margin:0; padding:0; background:#f3efe3;  -webkit-font-smoothing: antialiased; font-smoothing: antialiased;   }
body.force_scroll { overflow-y: scroll; }
h1,h2,h3,h4,h5,h6 {font-family: 'ITCCaslon224StdBook';  text-transform:uppercase; font-weight:normal; }
p { font-family: 'ITCCaslon224StdBook';  font-weight:normal;   color:#8b8781;
    font-size: 21px; 
    font-size: 2.1rem; 
    /*line-height:38px;*/
    line-height:1.55;
}
a { text-decoration:none; font-weight:normal; }
.liquid-slider { height:100% !important;  }

body.overflowhidden { overflow:hidden  }

.ls-wrapper .ls-nav-left-arrow,
.ls-wrapper .ls-nav-right-arrow {transition: opacity ease-in-out 0.2s; -moz-transition: opacity ease-in-out 0.2s; z-index:10; }
.ls-wrapper .ls-nav-right-arrow { opacity:0.7  !important;}
.ls-wrapper .ls-nav-left-arrow { opacity:0.7 !important;}
.ls-wrapper .ls-nav-left-arrow:hover {opacity:1  !important;}
.ls-wrapper .ls-nav-right-arrow:hover {opacity:1  !important;}

 #topnav { position:fixed; bottom:100%; z-index:1000; right:20px; background:#fdfdfd; text-align:center; text-transform:uppercase;   padding:10px 0; -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.94, 0.06, 0.94, 0.95);
	 -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
         transition: transform 0.5s cubic-bezier(0.94, 0.06, 0.94, 0.95); 
         -moz-transition: transform 0.5s cubic-bezier(0.94, 0.06, 0.94, 0.95); 
         font-size:12px; letter-spacing:1px; font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal; } 
    #topnav:hover { -webkit-transform: translate3d(0, 100%, 0); -moz-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);  }
		#topnav a { display:block; padding:5px 20px; color:#555555; font-weight:700;}
		#topnav a:hover { color:#e8c263 !important;}
    #topnav span { position:absolute; display:block; bottom:-30px; height:30px; color:#555555; left:0; right:0; line-height:30px; background:inherit;  border-top:1px solid #555555;}
   

.page { height:100%; width:100%; position:relative; overflow:hidden; text-align:center; /*display: table;*/}
.page .bg { position:absolute; top:0; right:0; bottom:0; left:0; z-index:0; }
.page .content {height:100%; width:100%; display:table-cell; vertical-align:middle;  }
.page h2 { position:relative; z-index:1; color:#fff;  /* width:70%; */ 
           width:930px;
          margin:auto auto 50px;
          /*margin: 0;*/
          font-size:200px; 
          font-size:20rem; 
          /*line-height:160px;*/
          line-height: 85%;
 letter-spacing: -7px;}
.page h2.no_margin { margin-bottom:0 !important;  }
.page  h2 span {   font-family: 'ITCCaslon224StdBoldItalic';  }
.page .white_bg h2 { color:#3a3a3a !important;  }
.page p { margin:auto;  }
.page .one_column p {width: 90%;}

.page nav { position:absolute;  width:100%; text-align:center;  z-index:10; text-transform:uppercase;
            left: 0;
            top:5.61%;
-webkit-transition: opacity 0.5s;
-moz-transition: opacity 0.5s; 
transition: opacity 0.5s; 
  }
.page nav.hidden { opacity:0; }
.page nav .navtitle {  display:inline-block; padding-bottom:20px;  color:#3a3a3a; color:#000; letter-spacing:1px;
           font-size:40px;
           font-size:4rem; /* font-size:54px; */
           line-height:3.25rem; /* line-height:40px; */
}
.page nav ul { display:inline;  font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal; white-space:nowrap; clear:both;border-top: 1px solid #3a3a3a;  }
.page nav ul li {display:inline-block !important; padding-top:1.8em !important; }
.page nav ul li a { 
        font-size:1.6rem;

font-size: 12px;
font-size: 1.2rem;
letter-spacing: 1px;
font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal;
color: #000;
}
.page nav ul li a:hover, 
.page nav ul li a.current { background:none !important; color:#e8c263 !important; }

.page nav ul li:first-child a{ padding-left:0; }
.page nav ul li:last-child a{ padding-right:0;}
 
.page .in_page { height:100%; width:100%;  overflow:hidden;  position: relative;}
.page .inner_page { height:100%; width:100%; overflow:hidden; }
.page .inner_page .panel-wrapper { padding:0; height:100%;  }

.page .table { table-layout: fixed; display: table; height:100%; width:100%; overflow:hidden;  }

.page  .content_panel {  height:100%; background:#f3efe3; z-index: 1;
-webkit-transform: translate3d(0, 100%, 0);  transform: translate3d(0, 100%, 0);
-moz-transition: -moz-transform 0.5s cubic-bezier(0.94, 0.06, 0.94, 0.95);
-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.94, 0.06, 0.94, 0.95);
transition: transform 0.5s cubic-bezier(0.94, 0.06, 0.94, 0.95);  display: table;table-layout: fixed;  width: 100%;}
.page .in_page.active .content_panel,
.page .inner_page.active .content_panel {  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }

.page .inner_page  .text { width: 100%; margin:0 auto; display:table-cell; vertical-align:middle; }
.page h3 {  font-family: 'ITCCaslon224StdBook';   margin: 0 auto 25px; color:#3a3a3a; letter-spacing:-1px;
           width: 635px; 
           font-size: 135px;
           font-size: 13.5rem;
           line-height: 120px;
           line-height: 92%;
}

.page .inner_page .content_panel .text p { }
.page .inner_page .content_panel .text .left { width:40%; display:inline-block;  text-align:justify; padding-right:15px; vertical-align:top; }
.page .inner_page .content_panel .text .right { width:40%; display:inline-block;  text-align:justify; padding-left:15px; vertical-align:top; }

.page .two_column {}
.page .two_column p { margin-bottom:20px; }
.page .two_column p:last-child { margin-bottom:0px; }
.page .two_column h2 { margin-bottom:50px; }
.page .two_column .left { display:inline-block; width:35%; text-align:center;  padding-right:5%; }
.page .two_column .right { display:inline-block; width:35%; text-align:center;  padding-left:5%;}

span.title { display:none; }
.inner_logo { position:absolute; left:50%; bottom: 20px; height: 152px; width: 127px; background: url(../img/bw_logo_sm.png) no-repeat; background-size:cover; margin-left: -63px;  }

#preload_percent { border-radius:40px; border:5px solid #fff; text-align:center; line-height:60px;height:60px; width:60px; position: absolute; bottom:20px; left:50%; margin-left:-35px; color:#ffffff; font-size: 20px;  font-family: 'Gotham A', 'Gotham B'; font-weight: 400; font-style: normal; }

.page .wrap-it {
    display: table;
    height: 100%;
    table-layout: fixed;
    width: 100%;
}

.page.splash { background:url(../img/home.jpg) no-repeat center;  background-size:cover; }
.page.splash .bg { 
display:none;	 
opacity:0;
background:url(../img/desktop/splash.jpg) no-repeat center; background-size:cover;
-webkit-transition: all 2s;
-moz-transition: all 2s;
transition: all 2s;
}
.page.splash .bg.active { opacity:1; }
.page.splash .bg.blur { -webkit-filter:blur(5px) }
.page.splash .logo {
    background:url(../img/swordfish_marque.png) no-repeat center; background-size:cover;
    position: absolute;
    left:0;
    top:0;
	right:0; 
	bottom:0;
}
.page.splash2 { background:url(../img/desktop/splash2.jpg) no-repeat center; background-size:cover; }
.page.splash2 .logo {
   height: 55px;
    width: 360px;
    background-image: url(../img/sprite.png);
    background-repeat: no-repeat;
    background-position: 7px -74px;
    background-size: 95%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: 0 0 0 -180px;
    opacity: 1;
    -webkit-transition: opacity 2s;
    -moz-transition: opacity 2s;
    transition: opacity 2s;
}
.page.splash2.active .logo { opacity:1; }
/* .page.splash3 { background:url(../mobile/img/flame_still.jpg) no-repeat center; } */
.page.splash3 .type { position:absolute; top:0; left:0; right:0; bottom:0;  z-index: 1; background:url(../img/HEADLINE_PNGS/entertain_wtih_flair_video_type_layup.png) no-repeat center; background-size:cover; }
.page video { position:absolute; top:0; left:0; right:0; bottom:0;  z-index: -1;}

.page.what {}
.page.what .inner_page_1 { }
.page.what .inner_page_2 { background:url(../img/desktop/what/page_2.jpg) no-repeat center; background-size:cover; }
.page.what .inner_page_3 { background:url(../img/desktop/what/page_3.jpg) no-repeat center; background-size:cover; }
.page.what .inner_page_4 { background:url(../img/desktop/what/page_4.jpg) no-repeat center; background-size:cover; }

.page.history {}
.page.history .inner_page_1 { background:url(../img/desktop/history/page_1.jpg) no-repeat center; background-size:cover;  }
.page.history h2 { color:#FFF; width:90%; margin-bottom:0; font-size:82px; font-size: 8.2rem; line-height:82px;}
.page.history h2 span { position:relative; font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal; }
.page.history h2 span span { position:absolute; left:0; width:100%; display:block; top:-50px; text-align:center; font-size:24px; font-size: 2.4rem;  font-family: 'ITCCaslon224StdBookItalic'; letter-spacing: 0;  }
.page.history .inner_page_2 h2 { margin-bottom:50px;  }

.page.history .inner_page_1 .panel-wrapper h2 span.mob-hide {font-weight: 100;}

/*.page.values {  background:url(../mobile/img/pestle_still.jpg) no-repeat center; background-size:cover;  }*/
.page.values .type { position:absolute; top:0; left:0; right:0; bottom:0;  z-index: 1; background:url(../img/HEADLINE_PNGS/our_ethos_video_type_layup.png) no-repeat center; background-size:cover; }

.page.ethos {}
.page.ethos .inner_page_2 { background:url(../img/desktop/ethos/page_2.jpg) no-repeat center; background-size:cover; }
.page.ethos .inner_page_3 { background:url(../img/desktop/ethos/page_3.jpg) no-repeat center; background-size:cover; }
.page.ethos .inner_page_4 { background:url(../img/desktop/ethos/page_4.jpg) no-repeat center; background-size:cover; }

.page.work {}
.page.work h2 { color:#fff; margin-bottom:0; }
.page.work .inner_page_1 { background:url(../img/desktop/work/page_1.jpg) no-repeat center; background-size:cover; }
.page.work .inner_page_2 { background:url(../img/desktop/work/page_2.jpg) no-repeat center; background-size:cover; }
.page.work .inner_page_3 { background:url(../img/desktop/work/page_3.jpg) no-repeat center; background-size:cover; }
.page.work .inner_page_4 { background:url(../img/desktop/work/page_4.jpg) no-repeat center; background-size:cover; }

.page.work nav .navtitle,
.page.work .ls-wrapper .ls-nav ul li a {color: #fff;}

.meal-group {  margin: 0 auto 40px;}
.meal-group em { text-transform: uppercase; font-size:16px;  margin-bottom: 20px; display: block; font-style:normal;  font-family: 'ITCCaslon224StdBookItalic'; }
.meal-group h3 {font-family: 'Gotham A', 'Gotham B'; font-weight: 700; font-style: normal; color: #000; font-size: 22px; width: auto; letter-spacing: 1px; margin-bottom:15px; letter-spacing:1px; }
.meal-group p { color:#000;  font-size: 16px; line-height:24px; }


.page.contact {}
.page.contact h2 {background-color: #f3efe3; font-size: 16rem;}
.page.contact hr {width: 45%; height: 0; border: none; border-top:1px solid #646460;margin: 0 auto; }

.page.contact article {cursor: pointer;}

.click-up-down hr {  }
.click-up-down {display: table-cell; vertical-align: middle; height: 100%;}
.click-up-down .hidden {
    
   
  max-height: 0;  overflow:hidden;
   -webkit-transition: max-height 0.5s;
    transition: max-height 0.5s; 
}
.click-up-down.booking .booking .hidden { max-height: 145px;  }
.click-up-down.enquiry .enquiry .hidden { max-height: 145px; }


.click-up-down .booking h2 { margin-top: 40px; margin-bottom: 0;}
.click-up-down .enquiry h2 { margin-bottom: 0;  }


.click-up-down .booking  .hidden p { margin-top: 1.2em;   }
.click-up-down .enquiry  .hidden p { margin-top: 0;  }

.click-up-down .booking  .hidden a { margin-bottom: 0;  }
.click-up-down .enquiry  .hidden a {  }

.click-up-down .hidden p {width: 80%; /* font-size: 3rem; */ line-height: 1.2; margin-bottom: 1em;}
.click-up-down.enquiry .enquiry .hidden p {}
.click-up-down.enquiry .enquiry .hidden a {  }
.click-up-down .hidden a {font-size: 21px; font-size: 2.1rem; color:#393939; font-family: "ITCCaslon224StdBold"; display: block; margin-bottom: 1.2em;}

.page.our-work .navtitle {color:#fff;}
.page.our-work h2 {padding: 0 20px; width: 1300px; line-height: 1; }
.page.our-work p {padding: 0;}
.page.our-work p,
.page.our-work .ls-wrapper .ls-nav a {color: #fff;}

.page.our-work .ls-wrapper .ls-nav a {font-family: serif;}

.page.our-work .page nav {width: 60%; top:18%;}
.page.our-work nav ul {border-top-color: #adafb2;}

.page.our-work .inner_page_1 { background:url(../img/desktop/our-work/page_1.jpg) no-repeat center; background-size:cover; }
.page.our-work .inner_page_2 {  }
.page.our-work .inner_page_3 { background:url(../img/desktop/our-work/page_3.jpg) no-repeat center; background-size:cover; }


.page.our-work .inner_page_2 h2 {font-size:100px; font-size:10rem;}
.page.our-work .inner_page_3 h2 {font-size:130px; font-size:13rem;}

.page.our-work .inner_page_2 .left-it {width: 940px;}
.page.our-work .inner_page_3 .left-it { width: 820px;}

.page.our-work .left-it h2 {width: auto; letter-spacing: 0; padding: 0 0 0 20px; margin-bottom: 0.2em;}
.page.our-work .left-it p {color: #fff; line-height: 1.2; width: 480px;}


.page.menu .ls-wrapper .ls-nav a {font-family: serif; font-size:15px;}

.panel-container { height:100% !important; }

.page .shadow {width:252px; height:100%; position:absolute; top:0; z-index:1; }
.page .shadow.shadow_l { left:0; background: -moz-linear-gradient(left,  rgba(243,239,227,1) 1%, rgba(239,236,228,1) 30%, rgba(229,229,229,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(243,239,227,1)), color-stop(30%,rgba(239,236,228,1)), color-stop(100%,rgba(229,229,229,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(243,239,227,1) 1%,rgba(239,236,228,1) 30%,rgba(229,229,229,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(243,239,227,1) 1%,rgba(239,236,228,1) 30%,rgba(229,229,229,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(243,239,227,1) 1%,rgba(239,236,228,1) 30%,rgba(229,229,229,0) 100%); /* IE10+ */

background: linear-gradient(to right,  rgba(243,239,227,1) 1%,rgba(239,236,228,1) 30%,rgba(229,229,229,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3efe3', endColorstr='#00e5e5e5',GradientType=1 ); /* IE6-9 */


}
.page .shadow.shadow_r { right:0;  background: -moz-linear-gradient(left,  rgba(229,229,229,0) 0%, rgba(239,236,228,1) 70%, rgba(243,239,227,1) 99%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(229,229,229,0)), color-stop(70%,rgba(239,236,228,1)), color-stop(99%,rgba(243,239,227,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(left,  rgba(229,229,229,0) 0%,rgba(239,236,228,1) 70%,rgba(243,239,227,1) 99%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(left,  rgba(229,229,229,0) 0%,rgba(239,236,228,1) 70%,rgba(243,239,227,1) 99%); /* Opera 11.10+ */

background: -ms-linear-gradient(left,  rgba(229,229,229,0) 0%,rgba(239,236,228,1) 70%,rgba(243,239,227,1) 99%); /* IE10+ */

background: linear-gradient(to right,  rgba(229,229,229,0) 0%,rgba(239,236,228,1) 70%,rgba(243,239,227,1) 99%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e5e5e5', endColorstr='#f3efe3',GradientType=1 ); /* IE6-9 */



 }

    .page .one_column p { width: 800px;  }
    
	 .page .headline { width: 1040px; margin: 0 auto 40px; max-width: 100%; }
	 .page .inner_page .content_panel .text h3 {width: 1040px;}
    
    .page .inner_page .content_panel .text .left { width:500px; }
    .page .inner_page .content_panel .text .right { width:500px;}
    
    .page .two_column .left { display:inline-block; width:450px; text-align:center;  padding-right:45px }
    .page .two_column .right { display:inline-block; width:450px; text-align:center;  padding-left:45px; position:relative; left:auto;}

    .page.splash2 .logo { height: 122px; width:1288px; background-size: cover; background-position: 0 -285px; left:50%; top:50%; margin: -40px 0 0 -644px; }

    .page.history .headline img { width:100%; }
    
	.page.ethos .inner_page_4 h2 {font-size: 160px; font-size: 16rem;}
    


    .click-up-down .hidden p {width: 550px;}
    
    .meal-group {width: 480px;}
	
	.page.contact .inner_page_1 { background:url(../img/desktop/contact.jpg) no-repeat center; background-size:cover;  }
	.page.contact h2 { transition:opacity 0.5s; -moz-transition:opacity 0.5s;   }
	.page.contact a {color: #e8c263;    }
	.page.contact article { background:#f3efe3;   }
	
	.page.contact .enquiry .booking h2 { opacity:0.5;  }
	.page.contact .booking .enquiry h2 { opacity:0.5;  }



@media (max-width: 1600px),(max-height: 1000px) {
    html,body {font-size: 45%;}
	.page .headline { margin-bottom:30px;  }
	.page .headline img { max-width:80%; }
	
    .page .inner_page .content_panel .text .left { width:400px; }
    .page .inner_page .content_panel .text .right { width:400px;}
	
	.inner_logo { height: 120px; width: 100px; margin-left: -50px;  }
	
	.click-up-down.booking .booking .hidden { max-height: 85px;  }
	.click-up-down.enquiry .enquiry .hidden { max-height: 85px; }
}

@media (max-width: 1400px),(max-height: 800px) {
    html,body {font-size: 35%;}
	.page .headline { margin-bottom:30px;  }
	.page .headline img { max-width:60%; }
	
    .page .inner_page .content_panel .text .left { width:300px; }
    .page .inner_page .content_panel .text .right { width:300px;}
	
	.inner_logo { height: 100px; width: 85px; margin-left: -50px;  }
	
	.click-up-down.booking .booking .hidden { max-height: 85px;  }
	.click-up-down.enquiry .enquiry .hidden { max-height: 85px; }
	
	.page nav .navtitle { padding-bottom:10px; }
	.page nav .navtitle img { max-width:80%; }
	.meal-group em { font-size: 12px; margin-bottom:10px; }
	.meal-group h3 { font-size: 16px; margin-bottom:5px;}
	.meal-group p { font-size: 12px; }
}

@media (max-width: 1200px),(max-height: 600px) {
    html,body {font-size: 25%;}
	.page .headline { margin-bottom:20px;  }
	.page .headline img { max-width:35%; }
	
    .page .inner_page .content_panel .text .left { width:250px; }
    .page .inner_page .content_panel .text .right { width:250px;}
	
	.inner_logo { height: 80px; width: 68px; margin-left: -50px;  }
	
	.click-up-down.booking .booking .hidden { max-height: 75px;  }
	.click-up-down.enquiry .enquiry .hidden { max-height: 75px; }
	
	.page nav .navtitle { padding-bottom:0px; }
	.page nav ul li { padding-top:0.3em !important; }
	.page nav .navtitle img { max-width:60%; }
	.meal-group { margin-bottom:10px; }
	.meal-group em { font-size: 9px; margin-bottom:5px; }
	.meal-group h3 { font-size: 11px; margin-bottom:2px;}
	.meal-group p { font-size: 9px; }
	#topnav a { font-size:9px; }
}

/****************/
/*  animations  */
/****************/
@-webkit-keyframes rotateslow {
0% {
    -webkit-transform: rotate(0deg);
}
100% { 
    -webkit-transform: rotate(360deg);
  }
}

@keyframes rotateslow {
0% {
    transform: rotate(0deg);
  }
100% { 
    transform: rotate(360deg);
  }
}