﻿.header .logo img {
    max-height: 8em;
    padding: .5em .5em;
}

/*.fixed-top-index {
    position: fixed;
}*/

/*.fixed-top-nonindex{
    position: unset;
}*/

/*** Admin Forms ***/
.adminForms {
    width: 60%;
    margin: auto;
    background-color: #000000;
    padding: 2em;
    border-radius: 1em;
    color: white;
}

.rolloffTypes {
    width: 90%;
    margin: auto;
    background-color: #000000;
    padding: 2em;
    border-radius: 1em;
    border: 5px solid #E96F1A;
    color: white;
}

.rolloffTypesColumns {
    margin: auto;
    background-color: #000000;
    padding: 2em;
    border-radius: 1em;
    border: solid #E96F1A;
    
}

.rolloffSubmitBtn {
    background-color: #E96F1A;
    color: #fff;
    border-radius: 5px;
}

.rtList {
    font-weight: bold;

}

.rrLabel {
    font-weight: bold;
}

.adminH5 {
    color: #E96F1A;
    font-weight: bold;
}

.adminHr {
    color: #E96F1A;
}

.control-label {
    text-shadow: .25px .25px rgba(255, 255, 255, 0.08);
    color: #E96F1A;
    padding: .15em;
}

.form-check {
    padding: .15em;
    margin-top: 1em;
}

#adminSubmitBtn {
    background: #E96F1A;
    color: #fff;
    border-radius: 5px;
}

#adminAnchor {
    font-weight: 500;
}

#adminAnchor:hover {
    color: #000000 !important;
    font-weight: 500;
}

/*** Navigation ***/
.header.sticked {
    background: rgba(0,0,0,.9);
}

/*** Home Page ***/
.hero {
    background-color: #E96F1A;
}

div#block {
    background-color: rgb(42, 38, 38);
    /*box-shadow: 0 0 50px #c9baba;*/
    border: 5px solid white;
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}

.featured-services .service-item .icon i {
    color: #E96F1A;
}

/*** About ***/
.breadcrumbs .page-header {
    background-image: url("/img/hero-bg.png");
    background-color: #E96F1A;
}

    .breadcrumbs .page-header::before {
        background-image: url("/img/hero-bg.png");
        background-color: #E96F1A;
    }

.about .content h3 {
    color: #E96F1A;
}

.about .content h4 {
    color: #E96F1A;
}

h4 {
    color: #E96F1A;
}

.about .content ul h5 {
    color: #000;
}



div#aboutBlock {
    background-color: #000;
    color: #ffffff;
    border-radius: 10px;
}


button#aboutBtn {
    border-radius: 10px;
    background-color: #E96F1A;
    /*border: groove;*/
    padding: .5em 1em !important;
    border-style: none;
    color: #ffffff;
}

button#aboutBtn:hover {
    background-color: #ffffff !important;
}

button#aboutBtn:hover > a {
    color: #000000 !important;
}

button#aboutBtn a {    
   color: #ffffff;    
}

/*button#aboutBtn a:hover {
    color: #000000 !important;
}*/

/*** FAQ ***/
/*.faq {
    background-color: #E96F1A;
}*/

#faqContainer {
    background-color: #E96F1A;
    padding-top: 3em;
    padding-bottom: 3em;
    border-radius: 1em;
}

/*** Footer ***/
    .footer {
        background-color: rgba(0,0,0,.9);
    }

.footer .social-links a:hover {
    color: #E96F1A;
    border-color: #E96F1A;
}

/**Get Quote Button**/
.button-sticked{
    background-color: #000;
}

.btn-sticked {
    background-color: #000;
}

.btn-orange {
    background-color: #E96F1A !important;
}

.btn-black {
    background-color: #000000 !important;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
    color: #E96F1A;
    padding: 20px;
    width: 100%;
    background-color:#000;
    border-radius: 15px;
}

    .contact .info-box i.bx {
        font-size: 24px;
        color: #18d26e;
        border-radius: 50%;
        padding: 14px;
        float: left;
        background: rgba(255, 255, 255, 0.08);
    }

    .contact .info-box h3 {
        font-size: 20px;

        font-weight: 700;
        margin: 10px 0 8px 68px;
    }

    .contact .info-box p {
        padding: 0;
        color: #fff;
        line-height: 24px;
        font-size: 14px;
        margin: 0 0 0 68px;
    }

    .contact .info-box .social-links {
        margin: 5px 0 0 68px;
        display: flex;
    }

        .contact .info-box .social-links a {
            font-size: 18px;
            display: inline-block;
            color: #fff;
            line-height: 1;
            margin-right: 12px;
            transition: 0.3s;
        }

            .contact .info-box .social-links a:hover {
                color: #18d26e;
            }

