@import url('https://fonts.googleapis.com/css?family=Noto+Serif+KR:200,300,400,500,600,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
 @import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo:400,700,800&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Montserrat+Subrayada:wght@400;700&family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

/* ==== Google font ==== */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* === prettify === */
@import url('/js/google-code-prettify/prettify.css');
/* === fontawesome === */
@import url('/css/font-awesome.css');
/* === custom icon === */
@import url('/css/custom-fonts.css');
/* ==== overwrite bootstrap standard ==== */
@import url('/css/animate.css');

/* ===================================
1. General
==================================== */

body {	font-family: 'Noto Sans KR', serif; font-size:13px; font-weight:400;line-height:1.6em; color:#656565; letter-spacing: -0.01em}
ul,li { list-style-image:none; list-style-position:outside; list-style-type:none; line-height:100%; }

a:hover { outline:0; text-decoration:none}
a:active {	outline:0;text-decoration:none}

.clear {	clear:both;}

h1,h2, h3, h4, h5, h6 {line-height:1.1em;color:#666;margin-bottom: 10px;}

.fontstyle_0 { font-family: 'Noto Sans KR', serif; !important; }
.fontstyle1 {font-family: 'Black Han Sans', sans-serif !important; font-weight:400;}

.highlight {color: #fff !important;padding: 0 8px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}

.color-white {color: #fff;}

.height100	{ height:100px; }
.height90	{ height:90px; }
.height80	{ height:80px; }
.height70	{ height:70px; }
.height60	{ height:60px; }
.height50	{ height:50px; }
.height40	{ height:40px; }
.height30	{ height:30px; }
.height20	{ height:20px; }
.height10	{ height:10px; }
.height5	{ height:5px; }
.height3	{ height:3px; }
.height2	{ height:2px; }

span.title-h1 {font-size:40px; font-weight:bold; line-height:24px; padding-left:3px;}
span.title-h2 {font-size:30px; font-weight:bold; line-height:24px; padding-left:3px;}
span.title-h3 {font-size:20px; font-weight:bold; line-height:24px; padding-left:3px;}
span.title-h4 {font-size:16px; font-weight:bold; line-height:24px; padding-left:3px;}
span.title-h5 {font-size:14px; font-weight:bold; line-height:24px; padding-left:3px;}
span.title-h6 {font-size:12px; font-weight:bold; line-height:24px; padding-left:3px;}

div.title-h1 {font-size:40px; font-weight:bold; line-height:24px; padding-left:3px; padding-top:15px; padding-bottom:10px;}
div.title-h2 {font-size:30px; font-weight:bold; line-height:24px; padding-left:3px; padding-top:15px; padding-bottom:10px;}
div.title-h3 {font-size:20px; font-weight:bold; line-height:24px; padding-left:3px; padding-top:15px; padding-bottom:10px;}
div.title-h4 {font-size:16px; font-weight:bold; line-height:24px; padding-left:3px; padding-top:15px; padding-bottom:10px;}
div.title-h5 {font-size:14px; font-weight:bold; line-height:24px; padding-left:3px; padding-top:15px; padding-bottom:10px;}
div.title-h6 {font-size:12px; font-weight:bold; line-height:24px; padding-left:3px; padding-top:15px; padding-bottom:10px;}

a.title-h1 {font-size:40px; font-weight:bold; line-height:24px; padding:10px;}
a.title-h2 {font-size:30px; font-weight:bold; line-height:24px; padding:10px;}
a.title-h3 {font-size:20px; font-weight:bold; line-height:24px; padding:10px;}
a.title-h4 {font-size:16px; font-weight:bold; line-height:24px; padding:10px;}
a.title-h5 {font-size:14px; font-weight:bold; line-height:24px; padding:10px;}
a.title-h6 {font-size:12px; font-weight:bold; line-height:24px; padding:10px;}

input:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0px 9999px white;
}


#ssmbox {
    height: 100%;
    width: 260px;
    background-color: #045fb5;
    left: 0;
    top: 0;
	padding:20px 10px;
    z-index: 3000;
    position: fixed;
    overflow-y: auto;
    overflow-x: visible;
    transform: translate(-100%,0);
	-webkit-overflow-scrolling:touch;outline:0
}

#ssmbox ul li a { color:#fff;}
#ssmbox p.tel_tit { color:#fff; font-size:14px; font-weight:bold;}
#ssmbox span.tel_c	 { color:#fff !important; font-weight:normal; font-size:13px;}

.closing { position: absolute; right:0px; padding-top:10px; margin:6px 10px; z-index:1030;}
.closing_in { position: absolute; right:0px; top:10px; margin:8px 10px; z-index:1030;}

.nav .ssm-menu {padding:0px;}
.nav .ssm-menu div {padding:10px;}
.nav .ssm-menu ul {padding:10px 10px 10px 10px;}
.nav .ssm-menu li {list-style:none; color:#fff; line-height:24px; font-size:13px;}
.nav .ssm-menu li a{color:#fff;}
.nav .ssm-menu li a:hover {color:yellow}

.nav_1 .ssm-menu {padding:10px;}
.nav_1 .ssm-menu div {padding-left:0px;}
.nav_1 .ssm-menu ul {padding:10px 10px 10px 10px;}
.nav_1 .ssm-menu li {list-style:none; color:#fff; line-height:24px; font-size:13px;}
.nav_1 .ssm-menu li a{color:#fff;}
.nav_1 .ssm-menu li a:hover {color:yellow}
.nav_1 .ssm-menu button {font-size:14px; font-weight:300;}

.ssm-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
    display: none;
    z-index: 2000;
}

/* ===================================
2. layout
==================================== */

#wrapper {
	width:100%;
	margin:0;	
	padding:0;
}

#wrapper.boxed {
	width:1230px;
	overflow:hidden;
	margin:0 auto;	
	padding:0;
	background:#fff;
}

.row .row,.row-fluid .row-fluid{
	margin-bottom:0px;
}

.row.nomargin,.row-fluid.nomargin {
	margin-bottom:0;
}



/* ===================================
3. Responsive media
==================================== */

.video-container,.map-container,.embed-container 		{ position:relative; margin:0 0 10px 0;	padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:none; }
.embed-container iframe,
.embed-container object,
.embed-container embed,
.video-container iframe,
.map-container iframe,
.map-container object,
.map-container embed,
.video-container object,  
.video-container embed 					{ position:absolute; top:0; left:0; width:100%; height:100%; }
iframe {
	border:none;
}

img.img-polaroid {
	margin:0 0 20px 0;
}
.img-box {
	max-width:100%;
}
/* ===================================
4. Header
==================================== */

/* === header === */

/* top area */

header .top .row {
	margin-bottom: 0;
}


header .top {
	padding:14px 0;
	margin:0;
	background: #f2f2f2;
}

header .top { border-bottom: 0px solid #ddd; }

header .top ul.topleft-info { list-style: none; margin: 0px 0 0; padding-left: 0; float:left; }
header .top ul.topleft-info li { display: inline; margin: 0 20px 0 0; padding:0; font-weight: none; }
header .top ul.topleft-info li a { color:#494949; font-size:13px;}
header .top ul.topleft-info li a:hover { text-decoration: none; outline: 0; color:red;}

header .top ul.topright-info { list-style: none; margin: 0px 0 0; padding-left: 0; text-align:right; }
header .top ul.topright-info li a{ display: inline; font-size:13px; color:#494949; margin: 0 0px 0 0; padding:0px 5px; font-weight: none; }
header .top ul.topright-info li a:hover { text-decoration: none; outline: 0; color:red; }

ul.social-network {

	list-style:none;
	margin:0;
	padding:0;
}

ul.social-network li {
	display:inline;
	margin:0 5px;
}
ul.social-network li a:hover {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

header .top ul.social-network li a {
	color: #fff;
}

.sb-search {
	position: relative;
	width: 0%;
	min-width: 36px;
	height: 36px;
	float: right;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}

.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	background: #fff;
	width: 50%;
	height: 36px;
	margin: 0;
	z-index: 10;
	padding: 2px 41px 2px 10px;
	font-family: inherit;
	font-size: 14px;
	color: #2c3e50;
}

.sb-search-input::-webkit-input-placeholder {
	color: #efb480;
}

.sb-search-input:-moz-placeholder {
	color: #efb480;
}

.sb-search-input::-moz-placeholder {
	color: #efb480;
}

.sb-search-input:-ms-input-placeholder {
	color: #efb480;
}

.sb-icon-search,
.sb-search-submit  {
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}

.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}

.sb-icon-search {
	color: #fff;
	z-index: 90;
	font-size: 14px;
	font-family: 'FontAwesome';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
			border-radius: 2px 2px 2px 2px;
}

.sb-icon-search:before {
	content: "\f002";
}

/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {
	width: 100%;
}

.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {
	background: #666;
	color: #fff;
	z-index: 11;
}

.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {
	z-index: 90;
}


/* -- end top area */

header .navbar {
    margin-bottom: 0;
}

header .top_smenu {font-size:13px; text-decoration:none; cursor: pointer;}

.navbar-default {
    border: none;
}

.navbar-brand {
    color: #222;
	text-transform: uppercase;
    font-size: 24px;
    font-weight: 700;
    line-height: 1em;
	letter-spacing: -1px;
    margin-top: 14px;
    padding: 0 0 0 10px;
}


header .navbar-collapse  ul.navbar-nav {
    float: right;
    margin-right: 0;
	margin-top:18px;
}

header .navbar-default{
    background-color: #fff;
	padding-bottom:0px;
	border-bottom: 3px solid #e84018;
}



header .navbar {
    min-height: 0px;
}

header .navbar-nav > li  {
    padding-bottom: 10px;
    padding-top: 0px;
}

header  .navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 0px;
    margin-left: 10px;
    line-height: 30px;
	font-weight: 700;
}


.dropdown-menu  {
    box-shadow: none;
    border-radius: 0;
	border-top: 3px solid #e84018;
	border-left: 1px solid #e84018;
	border-right: 1px solid #e84018;
	border-bottom: 1px solid #e84018;
}

.dropdown a i { margin-left:5px;}

header .navbar-nav > li > ul > li {
	border-bottom: 0px solid #eee;
}

header .navbar-nav > li > ul > li.dropdown-submenu > ul > li {
	border-bottom: 1px solid #eee;
}


.dropdown-menu li:last-child  {
	padding-bottom: 0 !important;
	margin-bottom: 0;
}

header .nav li .dropdown-menu  {
   padding: 0;
}

header .nav li .dropdown-menu li a {
   line-height: 30px;
   padding: 6px 12px;
}

/* --- menu --- */

header .navigation {
	float:right;
}

header ul.nav li {
	border:none;
	margin:0;
}

header ul.nav li a {	
	font-size:18px;
	font-weight:500;
	border:none;
}

header ul.nav li ul li a {	
	font-size:15px;
	border:none;
	text-transform:none;
}


.navbar .nav > li > a,.navbar .nav > li.active > .dropdown-menu > li > a {
  color: #192c4c;
  text-shadow: none;
}


.dropdown-menu li:hover,
.dropdown-menu li a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a, 
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
	background: #f5f5f5;
}
.navbar .nav a:hover {
	background:none;
}

.navbar .nav > .active > a,.navbar .nav > .active > a:hover {
	background:none;
	font-weight:700;
}

.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus {
	background:none;
	outline:0;
	font-weight:700;
}

.navbar .nav li .dropdown-menu {
	z-index:2000;
}

header ul.nav li ul {
	margin-top:1px;
}
header ul.nav li ul li ul {
	margin:1px 0 0 1px;
}
.dropdown-menu .dropdown i {
	position:absolute;
	right:0;
	margin-top:3px;
	padding-left:20px;
}

.navbar .nav > li > .dropdown-menu:before {
  display: inline-block;
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-bottom-color: none;
  content:none;
}



ul.nav li.dropdown a {
	z-index:1000;
	display:block;
}

/* sub menu */

header ul.nav li ul li.dropdown-submenu li a {	
	color: #444;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: 1px;
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0;
    border-radius: 0 0 0 0;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: "\f105";
	font-family: 'FontAwesome';
    float: right;
    width: 0;
    height: 0;

    margin-top: 0;
    margin-right: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 2px 0 2px 2px;
    -moz-border-radius: 2px 0 2px 2px;
    border-radius: 2px 0 2px 2px;
}


/* ===================================
5. Section: Featured
==================================== */

#featured{
	width: 100%;
	background:#fcfcfc;
	position:relative;
	margin:0;
	padding:0;
}
#featured.bg {
	background: url(/img/dummies/feat-bg.jpg) no-repeat top center;
}

/* ===================================
6. Sliders
==================================== */

/* rev slider */
.tp-caption a.btn {
	color: #fff;
}

/* flexslider */
.main-slider.flexslider { margin: 30px 0 50px; background: transparent; border: none;
-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; 
-o-box-shadow: none;
box-shadow: none;
}

.main-slider .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.main-slider .flex-caption { bottom: 35px; background-color: rgba(0, 0, 0, 0.6); color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: absolute; right: 0; width: 295px;}
.main-slider .flex-caption h3 {color: #fff; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase;}
.main-slider .flex-caption p {margin: 0 0 15px;}

.main-slider  .flex-direction-nav a:before  { 
	font-family: "flexslider-icon"; 
	font-size: 20px; 
	display: inline-block; 
	content: '\f001'; 
}
.main-slider  .flex-direction-nav a.flex-next:before  { content: '\f002'; }



/* ===================================
7. Section: call action
==================================== */
section.callaction {
	background:#fafafa;
	padding:30px 0 0 0;
}
.cta-text {
	margin-top:10px;
	text-align: left;
}

.cta-text h2 {
	font-weight:900;
	line-height:1.1em;
}
.cta-btn {
	float:right;
	padding:20px;
	margin-top:10px;
}

/* ===================================
8. Section: Content
==================================== */

#content {
	position:relative;
	padding:10px 0 0px 0;
}

#content img {
	margin-bottom: 0px;
}

/* --- box --- */

.box {
	width: 100%;
}
.box-gray  {
	background: #f8f8f8;
	padding: 20px 20px 30px;
}
.box-gray  h4,.box-gray  i {
	margin-bottom: 20px;
}

.box h4 {
	font-weight: 300;
}

.box .icon {
	margin-bottom: 20px;
}

/* ---- parallax ---- */

.parallax {
    padding-top: 110px;
    padding-bottom: 110px;
	display:block;
    position:relative;
    z-index:120;
}

#parallax1{	
	background-image: url(../img/parallax/1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    display:block;
    position:relative;
    z-index:120; 
}

#parallax1:after {	
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAEklEQVQImWNgYGD4z0AswK4SAFXuAf8EPy+xAAAAAElFTkSuQmCC);
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0.9;
	z-index: -1;
}

/* ===================================
9. Section: Bottom
==================================== */

#bottom {
	background:#fcfcfc;
	padding:50px 0 0;

}
/* twitter */
#twitter-wrapper {
    text-align: center;
    width: 70%;
    margin: 0 auto;
}
#twitter em {
    font-style: normal;
    font-size: 13px;
}

#twitter em.twitterTime a {
	font-weight:600;
}

#twitter ul {
    padding: 0;
	list-style:none;
}
#twitter ul li {
    font-size: 20px;
    line-height: 1.6em;
    font-weight: 300;
    margin-bottom: 20px;
    position: relative;
    word-break: break-word;
}


/* ===================================
10. Inner - Section: page headline
==================================== */

#inner-headline{
	background:#f1f7fc;
	position:relative;
	margin:0;
	padding:5px 0;
	color:#fefefe;
	border-bottom:1px solid #ddd;
}


#inner-headline .inner-heading h2 {
	color:#fff;
	margin:10px 0 0 0;
}

/* --- breadcrumbs --- */
#inner-headline ul.breadcrumb {	margin:8px 0 6px 0; float:right;}
#inner-headline ul.breadcrumb li {margin-bottom:0;padding-bottom:0;	font-size:11px;color:#666;font-weight: 400;}
#inner-headline ul.breadcrumb li i{color:#666;}
#inner-headline ul.breadcrumb li a {color:#666;}
ul.breadcrumb li a:hover {text-decoration:none;}

