.cardCompareHolder{max-width:100%;overflow-x:hidden}
@media(max-width:768px){}
.banner-body-copy{font-family:Whitney-Book-Pro,Arial,Helvetica,sans-serif}
#cardCompareStructure{display:none}
@media(max-width:768px){table tr th,table tr td{padding:0}
}
table.cardCompare.fixedTop thead{position:fixed;display:block;width:100%}
table.cardCompare.fixedTop thead th{padding-bottom:0}
.compareTableArrow{display:none;position:absolute;z-index:2;top:193px;font-size:24px}
.compareTableArrow.movetableleft{left:.625rem}
.compareTableArrow.movetableright{right:.625rem}
@media(max-width:768px){#compare-caddy .compareTableArrow{top:130px}
.compareTableArrow.sticky{top:93px}
}
@media(max-width:768px){.move0.compareTableArrow.movetableleft{display:none}
}
@media(max-width:768px){.move0.compareTableArrow.movetableright{display:block}
}
@media(max-width:768px){.move1.compareTableArrow.movetableleft{display:block}
}
@media(max-width:768px){.move1.compareTableArrow.movetableright{display:none}
}
.container{overflow:hidden;border-bottom:2px solid #CCC}
#cardCompareSticky.move1 #stickyHeaderContent .tabletHead{transform:translateX(-25%)}
#cardCompareSticky.move1 #stickyHeaderContent .mobileHead{transform:translateX(-50%)}
table.cardCompare{width:100%;border:0;border-collapse:collapse;transition:transform .2s linear;transform:translateX(0);table-layout:fixed}
@media(max-width:768px){table.cardCompare{min-width:calc(( (100vw - 1.25rem) / 3) * 4)}
table.cardCompare.move1{transform:translateX(-25%)}
table.cardCompare.move1 tbody tr th{transition:transform .2s linear;transform:translateX(0)}
table.cardCompare.move1 tbody tr th .rowCollapse_inner,table.cardCompare.move1 tbody tr th .subheadingrow_inner{transform:translateX(33%)}
table.cardCompare.move1 tbody td.subheadingrow .subheadingrow_inner{transform:translateX(24%)}
}
@media(max-width:568px){table.cardCompare{min-width:calc(( (100vw - 1.4rem) / 2) * 4)}
table.cardCompare.move1{transform:translateX(-50%)}
table.cardCompare.move1 tbody tr th{transition:transform .2s linear;transform:translateX(0)}
table.cardCompare.move1 tbody tr th .rowCollapse_inner,table.cardCompare.move1 tbody tr th .subheadingrow_inner{transform:translateX(100%)}
.rowCollapse_relative{width:50% !important}
table.move1 tbody tr td .rowCollapse_relative{transform:translateX(100%) !important}
table.cardCompare.move1 tbody td.subheadingrow .subheadingrow_inner{transform:translateX(50%)}
}
table.cardCompare thead tr:first-child th,table.cardCompare thead tr:first-child td{height:0;overflow:hidden;padding:0;margin:0;text-indent:-1000px}
table.cardCompare thead th,table.cardCompare thead td{text-align:center;width:25%}
@media(max-width:568px){table.cardCompare thead td{border-right:1px solid #ccc;padding:0 22px}
table.cardCompare thead td:nth-of-type(even){border-right:0}
}
table.cardCompare tfoot{display:none}
table.cardCompare tr{background:white}
table.cardCompare tr td{height:1px;vertical-align:top;padding-top:0;padding-bottom:0}
table.cardCompare tbody th{font-weight:normal;line-height:1;padding:0}
table.cardCompare tbody tr th:first-child,table.cardCompare tbody tr td:first-child{width:0}
@media(min-width:960px){table.cardCompare tbody th.subheadingrow,table.cardCompare tbody td.subheadingrow{padding:0 23px}
}
table.cardCompare tbody th.subheadingrow .subheadingrow_inner,table.cardCompare tbody td.subheadingrow .subheadingrow_inner{padding:40px 0 23px 0;border-bottom:2px solid #ccc}
@media(max-width:568px){table.cardCompare tbody th.subheadingrow .subheadingrow_inner,table.cardCompare tbody td.subheadingrow .subheadingrow_inner{padding:20px 0 15px}
}
@media(max-width:768px){table.cardCompare tbody th.subheadingrow .subheadingrow_inner,table.cardCompare tbody td.subheadingrow .subheadingrow_inner{padding:20px 0 15px}
}
@media(max-width:768px){table.cardCompare.move1 tbody th.subheadingrow .subheadingrow_inner,table.cardCompare.move1 tbody td.subheadingrow .subheadingrow_inner{padding:20px 10px 15px}
}
table.cardCompare tbody th.rowCollapse .rowCollapse_inner,table.cardCompare tbody td.rowCollapse .rowCollapse_inner{background:#666;color:white;padding:23px;margin-top:40px;margin-bottom:0;position:relative}
@media(max-width:768px){table.cardCompare tbody th.rowCollapse .rowCollapse_inner,table.cardCompare tbody td.rowCollapse .rowCollapse_inner{width:calc(100vw - 1.25rem);margin:10px 0}
}
table.cardCompare tbody td.rowCollapse button{position:absolute;right:23px;top:18px;width:30px;height:30px;padding:0;background:0}
@media(max-width:568px){table.cardCompare tbody td.rowCollapse button{right:5px}
}
@media(min-width:569px) and (max-width:768px){table.cardCompare.move0 tbody td.rowCollapse button{transform:translateX(-15rem)}
table.cardCompare.move1 tbody td.rowCollapse .rowCollapse_inner{transform:translateX(32%)}
}
table.cardCompare tbody th.rowCollapse .icon,table.cardCompare tbody td.rowCollapse button .icon{transform:rotate(0)}
table.cardCompare tbody th.rowCollapse .icon.rotated,table.cardCompare tbody td.rowCollapse button .icon.rotated{transform:rotate(180deg);transition:transform .3s ease}
@media(min-width:960px){table.cardCompare tbody tr.rowCollapseHolder+tr.cardselection_row td.cardselection_cell .cardselection_cell_inner{margin-top:30px}
}
table.cardCompare tbody tr.cardselection_row{border-collapse:separate;border-spacing:0 1em}
table.cardCompare td.cardselection_cell{padding:0;border:0;margin-top:10px;min-height:1px}
table.cardCompare td.cardselection_cell .cardselection_cell_inner{padding:20px 30px 20px 30px;min-height:100%}
@media screen and (max-width:768px){table.cardCompare td.cardselection_cell .cardselection_cell_inner{padding:20px 10px}
}
@media screen and (max-width:768px){table.cardCompare td.summary.cardselection_cell .cardselection_cell_inner{padding:10px 20px}
}
table.cardCompare td.cardselection_cell:first-child{padding:0 0 0 22px}
@media(max-width:768px){table.cardCompare td.cardselection_cell:first-child{padding:0}
}
table.cardCompare td.cardselection_cell:first-child .cardselection_cell_inner{border-left:0;padding:20px 30px 20px 0}
@media(max-width:568px){table.cardCompare td.tablecolumn-2 .cardselection_cell_inner{border-left:0}
}
@media(min-width:569px) and (max-width:768px){table.cardCompare.move1 td.tablecolumn-1 .cardselection_cell_inner{border-left:0;padding:10px 20px 10px 0}
}
table.cardCompare .cardselection_cell:last-child{padding:0 22px 0 0}
table.cardCompare .cardselection_cell:last-child .cardselection_cell_inner{padding:30px 0 30px 30px}
table.cardCompare .cardselection_cell_inner{margin-top:10px;border-left:1px solid #ccc;font-size:16px;font-size:1rem;line-height:1.5}
table.cardCompare td.cardselection_cell.feature-cell .cardselection_cell_inner{padding-top:10px;margin-top:30px;font-size:28px;line-height:1.3}
.jumptocards{opacity:0;color:#333;width:3px;overflow:hidden}
.jumptocards:focus{opacity:1;display:inline-block;width:auto}
table.cardCompare .jumptocards{color:#fff}
.selectableCards .jumptocards{font-size:14px;font-size:1rem;color:#333}
.selectedCards .title .jumptocards{font-size:14px;font-size:1rem}
#cardCompareSticky{position:fixed;z-index:100;top:0;width:100%;text-align:center;background-color:white;padding:20px 0;top:-350px;transition:top .5s ease-in-out}
#cardCompareSticky:after{content:"";display:table;clear:both}
#cardCompareSticky.in{top:0}
@media screen and (max-width:768px){#cardCompareSticky.in{top:48px}
}
@media screen and (max-width:568px){#cardCompareSticky.in{border-bottom:1px solid #ccc;margin-left:0;padding-bottom:0}
#cardCompareSticky.in .row{padding-bottom:0;margin-bottom:0}
}
@media screen and (min-width:568px) and (max-width:768px){#cardCompareSticky{top:auto;bottom:0}
.noCardsSelected #cardCompareSticky{display:none}
#cardCompareSticky.in{top:0;bottom:auto}
#cardCompareSticky .cardselection__removecard,#cardCompareSticky .cardselection__title{display:none}
#cardCompareSticky.in .cardselection__removecard,#cardCompareSticky.in .cardselection__title{display:block}
#cardCompareSticky.in .cardselection__removecard{margin-top:45px}
}
@media(max-width:768px){#cardCompareSticky .desktopHead{display:none}
}
#cardCompareSticky .tabletHead{min-width:calc(( (100vw - 1.25rem) / 3) * 4)}
#cardCompareSticky .mobileHead{min-width:200%}
#cardCompareSticky .cardselection__holder{width:25%;float:left}
@media screen and (max-width:568px){#cardCompareSticky .cardselection__holder{padding:0 10px;border-right:1px solid #ccc;height:160px}
#cardCompareSticky .cardselection__holder:nth-child(2n){border-right:0}
#cardCompareSticky .cardselection__holder:last-child{border-right:0}
#cardCompareSticky .cardselection__holder a.button.primary{display:none}
#cardCompareSticky .cardselection__holder.addCard a.button{margin-top:21px}
#cardCompareSticky .cardselection__holder.addCard .cardselection__title{display:none}
}
.apply-now,.add-a-card{width:90%}
#cardCompareSticky .cardselection__removecard{height:30px;width:30px;background:white;border:1px solid #c41f3e;border-radius:15px;color:#c41f3e;font-size:14px;line-height:1;padding:7px;margin:0 auto}
#cardCompareSticky .cardselection__removecard.opacitynone{opacity:0}
.cardselection__card_image{position:relative;max-width:180px;margin:0 auto;margin-top:20px}
.cardselection__card_image .cardselection__removecard{position:absolute;top:-15px;right:-15px;height:30px;width:30px;background:white;border:1px solid #c41f3e;border-radius:15px;color:#c41f3e;font-size:14px;line-height:1;padding:7px;cursor:pointer}
@media(max-width:768px){table.cardCompare thead a.button{display:none}
table.cardCompare tfoot{display:table-footer-group;text-align:center;padding-top:20px}
table.cardCompare tfoot .cardselection__card_image,table.cardCompare tfoot .cardselection__title,table.cardCompare tfoot .button{display:none}
table.cardCompare tfoot .cardselction_card{text-align:center}
}
@media(max-width:568px){table.cardCompare thead{border-bottom:1px solid #ccc}
.noCardsSelected table.cardCompare tfoot .cardselection__card_image,.noCardsSelected table.cardCompare tfoot .cardselection__title{display:block;margin:0 20px;margin-bottom:10px}
.noCardsSelected table.cardCompare tfoot .cardselection__card_image,.noCardsSelected table.cardCompare tfoot .cardselection__title,.noCardsSelected table.cardCompare tfoot .button{display:block}
table.cardCompare tfoot .cardselection__title{padding-bottom:10px}
table.cardCompare tfoot a.button{margin:10px;width:calc(100% - 20px)}
}
@media(max-width:768px){table.cardCompare thead th{padding-top:50px}
}
.creditCardModal.show .selectedCards{display:block}
.selectedCards{text-align:center;position:fixed;width:100%;padding:30px 30px 0;box-shadow:0 3px 3px #ccc;background-color:white;z-index:100;display:none;top:0;left:0}
@media(max-width:568px){}
.selectedCards .closecreditcardmodal{position:fixed;top:calc(top: 100vh + 40px);right:40px;transition:top .2s ease-in-out}
.selectedCards .cardselection_add_card_holder{border:1px solid #d8d8d8}
@media(max-width:568px){.selectedCards .cardselection_add_card_holder{height:47px}
}
@media(min-width:569px) and (max-width:768px){.selectedCards .cardselection_add_card_holder{height:88px}
}
@media(min-width:569px) and (max-width:768px){.selectedCards .smallerModalFixed .cardselection_add_card_holder{height:65px}
}
.selectedCards .cardselection__holder{display:block;width:25%;text-align:center;float:left;padding:0 20px}
@media(max-width:568px){.selectedCards .cardselection__holder{padding:0 7px}
.selectedCards .cardselection__holder .cardselection__title{display:none}
.selectedCards .cardselection__holder .button{display:none}
.selectedCards .cardselection__holder .cardselection__card_image{margin-top:0;min-height:0 !important}
.selectedCards .cardselection__holder .cardselection__card_image .cardselection__removecard{top:auto;bottom:-23px;left:0;right:0;margin:0 auto}
}
@media(max-width:568px){.selectedCards{padding:30px 10px}
}
.creditcardModalSpacer{height:420px}
@media(max-width:768px){.creditcardModalSpacer{height:395px}
}
@media(max-width:568px){.creditcardModalSpacer{height:173px}
.creditcardModalSpacer.smallerModalFixed{height:283px}
}
.selectableCards{padding:40px;max-width:1180px;margin:0 auto}
@media(max-width:568px){.selectableCards{padding:40px 10px}
}
.cardselection_add_card_holder{width:100%;height:113px;border:1px solid #c41f3e;border-radius:6px;display:flex;justify-content:center;align-items:center;color:#c41f3e;line-height:1;font-size:22px}
@media screen and (max-width:568px){.cardselection_add_card_holder{height:73px}
}
.cardselection__title{font-weight:bold;max-width:227px;margin:20px auto 0;min-height:80px}
@media(max-width:568px){.cardselection__title{max-width:140px;margin:10px auto}
}
a.cardselection__title,a:focus.cardselection__title,a:hover.cardselection__title{background:0;color:#333;opacity:1;display:inline-block;width:auto;margin-top:9px}
@media only screen and (min-width:48em){a.banner-body-copy{font-size:1.125rem !important}
}
.creditCardModal{position:fixed;top:100vh;left:0;width:100%;min-width:100vw;height:100%;min-height:100vh;overflow-y:scroll;z-index:1000;background:white;transition:top .5s ease-in-out}
.creditCardModal.show{top:0}
.creditCardModal.show .closecreditcardmodal{top:15px;right:20px;transition:top .2s ease-in-out}
.creditCardModal .chooseCardsHolder .columns+.columns:last-child{float:left}
.creditCardModal .chooseCardsHolder .chooseCard{position:relative;text-align:center;cursor:pointer}
@media(min-width:768px) and (max-width:959px){.creditCardModal .chooseCardsHolder .chooseCard.toclear-4,.creditCardModal .chooseCardsHolder .chooseCard.toclear-8,.creditCardModal .chooseCardsHolder .chooseCard.toclear-12,.creditCardModal .chooseCardsHolder .chooseCard.toclear-16,.creditCardModal .chooseCardsHolder .chooseCard.toclear-24{clear:left}
}
@media(min-width:960px){.creditCardModal .chooseCardsHolder .chooseCard.toclear-6,.creditCardModal .chooseCardsHolder .chooseCard.toclear-12,.creditCardModal .chooseCardsHolder .chooseCard.toclear-18,.creditCardModal .chooseCardsHolder .chooseCard.toclear-24{clear:left}
}
@media screen and (max-width:568px){.creditCardModal .chooseCardsHolder .chooseCard{height:220px}
}
.creditCardModal .chooseCardsHolder .chooseCard.slick-slide{opacity:.8;transform:scale(0.9);transition:transform .2s ease-out}
.creditCardModal .chooseCardsHolder .chooseCard.slick-slide.slick-current{opacity:1;transform:scale(1.1)}
.creditCardModal .chooseCardsHolder .chooseCard .chooseCardImage{margin:0 auto;margin-bottom:20px;margin-top:31px;position:relative;max-width:124px}
.creditCardModal .chooseCardsHolder .chooseCard .chooseCardImage img{margin-bottom:20px}
@media(max-width:668px){.creditCardModal .chooseCardsHolder .chooseCard .chooseCardImage img{margin-bottom:10px}
}
.creditCardModal .chooseCardsHolder .chooseCard .chooseCardImage .addCard{position:absolute;top:-11px;right:-11px;height:22px;width:22px;color:#c41f3e;background-color:white;border:1px solid #c41f3e;border-radius:11px;transform:scale(1);transition:transform .1s ease-in-out}
.creditCardModal .chooseCardsHolder .chooseCard .chooseCardImage:hover .addCard{transform:scale(1.1)}
.creditCardModal .chooseCardsHolder .chooseCard .banner-body-copy{font-weight:bold}
.creditCardModal .chooseCardsHolder .chooseCard .banner-body-copy,.creditCardModal .chooseCardsHolder .chooseCard .addCard{opacity:1;transition:opacity .2s ease-in-out}
.creditCardModal .chooseCardsHolder .chooseCard.fadeInfo .banner-body-copy,.creditCardModal .chooseCardsHolder .chooseCard.fadeInfo .addCard{display:none}
.creditCardModal .chooseCardsHolder .chooseCard .banner-body-copy{font-size:95%}
.creditCardModal .chooseCardsCategoryTitle{border-bottom:1px solid #ccc;margin:0 20px 10px 10px;padding-bottom:20px}
.addCardHoverItem{max-width:64px;position:fixed;bottom:40px;z-index:15;left:0;right:0;margin:0 auto;display:none}
@media(max-width:768px){.addCardHoverItem{display:block}
}
.addCardHoverItem img{max-width:100%}
.addCard,.removeCard,.closecreditcardmodal{cursor:pointer}
.noCardsSelected tbody{display:none}
@media(max-width:568px){}
span.compare-tick-true{width:100%;display:block;height:40px;line-height:40px;background-image:url(../../../etc.clientlibs/cibcpublic/clientlibs/assets/resources/compare/check.png?1505157622);background-repeat:no-repeat;background-position:center center;background-size:20px;width:40px;overflow:hidden;padding:0;color:transparent;margin:auto}
span.compare-tick-false{width:100%;height:40px;line-height:40px;display:block;background-image:url(../../../etc.clientlibs/cibcpublic/clientlibs/assets/resources/compare/dash.png?1505157622);background-repeat:no-repeat;background-position:center center;background-size:20px;width:40px;overflow:hidden;padding:0;color:transparent;margin:auto}
.compareButtonHolder.sticky{display:none}
.compareButtonHolder.sticky.show{display:none}
@media screen and (max-width:568px){.creditCardModal.show .compareButtonHolder.sticky{display:none;background-color:#fff;padding:5px 25px;position:fixed;width:100%;bottom:0;z-index:100}
.creditCardModal.show .compareButtonHolder.sticky.show{display:block}
}
@media screen and (min-width:768px){.cardselection__holder.compareButtonHolder{display:none;padding-top:52px}
.compareButtonHolder a.button{width:100% !important}
}
.cardselection__holder.smallerModalFixed{display:block !important;width:20% !important}
@media screen and (max-width:568px){.cardselection__holder.smallerModalFixed{width:25% !important}
.cardselection__holder.smallerModalFixed#compare{//width:100% !important;display:none !important}
.cardselection__holder.smallerModalFixed#compare .button{display:block}
}
.creditcardOopsBack{padding-top:200px;background-color:rgba(0,0,0,0.8);position:fixed;width:100%;height:100%;top:0;left:0;z-index:1001;display:none;opacity:0}
.creditcardOopsBack.show{opacity:1}
.creditcardOops{background-color:white;padding:36px 100px;max-width:580px;margin:0 auto;text-align:center}
.closeOops{margin-top:30px !important}
.rowCollapse_relative{position:relative;background-color:#666}
.rowCollapse_arrow{color:white}
.rowCollapse_inner{font-size:16px !important;font-weight:normal !important;font-family:Whitney-Book-Pro,Arial,Helvetica,sans-serif !important}
.rowCollapse_relative .jumptocards{position:absolute;right:150px;top:22px}
.subheadingrow_inner h3{font-size:20px !important}
#creditCardModalHead .cardselection__card_image{//min-height:113px}
@media screen and (min-width:569px) and (max-width:768px){#creditCardModalHead .cardselection__title{height:130px}
}
#creditCardModalHead .apply-now{display:none}
@media screen and (min-width:768px){#creditCardModalHead .cardselection__title{max-width:inherit;height:auto}
}
.tabletHead{display:none}
@media screen and (min-width:801px){.desktopHead{display:inherit !important}
}
.desktopHead{display:none}
@media screen and (min-width:568px) and (max-width:800px){.tabletHead{display:inherit !important}
}
.mobileHead{display:none}
@media screen and (max-width:567px){.mobileHead{display:inherit !important}
}
@media screen and (max-width:568px){table.cardCompare thead tr th,table.cardCompare tfoot tr th{padding-top:30px !important}
}
@media screen and (max-width:1000px){#cardCompareSticky{padding-top:40px !important}
}
#cardCompareSticky .cardselection__title{min-height:4em !important}
th.compare_heading_column{width:0 !important;opacity:0;overflow:hidden}
.cardCompare tr.interest.first td.summary .cardselection_cell_inner [style="text-align: right;"]{text-align:left !important}
.cardCompare tr.interest.first td.summary .cardselection_cell_inner>p,.cardCompare tr.interest.first td.summary .cardselection_cell_inner>div{font-size:.9em}
.cardCompare tr.interest.first td.summary .cardselection_cell_inner b{font-size:1rem}
.cardCompare tr.interest.first td.summary .cardselection_cell_inner br+b{display:block}