.contact .php-email-form {
    padding: 30px;

}

    .contact .php-email-form .error-message {
        display: none;

        background: #ed3c0d;
        text-align: left;
        padding: 15px;
        font-weight: 600;
    }

        .contact .php-email-form .error-message br + br {
            margin-top: 25px;
        }

    .contact .php-email-form .sent-message {
        display: none;

        background: #18d26e;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

    .contact .php-email-form .loading {
        display: none;

        text-align: center;
        padding: 15px;
    }

        .contact .php-email-form .loading:before {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            margin: 0 10px -6px 0;
            border: 3px solid #18d26e;
            border-top-color: #eee;
            -webkit-animation: animate-loading 1s linear infinite;
            animation: animate-loading 1s linear infinite;
        }

    .contact .php-email-form input, .contact .php-email-form textarea {
        border-radius: 0;
        box-shadow: none;
        font-size: 14px;

        border: 0;
        transition: 0.3s;
        color: #fff;
    }

/*        .contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
            background-color: rgba(255, 255, 255, 0.11);
        }*/

        .contact .php-email-form input::-moz-placeholder, .contact .php-email-form textarea::-moz-placeholder {

            opacity: 1;
        }

        .contact .php-email-form input::placeholder, .contact .php-email-form textarea::placeholder {

            opacity: 1;
        }

    .contact .php-email-form input {
        padding: 10px 15px;
    }

    .contact .php-email-form textarea {
        padding: 12px 15px;
    }

    .contact .php-email-form button[type=submit] {
        background: #18d26e;
        border: 0;
        padding: 10px 30px;
        color: #fff;
        transition: 0.4s;
        border-radius: 4px;
    }

        .contact .php-email-form button[type=submit]:hover {
            background: #15bb62;
        }

        /*Contact */

.contact-form .info-item + .info-item {
    margin-top: 40px;
}

.contact-form .info-item i {
    font-size: 20px;
    background: var(--color-primary);
    color: #fff;
    width: 44px;
    height: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
    margin-right: 15px;
}

.contact-form .info-item h4 {
    padding: 0;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--color-secondary);
}

.contact-form .info-item p {
    padding: 0;
    margin-bottom: 0;
    font-size: 14px;
    color: rgba(14, 29, 52, 0.8);
}

.contact-form .php-email-form {
    width: 100%;
    background: #fff;
}

    .contact-form .php-email-form .form-group {
        padding-bottom: 8px;
    }

    .contact-form .php-email-form .error-message {
        display: none;
        color: #fff;
        background: #df1529;
        text-align: left;
        padding: 15px;
        font-weight: 600;
    }

        .contact-form .php-email-form .error-message br + br {
            margin-top: 25px;
        }

    .contact-form .php-email-form .sent-message {
        display: none;
        color: #fff;
        background: #059652;
        text-align: center;
        padding: 15px;
        font-weight: 600;
    }

    .contact-form .php-email-form .loading {
        display: none;
        background: #fff;
        text-align: center;
        padding: 15px;
    }

        .contact-form .php-email-form .loading:before {
            content: "";
            display: inline-block;
            border-radius: 50%;
            width: 24px;
            height: 24px;
            margin: 0 10px -6px 0;
            border: 3px solid #059652;
            border-top-color: #fff;
            -webkit-animation: animate-loading 1s linear infinite;
            animation: animate-loading 1s linear infinite;
        }

    .contact-form .php-email-form input,
    .contact-form .php-email-form textarea {
        border-radius: 4px;
        box-shadow: none;
        font-size: 14px;
    }

    .contact-form .php-email-form input {
        height: 44px;
    }

    .contact-form .php-email-form textarea {
        padding: 10px 12px;
    }

    .contact-form .php-email-form button[type=submit] {
        background: var(--color-primary);
        border: 0;
        padding: 10px 35px;
        color: #fff;
        transition: 0.4s;
        border-radius: 5px;
    }

        .contact-form .php-email-form button[type=submit]:hover {
            background: rgba(13, 66, 255, 0.8);
        }

        /*ReservationRequests*/

dl.row {
    margin-left: 20%;
}

.resRequestIndex{
/*    border: 10px solid gray ;
    border-radius: 15px;*/
/*    background-color: darkgray;*/
    padding: 2em;
}

.index-bg{
    margin-top: 5em;
}

