/* Minification failed. Returning unminified contents.
(2,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(4,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(5,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(6,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(7,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(8,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(9,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(10,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(11,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(12,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(191,17): run-time error CSS1039: Token not allowed after unary operator: '-main-primary-green'
(204,28): run-time error CSS1039: Token not allowed after unary operator: '-main-primary-purple'
(207,24): run-time error CSS1039: Token not allowed after unary operator: '-main-primary-purple'
 */
:root {
    --main-primary-black: #1D1D1D;
    --main-primary-grey: #C8C8D2;
    --main-primary-purple: #7656F2;
    --main-primary-green: #00A669;
    --main-primary-yellow: #FCBE00;
    --main-secondary-yellow: #FCBE00;
    --main-secondary-pink: #FF6372;
    --main-secondary-blue: #007AFF;
    --main-background-one: #F2F3F6;
    --main-background-two: #F6F8FA;
    --main-background-three: #DADCE0;
    font-family: 'Roboto', sans-serif;
}

/* ------------------- Main Page -------------------*/

html {
    height: 100%;
}

/* Body */
/*Home page body*/
.home_bg {
    margin: 0;
    background-size: 100% 98%;
    background-attachment: fixed;
    
}

.las_bg {
    background-image: url("/content/assets/home-background.png");
    width: 100%;
    height: 100%;
    max-height: 100%;
    margin: 0px;
    padding: 0px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    position: fixed !important;
}
html,body{
    height:100%;margin:0px;padding:0px;
}
.las_whbody{
    background-position:center;background-repeat:no-repeat;background-size:cover;
}
.las_logo{
    object-fit:contain;
    width:100%;
    max-width:25em;
    height:auto;
    text-align:center;
}
.las_humanimg_web {
    object-fit: cover;
    width:109%;
    height:100%;
    position: inherit;
    left: 1vw;
}
.las_womanimg_web {
    object-fit: cover;
    position: inherit;
    right: 2.8vw;
    width: 109%;
    height: 100%;

}
.las_card {
    text-align: center;
    padding-top: 100px;
    width:100% !important;
}
.las_searchBtn {
    background-color: #7656F2;
    color: #ffffff !important;
    
    height: 53px !important;
    margin-top: unset;
    font-size: 1.3em !important;
}
.las_searchBoxAcc.k-textbox{
    height: 53px !important;
    border-width: thin;
    border-color: #b2a1f1 !important;
}
.mar_pad{
    margin:0px!important;padding:0px!important;
}
.cardbutton h1 {
    color:#00A669;
}
.las_homeLearnmore {
    background-color: #7656F2 !important;
}
.las_clear{
    clear:both;
}
.las_container {
    width: 100%;
    height: auto;
}
.las_cardbutton {
    background-color: #FFFFFF;
    box-shadow: 0px 19px 38px #00000029;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    font-family: 'Roboto';
    min-height:12vw!important;
    padding:2vw;
}
.las_topbox {
    min-height: 9vw !important;
}
.las_wordbreak {
    word-wrap: break-word;
}
.las_boxtitle {
    color: #00A669;
    font-size: 2vw;
}
.las_cardtext{
    font-size:1.1vw;
}
/* Bootstrap Column Same Size */
.row {
    display: table;
}

[class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: bottom;
}

/* overriding bootstrap navbar default */
.navbar-default {
    background-color: #FFFFFF;
    border-color: #E7E7E7;
    font-family: 'Roboto' !important;
    font-size: 16px !important;
}
/* end of overriding bootstrap navbar default */


/* End of Bootstrap Column Same Size */


.ototlogo {
    margin-left: auto;
    margin-right: auto;
    width:119px;
    height: 40px;
    max-width: 76px;
}

.logo-tagline {
    margin: 24px 0 0 30px;
    width: 131px;
    height: 59px;
    text-align: left;
    font: Regular 55px/77px Rockwell;
    letter-spacing: 0;
    color: #1D1D1D;
    opacity: 1;
}

