#home-slide carousel-promo-right{
  left:-100px;
}
.iconcenter{padding-left:110px !important;}
input.button.small {
    height: 34px;
    line-height: 34px;
}
.align-r{text-align:right;}
.icon.blue:before { color: #0079c1; }
.link.bottom:before{bottom:0% !important;}
.noicon{padding-top:45px; display:block}
/*@media (min-width:768px) {
  .button.bottom, .button.primary.bottom, .button.default.bottom {
      position: absolute;
      bottom: 0px;
      left:50%;
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
      white-space: nowrap;
  }
}*/
.nowrap { white-space: nowrap; }
.connect a, .s1side a, .connect strong, .s1side strong {
  color: #414141;
  font-size: 15px;
  text-decoration:none;
  
}
.card-sm{width:120px; height:auto; padding-top:2px;}
.card-sm.img{padding-top:11px;}
.card-moneris{width:80px; height:auto; padding-top:2px;}
.connect strong{margin:3px 0; color:#0079c1;}
strong.blue, b.blue, .blue{color:#0079c1;}
.link-info::before {
    -moz-osx-font-smoothing: grayscale;
    background-color: #0079c1;
    border-radius: 12px;
    color: #ffffff;
   content:"i";
    display: block;
    font-family: "bmo-icon";
    font-size: 13px;
    height: 24px;
    line-height: 20px;
    margin: -12px 0 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 24px;
  font-weight:bold;
}
.icon.large.xl::before {
    font-size: 139px;
    line-height: 130px;
}
@media (max-width: 400px) {
    .tooltip .link-info::before {
        font-size: 9px;  
        line-height: 15px;
        margin: -4px 0 0px;  
        width: 14px; 
        height: 16px;
  }
}
.link-info {
    display: inline-block;
    font-family: "dax-medium";
    font-size: 1.1em;
    line-height: 20px;
    padding: 0 30px 9px 0;
    position: relative;
    text-align: left;
}
.amount {
  color: #0079c1;
  font-size: 24px;
  margin-top: 10px;
}
table.white tbody td:nth-child(odd) {
  background-color: #ffffff;
}
.grey th {
  background-color: #f2f2f2;
}
.workwith img {
  width: 100%;
  height: auto;
}
.workwith a{color:#000;}

.nostroke.icon.large{height:46px; width:68px;}
.nostroke.icon.large::before{font-size:75px; line-height:0;}

/*.accordion > .accordion-container > .accordion-title > .function {
    float: right;
}*/
/* CREDIT CARD FEATURES */
#cc-showcase .card{width:200px; height:auto;}
#cc-showcase .card-s{width:150px; height:auto;}


/* CREDIT CARD FEATURES */
/*#cc-showcase ul {
    list-style-type: none;
}*/
#cc-showcase .tabs-selector .pointer.reverse::before {
    border-width: 0 10px 10px;
    bottom: 0;
    margin: 0 -12px;
    top: 61px;
}
#cc-showcase .tabs-selector .pointer.stroke.active:hover::before {
    border-color: #fff transparent;
}
#cc-showcase .tabs-selector a.pointer.stroke:active::before, #cc-showcase .tabs-selector .pointer.stroke.active::before {
    border-color: #fff transparent;
    border-width: 0 10px 10px;
    bottom: -2px;
    margin: 0 -12px;
    top: 65px;
}
.tabs a.pointer.stroke:hover::before {
    border-color: #f2f2f2 transparent;
}
#cc-showcase .showcase .card_1 img, .showcase .card_3 img {
    width: 175px;
}
#cc-showcase .showcase .card_2 img {
    width: 270px;
}
#cc-showcase .showcase .card_2 h3 {
    margin: 0 10px;
}
#cc-showcase .showcase ul {
    margin: 0 10px;
    padding: 0;
}
#cc-showcase .showcase b.red {
    color: #ed1c24;
}
#cc-showcase .showcase .copy {
    text-align: center;
}
#cc-showcase .showcase ul li {
    line-height: 1.7em;
}
#cc-showcase .showcase .card_2 {
    padding: 0 0 30px;
}
#cc-showcase .showcase .card_2 > div:first-child {
    background: none repeat scroll 0 0 #0079c1;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    color: #fff;
    font-size: 19px;
    margin-bottom: 25px;
    padding: 12px;
}
#cc-showcase .columns > a:first-child {
    margin: 38px 2px 0;
}
#cc-showcase .columns > a {
    margin: 38px 2px 0;
}
.showcase ul{padding:0 !important;}
.cm-stickynav-bar-primary-dropdown > a{color:#ffffff !important;}
/* Fonts
========================================================================== */
@font-face {
  font-family: "dax";
  src: url("/resources/fonts/dax.eot");
  src: url("/resources/fonts/dax.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/dax.woff") format("woff"), url("/resources/fonts/dax.ttf") format("truetype"), url("/resources/fonts/dax.svg#daxregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "dax-bold";
  src: url("/resources/fonts/dax-bold.eot");
  src: url("/resources/fonts/dax-bold.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/dax-bold.woff") format("woff"), url("/resources/fonts/dax-bold.ttf") format("truetype"), url("/resources/fonts/dax-bold.svg#daxbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "dax-italic";
  src: url("/resources/fonts/dax-italic.eot");
  src: url("/resources/fonts/dax-italic.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/dax-italic.woff") format("woff"), url("/resources/fonts/dax-italic.ttf") format("truetype"), url("/resources/fonts/dax-italic.svg#daxitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "dax-bold-italic";
  src: url("/resources/fonts/dax-bold-italic.eot");
  src: url("/resources/fonts/dax-bold-italic.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/dax-bold-italic.woff") format("woff"), url("/resources/fonts/dax-bold-italic.ttf") format("truetype"), url("/resources/fonts/dax-bold-italic.svg#daxbold_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "dax-light";
  src: url("/resources/fonts/dax-light.eot");
  src: url("/resources/fonts/dax-light.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/dax-light.woff") format("woff"), url("/resources/fonts/dax-light.ttf") format("truetype"), url("/resources/fonts/dax-light.svg#dax_lightregular") format("svg"); font-weight: normal; font-style: normal;
}
@font-face {
  font-family: "dax-light-italic";
  src: url("/resources/fonts/dax-light-italic.eot");
  src: url("/resources/fonts/dax-light-italic.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/dax-light-italic.woff") format("woff"), url("/resources/fonts/dax-light-italic.ttf") format("truetype"), url("/resources/fonts/dax-light-italic.svg#dax_lightitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "dax-medium";
  src: url("/resources/fonts/dax-medium.eot");
  src: url("/resources/fonts/dax-medium.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/dax-medium.woff") format("woff"), url("/resources/fonts/dax-medium.ttf") format("truetype"), url("/resources/fonts/dax-medium.svg#daxmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "dax-medium-italic";
  src: url("/resources/fonts/dax-medium-italic.eot");
  src: url("/resources/fonts/dax-medium-italic.eot?#iefix") format("embedded-opentype"), url("/resources/fonts/dax-medium-italic.woff") format("woff"), url("/resources/fonts/dax-medium-italic.ttf") format("truetype"), url("/resources/fonts/dax-medium-italic.svg#daxmedium_italic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family:'bmo-icon';
  src:url('../icons/bmo-icon.eot?74eve3');
  src:url('../icons/bmo-icon.eot?#iefix74eve3') format('embedded-opentype'), url('../icons/bmo-icon.woff?74eve3') format('woff'), url('../icons/bmo-icon.ttf?74eve3') format('truetype'), url('../icons/bmo-icon.svg?74eve3#bmo-icon') format('svg');
  font-weight:normal;
  font-style:normal;
}

  @media (min-width:769px){
        .desktop-max { max-width: 70%; margin-left: auto; margin-right: auto; }
      }


@media (max-width:767px) {
  .workwith .columns.join > * {
    width: 100%;
  
}
.workwith .columns.join div {
    margin: 0 0 20px 0;
  
}
.mobile-title{font-size:20px;}
}

/*HMC Open / Close button*/
.hmc-read-more {
  display: none;
}
.hmc-read-more .read-more-toggle div.open_close_con {
  border: 1px solid #d4d4d4;
  border-top: none;
  width: 10%;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  margin: 0 auto !important;
}
.hmc-read-more .read-more-toggle div.open_close_con a {
  margin-top: 0;
  padding: 5px 0px;
  line-height: 2;
}
.hmc-read-more .read-more-toggle div.open_close_con a span {
  vertical-align: middle;
  margin-left: 5px;
}
.read-more-toggle.on {
  margin-top: -45px;
}
.where-content-con .manage-biz-con, .where-content-con .grow-biz-con, .where-content-con .start-out-con, .where-content-con .trans-con {
  margin-top: 0 !important;
  border-top: none !important;
}
.hmc-read-more .hmc-read-more-inner .where_you_at_con.hide {
  display: none;
}
@media (max-width: 767px) {
  .hmc-selectors-con .copy {
    padding: 0 30px;
  }
  .hmc-read-more .hmc-read-more-inner {
    padding: 30px 0;
  }
  .hmc-read-more .hmc-read-more-inner .where_you_at_con {
    padding: 30px 0;
  }
  .where-content-con .manage-biz-con {
    margin-top: 0 !important;
    border-top: none !important;
  }
  .hmc-read-more .read-more-toggle div.open_close_con {
    width: 40%;
  }
  .read-more-toggle.on {
    margin-top: -30px;
  }
}
/*BMO-TOOL CALC*/
.openModal-AM-calc {
  cursor: pointer;
}
section.bmo-tool-calc {
  display: none;
  position: fixed;
  background-color: #fff;
  width: 40%;
  left: 27%;
  top: 11%;
  z-index: 99999;
  /*max-width: 700px;*/
  width: 700px;
  position: absolute;

  left: 50%;
  top: 50%; 
  margin-left: -21%;
  margin-top: -18%;
}
@media (max-width: 1400px) {
  section.bmo-tool-calc{
    margin-left: -32%;
  }
}
section.bmo-tool-calc {
  font-size: 90%;
}
section.bmo-tool-calc .inputResults-con {
  font-size: 80%;
}
section.bmo-tool-calc .disclaimer-text-con {
  font-size: 80%;
}
@media (max-width: 1024px) {
  section.bmo-tool-calc.am_tool.copy{
   /*width: 80%;*/
   box-sizing: border-box; 
  left: 25%;
  top: 25%;
  margin-left: -7%;
  margin-top: 0%;
  }
}
@media (max-width: 768px) {
  section.bmo-tool-calc {
    margin-left: 0%;
    margin-top: 0%;
    left: 25%;
    top: 0%; 
  }
  section.bmo-tool-calc.am_tool.copy{
    margin-left: -21%; 
  }
}
@media (max-width: 400px) {
  section.bmo-tool-calc.desktop-max.copy {
    margin-left: 0%;
    margin-top: 0%;
    left: 0%;
    top: 0%; 
    width: 100%;    
    box-sizing: border-box;
  }
}

section.bmo-tool-calc.copy {
  padding: 60px;
}
section.bmo-tool-calc.am_tool.displayModal {
  display: block;
}
section.bmo-tool-calc .closeButton {
  position: absolute;
  cursor: pointer;
  top: 25px;
  right: 30px; 
 /* -ms-transform: rotate(45deg); 
  -webkit-transform: rotate(45deg); 
  transform: rotate(45deg); */
}
.darkBG {      
    display: none;
     /*position: absolute;*/
     position: fixed;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 50;
     background-color: #000;
     background: rgba(0, 0, 0, 0.5); /* browsers */
     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.darkBG.displayModal {
  display: block;
}
.bmo-tool-calc #box1 {
  /*background-color: #E6EEF7;*/
}
.bmo-tool-calc #box2 {
  position: relative;
}
.bmo-tool-calc .input-con {
  position: relative;
}
.bmo-tool-calc .inputTitle {
  padding-top: 7px;
}
.bmo-tool-calc #box1 .inputTitle {
  /*display: inline-block;
  width: 50%*/
}
.bmo-tool-calc #box2 .inputTitle .tooltip a{
  font-size: 0.8em;
  background-color: #0079c1;
  border-radius: 50px;
  padding: 2px 6px;
  color: #fff;
}
.bmo-tool-cashback  #box2 .inputTitle .tooltip a{
  padding: 2px 7px;
}
.bmo-tool-calc #box2 .inputTitle .tooltip-bubble {
  font-size: 0.8em;
  background-color: #0079c1;
  border-radius: 5px;
/*  padding: 2px 7px;*/
  color: #fff;
}
.bmo-tool-calc .spendInput {
  /*width: 20%*/
}
#goldResultsBox {
  /*border-color: #F2C54D;*/
}
#goldResultsBox hr {
  /*background-color: #F2C54D;*/
}
.bmo-results-con .miles {
  color: #0079c1;
  /*font-size: 4em; */ 
  font-size: 2em;
}
   @media (max-width: 1600px) {
    .bmo-results-con .reward-con .miles {
      font-size: 2em;
    }
  }
.bmo-results-con .bmo-tool-line {
  margin: 20px 0;
}
.bmo-tool-calc .read-more-toggle.on .hide-btn {
  margin: 65px auto 0;
}
.bmo-tool-calc #ERROR {
  display: none;
  position: absolute;
  width: 70%;
  left: 0%;
  z-index: 500;
  background-color: #fff;
  border-color: #ed1b24;
  /*top: 51%;*/
  top: 160px;
  text-align: center;
}
.bmo-tool-cashback #cbERROR {
  display: none;
  position: absolute;
  width: 70%;
  left: 0%;
  z-index: 500;
  background-color: #fff;
  border-color: #ed1b24;
  /*top: 51%;*/
  top: 180px;
  text-align: center;
}
.bmo-tool-calc #ERROR:before, .bmo-tool-cashback #cbERROR:before {
  border-color: #ed1b24 transparent;
}
.bmo-results-con .miles-conv {
  font-weight: bold;
}
.bmo-results-con .bmo-bullets {
    margin: 0px auto 5px 27% !important;
}
.bmo-results-con .bull-con {
  padding-left: 2em;
}
@media (max-width: 400px) {
  #box1.copy, #box2.copy {
    padding: 15px;
  }
  .bmo-tool-calc .inputTitle {
    padding-top: 0;
  }
  .bmo-results-con .bull-con {
    padding-left: 6%;
  }
  .bmo-results-con .bmo-bullets {
    margin: 0!important;
  }
  .bmo-results-con .bmo-bullets.first-bullet:before {
    top: 25%;
  }
  .bmo-tool-calc #ERROR, .bmo-tool-cashback #cbERROR {
    width: 90%;
    top: 100%;
  }
}
.bmo-results-con .reward-con {
    border-radius: 120px;
    width: 80%;
    margin: 0 auto;
    padding: 14% 0;
    padding: 24% 0;
    border-width: 3px;
}

