.new-footer-contain{width: 100%; float:right; padding: 50px 150px; background-color: #1f1f1f; color:#fdfdfd; text-align: left; font: 14px/1.79em "Source Sans Pro",sans-serif;}
.new-footer-contain img{margin-bottom: 50px; width: 80px; height: 40px}
.contain .content-footer{margin-bottom: 50px}
.new-footer-contain .accordion-toggle.collapsed h4{color: #ffffff; background: url(../../../../../content/dam/kia/us/owners/image/common/socialmedia/CHEVRON-DOWN.png) right/contain no-repeat; background-size: 20px}
.new-footer-contain .accordion-toggle h4{color: #ffffff; background: url(../../../../../content/dam/kia/us/owners/image/common/socialmedia/CHEVRON-UP.png) right/contain no-repeat; background-size: 20px}
.new-footer-contain p a{color: #fdfdfd}
.new-footer-contain .panel{background: none; border: none}
.new-footer-contain ul {margin-bottom: 0}
.new-footer-contain ul li a{color: #fff; cursor: pointer}
.new-footer-contain .icons ul {padding: 0}
.new-footer-contain .icons ul li{display: inline-block}
.new-footer-contain .icons ul li img{margin-bottom: 10px; margin-right: 20px; height: 20px; width: auto;}

.new-footer-contain .panel-collapse{color: #b6b6b6}

.new-footer-contain ul li a, .new-footer-contain a:visited, .new-footer-contain a:active, .new-footer-contain a:link{color: #a6a6a6; text-decoration: none}
.new-footer-contain a:hover{text-decoration: underline}

.new-footer-contain hr{border-top: 2px solid #fff !important; margin-top: 20px}

#cookieManageModal .modal-content{
    display: block;
    position: absolute;
    top: 10%;
    left: 20%;
    width: 60%;
    border: 1px solid rgb(170, 170, 170);
    background: #fff;
    font: 14px/1.5em "Source Sans Pro", sans-serif;
  	letter-spacing: 1px;
}
#cookieManageModal .modal-content .left-content{
    width: 240px;
    height: 560px;
    text-align: center;
    float: left;
    border-right: 1px solid rgb(211, 211, 211);
}
#cookieManageModal .modal-content .left-content img{height: 120px; padding: 20px; margin: 40px 0}
#cookieManageModal .modal-content .left-content ul{list-style: none; margin: 0px 0px 0px 15px; padding: 0px; text-align: left}
#cookieManageModal .modal-content .left-content ul li{padding: 10px 0}
#cookieManageModal .modal-content .left-content ul li a{color: #333}
#cookieManageModal .modal-content .left-content ul li a:hover{color: #333; text-decoration: none}

#cookieManageModal .modal-content .right-content{
    left: 240px;
    margin-top: 20px;
}
#cookieManageModal .modal-content .right-content p{
    text-align: left;
    margin: 10px;
}
#cookieManageModal .modal-content .right-content .back-link{
    color: rgb(0, 174, 240);
    cursor: pointer;
    text-align: left;
    margin-top: -14px;
    margin-left: 250px;
    display: none;
}
#cookieManageModal .modal-content .right-content .scroll-content{
    height: 485px;
    overflow: hidden;
    border-bottom: 1px solid rgb(211, 211, 211);
}
#cookieManageModal .modal-content .right-content .scroll-content h4{
    text-align: center;
    font: 600 22px/1.5em "KIA",sans-serif;
}
#cookieManageModal .modal-content .right-content .scroll-content h5{
    font: 600 16px/1em "KIA",sans-serif;
}
#cookieManageModal .modal-content .right-content .scroll-content .items{
    text-align: left;
    padding: 6px 0;
    margin: 20px 10px;
}
#cookieManageModal .modal-content .right-content .scroll-content .items .name{
    background: rgb(238, 238, 238);
    padding: 4px 2px;
    margin: 5px 0;
}
#cookieManageModal .modal-content .right-content .scroll-content .items .vendors{
    display: none;
}
#cookieManageModal .modal-content .right-content .scroll-content .items .vendors .name img{
    width: 20px;
    margin-left: 15px;
}
#cookieManageModal .modal-content .right-content .scroll-content .items .name .toggle{float: right}
#cookieManageModal .modal-content .right-content .scroll-content .items a{
    color: rgb(0, 174, 240);
    cursor: pointer;
}
#cookieManageModal .modal-content .right-content .mobile{
    text-align: left;
    margin: 10px;
}
#cookieManageModal .modal-content .right-content .mobile a{
    color: #333;
}
#cookieManageModal .modal-content .right-content .buttons{
    float: right;
    margin: 10px;
}
#cookieManageModal .modal-content .right-content .buttons .optout{
    color: #fff;
    background: #000;
    border-color: #000;
}

.externalLink{cursor: pointer}
#externalLinkModal .modal-content{
    display: block;
    position: absolute;
    text-align: center;
    top: 20%;
    left: 35%;
    width: 30%;
    border: 1px solid rgb(170, 170, 170);
    background: #fff;
    font: 14px/1.5em "Source Sans Pro", sans-serif;
  	letter-spacing: 1px;
    border-radius: 0px;
}
#externalLinkModal .modal-content .close{
    opacity: 1;
    color: #aaaaaa;
  	float: right;
  	font-size: 32px;
  	font-weight: normal;
  	z-index: 10;
    width: 25px;
    height: 25px;
    line-height: unset;
}
#externalLinkModal .modal-content .close:hover{
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
#externalLinkModal .modal-content .content h3{font-weight: 700;}
#externalLinkModal .modal-content .content p{text-align: left; padding: 20px;}
#externalLinkModal .modal-content .content button{margin-bottom: 20px; background: #c4172c; color: #fff; padding: 10px 50px; border: none; border-radius: 5px; font-size: 20px; font-weight: bold}

.toggle label>span{width: 41px; height: 22px; background: #ccc}
.toggle label>span:before{width: 20px; height: 20px}
/* .toggle input[type="checkbox"]:checked+span{background-color: #2196F3} */

@media (max-width: 767px) {
    .new-footer-contain{padding: 50px}
    .new-footer-contain hr{margin-top: 10px;}
    .contain .new-footer-contain .content-footer{margin-bottom: 10px}

    #cookieManageModal .modal-content .left-content{display: none}
    #cookieManageModal .modal-content{
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #cookieManageModal .modal-content .right-content .scroll-content{
        height:580px;
    	overflow: scroll;
    }
    #cookieManageModal .modal-content .right-content .back-link{
        margin-left: 10px;
    }
	#cookieManageModal .modal-content .right-content .buttons{
        margin-top: -32px;
    }

	#externalLinkModal .modal-content{top: 0px; left: 0px; width: 100%; height: 100%}
}


@media (min-width: 768px) {
    #collap_0.collapse, #collap_1.collapse, #collap_2.collapse, #collap_3.collapse {
      display: block;
    }
}

@media (min-width: 768px) and (max-width: 991px) {.new-footer-contain{padding: 20px 50px 80px}}