/* GLOBAL STYLES

-------------------------------------------------- */

/* Padding below the footer and lighter body text */
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


body {

	margin:auto !important;

	padding:auto;

	color: inverse;

	background:#070709;

    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

	/* font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;*/

}



/***-heading, paragraph fonts and size layouts ----***/

/*** h1 class header aren't user friendly*****/

.h1, h1 {

	font-family:Arial, Helvetica, sans-serif;

	font-size:2em !important;

	font-weight:bold;

	margin:0px;

	padding-top:5px;

	text-align:center;

}
/*----Stroke Caption for Carousel heading captions------*/
 h1.stroke-text {
	margin-bottom: 15px;
	 -webkit-text-stroke: 2px outset #a96565;
	 -webkit-text-fill-color: white; 
     color: white;
	 font-size: 2.5em!important;
	 text-shadow: 3px 3px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
	animation-duration: 2s;
    animation-name: slidein;
	
}
@keyframes slidein {
  from {
    margin-bottom: 40%;
    width: 100%; 
	font-size: 0em;
  }

  to {
    margin-top: 0%;
    width: 100%;
	font-family: 'Anton', sans-serif;
	font-size: 2.5em!important;
  }
}

h1.stroke-title{
	font-size: 20px;
    -webkit-text-stroke: 1px black;
    -webkit-text-fill-color: white;
    color: white;
    /*-webkit-animation: colorchange 1s infinite;
    -webkit-animation-direction: alternate;*/
	text-shadow: -3px -3px 0 #000;
}
.h2, h2 {

	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;

	font-size:1.5em;

	font-weight:bold;

	margin:0px;

	padding-top: 5px;

	text-align: center;

}

h2:after {

	content:url(css_img/king_header2.png);

	padding-left:3px;

}

h2:before {

	content:url(css_img/king_header2.png);

	padding-right:3px;

}

/*------- h3 decorated class headlines layouts----- */



.h3, h3 {

	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;

	font-size:1.3em;

	font-weight:500;

	margin: 0px;

	padding-top:4px;

}

/*---end of decorated heading css ----*/

	

	

.head1-bg {

	position:relative;

	height:67px;

	background:url(css_img/h1_bg.png);

	background-repeat:repeat-x;

	padding:0px;

	margin-bottom:7px;

}

.head2-bg {

	margin-bottom:5px;

	padding:0px;

	position:relative;

	height:67px;

	background:url(css_img/h2_bg.png);

	background-repeat:repeat-x;

}

.head3-bg {

	position:relative;

	height:60px;

	background:url(css_img/h3_bg.png);

	background-repeat:repeat-x;

	margin-bottom:0px;

	padding:0px;

}

p {

	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

	font-size:1.1em;

}

/* CUSTOMIZE THE NAVBAR

-------------------------------------------------- */



/* Special class on .container surrounding .navbar, used for positioning it into place. */

.navbar-inverse {

    background-color:#070709;

    border-color: #080808;

}

.navbar-wrapper {

	position: relative;

	padding:0px;

	margin:0px;

	top: 0;

	right: 0;

	left: 0;

	z-index: 20;

}

/* Flip around the padding for proper display in narrow viewports */

.navbar-wrapper > .container {

	padding-right: 0;

	padding-left: 0;

}

.navbar-wrapper .navbar {

	padding-right: 15px;

	padding-left: 15px;

	padding-bottom:5px;

}

.navbar-wrapper .navbar .container {

	width: auto;

}

.navbar-brand {

	width: auto;

	height:60px;

	padding:5px 5px 8px 5px;

}

.navbar-nav>li>a {

	font-family:"Myriad Pro Cond", "Myriad Web Pro", "Minion Pro", "メイリオ", "游明朝 Demibold", "小塚明朝 Pro R";

	padding-top: 10px;

	padding-bottom: 10px;

	line-height: 20px;

	font-size:large;

	font-weight:bold;

}

.menu_bar:before {

	margin:0px;

	padding-top:10px;

	content:url(css_img/m_bar.png);

}

.brand-logo:before {

    margin:0px;

	padding-top:10px;

	content:url(assets/img/Bombay_brand.png);

	width:100%;

	height:inherit;

	}



.menu_bar:before {

	margin:0px;

	padding-top:10px;

	content:url(css_img/m_bar.png);

	width:100%;

	height:inherit;

}

div#google_translate_element {

    padding-top: 10px;

    padding-left: 8px;

    vertical-align: middle;

}

/**icon removal for translation api**/

.goog-te-gadget-icon {  

    display: none;

}

