/*
Theme Name: Puro Restaurant
Theme URI: http://www.puro.ae
Description: Puro Restaurant Custom Bulit Theme
Author: Faisal Riaz
Author URI: http://www.facebook.com/RealFaisalRiazKhan
*/

*{
margin-top:5px;
padding: 0;
}

html{
height: 100%;
}

.no-gutter > [class*='col-'] {
padding-right:0;
padding-left:0;
}


@font-face {
font-family: 'gotham_boldregular';
src: url('fonts/gotham-bold-webfont.woff2') format('woff2'),
url('fonts/gotham-bold-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gotham_lightregular';
src: url('fonts/gotham-light-webfont.woff2') format('woff2'),
url('fonts/gotham-light-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'gotham_mediumregular';
src: url('fonts/gotham-medium-webfont.woff2') format('woff2'),
url('fonts/gotham-medium-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}



body{
font-family: 'gotham_lightregular' !important;
}

p, h1, h2, h3, h4, h5, a, strong {
font-family: 'gotham_lightregular' !important;
}

h1 {display: none;}
.home-gallery {min-height: 18.75rem;}

.topbarpe{
background:#000;
color: #fff;
padding: 15px 0 15px 0;
}

.topbarpe h2{
font-size: 15px;
margin-top: 0;
margin-bottom: 0;
}

.topbarpe a{
background: transparent;
border: 1px solid #5e6367;
color: #fff;
text-transform: uppercase;
padding: 5px;
border-radius: 30px;
padding-left:30px;
padding-right:30px;
font-size: 12px;
}

.topbar{
padding-top: 5px;
}

.topbar .borderbottom{
border-bottom: 1px solid #d1d1ce;
padding-bottom: 5px;
}

.topbar .rhs{
text-align: right;
}

.topbar .glyphicon{
color: #5e6367;
}

.topbar i span{
font-family: 'gotham_lightregular';
color: #5e6367;
text-align: left;
padding-left:8px;
vertical-align: top !important;
}

.topbar i{
margin-right:15px;
margin-top: 10px;
}

.topbar svg{
width: 28px;
height: 28px;
}

.topbar .insta{
-webkit-transition: fill 0.5s ease-out;
-moz-transition: fill 0.5s ease-out;
-o-transition: fill 0.5s ease-out;
transition: fill 0.5s ease-out;
text-decoration: none;
}

.topbar .insta:hover{
fill: #000000;
-webkit-transition: fill 0.2s ease-out;
-moz-transition: fill 0.2s ease-out;
-o-transition: fill 0.2s ease-out;
transition: fill 0.2s ease-out;
text-decoration: none;
}

.topbar .fb{
-webkit-transition: fill 0.5s ease-out;
-moz-transition: fill 0.5s ease-out;
-o-transition: fill 0.5s ease-out;
transition: fill 0.5s ease-out;
text-decoration: none;
}

.topbar .fb:hover{
fill: #000000;
-webkit-transition: fill 0.2s ease-out;
-moz-transition: fill 0.2s ease-out;
-o-transition: fill 0.2s ease-out;
transition: fill 0.2s ease-out;
text-decoration: none;
}

.topbar .ta{
-webkit-transition: fill 0.5s ease-out;
-moz-transition: fill 0.5s ease-out;
-o-transition: fill 0.5s ease-out;
transition: fill 0.5s ease-out;
text-decoration: none;
}

.topbar .ta:hover{
fill: #000000;
-webkit-transition: fill 0.2s ease-out;
-moz-transition: fill 0.2s ease-out;
-o-transition: fill 0.2s ease-out;
transition: fill 0.2s ease-out;
text-decoration: none;
}

.topbar .fs{
-webkit-transition: fill 0.5s ease-out;
-moz-transition: fill 0.5s ease-out;
-o-transition: fill 0.5s ease-out;
transition: fill 0.5s ease-out;
text-decoration: none;
}

.topbar .fs:hover{
fill: #000000;
-webkit-transition: fill 0.2s ease-out;
-moz-transition: fill 0.2s ease-out;
-o-transition: fill 0.2s ease-out;
transition: fill 0.2s ease-out;
text-decoration: none;
}

.topbar .zm{
-webkit-transition: fill 0.5s ease-out;
-moz-transition: fill 0.5s ease-out;
-o-transition: fill 0.5s ease-out;
transition: fill 0.5s ease-out;
text-decoration: none;
}

.topbar .zm:hover{
fill: #000000;
-webkit-transition: fill 0.2s ease-out;
-moz-transition: fill 0.2s ease-out;
-o-transition: fill 0.2s ease-out;
transition: fill 0.2s ease-out;
text-decoration: none;
}

.topbar .ot{
-webkit-transition: fill 0.5s ease-out;
-moz-transition: fill 0.5s ease-out;
-o-transition: fill 0.5s ease-out;
transition: fill 0.5s ease-out;
text-decoration: none;
}

.topbar .ot:hover{
fill: #000000;
-webkit-transition: fill 0.2s ease-out;
-moz-transition: fill 0.2s ease-out;
-o-transition: fill 0.2s ease-out;
transition: fill 0.2s ease-out;
text-decoration: none;
}

.carousel-caption{
top:25%;
left: 10%;
right: 10%;
text-align: left;
font-family: 'gotham_lightregular';
}

.carousel-caption h1{
font-size: 40px;
padding-top:0;
margin-top: 0;
margin-bottom: 0;
color: #000;
text-shadow: none;
}

.carousel-caption p{
font-size: 15px;
padding-top:0;
margin-top: 15px;
margin-bottom: 0;
color: #5e6367;
text-shadow: none;
}

.navbar-inverse{
background: #fff;
border: none;
text-transform: uppercase;
padding-top: 4px;
}

.navbar-inverse .navbar-nav > li > a{
  color: #686d6f;
  font-size:14px;
  border:none;
  font-family: 'gotham_mediumregular';
  text-transform: uppercase;
  list-style: none!important;
  border:1px solid #fff;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

.navbar-inverse .navbar-nav > li > a:hover{
  background: #fff;
  border:1px solid #000;
  color: #000;

  border-radius: 30px;
  padding-top: 4px;
  padding-bottom: 4px;
  list-style: none!important;
  margin-bottom: 10px;
}











.navbar-inverse .navbar-nav > li > a:focus{
background: #fff;
border:1px solid #5e6367;
color: #5e6367;
border-radius: 30px;
padding-top: 4px;
padding-bottom: 4px;
}

.navbar-inverse .navbar-nav > li > a:active{
background: #fff;
border:1px solid #5e6367;
color: #5e6367;
border-radius: 30px;
padding-top: 4px;
padding-bottom: 4px;
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
background: #fff;
border:1px solid #5e6367;
color: #5e6367;
border-radius: 30px;
padding-top: 4px;
padding-bottom: 4px;
}

.navbar-nav{
float: right;
margin-top: 15px;
}

.icon-bar{
background-color: #000 !important;
}

.navbar-toggle:hover{
background: #000 !important;
}

.navbar-toggle:hover .icon-bar{
background-color: #fff !important;
}

.carousel{
background: #f5f5f5!important;
}

.ourstory{
background: url(i/ourstorybg.jpg) no-repeat left #fff;
background-size: 100% auto;
padding-top:50px;
padding-bottom:50px;

}

.ourstory .rhs{
background: #000;
-webkit-box-shadow: 2px 3px 25px 2px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 3px 25px 2px #000;  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 3px 25px 2px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
padding-left: 70px;
padding-right: 70px;
padding-top:30px;
padding-bottom: 30px;
right: 25px;
}

.ourstory h1{
font-family: 'gotham_mediumregular';
color: #fff;
font-size: 35px;
}

.ourstory p{
color: #fff;
font-size: 14px;
text-align: left;
}








.ourstorype{
background: url(i/ourstorypebg.jpg) no-repeat left #fff;
background-size: 100% auto;
padding-top:50px;
padding-bottom:50px;

}

.ourstorype .rhs{
background: #000;
-webkit-box-shadow: 2px 3px 25px 2px #000;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 3px 25px 2px #000;  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 3px 25px 2px #000;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
padding-left: 70px;
padding-right: 70px;
padding-top:30px;
padding-bottom: 30px;
right: 25px;
}

.ourstorype h1{
font-family: 'gotham_mediumregular';
color: #fff;
font-size: 35px;
}

.ourstorype p{
color: #fff;
font-size: 14px;
text-align: left;
}













.filmstrip{
margin-top:80px;
}

.filmstrip img{
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari */
transform: scale(1); /* Standard syntax */
-webkit-transition: ease-in-out 0.2s; /* For Safari 3.1 to 6.0 */
transition: ease-in-out 0.2s;
}

.filmstrip img:hover{
position: relative;
z-index:999;
-ms-transform: scale(1.3); /* IE 9 */
-webkit-transform: scale(1.3); /* Safari */
transform: scale(1.3); /* Standard syntax */
-webkit-transition: ease-in-out 0.2s; /* For Safari 3.1 to 6.0 */
transition: ease-in-out 0.2s;
}

.menu{
margin-top: 20px;
}

.menu h1{
font-family: 'gotham_mediumregular';
color: #000;
font-size: 35px;
text-align: center;
}

.menu p{
color: #5e6367;
font-size: 14px;
text-align: center;
}

.nav-tabs{
text-align: center;
margin-bottom: 20px;
margin-top: 10px;
border: none;
}

.nav-tabs > li{
float: none !important;
display: inline-block!important;
list-style: none!important;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
background: #fff;
border:1px solid #000;
color: #000;
border-radius: 30px;
padding-top: 4px;
padding-bottom: 4px;
list-style: none!important;
font-weight: 700;
}

.nav-tabs > li > a{
color: #686d6f;
font-size: 14  px;
border:none;
font-family: 'gotham_mediumregular';
text-transform: uppercase;
list-style: none!important;
border:1px solid #fff;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 10px;
}

.nav-tabs > li > a:hover{
background: #fff;
border:1px solid #5e6367;
color: #5e6367;
border-radius: 30px;
padding-top: 4px;
padding-bottom: 4px;
list-style: none!important;
margin-bottom: 10px;
}

.tab-content{
padding-top:20px;
list-style: none!important;

}

.list-group-item{
border:0 !important;
border-radius: 0 !important;
padding-left: 0;
padding-right: 0;
background: none;
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}

.list-group-item h2{
font-size: 18px;
font-weight: bold;
border-top:1px solid #000;
border-bottom:1px solid #000;
padding:10px 0 10px 0;
}

.list-group-item p{
font-family: 'gotham_boldregular' !important;
font-size: 14px;
color: #000;
text-transform: uppercase;
margin-bottom: 0;
text-align: left;
}

.list-group-item .caption{
font-family: 'gotham_lightregular' !important;
font-size: 12px;
color: #5e6367;
text-transform: none;
margin-bottom: 0;
text-align: left;
margin-top:5px;
font-style: italic;
}

.list-group-item .badge{
background: none;
color: #5e6367;
font-weight: bold;
font-family: 'gotham_boldregular';
}

.list-group hr{
margin-top: 3px;
margin-bottom: 15px;
border: 0;
border-top: 1px dashed #7c2536;
}

.reservation{
background: #d1d1ce;
}

.reservation iframe{
max-height: 200px;
padding-top: 23px;
padding-bottom: 23px;
}


.pebg{
background: url(i/pebg.jpg) no-repeat;
text-align: center;
color: #fff;
padding-top: 80px;
padding-bottom: 80px;
}

.pebg h1{
font-size: 40px;
font-family: 'gotham_lightregular' !important;
color: #fff;
text-transform: uppercase;
margin-bottom: 0;
}

.pebg h2{
font-size: 20px;
font-family: 'gotham_lightregular' !important;
color: #fff;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 30px;
}

.pebg a{
background: transparent;
border: 1px solid #5e6367;
color: #fff;
text-transform: uppercase;
padding: 10px;
margin-top: 15px;
border-radius: 30px;
padding-left:30px;
padding-right:30px;
font-size: 12px;
}

.pebg a:hover{
text-decoration: none;
background: #5e6367;
}


.subscribe{
background: #d1d1ce;
padding: 50px 0 50px 0;
font-family: 'gotham_mediumregular' !important;
}

.subscribe label{
font-family: 'gotham_mediumregular' !important;
font-size: 20px;
}

.subscribe input[type=submit]{
border:0;
margin-top: 10px;
padding:10px 20px 10px 20px;
}


.photogallery{
background: #000;
padding-top:50px;
padding-bottom:50px;
}

.photogallery h1{
font-family: 'gotham_boldregular' !important;
color: #fff;
text-transform: uppercase;
font-size: 35px;
}

.photogallery p{
color: #fff;
font-size: 14px;
text-align: left;
}

.pgfilmstrip{
margin-top:0;
}

.pgfilmstrip img{
-ms-transform: scale(1); /* IE 9 */
-webkit-transform: scale(1); /* Safari */
transform: scale(1); /* Standard syntax */
-webkit-transition: ease-in-out 0.2s; /* For Safari 3.1 to 6.0 */
transition: ease-in-out 0.2s;
}

.pgfilmstrip img:hover{
position: relative;
z-index:999;
-ms-transform: scale(1.3); /* IE 9 */
-webkit-transform: scale(1.3); /* Safari */
transform: scale(1.3); /* Standard syntax */
-webkit-transition: ease-in-out 0.2s; /* For Safari 3.1 to 6.0 */
transition: ease-in-out 0.2s;
}


.chef{
margin-top: 50px;
}

.chef h1{
color: #686d6f;
font-family: 'gotham_boldregular' !important;
text-transform: uppercase;
text-align: center;
}

.chef p{
color: #000;
font-size: 14px;
text-align: center;
}

.indchef{
margin-top:25px;
text-align: center;
}

.indchef h2{
font-family: 'gotham_boldregular' !important;
font-size: 24px;
color: #7c2536;
text-transform: uppercase;
margin-bottom: 5px;
text-align: left;
}

.indchef p{
font-family: 'gotham_lightregular';
font-size: 21px;
color: #000;
}

.chef hr{
margin-top: 3px;
margin-bottom: 15px;
border: 0;
border-top: 1px dashed #7c2536;
}

.tint{
margin-top: 50px;
}

.tint h1{
color: #686d6f;
font-family: 'gotham_boldregular' !important;
text-transform: uppercase;
text-align: center;
}

.tint p{
color: #000;
font-size: 14px;
text-align: center;
}

.footer{
background: #d1d1ce;
padding-top: 70px;
padding-bottom: 70px;
}

.footer p{
font-family: 'gotham_lightregular';
font-size: 14px;
color: #000;
text-align: left;
padding-top: 9px;
}

.footer .social{
margin-top:20px;
}

.footer a{
color: #000;
}

.footer h2{
font-family: 'gotham_boldregular' !important;
font-size: 18px;
font-weight: bold;
text-align: left;
text-transform: uppercase;
color: #000;
}

.collapseitem{
margin-top: 25px;
margin-bottom: 25px;
}

.collapseitem .ct{
background:url(i/collapse-ct.jpg) no-repeat center top;
padding:50px 15px 50px 15px;
color: #fff;
font-size: 23px;
}

.collapseitem .pe{
background:url(i/collapse-pe.jpg) no-repeat center top;
padding:50px 15px 50px 15px;
color: #fff;
font-size: 23px;
}

.panel-heading{
padding:0;
}

.panel-body a{
background: #000;
border: 1px solid #000;
color: #fff;
text-transform: uppercase;
padding: 10px;
border-radius: 30px;
padding-left:30px;
padding-right:30px;
font-size: 12px;
}

video{
margin-top:130px;
}

.festive{
background: #ED213A;
background: -webkit-linear-gradient(to right, #93291E, #ED213A);
background: linear-gradient(to right, #93291E, #ED213A);
color: #fff !important;
padding-left: 15px;
padding-right: 15px;
}


#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #000 !important;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 4px;
  opacity: 0.4;
  font-size: 12px;
}

#myBtn:hover {
  background-color: #000;
  opacity: 1;
}

.puro-lead {
	color: #665000;
}

.puro-large {
	font-size: 34px;
	font-weight: 300;
}

.puro-hours {
	line-height: 1.8;
}

.framed img {
	outline: 1px solid #FFF;
	outline-offset: -8px;
}

.framed-dark img {
	outline: 1px solid #666000;
	outline-offset: -8px;
}

.elevate-text {
	font-size: 56px;
	font-weight: 300;
	line-height: 1.2;
}

.wp-block-button__link {
	transition: background 0.5s ease-in-out;
}

.wp-block-button__link:hover {
	text-decoration: none;
	background-color: #685000 !important;
}

.socicons, img.socicons {
	display: inline-block;
	font-family: 'gotham_lightregular';
	color: #5e6367;
	text-align: left;
	padding-left: 0;
	padding-top: 5px;
    margin-right: 10px;
	vertical-align: top !important;
}

img.socicons {
	padding-top: 0px;
	margin-top: 7px;
	margin-left: 2px;
}

.topbar .socicons:hover {
	text-decoration: none;
}

@media only screen and (max-width: 480px) {
	.elevate-text {font-size: 52px !important;}
}