/*--------------------------------
 * BANK.CSS
 --------------------------------*/
#bankCounter { width:100%; padding:0; margin:0; font-size:16px; color:#000}
#bankCounter a{color:#B5004E; text-decoration:none; z-index:1;}
#bankCounter h2 {font-size:35px; line-height:40px; color: #333; }
#bankCounter .titletxt { max-width:90%; margin: 0 auto;}
#bankCounter div#content {  padding: 0 !important;}

#bankCounter .btn-red {display: block; float:left;  margin: 20px 0 20px 0; max-width: 330px; font-size: 22px; background-color: #B5004E; color: #fff;  padding: 15px;font-weight: bold; text-align:center;border:2px solid #B5004E;}
#bankCounter .btn-red:hover { background:#333;border:2px solid #333;}
#bankCounter .btn-bw {display: block; float:left; margin:20px 10px 0 0; max-width: 330px; font-size: 22px; background-color: #fff; color: #000;  padding: 15px;font-weight: bold; text-align:center; border:2px solid;}
#bankCounter .btn-bw:hover {color:#B5004E}
#bankCounter .fineprint {font-size:11px;}
#bankCounter .creditcards { text-align:center; margin-top:5px;}

/*parallax */
.parallax {	
	no-repeat #313131!important;/*parallax */
	min-height: 900px;
	background-attachment: fixed!important;
    background-position: center top;
    background-size: cover;}

.wrap-row{display:block; width:100%; max-width:1220px; margin:0 auto; text-align:center;}
.wrap-btn {display:block;}
.wrap-btn .txt {font-size: 20px; margin-top:20px; clear:both;}

/*--------------------------------
 * Introduction
 --------------------------------*/
#introBlurb{
 text-align:center; font-size: 20px; padding: 40px 0 30px 0 ; font-family: "Ubuntu"; margin-bottom: 0; line-height: 25px; color:#FFF; background: #313131 url('../../../../../image/stage/bg-intro-card-counters.jpg');  }
#introBlurb a { color: #096}
#introBlurb h2{ color:#fff;  font-size: 35px; margin-bottom:20px;}
#introBlurb .hellocounters { margin: 20px auto 0 auto; text-align:center; color:#fff; font-size:16px;}
#introBlurb .hello { width:30%;  float: left; margin-right:10px; padding:10px 5px; }

/*--------------------------------
 * List Products
 --------------------------------*/
#listCounters{display:block; padding: 50px 0px; width: 100%; font-family: "Ubuntu";  margin-bottom:0; }
#listCounters .contenttxt{ display:block; width:45%; float:left; text-align:left; padding-left:30px}
#listCounters .contentimg{ display:block; width:45%; float:left; text-align:left;padding-left:10px}
.bggrey {background:#dfe4e7;}

/* Compare Counters*/
#compareCounters {width: 100%; padding: 50px 0;  font-family: "Ubuntu";  margin-bottom:0;background: url('../../../../../image/stage/bg-bank-card-counters.jpg') }	

#compareCounters h2 {font-size:35px; color: #FFF;}
#compareCounters .subtitle {color: #FFF; margin-bottom:20px }
#compareCounters h2 span {color: rgb(181, 0, 78);}

#compareCounters .compare-columns {
    float: left;
    width: 30%;
    padding:8px;}

#compareCounters .compare {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#compareCounters .compare:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

#compareCounters .compare .headcol {
    background-color: #111;
    color: white;
    font-size: 25px;
}

#compareCounters .compare li {
    border-bottom: 1px solid #eee;
    padding: 18px;
    text-align: center;
}

#compareCounters .compare .grey {
    background-color: #eee;
    font-size: 20px;
}
#compareCounters .compare .white { background:#FFF; }

#compareCounters .compare-button {
    background-color: #096 /*#4CAF50*/;
    border: none;
    color: white!important;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

#compareCounters .compare-button a {color: #fff!important; text-decoration:none;}
/*--------------------------------
 * Buy Rent Summary
 --------------------------------*/
#payOptions {width: 100%; text-align:center; font-family: "Ubuntu"; background:#EFEBE2 url(../../../../../image/stage/pay-options-card-counters.jpg) 0 0  no-repeat; min-height:500px; border-top:8px solid #096;}
#payOptions h2 {font-size:35px; color: #333; }
#payOptions .subtitle {color: #333; text-align:left; margin-bottom:10px; }
#payOptions .notes {font-size: 16px; font-family:Georgia, "Times New Roman", Times, serif; text-align:left!important; max-width:90%; margin: 0 auto; line-height:24px}