#inner-headline ul.subtitle {position:relative; padding-left:0px; margin:10px 0 9px 0; float:left;}
#inner-headline ul.subtitle li { margin-bottom:0; padding-bottom:0; font-size:16px;color:#666; font-weight:700;}
#inner-headline ul.subtitle li i{color:#666;}

#inner-headline ul.subtitle_s {position:relative; padding-left:0px; margin:10px 0px 10px 0px;	float:left;}
#inner-headline ul.subtitle_s li { margin-bottom:0; padding-bottom:0; font-size:14px;color:#666;font-weight: 600;}
#inner-headline ul.subtitle_s li i{color:#666;}

/* ============================
11. Forms
============================= */

/* --- contact form  ---- */
form#contactform input[type="text"] {
  width: 100%;
  border: 1px solid #f5f5f5;
  min-height: 40px;
  padding-left:20px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

form#contactform textarea {
border: 1px solid #f5f5f5;
  width: 100%;
  padding-left:20px;
  padding-top:10px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

}

form#contactform .validation {
	font-size:11px;
}

#sendmessage {
	border:1px solid #e6e6e6;
	background:#f6f6f6;
	display:none;
	text-align:center;
	padding:15px 12px 15px 65px;
	margin:10px 0;
	font-weight:600;
	margin-bottom:30px;

}

#sendmessage.show,.show  {
	display:block;
}

/* --- comment form ---- */
form#commentform input[type="text"] {
  width: 100%;
  min-height: 40px;
  padding-left:20px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
			border-radius: 2px 2px 2px 2px;

}

form#commentform textarea {
  width: 100%;
  padding-left:20px;
  padding-top:10px;
  font-size:13px;
  padding-right:20px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	-webkit-border-radius: 2px 2px 2px 2px;
		-moz-border-radius: 2px 2px 2px 2px;
			border-radius: 2px 2px 2px 2px;
}


/* --- search form --- */
.search{
	float:right;
	margin:35px 0 0;
	padding-bottom:0;
}

#inner-headline form.input-append {
	margin:0;
	padding:0;
}



/* ===============================
12. Portfolio
================================ */

.cbp-popup-singlePage-counter {
    color: #f8f8f8;
}

.cbp-l-grid-team-name:hover {
    color: #666;
}
.cbp-popup-singlePage .cbp-l-project-details-visit:hover {
    color: #fff;
}

.cbp-l-caption-buttonLeft:hover,
.cbp-l-caption-buttonRight:hover {
    background-color: #666;
}

/* ===============================
13. Elements
================================ */

/* countdown */
#countdown {
	font-size: 48px;
	line-height: 1.1em;
	margin: 40px 0 60px;
}


/* register */
/* Credit to bootsnipp.com for the css for the color graph */
.colorgraph {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
  background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4);
}

form.register-form .row {
	margin-bottom:0;
}

/* clients */
.client img {
	opacity: 0.7;
}

.client img:hover {
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}


/* testimonial slide */
.testimonialslide {
	margin-top:0;
	padding-top: 0;
}

.testimonialslide.flexslider { background: transparent; border: none;
-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; 
-o-box-shadow: none;
box-shadow: none;
}

.testimonialslide ul li blockquote {
	border-left: none;
}

.testimonialslide ul li h4 {
	font-weight: 900;
}
.testimonialslide ul li h4 span {
	font-weight: 400;
}

/* -- counter --- */
/* stats */
.stats .icon {
	margin: 0 0 20px 0;
}

.stats strong.number {
	font-size: 38px;
}

.stats span.text {
	font-weight: 700;
	font-size: 24px;
}

.parallax .stats strong.number {
	text-shadow: 1px 1px 0 #444;
}

.parallax .stats span.text {
	text-shadow: 1px 1px 0 #444;
}


/* --- blockquote --- */
blockquote {
	font-size:16px;
	font-weight:400;
	font-family: 'Roboto', sans-serif;
	font-style:italic;
	padding-left:0;
	color:#a2a2a2;
	line-height:1.6em;
	border:none;
}

blockquote cite 							{ display:block; font-size:12px; color:#666; margin-top:10px; }
blockquote cite:before 					{ content:"\2014 \0020"; }
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited 				{ color:#555; }

/* --- pullquotes --- */

.pullquote-left {
	display:block;
	color:#a2a2a2;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	line-height:1.6em;
	padding-left:20px;
}

.pullquote-right {
	display:block;
	color:#a2a2a2;
	font-family:'Roboto', sans-serif;
	font-size:14px;
	line-height:1.6em;
	padding-right:20px;
}

/* --- button --- */
.btn-theme {
	color: #fff;
}
.btn-theme:hover {
	color: #eee;
}

/* --- list style --- */

ul.general {
	list-style:none;
	margin-left:0;
}

ul.link-list{
	margin:0;
	padding:0;
	list-style:none;
	float: none;
}

ul.link-list li{
	float: none;
	margin:0;
	padding:2px 0 2px 0;
	list-style:none;
}

footer ul.link-list li a{
	color:#777;
}
footer ul.link-list li a:hover {
	color:#333;
}
/* --- Heading style --- */

h2.error {
	font-size: 40px;
}

h4.heading {
	font-weight:700;
}

.heading { margin-bottom: 30px; }

.heading {
	position: relative;
	
}


.widgetheading {
	width:100%;

	padding:0;
}

h5.widgetheading {
	font-size: 20px;
}

#bottom .widgetheading {
	position: relative;
	border-bottom: #e6e6e6 1px solid;
	padding-bottom: 9px;
}

aside .widgetheading {
	position: relative;
	border-bottom: #e9e9e9 1px solid;
	padding-bottom: 9px;
}

footer .widgetheading {
	position: relative;
}

footer .widget .social-network {
	position:relative;
}


#bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span {	
	position: absolute;
	width: 60px;
	height: 1px;
	bottom: -1px;
	right:0;

}

/* --- Map --- */
.map{
	position:relative;
	margin-top:-50px;
	margin-bottom:40px;
}

.map iframe{
	width:100%;
	height:450px;
	border:none;
}

.map-grid iframe{
	width:100%;
	height:350px;
	border:none;
	margin:0 0 -5px 0;
	padding:0;
}

/* --- our team --- */

ul.team-detail{
	margin:-10px 0 0 0;
	padding:0;
	list-style:none;
}

ul.team-detail li{
	border-bottom:1px dotted #e9e9e9;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	list-style:none;
}

ul.team-detail li label {
	font-size:13px;
}

ul.team-detail li h4, ul.team-detail li label{
	margin-bottom:0;
}

ul.team-detail li ul.social-network {
	border:none;
	margin:0;
	padding:0;
}

ul.team-detail li ul.social-network li {
	border:none;	
	margin:0;
}
ul.team-detail li ul.social-network li i {
	margin:0;
}

/* --- Pricing box --- */


.pricing-title{
	background:#fff;
	text-align:center;
	padding:10px 0 10px 0;
}

.pricing-title h3{
	font-weight:600;
	margin-bottom:0;
}

.pricing-offer{
	background: #fcfcfc;
	text-align: center;
	padding:40px 0 40px 0;
	font-size:18px;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
}

.pricing-box.special .pricing-offer{
	color:#fff;
}

.pricing-offer strong{
	font-size:78px;
	line-height:89px;
}

.pricing-offer sup{
	font-size:28px;
}

.pricing-content{
	background: #fff;
	text-align:center;
	font-size:14px;
}

.pricing-content strong{
color:#353535;
}

.pricing-content ul{
	list-style:none;
	padding:0;
	margin:0;
}

.pricing-content ul li{
	border-bottom:1px solid #e9e9e9;
	list-style:none;
	padding:15px 0 15px 0;
	margin:0 0 0 0;
	color: #888;
}

.pricing-action{
	margin:0;
	background: #fcfcfc;
	text-align:center;
	padding:20px 0 30px 0;
}

.pricing-wrapp{
	margin:0 auto;
	width:100%;
	background:#fd0000;
}

