@charset "utf-8";
/* CSS Document */

/* -- override default bootstrap styles -- */
  
	/* Note: Try to remove the following lines to see the effect of CSS positioning */
	.affix {
	  top: 0;
	  width: 100%;
	}

	.affix-top {
	  width: 100%;
	}

	.affix-bottom {
	  position: absolute;
	  width: 100%;  
	}

/* display dropdown on hover */

.dropdown:hover .dropdown-menu {
    display: 					block; /* click or hover but giving problems */
    margin-top: 				0; 
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	background-color: 			transparent;
}

.navbar {
	background-color: 			#fff;
	border:						none;
	border-radius: 				0;
	margin-bottom: 				0;
	padding:					0;
	text-align:					center;
	width:						100%;
	z-index:					999;
	
	-webkit-transition: 		all 0.4s ease;
   	   -moz-transition: 		all 0.4s ease;
    	-ms-transition: 		all 0.4s ease;
		 -o-transition: 		all 0.4s ease;
    		transition: 		all 0.4s ease;
}

@media only screen and (max-device-width: 800px), 
	   only screen and (device-width: 1024px) and (device-height: 600px), 
	   only screen and (width: 1280px) and (orientation: landscape), 
	   only screen and (device-width: 800px), 
	   only screen and (max-width: 768px) {
	.navbar {
		text-align:				left;
	}
}

.navbar a {
	color:						#999 !important;
	font-family: 				'Gotham Medium';
	text-transform: 			uppercase;
}

.navbar .button {
	background:					transparent;
}

.navbar #logo  {
	position: relative;
	width: 150px;
}

.navbar #logo img {
	position: absolute;
	
	left: 0;
	top: -30px;
}

.navbar .navbar-collapse {
    text-align: 				center;
}

@media (max-width: 480px) {
	.navbar .navbar-collapse {
		text-align: 				left;
	}
}

.navbar .navbar-nav {
    display: 					inline-block;
    float: 						none;
}

@media (max-width: 480px) {
	.navbar .navbar-nav {
		float: 						left;
	}
}

.navbar .navbar-nav ul {
	background-color:			#fff;
}

.navbar .navbar-nav a {
	margin:						40px 0 5px 0;
	padding:					0 15px;
}

@media (max-width: 480px) {
	.navbar .navbar-nav a {
		margin:						0;
		padding:					15px 15px 15px 50px;
	}
}

.navbar .navbar-nav ul a:hover{
	background-color:			#fff;
	color:						#2e4287 !important;
}

.navbar .navbar-nav ul a {
	padding:					5px 15px;
	margin:						0;
}

/* Nav Toggle button and icon */
.navbar-default .navbar-toggle {
	border-color:				transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color:			#fff;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:			#fab23b;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color:			#fab23b;
}


/* -- custom styles -- */

*:focus {
    outline: 					none;
}

body {
	background-color: 			#999999;
	color: 						#fff;
	font-family: 				"Gotham Light";
}

#about, #updates, #menu-burgers, #menu-extras, #testimonials {
	padding-top: 				30px;
	padding-bottom: 			30px;
}

.bkgrd-blue {
	background-color:			#425494;
}

.button {
	background-color:			#425494;
	border: 					none;
	color:						#000;
	display:					inline-block;
	font-size:					14px;
	margin:						5px auto;
	padding:					5px 15px;
	
	border-top-left-radius: 	15px;
	border-top-right-radius: 	15px;
	border-bottom-left-radius: 	15px;
	border-bottom-right-radius:	15px;
}

.button:hover {
	background-color:			#000;
	color:						#425494;
	text-decoration:			none;
}

.button-order-now {
	background-image: 			url(../img/bkgrd-diagonal-lines-yellow.png);
	background-repeat: 			repeat;
	color: 						#000;
	display: 					inline-block;
	font-family: 				'Gotham Medium';
	margin: 					5px;
	padding: 					4px 15px;
	text-shadow: 				-1px 0 #fff,
								0 1px #fff,
								1px 0 #fff,
								0 -1px #fff;
	text-transform: 			uppercase;
}

.button-franchise {
	background-color: 			#000;
	border-radius: 				10px;
	color: 						#fff;
	display: 					inline-block;
	margin: 					5px;
	padding: 					5px 15px;
	text-transform: 			uppercase;
}

.button-franchise:hover {
	color: 						#425494;
	text-decoration: 			none;
}

.content-burgers, .content-extras {
	font-family: 				'KGBrokenVesselsSketch';
	margin: 					30px auto;
	padding: 					0;
}

.content-burgers li, .content-extras li {
	display: 					inline-block;
	margin: 					auto 15px;
	padding: 					0;
}

.content-burgers li img, .content-extras li img {
	height: 	150px;
}

