/*---------------Utitlity Start ---------------*/
*{
    font-family: 'Rubik', sans-serif;
}

*::-webkit-scrollbar-track{ box-shadow: inset 0 0 1px #eee; 
    border-radius: 0px;}
*::-webkit-scrollbar{width:5px;height: 5px;}
*::-webkit-scrollbar-thumb{ background: #f34342; 
    border-radius: 0px;height: 5px;}
*::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
}
label.control-label{
    display: block;
}
.modal-backdrop{
    background-color: rgba(0,0,0,0.85);
}
.color_303030{
    color: #303030;
}
.color_000000{
    color: #000000;
}
.color_ffcd4c{
    color: #ffcd4c;
}
.color-e66d73{
    color: #e66d73;
}
.color-b7343a{
    color: #f34342;
}
.color-dc3545{
    color: #f34342;
}
.color-b7343a{
    color: #f34342;
}

.dark-blue {
    background-color: #34495e;
}

.green {
    background-color: #16a085;
}

.blue {
    background-color: #2980b9;
}

.orange {
    background-color: #f39c12;
}

.red {
    background-color: #e74c3c;
}

.purple {
    background-color: #8e44ad;
}

.dark-gray {
    background-color: #7f8c8d;
}

.gray {
    background-color: #95a5a6;
}

.light-gray {
    background-color: #bdc3c7;
}

.yellow {
    background-color: #f1c40f;
    float: none !important;
}

.navi-blue{
    background-color: #1f2533;
}
.light-green{
    background-color: #78a300;
}
.dark-red{
    background-color: #9c382d;
}
.dark-purple{
    background-color: #1c0525;
}
.text-dark-blue {
    color: #34495e;
}

.text-green {
    color: #16a085;
}

.text-blue {
    color: #2980b9;
}

.text-orange {
    color: #f39c12;
}

.text-red {
    color: #e74c3c;
}

.text-purple {
    color: #8e44ad;
}

.text-faded {
    color: rgba(255,255,255,0.7);
}

