/* || GENERAL STYLE & FONTS || */

body {
  color: #333;
  background-color: #fff
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; 
}
h1, h2 {
  margin-top: 15px;
  margin-bottom: 10px;
}
h3 {
  color:#0186c9;
}
h5 {
  font-size: 18px;
  margin-top: 10px;
}

a {
  text-underline-position: under;
}

.smallBlue {
  color: #a9dff6;
  font-weight: 700;
}
.smallGrey {
  color: #888888;
  font-weight: 700;
}
.highlight {
  background-color: #f1e113;
  color: #000;
  padding-left: .2em;
  padding-right: .2em;
}
.boo-icons {
  vertical-align: 5%;
}
.text-tiny {
  font-size: x-small;
}
.link-white {
  color: white;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-underline-position: under;
}
.link-white:hover {
  color: white;
  text-decoration-style: solid;
}
.link-white:focus {
  color: white;
}

.link-white-u {
  color: white;
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-position: under;
}
.link-white-u:hover {
  color: #d3d3d3;
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-position: under;
}
.link-white-u:focus {
  color: #d3d3d3;
}

.link-white-nodeco {
  color: white;
  text-decoration: none;
}
.link-white-nodeco:hover {
  color: white;
}

.link-blue {
  color: #0186c9;
  text-decoration: none
}
.link-blue:hover {
  color: #025b88;
  text-decoration: underline;
  text-decoration-style: solid;
  text-underline-position: under;
}
.link-blue:focus {
  color: #025b88;
}

.fs-7 {
  font-size: .8rem;
}
.text-huge {
  font-size: 40px;
}
.text-red {
  color:#d70903;
}
.text-blue {
  color:#0186c9;
}
.text-light-blue {
  color:#6FC9F2;
}
.text-purple {
  color:#6F74CF;
}
.text-white {
  color: white;
}
.semibold {
  font-weight: 600;
}