/* Middle Column Cards */
.card {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.cardbutton {
    background-color: #FFFFFF;
    box-shadow: 0px 19px 38px #00000029;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    font-family: 'Roboto';
}
/* End of Middle Column Cards */

.text-green {
    color: var(--main-primary-green);
}

/* Talent and Employer Cards */
.cardtext {
    font-size: 16px;
}

.button-submit-form {
    height: 36px;
    width: 100%;
    margin-left: 0px;
    padding: 8px 16px 8px 16px;
    background-color: var(--main-primary-purple);
    color: #FFFFFF;
    border-radius: 4px;
    border-color: var(--main-primary-purple);
    opacity: 1.0;
}

p.manage {
    font-family: 'Roboto', sans-serif;
    font-size: 24px;
    text-align: center;
    letter-spacing: 0;
    opacity: 1;
    padding: 16px 112px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

/*footer*/
.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: lightgray;
    color: #0000008A;
    text-align: center;
}

.footer-container {
    margin: 64px 0 0 2px;
    width: auto;
    height: 128px;
    opacity: 1;
}



.roboto-large {
    width: 100%;
    height: 48px;
    text-align: center;
    font-family: 'Roboto';
    font-size: 36px;
    letter-spacing: 0;
    color: #000000DE;
    opacity: 1;
}

.roboto-small {
    margin-top: 8px;
    width: 100%;
    height: 21px;
    text-align: center;
    font-family: 'Roboto';
    letter-spacing: 0;
    color: #0000008A;
    opacity: 0.87;
}
.homelogin_top {
    padding-right: 13px;
}
.homelogin_top span , .homelogin_top a{
    color: #000000 !important;
    font-weight: normal;
    text-decoration: none !important;
}

.autoSearchM {
    font-family: "Roboto" !important;
    font-size: 20px;
}
.session_margin {
    padding-bottom:10% !important;
}
/* Responsive Layout - Extra Small Screens */
@media (max-width: 768px) {
    .container-fluid .row #col1 .row {
        display: none;
    }
    
}

/* FOR HOME PAGE CSS*/
/*Extra large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1200px) {
    .logo_img {
        width: 50%;
    }

    .human {
        width: 100%;
        margin-top: 50%;
    }

    .cardbutton {
        width: 276px;
        height: 210px;
        padding-top: 10px;
    }

    .boxtitle {
        font-size: 32px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

    .logo_img {
        width: 380px;
    }

    .human {
        width: 280px;
        height: 600px;
    }

    .cardbutton {
        width: 188px;
        height: 190px;
        padding-top: 10px;
    }

    .boxtitle {
        font-size: 22px;
    }
}

/*for ipad pro*/
@media (max-device-width: 1024px) {
    .human {
        width: 280px;
        height: 600px;
        margin-top: 560px;
    }

    .center_content {
        padding-top: 500px;
    }
    .bg-light {
        margin-bottom:15%;
    }
    .las_logo_img_modified {
        width: 70% !important;
        margin-right: unset !important;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .logo_img {
        width: 380px;
    }

    .human {
        width: 150px;
        height: 600px;
        margin-top: 180%;
    }

    .cardbutton {
        width: 198px;
        height: 190px;
        padding-top: 10px;
    }

    .center_content {
        padding-top: 150px;
    }

    .boxtitle {
        font-size: 22px;
    }
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .logo_img {
        width: 220px;
    }

    .human {
        width: 180px;
        height: 500px;
        margin-top: 150%;
    }
    .mobileViewSearch {
        margin-top: 10px;
    }
    .session_margin{
        padding-bottom:20% !important;

    }
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .logo_img {
        width: 220px;
    }

    .sd-human {
        width: 100%;
        margin-top: 55%;
    }
    /*browse page search button*/
    .Mcontainer {
        height: 200px;
        
    }
    .Mcenter {
        margin: 10px;
        position: absolute;
        top: 50%;
        left:35%;
    }
    .carousel-control i{
        font-size:50px !important;
        position:initial !important;
    }

}

.first_content_letter {
    color: #00A669;
    font-size: 35px;
    font-family: Rockwell;
}

.sec_content_letter {
    color: #000000DE;
    font-size: 32px;
    font-family: Rockwell;
    font-weight: bold
}

.third_content_letter {
    color: #000000DE;
    font-size: 28px;
}

.content_signup_letter {
    display: inline-block;
    font-size: 20px;
    padding: 20px;
}

/*FOR BROWSE PAGE CSS*/
/*browse page content text decoration*/
.browse-content-text {
    font-family: Roboto;
    font-size: 25px;
    color: #000000DE;
}

.browse-pcontent {
    font-size: 18px !important;
    height: 130px;
}
/*start for browse slider*/

/*slider arrow*/
.carousel-control i {
    font-size: 68px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000;
}

/*slider move line*/
.carousel .carousel-indicators {
    bottom: -40px;
    padding-left: 5%;
}

.carousel-indicators li, .carousel-indicators li.active {
    border-radius: 2px;
    width: 40px;
    height: 5px;
}

/*end for browse slider*/
/*go to top button for Enterprise page and Browse page*/
#gotopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 70px;
    border: none;
    outline: none;
    color: #555;
    cursor: pointer;
    padding: 15px;
    border-radius: 4px;
}
/*forsearchbox*/
.k-textbox {
    max-width: unset !important;
    height: 37px !important;
}