.btn-danger{
    background-color: #f34342;
    border-color: #f34342;
}
.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}
.badge-primary-outline {
  color: #000;
  border: 1px solid #007bff; }
.color-primary{
    color:#007bff !important;
}
.badge-secondary-outline {
  color: #000;
  border: 1px solid #6c757d; }
.color-secondary{
    color:#6c757d !important;
}

.badge-success-outline {
  color: #000;
  border: 1px solid #28a745; }
.color-success{
    color:#28a745 !important;
}

.badge-info-outline {
  color: #000;
  border: 1px solid #17a2b8; }
.color-info{
    color:#17a2b8 !important;
}
.badge-warning-outline {
  color: #000;
  border: 1px solid #ffc107; }
.color-warning{
    color:#ffc107 !important;
}

.badge-danger-outline {
  color: #000;
  border: 1px solid #f34342; }
.color-danger{
    color:#f34342 !important;
}

.badge-light-outline {
  color: #000;
  border: 1px solid  #f8f9fa; }
.color-light{
    color:#f8f9fa !important;
}
.badge-dark-outline {
  color: #000;
  border: 1px solid #343a40; }

.position{
    left: 10%;
    position: relative;
}
.label.label-status.label-status-active{
    color: #28a745;
}

.label.label-status.label-status-inactive{
    color: #f34342;
}

.label.label-status.label-status-dark{
    color: #000;
}
.ls-_1{letter-spacing: -1px;}
.font-rubik{
    font-family: 'Rubik', sans-serif !important;
}
.font-size-12{font-size: 14px;font-weight: 500;}
.mtu-20{margin-top: -80px;margin-left: 25px;margin-right: 25px;}
.man{color: #f34342;}
.m-tb-10{
    margin-top: 10px;
    margin-bottom: 10px;
}
.pt-30{
    padding-top: 30px;
}
.m-lr-10{
    margin-right: 10px;
    margin-left: 10px;    
}
.p-lr-10{
    padding-left: 10px;
    padding-right:1px;
}
.padding-none {
    padding: 0;
}
.pd-0-5{
    padding: 0 5px;
}
.fade.in{
    opacity: 1;
}
.bg_fff{
    background: #fff;
}
.bg-f2f2f2{
    background: #f2f2f2;
}
.pd-20-10{
    padding: 20px 10px;
}
.pd-0-10{
    padding: 0 10px;
}
.pd-10-20-0{
    padding: 10px 20px 0;
}
.pd-20-20{
    padding: 20px;
}
.pd-lr-0{
    padding-left: 0px;
    padding-right: 0px;
}

.width-300{
    width: 300px;
}
.pd-lr-15-0{
    padding-left: 15px;
    padding-right: 0px;
}
.pd-lr-10-0{
    padding-right: 10px;
    padding-left: 0px;   
}
.pd-lr-10{
    padding-left: 10px;
    padding-right: 10px;
}
.pd-lr-20{
    padding-left: 20px;
    padding-right: 20px;
}
.pd-lr-15-0{
    padding-right: 15px;
    padding-left: 0px
}
.customscroll{
    max-height: 350px;
    overflow-y: auto;
}

.customscroll::-webkit-scrollbar-track{ box-shadow: inset 0 0 1px #eee; 
    border-radius: 0px;}
.customscrollt::-webkit-scrollbar{width:5px;}
.customscroll::-webkit-scrollbar-thumb{ background: #f34342; 
    border-radius: 0px;}
.customscroll::-webkit-scrollbar-thumb:hover {
    background: #b30000; 
}

.customscroll ul li.unread{
    border-radius: 0px !important;
}
.pf-bt-0{
    position: fixed;
    bottom: 0;
    z-index: 9999;
}
.pd-right-5{padding-right:3px;}
.pd-left-5{padding-left:3px;}
.pd-40{padding: 40px;}
.pb-0-pt-10{padding-top: 0;padding-bottom: 10px;}
.pdt-30{padding-top: 30px;}
.pt-40{padding-top: 40px;}
.pd-5{padding: 5px;}
.pd-50{padding-bottom: 50px;}
.pb-5-px{padding-bottom: 5px;}
.pd-5-10{padding: 8px 10px;}
.pd-15{padding: 15px;}
.mt-15{margin-top: 15px;}
.mt-18{margin-top: 18px;}
.mt-20{margin-top: 20px;}
.mb-40{margin-bottom: 60px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-30{margin-top: 30px;}
.pb-33{padding-bottom: 28px;
    padding-top: 28px;}
.font-9{font-size: 9px !important;}
.fs-10{font-size: 10px !important;}
.font-10{font-size: 10px !important;}
.font-11{font-size: 11px !important;}
.font-12{font-size: 12px !important;}
.font-13{font-size: 13px !important;}
.font-14{font-size: 14px !important;}
.font-15{font-size: 15px !important;}
.font-16{font-size: 16px !important;}
.font-22{font-size: 22px !important;}
.font-25{font-size: 25px !important;}
.font-30{font-size: 30px !important;}
.w-50{width: 47.92% !important;float: left;}
.pd-30-10{
    padding: 30px 10px;
}
.mt-25{
    margin-top: 24px;
}
.pdr-0{
    padding-right: 0;
}
.mr-ml-0{
    margin-right: 0px;
    margin-left: 0px;
}
.pb-10{padding-bottom: 10px;}
.b-b{border-bottom: 1px  solid #ccc !important;}
.b-b-eee{border-bottom: 1px  solid #eee !important;}
.border_1_888{border:1px solid #333 !important;}
.pb-pt-10{padding-top: 10px;padding-bottom: 10px;}
.pd-20-15{padding: 30px 15px;}
.pd-20-5{padding: 30px 5px;}
.border-radius-1{border-radius: 1px;}
.b-dotted{
    border-style: dotted;
}
.ml-10{
    margin-left: 10px;
}
.bt-br-bl-0{
    border-left: none;
    border-top: none;
    border-right: none;
}
.bb-0{
    border-bottom: none !important;
}
.b-none{
    border: none !important;
}
.cu-ul{
    list-style-type: disc;
}
.ul-font-12 li{
    font-size: 12px;
}
.ul-pdl-30{
    padding-left: 30px;
}
.ul-pdl-30 li{
    padding-left: 10px;
}
.table-border-none tr td{
    border: none;
}
.href-link{
    color: #fff !important;
    text-decoration: underline !important;
}
.href-link_blck{
    color: #000;
    /*text-decoration: underline !important;*/
}
.display-block
{
    display: block;
}
.lbl_text{
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
}
.validator_error{
    color: red;
    width: 100%;
    float: left;
    margin-top: 5px;
    font-weight: 300;
    font-size: 13px;
}
.hide{
    display: none;
}
.fade-home-item .item{
  opacity:0.4;
  transition:.4s ease all;
  margin:0 5px;
  transform:scale(.95);
}
.fade-home-item .active .item{
  opacity:1;
  transform:scale(1);
} 
.item-image{
    border-radius: 50%;
    display: block;
    overflow: hidden;
    margin: 20px auto 20px;
    float: none!important;
    width: 200px;
    height: 200px;
}
.border-radius-4{
    border-radius: 4px !important;
} 
.margin-y-10{
    margin: 0 10px;
}
.width-150-px{
    width: 150px;
}

figure{
    text-align: center;
}
.view_detail_btn_danger{
    padding: 2px 30px;
    border: 2px solid #f34342;
    font-size: 12px;
    font-weight: 500;
    color: #f34342;
    /*transition: all 0.6s ease 0.3s;*/
}
.view_detail_btn_danger:hover{
    color: #fff;
    background-color: #f34342;
    border-color: #f34342;
}
.view_detail_btn{
    padding: 2px 20px;
    border: 2px solid #000;
    color: #000;
    font-size: 12px;
    font-weight: 500;
    /*transition: all 0.6s ease 0.3s;*/
}
.view_detail_btn:hover{
    color: #fff !important;
}
.view_detail_btn_fff{
    padding: 2px 30px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 12px;
    font-weight: 500;   
}
.ls_1{
    letter-spacing: 1px;
}
.pdl-10{
    padding-left: 10px;
}
.mb-50{
    margin-bottom: 50px;
}
.width-120{
    width: 120px;
}
.mt-50{
    margin-top: 50px;
}
.mt-56{
    margin-top: 50%;
}
.mt-60{
    margin-top: 60px;
}
.mt-70{
    margin-top: 70px;
}
.mt-80{
    margin-top: 80px;
}
.mt-90{
    margin-top: 90px;
}
.mt-95{
    margin-top: 86%;
}
.text-underscore{
    text-decoration: underline;
}
.alert-dark-black{
    background:#000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 0;
    font-size: 13px;
}
.text-ellipsis{
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}
.pdl-120{
    padding-left: 120px;
}
.pd-20-20-0{
    padding: 20px 20px 0px;
}


.blog-list ul li .blog-caption h4 {
    letter-spacing: 0.0010em;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-top: 0px;
}

.camera-clip:before,
.camera-clip:after{
    content: "";
    width: 15px;
    height: 10px;
    position: absolute;
    opacity: 0;
    transform: scale(1);
    transition: all 0.6s ease 0.3s;
}
.camera-clip:before{
    border-left: 3px solid #f34342;
    border-top: 3px solid #f34342;
    top: 2px;
    left: 2px;
}
.camera-clip:after{
    border-bottom: 3px solid #f34342;
    border-right: 3px solid #f34342;
    bottom: 2px;
    right: 2px;
}
.camera-clip:hover:before,
.camera-clip:hover:after{
    opacity: 1;
    transform: scale(1.5);
}
.blog-caption small{
    text-transform: uppercase;
    font-size: 65%;
}
.blog-list ul li .blog-caption h5{
    margin-bottom: 10px;
    padding-right: 10px;
}
.blog-list ul li .blog-caption h5 a{
    color: #111;
}
.lbl{
    font-family: 'Rubik', sans-serif;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.lbl-outline-danger{
    color: #f34342;
    background-color: transparent;
    background-image: none;
    border-color: #f34342;
}
.jd_model_right{
    border-right: 1px solid #f34342;
}
.jd-table{
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.jd-table strong{
    font-weight: 600;
}
.jd-table tr td{
    padding: 5px 0;
}
.tbl-border-bottom tr td {border-bottom: 1px solid #f2f2f2 !important; border-top: none;}
.pdr-15{
    padding-right: 15px;
}
.border-radius-100{
    border-radius: 100%;
}
.border-radius-0{
    border-radius: 0 !important;
}
.br-pd{
    border: 1px solid #f2f2f2;
    padding: 0 3px;
}
.hidden-checkbox{
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}
.alert-fixed {
    position: fixed;
    z-index: 999;
    right: 0px;
    width: 300px;
    border-radius: 4px;
}
.jd_time_slot{
    width: 55px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
}
.jd_time_slot:hover{
    background: #000;
    color: #fff;
}
.jd_time_slot label{
    cursor: pointer;
}
.project_title {color: #000; text-transform: uppercase; font-weight: 700;margin-bottom: 10px;font-size: 20px;letter-spacing: 1px;}
.project_title a{color: #000; text-transform: uppercase; font-weight: 700;font-size: 20px;}
.select2.select2-container.select2-container--default.select2-container--below.select2-container--open{
    width: 100% !important;
    min-height: 38px;
}
/*.select2-container .select2-selection--multiple{}*/
/*---------------Utitlity End ---------------*/
.user-info-dropdown .dropdown-toggle .user-name{
    /**/
    line-height: initial;
}
.user-info-dropdown .dropdown-toggle {
    padding: 3px 5px;
    /*padding: 1px 5px;*/
    font-size: 11px;
    /*border: 2px solid #f34342;*/
}
.user-info-dropdown .dropdown-toggle .user-icon {
    /*#f34342*/
    width: 22px;
    height:22px;
    border: 1px solid transparent;
    color: #000;
    background: transparent;
    line-height: 22px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
}
.my-acitvities-dropdown-toggle::after{
    vertical-align: bottom !important;
    content: "\f3d0" !important;
    font-family: "Ionicons" !important;
    font-size: 14px;
    color: #000;
    margin-left: 0;
    position: relative;
    top: 0px;
}
.dropdown.show > .dropdown-toggle::after {
    content: "\f3d8" !important;
    vertical-align: bottom !important;
    font-family: "Ionicons" !important;
}

.padding-access-all{
    padding: 5px 10px;
    border-radius: 0;
}
.padding-access-all p{
    font-size: 11px;
    line-height: initial;
}
.user-call-us{
    float: right;
    margin-right: 0px;
    /*padding: 22px 20px 10px 0;*/
    /*padding: 15px 20px 15px 0;*/
    padding: 13px 12px 6px 0;
}
.user-call-us p{
    margin: 0;
    line-height:initial;
    color: rgba(255,255,255,.55);
    font-size: 12px;
    letter-spacing: 0.019em;
}
.user-call-us p small{
    font-size: 100%;
    font-weight: 800;
}
.user-call-us small a{
    color:rgba(0,0,0,.98);
}


@media only screen and (max-width: 480px){
 .user-call-us {
    float: right;
    margin-right: 15px;
    padding: 5px 0px 0px 0;
    /* font-size: 23px; */
    position: relative;
    top: 0; 
}
.user-call-us p small {
    font-size: 200%;
    font-weight: 800;
}
.user-call-us p small i{
    color: #f34342;
}
}
/*----------------Search Tab Design & Development Css Start Here-------------------------*/

#search_banner{
    background: url('../images/search_banner.jpg') no-repeat;
    background-size: cover;
    padding: 80px 0 270px;
    color: #fff;
}
.banner_slider_view{
    padding: 20px 0 60px!important;
}
.input-group-text-search_banner{
    padding: 0;
}
.input-group-text-search_banner i{
     transform: rotate(270deg);
}
.form-widht{
    width: 93%;
}
.form-widht-header-active{
    width: 90%;
}
.search-banner-tab-header-active{
    float: left;
    padding: 0;
    margin-left: 26%;
    position: relative;
    width: 65%;
    padding-top: 7px;
}
.tab-content-header-active{
    margin-top: 0 !important;
}
.search-banner-input{
    display: block;
    width: 100%;
    padding: 0.35rem 0.15rem 0.15rem .98rem;
    font-size: .65rem;
    line-height: initial;
    color: #495057;
    text-transform: uppercase;
    background-color: inherit;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 0.25rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    height: 24px;
}
.search-banner-input:focus {
    color: #131e22;
    background: #f2f2f2;
     /*background-image: linear-gradient(to bottom, #eeeeee, #ebebeb 14%, #e3e3e3 60%, #c1c1c1);*/
    -webkit-box-shadow: 0px 0px 0px 0px transparent;
    box-shadow: 0px 0px 0px 0px transparent;
}

.form-control-gray{
    display: block;
    width: 100%;
    padding: 0.55rem 0.25rem 0.55rem 0.75rem;
    font-size: .65rem;
    line-height: 1.5;
    color: #495057;
    text-transform: uppercase;
    background-color: #f1f1f1;
    background-clip: padding-box;
    border: 1px solid #f1f1f1;
    border-radius: 1px solid #f1f1f1;
}

.form-control-gray{
    color: #131e22;
    background-color:#f2f2f2;
    border: 1px solid #f2f2f2;
}
.search_button{
    padding: 0.595rem 0.75rem;
    border-radius:0;
}
.search-banner-tab .nav-tabs{
    border-bottom: 0 none;
}
.search-banner-tab .nav-tabs li{
    margin-right: 0px;
    width:calc(100%/5);
    position: relative;
    text-align: center;
}
.search-banner-tab .nav-tabs li a{
    border: none;
    padding: 3px 0px 0;
    color: #fff;
    background: transparent;
    font-weight: 400;
    border-radius: 0;
    border: 1px solid #fff !important;
    border-radius: 4px !important;
    margin:0 3px;
    text-transform: uppercase;
    font-family: 'Rubik', sans-serif;
    font-size: 11px;
}
.search-banner-tab .nav-tabs li:last-child a{
    border-right: 1px solid #979797 !important;
}
.search-banner-tab .nav-tabs li a i{
    font-size:12px;
    margin-right:10px;
}
.search-banner-tab .nav-tabs li a:hover{
    background: #fff;
    color:#000 !important;
}
.search-banner-tab .nav-tabs li a.active,
.search-banner-tab .nav-tabs li a.active:focus,
.search-banner-tab .nav-tabs li a.active:hover{
    background: #fff;
    color: #000 !important;
    border: 1px solid #fff !important;
    transition: background 0.20s linear;
}
.search-banner-tab .nav-tabs li a.active:after {
    content: "";
    position: absolute;
    top: 25px;
    left: 40%;
    border: 0.7em solid transparent;
    border-top-color: transparent;
    transform: rotate(180deg);
}
.search-banner-tab .nav-tabs li a.active:before{
    content: "";
    position: absolute;
    top: 25px;
    left: 40%;
    border: 12px solid transparent;
    border-top-color: transparent;
    transform: rotate(180deg);
}
.search-banner-tab .tab-content{
    position: relative;
    background: #f1f1f1;
    /*background-image: linear-gradient(to bottom, #eeeeee, #ebebeb 14%, #e3e3e3 60%, #c1c1c1);*/
    line-height: 25px;
    padding:0px;
    margin-top: 20px;
    border-radius: 0px;
    border: 1px solid #f34342;
}
.custom-control-label {
    font-size: 12px;
    letter-spacing: 0px;
    vertical-align: text-top;
    line-height: initial;
}
.custom-control-label label{
    font-size: 12px;
    letter-spacing: 0px;
}

.custom-control-label::before {
    width: 15px;
    height: 15px;
    top: 5px;
    background-color: transparent;
    border: 1px solid #ccc;
}
.custom-control-inline{
    padding-left: 20px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    /**/
}
.fix-width{
    width: calc(100%/4);
}
.fix-width-2{
    width: 157px;
}
.fix-width-100{
    width: 100%;
}
.fix-width-4{
    width: 110px;
}
.search_container{
    position: absolute;
    width: 100%;
    background: #fff;
    z-index: 99;
    color: #000;
    top: 40px;
}

.search_container:after {
    content: "";
    position: absolute;
    top: -22px;
    right: 10%;
    border: 0.7em solid transparent;
    border-top-color: #ffffff;
    transform: rotate(180deg);
}
.search_container:before{
    content: "";
    position: absolute;
    top: -22px;
    right: 10%;
    border: 12px solid transparent;
    border-top-color: #ffffff;
    transform: rotate(180deg);
}

.search_container.job-list-filter-area{
    top: 100%;
    left: 2%;
}
.search_container .left_area{
    border-right: 1px solid #ccc;padding: 0px;
}
.search_container .left_area .talent_container{
    /*border-bottom: 1px solid #ccc;*/
    margin-bottom: 10px;padding-bottom: 15px;padding-left: 10px; padding-right: 10px;
}
.search_container .left_area .age_container{
    /*border-bottom: 1px solid #ccc;*/
    margin-bottom: 10px;padding-left: 10px; padding-right: 10px;
}
.search_container .left_area .language_container{
    /*border-bottom: 1px solid #ccc;*/
    margin-bottom: 10px;padding-bottom: 15px;padding-left: 10px; padding-right: 10px;
}
.search_container .left_area .cd_container{
    padding-left: 10px; padding-right: 10px;
}

.search_container .right_area{
    /*padding: 5px;*/
}
.search_container .right_area .gender_container{
    border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 15px;padding-left: 10px; padding-right: 10px;
}
.search_container .right_area .audition_city_container{
    border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-left: 10px; padding-right: 10px;padding-bottom: 23px;
}
.search_container .right_area .audition_type_container{
    border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 15px;padding-left: 10px; padding-right: 10px;
}
.search_container .right_area .audition_shoot_container{
    padding-left: 10px; padding-right: 10px;
}
@media only screen and (max-width: 480px){
    .user-call-us p {
        text-align: center;
        line-height: initial;
    }

    #search_banner{
        padding:20px 0 40px;
        background: none;
    }
    #search_banner h1{
        font-size: 17px !important;
        margin-bottom: 20px !important;
        padding: 0 40px;
        letter-spacing: 0.6px;
    }
    .search-banner-tab .nav-tabs li{
        width: 20%;
        margin-bottom: 0px;
    }
    .search-banner-tab .nav-tabs li a{
        padding: 3px;
        font-size: 46%;
        word-wrap: break-word;
    }
    .search-banner-tab .nav-tabs li.active:after {
        border:none;
    }
    .search-banner-tab .nav-tabs li.active a:after{
        width:97%;
        left:1.5%;
    }
    .search-banner-tab .tab-content{
        margin-top: 15px;
        position: relative;
    }
    .search-banner-tab .nav-tabs li a.active:after {
        content: "";
        position: absolute;
        top: 25px;
        left: 40%;
        border: 12px solid transparent;
        border-top-color: transparent;
        transform: rotate(180deg);
    }
    .search-banner-tab .nav-tabs li a.active:before{
        content: "";
        position: absolute;
        top: 25px;
        left: 40%;
        border: 12px solid transparent;
        border-top-color: transparent;
        transform: rotate(180deg);
    }
    .search-banner-tab .nav-tabs li a {
        height: auto;
/*        border-left: 1px solid #979797 !important;
        border-top: 1px solid #979797 !important;
        border-bottom: 1px solid #979797 !important;
        border-right: 0px solid transparent !important;*/
    }
    .search-banner-tab .nav-tabs li:last-child a {
        border-bottom: 1px solid #979797 !important;
    }
    .search_container{
        position: absolute;
        width:100%;
        background: #fff;
        border: 1px solid #ccc;
        z-index: 99;
        top: 40px;
        /*box-shadow: 1px 2px 13px 1px #cdcdcd;*/
    }
    .search_container:before,.search_container:after{
        right: 25%;
    }
    .search_container .left_area {
        border-right: 0px solid transparent;
    }
    .cd_container{
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }
    .fix-width-4{
        width: 115px;
    }
    .fix-width {
        width: calc(100%/4);
    }
    .fix-width-2 {
        width: 111px;
    }
    .fix-width-100 {
        width: 110px;
    }
    .card-home-transparent .card-body .card-title{
        font-size: 14px;
    }
    .xs-padding-5{
        padding-left: 5px !important; 
        padding-right: 5px !important; 
    }
    .card-home-transparent .card-body .card-title {
        font-size: 11px !important;
        font-weight: 500 !important;
    }
}
/*----------------Search Tab Design & Development Css End Here-------------------------*/
/*-----------Step Div Start-----*/
#step_audition{
    background: transparent;
    margin-top: 3.5%;
}
.card-home-transparent{
    background: transparent;
}
.card-home-transparent .card-body{
    background: #f34342;
    margin: 0 !important;
}
.card-home-transparent .card-body .card-title{
    color: #fff;
    font-family: 'Rubik', sans-serif;
    /**/
    font-size: 14px;
    margin-bottom: 0; 
}

/*-----------Step Div End-----*/
/*-----------Audition Container Start-----*/
#audition_container{
    margin: 10px 0;
    padding: 10px 0;
}
#audition_container_1{
    /*margin: 30px 0;
    padding: 10px 0;
    border: 1px solid #eee;*/
    margin: 30px 18px 0px 8px;
    padding: 10px 0;
    border: 1px solid #eee;
    box-shadow: 0px 3px 5px 1px #ddd;
}

#audition_container_1>.container-fluid{
    padding-right: 0px;
    padding-left: 0px; 
}

#audition_container_2{
    /*margin: 30px 0;
    padding: 10px 0;
    border: 1px solid #eee;*/
    margin: 10px 18px 0px 8px;
    padding: 10px 0;
    border: 1px solid #eee;
    box-shadow: 0px 3px 5px 1px #ddd;
}

#audition_container_2>.container-fluid{
    padding-right: 0px;
    padding-left: 0px; 
}

#audition_container_3{
    margin: 10px 18px 0px 8px;
    /*padding: 10px 0;*/
    /*border: 1px solid #eee;*/
    /*box-shadow: 0px 3px 5px 1px #ddd;*/
}
#audition_container_3>.container-fluid{
    padding-right: 0px;
    padding-left: 0px; 
}

#audition_container_4{
    margin: 10px 18px 0px 8px;
    /*padding: 10px 0;*/
    /*border: 1px solid #eee;*/
    /*box-shadow: 0px 3px 5px 1px #ddd;*/
}
#audition_container_4>.container-fluid{
    padding-right: 0px;
    padding-left: 0px; 
}

#audition_container_5{
    margin: 10px 18px 15px 8px;
    /*padding: 10px 0;*/
    /*border: 1px solid #eee;*/
    /*box-shadow: 0px 3px 5px 1px #ddd;*/
}
#audition_container_5>.container-fluid{
    padding-right: 0px;
    padding-left: 0px; 
}

#audition_container_7{
    margin: 10px 18px 15px 8px;
    /*padding: 10px 0;*/
    /*border: 1px solid #eee;*/
    /*box-shadow: 0px 3px 5px 1px #ddd;*/
}
#audition_container_7>.container-fluid{
    padding-right: 0px;
    padding-left: 0px; 
}

.blog-by p{
    color: #000;
    font-size: 13px;
    margin-left: 0px;
}
.blog-by p small{
    font-size: 12px;
    margin: 0 5px 0 0;
}
.blog-by p small:nth-child(2){
    margin: 0 0 0 5px;
}
.blog-img img{
    border-radius: 2px 0px 0px 2px;
    height: 100%;
}
.width-25{
    width: 25px;
}
.width-30{
    width: 30px;
}
.social-width-34{
    width: 34px;
}

.slide-audition{
    position: relative;
    width: 100%;
}
/*.owl_navigation{*/
    /*position: relative;*/
    /*width: 100%;*/
    /*z-index: 9;*/
    /*top: 20%;*/
/*}*/
.owl-theme .owl-nav .disabled{
    opacity: 0 !important;
}
.owl_navigation .owl_left_nav{
    position: absolute;
    float: left;
    left: -1.25%;
    top: 25%;
    z-index: 9;
}
.owl_navigation .owl_left_nav p{
     cursor: pointer;
    /* background: #fff; */
    padding: 7px 15px;
    /* border-radius: 10px 0 0 10px; */
    /* box-shadow: -2px 0px 18px 0px #ccc; */
    font-size: 33px;
    color: #f34342;
}
.owl_navigation .owl_right_nav {
    right: -1.20%;
    position: absolute;
    float: right;
    top: 25%;
    z-index: 9;
}
.owl_navigation .owl_right_nav p{
    cursor: pointer;
    /* background: #fff; */
    padding: 7px 15px;
    /* border-radius: 10px 0 0 10px; */
    /* box-shadow: -2px 0px 18px 0px #ccc; */
    font-size: 33px;
    color: #f34342;
}
.owl_job_details{
    /*position: relative;*/
    width: 100%;
    z-index: 9;
    top: 1%;
}
.owl_job_details .owl_left_nav{
    position: absolute;
    float: left;
    left: 0%;
    /*left: -5.00%;*/
    top: 0;
    z-index: 9;
}
.owl_job_details .owl_left_nav p{
    cursor: pointer;
    background: #000;
    padding: 15px 5px 15px;
    border-radius: 0px;
    /*box-shadow: -2px 0px 18px 0px #ccc;*/
    font-size: 15px;
    color: #fff;
    margin-bottom: 0;
}
.owl_job_details .owl_right_nav {
    /*right: -5.00%;*/
    right: 0%;
    position: absolute;
    float: right;
    top: 0;
    z-index: 9;
}
.owl_job_details .owl_right_nav p{
    cursor: pointer;
    background: #000;
    padding: 15px 5px 15px;
    border-radius: 0px;
    /*box-shadow: -2px 0px 18px 0px #ccc;*/
    font-size: 15px;
    color: #fff;
    margin-bottom: 0;
}
.fs-11-pd-9-17{
    font-size: 13px;
    padding: 6px 39px 6px 15px;
    border: 1px solid #000;
    color: #000;
    text-align: left
}
.item-images-sm{
    border-radius: 50%;
    display: block;
    overflow: hidden;
    margin: 5px auto 15px;
    float: none!important;
    width: 75px;
    height: 75px;
}
.item-images-sm img{
    width: 100%;
}

.item-images-md{
    border-radius: 5%;
    display: block;
    overflow: hidden;
    margin: 15px auto 5px;
    float: none!important;
    width: 100%;
    height: 120px;
}
.item-images-md img{
    width: 100%;
    height: 120%;
}

.width-338{
    width: 300px;
}
.position-fixed-bottom-15{
    position: fixed;
    bottom: 15px;
}
.camera-clip:brfore{

}
.link-wo{
    color: #000;
    font-weight: 500;
}

/*-----------Audition Container End-----*/

/*-----------Casting Director Section Start-----*/

.circle-tile {
    margin-top: 15px;
    margin-bottom: 0px;
    text-align: center;
}

.circle-tile-heading {
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto -40px;
    border: 1px solid rgba(255,255,255,0.3);
    border-radius: 100%;
    color: #fff;
    transition: all ease-in-out .3s;
    font-size: 30px;
    padding-top: 14px;
}
.circle-tile-heading-flot {
    position: relative;
    background: transparent;
    width: 80px;
    height: 80px;
    margin: 0 auto -40px;
    border: 1px solid rgba(255,255,255,0.0);
    border-radius: 0;
    color: #fff;
    transition: all ease-in-out .3s;
    font-size: 30px;
    padding-top: 20px;
    text-decoration: underline;
}
.count_title_head{
    float: left; padding: 0 10px; font-size: 24px !important;
}
.count_title_circle{
    float: right;
    line-height: 72px;
    font-size: 21px;
    position: relative;
    margin-right: 10px;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    border: 2px solid #fff;
    margin-top: 10px;
}

.circle-tile-heading-flot {
    background: 0 0;
    border: 1px solid rgba(255,255,255,0);
    border-radius: 0;
    padding-top: 20px;
}

.circle-tile-heading, .circle-tile-heading-flot {
    margin: 0 auto -40px;
    color: #fff;
    font-size: 30px;
    height: 80px;
    width: 80px;
    transition: all ease-in-out .3s;
    position: relative;
    text-decoration: underline;
}
.text-faded {
    color: #fff;
    font-size: 17px;
    text-transform: capitalize;
    top: 30px;
    position: relative;
}
.min-height-100 {
    min-height: 100px;
    height: 100px;
    color: #fff;
    text-align: center;
}
#casting_director{
    background: #fff;
    padding: 50px 0;
}
.popular-casting-team h4{
    font-size: 19px;
    font-weight: 600;
    margin-bottom: 20px;
}
.popular-casting-team p{
    font-size: 12px;
    font-weight: 600;
}
.popular-casting-team p a{
    width: 140px;
    font-size: 11px;
    font-weight: 600;
    border: 2px solid;
    padding: 2px;
}
.our-cd-team{
    background: #fff;
    text-align: center;
}
.our-cd-team .pic{
    position: relative;
    overflow: hidden;
    transform: scale(1);
    transition: all 0.3s ease 0s;
}
.our-cd-team:hover .pic{
    transform: scale(1.01);
}
.our-cd-team .pic:after{
    content: "";
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 900px rgba(255, 255, 255, 0.5);
    position: absolute;
    bottom: -100px;
    right: -100px;
    opacity: 0;
    transform: scale3d(0.5, 0.5, 1);
    transform-origin: 50% 50% 0;
    transition: all 0.35s ease 0s;
}
.our-cd-team:hover .pic:after{
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}
.our-cd-team .pic img{
    width: 100%;
    height: auto;
}
.our-cd-team .read-more{
    width: 100px;
    padding: 0 15px 15px 0;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0.35px;
    text-align: right;
    text-transform: uppercase;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: 0;
    z-index: 1;
    transform: translate3d(20px, 20px, 0px);
    transition: all 0.35s ease 0s;
}
.our-cd-team:hover .read-more{
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}
.our-cd-team .team-content{
    padding: 10px !important;
}
.our-cd-team .title{
    font-size: 15px;
    font-weight: 600;
    color: #000;
    text-transform: capitalize;
    margin: 0 0 8px 0;
    text-align: left !important;
}
.our-cd-team .post{
    font-size: 11px;
    font-weight: 600;
    color: #333;
    line-height: initial;
    text-align: left !important;
    text-transform: capitalize;
    margin-bottom: 0;
}
@media only screen and (max-width: 990px){
    .our-cd-team{ margin-bottom: 0px; }
}
/*-----------Casting Director Section End-----*/

