* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.error{
	color: #FF0000;
}

@font-face {
    font-family: 'nueva'; /*a name to be used later*/
    src: url('../fonts/NUEVASTD-COND.OTF'); /*URL to font*/
}

body{
    background-image: url(../img/background.jpg);

	/* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	font-family: 'Calibri';
}

main{
    padding-top:10px;
    width: 60%;
    margin: auto;
}

aside{
    float: right;
    padding-top: 20px;
	padding-right: 20px;
    /* width: 30%; */
}

aside ul{
	list-style-type:square;
	padding:10px;
	}

section {      
    /* background-color: rgba(217,217,217, 0.5); */
	/* padding-top:10px; */
	/* padding-bottom:10px;  */   
	margin-top: 0;
}

h1 {
	margin-top: 0;
}

footer {
	font-family: 'Calibri';
	font-size: 22px !important;
	font-weight: bold;
}

/* Header */

.header-basic {
	height:100px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#deefff+0,98bede+100;Blue+3D+%2310 */
	background-color: rgba(255,255,255, 0.6);
	/* background: #d3c9c9; Old browsers */
	/* background: -moz-linear-gradient(top, rgb(222,239,255) 0%, rgb(152,190,222) 100%);  FF3.6-15 */
	/* background: -webkit-linear-gradient(top, rgb(222,239,255) 0%,rgb(152,190,222) 100%);  Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(to bottom, rgb(222,239,255) 0%,rgb(152,190,222) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 );  IE6-9 */
}

/* Logo and Logo Text and Images */

.logo img{
	width:360px;
	height:80px;
	float:left;
	padding-top:20px;
	padding-left:20px;
	vertical-align: middle;
}

.logotxt {   
    /* padding-top:15px; */
    display: inline-block;
    color: black;
    font-size: 60px;
    font-family: 'nueva';
    vertical-align: middle;
    text-align: center;
    float: left;
	padding-left: 30px;
	padding: 15px 0 0 12px;

}

.col-md-5 ul li,
.col-md-5 p span,
p span,
.col-md-4.hours ul li,
.form label,
.form input,
.form-group label,
.form-group input,
.form-group textarea,
.foodmenu p span,
.foodmenu span {
    /* font-size: 22px !important; */
    font-family: 'Calibri' !important;
}

.fb-page.fb_iframe_widget {
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0;
}

.img-placeholder{
    width:100%;
    height:100%;
}
.img-placeholder1 {
 
	width:100%;
	
}

.img-section1 {
 
	width:300px;
	
}

/* Navigation */

	.navbar {
		position: relative;
		min-height: 18px !important;
		/*border: 1px solid transparent;*/
		line-height: 1px;
	}
	.navbar-header {
		height: 18px;
	}
	
	.navbar, .navbar-inverse, .navbar-nav,.navbar-collapse.collapse {
		font-size: 18px;
		/*background-color: rgba(0,0,0, 1);*/
		border-radius: 0px;
		margin: 0px;
		clear: both;
	}

	.navbar-nav>li>a {
        padding-top: 0px;
        padding-bottom: 0px;
		line-height: 18px;
		padding: 0px 18px;
		margin: 0;
		top: 50%;
		left: 50%;
		/* margin-right: -50%; */
		transform: translate(-50%, -50%)
    }
	
	.active {
		width: auto;
	}
	
.dropdown-menu {
	font-size: 20px;
}

	.strip {
	
		background-color: rgba(0,0,0, 1);
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
		box-sizing: border-box;
		width: 100%;
		height: 18px !important;
		line-height: 18px;
		padding: 0px 18px;
		text-align: left;
		/* font: bold 16px sans-serif; */
		/* padding: 40px 50px; */
		padding-bottom: 35px;
	
	}

