@font-face {
    font-family: 'bernadette_roughregular';
    src: url('../fonts/bernadette/bernadetterough-webfont.eot');
    src: url('../fonts/bernadette/bernadetterough-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bernadette/bernadetterough-webfont.woff2') format('woff2'),
         url('../fonts/bernadette/bernadetterough-webfont.woff') format('woff'),
         url('../fonts/bernadette/bernadetterough-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Futura-Medium';
    src: url("../fonts/futura/Futura-Medium.eot");
    src: url("../fonts/futura/Futura-Medium.woff2") format("woff2"), 
    url("../fonts/futura/Futura-Medium.woff") format("woff"), 
    url("../fonts/futura/Futura-Medium.ttf") format("truetype"),
    url("../fonts/futura/Futura-Medium.eot?#iefix") format("embedded-opentype");
    font-weight: normal;
    font-style: normal; 
}


html {
    font-family: "Futura-Medium", Arial, Helvetica, sans-serif;
    font-family: "Roboto", "Futura-Medium", Arial, Helvetica, sans-serif;
}
h1, h2 {
    
    font-family: "Roboto Condensed", "Futura-Medium", Arial, Helvetica, sans-serif;
}


a{

    color: #000;
    border-bottom: 1px solid #000;
}


@media only screen and (min-width: 993px) {
h1{
    /* font-family: "bernadette_roughregular", Arial, Helvetica, sans-serif; */
    font-size: 62px;    
}
}

@media only screen and (max-width: 993px) {
h1{
    /* font-family: "bernadette_roughregular", Arial, Helvetica, sans-serif; */
    font-size: 62px;    
    font-size: 6vw;

}
}


h2{
    /* font-family: "bernadette_roughregular", Arial, Helvetica, sans-serif; */
    font-size: 62px;

}

h3{
    /* font-family: "bernadette_roughregular", Arial, Helvetica, sans-serif; */
    font-size: 32px;

}

h5{
    font-family: "Futura-Medium", Arial, Helvetica, sans-serif;

    font-size: 16px;
}
strong, b{
    font-weight: bold !important;
}

.grey-text{
	color: #d5d4d4;
}

.error{
    padding: 10px;
    font-size: 14px;
    color: red;
    background: #ffebee;
}
.error i{
        vertical-align: bottom;
    }

.pt40{
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.pt20{
    padding-top: 20px !important;
    padding-bottom: 0px !important;
}


.lg{
    color: #d5d4d4;
    word-break: break-all;
}
@media only screen and (min-width: 1950px){
    .lg{
       font-size: 64px;
    }
}
@media only screen and (max-width: 1950px){
    .lg{
       font-size: 51px;
    }
}
@media only screen and (max-width: 1750px){
    .lg{
       font-size: 45px;
    }
}
@media only screen and (max-width: 1650px) {
    .lg{
	   font-size: 38px;
    }
}
@media only screen and (max-width : 1300px) {
    .lg{
        font-size: 28px;
    }
}


.lgn{
	font-size: 28px;
	margin: 0;
	line-height: 1.2em;
	color: #d5d4d4;
}
.lgt{
    font-size: 16px;
    line-height: 110%;
    margin: .82rem 0 .656rem 0;
    font-weight: bold;
}

@media only screen and (min-width: 992px) {
   .lgt{
        float: right;
   }
}

/* Offset for the fixed side bar */

.clear{
	clear:left;
}
.row .col .black{
	padding: 2%;
}
.hideme{
    opacity:0;
}
/* Required for viewport checker */
.hidden{
    opacity: 0;
}
.visible{
    opacity: 1;
}
.mt20{
    margin-top: 20px;
}
.mt50{
    margin-top: 50px;
}

.mb50{
    margin-bottom: 50px;
}

.fullwid {

    width:100vw;
    max-width :100%;
    height: 100vh; 
    background: #eee;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fullwid2 {
    width:100vw;
    max-width :100%;
    height: 25px;
    margin-top: -25px;
    background-image: url('../../images/home-intro-v.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fullwid3 {
    width:100vw;
    max-width :100%;
    height: 25px;
    margin-top: -45px;
    background-image: url('../../images/home-intro-v.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.fullwid4 {
    width:100vw;
    max-width :100%;
    height: 25px;
    margin-top: -45px;
    background-image: url('../../images/home-intro-v.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1000;
}



.bg-home{
        background-image: url('../../images/home-intro.jpg');
}
.bg-accom{
        background-image: url('../../images/accommodation1.jpg');
}
.bg-menu{
        background-image: url('../../images/menus1.jpg');
}
.bg-bistrospecials{
        background-image: url('../../images/bistrospecials1.jpg');
}
.bg-entertainment{
        background-image: url('../../images/entertainment1.jpg');
}
.bg-events{
        background-image: url('../../images/events1.jpg');
}
.bg-contact{
        background-image: url('../../images/contact1.jpg');
}
.bg-whatson{
        background-image: url('../../images/whatson1.jpg');
}
.bg-frankies{
        background-image: url('../../images/frankies-full-width-blue.png');
        background-color: #314b60;
        background-size: contain;
        background-position: center;
}
.bg-trading{
        background-image: url('../../images/tradinghours1.jpg');     
}
.bg-members{
        background-image: url('../../images/members1.jpg');    
        background-image: url('../../images/home-intro.jpg');     
}
.bg-texture{
        background-image: url('../../images/bg-texture.jpg');
        background-size: cover;
        background-position: center;
}

@media only screen and (max-width: 900px) {
    .bg-members, .bg-home{
         background-position: right;       
    }
}





@media only screen and (min-width: 1127px) {

.spot{
    position: absolute;
    top: 25px;
    right: 50px;
    width:100vw;
    max-width :100%;
    /* height: 500px; */
    height: 200px;
    background-image: url('../../images/logo-circle.png');
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
}
}
@media only screen and (max-width: 1127px) {
    .spot{
    position: absolute;
    top: 0;
    right: 0;
    width:100vw;
    max-width :100%;
    height: 200px;
    background-image: url('../../images/logo-circle.png');
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
}

    }

@media only screen and (max-width: 500px) {
    .spot{
    position: absolute;
    top: 0;
    right: 0;
    width:100vw;
    max-width :100%;
    height: 100px;
    background-image: url('../../images/logo-circle.png');
    background-size: auto 100%;
    background-position: right;
    background-repeat: no-repeat;
}

}

.contactbtn{
    position: absolute;
    top: 85%;
    height: 50px;
    width: 100%;
    text-align: center;
}

.round-btn{
    width: 50px;
    height: 50px;
    display: inline-block;
    background-size:  100% auto;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 0;
    margin: 5px 5px 30px 5px;
}
.icon-email{
    background-image: url('../../images/icon-email.png');
}

.icon-fb{
    background-image: url('../../images/icon-facebook.png');
}

.bgapp{
    background-image: url('../../images/home-app.jpg');
    height: 200px;
    background-size:  auto 100%;
    background-repeat: no-repeat;
        background-position: center;

}

.app-btn{
    width: 120px;
    height: 50px;
    display: inline-block;
    background-size:  100% auto;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 0;
    margin: 5px 5px 30px 5px;
}

.icon-google{
    background-image: url('../../images/icon-google.png');
}
.icon-apple{
    background-image: url('../../images/icon-apple.png');
}


.black-btn{
    min-width: 200px;
    height: auto;
    display: inline-block;
    background-color: #000000;
    background-size:  100% auto;
    background-position: center;
    background-repeat: no-repeat;
    border-bottom: 0;
    margin: 5px 5px 30px 5px;
    color: #ffffff;
    padding: 10px 30px;
    text-transform: uppercase;
}



@media only screen and (min-width: 968px) {
.jumbo{

    width: 60%;
    padding: 26px 82px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .55);
    position: absolute;
    top: 30%;
    left: 20%;
    transform: translate(-30%, -20%);
    text-align: center;
    box-sizing: border-box;

}

.jumbo-social-wrapper {
    width: 75%;
    min-width: 900px;
    max-width: 1330px;
    background-color: rgba(58, 60, 78, .85);
    margin: 0 auto;
}

.jumbo-social{

    width: 900px;
    padding: 26px 42px;
    margin:0px  auto 0 auto;
    
    text-align: center;
    box-sizing: border-box;

}


.jumbo p{
    font-size: 20px;
    line-height: 1.8em;
    font-weight: normal;
}
}


@media only screen and (max-width: 968px) {
.jumbo{

    width: 60%;
    padding: 16px 22px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, .55);
    position: absolute;
    top: 10%;
    left: 20%;
    transform: translate(-10%, -20%);
    text-align: center;
    box-sizing: border-box;

}
.jumbo-social-wrapper {
    width: 50%;
    min-width: 340px;
    background-color: rgba(58, 60, 78, .85);
    margin: 0 auto;
}
.jumbo-social{

    width: 340px;
    padding: 16px 12px;
    margin: 0px  auto 0 auto;

    text-align: center;
    box-sizing: border-box;

}

.jumbo p{
    font-size: 16px;
    line-height: 1.3em;
    font-weight: normal;
}

.jumbo h2{
font-size: 24px;
}


}


.jumbo *, .jumbo-social *{
color: #fff;
}
.jumbo a{
border-bottom: #fff 1px solid;
}

.mainnav{
    position: fixed;
    top: 25px;
    left: 25px;
    border-bottom: 0;
    background-image: url('../../images/icon-menu.png');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    z-index: 2000;
}

.user-view{
    margin-top: 50px;
    min-height: 200px;
    background-image: url('../../images/logo-white.png');
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;
}


/*  / Required for viewport checker */

/* Back to top button */

.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  border-radius: 2px;
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.8) url(../../images/icon-top-arrow.svg) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  border-bottom: 0;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.no-touch .cd-top:hover {
  background-color: #e86256;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 20px;
    bottom: 20px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 60px;
    width: 60px;
    right: 30px;
    bottom: 30px;
  }
}

/* Back to top button */


table{
	margin-top: 30px;
	border: 1px solid #ffffff;
}

#calendar table{
margin-top: 0px;
}

