body {
	background:#fff;
}

/* for equal height */
.row-eq-height {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
}

.center-block {
	float:none;
}

.column-centered {
	margin:0px auto;
	float:none;
}

.flush {
	padding:0px;
}

.flush-left {
	padding-left:0px;
}

.flush-right {
	padding-right:0px;
}

.tablerow {
	display:table;
	width:100%;
	height:100%;
}

.tablecell {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}

img {
	max-width:100%;
	display:inline-block;
}

@font-face {
    font-family: 'helveticaneue';
    src: url('../fonts/helveticaneue.eot');
    src: url('../fonts/helveticaneue.eot') format('embedded-opentype'),
         url('../fonts/helveticaneue.woff2') format('woff2'),
         url('../fonts/helveticaneue.woff') format('woff'),
         url('../fonts/helveticaneue.ttf') format('truetype'),
         url('../fonts/helveticaneue.svg#helveticaneue') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('../fonts/HelveticaNeueBold.eot');
    src: url('../fonts/HelveticaNeueBold.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueBold.woff2') format('woff2'),
         url('../fonts/HelveticaNeueBold.woff') format('woff'),
         url('../fonts/HelveticaNeueBold.ttf') format('truetype'),
         url('../fonts/HelveticaNeueBold.svg#HelveticaNeueBold') format('svg');
}

h1,h2,h3,h4,h5,h6,p,ul,a {
    font-family: 'helveticaneue';
}

h1 {
    font-family: 'helveticaneue';
}

.navbar-default .navbar-nav>li>a {
    font-family: 'helveticaneue';
}

img {
	max-width:100%;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background:none;
}

.navbar-default {
	background:none;
	min-height:70px;
	border:none;
	border-radius:0px;
	margin:0px;
}

.navbar-brand {
	height:70px;
	padding:0px 15px;
}

.navbar-brand img {
	display:inline-block;
}

.navbar-right {
	margin-right:0px;
}

.navbar-nav>li {
	margin-top:8px;
	margin-left:13px;
}

.navbar-nav>li>a {
	color:#fff;
}

.navbar-default .navbar-nav>li>a {
	color:#fff;
	font-size:15px;
	font-weight:400;
	line-height:44px;
	padding:0 15px;
}

.navbar-default .navbar-nav>li>a .fa {
	margin-left:5px;
}

.navbar-default .navbar-nav>li>a.bt.yel {
	background:#57a170;
	border-color:#57a170;
	color:#000;
	font-weight:bold;
	font-family: 'HelveticaNeueBold';
	margin-left:80px;
}

.navbar-default .navbar-nav>li>a.bt {
	color:#fff;
	border:2px solid #fff;
	border-radius:8px;
	line-height:40px;
	width:138px;
	text-align:center;
	margin-left:5px;
}

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

section {
	float:left;
	width:100%;
}

a, a:hover, a:focus {
	color:inherit;
	text-decoration:none;
}

body {
    font-family: 'helveticaneue';
	background:#000;
}

/* Main Styles */
#header {
	padding:15px 0px 6px 0;
	background:#000000;
}

/*** ***/
#banner {
	padding:70px 0px 110px 0;
	background:url(../images/banner.png) 50% 50% no-repeat;
	background-size:cover;
}

#banner .bg {
	background: linear-gradient(180deg, #292929 0%, #181818 100%, #141414 100%);
	mix-blend-mode: normal;
	border: 1px solid rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
	border-radius: 8px;
	padding: 32px;
}


.l-btn {
	display:inline-block;
	font-size:15px;
	font-weight:700;
	color:#000;
	border-radius:8px;
	line-height:40px;
	min-width:223px;
	text-align:center;
	margin-left:5px;
	line-height:48px;
	background:#57a170;
}

#banner h3 {
	color:#fff;
	font-weight: bold;
	font-family: 'HelveticaNeueBold';
	font-size: 24px;
	line-height: 29px;
	margin-top:0;
	margin-bottom:25px;
}

#banner p {
	color:#fff;
	font-weight: bold;
	font-family: 'HelveticaNeueBold';
	font-size: 18px;
	line-height: 22px;
	margin-bottom:35px;
}