/*BMO CASHBACK TOOL*/
.openModal-CB-calc {
  cursor: pointer;
}
section.bmo-tool-calc.bmo-tool-cashback{
  display: none;
  position: fixed;
  background-color: #fff;
  /*width: 40%;*/
  left: 27%;
  top: 11%;
  z-index: 99999;
  /*max-width: 700px;*/
  width: 700px;
  position: absolute;

  left: 50%;
  top: 50%;
  margin-left: -20%;
  margin-top: -22%;
}
section.bmo-tool-calc.bmo-tool-cashback.displayModal {
  display: block;
}
@media (max-width: 1024px) {
  section.bmo-tool-calc.bmo-tool-cashback.copy{
   width: 80%;
   box-sizing: border-box; 
  left: 25%;
  top: 25%;
  margin-left: -7%;
  margin-top: 0%;
  }
}
@media (max-width: 767px) {
  section.bmo-tool-calc.bmo-tool-cashback {
    margin-left: 0%;
    margin-top: 0%;
    left: 25%;
    top: 0%; 
  }
}
@media (max-width: 400px) {
  section.bmo-tool-calc.bmo-tool-cashback.desktop-max.copy {
    margin-left: 0%;
    margin-top: 0%;
    left: 0%;
    top: 0%; 
    width: 100%;    
    box-sizing: border-box;
  }
}

