/* Existing shared styles kept for the older internal PHP page layouts. */
.ion-close-round:before,.ion-navicon-round:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ion-close-round:before{content:"\f129";}
.ion-navicon-round:before{content:"\f20d";}
@font-face{font-display: fallback;font-family:'Libre Baskerville';font-style:normal;font-weight:400;src:local('Libre Baskerville'), local('LibreBaskerville-Regular'), url(https://fonts.gstatic.com/s/librebaskerville/v5/kmKnZrc3Hgbbcjq75U4uslyuy4kn0qNZaxM.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-display: fallback;font-family:"Ionicons";src:url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("https://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal;}
div#map {
    width: 100%;
    height: 300px;overflow: hidden;
}.phone1, .phone2, .phon0 {
    text-shadow: 1px 1px 1px black;    
}
.phone1 img, .phone2 img, .phone0 img{position:relative}
.ins {color:#3f75a5}

	img.rs {font-size:22px;
    max-width:100%;
}
h1 {
    font-size: 27px;
}ul.mobimenu.inrwrpr {
    background-color: #252b2f!important;
}
a.ft {
    font-weight: 800;
    font-size: 16px;
}
.clear:after{clear:both}

html {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

*, *:before, *:after { box-sizing: inherit; }

.cf:before, .cf:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.cf:after { clear: both; }
.cf { *zoom: 1;
}

a.telephone {color:black;}

.ctc {
    text-decoration: none;
    font-size: 15px;
}

.phone1 a, .phone2 a {
    text-decoration: none; color:white;
}

.phone1 img {
    height: 15px!important;
    position: relative;
    top: 0px;
}

iframe.google-maps {
	    width: 100%;
    min-width: 450px;
    height: 385px;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: 'Libre Baskerville', serif;
}

.smobitrigger, .mnuclose { display: none; }
header {
    background: url(https://www.leiser.co.uk/images/bglong2.jpg);
}
.logo { float: left; }
.navigation { float: right; }

.navigation nav ul {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

iframe#instagram-embed-0{
min-width:300px!important;
}

.navigation nav ul li { display: inline-block; }

.navigation nav ul li a {
  color: #fff;
  font-weight: 600;
  display: inline-block;
  text-decoration: none;
  padding: 15px 20px;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;    text-shadow: 1px 1px 1px black;
}

.navigation nav ul li a:hover {
  color: #441B0A;text-shadow:none;
}

table.index a {
    font-size: 0px;
    color: black;
}

 @media all and (min-width : 440px) {.logo img {max-width: 335px;}}

 @media all and (min-width : 1914px) {div#front2, div#front3, div#front4, div#front5, div#front6, div#front1
.contact-links {
background-size: cover;
}}
 
 @media all and (max-width : 768px) {
	 
	 h2.up, h1.up {
    margin-top: 0px;
}

.smobitrigger, .mnuclose { display: inline-block; }

.smobitrigger {
    color: #fff;
    font-size: 37px;
    line-height: 6px;
    padding: 21px 10px 0px 0px;
    font-family: arial, sans-serif;
    text-transform: uppercase;
}

.mnuclose {
  font-size: 20px;
  padding: 10px 20px;
  width: 100%;
    background: rgb(47, 53, 68);
}

.smobitrigger span, .mnuclose span {
    font-size: 8px;
    text-shadow: none;
    position: absolute;
    top: 15px;
    right: 12px;
    font-weight: bold;
}

.mnuclose span {
    display: none;
}



.navigation nav ul {
  padding-bottom: 40px;
  overflow-y: auto;
}

.navigation nav ul li, .navigation nav ul li a { width: 100%; }

.navigation nav ul li a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.navigation nav ul li a:hover { background: rgba(0, 0, 0, 0.29); }

.mobimenu {
  list-style: none;
  padding: 20px;
  margin: 0px;
  width: 210px;
  position: fixed;
  height: 100%;
  top: 0px;
  right: -250px;
}

.mnuopn { right: 0px !important; }

.ovrActv {

  width: 100%;
  height: 100%;
  z-index: 9998;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
}
}
iframe#instagram-embed-0 {
    max-width: 400px!important;
}
.phone0, .phone2 { display: none;}

.navigation nav ul li a:hover {background: white;color: black;}


@media only screen and (min-width: 1px) and (max-width: 320px) {iframe#instagram-embed-0 {max-width: 300px!important;}}

@media only screen and (min-width: 321px) and (max-width: 380px) {
	iframe#instagram-embed-0 {
    max-width: 340px!important;
}
}
@media only screen and (min-width:381px) and (max-width: 440px) {
	iframe#instagram-embed-0 {
    max-width: 380px!important;
}
}
@media only screen and (min-width: 441px) and (max-width: 480px) {
	iframe#instagram-embed-0 {
    max-width: 420px!important;
}
}

@media only screen and (min-width: 1px) and (max-width: 1169px) {.phone1 {display: none;}}
@media only screen and (min-width: 770px) and (max-width: 1170px) {.phone0, .phone2 { display: block;}
.phone0 {
    float: left;
    color: white;
    padding: 5px 0;
}
.phone2 {
    top: -92px;
    position: relative;
    color: white;
    text-align: right;
}
.logo {
    width: 330px;
    display: block;    position: relative;
    margin: 0 auto;    top: 15px;
}
}


@media only screen and (min-width: 770px) {.wrap {width: 95%;margin: 0 auto;}.mbh {
    display: none;
}
.mobileShow{
display:none;
}
}
@media only screen and (min-width: 900px) {.wrap {width: 92.5%;margin: 0 auto;}}
@media only screen and (min-width: 1000px) {.wrap {width: 90%;margin: 0 auto;}}
@media only screen and (min-width: 770px) and (max-width:1170px){.logo {
    float: none;
    text-align: center;
}.navigation {    background: #1d2023;
    border-radius: 10px 10px 0 0;
    float: none;
    text-align: center;
    opacity: 0.8;
}}

@media only screen and (max-width: 770px) {div#content {
    padding: 0px 10px;
}.logo {padding-left: 50px;}}