/*** ***/
#advantages {
	background:#000;
	padding:65px 0 80px 0;
}

#advantages h2 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'HelveticaNeueBold';
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 3px;
	margin: 0px;
	margin-bottom:40px;
}

#advantages .al {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(9,16,29,0.9);
	mix-blend-mode: normal;
	padding:0 20px;
}


#advantages .al:hover {
	background:rgba(115,110,2,0.9);
	background:rgba(141,100,3,0.9);
}

#advantages p {
	color: #FFFFFF;
	font-weight: 500;
	font-size: 18px;
	line-height: 22px;
	margin: 0px;
	transition:all .1s;
}

#advantages .img {
	display:inline-block;
	position:relative;
	border-bottom:2px solid #fff;
	padding-bottom:25px;
	height:0;
	opacity:0;
	transition:all .1s;
	margin-bottom:20px;
}

#advantages .al:hover .img {
	opacity:1;
	height:auto;
}

#advantages  .bx-wrapper .bx-pager {
	bottom:-65px;
}

#advantages  .bx-wrapper .bx-pager.bx-default-pager a{
	background:#6D7580;
	width:10px;
	height:10px;
	border-radius:50%;
	bottom:-40px;
	margin:0 9px;
}

#advantages .bx-wrapper .bx-pager.bx-default-pager a:hover,#advantages .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#fff;
}

#advantages .bx-wrapper .bx-controls-direction a{
	width:28px;
	height:27px;
	top:100%;
	margin-top:35px;
}

#advantages .bx-wrapper .bx-prev {
    left: 10px;
    background: url(../images/arrow-left.png) no-repeat;
}

#advantages .bx-wrapper .bx-next {
    right: 10px;
    background: url(../images/arrow-right.png) no-repeat;
}

/*** ***/
#detail-info {
	background:#000;
	padding:110px 0 50px 0;
}

#detail-info h2 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: 'HelveticaNeueBold';
	font-size: 24px;
	line-height: 29px;
	letter-spacing: 3px;
	margin: 0px;
	margin-bottom:40px;
}

#detail-info .table-responsive {
	margin-bottom:20px;
}

#detail-info .note {
	display:inline-block;
	border: 2px solid #394452;
	border-radius: 40px;
	margin: 0px 0px 25px 0;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
	line-height:54px;
	padding:0 20px;
    font-family: 'helveticaneue';
}

#detail-info .note img {
	margin-right:10px;
}

#detail-info .table>thead>tr>th {
	border:none;
	background: #57a170;
	color:#fff;
	font-size:16px;
	font-weight:600;
    font-family: 'helveticaneue';
	padding:0 15px;
	line-height:52px;
}
.bni-auth-box-form-button, .bni-auth-box-form-button:active, .bni-auth-box-form-button:hover {
    border: 1px solid #57a170!important;
    background-color: #57a170!important;
}
#detail-info .table>tbody>tr>td {
	border:none;
	background: #212121;
	color:#fff;
	font-size:16px;
    font-family: 'helveticaneue';
	vertical-align:middle;
	padding:13px 10px;
}

#detail-info .table>tbody>tr>td.lg {
	font-size:13px;
}

#detail-info .table>tbody>tr>td.lg span {
	font-size:16px;
	font-weight:600;
}

#detail-info .table>tbody>tr:nth-child(even) td { 
	background:#000;
}

/*** ***/
#footer {
	background:#000;
	border-top:2px solid #2C2C2C;
	padding-bottom:50px;
}

#footer .news {
	padding: 24px 0;
	border-bottom:2px solid #2C2C2C;
	margin-bottom:40px;
}

#footer h2 {
	color:#fff;
	font-weight: bold;
	font-family: 'HelveticaNeueBold';
	font-size: 18px;
	line-height: 22px;
}

#footer input {
	display:inline-block;
	width:100%;
	background: #292929;
	border: 1px solid #4A4D51;
	box-sizing: border-box;
	border-radius: 8px;
	outline:none;
	height:48px;
	padding:0 16px;
	color: #FFFFFF;
	color:rgba(255,255,255,.5);
	font-family: 'HelveticaNeueBold';
}