/* CAROUSEL */

	 
	/* .carousel {
		background-color: black;
		border: 1px solid white;
	} */
	 
	.carousel {
		/* height: 840px; */
		height: 50%;
	}
	
	.carousel-inner > .item > img,
	.carousel-inner > .item > a > img {
		  width: 100%;
		  height:50%;
		  margin: auto;
	  }	  
	  
	.glyphicon {
		color: black;
	}
	
	.carousel-indicators {
		bottom: -40px;
	}
	
	.carousel-control.left,.carousel-control.right{
	  background-image:none;
	  margin-top:0%;
	  width:5%;
	}
	
	.modal-header, .modal-footer {
		border-top: none;
		border-bottom: none;
	}
	
/* CUSTOMISATION */

	/* Fonts */

    .padding-heading{
        margin-top: 20px !Important;
    }

	.refresh-icon{
		width:35px;
		height:35px;
		margin-left:10px;
	}

	.cursive-home, h2{
		  font-family: 'Clicker Script', cursive;
		  font-size: 35px;
	}
	.cursive {
		font-family: 'Clicker Script', cursive;
		font-size: 75px;
		margin-bottom: 0px;
	}

	.h1-foodmenu {
		font-size: 2.5em;
		font-weight: bold;
		/* margin-bottom: 50px; */	
	}
	.h2-foodmenu {
		font-size: 1.5em;
		font-weight: bold;
		/* margin-bottom: 50px; */	
	}
	.foodmenu_price {
		font-size: 1.5em;
		font-weight: bold;
		/* margin-bottom: 50px; */	
	}
	.foodmenu {
		font-size: 2.0em;
	}
	.foodmenu ul{
		list-style:none;
	}

	.special_events {
		font-family: "Arial", sans-serif !important;
		font-size: 10px !important;
	}
	
	.location-sidebar {
		float: right;
	}
	
	/* Homepage */
	.open-close
	{
		padding-bottom:10px;
		font-size: 1.5em;
	}
	.location
	{
		border-left: 1px solid white;
		border-right: 1px solid white;
	}
	.home{	
		line-height:2;
		font-size: 1.6em;
	}
	.awards{
		text-align:center;
	}
	.awards img{
		width:250px;
		/* border:2px solid #D4AF37; */
	}
	.Intro-home
	{
		background-color:rgba(217,217,217, 0.5);
		padding:10px;
	}
	

/* iframe */

	iframe{
		display:block;
		margin: 0 auto;
		/* max-width:300px; 
		height:280px; */
		
	}
	
/* Pages */

	.container
	{	
		padding-top: 20px;
		width: 100%;
		background-color: rgba(255,255,255, 0.6);
	}

	.container-fluid {
		 font-size: 1.1em	
	}

	.row {    
		margin-left: auto;
		margin-right: auto;
		padding: 0;
		width: 80%;
	}
	
	.border{
		border-bottom: 1px solid white;
	}

/* Social Icons */

	.social-icons {
		height: 100%;
		width: 100%;
	}

/* Columns and Contact Form */

	.controls
	{
		width: 90%;
		margin: auto;
	}
	h4 {
		font-family: nueva, sans-serif;
		font-size: 2.6em;
	}
	.form, .col-md-12
	{
		/*float: right;*/
		padding: 10px;
		word-wrap: break-word;
		margin: auto;
		/*width:30%;*/
		background-color: rgba(255,255,255, 0.6); 
	}
	.location{
		margin-top: 1px;
	}

	.col-md-3 {
		padding-top:10px;
		margin-bottom:0;
	}
	.col-md-6 ul {
		list-style: none;
	}
	.col-md-6 ul li {
		text-decoration : none;
	}
	.col-md-6 ul {
		list-style: none;
	}
	.col-md-6 ul li {
		text-decoration : none;
	}
	.col-md-5 ul {
		list-style: none;
	}
	.col-md-4 ul {
		list-style: none;
	}
	.col-md-12 ul {
		list-style: none;
	}
	.col-md-8 ul {
		list-style: none;
	}
	.col-md-8 ul li {
		text-decoration : none;
	}
	.col-md-9
	{
		background-color: rgba(255,255,255, 0.6);
		/* width:62%; */
		margin: auto;
		padding-bottom:20px;
	}

	.col-md-4 {
		padding-bottom: 10px;
	}
	.awardsdiv {
		padding-bottom:10px;
		
	}
	.menu-image img{
		width:90%;
		height:90%;
		
	}
	
	.menu-image-beverages {
	
	height: 20%;
	margin: auto;
	z-index: 1;
	width: 30%;

	}
	
	