/*-----------What People Section Start-----*/
#people_say{
    background: #fff;
    padding: 50px 0;
}

.counter-show p{font-size: 23px; font-weight: 600;line-height: initial;font-family: 'Rubik', sans-serif;color: #fff;}
.counter-show p small{display: block; font-size: 11px;}
/*-----------What People Section End-----*/
/*---------------Footer Section Start----------------*/
.get_alerts_btn{
    padding: 2px 19px;
    border: 2px solid #fdfdfd;
    font-size: 11px;
}
.bg-d8d8d8{
    background: #d8d8d8 !important;
}

.footer-wrap ul {
    display: block;
}
.footer-wrap ul li{
    display: inherit;
    list-style-type: none;
    text-align: left;
    margin-bottom: 10px;
}
.footer-wrap ul li a{
    padding: 0;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}
.footer_bottom_ul li {
    line-height: initial !important;
}
.footer_bottom_ul li a{
    color: rgba(255,255,255,0.6) !important;
    font-weight: 400 !important;
    font-size: 11px !important;
}
.grow_with_us{
    font-size: 33px;
    text-align: center;
    border-bottom: 1px solid #fff;
    font-family: 'Rubik', sans-serif;
}
.ftsize{
    color: #f34342;
    letter-spacing: 2.4px;
    font-size: 34px;
    margin-bottom: 0;
    padding: 0;
    font-weight: 600;
}
.ftsize span{
    letter-spacing: 1px;
}
.social-icon{
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    /*padding: 8px 12px;*/
    margin-right: 8px;
}
.footer_link {color: #f34342; text-align: right;}
.footer_link a{color: #f34342; text-decoration: underline;}
.social-icon.facebook{padding: 8px 12px;}
.social-icon.facebook:hover{background:#3a589e ;color: #fff; border-color: #3a589e;}
.social-icon.twitter{padding: 8px 10px;}
.social-icon.twitter:hover{background:#429cd6 ;color: #fff; border-color: #429cd6;}
.social-icon.instagram{padding: 8px 10px;}
.social-icon.instagram:hover{background:#125688 ;color: #fff; border-color: #125688;}
.social-icon.youtube{padding: 8px 10px;}
.social-icon.youtube:hover{background:#dd2c28 ;color: #fff; border-color: #dd2c28;}


.facebook_btn{background:#3a589e ;color: #fff; border-color: #3a589e;}
.facebook_btn:hover{background:#4c70ba ;color: #fff; border-color: #4c70ba;}
.twitter_btn{background:#429cd6 ;color: #fff; border-color: #429cd6;}
.twitter_btn:hover{background:#83c3f3 ;color: #fff; border-color: #83c3f3;}
.instagram_btn{background:#cd486b ;color: #fff; border-color: #cd486b;}
.instagram_btn:hover{background:#bc2a8d ;color: #fff; border-color: #bc2a8d;}

#news_subscribe_section{
    padding:30px 0 90px;
    background:url('../images/subscribe_img.jpg');
    background-size: cover;
    min-height: 450px;
}
.custom-form-controle{
    display: inline;
    padding: 0.275rem 0.725rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    background: #535353;
    background-clip: padding-box;
    border: none;
    border-radius: 0rem;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.custom-form-controle:focus {
    color: #fff;
    background: #535353;
}

.pd-mb-0 p{
    margin-bottom: 0px;
    line-height:initial;
    font-weight: 500;
}
.pd-mb-0 small{
    font-weight: 500;
    font-size: 10px;
}
/*---------------Footer Section End-----------------*/
/*-------------Notification & Alert Start----------------------*/
.notification-list ul li{
    background: #f9f9f9;
    border-radius: 5x;
    margin-bottom: 10px;
    border: 1px solid #eee;
}
.cd_left_menu_no_bb li{
     background: transparent !important;
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    padding: 0px !important;
    margin-bottom: 0 !important; 
}

.notification-list ul li div.section_li {
    display: block;
    position: relative;
    padding: 10px 15px 10px 75px;
    min-height: 75px;
    color: #33484f;
    font-size: 15px;
    font-family: 'Rubik', sans-serif; 
}
.notification-list ul li div.section_li img {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 10px;
    top: 13px;
    border-radius: 0; 
    -webkit-box-shadow: 0;
    box-shadow: 0;
}
.cd_left_menu_no_bb li  div.section_li img{
    border-radius: 100%  !important;
}
.notification-list ul li div.section_li h3{
    font-size: 15px;
    color: #000;
    /**/
}
.notification-list ul li div.section_li h3 a{
    /*text-decoration: underline;*/
    color: #000;
}
.notification-list ul li a {
     display: initial; 
     position: relative; 
     padding: 0px; 
     min-height: auto; 
     color: inherit; 
     font-size: inherit; 
     font-family: 'Work Sans', sans-serif; 
}
.notification-list ul li:nth-child(2n) {
    background: #f9f9f9;
}
.notification-list ul li.unread{
    background: #f9f3f3 !important;
    border-radius: 0px;
    margin-bottom: 0px;
    /*border: 1px solid #eee;*/
    border: none;
    padding: 8px 10px 5px;
}
.notification-list ul li.read{
    background: #fff !important;
    border-radius: 0px;
    margin-bottom: 10px;
    border: 1px solid #eee;
    padding: 8px 10px 5px;
}
.notification-list ul li.unread .media,.notification-list ul li.read .media{
    color: #000;
    font-size: 12px;
}
.notification-list ul li.unread .media .media-body small,.notification-list ul li.read .media .media-body small{
    font-size: 100%;
}
.notification-list ul li.unread .media p,.notification-list ul li.read .media p{
    font-size: 12px;
    
    margin-bottom: 5px;
    line-height: initial;
}
.notification-list ul li.unread .media p.font-15,.notification-list ul li.read .media p.font-15{
    font-size: 15px;
}
.na-hd{
    background: #f34342;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    padding: 5px 10px;
    border: 1px solid #f34342;
    text-transform: uppercase;
}
.na-hd-botm{
    background:transparent;
    text-align: center;
    /*color: #fff;*/
    font-size: 14px;
    font-weight: 600;
    padding: 10px 15px;
    margin-top: -10px;
    position: relative;
}
.na-hd-botm a{
    color: #000;
}
.pd-0-override{
    padding: 0 !important;
    color: #000;
}
/*-------------Notification & Alert End----------------------*/
/*-------------JOb Details Page Start----------------------*/
#job_details_header_page{
    /*background: #000;*/
    background:url("../images/job_details_banner.jpg") no-repeat;
    background-size: cover;
    background-position: left;
    padding: 0px 0 10px;
}

.jobs_details_top.pt-38{
    padding-top: 38px;
}
.jobs_details_top strong{
    font-weight: 500;
}
.jobs_details_bottom strong{
    font-weight: 500;
}
.tbl-space tr td{
    padding-right: 30px;
    padding-bottom: 5px;
}
.tbl-space tr td{
    font-size: 13px;
}
.cd-name{
    text-align: left;
    color: #fff;
    margin-top: 3%;
    font-size: 16px;
    font-weight: 500;
    margin-left: 15%;
    text-align: center;
}
.cd-position{
    font-size: 11px;
    color: #fff;
    font-weight: 500;
    margin-left: 15%;
    text-align: center;
}
.cd_porfile_left{
margin-bottom: 15px;
}

.card-text{line-height: initial};

.card-after-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0.25rem;
    background: #f8f8f8;
}
.card-after-body p{
    padding: 0px 10px;
    width: calc(100%/4);
    float: left;
    color: #000;
    font-weight: 500;
    font-size: 14px;
    border-right: 1px solid #ccc;
}
.card-after-body p:last-child{
    border-right: 0px solid transparent;
}
.card-after-body{
    background:#f9f3f3;
}
.card-after-body p{
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.card-after-body p small{
    display: block;
    color: #000;
    font-weight: 600;
    font-size: 11px;
    word-wrap: break-word;
    line-height: 1em;
}
.card-before-footer{
    /*padding: 10px;*/
}
.card-before-footer p{
    padding: 10px;
}
.card-before-footer p:first-child:before{
    content: "";
    position: absolute;
    left: 0%;
    margin-top: 17%;
    width: 100%;
    height: 1px;
    background: #f7efef;
}
.card-before-footer p:first-child:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    margin-top: 3px;
    width: 100%;
    height: 1px;
    background: #f7efef;
}

.cd-profile{
    width: 80px;height: 80px;border: 1px solid #999;background: #ccc;position: absolute;top: 4%;
}
/*
.steps-uid-0-p-0 span.step{
   background:#50e3c2;
}*/
.wizard-content{
    background:#fff;
    margin-bottom: 30px; 
}
.wizard-content .wizard>.content>.body{
    padding:0 !important;
}
#steps-uid-0-p-0 .step_1{
}
#steps-uid-0-p-0 .step_1 h4{
    color: #000;
    padding: 8px 20px;
    font-size: 14px;
    background: #f34342;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}
#steps-uid-0-p-0 .step_1 h4 span{
    float: right;
    text-transform: uppercase;
}
#steps-uid-0-p-0 .step_1 .step_1_inside{
    /*border: 1px solid #999;*/
    padding:30px;
}
#steps-uid-0-p-1 .step_1{
}
#steps-uid-0-p-1 .step_1 h4{
    padding: 8px 20px;
    font-size: 14px;
    background: #4f65e5;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}
#steps-uid-0-p-1 .step_1 h4 span{
    float: right;
}
#steps-uid-0-p-1 .step_1 .step_1_inside{
    border: 1px solid #999;
    padding:30px;
}
#steps-uid-0-p-0 .step_2{
}
#steps-uid-0-p-0 .step_2 h4{
    color: #000;
    padding: 10px 20px;
    font-size: 17px;
    background: #50e3c2;
    font-weight: 500;
}
#steps-uid-0-p-0 .step_2 h4 span{
    float: right;
}
#steps-uid-0-p-0 .step_2 .step_2_inside{
    border: 1px solid #999;
    padding:30px;
}
#steps-uid-0-p-1 .step_2{
}
#steps-uid-0-p-1 .step_2 h4{
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    background: #4f65e5;
    font-weight: 500;
    text-transform: uppercase;
}
#steps-uid-0-p-1 .step_2 h4 span{
    float: right;
}
#steps-uid-0-p-1 .step_2 .step_2_inside{
    border: 1px solid #999;
    padding:30px;
}
.wizard-content .wizard>.steps>ul>li a {
    padding-top: 65px !important;
    font-size: 14px !important;
}
.wizard-content .wizard>.steps>ul>li a small {
    font-size: 75%;
    font-weight: 600;
    display: block;
}
.tab-wizard .actions{
    display: none !important;
}
.jd-form-ctrl{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #f1f1f1;
    background-clip: padding-box;
    border: 1px solid #f1f1f1;
    border-radius: 0;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
} 
.jd-form-ctrl:focus{
    color: #999;
    background-color: #f1f1f1;
    -webkit-box-shadow: 0px 0px 0px 1px #f1f1f1;
    box-shadow: 0px 0px 0px 1px #f1f1f1;
}
.btn-wi-size-width{
    font-size: 12px;
    padding: 10px 30px;
    margin: 0 20px;
    width: 198px;
}
.titles{
    margin-bottom: 30px;
}
.titles p{
    font-size: 13px;
    line-height: initial;
}
.step_follow span.rounded{
    height: 60px;
    width: 60px;
    font-size: 24px;
    background: #ccc;
    padding: 20px 22px;
    border-radius: 100% !important;
}
.step_follow .description h5{
    text-align: left;
    color: #666;
    font-weight: 400;
    font-size: 17px;
    padding: 15% 10% 0;
}
.step_follow figcaption{
    margin-top: 10px;
    font-size: 13px;
}
.title-2{padding: 15% 6% 0 !important;}
.title-3{padding: 15% 6% 0 !important;}
.title-4{padding: 15% 6% 0 !important;}
.proceed_tbl{
    padding:5px 10px;
}
.proceed_tbl strong{
    font-weight: 500;
}
.proceed_tbl tr td{
    padding: .25rem 0.5rem;
}
.proceed_tbl tr td:nth-child(2){
    text-align: right;
}
.para_span_class{
    width: fit-content;
    height: fit-content;
    border: 1px solid #f5a623;
    padding: 8px 15px;
    border-radius: 100%;
    font-size: 17px;
    font-weight: 700;
    color: #f5a623;
}
.para_span_class_2{
    padding: 8px 15px;
}