.bmo-tool-cashback .reward-con, .bmo-tool-cashback .num-hold {
    border-radius: 120px;
    /*width: 80%;*/
    margin: 0 auto;
    padding: 14% 0 0;
    border-width: 3px;
}

.bmo-tool-calc .am-logo-con {
  text-align: right;
}
.bmo-tool-cashback .cashAdd-con{
  padding: 4% 0 3%;
}
.bmo-tool-cashback .cashAdd-con .num-hold{
  display: inline-block;
}
.bmo-tool-cashback .cashAdd-con .ops {
  vertical-align: top;
}
.bmo-tool-cashback .annulReb{
  width: 40%;
}
.bmo-tool-cashback .num-hold .miles {
  font-size: 1.75em;
}
.bmo-tool-cashback .num-hold.ops {
  width: 5%;
}
.bmo-tool-cashback #goldResultsBox,  .bmo-tool-cashback #greyResultsBox{
  /*background-color: #E6EEF7;
  border-color: #CEE6F4;*/
  padding-left: 3%;
}
@media (max-width: 1400px) {
  .bmo-tool-cashback.fr #goldResultsBox,  .bmo-tool-cashback.fr #greyResultsBox{
    font-size: 77%;
  }
  .bmo-tool-cashback.fr #goldResultsBox .num-hold .miles,  .bmo-tool-cashback.fr #greyResultsBox .num-hold .miles{
    font-size: 1.7em;
  }
}
.bmo-tool-cashback .miles {
  font-size: 2em;
}
.bmo-tool-cashback .reward-con .miles {
  font-size: 3em;
}
  @media (max-width: 1600px) {
    .bmo-tool-cashback .reward-con .miles {
      font-size: 2em;
    }
  }
