@charset "utf-8";
.inner-bg {
position : relative;
}
.inner-bg-slick {
padding : 120px 100px 70px;
}
.home-top-content{
	background: url("../image/bgimage.webp") no-repeat;
	height: 553px;
}
.top-content {
margin-top : 0;
width : 100%;
z-index : 2;
padding : 10px 0 96px 0;
color : #fff;

}
.top-content .text {
color : #000;
}
.top-content .text h1 {
margin-top : 25px;
color : #000;
}
.top-content .description {
margin : 30px 0 10px 0;
}
.top-content .description p {
opacity : 0.8;
}
::-webkit-scrollbar {
width : 3px;
height : 10px;
}
::-webkit-scrollbar-track {
background : #f1f1f1;
}
::-webkit-scrollbar-thumb {
background : #888;
}
::-webkit-scrollbar-thumb:hover {
background : #555;
}
.icon-github {
background : url("../img/github-16px.png") no-repeat;
width : 16px;
height : 16px;
}
.bootstrap-tagsinput {
width : 100%;
border : 0;
}
.twitter-typeahead {
display : initial !important ;
}
.bootstrap-tagsinput {
display : block !important ;
border-radius : 0;
text-align : left;
}
.bootstrap-tagsinput .tag {
background : #7A7A7A;
padding : 5px;
border-radius : 4px;
font-size : smaller;
max-width : 100%;
}
.tag .label .label-info {
max-width : 100%;
}
.tt-hint {
top : 0 !important ;
color : #fff;
}
.tt-input {
vertical-align : baseline !important ;
width : 100%;
}
.typeahead {
border : #CCCCCC solid 1px;
border-radius : 4px;
padding : 8px 8px;
width : 100%;
font-size : 8px;
margin-bottom : 5px;
}
.tt-menu {
width : 100%;
margin-top : 12px;
}
span.twitter-typeahead .tt-suggestion {
padding : 3px 6px;
border-bottom : 1px solid #fff;
cursor : pointer;
background-color : #fff;
z-index : 40;
}
span.twitter-typeahead .tt-suggestion:last-child {
border-bottom : 0;
}
.demo-label {
font-size : 8px;
color : #686868;
font-weight : 500;
}
.bgcolor {
max-width : 100%;
height : 200px;
background-color : #c3e8cb;
padding : 40px 70px;
border-radius : 4px;
margin : 20px 0;
}
.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
margin-bottom : 0;
}
.twitter-typeahead .tt-hint {
display : none;
}
.tt-menu {
position : absolute;
top : 100%;
left : 0;
z-index : 1400;
top : 15px;
display : none;
float : left;
min-width : 160px;
padding : 5px 0;
margin : 2px 0 0;
list-style : none;
font-size : 14px;
background-color : #ffffff;
border : #cccccc solid 1px;
border : rgb(0, 0, 0, 0.15) solid 1px;
border-radius : 4px;
box-shadow : 0 6px 12px rgb(0, 0, 0, 0.175);
background-clip : padding-box;
cursor : pointer;
}
.tt-suggestion {
display : block;
padding : 3px 20px;
clear : both;
font-weight : normal;
line-height : 1.428571429;
color : #333333;
white-space : nowrap;
}
.tt-suggestion:hover, .tt-suggestion:focus {
color : #000;
text-decoration : none;
outline : 0;
background-color : #428bca;
}
.wrapper-slider {
padding : 40px 40px 0;
border : rgb(200, 200, 255, 0.6) dotted 1px;
background : rgb(0, 10, 20, 0.7);
border-radius : 10px;
}
.ui-slider {
box-shadow : 0 2px 1px #aaa inset;
border-color : #000;
}
.ui-slider-horizontal {
height : 10px;
background : #ddd;
}
.ui-slider-horizontal .ui-slider-handle {
height : 18px;
width : 18px;
background : #2cafe3;
border : rgb(0, 0, 0, 0.6) solid 1px;
margin-left : -8px;
cursor : pointer;
}
.ui-slider-horizontal.green .ui-slider-handle {
background : #DCC9A9;
top : -9px;
}
@media (max-width: 700px) {
.ui-slider-pip:nth-child(odd) .ui-slider-number {
display : none;
}
}
@media (max-width: 400px) {
.ui-slider-pip:nth-child(2n+1) .ui-slider-number {
display : none;
}
.ui-slider-pip:nth-child(4n) .ui-slider-number {
display : none;
}
}
.ui-widget-header {
height : 4px !important ;
background : #DCC9A9;
}
.ui-widget-header {
border : #dddddd solid 1px;
background : #DCC9A9;
color : #333333;
font-weight : bold;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border : #c3c3c3 solid 1px;
border-radius : 13px;
background : #fff;
}
.ui-widget-content {
height : 2px !important ;
border : 0;
background : #DCC9A9;
}
.ui-slider-horizontal .ui-slider-range {
top : -2px;
}
.ui-slider-horizontal .ui-slider-handle {
top : -10px;
cursor : pointer;
}
.ui-slider-handle {
outline : none;
}
.ui-slider-handle .amount {
position : absolute;
left : 0;
top : 35px;
display : none;
width : 130px;
padding : 10px 0;
text-align : center;
margin-left : -55px;
font-weight : normal;
font-size : 14px;
color : #fff;
border : #53b147 solid 1px;
background : #53b147;
}
.ui-slider-handle .amount:after {
content : '';
display : block;
position : absolute;
top : -11px;
left : 50%;
right : 0;
width : 0;
height : 0;
margin-left : -5px;
border-bottom : 5px solid #53b147;
border-top : 5px solid transparent;
border-left : 5px solid transparent;
border-right : 5px solid transparent;
background-color : #fff;
}
.min-range {
float : left;
padding-top : 20px;
font-size : 12px;
color : #888;
}
.max-range {
float : right;
padding-top : 20px;
font-size : 12px;
color : #888;
}
.slider-range-wrap {
position : relative;
width : 500px;
height : 200px;
margin : 0 auto;
padding : 40px 20px 60px 0;
}
.ui-slider-pips [class*="ui-slider-pip-selected"] {
font-weight : bold;
color : #ffffff;
}
.ui-slider-float .ui-slider-handle:hover .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-hover .ui-slider-tip, .ui-slider-float .ui-slider-handle:focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-focus .ui-slider-tip, .ui-slider-float .ui-slider-handle.ui-state-active .ui-slider-tip, .ui-slider-float .ui-slider-pip:hover .ui-slider-tip-label {
    opacity: 1;
    top: -30px;
    background: #50BEB5;
    color: #FFFFFF;
    visibility: visible;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -webkit-transition-delay: 200ms, 200ms, 0ms;
    transition-delay: 200ms, 200ms, 0ms;
}
.ui-slider-float .ui-slider-tip, .ui-slider-float .ui-slider-tip-label {
    position: absolute;
    visibility: hidden;
    top: -40px;
    display: block;
    width: 34px;
    margin-left: -18px;
    left: 50%;
    height: 20px;
    line-height: 20px;
    background: #50BEB5;
    border-radius: 3px;
    border: 1px solid #50BEB5;
    text-align: center;
    font-size: 12px;
    opacity: 0;
    color: #FFFFFF;
    -webkit-transition-property: opacity, top, visibility;
    transition-property: opacity, top, visibility;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -webkit-transition-duration: 200ms, 200ms, 0ms;
    transition-duration: 200ms, 200ms, 0ms;
    -webkit-transition-delay: 0ms, 0ms, 200ms;
    transition-delay: 0ms, 0ms, 200ms;
}
/* give the tooltip a css triangle arrow */
.ui-slider-float .ui-slider-tip:after,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  content: " ";
  width: 0;
  height: 0;
  border: 5px solid rgba(255, 255, 255, 0);
  border-top-color: #50BEB5;
  position: absolute;
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
}