.border-left-jd{
    border-left: 1px solid #ededed;
}
ul.time-slot{
    display: inline-block;
    float: left;
    width: 100%;
}
ul.time-slot li{
    display: inline;
    float: left;
    margin: 5px;
}
.jobs_details_bottom{
    /*top: 20px;*/
    position: relative;
}
/*-------------JOb Details Page End----------------------*/
/*-------------Login Menu Start----------------------*/
.login_screen{
    background: #212121 url("../images/login_screen.jpg") no-repeat !important;
    background-size: cover;
    padding: 70px 0 150px !important;
    min-height: 600px;

}
.login_menu_container{
    border-radius: 0 !important;
    width: 200px !important;
}
.login_menu li{
    border-bottom: 1px solid #ccc;
    padding: 5px 5px 5px 15px;
}
.login_menu li a{
    color: #111;
    font-weight: 400;
}
.login_menu li a:hover{
    color: #f34342;
}
.login_menu li ul li{
    padding: 5px 5px 5px 30px;
    border-bottom: 1px solid #ccc;
}
.login_menu li.sub_menu{
    padding: 0;
}
/*.login_menu li:nth-child(2){
    padding: 0px 5px 0px 15px;
}*/
.login_menu li ul li:after{
/*    content: "";
    position: absolute;
    left: 0%;
    top: 25%;
    margin-top: 1px;
    width: 200px;
    height: 1px;
    background: #ddd;*/
}
.login_menu li ul li:nth-child(2){
    padding: 5px 5px 5px 30px;
}
.login_menu li ul li:first-child:after{
    top: 25%;
}
.login_menu li ul li:nth-child(2):after{
    top: 37%;
}
.login_menu li ul li:last-child{
    border-bottom: none;
}
.login_menu li ul li a{
    color: #222;
    font-weight: 300;
    font-size: 13px;
}
.otp_resend_link{
    color: rgba(255,255,255,.8);
    text-decoration: underline;
}
/*-------------Login Menu End----------------------*/