#calendar thead{
        border: none;
}


td{
	vertical-align: top;
}
@media only screen and (min-width : 992px) {
td, th{
  border-left: 1px solid #d0d0d0;
  border-right: 1px solid #d0d0d0;
}
}

@media only screen and (max-width : 992px) {
	header, main, footer {
		padding-left: 0;
	}
}
/* END offset */

.container{
   /* max-width: 1680px;
   */
   width: 100%;
   max-width: none;
}

@media only screen and (min-width: 993px) {
  .container {
    width: 100%;
    float: left;
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media only screen and (min-width: 993px) {
    .roweven {
        display: flex;
    }
}
.container .row{
    margin-right: 0px !important;
    margin-left:0px !important;
}

@media only screen and (min-width: 993px) {
.parallax-container{
    height: 900px;

}
}
.jumbo-section {
    height: 300px;
    line-height: 300px;
    display: inline-block;
    vertical-align: middle;
}
.jumbo-section > div{
    font-size: 1em;
    line-height : 1em;
    display : inline-block;
}
@media only screen and (max-width: 993px) {
.parallax-container{
    height: 400px;

}
.jumbo-section {
    height: 150px;
    line-height: 150px;
}
}




.col{
	border-radius: 5px;
}
.tabspacing{
	padding:5% 2% 2% !important;
}
.nopadding{
	padding: 0 !important;
}
.nopadding-p{
    padding: 0 !important;
}
.rounded{
	border-radius: 3px;
    margin-bottom: 50px;
}
.roundedt{
	border-radius: 3px 3px 0px 0px;
}
.tabs .tab a:hover, .tabs .tab a.active{

    background: #2eb1aa;
    color: #ffffff;
}
.tabs{
    background: #8fcbc9;
}
.tabs .tab a{
    color: #ffffff;
}
.tabs .tab{
    text-transform: none;
}
.tabs .indicator{
    background-color: #2eb1aa;
}
.side-nav{
    width: 200px;

}
.side-nav .userView {
    position: relative;
    padding: 56px 32px 0; 
    margin-bottom: 8px;
    background: url(../../images/logo-sidebar.png) center no-repeat;
    background-size: 90%;
}

.logo-mob{
	float: left;
	margin-top: 20px;
	padding: 10px 40px 10px;
	background: url(../../images/logo-sidebar.png) center no-repeat;
	background-size: 90%;

}
.side-nav li > a{
	color: #ffffff;
	height: 35px;
	line-height: 35px;
    text-transform: uppercase;
    padding: 0 20px;
}
.side-nav li > a{
    height: auto;
    line-height: 1.5em;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.side-nav li >a:hover{
border-bottom: #fff solid 1px;
}

.side-nav .buildingView{
    padding: 140px 0 35px; /* t, r-l, b */
    margin-bottom: 4px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;


}

.buildingView .cur{
	font-family: "Futura-Medium", Arial, Helvetica, sans-serif;
}


.building1{
	background: url(../../images/sidebar/1.jpg) top no-repeat;
	background-size: 100%;
}
.building2{
	background: url(../../images/sidebar/2.jpg) top no-repeat;
	background-size: 100%;
}
.building3{
	background: url(../../images/sidebar/3.jpg) top no-repeat;
	background-size: 100%;
}


@media only screen and (min-width: 1127px) {
.btn-flat{
	text-transform: uppercase;
     font-weight: bold;
	border: 1px solid #eee;
	font-size: 14px;
	padding: 0 1.5rem;
}
}
@media only screen and (max-width: 1127px) {
.btn-flat{
    text-transform: uppercase;
    font-weight: bold;
	border: 1px solid #eee;
	font-size: 14px;
	padding: 0 0.5rem;
}
}


.btn-active{
	background: #eee !important;
}

@media only screen and (min-width: 992px) {
nav{
	padding-left: 20px;
}

}
@media only screen and (max-width: 992px) {
.col{
	margin-bottom: 20px;
}
}



.reports-button{

float: right;
margin-top: 8px;
margin-right: 10px;
}

.dropdown-content li a{
font-size: 10px;

}

.nav-wrapper{

width: 100%;

}

@media only screen and (min-width: 992px) {
.icon-available{
	background: url(../../images/icon-tick.png) top right no-repeat;
	background-size: 50px 50px;

}
.icon-offer{
	background: url(../../images/icon-thumb.png) top right no-repeat;
	background-size: 50px 50px;

}
.icon-contract{
	background: url(../../images/icon-contract.png) top right no-repeat;
	background-size: 50px 50px;

}
.icon-exchange{
	background: url(../../images/icon-exchange.png) top right no-repeat;
	background-size: 50px 40px;

}
}

.copyr {
    position: fixed;
    bottom: 10px;
    left: 10px;
    font-size: 10px;
    z-index: 2000;
    text-shadow: -1px -1px 2px rgba(255, 255, 255, 1)
}

.agentimg{
	width: 100%;
	height: 100px;
	display:block;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

/*  pie */


.pie-charts .pie-chart-item {
    position: relative;
}


.pie-charts .pie-chart-item-container .panel {
    height: 114px;
}
.box-tiles .box-item-container .panel {
    height: auto;
}


 @media only screen and (min-width: 1325px){ 
.pie-charts .pie-chart-item-container{
    width: 25%;
}
.box-tiles .box-item-container{
    width: 25%;
}
}


@media only screen and (min-width: 700px) and (max-width: 1325px){
.pie-charts .pie-chart-item-container {
    width: 50%;
}
.box-tiles .box-item-container{
    width: 50%;
}
}

/* @screen and (max-width: 700px) */
@media only screen and (max-width: 700px){

.pie-charts .pie-chart-item-container {
    width: 100%;
}
.box-tiles .box-item-container{
    width: 100%;
}
}



.pie-charts .pie-chart-item-container {
    position: relative;
    padding: 0 10px;
    float: left;
    box-sizing: border-box;
}

.box-tiles .box-item-container {
    position: relative;
    padding: 0 10px;
    float: left;
    box-sizing: border-box;
}

.pie-charts .chart {
    position: relative;
    display: block;
    width: 84px;
    height: 84px;
    text-align: center;
    float: left;
}


.i-available {
    background: url(../../images/icon-tick.svg) center no-repeat;
    background-size: 36px 36px;
}

.i-offer {
    background: url(../../images/icon-thumb.svg) center no-repeat;
    background-size: 36px 36px;
}

.i-contract {
    background: url(../../images/icon-contract.svg) center no-repeat;
    background-size: 36px 36px;
}

.i-exchange {
    background: url(../../images/icon-exchange.svg) center no-repeat;
    background-size: 36px 36px;
}


.i-available, .i-offer, .i-contract, .i-exchange {
    display: inline-block;
    vertical-align: middle;
    width: 50px;
    height: 60px;
}


.pie-charts .pie-chart-item .chart-icon {
    position: absolute;
    right: 0;
    top: 3px;
    /* z-index:1; */
}



*, *::after, *::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


@media only screen and (min-width: 1325px) and (max-width: 1650) {
.pie-charts .chart-icon {
    display: none;
}
}

@media only screen and (min-width: 700px) and (max-width: 830px) {
.pie-charts .chart-icon {
    display: none;
}
}


@media only screen and (max-width: 400px) {
.pie-charts .chart-icon {
    display: none;
}
}

.pie-charts .percent {
    display: inline-block;
    line-height: 84px;
    z-index: 2;
    font-size: 16px;
    position: relative;
    top: -80px;
}
.pie-charts .chart {
    text-align: center;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}


.pie-charts .description {
    display: inline-block;
    padding: 20px 0 0 20px;
    font-size: 18px;
    opacity: .9;
}


.pie-charts .description .description-stats {
    padding-top: 8px;
    font-size: 20px;
}


.pie-charts .chart {
    position: relative;
    display: inline-block;
    width: 84px;
    height: 84px;
    text-align: center;
    float: left;
}

.pie-charts .pie-chart-item {
    position: relative;
}

.panel > .panel-body {
    padding: 15px 22px;
    height: 100%;
}

.pie-charts .pie-chart-item-container .panel {
    height: 114px;
}

.pie-charts .box-item-container .panel {
    height: 200px;
}

.panel{
    background-color: #fff;
    border: none;
    border-radius: 5px;
    position: relative;
    margin-bottom: 24px;
}

.panel > .panel-body {
    padding: 15px 22px;
    height: 100%;
}

.panel-body {
    padding: 15px;
}


.panel.animated {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

.pie-charts .description {
    display: inline-block;
    padding: 20px 0 0 20px;
    font-size: 18px;
    opacity: .9;
}

.pie-charts .description {
    font-size: 12px;
}

/* customs to table */

@media only screen and (min-width: 978px) {
    .tbl-details{
        width: 70%;
    }

    .tbl-unitname{
        width: 30%;
    }
    .tbl-financial{
        width: 33.3%;
    }
    .tbl-col{
        width: 10%;
    }

}

@media only screen and (min-width: 978px) {
    .salesdetails th, 
    .salesdetails td{
        width: 20%;
    }
}

/*  Timeline  view */

.cd-timeline-block:nth-child(4n+1) .dot-icon{
    background: #085763;
}

.cd-timeline-block:nth-child(4n+2) .dot-icon{
    background: #1db4aa;
}

.cd-timeline-block:nth-child(4n+3) .dot-icon{
    background: #b2d794;
}

.cd-timeline-block:nth-child(4n) .dot-icon{
    background: #128677;
}


.dot-icon {
    text-align: center;
    margin: 0 auto;
    width: 54px;
    height: 54px;
    border-radius: 30px;
}

@media only screen and (max-width: 1170px) {
    .dot-icon {
        width: 42px;
        height: 42px;
    }
}

@media only screen and (min-width: 1170px) {
    .cd-timeline-content .cd-date { 
        position: absolute;
        width: 100%;
        left: 137%;
        top: 6px;
        font-size: 16px;
    }
}

.cd-date{float:left;padding:.8em 0;opacity:.7;font-family: "Futura-Medium", Arial, Helvetica, sans-serif;}
@media only screen and (min-width: 1170px) {
.cd-date{position:absolute;width:100%;left:137%;top:6px;font-size:16px;font-family: "Futura-Medium", Arial, Helvetica, sans-serif;
}
}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:137%;text-align:right}
.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{font-size:13px;display:inline-block}

#cd-timeline{margin-top:15px;position:relative; padding-bottom: 40px}
#cd-timeline:before{content:'';position:absolute;top:0;left:18px;height:100%;width:4px;background:#d8dee2}
.cd-timeline-block:after,.cd-timeline-content:after{content:"";display:table;clear:both}
.cd-timeline-block{position:relative;margin:2em 0}
.cd-timeline-block:first-child{margin-top:0}
.cd-timeline-block:last-child{margin-bottom:0}
.cd-timeline-img{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%}
@media only screen and (min-width:1170px){
	.cd-timeline-img{width:60px;height:60px;left:50%;margin-left:-30px;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
	.cd-timeline-img.is-hidden{visibility:hidden}
    .cd-timeline-img.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}
}
@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);
	transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}

@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);
	transform:scale(1.2)}100%{-webkit-transform:scale(1);transform:scale(1)}}

