body
{
    padding-right:0px!important;
    -webkit-font-smoothing: antialiased;
    font-size: 15px;
    font-family: "museo-sans", sans-serif;
}
::selection { 
    background: #00A74A; color: #fff; 
}
.form-control:focus {box-shadow: none !important}
.success-message-popup
{
    height: 10em;
    width: 60%;
    position: relative;
    background: #E8EFF9 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #0023830B;
    font: 900 15px/30px museo-sans;
    color: #091841;
}
.success-message-popup p {
    margin-top: 2em;
}
.success-message-popup .close
{
    font-size: 30px;
    opacity: 1;
    color: #091841;
    position: relative;
    bottom: 0.3em;
    z-index: 1;
}
.container-fluid
{
    max-width: 1200px;
    padding-left: 30px;
    padding-right: 30px;
}
/* Css for password reset */
.display-password-message
{
    position: relative;
    bottom: 40.5em;
    right: 7em;
}
.password-reset-header
{
    height: 700px;
}
.password-reset-header .main-naivgation-bar
{
    background: #000F2F 0% 0% no-repeat padding-box;
    top: 0px;
    padding: 1em;
}
.send-password-resetmail
{
    position: relative;
    bottom: 38em;
    left: 8em;
}
.reset-card
{
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    height: 20em;
    padding: 6em;
}
.common-password-reset-header
{
    font: 900 30px/30px museo-sans;
    letter-spacing: -1.05px;
    color: #091841;
    position: relative;
    bottom: 2em;
}
.common-password-reset-input
 {
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
}
.common-password-reset-label
{
    font: 900 22px/40px museo sans;
    letter-spacing: -0.75px;
    color: #091841;
    position: relative;
}
.send-resetlink-btn 
{
    height: 50px;
    width: 425px;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    font: 700 16px/19px Museo Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    position: relative;
    left: 14em;
}

.password-reset-block
{
    position: relative;
    margin-top: 50px;
    left: 24em;
}
.password-reset-card
{
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    height: 30em;
    padding: 6em;
}
.password-reset-btn
{
    height: 50px;
    width: 380px;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    font: 700 16px/19px Museo Sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    position: relative;
    left: 12.5em;
}








/* Css for password reset */

/* CSS for login,signup modal */
.user-login-modal
{
    width: 354px;
    height:530px;
    background: #E8EFF9 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #0023830B;
    border-radius: 8px;
    display: block;
    position: relative;
    top: 15px;
    left: 122px;
}
.modal-header
{
    border: none;
    margin-bottom: -2.3em;
}
.or-block
{
    margin-bottom: -2.3em;
}
.modal-header h4
{
    font: 900 30px/60px museo-sans;
    letter-spacing: -1.05px;
    color: #091841;
    position: relative;
    left: 0.5em;
    bottom: 0.3em;
}
.modal-header span
{
    font: 500 16px/19px museo-sans;
    letter-spacing: 0px;
    color: #091841;
    position: relative;
    left: 1em;
    bottom: 1em;
}
.user-login-modal .login-form-block  input[type=email],.user-login-modal .login-form-block  input[type=password]
{
    height: 50px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px
}
.user-login-modal .login-form-block .login-button
{
    width: 290px;
    height: 45px;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    color: #FFFFFF;
    font: 500 16px/19px museo-sans;
}
#generatePassword
{
    position: relative;
    left: 45%;
    z-index: 1;
}
.login-form-block .forgot-password-link
{
    font: 500 14px/17px museo-sans;
    letter-spacing: 0px;
    color: #00A74A;
}
.login-form-block .login-border-bottom
{
    border-bottom: solid 1px #7C859F;
    position: relative;
    top: 30px;
}
.login-form-block  .or-span
{
    position: relative;
    font: 900 20px/60px museo-sans;
    letter-spacing: -0.5px;
    color: #091841;
    text-transform: uppercase;
}
.login-with-facebook
{
    height: 45px;
    width: 100%;
    border:none;
    background: #3B5998 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    font: 500 14px/17px museo-sans;
    color: #FFFFFF;
    letter-spacing: 0px;
    display: block;
    position: relative;
    top: 30px;
}
.login-with-google
{
    height:45px;
    width: 100%;
    border:none;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    font: 500 14px/17px museo-sans;
    color: #7C859F;
    letter-spacing: 0px;
    display: block;
    position: relative;
    top: 2.7em;
}

