@charset "utf-8";

/*
 KSO STYLING v1.0
 http://KSODESIGN.com/
 
 Copyright 2013 KSODESIGN	 
 Contributing author : KSJade (contact@ksodeisgn.com)

 KSOSTYLE CSS
- accordion(Panel)
- blockquote
- Client
- form
- Headline
- navbar
- modal
- progress
- slider
- side search/submenu
- social
- tab-container
- thumbnail
- table(price)
- font, whitespace
- button
**********************************************/
@font-face {
  font-family: ng;
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}

@font-face {
	font-family: ngBold;
	font-style: normal;
	font-weight: 700;
	src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
	src: local(※), url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
		 url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}

body, p, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select, hr { font-family:'나눔고딕','NanumGothic',ng !important}
body{padding:0;font-size:13px; font-weight:400; line-height:1.6; color:#666;}
h1, h2, h3, h4, h5, h6 { font-family:ngBold !important;}
h1{font-size:30px}
h2{font-size:24px}
h3{font-size:18px}
h4{font-size:16px}
h5{font-size:14px}
h6{font-size:12px}
.font-face {font-weight:bold;}
/* a 
-----------------------------------------------------------------*/
a {
transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
}

/* accordion - Panel 
-----------------------------------------------------------------*/
.panel-group { margin-bottom:5px; border-radius:0; }
.panel-group .panel {border:1px solid #ddd; border-radius:0; }
.panel-group .panel-heading { padding:0; }
.panel-group .panel-heading .accordion-toggle { 
	display:block; position:relative; padding:10px 15px; padding-left:55px; 
	color:#666; background:#f5f5f5; 
	transition: color 300ms;
	-webkit-transition: color 300ms;
	-moz-transition: color 300ms;
	-o-transition: color 300ms;
}
.panel-group .panel-heading .accordion-toggle:before { content:""; display:block; position:absolute; left:38px; top:0; width:1px; height:100%; background:#d9d9d9; }
.panel-group .panel-heading .accordion-toggle:hover,
.panel-group .panel-heading .accordion-toggle:active { text-decoration:none; color:#ff6600; }
.panel-group .panel-heading .accordion-toggle.collapsed .ico { background-position:center top;}
.panel-group .panel-heading .accordion-toggle .ico { background-position:center bottom;}
.panel-group .panel-heading .accordion-toggle .ico { display:block; position:absolute; left:13px; top:50%; width:12px; height:12px; margin:-6px 0 0; background:url(../img/accordion.png) no-repeat center top; }


/* blockquote 
-----------------------------------------------------------------*/
blockquote { background:#f8f8f8; border-left-color:#5BC0DE; }
blockquote h3{margin-top:10px;}
blockquote .info-block { position:relative; padding-right:20%; margin-bottom:10px;}
blockquote .info-block h1 { margin-top:10px;color:#333; }
blockquote .info-block a.info-btn-lg { position:absolute; right:0; top:30%; }

.blockquote {padding-left:20px;border-left:3px solid #97B90B; font-family:ngBold,'NanumGothic';}
.blockquote p {margin:0;}
.blockquote .kso_button {margin-top:2%;}
.blockquote .btn-block {margin-top:8%;} 

/* btn-group(mobile)
-----------------------------------------------------------------*/
#kso-content-wrap .btn-group .dropdown-menu {border:1px solid #ccc;}
#kso-content-wrap .btn-group>.btn-less:first-child:not(:last-child):not(.dropdown-toggle) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}
#kso-content-wrap .btnArea .btn-group {margin-bottom:0;}
.btn-group .btn-less+.btn-less, .btn-group .btn-less+.btn-group, .btn-group .btn-group+.btn-less, .btn-group .btn-group+.btn-group { margin-left:-1px;}

/* Client 
-----------------------------------------------------------------*/
.list_carousel { position:relative; margin: 0 0 30px 60px;}
.list_carousel ul { display: block; margin: 0; padding: 0; list-style: none; }
.list_carousel li {							
	float: left; display: block; 
	margin: 6px; padding: 0; width: 50px; height: 50px;
	font-size: 40px; text-align: center;
	color: #999; background: none; border: 0px solid #999;
}
.list_carousel.responsive { margin-left: 0; width: auto; }
.list_carousel li a { opacity:0.5; transition:0.2s; }
.list_carousel li a:hover { opacity:1.0; }
.clearfix { float: none; clear: both; }
.list_carousel .prev { float:right; margin-right: 15px; }
.list_carousel .next { float:right; margin-right: 0; }
.list_carousel .next, .list_carousel .prev { color:#7aabb1; }
/* Carusel 
-----------------------------------------------------------------*/
.left.carousel-control,.right.carousel-control{filter:none;}

/* form 
-----------------------------------------------------------------*/
.form-control { padding-left:5px; padding-right:5px; border-radius:2px; } 

/* kso-form */
.kso-form {
  display: block; width: 100%; width:140px; height: 24px; padding: 3px 6px; margin:0 auto 2px auto;
  font-size: 11px; line-height: 1.428571429; vertical-align: middle;
  color: #fff; background-color: #333; border: 1px solid #222;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
          transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.kso-form:focus {
  border-color: #66afe9;outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.kso-form[disabled], .kso-form[readonly], fieldset[disabled] .kso-form {
  background-color: #eeeeee; cursor: not-allowed;
}
::-webkit-input-placeholder {color:#fff;}
:-moz-placeholder {color:#fff;}::-moz-placeholder {color:#fff;}
:-ms-input-placeholder {color:#fff;}

/* Headline
-----------------------------------------------------------------*/
.head-line {position:relative;}
.head-line span {position:relative;display:inline-block;padding-right:10px;font-family:'NanumGothic', '나눔고딕', ng;text-transform:uppercase;background:#fff;z-index:1;}
.head-line.text-right span {padding-left:10px;padding-right:0;}
.head-line.text-center span {padding-left:10px;padding-right:10px;}
.head-line:before {display:block;content:'';position:absolute;top:50%;width:100%;height:2px;border-top:1px solid #ccc;z-index:1;}

.headline {font-family:ngBold,ng,'NanumGothic';}
.left-line {padding-left:10px;border-left:3px solid #55C078;}
.bottom-line:after {content:'';display:block;margin-top:5px;width:100%;height:2px;background:#eee;border-right:2em solid #55C078;}

/* kso title */
.kso-title{margin:0 0 20px 0;font-weight:bold}
.line-left{padding-left:10px;border-left:3px solid #B4BFCE}
.line-center{position:relative}
.line-center:after{content:'';position:absolute;left:0;top:10px;width:100%;border-bottom:1px solid #ddd}
.line-center span{position:relative;padding:0 5px;background-color:white;z-index:2}
.line-bottom{border-bottom:1px solid}
.line-bottom span{display:inline-block;padding-bottom:10px;margin-bottom:-1px;border-bottom:1px solid #B4BFCE}
.line-under span{position:relative}
.line-under span:after{content:'';position:absolute;left:0;bottom:-15px;width:40%;border-width:0 0 3px 0;border-style:solid;border-color:#B4BFCE}
.line-icon {clear: both;display: block;margin: 0 0 30px;padding-top: 0px;width: 100%;height: 1px;text-align: center;overflow: hidden}
.line-icon span {
	display: inline-block;position: absolute;			
	margin-left: -20px;margin-top: -20px;padding: 0 0px;height: 40px;width: 40px;	
	font-size: 20px;text-align: center;line-height: 40px;
	border: 1px #ddd solid;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.line-icon span:before {
	content: "";display: table;position: absolute;bottom: 50%;left: -180px;					
	margin-bottom: -1px;width: 180px;height: 1px;
	background: none repeat scroll 0 0 #ddd;
}
.line-icon span:after{	
	content: "";display: table;position: absolute;right: -180px;bottom: 50%;
	margin-bottom: -1px;width: 180px;height: 1px;				
	background: none repeat scroll 0 0 #ddd;
}
.line-ddd{border-color:#ddd}

/* iconBox */
.circle-bg {padding:12px;width:50px;height:50px;background-color:#f2f2f2;border-radius:50%;}
.iconBox-left {position:relative;padding-left:70px;margin-bottom:50px;}
.iconBox-left .circle-bg {position:absolute;left:0;top:0;}

/* navbar 
-----------------------------------------------------------------*/
.navbar { margin-bottom:0; border-radius:0; transition:0.2s; z-index:99; }
.navbar.nav-xs {background:#fff;}
.navbar-brand { padding:0; margin-right:20px; }
.navbar-inverse { background-color:#151515; }
.navbar-inverse .navbar-nav > li > a { font-family:'Trebuchet MS', Tahoma, Arial; font-size:13px; text-transform:uppercase; color:#eee; }
.navbar-inverse .navbar-toggle .icon-user { margin:0 4px 0 2px; color:#fff; }
.navbar-collapse.collapse {margin:10px 0;}
.navbar-collapse .nav > li > a { padding-top:10px !important; padding-bottom:10px !important;color:#666;transition:0.2s;}
.nav.pull-right > li > a { padding:0; padding-left:5px; padding-right:5px; }
.nav>li>a:hover, .nav>li>a:focus {background: none;}

.dropdown-menu { background: rgb(255, 255, 255);border:none;}
.dropdown-menu > li > a { padding:7px 15px; font-size:13px;font-family:'NanumGothic', '나눔고딕', ng !important; }
.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:#eee; }

.navbar-nav > li > a.toggle-btn { position:absolute; right:0; top:0; width:50px; height:30px; background:#333; z-index:1001; }
.btn-circle { padding:8px 12px; width:34px; height:34px; background:url(../img/circle-bg.png) no-repeat; border-radius:50%; }
.navbar-nav.mobile-nav { padding-bottom:0; }
.mobile-nav .navbar-search { padding:10px; }
.navbar-collapse2 { 
	max-height: 340px; padding-right: 15px; padding-left: 15px; 
	border-top: 1px solid #000; 
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1); 
	overflow-x: visible; overflow-y: auto; 
}
.nav-login .dropdown-menu .divider { background-color:#ddd; }
.nav-login .dropdown-menu > li > a { padding:5px 15px; font-size:11px;font-family:dotum!important; }

/* modal 
-----------------------------------------------------------------*/
.modal-backdrop {z-index:89;}
.modal-dialog { width:400px!important; }
.modal-content { /*height:380px;*/ }
.modal-header { margin:0; padding-top:30px; text-align:center}
.modal-header h4 { font-family: 'BebasNeueRegular', sans-serif; font-size:30px; color:#111; }
.modal-body { margin:10px 50px}
.modal-footer { margin:0 50px;padding-bottom:30px; text-align:center; } 

/* progress 
-----------------------------------------------------------------*/
.progress { height:10px; }
.progress .bar { 
	background-color:#7AABB1; 
	background-image:linear-gradient(to bottom,#98BEC2,#70A4A9);					
	box-shadow:none; -webkit-box-shadow:none; 
}
.kso_skill { padding:0 10px; margin-top:20px; text-align:left; }
.kso_skill .progress { margin-bottom:10px; height:5px;}

/* Slider 
-----------------------------------------------------------------*/
.carousel-control.left, .carousel-control.right { background-image: none; }
.carousel-indicators li { margin:0; background:#ddd; border:none;}
.carousel-indicators .active { width:10px; height:10px; background:#333;}
h3.slide-text { font-family:ng !important; font-weight:bold; line-height:1.6; }

/* side search 
-----------------------------------------------------------------*/
.side-form { margin-bottom:30px; }
.side-form .side-search { font-size:12px; border-radius:2px;}

/* tab container 
-----------------------------------------------------------------*/
.tabs_container { border:1px solid #e2e1e0; border-radius:2px; }
.tabs_container .nav-tabs { background:#f7f7f7; border-top-left-radius:2px; border-top-right-radius:2px; }
.tabs_container .nav-tabs > li { border-left:1px solid #f7f7f7; border-right:1px solid #e4e4e4; }
.tabs_container .nav-tabs > li.active { border-bottom:#fff; }
.tabs_container .nav-tabs > li > a,
.tabs_container .pill-tabs > li > a { margin:0; padding:10px 15px !important; color:#666;border:0; border-radius:0; transition:0.2s; }
.tabs_container .nav-tabs > li.active > a,
.tabs_container .pill-tabs > li.active > a { color:#333; border:0; }
.tabs_container .tab-content > .tab-pane,
.tabs_container .pill-content > .pill-pane { padding:15px; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus,
.nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { border: 0px solid transparent; }

/* thumbnail 
-----------------------------------------------------------------*/
.thumbnail { padding:0;border:none;border-radius:0; }
.thumbnail .space { margin-left:20px; margin-right:20px; }
.thumbnail h5 {	
	font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:bold; text-transform:uppercase; 
	color:#666; letter-spacing:-1px;
}
h5.team_nick { margin-bottom:0; }

/* tooltip 
-----------------------------------------------------------------*/
.tooltip.right,.tooltip.left {white-space:nowrap;}

/* Price Table Style A 
-----------------------------------------------------------------*/
#plans,#plans ul,#plans ul li {list-style: none;}
#pricePlans:after {content: '';display: table;clear: both;}
#pricePlans {margin: 0 auto; zoom: 1;}

#pricePlans #plans .plan {background: none;text-align: center;margin: 0 0 20px 0;}
.planContainer {border:1px solid #ddd;border-radius:5px;box-shadow:1px 2px 2px #eee;}
.planContainer .title h2 {	
	margin: 0; padding: .6em 0; line-height:1; font-size: 2.125em; font-weight: 600;
	color: #fff;
	background: #6F7075;
	background: -webkit-linear-gradient(top, #7B7E83, #585D63);
	background: -moz-linear-gradient(top, #475975, #364761);
	background: -o-linear-gradient(top, #475975, #364761);
	background: -ms-linear-gradient(top, #475975, #364761);
	background: linear-gradient(top, #475975, #364761);
	border-radius: 4px 4px 0 0;
}
.planContainer li.title {position:relative;}
.planContainer li.title .dc{
	position:absolute;left:-3px;top:-3px;
	width:67px;height:57px;
	background:url(../img/sale.png) no-repeat;
}
.planContainer .title h4 {margin:0;padding:.8em 0;font-size:14px;}
.planContainer .price p.won { margin:0;padding:1em 0 0;font-size: 2em;font-weight: 700;}
.planContainer .price p span {font-size:12px;font-weight:normal;}

.planContainer .options {padding:0 20px;margin-bottom: 1em;}
.planContainer .options li {color: #666;line-height: 2.5;}
.planContainer .options li.title {font-weight: 700;color: #333;line-height: 2.5;}

#pricePlans {margin: 2em auto;}
#pricePlans #plans .plan {padding:5px;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}
#pricePlans #plans .plan:hover {
/*
	-webkit-transform: scale(1.04);
	   -moz-transform: scale(1.04);
	    -ms-transform: scale(1.04);
	     -o-transform: scale(1.04);
	        transform: scale(1.04);*/
}
.planContainer .button a {
	display: inline-block;margin: 1.5em 0 1.8em;width: 80%;height: 2.8em;
	font-size:14px;font-weight: 600;letter-spacing: 3px;line-height: 2.8em;
	text-decoration: none;text-transform: uppercase;
	text-shadow:1px 1px 0px #888;box-shadow:1px 1px 2px #ccc;border-radius: 3px;
}
.planContainer .button a {
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s;
	     -o-transition: all .25s;
	        transition: all .25s;
}
.planContainer .title h4 {color:#fff;background:#51BCAA;border-bottom:1px solid #3FA392;} /* title */
.planContainer .price p.won { color: #fff;background: #5AC4B0; border-top:1px solid #75CEBC;} /* price */
.planContainer .price p.triangle {border-top:30px solid #5AC4B0;border-right:108px solid transparent;border-left:108px solid transparent;} /* triangle */
.planContainer .price p span {color: #E6F7F3;} /* won */
.planContainer .options li i {color:#5AC4B0;} /* icon */
.planContainer .button a {	color: #fff; background:#51BCAA;}
.planContainer .button a:hover {color: #fff;background: #318072; text-shadow:1px 1px 1px #333;}

.planContainer.best .title h4 {background:#65B5DA;border-bottom:1px solid #2D8CBB;} /* title */
.planContainer.best .price p.won { color: #fff;background: #65B5DA; border-top:1px solid #94CAE4;} /* price */
.planContainer.best .price p.triangle {border-top:30px solid #65B5DA;} /* triangle */
.planContainer.best .price p span {color: #E6F2F9;} /* won */
.planContainer.best .options li i {color:#65B5DA;} /* icon */
.planContainer.best .button a {color: #fff;background: #65B5DA;}
.planContainer.best .button a:hover {background: #2E8DBC;}

#enigma {display:none;position: absolute;top: 0;left: 0;width: 0;height: 0;padding: 0;font-size: 0;line-height: 0;overflow: hidden;}

/* Core CSS */

/* font styling, whitespace
-----------------------------------------------------------------*/
.marginAuto { margin-left:auto; margin-right:auto; }
.mBottom10 { margin-bottom:10px; }
.mBottom20 { margin-bottom:20px; }
.mBottom30 { margin-bottom:30px; }
.mBottom40 { margin-bottom:40px; }
.mBottom50 { margin-bottom:50px; }
.mBottom60 { margin-bottom:50px; }

.font-bebas { font-family: 'BebasNeueRegular', 'Oswald' !important; }
.font-nanum { font-family:'NanumGothic', '나눔고딕', ng !important; line-height: 1.5; }
.font-open { font-family:'Open Sans' !important;font-weight:bold; line-height: 1.5; letter-spacing:-1px; }
.font-oswald { font-family:'Oswald' !important; line-height: 1.5;}
.font-treb { font-family:'Trebuchet MS', tahoma !important; }

.text-justify { text-align:justify;}
.text-transform { text-transform:uppercase;}

.font30 { font-size:30px; }
.font24 { font-size:24px; }
.font20 { font-size:20px; }
.font18 { font-size:18px; }
.font16 { font-size:16px; }
.font14 { font-size:14px; }
.font12 { font-size:12px; }
.font11 { font-size:11px; }
.fontColor-black { color:#111111;}
.fontColor-blue { color:#7BCCE3; }
.fontColor-red {  }
.fontColor-white { color:#fff; }

/* Button (XE Style)
-----------------------------------------------------------------*/
.btnArea{padding:0;margin:10px 0;text-align:right;zoom:1;clear:both}
.btnArea:after{content:"";display:block;clear:both}
.xeBtn{text-decoration:none !important;display:inline-block;*display:inline;*zoom:1;padding:0 12px !important;margin:0;line-height:24px !important;height:24px !important;font-family:inherit;font-size:12px;color:#333333;text-align:center;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);vertical-align:top;cursor:pointer;overflow:visible;background-color:#f5f5f5;*background-color:#e6e6e6;background-image:-moz-linear-gradient(top, #ffffff, #e6e6e6);background-image:-webkit-linear-gradient(top, #ffffff, #e6e6e6);background-image:-o-linear-gradient(top, #ffffff, #e6e6e6);background-image:linear-gradient(top, #ffffff, #e6e6e6);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);border:1px solid #bbbbbb;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);border-bottom-color:#a2a2a2;border-radius:2px;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)}

input.xeBtn,input.btn, button.btn,
button.xeBtn{height:24px !important}
.xeBtn:hover,
.xeBtn:active,
.xeBtn[disabled]{color:#333333;background-color:#e6e6e6;*background-color:#d9d9d9}
.xeBtn>a,
.xeBtn>button,
.xeBtn>input,
.xeBtn>span{display:inline-block;*zoom:1;margin:0 -12px !important;padding:0 12px !important;text-decoration:none !important;width:auto;font-family:inherit;line-height:24px;height:24px;border:0;background:none;color:#333;font-size:12px;vertical-align:top;overflow:visible;cursor:pointer}
.xeBtn-group{position:relative;display:inline-block;*display:inline;*margin-left:.3em;font-size:0;white-space:nowrap;vertical-align:middle;*zoom:1}
.xeBtn-group:first-child{*margin-left:0}
.xeBtn-group+.xeBtn-group{margin-left:5px}
.xeBtn-group>.xeBtn{position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.xeBtn-group>.xeBtn+.xeBtn{margin-left:-1px}
.xeBtn-group>.xeBtn:first-child{margin-left:0;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-topleft:4px}
.xeBtn-group>.xeBtn:last-child{-webkit-border-top-right-radius:4px;border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px}
.xeBtn-group>.xeBtn:hover,
.xeBtn-group>.xeBtn:focus,
.xeBtn-group>.xeBtn:active,
.xeBtn-group>.xeBtn.active{z-index:2}

/* kso_button 
-----------------------------------------------------------------*/
.kso_button {
	display:inline-block;
	margin:0;	padding: 8px 20px 8px;
	font-size:12px; font-weight:bold; text-align:center; text-transform:uppercase; text-shadow:0 1px 0px #acd245;
    color:#698008; border:#81a100 1px solid; border-radius:4px;
	box-shadow:inset #d8ef9b 0 1px 0;
	
	background:#abc834 repeat;
	background-image: linear-gradient(top, #c9dc7d, #97bb04);
	background-image: -webkit-linear-gradient(top, #c9dc7d, #97bb04);
	background-image: -moz-linear-gradient(top, #c9dc7d, #97bb04);
	background-image: -ms-linear-gradient(top, #c9dc7d, #97bb04);
	background-image: -o-linear-gradient(top, #c9dc7d, #97bb04);	
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
}
.kso_button:hover {
	background:#c9dc7d url(../img/bg_pattern2.png);	
	background-image: linear-gradient(top, #97bb04, #c9dc7d);
	background-image: -webkit-linear-gradient(top, #97bb04, #c9dc7d);
	background-image: -moz-linear-gradient(top, #97bb04, #c9dc7d);
	background-image: -ms-linear-gradient(top, #97bb04, #c9dc7d);
	background-image: -o-linear-gradient(top, #97bb04, #c9dc7d);				
}
.btn-small {padding:5px 12px !important;font-size:11px;}
.btn-large {padding:12px 30px !important;font-size:16px;}
.btn-block {display: block !important;width: 100% !important;padding-left: 0;padding-right: 0}
/* kso_button 
-----------------------------------------------------------------*/
.btn-kso {
	display: inline-block;position: relative;margin: 0;width: auto;padding: 8px 20px 8px;
	font-size: 12px;font-weight: 400;text-transform: uppercase;text-decoration: none;text-align: center;
	border: none;outline: none;cursor: pointer;
	color: #333;background: #eee;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
}
.btn-kso.btn-small {
	padding: 6px 12px 6px;font-size: 11px;border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;
}
.btn-kso.btn-large {
	padding: 14px 30px 14px;font-size: 16px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;
}
.btn-kso-default{color:#333;background-color:#eee;}
.btn-kso-default:hover{color:#fff;background-color:#111;}

/* bootstrap btn less */
.btn-less {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn-less:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn-less:hover,
.btn-less:focus {
  color: #333333;
  text-decoration: none;
}

.btn-less:active,
.btn-less.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn-less.disabled,
.btn-less[disabled],
fieldset[disabled] .btn-less {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-less-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-less-default:hover,
.btn-less-default:focus,
.btn-less-default:active,
.btn-less-default.active,
.open .dropdown-toggle.btn-less-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-less-default:active,
.btn-less-default.active,
.open .dropdown-toggle.btn-less-default {
  background-image: none;
}

.btn-less-default.disabled,
.btn-less-default[disabled],
fieldset[disabled] .btn-less-default,
.btn-less-default.disabled:hover,
.btn-less-default[disabled]:hover,
fieldset[disabled] .btn-less-default:hover,
.btn-less-default.disabled:focus,
.btn-less-default[disabled]:focus,
fieldset[disabled] .btn-less-default:focus,
.btn-less-default.disabled:active,
.btn-less-default[disabled]:active,
fieldset[disabled] .btn-less-default:active,
.btn-less-default.disabled.active,
.btn-less-default[disabled].active,
fieldset[disabled] .btn-less-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-less-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-less-primary:hover,
.btn-less-primary:focus,
.btn-less-primary:active,
.btn-less-primary.active,
.open .dropdown-toggle.btn-less-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.btn-less-primary:active,
.btn-less-primary.active,
.open .dropdown-toggle.btn-less-primary {
  background-image: none;
}

.btn-less-primary.disabled,
.btn-less-primary[disabled],
fieldset[disabled] .btn-less-primary,
.btn-less-primary.disabled:hover,
.btn-less-primary[disabled]:hover,
fieldset[disabled] .btn-less-primary:hover,
.btn-less-primary.disabled:focus,
.btn-less-primary[disabled]:focus,
fieldset[disabled] .btn-less-primary:focus,
.btn-less-primary.disabled:active,
.btn-less-primary[disabled]:active,
fieldset[disabled] .btn-less-primary:active,
.btn-less-primary.disabled.active,
.btn-less-primary[disabled].active,
fieldset[disabled] .btn-less-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-less-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-less-warning:hover,
.btn-less-warning:focus,
.btn-less-warning:active,
.btn-less-warning.active,
.open .dropdown-toggle.btn-less-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.btn-less-warning:active,
.btn-less-warning.active,
.open .dropdown-toggle.btn-less-warning {
  background-image: none;
}

.btn-less-warning.disabled,
.btn-less-warning[disabled],
fieldset[disabled] .btn-less-warning,
.btn-less-warning.disabled:hover,
.btn-less-warning[disabled]:hover,
fieldset[disabled] .btn-less-warning:hover,
.btn-less-warning.disabled:focus,
.btn-less-warning[disabled]:focus,
fieldset[disabled] .btn-less-warning:focus,
.btn-less-warning.disabled:active,
.btn-less-warning[disabled]:active,
fieldset[disabled] .btn-less-warning:active,
.btn-less-warning.disabled.active,
.btn-less-warning[disabled].active,
fieldset[disabled] .btn-less-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-less-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-less-danger:hover,
.btn-less-danger:focus,
.btn-less-danger:active,
.btn-less-danger.active,
.open .dropdown-toggle.btn-less-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-less-danger:active,
.btn-less-danger.active,
.open .dropdown-toggle.btn-less-danger {
  background-image: none;
}

.btn-less-danger.disabled,
.btn-less-danger[disabled],
fieldset[disabled] .btn-less-danger,
.btn-less-danger.disabled:hover,
.btn-less-danger[disabled]:hover,
fieldset[disabled] .btn-less-danger:hover,
.btn-less-danger.disabled:focus,
.btn-less-danger[disabled]:focus,
fieldset[disabled] .btn-less-danger:focus,
.btn-less-danger.disabled:active,
.btn-less-danger[disabled]:active,
fieldset[disabled] .btn-less-danger:active,
.btn-less-danger.disabled.active,
.btn-less-danger[disabled].active,
fieldset[disabled] .btn-less-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-less-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-less-success:hover,
.btn-less-success:focus,
.btn-less-success:active,
.btn-less-success.active,
.open .dropdown-toggle.btn-less-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-less-success:active,
.btn-less-success.active,
.open .dropdown-toggle.btn-less-success {
  background-image: none;
}

.btn-less-success.disabled,
.btn-less-success[disabled],
fieldset[disabled] .btn-less-success,
.btn-less-success.disabled:hover,
.btn-less-success[disabled]:hover,
fieldset[disabled] .btn-less-success:hover,
.btn-less-success.disabled:focus,
.btn-less-success[disabled]:focus,
fieldset[disabled] .btn-less-success:focus,
.btn-less-success.disabled:active,
.btn-less-success[disabled]:active,
fieldset[disabled] .btn-less-success:active,
.btn-less-success.disabled.active,
.btn-less-success[disabled].active,
fieldset[disabled] .btn-less-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-less-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-less-info:hover,
.btn-less-info:focus,
.btn-less-info:active,
.btn-less-info.active,
.open .dropdown-toggle.btn-less-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.btn-less-info:active,
.btn-less-info.active,
.open .dropdown-toggle.btn-less-info {
  background-image: none;
}

.btn-less-info.disabled,
.btn-less-info[disabled],
fieldset[disabled] .btn-less-info,
.btn-less-info.disabled:hover,
.btn-less-info[disabled]:hover,
fieldset[disabled] .btn-less-info:hover,
.btn-less-info.disabled:focus,
.btn-less-info[disabled]:focus,
fieldset[disabled] .btn-less-info:focus,
.btn-less-info.disabled:active,
.btn-less-info[disabled]:active,
fieldset[disabled] .btn-less-info:active,
.btn-less-info.disabled.active,
.btn-less-info[disabled].active,
fieldset[disabled] .btn-less-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-less-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}

.btn-less-link,
.btn-less-link:active,
.btn-less-link[disabled],
fieldset[disabled] .btn-less-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-less-link,
.btn-less-link:hover,
.btn-less-link:focus,
.btn-less-link:active {
  border-color: transparent;
}

.btn-less-link:hover,
.btn-less-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}

.btn-less-link[disabled]:hover,
fieldset[disabled] .btn-less-link:hover,
.btn-less-link[disabled]:focus,
fieldset[disabled] .btn-less-link:focus {
  color: #999999;
  text-decoration: none;
}

.btn-less-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-less-sm,
.btn-less-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-less-xs {
  padding: 1px 5px;
}

.btn-less-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.btn-less-block + .btn-less-block {
  margin-top: 5px;
}

input[type="submit"].btn-less-block,
input[type="reset"].btn-less-block,
input[type="button"].btn-less-block {
  width: 100%;
}
/*KSO Styling KSODESIGN.COM*/