.bmo-tool-cashback .reward-con {
  padding: 19% 0;
  width: 95%;
}
@media (max-width: 767px) {
  .bmo-results-con .reward-con {
    width: 25%;
    padding: 7% 0;
  }  
  .bmo-tool-cashback .num-hold {
    width: 25% !important;
    padding: 7% 0;
  }
  .bmo-tool-cashback .reward-con {
    width: 30%;
    padding: 10% 0;
  }
}
@media (max-width: 500px) {
  .bmo-results-con .reward-con, .bmo-tool-cashback .num-hold {
    width: 34%;
    padding: 7% 0;
  }
  .bmo-tool-cashback .reward-con {
    width: 35%;
  }
}
@media (max-width: 400px) {
  .bmo-results-con .reward-con, .bmo-tool-cashback .num-hold {
    /*width: 47%;*/
    width: 35%;
    padding: 9% 0;
  }
}
@media (max-width: 368px) {
  .bmo-results-con .reward-con, .bmo-tool-cashback .num-hold {
    width: 43%;
    padding: 12% 0;
  }
}

/*bmo-tool interest calc*/
.openModal-INT-calc {
  cursor: pointer;
}
section.bmo-tool-intCalc{
  display: none;
  position: fixed;
  background-color: #fff;
  /*width: 40%;*/
  left: 27%;
  top: 11%;
  z-index: 99999;
  /*max-width: 700px;*/
  width: 700px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20%;
  margin-top: -22%;
}
@media (max-width: 1400px) {
  section.bmo-tool-intCalc{
    margin-left: -27%;
  }
}
section.bmo-tool-intCalc.displayModal {
  display: block;
}
section.bmo-tool-intCalc .closeButton {
  position: absolute;
  cursor: pointer;
  top: 25px;
  right: 30px; 
/*  -ms-transform: rotate(45deg); 
  -webkit-transform: rotate(45deg); 
  transform: rotate(45deg); */
}
@media (max-width: 1024px) {
  section.bmo-tool-intCalc.copy{
   /*width: 80%;*/
   box-sizing: border-box; 
   left: 25%;
   top: 25%;
   margin-left: -7%;
   margin-top: 0%;
  }
  section.bmo-tool-intCalc .accordion .card-img-con a.link {
    font-size: 90%;
  }
}
@media (max-width: 768px) {
  section.bmo-tool-intCalc {
    margin-left: 0%;
    margin-top: 0%;
    left: 25%;
    top: 0%; 
  }
  section.bmo-tool-intCalc.copy{
   margin-left: -20%;
  }
}
@media (max-width: 400px) {
  section.bmo-tool-intCalc.desktop-max.copy {
    margin-left: 0%;
    margin-top: 0%;
    left: 0%;
    top: 0%; 
    width: 100%;    
    box-sizing: border-box;
  }
}