.login-with-google img,.login-with-facebook .fa
 {
    position: relative;
    right: 5px;
 }
 .loginblock-footer-span
 {
    position: relative;
    top: 4em;
}
.loginblock-footer-span span,.signup-footer-span  span
{
    font: 500 16px/19px museo-sans;
    letter-spacing: 0px;
    color: #7C859F;
}
.loginblock-footer-span a,.signup-footer-span  a
{
    font: 500 16px/19px museo-sans;
    letter-spacing: 0px;
    color: #00A74A;
}
.dismiss-modal
{
    font-size: 30px;
    font-weight: 100;
     opacity: 1;
     color:#091841;
     position: relative;
     right: 0.5em;
     top: 0.3em;
     z-index: 1;
}
.ask-for-signup-modal
{
    width: 392px;
    height: 350px;
    background: #E8EFF9 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #0023830B;
    display: block;
    position: relative;
    top: 15px;
    left: 112px;
}
.as-contractor-button
{
    height: 50px;
    width: 100%;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    font: 500 16px/19px museo-sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
}
.as-consumer-button
{
    height: 50px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 5px 5px 10px #00238329;
    font: 500 16px/19px museo-sans;
    letter-spacing: 0px;
    color: #7C859F;
    border: none;
    border-radius: 8px;
}
.ask-for-signup-modal .login-border-bottom
{
    border-bottom: solid 1px #7C859F;
    position: relative;
    top: 30px;
}
.ask-for-signup-modal  .or-span
{
    position: relative;
    font: 900 20px/60px museo-sans;
    letter-spacing: -0.5px;
    color: #091841;
    text-transform: uppercase;
    text-align: center;
}
.signup-footer-span
 {
    position: relative;
    top: 30px;
}
.consumer-register-modal
{
    width: 392px;
    height: 370px;
    background: #E8EFF9 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #0023830B;
    border-radius: 8px;
    position: relative;
    left: 60px;
    top: 15px;
}
.consumer-register-modal .login-border-bottom
{
    border-bottom: solid 1px #7C859F;
    position: relative;
    top: 30px;
}
.consumer-register-modal  .or-span
{
    position: relative;
    font: 900 20px/60px museo-sans;
    letter-spacing: -0.5px;
    color: #091841;
    text-transform: uppercase;
}
.consumer-register-modal  .login-with-google,.consumer-register-modal .login-with-facebook
{
    top:0px;
}
.consumer-register-modal .consumer-already span
 {
    position: relative;
    top:0px;
}
.contractor-register-modal 
{
    width: 600px;
    height:560px;
    background: #E8EFF9 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #0023830B;
    border-radius: 8px;
    position: relative;
    /* right: 60px; */
}
.contractor-register-modal input[type=text],
.contractor-register-modal input[type=email],
.contractor-register-modal input[type=password]
{
    height:45px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 8px;
    margin-bottom: 1.5em;
}
.create-account-block
{
    position: relative;
    bottom: 3em;
}
.bottom2em
{
    position: relative;
    bottom: 3em;
}
.contractor-register-modal  .create-account-button
{
    height: 45px;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    font: 500 16px/19px museo-sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
}
.contractor-register-modal .login-border-bottom
{
    border-bottom: solid 1px #7C859F;
    position: relative;
    top: 30px;
}
.contractor-register-modal  .or-span
{
    position: relative;
    font: 900 20px/60px museo-sans;
    letter-spacing: -0.5px;
    color: #091841;
    text-transform: uppercase;
}
.contractor-register-modal .login-with-facebook
{
    top: 0px;
}
.contractor-register-modal .login-with-google
{
    top: 20px;
}
#username-error,
#lastname-error,
#account_email-error
{
    color: red;
    position: absolute;
    top: 3em;
    left: 1.5em;

}
#Password-error
{
    color: red;
    position: relative;
    bottom: 1em;
    left: 0.5em;
}
.passwordmatch-error
{
    position: relative;
    font-weight: normal;
    float: right;
    right: 1em;
    bottom: 3.5em;
}

.user-login-modal .login-form-block .login-button, .contractor-register-modal .create-account-button {
    font-weight: 700;
}









/*Css for login,signup modal */

/* CSS for registration-form validation error*/
label {
    display: block;
}
.label-for-payment
{
    white-space: nowrap;
}
input.error,
select.error,
textarea.error
 {
    border: 1px solid red;
}

label.error,.sub-amount-label
 {
    font-weight: normal;
    color: red;
}
label[for=tagline],
label[for=about_me],
label[for=categoryList],
label[for=abn]
{
    font-weight: normal;
    color: red;
    position: relative;
    /* left: 15px; */
}
label[for="payment_method[]"]
{
    font-weight: normal;
    color: red;
    white-space: nowrap;
    position: absolute;
    top: 11.3em;
    right: 0em;
}
label[for=insurance]
{
    white-space: nowrap;
    font-weight: normal;
    color: red;
    position: absolute;
    left: 12.3em;
    top: 0.5em;
}
label[for="myprofileIcon"]
{
    white-space: nowrap;
    color: red;
    position: relative;
    top: 5px;
    right: 1em;
    font-size: 10px;
}
.password-error
{
    position: relative;
    left: 20px;
    bottom: 25px;
    z-index: -1;
}
label[for="mondayOpen"],
label[for="mondayClose"],
label[for="tuesdayOpen"],
label[for="tuesdayClose"],
label[for="wednesdayOpen"],
label[for="wednesdayClose"],
label[for="thursdayOpen"],
label[for="thursdayClose"],
label[for="fridayOpen"],
label[for="fridayClose"],
label[for="saturdayOpen"],
label[for="saturdayClose"],
label[for="sundayOpen"],
label[for="sundayClose"]    
{
    font-weight: normal;
    white-space: nowrap;
    color: red;
    z-index: -1;
    font-size: 11px;
    margin-bottom: -10px;
}
.sevicelist-label,.relevent-licence-label
{
    font-weight: normal;
    color: red;
    position: relative;
    /* left: 15px; */
}
label[for="Text1"]
{
    font-weight: normal;
    color: red;
    position: absolute;
    left: 2em;
    top: 3.5em;
}
.sevicelist-label-div
{
    font-weight: normal;
    color: red;
    position: absolute;
    top: 1em;
}
label[for="Text2"] 
{
    font-weight: normal;
    color: red;
    position: absolute;
    top: 2em;
    left: 1.5em;
}
label[for="Text3"] 
{
    font-weight: normal;
    color: red;
    position: absolute;
    top: 1.7em;
    left: 28em;
}
/* CSS for registration-form validation error*/

