/*=============================================== LIVE CSS =================================================*/

/*********** NAVBAR CSS STARTED HERE ************/
.homepage .graynavbar_imm .navbar .navbar-inner {
    box-shadow: none !important;
    transition: all 0.5s ease-in-out;
}
.homepage.bodyscroll .graynavbar_imm .navbar,
.graynavbar_imm .navbar,
.bodyscroll .graynavbar_imm .navbar {
    background: linear-gradient(to bottom, #722e61 0%, #511345 100%) !important;
    transition: all 0.5s ease-in-out;
}
.homepage.bodyscroll .graynavbar_imm .navbar .navbar-inner,
.graynavbar_imm .navbar .navbar-inner,
.bodyscroll .graynavbar_imm .navbar .navbar-inner {
    -webkit-box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0 1px 10px rgb(0 0 0 / 10%);
    transition: all 0.5s ease-in-out;
}
.homepage .graynavbar_imm .navbar {
    background: #54545400 !important;
    transition: all 0.5s ease-in-out;
}
.acc_img {
    border: 2px solid #fc1b5e !important;
}
.graynavbar_imm .navbar .nav > li > a {
    text-transform: uppercase !important;
    font-family: 'Pathway Gothic One', sans-serif !important;
    font-size: 25px !important;
    letter-spacing: 0.3px;      
}
.graynavbar_imm .navbar .nav li.logo_nav a {
    font-family: Helvetica !important;
    font-size: 22px !important;
    text-transform: capitalize !important;
}


.graynavbar_imm .navbar li.dropdown ul.imm_bar p,
.graynavbar_imm .navbar li.dropdown ul.imm_bar span,
.graynavbar_imm .navbar li.dropdown ul.imm_bar a, 
.graynavbar_imm .navbar li.dropdown ul.imm_bar button {
    font-size: 14px !important;
}
.logo_nav-main a {
    text-decoration: none !important;
}
.logo_nav-main {
    display: inline-block;
    float: left;
    width: 15%;
    max-width: 200px;
    min-width: 205px;
}
.nav-menu {
    float: unset !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 70%;
    margin: 0 auto !important;
    left: 50px !important;
}
body.immi_artist_login .nav-menu {
    left: -4px !important;
}
body.immi_artist_login .graynavbar_imm .navbar .nav-menu > li > a {
    padding: 13px 40px 14px !important;
}
body .graynavbar_imm .navbar .nav-menu > li > a {
    padding: 13px 20px 14px !important;
}
body.immi_artist_login .nav-right-menus {
    width: 15% !important;
	max-width: 200px !important;
	min-width: 200px !important;
}
.nav-right-menus {
	width: 22% !important;
    max-width: 380px !important;
    min-width: 380px !important;
    display: flex !important;
    align-items: center;
	justify-content: flex-end;    
}
.nav-collapse.imm_nav {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
	margin: 0 10px !important;
}





.home_bann .logo_text {
	position: relative;
}
.home_bann .logo_text:before {
	content: "";
	background-image: url(../../../../20250804225752im_/https:/artistsnclients.com/img/logo2.png);
	width: 75px;  
	height: 75px;
	position: absolute;
	background-size: 75px;
	background-repeat: no-repeat;
	left: 15px;
	top: -35px;
}
.home_bann h1 {
	color: #fff;
	letter-spacing: 1px;
	padding-top: 160px;
	font-family: Segoe UI Symbol;
	font-weight: 600;
	font-size: 115px;
	line-height: 128px;
}
.home_bann p {
	color: #aaaaaa;
	font-size: 24px;
}
.graynavbar_imm .user_im_box {
	position: relative;
	margin-top: 20px !important;
}
.graynavbar_imm {
    margin-bottom: -13px;
}
.graynavbar_imm .navbar {
	background: linear-gradient(to bottom, #722e61 0%, #511345 100%) !important;
}
body.immi_artist_login .graynavbar_imm .navbar-inverse .navbar-inner {
    padding: 5px 0 !important;	
}
.graynavbar_imm .navbar-inverse .navbar-inner {
    padding: 7px 0 !important;
    background-color: #80008000 !important;
    background-image: none !important;
    border: none;
}
.graynavbar_imm .navbar li.active a {
	background: transparent !important;
	box-shadow: none !important;
}
.graynavbar_imm .dropdown-menu .divider {
	border-bottom: 1px solid #acacac !important;
}
.dropdown-menu .divider{
	margin: 2px 5px !important;
}
.graynavbar_imm .navbar .nav li a {
	font-size: 20px;
	color: #f5e6ff;			
	font-family: Helvetica;
	padding: 13px 9px 14px !important;
}
.graynavbar_imm .user_list a {
    font-size: 20px !important;
    font-weight: 400 !important;
    color: #fff !important;
}
.graynavbar_imm .navbar ul li.dropdown ul li:hover a, 
.graynavbar_imm .navbar ul li.dropdown ul li:active a, 
.graynavbar_imm .navbar ul li.dropdown ul li:focus a {
	color: #fff !important;
	background: #303030;
}
.graynavbar_imm .navbar img.imm_navlogo {
    width: 40px;
    margin-right: -16px;
}
.graynavbar_imm .navbar .nav>li.logo_nav a:before {
    display: none;
}
.graynavbar_imm .navbar .nav li.logo_nav a {
    padding: 0 !important;
}
.graynavbar_imm .logo_nav a {
    color: #fff !important;
    letter-spacing: 1px !important;   
    font-size: 22px !important;
    line-height: 45px !important;
    margin-right: 20px !important;
    cursor: pointer;
}
body .graynavbar_imm .navbar li.dropdown ul li.request_menu a {
    color: #b5e61d !important;
}
/* body .graynavbar_imm .navbar li.dropdown ul li.gratitude_nav a, */
body .graynavbar_imm .navbar li.dropdown ul li.sign-out_menu a {
    color: #ff0080 !important;
}
/* .graynavbar_imm .navbar .nav .useful_nav:before {
    content: "";
    background: #ff0080;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    right: 3px;
    top: 8px;
} */
.graynavbar_imm .navbar li.dropdown:hover ul li a, 
.graynavbar_imm .navbar li.dropdown.open ul li a, 
.graynavbar_imm .navbar li.dropdown ul li a {
    font-weight: 400 !important;
    color: #c8bfe7 !important;
    font-family: Helvetica;
    padding: 9px 20px 10px !important;
	/* padding: 4px 20px 10px !important; */
    font-size: 18px !important;
}
.graynavbar_imm .navbar ul.dropdown-menu.imm_bar {
    min-width: 250px !important;
}
.graynavbar_imm .navbar li.dropdown.highlighted ul.imm_bar p, .graynavbar_imm .navbar li.dropdown.highlighted ul.imm_bar span, .graynavbar_imm .navbar li.dropdown.highlighted ul.imm_bar a, .graynavbar_imm .navbar li.dropdown.highlighted ul.imm_bar button {
    font-size: 14px !important;
}
.graynavbar_imm .navbar .dropdown-menu {
	margin-top: 0px;
	transition: 0.5s cubic-bezier(0.83, 0.05, 0.58, 1);
	display: block !important;
	opacity: 0 !important;
	min-width: 160px !important;
	top: 116% !important;
	visibility: hidden;
	border-radius: 0;
	overflow: hidden;
	padding: 0 !important;
	height: auto !important;
	min-height: auto !important;
	background: #4c4c4c;
	max-height: max-content !important;
}
.graynavbar_imm .navbar li:hover .dropdown-menu ,
.graynavbar_imm .navbar li.open .dropdown-menu {
	opacity: 1 !important;
	visibility: visible !important;
	transition: 0.5s cubic-bezier(0.83, 0.05, 0.58, 1);
	height: auto !important;
	min-height: auto !important;
	max-height: max-content !important;
}		
.graynavbar_imm .navbar ul.dropdown-menu.imm_bar p {
	text-align: center;
	color: #662666;
	color: #fff;
	font-weight: 600;
	margin: 5px 0px 5px;
	background: #662666;
	padding: 7px 0;
	font-size: 18px;
	text-transform: capitalize;
	border-bottom: 1px solid #662666;
}
.graynavbar_imm .nav_message p {
	margin-top: 0 !important;
}
.graynavbar_imm .navbar ul.dropdown-menu.imm_bar button:hover,
.graynavbar_imm .navbar ul.dropdown-menu.imm_bar button:focus,
.graynavbar_imm .navbar ul.dropdown-menu.imm_bar button:active,
.graynavbar_imm .navbar li.dropdown.open ul li:hover a.more_notification,
.graynavbar_imm .navbar li.dropdown.open ul li:active a.more_notification,
.graynavbar_imm .navbar li.dropdown.open ul li:focus a.more_notification {
	color: #fff !important;
	text-decoration: underline !important;
}
.graynavbar_imm .navbar ul.dropdown-menu.imm_bar {
	margin-top: -3px;
}
.graynavbar_imm .navbar ul.dropdown-menu.imm_bar span {
	color: #acacac;
	font-size: 18px;
	font-weight: 400 !important;
	font-family: Helvetica;
	padding-left: 20px;
	padding: 2px 0px 2px 20px !important;
}	
.graynavbar_imm .navbar ul.dropdown-menu.imm_bar button {
	margin-left: -10px;
	margin-bottom: 10px;
	text-decoration: none;
	text-shadow: none;
	font-weight: 400 !important;
	color: #acacac !important;
	font-family: Helvetica !important;
	font-size: 20px;
}
.graynavbar_imm .navbar .user_list .dropdown-menu.navbar_main{
	height: 400px !important;
	overflow-y: auto;
}
.graynavbar_imm .navbar .nav>li>.dropdown-menu:before,
.graynavbar_imm .navbar .nav>li>.dropdown-menu:after{
	display: none;
}
.graynavbar_imm .navbar .nav li a.user_id {
	padding: 15px 8px 14px !important;
}
.graynavbar_imm .navbar .nav>li:hover a:before,
.graynavbar_imm .navbar li.active a:before,
.graynavbar_imm .navbar li.dropdown.open a:before{
	content: "";
	position: absolute;
	background: #eddff7;
	width: 100%;
	height: 2px;
	bottom: -7px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.graynavbar_imm .navbar .nav>li {
	position: relative;
}
.graynavbar_imm .navbar .user_list .dropdown-menu.navbar_main a:before {
	display: none;
}
.graynavbar_imm .navbar .user_list .dropdown-menu.navbar_main {
	margin-top: -3px;
}
.graynavbar_imm .navbar li.dropdown.user_list a:before{
	bottom: -5px;
}
.graynavbar_imm .navbar li.dropdown.highlighted a:before,
.graynavbar_imm .navbar li.dropdown.highlighted:hover a:before,
.graynavbar_imm .navbar li.dropdown.highlighted a:hover:before{
	bottom: -5px;
}
.graynavbar_imm ul.dropdown-menu.navbar_main::-webkit-scrollbar {
  width: 5px;
}
.graynavbar_imm ul.dropdown-menu.navbar_main::-webkit-scrollbar-track {
  background: #545454; 
}
.graynavbar_imm ul.dropdown-menu.navbar_main::-webkit-scrollbar-thumb {
  background: #c1c1c1; 
}
.graynavbar_imm ul.dropdown-menu.navbar_main::-webkit-scrollbar-thumb:hover {
  background: #f1f1f1; 
}
.graynavbar_imm .navbar-inverse .navbar-inner .container {
	width: 90% !important;
	max-width: 100%;
}
.graynavbar_imm li.ava_cont span {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400 !important;
    font-family: Helvetica;
    padding-left: 20px;
    padding: 2px 0px 2px 20px !important;
    font-style: italic;
}
.graynavbar_imm li.ava_cont {
	border-bottom: 2px solid #e5e5e5;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.graynavbar_imm li.ava_cont p {
    font-family: Helvetica;
    margin-bottom: 4px;
    color: #c8bfe7;
    margin: 0px 0px 5px;
    padding: 7px 20px;
    font-size: 18px;
    text-transform: capitalize;
}
.graynavbar_imm .hot_nav a {
	color: #ea7d2c !important;
}		
.footer_dv li a, 
.footer_dv li, 
.footer_bottom .legal-list {
    text-shadow: none;
    color: #888888 !important;
}	
/* .footer_list li::before {
	content: "• ";
} */
/************* NAVBAR CSS END HERE **************/

/*********** Home page heading started here *********/
.coming_soon_tit{
	text-align: center;
    font-weight: 600;
    font-size: 25px;
    margin: 35px 0 0 0;
    background: #6e046e;
    color: #fff;
    padding: 30px 0;
    box-shadow: 0px 0px 12px 0px #6b6b6b;
    border-radius: 5px;
}
.home_head_imm.home_bg_wht:before {
    content: "";
    height: 40px;
    background: #303030;
    width: 95vw;
    position: absolute;
    top: -50px;
    left: 0;
}
.home_head_imm {
    position: relative;
}
.home_head_imm {
    margin: 40px 0 20px 0px;
    color: #ffffff !important;
    /*color: #000 !important;*/
    letter-spacing: 2px;
    font-weight: 500;
    text-align: center;
    word-spacing: 1px !important;
    font-family: Segoe UI light;
    font-size: 35px;
    /*width: max-content;*/
    position: relative;
    /*border-bottom: 4px solid #652665;*/
    padding-bottom: 10px;
}
.conversation_page .speech-bubble.sender {
    background-color: #fff;
    border-radius: 10px;
	color: #000;
}
/*********** Home page heading end here *********/

/********** Home Page Stared Here *************/
.discover_sec_home ul.unstyled.badges-list li {
    border: 0;
    font-size: 15px;
    padding: 5px 0 10px 0;
}
.discover_sec_home ul.unstyled.badges-list i {
    color: #642665;
    font-size: 16px;
    margin-right: 5px;
}
.discover_sec_home ul.unstyled.badges-list {
    padding: 0 15px;
    margin: 0;
}
.discover_sec_home h4.no-break a {
    padding: 0 15px;
    color: #303030;
    text-transform: capitalize;
}
.discover_sec_home {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.discover_sec_home .immi_featured_artist img {
    width: 100%;
}
.discover_sec_home .immi_featured_artist {
    width: 23.33% !important;
    margin: 0 0 20px 20px !important;
}
.discover_sec_home .immi_featured_artist .gradient_background {
    border: 1px solid #fff;
	/* box-shadow: 2px 2px 10px 0 #040404; */
	box-shadow: 2px 2px 10px 0 #a9a9a9;
    text-align: left !important;
}
.home_slots_main {
    margin: 0px auto 0 auto;
    display: block;
    column-count: 4;
}
.home_slots .upload_slot .caption {
    text-align: left;
    padding: 5px 30px;
}
.home_slots h5.no-break {
    line-height: 18px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    font-size: 14px;
    flex-wrap: wrap;
    word-break: break-word !important;
	margin: 0;
}
.home_slots .caption {
    padding: 10px 20px;
}
.home_slots .no-break {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.home_slots span.no-break {
    font-size: 14px;
}
.home_slots .gradient_background {
    background-color: #fff !important;
    padding: 0;
    margin: 0;
    width: auto !important;
    border: 1px solid #fff;
    /* box-shadow: 2px 2px 10px 0 #040404; */
    box-shadow: 2px 2px 10px 0 #a9a9a9;
    overflow: hidden;
    position: relative; 
}
.home_slots .gradient_background a img {
    width: 100%;
    min-height: 14vw;
    object-fit: cover;
    position: relative;
}
.home_slots {
    width: 98% !important;
    min-height: 200px;
    margin: 15px 0px 20px 0px !important;
    position: relative;
    font-size: 18px;
    vertical-align: top;
    display: inline-block;
    font-family: Segoe UI Symbol;
    text-align: left;
    font-weight: 500;
    line-height: 26px;
}
.home_stores_sec .landscape_box .img_box {
    width: 35% !important;
    height: 100%;
}
.immi_main_slider.slide.carousel li > div, .immi_main_slider.slide.carousel li > div > div {
    height: 100%;
}
.home_stores_sec .landscape_box .right_txt {
    width: 65% !important;
}
.home_stores_sec .landscape_box .right_txt h3 {
    font-size: 19px !important;
    margin-bottom: 5px !important;
}
.home_stores_sec .landscape_box .content_txt p {
    font-size: 16px !important;
    line-height: 25px !important;
	margin-bottom: 15px;
}
.home_stores_sec .story_box .by_member {
    text-align: left !important;
    margin-top: -7px !important;
    color: #303030 !important;
    border: 0px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}
.home_stores_sec .story_btn_align .badgeEye {
    font-weight: 400 !important;
    color: #303030 !important;
}
.home_stores_sec .front_story_btn a, 
.home_stores_sec .front_story_btn a:hover, 
.home_stores_sec .front_story_btn a:active, 
.home_stores_sec .front_story_btn a:focus {
    background: #fff;
    color: #642667;
    padding: 15px 20px;
    font-size: 18px;
    border: 0;
    font-weight: 600;
    border-radius: 4px;
}
/********** Home Page End Here ****************/

/*********** Home Popular Section Started Here *********/
.imm_pop_section ul li:last-child {
    margin-right: 0;
}
.imm_pop_section ul li:first-child {
    margin-left: 0;
}
.imm_pop_section .popular_list:hover p {
    opacity: 1;
    bottom: 41% !important;
}
.imm_pop_section .popular_inner p {
    color: #000000;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.22;
    text-transform: uppercase;
    letter-spacing: .3px;
    text-align: center;
    padding: 8px 15px;
    position: absolute;
    text-shadow: 1px 1px 2px #494949;
    background: #ffffff;
    transition: 0.5s ease-in-out;
    left: 0;
    z-index: 99;
    right: 0;
    margin: 0 auto;
    bottom: -60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.imm_pop_section .popular_list .popular_img img {
    opacity: 1;
    transform-origin: center;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    object-fit: cover;
    cursor: pointer;
    object-position: 50% 25%;
    height: 100%;
    width: 100%;
border-radius: 50%;}
.imm_pop_section .popular_list:hover .popular_img img {
    transform-origin: center;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    transform: scale(1.15);
    opacity: 0.8;
    cursor: pointer;
}
.imm_pop_section .popular_img {
    position: relative;
    overflow: hidden;
    height: 100%;
border-radius: 50%;}
.imm_pop_section .popular_inner ul li {
    margin: 0 5px 20px 5px;
    position: relative;
    border-radius: 50%;
    height: 250px;
    overflow: hidden;
    border: 1px solid #fff;
    max-width: 250px;
    box-shadow: 2px 2px 10px 0 #a9a9a9;
    width: 23%;
}
.imm_pop_section .popular_inner ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    flex-wrap: wrap;
}
/*********** Home Popular Section End Here *********/

/******** slider css started here *********/
.immi_main_slider#myCarousel_artists .carousel-immi .item ul.unstyled.badges-list {
    display: block;
}
.immi_main_slider.slide.carousel li {
    list-style: none;
    width: 50%;
	background: #f9f9f9;
}
.immi_main_slider .carousel-immi .item ul li.span3 {
    width: 20% !important;
	margin-bottom: 0 !important;
}
.immi_main_slider .carousel-immi .item ul li:first-child {
    margin-left: 0 !important;
}
.immi_main_slider .carousel-immi .item ul {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.immi_main_slider .slider_arrows .leftarrow, .immi_main_slider .slider_arrows .rightarrow {
    transition: .1s cubic-bezier(0.84, 0.37, 0.58, 1);
    width: 50px;
    height: 50px;
    top: 50%;
    background: transparent;
    border: 0;
    left: -60px;
    background: #595959 !important;
    margin-top: 0;
    overflow: hidden;
    opacity: 1;
    border-radius: 50%;
}
.immi_main_slider .slider_arrows a {
    border-radius: 50%;
    transition: .1s cubic-bezier(0.84, 0.37, 0.58, 1);
    color: #fff;
    opacity: 1 !important;
    text-decoration: none;
    display: flex;
    font-size: 40px;
    line-height: 0px;
    padding: 0;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 50px;
    position: absolute;
    top: 0;
}
.immi_main_slider .slider_arrows .rightarrow { 
	left: unset;
    right: -60px;    
}
.immi_main_slider .slider_arrows .rightarrow  a { 
	right: 	0px;        
}
.immi_main_slider .slider_arrows .leftarrow a {  	
    left: 0;     
}
.immi_main_slider .slider_arrows .carousel-control:hover a, 
.immi_main_slider .slider_arrows .carousel-control:focus a, 
.immi_main_slider .slider_arrows .carousel-control:active a {
    font-size: 45px !important;
    transition: .1s cubic-bezier(0.84, 0.37, 0.58, 1);
}
.immi_main_slider .slider_arrows .rightarrow:hover {      
    width: 50px;
    transition: .1s cubic-bezier(0.84, 0.37, 0.58, 1);
}
.immi_main_slider .slider_arrows .leftarrow:hover {
    width: 50px;
    transition: .1s cubic-bezier(0.84, 0.37, 0.58, 1);
}
.immi_main_slider#myCarousel_story .story_post {
    margin-left: 25px;
    box-shadow: 2px 2px 10px 0 #040404;
	border: 1px solid #fff;
}
.immi_main_slider#myCarousel_story {
    margin: 0 0px 0 20px;
}
/******** slider css end here *********/

/************** Profile Page (Show file) Started Here ***************/
.profile_page {
    margin: 0 -20px 50px;
    padding-top: 50px;
}

.profile_page div#profiletab_a .MY_BUBBLE p {
    text-align: center;
	word-wrap: break-word;
}

.profile_page .imm_tabprofile .tab-content#profiletab_c ol,
.profile_page .imm_tabprofile .tab-content#profiletab_c ul {
    text-align: left;
}
.profile_page div#posivive_review_pop_client p,
.profile_page div#client_review_pop p,
.profile_page div#posivive_review_pop p {
    color: #303030;
	margin-bottom: 25px;
}
.profile_page button.close {	
    color: #f1f1f1;
    font-size: 30px;
    transition: 0.3s;
    opacity: 0.9;
}
.profile_page .close:hover,
.profile_page .close:focus {
	color: #fff !important;
	text-decoration: none;
	outline: 0 !important;
	cursor: pointer;
	opacity: 1;
}
.profile_page .span5.client-pos-review{
	margin-left: 0 !important;
}
.profile_page div#client_review_pop,
.profile_page div#posivive_review_pop_client,
.profile_page div#posivive_review_pop {
    background: #303030;
}
.profile_page .client_review_bio_sec .top_review {
    color: #303030;
}
.profile_page .profiletop_sec {
    text-align: center;
}
.profile_page .profile-addimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 40% 100%;
}
.profile_page .profile-addimg {
    width: 180px;
    margin: 0 auto;
    height: 180px;
    border: 2px double #a316a3;
    border-radius: 50%;
    overflow: hidden;
}
.profile_page .profile-username h2 img {
    position: absolute;
    top: 0;
    margin-left: 4px;
}
.profile_page div#profiletab_c .terms_policy p {
    text-align: center;
    font-size: 13px;
    line-height: 18px;
}
.profile_page .profile-username h2 {
    width: max-content;
    margin: 0 auto;
    color: #f263f0;
    font-family: Segoe UI light;
    font-size: 40px;
    border-bottom: 2px solid #f263f0;
    padding: 10px 0 5px;
    position: relative;
}
.profile_page .memb_profile {
    color: #fff;
    font-size: 13px;
    margin: 5px 0;
}
.profile_page .user_texttop p {
    color: #fff;
    font-family: Segoe UI light;
    font-size: 22px;
    margin-bottom: 5px;
}
.profile_page .user_commiss a {
    text-decoration: none;
    color: #5ece11;
    font-size: 28px;
    font-family: Segoe UI light;
}
.profile_page .user_location img {
    width: 22px;
}
.profile_page .user_location {
    line-height: 0px;
    margin-top: 10px;
    color: #fff;
    font-size: 18px;
    font-family: Segoe UI light;
}
.profile_page .sndmess_pro a {
    background: #fff;
    color: #000;
    padding: 10px 20px;
    display: inline-block;
    font-size: 16px;
    font-family: Segoe UI light;
    margin-top: 10px;
    font-weight: 700;
    border-radius: 22px;
}
.profile_page .imm_tabprofile ul#tabs-nav {
    list-style: none;
    margin: 10px 0;
    overflow: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.profile_page .span5.profile_left {
    margin-left: 0;
    width: 48.5%;
}
.profile_page .span5.profile_right {
    margin-left: 50px;
    width: 48.5%;
}
.profile_page .imm_tabprofile {
    color: #fff;
	font-family: Segoe UI light;
}
.profile_page .imm_tabprofile ul#tabs-nav li:hover,
.profile_page .imm_tabprofile ul#tabs-nav li.active {
    border-color: #9f6815;
}
.profile_page .imm_tabprofile ul#tabs-nav li {
    float: left;
    cursor: pointer;
    margin-right: 30px;
    padding: 0 2px 10px 2px;
    border-bottom: 2px solid #303030;
    letter-spacing: 0.5px;
    font-size: 18px;
    text-align: center;    
}
.profile_page .imm_tabprofile #tabs-nav li a {
  text-decoration: none;
  color: #FFF;
}
.profile_page .imm_tabprofile #profiletab_b .nav.nav-tabs.nav-stacked {
    background: transparent;
}
.profile_page .imm_tabprofile .tab-content {
	display: none;
    padding: 10px;
    border: 5px solid #585858;
    background-color: #585858;
}
.profile_page .client_review_bio_sec h3 {
    font-size: 21px;
    font-weight: 400;
}
.profile_page .client_review_bio_sec p.speech-bubble-top::before, 
.profile_page .client_review_bio_sec p.speech-bubble-top::after {
    display: none;
}
.profile_page .tab-content h2 {
    font-size: 24px;
    font-weight: 200;
    font-style: italic;
	text-align: center;
}
.profile_page p.speech-bubble.speech-bubble-top {
    text-align: left;
    color: #303030;
    background: transparent;
    padding-top: 0;
    border-radius: 4px !important;
}
body .profile_page .profile_left.full-profile-sec {
    width: 100% !important;
    max-width: 48.5%;
    margin: 0 auto !important;
}
.profile_page .client_review_bio_sec {
    text-align: center;    
}
.profile_page .dementria_page_inner,
.profile_page .client-pos-review {
    column-count: 2;
}
.profile_page .my_review_sec_width ,
.profile_page .client_review_bio_sec .top_review {
    color: #303030;
    max-width: 100%;
    display: inline-block;
    width: 100% !important;
}
.profile_page a.username_imm {
    background: transparent !important;
    padding: 0 !important;
    color: #6e046e !important;
    font-size: 15px !important;
    display: block !important;
    margin-bottom: 5px !important;
    text-align: left !important;
	font-style: normal !important;
    font-family: Helvetica;
}
.profile_page div#profiletab_d {
    max-height: 602px;    
    overflow-y: auto;
}
.profile_page .client_review_bio_sec p {
	border: 0;
    border-radius: 0 !important;
    text-align: left;
    font-size: 14px;
    font-style: italic;
    line-height: 22px;
    font-family: Helvetica;
}
.profile_page .top_review_rating {
    background: #ffffffe0;
    padding-top: 8px;
    border-radius: 5px;
    text-align: left;
}
.profile_page .blackout {
    width: 100%;
    border-radius: 4px;
}
.profile_page .top_review_rating span.stars {
    padding-left: 14px;
}
.profile_page div#profiletab_a .MY_BUBBLE p {
    text-align: center;
}	
.profile_page .client_review_bio_sec a, 
.profile_page .client_review_bio_sec a:hover, 
.profile_page .client_review_bio_sec a:focus, 
.profile_page .client_review_bio_sec a:active {
    background: #662658;
    color: #fff;
/* 	border-radius: 0 !important;
    padding: 10px 20px; */
    margin: 5px 0 10px 0;
    text-decoration: none;
    display: inline-block;
 /*    font-size: 18px; */
	border-radius: 22px !important;
	padding: 4px 15px;
	font-size: 14px;
}