/*gallary*/

	.inline
	{
		display: inline;
	}
	
	.thumbnail {
		
		margin-bottom:6px; 
		height: 200px;
		border: 3px solid #e9e8eb;
		background-color: #e9e8eb;
		box-shadow: 0px 0px 8px rgba(0,0,0,.3);
		margin: auto;
		z-index: 1;
		width: 300px;
		cursor: pointer;
		object-fit: contain;
	}

	#modal-carousel {
		height: 100%;
	}
	
	.modal-dialog {
		width: 50%;
	}
	
	.modal-content {
		background-color: #000;
		color: #fff;
	}
	
	.modal-thumbnail {
		
		margin-bottom:6px; 
		height: auto !important;
		border: 3px solid white;
		box-shadow: 0px 0px 8px rgba(0,0,0,.3);
		margin: auto;
		z-index: 1;
	
	}
	
	.images
	{
		font-size: 1.2em;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
		
	}

/*gallary animation pop up*/

	a.lightbox img {
	height: 100%;
	border: 3px solid white;
	box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	margin: auto;
	z-index: 1;
	width: 100%;

	}


/* Styles the lightbox, removes it from sight and adds the fade-in transition */

	.lightbox-target {
	position: fixed;
	width: 100%;
	background: rgba(0,0,0,.7);
	right:0;
	opacity: 0;
	-webkit-transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-o-transition: opacity .5s ease-in-out;
	transition: opacity .5s ease-in-out;
	overflow: hidden;
	z-index: 2;
	}

/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

	.lightbox-target img {
	margin: auto;
	position: absolute;
	top: 0;
	left:0;
	right:0;
	bottom: 0;
	max-height: 100%;
	max-width: 100%;
	border: 3px solid white;
	box-shadow: 0px 0px 8px rgba(0,0,0,.3);
	box-sizing: border-box;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	}


/* Styles the close link, adds the slide down transition */

	a.lightbox-close {
	display: block;
	width:50px;
	height:50px;
	box-sizing: border-box;
	background: white;
	color: black;
	text-decoration: none;
	position: absolute;
	top: -80px;
	right: 0;
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	}

/* Provides part of the "X" to eliminate an image from the close link */

	a.lightbox-close:before {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: black;
	position: absolute;
	left: 26px;
	top:10px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	}

/* Provides part of the "X" to eliminate an image from the close link */

	a.lightbox-close:after {
	content: "";
	display: block;
	height: 30px;
	width: 1px;
	background: black;
	position: absolute;
	left: 26px;
	top:10px;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
	}

/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

	.lightbox-target:target {
	opacity: 1;
	top: 0;
	bottom: 0;
	}
	
	.cls-btn{
	opacity: 1;
	display: block;
	width:50px;
	height:50px;
	box-sizing: border-box;
	color:white ;
	text-decoration: none;
	position: absolute;
	top: 50px;
	right: 0;
	text-align: center;
	}

	.lightbox-target:target img {
	max-height: 90%;
	max-width: 90%;
	}

	.lightbox-target:target a.lightbox-close {
	top: 0px;
	}

/*-----Footer----------*/

	.footer-distributed{
		background-color: rgba(0,0,0, 1);
		box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
		box-sizing: border-box;
		width: 100%;
		text-align: left;
		/* font: bold 16px sans-serif; */
		padding: 40px 50px;
		padding-bottom:20px;
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: inline-block;
		vertical-align: top;
	}