#contact {
	background-color: #425494;
}

footer {
	background-color: 			#999;
	
	height: 					240px;
	
	padding-top: 				30px;
}

#franchise-profile {
	background-image: 			url(../img/bkgrd-elements.png);
}

#gallery {
	background-image: 			url(../img/bkgrd-texture.jpg);
	padding-bottom: 30px;
	padding-top: 30px;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 				'Gotham Medium';
}

#home-hero {
	background-image: 			url(../img/hero.jpg);
	background-position: 		center;
	background-size: 			cover;
	height: 					60%;
}

@media only screen and (max-device-width: 800px), 
	   only screen and (device-width: 1024px) and (device-height: 600px), 
	   only screen and (width: 1280px) and (orientation: landscape), 
	   only screen and (device-width: 800px), 
	   only screen and (max-width: 768px) {

	#inside #home-hero {
		height: 					30%;
	}
}

#home-hero .logo {
	margin-top: 				calc(50% - 90px);
}

.icon {
	fill: #425494;
}

#inside #home-hero .logo {
	margin-top: 				calc(15% - 60px);
}

#inside #home-hero span {
	border: 					#425494 2px solid;
	color: 						#425494;
	font-family: 				'Gotham Medium';
	font-size: 					24px;
	padding: 					10px;
}

#map-india {
	height: 					500px;
	width: 						100%;
}

#map-india p{
	color: #000;
}

.modal-content {
	background-image: 			url(../img/bkgrd-elements.png);
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
	
	border: 					none;
	
    width:						inherit;
    height:						inherit;
    /* To center horizontally */
    margin: 					0 auto;
    pointer-events: 			all;
	
    -webkit-border-radius: 		0px !important;
    -moz-border-radius: 		0px !important;
    border-radius: 				0px !important; 
}

.nav-wrapper{
    min-height: 				40px;
	padding: 0;
	width: 100%;
}

#outlet-interiors {
	background-image: 			url(../img/bkgrd-elements.png);
}

.outlets {
	list-style: 				none;
	margin: 					25% 0 0 0;
	padding: 					0;
}

.outlets li {
	display: 					inline-block;
}

@media only screen and (max-device-width: 800px), 
	   only screen and (device-width: 1024px) and (device-height: 600px), 
	   only screen and (width: 1280px) and (orientation: landscape), 
	   only screen and (device-width: 800px), 
	   only screen and (max-width: 768px) {

	.outlets li {
		display: 					block;
	}	
}

.outlets li a {
	color: 						#425494;
	font-family: 				'Gotham Medium';
	font-size: 					24px;
	margin: 					0 10px;
}

.outlets li span {
	font-size: 					9px;
}

#portfolio {
	padding-top: 30px;
	padding-bottom: 30px;
}

/* carousel */
#quote-carousel {
	padding: 					0 10px 30px 10px;
	margin: 					30px auto 0 auto;
}

#quote-carousel .carousel-inner {
	margin: 					auto;
	width: 						50%;
}

/* indicator position */
#quote-carousel .carousel-indicators {
	right: 						50%;
	top: 						auto;
	bottom: 					-10px;
	margin-right: 				-19px;
}

/* indicator color */
#quote-carousel .carousel-indicators li {
	background: 				#c0c0c0;
}

/* active indicator */
#quote-carousel .carousel-indicators .active {
	background: 				#333333;
	height:						10px;
	margin-bottom:				1px;
	width:						10px;
}

.ribbon{
	background-color: 		#425494; 
	height: 				30px;
	display: 				inline-block;
}

#services {
	background-color: #fff;
	color: #333;
	padding-top: 60px;
	padding-bottom: 60px;
}

.soc-med {
		
}

.soc-med i {
	background-color: 		#000;
	border-radius: 			15px;
	color: 					#fff;
	height: 				30px;
	margin: 				5px auto;
	padding: 				8px;
	text-align: 			center;
	width: 					30px;
}

.soc-med i:hover {
	color: 					#425494;
}

#team {
	background-image: 		url(../img/bkgrd-elements.png);
}

#testimonials img.testimonial { 
	float:					left;
	margin:					15px;
}

.text-white .button-app {
	border: 					#425494 1px solid;
	color: 						#425494;
	display: 					inline-block;
	margin: 					5px;
	padding: 					4px 15px;
	text-transform: 			uppercase;
}

.text-black {
	color: 						#000;
}

.text-black .button-app {
	border: 					#000 1px solid;
	color: 						#000;
	display: 					inline-block;
	margin: 					5px;
	padding: 					4px 15px;
	text-transform: 			uppercase;
}

.vertical-alignment-helper{
	display:table;height:100%;width:100%;pointer-events:none
}
.vertical-align-center{
	display:table-cell;vertical-align:middle;pointer-events:none
}