/*-------------About Us Start----------------------*/
#about_us{
    background: #ededed;
    padding: 150px 0 50px;
}
/*-------------About Us End----------------------*/

/*-------------Our Team Start----------------------*/
#our_team{
    background: #ededed;
    padding: 50px 0 10px;
}
.team_member_details h5{
    
    margin-top: 30px;
    margin-bottom: 0;
}
.team_member_details h3{
    margin-top: 0px;
    
}
.team_member_details p{
    margin-top: 10px;
    margin-bottom: 0;
    position: relative;
    bottom: 0;
}
/*-------------Our Team End----------------------*/
/*-------------Our Faq Start----------------------*/
.faq_area{
}
.faq_area h4{
    font-size: 17px;
    font-weight: 500;
}
.faq_area h4 strong{
    font-weight: 500;
}
.faq_area p{
    font-size: 13px;
    font-weight: 400;
}
.faq_area p strong{
    font-weight: 500;
}

/*-------------Our Faq End----------------------*/
/*-------------Booking Summary Start---------------------*/
#booking_summary{
    padding: 20px;
}
.input-group-text {
   /* border: 1px solid #ccc;
    background: #ededed;
    font-weight: 500;*/
}

.audition_summary_panel{
    
}
.audition_summary_panel h4{
    padding: 8px 20px;
    font-size: 14px;
    background: #000;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
}
.audition_summary_panel_inner{
    padding: 30px 50px;
    border: 1px solid #000;
}
.audition_summary_panel_inner strong{
    font-weight: 500;
}
.cu-alert{
    padding: 5px 10px;
    font-size: 12px;
    width: fit-content;
    color: #000;
    font-weight: 400;
}
.cu-alert strong{
    font-weight: 500;
}

