/* FONTS */
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.ttf');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL */
body {
    margin:0;background-color:#FFFFFF;
    color:#4c79a3;
}
.mainbody {
    background-color:#FFFFFF;
    font-size: 15px;
}
b, strong { font-size:inherit; }
h1 { font-size: 28px; }
h2 { font-size: 24px; }
a { color: #e8b917 }
a:hover { color: #0b2033 }

.text-number, .text-number a { font-family: Roboto!important }
.text-primary { color:#0b2033 }
.text-primary a { color:#0b2033 }
.text-link { color:#3089e0 }
.text-secondary { color:#3089e0 }

.btn { font-size: 15px }
.btn-primary { color:#0b2033 }
.no-padding { padding: 0 }

.ngProgressLiteBar {
    background: #50be9b;
    height: 4px;
}

/* HEADER */
@media (max-width: 978px) {
    .header-row {
        padding: 0px !important;
    }
}
.header-row {
    height: 44px;
    background-color: #29323C;
}
.header-lang-select {
    color: #FFFFFF;
    font-size: 14px;
    cursor: pointer;
    padding: 14px 0 0 15px;
}
.header-lang-select select {
    text-align: center;
    background-color: white;
    color: #0b2033;
}
.header-nav-agency {
    color: #3089e0;
    font-size: 14px;
    padding: 14px 30px 0 0;
}
.header-nav-item-left {
    font-size: 14px;
    padding: 14px 15px 0 0;
}
.header-nav-item-right {
    font-size: 14px;
    padding: 14px 0 0 15px;
}
.header-nav-item-left > a,
.header-nav-item-right > a{
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
.header-nav-search  {
    margin-top: -1px;
}
.header-nav-search .btn {
    margin-top: -1px;
    padding: 2px 6px;
    font-size: 13px;
}
.header-nav-search .form-control {
    padding: 3px 6px;
    font-size: 14px;
    height: 24px;
}

.nav-row {
    margin-top: 15px;
}
.nav-logo {
    margin-top:10px;
    margin-bottom:10px;
}
.nav-phone-number a {
    font-family: Roboto!important;
    color:#0b2033;
    margin: 5px 0px 0 0;
    font-size: 30px;
    font-weight: bold;
}
@media (max-width: 480px) {
    .nav-phone-number a {
        font-size: 24px;
    }
}
.nav-phone-number a:hover {
    text-decoration: none;
}
.nav-business-hours {
    color:#3089e0;
    font-size: 13px;
}

.navbar-tabs {
    padding-bottom: 15px;
}
.panel {
    margin-top: 10px;
}
ul.nav.nav-pills {
    background-size: 940px auto;
    padding-left: 15px;
    padding-right: 15px;
}
.nav-pills > li {
    margin: 20px 10px 0 0;
}
.nav-pills {
    font-size: 16px;
    text-transform: uppercase;
}
.nav > li > a {
    padding: 7px 20px 7px 10px;
}
.nav-pills > li > a, .btn-primary {
    background: #e8b917;
    border: 1px solid #fff !important;
    border-radius: 5px;
    color: #0b2033;
}
.nav-pills > li > a {
    font-size: 14px !important;
}
.nav-pills > li.active > a {
    background-color: #e8b917;
    background-image: none;
    color: #0b2033;
}

.nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    background-color: #e8b917;
    background-image: none;
    color: #fff;
}
.nav-pills > li > a:hover {
    background-color: #136e60;
    background-image: none;
}
.nav > li.disabled > a, .nav > li.disabled > a:hover {
    background-color: grey;
    background-image: none;
    color: #fff;
}

.form-control {
    color: #3089e0;
}

/* LOGIN */

.row-login {
    background-image: url('../images/search-background.jpg');
    background-color: #3e93d4;
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 30px;
    padding-top: 70px;
    padding-bottom: 70px;
}


/* SEARCH */

.container-search h2 {
    font-size: 20px;
}
.row-search {
    background-image: url('../images/search-background.jpg');
    background-color: #3e93d4;
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pop-countries-button {
    cursor: pointer;
}
.pop-countries-row {
    padding: 15px;
    width: 480px;
}
@media (max-width: 480px) {
    .pop-countries-row {
        padding: 10px;
        width: 240px;
    }
}
.pop-countries-box {
    padding-bottom: 30px
}
.pop-countries-region {
    color: #337ab7;
    padding: 0 10px;
}
.pop-countries-item > a {
    display: block;
    padding: 2px 10px;
    text-decoration: none;
    color:#333;
}
.pop-countries-item > a:hover {
    background-color: #337ab7;
    color:#fff;
}

/* 3 STEPS */
.steps-container {
    padding-top: 20px;
    padding-bottom: 20px;
}
.steps-intro {
    font-size: 30px;
    font-weight: bold;
}
.steps-header {
    font-weight: bold;
    font-size: 24px;
    padding-top: 20px;
}
.steps-text {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 18px;
}
.steps-box {
    background-position: bottom;
    background-repeat: no-repeat;
}
.steps-image {
    height: 100px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    margin-top: 10px;
}
.steps-image-1 {
    background-image: url('../images/step-1.png');
}
.steps-image-2 {
    background-image: url('../images/step-2.png');
}
.steps-image-3 {
    background-image: url('../images/step-3.png');
}

@media (max-width: 767px) {
    .steps-intro {
        font-size: 24px;
    }
    .steps-header {
        font-size: 18px;
    }
    .steps-text {
        font-size: 15px;
    }
    .steps-box {
        /*height: 200px;*/
    }
    .steps-image {
        height: 70px;
    }

}

/* AE FOOTER */

.footer-contact-container {
    background-color: #1a2435;
    padding-top:10px;
    padding-bottom:10px;
}
.footer-contact-us {
    color: grey;
    font-size: 18px;
    text-align: right;
}
@media (max-width: 767px) {
    .footer-contact-us {
        font-size: 15px;
    }
    .footer-contact-us,
    .footer-contact-details,
    .footer-links-container{
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.footer-contact-details {
    color: white;
}
.footer-contact-details a {
    text-decoration: none;
    color: white;
}
.footer-contact-phone a {
    font-size: 18px;
}
.footer-contact-hours {
    font-size: 13px;
}
.footer-contact-email a {
    font-size: 15px;
}
@media (max-width: 480px) {
    .footer-contact-phone a {
        font-size: 15px;
    }
    .footer-contact-hours {
        font-size: 11px;
    }
    .footer-contact-email a {
        font-size: 13px;
    }
}

.footer-links-container {
    padding-top: 40px;
    padding-bottom: 30px;
    background-color: #0d1a24;
}
.footer-links-box {
    font-size: 13px;
    text-align: center;
}
.footer-links-link {
    padding-top: 5px;
    padding-bottom: 5px;
}
.footer-links-link a {
    color: grey;
    font-size: 13px;
    text-decoration: none;
}

/* RESULTS TABLE */

.table-panel .panel {
    border: none;
}

.sorting {
    font-size: 21px;
    font-weight: normal;
}

.sorting,
.table-vehicle-name,
.table-vehicle-capacity,
.table-route-name,
.table-total-price,
.table-tax-incl {
    color: #4c79a3
}
.table-vehicle-mileage,
.table-vehicle-age,
.table-route-date,
.table-route-days,
.table-fleetstatus-free-sale,
.table-fleetstatus-on-request {
    color:#3089e0
}
.table-route-icon {
    color: #e8b917
}

.table-vehicle-name {
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.table-route-name {
    font-size: 18px;
    margin-top: 10px;
}

.table-vehicle-capacity,
.table-route-date {
    font-size: 15px;
}

.table-vehicle-mileage,
.table-vehicle-age,
.table-route-days {
    font-size: 13px;
}

.table-total-price {
    font-size: 24px;
    margin-top: 10px;
}
.table-tax-incl {
    font-size: 11px;
}
.table-fleetstatus-free-sale,
.table-fleetstatus-on-request {
    font-size: 15px;
    margin-top: 10px;
}
.table-total-select {
    margin-top: 10px;
}
.table-quotes thead > tr > th {
    border-bottom-style: none;
}
.table-quotes tbody > tr > td {
    border-bottom-color: #4c79a3;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    padding-top: 30px!important;
    padding-bottom: 30px!important;
}
.table-quotes tbody > tr.table-row-last > td {
    border-bottom-style: none;
}

/* CUSTOMIZE AREA */

.tab-customize .row {
    font-size: 14px;
    color:#0b2033;
}
.tab-customize .lead,
.tab-customize h3 {
    color: #4c79a3
}
.tab-customize .lead {
    font-size: 21px;
}
.panel.panel-customize {
    border-style: none;
    box-shadow: none;
}

.btn-virtual-tour,
.btn-component-image {
    background-color: #e8b917;
    border-color: #e8b917;
    color: #0b2033;
}
.btn-virtual-tour:hover,
.btn-component-image:hover {
    color: #fff;
    background-color: #286090;
    border-color: #286090;
}