/*Making script tags invisible*/
script {
  display: none !important;
}
.bmo-tool-intCalc .columns.four > * {
  width: 49%;
}
.resultsBox-con {

}
.bmo-tool-intCalc .accordion-title .card-name {
  display: inline-block;
  padding-top: 8px;
}
.bmo-tool-intCalc .accordion-title .function.primary {
  display: inline-block;
}
.bmo-tool-intCalc .avgBalance-input {
  padding: 15px;
}
.bmo-tool-intCalc .intRate-amount-con {
  font-size: 0.9em;
}
.bmo-tool-intCalc .intRate-amount {
    color: #0079c1;
    font-size: 1.2em;
}
.bmo-tool-intCalc .intCalc-amount-con .intCalc-amount {
  color: #0079c1;
  font-size: 2em;
  /*font-weight: bold;*/
}
.bmo-tool-intCalc .intCalc-amount-con {
  border-radius: 90px;
  /*padding: 12% 0;*/
  padding: 37px 0;
  width: 39%;
  border-width: 3px;
}
@media (max-width: 1024px) {
  .bmo-tool-intCalc .intCalc-amount-con {
    height: 110px;
    padding: 27px 0;
  }
}
.bmo-tool-intCalc .columns.aside > *:last-child {
  width: 39%;
}
.bmo-tool-intCalc #pref-con {
  display: none;
}
@media (max-width: 400px) {
  .bmo-tool-intCalc #pref-con .intCalc-amount-con{
    margin: 0 25%;
  }
}
@media (max-width: 368px) {
  .bmo-tool-intCalc #pref-con .intCalc-amount-con{
    margin: 0 12%;
  }
}
.bmo-tool-intCalc .columns.four > .accordion {
  border-left: none;
  width: 34%;
}
.bmo-tool-intCalc hr:last-child {
  display: none;
}
.bmo-tool-intCalc .read-more-toggle.on .hide-btn {
  margin: 65px auto 0 47.6%;
}
.bmo-tool-intCalc .avgBalance-input:focus {
  border-radius: 4px;
  -webkit-border-radius: 4px;
}
/*.bmo-tool.intCalc .card-img-con {
  width: 50%;
}*/
.bmo-tool-intCalc .accordion > .accordion-container > .accordion-content {
  margin: 0;
}
.bmo-tool-intCalc .accordion-title {
  color: #414141;
}
.bmo-tool-intCalc .accordion-title:hover {
  color: #0079c1;
}
.bmo-tool-intCalc .columns.four > .input-results-wrapper {
  width: 64%;
}
.bmo-tool-intCalc .columns.two > .card-img-con {
  width: 69.5%;
}

