@media (max-width: 992px){
	.navbar-header {
		float: none;
	}
	.navbar-left,.navbar-right {
		float: none !important;
	}
	.navbar-toggle {
		display: block;
	}
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
		z-index: 1000;
	}
	.navbar-fixed-top {
		top: 0;
		border-width: 0 0 1px;
	}
	.navbar-collapse.collapse {
		display: none!important;
	}
	.navbar-nav {
		float: none!important;
		margin: 7.5px 0;
	}
	.navbar-nav>li {
		float: none;
	}
	.navbar-nav>li>a {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.collapse.in{
		display:block !important;
	}

	.navbar-nav .open .dropdown-menu {
		background-color: rgba(0, 0, 0, 0.7) !important;
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
		background-color: transparent;
		border: 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.dropdown-menu > li > a {
		color: white !important;
	}

	#main_menu .collapse.in {
		background-color: rgba(0, 0, 0, 0.9);
	}
	
	.navbar-collapse {
		color: white !important;
	}
}

@media (max-width: 768px) {
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: black;
	}

	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
		color: white;
	}
}
/****************************************************************************************
										HEADER
****************************************************************************************/
/* <==== MySelf ======>*/
#header {
	width: 100%;
	background: url(../img/vietjap_banner.jpg) no-repeat center;
	background-size: cover;
}

#main_menu {
	width: 100%;
	z-index: 10000;
	position: fixed;
	color: white;
	transition: color 0.3s;
	transition : 0.7s transform;
}

#contact {
	color: #ababab;
	line-height: 30px;
	font-weight: 700;
	height: 50px;
	background-color: #111111;
	padding: 10px 0;
	transition : all 0.3s;
}

#contact div div div {
	display: inline-block;
	margin-left: 10px;
}

#contact a {
	color : #bababa;
	text-decoration: none;
}

#contact div div a:hover, #contact div div a:focus {
	color: #ffffff !important;
}

.mynav li a {
	position: relative;
}

.underline {
	display: block;
	margin-top: 8px;
	position: relative;
	height: 3px;
	width: 0;
	left: 50%;
	background-color: #f58634;
	transition: all .4s;
}

#cover {
	background-color: rgba(0, 0, 0, 0.5);
}

.logo {
	padding: 20px 0 40px 0;
}

#cover > .container {
	padding-top: 131px;
}

.logo b {
	font-size: 40px;
	font-weight: 700;
	color: #ffffff;
}

/* <==== Override ====>*/
.navbar {
	margin-bottom: 0px;
	border-radius: o;
}
.navbar-default {
	z-index: 1000;
	padding-top: 20px;
	background-color: transparent;
	border: none;
}

.navbar-default .navbar-brand {
	color: inherit !important;
}

.navbar-default .navbar-nav>li>a {
	color: inherit !important;
}

/* .navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover { */
/* 	color: white; */
/* 	background-color: transparent; */
/* } */

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
	color: white;
	background-color: transparent;
}

.navbar-default .navbar-nav>li>a:focus .underline, .navbar-default .navbar-nav>li>a:hover .underline, .navbar-default .navbar-nav>.open>a .underline, .navbar-default .navbar-nav>.open>a:focus .underline, .navbar-default .navbar-nav>.open>a:hover .underline{
	left: 0;
	width: 100%;
}

.navbar-nav .open .dropdown-menu {
	left: 0;
	right: auto;
	background-color: rgba(255, 255, 255, 0.9);
	padding: 0;
	border: none;
	border-radius: 0;
}

.dropdown-menu>li>a {
	padding: 15px 20px;
	color: #111111;
	transition: all .3s;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	color: white;
	background-color: rgba(0, 0, 0, 1);
}

.navbar-default .navbar-toggle {
	border-color: #ffffff;
}

.navbar-default .navbar-toggle:focus {
	background-color: transparent;
}

.navbar-default .navbar-toggle:hover {
	background-color: rgba(49, 49, 49, 0.7);
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #ffffff;
}