/* For extra small device brand-logo and menubar */

@media (max-width: 450px) {

.menu_bar:before {

	margin:0px;

	padding-top:15px;

	content:url(css_img/m_bar_xs.png);

	width:100%;

	height:inherit;

}

.brand-logo:before {

	margin:0px;

	padding:15px 10px 10px 15px;

	content:url(assets/img/Bombay_brand_sm.png);

	width:100%;

	height:inherit;

}

 .carousel-caption {

      display: none; /* Hide the carousel text when the screen is less than 450 pixels wide */

    }
	h1.stroke-title{
	font-size: 20px!important;
    -webkit-text-stroke: 1px black;
    -webkit-text-fill-color: white;
    color: white;
    /*-webkit-animation: colorchange 1s infinite;
    -webkit-animation-direction: alternate;*/
	text-shadow: -3px -3px 0 #000;
}

}

/**end of max-width 450px css**/


.container {

	padding-right: 0px;

	padding-left: 0px;

	margin-right: auto;

	margin-left: auto;

}

.row {

	margin:auto;

	padding:0px;

}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {

    position: relative;

    min-height: 1px;

    padding-right: 5px;

    padding-left: 5px;

}

.thumbnail {

    background:#fafafa url(css_img/bg_dot.png);

	background-position:top;

	background-repeat:repeat;

}

/* Zoom In Higawari Set Image */

figure {

    width: 100%;

	height: 100%;

	margin: 0;

	padding: 0;

	background: transparent;

	overflow: hidden;

}

figure:hover+span {

	bottom: -36px;

	opacity: 1;

}



figure img {

	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s eease-in-out;
	transition: all 0.3s ease-in-out;
	overflow:hidden;

}

figure img:hover {

	/*-webkit-transform: scale(1.3);
	transform: scale(1.3);*/
	overflow:hidden;
	-webkit-transform: scale(1.3) rotate(-3deg);
	-moz-transform: scale(1.3) rotate(-deg);
	-ms-transform: scale(1.3) rotate(-deg);
	-o-transform: scale(1.3) rotate(-deg);
	transform: scale(1.3) rotate(-deg);

	

}
/******===EOF zoom in css====**/