.scene-script-container{
    margin-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ccc;
}
.scene-script-container h5{
    font-weight: 500;
    font-size: 16px;
    display: block;
    width: 100%;
}
.scene-script-container p{
    font-size: 13px;
}
.bottom-para{
    font-size: 12px;
    display: block;
    margin-bottom: 0;
    width: 100%;
}
.bottom-para span:nth-child(1){
    float: left;
}
.bottom-para span:nth-child(2){
    padding-left: 10%;
}
.bottom-para span:nth-child(3){
    float: right;
}
.bottom-para a{
    text-decoration: underline;
    color: #0c5460;
}
.status_applied{
    color: #0c5460 !important;
    font-weight: 400;
    width: 80%;   
}
.pd-video-upload-view{
    padding:10px 15px 3px;
}
.pd-video-upload-view p{
    font-weight: 400;
    line-height: initial;
}
.pd-video-upload-view p strong{
    font-weight: 500;
}
.br-pr-1{
    border-right: 1px solid #ccc;
    padding-right: 0;
}
.pd-pm-pr-15{
    padding-top: 15px;
    padding-bottom: 9px;
    padding-right: 15px;
}
.pd-pm-pr-15 h5{
    font-size: 17px;
    font-weight: 400;
    line-height: inherit;
    
}
.uploading_text_button{
    width: 100%;
    display: block;
}
.uploading_text_button span:nth-child(1){
    color: #6c92ea;
    font-size: 15px;
    padding-right: 30px;
}
.uploading_text_button span:nth-child(2){
    color: #fff;
}
.cu-modal-content{
    border-radius: 0;
}
.cu-modal-content .modal-header{
    padding: 0;
    background: #f5f9fe;
}
.cu-modal-content .modal-header h4{
    font-size: 17px;
    text-align: center;
    padding: 5px;
    width: 100%;
}
.cu-modal-content .modal-body{
    padding: 5px 10px;
}
.cu-modal-content .modal-body p{
    font-size: 12px;
    margin-bottom: 0;
}



.pending_review{
    color: #856404 !important;
}
.success_review{
    color: #155724 !important;
}
.cu-card-title{
    padding: 10px 18px;
    margin-bottom: 0px;
    border-bottom: 1px solid #ccc;
    
    font-weight: 400;
}
.card-sample {
    border-top: 1px solid #ccc;
    /*border-bottom: 1px solid #ccc;*/
}
.card-sample .card-body {
    border-bottom: 1px solid #ccc;
}
.card-sample .card-body:last-child {
    border-bottom: 0px solid transparent;
}
.tr-modal-content{
    border-radius: 0;
}
.tr-modal-content .modal-header{
    background: #ddd;
    padding: 10px;
    border-radius: 0;
}
.tr-modal-content .modal-header h4.modal-title{
    line-height: initial;
}
.tr-modal-content .modal-header h4.two-title{
    font-size: 14px;
}
.tr-modal-content .modal-header h4.two-title strong{
    font-weight: 500;
}
.tr-modal-content .modal-body p{
    font-size: 12px;
    line-height: initial;
}
.tr-modal-content .modal-body p strong{
    font-weight: 500;
    font-size: 14px;
    
}
.close_modal{
    position: absolute;
    right: -30px;
    padding: 2px 8px;
    background: #ccc;
    color: #333;
    cursor: pointer;
}
.close_modal:hover{
    color: #ff0000;
}
/*.card-sample:last-child {*/
    /*border-top: 0px solid transparent;*/
/*}*/
.lg-pd-20{
    padding: 20px;
}
.lg-pd-20 .tr-modal-content{
    border-color: transparent;
}
.custome-alert-fn{
    font-size: 100%;
    color: #fc0000;
    font-weight: 500;
    padding: 5px 0;
    /*background-color: rgba(212, 237, 218, 0.32);*/
    /*border-color: #ccc;*/
    background-color:transparent;
    border-color: transparent;
    border-radius:0px;
}
.custome-alert-fn strong{
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
}
.custome-alert-fn span.status-left{
    background: #ededed;
    border-radius: 4px 0px 0px 4px;
    width: fit-content;
    padding: 7px 10px;
    color: #000;
}
.custome-alert-fn span.status-right{
    padding: 5px 10px;
    text-transform: uppercase;
    font-weight: 600;
}

/*-------------Booking Summary End----------------------*/
/*-------------CA/CD/EM Dashboard Start----------------------*/
.only_dashboard{
    padding-left: 250px;
    padding-top: 0px;
}
.dashboard-section{
    margin: 20px auto 3px !important;
    padding: 10px 0 !important;
    border: 0px solid transparent !important;
    box-shadow: 0px 0px 0px 0px transparent !important;
}
.audition-list li{
    margin: 10px 5px;
    border: 0px solid transparent !important;
    padding: 10px !important;
    box-shadow: 0px 2px 11px 1px #ccc;
}
.audition-list li div.no-gutters{
    border: 1px solid #000;
}

.fit-content{
    width: fit-content;
}
.recomended_audition ul li{
    padding: 0;
    margin: 10px;
    width: 47%;
}
.recomended_audition ul li .blog-caption {
padding: 0px 10px 8px;
}
.recomended_audition ul li img{
    width: 100%;
    height: 100%;
}
.recomended_audition ul li a{
    font-size: 15px;
    line-height: initial;
}
.recomended_audition ul li:hover{
    box-shadow: 0 0 0 0 transparent;
}


.job_list_view ul {
    /*display: inline;*/
}
.job_list_view ul li{
    border: none;
    margin-bottom: 20px;
    /*display: block;
    padding: 0;
    margin: 10px 5px;
    width: 32.63333333333333333%;
    float: left;*/
}
.job_list_view ul li div.row.no-gutters{
    border: 1px solid #000;
}
.job_list_view ul li:nth-child(3n+3){
    /*margin-right:0px;*/
}
.job_list_view ul li .blog-caption {
padding: 0px 10px 8px;
}
.job_list_view ul li img{
    width: 100%;
    height: 100%;
}
.job_list_view ul li a{
    font-size: 15px;
    line-height: initial;
}
.job_list_view ul li:hover{
    box-shadow: 0 0 0 0 transparent;
}


.job_list_filter_tag{
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
}
.border-all {
    border-radius: 2px;
    border: 1px solid #ccc;
    padding: 5px 10px;
}

/*-------------CA/CD/Em Dashboard End----------------------*/
/*-------------Saved Audition Start ----------------------*/
.chat-window{
    bottom:0;
    position:fixed;
    float:right;
    margin-left:10px;
    right: 0;
}
.chat-window > div > .panel{
    border-radius: 5px 5px 0 0;
}
.icon_minim{
    padding:2px 10px;
}
.msg_container_base{
  background: #e5e5e5;
  margin: 0;
  padding: 0 10px 10px;
  max-height:300px;
  overflow-x:hidden;
}
.top-bar {
  background: rgba(102, 102, 102, 0.75);
  color: white;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

.msg_container {
    padding: 10px;
    overflow: hidden;
    display: flex;
}
.btn-group.dropup{
    position:fixed;
    left:0px;
    bottom:0;
}
#minim_chat_window{
    color: #fff;
}
.save_audiiotn_count{
    width: 12px; height: 12px; padding: 5px 7px;background: #ff9832;border-radius: 100%; font-size: 11px;color: #fff;margin-left: 10%;
}
/*-------------Saved Audition End----------------------*/
/*-------------Cash Payment Start---------------------*/
.cash-payment-container{
    width: 100%;
    border:1px solid #ddd;
}
.cash-payment-container div h4{
    color: 000;
    
    background: #eee;
    font-size: 18px;
    padding: 10px 20px;
    font-weight: 500;
}
.cash-payment-container .cash-payment-inner-container{
    
}
.cash-payment-container .cash-payment-inner-container .sidebar_tab{
    background: #eee;
    color: #000;
    font-weight: 500;
    border: none;
}
.cash-payment-container .cash-payment-inner-container .sidebar_tab li a.active{
    border-color: transparent;
    color: #000;
}
/*-------------Cash Payment End----------------------*/
/*-------------Login/Register/Change/Reset/Forgot Page Start---------------------*/
.login-container{
    width: 100%;
}

.login-container .sidebar_tab{
    position: relative;
    background: rgba(0, 0, 0, 0.57);
    color: #000;
    font-weight: 500;
    border: none;
    padding: 40px 30px;
    height: 100%;
}
.login{
  color: #ffffff;
}
.login-container div.sidebar_tab h4{
    color: 000;
    
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 30px;
}
.login-container div.sidebar_tab p{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-weight: 500;
      font-style: normal;
      font-stretch: normal;
      /*line-height: normal;*/
      letter-spacing: normal;
}