/* put a 1px border on the tooltip arrow to match tooltip border */
.ui-slider-float .ui-slider-tip:before,
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  content: " ";
  width: 0;
  height: 0;
  border: 5px solid rgba(255, 255, 255, 0);
  border-top-color: #1B7202;
  position: absolute;
  bottom: -11px;
  left: 50%;
  margin-left: -5px;
}

/* switch the arrow to top on labels */
.ui-slider-float .ui-slider-pip .ui-slider-tip-label:after {
  border: 5px solid rgba(255, 255, 255, 0);
  border-bottom-color: #1B7202;
  top: -10px;
}

.ui-slider-float .ui-slider-pip .ui-slider-tip-label:before {
  border: 5px solid rgba(255, 255, 255, 0);
  border-bottom-color: #1B7202;
  top: -11px;
}
#area_range.ui-slider {
border-radius : 0;
background : #c7cdd5;
border : none;
height : 2px;
}
#area_range .ui-slider-pip {
top : 2px;
}
#area_range .ui-slider-pip .ui-slider-label {
display : none;
background : rgb(67, 77, 90, 0);
color : #434d5a;
border-radius : 4px;
padding : 0.3em 0;
width : 2.4em;
margin-left : -1.2em;
transition : all 0.2s ease-out;
}
.ui-slider-pips [class*=ui-slider-pip-selected] .ui-slider-line,
.ui-slider-pips .ui-slider-pip-inrange .ui-slider-line {
  background: #ffffff;
}
#area_range .ui-slider-pip .ui-slider-line {
height : 4px;
}
#area_range .ui-slider-pip:nth-of-type(5n+3) .ui-slider-line {
height : 8px;
}
#area_range .ui-slider-pip:nth-of-type(5n+3) .ui-slider-line {
height : 12px;
}
#area_range .ui-slider-pip:nth-of-type(5n+3) .ui-slider-label {
top : 16px;
display : block;
}
#area_range .ui-slider-pip.ui-slider-pip-last .ui-slider-line {
margin-left : -1px;
}
#area_range .ui-slider-pip.ui-slider-pip-selected .ui-slider-label, #area_range .ui-slider-pip.ui-slider-pip-selected-first .ui-slider-label, #area_range .ui-slider-pip.ui-slider-pip-selected-second .ui-slider-label {
background : rgb(67, 77, 90, 0.7);
color : #fffaf7;
}