/* --- pricing box alt 1 --- */
.pricing-box-alt {
border: 1px solid #e6e6e6;
	background:#fcfcfc;
	position:relative;
	margin:0 0 20px 0;
	padding:0;
  -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.pricing-box-alt .pricing-heading {
	background: #fcfcfc;
	text-align: center;
	padding:40px 0 0px 0;
	display:block;
}
.pricing-box-alt.special .pricing-heading {
	background: #fcfcfc;
	text-align: center;
	padding:40px 0 1px 0;
	border-bottom:none;
	display:block;
	color:#fff;
}
.pricing-box-alt.special .pricing-heading h3 {
	color:#fff;
}

.pricing-box-alt .pricing-heading h3 strong {
	font-size:32px;
	font-weight:700;
	letter-spacing:-1px;
}
.pricing-box-alt .pricing-heading h3 {
	font-size:32px;
	font-weight:300;
	letter-spacing:-1px;
}

.pricing-box-alt .pricing-terms {
	text-align: center;
	background:#333;
	display:block;
	overflow:hidden;
	padding:30px 0 20px;
}

.pricing-box-alt .pricing-terms  h6 {
	font-style:italic;
	margin-top:10px;
	color:#fff;
	
	font-family:'Roboto', sans-serif;
}

.pricing-box-alt .icon .price-circled {
    margin: 10px 10px 10px 0;
    display: inline-block !important;
    text-align: center !important;
    color: #fff;
    width: 68px;
    height: 68px;
	padding:12px;
    font-size: 16px;
	font-weight:700;
    line-height: 68px;
    text-shadow:none;
    cursor: pointer;
    background-color: #888;
    border-radius: 64px;
    -moz-border-radius: 64px;
    -webkit-border-radius: 64px;
}

.pricing-box-alt  .pricing-action{
	margin:0;
	text-align:center;
	padding:30px 0 30px 0;
}


/* --- pricing box alt 2 --- */
.pricing-box-alt2 {border: 1px solid #e6e6e6; background:#FFF; position:relative; margin:0 0 10px 0; padding:0 0 10px 0;
-webkit-box-shadow: 0 0px 0 rgba(0,0,0,0.03); -moz-box-shadow: 0 0px 0 rgba(0,0,0,0.03); box-shadow: 0 0px 0 rgba(0,0,0,0.03);
  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; border-radius: 0px;}


.pricing-box-alt2 .pricing-heading2					{ background: #fff; text-align: center; padding:10px;}
.pricing-box-alt2 .pricing-heading2 h3 strong	{ font-size:32px; font-weight:700; letter-spacing:-1px; }
.pricing-box-alt2 .pricing-heading2 img			{ margin-bottom:0px; text-align: center;}
.pricing-box-alt2 .pricing-heading2 span			{ position:absolute; top:0px; left:0px; text-align: left; color:#fff; font-size:1.3em; font-weight:bold; padding:10px 5px; background:#d52121;}
.pricing-box-alt2 .pricing-terms2						{ text-align: center; color:#666; background:#fff; display:block; overflow:hidden; padding:0px 10px 0px 10px;}
.pricing-box-alt2 .pricing-terms2 a					{ text-align: center;	background:#fff; display:block; overflow:hidden; }
.pricing-box-alt2 .pricing-terms2 p					{ font-family: 'Lato', sans-serif;margin-top:0px; color:#000; font-size:14px; padding:0px 10px 0px 10px; text-align:center;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pricing-box-alt2 .pricing-terms2_xs					{ text-align: center;	background:#fff; display:block; overflow:hidden;	 padding:5px 0 0px 10px;}
.pricing-box-alt2 .pricing-terms2_xs p				{ margin-top:0px; color:#000; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pricing-box-alt2 .pricing-action2						{ margin:0; text-align:center; padding:10px 0 10px 0;}
.pricing-box-alt2 .pricing-content2					{ background: #fff; text-align:center; font-size:12px;}
.pricing-box-alt2 .pricing-content2 strong		{ color:#353535;}
.pricing-box-alt2 .pricing-content2 ul				{ list-style:none;	padding:0;	margin:0;}
.pricing-box-alt2 .pricing-content2 ul li				{ list-style:none; padding:4px 0 4px 0; margin:0 0 0 0; color: #888;}
.pricing-box-alt2 .pricing-content2 ul li.title		{ width:140px; margin-top:0px; padding:10px 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pricing-box-alt2 .pricing-content2 ul li span.price1	{}
.pricing-box-alt2 .pricing-content2 ul li span.price2	{ font-family: 'Lato', sans-serif;font-size:16px; color:red; padding-left:0px; font-weight:bold;}

/* --- pricing box alt 3 --- */
.pricing-box-alt3 {border: 1px solid #e6e6e6; background:#fcfcfc; position:relative; margin:0 0 20px 0; padding:0;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03); -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03); box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}

.pricing-box-alt3 .pricing-heading3					{ background: #fcfcfc; text-align: center; padding:10px;}
.pricing-box-alt3 .pricing-heading3 h3 strong	{ font-size:32px; font-weight:700; letter-spacing:-1px; }
.pricing-box-alt3 .pricing-heading3 img			{ margin-bottom:0px;}
.pricing-box-alt3 .pricing-terms3						{ text-align: center;	background:#333; display:block; overflow:hidden;	padding:10px 0 0px;}
.pricing-box-alt3 .pricing-terms3  p					{ margin-top:0px; color:#fff; font-family:'Roboto', sans-serif;}
.pricing-box-alt3 .pricing-terms3  p a				{ color:#fff;}
.pricing-box-alt3 .pricing-terms3_xs					{ text-align: center;	background:#333; display:block; overflow:hidden;	padding:10px 0 0px;}
.pricing-box-alt3 .pricing-terms3_xs  p				{ width:120px; margin-top:0px; color:#fff; font-family:'Roboto', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pricing-box-alt3 .pricing-action3						{ margin:0; text-align:center; padding:10px 0 10px 0;}
.pricing-box-alt3 .pricing-content3					{ background: #fff; text-align:center; font-size:13px;}
.pricing-box-alt3 .pricing-content3 strong		{ color:#353535;}
.pricing-box-alt3 .pricing-content3 ul				{ list-style:none;	padding:0;	margin:0;}
.pricing-box-alt3 .pricing-content3 ul li				{ border-bottom:1px solid #e9e9e9; list-style:none; padding:8px 0 8px 0; margin:0 0 0 0; color: #888;}
.pricing-box-alt3 .pricing-tag3 p						{ position:absolute; padding:20px 10px; color:#fff; font-weight:bold; font-size:20px; top:-1px; left:-1px; background:#024e9a; z-index:1; }



/* --- pricing box alt 3 --- */
.pricing-box-alt4 {border: 1px solid #e6e6e6; background:#fcfcfc; position:relative; margin:0 0 20px 0; padding:0;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03); -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03); box-shadow: 0 2px 0 rgba(0,0,0,0.03);
  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}

.pricing-box-alt4 .pricing-heading4					{ background: #fff; text-align: center; padding:10px;}
.pricing-box-alt4 .pricing-heading4 h3 strong	{ font-size:32px; font-weight:700; letter-spacing:-1px; }
.pricing-box-alt4 .pricing-heading4 img			{ margin-bottom:0px;}
.pricing-box-alt4 .pricing-terms4						{ text-align: center;	background:#f7f7f7; display:block; overflow:hidden;	padding:10px 0 0px;}
.pricing-box-alt4 .pricing-terms4  p					{ margin-top:0px; color:#fff; }
.pricing-box-alt4 .pricing-terms4  p a				{ color:#666; font-size:13px;}
.pricing-box-alt4 .pricing-terms4_xs					{ text-align: center;	background:#333; display:block; overflow:hidden;	padding:10px 0 0px;}
.pricing-box-alt4 .pricing-terms4_xs  p				{ width:120px; margin-top:0px; color:#fff; font-family:'Roboto', sans-serif; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.pricing-box-alt4 .pricing-action4						{ margin:0; text-align:center; padding:10px 0 10px 0;}
.pricing-box-alt4 .pricing-content4					{ background: #fff; text-align:center; font-size:13px;}
.pricing-box-alt4 .pricing-content4 strong		{ color:#353535;}
.pricing-box-alt4 .pricing-content4 ul				{ list-style:none;	padding:0;	margin:0;}
.pricing-box-alt4 .pricing-content4 ul li				{ border-bottom:1px solid #e9e9e9; list-style:none; padding:8px 0 8px 0; margin:0 0 0 0; color: #888;}
.pricing-box-alt4 .pricing-tag4 p						{ position:absolute; padding:20px 10px; color:#fff; font-weight:bold; font-size:20px; top:-1px; left:-1px; background:#024e9a; z-index:1; }


.prod-info-main {border: 1px solid #ddd; margin-top: 10px; background: #fff; padding: 10px; }

.prod-info-main .product-image {}
.prod-info-main .product-deatil {position: relative;background: #fff}
.prod-info-main .product-deatil ul {padding:0px 0px 0px 10px;}
.prod-info-main .product-deatil ul li {line-height:24px;}
.prod-info-main .product-deatil ul li .socialname { font-size:15px; font-weight:bold}
.prod-info-main .product-deatil ul li .orderstatus { color:red;}
.prod-info-main .product-deatil ul li .price { font-size:15px; font-weight:bold; color:red;}

.product-block .product-deatil p.price-container span,
.prod-info-main .product-deatil p.price-container span,
.shipping table tbody tr td p.price-container span,
.shopping-items table tbody tr td p.price-container span {color: #21c2f8;font-family: Lato, sans-serif;font-size: 18px;line-height: 20px}
.product-info.smart-form .rating label {margin-top:15px;}
.prod-wrap .product-image span.tag2 {position: absolute;top: 10px;right: 10px;width: 36px;height: 36px;border-radius: 50%;padding: 10px 0;color: #fff;font-size: 11px;text-align: center}
.prod-wrap .product-image span.tag3 {position: absolute;top: 10px;right: 20px;width: 60px;height: 36px;border-radius: 50%;padding: 10px 0;color: #fff;font-size: 11px;text-align: center}



/* ===============================
14. Blog & article
================================ */

article{
margin-bottom:50px;
border-bottom: 1px solid #eee;
padding-bottom: 30px;
}

article .post-heading h3 {
margin-bottom:20px;
}

article .post-heading h3 a {
font-weight:700;
color:#353535;
}

article .post-heading h3 a:hover {
text-decoration:none;
}

.searchtitle {
border-bottom: 1px dotted #eee;
}


/* --- post meta --- */
.post-meta {
background:#fcfcfc;
border-top:none;
text-align:center;
}

.post-meta .format {
padding:10px 0 10px;
}

.post-meta i{
margin:0;
}

.post-meta .date {
padding:10px 0 10px;
}

.post-meta .date span {
text-align:center;
color:#999;
font-size:12px;
font-weight:600;
}

.post-meta .comments {
padding:10px 0 10px;
}

.post-meta .comments a {
color:#999;
font-size:12px;
font-weight:700;
}

.post-meta .comments a:hover {
text-decoration:none;
}

a.readmore {
font-weight: 600;
font-size: 13px;
}

/* --- post format --- */

.post-image {
margin-bottom:20px;
}

.post-quote {
margin-bottom:20px;
}

.post-video {
margin-bottom:20px;
}

.post-audio {
margin-bottom:20px;
}

.post-link {
margin-bottom:20px;
}

.post-slider {
margin-bottom:20px;
}

/* post-slider */

.postslider {
margin-bottom: 50px;
}

.postslider.flexslider { margin: 0 0 60px; background: #fff; border: none;
-webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; 
-o-box-shadow: none;
box-shadow: none;
}
.postslider  .flex-direction-nav a:before  { 
font-family: "flexslider-icon"; 
font-size: 20px; 
display: inline-block; 
content: '\f001'; 
}
.postslider  .flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* quote post */
.post-quote blockquote {
font-size:16px;
color:#999;
font-family:'Roboto', sans-serif;
font-style:italic;
line-height:1.6em;
}

.post-quote blockquote i {
font-size: 40px;
margin:0 20px 10px 0;
float: left;
color: #eee;
}

.post-image img:hover {
-webkit-box-shadow: 0 0 2px #979797;
 -moz-box-shadow: 0 0 2px #979797;
	  box-shadow: 0 0 2px #979797;	
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

ul.meta-post{
margin: 0;
padding:0;
list-style:none;
}

ul.meta-post li{
display: inline-block;
margin:0 10px 0 10px;
padding:0;
list-style:none;
padding-right:10px;
}

ul.meta-post li i {
float:left;
font-size:12px;
margin:6px 5px 0 0;
}

ul.meta-post li a{
color:#999;
font-size:12px;
font-weight:600;
}

/* --- single post --- */
.bottom-article{
overflow: hidden;
padding:10px 0 10px 0;
margin-top:20px;
}

/* --- author info --- */

.about-author {
border:1px solid #f5f5f5;
padding:20px;
float:left;
margin-bottom:5px;
}

.about-author h5 {
margin-bottom:10px;
}



/* --- Comment --- */

.comment-area {
float:left;
width:100%;
margin-top:30px;	
}

.comment-area:after {
  display: table;
content: " ";

}

.media-content{
overflow:hidden;
margin-left:12px;
border-bottom:1px dotted #d5d5d5;
padding-bottom:20px;
}

.media-content h6 {
font-size:14px;
font-weight:700;
}

.media-content span{
color:#a9a9a9;
font-size:14px;
font-weight:300;
}

.comment-area .thumbnail > img {
display: block;
width:60px;
height:60px;
}
.filter-list{
margin-top:20px;
}

.comment-area .media a.reply {
font-weight: 600;
}

/* --- pagination --- */

#pagination a,
#pagination span {
display: block;
float: left;
margin: 0 7px 0 0;
padding: 7px 10px 6px 10px;
font-size: 12px;
line-height:12px;
color: #888;
font-weight:600;
-webkit-border-radius: 2px;
		 -moz-border-radius: 2px;
			  border-radius:  2px;
}

#pagination a:hover {
color: #fff;
text-decoration:none;
}

#pagination span.current {
background: #333;
color: #fff;
font-weight: bold;
}


/* ===============================
15. Aside, sidebar
================================ */

aside{
	position:relative;
	margin-bottom:40px;
}

.sidebar-nav{
	float:left;
	width:100%;
}

.right-sidebar{
	border-left:1px solid #f5f5f5;
	padding:0 0 0 30px;
}


.left-sidebar{
	border-right:0px solid #f5f5f5;
	padding:0 0px 0 0;
}


.left-sidebar .widget h3, .left-sidebar .widget .widget-content{
	padding-right:20px;
}



aside .widget {
	margin-bottom:40px;
}


ul.cat, ul.recent, ul.folio-detail, ul.contact-info{
	margin:0;
	padding:0;
	list-style:none;
}

ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li{
	margin:0 0 15px 0;
	list-style:none;
}

ul.cat li a, ul.folio-detail li a{
	color:#656565;
}

ul.cat li i {
	margin-right: 10px;
}

ul.folio-detail li label{
	display:inline;
	cursor:default;
	color:#353535;
	font-weight:bold;
}

.widget ul.recent li  {
	display:inline-block;
}

.widget ul.recent li {
	margin-bottom:10px;
}

ul.recent li h6, h5 {
	margin:0 0 20px 0;
}

ul.recent li h5 {
	margin:0 0 20px 0;
	font-size:15px;
	color:#000;
}

ul.recent li h6 a{
	color:#353535;
	font-size:16px;
	font-weight:600;
}

ul.recent li p{
	color:#353535;
	font-size:13px;
	line-height:20px;
}


.widget ul.tags {
	list-style:none;
	margin:0;
	margin-left: 0;
	padding-left:0;
}

.widget ul.tags li {
	margin:0 5px 15px 0;
	display:inline-block;
}


.widget ul.tags li a {
	background:#e6e6e6;
	color:#333;
	padding:5px 10px;
-webkit-border-radius: 2px;
	-moz-border-radius: 2px;	
	border-radius:  2px;
	color: #888;
}

.widget ul.tags li a:hover {
	text-decoration:none;
	color:#fff;
}

/* ===== Widgets ===== */


/* --- latest tweet widget --- */

.twitter ul{
	margin-left:0;
	list-style:none;
}

.twitter  img{
    float: left;
    margin-right: 15px;
}
.twitter span.tweet_time{
    display: block;
    padding-bottom: 5px;

}
.twitter li{    
    border-bottom: 1px dashed #efefef;    
    padding-bottom: 20px;
    margin-bottom: 20px;
    list-style: none;
}
.twitter li:last-child{border: none;}

/* --- Recent post widget --- */

.recent-post{
	margin:20px 0 0 0;
	padding:0;
	line-height:18px;
}

.recent-post h5 a:hover {
	text-decoration:none;
}

.recent-post .text h5 a {
	color:#353535;
}


ul.time-post{
	float:left;
	width:120px;
	padding:0;
	list-style:none;
	margin:0 20px 0 0;
	text-align:center;
	color: #0e0f0f;
}

ul.time-post li{
	float:none;
	background:#f8f8f8;
	list-style:none;
	margin:0 0 2px 0;
	padding:0;
}

ul.time-post li a img:hover{
	opacity: 0.8; 
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";	
}
 	
ul.time-post li.time{
	float:none;
	padding:5px 0 5px 0;
	text-shadow: none;	
}

.recent-post ul.time-post li.time{
	color:#121214;
}

.post-meta{
	margin-bottom:20px;
}

.post-meta span{
	padding:0 10px 0 10px;
	margin-bottom:10px;
}

.post-meta span a{
	color:#919191;
}

.post-meta strong{
	font-weight:200px;
	color:#c7c7c7;
}

.item .text {
	margin-left:140px;
	margin-bottom:20px;
}

/* ===============================
16. Footer
================================ */

footer{
	background:#f2f2f2;
	margin-top:20px;
}
#sub-footer{
	border-top: 1px solid #ddd;
	background:#f2f2f2;
}


footer{
	padding:0px 0 0 0;
}

footer a {
	color:#666;
}

footer a:hover {
	color:#444;
}

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{
	color:#666;
}

footer address {
	line-height:1.6em;
}

footer h5 a:hover, footer a:hover {
	text-decoration:none;
}

ul.social-network {
	list-style:none;
	margin:0;
}

ul.social-network li {
	display:inline;
	margin: 0 5px;
}

footer ul.social-network li i {
	font-size: 1.3em;
}

#sub-footer{
	text-shadow:none;
	padding:0;
	padding-top:30px;
	margin:20px 0 0 0;
}

#sub-footer p{
	margin:0;
	padding:0;
}

#sub-footer span{

}

.copyright { text-align:left; font-size:13px; padding:0px 0px; line-height:24px;}
.copyright span{ font-weight:bold;}
.copyright1 a { font-size:15px; color:#2d2d2d;}

#sub-footer ul.social-network {
	float:right;
}


/* ===============================
 Live preview purpose
================================ */
/* --- buttons --- */

.bs-docs-example {
	margin:0 0 10px 0;
}

.demobtn a.btn {
	margin:0 10px 10px 0;
}

section.demogrid .col-lg-1,section.demogrid .col-lg-2,section.demogrid .col-lg-3,section.demogrid .col-lg-4,section.demogrid .col-lg-5,section.demogrid .col-lg-6,section.demogrid .col-lg-7,section.demogrid .col-lg-8,section.demogrid .col-lg-9,section.demogrid .col-lg-10,section.demogrid .col-lg-11 {
	background:#f6f6f6;
	text-align:center;
	padding:20px 0 20px;
}

section.demogrid .show-grid .row,section.demogrid .show-grid .row-fluid {
	margin-bottom:0;
}

section.demogrid .show-grid .nest {
	background:#ddd;
	text-align:center;
	padding:20px 0 20px;
}

section.demogrid .col-lg-12.nest {
	background:#f6f6f6;
	text-align:center;
	padding:20px 0 0;
}

.demoinline p {
	display:inline;
	margin-right:20px;
}


/* ===============================
17. Divider, Line & Misc
================================ */

.solidline {
	border-top:1px solid #f5f5f5;
	margin:0 0 30px;
}

.solidline10 {
	border-top:1px solid #f5f5f5;
	margin:10px 0 10px 0;
}

.dottedline {
	border-top:1px dotted #f5f5f5;
	margin:0 0 30px;
}

.dashedline {
	border-top:1px dashed #f5f5f5;
	margin:0 0 30px;
}

.blankline {
	height:1px;
	margin:0 0 30px;
}


/* scroll to top */
.scrollup{
    position:fixed;
	z-index:2;
	width:40px;
	height:40px;
    bottom:10px;
    right:10px;
	opacity:0.5;
	background: #222;
-webkit-border-radius: 15px 15px 15px 15px;	
	-moz-border-radius: 15px 15px 15px 15px;	
	border-radius:  15px 15px 15px 15px;	
}

a.scrollup {
	outline:0;
	text-align: center;
}

a.scrollup:hover,a.scrollup:active,a.scrollup:focus {
	opacity:1;
	text-align: center;
	text-decoration:none;
}
a.scrollup i {
	margin-top: 11px;
	font-size:18px;
	color: #fff;
}
a.scrollup i:hover {
	text-decoration:none;
}




/* ===================================================== */
/* Button Up										 */
/* ===================================================== */
.btntoTop {
    width: 44px;
    height: 44px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #2e3092;
    border-radius: 2px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    z-index: 999;
    opacity: 0;
    -webkit-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
}
.btntoTop:before {
    content: "\f106";
    display: inline-block;
    vertical-align: middle;
    font: 20px 'FontAwesome';
    color: #fff;
}
.btntoTop.active {
    opacity: 1;
}
.btntoTop.active:hover{
    opacity:0.8;
}




/* =============================
18. Position & alignment
============================= */

.absolute{
	position:absolute;
}

.relative{
	position:relative;
}

.aligncenter{
	text-align:center;
}

.center{
	text-align:center !important;
}

.right{
	text-align:right !important;
}

.text-center{
	text-align:center !important;
}

.text-right{
	text-align:right !important;
}

.aligncenter span{
	margin-left:0;
}

.floatright {
	float:right;
}

.floatleft {
	float:left;
}

.floatnone {
	float:none;
}

.aligncenter {
	text-align:center;
}

/* --- Image allignment style --- */

img.pull-left, .align-left{
	float:left;
	margin:0 15px 15px 0;
}

.widget img.pull-left {
	float:left;
	margin:0 15px 15px 0;
}

img.pull-right, .align-right {
	float:right;
	margin:0 0 15px 15px;
}

article img.pull-left, article .align-left{
	float:left;
	margin:5px 15px 15px 0;
}

article img.pull-right, article .align-right{
	float:right;
	margin:5px 0 15px 15px;
}

/* =============================
20. Spacer, margin
============================= */

.letter_spacing-0 { letter-spacing:0px !important; }
.letter_spacing-1 { letter-spacing:-1px !important; }
.letter_spacing-2 { letter-spacing:-0.08em !important; }
.letter_spacing-3 { letter-spacing:-3px !important; }
.letter_spacing-4 { letter-spacing:-4px !important; }

.tright { text-align: right !important; }

.tleft { text-align: left !important; }

.fright { float: right !important; }

.fleft { float: left !important; }


.lineheight14 { line-height:14px !important; }
.lineheight15 { line-height:15px !important; }
.lineheight16 { line-height:16px !important; }
.lineheight17 { line-height:17px !important; }
.lineheight18 { line-height:18px !important; }
.lineheight19 { line-height:19px !important; }
.lineheight20 { line-height:20px !important; }
.lineheight21 { line-height:21px !important; }
.lineheight22 { line-height:22px !important; }
.lineheight23 { line-height:23px !important; }
.lineheight24 { line-height:24px !important; }
.lineheight25 { line-height:25px !important; }
.lineheight26 { line-height:26px !important; }
.lineheight27 { line-height:27px !important; }
.lineheight28 { line-height:28px !important; }
.lineheight29 { line-height:29px !important; }
.lineheight30 { line-height:30px !important; }
.lineheight31 { line-height:31px !important; }
.lineheight32 { line-height:32px !important; }
.lineheight33 { line-height:33px !important; }
.lineheight34 { line-height:34px !important; }
.lineheight40 { line-height:40px !important; }
.lineheight50 { line-height:50px !important; }
.lineheight60 { line-height:60px !important; }

.clear-marginbot{	margin-bottom:0;}

.marginbot5{	margin-bottom:5px;}
.marginbot6{	margin-bottom:6px;}
.marginbot7{	margin-bottom:7px;}
.marginbot8{	margin-bottom:8px;}
.marginbot10{	margin-bottom:10px;}
.marginbot15{	margin-bottom:15px;}
.marginbot20{	margin-bottom:20px;}
.marginbot23{	margin-bottom:23px;}
.marginbot25{	margin-bottom:25px;}
.marginbot30{	margin-bottom:30px;}
.marginbot35{	margin-bottom:35px;}
.marginbot40{	margin-bottom:40px;}
.marginbot45{	margin-bottom:45px;}
.marginbot50{	margin-bottom:50px;}
.marginbot55{	margin-bottom:55px;}

.clear-margintop{	margin-top:0;}
.margintop5{	margin-top:5px;}
.margintop10{	margin-top:10px;}
.margintop20{	margin-top:20px;}
.margintop30{	margin-top:30px;}
.margintop40{	margin-top:40px;}
.margintop50{	margin-top:50px;}

.clear-marginleft {	margin-left:0;}
.marginleft10{	margin-left:10px;}
.marginleft15{	margin-left:15px;}
.marginleft20{	margin-left:20px;}
.marginleft25{	margin-left:25px;}
.marginleft30{	margin-left:30px;}
.marginleft35{	margin-left:35px;}
.marginleft40{	margin-left:40px;}
.marginleft45{	margin-left:45px;}
.marginleft50{	margin-left:50px;}
.marginleft55{	margin-left:55px;}

.clear-marginright {margin-right:0;}
.marginright10	{margin-right:10px;}
.marginright15	{margin-right:15px;}
.marginright20	{margin-right:20px;}
.marginright25	{margin-right:25px;}
.marginright30	{margin-right:30px;}
.marginright35	{margin-right:35px;}
.marginright40	{margin-right:40px;}
.marginright45	{margin-right:45px;}
.marginright50	{margin-right:50px;}
.marginright55	{margin-right:55px;}

.marginleft-m1 {margin-left:-1px;}

.padding10 { padding:10px;}
.padding20 { padding:20px;}
.padding30 { padding:30px;}
.padding40 { padding:40px;}
.padding50 { padding:50px;}

.clear-paddingtop{padding-top:0;}
.paddingtop10{padding-top:10px;}
.paddingtop20{padding-top:20px;}
.paddingtop30{padding-top:30px;}
.paddingtop40{padding-top:40px;}
.paddingtop50{padding-top:50px;}
.paddingtop60{padding-top:60px;}
.paddingtop70{padding-top:70px;}
.paddingtop80{padding-top:80px;}

.clear-paddingbot{padding-bottom:0;}
.paddingbot10{padding-bottom:10px;}
.paddingbot20{padding-bottom:20px;}
.paddingbot30{padding-bottom:30px;}
.paddingbot40{padding-bottom:40px;}
.paddingbot50{padding-bottom:50px;}
.paddingbot60{padding-bottom:60px;}
.paddingbot70{padding-bottom:70px;}
.paddingbot80{padding-bottom:80px;}

.clear-paddingleft{padding-left:0;}
.paddingleft10{padding-left:10px;}
.paddingleft20{padding-left:20px;}
.paddingleft30{padding-left:30px;}
.paddingleft40{padding-left:40px;}
.paddingleft50{padding-left:50px;}

.fontsize12 {font-size:12px !important;}
.fontsize13 {font-size:13px !important;}
.fontsize14 {font-size:14px !important;}
.fontsize15 {font-size:15px !important;}
.fontsize16 {font-size:16px !important;}
.fontsize17 {font-size:17px !important;}
.fontsize18 {font-size:18px !important;}
.fontsize19 {font-size:19px !important;}
.fontsize20 {font-size:20px !important;}
.fontsize21 {font-size:21px !important;}
.fontsize22 {font-size:22px !important;}
.fontsize23 {font-size:23px !important;}
.fontsize24 {font-size:24px !important;}
.fontsize25 {font-size:25px !important;}
.fontsize26 {font-size:26px !important;}
.fontsize27 {font-size:27px !important;}
.fontsize28 {font-size:28px !important;}
.fontsize29 {font-size:29px !important;}
.fontsize30 {font-size:30px !important;}
.fontsize32 {font-size:32px !important;}
.fontsize40 {font-size:40px !important;}

.fontsize-bold12 {font-size:12px; font-weight:bold;}
.fontsize-bold13 {font-size:13px; font-weight:bold;}
.fontsize-bold14 {font-size:14px; font-weight:bold;}
.fontsize-bold15 {font-size:15px; font-weight:bold;}
.fontsize-bold16 {font-size:16px; font-weight:bold;}
.fontsize-bold17 {font-size:17px; font-weight:bold;}
.fontsize-bold18 {font-size:18px; font-weight:bold;}
.fontsize-bold19 {font-size:19px; font-weight:bold;}
.fontsize-bold20 {font-size:20px; font-weight:bold;}
.fontsize-bold21 {font-size:21px; font-weight:bold;}
.fontsize-bold22 {font-size:22px; font-weight:bold;}
.fontsize-bold23 {font-size:23px; font-weight:bold;}
.fontsize-bold24 {font-size:24px; font-weight:bold;}
.fontsize-bold25 {font-size:25px; font-weight:bold;}

.fontbold { font-weight:600;}

.fontcolor_red {color:#e22113;}
.fontcolor_blue {color:#3767b7;}
.fontcolor_white {color:#fff;}
.fontcolor_ddd {color:#ddd;}
.fontcolor_666 {color:#666;}
.fontcolor_333 {color:#333;}

.fontcolor-red {color:#e22113 !important;}
.fontcolor-blue {color:#3767b7 !important;}
.fontcolor-orange {color:#ff8400 !important;}
.fontcolor-black {color:#000;}


.font-color1 { color:#A880E0;}
.font-color2 { color:#FF85BA;}
.font-color3 { color:#FF9F8C;}
.font-color4 { color:#D383DE;}


.border0 { border: 0px;}
.border1 { border: 1px solid #f1f1f1;}
.border-radius-1 { border-radius:1px}
.border-radius-2 { border-radius:2px}
.border-radius-3 { border-radius:3px}
.border-radius-4 { border-radius:4px}
.border-radius-5 { border-radius:5px}
.border-radius-10 { border-radius:10px}

.border-radius-10-up { border-radius:10px 10px 0px 0px;}
.border-radius-10-down { border-radius:0px 0px 10px 10px;}

.bordertop-min {border-left:0px; border-right:0px; border-bottom:0px;}
.border-left1-right1 { border-left:1px; border-right:1px; }

.border-color1 { border:1px solid #a0d6b4;}
.border-color2 { border:1px solid #fdcb9f;}
.border-color3 { border:1px solid #fd9faa;}
.border-color4 { border:1px solid #ddd;}
.border-color5 { border:1px solid #74ad11; }
.border-color6 { border:1px solid #0e9d6d; }
.border-color7 { border:1px solid #0c919d; }
.border-color8 { border:1px solid #0b6495; }

.width90 {width:90px !important;;}

.text-over { display: block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.text-over1 { overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:1.5em;max-height:1.5em}
.text-over2 { overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;line-height:2em;max-height:2em}

.label-lg{display:inline;padding:.2em .6em .3em;font-size:11px;line-height:1;color:#fff;text-align:center;white-space:nowrap;border-radius:2px;}
.tag1 { position:absolute; padding:15px 10px; color:#fff; font-weight:bold; font-size:16px; top:-1px; left:10px; background:#c20566; z-index:1; }


.bgcolor_default {  background-color:#fff !important;}
.bgcolor_com {  background-color:#ff8066 !important;}
.bgcolor_com1 {  background-color:#19dec3 !important;}
.bgcolor_com2 {  background-color:#f2eae9 !important;}
.bgcolor_com3 {  background-color:#C1E5E0 !important;}
.bgcolor_com3 {  background-color:#bcc5e2 !important;}
.bgcolor_com4 { background-color:#f9f3ed !important;}
.bgcolor_com5 { background-color:#f2f7f9 !important;}
.bgcolor_com6 { background-color:#d4f1ed !important;}
.bgcolor_w { background-color:#fff !important;}
.bgcolor_lightgray { background-color:#f6f6f6 !important;}
.bgcolor_b {  background-color:#333 !important;}
.bgcolor_menu { background:#003150 !important; }
.bgcolor_badge1 { background:#057772 !important; }
.bgcolor_darklight { background:#083150 !important; }

.bgcolor_lightred { background:#f7e6e3 !important; }
.bgcolor_lightblue { background:#e3ecf7 !important; }

.bgcolor_1 { background:#A880E0 !important; }
.bgcolor_2 { background:#FF85BA !important; }
.bgcolor_3 { background:#FF9F8C !important; }
.bgcolor_4 { background:#D383DE !important; }

.bg_main { background:url('/images/main/dotted1.png') repeat;}


.label-lg{display:inline;padding:.2em .6em .3em;font-size:11px;line-height:1;color:#fff;text-align:center;white-space:nowrap;border-radius:2px;}


.btn-main1 {
  color: #000;
  background-color: #fae100;
  border-color: #fae100;
}
.btn-main1:hover,
.btn-main1:focus,
.btn-main1.focus,
.btn-main1:active,
.btn-main1.active,
.open > .dropdown-toggle.btn-main1 {
  color: #333333;
  background-color: #f7e2a6;
  border-color: #f7e2a6;
}

.btn-main2 {
  color: #333333;
  background-color: #88e1fe;
  border-color: #88e1fe;
}
.btn-main2:hover,
.btn-main2:focus,
.btn-main2.focus,
.btn-main2:active,
.btn-main2.active,
.open > .dropdown-toggle.btn-main2 {
  color: #333333;
  background-color: #afe2ed;
  border-color: #afe2ed;
}

.btn-main3 {
  color: #fff;
  background-color: #ED8741;
}
.btn-main3:hover,
.btn-main3:focus,
.btn-main3.focus,
.btn-main3:active,
.btn-main3.active,
.open > .dropdown-toggle.btn-main3 {
  color: #fff;
  background-color: #dc6a1c;
}

.btn-main4 {
  color: #fff;
  font-size:14px;
  border-radius:0px 0px 10px 10px;
  background-color: #6c8093;
}
.btn-main4:hover,
.btn-main4:focus,
.btn-main4.focus,
.btn-main4:active,
.btn-main4.active,
.open > .dropdown-toggle.btn-main4 {
  color: #fff;
  background-color: #045fb5;
}

.btn-main5 {
  color: #fff;
  font-size:14px;
  border-radius:0px 10px 10px 0px;
  background-color: #185eac;
}
.btn-main5:hover,
.btn-main5:focus,
.btn-main5.focus,
.btn-main5:active,
.btn-main5.active,
.open > .dropdown-toggle.btn-main5 {
  color: #fff;
  background-color: #012c5d;
}

.btn-main6 {
  color: #fff;
  font-size:14px;
  background-color: #6d7883;
}
.btn-main6:hover,
.btn-main6:focus,
.btn-main6.focus,
.btn-main6:active,
.btn-main6.active,
.open > .dropdown-toggle.btn-main6 {
  color: #fff;
  background-color: #555f69;
}

.btn-main7 {
  color: #fff;
  font-size:14px;
  background-color: #7e766a;
}
.btn-main7:hover,
.btn-main7:focus,
.btn-main7.focus,
.btn-main7:active,
.btn-main7.active,
.open > .dropdown-toggle.btn-main7 {
  color: #fff;
  background-color: #655d52;
}

.btn-main8 {
  color: #fff;
  font-size:14px;
}
.btn-main8:hover,
.btn-main8:focus,
.btn-main8.focus,
.btn-main8:active,
.btn-main8.active,
.open > .dropdown-toggle.btn-main8 {
  color: #fff;
}

.btn-main9 {
  color: #fff;
  font-size:14px;
  background-color: #F6A17C;
}
.btn-main9:hover,
.btn-main9:focus,
.btn-main9.focus,
.btn-main9:active,
.btn-main9.active,
.open > .dropdown-toggle.btn-main9 {
  color: #fff;
  background-color: #EC9772;
}

.btn-main10 {
  color: #fff;
  font-size:14px;
  background-color: #FA7E76;
}
.btn-main10:hover,
.btn-main10:focus,
.btn-main10.focus,
.btn-main10:active,
.btn-main10.active,
.open > .dropdown-toggle.btn-main10 {
  color: #fff;
  background-color: #F0746C;
}

.btn-main11 {
  color: #fff;
  font-size:14px;
  background-color: #b1b76c;
}
.btn-main11:hover,
.btn-main11:focus,
.btn-main11.focus,
.btn-main11:active,
.btn-main11.active,
.open > .dropdown-toggle.btn-main11 {
  color: #fff;
  background-color: #8f954b;
}

.btn-main12 {
  color: #fff;
  font-size:14px;
  background-color: #03c75a;
}
.btn-main12:hover,
.btn-main12:focus,
.btn-main12.focus,
.btn-main12:active,
.btn-main12.active,
.open > .dropdown-toggle.btn-main12 {
  color: #fff;
  background-color: #039c47;
}

.btn-main13 {
  color: #000;
  font-size:14px;
  background-color: #fae100;
}
.btn-main13:hover,
.btn-main13:focus,
.btn-main13.focus,
.btn-main13:active,
.btn-main13.active,
.open > .dropdown-toggle.btn-main13 {
  color: #000;
  background-color: #d0bb00;
}

.btn-main14 {
  color: #fff;
  font-size:14px;
  background-color: #66c3c5;
}
.btn-main14:hover,
.btn-main14:focus,
.btn-main14.focus,
.btn-main14:active,
.btn-main14.active,
.open > .dropdown-toggle.btn-main14 {
  color: #fff;
  background-color: #419496;
}

.btn-line1 {
  color: #fff;
  background-color: transparent !important;
  border-color: #666;
}
.btn-line1:hover,
.btn-line1:focus,
.btn-line1.focus,
.btn-line1:active,
.btn-line1.active,
.open > .dropdown-toggle.btn-line1 {
  color: #fff;
  background-color: transparent !important;
  border-color: #ED8741;
}

/* =============================
21. Media queries 
============================= */

@media screen {
    textarea {
        resize: vertical;
        overflow: auto;
    }
}


@media (min-width: 979px) and (max-width: 1200px) {
	#wrapper.boxed{
		width:1000px;
		margin:0 auto;	
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	#wrapper.boxed{
		width:784px;
		margin:0 auto;	
	}

	a.detail{
		background:none;
		width:100%;
	}


	
	footer .widget form  input#appendedInputButton {
		  display: block;
		  width: 91%;
		  -webkit-border-radius: 2px 2px 2px 2px;
			 -moz-border-radius: 2px 2px 2px 2px;
				  border-radius: 2px 2px 2px 2px;
	}
	
	footer .widget form  .input-append .btn {
		  display: block;
		  width: 100%;
		  padding-right: 0;
		  padding-left: 0;
		  -webkit-box-sizing: border-box;
			 -moz-box-sizing: border-box;
				  box-sizing: border-box;
				  margin-top:10px;
	}

	ul.related-folio li{
		width:156px;
		margin:0 20px 0 0;
	}	
}

@media (max-width: 767px) {

  body {
    padding-right: 0;
    padding-left: 0;
  }
  
 	#wrapper.boxed{
		width:90%;
		margin:0 auto;	
	}
	.navbar-brand {
		margin-top: 5px;
		margin-bottom:5px;
		border-bottom: none;
	}
	.navbar-header {
		margin-top: 0px;

	}
	
	.navbar-nav {
		border-top: none;
		padding-top: 0px;
		float: none;
		width: 100%;
	}

	header .navbar-nav > li  {
		padding-bottom: 0;
		padding-top: 0;
	}
	
	header .nav li .dropdown-menu  {
		margin-top: 0;
	}
	
	.stats > div {
		margin-bottom: 30px;
	}

	.dropdown-menu {
	  position: absolute;
	  top: 0;
	  left: 40px;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 5px 0;
	  margin: 2px 0 0;
	  font-size: 13px;
	  list-style: none;
	  background-color: #fff;
	  background-clip: padding-box;
	  border: 1px solid #f5f5f5;
	  border: 1px solid rgba(0, 0, 0, .15);
	  border-radius: 0;
	  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
			  box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
	}

	.guide-menu a {
	  position: absolute;
	  top: 0;
	  left: 10px;
	  z-index: 1000;
	  display: none;
	  float: left;
	  min-width: 160px;
	  padding: 0px 0;
	  margin: 2px 0 0;
	  font-size: 12px;
	  list-style: none;
	  background-color: #fff;
	  background-clip: padding-box;
	  border: 1px solid #f5f5f5;
	  border: 1px solid rgba(0, 0, 0, .15);
	}
	
	
	.navbar-collapse.collapse  {
		border: none;
		overflow: auto;
	}

	
	.box {
		padding:20px 0;
		margin-bottom: 20px;
	}

		


	#inner-headline .breadcrumb {
		float:left;
		clear:both;
		width:100%;
	}

	.breadcrumb > li {
		font-size:13px;
	}

	
	ul.portfolio li article a i.icon-48{
		width:20px;
		height:20px;
		font-size:16px;
		line-height:20px;
	}


	.left-sidebar{
		border-right:none;
		padding:0 0 0 0;
		border-bottom: 0px dotted #e6e6e6;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	
	.right-sidebar{
		margin-top:50px;
		border-left:none;
		padding:0 0 0 0;
	}
	
	
	footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, 
	footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{
		margin-bottom:0px;
	}

	#sub-footer ul.social-network {
		float:left;
	}
	

	
  [class*="span"] {
		margin-bottom:20px;
  }

}

@media (max-width: 480px) {
	.bottom-article a.pull-right {
		float:left;
		margin-top:20px;
	}


	.search{
		float:left;
	}


	.cta-text {
		margin:0 auto;
		text-align:center;	
	}
	
	ul.portfolio li article a i{
		width:20px;
		height:20px;
		font-size:14px;
	}
	.main-slider .flex-caption {
		bottom: 0;
		text-align: center;
	}
	.main-slider .flex-caption p {
		display: none;
	}
	
	.cta-btn {
		float: none;
		text-align: center;
	}

}

@media (max-width: 360px) {

}
/* ============== options panel for live preview ======================= */		
			
#t_options {
	position:fixed;
	top: 40px;
	left:-230px;
	width: 230px;
	background: #fefefe;
	color:#666;
	box-shadow: 0 0 3px rgba(0,0,0,0.12);
	box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
	-o-box-shadow: 0 1px 6px rgba(0,0,0,.2); 
    z-index: 5000;
    font-size: 11px;
    font-family: 'Open Sans', arial, sans-serif;
}

#t_options hr {
  margin: 20px 0;
  border: 0;
  border-top: none;
  border-bottom: 1px dotted #999;	
}

#t_options h6 {
	color:#666;
	font-size:14px;
}

#t_options input{
	width:60px;
}

#t_options .col {
	width:50px;
	margin:0 10px 0;
}

.colorpicker {
    z-index: 5001;	
}
.options_inner {
	position: relative;
	width: 100%;
	height: 100%;
}
.options_box {
	margin: 0 14px;
	padding: 10px 0 20px;
	overflow:hidden;
}

.options_box .solidline {
	margin-bottom:10px;
}

.options_box h6 {
	text-align:center;
	font-weight:bold;
}

.options_box .full {
	width:100%;
	overflow:hidden;
	padding-bottom:10px;
}
.options_box .halfcol {
	width:90px;
	float:left;
	margin:0 5px;
}

.options_box .fourcol {
	width:30px;
	float:left;
	margin:0 5px;
}

.options_box .fourcol.color a{
	width:30px;
	height:30px;
	display:block;
	margin-bottom:5px;
}

.options_box .halfcol .wideboxed h6 {
	font-size:11px;
	font-weight:600;
}

.options_toggle_holder {
	position:absolute;
	right:-40px;
}

.options_toggle  {
	margin: 6px 0 0 4px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border:1px solid #f63306;
	border-left:none;
	display:block;
		background:#f63306;
	
}

a.btn.btn-box {
	border-radius: 0;
	background: #fff;
	font-weight: 600;
	color: #666;
	border: 1px solid #ddd;

}

a.btn.btn-wide {
	border-radius: 0;
	background: #fff;
	font-weight: 600;
	color: #666;
	border: 1px solid #ddd;
}

.options_toggle span .icon {
	margin:10px 0 0 7px;
	display:block;
	color: #fff;
}

.options_toggle:hover,.options_toggle:focus,.options_toggle:active{
	outline:0;
	text-decoration:none;
}

.options_heading {
	color: #666;
	margin-top: 5px;
	margin-bottom: 20px;
	font-size: 14px;
	text-transform: uppercase;	
	font-weight: bold; 
	letter-spacing: 2px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #888;	
}

/* colors */

.options_box a.t_default {
	background:#d9232d;
}
.options_box a.t_kissme {
	background:#6D0C1F;
}
.options_box a.t_lime {
	background:#C6DF45;
}
.options_box a.t_rose {
	background:#9E001D;
}
.options_box a.t_amethyst {
	background:#9b59b6;
}
.options_box a.t_asphalt {
	background:#34495e;
}
.options_box a.t_pomegranate {
	background:#c0392b;
}
.options_box a.t_pumpkin {
	background:#d35400;
}
.options_box a.t_lightorange {
	background:#f39c12;
}
.options_box a.t_red {
	background:#cb1103;
}

.options_box a.t_green {
	background:#9AC43C;
}

.options_box a.t_sand {
	background:#BFB372;
}

.options_box a.t_purple {
	background:#c81dbe;
}
.options_box a.t_yellow {
	background:#FFD053;
}
.options_box a.t_blue {
	background:#5C9CC7;
}
.options_box a.t_pink {
	background:#FF439E;
}

.bgr .bg {
	width:28px;
	height:28px;
	border:1px solid #e6e6e6;
}

.bgr .bg.bg1 {
	background: url(../img/bodybg/bg1.png) repeat left top;
}	
.bgr .bg.bg2 {
	background: url(../img/bodybg/bg2.png) repeat left top;
}	
.bgr .bg.bg3 {
	background: url(../img/bodybg/bg3.jpg) repeat left top;
}	
.bgr .bg.bg4 {
	background: url(../img/bodybg/bg4.png) repeat left top;
}	
.bgr .bg.bg5 {
	background: url(../img/bodybg/bg5.png) repeat left top;
}	
.bgr .bg.bg6 {
	background: url(../img/bodybg/bg6.png) repeat left top;
}	
.bgr .bg.bg7 {
	background: url(../img/bodybg/bg7.png) repeat left top;
}	
.bgr .bg.bg8 {
	background: url(../img/bodybg/bg8.jpg) repeat left top;
}	
.bgr .bg.bg9 {
	background: url(../img/bodybg/bg9.png) repeat left top;
}	
.bgr .bg.bg10 {
	background: url(../img/bodybg/bg10.png) repeat left top;
}	

#accent_color{
	color: #fff;
	background: #ef5523;
	border: none;
	text-transform: uppercase;
	margin-left: 2px;
	text-align: center;
	outline:0;
}

#bodybg_color {
	color: #fff;
	background: #ccc;
	border: none;
	text-transform: uppercase;
	margin-left: 2px;
	text-align: center;
	outline:0;
}


.table_color {}
.table_color th { background:#f4f4f4;}

/* ÅǸ޴º */

/* ÅǸ޴º */
.tab_menu { position:relative; height:31px; background:url(/images/board/tab_menu.png) repeat-x 0 100%; font-size:11px;}
.tab_menu ul,.tab_menu ul li { margin:0; padding:0; }
.tab_menu ul li{list-style:none; }
.tab_menu ul li,.tab_menu ul li a{ background:url(/images/board/bg_tab2_off.png) no-repeat;}
.tab_menu ul li{ float:left;margin-right:-1px;line-height:28px; }
.tab_menu ul li a{ display:inline-block;padding:3px 14px 1px; background-position: 100% 0; color:#666; text-decoration:none !important}
.tab_menu ul li a:hover{ color:#000; }
.tab_menu ul li.on,.tab_menu ul li.on a{ background-image:url(/images/board/bg_tab2_on.png); }
.tab_menu ul li.on a{ color:#000; font-weight:bold; }

li.list-group-item { font-size:14px; text-decoration: none; line-height:20px; padding:7px 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
li.list-group-item a{ font-size:14px; text-decoration: none; line-height:20px;}
li.list-group-item a:hover{ color:#d9232d;}
li.list-group-item span.badge {font-weight:normal; font-size:11px; background:#fff; color:#666;}

/* ¼­ºêÄÁÅÙÃ÷ */
dl.cont_paragraph { margin-bottom:30px; }
dl.cont_paragraph dt { margin-top:20px; color:#024e9a; padding:0 0 10px 0px; font-size:16px; font-weight:bold; }
dl.cont_paragraph dt b{ color:#007ac5; font-size:14px; font-weight:bold; }
dl.cont_paragraph dd { font-size:13px; margin-bottom:10px; line-height:30px; padding:0px 15px; letter-spacing:-0.5px;}
dl.cont_paragraph dd.none { font-size:15px; font-weight:bold; margin-left:0px; line-height:20px;}
dl.cont_paragraph dd b { color:#007ac5; font-weight:bold }
dl.cont_paragraph dd span { color:#007ac5; }
dl.cont_paragraph dd p.dot { font-size:12px; background:url(/images/common/dot_01.png) no-repeat 0 8px; padding-left:8px; line-height:22px;}

dl.cont_paragraph1 { margin-bottom:20px; }
dl.cont_paragraph1 dt { margin-top:20px; color:#024e9a; padding:0 0 10px 0px; font-size:16px; font-weight:bold; }
dl.cont_paragraph1 dt b{ color:#007ac5; font-size:16px; font-weight:bold; }
dl.cont_paragraph1 dd { font-size:13px; margin-bottom:10px; line-height:30px; border:1px solid #f1f1f1; background:#f7f7f7; padding:15px 15px; letter-spacing:-0.5px;}
dl.cont_paragraph1 dd b { color:#007ac5; }
dl.cont_paragraph1 dd span { color:#007ac5; }
dl.cont_paragraph1 dd.red1 { color:#d91212; }
dl.cont_paragraph1 li { line-height:26px;}

dl.cont_paragraph2 { margin-bottom:30px; }
dl.cont_paragraph2 dt { margin-top:20px; background:url(/images/cont/bul_blue.gif) no-repeat 0 2px; color:#024e9a; padding:0 0 16px 16px; font-size:16px; font-weight:bold; }
dl.cont_paragraph2 dt b{ color:#007ac5; font-size:16px; font-weight:bold; }
dl.cont_paragraph2 dd { margin-left:0px; line-height:25px; border:0px solid #ccc; background:#f1f1f1; padding:10px 10px 10px 20px;}

dl.cont_paragraph2 dd.none { margin-left:0px; line-height:25px; border:1px solid #ccc; background:#f1f1f1; padding:10px 10px 20px 20px;}

dl.cont_paragraph2 dd b { color:#666; font-weight:bold }
dl.cont_paragraph2 dd span { color:#d91212;  font-size:16px; font-weight:bold;}
dl.cont_paragraph2 dd.red1 { color:#d91212; }

dl.cont_bluebox { border:4px solid #393c4b; padding:18px 18px 18px 0; background:#fff; }
dl.cont_bluebox dt { display:inline; background:#393c4b; padding:6px 16px 5px 16px; color:#fff; font-weight:bold; }
dl.cont_bluebox dd { padding:10px 0 0 18px; line-height:18px; }

dl.cont_bluebox1 { border:4px solid #393c4b; padding:18px 18px 18px 0; background:#fff; }
dl.cont_bluebox1 dt { display:inline; background:#393c4b; padding:6px 16px 5px 16px; color:#fff; font-weight:bold; }
dl.cont_bluebox1 dd { padding:10px 0 0 18px; line-height:18px; }


/* ¸»Ç³¼± Ãß°¡ */
.help_messege1 { position:relative;}
.help_messege1 img {cursor:pointer;margin-left:2px;}
.help_messege1 .messageBox {top:25px; left:-3px; font-weight:normal; text-align:left; display:none;}
.help_messege1:hover .messageBox { display:block;}

/* layer (over) */
.ly_help { position:absolute; z-index:10; border:1px solid #c2c2c5; background:#fff; }
.ly_help p { font-size:11px; padding:8px 10px 6px 10px;color:#000;line-height:16px;letter-spacing:0px; }
.ly_help .edge_lgt { position:absolute;top:0;left:10px;width:9px;height:6px;margin-top:-6px;background:url(/images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0}
.ly_help .edge_cen { position:absolute;top:0;left:50%;width:9px;height:6px;margin:-6px 0 0 -5px;background:url(/images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0}
.ly_help .edge_rgt { position:absolute;top:0;right:3px;width:9px;height:6px;margin-top:-6px;background:url(/images/common/bg_layer_edge.gif) no-repeat 0 0;font-size:0}


/* ¼îÇλ󼼺¸±â */
.prd_detail_basic					{ position:relative; margin:20px 28px 0 28px; }
.image_view							{ float:left; }
.image_view img					{ width:450px; height:450px;}
.image_view span.lpop_srch_frame	{ position:absolute; left:0; top:0; width:448px; height:448px; border:1px solid #eee; }

.discount_wrap						{ position:absolute; right:16px; top:-2px; color:#fff; font-size:22px; width:71px; height:76px; background:url(/images/shopping/bg_discount.gif) no-repeat 0 0; text-align:center; }
.discount_wrap span					{ display:inline-block; font-size:36px; margin:4px 0 0 0; }

.detail_info {  }
.detail_info p { font-size:11px; color:#a3a3a3; margin-bottom:10px; }
.detail_info p.tit { font-size:18px; font-weight:bold; margin-bottom:30px; color:#333; }
.detail_info p.social_tit { width:340px; font-size:18px; font-weight:bold; margin-bottom:30px; color:#333; }

.detail_info dl { border-bottom:1px solid #ebebeb; margin-bottom:14px; }
.detail_info dt { float:left; margin-bottom:10px; width:90px; font-size:11px; }
.detail_info dd { margin-bottom:10px; }
.detail_info dd.bold { font-weight:bold; }  
.detail_info dl dd i { font-size:11px; font-style:normal; margin:0 0 0 6px; }  

.detail_info dl.price { border-bottom:1px solid #ebebeb; margin-bottom:14px; }
.detail_info dl.price dt { float:left; margin-top:7px; margin-bottom:7px; }
.detail_info dl.price dd { margin-bottom:10px; height:20px; }  
.detail_info dl.price dd span.thm { font-size:20px; font-weight:bold; color:#8f8f8f; }
.detail_info dl.price dd span.won {  font-size:12px; color:#8f8f8f; }
.detail_info dl.price dd span.point { color:#dc0000; }

.detail_info dl.social_price { }
.detail_info dl.social_price dt { width:0px; }
.detail_info dl.social_price dt span { font-size:36px; font-family:tahoma; }
.detail_info dl.social_price dd { line-height:14px; }
.detail_info dl.social_price dd span.o_price		{ margin:8px 0 8px 4px; font-size:14px; text-decoration:line-through; }
.detail_info dl.social_price dd span.s_price		{ margin:8px 0 8px 4px; font-size:38px; color:#dc0000; }

.detail_info dl.ea { border-bottom:1px solid #ebebeb; margin-bottom:14px; padding-bottom:10px }
.detail_info dl.ea dt { float:left; margin-top:5px; }
.detail_info dl.ea dd { margin-bottom:2px; }
.detail_info dl.ea dd span { font-size:20px; }

.detail_info dl.opt { border-bottom:1px solid #ebebeb; margin-bottom:14px; padding-bottom:10px }
.detail_info dl.opt dt { float:left; margin-top:6px; margin-bottom:2px; }
.detail_info dl.opt dd { margin-bottom:2px; height:20px; }

.lpop_srch_frame	{ position:absolute; left:0; top:0; padding:30px 15px; background:#024e9a; color:#fff; font-size:24px; font-weight:bold;}


/* Å×ÀÌºí °¡·ÎÇü */
.table_H { width:100%; background:#fff; }
.table_H th { padding:10px 6px 8px 6px; font-size:11px; border-bottom:0px solid #dbdbdb; border-left:0px solid #dcdcdc; color:#666;  line-height:16px;}
.table_H td { padding:10px 6px 8px 6px; font-size:11px; border-bottom:0px solid #dbdbdb; border-left:0px solid #dcdcdc; color:#666;  line-height:16px;}
.table_H td span.price { font-size:16px; font-weight:bold; color:red;}

.table td img { display:block;width:100% \9;max-width:100%;height:auto }
.table caption { text-align:left; padding:10px; font-size:16px; font-weight:bold; background:#f5f5f5;}


/* 
Å×ÀÌºí¼¼·Î1
*/
.table-vertical { width: 100%; height:auto; border-collapse: collapse; }
/* Zebra striping */
.table-vertical>tbody>tr:nth-of-type(odd) { }
.table-vertical>thead>tr>th { background: #fff; color: #000; font-weight: bold; }
.table-vertical>tbody>tr>td, .table-vertical>thead>tr>th { padding: 10px; border-top: 1px solid #ddd; text-align: left; vertical-align: middle;}
.table-vertical th {padding-left:10px;}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

.table-vertical th { display: block; }
.table-vertical td { display: block; }
.table-vertical tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
.table-vertical thead tr { position: absolute; top: -9999px; left: -9999px; }
.table-vertical>thead>tr,  .table-vertical>tbody>tr{ border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding:0px;}
.table-vertical>thead>tr>td,  .table-vertical>tbody>tr>td{ border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 10px; }
.table-vertical>tbody>tr>td:before { position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;}
.table-vertical>tbody>tr>td:before { content: attr(data-th); }
.table-vertical td.none { border: none; border-bottom: 0px solid #eee; position: relative; }
}

/* 
Å×ÀÌºí¼¼·Î2
*/

.table-vertical1 { width: 100%; height:auto; border-collapse: collapse; border-top:2px solid #000;}
.table-vertical1>tbody>tr:nth-of-type(odd) { }
.table-vertical1>thead>tr>th { background: #fff; color: #000; font-weight: bold; }
.table-vertical1>tr>th { font-weight: bold;}
.table-vertical1>tbody>tr>td, .table-vertical1>thead>tr>th { vertical-align: middle;}
.table-vertical1 th {font-size:13px; padding:10px; background:#f1f1f1; border:1px solid #ddd !important;}
.table-vertical1 td {padding:10px; background:#fff; border:1px solid #ddd;}
.table-vertical1 td img {display:block;margin-right:auto;margin-left:auto}
.table-vertical1 th input {height:20px; width:20px;}


.table-vertical2 { width: 100%; height:auto; border-collapse: collapse;}
.table-vertical2>tbody>tr:nth-of-type(odd) { }
.table-vertical2>thead>tr>th { background: #fff; color: #000; font-weight: bold; padding:10px;}
.table-vertical2>tr>th { background: #fff; color: #000; font-weight: bold; padding:10px;}
.table-vertical2>tbody>tr>td, .table-vertical2>thead>tr>th { padding:10px; border-top: 1px solid #ddd; text-align: left; vertical-align: middle;}
.table-vertical2 th {padding-left:10px;}

@media only screen and (max-width: 760px)
{
.table-vertical1 { border-top:0px solid #000;}
.table-vertical1 th { display: block; }
.table-vertical1 td { display: block; text-align:left !important;}
.table-vertical1 td img {display:block; margin-left:0 !important;}
/* Hide table headers (but not display: none;, for accessibility) */
.table-vertical1 tr{ display: block; border: 1px solid #ccc; margin-bottom: 1px;}
.table-vertical1 tr.trnone{ display: block; border: 1px solid #ccc; margin-bottom:-2px;}
.table-vertical1 tr.trnone-bot{ display: block; border: 1px solid #ccc; margin-bottom:-2px;}
.table-vertical1 tr.trnone-top{ display: block; border: 1px solid #ccc; margin-top:-7px;}
.table-vertical1>thead>tr>td,  .table-vertical1>tbody>tr>td{ border: none; border-bottom: 1px solid #eee; position: relative;padding-left: 30%; min-height:50px;}
.table-vertical1>tbody>tr>td:before {position: absolute;top: 0px;left: 6px;width: 24%;padding-right: 5px;white-space: nowrap;border-right:1px solid #ddd;}
.table-vertical1>tbody>tr>td:before { content: attr(data-th); white-space: pre; width:24%; padding-top:6px; font-size:11px;}
.table-vertical1 td.none { border: none; border-bottom: 0px solid #eee; position: relative;padding-left: 30%; }



.table-vertical2 th { display: block; }
.table-vertical2 td { display: block;}
.table-vertical2 tr { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
.table-vertical2 thead tr { position: absolute; top: -9999px; left: -9999px; }
.table-vertical2>thead>tr,  .table-vertical2>tbody>tr{ border: 1px solid #ccc; padding:10px;}
.table-vertical2>thead>tr>td,  .table-vertical2>tbody>tr>td{ border: none; border-bottom: 1px solid #eee; position: relative;padding-left: 40%; }
.table-vertical2>tbody>tr>td:before { position: absolute;top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;}
.table-vertical2>tbody>tr>td:before { content: attr(data-th); }
.table-vertical2 td.none { border: none; border-bottom: 0px solid #eee; position: relative;padding-left: 40%; }

}

/* ¾à°ü */

.agree_caution                 {  }
.agree_caution p.tit           { margin:0 0 10px 5px; font-size:16px; font-weight:bold;  color:#024e9a;}
.agree_caution p.tit span      { margin:0 0 0 18px; font-size:12px; font-weight:normal; color:#666; }
.agree_caution .contents      { height:240px; padding:0 20px; overflow-y:scroll; line-height:18px; background:#fff; font-size:10px; scrollbar-face-color:#F7F7F7; scrollbar-shadow-color:#cccccc; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #f7f7f7; scrollbar-arrow-color: #cccccc; }
.agree_caution p.btn_caution { font-size:12px; text-align:right; margin:10px 5px 0 0; font-family: 'Nanum Gothic', sans-serif; }

.agree_caution_contents      { padding:0 8px; line-height:18px; font-size:10px; }

.agree_text		{ line-height:22px; font-size:12px; }
.agree_text h1	{ font-size:12px; margin:26px 0 8px 0; color:#024e9a; }
.agree_text h2	{ font-size:12px; font-weight:normal; margin:6px 0 6px 18px; color:#666;}
.agree_text h3	{ font-size:12px; font-weight:normal; margin:2px 0 2px 32px; text-indent:-14px; color:#666; }
.agree_text h4	{ font-size:12px; font-weight:normal; margin:2px 0 2px 50px; text-indent:-18px; color:#666;}
.agree_text h5	{ font-size:14px; font-weight:bold; margin:2px 0 2px 20px; text-indent:-14px; color:#666;}


.mobile_autosizing img {width:100%;}

.panel-heading { font-size:16px; font-weight:bold;}
.panel-heading span { font-size:16px; font-weight:bold;}


.panel-heading2 { background:#f8f8f8; padding:15px 10px 15px 12px; font-size:17px !important; font-weight:400; color: #111 !important; letter-spacing:-0.5px;}
.panel-heading2 i { opacity: 0.6; float:right; padding-top:3px;}

ul.brand_list li { position:relative; float:left; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; width:160px; text-align:left; margin:0 8px 0 8px; border-bottom:1px solid #f5f5f5; padding:6px 0 6px 6px; }
ul.brand_list li.like {color:#6d8bd8; }
ul.brand_list li a { text-decoration: none; }
ul.brand_list li.like a { color:#6d8bd8; text-decoration: none; }
ul.brand_list li span { position:absolute; right:1px; }

/* º£½ºÆ®ºê·£µå */

.best_brandbox01 {}
.best_brandbox01 .tit { font-size:14px; color:#2b84ae; font-weight:bold; padding:10px 0;}
.best_brandbox01 img { }

.best_brandbox02 {}
.best_brandbox02 .tit { font-size:14px; color:#2b84ae; font-weight:bold; padding:10px 0 10px 10px;}
.best_brandbox02 img { float:left; border:1px solid #ddd;}

/* ÆгΠ±âŸ */

.btnmore { float:right; right:20px; top:12px; font-size:}



/* Á¦Ç° ½½¶óÀÌµå ½ÃÀÛ */

.col-item	{ border: 1px solid #ddd; border-radius: 2px; background: #FFF; }
.col-item .photo img { margin: 0 auto; width: 95%; }
.col-item .info { padding: 10px; border-radius: 0 0 5px 5px; margin-top: 1px; }
/*.col-item:hover .info { background-color: rgba(215, 215, 244, 0.5); }*/
.col-item .price { /*width: 50%;*/ float: left; margin-top: 0px; margin-left:10px; }
.col-item .price h5 { line-height: 20px; margin: 0; }
.col-item .info .rating { color: #003399; }
.col-item .rating { /*width: 50%;*/ float: left; font-size: 17px; text-align: right; line-height: 52px; margin-bottom: 10px; height: 52px; }
.col-item .separator { border-top: 1px solid #FFCCCC; }
.col-item .separator p { line-height: 20px; margin-bottom: 0; margin-top: 10px; text-align: center; }
.col-item .separator p i { margin-right: 5px; }
.col-item .btn-add { width: 50%; float: left; }
.col-item .btn-add { border-right: 1px solid #CC9999; }
.col-item .btn-details { width: 50%; float: left; padding-left: 10px; }
.controls { margin-top: 0px; }
.clear-left { clear: left; }
.price-text-color { color: #00990E; font-size:15px;}

[data-slide="prev"]
{ margin-right: 10px; }

.carousel-number {}
.carousel-number li {float:left; cursor: pointer; padding:0 2px;}

/* Á¦Ç° ½½¶óÀÌµå ³¡ */

/* faq ½ÃÀÛ */

.faqHeader {
	font-size: 27px;
	margin: 20px;
}

/* faq ³¡ */

.cs_center { }
.cs_center span.tel{
	color:#024e9a;
	font-family:'Roboto', sans-serif;
	font-size:18px;
	line-height:1.6em;
	padding-left:0px;
}

/* ¾ÆÄÚµð¾ð */ 

.panel-theme{border-color:#024e9a; margin-top:0px;}
.panel-theme>.panel-heading {color:#fff;background-color:#024e9a;border-color:#024e9a; border-bottom:1px solid #012d5a;}
.panel-theme>.panel-heading a{color:#fff;background-color:#024e9a;border-color:#024e9a; text-decoration:none}
.panel-theme>.panel-heading+.panel-collapse>.panel-body{}
.panel-theme>.panel-heading .badge{color:#024e9a;background-color:#fff}
.panel-theme>.panel-footer+.panel-collapse>.panel-body{border-bottom-color:#045fb5;}


.table .active th {text-align:center;}


 /* ½Åû¸®½ºÆ®_±¸¸Å/¹è¼Û */
.icon_B { color:#06F; font-size:12px; margin-right:2px; }
.icon_D { color:#C00; font-size:12px; margin-right:2px; }


/* »çÀ̵å Äü¸Þ´º ½ÃÀÛ */ 

.sidenav {
    width: 130px;
    position: fixed;
    z-index: 1;
    top: 20px;
    right: 10px;
    background: #eee;
    overflow-x: hidden;
    padding: 8px 0;
}

.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #2196F3;
    display: block;
}

.sidenav a:hover {
    color: #064579;
}

.main {
    margin-left: 0px; /* Same width as the sidebar + left position in px */
    font-size: 28px; /* Increased text to enable scrolling */
    padding: 0px 10px;
}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

/* »çÀ̵å Äü¸Þ´º ³¡ */ 


/* Justify Border Title
-----------------------------------------------------------------*/

.fancy-title {
	position: relative;
	padding: 0 0px;
}

.fancy-title h2 { font-family: 'Lato', sans-serif; font-size:22px; color:#000;}
.fancy-title h3 { font-size:18px; color:#000;}

.fancy-title h1,
.fancy-title h2,
.fancy-title h3,
.fancy-title h4,
.fancy-title h5,
.fancy-title h6 {
	position: relative;
	display: inline-block;
	background-color: #fff;
}

.fancy-title span {
	position: relative;
	background-color: #fff;
	margin-top:23px;
	padding-left:15px;
}

.fancy-title h4,
.fancy-title h5,
.fancy-title h6 { padding-right: 10px; }

.fancy-title.title-double-border:before,
.fancy-title.title-border:before,
.fancy-title.title-border-color:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 0;
	border-top: 3px double #E5E5E5;
	left: auto;
	top: 46%;
	right: 0;
}

.fancy-title.title-border:before {
	top: 49%;
	border-top: 1px solid #EEE;
}

.fancy-title.title-border-color:before {
	top: 49%;
	border-top: 1px solid #fc391d;
	opacity: 0.6;
}

.fancy-title i {font-size:22px; color:#ddd; margin-top:5px;}


/* Fancy Title - Center Align
-----------------------------------------------------------------*/

.title-left { text-align: left; }

.title-left h1,
.title-left h2,
.title-left h3 { padding: 0 15px 0 0; }

.title-left h4,
.title-left h5,
.title-left h6 { padding: 0 10px; }

.title-center { text-align: center; }

.title-center h1,
.title-center h2,
.title-center h3 { padding: 0 15px; }

.title-center h4,
.title-center h5,
.title-center h6 { padding: 0 10px; }


/* Fancy Title - Right Align
-----------------------------------------------------------------*/

.title-right { text-align: right; }

.title-right h1,
.title-right h2,
.title-right h3 { padding: 0 0 0 15px; }

.title-right h4,
.title-right h5,
.title-right h6 { padding: 0 0 0 10px; }


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-bottom-border h1,
.fancy-title.title-bottom-border h2,
.fancy-title.title-bottom-border h3,
.fancy-title.title-bottom-border h4,
.fancy-title.title-bottom-border h5,
.fancy-title.title-bottom-border h6 {
	display: block;
	background: transparent;
	padding: 0 0 10px;
	border-bottom: 2px solid #fc391d;
}


/* Fancy Title - Bottom Short Border
-----------------------------------------------------------------*/

.fancy-title.title-dotted-border { background: url('/images/icon/dotted.png') repeat-x 0 28px; }



/* Small Post
-----------------------------------------------------------------*/

.spost,
.mpost {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dashed #E5E5E5;
}

.mpost {
	margin-top: 25px;
	padding-top: 25px;
}

.spost:first-child,
.mpost:first-child {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

.spost .entry-image,
.mpost .entry-image {
	float: left;
	margin: 0 15px 0 0;
	text-align: center;
}

.spost .entry-image,
.spost .entry-image a,
.spost .entry-image img,
.spost .entry-image i {
	width: 80px;
	height: 80px;
}

.spost .entry-image a i,
.mpost .entry-image a i {
	font-size: 28px;
	line-height: 48px;
	color: #666;
	background-color: #EEE;
}

.spost .entry-title h4,
.mpost .entry-title h4 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
}

.spost .entry-title p,
.mpost .entry-title p {
	margin-top: 10px;
	font-size: 12px;
	font-weight: 500;
	padding-right:10px;
	text-overflow:ellipsis; overflow:hidden;
	height:36px;
}

.spost .entry-title h4 a,
.mpost .entry-title h4 a { color: #333; }

.spost .entry-title h4 a:hover,
.mpost .entry-title h4 a:hover { color: #fc391d; }

.spost .entry-meta { margin: 8px -10px 0 0; }

.spost .entry-meta li,
.mpost .entry-meta li {
	font-size: 11px;
	margin: 10px 10px 0 0;
	color:#a3a3a3;
}


/* Medium Post
-----------------------------------------------------------------*/

.mpost .entry-image { margin-right: 20px; }

.mpost .entry-image,
.mpost .entry-image a,
.mpost .entry-image img,
.mpost .entry-image i {
	width: 170px;
	height: 128px;
}

.mpost .entry-image a,
.mpost .entry-image img { border-radius: 2px; }

.mpost .entry-image a i {
	font-size: 42px;
	line-height: 128px;
}

.mpost .entry-title h4 {
	margin: 0;
	font-size: 17px;
	font-weight: 600;
}

.mpost .entry-meta { margin-top: 5px; }

.mpost .entry-meta li i { margin-right: 2px; }

.mpost .entry-content { margin-top: 15px; }

.post-navigation + .line { margin: 40px 0 50px; }


.panel-default>.panel-body img {width:100% \9;max-width:100%;height:auto}

.panel-default1   { background:#045fb5; border:0px; }
.panel-heading1 { background:#045fb5; border-bottom:1px solid #3376af; padding:10px 10px 10px 10px; font-size:14px; font-weight:bold; color: #fff !important;}
.panel-heading1 i { opacity: 0.6; float:right; padding-top:3px;}
.panel-body1 { background:#fff; padding:5px 10px; line-height:28px;}
.panel-body1 a { color:#666; font-size:13px;}
.panel-body1 a:hover { color:#045fb5; font-size:13px;}
.panel-body1 i { opacity: 0.3;}

.panel-default1>.panel-heading1 a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default1>.panel-heading1 a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}


/* »óÇ°¸®½ºÆ® Ä«Å×°í¸® */
.s_CategoryArea				{ float:left; width:100%; margin:0 0 0px 0; border:5px solid #89c0df; padding-bottom:5px; background:#fff;}
.s_CategoryArea .title		{ border-bottom:1px solid #89c0df; padding:10px 20px; font-size:16px; font-weight:bold; color:#000;}
.s_CategoryArea .title	span 	{ color:#89c0df; font-size:20px; font-weight:700;}
.s_CategoryArea .title1		{ padding:10px 10px; text-align:center; font-size:16px; font-weight:bold; color:#000;}
.s_CategoryArea ul			{ padding:10px 0 0 20px;}
.s_CategoryArea ul li		{float:left; padding:10px 10px 10px 0px; font-size:13px;}
.s_CategoryArea ul li.none		{ padding:10px 10px 10px 5px; background:none; }
.s_CategoryArea ul li a		{ background:url('/images/common/h_bar.gif') no-repeat 0 5px; padding-left:12px; font-weight:bold;}
.s_CategoryArea ul li a:hover{ color:#3f89c7; }
.s_CategoryArea ul li a.btn_search { margin-left:2px; padding:8px 15px 10px 15px; font-weight:bold; font-size:12px; background:#89c0df; color:#fff;}
.s_CategoryArea ul li a:hover.btn_search {background:#666; }
.s_CategoryArea ul li span { font-size:11px; color:#606161;}


/* Portfolio - Items
-----------------------------------------------------------------*/

.portfolio {
	position: relative;
	margin: 0 -12px -12px 0;
}

body:not(.device-touch) .portfolio {
	-webkit-transition: height .4s linear;
	-o-transition: height .4s linear;
	transition: height .4s linear;
}

.portfolio-item {
	float: left;
	position: relative;
	width: 25%;
	height: auto;
	padding: 0 12px 12px 0;
}

.portfolio-notitle .portfolio-item,
.portfolio-notitle .iportfolio { overflow: hidden; }

.portfolio-item .portfolio-image {
	position: relative;
	overflow: hidden;
}

.portfolio-item .portfolio-image,
.portfolio-item .portfolio-image a,
.portfolio-item .portfolio-image img {
	display: block;
	width: 100%;
	height: auto;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-image img {
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}


/* Portfolio - Item Title
-----------------------------------------------------------------*/

.portfolio-desc {
	z-index: 3;
	padding: 15px 5px 10px;
}

.portfolio-desc h3 {
	margin: 0;
	padding: 0;
	font-size: 19px;
}

.portfolio-desc h3 a { color: #222; }

.portfolio-desc h3 a:hover { color: #1ABC9C; }

.portfolio-desc span {
	display: block;
	margin-top: 3px;
	color: #888;
}

.portfolio-desc span a { color: #888; }

.portfolio-desc span a:hover { color: #000; }

.portfolio-notitle .portfolio-desc {
	position: absolute;
	display: block !important;
	width: 100%;
	height: 78px;
	padding: 15px 5px;
	top: auto;
	bottom: -79px;
	left: 0;
	background-color: #FFF;
	border-bottom: 1px solid #EEE;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-desc {
	-webkit-transition: bottom .2s ease-in-out;
	-o-transition: bottom .2s ease-in-out;
	transition: bottom .2s ease-in-out;
}

.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-nomargin.portfolio-notitle .portfolio-desc {
	bottom: -78px;
	border-bottom: 0;
}

.portfolio-notitle .portfolio-item:hover .portfolio-desc,
.portfolio-notitle .iportfolio:hover .portfolio-desc { bottom: 0 !important; }

.bothsidebar .portfolio-notitle .portfolio-item:hover .portfolio-image img {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-image img,
body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .iportfolio:hover .portfolio-image img {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px);
}

body.device-touch.device-sm .portfolio-notitle .portfolio-desc,
body.device-touch.device-xs .portfolio-notitle .portfolio-desc { display: none !important; }


/* Portfolio - No Margin
-----------------------------------------------------------------*/

.portfolio.portfolio-nomargin,
.portfolio.portfolio-full { margin: 0 !important; }

.portfolio-nomargin .portfolio-item,
.portfolio-full .portfolio-item { padding: 0 !important; }

.portfolio-nomargin .portfolio-desc { padding: 15px 10px 15px; }


/* Portfolio - 100% Full Width
-----------------------------------------------------------------*/

.portfolio.portfolio-full {
	margin: 0 !important;
	width: 100%;
}

.portfolio-full .portfolio-item { overflow: hidden !important; }

.portfolio-full .portfolio-desc { padding: 15px; }


/* Portfolio - Sidebar
-----------------------------------------------------------------*/

.postcontent .portfolio-desc h3 { font-size: 17px; }

.postcontent .portfolio-desc span { font-size: 12px; }


/* Portfolio - Sidebar - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-notitle .portfolio-desc {
	height: 70px;
	bottom: -71px;
}

.postcontent .portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -70px; }

.postcontent .portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; }


/* Portfolio - Both Sidebars
-----------------------------------------------------------------*/

.bothsidebar .portfolio { margin: 0; }

.bothsidebar .portfolio-item { padding: 0; }

.bothsidebar .portfolio-desc { display: none !important; }


/* Portfolio - Items - 3 Columns
-----------------------------------------------------------------*/

.portfolio.portfolio-3 { margin: 0 -15px -15px 0; }

.portfolio-3 .portfolio-item {
	width: 33.33333333%;
	padding: 0 15px 15px 0;
}


/* Portfolio - Sidebar - Items - 3 Columns
-----------------------------------------------------------------*/

.postcontent .portfolio-3 .portfolio-desc h3 { font-size: 18px; }

.postcontent .portfolio-3 .portfolio-desc span { font-size: 13px; }


/* Portfolio - Sidebar - Items - 3 Columns - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-3.portfolio-notitle .portfolio-desc {
	height: 72px;
	bottom: -73px;
}

.postcontent .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -72px; }

.postcontent .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Both Sidebars - Items - 3 Columns
-----------------------------------------------------------------*/

.bothsidebar .portfolio.portfolio-3 { margin: 0 -11px -11px 0; }

.bothsidebar .portfolio-3 .portfolio-item { padding: 0 11px 11px 0; }

.bothsidebar .portfolio-3 .portfolio-desc { display: block !important; }

.bothsidebar .portfolio-3 .portfolio-desc h3 { font-size: 15px; }

.bothsidebar .portfolio-3 .portfolio-desc span { font-size: 12px; }


/* Portfolio - Both Sidebars - Items - 3 Columns - No Title
-----------------------------------------------------------------*/

.bothsidebar .portfolio-3.portfolio-notitle .portfolio-desc {
	height: 68px;
	bottom: -69px;
}

.bothsidebar .portfolio-3.portfolio-full.portfolio-notitle .portfolio-desc,
.bothsidebar .portfolio-3.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; }

.bothsidebar .portfolio-3.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; }


/* Portfolio - Items - 2 Columns
-----------------------------------------------------------------*/

.portfolio.portfolio-2 { margin: 0 -20px -20px 0; }

.portfolio-2 .portfolio-item {
	width: 50%;
	padding: 0 20px 20px 0;
}

.portfolio-2 .portfolio-desc { padding: 20px 5px 10px; }

.portfolio-2 .portfolio-desc h3 { font-size: 21px; }

.portfolio-2 .portfolio-desc span {
	margin-top: 4px;
	font-size: 14px;
}


/* Portfolio - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.portfolio-2.portfolio-nomargin .portfolio-desc { padding: 20px 15px 20px; }


/* Portfolio - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.portfolio-2.portfolio-notitle .portfolio-desc {
	height: 90px;
	bottom: -91px;
}

.portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px; }


/* Portfolio - Sidebar - Items - 2 Columns
-----------------------------------------------------------------*/

.postcontent .portfolio-2 .portfolio-desc h3 { font-size: 21px; }

.postcontent .portfolio-2 .portfolio-desc span { font-size: 14px; }


/* Portfolio - Sidebar - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.postcontent .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 20px; }


/* Portfolio - Sidebar - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-2.portfolio-notitle .portfolio-desc {
	height: 90px;
	bottom: -91px;
}

.postcontent .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -90px; }

.postcontent .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Both Sidebars - Items - 2 Columns
-----------------------------------------------------------------*/

.bothsidebar .portfolio-2 .portfolio-desc {
	display: block !important;
	padding-top: 15px;
	padding-bottom: 0;
}

.bothsidebar .portfolio-2 .portfolio-desc h3 { font-size: 19px; }

.bothsidebar .portfolio-2 .portfolio-desc span { font-size: 13px; }


/* Portfolio - Both Sidebars - Items - 2 Columns - No Margin
-----------------------------------------------------------------*/

.bothsidebar .portfolio-2.portfolio-nomargin .portfolio-desc { padding-bottom: 15px; }


/* Portfolio - Both Sidebars - Items - 2 Columns - No Title
-----------------------------------------------------------------*/

.bothsidebar .portfolio-2.portfolio-notitle .portfolio-desc {
	height: 75px;
	bottom: -76px;
}

.bothsidebar .portfolio-2.portfolio-full.portfolio-notitle .portfolio-desc,
.bothsidebar .portfolio-2.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -75px; }

.bothsidebar .portfolio-2.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Items - 5 Columns
-----------------------------------------------------------------*/

.portfolio.portfolio-5 { margin: 0 -10px -10px 0; }

.portfolio-5 .portfolio-item {
	width: 20%;
	padding: 0 10px 10px 0;
}

.portfolio-5 .portfolio-desc h3 { font-size: 17px; }


/* Portfolio - Items - 5 Columns - No Title
-----------------------------------------------------------------*/

.portfolio-5.portfolio-notitle .portfolio-desc {
	height: 71px;
	bottom: -72px;
}

.portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -71px; }

.portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -30px !important; }


/* Portfolio - Sidebar - Items - 5 Columns
-----------------------------------------------------------------*/

.postcontent .portfolio.portfolio-5 { margin: 0; }

.postcontent .portfolio-5 .portfolio-item { padding: 0; }

.postcontent .portfolio-5 .portfolio-desc h3 { font-size: 15px; }

.postcontent .portfolio-5 .portfolio-desc span { font-size: 12px; }

.postcontent .portfolio-5 .portfolio-desc { padding: 15px 10px; }


/* Portfolio - Sidebar - Items - 5 Columns - No Title
-----------------------------------------------------------------*/

.postcontent .portfolio-5.portfolio-notitle .portfolio-desc {
	height: 68px;
	bottom: -69px;
}

.postcontent .portfolio-5.portfolio-full.portfolio-notitle .portfolio-desc,
.postcontent .portfolio-5.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; }

.postcontent .portfolio-5.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -50px !important; }


/* Portfolio - Items - 6 Columns
-----------------------------------------------------------------*/

.portfolio.portfolio-6 { margin: 0 -6px -6px 0; }

.portfolio-6 .portfolio-item {
	width: 16.66666667%;
	padding: 0 6px 6px 0;
}

.portfolio-6 .portfolio-desc h3 { font-size: 15px; }

.portfolio-6 .portfolio-desc span { font-size: 12px; }


/* Portfolio - Items - 6 Columns - No Title
-----------------------------------------------------------------*/

.portfolio-6.portfolio-notitle .portfolio-desc {
	height: 68px;
	bottom: -69px;
}

.portfolio-6.portfolio-full.portfolio-notitle .portfolio-desc,
.portfolio-6.portfolio-nomargin.portfolio-notitle .portfolio-desc { bottom: -68px; }

.portfolio-6.portfolio-notitle .portfolio-item:hover .portfolio-overlay a { margin-top: -40px !important; }


/* Portfolio - Items - 1 Column
-----------------------------------------------------------------*/

.portfolio.portfolio-1 { margin: 0 0px -40px 0; }

.portfolio-1 .portfolio-item {
	float: none;
	width: 100%;
	margin: 0 0 40px 0;
	padding-bottom: 40px;
	padding-right: 0;
	border-bottom: 1px solid #EEE;
}

.portfolio-1 .portfolio-item .portfolio-image {
	float: left;
	margin-right: 0;
	width: 65%;
	height: auto;
}

.portfolio-1 .portfolio-item.alt .portfolio-image {
	float: right;
	margin: 0;
}

.portfolio-1 .portfolio-desc {
	float: left;
	width: 35%;
	padding: 10px 0 10px 40px;
}

.portfolio-1 .alt .portfolio-desc {
	float: right;
	padding-left: 0;
	padding-right: 40px;
}

.portfolio-1 .portfolio-desc h3 { font-size: 22px; }

.portfolio-1 .portfolio-desc span {
	margin-top: 6px;
	font-size: 14px;
}

.portfolio-1 .portfolio-desc p {
	margin: 20px 0 25px;
	font-size: 14px;
}

.portfolio-1 .portfolio-desc li { margin: 3px 0; }


/* Portfolio - Items - 1 Column - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .portfolio-1 .iconlist { display: block !important; }

.bothsidebar .portfolio-1 .portfolio-item { width: 100% !important; }

.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-desc {
	float: none;
	margin: 0 !important;
}

.bothsidebar .portfolio-1 .portfolio-item .portfolio-image { margin-bottom: 20px !important; }

.bothsidebar .portfolio-1 .portfolio-item .portfolio-image,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image a,
.bothsidebar .portfolio-1 .portfolio-item .portfolio-image img {
	width: 100%;
	height: auto;
}

.bothsidebar .portfolio-1 .portfolio-desc {
	display: block !important;
	position: relative !important;
	width: 100% !important;
	padding: 0 !important;
	background-color: transparent !important;
	left: 0 !important;
	right: 0 !important;
}

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 50%; }

.bothsidebar .portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
	left: auto;
	right: 50%;
}


/* Portfolio - Items - 1 Column - Full Width
-----------------------------------------------------------------*/

.portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -60px 0; }

.portfolio-1.portfolio-fullwidth .portfolio-item {
	margin-bottom: 60px;
	padding: 0;
	border-bottom: 0;
	overflow: hidden;
}

.portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image {
	float: none;
	width: 100%;
	margin: 0 !important;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image img {
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
	-webkit-transform: translateX(-60px);
	-moz-transform: translateX(-60px);
	-ms-transform: translateX(-60px);
	-o-transform: translateX(-60px);
	transform: translateX(-60px);
}

.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
	-webkit-transform: translateX(60px);
	-moz-transform: translateX(60px);
	-ms-transform: translateX(60px);
	-o-transform: translateX(60px);
	transform: translateX(60px);
}

.portfolio-1.portfolio-fullwidth .portfolio-desc {
	position: absolute;
	float: none;
	width: 35%;
	height: 100%;
	padding: 30px;
	background-color: #F9F9F9;
	top: 0;
	left: auto;
	right: -35%;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .portfolio-desc {
	-webkit-transition: right .3s ease-in-out;
	-o-transition: right .3s ease-in-out;
	transition: right .3s ease-in-out;
}

.portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-desc { right: 0; }

.portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
	left: -35%;
	right: auto;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-1.portfolio-fullwidth .alt .portfolio-desc {
	-webkit-transition: left .3s ease-in-out;
	-o-transition: left .3s ease-in-out;
	transition: left .3s ease-in-out;
}

.portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-desc { left: 0; }

.portfolio-1.portfolio-fullwidth .portfolio-overlay a { left: 33%; }

.portfolio-1.portfolio-fullwidth .alt .portfolio-overlay a {
	left: auto;
	right: 33%;
}


/* Portfolio - Items - 1 Column - Full Width - Sidebar
-----------------------------------------------------------------*/

.postcontent .portfolio.portfolio-1.portfolio-fullwidth { margin: 0 0 -40px 0; }

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item { margin-bottom: 40px; }

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img {
	-webkit-transform: translateX(-40px);
	-moz-transform: translateX(-40px);
	-ms-transform: translateX(-40px);
	-o-transform: translateX(-40px);
	transform: translateX(-40px);
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
	-webkit-transform: translateX(40px);
	-moz-transform: translateX(40px);
	-ms-transform: translateX(40px);
	-o-transform: translateX(40px);
	transform: translateX(40px);
}

.postcontent .portfolio-1.portfolio-fullwidth .portfolio-desc { padding: 25px; }


/* Portfolio - Items - 1 Column - Full Width - Both Sidebar
-----------------------------------------------------------------*/

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item .portfolio-image { margin-bottom: 20px !important; }

.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item:hover .portfolio-image img,
.bothsidebar .portfolio-1.portfolio-fullwidth .portfolio-item.alt:hover .portfolio-image img {
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}


/* Portfolio - Parallax
-----------------------------------------------------------------*/

.portfolio.portfolio-parallax { margin: 0 !important; }

.portfolio.portfolio-parallax .portfolio-item {
	float: none;
	width: 100% !important;
	height: 500px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.portfolio.portfolio-parallax .portfolio-item .portfolio-image {
	width: 100% !important;
	height: 500px !important;
	background-attachment: fixed;
}

.portfolio.portfolio-parallax .portfolio-desc {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -57px;
	width: 100%;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
	padding: 0;
	opacity: 0;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio.portfolio-parallax .portfolio-desc {
	-webkit-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}

.portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc { opacity: 1; }

.portfolio.portfolio-parallax .portfolio-desc h3 {
	font-size: 44px;
	font-weight: 300;
	letter-spacing: -1px;
}

.portfolio.portfolio-parallax .portfolio-desc h3 a { color: #FFF; }

.portfolio.portfolio-parallax .portfolio-desc h3 a:hover { color: #DDD; }

.portfolio.portfolio-parallax .portfolio-desc span {
	margin-top: 12px;
	font-size: 16px;
	color: #CCC;
}

.portfolio.portfolio-parallax .portfolio-desc span a { color: #DDD; }

.portfolio.portfolio-parallax .portfolio-desc span a:hover { color: #BBB; }

.portfolio.portfolio-parallax .portfolio-desc .portfolio-divider {
	width: 100%;
	text-align: center;
	margin: 15px 0 0;
}

.portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
	display: inline-block;
	width: 50px;
	height: 0;
	border-bottom: 1px solid #FFF;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio.portfolio-parallax .portfolio-desc .portfolio-divider div {
	-webkit-transition: width .5s ease-in-out;
	-o-transition: width .5s ease-in-out;
	transition: width .5s ease-in-out;
}

.portfolio.portfolio-parallax .portfolio-item:hover .portfolio-desc .portfolio-divider div { width: 120px; }

.portfolio.portfolio-parallax .portfolio-overlay { background-color: rgba(0,0,0,0.4); }


/* Portfolio - Overlay
-----------------------------------------------------------------*/

.portfolio-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 2;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay {
	-webkit-transition: opacity .4s ease-in-out;
	-o-transition: opacity .4s ease-in-out;
	transition: opacity .4s ease-in-out;
}

.portfolio-item:hover .portfolio-overlay,
.iportfolio:hover .portfolio-overlay { opacity: 1; }

.portfolio-overlay a {
	position: absolute;
	top: 50%;
	left: 50%;
	background-color: #F5F5F5;
	width: 40px !important;
	height: 40px !important;
	margin: -28px 0 0 -44px;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	color: #444;
	border-radius: 50%;
	-webkit-backface-visibility: hidden;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay a {
	-webkit-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
	-o-transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
	transition: color .2s linear, background-color .2s linear, margin-top .2s linear, opacity .2s linear;
}

.portfolio-overlay a.left-icon {  }

.portfolio-overlay a.right-icon {
	left: auto;
	right: 50%;
	margin-left: 0;
	margin-right: -44px;
}

.portfolio-overlay a.center-icon {
	display: block;
	margin: -20px 0 0 -20px;
	opacity: 0;
}

.portfolio-item:hover a.center-icon,
.iportfolio:hover a.center-icon { opacity: 1; }

.portfolio-overlay a:hover {
	color: #1ABC9C;
	background-color: #EEE;
}

.portfolio-item:hover .portfolio-overlay a.left-icon,
.portfolio-item:hover .portfolio-overlay a.right-icon,
.iportfolio:hover .portfolio-overlay a.left-icon,
.iportfolio:hover .portfolio-overlay a.right-icon { margin-top: -18px; }

.portfolio-overlay a i.icon-line-play {
	position: relative;
	left: 2px;
}


.portfolio-overlay .portfolio-desc {
	position: relative;
	padding: 0 !important;
	margin: 0;
	text-align: center;
}

.portfolio-overlay .portfolio-desc a {
	display: inline;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	font-size: inherit;
	width: auto !important;
	height: auto !important;
	line-height: 1;
	background-color: transparent !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.portfolio-overlay .portfolio-desc h3 {
	font-weight: 600;
	color: #F5F5F5 !important;
	line-height: 1;
}

.portfolio-overlay .portfolio-desc h3 a { color: #F5F5F5 !important; }

.portfolio-overlay .portfolio-desc span {
	margin-top: 7px;
	color: #DDD !important;
}

.portfolio-overlay .portfolio-desc span a {
	color: #DDD !important;
	font-size: inherit;
}

.portfolio-overlay .portfolio-desc ~ a {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	margin: 20px 0 0 !important;
}

body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay .portfolio-desc ~ a {
	-webkit-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
	-o-transition: color .2s linear, background-color .2s linear, opacity .2s linear;
	transition: color .2s linear, background-color .2s linear, opacity .2s linear;
}

.portfolio-overlay .portfolio-desc ~ a.right-icon {
	left: 0;
	right: 0;
	margin-left: 5px !important;
	margin-right: 0 !important;
}

.portfolio-overlay .portfolio-desc a:hover { background: transparent; }

body.device-touch.device-sm .portfolio-notitle .portfolio-overlay,
body.device-touch.device-xs .portfolio-notitle .portfolio-overlay { display: none !important; }


/* Portfolio Single
-----------------------------------------------------------------*/

.portfolio-single {}


/* Portfolio Single - Image
-----------------------------------------------------------------*/

.portfolio-single-image > a,
.portfolio-single-image .slide a,
.portfolio-single-image img,
.portfolio-single-image iframe,
.portfolio-single-image video {
	display: block;
	width: 100%;
}

.portfolio-single-image-full {
	position: relative;
	height: 600px;
	overflow: hidden;
	margin: -80px 0 80px !important;
}

.portfolio-single-video { height: auto !important; }


/* Portfolio Single - Gallery Thumbs
-----------------------------------------------------------------*/

.portfolio-single-image-full .swiper-container {
	width:100%;
	height:600px;
	background-color: #333;
}

.portfolio-single-image-full .swiper-nested-1,
.portfolio-single-image-full .swiper-nested-2 { width:100%; }

.portfolio-single-image-full .swiper-slide { overflow: hidden; }

.portfolio-single-image-full .swiper-slide img {
	width: 100%;
	height: auto;
}


/* Portfolio & Blog Single - Masonry
-----------------------------------------------------------------*/

.masonry-thumbs { position: relative; }

.masonry-thumbs a {
	position: relative;
	float: left;
	width: 25%;
	max-width: 100% !important;
	overflow: hidden;
}

.masonry-thumbs.grid-2 a { width: 50%; }

.masonry-thumbs.grid-3 a { width: 33.30%; }

.masonry-thumbs.grid-4 a { width: 25%; }

.masonry-thumbs.grid-5 a { width: 20%; }

.masonry-thumbs.grid-6 a { width: 16.60%; }

.masonry-thumbs a,
.masonry-thumbs img {
	display: block;
	height: auto !important;
}

.masonry-thumbs img {
	width: 100%;
	border-radius: 0 !important;
	padding: 0 1px 1px 0;
}

.masonry-thumbs .overlay { padding: 0 1px 1px 0; }


/* Portfolio Single - Content
-----------------------------------------------------------------*/

.portfolio-single-content { font-size: 14px; }

.portfolio-single-content h2 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 20px;
	font-weight: 600 !important;
}


.portfolio-ajax-modal { width: 1000px !important; }

.modal-padding { padding: 40px; }

.ajax-modal-title {
	background-color: #F9F9F9;
	border-bottom: 1px solid #EEE;
	padding: 25px 40px;
}

.ajax-modal-title h2 {
	font-size: 26px;
	margin-bottom: 0;
}


#portfolio-ajax-wrap {
	position: relative;
	max-height: 0;
	overflow: hidden;
	-webkit-transition: max-height .4s ease;
	-o-transition: max-height .4s ease;
	transition: max-height .4s ease;
}

#portfolio-ajax-wrap.portfolio-ajax-opened { max-height: 1200px; }

#portfolio-ajax-container {
	display: none;
	padding-bottom: 60px;
}

#portfolio-ajax-single h2 { font-size: 26px; }


/* Portfolio Single - Meta
-----------------------------------------------------------------*/

.portfolio-meta,
.portfolio-share {
	list-style: none;
	font-size: 14px;
}

.portfolio-meta li {
	margin: 10px 0;
	color: #666;
}

.portfolio-meta li:first-child { margin-top: 0; }

.portfolio-meta li span {
	display: inline-block;
	width: 150px;
	font-weight: bold;
	color: #333;
}

.portfolio-meta li span i {
	position: relative;
	top: 1px;
	width: 14px;
	text-align: center;
	margin-right: 7px;
}

.well .line {
	margin: 20px 0;
	border-color: #E5E5E5;
}


/* Portfolio Single Navigation
-----------------------------------------------------------------*/

#portfolio-navigation {
	position: absolute;
	top: 50%;
	left: auto;
	right: 10px;
	max-width: 96px;
	height: 24px;
	margin-top: -12px;
}

.page-title-right #portfolio-navigation {
	left: 10px;
	right: auto;
}

.page-title-center #portfolio-navigation {
	position: relative;
	top: 0;
	left: 0;
	margin: 20px auto 0;
}

#portfolio-navigation a {
	display: block;
	float: left;
	margin-left: 12px;
	width: 24px;
	height: 24px;
	text-align: center;
	color: #444;
	transition: color .3s linear;
	-webkit-transition: color .3s linear;
	-o-transition: color .3s linear;
}

.page-title-dark #portfolio-navigation a { color: #EEE; }

.page-title-parallax #portfolio-navigation a { color: #FFF; }

#portfolio-navigation a i {
	position: relative;
	top: -1px;
	font-size: 24px;
	line-height: 1;
}

#portfolio-navigation a i.icon-angle-left,
#portfolio-navigation a i.icon-angle-right {
	font-size: 32px;
	top: -6px;
}

#portfolio-navigation a i.icon-angle-right { left: -1px; }

#portfolio-navigation a:first-child { margin-left: 0; }

#portfolio-navigation a:hover { color: #1ABC9C; }

#portfolio-ajax-show #portfolio-navigation {
	top: 0;
	margin-top: 0;
}


/* Individual Portfolio Item
-----------------------------------------------------------------*/

.iportfolio {
	position: relative;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

.iportfolio .portfolio-image {
	position: relative;
	overflow: hidden;
}

.iportfolio .portfolio-image,
.iportfolio .portfolio-image a,
.iportfolio .portfolio-image img {
	display: block;
	width: 100%;
	height: auto;
}

.iportfolio .portfolio-overlay { height: 100% !important; }


select.form-control-m { float:left; width:50%; margin-right:-1px}
input.form-control-m { float:left; width:50%; margin-right:-1px}



/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #869791;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }

.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }


/* ·Ñ¿À¹ö È¿°ú  */

.thumbnail {
  padding: 0px !important;
  margin-bottom: 25px;
  border: none;
  border-radius: 0;
  display: block;
}

.thumbnail img {
  width: 100%;
  height: 100%;
  margin-bottom: 0px;
  display: block;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  padding: 0px 0px 0px 0px;
  transition: .5s ease;
  background-color: rgba(90, 157, 210, 0.8);
}

.thumbnail:hover .overlay {
  opacity: 1;
  height: 100%;
  width: 100%;
}

.text {
  font-family: 'Lato', sans-serif;
  color: white;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.text a {
  color: white;
  font-family: 'Lato', sans-serif;
}

.text h4 {
  color: white;
  font-size:18px;
  font-weight:700;
  font-family: 'Lato', sans-serif;
}



/* .modal-fullscreen */

.modal-fullscreen {
  background: #fff;;
}
.modal-fullscreen .modal-content {
  background: #fff;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

a.modal-btn {margin:0 2px !important;}

/* .modal-fullscreen size */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}



.topfixmenu {
  z-index:1000;
  background:#fff;
 -webkit-transition:height 1s, background-color 1s, -webkit-transform 1s;
    transition:height 1s, background-color 1s, transform 2s;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background:#fff;
  border-bottom:1px solid #ddd;
  padding:0 0px;
  box-shadow: 0 0px 10px 0 rgba(47, 56, 68, 0.2);
}

.sticky + .content {
  padding-top: 102px;
}


.jssorb05 {
position: absolute;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
position: absolute;
/* size of bullet elment */
width: 16px;
height: 16px;
background: url('/images/b05.png') no-repeat;
overflow: hidden;
cursor: pointer;
}
.jssorb05 div { background-position: -7px -7px; }
.jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
.jssorb05 .av { background-position: -67px -7px; }
.jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }


.jssora22l, .jssora22r {
display: block;
position: absolute;
/* size of arrow element */
width: 40px;
height: 58px;
cursor: pointer;
background: url('/images/a22.png') center center no-repeat;
overflow: hidden;
}
.jssora22l { background-position: -10px -31px; }
.jssora22r { background-position: -70px -31px; }
.jssora22l:hover { background-position: -130px -31px; }
.jssora22r:hover { background-position: -190px -31px; }
.jssora22l.jssora22ldn { background-position: -250px -31px; }
.jssora22r.jssora22rdn { background-position: -310px -31px; }
.jssora22l.jssora22lds { background-position: -10px -31px; opacity: .3; pointer-events: none; }
.jssora22r.jssora22rds { background-position: -70px -31px; opacity: .3; pointer-events: none; }


.top-cart i { font-size:16px;}
.top-cart > span {
	display: block;
	position: absolute;
	top: -4px;
	left: 191px;
	font-size: 14px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	background-color: red;
	border-radius: 50%;
}


.bgcolor_main4 {
background-color: #F0F0F0;
/*background: linear-gradient(50deg, rgba(200,225,247,1) 0%, rgba(200,225,247,1) 9%, rgba(224,238,251,1) 10%, rgba(232,242,251,1) 21%, rgba(217,234,249,1) 22%, rgba(252,252,252,1) 48%, rgba(200,225,247,1) 85%, rgba(202,228,250,1) 85%, rgba(216,233,249,1) 94%, rgba(200,225,247,1) 94%, rgba(200,225,247,1) 100%, rgba(183,217,247,1) 100%, rgba(18,58,196,0.14609593837535018) 100%);*/
}