.faq-posts {
position: relative;
}
.faq-posts .loading{
position: absolute;
display: none;
z-index: 9;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url(//cprsuppliers.com/wp-content/plugins/acl-faq/assets/img/loader.gif) 
50% 50% no-repeat  rgb(41 41 41 / 88%);
}
.loadmorefaq{
clear: both;
padding-top: 20px;
}
a.faq-loadmore, a.faq-loadmore:active, a.faq-loadmore:focus, a.faq-loadmore:hover{
border: 1px solid #085;
border-style: solid;
border-width: 0;
background-clip: border-box;
background: #1768a7;
color: #fff;
text-decoration: none;
border-radius: 20px;
box-shadow: 0px 0px 10px 0px rgb(146 194 232 / 20%);
padding: 10px 40px;
display: block;
width: 200px;
text-align: center;
margin: 0 auto;
font-size: 16px;
text-transform: uppercase;
}
input[type=text].faq-search-txt, input[type=text].faq-search-txt:focus, input[type=text].faq-search-txt:active {
width: 80% !important;
display: inline-block !important;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-color: #008855;
border-right-color: transparent;
padding: 15px 20px;
height: auto;
}
.faq-search-btn, .faq-search-btn:hover, .faq-search-btn:active, .faq-search-btn:focus{
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
background:  #008855;
color: #fff;
border-color: #008855;
vertical-align: middle;
padding: 15px 20px;
}
.faq-search-btn .fa{
color: #fff;
}
input[type=text].faq-search-txt::-webkit-input-placeholder { color:    #535353;
}
input[type=text].faq-search-txt:-moz-placeholder { color:    #535353;
opacity:  1;
}
input[type=text].faq-search-txt::-moz-placeholder { color:    #535353;
opacity:  1;
}
input[type=text].faq-search-txt:-ms-input-placeholder { color:    #535353;
}
input[type=text].faq-search-txt::-ms-input-placeholder { color:    #535353;
}
input[type=text].faq-search-txt::placeholder { color:    #535353;
}
.single-faq p{
text-align: justify;
}
.single-faq{
padding: 10px 0px;
border-bottom: 1px solid #929292;
}
.load-more{
margin-top: 20px;
}
.faq-search{
position: relative;
}
.faq-live-search-txt{
position: absolute;
left: 0;
display: none;
top: 0;
margin-top: 51px;
background: #232323;
width: 80%;
margin-left: 31px;
color: #fff;
z-index: 9;
}
.faq-live-search-txt ul, .faq-live-search-txt ul li{
list-style: none;
margin: 0px;
padding: 0px;
}
.faq-live-search-txt ul li{
padding: 10px;
cursor: pointer;
} .faq-live-search-txt ul li.firstsearchitem{
background: #ddd;
color: #111;
}
.acl-related-faqs ul, .acl-related-faqs ul li {
list-style: none;
padding: 0px;
}
.acl-related-faqs ul li {
padding: 5px;
padding-left: 10px;
font-size: 16px;
line-height: 1.5em;
}
h3.acl-faq-cat-heading{
font-family: PlayfairDisplay;
font-size: 36px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.67;
letter-spacing: normal;
text-align: left;
color: #004d30;
text-transform: uppercase;
}
.faq-cat-head{ padding-top: 40px;}
ul.acl-faq-ul
{
padding: 0px;
}
ul.acl-faq-ul, ul.acl-faq-ul li { list-style: none;text-align: center;}
ul.acl-faq-ul li{ display: inline-block; padding-right: 10px;}
ul.acl-faq-ul li::after{ content: "|";margin-left: 10px;font-family: Roboto;
font-size: 19px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.89;
letter-spacing: normal; text-align: left; color: #004d30;}
ul.acl-faq-ul li:last-child::after{content: ''}
ul.acl-faq-ul li a, ul.acl-faq-ul li a:hover, ul.acl-faq-ul li a:focus { font-family: Roboto;
font-size: 19px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.89;
letter-spacing: normal;
text-align: left;
color: #004d30;
text-transform: uppercase; text-decoration: none;}
ul.acl-faq-ul li a:hover {
border-bottom: solid 4px #008855;
}
ul.single-faq-cat li a, ul.single-faq-cat li a:hover, ul.single-faq-cat li a:focus{
font-family: Roboto;
font-size: 21px;
font-weight: bold;
font-stretch: condensed;
font-style: normal;
line-height: 1.71;
letter-spacing: normal;
text-align: left;
color: #008855;
text-decoration: none;
}
ul.single-faq-cat{padding: 0px;}
ul.single-faq-cat, ul.single-faq-cat li{list-style: none;}
ul.single-faq-cat li { border-top: solid 1px #d4d4d4; padding: 10px 0px;}
ul.single-faq-cat li:last-child{ border-bottom: solid 1px #d4d4d4;}
.acl-faq-more {
padding-top: 35px;
text-align: center;
}
.acl-faq-more a, .acl-faq-more a:hover, .acl-faq-more a:focus{
font-family: Roboto;
font-size: 24px;
font-weight: bold;
font-stretch: condensed;
font-style: normal;
line-height: 2.08;
letter-spacing: 1.2px;
text-align: center;
color: #1768a7;
text-decoration: underline;
text-align: center;
}
.fl-faq-header{
background: url(//cprsuppliers.com/wp-content/plugins/acl-faq/assets/img/faq-header.jpg)  top left no-repeat;
background-size: cover;
padding: 80px 0px;
}
.fl-faq-post-cat h4
{
font-family: PlayfairDisplay;
font-size: 17px;
font-weight: normal;
font-stretch: normal;
font-style: italic;
line-height: 1.29;
letter-spacing: normal;
text-align: left;
color: #ffffff;
text-align: center;
}
.fl-faq-post-cat h4:after{
border-bottom: 4px solid #008855;
content: "";
position: absolute;
left: 50%;
margin-left: -50px;
margin-top: 30px;
width: 100px;
}
h1.fl-faq-post-title{
font-family: 'Bebas Neue';
font-size: 90px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.2;
letter-spacing: normal;
text-align: center;
color: #ffffff;
}
.acl-faq-post-meta{padding-bottom: 30px;}
.acl-related-faqs{
background: url(//cprsuppliers.com/wp-content/plugins/acl-faq/assets/img/relatedpost.jpg) top left no-repeat;
background-size: cover;
padding: 50px 0px;
}
.acl-related-faqs h3
{
font-family: Roboto;
font-size: 36px;
font-weight: bold;
font-stretch: condensed;
font-style: normal;
line-height: 1.25;
letter-spacing: 1.8px;
text-align: center;
color: #ffffff;
text-transform: uppercase;
padding-bottom: 50px;
}
.faq-related-head a, .faq-related-head a:hover, .faq-related-head a:focus {
font-family: PlayfairDisplay;
font-size: 22px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.18;
letter-spacing: normal;
text-align: left;
color: #ffffff;
text-decoration: none;
margin-bottom: 10px;
}
.faq-related-content{
font-family: Roboto;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: normal;
text-align: left;
color: #ffffff;
padding-bottom: 20px;
border-bottom: solid 1px #ffffff;
margin: 20px 0px;
}
.acl-faq-post-meta, .acl-faq-post-meta a, .acl-faq-post-meta a:hover
{
font-family: Roboto;
font-size: 14px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 2.57;
letter-spacing: normal;
text-align: left;
color: #000000;
}
.acl-faq-content
{
font-family: Roboto;
font-size: 17px;
font-weight: 500;
font-stretch: normal;
font-style: normal;
line-height: 1.41;
letter-spacing: normal;
text-align: left;
color: #000000;
}
.acl-faq-cat-bottom{
background: url(//cprsuppliers.com/wp-content/plugins/acl-faq/assets/img/related-cat.jpg) top left no-repeat;
background-size: cover;
padding: 50px 0px;
margin-top: 50px;
}
.acl-faq-cat-bottom h3{
font-family: Roboto;
font-size: 36px;
font-weight: bold;
font-stretch: condensed;
font-style: normal;
line-height: 1.25;
letter-spacing: 1.8px;
text-align: center;
color: #ffffff;
text-transform: uppercase;
}
.acl-faq-cat-bottom ul { text-align: center; padding-top: 50px;}
.acl-faq-cat-bottom ul li{display: inline-block; margin-right: 10px;t}
.acl-faq-cat-bottom ul li a, .acl-faq-cat-bottom ul li a:hover, 
.acl-faq-cat-bottom ul li a:focus
{
padding: 13px 35px 12px 37px;
border-radius: 5px;
background-color: #f3fffb;
font-family: Roboto;
font-size: 19px;
font-weight: bold;
font-stretch: condensed;
font-style: normal;
line-height: 1.63;
letter-spacing: 0.95px;
text-align: center;
color: #004d30;
text-decoration: none;
}
.faq-search .row .col-md-8 {
text-align: center;
}
@media only screen and (max-width: 768px){
h1.fl-faq-post-title{
font-size: 48px;
}
h3.acl-faq-cat-heading{
text-align: center;
font-family: PlayfairDisplay;
}
ul.single-faq-cat li a, ul.single-faq-cat li a:hover, ul.single-faq-cat li a:focus, .acl-faq-more a, .acl-faq-more a:hover, .acl-faq-more a:focus
{
font-size: 14px;
}
.acl-faq-cat-bottom h3{font-size: 24px}
.acl-faq-cat-bottom ul li a { font-size: 12px;}
}
.fl-faq-content p{
font-family: Roboto;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 1.8;
color: #fff;
}
.fl-faq-title h2 a, 
.fl-faq-title h2 a:active,
.fl-faq-title h2 a:focus
{
font-family: PlayfairDisplay;
font-size: 22px;
font-weight: normal;
font-stretch: normal;
line-height: 1.5;
color: #fff;
text-decoration: none;
}
.fl-faq-title h2 a:hover{
color: #1768a7  !important;
}