.login-container .right_sidebar_tab{
    position: relative;
    background: rgba(0, 0, 0, 0.57);
    padding: 40px 40px;
    height: 100%;
}
.login-container .login-inner-container .sidebar_tab li a.active{
    border-color: transparent;
    color: #000;
}
.label-ctrl-login{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    margin-bottom:10px;
    background-color: #000;
    background-clip: padding-box;
    border: 1px solid #000;
    border-radius: 0;
}

.form-ctrl-login{
    display: block;
    width: 100%;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    margin-top: 10px;
    background-color: #272727;
    background-clip: padding-box;
    border: 1px solid #272727;
    border-radius: 0;
    -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.form-ctrl-login:focus {
    color: #FFF;
    background-color: #272727 !important;
    -webkit-box-shadow: 0px 0px 0px 1px #272727 !important;
    box-shadow: 0px 0px 0px 1px #272727 !important;
    border-color: #000;
}
.bg-000 {
    background: rgba(0, 0, 0, 0.57);
}
.bg-000000{
    background: #000000 !important;
}
.gb-text{
    font-size: 30px;
    padding:20px 30px;
    color: #fff;
    text-transform: uppercase;
}
.width-fit-content{
    width: fit-content;
}
.text-block{
    display: block;
}
.text-block small{
    display: block;
}
/*-------------Login/Register/Change/Reset/Forgot Page End----------------------*/
/*-------------Ongoing Project Audition Start---------------------*/
.ongoing_project_audition ul li{
    padding: 0;
    margin: 0 0 10px;
    width: 100%;
}
.ongoing_project_audition ul li .blog-caption {
padding: 0px 10px 8px;
}
.ongoing_project_audition ul li img{
    width: 100%;
    height: 100%;
}
.ongoing_project_audition ul li a{
    font-size: 15px;
    line-height: initial;
}
.ongoing_project_audition ul li:hover{
    box-shadow: 0 0 0 0 transparent;
}

.user-icon img{
    width: 23px;
    height: 20px;
    border-radius: 100%;
}
.sidebar-menu .dropdown-toggle.active, .sidebar-menu .dropdown-toggle.active .fa {
    color: #f34342;
    background: #fcfcfc;
    border-bottom: 1px solid #ccc;
}
.sidebar-menu .dropdown-toggle:hover, .sidebar-menu .show > .dropdown-toggle {
    background: #fcfcfc;
    color: #f34342;
}
.m-t-hidden{
    display: block;
}
.m-t-shown{
    display: none;
}
.md-display{
    display: none;
}
.note-editor.note-frame.panel.panel-default .modal.show .modal-dialog .modal-content .modal-header .close{
    position: absolute;
    right: 15px;
}
.note-editor.note-frame.panel.panel-default .modal.show .modal-dialog .modal-content .modal-body .form-group.note-group-select-from-files .note-image-input{
    padding: 0.375rem 0.35rem !important;
    font-size: .81rem !important;
}
/*-------------Ongoing Project Audition End----------------------*/

@media only screen and ((max-width: 767px)){
}
@media only screen and (max-width: 480px){
    figure{
        margin: 0 0 0.24rem;
    }
    .mb-10{
        margin-bottom: 5px !important;
    }
    .job_list_view ul li a{
        font-size: 12px;
    }
    .xs-pt-0{
        padding-top: 0px;
    }
    .blog-by p{
        font-size: 11px;
    }
    .jd-table{
        margin-bottom: 0.23rem;
    }
    .jd-table tr td{
        font-size: 11px;
        padding: 2px 0;
    }
    .xs-pd-20-30-0{
        padding: 20px 30px 0;
    }
    #audition_container {
        margin: 10px 0 0;
        padding: 10px 0 0;
        margin-top: 0px !important;
    }
    .xs-padding-rl-0{
        padding: 2px 0px !important;
    }
    .banner_slider_view{
        padding: 10px 0 20px !important;
    }
    .count_title_head {
        font-size: 17px!important;
    }
    .header-fill{
        padding: 0px 5px 0;
        height: 45px;
    }
    .left-side-bar{
        top: 9%;
        z-index: 9;
    }
    .menu-icon{
        z-index: 99;
    }
    .user-notification .dropdown-menu{
        z-index: 999;
    }
    .xs-lr-margin-0{
        margin-right: 0px;
        margin-left: 0px;
    }
    .xs-lr-padding-0{
        padding-left: 0px;
        padding-right: 0px;
    }
    .xs-lr-padding-5{
        padding-left: 5px;
        padding-right: 5px;
    }
    .user-info-dropdown .dropdown-toggle .user-icon{
        width: 25px;
        height: 25px;
    }
    .user-icon img{
        width: 25px;
        height: 25px;
        border-radius: 100%;
    }
    .xs-padding-0-8-55{
        padding: 4px 8px 0;
        font-size: .55rem;
        height: 25px;
    }
    #step_audition {
        margin-top: -3%;
        position: relative;
        width: 100%;
    }
    .search_button{
        padding: 4px;
    }
    .filter_button{
        padding: 0 5px !important
    }
    #news_subscribe_section{
        padding: 30px 0 0px;
    }
    .grow_with_us {
        font-size: 19px;
        padding: 13px;
    }
    .menu-icon{
        top: 0;
    }
    .xs-font-8{
        font-size: 8px;
    }
    .form-widht {
        width: 100%;
    }
    .user-notification {
        margin-right: 5px;
        float: right;
        right: 35%;
        padding: 6px 5px 10px 5px;
        position: absolute;
        top: 0px;
    }
    .user-notification .dropdown-toggle{
        /*font-size: 14px;
        padding: 0px; 
        color: #ff9832;
        position: relative;
        text-align: center;
*/    }
    .user-notification .dropdown-toggle .badge {
      /*display: none;*/
    }
    .only_dashboard {
        padding-left: 0;
    }
    .xs-mb-30{
        margin-bottom: 30px;
    }
    .pd-right-5{
        padding-right: 15px !important;
        margin-bottom: 5px !important;
    }
    .pd-left-5 {
        padding-left: 15px !important;
        margin-bottom: 5px !important;
    }
    .notification-list ul li div.xs-section-li{
        padding: 10px;
    }
    .xs-section-li h3{
        font-size: 12px;        
        font-weight: 500;
        /*margin-left: 21%;*/
    }
    .xs-section-li p.li_category{
        margin-top: 2px;
        font-size: 12px;
        font-weight: 300;
        margin-bottom: 0;
        margin-left: 21%;
        line-height: initial;
        border-bottom: 0px solid transparent;
        padding-bottom: 0px;
    }
    .xs-section-li p{
        margin-top: 5px;
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }
    .xs-section-li p:last-child{
        border-bottom: none;
    }
    .tbl-space tr td {
        padding-right: 15px;
        padding-bottom: 0px;
    }
    .tbl-space tr td {
        font-size: 12px;
    }
    .border-left-jd{
        border-left: 0px solid transparent;
    }
    .jd_model_right{
        border-right: 0px solid transparent;
    }
    #steps-uid-0-p-0 .step_1 h4 {
        padding: 10px;
        font-size: 12px;
    }
    #steps-uid-0-p-1 .step_1 h4 {
        padding: 10px;
        font-size: 12px;
    }
    #steps-uid-0-p-0 .step_1 .step_1_inside {
        border: 1px solid #999;
        padding: 10px;
    } 
    #steps-uid-0-p-0 .step_2 h4 {
        padding: 10px;
        font-size: 12px;
    }
    #steps-uid-0-p-1 .step_2 h4 {
        padding: 10px;
        font-size: 12px;
    }
    #steps-uid-0-p-0 .step_2 .step_2_inside {
        border: 1px solid #999;
        padding: 10px;
    }
    .xs-center-sm{
        text-align: center;
    }
    .btn-wi-size-width {
        font-size: 12px;
        padding: 10px 30px;
        margin: 0 auto;
        width: 100%;
    }
    .step_follow{
        width: 50% !important;
        margin-bottom: 5px;
    }
    .card-after-body p small{
        font-size: 10px;
    }
    .xs-mb-0{
        margin-bottom: 0;
    }
    .box{
        width: 100%;
        height: 100%;
    }
    .box.big-box{
        width: 100%;
        height: 100%;
    }
    .position-fixed-bottom-15{
        position: relative;
        bottom: 0;
        width: 100%;
    }
    .xs-pd-10{
        padding: 10px;
    }
    .wizard-content .wizard{
        padding: 10px;
    }
    #time-slot-array{
        padding: 10px;
    }
    /*----------Our Team Start----------*/
    .team_member_details h5{
        margin-top: 10px;
        margin-bottom: 0;
    }
    .team_member_details h3{
        margin-top: 0px;
        
    }
    .team_member_details p{
        margin-top: 10px;
    }
    #audition_container_1{margin: 10px 18px 15px 18px;}
    #audition_container_2{margin: 10px 18px 15px 18px;}
    #audition_container_3{margin: 10px 18px 15px 18px;}
    #audition_container_4{margin: 10px 18px 15px 18px;}
    #audition_container_5{margin: 10px 18px 15px 18px;}
    #audition_container_7{margin: 10px 18px 15px 18px;}
    /*----------Our Team End------------*/
    /*----------Booking Summary Start------------*/
    .xs-padding-0{
        padding: 0 !important; 
    }
    .xs-mt-10{
        margin-top: 10px;
    }
    #booking_summary{
        /*padding: 20px 0;*/
    }
    .audition_summary_panel_inner{
        padding: 10px;
    }
    .b-b{
        padding-bottom: 10px;
    }
    .scene-script-container{
        margin-top: 10px;
        padding-bottom: 10px;
    }
    .bottom-para span:nth-child(1){
        float: left;
    }
    .bottom-para span:nth-child(2){
        float: left;
        padding-left: 5%;
    }
    .bottom-para span:nth-child(3){
        float: left;
    }
    .cd_porfile_left{
        margin-bottom: 15px;
    }
    .wizard-content .wizard>.content>.body{
        padding: 0 !important;
    }
    .pd-video-upload-view{
        padding: 10px 25px 3px 10px;
    }
    .xs-pdlr{
        padding-left: 15px;
        padding-right: 15px;
    }
    .xs-mt-15{
        margin-top: 15px;
    }
    .close_modal {
        right: 5px;
        top: 7%;
    }
    .counter-show p {
        font-size: 20px;
        font-weight: 600;
    }
    .ftsize {
        font-size: 17px;
        text-align: center;
    }
    .ftsize_xs {
        text-align: center;
        font-size: 15px;
        line-height: initial;
    }
    .get_alerts_btn{
        padding: 2px 17px;
        font-size: 10px;
    }
    .xs-mb-10{
        margin-bottom: 10px;
    }
    .footer-para-menu{
        font-size: 14px;
        margin-bottom: 5px;
        text-align: left !important;
    }
    .footer-para-menu:nth-child(3){
        text-align: center !important;
    }
    .footer-para-menu a{
        color: #fff;
        margin-right: 10px;
        font-weight: 600;
    }
    .footer-para-menu a:last-child {
        margin-right: 0px !important;
    }
    .footer_link {
        color: #f34342;
        text-align: left !important;
        font-size: 9px !important;
        margin-bottom: 5px !important;
    }
    .xs-mt-0{
        margin-top: 0 !important;
    }
    /*----------booking Summary End------------*/
    /*----------CA/CD/EM Dashboard related Start------------*/
    .recomended_audition ul li{
        width: 100%;
    }
    /*----------CA/CD/EM Dashboard related End------------*/
    /*------------Job List Start---------------*/
        .job_list_view ul li{
            width: 100%;
        }
        .search_container.job-list-filter-area {
            top: 27%;
            left: 5%;
        }
    /*------------Job List End-----------------*/
    /*------------Login/register/change/reset/forgot page start-----------------*/
    .xs-mb-0{
        margin-bottom: 0 !important;
    }
    .xs-width-block{
        width: 100%;
    }
    .login_screen{
        padding: 25px 0 0px !important;
        min-height: 460px;
    }
    .login-container .sidebar_tab{
        padding: 10px 10px 10px;
    }
    .login-container .right_sidebar_tab{
        padding:0 10px 10px ;
    }
    .xs-mt-0{
        margin-top: 0;
    }
    .bg-transparent{
        background:transparent !important;
    }
    .br-none{
        border:none !important;
    }
    .bg-rgba-0008{
        background:rgba(0,0,0,.80) !important;
    }
    .header-fill .brand-logo  {
        width: 48%;
        margin-right: 0;
    }
    .user-info-dropdown{
        margin-top: 0px;
        background: transparent;
    }
    .my-acitvities-dropdown-toggle::after{
        font-size: 17px;
        color: #000;
        font-weight: 700;
    }
    .user-info-dropdown .dropdown-toggle {
        padding: 3px 10px 4px;
        font-size: 11px;
        border: none;
    }
    .header_call_us{
    height: 27px;
    color: #000;
    background: #fff;
    padding: 3px 10px;
    position: fixed;
    z-index: 999;
    width: 100%;

    }
    .header_call_us p {margin-bottom: 0;color: rgba(0,0,0,0.8); font-weight: 300; font-size: 12px;}
    .header_call_us p small{ font-size: 95%;color: #000; font-weight: 700;}
    .header_call_us p small a{ color: #000; }
    .header{
        top:0;
    }
    .main-container{
        padding: 22% 0 0px 0px;
    }
    .only_dashboard{
        padding: 10% 0 0px 0px !important;
    }
    #job_details_header_page{
        background:url("../images/banner_mobile_jd.jpg") no-repeat;
        background-size: cover;
        background-position: left;
        padding: 13px 0 10px;
    }
    .notification-list ul li{
        margin-bottom: 0px;
    }
    .xs-mt-15-0{
        margin-top: 0px;
    }
    .xs-text-center{
        text-align: center;
    }
    /*------------Login/register/change/reset/forgot page end-----------------*/
    .xs-font-12{
        font-size: 10px;
    }
    .xs-font-12 strong{
        font-weight: 700;
    }
    .xs-padding-5{
        padding:5px 5px;
    }
    .mtu-20{
     margin-top: 0px; 
     margin-left: 5px; 
     margin-right: 5px; 
    }
    .card-home-transparent .card-body {
        border-radius: 2px;
    }
    #casting_director{
        padding: 10px 0 0px;
    }
    #people_say{
        padding: 10px 0 30px;
    }
    .xs-cd_heading{
        font-size: 15px;
        letter-spacing: 0.5px;
    }
    .popular-casting-team p {
        font-size: 10px !important;
        font-weight: 600 !important;
        letter-spacing: 0.5px !important;
    }
    .owl-theme .owl-nav{
        height: 0px !important;
        margin-top: 0px !important;
    }
    .owl_navigation .owl_left_nav{top: 25%;}
    .owl_navigation .owl_right_nav{top: 25%;}
    .owl_navigation .xs_left_owl_nav{top: -40px;}
    .owl_navigation .xs_reiht_owl_nav{top: -40px;}

    .owl_navigation .owl_right_nav p {
        cursor: pointer;
        padding:0;
        font-size: 33px;
        color: #f34342;
        margin-bottom: 0;
    }
    .owl_navigation .owl_left_nav p {
        cursor: pointer;
        padding: 0;
        font-size: 33px;
        color: #f34342;
        margin-bottom: 0;
    }
    .xs-padding-7{
        padding-left: 7px;
        padding-right: 7px;
    }
    .xs-padding-2{
        padding-left: 2px;
        padding-right: 2px;
    }
    .item-images-sm{
        margin: 5px auto 7px;
    }
    .xs-pa{
        position: absolute;
        left: -25%;
    }
    .xs-width-auto{
        width: auto !important;
    }
    .xs-pd-lr-0{
        padding-left: 0px;
    }
    .xs-w-50{
        width: 50%;
        float: left;
    }
    .xs-font-12{
        font-size: 12px;
    }
    .xs-font-10{
        font-size: 10px;
    }
    .xs-float-left{
        float: left;
        margin-bottom: 20px;    
    }
    .m-t-hidden{
        display: none;
    }
    .m-t-shown{
        display: block;
    }
    .xs-font-size-15{
        font-size: 15px;
    }
    .xs-font-size-13{
        font-size: 13px !important;
    }
    .xs-pb-20{
        padding-bottom: 20px;
    }
    .xs-pb-10{
        padding-bottom: 10px;
    }
}