.resRequestDetails {
    /*    border: 10px solid gray ;
    border-radius: 15px;*/
    /*    background-color: darkgray;*/
    padding: 2em;
    margin-top: 6em;
}

.details-bg {
    margin-top: 8em;
}



.rr-create-btn {
    background-color: #E96F1A;
    color: #fff;
    font-weight: bold;
}

.rr-create-btn:hover {
    background-color: #000;
    color: #fff;
  
}

.rr-index-table {
    background-color: #000;
    padding: 3em;
    border-radius: 1em;
}

    .rr-index-table th {
        color: #E96F1A !important;
    }

    .rr-index-table td {
        color: #fff !important;
    }

    .rr-index-table tr.odd {
        background-color: #333 !important;
    }

label {
    text-align: center;
    padding: 30px 0;
    /*    position: relative;*/
    padding: 1px;
}

.submittedRequest {
    margin: auto;
/*    margin-top: 9.8em;*/
    /*    margin-left: 26em;*/
    /*    padding-left: 400px;*/
    padding: 3em;
    background-color: #000;
    border-radius: 1em;
    /*border: 8px solid #E96F1A;*/
/*    border-radius: 1em;*/
}

    .submittedRequest h3 {
        text-align: center;
        color: #E96F1A;

    }

    .submittedRequest p {
        text-align: left;
        
    }

    .submittedRequest dt {
        color: #E96F1A;
    }

    .submittedRequest dd {
        color: #fff;
    }

.card-bg{
    background-color: #000;
}

.card-bg2{
    background-color: #000;
}

.createButton {
    /*    border: 10px solid red;*/
    background-color: #E96F1A;
    margin-top: 15px;
}

.adminForms {
    width: 60%;
    margin: auto;
    background-color: #000;
    padding: 2em;
    border-radius: 1em;
    color: white;
}


@keyframes animate-loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


form.LoginForm .form-control::placeholder {
    color: #888888 !important;
    text-align: center;
}

.hero {
    width: 100%;
    min-height: 50vh;
    background-image: url(../img/hero-bg.png);
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 150px 0 60px 0;
    color: rgba(255, 255, 255, 0.8);
}

.breadcrumbs .page-header {
    padding: 150px 0 80px 0;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.bi-check-circle-fill {
    font-size: 2em;
}

.bi-envelope-fill {
    /*margin-left: 48%;*/
    font-size: 2em;
}

.bi-telephone-fill {
    /*margin-left: 48%;*/
    font-size: 2em;
}

div.info-envelope {
    text-align: center;
}

div.info-telephone {
    text-align: center;
}

div.info-envelope h3 {
    /*margin: 10px 0 8px 40%;*/
    margin: 0 !important;
    text-align: center !important;
}

div.info-envelope p {
    /*margin: 0 0 0 36%;*/
    margin: 0 !important;
    text-align: center !important;
}

div.info-telephone h3 {
    /*margin: 10px 0 8px 40%;*/
    margin: 0 !important;
    text-align: center !important;
}

div.info-telephone p {
    /*margin: 0 0 0 36%;*/
    margin: 0 !important;
    text-align: center !important;
}

div.info-confirm h3 {
    margin: 1em 0 !important;
}

div.info-confirm p {
    margin: 0 !important;
}

#msgContents {
    margin-left: 25%;
}

#contactSideHeading {
    margin-bottom: 2em;
    font-weight: bold;
}

#quoteBtn:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.rrType {
    margin-left: 33.33%;
}

.rrSD {
    margin-left: 8.33%;
}

.rrName {
    margin-left: 8.33%;
}

.rrAddress {
    margin-left: 8.33%;
}

.rrPT {
    margin-left: 8.33%;
}

.bigPhone {
    font-size: 64px;
    color: white;
    font-weight: bolder;
    margin-top: -0.6em;
}

.reviewH6 {
    margin-bottom: -.25em;
}

a.reviewLink:hover {
    color: black !important;
    text-decoration: underline !important;
}

@media only screen and (max-width: 1150px) {

    .btn-black {
        background-color: #E96F1A !important;
    }
}