ul.ui-autocomplete li {
    background-color: #ffffff !important;
}

.ui-state-focus {
    background: #ecf2fe !important;
    color: black !important;
    border: 0px !important;
    margin: 0px !important;
}

ul.ui-autocomplete {
    border: 0.5px solid #78c8e5 !important;
    font-size:1.3em !important;
  
}
.ui-widget input {
    font-size: 1.3em !important;
}
/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    /*browse page body*/
    .browse-bg {
        margin: 0;
        background-image: url("/Content/Assets/browse/Bg2-browse-jobs@2x.png");
        background-size: 100% 97%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 700px;
        object-fit: none; /*25July22*/
    }

    .browsecouple {
        width: 30%;
        height: auto;
        padding-right: 30px;
    }
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    /*browse page body*/
    .browse-bg {
        background-image: url("/Content/Assets/browse/Bg2-browse-jobs@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: none; /*25July22*/
    }

    .browsecouple {
        margin-top: 25px;
        max-height: 355px;
    }
}
/*for IPAD Pro*/
@media (max-device-width:1024px) {
    .browsecouple {
        margin-top: 237px;
        max-height: 1100px;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    /*browse page body*/
    .browse-bg {
        background-image: url("/Content/Assets/browse/Bg2-browse-jobs@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: none;/*25July22*/
    }

    .browsecouple {
        margin-top: 30px;
        max-height: 255px;
    }
}
/*for IPAD*/
@media (max-device-width:768px) {
    .browsecouple {
        margin-top: 150px;
        max-height: 1500px;
    }
    .bg-light {
        margin-bottom: 20%;
    }
}


/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    /*browse page body*/
    .browse-bg {
        background-image: url("/Content/Assets/browse/Bg2-browse-jobs@2x.png");
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: none; /*25July22*/
    }

    .browsecouple {
        margin-top: 35%;
        max-height: 205px;
    }
}

/*for Iphone 5S*/
/*FOR ENTERPRISE PAGE CSS*/
/*Background Image*/
.enterprise-bg {
    background-image: url("/Content/Assets/enterprise/Home-Background.png");
    background-repeat: no-repeat;
    background-size: cover;
}

/*Enterprise first content with girl image*/


/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

    #enterprise_firstcontent {
        background-image: url("/Content/Assets/enterprise/Enterprise-human@2x.png"), url("/Content/Assets/enterprise/Web 1280 - Dashboard 2 - Task-Employees@2x.png");
        background-position: left top, center;
        background-repeat: no-repeat, no-repeat;
        background-position: bottom 600px left 100%, top 190px left 130px;
        background-size: 280px 250px,80% 80%;
        width: 78%;
        height: 880px;
    }

}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
    #enterprise_firstcontent {
        background-image: url("/Content/Assets/enterprise/Enterprise-human@2x.png"), url("/Content/Assets/enterprise/Web 1280 - Dashboard 2 - Task-Employees@2x.png");
        background-position: left top, center;
        background-position: bottom 453px left 700px, top 160px left 150px;
        background-repeat: no-repeat, no-repeat;
        background-size: 250px 230px,70% 70%;
        width: 992px;
        height: 700px;
    }
}
/* View of ipad*/
@media (device-width:1024px) {
    #enterprise_firstcontent {
        background-position: bottom 508px left 600px, top 160px left 110px;
        background-size: 250px 230px,70% 90%;
        height: 750px;
    }

    .enterprise-bg {
        background-size: 100% 59%;
    }
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .first_content_letter {
        font-size: 34px !important;
    }

    #enterprise_firstcontent {
        background-image: url("/Content/Assets/enterprise/Enterprise-human@2x.png"), url("/Content/Assets/enterprise/Web 1280 - Dashboard 2 - Task-Employees@2x.png");
        background-position: left top, center;
        background-position: bottom 358px left 500px, top 160px left 110px;
        background-repeat: no-repeat, no-repeat;
        background-size: 250px 230px,70% 70%;
        width: 768px;
        height: 600px;
    }
}
/* View of Samsung Galaxy Tab 10*/
@media (device-width:800px) {
    .enterprise-bg {
        background-size: 100% 57%;
    }
}

