﻿.how_tg_card_box{width:27%;float:left;border-left:1px solid #666;background:url('/gcb/forms/credit_cards/images/tfh_arrow.png') no-repeat left;margin-bottom:20px;padding:0 3.5%!important}.how_tg_card_box_big{width:31%;padding-right:0!important}.citi_fancy_logo{float:right;padding:0 0 20px 0}.formHldr_mar{margin-left:0}.title_new{background:#039;padding:3px 0 3px 0!important;margin-bottom:10px}.title_new_p{font-weight:bold;padding-bottom:0!important}.formHldr .formInner .formField{padding-top:0}.fancy_form_apply{position:static}#fancybox-wrap{width:490px!important}#fancybox-content{width:465px!important}#fancybox-content-inner{width:465px!important}.fancytop{top:50px!important}.show-popup-rce{display:none}.popup-rce #fancybox-wrap{width:620px!important}.popup-rce #fancybox-content{width:620px!important;border-color:#f5f3f4;border:0}.popup-rce #fancybox-content-inner{width:620px!important}.popup-rce #fancybox-outer{background-color:#f5f3f4}.popup-rce #content-rce .head-title{background-color:#555;font-size:20px;color:#fff;text-align:center;padding:24px 0}.popup-rce #content-rce .content{font-size:18px;color:#555;padding:20px}.popup-rce #content-rce .content span{font-weight:bold}.popup-rce #content-rce .content ul{font-size:12px}.popup-rce #content-rce .content li{margin-bottom:10px}.popup-rce #content-rce .table-header{padding:10px 0;font-size:0;background-color:#00bdf2}.popup-rce #content-rce .table-header div{position:relative;display:inline-block;font-size:12px;color:#fff;width:33.333336%;padding:12px 0}.popup-rce #content-rce .table-header div:after{content:"";position:absolute;border-left:1px solid;top:-10px;bottom:-10px}.popup-rce #content-rce .table-header div:first-child:after{content:"";border-left:none}.popup-rce #content-rce .table-header div span{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);padding-left:20px}.popup-rce #content-rce .table-header div span span{display:block;position:relative;top:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);width:100%;padding:0}.popup-rce #content-rce .table-row{font-size:0;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}.popup-rce #content-rce .table-row div:after{content:"";position:absolute;border-left:1px solid #ccc;top:0;bottom:0;left:-1px}.popup-rce #content-rce .table-row div:nth-child(3):after{content:"";left:1px}.popup-rce #content-rce .table-row div:first-child:after{content:"";border-left:none}.popup-rce #content-rce .table-row div{position:relative;display:inline-block;font-size:12px;color:#555;width:33.333336%;padding:20px 0}.popup-rce #content-rce .table-row div span{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);padding-left:20px;font-weight:normal}.popup-rce #content-rce .table-row div span span{display:block;position:relative;top:0;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);width:100%;padding:0}.popup-rce #content-rce .table-row div:first-child span{font-weight:bold}.popup-rce #content-rce .conditions{padding-top:20px}.popup-rce #content-rce .conditions div{display:inline-block;vertical-align:top}.popup-rce #content-rce .conditions .btn-input{width:5%}.popup-rce #content-rce .conditions .text{width:60%;font-size:9px;margin-left:15px}.popup-rce #content-rce .conditions .text a{color:#00bdf2;font-size:9px;text-transform:uppercase}.popup-rce #content-rce .conditions .btn{width:20%;float:right}.popup-rce #content-rce .conditions .btn a{width:120px;padding:9px 0;font-size:12px;text-align:center;text-transform:uppercase}.popup-rce #content-rce .conditions .checkbox-custom{position:relative;display:block;width:27px;height:26px}.popup-rce #content-rce .conditions .checkbox-custom:before{content:"";display:block;width:27px;height:26px;background:url(/gcb/credit_cards/images/cc_m1/check-box.png) no-repeat;left:0}.popup-rce #content-rce .conditions .checkbox-custom.checked:before{content:"";background:url(/gcb/credit_cards/images/cc_m1/checked-box.png) no-repeat}.popup-rce #content-rce .conditions .checkbox-custom.error:before{border:1px solid #f00;border-radius:6px}.popup-rce #content-rce .conditions .btn-input [type="checkbox"]:not(:checked),.popup-rce #content-rce .conditions .btn-input [type="checkbox"]:checked{position:absolute;left:-9999px}.popup-rce #fancybox-close{background:url(/gcb/credit_cards/images/cc_m1/icon-close.png);width:22px;height:22px;top:-10px;right:-10px}.error-message{display:none;font-size:9px;color:#f00;margin-bottom:10px}.popup-rce #content-rce .content span.error-message{font-weight:normal}.error-message.error{display:block}@media(max-width:1024px){.mar-top-radio{margin-top:0}.formHldr.formStarted.commonForm.citiPre{width:100%}.formInner .formField{width:43%}.formInner .formValue{width:53%;float:right!important}.dropListLarge.drpLitLgeOne.portrait .sbHolder,.dropListLarge.portrait .sbOptions li,.dropListLarge.portrait .sbOptions{width:215px!important}.dropListLarge.portrait .sbSelector{width:215px!important}#fancybox-wrap{left:25%!important}}@media(max-width:768px){.formHldr{margin-top:0!important}.formInner .formValue{padding-left:0}#fancybox-wrap{left:15%!important}.popup-rce #fancybox-wrap{width:92%!important;left:0!important;right:0!important;margin:0 auto}.popup-rce #fancybox-content-inner,.popup-rce #fancybox-content{width:100%!important}.popup-rce #content-rce .table-row div span,.popup-rce #content-rce .table-header div span{padding-left:10px;padding-right:10px}.error-message{font-size:10px}}@media(max-width:667px){#fancybox-wrap{left:10%!important}}@media(max-width:640px){#fancybox-wrap{left:7%!important}}@media(max-width:568px){#fancybox-wrap{left:3%!important}}@media(max-width:480px){#fancybox-wrap{width:400px!important;left:5%!important}#fancybox-content{width:380px!important}#fancybox-content-inner{width:380px!important}.formInner .formField{width:35%}.inputBoxMedium{padding:0;width:107px!important}.inputBoxLarge{width:208px!important}.dropListLarge .sbHolder,.dropListLarge .sbOptions li,.dropListLarge .sbOptions{width:208px!important}.dropListLarge.portrait .sbSelector{width:208px!important}.dropListLarge.drpLitLgeOne.portrait .sbHolder,.dropListLarge.portrait .sbOptions li,.dropListLarge.portrait .sbOptions{width:208px!important}.formValue.fixedwidth.padNone{padding:0}.formHldr{padding:0}.contBoxHdSilk{font-size:14px!important}.mar_top_mob{padding-top:10px!important}.popup-rce #content-rce .head-title{font-size:16px;padding:12px 0}.popup-rce #content-rce .content{font-size:14px;padding:10px}.popup-rce #content-rce .table-header div{font-size:10px;padding:14px 0}.popup-rce #content-rce .table-row div{font-size:10px}.error-message,.popup-rce #content-rce .conditions .text{font-size:8px}.popup-rce #content-rce .conditions .btn a{width:60px;padding:6px 0;font-size:10px}}@media(max-width:375px){#fancybox-wrap{width:300px!important}#fancybox-content{width:280px!important}#fancybox-content-inner{width:280px!important}.sbHolder{width:60px}.sbOptions{width:60px}.inputBoxMedium.smallListBox.instantCard{width:82px!important}.dropListLarge .sbHolder,.dropListLarge .sbOptions li,.dropListLarge .sbOptions{width:208px!important}.dropListLarge.portrait .sbSelector{width:155px!important}.dropListLarge.drpLitLgeOne.portrait .sbHolder,.dropListLarge.portrait .sbOptions li,.dropListLarge.portrait .sbOptions{width:155px!important}#fancybox-wrap{left:4%!important}.sbSelector{width:60px;text-indent:5px}.formInner .formValue.fixedwidth{width:62%}}@media(max-width:320px){#fancybox-wrap{width:280px!important}#fancybox-content{width:260px!important}#fancybox-content-inner{width:260px!important}.inputBoxLarge.kanatxtBox{width:143px!important}.dropListLarge.portrait .sbHolder,.dropListLarge.portrait .sbOptions li,.dropListLarge.portrait .sbOptions{width:143px!important}.dropListLarge.portrait .sbSelector{width:143px!important}.dropListLarge.drpLitLgeOne.portrait .sbHolder,.dropListLarge.portrait .sbOptions li,.dropListLarge.portrait .sbOptions{width:143px!important}.inputBoxMedium.smallListBox{margin-left:0}.inputBoxMedium.smallListBox.instantCard{width:70px!important;float:right}.formInner .formValue.fixedwidth{width:58%}.popup-rce #content-rce .table-row div span,.popup-rce #content-rce .table-header div span{padding-left:5px;padding-right:5px}}