
.header-faq{
    background: url('../images/menubar.png') no-repeat top right; background-size: cover; height:150px; background-color: #e0e3df;
}
.navbar-faq{
    width:100%;
    display: flex;
    text-align:center;
    white-space: nowrap;
    float: left;
    font-size: 13px;
    font-family: 'proxima_novasemibold';
    padding-left:10%;
    padding-right:10%;
    padding-top:2%;
    line-height: 1.5em;
}

.navbar-faq ul {
    list-style: none;
    display: flex;
    flex-wrap: nowrap;
    padding: 0;
    margin-bottom: 0;
    height: 100%;
    line-height: 1.5em;
}

.navbar-faq a{
    font-size: 15px;
    font-family: 'proxima_nova_rgregular';
    
    color: #73600c;
    text-decoration: none;
    padding-right: 10%;
}

.faq-filter-wrap {/*margin-bottom: 40px; */margin-top: -5px; }
.faq-filter-item { float:left; margin-right: 20px; padding-bottom: 1px; line-height: 2em; height:30px;}
.faq-filter-label {font-weight: bold;}
.faq-item {width: 100%;  float:left;}
.faq-item-carousel{width:100%; margin-bottom: 20px; padding: 20px; float:left; position: relative;}
.faq-item:hover {opacity: 0.7;} 
.faq-item-inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0;border:1px solid #ccc; background: #FFF; margin: 5%;}
.faq-item-image {overflow: hidden; position: relative; width: 100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; }
.faq-item-image:before {content: ""; display: block; padding-top: 70%;}
.faq-item-image-inner {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.faq-item-image img {visibility: hidden; max-width: 100%; height: 100%;}
.faq-content {text-align: center; width: 100%; height: 100%; background: transparent; position: absolute; top: -100%; left: 0; right: 0; margin: auto; z-index: 10;}
.faq-content-title {color: #FFF; font-size: 24px; font-weight: 500;}
.faq-content-title img {visibility: visible; width: 30px; height: 30px;}
.faq-content-category {color: #FFF; font-size: 14px; font-weight: 500;}
.faq-content-table {display: table; width: 100%; height: 100%;}d9a300
.faq-content-cell {display: table-cell; vertical-align: middle;}
.faq-content-mobile {padding: 20px 5% 40px 5%;    border: 1px solid #ccc;     min-height: 250px; background: #FFF; }
.faq-content-mobile .faq-content-title {margin-bottom: 10px; font-size: 20px; color: #b08300; font-family: 'proxima_novasemibold';}
.faq-content-mobile .faq-content-category {font-size: 18px; line-height: 1.5em; color: #000;}
.faq-grid{}
.faq-question{font-size:18px; font-family:'proxima_novabold';}
.faq-answer {font-size: 18px;font-family: 'proxima_nova_rgregular';}
.faq-slide-container {width: 60%; float: left; padding: 2%; margin-bottom: 30px;}
.faq-info-container {width: 40%; float: left; padding: 2%; margin-bottom: 30px; line-height: 1.5em;}

.faq-filter-item:hover, .faq-filter-item:active, .faq-filter-item:visited .active{ 
     border-bottom: 3px #d9a300 solid;
}

.navbar-faq a:active, .navbar-faq a:visited , .navbar-faq a:hover, .navbar-faq a:focus{
    font-family: 'proxima_novasemibold';
}


.accordion {
    background-color: #e0e3df;
    color: black;
    font-family: 'proxima_novasemibold';
    cursor: pointer;
    padding: 22px;
    padding-left:30px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 20px;
    font-style:bold;
    transition: 0.4s;
  }
  
  /* .active, .accordion:hover {
    background-color: #ccc;
  } */
  
  /* .accordion:after {
    content: '\f0da';
    font-family: FontAwesome;
    color: #d9a300;
    font-weight: bold;
    float: left;
    margin-left: 5px;
  }
   */
  /* .accordion.active:after {
    font-family: FontAwesome;
    content: "\f0d7"; 
   transform: rotate(30deg) perspective(0);
  } */

  .accordion:after {
    /* font-family: FontAwesome; */
    content: '›'; /* Unicode character for "plus" sign (+) */
    font-size: 30px;
	font-weight:400;
    color: #d3b879;
    float: right;
    margin-left: -30px;
    margin-top: -35px;
    float:left;
  }
  
  .accordion.active:after {
    content: "›"; /* Unicode character for "minus" sign (-) */
    transform: rotate(90deg) perspective(0);
  }

  /* .active:after {
    content: "\2212";
  } */
  
  .panel {
    padding: 0 30px;
    background-color: #e0e3df;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
  }


  /* .collapsible {
    background-color: #777;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
  }
   */
  /* .active, .collapsible:hover {
    background-color: #555;
  }
   */
  /* .content {
    padding: 0 18px;
    display: none;
    overflow: hidden;
    background-color: #f1f1f1;
 
  } */




@media all and (max-width: 1000px) {
	.faq-content-title {font-size: 24px;}
	.faq-content-category {font-size: 14px;}
}

@media all and (max-width: 900px) {
	.faq-item {width: 50%; }
	.faq-content-title {font-size: 21px;}
	.faq-content-category {font-size: 12px;}
}

@media all and (max-width: 800px) {
	.faq-content-mobile {display: block;}
	.faq-slide-container {float: none; width: 100%;}
	.faq-info-container {float: none; width: 100%;}
}

@media all and (max-width: 600px) {
	.faq-item {width: 100%!important;}
	.faq-content-title {font-size: 28px;}
	.faq-content-category {font-size: 18px;}
	
}

@media all and (max-width: 400px) {
    .faq-item {width: 100%!important; padding:0px;}
    .faq-filter-item{line-height: 1.5em!important;}
	.faq-content-title {font-size: 28px;}
    .faq-content-category {font-size: 18px;}
    .section-title-2{
        font-size: 20px;
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 2%;
    }
    .faq-filter-wrap{
        margin-top: 5px;
    }

    .faq-filter-item {
        margin-right: 20px;
        line-height: 2em;
        height: 20px;
    }

    .header-news{
        height: 130px;
    }
    .navbar-news {
        padding-left:5%;
        padding-right:5%;
    }
    
    .navbar-news a {
        font-size: 10px!important;
        padding-right: 5%;
        font-family: 'proxima_novasemibold';
    }

    .navbar-faq a:active, .navbar-faq a:visited , .navbar-faq a:hover{
        font-family: 'proxima_novasemibold';
    }
	
	.accordion:after {
		margin-top: -45px;
	}
    .faq-content-title {font-size:18px;}
    .faq-content-category {font-size:16px;}
}