/***=======Customization of form checkbox design based on Bootstrap 4=====***/
.custom-control{

	&.material-checkbox{
		--color: #26a69a;

		.material-control-input{
			display: none;
			&:checked~.material-control-indicator{
				border-color: var(--color);
				transform: rotateZ(45deg) translate(1px, -5px);
				width: 10px;
				border-top: 0px solid #fff;
				border-left: 0px solid #fff;
			}
		}
		.material-control-indicator{
			display: inline-block;
			position: absolute;
			top: 4px;
			left: 0;
			width: 16px;
			height: 16px;
			border: 2px solid #aaa;
			transition: .3s;
		}
	}

	&.fill-checkbox{
		--color: #26a69a;

		.fill-control-input{
			display: none;
			&:checked~.fill-control-indicator{
				background-color: var(--color);
				border-color: var(--color);
				background-size: 80%;
			}
		}
		.fill-control-indicator{
			border-radius: 3px;
			display: inline-block;
			position: absolute;
			top: 4px;
			left: 0;
			width: 16px;
			height: 16px;
			border: 2px solid #aaa;
			transition: .3s;
			background: transperent;
			background-size: 0%;
			background-position: center;
			background-repeat: no-repeat;
			background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
		}
	}

	&.overflow-checkbox{
		.overflow-control-input{
			display: none;

			&:checked~.overflow-control-indicator{
				&::after{
					transform: rotateZ(45deg) scale(1);
					top: -6px;
					left: 5px;
				}

				&::before{
					opacity: 1;
				}
			}
		}
		.overflow-control-indicator{
			border-radius: 3px;
			display: inline-block;
			position: absolute;
			top: 4px;
			left: 0;
			width: 16px;
			height: 16px;
			border: 2px solid #aaa;

			&::after{
				content: '';
				display: block;
				position: absolute;
				width: 16px;
				height: 16px;
				transition: .3s;
				transform: rotateZ(90deg) scale(0);
				width: 10px;
				border-bottom: 4px solid #aaa;
				border-right: 4px solid #aaa;
				border-radius: 3px;
				top: -2px;
				left: 2px;
			}

			&::before{
				content: '';
				display: block;
				position: absolute;
				width: 16px;
				height: 16px;
				transition: .3s;
				width: 10px;
				border-right: 7px solid #fff;
				border-radius: 3px;
				transform: rotateZ(45deg) scale(1);
				top: -4px;
				left: 5px;
				opacity: 0;
			}
		}
	}

	&.material-switch{
		--color: #26a69a;
		padding-left: 0;

		.material-switch-control-input{
			display: none;
			&:checked~.material-switch-control-indicator{

				&::after{
					background-color: var(--color);
					left: 17px;
				}
			}
		}
		.material-switch-control-indicator{
			display: inline-block;
			position: relative;
			margin: 0 10px;
			top: 4px;
			width: 32px;
			height: 16px;
			background: #ddd;
			border-radius: 16px;
			transition: .3s;

			&::after{
				content: '';
				display: block;
				position: absolute;
				width: 18px;
				height: 18px;
				border-radius: 50%;
				transition: .3s;
				top: -1px;
				left: -1px;
				background: #fdfdfd;
				box-shadow: 0 2px 10px #aaa;
			}
		}
	}

	&.ios-switch{
		--color: #4cd964;
		padding-left: 0;

		.ios-switch-control-input{
			display: none;

			&:active~.ios-switch-control-indicator{
				&::after{
					width: 20px;
				}
			}

			&:checked{
				~.ios-switch-control-indicator{
					border: 10px solid var(--color);

					&::after{
						top: -8px;
						left: 4px;
					}
				}

				&:active~.ios-switch-control-indicator{
					&::after{
						left: 0px;
					}
				}
			}
		}
		.ios-switch-control-indicator{
			display: inline-block;
			position: relative;
			margin: 0 10px;
			top: 4px;
			width: 32px;
			height: 20px;
			background: #fff;
			border-radius: 16px;
			transition: .3s;
			border: 2px solid #ddd;

			&::after{
				content: '';
				display: block;
				position: absolute;
				width: 16px;
				height: 16px;
				border-radius: 16px;
				transition: .3s;
				top: 0px;
				left: 0px;
				background: #fff;
				box-shadow: 0 0 2px #aaa, 0 2px 5px #999;
			}
		}
	}

	&.border-switch{
		--color: #4cd964;
		padding-left: 0;

		.border-switch-control-input{
			display: none;
			&:checked~.border-switch-control-indicator{
				border-color: var(--color);

				&::after{
					left: 14px;
					background-color: var(--color);
				}
			}
		}
		.border-switch-control-indicator{
			display: inline-block;
			position: relative;
			margin: 0 10px;
			top: 4px;
			width: 32px;
			height: 20px;
			background: #fff;
			border-radius: 16px;
			transition: .3s;
			border: 2px solid #ccc;

			&::after{
				content: '';
				display: block;
				position: absolute;
				width: 12px;
				height: 12px;
				border-radius: 50%;
				transition: .3s;
				top: 2px;
				left: 2px;
				background: #ccc;
			}
		}
	}

	&.teleport-switch{
		--color: #4cd964;
		padding-left: 0;

		.teleport-switch-control-input{
			display: none;
			&:checked~.teleport-switch-control-indicator{
				border-color: var(--color);

				&::after{
					left: -14px;
				}

				&::before{
					right: 2px;
					background-color: var(--color);
				}
			}
		}
		.teleport-switch-control-indicator{
			display: inline-block;
			position: relative;
			margin: 0 10px;
			top: 4px;
			width: 32px;
			height: 20px;
			background: #fff;
			border-radius: 16px;
			transition: .3s;
			border: 2px solid #ccc;
			overflow: hidden;

			&::after{
				content: '';
				display: block;
				position: absolute;
				width: 12px;
				height: 12px;
				border-radius: 50%;
				transition: .3s;
				top: 2px;
				left: 2px;
				background: #ccc;
			}

			&::before{
				content: '';
				display: block;
				position: absolute;
				width: 12px;
				height: 12px;
				border-radius: 50%;
				transition: .3s;
				top: 2px;
				right: -14px;
				background: #ccc;
			}
		}
	}
}

.list-group{
	&:first-child .list-group-control:first-child {
		border-top-left-radius: .25rem;
		border-top-right-radius: .25rem;
	}

	&::last-child .list-group-control:last-child {
		border-bottom-left-radius: .25rem;
		border-bottom-right-radius: .25rem;
	}

	&.list-group-flush{
		&:last-child{
			.list-group-control:last-child {
				border-bottom: 0;
				margin-bottom: 0;
			}
		}

		&:first-child{
			.list-group-control:first-child {
				border-top: 0;
			}
		}

		.list-group-control {
			border-right: 0;
			border-left: 0;
			border-radius: 0;
		}
	}

	.list-group-control{
		position: relative;
		display: block;
		margin-bottom: -1px;
		background-color: #fff;
		border: 1px solid rgba(0,0,0,.125);

		.custom-control{
			margin: 0;
			padding: .75rem 1.25rem;
			padding-left: 3rem;
			display: block;

			.custom-control-indicator, .material-control-indicator, .fill-control-indicator, .overflow-control-indicator{
				top: 1rem;
				left: 1.25rem;
			}
		}
	}
}

