@charset "UTF-8";
@font-face {  font-family: 'icomoon';src: url("/fonts/icomoon/icomoon.eot?srf3rx");src: url("/fonts/icomoon/icomoon.eot?srf3rx#iefix")
format("embedded-opentype"), url("/fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("/fonts/icomoon/icomoon.woff?srf3rx")
format("woff"), url("/fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");font-weight: normal;  font-style: normal;}
/*@font-face{font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: local('Noto Sans KR Thin'), local('NotoSansKR-Thin'),
  url('/fonts/noto-sans-kr-v8-latin-100.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!
  url('/fonts/noto-sans-kr-v8-latin-100.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!
}
!* noto-sans-kr-300 - latin *!
@font-face{font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: local('Noto Sans KR Light'), local('NotoSansKR-Light'),
  url('/fonts/noto-sans-kr-v8-latin-300.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!
  url('/fonts/noto-sans-kr-v8-latin-300.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!
}
!* noto-sans-kr-regular - latin *!
@font-face{font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: local('Noto Sans KR Regular'), local('NotoSansKR-Regular'),
  url('/fonts/noto-sans-kr-v8-latin-regular.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!
  url('/fonts/noto-sans-kr-v8-latin-regular.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!
}
!* noto-sans-kr-500 - latin *!
@font-face{font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: local('Noto Sans KR Medium'), local('NotoSansKR-Medium'),
  url('/fonts/noto-sans-kr-v8-latin-500.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!
  url('/fonts/noto-sans-kr-v8-latin-500.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!
}
!* noto-sans-kr-700 - latin *!
@font-face{font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: local('Noto Sans KR Bold'), local('NotoSansKR-Bold'),
  url('/fonts/noto-sans-kr-v8-latin-700.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!
  url('/fonts/noto-sans-kr-v8-latin-700.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!
}
!* noto-sans-kr-900 - latin *!
@font-face{font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: local('Noto Sans KR Black'), local('NotoSansKR-Black'),
  url('/fonts/noto-sans-kr-v8-latin-900.woff2') format('woff2'), !* Chrome 26+, Opera 23+, Firefox 39+ *!
  url('/fonts/noto-sans-kr-v8-latin-900.woff') format('woff'); !* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ *!
}*/
@import url('https://fonts.googleapis.com/css?family=Noto Sans KR:100,300,400,400i,600,700,900');
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@media (min-width: 576px) { .container {   max-width: 540px; }}
@media (min-width: 768px) { .container {   max-width: 720px; }}
@media (min-width: 992px) { .container {   max-width: 960px; }}
@media (min-width: 1200px) { .container {   max-width: 1140px; }}

html{-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%; background-color: #333}
body{ font-family: 'Noto Sans KR', sans-serif;'themify';font-size:1rem;  color: #333333;  line-height: 1.5em; margin: 0; padding: 0; letter-spacing: 0em ; background-color: #fff; }
.eng{letter-spacing:1px !important;}
aticle,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {  display: block;}
body.fh5co-offcanvas { overflow: hidden;}
a { color: #FF5722;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; background-color: transparent; text-decoration: none;}
a:active,a:hover { outline: 0;}
a:hover { text-decoration: none !important;color: #FF5722 !important;}
a:hover, a:focus { color: #d53300;  text-decoration: underline;}
a:focus { outline: thin dotted;  outline: 5px auto -webkit-focus-ring-color;  outline-offset: -2px;}
p, ul, ol, dl { font-size: 16px; margin: 0 }
dl { margin-top: 0;  margin-bottom: 20px;}  dt,dd { } dt { font-weight: bold;} dd { margin-left: 0;}
.dl-horizontal dd:before, .dl-horizontal dd:after { content: " ";  display: table;}
.dl-horizontal dd:after { clear: both;}

::-webkit-selection { color: #fcfcfc;background: #FF5722;}
::-moz-selection { color: #fcfcfc;background: #FF5722;}
::selection { color: #fcfcfc;background: #FF5722;}
audio,canvas,progress,video {  display: inline-block;  vertical-align: baseline;}
audio:not([controls]) {  display: none;  height: 0;}
[hidden],template {  display: none;}
abbr[title] { border-bottom: 1px dotted;}
sub,sup { font-size: 75%;  line-height: 0;  position: relative;  vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { vertical-align: middle; border-style: none;}
svg:not(:root) { overflow: hidden;}
figure { margin: 1em 40px;}
hr{ box-sizing: content-box;  height: 0; margin-top: 20px;  margin-bottom: 20px;  border: 0;  border-top: 1px solid #eeeeee;}
pre { overflow: auto;}
code,kbd,pre,samp {  font-size: 1em;}
button,input,optgroup,select,textarea { color: inherit;  font: inherit;  margin: 0;}
button { overflow: visible;}
button,select { text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"] { -webkit-appearance: button;  cursor: pointer;}
button[disabled],html input[disabled] { cursor: default;}
button::-moz-focus-inner,input::-moz-focus-inner { border: 0;  padding: 0;}
input { line-height: normal;}
input[type="checkbox"],input[type="radio"] { box-sizing: border-box;  padding: 0;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"] { -webkit-appearance: textfield;  box-sizing: content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { border: 1px solid #c0c0c0;  margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend { border: 0;  padding: 0;}
textarea { overflow: auto;}
optgroup { font-weight: bold;}
table { border-collapse: collapse;  border-spacing: 0; table-layout:fixed;}
td,th { padding: 0;}
li{list-style:none}


/*display*/
.clearfix:before, .clearfix:after { content: " ";display: table;}
.clearfix:after { clear: both;}
.center-block { display: block;margin-left: auto;margin-right: auto;}
.pull-right { float: right !important;}
.pull-left { float: left !important;}
.hide { display: none !important;}
.show { display: block !important;}
.invisible { visibility: hidden;}
.text-hide { font: 0/0 a;color: transparent;text-shadow: none;background-color: transparent;border: 0;}
.hidden { display: none !important;}
.affix { position: fixed;}


.float-left {  float: left !important;}
.float-right {  float: right !important;}
.float-none {  float: none !important;}
.m-auto {  margin: auto !important;}
.b{border: 2px solid #000000}
mark,.mark { background-color: #fcf8e3;}
.page-header { padding-bottom: 9px;  margin: 40px 0 20px;  border-bottom: 1px solid #eeeeee;}
.pointer {cursor: pointer;}


/*scrollbtn*/
#myBtn {  display: none;  position: fixed;  bottom: 20px;  right: 30px;  z-index: 9999;  font-size: 1.1em;  border: none;  outline: none;  background-color:#ff5722;  color: white;  cursor: pointer;  padding: 18px 15px;  border-radius: 35px;}
#myBtn:hover {  background-color: #333;}
@media (max-width: 576px){
  #myBtn {  bottom: 20px;  right: 15px;}
  .mobile_none{display:none}}


* { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box; }
*:before,*:after { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;}
input,button,select,textarea { font-family: inherit;  font-size: inherit;  line-height: inherit;}
figure { margin: 0;}

img { vertical-align: middle; border-style: none;}
.img-responsive { display: block; max-width:100%;  height: auto;}
.img-fluid { max-width: 100%; height: auto;}
.img-rounded { border-radius: 6px;}
.img-thumbnail { padding: 4px;  line-height: 1.42857;  background-color: #fff;  border: 1px solid #ddd;  border-radius: 4px;-webkit-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;  display: inline-block;  max-width: 100%;  height: auto;}


[role="button"] { cursor: pointer;}
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0;}
.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; -webkit-clip-path: none; clip-path: none;}


/*font*/
* {font-family: -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;outline-color: inherit;word-break : break-all;
  -webkit-text-shadow: rgba(0,0,0,.01) 0 0 0.45px; -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1); text-shadow: rgba(0,0,0,.01) 0 0 0.45px;  }
b,strong, .bold {font-weight: bold !important;}
.normal{font-weight: normal !important;}
small,.small { font-size: 75%;}
.stylenone{ font-style: normal}
.lead { font-size: 1.25rem; font-weight: 300;}
.keep-all{word-break : keep-all; }
.spacing0{letter-spacing: 0}
.spacing1{letter-spacing: 1px !important;}
.spacing3{letter-spacing: 1rem !important;}
.spacing5{letter-spacing: 2rem}
.pre-wrap{ white-space: pre-wrap}

.text-lowercase { text-transform: lowercase !important;}
.text-uppercase { text-transform: uppercase !important;}
.text-capitalize { text-transform: capitalize !important;}
.font-weight-light { font-weight: 300 !important;}
.font-weight-normal { font-weight: 400 !important;}
.font-weight-bold { font-weight: 700 !important;}
.font-weight-heavy { font-weight: 900 !important;}
.font-italic { font-style: italic !important;}
.text-justify { text-align: justify !important;}
.text-nowrap { white-space: nowrap !important;}
.text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.text-left { text-align: left !important;}
.text-right { text-align: right !important;}
.text-center { text-align: center !important;}


@media (max-width: 768px) { h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {line-height: 100% !important;  }}
h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.6em; line-height: 1.4;   outline: #ccc;  }
h1, .h1 { font-size: 2.5rem;word-spacing: 3px;letter-spacing:0px;font-weight: 600; }
h2, .h2 { font-size: 2rem;letter-spacing:2px;}
h3, .h3 { font-size: 1.7rem;letter-spacing:2px;}
h4, .h4 { font-size: 1.3rem;letter-spacing:0px;}
h5, .h5 { font-size: 1.25rem;letter-spacing:0px;}
h6, .h6 { font-size: 1rem;letter-spacing:0px;}

.display-1 { font-size: 6rem; line-height: 1.2;}
.display-2 { font-size: 5.5rem;  line-height: 1.2;}
.display-3 { font-size: 4.5rem;  line-height: 1.2;  font-weight: 700}
.display-4 { font-size: 3.5rem; line-height: 1.2;}


/*color*/
.text-white{color: #fff !important;}
.text-black{color: #000 !important;}
.text-dark{color: #333 !important;}
.text-gray{color:#666 !important;}
.text-muted { color: #777777;}
.text-green { color: #95c11f;}
.text-blue{color:#0093e3}
.text-navy{color:#003058}
.text-DFS{color:#1f1790}           a.text-primary:hover,a.text-primary:focus { color: #191176;}
.text-MNA{color:#00a9c3}           a.text-primary:hover,a.text-primary:focus { color: #0290a6;}

.text-primary { color: #FF5722; !important;}   a.text-primary:hover,a.text-primary:focus { color: #ee3900;}
.text-success { color: #3c763d;}   a.text-success:hover,a.text-success:focus { color: #2b542c;}
.text-warning { color: #8a6d3b;}   a.text-warning:hover,a.text-warning:focus { color: #66512c;}
.text-danger { color: #a94442;}    a.text-danger:hover,a.text-danger:focus { color: #843534;}
.bg-primary { background-color: #FF5722;}  a.bg-primary:hover,a.bg-primary:focus { background-color: #ee3900;}
.bg-success { background-color: #dff0d8;}  a.bg-success:hover,a.bg-success:focus { background-color: #c1e2b3;}
.bg-info { background-color: #d9edf7;}     a.bg-info:hover,a.bg-info:focus { background-color: #afd9ee;}
.bg-warning { background-color: #fcf8e3;}  a.bg-warning:hover,a.bg-warning:focus { background-color: #f7ecb5;}
.bg-danger { background-color: #f2dede;}   a.bg-danger:hover,a.bg-danger:focus { background-color: #e4b9b9;}
.bg-none{background-color:none}
.bg-white { background-color: #fff !important;}
.bg-gray { background-color: #eee !important;}
.bg-navy { background-color: #dff0d8;}  a.bg-success:hover,a.bg-success:focus { background-color: #c1e2b3;}



/*border*/
.border { border: 1px solid #dee2e6 !important;}
.border-top { border-top: 1px solid #dee2e6 !important;}
.border-right { border-right: 1px solid #dee2e6 !important;}
.border-bottom { border-bottom: 1px solid #dee2e6 !important;}
.border-left { border-left: 1px solid #dee2e6 !important;}
.border-0 { border: 0 !important;}
.border-top-0 { border-top: 0 !important;}
.border-right-0 { border-right: 0 !important;}
.border-bottom-0 { border-bottom: 0 !important;}
.border-left-0 { border-left: 0 !important;}
.border-primary { border-color: #007bff !important;}
.border-secondary { border-color: #ccc !important;}
.border-success { border-color: #28a745 !important;}
.border-info { border-color: #17a2b8 !important;}
.border-warning { border-color: #ffc107 !important;}
.border-danger { border-color: #dc3545 !important;}
.border-light { border-color: #f8f9fa !important;}
.border-dark { border-color: #343a40 !important;}
.border-white { border-color: #fff !important;}


/*padding */
@media screen and (max-width: 480px) { .col-xxs-12 {   float: none;  width: 100%; }}
.row-bottom-padded-lg { padding-bottom: 7em;}
@media screen and (max-width: 768px) { .row-bottom-padded-lg {   padding-bottom: 2em; }}
.row-top-padded-lg { padding-top: 7em;}
@media screen and (max-width: 768px) { .row-top-padded-lg {   padding-top: 2em; }}
.row-bottom-padded-md { padding-bottom: 4em;}
@media screen and (max-width: 768px) { .row-bottom-padded-md {   padding-bottom: 2em; }}
.row-top-padded-md { padding-top: 4em;}
@media screen and (max-width: 768px) { .row-top-padded-md {   padding-top: 2em; }}
.row-bottom-padded-sm { padding-bottom: 2em;}
@media screen and (max-width: 768px) { .row-bottom-padded-sm {   padding-bottom: 2em; } }
.row-top-padded-sm { padding-top: 2em;}
@media screen and (max-width: 768px) { .row-top-padded-sm {   padding-top: 2em; } }

.w-25 { width: 25% !important;}
.w-30 { width: 30% !important;}
.w-50 { width: 50% !important;}
.w-75 { width: 75% !important;}
.w-100 { width: 100% !important;}
.h-25 { height: 25% !important;}
.h-50 { height: 50% !important;}
.h-75 { height: 75% !important;}
.h-100 { height: 100% !important;}
.mw-100 { max-width: 100% !important;}
.mh-100 { max-height: 100% !important;}
.m-0 { margin: 0 !important;}
.mt-0,.my-0 { margin-top: 0 !important;}
.mr-0,.mx-0 { margin-right: 0 !important;}
.mb-0,.my-0 { margin-bottom: 0 !important;}
.ml-0,.mx-0 { margin-left: 0 !important;}
.m-1 { margin: 0.25rem !important;}
.mt-1,.my-1 { margin-top: 0.25rem !important;}
.mr-1,.mx-1 { margin-right: 0.25rem !important;}
.mb-1,.my-1 { margin-bottom: 0.25rem !important;}
.ml-1,.mx-1 { margin-left: 0.25rem !important;}
.m-2 { margin: 0.5rem !important;}
.mt-2,.my-2 { margin-top: 0.5rem !important;}
.mr-2,.mx-2 { margin-right: 0.5rem !important;}
.mb-2,.my-2 { margin-bottom: 0.5rem !important;}
.ml-2,.mx-2 { margin-left: 0.5rem !important;}
.m-3 { margin: 1rem !important;}
.mt-3,.my-3 { margin-top: 1rem !important;}
.mr-3,.mx-3 { margin-right: 1rem !important;}
.mb-3,.my-3 { margin-bottom: 1rem !important;}
.ml-3,.mx-3 { margin-left: 1rem !important;}
.m-4 { margin: 1.5rem !important;}
.mt-4,.my-4 { margin-top: 1.5rem !important;}
.mr-4,.mx-4 { margin-right: 1.5rem !important;}
.mb-4,.my-4 { margin-bottom: 1.5rem !important;}
.ml-4,.mx-4 { margin-left: 1.5rem !important;}
.m-5 { margin: 3rem !important;}
.mt-5,.my-5 { margin-top: 3rem !important;}
.mr-5,.mx-5 { margin-right: 3rem !important;}
.mb-5,.my-5 { margin-bottom: 3rem !important;}
.ml-5,.mx-5 { margin-left: 3rem !important;}
.p-0 { padding: 0 !important;}
.pt-0,.py-0 { padding-top: 0 !important;}
.pr-0,.px-0 { padding-right: 0 !important;}
.pb-0,.py-0 { padding-bottom: 0 !important;}
.pl-0,.px-0 { padding-left: 0 !important;}
.p-1 { padding: 0.25rem !important;}
.pt-1,.py-1 { padding-top: 0.25rem !important;}
.pr-1,.px-1 { padding-right: 0.25rem !important;}
.pb-1,.py-1 { padding-bottom: 0.25rem !important;}
.pl-1,.px-1 { padding-left: 0.25rem !important;}
.p-2 { padding: 0.5rem !important;}
.pt-2,.py-2 { padding-top: 0.5rem !important;}
.pr-2,.px-2 { padding-right: 0.5rem !important;}
.pb-2,.py-2 { padding-bottom: 0.5rem !important;}
.pl-2,.px-2 { padding-left: 0.5rem !important;}
.p-3 { padding: 1rem !important;}
.pt-3,.py-3 { padding-top: 1rem !important;}
.pr-3,.px-3 { padding-right: 1rem !important;}
.pb-3,.py-3 { padding-bottom: 1rem !important;}
.pl-3,.px-3 { padding-left: 1rem !important;}
.p-4 { padding: 1.5rem !important;}
.pt-4,.py-4 { padding-top: 1.5rem !important;}
.pr-4,.px-4 { padding-right: 1.5rem !important;}
.pb-4,.py-4 { padding-bottom: 1.5rem !important;}
.pl-4,.px-4 { padding-left: 1.5rem !important;}
.p-5 { padding: 3rem !important;}
.pt-5,.py-5 { padding-top: 3rem !important;}
.pr-5,.px-5 { padding-right: 3rem !important;}
.pb-5,.py-5 { padding-bottom: 3rem !important;}
.pl-5,.px-5 { padding-left: 3rem !important;}
.m-auto { margin: auto !important;}
.mt-auto,.my-auto { margin-top: auto !important;}
.mr-auto,.mx-auto { margin-right: auto !important;}
.mb-auto,.my-auto { margin-bottom: auto !important;}
.ml-auto,.mx-auto { margin-left: auto !important;}
@media (min-width: 576px) { .m-sm-0 {   margin: 0 !important; }
  .mt-sm-0,  .my-sm-0 {   margin-top: 0 !important; }
  .mr-sm-0,  .mx-sm-0 {   margin-right: 0 !important; }
  .mb-sm-0,  .my-sm-0 {   margin-bottom: 0 !important; }
  .ml-sm-0,  .mx-sm-0 {   margin-left: 0 !important; }
  .m-sm-1 {   margin: 0.25rem !important; }
  .mt-sm-1,  .my-sm-1 {   margin-top: 0.25rem !important; }
  .mr-sm-1,  .mx-sm-1 {   margin-right: 0.25rem !important; }
  .mb-sm-1,  .my-sm-1 {   margin-bottom: 0.25rem !important; }
  .ml-sm-1,  .mx-sm-1 {   margin-left: 0.25rem !important; }
  .m-sm-2 {   margin: 0.5rem !important; }
  .mt-sm-2,  .my-sm-2 {   margin-top: 0.5rem !important; }
  .mr-sm-2,  .mx-sm-2 {   margin-right: 0.5rem !important; }
  .mb-sm-2,  .my-sm-2 {   margin-bottom: 0.5rem !important; }
  .ml-sm-2,  .mx-sm-2 {   margin-left: 0.5rem !important; }
  .m-sm-3 {   margin: 1rem !important; }
  .mt-sm-3,  .my-sm-3 {   margin-top: 1rem !important; }
  .mr-sm-3,  .mx-sm-3 {   margin-right: 1rem !important; }
  .mb-sm-3,  .my-sm-3 {   margin-bottom: 1rem !important; }
  .ml-sm-3,  .mx-sm-3 {   margin-left: 1rem !important; }
  .m-sm-4 {   margin: 1.5rem !important; }
  .mt-sm-4,  .my-sm-4 {   margin-top: 1.5rem !important; }
  .mr-sm-4,  .mx-sm-4 {   margin-right: 1.5rem !important; }
  .mb-sm-4,  .my-sm-4 {   margin-bottom: 1.5rem !important; }
  .ml-sm-4,  .mx-sm-4 {   margin-left: 1.5rem !important; }
  .m-sm-5 {   margin: 3rem !important; }
  .mt-sm-5,  .my-sm-5 {   margin-top: 3rem !important; }
  .mr-sm-5,  .mx-sm-5 {   margin-right: 3rem !important; }
  .mb-sm-5,  .my-sm-5 {   margin-bottom: 3rem !important; }
  .ml-sm-5,  .mx-sm-5 {   margin-left: 3rem !important; }
  .p-sm-0 {   padding: 0 !important; }
  .pt-sm-0,  .py-sm-0 {   padding-top: 0 !important; }
  .pr-sm-0,  .px-sm-0 {   padding-right: 0 !important; }
  .pb-sm-0,  .py-sm-0 {   padding-bottom: 0 !important; }
  .pl-sm-0,  .px-sm-0 {   padding-left: 0 !important; }
  .p-sm-1 {   padding: 0.25rem !important; }
  .pt-sm-1,  .py-sm-1 {   padding-top: 0.25rem !important; }
  .pr-sm-1,  .px-sm-1 {   padding-right: 0.25rem !important; }
  .pb-sm-1,  .py-sm-1 {   padding-bottom: 0.25rem !important; }
  .pl-sm-1,  .px-sm-1 {   padding-left: 0.25rem !important; }
  .p-sm-2 {   padding: 0.5rem !important; }
  .pt-sm-2,  .py-sm-2 {   padding-top: 0.5rem !important; }
  .pr-sm-2,  .px-sm-2 {   padding-right: 0.5rem !important; }
  .pb-sm-2,  .py-sm-2 {   padding-bottom: 0.5rem !important; }
  .pl-sm-2,  .px-sm-2 {   padding-left: 0.5rem !important; }
  .p-sm-3 {   padding: 1rem !important; }
  .pt-sm-3,  .py-sm-3 {   padding-top: 1rem !important; }
  .pr-sm-3,  .px-sm-3 {   padding-right: 1rem !important; }
  .pb-sm-3,  .py-sm-3 {   padding-bottom: 1rem !important; }
  .pl-sm-3,  .px-sm-3 {   padding-left: 1rem !important; }
  .p-sm-4 {   padding: 1.5rem !important; }
  .pt-sm-4,  .py-sm-4 {   padding-top: 1.5rem !important; }
  .pr-sm-4,  .px-sm-4 {   padding-right: 1.5rem !important; }
  .pb-sm-4,  .py-sm-4 {   padding-bottom: 1.5rem !important; }
  .pl-sm-4,  .px-sm-4 {   padding-left: 1.5rem !important; }
  .p-sm-5 {   padding: 3rem !important; }
  .pt-sm-5,  .py-sm-5 {   padding-top: 3rem !important; }
  .pr-sm-5,  .px-sm-5 {   padding-right: 3rem !important; }
  .pb-sm-5,  .py-sm-5 {   padding-bottom: 3rem !important; }
  .pl-sm-5,  .px-sm-5 {   padding-left: 3rem !important; }
  .m-sm-auto {   margin: auto !important; }
  .mt-sm-auto,  .my-sm-auto {   margin-top: auto !important; }
  .mr-sm-auto,  .mx-sm-auto {   margin-right: auto !important; }
  .mb-sm-auto,  .my-sm-auto {   margin-bottom: auto !important; }
  .ml-sm-auto,  .mx-sm-auto {   margin-left: auto !important; }}
@media (min-width: 768px) { .m-md-0 {   margin: 0 !important; }
  .mt-md-0,  .my-md-0 {   margin-top: 0 !important; }
  .mr-md-0,  .mx-md-0 {   margin-right: 0 !important; }
  .mb-md-0,  .my-md-0 {   margin-bottom: 0 !important; }
  .ml-md-0,  .mx-md-0 {   margin-left: 0 !important; }
  .m-md-1 {   margin: 0.25rem !important; }
  .mt-md-1,  .my-md-1 {   margin-top: 0.25rem !important; }
  .mr-md-1,  .mx-md-1 {   margin-right: 0.25rem !important; }
  .mb-md-1,  .my-md-1 {   margin-bottom: 0.25rem !important; }
  .ml-md-1,  .mx-md-1 {   margin-left: 0.25rem !important; }
  .m-md-2 {   margin: 0.5rem !important; }
  .mt-md-2,  .my-md-2 {   margin-top: 0.5rem !important; }
  .mr-md-2,  .mx-md-2 {   margin-right: 0.5rem !important; }
  .mb-md-2,  .my-md-2 {   margin-bottom: 0.5rem !important; }
  .ml-md-2,  .mx-md-2 {   margin-left: 0.5rem !important; }
  .m-md-3 {   margin: 1rem !important; }
  .mt-md-3,  .my-md-3 {   margin-top: 1rem !important; }
  .mr-md-3,  .mx-md-3 {   margin-right: 1rem !important; }
  .mb-md-3,  .my-md-3 {   margin-bottom: 1rem !important; }
  .ml-md-3,  .mx-md-3 {   margin-left: 1rem !important; }
  .m-md-4 {   margin: 1.5rem !important; }
  .mt-md-4,  .my-md-4 {   margin-top: 1.5rem !important; }
  .mr-md-4,  .mx-md-4 {   margin-right: 1.5rem !important; }
  .mb-md-4,  .my-md-4 {   margin-bottom: 1.5rem !important; }
  .ml-md-4,  .mx-md-4 {   margin-left: 1.5rem !important; }
  .m-md-5 {   margin: 3rem !important; }
  .mt-md-5,  .my-md-5 {   margin-top: 3rem !important; }
  .mr-md-5,  .mx-md-5 {   margin-right: 3rem !important; }
  .mb-md-5,  .my-md-5 {   margin-bottom: 3rem !important; }
  .ml-md-5,  .mx-md-5 {   margin-left: 3rem !important; }
  .p-md-0 {   padding: 0 !important; }
  .pt-md-0,  .py-md-0 {   padding-top: 0 !important; }
  .pr-md-0,  .px-md-0 {   padding-right: 0 !important; }
  .pb-md-0,  .py-md-0 {   padding-bottom: 0 !important; }
  .pl-md-0,  .px-md-0 {   padding-left: 0 !important; }
  .p-md-1 {   padding: 0.25rem !important; }
  .pt-md-1,  .py-md-1 {   padding-top: 0.25rem !important; }
  .pr-md-1,  .px-md-1 {   padding-right: 0.25rem !important; }
  .pb-md-1,  .py-md-1 {   padding-bottom: 0.25rem !important; }
  .pl-md-1,  .px-md-1 {   padding-left: 0.25rem !important; }
  .p-md-2 {   padding: 0.5rem !important; }
  .pt-md-2,  .py-md-2 {   padding-top: 0.5rem !important; }
  .pr-md-2,  .px-md-2 {   padding-right: 0.5rem !important; }
  .pb-md-2,  .py-md-2 {   padding-bottom: 0.5rem !important; }
  .pl-md-2,  .px-md-2 {   padding-left: 0.5rem !important; }
  .p-md-3 {   padding: 1rem !important; }
  .pt-md-3,  .py-md-3 {   padding-top: 1rem !important; }
  .pr-md-3,  .px-md-3 {   padding-right: 1rem !important; }
  .pb-md-3,  .py-md-3 {   padding-bottom: 1rem !important; }
  .pl-md-3,  .px-md-3 {   padding-left: 1rem !important; }
  .p-md-4 {   padding: 1.5rem !important; }
  .pt-md-4,  .py-md-4 {   padding-top: 1.5rem !important; }
  .pr-md-4,  .px-md-4 {   padding-right: 1.5rem !important; }
  .pb-md-4,  .py-md-4 {   padding-bottom: 1.5rem !important; }
  .pl-md-4,  .px-md-4 {   padding-left: 1.5rem !important; }
  .p-md-5 {   padding: 3rem !important; }
  .pt-md-5,  .py-md-5 {   padding-top: 3rem !important; }
  .pr-md-5,  .px-md-5 {   padding-right: 3rem !important; }
  .pb-md-5,  .py-md-5 {   padding-bottom: 3rem !important; }
  .pl-md-5,  .px-md-5 {   padding-left: 3rem !important; }
  .m-md-auto {   margin: auto !important; }
  .mt-md-auto,  .my-md-auto {   margin-top: auto !important; }
  .mr-md-auto,  .mx-md-auto {   margin-right: auto !important; }
  .mb-md-auto,  .my-md-auto {   margin-bottom: auto !important; }
  .ml-md-auto,  .mx-md-auto {   margin-left: auto !important; }}
@media (min-width: 992px) { .m-lg-0 {   margin: 0 !important; }
  .mt-lg-0,  .my-lg-0 {   margin-top: 0 !important; }
  .mr-lg-0,  .mx-lg-0 {   margin-right: 0 !important; }
  .mb-lg-0,  .my-lg-0 {   margin-bottom: 0 !important; }
  .ml-lg-0,  .mx-lg-0 {   margin-left: 0 !important; }
  .m-lg-1 {   margin: 0.25rem !important; }
  .mt-lg-1,  .my-lg-1 {   margin-top: 0.25rem !important; }
  .mr-lg-1,  .mx-lg-1 {   margin-right: 0.25rem !important; }
  .mb-lg-1,  .my-lg-1 {   margin-bottom: 0.25rem !important; }
  .ml-lg-1,  .mx-lg-1 {   margin-left: 0.25rem !important; }
  .m-lg-2 {   margin: 0.5rem !important; }
  .mt-lg-2,  .my-lg-2 {   margin-top: 0.5rem !important; }
  .mr-lg-2,  .mx-lg-2 {   margin-right: 0.5rem !important; }
  .mb-lg-2,  .my-lg-2 {   margin-bottom: 0.5rem !important; }
  .ml-lg-2,  .mx-lg-2 {   margin-left: 0.5rem !important; }
  .m-lg-3 {   margin: 1rem !important; }
  .mt-lg-3,  .my-lg-3 {   margin-top: 1rem !important; }
  .mr-lg-3,  .mx-lg-3 {   margin-right: 1rem !important; }
  .mb-lg-3,  .my-lg-3 {   margin-bottom: 1rem !important; }
  .ml-lg-3,  .mx-lg-3 {   margin-left: 1rem !important; }
  .m-lg-4 {   margin: 1.5rem !important; }
  .mt-lg-4,  .my-lg-4 {   margin-top: 1.5rem !important; }
  .mr-lg-4,  .mx-lg-4 {   margin-right: 1.5rem !important; }
  .mb-lg-4,  .my-lg-4 {   margin-bottom: 1.5rem !important; }
  .ml-lg-4,  .mx-lg-4 {   margin-left: 1.5rem !important; }
  .m-lg-5 {   margin: 3rem !important; }
  .mt-lg-5,  .my-lg-5 {   margin-top: 3rem !important; }
  .mr-lg-5,  .mx-lg-5 {   margin-right: 3rem !important; }
  .mb-lg-5,  .my-lg-5 {   margin-bottom: 3rem !important; }
  .ml-lg-5,  .mx-lg-5 {   margin-left: 3rem !important; }
  .p-lg-0 {   padding: 0 !important; }
  .pt-lg-0,  .py-lg-0 {   padding-top: 0 !important; }
  .pr-lg-0,  .px-lg-0 {   padding-right: 0 !important; }
  .pb-lg-0,  .py-lg-0 {   padding-bottom: 0 !important; }
  .pl-lg-0,  .px-lg-0 {   padding-left: 0 !important; }
  .p-lg-1 {   padding: 0.25rem !important; }
  .pt-lg-1,  .py-lg-1 {   padding-top: 0.25rem !important; }
  .pr-lg-1,  .px-lg-1 {   padding-right: 0.25rem !important; }
  .pb-lg-1,  .py-lg-1 {   padding-bottom: 0.25rem !important; }
  .pl-lg-1,  .px-lg-1 {   padding-left: 0.25rem !important; }
  .p-lg-2 {   padding: 0.5rem !important; }
  .pt-lg-2,  .py-lg-2 {   padding-top: 0.5rem !important; }
  .pr-lg-2,  .px-lg-2 {   padding-right: 0.5rem !important; }
  .pb-lg-2,  .py-lg-2 {   padding-bottom: 0.5rem !important; }
  .pl-lg-2,  .px-lg-2 {   padding-left: 0.5rem !important; }
  .p-lg-3 {   padding: 1rem !important; }
  .pt-lg-3,  .py-lg-3 {   padding-top: 1rem !important; }
  .pr-lg-3,  .px-lg-3 {   padding-right: 1rem !important; }
  .pb-lg-3,  .py-lg-3 {   padding-bottom: 1rem !important; }
  .pl-lg-3,  .px-lg-3 {   padding-left: 1rem !important; }
  .p-lg-4 {   padding: 1.5rem !important; }
  .pt-lg-4,  .py-lg-4 {   padding-top: 1.5rem !important; }
  .pr-lg-4,  .px-lg-4 {   padding-right: 1.5rem !important; }
  .pb-lg-4,  .py-lg-4 {   padding-bottom: 1.5rem !important; }
  .pl-lg-4,  .px-lg-4 {   padding-left: 1.5rem !important; }
  .p-lg-5 {   padding: 3rem !important; }
  .pt-lg-5,  .py-lg-5 {   padding-top: 3rem !important; }
  .pr-lg-5,  .px-lg-5 {   padding-right: 3rem !important; }
  .pb-lg-5,  .py-lg-5 {   padding-bottom: 3rem !important; }
  .pl-lg-5,  .px-lg-5 {   padding-left: 3rem !important; }
  .m-lg-auto {   margin: auto !important; }
  .mt-lg-auto,  .my-lg-auto {   margin-top: auto !important; }
  .mr-lg-auto,  .mx-lg-auto {   margin-right: auto !important; }
  .mb-lg-auto,  .my-lg-auto {   margin-bottom: auto !important; }
  .ml-lg-auto,  .mx-lg-auto {   margin-left: auto !important; }}
@media (min-width: 1200px) { .m-xl-0 {   margin: 0 !important; }
  .mt-xl-0,  .my-xl-0 {   margin-top: 0 !important; }
  .mr-xl-0,  .mx-xl-0 {   margin-right: 0 !important; }
  .mb-xl-0,  .my-xl-0 {   margin-bottom: 0 !important; }
  .ml-xl-0,  .mx-xl-0 {   margin-left: 0 !important; }
  .m-xl-1 {   margin: 0.25rem !important; }
  .mt-xl-1,  .my-xl-1 {   margin-top: 0.25rem !important; }
  .mr-xl-1,  .mx-xl-1 {   margin-right: 0.25rem !important; }
  .mb-xl-1,  .my-xl-1 {   margin-bottom: 0.25rem !important; }
  .ml-xl-1,  .mx-xl-1 {   margin-left: 0.25rem !important; }
  .m-xl-2 {   margin: 0.5rem !important; }
  .mt-xl-2,  .my-xl-2 {   margin-top: 0.5rem !important; }
  .mr-xl-2,  .mx-xl-2 {   margin-right: 0.5rem !important; }
  .mb-xl-2,  .my-xl-2 {   margin-bottom: 0.5rem !important; }
  .ml-xl-2,  .mx-xl-2 {   margin-left: 0.5rem !important; }
  .m-xl-3 {   margin: 1rem !important; }
  .mt-xl-3,  .my-xl-3 {   margin-top: 1rem !important; }
  .mr-xl-3,  .mx-xl-3 {   margin-right: 1rem !important; }
  .mb-xl-3,  .my-xl-3 {   margin-bottom: 1rem !important; }
  .ml-xl-3,  .mx-xl-3 {   margin-left: 1rem !important; }
  .m-xl-4 {   margin: 1.5rem !important; }
  .mt-xl-4,  .my-xl-4 {   margin-top: 1.5rem !important; }
  .mr-xl-4,  .mx-xl-4 {   margin-right: 1.5rem !important; }
  .mb-xl-4,  .my-xl-4 {   margin-bottom: 1.5rem !important; }
  .ml-xl-4,  .mx-xl-4 {   margin-left: 1.5rem !important; }
  .m-xl-5 {   margin: 3rem !important; }
  .mt-xl-5,  .my-xl-5 {   margin-top: 3rem !important; }
  .mr-xl-5,  .mx-xl-5 {   margin-right: 3rem !important; }
  .mb-xl-5,  .my-xl-5 {   margin-bottom: 3rem !important; }
  .ml-xl-5,  .mx-xl-5 {   margin-left: 3rem !important; }
  .p-xl-0 {   padding: 0 !important; }
  .pt-xl-0,  .py-xl-0 {   padding-top: 0 !important; }
  .pr-xl-0,  .px-xl-0 {   padding-right: 0 !important; }
  .pb-xl-0,  .py-xl-0 {   padding-bottom: 0 !important; }
  .pl-xl-0,  .px-xl-0 {   padding-left: 0 !important; }
  .p-xl-1 {   padding: 0.25rem !important; }
  .pt-xl-1,  .py-xl-1 {   padding-top: 0.25rem !important; }
  .pr-xl-1,  .px-xl-1 {   padding-right: 0.25rem !important; }
  .pb-xl-1,  .py-xl-1 {   padding-bottom: 0.25rem !important; }
  .pl-xl-1,  .px-xl-1 {   padding-left: 0.25rem !important; }
  .p-xl-2 {   padding: 0.5rem !important; }
  .pt-xl-2,  .py-xl-2 {   padding-top: 0.5rem !important; }
  .pr-xl-2,  .px-xl-2 {   padding-right: 0.5rem !important; }
  .pb-xl-2,  .py-xl-2 {   padding-bottom: 0.5rem !important; }
  .pl-xl-2,  .px-xl-2 {   padding-left: 0.5rem !important; }
  .p-xl-3 {   padding: 1rem !important; }
  .pt-xl-3,  .py-xl-3 {   padding-top: 1rem !important; }
  .pr-xl-3,  .px-xl-3 {   padding-right: 1rem !important; }
  .pb-xl-3,  .py-xl-3 {   padding-bottom: 1rem !important; }
  .pl-xl-3,  .px-xl-3 {   padding-left: 1rem !important; }
  .p-xl-4 {   padding: 1.5rem !important; }
  .pt-xl-4,  .py-xl-4 {   padding-top: 1.5rem !important; }
  .pr-xl-4,  .px-xl-4 {   padding-right: 1.5rem !important; }
  .pb-xl-4,  .py-xl-4 {   padding-bottom: 1.5rem !important; }
  .pl-xl-4,  .px-xl-4 {   padding-left: 1.5rem !important; }
  .p-xl-5 {   padding: 3rem !important; }
  .pt-xl-5,  .py-xl-5 {   padding-top: 3rem !important; }
  .pr-xl-5,  .px-xl-5 {   padding-right: 3rem !important; }
  .pb-xl-5,  .py-xl-5 {   padding-bottom: 3rem !important; }
  .pl-xl-5,  .px-xl-5 {   padding-left: 3rem !important; }
  .m-xl-auto {   margin: auto !important; }
  .mt-xl-auto,  .my-xl-auto {   margin-top: auto !important; }
  .mr-xl-auto,  .mx-xl-auto {   margin-right: auto !important; }
  .mb-xl-auto,  .my-xl-auto {   margin-bottom: auto !important; }
  .ml-xl-auto,  .mx-xl-auto {   margin-left: auto !important; }}

.offset-xl-0 {   margin-left: 0; }
.offset-xl-1 {   margin-left: 8.333333%; }
.offset-xl-2 {   margin-left: 16.666667%; }
.offset-xl-3 {   margin-left: 25%; }
.offset-xl-4 {   margin-left: 33.333333%; }
.offset-xl-5 {   margin-left: 41.666667%; }
.offset-xl-6 {   margin-left: 50%; }
.offset-xl-7 {   margin-left: 58.333333%; }
.offset-xl-8 {   margin-left: 66.666667%; }
.offset-xl-9 {   margin-left: 75%; }
.offset-xl-10 {   margin-left: 83.333333%; }
.offset-xl-11 {   margin-left: 91.666667%; }

@media (min-width: 576px) { .text-sm-left {   text-align: left !important; }
  .text-sm-right {   text-align: right !important; }
  .text-sm-center {   text-align: center !important; }}
@media (min-width: 768px) { .text-md-left {   text-align: left !important; }
  .text-md-right {   text-align: right !important; }
  .text-md-center {   text-align: center !important; }}
@media (min-width: 992px) { .text-lg-left {   text-align: left !important; }
  .text-lg-right {   text-align: right !important; }
  .text-lg-center {   text-align: center !important; }}
@media (min-width: 1200px) { .text-xl-left {   text-align: left !important; }
  .text-xl-right {   text-align: right !important; }
  .text-xl-center {   text-align: center !important; }}

/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print { *,  *:before,  *:after {   background: transparent !important;  color: #000 !important;  box-shadow: none !important;  text-shadow: none !important; }
  a,  a:visited {   text-decoration: underline;  }
  a[href]:after {   content: " (" attr(href) ")";  }
  abbr[title]:after {   content: " (" attr(title) ")";  }
  a[href^="#"]:after,  a[href^="javascript:"]:after {   content: "";  }
  pre,  blockquote {   border: 1px solid #999;    page-break-inside: avoid; }
  thead {   display: table-header-group; }
  tr,  img {   page-break-inside: avoid; }
  img {   max-width: 100% !important;  }
  p { margin:0;}
  p,  h2,  h3 {   orphans: 3;    widows: 3; }
  h2, h3 { page-break-after: avoid;}
  .lead { margin-bottom: 20px;  font-size: 16px;  font-weight: 300;  line-height: 1.4;}
  .navbar { display: none; }
  .btn > .caret,  .dropup > .btn > .caret {   border-top-color: #000 !important; }
  .label {   border: 1px solid #000;  }
  .table {   border-collapse: collapse !important;  }
  .table td,  .table th {   background-color: #fff !important;  }
  .table-bordered th,  .table-bordered td {   border: 1px solid #ddd !important; }}

@media (min-width: 768px) { .lead { font-size: 21px; }}
@media (min-width: 768px) { .dl-horizontal dt {   float: left;  width: 160px;  clear: left;  text-align: right;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; }
  .dl-horizontal dd {   margin-left: 180px;  }}
abbr[title],abbr[data-original-title] { cursor: help;  border-bottom: 1px dotted #777777;}
.initialism { font-size: 90%;}
blockquote { padding: 10px 20px;  margin: 0 0 20px;  font-size: 17.5px;  border-left: 5px solid #eeeeee;}
blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child { margin-bottom: 0;}
blockquote footer,blockquote small,blockquote .small { display: block;  font-size: 80%;  line-height: 1.42857;  color: #777777;}
blockquote footer:before,blockquote small:before,blockquote .small:before { content: '\2014 \00A0';}
.blockquote-reverse,blockquote.pull-right { padding-right: 15px;  padding-left: 0;  border-right: 5px solid #eeeeee;  border-left: 0;  text-align: right;}
.blockquote-reverse footer:before,.blockquote-reverse small:before,.blockquote-reverse .small:before,blockquote.pull-right footer:before,blockquote.pull-right small:before,blockquote.pull-right .small:before { content: '';}
.blockquote-reverse footer:after,.blockquote-reverse small:after,.blockquote-reverse .small:after,blockquote.pull-right footer:after,blockquote.pull-right small:after,blockquote.pull-right .small:after { content: '\00A0 \2014';}
address { margin-bottom: 20px;  font-style: normal;  line-height: 1.42857;}
code,kbd,pre,samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace;}
code { padding: 2px 4px;  font-size: 90%;  color: #c7254e;  background-color: #f9f2f4;  border-radius: 4px;}
kbd { padding: 2px 4px;  font-size: 90%;  color: #fff;  background-color: #333;  border-radius: 3px;  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);}
kbd kbd { padding: 0;  font-size: 100%;  font-weight: bold;  box-shadow: none;}
pre { display: block;  padding: 9.5px;  margin: 0 0 10px;  font-size: 13px;  line-height: 1.42857;  word-break: break-all;  word-wrap: break-word;  color: #333333;  background-color: #f5f5f5;  border: 1px solid #ccc;  border-radius: 4px;}
pre code { padding: 0;  font-size: inherit;  color: inherit;  white-space: pre-wrap;  background-color: transparent;  border-radius: 0;}
.pre-scrollable { max-height: 340px;  overflow-y: scroll;}


/*colum*/

.container { width: 100%;  margin-right: auto; margin-left: auto;}
.container:before, .container:after { content: " ";  display: table;}
.container:after { clear: both;}
@media (min-width: 768px) { .container {   width: 760px; }}
@media (min-width: 992px) { .container {   width: 980px; }}
@media (min-width: 1200px) { .container {   width: 1180px; }}

.container-fluid { margin-right: auto;  margin-left: auto;  padding-left: 20px;  padding-right: 20px;}
.container-fluid:before, .container-fluid:after { content: " ";  display: table;}
.container-fluid:after { clear: both;}

.row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -20px; margin-left: -20px;}
.row:before, .row:after { content: " ";  display: table;}
.row:after { clear: both;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative;min-height: 1px;  padding-left: 20px;  padding-right: 20px;}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left;}
.col-xs-1 { width: 8.33333%;}
.col-xs-2 { width: 16.66667%;}
.col-xs-3 { width: 25%;}
.col-xs-4 { width: 33.33333%;}
.col-xs-5 { width: 41.66667%;}
.col-xs-6 { width: 50%;}
.col-xs-7 { width: 58.33333%;}
.col-xs-8 { width: 66.66667%;}
.col-xs-9 { width: 75%;}
.col-xs-10 { width: 83.33333%;}
.col-xs-11 { width: 91.66667%;}
.col-xs-12 { width: 100%;}
.col-xs-pull-0 { right: auto;}
.col-xs-pull-1 { right: 8.33333%;}
.col-xs-pull-2 { right: 16.66667%;}
.col-xs-pull-3 { right: 25%;}
.col-xs-pull-4 { right: 33.33333%;}
.col-xs-pull-5 { right: 41.66667%;}
.col-xs-pull-6 { right: 50%;}
.col-xs-pull-7 { right: 58.33333%;}
.col-xs-pull-8 { right: 66.66667%;}
.col-xs-pull-9 { right: 75%;}
.col-xs-pull-10 { right: 83.33333%;}
.col-xs-pull-11 { right: 91.66667%;}
.col-xs-pull-12 { right: 100%;}
.col-xs-push-0 { left: auto;}
.col-xs-push-1 { left: 8.33333%;}
.col-xs-push-2 { left: 16.66667%;}
.col-xs-push-3 { left: 25%;}
.col-xs-push-4 { left: 33.33333%;}
.col-xs-push-5 { left: 41.66667%;}
.col-xs-push-6 { left: 50%;}
.col-xs-push-7 { left: 58.33333%;}
.col-xs-push-8 { left: 66.66667%;}
.col-xs-push-9 { left: 75%;}
.col-xs-push-10 { left: 83.33333%;}
.col-xs-push-11 { left: 91.66667%;}
.col-xs-push-12 { left: 100%;}
.col-xs-offset-0 { margin-left: 0%;}
.col-xs-offset-1 { margin-left: 8.33333%;}
.col-xs-offset-2 { margin-left: 16.66667%;}
.col-xs-offset-3 { margin-left: 25%;}
.col-xs-offset-4 { margin-left: 33.33333%;}
.col-xs-offset-5 { margin-left: 41.66667%;}
.col-xs-offset-6 { margin-left: 50%;}
.col-xs-offset-7 { margin-left: 58.33333%;}
.col-xs-offset-8 { margin-left: 66.66667%;}
.col-xs-offset-9 { margin-left: 75%;}
.col-xs-offset-10 { margin-left: 83.33333%;}
.col-xs-offset-11 { margin-left: 91.66667%;}
.col-xs-offset-12 { margin-left: 100%;}
@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {   float: left;  }
  .col-sm-1 {   width: 8.33333%;  }
  .col-sm-2 {   width: 16.66667%;  }
  .col-sm-3 {   width: 25%;  }
  .col-sm-4 {   width: 33.33333%;  }
  .col-sm-5 {   width: 41.66667%;  }
  .col-sm-6 {   width: 50%;  }
  .col-sm-7 {   width: 58.33333%;  }
  .col-sm-8 {   width: 66.66667%;  }
  .col-sm-9 {   width: 75%;  }
  .col-sm-10 {   width: 83.33333%;  }
  .col-sm-11 {   width: 91.66667%;  }
  .col-sm-12 {   width: 100%;  }
  .col-sm-pull-0 {   right: auto;  }
  .col-sm-pull-1 {   right: 8.33333%;  }
  .col-sm-pull-2 {   right: 16.66667%;  }
  .col-sm-pull-3 {   right: 25%;  }
  .col-sm-pull-4 {   right: 33.33333%;  }
  .col-sm-pull-5 {   right: 41.66667%;  }
  .col-sm-pull-6 {   right: 50%;  }
  .col-sm-pull-7 {   right: 58.33333%;  }
  .col-sm-pull-8 {   right: 66.66667%;  }
  .col-sm-pull-9 {   right: 75%;  }
  .col-sm-pull-10 {   right: 83.33333%;  }
  .col-sm-pull-11 {   right: 91.66667%;  }
  .col-sm-pull-12 {   right: 100%;  }
  .col-sm-push-0 {   left: auto;  }
  .col-sm-push-1 {   left: 8.33333%; }
  .col-sm-push-2 {   left: 16.66667%; }
  .col-sm-push-3 {   left: 25%; }
  .col-sm-push-4 {   left: 33.33333%; }
  .col-sm-push-5 {   left: 41.66667%; }
  .col-sm-push-6 {   left: 50%; }
  .col-sm-push-7 {   left: 58.33333%; }
  .col-sm-push-8 {   left: 66.66667%; }
  .col-sm-push-9 {   left: 75%; }
  .col-sm-push-10 {   left: 83.33333%; }
  .col-sm-push-11 {   left: 91.66667%; }
  .col-sm-push-12 {   left: 100%; }
  .col-sm-offset-0 {   margin-left: 0%; }
  .col-sm-offset-1 {   margin-left: 8.33333%; }
  .col-sm-offset-2 {   margin-left: 16.66667%; }
  .col-sm-offset-3 {   margin-left: 25%; }
  .col-sm-offset-4 {   margin-left: 33.33333%; }
  .col-sm-offset-5 {   margin-left: 41.66667%; }
  .col-sm-offset-6 {   margin-left: 50%; }
  .col-sm-offset-7 {   margin-left: 58.33333%; }
  .col-sm-offset-8 {   margin-left: 66.66667%; }
  .col-sm-offset-9 {   margin-left: 75%; }
  .col-sm-offset-10 {   margin-left: 83.33333%; }
  .col-sm-offset-11 {   margin-left: 91.66667%; }
  .col-sm-offset-12 {   margin-left: 100%; }}
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {   float: left; }
  .col-md-1 {   width: 8.33333%; }
  .col-md-2 {   width: 16.66667%; }
  .col-md-3 {   width: 25%; }
  .col-md-4 {   width: 33.33333%; }
  .col-md-5 {   width: 41.66667%; }
  .col-md-6 {   width: 50%; }
  .col-md-7 {   width: 58.33333%; }
  .col-md-8 {   width: 66.66667%; }
  .col-md-9 {   width: 75%; }
  .col-md-10 {   width: 83.33333%; }
  .col-md-11 {   width: 91.66667%; }
  .col-md-12 {   width: 100%; }
  .col-md-tmp {   width: 20%; }
  .col-md-pull-0 {   right: auto; }
  .col-md-pull-1 {   right: 8.33333%; }
  .col-md-pull-2 {   right: 16.66667%; }
  .col-md-pull-3 {   right: 25%; }
  .col-md-pull-4 {   right: 33.33333%; }
  .col-md-pull-5 {   right: 41.66667%; }
  .col-md-pull-6 {   right: 50%; }
  .col-md-pull-7 {   right: 58.33333%; }
  .col-md-pull-8 {   right: 66.66667%; }
  .col-md-pull-9 {   right: 75%; }
  .col-md-pull-10 {   right: 83.33333%; }
  .col-md-pull-11 {   right: 91.66667%; }
  .col-md-pull-12 {   right: 100%; }
  .col-md-push-0 {   left: auto; }
  .col-md-push-1 {   left: 8.33333%; }
  .col-md-push-2 {   left: 16.66667%; }
  .col-md-push-3 {   left: 25%; }
  .col-md-push-4 {   left: 33.33333%; }
  .col-md-push-5 {   left: 41.66667%; }
  .col-md-push-6 {   left: 50%; }
  .col-md-push-7 {   left: 58.33333%; }
  .col-md-push-8 {   left: 66.66667%; }
  .col-md-push-9 {   left: 75%; }
  .col-md-push-10 {   left: 83.33333%; }
  .col-md-push-11 {   left: 91.66667%; }
  .col-md-push-12 {   left: 100%; }
  .col-md-offset-0 {   margin-left: 0%; }
  .col-md-offset-1 {   margin-left: 8.33333%; }
  .col-md-offset-2 {   margin-left: 16.66667%; }
  .col-md-offset-3 {   margin-left: 25%; }
  .col-md-offset-4 {   margin-left: 33.33333%; }
  .col-md-offset-5 {   margin-left: 41.66667%; }
  .col-md-offset-6 {   margin-left: 50%; }
  .col-md-offset-7 {   margin-left: 58.33333%; }
  .col-md-offset-8 {   margin-left: 66.66667%; }
  .col-md-offset-9 {   margin-left: 75%; }
  .col-md-offset-10 {   margin-left: 83.33333%; }
  .col-md-offset-11 {   margin-left: 91.66667%; }
  .col-md-offset-12 {   margin-left: 100%; }}
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {   float: left; }
  .col-lg-1 {   width: 8.33333%; }
  .col-lg-2 {   width: 16.66667%; }
  .col-lg-22 {   width: 13%; }
  .col-lg-3 {   width: 25%; }
  .col-lg-4 {   width: 33.33333%; }
  .col-lg-5 {   width: 41.66667%; }
  .col-lg-6 {   width: 50%; }
  .col-lg-7 {   width: 58.33333%; }
  .col-lg-8 {   width: 66.66667%; }
  .col-lg-9 {   width: 75%; }
  .col-lg-10 {   width: 83.33333%; }
  .col-lg-11 {   width: 91.66667%; }
  .col-lg-12 {   width: 100%; }
  .col-lg-pull-0 {   right: auto; }
  .col-lg-pull-1 {   right: 8.33333%; }
  .col-lg-pull-2 {   right: 16.66667%; }
  .col-lg-pull-3 {   right: 25%; }
  .col-lg-pull-4 {   right: 33.33333%; }
  .col-lg-pull-5 {   right: 41.66667%; }
  .col-lg-pull-6 {   right: 50%; }
  .col-lg-pull-7 {   right: 58.33333%; }
  .col-lg-pull-8 {   right: 66.66667%; }
  .col-lg-pull-9 {   right: 75%; }
  .col-lg-pull-10 {   right: 83.33333%; }
  .col-lg-pull-11 {   right: 91.66667%; }
  .col-lg-pull-12 {   right: 100%; }
  .col-lg-push-0 {   left: auto; }
  .col-lg-push-1 {   left: 8.33333%; }
  .col-lg-push-2 {   left: 16.66667%; }
  .col-lg-push-3 {   left: 25%; }
  .col-lg-push-4 {   left: 33.33333%; }
  .col-lg-push-5 {   left: 41.66667%; }
  .col-lg-push-6 {   left: 50%; }
  .col-lg-push-7 {   left: 58.33333%; }
  .col-lg-push-8 {   left: 66.66667%; }
  .col-lg-push-9 {   left: 75%; }
  .col-lg-push-10 {   left: 83.33333%; }
  .col-lg-push-11 {   left: 91.66667%; }
  .col-lg-push-12 {   left: 100%; }
  .col-lg-offset-0 {   margin-left: 0%; }
  .col-lg-offset-1 {   margin-left: 8.33333%; }
  .col-lg-offset-2 {   margin-left: 16.66667%; }
  .col-lg-offset-3 {   margin-left: 25%; }
  .col-lg-offset-4 {   margin-left: 33.33333%; }
  .col-lg-offset-5 {   margin-left: 41.66667%; }
  .col-lg-offset-6 {   margin-left: 50%; }
  .col-lg-offset-7 {   margin-left: 58.33333%; }
  .col-lg-offset-8 {   margin-left: 66.66667%; }
  .col-lg-offset-9 {   margin-left: 75%; }
  .col-lg-offset-10 {   margin-left: 83.33333%; }
  .col-lg-offset-11 {   margin-left: 91.66667%; }
  .col-lg-offset-12 {   margin-left: 100%; }}


table { background-color: transparent;}
.table td a{color:inherit}
caption { padding-top: 8px;  padding-bottom: 8px;  color: #777777;  text-align: left;}
th { text-align: left;}
.table { width: 100%;  max-width: 100%;  margin-bottom: 20px;}
.table > thead > tr > th,.table > thead > tr > td,.table > tbody > tr > th,.table > tbody > tr > td,.table > tfoot > tr > th,.table > tfoot > tr > td { padding: 8px;  line-height: 1.42857;  vertical-align: top;  border-top: 1px solid #ddd;}
.table > thead > tr > th { vertical-align: bottom;  border-bottom: 2px solid #ddd;}
.table > caption + thead > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > th,.table > thead:first-child > tr:first-child > td { border-top: 0;}
.table > tbody + tbody { border-top: 2px solid #ddd;}
.table .table { background-color: #fff;}
.table-condensed > thead > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > th,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > th,.table-condensed > tfoot > tr > td { padding: 5px;}
.table-bordered { border: 1px solid #ddd;}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > th,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > th,.table-bordered > tfoot > tr > td { border: 1px solid #ddd;}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td { border-bottom-width: 2px;}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9;}
.table-hover > tbody > tr:hover { background-color: #f5f5f5;}
table col[class*="col-"] { position: static;float: none;display: table-column;}
table td[class*="col-"],table th[class*="col-"] { position: static;float: none;display: table-cell;}
.table > thead > tr > td.active,.table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th,.table > tbody > tr > td.active,.table > tbody > tr > th.active,.table > tbody > tr.active > td,.table > tbody > tr.active > th,.table > tfoot > tr > td.active,.table > tfoot > tr > th.active,.table > tfoot > tr.active > td,.table > tfoot > tr.active > th { background-color: #f5f5f5;}
.table-hover > tbody > tr > td.active:hover,.table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8;}
.table > thead > tr > td.success,.table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th,.table > tbody > tr > td.success,.table > tbody > tr > th.success,.table > tbody > tr.success > td,.table > tbody > tr.success > th,.table > tfoot > tr > td.success,.table > tfoot > tr > th.success,.table > tfoot > tr.success > td,.table > tfoot > tr.success > th { background-color: #dff0d8;}
.table-hover > tbody > tr > td.success:hover,.table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6;}
.table > thead > tr > td.info,.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,.table > tbody > tr > td.info,.table > tbody > tr > th.info,.table > tbody > tr.info > td,.table > tbody > tr.info > th,.table > tfoot > tr > td.info,.table > tfoot > tr > th.info,.table > tfoot > tr.info > td,.table > tfoot > tr.info > th { background-color: #d9edf7;}
.table-hover > tbody > tr > td.info:hover,.table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3;}
.table > thead > tr > td.warning,.table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th,.table > tbody > tr > td.warning,.table > tbody > tr > th.warning,.table > tbody > tr.warning > td,.table > tbody > tr.warning > th,.table > tfoot > tr > td.warning,.table > tfoot > tr > th.warning,.table > tfoot > tr.warning > td,.table > tfoot > tr.warning > th { background-color: #fcf8e3;}
.table-hover > tbody > tr > td.warning:hover,.table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc;}
.table > thead > tr > td.danger,.table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th,.table > tbody > tr > td.danger,.table > tbody > tr > th.danger,.table > tbody > tr.danger > td,.table > tbody > tr.danger > th,.table > tfoot > tr > td.danger,.table > tfoot > tr > th.danger,.table > tfoot > tr.danger > td,.table > tfoot > tr.danger > th { background-color: #f2dede;}
.table-hover > tbody > tr > td.danger:hover,.table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc;}
.table-responsive { overflow-x: auto;min-height: 0.01%;width: 100%;}
@media screen and (max-width: 767px) { .table-responsive {   width: 100%;  margin-bottom: 15px;  overflow-y: hidden;  -ms-overflow-style: -ms-autohiding-scrollbar;  border: 1px solid #ddd; }
  .table-responsive > .table {   margin-bottom: 0; }
  .table-responsive > .table > thead > tr > th,  .table-responsive > .table > thead > tr > td,  .table-responsive > .table > tbody > tr > th,  .table-responsive > .table > tbody > tr > td,  .table-responsive > .table > tfoot > tr > th,  .table-responsive > .table > tfoot > tr > td {   white-space: nowrap; }
  .table-responsive > .table-bordered {   border: 0; }
  .table-responsive > .table-bordered > thead > tr > th:first-child,  .table-responsive > .table-bordered > thead > tr > td:first-child,  .table-responsive > .table-bordered > tbody > tr > th:first-child,  .table-responsive > .table-bordered > tbody > tr > td:first-child,  .table-responsive > .table-bordered > tfoot > tr > th:first-child,  .table-responsive > .table-bordered > tfoot > tr > td:first-child {   border-left: 0; }
  .table-responsive > .table-bordered > thead > tr > th:last-child,  .table-responsive > .table-bordered > thead > tr > td:last-child,  .table-responsive > .table-bordered > tbody > tr > th:last-child,  .table-responsive > .table-bordered > tbody > tr > td:last-child,  .table-responsive > .table-bordered > tfoot > tr > th:last-child,  .table-responsive > .table-bordered > tfoot > tr > td:last-child {   border-right: 0; }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,  .table-responsive > .table-bordered > tbody > tr:last-child > td,  .table-responsive > .table-bordered > tfoot > tr:last-child > th,  .table-responsive > .table-bordered > tfoot > tr:last-child > td {   border-bottom: 0; }}


fieldset { padding: 0;margin: 0;border: 0;min-width: 0;}
legend { display: block;width: 100%;padding: 0;margin-bottom: 20px;font-size: 15px;line-height: inherit;color: #333333;border: 0;border-bottom: 1px solid #e5e5e5;}
label { display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 800;}
input[type="search"] { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
input[type="radio"],input[type="checkbox"] { margin: 4px 0 0;margin-top: 1px \9;line-height: normal;}
input[type="file"] { display: block; }
input[type="range"] { display: block;width: 100%;}
select[multiple],select[size] { height: auto;}
input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus { outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
output { display: block;padding-top: 15px;font-size: 14px;line-height: 1.42857;color: #555555;}
.form-control { display: block;width: 100%;padding: 10px 12px;font-size: 14px;line-height: 1.42857;color: #555555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;
  -webkit-transition: border-color ease-in-out 0.15s;  -o-transition: border-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s; }
.form-control:focus { border-color: #FF5722;outline: 0;}
.form-control::-moz-placeholder { color: #999;opacity: 1;}
.form-control:-ms-input-placeholder { color: #999;}
.form-control::-webkit-input-placeholder { color: #999;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee;opacity: 1;}
.form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed;}
textarea.form-control { height: auto;}
input[type="search"] { -webkit-appearance: none;}
@media screen and (-webkit-min-device-pixel-ratio: 0) { input[type="date"].form-control,  input[type="time"].form-control,  input[type="datetime-local"].form-control,  input[type="month"].form-control {   line-height: 50px; }
  input[type="date"].input-sm, .input-group-sm > input[type="date"].form-control,  .input-group-sm > input[type="date"].input-group-addon,  .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm input[type="date"],  input[type="time"].input-sm,  .input-group-sm > input[type="time"].form-control,  .input-group-sm > input[type="time"].input-group-addon,  .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm
  input[type="time"],  input[type="datetime-local"].input-sm,  .input-group-sm > input[type="datetime-local"].form-control,  .input-group-sm > input[type="datetime-local"].input-group-addon,  .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm
  input[type="datetime-local"],  input[type="month"].input-sm,  .input-group-sm > input[type="month"].form-control,  .input-group-sm > input[type="month"].input-group-addon,  .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm
  input[type="month"] {   line-height: 30px; }
  input[type="date"].input-lg, .input-group-lg > input[type="date"].form-control,  .input-group-lg > input[type="date"].input-group-addon,  .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg input[type="date"],  input[type="time"].input-lg,  .input-group-lg > input[type="time"].form-control,  .input-group-lg > input[type="time"].input-group-addon,  .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg
  input[type="time"],  input[type="datetime-local"].input-lg,  .input-group-lg > input[type="datetime-local"].form-control,  .input-group-lg > input[type="datetime-local"].input-group-addon,  .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg
  input[type="datetime-local"],  input[type="month"].input-lg,  .input-group-lg > input[type="month"].form-control,  .input-group-lg > input[type="month"].input-group-addon,  .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg
  input[type="month"] {   line-height: 46px; }}
.radio,.checkbox { position: relative;  display: block;  margin-top: 10px;  margin-bottom: 10px;}
.radio label,.checkbox label { min-height: 20px;  padding-left: 20px;margin-bottom: 0;font-weight: normal;cursor: pointer;}
.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"] { position: absolute;margin-left: -20px;margin-top: 4px \9;}
.radio + .radio,.checkbox + .checkbox { margin-top: -5px;}
.radio-inline,.checkbox-inline { position: relative;display: inline-block;padding-left: 20px;margin-bottom: 0;vertical-align: middle;font-weight: normal;cursor: pointer;}
.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline { margin-top: 0;margin-left: 10px;}
input[type="radio"][disabled], input[type="radio"].disabled, fieldset[disabled] input[type="radio"],input[type="checkbox"][disabled],input[type="checkbox"].disabled, fieldset[disabled]
input[type="checkbox"] { cursor: not-allowed;}
.radio-inline.disabled, fieldset[disabled] .radio-inline,.checkbox-inline.disabled, fieldset[disabled]
.checkbox-inline { cursor: not-allowed;}
.radio.disabled label, fieldset[disabled] .radio label,.checkbox.disabled label, fieldset[disabled]
.checkbox label { cursor: not-allowed;}

.form-group { margin-bottom: 1rem;}
.form-text { display: block; margin-top: 0.25rem;}
.form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px;}
.form-row > .col,.form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px;}
.form-check { position: relative; display: block; padding-left: 1.25rem;}
.form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem;}
.form-check-input:disabled ~ .form-check-label { color: #6c757d;}
.form-check-label { margin-bottom: 0;}
.form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; font-weight: normal !important;}
.form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0;}

.form-control-static { padding-top: 15px;padding-bottom: 15px;margin-bottom: 0;min-height: 30px;}
.form-control-static.input-lg, .input-group-lg > .form-control-static.form-control,.input-group-lg > .form-control-static.input-group-addon,.input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control,.input-group-sm > .form-control-static.input-group-addon,.input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0;padding-right: 0;}
.input-sm, .input-group-sm > .form-control,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .btn { height: 30px;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
select.input-sm, .input-group-sm > select.form-control,.input-group-sm > select.input-group-addon,.input-group-sm > .input-group-btn > select.btn { height: 30px;line-height: 30px;}
textarea.input-sm, .input-group-sm > textarea.form-control,.input-group-sm > textarea.input-group-addon,.input-group-sm > .input-group-btn > textarea.btn,select[multiple].input-sm,.input-group-sm > select[multiple].form-control,.input-group-sm > select[multiple].input-group-addon,.input-group-sm > .input-group-btn > select[multiple].btn { height: auto;}
.form-group-sm .form-control { height: 30px;padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
.form-group-sm select.form-control { height: 30px;line-height: 30px;}
.form-group-sm textarea.form-control,.form-group-sm select[multiple].form-control { height: auto;}
.form-group-sm .form-control-static { height: 30px;min-height: 32px;padding: 6px 10px;font-size: 12px;line-height: 1.5;}
.input-lg, .input-group-lg > .form-control,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .btn { height: 46px;padding: 10px 16px;font-size: 18px;line-height: 1.33333;border-radius: 6px;}
select.input-lg, .input-group-lg > select.form-control,.input-group-lg > select.input-group-addon,.input-group-lg > .input-group-btn > select.btn { height: 46px;line-height: 46px;}
textarea.input-lg, .input-group-lg > textarea.form-control,.input-group-lg > textarea.input-group-addon,.input-group-lg > .input-group-btn > textarea.btn,select[multiple].input-lg,.input-group-lg > select[multiple].form-control,.input-group-lg > select[multiple].input-group-addon,.input-group-lg > .input-group-btn > select[multiple].btn { height: auto;}
.form-group-lg .form-control { height: 46px;padding: 10px 16px;font-size: 18px;line-height: 1.33333;border-radius: 6px;}
.form-group-lg select.form-control { height: 46px;line-height: 46px;}
.form-group-lg textarea.form-control,.form-group-lg select[multiple].form-control { height: auto;}
.form-group-lg .form-control-static { height: 46px;min-height: 38px;padding: 11px 16px;font-size: 18px;line-height: 1.33333;}
.has-feedback { position: relative;}
.has-feedback .form-control { padding-right: 62.5px;}
.form-control-feedback { position: absolute;top: 0;right: 0;z-index: 2;display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;pointer-events: none;}
.input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback,.input-group-lg > .input-group-addon + .form-control-feedback,.input-group-lg > .input-group-btn > .btn + .form-control-feedback,.input-group-lg + .form-control-feedback,.form-group-lg .form-control + .form-control-feedback { width: 46px;height: 46px;line-height: 46px;}
.input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback,.input-group-sm > .input-group-addon + .form-control-feedback,.input-group-sm > .input-group-btn > .btn + .form-control-feedback,.input-group-sm + .form-control-feedback,.form-group-sm .form-control + .form-control-feedback { width: 30px;height: 30px;line-height: 30px;}
.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d;}
.has-success .form-control { border-color: #3c763d;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-success .form-control:focus { border-color: #2b542c;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;}
.has-success .input-group-addon { color: #3c763d;border-color: #3c763d;background-color: #dff0d8;}
.has-success .form-control-feedback { color: #3c763d;}
.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b;}
.has-warning .form-control { border-color: #8a6d3b;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-warning .form-control:focus { border-color: #66512c;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;}
.has-warning .input-group-addon { color: #8a6d3b;border-color: #8a6d3b;background-color: #fcf8e3;}
.has-warning .form-control-feedback { color: #8a6d3b;}
.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442;}
.has-error .form-control { border-color: #a94442;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);}
.has-error .form-control:focus { border-color: #843534;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;}
.has-error .input-group-addon { color: #a94442;border-color: #a94442;background-color: #f2dede;}
.has-error .form-control-feedback { color: #a94442;}
.has-feedback label ~ .form-control-feedback { top: 25px;}
.has-feedback label.sr-only ~ .form-control-feedback { top: 0;}
.help-block { display: block;margin-top: 5px;margin-bottom: 10px;color: #737373;}
@media (min-width: 768px) { .form-inline .form-group {   display: inline-block;  margin-bottom: 0;  vertical-align: middle; }
  .form-inline .form-control {   display: inline-block;  width: auto;  vertical-align: middle; }
  .form-inline .form-control-static {   display: inline-block; }
  .form-inline .input-group {   display: inline-table;  vertical-align: middle; }
  .form-inline .input-group .input-group-addon,  .form-inline .input-group .input-group-btn,  .form-inline .input-group .form-control {   width: auto; }
  .form-inline .input-group > .form-control {   width: 100%; }
  .form-inline .control-label {   margin-bottom: 0;  vertical-align: middle; }
  .form-inline .radio,  .form-inline .checkbox {   display: inline-block;  margin-top: 0;  margin-bottom: 0;  vertical-align: middle; }
  .form-inline .radio label,  .form-inline .checkbox label {   padding-left: 0; }
  .form-inline .radio input[type="radio"],  .form-inline .checkbox input[type="checkbox"] {   position: relative;  margin-left: 0; }
  .form-inline .has-feedback .form-control-feedback {   top: 0; }}
.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline { margin-top: 0;margin-bottom: 0;padding-top: 15px;}
.form-horizontal .radio,.form-horizontal .checkbox { min-height: 35px;}
.form-horizontal .form-group { margin-left: -20px;margin-right: -20px;}
.form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " ";display: table;}
.form-horizontal .form-group:after { clear: both;}
@media (min-width: 768px) { .form-horizontal .control-label {   text-align: right;  margin-bottom: 0;  padding-top: 15px; }}
.form-horizontal .has-feedback .form-control-feedback { right: 20px;}
@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label {   padding-top: 14.33333px;  font-size: 18px; }}
@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label {   padding-top: 6px;  font-size: 12px; }}


.btn { display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;border: 1px solid transparent;padding: 10px 12px;
  letter-spacing:1px;  font-size: 14px;line-height: 1.42857;border-radius: 6px;-webkit-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}
.btn:hover, .btn:focus, .btn.focus { color: #333;text-decoration: none;}
.btn:active, .btn.active { outline: 0;background-image: none;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed;opacity: 0.65;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;}
a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none;}
.btn-default { color: #333;background-color: #fff;border-color: #ccc;}
.btn-default:focus, .btn-default.focus { color: #333;background-color: #e6e6e6;border-color: #8c8c8c;}
.btn-default:hover { color: #333;background-color: #e6e6e6;border-color: #adadad;}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #333;background-color: #e6e6e6;border-color: #adadad;}
.btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #333;background-color: #d4d4d4;border-color: #8c8c8c;}
.btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none;}
.btn-default.disabled, .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled.active, .btn-default[disabled], .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, .btn-default[disabled]:active, .btn-default[disabled].active, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default.active { background-color: #fff;border-color: #ccc;}
.btn-default .badge { color: #fff;background-color: #333;}
.btn-primary { color: #fff;background-color: #FF5722;border-color: #ff4409;margin-top:40px;}
.btn-primary:focus, .btn-primary.focus { color: #fff;background-color: #ee3900;border-color: #882100;}
.btn-primary:hover { color: #fff;background-color: #ee3900;border-color: #ca3100;}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff;background-color: #ee3900;border-color: #ca3100;}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff;background-color: #ca3100;border-color: #882100;}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none;}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active { background-color: #FF5722;border-color: #ff4409;}
.btn-primary .badge { color: #FF5722;background-color: #fff;}
.btn-success { color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.btn-success:focus, .btn-success.focus { color: #fff;background-color: #449d44;border-color: #255625;}
.btn-success:hover { color: #fff;background-color: #449d44;border-color: #398439;}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff;background-color: #449d44;border-color: #398439;}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff;background-color: #398439;border-color: #255625;}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none;}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active { background-color: #5cb85c;border-color: #4cae4c;}
.btn-success .badge { color: #5cb85c;background-color: #fff;}
.btn-info { color: #fff;background-color: #5bc0de;border-color: #46b8da;}
.btn-info:focus, .btn-info.focus { color: #fff;background-color: #31b0d5;border-color: #1b6d85;}
.btn-info:hover { color: #fff;background-color: #31b0d5;border-color: #269abc;}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff;background-color: #31b0d5;border-color: #269abc;}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff;background-color: #269abc;border-color: #1b6d85;}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none;}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active { background-color: #5bc0de;border-color: #46b8da;}
.btn-info .badge { color: #5bc0de;background-color: #fff;}
.btn-warning { color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.btn-warning:focus, .btn-warning.focus { color: #fff;background-color: #ec971f;border-color: #985f0d;}
.btn-warning:hover { color: #fff;background-color: #ec971f;border-color: #d58512;}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff;background-color: #ec971f;border-color: #d58512;}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff;background-color: #d58512;border-color: #985f0d;}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none;}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active { background-color: #f0ad4e;border-color: #eea236;}
.btn-warning .badge { color: #f0ad4e;background-color: #fff;}
.btn-danger { color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.btn-danger:focus, .btn-danger.focus { color: #fff;background-color: #c9302c;border-color: #761c19;}
.btn-danger:hover { color: #fff;background-color: #c9302c;border-color: #ac2925;}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff;background-color: #c9302c;border-color: #ac2925;}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff;background-color: #ac2925;border-color: #761c19;}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none;}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active { background-color: #d9534f;border-color: #d43f3a;}
.btn-danger .badge { color: #d9534f;background-color: #fff;}
.btn-link { color: #FF5722;font-weight: normal;border-radius: 0;}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent;-webkit-box-shadow: none;box-shadow: none;}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent;}
.btn-link:hover, .btn-link:focus { color: #d53300;text-decoration: underline;background-color: transparent;}
.btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777;text-decoration: none;}
.btn-lg, .btn-group-lg > .btn { padding: 10px 16px;font-size: 18px;line-height: 1.33333;border-radius: 6px;}
.btn-sm, .btn-group-sm > .btn { padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
.btn-xs, .btn-group-xs > .btn { padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
.btn-block { display: block;width: 100%;}
.btn-block + .btn-block { margin-top: 5px;}
input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block { width: 100%;}
.fade { opacity: 0;-webkit-transition: opacity 0.15s linear;-o-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}
.fade.in { opacity: 1;}
.collapse { display: none;}
.collapse.in { display: block;}
tr.collapse.in { display: table-row;}
tbody.collapse.in { display: table-row-group;}
.collapsing { position: relative;height: 0;overflow: hidden;-webkit-transition-property: height, visibility;transition-property: height, visibility;-webkit-transition-duration: 0.35s;transition-duration: 0.35s;-webkit-transition-timing-function: ease;transition-timing-function: ease;}
.caret { display: inline-block;width: 0;height: 0;margin-left: 2px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid \9;border-right: 4px solid transparent;border-left: 4px solid transparent;}
.dropup,.dropdown { position: relative;}
.dropdown-toggle:focus { outline: 0;}
.dropdown-menu { position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 160px;padding: 5px 0;margin: 2px 0 0;list-style: none;font-size: 14px;text-align: left;background-color: #fff;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 4px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;}
.dropdown-menu.pull-right { right: 0;left: auto;}
.dropdown-menu .divider { height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
.dropdown-menu > li > a { display: block;padding: 3px 20px;clear: both;font-weight: normal;line-height: 1.42857;color: #333333;white-space: nowrap;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none;color: #262626;background-color: #f5f5f5;}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff;text-decoration: none;outline: 0;background-color: #FF5722;}
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777;}
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none;background-color: transparent;background-image: none;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);cursor: not-allowed;}
.open > .dropdown-menu { display: block;}
.open > a { outline: 0;}
.dropdown-menu-right { left: auto;right: 0;}
.dropdown-menu-left { left: 0;right: auto;}
.dropdown-header { display: block;padding: 3px 20px;font-size: 12px;line-height: 1.42857;color: #777777;white-space: nowrap;}
.dropdown-backdrop { position: fixed;left: 0;right: 0;bottom: 0;top: 0;z-index: 990;}
.pull-right > .dropdown-menu { right: 0;left: auto;}
.dropup .caret,.navbar-fixed-bottom .dropdown .caret { border-top: 0;border-bottom: 4px dashed;border-bottom: 4px solid \9;content: "";}
.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto;bottom: 100%;margin-bottom: 2px;}
@media (min-width: 768px) { .navbar-right .dropdown-menu {   right: 0;  left: auto; }
  .navbar-right .dropdown-menu-left {   left: 0;  right: auto; }}
.btn-group,.btn-group-vertical { position: relative;display: inline-block;vertical-align: middle;}
.btn-group > .btn,.btn-group-vertical > .btn { position: relative;float: left;}
.btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,.btn-group-vertical > .btn:hover,.btn-group-vertical > .btn:focus,.btn-group-vertical > .btn:active,.btn-group-vertical > .btn.active { z-index: 2;}
.btn-group .btn + .btn,.btn-group .btn + .btn-group,.btn-group .btn-group + .btn,.btn-group .btn-group + .btn-group { margin-left: -1px;}
.btn-toolbar { margin-left: -5px;}
.btn-toolbar:before, .btn-toolbar:after { content: " ";display: table;}
.btn-toolbar:after { clear: both;}
.btn-toolbar .btn,.btn-toolbar .btn-group,.btn-toolbar .input-group { float: left;}
.btn-toolbar > .btn,.btn-toolbar > .btn-group,.btn-toolbar > .input-group { margin-left: 5px;}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0;}
.btn-group > .btn:first-child { margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0;border-top-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child),.btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0;border-top-left-radius: 0;}
.btn-group > .btn-group { float: left;}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0;}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0;border-top-right-radius: 0;}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0;border-top-left-radius: 0;}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle { outline: 0;}
.btn-group > .btn + .dropdown-toggle { padding-left: 8px;padding-right: 8px;}
.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px;padding-right: 12px;}
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none;box-shadow: none;}
.btn .caret { margin-left: 0;}
.btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0;border-bottom-width: 0;}
.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px;}
.btn-group-vertical > .btn,.btn-group-vertical > .btn-group,.btn-group-vertical > .btn-group > .btn { display: block;float: none;width: 100%;max-width: 100%;}
.btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " ";display: table;}
.btn-group-vertical > .btn-group:after { clear: both;}
.btn-group-vertical > .btn-group > .btn { float: none;}
.btn-group-vertical > .btn + .btn,.btn-group-vertical > .btn + .btn-group,.btn-group-vertical > .btn-group + .btn,.btn-group-vertical > .btn-group + .btn-group { margin-top: -1px;margin-left: 0;}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0;}
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px;border-top-right-radius: 0;border-top-left-radius: 0;}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0;}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0;border-top-left-radius: 0;}
.btn-group-justified { display: table;width: 100%;table-layout: fixed;border-collapse: separate;}
.btn-group-justified > .btn,.btn-group-justified > .btn-group { float: none;display: table-cell;width: 1%;}
.btn-group-justified > .btn-group .btn { width: 100%;}
.btn-group-justified > .btn-group .dropdown-menu { left: auto;}
[data-toggle="buttons"] > .btn input[type="radio"],[data-toggle="buttons"] > .btn input[type="checkbox"],[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none;}
.input-group { position: relative;display: table;border-collapse: separate;}
.input-group[class*="col-"] { float: none;padding-left: 0;padding-right: 0;}
.input-group .form-control { position: relative;z-index: 2;float: left;width: 100%;margin-bottom: 0;}
.input-group-addon,.input-group-btn,.input-group .form-control { display: table-cell;}
.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0;}
.input-group-addon,.input-group-btn { width: 1%;white-space: nowrap;vertical-align: middle;}
.input-group-addon { padding: 14px 12px;font-size: 14px;font-weight: normal;line-height: 1;color: #555555;text-align: center;background-color: #eeeeee;border: 1px solid #ccc;border-radius: 4px;}
.input-group-addon.input-sm,.input-group-sm > .input-group-addon,.input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px;font-size: 12px;border-radius: 3px;}
.input-group-addon.input-lg,.input-group-lg > .input-group-addon,.input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px;font-size: 18px;border-radius: 6px;}
.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"] { margin-top: 0;}
.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group > .btn,.input-group-btn:first-child > .dropdown-toggle,.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0;border-top-right-radius: 0;}
.input-group-addon:first-child { border-right: 0;}
.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group > .btn,.input-group-btn:last-child > .dropdown-toggle,.input-group-btn:first-child > .btn:not(:first-child),.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0;border-top-left-radius: 0;}
.input-group-addon:last-child { border-left: 0;}
.input-group-btn { position: relative;font-size: 0;white-space: nowrap;}
.input-group-btn > .btn { position: relative;}
.input-group-btn > .btn + .btn { margin-left: -1px;}
.input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2;}
.input-group-btn:first-child > .btn,.input-group-btn:first-child > .btn-group { margin-right: -1px;}
.input-group-btn:last-child > .btn,.input-group-btn:last-child > .btn-group { z-index: 2;margin-left: -1px;}
.nav { margin-bottom: 0;padding-left: 0;list-style: none;}
.nav:before, .nav:after { content: " ";display: table;}
.nav:after { clear: both;}


/*연혁tab*/
.nav > li { position: relative;display: block;}
.nav > li > a { position: relative;display: block; color: #fff; padding: 20px 10px;}
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; color: #fff !important;}
.nav > li.disabled > a { color: #777777;}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777;text-decoration: none;background-color: transparent;cursor: not-allowed;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eeeeee;}
.nav .nav-divider { height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
.nav > li > a > img { max-width: none;}
.nav-tabs { border: 0px solid #ddd; padding: 0; margin: 0;background-color: #555;}
.nav-tabs > li { float: left; background-color: #555; padding: 0 !important;  }
.nav-tabs > li > a { border: 0px solid;border-radius:0; text-align: center;font-size: 1.3rem }}
.nav-tabs > li > a:hover { /*border-color: #eeeeee #eeeeee #ddd;*/ background-color: #d53300; color: #fff !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #fff;background-color: #FF5722;border: 0 solid #ddd;}
.nav-pills > li { float: left; background-color: #eee}
.nav-pills > li > a { border-radius: 0px; color: #666;padding: 10px 30px; }
.nav-pills > li + li { margin-right: 2px;margin-bottom:2px}
.nav-pills > li:first-child{ margin-right: 2px; }
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff;background-color: #ff5722 !important;}
.nav-pills .nav-link { border-radius: 0;}
.nav-pills > li > a:hover, .nav-pills > li > a:focus { color: #fff !important; background-color: #FF5722 !important;border: 0 solid #ddd}
/*.nav-pills .nav-link.active,.nav-pills .show > .nav-link { color: #fff; background-color: #FF5722 !important;}*/
.nav-stacked > li { float: none;}
.nav-stacked > li + li { margin-top: 2px;margin-left: 0;}
.nav-justified, .nav-tabs.nav-justified { width: 100%;}
.nav-justified > li, .nav-tabs.nav-justified > li { float: none;}
.nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center;margin-bottom: 5px;}
.nav-justified > .dropdown .dropdown-menu { top: auto;left: auto;}
@media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li {   display: table-cell;  width: 1%; }
  .nav-justified > li > a, .nav-tabs.nav-justified > li > a {   margin-bottom: 0; }}
.nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0;}
.nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0;border-radius:0;}
.nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,.nav-tabs-justified > .active > a:hover,.nav-tabs.nav-justified > .active > a:hover,.nav-tabs-justified > .active > a:focus,.nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd;}
@media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a {   border-bottom: 1px solid #ddd;  border-radius:0; }
  .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a,  .nav-tabs-justified > .active > a:hover,  .nav-tabs.nav-justified > .active > a:hover,  .nav-tabs-justified > .active > a:focus,  .nav-tabs.nav-justified > .active > a:focus {   border-bottom-color: #fff; }}
.tab-content > .tab-pane { display: none;}
.tab-content > .active { display: block;}
.nav-tabs .dropdown-menu { margin-top: -1px;border-top-right-radius: 0;border-top-left-radius: 0;}


.nav-item{ text-align:center !important; border: 0px solid #eee; padding:0 0;  margin: 0; font-size: 0.92rem }
@media (max-width: 768px){
  .nav-item:first-child{border: 0px solid #eee;}
  .nav-item{ text-align:left !important; border-left: 0px solid #eee; padding: 10px  20px}
  .nav-pills > li{width: 48.4%; text-align: center}
  .nav-pills > li > a { border-radius: 0px; color: #666;padding: 10px;}
  .nav-item{ text-align:left !important; border-left: 1px solid #eee; padding: 5px 7px  5px 10px}
  .tab-content > .tab-pane,.pill-content > .pill-pane {   margin: 0 15px; padding-top: 0}
}


.tabs-below > .nav-tabs,.tabs-right > .nav-tabs,.tabs-left > .nav-tabs {  border-bottom: 0 none;}
.tab-content > .tab-pane,.pill-content > .pill-pane {  display: none;  padding: 0; }
.tab-content > .active,.pill-content > .active {  display: block;  padding: 19px 0;}
.tabs-below > .nav-tabs {  border-top: 1px solid #DDDDDD;}
.tabs-below > .nav-tabs > li {  margin-bottom: 0;  margin-top: -1px;}
.tabs-below > .nav-tabs > li > a {  border-radius:  4px; }
.tabs-below > .nav-tabs > .active > a,.tabs-below > .nav-tabs > .active > a:hover,.tabs-below > .nav-tabs > .active > a:focus {  border-color: rgba(0, 0, 0, 0) #dddddd #dddddd;}
.tabs-left > .nav-tabs > li,.tabs-right > .nav-tabs > li {  float: none;}
.tabs-left > .nav-tabs > li > a,.tabs-right > .nav-tabs > li > a {  margin-bottom: 3px;  margin-right: 0;  min-width: 74px;}
.tabs-left > .nav-tabs {  border-right: 1px solid #DDDDDD;  margin-right: 19px;  float: left;  margin-right: 0px;}
.nav > .disabled > a {  color: #999999;}
.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus {  border-width: 0px;}
.nav-tabs > .active > a,.nav-tabs > .active > a:hover,.nav-tabs > .active > a:focus {  border: 0px;  color: #505458;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);}
.nav > li > a:hover,.nav > li > a:focus {  background-color: transparent;  color: #fff;}

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.navbar { position: relative;min-height: 50px;margin-bottom: 20px;border: 1px solid transparent;}
.navbar:before, .navbar:after { content: " ";display: table;}
.navbar:after { clear: both;}
@media (min-width: 768px) { .navbar {   border-radius: 4px; }}
.navbar-header:before, .navbar-header:after { content: " ";display: table;}
.navbar-header:after { clear: both;}
@media (min-width: 768px) { .navbar-header {   float: left; }}
.navbar-collapse { overflow-x: visible;padding-right: 20px;padding-left: 20px;border-top: 1px solid transparent;box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);-webkit-overflow-scrolling: touch;}
.navbar-collapse:before, .navbar-collapse:after { content: " ";display: table;}
.navbar-collapse:after { clear: both;}
.navbar-collapse.in { overflow-y: auto;}
@media (min-width: 768px) { .navbar-collapse {   width: auto;  border-top: 0;  box-shadow: none; }
  .navbar-collapse.collapse {   display: block !important;  height: auto !important;  padding-bottom: 0;  overflow: visible !important; }
  .navbar-collapse.in {   overflow-y: visible; }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {   padding-left: 0;  padding-right: 0; }}
.navbar-fixed-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse { max-height: 340px;}
@media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse,  .navbar-fixed-bottom .navbar-collapse {   max-height: 200px; }}
.container > .navbar-header,.container > .navbar-collapse,.container-fluid > .navbar-header,.container-fluid > .navbar-collapse { margin-right: -20px;margin-left: -20px;}
@media (min-width: 768px) { .container > .navbar-header,  .container > .navbar-collapse,  .container-fluid > .navbar-header,  .container-fluid > .navbar-collapse {   margin-right: 0;  margin-left: 0; }}
.navbar-static-top { z-index: 1000;border-width: 0 0 1px;}
@media (min-width: 768px) { .navbar-static-top {   border-radius: 0; }}
.navbar-fixed-top,.navbar-fixed-bottom { position: fixed;right: 0;left: 0;z-index: 1030;}
@media (min-width: 768px) { .navbar-fixed-top,  .navbar-fixed-bottom {   border-radius: 0; }}
.navbar-fixed-top { top: 0;border-width: 0 0 1px;}
.navbar-fixed-bottom { bottom: 0;margin-bottom: 0;border-width: 1px 0 0;}
.navbar-brand { float: left;padding: 15px 20px;font-size: 18px;line-height: 20px;height: 50px;}
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none;}
.navbar-brand > img { display: block;}
@media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {   margin-left: -20px; }}
.navbar-toggle { position: relative;float: right;margin-right: 20px;padding: 9px 10px;margin-top: 8px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.navbar-toggle:focus { outline: 0;}
.navbar-toggle .icon-bar { display: block;width: 22px;height: 2px;border-radius: 1px;}
.navbar-toggle .icon-bar + .icon-bar { margin-top: 4px;}
@media (min-width: 768px) { .navbar-toggle {   display: none; }}
.navbar-nav { margin: 7.5px -20px;}
.navbar-nav > li > a { padding-top: 10px;padding-bottom: 10px;line-height: 20px;}
@media (max-width: 767px) { .navbar-nav .open .dropdown-menu {   position: static;  float: none;  width: auto;  margin-top: 0;  background-color: transparent;  border: 0;  box-shadow: none; }
  .navbar-nav .open .dropdown-menu > li > a,  .navbar-nav .open .dropdown-menu .dropdown-header {   padding: 5px 15px 5px 25px; }
  .navbar-nav .open .dropdown-menu > li > a {   line-height: 20px; }
  .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {   background-image: none; }}
@media (min-width: 768px) { .navbar-nav {   float: left;  margin: 0; }
  .navbar-nav > li {   float: left; }
  .navbar-nav > li > a {   padding-top: 15px;  padding-bottom: 15px; }}
.navbar-form { margin-left: -20px;margin-right: -20px;padding: 10px 20px;border-top: 1px solid transparent;border-bottom: 1px solid transparent;-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);margin-top: 0px;margin-bottom: 0px;}
@media (min-width: 768px) { .navbar-form .form-group {   display: inline-block;  margin-bottom: 0;  vertical-align: middle; }
  .navbar-form .form-control {   display: inline-block;  width: auto;  vertical-align: middle; }
  .navbar-form .form-control-static {   display: inline-block; }
  .navbar-form .input-group {   display: inline-table;  vertical-align: middle; }
  .navbar-form .input-group .input-group-addon,  .navbar-form .input-group .input-group-btn,  .navbar-form .input-group .form-control {   width: auto; }
  .navbar-form .input-group > .form-control {   width: 100%; }
  .navbar-form .control-label {   margin-bottom: 0;  vertical-align: middle; }
  .navbar-form .radio,  .navbar-form .checkbox {   display: inline-block;  margin-top: 0;  margin-bottom: 0;  vertical-align: middle; }
  .navbar-form .radio label,  .navbar-form .checkbox label {   padding-left: 0; }
  .navbar-form .radio input[type="radio"],  .navbar-form .checkbox input[type="checkbox"] {   position: relative;  margin-left: 0; }
  .navbar-form .has-feedback .form-control-feedback {   top: 0; }}
@media (max-width: 767px) { .navbar-form .form-group {   margin-bottom: 5px; }
  .navbar-form .form-group:last-child {   margin-bottom: 0; }}
@media (min-width: 768px) { .navbar-form {   width: auto;  border: 0;  margin-left: 0;  margin-right: 0;  padding-top: 0;  padding-bottom: 0;  -webkit-box-shadow: none;  box-shadow: none; }}
.navbar-nav > li > .dropdown-menu { margin-top: 0;border-top-right-radius: 0;border-top-left-radius: 0;}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0;border-top-right-radius: 4px;border-top-left-radius: 4px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.navbar-btn { margin-top: 0px;margin-bottom: 0px;}
.navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px;margin-bottom: 10px;}
.navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px;margin-bottom: 14px;}
.navbar-text { margin-top: 15px;margin-bottom: 15px;}
@media (min-width: 768px) { .navbar-text {   float: left;  margin-left: 20px;  margin-right: 20px; }}
@media (min-width: 768px) { .navbar-left {   float: left !important; }
  .navbar-right {   float: right !important;  margin-right: -20px; }
  .navbar-right ~ .navbar-right {   margin-right: 0; }}
.navbar-default { background-color: #f8f8f8;border-color: #e7e7e7;}
.navbar-default .navbar-brand { color: #777;}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e;background-color: transparent;}
.navbar-default .navbar-text { color: #777;}
.navbar-default .navbar-nav > li > a { color: #777;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333;background-color: transparent;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555;background-color: #e7e7e7;}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc;background-color: transparent;}
.navbar-default .navbar-toggle { border-color: #ddd;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd;}
.navbar-default .navbar-toggle .icon-bar { background-color: #888;}
.navbar-default .navbar-collapse,.navbar-default .navbar-form { border-color: #e7e7e7;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7;color: #555;}
@media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a {   color: #777; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {   color: #333;  background-color: transparent; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {   color: #555;  background-color: #e7e7e7; }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {   color: #ccc;  background-color: transparent; }}
.navbar-default .navbar-link { color: #777;}
.navbar-default .navbar-link:hover { color: #333;}
.navbar-default .btn-link { color: #777;}
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333;}
.navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc;}
.navbar-inverse { background-color: #222;border-color: #090909;}
.navbar-inverse .navbar-brand { color: #9d9d9d;}
.navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff;background-color: transparent;}
.navbar-inverse .navbar-text { color: #9d9d9d;}
.navbar-inverse .navbar-nav > li > a { color: #9d9d9d;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff;background-color: transparent;}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff;background-color: #090909;}
.navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444;background-color: transparent;}
.navbar-inverse .navbar-toggle { border-color: #333;}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333;}
.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff;}
.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form { border-color: #101010;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909;color: #fff;}
@media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {   border-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {   background-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {   color: #9d9d9d; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {   color: #fff;  background-color: transparent; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {   color: #fff;  background-color: #090909; }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {   color: #444;  background-color: transparent; }}
.navbar-inverse .navbar-link { color: #9d9d9d;}
.navbar-inverse .navbar-link:hover { color: #fff;}
.navbar-inverse .btn-link { color: #9d9d9d;}
.navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff;}
.navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444;}
.breadcrumb { padding: 8px 15px;margin-bottom: 20px;list-style: none;background-color: #f5f5f5;border-radius: 4px;}
.breadcrumb > li { display: inline-block;}
.breadcrumb > li + li:before { content: "/ ";padding: 0 5px;color: #ccc;}
.breadcrumb > .active { color: #777777;}
/*
.pagination { display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li { display: inline;}
.pagination > li > a,.pagination > li > span { position: relative;float: left;padding: 14px 12px;line-height: 1.42857;text-decoration: none;color: #FF5722;background-color: #fff;border: 1px solid #ddd;margin-left: -1px;}
.pagination > li:first-child > a,.pagination > li:first-child > span { margin-left: 0;border-bottom-left-radius: 4px;border-top-left-radius: 4px;}
.pagination > li:last-child > a,.pagination > li:last-child > span { border-bottom-right-radius: 4px;border-top-right-radius: 4px;}
.pagination > li > a:hover, .pagination > li > a:focus,.pagination > li > span:hover,.pagination > li > span:focus { z-index: 3;color: #d53300;background-color: #eeeeee;border-color: #ddd;}
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,.pagination > .active > span,.pagination > .active > span:hover,.pagination > .active > span:focus { z-index: 2;color: #fff;background-color: #FF5722;border-color: #FF5722;cursor: default;}
.pagination > .disabled > span,.pagination > .disabled > span:hover,.pagination > .disabled > span:focus,.pagination > .disabled > a,.pagination > .disabled > a:hover,.pagination > .disabled > a:focus { color: #777777;background-color: #fff;border-color: #ddd;cursor: not-allowed;}
.pagination-lg > li > a,.pagination-lg > li > span { padding: 10px 16px;font-size: 18px;line-height: 1.33333;}
.pagination-lg > li:first-child > a,.pagination-lg > li:first-child > span { border-bottom-left-radius: 6px;border-top-left-radius: 6px;}
.pagination-lg > li:last-child > a,.pagination-lg > li:last-child > span { border-bottom-right-radius: 6px;border-top-right-radius: 6px;}
.pagination-sm > li > a,.pagination-sm > li > span { padding: 5px 10px;font-size: 12px;line-height: 1.5;}
.pagination-sm > li:first-child > a,.pagination-sm > li:first-child > span { border-bottom-left-radius: 3px;border-top-left-radius: 3px;}
.pagination-sm > li:last-child > a,.pagination-sm > li:last-child > span { border-bottom-right-radius: 3px;border-top-right-radius: 3px;}
*/

.pagination { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; }
.page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #666; background-color: transparent; border: 1px solid #bebebe;}
.page-link .page-btn {outline:none;}
.page-item.active .page-link:hover { color:#fff !important; text-decoration: none; background-color:#FF5722 !important; border-color: #bebebe;}
.page-item.disabled .page-link:hover { color:#6c757d !important; text-decoration: none; background-color:white !important; border-color: #bebebe;}
.page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.page-link:not(:disabled):not(.disabled) { cursor: pointer;}
.page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;}
.page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem;}
.page-item.active .page-link { outline:none;z-index: 1; color: #6c757d; background-color: #fff; border-color: #bebebe;}
.page-item.disabled .page-link { display:none;color: gray; pointer-events: none; cursor: auto;  background:#eee;   border-color: #bebebe;}
.pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5;}
.pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem;}
.pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem;}
.pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5;}
.pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem;}
.pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem;}


.pager { padding-left: 0;margin: 20px 0;list-style: none;text-align: center;}
.pager:before, .pager:after { content: " ";display: table;}
.pager:after { clear: both;}
.pager li { display: inline;}
.pager li > a,.pager li > span { display: inline-block;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;border-radius: 15px;}
.pager li > a:hover,.pager li > a:focus { text-decoration: none;background-color: #eeeeee;}
.pager .next > a,.pager .next > span { float: right;}
.pager .previous > a,.pager .previous > span { float: left;}
.pager .disabled > a,.pager .disabled > a:hover,.pager .disabled > a:focus,.pager .disabled > span { color: #777777;background-color: #fff;cursor: not-allowed;}
.label { display: inline;padding: .2em .6em .3em;font-size: 75%;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: baseline;border-radius: .25em;}
.label:empty { display: none;}
.btn .label { position: relative;top: -1px;}
a.label:hover, a.label:focus { color: #fff;text-decoration: none;cursor: pointer;}
.label-default { background-color: #777777;}
.label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e;}
.label-primary { background-color: #FF5722;}
.label-primary[href]:hover, .label-primary[href]:focus { background-color: #ee3900;}
.label-success { background-color: #5cb85c;}
.label-success[href]:hover, .label-success[href]:focus { background-color: #449d44;}
.label-info { background-color: #5bc0de;}
.label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5;}
.label-warning { background-color: #f0ad4e;}
.label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f;}
.label-danger { background-color: #d9534f;}
.label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c;}
.badge { display: inline-block;  min-width: 10px;  padding: 3px 5px 4px 5px !important;  line-height: 1 !important; font-size: 11px;  border-radius: 10px; background-color: #999;  margin-top:-5px !important; color: #fff !important;  letter-spacing:1.2px !important; vertical-align: middle;  text-align: center; }
.badge:hover, .badge:focus, .badge:active{ color: #fff;  background-color: #ff5722 !important; text-decoration: none;  cursor: pointer;}
.badge:empty { display: none;}
.btn .badge { position: relative;  top: -1px;}
.btn-xs .badge, .btn-group-xs > .btn .badge, .btn-group-xs > .btn .badge { top: 0;  padding: 1px 5px;}
.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #FF5722;  background-color: #fff;}
.list-group-item > .badge { float: right;}
.list-group-item > .badge + .badge { margin-right: 5px;}
.nav-pills > li > a > .badge { margin-left: 3px;}
.jumbotron { padding-top: 30px;  padding-bottom: 30px;  margin-bottom: 30px;  color: inherit;  background-color: #eeeeee;}
.jumbotron h1,.jumbotron .h1 { color: inherit;}
.jumbotron p { margin-bottom: 15px;  font-size: 21px;  font-weight: 200;}
.jumbotron > hr { border-top-color: #d5d5d5;}
.container .jumbotron, .container-fluid .jumbotron { border-radius: 6px;}
.jumbotron .container { max-width: 100%;}
@media screen and (min-width: 768px){.jumbotron {  padding-top: 48px; padding-bottom: 48px; }
  .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px;padding-right: 60px;  }
  .jumbotron h1,  .jumbotron .h1 { font-size: 63px; }}
.thumbnail { display: block;padding: 4px;margin-bottom: 20px;line-height: 1.42857;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: border 0.2s ease-in-out;-o-transition: border 0.2s ease-in-out;transition: border 0.2s ease-in-out;}
.thumbnail > img,.thumbnail a > img { display: block;max-width: 100%;height: auto;margin-left: auto;margin-right: auto;}
.thumbnail .caption { padding: 9px;color: #333333;}
a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active { border-color: #FF5722;}
.alert { padding: 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
.alert h4 { margin-top: 0;color: inherit;}
.alert .alert-link { font-weight: bold;}
.alert > p,.alert > ul { margin-bottom: 0;}
.alert > p + p { margin-top: 5px;}
.alert-dismissable,.alert-dismissible { padding-right: 35px;}
.alert-dismissable .close,.alert-dismissible .close { position: relative;top: -2px;right: -21px;color: inherit;}
.alert-success { background-color: #dff0d8;border-color: #d6e9c6;color: #3c763d;}  .alert-success hr { border-top-color: #c9e2b3;}  .alert-success .alert-link { color: #2b542c;}
.alert-info { background-color: #d9edf7;border-color: #bce8f1;color: #31708f;}  .alert-info hr { border-top-color: #a6e1ec;}  .alert-info .alert-link { color: #245269;}
.alert-warning { background-color: #fcf8e3;border-color: #faebcc;color: #8a6d3b;}  .alert-warning hr { border-top-color: #f7e1b5;}  .alert-warning .alert-link { color: #66512c;}
.alert-danger { background-color: #f2dede;border-color: #ebccd1;color: #a94442;}  .alert-danger hr { border-top-color: #e4b9c0;}  .alert-danger .alert-link { color: #843534;}
@-webkit-keyframes progress-bar-stripes { from {   background-position: 40px 0; }  to {   background-position: 0 0; }}
@keyframes progress-bar-stripes { from {   background-position: 40px 0; } to {   background-position: 0 0; }}
.progress { overflow: hidden;height: 20px;margin-bottom: 20px;background-color: #f5f5f5;border-radius: 4px;-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.progress-bar { float: left;width: 0%;height: 100%;font-size: 12px;line-height: 20px;color: #fff;text-align: center;background-color: #FF5722;-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);-webkit-transition: width 0.6s ease;-o-transition: width 0.6s ease;transition: width 0.6s ease;}
.progress-striped .progress-bar,.progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-size: 40px 40px;}
.progress.active .progress-bar,.progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite;-o-animation: progress-bar-stripes 2s linear infinite;animation: progress-bar-stripes 2s linear infinite;}
.progress-bar-success { background-color: #5cb85c;}
.progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-bar-info { background-color: #5bc0de;}
.progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-bar-warning { background-color: #f0ad4e;}
.progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.progress-bar-danger { background-color: #d9534f;}
.progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);}
.media { margin-top: 15px;}
.media:first-child { margin-top: 0;}
.media,.media-body { zoom: 1;overflow: hidden;}
.media-body { width: 10000px;}
.media-object { display: block;}
.media-object.img-thumbnail { max-width: none;}
.media-right,.media > .pull-right { padding-left: 10px;}
.media-left,.media > .pull-left { padding-right: 10px;}
.media-left,.media-right,.media-body { display: table-cell;  vertical-align: top;}
.media-middle { vertical-align: middle;}
.media-bottom { vertical-align: bottom;}
.media-heading { margin-top: 0;  margin-bottom: 5px;}
.media-list { padding-left: 0;  list-style: none;}




.list-group { margin-bottom: 20px;  padding-left: 0;  overflow:hidden; letter-spacing: 0px }
.list_sale{ position: relative; padding: 0 20px 30px 20px; border: 2px dotted #ccc; letter-spacing: 0; text-align: left}
.list_sale ul{}
.list_sale ul li{  list-style: none;padding: 3px 0 !important; margin-left:-30px;  }
.list_sale i{color: #999; font-weight: bold;padding-left: 20px}
.list_sale h5{color: #ff5722}

@media screen and (max-width: 768px){.list_sale{  padding: 5px;  border: 0px solid #ccc; letter-spacing: 0}
    .list_sale p{ padding-bottom: 20px; }
  .list_sale span{ display: inline-block; width: 100%}

}
.list-group-item { position: relative;display: block;padding: 5px;margin-bottom: -1px;border: 0px solid #ccc; margin-top: 0; overflow-y:hidden; color: #666; }
.list-group-item0 { position: relative;display: block;padding: 3px;margin-bottom: -1px;border-top: 0px solid #ccc; margin-top: 0; overflow-y:hidden; font-size: 0.85rem;color: #666;text-align: center; line-height: 130%}
.list-group-item1 { position: relative;display: block;padding: 8px;margin-bottom: -1px; margin-top: 0; overflow-y:hidden; font-size: 0.85rem;color: #666; text-align: left}
.list-group-item1 span{ padding-right: 10px; font-weight: 700;}

.list-group-item .bordernon{border: 0px solid #5d6674;}
.list-group-item:first-child { border-top-right-radius: 4px;border-top-left-radius: 4px;}
.list-group-item:last-child { margin-bottom: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
a.list-group-item,button.list-group-item { color: #555;}
a.list-group-item .list-group-item-heading,button.list-group-item .list-group-item-heading { color: #333;}
a.list-group-item:hover, a.list-group-item:focus,button.list-group-item:hover,button.list-group-item:focus { text-decoration: none;color: #555;background-color: #fff;}
button.list-group-item { width: 100%;text-align: left;}
.list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee;color: #777777;cursor: not-allowed;}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit;}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777;}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2;color: #fff;background-color: #ad9e76;border-color: #ad9e76;}
.list-group-item.active .list-group-item-heading,.list-group-item.active .list-group-item-heading > small,.list-group-item.active .list-group-item-heading >
.small, .list-group-item.active:hover .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading > small,.list-group-item.active:hover
.list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading > small,.list-group-item.active:focus .list-group-item-heading > .small { color: inherit;}
.list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #fff2ee;}
.list-group-item-heading { margin-top: 0;margin-bottom: 5px;}
.list-group-item-text { margin-bottom: 0;line-height: 1.3;}
.list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0;; background-color: transparent}
.list-group-flush:first-child .list-group-item:first-child { border-top: 0;}
.list-group-flush:first-child .list-group-item:first-child { border-top: 0;}
.list-group-flush:last-child .list-group-item:last-child { border-bottom: 0;}



.panel { margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);}
.panel-body { padding: 15px;}
.panel-body:before, .panel-body:after { content: " ";display: table;}
.panel-body:after { clear: both;}
.panel-heading { padding: 10px 15px;border-bottom: 1px solid transparent;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.panel-heading > .dropdown .dropdown-toggle { color: inherit;}
.panel-title { margin-top: 0;margin-bottom: 0;font-size: 16px;color: inherit;}
.panel-title > a,.panel-title > small,.panel-title > .small,.panel-title > small > a,.panel-title > .small > a { color: inherit;}
.panel-footer { padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.panel > .list-group,.panel > .panel-collapse > .list-group { margin-bottom: 0;}
.panel > .list-group .list-group-item,.panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0;border-radius: 0;}
.panel > .list-group:first-child .list-group-item:first-child,.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0;border-top-right-radius: 3px;border-top-left-radius: 3px;}
.panel > .list-group:last-child .list-group-item:last-child,.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0;border-top-left-radius: 0;}
.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0;}
.list-group + .panel-footer { border-top-width: 0;}
.panel > .table,.panel > .table-responsive > .table,.panel > .panel-collapse > .table { margin-bottom: 0;}
.panel > .table caption,.panel > .table-responsive > .table caption,.panel > .panel-collapse > .table caption { padding-left: 15px;padding-right: 15px;}
.panel > .table:first-child,.panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px;border-top-left-radius: 3px;}
.panel > .table:first-child > thead:first-child > tr:first-child,.panel > .table:first-child > tbody:first-child > tr:first-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px;border-top-right-radius: 3px;}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px;}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px;}
.panel > .table:last-child,.panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;}
.panel > .table:last-child > tbody:last-child > tr:last-child,.panel > .table:last-child > tfoot:last-child > tr:last-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px;}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px;}
.panel > .panel-body + .table,.panel > .panel-body + .table-responsive,.panel > .table + .panel-body,.panel > .table-responsive + .panel-body { border-top: 1px solid #ddd;}
.panel > .table > tbody:first-child > tr:first-child th,.panel > .table > tbody:first-child > tr:first-child td { border-top: 0;}
.panel > .table-bordered,.panel > .table-responsive > .table-bordered { border: 0;}
.panel > .table-bordered > thead > tr > th:first-child,.panel > .table-bordered > thead > tr > td:first-child,.panel > .table-bordered > tbody > tr > th:first-child,.panel > .table-bordered > tbody > tr > td:first-child,.panel > .table-bordered > tfoot > tr > th:first-child,.panel > .table-bordered > tfoot > tr > td:first-child,.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0;}
.panel > .table-bordered > thead > tr > th:last-child,.panel > .table-bordered > thead > tr > td:last-child,.panel > .table-bordered > tbody > tr > th:last-child,.panel > .table-bordered > tbody > tr > td:last-child,.panel > .table-bordered > tfoot > tr > th:last-child,.panel > .table-bordered > tfoot > tr > td:last-child,.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0;}
.panel > .table-bordered > thead > tr:first-child > td,.panel > .table-bordered > thead > tr:first-child > th,.panel > .table-bordered > tbody > tr:first-child > td,.panel > .table-bordered > tbody > tr:first-child > th,.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0;}
.panel > .table-bordered > tbody > tr:last-child > td,.panel > .table-bordered > tbody > tr:last-child > th,.panel > .table-bordered > tfoot > tr:last-child > td,.panel > .table-bordered > tfoot > tr:last-child > th,.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0;}
.panel > .table-responsive { border: 0;margin-bottom: 0;}
.panel-group { margin-bottom: 20px;}
.panel-group .panel { margin-bottom: 0;border-radius: 4px;}
.panel-group .panel + .panel { margin-top: 5px;}
.panel-group .panel-heading { border-bottom: 0;}
.panel-group .panel-heading + .panel-collapse > .panel-body,.panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd;}
.panel-group .panel-footer { border-top: 0;}
.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd;}
.panel-default { border-color: #ddd;}
.panel-default > .panel-heading { color: #333333;background-color: #f5f5f5;border-color: #ddd;}
.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd;}
.panel-default > .panel-heading .badge { color: #f5f5f5;background-color: #333333;}
.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd;}
.panel-primary { border-color: #FF5722;}
.panel-primary > .panel-heading { color: #fff;background-color: #FF5722;border-color: #FF5722;}
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #FF5722;}
.panel-primary > .panel-heading .badge { color: #FF5722;background-color: #fff;}
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #FF5722;}
.panel-success { border-color: #d6e9c6;}
.panel-success > .panel-heading { color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6;}
.panel-success > .panel-heading .badge { color: #dff0d8;background-color: #3c763d;}
.panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6;}
.panel-info { border-color: #bce8f1;}
.panel-info > .panel-heading { color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}
.panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1;}
.panel-info > .panel-heading .badge { color: #d9edf7;background-color: #31708f;}
.panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1;}
.panel-warning { border-color: #faebcc;}
.panel-warning > .panel-heading { color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc;}
.panel-warning > .panel-heading .badge { color: #fcf8e3;background-color: #8a6d3b;}
.panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc;}
.panel-danger { border-color: #ebccd1;}
.panel-danger > .panel-heading { color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1;}
.panel-danger > .panel-heading .badge { color: #f2dede;background-color: #a94442;}
.panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1;}
.embed-responsive { position: relative;display: block;height: 0;padding: 0;overflow: hidden;}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video { position: absolute;top: 0;left: 0;bottom: 0;height: 100%;width: 100%;border: 0;}
.embed-responsive-16by9 { padding-bottom: 56.25%;}
.embed-responsive-4by3 { padding-bottom: 75%;}
.well { min-height: 20px;padding: 19px;margin-bottom: 20px;background-color: #f5f5f5;border: 1px solid #e3e3e3;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);}
.well blockquote { border-color: #ddd;border-color: rgba(0, 0, 0, 0.15);}
.well-lg { padding: 24px;border-radius: 6px;}
.well-sm { padding: 9px;border-radius: 3px;}
.close { float: right;font-size: 21px;font-weight: bold;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;opacity: 0.2;filter: alpha(opacity=20);}
.close:hover, .close:focus { color: #000;text-decoration: none;cursor: pointer;opacity: 0.5;filter: alpha(opacity=50);}
button.close { padding: 0;cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;}
.modal-open { overflow: hidden;}
.modal { display: none;overflow: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;-webkit-overflow-scrolling: touch;outline: 0;}
.modal.fade .modal-dialog { -webkit-transform: translate(0, -25%);-ms-transform: translate(0, -25%);-o-transform: translate(0, -25%);transform: translate(0, -25%);-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;}
.modal.in .modal-dialog { -webkit-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);transform: translate(0, 0);}
.modal-open .modal { overflow-x: hidden;overflow-y: auto;}
.modal-dialog { position: relative;width: auto;margin: 10px;}
.modal-content { position: relative;background-color: #fff;border: 1px solid #999;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);background-clip: padding-box;outline: 0;}
.modal-backdrop { position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1040;background-color: #000;}
.modal-backdrop.fade { opacity: 0;filter: alpha(opacity=0);}
.modal-backdrop.in { opacity: 0.5;filter: alpha(opacity=50);}
.modal-header { padding: 15px;border-bottom: 1px solid #e5e5e5;min-height: 16.42857px;}
.modal-header .close { margin-top: -2px;}
.modal-title { margin: 0;line-height: 1.42857;}
.modal-body { position: relative;padding: 15px;}
.modal-footer { padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;}
.modal-footer:before, .modal-footer:after { content: " ";display: table;}
.modal-footer:after { clear: both;}
.modal-footer .btn + .btn { margin-left: 5px;margin-bottom: 0;}
.modal-footer .btn-group .btn + .btn { margin-left: -1px;}
.modal-footer .btn-block + .btn-block { margin-left: 0;}
.modal-scrollbar-measure { position: absolute;top: -9999px;width: 50px;height: 50px;overflow: scroll;}
@media (min-width: 768px) { .modal-dialog {   width: 600px;  margin: 30px auto; }
  .modal-content {   -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  .modal-sm {   width: 300px; }}
@media (min-width: 992px) { .modal-lg {   width: 900px; }}
.tooltip { position: absolute;z-index: 1070;display: block; font-style: normal;font-weight: normal;letter-spacing: normal;line-break: auto;line-height: 1.42857;text-align: left;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;white-space: normal;word-break: normal;word-spacing: normal;word-wrap: normal;font-size: 12px;opacity: 0;filter: alpha(opacity=0);}
.tooltip.in { opacity: 0.9;filter: alpha(opacity=90);}
.tooltip.top { margin-top: -3px;padding: 5px 0;}
.tooltip.right { margin-left: 3px;padding: 0 5px;}
.tooltip.bottom { margin-top: 3px;padding: 5px 0;}
.tooltip.left { margin-left: -3px;padding: 0 5px;}
.tooltip-inner { max-width: 200px;padding: 3px 8px;color: #fff;text-align: center;background-color: #000;border-radius: 4px;}
.tooltip-arrow { position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid;}
.tooltip.top .tooltip-arrow { bottom: 0;left: 50%;margin-left: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.tooltip.top-left .tooltip-arrow { bottom: 0;right: 5px;margin-bottom: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.tooltip.top-right .tooltip-arrow { bottom: 0;left: 5px;margin-bottom: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.tooltip.right .tooltip-arrow { top: 50%;left: 0;margin-top: -5px;border-width: 5px 5px 5px 0;border-right-color: #000;}
.tooltip.left .tooltip-arrow { top: 50%;right: 0;margin-top: -5px;border-width: 5px 0 5px 5px;border-left-color: #000;}
.tooltip.bottom .tooltip-arrow { top: 0;left: 50%;margin-left: -5px;border-width: 0 5px 5px;border-bottom-color: #000;}
.tooltip.bottom-left .tooltip-arrow { top: 0;right: 5px;margin-top: -5px;border-width: 0 5px 5px;border-bottom-color: #000;}
.tooltip.bottom-right .tooltip-arrow { top: 0;left: 5px;margin-top: -5px;border-width: 0 5px 5px;border-bottom-color: #000;}
.popover { position: absolute;top: 0;left: 0;z-index: 1060;display: none;max-width: 276px;padding: 1px;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-style: normal;font-weight: normal;letter-spacing: normal;line-break: auto;line-height: 1.42857;text-align: left;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;white-space: normal;word-break: normal;word-spacing: normal;word-wrap: normal;font-size: 14px;background-color: #fff;background-clip: padding-box;border: 1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.popover.top { margin-top: -10px;}
.popover.right { margin-left: 10px;}
.popover.bottom { margin-top: 10px;}
.popover.left { margin-left: -10px;}
.popover-title { margin: 0;padding: 8px 14px;font-size: 14px;background-color: #f7f7f7;border-bottom: 1px solid #ebebeb;border-radius: 5px 5px 0 0;}
.popover-content { padding: 9px 14px;}
.popover > .arrow, .popover > .arrow:after { position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.popover > .arrow { border-width: 11px;}
.popover > .arrow:after { border-width: 10px;content: "";}
.popover.top > .arrow { left: 50%;margin-left: -11px;border-bottom-width: 0;border-top-color: #999999;border-top-color: rgba(0, 0, 0, 0.25);bottom: -11px;}
.popover.top > .arrow:after { content: " ";bottom: 1px;margin-left: -10px;border-bottom-width: 0;border-top-color: #fff;}
.popover.right > .arrow { top: 50%;left: -11px;margin-top: -11px;border-left-width: 0;border-right-color: #999999;border-right-color: rgba(0, 0, 0, 0.25);}
.popover.right > .arrow:after { content: " ";left: 1px;bottom: -10px;border-left-width: 0;border-right-color: #fff;}
.popover.bottom > .arrow { left: 50%;margin-left: -11px;border-top-width: 0;border-bottom-color: #999999;border-bottom-color: rgba(0, 0, 0, 0.25);top: -11px;}
.popover.bottom > .arrow:after { content: " ";top: 1px;margin-left: -10px;border-top-width: 0;border-bottom-color: #fff;}
.popover.left > .arrow { top: 50%;right: -11px;margin-top: -11px;border-right-width: 0;border-left-color: #999999;border-left-color: rgba(0, 0, 0, 0.25);}
.popover.left > .arrow:after { content: " ";right: 1px;border-right-width: 0;border-left-color: #fff;bottom: -10px;}
.carousel { position: relative;}
.carousel-inner { position: relative;overflow: hidden;width: 100%;}
.carousel-inner > .item { display: none;position: relative;-webkit-transition: 0.6s ease-in-out left;-o-transition: 0.6s ease-in-out left;transition: 0.6s ease-in-out left;}
.carousel-inner > .item > img,.carousel-inner > .item > a > img { display: block;max-width: 100%;height: auto;line-height: 1;}
@media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item {   -webkit-transition: -webkit-transform 0.6s ease-in-out;  -moz-transition: -moz-transform 0.6s ease-in-out;  -o-transition: -o-transform 0.6s ease-in-out;  transition: transform 0.6s ease-in-out;  -webkit-backface-visibility: hidden;  -moz-backface-visibility: hidden;  backface-visibility: hidden;  -webkit-perspective: 1000px;  -moz-perspective: 1000px;  perspective: 1000px; }
  .carousel-inner > .item.next, .carousel-inner > .item.active.right {   -webkit-transform: translate3d(100%, 0, 0);  transform: translate3d(100%, 0, 0);  left: 0; }
  .carousel-inner > .item.prev, .carousel-inner > .item.active.left {   -webkit-transform: translate3d(-100%, 0, 0);  transform: translate3d(-100%, 0, 0);  left: 0; }
  .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active {   -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  left: 0; }}
.carousel-inner > .active,.carousel-inner > .next,.carousel-inner > .prev { display: block;}
.carousel-inner > .active { left: 0;}
.carousel-inner > .next,.carousel-inner > .prev { position: absolute;top: 0;width: 100%;}
.carousel-inner > .next { left: 100%;}
.carousel-inner > .prev { left: -100%;}
.carousel-inner > .next.left,.carousel-inner > .prev.right { left: 0;}
.carousel-inner > .active.left { left: -100%;}
.carousel-inner > .active.right { left: 100%;}
.carousel-control { position: absolute;top: 0;left: 0;bottom: 0;width: 15%;opacity: 0.5;filter: alpha(opacity=50);font-size: 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);}
.carousel-control.right { left: auto;right: 0;background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);}
.carousel-control:hover, .carousel-control:focus { outline: 0;color: #fff;text-decoration: none;opacity: 0.9;filter: alpha(opacity=90);}
.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right { position: absolute;top: 50%;margin-top: -10px;z-index: 5;display: inline-block;}
.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left { left: 50%;margin-left: -10px;}
.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right { right: 50%;margin-right: -10px;}
.carousel-control .icon-prev,.carousel-control .icon-next { width: 20px;height: 20px;line-height: 1;}
.carousel-control .icon-prev:before { content: '\2039';}
.carousel-control .icon-next:before { content: '\203a';}
.carousel-indicators { position: absolute;bottom: 10px;left: 50%;z-index: 15;width: 60%;margin-left: -30%;padding-left: 0;list-style: none;text-align: center;}
.carousel-indicators li { display: inline-block;width: 10px;height: 10px;margin: 1px;text-indent: -999px;border: 1px solid #fff;border-radius: 10px;cursor: pointer;background-color: #000 \9;background-color: transparent;}
.carousel-indicators .active { margin: 0;width: 12px;height: 12px;background-color: #fff;}
.carousel-caption { position: absolute;left: 15%;right: 15%;bottom: 20px;z-index: 10;padding-top: 20px;padding-bottom: 20px;color: #fff;text-align: center;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);}
.carousel-caption .btn { text-shadow: none;}
@media screen and (min-width: 768px){.carousel-control .glyphicon-chevron-left,  .carousel-control .glyphicon-chevron-right,  .carousel-control .icon-prev,  .carousel-control .icon-next {   width: 30px;  height: 30px;  margin-top: -15px;  font-size: 30px; }
  .carousel-control .glyphicon-chevron-left,  .carousel-control .icon-prev {   margin-left: -15px; }
  .carousel-control .glyphicon-chevron-right,  .carousel-control .icon-next {   margin-right: -15px; }
  .carousel-caption {   left: 20%;  right: 20%;  padding-bottom: 30px; }
  .carousel-indicators {   bottom: 20px; }}


@-ms-viewport { width: device-width;}
.visible-xs { display: none !important;}
.visible-sm { display: none !important;}
.visible-md { display: none !important;}
.visible-lg { display: none !important;}
.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block { display: none !important;}
@media (max-width: 767px) { .visible-xs {   display: block !important; }
  table.visible-xs {   display: table !important; }
  tr.visible-xs {   display: table-row !important; }
  th.visible-xs,  td.visible-xs {   display: table-cell !important; }}
@media (max-width: 767px) { .visible-xs-block {   display: block !important; }}
@media (max-width: 767px) { .visible-xs-inline {   display: inline !important; }}
@media (max-width: 767px) { .visible-xs-inline-block {   display: inline-block !important; }}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm {   display: block !important; }
  table.visible-sm {   display: table !important; }
  tr.visible-sm {   display: table-row !important; }
  th.visible-sm,  td.visible-sm {   display: table-cell !important; }}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block {   display: block !important; }}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline {   display: inline !important; }}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block {   display: inline-block !important; }}
@media (min-width: 992px) and (max-width: 1199px){.visible-md {   display: block !important; }
  table.visible-md {   display: table !important; }
  tr.visible-md {   display: table-row !important; }
  th.visible-md,  td.visible-md {   display: table-cell !important; }}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block {   display: block !important; }}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline {   display: inline !important; }}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block {   display: inline-block !important; }}
@media (min-width: 1200px){.visible-lg {   display: block !important; }
  table.visible-lg {   display: table !important; }
  tr.visible-lg {   display: table-row !important; }
  th.visible-lg,  td.visible-lg {   display: table-cell !important; }}
@media (min-width: 1200px) { .visible-lg-block {   display: block !important; }}
@media (min-width: 1200px) { .visible-lg-inline {   display: inline !important; }}
@media (min-width: 1200px) { .visible-lg-inline-block {   display: inline-block !important; }}
@media (max-width: 767px) { .hidden-xs {   display: none !important; }}
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm {   display: none !important; }}
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md {   display: none !important; }}
@media (min-width: 1200px) { .hidden-lg {   display: none !important; }}
.visible-print { display: none !important;}
@media print { .visible-print {   display: block !important; }
  table.visible-print {   display: table !important; }
  tr.visible-print {   display: table-row !important; }
  th.visible-print,  td.visible-print {   display: table-cell !important; }}
.visible-print-block { display: none !important;}
@media print { .visible-print-block {   display: block !important; }}
.visible-print-inline { display: none !important;}
@media print { .visible-print-inline {   display: inline !important; }}
.visible-print-inline-block { display: none !important;}
@media print { .visible-print-inline-block {   display: inline-block !important; }}
@media print { .hidden-print {   display: none !important; }}

/* =======================================================
*   Template Style  Edit this section
* ====================================================== */


.btn { margin-right: 4px;margin-bottom: 4px;  font-size: 16px;font-weight: 400;-webkit-border-radius: 2px;-moz-border-radius: 2px;-ms-border-radius: 2px;border-radius: 2px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
.btn.btn-md { padding: 10px 20px !important;}
.btn.btn-lg, .btn-group-lg > .btn { padding: 18px 36px !important;}
.btn:hover, .btn:active, .btn:focus { box-shadow: none !important;outline: none !important;color: #fff !important;}
.btn-primary { background: #FF5722;color: #fff;border: 2px solid #FF5722;}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #3c4146 !important;border-color: #3c4146 !important;}
.btn-primary.btn-outline { background: transparent;color: #FF5722;border: 2px solid #FF5722;}
.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active { background: #FF5722;color: #fff !important;}
.btn-success { background: #5cb85c;color: #fff;border: 2px solid #5cb85c;}
.btn-success:hover, .btn-success:focus, .btn-success:active { background: #4cae4c !important;border-color: #4cae4c !important;}
.btn-success.btn-outline { background: transparent;color: #5cb85c;border: 2px solid #5cb85c;}
.btn-success.btn-outline:hover, .btn-success.btn-outline:focus, .btn-success.btn-outline:active { background: #5cb85c;color: #fff;}
.btn-info { background: #5bc0de;color: #fff;border: 2px solid #5bc0de;}
.btn-info:hover, .btn-info:focus, .btn-info:active { background: #46b8da !important;border-color: #46b8da !important;}
.btn-info.btn-outline { background: transparent;color: #5bc0de;border: 2px solid #5bc0de;}
.btn-info.btn-outline:hover, .btn-info.btn-outline:focus, .btn-info.btn-outline:active { background: #5bc0de;color: #fff;}
.btn-warning { background: #f0ad4e;color: #fff;border: 2px solid #f0ad4e;}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active { background: #eea236 !important;border-color: #eea236 !important;}
.btn-warning.btn-outline { background: transparent;color: #f0ad4e;border: 2px solid #f0ad4e;}
.btn-warning.btn-outline:hover, .btn-warning.btn-outline:focus, .btn-warning.btn-outline:active { background: #f0ad4e;color: #fff;}
.btn-danger { background: #d9534f;color: #fff;border: 2px solid #d9534f;}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active { background: #d43f3a !important;border-color: #d43f3a !important;}
.btn-danger.btn-outline { background: transparent;color: #d9534f;border: 2px solid #d9534f;}
.btn-danger.btn-outline:hover, .btn-danger.btn-outline:focus, .btn-danger.btn-outline:active { background: #d9534f;color: #fff;}
.btn-outline { background: none;border: 2px solid gray;font-size: 16px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active { box-shadow: none;}
.btn.with-arrow { position: relative;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.btn.with-arrow i { visibility: hidden;opacity: 0;position: absolute;right: 0px;top: 50%;margin-top: -8px;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.btn.with-arrow:hover { padding-right: 50px;}
.btn.with-arrow:hover i { color: #fff;right: 18px;visibility: visible;opacity: 1;}
.btn-luxe-primary { background: #3c4146;font-size: 14px;letter-spacing: 2px;text-transform: uppercase;border: transparent;overflow: hidden;padding: 10px 20px;position: relative;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.btn-luxe-primary i { position: absolute;top: 50%;font-size: 16px;right: -20px;margin-top: -8px;-webkit-transition: 0.3s;-o-transition: 0.3s;transition: 0.3s;}
.btn-luxe-primary:hover { background: #191b1d;padding-right: 40px;}
.btn-luxe-primary:hover i { right: 10px;}
.btn-luxe-primary:focus, .btn-luxe-primary:active { background: #1e2123 !important;}


#fh5co-header { margin-bottom: 0;  z-index: 99;  position: absolute;  top: 0;  left: 0;width: 100%; background-color: rgba(255, 255, 255, 1);}
.nav-header { position: relative;  float: left;  width: 100%;}
#fh5co-header-section { background: transparent;  padding: 0;  width: 100%; border-bottom:0px solid #666;  z-index: 10000}
#fh5co-logo {text-transform: uppercase;float: left;margin-bottom: 0;margin-top: 0.7rem;}
#fh5co-logo a { color: white;position: relative;text-decoration: none;}
#fh5co-logo a:hover, #fh5co-logo a:focus { color: rgba(255, 255, 255, 0.9) !important;text-decoration: none;}
#fh5co-logo span { padding: 0;margin: 0;font-weight: 100;}
@media screen and (max-width: 492px){
  #fh5co-logo{margin-bottom: 20px}

}
@media screen and (min-width: 768px)and (max-width:1104px ){
  #fh5co-logo {   margin:0.3em  0  0.7em 0.1em !important; }
  .sf-menu a{padding: 2.2em 1.3em !important;font-size: 15px;}
  .sf-menu .utily{ padding: 2.2em 0.2em !important; color: #999}}

.sf-arrows .sf-with-ul { padding-right: 2.5em;  *padding-right: 1em;}
.sf-arrows .sf-with-ul:after { content: '';  position: absolute;  top: 50%;  right: 1em;  margin-top: -3px;  height: 0;  width: 0;  border: 5px solid transparent;  border-top-color: #ccc;}
.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: #ccc;}
.sf-arrows ul .sf-with-ul:after { margin-top: -5px;  margin-right: -3px;  border-color: transparent;  border-left-color: #ccc;}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #ccc;}

#fh5co-menu-wrap { position: relative;  z-index: 2;  display: block;  float: right;}
#fh5co-primary-menu > li > .sf-with-ul:after { border: none !important;  speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;
  -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;position: absolute;float: right;margin-right: 0px;top: 50%;margin-top: -5px;} /*서브메뉴아이콘 content: "\e64b";color:transparent*/
#fh5co-primary-menu > li > .sf-with-ul:hover:after, #fh5co-primary-menu > li > .sf-with-ul:focus:after { color: #fff !important;}
#fh5co-primary-menu > li > .sf-with-ul.active:after { color: white;}
#fh5co-primary-menu > li > ul li { position: relative;}
#fh5co-primary-menu > li > ul li > .sf-with-ul:after { border: none !important;  speak: none;  font-style: normal;  font-weight: normal;  font-variant: normal;  text-transform: none;
  line-height: 1;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  position: absolute;  float: right;  margin-right: 10px;  top: 20px;font-size: 16px;  content: "\e649";  color: rgba(255, 255, 255, 0.5);}
#fh5co-primary-menu .fh5co-sub-menu { padding: 7px;  background: #ff5722;  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);-ms-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);-o-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);}
#fh5co-primary-menu .fh5co-sub-menu:after { position: absolute;  top: -8px;  left: 21px;  width: 0;  height: 0;   content: '';}
#fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu { left: 100%;}
#fh5co-primary-menu .fh5co-sub-menu > li > .fh5co-sub-menu:after { position: absolute;   speak: none;  top: 10px;  left: 0;  width: 0;  height: 0;  border-right: 0px solid transparent; border-bottom: 0px solid #fff;  border-left: 0px solid transparent;  content: '';}
.site-header.has-image #primary-menu .sub-menu { border-color: #ebebeb;  -webkit-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);-moz-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);-ms-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);  -o-box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.09);}
.site-header.has-image #primary-menu .sub-menu:before { display: none;}
#fh5co-primary-menu .fh5co-sub-menu a {letter-spacing: 0;  speak: none;  padding: 0 15px;  font-size: 16px;  line-height: 34px; letter-spacing: -0.5px;  color: #fff !important;  text-transform: none;  background: none; font-weight: normal !important;}
#fh5co-primary-menu .fh5co-sub-menu a:hover { color: #000 !important;  font-weight: 600; background: none !important;}


/* Superfish Override Menu */
.sf-menu { float: right; }
.sf-menu ul { box-shadow: none;  border: transparent;  min-width: 12em;  *width: 12em;}
.sf-menu a:hover, .sf-menu a:focus, .sf-menu a.active { color: #ff5722 !important;}
.sf-menu a.active{ color: rgba(241, 99, 37, 1) !important; border-bottom:3px solid #ff5722;}
.sf-menu li,.sf-menu ul li,.sf-menu ul ul li,.sf-menu li:hover,.sf-menu li.sfHover { background: transparent;}
.sf-menu ul li a,.sf-menu ul ul li a { text-transform: none;    letter-spacing: 0px; z-index: 2000;}
.sf-menu li:hover a,.sf-menu li.sfHover a,.sf-menu ul li:hover a,.sf-menu ul li.sfHover a,.sf-menu li.active a { color: rgba(241, 99, 37, 1); }
.sf-menu ul li:hover,.sf-menu ul li.sfHover { background: transparent;}
.sf-menu ul li { background: transparent;}
.sf-menu ul ul {top:0;left: 100%;}
.sf-menu .utily{ padding: 2.2em 0.3rem; color: #999}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {	margin: 0;padding: 0;	list-style: none;}
.sf-menu li {position: relative;-webkit-transition: background .2s;  transition: background .2s;}
.sf-menu ul {position: absolute;display: none;	top: 100%;	left: 0;z-index: 99;}
.sf-menu > li {	float: left;}
.sf-menu li:hover > ul,.sf-menu li.sfHover > ul {display: block;}
.sf-menu a { padding: 2.2em 1.8em;font-weight: 700;text-transform: uppercase; letter-spacing: 0px;border: none; text-decoration: none;zoom: 1;font-size: 16px;display: block;position: relative; color: #222; }
.sf-menu ul ul {top:0;left: 100%;}

.sf-arrows .sf-with-ul { padding-right: 2.5em;  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */}
.sf-arrows .sf-with-ul:after { content: '';  position: absolute; top: 50%; right: 1em; margin-top: -3px; height: 0; width: 0;  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent; border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */  border-top-color: rgba(255,255,255,.5);}
.sf-arrows > li > .sf-with-ul:focus:after,.sf-arrows > li:hover > .sf-with-ul:after,.sf-arrows > .sfHover > .sf-with-ul:after { border-top-color: white; /* IE8 fallback colour */}
/* styling for right-facing arrows */
.sf-arrows ul .sf-with-ul:after {margin-top: -5px; margin-right: -3px; border-color: transparent; border-left-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-left-color: rgba(255,255,255,.5);}
.sf-arrows ul li > .sf-with-ul:focus:after,.sf-arrows ul li:hover > .sf-with-ul:after,.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: white;}

#fh5co-hero { margin-bottom: 0;  background: #fff url(/images/loader.gif) no-repeat center center;  margin-bottom: 0 !important;
  position: relative;  display: -webkit-box;  display: -moz-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;  flex-wrap: wrap;  -webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;}
#fh5co-hero .btn { font-size: 24px;}
#fh5co-hero .btn.btn-primary {  padding: 14px 30px !important; margin: 0 10px}
#fh5co-hero .flexslider { border: none;  z-index: 1;  margin-bottom: 0; width: 100%; }
#fh5co-hero .flexslider .slides { position: relative;  overflow: hidden;}
#fh5co-hero .flexslider .slides li { background-repeat: no-repeat;  background-size: cover;  background-position: center center;  min-height: 700px;  position: relative;}
#fh5co-hero .flexslider .slides li:after { position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  content: '';  background: rgba(255, 255, 255, 0);  z-index: 1;}
#fh5co-hero .flexslider .flex-control-nav { bottom:0.5rem;  z-index: 1000;  right: 20px;  width: 25px;  float: right;}
#fh5co-hero .flexslider .flex-control-nav li { display: block !important;  margin-bottom: 20px;  float: right;}
#fh5co-hero .flexslider .flex-control-nav li a { display: block !important;  background: rgba(255, 255, 255, 0.4);  box-shadow: none;  width: 12px;  height: 12px;  cursor: pointer;  border: 2px solid transparent;}
#fh5co-hero .flexslider .flex-control-nav li a:active, #fh5co-hero .flexslider .flex-control-nav li a:focus { outline: none;  border: 2px solid white !important;}
#fh5co-hero .flexslider .flex-control-nav li a.flex-active { cursor: pointer;  border: 2px solid white;  background: transparent;}
#fh5co-hero .flexslider .flex-direction-nav { display: none;}

.slider-text { display: table;  height: auto;  z-index: 999;  min-height: 600px;  width: 100%;margin-top: -50px }
.slider-text > .slider-text-inner { display: table-cell;  vertical-align: middle;  min-height: 700px;  position: relative;}
.slider-text > .slider-text-inner h2 { font-size: 55px;  font-weight: 700;  color:#222; margin: 0; padding: 0; letter-spacing: 0px}
.slider-text > .slider-text-inner h3 { font-size: 26px;    color:#222; margin: 2em 0 0 0; padding: 0 ; letter-spacing: 0px}
.slider-text > .slider-text-inner h4 { display: inline-block; background-color: #ff5722; font-size: 25px; font-weight: normal;  padding: 10px 30px;border-radius: 50px; color: #fff}
.slider-text > .slider-text-inner p { margin-bottom: 30px;     }
.slider-text > .slider-text-inner p > span { text-transform: uppercase;  letter-spacing: 5px;  border-top: 2px solid rgba(0, 0, 0, 0.2);  border-bottom: 2px solid rgba(0, 0, 0, 0.2); padding: 10px 0}
.slider-text > .slider-text-inner p .btn { font-size: 22px !important;   -webkit-border-radius: 30px;  -moz-border-radius: 30px;  -ms-border-radius: 30px;  border-radius: 30px;}
.slider-text > .slider-text-inner p .btn:hover { color: #fff !important;}
@media screen and (max-width: 492px){
  .slider-text { margin-top: 50px  }
  #fh5co-hero .flexslider .flex-control-nav {  bottom: 3.5rem; }
  .slider-text > .slider-text-inner{display: table-cell;    vertical-align: middle;    min-height: 700px;    position: relative;}
  .slider-text > .slider-text-inner h2{font-size: 35px;    font-weight: 700;    color: #222;    margin: 0;    padding: 0; letter-spacing: 0px  }
  .slider-text > .slider-text-inner h3{font-size: 18px;    color: #222;    margin: 2em 0 0 0;    padding: 0  }
  .slider-text > .slider-text-inner h4{font-size: 14px;    font-weight: normal;    padding: 10px 30px;    border-radius: 50px;    color: #fff  }}

div.cs-select span { padding: 5px 10px;}
.cs-skin-border { font-size: 16px;  color: #fff;}
@media screen and (max-width: 829px) { .cs-skin-border {   max-width: 829px !important; }}
@media screen and (max-width: 30em) { .cs-skin-border {   font-size: 16px; }}
.cs-skin-border > span { border: 2px solid rgba(255, 255, 255, 0.5);}
.cs-skin-border > span::after { font-size: 14px !important;}
.cs-skin-border .cs-selected > span::after { font-size: 14px !important;}
.wrap { text-align: center;width: 100%;margin-bottom: 3em;}
#availability { background: #FF5722;width: 100%;top: 1em;z-index: 99;position: relative;display: inline-block;margin-top: 0;margin-bottom: 0;-webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);-moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);-ms-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);-o-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);}
@media screen and (max-width: 1176px) { #availability {   width: 100%; }}
@media screen and (max-width: 1130px) { #availability {   width: 100%; }}
@media screen and (max-width: 915px) { #availability {   width: 100%; }}
@media screen and (max-width: 915px) { #availability {   width: 100%;  top: 0; }}
@media screen and (max-width: 769px) { #availability {   width: 100%; }}
#availability > form { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
@media screen and (max-width: 829px) { #availability > form {   flex-wrap: wrap;  -webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap; }}
#availability .a-col { width: 20%;float: left;position: relative;padding: 14px;}
@media screen and (max-width: 829px) { #availability .a-col {   width: 100% !important; }}
#availability .a-col.alternate { width: 30%;}
@media screen and (max-width: 829px) { #availability .a-col.alternate {   width: 50% !important; }}
@media screen and (max-width: 492px) { #availability .a-col.alternate {   width: 100% !important; }}
#availability .a-col.action { padding: 0 !important;position: relative;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;justify-content: center;}
#availability .a-col.action a { align-items: center;vertical-align: middle;heght: 100%;line-height: 20px;padding: 14px;display: block;width: 100%;color: #fff;text-align: left;background: #3c4146;text-transform: uppercase;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
#availability .a-col.action a::after { speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;top: 50%;right: 20px;margin-top: -10px;content: "\e649";position: absolute;font-size: 16px;color: #FF5722;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
#availability .a-col.action a:hover { text-decoration: none;background: #24282b;outline: none;}
#availability .a-col.action a:hover::after { right: 10px;}
#availability .a-col.action a:focus, #availability .a-col.action a:active { outline: none;text-decoration: none;}
#availability .a-col.action a span { display: block;}
#availability .a-col .input-field { width: 100%;}
#availability .a-col .input-field label, #availability .a-col .input-field input[type="text"] { display: inline-block;}
#availability .a-col .input-field label { margin-right: 10px;font-size: 12px;text-transform: uppercase;letter-spacing: 1px;color: #fff;float: left;margin-top: 7px;}
#availability .a-col .input-field input[type="text"] { float: right;margin-right: 0;width: 60%;height: 42px;font-size: 15px;line-height: 36px;padding-top: 0 !important;padding-bottom: 0 !important;color: #fff;background: transparent url(../../../../../2018_homepage/2018_cspi/images/arrow_down_input.png) 98% 90% no-repeat;border: 2px solid rgba(255, 255, 255, 0.5);border-radius: 0px;box-shadow: none;}
#availability .a-col .input-field input[type="text"]:focus, #availability .a-col .input-field input[type="text"]:active { box-shadow: none;outline: none;}
.fh5co-counters { padding: 3em 0;background-size: cover;background-attachment: fixed;background-position: center center;}
.fh5co-counters .counter-wrap { border: 1px solid red !important;}
.fh5co-counters .fh5co-counter { font-size: 40px;display: block;color: rgba(0, 0, 0, 0.7);  width: 100%;font-weight: 700;margin-bottom: .3em;}
.fh5co-counters .fh5co-counter-label { color: rgba(0, 0, 0, 0.5);text-transform: uppercase;font-size: 12px;letter-spacing: 2px;margin-bottom: 2em;display: block;}
#featured-hotel { float: left;  width: 100%;}
.feature-full-1col { display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: row wrap;width: 100%;margin-bottom: 30px;}
.feature-full-1col .image, .feature-full-1col .desc { float: left;width: 50%;}
@media screen and (max-width: 768px) { .feature-full-1col .image, .feature-full-1col .desc {   flex-wrap: wrap;  position: relative;  width: 100%;  }}
.feature-full-1col .image { position: relative;background-size: cover;background-repeat: no-repeat;background-position: center center;overflow: hidden;background-color:#eee;min-height: 350px;  }
.feature-full-1col .image .descrip { width: 180px;position: absolute;top: 0;right: -180px;padding: 10px;background: #FF5722;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.feature-full-1col .image .descrip p { margin: 0;color: #fff;}
.feature-full-1col .image .descrip small, .feature-full-1col .image .descrip span { display: block;}
.feature-full-1col .image .descrip small { color: rgba(255, 255, 255, 0.5);text-transform: uppercase;font-size: 12px;}
@media screen and (max-width: 768px) { .feature-full-1col .image {   height: 300px; }}
.feature-full-1col .desc { padding: 50px;background: #fff;}
@media screen and (max-width: 768px) { .feature-full-1col .desc {   padding: 30px; }}
.feature-full-1col:hover .image .descrip, .feature-full-1col:focus .image .descrip { right: 0;}
.feature-full-2col { margin-bottom: 40px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
@media screen and (max-width: 768px) { .feature-full-2col {   flex-wrap: wrap;  width: 100%; }}
.feature-full-2col .f-hotel { float: left;width: 50%;position: relative;overflow: hidden;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-flow: row wrap;}
@media screen and (max-width: 992px) { .feature-full-2col .f-hotel {   width: 100%;  flex-wrap: wrap;  margin-bottom: 30px; }  }
.feature-full-2col .f-hotel .descrip { width: 180px;position: absolute;top: 0;right: -180px;padding: 10px;background: #FF5722;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.feature-full-2col .f-hotel .descrip p { margin: 0;color: #fff;}
.feature-full-2col .f-hotel .descrip small, .feature-full-2col .f-hotel .descrip span { display: block;}
.feature-full-2col .f-hotel .descrip small { color: rgba(255, 255, 255, 0.5);text-transform: uppercase;font-size: 12px;}
.feature-full-2col .f-hotel .image { background-size: cover;background-repeat: no-repeat;background-position: center center;position: absolute;top: 0;right: 0;bottom: 0;}
@media screen and (max-width: 480px) { .feature-full-2col .f-hotel .image {   position: relative;  height: 200px; }}
.feature-full-2col .f-hotel .image, .feature-full-2col .f-hotel .desc { width: 50%;}
@media screen and (max-width: 480px) { .feature-full-2col .f-hotel .image, .feature-full-2col .f-hotel .desc {   width: 100%; }}
.feature-full-2col .f-hotel .desc { padding: 30px;  background: #fff;}
.feature-full-2col .f-hotel:hover .image .descrip, .feature-full-2col .f-hotel:focus .image .descrip { right: 0;}
#intorduce, #client, #fh5co-blog-section, #history,#cluture,#solution,#it,#portfolio,#contact,#adress,#recruit,#hotel-facilities, #featured{ padding: 7em 0; background-color: #fff }
.overview{background: #e47346 !important; padding: 7em 0;}
.overview .sub{ background-color: #1b1e21;display: inline-block; padding: 0.8rem 2.5rem; margin-bottom:0 !important; border-radius: 50px}
.overview .about-bg{ border-top:1px solid #b65925; border-bottom:1px solid #b65925; padding-top:2rem; padding-bottom:2rem;overflow:hidden}
#intorduce{ float: left;  width: 100%;  position: relative;  -webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s; display: block; background-color: #fff !important;}
#contact{ background-color: #eee}

/*tabs*/
#tabs { float: left;  width: 100%; padding: 5em 0;}
#tabs .tabs-nav { border: 1px solid #eee;  float: left;  width: 100%;}
#tabs .tabs-nav> a.active:first-child{ }
#tabs .tabs-nav > a { float: left;   text-align: center;  font-size: 1.5em; font-weight: normal; text-transform: uppercase;  padding: 12px 0 12px 0;  border-bottom: 1px solid transparent;
  margin-bottom: -1px;  position: relative;  -webkit-transition: 0.3s;  -o-transition: 0.3s;  transition: 0.3s; letter-spacing: 0px}
#tabs .tabs-nav > a > span { font-weight: 700;}
#tabs .tabs-nav > a.active, #tabs .tabs-nav > a:hover  { color: #fff !important;  border-left:1px solid #666; border-top:1px solid #666; background-color: #ff5722;border-bottom:1px solid #666;border-right:1px solid #666; }
#tabs .tabs-nav > a:hover{}
#tabs .tabs-nav > a.active .icon { color: #999;}
#tabs .tabs-nav > a:hover .icon { color: #1f1790;}
#tabs .tabs-nav > a:focus, #tabs .tabs-nav > a:active { outline: none;  text-decoration: none !important;}
#tabs .tabs-nav > a:focus > .icon, #tabs .tabs-nav > a:focus > span, #tabs .tabs-nav > a:active > .icon, #tabs .tabs-nav > a:active > span { text-decoration: none !important;}

.tab-content-container { position: relative;  width: 100%;  float: left;  padding-top: 40px;}
.tab-content-container .tab-content { position: absolute;  left: -20px; top:0; opacity:1;display:none; -webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s; padding: 0; margin: 0}
.tab-content.p20{padding-left: 20px;}
.tab-content-container .tab-content.show { opacity:1;display:block;}
/*tab사용시 블럭이 안보일경우 스크롤이 생기는거 방지 꼭 넣어줘야한다 뒤항목*/

@media screen and (max-width: 480px) {
  #intorduce, #client, #fh5co-blog-section, #history,#cluture,#solution,#it,#portfolio,#contact,#adress,#recruit,#hotel-facilities, #featured{ padding: 4em 0; }
  .overview{ padding: 0 0 !important;}

.tab-content-container, .tab-content, .card-body{text-align: center} }
.tab-content-container .tab-content { position: absolute;  left: 0px; }
.tab-content-container{margin-left: 0; margin-right: 0}

.super-heading-sm { font-weight: 400;  margin: 0;  padding: 0;  font-size: 15px;  color: #bcbcbc;  text-transform: uppercase;  letter-spacing: 2px;}
.service-hour { padding-top: 10px; }
.service-hour > span { font-weight: 400;  margin: 0;  padding: 10px 0;  font-size: 16px;  color: #999;  text-transform: uppercase;  letter-spacing: 2px;  display: block;}
.service-hour > strong { font-size: 30px;  text-transform: uppercase;  letter-spacing: 1px;  color: #52565b;}
#fh5co-hotel-section .hotel-content .hotel-grid { background-repeat: no-repeat;  background-size: cover;  background-position: center center;  width: 100%;  height: 300px;  position: relative;  display: block;  overflow: hidden;}
#fh5co-hotel-section .hotel-content .hotel-grid .price small { color: rgba(255, 255, 255, 0.5);}
#fh5co-hotel-section .hotel-content .hotel-grid > div { width: 110px;  position: absolute;  top: 0;  left: -110px;  padding: 10px;  background: #ff5722;  color: #fff;  -webkit-transition: 0.1s;  -o-transition: 0.1s;  transition: 0.1s;}
#fh5co-hotel-section .hotel-content .hotel-grid > div small { display: block;  text-transform: uppercase;  font-size: 11px;}
#fh5co-hotel-section .hotel-content .hotel-grid > div span { display: block;  font-size: 18px;}
#fh5co-hotel-section .hotel-content .hotel-grid .book-now { position: absolute;  bottom: -47px;right: 0;color: #fff;width: 120px;padding: 7px 0;background: #3c4146;-webkit-transition: 0.1s;-o-transition: 0.1s;transition: 0.1s;}
#fh5co-hotel-section .hotel-content .hotel-grid .book-now:hover, #fh5co-hotel-section .hotel-content .hotel-grid .book-now:focus { color: #fff !important;}
#fh5co-hotel-section .hotel-content .desc { text-align: center;  border: 1px solid #e6e6e6; border-top:3px solid #009fe3;padding: 20px;margin-bottom: 40px;-webkit-transition: 0.1s;-o-transition: 0.1s;transition: 0.1s; background-color:#fff; min-height: 650px}
#fh5co-hotel-section .hotel-content .desc p{text-align: left !important; word-break: break-all !important}
@media screen and (max-width: 992px) { #fh5co-hotel-section .hotel-content .desc {   margin-bottom: 20px;  }}
.desc h2 { font-size: 40px;  margin: 0 0 50px 0; letter-spacing: 0px}

@media screen and(max-width:768px){#fh5co-hotel-section .hotel-content.desc { margin: 0 auto; width: 100% !important; margin-right: 0 !important; }
}
#fh5co-hotel-section {text-align: center; }
#fh5co-hotel-section h5{border-top: 1px solid #ff5722; display: inline-block;}
#fh5co-hotel-section .hotel-content .desc h3 { font-size: 23px;  margin: 0 0 20px 0; color:#009fe3; letter-spacing: -0.2px; text-align: center; padding-top: 10px }
#fh5co-hotel-section .hotel-content .desc h3 a { color: rgba(0, 0, 0, 0.7);}
#fh5co-hotel-section .hotel-content .desc h5{ color:#ff5722; font-weight: normal;letter-spacing: 0px; border-top: 1px solid #ff5722; display: inline-block; }
#fh5co-hotel-section .hotel-content:hover .hotel-grid > div, #fh5co-hotel-section .hotel-content:focus .hotel-grid > div { left: 0;}
#fh5co-hotel-section .hotel-content:hover .hotel-grid .book-now, #fh5co-hotel-section .hotel-content:focus .hotel-grid .book-now { bottom: 0;}
#fh5co-hotel-section .hotel-content:hover .desc, #fh5co-hotel-section .hotel-content:focus .desc { -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.06);-moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.06);
  -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.06);  -o-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.06);  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.06);}

#cluture .hotel-content .hotel-grid { background-repeat: no-repeat;  background-size: cover;  background-position: center center;  width: 100%;  height: 300px;  position: relative;  display: block;  overflow: hidden;}
#cluture.hotel-content .hotel-grid .price small { color: rgba(255, 255, 255, 0.5);}
#cluture .hotel-content .hotel-grid > div { width: 110px;  position: absolute;  top: 0;  left: -110px;  padding: 10px;  background: #ff5722;  color: #fff;  -webkit-transition: 0.1s;  -o-transition: 0.1s;  transition: 0.1s;}
#cluture .hotel-content .hotel-grid > div small { display: block;  text-transform: uppercase;  font-size: 11px;}
#cluture .hotel-content .hotel-grid > div span { display: block;  font-size: 18px;}
#cluture .hotel-content .hotel-grid .book-now { position: absolute;  bottom: -47px;right: 0;color: #fff;width: 120px;padding: 7px 0;background: #3c4146;-webkit-transition: 0.1s;-o-transition: 0.1s;transition: 0.1s;}
#cluture .hotel-content .hotel-grid .book-now:hover, #cluture .hotel-content .hotel-grid .book-now:focus { color: #fff !important;}
#cluture .hotel-content .desc { border: 1px solid #e6e6e6;border-top: 0;padding: 10px;margin-bottom: 30px;-webkit-transition: 0.1s;-o-transition: 0.1s;transition: 0.1s; background-color:#e7e7e7; min-height: 300px}
@media screen and (max-width: 992px) { #cluture.hotel-content .desc {   margin-bottom: 20px;  }}
#cluture .hotel-content .desc h4 { font-size: 1.2em;  margin: 20px 0 10px 0; font-weight: 600;}
#cluture .hotel-content .desc h4 a { color: rgba(0, 0, 0, 0.7);}
#cluture .hotel-content:hover .hotel-grid > div, #cluture .hotel-content:focus .hotel-grid > div { left: 0;}
#cluture .hotel-content:hover .hotel-grid .book-now, #cluture .hotel-content:focus .hotel-grid .book-now { bottom: 0;}
  -ms-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.06);  -o-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.06);  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.06);}




#testimonial { background:#eee !important;  float: left;  width: 100% !important;  color: #52565b; }
#testimonial blockquote { border-left: none;  padding: 20px;  background: #fff;  -webkit-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);  -ms-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);  -o-box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);  box-shadow: 1px 2px 2px 0px rgba(0, 0, 0, 0.2);  position: relative;}
#testimonial blockquote:after { content: '';  position: absolute;  border-style: solid;  border-width: 12px 12px 0 12px;  border-color: #fff transparent;  display: block;  width: 0;  z-index: 1;  bottom: -12px;  left: 10%;}
#testimonial .author { margin-bottom: 0;  margin-left: 10px;  color: #f8e69f;}
#fh5co-blog-section { width: 100%;  float: left; }
#fh5co-blog-section .blog-grid { background-repeat: no-repeat;  background-size: cover;  background-position: center center;  width: 100%;  height: 300px;  position: relative;}
#fh5co-blog-section .blog-grid .date { width: 80px;  padding: 10px 20px;  background: #fff;}
#fh5co-blog-section .blog-grid .date span, #fh5co-blog-section .blog-grid .date small { display: block;  text-transform: uppercase;}
#fh5co-blog-section .blog-grid .date small { font-size: 12px;  letter-spacing: 2px;}
#fh5co-blog-section .desc { border: 1px solid #c1bfd4;  border-top: 0;  padding: 20px;  margin-bottom: 40px;  }

@media screen and (max-width: 992px) { #fh5co-blog-section .desc {   margin-bottom: 40px; }}
#fh5co-blog-section .desc h3 { font-size: 20px;  margin: 0;}
#fh5co-blog-section .desc h3 a { color: rgba(0, 0, 0, 0.7);}
.services .desc h4 a { color: rgba(0, 0, 0, 0.7);}
.services .desc h4 a:hover{ color: rgba(0, 0, 0, 1) !important;}
.services { position: relative;margin-bottom: 60px; overflow: hidden}
.services span { position: absolute;left: 0;  top:50px; }
.services span > i { font-size: 40px;color: #fff;padding: 20px; border:1px solid #845535;background: rgba(0, 0, 0, 0);-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;}
.services .desc { padding-left: 100px;}
.contact-info { margin:20px 0 0 0;padding: 0;}
.contact-info li { list-style: none;margin: 0 0 20px 20px;position: relative;padding-left: 40px;text-align: left }
.contact-info li i { position: absolute; top: .1em;left: 0;font-size: 22px;color: rgba(0, 0, 0, 0.5);color:#000; }
.contact-info li a { color: #000; letter-spacing: 0; }
.form-control { -webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none;-o-box-shadow: none;box-shadow: none;border: none;border: 1px solid rgba(0, 0, 0, 0.1);font-size: 18px;font-weight: 400;-webkit-border-radius: 0px;-moz-border-radius: 0px;-ms-border-radius: 0px;border-radius: 0px;}
.form-control:focus, .form-control:active { border-bottom: 1px solid rgba(0, 0, 0, 0.5);}
#recruitage,#assistage{opacity:0.1;color:white;width:1px;height:1px;outline:none;border:none;background:none;font-size:1px;cursor:default;}
input[type="text"] { height: 50px;}
#map { width: 100%;height: 700px;position: relative;}

@media screen and (max-width: 768px){.contact-info li{margin-left: 0; margin-right: 0}
    .services .desc h4, .services .desc p{float: left; text-align: left}
    .services span  {  top:50px; }
    #map {   height: 200px; }
  #footer  {  text-align: center}
  #footer .copyright {  padding: 10px 0 20px; margin: 0;}
  #footer .copyright span{display: inline-block; width: 100%;padding: 0 !important;}
  #footer .copy {  line-height: 100%; }
}
#footer { float: left;  width: 100%;  font-size: 14px; background: #555; padding: 2.5em 0;}
#footer a { color: #FF5722;}
#footer a:hover { text-decoration: underline !important; color: #FF5722;}
#footer .copyright {  padding: 10px 0 5px}
#footer p { font-size: 14px;color: #ccc;margin: 0; letter-spacing: 0px;line-height: 140%}
#footer h3 { font-size: 13px; color: #fff; margin: 0; }
#footer .copy {padding:30px 0 0 0; color: #000;  letter-spacing: 0; color: #fff}
#footer #form-subscribe .form-field { position: relative;}
#footer #form-subscribe input[type="email"] { background: #fff;  padding: 5px 70px 5px 15px;  border: none;  height: 45px;  line-height: 30px;  width: 100%;}
#footer #form-subscribe input[type="submit"] { background: #3c4146;  border: none;  color: #fff;  height: 45px;  padding: 5px 15px;  position: absolute;  right: 0;  top: 0;}
#footer .social-icons {  margin:0 auto; padding: 0}
#footer .social-icons li { margin: 0;  list-style: none; padding-top:0.6em;}
#footer .social-icons li a { font-size: 20px; padding-right: 0.4em; color: #fff !important;}
#footer .social-icons li.brochure{ color: #fff; letter-spacing: 0px;background-color: #333; padding: 0px; display: inline-block; width: 100% ; text-align: center; margin: 4px 0}
#footer .social-icons li.brochure a{font-size: 13px !important; letter-spacing: 2px;display: inline-block; width: 100% ; text-align: center;}
#footer .social-icons li a:last-child{padding-right: 0;}
#footer .social-icons li a:hover, #footer .social-icons li a:focus, #footer .social-icons li a:active { color: #FF5722 !important;  outline: none;  text-decoration: none !important;}
#footer .social-icons li a:hover i, #footer .social-icons li a:focus i, #footer .social-icons li a:active i { text-decoration: none;}
.section-title{width: 100%;z-index: 99;  text-align: center !important;}
@media screen and (max-width: 768px){.section-title h3{font-size: 2.8rem !important;letter-spacing: 0px; line-height: 100% ; white-space: pre-line !important;}
  .section-title h3{font-size: 2rem !important;  }}
.section-title h2 { display: inline-block; font-size: 2rem;  font-weight: 400; text-align: center;color:#ea5b0c; margin: 0; outline-color:#333; padding-bottom: 0; border-top:5px solid #ea5b0c; padding-top: 10px;}
.section-title h3{font-size: 2.5rem;  color:#000; outline-color: #333 ; white-space: pre-wrap; letter-spacing: -0.3px}
.section-title h4{font-size: 1.3rem;  color:#000; outline-color: #333; font-weight: 300; margin: 0 }
.section-title .sub_eg{ display: block; padding-bottom: 2rem; letter-spacing: 5px; color: #999; font-size: 0.85rem}
.section-title em{ font-style: normal}
.googleplus-color { color: #dc4e41 !important;}
.facebook-color { color: #3b5998 !important;}
.twitter-color { color: #55acee !important;}
.fh5co-table,.fh5co-table-cell,.fh5co-parallax { height: 350px;width: 100%}
.fh5co-parallax { background-color: #fff;   background-size: cover;  position: relative; }
@media screen and (max-width: 492px){.fh5co-table,.fh5co-table-cell,.fh5co-parallax{ height: 250px;width: 100%}
  .fh5co-table-cell{padding-top: 70px}
}

.fh5co-parallax .overlay { position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  background: rgba(0, 0, 0, 0);}

@media screen and (max-width: 768px) { .fh5co-parallax {   height: inherit;    padding: 4em 0;  }}
.fh5co-parallax .fh5co-intro h1 { color: #FF5722; font-size: 50px;  font-weight: 400;  margin-bottom: 10px;}
@media screen and (max-width: 768px) { .fh5co-parallax .fh5co-intro h1 {   font-size: 30px;  }}
.fh5co-parallax .fh5co-intro p { color: #fff;}
.fh5co-parallax .fh5co-intro p a { color: #FF5722;border-bottom: 2px solid rgba(255, 87, 34, 0.2);}
.fh5co-parallax .fh5co-intro p a:hover { color: #FF5722;}
.fh5co-parallax .fh5co-intro.box-area { padding: 40px;background: #222831;}
.fh5co-table { display: table;}
.fh5co-table-cell { display: table-cell;  vertical-align: middle;}
.js .animate-box { opacity: 0;}
#fh5co-wrapper { overflow-x: hidden;  position: relative;}
.fh5co-offcanvas { overflow: hidden;}
.fh5co-offcanvas #fh5co-wrapper { overflow: hidden !important;}
#fh5co-page { position: relative;  -webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s; }
.fh5co-offcanvas #fh5co-page { -moz-transform: translateX(-240px);-webkit-transform: translateX(-240px);-ms-transform: translateX(-240px);-o-transform: translateX(-240px);transform: translateX(-240px);}

/*모바일 슬라이드메뉴 시작*/
@media screen and (max-width: 768px) { #fh5co-menu-wrap {   display: none; }}
#offcanvas-menu { position: absolute;  top: 0;  bottom: 0;  z-index: 99;  background: #222;  right: -250px;  width: 250px;  padding: 25px;  overflow-y: scroll !important;}
#offcanvas-menu ul { padding: 0;  margin: 0;}
#offcanvas-menu ul li { padding: 0;  margin: 0 0 10px 0;  list-style: none;text-align: left}
#offcanvas-menu ul li a { font-size: 18px;  color: #FF5722;}
#offcanvas-menu ul li a:hover { color: #FF5722;}
#offcanvas-menu ul li > .fh5co-sub-menu { margin-top: 9px;padding-left: 20px; }
#offcanvas-menu ul li.active > a { color: #FF5722;}
#offcanvas-menu ul .fh5co-sub-menu{ display: block !important;}
#offcanvas-menu ul .fh5co-sub-menu li a{  color: rgba(255, 255, 255, 0.5); font-size: 15px}
.cs-active .cs-options { -webkit-box-shadow: 0px 17px 56px -25px rgba(0, 0, 0, 0.75);-moz-box-shadow: 0px 17px 56px -25px rgba(0, 0, 0, 0.75);box-shadow: 0px 17px 56px -25px rgba(0, 0, 0, 0.75);}

/*모바일 리스트아이콘*/
.fh5co-nav-toggle { margin-top: 30px !important;  cursor: pointer;  text-decoration: none;}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after { background: #999;}
.fh5co-nav-toggle.dark.active i::before, .fh5co-nav-toggle.dark.active i::after { background: #999;}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active { outline: none;border-bottom: none !important;}
.fh5co-nav-toggle i { position: relative;display: -moz-inline-stack;display: inline-block;zoom: 1;*display: inline;width: 30px;height: 2px;color: #000;font: bold 14px/.4 Helvetica;text-transform: uppercase;
  text-indent: -55px;background: #999;transition: all .2s ease-out;}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after { content: '';width: 30px;height: 2px;background: #999;position: absolute;left: 0;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.fh5co-nav-toggle.dark i { position: relative;color: #000;background: #000;transition: all .2s ease-out;}
.fh5co-nav-toggle.dark i::before, .fh5co-nav-toggle.dark i::after { background: #000;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.fh5co-nav-toggle i::before { top: -7px;}
.fh5co-nav-toggle i::after { bottom: -7px;}
.fh5co-nav-toggle:hover i::before { top: -10px;}
.fh5co-nav-toggle:hover i::after { bottom: -10px;}
.fh5co-nav-toggle.active i { background: transparent;}
.fh5co-nav-toggle.active i::before { top: 0;-webkit-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);transform: rotateZ(45deg);}
.fh5co-nav-toggle.active i::after { bottom: 0;-webkit-transform: rotateZ(-45deg);-moz-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);-o-transform: rotateZ(-45deg);transform: rotateZ(-45deg);}
.fh5co-nav-toggle { position: absolute;top: 0px;right: 0px;z-index: 9999;display: block;margin: 0 auto;display: none;cursor: pointer;}
@media screen and (max-width: 768px) { .fh5co-nav-toggle {   display: block;  top: 0px; }
  .month, .history{ text-align: center; width: 100%; padding-bottom: 2px; padding-left:0 !important; }}

.border-bottom { border-bottom: 1px solid rgba(0, 0, 0, 0.06);}
.no-js #loader { display: none;}
.js #loader { display: block;position: absolute;left: 100px;top: 0;}
.fh5co-loader { position: fixed;  left: 0px;  top: 0px;  width: 100%;  height: 100%;  z-index: 9999;  background:#222222  url(../images/hourglass.svg)  no-repeat  center center;}


.company ul{ color:#fff; list-style: none; }
.company h2{color: #fff; padding: 0;}
.company ul li{ padding: 0.5em 0}
.company ul span{ display: inline-block; width: 5em; }
.company p{color: #fff; text-align: center; margin: 0 ; }
.history .header{ padding:6px 0;   color: #333; border-bottom: 1px dotted #999; letter-spacing:-0.07rem; font-weight: 600; width: 100%; }
.month {  text-decoration: none;  font-weight: bold;  color: #FF5722;   vertical-align: middle;  font-size:1em ;  padding-right: 0 !important; margin-right: 0 !important;padding-left:30px  }
.history{ font-size: 1rem; letter-spacing: -0.4px}
#client{ float: left;  width: 100%;  position: relative;  -webkit-transition: 0.5s;  -o-transition: 0.5s;  transition: 0.5s; }
.title-area, .info-icon{text-align: center; padding-bottom: 3em;  }
.info-icon .icon{text-align: center; color: #95c11f; font-size: 40px; }

.dfs_env2 {   background-color: #fff;   border: 1px solid rgba(0, 0, 0, 0.125); border-radius: 0.25rem; padding:  1.25rem; }
.dfs_env2 dt{color:#95c11f}
.dfs_env2 p{font-size: 1.3em; color: #1b1e21; font-weight:700; background-color: #eee; padding: .8em;margin-bottom: .5em}

#adress{background-color: #f8f5ed;  }
.w-200{width: 55px; display:inline-block }


section#recruit {background-color: #e7e7e7;background-image: url("../img/map-image.png");background-repeat: no-repeat;background-position: center;  }
section#recruit .section-heading2 {color: #fff;}
section#recruit .form-group {margin-bottom: 25px;}
section#recruit .form-group input,section#contact .form-group textarea {padding: 20px;}
section#recruit .form-group input.form-control {height: auto; border: 0}
section#recruit .form-group textarea.form-control {height: 248px;}
section#recruit .form-control:focus {}
section#recruit ::-webkit-input-placeholder {color: #999;}
section#recruit :-moz-placeholder {color: #ced4da;/* Firefox 18- */
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
section#recruit ::-moz-placeholder {color: #ced4da;/* Firefox 19+ */
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
section#recruit :-ms-input-placeholder {color: #ced4da;font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;}



#recruit .info{padding-top: 2em}
#recruit .info dt, #recruit .info dd{ padding-bottom: 1em}
#recruit .info dt{text-align: right;}
@media screen and (max-width: 576px){#recruit .info dt, #recruit .info dd{ text-align: center}
  #recruit .info dt{margin: 0; padding: 0}
  #recruit .info dd{ padding-bottom: 2em}}
#notice, #news { padding: 2rem 0 5rem 0;}
#notice{background-color: #eee;}
#noticePage,#newsPage{font-size:0;background:none;border:none}

.infoTitle{background-color:lightgray;text-align:center;}
#boardTitle{font-size:55px;font-weight:bold;color:#FF5722;}
#detailImageBox{width:100%;height:400px;}
#imgBox{width:100%;height:900px;float:left;position:relative;}
#imgBox > img {opacity:0;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto auto;}
#imgPrevBox{width:10%;height:900px;float:left;position:relative;}
#imgNextBox{width:10%;height:900px;float:left;position:relative;}
#imgPrevBox > button {outline:none;transition:opacity 0.4s;width:100%;font-size:90px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto auto;display:block;background:none;border:none;opacity:0.2;}
#imgNextBox > button {outline:none;transition:opacity 0.4s;width:100%;font-size:90px;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto auto;display:block;background:none;border:none;opacity:0.2;}
#imgNextBox > button:hover{opacity:1;}
#imgPrevBox > button:hover{opacity:1;}
tr.items{cursor:pointer;}
@media screen and (max-width: 768px) {
  #imgPrevBox{width:10%;height:900px;float:left;position:relative;}
  #imgNextBox{width:10%;height:900px;float:left;position:relative;}
  #imgPrevBox > button {outline:none;transition:opacity 0.4s;width:100%;font-size:1.5em;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto auto;display:block;background:none;border:none;opacity:1;}
  #imgNextBox > button {outline:none;transition:opacity 0.4s;width:100%;font-size:1.5em;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto auto;display:block;background:none;border:none;opacity:1;}
}


.stats-row {  margin-top: 30px;   text-align: center; margin-left: auto; margin-right: auto;}
.stats-col .circle {  display: inline-block;  width: 208px;  height: 140px;  font-size: 1.2em;  color: #fff;  border: 6px solid #fff;   padding: 70px 25px 0 25px;  position: relative; margin:5px; }
.stats-col .circle .stats-no {  color: #fff;  width: 80px;  height: 80px;  line-height: 80px;  top: -30px;  right: 50px;  font-size: 20px;  background-color: #333;  position: absolute;   font-weight: 400; }



.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}
.owl-carousel{display:none;width:100%;z-index:1}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}
.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}
.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}
.owl-carousel .owl-item img{display:block;width:100%}
.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}
.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}
.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}
.owl-carousel.owl-drag .owl-item{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}
.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}
.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}
.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;}


.thumbnail {  height: 190px;  overflow: hidden;background: #fff;}
.view {  overflow: hidden;
  position: relative;
  text-align: center;
 /* box-shadow: 0px 1px 2px #e6e6e6;*/
  cursor: default
}
.view .mask,.view .content {  position: absolute;  width: 100%;  overflow: hidden;  top: 0;  left: 0}
.view img {  display: block;  position: relative}
.view .tools {  text-transform: uppercase;  color: #555; opacity: 0; text-align: center;  position: relative;  font-size: 15px;  padding: 3px;  background: rgba(0, 0, 0, 0.6);  margin: 43px 0 0 0}
.mask.no-caption .tools {  margin: 90px 0 0 0; }
.view .tools a {  display: inline-block;  color: #FFF;  font-size: 15px;  font-weight: 700;  padding: 0 4px}
.view p {  font-size: 14px;  position: relative;  color: #eee;  padding: 10px 20px ;  text-align: center}
.view a.info {  display: inline-block;  text-decoration: none;  padding: 7px 14px;  background: #000;  color: #fff;  text-transform: uppercase;  box-shadow: 0 0 0px #000}
.view-first img {  transition: all 0.2s linear}
.view-first .mask { height: 190px;  opacity: 0;  background-color: rgba(0, 0, 0, 0.8);  transition: all 0.3s ease-in-out}

.view-first .tools {  transform: translateY(-100px);  opacity: 0;  transition: all 0.2s ease-in-out}
.view-first p {  transform: translateY(100px);  opacity: 0;  transition: all 0.2s linear}
.view-first:hover img {  transform: scale(1.2)}
.view-first:hover .mask {  opacity: 1}
.view-first:hover .tools,.view-first:hover p {  opacity: 1;  transform: translateY(0px)
}
.view-first:hover p {  transition-delay: 0.1s}

.thumbnail .image {  height: 120px;  overflow: hidden}
.caption { height: 100px; padding: 9px; color: #555; }
.caption p {  margin-bottom: 5px}

.portfolio { }
.portfolio-grid {  margin-top:0px; width: 100%; margin: 0 auto}
.portfolio-grid .card{  margin: 0 !important; padding: 0 !important;}
.portfolio-grid .row > div {  padding: 0;margin: 0;}
.portfolio-grid .row > div .card2 img {  width: 100%; border: 0 !important; }
.portfolio-grid .row > div .card2 .portfolio-over {  position: absolute;  display: table-cell;  vertical-align: middle;  width: 100%;  height: 100%; vertical-align: middle;
  background: rgba(0, 0, 0, 0.8);  top: 0;  left: 0;  text-align: center;  opacity: 0;  visibility: hidden;  -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease;  -o-transition: all 0.3s ease;  transition: all 0.3s ease;}
.portfolio-grid .row > div .card2 .portfolio-over > div {  position: relative;  top: 40%;  -webkit-transform: translateY(-50%);  -ms-transform: translateY(-50%);  transform: translateY(-50%);}
.portfolio-grid .row > div .card2 .portfolio-over .card-title {  color:#FF5722;  font-size: 25px;}
.portfolio-grid .row > div .card2 .portfolio-over .card-text {  color: #eee;  opacity: .75;  padding: 0 25px;}
.portfolio-grid .row > div .card2:hover .portfolio-over {  opacity: 1;  visibility: visible;}

/* ==================================================
  Call-to-action Styling
  ================================================== */
.cta {  background-color: #fff;padding-top: 35px}
.cta h3 { margin-bottom: 5px;}
.cta h4{ display:inline; text-align: center !important; color: #fff; background-color:#ff5722; padding: 8px 14px; }
.cta p { }
.cta .btn-ghost {  position: relative;  top: 13px;}

.it { background-color: #333;  padding: 35px 0; color: #fff}
.it h3 { margin-bottom: 5px;}
.it h4{color:#FF5722;letter-spacing:-1px}
.it p { font-weight: normal !important; }
.it small{ color: #929ca8; font-size:.8em}
.it .btn-ghost {  position: relative;  top: 13px;}
.it .subtit{color:#FF5722; font-weight: 600; font-size: .95em; opacity: .7}


.heading{padding-top: 0 !important; margin-top: 30px !important}
@media screen and (max-width: 768px){.heading{padding: 20px 0  0 0 !important; font-weight: 600; font-size: 22px; text-align: center; color: #666}
  .about-bg .about-bg-wrapper {padding-bottom: 20px}
  .about-bg-wrapper h1{ display:inline;}
}

.about-bg-wrapper {   color: #fff;  text-align: center; }
.about-bg-wrapper .count h1 {  font-weight: 700;    text-align: center;    color:#fff !important; margin:0.5rem 0; padding: 0}
.about-bg-wrapper h1{ margin: 0}
.about-bg .about-bg-wrapper p {    font-size: 1rem;  color: #fff; margin:0; padding: 0; text-align: center  }


/* ==================================================
  Team Styling
  ================================================== */
.team .Clist{padding: 20px 0;}
.team .team-over {padding-top: 20px;}
.team .card .social-nav {margin-bottom: 15px; padding: 0;}
.card {position: relative;padding: 0;border: 0;border-radius: 0;margin: 0 0 20px 0;overflow: hidden; border: 1px solid #ccc; }
.team h2 {color: #199EB8;}
.team .card > a {display: block;text-decoration: none;}
.team .card img {width: 100%; height: 180px;}
.team .card h4 {color: #fff;text-transform: uppercase; font-size: 16px; padding: 8px 30px; font-weight: 600}
.team .card p {font-size: 14px;color: #fff;opacity: .75;margin: 0;padding: 0 35px;}
.team .card .social-nav { margin-bottom: 45px;}
.team .card .social-nav a { color:#fff; text-decoration: none;font-size: 16px;margin: 0 4px;}
.team .card .social-nav a:hover {opacity: .75; }
.team .card:hover .team-over {opacity: 1;visibility: visible; }
.team .card:hover .card-title-wrap {background-color:#FF5722;}
.team .card:hover .card-title-wrap .card-title, .team .card:hover .card-title-wrap .card-text {color: #fff; }
.team .team-over { padding-top: 45px;position: absolute;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);top: 0;left: 0;
  text-align: center;opacity: 0;visibility: hidden;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; transition: all 0.3s ease;}
.team .card-title-wrap { padding:25px 15px 35px 15px;position: relative;    z-index: 9;  }
.team .card-title-wrap .card-title, .team .card-title-wrap .card-text {display: block;    margin: 0;}
.team .card-title-wrap .card-title { font-size: 24px; font-weight: 700; color: #222}
.team .card-title-wrap .card-text { font-size: 13px;    color: #333;}

.bg-login{ padding:100px 0 200px 0; margin: 0 auto}


#tooltip
{
  text-align: center;
  color: #fff;
  background: #000;
  position: absolute;
  z-index: 100;
  padding: 4px 8px; letter-spacing: 0.3px; font-size: 0.85rem;}

#tooltip:after /* triangle decoration */
{
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #111;
  content: '';
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -8px;}

#tooltip.top:after
{
  border-top-color: transparent;
  border-bottom: 10px solid #111;
  top: -20px;
  bottom: auto;}

#tooltip.left:after
{
  left: 10px;
  margin: 0;}

#tooltip.right:after
{
  right: 10px;
  left: auto;
  margin: 0;}

#RecaptchaField2{
 padding-left:0px;
}