.profile_page .client_review_bio_sec .nav-stacked  a, 
.profile_page .client_review_bio_sec .nav-stacked  a:hover, 
.profile_page .client_review_bio_sec .nav-stacked  a:focus, 
.profile_page .client_review_bio_sec  .nav-stacked a:active {
    background: #662658;
    color: #fff;
    padding: 10px 20px; 
    margin: 5px 0 10px 0;
    text-decoration: none;
    display: inline-block;
   font-size: 16px; 
}
.profile_page div#profiletab_c p {
    font-size: 16px;
    line-height: 25px;    
}
.profile_page .profile_inner {
    margin: 30px 0 30px 0 !important;
    display: flex;
    justify-content: space-between;
}
.profile_page .feeback_pending {
    font-size: 16px;
    text-decoration: underline;
    color: #fff;
    margin-top: -13px;
    margin-left: -24px;
    text-align: center;
    font-style: normal;
    margin-bottom: 20px;
}
.profile_page .pending_jobs_popup table {
    width: 100%;
    margin-bottom: 30px;
    margin-top: 30px;
    background-color: #e6e6e6;
}
.profile_page .pending_jobs_popup table tr td,
.profile_page .pending_jobs_popup table tr th {
    padding: 8px 10px;
    font-size: 16px;
	background: #303030;
}
.profile_page .pending_jobs_popup table tr th {
    background-color: #560056;
    color: #fff;
    text-transform: uppercase;
}
.profile_page .slot_profile .new_banner img {
    width: 50px !important;
}
.profile_page .slot_profile img {
    width: 100%;
}
.profile_page .profile_right .imm_tabprofile ul.thumbnails.slot_cmo{   
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.profile_page .star_num h2 {
    font-weight: 900;
    font-size: 40px;
    margin-bottom: 5px;
}
.profile_page .client-all-reviews h4 {
    color: #fff;
    border-bottom: 1px solid #fff;
    padding-bottom: 5px;
    width: max-content;
    margin: 0 auto 10px;
}
.profile_page .client-all-reviews {
    margin-left: 0 !important;
}
.profile_page .client_review_bio_sec h2 {
    text-align: left !important;
    color: #5cca11 !important;
    text-transform: capitalize;
    font-family: Segoe UI light;   
    font-style: normal !important;
    margin-bottom: 20px;
    font-size: 29px !important;
    line-height: 45px;
    width: max-content;
    border-bottom: 2px solid #5cca11;
}
.profile_page .people_pg_btn button:hover,
.profile_page .people_pg_btn button:focus,
.profile_page .people_pg_btn button:active,
.profile_page .people_pg_btn button,
.profile_page .more_reviews_btn button,
.profile_page .more_reviews_btn button:hover,
.profile_page .more_reviews_btn button:focus,
.profile_page .more_reviews_btn button:active {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    margin: 0 5px;
}
/************** Profile Page (Show file) End Here *******************/

/************** Wall Page Stared Here ****************/
.imm_wallpg_content textarea.form-control {
    height: 69px !important;
}

.imm_wallpg_content .imm_posts {
    margin: 0 !important;
}
.imm_wallpg_content .post_submit {
    margin-bottom: 0px !important;
    padding-bottom: 8px;
    margin-top: 0;
	text-align: right;
    margin-right: 10px;
}
.imm_wallpg_content .post_img_text {
    background: #303030;
	padding: 0;
	border: 0;
}
.imm_wallpg_content .post_imm_bg {
    padding: 2px;
    width: 60%;
	margin: 0px auto 50px;
    overflow-y: auto;
    height: 400px;
    background: #303030;
}
.imm_wallpg_content .note-wrap {
    width: -webkit-fill-available;
    padding: 20px 55px 20px 10px;
    margin: 0px;
    box-shadow: none;
    min-height: auto;
    position: relative;
    font-size: 18px;
    vertical-align: top;
    border-width: 0px 0px 2px 0px !important;
    text-align: left;
    color: #ffffff;
    background: #303030;
    line-height: 20px;
    border: solid #e4d6ed;
}
.imm_wallpg_content a#like_btn,
.imm_wallpg_content a#like_btn:hover {
    cursor: pointer;
    position: absolute;
    outline: 0;
	padding: 2px 10px 2px 11px;
    right: 10px;
    top: 15px;
    text-decoration: none;
}
.imm_wallpg_content a#like_btn i {
    color: #fb1ca0; 
}
.imm_wallpg_content .view_page {
    text-align: center;
    margin-bottom: 15px;
}
.imm_wallpg_content .view_page i {
    font-size: 16px;
}
.imm_wallpg_content .view_page .badge {    
    padding: 6px 9px;
    border-radius: 15px;
   font-size: 16px;
}
.imm_wallpg_content .imm_postcontent p {
    font-family: Segoe UI light;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 10px;
    font-weight: 100;
}
.imm_wallpg_content .post_admin a {
    font-size: 18px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #c1c1c1;
    font-weight: 600;
    text-decoration: none;
    margin-right: 50px;
    font-family: Segoe UI light;
    text-transform: capitalize;
}
.imm_wallpg_content .post_imm_bg::-webkit-scrollbar {
  width: 10px;
}
.imm_wallpg_content .post_imm_bg::-webkit-scrollbar-track {
  background: #303030; 
  border: 2px solid #fff;
}
.imm_wallpg_content .post_imm_bg::-webkit-scrollbar-thumb {
  background: #fff; 
  min-height: 40px 
}
.imm_wallpg_content .post_imm_bg::-webkit-scrollbar-thumb:hover {
  background: #b7bcc1; 
}
.btn_colored_bg {
    width: max-content;
    margin-left: auto;
    background: linear-gradient(to right, #f3326f, #ff7d1f, #fddc00, #bffc20, #3aeeaf, #22b8f4, #4b7afe, #b821f8, #e60fe3, #fb1ca0);
    padding: 2px;
    margin-bottom: 0;
    border-radius: 5px;
}
.btn_colored_bg button:hover {
    box-shadow: 0px 0px 12px 0px #fff;
    transition: .2s ease-in-out;
}
.btn_colored_bg button {
    background: #303030 !important;
    border: 0;
    color: #fff;
    margin: 0 !important;
    font-family: Segoe UI light;
    font-size: 20px;
    padding: 8px 30px 10px;
    line-height: 20px;
    border-radius: 5px;
}
.imm_feedsht_content .toggle_msg_title,
.imm_wallpg_content .create_post {
    background: #e4d6ed;
    padding: 2px;
    width: 60%;
    margin: 30px auto 4px;
	box-shadow: none;
}
.imm_feedsht_content textarea.feedback_txtarea,
.imm_wallpg_content textarea.form-control {
    width: -webkit-fill-available !important;
    height: 110px;
    padding: 10px;
    background-color: transparent;
    border: 0;
    font-size: 16px;
    color: #fff;
}
.circle_btns button {
    border: 1px solid #fff !important;
    padding: 5px 15px !important;
    background: transparent !important;
    font-size: 14px !important;
    color: #fff !important;
    border-radius: 50px !important;
}

textarea.form-comtrol.feedback_txtarea {
    resize: none;
}

.imm_feedsht_content form#send_feedback_form,
.imm_wallpg_content form {
    margin: 0;
}
.imm_wallpg_content .single_post_panel {
    padding: 0;
    margin: 0;
}
.imm_wallpg_content .single_post_panel .note-wrap:before,
.imm_wallpg_content .single_post_panel .note-wrap:after,
.imm_wallpg_content .single_post_panel .create_post:before,
.imm_wallpg_content .single_post_panel .create_post:after{
	display: none;
}
.character_maxtxt {
    color: #cccccc;
    text-align: right;
    margin: 0px;
}
.post_admin {
    margin-top: 0;
}
/************** Wall Page End Here *******************/

/************** FAQ Page End Here *******************/
.FAQ_banner .custom-hero {
    padding-bottom: 20px;
    margin-bottom: 10px;
    background: transparent;
    text-align: center;
}
.FAQ_banner h1.index-slogan {
    color: #fff;
    letter-spacing: 1px;
    padding-top: 100px;
    font-family: Segoe UI light;
    font-size: 85px;
    font-weight: 100;
    line-height: 70px;
}
.FAQ_banner .logo_text:before {
    content: "";
    background-image: url(../../../../20250804225752im_/https:/artistsnclients.com/img/logo2.png);
    width: 80px;
    height: 80px;
    position: absolute;
    background-size: 80px;
    background-repeat: no-repeat;
    left: -25px;
    top: -45px;
}
.FAQ_banner .logo_text {
    position: relative;
}
.FAQ_banner .custom-hero h2 {
    color: #d9cce1;
    font-family: Segoe UI light;
    font-weight: 100;
    margin: 0 !important;
    line-height: 20px;
}
.FAQ_banner .right_inner_addon input {
    background: transparent;
    width: 100%;
    box-sizing: border-box;
    max-width: 400px;
    text-align: center;
    font-family: Segoe UI light;
    border-radius: 5px;
    min-height: 50px;
    font-size: 22px;
    border: 2px solid #662666;
    color: #fff;
    padding: 10px 20px 10px 20px;
}
.FAQ_banner .right_inner_addon input::placeholder {
    color: #fff;
}
.FAQ_banner form#new-faq {
    margin-top: 15px;
    margin-bottom: 10px;
}
.FAQ_question .collapse {
    background: #fff;
}
.FAQ_question .panel-heading {
    background: #662666;
    padding: 10px 10px;
    margin-bottom: 5px;
}
.FAQ_question .panel-heading h4 {
    margin: 0;    
}
.FAQ_question .panel-title a {   
	color: #fff !important;
    font-size: 18px !important;
    font-family: Segoe UI light;
	font-weight: 500;
	padding: 8px 15px;
}
.FAQ_question .panel-body {
    padding: 10px 45px;
    font-size: 16px;
    color: #966a96;
    line-height: 22px;
}
.FAQ_question .panel-title > a:before {
    float: left !important;
    font-family: FontAwesome;
    content: "\f068";
    border-radius: 50%;
    width: 17px;
    height: 17px;
    border: 1px solid;
    text-align: center;
    font-size: 12px;
    margin: 0 auto;
    padding-right: 0;
}
.FAQ_question .panel-title > a.collapsed:before {
    float: left !important;
    content:"\f067";
}
.FAQ_question .panel-title > a:hover, 
.FAQ_question .panel-title > a:active, 
.FAQ_question .panel-title > a:focus  {
    text-decoration:none;
}
.FAQ_question .panel.panel-default {    
	margin: 0 0px 6px;
}
.FAQ_question {
    margin-bottom: 50px;
}
/************** FAQ Page End Here *******************/

/********** News & Updates Page Started Here *************/
.imm_nws-up_main .article_box .box_colm_txt {
    width: 100%;
    margin: 2px;
    background: #303030;
}
.imm_nws-up_main .ftr_article a {
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    font-size: 12px;
    margin-right: 50px;
}
.imm_nws-up_main .ftr_article {
    display: flex;
    justify-content: center;
    border-top: 1px solid #fff;
    padding-top: 15px;
}
.imm_nws-up_main .article_box .box_txt {
    padding: 15px 20px 15px;
}
.imm_nws-up_main .article_box .box_txt p {
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #a3a3a3;
    font-weight: 100;
    font-family: Segoe UI light;
}
.imm_nws-up_main .article_txt h2 {
    font-size: 27px;
    line-height: 30px;
    margin: 0;
    font-weight: 100;
    color: #ffffff;
    font-family: Segoe UI light;
}
.imm_nws-up_main .article_txt a:hover{
	text-decoration:none;
}
.imm_nws-up_main .article_section {
	text-align:center;
    justify-content: center !important;
}
.imm_nws-up_main .article_box {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
    flex-direction: row;
    margin-right: 9px;
    margin-left: 9px;
    background: #e4d6ed;
}
.imm_nws-up_main {
    margin-bottom: 50px;
}
/********** News & Updates Page End Here *************/

