.faqsContent{margin-bottom: 50px}

.faqsContent .answer-main-container{
    max-width: 1010px;
    margin-left: 5.5%;
}

.faqsContent.kmpFaqs .answer-main-container{
    max-width: 1600px;
    margin-left: 0px;
    margin-bottom: 28px;
}

.faqsContent .category{
    font: bold 12px "KIA", sans-serif;
    color: #929292;
    padding: 10px;
    text-align: left;
    cursor: pointer;

}

.faqsContent .category:hover{color: #000000;}

.faqsContent .category .heading{padding-left: 11px;}
.faqsContent .category .heading.active{
    color: #000;
    border-left: 3px solid #C4172C;
    padding-left: 8px;
}

.faqsContent .panel-heading{font: bold 12px "KIA", sans-serif;}
.faqsContent .panel-body{font: bold 12px "KIA", sans-serif;}

.faqsContent .panel-title-text .panel-heading .icon {
    position: absolute;
    right: 37.5px;
    transform: translateY(-50%);
    transition: all 250ms cubic-bezier(0.23, 1, 0.32, 1);
}

.faqsContent .panel-title-text .panel-heading{
    background: #dedede;
    background-image: url(../../../../../content/dam/kia/us/owners/image/common/socialmedia/CHEVRON-UP.png);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: center;
    background-size: contain;
    background-size: 17px;
    color: #000;
    padding: 10px 30px 10px 10px;
}

.faqsContent .panel-title-text.collapsed .panel-heading{
    background-image: url(../../../../../content/dam/kia/us/owners/image/common/socialmedia/CHEVRON-DOWN.png);
    padding: 10px 30px 10px 10px;
}

/* accordion question with image for Privacy Policy */
.faqsContent.privacypolicy{margin: 50px}
.faqsContent.privacypolicy .panel{
    border: none;
    border-top: 2px solid;
     -webkit-box-shadow: none;
    box-shadow: none;            
}
.faqsContent.privacypolicy .panel-group .panel{border-radius: 0px}
.faqsContent.privacypolicy .panel-title-text .panel-heading{
    background: #fff;
    background-image: url(../../../../../content/dam/kia/us/owners/image/common/icon/chevron-up.svg);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: center;
    background-size: contain;
    background-size: 25px;
    color: #000;
    padding: 10px 30px 10px 0px;
}

.faqsContent.privacypolicy .panel-title-text.collapsed .panel-heading{
    background-image: url(../../../../../content/dam/kia/us/owners/image/common/icon/chevron-down.svg);
    padding: 10px 30px 10px 0px;
}
.faqsContent.privacypolicy .panel-title-text .panel-heading img, .faqsContent .panel-title-text.collapsed .panel-heading img{
    margin-right: 5px;
}
.faqsContent.privacypolicy .panel-body{padding: 15px 0}
    .faqsContent.privacypolicy .panel-body ul li{margin-bottom: 10px}


.faqsContent .call-info{margin-top:50px; font-size: 17px}
.faqsContent span sup{cursor: pointer}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
/* need this for modal disclaimers in wifi-hotspot to work */
#myModal .modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 600px;
  top: 10%;
}

#myModal .modal-content p{width: 540px}

#myModal .modal-content .modal-body{padding: 15px 0 15px 15px}


/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  z-index: 10;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* CSS for FAQ section of Wifi Hotspot  */
.faqsContent.wifi .col-sm-4, .faqsContent.wifi .hidden-sm, .faqsContent.privacypolicy .col-sm-4, .faqsContent.privacypolicy .hidden-sm{display: none}
.faqsContent.wifi .col-answer, .faqsContent.privacypolicy .col-answer{margin-left: 17%}
/* End of CSS for FAQ section of Wifi Hotspot */

