/* CSS Document */

@font-face {
  font-family: 'Please-write-me-a-song';
    src:  url('../fonts/Please-write-me-a-song.ttf.woff') format('woff'),
    url('../fonts/Please-write-me-a-song.ttf.svg') format('svg'),
    url('../fonts/Please-write-me-a-song.ttf.eot'),
    url('http://pizzeriapellone.co.uk/fonts/Please-write-me-a-song.eot#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

body {
  background: #f5f5f5;
  font-family: 'Please-write-me-a-song',sans-serif;
  color:#323232;
  line-height: 22px;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	font-size:13px;
}

.container{
  max-width: none !important;
  width:1170px;
}

.justify{text-align:justify;}

a {
  color: #181415;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #000000;
}

h1{font-family: 'Please-write-me-a-song', sans-serif; font-weight:bold; margin-top:0; padding-top:0;}
h2{font-family: 'Please-write-me-a-song', sans-serif; font-weight:bolder; margin-top:0; padding-top:0; text-align:center}

header{background:#ffffff; border-bottom:1px solid #eaeaea; padding:35px 0;}
section{padding:60px 0;}

.logo{background:url(../images/logo.jpg) left no-repeat; background-size:168px auto; height:121px;}
.social{text-align:right; margin-top:10px;}
.social .btn{margin-right: 10px; font-weight: bold; font-size: 14px;}
.social i{background:#333333; padding:8px 10px; color:#ffffff; display: inline-block;}
.social i:hover{background:#000000;}
.social .top{float:right; margin-left:3px;}

nav{font-family: 'Please-write-me-a-song', sans-serif; font-size:25px; text-align:right; float:right; clear:both; margin-top:40px; font-weight:bold; letter-spacing: 0.03em; color:#979797}
nav > .active > a, nav > .active > a:hover, nav > .active > a:focus{text-decoration:underline;}

.banner{
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.62);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.62);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.62);
	background:#ffffff;
	padding:5px;	
}
.banner img{width:100%;}
.banner1{
	width:400px; float:left; margin-right:30px; margin-bottom:20px;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.62);
	-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.62);
	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.62);
	background:#ffffff;
	padding:5px;
}

.main{padding-left:35px; font-weight:400; letter-spacing: 0.03em; font-size:22px; line-height:28px;}

.tab{background:#ffffff; border-bottom:1px solid #eaeaea; border-top:1px solid #eaeaea; text-align:center; letter-spacing: 0.03em; font-size:22px; line-height:28px;}
.tab .phone{font-size:36px; line-height:45px;}
.tab h2{font-family: 'Please-write-me-a-song', sans-serif; font-size:50px; padding:0; margin:0; font-weight:bold; margin-top:15px;}
.tab .add{padding-top:10px;}

footer{letter-spacing: 0.03em; font-size:21px; line-height:28px; padding:20px;}
.powered{text-align:right;}

.table{background:#ffffff; margin-bottom:30px;}


button{letter-spacing: 0.03em; font-size:22px !important; line-height:28px;}

.reserveTable{width: 314px; border-radius: 0; background: none; position:relative; margin:5% auto;}
.modal-content{position:relative;}
.modal-content .btn-close{position:absolute; right:-12px; top:-12px; z-index:9999; background:#ccc; color:#000; width:25px; height:25px; text-align: center; line-height:25px; border-radius:50%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -chrome-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out}
.modal-content .btn-close:hover{background:#555; color:#fff; cursor:pointer; }
.reserveTable iframe{border: 1px solid #C0C0C0;}
.reserveTable .modal-body{padding: 0; margin: 0;}