/* View of ipad*/
@media (device-width:768px) {
    #enterprise_firstcontent {
        background-position: bottom 358px left 500px, top 160px left 110px;
        background-size: 250px 230px,70% 90%;
        height: 600px;
    }

    .enterprise-bg {
        background-size: 100% 77%;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
    .first_content_letter {
        font-size: 34px !important;
    }

    #enterprise_firstcontent {
        background-image: url("/Content/Assets/enterprise/Enterprise-human@2x.png"), url("/Content/Assets/enterprise/Web 1280 - Dashboard 2 - Task-Employees@2x.png");
        background-position: left top, center;
        background-position: bottom 100% left 90%, top 75% right 50%;
        background-repeat: no-repeat, no-repeat;
        background-size: 30% 40%,70% 70%;
        height: 820px;
    }
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    .first_content_letter {
        font-size: 24px !important;
    }

    #enterprise_firstcontent {
        background-image: url("/Content/Assets/enterprise/Enterprise-human@2x.png"), url("/Content/Assets/enterprise/Enterprise-screen@2x.png");
        background-position: left top, center;
        background-position: bottom 100% left 90%, top 75% right 50%;
        background-repeat: no-repeat, no-repeat;
        background-size: 30% 40%,90% 66%;
        height: 690px;
    }
    /*dd*/

}

/* View of ipad PRO*/
@media (min-device-width:1024px) {
    /*Iphone portrait and smaller*/
    .sd-human {
        height: 840px;
    }
}
@media screen and (max-width: 479px) {
    ul.ui-autocomplete {
        max-width: 86% ;
    }
    
}
@media screen and (max-width: 320px) {
    ul.ui-autocomplete {
        max-width: 82% ;
    }

}
.searchBoxAcc {
    
    border-width: thin;
    border-color: #b2a1f1 !important;
}