@media (min-width:768px) and (max-width:890px) {
    .search-banner-tab-header-active {
        float: left;
        padding: 0;
        margin-left: 8%;
        position: relative;
        width: 75%;
        padding-top: 7px;
    }
    .brand-logo a span{
        font-size: 10px;
    }
    .brand-logo a span.float-right.span-header-active{
        display: none;
    }
    .xs-padding-0{
        padding: 0;
    }
    .switch {
        width: 34px !important;
    }
    input:checked + .slider:before {
        content: "";
        -webkit-transform: translateX(16px) !important;
        -ms-transform: translateX(16px) !important;
        transform: translateX(16px) !important;
        background-color: #f34342;
        color: #f34342;
        left: 0px;
    }
    .user-call-us {
        padding: 0px 0px 0px 0;
    }
    .user-call-us p {
        text-align: center;
        line-height: initial;
    }
    .user-call-us {
        float: right;
        margin-right: 10px;
        padding: 5px 10px 0px 0;
        /* font-size: 23px; */
        position: relative;
        top: 2px;
    }
    .user-call-us p small {
        font-size: 275%;
        font-weight: 800;
    }
    .user-call-us p small i {
        color: #f34342;
    }
    .m-t-hidden{
        /*display: none !important;*/
    }
    .m-t-shown{
        /*display: block !important;*/
    }
    .pd-md-20{
        padding: 20px;
    }
    .main-container{
        padding: 50px 0 0px 0px;
    }
    .header-fill .brand-logo{
        width: 70%;
    }
    .search_button {
        padding: 0.18rem 0.25rem !important;
    }
    .left-side-bar{
        top: 47px;
    }
    .md-pd-lr-10{
        padding-left: 10px;
        padding-right: 10px;
    }
    .md-display{
        display: block !important;
    }
    .owl_navigation .owl_right_nav{
        right: 0 !important;
    }
    .owl_navigation .owl_left_nav {
        left: 0 !important;
    }
}
@media only screen 
and (min-device-width: 480px) 
and (max-device-width: 825px) 
and (-webkit-min-device-pixel-ratio: 1)
and (orientation: landscape) {
#s_container{
    display: none;
}

.m-t-shown{
    display: block;
}
.m-t-hidden{
    display: none;
}
.header-fill .brand-logo{
    width: 65%;
}
.user-call-us{
    padding: 3px 12px 6px 0;
}
}

@-webkit-keyframes ezCustTrans {
    0% {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform:  perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        -moz-transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        -ms-transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        opacity: 0;
    }
    68% {
        -webkit-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        -moz-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        -ms-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        opacity: 0.8;                
    }
    100% {
        -webkit-transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        -moz-transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        -ms-transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        opacity: 1;
    }
}
@keyframes ezCustTrans {
    0% {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        transform-style: preserve-3d;
        -webkit-transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        -moz-transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        -ms-transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        transform: perspective(90%) rotateY(-65deg) rotateX(-45deg) translateZ(-100px);
        opacity: 0;
    }
    68% {
        -webkit-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        -moz-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        -ms-transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        transform:  rotateY(10deg) rotateX(10deg) translateZ(20px);
        opacity: 0.8;                
    }
    100% {
        -webkit-transform: rotateY(0deg) rotateX(0deg) translateZ(0px);
        -moz-transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        -ms-transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        transform:  rotateY(0deg) rotateX(0deg) translateZ(0px);
        opacity: 1;
    }
}
.ezCustTrans {
    -webkit-animation-duration: 0.45s;
    animation-duration: 0.45s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: ezCustTrans;
    animation-name: ezCustTrans;
}   
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
-webkit-animation-duration: 0.45s;
animation-duration: 0.45s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}