@charset "utf-8";
/* FAQs CSS YellowFishTransfers */

/*--- DIVS ---*/
/* Header */
#bg-main {
    background-image: url(../img/bg-faqs.jpg);
    background-position: center;
    background-size: cover;
    position: relative;
    height: 420px;
}

@media (min-width: 992px) {
    #bg-main {
        background-image: url(../img/bg-faqs@2x.jpg)
    }
}

/* Section Page-Title */
#page-title {
    position: absolute
}

#page-title h1 {
    font-size: 160%
}

#page-title h2 {
    font-size: 110%
}

/* Section FAQs */

.tab-pane {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    min-height: 400px;
    z-index: 20;
}

.tab-pane p {
    color: #707070;
    font-size: 80%;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    background: none;
    border: none;
    border-bottom: 8px solid #FEE00D;
    color: #0069B4;
}

.nav-tabs .nav-link {
    border: none;
    color: #707070;
    font-size: 130%;
}

.tab-content .btn-link {
    background: url(../img/icon-collapse.png) right top no-repeat !important;
    color: #0069B4;
    padding-right: 60px;
    padding-left: 0;
    text-align: left;
    text-decoration: none !important;
    white-space: normal;
}

.tab-content .btn-link.collapsed {
    background: url(../img/icon-expand.png) right top no-repeat !important;
}

#yf-btn-group {
    background: #00406E;
    margin: 0 0 -90px;
    padding: 150px 0 60px;
    position: relative;
    top: -120px;
    z-index: 5;
}

body.modal-open .background-container {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    filter: url("https://gist.githubusercontent.com/amitabhaghosh197/b7865b409e835b5a43b5/raw/1a255b551091924971e7dee8935fd38a7fdf7311/blur" .svg#blur);
    filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='4');
}

/* Modal */

@media (min-width: 992px) {
    .modal-dialog {
        max-width: 800px
    }
}

.modal-content {
    border: none;
    border-bottom: 8px solid #FEE00D;
}

.modal-header {
    border-bottom: none
}

.modal-body p {
    font-size: 80%
}

.modal-content input, .modal-content select, .modal-content textarea {
    box-shadow: #ccc 0 1px 6px;
    color: #707070;
    font-size: 14px;
    min-height: 42px;
}

.modal-content label {
    color: #C2C2C2;
    font-size: 12px;
    padding-left: 15px;
}

.modal-content btn-lg {
    background-color: #1D9038;
}

::placeholder {
    color: #707070;
    font-size: 14px;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #707070;
    font-size: 14px;
}

:-ms-input-placeholder {
    color: #707070;
    font-size: 14px;
}