.cd-timeline-content ul li{
    list-style-type: disc;
    margin-left: 40px;

}
.cd-timeline-content ol li{
}
.cd-timeline-content{position:relative;margin-left:60px;background:#ffffff;padding:1em;border-radius:5px}
.cd-timeline-content h2{color:#303e49;margin:0;font-size:18px}
.cd-timeline-content .cd-date,.cd-timeline-content .cd-read-more{font-size:13px;display:inline-block}
.cd-timeline-content p{margin-bottom:0}
.cd-timeline-content .cd-read-more{float:right;padding:.8em 1em;background:#acb7c0;color:#fff;border-radius:.25em}
.cd-timeline-content .cd-date{float:left;padding:.8em 0;opacity:.7}
.cd-timeline-content:before{content:'';position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right:7px solid #fff}
.cd-timeline-content.warning{background:rgba(223,184,28,.2)}
.cd-timeline-content.danger{background:rgba(232,86,86,.2)}
.cd-timeline-content.primary{background:rgba(32,158,145,.2)}
.no-touch .cd-timeline-content .cd-read-more:hover{background-color:#d6d6d6}@media only screen and (min-width:1170px){#cd-timeline::before{left:50%;margin-left:-2px}
.cd-timeline-block{margin:4em 0}
.cd-timeline-block:first-child{margin-top:0}
.cd-timeline-block:last-child{margin-bottom:0}
.cd-timeline-content{margin-left:0;padding:1.6em;width:42%}
.cd-timeline-content::before{top:24px;left:100%;border-color:transparent transparent transparent #fff}
.cd-timeline-content .cd-read-more{float:left}
.cd-timeline-block:nth-child(even) .cd-timeline-content,.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more{float:right}
.cd-timeline-content .cd-date{position:absolute;width:100%;left:137%;top:6px;font-size:16px}.cd-timeline-content.warning:before{border-left-color:rgba(223,184,28,.2)}
.cd-timeline-content.danger:before{border-left-color:rgba(232,86,86,.2)}
.cd-timeline-content.primary:before{border-left-color:rgba(32,158,145,.2)}
.cd-timeline-block:nth-child(even) .cd-timeline-content::before{top:24px;left:auto;right:100%;border-color:transparent #fff transparent transparent}
.cd-timeline-block:nth-child(even) .cd-timeline-content.cd-timeline-content.warning::before{border-right-color:rgba(223,184,28,.2)}
.cd-timeline-block:nth-child(even) .cd-timeline-content.cd-timeline-content.danger::before{border-right-color:rgba(232,86,86,.2)}
.cd-timeline-block:nth-child(even) .cd-timeline-content.cd-timeline-content.primary::before{border-right-color:rgba(32,158,145,.2)}
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date{left:auto;right:137%;text-align:right}
.cd-timeline-content.is-hidden{visibility:hidden}
.cd-timeline-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}
.cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}
@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);
	transform:translateX(20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
	@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);
		transform:translateX(20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);
	transform:translateX(-20px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}
60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}
100%{-webkit-transform:translateX(0);transform:translateX(0)}}input.task-todo{margin-bottom:8px}
ul.todo-list{margin:0;padding:0}
ul.todo-list li{margin:0 0 -1px;padding:12px;list-style:none;position:relative;border:1px solid #cbcbcb;cursor:-webkit-grab;cursor:grab;height:42px}
ul.todo-list li i.remove-todo{position:absolute;cursor:pointer;top:0;right:12px;font-size:32px;-webkit-transition:color .2s;transition:color .2s;color:rgba(203,203,203,.5);visibility:hidden;line-height:42px}
ul.todo-list li i.remove-todo:hover{color:#cbcbcb}
ul.todo-list li:hover i.remove-todo{visibility:visible}
ul.todo-list li.checked .todo-text{color:#666}
ul.todo-list li.checked:before{background:#cbcbcb!important}
ul.todo-list li i.mark{display:block;position:absolute;top:-1px;left:-1px;height:42px;min-width:4px;background:#cbcbcb;cursor:pointer;-webkit-transition:min-width .3s ease-out;transition:min-width .3s ease-out}
ul.todo-list li.active i.mark{min-width:40px}
ul.todo-list li.active label.todo-checkbox>span:before{color:#fff;content:'\f10c';margin-right:20px;-webkit-transition:margin-right .1s ease-out;transition:margin-right .1s ease-out;-webkit-transition-delay:.2s;transition-delay:.2s;float:none}
ul.todo-list li.active label.todo-checkbox>input:checked+span:before{content:'\f00c'}
label.todo-checkbox{width:100%;padding-right:25px;min-height:16px;cursor:pointer}
label.todo-checkbox>span{white-space:nowrap;height:16px}
label.todo-checkbox>span:before{border:none;color:#949494;-webkit-transition:all .15s ease-out;transition:all .15s ease-out}
.add-item-icon{display:none}.task-todo-container.transparent .todo-panel.panel{color:#fff;opacity:.9}
.task-todo-container.transparent input.task-todo{color:#fff;width:calc(100% - 25px);border-radius:0;border:none;background:0 0}
.task-todo-container.transparent input.task-todo:focus{outline:0;background-color:transparent;border-bottom:1px solid rgba(0,0,0,.12);box-shadow:0 1px 0 0 rgba(255,255,255,.12)}

.chart-legend ul{
    padding-top: 10px;
}

.chart-legend li{
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
    background: none;
    padding-top:5px;

}
.chart-legend li span{
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 15px;
    border-radius: 25px;
    float: left;
}

.toolover{
    background: #000;
    color: #fff;
    
}

@media only screen and (min-width: 978px) {
.exchanged{
  /*  min-height: 290px!important; */
    padding: 23% 0;
}
}

.mapholder{
    overflow: hidden;
}

.switch{
    padding-bottom: 20px;
}
.switch p {
    display: inline;
    padding-left: 20px;
    font-family: "Futura-Medium", Arial, Helvetica, sans-serif;
    font-size: 18px;
}

#preloader-wrapper {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: #ffffff;
}

.preloader-wrapper{
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 55%;
}

#calendar {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 0;
}

.fc-day:hover{
    background: #f5f5f5;
    -webkit-box-shadow: 0px 0px 47px -11px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 47px -11px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 47px -11px rgba(0,0,0,0.75);
}

thead .fc-head-container{
    background: #eee;
    color: #aeaeae;
    padding-top: 3px !important;
}

.fc-day-number {
    margin-right:5px;
    margin-top:5px;
}

.fc-toolbar{

    background: #2eb1aa;
    padding-top: 15px;
    padding-bottom: 10px;
    color: #fff;
    margin-bottom: 0 !important;
}

.fc-center{
    padding-top:12px;
}

@media only screen and (min-width: 968px) {
.blockcontent{
    margin: 0 auto;
    width: 1130px;
    padding: 40px 10px;
}
}


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

.blockcontent{
    margin: 0 auto;
    width: 100%;
    padding: 1% 2%;
}
}

footer{
    clear: left;
}
.footcontent *{
    color: #fff !important;
    text-transform: uppercase;
    font-size: 12px;
}
.footcontent li{
    margin-bottom: 10px;
}
.footcontent{
    margin-bottom: 0 !important;
    padding-bottom: 0;
}
@media only screen and (min-width: 968px) {
.foot-right{
    margin-top: -42px;
    /* width: 50% !important;
    display: block;
    float: right !important; */
}
.footcontent{
    margin-bottom: 0 !important;
    padding-bottom: 35px;
}
}

@media only screen and (max-width: 968px) {
.foot-right{
   text-align: left;
}
}

.bg-menu-bt{
    background-image: url(../../images/bg-menu.jpg);
}
.bg-whats-bt{
    background-image: url(../../images/bg-whats.jpg);
}
.bg-accom-bt{
    background-image: url(../../images/bg-accom.jpg);
}
.bg-live-bt{
    background-image: url(../../images/bg-live.jpg);
}
.bg-contact-bt{
    background-image: url(../../images/bg-contact.jpg);
}

.bg-room1-bt{
    background-image: url(../../images/bg-room1.jpg);
}
.bg-room2-bt{
    background-image: url(../../images/bg-room2.jpg);
}
.bg-room3-bt{
    background-image: url(../../images/bg-room3.jpg);
}
.bg-room4-bt{
    background-image: url(../../images/bg-room4.jpg);
}
.bg-room5-bt{
    background-image: url(../../images/bg-room5.jpg);
}
.bg-room6-bt{
    background-image: url(../../images/bg-room6.jpg);
}


.square-box{
    position: relative;
    width: 31.3%;
    overflow: hidden;
    float: left;
    margin: 0 1%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-bottom: 0;
}

.square-box:before{
    content: "";
    display: block;
    padding-top: 100%;
}
.square-content, .square-content2{
    position:  absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    color: white;
}
.square-content div{
   display: table;
   width: 100%;
   height: 100%;
}

 .square-content2 div {
   display: table;
   width: 90%;
   height: 20%;
   margin: 40% auto;
}

.square-content span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: white;
    font-size: 16px; 
    font-size: 1.3rem;
    text-transform: uppercase;
    background: rgba(20,0,20,0.35);
}

.square-content2 span {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-size: 12px; 
    font-size: 1vw;
    text-transform: uppercase;
    background-color: rgba(255,255,255, 0.8)
}

.whatsimg, .bistroimg{
width:48%;
float: left;
margin: 1%;
}
.eventimg{
display: block;
width:48%;
margin: 0 auto;
margin-bottom: 30px;
}

/* .bistroimg{
width:68%;
max-width: 1000px;
float: none;
margin: 1%;
} */

.tabcon a{
text-decoration: none !important;
border-bottom: none !important;
    }

#map-canvas{background:none;clear:left}

/***********************
7-Form
***********************/

input, textarea{  
border-bottom: 0 !important;
}
input{
  height: 25px !important;
}
.input-field label:not(.label-icon).active {
  font-size: 0.6rem;
  -webkit-transform: translateY(-30%);
          transform: translateY(-30%);
}

label{
    padding: 0px 10px 0 10px  !important;
    color: #163257 !important;
}
.captcha{
     padding: 0 !important;

    margin: 2% 2%;
    width: 100% !important;
    box-sizing: border-box !important;

}

  .input-field{
    padding: 20px 10px 0 10px  !important;
    background-color: #fff;
    margin: 10px;
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #000;
  }

textarea.materialize-textarea{
    padding: 5px 0;
    margin-bottom: 0;

}

.tab a{
    border-bottom: 0 !important;
    color: #000 !important;
}

.tabs{
background: #fff;
border: 1px solid #000;

}

.tab .active, .tab a:hover{
background: #000 !important;
    color: #fff !important;
    }

.tabcon{
padding-top: 20px !important;

}
 .tabs .indicator {
    background-color:#000;
} 


/* FRANKIES ROOFTOP BAR MENU */
.social-link-wrapper a {
    text-decoration: none;
    border-bottom: none;
    font-size: 1.6rem;
    padding: 0 5px;
}

.checklabel{
    margin-left: 10px;
    padding-left: 20px;

}

.tabs .col.s1{
    width: auto;
    float: none;
}

.social-wrapper{
    background-image: url(../../images/home4.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px 0 50px 0;
}

.social-wrapper-fr{
    background-image: url(../../images/frankies1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 100px 0;
}


/* Lakes */
.float-left {
    float: left;
}
.pt80{
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}
.pt160{
    padding-top: 160px !important;
    padding-bottom: 120px !important;
}
@media screen and (max-width: 992px){
    .pt80{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .pt160{
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
}
.mb-0{
    margin-bottom: 0;
}

.home-img-wrapper {
    position: relative;
    max-width: 450px;
    margin: 0 auto;
}
.home-img-wrapper img:nth-of-type(1){
    width: 75%;
    margin-top: 2.1rem;
}
.home-img-wrapper img:nth-of-type(2){
    width: 50%;
    position: absolute;
    top: -40px;
    left: 50%;
}
@media only screen and (max-width: 992px){
    .home-img-wrapper img:nth-of-type(2){
        top: -0;
    }
}

/* .hoverable:hover, */
.shadowed {
    -webkit-box-shadow: 9px 9px 4px -3px rgba(0,0,0,0.4);
    box-shadow: 9px 9px 4px -3px rgba(0, 0, 0, 0.4);
}

.col h1,
.col h2,
.social-wrapper .jumbo-social h2,
.social-wrapper .jumbo-social h3{
    font-size: 2.5rem;
}


.square-box.rectangle-tall:before{
    content: "";
    display: block;
    padding-top: 150%;
}
.square-box.rectangle-tall {
    background-size: cover;
}

@media only screen and (min-width: 993px){
    .parallax-container {
        height: 600px;
    }
    .parallax-container.home-social-wrapper {
        height: 700px;
    }
}

.img-fluid{
    max-width: 100%;
}

.bg-primary{
    background-color: #3A3C4E;
}

.footcontent a,
.side-nav li > a{
    border-bottom: solid 1px rgba(0,0,0,0);
}

.blockcontent{
    max-width: 100%;
}
.parallax-overlay-wrapper{
    background-size: cover;
    background-position: center bottom;
}

.parallax-overlay-wrapper .jumbo{
    width: 75%;
    height: 75%;
    max-width: 1330px;
    padding: 26px 82px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    box-sizing: border-box;
}
@media only screen and (max-width: 993px) {
    .parallax-overlay-wrapper .jumbo{
        padding: 26px 26px;
    }
}

@media only screen and (max-width: 768px){
    .square-box {
        width: 66%;
        max-width: 250px;
        margin: 10px auto;
        float: none;
        display: block;
    }
}
.uppercase{
    text-transform: uppercase;
}

.bgapp-wrapper {
    position: relative;
    padding-top: 100%;
}
@media only screen and (min-width: 600px){
    .bgapp {
        max-width: 100%;
        padding-top: 150%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
}
.app-wrapper{
    overflow: hidden;
}

.bg-primary-transparent {
    background-color: rgba(58, 60, 78, .85);
}


/* Inner */

.fullwid2 {
    display: none;
}

.black-btn{
    background-color: #8E95AA;
}

.clearfix{
    clear: both;
}


/* Link Images */
.bg-accommodation-bt{
    background-image: url(../../images/links/accommodation.jpg);
}
.bg-bistro-bt{
    background-image: url(../../images/links/bistro.jpg);
}
.bg-bistro-specials-bt{
    background-image: url(../../images/links/bistro-specials.jpg);
}
.bg-bottle-shop-bt{
    background-image: url(../../images/links/bottle-shop.jpg);
}
.bg-contact-bt{
    background-image: url(../../images/links/contact.jpg);
}
.bg-entertainment-bt{
    background-image: url(../../images/links/entertainment.jpg);
}
.bg-whats-on-bt{
    background-image: url(../../images/links/whats-on.jpg);
}



.page-home .bg-home{
    background-image: url('../../images/banners/home.jpg');
}
.page-home .social-wrapper{
    background-image: url('../../images/banners/home-2.jpg');
}

.page-accomm .bg-accom{
    background-image: url('../../images/banners/accomm.jpg');
}
.page-accomm .parallax-overlay-wrapper{
    background-image: url('../../images/banners/accomm-2.jpg');
}

.page-bistro .bg-bistro{
    background-image: url('../../images/banners/bistro.jpg');
}
.page-bistro .parallax-overlay-wrapper{
    background-image: url('../../images/banners/bistro-2.jpg');
}

.page-bottleshop .bg-bottleshop{
    background-image: url('../../images/banners/bottleshop.jpg');
}
.page-bottleshop .parallax-overlay-wrapper{
    background-image: url('../../images/banners/bottleshop-2.jpg');
}

.page-whatson .bg-whatson{
    background-image: url('../../images/banners/whatson.jpg');
}
.page-whatson .parallax-overlay-wrapper{
    background-image: url('../../images/banners/whatson-2.jpg');
}

.page-bistrospecials .bg-bistrospecials{
    background-image: url('../../images/banners/bistrospecials.jpg');
}
.page-bistrospecials .parallax-overlay-wrapper{
    background-image: url('../../images/banners/bistrospecials-2.jpg');
}

.page-entertainment .bg-entertainment{
    background-image: url('../../images/banners/entertainment.jpg');
}
.page-entertainment .parallax-overlay-wrapper{
    background-image: url('../../images/banners/entertainment-2.jpg');
}

.page-contact .bg-contact{
    background-image: url('../../images/banners/contact.jpg');
}






/*contact form*/
.input-field {
    padding: 15px 10px 0 10px !important;
    background-color: #fff;
    margin: 10px;
    width: 100% !important;
    box-sizing: border-box !important;
    border: 1px solid #000;
}
.input-field input{
    margin-bottom: 10px !important;
}
.btn-submit {
    padding: 26px;
    margin: 0 5px;
}

.tabs {
    border: none;
    border-top: solid 1px #D6D6D6;
    overflow: hidden;
}
.tabs .tab a{
    border-left: solid 1px #D6D6D6;
    border-bottom: solid 2px #D6D6D6 !important;
    border-radius: 0;
}
.tabs li.tab:nth-last-of-type(2) a{
    border-right: solid 1px #D6D6D6;
}
.tab .active, .tab a:hover {
    background: none !important;
    color: #000 !important;
}
.tabs .indicator {
    background-color: #fff;
    margin-left: 2px;
    margin-right: -1px;
}

.tabcon {
    border: solid 1px #d6d6d6;
    border-top: none;
    border-radius: 0;
}


/*Menu*/
ul#slide-out, .bg-transparent {
    background-color: rgba(58, 60, 78, .6) !important;
}


/*typographu*/
h1, h2{
    text-transform: uppercase;
}


/* Fixes */
main{
    overflow: hidden;
}


@media only screen and (min-width: 1127px){
    .tab-wrappers .tabcon {
        padding: 20px 15%;
    }
}

@media only screen and (max-width: 768px){
    .whatsimg, .bistroimg {
        width: 98%;
    }
}

ul#slide-out li a {
    transition: all 0.25s ease;
}