/**EOF form checkbox customization ***/

.alert-warning {

	background-color: #6FC;

	border-color: #6FF;

}

.alert {

	padding: 8px;

	padding-top: 8px;

	padding-right: 8px;

	padding-bottom: 8px;

	padding-left: 8px;

	/* margin-bottom: 20px; */

    border: 1px solid transparent;

	border-radius: 4px;

}

/***=====Star rating Recomended and Favorite css layout t======---------***/

.threeStar:after {

	margin:0px;

	padding-left:3px;

	content:url(css_img/rating_star3.png);

}

.threeStar-5:after {

    margin:0px;

	padding-left:3px;

	content:url(css_img/rating_star3-5.png);

}

.fourStar:after {

	margin:0px;

	padding-left:3px;

	content:url(css_img/rating_star4.png);

}

.fourStar-5:after {

    margin:0px;

	padding-left:3px;

	content:url(css_img/rating_star4-5.png);

}

.fiveStar:after {

	margin:0px;

	padding-left:3px;

	content:url(css_img/rating_star5.png);

}

/* infos

------------------------- */



/*.featurette-divider {

	margin: 5px 0; /* Space out the Bootstrap <hr> more */

/*}*/

/* Thin out the marketing headings */

.info-heading {

	font-weight: 300;

	line-height: 1;

	letter-spacing: -1px;

}





/* RESPONSIVE CSS

-------------------------------------------------- */



 @media (min-width: 768px) {

  /* Navbar positioning foo */

  .navbar-wrapper {

 margin: 0px;

 padding:0px;

 position:relative;

}

 .navbar-wrapper .container {

 padding-right: 0px;

 padding-left: 0px;

}

 .navbar-wrapper .navbar {

 padding-right: 0;

 padding-left: 0;

}

/*----jumbotron css ----*/



/*.jumbotron {

    padding: 0 0 0 0;

    margin: 0 0 0 0;

    color: inherit;

	height:auto;

	width:auto;

    background-color: #eee;

}*/

  /* The navbar becomes detached from the top, so we round the corners */

.navbar-wrapper .navbar {

 border-radius: 4px;

}

.glyphicon-chevron-right {

 display:none;

}

p.back-to-top {

 position: fixed;

 z-index: 999;

 right: 10%;

 bottom: 16px;

}

}

 @media (min-width: 992px) {

body {

	margin:auto !important;

	padding:auto;

	color: inverse;

	background:#070709 url(css_img/body_bg.jpg);

	background-position-x:left;

	background-position-y:top;

	background-repeat:repeat-x;

	font-family: "メイリオ", "Meiryo", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;

}

 .info-heading {

 margin-top: 120px;

}

.glyphicon-chevron-right {

 display:none;

}

p.back-to-top {

 position: fixed;

 z-index: 999;

 right: 10%;

 bottom: 16px;

}

}
/*Nativation setting property for medium screenmin 768 to max 991*/
@media screen and (max-width: 991px) and (min-width: 768px) {
   ul.nav.navbar-nav>li>a {

    font-family:"Myriad Pro Cond", "Myriad Web Pro", "Minion Pro", "メイリオ", "游明朝 Demibold", "小塚明朝 Pro R";

	padding-top: 10px;

	padding-bottom: 10px;
	/*padding-left: 7px;
	padding-right: 7px;*/

	line-height: 20px;

	font-size:0.9em;

	font-weight:bold;

	vertical-align:middle;

}

}
/*----css layout for header style bg---***/
.stripe-1 {
  color: black !important;
  background: repeating-linear-gradient(
    to right,
    #f6ba52,
    #f6ba52 10px,
    #ffd180 10px,
    #ffd180 20px
  );
}


footer {

	position:relative;

	margin: auto;

	padding:5px 0px 5px 0px;

	height:30px;

	width:100%;

	background-color: transparent;

	color: #FF0;

}

/**--Top link---**/

.back-to-top {

	position: fixed;

	z-index: 999;

	right: 0px;

	bottom: 30px;

}