#footer input.submit {
	text-align:center;
	padding:0 15px;
	background:#57a170;
	border-color:#57a170;
	color:#000;
}

#footer h3 {
	color:#888888;
	font-size: 14px;
	margin-top:0;
	margin-bottom:12px;
}

#footer ul {
	list-style:none;
	padding:0;
	margin:0;
	display:inline-block;
	width:100%;
}

#footer ul li a {
	display:inline-block;
	color:#fff;
	font-size: 14px;
	line-height:24px;
}

#footer .tel {
	display:inline-block;
	color:#fff;
	font-size: 20px;
}

#footer .tel img {
	margin-right:12px;
}

#footer .social a {
	display:inline-block;
	color:#fff;
	font-size:16px;
	margin-left:10px;
}

#footer .copy p {
	display:inline-block;
	color:#888888;
	font-size:12px;
	margin:20px 0;
}

/*** ***/
/*** ***/
/*** ***/

/*** ***/

/*** ***/

/*** ***/
.bx-wrapper img {
	display:inline-block;
}

ul.bxslider {
	list-style:none;
}

.bx-wrapper {
	margin-bottom:0px;
}

.bx-wrapper .bx-controls-direction a {
	width:28px;
	height:34px;
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../images/arrow-left-white.png) no-repeat;
	background-size:cover;
}

.bx-wrapper .bx-next {
    background: url(../images/arrow-right-white.png) no-repeat;
}

.pagination>li>a.five {
	background:red;
	color:black;
}

/**** ****/
#menu-div {
	position:fixed;
	top:0;
	left:0;
	background:#fff;
	height:100vh;
	z-index:99999;
	width:92%;
	left:-100%;
	transition:all .3s;
	overflow-y:scroll;
}

#menu-div.active {
	left:0;
}

#menu-div .head {
	padding:10px 15px 20px 15px;
	background:#000;
}

#menu-div .head h3 {
	color:#fff;
	font-size:16px;
	font-weight:500;
	margin-bottom:25px;
}

#menu-div .head .l-btn {
	width:45%;
	min-width:auto;
}

#menu-div .head .l-btn.wt {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 8px;
	background:none;
	line-height:44px;
	float:right;
}

#menu-div .main {
	padding:0px 15px 40px 15px;
}

#menu-div .main ul {
	list-style:none;
	padding:0;
	margin:0;
	display:inline-block;
	width:100%;
}

#menu-div .main ul li {
}

#menu-div .main ul li>a {
	display:inline-block;
	color:#5E5873;
	font-size:16px;
	letter-spacing:-0.5px;
    font-family: 'HelveticaNeueBold';
	line-height:65px;
	box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.25);	
	width:100%;
}

#menu-div .main ul li a .fa {
	float:right;
	color:#000;
	font-size:22px;
	margin-top:23px;
	margin-right:15px;
}

#menu-div .main ul li>a.sd {
	color:#B9B9C3;
	font-size:16px;
	box-shadow:none;
	line-height:25px;
	padding-top:10px;
}
#menu-div .main ul li ul {
	padding-left:15px;
	box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.25);	
}

#menu-div .main ul li ul li a{
	line-height:45px;
	box-shadow:none;
}

#menu-div .main ul li ul li a .fa {
	margin-top:14px;
}



/*** ***/
#page-title {
	padding:70px 0px 110px 0;
	background:url(../images/bg-nos.png) 50% 50% no-repeat;
	background-size:cover;
	min-height:350px;
}

/*** ***/
#nos-info .title {
	margin-top:-118px;
}

#nos-info h2 {
	background:#000;
	line-height:118px;
	text-align:center;
	color:#fff;
	font-size:32px;
	font-weight:500;
	margin:0;
	margin-bottom:100px;
}

#nos-info .nav-tabs {
	box-shadow: inset 0px -1px 0px #DADADA;
	border:none;
	margin-bottom:45px;
}

#nos-info .nav-tabs>li {
	margin:0;
	border:none;
}