/********** Gratitude Page Stared Here *************/
.imm_gratitude_messages .note-wrap p {
    color: #fff;
    background: #303030;
    min-height: 77px;
    padding: 8px 14px 8px 14px;
    z-index: 9;
    margin-bottom: 8px;
    border: 1px solid #bbb;
    border-radius: 4px;
    position: relative;
}
.imm_gratitude_messages .note-wrap a {
    width: -webkit-fill-available;
    color: #303030 !important;
    padding: 8px 10px;
    display: block;
    background: #eddff7;
}
.imm_gratitude_messages .note-wrap:before {
    top: 8px;
    left: 7px;
    border-width: 12px 12px 12px 0;
    content: "";
    display: block;
    position: absolute;
    height: 0;
    z-index: -1;
    width: 0;
    border-style: solid;
    border-color: transparent #fff;
}
.imm_gratitude_messages .note-wrap:after {
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    z-index: 91;
    left: 9px;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    border-color: transparent #303030;
    height: 0;
    width: 0;
}
.imm_gratitude_messages {
    margin-bottom: 50px;
}
.imm_gratitude_messages .wrapper {
    margin: 40px -6px 0;
    display: block;
    column-count: 3;
}
.imm_gratitude_messages .note-wrap {
	margin-bottom: 50px;
    padding: 0 0 0 18px;
    border-left: 5px solid #545454;
    width: 94%;
    font-size: 16.25px;
    display: inline-block;
    font-family: Helvetica;
    text-align: justify;
    line-height: 26px;
    position: relative;
}
.imm_gratitude_messages form#gratitude_form textarea {
    width: -webkit-fill-available;
    height: 150px;
    padding: 10px;
    background-color: transparent;
    border: 0;
    font-size: 16px;
    color: #fff;
}


textarea.form-comtrol.gratitude_txtarea {
    resize: none;
}


.imm_gratitude_messages form#gratitude_form .post_grati_btn {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.imm_gratitude_messages form#gratitude_form button.submit_feed {
    border: 1px solid #fff !important;
    padding: 5px 15px !important;
    background: transparent !important;
    font-size: 14px !important;
    color: #fff !important;
    border-radius: 50px !important;
}
.imm_gratitude_messages form#gratitude_form .modal-body {
    padding: 0;
    background: #303030;
}
.imm_gratitude_messages form#gratitude_form {
    background: #e4d6ed;
    padding: 2px;
    width: 100%;
    margin: 00px auto 50px;
    box-shadow: none;
}
.imm_gratitude_messages {
    margin-top: 40px;
}
/********** Gratitude Page End Here *************/

/************* Testimonial Page Stared Here **************/
.testimonial_page .testimonial_heading h1 {
    margin-bottom: 0 !important;
}
.testimonial_page .testimonial_grids blockquote {
    border-color: #545454;
	margin-bottom: 50px;
}
.testimonial_page .testimonial_grids blockquote p {
    color: #fff;
}
.testimonial_page .testimonial_heading h4 {
    color: #eddff7;
}
.testimonial_page .testimonial_grids small {
    color: #303030 !important;
    padding: 8px 10px;
    background: #eddff7;
}
.testimonial_page .testimonial_grids .speech-bubble {
    background: transparent;
    color: #fff;
    min-height: 40px;
}
.testimonial_page .testimonial_grids .speech-bubble:after{    
    border-color: transparent #303030;
}
.testimonial_page .testimonial_grids .speech-bubble:before {
    border-color: transparent #fff;
}
.testimonial_page .testimonial_heading {
    padding-bottom: 50px;
}
.testimonial_page {
    margin-bottom: 50px;
}
.testimonial_page .testimonial_grids {
    font-family: Helvetica;
}
/************* Testimonial Page End Here *****************/

/********** Feedback Sheet Page Stared Here *************/
.imm_feedbksht_head .gradient_heading h1::before {
    left: -57px;
}
.imm_feedsht_content {
    margin-bottom: 50px;
}
.imm_feedsht_content .post_feedback_btn {
    text-align: right;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 10px;
}
.charctr_limit.highlight {
    color: white;
    background: red;
}
.charctr_limit {
    color: #cccccc;
    text-align: right;
    margin: 0px 10px 10px;
    width: max-content;
    padding: 2px 5px;
    border-radius: 4px;
    float: right;
}
.imm_feedsht_content .modal-body {
    padding: 0;
}
.imm_feedsht_content .modal-content {
    background: #303030;
}
/********** Feedback Sheet Page End Here *************/

/**** Terms&Condition and Getting Start Page Started Here ****/
.gettingstrt_content .speech-bubble,
.termscond_content .speech-bubble {
    background: transparent;
    height: 100%;
    border-radius: 0;
    border: 2px solid #636363;
    color: #a6a6a6;
    margin: 0px !important;
    padding: 20px;
    font-family: Segoe UI light;
    display: inline-table;
}
.gettingstrt_content h3,
.termscond_content h3 {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}
.gettingstrt_content p, .gettingstrt_content li,
.termscond_content p, .termscond_content li {
    font-size: 18px;
    line-height: 23px;
    padding-bottom: 0;
    margin-bottom: 7px;
}
.gettingstrt_content,
.termscond_content {
    margin-bottom: 50px;
}
.gettingstrt_content h2,
.termscond_content h2 {
    color: #fff;
    font-size: 28px;
    font-weight: 400;
    border-bottom: 1px solid #fff;
    width: max-content;
    padding-bottom: 4px;
}
.gettingstrt_content .getting_immi > .span6,
.termscond_content .terms_immi > .span6 {
    width: 50% !important;
}
.gettingstrt_content h2 {
    margin: 0px auto 20px;
}
.termscond_content a,
.gettingstrt_content a {
    color: #d1d1d1;
    font-weight: 600;
}
.gettingstrt_content .getting_immi,
.termscond_content .terms_immi {
    display: flex;
}
.gettingstrt_content .speech-bubble:after,
.gettingstrt_content .speech-bubble:before,
.termscond_content .speech-bubble:after,
.termscond_content .speech-bubble:before {
    display: none;
}
.gettingstrt_content h2:before {
	content: "";
	height: 1px;
	left: 0;
	width: 100%;
	background: #e4d6ed;
	bottom: 0;
	position: absolute;
}
.gettingstrt_content h2 {
    position: relative;
    border: 0;
    margin: 0px auto 20px;
    padding: 0 20px 5px 20px;
    text-align: center;
}
.gettingstrt_content li strong {
    color: pink;
}
/**** Terms&Condition and Getting Start Page End Here ****/

/**** Conversation With Client Page Start Here ****/

.wh-reply-form .nav>li>a {
    background: transparent !important;
    color: #d6d6d6 !important;
    font-family: Segoe UI light;
    font-size: 18px;
}
.wh-reply-form li.social_group {
    float: right;
}
.wh-reply-form .social_icon_immi {
    display: block;
    float: unset;
    margin-bottom: 0;
    width: auto !important;
    margin-left: 5px !important;
    margin-top: 0;
}
.wh-reply-form .tab-content label.control-label {
    color: #d6d6d6;
    font-family: Segoe UI light;
    font-size: 18px;
    margin-bottom: 10px;
}

.conversation_page .wh-reply-form .tab-content textarea {
    background: #545454;
    font-size: 16px;
    width: -webkit-fill-available !important;
    border-color: transparent;
    color: #fff;
	border-radius: 4px;
}
.wh-reply-form .tab-content .conver_btns button.btn {
    border: 1px solid #fff;
    padding: 4px 12px;
}
.wh-reply-form .tab-content .textbg {
    background-image: none;
}
.wh-reply-form .tab-content .fileinput-button {
    border: 1px solid #fff;
    background: transparent;
    border-radius: 0;
}
.wh-reply-form .tab-content .muted {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.wh-reply-form .tab-content button.btn {
    border: 1px solid #fff;
    padding: 4px 12px;
    border-radius: 50px;
    background: transparent;
}
.wh-reply-form .tab-content p.help-block {
    margin-top: 20px !IMPORTANT;
}

.conversation_page .mess_side {
    width: 35.69% !important;
}
.conversation_page .textbg textarea {
    color: #fff;
    width: -webkit-fill-available !important;
    margin: 0 !important;
    border-radius: 0;
    font-family: Segoe UI light;
    font-weight: 400 !important;
    background: #303030;
    font-size:18px;
    border: 0;
	line-height: 24px;
}
.conversation_page .conver_btns .textbg {
    margin-right: 10px;
}
.conversation_page .mess_side .conver_btns {
	padding: 0;
    background: transparent;
    border: 0;
    display: flex;
    align-items: center;
}
.conversation_page .mess_side .help-block,
.conversation_page .mess_side .help-block a {
    color: #fff !important;
    font-size: 16px;
    margin-top: -5px !important;
}
.conversation_page .textbg textarea {
	color: #fff;
    width: -webkit-fill-available !important;
    margin: 0 !important;
    border-radius: 0;
    background: #303030;
    border: 0;
}
.conversation_page .textbg input.span4.to-preview {
    width: 99.6%;
    background: #303030;
    padding: 0 0 0 2px;
}
.conversation_page .textbg {
    background-image: linear-gradient(to right, #f3326f, #ff7d1f, #fddc00, #bffc20, #3aeeaf, #22b8f4, #4b7afe, #b821f8, #e60fe3, #fb1ca0);
    padding: 2px;
}
.conversation_page .speech-bubble {
    background: transparent;
    border-radius: 0;
    min-height: 25px;
    line-height: 24px;
    font-size: 18px;
    margin-bottom: 34px;
}
.conversation_page .speech-bubble:before,
.conversation_page .speech-bubble:after {
/*     visibility: hidden; */
}
.conversation_page {
	margin-bottom: -15px;
    font-family: Segoe UI light;
    color: #fff;
}
.conversation_page .mess_side label.control-label {
    color: #fff;
    font-size: 22px;
    margin-bottom: 20px;
}
.conversation_page .span8.span_dv8.conver_side {
    margin-top: 40px;
    width: 60% !important;
}
.conversation_page .span8.span_dv8.conver_side li .span6 {
	width: 79.92% !important;
}
.conversation_page .span2 a,
.conversation_page .span2 abbr {
    color: #fff;
    font-family: Segoe UI light;
    font-size: 16px;
    text-shadow: none;
    font-weight: 400;
    border: 0;
    text-decoration: none;
}
/* The Modal (background) */
.modal.conver_modal {
	display: none;
	position: fixed;
	z-index: 1; 
    left: 0;
    top: 0;
    margin: 0 auto !important;
    max-width: 100%;
	width:100%;
    height: 100%;
	overflow: auto; 
	background-color: rgb(0,0,0); 
	background-color: rgba(0,0,0,0.9); 	
	align-items:center;
}
.conver_modal .modal-content {
	margin: auto;
	display: block;
	max-width: 700px;
}
.conver_modal .modal-content {  
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}
@-webkit-keyframes zoom {
	from {-webkit-transform:scale(0)} 
	to {-webkit-transform:scale(1)}
}
@keyframes zoom {
	from {transform:scale(0)} 
	to {transform:scale(1)}
}
/* The Close Button */
.conver_modal .close {
	position: absolute;
	top: 70px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
	opacity: 1;
}
.conver_modal .close:hover,
.conver_modal .close:focus {
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}
.conversation_page .preview:before {
    content: "Preview";
    position: absolute;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 11px;
    top: -9px;
    padding: 0 5px;
    color: #000;
    background-color: white;
    left: 10px;
    background-image: none;
}
.conversation_page .speech-bubble a {
    color: #1156f3;
    font-weight: 600;
}
.conversation_page .speech-bubble.rec {
    border-radius: 10px;
    background-color: #d6d6d6;
    border-color: #fff;
}
.conversation_page .speech-bubble.rec:before {
    border-color: transparent #fff !important;
}
.conversation_page .speech-bubble.rec:after {
    border-color: transparent #d6d6d6;
}

/***** Conversation With Client Page End Here *****/

/**** New Commission Slots Page Start Here ****/
.imm_newslots_pg .comm_slots_right .need_help_css{
	float:right;
}
.imm_newslots_pg .newcomm_head {
    color: #fff;
    text-align: center;
    font-weight: 400;
    font-family: Segoe UI light;
}
.imm_newslots_pg .highlight-heading a {
    color: #e38b06;
    text-decoration: underline;
}
.imm_newslots_pg .comm_form {
    background: linear-gradient(to right, #f3326f, #ff7d1f, #fddc00, #bffc20, #3aeeaf, #22b8f4, #4b7afe, #b821f8, #e60fe3, #fb1ca0);
    height: 100%;
    display: flex;
    border-radius: 0;
}
.imm_newslots_pg .comm_slots_inner {
    background: #303030 !important;
    height: 100%;
    padding: 20px 15px 5px;
}
.imm_newslots_pg .comm_slots_right {
    margin-top: 53px;
    background: linear-gradient(to right, #f3326f, #ff7d1f, #fddc00, #bffc20, #3aeeaf, #22b8f4, #4b7afe, #b821f8, #e60fe3, #fb1ca0);
    padding: 2px;
}
.imm_newslots_pg form#slot-new {
    margin: 2px !important;
    border-radius: 0;
    background: #303030;
    border: 0;
	font-family: Segoe UI light;
    width: 100% !important;
    padding: 20px;
}
.imm_newslots_pg .comm_form input,
.imm_newslots_pg .comm_form textarea {
    background: transparent;
    border: 1px solid #fff;
    min-height: 25px;
    border-radius: 4px;
    margin-bottom: 4px;
}
.imm_newslots_pg .price-range {
    margin: 0;
}
.imm_newslots_pg .sideinput {
	color: #f2950a !important;
    display: inline-block;
    width: auto;
    border-bottom-right-radius: 4px;
    height: 25px;
    border-top-right-radius: 4px;
    min-width: 16px;
    padding: 8px 8px 0 8px !important;
    font-size: 13px;
    font-weight: normal;
    line-height: 18px;
    border-left: 0 !important;
    text-align: center;
    background-color: #717171;
    border: 1px solid #fff;
}
.imm_newslots_pg .comm_form .turn_clss {
    width: 8%;
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin: 0 0 4px 0;
}
.imm_newslots_pg .comm_form input {
    background: transparent;
    border: 1px solid #fff;
    min-height: 25px;
    margin-bottom: 4px;
}
.imm_newslots_pg #price {
    border-left: 0 !important;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.imm_newslots_pg .add-on {
	color: #f2950a !important;
	border-right: 0 !important;
    height: 25px !important;
    background-color: #717171 !important;
    padding: 8px 8px 0 8px !important;
    border-right: 0;
}
.imm_newslots_pg .help-block {
    margin: 0 !important;
    padding: 0 !important;
}
.imm_newslots_pg div#slot_preview p,
.imm_newslots_pg .price-range,
.imm_newslots_pg .help-block a,
.imm_newslots_pg .help-block,
.imm_newslots_pg .price-range-info,
.imm_newslots_pg #text_feedback,
.imm_newslots_pg #textarea_feedback {
    color: #f2950a !important;
}
.imm_newslots_pg div#slot_preview p {
    word-break: break-all;
}
.imm_newslots_pg .comm_slots_right .overlay_dv{
	position: relative;
    z-index: 99;
	top:24px;
	text-shadow: 0 1px 10px rgb(0, 0, 0) !important;
}
.imm_newslots_pg .comm_slots_right .overlay_dv p,
.imm_newslots_pg .comm_slots_right .overlay_dv a{
    text-shadow: 0 1px 10px rgb(0, 0, 0) !important;
}
.imm_newslots_pg .comm_slots_right .overlay_dv p{
    font-size: 17px;
	color: white;
}
.imm_newslots_pg .comm_slots_right .overlay_dv a {
    margin-bottom: 10px;
}
.imm_newslots_pg .form-actions {
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 20px 0px 0px !important;
    text-align: right;
    border: 0;
}
.imm_newslots_pg .comm_form .bootstrap-tagsinput {
    background: transparent;
}
.imm_newslots_pg .comm_form .bootstrap-tagsinput input {
    border: 0;
}
.imm_newslots_pg .comm_form .form-horizontal .controls {
    margin-left: 0;
}
.imm_newslots_pg .span-fee-message {
	display:none;
    margin-left: 0;
    color: red;
}
.imm_newslots_pg .form-rel-slot {
    position: relative;
	width: 63.1%;
    float: left;
}
.imm_newslots_pg #updateSlotModal{
	display:none;
}
.imm_newslots_pg #updateSlotModal .modal-body{
	text-align:center;
}
.imm_newslots_pg .comm_form .form-horizontal .control-label {
    width: 100%;
    text-align: left;
    color: #fff;
    font-family: Segoe UI light;
    font-size: 18px;
}
.imm_newslots_pg .button_commclots p {
    margin: 10px 0 0 0;
    width: max-content;
    margin-left: auto;
    padding: 2px;
    background: linear-gradient(to right, #f3326f, #ff7d1f, #fddc00, #bffc20, #3aeeaf, #22b8f4, #4b7afe, #b821f8, #e60fe3, #fb1ca0);
    border-radius: 0px;
}
.conversation_page .conver_btns button, .conversation_page .conver_btns button:hover,
.conversation_page .conver_btns button:focus, .conversation_page .conver_btns button:active,
.imm_newslots_pg .button_commclots p button,
.imm_newslots_pg .button_commclots p button:hover,
.imm_newslots_pg .button_commclots p button:active,
.imm_newslots_pg .button_commclots p button:focus {
    background: #303030;
	border-radius: 50px;
    border: 0;
    font-family: Segoe UI light;
    font-size: 14px;
    padding: 8px 15px;
	outline: none !important;
}
.conversation_page .conver_btns .textbg {
    border-radius: 50px;
    overflow: hidden;
}

.conversation_page .span2 .sender_user a {
    color: #f5e6ff;
}

.imm_newslots_pg .highlight-heading {
    color: #e38b06;
    font-weight: bold;
	font-size: 16px;
    padding: 10px 0 0 0;
    text-align: center;
    font-family: Segoe UI light;
}
.imm_newslots_pg {
    margin-bottom: 50px;
}
.imm_newslots_pg table.table.table-bordered,.imm_newslots_pg table.table.table-bordered td,.imm_newslots_pg table.table.table-bordered th,
.imm_newslots_pg ul.nav.nav-tabs.nav-stacked,.imm_newslots_pg ul.nav.nav-tabs.nav-stacked a,.imm_newslots_pg ul.nav.nav-tabs.nav-stacked p{
	background: transparent !important;
    color: #fff !important;
    border-radius: 0 !important;
}
.imm_newslots_pg .comm_slots_inner .wizard-widget {
    background: transparent !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}
.imm_newslots_pg .comm_slots_right .overlay_dv div {
    padding: 2px;
    background: linear-gradient(to right, #f3326f, #ff7d1f, #fddc00, #bffc20, #3aeeaf, #22b8f4, #4b7afe, #b821f8, #e60fe3, #fb1ca0);
    margin-bottom: 10px;
    width: max-content;
    margin-left: auto;
    display: flex;
}
.imm_newslots_pg .comm_slots_right .overlay_dv div a {
    background: #303030;
    margin: 0;
    border: 0;
    border-radius: 0;
}
/**** New Commission Slots Page End Here ****/

/************** Client Job Page Started Here *******************/
.single_job_pg .img_bottom_field p {
    text-align: center;
    font-size: 20px !important;
    margin-bottom: 0;
}
.single_job_pg .immi_job_details_content .refr_img {
    width: 25%;    
}
.single_job_pg .immi_job_details_content .refer_txt h3,
.single_job_pg .immi_job_details_content>div h4 {
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    font-family: Segoe UI Symbol;
    margin-top: 50px;
    line-height: 28px;
    margin-bottom: 15px !important;
}
.single_job_pg .immi_job_details_content .refer_txt h3 {
    color: yellow !important;
}
.single_job_pg .immi_job_details_content .note_job span,
.single_job_pg .immi_job_details_content .note_job span a {
    color: #caca09 !important;
}
.single_job_pg div#proposalModals {
    z-index: 99999;
    min-height: 254px;
}
.single_job_pg .img_bottom_field p {
    color: #06dddd !important;
}
.single_job_pg .immi_job_details_content h4 {
    color: #eedfb9 !important;
}
.single_job_pg .imm_notice h4 {
    color: #ff6846;
}
.single_job_pg .immi_job_details_content .refrenece_box {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 40px;
    border-bottom: 5px solid #fff;
    margin-bottom: 60px;
    justify-content: space-between;
}
.single_job_pg .immi_job_details_content .refr_btns {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: right;
    right: 0;
}
.single_job_pg .img_bottom_field p,
.single_job_pg .immi_job_details_content .refer_txt .budgets,
.single_job_pg .immi_job_details_content .refer_txt p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 10px;
    color: #fff;
    font-family: Segoe UI light;
}
.single_job_pg .immi_job_details_content .refer_txt {
    width: 70%;
    padding: 0 0px 0 22px;
    position: relative;
}
.single_job_pg .immi_job_details_content .refer_txt .budgets {    
    margin-top: 0px;
    line-height: 22px;   
}
.single_job_pg .immi_job_details_content .refer_txt h3 {
    font-size: 20px;   
	margin-bottom: 0px !important;	
    margin-top: 0px;  
}
.single_job_pg .immi_job_details_content>div h4 small,
.single_job_pg .immi_job_details_content>div h4 small a {
    font-size: 20px;
    text-transform: initial;
    color: #fff;
	text-decoration: none;
}
.single_job_pg .immi_job_details_content img {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.single_job_pg .submt_proposl .form-boxed {    
    border-radius: 0;
	padding: 20px;
}
.single_job_pg .submt_proposl h4 {    
    font-size: 20px;
    margin-top: 15px;
    text-align: left;
    font-family: Segoe UI light;
    text-transform: uppercase;
    font-weight: 400;
    width: 100%;
    float: none;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.single_job_pg #for_apply label.control-label {
    margin-bottom: 10px;
}
.single_job_pg .immi_job_details_table table.table.table-bordered th,
.single_job_pg .immi_job_details_table table.table.table-bordered td {    
	border-left: 0 !important;
	vertical-align: middle;
}
.single_job_pg .immi_job_details_table .submt_proposl table tr th,
.single_job_pg .immi_job_details_table .submt_proposl table tr td a {
    color: #fff;
    font-family: Segoe UI light;
    font-size: 18px;
	text-decoration: none;
}
.single_job_pg .immi_job_details_table .table-bordered th:first-child, 
.single_job_pg .immi_job_details_table .table-bordered td:first-child, 
.single_job_pg .immi_job_details_table .table-bordered tbody:last-child tr:last-child>td:first-child, 
.single_job_pg .immi_job_details_table .table-bordered tbody:first-child tr:first-child>th:first-child {
    border-left-color: transparent;
    border-radius: 0;
    color: #fff;    
	text-align: center;
    font-family: Segoe UI light;
    font-size: 18px;
}
.single_job_pg .immi_job_details_table .submt_proposl table {
    background: transparent;
    border-color: transparent !important;
    border-radius: 0;
}
.single_job_pg .immi_job_details .note_job a {
    color: #ffffff;
    font-weight: 600;
    text-decoration: underline;
}
.single_job_pg .immi_job_details .note_job {
    color: #ffffff;
    width: 100%;
    font-family: Segoe UI light;
    font-size: 18px;
    line-height: 22px;
}
.single_job_pg .immi_job_details_table .submt_proposl table tr th {
    background: #652665;
}
.single_job_pg .immi_job_details_table .form-horizontal input[type="url"] {
    border: 1px solid #fff;
    background: transparent;
    border-radius: 0;
    min-height: 28px;
    color: #fff !important;
    font-family: Segoe UI light;
    font-size: 18px;
}
.single_job_pg .immi_job_details_table .form-horizontal .control-label {
    float: left;
    width: 140px;
    font-size: 18px;
    padding-top: 8px;
    font-family: Segoe UI light;
    text-align: left;
    color: #fff;
    margin: 0;
}
.single_job_pg .immi_job_details_content .refr_btns span.job_client_button {
    display: inline-block;
    margin-right: 10px;
    position: relative;
    top: -1px;
}
.single_job_pg .job_btn {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    height: 35px;
    padding: 6px 15px;
    font-family: Segoe UI light;
    font-size: 16px;
    margin: 0 !important;
    min-width: 200px !important;
}
.single_job_pg .job_btn:hover {
    text-decoration: none;
    color: #fff;
    box-shadow: 0px 0px 7px 0px #fff;
}
.single_job_pg .job_btn i {
    padding-right: 5px;
}
.single_job_pg .applyjob-btn {
    min-width: 110px !important;
}
.single_job_pg .submt_proposl .form-boxed .form-actions {
    background: transparent;
    border-radius: 0;
    padding: 0;
    border: 0;
}
.single_job_pg .sub_prop_action_tbl {
    width: 420px;
}
.single_job_pg .immi_job_details span.report_button button {
    width: 110px;
    margin-top: 0px!important;
    float: left;
    margin-left: 7px !important;
	min-width: auto !important;
}
.single_job_pg .immi_job_details span.report_button button.removeProposal_btn {
    margin-left: 0 !important;
}
.single_job_pg .immi_job_details_table table.table.table-bordered tbody {
    position: relative;
}
.single_job_pg .immi_job_details_content h4 small, .immi_job_details_content h4 small a,
.single_job_pg .note_job a:hover {
    color: #b843b8 !important;
}
.single_job_pg .immi_job_details_table {
    width: 100%;
    margin: 0 0 20px;
}

span.user_name {
    color: #f5e6ff;
}

/****** modal css *****/
.single_job_pg .imm_job_modals .success_message {
    display: none;
    text-align: center;
}
.single_job_pg .imm_job_modals {
    border: 2px solid #ffffff;
    border-radius: 0;
    background: #303030;
    box-shadow: 0px 0px 14px 0px #fff;
}
.single_job_pg .imm_job_modals div, .imm_job_modals form {
    background: transparent !important;
    color: #fff;
    border-radius: 0;
    margin: 0;
}
.single_job_pg form#proposal_report_form #recaptcha div,   
.single_job_pg form#job_report_form #recaptcha div {	
    margin: 0 auto;	
}	
.single_job_pg #proposal_remove_modal .modal-body .fa-exclamation {	
    border: 2px solid #f8bb86;	
    color: #f8bb86;	
    font-size: 45px;	
    padding: 20px;	
    width: 40px;	
    height: 40px;	
    line-height: 45px;	
    border-radius: 50%;	
    text-align: center;	
}	
.single_job_pg #proposal_remove_modal .modal-body {	
    text-align: center;	
}	
.single_job_pg .imm_job_modals .modal-header h5 {
    text-align: center;
    word-spacing: 1px !important;
    font-family: Segoe UI light;
    font-size: 23px !important;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.single_job_pg .imm_job_modals .modal-header {
    border-width: 2px;
}
.single_job_pg .imm_job_modals button.close {
    background: white;
    opacity: 0.8;
    width: 22px !important;
    min-width: auto !important;
    height: 22px !important;
    min-height: auto !important;
    border-radius: 50%;
    padding: 0px 5.8px;
    text-align: center;
    margin-top: 8px;
}
.single_job_pg .imm_job_modals .modal-body {
    max-height: 450px;
}
.single_job_pg .immi_job_details button:focus,.immi_job_details button:active,
.single_job_pg .imm_job_modals button:focus, .imm_job_modals button:active, .imm_job_modals button:hover,
.single_job_pg .imm_job_modals button.close:hover {
    opacity: 1;
	outline: 0 !important;
	text-decoration: none;	
}
.single_job_pg .imm_job_modals .control-group {
    text-align: left;
	margin-bottom: 10px;
}
.single_job_pg .success_message {	
    display: none;	
}
.single_job_pg #proposalModals .modal-body .fa-exclamation {	
    border: 2px solid #f8bb86;	
    color: #f8bb86;	
    font-size: 45px;	
    padding: 20px;	
    width: 40px;	
    height: 40px;	
    line-height: 45px;	
    border-radius: 50%;	
    text-align: center;	
}
.single_job_pg #proposalModals .modal-body {	
    text-align: center;	
}
.single_job_pg .imm_job_modals label.control-label {
    text-align: left !important;
}
.single_job_pg .imm_job_modals .controls textarea {
	max-height: 90px;
}
.single_job_pg .imm_job_modals .controls input,
.single_job_pg .imm_job_modals .controls textarea {
    width: -webkit-fill-available;
}
.single_job_pg .imm_job_modals .job_btn,
.single_job_pg .imm_job_modals button {
    width: auto !important;
    min-width: 90px !important;
    min-height: 35px;
    border-radius: 0;
    margin: 0 0 0 10px;
}
.single_job_pg .refr_img.no_refr_img {
    border: 1px solid #fff;
    padding: 10px;
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background: #6c6c6c;
}
.single_job_pg .immi_job_details_content .refr_img.no_refr_img h5 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 10px;
    color: #fff;
    font-family: Segoe UI light;
}
.single_job_pg .immi_job_details_content .refer_txt ul>li {
    color: #fff;
    font-family: Segoe UI light;
    font-size: 16px;
    font-weight: 600;
    margin: 8px 0px;
}
/************** Client Job Page End Here *******************/

