@charset "utf-8";
/*
 KSODESIGN MULTIPURPOSE XE LAYOUT
 http://ksodesign.com/
 
 Copyright 2010 KSODESIGN	 
 Contributing author : KSJade (contact@ksodesign.com)
----------------------------------------------------------------*/
/*
** Default 
--------------------------------------------------------*/
body {position: relative;background-color:#fff;}
.top-search .form-control::-moz-placeholder{color:#fff;opacity:1;}
.top-search .form-control:-ms-input-placeholder{color:#fff;}
.top-search .form-control::-webkit-input-placeholder{color:#fff;}

/* header
--------------------------------------------------------*/
.fixed-menu {position: fixed;top: 40%;right: 20px;z-index: 1002;}
.fixed-menu>ul {margin: 0;padding: 0;list-style: none;}
.fixed-menu>ul>li {position: relative;}
.fixed-menu>ul>li>a {
	display: block;
	margin-top: -1px;
	width: 46px;height: 46px;
	text-align: center;line-height: 46px;
	background-color: #fff;border: 1px solid #ddd;    
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
}
.fixed-menu>ul>li>.alt {
	display: none;
	position: absolute;right: 46px;top: 0;
	padding: 0 10px;min-width: 120px;width: auto;
	line-height: 46px;
	text-align: right;color: #fff;
	white-space: nowrap;
}
.fixed-menu>ul>li:hover>.alt {display: block;}

/* section
--------------------------------------------------------*/
/* video caption */
.player-caption {position: absolute;left: 0;top: 0;width: 100%;z-index: 1;}
.player-caption>.item-caption {
    position: absolute;left: 50%;top: 35%;
    margin-left: -30%;width: 60%;
    text-align: center;
}
.player-caption>.item-caption>h1 {font-size: 50px;font-weight: normal;margin-top: 0;}
.player-caption>.item-caption>h4 {font-size: 20px;font-weight: normal;}

.kso-section {padding-top: 60px;padding-bottom: 60px;}
.kso-section h1,.kso-section h2,.kso-section h3 {margin-top: 0;}
.section-header {position: relative;margin-top: 0;margin-bottom: 20px;font-weight: normal;}

/* latest */
.kso-section-latest {position: relative;}
.kso-section-latest .content-display:before,
.kso-section-latest .content-display:after {content: '';display: table;}
.kso-section-latest .content-display {
	position: relative;
	margin-top: -160px;padding: 40px 25px 30px;
	border-bottom: 1px solid #ddd;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.03);
	overflow: hidden;
	z-index: 1001;
}
.kso-section-latest .latest-box {min-height: 130px;}
.kso-section-latest .latest-box>span {position: absolute;left: 0;top: 0;font-size: 60px;line-height: 1;color: #eaeaea;}
.kso-section-latest .latest-box h5 {padding-bottom: 5px;font-weight: bold;}
.kso-section-latest .latest-box h5 a {display: block;}
.kso-section-latest .latest-box h5 i {margin-top: 5px;}
.kso-section-latest .slider-owl .owl-item img.max-width {max-width: 390px;}

.line-laser {position: relative;}
.line-laser:before {
	content: '';display: block;
	position: absolute;left: 0;bottom: 0;
	width: 100%;height: 1px;
	background-color: #ddd;
}
.line-laser:after {
	content: '';display: block;
	position: absolute;left: 0;bottom: 0;
	width: 100%;height: 1px;
	background-color: #111;
	-webkit-transform-origin: right center;
    -moz-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
    -webkit-transform: scale(0, 1);
    -moz-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.line-laser:hover::after {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}


/* section-title */
.section-title {
	position: relative;
	margin-bottom: 30px;margin-top: 0;
	font-size: 18px;
	line-height: 1.2;
}
.section-title.text-center>span {position: relative;padding: 0 20px;background-color: #fff;}
.section-title.text-center>span:before,
.section-title.text-center>span:after {
	content: '';
	position: absolute;top: 9px;
	width: 8px;height: 8px;
	border: 2px solid #ccc;
	border-radius: 50%;
}
.section-title.text-center>span:before {left: 0;}
.section-title.text-center>span:after {right: 0;}

/* kso-section-brick */
.kso-section-brick .banner-column {position: relative;}
.kso-section-brick .banner-column a.brick-anchor {
	display: block;
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;
	opacity: 0;
	z-index: 1;
}
.kso-section-brick .banner-column:hover a.brick-anchor {opacity: 0.3;}
.kso-section-brick .banner-column:before,
.kso-section-brick .banner-column:after {
	content: '';display: block;
	position: absolute;left: 0;top: 0;right: 0;bottom: 0;
	margin: auto;
	border: 1px solid #fff;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}
.kso-section-brick .banner-column:before {width: 0;height: 90%;border-left: 0;border-right: 0;}
.kso-section-brick .banner-column:after {width: 93%;height: 0;border-top: 0;border-bottom: 0;}
.kso-section-brick .banner-column.center:before {width: 0;height: 95%;border-left: 0;border-right: 0;}
.kso-section-brick .banner-column.center:after {width: 93%;height: 0;border-top: 0;border-bottom: 0;}
.kso-section-brick .banner-column:hover:before {width: 93%;}
.kso-section-brick .banner-column:hover:after {height: 90%;}
.kso-section-brick .banner-column.center:hover:before {width: 93%;}
.kso-section-brick .banner-column.center:hover:after {height: 95%;}
.kso-section-brick .banner-column>.brick-title {position: absolute;left: 2em;top: 2em;margin: 0;color: #fff;z-index: 1;}

/* kso-post */
.kso-section-brick .post-wrap {position: relative;overflow: hidden;}
.kso-section-brick .post-wrap > .col-md-6 {padding:0}
.kso-section-brick .post-wrap .block-inner {float:left;position:relative;width:100%;height: 100%;background-color: #f3f3f3}
.kso-section-brick .post-wrap .block-inner .block-thumb,
.kso-section-brick .post-wrap .block-inner .block-cont {float:left;position:relative;width:50%;height: 100%;min-height: 200px;}
.kso-section-brick .post-wrap .block-inner .block-thumb {
	background-repeat: no-repeat;
	background-position: center center;
}
.kso-section-brick .post-wrap .block-inner .block-thumb a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.kso-section-brick .post-wrap .block-inner .block-thumb a:before {
	content: '';position: absolute;right: -1px;top:50%;
	margin-top:-15px;
	border:15px solid transparent;
	border-right-color:#F3F3F3;z-index: 3;
}
.kso-section-brick .post-wrap .block-inner .block-thumb a:after {
	content: '';position: absolute;left:0;top: 0;width: 100%;height: 100%;
	opacity: 0;background-color: rgba(22,22,22,.3);
	-webkit-transition: opacity .3s ease-out;
     -moz-transition: opacity .3s ease-out;
     transition: opacity .3s ease-out;
}
.kso-section-brick .post-wrap .block-inner:hover .block-thumb a:after {opacity: 0.5}
.kso-section-brick .post-wrap .block-thumb.thumb1 {background-image: url(../img/block-b1.jpg);}
.kso-section-brick .post-wrap .block-thumb.thumb2 {background-image: url(../img/block-b2.jpg);}
.kso-section-brick .post-wrap .block-thumb.thumb3 {background-image: url(../img/block-b3.jpg);}
.kso-section-brick .post-wrap .block-thumb.thumb4 {background-image: url(../img/block-b4.jpg);}

.kso-section-brick .post-wrap .block-inner .block-cont {padding: 30px}
.kso-section-brick .post-wrap .block-inner .block-cont h4 {margin-top: 10px;font-size: 16px;line-height: 1.4;}
.kso-section-brick .post-wrap .block-inner.block-flip .block-thumb,
.kso-section-brick .post-wrap .block-inner.block-flip .block-cont {float:right}
.kso-section-brick .post-wrap .block-inner.block-flip .block-thumb a:before {
	left:0;right:auto;
	border-left-color: #F3F3F3;
	border-right-color:transparent;
}
.kso-section-brick .post-wrap .block-cont>a>div {margin-top:20px;font-size: 13px;color: #8a8a8a;}


/* parallaxer */
.kso-parallaxer .half-black:before {
	content: '';display: block;
	position: absolute;top: 0;left: 50%;right: 0;bottom: 0;
	background-color: #e6e6e6;
}
.btn-line {color: #555;border-color: #999;}
.kso-parallaxer .btn-line {margin-left: auto;margin-right: auto;color: #fff;border-color: #fff;}

/* icobox */
.kso-section-icobox .sec-banner .ico-box {position: relative;padding: 2em 2em 2em 6em;}
.kso-section-icobox .sec-banner .ico-box i{position: absolute;left: 1.2em;top: 1.4em;}
.kso-section-icobox .sec-banner .ico-box h4 {
	margin-top: 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}
.kso-section-icobox .sec-banner.white .ico-box h4,
.kso-section-icobox .sec-banner.white .ico-box i,
.kso-section-icobox .sec-banner.white .ico-box {color: #fff;}
.kso-section-icobox .sec-banner.black .ico-box h4,
.kso-section-icobox .sec-banner.black .ico-box i,
.kso-section-icobox .sec-banner.black .ico-box {color: #5e616d;}
.kso-section-icobox .sec-banner.black .ico-box>div {font-size: 13px;}
.kso-section-icobox .sec-banner .ico-box .icobox-anchor {
	position: absolute;left: 0;top: 0;
	width: 100%;height: 100%;
}
.kso-section-icobox .sec-banner .bgcolor1 {background-color: #F29FA7;}
.kso-section-icobox .sec-banner .bgcolor2 {background-color: #8ca6d8;}
.kso-section-icobox .sec-banner .bgcolor3 {background-color: #84D79C;}

/* post */
.kso-section-post .post-section {border: 3px solid #e6e6e6;overflow: hidden;}
.kso-section-post .post-section .post-bg {	background-color: #e6e6e6;}
.kso-section-post .post-section .post-body {padding: 1em 1em;}
.kso-section-post .post-header {padding: 2em 1em;}
.kso-section-post .post-header h2 {margin-top: 0;margin-bottom: 20px;font-size: 24px;line-height: 1.4;}
.kso-section-post .post-header h2.line-point-bottom:after {width: 1em;height: 2px;background-color: #777;}
.kso-section-post .post-header .box-summary {position: relative;font-size: 13px;}
.kso-section-post .post-section .owl-widget {margin-bottom: 10px;}

/* sub */
.col-md-9.space-adjust {padding-top: 34px;}
.sub-header {background-color: #fff;}
.sub-header .sub-header-caption h1 {margin: 0;line-height: 1;}
.sub-header .sub-header-caption h1>small {font-size: 60%;}
.submenu-md {margin-top: -40px;margin-bottom: 30px;}
.submenu-md>ul {display: table;float: none;margin: 0 auto;}
.submenu-md .nav>li>a:focus, 
.submenu-md .nav>li>a:hover,
.submenu-md .nav-pills>li.active>a, 
.submenu-md .nav-pills>li.active>a:focus, 
.submenu-md .nav-pills>li.active>a:hover {background-color: transparent;}
.submenu-md .nav-pills>li>a:after {
    display: block;content: '';
    position: absolute;left: 0px;top: 50%;
    margin-top: -7px;width: 1px;height: 14px;
    background-color: #ccc;
    transform: rotate(30deg);
}
.submenu-md .nav-pills>li:first-child>a:after {display: none;}
.aside .side-nav .list-group-item {
    transition: all 0.2s ease;
}
.aside .side-nav .list-group-item:hover {padding-left: 10px;}
.aside .side-nav .list-group-item.on:hover {padding-left: 3px;}
.kso-contents {min-height: 500px;}

/* footer */
.section-footer {font-size: 13px;}
.section-footer .footer_menu a {position: relative;padding: 0 10px;font-weight: bold;}
.section-footer .footer_menu a:before {
	content: '';display: block;
	position: absolute;left: -2px;top: 4px;
	width: 1px;height: 12px;
	background-color: #aaa;
}
.section-footer .footer_menu ul {margin-left: 0;}
.section-footer .footer_menu li {padding: 0;}
.section-footer .footer_menu li:first-child a {padding-left: 0;}
.section-footer .footer_menu li:first-child a:before {display: none;}
.section-footer hr {border-top-color: #ddd;}
.section-footer .kso-social a {display: inline-block;width: 25px;height: 25px;text-align: center;}
.section-footer .kso-copyright {padding: 10px;font-size:12px;color:#ddd;}


/* pannel-wrapper */
.pannel-wrapper .padding-none {padding-left: 0;padding-right: 0;}
.pannel-wrapper .form-control {
    border: 0;border-bottom: 1px solid #ccc;
    border-radius: 0;
    box-shadow: none;
}
.pannel-wrapper .keep-sign,
.pannel-wrapper .find-account {font-size: 12px;}
.pannel-wrapper .pannel-search {position: relative;}
.pannel-wrapper .pannel-search .search-ico {position: absolute;left: 10px;top: 6px;}
.pannel-wrapper .pannel-search input {padding: 7px 7px 7px 35px;width: 100%;line-height: 1.4;border: 1px solid #dcdcdc;}
input:-webkit-autofill {background: none !important;}

.btn-line-login {
	text-align: center;
	color: #666;
	background-color: #fff;
	border: 1px solid #ccc;
}
.btn-line-login:hover {
	color: #fff;
	background-color: #ccc;
	border: 1px solid #ccc;
}

/* ETC
--------------------------------------------------------*/
#bd_wizard {z-index: 1100;}
.bg-gray {background-color: #f8f8f8;}
.margin-none {margin-left: 0;margin-right: 0;}

body.on-side {margin: 0;}
.side-pannel-base {
    position: absolute;left: 0;top: 0;right: 0;bottom: 0;        
    opacity: 0;z-index: -1;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s 
}
body.on-side .side-pannel-base {
    background-color: rgba(100,100,100,.7);
    cursor: url(../img/cursor-close.png), auto;
    opacity: 1;z-index: 8;
}
body.on-side .side-pannel {z-index: 10;}
.submenu-xs {padding: 0;margin-bottom: 30px;}



/* mediaQuery
--------------------------------------------------------*/
@media (min-width: 768px) {

}
@media (min-width: 992px) {
    nav.navbar.bootsnav.navbar-fixed {left: 0;right: 0;}
    nav.navbar.bootsnav.menu-center .navbar-header {padding-left: 60px;}
    nav.navbar.bootsnav.menu-center .attr-nav {padding-right: 30px;}

	.mb-lg-30 {margin-bottom: 30px;}
	.kso-section-icobox .sec-banner.overlap-top {margin-top: -60px;}
	.kso-section-post .post-header {min-height: 350px;}
	.section-footer .kso-social {margin-top: 30px;text-align: right;}
}
@media (min-width: 1340px) {
	.container {width: 1170px !important;}
}
@media (max-width: 1339px) {
	.container {width: 100% !important;}
}
@media (max-width: 991px) { 
    nav.navbar.bootsnav .navbar-toggle {display: none;}
    nav.navbar.bootsnav .navbar-brand {float: left !important;display: block;height: 56px;}
	.kso-parallaxer .half-black:before {top: 50%;left: 0;}
	.kso-section-icobox .sec-banner {margin-top: 20px;}
	.section-footer .footer-content {text-align: center;}
	.section-footer .footer-content .footer-logo>img {display: block;margin: 0 auto;}
    .player-caption>.item-caption>h1 {font-size: 30px;}
    .player-caption>.item-caption>h4 {font-size: 14px;}
	.kso-section-brick .post-wrap .block-inner .block-thumb,
	.kso-section-brick .post-wrap .block-inner .block-cont {min-height: 250px;}
}
@media (max-width: 767px) { 
    .kso-section {padding-top: 50px !important;padding-bottom: 50px !important;}
    .player-caption>.item-caption {top: 20%;}

	.kso-section-brick .post-wrap .block-inner .block-thumb,
	.kso-section-brick .post-wrap .block-inner .block-cont {width:100%;}	
	.kso-section-brick .post-wrap .block-inner .block-thumb a:before {
		right:50%;bottom:0;margin-right:-15px;
		border-bottom-color:#f3f3f3;
		border-right-color:transparent;
	}
	.kso-section-brick .post-wrap .block-inner.block-flip .block-thumb a:before {
		left:auto;right:50%;bottom:0;
		margin-right:-15px;
		border-bottom-color:#f3f3f3;border-left-color:transparent;
	}

    .section-footer .footer-logo>img {margin: auto;}
    .section-footer .footer-info {padding-right: 0;}
    .section-footer .kso-copyright .pull-left,
    .section-footer .kso-copyright .pull-right {float: none !important;text-align: center;}
    .scroll-top {right: 10%;}

}
@media (max-width: 480px) { 
	/* #slider_owl .owl-item img {width: auto;height: 250px;} */
    #slider_owl .item-caption .container>div.owl-p {
        margin: 0 auto;width:300px;
        text-overflow:ellipsis;
        overflow:hidden;
        white-space:nowrap;
    }
    h1.section-header {font-size: 30px;}
	.kso-parallaxer .half-black:before {position: absolute;top: 45%;left: 0;}
	.kso-parallaxer .half-black .col-md-5.col-md-offset-2 {text-align: center;background-color: #e6e6e6;}
	.kso-parallaxer .half-black .col-md-5.col-md-offset-2 h3 {padding-top: 20px;}
	.kso-section-brick .post-wrap {margin: 0 auto;max-width: 360px;}
}