#nos-info .nav-tabs>li>a {
	background:none;
	border:none;
	padding:0 30px;
	color:#fff;
	font-size: 16px;
	font-weight: 500;
    font-family: 'helveticaneue';
	line-height:52px;
}

#nos-info .nav-tabs>li.active>a,#nos-info .nav-tabs>li.active>a:focus,#nos-info .nav-tabs>li.active>a:hover {
	box-shadow: inset 0px -4px 0px #57a170;
}

#nos-info .table-responsive {
	margin-bottom:20px;
}

#nos-info .note {
	display:inline-block;
	border: 2px solid #394452;
	border-radius: 40px;
	margin: 0px 0px 25px 0;
	font-size: 16px;
	line-height: 19px;
	color: #FFFFFF;
	line-height:54px;
	padding:0 20px;
    font-family: 'helveticaneue';
}

#nos-info .note img {
	margin-right:10px;
}

#nos-info .table {
	border-bottom:1px solid rgba(244,246,249,0.1);
}

#nos-info .table>thead>tr>th {
	border:none;
	background: #57a170;
	color:#fff;
	font-size:16px;
	font-weight:600;
    font-family: 'helveticaneue';
	padding:0 15px;
	line-height:52px;
}

#nos-info .table>tbody>tr>td {
	border:none;
	background: #212121;
	color:#fff;
	font-size:16px;
    font-family: 'helveticaneue';
	vertical-align:middle;
	padding:13px 10px;
	border-right:1px solid #000;
}

#nos-info .table>tbody>tr>td:last-child {
	border:none;
}
#nos-info .table>tbody>tr:last-child {
}

#nos-info .table>tbody>tr>td.lg {
	font-size:13px;
}

#nos-info .table>tbody>tr>td.lg span {
	font-size:16px;
	font-weight:600;
}

#nos-info .table>tbody>tr:nth-child(even) td { 
	background:#000;
}

/*** ***/
#nos-info2 {
	padding:80px 0 60px 0;
}

#nos-info2 h2 {
	color:#fff;
	font-size:24px;
	box-shadow: inset 0px -1px 0px #333333;	
	padding:15px 15px;
	margin:0;
}

#nos-info2 .panel-group {
    margin-bottom: 0px;
	box-shadow:none;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
	border:none;
	background:none;
	box-shadow:none;
}

.panel-default>.panel-heading {
	border:none;
	border-radius:0;
	background:none;
	padding:0;
	box-shadow:none;
}

.panel-default .panel-body {
	border:none !important;
	border-radius:0;
	background:none;
	padding:0;
	box-shadow:none;
	padding:15px 15px;
}

.panel-default .panel-title>a {
	color:#fff;
	font-size:18px;
	box-shadow: inset 0px -1px 0px #333333;	
	padding:15px 15px;
	display:inline-block;
	width:100%;
}

.panel-default .panel-title>a .fa {
	float:right;
	margin-top:5px;
}

.panel-default .panel-title>a .fa:before {
    content: "\f106";
}

.panel-default .panel-title>a.collapsed .fa:before {
    content: "\f107";
}

#nos-info2 p {
	color:#fff;
	font-size:14px;
}

/*** ***/
ul.sub-menu {
	background:#fff;
}

/*** ***/
#banner-home {
	background:url(../images/banner-home.png) 50% 50% no-repeat;
	background-size:cover;
	padding:410px 0 60px 0;
}

#banner-home .bg {
	background:#000;
	padding:38px 40px 30px 40px;
}

#banner-home h6 {
	font-size: 12px;
	letter-spacing: 0.15px;
	color: #999999;
}

#banner-home h2 {
	font-size: 32px;
	line-height: 1.3;
	letter-spacing: 0.15px;
	color: #FFFFFF;
	margin-top:0;
}

#banner-home p {
	font-size: 16px;
	line-height:19px;
	letter-spacing: 0.15px;
	color: #999999;
}

/*** ***/
#comment-info {
	padding:70px 0;
}

#comment-info h2 {
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: 0.15px;
	color: #999999;
	margin-top:0;
	margin-bottom:50px;
}

#comment-info h3 {
	color: #57a170;
	font-weight: 500;
	font-size: 20px;
	line-height: 24px;
	letter-spacing: 0.15px;
}

