/*----------------pulse 字體-------------------*/
@font-face {
    font-family: 'pulse';
    src:url('../fonts/pulse/pulse.eot');
    src:url('../fonts/pulse/pulse.eot') format('embedded-opentype'),
        url('../fonts/pulse/pulse.woff') format('woff'),
        url('../fonts/pulse/pulse.ttf') format('truetype'),
        url('../fonts/pulse/pulse.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
.pp{
    font: 16px 'pulse'
}
/*----------------------------------------------*/
.btn{cursor: pointer;}
.gradient{
	background: #a8e063;  /* fallback for old browsers */
    background: -webkit-linear-gradient(-55deg, #56ab2f 0%, #a8e063 100%);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(-55deg, #56ab2f 0%, #a8e063 100%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    min-height: 100vh;

}
.form-body{border-radius: 10px;box-shadow: 0 30px 100px rgba(0, 0, 0, 0.15);}
ul.bg-white.list-2 {background-color: transparent;}
ul.list-2.bg-white li{width: 100%;}
.status{
	width: 12px;
    height: 12px;
    margin-left: 5px;
    border-radius: 50px;
    display: inline-block;
    vertical-align: inherit;
    position: absolute;
    top: 5px;
    right: -3px;
}
.status.red {
    background-color: #F44336;
    box-shadow: 0px 0px 7px 0px #F44336;
}
.text-box-right{position: relative;padding: 0px 15px 0px 70px;}
.message .imgbox-small{width: 60px;height: 60px;margin-right: 10px;}
.fullheight{min-height: 100vh}
.list-2 .padding-top-1{margin-bottom: 0;}
.text-box-right small{font-size: 75%}
.search-submit{position: absolute;padding: 10px;right: 20px;color: #5aae32;}
.fixfooter{
    position: fixed;
    bottom: 0;
    width: 100%;
    display: block;
}
.fixfooter .bg2-news-letter{border-radius: 30px;-webkit-appearance: none;}
#search{padding: 10px 0;display: -webkit-box;
    background: #a8e063;  /* fallback for old browsers */
    background: -webkit-linear-gradient(-55deg, #56ab2f 0%, #a8e063 100%);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(-55deg, #56ab2f 0%, #a8e063 100%); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */}
.message-chat-item-sq {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    /*margin-bottom: 30px;*/
}
.message-chat-item-sq.dashboard-message{
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.message-chat-content {
    position: relative;
    background: #F6F6F6;
    padding: 20px;
    border-radius: 0px 15px 15px 15px;
    -moz-border-radius: 0px 15px 15px 15px;
    -webkit-border-radius: 0px 15px 15px 15px;
    word-break: break-word;
    max-width: 60%;
    margin-bottom: 15px;
}
.dashboard-message .message-chat-content{
    background: #4ea239;
    color:#fff;
    border-radius: 15px 0px 15px 15px;
    -moz-border-radius: 15px 0px 15px 15px;
    -webkit-border-radius: 15px 0px 15px 15px;
}
.dashboard-message .ml-xms{margin-right: 20px;margin-left: 0;text-align: right}
.avatar-sq.little-avatar-sq{
    width: 40px;
    height: 40px;
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin-bottom: 20px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    right: 5px;
    margin: 0 5px 20px 0;
}
.who{
    position: absolute;
    text-align: center;
    font-weight: 700;
    left: 12px;
    top: 5px;
    font-size: 13px;
    width: 16px;
    color: #60af4c;
}
.chat .col-xs-12.col-sm-12.pd0:last-child{
    margin-bottom: 30px;
}
.mapimg{margin:0 auto;}
.input-1.range{width: calc((100vw - 166px)/2);margin: 0 10px;max-width: 540px;}
.input-1.range:first-child{margin-left: 0px;}
.input-1.range:last-child{margin-right: 0px;}
.input-1.range~.mk{width:30px;float:left;padding: .2em;display: inline-table;line-height: 45px;text-align: center}
.type .control,.city .control,.zone .control,.acc_content .control{display: inline-block;}
.type .control-group{padding: 0px;}
.p15{padding: 15px;}
.more_p .smk_accordion .accordion_in.style1{color: #60af4c;;border: 1px solid #60af4c;border-radius: 4px;}
.more_p .smk_accordion .accordion_in.style1.acc_active {color: #888;border: 1px solid rgba(28, 181, 224, 0); }
.more_p .smk_accordion .accordion_in.style1.acc_active > .acc_head{color: #fff;background-color: #60af4c;border-radius: 4px; }
.more_p .smk_accordion.acc_with_icon .accordion_in .acc_content{padding: 15px;border:1px solid #60af4c;border-top-left-radius: 0;border-top-right-radius: 0;background-color: #f6f6f6;}
.more_p .control-group{padding: 0px;}
.more_p .list-group{margin-bottom: 0}
.more_p  .list-group-item{ line-height: 35px;padding: 5px 10px;}
.logo.mt0{margin:8px 0!important;}
.detail .logo.style-2.pl0{padding-left: 0;}
.header-section .logo img{max-width: 170px;}
.tparrows.uranus{display: none}
.fluidbig {
  width: 500px;
  height: 500px;
  background:#b4e390;
  margin: 0 auto 0 0;
  border-radius: 50%;
  animation: rotate 30s infinite;
}
.fluidbig.righty {
  margin: 0 0 0 auto;
}
.exp h3{font-size: 4rem;color: transparent;}
.exp h3.t1{background: linear-gradient(to left,  #3f5972, #c8c8c8);-webkit-background-clip: text}
.exp h3.t2{background: linear-gradient(to left, #32a2fe 20%, #9fc820 100%);-webkit-background-clip: text}
.exp h3.t3{background: linear-gradient(-225deg, #edc2a6 0%, #eb897d 48%, #FF719A 100%);-webkit-background-clip: text}

.heading-title h1{background-color: #c8de82;}
em.step{font-size: 5rem;
    color: #a3c82f;
    opacity: .6;
    margin-bottom: 20px;
    display: block}
.fea-box-4:hover{background-color: #8fc139;}
/*.section-dark.green{background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%)!important;}*/
.section-dark.green{background: #56ab2f;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #a9cb3e, #56ab2f);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #a9cb3e, #56ab2f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.fea-box-4:hover em.step{color: #ffffff;opacity: 1}
.fea-box-4 i{color: #e74c3c;font-size: 14px;}
.owl-item .item .icon-streetsign{font-size: 18px;margin-right: 10px;}
.owl-item .item .above-arrow-line{font-size: 14px;font-weight: 500;}
.owl-item .item .title-3{min-height: 68px;}
.number{
    background-color: #9cc41d;
    color: #242c33;
    padding: 3px;
    width: 35px;
    height: 35px;
    line-height: 32px;
    border-radius: 50%;
    font-size: 16px;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
    float: left;
    font-weight: 600;
}
.acc_content .number{
    background-color: #505050;
    color: #fff;    
    font-weight: 500;    
    line-height: 30px;
}
.stepsection .fea-box-4{min-height: 319px;}
.fluidbox1{position: relative;}
.bg1{
background: #bdc3c7;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #2c3e50, #bdc3c7); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
.bg2{
background-image: linear-gradient(60deg, #64b3f4 0%, #c2e59c 100%);
}
.bg3{
background-image: linear-gradient(-225deg, #FFE29F 0%, #FFA99F 48%, #FF719A 100%);
}
.bg4{
background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
img.index1{
    position: absolute;
    width: 450px;
    right: 10px;
    top:0;
}
img.index2{
    position: absolute;
    width: 450px;
    left: -30px;
    top:0;
}
img.index3{
    position: absolute;
    width: 250px;
    right: 30%;
    top: 15%;
}
img.index3~span{
    position: absolute;
    bottom: 20%;
    right: 42%;
    font-size: 24px;
    color: white;
}
.tp-mask-wrap  img{height: auto !important;}
.detail .postinfo-box{padding: 30px}
.detail .img-box  h5.title-1{opacity: 0}
.header-section .main-nav .nav.top-nav li {
    display: inline-block !important;
    vertical-align: top;
    float: none;
    padding:0 10px;     
    line-height: 39px;
}
.main-img{
    background-size: cover;
    background-position: center;
    width: 100%;
    height:190px; 
    display: block;
}
.linebot{
    position: fixed;
    bottom: 12px;
    right: 12px;
    z-index: 9999;
    width: 55px;
    height: 55px;
    color: #fff;
    font-size: 17px;
    line-height: 55px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-box-shadow: 0px 23px 42px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 23px 42px rgba(0, 0, 0, 0.2);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}
.page .fa-map-marker,.detail .fa-map-marker{color: #60af4d}
.point{width: 100%}
.point li{
    width:calc((100% - 10px)/ 3);
    border-right: 1px solid #eee;
    padding: 5px;
}
.point li:last-child{border-right: none;}
.note{width: 100%;}
tbody{display: table-row-group!important;}
.note td{padding: 10px}
.fliter.text-box.padding-2{padding: 15px 20px;margin-bottom: 20px;}
.fliter table{width: 100%;}
.fliter td{padding: 5px;}
.fliter tr td:first-child{text-align: right;width: 20%}
.note td b{color: #3f3e3e;}
.tag span{
    background-color: #e7e3e3;
    color: #555;
    border-radius: 30px;
    padding: 3px 8px;
    font-size: 13px;
}
.fliter td span,.fliter .fa{
    color: #60af4c;    
    font-weight: 600;
}
.fliter .title-line-3{
    background-color:#60af4c;
    margin: 10px auto 10px;
}
.detail .header-section ul li a{color: #79b335;padding: 0px;}
.fa.fa-home.f18{font-size: 20px !important}
.rotate-3 {
    -moz-transform: rotate(-30deg);
    -webkit-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.face-1{
    position: absolute;
    bottom: 10px;
    width: 150px;
     -webkit-animation: mymove 5s infinite;
    animation: mymove 5s infinite;
}
.face-2{
    position: absolute;
    bottom: 10px;
    right: 20px;
    width: 150px;
     -webkit-animation: shake 2s infinite;
    animation: shake 2s infinite;
}
.face-3{
    position: absolute;
    bottom: 10px;
    width: 150px;
     -webkit-animation: shake 5s infinite;
    animation: shake 5s infinite;
}
table.people th,table.people td{ padding: 15px; background-color: #fff;}
table.people th{background-color: #B6DCD9;}
















@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(3px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-5px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(5px, 0, 0);
  }
}

@-webkit-keyframes mymove {
    0% {width: 120px;}
    50% {width: 160px }
    100% {width: 120px;}
}

/* Standard syntax */
@keyframes mymove {
    0% {width: 120px;}
    50% {width: 160px } /* ignored */
    100% {width: 120px;}
}


/*
| ----------------------------------------------------
|  radio
| ----------------------------------------------------
*/

ul.chec-radio {
    margin: 15px;
    padding-left: 0;
}
ul.chec-radio li.pz {
    display: inline;
}
ul.chec-radio .radio-inline{padding:0 15px; }
.chec-radio label.radio-inline input[type="checkbox"] {
    display: none;
}
.chec-radio label.radio-inline input[type="checkbox"]:checked+div {
    color: #fff;
    background-color: #000;
}
.chec-radio .radio-inline .clab {
    cursor: pointer;
    background: #e7e7e7;
    padding: 7px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #333;
    position: relative;
    height: 56px;
    float: left;
    margin: 0;
    margin-bottom: 5px;
    line-height: 43px;
    border-radius: 4px;
}
/*.chec-radio label.radio-inline input[type="checkbox"]:checked+div:before {
    content: "\f00c";
    margin-right: 5px;
    font-family: 'FontAwesome';
}*/
.chec-radio label.radio-inline input[type="radio"] {
    display: none;
}
.chec-radio label.radio-inline input[type="radio"]:checked+div {
    color: #fff;
    background-color: #60af4c;
}
/*.chec-radio label.radio-inline input[type="radio"]:checked+div:before {
    content: "\f00c";
    margin-right: 5px;
    font-family: 'FontAwesome';
}*/

/*--------------------------------------------------

 * slide button

 * -----------------------------------------------

*/

.anil_nepal{/*padding:20px 0px 0 0;*/ width:100%; display:block;}
.anil_nepal > span{line-height: 30px;}
.switch {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 50px;
    height: 30px;
    padding: 3px;
    margin: 0;
    /*background: linear-gradient(to bottom, #eeeeee, #FFFFFF 25px);*/
    /*background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF 25px);*/
    border-radius: 18px;
    /*box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);*/
    cursor: pointer;
    box-sizing: content-box;
}
.dashboard-menu li.active  .item.active .anil_nepal > span{
    font-weight: 700;
    font-size: 20px;
    opacity: 1 !important;
}
label {
    font-weight: inherit;
}
input[type=checkbox], input[type=radio] {
    margin: 4px 0 0;

    line-height: normal;
      -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}


.switch-input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    box-sizing: content-box;
}
.switch-left-right .switch-input:checked ~ .switch-label {
    background: inherit;
}
.switch-input:checked ~ .switch-label {
    background: #E1B42B;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-left-right .switch-label {
    overflow: hidden;
}
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}
.switch-label {
    position: relative;
    display: block;
    height: inherit;
    font-size: 16px;
    text-transform: uppercase;
    background: #eceeef;
    border-radius: inherit;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
    box-sizing: content-box;
}
.switch-left-right .switch-input:checked ~ .switch-label:before {
    opacity: 1;
    left: 100px;
}
.switch-input:checked ~ .switch-label:before {
    opacity: 0;
}
.switch-left-right .switch-label:before {
    background: #eceeef;
    text-align: left;
    padding-left: 60px!important;
}
.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 11px 0 0 0;
    text-indent: -12px;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-label:before {
    content: attr(data-off);
    right: 11px;
    color: #aaaaaa;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}

span.switch-label:after {
    content: attr(data-on);
    left: 11px;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.2);
    position: absolute;
  
}

.switch-label:before, .switch-label:after {
    position: absolute;
    top: 50%;
    margin-top: -5px;
    line-height: 1;
    -webkit-transition: inherit;
    -moz-transition: inherit;
    -o-transition: inherit;
    transition: inherit;
    box-sizing: content-box;
}

.switch-left-right .switch-input:checked ~ .switch-label:after {
    left: 0!important;
    opacity: 1;
    padding-left: 20px;
}


.switch-input:checked ~ .switch-label:after {
    opacity: 1;
}


.switch-left-right .switch-label:after {
    text-align: left;
    text-indent: 9px;
    background: #60af4c!important;
    left: -100px!important;
    opacity: 1;
    width: 100%!important;
 
}
.switch-left-right .switch-label:before, .switch-left-right .switch-label:after {
    width: 20px;
    height: 20px;
    top: 4px;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 0 5px 0;
    text-indent: -12px;
    border-radius: 20px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2), inset 0 0 3px rgba(0, 0, 0, 0.1);
}
.switch-input:checked ~ .switch-handle {
    left: 24px;
    box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}
.switch-label, .switch-handle {
    transition: All 0.3s ease;
    -webkit-transition: All 0.3s ease;
    -moz-transition: All 0.3s ease;
    -o-transition: All 0.3s ease;
}

.switch-handle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0);
    background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0);
    border-radius: 100%;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-handle:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -6px;
    width: 12px;
    height: 12px;
    /*background: linear-gradient(to bottom, #eeeeee, #FFFFFF);
    background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF);*/
    border-radius: 6px;
    box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
}


.img-carousel .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: rgb(139, 168, 83);
    text-decoration: none;
}
.img-carousel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -8px;
    font-size: 80px;
    line-height: 100%;
    color: #60af4c;
}
.img-carousel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -8px;
    font-size: 80px;
    line-height: 100%;
    color: #60af4c;
}
.map-btn {
    background: #60af4c;
    color: #fff;
    padding: 0 13px;
    line-height: 28px;
    border-radius: 24px;
    box-shadow: 0 3px 10px -1px rgba(0,0,0,0.2);
    position: absolute;
    top: 10px;
    right: 8px;
    z-index: 10;
}
.map-btn:hover,
.map-btn:active,
.map-btn:focus {
    background: #83c44d;
    color: #fff;
}
.acc-with-btn .acc_head::after{
    content: "";
    display: block;
    clear: both;
}
.acc-with-btn.smk_accordion .accordion_in .acc_head {
    line-height: 30px;
}
.btn-rounded {
    border-radius: 24px;
}
.map-modal .modal-header {
    border: 0;
    padding-bottom: 0px;
}
.map-modal .close {
    font-size: 32px;
    line-height: 20px;
}
.map-modal .modal-footer{
    text-align: center;
    border: 0;
}
.map-modal .modal-body img {
    width: 100%;
    max-width: 100%;
}
.map-modal .modal-title {
    display: inline-block;
}
.lock-btn {
    display: none;

    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    padding: 8px 12px;
    color: #fff;
    letter-spacing: 0.8px;
    background-color: #00c200;
    border-radius: 4px;
    box-shadow: 0 3px 10px -1px rgb(0 0 0 / 30%);
    z-index: 10;
}
.lock-btn img {
    width: 28px;
    height: 28px;
    display: inline-block;
    margin-right: 12px;
}
.lock-blur .lock-btn,
.lock-blur2 .lock-btn {
    display: block;
    
}
.secret-wrapper {
    position: relative;
}
.lock-blur::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/blurimg.jpg);
    background-size: cover;
    background-position: center;
    z-index: 9;
}
.lock-blur2::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/blurimg2.jpg);
    background-size: contain;
    background-position: center;
    z-index: 9;
}
/* .lock-blur::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 120px;
    height: 60px;
    background-color: #83c44d;
    border-radius: 32px;
    z-index: 10;
} */
.line-bubble {
    position: fixed;
    bottom: 1%;
    right: 1%;
    border: 2px solid #51D261;
    width: 60px;
    height: 60px;
    background-size: cover;
    background-position: center;
    background-color: #51D261;
    border-radius: 50%;
    z-index: 99;
}
.line-bubble_img {
    width: 55px;
    height: 55px;
    background-position: center;
    background-color: #fff;
    background-size: cover;
    border-radius: 50%;
    animation: lineshake 2s cubic-bezier(.36, .07, .19, .97) both infinite;
}
.line-bubble span {
    position: absolute;
    width: 60px;
    height: 60px;
    left: -2px;
    bottom: -3px;
    background: #8CF18F;
    border-radius: 50%;
    -webkit-animation: living 3s linear infinite;
    animation: living 3s linear infinite;
    opacity: 0.4;
    z-index: -1;
}
.line-bubble span:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.share-bubble {
    position: fixed;
    bottom: 80px;
    right: 1%;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    background-color: #5d96ec;
    z-index: 99;
}
.share-bubble_img {
    display: inline-block;
    line-height: 60px;
    vertical-align: middle;
    width: 55px;
    height: 55px;
    top: -3px;
    background-position: center;
    background-size: contain;
    animation: lineshake 2s cubic-bezier(.36, .07, .19, .97) both infinite;
}
.share-bubble span {
    position: absolute;
    width: 60px;
    height: 60px;
    left: 0px;
    bottom: 0px;
    background: #87c2ff;
    border-radius: 50%;
    -webkit-animation: living 3s linear infinite;
    animation: living 3s linear infinite;
    opacity: 0.4;
    z-index: -1;
}
.share-bubble span:nth-child(2) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
@keyframes lineshake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-2px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(1px, 0, 0);
    }
}

@keyframes living {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.5);
        opacity: 0.3;
    }

    100% {
        transform: scale(1.8);
        opacity: 0;
    }
}
.search-bar-wrapper {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 40%;
}
.home-search-bar {
    display: flex;
    
}

.home-search-bar input {
    background-color: rgb(60 23 23 / 86%);
    outline: none;
    padding: 10px 12px;
    font-size: 18px;
    margin: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: border .3s, -webkit-box-shadow .3s;
    transition: border .3s, -webkit-box-shadow .3s;
    transition: box-shadow .3s, border .3s;
    transition: box-shadow .3s, border .3s, -webkit-box-shadow .3s;
    width: 85%;
    border: 2px solid #ff3636;
    border-right: 0;
    box-shadow: 0 2px 47px -1px rgb(231 73 73 / 65%);
    border-radius: 4px 0 0 4px;
    transition: all 0.3s;
}
.home-search-bar input::placeholder {
    color: #a7a3a3;
}
.home-search-bar input::-webkit-input-placeholder {
    color: #a7a3a3;
}
.home-search-bar input:-ms-input-placeholder {
    color: #a7a3a3;
}
.home-search-bar input::-moz-placeholder {
    color: #a7a3a3;
}
.home-search-bar input:focus {
    background-color: rgba(255, 255, 255, 0.7);
}
.home-search-bar:hover input {
    box-shadow: -1px 2px 47px 3px rgb(231 73 73 / 88%);
}
.home-search-bar button {
    width: 15%;
    background-color: rgba(0, 0, 0, 0.6);
    color: #Fff;
    letter-spacing: 0.8px;
    border-radius: 0 32px 4px 0;
    outline: 0;
    border: 0;
    font-size: 16px;
    cursor: pointer;
    box-shadow: 0 2px 47px -1px rgb(231 73 73 / 65%);
    transition: all 0.3s;
}
.home-search-bar:hover button {
    background-color: #ff3636;
    box-shadow: 0 2px 47px 3px rgb(231 73 73 / 80%);
    color: #fff;
}
.home-search-bar button:active,
.home-search-bar button:active:focus,
.home-search-bar button:focus,
.home-search-bar button:focus-visible,
.home-search-bar button:focus-within {
    outline: none;
    background-color: #ff3636;
    box-shadow: 0 2px 47px 3px rgb(231 73 73 / 80%);
    color: #fff;
}
.home-navbar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 10px;
    padding-left: 4px;
    padding-right: 4px;
    display: flex;
    justify-content: space-between;
    z-index: 9999;
}
.home-navbar::after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.home-navbar .logo {
    width: 150px;
    opacity: 0.7;
    transition: all 0.3s;
}
.home-navbar .left-box {
    display: flex;
    flex-grow: 1;
}
.home-navbar .right-box {
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
    align-items: center;
}
.home-navbar:hover .logo {
    opacity: 1;
}
.home-navbar ul {
    margin: 0;
    padding: 0;
    margin-left: 32px;
}
.home-navbar ul li {
    list-style: none;
    float: left;
}
.home-navbar ul li a {
    color: #fff;
    display: inline-block;
    text-decoration: none;
    padding: 0 12px;
    line-height: 48px;
    opacity: 0.7;
    transition: all 0.3s;
}
.home-navbar ul li a:hover {
    opacity: 1;
}
.home-navbar ul li a .nav-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.search-bar-wrapper .feature-hint {
    margin-bottom: 8px;
    height: 25px;
    overflow: hidden;
}

.search-bar-wrapper .feature-item {
    margin: 0;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 500;
    display: inline-block;
    font-size: 17px;
}
.home-navbar .hamburger {
    display: none;
    justify-self: flex-end;
    padding: 12px;
}
.hamburger .icon {
    width: 28px;
    height: 28px;
}
.search-hint {
    display: none;
    transition: all 0.3s;
}
.search-hint.show {
    opacity: 1;
    visibility: visible;
}
/* .page-search-wrapper {
    position: absolute;
    bottom: 10%;
    left: 60%;
    transform: translateX(-50%);
    width: 30%;
} */
.page-search-wrapper {
    margin-bottom: 16px;
}
.page-search-wrapper input {
    width: 77%;
    padding: 8px;
}
.page-search-wrapper button{
    width: 23%;
    border-radius: 0 4px 4px 0;
}
.side-left-col {
    position: absolute;
    top: 66px;
    left: 0;
    width: 420px;
    background: rgb(27, 28, 29);
    background: linear-gradient(90deg, rgba(27, 28, 29, 0.7) 0%, rgba(17, 17, 19, 0.8) 85%);
    padding: 24px 16px;
    padding-top: 32px;
    color: #fff;
    border-radius: 0 8px 8px 0;
    box-shadow: 2px 2px 28px -1px rgba(163, 27, 27, 0.3);
    display: flex;
    flex-direction: column;
    max-height: 85%;

}
.side-left-col .house-name {
    margin: 0;
    font-size: 24px;
    line-height: 27px;
    font-weight: 900;
    letter-spacing: 1.4px;
}
.side-left-col .house-addr {
    margin: 12px 0;
    font-size: 17px;
    color: #909090;
}

.status-box {
    margin: 0 10px;
}
.status-box__inner {
    
    display: flex;
}
.side-left-col .status-box .item {
    background: linear-gradient(90deg, rgba(53, 53, 53, 0.801) 0%, rgba(52, 52, 52, 0.486) 65%);
    padding: 12px 18px;
    margin-right: 10px;
    border-radius: 8px;
    box-shadow: 0 0 18px 0 rgb(0 0 0 / 30%);
}
.side-left-col .item .item-label {
    color: #acacac;
}
.side-left-col .item .item-content {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
}
.side-left-col .top-box {
    flex-grow: 1;
}
.side-left-col .tool-box {
    flex-grow: 2;
    margin-top: 16px;
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}
.side-left-col .tool-box::-webkit-scrollbar {
    -webkit-appearance: none;
}

.side-left-col .tool-box::-webkit-scrollbar:vertical {
    width: 6px;
}

.side-left-col .tool-box::-webkit-scrollbar-thumb {
    background-color: rgba(136, 136, 136, 0.767);
    border-radius: 6px;
}

.side-left-col .tool-box::-webkit-scrollbar-track {
    background-color: rgba(12, 12, 12, 0.288);
    border-radius: 6px;
}
.side-tool-btn {
    width: 90%;
    font-size: 20px;
    font-weight: 500;
    padding: 8px 24px;
    padding-right: 32px;
    color: rgb(218, 218, 218);
    text-align: left;
    letter-spacing: 1.2px;
    display: block;
    transition: all 0.3s;
    background-color: rgba(78, 78, 78, 0.404);
    line-height: 22px;
    position: relative;
}
.side-tool-btn .icon {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    pointer-events: none;
}
.side-tool-btn i {
    color: rgb(139 139 139 / 90%);
    font-size: 32px;
    line-height: 25px;
    
    transition: all 0.5s;
}
.side-tool-btn .fa-search:before {
    margin-left: .2em;
    margin-right: .2em;
}
.side-tool-btn span {
    display: block;
}
.side-tool-btn .smtext {
    font-size: 14px;
    display: inline-block;
    padding: 2px 8px;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, 0.2);
    line-height: 16px;
    transition: all 0.5s;
}
.btn.side-tool-btn:active,
.btn.side-tool-btn:active:focus,
.btn.side-tool-btn:focus,
.btn.side-tool-btn:focus-visible,
.btn.side-tool-btn:focus-within {
    outline: none;
    color: #fff;
    /* box-shadow: 0 0 28px -2px rgba(153, 14, 14, 0.7); */
}
.side-tool-btn:hover {
    outline: none;
    color: #fff;
    /* border: 1px solid #e62727; */
    /* box-shadow: 0 0 28px -2px rgba(153, 14, 14, 0.7); */
    background-color: rgb(135 135 135 / 52%);
    /* transform: translateX(12px); */
}
.side-tool-btn:hover i {
    color: #fff;
    /* text-shadow: -3px 0px 17px rgb(0 0 0 / 89%); */
    /* transform: translateX(32px); */
}
.side-tool-btn:hover .smtext {
    transform: translateX(32px);
}

.side-left-col .tool-box .item {
    padding: 4px 0;
}
.side-tool-btn.active i {
    color: #f33131;
    text-shadow: 0px 0px 17px rgb(255 108 108 / 69%);
}

#feature7 .modal-dialog {
    top: 10%;
}
#feature7 .modal-content,
#login-modal .modal-content {
    background-color: rgb(60 60 60 / 76%);
    border-radius: 0;
}
#feature7 .modal-header,
#login-modal .modal-header{
    display: flex;
    border: 0;
    padding-bottom: 0;
}
#feature7 .modal-footer {
    border: 0;
    text-align: center;
    padding-top: 0;
}
#feature7 .modal-title,
#login-modal .modal-title {
    width: 95%;
    color: #fff;
}
#feature7 .close,
#login-modal .close {
    width: 5%;
    text-align: center;
    color: #fff;
    opacity: 0.6;
}
#feature7 .close:hover {
    opacity: 1;
}
#feature7 .btn-dark {
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    width: auto;
    padding: 8px 24px;
    margin-top: 4px;
    border-radius: 32px;
    font-size: 16px;
    letter-spacing: 1px;
    transition: all 0.3s;
}
#feature7 .btn-dark:hover,
#feature7 .btn-dark:active,
#feature7 .btn-dark:active:focus,
#feature7 .btn-dark:focus,
#feature7 .btn-dark:focus-visible,
#feature7 .btn-dark:focus-within {
    outline: 0;
    background-color: rgba(199, 199, 199, 0.63);
    color: #000;
}
.feature7-carousel .item img {
    width: 100%;
    max-width: 100%;
}
.tablet-bottom-row {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 160px;
    background: rgb(82, 82, 82);
    background: linear-gradient(180deg, rgba(82, 82, 82, 0) 0%, rgba(0, 0, 0, 0.8) 88%);
    overflow-x: scroll;
}
.tablet-bottom-row .tool-box {
    display: flex;
}
.tablet-bottom-row .tool-box .item {
    padding: 24px 16px;
}
.tablet-bottom-row .tool-box .item:first-child {
    padding-left: 40px;
}
.tablet-bottom-row .tool-box .side-tool-btn {
    width: 100%;
    border-radius: 40px;
    padding: 8px 26px;
    padding-right: 60px;
    border: 1px solid rgb(255 255 255 / 52%);
    background-color: rgb(76 76 76 / 87%);
    color: #fff;
    transition: all 0.3s;
}

.tablet-bottom-row .side-tool-btn .icon {
    right: 4%;
}
.tablet-bottom-row .side-tool-btn:hover i {
    color: inherit;
}
.tablet-bottom-row .side-tool-btn.active i {
    color: #f33131;
    text-shadow: 0px 0px 17px rgb(255 108 108 / 69%);
}

.mobile-arrow {
    display: none;
}
.back-search {
    display: none;
}
.page-search-wrapper .search-close {
    display: none;
}
.page-search-wrapper .search-close:hover,
.page-search-wrapper .search-close:active {
    text-decoration: none;
}
.feature7-carousel.owl-theme .owl-dots .owl-dot.active span,
.feature7-carousel.owl-theme .owl-dots .owl-dot:hover span {
    background: #dfdfdf;
}
.feature7-carousel.owl-theme .owl-dots .owl-dot span {
    background: #8d8d8d;
}
.loading-circle {
    display: inline-block;
    width: 17px;
    display: inline-block;
    vertical-align: middle;
    top: -2px;
    position: relative;
    margin-left: 3px;
}
.origin-link {
    display: inline-block;
    line-height: 18px;
    font-size: 15px;
    font-weight: normal;
    margin-left: 2px;
}
.origin-link a {
    box-shadow: 0 3px 6px 0px rgba(0,0,0,0.6);
    background-color: #ab926e;
    border-radius: 20px;
    color: #fff;
    padding: 2px 8px;
    display: inline-block;
    transition: all 0.1s;
}
.origin-link a:hover {
    text-decoration: none;
    background-color: #c4b198;
}
.origin-link .icon-link {
    line-height: inherit;
    font-size: 14px;
    margin-right: 1px;
}
.origin-link .icon-link:before {
    font-family: 'Simple-Line-Icons';
}

#login-modal .lock-btn {
    display: inline-block;
    position: relative;
    white-space: nowrap;
    padding: 8px 12px;
    color: #fff;
    letter-spacing: 0.8px;
    background-color: #00c200;
    border-radius: 4px;
    box-shadow: 0 3px 10px -1px rgb(0 0 0 / 30%);
    z-index: 10;
    transform: none;
    top: 0;
    left: 0;
}
#login-modal .lock-btn:hover {
    text-decoration: none;
}
#login-modal .modal-body {
    padding: 60px 0;
}
#login-modal .modal-dialog {
    width: 540px;
}