/* Footer left */

	.footer-distributed .footer-left{
		width: 30%;
	}

	.footer-distributed h3{
		color:  #ffffff;
		font: normal 36px 'Cookie', cursive;
		margin: 0;
	}

	.footer-distributed h3 span{
		color:  #5383d3;
	}

/* Footer links */

	.footer-distributed .footer-links{
		color:  #ffffff;
		margin: 20px 0 12px;
		padding: 0;
	}

	.footer-distributed .footer-links a{
		display:inline-block;
		line-height: 1.8;
		text-decoration: none;
		color:  inherit;
	}

	.footer-distributed .footer-company-name{
		color: white;
		font-size: 14px;
		font-weight: normal;
		margin: 0;
	}

/* Footer Center */

	.footer-distributed .footer-center{
		width: 40%;
	}

	.footer-distributed .footer-center i{
		background-color:  #33383b;
		color: #ffffff;
		font-size: 26px;
		width: 30px;
		height: 30px;
		border-radius: 50%;
		text-align: center;
		line-height: 28px;
		margin: 15px 15px;
		vertical-align: middle;
	}

	.footer-distributed .footer-center i.fa-envelope{
		font-size: 17px;
		line-height: 28px;
	}

	.footer-distributed .footer-center p{
		display: inline-block;
		color: #ffffff;
		vertical-align: middle;
		margin:0;
	}

	.footer-distributed .footer-center p span{
		display:block;
		font-weight: normal;
		font-size:14px;
		line-height:2;
	}

	.footer-distributed .footer-center p a{
		color:  #5383d3;
		text-decoration: none;;
	}


/* Footer Right */

	.footer-distributed .footer-right{
		width: 30%;
		margin-top:5px;
		/* margin-left:50px; */
	}

	.footer-distributed .footer-company-about{
		line-height: 20px;
		color:  #92999f;
		font-size: 13px;
		font-weight: normal;
		margin: 0;
		
	}

	.footer-distributed .footer-company-about h3{
		display: block;
		color:  #ffffff;
		font-size: 30px;
		font-weight: bold;
		
		
	}

	.footer-distributed .footer-icons{
		margin-top: 20px;
		
	}

	.footer-distributed .footer-icons a{
		display: inline-block;
		width: 55px;
		height: 55px;
		cursor: pointer;
		background-color:  #33383b;
		border-radius: 2px;

		font-size: 30px;
		color: #ffffff;
		text-align: center;
		vertical-align: middle;
		line-height: 55px;

		margin-right: 3px;
		margin-bottom: 5px;
	}
	
	.footer-distributed .fb-like {
		text-align: center;
		vertical-align: middle;
		margin-right: 3px;
		margin-bottom: 5px;
	}
	
	.footer-right .widget_wrap {
		margin-top: 15px;
	}

/* If you don't want the footer to be responsive, remove these media queries */

	@media (max-width: 880px) {

	.footer-distributed{
		/* font: bold 14px sans-serif; */
	}

	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}

	.footer-distributed .footer-center i{
		margin-left: 0;
	}

	}

/* trip advisor widget */

	div#CDSSCROLLINGRAVE {
		margin: auto;
	}
	
.bookbtn {
	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
	box-shadow:inset 0px 1px 0px 0px #9acc85;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
	background-color:#74ad5a;
	border:1px solid #3b6e22;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
	padding:6px 12px;
	text-decoration:none;
}
.bookbtn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
	background-color:#68a54b;
}
.bookbtn:active {
	position:relative;
	top:1px;
} 




/* ----------- MEDIA QUERIES FOR SMALL DEVICES ----------- */
/* ----------- Reset Nav breakpoint to 1200px for Ipads ----------- */

