body {
    /*font-family: 'Roboto Condensed', sans-serif;*/
    color: #333;
    font-family: "SegoeUI-Semibold", "Segoe UI", "Segoe UI", "font-L-fch6crbdd5p7j8hu499patvfcmg5aj925gh70vvkehtp6wk9e1u4wrbdcmh3m8jkcnkpytan94pn6tbdd5h6yv3448p24xk1e9mp2vkm48x24mv5dnmp4vvccgh2r8kqcnmpeu3m48x3cc1g5gh6jx31dhmp68huctgprwv5fm", Arial !important;
}


/********** FORM BODY **********/
.search-form .tab-content {
    padding: 20px 25px;
    height: 357px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

@media(max-width: 991px) {
    .search-form .tab-content {
        padding: 20px;
    }
}

@media(max-width: 767px) {
    .search-form .tab-content {
        height: auto;
        margin-bottom: 25px;
    }

    .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
}


/********** TABS **********/
.search-form .nav li {
    width: 50%;
}

.nav-tabs {
    border-bottom: none;
}

.search-form .nav li a {
    width: 100%;
    text-align: center;
    font-size: 17px;
    font-weight: bold;
    color: #222;
    background-color: #fff;
    border: none;
}

.search-form .nav-tabs li.active a,
.search-form .nav-tabs > li.active > a:focus,
.search-form .nav-tabs > li.active > a:hover {
    border: none;
    color: #222;
    border-bottom: 5px solid rgb(240, 130, 0);
}

@media(max-width: 991px) {
    .search-form .nav li a {
        padding: 10px 5px;
        font-size: 15px;
    }
}

@media(max-width: 767px) {
    .search-form .nav li a {
        font-size: 17px;
    }
}


/********** INPUT FIELDS **********/
.search-form label {
    font-weight: normal;
    font-size: 17px;
    margin-bottom: 2px;
}

.search-form input,
.search-form select {
    font-size: 16px;
    border: 1px solid #ccc;
    padding: 5px;
    color: #333;
    width: 100%;
    margin-bottom: 25px;
    display: block;
}


/********** BUTTON **********/
.btn.btn-primary {
    background-color: rgb(26, 147, 177);
    margin: 38px 0 10px;
    width: 100%;
    padding: 7px;
    text-transform: uppercase;
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    border-radius: 0;
    border: 0;
    font-size: 17px;
    color: #fff;
}

    .btn.btn-primary:hover,
    .btn.btn-primary:focus {
        background-color: rgb(240, 130, 0);
    }

.btn:focus {
     outline: none !important; 
    outline-offset: -2px;
}

/********** MAP **********/
#map {
    width: 100%;
    height: 408px !important;
    margin-bottom: 30px;
}

@media(max-width: 767px) {
    #map {
        margin-bottom: 20px;
    }
}


/********** RESULTS TABLE **********/
.dx-info-text {
    margin-bottom: 10px;
}

#resultGrid table#resultTable {
    width: 100%;
    border-bottom: 0;
    border-right: 0;
}

#resultTable th,
#resultTable td {
    padding: 7px 5px;
    font-size: 16px;
    border-style: solid;
    border-color: #ccc;
}

#resultTable th {
    font-weight: 600;
    border: none;
    border-bottom: 2px solid #333;
}

#resultTable td {
    border-width: 0 0 1px 0;
    background-color: #fff;
}

#resultTable td:nth-child(1) {
    font-weight: 600;
    font-size: 15px;
}

#resultTable a {
    color: #0079C1;
}

#resultTable td img {
    width: 28px;
    margin-left: 10px;
}

/********** COLUMN WIDTHS **********/

#resultTable th:nth-child(1),
#resultTable td:nth-child(1) {
    width: 20% !important;
}

#resultTable th:nth-child(2),
#resultTable td:nth-child(2) {
    width: 20% !important;
}

#resultTable th:nth-child(3),
#resultTable td:nth-child(3) {
    width: 30px !important;
}

#resultTable th:nth-child(4),
#resultTable td:nth-child(4) {
    width: 70px !important;
}

#resultTable th:nth-child(5),
#resultTable td:nth-child(5) {
    width: 40% !important;
}



/********** RESULTS TABLE - STACKED ON MOBILE **********/

@media(max-width: 991px) {
    #resultGrid table#resultTable {
        border-right: 1px solid #ddd;
    }

    #resultTable td {
        width: 100%;
    }

    #resultTable table,
    #resultTable tbody,
    #resultTable th,
    #resultTable td,
    #resultTable tr {
        display: block;
    }

    #resultGrid table#resultTable {
        width: 100% !important;
    }

    #resultTable th {
        display: none;
    }

    #resultTable td {
        border: none;
        border-bottom: 1px solid #ddd;
        position: relative;
        padding-left: 25%;
        width: 100%;
        text-align: left;
        box-sizing: border-box;
    }

        #resultTable td img {
            margin: 0;
        }

        #resultTable td:before {
            position: absolute;
            top: 8px;
            left: 12px;
            white-space: nowrap;
            font-weight: bold;
        }

        #resultTable td:first-child {
            background-color: #1a93b1;
            color: #fff;
        }

        #resultTable td:nth-child(1),
        #resultTable td:nth-child(2),
        #resultTable td:nth-child(3),
        #resultTable td:nth-child(4),
        #resultTable td:nth-child(5) {
            width: 100% !important;
        }

        #resultTable td:nth-of-type(1):before {
            content: "Company";
        }

        #resultTable td:nth-of-type(2):before {
            content: "Address";
        }

        #resultTable td:nth-of-type(3):before {
            content: "Email";
        }

        #resultTable td:nth-of-type(4):before {
            content: "Phone";
        }

        #resultTable td:nth-of-type(5):before {
            content: "Services";
        }
}

@media (max-width: 767px) {
    #resultTable td {
        padding-left: 38%;
    }
}