/* CSS for FAQ of KMP  */
.faqsContent.kmpFaqs{background: #05141f; margin-bottom: 0px}
.faqsContent.kmpFaqs .container{width: 1600px}
.faqsContent .category:hover{color: #fff;}
.faqsContent.kmpFaqs .category .heading.active{
    color: #fff;
    border-left: 3px solid #fff;
    padding-left: 8px;
}
.faqsContent.kmpFaqs .panel{background-color: #05141f}
.faqsContent.kmpFaqs .panel-title-text .panel-heading{
              background: transparent;
    background-image: url(../../../../../content/dam/kia/us/owners/image/common/socialmedia/CHEVRON-UP.png);
    background-repeat: no-repeat;
    background-position-x: 98%;
    background-position-y: center;
    background-size: contain;
    background-size: 17px;
    color: #fff;
    padding: 10px 30px 10px 0px;
}

.faqsContent.kmpFaqs .panel-title-text.collapsed .panel-heading{
    background-image: url(../../../../../content/dam/kia/us/owners/image/common/socialmedia/CHEVRON-DOWN.png);
    padding: 10px 30px 10px 0px;
}

.faqsContent.kmpFaqs .panel-body ul.inner{margin-left: 20px}
.faqsContent.kmpFaqs .panel-default{border: none; border-top: 1px solid #ddd; border-radius: 0px}
.faqsContent.kmpFaqs ol li b{color: #fff}

.faqsContent.kmpFaqs .category{font: 600 16px "KIA-REGULAR",sans-serif; line-height: 19px}
.faqsContent.kmpFaqs .panel-heading{font: 600 20px "KIA-REGULAR",sans-serif; line-height: 24px;}
.faqsContent.kmpFaqs .panel-body{font-size: 16px; font-family: 'Kia Signature OTF', sans-serif; line-height: 24px; color: #FFFFFF; font-weight: 400;}
.kmpFaqs .hidden-cat {display: none !important;}
/* End of CSS for FAQ of KMP */

/* CSS for FAQ of finance  */
.faqsContent.finance .panel-body{font: 400 14px "KIA-REGULAR", sans-serif}
.faqsContent.finance .category:hover{color: #000;}

@media (max-width: 1840px) and (min-width: 1740px){ .faqsContent .answer-main-container{max-width: 980px; margin-left: 7%;} }
@media (max-width: 1739px) and (min-width: 1640px){
    .faqsContent .answer-main-container{max-width: 960px; margin-left: 9%;} 

              .faqsContent.kmpFaqs .container{width: 1600px}
              .faqsContent.kmpFaqs .answer-main-container{max-width: 1400px; margin-left: 5.5%;}
}
@media (max-width: 1639px) and (min-width: 1540px){
              .faqsContent .answer-main-container{max-width: 940px; margin-left: 11%;} 
              .faqsContent.kmpFaqs .answer-main-container{max-width: 1300px; margin-left: 0px;}
}

@media (max-width: 1539px) and (min-width: 1440px){
              .faqsContent .answer-main-container{max-width: 900px; margin-left: 13%;} 
              .faqsContent.kmpFaqs .answer-main-container{max-width: 1300px; margin-left: 0px;}
}
@media (max-width: 1439px) and (min-width: 1340px){
              .faqsContent .answer-main-container{max-width: 860px; margin-left: 16%;}
              .faqsContent.kmpFaqs .answer-main-container{max-width: 1300px; margin-left: 0px;}
}
@media (max-width: 1339px) and (min-width: 1240px){
              .faqsContent .answer-main-container{max-width: 820px; margin-left: 19%;} 
              .faqsContent.kmpFaqs .answer-main-container{max-width: 1200px; margin-left: 0px;}
}
@media (max-width: 1239px) and (min-width: 1140px){
              .faqsContent .answer-main-container{max-width: 780px; margin-left: 15%;}
              .faqsContent.kmpFaqs .answer-main-container{max-width: 1100px; margin-left: 0px;}
}
@media (max-width: 1139px) and (min-width: 992px){
              .faqsContent.kmpFaqs .answer-main-container{max-width: 900px; margin-left: 5%;}
}
@media (max-width: 991px) and (min-width: 768px){ 
              .faqsContent .container{width: auto;} 
              .faqsContent.kmpFaqs .answer-main-container{max-width: 760px; margin-left: 0px;}
}

@media ( max-width : 767px) {
              .faqsContent .answer-main-container{
              margin-left: -15px;
              }
    .faqsContent .call-info{margin-top:50px; margin-bottom: 20px; font-size: 14px}

    .view-pre-login .modal{padding-top: 0}
              #myModal .modal-content {
          width: 100% !important;
          height: 100% !important;
          top: 0 !important;
          border: none;
          border-radius: 0px;
          overflow: scroll;
      }

      #myModal .modal-content p{width: 320px}

     /* CSS for FAQ section of Wifi Hotspot  */
                             .faqsContent.wifi .col-answer{margin-left: 0px;}
              /* End of CSS for FAQ section of Wifi Hotspot */

     /* CSS for FAQ of KMP  */                     
     .faqsContent.kmpFaqs .container{width: 100%; padding-right: 30px}
     .faqsContent.kmpFaqs .container .answer-main-container strong{color: #fff}
	.faqsContent.kmpFaqs .answer-main-container{margin-left: 0px; margin-bottom: 0px;}

	.faqsContent.kmpFaqs .category{font: 18px/1.4em "KIA",sans-serif;}
	.faqsContent.kmpFaqs .panel-heading{font: 18px/1.4em "KIA",sans-serif;}
	.faqsContent.kmpFaqs .panel-body{font: 18px/1.4em "KIA",sans-serif;}
     /* End of CSS for FAQ of KMP */

	.faqsContent.privacypolicy{margin: 30px}
	.faqsContent.privacypolicy .container{padding: 0px}
	.faqsContent.privacypolicy .col-answer{margin-left: 0px}
}