@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }
}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) {

	main {
    padding-top: 0px;
    width: 100%;
    margin: auto;
	}
	
	.navbar-header {
    float: none;
	}
	
	a.lightbox img {
    height: 125px;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    margin: auto;
    z-index: 1;
    width: 200px;
	display: block;
	}
	
	.logo img {
    /* height: 100px; */
    float: left;
    padding-top: 20px;
    padding-left: 15px;
	}


	.logotxt {
    padding-left: 12px;
    /* margin-top: 10px; */
    display: block;
    color: black;
    font-size: 40px;
    font-family: 'nueva';
    vertical-align: middle;
    text-align: center;
    float: left;
	}
	
	.modal-dialog {
		width: 100%;
	}
		
	.images
	{
		font-size: 0.8em;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
		
	}
	
	.footer-distributed .footer-icons a{
		display: inline-block;
		width: 45px;
		height: 45px;
		cursor: pointer;
		background-color:  #33383b;
		border-radius: 2px;

		font-size: 30px;
		color: #ffffff;
		text-align: center;
		vertical-align: middle;
		line-height: 45px;

		margin-right: 3px;
		margin-bottom: 5px;
	}
	
	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	.location-sidebar {
		display: none;
	}
	
}

/* ----------- iPhone 5 and 5S ----------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) { 

	.logo img {
	width: 90%;
	height: 90%;
    float: left;
    padding-top: 20px;
    padding-left: 15px;
	}
	
	.header-basic {

	height:215px;
    /*background: rgb(222,239,255); /* Old browsers */
	/*background: -moz-linear-gradient(top, rgb(222,239,255) 0%, rgb(152,190,222) 100%); /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

	}
	
	.location-sidebar {
		display: none;
	}
	
}

/* ----------- iPhone 5 and 5S ----------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 

	.logotxt {
		padding: 0;
	}
	
	.header-basic {

	height:140px;
    /*background: rgb(222,239,255); /* Old browsers */
	/*background: -moz-linear-gradient(top, rgb(222,239,255) 0%, rgb(152,190,222) 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

	}
	
	.location-sidebar {
		display: none;
	}
	
}

/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px){ 

	main {
    padding-top: 0px;
    width: 100%;
    margin: auto;
	}
	
	.navbar-header {
    float: none;
	}
	
	a.lightbox img {
    height: 125px;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    margin: auto;
    z-index: 1;
    width: 200px;
	display: block;
	}
	
	.logo img {
    /* height: 100px; */
    float: left;
    padding-top: 20px;
    padding-left: 15px;
	}


	.logotxt {
    padding: 0 0 0 12px;
   /*  margin-top: 10px; */
    display: block;
    color: black;
    font-size: 40px;
    font-family: 'nueva';
    vertical-align: middle;
    text-align: center;
    float: left;
	}
	
	.modal-dialog {
		width: 100%;
	}
	
	.images
	{
		font-size: 0.8em;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
		
	}
	
	.footer-distributed .footer-icons a{
		display: inline-block;
		width: 45px;
		height: 45px;
		cursor: pointer;
		background-color:  #33383b;
		border-radius: 2px;

		font-size: 30px;
		color: #ffffff;
			text-align: center;
		vertical-align: middle;
		line-height: 45px;

		margin-right: 3px;
		margin-bottom: 5px;
	}
	
	.location-sidebar {
		display: none;
	}

}