@media (max-width: 767px) {
  .bmo-tool-intCalc .columns.four > .accordion {
    width: 100%;
  }
  .bmo-tool-intCalc .columns.four > .input-results-wrapper {
    width: 100%;
  }
  .bmo-tool-intCalc .resultsBox-con {
    text-align: center
  }
  .bmo-tool-intCalc .intCalc-amount-con {
    margin: 0 auto;
  }
  .bmo-tool-intCalc #avgBalanceBG {
    text-align: center;
  }
  .bmo-tool-intCalc .columns.two > .card-img-con {
    width: 49.5%;
  }
}
@media (max-width: 400px) {
  .bmo-tool-intCalc .columns.aside > *:last-child {   
    width: 49%;   
  }
}
@media (max-width: 368px) {
  .bmo-tool-intCalc .columns.two > .card-img-con {
    width: 69.5%;
  }
  .bmo-tool-intCalc .intCalc-amount-con {    
    /*padding: 20% 0;*/
    padding: 19% 0;
  }
  .bmo-tool-intCalc .columns.aside > *:last-child {
    /*width: 89%;*/
    width: 78%;
    height: 130px;
  }
}
/*Help me Choose a Credit Card*/
.openModal-CC-calc {
  cursor: pointer;
}
.chooseAgain {
  cursor: pointer;
}
#compareWindow{
  display: none;
  position: fixed;
  background-color: #fff;
  width: 40%;
  left: 27%;
  top: 11%;
  z-index: 99999;
  max-width: 700px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -20%;
  margin-top: -22%;
}
#compareWindow .closeButton {
  position: absolute;
  cursor: pointer;
  top: 25px;
  right: 30px; 
/*  -ms-transform: rotate(45deg); 
  -webkit-transform: rotate(45deg); 
  transform: rotate(45deg); */
}
@media (max-width: 1024px) {
  #compareWindow.copy{
   width: 80%;
   box-sizing: border-box; 
  left: 25%;
  top: 25%;
  margin-left: -7%;
  margin-top: 0%;
  }
  section.bmo-tool-intCalc .accordion .card-img-con a.link {
    font-size: 90%;
  }
}
@media (max-width: 767px) {
  #compareWindow {
    margin-left: 0%;
    margin-top: 0%;
    left: 25%;
    top: 0%; 
  }
}
@media (max-width: 400px) {
  #compareWindow.copy {
    margin-left: 0%;
    margin-top: 0%;
    left: 0%;
    top: 0%; 
    width: 100%;    
    box-sizing: border-box;
  }
  .iconcenter{padding-left:0px;}
}