#comment-info p {
	color: #fff;
	font-size: 16px;
	line-height: 19px;
	line-height: 24px;
	letter-spacing: 0.15px;
	margin-bottom:25px;
}

#comment-info .l-btn {
	padding:0 18px;
	margin-top:40px;
}


/*** ***/
#deco-info {
	padding:70px 0 90px 0;
}

#deco-info h2 {
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: 0.15px;
	color: #999999;
	margin-top:0;
	margin-bottom:50px;
}

.fullwidth {
	width:100%;
}

#deco-info .bg {
	background: #161515;
	border: 1px solid rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	padding-bottom:30px;
}

#deco-info h3 {
	font-size: 24px;
	line-height: 29px;
	color: #fff;
	margin-top:0;
	margin-bottom:10px;
    font-family: 'HelveticaNeueBold';
	margin-top:20px;
}

#deco-info h4 {
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	margin-top:0;
	margin-bottom:10px;
    font-family: 'HelveticaNeueBold';
	margin-top:20px;
}

#deco-info p {
	font-size: 16px;
	line-height: 19px;
	color: #999999;
	margin-top:0;
	margin-bottom:10px;
	min-height:60px;
}

#deco-info .l-btn {
	margin-top:20px;
	background:none;
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	min-width:inherit;
	color:#fff;
    font-family: 'HelveticaNeueBold';
	padding:0px 40px;
}


/*** ***/
#deco-info2 {
	padding:30px 0 0px 0;
}

#deco-info2 h2 {
	font-size: 24px;
	line-height: 1.3;
	letter-spacing: 0.15px;
	color: #999999;
	margin-top:0;
	margin-bottom:25px;
}

#deco-info2 .div {
	border-bottom:4px solid #333333;
	margin-top:15px;
	padding-bottom:10px;
	position:relative;
	margin-bottom:25px;
}

#deco-info2 .div:before {
	content:'';
	bottom:-4px;
	left:0;
	width:126px;
	height:4px;
	background:#57a170;
	position:absolute;
	display:inline-block;
}

#deco-info2 .nav-tabs {
	border:none;
	margin-bottom:45px;
}

#deco-info2 .nav-tabs>li {
	margin:0;
	border:none;
	width:100%;
	margin-bottom:15px;
}

#deco-info2 .nav-tabs>li>a {
	background:none;
	border:none;
	padding:0 0px;
	color:#888888;
	font-size: 16px;
	font-weight: 500;
    font-family: 'helveticaneue';
	line-height:19.09px;
}

#deco-info2 .nav-tabs>li.active>a,#deco-info2 .nav-tabs>li.active>a:focus,#deco-info2 .nav-tabs>li.active>a:hover {
	color:#57a170;
}

#deco-info2 .bg {
	background:url(../images/bg-tab.png) 50% 50% no-repeat;
	background-size:cover;
	padding:60px 0px 20px 0;
}

#deco-info2 .bg ul {
	display:inline-block;
	width:100%;
	padding-left:15px;
    font-family: 'helveticaneue';
	color: #000;
	font-size:16px;
	line-height: 24px;
	margin-bottom:30px;
	font-weight:500;
}

#deco-info2 h3 {
	font-size:18px;
	line-height: 24px;
    font-family: 'HelveticaNeueBold';
	color: #000;
	margin:0;
}


/*** ***/
#une-info {
	background:url(../images/bg-une.png) 50% 50% no-repeat;
	background-size:cover;
	padding:280px 0 35px 0;
}

#une-info .bg {
	background:#000;
	padding:38px 40px 50px 40px;
}

#une-info h6 {
	font-size: 12px;
	letter-spacing: 0.15px;
	color: #999999;
}

#une-info h2 {
	font-size: 32px;
	line-height: 1.3;
	letter-spacing: 0.15px;
	color: #FFFFFF;
	margin-top:0;
}

#une-info p {
	font-size: 16px;
	line-height:19px;
	letter-spacing: 0.15px;
	margin-bottom:25px;
	color: #999999;
}


/*** ***/
/*** ***/