/* iPhone 6 Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (orientation: portrait) { 

	.header-basic {

	height:140px;
	/*background: rgb(222,239,255); /* Old browsers */
    /*background: -moz-linear-gradient(top, rgb(222,239,255) 0%, rgb(152,190,222) 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

	}
	
	.location-sidebar {
		display: none;
	}
	
}

/* iPhone 6 Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px)
  and (orientation: landscape) { 

	.header-basic {

	height:140px;
	/*background: rgb(222,239,255); /* Old browsers */
    /*background: -moz-linear-gradient(top, rgb(222,239,255) 0%, rgb(152,190,222) 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

	}
	
	.location-sidebar {
		display: none;
	}
	
}

/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) { 
	
	main {
    padding-top: 0px;
    width: 100%;
    margin: auto;
	}

	.navbar-header {
    float: none;
	}
	
	a.lightbox img {
    height: 125px;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    margin: auto;
    z-index: 1;
    width: 200px;
	display: block;
	}
	
	.logo img {
    /* height: 100px; */
    float: left;
    padding-top: 20px;
    padding-left: 15px;
	}


	.logotxt {
    padding: 0 0 0 12px;
   /*  margin-top: 10px; */
    display: inline-block;
    color: black;
    font-size: 40px;
    font-family: 'nueva';
    vertical-align: middle;
    text-align: center;
    float: left;
	}
	
	.modal-dialog {
		width: 100%;
	}
		
	.images
	{
		font-size: 0.8em;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
		
	}
	
	.footer-distributed .footer-icons a{
		display: inline-block;
		width: 45px;
		height: 45px;
		cursor: pointer;
		background-color:  #33383b;
		border-radius: 2px;

		font-size: 30px;
		color: #ffffff;
		text-align: center;
		vertical-align: middle;
		line-height: 45px;

		margin-right: 3px;
		margin-bottom: 5px;
	}
	
	.location-sidebar {
		display: none;
	}

}

/* iPhone 6+ Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px)
  and (orientation: portrait) { 

	.header-basic {

	height:140px;
    /*background: rgb(222,239,255); /* Old browsers */
    /*background: -moz-linear-gradient(top, rgb(222,239,255) 0%, rgb(152,190,222) 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

	}
	
	.location-sidebar {
		display: none;
	}
}

/* iPhone 6+ Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px)
  and (orientation: landscape) { 

  
	.logotxt {
    
		padding: 25px 0 0 12px;
		
	}
	
	.header-basic {

	height:90px;
    /*background: rgb(222,239,255); /* Old browsers */
    /*background: -moz-linear-gradient(top, rgb(222,239,255) 0%, rgb(152,190,222) 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, rgb(222,239,255) 0%,rgb(152,190,222) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#deefff', endColorstr='#98bede',GradientType=0 ); /* IE6-9 */

	}
	
	.location-sidebar {
		display: none;
	}
}

/* ----------- iPad mini / Ipad 3 & 4 also ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) {
	
	main {
    padding-top: 0px;
    width: 100%;
    margin: auto;
	}
	
	.navbar-header {
    float: none;
	}
	
	a.lightbox img {
    height: 125px;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    margin: auto;
    z-index: 1;
    width: 200px;
	display: block;
	}
	
	.mobile {
		font-size: 4.0em;
	}
	
	.logo img {
    /* height: 100px; */
    float: left;
    padding-top: 20px;
    padding-left: 15px;
	}


	.logotxt {
    padding: 25px 0 0 12px;
    /* margin-top: 10px; */
    display: block;
    color: black;
    font-size: 40px;
    font-family: 'nueva';
    vertical-align: middle;
    text-align: center;
    float: left;
	}
	
	.modal-dialog {
		width: 100%;
	}
		
	.images
	{
		font-size: 0.8em;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
		
	}
	
	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		width: 100%;
		margin-bottom: 40px;
		margin-left:auto;
		 margin-right:auto;
		 text-align:center;
	}
	
	.footer-distributed .footer-icons a{
		display: inline-block;
		width: 45px;
		height: 45px;
		cursor: pointer;
		background-color:  #33383b;
		border-radius: 2px;

		font-size: 30px;
		color: #ffffff;
		text-align: center;
		vertical-align: middle;
		line-height: 45px;

		margin-right: 3px;
		margin-bottom: 5px;
	}
	
	.location-sidebar {
		display: none;
	}
}