/* Background Colours */
.bg-blue-gradient {
  background: #128ECD;
  background: linear-gradient(#128ECD, #53bcf1);
}
.bg-purple-gradient {
  background: #128ECD;
  background: linear-gradient(#484eba, #757ad3);
}
.bg-darkblue-gradient {
  background: #128ECD;
  background: linear-gradient(315deg, #003352 60%,#001A38);
}
.bg-blue {
  background: #128ECD;
}
.bg-light-blue {
  background:#6FC9F2;
}
.bg-red {
  background:#d70903;
}
.bg-green-gradient {
  background: linear-gradient(#0495A0, #05B6BE);
}
.bg-red-gradient {
  background: linear-gradient(rgb(190, 1, 1), rgb(160, 1, 1));
}
.bg-black {
  background-color: black;
}
.bg-green-dark {
  background: linear-gradient(#33866A, #225B48);
}
.bg-cobalt {
  background: #96D6DF;
}

.bg-tundora {
  background: #4C4847;
}
.bg-alto {
  background: #DBDBDB;
}
.bg-aquamarine-gradient {
  background: linear-gradient(#005874, #4A8F9E);
}
.bg-dark-blue {
  background: linear-gradient(#0a5080, #0362A2);
}

/* || HEADER || */

header {
  background:#fff;
  clear:both;
  text-align: center;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.logo img {
  width: 200px;
  display: block;
  padding-top: 6px;
  padding-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
}
.textNavBar {
  display: block;
  text-align: center;
  font-size: 13px; /*for small mobile screen*/
  margin-top: 2px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
}
.textNavBar ul {
  margin: auto;
  padding: 0 0 0 0;
}
.textNavBar li {
  display: inline-block;
  background: #e9e7e7;
  text-align: center;
  vertical-align: middle;
  margin: 0px 2px 0px 2px;
  padding: 5px 10px 2px 10px;
  border-radius: 7px 7px 0px 0px;
}
.textNavBar a {
  color: #000;
  text-decoration: none;
}
#activeBar {
  background: #128ECD;
  background: linear-gradient(#53bcf1, #128ECD);
}
#activeBar a {
  color: #fff;
  font-weight: bold;
}
.imgNavBar {
  display: none;
}

.blueBdr{

  display:block;
	width:100%;
  background:#128ECD;
  height:6px;
  line-height:6px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;

}


/* Banner */
.banner h1 {
  font-size: 42px;
  font-weight: 600;
  line-height: 1em;
  margin-top: 0px;
}

/* Rental (new) -> Banner */
.banner-right {
  background:
  rgb(0, 0, 0)
  url("images/banner-black-taxi.jpg") 
  no-repeat left center;
  background-size: cover;
  min-height: 250px;
  max-height: 700px;
}

/* Rent Laptops (new) -> Banner */
.banner-laptop {
  background: linear-gradient(#33866A, #225B48);
  background:
  url("images/banner-laptop.jpg") 
  no-repeat center center;
  background-size: cover;
  min-height: 250px;
}
/* Rent Desktop (new) -> Banner */
.banner-rent-desktop {
  background:
  rgb(0, 0, 0)
  url("images/banner-gradient.jpg") 
  no-repeat left center;
  background-size: cover;
}

/* What Companies Rent -> Banner */
.banner-what {
  background:
    #fff
    url("images/banner-building-pinksky.jpg")
    no-repeat center center;
  background-size: cover;
  height: 300px;
}
.banner-text-what {
  padding-left: 16px;
  padding-top: 20px;
}
/* Corporate Sales(new) -> Banner */
.banner-corpsales {
  background:
  url("images/banner-building-bottom.jpg") 
  no-repeat center top;
  background-size: cover;
  min-height: 250px;
}

/* Bulk Rent Desktop Offer (new) -> Banner */
.banner-desk-offer h1 {
  font-size: 45px;
}
.separator {
  display: flex;
  align-items: center;
  text-align: center;
  }

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid white;
}
.separator:not(:empty)::before {
  margin-right: 1em;
}
.separator:not(:empty)::after {
  margin-left: 1em;
}


/* Breadcrumb */
.breadcrumb {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 1px 7px 2px 7px;
  border-radius: 5px;
}
.breadcrumb a {
  color: #74acff ;
}
.breadcrumb a:hover {
  color: #2478f7 ;
}
.breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.6);
}
.breadcrumb-item+.breadcrumb-item::before {
  color: rgba(255, 255, 255, 0.6);
}


/* || CONTACT BOX || */

.top-contactus {
  background-color: #128ECD;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 12px;
  line-height: 1.7;
  text-align: center;
  color: #fff;
}
.top-contactus ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.top-contactus a {
  color: #fff;
}


/* || CALLBACK FORM || */
/* mobile: full width, one field per line */
.top-callback {
  background-color: #e9e7e7;
  padding: 15px;
  margin-bottom: 10px;
  color:#128ECD;
}
.form-control {
  font-size: .9rem;
}

/* Home -> Callback form */
.right-high {
  border-top: 1px solid #e9e7e7;
  margin-top: 10px;
  padding-top: 20px;
}


/* || MAIN || */

.message-row {
  border-bottom: 1px solid #e9e7e7;
  margin-bottom: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 3px;
  padding-right: 3px;
}


/* Rent Laptops (new) */ /* Rent Desktops */
.half-white {
  background: linear-gradient(180deg, white 90%, #f8f9fa 10%)
}

/* Corporate Sales (new) */
.thumb-float {
  float: left;
  height: 3em;
	width: auto;
  margin-right: 10px;
  border-radius: 4px 4px 4px 4px;
}

/* Showroom */
.highlight-red {
  background-color: #ff0101;
  color: #ffffff;
  padding-left: .2em;
  padding-right: .2em;
  font-weight: 700;
}

/* Rent Desktop Offer (old) */
.back2website {
  background-color: #df3a36;
  color: white;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
  font-size: 12px;
}
.back2website a:visited {
  color: white;
}
.contact-now {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  padding-bottom: 20px;
}

/* Thinkbook */
.tagline {
  font-weight: bold;
  font-size: 13px;
  padding-top: 8px;
  border-top: 1px solid #e9e7e7;
  border-bottom: 1px solid #e9e7e7;
  padding-bottom: 10px;
  color: #0186c9;
}
.tagline-red {
  background: rgba(255, 0, 0, 90%);
  text-align: center;
  font-size: 24px;
  line-height: 1.2em;
  padding: 6px 10px 6px 10px;
  max-width: 80%;
  margin: auto;
}
.banner-thinkbook {
  background:
  url("images/Thinkbook-pen-desk-1780.jpg") 
  no-repeat center center;
  background-size: cover;
  min-height: 250px;
}

/* Seconds Sale */
.half-red {
  background: linear-gradient(180deg, white 50%, #E30613 50%)
}
.ss-heading {
  font-size: 36px;
}

#map {
  height: 300px;
  width: 100%;
  /* background: url("images/map-axis-mall.png") no-repeat center center; 
  background-size: cover;*/
  border-radius: 5px 5px 5px 5px;
}
.rounded-bottom {
  border-radius: 0px 0px 5px 5px;
}
.ss-heading {
  font-size: 36px;
}

/* || FOOTER || */

footer {
  background: #f9f5f5;
}

footer h5 {
  color: rgb(88, 88, 88);
}
footer h6 {
  font-size: 16px;
  color:#337ab7;
  margin-top: 10px;
}
footer a {
  color: rgb(83, 83, 83);
  /*text-decoration: none;
  border-bottom: .1px solid #888888;
  padding-botton: 3px; */
  text-decoration: underline solid #cccbcb;
  text-underline-position: under;
}
footer a:hover {
  color:#337ab7;
  /*text-decoration: none;
  border-bottom: .1px solid #888888;
  padding-botton: 3px; */
  text-decoration: underline solid #cccbcb;
  text-underline-position: under;
}

/* ------------ */
/*   > 355 px   */
/* ------------ */

@media (min-width: 355px) {

  /* Bulk Rent Desktop Offer (new) -> Banner > 355px*/
  .banner-desk-offer h1 {
    font-size: 45px;
  }			

}	

/* ------------ */
/*   > 375 px   */
/* ------------ */

@media (min-width: 375px) {

  /* || HEADER >375px || */
  .logo img {
    width: 250px;
  }
  .textNavBar {
    font-size: 16px;
  }

  /* || CONTACT BOX >375px || */
  .top-contactus, .top-contactshow {
    font-size: 14px;
  }

  /* Thinkbook >375px */
  .tagline {
    font-size: 16px;
  }
}

/* ------------- */
/*  SM > 576 px  */
/* ------------- */

@media (min-width: 576px) {

  /* What Companies Rent -> Banner >576px */
  .banner-text-what {
    padding-left: 0px;
    padding-top: 40px;
  }

  /* Seconds Sale >576px */
  .ss-heading {
    font-size: 50px;
    }

}

/* ------------ */
/*  MD > 768 px */
/* ------------ */

@media (min-width: 768px) {
  /* || General Padding || */

  .ps-md-6 {
    padding-left: 4rem !important;
  }
  .pe-md-6 {
    padding-right: 4rem !important;
  }

  /* || GENERAL STYLE & FONTS || */
  .link-white-u {
    color: white;
    text-decoration: none;
  }

  .banner h1 {
    font-size: 66px;
    font-weight: 600;
    line-height: 1em;
  }

  /* Rental (new) -> Banner >768px */
  .banner-right {
    height: 660px;
  }

  /* Rent Laptops (new) -> Banner >768px */
  .banner-laptop {
    height: 660px;
  }

  /* What Companies Rent -> Banner >768px */
  .banner-what {
    height: 400px;
  }

  /* Corporate Sales (new) -> Banner >768px */
  .banner-corpsales {
    height: 620px;
  }
  
  /* || CONTACT BOX >768px || */
  .top-contactus li {
    display: inline;
  }
  #nextline {
    display: inline-block;
  }
  #nextline2 {
    display: inline-block;
  }

  /* Home Page >768px */
  .right-high {
    border-top: none;
    border-left: 1px solid #e9e7e7;
    padding-left: 40px;
    padding-top: 0px;
  }


  /* Rent Laptops (new) >768px */ /* Rent Desktops >768px */
  .half-white {
    background: linear-gradient(90deg, white 50%, #f8f9fa 50%)
  }
  .deal-img-height {
    height: 180px;
  }

  /* What Companies Rent >768px */
  .col-text {
    max-width: 380px;
  }

  /* Thinkbook >768px */
  .tagline {
    border-bottom: none;
  }
  .tagline-red {
    text-align: start;
    max-width: none;
  }
  .banner-thinkbook {
    height: 890px;
  }

  /* Seconds Sale >768px */
  .ss-heading {
    font-size: 42px;
  }  

  /* || FOOTER >768px || */

  /* .footer-about {
    text-align: left;
    border-right: 2px dotted #888888;
  } */

}

/* ------------ */
/*  LG > 992px */
/* ------------ */
/* changed from 960 */

@media (min-width: 992px) { /*For laptops and above*/
  
  /* || GENERAL STYLE & FONTS >992px || */
  .text-huge {
    font-size: 48px;
  }

  /* || HEADER >992px || */
  nav {
    width: 960px;
    margin: auto;
    padding: 10px 0 0 0;
  }
  .logo {
    display: inline-block;
    /*float: left;*/
    margin-right: 0px;
  }
  .logo img {
    width: 300px;
    display: inline-block;
    margin: 0 0 0 10px;
  }
  .textNavBar {
    display: none;
  }
  .imgNavBar {
    display: inline-block;
    /*float: left;*/
    width: 640px;
    padding: 0px 0 0 0;
    margin: 0 0 0 0;
  }
  .imgNavBar ul {
    padding: 0 0 0 24px; /*WAS 20px, then 4px*/
    margin: 0 0 0 0;
  }
  .imgNavBar li {
    /*float: left;*/
    display: inline-block;
    margin-left: 6px;
  }
  .imgNavBar img {
    height: 84px;
  }
  .nonActive:hover{
    opacity: .7;
  }



  /* Rental (new) -> Banner >992px */
  .banner-right {
    height: 620px;
  }
  .banner-left {
    max-width: 530px;
  }

  /* Rent Laptops -> Banner >992px */
  .banner-laptop {
    height: 660px;
  }

  /* What Companies Rent -> Banner >992px */
  .banner-text-what {
    max-width: 60%;
    padding-top: 60px;
  }
  .banner-text-what h1 {
    font-size: 72px;
    font-weight: 600;
  }

  /* Bulk Rent Desktop Offer (new) -> Banner > 992px*/
  .banner-desk-offer h1 {
    font-size: 50px;
  }		  

  .col-text {
    max-width: 500px;
  }


  /* || CONTACT BOX >992px || */

  .top-contactus {
    font-size: 16px;
    margin-bottom: 20px;
    padding: 10px 50px 10px 50px;
    border-left: 2px solid #128ECD;
    border-right: 2px solid #128ECD;
    border-radius: 0px 0px 5px 5px;
  }
  .m-banner + .top-contactus {
    border-radius: 5px 5px 5px 5px;
  }

  /* || CALLBACK FORM || */
  /* laptop: all fields in one line */
  .top-callback {
    background: #f9f5f5;
    border-radius: 5px 5px 5px 5px;
  }
  .btn-sm {
    font-size: 16px;
  }

  /* || MAIN >992px || */
  .message {
    max-width: 960px;
  }

  
  /* Rental (new) >992px */
  .brand-max {
    max-height: 90px;
  }

  /* Rent Laptops (new) >992px */ /* Rent Desktops >992px */
  .deal-img-height {
    height: 250px;
  }

  /* Thinkbook >992px */
  .tagline {
    font-size: 18px;
  }

  /* Seconds Sale >992px */
  .ss-heading {
    font-size: 56px;
  }

  /* || FOOTER >992px || */

  .footer-about {
    text-align: left;
    border-right: 2px dotted #888888;
  }
  .footer-info {
    max-width: 1200px;
  }
  /*   .footer {
      background: #f9f5f5;
    } */

}

/* ------------ */
/*  XXL > 1400px */
/* ------------ */

@media (min-width: 1200px) {

  /* Rental (new) -> Banner >1200px */
  .banner-right {
    height: 560px;
  }
  
  /* Rent Laptops -> Banner >1200px */
  .banner-laptop {
    max-height: 600px;
    /* max-width: 640px; */
  }
  .banner-left {
    max-width: 580px;
  }
  /* Rent Laptops (new) >1200px */ /* Rent Desktops >1200px */
  .deal-img-height {
    height: 280px;
  }

  /* What Companies Rent >1200px */
  .col-text {
    max-width: 560px;
  }
  /* Corporate Sales (new) -> Banner >1200px */
  .banner-corpsales {
    height: 600px;
  }
  /* Bulk Rent Desktop Offer (new) -> Banner > 1200px*/
  .banner-desk-offer h1 {
    font-size: 45px;
  }		
  /* Thinkbook >1200px */
  .tagline-red {
    font-size: 1.5em;
  }
  .banner-thinkbook {
    height: 800px;
  }
}