@charset "utf-8";

@font-face {
  font-family: "SFSymbols";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/SFSymbolsFallback-Regular.woff?v=1.0") format("truetype");
}
@font-face {
  font-family: Segoe UI;
  src: url("../fonts/Segoe UI.ttf");
}
.icon {
  font-family: "SFSymbols";
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
}
 

/*********************************************
		base css
*********************************************/
:root{
	font-size: 100%;
}
@font-face{
	src: url('../fonts/Puppet.woff');
	font-family: 'Puppet';
}
[data-m-vid] span, [data-mm-vid] span,.p-font,
.tgl:checked + label .tgl-btn:after{font-family: 'Puppet' !important;font-weight: 100;
text-transform: uppercase;font-style: normal;}

@media (min-width: 1200px){
.container {
    max-width: 1299px;
}
}

*{margin:0; padding:0;}
body{font-family: Helvetica, Roboto, Arial, sans-serif;color: #222;}
img{max-width:100%;}
a{-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; text-decoration:none !important}
ul, ol{list-style:none;}
/*h1, h2, h3, h4, h5, h6{font-family: Roboto, Helvetica, Arial, sans-serif;}*/
p{font-size:15px; line-height:23px; color:#000;}
/*.heading-title,.pages-str h1{text-align:left; font-size:42px; color:#000; font-family: Roboto, Helvetica, Arial, sans-serif;}*/
.heading-title span{color:#37a000;}
.display-table{display: table;width: 100%;}
form .display-table-cell{display: table-cell;vertical-align: top;}
.display-table > div:first-of-type{text-transform: uppercase;}
.pages-str img{max-width: 100%;}
.pages-str h1{margin-top: 0;}
.pages-str p span,.pages-str p strong,.pages-str p,.center-info p{font-size: 16px !important;}
.pages-str [align="center"]{display: none;}

h1 {
	font-size: 45px;
}
h2, .h2 {
	font-size: 30px;
}
h3 {
	font-size: 25px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
.m-0{
	margin: 0 !important;
}
.m-top-10{
	margin-top: 10px;
}

 .transition{transition: visibility 0.2s, opacity 0.2s;-webkit-transition: visibility 0.2s, opacity 0.2s;}
 .blog-inter .overlay-controls{transition: transform 0.2s;-webkit-transition: transform 0.2s;}


.p-color{color:#37a000;}
.header-wrap{position: fixed;top: 0;left: 0;width: 100%;background-color: rgba(255,255,255,0.90);
z-index: 99999;padding-bottom: 4px;
}
.header-wrap.add_shadow{
  box-shadow: 0 0 5px grey;
}
.header-wrap .logo{padding-top:7px;}
.navbar-default{background:none; border:none;}
.navbar{margin-bottom:0; min-height:32px;}
.header-wrap .col-md-5{padding-right:0;}
.navbar-default .navbar-nav>li>a{
	border-radius: 5px;margin-right: 2px;font-size:17px;  padding-top:12px;padding-bottom: 12px;padding-left: 7px;padding-right: 7px; color:#000000;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:hover{color:#fff; background:#000;}
.col-offset{width: 86%;float: right;}
.navbar-collapse{padding: 0;margin-top: 10px;}
.navbar{min-height:inherit;}
.slider{clear:both;}
.slider img{width: 100% !important; max-height: 500px;height: 500px}
.header-wrap .row{padding-left: 15px;padding-right: 15px;}
.slider .owl-carousel{background-color: #060000}
.owl-carousel .owl-item img:not(.cssloader){display: inline-block !important;}
.slider-carousel .owl-item{margin-top: 0;}
.slider-carousel .owl-stage-outer{padding-bottom: 0;}
/*.cgig-wrap.blog-inter{padding: 15px 0;}*/
.navbar-default .navbar-nav>li>a{
  position: relative;
}
.navbar-default .navbar-nav>li>a:before{
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 4px;
  background: #08d11c;
  display: none;
}
.navbar-default .navbar-nav>li>a.s-active{
  color: #37a000;
}
.navbar-default .navbar-nav>li>a.m-active{
  color: #37a000;
}


/*form span:not(.tgl-btn):not(.cropper-view-box){display: inline;}*/

.select2-container--open.select2-container{
  z-index: 100000000 !important;
}
.select2-container,.select2-container span:not(.selection):not(.select2-selection__choice__remove){display: block !important; }
.checkbox + label span, .radio + label span{display: inline-block !important;}
.select2-selection__rendered{display: block;}
.select2-selection.select2-selection--multiple{
	padding: 2px 10px 8px 10px !important;
	border-radius: 0 !important;
}
.select2-search.select2-search--inline{line-height: 1.5;}
.select2-search__field{top: 0px !important;}
.user-wrap{float: right; margin-top:17px;}
.login-btn{float:left; width:80px;}
.login-btn a{font-size:17px; color:#000; text-decoration:none;}
.login-btn a:hover{color:#37a000;}
.login-btn:before{content: "\f023"; font-weight: 700;font-family: 'Font Awesome 5 Free'; padding-right:10px; font-size:15px; color:#000;}
.envelope{font-size: 25px;position: relative;color: #000;}.envelope i{display: inline;position: relative;top: -5px;}
.envelope span{width: 16px;height: 16px;border-radius: 50%;position: absolute;background-color: #08d11c;color: #fff;z-index: 100;font-size: 11px;font-weight: 700;text-align:center;right: -5px;top: -5px;}


.register-btn{float:left}
.register-btn a{font-size:17px; color:#000; text-decoration:none;}
.register-btn a:hover{color:#37a000;}
.register-btn:before{content: "\f007";display:none;font-weight: 900; font-family: 'Font Awesome 5 Free'; padding-right:10px; font-size:15px; color:#000;}

/****************************************************
			    Slider css
****************************************************/
.form2-wrap .display-table-cell:first-of-type{width: 150px;}
.chat-btn1{text-align: left !important;}
.form-control,.note-editor{color:#000;font-size: 15px;}
/*.listWrpService.featured-wrap .para .gig-title{font-weight: bold;}*/
.subbtn{background: #37a000;color: #fff;font-weight: 500;padding: 12px 5px;border: 0;outline: 0;width: 100%;font-size: 18px;
text-align: center !important;font-weight: 700;}
.subbtn-small{background: #37a000;color: #fff;font-weight: 500;padding: 9px 50px;border: 0;outline: 0;font-size: 15px;
text-align: center !important;font-weight: 700;}
.chat-btn1 a,.subbtn,.subbtn-small{border: solid 1px #37a000;}
.lbll-wrap input{position: relative;top: 2px;}
.m-img img,.directory-banner{width: 100%;object-fit: cover;-o-object-fit: cover;}
.dropzone .dz-preview .dz-image img{object-fit: cover;-o-object-fit: cover;}
.no-record{padding: 20px 10px;margin-top: 15px;width: 100%;}
.no-record h2{margin: 0;}
.player{width: 98% !important;}
/*********************************************
			Custom slider options
**********************************************/
.black-bg{background:rgba(0,0,0,.63); color:#a8a8a8; text-transform:none;}

/* Mozilla Firefox 15 below */

/* Opera 12.0 */

/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
	0% {
		transform:translateY(0%);
	}
	50% {
		transform:translateY(-30%);
	}
	100% {
		transform:translateY(0);
	}
}

/*********************************************
		Browse css
*********************************************/

/*********************************************
		Featured job css
*********************************************/
.listWrpService.jobdetail{margin: 0;}
.mem-verified{font-size: 18px;color: #37a000;}
.listWrpService{padding:0px 15px 0px 15px; background:#fff; margin:15px 0; border: 1px solid #e0e0e0;}
.listWrpService:hover{box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);  -moz-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15); -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);}
.clearfix{clear:both;}
.tgl + label .tgl-btn{width: 61px !important;height:  26px !important;background: #fff !important;border: solid 1px #333;display: flex;/*align-items: center;justify-content: center;*/}
.tgl-2:checked + label .tgl-btn, .tgl:checked + label .tgl-btn{background: #000 !important;}
.tgl:checked + label .tgl-btn span{background: #08d11c !important;}

.tgl:checked + label .tgl-btn2:after{
          margin-top: 0px !important;
  }

.tgl + label .tgl-btn span{width: 16px;height: 16px;background: #333;top: 3.5px;}
.tgl + label .tgl-btn:after{content: "OFF";right: 7px;position: absolute;font-size: 17px;margin-top: 0px;color: inherit;font-weight: bold;}
.tgl:checked + label .tgl-btn span{transform: translate3d(38px,0,0);-webkit-transform: translate3d(38px,0,0);}
.tgl:checked + label .tgl-btn:after{content: "LIVE";right: auto;left: 8px;color: #08d11c;font-weight: 100;margin-top: -6px;}
.pub-tgl:checked + label .tgl-btn:after{content: "ON";}
.tgl.story:checked + label .tgl-btn:after{content: "ON";}

.tgl:checked + label .tgl-btn1:after{
    margin-top: 0px !important;
}
.tgl + label .tgl-btn, .tgl-2 + label .tgl-btn{
  margin-right: 0;
}
.profile-live-btn{
  position: relative;
  z-index: 99;
}
.profile-live-btn .tgl-btn{
  min-width: 120px;
  min-height: 42px;
  border-radius: 40px !important;
}
/*.profile-live-btn .tgl-btn:after{
  font-size: 27px !important;
}*/
.tgl:checked + label.profile-live-btn .tgl-btn:after,.tgl + label.profile-live-btn .tgl-btn:after{
  left: 36%;
  font-size: 38px;
  transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);
}
.tgl + label.profile-live-btn .tgl-btn span{
    top: 3px !important;
    width: 32px;
    height: 32px;
}
.tgl + label.profile-live-btn .tgl-btn span{
  left: -10px;
}
.tgl:checked + label.profile-live-btn .tgl-btn span{
  transform: translate3d(80px,0,0);
  -webkit-transform: translate3d(91px,0,0);
}

.OnOff span
{
    left: 4px !important;
}
.OnOff:after
{
  left: 56% !important;
  margin-top: -6px !important;
  font-family: 'Puppet' !important;
}
.mail_notification{position: relative;top: 6px;left: 6px;}
.p_bold p{font-size: 17px;}

.blog-inter ~ label{margin-top: 8px;position: absolute;}
.cus-wrap .owl-stage-outer{padding-bottom: 39px;}
.albums h4{margin-bottom: 0;margin-top: 0;}
.cus-wrap .owl-item > div, .cus-wrap .owl-item > div > div{/*height: 96.5% !important;*/}
.profile-setting2{height: 60px}
.red{color: red;}
.green{color: #37a000;}
.text-side-img img{max-width: 400px;}
.text-side-img h5{display: inline-block;}
.socl > div > div:not(:last-of-type){margin-bottom: 15px;}
.c-toggle-menu{min-width: 152px;top: 100%;z-index: 1000;display: flex;
    flex-wrap: wrap;
    flex-direction: column;}
.c-toggle-menu a{font-size: 14px !important;}
.c-toggle-menu a:hover{color: #fff;}

.unmsgcount {
    background-color: #08d11c;
    color: #fff;
    width: 17px;
    height: 17px;
    font-size: 13px;
    border-radius: 50%;
    text-align: center;
    line-height: 17px;
}
.d-head{border-bottom:1px solid #eee;}
.d-head h4{
    margin: 0;
    font-size: 14px;
    padding: 10px 15px;
 }

 .d-body{
    padding: 20px 15px;
 }
 .swal2-container{z-index: 10000000 !important;}
 .swal2-content a{color: inherit;text-decoration: underline !important;}


.name{font-size:18px; color:#000; text-transform:uppercase; font-weight:bold;}
.name span{display:block; text-transform:none; font-family: sans-serif; font-size:14px; font-weight:normal;}
.name{float:left; margin-top:10px;}
.test li{margin:0; margin-top:20px;}
.owl-dots{text-align:center;}
.owl-dot{display:inline-block;}
.owl-dots span{background:#ddd; width:7px; height:7px; margin:0 5px; display:inline-block;
border-radius: 50%;}

.owl-dot.active span{background:#37a000;}


.blog-wrap{padding:20px 0 0 0;}
.blog-wrap .widget-title,.albums .widget-title{position: relative;top: -13px;}
.blogGrid{clear: both;}
.blogGrid li{margin:15px 0;}
.blogGrid li .postimg{position:relative; display: inline-block;}
.postimg{overflow:hidden;}
.postimg img{ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}
.blogGrid li:hover img{-moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.blogGrid li:hover .blog-inter{box-shadow: 0 0 10px rgba(0,0,0,0.1); border-color:#37a000;}
.blogGrid li .postimg .date{display: none;font-size:16px; position: absolute; right:0; bottom: 8px; background: #37a000; padding: 6px 12px; color: #fff; font-weight: bold; border: 1px solid #fff;    z-index:1000;}
/*.postimg:before{content: ''; position: absolute; left:0; bottom: -1px; border-bottom: 30px solid #37a000; border-right: 30px solid transparent; z-index: 1000;}
.postimg:after{content: ''; position: absolute; right:0; top: 0px; border-top: 30px solid #37a000; border-left: 30px solid transparent; z-index: 1000;}*/
.blogGrid li:hover .postimg:before{transform: scale(1);}
.albums .owl-item h4 a,#notificationsBody li{word-break: break-all;}
.postimg{overflow:hidden;}
.postimg img{ -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;}

/************************************************
              App css
*************************************************/
.sticky-side{z-index: 9999}

/****************************************************
			    Footer css
****************************************************/
/*.post-header h4,.albums h4,.owl-stage a{color: #000;display: block;
margin-bottom: 0;}*/
.footer-wrap .footer-logo img,.logo img{max-width: 150px;width: 100%;}
.footer-wrap{background:#0e0e0e; padding:30px 0 35px 0;}
.index .footer-wrap{background: transparent;}
.footer-wrap h3{color:#fff; font-size:18px; text-transform:uppercase; margin-bottom:28px; margin-top:0;}
.footer-wrap p{font-size:16px; line-height:26px; color:#b3b3b3; margin-top:15px;}
.footer-links{list-style:none;}
.footer-links li{ padding:6px 0;}
.footer-links li a{font-size:16px; color:#b3b3b3; text-decoration:none;}
.footer-links li a:hover{color:#fff;}
.footer-links li:before{content: "\f105"; font-family: "Font Awesome 5 Free"; padding-right:10px; color:#b3b3b3;-moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;font-weight: 900;}
.footer{background:#080808; padding:12px 0;}
.index .footer{background: transparent;}
.copyright{font-size:14px; color:#b3b3b3; padding-top: 10px;}
.followWrp{float:right;}
.followWrp span{float:left; font-size:14px; color:#fff; font-weight:bold; margin-right:15px; padding-top: 8px;}

/****************************************************
			    Social css
****************************************************/
.social-wrap{list-style:none; float:right; margin-bottom:0;}
.social-wrap li{display:inline-block; padding:0 1px;}
.social-wrap li a{text-decoration:none; font-size:20px; color:#fff;
width: 35px;height: 35px;border-radius: 50%;text-align: center;
border: solid 1px #fff;line-height: 33px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.social-wrap li a:hover{background-color: #37a000;border-color: #37a000;}

/*********************************************
		Inner Header css
*********************************************/
.inner-heading{padding:80px  0;position: relative;z-index: 0;}
.inner-heading:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;
 background-color: rgba(0,0,0,0.7);z-index: -1;}
.webp .inner-heading{background:url(../img/inner-heading-bg.webp?v=1) no-repeat center center; ;background-size: cover;}
.no-webp .inner-heading{background:url(../img/inner-heading-bg.jpg?v=1) no-repeat center center; ;background-size: cover;}
.inner-heading h3{font-size:40px; color:#fff; text-align:center; text-transform:uppercase; margin:0;}
.inner-content{padding:50px 0;}
.inner-banner-wrap{margin: auto;}
.profile-ring img{border: solid 2px transparent;border-radius: 50%;}
.b-profile-img a{border-radius: 50%;background: #fff;}
.b-profile-img{position: absolute !important;left: 0%;width: 100%;bottom: 0;transform: translateY(50%);-ms-transform: translateY(50%);-webkit-transform: translateY(50%);}

.b-profile-img img{border-radius: 50%;border: solid 5px #fff;object-fit: cover;-o-object-fit: cover;}
.profile-lived img{border-color: #08d11c !important;}
/*.b-profile-img1{z-index: 0;position: absolute;left: 14px;bottom: 0;transform: translateY(50%);-ms-transform: translateY(50%);-webkit-transform: translateY(50%);}*/
.b-profile-img1{position: absolute !important;bottom: 0;left: 50% !important;
transform: translate(-50%,50%);-webkit-transform: translate(-50%,50%);
-ms-transform: translate(-50%,50%);z-index: 999;}
.b-profile-img1 img{width: 150px; height: 150px;border-radius: 50%;border: solid 5px #fff;}
.b-profile-img1:before{content: "";z-index: 1;background: rgba(0,0,0,0.7);position: absolute;top: 5px;left: 5px;width: calc(100% - 10px);height: calc(100% - 10px);border-radius: 50%;}
.cp-btn{background: #fff;color: #222;padding: 10px 15px;border: solid 1px #222;}
.f-btn{font-weight: 900;padding-left: 25px;padding-right: 25px;margin-left: 0px;}
.mobile_profile_section .f-btn.favourited{padding-right: 16px;padding-left: 16px;}
.flex_o{display: flex;}
.f-btn,.p-btn1,.p-btn,
html .swal2-popup .swal2-styled.swal2-confirm,html .swal2-popup .swal2-styled.swal2-cancel,
.js-editable-wrap button{border-radius: 40px;}
.profile-setting{padding: 13px 0;box-shadow: 0 1px 3px 0 rgba(0,0,0,0.25);margin-bottom: 3px;height:68px;}
.m-top-0{margin-top: 0 !important;}
.verification-divs .c-alert{margin-top: 0 !important;}
.pad-layer{padding: 30px 20px !important;}
.m-top-65{margin-top: 65px;}
.favourited,.muted,.blocked{background: #000;color: #fff;}



/****************************************************
			    Inner Content css
****************************************************/
.inner-content{padding:20px 0 60px 0; background: #F4F4F4;clear: both;}
.margin-alert-section{padding-top: 20px;}
.alert-section-container{display: none;}
.margin-alert-section .alert-section-container{display: block;}
.about h1{margin-top:0;}
.index .inner-content{background: transparent;}
html,body,.index{min-height: 100%;}
.index{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+12,000000+100 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 17%, rgba(0,0,0,1) 100%); 
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 17%,rgba(0,0,0,1) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,1) 17%,rgba(0,0,0,1) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#000000',GradientType=0 ); 
}

/****************************************************
			    About css
****************************************************/
.innerImg2{margin-top: 65px;}
/*.innerImg:before {position: absolute; content: ''; left: 0;  bottom: -1px; border-bottom: 60px solid #37a000; border-right: 60px solid transparent; z-index: 1000;}
.innerImg:after {position: absolute; content: ''; right: 0; top: 0px; border-top: 60px solid #37a000; border-left: 60px solid transparent; z-index: 1000;}*/
.center-info{padding:60px 0; }
.inner-content .heading-title{text-align:left; margin:0;}
.about-logo{position: relative;top: -11px;}
.about-logo img{width: 180px;}

/****************************************************
			    Contact css
****************************************************/
.m-auto{
	margin-left: auto;
	margin-right: auto;
	float: none !important;
}
.contact-now .contact {margin-bottom: 10px; padding: 52px 65px 55px; background: #fff;min-height: 100px;text-align: center;}
.contact-now .row > div > div{height: 100%;}
.contact-now .title{margin-bottom: 40px}
.contact > span {color: #999999; font-size: 44px;  line-height: 30px;  margin-right: 10px; text-align: center; width: 72px;}
.information {overflow: hidden; padding-right:18px;}
.information > strong {color: #000; display: table; font-size: 16px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase;}
.information > p {font-size: 17px; line-height: 22px; margin: 0;}
.mapWrp iframe{width:100%;}
.input-wrap .form-control{height:56px; padding: 6px 20px; border-radius:0px;}
.input-wrap{margin-bottom:15px; position:relative;}
.form-icon{position:absolute; top:22.5px; left:15px;line-height: 0}
.form-icon i{color:#000;font-size: 12px;}
.contact i{color:#37a000;margin-bottom: 20px;}
.contact-now input,.contact-now textarea{border-color: #e7e7e7;}
.contact-now form > .input-wrap textarea + .form-icon{top: 17px;}
.contact-now form > .input-wrap input + .form-icon{top: 22px;}
.input-wrap textarea.form-control{height:168px !important; padding: 12px 20px;}
.contact-btn .sub{width:100%; height:45px; border-radius:0px; background: #000; color:#fff; font-size:16px; border:none; font-weight:bold;}
.contact-btn .sub i{padding-right:15px;}
.contact-now form >.input-wrap i{font-size: 14px;}

/****************************************************
			Pricing Table css
****************************************************/
.price{text-align:center; font-size:2.625em; color:#fff; background:#37a000; padding:10px 0; margin-top:30px;}

/****************************************************
			Login css
****************************************************/
.login{border:8px solid #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.17); padding: 24px; background:#fff;}
.login .form-control{padding: 6px 16px; border-radius:0;}
.contctxt{font-size: 24px; font-weight: bold; margin-bottom: 18px;}
.newuser {margin-top: 30px; text-align: center; color: #666; font-size:18px;}
.newuser a {font-weight: 600;color: #000;}
.formint .input-group-addon {display: block; background: none; padding: 6px 0; border: none; text-align: left;}
.formint .input-group-addon span{position:absolute; top:8px; right:0;}
.formint .input-group-addon span a{text-decoration:none; font-size:10px; color:#000;}
.loginWrp{background: #F4F4F4;}
.albums{margin-top: 30px;}

/****************************************************
			Job Detail css
****************************************************/
.yt-link div{padding-bottom: 56.5%;overflow: hidden;}
.yt-link iframe,.yt-link video{position: absolute;width: 100%;height: 100%;left: 0;right: 0;bottom: 0;}
.featureLinks li{font-size:17px; color:#000; margin-top:5px; position:relative;  line-height:24px;text-overflow: ellipsis;overflow: hidden;}
.featureLinks li:first-child{margin-top: 0;}
.featureLinks:not(.social-sidebar) i{font-style: normal;width:20px;font-size: 14px;position: relative;left: 1px;vertical-align: middle;}
.featureLinks span{width: calc(100% - 20px);overflow: hidden;text-overflow: ellipsis;vertical-align: middle;}
.featureLinks path,.featureLinks li,.pp-hjg,.foll-group a{/*color: rgb(101, 119, 134);*/color: #222;font-weight: 600;}
.social-sidebar path{color: #000 !important;}
.profile-section-container{
  text-align: center;
}
.description-box-p > div{overflow-y: auto;padding: 30px 15px;
position: absolute;width: 100%;bottom: 0;}
.foll-group{margin-bottom: 5px;margin-top: 0px;margin-left: -20px;margin-right: -20px;}
.foll-group li{display: inline-block;}
.foll-group a{padding: 3px 5px;font-weight: 300;}
.foll-group a b{font-size: 16px;position: relative;bottom: -2px;}
.foll-group a:first-of-type{margin-right: 5px;}
.foll-group a:hover{text-decoration: underline !important;}
.link-group{font-size: 20px;}
.link-group a{text-decoration: underline !important;color:#0584FF;
padding: 0px 10px;}
.sppp-head a{color: #333;}
.sppp-head h3{margin-bottom: 2px;line-height: 1;}
.sppp-head .rating-box{margin: 0px 0 5px 0;position: relative;top: 0px;}
.pp-hjg{position: relative;top: 0px;}
.sppp-head .pp-hjg a{/*color: #657786;*/color: #222;font-size: 16px;}
.featureLinks a{color: inherit;}
.featureLinks2{margin-top: 0px;margin-bottom: 0;}
.featureLinks2 li{padding-top:0px;padding-bottom: 4px;margin: 0;}
.chat-btn1 a{margin-top: 0px;padding: 18px 0px 19px 0;position: relative;top:5px;}
.text-side-img{margin-bottom: 10px;}
.featureLinks svg{width: 18px;position: relative;top: 4px;margin-right: 3px;}
/*.featureLinks li:before{content: "\f068"; font-family: 'Font Awesome 5 Free'; position:absolute; top:0; left:0; color:#2A5197;font-weight: 900;}*/
.jobdetail h2{font-size:24px;}
.jobdetail{padding:26px;}
.jobdetail h3{margin-top:0;}
.jobdetail .form-control{padding: 9px 15px !important;}
.jobdetail{padding-top: 0;}
.jobdetail h5{margin-bottom: 10px;margin-top: 20px;}
.p-head{font-weight: 600;font-size: 22px;}
.directory .upload-btnn{position: absolute;left: 10px;bottom: 2px;right: auto;padding: 3px 5px;font-weight: 999;color:  #fff;}
.upload-btnn .directory-txt{text-shadow: 0 0 3px #000;color: #fff;font-size: 18px;margin-right: 3px;}
.directory .b-prof{border-radius: 50%;margin-right: 5px;width: 70px;}
.directory a{display: block;}

/****************************************************
			Detail SidebarWrp css
****************************************************/
.radio:checked + label span{border-color:#000;background-color: #37a000;border-width: 1px;}
.checkbox:checked + label span:before{border-color:#37a000;}
.radio + label span:before{background-color: #37a000;}
/****************************************************
			Detail SidebarWrp css
****************************************************/
.phone{background:#4d1ca7; padding:14px 0; font-size:30px; position:relative; padding-left:96px; color:#fff; font-weight:bold;}
.sidebarWrp .phone:before{content: "\f095"; font-family: 'Font Awesome 5 Free'; position:absolute; top: 50%; left: 27px; border: 1px solid #fff; width: 50px; height: 50px; border-radius: 100%;text-align: center; line-height: 50px; color: #fff; font-size: 24px; margin-top: -25px;}
.userinfo{background:#eee; padding:30px 0px; text-align:center;}
.userinfo h3{margin-bottom:0;}
.userinfo p{margin-bottom:5px;}
.userinfo .icon{margin-top:0;}
.map{margin-top:10px; margin-bottom:20px;}
.map iframe{width:100%;}	
.detail,.display-msgs{background: #F4F4F4;}
.without-head{padding-top: 30px;}
.socl span{position: absolute;top: 50%;right: 10px;cursor: pointer;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.upload-btn{
	position: absolute;
    background-color: #000;
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, .8);
    border-radius: 2px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .6);
    color: #fff;
    padding: 6px 12px;
    bottom: 7px;
    right: 7px;
    transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), width .3s step-end;
    z-index: 10;
    cursor: pointer;
}
.upload-btn i{
	position: relative;
	top: 8px;
}
.upload-btn small{
	font-size: 11px;
	display: block;
	text-align: center;
}
.display-block{display: block;width: 100%;}
input[hidden]{display: none !important;}
.update-profile{cursor: pointer;}
.upload-btn i{
	margin-right: 10px;
}
@media all{

.cf:before,.cf:after{content:" ";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
a.disabled,a.disabled:hover{text-decoration:none;color:#999;cursor:default;}
.fa{display:inline-block;font:normal normal normal 14px/1 Font Awesome 5 Free;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.hidden{display:none!important;visibility:hidden!important;}
}
/*! CSS Used from: https://assetsv2.fiverrcdn.com/assets/application-desktop-c5e9bcf10f4b70f6b5b23bfdd502aea2.css ; media=all */
@media all{
textarea,input[type=text]{-webkit-appearance:none;background-color:#fff;padding:6px 7px 7px;margin:0;resize:none;border-radius:3px;box-sizing:border-box;}
textarea:active,textarea:focus,input:active,input:not(.select2-search__field)focus,select:focus{border:1px #1dbf73 solid !important;color:#555;}
}
/*! CSS Used from: https://assetsv2.fiverrcdn.com/assets/application-desktop-v2-9b3935d1968bb1fb0f704e7c61cd1eac.css ; media=all */
@media all{
.dropdown-toggle:active{outline:0;}
}
/*! CSS Used from: https://assetsv2.fiverrcdn.com/assets/user-dashboard-eb3c5478779a94d80c221959d4b217d5.css ; media=all */
/*! CSS Used from: https://assetsv2.fiverrcdn.com/assets/buyer-request-0df976e381df3b91a5adfb12a7644ced.css ; media=all */

/****************************************************
			Listing css
****************************************************/
.listing .form-control{ padding: 6px 14px; border-radius:0 !important;}
.note-editor,.listing .form-control{border: 1px solid #ddd}
.selection{width: 100%;}
.listing input.form-control,
.select2-selection.select2-selection--multiple
{height:44px !important;}
.para{font-weight:normal !important; margin-top:4px;clear: both;}
.listWrpService .apply{margin-top:27px;text-align: right;}
.listWrpService .apply a{font-size: 13px;}
.filter{font-size:18px; color:#fff; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #fff; padding-bottom: 11px; margin-bottom: 22px;}
.listWrpService .tags{margin-top:10px;}
.rating-box{margin: 5px 0 0 0px;position: relative;left: 3px;}
.rating-box svg{overflow: initial;stroke-width: 73px !important;}
#rateYo svg{stroke-width: 9px !important;stroke: #000}
.float-left{float:left;}.float-right{float: right;}
.para{padding-right: 5px;}
.rating-box .jq-ry-rated-group svg{fill: #37a000 !important;}
.rating-box svg{width: 12px;height: 12px;margin-left: 2px !important;}
.profile-section-container .rating-box svg{width: 16px;height: 16px;}
.rating-box svg:first-of-type{margin-left: 0px !important;}
.listWrpService .para{padding-left: 10px;}
.mem2{font-size: 14px;}
.black-bg{background-color: #000;padding: 40px;}
.g-title{width: 47%;}

button[disabled],.cdisabled,.cdisabled.tgl[disabled] + label{opacity: 0.5;}
.cdisabled,.cdisabled.tgl[disabled] + label{cursor: not-allowed;}
.c-alert{
   padding: 8px 35px 8px 14px;
   font-size: 12px;
   border-radius: 3px;
   padding-left: 35px;
   background-position:  10px 9px;
   background-repeat: no-repeat;
   margin-top: 10px;
   margin-bottom: 10px;

}
.c-alert a{text-decoration: underline !important;color: inherit;}
.c-alert-info{
   background-image: url('../img/information.png');
   background-color: #d9edf7;
   border: solid 1px #3a87ad;
}

 .c-alert-info h5,.c-alert-info{
   color: #3a87ad;
   margin-top: 0;
 }
 .c-alert-success{
     color: #468847;
     background-color: #dff0d8;
     background-image: url('../img/accept.png');

  }

  .c-alert-error{
     background-image: url('../img/error.png');
     background-size: 15px 15px;
     color: #a94442;
     background-color: #f2dede;

  }
 
 .alert-section-container .c-alert{
 	margin: 5px 0;
 }
 .alert-section-container .c-alert-error:last-of-type{
 	margin-bottom: 20px;
 }
.serv-group{position: relative;top: 1px;line-height: 1;background: #fff;color: #000 !important;margin-bottom: -3px;margin-top: 1px;border-radius: 4px;padding: 4px 8px 4px 8px;font-size: 12px;
border: solid 1px #000;}

/****************************************************
			LeftSidebar css
****************************************************/
.check li{position:relative; margin:7px 0; border-bottom: 1px solid #fff;}
.ad{margin-top:30px; text-align:center;}

/*********************************************
		 Pagination css
**********************************************/
.navbar-nav{margin-bottom: 0;}
.pagination li{float: left;}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius:0;}	
.pagination li:hover a,.pagination li:hover span, .pagination li.active a, .pagination li.active span{background:#37a000;  color:#fff;}
/*.pagination>.active>a:hover{background:#4d1ca7; border:1px solid #4d1ca7; color:#fff;}*/

[data-m-box="setting"] .display-table .display-table-cell:first-of-type{width: 150px;text-align: right;padding-right: 15px;vertical-align: top;padding-top: 13px;}
[data-m-box="setting"] > div{height: 100%;overflow-y: auto;}
[data-m-box="setting"] .js-log-cls{z-index: 9999;}
.b-profile-img1 i{z-index: 10;cursor: pointer;color: #fff;position: absolute;top: 50%;left: 50%;font-size: 17px;transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
[data-m-box="setting"] label{margin-bottom: 0;font-size: 13px;}
/*[data-m-box="setting"] label > span{width: 100%;}*/
.red{color: red;}

/*********************************************
		 Job Post css
**********************************************/
.conForm textarea.form-control{padding: 12px 16px; height:150px !important;}
.conForm .btn{padding:11px;}

/*********************************************
	 Candidates Lisitng css
**********************************************/

.social-sidebar a{
	    text-decoration: none;
	    font-size: 19px;
	    /*color: #657786 !important;*/
	    color: #fff !important;
	    width: 35px;
	    height: 35px;
	    border-radius: 50%;
	    text-align: center;
	    line-height: 35px;
	    /*border: solid 1px #657786;*/
	    font-weight: 400;
	    transition: all 0.2s;
	    -webkit-transition: all 0.2s;
}
.social-sidebar li{display: inline-block;margin-top: 0;margin-right: 0px;margin-bottom: 2px;}
/*.social-sidebar li a:hover{background: #37a000;color: #000 !important;}*/
/*.social-sidebar li a:hover svg path{fill: #000 !important;}*/

/*********************************************
		 Candidates details css
**********************************************/

/*********************************************
		 Side bar css
**********************************************/
.widget-title{font-size:22px; font-weight:600;  margin-bottom:5px;}

/*********************************************
	 Sidebar Search css
**********************************************/
.search{position:relative; margin-bottom:15px;}
.search .form-control{border-radius:0; height:auto; padding:10px 12px; border-color:#ddd;}
.search .btn{position: absolute; right: 0; top: 0; border-radius: 0; background: none; font-size: 20px;}

/*********************************************
	 Categories css
**********************************************/
/*********************************************
	 Archives css
**********************************************/

/*********************************************
	 Popular Posts css
**********************************************/

/*********************************************
	 Tags css
**********************************************/
.tags:after{display:table; clear:both; content:'';}
.tags li {display: inline-block; float: left;}
.tags a {font-size: 13px; color: #969595; border: 1px solid #dadada; padding: 7px 10px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-transform: uppercase;}
.tags a:hover {border: 1px solid #37a000; background:#37a000; color: #fff; text-decoration:none;}

/*********************************************
	 Photo Gallery css
**********************************************/

/*********************************************
	 Faqs css
**********************************************/

/*********************************************
	 404 page css
**********************************************/

/*********************************************
	 Typoghrapy css
**********************************************/
 h6{font-weight:bold;}

/*********************************************
    Review
 ********************************************/
 .reviews-cont{margin-top: 20px;padding: 30px 0;background-color: #F4F4F4}
 .container-detail-box {
     border-radius: 6px;
     background: #fff;
     position: relative;
     overflow: hidden
 }

 .container-detail-box {
     padding: 30px 30px 0 30px;
     margin-bottom: 30px;
     border: 1px solid #eaeff5
 }
 .review-list {
     display: table;
     width: 100%;
 }
 .container-detail-box .row > .review-list:last-of-type{
 	margin-bottom: 0;
 }
 .review-thumb {
     max-width: 80px;
     float: left;
     display: table-cell
 }

 .review-detail {
     display: table;
     margin-left: 90px
 }

 .review-detail h4 {
     margin: 0 0 3px
 }

 .review-detail h4 span {
     float: right;
     opacity: .8;
     font-weight: 400;
     font-size: 13px
 }

 .review-detail p {
     margin: 9px 0 10px;
 }
 .reviews-cont .widget-title{
 	margin: 0 0 20px 0;
 }
 /*.l-overlay, [data-m-box]{padding: 0;}*/
 .slider .owl-item{text-align: center;}
 .slider img{display: inline-block !important;}
 .slider .owl-nav button{transition: opacity 0.2s;opacity: 0;position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
 .slider .owl-carousel:hover button{opacity: 1;}
 .slider .owl-nav button:first-of-type{left: 5px;}
 .slider .owl-nav button:last-of-type{right: 5px;}
 .slider .owl-nav button span{color: #fff;font-size: 50px;line-height: 0}
 .owl-stage{display: flex;flex-wrap: wrap;}
 .owl-stage-outer{padding-bottom: 30px;}
 .other-profile .owl-stage-outer,.albums .owl-stage-outer{padding-bottom: 0px;}
 .owl-item li{height: 100%}
 .ajax-ads  .owl-item li{height: auto;}
 .blog-inter .postimg{position: relative;}
 .blog-inter .overlay-controls{transform: translateY(-100%);-ms-transform: translateY(-100%);-webkit-transform: translateY(-100%);height: 34px;position: absolute;top: 0;left: 0;width: 100%;z-index: 99;}
 .blog-inter:hover .overlay-controls{transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);}
 .blog-inter .overlay-controls a{width:20px;float: right;margin: 5px 10px 10px 16px;color: #fff;font-size: 18px;}
 .overlay-controls a i.icon-trash{font-size: 15px;}
 .owl-item{margin-top: 0px;}
 .owl-carousel button{
 	outline: none;
 }
 .album-carousel.blogGrid li .postimg{
 	display: block;
 }
 .video{
 	display: block;
 }
 .listing:not(.cus-detail) .listWrpService{
 	border-left: 0;
 }
  .container-detail-box h4{font-size: 16px;}
 .container-detail-box .rating-box{
 	margin-top: 2px;left: 0;top:2px;
 }
 .text-left{text-align: left;}
 .text-center{text-align: center;}
 /*********************************************
 	Profile
 **********************************************/
.subbtn,.serv-group
,.upload-btn,.pricing__action,[data-m-box="cropper-box"] button{border-radius: 12px !important;overflow: hidden !important;}
.subbtn-small{border-radius: 6px;}
.btn-primary,.btn-danger{border-radius: 35px;}
html .select2-selection__rendered{max-height: 47px;overflow-x: auto !important;overflow-y: hidden !important;
text-overflow: unset !important;}
.select2 + span{width: 100% !important;}
html .select2-container .select2-search--inline{display: inline-block;float: none;
vertical-align: top;}
select.form-control{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E')
	;
	background-repeat: no-repeat, repeat;
	background-position: right .5em top 50%, 0 0;
	background-size: .65em auto, 100%;
}
html.webp body select.form-control{
	padding-right: 25px !important;
}
 .m-0{margin: 0 !important;}
 .relv{
 	position: relative;
 }
 .d-panel{box-shadow: 2px 2px 10px -1px rgba(0, 0, 0, 0.14);font-size: 13px;}
 .d-head{
    border-bottom: 1px solid #eee;
 }
 .d-body{
     padding: 20px 25px;
  }
  .d-body p,.d-panel table,.d-panel{
     font-size: 13px;
  }
  [data-m-box] > div{
  	padding: 0;
  }
 .d-head h4{
     margin: 0;
     font-size: 18px;
     padding: 10px 15px;
  }
 .p-btn{background-color: #000;color: #fff;min-width: 120px;padding: 11px 13px;font-size: 14px;text-align: center;}
 .p-btn1{font-weight: 700;background-color: transparent;min-width: 120px;padding: 10px 13px;font-size: 14px;border: solid 1px #222;color: #222;text-align: center;}
 .profile-setting .p-btn1{background: #000;color: #fff;}
 .flex{display: flex;flex-wrap: wrap;}
 .flex .listWrpService:not(.height-auto){height: 100%;}
 .fancybox-thumbs{background-color: rgba(30,30,30,.6) !important}
 html .fancybox-thumbs__list{
 	text-align: center;
 }
 html .fancybox-thumbs__list a{
 	float: none;
 }

/*********************************************
	 Media Screen css
**********************************************/

@media screen and (max-width: 990px){
.header .logo{margin-bottom:10px;}
.heading{padding-top: 40px;}
.feature h3{min-height: 54px;}
.user-wrap{margin-top:9px;}
.login-btn a{margin-right: 10px;}	
.owl-item > div{max-width:360px; margin:0 auto !important;}
.slider  .owl-item > div{max-width:none; margin:0 auto;}
.footer-logo{margin-bottom: 30px;}
.footer-links li{margin-bottom: 5px;}
.footer-wrap{padding-bottom: 10px;}
.copyright{margin-bottom: 5px;}
}

@media screen and (max-width: 767px){

.footer-wrap .footer-logo img,.logo img{max-width: 130px;}
.footer{padding-bottom: 80px;}
.header-wrap{margin-bottom:20px;}
.navbar-default .navbar-nav>li>a{padding:10px 15px;}
.navbar-default{background:#efefef; margin-bottom:10px;}
.heading-title{background:none;}
.heading-title span{padding:0;}
.navigationwrape{margin-top:10px;}
.b-profile-img{width: auto;left: 50%;transform: translate(-50%,50%);-ms-transform: translate(-50%,50%);-webkit-transform: translate(-50%,50%);}
.profile-setting .float-right{float: none;}
.profile-setting .do-follow{margin-left: 0;}
.l-btn-right{float: right !important;}
.l-btn-left{float: left !important;}
html .pro-live-btn{float: right;margin-right: 0;}
.do-follow{float: left;}
.mute-user,.block-user{float: right !important;}
/*.postimg{margin-bottom:20px;}
*/.postimg img{width:100%;}
.inner-heading{padding:70px 0;height: 230px;}
.inner-heading h3 {font-size: 30px;margin-top: 20px;}
.header-wrap .col-md-5{padding-right:15px;}
.copyright{text-align:center;}
.footer-wrap h3{margin-bottom: 10px;}
.followWrp{float:none;}
.contact-page .social-wrap{float:none;margin-left: -35px;margin-right: -35px;}
.social{text-align: center; margin: 10px auto 0 auto;}
.followWrp span{float: none;display: none;}
.owl-carousel .overlay-controls a{display: inline-block !important;width:20px !important;}
.blog-inter .overlay-controls{transform: translate(0);-webkit-transform: translate(0);-ms-transform: translate(0);}
.placeholder{height: 69px;}
.header-wrap{padding-bottom: 0;height: 69px;}
.index .header-wrap{height: auto;}
.navigationwrape {
    margin-left: 0% !important;
}
.upload-btn small{display: none;}
.upload-btn i{top: 0;}
.social-wrap{text-align:center; float:none;}
.description-box-p > div{max-height: 205px !important;position: relative; }
.foll-group{margin-left: -15px;margin-right: -15px;}
.yt-link div{padding-bottom: 56.7%;margin-top: 20px;}
.live_btn{background-color:  #08d11c !important}
.comments-edit-div{right: 0px}
}



@media screen and (max-width: 480px){
.heading{padding:0; font-size:18px;}
.heading-title{font-size:18px;}
.about-logo{position: relative;top: -6px;}
.about-logo img{width: 90px;}
.header-right{padding:8px;}
}



.img-circled{border-radius: 50%;}
.cgig-wrap{padding: 10px;}
.favourite-gig-wrap .cgig-wrap{padding: 0;}
.gig-wrap .owl-item > .cgig-wrap,.gig-wrap .owl-item .cgig-cover{height: 100%;}
.gig-wrap .owl-item > .cgig-cover{position: relative;}
.owl-item .cgig-wrap{margin: 0;}
.cgig-wrap > .cgig-cover{margin-bottom: 10px;}
.favourite-gig-wrap .cgig-wrap > .cgig-cover{margin-bottom: 0;}
.owl-carousel .cgig-desc{padding-bottom: 22px;}
.other-profile.owl-carousel .cgig-desc{padding-bottom: 53px;}
/*.other-profile .cgig-desc{padding-bottom: 37px;}*/
.pro-live-btn{margin-right: 20px;margin-top: 0px;}
/*    Chat      */
.at_symbol{position: relative;top: -2px;}
.send-msg textarea:active, .send-msg textarea:focus,.inputchat:active, .inputchat:focus{
	border: none !important;
}
.mbody img{
	border-radius: 50%;
}
.mcontainer{
	position: relative;
}
.mcontainer{
    height: calc(100% - 65px);
    width: 100%;
}
.mcontainer .row{
	height: 100%;
	width: 100%;
}


.mcontainer .row > div {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0
}
.mcontainer .row > div{
	float: left;
	position: relative;
}
.mcontainer .row > div:first-of-type{
	width: 30%;
}
.mcontainer .row > div:last-of-type{
	width: 70%;
}

.mcontainer .mbody {
    flex-grow: 1;
    overflow-y: auto;
    
}
.user-chat-area .mbody{
	padding-top: 75px !important;
    padding-bottom: 82px !important;
}
.user-list-area .mbody{
	padding-top: 60px !important;
	border-right: 1px solid #3a3a3a;
}
.mbody.msgs a{
	color: #fff;
	text-decoration: underline !important;
}

.mcontainer .mfooter {
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: 99;
    border-right: 1px solid rgba(0, 0, 0, .06);
}

.mbody.border-n {
    border-left: 0
}
.mheading,.mcontainer .mfooter{
	background: rgba(0,0,0,0.75);
}
.mheading {
    padding: 5px 0;
    text-align: center;
    color: #fff;
    z-index: 100;
    position: absolute;
    width: 100%;
}
.user-list-area .mheading{
	border-right: 1px solid #3a3a3a;
}
.user-chat-name ul li > div:not(.contact-more){
    padding: 13px 10px 6px 10px;
    color: #000;
    position: relative;
    background: transparent;
    border: 0;
    outline: 0;
    cursor: pointer;
    width: calc(100% - 82px);
    float: left;
}
.chat-user-detail > div{
	position: relative;
	top: -2px;
}
.mbody .contact-more{
	width: 82px;
	float: right;
	border-bottom: solid 1px #000;
}
.notification-mark-read, .ajax-table tbody tr:hover{
	background-color: rgba(0, 0, 0, .02);
}

.user-chat-name .contactSelected{
	background-color: #171717;
}
#notificationsBody ul li > div{width: 100%;}
.user-chat-name li a{
	color: #222;
}
#notificationsBody button[type="submit"]{
	background-color: transparent;border: none;outline: none;
	width: 100%;text-align: left;
}

.user-chat-name button .light-grey {
    font-size: 12px
}

.light-grey {
    color: rgba(0, 0, 0, .4)
}

.user-chat-name .chat-ico {
    width: 50px;
}
.chat-user-detail{
	width: calc(100% - 50px);
}
.chat-user-detail span{
	max-width: calc(100% - 18px);
	overflow-x: hidden;
	text-overflow: ellipsis;
}
.chat-user-detail em{
	max-width: 100%;
	overflow-x: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	margin-top: 1px;
}
.chat-user-detail span,.chat-user-detail i{
	vertical-align: middle;
}
.chat-user-detail i{
	position: relative;
	top: 1px;
}
.chat-ico + div{width: calc(100% - 50px);}
.mbody ul li button{text-align: left;}
.mbody ul li .c-toggle-btn{float: right;padding: 10px 10px;position: absolute;right: 0;top: 0;
height: 100%;display: flex;align-items: center;}
.mbody ul li em{font-style: normal;font-size: 80%;}

.user-chat-name .display-table-cell {
    vertical-align: middle;
    display: block;
    float: left !important;
    color: #fff;
}

.msgFailed {
    opacity: .5
}
.msgFailedSpan{
	color: #fff;
	display: block;
	text-align: right;
	margin-top: 3px;
}
.msgFailedSpan i{
	margin-left: 14px;
	font-size: 13px;
	cursor: pointer;
}
.msgFailedSpan i.ch-resend{
	font-size: 10px;
	position: relative;
	top: -1px;
}
.msgErrText {
    color: red
}

.mbody li{
	position: relative;
	overflow: hidden;
}
.mbody .contact-more{
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	height: 100%;
}
.mbody .contact-more:hover{
	right: 0;
}
.mbody .contact-more span{
	background: #fff;
	color: #000;
	height: 100%;
	display: flex;
	align-items: center;
	padding: 10px 20px;
	cursor: pointer;
	transition: transform 0.2s;-webkit-transition: transform 0.2s;
	transform: translateX(82px);-ms-transform: translateX(82px);-webkit-transform: translateX(82px);
}

.mbody.msgs {
    padding: 15px;
}

.mbody.msgs>div:not(.t-spinner) {
    max-width: 85%;
    width: 100%;
    clear: both;
    margin-bottom: 10px;
}

.mbody.msgs>div:not(.t-spinner) div:last-of-type:not(.msg-desc) {
    color: #fff;
    margin-top: 2px;
}
.mbody.msgs>div:not(.t-spinner) div{
	font-size: 15px;
}
.mbody.msgs>div:not(.t-spinner) div span{
	font-size: 13px;
}

.mbody.msgs>div.pull-right>div:last-of-type {
    float: right
}

.mbody.msgs .msg-desc {
    padding: 10px 20px;
    border-radius: 22px;
    word-break: break-word;
    white-space: pre-wrap;
}
.mbody.msgs>div.pull-left .msg-desc,.m-photo{
  display: inline-block;
  vertical-align: bottom;
}
.mbody.msgs>div.pull-left .msg-desc{
  margin-left: 11px;
  max-width: calc(100% - 41px);
}
.m-photo{
  width: 25px;
  height: 25px;
}
.m-photo img{
  width: 100%;
  height: 100%;
}
.m-photo .darkgreen-dot{
  right: -5px !important;
  bottom: -1px !important;
}
.m-photo .yellow-dot{
  bottom: 1px !important;
  right: -5px !important;
}
.m-photo .yellow-dot span{
  font-size: 8px !important;
  position: relative;
  top: -2.5px;
}
.m-photo .yellow-dot{
  line-height: 0.8;
}

.mbody.msgs div.pull-right>div:first-of-type {
    color: #fff;
    position: relative;
}
.mbody.msgs div.pull-right>div:first-of-type,.mbody.msgs div.pull-right>div:first-of-type:before{
	background: #262629;
}
.mbody.msgs div.pull-right>div:first-of-type:before{
	content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: -8px;
    height: 20px;
    width: 20px;
    background-attachment: fixed;
    border-bottom-left-radius: 15px;
}
.mbody.msgs div.pull-right>div:first-of-type:after{
	content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: -10px;
    width: 10px;
    height: 20px;
    background: #000;
    background-attachment: fixed;
    border-bottom-left-radius: 15px;
}
.mbody.msgs div.pull-left .msg-desc {
    color: #000;
    position: relative;
}
.mbody.msgs div.pull-left .msg-desc{
	background: #08d11c; 
	z-index: 0;
}
.mbody.msgs div.pull-left .msg-desc:before{
	content: "";
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: -8px;
    height: 20px;
    width: 20px;
    background: #08d11c;
    background-attachment: fixed;
    border-bottom-right-radius: 15px;
}
.mbody.msgs div.pull-left .msg-desc:after {
	content: "";
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: -10px;
    width: 10px;
    height: 20px;
    background: #000;
    background-attachment: fixed;
    border-bottom-right-radius: 15px;
}
.mcontainer{
	background: #000;
}


.mbody .unmsgcount{
	position: absolute;
	top: -6px;
	right: 7px;
}
.mbody.user-chat-name{overflow-x: hidden;}
.send-msg {
    padding: 18px;
    background-color: transparent;
    border-top: 1px solid #3a3a3a;
    
}
/*.mheading,.send-msg,.blog-inter .overlay-controls,.header-wrap{
	backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);
}*/
.chat-user-detail span{
	margin-top: 1px;
}
.chat-btns-box {
    width: 70px;
    text-align: right;
    display: inline-block;
    position: relative;
    top: -2px;
}
.chat-msg-box{
	display: inline-block;
	width: calc(100% - 70px);
	top: -4px;
}
.chat-msg-box a{
	color: #fff;text-decoration: underline !important;
}
.send-msg>div:not(.t-spinner) {
    vertical-align: bottom;
    position: relative;
    padding-right: 2px;
}

.send-msg textarea,.inputchat{
    border: none;
    width: 100%;
    height: 100%;
    padding: 0;
    resize: none;
    overflow-y: auto;
    max-height: 100px;
    display: block;
    white-space: pre-wrap;
    word-wrap: break-word;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    outline: 0;
    background-color: transparent;
    color: #fff;
    font-size: 15px;
    position: relative;
}

.inputchat{
	cursor: text;
}
.inputchat:after{
	content: attr(data-text);
	z-index: -99;
	position: absolute;
	color: #797979;
}
.inputchat.inputContent:after{
	content: "";
}
.inputchat .emojioneemoji{
	width: 32px;height: 32px;font-size: 25px;
}
.inputchat span{
	display: inline;
}
html .emojionearea, .emojionearea.form-control{
	background-color: transparent;
	border: none;
}
.emojionearea-button-open,.emojionearea-button-close{
	display: none !important;
}
html .emojionearea.emojionearea-standalone .emojionearea-editor{
	padding: 0;
	background-color: transparent;
	overflow: visible;
}
html .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder{
	background-image: none !important;
}
html .emojionearea-editor .emojioneemoji{
	opacity: 1 !important;
	width: 28px !important;
	height: 28px !important;
	margin: 0;
	position: relative;
	margin-right: 5px;
}
html .emojionearea.emojionearea-standalone .emojionearea-editor::before{
	display: none;
}
html .emojionearea .emojionearea-editor{
	 min-height: auto !important;
}
html .emojionearea.emojionearea-standalone{
	vertical-align: bottom;
	position: relative;
	top: 2px;
}
.chat body.fancybox-active{height: 100%;}
.hide2{
	position: absolute;
	z-index: -99;
	opacity: 0;
	visibility: hidden;
	width: 0.01px;
	height: 0.01px;
}
.attachment{
	display: inline-block;
	color: #fff;
	font-size: 22px;
	cursor: pointer;
	line-height: 1;
	margin: 0 5px 0 0px;
	position: relative;
	top: 1px;
}

.chat-assets > div{
	display: inline-block;
	margin-right: 7px;
	margin-top: 7px;
	position: relative;
}
.chat-assets > div img{
	width: 54px;
	height: 54px;
	border-radius: 0;
}
.chat-assets .chat-file-pack{
	display: block;
}
.chat-assets .chat-file-pack a{
	font-size: 12px;
}
.attach-img{
	display: inline-block;
	margin-right: 7px;
	margin-top: 7px;
	position: relative;
}
.attach-img:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
.attach-img.error_file{
	border: solid 1px red;
}
.attach-img img{
	width: 54px;
	height: 54px;
}
.attach-img .closefile{
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 5;
	line-height: 1;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #696969;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.attach-img a{
	color: #827d7d;
	display: block;
	position: relative;
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 4;
}

.progress-circle {
  max-width: 20px;
  max-height: 20px;
  width: 100%;
  transform: scaleX(-1) rotate(-55deg);
}
.progress-circle path{
	stroke: #37a000;
}
.progress-circle path,.progress-circle circle{
	stroke-width: 10;
}
.progress-circle circle{
	stroke: #fff;

}
.progress-circle__percent {
  position: absolute;
  top: 44%;
  left: 50%;
  color: #fff;
  display: none;
  font-size: 7px;
  transform: translate(-50%, -50%);
}
.progress-circle__container {
  z-index: 5;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
}
.progress-circle__path {
  transition: 0.5s ease-in-out all;
}

.msgs .emojioneemoji{
	width: 32px;
	height: 32px;
}
.send-msg button {
    border: none;
    background-color: transparent
}

.svg-send[disabled]{
	opacity: 0.4;
}
.svg-send svg {
    width: 23px;
    position: relative;top: 3px;
}

.svg-send path {
    fill: #08d11c;

}
.chat .footer-wrap-outer,.chat .placeholder{
	display: none;
}
.chat .header-wrap{
	position: relative;
	margin-bottom: 0;
}
.mcontainer{
	height: calc(100% - 67px);
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown){
	height: 100% !important;
}
.mbody .contact-more-visible span{
	transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);
}


@media(max-width: 767px){
	html .emojionearea.emojionearea-standalone .emojionearea-editor.has-placeholder{
		display: none !important;
	}
	.send-msg{padding-right: 26px;}
	.chat-btns-box{
		width: 75px;
	}
	.chat-msg-box{
		width: calc(100% - 75px);
	}
	.attachment{
		margin-right: 15px;
	}
	.user-chat-name ul li > div:not(.contact-more){
		padding: 13px 10px 13px 10px;
	}
	.chat-user-detail > div {
		top: 4px;
	}
	.mbody.msgs>div:not(.t-spinner) div{
		font-size: 17px;
	}
	.chat-user-detail span{
		font-size: 17px;
	}
	.chat-ico img{
		width: 60px;
		height: 60px;
	}
	.user-chat-name .chat-ico {
	    width: 70px;
	}
	.chat-ico + div {
	    width: calc(100% - 70px);
	}
	/*.chat,.chat body{
		overflow: hidden;
	}*/
	.chat .footer-wrap-outer,.chat .placeholder{
		display: none;
	}
	.chat .header-wrap{
		position: relative;
		margin-bottom: 0;
	}

	.mcontainer{
		height: calc(100% - 69px);
	}
	.mcontainer .row{
		position: relative;
		overflow-x: hidden;
	}
	.mcontainer .row > div{
		width: 100% !important;
	}
	.mcontainer{
	    width: 100%;
	}
	.mcontainer .row > div{
		transition: transform 0.2s;-webkit-transition: transform 0.2s;-ms-transition: transform 0.2s;
	}
	.mcontainer .user-list-area,.mcontainer .user-chat-area{
	    position: absolute !important;
	    height: 100%;
	    top: 0;
	}
	.mcontainer .user-list-area{
		left: 0;
	}
	.mcontainer .user-chat-area{
		right: 0;
		transform: translateX(100%);-ms-transform: translateX(100%);-webkit-transform: translateX(100%);
	}
	.chat-area-active .user-list-area{
		transform: translateX(-100%);-ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);
	}
	.chat-area-active .user-chat-area{
		transform: translateX(0%);-ms-transform: translateX(0%);-webkit-transform: translateX(0%);
	}
	.mheading,.user-list-area .mbody{
		border-right: none !important;
	}
	.backbtn{
		position: absolute;
		left: 0px;
		top: 5px;
		cursor: pointer;
		padding: 15px;
	}
	.profile-setting .c-toggle-menu{
		position: fixed;top: 0;right: 0;z-index: 100000;
		width: 240px;background: #000;height: 100%;
		padding-top: 0px;border-radius: 0;overflow-y: auto;
		visibility: visible;box-shadow: none;
		opacity: 1;transform: translateX(240px);-ms-transform: translateX(240px);-webkit-transform: translateX(240px);
	}
  .profile-setting .sidebar-body ul{
    padding: 0;
  }
	.profile-setting .c-toggle-menu a{
		color: #fff;
		font-size: 16px !important;
		font-weight: 700;
		padding: 10px 15px;
		margin-top: 3px;
	}
	.profile-setting .c-toggle-menu a .p-font,.profile-setting .c-toggle-menu a{
		font-size: 16px !important
	}
	html .profile-setting .c-toggle-menu a:hover{background: #000 !important;}
	.profile-setting .c-toggle {
	    transform: translateX(0px);-ms-transform: translateX(0px);-webkit-transform: translateX(0px);
	}
	.c-toggle-overlay{position: fixed;top: 0;left:0;width: 100%;height: 100%;
		background: rgb(0 0 0 / 30%);
		z-index: 99999;visibility: hidden;opacity: 0;transition: all 0.2s;-webkit-transition: all 0.2s;}
	.c-toggle + .c-toggle-overlay{visibility: visible;opacity: 1;}
}
@media(min-width: 768px){
  .flex_o{justify-content: space-between;}
  .chat-btn1{margin-top: 4px;}
  .b-profile-img{text-align: center;}
	.hod{display: none;}
	.sp-desk{display: none;}
	.backbtn{display: none !important;}
	.mbody .contact-more:hover span{
		transform: translateX(0);-ms-transform: translateX(0);-webkit-transform: translateX(0);
	}
  .profile-bio-wrap{margin: 0 -10px;}
  .profile-bio-wrap .map{margin-top: 20px;}
  .profile-bio-wrap > div{padding: 0 10px;}
  .inner-banner-wrap .row > div,.profile-bio-wrap > div:first-of-type{width: 23%;}
  .profile-bio-wrap > div:first-of-type{overflow-y: scroll;overflow-x: hidden;}
  .profile-bio{position: absolute;left: 0;width: 100%;}
  .profile-bio-wrap > div:nth-of-type(2){width: 77%;left: 0%;}
  .profile-bio-wrap > div.have-video{width: 23%;left: 54%;}
  .profile-bio-wrap > div.yt-link{width: 54%;right: 23%;}
  .description-box-p.have-n-video > div{position: static;height: 320px !important;}
  .topbar-search{display: none !important;}
  .cgig-d-content a{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
    -webkit-box-orient: vertical;
    font-size: 17px !important;
  }
 
  [data-m-box="setting"] .display-table{display: flex;}
  [data-m-box="setting"] .display-table .display-table-cell:last-of-type{width: calc(100% - 150px);}
}


.fav-block > div a:not(.page-link),.fav-block > div button.btn-progress{margin-top: 10px;}
.ajax-table th{cursor: pointer;}
.ajax-table tbody .btn{min-width: 34px;}
.table-top{
    font-size: 14px;
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
}
 .table-top input,.table-top select,.table-meta input,.table-meta select{
  font-size: 14px;
  line-height: 1.62857143;
  color: #555555;
  background: #ffffff;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 4px;
  margin: 3px 0;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
  transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.table-top select{
    height: 34px;
}
.table-top select:focus,.table-top input:focus,.table-meta input:focus{
  border-color: #66afe9 !important;
}
.calender-form{
    margin-left: 10px;
}
.table-meta .calender,.table-meta .p-0{
    float: left;
}
.table-meta .btn-primary,.ajax-table tbody .btn-primary{background-color: #000;border: solid 1px #000;}
.table-meta .btn-danger,.ajax-table tbody .btn-danger{background-color: #fff;border: solid 1px #000;color: #000;}
.table-meta .btn:hover,.ajax-table .btn:hover{box-shadow: none;}
.table-meta .calender{
    margin-right: 5px;
    position: relative;
}
.table-meta button{
    margin-top: 3px;
}
.ajax-table{
    margin-top: 10px;
    position: relative;
    
}
.ajax-table:not(.row){
	overflow-x: auto;
}
.pagination{
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
}
.mt-mr .pagination{margin-top: 20px;}
.pagination li{
    float: left;
}
.pagination a,.pagination  span{
    padding: 0 11px;
    margin: 0 1px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    background-color: #b3b3b3;
    color: #fff;
}
.jobdetail .flex:after,.jobdetail .table-pag:after,#notificationTitle:after{
    content: "";
    display: none !important;
    clear: none;
}
.ajax-table td:not([colspan]){text-align: left;}
.ajax-table td:last-of-type:not([colspan]){text-align: right;}
.ajax-table form.d-inline{display: inline-block;}
.notificationLink i{color: #000;font-size: 28px;margin-left: 13px;}
#notification_li
{
position:relative
}
#notificationContainer 
{
background-color: #fff;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
overflow: visible;
position: absolute;
top: 100%;
top: calc(100% + 12px);
right: 0;
width: 270px;
max-height: 300px;
color: #212121;
padding: 0;
text-align: left;
}
#notificationContainer:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 0;
color: transparent;
border: 10px solid black;
border-color: transparent transparent white;
margin-top: -20px;
right: 10px;
}
#notificationTitle
{
padding: 8px;
font-size: 12px;
border-bottom: 1px solid rgba(0,0,0,.06);
}
#notificationTitle a,#notificationFooter a{color: #3097D1;}
#notificationTitle a,#notificationFooter a,#notificationsBody a{
    padding: 0;
    font-size: 13px !important;
}
#notificationTitle a{float: right;}
#notificationTitle a:hover,#notificationFooter a:hover,#notificationsBody a:hover{
    background: transparent;
    color: auto;
}
#notificationsBody a:hover{
    color: #000;
}
#notificationsBody
{
max-height:210px;
overflow-y: auto;
}
#notificationsBody p{
    font-size: 14px;
}
#notificationsBody li{
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
    cursor: default;
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
#notificationsBody li:last-child{
    border-bottom: 0;
}
#notificationsBody li,.notification-mark-read{
    color: #333333;
}
#notificationFooter
{
background-color: #f5f5f5;
text-align: center;
font-size: 12px;
border-top: 1px solid rgba(0,0,0,.06);
}
#notificationFooter a{
    padding: 8px;
    display: block;
}
.noti-redirect-div{
	float: right;
}
.noti-redirect-div button{
	color: #000;
	padding: 0;
}
.noti-redirect-div button,.noti-redirect-div a{
	padding: 3px 1px !important;
}
.noti-redirect-div button:hover,.noti-redirect-div a:hover{
	box-shadow: none;
}
.noti-redirect-div a{
	background: transparent;
}
.notification_count{
  background: #08d11c;
}
.green-round{
  background: #37a000;
}
.notification_count,.green-round
{
width: 17px;
height: 17px;
line-height: 17px;
text-align: center;
color: #ffffff;
font-weight: bold;
margin-left: 8px;
right: -3px;
border-radius: 9px;
-moz-border-radius: 9px; 
-webkit-border-radius: 9px;
position: absolute;
margin-top: -6px;
font-size: 11px;
z-index: 1;
}
.ajaxtt{padding: 20px;}


.rating-css div.counter {
    display: none;
    position: absolute;
    min-width: 23px;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    line-height: 0.7;
    height: 22px;
    background-color: rgba(0, 0, 0, 0.8);
    top: 43%;
    right: -40px;
    margin-top: -10px;
    color: white;
}
.rating-css .rate-container{display: inline-block;}
.rating-css div.rate-container:hover div.counter {
    display: block;
}
.b-profile-img1 img{
	object-fit: cover;-o-object-fit: cover;
}
.review-detail{width: calc(100% - 90px);}
.reply-box .review-detail{width: calc(100% - 80px);margin-left: 80px;}
.review-detail a{color: #333;}
.reviews-box .container-detail-box{padding: 30px 30px 0px 30px;}

.reviews-box img{width: 70px;height: 70px;object-fit: cover;-o-object-fit: cover;}
.reply-box img{height: 60px;width: 60px;}
.subbtn-sm{font-size: 14px;background:#000;width: 100%;padding: 7px;border: none;outline: 0;color: #fff;}
.customlay{
  position: fixed;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  visibility: hidden;
  opacity: 0;
  z-index: 99999999;
  transition: opacity 0.2s ease-out;-webkit-transition: opacity 0.2s ease-out;
  background-color: rgba(0,0,0,0.8);
 }
 .customlayVisible{
  opacity: 1;
  visibility: visible;
 }
 .coord-btn{
 	border-radius: 4px;
 	padding: 8px;
 	margin-top: 1px;
 }

 .sppp-head .p-head a,.sppp-head .pp-hjg a{
 	width: 100%;
 	text-overflow: ellipsis;
 	overflow: hidden;
 }
 .sppp-head .p-head a span{max-width: 94%;text-overflow: ellipsis;
 	vertical-align: middle;font-size: 27px;white-space: nowrap;}
 

.navigationwrape{float: left;}
.topbar-user-pic{margin-left: 13px;width: 28px;height: 28px;margin-top: -2px;}
.topbar-user-pic,.cgig-profile img,.review-thumb img,.chat-ico img,.mbody img,
.b-prof,.fav-block img,.comment-avatar img,.mheading img
{border: solid 2px transparent;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}

.topbar-user-pic,.cgig-profile img,.review-thumb img,.chat-ico img,.mbody img,
.b-prof,.fav-block img,.comment-avatar img,.mheading img,.b-profile-img img,.mob_id_wraps img,
.id_wraps img,.profile-ring img{
  transition: border-color 0.2s;-webkit-transition: border-color 0.2s;
}

.mheading img{border-radius: 50%;}
.review-thumb img{border-width: 3px !important;}
.fav-block img{border-width: 5px !important;}
.chat-ico img{margin-top: -2px;}

#map,#map2{height: 200px;border: 1px solid #e0e0e0}
/*.map{margin-top: 37px;}*/
.map h4{margin-top: -10px;}

.mt-10{margin-top: 20px;}
[data-m-vid] span,[data-mm-vid] span{float: left}
@media(min-width: 768px){
	.menu-ico{display: none;}
	.video-height{height: 433px;}
	.som{display: none;}
}




@media(max-width: 1199px){
	.col-offset{width: 83%;}
	.navbar-default .navbar-nav>li>a{padding-left: 5px;padding-right: 5px;padding-top: 10px;padding-bottom: 10px;}
	.header-right,.navbar-default{background-color: transparent;}
	.col-offset{margin-left: 0;float: right;}
	.nav.navbar-nav{padding-left: 0;}
	.listWrpService .apply{margin-left: -2px;}
	header .logo{width: 86px;}
  .navigationwrape{position: relative;top: 2px;}
}
@media(min-width: 992px) and (max-width: 1199px){
	.listWrpService .apply{margin-left: -4px;}
}

@media(max-width: 991px){
	/*.l-btn.open-popup-link{margin-right: 12px;}*/
  .header-wrap{padding-bottom: 8px;}
	.c-alert{top: -62px;}
	.apply{margin-left: -1px;position: absolute;bottom: 0;}
	.header-wrap .col-offset{width: 76.4%;}
	.navbar-default .navbar-nav>li>a{margin-top: 3px;}
	.navbar-default .navbar-nav>li>a{font-size: 13px;}
	header .logo{width: 100%;} 
	.header-wrap .col-offset{width: 87.4%;}
	.login-btn{width: auto;}

}
@media(max-width: 991px) and (min-width: 768px){
	.header-wrap .logo{width: 86px;margin-top: 10px;}
	.user-wrap{margin-top:22px;}
	.user-wrap a{font-size: 14px;}
	.login-btn:before{display: none;}
	.topbar-user-pic,.notificationLink i{margin-left: 10px;}
	.chat-iconn{top: -2px !important;}
}
@media(max-width: 767px){
	.noti-redirect-div button{color: #fff;}
	#notificationContainer,#notificationFooter a{background: #000;}
	#notificationsBody a,.notification-meta{color: #fffc;}
  .notification-mark-read a,.notification-mark-read .notification-meta,.notification-mark-read .notification-meta button{color: #000 !important;}
	#notificationsBody a:hover{color: #fff;}

	#notificationsBody a i,#notificationTitle a,#notificationTitle,
	#notificationFooter a{color: #0584FF;}
	#notificationTitle,#notificationsBody li,#notificationFooter
	{    border-bottom-color: rgb(29 28 28 / 55%); }
  #notificationsBody li
  {
       background: #000000;
  }
	#notificationsBody li.notification-mark-read{background: #08d11c;}
	#notificationFooter{background: rgba(255,255,255,0.3);}
	.c-alert{position: relative;top: 2px;width: 100%;}
	#notificationContainer{
		position: fixed;
		top: 0;
		right: 0;
		height: 100%;
		transform: translateX(100%);
		-ms-transform: translateX(100%);
		-webkit-transform: translateX(100%);
		max-height: 100%;
		overflow-y: auto;
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
	}
	#notificationsBody{
		max-height: none;
		flex: 1;
	}
	#notificationContainer.c-toggle{
		transform: translateX(0);
		-ms-transform: translateX(0);
		-webkit-transform: translateX(0);
	}
	.notilayer{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(0 0 0 / 30%);
		opacity: 0;
		visibility: hidden;
		transition: all 0.2s;-webkit-transition: all 0.2s;
	}
	.notilayer_visible{
		opacity: 1;
		visibility: visible;
	}
	.inner-content{padding-top: 25px;}
	.menu-ico{margin-top: 2px;}
	.topbar-user-pic,.notificationLink i{margin-left: 18px !important;
	font-size: 33px;}
	.menu-ico{margin-left: 22px !important;top: 1.5px;position: relative;}
	.topbar-user-pic{width: 32px;height: 32px;}
	.chat-iconn{margin-top: 5px !important;width: 35px;}
	.header-wrap .logo{padding-top: 9px;}
  .header-wrap{padding-bottom: 0;}
	.hom{display: none !important;}
	body .sp-d{display: none;}
	.slider{padding-top: 0;}
  .common .h-gap{padding-top: 57px;}
  .index .slider{background: #000;}
	.table-responsive{border: none;}
	.inner-wrap .row.flex > div{width: 100%;}
	.map{margin-top: 0px;}
	.profile_map{margin-bottom: 0;margin-top: 40px;}
	.navigationwrape{position: fixed;top: 0;left: 0;width: 100%;height: 100%;max-width: 252px;
		transform: translateX(-100%);-webkit-transform: translateX(-100%);-ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);
		background-color: #000;z-index: 9999;margin-top: 0;overflow-y: auto;
		transition: transform 0.2s;-webkit-transition: transform 0.2s;
	}
	.navigationwrape_shown{transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);}
	.nav.navbar-nav{padding-left: 0;}
	.navbar-default .navbar-nav>li{float: none;}
	.navbar-default .navbar-nav>li>a{min-width: 100%;display: block;color: #fff;
		padding-left: 15px;padding-right: 15px;font-size: 16px;font-weight: 700;}
	.header-wrap .col-offset{width: auto;float: right;}
	.header-wrap .header-right{padding: 10px 0;}
  .header-wrap .logo{padding-bottom: 13px;}
	.nav.navbar-nav{margin-top: 10px;}
  .nav.navbar-nav > li{margin: 0 15px;}
	[data-m-vid] span,[data-mm-vid] span{float: none;display: block;font-size: 17px;font-style: normal;margin-bottom: 2px;}
	/*.listWrpService.featured-wrap .para a:last-of-type{width: 80%;}*/
	/*.cus-detail .row > div:not(.sppp-head):last-of-type{margin-top: 40px;}*/
	.serv-group{font-size: 13px;}
	.cus-detail .chat-btn1{margin-bottom: 20px;}
	.b-profile-img img{width: 130px !important;height: 130px !important;}
  html .b-profile-img .lg_online.darkgreen-dot{right: 5px;bottom: 9px;}
  .b-profile-img .lg_online.yellow-dot{right: 1px;}
	.b-profile-img{bottom: -30px;}
	.text-side-img img{max-width: 100%;margin-right: 0;}
	.profile-update-form .display-table,.profile-update-form .display-table-cell,
	.gig-css-form .display-table,.gig-css-form .display-table-cell{display: block;}
	[data-m-box="setting"] .display-table .display-table-cell:first-of-type{text-align: left;
		margin-bottom: 5px;}
}

@media(max-width: 575px){
	.lbll-wrap input{margin-bottom: 10px;}
	.mcontainer > div{padding: 0;}
	
	.gig-wrap .owl-item .cgig-wrap, .gig-wrap .owl-item .cgig-cover,
	/*.owl-carousel .owl-item img{max-width: 100%;}*/
	.owl-carousel .postimg a{display: block;width:100%;}
	.gig-wrap .owl-item .cgig-wrap{margin-left: auto;margin-right: auto;}

	.table-meta .float-right{float: right;clear: both;margin-top: 10px}
}
@media(max-width: 1326px){

}
@media screen and (max-width: 380px){
	#notification_li{position: static !important;}
	#notificationContainer{top: 53px;max-width: 100%;width: calc(100% - 30px);left: 15px;right: 15px;}
	#notificationContainer:before{display: none;}
	.notification_count{right: auto;
		transform: translate(18px,-0px);-ms-transform: translate(18px,-0px);
		-webkit-transform: translate(18px,-0px);
	}
}
.menu-ico{cursor: pointer;float: left;margin-left: 14px;}
.menu-ico div {
  width: 28px;
  height: 3px;
  background-color: #000;
  margin: 4px 0;
  cursor: pointer;

}
.m_overlay{
	position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgb(0 0 0 / 30%);
	z-index: 9999;visibility: hidden;opacity: 0;
	transition: all 0.2s;-webkit-transition: all 0.2s;
}
.m_overlay_visible{
	visibility: visible;opacity: 1;
}
@media(min-width: 768px){
	body .sp-m{display: none;}
	.m_overlay_visible{visibility: hidden;opacity: 0;}
	.placeholder{height: 64px;}
}
.apply a{position: relative;}
.apply a:before{position: relative;content: "\f024";font-weight: 700;font-family: "Font Awesome 5 Free";color: #000;
left: 0px;}
.radius-result{position: absolute;width: 100%;background-color: #fff;z-index: 99;
border: 1px solid #1E90FF;margin-top: 0px;display: none;}
.radius-result li{cursor: pointer;padding: 2px 15px;}
.radius-wrap li:hover
{background-color: #1E90FF;color: #fff;}
.radius-result.showrfilter{display: block !important;}
.topbar-user-pic{border-radius: 50%;}
.ajax-table thead td,.ajax-table tfoot td{font-weight: 700;}
body .subs-fform span{
	display: inline-block;
}

.ajax-table tbody td:last-of-type{width:100px;}
html body .cssloader{position: absolute;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);
	right: -16px;display: none;width: auto;
}
label[disabled]{cursor: not-allowed;}
.black{color: #000;}
.black-bg{background-color: #000;}



/****************
 Cropper
 ****************/
 [data-m-box="cropper-box"],[data-m-box="setting"]{padding-left: 0;padding-right: 0;border: none;}
/*.profile-cropper{height: 470px;}*/
.profile-cropper .croppie-container,.profile-cropper .cropme-container{height: 350px;}
.cropme-container{width: 100%;height: 100%;}
html .cropme-container img{width: auto !important;height: auto !important;}
.viewport{border: none !important;}
.cropme-slider{transform: none !important;position: absolute;width: 100% !important;
bottom: 0;margin-top: 0 !important;bottom: -40px;}
.cropme-slider input{width: 75% !important;margin: 15px auto;}
[data-m-box="cropper-box"] > div{background: transparent;}
.banner-crop-container > div{margin: 0;}


/*.banner-cropper{height: 420px;}*/
/*.banner-cropper .croppie-container{height: 320px;}*/
.croppie-container .cr-viewport, .croppie-container .cr-resizer{border: none !important;}

body input[type="range"].cr-slider:focus{border: none !important;}
[data-m-box="cropper-box"] button{width: 200px;margin: auto;display: block;margin-top: 45px;
color: #000;border: solid 1px #000;font-size: 20px;padding: 13px 30px !important;}
.cr-boundary img {
    width: auto !important;
    height: auto !important;
}
.b-profile-img1{border-radius: 50%}

.sp-bar{color: #fff !important;padding: 7px 15px;position: relative;
text-align: left;}
.sp-bar:after{content: "\f105";position: absolute;right: 15px;top: 50%;
transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);
font-family: "Font Awesome 5 Free";font-weight: 900;}
.sp-bar-color,.sp-bar{background-color: #37a000;max-width: 2560px;margin: auto;width: 100%;}


.navbar-nav li{float: left;}
.navbar-nav span{color: #37a000;}
.notiGroups{padding: 7px 0 4px 0;margin-bottom: 10px;border: solid 1px transparent;}
.notiGroups p{word-break: break-word;}
.notiGroups > div{float: left;padding: 0 5px;padding-top: 7px;}
.notiGroups > div:first-of-type{width: 30%;}
.notiGroups > div:nth-of-type(2){width: 20%;}
.notiGroups > div:nth-of-type(3){width: 20%;}
.notiGroups > div:last-of-type{width: 30%;padding-top: 0;}
.cerror{border-color: red;}
.widget-title.g-title{width: 100%;}
.fav-block a.black{display: block;}
.banner-img img{object-fit: cover;-o-object-fit: cover;width: 100%;}

.dropzone .dz-preview .dz-image a {display: block;}
html .fancybox-thumbs__list{white-space: normal;}
html .dz-button{display: none;}
.search-form-main .fancybox-container{z-index: 99999 !important;}

.search-form-main .select2-search__field::-moz-placeholder {
  color: #222;
}
.search-form-main .select2-search__field:-ms-input-placeholder {
  color: #222;
}
.search-form-main .select2-search__field::-webkit-input-placeholder {
  color: #222;
}
.search-form-main .select2-search__field::-ms-expand {
  color: #222;
}

body .hide{display: none;}

.editableVal{margin-bottom: 15px;}
.editableSave{background-color: #37a000;}
.reviews-box .review-list{margin-bottom: 25px;}
.reviews-box .reply-box{margin-top: -10px;}
.p-f-15{position: relative;top: 1px;font-size: 15px;
-webkit-transition: background-color 0.2s,color 0.2s;
transition: background-color 0.2s,color 0.2s;}
body .c-toggle-menu a:hover .p-f-15{color: #fff;}
.profile-setting .c-toggle-menu a:hover{background-color: #1e90ff !important;}

html .swal2-popup .swal2-title{color: #000;}
html .swal2-icon.swal2-warning{border-color: #37a000;color: #37a000;}
html .swal2-popup .swal2-styled.swal2-confirm{
	background-color: #fff;
	border: solid 1px #000 !important;
	color: #000;
	/*min-width: 105px;*/
	text-align: center;
}
html .swal2-popup .swal2-styled.swal2-cancel{
	border: solid 1px #000 !important;
	background-color: #000;
}
html .swal2-icon.swal2-success .swal2-success-ring{
	border-color: #37a000;
}
html .swal2-icon.swal2-success [class^=swal2-success-line]{
	background-color: #37a000;
}
.editableEdit{background-color: #000;}
.editableSave{background-color: #fff;color: #000;border: solid 1px #000;margin-right: 8px;}
.editableUndo{background-color: #000;border: solid 1px #000;}
html .editableUndo:hover,html .editableSave:hover,html .editableEdit:hover{box-shadow: none;}
.tiktok-svg{margin-right: 0 !important;}
.footer .tiktok-svg{position: relative;top: 3px;}
.b-color{color: #000;}
.swal2-popup{font-size: 0.8rem !important;}
.swal2-modal button:focus{outline: none !important;box-shadow: none;}
.home-spotlight img{object-fit: cover;-webkit-object-fit: cover;}
.remove_backdrop{backdrop-filter: none;-webkit-backdrop-filter: none;}
.listingServiceJs > div{margin: 10px 0;}
.premiumServices input[disabled] + label{cursor: not-allowed;opacity: 0.5;}
.premiumServices .row,.notificationGroups .row{margin: 0 -5px;}
.pinkheart{color: red !important;}
.favourite-gig[disabled]{opacity: 0.7;cursor: not-allowed; }
.favourite-gig-wrap *{
	text-align: left;
}

.social-sharing{width: 100%;padding: 0px;text-align: center;}
.social-sharing ul{display: flex;justify-content: center;}
.social-sharing li{margin: 0;}
html .overlay-controls .social-sharing li a{margin: 5px 3px 5px 3px !important;float: none;color: #000 ;
padding: 3px 10px;font-size: 18px !important;line-height: 25px;
display: flex;justify-content: center;align-items: center;}
html .overlay-controls .social-sharing li a{width: 30px !important;height: 30px !important;
	padding: 3px;
}
html .overlay-controls .social-sharing li svg{width: 20px;height: 20px;}
html .overlay-controls .social-sharing li a{
	border-radius: 50%;border: solid 1px #000;
}
html .dropdown-showed i, .c-toggle i{ transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);}

.dusk-selector{display: none;}
.blogGrid .owl-dots{margin-top: 20px;}
.comming-soon{
	text-align: center !important;
	color: #37a000 !important;
	font-size: 50px !important;
	text-transform: uppercase !important;
	font-family: 'Montserrat' !important;
	font-weight: 800 !important;
	margin: 90px 0 !important;
}
.fancybox-container{
	z-index: 999992 !important;
}
.fancybox-thumbs__list a:before {
    border-color: #37a000 !important;
    border-width: 3px !important;
}


@media(min-width: 1200px){
	.navbar-default .navbar-nav>li>a{font-size: 18px;}
  .navbar-default .navbar-nav>li>a.live_btn{font-size: 22px;margin-right: 25px;}
	.placeholder{height: 68px;}
	html .header-wrap .logo{padding-top: 8px;}
	.user-wrap{margin-top: 22px;}
}
@media(min-width: 992px){
  .user-wrap{margin-top: 18px !important;}
  .envelope img{width: 34px;top: -5px !important;}
  .notificationLink i{font-size: 34px;position: relative;top: -2px;}
  .topbar-user-pic{width: 32px;height: 32px;}
  .notificationLink i,.topbar-user-pic{margin-left: 16px;}
}
@media(min-width: 768px){
	.noti_mob{display: none;}
	.reply-box{padding-left: 70px;}
	.editableEdit{position: relative;top: -20px;left: -51px;}
	.home-spotlight img{height: 222px;}
  .full-gig-page{padding-top: 30px;}
}
@media(max-width: 767px){
	.fancybox-show-thumbs .fancybox-thumbs{
		width: 100%;top: auto;bottom: 0;
	}
	html .fancybox-thumbs__list{
		overflow-x: auto;
		overflow-y: hidden;
		white-space: nowrap;
	}
	html .fancybox-show-thumbs .fancybox-inner{
		right: 0;
		bottom: 85px;
	}
	.noti_desk{display: none;}
	.reviews-box .reply-box{margin-top: 0px;}
	.editableEdit{position: relative;top: -30px;left: -10px;}
	.notiGroups > div:first-of-type{
		width: 100%;float: none;
	}
	.notiGroups > div:nth-of-type(2){
		width: 25%;
	}
	.notiGroups > div:nth-of-type(3){
		width: 25%;
	}
	.notiGroups > div:last-of-type{
		width: 50%;
	}
	.notificationGroups .notiGroups{margin-bottom: 10px;}
	.notificationGroups > .notiGroups:first-of-type,
	.notificationGroups > .notiGroups:first-of-type > div:first-of-type{padding-top: 0;}
	.serv-group{top: -3px;}
	.reply-box{padding-left: 30px;}
}
@media(max-width: 575px){
	[data-m-box="cropper-box"] button{width: 95%;margin-right: auto;margin-left: auto;}
}
@media(max-width: 400px){
	.notiGroups > div:nth-of-type(2){
		width: 20%;
	}
	.notiGroups > div:nth-of-type(3){
		width: 20%;
	}
	.notiGroups > div:nth-of-type(2),.notiGroups > div:nth-of-type(3){
		padding-top: 4px;
	}
	.notiGroups > div:last-of-type{
		width: 60%;
	}
}



/*************** Subscription Page ***************/
.p_header_top{padding: 160px 0 130px ;}
.p_header_top h2,.p_header_top p,.p_header_top a{color: #fff;}
.p_header_top h2{font-size: 60px;}
.p_header_top p{font-size: 30px;font-weight: 600;margin: 10px 0 30px 0;}
.p_header_top a{font-size: 16px;border-radius: 35px;background-color: #000;
padding: 12px 40px;}
.p_section{text-align: center;}
.p_heading{font-size: 38px;margin: 50px 0 30px 0;color: #000;}
.p_section .flex > div > div{height: 100%;}
.p_section h4{font-size: 18px;text-transform: uppercase;}
.p_section .row > div{
	margin-top: 20px;
}
.p_section .row > div > div{
	border: solid 1px #ff9000;
	border-top: solid 5px #ff9000;
	padding-bottom: 0px;
	padding: 0 0px 0px 0;
	position: relative;
}
.p_section .row > div > div p{
	color: #fff;
}
.p_section .row > div > div h4{
	color: #ff9000;
}
.p_bg{
	bottom: 0;
	left: 0;
	position: absolute;
	top: 0px;
	width: 100%;
}
.p_bg > div,.pl_desc,.pl_desc h4{
	transition: all .5s cubic-bezier(.55,0,.1,1);
	-webkit-transition: all .5s cubic-bezier(.55,0,.1,1);
}

.pl_desc{
	padding-top: 78%;
	z-index: 9;
	position: relative;
	padding-left: 10px;
	padding-right: 10px;
}
.p_bg > div{
	border-radius: 100%;
	left: 0;
	right: 0;
	margin: auto;
	height: 175px;
	width: 175px;
	position: relative;
	top: 1.6em;
	overflow: hidden;
}
.p_bg > div:after{
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.p_bg > div:before{
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	
}
.p_orange .p_bg > div:after{
	background-color: rgba(255, 144, 0, 0.7);
}
.p_pink .p_bg > div:after{
	background-color: rgba(190, 19, 115, 0.7);
}
.p_blue .p_bg > div:after{
	background-color: rgba(39, 174, 206, 0.7);
}
.p_green .p_bg > div:after{
	background-color: rgba(98, 182, 35, 0.7);
}
.p_orange .p_bg > div:before{
	background: url('../img/sdd-01.png') no-repeat center top;
	background-size: 175px 175px;
}
.p_pink .p_bg > div:before{
	background: url('../img/dsd-01.png') no-repeat center top;
	background-size: 175px 175px;
}
.p_blue .p_bg > div:before{
	background: url('../img/ghgh-01.png') no-repeat center top;
	background-size: 175px 175px;
}
.p_green .p_bg > div:before{
	background: url('../img/fdfd-01.png') no-repeat center top;
	background-size: 175px 175px;
}
.p_section .row > div > div:hover .pl_desc,.p_active .pl_desc{
	transform: translateY(-10px);
}
.p_section .row > div > div:hover .pl_desc h4,.p_active .pl_desc h4{
	color: #fff !important;
}
.p_section .row > div > div:hover > .p_bg div:after,.p_active .p_bg div:after{
	border-radius: 0;
	top: 0;
}
.p_section .row > div > div:hover > .p_bg div,.p_active .p_bg div{
	left: 0;
	height: 100%;
	top: 0;
	width: 100%;
	border-radius: 0;
}
.p_section .row > div.p_pink > div{
	border-color: #be1373;
	border-top-color: #be1373;
}
.p_section .row > div.p_pink h4{
	color: #be1373;
}
.p_section .row > div.p_blue > div{
	border-color: #27aece;
	border-top-color: #27aece;
}
.p_section .row > div.p_blue h4{
	color: #27aece;
}
.p_section .row > div.p_green > div{
	border-color: #62b623;
	border-top-color: #62b623;
}
.p_section .row > div.p_green h4{
	color: #62b623;
}
.p_section .row img{
	width: 130px;
	margin: 30px 0;
}
.p_section,.plan_section{padding: 20px 0;}
.plan_section{padding-bottom: 80px;}
.plan_section{text-align: center;}
.plan_section .plan_header{background: #000;color: #fff;
padding: 0 0 15px 0;position: relative;min-height: 169px;}
.premiumplanpage.plan_section{padding-bottom: 0;}
.premiumplanpage .plan_desc{padding-bottom: 0;padding-left: 0;padding-right: 0;}
.premiumplanpage .plan_desc ul{margin-bottom: 0;}
.premiumplanpage .plan_desc ul li:last-of-type{margin-bottom: 0;}
.premiumplanpage.plan_section .plan_header{min-height: auto;}
.premiumplanpage .plan_header h4{padding-top: 22px;}

.plan_section .plan_header p{color: inherit;}
.plan_header h4{font-size: 32px;font-weight: normal;padding-top: 60px;margin-top: 0;}
.plan_header span{display: inline-block !important;}
.plan_header p{font-size: 17px;}
.plan_header h5{font-size: 20px;margin: -7px 0 9px 0;}
.plan_header h6{margin: 0;padding: 5px 0;}
.plan_section .row > div{margin-top: 20px;}
.plan_section .row > div > div{border: solid 1px #c9ccc1;}
.plan_section .row > div > div,.plan_section .row form{
	height: 100%;
}
.plan_section .row form{
	display: flex;
	flex-direction: column;
}
.plan_pop > div{border-color: #232323 !important;}
.plan_desc{padding: 20px 15px 30px 15px;
display: flex;flex-direction: column;height: 100%;}
.plan_desc p{font-size: 17px;margin-left: -15px;margin-right: -15px;}
.pricing__action{background: #37a000;color: #fff;padding: 11px 10px;width: calc(90%);margin: 30px auto 10px auto; display: block;
border: none;outline: none;font-size: 16px;}
.plan_section li{list-style: none;text-align: left;
	color: #000;font-size: 17px;margin-bottom: 15px;
	position: relative;
}
.plan_section ul{margin-left: 10px;
   padding-left: 1em;
   text-indent: -1em;
flex: 1;}
.plan_section li:before{content: "";background: url(./../../favicon.ico);width: 16px;height: 16px;
background-size: 100% 100%;display: inline-block;
position: relative;left: -10px;top: 2px;
}
.plan_section .tgl-2 + label{position: absolute;right: 10px;top: 40px;}
.plan_section  .tgl-2 + label .tgl-btn{background-color: #f3f2f0!important;}
.plan_section .tgl-2:focus + label .tgl-btn span:before{box-shadow: none;}
.plan_section .tgl-2:checked + label .tgl-btn{background-color: #37a000 !important;}
.plan_pop .plan_header h4{padding-top: 25px;}

@media(min-width: 1200px){
	.p_section .row > div{
		padding: 0px 30px;
	}
}
@media(min-width: 992px) and (max-width: 1199px){
	.pl_desc{
		padding-top: 97%;
	}
}
@media(min-width: 768px) and (max-width: 991px){
	.pl_desc{
		padding-top: 65%;
	}
}
@media(max-width: 767px){
	
	.p_section .flex > div{
		max-width: 100%;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	#plan .flex > div{
		max-width: 100%;
		width: 100%;
	}
	.pl_desc{
		padding-top: 254px;
	}
	.p_bg > div{
		top: 4.6em;
	}
	.p_section .row > div > div:hover .pl_desc, .p_active .pl_desc{
		transform: translateY(-40px);
	}
}



/* New CSS */
.filter-wrap h3 span,.cgig-btn-green{
    font-family: 'Puppet';
    text-transform: uppercase;
    position: relative;
    top: 1px;
}
.p-font{
	color: #08d11c;
	position: relative;
	top: 1px;
}
.p-btn .p-font,.p-btn1 .p-font{
  top: 0;
}
.index{
	background: #fff;
}
.filter-wrap{
	margin: 20px 0;
}
.filter-wrap > div > div{
	display: flex;
	flex-wrap: wrap;
}
.filter-wrap > div > div > div > div{
	background: #EBECEE;
	height: 100%;
	padding-top: 10px;
	padding-bottom: 15px;
}
.filter-wrap h3{
	margin-top: 0;
	font-size: 22px;
	margin-bottom: 15px;
}
.filter-wrap h3 span{
	color: #37a000;
}
.filter-wrap p{
	font-size: 17px;
	margin-bottom: 15px;
}
.filter-left a{
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 10px 5px;
	width: 46%;
	text-align: center;
	color: #37a000;
	background: #fff;
}
.filter-left a,.search-form-css button,
.index-filter-wrap .search-input-ul-wrap,
.directory,.filter-right .select2-container--default .select2-selection--multiple,
.listWrpService.jobdetail,.yt-link .relv,.comment-wrap-container,
.map > div,.profile_section2,.community-post,.talk-community{
  border-radius: 5px !important;
}
.filter-wrap > div > div > div > div,.main-page-gigs .container > div > div > div,
.cgig-wrap > div,.community-wrap > div{
  border-radius: 25px !important
}
.gig-slider img{
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
.search-form-css2 .search-input-ul-wrap{
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.directory-filters .select2-container--default .select2-selection--multiple{
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.filter-left a:first-of-type{
	float: left;
}
.filter-left a:last-of-type{
	float: right;
}
.filter-left a.active{
	color: #fff;
	background: #37a000;
}
.filter-left a.active,.live_btn,.search-form-css button,.chat-btn1 a,.fixed-bottom-btn{
  box-shadow: rgba(57, 73, 76, 0.35) 0px 1px 6px 0px;
  transition: transform 0.2s;-webkit-transition: transform 0.2s;
}
.filter-left a.active:hover,.filter-left a:last-of-type:hover,.live_btn:hover,.search-form-css button:hover{
  transform: translateY(-2px);-ms-transform: translateY(-2px);-webkit-transform: translateY(-2px);
}
.search-form-css{
	margin-top: 12px;
}
.search-form-css > div{
	float: left;
}
.search-form-css input,.search-form-css select{
	border: none;
	border-left: solid 1px #000;
	border-radius: 0;
}
.search-form-css select,
.search-form-css button{
	height: 44px !important;
}
.search-form-css .select2-search__field{
	margin-top: 7px !important;
}
.search-form-css button{
	background: #37a000;
	border: none;
	outline: none;
	color: #fff;
	padding: 2px 10px;
}
.search-form-css button{
	width: 47px;
}
.search-form-css button img{
	width: 17px;
}
.main-page-gigs{
	margin-bottom: 50px;
}
.main-page-gigs h3{
  margin-top: -5px;
}
.listingServiceJs{
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 50px;
}
.listingServiceJs,.main-page-gigs .container > div > div > div{
	background: #EBECEE;
}
.main-page-gigs .container > div > div > div{
	padding-top: 15px;
	padding-bottom: 15px;
}
.main-page-gigs .row{
	margin: 0 -10px;
}
.main-page-gigs .row > div:not([data-m-box]){
	padding: 0 10px;
}
.main-page-gigs .container > div > div > div,.filter-wrap > div > div > div > div,.listingServiceJs2{
	padding-left: 15px;
	padding-right: 15px;
}
.cgig-d-content h3{
	font-size: 22px;
	margin-top: 5px;
	margin-bottom: 0;
}
.main-page-gigs p{
	font-size: 17px;
	margin-bottom: 12px;
}
.cgig-img{
	position: relative;
	overflow: hidden;
}
.cgig-img span{
	position: absolute;
	top: 5px;
	left: 5px;
	background: #000;
	padding:3px 7px;
	color: #fff;
	text-transform: uppercase;
	z-index: 99;
}
.cgig-desc{
	padding: 15px 5px 67px 5px;
}
.cgig-labels{
	position: absolute;
	left: 0;
	bottom: 12px;
	width: 100%;
	padding: 0 5px;
	white-space: nowrap;
}
.cgig-labels.cgig-static{
	position: static;
	padding: 0;
	margin-top: 23px;
}
.cgig-profile,.cgig-profile img{
	width: 35px;
	height: 35px;
}
.cgig-profile img{
	border-radius: 50%;
}
.cgig-profile{
	float: left;
}
.cgig-d-header > div:first-of-type{
	float: left;
	width: calc(100% - 133px);
}
.cgig-d-header > div:last-of-type{
	float: right;
	width: 133px;
	text-align: right;
}
.cgig-d-header{
	padding: 0px 0;
	width: 100%;
}
.cgig-d-content{
	width: 100%;
}
.cgig-user-wrap{
	padding-left: 7px;
	display: inline-block;
	width: calc(100% - 35px);
}
.cgig-username span{
	max-width: 100%;
}
.cgig-username{
	color: #000;
	margin-top: 0px;
	font-size: 16px;
	max-width: 100%;
	width: 100%;
}
.footer-wrap-outer{
	background: #000;
}
.cgig-btn-green{
	background: #37a000;
	color: #fff;
	border: solid 1px #37a000;
}
.cgig-btn-white,.cgig-btn-green{
	padding: 1px 3px;
	width: 55px;
	text-align: center;
	font-size: 16px;
	vertical-align: inherit;
}
.cgig-btn-white{
	background: #fff;
	color: #37a000;
	border: solid 1px #e9e6e6;
	position: relative;
	top: 1px;
}
.cgig-d-content a{
	color: #000;
	font-weight: 400;
	font-size: 18px;
  transition: color 0.15s;-webkit-transition: color 0.15s;
}
.cgig-d-content a:hover{
  color: #37a000;
}
.cgig-labels div{
	float: left;
	padding-right: 4px;

}
.cgig-labels a{
	border: solid 1px #ccc;
	border-radius: 4px;
	color: #000;
	padding: 1px 5px;
	font-size: 13px;
	padding-right: 5px;
	margin-bottom: 5px;
	max-width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	background: #fff;
	width: 100%;
	text-align: center;
}
.p-rating-box{
	margin-top: 1px;
}
.st_price{
	margin-top: 2px;
	font-size: 14px;
	text-align: right;
}
.price_margin{
	margin-top: 23px;
}
.trusted_img img{
	width: 116px !important;
  transform: translateZ(0);
}
.verified_img{
  text-align: right;
}
.verified_img img{
	width: 75px !important;
}
.trusted_img img,.logo-pic-wrap img,.about-logo img,.verified_img img{
	transform: translateZ(0);-ms-transform: translateZ(0);-webkit-transform: translateZ(0);
}

.st_dollar{
	font-weight: 600;
}
.cgig-ad{
	clear: both;
}
.cgig-wrap,.community-wrap{
	margin: 15px 0;
}
/*.community-wrap,.community-wrap .community-post{
  height: 100%;
}*/
.community-wrap > div{
  margin: 0;
}
.community-wrap .community-post-header > div{
  width: 100%;
}
.cgig-wrap > div{
    background: #F9F9F9;
}
.cgig-wrap > div,.community-wrap > div{
  box-shadow: 0 1px 9px rgba(15,18,18,.35);
  overflow: hidden;
  position: relative;
}
.rating-box .jq-ry-rated-group svg,.rating-css .jq-ry-rated-group svg{
	fill: #f5c400 !important;
	stroke: none !important;
}
.rating-box{
	margin-left: -3px;
}
.listingServiceJs{
	display: flex;
	flex-wrap: wrap;
}
.listingServiceJs > div:not([data-m-box]) > div{
	height: 100%;
	position: relative;
}
.cgig-d-content a{
	width: 100%;
}
.cgig-username span,.cgig-d-content a{
	text-overflow: ellipsis;
	overflow: hidden;
}
.cgig-user-wrap span,.cgig-user-wrap i{
	vertical-align: middle;
}
.cgig-user-wrap i{
	margin-left: 2px;
}
.cgig-user-wrap span{
	max-width: 86%;
  white-space: nowrap;
}
html .owl-nav button span{
	padding: 15px 10px !important;
}
.gig-topbar{
	width: 100%;
	top: -40px;
	position: absolute;
  background: #ffffff;
  right: 0;
  padding: 4px 15px 0 5px;
  display: flex;
  justify-content: center;
  opacity: 0;
  z-index: 9;
  visibility: hidden;
  transition: transform 0.2s;-webkit-transition: transform 0.2s;
  transform: translateY(10px);-ms-transform: translateY(10px);-webkit-transform: translateY(10px);
}
.gig-video-share
{
 position: relative;
  bottom: 80px;
}
.gig-topbar-visible{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);-ms-transform: translateY(0);-webkit-transform: translateY(0);
}
.gig-topbar ul{display: flex;flex-wrap: wrap;width: 100%;justify-content: center;}
.l-overlay, [data-m-box]{
	z-index: 99999999;
}
.swal2-container {
    z-index: 100000001 !important;
}
.inner-wrap{
	position: relative;
}
.gig-topbar ul,.sharing-options ul,.video-topbar ul{
	float: right;
}
.gig-topbar ul li,.sharing-options ul li,.video-topbar ul li{
	float: left;
	margin: 5px 0 5px 0;
	margin-left: 15px;
}
.gig-topbar ul li a,.sharing-options ul li a,.video-topbar ul li a{
	font-size: 19px;
	width: 35px;
	height: 35px;
	text-align: center;
	border-radius: 50%;
	line-height: 35px;
	color: #fff;
	border: solid 1px transparent;
}
.gig-topbar ul li a svg,.sharing-options ul li a svg{
	position: relative;
}
.video-topbar{
	margin-bottom: 30px;
}

.share-report{
	background: #f1454f;
}
.share-report svg{
	width: 14px;
	top: 1.5px;
}
.share-fb{
	border: none !important;
}
.share-mail{
	background: #017F3F;
}
.share-mail svg{
	color: #fff;
	width: 20px;
}
.share-copy{
	background: #C423FD;
}
.share-copy i{
	color: #fff;
	font-size: 19px;
	position: relative;
	top: -1px;
}
.copy-to-clipboard{
	position: fixed;
	top: 50%;
	left: 0%;
	width: 100%;
	z-index: 999999;
	text-align: center;
	transform: translate(0%,-50%,0);-ms-transform: translate(0%,-50%,0);-webkit-transform: translate(0%,-50%,0);
}
.copy-to-clipboard p{
	padding: 10px;
	background: rgba(0,0,0,0.7);
	color: #fff;
	border-radius: 5px;
	display: inline-block;
}
[data-copy-js]{
	position: absolute;
	z-index: -11;
	opacity: 0;
	bottom: 0;
}
.fb-ic{
	background: #3b5998;
}
.tw-ic{
	background: #00aced;
}
.lnk-ic{
	background: #0e76a8;
}
.web-ic{
	background: purple;
}
.web-ic img{
	width: 18px;
	position: relative;
	top: -2px;
}
.yt-ic{
	background: #c4302b;
}
.tik-ic{
	background: #000;
}
.glg-ic{
	background: #FF5733;
}
.sky-ic{
	background: #00aff0;
}
.ins-ic{
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%); 
  
}
.hrt-ic{
	background: #fff;
	color: #e31b23 !important;
	border: solid 1px #e31b23 !important;
}

.gig-topbar .pinkheart{
	border-color: #fff !important;
	color: #e31b23 !important;
	background: #fff;
}
.gig-topbar .pinkheart i{
	font-weight: 900;
}
.containerp{
	max-width: 1140px !important;
}
.bg-white{
	background: #fff;
}

.listingServiceJs2 > div{
	width: 100%;
}
.cgig-wrap > .cgig-cover,.community-wrap > div{
	border: 1px solid #e4e4e4;
}
.owl-carousel.increaseIndex{
	z-index: 9999999;
}
.owl-carousel.increaseIndex .owl-item,.owl-carousel.increaseIndex .owl-stage,.owl-carousel.increaseIndex .owl-stage-outer{
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
}
.owl-carousel.gig-carousel{
  margin: 0 -9px;
  width: auto ;
}
.cgig-wrap{
	position: relative;
}
.full-width{
	width: 100%;
}
.search-label,.cgig-labels a, html .select2-container--default .select2-selection--multiple .select2-selection__choice
,.header-tags-slider li a,.profile-tags-slider li span{
    border: 1px solid #eaeaea;
    border-radius: 3px;
    color: #37a000;
    font-size: 12px;
    font-weight: bold;
    padding: 3px 5px;
    margin-bottom: 5px;
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 2px 4px rgba(25, 25, 25, 0.15);
}
.cgig-labels a,.header-tags-slider li a,.profile-tags-slider li span{
  padding: 10px 14px;
}
.search-form-css .select2-container--default.select2-container--focus .select2-selection--multiple,
.search-form-css .select2-container--default .select2-selection--multiple{
	border: none;
}
.search-form-css .select2-container--default .select2-selection--multiple,.search-form-css select,
.search-form-css button{
	height: 44px !important;
}
html .select2-container--default .select2-selection--multiple .select2-selection__choice{
	float: none;
	display: inline-block;
}
.playaudio{
	display: none;
}
.js-log-cls{
	font-size: 20px;
	width: 35px;
	height: 35px;
	padding-top: 7px;
}
.blog-page h3 a{
	color: #000;
}
.meta-desc-blog{
	margin-top: 20px;
}
.meta-desc-blog li{
	font-size: 13px;
	text-transform: uppercase;
	display: inline-block;
	margin-right: 15px;
}
.meta-desc-blog li a{
	color: #000;
}
.meta-desc-blog li i{
	margin-right: 2px;
	color: #37a000;
}
.blog-desc{
	margin: 30px 0 20px 0;
}
.blog-read-more{
	background-color: #000;
	color: #fff;
	font-size: 15px;
	padding: 12px 14px;
	text-transform: uppercase;
	border-radius: 5px;
	margin-top: 15px;
}
.blog-page-left-col > div:not(:last-of-type){
	margin-bottom: 70px;
}
.widget-panel{
	border: solid 1px #000;
}
.widget-panel h4{
	background-color: #000;
	color: #fff;
	padding: 15px 30px;
	font-size: 25px;
	margin: 0;
}
.widget-panel-content{
	padding: 30px 30px;
}
.search-bar-widget{
	border: solid 1px #ccc;
	padding: 10px 10px;
	font-size: 15px;
	width: 100%;
}
.widget-panel-content form{
	position: relative;
}
.widget-panel-content input{
	padding-right: 60px;
}
.widget-panel-content button{
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #000;
	color: #fff;
	outline: none;
	border: none;
	width: 50px;
}
.blog-no-found{
	text-align: center;
}
.blog-sep{
	border-top: solid 1px #ccc;
	margin: 10px 0 0px 0;
	padding-top: 15px;
}
.blog-sep ul{
	float: left;
}
.blog-sep li:first-of-type{
	margin-left: 0 !important;
}
.blog-sep h4{
	margin-bottom: 0;
}
.blog-page-left-col .sharing-options ul li{
	margin-bottom: 0;
}
.contact-page{
	max-width: 1130px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	margin-bottom: 100px;
}
#contactmap{
	width: 100%;
	height: 500px;
}
.contact-panel{
	box-shadow: 0 5px 83px 0 rgba(40,40,40,.12);
	background-color: #fff;
	padding: 80px 80px 40px;
	border-radius: 5px;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	z-index: 2;
}
.contact-panel .contact__panel-info {
    flex: 0 0 34%;
    max-width: 34%;
    padding-bottom: 40px;
    margin-left: -100%;
}
.contact-panel .contact__panel-form {
    flex: 0 0 66%;
    max-width: 66%;
    padding-left: 50px;
    padding-bottom: 40px;
    margin-left: 34%;
}
.contact-panel .contact__panel-info-top {
    background-color: #333;
    border-radius: 4px 4px 0 0;
    padding: 50px 35px 32px;
}
.contact-info-box {
    margin-bottom: 30px;
}
.contact-panel .contact-info-box .contact__info-box-title {
    color: #fff;
    margin-bottom: 11px;
    margin-top: 0;
}
.contact-info-box .contact__info-box-title {
    font-size: 17px;
}
.contact-info-box .contact__info-list {
    margin-bottom: 0;
}
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.contact-panel .contact-info-box .contact__info-list li {
    color: #fff;
    margin-bottom: 6px;
}
.contact-panel .contact__panel-info-top .contact-info-box:last-of-type {
    margin-bottom: 0;
}
.contact-info-box .contact__info-list li {
    font-size: 14px;
}
.contact-panel .contact__panel-info-bottom {
    background-color: #222;
    border-radius: 0 0 4px 4px;
    padding: 50px 35px 42px;
}
.contact-panel .contact-info-box .contact__info-list li a {
    color: #fff;
}
.contact-panel .contact__panel-info-title {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    display: block;
    margin-bottom: 25px;
}
/*.contact-panel .contact__number a {
    color: #fff;
}*/
.contact__number a {
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}
.contact__number .contact-phone-ico {
    width: 40px;
    height: 40px;
    line-height: 37px;
    border-radius: 50%;
    text-align: center;
    border: 2px solid rgba(27,26,26,.25);
    font-size: 15px;
    margin-right: 9px;
    color: #fff;
    border-color: rgba(255,255,255,.25);
    margin-top: 10px;
}
.contact-panel .contact__panel-title {
    font-size: 24px;
    margin-top: 0;
}
.contact-panel .contact__panel-desc {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 40px;
    color: #000;
}
.contact__number{
	text-align: center;
}
.contact__number .contact-phone1{
	color: #08d11c;
	margin-bottom: 10px;
}
.contact__number .contact-phone2{
	color: #fff;
	font-size: 20px;
}
.contact-panel .social-wrap{
	margin-top: 15px;
	text-align: center;
	display: inline-block;
	float: none;
}
.contact-panel .social-wrap a{
	background: #fff;
	color: #000;
	margin-top: 5px;
}
.contact-panel .social-wrap  a:hover{
	color: #fff;
}
.contact-panel .social-wrap  a:hover svg{
	fill: #fff;
}
.contact-panel .tiktok-svg {
    position: relative;
    top: 3px;
}
.profile-setting .mute-user,.profile-setting .block-user{
	border-radius: 50% !important;
	padding-left: 1px;padding-right: 1px;
	font-size: 10px;
}
.profile-setting .mute-user,.profile-setting .block-user{width: 42px !important;height: 42px !important;}
.chat .movetotop{display: none !important;}
.footer-links2  li:before{padding-right: 14px;}
.share-link-ico{width: 18px !important;position: relative;top: -1.5px;}
.vote_count{margin-left: 3px;position: relative;top: -1px;}
.load-more{margin-bottom: 15px;}
.movetotop{z-index: 1001;bottom: 12px;}
.cookie-box{background: rgba(0,0,0,0.8);position: fixed;
bottom: 0;left: 0;width: 100%;text-align: center;padding: 20px 0;z-index: 1001;}
.cookie-box p{color: #fff;font-size: 16px;}
.cookie-box a{color: #fff;text-decoration: underline !important;}
.sidebarWrpUpper.jobdetail{margin-bottom: 20px;font-size: 16px;}
.b-profile-img a,.b-profile-img1{position: relative;}
.verfied-badge{position: absolute;top: 15px;right: 15px;background: #000;color: #fff;
padding: 2px 35px 2px 15px;border-radius: 25px;z-index: 9;}
.b-profile-img1 .verfied-badge{right: -6px;}
.plannamelive,.plannamegold,.plannameplatinum,.plannamediamond{line-height: 1;
vertical-align: bottom;font-size: 31px;position: relative;top: 0px;}
.plannamelive{color: #37a000;}
.plannamegold{color: #FFD700;}
.plannameplatinum{color: #969696;}
.plannamediamond{color: #B9F2FF;}
.hideFt,.hideHd{display: none;}
.popup-page{
	min-height: 100%;
	background-size: cover;
	position: relative;
	z-index: 0;
	display:flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
}
.no-webp .popup-page{
	background: url(../img/inner-heading-bg.jpg?v=1) no-repeat center center;
}
.webp .popup-page{
	background: url(../img/inner-heading-bg.webp?v=1) no-repeat center center;
}

.popup-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: -1;
    padding: 20px;
}
.popup-page-wrap{
	max-width: 900px;
	width: 100%;
}
.popup-page .login{
	max-width: 420px;
	margin: auto;
	border-radius: 20px;
}
.popup-page .register-page{
	max-width: 600px;
}
.full-gig-show img{
	max-width: 100%;
}
.login-para{margin-top: 20px;}
.register-para{margin-bottom: 25px;}
.green-round{position: relative;right: 0;top: -1px;margin-left: 0;margin-top: 0;}
.logo-pic-wrap img{width: 110px;position: relative;top: -6px;}
.gig-show-carousel img{width: auto !important;}
.gig-show-carousel .owl-item > div{max-width: 100% !important;}
.owl-plugin-wrap{position: relative;}
.owl-plugin-wrap .owl-stage-outer{padding-bottom: 0;}
.owl-items-status{position: absolute;bottom: 10px;right: 10px;background: rgba(0,0,0,0.7);
border-radius: 35px;color: #d6cccc;padding: 0px 10px 4px 10px;display: inline-block;z-index: 99;
font-size: 14px;}
.owl-items-status img{width: 16px;vertical-align: middle;}
.owl-items-status span{position: relative;top: 2px;}
.owl-plugin-wrap .owl-stage{display: block !important;}
.desc_h3{font-size: 21px;font-weight: 600;}
.do-follow{border: none;}
.do-follow{border: solid 1px #000;}
.jobdetail .desc_h3{margin-top: 20px;}
.mb-5{margin-bottom: 5px !important;}
.pt-12{padding-top: 12px;}
.location-coordinates,.location-coordinates,.livehours{margin-top: 15px;}
.get-coordinate-btn{padding: 8px 5px;}
.status-wrap .display-table-cell{vertical-align: top !important;}
/*.status-wrap .display-table-cell label{margin-top: 13px;}*/
.slider-time{display: inline-block !important;}
#time-range{text-align: center;}
.welcome-search-right{display: none;}
.ginline{display: inline-block;position: relative;}
.v-ginline,.v-ratio{position: relative;padding-bottom: 56.5%;display: block;}
.ginline iframe,.ginline video,.v-ratio iframe,.v-ratio video{position: absolute;top: 0;left: 0;right: 0;bottom:0;width: 100%;height: 100%;}
.ginline a{position: absolute;right: 8px;top: 7px;color: #fff;font-size: 17px;z-index: 99;}
.data-m-video iframe{width: 100%;height: 100%;}
.gig-slider .owl-item{margin: 0;}
.gig-slider .owl-stage-outer{padding: 0;}
.gig-slider .gig-play-btn{position: absolute;top: 50%;left: 50%;
transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
background: url('../img/btn-video-player.svg') no-repeat;width: 50px;height: 50px;
background-position: 0 0;}
.gig-slider .gig-play-btn.played{
	background-position: -49px 0px;
}
.gig-slider img{max-width: 100%;}
.gig-slider .owl-nav button{position: absolute;
transition: transform 0.2s;-webkit-transition: transform 0.2s;}
.gig-slider .owl-nav .owl-prev{left: 0;top: 50%;transform: translateX(-107%) translateY(-50%);
-ms-transform: translateX(-107%) translateY(-50%);-webkit-transform: translateX(-107%) translateY(-50%);}
.gig-slider .owl-nav .owl-next{right: 0;top: 50%;transform: translateX(107%) translateY(-50%);
-ms-transform: translateX(107%) translateY(-50%);-webkit-transform: translateX(107%) translateY(-50%);}
.gig-slider .owl-nav .owl-prev span{
	border-top-right-radius: 15px;border-bottom-right-radius: 15px;
	padding: 7px 10px 0 5px !important;
}
.gig-slider .owl-nav .owl-next span{
	border-top-left-radius: 15px;border-bottom-left-radius: 15px;
	padding: 7px 5px 0 10px !important;
}
.gig-slider .owl-nav span{background: #fff;color:#000;font-size: 16px;
	line-height: 0;position: static;height: 30px;width: 25px;
box-shadow: 0 0 3px 1px #e6e3e3;}
.cgig-img .video-height{height: auto;}
.cgig-img:hover .owl-nav button{
	transform: translateX(0%) translateY(-50%);
	-ms-transform: translateX(0%) translateY(-50%);
	-webkit-transform: translateX(0%) translateY(-50%);
}
.community-post .gig-slider .owl-nav .owl-prev{
  left: 27px;
}
.community-post .gig-slider .owl-nav .owl-next{
  right: 27px;
}



/*********** LIKE COMMENT ************/
.comment-wrap-container{
	margin: 1px 0px 15px 0px;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-top-color: #fff;
	position: relative;
	top: -1px;
  margin-bottom: 0;
}
.comment-wp-container{
	padding: 10px 25px 10px 25px;
}
.laravel-like-hide.laravel-comment-hide{
	display: none;
}
.laravel-like-hide .laravel-like-wrap{
	display: none;
}
.laravel-comment-hide .laravel-comment-wrap{
	display: none;
}
.laravel-comment-wrap i{
	font-style: normal;
}
.laravel-like-comment{
	padding-bottom: 10px;
	border-bottom: solid 1px #e4e5e7;
}
.laravel-like-comment .singleName
{
  color: #0584FF;
}
.laravel-like-comment > div{
	float: left;
}
.laravel-like-wrap
{
  width: 70%;
}
.laravel-comment-wrap
{
  width: 30%;
}
.laravel-like-comment > div:last-of-type{
	text-align: right;
	float: right;
}
.laravel-like-comment *{
 	color: #606770;
}
.laravel-like-comment span{
	position: relative;
	top: 1px;
	left: 2px;
}
.laravel-like-comment .nrelv{
  position: static;
}
.laravel-thumb{
	border-radius: 50%;
	width: 18px;
	height: 18px;
	text-align: center;
	font-style: normal;
	display: inline-block;
	position: relative;
}
.laravel-thumb i{
	color: #e31b23;
	font-size: 13px;
	position: relative;
	top: -2px;
}

.laravel-like{
	border-bottom: solid 1px #e4e5e7;
	padding-bottom: 4px;
	padding-top: 10px;
  padding-bottom: 6px;
	margin-bottom: 12px;
}
.laravel-like > div > div{
	float: left;
}
.laravel-like span{
	font-weight: 600;
	/*font-family: 'Roboto';*/
	position: relative;
	top: -3px;
}
.laravelLike-icon span,.laravelComment-icon span{
	color: #606770;
}
.laravelLike-icon.laravelYourLike span{
	color: #2078f4;
}
.laravelLike-icon,.laravelComment-icon{
	/*cursor: pointer;*/
	text-align: center;
}
.laravelLike-icon span,.laravelComment-icon span{
	vertical-align: middle;
}
/*.laravelLike-icon:before,.laravelComment-icon:before{
	content: "";
	width: 18px;
	height: 18px;
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	position: relative;
	color: #606770;
}
.laravelLike-icon:before,.laravelLike-icon.laravelYourLike:before{
	top: -3px;
}
.laravelLike-icon:before{
	/*background-position: 0px 0px;*/
	content: "\f164";
}
/*.laravelLike-icon.laravelYourLike:before{
	/*background-position: -19px 0px;*/
	content: "\f164";
	font-weight: 800;
	color: #2078f4;
}
.laravelComment-icon:before{
	/*background-position: -39px 0px;*/
	content: "\f075";
	top: -4px;
}*/*/
.laravelComment-icon span{
	top: -5px;
}
*/
.laravel-comments .laravelYourLike{
  font-weight: 500;
  color: #2078f4;
}
.laravel-like-comment *{
  color: #000;
  font-size: 14px;
}
.laravel-like-comment .nrelv{
  margin-right: 4px;
}
.laravelLike-icon i, .laravelComment-icon i,.bookmark-gig i{
  color: #606770;
  cursor: pointer;
}
.laravel-like .comment-heart{
  font-size: 24px;
  margin-right: 10px;
}
.laravelComment-icon .comment-message{
  font-size: 24px;
  position: relative;
  top: 0px;
  transform: rotateY(-180deg);
}
.laravelYourLike.laravelLike-icon i,.pinkheart.bookmark-gig i,.laravelLike-icon.like-js.disabled i{
  color: #e31b23;
  font-weight: 900;
}
.laravelLike-icon.like-js.disabled i{
  opacity: 0.5;
}
.bookmark-gig i{
  font-size: 24px;
  color: #606770 !important;
}

/*********** COMMENTS ************/
.laravel-comments textarea{
	width: 100%;
	border: 1px solid #ccd0d5;
	background-color: #f2f3f5;
	border-radius: 16px;
	font-size: 14px;
	padding-left: 12px;
	padding-right: 12px;
}
.laravel-comments textarea::-webkit-input-placeholder { /* Edge */
  color: #8d949e;
}
.laravel-comments textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8d949e;
}
.laravel-comments textarea::placeholder {
  color: #8d949e;
}
.laravelComment-form{
  margin-bottom: 10px;
}
.post-comment .comment-avatar,.post-comment .field,.comment-wrap .comment-avatar,.comment-wrap .user-comment,
.post-reply .comment-avatar,.post-reply .field,.reply-wrap .comment-avatar,.reply-wrap .user-comment,.c_submit_wrap{
	display: inline-block;
	vertical-align: middle;
}
.comment-wrap .comment-avatar,.comment-wrap .user-comment,.reply-wrap .comment-avatar{
	vertical-align: top;
}
.post-comment .comment-avatar,.post-reply .comment-avatar{
	width: 35px;
}
.post-reply{
	clear: both;
	display: none;
	margin-top: 10px;
}
.post-comment .c_submit_wrap,.comment-wrap .user-comment{
	width: calc(100% - 44px);
	float: right;
}
.c_submit_wrap .field{
	width: calc(100% - 30px);
  color: #000;
}
.c_submit_wrap button{
	width: 26px;
	background: transparent;
	outline: none;
	border: none;
	position: relative;
	top: 9px;
	/*padding-left: 5px;*/
}
.c_submit_wrap button svg{
	fill: #37a000;
}
.post-reply .c_submit_wrap{
	width: calc(100% - 30px);
	float: right;
}

.comment-wrap{
	margin-bottom: 15px;
}
.reply-wrap{
	margin-top: 10px;
}
.user-comment-text{
	background: #f2f3f5;
	padding: 8px 10px;
	border-radius: 20px;
	position: relative;
	display: inline-block;
	margin-bottom: 3px;
  max-width: calc(100% - 32px);
}
.user-comment-text .links
{
  font-size: 14px !important;
}
.user-comment-text span{
	word-break: break-word;
}
.user-comment-text span a
{
  font-size: 15px !important;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.user-comment-text > a{
  display: block;
  width: 100%;
}
.user-comment a{
	color: black;
	font-weight: 600;

}
.like-btn,.reply-btn,.comment-cancel{
	background: transparent;
	outline: none;
	border: none;
	color: #385898;
	font-size: 13px;
	margin-right: 5px;
}
.like-btn.like-comment-js.disabled{
  color: #999;
}
html .comment-cancel{
  position: relative;
  top: 3px;
}
.comment-cancel:hover{
  text-decoration: underline;
}
.lk-rep{
	margin-left: 10px;
}
.comment-likes{
	position: absolute;
	right: 0;
	bottom: -10px;
	background: #fff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2);
	border-radius: 10px;
	font-size: 13px;
	padding: 1px 4px 2px 2px;
}
.comment-likes .laravel-thumb{
	width: 16px;
	height: 16px;
	top: 2px;
}
.comment-likes .laravel-thumb i{
	font-size: 12px;
	top: -1px;
	left: 1.5px;
}
.comment-likes span{
	color: #777d88;
	position: relative;
	top: 1px;
  right: 1px;
}
.comment-likes-hide{
	display: none;
}

.replies{
	margin-left: 50px;
}
.replies .comment-avatar{
	width: 20px;
	margin-top: 5px;
}
.replies .user-comment{
	width: calc(100% - 30px);
	float: right;
}
.vm_reply_btn,.vm_reply_btn2{
	margin: 10px 0 0 15px;
}
.vm_comment_btn{
	position: relative;
	top: -7px;
	margin: 0px 0 5px 45px;
}
.hide_reply_btn{
	margin: 10px 0 0 15px;
}
.vm_reply_btn,.vm_comment_btn,.hide_reply_btn{
	color: #385898;
}
.vm_reply_btn em,.vm_comment_btn em,.hide_reply_btn em{
	font-style: normal;
}
.vm_reply_btn:hover span,.vm_comment_btn:hover span,.hide_reply_btn:hover span{
	text-decoration: underline;
}

.comments-edit-wrap{
  position: absolute;
  right: -37px;
  top: 0;
  z-index: 1000;
}
.comments-edit-btn{
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  display: none;
}
.comments-edit-btn:hover{
  background: #f2f3f5;
}
.comment-wp:hover .comments-edit-btn,.reply-wp:hover .comments-edit-btn{
  display: inline-flex;
}
.comments-edit-btn > span{
  background: #858686;
  border-radius: 50%;
  width: 3px;
  height: 3px;
  margin: 0 1px;
}
.comments-edit-div{
  position: absolute;
  background: #fff;
  box-shadow: 0 2px 6px 0 rgba(0,0,0,0.15);
  top: calc(100% + 5px);
  width: 70px;
  padding: 3px 0px 1px 0px;
  border-radius: 6px;
  display: none;
}
.comment-wp:hover .comments-edit-div-visible,.reply-wp:hover .comments-edit-div-visible{
  display: block;
}
.comments-edit-div li{
  font-size: 12px;
  margin-bottom: 2px;
}
.clr-btn{
  background: transparent;
  outline: none;
  border: none;
}
.comments-edit-div li button{
  width: 100%;
  text-align: left;
  padding: 2px 6px;
}
.comments-edit-div li button:hover{
  background: #1e90ff;
  color: #fff;
}
/*********** COMMENTS END ************/

.sidebar-css{
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 270px;
  background-color: #000;
  z-index: 999999;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  transform: translateX(270px);-webkit-transform: translateX(270px);-ms-transform: translateX(270px);
}
.sidebar-css,.customlay-css{
  transition: all 0.2s;-webkit-transition: all 0.2s;
}
.sidebar-css.showed{
  transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);
}
.customlay-css{
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.8);
  z-index: 99999;
  visibility: hidden;
  opacity: 0;
}
.customlay-css.showed{
  visibility: visible;
  opacity: 1;
}
.sidebar-header{
  color: #fff;
  text-align: center;
  border-bottom: solid 1px rgba(255,255,255,0.1);
}
.sidebar-header,.sidebar-body ul{
  padding: 0px 20px;
}
  
.sidebar-header h4{
  font-size: 25px;
}
.sidebar-body{
  overflow-y: auto;
  flex: 1;
  overflow-y: auto;
}
.live-notification-a{
  color: #000;
  padding: 7px 17px;
  /*font-weight: 600;*/
}
.sidebar-css ul{
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
}
.sidebar-css ul li:not(:last-of-type){
  margin-bottom: 15px;
}
.sidebar-css ul li > div > span{
  padding-top: 0px;
  width: calc(100% - 60px);
  vertical-align: sub;

}
.sidebar-css ul li > div:last-of-type > span{
  position: relative;
  top: 0px;
}
.toggle-btn{
  position: relative;
  user-select: none;
  float: right;
  margin-bottom: 7px;
  cursor: pointer;
}
.toggle-btn-span{
  width: 50px;
  height: 30px;
  background: #242328;
  border: solid 1px #333;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  vertical-align: middle;
  margin-right: 1px;
  border-radius: 15px;
  -webkit-transition: background-color .28s ease;
  transition: background-color .28s ease;
}
.toggle-input{
  z-index: -1;
  position: absolute;
  width: 0.01px;
  height: 0.01px;
  opacity: 0;
  visibility: hidden;
}
.toggle-btn-span span{
  position: absolute;
  width: 24px;
  height: 24px;
  top: 2px;
  left: 2px;
  background: #fff;
  border-radius: 50%;
  z-index: 1;
  transform: translate3d(0px,0,0);
  -ms-transform: translate3d(0px,0,0);
  -webkit-transform: translate3d(0px,0,0);
  transition: transform .28s cubic-bezier(0.45, 1.8, 0.5, 0.75);
  -webkit-transition: transform .28s cubic-bezier(0.45, 1.8, 0.5, 0.75);
}
.toggle-input:checked + label .toggle-btn-span{
  background-color: #26e600;
}
.toggle-input:checked + label .toggle-btn-span span{
  left: auto;
  transform: translate3d(10px,0,0);
  -ms-transform: translate3d(10px,0,0);
  -webkit-transform: translate3d(10px,0,0);
}

.table-css-wrap .btn-success,.table-css-wrap .label.label-success,
body .select2-container--default .select2-results__option--highlighted[aria-selected]{
  background: #0584FF;
}
body .dropzone.dz-drag-hover .dz-i-img i,body .dropzone:hover .dz-i-img i,
.dz-default .red,.mem2{
  color: #0584FF;
}

.login_other_text{
  position: relative;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  padding-top: 10px;
}
.id_wraps,.mob_id_wraps{
  text-align: left;
}
.mob_id_wraps_outer{
  position: relative;
}
.mob_id_wraps{
  overflow-x: auto;
  display: none;
  margin-top: -5px;
  white-space: nowrap;
  padding: 0 7px 0 7px;
  margin-right: 47px;
}

.mob_id_wraps .m-ac-btn{
  position: absolute;
  top: 23px;
  right: 9px;
  background: transparent;
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 0;
  border-radius: 50%;
  border: solid 2px #fff;
  outline: none;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mob_id_wraps .m-ac-btn span{
  width: 3px;
  height: 3px;
  background: #fff;
  border-radius: 50%;
  margin: 0 2px;
}
.mob_id_wraps div a{
  padding: 15px 3px !important;
}
.id_wraps > div,.mob_id_wraps > div{
  display: inline-block;
  vertical-align: middle;
}
.id_wraps img{
  border: solid 2px #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  margin: 0px 10px 10px 0;
}
.id_wraps .current_account img{
  width: 80px;
  height: 80px;
}
.mob_id_wraps img{
  border: solid 2px #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
}
.mob_id_wraps .current_account img{
  width: 60px;
  height: 60px;
}
[data-userid],[data-userid] > a{
  position: relative;
}

.real_online{
  display: inline-block !important;
}
.light-green
{
  color: #08d11c !important;
}
.darkgreen-dot{
  position: absolute;
  background: #08d11c;
  color: #fff;
  border-radius: 50%;
  z-index: 99;
}
.xs_online.darkgreen-dot{
  right: 0px;
  bottom: 0px;
  width: 14px;
  height: 14px;
  border: solid 2px #fff;
}
.replies .xs_online.darkgreen-dot{
  right: -5px;
  width: 10px;
  height: 10px;
}
.sm_online.darkgreen-dot{
  right: -5px;
  bottom: -3px;
  width: 14px;
  height: 14px;
  border: solid 2px #fff;
}
.md_online.darkgreen-dot{
  right: -1px;
  bottom: 3px;
  width: 22px;
  height: 22px;
  border: solid 3px #fff;
}
.mdd_online.darkgreen-dot{
  right: 5px;
  bottom: 9px;
  width: 27px;
  height: 27px;
}
.mdx_online.darkgreen-dot{
  right: 5px;
}
.id_wraps .mdd_online.darkgreen-dot{
  right: 8px;
  bottom: 9px;
  width: 22px;
  height: 22px;
}
.mob_id_wraps .darkgreen-dot{
  right: 2px;
  bottom: 15px;
  border-width: 2px;
}
.lg_online.darkgreen-dot{
  right: 11px;
  bottom: 14px;
  width: 27px;
  height: 27px;
  border: solid 4px #fff;
}
.inner-banner-wrap .lg_online.darkgreen-dot{
  right: 10px;
  bottom: 9px;
}
.b-profile-img1 .lg_online.darkgreen-dot{
  right: 7px;
  bottom: 9px;
}
.laravel-comments .xs_online{
  right: -1px;
}

.darkgreen-dot span{
  display: none !important;
}
.yellow-dot{
  position: absolute;
  background: #c0ffc7;
  color: #37a000;
  border-radius: 15px;
  z-index: 99;
}
.xs_online.yellow-dot{
  right: -2px;
  bottom: 2px;
  border: solid 2px #fff;
  font-size: 9px;
  padding: 0 3px;
}
.comment-wp .xs_online.yellow-dot{
  border-width: 2px;
}
.replies .xs_online.yellow-dot{
  right: -5px;
  font-size: 6px;
  border-width: 1px;
}
.sm_online.yellow-dot{
  right: -4px;
  bottom: -4px;
  border: solid 3px #fff;
  font-size: 9px;
  padding: 0 3px;
}
.md_online.yellow-dot{
  right: -3px;
  bottom: 3px;
  border: solid 2px #fff;
  font-size: 9px;
  padding: 0 3px;
}
.mdd_online.yellow-dot{
  right: 5px;
  bottom: 5px;
  font-size: 12px;
}
.mdx_online.yellow-dot{
  right: 5px;
}
.id_wraps .mdd_online.yellow-dot{
  right: 12px;
  bottom: 9px;
}
.mob_id_wraps .yellow-dot{
  right: 2px;
  bottom: 15px;
  border-width: 2px;
}
.lg_online.yellow-dot{
  right: 5px;
  bottom: 13px;
  border: solid 3px #fff;
  font-size: 11px;
  padding: 0 4px;
}
.b-profile-img1 .lg_online.yellow-dot{
  right: 6px;
  bottom: 10px;
}
.mcontainer .darkgreen-dot,.mcontainer .yellow-dot{
  border-color: #000;
}
.mcontainer .yellow-dot{
  background: #032903;
  color: #54C165;
}
.hidden-dot{
  display: none !important;
}

.live-hours-wrap .display-table-cell{
  vertical-align: top !important;
}
.livehours_flex > div{
  float: left;
}
.livehours_flex > label{
  float: right;
}
.livehours_p,.livehours_flex > label{
  font-size: 15px;
  margin-top: -2px;
}

.live-hours-wrap span{
  display: inline-block !important;
}
#time-range{
  margin-top: 20px;
  display: block;
  width: 100%;
  clear: both;
}
.ui-widget-header{
  transition: all 0.2s;-webkit-transition: all 0.2s;
}
.livehours_status:checked ~ #time-range .ui-widget-header{
  background: #08d11c;
}
.topbar-search{display: none;}
.search-input{float: left;width: 100%;}
.search-input-ul-wrap{background: #ffffff;padding: 8px 12px 4px 12px;cursor: text;
height: 100%;border: 1px solid transparent;transition: 0.1s ease;-webkit-transition: 0.1s ease;}
.search-input-ul-wrap,.talk-search-input input{border: 1px solid #37a000 !important;box-shadow: 0 0 5px #37a000;}
.search-input-ul{display: inline-flex;overflow-x: auto;overflow-y: hidden;text-overflow: unset;max-height: 47px;width: 100%;white-space: nowrap;}
.search-input-ul li{display: inline-block !important;vertical-align: top;}
.search-input input{width: 100%;border-left: 0;padding: 0;line-height: 1;margin-top: 5px;}
/*.search-input input::-webkit-input-placeholder { 
  color: #000;
}
.search-input input:-ms-input-placeholder {
  color: #000;
}
.search-input input::placeholder {
  color: #000;
}*/
.search-label{
  
  margin-bottom: 5px;
  margin-right: 5px;
}
.search-close-label{
  color: #999;
  cursor: pointer;
  display: inline-block !important;
  font-weight: bold;
  margin-right: 2px;
}
.search-close-label:hover{
  color: #000;
}  
.search-result{
  position: relative;
  display: none;
  z-index: 9999;
  overflow-x: hidden;
  overflow-y: hidden;
}
.search-input > div{
  height: 44px;
}
.search-result strong{
  cursor: default;
  display: block;
  padding: 6px;
}
.search-result-opt li{
  padding: 6px;
  padding-left: 1em;
  cursor: pointer;
}
.search-result-opt li:hover,.search-label-active{
  background: #0584FF;
  color: #fff;
}
.search-result-opt li:hover a{
  color: #fff;
}
.search-result a{
  color: #000;
  display: block;
}
.l_highlight{
  background: #37a000;
  display: inline-block !important;
}
.s-gigs-count{
  float: right;
  font-size: 12px;
  margin-top: 3px;
}
.search-first-l,.search-second-l{
  top: 0%;
  left: 0;
  width: 100%;
  background: #fff;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #aaa;
  border-top: 0;
  overflow-x: hidden;
  z-index: 9999;
  transition: transform 0.2s;-webkit-transition: transform 0.2s;
}
.search-second-l{
  visibility: hidden;
  position: absolute;
  top: -1px;
  left: 99.9%;
  width: 100%;
}
.hide-f-layer{
  transform: translateX(-100%);-ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);
}
.show-s-layer{
  visibility: visible;
  transform: translateX(-100%);-ms-transform: translateX(-100%);-webkit-transform: translateX(-100%);
}
.go-back{
  padding: 5px 10px 5px 0;
  cursor: pointer;
}
.live_btn{
  background: #37a000;
  color: #fff !important;
}
.g-btn a{
  background: #f8eff0;
  color: #37a000 !important;
  font-weight: 700;
}
.live_btn span{
  color: #fff !important;
}

.profile_section2 h3{margin-top: 15px;font-size: 21px;margin-bottom: 0px;}
.profile_section2 .featureLinks2{margin-top: 5px;}
.profile_section2 .featureLinks li{font-size: 15px;}
.mobile_profile_section{margin-top: 15px;margin-bottom: 15px;}
.mobile_profile_section > div{float: left;}
.mobile_profile_section > div{width: 100%;}
.mobile_profile_section > div:last-of-type{
  margin-bottom: 0px;text-align: left;float: right;width: auto;
  width: calc(100% - 125px);
}
.blue-btn{color: #0584FF;font-weight: 400;font-size: 16px;margin-right: 10px;
margin-left: 5px;margin-top: 10px;vertical-align: top;}
.grey-btn{color: #000;font-weight: 600;border-radius: 6px;background: #E3E2E7;
  padding: 9px 15px;font-size: 16px;margin-top: 0;}
.mobile_profile > div:first-of-type{width: 130px;}
.mobile_profile > div:last-of-type{width: calc(100% - 130px);padding-left: 5px;margin-top: 5px;}
.mobile_profile > div{float: left;}
.mobile_profile_section .b-profile-img{bottom: 0;left: 0;position: relative !important;transform: translateY(0%);
  -ms-transform: translateY(0%);
  -webkit-transform: translateY(0%);
}
.mobile_profile h3 a span{line-height: 1.3;}
.mobile_profile_section .b-profile-img img{
  width: 120px;height: 120px;
}
.mobile_profile_section .container{padding: 0;}
.mobile_profile_section .p-head a{font-size: 18px;}
.mobile_profile a{color: #000;}
.row2{margin: 0 -7px;}
.row2 > div{padding: 0 7px;}
.yt_wrap{height: 100%;}
video{
  background: #000;
}
.sppp-head .p-head a, .sppp-head .pp-hjg a{
  width: auto;
  display: inline;
}
.header-scroll-menu{
  background: #000;
  overflow-x: auto;
  white-space: nowrap;
  display: none;
}
.header-scroll-menu li{
  display: inline-block;
}
.header-scroll-menu li a{
  font-size: 17px;
  padding: 17.5px;
  font-weight: 600;
  color: #fff;
  position: relative;
}
.header-scroll-menu li a:before{
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60%;
  height: 4px;
  background: #08d11c;
  display: none;
}
.header-scroll-menu li a.s-active{
  color: #08d11c;
}
.header-scroll-menu li a.s-active:before{
  display: block;
}
.header-scroll-menu li a.m-active{
  color: #08d11c;
}
.header-scroll-menu li a.m-active:before{
  display: none;
}

.header-tags-slider ul{
  overflow-x: auto;
  white-space: nowrap;
  background: #fff;
  padding: 25px 0px;
}
.header-tags-slider li,.profile-tags-slider li{
  display: inline-block;
  margin: 0 5px;
}
.header-tags-slider li a{
  margin-bottom: 0 !important;
  /*background: #EAE6EA;
  color: #000;
  border-radius: 35px;
  padding: 10px 14px;*/
}
.header-tags-slider li a.service-selected{
  color: #08d11c;
}

.search_map_wrap{
  margin-bottom: 20px;
  display: none;
}
.my-custom-class-for-label {
  width: 15px; 
  height: 15px;
  line-height: 16px;
  border-radius: 50%;
  background: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  color: #000;
}

.live-stories-wrap{
  background: url(../img/inner-heading-bg.webp?v=1) no-repeat center center;
  position: relative;
  z-index: 0;
}
.live-stories-wrap:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
  z-index: -1;
}
.live-stories-wrap .owl-stage-outer{
  padding-bottom: 0;
}
.live-stories-wrap .owl-stage{
  /*flex-wrap: nowrap !important;*/
}
.live-stories-wrap .owl-item{
  /*width: 113px !important;*/
}
.live-stories,.community-cols{
  max-width: 2560px;
  margin-left: auto;
  margin-right: auto;
}
.l-col > div{
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  background: #fff;
  cursor: pointer;
}
.l-col div span{
  font-family: Helvetica, Roboto;
  font-weight: 400;
  line-height: 1.3;
}
.live-story-b{
  position: relative;
}
.live-story-a{
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.live-story-a:after,.live-story-b-img:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(0deg,rgba(0, 0, 0, 0.4),transparent);
  z-index: 1;
}
.live-story-b img{
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.live-story-b-img
{
  height: 152px;
  display:flex;
  align-items:center;
  text-align: center;
  justify-content: center;
}

.live-story-b-img > a{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-radius: 0px !important;
}
.live-story-bg img,.live-story-a,.live-story-b,.l-col > div{
  border-radius: 10px;
  display: block;
}
.live-story-bg
{
  height: 221px;
  display:flex;
  align-items:center;
  text-align: center;
}
.live-story-bg img{
  height: 221px;
  width: 100%;
  border-radius: 0px;
  object-fit: cover;
  display: block !important;
}
.live-story-plus{
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: solid 4px #ffffff;
  background: #08d11c;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 30px;
  left: 50%;
  top: -17px;
  z-index: 10;
  transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);
}
.live-story-plus span{
  position: relative;
  top: -4px;
}
.live-story-b img{
  height: 152px;
  width: 100%;
  object-fit: cover;
}
.live-story-add-text{
  height: 70px;
  padding-top: 23px !important;
  text-align: center;
  font-size: 17px;
  font-weight: 600;
  color: #000;
  line-height: 1.2;
}
.live-story-bg-bottom{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  font-weight: 700;
  color: #fff;
  font-size: 15px 15px 10px 15px;
}
.live-story-bg-bottom,.live-story-add-text{
  padding: 10px;
}
.live-story-bg-top{
  position: absolute;
  top: 10px;
  left: 10px;
}
.live-story-bg-top img{
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
}
.live-story-bg-top .real_online.darkgreen-dot{
  right: 2px;
}
.live-story-bg-top .real_online.yellow-dot{
  right: 0px;
}
.live-stories-wrap .profile-ring{
  z-index: 3;
}
.story-setting-wrap {
  position: absolute;
  z-index: 999;
  bottom:  10px;
  right: 17px;
  color: #ffffff;
}
.story-setting-wrap .c-toggle-menu{
  min-width: 111px;
  bottom: 100%;
  top: auto;
  text-align: left;
}
.fancy_video_gallery .fancybox-slide{
  padding: 0px;
}
.fancy_video_gallery .fancybox-slide .profile-ring{
  position: absolute;
  top: 7px;
  left: 7px;
  z-index: 10;
  width: 40px;
  height: 40px;
}
.fancy_video .fancybox-content{
  width: 100% !important;
  height: 100% !important; 
}
.fancy_video_gallery .compensate-for-scrollbar{
  margin-right: 0;
}
.s-glow{
  border-radius: 50%;
  box-shadow: 0 0 8px #08d11c, inset 0 0 8px #08d11c;
  -webkit-animation: gpulse 2s linear 1s infinite;
  position: relative;
  z-index: 99;
}
@-webkit-keyframes gpulse {
  0% { box-shadow:0 0 8px #08d11c, inset 0 0 8px #08d11c; }
  50% { box-shadow:0 0 16px #08d11c, inset 0 0 14px #08d11c; }
  100% { box-shadow:0 0 8px #08d11c, inset 0 0 8px #08d11c; }
}

.header-tags-slider{
  padding: 0 10px;
}
.community-cols-wrap{
  background: #f0f1f6;
}
.com-row > div{
  float: left;
}
.com-left,.com-right{
  padding: 10px 15px 10px 30px;
  width: 24%;
}
.com-right .community-post{
  margin: 0;
}
.com-left h4, .com-right h4{
  margin-top: 0;
  font-size: 18px;
  font-weight: 700;
}
.com-center{
  width: 52%;
}
.com-left a{
  display: block;
}
.col-fav{
  padding: 8px 0;
}
.col-fav-img,.col-fav-text{
  display: inline-block;
  vertical-align: middle;
}
.col-fav-img img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.col-fav-img{
  width: 40px;
}
.col-fav-text{
  width: calc(100% - 50px);
  padding-left: 5px;
  font-size: 15px;
  font-weight: 700;
  color: #000;
}
.community-cols-wrap .profile-ring img{
  border-radius: 50%;
}
.talk-community{
  padding: 15px;
  background: #ffffff;
  margin-top: 10px;
}
.talk-search-img,.talk-search-input{
  vertical-align: middle;
  display: inline-block;
}
.talk-search-input{
  width: 100%;
}
.talk-search-img + .talk-search-input{
  width: calc(100% - 45px);
  padding-left: 5px;
}
.talk-search-input a,.talk-cols a,.community-post-content-img a{
  display: block;
}
.talk-search-input input{
  width: 100%;
  background: #eef1f8;
  outline: none;
  border: none;
  border-radius: 35px;
  padding: 8px 15px;
  font-size: 17px;
  cursor: pointer;
}
.talk-search-img img{
  width: 40px;
  height: 40px;
}
.talk-sep{
  margin: 10px 0 10px 0;
  border-top: solid 1px #eef1f8;
}
.talk-cols > div{
  width: 50%;
  float: left;
  text-align: center;
}
.talk-cols a{
  color: #000;
  font-size: 16px;
}
.talk-cols a i{
  margin-right: 3px;
  font-size: 20px;
}
.talk-cols a span,.talk-cols a i{
  vertical-align: middle;
}
.fa-v-color{
  color: #E42645;
}
.fa-p-color{
  color: #41B35D;
}

.community-post{
  background: #ffffff;
  margin: 10px 0;
 /* overflow:hidden;*/
}
.community-post > div{
  padding: 15px 15px 0 15px;
}
.community-wrap .community-post > div{
  padding-bottom: 15px;
}
.chat_with_community{
  background: #000;
}
.chat_with_community > div:first-of-type{
  color: #ffffff;
}
.chat_with_community .community-tags{
  color: #08d11c;
}
.chat_with_community .community-post-header-left .xs_online{
  border-color: #000000;
}
.talk-community,.community-post{
  border: 1px solid #e0e0e0;
}
.community-post .links{
  font-size: 17px;
}
.singleName a
{
  color: #216fdb;
  font-size:  15px !important;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
}
.community-post .comment-wrap-container{
  border: none;
}
.community-post .comment-wrap-container{
  margin-bottom: -2px;
}
.community-post .comment-wp-container{
  padding: 10px 0px 10px 0px;
}
.community-post-header{
  border-bottom: none;
  position: relative;
}
.main-community .community-post-header > div:first-of-type{
  width: 100%;
}
.community-post-header-left,.community-post-header-right{
  vertical-align: middle;
  display: inline-block;
}
.community-post-header-left img{
  width: 40px;
  height: 40px;
}
.community-post-header-right{
  padding-left: 5px;
  width: calc(100% - 45px);
}
.community-post-header-right a{
  color: #000;
  font-weight: 500;
  font-size: 17px;
}
.chat_with_community .community-post-header-right a{
  color: #ffffff;
}
.community-date{
  /*color: red;*/
  margin-top: -5px;
}
.community-post-content h5{
  color: #000;
  font-size: 16px;
}
.chat_with_community .community-post-content h5{
  color: #ffffffde;
  font-size: 24px;
}
.community-post-content h5 a{
  color: #37a000;
}
/*.chat_with_community .community-post-content h5 a{
  color: #08d11c;
  font-size: 17px !important;
}*/
.chat_with_community .community-post-content .linkify a{
     color: #0584FF;
  }
.community-post-content-img img{
  width: 100%;
}
.chat_with_community .community-post-content{
  overflow-y: auto;
}
.chat_with_community .community-post-content > .community-post-content{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.c-video-icon{
  width: 22px;
  transform: translateZ(0);
}
.c-video-icon2{
  width: 35px;
  transform: translateZ(0);
}
.bootstrap-tagsinput{width: 100%;}
.bootstrap-tagsinput{
  box-shadow: none;
  border-radius: 0;
}
.community-cols .search_map_wrap{
  margin-top: 20px;
}
.community-setting-wp{
  position: absolute;
  right: 10px;
}
.community-setting{
  background: transparent;
  outline: none;
  border: none;
}
.js-errors-container a{
  color: inherit;
  text-decoration: underline !important;
}
.comment-wrap-container .favourite-gig{
  margin-left: 10px;
}
.share-btn{
  cursor: pointer;
  font-size: 23px;
}
.share-btn a{
  color: inherit;
}
.share-btn i{
  display: none;
}
.share-btn .share-icon-img{
  width: 25px !important;
  transform: translateZ(0);
  position: relative;
  top: -5px;
}
.ajax-loader{
  position: relative;
  margin: 10px 0;
  padding-bottom: 20px;
}
.follows-page .user-profile-img img{
  width: 150px;
  height: 150px;
}


.tabs-wrap .nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.tabs-wrap .nav-tabs {
    border-bottom: 1px solid #dee2e6;
    margin-top: 10px;
    margin-bottom: 30px;
}
.tabs-wrap .nav-tabs .nav-link {
    margin-bottom: -1px;
    background: 0 0;
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.tabs-wrap .nav-link {
    display: block;
    padding: .5rem 1rem;
    text-decoration: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
}
.tabs-wrap .nav-tabs .nav-link:focus,.tabs-wrap .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate;
}
.tabs-wrap .nav-tabs .nav-item.show .nav-link,.tabs-wrap .nav-tabs .nav-link.active {
    color: #f4f5f7;
    background-color: #0584ff;
    border-color: #dee2e6 #dee2e6 #fff;
}
.p-btns-wrap{
  display: flex;
}
.p-btns-wrap button{
  max-width: 260px;
  margin: 7px 0;
  margin-right: 7px;
  width: 100%;
}
.p-info-section{
  border: solid 1px #000;
  border-radius: 7px;
  background: #ffffff;
  padding: 8px 12px;
}
.bubble {
    position: relative;
    background: #0582ff;
    color: #FFFFFF;
    font-size: 16px;

    text-align: center;
    padding: 5px;
    width: auto;
    /* height: 120px; */
    border: none;
    border-radius: 10px;
}
.bubble:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 0 20px 20px 0;
    border-color: transparent #0582ff transparent transparent;
    bottom: -20px;
    left: 93%;
    margin-left: -10px;
}
.mb-35
{
  margin-bottom: 35px !important;
}
.bubble2 {
    position: relative;
    background: #0582ff;
    color: #FFFFFF;
    font-size: 16px;

    text-align: center;
    width: auto;
    border:none;
    border-radius: 10px;
    padding: 5px;
}
.bubble2:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    z-index: 1;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #0582ff transparent transparent transparent;
    bottom: -20px;
    left: 7%;
    margin-left: -10px;
}
.p-info-h{
  font-size: 16px;
  margin-bottom: 10px;
}
.f-height > div > div{
  height: 100%;
}
.p_headg{
  font-size: 18px;
  margin: 0 0 15px 0;
}
.p-services-offered .p-info-section{
  margin-top: 10px;
}
.flex-d{
  display: flex;
  flex-wrap: wrap;
}
.flex-d:after{
  display: none;
}
.justify-between{
  justify-content: space-between;
}
.s-offered{
  color: #37a000;
}
.s-offered h4{
  margin-top: 7px;
  margin-right: 20px;
  color: #000;
}
.rrow{
  /*margin-left: -15px;
  margin-right: -15px;*/
}

.mb-0{margin-bottom: 0 !important;}
.mt-10{
  margin-top: 10px !important;
}
.mb-3 {
    margin-bottom: 1rem!important;
}
.mt-20{
  margin-top: 20px !important;
}
.mt-30{
  margin-top: 30px !important;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-15{
  margin-bottom: 15px;
}
.mb-20{
  margin-bottom: 20px;
}
.mb-30{
  margin-bottom: 30px;
}
.pt-0{
  padding-top: 0 !important
}


@media(min-width: 992px){
	.contact-page .container{
		max-width: 100% !important;
	}
  .navbar-default .navbar-nav>li .live_btn{
    padding: 9px 8px;
  }
}
@media(min-width: 768px) and (max-width: 991px){
	html .search-form-css > div{
		width: 30%;
	}
	.search-form-css .search-form-last-div{
		width: 10% !important;
	}
	html .search-form-css2 > div{
		width: 32%;
	}
}
@media(min-width: 1130px){
  .mobile_profile_section > div:last-of-type{
    width: auto;
  }
}
@media(min-width: 1200px){
  .navbar-default .navbar-nav>li .live_btn{
    padding: 9px 40px;
  }
  .filter-far-right,.filter-center{
    max-width: 324px;
    width: 100%;
  }
  .index-filter-wrap .filter-right{
    width: calc(100% - 648px);
    right: 324px;
  }
  .filter-center{
    left: calc(100% - 648px);
  }
}
@media(min-width: 1270px){
  .navbar-default .navbar-nav>li>a{
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media(max-width: 991px){
	.contact-panel .contact__panel-form{
		padding-left: 0;
	}
	.contact-panel .contact__panel-form,.contact-panel .contact__panel-info{
		flex: 0 0 100%;
		max-width: 100%;
		margin-left: 0%;
	}
	.contact-panel{padding: 40px 40px 40px;}
	.contact-panel .contact__panel-form{padding-bottom: 15px;}
}
@media(min-width: 768px) and (max-width: 1075px){
	.filter-left a:first-of-type{
		margin-bottom: 10px;
	}
	.filter-left a{
		float: none !important;
		width: 100%;
	}
}
@media(min-width: 768px){
  .header-wrap > .container > .row{
    text-align: center;
  }
  .navigationwrape{
    float: none;
    display: inline-block;
  }
  .selectJs1{
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
  }
  .index .loc-search,.com-center .loc-search{
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
  }
  .fixed-bottom-btn{
    display: none !important;
  }
  .emojionearea.emojionearea-standalone,.attachment{
    float: left;
  }
  .emojionearea.emojionearea-standalone{
    margin-right: 3px;
  }
  .attachment{
    margin-top: 3px;
  }
  .send-msg button{
    float: right;
  }
	.welcome-search-right-p{
		margin-top: 0px;
	}
	.profile_map{
		display: none;
	}
	.index-search-wrap .search-form-css > div{
		width: 100%;
	}
	.index-search-wrap .search-form-css > div:nth-of-type(2),.index-search-wrap .search-form-css > div:nth-of-type(3){
		width: 50%;
	}
	.index-search-wrap .search-form-css > div:nth-of-type(2) select,
	.index-search-wrap .search-form-css > div:nth-of-type(1) select,
	.search-form-css2 > div:nth-of-type(1) select{
		border-left: none;
	}
	.index-search-wrap .search-form-css > div:nth-of-type(1){
		margin-bottom: 15px;
	}
	.index-search-wrap .search-form-css > div:nth-of-type(1) select{
		width: 74%;
		float: left;
	}
	.index-search-wrap .search-form-css .select2-container{
		float: left;
	}
  .index-search-wrap .search-input{
    width: 75%;
  }
  .index-search-wrap .search-form-css > div .src-btn{
    width: 25%;
  }
	.index-search-wrap .search-form-css > div .src-btn{
		float: right;
		padding-left: 10px;
	}
	.index-search-wrap .search-form-css > div button{
		width: 100%;
	}

	.index-search-wrap .search-form-css input::placeholder {
	  color: #a09696 !important;
	  opacity: 1; /* Firefox */
	}

	.index-search-wrap .search-form-css input:-ms-input-placeholder {
	  color: #a09696 !important;
	}

	.index-search-wrap .search-form-css input::-ms-input-placeholder { 
	  color: #a09696 !important;
	}

	.search-form-css2 button{
		width: 100%;
	}
	.search-form-css2 > div{
		width: 31%;
	}
  .search-form-css2 > div:nth-of-type(2){
    width: 29%;
  }
  .search-form-css2 > div:nth-of-type(3){
    width: 29%;
  }
	.search-form-css .search-form-last-div{
		width: 16%;
	}
	.search-form-css2 .search-form-last-div{
		width: 11%;
	}
	.container{
		max-width: 2560px !important;
    width: calc(100% - 30px);
	}
	.v-ginline a{
		color: #000;
	}
  .row2 > div:first-of-type{
    width: 30%;
  }
  .row2 > div:last-of-type{
    width: 70%;
  }
  .full-gig-page .row2 > div:first-of-type{
    position: absolute;
    overflow-y: auto;
    height: 100%;
  }
  .full-gig-page .row2 > div:last-of-type{
    margin-left: 30%;
  }
  .p-section-wrap > div:last-of-type{
    padding-left: 15px;
  }
  .p-section-wrap{
    display: flex;
  }
  .embeded_video_wrap{
    width: 370px;
  }
  .social_links_wrap{
    min-width: 50%;
  }
  .p-gap-eq{
    margin-bottom: 27px;
  }
  .profile-tags-slider{
    display: flex;
    flex-wrap: nowrap;
    max-width: calc(100% - 270px);
  }
  .profile-tags-slider > div{
    white-space: nowrap;
    overflow: hidden;
  }
  .profile-tags-slider-m{
    display: none;
  }
  .profile-detail .alert-section > div{
    margin-left: 23%;
  }
  .flex-dd .mute-user{
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media(max-width: 1145px) and (min-width: 768px){
  .mobile_profile > div:first-of-type,
  .mobile_profile > div:last-of-type,
  .mobile_profile_section > div:last-of-type{width: auto;text-align: left;}
  .mobile_profile_section > div:last-of-type{float: left;}
}
@media(max-width: 767px){

  html:not(.chat) .header-scroll-menu{
    display: block;
  }
  .topbar-search{
    z-index: 999;
    padding: 8px 0 8px 0;
    background-color: #000;
  }
  .topbar-search input{
    width: 100%;
    background: #EEEFEE;
    border-radius: 12px;
    border: none;
    outline: none;
    font-size: 16px;
    padding: 8px 44px 8px 25px;
    color: #B6B5B9;
  }
  .live-stories{
    margin-top: 0px;
  }
  /*.topbar-search input::-webkit-input-placeholder {
    color: #000;
  }
  .topbar-search input:-ms-input-placeholder { 
    color: #000;
  }
  .topbar-search input::placeholder {
    color: #000;
  }*/
  .topbar-search img{
    position: absolute;
    right: 20px;
    width: 15px;
    top: 50%;
    transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);
  }
  .index-search-wrap .search-input-ul-wrap:not(._focused),.filter-right .select2-container--default .select2-selection--multiple{
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
  }
  .search-form-css2 .search-input-ul-wrap:not(._focused){
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 5px !important;
  }
  .selectJs1{
    border-bottom-right-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
  }
	.gig-topbar ul li, .sharing-options ul li, .video-topbar ul li{
		margin: 0 4px 1px 5px;
		float: none;
	}
	.video-topbar ul li{
		float: left;
	}
	.cgig-wrap{width: 100%;}
	.location-coordinates input{margin-bottom: 20px;}
	[data-m-box] .subbtn.btn-progress{width: 100%;}
	.get-coordinate-btn{padding: 12px 5px;}
	
	.welcome-search-right-p{margin-top: 6px;}
	.text-side-img{margin-bottom: 15px;margin-bottom: 15px;}
	.listWrpService.full-gig-show-below{margin-top: 15px;padding: 20px 20px 20px 20px;}

	.flex .listWrpService{height: auto;}
	.contact-panel{padding: 20px;}
	.subscription-page .sub-plan-name span{display: block;}
	.blog-page-left-col{margin-bottom: 35px;}
	.user-profile-img:not(.dragndrop) .verfied-badge{right: -13px;}
  .user-profile-img img{transform: translateZ(0);}
	.js-log-cls{
		width: 35px;
		height: 35px;
		font-size: 24px;
		padding-top: 7px;
	}
	.alert-section-container > div:first-of-type{
		margin-top: 15px;
	}
	.profile_section_hidden .profile-section-container{
		display: none;
	}
	.full-gig-show{
		margin-top: 35px !important;
	}
	.filter-wrap .filter-right > div{
		padding-top: 15px;padding-bottom: 15px !important;
		margin-top: 20px;
	}
	.filter-wrap .filter-far-right{
		margin-bottom: 20px;
	}
	.filter-right-p span{
		display: block;
	}
	.search-form-css > div{
		float: none;
	}
	.filter-wrap h3{
		margin-bottom: 10px;
	}
	.filter-wrap > div > div > div > div{
		padding-top: 12px;padding-bottom: 20px;
	}
  .filter-right-p{
    text-align: center;
  }
  .filter-wrap{
    margin-bottom: 40px;
    margin-top: 0;
  }
	.search-form-css input, .search-form-css select{
		border-left: 0;
		margin-top: 2px;
	}
	.filter-wrap p{
		margin-bottom: 20px;
	}
	.search-form-css{
		margin-top: 0;
	}
	.search-form-css button{
		width: 100% !important;
	}
	.fixed-bottom-btn{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 1000;
		background: #37a000;
		border: solid 1px #37a000;
		color: #fff;
		padding: 18px 0px 19px 0;
		font-size: 18px;
		font-weight: 700;
		text-align: center;
    border-radius: 5px;
	}
	.a-btn{
		background: white;width: 100%;border: none;outline: none;
		display: block !important;color: #000;
		padding: 8px 15px;font-size: 15px;
		transition: all 0.6s;
		text-align: left;
	}
	.a-btn i{float: right;position: relative;top: 2px;}
	.cgig-labels.cgig-static{
		margin-top: 25px;
	}
  .mob_id_wraps{
    display: block;
  }
  .mob_id_wraps .md_online.darkgreen-dot{
    width: 14px;
    height: 14px;
    right: 3px;
  }
  .user-list-area .xs_online.darkgreen-dot{
    right: 7px;
    bottom: 1px;
  }
  .chat .user-list-area .xs_online.darkgreen-dot{  
    width: 18px;
    height: 18px;
    right: 3px;
  }
  .mob_id_wraps .md_online.darkgreen-dot{
    border-color: #000;
  }
  .mob_id_wraps .md_online.yellow-dot{
    border-color: #000;
    background: #032903;
    color: #54C165;
    font-size: 9px;
  }
  .user-list-area .xs_online.yellow-dot{
    right: 0px;
    bottom: 4px;
    font-size: 10px;
  }
  ._profile2_mob .profile_section2{
    margin: 0;
    border: 0;
    padding: 0;
  }
  ._profile2_mob .profile_section2 h3{
    margin-top: 0;
    font-size: 25px;
  }
  .upload-btn{
    top: 5px;
    left: 50%;
    transform: translateX(-50%);-ms-transform: translateX(-50%);-webkit-transform: translateX(-50%);
    bottom: auto;
    right: auto;
  }
  .m-aspect-1-1{
    position: relative;
    padding-top: 100%;
  }
  .m-aspect-1-1 > div{
    height: 100% !important;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .live-story-b img{
   height: 130px;
  }
  .live-story-bg img{
    height: 200px;
  }
  .com-left,.com-right{
    display: none;
  }
  .com-center{
    width: 100%;
    margin-top: 15px;
  }
  .contact-page{
    margin-top: 20px;
  }
  .newsfeed-search-wrap{
    padding: 0px 15px;
  }
  .community-cols .search_map_wrap{
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
  }
  .chat_with_community{
    margin-left: -1px;
    margin-right: -1px;
  }
  .chat_with_community .community-post-content{
    position: relative;
    padding-bottom: 100%;
    max-height: none !important;
    overflow-x: hidden;
    width: 100%;
    word-break: break-word;
  }
  .chat_with_community .community-post-content-inner{
    position: absolute;
  }
  .c-video-icon{
    width: 26px;
  }
  .community-post  .gig-slider img{
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .community-post:not(.chat_with_community) .community-post-content-img{
    margin-left: -16px;
    margin-right: -16px;
  }
  .community-post .comment-wrap-container{
    padding-left: 0;
    padding-right: 0;
  }
  .community-post{
    border-left: 0;
    border-right: 0;
  }
  .p-btns-wrap{
    flex-wrap: wrap;
  }
  .p-btns-wrap button{
    max-width: 100%;
  }
  .p-info-section{
    margin-top: 15px;
  }
  [data-m-box="setting"] .display-table .display-table-cell:first-of-type{
    width: auto;
  }
  .p-g-mob > div:not(:last-of-type){
    margin-bottom: 10px;
  }
  .flex-dd{
    display: block;
    padding: 0;
  }
  .profile-tags-slider-d{
    display: none;
  }
  .profile-tags-slider-m{
    text-align: center;
    display: block;
    background: #ffffff;
    padding: 2px 0 7px 0;
  }
  .profile-tags-slider-m ul{
    overflow-x: auto;
    white-space: nowrap;
  }
  .profile-tags-slider-m h4{
    margin-right: 0;
    display: block;
    color: #000000;
  }
  .flex-dd .block-user{
    margin-right: 10px;
  }
  /*.community-post .gig-slider .owl-nav .owl-prev{
    left: 27px;
  }
  .community-post .gig-slider .owl-nav .owl-next{
    right: 27px;
  }*/
}


@media(max-width: 575px){
  .jobdetail,.comment-wp-container,.listWrpService.full-gig-show-below,
  .reviews-box .container-detail-box,.d-body,.pad-layer{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .filter-wrap > .container > .row,.main-page-gigs > .container > .row,
  .full-gig-page .container .row,.comment-wrap-container,
  .review-container .row,.gig-css-form .row,.album-css-form .row,
  .table-css-wrap .row{
    margin-left: 0;
    margin-right: 0;
  }
  .filter-wrap > .container,.filter-wrap > .container > .row > div,
  .main-page-gigs > .container,.main-page-gigs > .container > .row > div,
  .full-gig-page > .container,.full-gig-page .container .row > div,
  .review-container,.description-box-p,.yt-link,.gig-css-form .row > div,
  .album-css-form .row > div,.table-css-wrap .row > div{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .owl-item > div{
    max-width: 100%;
  }
  .gig-css-form,.album-css-form,.table-css-wrap{
    margin: 0 -15px;
  }
  .profile-tags-slider-m{
    margin-left: -15px;
    margin-right: -15px;
  }
}
.directoryImg .cgig-username
{
  color: white;
  font-size: 25px;
}
.directoryImg
{
  position: absolute;
  bottom: 10px;
  left: 10px;
  width: calc(100% - 10px);
}

.spotlightImg
{
  position: absolute;
  bottom: 10px;
  left: 10px;
  height: 85px;
}
.spotlightImg .cgig-profile img,.spotlightImg .cgig-profile ,.directoryImg .cgig-profile, .directoryImg .cgig-profile img {
      width: 85px !important;
    height: 85px !important;
}
.directoryImg span{
  color: #ffffff;
}
.directoryImg .cgig-user-wrap
{
  padding-left: 15px;
   margin-top: 20px;
  width: 60% !important;
}
@media(max-width: 493px){
	
}
@media(max-width: 410px){
    .profile-setting .p-btn1,.profile-setting .cp-btn.do-follow{
      min-width: auto;
      padding-left: 6px;
      padding-right: 6px;
      font-size: 12px;
    }
    .profile-setting .tgl + label .tgl-btn{
      min-width: 91.36px;
      min-height: 39px;
    }
    .profile-setting .tgl + label.profile-live-btn .tgl-btn span{
          width: 23px;
          height: 23px;
          top: 7px !important;
          left: -3px;
    }
    .tgl:checked + label .tgl-btn:after 
    {
      font-size: 34px !important;
      margin-top: -5px;
    }
    .tgl:checked + label .tgl-btn2:after 
    {
      font-size: 19px !important;
      margin-top: -1px !important;
    }
    .profile-setting .tgl:checked + label.profile-live-btn .tgl-btn span {
        transform: translate3d(66px,0,0);
        -webkit-transform: translate3d(66px,0,0);
    }
    .b-profile-img img{
      width: 100px !important;
      height: 100px !important;
    }
    html .b-profile-img .lg_online.darkgreen-dot{
      right: -2px;
    }
}
@media(max-width: 408px){
  .menu-ico,.topbar-user-pic, .notificationLink i{
    margin-left: 7px !important;
  }
}
@media(max-width: 360px){
  .menu-ico,.topbar-user-pic, .notificationLink i{
    margin-left: 7px !important;
  }
}


/*zeeshan style here*/

.glow-green-input
{
    border: 1px solid #37a000 !important;
    box-shadow: 0 0 5px #37a000;
}

.glow-light-green-input
{
    border: 2px solid #08d11c !important;
    box-shadow: 0 0 10px #08d11c;
}
#ptr-light-spinner 
{
  top: 15px;
}
.spotlight-user-wrap{
  padding-left: 7px;
  display: inline-block;
  
}
.spotlight-username span{
  max-width: 100%;
}
.spotlight-username{
  color: #fff;
  margin-top: 20px;
  font-size: 25px;
  max-width: 100%;
  width: 100%;
}
.spotlightImg .vote_count
{
  color: white;
}
.msg-btn
{
    background: #37a000;
    color: #fff;
    border:none !important;
}
.home-spotlight .owl-nav
{
  display: none !important;
}
.pb0 { 
  padding-bottom: 0px !important;
}
/*.mentions-input
{
  width: calc(100% - 30px);
}
.mentions-input .field 
{
  width: 100% !important;
}
.mentions-input .highlighter
{
  border-radius: 16px;
}
.mentions-input .ui-autocomplete
{
  position: relative !important;
  top: 0.149979px;
}*/
.community-post-content-inner pre
{
    background-color: transparent !important;
    border-radius: 0px !important;
    border: none !important;
    overflow: hidden !important;
}
.chat_with_community .community-post-content-inner .linkify
{
    font-family: sans-serif !important;
    font-weight: 500;
    font-size: 22px;
}

.comment-text a 
{
    color: #216fdb !important;
    font-weight: 400 !important;
}
.chat_with_community .second-username
{
    color: #fcfcfcdb;
    font-size: 17px;
}
.second-username
{
    color: #000000b0;
    font-size: 17px;
}
.liked-heart
{
  color: #e31b23;
    vertical-align: middle;
    font-weight: 900 !important;
}
.community-tags
{
  font-size: 17px !important;
}
.tgl:checked .gig_0 .tgl-btn:after
{
  margin-top: 0px !important;
}

/* Dropdown Button */
.dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}

.fancybox-slide--iframe .fancybox-content
{
  background: transparent !important;
}
.fancybox-slide--image .fancybox-content
{
  z-index: 1 !important;
}
.story-bg-black
{
    background: black !important;
}
.text-story-thumbnail
{
    text-align: left;
    max-height: 135px;
    margin-bottom: 0px;
    padding: 5px;
    overflow: hidden;
    color: white;
}
.pt-20
{
  padding-top: 20px;
}
@media(max-width: 768px){
  .navbar-default .navbar-nav>li>a.m-active {
    color: #08d11c;
}
  .m-container
  {
    padding: 0px !important;
  }
  .m-container .directory
  {
    padding-left: 0px;
    padding-right: 0px;
  }
   .navbar-default .navbar-nav>li>a.s-active:before{
    display: block;
  }

  /*managing height of spotlight on mobile*/
  .m-spotlight
  {
    height: 500px;
  }
  .inner-banner-wrap{margin: auto;margin-top: 55px !important;}

  .chat_with_community .community-post-content-inner
  {
     /* padding: 20px;*/
  }
  .chat_with_community .community-post-content-inner .linkify
  {
      line-height: 30px;
      font-weight: 100 !important;
  }
  .m-fb-video-height
  {
    height: 230px !important;
  }
  .fancybox-slide--iframe .fancybox-content
  {
    background: transparent !important;
  }
  .OnOff:after
  {
    left: 55% !important;
    margin-top: -2px !important;
    font-family: 'Puppet' !important;
    font-size: 30px !important;
  }
  .live-story-bg {
    height: 200px;

  }
  .live-story-b-img {
    height: 131px;
  }
  .live-story-b-img  a{
    border-radius: 0px !important;
  }
}

.fancybox-can-swipe .fancybox-content{
  width: 100% !important;
  height: -webkit-fill-available !important;
  /*transform: translate(0px, 112px) !important;*/
  transform: translate(0,0) !important;
  position:relative;
  margin-bottom: 0 !important;
}

.fancybox-content img{
  height: auto !important;
  /*display: block;
  position:absolute;*/
  top: 50%;
  transform: translateY(-50%);
}


.profile-update-form .select2-search__field{
  width: 100% !important;
}

.no-user-stories__story{
  display: block;
}
.no-user-stories__story img{
  object-fit: contain;
}

.community-post-content-inner .community-tags{
  font-size:  15px !important;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.newsfeedDetailsPost{
  padding-bottom: 15px;
  padding-top:  15px;
  background-color: #f0f1f6;
}

.newsfeedDetailsPost .community-post .comment-wrap-container{
  border-bottom:  1px solid #e0e0e0;
}
.newsfeedDetailsPost .community-post-header > .float-left{
  float:  none;
}

/* Header Tags Scroll Bar Code */
/* width */
.header-tags-slider ul::-webkit-scrollbar {
  /*width: 5px;*/
  height: 5px;
}

/* Track */
.header-tags-slider ul::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.header-tags-slider ul::-webkit-scrollbar-thumb {
  background: #37a000; 
  border-radius: 10px;
}

/* Handle on hover */
.header-tags-slider ul::-webkit-scrollbar-thumb:hover {
  background: #08d11c; 
}
/* End Header Tags Scroll Bar Code */

/* Chat With Community Scroll Bar Code */
/* width */
.community-post.chat_with_community .community-post-content::-webkit-scrollbar {
  width: 5px;
}

/* Track */
.community-post.chat_with_community .community-post-content::-webkit-scrollbar-track {
  /*box-shadow: inset 0 0 5px grey; */
  border-radius: 10px;
}
 
/* Handle */
.community-post.chat_with_community .community-post-content::-webkit-scrollbar-thumb {
  background: rgb(238 239 238 / 30%); 
  border-radius: 10px;
}

/* Handle on hover */
.community-post.chat_with_community .community-post-content::-webkit-scrollbar-thumb:hover {
  background: #08d11c; 
}
/* End Chat With Community Scroll Bar Code */

.search-form-css.search-form-js .searched_username .l_highlight{
  background:  #0584FF;
}

.ajax-ads .comment-avatar img{
  height: 35px; width:  35px !important;
}

.reviews-more-meta .subbtn-sm{
  border-radius: 5px;
  padding:  10px;
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size:  17px;
}

.c-video-icon2{
  height: 22px;
  margin-top: -10px;
  width: auto;
}
.filter-wrap .filter-right > div:first-of-type{
  margin-top: 0px;
}

.linkify a.links, .mbody.msgs a{
  color:  #0584FF;
  text-decoration: none !important;
}

.edit-profile-live-notifications iframe{
  width:  100%;
  border-none;
  min-height: 1500px;
  overflow-x: hidden;
}

@media screen and (max-width: 767px){
  .filter-wrap .filter-left p{
    text-align: center;
  }
  .filter-wrap.directory-filters .filter-right h3, .filter-wrap.directory-filters .filter-right p{
    text-align: center;
  }
  .comments-edit-btn{
    display: inline-flex;
  }
  .login-para, .login .logo-wrapper{
    text-align: center;
  }
}