@media only screen and (min-width: 1170px) {
	img.rs {
    max-width: 80%;
}
	.navigation {
    position: relative;
    top: 47px;
    background: #1b2023;
    border-radius: 10px 10px 0 0;
    opacity: 0.78;
}.phone1 {
display:block;
    color: white;
    padding-top: 5px;
    margin-bottom: -25px;
    float: right;
}}

@media only screen and (min-width:770px) {.ms {display:none }}


@media only screen and (min-width:1px) and (max-width:769px){ul.mobimenu.inrwrpr.mnuopn {    background-color: rgb(59, 72, 103)!important;    min-width:100%;       font-size: 20px;}.navigation nav ul li a:hover {background: #323a46;}{padding: 7px 0px;}a.mnuclose.ion-close-round {
    text-align: right;
}ul.mobimenu.inrwrpr.mnuopn li {
text-align:center;
    padding-top: 12px;
}div#mbh {
    display: contents;
}
.ms {
    height: 63px;
}
a.ft {
    font-size: 15px;
}
h1.up, h2.up {
    font-size: 30px!important;
}header.cf {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 100%;
    border-bottom: 1px solid #121c25;
}
}

a#white {
    color: white;
    font-weight: bold;
}

@media only screen and (min-width:480px) and (max-width: 770px) {.ms {height:93px }}

@media only screen and (min-width:1050px) and (max-width:5000px){
table.contact, table.main {
    max-width: 1000px;
}}
@media only screen and (min-width:1px) and (max-width:479px){.logo img {
max-width: 220px;
    margin-left: -25px;
    padding-top: 3px;
}}

.footer {
    width: 100%;
    background: #295267;
    color: white;
    padding: 20px;
    text-align: center;font-size:13px;
}

.map {
    width: 100%;
    padding: 0px;
	margin:0px;
}

.footer a {
    text-decoration:underline;color:white;
}


img.gr:hover {
    filter:brightness(1.5);
}

table.index {
    width: 100%;
    background: url(https://www.leiser.co.uk/images/bgs.png);
}

table.index img {
    margin: 5px 5px 0 5px;
    border: 1px solid black;
}
div#content {
    line-height: 1.6em;
}
h1, h2 {
    line-height: 1.2em;color:#2b2b2b;
}iframe#instagram-embed-0 {
    margin: 0 auto!important;
}

table.index {
    padding-bottom: 5px;
}

 @media all and (min-width : 1171px) and (max-width : 1235px) {
.navigation {
    margin-right: -57px;
}
}  

  @media all and (min-width : 480px) and (max-width : 768px) {
	
	.smobitrigger {
    padding: 29px 10px 0px 0px;
}  


.smobitrigger span, .mnuclose span {
    font-size: 9px;
    top: 23px;
    right: 11px;
}
  }
  
  .ctc2 {
    color: #d3d7e0;
    font-size: 14px;
    padding-top: 5px;
    font-weight: bold;
}img.lm {
    max-width: 100%;
    background: #2f3544;
    padding: 0% 12.5% 15px 12.5%;
    position: relative;
    top: -10px;
    border-bottom: 2px solid #22252b;
}

@media all and (min-width: 770px) and (max-width: 820px) {
.navigation nav ul li a {
    padding: 15px 14px;!important
}}

.wap {margin-top:-1px;
}