/************ Client Job Listing Page Started Here ******************/
.clt-job-lst_page .job-list-table {
    width: 100%;
    border-radius: 0;
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}
.clt-job-lst_page table.job-list-table p,
.clt-job-lst_page table.job-list-table p.time_price {
	color: #fff !important;
}
.clt-job-lst_page .progress .bar-font-white {
    color: #fff;
}
.clt-job-lst_page .progress-bar-success-full {
    background-color: #d9534f;
    text-align: center;
}
.clt-job-lst_page .no_listing_msg {
    min-height: 400px;
}
.clt-job-lst_page .progress-bar {
    width: 100% !important;
    height: 100%;
    padding: 5px 0px;
    text-align: center;
    font-weight: 800;
}
.clt-job-lst_page .progress .bar-success {
    height: 32px;
    margin-top: -25px;
}
.clt-job-lst_page .progress .bar-font-yellow {
    color: #e78f34;
}
.clt-job-lst_page .progress {
    height: 28px !important;
    border-radius: 0;
    background-color: #303030;
}
.clt-job-lst_page .progress .bar-warning {
    height: 30px;
    margin-top: -24px;
}
.clt-job-lst_page .view_buttonsdd {
    width: 90px;
    margin: 0 auto;
    background: #9365b5;
    border: 1px solid #fff;
    border-radius: 0;
}
.clt-job-lst_page .job_listing_filter a.btn.active {
    background-color: #5cb55c !important;
}
.clt-job-lst_page table.job-list-table td p span, 
.clt-job-lst_page table.job-list-table td a {
    color: #aeffae;
	font-weight: 400;
    font-family: Segoe UI light;
    text-decoration: none;
}
.clt-job-lst_page table.job-list-table td h4 a {
    color: pink !important;
	font-weight: 600;
}
.clt-job-lst_page table.job-list-table h5 {
    color: #fff !important;
    font-weight: 600;
}
.clt-job-lst_page .cltjoblst_bnn h1 {
    font-weight: 600;
    color: #fff;
}
.clt-job-lst_page .job-list-table tr td {
    width: 30%;
    border: 1px solid #ffffff;
    padding: 12px 25px;
}
.clt-job-lst_page .job_listing_filter a {
    background: transparent !important;
    color: #fff !important;
    text-shadow: none !important;
    border: 2px solid #fff;
    border-radius: 0px !important;
}
.clt-job-lst_page .job_listing_filter {
    margin-bottom: 30px;
}
.clt-job-lst_page .proposal_count {
    width: 100%;
    margin-top: 10px;
    color: red;
    max-width: 146px;
    min-width: 146px;
}
.clt-job-lst_page .button_wrap_flot {
    float: right;
}
.clt-job-lst_page .experimental_text {
    font-size: 18px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 0;
}
/************ Client Job Listing Page End Here **************/

/************ Sign Up Page Started Here **************/
.sign-up-page .margin_b{
	margin-bottom: 10px;
}
.sign-up-page .signup_content form#sign-up-form textarea {
    min-height: 150px !important;
}
.sign-up-page .sign-up-slots.top_slots {
    margin-top: 50px;
}
.sign-up-page .control-group.wk-radio.margin_b {
    margin-bottom: 18px;
}
.sign-up-page .well-blue > div label {
    display: inherit;
}
.sign-up-page form#sign-up-form input[type="checkbox"],
.sign-up-page form#sign-up-form input[type="radio"] {
    width: auto !important;
	min-height: auto !important;
	margin: 0 !important;
    height: auto !important;
}
.sign-up-page form#sign-up-form input, 
.sign-up-page form#sign-up-form select, 
.sign-up-page form#sign-up-form textarea {
    background: transparent;
    border: 2px solid #fff;
    margin: 10px 0 10px 0;
    border-radius: 0;
    color: #fff;
    width: -webkit-fill-available !important;
    padding: 2px 10px;
    min-height: 35px !important;
}
.sign-up-page .signup_banner .logo_text {
    position: relative;
}
.sign-up-page .signup_banner .logo_text:before {
    content: "";
    background-image: url(../../../../20250804225752im_/https:/artistsnclients.com/img/logo2.png);
    width: 75px;
    height: 75px;
    position: absolute;
    background-size: 75px;
    background-repeat: no-repeat;
    left: 15px;
    top: -45px;
}
.sign-up-page .signup_banner h1 {
    color: #fff;
    letter-spacing: 1px;
    padding-top: 100px;
    font-family: Segoe UI Symbol;
    font-weight: 600;
    font-size: 75px;
    line-height: 64px;
}
.sign-up-page .signup_banner p {
	margin-bottom: 30px;
    color: #fff;
	font-family: Segoe UI Symbol;
    font-size: 22px;
    line-height: 30px;
}
.sign-up-page .form_relative{
	position:relative;
}
.sign-up-page .signup_btn p {
    margin: -30px auto 0;
}
.sign-up-page .sign_up_btn_form:focus,
.signup_btn button:hover,
.sign-up-page .control-group.wk-checkbox a {
    color: #fff;
}
.sign-up-page .well-blue > div {
    text-align: left !important;
}
.sign-up-page .well-blue > div, .sign-up-page .well-blue > div label {
    font-size: 16px;
}
.sign-up-page #recaptcha > div,
.sign-up-page .msg-error{
	float: none;
	margin: 0px auto;
}
.sign-up-page .signup_btn {
    margin-top: 20px;
}
.sign-up-page div#recaptcha {
    margin-top: 40px;
}
.sign-up-page .confirm_modal_main{
	display:none;
}
.sign-up-page form#sign-up-form {
    background: #303030;
    border: 2px solid #fff !important;
    border-radius: 0;
    color: #fff;
    box-shadow: 0px 0px 12px 0px #fff;
    padding: 40px 30px;
}
.sign-up-page p.muted {
    margin-bottom: 30px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}