.searchBtn {
    background-color: #7656F2 !important;
}
.las_logo_img_modified {
    width: 40%;
    margin-right:10%;
}
.las_searchboxContainer {
    padding: 0px !important;
}
.las_largeDev{
    padding-left:0px!important;
}
.las_humancontainer {
    width: 100%;
    text-align: right !important
}
/*correct way for specified all device by SM*/
/*for XS (Mobile Phone)*/
@media screen and (max-width: 576px) {
    .las_searchBoxAcc.k-textbox, .las_searchBtn {
        height: 44px !important;
    }
    .ui-widget input {
        font-size: 1.1em !important;
    }
    ul.ui-autocomplete {
        max-width: 93% !important;
    }
    .mobile_mar_pad {
        margin: 0px !important;
        padding: 0px !important;
    }
    .mobile_search {
        margin: 5vw 0px 5vw 0px !important;
        padding: 0px !important;
    }
    .las_searchBtn{
        width:100%;
    }
    .las_bg {
        background-position: center !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background: url("/content/assets/home-mobile.png");
    }
    .las_container {
        bottom: unset !important;
    }
    .home_bg {
        background-image: url("/content/assets/home-mobile.png");
    }
    .logo_img_modified {
        width: 35%;
        margin-bottom:8%;
    }
    .searchBoxAcc {
        height: 55px !important;
    }
    .searchBtn {
        height: 55px !important;
        font-size: 1.3em !important;
    }

    .mobile_navdata {
        border-top:1px solid #f8f8f8 !important;
    }
    
}
/*for SM (Tablet)*/
@media screen and (min-width: 576px) {
    .las_bg {
        background-image: url("/content/assets/home-mobile.png");
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover !important;
        
    }
    .las_container {
        
        bottom: unset !important;
    }
   
    .logo_img_modified {
        width: 50% ;
    }
    .searchBoxAcc {
        height:60px !important;

    }
    .searchBtn {
        height: 60px !important;
        width: 135px !important;
        margin-top: 15px;
        font-size: 1.3em !important;
    }
    ul.ui-autocomplete {
        max-width: 60% !important;
    }

    .mobile_navdata {
        border-top: 1px solid #f8f8f8 !important;
    }
}
/*for MD (rotate screen )*/
@media screen and (min-width: 768px) {
        ul.ui-autocomplete {
            max-width: 60% !important;
        }
    .las_bg {
        background-image: url("/content/assets/home-mobile.png");
        background-position: 100% 100%;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: cover !important;
    }
    .las_container {
        
        bottom: unset !important;
    }
    .las_largeDev {
        margin-left: 10.8%;
        padding: 0px;
    }
    .home_bg {
        background-image: url("/content/assets/home-mobile.png");
    }
    .logo_img_modified {
        width: 50%;
    }
    .mobile_navdata {
        margin-top: unset;
    }
    }
/*for LG (some small device rotate screen)*/
@media screen and (min-width: 992px) {
    .las_container {
        
        bottom: unset !important;
    }
    .home_bg {
        background-image: url("/content/assets/home-mobile.png");
    }
    .logo_img_modified {
        width: 50%;
    }
}
/*for XL (Desktop/Laptop/Ipad Pro)*/
@media screen and (min-width:1200px) {
    .las_container {
        
        bottom: 0 !important;
    }
    .las_bg {
        background-image: url("/content/assets/home-background.png");
    }
        .home_bg {
        background-image: url("/content/assets/home-background.png");
        
    }
    ul.ui-autocomplete {
        max-width: 41.5% !important;
    }
    .logo_img_modified {
        width: 40%;
        margin-bottom: 5%;
    }
    .pdLeft{
        padding-left:0px!important;
    }
    .humanimg_web {
        width: 375px;
        margin-top: 55%;
    }
    .searchBoxAcc {
        height: 53px !important;
        border-width: thin;
        border-color: #b2a1f1 !important;
    }


    .searchBtn {
        height: 53px !important;
        width: auto !important;
        margin-top: unset;
        font-size:1.3em !important;
    }
    
}
@media only screen and (max-width: 991px) and (min-width: 575px) {
    .mdevice_Title{height:100px;}
    .session_margin {
        padding-bottom: 30% !important;
    }
}

/*correct way form device by SM*/
/*for XS (Mobile Phone)*/
@media screen and (max-width: 576px) {
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
}
/*for LG (some small device rotate screen)*/
@media screen and (min-width: 992px) {
}
/*for XL (Desktop/Laptop/Ipad Pro)*/
@media screen and (min-width:1200px) {
}