.buyRentImg {width:44%; min-height:650px; float:left;}
.buyRent{width:51%; min-height:650px; float:right;background:#EFEBE2; line-height: 1.25; padding: 40px  0 0 0px;}
.buyRent .newprice { display: block;font-size: 20px; font-weight: 700; color: #B5004E;} 	
.buyRent .rent { font-size: 20px; font-weight: 700; color:#313131;}

.buyRent table tr:nth-of-type(2){background-color:#eee; }

.buyRent .btn { font-size: 12px; background-color: #096; color: #fff!important; max-width:100px; padding: 5px;  text-align:center; margin-top:10px; }
.buyRent .btn:hover { background:#333;}
.buyRent .btn2 { font-size: 12px; background-color: #313131; color: #fff!important; max-width:100px; padding: 5px;  text-align:center; margin-top:10px; border-radius: 4px; display: inline-block; }
.buyRent .btn2:hover { background:#444;}
	
.buyRent .oldprice {
    display: block; font-size: 16px; color: #333; text-decoration:line-through;}
  
.buyRent table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 90%; text-align:center;
}
.buyRent table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}
.buyRent table tr {
  background: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

.buyRent td, th {/*dr*/
    border: 1px solid #ddd;}

.buyRent table th,
table td {
  padding: .55em;
  text-align: center;
  font-size:14px;
}
.buyRent table th {
  color: #fff;
  font-size: 1.0em;
  letter-spacing: .1em;
  text-transform: uppercase;
  background:#313131;
}
/*--------------------------------
 * Support, Repair Warranty
 --------------------------------*/
#supportWarranty {
 text-align:center; padding: 30px 0; font-family: "Ubuntu"; margin-bottom: 0; line-height: 25px; color:#FFF; background: #096 url('../../../../../image/stage/bg-support-repair-warranty.jpg'); 
min-height:150px;
background-attachment: fixed!important;
background-position: center;
background-size: cover;	}

#supportWarranty h2{ color:#fff; margin-bottom:20px;}

@media screen and (max-width: 600px) {
.buyRent {width:95%;}	
.buyRent table {border: 0; margin:0 auto;}
.buyRent table caption { font-size: 1.3em; }
.buyRent table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; }
	
.buyRent table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em; }
	
.buyRent table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;  }
	
.buyRent td, th {/*dr*/
    border: none;}
	
.buyRent table td:before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
.buyRent table td:last-child {
    border-bottom: 0;  }
	
.buyRent table th {
  color: #333;}}

@media screen and (max-width: 700px) {
	#compareCounters {background-attachment: scroll;}/* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
	.wrap-row { text-align:center;}
    .compare-columns {width: 95%!important;}
	#compareCounters {width: 100%; text-align:center;}
	#listCounters { text-align:center;}
	#listCounters .contenttxt{ width:95%; display:block; padding:20px;}
	#listCounters .contentimg{ width:80%; display:block; text-align:center; padding:10px;}
	#bankCounter .btn-red a { margin: 20px 0!important; float: none; color: #fff;}
	#bankCounter .btn-bw a{  margin: 20px 0!important; float: none; text-decoration:none!important; color: #000; }
	#introBlurb .hello { width:100%!important; float: left; margin-right:10px; padding:10px; }}
	
@media screen and (max-width: 1000px) {
#payOptions {width:100%; background: url(../../../../../image/stage/pay-options-card-counters-980x700.jpg) no-repeat;}
.buyRent{ width:100%; min-height:500px; float:left;background:#EFEBE2; line-height: 1.25;}}	
	

@media screen and (max-width: 1200px) {
    #compareCounters {background-attachment: scroll;}
	#bankCounter .btn-red a { margin: 20px auto!important; float: none; color: #fff;}
	#bankCounter .btn-bw a{  margin: 20px auto!important; float: none; text-decoration:none!important; color: #000;}}

/*Pointman printers */
/* Compare Printers*/
#compareNuvia {width: 100%; padding: 50px 0;  font-family: "Ubuntu";  margin-bottom:0;background: url('../../../../../image/stage/bg-pointman-nuvia-card-printers.jpg') }	

#compareNuvia h2 {font-size:35px; color: #FFF;}
#compareNuvia .subtitle {color: #FFF; margin-bottom:20px }
#compareNuvia h2 span {color: rgb(181, 0, 78);}

#compareNuvia .compare-columns {
    float: left;
    width: 30%;
    padding:8px;}

#compareNuvia .compare {
    list-style-type: none;
    border: 1px solid #eee;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

#compareNuvia .compare:hover {
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.2)
}

#compareNuvia .compare .headcol {
    background-color: #111;
    color: white;
    font-size: 25px;
}

#compareNuvia .compare li {
    border-bottom: 1px solid #eee;
    padding: 18px;
    text-align: center;
}

#compareNuvia .compare .grey {
    background-color: #eee;
    font-size: 20px;
}
#compareNuvia .compare .white { background:#FFF; }

#compareNuvia .compare-button {
    background-color: #096 /*#4CAF50*/;
    border: none;
    color: white!important;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px;
}

#compareCounters .compare-button a {color: #fff!important; text-decoration:none;}

@media screen and (max-width: 700px) {
	#compareNuvia {background-attachment: scroll;}/* Turn off parallax scrolling for tablets and phones. Increase/decrease the pixels if needed */
    .compare-columns {width: 95%!important;}
	#compareNuvia {width: 100%; text-align:center;}}
	
@media screen and (max-width: 1200px) {
    #compareNuvia {background-attachment: scroll;}}