.my-login-modal-content {
	padding: 15px;
	border-radius: 0px;
}

.my-login-modal-content .input-group-addon, .my-login-modal-content .form-control {
	border-radius: 0px;
}

.modal-footer {
	position: relative;
	border-top: 1px solid #cccccc;
}

.fast-log {
	position: absolute;
	color: #cccccc;
	display: inline-block;
	top: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: #ffffff;
	padding: 0px 5px;
}

.modal-footer .row {
	padding: 0px !important;
}

.my-btn-login-gg, .my-btn-login-fb, .my-btn-login-nor  {
	width: 100%;
	height: 40px;
	text-align: center;
	text-transform: uppercase;
	line-height: 40px;
	font-weight: 400;
	color: #ffffff;
	cursor: pointer;
}

.my-btn-login-fb {
 	background-color: #31589C;
 }
 
.my-btn-login-fb:hover {
	background-color: #19386d;
}
 
 .my-btn-login-gg {
 	background-color: #ea4335;
 }
 
  .my-btn-login-gg:hover {
  	background-color: #b91f12;
  }
 
 .my-btn-login-nor {
 	background-color: #ff5722;
 }
 
 .my-btn-login-nor:hover {
 	background-color: #e23b07;
 }
 
 .my-disabled {
    pointer-events: none;
    opacity: 0.4;
}

#modal-login {
	z-index: 10100;
}

#modal-login .modal-dialog {
	margin-top: 70px;
}

.nav-scr > #box-nav {
	background-color : white;
	box-shadow: 0px 1px 10px 0 #ababab;
	transition: all 0.7s;
}

.nav-scr {
	color: black !important;
}

.nav-scr-non {
	color: white !important;
}

.nav-scr-non > #box-nav {
	background-color : transparent;
	box-shadow: none;
	transition: all 0.7s;
}

.nav-scr .navbar-toggle {
	border-color: #1b1b1b !important;
	background-color: rgba(0, 0, 0, 0.68) !important;
}

.myhide {
	transform: translate(0, -110%);
}

/****************************************************************************************
										FOOTER
****************************************************************************************/
/* <==== MySelf ======>*/
#footer {
	color: #ffffff;
	padding: 40px 0;
	background-color: #000000;
}

#footer a {
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;

}

#footer span {
	margin-right: 15px;
}

.copyright-content {
	padding-top: 30px;
	color: #999999;
}

.copyright-content p {
	line-height: 30px;
	margin-bottom: 0;
}

.copyright-content ul {
	padding: 0;
	display: inline-block;
	list-style: none;
	margin-bottom: 0;
}

.copyright-content ul li {
	float: left;
	line-height: 30px;
	margin-right: 15px;
}

.copyright-content ul li a{
	color: #999999 !important;
}

.copyright-content ul li a:hover{
	color: #dcdcdc !important;
}

.btn-pa {
	display: inline-block;
	overflow: hidden;
	position: relative;
	border-radius: 20px;
	z-index: 1000;
	margin: 10px 10px 10px 0;
}

.btn-pa > div > a{
	padding: 7px 12px;
	text-decoration: none;
	display:inline-block;
}

.first > a {
	font-weight: 700;
	background-color: white;
	color: black !important;
}

.first {
	position: relative;
	left: 0;
	transition: all .5s;
}

.last {
	position: absolute;
	top: 0;
	left: -100%;
	transition: all .5s;
}

.last > a {
	font-weight: 700;
	color: white;
}

.btn-pa:hover .first{
	left: 100%;
}

.btn-pa:hover .last {
	left: 0;
}

.btn-btt {
	position: fixed;
	bottom: 50px;
	right: 40px;
	z-index: 1000;
	padding: 10px !important;
	background-color: #373C43;
	color: white;
	text-align: center;
	cursor: pointer;
	display: none;
	transition : color 0.3s;
}

.btn-btt:hover {
	color: #ff8103;
}