/* style-faq */

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.faq-page {overflow:hidden;}
.faq-page .wrap {width: 100%;max-width: 960px;}
@media screen and (max-width: 1080px){
    .faq-page .wrap  {margin: 0 auto;padding-right: 15px;padding-left: 15px;}
}


/* faq-head */

.faq-head.section_block {background: #999;height: 550px;background: url('../../../images/clickdealer/faq/header-faq-bg.jpg') no-repeat center / cover; padding-top: 192px;}
.faq-head .head-description-holder .section_heading {padding-bottom: 31px; text-transform: uppercase;color: #ffffff;font-size: 58px;line-height: 1.1;font-weight: bold;}
.faq-head .search-holder {width: 100%;max-width: 355px;margin: 0 auto;}
.faq-head .search-holder .input-holder {}
.faq-head .search-holder .search-field {width: 100%; padding: 10px; background: transparent;border-bottom:1px solid #fff;text-align: center; font-size: 35px;line-height: 40px;color: #fff;}

.faq-head .search-holder .search-field::-webkit-input-placeholder {color: #fff;}
.faq-head .search-holder .search-field::-moz-placeholder {color: #fff;}
.faq-head .search-holder .search-field:-ms-input-placeholder {color: #fff;}
.faq-head .search-holder .search-field:-moz-placeholder {color: #fff;}

.faq-head .search-holder .form {position: relative;}
.faq-head .search-holder .button-holder {position: absolute;left: 100%;margin-left: 20px;bottom: -3px;}
.faq-head .search-holder .btn-search {cursor: pointer; width: 85px;height: 57px;border:1px solid #fff;border-radius: 28px;background: transparent url('../../../images/clickdealer/faq/search-btn-icon.png') no-repeat center;}


.nav-faq-list {position: absolute;left: 0;right: 0;bottom: 0;z-index: 2;background: rgba(8, 12, 24, .4);}
.nav-faq-list .nav-faq {list-style-type: none; width: 100%;max-width: 960px;padding: 14px 25px;display: flex;justify-content: space-between;margin: 0 auto;}
.nav-faq-list .nav-item {list-style: none;}
.nav-faq-list .faq-nav-anchor {font-size: 16px;line-height: 30px;color: #ffffff;font-weight: bold;text-decoration: underline;display: inline-block;}
.nav-faq-list .faq-nav-anchor:hover {text-decoration: none;}


@media screen and (max-width: 1024px){
	.faq-head.section_block {height: 480px;padding-top: 130px;}
	.faq-head .head-description-holder .section_heading {font-size: 46px;}
	.faq-head .search-holder {max-width: 325px;}
	.faq-head .search-holder .search-field {font-size: 26px;line-height: 33px;padding:8px 10px;}
	.faq-head .search-holder .btn-search {width: 72px;height: 50px;background-size: 30px auto;}
    
}
@media screen and (max-width: 768px){

	.faq-head .head-description-holder .section_heading {font-size: 36px;}
	.faq-head .search-holder { max-width: 280px;}
	.faq-head .search-holder .search-field {font-size: 23px;line-height: 30px; padding: 6px 10px;}
	.faq-head .search-holder .button-holder {margin-left: 15px;}
	.faq-head .search-holder .btn-search { width: 60px;height: 43px; background-size: 25px auto;}
    
}

@media screen and (max-width: 500px){
	.faq-head.section_block {padding-top: 95px; height: 433px;}
	.faq-head .head-description-holder .section_heading {font-size: 24px;padding-bottom: 26px;}
	.faq-head .search-holder { max-width: 240px;}
	.faq-head .search-holder .search-field {font-size: 18px;line-height: 27px; padding: 8px 10px;}
	.faq-head .search-holder .button-holder {margin-left: -4px;}
	.faq-head .search-holder .btn-search { width: 44px;height: 44px; border-radius: 50%; background: #fc655c url('../../../images/clickdealer/faq/search-btn-mob-icon.png') no-repeat center;background: url('../../../images/clickdealer/faq/search-btn-mob-icon.png') no-repeat center, -moz-linear-gradient(45deg, #fc655c 0%, #fdaa67 100%);background: url('../../../images/clickdealer/faq/search-btn-mob-icon.png') no-repeat center, -webkit-linear-gradient(45deg, #fc655c 0%,#fdaa67 100%);background: url('../../../images/clickdealer/faq/search-btn-mob-icon.png') no-repeat center, linear-gradient(45deg, #fc655c 0%,#fdaa67 100%) ; filter: url('../../../images/clickdealer/faq/search-btn-mob-icon.png') no-repeat center, progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc655c', endColorstr='#fdaa67',GradientType=1 ); border: none;}

	.nav-faq-list .nav-faq {display: block;padding: 23px 30px;}
	.nav-faq-list .nav-item {margin-bottom: 5px;}
	.nav-faq-list .nav-faq .nav-item:last-child {margin-bottom: 0;}
}

@media screen and (max-width: 370px){
	.faq-head .search-holder { max-width: 220px;}
}

/* Landscape*/
@media only screen and (max-device-width: 813px) and (orientation: landscape) {
	.faq-head.section_block {height: 335px;padding-top: 80px;}
	.faq-head .head-description-holder .section_heading {font-size: 38px; padding-bottom: 20px;}
	.faq-head .search-holder {max-width: 290px;}
} 


/* faq-head */



/* faq-section-holder */

.faq-section-holder {background: #fff; padding-top: 73px;padding-bottom: 25px;}
.faq-block {margin-bottom: 70px;}
.faq-block .faq-title-holder {padding-left: 25px;padding-right: 25px;margin-bottom: 10px;}
.faq-block .faq-block-title {font-size: 28px;line-height: 1.3;color: #656c71;font-weight: bold;border-bottom: 1px solid #d8dbde;padding-bottom: 13px;}

/* faq-list */

.faq-list {font-size: 16px;line-height: 24px;}
.faq-list .faq-list-item {padding: 13px 25px 0;-webkit-transition: all .4s ease; -o-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease;}
.faq-list .faq-item-title { -o-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;font-size: 20px;line-height: 1.5;color: #0954a0;font-weight: bold;margin-bottom: 10px;position: relative;cursor: pointer;padding-right: 35px;}

.faq-list .faq-item-title:after { content: '\f107';font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto; webkit-font-smoothing: antialiased; moz-osx-font-smoothing: grayscale;position: absolute;right: 12px;top: 14px;width: 17px;height: 10px;line-height: 10px;font-size: 22px; text-align: center; color: #656c71;-webkit-transition: all .4s ease;-o-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}

.faq-list .faq-item-description {font-size: 17px;line-height: 1.4;color: #656c71;display: none; padding-bottom: 13px;}
.faq-list .faq-item-description p {margin: 0 0 10px;}


.faq-list .faq-list-item.open {background: #f1f8fd;}
.faq-list .faq-list-item.open .faq-item-title {color: #656c71;}
.faq-list .faq-list-item.open .faq-item-title:after {transform: rotate(540deg);}

@media screen and (min-width: 1024px){
	.faq-list .faq-item-title:hover {text-decoration: underline;}
}

@media screen and (max-width: 768px){
	.faq-section-holder .wrap {padding:0;}
	.faq-block {margin-bottom: 60px;}
	.faq-block .faq-title-holder {padding-left: 15px;padding-right: 15px;}
    .faq-block .faq-block-title {font-size: 25px;}
	.faq-list .faq-list-item {padding-left: 15px;padding-right: 15px;}
    .faq-list .faq-item-title {font-size: 18px;line-height: 1.7;margin-bottom: 7px;}
    .faq-list .faq-item-title:after {top: 9px;right: 9px;}
    .faq-list .faq-item-description {font-size: 16px;line-height: 1.2;}
    .faq-section-holder {padding-top: 45px;}
}

@media screen and (max-width: 650px){
	.faq-list .faq-item-title {padding-right: 0;line-height: 1.45;}
    .faq-list .faq-item-title:after {display: none;}
}
@media screen and (max-width: 500px){
    
} 

/* Landscape */
@media only screen and (max-device-width: 813px) and (orientation: landscape) {
	.faq-block {margin-bottom: 45px;}
	.faq-section-holder {padding-top: 40px;}
	.faq-block .faq-block-title {font-size: 24px;padding-bottom: 7px;}
	.faq-list .faq-list-item {padding-top: 10px;}
	.faq-list .faq-item-title {font-size: 18px;}
	.faq-list .faq-item-description {font-size: 15px;}
	.faq-list .faq-item-description p {margin-bottom: 5px;}
}

/* faq-list */



/* faq-section-holder */

/* style-faq end */