@media only screen and (max-width: 600px) {

    .bigPhone {
        font-size: 42px;
        color: white;
        font-weight: bolder;
        margin-top: -0.75em;
    }

    .header .logo img {
        max-height: 6em;
        padding: .5em .5em;
    }

    #pricesDiv {
        margin: auto;
    }

    #easyDiv {
        margin: auto;
    }

    .bi-envelope-fill {
        /*margin-left: 46%;*/
        font-size: 2em;
    }

    .bi-telephone-fill {
        /*margin-left: 46%;*/
        font-size: 2em;
    }

    div.info-envelope h3 {
        /*margin: 10px 0 8px 33%;*/
        margin: 0 !important;
        text-align: center !important;
    }

    div.info-envelope p {
        /*margin: 0 0 0 27%;*/
        margin: 0 !important;
        text-align: center !important;
    }

    div.info-telephone h3 {
        /*margin: 10px 0 8px 33%;*/
        margin: 0 !important;
        text-align: center !important;
    }

    div.info-telephone p {
        /*margin: 0 0 0 27%;*/
        margin: 0 !important;
        text-align: center !important;
    }

    #msgContents {
        margin-left: 0;
    }

    #quoteBtn {
        background-color: #E96F1A !important;
    }

    .btn-black {
        background-color: #E96F1A !important;
    }

    #contactSideHeading {
        margin-bottom: 1em;
    }


    .rrType {
        margin-left: 0;
    }

    .rrSD {
        margin-left: 0;
    }
    .rrName {
        margin-left: 0;
    }

    .rrAddress {
        margin-left: 0;
    }

    .rrPT {
        margin-left: 0;
    }

}

/*.serviceAreasTableContainer {
    margin-left: 25%;
}*/


.navbar ul li a {
    font-weight: bold;
}

.contact-box {
    background-color: #000000;
    padding: 2em;
    border-radius: 1em;
}

.contact-form-box {
    background-color: #000000 !important;
}

div#about-block {
    background-color: rgb(42, 38, 38);
    /*box-shadow: 0 0 50px #c9baba;*/
    /*border: 5px solid white;*/
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    margin-bottom: 2em;
}

#account {
    padding: 1em;
    background-color: #000000;
    border-radius: 1em;
}

#login-submit {
    background-color: #E96F1A !important;
    font-weight: bold;
    border: none;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

#login-submit:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

#login-section {
    padding-top: 40px;
}

#registerForm {
    padding: 1em;
    background-color: #000000;
    border-radius: 1em;
}

#registerSubmit {
    background-color: #E96F1A !important;
    font-weight: bold;
    border: none;
    margin-top: 1em !important;
    margin-bottom: 1em !important;
}

#registerSubmit:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

a:hover {
    color: #ffffff !important;
}

ul#admin-links a:hover {
    color: #E96F1A !important;
}

a.stretched-link:hover {
    color: #E96F1A !important;
}

#contactSubmitBtn:hover {
    background-color: #ffffff !important;
    color: #000000 !important;
}

.ptIndexTable {
    background-color: #000;
    padding: 3em;
    border-radius: 1em;
}

    .ptIndexTable th {
        color: #E96F1A;
    }

    .ptIndexTable td {
        color: #FFF !important;
    }

    .ptIndexTable tr.odd {
        background-color: #333333;
    }

.ptIndexTable th.sorting {
    text-align: center;
}


.rr-index-table th.sorting {
    text-align: center;
}

.form-check-input:checked {
    background-color: #E96F1A;
}

.rrEditBtn {
    background-color: #E96F1A !important;
    color: #fff;
    padding: .5em 2em;
    font-weight: bold;
}

    .rrEditBtn:hover {
        background-color: #FFF !important;
        color: #000 !important;
        text-decoration: none;
    }


.rrDetailsBtn {
    background-color: #E96F1A !important;
    color: #fff;
    padding: .5em 2em;
    font-weight: bold;
}

.rrDetailsBtn:hover {
    background-color: #FFF !important;
    color: #000 !important;
    text-decoration: none;
}

.rrDeleteBtn {
    background-color: #E96F1A !important;
    color: #fff;
    padding: .5em 2em;
    font-weight: bold;
}

    .rrDeleteBtn:hover {
        background-color: #FFF !important;
        color: #000 !important;
        text-decoration: none;
    }

.rrCreateBtn {
    background-color: #E96F1A !important;
    color: #fff;
    padding: .5em 2em;
    font-weight: bold;
}

.rrCreateBtn:hover {
    background-color: #FFF !important;
    color: #000 !important;
    text-decoration: none;
}

.rrCreateBTL:hover {
    color: #000 !important;
}

.pricing-pic {
    background-color: #000000;
    padding: 2em;
    border-radius: 1em;
    border: 5px solid #E96F1A;
}

.pricingBtn {
    background-color: #E96F1A !important;
    color: #fff;
    padding: .5em 2em;
    font-weight: bold;
}

    .pricingBtn:hover {
        background-color: #000 !important;
        color: #FFF !important;
        text-decoration: none;
    }