/* ----------- iPad Pro ----------- */
@media only screen 
and (min-device-width : 1024px)
and (max-device-width : 1366px) {
	
	navbar, .navbar-inverse {
	background-color: rgba(0,0,0, 0.8);
	border-radius: 0px;
	/* margin-top: 200px; */
	/* height: 100%; */
	clear: left;
	}
	
	main {
    padding-top: 0px;
    width: 100%;
    margin: auto;
	}
	
	.navbar-header {
    float: none;
	}
	
	a.lightbox img {
    height: 125px;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    margin: auto;
    z-index: 1;
    width: 200px;
	}
	
	.mobile {
		font-size: 4.0em;
	}
	
	.logo img {
    /* height: 100px; */
    float: left;
    padding-top: 20px;
    padding-left: 15px;
	}
	
	.modal-dialog {
		width: 100%;
	}
		
	.images
	{
		font-size: 0.8em;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
		
	}
	
	.footer-distributed .footer-icons a{
		display: inline-block;
		width: 45px;
		height: 45px;
		cursor: pointer;
		background-color:  #33383b;
		border-radius: 2px;

		font-size: 30px;
		color: #ffffff;
		text-align: center;
		vertical-align: middle;
		line-height: 45px;

		margin-right: 3px;
		margin-bottom: 5px;
	}
	
	.footer-distributed .footer-left,
	.footer-distributed .footer-center,
	.footer-distributed .footer-right{
		display: block;
		margin-bottom: 40px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	.location-sidebar {
		display: none;
	}

    .footer-distributed i {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ----------- Galaxy S5 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 3) {
	
	main {
    padding-top: 0px;
    width: 100%;
    margin: auto;
	}
	
	.logo img {
    /* height: 100px; */
    float: left;
    padding-top: 20px;
    padding-left: 15px;
	}
	
	.navbar-header {
    float: none;
	}
	
	a.lightbox img {
    height: 125px;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    margin: auto;
    z-index: 1;
    width: 200px;
	}
	
	.modal-dialog {
		width: 100%;
	}
	
	.footer-distributed .footer-icons a{
		display: inline-block;
		width: 45px;
		height: 45px;
		cursor: pointer;
		background-color:  #33383b;
		border-radius: 2px;

		font-size: 30px;
		color: #ffffff;
		text-align: center;
		vertical-align: middle;
		line-height: 45px;

		margin-right: 3px;
		margin-bottom: 5px;
	}
	
	.location-sidebar {
		display: none;
	}

}

/* ----------- Galaxy Tab 10.1 ----------- */

/* Portrait and Landscape */
@media screen
  (min-device-width: 800px) 
  and (max-device-width: 1280px) {

	main {
    padding-top: 0px;
    width: 100%;
    margin: auto;
	}
	
	.navbar-header {
    float: none;
	}
	
	a.lightbox img {
    height: 125px;
    border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0,0,0,.3);
    margin: auto;
    z-index: 1;
    width: 200px;
	}
	
	.mobile {
		font-size: 4.0em;
	}
	
	.logo img {
    /* height: 100px; */
    float: left;
    padding-top: 20px;
    padding-left: 15px;
	}


	.logotxt {
    padding: 0 0 0 12px;
    /* margin-top: 10px; */
    display: block;
    color: black;
    font-size: 1.0em;
    font-family: 'nueva';
    vertical-align: middle;
    text-align: center;
    float: left;
	}
	
	.modal-dialog {
		width: 100%;
	}
		
	.images
	{
		font-size: 0.8em;
		font-weight:bold;
		text-align:center;
		text-decoration:none;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis
		
	}
	
	.footer-distributed .footer-icons a{
		display: inline-block;
		width: 45px;
		height: 45px;
		cursor: pointer;
		background-color:  #33383b;
		border-radius: 2px;

		font-size: 30px;
		color: #ffffff;
		text-align: center;
		vertical-align: middle;
		line-height: 45px;

		margin-right: 3px;
		margin-bottom: 5px;
	}
	
	.location-sidebar {
		display: none;
	}
}