/*-------------------------------------------------
 =  Table of CSS
	1.All Pages Common CSS Styles
    2.
-------------------------------------------------*/
 /*-------------------------------------------------*/
 /* =  1.All Pages Common CSS Styles
/*-------------------------------------------------*/

 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&family=Quicksand:wght@500;600;700&display=swap');

 p,
 a,
 span,
 li,
 label,
 tr,
 td,
 a,
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 menu,
 nav,
 summary,
 input,
 textarea,
 select {
     font-family: 'Poppins', sans-serif;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-top: 0px;
     font-family: 'Quicksand', sans-serif;
 }

 ul {
     padding: 0px;
     margin: 0px;
 }

 li {
     list-style-type: none;
 }

 * {
     box-sizing: border-box;
 }

 /* fallback */
 @font-face {
     font-family: 'Material Icons';
     font-weight: 400;
     font-style: normal;
     font-display: swap;
     unicode-range: U+000-5FF;
     src: url(icon.woff2) format("woff2")
 }

 .material-icons {
     font-family: 'Material Icons';
     font-weight: normal;
     font-style: normal;
     font-size: 24px;
     line-height: 1;
     letter-spacing: normal;
     text-transform: none;
     display: inline-block;
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;
     -webkit-font-feature-settings: 'liga';
     -webkit-font-smoothing: antialiased;
     text-rendering: optimizeLegibility;
 }

 :before {
     font-family: "Material Icons";
     position: absolute;
     font-size: 18px;
     color: #9d9a98;
     font-weight: 500;
 }

 :after {
     font-family: "Material Icons";
     position: absolute;
     font-size: 18px;
     color: #6a717f;
     font-weight: 500
 }

 a {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     text-decoration: none;
 }

 a:hover {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     text-decoration: none;
 }

 .ic-pho:before {
     content: "local_phone";
 }

 .ic-eml:before {
     content: "mail";
 }

 .ic-web:before {
     content: "language";
 }

 .ic-map:before {
     content: "location_on";
 }

 .ic-pho:before {
     content: "phone";
 }

 .ic-user:before {
     content: "person";
 }

 .addr:before,
 .pho:before,
 .mail:before {
     /* position: absolute; */
     /* width: 18px; */
     /* height: 18px; */
     /* background-size: cover; */
     /* background-repeat: no-repeat; */
     font-size: 20px;
 }

 .addr:before {
     content: 'location_on';
     margin: -3px 0px 0px -28px;
 }

 .pho:before {
     content: 'phone_iphone';
     margin: -4px 0px 0px -27px;
 }

 .mail:before {
     content: 'mail_outline';
     margin: -4px 0px 0px -28px;
 }

 /*-------------------------------------------------*/
 /* =  2.PRE LOADING
/*-------------------------------------------------*/
 #preloader,
 #loadingmessage {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #143d4c9c;
     /* change if the mask should have another color then white */
     z-index: 99999;
     /* makes sure it stays on top */
 }

 #status,
 #loadingmessage1 {
     position: absolute;
     left: 47%;
     top: 32%;
     border: 5px solid #e0ebf4;
     border-radius: 50%;
     border-top: 5px solid #03A9F4;
     width: 90px;
     height: 90px;
     -webkit-animation: spin 2s linear infinite;
     /* Safari */
     animation: spin 2s linear infinite;
 }

 /* Safari */
 @-webkit-keyframes spin {
     0% {
         -webkit-transform: rotate(0deg);
     }

     100% {
         -webkit-transform: rotate(360deg);
     }
 }

 @keyframes spin {
     0% {
         transform: rotate(0deg);
     }

     100% {
         transform: rotate(360deg);
     }
 }

 .status_message {
     background: #21d78d;
     padding: 10px 40px;
     border-radius: 0 0 5px 5px;
     display: table;
     margin: 0 auto;
     box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
     transition: all 0.5s ease;
     position: fixed;
     top: 0px;
     z-index: 22;
     left: 0px;
     width: 100%;
     text-align: center;
     background: linear-gradient(to top, #0cc87c, #21d78d 70%);
     color: #fff;
     font-size: 13.5px;
 }

 label.error {
     color: #ff1d1d;
     font-size: 12px;
     margin-bottom: 0px;
 }

 .spa-first-review {
     border: 1px solid #d3e0e9;
     border-radius: 4px;
     background: #f0f9ff;
     padding: 20px;
     margin: 15px 0px;
     float: left;
     text-align: center;
     width: 100%;
 }

 div#review_success {
     border: 1px solid #91ff94;
     border-radius: 4px;
     background: #e5ffe5;
     padding: 20px;
     margin: 15px;
     float: left;
     text-align: center;
     width: 100%;
     font-weight: 500;
     font-size: 17px;
     color: #007c03;
 }

 #home_enq_success {
     background: #e1ffec;
     border: 1px solid #6acc8e;
     padding: 7px;
 }

 #home_enq_success p {
     color: #1ca54e;
     margin: 0px;
     font-size: 13px;
     font-weight: 500;
 }

 .log p {}

 .login-reg .log p {}

 .log-suc p {
     border: 1px solid #d3e9d7;
     border-radius: 4px;
     background: #f0fff5;
     padding: 8px;
     margin: 15px 0px;
     float: left;
     text-align: center;
     width: 100%;
     color: #1a863e;
     font-size: 12px;
     font-weight: 500;
 }

 .log-error p {
     border: 1px solid #e9d3d3;
     border-radius: 4px;
     background: #fff2f0;
     padding: 20px;
     margin: 15px 0px;
     float: left;
     text-align: center;
     width: 100%;
     color: #861a1a;
 }

 div#event_detail_enq_success p {
     border: 1px solid #1e910a;
     border-radius: 4px;
     background: #1e700f;
     padding: 15px;
     margin: 15px 0px;
     float: left;
     text-align: center;
     width: 100%;
     font-weight: 500;
     font-size: 12px;
     color: #ffffff;
 }

 .lhs-cate .dropdown select {
     background: #e8eaed;
     border: 0px;
     font-size: 15px;
     padding: 12px 18px;
     color: #0a0a0b;
     width: 100%;
     border-radius: 5px;
     font-weight: 500;
     float: left;
 }

 .hm3-auto-ban {
     position: relative;
 }

 .hm3-auto-ban .lhs {
     float: left;
     width: 60%;
     padding: 90px 50px 0px 100px;
     position: relative;
     color: #fff;
 }

 .hm3-auto-ban .lhs span {
     /* background: #1d9ad6; */
     color: #44b2f3;
     font-size: 14px;
     font-weight: 500;
     padding: 0px 6px;
 }

 .hm3-auto-ban .lhs h1 {
     font-family: 'Poppins';
     font-weight: 700;
     font-size: 56px;
     line-height: 60px;
 }

 .hm3-auto-ban .lhs h1 b {
     color: #44b2f3;
 }

 .hm3-auto-ban .lhs h4 {}

 .hm3-auto-ban .lhs p {
     padding-bottom: 15px;
 }

 .hm3-auto-ban .lhs a {
     background: #fba304;
     color: #000;
     padding: 10px 30px 10px 30px;
     border-radius: 5px;
     border: 1px solid #fba304;
     display: inline-block;
     font-weight: 600;
 }

 .hm3-auto-ban .lhs a:hover {
     background: #f7b846;
     border: 1px solid #f7b846;
     box-shadow: 0px 4px 20px -4px #15212f;
 }

 .hm3-auto-ban .rhs {
     float: left;
     width: 40%;
     padding: 0px 100px 0px 0px;
     position: relative;
 }

 .hm3-auto-ban .rhs .hom-col-req {
     margin: 0px;
     box-shadow: 0 -7px 18px -5px rgb(0 0 0 / 76%);
     border-radius: 0px;
     background: url(../images/city-bg.png) no-repeat #fff;
     background-position: right bottom;
     background-size: 100%;
 }

 .hm3-auto-ban .rhs .hom-col-req form {
     padding: 15px 35px 30px 35px;
 }

 .hm3-auto-ban .rhs .hom-col-req h4 {
     color: #000;
     font-size: 18px;
     font-family: 'Poppins';
     line-height: 30px;
     font-weight: 600;
 }

 .hm3-auto-ban .rhs .hom-col-req input,
 .hm3-auto-ban .rhs .hom-col-req select,
 .hm3-auto-ban .rhs .hom-col-req textarea {
     font-family: 'Poppins';
     font-size: 13px;
 }

 .hm3-auto-ban .rhs .hom-col-req input {}

 .hm3-auto-ban .rhs .hom-col-req select {}

 .hm3-auto-ban .rhs .hom-col-req textarea {
     height: 54px;
 }

 .hm3-auto-ban .rhs .hom-col-req button {
     font-size: 14px;
 }

 .hm3-auto-ban:before {
     content: '';
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     width: 100%;
     height: 100%;
     z-index: 0;
     background: linear-gradient(to right, #030b19d6, #00000024);
 }

 /*-------------------------------------------------*/
 /* = SEARCH RESULTS
/*-------------------------------------------------*/

 .ser-head {
     margin-top: 55px;
     padding: 50px 0px 40px 0px;
     position: relative;
 }

 .ser-head h2 {}

 .ser-head .ban-search {
     width: 55%;
     padding: 0px;
     background: none;
 }

 .ser-head .ban-search ul li.sr-sea {
     width: 100%;
     margin: 0px;
 }

 .ser-head .ban-search ul li.sr-sea:before {
     margin-top: 11px;
 }

 .ser-head .ban-search ul li input {
     border-radius: 50px;
     border: 1px solid #d5d5d5;
 }

 .ser-head .ban-search ul li.sr-btn {
     width: 20%;
     /* margin-left: -140px; */
     position: absolute;
     right: 5px;
     top: 4px;
 }

 .ser-head .ban-search ul li input[type="submit"] {
     height: 42px;
 }

 .ser-re-hu {
     padding-bottom: 5px;
     color: #333;
 }

 .ser-re-cout {
     position: fixed;
     top: 70px;
     z-index: 9;
     background: #befbd1;
     width: 40%;
     text-align: center;
     border-radius: 4px;
     padding: 3px;
     color: #2d8c4a;
     font-size: 13px;
     border: 1px solid #81de9e;
     font-weight: 500;
     box-shadow: 0px 1px 15px -1px #3333334f;
 }

 .ser-resu {}

 .ser-resu ul {}

 .ser-resu ul li {
     padding-bottom: 20px;
     float: left;
     width: 25%;
     border: 6px solid #3330;
 }

 .ser-resu ul li:hover .ser1 a {
     /* text-decoration: underline; */
     color: #1182dc;
 }

 .ser-resu ul li:hover .ser4 a {
     color: #38bc0d;
 }

 .ser-resu ul li:hover .ser2 {
     background: #38bc0d;
 }

 .ser1 {
     float: left;
     width: 100%;
     padding: 15px;
 }

 .ser1 a {
     font-size: 14px;
     font-weight: 600;
     color: #000000;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     float: left;
     display: inline-block;
     width: 100%;
     line-height: 15px;
 }

 .ser2 {
     font-size: 11.5px;
     background: #05b383;
     padding: 0px 5px;
     font-weight: 400;
     color: #fff;
     border-radius: 2px;
     position: absolute;
     top: 0px;
     left: 0px;
 }

 .ser2.ser-ev {
     background: #caa10a;
     color: #fff;
 }

 .ser2.ser-bl {
     background: #0291d2;
 }

 .ser3 {
     font-size: 14px;
     padding-top: 3px;
     display: none;
 }

 .ser3 p {
     margin-bottom: 0px;
 }

 .ser4 {}

 .ser4 a {
     font-size: 13px;
     color: #ffffff00;
     text-decoration: underline;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     font-size: 0px;
 }

 .smbox {
     /* margin: 15px; */
     border: 1px solid #f7f5f5;
     box-shadow: 0px 3px 13px -5px #3333333b;
     position: relative;
     float: left;
     width: 100%;
     transition: all 0.5s ease;
 }

 .smbox:hover {
     transform: translateY(-6px);
     transition: all 0.5s ease;
     box-shadow: 0px 18px 26px -16px #333333e6;
 }

 .ser0 {}

 .ser0 img {
     width: 100%;
     height: 165px;
     border-radius: 0px;
     object-fit: cover;
 }

 /*-------------------------------------------------*/
 /* = 4.DESKTOP MENU
/*-------------------------------------------------*/
 .menu {
     margin-right: 20px;
     float: left;
     margin-right: 20px;
     /* display: inline-block; */
     border-left: 1px solid #4f6171;
     padding: 5px 5px 5px 12px;
     margin-left: 20px;
     margin-top: 10px;
     cursor: pointer;
     position: relative;
 }

 .menu:after,
 .pmenu-cat ul li a:before,
 .al:after {
     content: '';
     background: url('../images/icon/svg/down-arrow.svg');
     transition: all 0.5s ease;
 }

 .menu:after {
     color: #000;
     right: -16px;
     top: 9px;
     width: 10px;
     height: 10px;
     filter: invert(1);
 }

 .menu.ani:after {
     transform: rotate(180deg);
 }

 .menu h4 {
     color: #000;
     font-size: 13.5px;
     margin: 0px;
     font-weight: 700;
     /* text-transform: uppercase; */
 }

 .menu i {
     width: 32px;
     height: 32px;
     text-align: center;
     cursor: pointer;
     position: absolute;
     top: 8px;
     padding-top: 3px;
     border-radius: 50px;
     box-shadow: 0 0 0 rgb(66, 116, 235);
     animation: pulse 1.5s infinite;
     background: #4274eb;
     color: #ffffff;
     /* border: 1px solid #b2ddff; */
 }

 .menu .mopen {
     /* display: none;
     */
 }

 .ad-head {
     transition: all 0.5s ease;
     padding: 5px 2%;
     position: fixed;
     top: 0px;
     z-index: 20;
     width: 100%;
     background: #fff;
     box-shadow: 0px 1px 16px -8px rgba(42, 42, 42, 0.8);
 }

 .pulse {
     box-shadow: 0 0 0 rgba(204, 169, 44, 0.4);
     animation: pulse 1.5s infinite;
 }

 .pulse:hover {
     animation: none;
 }

 @-webkit-keyframes pulse {
     0% {
         -webkit-box-shadow: 0 0 0 0 rgb(178, 221, 255);
     }

     70% {
         -webkit-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
     }

     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
     }
 }

 @keyframes pulse {
     0% {
         -moz-box-shadow: 0 0 0 0 rgb(178, 221, 255);
         box-shadow: 0 0 0 0 rgb(178, 221, 255);
     }

     70% {
         -moz-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
         box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
     }

     100% {
         -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
         box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
     }
 }

 .pop-menu {
     width: 100%;
     background: #ffffff;
     position: absolute;
     overflow: hidden;
     z-index: 99;
     padding: 25px;
     box-shadow: 0px 15px 36px -12px rgba(0, 0, 0, 0.5);
     margin-top: 54px;
     left: 0px;
     transition: all 0.3s ease;
     visibility: hidden;
     opacity: 0;
     transform: translateY(15px);
 }

 .pop-menu:after {
     content: '';
     position: absolute;
     background: url(../images/city-bg.png) #fff;
     background-position: right bottom;
     background-size: 460px;
     width: 100%;
     height: 72px;
     animation: animatedBackground 80s linear infinite;
     bottom: 0px;
     z-index: -1;
     left: 0px;
 }

 .pop-menu .clopme {
     right: 0px;
     position: absolute;
     top: 0px;
     font-size: 30px;
     cursor: pointer;
     color: #333;
 }

 .pmenu-sear {
     width: 100%;
     margin-bottom: 30px;
     display: none;
 }

 .pmenu-sear form {}

 .pmenu-sear form input {
     width: 100%;
     border: 0px;
     border-bottom: 1px solid #e3dbdb;
     text-align: center;
     padding-bottom: 6px;
     font-size: 18px;
     font-weight: 300;
 }

 .pmenu-cat {
     float: left;
     width: 78%;
     border-left: 1px solid #d6d6d6;
     /* margin-top: 15px; */
     /* padding-top: 12px; */
     /* padding-left: 30px; */
     padding: 0 0 20px 30px;
 }

 .pmenu-cat h4 {
     font-size: 16px;
     font-weight: 800;
     padding-bottom: 15px;
     text-transform: uppercase;
     /* border-bottom: 1px solid #d6d6d6; */
     /* margin-bottom: 25px; */
 }

 .pmenu-cat input {
     border: 0px;
     border-bottom: 1px solid #e2e2e2;
     width: 100%;
     margin: 5px 0px 20px 0px;
     font-size: 14px;
 }

 .pmenu-cat ul {}

 .pmenu-cat ul li {
     float: left;
     width: 20%;
     padding: 0px 10px 6px 20px;
     position: relative;
 }

 .pmenu-cat ul li a {
     color: #58677b;
     font-size: 13px;
     font-weight: 500;
     transition: all 0.2s ease;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: pre;
     display: inline-block;
     width: 100%;
 }

 .pmenu-cat ul li a span {
     color: #97a8bf;
     font-weight: 400;
 }

 .pmenu-cat ul li a:hover {
     color: #1051b7;
     text-decoration: underline;
     transition: all 0.2s ease;
 }

 .pmenu-cat ul li a:hover:before {
     color: #1051b7;
     transition: all 0.2s ease;
 }

 .pmenu-cat ul li a:before {
     margin: 5px 0px 0px -20px;
     color: #9d9faa;
     transition: all 0.2s ease;
     width: 9px;
     height: 9px;
     /* filter: invert(1); */
     transform: rotate(-90deg);
     opacity: 0.6;
 }

 .pmenu-cat ul li .sub-cat-menu {
     position: absolute;
     background: #fff;
     z-index: 9;
     width: 200px;
     border-radius: 2px;
     visibility: hidden;
     /* right: -200px; */
     top: 26px;
     box-shadow: 0px 3px 13px 3px #dededea1;
     padding: 12px 7px 7px 18px;
     transition: all 0.5s ease;
     transform: translateY(10px);
     opacity: 0;
     min-height: 200px;
     max-height: 250px;
     overflow-y: auto;
 }

 .pmenu-cat ul li .sub-cat-menu ul {}

 .pmenu-cat ul li .sub-cat-menu ul li {
     width: 100%;
     padding: 0px;
 }

 .pmenu-cat ul li .sub-cat-menu ul li a {
     font-size: 12px;
     color: #1264e6;
     font-weight: 500;
 }

 .pmenu-cat ul li .sub-cat-menu ul li a:before {
     display: none;
 }

 .pmenu-cat ul li:hover .sub-cat-menu {
     visibility: visible;
     transform: translateY(0px);
     opacity: 1;
 }

 .pmenu-eve {
     float: left;
     width: 100%;
 }

 .pmenu-eve ul {}

 .pmenu-eve ul li {
     float: left;
     width: 50%;
 }

 .pmenu-eve ul li:nth-child(odd) div {
     margin: 0px 15px 15px 0px;
 }

 .pmenu-eve ul li:nth-child(even) div {
     margin: 0px 0px 15px 15px;
 }

 .pmenu-eve ul li div {
     transition: all 0.5s ease;
 }

 .pmenu-eve ul li div:hover {
     box-shadow: 0px 20px 24px -22px rgba(51, 57, 60, 0.88);
     transition: all 0.5s ease;
     transform: translateY(-5px);
 }

 .pmenu-blo {
     float: left;
     width: 25%;
 }

 .pm-box {
     position: relative;
     border-radius: 5px;
     overflow: hidden;
     padding: 25px;
     background: #f7f8ec;
     color: #2c2c2c;
 }

 .pmenu-eve ul li:nth-child(2) div {
     background: #ecf6f8;
 }

 .pmenu-eve ul li:nth-child(3) div {
     background: #ecf2f8;
 }

 .pmenu-eve ul li:nth-child(4) div {
     background: #eeecf8;
 }

 .pmenu-eve ul li:nth-child(5) div {
     background: #f0f8ec;
 }

 .pmenu-eve ul li:nth-child(6) div {
     background: #ecf6f8;
 }

 .pmenu-eve ul li:nth-child(7) div {
     background: #ecf6f8;
 }

 .pmenu-spri {
     float: left;
     width: 22%;
     padding: 0 0 10px 0;
 }

 .pmenu-spri ul {}

 .pmenu-spri ul li {
     float: left;
     width: 100%;
 }

 .pmenu-spri ul li a {
     /* border-bottom: 1px solid #49494c; */
     color: #49494c;
     font-weight: 600;
     font-size: 13px;
     /* margin: 0px 10px 10px 0px; */
     display: inline-block;
     padding: 10px 20px;
     width: 100%;
     text-transform: uppercase;
 }

 .pmenu-spri ul li a:hover {
     color: #0b78cf;
     text-decoration: underline;
     padding-left: 25px;
 }

 .pmenu-spri ul li a.act {
     /* border-bottom: 1px solid #1070bd; */
     /* color: #1070bd; */
 }

 .pmenu-spri ul li a i {
     vertical-align: sub;
     font-size: 18px;
     margin-right: 4px;
 }

 .pmenu-spri ul li a img {
     width: 28px;
     margin-right: 15px;
     /* float: left; */
 }

 .pop-menu.ani {
     /* transition: all 0.5s ease; */
     visibility: visible;
     opacity: 1;
     transform: translateY(0px);
 }

 .pop-menu.ani .pmenu-spri ul li a {}

 .pmenu-spri ul li {
     transition: all 0.3s ease;
     opacity: 0;
     transform: translateX(-15px);
 }

 .pop-menu.ani .pmenu-spri ul li {
     transition: all 0.3s ease;
     opacity: 1;
     transform: translateX(0px);
 }

 .pop-menu.ani .pmenu-spri ul li:nth-child(1) {
     transition-delay: 0s;
 }

 .pop-menu.ani .pmenu-spri ul li:nth-child(2) {
     transition-delay: 0.3s;
 }

 .pop-menu.ani .pmenu-spri ul li:nth-child(3) {
     transition-delay: 0.6s;
 }

 .pop-menu.ani .pmenu-spri ul li:nth-child(4) {
     transition-delay: 0.9s;
 }

 .pop-menu.ani .pmenu-spri ul li:nth-child(5) {
     transition-delay: 1.2s;
 }

 .pop-menu.ani .pmenu-spri ul li:nth-child(6) {
     transition-delay: 1.5s;
 }

 .pm-box h4 {
     position: relative;
     font-weight: 300;
     font-size: 26px;
     padding-top: 0px;
 }

 .pm-box p {
     position: relative;
     font-size: 12px;
     font-weight: 300;
     margin: 0px;
 }

 .dir-home-nav-bot {
     position: relative;
     overflow: hidden;
     width: 100%;
     border-top: 1px solid #d6d6d6;
     /* border-bottom: 1px solid #d6d6d6; */
     padding: 35px 15px 0px 15px;
     font-family: 'Quicksand', sans-serif;
     font-weight: 600;
 }

 .dir-home-nav-bot ul {
     margin-bottom: 0px;
 }

 .dir-home-nav-bot ul li span {
     display: block;
     font-size: 32px;
     color: #6f6347;
     padding-top: 0px;
     font-weight: 600;
 }

 .dir-home-nav-bot ul li {
     border-right: 0px solid #dedede;
     background: none;
     float: left;
 }

 .dir-home-nav-bot ul li:nth-child(1) {
     width: 58%;
     font-weight: 500;
 }

 .dir-home-nav-bot ul li:nth-child(2) {
     width: 20%;
     margin-right: 8px;
 }

 .dir-home-nav-bot ul li:nth-child(3) {
     width: 20%;
 }

 .dir-home-nav-bot ul li a {
     font-size: 14px;
     margin-right: 10px;
     height: inherit;
     padding: 15px 5px 15px 25px;
     color: #fff;
     background: #1b2e79;
     display: inline-block;
     width: 100%;
     font-weight: 500;
     border-radius: 3px;
 }

 .dir-home-nav-bot ul li a i {
     vertical-align: sub;
     color: #fff;
     /* text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44); */
     font-size: 20px;
     padding-right: 5px;
 }

 .dir-ani-btn {
     position: relative;
     background-color: #15b0f6;
     border: none;
     font-size: 28px;
     color: #FFFFFF;
     padding: 2px;
     width: 200px;
     text-align: center;
     -webkit-transition-duration: 0.4s;
     /* Safari */
     transition-duration: 0.4s;
     text-decoration: none;
     overflow: hidden;
     cursor: pointer;
     box-shadow: 0 1px 3px rgba(14, 14, 13, 0.42);
     border-bottom: 1px solid #0793d2;
     color: #fff;
     background-color: #1ebef0;
     border: 1px solid #1ebef0;
     font-weight: 600;
     border-radius: 2px;
     text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.44);
 }

 .dir-ani-btn:after {
     content: "";
     background: #90EE90;
     display: block;
     position: absolute;
     padding-top: 300%;
     padding-left: 350%;
     margin-left: -20px !important;
     margin-top: -120%;
     opacity: 0;
     transition: all 0.8s
 }

 .dir-ani-btn:active:after {
     padding: 0;
     margin: 0;
     opacity: 1;
     transition: 0s
 }

 .top-log {
     float: left;
 }

 .top-log img {}

 .top-ser {
     float: left;
     width: 33%;
     padding: 8px 0px 0px 40px;
 }

 .top-ser form {
     /* padding: 10px 0px 0px 20px; */
     width: 100%;
     position: relative;
     border: 1px solid #333;
 }

 .top-ser form ul {}

 .top-ser form ul li {}

 .top-ser form ul li:after {
     /* content: "search"; */
     /* margin: 1px 0px 0px -33px; */
     font-size: 21px;
     color: #0b253a;
 }

 .top-ser form ul li input {
     width: 100%;
     border: 0px;
     height: 33px;
     padding: 10px 40px 10px 20px;
     border-radius: 2px;
     font-size: 14px;
     /* font-family: 'Quicksand', sans-serif; */
     /* font-weight: 500; */
 }

 .top-ser form ul li.sbtn {
     position: absolute;
     right: 0px;
     top: 0px;
 }

 .top-ser form ul li.sbtn button {
     width: 40px;
     height: 33px;
     cursor: pointer;
     border-radius: 0px 1px 1px 0px;
     content: "search";
     font-size: 14px;
     padding: 5px 0px;
     background: none;
     border: none;
     color: #596873;
 }

 .top-ser form ul li.sbtn button i {
     width: 14px;
     height: 14px;
     background: url('../images/icon/search.png') no-repeat;
     background-size: cover;
     margin: 5px 0px 0px 6px;
     font-size: 21px;
     opacity: 0.6;
 }

 /*-------------------------------------------------*/
 /* = 5.HOME PAGE BANNER AND SEARCH BOX
/*-------------------------------------------------*/
 .hom-head {
     padding: 180px 0px 100px 0px;
     background: #ffeee5;
     background: linear-gradient(to top, #fff, #ffeee5 70%);
     background-image: url(../images/banner4.html);
     background-position: center;
     background-repeat: no-repeat;
     /* animation: animatedBackground 150s linear infinite; */
     position: relative;
     margin-bottom: 10px;
     background-size: cover;
 }

 @keyframes animatedBackground {
     from {
         background-position: 0 0
     }

     to {
         background-position: 100% 0
     }
 }

 .all-cat-head {
     padding: 120px 0px 0px 0px;
 }

 .hom-top .container {
     position: relative;
 }

 .hom-head:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     /* fallback for old browsers */
     /* Chrome 10-25, Safari 5.1-6 */
     background: #0a0f13a6;
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .hom-head:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 70px;
     left: 0px;
     bottom: -57px;
     background: url(../images/cloud.html) #fff0;
     background-size: cover;
 }

 .hom-top {
     transition: all 0.5s ease;
     padding: 3px 0px 7px 0px;
     position: fixed;
     top: 0px;
     left: 0px;
     z-index: 20;
     width: 100%;
     background: #FFF;
     box-shadow: 0px 8px 18px -8px rgba(42, 42, 42, 0.63);
     transition: all 0.5s ease;
 }

 .hom-top.dmact {
     transition: all 0.5s ease;
     background: #FFF;
     box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.63);
 }

 .hom-nav {
     width: 100%;
 }

 .hom-nav .ic-logo {
     width: 200px;
     padding-top: 10px;
     /* margin-left: 48px; */
 }

 .hom-nav .bl {
     float: right;
     margin: 0px;
 }

 .hom-nav .bl li {
     float: left;
     margin-left: 10px;
     font-weight: 500;
 }

 .hom-nav .bl li a {
     color: #000;
     cursor: pointer;
     font-weight: 800;
     font-size: 13.5px;
     line-height: 49px;
     /* border: 1px solid #223c50; */
     padding: 6px 6px;
     border-radius: 5px;
     font-family: 'Quicksand', sans-serif;
 }

 .hom-nav .bl li:last-child a {
     background: #2140d7;
     color: #fff;
     padding: 10px 30px 10px 30px;
     border-radius: 5px;
     border: 1px solid #2140d7;
     margin-left: 10px;
 }

 .hom-nav .bl li:last-child a:hover {
     background: #1834bf;
     border: 1px solid #0a2192;
 }

 .al {
     float: right;
     display: none;
     position: relative;
 }

 .al:after {
     font-size: 22px;
     transition: all 0.5s ease;
     right: -12px;
     top: 10px;
     color: #aaadaf;
     filter: invert(1);
     width: 10px;
     height: 10px;
     opacity: 0.7;
 }

 .head-pro {
     padding: 6px 0px 0px 0px;
     display: inline-block;
     width: 142px;
 }

 .head-pro img {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     object-fit: cover;
     float: left;
     margin-right: 10px;
 }

 .head-pro b {
     padding: 0px;
     font-size: 11px;
     font-weight: 400;
     color: #000;
     line-height: 15px;
     float: left;
 }

 .head-pro h4 {
     margin: 0px;
     font-size: 14px;
     /* float: left;
     */
     line-height: 15px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     margin-top: -7px;
     color: #000;
 }

 .ban-tit {
     text-align: center;
     width: 100%;
     position: relative;
 }

 .ban-tit img {}

 .ban-tit h1 b {
     display: block;
     font-weight: 700;
     font-size: 48px;
     color: #fff;
     padding-bottom: 15px;
     text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.39);
     line-height: 51px;
 }

 .ban-tit h1 {
     font-weight: 300;
     margin: 0px 0px 10px 0px;
     color: #fff;
     padding-bottom: 30px;
     text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.9);
     font-size: 20px;
     padding-top: 80px;
 }

 .ban-search {
     margin: 0 auto;
     display: table;
     width: 50%;
     position: relative;
 }

 .ban-search ul {
     /* margin: 0 auto;
     */
     /* display: table;
     */
 }

 .ban-search ul li {
     float: left;
     position: relative;
 }

 .ban-search ul li.sr-cit {
     width: 20%;
 }

 .ban-search ul li.sr-sea {
     width: 79%;
     margin: 0px 1% 0px 0%;
 }

 .ban-search ul li.sr-btn {
     width: 20%;
 }

 .ban-search ul li.sr-cit:before {
     content: "location_searching";
     margin: 17px 0px 0px 0px;
 }

 .ban-search ul li.sr-sea:before {
     content: "";
     width: 18px;
     height: 18px;
     background: url('../images/icon/search.png') no-repeat;
     background-size: cover;
     margin: 21px 0px 0px 16px;
     font-size: 21px;
     opacity: 0.6;
 }

 .ban-search ul li input {
     border: 0px;
     width: 100%;
     display: block;
     line-height: 40px;
     font-size: 15px;
     outline: none;
     height: 58px;
     background: #ffffff;
     box-sizing: border-box;
     color: #1a2a38;
     border: 0px solid #d5d5d5;
     padding: 0px 25px 0px 45px;
     font-weight: 500;
     box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
     border-radius: 2px;
 }

 .ban-search ul li input[type="submit"] {
     color: #fff;
     border: 0px solid #005ba2;
     padding: 0px 25px 0px 25px;
     text-align: center;
     font-size: 15px;
     text-transform: uppercase;
     letter-spacing: 1px;
     transition: all 0.5s ease;
     background: #ff6454;
     /* background: linear-gradient(to bottom,#3384ff, #2170e8); */
 }

 .ban-search ul li input[type="submit"]:hover {
     transition: all 0.5s ease;
     /* background: linear-gradient(to bottom,#3384ff, #155fcf); */
     background: #f94c3b;
 }

 .ban-search .ui-widget.ui-widget-content {}

 .ban-search .ui-widget-content li {}

 .ban-search .ui-widget-content li div {}

 .blog-head .ban-search ul {
     margin: 0 auto;
     display: table;
 }

 .blog-head .ban-search ul li.sr-sea input {
     border-radius: 30px;
     box-shadow: 0 5px 41px -14px rgba(60, 63, 66, .32);
     color: #40454a;
     max-width: 100%;
     width: 384px;
     border: 1px solid #e9e9ef;
     font-weight: 600;
     font-family: 'Quicksand', sans-serif;
 }

 .ban-ql {
     margin: 0 auto;
     display: table;
     width: 100%;
     position: relative;
     padding-top: 15px;
     margin-bottom: -300px;
     margin-top: 50px;
     /* position: absolute; */
     /* bottom: -42px; */
     padding-bottom: 140px;
 }

 .ban-ql ul {
     margin: 0 auto;
     display: table;
     /* background: #fff; */
     /* border: 10px solid #ffffff; */
     /* transition: all .5s ease; */
     /* color: #fff; */
     /* box-shadow: 0 19px 46px -39px rgb(37, 39, 42); */
     /* border-radius: 4px; */
     width: 100%;
 }

 .ban-ql ul li div img {
     width: 60px;
     background: #ffffff;
     padding: 6px;
     border-radius: 15px;
 }

 .ban-ql ul li div p {
     display: block;
     font-size: 13px;
     padding-bottom: 5px;
     font-weight: 400;
     color: #818181;
     margin-bottom: 0px;
     padding-bottom: 18px;
 }

 .ban-ql ul li:first-child div {
     /* background: #e0f1ff; */
 }

 .ban-ql ul li:last-child div {
     border-right: 0px;
 }

 /*-------------------------------------------------*/
 /* = HOME PAGE SERVICES
/*-------------------------------------------------*/
 .home-tit {
     text-align: center;
     width: 100%;
     margin-bottom: 20px;
     padding-top: 50px;
 }

 .home-tit1 {
     padding-top: 250px !important;
 }

 .home-tit h2 {
     font-size: 42px;
     font-weight: 300;
 }

 .home-tit h2 span {
     font-weight: 700;
     font-family: 'Quicksand', sans-serif;
 }

 .home-tit p {
     font-size: 16px;
     font-weight: 400;
     display: block;
 }

 .land-packages {
     background: #e9f8fd;
     margin-top: -6px;
     border-bottom: 1px solid #cfe5ec;
     border-top: 1px solid #cfe5ec;
     padding: 80px 0 75px
 }

 .land-pack {
     margin: 00px 0px 0px 0px;
 }

 .land-pack ul {
     position: relative;
     width: 100%;
     float: left;
     overflow: hidden;
     margin-bottom: 20px;
     margin: 0px;
     padding: 0px;
 }

 .land-pack ul li {
     float: left;
     width: 25%;
     /* display:inline-block;
     */
     padding: 0px 10px;
 }

 .land-pack-grid {
     display: inline-block;
     position: relative;
     overflow: hidden;
     /* height: 180px; */
     box-sizing: border-box;
     border-radius: 0px;
     background-color: #fff;
     background-clip: border-box;
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
     margin: 0px 10px;
     margin-bottom: 15px;
     text-align: center;
     width: 100%;
 }

 .str .land-pack-grid {
     margin: 10px 0px;
 }

 .land-pack-grid:hover .land-pack-grid-text {
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
 }

 .land-pack-grid:hover .land-pack-grid-btn {
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     color: #3330;
 }

 .land-pack-grid-img {
     height: 150px;
     overflow: hidden;
 }

 .land-pack-grid-img img {
     width: 100%;
     transition: all .5s ease;
     height: 150px;
     object-fit: cover;
 }

 .land-pack-grid:hover .land-pack-grid-img img {
     -webkit-transform: scale(1.05);
     -moz-transform: scale(1.05);
     transform: scale(1.05);
 }

 .land-pack-grid-text {
     position: relative;
     -webkit-transition: all .5s ease;
     -moz-transition: all .5s ease;
     -o-transition: all .5s ease;
     transition: all .5s ease;
     width: 100%;
     z-index: 2;
     /* background: linear-gradient(to top, #000000c7, #00000008); */
 }

 .land-pack-grid-text h4 {
     padding: 15px;
     font-weight: 700;
     text-align: left;
     color: #273440;
     font-size: 16px;
     margin: 0px;
 }

 .land-pack-grid-text h4 .dir-ho-cat {
     color: #a7a7a7;
     font-size: 11.5px;
     float: right;
     padding-top: 4px;
 }

 .land-pack-grid-btn {
     color: #3330;
     position: absolute;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     z-index: 8;
 }

 .land-pack-grid-btn-red {
     background: #df431f
 }

 .land-pack-grid-btn-yel {
     background: #f3c438
 }

 .land-pack-grid-btn-blu {
     background: #01a0d8
 }

 .land-pack .more {
     color: #ffffff;
     padding: 10px 40px;
     border-radius: 2px;
     font-size: 14px;
     display: table;
     margin: 0 auto;
     /* border: 1px solid #3675b6; */
     background: #075376;
     /* margin-top: 14px; */
 }

 .land-pack .more:hover {}

 .land-pack input {
     width: 93%;
     margin: 0 auto;
     display: table;
     margin-bottom: 38px;
     line-height: 40px;
     border: 0px;
     border-bottom: 1px solid #d1d1d1;
     text-align: center;
     font-size: 16px;
 }

 .hom2-hom-ban {
     transition: all 0.5s ease;
 }

 .all-cate-pg {
     padding-bottom: 150px;
     padding-top: 70px;
 }

 .hom2-hom-ban:hover {
     background-position: 20px 0px;
     box-shadow: 0 17px 24px -12px #161d2994;
 }

 /*-------------------------------------------------*/
 /* HOME PAGE TOP TRENDINGS
/*-------------------------------------------------*/
 .ho-popu-bod {
     width: 100%;
 }

 .ho-popu-bod div {
     float: left;
 }

 .hot-page2-hom-pre {
     position: relative;
     overflow: hidden;
     background: #ffffff;
     padding: 15px;
     margin-bottom: 5px;
     width: 100%;
     box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
     border-radius: 0px 0px 10px 10px;
 }

 .hot-page2-hom-pre ul {
     padding: 0px;
 }

 .hot-page2-hom-pre ul li {
     list-style-type: none;
     border-bottom: 1px solid #efefef;
     position: relative;
     overflow: hidden;
     padding: 10px 0px;
     transition: all 0.5s ease;
 }

 .fclick {
     position: absolute;
     cursor: pointer;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     z-index: 5;
 }

 .hot-page2-hom-pre ul li:hover {
     box-shadow: 0px 17px 7px -14px rgba(150, 150, 150, 0.29);
     transition: all 0.5s ease;
 }

 .hot-page2-hom-pre ul li:last-child {
     border-bottom: 0px;
     padding-bottom: 0px;
 }

 .hot-page2-hom-pre div {
     float: left;
 }

 .hot-page2-hom-pre ul li a {}

 .hot-page2-hom-pre-1 {
     width: 10%;
 }

 .hot-page2-hom-pre-1 img {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     object-fit: cover;
 }

 .hot-page2-hom-pre-2 {
     width: 80%;
     padding: 0px 15px;
 }

 .hot-page2-hom-pre-2 h5 {
     margin-top: 0px;
     margin-bottom: 0px;
     color: #000000;
     font-size: 14px;
     font-weight: 600;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
 }

 .hot-page2-hom-pre-2 span {
     font-size: 12px;
     color: #525252;
     line-height: 19px;
     padding-top: 2px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     float: left;
     width: 100%;
     font-weight: 400;
 }

 .hot-page2-hom-pre-3 {
     width: 10%;
 }

 .hot-page2-hom-pre-3 span {
     position: absolute;
     background-color: #4CAF50;
     padding: 0px 4px;
     border-radius: 2px;
     font-size: 12px;
     z-index: 9;
     line-height: 20px;
     color: #fff;
     font-weight: 600;
     text-align: center;
     text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
     right: 0px;
 }

 .hot-page2-hom-pre-3 i {
     width: 22px;
     float: right;
     /* padding-top: 12px;
     */
     border: 1px solid #a9a9a9;
     padding: 4px;
     font-size: 12px;
     border-radius: 50%;
     color: #a9a9a9;
     margin-top: 10px;
 }

 .hot-page2-hom-pre-tit {}

 .hot-page2-hom-pre-tit h3 {
     color: #343c42;
     font-size: 28px;
     /* font-family: 'Montserrat', sans-serif;
     */
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
 }

 .hot-page2-hom-pre-tit h3 span {
     color: #6f6e6b;
     font-size: 28px;
 }

 .hot-page2-hom-pre ul li:hover .hot-page2-hom-pre-2 h5 {}

 .hot-page2-hom-pre-head {
     background: #0291d2;
     padding: 12px 0px;
     text-align: center;
     width: 100%;
     border-radius: 10px 10px 0px 0px;
 }

 .hot-page2-hom-pre-head h4 {
     color: #ffffff;
     font-size: 16px;
     margin: 0px;
     font-weight: 400;
 }

 .hot-page2-hom-pre-head h4 span {
     font-weight: 600;
     font-size: 16px;
     font-family: 'Quicksand', sans-serif;
 }

 .hot-page2-hom-pre-head:after,
 .hot-page2-hom-pre-head:before {
     top: 43px;
     left: 48%;
     border: solid transparent;
     content: " ";
     height: 0;
     width: 0;
     position: absolute;
     pointer-events: none;
 }

 .hot-page2-hom-pre-head:after {
     border-color: rgba(136, 183, 213, 0);
     border-top-color: #0291d2;
     border-width: 9px;
     margin-left: -9px;
     z-index: 9;
 }

 .pop-ups {}

 .pop-ups .close {
     position: absolute;
     right: 8px;
     z-index: 1;
     top: 10px;
 }

 .list-pop {
     padding-bottom: 25px;
 }

 .list-pop .img {
     position: relative;
 }

 .list-pop .img:before {
     content: '';
     width: 100%;
     height: 100%;
     background: linear-gradient(to bottom, #fff0, #435961a6 70%);
 }

 .list-pop .img img {
     width: 100%;
     height: 290px;
     object-fit: cover;
 }

 .list-pop .img span {
     position: absolute;
     background-color: #4CAF50;
     padding: 7px;
     border-radius: 5px;
     font-size: 20px;
     z-index: 9;
     line-height: 23px;
     color: #fff;
     font-weight: 600;
     text-align: center;
     text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
     right: 36px;
     margin-top: -67px;
 }

 .list-pop .tit {
     padding: 10px 25px 0px 25px;
     position: relative;
 }

 .list-pop .tit img {
     width: 72px;
     height: 72px;
     border-radius: 50px;
     margin-top: -58px;
     border: 3px solid #fff;
 }

 .list-pop .tit h2 {
     font-size: 28px;
     font-weight: 700;
     margin-top: 14px;
 }

 .list-pop .tit p {
     font-size: 18px;
 }

 .list-pop .tit p b {}

 .list-pop .addr {
     padding: 8px 25px 20px 25px;
     position: relative;
     overflow: hidden;
 }

 .list-pop .addr ul {}

 .list-pop .addr ul li {
     padding-left: 30px;
     margin-bottom: 8px;
     font-size: 18px;
     float: left;
     display: block;
     width: 100%;
 }

 .list-pop .addr ul li:before {
     margin-left: -28px;
 }

 .list-pop .shar {}

 .list-pop .shar span {}

 .list-pop .shar span:before {}

 .list-pop .shar .ic-sha {}

 .list-pop .shar .ic-lik {}

 .list-pop .enq {
     padding: 5px 25px 20px 25px;
     /* border-top: 1px solid #e3e3e3;
     */
 }

 .list-pop .enq span,
 .list-pop .enq a {
     padding: 6px 10px;
     border-radius: 2px;
     color: #fff;
     float: left;
     width: 46%;
     text-align: center;
     margin: 0px 2%;
     cursor: pointer;
     text-transform: uppercase;
     font-weight: 600;
 }

 .list-pop .enq span {
     background: #3fb55f;
     border: 1px solid #3fb55f;
 }

 .list-pop .enq a {
     border: 1px solid #e3e3e3;
     color: #113752;
 }

 .list-pop .addr ul .ic-web,
 .list-pop .addr ul .ic-map {
     width: 50%;
 }

 .home-city {
     width: 100%;
 }

 .home-city ul {}

 .home-city ul li {
     float: left;
     width: 25%;
     margin-bottom: 19px;
 }

 .home-city ul li:nth-child(1) {
     width: 50%;
 }

 .home-city ul li:nth-child(1) .hcity div:nth-child(1) img {
     height: 350px;
 }

 .home-city ul li:nth-child(2) {}

 .home-city ul li:nth-child(3) {}

 .home-city ul li:nth-child(4) {}

 .home-city ul li:nth-child(5) {}

 .hcity {
     position: relative;
     margin: 0px 10px;
     border-radius: 7px;
 }

 .hcity:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: linear-gradient(to top, #2e3b44, #b7a23a00 100%);
     z-index: 2;
     left: 0px;
     border-radius: 5px;
     transition: all 0.5s ease;
 }

 .hcity:hover {
     box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.68);
     transition: all 0.5s ease;
     transform: translateY(-5px);
 }

 .home-city ul li div {
     float: left;
     position: relative;
     transition: all 0.5s ease;
 }

 .hcity div:nth-child(1) {}

 .hcity div:nth-child(1) img {
     width: 100%;
     object-fit: cover;
     height: 166px;
     border-radius: 5px;
 }

 .hcity div:nth-child(2) img {
     width: 45px;
     object-fit: cover;
     height: 45px;
     border-radius: 50%;
     border: 2px solid #fff;
     display: none;
 }

 .hcity div:nth-child(2) {
     margin-top: -180px;
     text-align: left;
     z-index: 2;
     width: 100%;
     color: #fff;
     position: absolute;
     bottom: 5px;
     left: 0px;
     padding-left: 20px;
 }

 .hcity div:nth-child(2) h4 {
     font-size: 16px;
     font-weight: 600;
     margin: 10px 0px 8px 0px;
 }

 .hcity div:nth-child(2) p {
     font-weight: 300;
     font-size: 13px;
     float: left;
     width: 100%;
 }

 .hcity div:nth-child(2) .list-rat-all {
     width: 85%;
     padding-bottom: 10px;
 }

 .hcity div:nth-child(2) .list-rat-all span {
     padding: 2px 0px 0px 0px;
 }

 .hcity div:nth-child(2) .list-rat-all b {
     font-size: 13px;
     line-height: 21px;
 }

 .hcity div:nth-child(2) .list-rat-all i {
     font-size: 15px;
     width: 10px;
     color: #FF9800;
 }

 .hcity div:nth-child(2) .list-rat-all i.ratstar {
     color: #fff;
 }

 .home-city ul li:nth-child(1) div:nth-child(2) h4 {
     font-size: 32px;
 }

 .home-city ul li:nth-child(1) div:nth-child(2) p {
     font-size: 14px;
 }

 .list-mig-like-com:hover {
     transition: all 0.5s ease;
     transform: translateY(-5px);
     box-shadow: 0 19px 15px -15px rgba(37, 39, 42, 0.89);
     z-index: 9;
 }

 .h-city-3 {
     width: 25%;
 }

 .h-city-3 .list-mig-like-com {
     margin-bottom: 15px;
 }

 .list-mig-like-com a {
     position: absolute;
     background: linear-gradient(to top, rgba(24, 46, 86, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%);
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 100%;
     border-radius: 5px;
     transition: all 0.5s ease;
     cursor: pointer;
 }

 .list-mig-like-com:hover a {
     transition: all 0.5s ease;
     /* background: linear-gradient(to top, rgba(12, 27, 135, 0.82) 10%, rgba(224, 224, 224, 0.35) 80%); */
 }

 /*-------------------------------------------------*/
 /* = FEATURE UPDATES
/*-------------------------------------------------*/
 .inte {
     position: relative;
     overflow: hidden;
     width: 100%;
 }

 .inte h2 {
     text-align: center;
     font-size: 48px;
     font-weight: 700;
     line-height: 48px;
 }

 .inte p {
     /* margin: 30px 0px;
     */
     font-size: 16px;
     line-height: 24px;
     text-align: center;
     margin-bottom: 40px;
 }

 .inte ul {
     float: left;
     width: 100%;
 }

 .inte ul li {
     float: left;
     width: 25%;
     padding: 5px;
 }

 .hom-oth {
     background: #fff;
     padding: 0px;
     margin: 0px 10px;
     position: relative;
     overflow: hidden;
     border: 1px solid #f9ede7;
     box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
     transition: all 0.5s ease;
     margin-bottom: 6px;
 }

 .hom-oth:hover {
     box-shadow: 0px 12px 13px -9px rgba(0, 0, 0, 0.68);
     transition: all 0.5s ease;
     transform: translateY(-5px);
     /* border: 1px solid #ffffff;
     */
 }

 .hom-oth div:nth-child(1) {
     float: left;
     width: 30%;
 }

 .hom-oth div:nth-child(1) img {
     width: 100%;
     height: 75px;
     object-fit: cover;
 }

 .hom-oth div:nth-child(2) {
     float: left;
     width: 70%;
     padding: 18px 15px 14px 20px;
 }

 .inte ul li div h4 {
     font-size: 15px;
     font-weight: 600;
     margin-bottom: 0px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
 }

 .inte ul li div span {
     font-size: 14px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
 }

 .inte ul li div a {}

 .count {
     padding: 0px 0px 50px 0px;
     background: #f7fcff;
     background: linear-gradient(to bottom, #ffffff00, #f7fcff 100%);
     float: left;
     width: 100%;
     position: relative;
 }

 .countapp {
     padding: 0px 0px 10px 0px;
     background: #f7fcff;
     background: linear-gradient(to bottom, #ffffff00, #f7fcff 100%);
     float: left;
     width: 100%;
     position: relative;
 }

 .count:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 158px;
     bottom: 0px;
     left: 0px;
     background-size: contain;
     opacity: 0.9;
     filter: sepia(1);
 }

 .countapp:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 158px;
     background: url('../images/city-bg.png');
     display: inline-block;
     bottom: -98px;
     left: 0px;
     background-size: contain;
     opacity: 0.9;
     filter: sepia(1);
 }

 .country {
     background: url(../images/worldmap.png) no-repeat center;
     background-size: 65%;
     width: 100%;
     margin-top: 90px;
 }

 .country-inn {
     text-align: center;
     font-size: 24px;
     font-weight: 300;
     /* color: #fff;
     */
 }

 .country-inn h4 {
     font-weight: 400;
     font-size: 32px;
 }

 .country-inn h4 span {}

 .country .cont1 {
     font-weight: 700;
     font-size: 32px;
 }

 .country .cont2 {
     font-weight: 700;
     font-size: 32px;
     display: block;
 }

 .country iframe,
 .country img {
     width: 600px;
     height: 335px;
     border: 0px;
     margin: 40px 0px 0px 0px;
 }

 .hom-ab {
     background: #f9daca;
     padding: 25px 0px;
 }

 .hom-ab-in {
     width: 100%;
 }

 .hom-ab-in h2 {
     margin: 0px;
     text-align: center;
     /* color: #fff;
     */
     font-size: 24px;
 }

 .hom-ab-in h2 a {
     color: #e48451;
     padding: 5px 31px;
     border-radius: 50px;
     border: 1px solid;
 }

 /*-------------------------------------------------*/
 /* =  DASHBOARD MESSAGE
/*-------------------------------------------------*/
 .msg-op {
     transition: all 0.5s ease;
     background: #fff;
     padding: 15px 15px;
     box-shadow: 0px 1px 11px -2px #737373c9;
     position: fixed;
     bottom: 0px;
     right: -500px;
     z-index: 12;
     border-radius: 10px;
     width: 450px;
     height: 98%;
     top: 5px;
     z-index: 99;
     overflow: hidden;
 }

 .msg-op.msg-sho-act {
     right: 5px;
 }

 .msg-op .inn {}

 .msg-op .s1,
 .msg-op .s2,
 .msg-op .s3 {
     float: left;
     width: 100%;
 }

 .msg-op .s1 {
     padding-bottom: 15px;
 }

 .msg-op .s1 img {
     width: 42px;
     height: 42px;
     border-radius: 50%;
     object-fit: cover;
     float: left;
 }

 .msg-op .s1 .chosen-container {
     width: 300px !important;
     border: 0px;
     margin-top: -5px;
 }

 .msg-op .s1 .chosen-container .chosen-single span {
     font-weight: 600;
 }

 .msg-op .s1 .chosen-container-active.chosen-with-drop .chosen-single,
 .msg-op .s1 .chosen-container.chosen-container-single.chosen-container-active {
     border: 0px;
     border-radius: 0px;
     box-shadow: none;
 }

 .msg-op .s1 h4 {
     font-size: 12px;
     float: left;
     padding: 2px 0px 0px 12px;
     color: #969696;
 }

 .msg-op .s1 h4 b {
     display: block;
     color: #000;
     font-size: 16px;
     padding-bottom: 4px;
 }

 .msg-op .s2 {
     background: #f3f6fa;
     padding: 15px 15px 140px 15px;
     position: absolute;
     left: 0px;
     top: 70px;
     height: 78%;
     bottom: 0px;
     overflow-y: auto;
     border-top: 1px solid #eaecf0;
 }

 .msg-op .s2 .chat-con {
     float: left;
     width: 100%;
     display: block;
     margin-bottom: 12px;
 }

 .msg-op .s2 .chat-lhs,
 .msg-op .s2 .chat-rhs {
     font-size: 13px;
     font-weight: 400;
     background: #fff;
     padding: 6px 10px;
     border-radius: 5px;
     line-height: 19px;
     box-shadow: 0px 1px 4px -1px #191b381f;
     position: relative;
 }

 .msg-op .s2 .chat-lhs:before,
 .msg-op .s2 .chat-rhs:before {
     content: '';
     position: absolute;
     width: 10px;
     height: 10px;
     background: #fff;
     box-shadow: 0px 1px 2px -1px #191b381f;
     top: 7px;
     transform: rotateZ(45deg);
 }

 .msg-op .s2 .chat-lhs:before {
     left: -5px;
 }

 .msg-op .s2 .chat-rhs:before {
     right: -5px;
     background: #1795f9;
 }

 .msg-op .s2 .chat-lhs {
     float: left;
 }

 .msg-op .s2 .chat-rhs {
     float: right;
     background: #1795f9;
     color: #fff;
 }

 .msg-op .s3 {
     position: absolute;
     bottom: 0px;
     left: 0px;
     background: #d9dfe7;
     padding: 15px;
 }

 .msg-op .s3 form {}

 .msg-op .s3 form textarea {
     resize: none;
     height: 52px;
     padding: 10px;
     font-size: 13px;
     line-height: 20px;
     color: #333;
     border-radius: 5px 0px 0px 5px;
     border: 0px;
     width: 320px;
     float: left;
     font-weight: 500;
 }

 .msg-op .s3 form button {
     color: #fff;
     font-size: 12px;
     font-weight: 600;
     padding: 6px 20px;
     border-radius: 0px 5px 5px 0px;
     text-transform: uppercase;
     background: #2196F3;
     border: 0px;
     width: 100px;
     float: left;
     height: 52px;
 }

 .msg-op .s3 form button i {
     font-size: 13px;
     font-weight: 500;
     vertical-align: bottom;
     line-height: 18px;
 }

 /*-------------------------------------------------*/
 /* = 11.BOTTOM BOOKING
/*-------------------------------------------------*/
 .full-bot-book {
     background: #191919;
     padding: 40px 0px 0px 0px;
     position: relative;
     /* overflow: hidden; */
     /* background: linear-gradient(to bottom,#ffefe6, #ffa77866 100%);
     */
     float: left;
     width: 100%;
     /* border-top: 1px solid #bed1e0; */
     padding-top: 40px;
     /* margin-bottom: -90px; */
     /* display: none; */
 }

 .bot-book {
     position: relative;
     overflow: hidden;
     width: 100%;
     display: block;
     background: linear-gradient(to bottom, #ffea31, #ffbe5e 100%);
     padding: 50px;
     border-radius: 5px;
     box-shadow: 0px 4px 17px -8px rgba(0, 0, 0, 0.86);
     margin-bottom: 15px;
     margin-top: -150px;
     z-index: 1;
 }

 .bb-img {}

 .bb-img img {
     width: 95px;
     margin: -1px 0px 0px 38px;
 }

 .bb-text {}

 .bb-text h4 {
     font-size: 24px;
     padding-bottom: 10px;
     font-weight: 700;
     color: #000;
 }

 .bb-text p {
     color: #000000;
     margin-bottom: 0px;
     font-size: 14px;
     font-weight: 500;
 }

 .bb-link {
     position: relative;
     overflow: hidden;
 }

 .bb-link a {
     color: #ffffff;
     border-radius: 50px;
     padding: 15px 20px;
     line-height: 60px;
     background: #0a2236;
     font-weight: 500;
 }

 .bot-book div {
     float: left;
 }


 .sh-all-scat {
     float: left;
     width: 100%;
 }

 .sh-all-scat ul {
     float: left;
     width: 50%;
     padding: 0px 10px;
 }

 .sh-all-scat ul li {}

 .sh-all-scat-box {
     display: inline-block;
     position: relative;
     overflow: hidden;
     box-sizing: border-box;
     border-radius: 0px;
     background-color: #fff;
     background-clip: border-box;
     box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 4%);
     margin-bottom: 15px;
     text-align: center;
     width: 100%;
     border: 1px solid #e9eaec;
 }

 .sh-all-scat-box .lhs {
     float: left;
     width: 150px;
 }

 .sh-all-scat-box .lhs img {
     width: 100%;
     padding: 15px;
     height: 110px;
     object-fit: cover;
     border-radius: 20px;
 }

 .sh-all-scat-box .rhs {
     float: left;
     width: calc(100% - 150px);
     text-align: left;
     padding: 14px 10px 10px 10px;
 }

 .sh-all-scat-box .rhs h4 {
     font-size: 16px;
     font-weight: 700;
 }

 .sh-all-scat-box .rhs h4 span {
     color: #007bff;
 }

 .sh-all-scat-box .rhs ol {
     padding: 0px;
 }

 .sh-all-scat-box .rhs ol li {
     display: inline-block;
     margin: 0px 5px 5px 0px;
 }

 .sh-all-scat-box .rhs ol li a {
     font-size: 12px;
     border: 1px solid #c5d0dc;
     padding: 1px 10px;
     display: inline-block;
     border-radius: 2px;
     color: #007bff;
     font-weight: 500;
 }

 .sh-all-scat-box .rhs ol li a span {
     color: #5e6a77;
     font-weight: 500;
     font-size: 11px;
 }

 .sh-all-scat-box .rhs ol li a:hover {
     background: #007bff;
     color: #fff;
     border: 1px solid #007bff;
 }

 .sh-all-scat-box .rhs ol li a:hover span {
     color: #fff;
 }

 /*-------------------------------------------------------*/
 /* HOME PAGE: POPULAR LISTINGS
/*-------------------------------------------------------*/
 .hom-mpop-ser {
     background: #f6f6f7;
     float: left;
     width: 100%;
     margin: 0px 0px 0px 0px;
     padding-top: 60px;
     padding-bottom: 60px;
 }

 .hom-mpop-main {
     padding: 0px 0px 70px 0px;
     float: left;
     width: 100%;
 }

 .hom-mpop {
     position: relative;
     overflow: hidden;
     background: #fdfeff;
     padding: 15px 0px;
     margin-bottom: 30px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     box-shadow: 0px 3px 8px -3px rgba(11, 37, 58, 0.11);
     border: 1px solid #f1f1f1;
 }

 .hom-mpop:hover {
     box-shadow: 0px 11px 9px -10px rgba(0, 0, 0, 0.52);
     transition: all 0.5s ease;
     transform: translateY(-5px);
 }

 .hom-mpop-main .col-md-6 {
     float: left;
 }

 .hom-mpop .col-md-3 {
     float: left;
 }

 .hom-mpop .col-md-3 img {
     width: 100%;
     height: 100px;
     object-fit: cover;
     border-radius: 2px;
 }

 .hom-mpop .col-md-9 {
     float: left;
 }

 .hom-mpop .col-md-9 h3 {
     font-size: 18px;
     padding-bottom: 8px;
     color: #000000;
     padding-top: 5px;
     font-weight: 700;
 }

 .hom-mpop .col-md-9 h4 {
     font-size: 14px;
     /* padding-bottom: 8px; */
     font-weight: 600;
     color: #545454;
 }

 .hom-mpop .col-md-9 p {
     margin-bottom: 0px;
     font-size: 13px;
     /* font-family: 'Quicksand', sans-serif; */
 }

 .hom-mpop a,
 .tser-res li div a {
     position: absolute;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     width: 100%;
     height: 100%;
 }

 .hom-mpop .col-md-9 .rat-sh {
     position: absolute;
     background: #4caf50;
     padding: 4px;
     font-weight: 600;
     color: #fff;
     right: 15px;
     top: 0px;
     font-size: 12px;
     border-radius: 2px;
 }

 /*-------------------------------------------------------*/
 /* HOME PAGE: LEAD COLLECT FORM
/*-------------------------------------------------------*/
 .hlead-coll {
     float: left;
     width: 100%;
 }

 .hom-cre-acc-left {}

 .hom-cre-acc-left h3 {
     font-weight: 100;
     font-size: 34px;
 }

 .hom-cre-acc-left h3 span {
     text-transform: capitalize;
     font-weight: 600;
     font-size: 42px;
     /* text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.59);
     */
     color: #333333;
 }

 .hom-cre-acc-left h5 {
     font-weight: 700;
     font-size: 20px;
 }

 .hom-cre-acc-left p {
     padding-top: 8px;
     font-size: 13px;
 }

 .hom-cre-acc-left ul {
     padding: 0px;
     margin-bottom: 0px;
     margin-top: 50px;
 }

 .hom-cre-acc-left ul li {
     /* padding-top: 25px;
     */
     padding-bottom: 30px;
     list-style-type: none;
 }

 .hom-cre-acc-left ul li img {
     text-align: center;
     float: left;
     width: 50px;
 }

 .hom-cre-acc-left ul li div {
     display: block;
     margin-left: 80px;
     /* float: left;
     */
     /* margin-top: 0px;
     */
     margin-top: -10px;
 }

 .hlead-coll .col-md-6 {
     float: left;
 }

 .hom-col-req {
     background: #363f52;
     /* padding: 40px; */
     margin: 0px 0px 0px 80px;
     border-radius: 10px;
     box-shadow: 0 2px 15px -5px rgba(0, 0, 0, 0.76);
 }

 .hom-col-req h4 {
     text-align: center;
     padding-top: 30px;
     font-weight: 700;
     margin-bottom: 0px;
     color: #fff;
 }

 .hom-col-req form {
     padding: 30px 40px 40px 40px;
 }

 .hom-col-req .log-bor {
     display: none;
 }

 .hom-col-req .udb-inst {
     display: none;
 }

 .hom-col-req input,
 .hom-col-req textarea,
 .hom-col-req select {
     border: 1px solid #e4e4e4;
     background: #f7fafb;
     font-size: 15px;
     font-weight: 500;
 }

 .hom-col-req textarea {
     font-size: 13px;
     line-height: 20px;
     color: #7a7b7f;
     border-radius: 5px;
 }

 .hom-col-req button {
     width: 100%;
     background: #fb5a4e;
     border: 1px solid #fb5a4e;
     /* background: linear-gradient(to top, #F44336, #fb5a4e); */
     border-radius: 50px;
     font-size: 17px;
     font-weight: 500;
     padding: 8px 0px;
     transition: all ease 0.5s;
 }

 .hom-col-req button:hover {
     background: #f24437;
     border: 1px solid #f24437;
 }

 /*-------------------------------------------------*/
 /* = 11.FOOTER
/*-------------------------------------------------*/
 .wed-hom-footer {
     /* margin-top: 60px; */
     padding: 60px 0px 40px 0px;
     background: #f7fcff;
     background: #191919;
     float: left;
     width: 100%;
     color: #ebeef1;
 }

 .wed-hom-footer h4 {
     font-size: 16px;
     color: #7f7f7f;
     padding-bottom: 25px;
     text-transform: capitalize;
     font-weight: 600;
 }

 .wed-hom-footer p {
     font-size: 12px;
     color: #7f7f7f;
 }

 .wed-hom-footer p a {
     font-size: 12px;
     color: #7f7f7f;
     font-weight: 600;
 }

 .wed-foot-link {
     border-top: 1px dashed #5d5b5b;
     /* border-bottom: 1px dashed #5d5b5b; */
     padding: 35px 0px 5px 0px;
     /* margin-top: 35px;
     */
 }

 .wed-foot-link ul {}

 .wed-foot-link ul li {
     width: 50%;
     float: left;
     margin-bottom: 8px;
 }

 .wed-foot-link ul li a {
     color: #7f7f7f;
     font-size: 13px;
 }

 .wed-foot-link div {
     border-right: 1px dashed #5d5b5b;
 }

 .wed-foot-link div:last-child {
     border-right: 0px solid #dadada;
     ;
 }

 .wed-video2 {
     padding: 50px 0px;
     background: #f1f1f1;
 }

 .wed-foot-link-1 {
     padding-top: 40px;
 }

 .wed-foot-link-1 ul {
     position: relative;
     overflow: hidden;
 }

 .wed-foot-link-1 ul li {
     float: left;
     padding-right: 8px;
 }

 .wed-foot-link-1 ul li a {}

 .wed-foot-link-pop {
     padding: 30px 0px 0px 0px;
 }

 .wed-foot-link-pop h4 {
     padding-bottom: 15px;
 }

 .wed-foot-link-pop ul li {
     float: left;
     width: 16%;
     padding: 0px 5px 8px 0px;
 }

 .wed-foot-link-pop ul li a {
     color: #7f7f7f;
     font-size: 12px;
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: pre;
 }

 .wed-foot-link-pop ul li a:hover,
 .wed-foot-link ul li a:hover {
     color: #2c68bc;
     text-decoration: underline;
 }

 .fot-app ul li a img {
     width: 157px;
     height: 55px;
     display: inline-block;
     object-fit: contain;
 }

 .fot-soc ul li a img {
     width: 32px;
     height: 32px;
     text-align: center;
     border-radius: 50%;
 }

 .wed-rights {
     background: #01172f;
 }

 .wed-rights p {
     text-align: center;
     margin-bottom: 0px;
     padding: 8px;
     color: #adadad;
     font-size: 13px;
 }

 /*-------------------------------------------------*/
 /* = EVENTS IN HOME PAGE
/*-------------------------------------------------*/
 .hom-event {
     position: relative;
     overflow: hidden;
     /* display: none; */
 }

 .hom-eve-com {
     float: left;
 }

 .hom-eve-lhs-1 {
     float: left;
     width: 50%;
 }

 .eve-box {
     background: #fff;
     padding: 0px;
     position: relative;
     overflow: hidden;
     border: 1px solid #efefef;
     box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
 }
 .eve-box:hover div:nth-child(1) img {
     transition: all 0.5s ease;
     transform: scale(1.1);
 }

 .all-list-sh .eve-box:hover div:nth-child(1) .auth img {
     transform: scale(1);
 }

 .all-list-sh .eve-box {
     transition: all 0.5s ease;
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
     border: 12px solid #fff;
     
 }

 .eve-box:hover div:nth-child(3) .auth img {
     transform: scale(1);
 }

 .eve-box:hover div:nth-child(2) h4 a {
     color: #eb905f;
 }

 .eve-box div {
     position: relative;
     overflow: hidden;
 }

 .eve-box div:nth-child(1) {}

 .eve-box div:nth-child(1) img {
     width: 100%;
     float: left;
     object-fit: cover;
     height: 250px;
     transition: all 0.5s ease;
     cursor: pointer;
 }

 .eve-box div:nth-child(1) span {
     position: absolute;
     background: #51c0ff;
     z-index: 3;
     top: 0px;
     left: 0px;
     color: #ffffff;
     font-size: 13px;
     line-height: 15px;
     padding: 3px 5px 4px 5px;
     border-radius: 0px;
 }

 .eve-box div:nth-child(1) span b {}

 .eve-box div:nth-child(2) {
     padding: 15px 10px 12px 25px;
 }

 .eve-box div:nth-child(2) h4 {
     font-size: 17px;
     padding-bottom: 10px;  
     position: relative;
     font-weight: 600;
     text-align: left;
     padding-left: 0px;
     display: block;
 }

 .eve-box div:nth-child(2) h4 a {
     color: #212529;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     display: block;
 }

 .eve-box div:nth-child(2) p {
     margin: 0px;
     overflow: hidden;
     font-size: 13px;
     line-height: 17px;
     margin-bottom: 20px;
     height: 50px;
     color: #86807c; 
     display: none;
 }

 .eve-box div:nth-child(2) span {
     font-size: 13px;
     padding-left: 28px;
     display: block;
     padding-bottom: 10px;
     font-weight: 500;
     color: #8f8f8f;
 }

 .all-list-sh .eve-box div:nth-child(2) {
     font-family: 'Poppins', sans-serif;
 }

 .eve-box div:nth-child(2) span.pho {
     padding-bottom: 0px;
 }

 .all-list-sh .eve-box div .qvv:before {
     display: none;
 }

 .eve-box div:nth-child(3) {
     width: 100%;
     padding: 15px 25px 15px 25px;
     border-top: 1px solid #efefef;
 }
 .eve-box:hover div:nth-child(1) img {
     transition: all 0.5s ease;
     transform: scale(1.1);
 }

 .all-list-sh .eve-box:hover div:nth-child(1) .auth img {
     transform: scale(1);
 }

 .all-list-sh .eve-box {
     transition: all 0.5s ease;
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
     border: 12px solid #fff;
     
 }

 .eve-box:hover div:nth-child(3) .auth img {
     transform: scale(1);
 }

 .eve-box:hover div:nth-child(2) h4 a {
     color: #eb905f;
 }

 .eve-box div {
     position: relative;
     overflow: hidden;
 }

 .eve-box div:nth-child(1) {}

 .eve-box div:nth-child(1) img {
     width: 100%;
     float: left;
     object-fit: cover;
     height: 250px;
     transition: all 0.5s ease;
     cursor: pointer;
 }

 .eve-box div:nth-child(1) span {
     position: absolute;
     background: #51c0ff;
     z-index: 3;
     top: 0px;
     left: 0px;
     color: #ffffff;
     font-size: 13px;
     line-height: 15px;
     padding: 3px 5px 4px 5px;
     border-radius: 0px;
 }

 .eve-box div:nth-child(1) span b {}

 .eve-box div:nth-child(2) {
     padding: 15px 10px 12px 25px;
 }

 .eve-box div:nth-child(2) h4 {
     font-size: 17px;
     padding-bottom: 10px;  
     position: relative;
     font-weight: 600;
     text-align: left;
     padding-left: 0px;
     display: block;
 }

 .eve-box div:nth-child(2) h4 a {
     color: #212529;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     display: block;
 }

 .eve-box div:nth-child(2) p {
     margin: 0px;
     overflow: hidden;
     font-size: 13px;
     line-height: 17px;
     margin-bottom: 20px;
     height: 50px;
     color: #86807c; 
     display: none;
 }

 .eve-box div:nth-child(2) span {
     font-size: 13px;
     padding-left: 28px;
     display: block;
     padding-bottom: 10px;
     font-weight: 500;
     color: #8f8f8f;
 }

 .all-list-sh .eve-box div:nth-child(2) {
     font-family: 'Poppins', sans-serif;
 }

 .eve-box div:nth-child(2) span.pho {
     padding-bottom: 0px;
 }

 .all-list-sh .eve-box div .qvv:before {
     display: none;
 }

 .eve-box div:nth-child(3) {
     width: 100%;
     padding: 15px 25px 15px 25px;
     border-top: 1px solid #efefef;
 }
 .fil-mob-clo {
     position: fixed;
     top: 110px;
     z-index: 99;
     display: inline-block;
     left: 68%;
     display: none;
 }

 .fil-mob-clo i {}

 .hom-eve-lhs-2 {
     float: left;
     width: 50%;
     padding-left: 25px;
 }

 .hom-eve-lhs-2 ul {}

 .hom-eve-lhs-2 ul li {
     float: left;
     width: 100%;
     margin-bottom: 15px;
 }

 .eve-box-list {
     float: left;
     width: 100%;
     background: #fff;
     padding: 0px 10px 0px 0px;
     position: relative;
     overflow: hidden;
     border: 1px solid #efefef;
     box-shadow: 0px 0px 9px -7px rgba(150, 150, 150, 0.78);
     position: relative;
 }

 .eve-box-list:hover h4 {
     color: #0e6db9;
 }
 .eve-box-list h4 a{
     color: #000;
 }

 .eve-box-list img {
     width: 65px;
     height: 65px;
     object-fit: cover;
     float: left;
     margin-right: 18px;
     transition: all 0.5s ease;
 }

 .eve-box-list h4 {
     margin-top: 14px;
     margin-bottom: 0px;
     color: #343c42;
     font-size: 14px;
     font-weight: 600;
     transition: all 0.5s ease;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     /* padding-right: 50px;
     */
 }

 .eve-box-list p {
     color: #343c42;
     font-size: 12.5px;
     font-weight: 400;
     transition: all 0.5s ease;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     margin-bottom: 0px;
     padding-top: 2px;
 }

 .eve-box-list span {
     position: absolute;
     background: #000000a1;
     z-index: 3;
     bottom: 0px;
     left: 0px;
     color: #ffffff;
     font-size: 12px;
     line-height: 15px;
     padding: 2px;
     border-radius: 0px;
     text-align: center;
     width: 65px;
 }

 .eve-box-list span b {
     font-weight: 600;
     padding-left: 2px;
 }

 .eve-box-list a {
     position: absolute;
     cursor: pointer;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     z-index: 5;
 }

 /*-------------------------------------------------*/
 /* ALL LISTING
/*-------------------------------------------------*/
 .mt-60 {
     /* margin-top:55px; */
 }

 .all-listing-pg {
     background: url(../images/list-p-bg.jpg) no-repeat center top;
 }

 .all-pro-pg {
     background: url(../images/all-product-bg.jpg) no-repeat center top;
 }

 .all-listing {
     margin-top: -100px;
     background-attachment: fixed;
     background-size: cover;
 }

 .all-listing:before {}

 .all-listing .row {
     /* box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13); */
     box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.22);
 }

 .all-listing .all-list-bre .row {
     box-shadow: none;
 }

 .all-listing .col-md-3 {
     padding: 0px 0px 30px 0px;
     background: #fff;
     border-radius: 5px 0 0 0;
 }

 .all-listing .near-view {
     padding: 0px;
 }

 .all-listing .near-view .all-filt {
     padding-right: 0px;
 }

 .all-listing .col-md-9 {
     border-radius: 0 5px 0 0;
     background: #eaeaea;
 }

 .all-filt {
     /* background:#f5f5f5; */
     /* padding-right: 15px; */
     position: relative;
     height: 100%;
 }

 .all-list-sh {
     background: #eaeaea;
     padding: 20px 0px 40px 0px;
 }

 .all-list-sh > .all-list-sh {
     padding: 0px 0px 0px 0px;
 }

 .all-list-sh ul li {
     /* margin-bottom: 15px; */
     padding: 0px 10px 15px 10px;
 }

 .all-list-sh ul li:last-child {
     margin-bottom: 0px;
 }

 .all-list-sh ul li .list-qview {}

 .all-list-sh .list-qview .eve-box div:nth-child(1) {
     width: 100%
 }

 .all-list-sh .list-qview .eve-box div:nth-child(2) span {
     width: 100%
 }

 .all-list-sh .list-qview .eve-box div:nth-child(3) .auth {
     width: 100%
 }

 .all-filt .chosen-container {
     height: 40px;
 }

 .all-filt .chosen-container-single .chosen-single {
     height: 38px;
     margin: 0px;
     padding: 3px 3px 3px 12px;
     cursor: pointer;
 }

 .all-filt .chosen-container-single .chosen-single span {
     font-weight: 500;
     font-size: 13px;
 }

 .user-type {}

 .user-tcon {
     float: left;
     width: 100%;
     position: relative;
 }

 .user-tc-img {
     width: 100%;
     margin-bottom: 35px;
 }

 .user-tc-img img {
     width: 15%;
     margin: 0 auto;
     display: table;
 }

 .user-tc-diff {}

 .user-tc-diff ul {}

 .user-tc-diff ul li {
     float: left;
     width: 50%;
 }

 .user-tc-diff ul li .pri-box {
     float: left;
 }

 .user-tc-diff ul li .pri-box .c6 {
     text-align: center;
     padding: 25px 5px 20px 5px;
 }

 .user-tc-diff ul li .pri-box .c6 img {
     width: 100px;
 }

 .user-tc-diff ul li .pri-box .c6 h4 {
     margin: 30px 0px 0px 0px;
     font-size: 20px;
     text-transform: uppercase;
     font-weight: 700;
 }

 .user-tc-diff ul li .pri-box .c4 {
     float: left;
 }

 .user-tc-diff ul li .pri-box .c4 ol {
     width: 60%;
     margin: 0 auto;
 }

 .user-tc-diff ul li .pri-box .c4 ol li {}

 .user-tc-diff ul li .pri-box .c5 {
     float: left;
 }

 .user-tc-diff ul li .pri-box .c5 a {
     margin: 0 auto;
     display: table;
     padding: 10px 40px;
 }

 .fil-mob {
     cursor: pointer;
     background: #fce8d1;
     padding: 10px 5px;
     margin-top: -3px;
     box-shadow: 0px -10px 11px 4px rgba(0, 0, 0, 0.8);
     position: absolute;
     /* border-bottom: 1px solid #e5e5e5;
     */
     top: 59px;
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     transform: translateY(-50px);
     width: 100%;
 }

 .fil-mob.fil-mob-act {
     position: fixed;
     top: 57px;
     width: 100%;
     z-index: 11;
     box-shadow: 0px 6px 18px -11px rgba(0, 0, 0, 0.25);
     -webkit-transition: all 0.5s ease-in-out;
     -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     transform: translateY(0px);
     display: none;
 }

 .fil-mob h4 {
     margin: 0px;
     font-size: 15px;
     text-align: center;
 }

 .fil-mob h4 i {
     font-size: 15px;
     vertical-align: middle;
     font-weight: 600;
 }

 .filt-com {
     float: left;
     margin-bottom: 25px;
     width: 100%;
     padding: 0px 18px;
 }

 .list-filt-v2 {
     background: #fff;
     float: left;
     width: 94%;
     margin-left: 3%;
     padding: 0px;
     box-shadow: 0px 0px 7px 0px #3333330f;
     border-radius: 4px;
     margin-top: 20px;
 }

 .list-filt-v2 {}

 .list-filt-v2 ul {}

 .list-filt-v2 ul li {
     position: relative;
     padding: 0px;
     float: left;
     width: 16.6666666%;
     border-right: 1px solid #eaeaea;
 }

 .list-filt-v2 ul li .chbox input {}

 .list-filt-v2 ul li .chbox lable {}

 .list-filt-v2 .chbox input[type="checkbox"]:checked + label {
     background: #eafbee;
     /* border-bottom: 0px solid #a4d8b0; */
 }

 .list-filt-v2 .chbox label {
     padding: 5px 7px 5px 7px;
     float: left;
     text-align: center;
     margin: 0px;
     background: #f7f5f5;
     font-size: 12px;
     font-weight: 600;
     /* border-bottom: 3px solid #f7f5f5; */
 }

 .list-filt-v2 ul li .chbox {}

 .list-filt-v2 ul li .chbox {
     float: left;
     display: block;
     width: 100%;
 }

 .list-filt-v2 ul li:last-child {
     border-right: 0px solid #000;
 }

 .list-filt-v2 .chbox label:before,
 .list-filt-v2 .chbox label:after {
     right: 7px;
     left: auto;
     opacity: 0;
 }

 .list-filt-v2 .chbox label:before {
     right: 0px;
     top: 0px;
     width: 18px;
     height: 18px;
     border-radius: 0px 0px 0px 100px;
 }

 .list-filt-v2 .chbox input[type="checkbox"]:checked + label:before {
     opacity: 1;
 }

 .list-filt-v2 .chbox label:after {
     right: 3px;
     top: 3px;
 }

 .lhs-search {
     display: none;
 }

 .lhs-search ul {}

 .lhs-search ul li {
     float: left;
 }

 .lhs-search ul li:nth-child(1) {
     width: 75%;
 }

 .lhs-search ul li:nth-child(2) {
     width: 25%;
 }

 .lhs-search ul li:nth-child(1) input {
     background: #e8eaed;
     border: 0px;
     font-size: 15px;
     padding: 12px 18px;
     color: #0a0a0b;
     width: 100%;
     border-radius: 5px 0px 0px 5px;
     font-weight: 500;
     float: left;
 }

 .lhs-search ul li:nth-child(2) input {
     background: url(../images/icon/search.png) no-repeat, #d9dce1;
     border: 0px;
     font-size: 14px;
     padding: 12px 18px 13px 18px;
     color: #000;
     width: 100%;
     border-radius: 0px 5px 5px 0px;
     z-index: 9;
     background-position: center;
     background-size: 17px;
     float: left;
 }

 .filt-com h4 {
     font-size: 15px;
     color: #3c4043;
     padding-left: 25px;
     margin-bottom: 12px;
     font-weight: 600;
 }

 .filt-com h4:before {
     margin: -2px 0px 0px -25px;
     font-size: 20px;
 }

 .lhs-cate h4:before {
     content: "apps";
 }

 .lhs-featu h4:before {
     content: "verified_user";
 }

 .lhs-sub h4:before {
     content: "verified_user";
 }

 .lhs-rati h4:before {
     content: "stars";
 }

 .filt-com .dropdown-menu {
     min-height: 200px;
     max-height: 400px;
     overflow: hidden;
     overflow-y: auto;
     width: 254px;
 }

 .pro-fil-pri h4:before {
     content: "monetization_on";
 }

 .pro-fil-dis h4:before {
     content: "shopping_cart";
 }

 .pro-fil-sub h4:before {
     content: "layers";
 }

 .pro-fil-sub ul {
     height: 180px;
     overflow: hidden;
 }

 .pro-fil-sub ul:hover {
     overflow-y: auto;
 }

 /*-------------------------------------------------*/
 /* HOME PAGE 2
/*-------------------------------------------------*/
 .hom2 {
     float: left;
     width: 100%;
     margin-top: 5px;
     padding: 0px 40px;
     background: #20344c;
 }

 .hom2 .inn {
     background: #fff;
     float: left;
     width: 100%;
 }

 .hom2 .s1 {
     float: left;
     width: 20%
 }

 .hom2 .s1 .pmenu-spri {
     visibility: visible;
     opacity: 1;
     transform: translateY(0px);
 }

 .hom2 .s2 {
     float: left;
     width: 60%
 }

 .hom2 .s3 {
     float: left;
     width: 20%
 }

 .hom2-ban-menu {}

 .hom2-ban-menu ul {}

 .hom2-ban-menu ul li {}

 .hom2-ban-menu ul li a {
     color: #49494c;
     font-weight: 600;
     font-size: 13px;
     /* margin: 0px 10px 10px 0px; */
     display: inline-block;
     padding: 10px 20px;
     width: 100%;
     text-transform: uppercase;
 }

 .hom2-ban-menu ul li a img {
     width: 28px;
     margin-right: 15px;
 }

 /*-------------------------------------------------*/
 /* ALL LISTING - CATEGORY SELECT
/*-------------------------------------------------*/
 #dLabel {
     width: 100%;
     height: 40px;
     border-radius: 4px;
     background-color: #e8eaed;
     border: solid 0px #cccccc;
     text-align: left;
     padding: 7.5px 15px;
     color: #0a0a0b;
     float: left;
     font-size: 15px;
     font-weight: 500;
 }

 .caret {
     float: right;
     margin-top: 9px;
     display: block;
 }

 /*.lhs-cate .dropdown:after{
     content: "arrow_drop_down";
     margin: 7px 0px 0px -26px;
     font-size: 18px;
     transition: all 0.5s ease;
}
 .lhs-cate .dropdown.show:after{
     transform: rotate(180deg);
     transition: all 0.5s ease;
}
*/
 .dropdown-menu {
     width: 240px;
     padding: 0;
     margin: 0;
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     background-color: #fff;
     border: 0px solid #f1f1f1;
     box-shadow: 0px 0px 37px -8px rgba(150, 150, 150, 0.4);
 }

 .dropdown button:hover,
 .dropdown button:focus {
     border: none;
     outline: 0;
 }

 .dropdown.open button#dLabel {
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
     border: solid 1px #666;
     border-bottom: none;
 }

 .dropdown.open ul {
     box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
     border: solid 1px #666;
     border-top: none;
     height: 200px;
     overflow-y: scroll;
 }

 .dropdown-menu li {
     line-height: 1.5;
     letter-spacing: 0.5px;
     color: #3c3b3b;
     font-size: 14px;
     cursor: pointer;
     padding: 7.5px 15px;
     border-top: solid 1px #f3f3f3;
 }

 .dropdown-menu li:hover {
     background-color: #ededed;
 }

 /*-------------------------------------------------*/
 /* ALL LISTING - FEATURE CHECKBOX
/*-------------------------------------------------*/
 .lhs-featu {}

 .lhs-featu ul {}

 .lhs-featu ul li {}

 .chbox {
     position: relative;
 }

 .chbox label {
     padding-left: 25px;
     cursor: pointer;
     font-weight: 500;
     font-size: 14px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     position: relative;
     width: 100%;
     line-height: 24px;
     margin-bottom: 1px;
 }

 .chbox label:before {
     content: "";
     background-color: #fff;
     border: 1px solid #ccc;
     border-radius: 2px;
     cursor: pointer;
     height: 15px;
     left: 0;
     position: absolute;
     top: 5px;
     width: 15px;
 }

 .chbox label:after {
     border: 2px solid #fff;
     border-top: none;
     border-right: none;
     content: "";
     height: 6px;
     left: 3px;
     opacity: 0;
     position: absolute;
     top: 8px;
     transform: rotate(-45deg);
     width: 8px;
 }

 .chbox input[type="checkbox"] {
     visibility: hidden;
     display: none;
 }

 .chbox input[type="checkbox"]:checked + label:before {
     background-color: #219e3e;
     border-color: #219e3e;
 }

 .chbox input[type="checkbox"]:checked + label:after {
     opacity: 1;
 }

 /*-------------------------------------------------*/
 /* ALL LISTING - RATING RADIO BUTTON
/*-------------------------------------------------*/
 .lhs-rati {}

 .lhs-rati ul {}

 .lhs-rati ul li {}

 .rbbox {
     position: relative;
 }

 .rbbox label {
     padding-left: 10px;
     cursor: pointer;
     margin-bottom: 5px;
 }

 .rbbox label:before {
     content: "";
     background-color: #fff;
     border: 1px solid #ccc;
     border-radius: 50%;
     cursor: pointer;
     height: 18px;
     left: 0;
     position: absolute;
     top: 2px;
     width: 18px;
 }

 .rbbox label:after {
     /* border: 2px solid #fff;
     */
     border-top: none;
     border-right: none;
     content: "";
     height: 10px;
     left: 4px;
     opacity: 0;
     position: absolute;
     top: 5px;
     /* transform: rotate(-45deg);
     */
     width: 10px;
     background: #ffffff;
     border-radius: 50px;
 }

 .rbbox input[type="radio"] {
     visibility: hidden;
 }

 .rbbox input[type="radio"]:checked + label:before {
     background-color: #ffffff;
     border-color: #000000;
 }

 .rbbox input[type="radio"]:checked + label:after {
     opacity: 1;
     background: #000;
     top: 6px;
 }

 .rbbox input[type="radio"]:checked + label i {
     color: #000;
     background: #ffe500;
 }

 .rbbox label i {
     font-size: 18px;
     color: #000000;
     padding-top: 1px;
     background: #eaeaea;
     padding: 2px;
     border-radius: 2px;
 }

 #star-value {
     position: absolute;
     left: 175px;
     background: #FFC107;
     color: #000;
     font-weight: 600;
     font-size: 13px;
     padding: 0.5px 5px 1px 5px;
     border-radius: 3px;
     line-height: 18px;
 }

 /*-------------------------------------------------*/
 /* ALL LISTING - ADS
/*-------------------------------------------------*/
 .lhs-ads {}

 .lhs-ads ul {}

 .lhs-ads ul li {
     margin-bottom: 15px;
 }

 .ads-box {
     position: relative;
     /* margin:0px 10px;
     */
     border-radius: 7px;
     box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.3);
     transition: all 0.5s ease;
 }

 .ads-box:hover {
     transition: all 0.5s ease;
     transform: translateY(-5px);
 }

 .ads-box img {
     width: 100%;
 }

 .ads-box span,
 .ban-ati-com span {
     position: absolute;
     background: #F44336;
     color: #fff;
     font-size: 10px;
     padding: 1px 3px;
     border-radius: 2px;
 }

 .hom-ads {
     /* background: #d4e8f9; */
     padding: 40px 0px 0px 0px;
     position: relative;
     overflow: hidden;
     /* background: linear-gradient(to bottom,#ffede4, #ffe7db 100%); */
     float: left;
     width: 100%;
 }

 .hom-ads .ads-box {
     width: 70%;
     margin: 0 auto;
 }

 .hom-ads .ads-box img {
     width: 100%;
     float: left;
     object-fit: cover;
     height: 95px;
     transition: all 0.5s ease;
     cursor: pointer;
 }

 .hom-ads .lhs-ads {
     margin: 0px;
 }

 .hom-ads {
     margin: 0px 0px;
 }

 .ban-ati-com {}

 .ban-ati-com a {}

 .ban-ati-com a img {
     width: 100%;
 }

 .ads-all-list {
     padding: 0px 25px;
     position: relative;
     float: left;
     width: 100%;
     margin: 20px 0px;
 }

 .ads-det-page {
     padding: 20px 0px;
     padding-bottom: 60px;
 }

 /*-------------------------------------------------*/
 /* ALL LISTING - LISTING
/*-------------------------------------------------*/
 .all-list-sh .eve-box {
     margin: 0px 15px 15px 15px;
     border: 6px solid #fff;
     float: left;
 }

 .all-list-sh .al-img .open-stat {
     background: #4caf50;
     font-size: 11px;
     font-weight: 500;
     border-radius: 5px;
     padding: 1px 5px 2px 5px;
     top: 5px;
     left: 5px;
 }

 .all-list-sh .al-img a img {
     height: 158px;
     border-radius: 2px;
 }

 .all-list-sh .al-img .auth img {
     height: 36px;
 }

 .all-list-sh .al-img {
     float: left;
     width: 25%;
     position: relative;
 }

 .all-list-sh .al-img:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: #2432405e;
     left: 0px;
     transition: all ease 0.5s;
     /* fallback for old browsers */
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to bottom, #ffffff00, #0b253aba);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     border-radius: 4px;
 }

 .all-list-sh .al-img .auth {
     padding-left: 0px;
     position: absolute;
     left: 15px;
     bottom: 15px;
     padding: 0px;
     width: auto;
     display: none;
 }

 .all-list-sh .al-img .auth img {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     object-fit: cover;
     float: left;
     margin-right: 0px;
     border: 2px solid #a59174;
 }

 .all-list-sh .al-img .auth b {
     padding: 0px;
     font-size: 11px;
     font-weight: 400;
     color: #ac836d;
     line-height: 15px;
     float: left;
     display: none;
 }

 .all-list-sh .al-img .auth h4 {
     margin: 0px;
     font-size: 14px;
     /* float: left; */
     line-height: 15px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     margin-top: -7px;
     font-weight: 600;
     text-align: left;
     padding-left: 0px;
     display: none;
 }

 .all-list-sh .al-img .auth a {
     position: absolute;
     cursor: pointer;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     z-index: 5;
 }

 .all-list-sh .eve-box div:nth-child(2) span {
     float: left;
     font-size: 13px;
     color: #333;
     /* font-family: 'Quicksand', sans-serif; */
     font-weight: 500;
     text-transform: lowercase;
 }

 .all-list-sh .eve-box div:nth-child(2) span:nth-child(1) {
     float: initial;
     font-size: 13px;
 }

 .all-list-sh .eve-box div:nth-child(2) span:nth-child(2) {}

 .all-list-sh .eve-box div:nth-child(2) span:nth-child(3) {}

 .all-list-sh .eve-box div:nth-child(2) span.mail {
     padding-bottom: 0px;
     padding-top: 10px;
 }

 .all-list-sh .eve-box div:nth-child(2) span.mail:before {}

 .eve-box div:nth-child(2) span.addr {
     width: 100%;
     color: #232323;
     /* font-weight: 400; */
 }

 .eve-box div:nth-child(2) span.pho {
     width: 40%;
 }

 .eve-box div:nth-child(2) span.mail {
     width: 60%;
 }

 .all-list-sh .eve-box div:nth-child(2) .auth {
     width: 25%;
     float: left;
     padding-left: 0px;
 }

 .all-list-sh .eve-box div:nth-child(2) .auth h4 {
     padding: 0px;
     font-size: 13px;
 }

 .all-list-sh .eve-box div:nth-child(2) .links {
     width: 100%;
     float: left;
     padding: 0px;
     border: 0px;
     padding-top: 14px;
 }

 .all-list-sh .eve-box div:nth-child(2) .links a,
 .all-list-sh .eve-box div:nth-child(2) .links span {
     float: left;
     font-size: 11.5px;
     margin: 0px 3px;
     font-weight: 600;
     border: 1px solid #eaeaea;
     color: #3e4c56;
     padding: 5px 18px;
     border-radius: 2px;
     width: auto;
     cursor: pointer;
     font-family: inherit;
 }

 .all-list-sh .eve-box div:nth-child(2) .links .what {
     /* background: #f44336; */
     /* color: #fff; */
     /* border: 1px solid #f44336; */
     padding: 5px 18px 5px 38px;
 }

 .all-list-sh .eve-box div:nth-child(2) .links .what:before {
     content: '';
     position: absolute;
     background: url('../images/icon/whatsapp.png') no-repeat;
     background-size: cover;
     width: 15px;
     height: 15px;
     margin: 0px 0px 0px -22px;
 }

 .all-list-sh .rat {
     position: absolute;
     right: 48px;
     top: 12px;
 }

 .all-list-sh .rat i {
     color: #FF9800;
     font-size: 18px;
     width: 12px;
 }

 .all-list-sh .eve-box div:nth-child(2) h4 {
     padding-bottom: 10px;
     margin: 0px;
     line-height: 0px;
     overflow: hidden;
     white-space: pre;
     text-overflow: ellipsis;
 }

 .all-list-sh .eve-box div:nth-child(2) h4 a {
     color: #212529;
     float: left;
     line-height: 28px;
     font-family: 'Quicksand', sans-serif;
     font-size: 18px;
     font-weight: 700;
 }

 .all-list-sh .eve-box div:nth-child(2) h4 .li-veri {
     float: left;
 }

 .all-list-sh .eve-box div:nth-child(2) h4 .li-veri img {
     width: 13px;
     margin: 5px 0px 0px 5px;
 }

 .all-list-sh .eve-box div:nth-child(2) .links .quo {
     background: #f44336;
     color: #fff;
     border: 1px solid #f44336;
 }

 .all-list-sh .eve-box:hover div:nth-child(2) .links a:first-child {
     background: #FFC107;
     color: #000;
     border: 1px solid #ffc107;
 }

 .all-list-sh .list-prom {
     background: #fdf5dd;
     border: 12px solid #fdf5dd;
 }

 .all-list-sh .list-prom:before {
     content: 'Ad';
     position: absolute;
     background: #f6b800;
     color: #000;
     font-weight: 700;
     font-size: 10px;
     padding: 1px 3px;
     border-radius: 0px 0px 2px 0px;
     z-index: 1;
     left: 0px;
     top: 0px;
     font-family: 'Quicksand', sans-serif;
 }

 /*-------------------------------------------------*/
 /* ALL LISTING - FOOTER
/*-------------------------------------------------*/
 .list-foot {
     background: #191919;
     color: #7f7f7f;
     padding: 50px 0px 150px 0px;
 }

 .list-foot-abo,
 .list-foot-faq {
     width: 65%;
     margin: 0 auto;
     display: table;
 }

 .list-foot-abo h2 {
     padding-bottom: 15px;
 }

 .list-foot-abo h4 {
     padding-bottom: 10px;
 }

 .list-foot-abo h2,
 .list-foot-abo h4,
 .list-foot-faq h3,
 .wed-hom-footer h4 {
     font-size: 13px;
     color: #fff;
     font-weight: 600;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .list-foot-abo p {
     font-size: 12.5px;
     line-height: 23px;
 }

 .list-foot-faq {
     padding-top: 35px;
     border-top: 1px dashed #5d5b5b;
     margin-top: 30px;
 }

 .list-foot-faq h3 {
     padding-bottom: 15px;
 }

 .list-foot-faq .how-to-coll {
     width: 100%;
     border: 1px solid #313030;
 }

 .list-foot-faq .how-to-coll ul {}

 .list-foot-faq .how-to-coll ul li {
     position: relative;
     border-bottom: 1px solid #313030;
     padding: 13px 20px;
 }

 .list-foot-faq .how-to-coll ul li h4 {
     font-size: 13px;
     color: #c3c3c3;
 }

 .list-foot .how-to-coll li h4:after {
     color: #7f7f7f;
 }

 .list-foot-faq .how-to-coll ul li div {}

 .list-foot-faq .how-to-coll ul li div p {
     font-size: 12px;
 }

 /*-------------------------------------------------*/
 /* ALL LISTING - LISTING QUICK VIEW
/*-------------------------------------------------*/
 .list-qview {
     position: fixed;
     right: -400px;
     width: 350px;
     height: 100%;
     top: 0px;
     z-index: 33;
     background: #fff;
     overflow-y: auto;
     transition: all 0.5s ease-in-out;
 }

 .list-qview .eve-box {
     border: 0px;
 }

 .list-qview.qview-show {
     transition: all 0.5s ease-in-out;
     right: 0%;
     box-shadow: -22px 0px 73px -22px rgba(42, 42, 42, 0.48);
 }

 .list-qview {}

 .list-qview .com {
     padding: 30px 25px 0px 25px;
 }

 .list-qview .com h4 {
     font-size: 14px;
     font-weight: 400;
 }

 .list-qview .com h4 b {}

 .list-qview .com p {
     font-size: 13px;
     line-height: 24px;
     color: #555;
 }

 .list-qview .com ul {}

 .list-qview .com ul li {
     float: left;
     margin-right: 5px;
 }

 .list-qview .auth {}

 .list-qview .shar {}

 .list-qview .shar ul li {}

 .list-qview .shar ul li a {}

 .list-qview .shar ul li a img {}

 .list-qview .more {
     float: left;
     width: 100%;
     padding-bottom: 30px;
 }

 .list-qview .more a {
     font-size: 14px;
     margin: 0px;
     font-weight: 600;
     border: 1px solid #ffffff;
     color: #fff;
     padding: 12px 12px;
     float: left;
     width: 100%;
     text-align: center;
     background: #51c0ff;
     border-radius: 3px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .list-qview .more a:nth-child(1) {}

 .list-qview .more a:nth-child(2) {}

 .list-qview .eve-box div:nth-child(2) span.pho {
     padding-bottom: 10px;
 }

 .list-qview .eve-box div:nth-child(2) span {
     font-size: 13px;
     color: #333;
 }

 .list-qview .eve-box div:nth-child(1) span.clo-list {
     cursor: pointer;
     background: #0000003d;
     padding: 2px;
     border-radius: 2px;
 }

 .list-qview .clo-list {}

 .list-qview .clo-list i {}

 .list-qview .eve-box div:nth-child(3) .auth {
     padding-left: 0px;
 }

 .auth {
     position: relative;
     overflow: hidden;
 }

 .auth img,
 .eve-box .auth img {
     width: 36px !important;
     height: 36px !important;
     border-radius: 50%;
     object-fit: cover;
     float: left;
     margin-right: 10px;
     transition: all 0.5s ease;
     cursor: pointer;
 }

 .auth b {
     padding: 0px;
     font-size: 11px;
     font-weight: 400;
     color: #ac836d;
     line-height: 15px;
     float: left;
 }

 .auth h4 {
     margin: 0px;
     font-size: 14px;
     /* float: left; */
     line-height: 15px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     margin-top: -7px;
     font-weight: 600;
     text-align: left;
     padding-left: 0px;
 }

 .auth .fclick {}

 /*-------------------------------------------------*/
 /* ALL LISTING - GET QUOTE POPUP
/*-------------------------------------------------*/
 .quote-pop {
     padding: 40px;
 }

 .quote-pop h4 {
     font-size: 24px;
     text-align: center;
     font-weight: 700;
     padding-bottom: 15px;
     text-transform: capitalize;
 }

 .pop-quo .quote-pop .btn {
     width: 100%;
     background: #15c39a;
     border: 1px solid #15c39a;
     border-radius: 50px;
     font-size: 17px;
     font-weight: 500;
     padding: 8px 0px;
 }

 .pop-quo .modal-dialog {
     max-width: 430px;
 }

 /*-------------------------------------------------*/
 /* LISTING DETAILS
/*-------------------------------------------------*/
 .list-bann {
     position: relative;
     overflow: hidden;
     width: 100%;
     margin-top: 60px;
 }

 .list-bann:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: #3e5662cc;
     background: linear-gradient(to top, rgb(62, 67, 76) 2%, rgba(0, 0, 0, 0.1) 139%);
     left: 0px;
 }

 .list-bann img {
     width: 100%;
     float: left;
     object-fit: cover;
     height: 570px;
     transition: all 0.5s ease;
 }

 .pg-list-1 {
     position: relative;
     width: 100%;
     box-sizing: content-box;
     /* background: #ffffff; */
     /* float: left;
     */
     /* box-shadow: 0px 1px 16px -8px rgba(42, 42, 42, 0.68); */
     margin: -505px 0px 15px 0px;
 }

 .pg-list-prop {
     background: url(../images/list-deta/prop-bg.html) no-repeat;
     background-size: cover;
     box-sizing: content-box;
 }

 .pg-list-shop {
     background: url(../images/list-deta/shop-bg.html) no-repeat;
     background-size: cover;
     box-sizing: content-box;
 }

 .pg-list-auto {
     background: url(../images/list-deta/auto-bg.html) no-repeat;
     background-size: cover;
     box-sizing: content-box;
 }

 .pg-list-1:before {}

 .list-pg-bg .container {
     position: relative;
     background: #fff;
     border-radius: 4px;
 }

 .list-pg-bg .com-padd {
     padding: 18px 18px 10px 18px;
     background: #f5f8ff;
     border-radius: 20px 20px 0px 0px;
     float: left;
     width: 100%;
 }

 .pg-list-1-left {
     padding: 0px 12px 15px 0px;
     position: relative;
     width: 100%;
     color: #fff;
 }

 .list-rat-all {
     float: left;
     width: 100%;
     padding-bottom: 25px;
 }

 .list-rat-all b {
     float: left;
     color: #fff;
     font-size: 18px;
     line-height: 22px;
     background: #FF9800;
     padding: 1px 5px;
     border-radius: 2px;

 }

 .list-rat-all .rat {
     float: left;
     padding: 1px 12px 0px 6px;
     margin: 0px;
 }

 .list-rat-all .rat i.ratstar {
     color: #fff;
 }

 .list-rat-all span {
     float: left;
     font-size: 12px;
     padding: 5px 0px 0px 0px;
 }

 .pg-list-1-left .rat {}

 .pg-list-1-left .rat i {
     color: #FF9800;
     font-size: 20px;
     width: 14px;
 }

 .list-foot-abo .list-rat-all b {}

 .list-foot-abo .list-rat-all .rat {}

 .list-foot-abo .list-rat-all .rat i {
     color: #FF9800;
     font-size: 20px;
     width: 14px;
 }

 .list-foot-abo .list-rat-all .rat i.ratstar {
     color: #d4d4d4;
 }

 .rat i.ratstar {
     color: #d4d4d4;
 }

 .pg-list-1-pro {
     float: left;
     width: 100%;
     /* display: none; */
     position: relative;
     padding-bottom: 20px;
 }

 .pg-list-1-pro img {
     width: 190px;
     float: left;
     object-fit: cover;
     height: 175px;
     /* position: absolute; */
     border-radius: 5px;
     border: 0px solid #000;
     /* margin-right: 28px; */
     box-shadow: 0px -15px 16px -8px rgba(0, 0, 0, 0.28);
     background: #fff;
     /* padding: 5px; */
 }

 .pg-list-1-pro .stat {
     position: absolute;
     background: #2cbd32;
     color: #fff;
     /* font-weight: 600; */
     left: 5px;
     top: 5px;
     float: left;
     width: 36px;
     height: 36px;
     text-align: center;
     text-shadow: 0 0 2px #333333a8;
     border-radius: 50px;
 }

 .pg-list-1-pro .stat i {
     vertical-align: middle;
     padding: 5px;
 }

 .pg-list-1-left h3 {
     font-weight: 600; 
     /* padding: 5px 0px 8px 235px; */
     font-size: 32px;
     line-height: 50px;
     padding-bottom: 0px;
     white-space: pre;
     overflow: hidden;
     text-overflow: ellipsis; 
     width: 100%;
 }

 .pg-list-1-left p {
     font-size: 16px;
     display: block;
     float: left;
     font-weight: 700;
     font-family: 'Quicksand', sans-serif;
 }

 .pg-list-1-left h4 {
     color: #000000;
     padding: 15px 00px;
     font-size: 16px;
 }

 .pag-p1-phone {
     float: left;
     width: 100%;
     /* padding-left: 235px; */
 }

 .pag-p1-phone ul {}

 .pag-p1-phone ul li {
     font-size: 15px;
     float: left;
     padding: 0px 30px 10px 24px;
     color: #c1c1c1;
     font-family: 'Quicksand', sans-serif;
     font-weight: 700;
 }

 .pag-p1-phone ul li:before {
     margin: -2px 0px 0px -30px;
     color: #c1c1c1;
 }

 .pag-p1-phone ul li.ic-php:before {
     content: 'phone';
 }

 .pag-p1-phone ul li.ic-mai:before {
     content: 'email';
 }

 .pag-p1-phone ul li.ic-web:before {
     content: 'language';
 }

 .pglist-p-com {
     margin-bottom: 20px;
     padding-bottom: 20px;
 }

 .pglist-p-com-ti {
     border-bottom: 1px solid #e0e6f5;
 }

 .pglist-p-com-ti h3 {
     padding: 15px 20px;
     background: #fff;
     font-weight: 700;
     font-size: 16px;
     text-transform: uppercase;
     margin-bottom: 0px;
 }

 .pglist-p-com-ti h3 span {
     color: #8a8d92;
     font-weight: 700;
     font-size: 16px;
     text-transform: uppercase;
 }

 .list-desc-area {}

 .list-desc-area h2,
 .list-desc-area h3,
 .list-desc-area h4,
 .list-desc-area h5,
 .list-desc-area h6,
 .eve-deta-body-main h2,
 .eve-deta-body-main h3,
 .eve-deta-body-main h4,
 .eve-deta-body-main h5,
 .eve-deta-body-main h6 {
     font-weight: 600;
 }

 .list-desc-area h2,
 .eve-deta-body-main h2 {
     font-size: 22px;
 }

 .list-desc-area h3,
 .eve-deta-body-main h3 {
     font-size: 18px;
 }

 .list-desc-area h4,
 .eve-deta-body-main h4 {
     font-size: 16px;
 }

 .list-desc-area h5,
 .eve-deta-body-main h5 {
     font-size: 14px;
 }

 .list-desc-area h6,
 .eve-deta-body-main h6 {
     font-size: 12px;
 }

 .list-desc-area ul,
 .eve-deta-body-main .lhs ul {
     padding-left: 15px;
 }

 .list-desc-area ul li,
 .eve-deta-body-main .lhs ul li {
     padding-left: 15px;
 }

 .list-desc-area ul li:before,
 .eve-deta-body-main .lhs ul li:before {
     content: '';
     position: absolute;
     width: 6px;
     height: 6px;
     background: #d0d1c3;
     border-radius: 50%;
     margin: 9px 0px 0px -15px;
 }

 .eve-deta-body-main ul li {
     font-size: 14px;
     line-height: 24px;
 }

 .list-360 {}

 .list-360 iframe {
     width: 100%;
     height: 300px;
     border: 0px;
 }

 .list-tit-mar-0 {
     padding-top: 0px !important;
 }

 .pglist-p-com-ti h3 i {}

 .list-slider {}

 .list-slider-nav {
     margin-top: 175%;
     position: absolute;
     background: #ffe500;
     width: 32px;
     height: 32px;
     padding: 5px;
     text-align: center;
     border-radius: 2px;
     color: #000;
 }

 .list-slider-nav-rp {
     margin-right: 40px;
     position: initial;
 }

 .list-page-com-p {}

 .list-page-com-p p,
 .list-desc-area li {
     font-size: 14px;
     color: #56595d;
     line-height: 24px;
     font-weight: 500;
     font-family: 'Quicksand', sans-serif;
 }

 /*--===== MIGHT LINKE ======--*/
 .list-rel-list {}

 .list-rel-list .inn {
     background: #fff;
     border: 1px solid #e0e6f5;
     border-radius: 10px;
     padding: 20px;
     overflow: hidden;
     min-height: 250px;
     max-height: 682px;
 }

 .list-rel-list .inn:hover {
     overflow-y: auto;
 }

 .list-rel-list-tit {}

 .list-rel-list-tit h3 {
     padding: 20px 20px 10px 20px;
     /* background: #fff; */
     font-weight: 700;
     font-size: 16px;
     text-transform: uppercase;
     text-align: center;
     letter-spacing: 1px;
 }

 .list-rel-list-tit h3 span {}

 .list-rel-list-com {
     position: relative;
     /* overflow: hidden; */
     margin-bottom: 12px;
 }

 .list-rel-list-com:last-child {
     margin-bottom: 0px;
 }

 .list-rel-list-com:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: #141a3e8c;
     border-radius: 5px;
     z-index: 1;
 }

 .list-rel-list-com a {
     position: absolute;
     top: 0px;
     bottom: 0px;
     left: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     z-index: 1;
 }

 .list-rel-list-img {
     overflow: hidden;
     position: relative;
     /* z-index: 2; */
     border-radius: 5px;
 }

 .list-rel-list-img img {
     width: 100%;
     /* border-radius: 5px; */
     height: 200px;
     object-fit: cover;
     transition: all 0.5s ease;
 }

 .list-rel-list-com:hover img {
     transform: scale(1.2);
 }

 .list-rel-list-img span {}

 .list-rel-list-con {
     position: absolute;
     bottom: 2px;
     left: 25px;
     color: #fff;
     z-index: 2;
 }

 .list-rel-list-con h5 {
     font-size: 16px;
     font-weight: 600;
     padding-top: 20px;
 }

 .list-rel-list-con p {
     font-size: 13px;
 }

 .list-rel-list-con span {
     /* position: absolute; */
     background: #0dc73d;
     padding: 4px;
     font-weight: 600;
     color: #fff;
     /* right: 15px; */
     /* top: 0px; */
     font-size: 14px;
     border-radius: 2px;
 }


 /*--==== QUICK LINKS ====--*/
 .v3-list-ql {
     position: fixed;
     top: 53px;
     width: 100%;
     /* height: 46px; */
     background: #151f31;
     z-index: 16;
     transition: all 1s;
     -webkit-box-shadow: 0 1px 3px #960;
     -moz-box-shadow: 0 1px 3px #960;
     box-shadow: 0 0px 10px 2px rgba(0, 0, 0, 0.24);
     background: #fff;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .v3-list-ql-inn {
     width: 100%;
 }

 .v3-list-ql-inn ul {
     margin-bottom: 0px;
     display: table;
     margin: 0 auto;
 }

 .v3-list-ql-inn ul li {
     float: left;
 }

 .v3-list-ql-inn ul li a {
     color: #1351c1;
     border-right: 1px solid #e4ecf2;
     /* line-height: 50px; */
     display: block;
     padding: 12px 18px;
     font-size: 15px;
     font-weight: 500;
 }

 .v3-list-ql-inn ul li a i {
     margin-right: 5px;
     vertical-align: middle;
     font-size: 17px;
     margin-top: -1px;
     /* color: #b3bccd; */
 }

 .v3-list-ql-inn ul li a:hover {
     background: #1a90f6;
     color: #fff;
 }

 .v3-list-ql-inn .active-list a {
     background: #1a90f6;
     color: #fff;
 }

 /*--==== LISTING SHARE =====--*/
 .share-btn {
     padding-bottom: 10px;
 }

 .share-btn ul {
     margin-bottom: 0px;
 }

 .share-btn ul li:nth-child(1) a {}

 .share-btn ul li:nth-child(2) a {}

 .share-btn ul li:nth-child(3) a {}

 .share-btn ul li a {
     /* padding: 6px 10px; */
     /* color: #fff; */
     /* font-weight: 500; */
     /* font-size: 12px; */
     /* border-radius: 3px; */
     /* text-shadow: none; */
     /* float: left; */
     display: inline-block;
     border-radius: 5px;
 }

 .share-btn ul li a.so-fb {
     background: #3b5998;
 }

 .share-btn ul li a.so-tw {
     background: #00aced;
 }

 .share-btn ul li a.so-wa {
     background: #65b168;
 }

 .share-btn ul li a.so-li {
     background: #526ca5;
 }

 .share-btn ul li a.so-in {
     background: #fbe4d0;
 }

 .share-btn ul li a.so-pi {
     background: #da271a;
 }

 .share-btn ul li {
     display: inline-block;
     margin-bottom: 0px;
     margin-right: 1px;
 }

 .share-btn ul li i {
     padding-right: 3.75pt;
 }

 .share-btn ul {
     padding-left: 0px;
 }

 .share-btn ul li {
     padding-left: 0px;
 }

 .share-btn ul li:before {
     display: none;
 }

 .share-btn ul li img {
     width: 32px;
     padding: 3px;
 }

 /*--==== LISTING SERVICES =====--*/
 .pg-list-ser-area {
     padding: 10px 20px 0px 20px;
 }

 .pg-list-ser-area ul {}

 .pg-list-ser-area ul li {
     float: left;
     display: inline-block;
     margin: 0px 12px 12px 0px;
 }

 .pg-list-ser-area ul li span {
     /* border: 1px solid #d0dde2; */
     font-size: 14px;
     font-weight: 600;
     padding: 2px 12px;
     border-radius: 3px;
     /* background: #eaf3f7; */
     font-family: 'Quicksand', sans-serif;
     color: #1386d1;
     background-color: #f2f8fd;
     border: 1px solid #e9eff4;
 }

 .pg-list-ser {
     padding: 0px 10px;
 }

 .pg-list-ser ul {}

 .pg-list-ser ul li {
     padding: 8px;
     float: left;
 }

 .pg-list-ser-p1:before {
     content: '';
     position: absolute;
     background: linear-gradient(to top, #43323eeb, #c3697e00 100%);
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 100%;
 }

 .pg-list-ser ul li h4 {}

 .pg-list-ser-p1 {
     position: relative;
     overflow: hidden;
     height: 150px;
 }

 .pg-list-ser-p1:hover img {
     -moz-transform: scale(1.2);
     -webkit-transform: scale(1.2);
     -o-transform: scale(1.2);
     transform: scale(1.2);
 }

 .pg-list-ser-p1 img {
     width: 100%;
     transition: all .5s ease;
     /* height: 150px; */
     object-fit: cover;
 }

 .list-pg-lt .pg-list-ser img {
     height: 150px;
 }

 .pg-list-ser-p2 {
     position: absolute;
     /* text-align: center;
     */
     width: 89.5%;
     margin-top: -35px;
 }

 .pg-list-ser-p2 h4 {
     text-align: center;
     color: #fff;
     font-size: 16px;
 }

 .list-pg-bg {
     background: #f5f8ff;
     padding-bottom: 50px;
 }

 .pglist-bg {
     background: #fff;
     border: 1px solid #e0e6f5;
     border-radius: 10px;
 }

 .lide-guar {
     padding-bottom: 0px;
 }

 .list-pg-inn-sp {
     padding: 20px 20px 0px 20px;
 }

 .list-rom-pric {
     position: absolute;
     padding: 0px 10px;
     font-weight: 600;
     right: 15px;
     top: 0px;
     font-size: 25px;
     border-radius: 2px;
     background: #ffede3;
     color: #f68b51;
 }

 .list-room-type {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding-top: 10px;
 }

 .list-room-type ul {
     padding: 0px;
 }

 .list-room-type ul li {
     display: inline-block;
     float: left;
     color: #636363;
     font-size: 14px;
 }

 .list-room-type ul li img {
     width: 18px;
     /* margin-right: 7px;
     */
     /* border: 1px solid #333;
     */
     /* padding: 3px;
     */
     border-radius: 40px;
 }

 .list-room-type ul li:nth-child(1) {}

 .list-room-type ul li:nth-child(2) {}

 .list-room-deta {}

 .list-room-deta h3 {
     font-size: 20px;
     color: #141f31;
     font-weight: 600;
     font-size: 18px;
 }

 .list-room-rati {
     padding: 10px 0px 5px 0px;
 }

 .list-rom-ami {}

 .list-rom-ami ul li {
     /* padding-right: 10px;
     */
     padding-bottom: 6px;
     font-size: 12px;
     background: #f5f5f5;
     border-radius: 4px;
     margin-right: 5px;
     padding: 4px 8px;
     margin-bottom: 5px;
 }

 .list-rom-ami ul li img {
     vertical-align: sub;
     width: 15px;
     height: 15px;
     /* display: none;
     */
 }

 .list-room-mar-o {}

 .lp-ur-all {
     position: relative;
     overflow: hidden;
 }

 .lp-ur-all-rat {
     position: relative;
     overflow: hidden;
     border-top: 1px solid #e2e2e2;
     margin-top: 20px;
     padding-top: 20px;
 }

 .lp-ur-all-left {
     float: left;
     width: 40%;
     border-right: 4px solid #6b7f8a;
     padding-right: 20px;
 }

 .lp-ur-all-left-1 {
     float: left;
     width: 100%;
 }

 .lp-ur-all-left-2 {
     /* float: left;
     */
     /* width: 50%;
     */
 }

 .lp-ur-all-left-11 {
     float: left;
     width: 50%;
     font-size: 13.5px;
     padding-right: 14px;
     color: #4d5158;
     font-weight: 600;
 }

 .lp-ur-all-left-12 {
     float: left;
     width: 50%;
     height: 6px;
     background: #dadada;
     margin-top: 7px;
     border-radius: 0px;
 }

 .lp-ur-all-left-13 {
     width: 100%;
     background: #43a047;
     height: 6px;
     border-radius: 0px;
 }

 .lp-ur-all-left-Good {
     width: 50%;
     background: #73ca14;
 }

 .lp-ur-all-left-satis {
     width: 18%;
     background: #3dbbd0;
 }

 .lp-ur-all-left-below {
     width: 20%;
     background: #ca7224;
 }

 .lp-ur-all-left-poor {
     width: 5%;
     background: #de382c;
 }

 .lp-ur-all-right {
     float: left;
     width: 60%;
     padding: 2px 20px;
 }

 .lp-ur-all-right h5 {
     font-weight: 500;
     font-size: 18px;
     padding: 14px 0px 0px 0px;
 }

 .lp-ur-all-right p {}

 .lp-ur-all-right p label {
     margin-bottom: 0px;
     margin-right: 10px;
 }

 .lp-ur-all-right p label i {
     color: #51c0ff;
     width: 30px;
     font-size: 34px;
 }

 .lp-ur-all-right p span {
     background: #a2c1bc;
     /* font-size: 34px;
     */
     color: #fff;
     font-weight: 600;
     /* border-radius: 5px;
     */
     vertical-align: top;
     padding: 1px 8px;
     border-radius: 2px;
     margin-top: 3px;
     display: inline-block;
 }

 .lp-ur-all-rat {}

 .lp-ur-all-rat h5 {
     padding: 15px 0px 5px 0px;
     background: #fff;
     font-weight: 600;
     font-size: 16px;
     text-transform: uppercase;
 }

 .lp-ur-all-rat ul {
     margin-bottom: 0px;
 }

 .lp-ur-all-rat ul li {
     position: relative;
     overflow: hidden;
     border-bottom: 1px solid #e2e2e2;
     padding-top: 15px;
     padding-bottom: 5px;
 }

 .lp-ur-all-rat ul li:last-child {
     padding-bottom: 0px;
     border: 0px;
 }

 .lp-ur-all-rat ul li:last-child p {
     padding-bottom: 0px;
     margin-bottom: 0px;
 }

 .lr-user-wr-img {
     float: left;
     /* width: 10%;
     */
     display: inline-block;
 }

 .lr-user-wr-img img {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     object-fit: cover;
 }

 .lr-user-wr-con {
     float: left;
     width: 90%;
     display: inline-block;
     padding: 0px 20px;
 }

 .lr-user-wr-con h6 {
     line-height: 20px;
     font-size: 15px;
     margin-bottom: 5px;
     font-weight: 600;
 }

 .lr-user-wr-con .rat {
     margin-bottom: 0px;
 }

 .lr-user-wr-con .rat i {
     color: #FF9800;
     font-size: 20px;
     width: 14px;
 }

 .lr-user-wr-con p {
     font-size: 14px;
     color: #21344c;
 }

 .lr-revi-date {
     font-size: 13px;
     color: #828282;
     float: left;
     width: 100%;
     margin-bottom: 10px;
 }

 .lr-user-wr-con h6 span {
     background: #55bf15;
     font-size: 15px;
     color: #fff;
     font-weight: 600;
     padding: 4px 4px;
     border-radius: 4px;
     vertical-align: top;
     margin-left: 6px;
 }

 .lr-user-wr-con h6 span i {
     font-size: 10px;
     vertical-align: text-top;
 }

 .list-pg-write-rev form input {
     height: 45px;
     position: relative;
     padding: 15px 24px;
     box-sizing: border-box;
     box-shadow: none;
     border: 1px solid #e8e8e8;
     text-indent: 0;
     line-height: 12px;
     -webkit-transition: border-color .4s, color .4s;
     transition: border-color .4s, color .4s;
     /* -webkit-appearance: none;
     */
     width: 100%;
     font-size: 14px;
     background: #fff;
     margin-bottom: 20px;
     border-radius: 2px;
     font-weight: 500;
 }

 .list-pg-write-rev form input[type='submit'] {
     margin-top: 15px;
     background: #51c0ff;
     color: #fff;
     font-weight: 600;
     font-size: 16px;
     border-radius: 3px;
     border: 0px;
     margin-bottom: 0px;
 }

 .list-pg-write-rev form label {
     top: 14px;
 }

 .list-pg-write-rev form textarea {
     height: 100px;
     position: relative;
     padding: 15px 24px;
     box-sizing: border-box;
     box-shadow: none;
     border: 1px solid #e8e8e8;
     text-indent: 0;
     line-height: 26px;
     -webkit-transition: border-color .4s, color .4s;
     transition: border-color .4s, color .4s;
     /* -webkit-appearance: none;
     */
     width: 100%;
     font-size: 15px;
     background: #fff;
 }

 .list-pg-guar {}

 .list-pg-guar ul {
     margin-bottom: 0px;
 }

 .list-pg-guar ul li {
     border-bottom: 1px solid #e2e2e2;
     padding: 12px 0px 5px 0px;
 }

 .list-pg-guar ul li:nth-child(1) {
     padding: 5px 0px 5px 0px;
 }

 .list-pg-guar ul li:nth-child(3) {
     border-bottom: 0px solid #e2e2e2;
     padding-bottom: 5px;
 }

 .list-pg-guar ul li h4 {
     font-size: 15px;
     padding-bottom: 0px;
     font-weight: 700;
 }

 .list-pg-guar ul li p {
     line-height: 18px;
     font-size: 13px;
     color: #56595d;
 }

 .list-pg-guar ul li .clim-edit {
     background: #F44336;
     color: #fff;
     font-size: 11px;
     padding: 2px 7px;
     border-radius: 2px;
     margin-bottom: 10px;
     display: inline-block;
     font-weight: 500;
     cursor: pointer;
 }

 .list-pg-guar-img {
     display: inline-block;
     float: left;
     height: 100%;
     margin-right: 15px;
     margin-bottom: 8px;
 }

 .list-pg-guar-img img {}

 .list-pg-btn {
     width: 100%;
     font-size: 14px;
     height: 45px;
     line-height: 45px;
 }

 .pglist-p-com-ti-right {}

 .pglist-p-com-ti-right h3 {
     background: #20334c;
     color: #fff;
     font-size: 15px;
     border-radius: 10px 10px 0 0;
 }

 .pglist-p-com-ti-right h3 span {
     color: #b0b0b0;
     font-size: 15px;
     font-weight: 400;
 }

 .form-notes {
     background: #fffed9;
     color: #969457;
     border: 1px solid #f2f1b9;
     padding: 15px;
     margin-top: 15px;
 }

 .form-notes p {
     margin: 0px;
     font-size: 12px;
     text-align: center;
 }

 .pg-list-user-pro {
     background: url('../images/profile-bg.html') no-repeat;
     height: 100px;
     background-size: cover;
 }

 .pg-list-user-pro img {
     /* display: table;
     */
     /* margin: 0 auto;
     */
     position: relative;
     /* left: 40%;
     */
     margin-top: 72px;
     margin-left: 41%;
 }

 .list-pg-upro {
     text-align: center;
     padding-top: 30px;
 }

 .list-pg-upro h5 {
     font-size: 16px;
 }

 .list-pg-upro p {
     padding-bottom: 5px;
     font-size: 15px;
 }

 .list-pg-upro a {
     background: #f44336;
 }

 .list-pg-map {}

 .list-pg-map iframe {
     height: 180px;
     width: 100%;
     border: 0px;
 }

 .list-pg-oth-info {}

 .list-pg-oth-info ul {}

 .list-pg-oth-info ul li {
     border-bottom: 1px solid #e0e6f5;
     padding: 10px 0px;
     font-weight: 500;
     font-size: 13px;
     color: #56595d;
 }

 .list-pg-oth-info ul li:last-child {
     border-bottom: 0px solid #e2e2e2;
     padding-bottom: 0px;
 }

 .list-pg-oth-info ul li span {
     float: right;
     text-align: right;
     background: #f7f8fa;
     /* color: #fff;
     */
     border-radius: 5px;
     padding: 0px 5px;
     border: 1px solid #e2e2e2;
     font-size: 13px;
 }

 .green-bg {
     background: #55bf15 !important;
     color: #fff;
 }

 .list-mig-like {
     display: none;
 }

 .list-mig-like-com {
     position: relative;
     border-radius: 10px;
     /* margin-bottom: 20px; */
     /* background: #14addb; */
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     margin: 10px;
     cursor: pointer;
 }

 .list-mig-lc-img {}

 .list-mig-like-com:hover img {
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     /* opacity: 0.5; */
 }

 .list-mig-lc-img img {
     width: 100%;
     border-radius: 5px;
     object-fit: cover;
 }

 .list-mig-like-com:before {
     /* background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%); */
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 100%;
     border-radius: 5px;
 }

 .list-mig-lc-con {
     position: absolute;
     width: 100%;
     margin-top: -104px;
     padding: 20px 20px 0px 20px;
     display: block;
     z-index: 1;
 }

 .list-mig-lc-con2 {
     margin-top: -90px;
 }

 .list-mig-lc-con h5 {
     font-size: 18px;
     color: #fff;
     padding-top: 10px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     font-weight: 600;
 }

 .list-mig-lc-con h6 {
     font-size: 14px;
     color: #fff;
     position: absolute;
     top: -20px;
     /* right: 0px;
     */
     border: 1px solid #fff;
     padding: 8px 10px 3px 10px;
     border-radius: 18px;
     margin-bottom: 5px;
     padding-bottom: 10px;
 }

 .list-mig-lc-con p {
     color: #c1c1c1;
     font-size: 13px;
 }

 .list-mi-pr {
     top: 15px;
 }

 .list-ri-spec-tit {}

 .list-ri-spec-tit h3 {
     padding: 5px 20px 18px 20px;
     /* background: #fff;
     */
     font-weight: 700;
     font-size: 16px;
     text-transform: uppercase;
     text-align: center;
     letter-spacing: 1px;
 }

 .list-ri-spec-tit h3 span {
     font-weight: 700;
     font-size: 16px;
 }

 .list-rat-ch {}

 .list-rat-ch span {
     width: 25px;
     height: 25px;
     background-color: #ffe500;
     /* bottom: 8px;
     */
     padding: 4px;
     border-radius: 2px;
     color: #000;
     font-weight: 600;
     text-align: center;
     font-size: 12px;
     text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.28);
     margin-right: 10px;
 }

 .list-rat-ch i {
     color: #000000;
     text-shadow: 0px -1px 0 rgba(0, 0, 0, 0.6);
     border: 1px solid #000;
     padding: 3px 2px 2px 2px;
     text-align: center;
     border-radius: 3px;
     background: #ffe500;
     font-size: 11px;
 }

 /*-------------------------------------------------------*/
 /* LISTING LEAD FORM
/*-------------------------------------------------------*/
 .list-pg-lt {
     width: 70%;
     float: left;
     background: #f5f8ff;
 }

 .list-pg-rt {
     width: 30%;
     float: left;
     padding: 0px 0px 0px 20px;
     background: #f5f8ff;
 }

 .list-page-enq {
     margin-top: 60px;
     background: url('../images/banner2.html') no-repeat;
     background-size: cover;
     position: relative;
 }

 .list-page-enq:before {
     content: '';
     position: absolute;
     background: linear-gradient(to top, rgba(32, 52, 76, 0.64) 14%, rgba(0, 0, 0, 0.55) 66%);
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 100%;
 }

 .lpe-com-main {
     position: relative;
     overflow: hidden;
     width: 75%;
     margin: 0 auto;
     padding: 50px 35px;
 }

 .lpe-com {
     width: 50%;
     float: left;
 }

 .lpe-left {
     padding: 14% 0%;
     color: #fff;
 }

 .lpe-left h4 {
     text-transform: uppercase;
 }

 .lpe-left h5 {
     font-size: 20px;
 }

 .lpe-left h2 {
     font-size: 60px;
 }

 .lpe-right {
     text-align: center;
 }

 .lpe-right h3 {
     color: #000000;
     font-size: 28px;
 }

 .lpe-right p {
     font-size: 14px;
     text-align: center;
     padding-top: 7px;
     margin-bottom: 5px;
 }

 .lpe-right form {
     background: #fff;
     padding: 25px;
     border-radius: 4px;
     box-shadow: 0px 16px 40px -10px rgb(0, 0, 0);
     border-bottom: 5px solid #d6c492;
 }

 .lpe-right input,
 textarea {
     height: 45px;
     position: relative;
     padding: 15px 24px;
     box-sizing: border-box;
     box-shadow: none;
     border: 1px solid #e8e8e8;
     text-indent: 0;
     line-height: 12px;
     -webkit-transition: border-color .4s, color .4s;
     transition: border-color .4s, color .4s;
     /* -webkit-appearance: none;
     */
     width: 100%;
     font-size: 14px;
     background: #fff;
 }

 .lpe-right label {
     top: 14px;
 }

 .lpe-right textarea {
     height: 75px;
 }

 .lpe-right input[type="submit"] {}

 .list-red-btn {
     background: #F44336;
     background: linear-gradient(to top, #ec3123, #f44336);
     /* border: 1px solid #f14033;
     */
     color: #fff;
     height: 45px;
     line-height: 45px;
 }

 .lis-pro-badg div {
     text-align: center;
     padding: 0px 10px 20px 10px;
     position: relative;
     z-index: 3;
 }

 .lis-pro-badg:before,
 .lis-pro-badg:after {}

 .lis-pro-badg:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: #26caacc9;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     border-radius: 10px;
 }

 .lis-pro-badg:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 57%;
     background: #fff;
     left: 0px;
     /* top:0px; */
     right: 0px;
     bottom: 0px;
     border-radius: 0px 0px 10px 10px;
     z-index: 0;
 }

 .lis-pro-badg {
     position: relative;
     border-radius: 10px;
     /* border: 1px solid #e0e6f5; */
     background: url(../img/face.jpg) #edf6fd;
     background-size: 100px;
     /* float: left; */
     /* width: 100%; */
 }

 .lis-pro-badg div .rat {
     background: #f9f79ade;
     padding: 2px 4px;
     font-weight: 600;
     color: #000;
     right: 15px;
     top: 10px;
     font-size: 14px;
     border-radius: 2px;
     text-align: center;
     position: absolute;
 }

 .lis-pro-badg div img {
     width: 100px;
     object-fit: cover;
     height: 100px;
     border-radius: 50%;
     border: 4px solid #fff;
     margin-bottom: 15px;
     float: initial;
 }

 .lis-pro-badg div {
     position: relative;
     /* padding-bottom: 20px; */
     /* margin-top: -151px; */
     /* left: 0px; */
     /* float: left; */
     /* width: 100%; */
 }

 .lis-pro-badg div h4 {
     font-size: 17px;
     font-weight: 800;
     margin-bottom: 4px;
     /* text-transform: uppercase; */
 }

 .lis-pro-badg div p {
     margin: 0px;
     font-size: 13px;
     color: #8b9398;
 }

 .lis-pro-badg div .by {
     background: #43a463;
     color: #fff;
     font-weight: 600;
     font-size: 10px;
     padding: 2px 10px;
     border-radius: 2px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     text-align: center;
     margin: 0 auto;
     display: table;
     margin-bottom: 30px;
 }

 .lis-comp-badg {
     background: #fff;
     border-radius: 10px;
     border: 1px solid #e0e6f5;
 }

 .lis-comp-badg .s1 {
     background: url(../images/all-list-bg.jpg) no-repeat;
     background-size: cover;
     text-align: center;
     color: #fff;
     /* text-transform: uppercase; */
     padding-bottom: 10px;
     border-radius: 10px 10px 0px 0px;
     position: relative;
 }

 .lis-comp-badg .s1:before {
     content: '';
     position: absolute;
     background: linear-gradient(150deg, #60e2f7ab, #1e44a2cc 100%);
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     border-radius: 10px 10px 0px 0px;
 }

 .lis-comp-badg .s1 div {
     position: relative;
 }

 .lis-comp-badg .s1 .by {
     background: #43a463;
     color: #fff;
     font-weight: 600;
     font-size: 10px;
     padding: 2px 10px;
     border-radius: 2px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     text-align: center;
     margin: 0 auto;
     display: table;
     margin-bottom: 30px;
 }

 .lis-comp-badg .s1 .proi {
     width: 100px;
     object-fit: cover;
     height: 100px;
     border-radius: 50%;
     /* border: 4px solid #fff; */
     float: initial;
     margin: 0 auto;
     display: table;
 }

 .lis-comp-badg .s1 ul {
     margin: 0 auto;
     display: table;
     padding-bottom: 30px;
 }

 .lis-comp-badg .s1 ul li {
     float: left;
     padding: 0px 3px;
 }

 .lis-comp-badg .s1 ul li a {}

 .lis-comp-badg .s1 ul li a img {
     width: 23px;
     height: 23px;
     background: #fff;
     border-radius: 50px;
     padding: 3px;
 }

 .lis-comp-badg .s1 h4 {
     font-size: 16px;
     font-weight: 500;
     /* letter-spacing: 1px; */
     padding: 20px 0px 0px 0px;
     font-family: 'Poppins', sans-serif;
     margin-bottom: 5px;
 }

 .lis-comp-badg .s1 p {
     font-size: 12px;
     font-weight: 500;
     letter-spacing: 0px;
     padding: 0px 15px;
 }

 .lis-comp-badg .s2 {
     padding: 20px 15px 25px;
     text-align: center;
     position: relative;
 }

 .lis-comp-badg .s2 .use-fol {
     background: #56caff;
     margin: 0 auto;
     display: table;
     margin-top: -37px;
     padding: 7px 20px;
     border-radius: 20px;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 12px;
     font-weight: 600;
     box-shadow: 0px 1px 8px -2px #33333345;
     color: #fff;
     margin-bottom: 15px;
 }

 .lis-comp-badg .s2 a {
     color: #67717b;
     font-size: 15px;
 }

 .list-pagenat {
     margin-bottom: 0px;
     margin-top: 15px;
     margin: 0 auto;
     display: table;
 }

 .list-enqu-btn ul {
     padding: 0px;
 }

 .list-enqu-btn ul li {
     display: inline-block;
     float: left;
     width: 25%;
     margin: 0px;
 }

 .list-enqu-btn ul li a {
     border: 1px solid #eaeaea;
     text-align: center;
     display: block;
     padding: 5px;
     color: #3e4c56;
     box-sizing: border-box;
     margin: 4px;
     border-radius: 2px;
     font-weight: 600;
     font-size: 12px;
 }

 .list-enqu-btn ul li a:hover {
     color: #fff;
     background-color: #172437;
     border: 1px solid #172233;
 }

 .list-enqu-btn ul li a:hover i {
     margin-right: 10px;
 }

 .list-enqu-btn ul li a i {
     margin-right: 5px;
 }

 .list-enqu-btn ul li:last-child a {
     background: #fc6054;
     border: 1px solid #fc6054;
     color: #fff;
 }

 .list-ban-btn {
     /* border-left: 1px solid #ffffff3b; */
     padding: 7% 0px 10px 0px;
     float: left;
     width: 50%;
 }

 .list-ban-btn ul li {
     margin-bottom: 10px;
     float: left;
     margin: 0px 0px 5px 7px;
 }

 .list-ban-btn ul li:last-child {
     margin-bottom: 0px;
 }

 .list-ban-btn ul li .cta {
     font-weight: 600;
     display: inline-block;
     padding: 12px 25px 12px 40px;
     border-radius: 2px;
     cursor: pointer;
     background: #ffffff;
     border: 1px solid #ffffff;
     color: #162336;
     font-size: 14px;
     float: left;
 }

 .list-ban-btn ul li .cta b {
     color: #162336;
 }

 .list-ban-btn ul li .cta:before {
     content: 'chat_bubble_outline';
     margin-left: -23px;
     margin-top: -3px;
     color: #162336;
     transition: all 0.5s ease;
 }

 .list-ban-btn ul li .cta-call:before {
     content: 'phone';
 }

 .list-ban-btn ul li .cta-like:before {
     content: 'thumb_up';
 }

 .list-ban-btn ul li .cta-rev:before {
     content: '';
     background: url(../images/icon/whatsapp.png) no-repeat;
     width: 17px;
     height: 17px;
     background-size: 100%;
     margin: 2px 0px 0px -24px;
 }

 .list-ban-btn ul li .cta-rev {
     background: #d4ffd6;
     border: 1px solid #d4ffd6;
 }

 .list-ban-btn ul li span.pulse {
     background: #f44336;
     color: #ffffff;
     border: 1px solid #f44336;
     transition: all 0.5s ease;
     box-shadow: 0 0 0 rgb(244, 67, 54);
 }

 .list-ban-btn ul li span.pulse:before {
     color: #fff;
 }

 .list-ban-btn ul li span:before {}

 .list-ban-btn ul li .cta:hover:before {
     color: #ffffff;
 }

 .list-ban-btn ul li .cta:hover {
     background: #4274eb;
     color: #ffffff;
     border: 1px solid #4274eb;
     transition: all 0.5s ease;
 }

 .list-ban-btn ul li span:hover b {
     color: #ffffff;
     transition: all 0.5s ease;
 }

 .list-ban-btn ul li span b {
     color: #162336;
     transition: all 0.5s ease;
 }

 .list-ban-btn ul li span:before {}

 .list-ban-btn ul li:nth-child(1) span:before {
     content: 'favorite_border';
 }

 .list-ban-btn ul li .cta-rev:hover {
     background: #b8f5ba;
     color: #000;
     border: 1px solid #b8f5ba;
 }

 .list-ban-btn ul li .cta-get:before {
     content: 'chat_bubble_outline';
 }

 .carousel-item img,
 .carousel-item iframe {
     width: 100%;
     transition: all .5s ease;
     height: 325px;
     float: left;
 }

 .carousel-item img {
     object-fit: cover;
 }

 .carousel-item:before {
     display: none;
 }

 .wh-bg {
     background: #fff;
 }

 .home-list-pop {
     position: relative;
     overflow: hidden;
     background: #ffffff;
     padding: 0px 0px 15px 0px;
     /* margin-bottom: 30px;
     */
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
     border-bottom: 1px solid #e2e2e2;
 }

 .home-list-pop:hover {
     -moz-transform: scale(1.02);
     -webkit-transform: scale(1.02);
     -o-transform: scale(1.02);
     transform: scale(1.02);
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
 }

 .home-list-pop img {
     width: 100%;
     transition: all .5s ease;
     height: 150px;
     object-fit: cover;
     border-radius: 2px;
 }

 .home-list-pop-desc {}

 .home-list-pop-desc span {}

 .home-list-pop .col-md-3 {
     float: left;
 }

 .home-list-pop .col-md-9 {
     float: left;
 }

 .pglist-off-last .home-list-pop .col-md-3 {
     padding-left: 0px;
 }

 .pglist-off-last .home-list-pop-desc {
     padding-right: 0px;
 }

 .home-list-pop-desc h3 {
     font-size: 18px;
     padding-bottom: 8px;
     color: #000000;
     padding-top: 5px;
     font-weight: 700;
 }

 .home-list-pop-desc h4 {
     font-size: 15px;
     padding-bottom: 8px;
 }

 .home-list-pop-desc p {
     margin-bottom: 15px;
     padding-right: 70px;
     font-size: 14px;
 }

 .pglist-off-last .list-pg-inn-sp:last-child .home-list-pop {
     padding-bottom: 0px;
     border-bottom: 0px;
 }

 .pulse {
     box-shadow: 0 0 0 rgb(9, 178, 255);
     animation: pulse 1.5s infinite;
 }

 .pulse:hover {
     animation: none;
 }

 @-webkit-keyframes pulse {
     0% {
         -webkit-box-shadow: 0 0 0 0 rgb(178, 221, 255)
     }

     70% {
         -webkit-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
     }

     100% {
         -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
     }
 }

 @keyframes pulse {
     0% {
         -moz-box-shadow: 0 0 0 0 rgb(178, 221, 255) box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
     }

     70% {
         -moz-box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
         box-shadow: 0 0 0 15px rgba(204, 169, 44, 0);
     }

     100% {
         -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
         box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
     }
 }

 .carousel-item:before {
     content: '';
     position: absolute;
     background: #43323e63;
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 100%;
 }

 .ld-rhs-pro {
     margin-bottom: 0px;
     border: 0px;
     /* display: none; */
     background: none;
     margin-bottom: 0px;
 }

 .ld-rhs-pro-inn {}

 .ld-rhs-pro .hcity {
     margin: 0px;
 }

 .all-list-pro-bad {
     float: left;
     width: 100%;
     margin-bottom: 25px;
     text-align: center;
     background: #ffffff;
     border: 1px solid #e0e6f5;
     border-radius: 10px;
     position: relative;
     overflow: hidden;
     padding-bottom: 15px;
 }

 .all-list-pro-bad:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100px;
     background: url(../img/face.jpg) #053050;
     background-size: 101px;
     filter: brightness(0.6);
     left: 0px;
 }

 .all-list-pro-bad img {
     object-fit: cover;
     width: 100px;
     height: 100px;
     border-radius: 50px;
     position: relative;
 }

 .all-list-pro-bad .rat {
     background: #f9f79ade;
     padding: 2px 4px;
     font-weight: 600;
     color: #000;
     right: 15px;
     top: 12px;
     font-size: 14px;
     border-radius: 2px;
     text-align: center;
     position: absolute;
 }

 .all-list-pro-bad a h4 {
     font-weight: 600;
     font-size: 18px;
     padding-top: 15px;
     position: relative;
     color: #053050;
 }

 .all-list-pro-bad a h4:hover {
     text-decoration: underline;
     color: #0c83e2;
     transition: all 0.5s ease;
 }

 .all-list-pro-bad a {}

 .all-list-pro-bad p {
     /* margin: 0px; */
     font-size: 14px;
     position: relative;
     margin-bottom: 10px;
 }

 .all-list-pro-bad .cntat {
     text-align: center;
     display: inline-block;
     padding: 5px 25px;
     box-sizing: border-box;
     /* margin: 4px; */
     border-radius: 2px;
     font-weight: 600;
     font-size: 12px;
     background: #fc6054;
     border: 1px solid #fc6054;
     color: #fff;
     cursor: pointer;
 }

 .all-list-pro-bad .by {
     background: #43a463;
     color: #fff;
     font-weight: 600;
     font-size: 12px;
     padding: 2px 10px;
     border-radius: 2px;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     text-align: center;
     margin: 0 auto;
     display: table;
     margin-bottom: 10px;
     position: relative;
 }

 .list-ri-peo-like {
     position: relative;
     background: url(../images/home-bg.jpg) no-repeat #424647;
     border-radius: 5px;
     overflow: hidden;
     padding: 25px;
     background-size: cover;
 }

 .list-ri-peo-like:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: linear-gradient(to top, #fcddddbf, #0000006b 100%);
     border-radius: 5px;
     transition: all 0.5s ease;
     left: 0px;
     top: 0px;
 }

 .list-ri-peo-like h3 {
     padding: 5px 20px 18px 20px;
     font-weight: 700;
     font-size: 16px;
     text-transform: uppercase;
     text-align: center;
     color: #fff;
     position: relative;
 }

 .list-ri-peo-like ul {
     margin: 0 auto;
     display: table;
     padding-left: 20px;
 }

 .list-ri-peo-like ul li {
     float: left;
     margin-left: -20px;
 }

 .list-ri-peo-like ul li a {
     /* position: relative;
     */
     /* width: 32px;
     */
     /* height: 32px;
     */
     /* display: inline-table;
     */
 }

 .list-ri-peo-like ul li a img {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     object-fit: cover;
     position: relative;
     transition: all 0.5s ease;
     box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.8);
 }

 .list-ri-peo-like ul li a img:hover {
     transform: scale(1.4);
 }

 .list-rhs-form {
     background: #ffffff;
     /* border: 0px; */
     padding-bottom: 0px;
 }

 .list-rhs-form .quote-pop {
     padding: 0px;
 }

 .list-rhs-form .quote-pop h3 {
     font-weight: 600;
     font-size: 15px;
     text-align: center;
     color: #fff;
     background: #20334c;
     padding: 12px;
     border-radius: 10px 10px 0 0;
     text-transform: uppercase;
 }

 .list-rhs-form .quote-pop form {
     padding: 20px 30px;
 }

 .list-rhs-form .quote-pop input {
     border: 1px solid #e1e4e6;
     font-size: 14px;
     font-weight: 500;
     border-radius: 20px;
     padding-left: 40px;
 }

 .list-rhs-form .form-group:before {
     margin: 7px 0px 0px 15px;
     color: #2196F3;
 }

 .list-rhs-form .quote-pop textarea {
     border: 1px solid #e1e4e6;
     font-size: 14px;
     font-weight: 500;
     border-radius: 20px;
 }

 .list-rhs-form .quote-pop .btn {
     width: 100%;
     background: #F44336;
     border: 0px;
     font-weight: 700;
     opacity: 1;
     text-transform: uppercase;
     font-size: 14px;
     letter-spacing: 1px;
     padding: 10px 10px;
     border-radius: 2px;
     font-family: 'Quicksand', sans-serif;
     border-radius: 20px;
 }

 .list-pg-lt .pglist-p-com:nth-child(1) p:last-child {
     margin-bottom: 0px;
 }

 .list-pg-lt .pglist-p-com:nth-child(2) {
     padding-bottom: 12px;
 }

 .mob-menu {}

 .mob-me-ic {
     position: absolute;
     right: 0px;
     top: 7px;
     display: none;
     /* z-index: 9; */
 }

 .mob-me-ic i {
     border: 1px solid #3b83ef;
     font-size: 30px;
     border-radius: 2px;
     color: #fff;
     background: #3b83ef;
 }

 .mob-me-all {
     position: fixed;
     width: 100%;
     right: -100%;
     top: 0px;
     bottom: 0px;
     background: #fff;
     padding: 0px 40px 40px 40px;
     overflow-y: auto;
     transition: all 0.5s ease;
 }

 .mob-me-all.mobmenu-show {
     right: 0%;
     transition: all 0.5s ease;
 }

 .mob-me-all h4 {
     font-size: 16px;
     margin-top: 40px;
     font-weight: 700;
 }

 .mob-me-all ul {}

 .mob-me-all ul li {}

 .mob-me-all ul li a {
     display: block;
     width: 100%;
     color: #333;
     border-bottom: 1px solid #e2e2e2;
     padding: 10px 0px;
     cursor: pointer;
     font-size: 14px;
     font-weight: 500;
 }

 .mv-bus {}

 .mob-me-clo {
     position: absolute;
     right: 23px;
     top: 10px;
     z-index: 9;
     background: #FF5722;
     /* height: 25px; */
     border-radius: 50px;
     /* padding: 5px; */
     height: 30px;
     width: 30px;
     text-align: center;
     padding-top: 2px;
 }

 .mob-me-clo i {
     color: #fff;
     text-align: center;
 }

 .mv-pro.ud-lhs-s1 {
     padding: 30px 0px 0px 0px;
 }

 .mv-pro {
     cursor: pointer;
 }

 .mv-pro-menu {
     display: none;
     padding-top: 15px;
 }

 .mv-pro-menu.ud-lhs-s2 {}

 /*-------------------------------------------------*/
 /* REVIEWS
/*-------------------------------------------------*/
 .rating {
     border: none;
     float: left;
     height: 45px;
     margin: 0px 0px 10px 14px;
 }

 .rating > input {
     display: none;
 }

 .rating > label:before {
     margin: 0px;
     font-size: 30px;
     font-family: Material Icons;
     display: inline-block;
     content: "star";
     color: currentColor;
 }

 .rating > .half:before {
     content: "star_half";
     position: absolute;
 }

 .rating > label {
     color: #ddd;
     float: right;
     width: 28px;
     cursor: pointer;
 }

 .rating > input:checked ~ label,
 /* show gold star when clicked */
 .rating:not(:checked) > label:hover,
 /* hover current star */
 .rating:not(:checked) > label:hover ~ label {
     color: #FFD700;
 }

 /* hover previous stars in list */
 .rating > input:checked + label:hover,
 /* hover current star when changing rating */
 .rating > input:checked ~ label:hover,
 .rating > label:hover ~ input:checked ~ label,
 /* lighten current selection */
 .rating > input:checked ~ label:hover ~ label {
     color: #FFED85;
 }

 .rating > input:checked ~ label,
 .rating:not(:checked) > label:hover,
 .rating:not(:checked) > label:hover ~ label {
     color: #FFD700;
 }

 .rating > label.full {}

 .rating > label.half {}

 /*-------- RELATED LISTING -----------*/
 .list-det-rel-pre {
     float: left;
     width: 100%;
     padding: 20px 0px 0px 0px;
 }

 .list-det-rel-pre h2 {
     font-weight: 600;
     font-size: 20px;
     padding-bottom: 10px;
 }

 .list-det-rel-pre ul {}

 .list-det-rel-pre ul li {
     float: left;
     width: 33.333%;
     padding: 10px 10px;
 }

 .list-det-rel-pre ul li .land-pack-grid {
     margin: 0px;
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.10);
 }

 .list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img {
     position: relative;
 }

 .list-det-rel-pre ul li .land-pack-grid .land-pack-grid-img:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: #2432405e;
     left: 0px;
     transition: all ease 0.5s;
     background: linear-gradient(to bottom, #ffffff00, #0b253aba);
 }

 .list-det-rel-pre ul li .land-pack-grid .list-rat-all {
     padding: 0px 15px 7px 15px;
     position: absolute;
     top: -33px;
 }

 .list-det-rel-pre ul li .land-pack-grid .list-rat-all b {
     font-size: 12px;
     padding: 0px 4px;
     /* filter: drop-shadow(0px 0px 1px black); */
 }

 .list-det-rel-pre ul li .land-pack-grid .rat {
     padding: 1px 0px 0px 5px;
 }

 .list-det-rel-pre ul li .land-pack-grid .rat i {
     font-size: 12px;
     color: #FF9800;
     font-size: 16px;
     width: 10px;
     filter: drop-shadow(0px 0px 1px black);
     /* box-shadow: 0px 0px 1px black; */
 }

 .list-det-rel-pre ul li .land-pack-grid .rat i.ratstar {
     color: #fff;
 }

 .list-det-rel-pre ul li .land-pack-grid .list-rat-all span {}

 /*-------------------------------------------------*/
 /* = MOBILE FOOTER QUICK LINK
/*-------------------------------------------------*/
 .fqui-menu {
     position: fixed;
     left: 0px;
     right: 0px;
     width: 100%;
     background: #191919;
     z-index: 20;
     box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 34%);
     display: none;
     bottom: 0px;
 }

 .fqui-menu ul {
     white-space: nowrap;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar;
 }

 .fqui-menu ul li {
     /* float: left; */
     width: 20%;
     text-align: center;
     color: #fff;
     display: inline-block;
 }

 .fqui-menu ul li a {
     color: #fff;
     font-size: 11px;
     font-weight: 500;
     padding: 8px 4px 6px 4px;
     display: block;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .fqui-menu ul li img {
     width: 20px;
     margin: 0 auto;
     display: table;
     padding-bottom: 4px;
 }

 .fqui-menu ul li {}

 .fqui-menu ul li span {
     color: #fff;
     font-size: 11px;
     font-weight: 500;
     padding: 8px 4px 6px 4px;
     display: block;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .fqui-menu ul li span:hover,
 .fqui-menu ul li span:active,
 .fqui-menu ul li span:focus {
     background: #334a5a;
 }

 .fqui-menu ul li span.btn-ser-need-ani {
     background: none;
     border-radius: 0px;
     position: relative;
     animation: none;
     bottom: initial;
     right: initial;
     border: 0px;
     box-shadow: none;
     font-family: 'Poppins';
 }

 .fqui-menu ul li span.btn-ser-need-ani:before {
     display: none;
 }


 /*-------------------------------------------------*/
 /* = PRICING
/*-------------------------------------------------*/
 .tit {
     text-align: center;
     width: 100%;
     margin: 0px 0px 40px 0px;
 }

 .tit h2 {
     font-size: 17px;
     font-weight: 400;
 }

 .tit h2 span {
     font-size: 36px;
     font-weight: 700;
     display: block;
 }

 .tit p {
     font-size: 16px;
     line-height: 26px;
     color: #424c59;
     font-weight: 400;
 }

 .pri {
     padding: 130px 0 120px 0;
     background: #f7fcff;
     background: linear-gradient(to bottom, #f1f8fd75, #edf6fd 100%);
 }

 .pri ul {}

 .pri ul li {
     float: left;
     width: 25%;
     /* background: #ffffff;
     */
     /* padding: 20px;
     */
     /* margin: 0px 15px 30px 15px;
     */
     border-radius: 4px;
     /* border: 1px solid rgba(37, 193, 111, 0.16);
     */
     transition: all 0.4s;
 }

 .pri ul li div {
     float: left;
     width: 94%;
     text-align: center;
 }

 .pri-box {
     background: #ffffff;
     /* padding: 20px;
     */
     margin: 0px 3% 30px 3%;
     /* border-radius: 4px;
     */
     border: 1px solid rgb(232, 237, 241);
     transition: all 0.4s;
 }

 .pri-box:hover .c3 a {
     color: #ffffff;
     border: 1px solid #25c16f;
     background: #25c16f;
 }

 .pri-box .c2 {
     background: #fff5b0;
     padding: 20px;
     width: 100%;
 }

 .pri-box .c2 h4 {
     text-transform: uppercase;
     color: #4d4d4d;
     padding-bottom: 0px;
     font-size: 14px;
     font-weight: 600;
 }

 .pri-box .c2 p {
     margin: 0px;
     font-weight: 300;
     font-size: 14px;
 }

 .pri-box .c3 {
     padding: 20px 20px;
     width: 100%;
 }

 .pri-box .c3 h2 {
     font-size: 36px;
     font-weight: 700;
 }

 .pri-box .c3 h2 span {}

 .pri-box .c3 p {
     margin: 0px;
     margin-bottom: 20px;
 }

 .pri-box .c3 a {
     /* background: #F44336;
     */
     /* color: #fff;
     */
     padding: 10px 30px;
     border-radius: 5px;
     font-size: 15px;
     text-transform: uppercase;
     font-weight: 600;
     color: #1a2a38;
     border: 1px solid #4CAF50;
     letter-spacing: 1px;
     display: inline-block;
 }

 .pri ul li:nth-child(3) .pri-box {
     box-shadow: -1px 0px 17px -10px rgba(31, 62, 77, 0.45);
     transition: all 0.4s;
     background: #fffbde;
     z-index: 99;
     border: 1px solid rgb(227, 227, 227);
 }

 .pri ul li:nth-child(3) .pri-box .c3 a {
     color: #ffffff;
     border: 1px solid #25c16f;
     background: #25c16f;
 }

 .pri-box .c4 {
     padding: 7px 20px 20px 20px;
     width: 100%;
 }

 .pri-box .c4 ol {
     padding: 0px;
     border-top: 1px solid #25c16f1a;
     padding-top: 20px;
     /* position: relative;
     */
 }

 .pri-box .c4 ol li {
     width: 100%;
     text-align: left;
     padding-bottom: 12px;
     font-size: 15px;
     color: #334e59;
     font-weight: 500;
     padding-left: 35px;
     box-sizing: border-box;
     border: 0px;
     background: none;
     position: relative;
 }

 .pri-box .c4 ol li:before {
     content: "check";
     font-size: 12px;
     padding: 1px;
     width: 15px;
     height: 15px;
     color: #ffffff;
     font-weight: 500;
     left: 8px;
     top: 0px;
     background: #89e1a8;
     border-radius: 50px;
     box-sizing: border-box;
     line-height: 14px;
 }

 .pri-box .c4 ol li.no:before {
     content: "close";
     color: #ffffff;
     background: #f87f95;
 }

 .pri-box .c4 ol li.co:before {
     background: #f8d37f;
 }

 .pri-box .c5 {
     padding: 0px 20px 30px 20px;
     width: 100%;
 }

 .pri-box .c5 a {
     background: #25c16f;
     color: #fff;
     padding: 8px 20px;
     border-radius: 2px;
     display: inline-block;
     display: inline-block;
     text-transform: uppercase;
     font-weight: 600;
     letter-spacing: 1px;
     font-size: 12px;
 }

 .pri-box .c5 a:hover {
     background: #19a75c;
 }

 .login-reg {
     padding: 130px 0 180px 0;
     background: url(../img/face.jpg) #edf6fd;
     position: relative;
     background-size: 380px;
 }

 .login-reg:before {
     content: '';
     position: absolute;
     background: rgba(33, 48, 59, 0.73);
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 100%;
     border-radius: 5px;
 }

 .login-main {
     -webkit-box-shadow: 0 5px 5px 0 rgba(154, 160, 185, .05), 0 5px 30px 0 rgba(166, 173, 201, .22);
     box-shadow: 0 5px 5px 0 rgba(154, 160, 185, .05), 0 5px 30px 0 rgba(0, 0, 0, 0.85);
     background: #fff;
     width: 460px;
     margin: 0 auto;
     display: table;
     position: relative;
     border-radius: 5px;
 }

 .log {}

 .log h4 {
     text-align: center;
     font-size: 22px;
     font-weight: 700;
     margin-bottom: 25px;
 }

 .log p {
     font-size: 14px;
     text-align: center;
     color: #81898d;
 }

 .log div input,
 .log div select {
     height: 50px;
     border: 1px solid #c4bfbd;
     font-size: 15px;
     font-weight: 500;
 }

 .form-control option {
     font-size: 13px;
     font-weight: 500;
 }

 .login-reg {}

 .login-reg .tit {}

 .login-reg .tit h2 {}

 .login-reg .tit p {}

 .log div button.btn {
     width: 100%;
     background: #51c0ff;
     border: 0px;
     font-weight: 600;
     font-size: 17px;
     padding: 10px 0px;
     border-radius: 50px;
 }

 .log div a.btn {
     width: 100%;
     background: #51c0ff;
     border: 0px;
     font-weight: 600;
     font-size: 17px;
     padding: 10px 0px;
     border-radius: 50px;
 }

 .login {
     padding: 40px;
     position: relative;
     float: left;
     width: 100%;
 }

 .log-bot {
     background: #f9faff;
     border-radius: 0 0 8px 8px;
     padding: 15px 0px;
     float: left;
     width: 100%;
 }

 .log-bot ul {
     margin: 0 auto;
     display: table;
 }

 .log-bot ul li {
     float: left;
     padding: 0px 8px;
 }

 .log-bot ul li span {
     color: #47b5ff;
     font-size: 14px;
     font-weight: 500;
     cursor: pointer;
 }

 .log-bor {
     background: #4c7af1;
     background-image: linear-gradient(-71deg, #4c7af1, #7fccbb 95%);
     height: 10px;
 }

 .pop-ups .log-bor {
     height: 6px;
 }

 .pop-ups .form-control {
     font-size: 14px;
     font-weight: 500;
 }

 .pop-ups .udb-inst {
     font-size: 11px;
 }

 .ud-cen .log-bor {
     height: 6px;
     border-radius: 3px 3px 0 0;
 }

 .ud-cen .rat i {
     color: #51c0ff;
     font-size: 16px;
     width: 15px;
 }

 .ud-cen .rat {}

 .log-2,
 .log-3 {
     display: none;
 }

 .login-main.add-list {
     width: 60%;
 }

 .add-list .log div input,
 .add-list .log div select {
     font-size: 14px;
 }

 .add-list textarea {
     height: 120px;
     border: 1px solid #f1eae5;
     font-size: 13px
 }

 .add-list label {
     font-size: 14px;
 }

 .add-list .chbox input[type="checkbox"] {
     height: auto;
 }

 .add-list .steps,
 .udb-inst {
     position: relative;
     margin: 0 auto;
     display: table;
     background: #06d7bb;
     color: #fff;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 500;
     padding: 2px 10px;
     line-height: 20px;
     border-radius: 4px;
     margin-top: -16px;
     letter-spacing: 2px;
 }

 .foot-supp {}

 .foot-supp h2 {
     text-align: center;
     width: 100%;
     font-size: 20px;
     font-weight: 600;
     padding-bottom: 10px;
 }

 .foot-supp h2 span {
     font-weight: 300;
     padding-right: 5px;
 }

 .foot-count {
     border-top: 1px dashed #5d5b5b;
     padding: 35px 0px 0px 0px;
     margin-top: 20px;
 }

 .foot-count ul {
     margin: 0 auto;
     display: table;
 }

 .foot-count ul li {
     float: left;
     font-size: 14px;
     padding: 0px 15px;
     border-right: 1px dashed #5d5b5b;
     line-height: 15px;
     text-align: center;
     font-weight: 500;
     color: #7a6a5c;
     line-height: 18px;
 }

 .cr {
     background: #040404;
     float: left;
     width: 100%;
 }

 .cr p {
     width: 100%;
     text-align: center;
     margin: 0px;
     font-size: 12px;
     font-weight: 500;
     padding: 10px 0px;
     color: #676565;
 }

 .cr p a {
     color: #676565;
     text-decoration: underline;
 }

 /*-------------------------------------------------------*/
 /* ADD LISTING STEPS
/*-------------------------------------------------------*/
 .add-list-ste {
     width: 100%;
     margin-bottom: 30px;
 }

 .add-list-ste-inn {}

 .add-list-ste-inn ul {
     margin: 0 auto;
     display: table;
     position: relative;
 }

 .add-list-ste-inn ul:after {
     content: '';
     position: absolute;
     width: 90%;
     height: 2px;
     background: #ededed;
     left: 5%;
     top: 41px;
     z-index: 1;
 }

 .add-list-ste-inn ul li {
     float: left;
     text-align: center;
     margin: 0px 10px;
     z-index: 2;
     position: relative;
 }

 .add-list-ste-inn ul li a {
     text-align: center;
     background: #ededed;
     float: left;
     border-radius: 50px;
     color: #333;
     width: 80px;
     height: 80px;
     padding: 16px 0px 0px 0px;
 }

 .add-list-ste-inn ul li a:hover {
     background: #a5b6af;
     color: #fff;
 }

 .add-list-ste-inn ul li a span {
     font-size: 12px;
     text-transform: uppercase;
 }

 .add-list-ste-inn ul li a b {
     display: block;
     font-size: 12px;
     font-weight: 600;
     text-transform: capitalize;
 }

 .add-list-ste-inn ul li a.act {
     background: #21d78d;
     color: #fff;
 }

 .add-list .skip {
     text-align: center;
     display: block;
     padding-top: 20px;
     color: #333;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 3px;
     border-top: 1px solid #e1dede;
     margin-top: 30px;
 }

 .add-list button.btn {
     margin-top: 25px;
 }

 .add-list .img-name {
     width: 0;
     height: 0;
     position: absolute;
     opacity: 0;
 }

 .add-list-off {}

 .add-list-off ul li {
     border: 1px solid #f1eae5;
     margin-bottom: 40px;
     padding: 30px;
     border-radius: 2px;
     background: #fefaf7;
 }

 .add-prod-high-oth {
     padding: 0px;
     margin-top: 25px;
 }

 .add-prod-high-oth ul li {
     margin-bottom: 15px;
     padding: 20px;
 }

 .add-prod-high-oth .form-group,
 .add-prod-oth .form-group {
     margin: 0px;
 }

 .add-prod-oth {
     padding: 25px 25px 0px 25px;
     margin-top: 35px;
     background: #fff;
     margin-bottom: 25px;
     border: 1px solid #f4eeea;
 }

 .add-prod-oth ul {}

 .add-prod-oth ul li {
     background: none;
     border: 0px;
     padding: 0px;
 }

 .add-prod-oth ul li input {}

 .add-prod-oth ul li i {
     width: 32px;
     height: 32px;
     text-align: center;
     margin: 0 auto;
     display: table;
     margin-top: 12px;
     color: #21d78d;
 }

 .add-list-add-btn {
     position: absolute;
     right: 64px;
     top: 0px;
     font-size: 30px;
     border: 1px solid #1470cc;
     width: 32px;
     height: 32px;
     text-align: center;
     border-radius: 50px;
     line-height: 30px;
     cursor: pointer;
     color: #1470cc;
     /* padding-left: 2px; */
 }

 .add-list-rem-btn {
     position: absolute;
     right: 23px;
     top: 0px;
     font-size: 30px;
     border: 1px solid #1470cc;
     width: 32px;
     height: 32px;
     text-align: center;
     border-radius: 50px;
     line-height: 30px;
     cursor: pointer;
     color: #1470cc;
     padding-left: 5px;
 }

 .pt30 {
     padding-top: 30px;
 }

 .add-lis-oth {}

 .add-lis-oth i {
     width: 32px;
     height: 32px;
     text-align: center;
     margin: 0 auto;
     display: table;
     margin-top: 18px;
     color: #21d78d;
 }

 .log .add-lis-oth input {
     border: 0px;
     border-bottom: 1px solid #e4e6f2;
     padding-left: 0px;
     text-transform: capitalize;
 }

 .add-lis-done {}

 .add-lis-done h4 {
     font-size: 42px;
     margin-bottom: 5px;
     color: #000;
 }

 .add-lis-done .succ {
     background: #21d78d;
     color: #fff;
     margin: 0 auto;
     display: table;
     width: 140px;
     height: 140px;
     border-radius: 50%;
     font-size: 90px;
     font-weight: 700;
     padding: 25px;
     box-shadow: 0px 3px 13px -4px rgba(0, 0, 0, 0.4);
     margin-bottom: 20px;
 }

 .add-lis-done p {
     margin-bottom: 30px;
     font-weight: 400;
     font-size: 15px;
 }

 /*-------------------------------------------------------*/
 /* DASHBOARD
/*-------------------------------------------------------*/
 .ud {
     padding: 56px 0px 180px 0px;
     transition: all 0.5s ease;
     background: #f5f6fa;
 }

 .ud.op1 {
     opacity: 0.1;
     transition: all 0.5s ease;
 }

 .ud-inn {
     width: 100%;
     margin: 0 auto;
     display: table;
 }

 .ud-enqu .ud-cen {
     width: 82%;
     margin: 0px 0% 0px 2%;
 }

 .ud-enqu .ud-rhs {
     display: none;
 }

 .db-open .bl {
     display: none;
 }

 .db-open .al {
     display: block;
 }

 .db-menu {
     position: absolute;
     background: #fff;
     width: 225px;
     padding: 15px 20px;
     box-shadow: 0px 10px 7px 2px rgba(157, 152, 152, 0.21);
     margin: -1px 0px 0px 0px;
     display: none;
 }

 .db-menu ul {}

 .db-menu ul li {}

 .db-menu ul li a {
     color: #000;
     font-weight: 500;
     font-size: 13px;
     display: block;
     padding: 12px 0px;
     border-bottom: 1px solid #f1efec;
 }

 .db-menu ul li a img {
     width: 20px;
     margin-right: 15px;
 }

 .db-menu ul li a:before {
     content: '';
     position: absolute;
     width: 4px;
     height: 22px;
     background: #fff;
     margin: 0px 0px 0px -18px;
     transition: all 0.5s ease;
 }

 .db-menu ul li a:hover {
     padding-left: 18px;
     color: #2783d1;
     background: linear-gradient(to left, #fff, #e4f1fc 70%);
 }

 .db-menu ul li a:hover:before {
     content: '';
     position: absolute;
     width: 4px;
     height: 22px;
     background: #03A9F4;
     margin: 0px 0px 0px -18px;
     transition: all 0.5s ease;
 }

 .db-menu ul li:last-child a {
     border-bottom: 0px;
 }

 .ud-lhs {
     float: left;
     width: 19%;
     /* border-right: 1px solid #d9dde0; */
     /* background: #ffffff; */
     /* box-shadow: 0px 1px 30px -16px #000000ab; */
     /* position: fixed; */
     /* left: 0px; */
     /* top: 57px; */
     /* bottom: 0px; */
     /* height: 100%; */
     /* z-index: 9; */
     padding: 40px 0px 0px 30px;
 }

 .ud-lhs-s1 {
     position: relative;
     overflow: hidden;
     background: #fff;
     float: left;
     text-align: center;
     box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
     border-radius: 4px;
     margin-bottom: 15px;
     width: 100%;
     padding-bottom: 15px;
 }

 .ud-lhs-s1:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100px;
     background: url(../img/face.jpg) #053050;
     background-size: 101px;
     filter: brightness(0.3);
     left: 0px;
 }

 .ud-lhs-s1 img {
     width: 120px;
     height: auto;
     border-radius: 50%;
     object-fit: cover;
     /* float: left; */
     /* margin-right: 10px; */
     height: 120px;
     position: relative;
     margin-top: 30px;
 }

 .ud-lhs-s1 h4 {
     font-size: 18px;
     line-height: 15px;
     font-weight: 700;
     padding-top: 15px;
     text-align: center;
     display: block;
     float: left;
     width: 100%;
     color: #03A9F4;
 }

 .ud-lhs-s1 b {
     padding: 0px;
     font-size: 11px;
     font-weight: 400;
     color: #6b7884;
     line-height: 15px;
     float: left;
     width: 100%;
     padding-bottom: 10px;
 }

 .ud-lhs-s1 .ud-lhs-view-pro {
     display: table;
     margin: 0 auto;
     background: #06d7bb;
     color: #fff;
     font-size: 12px;
     padding: 5px 20px;
     border-radius: 2px;
     font-family: 'Quicksand', sans-serif;
     font-weight: 600;
 }

 .ud-lhs-s2 {
     float: left;
     width: 100%;
     /* background: #fff; */
     /* border: 1px solid #e6e6e6; */
     /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); */
     /* padding: 12px; */
     overflow: hidden;
     overflow-y: auto;
 }

 .ud-lhs-s2 ul {}

 .ud-lhs-s2 ul li {}

 .ud-lhs-s2 ul li a {
     color: #738196;
     font-weight: 700;
     font-size: 14px;
     display: block;
     padding: 7px 17px;
     /* border-bottom: 1px solid #d9dde0; */
     font-family: 'Quicksand', sans-serif;
 }

 .ud-rhs-sec-3 {
     display: none;
 }

 .cre-dup-form {
     display: none;
 }

 .cre-dup {
     margin-bottom: 25px;
 }

 .cre-dup a {
     width: 100%;
     background: #51c0ff;
     border: 0px;
     font-weight: 600;
     font-size: 15px;
     padding: 10px 0px;
     border-radius: 50px;
     display: inline-block;
     color: #fff;
     text-align: center;
 }

 .cre-dup span {
     width: 100%;
     background: #7fccbb;
     border: 0px;
     font-weight: 600;
     font-size: 15px;
     padding: 10px 0px;
     border-radius: 50px;
     display: inline-block;
     color: #fff;
     text-align: center;
     cursor: pointer;
 }

 .ud-lhs-s2 ul li a.db-lact {
     padding-left: 18px;
     color: #03A9F4;
     background: #e4f1fc;
     background: linear-gradient(to left, #f5f6fa, #e4f1fc 70%);
 }

 .ud-lhs-s2 ul li a.db-lact:before {
     content: '';
     position: absolute;
     width: 4px;
     height: 22px;
     background: #03A9F4;
     margin: 0px 0px 0px -18px;
     transition: all 0.5s ease;
 }

 .ud-lhs-s2 ul li a:hover {
     padding-left: 18px;
     color: #03A9F4;
     /* background: #cbe7ff; */
 }

 .ud-lhs-s2 ul li a.db-lact:before,
 .ud-lhs-s2 ul li a:hover:before {
     /* content:''; */
     /* position:absolute; */
     /* width:4px; */
     /* height: 22px; */
     /* background: #ffb100; */
     /* margin: 0px 0px 0px -18px; */
     /* transition: all 0.5s ease; */
 }

 .ud-lhs-s2 ul li a img {
     width: 28px;
     margin-right: 15px;
     /* filter: drop-shadow(2px 4px 6px black); */
     /* background: #bce0ff; */
     padding: 3px;
     border-radius: 2px;
     margin-top: -2px;
 }

 .ud-cen {
     float: left;
     width: 57%;
     margin: 40px 2% 0px 2%;
     background: #fff;
     box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
     /* padding: 30px;
     */
 }

 .ud-rhs {
     float: left;
     width: 20%;
     padding: 40px 20px 0px 0px;
 }

 .cd-cen-intr {
     padding: 50px 30px 0 30px;
 }

 .cd-cen-intr-inn {
     padding: 30px 30px 30px 230px;
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.12);
     color: #fff;
     border-radius: 5px;
     position: relative;
     background: #5433FF;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #A5FECB, #429dde, #7b4ffc);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #A5FECB, #429dde, #7b4ffc);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .cd-cen-intr-inn:before {
     left: 0px;
     content: '';
     position: absolute;
     width: 190px;
     height: 171px;
     background: url(../images/quote.png) no-repeat;
     z-index: 9;
     bottom: 0px;
     background-size: cover;
     filter: saturate(0.7);
 }

 .cd-cen-intr h2 {
     /* color: #e26363; */
     font-size: 20px;
 }

 .cd-cen-intr p {
     margin: 0px;
     /* color: #4994d6; */
     font-size: 13px;
 }


 .ud-cen-s1 {
     float: left;
     width: 100%;
     /* margin-bottom: 50px;
     */
     padding: 30px;
 }

 .ud-cen-s1 h2 {
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .ud-cen-s1 ul li {
     float: left;
     width: 33.3333%;
     /* text-align: center; */
 }

 .ud-cen-s1 ul li div {
     border-radius: 5px;
     padding: 15px;
     background: #e6f7ff;
     background-size: cover;
     position: relative;
     color: #333;
     transition: all 0.5s ease;
     /* border: 1px solid #deeaf0; */
     /* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05); */
     /* margin: 5px; */
 }

 .ud-cen-s1 ul li div:hover {
     background: #d0f6f1;
     /* color: #fff; */
 }

 .ud-cen-s1 ul li div:hover b {
     background: #06d7bb;
     color: #fff;
 }

 .ud-cen-s1 ul li:nth-child(2) div {
     margin: 0px 7px;
     /* background: url(../images/listings/bike1.jpg) no-repeat; */
     /* background-size:cover; */
 }

 .ud-cen-s1 ul li:nth-child(3) div {
     /* background: url(../images/listings/re7.jpg) no-repeat; */
     /* background-size:cover; */
 }

 .ud-cen-s1 ul li div:before {
     /* content:''; */
     width: 100%;
     height: 100%;
     position: absolute;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     background: #ffeee5;
     background: linear-gradient(to bottom, #ff8d8dc9, #00000057 70%);
     border-radius: 4px;
 }

 .ud-cen-s1 ul li div h4 {
     font-size: 15px;
     font-weight: 700;
     position: relative;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     /* margin-top: 20px; */
     padding: 0px 0px 0px 130px;
     margin-bottom: 4px;
 }

 .ud-cen-s1 ul li div p {
     font-weight: 400;
     position: relative;
     font-size: 11px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     padding: 0px 0px 0px 130px;
     margin: 0px;
 }

 .ud-cen-s1 ul li div b {
     font-size: 32px;
     font-weight: 600;
     line-height: 50px;
     position: absolute;
     background: #03A9F4;
     width: 120px;
     height: 50px;
     border-radius: 20px;
     color: #fff;
     top: 8px;
     text-align: center;
     transition: all 0.5s ease;
 }

 .ud-cen-s1 ul li div a {
     position: absolute;
     cursor: pointer;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     z-index: 5;
 }

 .ud-cen-s2 {
     overflow: hidden;
     overflow-x: auto;
 }

 .ud-cen-s2,
 .ud-cen-s3 {
     float: left;
     width: 100%;
     position: relative;
     padding: 30px;
 }

 .ud-cen-s3 {
     padding-bottom: 0px;
     /* display: none; */
 }

 .ud-cen-s4 {
     padding-bottom: 15px;
     /* display: none; */
 }

 .nav-tabs .nav-link {
     font-size: 12px;
     font-weight: 600;
 }

 .ud-cen-s2 h2,
 .ud-cen-s3 h2 {
     font-size: 15px;
     font-weight: 700;
     margin-bottom: 20px;
 }

 .ud-cen-s2 a.db-tit-btn,
 .ud-cen-s3 a.db-tit-btn {
     position: absolute;
     right: 35px;
     top: 28px;
     color: #333;
     font-size: 13px;
     font-weight: 600;
     border-radius: 3px;
     padding: 3px 10px;
     background: #03A9F4;
     color: #fff;
     font-size: 12px;
     background: #485563;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to top, #697480, #9ba3ab);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to top, #697480, #9ba3ab);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .ud-cen-s2 a.db-tit-btn-1 {
     right: 160px;
 }

 .ud-cen-s2 a.db-tit-btn-2-ads {
     right: 215px;
 }

 .ud-cen-s2 table {
     width: 100%;
 }

 .responsive-table {
     border-radius: 5px;
     font-size: 12px;
     font-weight: normal;
     border: none;
     border-collapse: collapse;
     width: 100%;
     max-width: 100%;
     white-space: nowrap;
     background-color: white;
 }

 .form-group {
     float: left;
     width: 100%;
 }

 .ud-cen-s3 ul {}

 .ud-cen-s3 ul li {
     float: left;
     width: 33.333%;
     margin-bottom: 15px;
 }

 .ud-cen-s3 ul li .db-eve {
     background: #fff;
     padding: 0px;
     position: relative;
     overflow: hidden;
     transition: all 0.5s ease;
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
 }

 .ud-cen-s3 ul li .db-eve:hover {
     transform: scale(1.02);
     box-shadow: 0px 12px 9px -7px rgba(150, 150, 150, 0.59);
 }

 .ud-cen-s3 ul li .db-eve a {}

 .ud-cen-s3 ul li .db-eve a img {
     width: 100%;
     float: left;
     object-fit: cover;
     height: 135px;
     transition: all 0.5s ease;
 }

 .ud-cen-s3 ul li .db-eve a h5 {
     margin-bottom: 0px;
     color: #000;
     font-size: 13px;
     font-weight: 700;
     padding: 15px 15px;
     float: left;
     display: inline-block;
     width: 100%;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
 }

 .ud-cen-s3 ul li .db-eve a span {
     font-size: 8px;
     color: #ffffff;
     padding: 2px 6px;
     display: inline-block;
     /* width: 100%;
     */
     font-weight: 500;
     position: absolute;
     left: 10px;
     top: 10px;
     background: #3f57e0;
     border-radius: 10px;
 }

 .ud-rhs {}

 .ud-rhs ul li:last-child {
     padding-bottom: 0px;
     margin-bottom: 0px;
     border: 0px;
 }

 .ud-rhs h4 {
     font-size: 16px;
     margin-bottom: 20px;
 }

 .ud-rhs-sec-1 ul {
     min-height: 100px;
     max-height: 265px;
     overflow-y: hidden;
 }

 .ud-rhs-sec-1 ul:hover {
     overflow-y: auto;
 }

 .ud-rhs-sec-1 h4 {}

 .ud-rhs-sec-1,
 .ud-rhs-sec-2,
 .ud-rhs-sec-3,
 .ud-rhs-sec-4 {
     position: relative;
     overflow: hidden;
     background: #fff;
     border: 1px solid #f2f3f3;
     /* margin-bottom: 40px; */
     /* box-shadow: 0px 0px 11px -1px rgba(224, 224, 224, 0.69);
     */
     border-radius: 8px;
     /* padding: 25px;
     */
     /* border-top: 4px solid #7fccbb;
     */
     /* background: #fff; */
     border: 1px solid #e6e6e6;
     /* box-shadow: 0px 2px 4px rgba(224, 224, 224, 0.8); */
 }

 .ud-rhs-sec-1 ul,
 .ud-rhs-sec-2 ul,
 .ud-rhs-sec-3 ul,
 .ud-rhs-sec-4 ul {
     padding: 25px;
 }

 .ud-rhs-sec-1 {
     padding: 0px;
 }

 .ud-rhs-sec-1 ul {}

 .ud-rhs-sec-1 ul li {
     border-bottom: 1px solid #ebebeb;
     margin-bottom: 15px;
     padding-bottom: 12px;
     transition: all 0.5s ease;
 }

 .ud-rhs-sec-1 ul li:hover {
     padding-left: 6px;
     transition: all 0.5s ease;
 }

 .ud-rhs-sec-1 ul li:hover h5 {
     color: #297bbb;
     transition: all 0.5s ease;
 }

 .ud-rhs-sec-1 ul li a {
     color: #333;
 }

 .ud-rhs-sec-1 ul li a h5 {
     font-size: 12.5px;
     font-weight: 700;
     margin-bottom: 5px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     color: #000;
 }

 .ud-rhs-sec-1 ul li a p {
     font-size: 11px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     margin: 0px;
     font-weight: 400;
 }

 .ud-rhs-sec-1 h4,
 .ud-rhs-sec-2 h4,
 .ud-rhs-sec-3 h4,
 .ud-rhs-sec-4 h4 {
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 0px;
     background: #253d52;
     padding: 15px 25px;
     color: #fff;
     font-weight: 700;
 }

 .ud-rhs-sec-2 {
     padding: 0 0 15px 0;
     /* display: none; */
     margin-bottom: 20px;
 }

 .ud-rhs-sec-2 ul {
     float: left;
     width: 100%;
     padding: 0px;
 }

 .ud-rhs-sec-2 ul li {
     padding: 15px 15px 5px 15px;
 }

 .ud-rhs-sec-2 ul li a {}

 .ud-rhs-sec-2 ul li a img {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     object-fit: cover;
     float: left;
     margin-right: 10px;
 }

 .ud-rhs-sec-2 ul li a h5 {
     font-size: 13px;
     /* float: left;
     */
     line-height: 15px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     font-weight: 600;
     color: #333;
     margin-bottom: 3px;
 }

 .ud-rhs-sec-2 ul li a p {
     font-size: 10px;
     line-height: 15px;
     white-space: pre;
     overflow: hidden;
     font-weight: 400;
     color: #8d8a8a;
     margin-bottom: 0px;
 }

 .ud-rhs-sec-2 ul li a p b {
     font-weight: 600;
     color: #505658;
 }

 .ud-rhs-sec-3 .list-ri-peo-like ul li {
     margin-left: 0px;
     padding: 3px;
     float: left;
     width: 20%;
 }

 .ud-rhs-sec-3 .list-ri-peo-like ul {
     padding: 0px;
 }

 .ud-rhs-sec-3 ul li .eve-box-list {
     border: 0px;
     padding: 0px;
     box-shadow: none;
 }

 .ud-rhs-sec-3 ul li .eve-box-list img {
     width: 49px;
     height: 49px;
 }

 .ud-rhs-sec-3 ul li .eve-box-list h4 {
     margin: 5px 0px 4px 0px;
     font-size: 13px;
     padding: 0px;
     background: none;
 }

 .ud-cen-s3 ul li:nth-child(2n+2) div {
     margin: 0px 10px;
 }

 .ud-rhs-sec-3 ul li .eve-box-list p {
     font-size: 11px;
 }

 .ud-rhs-sec-3 ul li .eve-box-list span {
     font-size: 10px;
     padding: 0px 8.5px;
     bottom: 0px;
 }

 .ud-rhs-sec-3 ul li .eve-box-list span b {}

 .ud-rhs-sec-3 ul li .eve-box-list a {}

 .ud-rhs-promo {
     background: url(../img/promo.jpg) no-repeat;
     background-size: cover;
     padding: 25px;
     border-radius: 10px;
     margin-bottom: 25px;
     position: relative;
     color: #fff;
     float: left;
     width: 100%;
 }

 .ud-rhs-promo:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: #cac42680;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     border-radius: 10px;
 }

 .ud-rhs-promo:hover a {
     background: #FF9800;
     color: #fff;
 }

 .ud-rhs-promo h3 {
     font-size: 26px;
     /* font-weight: 600; */
 }

 .ud-rhs-promo p {
     font-size: 13px;
     color: #ffffff;
 }

 .ud-rhs-promo a {
     background: #d7d006;
     color: #000;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 700;
     padding: 6px 15px;
     line-height: 20px;
     border-radius: 4px;
     /* margin-top: -16px; */
     letter-spacing: 2px;
 }

 .ud-rhs-promo h3,
 .ud-rhs-promo p,
 .ud-rhs-promo a {
     position: relative;
 }

 .ud-rhs-promo-1 {
     background: url(../img/face.jpg);
     background-size: 190px;
     margin-top: 20px;
 }

 .ud-rhs-promo-1:before {
     background: #3f51b5d9;
 }

 .ud-rhs-promo-1 a {
     background: #03A9F4;
     color: #fff;
 }

 .ud-rhs-sec-4 {}

 .ud-rhs-sec-4 ul li {
     padding-bottom: 20px;
 }

 .blog-box-list {
     position: relative;
 }

 .blog-box-list h5 {
     font-size: 14px;
     font-weight: 600;
     margin-bottom: 5px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
 }

 .blog-box-list p {
     font-size: 12px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     margin-bottom: 0px;
 }

 .blog-box-list span b {}

 .blog-box-list span {
     font-size: 12px;
 }

 .blog-box-list a {}

 .tz-db-table {}

 .ud-cen-s2 table {}

 .ud-cen-s2 table tr {
     color: #969595;
     border-bottom: 1px solid #e9e9e9;
 }

 .ud-cen-s2 table tr td {
     font-size: 14px;
     color: #333;
     padding: 14px 14px 14px 0px;
 }

 .ud-cen-s2 table tr td:nth-child(2) img {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     object-fit: cover;
     float: left;
     margin-right: 15px;
 }

 .ud-cen-s2 table tr td:nth-child(2) {
     font-weight: 600;
     font-size: 14px;
 }

 .lead-tab table tr td:nth-child(2) {
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     width: 120px;
     float: left;
 }

 .lead-tab table tr td:nth-child(8) {
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     width: 200px;
     float: left;
 }

 .ud-cen-s2 table tr td:nth-child(2) span {
     display: block;
     font-size: 14px;
     font-weight: 400;
 }

 .ud-cen-s2 table tr th {
     font-size: 14px;
     color: #333;
     padding: 14px 14px 14px 0px;
     font-weight: 600;
 }

 .ca-sh-plan {
     display: none;
     position: relative;
 }

 .ca-sh-user {
     position: relative;
 }

 .frmtip {
     float: right;
     color: #0d78d7;
     text-decoration: underline;
     font-size: 13px;
     font-weight: 500;
     display: inline-block;
     position: absolute;
     right: 30px;
     top: 13px;
 }

 .db-pro-bot-btn {
     background: #51c0ff;
     border: 0px;
     font-weight: 600;
     font-size: 14px;
     padding: 10px 20px;
     border-radius: 50px;
     margin: 10px 0px;
     display: inline-block;
     color: #fff;
 }

 .db-pro-bot-btn:hover {
     color: #fff;
     background: #f18b54;
 }

 .ud-cen-s2.ud-pro-edit table tr td:nth-child(2) {
     display: flex;
 }

 .ud-pro-edit .form-group {
     margin: 0px;
     display: grid;
     width: 100%;
 }

 .ud-pro-edit .form-group input {
     width: 100%;
     font-size: 14px;
     font-weight: 500;
 }

 .ud-pro-edit table tr:last-child {
     border-bottom: 0px;
 }


 .ud-rhs-pay {
     /* position: relative; */
     /* overflow: hidden; */
     background: #fff;
     float: left;
     /* text-align: center; */
     box-shadow: 0px 2px 15px -4px rgba(224, 224, 224, 0.8);
     border-radius: 10px;
     margin-bottom: 20px;
     width: 100%;
     /* padding: 20px; */
     /* color: #fff; */
     padding-bottom: 20px;
 }

 .ud-rhs-pay-inn {}

 .ud-rhs-pay-inn h3 {
     font-size: 15px;
     font-weight: 700;
     background: #03A9F4;
     color: #fff;
     padding: 15px 20px;
     margin-bottom: 0px;
     border-radius: 10px 10px 0px 0px;
 }

 .ud-rhs-pay-inn ul {
     padding: 20px;
 }

 .ud-rhs-pay-inn ul li {
     font-size: 12px;
     padding: 8px 0px;
     border-bottom: 1px solid #e6ecee;
 }

 .ud-rhs-pay-inn ul li b {
     width: 105px;
     display: inline-block;
 }

 .ud-rhs-pay-inn .btn {
     background: #F44336;
     color: #fff !important;
     font-size: 12px;
     padding: 7px 18px;
     border-radius: 2px;
     font-family: 'Quicksand', sans-serif;
     font-weight: 600;
     margin-top: 10px;
     cursor: pointer;
     float: left;
     /* margin-left: 20px; */
 }

 .ud-rhs-pay-inn .btn1 {
     margin-left: 20px;
 }

 .ud-rhs-pay-inn .btn2 {
     margin-left: 10px;
     background: #4CAF50;
 }

 .ud-rhs-repo {}

 .ud-rhs-repo h3 {}

 .ud-rhs-repo ul {}

 .ud-rhs-repo ul li {
     float: left;
     width: 33.333%;
     text-align: center;
     height: 100px;
     position: relative;
 }

 .ud-rhs-repo ul li span {
     display: block;
 }

 .ud-rhs-repo ul li .view {
     font-size: 9px;
     color: #8b8787;
     text-transform: uppercase;
     letter-spacing: 1px;
     position: absolute;
     left: 29%;
     top: 14px;
 }

 .ud-rhs-repo ul li .cout {
     font-size: 24px;
     font-weight: 600;
     line-height: 42px;
     padding-top: 20px;
 }

 .ud-rhs-repo ul li .name {
     font-size: 12px;
     font-weight: 500;
     color: #8b8787;
 }

 .ud-rhs-repo ul li:nth-child(1) {
     border-right: 1px solid #e6ecee;
 }

 .ud-rhs-repo ul li:nth-child(2) {
     border-right: 1px solid #e6ecee;
 }

 .ud-rhs-repo ul li:nth-child(3) {
     /* border-right: 1px solid #e6ecee; */
     border-bottom: 1px solid #e6ecee;
 }

 .ud-rhs-repo ul li:nth-child(4) {
     border-right: 1px solid #e6ecee;
     border-bottom: 0px;
 }

 .ud-rhs-repo ul li:nth-child(5) {
     border-right: 1px solid #e6ecee;
     border-bottom: 0px;
 }

 .ud-rhs-repo ul li:nth-child(6) {}

 .ud-rhs-repo ul li:nth-child(7) {}

 .ud-rhs-repo ul li:nth-child(7) {
     border-right: 1px solid #e6ecee;
 }

 .ud-rhs-status {
     padding-bottom: 0px;
 }

 .ud-rhs-status ul li {
     padding: 12px 0px 4px 0px;
 }

 .ud-rhs-status ul li span {
     float: left;
     width: 80%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: pre;
     font-size: 12px;
     font-weight: 500;
 }

 .ud-rhs-status ul li .custom-control {
     padding: 0px;
     display: inline-block;
     right: -50px;
     top: -4px;
 }

 .ud-rhs-status ul li .custom-control input {}

 .ud-rhs-status ul li .custom-control label {}

 .db-list-com {
     padding: 20px;
     position: relative;
     overflow: hidden;
 }

 .db-list-rat {
     background: #f7ed94;
     padding: 4px 8px;
     font-weight: 600;
     color: #000;
     right: 15px;
     top: 0px;
     font-size: 10px;
     border-radius: 2px;
     text-align: center;
 }

 .db-list-ststus {
     background: #579edc;
     padding: 4px 8px;
     font-weight: 600;
     color: #ffffff;
     font-size: 10px;
     border-radius: 2px;
     border: 0px solid #d3d3d3;
 }

 .db-list-ststus-na {
     background: #fd8478;
     padding: 4px 8px;
     font-weight: 600;
     color: #fff;
     right: 15px;
     top: 0px;
     font-size: 12px;
     border-radius: 2px;
 }

 .db-list-edit {
     padding: 3px 5px;
     font-weight: 600;
     color: #595b64;
     font-size: 10px;
     border-radius: 2px;
     border: 1px solid #d3d3d3;
     cursor: pointer;
 }

 .db-list-edit:hover {
     background: #2196F3;
     color: #fff;
     border: 1px solid #2093ef;
 }

 .db-invo-dwn {
     padding: 6px 10px 6px 35px;
     font-weight: 600;
     color: #39708b;
     font-size: 11px;
     border-radius: 2px;
     border: 1px solid #becdd5;
     cursor: pointer;
 }

 .db-invo-dwn:before {
     content: 'file_download';
     margin: -3px 0 0 -23px;
     color: #39708b;
 }

 .udb-sugg {
     padding: 0px 0px 80px 0px;
     background: #ffeee5;
     background: linear-gradient(to top, #fff, #ffeee5 70%);
 }

 .udb-sugg .container {
     border-top: 1px solid #ebebeb;
     padding-top: 60px;
 }

 .udb-sugg .home-tit {
     padding-top: 0px;
 }

 .udb-sugg .hot-page2-hom-pre-head h4 {
     color: #ffffff;
 }

 .udb-sugg .hot-page2-hom-pre-head {
     background: #303f4a;
 }

 .udb-sugg .hot-page2-hom-pre-head:after {
     border-top-color: #31404b;
 }

 .udb-sugg .hot-page2-hom-pre ul li a {
     position: absolute;
     cursor: pointer;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     z-index: 5;
 }

 .udb-sugg .hot-page2-hom-pre-2 span {
     font-size: 12px;
 }

 .udb-sugg .hot-page2-hom-pre-2 span b {
     color: #8cb8bb;
     font-weight: 600;
 }

 .ud-notes {
     background: #e5f7ff;
     border: 1px solid #d0e9f4;
     padding: 25px;
     margin-top: 50px;
     float: left;
     width: 100%;
     border-radius: 10px;
 }

 .ud-notes p {
     font-size: 12px;
     line-height: 24px;
     margin: 0px;
     color: #668796;
 }

 .ud-notes p b {}

 .ad-table-inn {}

 .ad-table-inn img {
     width: 100px;
     transition: all 0.5s ease;
 }

 .ad-table-inn img:hover {
     transform: scale(3);
     box-shadow: 0px 1px 12px 0px rgba(150, 150, 150, 0.8);
 }

 .ad-table-inn .db-list-rat:hover {
     background: #51c0ff;
     color: #fff;
 }

 .ud-payment {
     background: #fff;
     box-shadow: 0px 2px 22px 3px rgba(157, 152, 152, 0.21);
     padding: 30px;
     float: left;
     width: 100%;
 }

 .pay-lhs {
     float: left;
     width: 45%;
 }

 .pay-lhs img {
     width: 100%;
     float: left;
     border-radius: 2px;
 }

 .pay-rhs {
     float: left;
     width: 55%;
     padding-left: 35px;
 }

 .pay-rhs ul {}

 .pay-rhs ul li {
     font-size: 13px;
     margin-bottom: 10px;
     float: left;
     width: 50%;
     font-weight: 400;
 }

 .pay-rhs ul li:nth-child(1) {
     width: 100%;
 }

 .pay-rhs ul li:nth-child(2) {
     width: 100%;
     font-size: 24px;
     color: #03A9F4;
     font-weight: 700;
 }

 .pay-rhs ul li b {}

 .pay-rhs ul li .ud-stat-pay-btn {
     font-size: 12px;
     font-weight: 600;
     color: #ffffff;
     display: inline-block;
     background: #06d7bb;
     padding: 5px 15px;
     border-radius: 40px;
 }

 .ud-pro-link .pay-rhs ul li:nth-child(3) {
     width: 30%;
 }

 .ud-pro-link .pay-rhs ul li:nth-child(4) {
     width: 70%;
 }

 .ud-pay-op {
     float: left;
     width: 100%;
     margin-top: 50px;
 }

 .ud-pay-op h4 {
     font-size: 16px;
     font-weight: 600;
     margin-bottom: 20px;
 }

 .ud-pay-op ul {}

 .ud-pay-op ul li {}

 .pay-full {
     background: #fffbf1;
     border: 1px solid #f3ead1;
     padding: 25px;
     margin-bottom: 15px;
 }

 .pay-full .rbbox {}

 .pay-full .rbbox label {
     font-weight: 600;
     margin-bottom: 0px;
 }

 .pay-note {
     margin-top: 0px;
     /* display: none;
     */
     opacity: 0;
     transition: all 0.5s ease;
     height: 0px;
 }

 .pay-note span {
     font-size: 14px;
     display: block;
     margin-bottom: 8px;
     color: #7e5d3a;
     font-weight: 500;
 }

 .pay-note span i {
     font-size: 12px;
 }

 .pay-note button {
     background: #51c0ff;
     border: 0px;
     font-weight: 600;
     padding: 10px 40px;
     border-radius: 2px;
     display: inline-block;
     color: #fff;
     font-size: 14px;
     margin-top: 15px;
 }

 .pay-note form {}

 .pay-note form h4 {
     margin-top: 40px;
 }

 .pay-note form ul li {}

 .pay-note form ul li input {
     background-color: #fff;
     border: 1px solid #d9d0b8;
     font-size: 14px;
     font-weight: 500;
 }

 .pay-full .rbbox input[type="radio"]:checked ~ .pay-note {
     /* display:block;
     */
     opacity: 1;
     transition: all 0.5s ease;
     height: auto;
     margin-top: 20px;
 }

 .posr .form-group {
     position: relative;
 }


 .ud-rhs-poin {
     background: #fff;
     box-shadow: 0px 2px 15px -4px rgb(224 224 224 / 80%);
     margin-bottom: 20px;
     border-radius: 10px;
     float: left;
     width: 100%;
 }

 .ud-rhs-poin1 {
     background: url(../img/points.png) no-repeat;
     background-size: 100%;
     padding: 105px 40px 40px 40px;
     text-align: center;
     border-radius: 10px;
 }

 .ud-rhs-poin1 h4 {
     margin: 0px;
     text-transform: uppercase;
     font-size: 11px;
     font-weight: 700;
 }

 .ud-rhs-poin1 span {
     font-size: 60px;
     font-weight: 700;
     line-height: 60px;
 }

 .ud-rhs-poin2 {
     padding: 20px;
     text-align: center;
 }

 .ud-rhs-poin2 h3 {
     font-size: 13px;
 }

 .ud-rhs-poin2 p {
     font-size: 11px;
     font-family: 'Quicksand';
 }

 .ud-rhs-poin2 a {}

 .ud-rhs-poin2 a.cta {
     background: #e75772;
     color: #fff;
     font-size: 11px;
     padding: 8px 25px;
     border-radius: 20px;
     font-weight: 400;
     text-transform: uppercase;
     display: inline-block;
 }


 .how-to-coll {
     /* text-align: left;
     */
     border: 1px solid #ebebeb;
     border-radius: 3px;
 }

 .how-to-coll ul {}

 .how-to-coll li {
     text-align: left;
     border-bottom: 1px solid #ebebeb;
     padding: 20px;
 }

 .how-to-coll li:last-child {
     border-bottom: 0px;
 }

 .how-to-coll li h4.colact {}

 .how-to-coll li h4 {
     text-align: left;
     font-size: 15px;
     margin-bottom: 0px;
     cursor: pointer;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     /* padding-right: 50px;
     */
 }

 .how-to-coll li h5 {
     font-size: 14px;
     font-weight: 600;
     margin-top: 10px;
 }

 .how-to-coll li h4:after {
     content: 'expand_more';
     color: #212529;
     right: 30px;
     font-size: 25px;
     line-height: 17px;
     transition: all 0.5s ease;
 }

 .how-to-coll li h4.colact:after {
     transform: rotate(180deg);
     transition: all 0.5s ease;
 }

 .how-to-coll li div {
     display: none;
     padding-top: 15px;
 }

 .how-to-coll li div p {
     text-align: left;
     font-size: 13px;
     line-height: 22px;
     margin: 0px;
 }

 .how-to-coll li div ol {
     padding: 15px 0px 0px 0px;
 }

 .how-to-coll li div ol li {
     border: 0px;
     padding: 0px;
     font-size: 13px;
     font-size: 13px;
     line-height: 22px;
     margin: 0px;
     color: #81878d;
     list-style-type: disc;
     margin-left: 18px;
 }

 .use-act-err {
     position: fixed;
     left: 0px;
     background: #fffaba;
     background: linear-gradient(to bottom, #ffea31, #ffbe5e 100%);
     right: 0px;
     width: 100%;
     z-index: 12;
     bottom: 0px;
     padding: 5px 10px;
     border-top: 1px solid #ece9b5;
 }

 .use-act-err p {
     margin: 0px;
     font-size: 13px;
     color: #000;
     text-align: center;
     border: 0px;
     background: none;
     padding: 4px;
     font-weight: 500;
 }

 .ud-sett {}

 .ud-sett table tr {}

 .ud-sett table tr td {
     font-size: 14px;
     font-weight: 500;
 }

 .ud-sett table tr td select {
     font-size: 14px;
     font-weight: 500;
     border: 0px;
     background: #f6f6f6;
     cursor: pointer;
 }

 .ud-sett table tr td .form-group {
     margin-bottom: 0px;
 }

 .sub-btn {
     background: #51c0ff;
     border: 0px;
     font-weight: 600;
     font-size: 17px;
     padding: 10px 40px;
     font-size: 15px;
     border-radius: 50px;
     color: #fff;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

 .ud-sett table tr:last-child {
     border-bottom: 0px;
 }

 .ud-sett table tr:last-child td {
     padding-bottom: 0px;
 }

 .all-noti {}

 .com-noti {
     background: #21d78d;
     padding: 10px 40px;
     border-radius: 0 0 20px 20px;
     display: table;
     margin: 0 auto;
     box-shadow: 0px 8px 8px -5px rgba(0, 0, 0, 0.3);
     transition: all 0.5s ease;
     position: fixed;
     top: -100px;
     z-index: 22;
     left: 0px;
     width: 100%;
     text-align: center;
     background: linear-gradient(to top, #0cc87c, #21d78d 70%);
 }

 .com-noti.cnoti-show {
     top: 0px;
     transition: all 0.5s ease;
 }

 .com-noti p {
     color: #fff;
     font-size: 13.5px;
     margin: 0px;
 }

 .com-noti p span {}

 .com-noti .yes {
     border: 1px solid;
     padding: 0px 10px;
     border-radius: 50px;
     cursor: pointer;
     margin-left: 20px;
     background: none;
     color: #fff;
 }

 .com-noti .no {
     border: 1px solid;
     padding: 0px 10px;
     border-radius: 50px;
     cursor: pointer;
     margin-left: 20px;
     background: none;
     color: #fff;
     margin-left: 10px;
 }

 .c-not-sure {}

 .ud-payment.ud-pro-link {
     background: #f5f6fa;
     box-shadow: none;
     padding: 25px;
     border: 1px solid #eeeff1;
     border-radius: 10px;
 }

 .ud-payment.ud-pro-link.bus-pg {
     background: #f7f2e6;
     border: 0px solid #dbeae4;
 }

 .bus-pg .lis-pro-badg:before {
     background: #cac426b8;
 }

 .ud-payment.ud-pro-link .lis-pro-badg {
     padding-top: 25px;
 }

 .ud-pro-link .pay-rhs {}

 .ud-pro-link .pay-rhs ul li input {
     border: 1px solid #e4e4e4;
     background: #fffdfd;
     padding: 5px 10px;
     border-radius: 5px;
     width: 100%;
     font-size: 12px;
     font-weight: 500;
     color: #767879;
 }

 .ud-pro-link .pay-rhs ul li.pro {
     width: 100%;
     margin: 12px 0 15px 0;
 }

 .ud-pro-link .pay-rhs ul li.pre {
     margin-bottom: 0px;
     width: 100%;
 }

 .ud-pro-link .pay-rhs ul li.pre a {
     border: 0px;
     font-weight: 600;
     padding: 5px 20px;
     font-size: 9px;
     border-radius: 5px;
     color: #fff;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     background: #1877de;
     background: -webkit-linear-gradient(to top, #2d6eb5, #1877de);
     background: linear-gradient(to top, #2d6eb5, #1877de);
 }

 .ud-pro-link .pay-rhs ul li:nth-child(2) {
     font-size: 16px;
     color: #30373c;
 }

 .ud-pro-link .pay-rhs ul li:nth-child(2) span {
     margin-right: 25px;
 }

 .us-pro-main {
     /* background-size: 250px; */
     margin-top: 52px;
     margin-bottom: 180px;
 }

 .us-pro-main .container {
     position: relative;
     z-index: 9;
 }

 .us-pro-main:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 402px;
     background: #142a52e6;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     z-index: 9;
     box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
 }

 .us-pro-main:after {
     content: '';
     position: absolute;
     width: 100%;
     height: 400px;
     background: url(../img/face.jpg) #edf6fd;
     background-size: 100px;
     left: 0px;
     top: 0px;
 }

 .us-pro {
     float: left;
     width: 100%;
     position: relative;
     border-radius: 5px;
 }

 .us-pro-sec-1 {
     /* float: left;
     */
     /* width: 60%; */
     margin: 0 auto;
     display: table;
     box-shadow: 0px 0px 32px -6px rgba(0, 0, 0, 0.27);
     background: #ccd1d6;
 }

 .us-pro-sec-1-lhs {
     float: left;
     width: 30%;
     text-align: center;
     padding: 30.5px 0px 21px 0px;
     /* border-radius: 0px 0px 10px 0px; */
     background: #fff;
 }

 .us-pro-sec-1-lhs .pro {
     width: 100px;
     height: 100px;
     border-radius: 50%;
     object-fit: cover;
     /* border: 5px solid #ffffff; */
     box-shadow: 0px 6px 12px -3px rgba(0, 0, 0, 0.27);
     margin: 0 auto;
     display: table;
 }

 .us-pro-sec-1-rhs .pro-bg {
     /* position: absolute; */
     /* left: 0px; */
     /* top: 0px; */
     width: 100%;
     height: 350px;
     object-fit: cover;
     z-index: 0;
     /* border-radius: 0px 0px 5px 0px; */
 }

 .us-pro-sec-1-lhs h1 {
     margin-top: 20px;
     font-size: 24px;
     font-weight: 600;
 }

 .us-pro-sec-1-lhs p {}

 .us-pro-sec-1-rhs {
     float: left;
     width: 70%;
     /* padding-left: 50px; */
     overflow: hidden;
 }

 .us-pro-sec-1-rhs h1 {
     font-size: 28px;
     font-weight: 700;
     display: inline-block;
     margin: 0px;
     padding-right: 15px;
 }

 .us-pro-sec-1-lhs button {
     background: #0a77ff;
     border: 0px;
     font-weight: 600;
     font-size: 16px;
     padding: 4px 21px;
     border-radius: 30px;
     display: inline-block;
     color: #fff;
     text-align: center;
     top: -7px;
     position: relative;
     text-transform: lowercase;
 }

 .us-pro-main .pro-listing-box div:nth-child(1) p {
     font-weight: 500;
     color: #949494;
     text-overflow: ellipsis;
     height: auto;
     white-space: nowrap;
     font-size: 13px;
 }

 .us-pro-main .log p {
     border: 1px solid #f1e5e0;
     background: #fdf9f7;
 }

 .us-pro-sec-1-lhs ul.lis-cou {
     padding: 10px 0px 10px 0px;
     border-bottom: 1px solid #dee5ea;
     display: table;
     margin: 0 auto;
     margin-bottom: 10px;
     /* display: none; */
 }

 .us-pro-sec-1-lhs ul.lis-cou li {
     float: left;
     font-size: 12px;
     padding-right: 8px;
     font-weight: 600;
     font-family: 'Quicksand', sans-serif;
 }

 .us-pro-sec-1-lhs ul.lis-cou li b {}

 .us-pro-sec-1-lhs p {
     float: left;
     font-size: 13px;
     font-family: 'Quicksand', sans-serif;
     font-weight: 600;
     width: 100%;
 }

 .us-pro-sec-1-rhs p b {}

 .us-pro-sec-1-lhs ul.pro-soci {
     /* float: left; */
     /* width: 100%; */
     margin: 0 auto;
     display: table;
     /* padding-top: 20px; */
 }

 .us-pro-sec-1-lhs ul.pro-soci li {
     float: left;
     margin-right: 8px;
 }

 .us-pro-sec-1-rhs ul.pro-soci li a {}

 .us-pro-sec-1-lhs ul.pro-soci li a img {
     width: 28px;
 }

 .us-pro-sec-2 {
     margin-top: 50px;
 }

 .us-pro-nav {
     border-bottom: 1px solid #dee5ea;
 }

 .us-pro-nav ul {
     margin: 0 auto;
     display: table;
 }

 .us-pro-nav ul li {
     float: left;
     /* padding: 0px 10px;
     */
 }

 .us-pro-nav ul li span {
     font-size: 16px;
     font-weight: 700;
     padding: 16px 10px;
     cursor: pointer;
     display: inline-block;
     font-family: 'Quicksand', sans-serif;
 }

 .us-pro-nav ul li span.act {
     border-bottom: 2px solid #0a77ff;
     color: #0a77ff;
 }

 .us-propg-main {
     /* padding-top: 50px;
     */
 }

 .us-propg-main h2 {
     font-size: 20px;
     padding: 0px 15px;
     font-weight: 600;
 }

 .us-ppg-listings {}

 .us-ppg-listings label.rat {
     display: none;
 }

 .pro-rel-posts .us-ppg-blog {
     padding-top: 10px;
     padding-bottom: 130px;
 }

 .us-ppg-event {}

 .us-ppg-follow {}

 .us-pro-sec-3 {}

 .us-pro-sec-4 {}

 .us-ppg-com ul {}

 .us-ppg-com ul li {
     float: left;
     width: 33.3333%;
 }

 .pro-rel-events .us-ppg-com {
     padding-top: 15px;
 }

 .pro-listing-box {
     background: #fff;
     position: relative;
     overflow: hidden;
     transition: all 0.5s ease;
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
     margin: 15px;
 }

 .pro-listing-box:hover div:nth-child(2) span {
     background: #2da2ff;
     transition: all 0.5s ease;
 }

 .pro-listing-box div:nth-child(1) {
     position: relative;
 }

 .pro-listing-box div:nth-child(1) img {
     width: 100%;
     transition: all .5s ease;
     height: 185px;
     object-fit: cover;
     border-radius: 2px;
     /* float: left;
     */
 }

 .pro-listing-box div:nth-child(1) h2 {
     font-size: 17px;
     font-weight: 700;
     padding: 25px 25px 0px 25px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
 }

 .pro-listing-box div:nth-child(1) p {
     padding: 0px 25px;
     font-size: 14px;
     height: 40px;
     overflow: hidden;
 }

 .pro-listing-box div:nth-child(1) label.rat {
     /* position: absolute;
     */
     padding-left: 25px;
 }

 .pro-listing-box div:nth-child(1) label.rat i {
     color: #51c0ff;
     font-size: 20px;
     width: 14px;
 }

 .pro-listing-box div:nth-child(2) {}

 .pro-listing-box div:nth-child(2) span {
     display: block;
     width: 100%;
     background: #0b253a;
     color: #fff;
     font-size: 12px;
     text-transform: uppercase;
     font-weight: 600;
     text-align: center;
     letter-spacing: 1px;
     padding: 8px 5px;
     cursor: pointer;
 }

 .us-ppg-com {
     float: left;
     width: 100%;
     padding-top: 40px;
 }

 .us-ppg-com .fclk {}

 .pro-eve-box {
     background: #fff;
     position: relative;
     overflow: hidden;
     transition: all 0.5s ease;
     box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.11);
     margin: 15px;
     /* width: 100%;
     */
 }

 .pro-eve-box:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     background: linear-gradient(to bottom, #14171e4a 23%, #000000bf 96%);
     z-index: 2;
     border-radius: 5px;
     transition: all 0.5s ease;
 }

 .us-ppg-blog .pro-eve-box:before {
     display: none;
 }

 .us-ppg-blog .pro-eve-box h2 {
     color: #333;
     font-size: 14px;
     margin-bottom: 0px;
 }

 .us-ppg-blog .pro-eve-box p {
     margin-bottom: 0px;
     color: #6a6a6a;
 }

 .pro-eve-box:hover {
     box-shadow: 0px 16px 11px -7px rgba(0, 0, 0, 0.68);
     transition: all 0.5s ease;
     transform: scale(1.01);
 }

 .pro-eve-box div img {
     width: 100%;
     transition: all .5s ease;
     height: 200px;
     object-fit: cover;
     border-radius: 2px;
 }

 .pro-eve-box div:nth-child(2) {
     z-index: 2;
     position: absolute;
     margin-top: -135px;
     color: #fff;
     width: 100%;
     padding-left: 15px;
     padding-right: 10px;
 }

 .us-ppg-blog div:nth-child(2) {
     margin-top: 0px;
     position: relative;
     background: #fff;
     padding: 15px;
 }

 .us-ppg-blog div:nth-child(2) span {
     position: absolute;
     right: 25px;
     top: -182px;
     font-size: 14px;
     font-weight: 500;
     color: #000000;
     background: #cad721;
     padding: 1px 10px;
     border-radius: 12px;
 }

 .pro-eve-box span {
     padding-left: 15px;
     font-size: 38px;
     font-weight: 700;
     color: #e1ba26;
 }

 .pro-eve-box span b {}

 .pro-eve-box h2 {
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     font-size: 20px;
 }

 .pro-eve-box p {
     font-size: 13px;
     padding: 0px 15px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     color: #dddcdc;
 }

 .pro-sm-box {
     background: #fff;
     padding: 10px;
     border-radius: 50px;
     position: relative;
     display: inline-block;
     width: 100%;
     transition: all 0.5s ease;
 }

 .pro-sm-box:hover {
     background: #fffaea;
     box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.68);
     transition: all 0.5s ease;
     transform: scale(1.01);
 }

 .us-ppg-follow ul li {
     padding: 10px;
     width: 25%;
 }

 .pro-sm-box:hover p {
     color: #333;
     transition: all 0.5s ease;
 }

 .pro-sm-box img {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     object-fit: cover;
     float: left;
     margin-right: 10px;
 }

 .pro-sm-box h5 {
     font-size: 14px;
     /* float: left;
     */
     line-height: 15px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     font-weight: 600;
     color: #333;
     margin-bottom: 3px;
     padding-top: 4px;
 }

 .pro-sm-box p {
     font-size: 12px;
     line-height: 15px;
     white-space: pre;
     overflow: hidden;
     font-weight: 400;
     color: #919ca1;
     margin-bottom: 0px;
     transition: all 0.5s ease;
 }

 .pro-sm-box p b {
     font-weight: 500;
     color: #333;
 }

 .pro-sm-box a {
     position: absolute;
     cursor: pointer;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     z-index: 5;
 }

 .us-ppg-follow .ud-rhs-sec-2 {
     border: 0px;
     margin-bottom: 0px;
 }

 .pro-bot-shar {
     float: left;
     width: 100%;
     border-top: 1px solid #efd0d0;
     padding-top: 45px;
     margin-top: 50px;
 }

 .pro-bot-shar h4 {
     font-size: 20px;
     padding: 0px 15px;
     font-weight: 600;
     text-align: center;
     padding-bottom: 10px;
 }

 .pro-bot-shar ul {
     margin: 0 auto;
     display: table;
 }

 .pro-bot-shar ul li {
     float: left;
     margin-right: 10px;
     margin-bottom: 15px;
 }

 .sh-pro-face {
     background: #3b5998;
 }

 .sh-pro-shar {
     color: #fff;
     border-radius: 50px;
     /* padding: 8px 20px;
     */
 }

 .sh-pro-shar a {
     color: #fff;
     font-weight: 500;
     font-size: 11px;
     padding: 8px 14px 8px 14px;
     display: inline-block;
 }

 .sh-pro-shar a img {
     margin-right: 8px;
     width: 20px;
 }

 .sh-pro-twi {
     background: #55acee;
 }

 .sh-pro-link {
     background: #0e76a8;
 }

 .sh-pro-what {
     background: #55cd6c;
 }

 .blog-head {
     margin-top: 52px;
     padding: 65px 0px 20px 0px;
     background: #ffeee5;
     background: linear-gradient(to top, #fff, #ffeee5 70%);
     background: url(../images/illu/blog-bg.html) no-repeat center;
     background-size: cover;
     position: relative;
 }

 .blog-head:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     background: #ffeee5;
     background: linear-gradient(to top, #fff, #ffe6da9e 100%);
 }

 .eve-head {
     background: url(../images/event-bg.jpg) no-repeat center;
     background-size: cover;
 }

 .eve-head:before {
     background: #ffeee5;
     background: linear-gradient(to top, #fff, #ffc39fa6 100%);
 }

 .blog-head-inn {
     text-align: center;
     /* color: #212529;
     */
     position: relative;
 }

 .blog-head-inn h1 {
     font-weight: 700;
     font-size: 36px;
     padding-bottom: 5px;
     color: #212529;
 }

 .blog-head-inn p {
     font-size: 30px;
     font-weight: 300;
     margin: 6px 0px 20px 0px;
     color: #212529;
 }

 .blog-body .us-ppg-com ul li {
     width: 25%;
 }

 .blog-body .pro-eve-box p {
     padding: 0px;
 }

 .blog-body .pro-eve-box div img {
     height: 140px;
 }

 .blog-body .us-ppg-blog div:nth-child(2) span {}

 .blog-body .us-ppg-blog .pro-eve-box h2 {
     font-size: 15px;
 }

 .blog-body .us-ppg-blog .pro-eve-box p {
     font-size: 12px;
     /* margin: 0px;
     */
     line-height: 14px;
     margin-bottom: 6px;
     position: absolute;
     margin-top: -47px;
     background: #3aa372;
     color: #fff;
     padding: 3px 8px;
     font-weight: 500;
     border-radius: 50px;
 }

 .blog-head .ban-search {
     position: relative;
     width: 58%;
     background: none;
     padding: 0px;
 }

 .blog-head .ban-search .sr-sea {
     width: 100%;
 }

 .blog-head .ban-search .sr-btn {
     width: 28%;
 }

 .event-body,
 .blog-body {
     float: left;
     width: 100%;
     /* padding-bottom: 150px; */
 }

 .event-body .us-ppg-com ul li {}

 .event-body .us-ppg-com ul li .eve-box {
     margin: 10px;
 }

 .event-body .eve-box div:nth-child(3) .auth {
     padding-left: 0px;
 }

 .event-body .eve-box div:nth-child(1) a img {
     height: 210px;
 }

 .event-body .us-ppg-com ul li .eve-box .addr {
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
 }

 .eve-deta-pg {
     margin-top: 52px;
     float: left;
     width: 100%;
     background: #e4f4ff;
     background: linear-gradient(to top, #fff, #e4f4ff 70%);
 }

 .eve-deta-pg .eve-deta-pg-main {
     position: relative;
     float: left;
     width: 100%;
 }

 .eve-deta-pg .lhs {
     float: left;
     width: 65%;
     position: relative;
 }

 .eve-deta-pg .lhs .img {
     position: relative;
     overflow: hidden;
 }

 .eve-deta-pg .lhs .img:before {
     content: '';
     width: 100%;
     height: 100%;
     background: linear-gradient(to bottom, #ffffff00 23%, #282f3f 96%);
     border-radius: 5px;
     transition: all 0.5s ease;
     left: 0px;
     top: 0px;
 }

 .eve-deta-pg .lhs .img img {
     width: 100%;
     float: left;
     object-fit: cover;
     height: 425px;
     transition: all 0.5s ease;
 }

 .eve-deta-pg .head {
     margin-top: -120px;
     position: relative;
     z-index: 5;
     padding-left: 35px;
     color: #fff;
 }

 .eve-deta-pg .head .dat {
     font-size: 32px;
     font-weight: 500;
     color: #000000;
     background: #f6ff7f;
     padding: 1px 10px;
     border-radius: 25px;
     top: -20px;
     display: inline-block;
     position: relative;
 }

 .eve-deta-pg .head h1 {
     font-size: 28px;
     font-weight: 600;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     padding-right: 20px;
 }

 .eve-deta-pg .head .addr {
     display: block;
 }

 .eve-deta-pg .head .pho {}

 .eve-deta-pg .rhs {
     float: left;
     width: 35%;
 }

 .eve-deta-pg .rhs .pglist-p-com {
     margin-bottom: 0px;
     border-radius: 0px;
     background: #fff;
 }

 .eve-deta-pg .rhs .quote-pop {
     padding: 25px 30px 0px 30px;
 }

 .eve-deta-pg .rhs .quote-pop h3 {}

 .eve-deta-pg .rhs .quote-pop form {}

 .eve-deta-body {
     float: left;
     width: 100%;
     background: #fff;
     padding: 40px 0 150px 0;
 }

 .eve-deta-body .eve-deta-body-main {}

 .eve-deta-body .eve-deta-body-main .lhs {
     float: left;
     width: 65%;
     padding-right: 50px;
     border-right: 1px solid #e7e7e7;
 }

 .eve-deta-body .eve-deta-body-main .lhs p {
     font-size: 14px;
     line-height: 24px;
 }

 .list-pg-inn-abo h1,
 .list-pg-inn-abo h2,
 .list-pg-inn-abo h3,
 .list-pg-inn-abo h4,
 .list-pg-inn-abo h5,
 .list-pg-inn-abo h6 {
     font-weight: 600;
 }

 .list-pg-inn-abo h6 {
     font-size: 12px;
 }

 .list-pg-inn-abo h5 {
     font-size: 14px;
 }

 .list-pg-inn-abo h4 {
     font-size: 16px;
 }

 .list-pg-inn-abo h3 {
     font-size: 18px;
 }

 .list-pg-inn-abo h2 {
     font-size: 20px;
 }

 .list-pg-inn-abo h1 {
     font-size: 22px;
 }

 .list-pg-inn-abo p img,
 .list-pg-inn-abo img {
     width: 32px !important;
     height: auto !important;
     border-radius: 2px;
     padding: 4px;
 }


 .pro-pbox-4 h1,
 .pro-pbox-4 h2,
 .pro-pbox-4 h3,
 .pro-pbox-4 h4,
 .pro-pbox-4 h5,
 .pro-pbox-4 h6 {
     font-weight: 600;
 }

 .pro-pbox-4 h6 {
     font-size: 12px;
 }

 .pro-pbox-4 h5 {
     font-size: 14px;
 }

 .pro-pbox-4 h4 {
     font-size: 16px;
 }

 .pro-pbox-4 h3 {
     font-size: 18px;
 }

 .pro-pbox-4 h2 {
     font-size: 20px;
 }

 .pro-pbox-4 h1 {
     font-size: 22px;
 }

 .pro-pbox-4 p img,
 .pro-pbox-4 img {
     width: 100% !important;
     height: auto !important;
     border-radius: 2px;
 }


 .eve-deta-body .eve-deta-body-main .lhs h1,
 .eve-deta-body .eve-deta-body-main .lhs h2,
 .eve-deta-body .eve-deta-body-main .lhs h3,
 .eve-deta-body .eve-deta-body-main .lhs h4,
 .eve-deta-body .eve-deta-body-main .lhs h5,
 .eve-deta-body .eve-deta-body-main .lhs h6 {
     font-weight: 600;
 }

 .eve-deta-body .eve-deta-body-main .lhs h6 {
     font-size: 14px;
 }

 .eve-deta-body .eve-deta-body-main .lhs h5 {
     font-size: 16px;
 }

 .eve-deta-body .eve-deta-body-main .lhs h4 {
     font-size: 18px;
 }

 .eve-deta-body .eve-deta-body-main .lhs h3 {
     font-size: 20px;
 }

 .eve-deta-body .eve-deta-body-main .lhs h2 {
     font-size: 22px;
 }

 .eve-deta-body .eve-deta-body-main .lhs h1 {
     font-size: 24px;
 }

 .eve-deta-body .eve-deta-body-main .lhs p img,
 .eve-deta-body .eve-deta-body-main .lhs img {
     width: 100% !important;
     height: auto !important;
     border-radius: 2px;
 }

 .eve-deta-body .eve-deta-body-main .rhs {
     float: left;
     width: 35%;
     padding-left: 50px;
 }

 .eve-deta-body .pro-bot-shar {
     margin-bottom: 0px;
 }

 .eve-deta-body .rhs h4 {
     font-size: 18px;
     font-weight: 600;
 }

 .eve-deta-body .rhs .sec-1 {
     margin-bottom: 40px;
 }

 .eve-deta-body .rhs .sec-1 ul {}

 .eve-deta-body .rhs .sec-1 ul li {
     font-size: 14px;
     margin-bottom: 10px;
     padding-left: 15px;
 }

 .eve-deta-body .rhs .sec-1 ul li:before {
     content: 'radio_button_checked';
     position: absolute;
     /* width: 6px; */
     /* height: 6px; */
     /* background: #d0d1c3; */
     border-radius: 50%;
     margin: 1px 0px 0px -20px;
     font-weight: 900;
     font-size: 12px;
     color: #47b83f;
 }

 .eve-deta-body .rhs .sec-1 ul li b {}

 .eve-deta-body .rhs .sec-2 {
     margin-bottom: 40px;
 }

 .eve-deta-body .rhs .sec-2 iframe {
     border: 0px;
     width: 100%;
     height: 150px;
     border: 5px solid #fff;
     box-shadow: 0px 3px 14px -8px rgba(42, 42, 42, 0.8);
 }

 .eve-deta-body .rhs .sec-3 {
     border-top: 1px solid #e7e7e7;
     padding-top: 25px;
 }

 .eve-deta-body .rhs .sec-3 .ud-lhs-s1 {
     padding-bottom: 0px;
 }

 .pro-rel-events,
 .pro-rel-posts {
     float: left;
     width: 100%;
     /* border-top: 1px solid #efd0d0;
     */
     /* padding-top: 45px;
     */
     margin-top: 50px;
 }

 .pro-rel-events h4,
 .pro-rel-posts h4 {
     font-size: 20px;
     padding: 0px 15px;
     font-weight: 600;
     text-align: center;
     padding-bottom: 0px;
     position: relative;
     /* color: #ff853c;
     */
 }

 .pro-rel-events h4:after {}

 .eve-deta-body .auth h4 {
     text-align: left;
     font-size: 12px;
     padding-left: 0px;
 }

 .eve-deta-body .rhs .sec-4 {
     float: left;
     width: 100%;
 }

 .eve-deta-body .rhs .sec-4 h4 {
     font-size: 16px;
 }

 .eve-deta-body .rhs .sec-4 ul {
     height: 320px;
     overflow: hidden;
 }

 .eve-deta-body .rhs .sec-4 ul:hover {
     overflow-y: auto;
 }

 .eve-deta-body .rhs .sec-4 ul li {
     padding-bottom: 8px;
 }

 .eve-deta-body .rhs .sec-4 input {
     border: 0px;
     border-bottom: 1px solid #e2e2e2;
     width: 100%;
     margin: 15px 0px 20px 0px;
     font-size: 14px;
 }

 .eve-deta-body .rhs .sec-4 ul li a {
     font-size: 13px;
     color: #333;
     font-weight: 400;
     padding-left: 25px;
 }

 .eve-deta-body .rhs .sec-4 ul li a:before {
     content: "keyboard_arrow_right";
     margin: 4px 0 0 -25px;
     position: relative;
     top: 3px;
     left: -6px;
 }

 .eve-deta-body .rhs .sec-4 ul li a:hover {
     color: #0989e7;
     font-weight: 600;
 }

 .eve-deta-body.blog-deta-body .rhs .sec-3 {
     border-top: 0px solid #e7e7e7;
     padding-top: 0px;
     /* border-bottom: 1px solid #e7e7e7; */
     margin-bottom: 30px;
     padding-bottom: 0px;
     float: left;
     width: 100%;
 }

 .eve-deta-body.blog-deta-body .rhs .sec-3 .ud-lhs-s1 {
     padding-bottom: 25px;
 }

 .pro-rel-posts {}

 .pro-rel-posts .pro-eve-box p {
     padding: 0px;
 }

 .db-noti {}

 .db-noti ul {}

 .db-noti ul li {
     color: #969595;
     border-bottom: 1px solid #e9e9e9;
     padding: 10px 0;
     transition: all 0.5s ease;
 }

 .db-noti ul li:hover {
     transition: all 0.5s ease;
     background: #fafafa;
     padding-left: 20px;
     box-shadow: 0px 0px 21px 2px rgba(157, 152, 152, 0.27);
 }

 .db-noti ul li div {
     font-size: 14px;
     color: #333;
     font-weight: 500;
 }

 .db-noti ul li div a {
     font-weight: 600;
     color: #128fcc;
 }

 .db-noti ul li div a:hover {
     text-decoration: underline;
 }

 .db-noti ul li span {
     font-size: 12px;
 }

 .db-noti ul li p {
     font-size: 13px;
     margin-bottom: 0px;
     color: #646464;
 }

 .add-list-ser {}

 .add-list-ser ul li {
     border: 1px solid #f7eae3;
     margin-bottom: 25px;
     padding: 20px 15px 15px 15px;
     border-radius: 2px;
     background: #fff8f5;
 }

 .ui-datepicker {
     padding: .2em .2em 0;
     display: none;
 }

 .ui-datepicker table {
     width: 100%;
     font-size: .9em;
     border-collapse: collapse;
     margin: 0 0 .4em;
 }

 .ui-datepicker th {
     padding: .7em .3em;
     text-align: center;
     font-weight: 500;
     color: #aaaaaa;
     border: 0;
 }

 .ui-datepicker td {
     border: 0;
     padding: 1px;
 }

 /* RTL support */
 .ui-datepicker-rtl {
     direction: rtl;
 }

 .ui-datepicker-rtl .ui-datepicker-prev {
     right: 2px;
     left: auto;
 }

 /* Component containers ----------------------------------*/
 .ui-widget {
     /* font-family: Arial, Helvetica, sans-serif; */
     font-size: 13px;
     font-weight: 500;
     color: #5f6165;
     line-height: 18px;
 }

 .ui-widget .ui-widget {
     font-size: 1em;
 }

 .ui-widget input,
 .ui-widget select,
 .ui-widget textarea,
 .ui-widget button {
     /* font-family: Arial, Helvetica, sans-serif;
     */
     font-size: 1em;
     border: 0px;
     height: 25px;
     padding: 0px 10px;
     border-radius: 3px;
     margin: 0px 5px !important;
     font-family: 'Poppins', sans-serif;
     font-size: 14px !important;
     font-weight: 600;
 }

 .ui-widget.ui-widget-content {
     /* border: 0px solid #c5c5c5; */
     box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.25);
     /* padding: 20px; */
     /* width: 335px; */
     overflow: hidden;
     overflow-y: auto;
     /* min-height: 150px;*/
     /* max-height: 300px;*/
 }

 /* Interaction states ----------------------------------*/
 .ui-state-default,
 .ui-widget-content .ui-state-default,
 .ui-widget-header .ui-state-default,
 .ui-button,
 /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */
 html .ui-button.ui-state-disabled:hover,
 html .ui-button.ui-state-disabled:active {
     border: 0px solid #b4b4b4;
     background: #f6f6f6;
     font-weight: normal;
     color: #4f4f4f;
     text-align: center;
     width: 40px;
     height: 40px;
     padding: 10px;
 }

 .ui-state-hover,
 .ui-widget-content .ui-state-hover,
 .ui-widget-header .ui-state-hover,
 .ui-state-focus,
 .ui-widget-content .ui-state-focus,
 .ui-widget-header .ui-state-focus,
 .ui-button:hover,
 .ui-button:focus {
     font-weight: normal;
     border: 0px solid #dad55e;
     background: #ffbd77;
     color: #ffffff;
     border-radius: 25px;
 }

 .ui-state-hover a,
 .ui-state-hover a:hover,
 .ui-state-hover a:link,
 .ui-state-hover a:visited,
 .ui-state-focus a,
 .ui-state-focus a:hover,
 .ui-state-focus a:link,
 .ui-state-focus a:visited,
 a.ui-button:hover,
 a.ui-button:focus {
     color: #2b2b2b;
     text-decoration: none;
 }

 .ui-datepicker .ui-datepicker-prev,
 .ui-datepicker .ui-datepicker-next {
     display: none;
 }

 .ad-pri-cal {
     margin-top: 10px;
     display: none;
 }

 .ad-pri-cal ul {}

 .ad-pri-cal ul li {
     float: left;
     width: 25%;
 }

 .ad-pri-cal ul li div {
     background: #fffce3;
     border: 1px solid #efebc8;
     padding: 20px;
     display: block;
     text-align: center;
     margin: 0px 10px;
 }

 .ad-pri-cal ul li:last-child div {
     border: 1px solid #16be7a;
     background: #21d78d;
     color: #fff;
 }

 .ad-pri-cal ul li span {
     font-size: 14px;
 }

 .ad-pri-cal ul li h5 {
     margin: 5px 0px 0px 0px;
     font-weight: 600;
     font-size: 22px;
 }

 .db-fol-grid {}

 .db-fol-grid ul {}

 .db-fol-grid ul li {
     float: left;
     width: 33.3333%;
 }

 .pro-fol-gr {
     transition: all 0.5s ease;
     border: 1px solid #f9fcff;
     background: #fff;
     margin: 10px;
     /* height: 352px; */
     padding: 15px 15px;
     float: left;
     box-shadow: 0px 1px 11px -2px #9494945e;
     position: relative;
     width: 94%;
 }

 .pro-fol-gr img {
     width: 100%;
     height: 150px;
     border-radius: 0%;
     object-fit: cover;
     float: left;
 }

 .pro-fol-gr h4 {
     font-size: 12px;
     font-weight: 400;
     /* margin: 15px 0px; */
     color: #a7a7a7;
     text-align: left;
     /* padding-left: 85px; */
     padding-top: 20px;
     float: left;
     display: inline-block;
     width: 100%;
 }

 .comity-all-user .pro-fol-gr h4 {
     height: 55px;
 }

 .comity-all-user .pro-fol-gr img {
     border-radius: 5px;
 }

 .comity-all-user .pro-fol-gr .count-li {
     display: none;
 }

 .pro-fol-gr h4 b {
     color: #000;
     display: block;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 0;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }

 .pro-ful-img {
     position: relative;
     float: left;
     width: 100%;
 }

 .pro-fol-gr ol {
     float: left;
     width: 100%;
     padding: 0px;
     position: absolute;
     background: #fff;
     left: 0px;
     top: 0px;
     padding: 10px 10px;
     transition: all 0.2s ease;
     background: linear-gradient(to bottom, #fff, #fcf6f3 70%);
     opacity: 0;
     transform: translateY(-10px);
 }

 .pro-fol-gr:hover ol {
     opacity: 1;
     transition: all 0.2s ease;
     transform: translateY(0px);
     text-align: center;
     background: #e5f5fb;
     box-shadow: 0px 18px 4px -13px #3333338f;
 }

 .pro-fol-gr ol li {
     color: #919191;
     display: block;
     font-size: 9px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .pro-fol-gr ol li b {
     color: #333;
     display: block;
     font-size: 16px;
     font-weight: 600;
 }

 .pro-fol-gr span {
     width: 33.333%;
     float: left;
     font-size: 11px;
     color: #8d98a3;
     font-weight: 500;
     text-align: center;
 }

 .pro-fol-gr:hover {
     box-shadow: 0px 16px 11px -7px rgba(55, 63, 67, 0.45);
     transition: all 0.5s ease;
     /* transform: scale(1.01);
     */
 }

 .pro-fol-gr span.userfollow {
     background: #c7e3ff;
     color: #0865d4;
     font-size: 12px;
     font-weight: 600;
     float: left;
     padding: 3px 10px;
     border-radius: 2px;
     display: block;
     width: 100%;
     text-align: center;
     cursor: pointer;
 }

 .enq-sav {
     position: absolute;
     top: 10px;
     right: 10px;
 }

 .enq-sav i {
     cursor: pointer;
     border-radius: 50%;
     background: #fff;
     /* font-size: 16px; */
     padding: 1px 1px;
     text-align: center;
     /* line-height: 14px; */
     width: 22px;
     height: 22px;
     box-sizing: border-box;
     transition: all 0.5s ease;
     border: 1px solid #f1f0ed;
     color: #4173ea;
     display: inline-block;
 }

 .enq-sav i img {
     width: 14px;
     height: 14px;
     filter: contrast(0.2);
     opacity: 0.5;
     transition: all 0.5s ease;
     vertical-align: initial;
 }

 .enq-sav i.sav-act {
     /* box-shadow: 0 0 0 rgb(246, 184, 0); */
     animation: pulse 1.5s 1;
     border-radius: 50%;
     /* border: 1px solid #bfd2ff; */
     /* background: #bfd2ff; */
     border: 1px solid #fdf5dd;
     /* border: 1px solid #f6b800; */
     /* color: #f6b800; */
     background: #fdf5dd;
 }

 .tooltip-inner {
     background-color: #00cc00;
 }

 .enq-sav i.sav-act img {
     opacity: 1;
     filter: contrast(1);
 }

 .enq-sav i:hover img {
     opacity: 1;
     filter: contrast(1);
 }

 .ldelik.sav-act {
     background: #4274eb;
     color: #ffffff;
     border: 1px solid #4274eb;
     transition: all 0.5s ease;
 }

 .ldelik.sav-act b {
     color: #ffffff;
 }

 .ldelik.sav-act:before {
     color: #ffffff;
 }

 .list-pg-write-rev {}

 .list-pg-write-rev .col {
     padding: 0px;
 }

 .list-pg-write-rev .row .col {
     padding: 0px 15px;
 }

 span#Review_Disable,
 div#pop_enq_success,
 #pop_enq_same {
     display: block;
     text-align: center;
     padding: 20px 10px;
     border-radius: 2px;
     margin-bottom: 20px;
     font-weight: 500;
     text-transform: uppercase;
     font-size: 14px;
 }

 span#Review_Disable {
     border: 1px solid #d2e0ef;
     background: #ecf5ff;
     color: #486b91;
 }

 div#pop_enq_success {
     border: 1px solid #8bf6bf;
     background: #d5ffea;
 }

 div#pop_enq_success p {
     color: #106e43;
     margin: 0px;
 }

 #pop_enq_same {
     border: 1px solid #ffd5d5;
     background: #ffd5d5;
     font-size: 12px;
 }

 #pop_enq_same p {
     color: #ac6c6c;
     margin: 0px;
     font-size: 12px;
 }

 /*-------------------------------------------------*/
 /* TEMPLATE STYLES
/*-------------------------------------------------*/
 .template-comm {
     margin-top: 52px;
     padding-bottom: 150px;
     padding-top: 40px;
     color: #5e6673;
 }

 .template-def .container {
     max-width: 750px;
 }

 .templ-def {}

 .template-def .templ-def-rhs {
     display: none;
 }

 .template-comm img {
     width: 100%;
     margin: 0px 0px 20px 0px;
     border-radius: 5px;
 }

 .template-comm h1,
 .template-comm h2,
 .template-comm h3,
 .template-comm h4,
 .template-comm h5,
 .template-comm h6 {
     margin: 5px 0px 20px 0px;
 }

 .template-comm h2 {}

 .template-comm h3 {}

 .template-comm h4 {}

 .template-comm h5 {}

 .template-comm h6 {}

 .template-comm p {
     font-size: 15px;
     line-height: 26px;
     color: #78808d;
 }

 .template-comm a {}

 .template-rhs {}

 .template-rhs .templ-def-cent {
     float: left;
     width: 70%;
 }

 .template-rhs .templ-def-rhs {
     float: left;
     width: 30%;
     padding-left: 50px;
 }

 .templ-def-rhs .box {
     padding-top: 25px;
     float: left;
     width: 100%;
     margin-bottom: 10px;
 }

 .templ-def-rhs .box h2 {
     font-size: 18px;
     font-weight: 600;
 }

 .templ-def-rhs .box ul {}

 .templ-def-rhs .box ul li {}

 .templ-def-rhs .box ul li .eve-box-list {
     margin-bottom: 5px;
 }

 .templ-def-rhs .box ul li .eve-box-list img {
     width: 65px;
     margin: 0px;
     border-radius: 0px;
     padding-right: 10px;
 }

 .templ-def-rhs .box ul li .eve-box-list h4 {
     margin-bottom: 0px;
     font-weight: 800;
     font-size: 14px;
     padding-top: 10px;
 }

 .templ-def-rhs .box ul li .eve-box-list p {
     font-size: 12px;
 }

 .templ-rhs-list {}

 .templ-rhs-list ul li {
     margin-bottom: 10px;
 }

 .templ-rhs-list div {
     border: 1px solid #efefef;
     border-radius: 5px;
     position: relative;
     padding-bottom: 10px;
 }

 .templ-rhs-list div img {
     border-radius: 5px 5px 0px 0px;
     height: 130px;
     object-fit: cover;
 }

 .templ-rhs-list div h3 {
     color: #000;
     font-weight: 600;
     font-size: 16px;
     padding: 0px 15px;
     margin-bottom: 5px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
 }

 .templ-rhs-list div p {
     font-size: 13px;
     padding: 0px 15px;
     margin-bottom: 0px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     /* text-transform: lowercase; */
 }

 .templ-rhs-list div a {
     position: absolute;
     right: 0px;
     top: 0px;
     bottom: 0px;
     width: 100%;
     height: 100%;
 }

 .templ-rhs-list .pri {
     padding: 0px 15px;
     background: none;
     font-size: 14px;
 }

 .templ-rhs-list .pri b {
     color: #000;
     padding-right: 10px;
 }

 .template-rhs .hot-page2-hom-pre-1 {
     width: 15%;
 }

 .template-rhs .hot-page2-hom-pre-1 img {
     height: 40px;
     border-radius: 50px;
     object-fit: cover;
     margin: 0px;
 }

 .template-rhs .hot-page2-hom-pre-2 {
     padding-right: 0px;
 }

 .template-rhs .hot-page2-hom-pre-head h4 {
     margin: 0px;
 }

 .template-rhs .hot-page2-hom-pre-2 h5 {
     margin-bottom: 0px;
 }

 .template-rhs .hot-page2-hom-pre-2 p {}

 .template-rhs .hot-page2-hom-pre ul li {
     /* padding: 0px; */
 }

 .templ-def-rhs .hot-page2-hom-pre {
     padding-top: 5px;
 }

 .templ-def-rhs .hot-page2-hom-pre ul li:hover {
     box-shadow: none;
 }

 .templ-rhs-form {
     position: relative;
     overflow: hidden;
     background: #ffffff;
     padding: 30px;
     margin-bottom: 5px;
     width: 100%;
     box-shadow: 0px 7px 20px -5px rgba(150, 150, 150, 0.29);
     border-radius: 0px 0px 10px 10px;
 }

 .templ-rhs-form form {}

 .templ-rhs-form .form-group {}

 .templ-rhs-form .form-group input,
 .templ-rhs-form .form-group select,
 .templ-rhs-form .form-group textarea {
     border: 1px solid #e8e8e8;
     background: #fff;
     font-size: 13px;
     line-height: 20px;
     color: #7a7b7f;
     border-radius: 5px;
 }

 .templ-rhs-form .form-group input {
     padding: 0px 0px 0px 40px;
 }

 .templ-rhs-form .form-group select {}

 .templ-rhs-form .form-group textarea {}

 .templ-rhs-form .btn-primary {
     background: #21d78d;
     border: 1px solid #21d78d;
     border-radius: 20px;
     font-size: 14px;
     font-weight: 500;
     padding: 7px 0px;
     transition: all ease 0.5s;
     display: block;
     width: 100%;
 }

 .templ-rhs-form .form-group:before {
     margin: 7px 0px 0px 15px;
     color: #2196F3;
 }

 /*-------------------------------------------------*/
 /* ALL LISTING GRID VIEW
/*-------------------------------------------------*/
 .f2 {
     margin: -45px 0px 10px 0px;
     float: left;
     display: inline-block;
     width: 100%;
     padding: 0px 15px;
     position: absolute;
 }

 .vfilter {
     display: inline-block;
     float: right;
     background: #fff;
     border-radius: 5px;
     padding: 5px;
     box-shadow: 2px 0px 9px 0px #33333321;
 }

 .vfilter i {
     vertical-align: sub;
     cursor: pointer;
     color: #93999b;
     font-size: 20px;
     padding: 0px 5px;
 }

 .vfilter i.act {
     color: #02acd2;
 }

 .vfilter i.ic1 {
     display: none;
 }

 .all-list-sh.cview1 .eve-box div:nth-child(1) {
     width: 100%
 }

 .all-list-sh.cview1 ul li {
     float: left;
     width: 50%;
 }

 .all-list-sh.cview1 .eve-box div .auth {
     width: 50%;
 }

 .all-list-sh.cview1 .eve-box div .links {
     width: 50%;
 }

 .all-list-sh.cview1 .links a,
 .all-list-sh.cview1 .links span {
     display: none;
 }

 .all-list-sh.cview1 .links a:first-child {
     display: block;
 }

 .all-list-sh.cview1 .addr {
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
 }

 .all-list-sh.cview3 .eve-box div:nth-child(1) {
     width: 100%
 }

 .all-list-sh.cview3 ul li {
     float: left;
     width: 50%;
 }

 .all-list-sh.cview3 .eve-box div .auth {
     width: 50%;
 }

 .all-list-sh.cview3 .eve-box div .links {
     width: 50%;
 }

 .all-list-sh.cview3 .links a,
 .all-list-sh.cview3 .links span {
     display: none;
 }

 .all-list-sh.cview3 .links a:first-child {
     display: block;
 }

 .all-list-sh.cview3 .addr {
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
 }

 .all-list-sh.cview3 .eve-box div:nth-child(3),
 .all-list-sh.cview3 .addr,
 .all-list-sh.cview3 .pho,
 .all-list-sh.cview3 .mail {
     display: none;
 }

 .all-list-sh.cview3 .eve-box div:nth-child(2) {
     padding: 25px 25px 5px 25px;
 }

 .all-list-sh.cview3 .eve-box div:nth-child(1) img {
     height: 235px;
 }


 /*========== ALL SERVICES PAGE - SLIDER ===========*/
 .cate-sli .carousel-inner a {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }

 .cate-sli .carousel-control-prev-icon,
 .cate-sli .carousel-control-next-icon {
     background-image: none;
     background: #fff;
     padding: 25px;
     border-radius: 50px;
     position: relative
 }

 .cate-sli .carousel-control-prev-icon:before,
 .cate-sli .carousel-control-next-icon:before {
     content: "";
     font-size: 42px;
     line-height: 0;
     text-align: center;
     left: 4px;
     color: #333;
     background: url('../images/icon/next.png') no-repeat;
     width: 24px;
     height: 24px;
     background-size: cover;
 }

 .cate-sli .carousel-control-next-icon:before {
     margin: -10px 0px 0px 10px;
 }

 .cate-sli .carousel-control-prev-icon:before {
     transform: rotate(180deg);
     margin: -12px 0px 0px 8px;
 }

 /*========== PRODUCT - SLIDER ===========*/
 .bpro-sli .carousel-inner a {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }

 .bpro-sli .carousel-control-prev-icon,
 .bpro-sli .carousel-control-next-icon {
     background-image: none;
     background: #fff;
     padding: 25px;
     border-radius: 50px;
     position: relative
 }

 .bpro-sli .carousel-control-prev-icon:before,
 .bpro-sli .carousel-control-next-icon:before {
     content: "";
     font-size: 42px;
     line-height: 0;
     text-align: center;
     left: 14px;
     top: 15px;
     color: #333;
     background: url('../images/icon/next.png') no-repeat;
     width: 24px;
     height: 24px;
     background-size: cover;
 }

 .bpro-sli .cate-sli .carousel-control-next-icon:before {
     margin: -10px 0px 0px 10px;
 }

 .bpro-sli .cate-sli .carousel-control-prev-icon:before {
     transform: rotate(180deg);
     margin: -12px 0px 0px 8px;
 }

 .bpro-sli .carousel-control-prev-icon:before {
     transform: rotate(180deg);
     left: 11px;
 }


 /*========== LISTING DETAIL - SLIDER ===========*/
 .list-pg-inn-sp .carousel-inner a {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0
 }

 .list-pg-inn-sp .carousel-control-prev-icon,
 .list-pg-inn-sp .carousel-control-next-icon {
     background-image: none;
     background: #fff;
     padding: 25px;
     border-radius: 50px;
     position: relative
 }

 .list-pg-inn-sp .carousel-control-prev-icon:before,
 .list-pg-inn-sp .carousel-control-next-icon:before {
     content: "";
     font-size: 42px;
     line-height: 0;
     text-align: center;
     left: 13px;
     top: 13px;
     color: #333;
     background: url('../images/icon/next.png') no-repeat;
     width: 24px;
     height: 24px;
     background-size: cover;
 }

 .list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-next-icon:before {
     margin: -10px 0px 0px 10px;
 }

 .list-pg-inn-sp .bpro-sli .cate-sli .carousel-control-prev-icon:before {
     transform: rotate(180deg);
     margin: -12px 0px 0px 8px;
 }

 .list-pg-inn-sp .carousel-control-prev-icon:before {
     transform: rotate(180deg);
 }


 .ani-quo {
     position: fixed;
     bottom: -10px;
     right: -400px;
     z-index: 10;
     transition: all 2s ease;
     cursor: pointer;
 }

 .ani-quo.ani-quo-act {
     right: 0px;
     transition: all 2s ease;
 }

 .ani-q1 {
     background: #fff;
     padding: 15px;
     border-radius: 5px;
     border: 1px solid #fff3e2;
     transition: all .5s ease;
     box-shadow: 0 7px 23px -13px rgb(37, 39, 42);
     margin-right: 65px;
     position: relative;
     margin-bottom: 18px;
 }

 .ani-q1:after {
     content: ' ';
     position: absolute;
     width: 0;
     height: 0;
     left: auto;
     right: -1px;
     bottom: -20px;
     border: 12px solid;
     border-color: #ffffff #fec9a3 transparent transparent;
 }

 .ani-q1 h4 {
     font-size: 22px;
     color: #000;
     font-weight: 600;
 }

 .ani-q1 p {
     margin: 0px;
     font-size: 14px;
     font-weight: 400;
     padding-bottom: 12px;
 }

 .ani-q1 span {
     background: #149f5c;
     color: #fff;
     padding: 10px 30px;
     border-radius: 3px;
     border: 0px solid #333;
     display: inline-block;
     font-weight: 400;
     text-transform: capitalize;
 }

 .ani-q2 {}

 .ani-q2 img {
     width: 150px;
     float: right;
 }

 .ani-quo-form {
     position: fixed;
     right: -400px;
     width: 375px;
     bottom: 15px;
     border-radius: 15px;
     z-index: 33;
     background: #13324c;
     overflow-y: auto;
     transition: all 0.5s ease-in-out;
     box-shadow: -22px 0px 73px -22px rgba(42, 42, 42, 0.48);
     border: 1px solid #f9fcff;
     background: #fff;
     padding: 15px 15px;
     box-shadow: 0px 1px 11px -2px #737373c9;
     background: url(../images/city-bg.png) no-repeat #fff;
     background-position: right bottom;
     background-size: 100%;
 }

 .ani-quo-form.ani-quo-form-act {
     transition: all 0.5s ease-in-out;
     right: 20px;
 }

 .ani-quo-form .tit {
     margin: 0px;
     padding-top: 20px;
 }

 .ani-quo-form .tit h3 {
     font-size: 15px;
     line-height: 28px;
     color: #000;
 }

 .ani-quo-form .tit h3 span {
     display: block;
     font-weight: 700;
     font-size: 20px;
 }

 .ani-quo-form .hom-col-req {
     box-shadow: none;
     margin: 0px;
     background: none;
 }

 .ani-quo-form .hom-col-req form {
     padding: 25px;
 }

 .ani-quo-form .hom-col-req form input,
 .all-list-filt-form input {
     /* border: 0px; */
     /* border-radius: 0px; */
     border: 1px solid #e8e8e8;
     background: #fff;
     font-size: 13px;
     line-height: 20px;
     color: #7a7b7f;
     border-radius: 5px;
 }

 .ani-quo-form .hom-col-req form select,
 .all-list-filt-form select {
     font-size: 13px;
     line-height: 20px;
     color: #7a7b7f;
     border-radius: 5px;
 }

 .ani-quo-form .hom-col-req form button,
 .all-list-filt-form .hom-col-req form button {
     /* background: #006cc7; */
     /* border: 1px solid #006cc7; */
     font-size: 13px;
     letter-spacing: 0.3px;
     border-radius: 5px;
 }

 .ani-req-clo {
     color: #333;
     font-size: 25px;
     position: absolute;
     right: 15px;
     top: 15px;
     cursor: pointer;
 }

 .all-list-filt-form {
     float: left;
     width: 100%;
     background: #f5f7fb;
     padding-top: 30px;
     position: sticky;
     top: 50px;
 }

 .all-list-filt-form .tit {
     margin-bottom: 0px;
 }

 .all-list-filt-form .tit h3 {
     font-size: 16px;
     font-weight: 400;
     line-height: 24px;
     margin-bottom: 0px;
 }

 .all-list-filt-form .tit h3 span {
     display: block;
     font-weight: 700;
 }

 .all-list-filt-form form {
     padding: 20px 30px 30px 30px;
 }

 .all-list-filt-form .hom-col-req {
     background: #f5f7fb;
     margin: 0px;
     box-shadow: none;
 }

 .all-list-filt-form input,
 .all-list-filt-form select,
 .all-list-filt-form textarea {
     background: #fff;
     font-size: 12px;
 }

 .all-list-filt-form .form-group {
     margin-bottom: 10px;
 }

 #home_slide_enq_success {
     background: #fff;
     /* position: fixed; */
     /* right: 20px; */
     /* top: 60px; */
     /* z-index: 1; */
     /* border-radius: 3px; */
     padding: 10px 20px;
 }

 #home_slide_enq_success p {
     color: #27b347;
     margin: 0px;
     font-size: 12px;
     font-weight: 500;
 }

 #home_slide_enq_success ~ .all-list-filt-form {
     position: inherit;
 }

 .soc-log .g-signin2 .abcRioButtonLightBlue {
     width: 100% !important;
     margin-bottom: 10px;
     color: #666;
     background: #fff;
     border: 1px solid #dadada;
     box-shadow: none;
 }

 .soc-log .abcRioButtonIcon {
     left: 32%;
     position: absolute;
 }

 .how-wrks {
     float: left;
     width: 100%;
     position: relative;
     /* display: none; */
 }

 .how-wrks-2 {
     padding-bottom: 180px;
 }

 .how-wrks .home-tit {
     margin-bottom: 40px;
 }

 .how-wrks .home-tit h2 {}

 .how-wrks .home-tit h2 span {}

 .how-wrks .home-tit p {}

 .how-wrks-inn {}

 .how-wrks-inn ul {}

 .how-wrks-inn ul li {
     float: left;
     width: 25%;
 }

 .how-wrks-inn ul li div {
     text-align: center;
     border: 1px solid #f1f1f1;
     border-radius: 5px;
     padding: 30px;
     margin: 0px 10px;
     position: relative;
     transition: all 0.5s ease;
 }

 .how-wrks-inn ul li div:hover {
     background: #fff;
     transform: translateY(-8px);
     box-shadow: 0 19px 46px -39px rgb(37, 39, 42);
 }

 .how-wrks-inn ul li div span {
     position: relative;
     width: 30px;
     height: 30px;
     border-radius: 50px;
     background: #548aff;
     color: #fff;
     font-size: 16px;
     padding: 3px 0px;
     display: table;
     margin: 0 auto;
     margin-top: -44px;
 }

 .how-wrks-inn ul li div img {
     width: 72px;
     margin-top: 25px;
 }

 .how-wrks-inn ul li div h4 {
     font-weight: 600;
     font-size: 22px;
     padding: 20px 0px 2px 0px;
 }

 .how-wrks-inn ul li div p {
     margin: 0px;
     font-size: 13px;
     color: #636363;
 }


 .mob-app {
     float: left;
     width: 100%;
     padding-top: 100px;
     position: relative;
     z-index: 5;
 }

 .mob-app .lhs {
     float: left;
     width: 50%;
 }

 .mob-app .lhs img {
     width: 80%;
 }

 .mob-app .rhs {
     float: left;
     width: 50%;
 }

 .mob-app .rhs h2 {
     font-size: 32px;
     padding-bottom: 20px;
 }

 .mob-app .rhs h2 span {}

 .mob-app .rhs ul {
     padding-bottom: 20px;
 }

 .mob-app .rhs ul li {
     font-size: 15px;
     padding-bottom: 10px;
     padding-left: 30px;
 }

 .mob-app .rhs ul li:before {
     content: 'chevron_right';
     margin: -2px 0px 0px -27px;
     color: #0291d2;
 }

 .mob-app .rhs ul ~ span {
     font-size: 14px;
     float: left;
     padding-bottom: 25px;
 }

 .mob-app .rhs form {
     position: relative;
     overflow: hidden;
     background: #fff;
     padding: 20px;
     margin: 25px 0px 0px 0px;
     box-shadow: 0px 1px 20px -13px rgba(42, 42, 42, 0.86);
     width: 80%;
 }

 .mob-app .rhs form ul {
     padding: 0px;
     margin: 0px;
 }

 .mob-app .rhs form ul li {
     list-style-type: none;
     display: inline-block;
     float: left;
     padding: 0px;
 }

 .mob-app .rhs form ul li:before {
     display: none;
 }

 .mob-app .rhs form ul li input {
     width: 100%;
     background: #FFF;
     border: 1px solid #f1f3f5;
     padding: 8px;
     font-size: 15px;
     font-weight: 500;
     font-family: 'Quicksand', sans-serif;
 }

 .mob-app .rhs form ul li input[type="submit"] {
     color: #fff;
     border: 1px solid #1ebef0;
     font-weight: 600;
     border-radius: 2px;
     box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     background: #0291d2;
     /* background: linear-gradient(to bottom, #01a0d8, #0485b3); */
 }

 .mob-app .rhs form ul li:nth-child(1) {
     width: 65%;
 }

 .mob-app .rhs form ul li:nth-child(2) {
     width: 35%;
 }

 .mob-app .rhs a img {
     width: 150px;
     float: left;
     margin: 0px 5px 5px 0px;
 }


 /*---======================---*/
 .soc-log {
     float: left;
     width: 100%;
     padding: 30px 30px 0px 30px;
 }

 .soc-log ul {}

 .soc-log ul li {
     float: left;
     width: 100%;
 }

 .soc-log ul li a {
     float: left;
     width: 100%;
     display: block;
     text-align: center;
     border-radius: 3px;
     font-size: 13px;
     font-weight: 500;
     vertical-align: middle;
     padding: 7px 5px;
 }

 .soc-log ul li a img {
     width: 22px;
     padding-right: 5px;
 }

 .soc-log ul li a.login-goog {
     margin-bottom: 10px;
     color: #4f7083;
     background: #fff;
     border: 1px solid #ccc;
 }

 .soc-log ul li a.login-fb {
     color: #666;
     background: #fff;
     border: 1px solid #dadada;
 }

 /*--========================================--*/
 .filt-alist-near {}

 .filt-alist-near .tit {
     background: #20344c;
     color: #fff;
     padding: 18px;
     margin-bottom: 0px;
     border-radius: 5px 0 0 0;
 }

 .filt-alist-near .tit h4 {
     font-size: 15px;
     margin: 0px;
     text-align: left;
     font-weight: 600;
 }

 .near-ser-list {
     float: left;
     width: 100%;
     margin-bottom: 20px;
     padding: 0px 17px;
     min-height: auto;
     max-height: 300px;
     overflow: hidden;
 }

 .near-ser-list:hover {
     overflow-y: auto;
 }

 .near-ser-list ul {}

 .near-ser-list ul li {
     position: relative;
     overflow: hidden;
     padding: 10px 0px;
     border-bottom: 1px solid #e4e4e4;
     width: 100%;
 }

 .near-ser-list ul li .near-bx {
     position: relative;
     float: left;
     width: 100%;
 }

 .near-ser-list ul li .near-bx a {
     position: absolute;
     left: 0px;
     top: 0px;
     width: 100%;
     height: 100%;
 }

 .near-ser-list ul li .near-bx .ne-1 {
     width: 10%;
     float: left;
 }

 .near-ser-list ul li .near-bx .ne-1 img {
     width: 32px;
     height: 32px;
     border-radius: 28px;
     border: 1px solid #fff;
 }

 .near-ser-list ul li .near-bx .ne-2 {
     width: 80%;
     padding: 0px 15px;
     float: left;
 }

 .near-ser-list ul li .near-bx .ne-2 h5 {
     color: #20344c;
     font-size: 14px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     margin-bottom: 4px;
     font-weight: 600;
 }

 .near-ser-list ul li .near-bx .ne-2 p {
     color: #7b868f;
     font-size: 12px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     display: block;
     margin: 0px;
     font-family: 'Quicksand', sans-serif;
     font-weight: 600;
     letter-spacing: 0px;
     text-transform: unset;
 }

 .all-pro-pg .near-ser-list ul li .near-bx .ne-2 {
     width: 90%;
 }

 .near-ser-list ul li .near-bx .ne-3 {
     float: left;
     width: 10%;
 }

 .near-ser-list ul li .near-bx .ne-3 span {
     width: 24px;
     height: 24px;
     background: #7dc34a;
     padding: 2px 3px;
     text-align: center;
     color: #fff;
     border-radius: 2px;
     font-weight: 400;
     font-size: 12px;
 }

 /*---======================---*/
 .all-list-bre {
     margin-top: 150px;
     /* background: url('../images/all-list-bg.jpg') no-repeat #5085f7; */
     padding: 40px 0px 35px 0px;
     position: relative;
     /* background-size: cover; */
 }

 .all-pro-bre {
     background: url('../images/all-product-bg.jpg') no-repeat #5085f7;
     background-size: cover;
     background-position: center center;
     margin-top: 50px;
     padding-bottom: 80px;
 }

 .all-list-bre:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     background: #0d598d05;
 }

 .map-error-box {
     margin: 0 auto;
     background: #ffddd2;
     border: 1px solid #ffc1bc;
     font-size: 13px;
     padding: 10px 20px;
     border-radius: 2px;
     color: #bb4c4c;
     position: absolute;
     box-shadow: 0px 2px 10px -2px #686868;
     font-weight: 500;
     width: 100%;
     text-align: center;
     z-index: 13;
 }

 .all-pro-bre:before {
     background: linear-gradient(to right, #866a05d6, #00000038);
 }

 .all-list-bre .sec-all-list-bre {
     opacity: 1 !important;
 }

 .all-list-bre h1,
 .all-list-bre h2 {
     font-weight: 600;
     margin: 0px;
     font-size: 32px;
     line-height: 34px;
     width: 100%;
     color: #fff;
     padding-bottom: 10px;
     position: relative;
     text-transform: capitalize;
 }

 .all-list-bre ul {
     float: left;
     position: relative;
 }

 .all-list-bre ul li {
     float: left;
     margin-right: 25px;
 }

 .all-list-bre ul li:after {
     content: 'keyboard_arrow_right';
     color: #fff;
     font-size: 16px;
     padding: 2px;
 }

 .all-list-bre ul li:last-child:after {
     display: none;
 }

 .all-list-bre ul li a {
     color: #fff;
     font-size: 12px;
     text-transform: capitalize;
 }

 /*---======================================================---*/
 .biz-pro {
     margin-top: -100px;
     position: relative;
 }

 .biz-pro .row {
     box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
     background: #fff;
     z-index: 9;
     padding-top: 17px;
     border-radius: 5px;
 }

 .biz-pro-bre:before {
     background: #4274ebde;
 }

 .biz-pro .lhs {
     position: relative;
     padding-bottom: 65px;
 }

 .bpro-sli {
     position: sticky;
     top: 84px;
     margin-bottom: 20px;
     border: 1px solid #f0f0f0;
     padding: 25px 0px;
 }

 .bpro-sli .carousel-item:before {
     background: none;
 }

 .bpro-sli .carousel-item img {
     width: 100%;
     /* height: 125px; */
     object-fit: contain;
 }

 .biz-pro-btn {
     position: sticky;
     top: 455px;
 }

 .biz-pro-btn .btn {
     color: #fff;
     padding: 12px 20px;
     border-radius: 1px;
     width: 50%;
     display: block;
     text-align: center;
     float: left;
     font-weight: 500;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
 }

 .biz-pro-btn .btn1 {
     background: #425d75;
     color: #fff !important;
     cursor: pointer;
 }

 .biz-pro-btn .btn2 {
     background: #fb641b;
 }

 .biz-pro .rhs {}

 .pro-pri-box {}

 .pro-pbox-1 {
     margin-top: 0px;
     background: none;
     padding: 0px;
     float: left;
     width: 100%;
 }

 .pro-pbox-1:before {
     background: none;
 }

 .pro-pbox-1 ul {}

 .pro-pbox-1 ul li {}

 .pro-pbox-1 ul li:after {
     color: #333;
 }

 .pro-pbox-1 ul li a {
     color: #333;
 }

 .pro-pbox-2 {
     float: left;
     width: 100%;
     padding-bottom: 10px;
 }

 .pro-pbox-2 h1 {
     font-size: 26px;
     font-weight: 600;
     padding: 12px 0 8px 0;
     margin-bottom: 0px;
 }

 .pro-pbox-2 .rat {
     background: #4caf50;
     padding: 4px;
     font-weight: 600;
     color: #fff;
     font-size: 12px;
     border-radius: 2px;
     display: none;
 }

 .pro-pbox-2 .veri {
     background: #43a463;
     color: #fff;
     font-weight: 500;
     font-size: 11px;
     padding: 2px 10px;
     border-radius: 2px;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .pro-pbox-2 .veri:before {}

 .pro-pbox-2 .pro-cost {
     float: left;
     width: 100%;
     padding-top: 0px;
     font-size: 34px;
     font-weight: 700;
 }

 .pro-pbox-2 .pro-off {
     font-size: 18px;
     color: #4caf50;
     font-weight: 500;
 }

 .pro-pbox-com {
     margin-top: 24px;
     border-radius: 2px;
     background-color: #fff;
     border: 1px solid #f0f0f0;
     padding: 24px;
     color: #212121;
     float: left;
     width: 100%;
 }

 .pro-pbox-com h4 {
     font-size: 18px;
     font-weight: 700;
     margin-bottom: 25px;
 }

 .pro-pbox-com .ud-lhs-s1 h4 {
     margin: 0px;
     font-size: 16px;
     font-weight: 600;
 }

 .pro-pbox-com .ud-lhs-s1 {
     padding-bottom: 0px;
 }

 .pro-pbox-com p {
     font-size: 14px;
     font-weight: 400;
     line-height: 24px;
     padding-bottom: 12px;
     color: #333;
 }

 .pro-pbox-3 {}

 .pro-pbox-3 h4 {}

 .pro-pbox-3 ul li {
     font-size: 14px;
     font-weight: 500;
     line-height: 24px;
     padding-bottom: 12px;
     color: #333;
     padding-left: 30px;
 }

 .pro-pbox-3 ul li:before {
     content: 'arrow_drop_up';
     cursor: pointer;
     color: #3567d6;
     border-radius: 50%;
     background: #d2e0ff;
     font-size: 20px;
     padding: 0px 0px;
     text-align: center;
     width: 21px;
     height: 21px;
     box-sizing: border-box;
     transition: all 0.5s ease;
     transform: rotate(90deg);
     line-height: 20px;
     margin: 0px 0px 0px -28px;
 }

 .pro-pbox-5 {}

 .pro-pbox-5 ul li {
     font-size: 14px;
     font-weight: 500;
     line-height: 24px;
     padding-bottom: 12px;
     color: #0b253a;
 }

 .pro-pbox-5 ul li .pro-spe-li {
     width: 35%;
     display: inline-block;
     color: #909090;
     vertical-align: top;
 }

 .pro-pbox-5 ul li .pro-spe-po {
     width: 60%;
     display: inline-block;
 }

 .pro-pbox-7 a {
     background: #ebf7fd;
     color: #345361;
     font-weight: 500;
     font-size: 13px;
     margin: 0px 10px 10px 0px;
     padding: 3px 10px;
     border-radius: 3px;
 }

 /*--================================================--*/
 .list-det-fix {
     position: fixed;
     top: -100px;
     left: 0px;
     right: 0px;
     background: #fff;
     z-index: 99;
     padding: 0px 0px;
     box-shadow: 0px 11px 18px -8px rgba(42, 42, 42, 0.14);
     transition: all 0.5s ease;
     display: none;
 }

 .list-det-fix.list-det-fix-act {
     top: 0px;
     transition: all 0.5s ease;
 }

 .list-det-fix-inn {
     float: left;
     width: 100%;
 }

 .list-fix-pro {
     float: left;
     width: 5%;
 }

 .list-fix-pro img {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     margin-top: 4px;
     object-fit: cover;
 }

 .list-fix-tit {
     float: left;
     width: 72%;
     padding: 4px 0px 0px 12px;
 }

 .list-fix-tit h3 {
     margin: 0px;
     font-weight: 700;
     font-size: 19px;
     padding-bottom: 3px;
 }

 .list-fix-tit p {
     margin: 0px;
     font-size: 13px;
     font-weight: 500;
     color: #3f4040;
 }

 .list-fix-tit p b {
     color: #333;
 }

 .list-fix-btn {
     float: left;
     width: 22%;
 }

 .list-fix-btn span {
     background: #f44336;
     color: #ffffff;
     border: 1px solid #f44336;
     transition: all 0.5s ease;
     box-shadow: 0 0 0 rgb(244, 67, 54);
     padding: 7px 25px;
     font-size: 15px;
     font-weight: 700;
     display: inline-block;
     cursor: pointer;
     border-radius: 2px;
     margin-top: 6px;
     animation: none;
     font-family: 'Quicksand', sans-serif;
     /* text-transform: uppercase; */
     float: right;
 }

 /*-------------------------------------------------*/
 /* =  CONTACT US & ABOUT US & FEEDBACK
/*-------------------------------------------------*/
 .con-us-map {
     margin-top: 53px
 }

 .con-us-map iframe {
     width: 100%;
     height: 250px;
     border: 0
 }

 .con-us-loc {
     padding-top: 40px;
     padding-bottom: 150px;
 }

 .con-us-loc .tit h2 {
     font-weight: 600;
     font-size: 24px
 }

 .con-us-loc .tit p {
     font-size: 14px
 }

 .con-us-loc h4 {
     font-size: 18px;
     font-weight: 600;
     padding-bottom: 10px
 }

 .con-us-loc h5 {
     font-size: 15px;
     font-weight: 600;
     padding-bottom: 10px
 }

 .con-us-loc p {
     font-size: 13px
 }

 .con-us-loc ul li {
     font-size: 13px;
     /* padding-left:30px; */
     padding-bottom: 10px;
     line-height: 22px;
 }

 .con-us-loc ul li:before {
     margin-left: -30px;
     display: none;
 }

 .con-us-loc ul li a {
     color: #000
 }

 .fedback {
     margin-bottom: 160px
 }

 .fedback img.fed {
     width: 100%;
     height: 280px;
     object-fit: cover;
     z-index: 0
 }

 .fed-box {
     width: 60%;
     background: #fff;
     margin: 0 auto;
     display: table;
     margin-top: -100px;
     z-index: 2;
     position: relative;
     box-shadow: 0 0 38px -21px #333;
     border-radius: 5px
 }

 .fed-box:before {
     content: '';
     position: absolute;
     background: #dcefff;
     width: 40%;
     height: 100%;
     right: 0
 }

 .fed-box .lhs {
     float: left;
     width: 60%;
     padding: 50px;
     position: relative
 }

 .fed-box .lhs h3 {
     text-transform: uppercase;
     font-weight: 700;
     font-size: 18px;
     padding-bottom: 20px;
     color: #106ebd
 }

 .fed-box .lhs form .form-group input {
     font-weight: 500;
     font-size: 14px;
     border: 1px solid #ececec
 }

 .fed-box .lhs form .form-group textarea {
     height: 90px;
     padding: 15px;
     border: 1px solid #ececec
 }

 .fed-box .lhs form button {
     background: #04b1ff;
     border: 0 solid #0291d2;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-size: 12px
 }

 .fed-box .rhs {
     float: left;
     width: 40%;
     padding: 50px;
     position: relative
 }

 .fed-box .rhs h2 {
     font-size: 32px
 }

 .fed-box .rhs p {
     font-size: 13px
 }

 .fed-box .rhs ul li {
     float: left;
     padding: 0 10px 10px 0
 }

 .fed-box .rhs ul li a img {
     width: 30px;
     border-radius: 50%;
     padding: 4px;
     border: 1px solid #b7c8d6
 }

 .fed-box .rhs h4 {
     display: inline-block;
     width: 100%;
     font-size: 16px;
     font-weight: 700;
     padding-top: 30px;
     padding-bottom: 6px
 }

 .fed-box .rhs h4 ~ p {
     margin-bottom: 4px;
     font-size: 12px
 }

 .commun-pg-main {
     background: #fff;
 }

 .about-ban {
     margin-top: 52px;
     background: url(../images/all-list-bg.jpg) no-repeat;
     background-size: cover;
     text-align: center;
     padding: 5% 50px 50px 50px;
     position: relative;
     color: #000;
     background-position: center;
 }

 .about-ban:before {
     content: '';
     position: absolute;
     background: #067ddee0;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
 }

 .comunity-ban:before {
     background: linear-gradient(to top, #fff, #a6abb79e 100%);
 }

 .about-ban h1,
 .about-ban input {
     position: relative;
     font-weight: 600;
 }

 .comunity-ban {
     padding-bottom: 0px;
 }

 .commun-pg-main input {
     border-radius: 30px;
     box-shadow: 0 5px 41px -14px rgb(60 63 66 / 32%);
     color: #40454a;
     max-width: 100%;
     width: 384px;
     border: 1px solid #e9e9ef;
     font-weight: 600;
     font-family: 'Quicksand', sans-serif;
     display: block;
     line-height: 40px;
     font-size: 15px;
     outline: none;
     height: 58px;
     background: #ffffff;
     box-sizing: border-box;
     padding: 0px 25px 0px 45px;
     margin: 0 auto;
     margin-top: 20px;
 }

 .about-ban p {
     position: relative;
     margin: 0;
     font-weight: 300;
     font-size: 18px
 }

 .about-us {
     text-align: center;
     padding-top: 40px;
     width: 80%;
     margin: 0 auto
 }

 .about-us h2 {
     font-size: 32px;
     font-weight: 700;
     padding-bottom: 25px
 }

 .about-us p {
     font-size: 14px
 }

 .abou-pg .home-tit {
     padding-top: 50px
 }

 .abou-pg .home-tit h2 span {
     font-size: 32px;
 }

 .abou-pg .home-tit p {
     font-size: 14px;
     padding-bottom: 15px;
 }

 .abou-pg .abo-memb {}

 .abou-pg .abo-memb ul li div {
     padding: 0px;
     padding-bottom: 20px;
 }

 .abou-pg .abo-memb ul li div img {
     width: 100%;
     margin: 0px;
 }

 .abou-pg .abo-memb ul li div h4 {
     font-size: 16px;
     font-weight: 700;
     padding-top: 20px;
 }

 .abou-pg .abo-memb ul li div p {
     padding: 0px 15px;
     font-size: 12px;
 }

 .abou-pg .about-ban {
     color: #fff;
 }

 .abou-pg .comunity-ban {
     color: #000;
 }

 /*-------------------------------------------------*/
 /* =  V2 HOME PAGE
/*-------------------------------------------------*/
 .h2-ban-ql {
     display: none;
     margin: 0 auto;
     width: 100%;
     position: relative;
     padding-top: 0px;
     margin-top: 50px;
 }

 .h2-ban-ql ul {
     margin: 0 auto;
     display: table;
 }

 .h2-ban-ql ul li {
     float: left;
     text-align: center;
 }

 .h2-ban-ql ul li div {
     border: 1px solid #485565;
     border-radius: 5px;
     position: relative;
     padding: 10px;
     width: 115px;
     margin: 0px 5px;
     transition: all 0.5s ease;
     background: #20344c80;
 }

 .h2-ban-ql ul li div:hover {
     background: #20344c;
     /* border: 1px solid #122338; */
     box-shadow: 0px 6px 21px -6px #0b1017;
 }

 .h2-ban-ql ul li div img {
     width: 32px;
 }

 .h2-ban-ql ul li div h5 {
     color: #fff;
     font-size: 11px;
     padding: 7px 0px 0px 0px;
     margin: 0px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .h2-ban-ql ul li div h5 span {
     display: block;
     font-size: 30px;
     font-weight: 300;
 }

 .h2-ban-ql ul li div a {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
 }

 .hom-h2-pri {
     background: #fff;
     padding: 70px 0 0px 0px;
     float: left;
     width: 100%;
 }

 .hom-h2-pri .tit h2 {}

 .hom-h2-pri .tit p {}

 .hom-h2-pri .pri-box {
     background: #fafcfd;
     border-radius: 10px;
     box-shadow: 0px 1px 10px 4px #68769229;
 }

 .hom-h2-pri .pri-box .c2 {
     background: #2140d7;
     border-radius: 10px 10px 0px 0px;
 }

 .hom-h2-pri .pri-box .c2 h4 {
     color: #fff;
     text-transform: capitalize;
     font-weight: 700;
 }

 .hom-h2-pri .pri-box .c2 p {
     color: #fff;
     font-size: 12px;
 }

 .hom-h2-pri ul li:nth-child(3) .pri-box {
     background: #445dd8;
     color: #fff;
     box-shadow: 0px 1px 10px 4px #68769229;
 }

 .hom-h2-pri ul li:nth-child(3) .pri-box .c4 ol li {
     color: #fff;
 }

 .hom-h2-pri .c4 ol li {
     font-size: 12px;
 }

 .hom-h2-pri .c4 ol li:before {}

 .hom-h2-pri:hover .c3 a {}

 .hom-h2-pri ul li:nth-child(3) .pri-box .c3 a {}

 /*--==================================================--*/
 .all-products {
     margin-top: -50px;
     padding-bottom: 150px;
 }

 .all-products .col-md-3 {
     padding-top: 30px;
 }

 .all-product-total {}

 .all-product-total ul {}

 .all-product-total ul li {
     float: left;
     width: 33.3333%;
 }

 .all-pro-box {
     border: 1px solid #002f3433;
     float: left;
     width: 100%;
     position: relative;
     background: #fff;
     transition: all 0.5s ease;
 }

 .all-pro-box:hover {
     box-shadow: 0px 9px 27px -16px #33333387;
     transform: translateY(-3px);
 }

 .all-pro-img {
     padding: 10px;
 }

 .all-pro-img img {
     width: 100%;
     height: 125px;
     object-fit: contain;
 }

 .all-product-total .all-pro-aut {
     display: none;
 }

 .all-product-total .all-pro-aut .auth {
     position: absolute;
     margin: -20px 0px 0px 12px;
 }

 .all-pro-txt {
     padding: 15px 15px 15px 15px;
     float: left;
     width: 100%;
     position: relative;
 }

 .all-pro-txt h4 {
     font-weight: 600;
     font-size: 14px;
     text-overflow: ellipsis;
     white-space: pre;
     overflow: hidden;
     float: left;
     width: 100%;
     color: #5c6369;
     padding-bottom: 0px;
 }

 .all-pro-txt .pri {
     padding: 0px;
     background: none;
     font-family: 'Quicksand', sans-serif;
     line-height: 32px;
     color: #5c6369;
     font-size: 14px;
 }

 .all-pro-txt .pri b {
     font-size: 21px;
     font-weight: 700;
     color: #000;
 }

 .all-pro-txt .links {
     z-index: 9;
     right: 94px;
     position: absolute;
     bottom: 44px;
 }

 .all-pro-txt .links a {
     float: left;
     font-size: 12px;
     font-weight: 600;
     padding: 4px 12px;
     border-radius: 50px;
     cursor: pointer;
     background: #ffd500;
     color: #000;
     display: inline-block;
     z-index: 2;
     position: absolute;
     width: 86px;
     text-align: center;
 }

 .all-pro-box .pro-view-full {
     position: absolute;
     left: 0px;
     top: 0px;
     right: 0px;
     bottom: 0px;
     /* background: #333; */
     z-index: 1;
 }

 .pro-rel-pro-box {
     float: left;
     width: 100%;
 }

 .pro-rel-pro-box h4 {
     color: #000;
     text-align: center;
     margin-top: 50px;
 }

 .pro-rel-pro-box .pro-eve-box {
     border: 1px solid rgba(0, 47, 52, 0.2);
     box-shadow: none;
 }

 .pro-rel-pro-box .pro-eve-box img {
     object-fit: contain;
     padding: 15px;
 }

 .pro-rel-pro-box .pro-eve-box span {}

 .pro-rel-pro-box .pro-eve-box h2 {
     color: #000;
     font-weight: 600;
     font-size: 15px;
 }

 .pro-rel-pro-box .us-ppg-com {
     padding-top: 0px;
 }

 .btn-ser-need-ani {
     background: #21d78d;
     color: #fff;
     padding: 10px 20px 10px 35px;
     border-radius: 33px;
     border: 0px solid #333;
     position: fixed;
     bottom: 10px;
     right: 20px;
     z-index: 9;
     cursor: pointer;
     font-size: 13px;
     font-weight: 700;
     font-family: 'Quicksand', sans-serif;
     box-shadow: 0 0 0 rgb(33, 215, 141);
     animation: pulse 1.5s infinite;
 }

 .btn-ser-need-ani:before {
     content: 'phone';
     color: #fff;
     margin: -1px 0px 0px -20px;
     font-size: 15px
 }

 .comity-all-user {
     padding: 60px 0px;
     float: left;
     width: 100%;
     margin-bottom: 0px;
 }

 .comity-all-user ul {}

 .comity-all-user ul li {
     float: left;
     width: 16.5%;
 }

 .comity-all-user ul li .pro-fol-gr {
     /* border: 1px solid #f9fcff; */
     /* background: #fff; */
     /* margin: 10px; */
     /* height: 221px; */
     /* padding: 15px 15px; */
     /* float: left; */
 }

 .comity-all-user ul li .pro-fol-gr:hover {
     box-shadow: none;
     background: #ebf8ff;
     border: 1px solid #ebf8ff;
     /* transform: translateY(-6px); */
     box-shadow: 0px 5px 28px -5px rgba(55, 63, 67, 0.45);
 }

 .comity-all-user ul li .pro-fol-gr:hover ol {
     transform: translateY(-10px);
 }

 .pro-fol-gr .count-li {
     opacity: 1;
     position: relative;
     background: none;
     padding: 0px 0px 15px 0px;
     display: table;
     /* border-top: 1px solid #dee4ea; */
     transform: translateY(0px);
     margin: 15px 0px 15px 0px;
     border-bottom: 1px solid #eaeef3;
     float: left;
     width: 100%;
 }

 .pro-fol-gr .count-li span {}

 .pro-fol-gr .count-li span b {
     color: #333;
     display: block;
     font-size: 16px;
     font-weight: 600;
 }

 .pro-fol-gr h4 {
     text-align: center;
     /* padding-left: 85px; */
 }

 .pro-fol-gr h4 b {}

 .pro-fol-gr ol li {
     width: 33.3333%;
     /* text-transform: capitalize; */
     letter-spacing: 1px;
 }

 .comity-all-user ul li .pro-fol-gr ol li b {}

 .comity-all-user ul li .pro-fol-gr span {
     cursor: pointer;
 }

 .pro-fol-gr .comm-viw-pro-btn {
     /* background: #008dff; */
     /* color: #fff; */
     /* font-weight: 600; */
     font-size: 10px;
     /* border-radius: 2px; */
     /* text-align: center; */
     /* cursor: pointer; */
     /* text-transform: uppercase; */
     /* display: inline-block; */
     /* letter-spacing: 0.5px; */
     position: absolute;
     top: 0px;
     right: 0px;
     left: 0px;
     bottom: 0px;
     width: 100%;
     height: 100%;
 }

 .pro-fol-gr .pro-pg-msg {
     float: left;
     width: 100%;
 }

 .pro-fol-gr .pro-pg-msg span {
     float: left;
     color: #2196F3;
     font-size: 12px;
     font-weight: 600;
     padding: 3px 10px;
     border-radius: 2px;
     text-transform: uppercase;
     width: auto;
     display: none;
 }

 .pro-fol-gr .pro-pg-msg span i {
     color: #2196F3;
     font-size: 14px;
     font-weight: 600;
     vertical-align: sub;
 }

 .pro-fol-gr .pro-pg-msg a,
 .pro-fol-gr .pro-pg-msg .userfollow {
     background: #c7e3ff;
     color: #0865d4;
     font-size: 12px;
     font-weight: 600;
     float: left;
     padding: 3px 10px;
     border-radius: 2px;
     display: block;
     width: 100%;
     text-align: center;
 }

 /*---================ LISTING MAP VIEW =================---*/

 .list-map {
     display: none;
 }

 .list-map {
     position: relative;
     float: left;
     width: 100%;
     margin-top: 52px;
 }

 .list-map .list-map-resu {
     float: left;
     width: 78%;
     height: 200px;
     margin-left: 22%;
 }

 .list-map .list-map-resu iframe {
     height: 100%;
     width: 100%;
 }

 #list-map-resu-view {}

 .list-map-filt .map-fi-view {
     padding: 0 11px 0 0;
     margin-bottom: 15px;
 }

 .list-map-filt .map-fi-view .ic-map-3 {
     color: #4274eb;
 }

 .list-map .list-map-filt {
     position: absolute;
     bottom: 0px;
     top: 0px;
     background: #0b253a;
     z-index: 12;
     width: 22%;
     left: 0px;
     right: 0px;
     padding: 50px 15px 15px 15px;
     box-shadow: 0px -5px 25px -8px rgba(42, 42, 42, 0.24);
     transition: all 0.5s ease;
 }

 .list-map .list-map-filt:before {
     content: 'filter_list';
     margin: 0px 0px 0px 10px;
     font-size: 24px;
     color: #fff;
     background: #4274eb;
     width: 32px;
     height: 32px;
     text-align: center;
     line-height: 33px;
     border-radius: 2px;
     left: 15px;
 }

 .mob-map-filt {
     position: fixed;
     left: 24px;
     top: 70px;
     z-index: 15;
     display: none;
 }

 .mob-map-filt i {
     font-size: 24px;
     color: #fff;
     background: #4274eb;
     width: 32px;
     height: 32px;
     text-align: center;
     line-height: 33px;
     border-radius: 2px;
 }

 .map-fi-com {
     float: left;
 }

 .map-fi-com select {
     font-size: 13px;
     height: 44px;
     color: #333;
     padding: 0px 8px;
     border: 1px solid #d1d1d1;
     width: 100%;
     border-radius: 2px;
     font-weight: 600;
     cursor: pointer;
 }

 .map-fi-com select option {}

 .map-fi-com {
     width: 100%;
     padding: 10px;
 }

 .map-fi-com .ic3 {
     color: #4274eb;
 }

 /*---================ NOTIFICATION POPUP =================---*/
 .pop-noti {
     width: 300px;
     position: fixed;
     z-index: 34;
     top: 68px;
     background: #fff;
     padding: 15px;
     border-radius: 3px;
     right: 1%;
     box-shadow: 0px 0px 16px 0px rgba(42, 42, 42, 0.16);
     transition: all 0.5s ease;
 }

 .pop-noti.act {
     right: 1%;
 }

 .pop-noti:hover span {
     background: #FFC107;
     color: #000;
 }

 .pop-noti img {
     width: 36px;
     height: 36px;
     object-fit: cover;
     border-radius: 50%;
     float: left;
 }

 .pop-noti h4 {
     font-size: 14.5px;
     font-weight: 600;
     margin: 0px;
     padding: 0px 0px 2px 50px;
 }

 .pop-noti p {
     font-size: 12px;
     color: #a4a4a4;
     margin: 0px;
     padding: 0px 0px 0px 50px;
 }

 .pop-noti span {
     position: absolute;
     right: 15px;
     top: 15px;
     background: #F44336;
     color: #fff;
     font-size: 11px;
     padding: 2px 10px;
     border-radius: 2px;
     text-transform: uppercase;
     transition: all 0.5s ease;
     letter-spacing: 1px;
 }

 .pop-noti a {
     position: absolute;
     left: 0px;
     right: 0px;
     width: 100%;
     height: 100%;
     top: 0px;
 }

 /*--============ MAP VIEW ============--*/
 .list-map-resu .gm-style-iw {
     padding: 0px;
     width: 260px;
     border: 2px solid #fff;
     border-radius: 15px;
 }

 .list-map-resu .gm-style-iw-d {
     float: left;
     width: 100%;
     overflow: hidden !important;
 }

 .list-map-resu .gm-ui-hover-effect {}

 .list-map-resu .gm-ui-hover-effect img {
     background: #fff;
     opacity: 1;
     border-radius: 50%;
     padding: 2px;
     width: 20px !important;
     height: 20px !important;
     margin: 6px !important;
 }

 .list-map-resu .gm-style-iw-d div {}

 .list-map-resu .gm-style-iw-d div br {
     display: none;
 }

 .list-map-resu .gm-style-iw-d div a {}

 .list-map-resu .gm-style-iw-d div a img {
     width: 100%;
     height: 130px;
     object-fit: cover;
 }

 .list-map-resu .gm-style-iw-d div a strong {
     display: block;
     color: #000;
     font-weight: 600;
     padding: 13px 13px 2px 13px;
     font-size: 15px;
     /* font-family: 'Quicksand', sans-serif; */
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: pre;
 }

 .list-map-resu .gm-style-iw-d div text {
     display: block;
     padding: 0px 13px 8px 13px;
     color: #566064;
     font-weight: 400;
     font-family: 'Poppins', sans-serif;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: pre;
     font-size: 12px;
     /* text-transform: lowercase; */
 }

 .list-map-resu .gm-style img {}

 .list-map-resu .gm-style img:has {}

 .list-map-resu .gm-style img:parent {}

 .list-map-filt .chosen-container.chosen-with-drop .chosen-drop {
     top: initial;
     bottom: 100%;
     border: 0px;
     border-radius: 5px 5px 2px 2px;
     padding: 6px;
 }

 .list-map-filt .chosen-container {
     height: auto;
     border: 1px solid #d1d1d1;
     width: 100% !important;
 }

 .list-map-filt .chosen-container-single .chosen-single span {
     margin-right: 0px;
     padding: 2px 0px 0px 10px;
     font-size: 13px;
     font-weight: 500;
     box-sizing: border-box;
     height: 33px
 }

 .list-map-filt .chosen-container-single .chosen-single {
     height: 33px;
     padding: 0px;
     line-height: 32px;
     border: 0px;
 }

 .list-map-filt .chosen-container-active .chosen-single {}

 .list-map-filt .chosen-container-single .chosen-drop {}

 .list-map-filt .chosen-container-single .chosen-search {}

 .list-map-filt .chosen-container-single .chosen-search-input {}

 .list-map-filt .chosen-container-single .chosen-results {
     padding: 0px;
 }

 .list-map-filt .chosen-container-single .chosen-results li {
     font-size: 13px;
     color: #2e3439;
 }

 .form-tip {
     opacity: 0;
     transition: all 0.5s ease;
 }

 .form-tip a {
     font-size: 11px;
     text-decoration: underline;
     right: 21px;
     top: 4px;
     position: absolute;
 }

 .form-group:hover .form-tip {
     opacity: 1;
 }

 .ui-menu .ui-menu-item-wrapper {
     display: block;
     font-size: 12px;
     color: #5f6871;
     border-bottom: 1px solid #f3f4f6;
     padding: 7px 14px;
     font-weight: 500;
 }

 .ui-menu .ui-menu-item-wrapper.ui-state-active {
     border: 0px solid #ededed;
     margin: 0px;
     background: #e5f3ff;
     color: #008eff;
 }

 .ui-menu .ui-menu-item-wrapper:hover {
     background: #e5f3ff;
     color: #008eff;
 }

 .str-full {
     float: left;
     width: 100%;
     /* display: none; */
 }


 /*--============ JOB ============--*/
 .all-jobs-ban {
     float: left;
     width: 100%;
     background: url('../images/all-job-bg.jpg') no-repeat;
     background-size: cover;
     padding: 100px 0px 175px 0px;
     margin-top: 55px;
     position: relative;
 }

 .all-jobs-ban:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     background: #364250b0;
     /* background: linear-gradient(to top,#0b4d8fc7,#125dbbbd 100%); */
 }

 .all-jobs-ban .ban-search {
     float: left;
     display: block;
     margin: initial;
     width: 65%;
     background: #0000007a;
     /* padding: 0px; */
     box-shadow: none;
 }

 .all-jobs-ban h1 {
     font-size: 50px;
     font-weight: 700;
     margin: 0px 0px 40px 0px;
     color: #fff;
     position: relative;
 }

 .all-jobs-ban .ban-search ul li.sr-sea {
     width: 50%;
     margin: 0px 1% 0px 0%;
 }

 .all-jobs-ban .ban-search ul li.sr-cit {
     display: block;
     margin: 0px 1% 0px 0%;
 }

 .all-jobs-ban .ban-search ul li.sr-btn {}

 .all-jobs-ban .ban-search ul li.sr-btn input {
     background: #1637f0;
 }

 .job-pop-tag {
     position: relative;
     float: left;
     width: 100%;
     padding: 25px 0px 45px 0px;
 }

 .job-pop-tag h4 {
     color: #fff;
     font-size: 18px;
     float: left;
     font-weight: 600;
     margin: 0px 10px 0px 0px;
     line-height: 28px;
 }

 .job-pop-tag a {
     background: #3503f494;
     color: #fff;
     font-size: 12.5px;
     padding: 2px 8px;
     border-radius: 3px;
     font-weight: 500;
 }

 .job-counts {
     position: relative;
     float: left;
     width: 100%;
 }

 .job-counts ul {}

 .job-counts ul li {
     float: left;
     padding: 0px 20px 0px 25px;
     border-right: 1px solid #ffffff2b;
 }

 .job-counts ul li:first-child {
     padding-left: 0px;
 }

 .job-counts ul li:last-child {
     border-right: 0px;
 }

 .job-counts ul li span {
     font-size: 47px;
     color: #fff;
     font-weight: 300;
     font-family: 'Quicksand', sans-serif;
 }

 .job-counts ul li h4 {
     font-size: 16px;
     color: #fff;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 2px;
 }

 .all-jobs {
     /* background: #fff; */
     float: left;
     width: 100%;
     /* margin-top: -50px; */
 }

 .all-jobs .row {
     /* box-shadow: none; */
     border-radius: 10px;
     background: #fff;
     position: relative;
 }

 .all-jobs .col-md-3 {
     background: #fff;
     border-radius: 10px 0 0 0;
     padding: 20px 0px 30px 25px;
 }

 .all-jobs .col-md-9 {
     background: #fff;
     border-radius: 0 10px 0 0;
 }

 .all-jobs .all-list-sh {
     background: #fff;
 }

 .job-list {
     padding-top: 25px;
 }

 .job-list ul {}

 .job-list ul li {
     margin-bottom: 15px;
     float: left;
     width: 100%;
 }

 .job-box {
     float: left;
     width: 100%;
     background: #fff;
     border: 1px solid #f0f0f0;
     padding: 10px;
     position: relative;
 }

 .job-box:hover .job-box-cta {
     background: #1bc96a;
 }

 .job-full-cta {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
 }

 .job-box-img {
     float: left;
     /* width: 20%;;width: calc(20% - 65px);
    /* width: 20%; */
     background: #e4e4e4;
     border-radius: 5px;
     width: 90px;
     position: relative;
     height: 123px;
     padding-top: 18px;
 }

 .job-box-img img {
     width: 90px;
     /* height: 125px; */
     padding: 12px;
     object-fit: contain;
 }

 .job-box-con {
     float: left;
     width: calc(100% - 90px);
     padding: 15px 5px 15px 25px;
 }

 .job-box-con h4 {
     font-weight: 600;
     font-size: 16px;
     color: #000;
 }

 .job-box-con span {
     font-size: 13px;
     color: #7187a2;
     padding-left: 20px;
     padding-right: 10px;
     font-weight: 500;
     float: left;
     line-height: 22px;
 }

 .job-box-con span:before {
     margin-left: -20px;
     color: #7187a2;
 }

 .job-ic-city:before {
     content: 'location_on';
 }

 .job-ic-type:before {
     content: 'timer';
 }

 .job-ic-open:before {
     content: 'supervisor_account';
 }

 .job-box-con .job-box-cta {
     background: #673AB7;
     color: #fff;
     font-size: 13px;
     padding: 7px 20px;
     border-radius: 3px;
     font-weight: 700;
     font-family: 'Quicksand', sans-serif;
     display: inline-block;
     margin-top: 10px;
     transition: all 0.5s ease;
     float: left;
 }

 .job-det-desc .job-box-con .job-box-cta {
     background: #246df8;
     padding: 7px 30px;
     cursor: pointer;
 }

 .job-top {
     padding-right: 25px;
     /* border-left: 1px solid#e4e4e4; */
     /* padding-left: 25px; */
 }

 .job-top h3 {
     font-size: 14px;
     color: #677b89;
     /* padding-left: 25px; */
     margin-bottom: 12px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .job-top ul {}

 .job-top ul li {
     padding-bottom: 10px;
     border-bottom: 1px solid #ededed;
     margin-bottom: 10px;
 }

 .job-top-box {
     position: relative;
     transition: all ease 0.5s
 }

 .job-top-box:hover {
     padding-left: 10px;
 }

 .job-top-box:hover h4 {
     color: #0961ea;
     text-decoration: underline;
 }

 .job-top-box img {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     object-fit: cover;
     float: left;
 }

 .job-top-box h4 {
     font-size: 13px;
     font-weight: 600;
     padding-left: 15px;
     margin-bottom: 0px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: pre;
 }

 .job-top-box .compny {
     padding-left: 16px;
     font-size: 11px;
     color: #333;
     font-weight: 500;
     display: table;
 }

 .job-top-box .city {
     font-size: 11px;
     color: #7187a2;
     padding-left: 5px;
 }

 .job-det-pg {
     background: #f5f5f5;
 }

 .job-det-desc {
     margin-top: -100px;
     background: #fff;
     position: relative;
     padding: 20px;
     border-radius: 5px 5px 0 0;
     color: #5d6781;
     box-shadow: 0px 0px 25px 0px rgba(42, 42, 42, 0.13);
 }

 .job-det-desc .lhs {
     float: left;
     width: 100%;
     padding: 0 2px;
 }

 .job-det-desc .tit {}

 .job-det-desc .tit .job-box {
     margin-bottom: 25px;
     /* padding: 0px; */
     /* border: 0px; */
     /* border-bottom: 1px solid #f0f0f0; */
     padding-bottom: 25px;
 }

 .job-det-desc .tit .job-box-img {}

 .job-det-desc .tit .job-box-con {
     width: 100%;
     padding-bottom: 0px;
     text-align: left;
     /* padding: 0px; */
 }

 .job-det-desc .alpply {
     float: left;
     width: 100%;
     padding: 15px 0px;
 }

 .job-det-desc .alpply .cta-app {
     padding: 12px 35px;
     border-radius: 3px;
     background: #246df8;
     color: #ffffff;
     font-size: 16px;
     border: 1px solid rgba(36, 109, 248, 0.15);
     font-weight: 600;
     display: inline-block;
     cursor: pointer;
 }

 .job-det-desc .desc {}

 .job-det-desc .desc p {
     font-size: 13px;
     line-height: 25px;
 }

 .job-det-desc .desc ul {}

 .job-det-desc .desc ul li {}

 .job-det-desc .desc span {}

 .job-det-desc .lhs h4 {
     font-size: 18px;
     font-weight: 700;
     /* padding-bottom: 8px; */
 }

 .job-det-desc .skills {
     padding-bottom: 25px;
 }

 .job-det-desc .skills h4 {
     padding-bottom: 8px;
 }

 .job-det-desc .skills ul li {
     color: #5d6781;
     font-size: 14px;
     padding-left: 20px;
     padding-bottom: 8px;
 }

 .job-det-desc .skills ul li:before {
     content: 'check';
     margin-left: -20px;
     background: #4CAF50;
     width: 15px;
     height: 15px;
     color: #fff;
     line-height: 15px;
     font-size: 10px;
     border-radius: 50%;
     font-weight: 600;
     padding: 1px 0px 0px 3px;
 }

 .job-det-desc .quali {}

 .job-det-desc .rhs {
     float: left;
     width: 100%;
     padding: 0px 25px 25px 25px;
     /* border: 1px solid #f0f0f0; */
     -webkit-box-shadow: 0 5px 5px 0 rgba(154, 160, 185, .05), 0 5px 30px 0 rgba(166, 173, 201, .22);
     box-shadow: 0 5px 5px 0 rgba(154, 160, 185, .05), 0 5px 30px 0 rgba(166, 173, 201, .22);
     background: #fff;
 }

 .job-det-desc .rhs h4 {
     font-size: 14px;
     color: #677b89;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.5px;
     padding-bottom: 10px;
 }

 .job-det-desc .job-summ {
     margin-bottom: 25px;
     padding-top: 25px;
     /* background: #fafafa; */
     /* padding: 25px 25px 15px 25px; */
     /* border: 1px solid #f0f0f0; */
     /* -webkit-box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22); */
     /* box-shadow: 0 5px 5px 0 rgba(154,160,185,.05), 0 5px 30px 0 rgba(166,173,201,.22); */
     /* background: #fff; */
 }

 .job-det-desc .job-summ .cta-app {
     padding: 7px 30px;
     border-radius: 3px;
     background: #246df8;
     color: #ffffff;
     font-size: 13px;
     border: 1px solid rgba(36, 109, 248, 0.15);
     font-weight: 600;
     display: inline-block;
     margin-top: 10px;
     cursor: pointer;
     /* text-transform: uppercase; */
     /* letter-spacing: 1px; */
 }

 .job-det-desc .job-summ ul {}

 .job-det-desc .job-summ ul li {
     font-size: 12px;
     color: #696d71;
     padding-bottom: 8px;
 }

 .job-det-desc .job-summ ul li span {
     font-weight: 600;
     width: 118px;
     display: inline-block;
     color: #333;
 }

 .job-det-desc .map {
     margin-bottom: 25px;
 }

 .job-det-desc .map iframe {
     border: 0px;
     width: 100%;
     height: 150px;
 }

 .job-det-desc .shar {}

 .job-det-desc .shar ul {}

 .job-det-desc .shar ul li {
     float: left;
 }

 .job-det-desc .shar ul li a {}

 .job-det-desc .shar ul li a img {
     width: 26px;
     margin-right: 5px;
 }

 .job-det-pg-ban {
     float: left;
     width: 100%;
     background: url(../images/all-job-bg.jpg) no-repeat;
     padding: 40px 0px 130px 0px;
     margin-top: 55px;
     position: relative;
 }

 .job-det-pg-ban:before {
     background: #364250b0;
 }

 .job-comp-pro {}

 .job-comp-img {}

 .job-comp-img img {}

 .job-det-desc .s1,
 .job-det-desc .s2,
 .job-det-desc .s3 {
     float: left;
 }

 .job-det-desc .s1 {
     width: 25%;
     padding-right: 30px;
 }

 .job-det-desc .s3 .job-top {
     float: left;
     width: 100%;
     padding: 25px;
     margin-top: 25px;
 }

 .job-det-desc .s1 .job-lhs-tit {
     font-size: 14px;
     color: #677b89;
     /* padding-left: 25px; */
     margin-bottom: 12px;
     font-weight: 700;
     text-transform: uppercase;
     letter-spacing: 0.5px;
 }

 .job-det-desc .s1 .job-comp-pro {
     border: 1px solid #f4f4f4;
     /* background: #f0f0f0; */
     text-align: center;
     padding: 15px;
     border-radius: 5px;
     margin-bottom: 20px;
 }

 .job-det-desc .s1 .job-comp-img {}

 .job-det-desc .s1 .job-comp-img img {
     width: 100%;
 }

 .job-det-desc .s2 {
     width: 50%;
     padding-right: 30px;
 }

 .job-det-desc .s3 {
     width: 25%;
 }

 .job-comp-soc {}

 .job-comp-soc ul {}

 .job-comp-soc ul li {
     font-size: 12px;
     font-weight: 500;
     color: #000;
     padding-left: 25px;
     margin-bottom: 8px;
 }

 .job-comp-soc ul li a {}

 .job-comp-soc ul li:before {
     margin: -4px 0px 0px -25px;
 }

 .job-comp-abo {
     border-top: 1px solid #f4f4f4;
     padding: 15px 0px;
     margin: 20px 0;
     border-bottom: 1px solid #f4f4f4;
 }

 .job-comp-abo p {
     font-size: 12px;
     line-height: 22px;
     margin: 0px;
 }

 .dir-hide {
     display: none;
 }

 /*--===== MESSAGE WINDOW =====--*/
 .pop-mess {
     transition: all 0.5s ease;
     border: 1px solid #f9fcff;
     background: #fff;
     padding: 15px 15px;
     box-shadow: 0px 1px 11px -2px #737373c9;
     position: fixed;
     bottom: 15px;
     right: -500px;
     z-index: 12;
     border-radius: 10px;
     width: 350px;
 }

 .pop-mess.comm-msg-show {
     right: 20px;
 }

 .pop-mess .con {}

 .pop-mess .s1 {
     float: left;
     width: 100%;
 }

 .pop-mess .s1 img {
     width: 50px;
     height: 50px;
     border-radius: 50%;
     object-fit: cover;
     float: left;
 }

 .pop-mess .s1 h4 {
     font-size: 12px;
     float: left;
     padding: 0px 0px 0px 12px;
     color: #969696;
 }

 .pop-mess .s1 h4 b {
     display: block;
     font-size: 16px;
     text-transform: capitalize;
     color: #000;
 }

 .pop-mess .s2 {
     float: left;
     width: 100%;
 }

 .pop-mess .s2 h4 {
     font-size: 10px;
     text-transform: uppercase;
     padding: 10px 0px;
     margin-bottom: 0px;
 }

 .pop-mess .s2 h4 b {}

 .pop-mess .s2 .chosen-container {
     margin-bottom: 10px;
     border: 1px solid #f1eae5;
     height: 34px;
     border-radius: 5px;
 }

 .pop-mess .s2 .chosen-choices {
     height: 32px;
     padding-top: 0px;
     font-size: 13px;
     line-height: 20px;
     color: #7a7b7f;
     border-radius: 5px;
 }

 .pop-mess .s3 {
     float: left;
     width: 100%;
     margin-bottom: 10px;
 }

 .pop-mess .s3 textarea {
     height: 120px;
     padding: 10px;
     font-size: 13px;
     line-height: 20px;
     color: #7a7b7f;
     border-radius: 5px;
 }

 .pop-mess .s4 {}

 .pop-mess .s4 button {
     color: #fff;
     font-size: 12px;
     font-weight: 600;
     padding: 6px 20px;
     border-radius: 2px;
     text-transform: uppercase;
     background: #2196F3;
     border: 0px;
     letter-spacing: 1px;
     /* float: right; */
 }

 .pop-mess .s4 button i {
     font-size: 13px;
     font-weight: 500;
     vertical-align: bottom;
     line-height: 18px;
 }

 .pop-mess .s5 {}

 .pop-mess .s5 .comm-msg-pop-clo,
 .comm-msg-pop-clo1,
 .comm-msg-pop-clo2 {
     position: absolute;
     right: 6px;
     top: 6px;
     cursor: pointer;
 }

 .pop-mess .s5 .comm-msg-pop-clo i,
 .comm-msg-pop-clo1 i,
 .comm-msg-pop-clo2 i {
     color: #a6a6a6;
     background: #ededed;
     padding: 2px;
     box-sizing: border-box;
     border-radius: 50px;
     font-size: 16px;
 }

 /*--===== DASHBOARD MESSAGE =====--*/
 .mess-dash {}

 .mess-tit {
     padding-bottom: 10px;
     float: left;
     width: 100%;
 }

 .mess-tit div {
     font-size: 13px;
     float: left;
     font-weight: 600;
 }

 .mess-tit .s1 {
     width: 3%;
     display: none;
 }

 .mess-tit .s2 {
     width: 20%;
 }

 .mess-tit .s3 {
     width: 63%;
 }

 .mess-tit .s4 {
     width: 8%;
 }

 .mess-tit .s5 {
     width: 6%;
 }

 .mess-tit .s6 {
     width: 6%;
 }

 .mess-bd {
     float: left;
     width: 100%;
 }

 .mess-bd .main {
     float: left;
     width: 100%;
     border-bottom: 1px solid #e9e9e9;
     padding: 10px 0px;
 }

 .mess-bd .se1 {
     font-size: 13px;
     float: left;
     width: 100%;
     cursor: pointer;
     z-index: 5;
     font-family: 'Poppins', sans-serif;
 }

 .mess-bd .se1 div {
     float: left;
 }

 .mess-bd .se1 .s1 {
     width: 3%;
     display: none;
 }

 .mess-bd .se1 .s2 {
     font-weight: 600;
     font-size: 13px;
     width: 20%;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     padding-right: 15px;
     font-family: 'Poppins', sans-serif;
 }

 .mess-bd .se1 .s2 img {
     width: 42px;
     height: 42px;
     border-radius: 50%;
     object-fit: cover;
     float: left;
     margin-right: 15px;
     /* border: 2px solid #ffffff; */
     /* box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2); */
 }

 .mess-bd .se1 .s2 span {
     display: block;
     font-size: 10px;
     font-weight: 400;
 }

 .mess-bd .se1 .s3 {
     width: 80%;
     font-size: 12px;
     font-weight: 500;
     color: #4a4d54;
     padding-top: 5px;
 }

 .mess-bd .se1 .s4 {
     width: 8%;
 }

 .mess-bd .se1 .s4 a {
     background: #2196F3;
     color: #fff;
     border: 1px solid #2093ef;
 }

 .mess-bd .se1 .s5 {
     width: 6%;
 }

 .mess-bd .se1 .s6 {
     width: 6%;
 }

 .mess-bd .se1 .s5 a {}

 .mess-bd .se2 {
     float: left;
     width: 100%;
     padding: 15px 0px 7px 0px;
     display: none;
     position: relative;
 }

 .mess-bd .se2:before {
     content: '';
     position: absolute;
     width: 1px;
     height: 71%;
     background: #e0e0e0;
     left: 6.8%;
     top: 35px;
 }

 .mess-bd .se2 .mag-thrd {
     float: left;
     width: 100%;
     padding: 8px 0px 8px 5%;
     position: relative;
 }

 .mess-bd .se2 .mag-thrd .s1 {
     font-weight: 600;
     font-size: 12px;
     float: left;
     width: 17%;
 }

 .mess-bd .se2 .mag-thrd .s1 img {
     width: 36px;
     height: 36px;
     border-radius: 50%;
     object-fit: cover;
     float: left;
     margin-right: 15px;
     border: 4px solid #ffffff;
     box-shadow: 0px 2px 8px 0px rgba(20, 20, 20, 0.2);
 }

 .mess-bd .se2 .mag-thrd .s1 span {
     display: block;
     font-size: 10px;
     font-weight: 400;
 }

 .mess-bd .se2 .mag-thrd .s2 {
     font-size: 12px;
     float: left;
     width: 80%;
     padding-left: 6px;
 }

 /*-- TOOL TIP --*/
 .ttip-com {
     position: absolute;
     z-index: 9;
 }

 .ttip-com i {
     width: 20px;
     height: 20px;
     background: #dde8fd;
     border-radius: 50px;
     color: #4d84ec;
     font-size: 15px;
     padding: 2px;
 }

 .ttip-com:hover div {
     opacity: 1;
 }

 .ttip-com div {
     background: #354558;
     color: #fff;
     font-size: 12px;
     padding: 10px;
     border-radius: 5px;
     opacity: 0;
     transition: all 0.5s ease;
     margin: -25px 0px 0px 28px;
     position: relative;
 }

 .ttip-com div:before {
     content: '';
     position: absolute;
     width: 10px;
     height: 10px;
     background: #354558;
     transform: rotateZ(45deg);
     left: -4px;
     top: 10px;
 }

 .add-list-map .ttip-com {
     margin: -48px 0px 0px 402px;
 }


 .responsive-table {
     border-radius: 5px;
     font-size: 12px;
     font-weight: normal;
     border: none;
     border-collapse: collapse;
     width: 100%;
     max-width: 100%;
     white-space: nowrap;
     background-color: white;
 }

 .responsive-table td,
 .responsive-table th {
     padding: 8px;
 }



 .responsive-table td {
     border-right: 1px solid #f8f8f8;
     font-size: 12px;
 }

 .responsive-table thead th {
     /* color: #ffffff; */
     /* background: #4FC3A1; */
 }


 .responsive-table thead th:nth-child(odd) {
     /* color: #ffffff; */
     /* background: #324960; */
 }

 .responsive-table tr:nth-child(even) {
     background: #F8F8F8;
 }

 /*--====== COUPONS ========--*/
 .coup-sec,
 .coup-sec1 {
     float: left;
     width: 100%;
 }

 .coup-sec1 img {
     width: 100%;
     float: left;
 }

 .coup-sec2 {
     float: left;
     width: 100%;
     text-align: center;
     padding-bottom: 50px;
 }

 .coup-sec2 h1 {
     font-size: 42px;
     font-weight: 700;
     line-height: 48px;
 }

 .coup-sec2 p {
     font-size: 14px;
     color: #787984;
 }

 .coup-sec2 span {}

 .coup-sec2 span:before {
     content: 'search';
     z-index: 1;
     margin: 13px 0px 0px 25px;
     font-size: 22px;
 }

 .coup-sec2 input {
     border-radius: 30px;
     box-shadow: 0 5px 41px -14px rgba(60, 63, 66, .32);
     color: #40454a;
     max-width: 100%;
     min-height: 56px;
     position: relative;
     top: 0;
     width: 384px;
     padding: 10px 10px 10px 60px;
     border: 1px solid #e9e9ef;
     font-weight: 600;
     font-family: 'Quicksand', sans-serif;
     transition: all 0.5s ease;
     background: #fff;
 }

 .coup-sec2 input:focus {
     border: 1px solid #c3c9d2;
     box-shadow: 0 14px 29px -9px rgb(60 63 66 / 32%);
     background: #ffffff;
 }

 .coup-sec3 {
     float: left;
     width: 100%;
     margin-bottom: 150px;
 }

 .coup-sec3 ul {}

 .coup-sec3 ul li {
     float: left;
     width: 33.333%;
     padding: 15px;
 }

 .coup-sec-log {
     text-align: center;
     margin: 0 auto;
     display: table;
     width: 80%;
     border-radius: 5px;
     padding: 25px;
     transition: all 0.5s ease;
     border: 3px dashed #fba606;
     box-shadow: 0px 12px 18px -9px #33333394;
     margin-bottom: 180px;
 }

 .coup-sec-log h4 {
     font-size: 28px;
     font-weight: 700;
     line-height: 48px;
 }

 .coup-sec-log p {
     font-size: 16px;
     line-height: 28px;
     color: #79797b;
 }

 .coup-sec-log a {
     background: #4634b5;
     background: linear-gradient(to right, #3b33b2, #aa35ce);
     color: #fff;
     font-size: 15px;
     font-weight: 500;
     padding: 12px 45px;
     display: inline-block;
     border-radius: 50px;
     cursor: pointer;
 }

 .coup-box {
     float: left;
     width: 100%;
     box-shadow: 0px 1px 14px -4px #33333352;
     border-radius: 5px;
     padding: 15px;
     border: 2px dashed #ededf1e0;
     transition: all 0.5s ease;
     height: 195px;
     position: relative;
     overflow: hidden;
 }

 .coup-box-1 {
     float: left;
     width: 90%;
     position: absolute;
     transition: all 0.5s ease;
 }

 .coup-box:hover {
     border: 2px dashed #4734b5;
     box-shadow: 0px 12px 18px -9px #33333394;
     transform: translateY(-3px);
 }

 .coup-box.act .coup-box-1 {
     transform: translateX(-110%);
 }

 .coup-box.act .coup-box-2 {
     transform: translateX(0%);
 }

 .coup-box:hover .coup-box-1 .s2 .rhs .get-coup-btn {}

 .coup-box-1 .s1 {
     float: left;
     width: 100%;
     border-bottom: 1px solid #d8d8d8;
     padding-bottom: 15px;
     margin-bottom: 15px;
 }

 .coup-box-1 .s1 .lhs {
     float: left;
     width: 75px;
 }

 .coup-box-1 .s1 .lhs img {
     width: 65px;
     border-radius: 5px;
     object-fit: cover;
 }

 .coup-box-1 .s1 .rhs {
     float: left;
     width: 70%;
     width: calc(100% - 75px);
 }

 .coup-box-1 .s1 .rhs h4 {
     font-size: 16px;
     font-weight: 700;
     padding: 10px 5px 5px 5px;
     line-height: 20px;
     height: 55px;
     overflow: hidden;
 }

 .coup-box-1 .s2 {
     float: left;
     width: 100%;
 }

 .coup-box-1 .s2 .lhs {
     float: left;
     width: 60%;
 }

 .coup-box-1 .s2 .lhs span {
     font-size: 11px;
     font-weight: 500;
     color: #474858;
     text-transform: uppercase;
     letter-spacing: 1px;
 }

 .coup-box-1 .s2 .lhs h6 {
     color: #000;
     font-weight: 700;
     font-size: 14px;
     margin-bottom: 5px;
     line-height: 20px;
 }

 .coup-box-1 .s2 .lhs a {
     font-size: 10px;
     font-weight: 500;
     line-height: 12px;
     float: left;
 }

 .coup-box-1 .s2 .rhs {
     float: left;
     width: 40%;
     padding-top: 10px;
 }

 .coup-box-1 .s2 .rhs .get-coup-btn {
     background: #4634b5;
     /* fallback for old browsers */
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #3b33b2, #aa35ce);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     color: #fff;
     font-size: 14px;
     font-weight: 500;
     padding: 6px 15px;
     display: inline-block;
     float: right;
     border-radius: 50px;
     cursor: pointer;
 }

 .coup-box-2 {
     float: left;
     width: 90%;
     position: absolute;
     transition: all 0.5s ease;
     transform: translateX(110%);
     text-align: center;
     padding: 10px 0px 0px;
     height: 85%;
 }

 .coup-box-2 h4 {
     color: #4634b5;
     font-weight: 700;
     font-size: 18px;
 }

 .coup-box-2 p {
     font-size: 11.5px;
     margin-bottom: 0px;
     font-weight: 400;
     color: #28292b;
     line-height: 16px;
     padding-top: 5px;
     padding: 5px 30px 5px 30px;
 }

 .coup-box-2 span {
     font-size: 12px;
     font-weight: 500;
     color: #0056b3;
     cursor: pointer;
     padding-left: 20px;
     position: absolute;
     right: 0px;
     bottom: 0px;
 }

 .coup-box-2 span:before {
     content: 'arrow_back';
     margin: -4px 0px 0px -20px;
     color: #0056b3;
     font-weight: 600;
 }

 .coup-box-2 i {
     font-size: 30px;
     font-weight: 800;
     display: block;
     font-style: normal;
     /* letter-spacing: 1px; */
 }

 .coup-box-2 a {
     background: #4634b5;
     /* fallback for old browsers */
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #3b33b2, #aa35ce);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
     color: #fff;
     font-size: 12px;
     font-weight: 500;
     padding: 4px 15px;
     display: inline-block;
     /* float: right; */
     border-radius: 50px;
     cursor: pointer;
 }

 .db-coupons {
     float: left;
     width: 100%;
     padding-top: 35px;
 }

 .db-coupons ul {}

 .db-coupons ul li {
     float: left;
     width: 100%;
     border-bottom: 1px solid #e6e5e5;
     padding-bottom: 20px;
     margin-bottom: 25px;
 }

 .db-coup-lhs {
     float: left;
     width: 50%;
 }

 .db-coup-rhs {
     float: left;
     width: 50%;
     padding: 0px 0px 0px 50px;
 }

 .db-coup-rhs h5 {
     /* padding-bottom: 15px; */
     position: relative;
 }

 .db-coup-rhs h5 b {
     font-size: 50px;
     font-weight: 700;
     position: absolute;
 }

 .db-coup-rhs h5 span {
     font-size: 16px;
     padding: 6px 0px 0px 90px;
     display: block;
 }

 .db-coup-rhs ol {
     padding: 20px 0px 0px 0px;
     float: left;
     width: 100%;
 }

 .db-coup-rhs ol li {
     margin: 0px;
     padding: 3px 0px;
     border: 0px;
     font-size: 12.5px;
     font-weight: 500;
     color: #8b909e
 }

 .db-coup-rhs ol li b {
     color: #54575f;
 }

 .db-coup-rhs ol li a {
     border: 1px solid #007bff;
     padding: 1px 8px;
     border-radius: 3px;
     margin: 5px 5px 5px 0px;
     display: inline-block;
     font-size: 12px;
     font-weight: 500;
 }

 .inp-ttip {
     position: absolute;
     background: #caffd3;
     width: 250px;
     padding: 10px;
     z-index: 9;
     border-radius: 5px;
     font-size: 12px;
     box-shadow: 0px 9px 10px -13px #333;
     border: 1px solid #adf3b9;
     margin-top: 10px;
     line-height: 18px;
     font-weight: 400;
     display: none;
 }

 .inp-ttip b {}

 .inp-ttip:before {
     content: '';
     width: 9px;
     height: 9px;
     border: 1px solid #adf3b9;
     background: #caffd3;
     left: 10px;
     top: -5px;
     transform: rotate(45deg);
     border-bottom: 0px;
     border-right: 0px;
 }

 /*--====== COMPANY PROFILE ========--*/
 .comp-pro-pg {}

 .com-pro-pg-head {
     position: fixed;
     background: #fff;
     width: 100%;
     top: 0px;
     left: 0;
     right: 0px;
     box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
     z-index: 10;
 }

 .db-unfol-user {
     position: relative;
     float: left;
     width: 100%;
 }

 .comp-head {
     width: 100%;
     padding: 10px 0px;
 }

 .com-pro-pg-head img {
     max-width: 200px;
     float: left;
     object-fit: cover;
     height: 40px;
 }

 .com-pro-pg-head ul {
     float: right;
     margin-top: 2px;
 }

 .com-pro-pg-head ul li {
     float: left;
     display: inline-block;
 }

 .com-pro-pg-head ul li a {
     color: #333;
     font-size: 14px;
     font-weight: 500;
     padding: 8px;
     line-height: 28px;
 }

 .com-pro-pg-head ul li:last-child a {
     background: #6a8cbf;
     color: #fff;
     padding: 5px 20px;
     border-radius: 2px;
     margin-left: 8px;
 }

 .com-pro-pg-banner {}

 .com-pro-pg-banner img {
     width: 100%;
     float: left;
     height: 400px;
     object-fit: cover;
 }

 .com-pro-pg-bd {
     float: left;
     width: 100%;
     background: #f1f4f7;
 }

 .com-pro-pg-bd .templ-rhs-form .form-group textarea {
     height: 110px;
 }

 .com-pro-pg-bd .templ-rhs-form form {
     margin-bottom: 0px;
 }

 .comp-tax {
     float: left;
     width: 100%;
     margin-top: 15px;
 }

 .comp-tax p {
     margin: 0px;
     border: 1px solid #c2def5;
     border-radius: 2px;
     padding: 10px;
     background: #ecf9ff;
     color: #0c6ab5;
     font-weight: 500;
     font-size: 18px;
 }

 .comp-tax p b {
     font-weight: 600;
     text-transform: uppercase;
 }

 .box-s1 {
     float: left;
     width: 100%;
     box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
     background: #fff;
     border-radius: 2px;
     margin-top: -125px;
     margin-bottom: 50px;
 }

 .pro-pg-logo {
     float: left;
     width: 23%;
     padding: 20px;
 }

 .pro-pg-logo img {
     width: 100%;
 }

 .pro-pg-bio {
     float: left;
     width: 57%;
     padding: 30px;
 }

 .pro-pg-bio h1 {
     font-size: 34px;
     font-weight: 600;
     padding-bottom: 10px;
 }

 .pro-pg-bio h1 i img {
     filter: hue-rotate(40deg);
     width: 32px;
     border: 1px solid #ededed;
     border-radius: 50px;
     height: 32px;
     padding: 5px;
     margin-top: -20px;
 }

 .pro-pg-bio .bio {}

 .pro-pg-bio .bio li {
     float: left;
     width: 50%;
     padding: 0px 10px 10px 0px;
 }

 .pro-pg-bio .bio li:first-child {
     width: 100%;
 }

 .pro-pg-bio .bio li span {
     font-size: 15px;
     color: #5f6673;
     font-weight: 500;
 }

 .pro-pg-bio .bio li span img,
 .pro-pg-bio .bio li a img,
 .pro-pg-bio .bio li img {
     width: 16px;
     margin-right: 5px;
     opacity: 0.8;
 }

 .pro-pg-bio .bio li a,
 .pro-pg-bio .bio li {
     font-size: 15px;
     color: #5f6673;
     font-weight: 500;
 }

 .pro-pg-bio .bio li a:hover {
     color: #0a77ff;
 }

 .pro-pg-bio .bio li a img {
     /* margin-right: 5px; */
 }

 .pro-pg-bio .soc {
     padding-top: 10px;
     float: left;
     display: inline-block;
     width: 100%;
 }

 .pro-pg-bio .soc li {
     float: left;
     margin: 0px 5px 5px 0px;
 }

 .pro-pg-bio .soc li a {}

 .pro-pg-bio .soc li a img {
     width: 28px;
     background: #eceff3;
     padding: 6px;
     border-radius: 5px;
     opacity: 0.7;
     transition: all 0.5s ease;
 }

 .pro-pg-bio .soc li a:hover img {
     opacity: 1;
     background: #cee8f7;
     /* filter: invert(1); */
 }

 .pro-pg-cts {
     float: left;
     width: 20%;
     padding: 40px 25px 25px 0px;
 }

 .pro-pg-cts a {
     color: #fff;
     padding: 10px 20px;
     border-radius: 2px;
     display: block;
     text-align: center;
     font-weight: 600;
     margin-bottom: 10px;
     font-size: 13px;
 }

 .pro-pg-cts a.cta1 {
     background: #f44336;
 }

 .pro-pg-cts a.cta2 {
     background: #5a6a7b;
 }

 .pro-pg-cts a.cta3 {
     background: #37b30e;
 }



 .box-s2 {
     padding-bottom: 50px;
     margin-bottom: 150px;
 }

 .box-s2 .lhs {
     float: left;
     width: 68%;
     box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%);
     background: #fff;
     padding: 30px;
     margin-right: 4%;
 }

 .box-s2 .lhs .comp-abo {
     padding-bottom: 20px;
 }

 .box-s2 .lhs .comp-abo h2 {
     font-size: 22px;
     font-weight: 600;
     padding-bottom: 15px;
 }

 .box-s2 .lhs .comp-abo h1 {
     font-size: 24px;
 }

 .box-s2 .lhs .comp-abo h3 {
     font-size: 19px;
 }

 .box-s2 .lhs .comp-abo h4 {
     font-size: 16px;
 }

 .box-s2 .lhs .comp-abo h5 {
     font-size: 14px;
 }

 .box-s2 .lhs .comp-abo h6 {
     font-size: 12px;
 }

 .box-s2 .lhs .comp-abo p {
     font-size: 14px;
     color: #5f6673;
     line-height: 28px;
 }

 .box-s2 .lhs .comp-pro {
     float: left;
     width: 100%;
     padding-bottom: 35px;
 }

 .box-s2 .lhs .comp-pro h2 {
     font-size: 22px;
     font-weight: 600;
     padding-bottom: 15px;
 }

 .box-s2 .lhs .comp-pro .all-pro-box {
     width: 32.3%;
     margin: 0.5%;
 }

 .box-s2 .lhs .comp-pro .land-pack-grid {
     width: 32.3%;
     margin: 0.5%;
     float: left;
 }

 .box-s2 .lhs .comp-pro .eve-box div:nth-child(1) img {
     height: 180px;
 }

 .box-s2 .rhs {
     float: left;
     width: 28%;
     /* box-shadow: 0px 8px 18px -8px rgb(42 42 42 / 12%); */
     /* background: #fff; */
     /* padding: 30px; */
     border-radius: 10px;
     position: relative;
 }

 .box-s2 .rhs .cpro-form {
     position: relative;
     /* width: 100%; */
     /* bottom: 0px; */
     /* top: 0px; */
     height: 100%;
 }

 .box-s2 .rhs .cpro-form .templ-rhs-eve {
     /* width: 100%; */
     position: sticky;
     top: 65px;
 }

 .comp-pro-edit {}

 .comp-pro-edit h6 {
     color: #333;
     font-weight: 700;
     padding: 0px 0px 5px 0px;
     font-size: 16px;
 }

 .edit-comp-pro {
     background: #edf6fd;
 }

 .edit-comp-pro:before {
     opacity: 0;
 }

 .edit-comp-pro .login-main {
     box-shadow: 0 5px 5px 0 rgba(154, 160, 185, .05), 0 5px 30px 0 rgba(166, 173, 201, .22);
 }

 /*--  SEARCH --*/
 .tser-res {
     position: absolute;
     background: #fff;
     box-shadow: 0px 10px 13px 1px #3333331a;
     width: 100%;
     border-radius: 4px;
     margin: 0px 0px 0px 0px;
     /* padding: 12px; */
     /* display: none; */
     max-height: 300px;
     overflow-y: auto !important;
     border: 1px solid #e1e3e8;
     border-top: 0px;
     padding: 4px 0px 0px 0px;
     transform: translateY(10px);
     transition: all 0.5s ease;
     visibility: hidden;
     opacity: 0;
 }

 .tser-res.act {
     transform: translateY(0px);
     transition: all 0.5s ease;
     visibility: visible;
     opacity: 1;
     z-index: 1;
     width: 100%;
     border-radius: 0px 0px 4px 4px;
     margin-top: -2px;
 }

 .top-ser .tser-res.act {
     width: 100%;
 }

 .tser-res li {
     list-style-type: none;
     /* padding-bottom: 5px; */
     width: 100%;
 }

 .tser-res li:last-child {
     padding-bottom: 0px;
 }

 .tser-res li div {
     display: block;
     font-size: 12px;
     color: #5f6871;
     border-bottom: 1px solid #f3f4f6;
     padding: 7px 14px;
     font-weight: 500;
     position: relative;
 }

 .tser-res li div h4 {
     font-size: 13px;
     margin-bottom: 2px;
     font-weight: 600;
     color: #03a9f4;
 }

 .tser-res li a em {
     font-style: normal;
     color: #008eff;
 }

 .tser-res li div:hover {
     background: #e5f3ff;
     color: #008eff;
     cursor: pointer;
 }

 .tser-res li.selected a {
     background: #e5f3ff;
     color: #008eff;
 }

 .tser-res li div span {
     font-size: 10px;
     display: block;
     text-transform: lowercase;
     color: #818a94;
 }

 .tser-res li div a {}

 .tser-res li div.match h5,
 .tser-res li div.match span {}

 /*-------------------------------------------------*/
 /* =  EBOOK STYLES
/*-------------------------------------------------*/
 .ebk-ban {
     background: url('../images/ebook-bg.jpg') no-repeat #ededed;
     background-size: cover;
     margin-top: 52px;
     padding: 50px 0px;
     position: relative;
 }

 .ebk-ban:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0px;
     right: 0px;
     top: 0px;
     bottom: 0px;
     background: #4b90cc;
     /* fallback for old browsers */
     background: -webkit-linear-gradient(to top, #267ecfe6 14%, #1779d3ba 66%);
     /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to top, #134b7d9c 14%, #0e65b473 66%);
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .ebk-ban .container {
     position: relative;
 }

 .ebk-ban .lhs {
     float: left;
     width: 65%;
     padding: 50px 50px 50px 100px;
 }

 .ebk-ban .lhs h1 {
     color: #fff;
     font-size: 52px;
     font-weight: 700;
     line-height: 60px;
     padding-bottom: 20px;
 }

 .ebk-ban .lhs p {
     font-size: 18px;
     font-weight: 500;
     padding-bottom: 10px;
     color: #fff;
 }

 .ebk-ban .lhs a.btn {
     background: #ffc107;
     color: #000;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 700;
     padding: 12px 30px;
     line-height: 20px;
     border-radius: 4px;
     letter-spacing: 2px;
 }

 .ebk-ban .lhs a.btn:hover {
     background: #c6ec07;
     box-shadow: 0px 9px 15px -3px #333;
 }

 .ebk-ban .rhs {
     float: left;
     width: 35%;
     padding-right: 100px;
 }

 .ebk-ban .rhs img {
     width: 100%;
     filter: drop-shadow(0px 1px 19px #333);
 }

 .ebk-con {
     padding: 50px 0px;
     margin-bottom: 100px;
 }

 .ebk-con .lhs {
     float: left;
     width: 35%;
     padding: 0px 20px 50px 80px;
 }

 .ebk-con .lhs h4 {
     text-align: center;
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 700;
     letter-spacing: 1px;
     padding-bottom: 15px;
 }

 .ebk-con .lhs form {
     background: #f5f7fb;
     padding: 30px;
     border-radius: 5px;
     position: sticky;
     top: 50px;
     box-shadow: 0px 1px 19px #383b402b;
     border: 1px solid #e0e2e4;
 }

 .ebk-con .lhs form input,
 .ebk-con .lhs form select,
 .ebk-con .lhs form textarea {
     border: 1px solid #e8e8e8;
     background: #fff;
     font-size: 13px;
     line-height: 20px;
     color: #7a7b7f;
     border-radius: 5px;
 }

 .ebk-con .lhs form input {}

 .ebk-con .lhs form select {}

 .ebk-con .lhs form textarea {
     height: 90px;
 }

 .ebk-con .lhs form .btn {
     width: 100%;
     background: #fb5a4e;
     border: 0px;
     font-weight: 500;
     font-size: 14px;
     padding: 10px;
 }

 .ebk-con .rhs {
     float: left;
     width: 65%;
     padding: 0px 100px 50px 50px;
 }

 .ebk-con .rhs h1 {}

 .ebk-con .rhs h2 {}

 .ebk-con .rhs h3 {}

 .ebk-con .rhs h4 {
     font-size: 24px;
     font-weight: 600;
     font-weight: 600;
 }

 .ebk-con .rhs h5 {}

 .ebk-con .rhs p,
 .ebk-con .rhs li {
     font-size: 15px;
     line-height: 26px;
     color: #5b5d61;
 }

 .ebk-con .rhs img {
     width: 100%;
     margin: 5px 0px;
     border-radius: 2px;
 }

 .ebk-con .rhs p a {}

 .ebk-con .rhs ul {
     position: relative;
     padding: 8px 0px 15px 30px;
 }

 .ebk-con .rhs ul li {
     padding: 0px 0px 15px 30px;
     /* font-size: 14px; */
     /* font-weight: 500; */
     /* line-height: 24px; */
 }

 .ebk-con .rhs ul li:before {
     content: '';
     position: absolute;
     width: 15px;
     height: 15px;
     background: #3a4cb0;
     margin-left: -34px;
     z-index: 2;
     border-radius: 50px;
     border: 3px solid #fff;
     box-sizing: border-box;
     margin-top: 5px;
     box-shadow: 0 0px 10px 0.6px rgba(40, 30, 20, 0.08);
 }

 .ebk-con .rhs ul li:nth-child(odd):before {
     background: #76cef1;
 }

 .ebk-con .rhs ul li:nth-child(even):before {
     background: #6ae697;
 }

 .ebk-con .rhs ul::after {
     content: '';
     background: #ececec;
     position: absolute;
     width: 1px;
     top: 15px;
     bottom: 0;
     height: 75%;
     left: 33px;
 }

 /*--==========================--*/
 .pg-404 {
     padding: 150px 0 170px;
     background: #090b52;
     /* fallback for old browsers */
     /* Chrome 10-25, Safari 5.1-6 */
     /* background: linear-gradient(to right, #142b6b, #4c288e); */
     /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
 }

 .pg-404 .inn1 {
     text-align: center;
     color: #ffffff;
     width: 100%;
 }

 .pg-404 .inn1 b {
     font-size: 120px;
     line-height: 90px;
     color: #fff;
 }

 .pg-404 .inn1 h1 {
     font-size: 40px;
     color: #e3c009;
 }

 .pg-404 .inn1 p {}

 .pg-404 .inn1 a.btn1 {
     font-size: 12px;
     padding: 5px 10px;
     display: inline-block;
     border-radius: 3px;
     background: #186dd6;
     color: #fff;
 }

 .pg-404 .inn1 a.btn2 {
     font-size: 12px;
     padding: 5px 10px;
     display: inline-block;
     border-radius: 3px;
     background: #607D8B;
     color: #fff;
 }

 /*--==========================--*/
 .pg-install {
     background: #f0f2f5;
     padding: 30px;
 }

 .pg-install .inn {
     width: 580px;
     margin: 0 auto;
     background: #fff;
     padding: 25px;
     box-sizing: border-box;
     box-shadow: 0 2px 4px rgba(126, 142, 177, .12);
     border-radius: 5px;
     /* margin-top: 50px; */
 }

 .pg-install .s1 {
     padding-bottom: 30px;
 }

 .pg-install .s1 img {
     margin: 0 auto;
     display: table;
     width: 160px;
 }

 .pg-install .s2 {}

 .pg-install .s2 h4 {
     font-weight: 400;
     font-size: 14px;
     text-align: center;
     color: #667d9a;
 }

 .pg-install .s2 h4 b {
     color: #4e6582;
 }

 .pg-install .s2 p {
     font-size: 10.5px;
     margin: 0px 0px 15px 0px;
     background: #ebfff4;
     border: 1px solid #ccf1dd;
     padding: 10px;
     float: left;
     width: 100%;
     border-radius: 5px;
     box-sizing: border-box;
     line-height: 16px;
     font-weight: 400;
 }

 .pg-install .s2 p a {
     text-decoration: underline;
     color: #09b155;
 }

 .pg-install .s2 table {}

 .pg-install .s2 table tr {}

 .pg-install .s2 table tr td {
     font-size: 11px;
     padding: 10px;
     color: #4e6582;
 }

 .pg-install .s2 table tr td h6 {
     font-size: 14px;
     margin: 0px;
     font-weight: 500;
     /* color: #333; */
 }

 .pg-install .s2 table tr td input,
 .pg-install .s2 table tr td select {
     border: 1px solid #c6c8ca;
     font-size: 13px;
     padding: 5px;
     background: #f0f2f570;
     border-radius: 2px;
     font-weight: 500;
     width: 100%;
 }

 .pg-install .s2 table tr td b {}

 .pg-install .s2 table tr td button {
     font-size: 12px;
     padding: 10px;
     display: inline-block;
     border-radius: 2px;
     background: #4CAF50;
     color: #fff;
     border: 0px;
     width: 100%;
     font-weight: 600;
     cursor: pointer;
     transition: all 0.4s ease;
 }

 .pg-install .s2 table tr td button:hover {
     background: #3ca040;
     box-shadow: 0px 6px 7px -2px #3333338c;
 }

 .pg-install .s2-succ {}

 .pg-install .s2-succ h4 {
     font-size: 24px;
     margin-bottom: 10px;
     color: #0c9c4d;
     font-family: 'Roboto', sans-serif;
 }

 .pg-install .s2-succ p {
     text-align: center;
     color: #0c9c4d;
     font-size: 12.5px;
     line-height: 18px;
 }

 .user-act-code .login {
     text-align: center;
 }

 .user-act-code .login h4 {
     font-size: 18px;
     font-weight: 700;
     padding-bottom: 5px;
     display: none;
 }

 .user-act-code .login p {
     font-size: 13px;
     font-weight: 500;
     color: #79797b;
     padding: 0px 30px;
 }

 .user-act-code .login p b {
     font-size: 22px;
     color: #0fb953;
 }

 .user-act-code .ud-notes {}

 .user-act-code .templ-acti {
     background: none;
     padding: 0px;
     margin-top: 10px;
 }

 .user-act-code .templ-acti ul {
     margin: 0 auto;
     width: 80%;
 }

 .user-act-code .templ-acti ul li {}

 .user-act-code .templ-acti input {
     font-size: 16px;
     font-weight: 500;
     padding: 8px;
     border: 0px;
     border-bottom: 1px solid #cacaca;
     height: 40px;
     border-radius: 2px;
     float: left;
     width: 100%;
     text-align: center;
 }

 .user-act-code .templ-acti button {
     height: 40px;
     float: left;
     background: #0fb953;
     border: 1px solid #0fb953;
     font-weight: 500;
     border-radius: 2px;
     width: 100%;
     margin-top: 10px;
 }

 .radi-v4 {
     float: left;
     padding: 0px 12px 5px 0px;
 }

 .radi-v4 input {}

 .radi-v4 label {}

 .radi-v4 [type="radio"]:checked,
 .radi-v4 [type="radio"]:not(:checked) {
     position: absolute;
     left: -9999px;
 }

 .radi-v4 [type="radio"]:checked + label,
 .radi-v4 [type="radio"]:not(:checked) + label {
     position: relative;
     padding-left: 28px;
     cursor: pointer;
     line-height: 20px;
     display: inline-block;
     color: #333;
     font-weight: 600;
 }

 .radi-v4 [type="radio"]:checked + label:before,
 .radi-v4 [type="radio"]:not(:checked) + label:before {
     content: '';
     position: absolute;
     left: 0;
     top: 1px;
     width: 18px;
     height: 18px;
     border: 1px solid #a8bdb4;
     border-radius: 100%;
     background: #fff;
 }

 .radi-v4 [type="radio"]:checked + label {
     color: #0ba265;
 }

 .radi-v4 [type="radio"]:checked + label:after,
 .radi-v4 [type="radio"]:not(:checked) + label:after {
     content: '';
     width: 12px;
     height: 12px;
     background: #0ba265;
     position: absolute;
     top: 4px;
     left: 3px;
     border-radius: 100%;
     -webkit-transition: all 0.2s ease;
     transition: all 0.2s ease;
 }

 .radi-v4 [type="radio"]:not(:checked) + label:after {
     opacity: 0;
     -webkit-transform: scale(0);
     transform: scale(0);
 }

 .radi-v4 [type="radio"]:checked + label:after {
     opacity: 1;
     -webkit-transform: scale(1);
     transform: scale(1);
 }

 .buy-poin {
     font-family: 'Poppins';
 }

 .buy-poin h5 {
     font-weight: 600;
     text-transform: uppercase;
     font-size: 14px;
     font-family: 'Poppins';
     padding: 15px 15px 8px 0px;
 }

 .buy-poin .notes {
     border: 1px solid #76eabb;
     background: #dffff2;
     color: #0b8c58;
     font-weight: 500;
     padding: 3px;
     border-radius: 5px;
     font-size: 13px;
 }

 .buy-poin .form-group label {
     font-weight: 500;
 }

 .buy-poin .form-group input {
     font-size: 32px !important;
     font-weight: 600;
 }

 /*--====== PAGENATION =======--*/
 ul.simple-pagination {
     list-style: none
 }

 .simple-pagination {
     display: block;
     overflow: hidden;
     padding: 20px 0px 158px 0;
     margin: 0;
     width: 100%;
 }

 .simple-pagination ul {
     list-style: none;
     padding: 0;
     margin: 0 auto;
     display: table;
 }

 .simple-pagination li {
     list-style: none;
     padding: 0 !important;
     margin: 0;
     float: left;
     width: auto !important;
 }

 .all-listing .simple-pagination {
     padding: 20px 0px 15px 0;
 }

 span.ellipse.clickable {
     cursor: pointer
 }

 .ellipse input {
     width: 3em
 }

 .compact-theme a,
 .compact-theme span {
     float: left;
     color: #333;
     font-size: 14px;
     line-height: 24px;
     font-weight: 400;
     text-align: center;
     border: 1px solid #AAA;
     border-left: none;
     min-width: 14px;
     padding: 0 7px;
     box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
     background: #efefef;
     background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #efefef));
     background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
     background: -o-linear-gradient(top, #fff 0%, #efefef 100%);
     background: -ms-linear-gradient(top, #fff 0%, #efefef 100%);
     background: linear-gradient(top, #fff 0%, #efefef 100%)
 }

 .compact-theme a:hover {
     text-decoration: none;
     background: #efefef;
     background: -moz-linear-gradient(top, #efefef 0%, #bbb 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efefef), color-stop(100%, #bbb));
     background: -webkit-linear-gradient(top, #efefef 0%, #bbb 100%);
     background: -o-linear-gradient(top, #efefef 0%, #bbb 100%);
     background: -ms-linear-gradient(top, #efefef 0%, #bbb 100%);
     background: linear-gradient(top, #efefef 0%, #bbb 100%)
 }

 .compact-theme li:first-child a,
 .compact-theme li:first-child span {
     border-left: 1px solid #AAA;
     border-radius: 3px 0 0 3px
 }

 .compact-theme li:last-child a,
 .compact-theme li:last-child span {
     border-radius: 0 3px 3px 0
 }

 .compact-theme .current {
     background: #bbb;
     background: -moz-linear-gradient(top, #bbb 0%, #efefef 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bbb), color-stop(100%, #efefef));
     background: -webkit-linear-gradient(top, #bbb 0%, #efefef 100%);
     background: -o-linear-gradient(top, #bbb 0%, #efefef 100%);
     background: -ms-linear-gradient(top, #bbb 0%, #efefef 100%);
     background: linear-gradient(top, #bbb 0%, #efefef 100%);
     cursor: default
 }

 .compact-theme .ellipse {
     background: #EAEAEA;
     padding: 0 10px;
     cursor: default
 }

 .light-theme a,
 .light-theme span {
     float: left;
     color: #666;
     font-size: 14px;
     line-height: 24px;
     font-weight: 400;
     text-align: center;
     border: 1px solid #BBB;
     min-width: 14px;
     padding: 0 7px;
     margin: 0 5px 0 0;
     border-radius: 3px;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     background: #efefef;
     background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #efefef));
     background: -webkit-linear-gradient(top, #fff 0%, #efefef 100%);
     background: -o-linear-gradient(top, #fff 0%, #efefef 100%);
     background: -ms-linear-gradient(top, #fff 0%, #efefef 100%);
     background: linear-gradient(top, #fff 0%, #efefef 100%)
 }

 .light-theme a:hover {
     text-decoration: none;
     background: #FCFCFC
 }

 .light-theme .current {
     background: #05a2ec;
     color: #FFF;
     border-color: #4703cc;
     box-shadow: 0 1px 0 rgb(255 255 255), 0 0 2px rgb(0 0 0 / 30%) inset;
     cursor: default;
     background: #8E2DE2;
     background: -webkit-linear-gradient(to right, #4A00E0, #8E2DE2);
     background: linear-gradient(to right, #4A00E0, #8E2DE2);
 }

 .light-theme .ellipse {
     background: none;
     border: none;
     border-radius: 0;
     box-shadow: none;
     font-weight: 700;
     cursor: default
 }

 .dark-theme a,
 .dark-theme span {
     float: left;
     color: #CCC;
     font-size: 14px;
     line-height: 24px;
     font-weight: 400;
     text-align: center;
     border: 1px solid #222;
     min-width: 14px;
     padding: 0 7px;
     margin: 0 5px 0 0;
     border-radius: 3px;
     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
     background: #555;
     background: -moz-linear-gradient(top, #555 0%, #333 100%);
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100%, #333));
     background: -webkit-linear-gradient(top, #555 0%, #333 100%);
     background: -o-linear-gradient(top, #555 0%, #333 100%);
     background: -ms-linear-gradient(top, #555 0%, #333 100%);
     background: linear-gradient(top, #555 0%, #333 100%)
 }

 .dark-theme a:hover {
     text-decoration: none;
     background: #444
 }

 .dark-theme .current {
     background: #222;
     color: #FFF;
     border-color: #000;
     box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 0 1px 1px rgba(0, 0, 0, 0.1) inset;
     cursor: default
 }

 .dark-theme .ellipse {
     background: none;
     border: none;
     border-radius: 0;
     box-shadow: none;
     font-weight: 700;
     cursor: default
 }

 @media screen and (max-width:1370px) {
     .ud-cen-s1 ul li div p {}

     .eve-box div:nth-child(2) h4 {
         font-size: 16px;
     }

     .all-list-sh .eve-box div:nth-child(2) span {
         font-size: 13px;
     }

     .all-list-sh .eve-box div:nth-child(3) .links a,
     .all-list-sh .eve-box div:nth-child(3) .links span {
         font-size: 12px;
     }

     .filt-com h4 {
         font-size: 14px;
     }

     .bb-text h4 {
         font-size: 22px;
     }

     .foot-supp h2 {
         font-size: 18px;
     }

     .db-list-ststus {
         padding: 2px 5px;
         font-size: 9px;
     }

     .db-list-rat {
         padding: 2px 5px;
         font-size: 9px;
     }

     .ud-cen-s2 table tr td:nth-child(2) img {
         width: 32px;
         height: 32px;
     }

     .ud-cen-s2 table tr td:nth-child(2) {
         font-size: 10px;
     }

     .ud-cen-s2 table tr td:nth-child(2) span {
         font-size: 9px;
     }

     .ud-cen-s2 table tr th {
         font-size: 10px;
         padding: 14px 8px 14px 0px;
     }

     .db-list-edit {
         font-size: 9px;
     }

     .ud-rhs-sec-2 ul li a p,
     .ud-rhs-sec-1 ul li a p {
         font-size: 11px;
     }

     .ud-rhs-sec-2 ul li a h5,
     .ud-rhs-sec-1 ul li a h5 {
         font-size: 11px;
     }

     .ud-cen-s3 ul li .db-eve a h5 {
         font-size: 12.5px;
     }

     .ud-cen-s2 h2,
     .ud-cen-s3 h2 {
         font-size: 13px;
     }

     .ud-cen-s2 {
         overflow: hidden;
         overflow-x: auto;
     }

     .ud-rhs-promo {
         padding: 20px;
     }

     .ud-rhs-promo h3 {
         font-size: 20px;
     }

     .ud-rhs-promo p {
         font-size: 11px;
     }

     .ud-rhs-promo a {
         font-size: 9px;
     }

     .add-list .steps,
     .udb-inst {
         font-size: 10px;
     }

     .ud-cen-s2 a.db-tit-btn,
     .ud-cen-s3 a.db-tit-btn {
         font-size: 9px;
     }

     .ud-lhs-s1 h4 {
         font-size: 15px;
     }

     .ud-lhs-s1 .ud-lhs-view-pro {
         font-size: 10px;
     }

     .ud-lhs-s2 ul li a {
         font-size: 12px;
     }

     .ud-lhs-s2 ul li a img {
         width: 22px;
     }

     .ud-rhs-pay-inn h3 {
         font-size: 13px;
         padding: 10px 15px;
     }

     .ud-rhs-pay-inn ul {
         padding: 15px;
     }

     .ud-rhs-pay-inn ul li {
         font-size: 11px;
     }

     .ud-rhs-pay-inn ul li b {
         width: auto;
     }

     .ud-rhs-sec-1 ul,
     .ud-rhs-sec-2 ul,
     .ud-rhs-sec-3 ul,
     .ud-rhs-sec-4 ul {
         padding: 15px;
     }

     .ud-rhs-sec-1 ul li {
         padding-bottom: 6px;
         margin-bottom: 8px;
     }
 }

 @media screen and (max-width:1250px) {
     .list-bann img {
         /* height:445px; */
     }

     .list-ban-btn {
         border-left: 1px solid #e3e6ea;
         padding: 25px 0px 25px 10px;
     }
 }

 @media screen and (max-width:1200px) {
     .ud-lhs {
         width: 20%;
         padding: 40px 0px 0px 15px;
     }

     .ud-cen,
     .ud-enqu .ud-cen {
         width: 55%;
     }

     .ud-rhs {
         width: 19%;
         /* margin-top: 50px; */
         padding: 40px 0px 0px 0px;
     }

     .ud-rhs-sec-1,
     .ud-rhs-sec-2,
     .ud-rhs-sec-3,
     .ud-rhs-sec-4 {
         width: 100%;
         float: left;
     }

     .ud-rhs-sec-3 .list-ri-peo-like ul li {
         width: 90px;
     }

     .ud-rhs-sec-2 ul li {
         float: left;
         width: 25%;
     }

     .ud-rhs-sec-1 ul li a p,
     .ud-rhs-sec-1 ul li a h5 {
         white-space: initial;
     }

     .ud-rhs-sec-3 {
         margin-bottom: 0px;
     }

     .us-pro-sec-1 {}

     .us-pro-sec-1-rhs h1 {
         font-size: 32px;
     }
 }

 @media screen and (max-width:1150px) {
     .ud-lhs-s2 ul li a {
         font-size: 13px;
         padding: 8px 0px;
         text-overflow: ellipsis;
         white-space: pre;
         overflow: hidden;
     }

     .top-ser {
         width: 30%;
     }
 }

 @media screen and (max-width:1100px) {

     .pg-list-1-left h3,
     .pg-list-1-left p {
         /* padding-left: 205px; */
     }

     .comity-all-user ul li {
         width: 33.333%;
     }

     .pg-list-1-left img {
         width: 175px;
         height: 175px;
     }

     .pag-p1-phone {
         /* padding-left:210px; */
     }

     .pg-list-1-left .stat {
         top: 44px;
         left: 49px;
     }

     .list-ban-btn ul li span:before {
         margin-top: -4px;
     }

     .list-ban-btn ul li span {
         font-size: 12px;
         padding: 8px 5px 8px 44px;
     }

     .list-ban-btn {
         padding: 33px 0px 33px 10px;
     }

     .login-main.add-list {
         width: 90%;
     }

     .list-fix-pro {
         width: 7%;
     }

     .list-fix-tit {
         width: 50%
     }

     .list-fix-btn {
         width: 32%;
     }

     .top-ser {
         padding: 8px 0px 0px 15px;
         width: 26%;
     }

     .hom-nav .bl li a {
         font-size: 12px;
     }

     .coup-box-1 .s2 .lhs,
     .coup-box-1 .s2 .rhs {
         width: 50%
     }
 }

 @media screen and (max-width:1024px) {

     .all-list-sh .eve-box div:nth-child(3) .links a,
     .all-list-sh .eve-box div:nth-child(3) .links span {
         font-size: 12px;
         padding: 4px 8px;
     }

     .ebk-con .lhs {
         padding: 0px 20px 50px 0px;
     }

     .ebk-con .rhs {
         padding: 0px 0px 50px 50px;
     }

     .coup-box-2 p {
         padding: 5px 10px 5px 10px;
     }
 }

 @media screen and (max-width:992px) {

     .hom-mpop .col-md-3,
     .hom-mpop .col-md-9 {
         max-width: 100%;
     }

     .template-def .container {
         max-width: 90%;
     }

     .wed-foot-link-pop ul li {
         width: 25%;
     }

     .pop-menu {
         left: 0px;
         position: fixed;
         overflow-y: auto;
         height: 100%;
         bottom: 0px;
     }

     .mv-pro-menu {
         display: block;
         padding-bottom: 30px;
     }

     .pmenu-spri,
     .sh-all-scat ul {
         width: 100%;
     }

     .coup-sec3 ul li {
         width: 50%;
     }

     .pmenu-spri ul li {
         width: 20%;
         text-align: center;
     }

     .pmenu-spri ul li a {
         border: 3px solid #ffffff;
         box-sizing: border-box;
         margin: 0px;
         background: #f0f0f0;
         padding: 24px 10px;
     }

     .pmenu-spri ul li a img {
         margin: 0 auto;
         display: table;
     }

     .pmenu-cat {
         border-top: 1px solid #d6d6d6;
         border-left: 0px;
         padding-top: 30px;
         padding-left: 0px;
         margin-top: 20px;
         padding-bottom: 0px;
         margin-bottom: 0px;
     }

     .dir-home-nav-bot ul li:nth-child(1) {
         width: 100%;
     }

     .dir-home-nav-bot ul li:nth-child(2),
     .dir-home-nav-bot ul li:nth-child(3) {
         width: 100%;
         margin: 0px 0px 5px 0px;
     }

     .ban-tit h1 b {
         font-size: 40px;
     }

     .ban-tit h1 {
         font-size: 20px;
     }

     .ban-search {
         width: 85%;
     }

     .top-ser {
         width: 45%;
         padding: 6px 0px 0px 50px;
     }

     .hom-mpop .col-md-9 {
         padding-top: 20px;
     }

     .hom-col-req {
         margin: 0px;
     }

     .cate-sli {
         margin-top: 55px;
     }

     .hom-top {
         padding: 5px 0px 10px 0px;
         height: 55px;
     }

     .hom-head {
         padding: 100px 0px 30px 0px;
         margin-bottom: 0px;
     }

     .pmenu-cat ul li {
         width: 25%;
     }

     .ban-ql {
         margin-bottom: 0px;
         padding-top: 10px;
         margin-top: 30px;
         padding-bottom: 30px;
     }

     .ban-ql ul li div {
         /* width: 145px; */
         padding: 20px 10px;
     }

     .pri ul li {
         width: 50%;
     }

     .pri-box .c4 ol li {
         font-size: 14px;
         text-overflow: ellipsis;
         white-space: pre;
         overflow: hidden;
     }

     .land-pack ul li {
         width: 33.333%;
     }

     .hcity div:nth-child(1) img {
         height: 250px;
     }

     .inte ul li {
         width: 50%;
         padding: 5px 0px;
     }

     .ho-popu-bod .col-md-4 {
         max-width: 100%
     }

     .hot-page2-hom-pre {
         margin-bottom: 30px;
     }

     .ho-popu-bod .col-md-4:last-child .hot-page2-hom-pre {
         margin-bottom: 0px;
     }

     .bb-img img {
         margin: -1px 0px 0px 0px;
     }

     .bb-text {
         max-width: 80%;
     }

     .bb-link {
         max-width: 100%;
         padding: 20px 0px 0px 18%;
     }

     .wed-foot-link ul li {
         width: 100%;
     }

     .wed-foot-link div {
         padding-left: 30px;
         width: 33.333%;
     }

     .eve-box div:nth-child(3),
     .v3-list-ql {
         display: none;
     }

     .list-pg-lt {
         width: 100%;
     }

     .list-pg-rt {
         width: 100%;
         padding: 0;
     }

     .pg-list-1 .col-md-10,
     .pg-list-1 .col-md-2 {
         max-width: 100%;
         flex: 100%;
     }

     .list-ban-btn {
         border-left: 0px;
         margin: 0 auto;
         display: table;
         width: 100%;
         padding: 0 0 25px 0;
     }

     .list-ban-btn ul li span {
         font-size: 14px;
         padding: 8px 15px 8px 44px;
     }

     .list-ban-btn ul li span:before {
         margin-top: -2px;
     }

     .list-ban-btn ul li {
         float: left;
         margin: 0px 5px 10px 5px;
     }

     .pg-list-1 .col-md-2 {}

     .pg-list-1-left {
         text-align: center;
         width: 100%;
         padding-right: 0px;
     }

     .pg-list-1-left img {
         width: 175px;
         height: 175px;
         float: initial;
         margin: initial;
         margin-top: -109px;
         position: relative;
     }

     .pg-list-1-left .stat {
         top: initial;
         left: initial;
         position: relative;
         display: table;
         margin: 0 auto;
     }

     .pg-list-1-left h3 {
         float: left;
         width: 100%;
         margin-bottom: 0px;
         /* margin-top: 15px; */
         color: #000;
     }

     .pg-list-1-left .rat {
         float: initial;
         padding: 0px 0px 10px 0px;
         display: table;
         margin: 0 auto;
     }

     .pg-list-1-left p,
     .pag-p1-phone {
         padding-left: 0px;
         width: 100%;
         color: #333;
     }

     .pag-p1-phone ul {
         margin: 0 auto;
         display: table;
     }

     .wed-hom-footer {
         padding: 60px 0px 45px 0px;
     }

     .land-pack-grid-text h4 {
         padding: 15px 12px;
         font-size: 20px;
     }

     .hcity div:nth-child(2) h4 {
         font-size: 16px;
     }

     .pg-list-1-left .rat i {
         margin: 0px 2px;
     }

     .bl,
     .fil-mob-view,
     .db-open .al,
     .ud-lhs {
         display: none;
     }

     .mob-me-ic,
     .fil-mob {
         display: block;
     }

     .fil-mob.fil-mob-act {
         display: block;
     }

     .ud-cen,
     .ud-enqu .ud-cen {
         width: 100%;
         margin: 0px;
     }

     .ud-rhs {
         width: 100%;
         padding: 20px 150px;
     }

     .ud-rhs-sec-2 ul li {
         width: 33.333%;
     }

     .eve-deta-pg .rhs .quote-pop {
         padding: 40px 40px;
     }

     .us-ppg-blog div:nth-child(2) span {
         font-size: 12px;
     }

     .us-ppg-blog .pro-eve-box h2 {
         font-size: 15px;
     }

     .pro-rel-posts .pro-eve-box p {
         font-size: 12px;
     }

     .blog-head-inn h1 {
         font-size: 36px;
     }

     .blog-head-inn p {
         font-size: 20px;
     }

     .blog-head .ban-search {
         width: 90%;
     }

     .blog-head .ban-search .sr-btn {
         margin-top: 0px;
     }

     .blog-body .us-ppg-com ul li {
         width: 33.333%;
     }

     .blog-head {
         margin-top: 55px;
     }

     .all-listing .col-md-3.fil-mob-view {
         margin-top: 78px;
         position: fixed;
         z-index: 9;
         background: #fff;
         left: -100%;
         top: 0px;
         overflow-y: auto;
         height: 100%;
         padding: 70px 40px 50px 30px;
         flex: 0 0 100%;
         max-width: 80%;
         transition: all 0.5s ease;
         display: block;
     }

     .fil-mmob-act .fil-mob-clo {
         display: block;
     }

     .all-listing .col-md-3.fil-mob-view.fil-mmob-act {
         transition: all 0.5s ease;
         left: 0%;
     }

     .all-list-sh {
         background: none;
         padding-top: 20px;
         padding-bottom: 50px;
         width: 100%;
     }

     .all-listing .col-md-9 {
         flex: 0 0 100%;
         max-width: 100%;
     }

     .us-pro-sec-1 {
         width: 90%;
     }

     .pro-listing-box div:nth-child(1) h2,
     .us-ppg-blog .pro-eve-box h2 {
         font-size: 16px;
     }

     .pro-listing-box div:nth-child(1) img {
         height: 125px;
     }

     .pmenu-cat {
         width: 100%;
         padding-right: 0px;
         padding-bottom: 50px;
     }

     .pmenu-eve {
         width: 100%;
     }

     .ser-head .ban-search {
         width: 90%;
     }

     .f2 {
         margin: 0px;
         padding: 0px;
     }

     .mob-app .lhs {
         display: none;
     }

     .mob-app .rhs {
         width: 100%;
         padding: 0px 30px;
     }

     .mob-app .rhs form {
         width: 100%;
         padding: 0px;
     }

     .pg-list-1-pro {}

     .fed-box .lhs {
         width: 100%;
     }

     .fed-box .rhs {
         width: 100%;
         padding-top: 0px;
     }

     .fed-box:before {
         width: 100%;
     }

     .all-list-bre {
         margin-top: 75px;
         padding: 70px 0px 20px 0px;
     }

     .all-listing .col-md-9 {
         padding: 15px 0px 30px 15px;
         background: #f5f5f5;
         border-radius: 5px;
     }

     .list-map .list-map-filt {
         position: fixed;
         left: -100%;
         width: 300px;
         padding: 72px 15px 15px 15px;
     }

     .list-map .list-map-filt.act {
         left: 0%;
     }

     .list-map .list-map-filt.act:before {
         display: none;
     }

     .list-map .list-map-resu {
         margin-left: 0px;
         width: 100%;
     }

     .mob-map-filt {
         display: block;
         cursor: pointer;
     }

     .list-bann {}

     .list-bann img {
         height: 210px;
     }

     .pg-list-1 {
         margin: 0px;
     }

     .pg-list-1-pro {
         width: 100%;
     }

     .pg-list-1-pro img {
         margin: 0 auto;
         display: table;
         float: initial;
         margin-top: -90px;
     }

     .pg-list-1-pro .stat {
         position: relative;
         margin: 0 auto;
         display: table;
         left: 0px;
         float: initial;
         margin-top: -25px;
     }

     .pag-p1-phone ul a {}

     .pag-p1-phone ul a li {
         color: #157dd0;
     }

     .list-ban-btn ul {
         margin: 0 auto;
         display: table;
     }

     .pag-p1-phone ul li:before {
         color: #333;
     }

     .list-ban-btn ul li .cta {
         background: #ededed;
     }

     .ud {
         padding: 90px 0px 80px 0px
     }

     .pro-pg-logo {
         width: 20%
     }

     .pro-pg-bio {
         width: 80%;
     }

     .pro-pg-cts {
         width: 100%;
         padding: 0px 25px 25px 24%;
     }

     .pro-pg-cts a {
         display: inline-block;
     }

     .box-s2 .lhs {
         width: 100%;
         margin-right: 0px;
         margin-bottom: 30px;
     }

     .box-s2 .rhs .cpro-form .templ-rhs-eve {
         position: relative;
     }

     .box-s2 .rhs {
         width: 100%;
     }

     .box-s2 .lhs .comp-pro .all-pro-box {
         width: 32.3%;
         margin: 0.5%;
     }

     .box-s2 .lhs .comp-pro .land-pack-grid {
         width: 32.3%;
         margin: 0.5%;
     }

     .ud-inn {
         display: block;
         float: left;
         padding-bottom: 150px;
     }

     .ebk-ban .lhs {
         width: 100%;
         padding: 50px;
         text-align: center;
     }

     .ebk-ban .rhs {
         width: 100%;
         padding: 20px;
     }

     .ebk-ban .rhs img {
         width: 370px;
         margin: 0 auto;
         display: table;
     }

     .hm3-auto-ban .rhs {
         padding: 0px;
     }

     .hom2-hom-ban-main .hom2-hom-ban {
         padding: 30px;
     }

     .hom2-hom-ban-main .hom2-hom-ban h2 {
         font-size: 20px;
     }

     .all-products .all-pro-txt .links {
         position: relative;
         left: 0px;
         bottom: 0px;
         right: initial;
     }

     .all-products .all-pro-txt .links a {
         position: relative;
         width: 100%;
         border-radius: 2px;
         font-size: 15px;
     }
 }

 @media screen and (max-width:768px) {
     .how-wrks-inn ul li {
         width: 50%;
     }

     .how-wrks-inn ul li div {
         margin: 10px;
     }

     .carousel-indicators,
     .top-ser,
     .land-pack-grid-text h4 .dir-ho-cat {
         display: none;
     }

     .hom2-hom-ban-main .hom2-hom-ban {
         width: 100%;
         margin: 15px 0px;
         ;
     }

     .ban-ql ul li div h4 {
         font-size: 20px;
     }

     .ban-ql ul li div p {
         font-size: 16px;
     }

     .home-tit1 {
         padding-top: 50px !important;
     }

     .home-tit h2 {
         font-size: 30px;
     }

     .land-pack-grid-text h4 {
         text-align: center;
         font-size: 16px;
     }

     .home-city ul li:nth-child(1) .hcity div:nth-child(1) img {
         height: 250px;
     }

     .pmenu-cat ul li,
     .wed-foot-link-pop ul li {
         width: 50%;
     }

     .h-city-1,
     .h-city-2,
     .h-city-3 {
         width: 100%;
     }

     .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(2),
     .all-list-sh .eve-box div:nth-child(2) .links a:nth-child(3) {
         /* display:none; */
     }

     .all-list-sh .eve-box div:nth-child(2) .links {
         padding-top: 20px;
         border-top: 1px solid #ededed;
         margin-top: 20px;
     }

     .dmact .top-ser {
         display: none !important;
     }

     .ban-search ul li.sr-cit {
         width: 30%;
     }

     .hm3-auto-ban:before {
         background: linear-gradient(to right, #030b19d6, #0000006e);
     }

     .hom-cre-acc-left h3 {
         font-size: 18px;
     }

     .hom-cre-acc-left h3 span {
         display: block;
         font-size: 32px;
     }

     .commun-pg-main input {
         width: 75%;
     }

     .list-foot-abo,
     .list-foot-faq {
         width: 90%;
     }

     .ban-search ul li.sr-sea {
         width: 100%;
         margin: 0px;
     }

     .fed-box {
         width: 100%;
     }

     .ban-search ul li.sr-btn {
         width: 100%;
         margin-top: 0px;
     }

     .land-pack ul li {
         width: 50%;
     }

     .country iframe,
     .country img {
         width: 100%;
     }

     .country img {
         height: auto;
         object-fit: cover;
     }

     .land-pack-grid {
         width: 100%;
         margin: 0px 5% 20px 5%;
         box-shadow: 0px 5px 13px 0px rgba(0, 0, 0, 0.14);
     }

     .land-pack-grid-text {
         margin-top: 0px;
     }

     .hom-head {
         padding: 80px 0px 20px 0px;
     }

     .ban-tit h1 b {
         font-size: 40px;
         line-height: 45px;
         padding-bottom: 15px;
         padding-top: 10px;
     }

     .ban-tit h1 {
         font-size: 20px;
         margin-bottom: 0px;
     }

     .ban-ql ul li {
         margin: 0px;
         width: 100%;
     }

     .ban-ql ul li div {
         width: 100%;
         padding: 5px 10px 5px 10px;
         margin: 15px 0px;
         border-radius: 10px;
     }

     .home-city ul li {
         width: 50%;
         margin-bottom: 15px;
         margin-bottom: 15px;
     }

     .hcity div:nth-child(2) h4 {
         font-size: 18px;
     }

     .hom-eve-lhs-2 {
         width: 100%;
         padding-left: 15px;
         margin-top: 25px;
     }

     .eve-box div:nth-child(1) img {
         height: 150px;
     }

     .home-tit {
         padding-top: 70px;
     }

     .home-tit h2 {
         font-size: 32px;
     }

     .login-main.add-list {
         width: 90%;
     }

     .bot-book {
         text-align: center;
         margin-bottom: 55px
     }

     .bot-book .bb-img {
         float: initial;
         max-width: 100%;
     }

     .bb-text {
         max-width: 100%;
         margin-top: 30px;
     }

     .bb-link {
         padding: 20px 0px 0px 0px;
     }

     .biz-pro .lhs {
         margin-bottom: 0px;
     }

     .biz-pro-btn {
         position: relative;
         top: initial;
     }

     .country-inn h4 {
         font-size: 24px;
         line-height: 34px;
     }

     .country .cont1 {
         font-size: 24px;
     }

     .country .cont2 {
         font-size: 24px;
     }

     .foot-supp h2 {
         font-size: 16px;
         line-height: 28px;
     }

     .wed-hom-footer h4 {
         padding-bottom: 5px;
         padding-top: 0px;
     }

     .wed-foot-link-1 {
         text-align: center;
     }

     .fot-app {
         border-top: 1px solid #e9e9e9;
         padding: 30px 0px;
         margin-top: 15px;
     }

     .fot-app ul,
     .wed-foot-link-1 ul {
         margin: 0 auto;
         display: table;
     }

     .foot-count {
         margin-top: 30px;
     }

     .all-list-sh ul li {
         float: left;
         width: 50%;
     }

     .list-filt-v2 ul li {
         width: 16.6666666%;
     }

     .pro-listing-box div:nth-child(1) img {
         height: 150px;
     }

     .us-ppg-com ul li {
         width: 50%;
     }

     .all-list-sh .eve-box div:nth-child(1) {
         width: 100%;
     }

     .all-list-sh .eve-box {
         margin: 0px;
         float: left;
         width: 100%;
     }

     .all-list-sh .rat {
         position: relative;
         right: 48px;
         top: 0px;
         left: 0px;
     }

     .eve-box div:nth-child(2) {
         padding: 15px;
     }

     .pro-rel-events .eve-box div:nth-child(2) {
         padding: 20px 20px 15px 20px;
     }

     .hom-event .eve-box div:nth-child(2) {
         padding: 20px;
     }

     .eve-box div:nth-child(2) h4 {
         font-size: 15px;
     }

     .all-listing .col-md-9 {
         padding: 0px;
         /* background: none; */
     }

     .all-listing .col-md-3 {
         padding: 30px 0px 0px 15px;
     }

     .lhs-ads {
         margin-bottom: 0px;
     }

     .list-bann img {
         height: 175px;
     }

     .pag-p1-phone ul li {
         width: 100%;
         margin-bottom: 10px;
     }

     .pag-p1-phone ul li:last-child {
         margin-bottom: 0px;
     }

     .list-bann {
         margin-top: 55px;
     }

     .pg-list-1 {}

     .carousel-item img {
         height: 235px;
     }

     .home-list-pop img {
         margin-bottom: 20px;
     }

     .list-rom-pric {
         right: 25px;
         top: -158px;
         font-size: 16px;
     }

     .list-room-deta p {
         padding-right: 0px;
     }

     .lr-user-wr-con {
         width: 85%;
     }

     .lr-user-wr-con p {
         font-size: 13px;
         line-height: 22px;
     }

     .lp-ur-all-left {
         width: 60%;
     }

     .lp-ur-all-right {
         width: 40%;
         padding-right: 0px;
     }

     .lp-ur-all-right h5 {
         padding-top: 0px;
     }

     .lp-ur-all-right p label i {
         width: 15px;
         font-size: 21px;
     }

     .lp-ur-all-right p span {
         font-size: 12px;
         line-height: 14px;
         padding: 5px;
     }

     .pglist-off-last .home-list-pop-desc {
         padding-left: 0px;
     }

     .pglist-off-last .home-list-pop .col-md-3 {
         padding-right: 0px;
     }

     .db-open .al {
         display: none;
     }

     .ud-cen-s3 ul li {
         width: 50%;
     }

     .ud-pro-link .pay-rhs ul li:last-child {
         width: 100%;
     }

     .ud-pro-link .pay-rhs ul li:nth-child(3),
     .ud-pro-link .pay-rhs ul li:nth-child(4) {
         width: 100%;
     }

     .ud-rhs-sec-3 .list-ri-peo-like ul li {
         width: 72px;
     }

     .ud-cen-s1 ul li div {
         text-align: center;
         padding: 20px 15px 15px;
     }

     .ud-cen-s1 ul li div p {
         margin-bottom: 15px;
     }

     .ud-cen-s1 ul li div b {
         font-size: 38px;
         position: relative;
         padding: 5px 8px;
         width: auto;
         height: auto;
         top: auto;
         border-radius: 10px;
     }

     .ud-cen-s1 ul li div h4 {
         padding: 15px 10px 5px;
         font-size: 18px;
     }

     .ud-cen-s1 ul li div p {
         padding: 0px;
         margin-bottom: 0px;
         font-size: 14px;
     }

     table {
         border: 0;
     }

     table caption {
         font-size: 1.3em;
     }

     .pro-fol-gr span {
         padding: 5px 25px;
         font-size: 10px;
     }

     .pro-fol-gr ol li {
         font-size: 9px;
     }

     .pay-rhs ul li .ud-stat-pay-btn {
         font-size: 12px;
     }

     .ud-payment .pay-rhs ul li {
         width: 100%;
     }

     .pay-rhs ul li:nth-child(2) {
         font-size: 22px;
     }

     .ud-cen-s2 a.db-tit-btn,
     .ud-cen-s3 a.db-tit-btn {
         position: relative;
         right: initial;
         top: initial;
     }

     .ud-cen-s2 a.db-tit-btn-2-ads {
         right: initial;
     }

     .login-main,
     .login-main.add-list {
         width: 100%;
     }

     .login-main {
         margin: initial;
         display: initial;
     }

     .how-to-coll li h4 {
         font-size: 13px;
     }

     .cre-dup a {
         margin-bottom: 15px;
     }

     .add-list-ste-inn ul li a b {
         display: none;
     }

     .add-list-ste-inn ul li a {
         width: 44px;
         height: 44px;
         padding: 10px 0px 0px 0px;
     }

     .add-list-ste-inn ul li a span {
         font-size: 11px;
         text-transform: uppercase;
     }

     .add-list-ste-inn ul:after {
         height: 1px;
         top: 25px;
     }

     .add-list-add-btn,
     .add-list-rem-btn {
         width: 30px;
         height: 30px;
         line-height: 29px;
         padding-left: 1px;
         font-size: 21px;
         top: 5px;
     }

     .add-list-rem-btn {
         right: 35px;
     }

     .add-list-add-btn {
         right: 75px;
     }

     .add-lis-done .btn-primary {
         margin-bottom: 10px;
     }

     .login-reg {
         padding: 100px 0 150px 0;
     }

     .log h4 {
         font-size: 18px;
         /* text-align: left;
         */
     }

     .add-lis-done h4 {
         font-size: 24px;
         margin-bottom: 10px;
     }

     .add-lis-done p {
         font-size: 14px;
     }

     .eve-deta-pg .lhs {
         margin-bottom: 20px;
     }

     .eve-deta-pg .lhs,
     .eve-deta-pg .rhs {
         width: 100%;
     }

     .eve-deta-pg .lhs .img img {
         height: 250px;
     }

     .eve-deta-body .eve-deta-body-main .lhs {
         width: 100%;
         padding-right: 0px;
         border-right: 0px solid #e7e7e7;
         border-bottom: 1px solid #e7e7e7;
         padding-bottom: 15px;
         margin-bottom: 30px
     }

     .eve-deta-body .eve-deta-body-main .rhs {
         padding-left: 0px;
         width: 100%;
     }

     .eve-deta-pg .head h1,
     .eve-deta-pg .head .dat {
         font-size: 22px;
     }

     .blog-body .us-ppg-com ul li {
         width: 50%;
     }

     .pro-rel-events .event-body .us-ppg-com ul li,
     .event-body .us-ppg-com ul li {
         width: 50%;
     }

     .event-body .eve-box div:nth-child(2) {
         padding: 20px;
     }

     .blog-head {
         padding: 45px 0px 0px 0px;
     }

     .blog-head-inn h1 {
         font-size: 28px;
     }

     .blog-head-inn p {
         font-size: 18px;
     }

     .ad-pri-cal ul li div {
         padding: 10px;
         margin: 0px 2px;
     }

     .ad-pri-cal ul li span {
         font-size: 12px;
     }

     .ad-pri-cal ul li h5 {
         margin: 5px 0px 0px 0px;
         font-size: 18px;
     }

     .us-pro-sec-1 {
         width: 100%;
     }

     .us-pro-sec-1-rhs h1 {
         font-size: 24px;
         display: block;
     }

     .us-pro-sec-1-rhs button {
         padding: 5px 30px;
         top: 7px;
     }

     .us-pro-sec-1-rhs ul.lis-cou li {
         font-size: 14px;
     }

     .us-pro-nav ul li span {
         font-size: 14px;
         padding: 16px 5px;
     }

     .user-tc-diff ul li .pri-box {
         margin: 0px;
     }

     .user-tc-diff ul li .pri-box .c4 ol {
         width: 90%;
     }

     .ser-head .ban-search ul li.sr-btn {
         margin-top: 0px;
         width: 40%;
     }

     .list-det-fix {}

     .list-fix-pro,
     .list-fix-tit {
         display: none;
     }

     .list-fix-btn {
         width: 100%;
     }

     .list-fix-btn span {
         display: block;
         width: 100%;
         text-align: center;
         padding: 8px 5px;
     }

     .list-det-fix {
         bottom: -100px;
         top: initial;
         padding: 0px;
     }

     .list-det-fix.list-det-fix-act {
         bottom: 0px;
         top: initial;
     }

     .comity-all-user ul li {
         width: 50%;
     }

     .list-ban-btn ul li .cta-get:before {
         display: none;
     }

     .list-ban-btn ul li .cta-get {
         position: fixed;
         bottom: 0px;
         left: 0px;
         right: 0px;
         width: 100%;
         z-index: 9;
         text-align: center;
         text-transform: uppercase;
         box-shadow: none;
         animation: none;
         letter-spacing: 1px;
         padding: 10px 5px;
         font-size: 15px;
     }

     .pmenu-spri ul li {
         width: 31%;
     }

     .pmenu-spri ul li a img {
         margin-bottom: 10px;
     }

     .eve-box div:nth-child(2) span,
     .eve-box div:nth-child(2) span.pho,
     .eve-box div:nth-child(2) span.mail {
         width: 100%;
     }

     .responsive-table {
         display: block;
         width: 100%;
     }

     .responsive-table thead,
     .responsive-table tbody,
     .responsive-table thead th {
         display: block;
     }

     .responsive-table thead th:last-child {
         border-bottom: none;
     }

     .responsive-table thead {
         float: left;
         width: 30%;
     }

     .responsive-table tbody {
         width: auto;
         position: relative;
         overflow-x: auto;
     }

     .responsive-table td,
     .responsive-table th {
         padding: 20px .625em .625em .625em;
         height: 60px;
         vertical-align: middle;
         box-sizing: border-box;
         overflow-x: hidden;
         overflow-y: auto;
         width: 120px;
         font-size: 13px;
         text-overflow: ellipsis;
     }

     .responsive-table thead th {
         text-align: left;
         border-bottom: 1px solid #f7f7f9;
     }

     .responsive-table tbody tr {
         display: table-cell;
     }

     .responsive-table tbody tr:nth-child(odd) {
         background: none;
     }

     .responsive-table tr:nth-child(even) {
         background: transparent;
     }

     .responsive-table tr td:nth-child(odd) {
         background: #F8F8F8;
         border-right: 1px solid #E6E4E4;
     }

     .responsive-table tr td:nth-child(even) {
         border-right: 1px solid #E6E4E4;
     }

     .responsive-table tbody td {
         display: block;
         text-align: center;
     }

     .com-pro-pg-head img {}

     .hom-top {
         display: block;
     }

     .com-pro-pg-head {
         display: none;
     }

     .pro-pg-logo,
     .pro-pg-bio .bio li {
         width: 100%;
     }

     .pro-pg-logo img {
         width: 100px;
         height: 100px;
         margin: 0 auto;
         display: table;
     }

     .pro-pg-bio {
         width: 100%;
     }

     .pro-pg-cts {
         width: 100%;
         padding: 0px 25px 25px 24px;
     }

     .pro-pg-cts a {
         display: inline-block;
     }

     .box-s2 .lhs .comp-pro .all-pro-box {
         width: 48%;
         margin: 1%;
     }

     .box-s2 .lhs .comp-pro .land-pack-grid {
         width: 48%;
         margin: 1%;
     }

     .ebk-ban .lhs h1 {
         font-size: 32px;
         line-height: 40px;
     }

     .ebk-ban .lhs {
         padding-top: 0px;
     }

     .ebk-con .lhs {
         width: 100%;
         padding: 30px;
     }

     .ebk-con .rhs {
         width: 100%;
         padding: 0px 30px 0px 30px
     }

     .hcity div:nth-child(2) {
         left: 0px;
         padding-left: 20px;
     }

     .str .land-pack ul li {
         padding: 0px 15px;
     }

     .full-bot-book {
         padding: 40px 25px 0px 25px;
     }

     .hom-event {
         padding: 0px 20px;
     }

     .all-list-sh .links a {
         margin: 1.5%;
         float: left;
         width: 46%;
         text-align: center;
     }

     .all-products .all-list-sh .links a {}

     .eve-box div:nth-child(2) span.addr {
         min-height: 50px;
     }

     .btn-ser-need-ani,
     .pmenu-spri {
         display: none;
     }

     .pmenu-cat {
         border-top: 0px;
         margin-top: 0px;
         padding-top: 0px;
     }

     .btn-ser-need-ani.fsbtn {
         /* display: block; */
         /* position: relative; */
         padding: 6px;
         /* bottom: auto; */
         right: auto;
         /* background: #007bff; */
         /* animation: none; */
         border-radius: 50%;
         /* width: 60px; */
         height: 60px;
         margin: 0 auto;
         display: table;
         margin-top: -20px;
         box-shadow: 0px 9px 19px 6px rgb(42 42 42 / 46%);
         text-transform: uppercase;
         letter-spacing: 0.5px;
         /* border: 5px solid #191919; */
     }

     .btn-ser-need-ani.fsbtn:before {
         display: none;
     }

     .fqui-menu {
         display: block;
     }

     .db-coup-lhs,
     .db-coup-rhs {
         width: 100%;
     }

     .db-coup-rhs {
         padding: 30px 0px 0px 0px
     }

     .top-ser {
         display: block;
         position: fixed;
         top: 0px;
         left: 0px;
         right: 0px;
         width: 100%;
         padding: 10px 20px;
         background: #0e0e0ec4;
         box-shadow: 0px 12px 18px 4px #33333354;
         transition: all 0.5s ease;
         z-index: 4;
         opacity: 0;
         visibility: hidden;
         height: 100%;
     }

     .top-ser.top-ser-act {
         /* top: 54px; */
         visibility: visible;
         opacity: 1;
         display: block !important;
     }

     .top-ser.top-ser-act input {
         background: #f4f5f7;
         font-family: 'Quicksand', sans-serif;
         padding: 7px 40px 7px 20px;
     }

     .mess-bd .se1 .s2 {
         width: 100%;
         padding: 0px 0px 1px 0px;
         font-size: 14px;
     }

     .mess-bd .se1 .s3 {
         width: 100%;
         padding-left: 58px;
         color: #3b434e;
         font-weight: 500;
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
     }

     .mess-tit {
         display: none;
     }

     .ud-cen-s2 a.comm-msg-act-btn {
         position: absolute;
         right: 15px;
         top: 15px;
     }

     .h2-ban-ql ul li div {
         margin: 5px;
     }

     .ban-search {
         width: 90%;
     }

     .hm3-auto-ban .lhs {
         padding: 50px 50px 0px 0px;
     }

     .hm3-auto-ban .rhs {
         padding: 0px;
     }

     .hm3-auto-ban .lhs h1 {
         font-size: 44px;
         line-height: 50px;
     }

     .hm3-auto-ban {
         background-size: cover !important;
     }

     .all-listing .f2 {
         display: none;
     }
 }

 @media screen and (max-width:576px) {
     .container {
         max-width: 90%;
         padding: 0px;
     }

     .how-wrks-inn ul li {
         width: 100%;
     }

     .inte ul li,
     .coup-sec3 ul li {
         width: 100%;
     }

     .wed-foot-link div {
         padding-left: 15px;
         width: 33.333%;
     }

     .list-room-deta .list-enqu-btn ul li {
         width: 50%;
     }

     .lr-user-wr-con {
         display: contents;
     }

     .lr-user-wr-img {
         margin: 0px 10px 20px 0px;
     }

     .pri ul li {
         width: 100%;
     }

     .ud-rhs-sec-2 ul li {
         width: 50%;
     }

     .db-fol-grid ul li {
         width: 50%;
     }

     .pro-fol-gr ol li {
         font-size: 7px;
         width: 33.333%;
     }

     .pro-fol-gr h4 b {
         font-size: 14px;
     }

     .pro-fol-gr img {
         width: 75px;
         height: 75px;
     }

     .comity-all-user .pro-fol-gr img {
         width: 100px;
         height: 100px;
         margin: 0 auto;
         display: table;
         float: initial;
         border-radius: 50px;
         /* margin-top: -65px; */
     }

     .pro-rel-events .event-body .us-ppg-com ul li {
         width: 100%;
     }

     .pro-rel-events .eve-box div:nth-child(3) {
         display: block;
     }

     .event-body .us-ppg-com ul li .eve-box {
         margin: 10px;
     }

     .user-tc-diff ul li {
         width: 100%;
     }

     .user-tc-diff ul li:first-child {
         margin-bottom: 20px;
     }

     .user-tc-diff ul li .pri-box .c4 ol li:first-child {
         margin-bottom: 0px;
     }

     .dir-home-nav-bot ul li span {
         padding-bottom: 20px;
         font-size: 24px;
     }

     .dir-home-nav-bot {
         text-align: center;
     }

     .box-s2 .lhs .comp-pro .all-pro-box {
         width: 100%;
         margin: 1% 0px;
     }

     .box-s2 .lhs .comp-pro .land-pack-grid {
         width: 100%;
         margin: 1% 0px;
     }

     .ebk-ban .lhs {
         padding: 15px;
     }

     .hm3-auto-ban .lhs {
         padding: 40px 20px 20px 20px;
         width: 100%;
         text-align: center;
     }

     .hm3-auto-ban .rhs {
         width: 100%;
         padding: 30px 30px 0px 30px;
     }

     .ud-rhs {
         padding: 20px 30px;
     }

     .all-list-sh ul li {
         width: 100%;
     }

     .all-listing .col-md-9 {
         background: none;
     }

     .all-listing .row {
         box-shadow: none;
     }

     .all-list-sh .eve-box {
         border-radius: 8px;
         border: 0px solid #fff;
     }

     .all-list-sh .eve-box div:nth-child(2) {
         padding: 30px;
     }

     .all-list-sh .eve-box div:nth-child(2) h4 a {
         font-size: 20px;
     }

     .all-list-sh span.addr,
     .all-list-sh span.pho,
     .all-list-sh span.mail {
         font-size: 16px !important;
     }

     .all-list-bre {
         padding: 70px 20px 20px 20px;
     }

     .ser-re-cout {
         top: 90px;
         z-index: 11;
         width: 100%;
         max-width: 95% !important;
     }

     .soc-log .abcRioButtonIcon {
         left: 27%;
     }

     .ud-cen-s3 ul li .db-eve a h5 {
         font-size: 16px;
     }
 }

 @media screen and (max-width:526px) {
     .lp-ur-all-left {
         width: 100%;
         border-right: 0px solid #6b7f8a;
         padding-right: 0px;
         border-bottom: 2px solid #6b7f8a;
         padding-bottom: 20px;
     }

     .lp-ur-all-right {
         width: 100%;
         padding: 20px 0px 0px 0px;
     }

     .frmtip {
         font-size: 11px;
         right: 12px;
         top: -8px;
         background: #fff;
         padding: 0px 10px;
     }

     .log-bot ul li span {
         font-size: 12px;
     }

     .log-bot ul li {
         padding: 0px 4px;
     }

     .msg-op {
         width: 100%;
         height: 100%;
         top: 0px;
     }

     .msg-op.msg-sho-act {
         right: 0px;
     }

     .msg-op .s3 form textarea {
         width: 70%;
     }

     .msg-op .s3 form button {
         width: 30%;
     }
 }

 @media screen and (max-width:480px) {
     .pmenu-cat ul li {
         width: 100%;
     }

     .hm3-auto-ban .lhs h1 {
         font-size: 34px;
         line-height: 38px;
     }

     .wed-foot-link-pop ul li {
         width: 50%;
     }

     .hcity div:nth-child(1) img,
     .home-city ul li:nth-child(1) .hcity div:nth-child(1) img {
         height: 210px;
     }

     .home-city ul li:nth-child(1) div:nth-child(2) h4 {
         font-size: 14px;
     }

     .hcity div:nth-child(2) {
         margin-top: -150px;
     }

     .hom-eve-lhs-1 {
         width: 100%;
         margin-bottom: 20px;
         padding-left: 0px;
         padding-right: 0px;
     }

     .hom-eve-lhs-2 {
         margin-top: 0px;
         padding-left: 0px;
         padding-right: 0px;
     }

     .ban-search ul li.sr-cit {
         width: 100%;
     }

     .commun-pg-main input {
         width: 95%;
     }

     .sh-all-scat-box .lhs {
         width: 100%;
     }

     .sh-all-scat-box .lhs img {
         height: 160px;
     }

     .sh-all-scat-box .rhs {
         width: calc(100% - 0px);
         width: 100%;
     }

     .ban-search ul li.sr-sea {
         width: 100%;
         margin: 10px 0px 0px 0px;
     }

     .ban-search {
         width: 90%;
     }

     .ban-tit h1 b {
         font-size: 26px;
         line-height: 32px;
     }

     .home-tit {
         padding-top: 60px;
     }

     .home-tit h2 {
         font-size: 28px;
     }

     .hcity div:nth-child(2) h4 {
         font-size: 14px;
     }

     .wed-foot-link div {
         width: 50%;
     }

     .wed-foot-link div:nth-child(2) {
         border-right: 0px solid #dadada;
     }

     .wed-foot-link div:last-child {
         border-right: 0px solid #dadada;
         border-top: 1px solid #dadada;
         width: 100%;
         margin-top: 35px;
         padding-top: 35px;
     }

     .wed-foot-link div:last-child ul li {
         width: 50%;
     }

     .wed-foot-link {
         padding: 35px 0px 30px 0px;
     }

     .all-list-sh ul li {
         width: 100%;
     }

     .list-bann img {
         height: 150px;
     }

     .pg-list-1-left h3 {
         font-size: 20px;
         padding: 12px 0px;
     }

     .pg-list-1-left img {
         width: 125px;
         height: 125px;
         margin-top: -79px;
     }

     .fot-app ul li a img {
         width: 125px;
         height: 50px;
     }

     .list-filt-v2 ul li {
         width: 16.6666666%;
     }

     .list-filt-v2 .chbox label {
         padding: 4px 2px 0px 2px;
         font-size: 10px;
     }

     .hom-eve-com {
         float: initial;
     }

     .carousel-item img {
         height: 180px;
     }

     .home-list-pop-desc h3 {
         font-size: 16px;
     }

     .list-pg-write-rev form .row {
         margin: 0px;
     }

     .list-pg-write-rev form .col {
         display: contents;
     }

     .list-pg-write-rev form .rating {
         margin: 0px 0px 10px 0px;
     }

     .ud-cen-s3 ul li {
         width: 100%;
     }

     .ud-rhs-sec-2 ul li {
         width: 100%;
     }

     .ud-cen-s1 ul li {}

     .ud-cen-s1 ul li:nth-child(2) div {
         margin: 0px;
     }

     .ud-cen-s1 {
         padding: 30px 30px 5px 30px;
     }

     .cd-cen-intr {
         padding: 30px 30px 0 30px;
     }

     .ud-cen-s3 ul li:nth-child(2n+2) div {
         margin: 0px 0px;
     }

     .ud-pro-link .pay-lhs,
     .ud-payment .pay-lhs {
         width: 100%;
         margin-bottom: 15px;
     }

     .ud-pro-link .pay-lhs img,
     .ud-payment .pay-lhs img {
         object-fit: cover;
         height: 135px;
         width: 135px;
         border-radius: 50%;
         margin: 0 auto;
         display: table;
         float: initial;
     }

     .ud-pro-link .pay-rhs,
     .ud-payment .pay-rhs {
         width: 100%;
         padding-left: 0px;
         text-align: center;
     }

     .pay-rhs ul li:nth-child(2) {
         font-size: 18px;
     }

     .ud-payment {
         box-shadow: 0px 0px 0px 1px rgba(157, 152, 152, 0.06);
     }

     .ud-cen-s1 ul li div {
         padding: 15px 8px 5px 8px;
         border: 3px solid #fff;
     }

     .ud-cen-s1 ul li div h4 {
         font-size: 14px;
     }

     .ud-cen-s1 ul li div b {
         font-size: 32px;
     }

     .ud-cen-s1 ul li div p {
         display: none;
     }

     .ud-rhs-sec-3 .list-ri-peo-like ul li {
         width: 45px;
     }

     .db-noti ul li div {
         font-size: 13px;
     }

     .db-noti ul li p {
         font-size: 12px;
     }

     .ud-cen-s2 a.db-tit-btn,
     .ud-cen-s3 a.db-tit-btn {
         padding: 3px 5px;
         font-size: 11px;
     }

     .cre-dup a,
     .cre-dup span {
         font-size: 13px;
     }

     .add-list .skip {
         font-size: 11.5px;
         letter-spacing: 1px;
     }

     .add-list-ste-inn ul li {
         margin: 0px 5px;
     }

     .blog-head .ban-search .sr-sea {}

     .blog-head .ban-search {
         width: 100%;
     }

     .blog-head .ban-search .sr-btn {
         width: 35%;
     }

     .blog-body .us-ppg-com ul li,
     .event-body .us-ppg-com ul li {
         width: 100%;
     }

     .event-body .eve-box div:nth-child(3) {
         display: block;
     }

     .event-body .eve-box div:nth-child(1) a img {
         height: 165px;
     }

     .ad-pri-cal ul li {
         width: 50%;
     }

     .ad-pri-cal ul li div {
         margin: 5px;
     }

     .us-pro-sec-1-lhs {
         width: 100%;
     }

     .us-pro-sec-1-lhs img {
         width: 200px;
         height: 200px;
         margin: 0 auto;
         display: table;
     }

     .us-pro-sec-1-rhs {
         float: left;
         width: 100%;
         padding-left: 0px;
         text-align: center;
         padding-top: 30px;
     }

     .us-pro-sec-1-rhs ul.lis-cou {
         float: initial;
         border-bottom: 1px solid #efd0d0;
         padding-bottom: 17px;
         margin: 0 auto;
         display: table;
         margin-top: 25px;
         margin-bottom: 20px;
     }

     .us-pro-sec-1-rhs h1 {
         padding-right: 0px;
     }

     .us-pro-sec-1-rhs p {
         float: initial;
         text-align: center;
     }

     .us-pro-sec-1-rhs ul.pro-soci {
         float: initial;
         width: auto;
         margin: 0 auto;
         display: table;
         margin-top: 25px;
     }

     .us-pro-sec-1 {
         padding: 30px;
         background: #fff;
         border-radius: 5px;
         box-shadow: 0px 1px 19px 0px rgba(42, 42, 42, 0.08);
     }

     .us-pro-sec-1-rhs ul.lis-cou li {
         font-size: 12px;
         padding-right: 4px;
     }

     .us-ppg-com ul li {
         width: 100%;
     }

     .all-list-sh .links {}

     .list-ban-btn ul li {
         width: 100%;
     }

     .list-ban-btn ul li .cta {
         background: #ededed;
         display: block;
         width: 100%;
         text-align: center;
     }

     .pmenu-spri ul li {
         width: 43%;
     }

     .menu {
         margin: 10px 10px 8px 1px;
     }

     .hom-nav .ic-logo {
         width: 170px;
         padding-top: 10px;
     }

     .cd-cen-intr-inn:before {
         display: none;
     }

     .cd-cen-intr-inn {
         padding: 30px;
         text-align: center;
         background: linear-gradient(to right, #3ee4b6, #429dde, #7b4ffc);
     }

     .all-list-sh ul li {
         width: 100%;
         padding: 15px 30px 15px;
     }

     .list-filt-v2 ul li {
         padding: 2px;
     }

     .ud-cen a.db-tit-btn {
         width: 100%;
         display: block;
         text-align: center;
         margin-bottom: 15px;
         padding: 10px 5px !important;
         font-size: 13px !important;
     }

     .ud-rhs-pay-inn h3 {
         font-size: 14px;
     }

     .ud-rhs-status ul li span {
         font-size: 13px;
     }

     .ud-cen-s2 table tr th {
         font-size: 12px;
     }

     .ud-cen-s2 table tr td {
         font-size: 11px;
     }

     .ud-cen-s2 table tr td:nth-child(2) {
         font-size: 11px;
         text-align: left;
     }

     .ud-lhs-s2 ul li a {
         font-size: 17px;
         padding: 10px 0px;
         font-family: 'Poppins';
         font-weight: 500;
     }

     .ud-lhs-s1 h4 {
         font-size: 18px;
         padding-top: 0px;
         margin-top: 15px;
     }
 }

 @media screen and (max-width:420px) {

     .pmenu-cat ul li,
     .pmenu-eve ul li {
         width: 100%;
     }

     .pmenu-eve ul li:nth-child(odd) div {
         margin: 0px 0px 15px 0px;
     }

     .pmenu-eve ul li:nth-child(even) div {
         margin: 0px 0px 15px 0px;
     }

     .comity-all-user ul li {
         width: 100%;
     }

     .blog-head .ban-search ul li.sr-sea input {
         width: 330px;
     }
 }

 .demo .home-city ul li {
     width: 33.3333%;
 }

 .demo .home-city ul li div {}

 .demo .hcity div:nth-child(1) img {
     margin: 0px;
 }

 .demo .hcity div:nth-child(1) img {
     height: 225px;
 }

 .country.demo {
     background-position: center bottom;
     background-size: 45%;
     margin-top: 60px;
 }

 .demo .home-tit {
     padding-top: 65px;
 }

 .wed-hom-footer.demo .home-tit {
     padding-top: 0px;
 }

 .demo .inte ul li div h4 {
     padding-bottom: 0px;
 }

 .demo .hcity div:nth-child(2) img {
     border: 5px solid #fff;
     background: #fff;
 }

 .foot-count ul li a {
     color: #7f7f7f;
     font-size: 12px;
     text-transform: capitalize;
 }

 .hom-top.demo .hom-nav .ic-logo {
     margin-left: 0px;
 }

 .chosen-select {
     width: 100%
 }

 .chosen-select-deselect {
     width: 100%
 }

 .chosen-container {
     display: inline-block;
     font-size: 14px;
     position: relative;
     vertical-align: middle;
     height: 51px;
     border: 1px solid #f1eae5;
 }

 .chosen-container .chosen-drop {
     background: #fff;
     border: 1px solid #ccc;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
     box-shadow: 0 8px 8px rgba(0, 0, 0, .25);
     margin-top: -1px;
     position: absolute;
     top: 100%;
     left: -9000px;
     z-index: 1060
 }

 .chosen-container.chosen-with-drop .chosen-drop {
     left: 0;
     right: 0
 }

 .chosen-container .chosen-results {
     color: #555;
     margin: 0 4px 4px 0;
     max-height: 240px;
     padding: 0 0 0 4px;
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch
 }

 .chosen-container .chosen-results li {
     display: none;
     line-height: 1.42857143;
     list-style: none;
     margin: 0;
     padding: 5px 6px
 }

 .chosen-container .chosen-results li em {
     background: #feffde;
     font-style: normal
 }

 .chosen-container .chosen-results li.group-result {
     display: list-item;
     cursor: default;
     color: #999;
     font-weight: 700
 }

 .chosen-container .chosen-results li.group-option {
     padding-left: 15px
 }

 .chosen-container .chosen-results li.active-result {
     cursor: pointer;
     display: list-item
 }

 .chosen-container .chosen-results li.highlighted {
     background-color: #428bca;
     background-image: none;
     color: #fff
 }

 .chosen-container .chosen-results li.highlighted em {
     background: transparent
 }

 .chosen-container .chosen-results li.disabled-result {
     display: list-item;
     color: #777
 }

 .chosen-container .chosen-results .no-results {
     background: #eee;
     display: list-item
 }

 .chosen-container .chosen-results-scroll {
     background: #fff;
     margin: 0 4px;
     position: absolute;
     text-align: center;
     width: 321px;
     z-index: 1
 }

 .chosen-container .chosen-results-scroll span {
     display: inline-block;
     height: 1.42857143px;
     text-indent: -5000px;
     width: 9px
 }

 .chosen-container .chosen-results-scroll-down {
     bottom: 0
 }

 .chosen-container .chosen-results-scroll-down span {
     background: url(chosen-sprite.html) no-repeat -4px -3px
 }

 .chosen-container .chosen-results-scroll-up span {
     background: url(chosen-sprite.html) no-repeat -22px -3px
 }

 .chosen-container-single .chosen-single {
     background-color: #fff;
     -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
     background-clip: padding-box;
     /* border:1px solid #ccc; */
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     /* -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075); */
     /* box-shadow:inset 0 1px 1px rgba(0,0,0,.075); */
     color: #555;
     display: block;
     height: 48px;
     overflow: hidden;
     line-height: 34px;
     padding: 9px 5px 0 12px;
     position: relative;
     text-decoration: none;
     white-space: nowrap;
 }

 .chosen-container-single .chosen-single span {
     display: block;
     margin-right: 26px;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap
 }

 .chosen-container-single .chosen-single abbr {
     background: url(../images/chosen-sprite.png) right top no-repeat;
     display: block;
     font-size: 1px;
     height: 10px;
     position: absolute;
     right: 26px;
     top: 12px;
     width: 12px
 }

 .chosen-container-single .chosen-single abbr:hover {
     background-position: right -11px
 }

 .chosen-container-single .chosen-single.chosen-disabled .chosen-single abbr:hover {
     background-position: right 2px
 }

 .chosen-container-single .chosen-single div {
     display: block;
     height: 100%;
     position: absolute;
     top: 0;
     right: 0;
     width: 18px
 }

 .chosen-container-single .chosen-single div b {
     background: url(../images/chosen-sprite.png) no-repeat 0 7px;
     display: block;
     height: 100%;
     width: 100%
 }

 .chosen-container-single .chosen-default {
     color: #777
 }

 .chosen-container-single .chosen-search {
     margin: 0;
     padding: 3px 4px;
     position: relative;
     white-space: nowrap;
     z-index: 1000
 }

 .chosen-container-single .chosen-search input[type="text"] {
     background: url(chosen-sprite.html) no-repeat 100% -20px, #fff;
     border: 1px solid #ccc;
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
     box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
     margin: 1px 0;
     padding: 4px 20px 4px 4px;
     width: 100%;
     height: 40px;
 }

 .chosen-container-single .chosen-drop {
     margin-top: -1px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
     background-clip: padding-box
 }

 .chosen-container-single-nosearch .chosen-search input {
     position: absolute;
     left: -9000px
 }

 .chosen-container-multi .chosen-choices {
     background-color: #fff;
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     cursor: text;
     margin: 0;
     overflow: hidden;
     padding: 7px 2px 0 11px;
     position: relative;
     height: 48px;
     /* border:1px solid #e4e6f2; */
     font-size: 15px;
     font-weight: 500;
 }

 .chosen-container-multi .chosen-choices li {
     float: left;
     list-style: none
 }

 .chosen-container-multi .chosen-choices .search-field {
     margin: 0;
     padding: 0;
     white-space: nowrap
 }

 .chosen-container-multi .chosen-choices .search-field input[type="text"] {
     background: transparent !important;
     border: 0 !important;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #555;
     height: 32px;
     margin: 0;
     padding: 4px;
     outline: 0
 }

 .chosen-container-multi .chosen-choices .search-field .default {
     color: #999
 }

 .chosen-container-multi .chosen-choices .search-choice {
     background-clip: padding-box;
     background-color: #f2f8fd;
     border: 1px solid #e9eff4;
     border-top-right-radius: 4px;
     border-top-left-radius: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
     color: #1386d1;
     cursor: default;
     line-height: 13px;
     margin: 6px 0 3px 5px;
     padding: 4px 20px 3px 5px;
     position: relative;
     font-size: 13px;
 }

 .chosen-container-multi .chosen-choices .search-choice .search-choice-close {
     background: url(chosen-sprite.html) right top no-repeat;
     display: block;
     font-size: 1px;
     height: 10px;
     position: absolute;
     right: 4px;
     top: 5px;
     width: 12px;
     cursor: pointer
 }

 .chosen-container-multi .chosen-choices .search-choice .search-choice-close:hover {
     background-position: right -11px
 }

 .chosen-container-multi .chosen-choices .search-choice-focus {
     background: #d4d4d4
 }

 .chosen-container-multi .chosen-choices .search-choice-focus .search-choice-close {
     background-position: right -11px
 }

 .search-choice-close:after {
     content: 'close';
     position: absolute;
     color: #7291aa;
     font-size: 13px;
     font-weight: 600;
 }

 .chosen-container-multi .chosen-results {
     margin: 0;
     padding: 0
 }

 .chosen-container-multi .chosen-drop .result-selected {
     display: none
 }

 .chosen-container-active .chosen-single {
     border: 1px solid #66afe9;
     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
     box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
     -webkit-transition: border linear .2s, box-shadow linear .2s;
     -o-transition: border linear .2s, box-shadow linear .2s;
     transition: border linear .2s, box-shadow linear .2s
 }

 .chosen-container-active.chosen-with-drop .chosen-single {
     background-color: #fff;
     border: 1px solid #66afe9;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
     box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
     -webkit-transition: border linear .2s, box-shadow linear .2s;
     -o-transition: border linear .2s, box-shadow linear .2s;
     transition: border linear .2s, box-shadow linear .2s
 }

 .chosen-container-active.chosen-with-drop .chosen-single div {
     background: transparent;
     border-left: none
 }

 .chosen-container-active.chosen-with-drop .chosen-single div b {
     background-position: -18px 7px
 }

 .chosen-container-active .chosen-choices {
     border: 1px solid #66afe9;
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0;
     -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
     box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82, 168, 236, .6);
     -webkit-transition: border linear .2s, box-shadow linear .2s;
     -o-transition: border linear .2s, box-shadow linear .2s;
     transition: border linear .2s, box-shadow linear .2s
 }

 .chosen-container-active .chosen-choices .search-field input[type="text"] {
     color: #111 !important
 }

 .chosen-container-active.chosen-with-drop .chosen-choices {
     border-bottom-right-radius: 0;
     border-bottom-left-radius: 0
 }

 .chosen-disabled {
     cursor: default;
     opacity: .5 !important
 }

 .chosen-disabled .chosen-single {
     cursor: default
 }

 .chosen-disabled .chosen-choices .search-choice .search-choice-close {
     cursor: default
 }

 .chosen-rtl {
     text-align: right
 }

 .chosen-rtl .chosen-single {
     padding: 0 8px 0 0;
     overflow: visible
 }

 .chosen-rtl .chosen-single span {
     margin-left: 26px;
     margin-right: 0;
     direction: rtl
 }

 .chosen-rtl .chosen-single div {
     left: 7px;
     right: auto
 }

 .chosen-rtl .chosen-single abbr {
     left: 26px;
     right: auto
 }

 .chosen-rtl .chosen-choices .search-field input[type="text"] {
     direction: rtl
 }

 .chosen-rtl .chosen-choices li {
     float: right
 }

 .chosen-rtl .chosen-choices .search-choice {
     margin: 6px 5px 3px 0;
     padding: 3px 5px 3px 19px
 }

 .chosen-rtl .chosen-choices .search-choice .search-choice-close {
     background-position: right top;
     left: 4px;
     right: auto
 }

 .chosen-rtl.chosen-container-single .chosen-results {
     margin: 0 0 4px 4px;
     padding: 0 4px 0 0
 }

 .chosen-rtl .chosen-results .group-option {
     padding-left: 0;
     padding-right: 15px
 }

 .chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
     border-right: none
 }

 .chosen-rtl .chosen-search input[type="text"] {
     background: url(chosen-sprite.html) no-repeat -28px -20px, #fff;
     direction: rtl;
     padding: 4px 5px 4px 20px
 }

 @media only screen and (-webkit-min-device-pixel-ratio: 2),
 only screen and (min-resolution: 144dpi) {

     .chosen-rtl .chosen-search input[type="text"],
     .chosen-container-single .chosen-single abbr,
     .chosen-container-single .chosen-single div b,
     .chosen-container-single .chosen-search input[type="text"],
     .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
     .chosen-container .chosen-results-scroll-down span,
     .chosen-container .chosen-results-scroll-up span {
         background-image: url(chosen-sprite%402x.html) !important;
         background-size: 52px 37px !important;
         background-repeat: no-repeat !important
     }
 }