#compareWindow {
  background-color: #fff;
  display: none;
}
#compareWindow.displayModal {
  display: block;
}
#compareWindow #ttl_menu {
  position: absolute;
  top: 22%;
  width: 92%;
}
#compareWindow input[type="checkbox"] {
  left: 45%;
  top: 85px;
}
#compareWindow .uphigher input[type="checkbox"] {
  top: 105px;
}
#compareWindow.fr #q2_pers_qOne_D {
  top: 160px;
}
#compareWindow input[type="radio"] {
  left: 45%;
  top: 85px;
}
#compareWindow.fr #oneE, #compareWindow.fr #q3_pers_qOne_C,#compareWindow.fr #q4_pers_qOne_A { 
  top: 100px;
}
#compareWindow .uphigher input[type="radio"] {
 /* top: 105px;*/
}
#compareWindow #step_list .active {
  background-color: #0079c1;
  color: #fff;
  border-color: #0079c1;
}
#compareWindow #step_list div.step-list-num{
  display: inline-block;  
  padding: 11px 16px;
  border-radius: 100px;
  /*margin: 0 5%;*/
}
#compareWindow #step_list hr{
  width: 10%;
  display: inline-block;
  margin: 0 4px 4px;
}
#compareWindow #step_list div#one{
  margin-left: 0;
}
#compareWindow .respWrap {
 /* display: inline-block;
  width: 20%;*/
  position: relative;
}
#compareWindow .box-double-line {
  margin-top: -15px;
}
#compareWindow .nextBack .back, #compareWindow .nextBack .next {
  display: inline-block;
}
#compareWindow .nextBack .next {
  float: right;
}
#compareWindow .link.reverse:before {
    -ms-transform: rotate(180deg); 
    -webkit-transform: rotate(180deg); 
    transform: rotate(180deg);
}
#compareWindow .qSix .income h3 {
  display: inline-block;
}
#compareWindow #slider1-income input{
  width: 100%;
}
#compareWindow #slider2-income input{
  width: 100%;
}
#compareWindow input[type=range]{
    -webkit-appearance: none;
}
#compareWindow input[type=range]::-webkit-slider-runnable-track {
    /*width: 100px;*/
    height: 2px;    
    border: none;
    border-radius: 3px;
    background-color: #0079c1;
}

#compareWindow input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;   
    margin-top: -6px;
    background-color: #0079c1;
}

#compareWindow input[type=range]:focus {
    outline: none;
}

#compareWindow input[type=range]:focus::-webkit-slider-runnable-track {
    background-color: #0079c1;
}
#compareWindow input[type=range]::-moz-range-track {
    /*width: 300px;*/
    height: 5px;
    background-color: #0079c1;
    border: none;
    border-radius: 3px;
}

#compareWindow input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: #0079c1;
}

/*hide the outline behind the border*/
#compareWindow input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

#compareWindow input[type=range]:focus::-moz-range-track {
    background-color: #0079c1;
}
#compareWindow input[type=range]::-ms-track {
   /* width: 300px;*/
    height: 5px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
#compareWindow input[type=range]::-ms-fill-lower {
    background-color: #0079c1;
    border-radius: 10px;
}
#compareWindow input[type=range]::-ms-fill-upper {
    background-color: #0079c1;
    border-radius: 10px;
}
#compareWindow input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background-color: #0079c1;
}
#compareWindow input[type=range]:focus::-ms-fill-lower {
    background-color: #0079c1;
}
#compareWindow input[type=range]:focus::-ms-fill-upper {
    background-color: #0079c1;
}
#compareWindow .slider-inc-val {
  margin-top: 5px;
}
#compareWindow .slider-inc-val span {
  display: inline-block;
  width: 23%;
}
#compareWindow.fr .slider-inc-val span {
  display: inline-block;
  width: 22%;
}
#compareWindow .slider-inc-val span:last-child{
  width: 2%;
}
#compareWindow.fr .slider-inc-val span:last-child{
  width: 12%;
}
#compareWindow .slider-inc-val span:before {
  position: absolute;
  display: block;
  border-left: 1px solid #0079c1;
}
#compareWindow #ttl_menu.final-menu {
  /*top: 92%;*/
  top: 10%;
}
#compareWindow #ttl_menu .blueButton {
  text-align: right;
  margin-right: 11%;
}
#compareWindow .btm-banner {
  background-color: #F2F2F2;
  border-radius: 10px;
}
#compareWindow .final_right table {
  display: none;
}
.errorMsg {
  visibility: hidden;
  color: red;
}