/* css for service-provider registration */
.cts-social-login-wrapper .buttons {
    text-align: center;
    -webkit-transition: .15s ease;
    transition: .15s ease;
    white-space: nowrap;
    height: 44px;
    width: 100%;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
}
.cts-social-login-wrapper .buttons i {
    vertical-align: middle;
    float: none;
    margin-right: 10px;
}
.cts-google-signin {
    background-color: #fff!important;
    color: rgba(0,0,0,.54);
    border: 1px solid rgba(0,0,0,.1);
    margin-bottom: 10px;
}
.cts-facebook-signin {
    color: #fff!important;
    float: right;
    background: #4267b2!important;
}
.cts-google-signin i:before {
    background: url(https://main.mylistingtheme.com/wp-content/themes/my-listing/assets/dist/../images/g-logo.png);
    background-size: contain;
    background-repeat: no-repeat;
}
.text-decoration-none
{
    text-decoration:none!important;
}
.submit-reset-row {
    position: relative;
    bottom: 40px;
}

/* css for service-provider registration */


/* css for Homepage Heading Section */
.display-error
{
       /* display: inline-block; */
       position: absolute;
       z-index: 1;
       top: 84px;
       /* left: 19em; */
       /* width: 34%; */
       text-align: center;
       /* float: right; */
       right: 20px;
}
.main-naivgation-bar
{
    background: none;
    border: none;
    margin-top: 30px;
}
.main-naivgation-bar .navbar-collapse ul li a
{
    font-family: "museo-sans", sans-serif !important;
    opacity: 1;
    color: #FFFFFF;
    padding: 11px 24px;
    font-weight: 700;
    transition: color 0.2s ease;
}
.main-naivgation-bar .navbar-collapse ul li a:hover 
{
    color: rgba(255,255,255,0.6);
    cursor: pointer;
}
.main-naivgation-bar .navbar-collapse ul li.menu-button a {
    background: #00A74A;
    background: #00A74A 0% 0% no-repeat padding-box;
    box-shadow: 5px 5px 10px #00238329;
    border-radius: 8px;
    padding: 11px 30px;
    margin: 0 20px;
}
.navbar-right
{
    margin-top: 4px;   
}
.brand-logo
{
    width: 180px;
    height: auto;
}
.right-navbar-block
{
      position: relative;
    top: 25px;
    right: 85px;
}
/* Header 2.0 CSS */
button:focus, a:hover, a:focus {
    outline: none;
    text-decoration: none;
}
.header-container {
    width: 1200px;
    margin: 0 auto;
    max-width: calc(100% - 40px);
}
.main-header {
    background: #000F2F;
}
.main-header .site-logo {
    width: 170px;
}
.main-header .header-container {
    padding: 25px 10px;
    max-width: calc(100% - 50px);
    display: flex;
    align-items: center;
}
.main-header .header-search {
    display: flex;
    align-items: center;
    width: 520px;
}
.main-header .header-search button {
    padding: 17px 25px 17px 18px;
    border: 0;
    border-radius: 8px;
    margin-left: 40px;
    background: #fff;
    font-weight: 700;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.5);
    text-align: left;
    font-size: 13px;
}
.main-header .header-search button:hover {
    cursor: pointer;
}
.main-header .header-search button i {
    color: #00A74A;
    margin-right: 5px;
    font-size: 1.4em;
    position: relative;
    top: 2px;
}
.main-header .main-menu {
    display: flex;
    justify-content: flex-end;
    width: calc(100% - 520px);
}
.main-header .main-menu ul {
    list-style: none;
    margin: 0;
}
.main-header .main-menu ul li {
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
}
.main-header .main-menu ul li:not(:last-child) {
    margin-right: 30px;
}
.main-header .main-menu ul li.menu-button {
    
}
.main-header .main-menu ul li a {
    color: #fff;
    transition: color ease 0.2s;
    font-size: 14px;
}
.main-header .main-menu ul li a:hover {
    color: rgba(255,255,255,0.7);
    cursor: pointer;
}
.main-header .main-menu ul li.menu-button a {
    background: #00a74A;
    padding: 14px 24px;
    border-radius: 8px;
    box-shadow: 5px 5px 20px rgba(0,0,0,0.5);
}
#sidebar-toggle {
    display: none;
    color: #fff;
    font-size: 36px;
    position: relative;
    z-index: 9;
}
#sidebar-toggle:hover {
    cursor: pointer;
}
#sidebar-menu {
    background: rgba(0,15,47,1);
    position: fixed;
    top: 0;
    right: -290px;
    padding: 20px;
    width: 250px;
    height: 100vh;
    visibility: hidden;
    transition: all 0.2s ease;
    z-index: 8;
}
#sidebar-menu.open {
    right: 0;
    visibility: visible;
}
#sidebar-menu ul {
    list-style: none;
    margin: 0;
    padding: 10px;
}
#sidebar-menu ul li {
    padding: 10px 0;
}
#sidebar-menu ul li.menu-button a {
    background: #00A74A;
    padding: 8px 16px;
    display: inline-block;
    border-radius: 6px;
}
#sidebar-menu ul li a {
    color: #fff;
    transition: color ease 0.2s;
}
#sidebar-menu ul li a:hover {
    color: rgba(255,255,255,0.6);
    cursor: pointer;
}
.main-header.transparent-header {
    background: none !important;
}
.main-header.no-search .header-search button {
    display: none !important;
}
.main-header.no-search .site-logo {
    min-width: 160px !important;
}
@media screen and (max-width: 1024px) {
    .main-header .main-menu ul {
        display: none !important;
    }
    #sidebar-toggle {
        display: block !important;
    }
}
@media screen and (max-width: 768px) {
    .main-header .header-search button {
        white-space: nowrap;
        overflow: hidden;
        width: 40vw;
        margin-left: 30px;
        color: #7C859F;
    }
    .main-header .site-logo {
        width: 120px;
    }
    .main-header .header-container {
        padding: 20px;
        max-width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .main-header .header-search button {
        width: calc(80vw - 140px);
        margin-left: 4vw;
        padding: 13px 25px 14px 13px;
    }
    .main-header .site-logo {
        width: 110px;
    }
    .main-header .header-container {
        padding: 15px 20px 15px 12px;
        max-width: 100% !important;
    }
}


/* Home Page CSS */
.bg-overlay
{
    background: linear-gradient(rgb(0, 15, 47,0.7), rgb(0, 15, 47,0.7)), url(/img/tradesman.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 30%;
    height: 600px;

}
  
.top-section
{
    display: block;
    position: relative;
    bottom: 400px;
    height: auto;
}
.top-caption-block span {
    font: 900 55px/55px museo-sans;
    letter-spacing: -1.5px;
    color: #FFFFFF;
}
.homepage-searchbox-block {
    display: inline-block;
    position: relative;
    top: 40px;
}
.homepage-searchbox-block input[type="text"] 
{
    display: block;
    border: none;
    height: 60px;
    padding: 0px 5px 1px 56px;
    width: 335px;
    font-family: "museo-sans", sans-serif !important;
    font-weight: 900;
    color: #091841;
}
.homepage-searchbox-block input[type="text"]::placeholder
{
    font: 600 13px/18px museo-sans;
    letter-spacing: 0px;
    color: #091841;
    opacity: 0.75;
}
.homepage-searchbox-block .second-input 
{
    position: relative;
    left: 55px;
}
.homepage-searchbox-fa-icons
{
    color: #00A74A;
    position: relative;
    right: 5.4em;
    top: 2em;
    z-index: 1;
    font-size: 21px;
}
.homepage-searchbox-block .search-btn
{
    font: 700 15px/18px museo-sans;
    width: 100px;
    height: 61px;
    background: #00A74A;
    border: none;
    display: block;
    color: #FFFFFF;
    position: relative;
    top: 1.44em;
    left: 4.5em;
}
.top-caption-lower span
{
    font: 500 18px/22px museo-sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    top: 4em;
}
.mid-section 
{
    position: relative;
    bottom: 195px;
}
.mid-section .mid-section-block h5
{
    font: 900 42px/60px museo-sans;
    letter-spacing: -1.05px;
    color: #091841;
}
.mid-section .mid-section-block .heading-span
{
    font: 500 18px/22px museo-sans;
    letter-spacing: 0px;
    color: #7C859F;
}

.category-tiles-block 
{
    position: relative;
    top: 30px;
    right: 0.3em;
    width: 100%;
    padding: 0px 150px;
}
.category-tiles-block .tiles-span
{
    font: 500 17px/29px museo-sans;
    letter-spacing: 0px;
    color: #FFFFFF;
    position: relative;
    float: left;
    left: 1.5em;
    top: 11em;
}
.mid-section-block .category-tiles
{
    background-repeat: no-repeat!important;
    background-size: cover!important;
    background-position: center!important;
    width: 230px;
    height: 230px;
    margin-top: 0.5em;
}
.all-location-btn
{
    font: 500 15px/18px museo-sans;
    width: 183px;
    height: 52px;
    background: #00A74A 0% 0% no-repeat padding-box;
    color:#FFFFFF;
    box-shadow: 3px 6px 10px #09184129;
    border-radius: 8px;
    opacity: 1;
    float:right;
    display: block;
    position: relative;
    top: 15px;
    padding: 15px;
}
.find-contractor-block,.find-contractor-list-block
{
    border-bottom: solid #EEEEEE 2px;
}
.find-contractor-block h5 
{
    font: 900 40px/60px museo-sans;
    letter-spacing: -1.05px;
    color: #091841;
    position: relative;
    right: 15px;
}
.bottom-section 
{
    position: relative;
    bottom: 8em;
}
.bottom-section .find-contractor-list-block 
{
    display: block;
    position: relative;
    top: 20px;
    margin-bottom: 65px;
    padding-bottom: 60px;
}

.bottom-section .find-contractor-list-block ul  
{
    list-style: none;
    position: relative;
    right: 52px;
}
.bottom-section .find-contractor-list-block ul  li a
{
    font: 500 16px/48px museo-sans;
    letter-spacing: -0.45px;
    color: #00A74A;
    line-height: 35px;
    white-space: nowrap;
    text-decoration:none;
}
.lower-section  {
    display: block;
    position: relative;
    bottom: 95px;
    height: 500px;
}
.find-contractor-main {
    /* width: 70em;
    position: relative;
    right: 4.5em; */
    position: relative;
    left: 2.6%;
}
.hows-work-main
{
    position: relative;
    left: 3em;
}
.lower-section .hows-work-block h5
 {
    font: 900 40px/60px museo-sans;
    letter-spacing: -1.05px;
    color: #091841;
    white-space: nowrap;
}

.lower-section .hows-work-block span
 {
    font: 500 18px/22px museo-sans;
    letter-spacing: 0px;
    color: #7C859F;
}
.rounded
{
    position: relative;
    left: 8em;
    top: 2em;
}
.rounded-right
 {
    position: relative;
    right: 1em;
}
.rounded-div {
    width: 70px;
    height: 70px;
    background: #00A74A 0% 0% no-repeat padding-box;
    border-radius: 50px;
    position: relative;
    display: block;
    left: 25%;
    color: #ffff;
    font-size: 30px;
    text-align:center;

}
.rounded-div .fa,.rounded-div .fal
{
    font-weight: 200;
    position: relative;
    top: 0.5em;
}
.rounded span
 {
    font: 500 19px/22px museo-sans;
    letter-spacing: 0px;
    color: #091841;
    position: relative;
    top: 15px;
}

.quality-contractor-main-row
 {
    position: relative;
    bottom: 27em;
    /* left:0.9em; */
}
.quality-contractor-overlay
{
    background-color: #091841;
    position: relative;
}
.quality-contractor-bg 
{
    background: linear-gradient(rgba(9,24,65,.5), rgba(9,24,65,.5)), url(/img/AdobeStock_91576935_Preview.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 264px;
    background-position: center;
   width: 100vw;
    margin-left: calc(-50vw + 50%);

}
.add-listing-btn
{
    font: 500 15px/18px museo-sans;
    width: 213px;
    height: 64px;
    background: #00A74A 0% 0% no-repeat padding-box;
    color:#FFFFFF;
    box-shadow: 3px 6px 10px #09184129;
    border-radius: 8px;
    border: none;
    display: block;
    position: relative;
    top: 101px;
    left: 46px;
    z-index: 1;
    float: right;
}


.quality-contractor-block
 {
    display: block;
    position: relative;
    top: 74px;
    left: 10.3%;
    z-index: 1;
}

.quality-contractor-block h5 {
    font: 900 40px/60px museo-sans;
    letter-spacing: -1.05px;
    color: #FFFFFF;
}

.quality-contractor-block span {
    font: 500 18px/22px museo-sans;
    letter-spacing: 0px;
    color: #FFFFFF;
}

/* Css for Footer */
.main-footer
{
    margin-bottom: 45px;
}
.main-forntend-footer
{
    position: relative;
    bottom: 25em;
    margin-bottom: -29em;
}

.footerblock-top-row
{
    /* border-bottom: solid #EEEEEE 2px; */
    padding-bottom: 100px;
}
.footer-hr
{
    position: relative;
    left: 15px;
    border-bottom: solid #EEEEEE 2px;
}
.footer-brand-logo
{
    float: left;
}
.footer-socialmedia-block
{
    display: inline-flex;
    position: relative;
    top: 45px;
    float: left;
}
.footer-socialmedia-block .socialmedia-round
 {
    display: block;
    background-color: #00A74A;
    border-radius: 50px;
    height: 35px;
    width: 35px;
    text-align: center;
    color: #ffff;
    margin: 5px;
}
.footer-socialmedia-block .socialmedia-round .fa
{
    position: relative;
    top: 0.6em;
}

.discover-ul h6,.company-ul h6 {
    text-align: left;
    font: 700 15px/18px museo-sans;
    letter-spacing: 0px;
    color: #091841;
}
.discover-ul ul,.company-ul ul
{
    position: relative;
    list-style: none;
    right: 42px;
}
.discover-ul ul li a,.company-ul ul li a
{
    font: 500 13px/30px museo-sans;
    letter-spacing: 0px;
    color: #7C859F;
    line-height: 2.5em;
    text-decoration: none;
}
.footerblock-bottom-row
{
    padding-top: 20px;
}
.copyright-block .allrights-reserved-span
{
    font: 500 11px/13px museo-sans;
    letter-spacing: 0px;
    color: #7C859F;
    white-space: nowrap;
}
.websiteby-block .websiteby-span
{
    font: 500 11px/13px museo-sans;
    letter-spacing: 0px;
    color: #7C859F;
    float:right;
    white-space: nowrap;
}



/* css for Homepage Heading Section End  */

/* Media Responsive Css /*


/* Extra small devices (phones, 600px and down) */
@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-inverse .navbar-toggle {
        background: transparent!important;
        border: none;
    }
    .navbar-collapse {
        margin-left: -17px;
        margin-right: -30px;
        width: calc(100% + 32px);
        padding-bottom: 0;
        background: none !important;
        box-shadow: none !important;
        border: none !important;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .collapse.in {
        display: block!important;
    }
    .navbar-nav {
        float: none!important;
        background: rgba(0,15,47,0.95);
        padding: 10px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .main-naivgation-bar .navbar-collapse ul li {
        text-align: center;
        padding: 2px;
    }
    .main-naivgation-bar .navbar-collapse ul li.menu-button a {
        display: inline-block;
        margin: 6px 0;
    }
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/
@media screen and (min-width: 768px) {
.homepage-searchbox-block .search-btn {
    border-radius: 0 4px 4px 0;
    margin-left: -2px;
    margin-top: 1px;
    height: 60px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
    .find-contractor-main{
        width: 100% !important;
    }

    .second-add-listing-btn
    {
        display: inline-block;
    width: 100% !important;
    text-align: center;

    }

    .hows-work-main {
        width: 108% !important;
        padding-right: 0px !important;
        left: -17px !important;
        margin-left: -64px !important;
    }

    .add-listing-btn {
        /* left: 17px !important; */


    }



}

.headericonclass{
    margin-left:98px;

   }
@media (min-width:320px) and (max-width:767px) {
    .container-fluid {
        /*padding-left: 17px;*/
        padding-left: 20px;
        padding-right: 20px;
    }
   .headericonclass{
    margin-left:0px;
   }
   .success-message-popup
   {
    font: 900 12px/17px museo-sans;
    width: 100%;
    left: 0.5em;
    padding-bottom: 10em;
   } 
   .navbar-collapse {
    border: none !important;
    box-shadow: none !important;
   }
   /*
   .navbar-collapse.in {
    overflow-y: hidden;
    width: 127%;
    position: relative;
    right: 0em;
    top: 1.3em;
}
 .navbar-collapse
{
    background: rgb(0, 15, 47)!important;
    width: 127%;
    position: relative;
    right: 0em;
    top: 1.3em;
    padding-bottom: 3em;
}
.navbar-collapse.in {
    width: 100%;
    width: calc(100% + 60px);
    padding-bottom: 0;
    background: none !important;
} */

}
@media (min-width: 768px) and (max-width: 1024px) {
    .mid-section-block .category-tiles{
        width: auto !important;
    }
    .searchbarclassaddextra{
        /* top:-1px !important; */

    }
    .roundad-span-block{
        width: 106% !important;

    }
    .top-caption-block span {
        font: 900 48px/48px museo-sans;
        position: relative;
        /* bottom: 1.5em; */
    }
    .top-caption-lower span {
        top: 3em;
    }
    .homepage-searchbox-block
    {
        /* right: 6em; */
        /* top: -4em; */
    }
    .homepage-searchbox-block input[type="text"]
     {
        /* position: relative;
        right: 6em; */
    }

    .searbar{
        margin-left: -63px !important;

    }

    .searchheader{
        top: 1px !important;
    margin-left: -81px !important;

    }
    .homepage-searchbox-block .fa-user
    {
        /* margin-right: 114px !important; */
        /* float: right;
        padding-right: 69px; */
    }
    .homepage-searchbox-block .fa-map-marker
    {
        /* margin-right: 114px !important; */
    }
    .homepage-searchbox-block .search-btn 
    {
        left: 130px;
        top: 21px;
        width: 128px;
    }
    .category-tiles-block {
        padding: 1px 0px 1px 28px;
    }

    .allimages{
        padding-left: 4px !important;
    padding-right: 4px !important;

    }
    .find-contractor-block h5
     {
        font: 900 35px/40px museo-sans;
    }
    .all-location-btn 
    {
        width: 166px;
        height: 47px;
        top: 0px;
    }
    .find-contractor-block,.find-contractor-list-block
     {
        margin-left: 0px;
        padding-bottom: 17px;
        margin-right: 3em;
    }

    .hows-work-main{
        width: auto;
    padding-right: 0px !important;
    left: 0px;
    margin-left: -66px !important;

    }
    .contractor-list-block ul li
     {
        font: 500 16px/48px museo-sans;
    }
    .find-contractor-list-block
    {
        padding-bottom: 2em!important;
    }
    .lower-section .hows-work-block h5
     {
        font:  900 30px/22px museo-sans;
    }
    .rounded
     {
        top: 0em;
        left: 1em;
    }
    .rounded span 
    {
        font: 500 16px/22px museo-sans;
    }
    .quality-contractor-main-row
    {
        bottom: 30em!important;
    }
    .quality-contractor-block
     {
        top: 5em;
        width: 100% !important;
        text-align: center;
        left: 0px;
    }
    .hows-work-block{
        margin-left: 15px;

    }
    .quality-contractor-block h5 
    {
        font: 900 35px/70px museo-sans;
    }
    .quality-contractor-block span
     {
        font: 500 16px/22px museo-sans;
    }
    .add-listing-btn
    {
        /* left: 0px !important;
        top: 3.5em !important; */
        width: 185px;
        height: 54px;
        display: inline-block !important; 
        left: 0px !important;
        top: 100px !important;
        float: none !important;
    }
    .quality-contractor-bg
     {
        background: linear-gradient(rgba(9,24,65,.5), rgba(9,24,65,.5)), url(/img/AdobeStock_91576935_Previewtablet.png);
        background-position: top;
        height: 341px;
    }
    .main-forntend-footer
     {
        /* margin-bottom: 0em; */
        bottom: 28em;
    }
    .footerblock-top-row 
    {
        padding-bottom: 6em;
    }
    .footer-socialmedia-block 
    {
        float: none;
    }
    .footer-brand-logo 
    {
        position: relative;
        left: 1em;
    }
    .footerblock-bottom-row
    {
        margin-top: 8em;
        position: relative;
        bottom: 8em;
        margin-left: 1em;
        margin-right: 1em;
    }
    .footer-hr
     {
        /* margin-left: 1em; */
        margin-right: 3em;
    }
    
    
    
  }
  .allimages {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.mid-section-block .category-tiles {
    width: auto !important;
}
  /* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 335px)


{
    .homepage-searchbox-block{
        margin-left: -11px !important;

    }
    .homepage-searchbox-block input[type="text"]{
        width: 311px !important;
    }

    .homepage-searchbox-block .search-btn{
        width: 313px !important;
    }
}
@media (min-width: 320px) and (max-width: 767px)
 {   
    .rounded-div{
        display: inline-block !important;
        left:0px; 
    }

    .second-add-listing-btn{

        display: inline-block !important;
    width: 100% !important;
    text-align: center;

    }

    .hows-work-main{
        left: 2px;
    }
    .mid-section-block 

    {
        padding-right: 0px !important;
        padding-left: 50px !important;
    }
    .mid-section-block  .category-tiles{
        width: 100% !important;
        height: 10em;
       
    }
    .category-tiles .tiles-span
    {
        left: 1em;
        top: 8em;
        font: 500 14px/20px museo-sans;
    }

    .allimages{
        padding-left: 4px !important;
    padding-right: 4px !important;

    }
    .brand-logo
    {
        width: 150px;
    }
    .top-caption-block span
     {
        font: 900 28px/28px museo-sans;
        line-height:1em;
    }
    .top-section 
    {
        bottom: 443px;
    }
    .homepage-searchbox-block{
        top: 16px;
        width: min-content;
        display: inline-block;
    }
    .homepage-searchbox-block input[type="text"]
     {
        position: relative;
        /* right: 5.3em; */
        height: 58px;
        width: 320px;
        margin-bottom: -2em;
    }

    .searbar{
        margin-left: 0px !important;

    }

    .searchheader{
        margin-left: 0px !important;

    }
    .homepage-searchbox-block .second-input
    {
        left:0px !important;
    }
    .homepage-searchbox-block .first-input::placeholder,
    .homepage-searchbox-block .second-input::placeholder
    {
        font-size: 13px!important;
    }
    .homepage-searchbox-fa-icons
    {
        right: 6.5em;
    }
    .homepage-searchbox-block .search-btn 
    {
        width: 320px;
        height: 58px;
         left: 0px;
        text-align: left;
        padding: 20px;
    }
    .homepage-searchbox-block .search-btn:after
    {
        font-family: "Font Awesome 5 Pro";
        content: "\f105";
        vertical-align: middle;
        font-weight: 100;
        font-size: 30px;
        position: relative;
        left: 7.5em;
        top: 0.1em;
    }
    .top-caption-lower span 
    {
        font: 500 14px/17px museo-sans;
    }
    .top-caption-lower
    {
        max-width: 280px;
        width: 100%;
        margin: 0 auto;
    }
    .category-heading
    {
        position: relative;
        margin-right: 44px;
        bottom: 5em;
    }
    .mid-section .mid-section-block h5
     {
        font: 900 25px/20px museo-sans;
        line-height: 1em;
    }
    .mid-section .mid-section-block .heading-span
     {
        font: 500 15px/18px museo-sans;
        white-space: nowrap;
    }
    .category-tiles-block
    {
        padding: 0px!important;
        right: 0.7em;
        top: -4em;
    }
    .mid-section-block .category-tiles-plumber,
    .mid-section-block .category-tiles-tiler,
    .mid-section-block .category-tiles-electrician,
    .mid-section-block .category-tiles-handyman,
    .mid-section-block .category-tiles-painter,
    .mid-section-block .category-tiles-aircondition
     {
        width: 175px;
        height: 140px;
        margin-top: 0.4em;
    }
    .mid-section-block .category-tiles-locksmith,
    .mid-section-block .category-tiles-carpenter
    {
        margin-top: 0em!important;
        width: 175px;
        height: 140px;
    }
    .find-contractor-block h5
    {
        text-align: center;
        white-space: nowrap;
        font: 900 25px/20px museo-sans;
        margin-bottom: -0.5em;
    }
    .all-location-btn
    {
        position: relative;
        top: 35em;
        float: none !important;
        display: inline-block !important;
        /* left: 6em; */
        margin-bottom: 20px;
    }

    .list-viewall-btn
    {
        text-align: center;
    position: initial;
    width: 100%;
    display: absolut;
    margin-top: -50px;
    /* margin-top: 100px; */
    }
    .find-contractor-block 
    {
        margin-left: 0.1em;
        margin-right: 0.1em;
        position: relative;
        bottom: 8em;
    }
    .find-contractor-list-block
     {
        top: -6.5em!important;
        left: -1em;
        margin-left: 1em; 
        padding-bottom: 10em!important; 
    }
    .bottom-section .find-contractor-list-block ul 
    {
        right: 1em;
    }
    .bottom-section .find-contractor-list-block ul li
     {
        text-align: -webkit-center;
    }
    .lower-section 
    {
        bottom: 18em;
        /* right: 0.5em; */
    }
    .hows-work-block
    {
        text-align: center;
    }
    .lower-section .hows-work-block h5 
    {
        font: 900 30px/60px museo-sans;
        white-space: nowrap;
        
    }
    .lower-section .hows-work-block span 
    {
        font: 500 14px/17px museo-sans;
    }
     .rounded
    {
        left:10px !important;
    }
    .roundad-span-block 
    {
        text-align: center;
        padding: 1em;
    }

    .rounded-right

    {
            right:0px !important;
    display: inline-block;

    }
    .rounded span
    {
       top: 0px !important;
    }
    .margin-bottom-2em
     {
        width: 100%;
        text-align: center;
        margin-bottom: 2em;
        /* right: 1em; */
        display: inline-block;
    }
    .quality-contractor-block
     {
        top: 5em;
        left: 0px;
        text-align: center;
    }
    .quality-contractor-bg 
    {
        background: linear-gradient(rgba(9,24,65,.5), rgba(9,24,65,.5)), url(/img/AdobeStock-mobile.png);
        background-size: cover;
    }
    .quality-contractor-main-row 
    {
        margin-top: 8em;
    }
    .quality-contractor-block h5 
    {
        font: 900 20px/24px museo-sans;
        letter-spacing: -0.6px;
    }
    .quality-contractor-block span 
    {
        font: 500 14px/17px museo-sans;
    }
    .add-listing-btn
    {
        width: 168px;
        height: 54px;
        /* left: 6em; */
        text-align: center;
        margin-top: 104px;

        display:inline-block !important; 
     position: relative; 
    top:0px ; 
    left:0px;
    float: none !important;
    }
    .footer-brand-logo
     {
        width: 100%;
    text-align: center;
    margin-top: 33px;
    }


    .discover-ul h6{
        text-align: center;
    }
    .footer-socialmedia-block
    {
        position: relative;
        /* margin-left: 27%; */
        /* left: 8em; */
        top: 2em;
        /* padding-left: 32%; */
        width: 100% !important;
        /* text-align: center !important; */
        display: inline-flex;

        display: inline-block !important;
    width: 100% !important;
    text-align: center;

    }

    .footer-socialmedia-block  a{

        text-align: center;
        /* margin-top: 104px; */
        display: inline-block !important;
        position: relative;
        top: 0px !important;
        left: 0px !important;
    }
    .discover-ul
     {
         text-align: center;
        position: relative;
        /* left: 11.5em; */
        top: 3em;
    }
    .company-ul
    {
        position: relative;
        top: 3em;
        text-align: center;
        /* left: 11.5em; */
    }

    .company-ul h6 {
        text-align: center;


    }
    .footer-hr 
    {
        /* margin-top: 8em; */
        /* margin-left: 0.1em; */
        left: 0em;
    
    }
    .copyright-block
    {
        text-align:center;
        margin-bottom: 1em;
        margin-top: 1em;
    }
    .websiteby-block
    {
        text-align:center;
        margin-bottom: 5em;
    }
    .websiteby-block .websiteby-span 
    {
      
        float: none;
    }
    .discover-ul ul, 
    .company-ul ul 
    {
        /* right: 12.3em; */
        left: -20px;
    }
     .company-ul ul
     {
        text-align:center;
    }
    






    
  }







/* Media Responsive Css /*
/* modal make respsonsive */

@media (min-width:320px) and (max-width:500px) {

    .user-login-modal{
        width: auto;
        left: 0px;
    }

    .user-login-modal .login-form-block .login-button{
        width: 100%;
    }
    .contractor-register-modal{
        width: 90%;
        right: -22px !important;
    }
    .consumer-register-modal {
        width: 100%;
        left: 0em;
    }
    .consumer-register-modal .or-span {
        text-align: center;
    }

    .contractor-register-modal .create-account-button {
    width: 100%;
}


    

}

@media (min-width:320px) and (max-width:767px) {
    .main-naivgation-bar {
        width: calc(100% + 45px);
        margin: 0;
        margin-left: -15px;
        padding: 20px 15px;
    }
    .contractor-register-modal{
        width: auto;
        height: 100%;
        right: -31px;
        left: 0em;
    }
    .navbar-inverse .navbar-toggle {
        margin: 0;
        padding: 15px;
    }



    .contractor-register-modal input[type=password] {
       
        margin-bottom: -0.5em;

}
.passwordmatch-error {
   
    bottom: 1.5em;
}

.create-account-block {
   
    bottom: 1em;
}
   

}

@media (min-width:320px) and (max-width:500px) {

    .ask-for-signup-modal{
        left:0px;
        width:auto;
    }



   

}

@media (min-width:501px) and (max-width:550px) {

    .ask-for-signup-modal{
        left:50px;
        /* width: 95%; */
    }


}

@media (min-width:551px) and (max-width:600px) {

    .ask-for-signup-modal{
        left:50px;
        /* width: 100%; */
    }


}

@media (min-width:768px) and (max-width:991px) {

   
    .contractor-register-modal{
         height: auto;
    }



    .contractor-register-modal input[type=password] {
       
        margin-bottom: -0.5em;

}
.passwordmatch-error {
   
    bottom: 1.5em;
}

.create-account-block {
   
    bottom: 1em;
}

 }
 @media (min-width:1600px) and (max-width:2000px) {
 .footer-brand-logo{
    margin-left: -15px;
 }

}

.query-list{
    position: absolute;
    width: 100%;
    z-index: 1;
}
.query-list .list-group{
    display: block;
    position: relative;
    overflow-y: auto;
    max-height: 150px;
}

.my-account--main.w-100 {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled{
    background-color: blanchedalmond;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a{
    background: blanchedalmond!important;
}

.search--filter .top--rated .rating--row input[type=checkbox] {
    width: 20px;
    height: 20px;
    margin-right: 6px;
    position: relative;
    left: 0;
    top: 4px;
}
.search--filter .top--rated .rating--row {
    margin: 0px;
}