.sign-up-page p.muted span {
    font-size: 18px !important;
    padding-right: 10px;
    word-spacing: 5px;
}
.sign-up-page p.muted span.free_content {
    color: #ff8402;
}
.sign-up-page form#sign-up-form select option { color: #fff; }
.sign-up-page p.muted span.secure_content {
    color: #69ff48;
}
.sign-up-page p.muted span.product_content {
    color: #ebff00;
}
.sign-up-page .confirm_modal_main .modal-body {
    text-align: center;
}
.sign-up-page .msg-error {
  color: red;
  text-align:center;
}
.sign-up-page .viewcont_signup .well {
    padding: 2px;
    border: 0;
    border-radius: 50%;
    height: 140px;
    margin: 0 auto !important;
    width: 140px;
}
.sign-up-page .viewcont_signup .well p {
    font-size: 18px;
    background: #303030;
    color: #fff;
    border-radius: 50%;
    height: 100%;
    font-family: Segoe UI light;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 5px !important;
}
.sign-up-page .row.sign-up-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    max-width: 600px;
    margin: 0 auto 80px;
}
.sign-up-page .frm_bottom-signup > div {
    margin: 0 auto;
}
.sign-up-page .frm_bottom-signup {
    text-align: center;
}
.sign-up-page .sign-width {
    width: 100%;
}
.sign-up-page .viewcont_signup.row .span4 {
    width: 25% !important;
    margin-left: 0;
    min-width: 160px;
}
.sign-up-page .viewcont_signup.row {
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin: 0 auto 30px;
}
.sign-up-page ul.sign-rht-text p.lead span {
    color: #dc08dc;
    font-weight: 600;
}
.sign-up-page .video_inner .speech-bubble {
    margin-bottom: 4px;
}
.sign-up-page .featured-logos-container {
    background: #000000;
    padding: 0;
    width: max-content;
    color: #fff;
}
.sign-up-page .featured-logos-container img,
.sign-up-page .featured-logos-container a {
    opacity: 1;
    padding: 4px 5px;
}
.sign-up-page .top_slotstitle .rainbow_bann {
    width: max-content;
	margin-bottom: 40px;
}
.sign-up-page .top_slotstitle h2 {
    text-align: center;
    background: #303030;
    color: #ffffff;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    padding: 20px 30px;
    letter-spacing: 0.5px;
    font-size: 40px;
    font-family: Segoe UI light;
}
.sign-up-page h4.feature_head,
.sign-up-page .video_section h4 {
    color: #fff;
    font-family: Segoe UI light;
    font-weight: 400;
    line-height: 26px;
    font-size: 19px;
    margin-bottom: 20px;
}
.sign-up-page ul.sign-rht-text {
    font-family: Segoe UI light;
    margin: 20px 0 20px 0px;
}
.sign-up-page ul.sign-rht-text p.lead span i {
    margin-right: 8px;
}
.sign-up-page blockquote small {
    font-size: 14px;
	margin-bottom: 20px;
}
.sign-up-page .speech-bubble_imm p {
    font-size: 16px;
}
.sign-up-page .speech-bubble_imm {
    color: #fff;
    margin-bottom: 5px;
}
.sign-up-page ul.sign-rht-text small {
    color: #fff;
    display: block;
	line-height: 20px;
    margin-top: 0 !important;
}
.sign-up-page ul.sign-rht-text li {
	margin-bottom: 15px;    
    background: linear-gradient(to right, #f3326f, #ff7d1f, #fddc00, #bffc20, #3aeeaf, #22b8f4, #4b7afe, #b821f8, #e60fe3, #fb1ca0);
    padding-bottom: 2px;
    margin-bottom: 15px;
}
.sign-up-page ul.sign-rht-text p {
    background: #303030;
    margin-bottom: 0;
	line-height: 30px;
    padding-bottom: 6px;
}
.sign-up-page .top_slots .thumbnails {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sign-up-page form#sign-up-form input:focus,
.sign-up-page form#sign-up-form select:focus,
.sign-up-page form#sign-up-form textarea:focus,
.sign-up-page .signup_btn button:hover,
.sign-up-page .signup_btn button:focus,
.sign-up-page .signup_btn button:active,
.sign-up-page .sing-browser-btn a:hover,
.sign-up-page .sing-browser-btn a:focus,
.sign-up-page .sing-browser-btn a:active {
	background: #303030;
	box-shadow: 0px 0px 12px 0px #fff;
    transition: .2s ease-in-out;
	outline: 0;
}
.sign-up-page .sing-browser-btn a {
    width: max-content;
    padding: 8px 40px 10px;
    margin: 0 auto;
    color: white;
    text-transform: capitalize;
    font-family: Segoe UI light;
    border: 1px solid #fff;
    line-height: 24px;
    border-radius: 0;
    background: #303030;
}
.sign-up-page .sing-browser-btn {
    margin: 40px 0 20px 0;
    text-align: center;
}
/************ Sign Up Page End Here ******************/

/************ Stories Page Stared Here ******************/
.stories_page {
    padding: 50px 0;
	margin-bottom: 70px;
}
.stories_page .story_img_container img {
    max-height: 214px;
    min-height: 214px;
	object-fit: cover;
    width: 100%;
}
.stories_page .gradient_heading h1:before {
    left: -45px;
}
.stories_page .story_main {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
	font-family: Segoe UI Symbol;
    justify-content: center;
    margin: 0 -6px;
}
.stories_page .stories_list {
    width: 20%!important;
    float: unset;
    min-width: 298px;
    display: block;
    text-align: left;
}
.stories_page .story_box a {
    text-decoration: none;
}
.stories_page .list_item_story p {
    margin: 0px 0px;
    min-height: 50px !important;
    padding: 5px 5px;
}
.stories_page .story_box .by_member {
    text-align: left !important;
    color: #662456;
    border: 0px;
    font-size: 16px;
    margin: 0;
}
.stories_page .story_btn_align {
	position: relative;
    margin: 0px 5px;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.stories_page .story_section .list_item_story {
    padding: 0 !important;
    border: 0 !important;
    margin: 6px;
	border-radius: 5px;
    overflow: hidden;
}
.stories_page .story_box .head_with_user h3 {
    font-size: 16px;
    text-align: left;
    padding: 5px 5px;
    margin: 0px 0px;
    line-height: 20px;
    max-height: 40px;
    color: #303030;
}
.stories_page .story_btn_align .badge {
    position: absolute;
    right: 0px;
    font-size: 15px;
    top: 20px !important;
}
/************** Stories Page End Here *******************/

/********** Tips And Tricks Page Started Here ************/
.tips-tricks_page .box_colm_txt .box_txt {
    padding: 5px;
}
.tips-tricks_page .badge {
    font-size: 15px;
}
.tips-tricks_page .ftr_article {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 10px;
}
.tips-tricks_page .ftr_article a {
    color: #303030;
    font-weight: 400;
    text-decoration: none;
    font-size: 14px;
}
.tips-tricks_page .article_box_foot {
   padding: 0px 0px 10px;
}
.tips-tricks_page .box_colm_txt .box_txt p {
    margin-bottom: 10px;
    color: #595959;
    line-height: 22px;
    font-size: 15px;
}
.tips-tricks_page .article_txt a:hover{
	text-decoration:none;
}
.tips-tricks_page .article_img img {
    width: 100%;
    min-height: 240px;
    max-height: 240px;
}
.tips-tricks_page .article_section {
    margin: 0 -2px;
}
.tips-tricks_page .article_box {
    width: 23%;
    font-family: Segoe UI light;
    background: #fff;
    margin: 0 2px 10px 2px;
    border: 1px solid #fff;
    
}
.tips-tricks_page .article_box_foot a {
    color: #545454;
    text-decoration: none;
    font-size: 14px;
    font-family: Segoe UI Symbol;
    margin-right: 5px;
}
.tips-tricks_page .link_credit:hover{	
    text-decoration:underline !important;
}
.tips-tricks_page .link_credit {
    cursor: pointer;
    font-weight: 600 !important;
    color: #6e046e !important;
}
.tips-tricks_page .article_txt h2 {
    font-size: 16px;
    line-height: 22px;
    font-family: Segoe UI Symbol;
    color: #303030;
    margin: 0 0 10px 0;
}
.tips-tricks_page .gradient_heading h1:before {
    left: -55px;
}
.tips-tricks_page .article_main_section {
    padding: 50px 0 40px 0;
    margin-bottom: 50px;
}
/********** Tips And Tricks Page End Here ****************/

/************ Single Job Page Started Here **************/
.job_single_page .job_main_sec .jobside_right .info-release h2.org_head {
    margin-top: 9px;
}
.job_single_page .ques_class{
	position:relative;
}
.job_single_page .immi_ques .tooltip span.immi_circle_dv1 {
    position: relative;
    left:8px;
}
.job_single_page .tip_button{
	float: left;
	text-align: center;
	margin-left: 180px;
	margin-top: 17px;
	margin-bottom: 14px;
}
.job_single_page .immi_ques .tooltip {
	  position: relative;
	  display: inline-block;
	  opacity:1;
	  cursor:pointer;
	  z-index:99 ;
}
.job_single_page .immi_ques .tooltip:hover .tooltiptext {
    visibility: visible;
}
.job_single_page .immi_ques .tooltip .tooltiptext {
    border: 1px solid #602052;
    visibility: hidden;
    width: 300px;
    background-color: #fff;
    color: #602052;
    position: absolute;
    padding: 10px;
    z-index: 1;
    text-align: center;
    border-radius: 6px;
    font-size: 15px;
    top: 17px;
    left: 6px;
}
.job_single_page .payment-buttons.stripe > img {
	width: 200px;
}
.job_single_page .success_message,
.job_single_page #reportmodal,
.job_single_page #reporrefundtmodal,
.job_single_page .stripe-button-el,
.job_single_page #Modal_paypal{	
	display:none;
}
.job_single_page .payment-buttons > img {margin-top: 20px;width: 177px;}
.job_single_page .payment-buttons {float: left; display: inline;margin-right: 4px;}
.job_single_page #jobForm {width: 80%;}
.job_single_page .org_sec {
    margin-bottom: 20px;
}
.job_single_page .jobs-reply-form .form-actions {
    padding: 0;
    background: transparent;
    border: 0;
    margin-top: 30px;
}
.job_single_page .jobs-reply-form .nav li.active a, 
.job_single_page .jobs-reply-form .nav li a {
    background: transparent !important;
    color: #d6d6d6;
    font-family: Segoe UI light;
    font-size: 20px;
}
.job_single_page .jobs-reply-form .tab-content form label {
    color: #d6d6d6;
    font-family: Segoe UI light;
    font-size: 22px;
    margin-bottom: 10px;
}
.job_single_page .org_sec p {
    font-family: Segoe UI light;
    font-weight: 400;
    color: #fff;
	line-height: 20px;
	font-size: 16px;
}
.job_single_page .org_sec .org_head {
    color: #ec7878;
    font-family: Segoe UI light;
    font-weight: 400;
    font-size: 25px;
	line-height: 40px;
    margin: 0;
}
.job_single_page .job_main_sec {
    display: flex;
    justify-content: space-between;
}
.job_single_page .job_main_sec .job_side_left {
    width: 70%;
    margin-right: 20px;
}
.job_single_page .job_main_sec .jobside_right {
    width: 30%;
}
.job_single_page .jobsgl_heading h1 {
    font-family: Segoe UI light;	
    font-size: 30px;
    color: #fff;
    font-weight: 400;
}
.job_single_page .table_show th {
    text-align: center;
    font-family: Segoe UI light;
    font-size: 18px;
}
.job_single_page p.report_button button {
    width: auto;
    float: left;
    margin-right: 5px;
    font-size: 12px !important;
    padding: 4px 10px;
    min-height: 28px;
    margin-top: 10px !important;
}
.job_single_page button#popup_billing_card {
    background-color: #ce0a7d !important;
}
.job_single_page button#popup_without_billing {
    background-color: #029cde !important;
}
.job_single_page .buttons_bottom_grp {
    display: flex;
    width: 100%;
}
.job_single_page .table_show td, 
.job_single_page .table_show td a {
    background: #aaaaaa;
    text-align: center;
    color: #303030 !important;
    font-size: 18px;
    font-family: Segoe UI light;
}
.job_single_page .hint_sec p span.hint_title {
    text-decoration: none;
}
.job_single_page .hint_sec p span {
    text-decoration: underline;
    line-height: 25px;
}
.job_single_page .hint_sec p {
    color: #029cde;
    font-family: Segoe UI light;
    font-size: 20px;    
}
.job_single_page .jobsgl_heading h1 span {
    color: #ec7878;
}
.job_single_page .jobsgl_left {
    border-bottom: 2px solid #4f2a4f;
    margin-bottom: 20px;
    padding-bottom: 10px;
}
.job_single_page .rate_btns a,
.job_single_page .rate_btns button[type="submit"] {
    min-width: 150px;
    padding: 6px;
    margin: 0px 5px;
}
.job_single_page .color_artist,
.job_single_page .color_artist strong,
.job_single_page .color_artist span,
.job_single_page .color_artist p,
.job_single_page .color_artist p a {
    color: yellow !important;
}
.job_single_page .color_client,
.job_single_page .color_client span,
.job_single_page .color_client strong,
.job_single_page .color_client p, .job_single_page .color_client p a {
    color: orange !important;
}

.job_single_page .jobsgl_comm .alignment_leftss, .job_single_page .jobsgl_comm .speech-bubble {
    border-radius: 10px !important;
    border-color: #fff;
}

.job_single_page .jobsgl_comm .alignment_leftss {
    font-family: Segoe UI light;
    border: 1px solid #fff;
    color:  #d6d6d6 !important;
    padding: 10px;
	font-size: 20px;
    line-height: 25px;
}
.job_single_page .jobs-reply-form .controls p.help-block,
.job_single_page .jobs-reply-form .controls p.help-block a {
    color: #fff;
	font-size: 16px;
    font-family: Segoe UI light;
}
.job_single_page .btn-group img {
    width: 30px;
    background: #fff;
    height: auto;
}
.job_single_page .social_icon_immi a{
	margin: 0px 4px 0 0;
}
.job_single_page .social_icon_immi {   
    display: inline-table;
    position: relative;    
}
.job_single_page .social_icon_immi {
    display: block;
    float: unset;
    margin-bottom: 0;
    width: auto !important;
    margin-left: 5px !important;
    margin-top: 0;
}
.job_single_page .social_icon_immi h3 {
    font-size: 18px;
    margin-bottom: 0px;
    color: #2987cf;
    margin-left: 20px;
}
.job_single_page .checkbox_dv {
    padding: 6px 0px;
}
.job_single_page .note-msz {
    color: #ff8080;
    font-family: Segoe UI light;
    font-size: 18px;
    line-height: 25px;
}
.job_single_page .checkbox_dv span {
    font-size: 14px;
    vertical-align: middle;
    margin-right: 10px;
}
.job_single_page .confirm_modal_main#Modal_paypal .modal-body p {
    line-height: 20px;
    margin: 10px 0;
    color: #fff;
}
.job_single_page .sgl-pg-modal form,
.job_single_page form#report_form{
	margin:0;
    border: 0;
    border-radius: 0;
}
.job_single_page form#report_form #recaptcha div{
	margin: 0 auto;
}
.job_single_page form#report_form textarea{
	height:100px;
}
.job_single_page .jobsgl_comm .speech-bubble {
    background: transparent;
    color: #fff;
}
.job_single_page .jobsgl_comm .alignment_left .color_client {
    border-color: #fff;
    width: 96%;
	background-color: #d6d6d6;
}
.job_single_page .jobsgl_comm .alignment_left .color_client:after {
    border-color: transparent #d6d6d6 !important;
}
.job_single_page .jobsgl_comm .alignment_left .color_client:before {
    border-color: transparent #fff;
}
.job_single_page .jobsgl_comm .alignment_leftss, .job_single_page .jobsgl_comm .alignment_left {
    font-size: 16px;
    width: 77% !important;
    margin-left: 10px !important;
}
.job_single_page .jobsgl_comm .speech-bubble::after {
    border-color: transparent #303030 !important;
}
.job_single_page .btn-toolbar .payment-buttons button, .job_single_page p.report_button button ,
.job_single_page .btn-toolbar .payment-buttons button:hover, .job_single_page p.report_button button:hover {
    border-radius: 50px !important;
}

.job_single_page .jobsgl_comm .color_artist::after, .job_single_page .jobsgl_comm .color_artist .speech-bubble:after {
    border-color: transparent white !important;
}

.job_single_page .admin_bar .deny_dn select{
	display:none;
}
.job_single_page .form-right{
	float:right;
}
.job_single_page .input-prepend.input-append {
    margin-bottom: 16px;
}
.job_single_page #reason_txt{
  display:none;
}
.job_single_page #fileUploadModal .modal-body .fa-exclamation {
    border: 2px solid #f8bb86;
    color: #f8bb86;
    font-size: 45px;
    padding: 20px;
    width: 40px;
    height: 40px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
}
.job_single_page #fileUploadModal .modal-body {
    text-align: center;
}
.job_single_page #Modal_paypal .modal-body {
    text-align: center;
}
.job_single_page #smilyjob_complete_form .control-group .controls {
    margin-left: 0px;
}
.job_single_page #smilyjob_complete_form .control-group label {
	width: auto;
    padding-left: 0;
    float: none;
    text-align: center;
}
.job_single_page #smilyjob_complete_form .control-group .controls textarea#review {
    width: 100%;
}
.job_single_page #smilyjob_complete_form .control-group .controls p {
    text-align: right;
	color: #fff;
}
.job_single_page #smily_rating .control-group {
    margin-bottom: 0px;
}
.job_single_page #rev_comp i.fas.fa-star {
    font-size: 10px;
    color: #ede071;
}
.job_single_page .controls .checkbox_dv input[type="checkbox"] {
    margin: 0px;
    margin-right: 5px;
}
.job_single_page .immi_ques {
    position: absolute;
    top: -15px;
    right: 0px;
}
.job_single_page .com_btn{
	margin-right: 5px;
    display: inline-table;
    float: left;
}
.job_single_page .btn-toolbar {
    max-width: 425px;
    margin: 0;
}
.job_single_page .input-prepend input, 
.job_single_page span.add-on {
    border-radius: 0px !important;
    color: #fff;
    max-width: 100px;
    background: transparent;
    text-shadow: none;
    border: 1px solid #fff;
}
.job_single_page .jobs-reply-form .warning {
    color: #fff;
    font-size: 25px;
    font-family: Segoe UI light;
    border-bottom: 4px solid #ff8080;
    padding-bottom: 4px;
}
.job_single_page .jobs-reply-form textarea {
    background: #545454;
    width: -webkit-fill-available !important;
    border-color: transparent;
	color: #fff;
}