/*
| ----------------------------------------------------
| responsive
| ----------------------------------------------------
*/
@media (max-width: 1441px) {
    .page-search-wrapper {
        width: 100%;
    }
    .home-search-bar button {
        width: 22%;
    }
    .home-search-bar input {
        width: 78%;
    }
}
 @media (max-width: 1025px) {
    .main-img{height: 150px;}
    .side-left-col.tablet-top-row {
        display: block;
        
        width: 500px;
        
    }
    .side-left-col .tool-box{
        display: none;
    }
    .tablet-bottom-row {
        display: block;
    }
    .back-search {
        bottom: 20%;
    }
    .side-tool-btn:hover {
        transform: translateX(0);
    }

    .side-tool-btn:hover .smtext {
        transform: translateX(0);
    }
    .page-search-wrapper {
        width: 100%;
       
    }
   
}
@media (max-width: 992px) {

}
 @media (max-width: 769px) {
    .list-2 .padding-top-1{padding-top: 20px;}
    .input-1.range{width: calc((100vw - 130px)/2);margin: 0 10px;}
    .header-section{padding-bottom: 0}
    .header-section.style1{background-color: #fff;}
    .header-section ul li a{color: #242C33;    margin-top: 10px !important;}
    .funtion .text-box{min-height: 348px;}
    .detail .postinfo-box{padding: 20px 15px 0}
    .slide{
        content: '';
        display: block;
        width: 100%;
        height: 100px;
        position: absolute;
        bottom: 0;
        z-index: 5;
        background: linear-gradient(to bottom,rgba(0,0,0,0) 1%,rgba(0,0,0,0) 45%,rgba(0,0,0,.5) 100%);
    }
    .detail .img-box  h5.title-1{
        position: absolute;
        bottom: 8px;
        left: 10px;
        right: 8px;
        color: #fff;
        font-size: 1.8rem;
        z-index: 6;
        overflow: hidden;
        letter-spacing: .43px;
        margin-bottom: 5px;
        opacity: 1;
    }
    .detail .postinfo-box .title{display: none;}
    .detail .header-section ul li a{color: #79b335;padding: 6px 20px;}

    img.index1{right: 150px;}
    img.index2{left: -30px;top:0;}
    .face-2{right: 150px;}    
    .main-img{height: 170px;}
    .detail  .header-section{padding-top: 0px;}
    .tablet-bottom-row {
        height: 150px;
    }
    .side-left-col .house-name {
        font-size: 22px;
    }
    .side-left-col .item .item-content {
        font-size: 18px;
    }
    .page-search-wrapper {
        width: 100%;
    }
 }


 /*iphone plus*/
@media (max-width: 415px) {
    .textaria-1{height: 100px;}
    .input-1.range{width: calc((100vw - 108px)/2);margin: 0 10px;}
    .fluidbig {width: 250px;height: 250px;    }
    img.index1,img.index2{width: 270px;}
    .funtion .text-box{margin-bottom: 15px;}
    .header-section .logo img{max-width: 150px;}
    .funtion .text-box{min-height: 100px;}
    footer .col-xs-12.text-right{text-align: left;}
    footer .col-xs-12.text-right img{float: left;}    
    .fliter table tr td{height: 45px;}
    .fliter table tr td:first-child{width: 34%;}
    .detail .section-less-padding{padding-top: 20px;}
    .bg2-featurebox-3 .postinfo-box h2.text-red{font-size: 30px;}
    .header-section .main-nav .nav.top-nav li{padding:0 }
    .detail .header-section ul li a{color: #79b335;padding: 0px 15px;}
    img.index1{right: 10px;}
    .face-2{right: 20px;}
    .face-3{bottom: -50px;}
    img.index3{width: 120px;}
    img.index3~span{right: 23%;}
    #rev_slider .slider-but-1{width: 150px !important;}
    .home-navbar {
        padding-top: 5px;
    }
    .search-bar-wrapper {
        width: 88%;
    }
    .home-search-bar {
        align-items: center;
        flex-direction: column;
    }
    .home-search-bar input {
        width: 100%;
        font-size: 17px;
        border: 2px solid #ff3636;
        border-radius: 4px;
    }
    .home-search-bar button {
        width: auto;
        padding: 8px 24px;
        margin-top: 4px;
        border-radius: 4px;
    }
    .home-navbar .logo,
    .home-navbar:hover .logo {
        opacity: 1;
    }
    .home-navbar .hamburger {
        display: block;
    }
    .home-navbar .nav-menu {
        opacity: 0;
        visibility: hidden;
        margin-left: 0;
        transform: translateX(100%);
        transition: all 0.5s;
        position: fixed;
        top: 52px;
        right: 0;
        width: 40%;
        background-color: rgba(0, 0, 0, 0.8);
    }
    .home-navbar .nav-menu.show {
        opacity: 1;
        visibility: visible;
        transform: translateX(0);
    }
    .home-navbar ul li a {
        margin-bottom: 6px;
        opacity: 1;
    }
    .home-navbar ul li a:last-child {
        margin-bottom: 0;
    }
    .search-hint {
        display: block;
        opacity: 0;
        visibility: hidden;
        padding-top: 4px;
        padding-left: 2px;
        font-size: 15px;
        letter-spacing: 1px;
        color: rgba(255, 255, 255, 0.9);
    }
    .home-search-bar input::placeholder {
        font-size: 16px;
    }
    .home-search-bar input::-webkit-input-placeholder {
        font-size: 16px;
    }
    .home-search-bar input:-ms-input-placeholder {
        font-size: 16px;
    }
    .home-search-bar input::-moz-placeholder {
        font-size: 16px;
    }
    .side-left-col.tablet-top-row {
        padding: 16px;
        max-height: 100%;
        width: 75%;
        padding-bottom: 8px;
    }
    .side-left-col .house-name {
        font-size: 19px;
        line-height: 22px;
    }
    .side-left-col .house-addr {
        margin-top: 6px;
        margin-bottom: 0;
        font-size: 16px;
        letter-spacing: 0.6px;
    }
    .tablet-bottom-row {
        height: auto;
    }
    .tablet-bottom-row .tool-box .item:first-child {
        padding-left: 15%;
    }
    .tablet-bottom-row .tool-box .item:last-child {
        padding-right: 32px;
    }
    .status-box {
       max-height: 0;
       overflow: hidden;
       transition: max-height 0.3s ease;
    }
    .status-box.show {
        max-height: 160px;
    }
    .status-box__inner {
        display: block;
    }
    .side-left-col .status-box .item {
        display: flex;
        align-items: center;
        margin-bottom: 6px;
        padding: 8px 16px;
        margin-right: 0;
    }
    .side-left-col .status-box .item-label {
        width: 30%;
    }
    .side-left-col .status-box .item-content {
        width: 70%;
        font-size: 16px;
    }
    .mobile-arrow {
        display: block;
        text-align: center;
        font-size: 24px;
        line-height: 20px;
    }
 
    
    .tablet-bottom-row .tool-box .item {
        padding: 24px 8px;
    }
    .page-search-wrapper {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        bottom: auto;
        background-color: rgb(0 0 0 / 86%);
        /* transform: translateX(0); */

        transition: all 0.3s;
        z-index: 10000;

    }
    .page-search-wrapper.show {
        opacity: 1;
        visibility: visible;
        pointer-events: all;
        
    }
    .page-search-wrapper .home-search-bar {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80%;
    }
    .page-search-wrapper .search-close {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        padding: 12px;
    }
    .page-search-wrapper .search-close span {
        font-size: 32px;
        line-height: 28px;
        color: #fff;
    }
    .back-search {
        display: block;
        padding: 12px;
    }

    .back-search .icon {
        text-align: center;
        color: #fff;
        width: 24px;
        height: 24px;
    }
    .side-tool-btn {
        font-size: 17px;
    }
    .tablet-bottom-row .side-tool-btn i {
        font-size: 28px;
        position: absolute;
        right: 14px;
        top: 50%;
        transform: translateY(-50%);
    }
    .origin-link {
        font-size: 14px;
    }
    .origin-link a {
        padding: 0px 6px;
    }
    .origin-link .icon-link {
        font-size: 13px;
    }
    #login-modal .modal-dialog {
        width: auto;
        margin-top: 68px;
    }

}


/*iphone: 7px*/
@media (max-width: 376px) {
    .main-img{height: 170px;}
    .img-carousel .owl-nav button.owl-prev {
        font-size: 64px;
    }
    .img-carousel .owl-nav button.owl-next {
        font-size: 64px;
    }
    .home-navbar .nav-menu {
        width: 45%;
    }


}



@media (max-width: 360px) {
    .message .imgbox-small{width: 50px;height: 50px;}
    .text-box-right {
        padding: 0px 15px 0px 0px;
        width: 75%;
    }
    .header-section .main-nav .nav.top-nav{top: 0}
    .share-bubble {
        bottom: 74px;
    }
    .home-navbar .nav-menu {
        width: 46%;
    }
    .side-left-col .house-name {
        font-size: 17px;
        line-height: 22px;
    }

    .side-left-col .house-addr {
        margin-top: 4px;
        font-size: 15px;
    }
    .side-left-col .status-box .item {
        padding: 8px 10px;
    }
    .side-tool-btn {
        font-size: 16px;
    }
    
}
/*iphone 5*/
@media (max-width: 321px) {
    .detail .postinfo-box{padding: 20px 10px 0}
    .fliter.text-box.padding-2{padding: 10px;}
    .detail .header-section ul li a{color: #79b335;padding: 8px 20px;}
    .fluidbig {width: 220px;height: 220px;}
    img.index3~span{right: 23%;bottom: 15%;font-size: 20px;}
    .main-img {height: 150px;}
    .face-1,.face-2,.face-3{width: 100px;}
    #rev_slider .slider-but-1{width: 120px !important;}
    .img-carousel .owl-nav button.owl-prev {
        font-size: 52px;
    }
    .img-carousel .owl-nav button.owl-next {
        font-size: 52px;
    }
    .lock-blur .lock-btn,
    .lock-blur2 .lock-btn {
        font-size: 15px;
    }
    .home-navbar .nav-menu {
        width: 52%;
    }
}