/* GLOBAL STYLES

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

/* Padding below the footer and lighter body text */



body {

	margin:auto !important;

	padding:auto;

	color: inverse;
    background: url(css_img/sky_color_bg.jpg) repeat-x;

	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.stroke-text {
	 margin-bottom: 15px;
	 -webkit-text-stroke: 2px outset #a96565;
	 -webkit-text-fill-color: white; 
     color: white;
	 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;
	font-family: 'Anton', sans-serif;
	font-size: 3em;
	animation-duration: 2.5s;
    animation-name: slidein;
	
}
@keyframes slidein {
  from {
    margin-bottom: 100%;
    width: 100%; 
  }

  to {
    margin-top: 0%;
    width: 100%;
  }
}
.h1, h1 {

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

	font-size:1.7em;

	font-weight:bold;

	margin:0px;

	padding-top:5px;

	text-align:center;

}

.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_header3.png);

	padding-left:3px;

}

h2:before {

	content:url(css_img/king_header3.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:#e2f909 url(css_img/nav_bg.jpg); /*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 !important;

}

/* CUSTOMIZE THE NAVBAR

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



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

.navbar-inverse {

    background:transparent;

  

}

.navbar-wrapper {

	position: relative;

	padding:0px;

	margin:0px;

	top: 0;

	right: 0;

	left: 0;

	z-index: 20;

	background-color:transparent;

}

#navbar.navbar-collapse.collapse {

	background:#e2f909;

	

}

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

.navbar-wrapper > .container {

	padding-right: 0;

	padding-left: 0;

	background-color:transparent;

}

.navbar-wrapper .navbar {

	padding-right: 15px;

	padding-left: 15px;

	background-color:transparent;/*#E8C64D;*/

}

.navbar-wrapper .navbar .container {

	width: auto;

}

.navbar-brand {

	width: auto;

	height:inherit;

	padding:5px 5px 8px 5px;

}

ul.nav.navbar-nav>li {

	position: relative;

	display: block;

	

}

ul.nav.navbar-nav>li>:hover {

	background-color:#3C0 !important;	

}



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;

	line-height: 20px;

	font-size:1.2em;

	;

	font-weight:bold strong;

	vertical-align:middle;

}

.navbar {

     margin-bottom: 0px;

     border: 1px solid transparent;

}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {

	color: #d01414;

	background-color:transparent;

	

}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {

	color: #FFF;

	font-weight:bold;

	background-color:transparent;

}

.navbar-inverse .navbar-nav>li>a:hover {

	color:  #2395dc !important;

}



.menu_bar:before {

	margin:0px;

	padding-top:5px;

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

}

.brand-logo:before {

    margin-left:0px;

	padding-left:10px;

	content:url(css_img/logo_bg.png);

	width:100%;

	height:inherit;

	}

ul.nav.navbar-nav{

	padding:0px;

	text-align:center;

	display:block;

	

	}	



.navbar-nav>li {

	display:inline-block;

    padding:0;

	margin:auto;

	border-right: 1px solid #666;



}

li.lang {

	padding:6px 0px 0px 5px;

	border-right: none !important;

}

.navbar-inverse .navbar-nav>li>a {

    color:  #d01414;

}



.navbar-inverse .navbar-nav>li>a:hover {

    color: #d67070;

    /*background-color: #cbdc27;*/

}



.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {

    color: #333;

}

.dropdown-menu {

	position: absolute;

    top: 100%;

    left: 0;

    z-index: 1000;

    display: none;

    float: left;

    min-width: 160px;

    padding: 5px 0;

    margin: 2px 0 0;

    font-size: 14px;

    list-style: none;

    background-color: #2ab10f;

    -webkit-background-clip: padding-box;

    background-clip: padding-box;

    border: 1px solid #ccc;

    border: 1px solid rgba(0, 0, 0, .15);

    border-radius: 4px;

    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);

	text-align:center;

	vertical-align:middle;

}

.open>.dropdown-menu {

    display: block;

    background-color:#3C0;

	

}

