/*#main { font-size: 16px; font-family: interstate, Arial, sans-serif; line-height: 1.1em;}*/
.clearfix { clear: both; }

.topContentImgInner { margin: 10px 0 0 290px;font-size:16px}
.topContentImgInner .bntWrap { margin-top: 20px}

a.blueBtn{font-size:12px;color:#FFF; font-weight:normal; padding: 10px 20px;}


.row { display: block; width: 100%; border-bottom: 1px dotted #ccc; padding-bottom: 25px; }
.row .col-6 h3 {padding-bottom: 20px;}

.topContentArea .row p {padding-bottom: 15px; }

[class*="col-4"] { text-align: center; }

.tabsWrapper .row {margin-bottom: 20px;}
.tabsWrapper .row.noborder {padding-bottom: 0px; border: none;}

[class*="col-"] {
    width: 100%;
}

/*tab1 accor*/
.panel-heading { padding: 10px 25px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; -webkit-tap-highlight-color: transparent;}
.panel-group {}
.panel-group .panel{margin-bottom:0;}
.panel-group .panel + .panel{margin-top:5px}
.panel-group .panel-heading{border-bottom:0; cursor: pointer;}
/*.panel-group .panel-heading + .panel-collapse > .panel-body,.panel-group .panel-heading + .panel-collapse > .list-group{border-top:1px solid #ddd}*/
.panel-group .panel-footer{border-top:0}
.panel-group .panel-footer + .panel-collapse .panel-body{border-bottom:1px solid #ddd}
.panel-default{border: none;}
.panel-default > .panel-heading {color:#3399CC; position: relative; border-radius: 0;}
.panel-default > .panel-heading:before {position: absolute; content: ""; height: 20px; width: 20px; left: 0; background: url("../images/minor.png") no-repeat;top: 50%; margin-top: -10px;}
.panel-default > .panel-heading.collapsed:before {background: url("../images/plus.png") no-repeat;}
.panel-default > .panel-heading + .panel-collapse > .panel-body{}
.panel-default > .panel-heading .badge{color:#f5f5f5;background-color:#333}
.panel-default > .panel-footer + .panel-collapse > .panel-body{}
.panel-primary {}
.panel-primary > .panel-heading{color:#fff;background-color:#337ab7;}
.panel-primary > .panel-heading + .panel-collapse > .panel-body{}
.panel-primary > .panel-heading .badge{color:#337ab7;background-color:#fff}
.panel-primary > .panel-footer + .panel-collapse > .panel-body{}
.panel-title { margin-top: 0; margin-bottom: 0; padding: 0; }
.panel-title {color: #3399CC; font-family: interstate-light-regular, Arial, sans-serif; font-size: 14px; font-weight: bold; text-decoration: none;}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
}

.collapse { display: none; }
.collapse.in { display: block; }
/*custom each page */
.panel-body { padding-left: 25px;}
.panel-group, .panel-title { font-size: 12px;}
/*end tab1 accor*/

.panel-body .img-thumb { margin-bottom: 20px;}

.list-number { list-style: none; font-size: 11px; line-height: 1.5em;}
.list-number > li {counter-reset: listNum;}
.list-number > li:before {counter-increment: listNum; content: counter(listNum); margin-right: 10px; display: inline-block; vertical-align: top;}
.list-number > li > p:first-child {display: inline-block; width: calc(100% - 20px);}
.list-number ul { padding-left: 20px;}
.list-number ul li { list-style-type: disc; padding-bottom: 10px;}

.app_block {display: block; width: 100%; padding: 20px 10px; background: #ebebeb; margin-left: -10px; margin-right: -10px;}
.app_block .logo_citi { width: 100%; text-align: center; margin-bottom: 15px;}
.app_block .app_download { display: inline-block; vertical-align: middle;}
.app_block .SMS { display: block; vertical-align: middle; background: #000; color: #fff; padding: 8px; border-radius: 8px; font-size: 18px;}
.app_block .SMS img { display: inline-block; vertical-align: middle;}
.app_block p {font-size: 12px;}

.app_download {font-size: 12px; text-align: center}
.app_download .app_store, .app_download .google_play {width: 46%;}
.app_download .app_store img, .app_download .google_play img {width: 100%;}
.app_download .app_store {margin-right: 6%;}
.app_download a, .app_download span { display: inline-block; vertical-align: middle; }

.app_download a img { vertical-align: middle; }
.app_download .or-text {display: block; margin: 20px;}


.visible-desk, .visible-mobile {display: none}
.adward {margin-top: -15px; margin-bottom: 15px;}
.adward-item {font-size: 12px;}
.adward-item img {display: inline-block; vertical-align: middle; margin-right: 20px;}
.adward-item .desc {display: inline-block; vertical-align: middle; padding-bottom: 5px;}
.adward-item .desc p {padding-bottom: 5px;}
.pullRight {float: none; text-align: center;}
.topContentArea {padding-bottom: 25px;}
.activ_btn_bottom {padding-top: 25px; padding-bottom: 50px;}
/*citi mobile*/
.watch_icon{ text-align:center; }
.watch_icon a{ padding:5px 10px; background:#84BC03; color:#fff; }
.accord_title{ width:97%; padding:10px 10px; display:inline-block; margin:0px 0px 5px 0px; cursor:pointer; background: url("/gcb/images/plus.png") no-repeat right #CCC; background-position:98% 50%; }
.active_img{ background: url("/gcb/images/minus.png") no-repeat right #CCC; background-position:98% 50%; } 
ul.accord_title p{ padding:0px; margin:0px; font-weight:bold; }
.future { margin:5px 0px 0px 10px; }
.accord_con{ display:none; }
.slider{ width:250px; margin:10px auto 10px auto; }
.caption{ text-align:center; border:1px solid #ccc; padding:10px 20px; width:260px; margin:0px 20px 10px -47px; }
.caption span{ font-weight:bold; }
.videoMainPlay{ margin-top:20px; }
.flex-direction-nav .flex-prev{ background-position: -16px -16px; }
.flex-direction-nav .flex-next{ background-position: -16px -16px; }
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next{ top:50%; }
.topContentArea .title-activate { padding-top: 20px; font-size: 16px; }
.topContentArea .content-wrapper { padding: 0 20px 0 30px;}
.title-download { padding-bottom: 15px;}
.bannerTitle .blueBtn { color: #fff; font-size: 12px; margin-top: 10px; padding: 5px 20px; }
/* for slider custom*/
.flexslider .flex-direction-nav .flex-prev {
  left: -100px;
  background:url("../images/mobile_app/arrows.png") no-repeat;width:40px;height:58px;background-position: -16px -17px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  -khtml-opacity: .7;
  opacity: .7;
}
.flexslider .flex-direction-nav .flex-next {
   right: -100px;
   background:url("../images/mobile_app/arrows.png") no-repeat;width:40px;height:58px;background-position: -74px -16px;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  -khtml-opacity: .7;
  opacity: .7;
}

.flexslider .flex-direction-nav a:before {
    content: "";
}
.slider .flexslider { margin-bottom: 0;}
.flexslider .flex-direction-nav a.flex-next:before { content: "";}
.slider .flexslider:hover .flex-direction-nav .flex-next { right: -100px; }
.slider .flexslider:hover .flex-direction-nav .flex-prev { left: -100px; }
.plusOpen{background: url("../images/mobile_app/plus.png") no-repeat right center transparent;width: 9px;height: 9px;position: absolute;right: 10px;top: 17px;}
.closeOpen{background:url("../images/mobile_app/minus.png") no-repeat right center transparent;width: 9px;height: 9px;position: absolute;right: 10px;top: 17px;}


/* edit 5/9/2017 */ 
.block-gap-15 {height: 15px;display: block;}
.content-slide .bx-controls-direction a {
  position: absolute;
  top: 50%;
  width: 25px;
  height: 64px;
  text-align: center;
  text-indent: -9999px;
  margin-top: -32px;
  display: block;
}
.content-slide .bx-controls-direction a.disabled {display: none;}
.content-slide .bx-next {
  right: 0px;
  background: url(../images/bx-next.png);
}
.content-slide .bx-prev {
  left: 0px;
  background: url(../images/bx-prev.png);
}
.slider_images {position: relative;padding: 20px 0;}
.slider_images .bx-wrapper {
  margin: 0 auto;
}
.slider_step li {
  padding: 5px 0 10px 0px;
  font-size: 12px;
  display: table;
  width: 100%;
}
.slider_step .step-icon {
  display: table-cell;
  vertical-align: top;
  width: 45px;
}
.slider_step .step-icon span {
  width: 45px;
  height: 45px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.slider_step .step-desc {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
}
.step-row {
  display: table;
  padding: 10px 0;
  margin: 0 auto;
  clear: both;
}
.step-row .step-thumb {
  display: table-cell;
  vertical-align: top;
  width: 35px;
  padding-right: 10px;
}
.step-row .step-desc {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}
.slider_step .icon-step1 {background-image:url(../images/step1.png)}
.slider_step .icon-step2 {background-image:url(../images/step2.png)}
.slider_step .icon-step3 {background-image:url(../images/step3.png)}
.slider_step .icon-step4 {background-image:url(../images/step4.png)}
.slider_step .icon-step5 {background-image:url(../images/step5.png)}
.slider_step .icon-done {background-image:url(../images/step-done.png)}
.slider_step .active .icon-step1 {background-image:url(../images/step1-on.png)}
.slider_step .active .icon-step2 {background-image:url(../images/step2-on.png)}
.slider_step .active .icon-step3 {background-image:url(../images/step3-on.png)}
.slider_step .active .icon-step4 {background-image:url(../images/step4-on.png)}
.slider_step .active .icon-step5 {background-image:url(../images/step5-on.png)}
.slider_step .active .icon-done {background-image:url(../images/step-done-on.png)}
.slider_step li span {font-size: 14px;display: block;}
.faq-subcord img {
  max-width: 245px;
}


@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .visible-desktop2 {
        display: block !important;
    }
}
@media only screen and (min-width: 768px){
  /* edit 5/9/2017 */ 
  .content-slide {
    padding: 15px 0;
    position: relative;
    overflow: hidden;
  }

  .slider_images {
    float: left;
    width: 305px;
    padding: 0;
  }
  .slider_step {
    float: left;
    width: 320px;
  }
  .content-slide .bx-next {
    right: 10px;
  }
  .content-slide .bx-prev {
    left: 10px;
  }
  .faq_content .faq-normal {
    padding-left: 45px;
  }
  .faq_content .content-slide {
    padding: 0 0 15px 0
  }
  .faq_content .content-slide .bx-next {
    left: 295px;
  }
  .faq_content .content-slide .bx-prev {
    left: 15px;
  }
  .faq_content .step-image {
    padding-left: 45px;
  }
  .step-row {
    width: 100%;
  }

    .row {padding-bottom: 15px; overflow: hidden;}
    .row p {padding-bottom: 10px; }
    .topContentArea {padding-bottom: 0; margin-bottom: 0;}
    .pullRight {float: right;}
    .visible-desk { display: block; }

    .app_block { padding: 20px 0 20px 30px; background: #ebebeb; margin-top: 10px; margin-left: 0; margin-right: 0;}
    .app_block .logo_citi { display: inline-block; vertical-align: middle; width: auto; margin-right: 10px; margin-bottom: 0;}
    .app_block .SMS { display: inline-block; font-size: 12px; width: 200px;}


    .app_download .app_store, .app_download .google_play {width: auto;}
    .app_download .app_store img, .app_download .google_play img {width: auto;}
    .app_download .app_store {margin-right: 15px;}
    .app_download .or-text { margin-right: 20px; display: inline-block;}
    .activ_btn_bottom {padding: 0;}
    .col-4 {
        display: inline-block;
        width: 45%;
        max-width: 290px;
        float: left;
        text-align: left;
    }

    .col-6 {
        display: inline-block;
        width: calc(100% - 290px);
        /*max-width: 290px;*/
        /*float: left;*/
    }

    p.break strong { display: block;}
}
.faq-accord {
  padding: 0 0 7px;
}
.faq-accord .faq-heading {
  padding: 0 0 10px;
  font-weight: bold;
}
.faq-accord .faq-collapse {
  display: none;
  padding: 0 0 0 24px;
} 
@media only screen and (max-width: 767px){
    .topContentArea { padding-bottom: 0;}
    .bannerTitle .blueBtn { font-size: 10px; padding: 5px 10px;}
    .app_block { text-align: center; }
	.visible-desktop2 {
        display: none;
    }

  .step-row {
    padding: 10px 0;
  }
  .faq_content .content-slide {
    position: relative;
    padding: 15px 0;
    text-align: center;
  }
  .faq_content .step-image span {
    display: block;
  }
  .faq_content .content-slide .bx-next {
    right: -30px;
  }
  .faq_content .content-slide .bx-prev {
    left: -30px;
  }
  .nopdr .innerContDetgp.estatementText,
  .nopdr .innerContgp {
    padding-right: 0;
  }
}
@media only screen and (max-width: 480px){
    .flexslider .flex-direction-nav .flex-next { right: -50px; }
    .flexslider .flex-direction-nav .flex-prev { left: -50px; }
    .slider .flexslider:hover .flex-direction-nav .flex-next { right: -50px; }
    .slider .flexslider:hover .flex-direction-nav .flex-prev { left: -50px; }
}