.job_single_page .jobsgl_comm ul li {
    margin-bottom: 10px;
}
.job_single_page .jobsgl_comm .span2,
.job_single_page .jobsgl_comm .span2 a {    
    font-family: Segoe UI light;
    color: #fff !important;
    font-size: 16px;
    line-height: 20px;
}
.job_single_page .jobsgl_comm .alignment_leftss span.muted {
    color:  #d6d6d6;
}
.job_single_page #rate_now_new {
    text-decoration: none !important;
    position: relative;
    top: 3px;
}
.job_single_page .sgl-pg-modal#smily_rating textarea#review {
    max-height: 100px !important;
}
.job_single_page .sgl-pg-modal#smily_rating button.close,
.job_single_page .sgl-pg-modal#rating_new button.close {
    position: relative;
    right: 10px;
    top: 10px;
}
.job_single_page .rate_btns {
    text-align: center;
    margin-top: 24px;
    margin-bottom: 5px;
}
.job_single_page .rate_btns button[type="submit"] {
    margin-top: -4px;
}
.job_single_page .info-release{	
	clear:both;
}
.job_single_page .immi_ques .tooltip .tooltiptext{
	white-space: normal;
}
.job_single_page .input-prepend.input-append button:hover,
.job_single_page .input-prepend.input-append button:focus,
.job_single_page .input-prepend.input-append button:active,
.job_single_page .input-prepend.input-append button,
.job_single_page .admin_bar .input-prepend.input-appends button {
    margin: 0 !important;
    background: #6c295c;
    border-color: #6c295c;
}
.job_single_page .input-prepend {
    margin-top: 10px;
    margin-bottom: 10px;
}
.job_single_page .jobsgl_comm .alignment_leftss:before, 
.job_single_page .jobsgl_comm .alignment_leftss:after {
    background: transparent;
    content: "";
    display: block;
    position: absolute;
    top: 10px;
    left: -10px;
    border-color: transparent #fff;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    height: 0;
    width: 0;
}
.job_single_page .jobsgl_comm .alignment_leftss:after{
    border-color: transparent #303030 !important;
}
.job_single_page .jobsgl_comm .alignment_leftss:before {
    border-color: transparent #ddd;
    top: 8px;
    left: -12px;
    border-width: 12px 12px 12px 0;
}
.job_single_page .jobsgl_comm .alignment_leftss{
    position: relative;
	width: 80%;
}
.job_single_page .paypal_grp .paypalgrp-img {
    width: 100% !important;
    background-color: transparent !important;
    max-width: 220px;
    margin-right: 0px;	
    margin-bottom: 20px;
    margin-top: 0px;
}
.job_single_page a.btn.btn-success.rels_btn,
.job_single_page span.admin_bar button, 
.job_single_page .sgle_btn, 
.job_single_page .jobs-reply-form .form-actions button, 
.job_single_page #upload .btn, 
.job_single_page .buttons_bottom_grp button, 
.job_single_page .buttons_bottom_grp button:hover, 
.job_single_page .buttons_bottom_grp button:focus, 
.job_single_page .buttons_bottom_grp button:active {    
    border-radius: 50px !important;
    background: transparent; 
	border: 1px solid #fff;
	border-color: #fff !important;
    color: #fff;
	outline: 0;
    text-shadow: none;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
.job_single_page #fileUploadModal button#submit_file_upload {
    background: green !important;
}
.job_single_page #fileUploadModal button#close_upload {
    background: red !important;
}
.job_single_page .preview:before {
    padding: 0 4px;
}
.job_single_page div#msg_preview p {
    color: #fff;
}
.job_single_page .container_star i,
.job_single_page .container_star i:hover ~ i {
	color: #ddd;
	text-shadow: none;
	transition: color 200ms,
	text-shadow 200ms; 
	transition-delay: 0;
}
.job_single_page .container_star:hover i:nth-child(2) {
	transition-delay: 30ms;
}
.job_single_page .container_star:hover i:nth-child(3) {
	transition-delay: 60ms;
}
.job_single_page .container_star:hover i:nth-child(4) {
	transition-delay: 90ms;
}
.job_single_page .container_star:hover i:nth-child(5) {
	transition-delay: 120ms;
}
.job_single_page .container_star i {
	cursor: pointer;
	font-style: normal;
}
.job_single_page .container_star i.active{
	color: #fc0;
	text-shadow: #fc0 0 0 20px;
}
.job_single_page .container_star i.activepoor{
	color: #f9dc68f5;    
}
.job_single_page .container_star i.verypoor{
	color: #F44336;    
}
.job_single_page .container_star i.poor{
	color: #ff8080;   
}
.job_single_page .container_star i.good{
	color: #74a937;    
}
.job_single_page .immi_stars {
    width: 100%;
    text-align: center;
	margin-bottom: 22px;
	display:flex;
	justify-content:center;
}
.job_single_page .immi_stars input[type=checkbox] {
  display: none;
}
.job_single_page .immi_stars .container_star img {
  transition: transform 0.25s ease; 
}
.job_single_page .immi_stars input[type=checkbox]:checked ~ label > img {
  transform: scale(1.2);
}
.job_single_page .immi_stars img{
	width: 85px;
}
.job_single_page #rev_comps{
	position: relative;
    float: left;
    margin-left: 128px;
}
.job_single_page #complete {
    border-top: 0;
}
.job_single_page .smily_text{
	width: 100%;
	font-weight: 600;
}
.job_single_page .label_cmnt{
	font-weight: 600;
}
.job_single_page  .exp_msg{
	color: red;
    text-align: center;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.job_single_page .immi_stars img:focus,.immi_stars img:active{
   transform: scale(1.1);
}
.job_single_page .immi_stars i {
    font-size: 40px;
    color: #ddd;
}
.job_single_page #view_exp {
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #7d7979;
}
.job_single_page #deadline_modal .modal-header{
	text-align:center;
}
.job_single_page .con_upper{	
	text-align:center;
}
.job_single_page .name_client a{
	color:#6e046e;
}
.job_single_page .name_artist a{
	color:#ff0080;
}
.job_single_page .smily_title{
	text-align:center;
}
.job_single_page .immi_releasetext{
	width: 100%;
    float: left;
    margin-top: 5px;
    text-align: center;
}
.job_single_page button#rev_comp span {
    position: relative;
    top: 1px;
}
.job_single_page .release_icon{
	width: 25px;
    margin-left: 6px;
}
.job_single_page button#rev_comps span {
    position: relative;
    top: 2px;
}
.job_single_page .tip_para_text {
    margin: 20px 0;
}
.job_single_page .tip_amt_imm,
.job_single_page .deadline_imm {   
    max-width: 100%;
}
.job_single_page .deadline_imm .control-label,
.job_single_page .tip_amt_imm .control-label {
    width: 110px;
    padding-right: 10px;
    text-align: right;
}
.job_single_page .tip_bottom_content {
    text-align: center;
}
.job_single_page .deadline_flex {
    display: flex;
}
.job_single_page .deadline_flex select {
    margin: 0 6px 0 0;
}
.job_single_page .tip {
    float: none;
    position: absolute;    
}
.job_single_page .bonus_paid_msg {   	
    margin-bottom: 20px;  
}
.job_single_page .tip_request {
    display: inline-block;
    margin: 5px;
    text-align: center;    
}
.job_single_page .tip_request button.btn.btn-success {
    min-width: 120px;    	
}
.job_single_page td.imm_deadline_text {
    width: 370px;
}
.job_single_page .imp_msz {
    float: right;
    padding-right: 320px;
    padding-top: 3px;
}
.job_single_page a.btn.btn-success.rels_btn {
    background: #2f8833 !important;
}
.job_single_page .sgl-pg-modal button.close {
    background: white !important;
    opacity: 0.8;
    width: 22px !important;
    min-width: auto !important;
    height: 22px !important;
    min-height: auto !important;
    border-radius: 50% !important;
    padding: 0px 5px;
    text-align: center;
    margin-top: 8px !important;
    color: #303030;
}
.job_single_page .sgl-pg-modal {
    border: 2px solid #ffffff;
    border-radius: 0;
    background: #303030;
    box-shadow: 0px 0px 14px 0px #fff;
}
.job_single_page .sgl-pg-modal div, 
.job_single_page .sgl-pg-modal  form {
    background: transparent !important;
    color: #fff !important;
    max-height: 100% !important;
}
.job_single_page .sgl-pg-modal div, 
.job_single_page .sgl-pg-modal form .controls {
    margin-bottom: 2px !important;
    margin-left: 0;
}
.job_single_page .sgl-pg-modal button.btn-default {
    color: #333333 !important;
    background-color: #f5f5f5 !important;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.job_single_page .sgl-pg-modal div div#recaptcharefund div {
    text-align: center;
    margin: 0 auto;
}
.job_single_page .alignment_leftss .check_img_download a{
    color: #ff8080 !important;
}
.job_single_page .sgl-pg-modal button.btn, 
.job_single_page .sgl-pg-modal .sgle_modal_btn {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
    height: 35px;
    padding: 6px 15px;
    font-family: Segoe UI light;
    font-size: 16px;
    margin: 0 !important;
    width: auto !important;
    min-height: 35px;
    border-radius: 0;
    min-width: 100px !important;
}
.job_single_page .sgl-pg-modal form textarea, 
.job_single_page .sgl-pg-modal form input, 
.job_single_page .sgl-pg-modal form label {
    width: -webkit-fill-available !important;
    float: unset !important;
    text-align: left !important;
}
.job_single_page .sgl-pg-modal h5 {
    text-align: center;
    word-spacing: 1px !important;
    font-family: Segoe UI light;
    font-size: 23px !important;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.job_single_page li.social_group {
    float: right;
}
.job_single_page .form-actions {
    margin: 0 !important;
}
.job_single_page .jobrgt_form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 50px;
}
.job_single_page .sgl-pg-modal form textarea, 
.job_single_page .sgl-pg-modal form input {
    background: transparent !important;
    border: 1px solid #fff;
    border-radius: 0;
    min-height: 22px;
    color: #fff;
}
.job_single_page .tipTable {
    display: block;
    width: 100%;
}
.job_single_page .speech-bubble.color_artist {
    border-radius: 0;
    border-color: #fff !important;
	 background-color: #fff;
    width: 96%;
    min-width: 630px;
}
.job_single_page .tipTable table {
    margin: 0 0 10px 0 !important;
    width: 100% !important;
    font-family: Segoe UI symbol;
    font-size: 14px;
}
.job_single_page .control-group div#files p.fileupload-node,
.job_single_page #reply .span12 {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
}
.job_single_page .jobsgl_comm .name_client a {
    color: #f5e6ff !important;
}
.job_single_page .jobsgl_comm .span2 .name_artist a,
.job_single_page .jobsgl_comm .span2 .color_artist a {
    color: d6d6d6 !important;
}
.job_single_page .jobsgl_comm .color_client, .job_single_page .jobsgl_comm .color_artist, .job_single_page .jobsgl_comm .color_artist div, .job_single_page .jobsgl_comm .color_client div, .job_single_page .jobsgl_comm .span2 .color_artist a, .job_single_page .color_artist, .job_single_page .color_artist strong, .job_single_page .color_artist span, .job_single_page .color_artist p, .job_single_page .color_artist p a, .job_single_page .color_client a, .job_single_page .color_client span, .job_single_page .color_client strong, .job_single_page .color_client p, .job_single_page .color_client p a {
    color: #000 !important;
}
.job_single_page .jobsgl_comm .alignment_leftss.color_artist {
    background-color: #fff;
}
.job_single_page .jobsgl_comm .alignment_leftss.color_artist:after {
    border-color: transparent #fff !important;
}
.job_single_page .jobsgl_comm .alignment_leftss.color_client {
	background-color: #d6d6d6;
}
.job_single_page .jobsgl_comm .alignment_leftss.color_client:before{
	border-color: transparent #fff !important;
}
.job_single_page .jobsgl_comm .alignment_leftss.color_client:after {
	border-color: transparent #d6d6d6 !important;
}

/************ Single Job Page End Here ******************/

/************ Manage Jobs & Request Page Started Here **************/
.managejob_page .managejob_table table a {
    width: 100% !important;
}
.managejob_page .managejob_modal #view_exp { 
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #7d7979;
}
.managejob_page .exp_msg{
	color: red;
    text-align: center;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.managejob_page .managejob_modal .form-horizontal .control-label {
    float: none !important;
    width: auto;
    text-align: left;
}
.managejob_page .managejob_modal .container_star i,
.managejob_page .managejob_modal .container_star i:hover ~ i {
  color: #ddd;
  text-shadow: none;
  transition: color 200ms,
  text-shadow 200ms; 
  transition-delay: 0;
}
.managejob_page .managejob_modal .container_star i.active{
	color: #fc0;
	text-shadow: #fc0 0 0 20px;
}
.managejob_page .managejob_modal .container_star i.activepoor{
	color: #f9dc68f5;    
}
.managejob_page .managejob_modal .container_star i.verypoor{
	color: #F44336;    
}
.managejob_page .managejob_modal .container_star i.poor{
	color: #ff8080;   
}
.managejob_page .managejob_modal .container_star i.good{
	color: #74a937;    
}
.managejob_page .managejob_modal .container_star i {
	cursor: pointer;
	font-style: normal;
	font-size: 40px;
    color: #ddd;
}
.managejob_page .managejob_modal .immi_stars {
    width: 100%;
    text-align: center;
	margin-bottom: 22px;
	display:flex;
	justify-content:center;
}
.managejob_page .label-success{
	background-color:#0a900c !important;
}

.managejob_page .paid_status {
    background-color: #029cde !important;
}

.managejob_page  .container_star:hover i:nth-child(2) {
	transition-delay: 30ms;
}
.managejob_page .container_star:hover i:nth-child(3) {
	transition-delay: 60ms;
}
.managejob_page .container_star:hover i:nth-child(4) {
	transition-delay: 90ms;
}
.managejob_page .container_star:hover i:nth-child(5) {
	transition-delay: 120ms;
}
.managejob_page .immi_stars input[type=checkbox] {
	display: none;
}
.managejob_page .managejob_modal button.close {   
    margin-top: 8px;
    margin-right: 10px;
}
.managejob_page .managejob_modal textarea {   
    width: 100% !important;
    height: 100px !important;
}
.managejob_page #client_rating .control-group .controls {
    margin-left: 0px;
}
/************ Manage Jobs & Request Page End Here ******************/

/************ Hot Deal Page Started Here *****************/
.hot_deal_page .disclamer_btn {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 50px;
}
.hot_deal_page .dis_btn[disabled] {
    background: grey !important;
    cursor: not-allowed !important;
}
.hot_deal_page input:checked ~ .checkmark {
    background-color: #545454;
    border-color: #f90;
}
.hot_deal_page input:checked ~ .checkmark:after {
    display: block;
}
.hot_deal_page .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.hot_deal_page input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 20px;
    width: 20px;
    z-index: 9999;
    bottom: unset;
    left: 0px;
    top: 0;
}
.hot_deal_page span#term_pop {   
    font-size: 16px;   
}
.hot_deal_page .checkbox_term {
    text-align: left;
    padding: 0;
    position: relative;
    display: flex;
    max-width: 765px;
    cursor: pointer;
    color: #ffffff;
    font-family: Segoe UI light;
    margin: 0 auto;
    margin-top: 20px;
}
.hot_deal_page .blackout {
    width: 100%;
    height: 100%;
}
.hot_deal_page .checkbox_pos{
	position:relative;
    margin-right: 35px;
}
.hot_deal_page .checkmark {
    position: absolute;
    bottom: unset;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #eee;
}
.hot_deal_page .checkmark:after {
    left: 10px;
    top: -9px;
    width: 7px;
    height: 22px;
    border: solid #ff9900;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.hot_deal_page .imm_hotdeal_slot .thumbnails li {
    width: 22.9% !important;
    min-width: 277px;
    margin-left: 25px !important;
    margin-bottom: 25px !important;
    border-radius: 0;
	float: none !important;
    display: inline-block;
}
.hot_deal_page .thumbnails .thumbnail .indicators {
    z-index: 99 !important;
}
.hot_deal_page .slot-float {
    text-align: center;
}
.hot_deal_page .imm_hotdeal_slot .thumbnails li .thumbnail img {
	width: 100%;
}
.hot_deal_page .imm_hotdeal_slot .thumbnails li .thumbnail {
	padding: 0;
	border: none;
    box-shadow: 0px 0px 8px 2px #f69402;
    border-radius: 0;
}
.hot_deal_page .hotdeal_banner {
    text-align: center;
    color: #fff;
    font-family: Segoe UI light;
	text-transform: uppercase;
	font-weight: 500;
}
.hot_deal_page .hot_btn {
    border: 2px solid #ff9900;
    background: transparent !important;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 0 !important;
    margin: 0 5px 10px 5px;
}
.hot_deal_page .experimental_text {
    font-size: 22px;
    margin-bottom: 30px;
}
.hot_deal_page .slot-float .thumbnails {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    margin-left: -25px;
    justify-content: space-between;
    align-items: center;
}
.hot_deal_page .hotdeal_banner h1 {
    color: #ff9900;
    letter-spacing: 1px;
    font-size: 60px;
    padding-top: 50px;
    line-height: 50px;
    font-weight: 500;
}
/************* Hot Deal Page End Here ********************/

/*********************** COMMON PAGES CSS STARTED HERE ************************/
.testimonial_page .testimonial_heading h1:before, 
.testimonial_page .testimonial_heading h1:after,
.imm_gratitude_head .gradient_heading h1:after,
.imm_wall_head .gradient_heading  h1:after,
.imm_feedbksht_head .gradient_heading h1:after,
.tips-tricks_page .tiptri_header h1:after,
.imm_stories_head .gradient_heading h1:after,
.imm_news-updte .gradient_heading h1:after{
	display: none;
}
.attention {
	top: -15px;
}
.rainbow_bann {
    background: linear-gradient(to right, #f3326f, #ff7d1f, #fddc00, #bffc20, #3aeeaf, #22b8f4, #4b7afe, #b821f8, #e60fe3, #fb1ca0);
    padding: 2px;
    margin: 0px auto 20px;
}
.rainbow_main {
    padding-top: 0px;
}
.rainbow_main h1 {
    text-align: center;
    background: #303030;
    color: #aaaaaa;
    margin: 0;
    font-weight: 500;
    padding: 35px 0;
    letter-spacing: 0.5px;
    font-size: 50px;
    font-family: Segoe UI light;
}
.footer_bottom .logo-list img {
    width: 15%;
    float: right;
    max-width: 200px;
    margin-right: 4.8vw !important;
}
.gradient_heading.custom-hero{
    background: transparent;
    text-align: center;
    padding-bottom: 0;
    margin-bottom: 0;
}
.gradient_heading  p {
    color: #eedfb9;
    font-family: Segoe UI light;
    font-size: 22px;
    margin: 0;
    line-height: 25px;
}
.gradient_heading h4 {
    font-family: Segoe UI light;
    color: #fff;
    font-size: 27px;
    font-weight: 100;
    margin: 0;
    line-height: 35px;
}
.gradient_heading h1{
    color: #fff;
    letter-spacing: 1px;
    padding-top: 0px;
    position: relative;
    font-family: Segoe UI light;
    font-size: 70px;
    font-weight: 100;
    width: max-content;
    line-height: 70px;
    margin: 0 auto 25px;
}
.gradient_heading h1:before {
    content: "";
    background-image: url(../../../../20250804225752im_/https:/artistsnclients.com/img/logo2.png);
    width: 95px;
    height: 95px;
    position: absolute;
    background-size: 95px;
    background-repeat: no-repeat;
    left: -42px;
    top: 0;
    z-index: -1;
}
.gradient_heading h1:after {
    content: "";
    height: 2px;
    width: 92%;
    position: absolute;
    right: 0;
    bottom: -20px;
    background-image: linear-gradient(to right, #f3326f, #ff7d1f, #fddc00, #bffc20, #3aeeaf, #22b8f4, #4b7afe, #b821f8, #e60fe3, #fb1ca0);
}
.img_hover .hover_images img, .img_hover .hover_images {
    opacity: 0;
    height: 0;
}
.img_hover {
    position: relative;
}
.img_hover:hover .hover_images {
    opacity: 1;
    z-index: 9999;
}
.img_hover:hover .hover_images img {
    position: absolute;
    height: 100%;
    opacity: 1;
    z-index: 999;
    right: 0px;
    padding: 1px;
    background: #000;
    border: 0px solid #000;
    box-shadow: 0px 0px 14px 2px #c090c0;
    top: 40px;
    width: unset !important;
    max-width: unset !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.img_hover .hover_images img, .img_hover .hover_images {
    opacity: 0;
    height: 0;
}
.badge {
    background-color: #545454 !important;
    color: #ffffff;
}
.speech-bubble.rec p {
    color: #000;
}

.speech-bubble.sender p {
    color: #000;
}
.blackout {
    left: 0;
    top: 0;
    height: 100%;
}
.thumbnail a:hover .blackout,
.home_slots:hover span.blackout {
	opacity: 0;
}
.imm_news-updte p,
.imm_gratitude_head p,
.imm_wall_head p,
.imm_feedbksht_head p {
    font-size: 16px !important;
    line-height: 24px !important;
}
.imm_news-updte h4,
.imm_gratitude_head h4,
.imm_wall_head h4,
.imm_feedbksht_head h4 {
    font-size: 18px !important;
    line-height: 22px !important;
}

/********************* COMMON PAGES CSS END HERE ***********************/

/********** Responsive css started here *********/
@media only screen and (max-width: 1499px) and (min-width: 1351px){	
	body .graynavbar_imm .navbar-inverse .navbar-inner .container {
		width: 98% !important;
	}	
}
@media only screen and (max-width: 700px){
	.conver_modal  .modal-content {
		width: 100%;
	}
}
@media only screen and (max-width: 1350px) and (min-width: 1200px){
	body .graynavbar_imm .navbar .nav-menu{
		left: -4px !important;
	}
	body.immi_artist_login .graynavbar_imm .navbar .nav-menu > li > a {
		padding: 13px 24px 14px !important;
	}	
	body .graynavbar_imm .navbar .nav > li > a {
		padding: 13px 10px 14px !important;
	}
	body .home_slots {
		width: 21.1vw !important;
	}
	body .graynavbar_imm .navbar .nav .useful_nav:before {
        width: 8px;
		height: 8px;
	}
	.hot_deal_page .imm_hotdeal_slot .thumbnails li {
		width: 31% !important;
	}	
	body .graynavbar_imm .navbar-inverse .navbar-inner .container {
		width: 98% !important;
	}
	.job_single_page .job_side_left, 
	.job_single_page .jobside_right {
		width: 100% !important;
		margin: 10px 0 10px 0 !important;
	}
	.job_single_page .jobsgl_comm .alignment_left .color_client,
	.job_single_page .speech-bubble.color_artist {
	    width: 97% !important;
	}
	.job_single_page .job_main_sec {
		flex-direction: column;
	}
}
@media only screen and (min-width: 1700px) {		
	.job_single_page .jobsgl_comm .alignment_left .color_client,
	.job_single_page .speech-bubble.color_artist {
	    width: 47.1vw !important;
	}
}
@media only screen and (max-width: 1365px) and (min-width: 1290px){
	.graynavbar_imm .navbar-inverse .navbar-inner .container {
		width: 95% !important;
	}
}
@media only screen and (max-width: 1600px) and (min-width: 1200px){
	.profile_page .client-critical-review {
		margin-left: 10px;
	}
	.conversation_page .span8.span_dv8.conver_side li .span6 {
		width: 73.5% !important
	}
}
@media only screen and (max-width: 1199px){
	body .graynavbar_imm .navbar .nav-menu{
		left: -4px !important;
	}
	body.immi_artist_login .nav-right-menus{
		min-width: 100px !important;
	}
	div#index_stories .immi_main_slider .carousel-immi .item ul {
        align-items: stretch;
	}	
	div#index_stories .landscape_box .img_box img {
		min-height: 511px;
	}
	body .immi_main_slider .slider_arrows .rightarrow { 
		right: -45px;
	}
	body .immi_main_slider .slider_arrows .leftarrow{
        left: -45px;
	}
	body .graynavbar_imm .navbar .nav .useful_nav:before {
        width: 8px;
		height: 8px;
	}
	body .graynavbar_imm .logo_nav a {
		margin-right: 10px !important;
	}
	body .graynavbar_imm .navbar .navbar-inner .container {
		width: 1024px !important;
	}		
	.imm_gratitude_messages .wrapper {
		column-count: 2;
	}	
	.job_single_page .job_side_left, 
	.job_single_page .jobside_right {
		width: 100% !important;
		margin: 10px 0 10px 0 !important;
	}
	.job_single_page .job_main_sec {
		flex-direction: column;
	}
	.sign-up-page .signup_banner h1 {
        font-size: 60px;
	}	
	.sign-up-page .sign-width {
		width: 100%;
		margin: 10px 0 10px 0 !important;
	}	
	.sign-up-page .sign-up-slots.top_slots {
		margin-top: 0;
	}	
	.profile_page .span5.profile_left, .profile_page .span5.profile_right {
		width: 100% !important;
		float: unset !important;
		margin: 0 !important;
	}
	.profile_inner {
		flex-direction: column;
	}
	.conversation_page .span8.span_dv8.conver_side,
	.conversation_page .mess_side {
		width: 100% !important;
		margin-left: 5px !important;
	}
	.gettingstrt_content .getting_immi > .span6,
	.termscond_content .terms_immi > .span6 {
		width: 100% !important;
		margin: 0 0 25px 0;
	}	
	.gettingstrt_content .getting_immi, .termscond_content .terms_immi {
		display: block;
		margin: 0;
	}
	.gradient_heading h1 {
		margin: 50px auto 25px;
	}
	.imm_newslots_pg textarea{
		margin: 0 !important;
		width: -webkit-fill-available !important;
	}
	.imm_newslots_pg .span8, .imm_newslots_pg .span4 {
		margin: 0 0 0 10px !important;
		width: 100% !important;
	}
	.imm_newslots_pg .form-rel-slot,
	.imm_nws-up_main .article_box,
	.imm_wallpg_content .post_imm_bg,
	.imm_feedsht_content .toggle_msg_title,
	.imm_wallpg_content .create_post { 
		width: 100%;
	}
}
@media only screen and (max-width: 1024px){	
	.imm_pop_section .popular_inner ul li {
        height: 210px;
		width: 23%;
		max-width: 210px;
	overflow: hidden;}
	body.immi_artist_login .nav-right-menus, body .graynavbar_imm .imm_nav .nav-right-menus {
		min-width: 100px !important;
	}
	.imm_nav ul.nav.pull-right,
	.imm_nav ul.nav {
		width: auto !important;
	}
	.imm_nav ul.nav {
	    margin-right: auto !important;
	}
	body.immi_artist_login .graynavbar_imm .navbar .nav-menu > li > a {
		padding: 13px 10px 14px !important;
	}
	body .graynavbar_imm .navbar .nav > li> a {
		padding: 13px 4px 14px !important;
		font-size: 21px !important;
	}	
	body .graynavbar_imm .navbar .navbar-inner .container {
		width: 950px !important;
	}
	.hot_deal_page .imm_hotdeal_slot .thumbnails li {
		width: 30% !important;
	}	
	.graynavbar_imm ul.nav.pull-right li.dropdown a.dropdown-target.user_id {
		width: 120px !important;
	}
	.tips-tricks_page .article_box {
		width:49.4%;
	}
	.conversation_page .span8.span_dv8.conver_side li .span6 {
		width: 83.9% !important;
		min-width: 900px;
	}
	.FAQ_banner h1.index-slogan {
        font-size: 75px;    
		line-height: 80px;
	}
	.FAQ_question .panel-group {
		width: 85%;
		margin: 0 auto;
	}
	.imm_nws-up_main .article_box .box_colm_txt .box_txt p {
		font-size: 14px;
		line-height: 17px;
		margin-bottom: 10px;
	}	
	.imm_nws-up_main .ftr_article a {
		font-size: 12px;
		margin-right: 18px;
	}
	.imm_nws-up_main .article_txt h2 {
		font-size: 18px;
		line-height: 25px;
	}	
}
@media only screen and (max-width: 1199px) and (min-width: 1025px){
	.imm_pop_section .popular_inner ul li {
		height: 210px;
		max-width: 210px;
	}
	.nav-right-menus { 
		max-width: 320px !important;
		min-width: 320px !important;
	}
	.hot_deal_page .imm_hotdeal_slot .thumbnails li {
		width: 30.6% !important;
	}
	body.immi_artist_login .graynavbar_imm .navbar .nav-menu > li > a{
		padding: 13px 10px 14px !important;
	}
	body .graynavbar_imm .navbar .nav > li > a {
		padding: 13px 6px 14px !important;
		font-size: 21px !important;
	}		
	.tips-tricks_page .article_box {
		width:32.6%;
	}
	.conversation_page .span8.span_dv8.conver_side li .span6 {
		width: 80.9% !important;
		max-width: 900px;
	}	
}
/********** Responsive css end here ************/

/***** background css started here ****/
.imm_backbg_Main {
    position: relative;
}
.imm_backbg_Main:before {
    content: "";
    width: 100vw;
    height: 100%;
    background: #303030;
    position: absolute;
    left: -5vw;
    z-index: -1;
    top: -20px;
    padding-bottom: 90px;
}
body {
    overflow-x: hidden;
}
.custom-hero .des_section small{
	color: #fff !important;
}
.nav-tabs.nav-stacked > li > a {
    border: 1px solid #ddd;
    border-radius: 54px !important;
}
.nav-tabs.nav-stacked > li > a:hover, .nav-tabs.nav-stacked > li > a:focus {
    border-radius: 54px !important;
}

.gradient_background .blackout{
	width: 100% !important;
}

/******** new changes ********/
.imm_wallpg_content .note-wrap {
    width: -webkit-fill-available;
    padding: 20px 55px 20px 10px;
    margin: 0px;
    position: relative;
    font-size: 18px;
    vertical-align: top;
    text-align: left;
    color: #ffffff;
    background: #303030;
    line-height: 20px;
}
.imm_wallpg_content a#like_btn, .imm_wallpg_content a#like_btn:hover {
    cursor: pointer;
    position: absolute;
    outline: 0;
    padding: 2px 10px 2px 11px;
    right: 0;
    margin-right: 10px;
    top: 0px;
    text-decoration: none;
}
.imm_wallpg_content .post_imm_bg .post_admin:first-child {
    padding-top: 0px;
}
.imm_wallpg_content .post_imm_bg .post_admin {
    padding-top: 23px;
}
.imm_wallpg_content .post_imm_bg .post_admin .user_img img {
    width: 38px;
    height: 38px;
    margin-right: 5px;
    object-fit: cover;
    border: 2px solid #a316a3;
	border-radius: 50%;
}
.imm_wallpg_content .note-wrap {
    padding: 5px 0px 20px 0px !important;
}
.imm_wallpg_content .post_img {
    padding-right: 70px;
}
.imm_wallpg_content .post_imm_bg .post_admin {
    display: flex;
    /*align-items: end;*/
	border-bottom: 2px solid #e4d6ed;
}
.imm_wallpg_content .note-wrap {
    border: none;
}
.imm_wallpg_content .post_imm_bg .post_admin {
    border-bottom: 1px solid #ffffff26;
}
.imm_wallpg_content .post_name_comm {
    width: 100%;
    padding-left: 10px;
}
/***** new changes end here ******/ 