.open>.dropdown-menu>li>:hover {

	background-color:#960;

}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {

    border-color: #ecdbc0;

	background-color:#E8C64D;

}

.navbar-header {

	position:relative;

	background-color:#e8c64d00;

	text-align:center;

	align-item:center;

}

.navbar-brand {

    float: none;

    height: auto;

    padding: auto;

    font-size: 18px;

    line-height: 20px;

}

div#google_translate_element {

    padding-top: 10px;

    padding-left: 8px;

    vertical-align: middle;

}

/**icon removal for translation api**/

.goog-te-gadget-icon {  

    display: none;

}

.jumbotron {

    margin:0px !important;

    padding:0px !important;

    background:#69F url(css_img/sky_color_bg.jpg);

	background-repeat:repeat-x;

}

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

@media (max-width: 450px) {

.menu_bar:before {

	margin:0px;

	padding-top:10px;

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

	width:100%;

	height:inherit;

}

.brand-logo:before {

	float:none;

	text-align:center;

	vertical-align:middle;

	align-item: center;

	margin:0px;

	padding-top:10px;

	content:url(css_img/logo_xs.png);

	width:100%;

	height:inherit;

}

.carousel-caption {

	display:none;

}



}

.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;

}

.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;

}



.banner1 {

	float:right;

	margin:auto;

	padding:10px 15px 0px 0px;

	position:relative;

	display:block;

	width:inherit;

	height:auto;

}



/* RESPONSIVE CSS

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



 @media (min-width: 768px) {

  /* Navbar positioning foo */

body {
	background:url(css_img/bdy_bg.jpg) fixed;
	background-repeat:no-repeat; 

}

.navbar-header {

    float: none;

	text-align:center;

	align-item:center;

    /*align-content: center;

    align-items: center;

    text-align: center;

    position: relative;*/

	background-color:transparent;

}

#navbar.navbar-collapse.collapse {

	background:#e2f909 url(css_img/nav_bg.jpg);

	background-repeat:repeat-x;

}

ul.nav.navbar-nav>li {

	position: relative;

	display: block;

	border-right: 2px ridge  #522914;

}

.brand-logo:before {

    float:none;

	text-align:center;

	vertical-align:middle;

	align-item:center;

	

	}

  .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;

}



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

.navbar-wrapper .navbar {

 border-radius: 4px;

}

ul.nav.navbar-nav>li>:hover {

	background:#FF0 url(css_img/nav_bg_hover.jpg);

	

}

.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:#4a9600 url(css_img/bdy_bg.jpg);

	background-position-y:top;

	background-repeat:no-repeat;

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

}***/

 .info-heading {

 margin-top: 120px;

}

.glyphicon-chevron-right {

 display:none;

}

h1.back-to-top {

 position: fixed;

 z-index: 999;

 right: 8%;

 bottom: 16px;

}

}
/*Medium screen min 768 and max 997 pixels navigation bar font padding setting for resizing position*/
@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;

}

}

.foot_bg {

    padding-top: 0px;

    padding-bottom: 0px !important;

    margin-bottom: 0px !important;

    background: url(css_img/wall_bg.png) repeat;

}

footer {

	position:relative;

	margin: auto;

	padding:10px 0px 5px 0px;

	min-height:1%;

	width:100%;

	background-color:transparent;

	color: #FF0;

}

.facebook, .blog, .about {

    padding-right: 0px;

    padding-left:  0px;

	background-color:none;

}

.foot-item {

	position:relative;

	display:block;

	margin:0;

	padding:6px 6px 6px 6px;

	border-right:1px #0F0 ridge;

	overflow:hidden;

	width:100%;

	min-height:226px;

	text-align:center;

	color:#F30;

	background-color:#3FF;

}

#foot-facebook {

	border-left:1px #0F0 ridge; /*adding left border for matching*/

	overflow:hidden;

	

}

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

.back-to-top {

	position: fixed;

	z-index: 999;

	right: 0px;

	bottom: 10px;

}

/*clearfix bug in Sharethis*/

  #goog-gt-tt {

    display: none !important;

}