@charset "utf-8";

/* Default
****************************************/
::-moz-selection {background: #44B39E;color: white}
::selection {background: #44B39E;color: white}
body {color:#666}
#kso-container {background-position:center top;background-attachment:fixed}

/* xsmenu */
#xs-header {position:absolute;top:0;width:100%;-webkit-box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.2);box-shadow:0px 2px 3px 1px rgba(0, 0, 0, 0.1);z-index:1}
.menu-button,.xs-language{display:none;padding:17px;width:54px;color:#fff;cursor:pointer}
.xs-sitelogo img {height:54px}

#xs-menu .xs-register a{display: table-cell;padding:15px 0;width:1%;font-size:12px;text-align:center;color:#fff;border-left:1px solid #444;border-right:1px solid #222}
#xs-menu li a {color:#E2E2E2}
.mm-menu .mm-listview > li .mm-prev:before, 
.mm-menu .mm-listview > li .mm-next:after, 
.mm-menu .mm-listview > li .mm-arrow:after {border-color: #999}
#xs-menu a.mm-subopen {transition:.0s}
#xs-menu .xs-searchbox .xs-search {padding: 4px 8px;margin:15px 15px;width: 90%;color: #fff;background:rgba(255,255,255,0.1);border: 1px solid transparent;border-radius: 2px}

.mm-menu {background-color:#36373F}
.mm-list > li.xs-searchbox,
.mm-list > li.xs-summary {background:#262E33}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):before {content: '';border-bottom-width: 1px;border-bottom-style: solid;display: block;width: auto;position: relative;bottom: 0;left: auto;}
.mm-menu .mm-list > li:before{border-color: rgba(255, 255, 255, 0.10)}
.mm-menu .mm-list > li:after{border-color: rgba(0, 0, 0, 0.15)}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen{width:50px;height:50px;}
.mm-list > li > a{padding:14px 14px 14px 30px;text-shadow: 0px 1px 0px #000000;}
.mm-list li a:hover,.mm-list li a:active {color:#A7D41B}
.mm-list > li > span {padding:10px;text-align:center;text-shadow: 0px 1px 0px #000000;}
.mm-list > li > span.xs-sitename{text-align:center;padding:20px 10px;}
.mm-list > li > ul > li > a{padding-left: 40px;}
.mm-list > li > ul > li > ul > li > a{padding-left: 50px;}
.mm-list > li.xs-summary span {padding:20px 15px 20px 30px;text-align:left;color:#aaa}
.mm-list > li.xs-summary span a {color:#FFFF44}

/* modal */
#kso-modal .modal-header,#profile-modal .modal-header{background-color:#f7f7f7;border-bottom:0;border-radius:4px 4px 0 0}
#kso-modal .modal-dialog,#profile-modal .modal-dialog {width: 320px!important}
#kso-modal h3,#kso-modal2 h3,#profile-modal h3 {margin:10px 0;font-size:18px;text-align:center}
#kso-modal .modal .modal-footer .conceptBgColor{color:#fff;}
#kso-modal .modal .modal-body .radio label,#kso-modal .modal .modal-body .checkbox label{font-size:11px;}
#kso-modal .modal-content {border:0;box-shadow:none;border-radius:4px;}
#kso-modal .input-group-addon {border-radius:2px}

/* header */
#kso-header {position:absolute;top:0;width:100%;z-index: 99}
#kso-header,#kso-nav .navbar a.sitelogo img {
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#kso-header #kso-nav .navicon-menu {transition: all 0.4s ease-out;}
#kso-header #kso-nav {z-index:80}
#kso-header #kso-nav .navbar {margin-bottom:0;}
#kso-header #kso-nav a.sitelogo img {padding-left:15px;margin:10px 0;max-height:70px}

#kso-nav .navbar-nav > li > a {line-height:30px}
#kso-nav .navbar-nav > li > a:after {content: '';display: block;width: 0;height: 2px;background: transparent;transition: width .3s ease,background-color .3s ease}
#kso-nav .navbar-nav > li.active a:after,
#kso-nav .navbar-nav > li a:hover:after {width:100%}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus,
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {background:none}

#kso-header .is-sticky #kso-nav  {
	margin:0 auto;
	background-color: rgba(45,45,45,0.9);border-bottom:0;
	-webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 3px 5px rgba(0,0,0,0.1);
	box-shadow: 0 3px 5px rgba(0,0,0,0.1);
}
#kso-header .is-sticky #kso-nav .navbar-nav>li>a {padding-top: 13px;padding-bottom: 13px}
#kso-header .is-sticky #kso-nav .navicon-menu {margin-top: 13px;margin-bottom: 14px}
#kso-header .is-sticky #kso-nav a.sitelogo img {margin:0;max-height: 58px}

#kso-header .navbar .navbar-nav li ul.dropdown-menu li ul.dropdown-menu {left:100%;top:-7px}
#kso-nav .navbar-nav li ul.dropdown-menu li a {color:#fff}
.nav>li>a:hover, .nav>li>a:focus {background:none}
.top-text {padding:10px 0;font-size:12px}

/* header
****************************************/
.kso-animated { 
	position:absolute;bottom:50px;left:50%;
	margin-left:-21px;width:42px;height:64px;
	background:url(../img/scroll-gif.png) no-repeat;
	z-index:10;
	-webkit-animation: bounce .7s linear infinite alternate;
	-moz-animation: bounce .7s linear infinite alternate;
	-o-animation: bounce .7s linear infinite alternate;
	-ms-animation: bounce .7s linear infinite alternate;
	animation: bounce .7s linear infinite alternate;
}
@-moz-keyframes bounce{from{bottom:55px;color:rgba(247,247,247,0.2)}to{bottom:80px;color:#f7f7f7}}
@-webkit-keyframes bounce{from{bottom:55px;color:rgba(247,247,247,0.2)}to{bottom:80px;color:#f7f7f7}}
@-o-keyframes bounce{from{bottom:55px;color:rgba(247,247,247,0.2)}to{bottom:80px;color:#f7f7f7}}
@keyframes bounce{from{bottom:55px;color:rgba(247,247,247,0.2)}to{bottom:80px;color:#f7f7f7}}

/* promotion
****************************************/
.kso-player {
	height:100%;width:100%;
	background-color: #000;
	background-image: url(../img/loading.gif);
	background-repeat: no-repeat;
	background-position: center center
}
.slide-caption {position:absolute;left:50%;top:35%;margin-left:-30%;width:60%;text-align:center}
.slide-caption p {font-size:16px;line-height:26px}
.slide-caption a{display:inline-block}
.slide-caption h1 {margin-top:0}
.promo-txt {position:absolute;top:35%;left:50%;margin-left:-30%;width:60%;text-align:center}
.promo-txt,.promo-txt h1{z-index:99}
.plus-line {margin-bottom: 10px;text-align: center}
.plus-line span {font-size: 14px}
.plus-line span:before,.plus-line span:after {
  content: '';display: inline-block;
  width: 60px;height: 1px;   
  margin-top: -2px;margin-right: 10px;margin-left: 0;
  vertical-align: middle;
  background-color: #ccc
}
.plus-line span:after {margin-right: 0;margin-left: 10px}

.kso-subtop {background-repeat:no-repeat;background-position:center top;background-size:cover}
.kso-subtop .route-title {position:relative;width:100%}
.table-cell {position:absolute;left:50%;bottom:100px;margin-left:-50%;width:100%}

/* Grasection
****************************************/
#kso-container .white h4 small {font-size:65%;color:#ccc}
#kso-container .black h4 small {font-size:65%;color:#333}
#gra-section1.white,#gra-section2.white,#gra-section3.white,
#gra-section4.white,#gra-section5.white,#gra-section6.white,#gra-section7.white,
#gra-section5.white .panel-default>.panel-heading {color:#fff}
#gra-section1.black,#gra-section2.black,#gra-section3.black,
#gra-section4.black,#gra-section5.black,#gra-section6.black,#gra-section7.black,
#gra-section5.black .panel-default>.panel-heading{color:#111}

.gra-section.white .btn-line {margin-top:30px;color:#fff;border-color:#fff}
.gra-section.black .btn-line {margin-top:30px;color:#333;border-color:#222}
.gra-section.black .btn-cb:after, 
#gra-section1.black .plus-line span:before,
#gra-section1.black .plus-line span:after,
#gra-section2.black .title-line-b {background-color:#222}

.gra-section.white .btn-line {color:#fff;border-color:#fff}
.gra-section.white .btn-cb:after,
#gra-section2.white .title-line-b {background-color:#fff}
#gra-section5.white #accordion .panel-default>.panel-heading {border-bottom-color:rgba(255,255,255,0.3)}
#gra-section5.black #accordion .panel-default>.panel-heading {border-bottom-color:rgba(45,45,45,0.5)}

#gra-section3.white .icon-tabElement li a {color:#fff}
#gra-section3.white .icon-tabElement li a .fa-stack-1x {color:#999}
#gra-section3.white .icon-tabElement li.active a .fa-stack-1x,
#gra-section3.white .icon-tabElement li a:hover .fa-stack-1x {color:#333}
#gra-section3.black .icon-tabElement li a {color:#333}
#gra-section3.black .icon-tabElement li a .fa-stack-1x {color:#999}
#gra-section3.black .icon-tabElement li.active a .fa-stack-1x,
#gra-section3.black .icon-tabElement li a:hover .fa-stack-1x {color:#fff}
#gra-section1,#gra-section2,#gra-section3,#gra-section4,
#gra-section5,#gra-section6,#gra-section7{background-size:cover;background-repeat:no-repeat;background-position:50% 50%}

#gra-section2 .column-block {margin-bottom:20px}
#gra-section2 .column-block i {margin-bottom: 15px}

#gra-section3 .icon-tabElement .tab-content {padding-top:30px;line-height: 24px}
#gra-section3 .icon-tabElement li {float:none;display:inline-block}
#gra-section3 .icon-tabElement li.active>a,
#gra-section3 .icon-tabElement li.active>a:hover,
#gra-section3 .icon-tabElement li.active>a:focus {background:none}

#gra-section4 h4 {padding-top:20px;margin-top:0;margin-bottom:20px;font-size:20px;line-height:18px;border-top:2px solid}
#gra-section4 img {margin-bottom:20px}
#gra-section4 .trans-up p {line-height: 1.6}

#gra-section5 h4 {margin-top:0;margin-bottom:0;font-size:14px}
#gra-section5 .contact-icon {float:left;margin: 0 20px 0 0;width:60px;text-align:center;border-right:1px solid #fff}
#gra-section5 .contact-icon i {line-height:40px}
#gra-section5 p {margin-bottom:30px}
#gra-section5 #accordion .panel {background-color:transparent;border:0;box-shadow:none}
#gra-section5 #accordion .panel-heading {padding:15px 10px}
#gra-section5 #accordion .panel-default>.panel-heading {border-bottom:1px solid;background-color:transparent}
#gra-section5 .panel-group .panel-heading+.panel-collapse .panel-body {border-top:0;line-height:24px}
#gra-section5 #accordion .panel-title i.indicator {margin-right:10px;font-size:12px;line-height: 16px}

.map-area {position:relative}
.contact-area {padding:30px 40px;height:400px}
.contact-area.white,.contact-area.white .title-line-b,
.contact-area.white .btn-line {color:#fff;border-color:#fff}
.contact-area.black,.contact-area.black .title-line-b,
.contact-area.black .btn-line {color:#333;border-color:#333}
.contact-area .contact-icon {float:left}
.contact-area .contact-icon i {width:30px;text-align:center}
.contact-area h4 {padding-left:40px;margin-bottom:5px;margin-top:0;font-size:15px}
.contact-area p {padding-left:40px;margin-bottom:20px;font-size:13px}


.kso-subtop.white .route-title {color:#fff}
.kso-subtop.white .plus-line span:before,.kso-subtop.white .plus-line span:after {background-color:#fff}
.kso-subtop.black .route-title {color:#333}
.kso-subtop.black .plus-line span:before,.kso-subtop.black .plus-line span:after {background-color:#333}
.sub_nav a.list-group-item:last-child, .sub_nav a.list-group-item:first-child {border-radius:0}
.sub_nav a.list-group-item {padding-left:3px;border:0;color:#888;border-bottom:1px solid #eee}
.sub_nav a.list-group-item:hover {padding-left:10px;background:none}
.sub_nav li ul li a.list-group-item {padding-left:20px;background-color:#f9f9f9}
.sub_nav li ul li a.list-group-item:hover {padding-left:30px}
.sub_nav i {color: #eee}

.gra-section {z-index:1}
.h1-summary {line-height:26px}
.title-line-b {margin: 20px 0;width: 30px;height: 1px}
.display-table {display:table;width: 100%;table-layout: fixed}
.padding-none {padding-left:0;padding-right:0}

#kso-content {padding:40px 0;background-color: #fff}
.sidebar h4 {margin-top:0;padding-bottom:20px;font-size:15px;font-weight: 600;letter-spacing: -1px;border-bottom:1px solid #ddd}
.sidebar h5 {font-size:16px;color:#333}

/* kso-footer
****************************************/
#kso-footer {content:'';display:table;width:100%;font-size:13px;background-color:#eee}
#kso-footer .footer-left {padding:50px 50px;text-align:right;background-position:right top;background-repeat:no-repeat;background-size:cover}
#kso-footer .footer-right {padding:50px 50px}
#kso-footer .footer-menu {margin-bottom:20px}
#kso-footer .footer-menu a {padding-bottom:5px;color:#888}
#kso-footer .footer-menu a:hover {color:#333;border-bottom:1px solid #888}
#kso-footer h3 {margin-top:0}
.hrline {clear: both;position: relative;margin: 20px 0 20px 0;padding: 0;width: 100%;height: 2px}
.hrline:after {content: '';position: absolute; top: 0;right: 0;width: 56px;height: 2px;background-color: #fff}
.kso-copyright {position:fixed;left:0;bottom:0;padding:8px 0;width:100%;font-size:12px;z-index: 1;background-color:#121212}
.kso-copyright .copyright {padding-top:10px;}
.kso-copyright .social-icon {float:right;margin-bottom:0}
.kso-copyright .social-icon li {padding-right:0}
.main-copyright {padding: 10px 0;text-align:center}

.gra-section .icobox {margin-bottom:-100px}
.gra-section.active .icobox {margin-bottom:0}

/* kso-button */
.btn-line {
	display: inline-block;position: relative;
	padding:6px 20px;
	font-size:13px;color:#fff;
	border:2px solid #fff;background: none;border-radius:0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-line:after {
	content: '';position: absolute;z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-sm {padding:4px 10px;font-size:12px}
.btn-lg {padding:10px 30px;font-size:14px}
.btn-cb:after {width: 0%;height: 100%;top: 0;left: 0}
.btn-cb:hover,
.btn-cb:active {color: #0e83cd}
.btn-cb:hover:after,
.btn-cb:active:after {width: 100%}

h3.circle-line {font-size:20px}
.circle-line {display:inline-block;position:relative;margin:0 20px 0 0}
.circle-line:before {content:'';display:block;position:absolute;right:-25px;bottom:33%;width:7px;height:7px;background-color:white;border-radius:50%}
.circle-line:after {content:'';display:block;position:absolute;bottom:50%;right:-1040px;width:1000px;height:1px;background:none repeat scroll 0 0 #e7e7e7;}

/* mediaQuery
****************************************/
@media (max-width: 991px) {
	#fp-nav {display:none}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 

}
/* 960 Grid */
@media screen and (min-width: 768px) {
	.navbar-nav>li>a {padding-top:29px;padding-bottom:29px}
	.icon-tabElement li a {padding:10px 0;min-width:110px}
	.kso-player {}
}
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	.gra-section .section-header {margin-bottom:5%}
}
/* Landscape phones and down */
@media (max-width: 480px) { 
	.slide-caption {top:30%;margin-left:-40%;width:80%}
	#gra-section1 .fp-tableCell {padding: 0}
	#gra-section2 .sec2-type .area-right,
	#gra-section2 .sec2-type .area-left {float:left}
	.icon-tabElement li a {padding:10px 0;min-width:110px}
	.kso-player {height:250px}
}
/* Large desktop */
@media (min-width: 1200px) {  

}