/********* hot deal and browser commissions page css hover on img ************/
/*.imm_browser_slot .img_hover:hover .hover_images,
.hot_deal_page .img_hover:hover .hover_images {
	opacity: 0;
    height: 0;
}
.imm_browser_slot .img_hover .hover_images.intro,
.hot_deal_page .img_hover .hover_images.intro {
    opacity: 1;
    z-index: 9999;
}
.imm_browser_slot .img_hover:hover .hover_images img,
.hot_deal_page .img_hover:hover .hover_images img {
    position: absolute;
    height: 100%;
    opacity: 1;
    z-index: 999;
    right: 0px;
    padding: 1px;
    background: #000;
    border: 0px solid #000;
    box-shadow: 0px 0px 14px 2px #c090c0;
    top: 40px;
    width: unset !important;
    max-width: unset !important;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}*/
.announcement_link a {
    text-align: center;
    font-weight: 500;
    color: #ff0080;
    font-size: 20px;
    text-decoration: underline;
}
.announcement_link {
    text-align: center;
    margin-top: 40px;
	margin-bottom: 30px;
}
#announcement-modal .news_section_inner_text small {
    color: #8d228d;
    font-weight: 600;
}
#announcement-modal .modal-body {
    padding: 20px 20px 30px 20px;
}
#announcement-modal button.close {
    opacity: 0.8;
    font-weight: 600;
	z-index: 1;
    top: 10px;
    margin-right: 10px;
    position: absolute;
    right: 0;
}
div#announcement-modal.fade.in.modal {
    top: 40%;
}
#announcement-modal .news_section_inner_text {
    text-align: center;
}
#announcement-modal .news_section_inner_text p {
    text-align: center;
    margin-bottom: 0;
    font-size: 12px;
    margin-top: 5px;
}
#announcement-modal h1.announcement_heading {
    background: -webkit-linear-gradient(#6e046e, #e273e2);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin: 10px 0 0px 0;
    line-height: 28px;
    font-size: 18px;
    text-align: center;
}
@media only screen and (max-width: 1019px) {
	.custom-hero p.lead.text-center {
		font-size: 1.9vw;
	}
}
/* Start quick reply buttons css here */
.quick_rply_btns {
    float: left;
    margin: 0 10px 15px 0px;
    width: 47%;
}
.quickreply_btns {
    flex-wrap: wrap;
}

.wh-reply-form .quickreply_btns {
    display: flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
}

.wh-reply-form .quick_rply_btns button {
    padding: 10px !important;
    border-radius: 5px !important;
	height: 100%;
	width: 100%;
	min-height: 60px;
}
/* End quick reply buttons css here */
.jobpage_sftips{
    float: left;
	color: #ec7878;
    font-size: 16px;
    font-family: Segoe UI light;
    margin: 0px 0px 10px 0px;
    text-decoration: underline;
}
.jobpage_sftips:hover, .jobpage_sftips:focus{
	color: #ec7878;
	text-decoration: underline;
}
.jobs-reply-form textarea{
	margin-top: 10px;
}
/* job listing page status filter css */
.statusbtn{
	border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: 0;
    margin-bottom: 0;
    border: 1px solid #cccccc;
}
.imiedit_bio{
	font-size: 15px !important;
    cursor: pointer;
}
.unconfirmed_table #bio_usr textarea {
    width: -webkit-fill-available;
    resize: none;
    min-height: 100px;
    min-width: 920px;
}
.conversation_page .conver_side a, .conversation_page .conver_side p, #whsp_preview p, .jobsgl_comm .span5 p, .jobsgl_comm .span5 a {
    /*word-break: break-all;*/
}
/******** user search bar css ********/
.comm_banner li.user_search {
    background: transparent !important;
    display: flex;
    align-items: center;
}
.comm_banner li.user_search input {
    margin: 0;
    min-height: 26px;
    margin-right: 5px;
    max-width: 132px !important;
    font-family: Segoe UI light;
    font-size: 15px;
}
.comm_banner li.user_search button {
    min-height: 36px;
    background: #632566 !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fac8f9;
    font-family: Segoe UI light;
    font-size: 18px;
    text-transform: capitalize;
}
/********************** contest banner css started here ******************************/
.wip_text {
    margin-top: 4px !important;
    font-size: 15px !important;
    color: #fff;
}
.wip_text a {
    text-decoration: underline;
    color: #fff !important;
}
.upld_logoform .up_logo_err{
    width: 100%;
    float: left;
    margin-left: 55px;
    color: red;
}
.contest-banner .contest-content {
    background-image: url(../../../../20250804225752im_/https:/artistsnclients.com/img/Banner-cont-home.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 30px 0;
    color: #fff;
    margin: 20px 0 10px;
    text-align: center;
}
.contest-banner .contest-content h2 {
    font-size: 19px;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0 0 0px 0;
}
.contest-banner span.button-contest {
    display: inline-block;
    margin: 0 20px;
    border: 2px solid #fff;
    padding: 5px;
}
.contest-banner .contest-content h1 {
    font-size: 29px;
    font-weight: 200;
    font-family: Helvetica;
    margin: 0px 0;
    line-height: 40px;
}
.contest-banner .contest-content p {
    font-weight: 100;
    font-size: 16px;
    max-width: 700px;
    margin: 15px auto 0;
    line-height: 25px;
}
.contest-banner .contest-content button {
    background: #fff;
    border-radius: 0;
    margin: 0 !important;
    color: #670167;
    padding: 10px 15px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
}

#contest_form .checkmark {
    position: absolute;
    bottom: unset;
    top: 0;
    left: 0;
    right: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #000;
}
#contest_form input[type=checkbox] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 20px;
    width: 20px;
    z-index: 9999;
    bottom: unset;
    left: 0px;
    top: 0;
}
#contest_form .checkbox_pos {
    position: relative;
    margin-right: 35px;
}
#contest_form input:checked ~ .checkmark {
    background-color: #e5e5e5;
    border-color: #000;
}
#contest_form .checkbox_term {
    text-align: left;
    padding: 0;
    position: relative;
    display: flex;
    max-width: 765px;
    cursor: pointer;
    color: #ffffff;
    font-family: Segoe UI light;
    margin: 0 auto;
    margin-top: 20px;
}
div#contest-modal {
    border-radius: 0;
	top: 25%;
    box-shadow: 0px 0px 14px 0px #ffffff;
}
div#contest-modal .imm_job_modals div, div#contest-modal form{
    background: transparent !important;
    color: #020202;
    border-radius: 0;
    margin: 0;
}
div#contest-modal .modal-header {
    border-width: 2px;
    border-bottom: 1px solid #a9a9a9;
    font-family: Segoe UI light;
}
div#contest-modal button.close {
    background: #6b285b;
    opacity: 1;
    color: #fff;
    width: 22px !important;
    min-width: auto !important;
    height: 22px !important;
    min-height: auto !important;
    border-radius: 50%;
    padding: 0px 5.8px;
    text-align: center;
    margin-top: 8px;
}
div#contest-modal button.submit-contest {
    color: #fff;
    height: 35px;
    padding: 6px 15px;
    font-family: Segoe UI light;
    font-size: 16px;
    margin: 0 !important;
}
div#contest-modal button, div#contest-modal .modal-footer a {
    width: auto !important;
    min-width: 90px !important;
    height: 35px;
    border-radius: 0;
    max-height: 35px;	
    margin: 0 0 0 10px;
    line-height: 15px;
    display: inline;
    padding: 10px 15px;
}
div#contest-modal #contest_pop {
	font-size: 16px;
	color: #000;
	font-family: Segoe UI light;
}
div#contest-modal input:checked ~ .checkmark:after {
    display: block;
}
div#contest-modal .checkmark:after {
    left: 10px;
    top: -9px;
    width: 7px;
    height: 22px;
    border: solid #000000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
div#contest-modal .modal-header h5 {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 1px;
}
div#contest-modal .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
#contest_termserr{
	float: left;
    margin: 10px 0px 0px 35px;
    color: red;
}
.contest_podium{
	width: 50px;
	margin-left: 5px;
	top: -15px;
	display: inline-block;
	position: relative;
}
/********************** contest banner css end here ******************************/

/********************** halloween-banner css started here ******************************/

.halloween-banner{
	background-image: url(../../../../20250804225752im_/https:/artistsnclients.com/img/Spooky-Hallowee-Banner-4.jpg);
    background-repeat: no-repeat;
	background-size:cover;
	    height: 27vw;
		position:relative;
}
.halloween_btn_wrp {
    position: absolute;
    right: 0;
    left: 0;
    bottom: 10.5vw;
    text-align: center;
    padding: 23px;
}

.halloween_btn {
	background: linear-gradient( 
45deg, #fbff52, #ff8037);
    display: inline-block;
    width: 6vw;
    margin: 0 auto;
    text-align: center;
    padding: 1vw 2vw;
    color: #000;
    font-size: 1.3vw;
    text-transform: uppercase;
    box-shadow: 0px 0px 17px 6px #061f2d4f;
    font-weight: 600;
    border-radius: 5px;
    text-decoration: none !important;
    font-family: Segoe UI light;
	opacity:1 !important;
}

/********************** halloween-banner css ended here ******************************/

/********************** halloween page css started here ******************************/

.halloween_title {
    margin-bottom: 50px;
}

/********************** halloween page css ended here ******************************/

/********* home page slots css started here **********/
.imm_browser_slot .caption,
.home_slots .caption {
	text-align: left;
    padding: 5px 5px 10px !important;
	position: relative;
    line-height: 25px;
    border: 1px solid #545454;
	background: #545454;
}
.imm_browser_slot .caption .indicators,
.home_slots .caption .indicators {
    top: unset;
    bottom: 5px;
}
.imm_browser_slot .caption a,
.imm_browser_slot .caption,
.home_slots .caption, 
.home_slots .caption a {
    color: #f5e6ff;
}
.imm_browser_slot .caption .indicators span,
.home_slots .caption .indicators span {
    font-size: 12px;
}
.imm_browser_slot .gradient_background,
.home_slots .gradient_background {
    position: relative;
}

.home_slots.hot_deal .caption {
    background: #ff9900;
    border-color: #ff9900;
}
.home_slots.hot_deal 
.gradient_background {
    box-shadow: 2px 2px 10px 0 #ff9900;
}
.home_slots.hot_deal .caption .no-break, .home_slots.hot_deal .caption span, .home_slots.hot_deal .caption  a {
    color: #545454;
}

.home_slots.hot_deal .caption i, .home_slots.hot_deal .caption .indicators span {
    color: #fff !important;
}
/********* home page slots css ended here **********/
/** Home page discover artists and popular tags section css **/
@media only screen and (max-width: 1329px){
	body .discover_sec_home .immi_featured_artist {
		width: 21% !important;
		min-width: auto !important;
	}
}
/********************** black banner css started here ******************************/
 @font-face {
    font-family: 'Minimo Bold';
    font-style: normal;
    font-weight: normal;
    src: url('../../../../20250804225752im_/https:/artistsnclients.com/font/Minimo-Bold.woff') format('woff');
}
html body .blank-bnner-main h1 {
    top: 150px;
    font-size: 135px;
}
.blank-bnner-main h1 span {
    color: #fd017a;
}
.blank-bnner-main p, body .blank-bnner-main h1 {
    color: #feeff6 !important;
    text-transform: uppercase;
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    font-size: 52px;
    margin: 0 auto;
    font-family: 'Minimo Bold';
    text-align: center;
    font-weight: 600;
}
.blank-bnner-main {
    /* background-image: url(/web/20250804225752im_/https://artistsnclients.com/img/april-banner.jpg); */
    /* background-repeat: no-repeat; */
    /* background-size: 100% 100%; */
    /* box-shadow: 0px 0px 20px 2px #565656; */
    /* height: 27vw; */
    position: relative;
    min-height: 100px;
    margin: 20px 0 50px 0;
    /* background-position: center center; */
    /* max-height: 400px; */
}
.black-banner {
    position: relative;
    bottom: -30px;
    margin: 0 auto;
    text-align: center;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
}
a.black-bann-btn:hover, a.black-bann-btn:focus, a.black-bann-btn:active {
	box-shadow: 0px 0px 14px 2px #f9ecf3;
	border-color: #ffebf4;
}
a.black-bann-btn {
    padding: 12px 20px;
    text-decoration: none;
    line-height: 20px;
    border-radius: 50px;
    font-size: 16px;
    font-family: Segoe UI Symbol;
    margin: 0 10px;
    transition: 0.2s ease-in-out;
    width: 200px;
    color: #000;
    background: #fff;
    border: 2px solid #353638;
	box-shadow: 0px 0px 14px 2px #1d1e1e;
}

/********************** black banner css ended here ******************************/


/*********** Discount page css started here *********/

@media only screen and (max-width: 1199px){
	.discounted_title {
		padding-top: 55px !important;
	}
}
@media only screen and (max-width: 1333px){
	.discounted-page ul.thumbnails li img {
		width: 100%;
	}
    body .discounted-page ul.thumbnails li {
        width: 22% !important;
    }
    body .discounted-page ul.thumbnails {
        justify-content: center !important;
    }
}
.discounted-page .thumbnails li .thumbnail img {
    width: 100%;
}
.discounted-page ul.thumbnails li {
    width: 18% !important;
}
.discounted-page .discounted_title h1 {
    color: #ffffff !important;
    font-size: 58px;    
    margin-bottom: 70px !important;
    letter-spacing: 10px;
}
.discounted-page.imm_backbg_Main:before,
.discounted-page.imm_backbg_Main:after{
	padding-bottom: 40px;
	background: #274737;
}
.discounted-page.imm_backbg_Main:after {
    content: "";
    width: 100vw;
    height: 100%;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: -6.2vw;
    top: -20px;
    z-index: -1;
    padding-bottom: 58px;
}
.discounted-page ul.thumbnails {
    justify-content: center !important;
}
.discounted_title h1 {
    font-weight: 600 !important;
    padding: 0 !important;
}
.discounted-page .imm_discounted_slot .thumbnails li .thumbnail {
    /*box-shadow: 0px 0px 8px 2px #cd4242;
    background: #ca4242;
    border-color: #a21c13;*/
}
.discounted-page .imm_discounted_slot .thumbnails li .thumbnail h5, 
.discounted-page .imm_discounted_slot .thumbnails li .thumbnail span, 
.discounted-page .imm_discounted_slot .thumbnails li .thumbnail h6 {
    /*color: #fff !important;*/
}
.discounted_title {
     padding-top: 25px;
}
.imm_discounted_slot{
	margin-top: 30px;
}
.jobsgl_comm .span5 p a {
    word-break: break-all;
    display: block;
    margin-top: 10px;
}
.conversation_page .conver_side p a {
    word-break: break-all;
    display: block;
    margin-top: 10px;
}
/************** Discount page End Here *************/
/** 18-01-2022 **/
@media screen and (max-width:1199px){
	body .graynavbar_imm .navbar .navbar-inner .container {
		width: 100%!important;
	}
	.graynavbar_imm .navbar .nav li.logo_nav a img {
		width: 30px !important;
	}
	.graynavbar_imm .navbar .nav li.logo_nav a {
		font-size: 18px !important;
	}
	body .graynavbar_imm .navbar .nav > li > a {
		font-size: 16px;
	}
	.graynavbar_imm .nav-collapse.imm_nav {
		display: flex !important;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-box;
	}
}
@media screen and (max-width:1260px){
	body:not(.immi_artist_login) .graynavbar_imm .navbar .navbar-inner .container {
		width: 98%!important;
	}
}
/************ 01-02-2022 DISCOUNT SLOT INNER PAGE ************/
.blk_friday .form-actions a, .blk_friday .form-actions button {
    background-image: linear-gradient(#a5003e, #d32962);
    border: 0 !important;
}

.blk_friday .form-actions i {
    margin-right: 5px;
}
/************* job post note css ***********/
.control-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-right: 20px;
}
.control-right.imm_gratitude_messages .imm-side-notes {
    border: 0;
    padding: 0 0 0 18px;
    margin: 0;
    width: 100%;
}
.form_out_button.job-main-frm {
    display: flex;
    align-items: center;
	position: unset;
}
#job-create .form-actions {
    border: 0;
}
.control-right.imm_gratitude_messages {
    margin-top: 0px !important;
    margin: 0;
    padding-left: 50px;
}
.control-right.imm_gratitude_messages .note-wrap{
	border-left: inherit !important;
	font-size: 15px !important;
	margin-bottom: 0px !important;
}
.control-right.imm_gratitude_messages .note-wrap p {
    min-height: 25px !important;
    color: #fff !important;
    background: #58194b !important;
    padding: 15px 15px;
}
.text-area-job {
    padding-right: 20px;
}
.control-right.imm_gratitude_messages .note-wrap:after{
	    border-color: transparent #58194b !important;
}


