.faq-banner-sec{
    background-image:url('../jpg/travelopro_faq.jpg');
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center;
    position:relative;
    display:flex;
    align-items:center;
    padding:50px 0px;
    min-height:300px;
}

.faq-banner-overlay{
    background-color:rgba(0,0,0,0.3);
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

.faq-banner-sec h2{
    font-size: 3.6em;
    line-height: 1.3;
    font-family: 'source_sans_probold';
    color: #fff;
    text-align:center;
    position:relative;
}

.faq-container{
    background-color:#f1f1f1;
    padding:30px 0px;
}

.faq-container ul{
    border:none;
    list-style-type:none;
    padding:0px;
    margin:0px;
}

.faq-container ul li{
    
    width:100%;
    margin:0px 0px 10px;
    list-style-type: none;
    width: 100%;
}

.faq-container ul li:hover a{
    background-color:#999;
    color:#fff;
}

.faq-container ul li a{
    background-color:#fff;
    border-radius:0px;
    color:#333;
    font-size:14px;
    box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    width: 100%;
    display: block;
    padding: 10px 15px;
    text-decoration: none;
    font-family:'source_sans_proregular';
}

.faq-container ul li.active a{
    background-color:#14699e;
    color:#fff;
    font-family:source_sans_prosemibold;
    border:none;
}

.faq-container ul li a .fa{margin-right:8px;}


.question-tab a{
    display: block;
    text-decoration: none;
    background-color: #6ac259;
    color: #fff;
    padding: 15px;
    text-align: center;
    font-size: 16px;
    font-family: 'source_sans_probold';
    margin-bottom: 20px;
    border-radius: 5px;
}

.question-tab a:focus{color:#fff;text-decoration:none;}

.question-tab a .fa{
    margin-right: 8px;
    vertical-align: middle;
}

.question-tab a:hover{text-decoration:none;color:#fff;}

.faq-container .tab-content{
    background-color: #fff;
    box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%), 0 3px 1px -2px rgb(0 0 0 / 20%);
    padding: 15px;
}

.faq-container h1{
    font-size: 2rem;
    margin: 0px;
    font-family: 'source_sans_prosemibold';
    color: rgba(0, 0, 0, 0.75);
}

.faq-container h2{
    font-size: 2.5rem;
    margin: 0px;
    font-family: 'source_sans_probold';
    color: rgba(0, 0, 0, 0.75);
}

.faq-container h3{
    font-size: 2rem;
    margin: 0px;
    font-family: 'source_sans_prosemibold';
    color: rgba(0, 0, 0, 0.75);
}

.faq-container h3 .fa{color:#0052cc;margin-right:8px;}

.faq-container select.form-control{
    background-color: #f4f5f9;
    outline: 0px;
    box-shadow: none;
    width: 100%;
    font-size: 13px;
    color: #060e9f;
}

.faq-container .dropdown-div{
    position:relative;
}

.faq-container .dropdown-div .fa{
    position: absolute;
    top: 11px;
    right: 10px;
    color: #060e9f;
}

.faq-container .faq-content{
    margin-top: 15px;
    border-top: 1px solid #ccc;
    background-color:#f7f7f7;
    padding:15px;
}

.faq-container .faq-content h5{
    font-size: 18px;
    margin: 0px 0px 5px;
    color: #0052cc;
    font-family: 'source_sans_probold';
}

.faq-container .faq-content h5 a{
    color: #0052cc;
    text-decoration: none;
}

.faq-container .faq-content h5:hover a{
    color:#007bff;
}

.faq-container .faq-content p{
    font-size: 14px;
    color: #666;
    margin: 0px 0px 20px;
}

.faq-container .faq-content .reviews-sec{
    text-align:center;
}

.faq-container .faq-content .reviews-sec .num-div{
    height: 50px;
    width: 50px;
    text-align: center;
    border: 1px solid #ccc;
    line-height: 50px;
    border-radius: 50%;
    font-size: 12px;
    color: #0052cc;
    margin: 0px auto 10px;
}

.faq-container .faq-content .reviews-sec .num-text-div{
    font-size: 13px;
    color: #666;
}

.faq-container .faq-content .faq-info span{display:inline-block;font-size:13px;color:#666;}

.faq-container .faq-content .faq-info .author-img{
    margin:0px 10px 0px 0px;
    max-height:30px;
}

.faq-container .faq-content .faq-info span.author-name{color:#000;margin:0px 10px 0px 0px;}

.faq-container .faq-content .faq-info span.author-badge{margin:0px 10px 0px 0px;background-color:#107dbb;color:#fff;padding:2px 5px;border-radius:4px;}

.faq-container .faq-content .faq-info .author-img img{max-height:30px;vertical-align:middle;}

#faq-login button.close{
    opacity: 1;
    font-weight: normal;
    color: #0052cc;
    height: 20px;
    width: 20px;
    border: 1px solid #0052cc;
    line-height: 20px;
    border-radius: 50%;
}

#faq-login h4{
    font-size: 30px;
    font-family: 'source_sans_probold';
    color: #0052cc;
    text-align: center;
    margin: 15px 0px 30px;
}

#faq-login input.form-control, #faq-login select.form-control{float:none;font-size:14px;}

#faq-login p{font-size:14px;color:#333;}

#faq-login p span{color:#0052cc;cursor:pointer;}

#faq-login p span:hover{color:#007bff;}

#faq-login label{font-size:14px;color:#333;}

#faq-login .btn-submit{
    background-color: #0052cc;
    color: #fff;
    border: 1px solid #0052cc;
    padding: 5px 20px;
    font-size: 14px;
}

#faq-login .btn-submit:hover{
    background-color:#060e9f;
    border:1px solid #060e9f;
    color:#fff;
}

#faq-login h6{
    color: #0052cc;
    font-size: 14px;
    cursor: pointer;
    margin:15px 0px;
}

#faq-login h6:hover{color:#007bff;}

.faq-container .question-info{
    border-top:1px solid #ccc;
    margin-top:15px;
    padding-top:15px;
}

.faq-container .question-info p{
    font-size: 14px;
    color: #333;
}

.faq-container .question-info ul{
    padding-left:15px;
}

.faq-container .question-info ul li{
    color:#333;
    font-size:14px;
    margin-bottom:10px;
    font-family:robotolight;
}

.faq-container .question-info.question-content ul li{
    list-style-type:decimal;
}

.faq-container .question-info.answer-content ul li{
    list-style-type:disc;
}

.faq-container .question-info .user-info{
    background-color: #f1f1f1;
    padding: 10px;
    margin-top:30px;
}

.faq-container .question-info .user-info span{display:inline-block;font-size:13px;color:#666;}

.faq-container .question-info .user-info .author-img{
    margin:0px 10px 0px 0px;
    max-height:30px;
}

.faq-container .question-info .user-info span.author-name{color:#000;margin:0px 10px 0px 0px;}

.faq-container .question-info.question-content .user-info span.author-badge{margin:0px 10px 0px 0px;background-color:#107dbb;color:#fff;padding:2px 5px;border-radius:4px;}

.faq-container .question-info.answer-content .user-info span.author-badge{margin:0px 10px 0px 0px;background-color:#060e9f;color:#fff;padding:2px 5px;border-radius:4px;}

.faq-container .question-info .user-info .author-img img{max-height:30px;}

.faq-container .question-info .question-views, .faq-container .question-info .answer-views{
    text-align:center;
    margin-bottom:15px;
}

.faq-container .question-info .question-views input, .faq-container .question-info .answer-views input{
    float: none;
    margin: 10px 0px;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-family: 'source_sans_probold';
    color: #000;
    border: none;
    box-shadow: none;
    outline: 0px;
    padding: 0px;
}

.faq-container .question-info .question-views .btn, .faq-container .question-info .answer-views .btn{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    padding:0px;
    display: block;
    margin: auto;
    color:#666;
    outline:0px;
    box-shadow:none;
}

.faq-container .question-info .question-views .btn:hover, .faq-container .question-info .answer-views .btn:hover{
    background-color:#eee;
}

.faq-container .answer-section{padding-top:15px;margin-top:15px;border-top:1px solid #ccc;}

.faq-container .answer-section .form-control{float:none;margin-bottom:15px;}



@media screen and (max-width:480px){
    #faq-login .submit-btn-div{display:block;text-align:center;}
    #faq-login p{text-align:center;display:block;margin:15px 0px 0px;}
}

@media screen and (min-width:481px){
    #faq-login .submit-btn-div{display:inline-block;}
    #faq-login p{display:inline-block;margin-left:15px;}
}

@media screen and (max-width:767px){
    .faq-container h2{margin-bottom:10px;}
}

@media screen and (max-width:991px){
    .faq-container .faq-ul{display:none;}
    .faq-container .faq-content .faq-info span{margin-bottom:10px !important;}
}

@media screen and (min-width:768px){
    .pr-sm-0{padding-right:0px !important;}
    .faq-container .header-row{display:flex;align-items:center;}
    #faq-login .modal-dialog{width:500px;}
}