.accordion .accordion-container .accordion-title .function {
    float: right !important;
}
#compareWindow .responses.columns.three input[type="radio"]{
  left: 47%;
}
.accordion > .accordion-container > .accordion-content {
   
    margin: 0 0 0 0px !important;
    overflow: hidden;
}
/*Removing hr lines for HMC results*/
.hmc-read-more-inner hr{
/*  height: 45px;
  margin: 0;*/
  background-color: transparent;
}
.hmc-read-more-inner .read-more-toggle {
  border-top: 1px solid #D4D4D4;
}
.connect ul.phone-numbers li a.nowrap strong {
  margin-top: 5px;
}
.more15 {   
    width: 20%;
}
/*Comparing business banking planes table - mobile*/
@media (max-width: 767px) {
  .less15 {
    display: none;
  }
  .less15.displayTable {
    display: table-cell;
  }
  .more15 {
    display: none;
    width: 20%;
  }
  .more15.displayTable {
    display: table-cell;
  }
  .less15-butt, .more15-butt {
    display: inline-block;
    border: 1px solid #d4d4d4; 
    margin-right: -4px;
    cursor: pointer;
    width: 36%;
  }
  .less15-butt {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .more15-butt {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .less15-butt.active, .more15-butt.active {
    display: inline-block;
    border: 1px solid #0079C1;
    background-color: #0079C1;
    color: #fff;
  }
}
@media (max-width: 400px) {
  .tabs-accordion table.fill.acctFeesTable {
      font-size: 0.65em;
    }
    link-info::before {
      -moz-osx-font-smoothing: grayscale;
      background-color: #0079c1;
      border-radius: 17px;
      color: #ffffff;
      content: "i";
      display: block;
      font-family: "bmo-icon";
      font-size: 10px;
      font-weight: bold;
      height: 15px;
      line-height: 13px;
      margin: -5px 0 0;
      overflow: hidden;
      position: absolute;
      right: 0;
      text-align: center;
      top: 50%;
      width: 15px;
  } 
}
@media (max-width: 368px) {
  .tabs-accordion table.fill.acctFeesTable {
    font-size: 0.48em;
  }
}
@media (max-width: 321px) {
 .less15-butt, .more15-butt {
    width: 20%;
  }
}

/*Reducing spaces for mobile - business value plan page*/
@media (max-width: 767px) {
  .columns .bvp-secondCol {
      margin-top: 0;
      padding-top: 0;
  }
}
/*Intro icons*/
.intro-icon {
  color: #cacaca;
  font-size: 10em;
}
/*Making the pop ups for Asset Based lending page scrollable*/
.lending-portfolio .tooltip .tooltip-bubble {
  /*position: absolute;*/
}
/*Mobile tables - fixed 1st column with scroll*/
@media (max-width: 400px) {
  .table-wrapper {
    /*width: 73%; */
    font-size: 1.2em;
    width: 100%; 
    overflow-x:scroll;  
    /*margin-left:5em; */
    margin-left:0; 
    overflow-y:visible;
  }
  .table-wrapper td {
    margin:0; 
    border-top-width:0px; 
    white-space:nowrap;
  }
  /*.table-wrapper .headcol {
    width: 5em;
    position:absolute; 
    width:5em; 
    left:0;
    top:auto;
    border-right: 0px none black; 
    border-top-width:3px; only relevant for first row
    margin-top:-3px; 
    background-color: #F2F2F2;
  }*/
  .table-wrapper table {
    table-layout: fixed;
    width: 300px;
  }
  .table-wrapper table th, .table-wrapper table td {    
      overflow: hidden;
      width: 50px;
  }
  .table-wrapper .headcol {
    width: 4em;
  }
}
/*ie8 styling*/
.ie8 #compareWindow .uphigher input[type="checkbox"] {
    top: 75px;
}
.ie8 #compareWindow input[type="checkbox"] {
    left: 0%;  
}
.ie8 #slider1-income, .ie8 #slider2-income {
  visibility: hidden;
}
/*Mobile compare credit card pages*/
@media (max-width: 767px) {
  .cc-compare {
    text-align: center;
  }
}
/*Tools close button*/
.tool-close-x {
  margin-left: -9px;
}
.ie8 .tool-close-x {
  margin-left: 0px;
}
.function.small .icon.tool-close-x::before {
  font-size: 25px;
}
/*Removing active underline on sticky nav*/
.cm-stickynav-page a.chevron.down.active, .cm-stickynav-page a.chevron.down.active::before {
  border-bottom: none;
}
/*Aligning buttons to bottom for cc-showcase*/
#cc-showcase .button.bottom {
    position: absolute;
    bottom: 0px;
    transform: translateX(-50%);
    white-space: nowrap;
}
/*Partner logos tooltip*/
ul.row.partner-logos li {
  text-align: left;
}