/******* slot hide and shadow design ********/
.single_slotpg .caption .imm_share_twitter, 
.single_slotpg .caption .imm_share, 
.imm_hotdeal_slot .caption .imm_share_twitter, 
.imm_hotdeal_slot .caption .imm_share, 
.imm_discounted_slot .caption,  
.imm_hotdeal_slot .indicators, 
.imm_discounted_slot .indicators .imm_share_twitter, 
.imm_discounted_slot .indicators .imm_share, 
.home_slots_main .caption .imm_share_twitter, 
.home_slots_main .caption .imm_share, 
.imm_browser_slot .caption .imm_share_twitter, 
.imm_browser_slot .caption .no-break, 
.imm_discounted_slot .caption .no-break, 
.single_slotpg .caption .no-break, 
.imm_browser_slot .caption .imm_share,
.red_lbl {
    display: none;
}
.imm_discounted_slot .caption h5,
.imm_browser_slot .caption h5,
.imm_hotdeal_slot .caption h5,
.single_slotpg .caption h5,
.home_slots_main .caption h5 {
    opacity: 0;
    visibility: hidden;
}
.imm_discounted_slot  .thumbnail {
    border-radius: 0 !important;
    padding: 0;
    border: 2px solid #fff;
}
.homepage .home_slots .gradient_background {
    border: 2px solid hsl(89deg 78% 58%);
    box-shadow: 0px 0px 14px 0px hsl(89deg 78% 58%);
}
.imm_browser_slot .gradient_background, 
.home_slots .gradient_background {
    border: 2px solid #b112b17d;
    box-shadow: 0px 0px 9px 0px #d909d9db;
}
.single_slotpg .indicators ,
.single_slotpg .thumbnail a:hover img,
.single_slotpg .thumbnail a img {
    opacity: 1 !important;
}
.single_slotpg .caption,
.imm_browser_slot .caption {
    margin-top: 22px;
}
.single_slotpg .caption,
.imm_browser_slot .caption,
.home_slots .caption {
    padding: 9px 5px 10px !important;
    border: 1px solid transparent;
    background: transparent;
    z-index: 991;
    /* z-index: 999; */
    margin-bottom: -42px;
}

/********** Client Submit Job Start Here **************/
.submit-slots-main ul {
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0;
    overflow-y: scroll;
    max-height: 300px;
}
.submit-slots-main ul li {
    width: 18%;
    margin: 10px 5px 10px;
    position: relative;
    list-style: none;
}
.submit-slots-main ul li label {
    height: 100px;
    overflow: hidden;
    box-shadow: 0px 0px 10px #303030;
    margin: 0;
    border: 4px solid #303030;
    position: relative;
}
.submit-slots-main ul li label img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform-origin: center;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
}
.submit-slots-main ul li input {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 0;
}
.submit-slots-main ul li input:checked ~ label{
    border-color: #41bf41;
    box-shadow: 0px 0px 10px #41be41;
}
.submit-slots-main {
    margin: 40px 0;
}
.submitprop-title h1:after {
    display: none;
}
.submitprop-title h1 {
    margin-bottom: 5px;
}
.submit-slots-main ul li input:checked ~ label:after {
    background: #00000045;
    opacity: 1;
}
/* .submit-slots-main ul li input:checked ~ label:before{
    visibility: visible;
    opacity: 1;
}
.submit-slots-main ul li label:before {
    content: "\f00c";
    color: #fff;
    font-size: 10px;
    font-family: 'FontAwesome';
    font-weight: 400;
    position: absolute;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    display: flex;
    width: 20px;
    align-items: center;
    height: 20px;
    z-index: 9;
    top: 40%;
    border-radius: 50px;
    border: 2px solid #fff;
    left: 0;
    right: 0;
    visibility: hidden;
    background: #898989;
    opacity: 0;
} */
.submit-slots-main ul li label:after {
    background: transparent;
    position: absolute;
    width: 97%;
    opacity: 0;
    height: 97%;
    top: 2px;
    content: "";
    z-index: 1;
    left: 2px;
}
.submit-slots-main ul li:hover img,
.submit-slots-main ul li input:checked ~ label img {
    transform-origin: center;
    transition: opacity .4s ease-in-out,transform .4s ease-in-out;
    transform: scale(1.10);
    cursor: pointer;
}
.submit-pro-btn button {
    background: #7c2269;
    border: 1px solid #fff;
    color: #fff;
    height: 40px;
    box-shadow: 0px 0px 10px 0px #fff;
    padding: 10px 30px;
    font-family: Segoe UI light;
    font-size: 18px;
    margin: 0 !important;
    min-width: 200px !important;
}
.submit-pro-btn {
    text-align: center;
	padding: 40px 0;
}
div#for_apply .form-actions {
    text-align: center;
}
div#for_apply {
    width: 100%;
    max-width: 800px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.submit-name-title {
    position: absolute;
    z-index: 99;
    left: 3px;
    opacity: 0;
    top: 4px;
    transition: 0.2s ease-in-out;
    max-width: 134px;
    overflow: hidden;
    width: 99%;
    display: flex;
    height: 92%;
    align-items: center;
    justify-content: center;
}
.submit-name-title span {
    width: 100%;
    padding: 2px 8px;
    color: #fff;
    text-align: center;
    line-height: 12px;
    font-size: 11px;
    background: #00000075;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.submit-slots-main ul li:hover .submit-name-title {
    opacity: 1;
}
@media only screen and (max-width: 1110px) {
	.submit-slots-main ul li {
		width: 15%;
	}
}
/************ Client Submit Job End Here **************/

.drodown-popup select {
    width: 100%;
    background: transparent;
	outline: none;
    color: #fff;
    padding: 10px 10px;
    min-height: 40px;
    display: block;
}
.drodown-popup select option {
    color: #000;
}
.drodown-popup {
    max-width: 350px;
}
/************** 22-03-2022 ****************/
.edit-jobimg {
    max-width: 250px;
    margin-left: 180px;
    margin-top: 20px;
}
.comm_scale .btn-group {
    margin: 5px 0;
}

/***** bg dark css *****/
.nav-stacked {
    background: transparent;
}
.page-header h1 {
    color: #fff;
}
body.homepage {
    background: #303030;
}
.footer-row:before {
    background: #303030;
    position: absolute;
    width: 100%;
    left: 0;
    height: 240px;
    z-index: -1;
}
.footer-row {
    margin-top: -20px;
}
.footer_dv {
    padding-top: 20px;
}
.nonheading-wht{
	color: #fff;
}
.page-header h1, .immi_artist_login h4, .immi_artist_login .span6 ul li,
.immi_artist_login .row table th, .immi_artist_login legend,
.immi_artist_login h3, .immi_artist_login h1,
.immi_artist_login .row .unconfirmed_table th{
	color: #fff !important;
}
.immi_artist_login .row .table th, .immi_artist_login .legend,
.immi_artist_login .row .table tbody tr td h3,
.form-boxed legend{
	color: #000 !important;
}
.link-back-to-top, .link_to_bottom_b{
	color: pink !important;
}
.link_to_bottom_b:hover, .link-back-to-top:hover{
	color: pink !important;
}
.immi_artist_login .review-page a, .immi_artist_login .review-page small{
	color: #fff7fe !important;
}
@media only screen and (max-width: 1199px) {
	.imm_pop_section .popular_list:hover .popular_img img {
		transform: unset !important;
	}
    html body .blank-bnner-main h1 {
        font-size: 100px !important;
    }
}
/** 31-03-2022 **/
.txt_grat p{
	color: #cbbd58 !important;
}
.txt_grat p a {
    color: #cbbd58 !important;
}
.blank-bnner-main p, body .blank-bnner-main h1 {
    display: none;
}
.announcment_noti-heading{
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	background:#fc1b5e !important;
}
/*.graynavbar_imm .dropdown.useful_nav a, 
.graynavbar_imm .navbar li.dropdown ul li.gratitude_nav a, 
.graynavbar_imm .dropdown.useful_nav a, 
.graynavbar_imm .navbar li.dropdown ul li.gratitude_nav:hover a {
    color: #ff1f63 !important;
    font-weight: bolder !important;
}*/
.imm_nav .dropdown .helpclr{
    color: #ff1f63 !important;
    font-weight: bolder !important;
}
.homepage .home_slots {
    margin: 14px 15px 15px 0px !important;
    width: 21.5vw !important;
}
.aboutus p, .aboutus li, .aboutus .span3, .feelearn_more,
.well-new{
    color: #fff;
}
.feelearn_more a, .well-new a{
	color: #eb67cb;
}
.tagslots_pg .home_head_imm,.tagslots_pg .no_artist_found{
    color: #fff !important;
}
/** 26-04-2022 **/
.proposal_announcement {
    text-align: center;color: #fff;
}
.proposal_announcement a:hover, 
.proposal_announcement p, 
.proposal_announcement a {
    color: #fff;
    font-family: 'Josefin Sans';
	text-decoration: none;
    font-size: 16px;
}
.proposal_announcement a {
    border: 2px solid #ee1757;
    padding: 7px 30px;
    background: #ee17574d;
    box-shadow: 0 0 14px #ee1757;
}
#markdown-guide h4, #terms h3{
	color: #000 !important;
}
.alert-success{
	margin-top: 10px;
}

.edit-btn-main {
    position: relative;
}
.edit-btn-main:before {
    content: "You can only edit a job listing once.";
    position: absolute;
    width: 190px;
    background: #ff1f63;
    color: #fff;
    top: 28px;
    box-shadow: 0px 0px 3px #ffffff;
    text-align: center;
    opacity: 0;visibility: hidden;padding: 5px 10px;
    transition: all 0.3s ease-in-out;border: 1px solid #ff1f63;
    font-size: 12px;
	left: -70px;
}
.edit-btn-main:after {
    opacity: 0;
    visibility: hidden;content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    background: #ff1f63;
    top: 26px;
    left: 20px;
    transition: all 0.2s ease-in-out;border: 1px solid #ff1f63;
    transform: rotateZ(44deg);
}
.edit-btn-main:hover:before, .edit-btn-main:hover:after {opacity: 1;visibility: visible;}
/********* 30-05-2020 start here ********/
@media only screen and (max-width: 1199px) {
    .tagslots_pg li {
        width: 31% !important;
    }
}
.tagslots_pg li img {
    width: 100%;
    object-fit: cover;
}
.tagslots_pg li {
    width: 24% !important;
    margin: 5px 5px !important;
    display: inline-block;
}
.tagslots_pg .thumbnails {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
}
/************ 30-05-2020 end here **********/
/********* pop new design 31-05-2020 *********/
.grid-coulmns-home .im-pop-sec li.popular_list {
    height: auto !important;
    box-shadow: none !important;
    border: 0 !important;
	width: 25%;
    border-radius: 0 !important;
}
.grid-coulmns-home .im-pop-sec .popular_inner p, 
.grid-coulmns-home .im-pop-sec li.popular_list a {
    text-decoration: none;
    position: relative;
}
.grid-coulmns-home .home_head_imm.home_bg_wht:before {
	display: none;
}
.grid-coulmns-home .im-pop-sec .more_notification .hashtag {
    position: absolute;
    color: #fff;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 20px;
	font-size: 22px;
    height: 20px;
    text-align: center;
    top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.grid-coulmns-home .im-pop-sec a.more_notification:hover {
    text-decoration: underline !important;
	color: #fff !important;
}
.grid-coulmns-home #populartag {
    margin-bottom: 10px;
}
.grid-coulmns-home .im-pop-sec .more_notification h4 {
    font-size: 14px;
    font-weight: 400 !important;
    padding-left: 60px;
    text-align: left;
    margin: 0;
}
.grid-coulmns-home .im-pop-sec .popular_inner p {
    bottom: 0;
    padding-left: 60px;
    display: block !important;
    background: transparent !important;
    color: #fff !important;
    text-shadow: none;
    position: relative !important;
    text-align: left;
}
.grid-coulmns-home .im-pop-sec ul::-webkit-scrollbar {
  width: 8px;
}
.grid-coulmns-home .im-pop-sec ul::-webkit-scrollbar-track {
  background: #505050; 
}
.grid-coulmns-home .im-pop-sec ul::-webkit-scrollbar-thumb {
  background: #8d8d8d; 
}
.grid-coulmns-home .im-pop-sec ul::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.grid-coulmns-home .im-pop-sec ul {
	display: block !important;
	flex-wrap: nowrap !important;	
}
.grid-coulmns-home .im-pop-sec li.popular_list {
	width: 100% !important;
}
.grid-coulmns-home .popular_list h4{
	color: #fff !important;
}
.grid-coulmns-home {
    display: flex;
    align-items: flex-start;
    padding: 50px 0;
}
.grid-coulmns-home .immi_featured_artist {
    width: 22% !important;
    min-width: 200px;
}
.grid-coulmns-home .discover-left {
    margin-left: 20px;
    width: 75%;
}
.grid-coulmns-home .popular_right {
    width: 25%;
}
.grid-coulmns-home .discover_sec_home h4.no-break a {
	font-size: 15px;
}
.grid-coulmns-home .discover_sec_home ul.unstyled.badges-list i,
.grid-coulmns-home .discover_sec_home ul.unstyled.badges-list li {    
    font-size: 14px;
}
.grid-coulmns-home .discover_sec_home .featured_artist_not,
.grid-coulmns-home .discover_sec_home .immi_featured_artist .gradient_background {    
    height: 100%;
}
/* .grid-coulmns-home .discover_sec_home .immi_featured_artist:nth-last-child(2), .grid-coulmns-home .discover_sec_home .immi_featured_artist:nth-last-child(1) {
  display: none;
} */
#image_size h3{
	color: #000 !important
}


.discover_sec_home .immi_featured_artist .gradient_background a {
    position: relative;
    display: block;
}
.discover_sec_home .featured_artist_not:hover a .blackout {
    opacity: 0;
}
/* 19-08-2022 */
.story_panel .heading, .story_panel .immi_member, .story_panel .story_content p {
	color: #fff;
}
.story_panel .immi_member a {
	color: #1fe9e9b0;
}
.graynavbar_imm .navbar.navbar-fixed-top {
    z-index: 999;
}

/**** 05-09-2022 ****/
div#artistcommision_modal {
    border: 2px solid #ffffff;
    border-radius: 0;
    background: #303030;
    box-shadow: 0px 0px 14px 0px #fff;
    z-index: 99999;
}

div#artistcommision_modal button.close {
    background: white;
    opacity: 0.8;
    width: 22px !important;
    min-width: auto !important;
    height: 22px !important;
    min-height: auto !important;
    border-radius: 50%;
    padding: 0px 5.8px;
    text-align: center;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    color: #000000 !important;
    text-shadow: 0 1px 0 #ffffff;
    margin-top: 0 !important;
}
div#artistcommision_modal .modal-body i {
    border: 2px solid #f8bb86;
    color: #f8bb86;
    font-size: 45px;
	margin-left: 20px;
    padding: 20px;
    width: 40px;
    height: 40px;
    line-height: 45px;
    border-radius: 50%;
    text-align: center;
}
div#artistcommision_modal .modal-body {
    text-align: center;
}
div#artistcommision_modal h4.modal-title {
    text-align: center;
    word-spacing: 1px !important;
    font-family: Segoe UI light;
    font-size: 23px !important;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}
div#artistcommision_modal .modal-body p {
    font-weight: 400;
    line-height: 18px;
    font-size: 16px;
    text-align: center !important;
    margin-top: 20px;
}
/*
     FILE ARCHIVED ON 22:57:52 Aug 04, 2025 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:08:20 Sep 22, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.543
  exclusion.robots: 0.021
  exclusion.robots.policy: 0.01
  esindex: 0.011
  cdx.remote: 232.564
  LoadShardBlock: 1249.465 (3)
  PetaboxLoader3.datanode: 996.692 (4)
  PetaboxLoader3.resolve: 517.3 (2)
  load_resource: 445.449
*/