@charset "utf-8";
@font-face {
  font-family: "fjalla_oneregular";
  src: url(../fjallaone-regular-webfont.woff2) format("woff2"),
    url(../fjallaone-regular-webfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "sf-pro-text-bold";
  src: url(../fonts/sf-pro-text-bold.woff) format("woff2"),
    url(../fonts/sf-pro-text-bold.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "SF-Pro-Display-Light";
  src: url(../fonts/SF-Pro-Display-Light.woff) format("woff2"),
    url(../fonts/SF-Pro-Display-Light.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.2;
  font-family: "SF-Pro-Display-Light";
}
.download-brochure {
  bottom: 40px;
}

#return-to-top {
  bottom: 40px;
}

.privacy-bar-outer {
  float: none;
  height: 30px;
  clear: both;
  position: relative;
}

.giant-tab-prod-sec {
  margin-bottom: 10px;
}

.privacy-bar-outer.hidden {
  display: none;
}

.privacy-bar-outer .privacy-close {
  position: fixed;
  bottom: 35px;
  left: 110px;
  box-shadow: none;
  z-index: 1;
  border: none;
  background: #000;
  color: #fff;
  padding: 0 6px;
  font-size: 18px;
  font-weight: 700;
}

.center-cont-left h1,
.center-cont-left h2,
.center-cont-left h3,
.center-cont-left h4 {
  color: #0096d0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
}

.privacy-bar-inner .accept_privacy_policy_btn {
  background: #1e99d1;
  color: #fff !important;
  padding: 8px 10px;
  border: 1px solid;
  border-color: #1e99d1;
  border-radius: 3px;
  margin: 0;
  margin-left: 12px;
  font-size: 12px;
}

.privacy-bar-inner {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: #000;
  display: flex;
  padding: 15px 15px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-right: auto;
  margin-left: auto;
}

@media (max-width: 768px) {
  .privacy-bar-inner {
    justify-content: left;
  }
}

.privacy-bar-outer p {
  text-align: center;
  padding: 10px 0;
  color: #fff;
}

.privacy-bar-outer .pop-up-body .close {
  color: #fff;
}

.privacy-bar-outer .modal-content {
  padding: 10px 20px;
  border-radius: 15px;
}

.privacy-bar-outer .modal-dialog {
  max-width: 720px;
  width: 100%;
}

.pro-box2 div {
  text-align: left;
  padding: 5px 0;
}

.privacy-bar-outer .modal-open .modal {
  padding: 0 20px;
}

.privacy-bar-outer .pop-up-body .pop-up-header {
  background: #1296d2;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -11px;
  text-align: center;
  position: relative;
  border-radius: 15px 15px 0 0;
  margin-bottom: 20px;
}

.privacy-bar-outer .pop-up-body .pop-up-header .pop-up-close {
  position: absolute;
  top: 8px;
  right: 0;
}

.privacy-bar-outer .pop-up-body p.privacy-popup-heading {
  font-weight: 700;
  font-size: 24px;
  color: #1e99d1;
}

.privacy-bar-outer .pop-up-body p {
  font-size: 16px;
  line-height: 24px;
  margin: 10px 0;
  color: #636363;
  text-align: left;
  padding: 0;
}

.privacy-bar-outer .pop-up-body ul {
  padding-left: 30px;
}

.privacy-bar-outer .pop-up-body ul li {
  font-size: 17px;
  line-height: 26px;
  color: #636363;
  text-align: left;
  padding: 0;
}

.banner-bot a h5 {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
  transition: 0.3s;
}

.privacy-bar-outer .pop-up-body ul.contact-list {
  list-style-type: none;
}

.giant-tablet-banner {
  background: url(../images/Giant-iTab-Banner.png) center !important;
  background-size: cover !important;
  background-position: center center !important;
  height: 500px !important;
}

.giant-tablet-section {
  padding: 20px 0;
  float: left;
  width: 100%;
}

.giant-tablet-section .row {
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
}

.giant-tablet-section p {
  font-size: 16px;
  line-height: 26px;
  margin: 15px 0;
}

.giant-tablet-section .giant-headng {
  color: #0096d0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
}

.giant-tab-prod-sec {
  margin-bottom: 50px;
}

.product-sec-heading {
  color: #0096d0;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  margin-bottom: 30px;
}

.product-description {
  padding-left: 0 !important;
}

.product-description:before {
  display: none;
}

.giant-tablet-last-sec .center-cont-left {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .giant-tablet-section .row {
    padding: 20px 0;
  }

  .giant-tablet-section .row .giant-img-col {
    order: 1;
    padding-bottom: 20px;
  }

  .giant-tablet-section .row .giant-img-col img {
    margin: 0 auto;
  }

  .giant-tablet-section .row .giant-text-col {
    order: 2;
  }
}

@font-face {
  font-family: roboto_blackregular;
  src: url(../fonts/roboto-black.woff2) format("woff2"),
    url(roboto-black.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: roboto_blackitalic;
  src: url(../fonts/roboto-blackitalic.woff2) format("woff2"),
    url(../fonts/roboto-blackitalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: robotobold;
  src: url(../fonts/roboto-bold.woff2) format("woff2"),
    url(../fonts/roboto-bold.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: robotobold_italic;
  src: url(../fonts/roboto-bolditalic.woff2) format("woff2"),
    url(../fonts/roboto-bolditalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: robotoitalic;
  src: url(../fonts/roboto-italic.woff2) format("woff2"),
    url(../fonts/roboto-italic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: roboto_lightregular;
  src: url(../fonts/roboto-light.woff2) format("woff2"),
    url(../fonts/roboto-light.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: roboto_lightitalic;
  src: url(../fonts/roboto-lightitalic.woff2) format("woff2"),
    url(../fonts/roboto-lightitalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: roboto_mediumregular;
  src: url(../fonts/roboto-medium.woff2) format("woff2"),
    url(../fonts/roboto-medium.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: roboto_mediumitalic;
  src: url(../fonts/roboto-mediumitalic.woff2) format("woff2"),
    url(../fonts/roboto-mediumitalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: robotoregular;
  src: url(../fonts/roboto-regular.woff2) format("woff2"),
    url(../fonts/roboto-regular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: roboto_thinregular;
  src: url(../fonts/roboto-thin.woff2) format("woff2"),
    url(../fonts/roboto-thin.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: roboto_thinitalic;
  src: url(../fonts/roboto-thinitalic.woff2) format("woff2"),
    url(../fonts/roboto-thinitalic.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

.btn-default,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
p,
span,
textarea,
ul {
  margin: 0;
  padding: 0;
}

.no_space {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

body {
  font-family: "SF-Pro-Display-Light";
  line-height: inherit;
  overflow-x: hidden;
}

.alt-font {
  font-family: Verdana, Geneva, sans-serif;
}

* {
  margin: 0;
  padding: 0;
}

a:hover {
  text-decoration: none;
  outline: 0;
}

a:focus {
  text-decoration: none;
  outline: 0;
}

a:visited {
  text-decoration: none;
  outline: 0;
}

.top-bar {
  float: left;
  width: 100%;
  background: #083a57;
  padding: 15px 0;
}

ul.social-icons {
  float: left;
  width: 100%;
}

ul.social-icons li {
  float: left;
  list-style: none;
  padding: 0 7px 0 0;
}

.header {
  float: left;
  width: 100%;
  padding: 0 0;
}

ul.social-icons li a {
  color: #fff;
  font-size: 16px;
  opacity: 0.7;
}

ul.social-icons li a:hover {
  opacity: 1;
}

.border-r {
  border-right: solid 1px #fff;
}

.top-bar i {
  color: #fff;
}

.top-bar p {
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}

.download-brochure img {
  width: 70px;
}

.download-brochure {
  width: auto;
  position: fixed;
  left: 10px;
  bottom: 30px;
}

.top-bar a {
  color: #fff;
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
}

ul.navigation li a {
  color: #222;
  font-weight: 600;
  font-size: 14px;
  transition: 0.5s;
}

ul.navigation li a:hover {
  color: #5fc4f2;
}

ul.navigation li {
  float: left;
  list-style: none;
  padding: 0 0 0 15px;
  margin: 25px 0 0 5px;
}

ul.navigation {
  float: left;
  width: 100%;
}

.sub-menu-parent {
  position: relative;
}

.sub-menu {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 39px;
  left: 0;
  width: 200px;
  background: #222;
  transform: translateY(-2em);
  z-index: -1;
  transition: 0.3s;
  padding: 5px 0 5px 0;
}

ul.sub-menu li a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

/*ul.sub-menu li:hover{background:#555}*/
ul.sub-menu li a:hover {
  color: #5fc4f2 !important;
}

ul.sub-menu li {
  line-height: 32px;
  margin: 0;
  padding: 5px 0 5px 15px !important;
  width: 100%;
  float: left;
}

.sub-menu-parent:focus .sub-menu,
.sub-menu-parent:focus-within .sub-menu,
.sub-menu-parent:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  transition-delay: 0s, 0s, 0.3s;
}

.logo {
  float: left;
  width: 100%;
  margin: 7px 0 0 0;
}

li.search a {
  background: #10acb9;
  padding: 25px 20px !important;
  float: left;
}

li.search {
  margin: 0 !important;
  position: relative;
}

li.search i {
  color: #fff;
}

.banner {
  float: left;
  width: 100%;
  background: url(../images/Home_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
  line-height: 1.2;
}
.epson_printer_banner {
  float: left;
  width: 100%;
  background: url(../images/printers/Epson_C3500_Header.jpg);
  min-height: 600px;
  height: auto;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.epson_printer_banner h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.epson_printer_banner h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.epson_printer_banner p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
  line-height: 1.2;
}

.banner2 {
  float: left;
  width: 100%;
  background: url(../images/Event_Check_In_Registration_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner2 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner2 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

/* .banner3 {
    float: left;
    width: 100%;
    background: url(../images/Till-set-up-Live-Event-5.jpg) bottom center;
    height: 600px; 
    text-align: center;
    padding: 200px 0 0 0;
    background-size: cover;
} */

/* .banner3 h1, .banner3 p {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    margin: 15px auto;
    padding: 15px 20px;
    font-family: 'Fjalla One', sans-serif;
    display: table
}

.banner3 h2 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    margin: 15px auto;
    padding: 15px 20px;
    font-family: 'Fjalla One', sans-serif;
    display: table
} */

.banner4 {
  float: left;
  width: 100%;
  background: url(../images/Logistics_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 140px 0 0 0;
  background-size: cover;
}

.banner4 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner4 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6); /* margin:15px auto; */
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner5 {
  float: left;
  width: 100%;
  background: url(../images/Event_Consultation_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  background-size: cover;
  padding: 140px 0 0 0;
}

.banner-case {
  float: left;
  width: 100%;
  background: url(../images/case.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  background-size: cover;
  padding: 140px 0 0 0;
}

.banner-case h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner-case h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 130px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner5 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner5 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner6 {
  float: left;
  width: 100%;
  background: url(../images/Event_Apps_Software_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner6 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner6 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner7 {
  float: left;
  width: 100%;
  background: url(../images/technical-staff-image.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner7 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner8 {
  float: left;
  width: 100%;
  background: url(../images/Global_Fulfilment_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner8 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner8 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner10 {
  float: left;
  width: 100%;
  background: url(../images/accessories/Accessories_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner10 h1,
.banner10 p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner10 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner11 {
  float: left;
  width: 100%;
  background: url(../images/epos-kit-slide.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner11 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner11 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner12 {
  float: left;
  width: 100%;
  background: url(../images/architectural-design-image.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 180px 0 0 0;
  background-size: cover;
}

.banner12 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner12 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner14 {
  float: left;
  width: 100%;
  background: url(../images/amplifier-close-up.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner14 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner14 p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner14 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner18 {
  float: left;
  width: 100%;
  background: url(../images/slider-surface-pro.jpg);
  height: 510px;
  background-position: center;
  text-align: center;
  padding: 140px 0 0 0;
  background-size: cover;
}

.banner18 h1,
.banner18 p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner18 p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner18 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner19 {
  float: left;
  width: 100%;
  background: url(../images/it-rental-slide.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 140px 0 0 0;
  background-size: cover;
}

.banner19 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner19 p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner19 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner20 {
  float: left;
  width: 100%;
  background: url(../images/Ipad_Stand_Hire_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 180px 0 0 0;
  background-size: cover;
}

.banner2 p,
.banner20 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner20 p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner20 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner21 {
  float: left;
  width: 100%;
  background: url(../images/printers-slide.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner21 h1,
.banner21 p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner21 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner23 {
  float: left;
  width: 100%;
  background: url(../images/tablet-img-slide.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner23 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner23 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner25 {
  float: left;
  width: 100%;
  background: url(../images/screen-girl-blue.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.flag p {
  padding: 5px 0 0 0 !important;
  font-size: 11px;
  text-align: center;
  color: #333;
}

.banner28 {
  float: left;
  width: 100%;
  background: url(../images/audio-visual-slide.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner28 h1,
.banner28 p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner28 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.team-members:hover .team-avatar:after {
  background: 0 0;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

iframe {
  float: left;
  width: 100%;
}

.heading:after {
  left: 50%;
  height: 3px;
  width: 50px;
  content: " ";
  bottom: -35px;
  margin-left: -25px;
  position: absolute;
  background: #444;
}

.team-desc {
  text-align: center;
}

.heading h2 {
  font-size: 50px;
  font-weight: 700;
  margin: 0;
  color: #1a1c1e;
  text-align: center;
}

.team-members .team-avatar:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(129, 129, 129, 0.1);
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-desc h4 {
  color: #3c9ad1;
  font-weight: 400;
  font-size: 20px;
  padding: 0 0 8px;
  line-height: 1.1;
}

.team-desc span {
  font-size: 15px;
  color: #000;
  text-decoration: none;
  display: block;
  min-height: 57px;
}

.heading {
  z-index: 1;
  position: relative;
  margin-bottom: 100px;
}

.team-members .team-avatar:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(129, 129, 129, 0.1);
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-members,
.team-members .team-avatar {
  position: relative;
}

.team-avatar {
  background: 0 0;
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.team-members {
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-bottom: 15px;
  border-radius: 100%;
}

.team-members,
.team-members .team-avatar {
  position: relative;
}

.team-members .team-avatar img {
  display: block;
  margin: 0 auto;
  text-align: center;
  height: auto;
  max-width: 100%;
  min-height: 100% !important;
}

.banner-m {
  background: url(../images/meet-the-team-banner-img.jpg) center;
  padding: 190px 0 0;
  background-size: cover;
  float: left;
  height: 600px;
  width: 100%;
}

.video {
  text-align: center;
}

.banner-m h2 {
  background: rgba(0, 0, 0, 0.6);
  padding: 15px 20px;
  overflow: hidden;
}

.banner-m h2 {
  font-size: 40px;
  font-weight: 400;
  color: #fff;
  margin: 50px auto;
  font-family: "Fjalla One", sans-serif;
  display: table;
  text-transform: uppercase;
  text-align: center;
}
/* 
.banner29 {
    float: left;
    width: 100%;
    background: url(../images/apple-devices-cellphone-gadgets.jpg);
    height: 600px;
    background-position: center;
    text-align: center;
    padding: 140px 0 0 0;
    background-size: cover
}

.banner29 h1 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    margin: 15px auto;
    padding: 15px 20px;
    font-family: 'Fjalla One', sans-serif;
    display: table
}

.banner29 p {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    margin: 15px auto;
    padding: 15px 20px;
    font-family: 'Fjalla One', sans-serif;
    display: table
}

.banner29 h2 {
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    background: rgba(0, 0, 0, .6);
    margin: 15px auto;
    padding: 15px 20px;
    font-family: 'Fjalla One', sans-serif;
    display: table
} */
.banner16 {
  background: url(../images/Payment-Terminal-Hire_Header.jpg);
}
.banner30 {
  float: left;
  width: 100%;
  background: url(../images/Macbook_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 140px 0 0 0;
  background-size: cover;
}

.banner30 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner30 p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner30 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner31 {
  float: left;
  width: 100%;
  background: url(../images/Digital_Signage_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 100px 0 0 0;
  background-size: cover;
}

.banner31 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner31 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner32 {
  float: left;
  width: 100%;
  background: url(../images/Contact_Us_Header.jpg);
  height: 600px;
  background-position: center;
  text-align: center;
  padding: 195px 0 0 0;
  background-size: cover;
}

.banner32 h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner32 h2 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.banner-bot a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
  transition: 0.3s;
}

img.bba {
  margin: 5px auto;
  text-align: center;
  display: block;
  padding: 10px;
  width: 80%;
}

.banner-bot {
  float: left;
  width: 100%;
  background: #1e99d1;
  text-align: center;
  padding: 5px 35px;
}

.banner-bot a:hover {
  color: #000;
}

.audio-cont {
  float: left;
  width: 100%;
  padding: 40px 0;
  border-bottom: solid 1px #eae5e5;
}

.audio-cont img {
  width: 100%;
}

.aud-p {
  color: #333;
  font-size: 17px;
  line-height: 26px;
  margin: 10px 0 0 0;
}

.audio-cont h1 {
  font-weight: 700;
  font-size: 18px;
  color: #333;
  margin: 0 0 !important;
  line-height: 24px;
}

.audio-cont p {
  color: #7b7b7b;
  font-size: 17px;
  line-height: 26px;
  margin: 10px 0 0 0;
}

.box2 h4 {
  color: #3ab9b9;
  font-weight: 700;
  margin: 10px 0 10px 0;
  line-height: 24px;
}

.team-members .team-avatar:after {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: " ";
  position: absolute;
  background: rgba(129, 129, 129, 0.1);
  transition-duration: 0.3s;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

.pro-box2 span {
  color: #636363;
  font-size: 15px;
  text-align: left;
  line-height: 20px;
  float: left;
  width: 100%;
  padding: 10px 0;
}

.space50 {
  float: left;
  width: 100%;
  margin: 50px 0 0 0;
}

.space30 {
  float: left;
  width: 100%;
  margin: 30px 0 0 0;
}

.center-cont {
  float: left;
  width: 100%;
}

.pro-box2.mh400 {
  min-height: 420px;
}

.center-cont-left3 h1,
.center-cont-left3 h2,
.center-cont-left3 h3,
.center-cont-left3 h4 {
  color: #1e99d1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}

.center-cont-left h1,
.center-cont-lef h2,
.center-cont-lef h3,
.center-cont-lef h4,
.center-cont-lef h5 {
  color: #1e99d1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}

.center-cont-left {
  float: left;
  width: 100%;
  margin: 40px 0 0 0;
}

.center-cont-left p {
  font-size: 17px;
  line-height: 26px;
  padding: 10px 0 15px 0 !important;
}

.technology-check-area {
  float: left;
  width: 100%;
}

.technology-check-area h1 {
  font-weight: 700;
  font-size: 18px;
  color: #1e99d1;
  margin: 30px 0;
}

.technology-check-area span img {
  margin: 0 20px 0 0;
  width: 18px;
}

.technology-check-area span {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
}

.technology-check-area span a {
  color: #7b7b7b;
  font-weight: 700;
  font-size: 15px;
  transition: 0.5s;
}

.technology-check-area span a:hover {
  color: #f08100;
}

.technology-check-area2 {
  float: left;
  width: 100%;
}

.technology-check-area2 h1 {
  font-weight: 700;
  font-size: 18px;
  color: #1e99d1;
  margin: 30px 0 0 0;
}

.technology-check-area2 span img {
  margin: 0 15px 0 0;
  width: 18px;
}

.technology-check-area2 span {
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  font-weight: 500;
  color: #636363;
  font-size: 14px;
}

.technology-check-area2 p {
  font-size: 17px;
  line-height: 26px;
  margin: 10px 0 15px 0 !important;
}

.technology-check-area2 span a {
  color: #222;
  font-weight: 700;
  font-size: 15px;
  transition: 0.5s;
}

.contact-cont h1 {
  color: #1e99d1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}

.contact-inner p strong {
  color: #1e99d1;
}

.contact-cont-main {
  float: left;
  width: 100%;
}

.contact-cont {
  float: left;
  width: 100%;
  margin: 40px 0 0 0;
}

.contact-cont p {
  font-size: 17px;
  line-height: 26px;
  margin: 10px 0;
}

.center-cont-right {
  background: #eeeeef;
  margin: 20px 0 0 0;
  float: left;
  width: 100%;
  padding: 0 0 30px 0;
}

.contact-inner img {
  float: left;
  width: 100%;
}

.contact-inner {
  float: left;
  width: 100%;
  margin: 30px 0 0 0;
}

.contact-inner a {
  color: #333;
  font-weight: 700;
  font-size: 30px;
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  transition: 0.3s;
  text-transform: uppercase;
}

.contact-inner a:hover {
  color: #f08100;
}

.contact-inner p a {
  color: #636363;
  font-weight: 400;
  font-size: 15px;
  float: left;
  width: auto;
  margin: 0 0;
}

.contact-inner p {
  float: left;
  width: 100%;
  color: #636363;
  font-size: 15px;
  line-height: 25px;
  margin: 10px 0 0 0;
}

.step-one img {
  width: auto;
  margin: 0 auto;
}

.step-one {
  float: left;
  width: 100%;
  background: #1296d2;
  text-align: center;
}

.step-one h2,
.step-one h4 {
  background: #dadada;
  text-align: center;
  padding: 20px 0;
  color: #1e99d1;
  font-weight: 600;
  font-size: 20px;
}

form.home-form {
  float: left;
  width: 100%;
  padding: 0 25px;
}

form.home-form label {
  width: 100%;
  color: #636363;
  font-size: 15px;
  font-weight: 500;
  margin: 5px 3px !important;
  float: left;
  width: 100%;
}

form.home-form h2 {
  width: 100%;
  color: #636363;
  font-size: 15px;
  font-weight: 500;
}

form.home-form h4 {
  width: 100%;
  color: #636363;
  font-size: 15px;
  font-weight: 500;
}

input.fieldo {
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 3px;
  color: #545454;
  margin-top: 14px;
}

textarea.fieldo {
  float: left;
  width: 100%;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 3px;
  color: #545454;
  resize: none;
  height: 60px;
}

.space-border {
  border-top: 1px solid #444;
  margin-top: 20px;
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

input[type="checkbox"] {
  float: left;
}

.checks-cont {
  float: left;
  width: 100%;
  padding: 20px 10px;
}

.checks-cont label {
  float: left !important;
  width: auto !important;
  font-size: 11px !important;
  font-weight: 300 !important;
  margin: 5px 0 0 10px !important;
}

form.home-form img {
  width: auto;
}

.sbmt {
  background: #1296d2;
  color: #fff;
  padding: 8px 30px;
  margin-top: 20px;
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
}

.round-section img {
  width: 100%;
  margin: 0 0 30px 0;
}

.round-section {
  float: left;
  width: 100%;
}

.round-section h1 {
  font-weight: 700;
  font-size: 18px;
  color: #1e99d1;
  margin: 40px 0;
}

.round-section p {
  font-size: 17px;
  line-height: 26px;
  margin: 10px 0 0 0;
  float: left;
  width: 100%;
  color: #636363;
}

.box {
  float: left;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  border: solid 1px #bcbcbc;
  margin: 35px 0 0 0;
}

.box h2 {
  margin: 0;
  font-weight: 500;
  font-size: 26px;
  color: #636363;
}

.box p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  color: #636363;
  line-height: 40px;
  margin: 15px 0;
  min-height: 170px;
}

.box span {
  font-weight: 700;
  color: #1e99d1;
  font-size: 18px;
  text-transform: uppercase;
}

p.add-p {
  float: left;
  margin: 30px 0 0 0;
  border-bottom: solid 1px #eae5e5;
  padding-bottom: 30px;
}

.quote-cont {
  float: left;
  width: 100%;
}

.quote-cont img {
  width: 100%;
}

img.bbc {
  margin: 50px 0;
}

.cont-box img {
  width: 100%;
}

.cont-box {
  float: left;
  width: 100%;
}

.icon-cont {
  float: left;
  width: 100%;
  margin: 0 0 30px 0;
}

.cont-box p {
  font-size: 13px;
  text-align: center;
  color: #636363;
  margin: 20px 0 0 0;
  line-height: 18px;
}

.banner-bot2 a {
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 25px;
  transition: 0.3s;
}

.banner-bot2 {
  float: left;
  width: 100%;
  background: #1e99d1;
  text-align: center;
  padding: 10px 25px;
}

.modal-body {
  position: relative;
  padding: 0;
}

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top i {
  color: #fff;
  margin: 0;
  position: relative;
  left: 16px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#return-to-top:hover {
  background: rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
  color: #fff;
  top: 5px;
}

.cont-input {
  float: right;
  width: 320px;
  position: absolute;
  right: 0;
  top: 64px;
  background: #fff;
  padding: 10px;
  display: none;
  z-index: 9999;
}

.cont-input input {
  float: left;
  border: solid 1px #ccc;
  padding: 10px;
  margin: 0 10px 0 0;
}

.cont-input button {
  float: left;
  background: #f08100;
  color: #fff;
  border: none;
  padding: 11px 20px;
}

.sub-menu2 {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  width: 600px;
  background: #f1f1f1;
  transform: translateY(-2em);
  z-index: -1;
  transition: 0.3s;
  padding: 5px 0 5px 0;
}

ul.sub-menu2 li a {
  color: #555;
  font-size: 14px;
  font-weight: 500;
}

ul.sub-menu2 li a:hover {
  color: #5fc4f2;
}

ul.sub-menu2 li {
  line-height: 32px;
  margin: 0;
  padding: 5px 0 5px 15px !important;
  width: 33%;
  float: left;
}

.sub-menu-parent2:focus .sub-menu2,
.sub-menu-parent2:focus-within .sub-menu2,
.sub-menu-parent2:hover .sub-menu2 {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  transition-delay: 0s, 0s, 0.3s;
}

.changecolor {
  position: fixed;
  float: left;
  width: 100%;
  background: #fff;
  z-index: 9;
  top: 0;
}

#menulink {
  background: #211d2f;
  position: fixed;
  right: 15px;
  z-index: 9999;
  top: 45px;
  padding: 0 3px;
  display: none;
}

#left-menu {
  width: 200px;
  height: 100%;
  position: fixed;
  background: #1e99d1;
  margin-left: -200px;
  z-index: 999999999;
  overflow: scroll;
}

#left-menu ul {
  margin: 0;
  padding: 0 0;
  width: 100%;
  list-style: none;
}

#left-menu ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 12px 10px;
  text-transform: uppercase;
  border-bottom: solid 1px #fff;
}

#left-menu ul li a:hover {
  background: #000;
}

.drop-open1 {
  display: none;
}

ul.drop-open1 li a {
  font-size: 12px;
  padding: 5px 10px !important;
}

.drop-open2 {
  display: none;
}

ul.drop-open2 li a {
  font-size: 12px;
  padding: 5px 10px !important;
}

.drop-open3 {
  display: none;
}

ul.drop-open3 li a {
  font-size: 12px;
  padding: 5px 10px !important;
}

.modal-dialog {
  margin: 100px auto;
}

.close {
  float: right;
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: none;
  opacity: 1;
  position: absolute;
  right: 10px;
}

.round-section h2 {
  color: #1e99d1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
  margin: 30px 0 0 0;
}

.box1 {
  float: left;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  border: solid 1px #bcbcbc;
  margin: 35px 0 0 0;
}

.box1 img {
  width: 100px;
  height: 86px;
  margin: 0 0 10px 0;
}

.box1 h2 {
  margin: 0;
  font-weight: 700;
  font-size: 22px;
  color: #636363;
  font-family: "Fjalla One", sans-serif;
}

.box1 p {
  margin: 0;
  font-weight: 400;
  font-size: 12px;
  color: #636363;
  line-height: 26px;
  margin: 15px 0;
  min-height: 110px;
  padding: 0 10px;
}

.product-cont {
  float: left;
  width: 100%;
  margin: 0 0 70px 0;
}

.pro-box {
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
  text-align: center;
}

.pro-box img {
  max-width: 100%;
  transition: all 0.3s;
  height: 100%;
  max-height: 300px;
}

.pro-box p {
  font-size: 16px;
  font-weight: 400;
  text-align: left;
  margin: 15px 0 0 0;
}

.box2 {
  float: left;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  border: solid 1px #bcbcbc;
  margin: 35px 0 0 0;
}

.box2 img {
  width: auto;
  height: auto;
  margin: 0 0 10px 0;
}

.box2 p {
  margin: 0;
  font-weight: 400;
  font-size: 16px;
  color: #636363;
  line-height: 26px;
  margin: 15px 0;
  min-height: 100px;
  padding: 0 10px;
}

.box3 {
  float: left;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  border: solid 1px #bcbcbc;
  margin: 35px 0 0 0;
  min-height: 340px;
}

.box3 h1 {
  margin: 10px 0 20px 0;
  font-weight: 700;
  font-size: 24px;
  color: #636363;
  font-family: "Fjalla One", sans-serif;
}

.box3 h2 {
  margin: 0 0 12px 0;
  font-weight: 700;
  font-size: 24px;
  line-height: 27px;
  color: #636363;
  font-family: "Fjalla One", sans-serif;
  letter-spacing: 1px;
}

.box3 img {
  width: 100%;
  height: 276px;
}

.box3 p {
  margin: 0;
  font-weight: 400;
  font-size: 17px;
  color: #908d8d;
  line-height: 26px;
  margin: 0 0 10px 0;
  padding: 0 40px;
}

.img-padding {
  padding: 30px !important;
}

.box3-img img {
  width: 100%;
  height: 100%;
}

.box3-img {
  float: left;
  width: 100%;
  margin: 35px 0 0 0;
}

.quote-cont p {
  font-size: 17px;
  line-height: 26px;
  color: #333;
}

.tick-ico {
  float: left;
  margin: 20px 0 0 0;
  width: 100%;
}

.tick-ico span {
  font-weight: 600;
  font-size: 15px;
  color: #636363;
}

.tick-ico img {
  width: 20px;
  margin: 0 20px 0 0;
}

.box4 {
  float: left;
  text-align: center;
  width: 100%;
  padding: 20px 0;
  border: solid 1px #bcbcbc;
  margin: 35px 0 0 0;
  min-height: 380px;
}

.box4 h2 {
  margin: 10px 0 20px 0;
  font-weight: 700;
  font-size: 24px;
  color: #636363;
  font-family: "Fjalla One", sans-serif;
}

.box4 p {
  margin: 0;
  font-weight: 400;
  font-size: 17px;
  color: #908d8d;
  line-height: 26px;
  margin: 0 0 10px 0;
  padding: 0 40px;
}

p.height-set {
  min-height: 100px;
}

ul.list li {
  list-style-position: inside;
  font-size: 17px;
  line-height: 26px;
}

ul.list {
  float: left;
  width: 100%;
}

a.apply {
  background: #1296d2;
  float: left;
  margin: 20px 0;
  padding: 15px 30px;
  color: #fff;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 16px;
  border: none;
  border-radius: 7px;
  transition: 0.5s;
}

a.apply:hover {
  background: #f08100;
}

.offer-main {
  float: left;
  width: 100%;
  background: #34bfbb;
  padding: 50px 0;
}

.offer-inner {
  border: 10px solid #fff;
  float: left;
  width: 100%;
  padding: 40px 20px;
  margin: 30px 0;
}

.offer-form {
  float: left;
  width: 100%;
  text-align: center;
}

.offer-form h1 {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding: 40px 0;
  text-align: left;
  float: left;
  width: 100%;
}

.offer-form label {
  float: left;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  font-size: 15px;
  margin: 0 0 10px 0;
}

.offer-form input {
  float: left;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  margin: 0 0 10px 0;
  padding: 10px 10px;
  color: #000;
}

.sbmt2 {
  background: #f08100;
  float: left;
  margin: 20px 0 50px 0;
  padding: 15px 30px;
  color: #fff;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 16px;
  border: none;
  border-radius: 7px;
  transition: 0.5s;
}

.terms {
  float: left;
  width: 100%;
}

.terms h1 {
  float: left;
  width: 100%;
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.terms p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin: 10px 0 0 0;
  float: left;
  width: 100%;
}

.search {
  background: #1e99d1;
  padding: 25px 20px !important;
  float: left;
}

.pro-box2 h2,
.pro-box2 h4 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 20px 0;
  color: #000000b5;
}

.pro-box2 h1 {
  font-size: 18px;
  font-weight: 700;
  text-align: left;
  margin: 20px 0;
  text-transform: uppercase;
  line-height: 1.2;
}

.pro-box2 p {
  color: #636363;
  font-size: 13px;
  text-align: left;
  position: relative;
  padding: 5px 0 5px 50px;
  line-height: 20px;
  float: left;
  width: 100%;
}

.pro-box2.mh400 span {
  text-align: left;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  line-height: 20px;
  color: #545454;
}

.pro-box2 p::before {
  content: url(../images/tick-green.png);
  position: absolute;
  left: 0;
}

.border-bot {
  float: left;
  width: 100%;
  border: solid 0.5px #eae5e5;
  margin: 20px 0 0 0;
}

.pro-box2.set-pro-box-height {
  min-height: 590px;
}

.box1 h6 {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  color: #939393;
  margin: 10px 0 0 0;
}

.box1 h5 {
  color: #46b9b9;
  font-size: 12px;
  font-weight: 900;
}

#sample img {
  width: 30px;
}

.dropdown dt a span {
  cursor: pointer;
  display: block;
  padding: 5px;
}

.dropdown a,
.dropdown a:visited {
  color: #fff;
  text-decoration: none;
  outline: 0;
}

.dropdown dd,
.dropdown dt,
.dropdown ul {
  margin: 0;
  padding: 0;
  z-index: 999;
}

#sample {
  margin-bottom: -5px;
  margin-top: -6px;
  position: relative;
  left: 50px;
}

.head-1 h2 {
  color: #000;
  font-size: 20px;
  padding: 25px 0 25px 0;
}

.country {
  float: left;
  width: 100%;
  background: #fff;
}

.flag img {
  margin: 15px 0 0 0;
  border: 1px solid #ddd;
}

.top-bar a {
  color: #fff;
  font-size: 13.4px;
  line-height: 17px;
  font-weight: 400;
}

.border-r2 {
  right: 5px;
  padding: 0 0 0 3px;
}

.dropdown dt a span {
  cursor: pointer;
  display: block;
  padding: 5px;
}

.dropdown dt a {
  background: #1e99d1
    url(https://oneworldrental.ae/assets/front_assets/assets/images/arrow.png)
    no-repeat scroll right center;
  display: block;
  padding-right: 0;
  border: 1px solid #1e99d1;
  width: 60px;
  font-size: 13px;
}

.sub-menu-parent2:focus .sub-menu2,
.sub-menu-parent2:hover .sub-menu2 {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  transition-delay: 0s, 0s, 0.3s;
}

.sub-menu-parent1:focus .sub-menu1,
.sub-menu-parent1:hover .sub-menu1 {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  transition-delay: 0s, 0s, 0.3s;
}

.sub-menu-parent:focus .sub-menu,
.sub-menu-parent:hover .sub-menu {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: translateY(0);
  transition-delay: 0s, 0s, 0.3s;
}

a {
  color: #1e99d1;
  text-decoration: none;
}

.progress-container {
  background: #fff;
  bottom: 0;
  height: 5px;
  left: 0;
  position: absolute;
  width: 100%;
}

.progress-bar {
  height: 5px;
  background: #1e99d1;
  width: 0%;
}

.content {
  padding: 100px 0;
  margin: 50px auto 0 auto;
  width: 80%;
}

.center-cont h5 {
  font-size: 20px;
  color: #0092d1;
  text-align: center;
  line-height: 32px;
  font-weight: 700;
  padding: 0;
}

.portfolio {
  background: url(assets/images/portfoliobg.jpg) center top no-repeat;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100%;
  overflow: hidden;
}

.portfolio_content {
  padding-bottom: 120px;
  display: inline-block;
}

.portfolio .portfolio_content .head_title h3 {
  color: #000;
}

.portfolio .portfolio_content .head_title h4 {
  color: #000;
}

.single_portfolio_text {
  display: inline-block;
  padding: 5px 5px 10px 5px;
  position: relative;
  overflow: hidden;
}

.single_portfolio_text img {
  width: 95%;
  height: 245px;
  padding: 10px 0 0 0;
}

.single_portfolio_text:hover .portfolio_images_overlay {
  top: 0;
  left: 0;
}

.portfolio_images_overlay {
  width: 92.5%;
  height: 90%;
  background: rgba(0, 0, 0, 0.5);
  padding: 5px 5px 10px 5px;
  top: 0;
  margin: 15px 0 0 6px;
  left: -100%;
  position: absolute;
  transition: 0.9s;
}

.portfolio_images_overlay h6 {
  text-transform: uppercase;
  color: #fff;
  font-size: 2rem;
  line-height: 2.575rem;
  font-weight: 500;
  margin-bottom: 1rem;
  margin-top: 10rem;
}

.portfolio_images_overlay p.product_price {
  font-size: 2.5725rem;
  color: #fff;
  line-height: 3rem;
}

.portfolio_images_overlay .btn {
  margin-top: 25px;
}

@media (min-width: 769px) and (max-width: 991px) {
  .portfolio_images_overlay {
    padding: 0;
  }
}

@media (max-width: 768px) {
  .portfolio_images_overlay {
    padding: 170px 20px;
  }
}

@media (max-width: 580px) {
  .portfolio_images_overlay {
    padding: 100px 20px;
  }
}

@media (max-width: 480px) {
  .portfolio_images_overlay {
    padding: 40px 20px;
  }
  .cta-banner h2 {
    font-size: 25px !important;
  }

  .faq_accordion .panel-group {
    padding: 30px 10px !important;
  }
  .diver-vimeo-player iframe {
    height: 200px !important
        ;
  }
  .row.secondmobilesapce {
    margin-top: 25px;
  }

  .commonbannerwifi.imacrentalbanner {
    height: 700px;
  }

  .row.side-icon {
    text-align: center;
  }
  .row.side-icon .row {
    align-items: center;
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 320px) {
  .portfolio_images_overlay {
    padding: 20px;
  }
}

.space-10 {
  float: left;
  width: 100%;
  padding: 115px 0 0 0;
}

.sbmt {
  background: #1e99d1;
  color: #fff !important;
  padding: 12px 25px;
  margin-top: 20px;
  border: 1px solid;
  border-color: #1e99d1;
  border-radius: 3px;
  font-size: 20px;
}

.sbmt4:hover {
  background: #ea5441;
  transition: 0.3s;
  border-color: #ea5441;
}

.new- {
  float: left;
  width: 100%;
}

.sbmt4 {
  background: #1e99d1;
  color: #fff !important;
  padding: 10px 0;
  margin-top: 25px;
  border: 1px solid;
  border-color: #1e99d1;
  text-align: center;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 500;
  margin: 15px 10px;
}

.hovereffect {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
  top: 4px;
  margin: 20px 0 0;
}

.hovereffect .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
}

.hovereffect img {
  display: block;
  height: 200px !important;
  width: 400px;
  position: relative;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}

.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1) blur(3px);
  -webkit-filter: grayscale(1) blur(3px);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-size: 17px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.6);
}

.hovereffect a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  border: 1px solid #fff;
  margin: 50px 0 0 0;
  background-color: transparent;
}

.hovereffect a.info:hover {
  box-shadow: 0 0 5px #fff;
}

.caret.new {
  margin: -15px 10px 0 0;
  float: right;
}

.hovereffect a.info,
.hovereffect h2 {
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0;
  color: #fff;
  text-transform: uppercase;
}

.hovereffect:hover a.info,
.hovereffect:hover h2 {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.font-h2-18 {
  font-weight: 700 !important;
  font-size: 18px !important;
}

.font-h2-26 {
  font-weight: 500 !important;
  font-size: 26px !important;
  margin: 0 !important;
}

.font-h2-24 {
  font-weight: 700 !important;
  font-size: 24px !important;
  margin: 0 !important;
}

.font-h2-30 {
  font-weight: 700 !important;
  font-size: 30px !important;
  margin: 0 !important;
}

.custom-small-15 {
  width: 100%;
  font-size: 15px !important;
  font-weight: 500;
  margin: 0 !important;
}

.box1 h2 {
  margin: 0;
  font-weight: 700;
  font-size: 22px;
  color: #636363;
  font-family: "Fjalla One", sans-serif;
  line-height: 1.2;
}

.box1 h1 {
  margin: 0;
  font-weight: 700;
  font-size: 22px;
  color: #636363;
  font-family: "Fjalla One", sans-serif;
  line-height: 1.2;
}

.bellow-color {
  color: #1e99d1 !important;
}

.black-color {
  color: #1e99d1 !important;
}

.gery-color {
  color: #636363 !important;
}

.margin-top-30 {
  margin: 30px 0 !important;
}

.margin-bottom-30 {
  margin: 30px 0 0 !important;
}

.margine-0 {
  margin: 0 auto !important;
}

.banner7 h2,
.banner7 p {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}

.font-h2-14 {
  font-size: 14px;
  display: inline-table;
  font-weight: 700;
}

.offer-main {
  float: left;
  width: 100%;
  background: #34bfbb;
  padding: 50px 0;
}

.offer-inner {
  border: 10px solid #fff;
  float: left;
  width: 100%;
  padding: 40px 20px;
  margin: 30px 0;
}

.offer-form {
  float: left;
  width: 100%;
  text-align: center;
}

.offer-form h1 {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding: 40px 0;
  text-align: left;
  float: left;
  width: 100%;
}

.offer-form label {
  float: left;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  font-size: 15px;
  margin: 0 0 10px 0;
}

.offer-form input {
  float: left;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  margin: 0 0 10px 0;
  padding: 10px 10px;
  color: #000;
}

.sbmt2 {
  background: #f08100;
  float: left;
  margin: 20px 0;
  padding: 15px 30px;
  color: #fff;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 16px;
  border: none;
  border-radius: 7px;
  transition: 0.5s;
}

.terms {
  float: left;
  width: 100%;
}

.terms h1 {
  float: left;
  width: 100%;
  color: #333;
  font-size: 18px;
  font-weight: 700;
}

.terms p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin: 10px 0 0 0;
  float: left;
  width: 100%;
}

.pro-box2 {
  float: left;
  width: 100%;
  margin-bottom: 40px;
  text-align: center;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  transition: 0.8s ease all;
  padding: 15px;
}

.cart-n h1 {
  text-align: center;
  padding: 10px 0 10px 0 !important;
  font-weight: 400;
}

.border {
  border: 1px solid #eee;
  width: 100%;
  margin: 35px auto;
  float: left;
}

.left-css label {
  padding: 9px 0 0 0;
  font-size: 16px;
  float: left;
}

.pro-box4 h1 {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  margin: 20px 0;
  text-transform: uppercase;
}

.left-css {
  padding: 0;
  width: 70%;
  margin: 3px auto;
  position: relative;
  top: 28px;
}

.left-css2 {
  width: 100% !important;
}

.pro-box2 img {
  max-width: 100%;
  height: 100%;
  max-height: 210px;
  min-height: 210px;
  margin: 0 0 5px 0;
}

.pro-box2 h1 {
  font-size: 16px;
  font-weight: 700;
  text-align: left;
  margin: 20px 0;
  text-transform: uppercase;
}

.pro-box2 p {
  color: #636363;
  font-size: 13px;
  text-align: left;
  position: relative;
  padding: 5px 0 5px 30px;
  padding: 5px 0 5px 30px;
  line-height: 20px;
  float: left;
  width: 100%;
  font-weight: 400;
}

.pro-box4 img {
  max-width: 100%;
  height: 100%;
  max-height: 240px;
  min-height: 240px;
  margin: 0 auto;
  display: block;
}

.pro-box4 h1 {
  font-size: 16px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 10px 0 0;
  text-transform: uppercase;
}

.pro-box4 p {
  color: #636363;
  font-size: 14px;
  text-align: center;
  position: relative;
  padding: 0 18px;
  line-height: 22px;
  float: left;
  width: 100%;
}

.pro-box2.mh400 span {
  text-align: left;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  line-height: 20px;
  color: #545454;
}

.pro-box2 p::before {
  content: url(../images/tick-green.png);
  position: absolute;
  left: 0;
  margin: -3px 0 0 0;
}

.border-bot {
  float: left;
  width: 100%;
  border: solid 0.5px #eae5e5;
  margin: 20px 0 0 0;
}

.pro-box2.set-pro-box-height {
  min-height: 590px;
}

.box1 h6 {
  margin: 0;
  font-weight: 600;
  font-size: 26px;
  color: #939393;
  margin: 30px 0 0 0;
}

p.f-weight {
  font-weight: 600;
  color: #0096d0;
}

.box3 h1 {
  color: #1e99d1 !important;
  text-align: left;
}

.box3 h2 {
  color: #1e99d1 !important;
  text-align: center;
}

.box3 h3 {
  color: #1e99d1 !important;
  text-align: left;
}

.box3 h4 {
  color: #1e99d1 !important;
  text-align: left;
}

.box3 h5 {
  color: #1e99d1 !important;
  text-align: left;
}

.box3 h6 {
  color: #1e99d1 !important;
  text-align: left;
}

p strong {
  color: #0096d0;
  font-weight: 500;
}

a {
  color: #0096d0;
  text-decoration: none;
}

.center-cont-left p strong a {
  text-decoration: underline !important;
}

.audio-cont p strong a {
  text-decoration: none !important;
}

span.bfh-selectbox-option {
  color: #000;
}

.bfh-selectbox {
  height: 0;
  position: relative;
  margin: -8px 0 0 0;
}

.bfh-selectbox .bfh-selectbox-options {
  margin: 35px 0 0 !important;
}

#sample {
  margin-bottom: -5px;
  margin-top: -6px;
  position: relative;
  left: 50px;
}

.dropdown dd,
.dropdown dt,
.dropdown ul {
  margin: 0;
  padding: 0;
  z-index: 999;
}

.dropdown dd {
  position: relative;
}

.dropdown a,
.dropdown a:visited {
  color: #fff;
  text-decoration: none;
  outline: 0;
}

.dropdown a:hover {
  color: #fff;
}

.dropdown dt a:hover {
  color: #fff;
  border: 1px solid #1e99d1;
}

.dropdown dt a {
  background: #083a57
    url(https://oneworldrental.com.au/assets/front/front_assets/assets/images/arrow.png)
    no-repeat scroll right center;
  display: block;
  padding-right: 0;
  border: 1px solid #083a57;
  width: 60px;
  font-size: 13px;
}

.dropdown dd ul {
  display: none !important;
}

.dropdown dt a span {
  cursor: pointer;
  display: block;
  padding: 5px;
}

.dropdown dd ul {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #fff;
  color: #000;
  padding: 5px 0;
  position: absolute;
  top: 2px;
  width: 100%;
  list-style: none;
}

.dropdown span.value {
  display: none;
}

.dropdown dd ul li a {
  padding: 5px;
  display: block;
  color: #000 !important;
}

.dropdown dd ul li a:hover {
  background-color: #0096d0;
}

.dropdown img.flag {
  border: medium none;
  float: left;
  margin: 2px 5px 0 0;
  vertical-align: middle;
}

.flagvisibility {
  display: block;
}

.border-r2 {
  right: 5px;
  padding: 0 0 0 10px;
}

.abs-img2 img {
  float: left;
  position: absolute;
  margin: -15px 0 0 -194px !important;
  width: 50px;
}

.box12 {
  float: left;
  text-align: center;
  width: 95%;
  padding: 30px 0;
  border: solid 3px #1e99d1;
  margin: 30px 0 0 0;
}

.box12 h1 {
  margin: 0;
  font-weight: 500;
  font-size: 21px;
  color: #1e99d1 !important;
  font-family: "Fjalla One", sans-serif;
  text-align: left;
}

.box12 h2 {
  margin: 0;
  font-weight: 500;
  font-size: 21px;
  color: #1e99d1 !important;
  font-family: "Fjalla One", sans-serif;
  text-align: left;
}

.box12 h3 {
  margin: 0;
  font-weight: 500;
  font-size: 21px;
  color: #1e99d1 !important;
  font-family: "Fjalla One", sans-serif;
  text-align: left;
}

.box12 h4 {
  margin: 0;
  font-weight: 500;
  font-size: 21px;
  color: #1e99d1 !important;
  font-family: "Fjalla One", sans-serif;
  text-align: left;
}

.box12 h5 {
  margin: 0;
  font-weight: 500;
  font-size: 21px;
  color: #1e99d1 !important;
  font-family: "Fjalla One", sans-serif;
  text-align: left;
}

.pro-box4 {
  float: left;
  width: 100%;
  padding: 10px 0 25px 0;
}

.btn-n a,
.submit-btn {
  padding: 14px 40px 15px 40px;
  font-weight: 700;
  background: #1e99d1;
  border-color: #1e99d1;
  color: #fff;
  margin: 30px auto;
  display: block;
  border: 1px solid transparent;
  border-radius: 3px;
  width: 150px;
}

.pro-box6 h1 {
  font-size: 16px;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 10px 0 0;
  text-transform: uppercase;
}

.pro-box6 img {
  max-width: 100%;
  height: 100%;
  max-height: 240px;
  margin: 0 auto;
  display: block;
}

.bottom-bar {
  float: left;
  width: 100%;
  padding: 0 0 10px 0;
}

.bottom-bar p {
  font-size: 18px;
  text-align: center;
  padding: 5px 0 5px 0;
}

.panel-heading {
  padding: 0;
}

.panel-body {
  padding: 0;
}

.abs-img3 img {
  float: left;
  position: absolute;
  margin: -15px 0 0 -148px !important;
  width: 50px;
}

.center {
  float: none;
  display: block;
  margin: 0 auto;
}

.cart {
  float: left;
  width: 100%;
}

.cart p {
  text-align: center;
  font-size: 23px;
  padding: 25px 0 50px 0;
  font-weight: 200;
}

.cart h1 {
  text-align: center;
  padding: 70px 0 15px 0 !important;
}

.mdl-button--raised {
  background: rgba(159, 159, 159, 0.9) none repeat scroll 0 0;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #fff;
}

.quantity {
  float: left;
  margin-right: 15px;
  background-color: #eee;
  position: relative;
  width: 80px;
  overflow: hidden;
}

.quantity input {
  margin: 0;
  text-align: center;
  width: 15px;
  height: 15px;
  padding: 0;
  float: right;
  color: #000;
  font-size: 20px;
  border: 0;
  outline: 0;
  background-color: #f6f6f6;
}

.quantity input.qty {
  position: relative;
  border: 0;
  width: 100%;
  height: 40px;
  padding: 10px 25px 10px 10px;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  border-radius: 0;
  background-clip: padding-box;
}

.quantity .minus,
.quantity .plus {
  line-height: 0;
  background-clip: padding-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-background-size: 6px 30px;
  -moz-background-size: 6px 30px;
  color: #bbb;
  font-size: 20px;
  position: absolute;
  height: 50%;
  border: 0;
  right: 0;
  padding: 0;
  width: 25px;
  z-index: 3;
}

.quantity .minus:hover,
.quantity .plus:hover {
  background-color: #dad8da;
}

.quantity .minus {
  bottom: 0;
}

.mdl-button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  border-radius: 2px;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  height: 36px;
  letter-spacing: 0;
  line-height: 36px;
  min-width: 64px;
  outline: 0 none;
  overflow: hidden;
  padding: 0 8px;
  position: relative;
  text-align: center;
  transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s,
    background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s,
    color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
  will-change: box-shadow, transform;
}

.table-striped > tbody > tr {
  background-color: none !important;
}

.table-bordered {
  border: 0 solid #ddd !important;
}

.product-image {
  float: left;
  width: 20%;
}

.product-details {
  float: left;
  width: 40%;
}

.product-price {
  float: left;
  width: 12%;
}

.product-quantity {
  float: left;
}

.product-removal {
  float: left;
}

.product-line-price {
  float: left;
  width: 12%;
  text-align: right;
}

.column-labels:after,
.column-labels:before,
.group:after,
.group:before,
.product:after,
.product:before,
.shopping-cart:after,
.shopping-cart:before,
.totals-item:after,
.totals-item:before {
  content: "";
  display: table;
}

.column-labels:after,
.group:after,
.product:after,
.shopping-cart:after,
.totals-item:after {
  clear: both;
}

.column-labels,
.group,
.product,
.shopping-cart,
.totals-item {
  zoom: 1;
}

.product .product-line-price:before,
.product .product-price:before,
.totals-value:before {
  content: "$";
}

label {
  color: #aaa;
}

.shopping-cart {
  margin-top: -45px;
}

.column-labels label {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}

.product-quantity.lft {
  text-align: right !important;
}

.product {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
}

.product .product-image {
  text-align: center;
}

.product-title {
  color: #2e3b4e;
  padding: 8px 0 0 0;
  font-size: 15px;
}

.product .product-image img {
  width: 100px;
}

.ggg {
  float: right;
  font-size: 14px;
  margin: -15px 0 0 0;
  text-transform: uppercase;
}

form.home-form2 {
  float: left;
  width: 100%;
}

.fff {
  color: #2e3b4e;
  font-weight: 400;
  font-size: 24px;
  margin: 0 0;
}

.product .product-details .product-description {
  margin: 5px 20px 5px 0;
  line-height: 1.4em;
  color: #636363;
}

.product .product-quantity input {
  float: right;
  border: 1px solid;
  height: 40px;
  width: 65px;
  padding: 14px;
  border-color: #969799;
  border-radius: 3px;
}

.product .remove-product {
  padding: 8px 10px;
  color: #969799;
  font-family: HelveticaNeue-Medium, "Helvetica Neue Medium";
  border-radius: 20px;
  border: 1px solid #969799;
  background: no-repeat;
}

.totals .totals-item {
  float: right;
  clear: both;
  width: 100%;
  margin-bottom: 10px;
}

.totals .totals-item label {
  float: left;
  clear: both;
  width: 79%;
  text-align: right;
}

.totals .totals-item .totals-value {
  float: right;
  width: 21%;
  text-align: right;
}

.totals .totals-item-total {
  font-family: HelveticaNeue-Medium, "Helvetica Neue Medium";
}

.checkout {
  float: right;
  border: 0;
  margin-top: 20px;
  padding: 6px 25px;
  background-color: #6b6;
  color: #fff;
  font-size: 25px;
  border-radius: 3px;
}

.checkout:hover {
  background-color: #494;
}

.mdl-button--raised.addtoca {
  background: #0985d8;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
  color: #fff;
  font-size: 13px;
  height: 38px;
  line-height: 38px;
  width: 100%;
}

form.home-form h4 {
  color: #636363;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
}

.step-one h5 {
  background: #dadada none repeat scroll 0 0;
  color: #1e99d1;
  font-size: 20px;
  font-weight: 600;
  padding: 20px 0;
  text-align: center;
}

.contact-inner p {
  font-size: 14px;
  line-height: 20px;
}

.contact-inner a {
  color: #093a56;
}

.apac-offices,
.european-offices {
  background: #f5f5f5;
  padding-top: 50px;
  padding-bottom: 50px;
}

.middle-east-offices,
.usa-offices {
  padding-top: 50px;
  padding-bottom: 50px;
}

p.region-title {
  text-align: center;
  color: #0193d1;
  font-size: 24px;
  font-weight: 500;
}

.new-contact-wrapper .contact-inner {
  text-align: center;
}

.new-contact-wrapper .contact-inner .contact-image {
  text-align: center;
  display: inline-block;
}

.big-contact-img .contact-image img {
  border-radius: 100%;
  height: 200px;
  width: 200px;
  margin: 0 auto;
}

.new-contact-wrapper .contact-inner p a {
  float: none;
  font-size: 14px;
  text-transform: lowercase;
}

.small-contact-img .contact-image img {
  height: 150px !important;
  width: 150px !important;
  border-radius: 100%;
  margin: 0 auto;
}

.middle-east-offices .row {
  display: flex;
  justify-content: center;
}

.contact-information {
  margin-top: 20px;
  display: inline-block;
}

.contact-information p {
  margin-top: 8px;
  line-height: 1;
}

.contact-information p a span {
  color: #1e99d1;
}

p.contact-address {
  height: 80px;
}

.pro-box2 a {
  color: #000000b5;
}

.pro-box a {
  color: #000000b5;
}

.pro-box3 a {
  color: #000000b5;
}

.box-b {
  margin: 0 auto;
  display: flex;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 20%;
  flex-wrap: wrap;
}

.center-cont-left2 h2,
.center-cont-left2 h3 {
  color: #1e99d1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}

.pro-box2 h6 {
  font-size: 17px;
  font-weight: 700;
  margin: 20px 0;
  color: #000000b5;
  line-height: 1.1;
  text-align: center;
}

.pro-box2 h3 {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  margin: 20px 0;
  color: #1e99d1;
  line-height: 1.2;
}

.step-one h4 {
  background: #dadada;
  text-align: center;
  padding: 20px 0;
  color: #1e99d1;
  font-weight: 600;
  font-size: 20px;
}

form.home-form h4 {
  width: 100%;
  font-weight: 500;
  color: #636363 !important;
  font-size: 15px !important;
  line-height: 1.1;
}

.head-1 h4 {
  color: #000;
  font-size: 20px;
  padding: 25px 0 25px 0;
}

.seo h3 {
  color: #1e99d1 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
}

.header {
  float: none;
}

.cont-box p {
  font-size: 16px !important;
  text-align: center;
  color: #636363;
  font-weight: 400;
  margin: 15px 0 0 0;
  line-height: 18px;
  padding: 15px 20px 0 20px !important;
  font-weight: 400;
}

.box-3 {
  min-height: 265px;
}

.box-3 h4 {
  color: #3fa5d5;
  text-align: left;
  padding: 0 10px;
  font-size: 18px;
  font-weight: 700;
  margin: 10px 0;
}

.box-3 p {
  min-height: auto;
  text-align: left;
}

.box-3 p {
  min-height: auto;
}

.crc p::before {
  content: "";
  background: url("../images/tick-green.png");
  position: absolute;
  left: -4px;
  top: 7px;
  display: none;
}

.header-text h5 {
  font-size: 42px;
  display: inline-block;
  color: #e36c0a;
  background: rgba(0, 0, 0, 0.6);
  font-family: "Fjalla One", sans-serif;
  padding: 5px 20px;
}

@media screen and (max-width: 600px) {
  .carousel-inner > .item > a > img,
  .carousel-inner > .item > img {
    line-height: 1;
    background-size: cover;
    height: 200px;
  }

  .header-text {
    height: 200px;
  }

  .header-text h1,
  .header-text h2,
  .header-text h5 {
    font-size: 18px;
    padding-top: 15px;
  }
}

/*product-detial*/
.pro-banner {
  background: url(../images/banner2.jpg) center;
  padding: 185px 0 0;
  background-size: contain;
  height: 616px;
  background-repeat: no-repeat;
  background-position: top center;
}

.banner-img img {
  width: 100%;
}

.productdetial-main {
  padding: 50px 0;
}

.productdetial-info {
}

.productdetial-info h2 {
  text-transform: capitalize;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #1e99d1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}

.productdetial-info ul {
  padding: 0;
  margin-top: 23px;
}

.productdetial-info ul li {
  list-style-type: none;
  color: #000;
  font-size: 15px;
  padding-bottom: 12px;
  position: relative;
  padding-left: 6%;
}

.productdetial-info ul li img {
  width: 18px;
  position: absolute;
  left: 0;
  top: -4px;
}

section.productdetial-main .carousel-inner > .item > img {
  height: auto;
}

.productdetial-info ul li i {
  color: #ecb21d;
  font-size: 16px;
}

.productdetial-info ul li.r1 {
  border-left: 1px solid #999999;
}

.productdetial-info ul li h6 {
  font-family: "Roboto", sans-serif;
  color: #999999;
  font-size: 14px;
  font-weight: 400;
}

.productdetial-info ul li h6 dd {
  display: inline;
  padding-right: 8px;
  padding-left: 13px;
}

.productdetial-info h4 {
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  margin: 15px 0;
}

.productdetial-info h4 span {
  color: #999999;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
}

.productdetial-info h4 span.line {
  text-decoration: underline;
}

.productdetial-info p {
  color: #999999;
  font-size: 15px;
  line-height: 27px;
}

.productdetial-info a.btn {
  margin-top: 17px;
  padding: 10px 30px;
  font-size: 16px;
  text-transform: uppercase;
  display: block;
}

.detail-info {
  margin-bottom: 50px;
}

.detail-info h2 {
  margin: 30px 0px;
  text-transform: uppercase;
}

.productdetial-main img {
  width: 100%;
}

.padding-80 {
  padding: 80px 0;
}

.about-content h2 {
  text-transform: capitalize;
  padding-bottom: 10px;
  padding-top: 10px;
  color: #1e99d1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}

.about-content p {
  color: #999999;
  font-size: 15px;
  line-height: 27px;
}

.banner-pro {
  background: url(../images/banner2.jpg) center;
  padding: 185px 0 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #fff;
  height: 611px;
}

.about-content h1 {
  color: #1e99d1;
  font-size: 38px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 45px;
  padding: 0;
}

.productdetial-box {
  border: 1px solid #cfcfcf;
  padding: 10px;
}

.productdetial-info ul.btis-ul {
}

.productdetial-info ul.btis-ul li img {
  display: none;
}

.productdetial-info ul.btis-ul li:after {
  content: "";
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 4px;
  background-color: rgba(0, 0, 0, 0.83);
  border-radius: 100%;
  border: 1px solid #000;
}

.productdetial-info ul.btis-ul li {
  padding-left: 4%;
}

/*product-detial*/

.footer ul {
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  font-weight: 500;
}

.footer p {
  padding: 15px 0 0px 0;
}

.footer p strong {
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}

.d-flex {
  display: flex;
}

.email i {
  padding: 0 5px;
}

.phone i {
  padding: 0 5px;
}

.phone {
  padding: 0 20px;
}

a.cat {
  background: #ea5441;
  padding: 10px 15px;
  -webkit-app-region: 600;
  border-radius: 5px;
  margin-right: 10px;
}

a.cat img {
  padding-right: 10px;
  width: 30px;
}

.new-cont h1,
.new-cont h2,
.new-cont h3 {
  color: #1e99d1;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.1;
}

a.bro img {
  padding-right: 10px;
  width: 30px;
}

a.bro {
  background: #05a7a5;
  padding: 10px 15px;
  /* font-weight: 600; */
  border-radius: 5px;
}

.giant-tablet-banner {
  background: #a3a4a9 url("../images/giant-tablet/Giant_Tablet_Header.jpg") !important;
  background-size: cover !important;
  height: auto !important;
  padding: 100px 0;
  position: relative;
  z-index: 0;
  float: left;
  width: 100%;
}

.giant-banner-text {
  max-width: 45%;
  text-align: left;
}

.giant-banner-text p {
  color: #fff;
  font-size: 18px;
  padding-top: 15px;
}

.giant-banner-text .bold-text {
  color: #fff;
  font-size: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-weight: 500;
}

.giant-banner-text .heading {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 50px;
  line-height: 1.1;
  padding-bottom: 15px;
  font-weight: 400;
}

.giant-banner-text .heading:after {
  display: none;
}

.giant-banner-text .banner-icons {
  display: flex;
  align-items: center;
  padding-top: 30px;
}

.giant-banner-text .banner-icons p {
  padding: 0;
  font-size: 14px;
}

.giant-banner-text .banner-icon {
  padding: 0 10px;
}

.giant-banner-text .banner-icons img {
  max-width: 35px;
}

.laptop-hire-products .pro-box2 img {
  object-fit: contain;
}

.ipad-hire-products .pro-box2 h1,
.ipad-hire-products .pro-box2 h2,
.ipad-hire-products .pro-box2 h3,
.ipad-hire-products .pro-box2 h4,
.ipad-hire-products .pro-box2 h5,
.ipad-hire-products .pro-box2 h6 {
  text-align: left !important;
}

.align-center {
  text-align: center;
}

img.ipad-12-size {
  max-width: 300px;
  margin: 0 auto;
}

.btn-download {
  display: inline-block !important;
  background-color: #1e99d1;
  border-color: #eee;
}

.bg-clr-blue {
  background-color: #1e99d1;
}

#pdf-canvas {
  width: 100%;
  padding: 10px;
}

.modal-header .btn-cls {
  padding: 1rem;
}

a.btn-cls {
  padding: 0;
  border: 0;
  -webkit-appearance: none;
}

.btn-cls {
  float: right;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1;
}

@media screen and (max-width: 1470px) and (min-width: 1161px) {
  .giant-tablet-banner {
    background-position-x: 46% !important;
  }
}

@media only screen and (max-width: 1160px) {
  .giant-tablet-banner {
    background-position: center !important;
  }
  .why-choose-us .testimonial-style .carousel-inner > .item {
    height: 300px !important;
  }
  .why-choose-us .testimonial-style .testimonial-caption-style {
    top: 10%;
  }

  .printerbox {
    height: 320px !important;
  }
  .eventwifi {
    height: 360px !important;
  }
  .printerhirebox span {
    height: 120px !important;
  }
  .Leadingprinterbox {
    height: 320px !important;
  }
}

@media only screen and (max-width: 992px) {
  .commonbannerwifi.wifiinaboxbanner {
    height: 600px !important;
  }
  .giant-tablet-banner .container {
    max-width: 1170px;
    width: 100%;
    padding: 0 30px;
  }

  .giant-banner-text {
    max-width: 50%;
  }

  .giant-tablet-banner:before {
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: -1;
  }

  .eventwifi {
    height: 200px !important;
  }

  .row.parallelcenter {
    display: block !important;
    margin: 10px 0px 20px 0px !important;
  }

  .imageboxsingle.ipadimagespace {
    margin-bottom: 20px;
  }

  .mobilechangesdirections {
    display: flex;
    flex-direction: column-reverse;
  }
  .row.side-icon i {
    margin-bottom: 14px;
  }

  .row.singleproductbox {
    display: block !important;
  }

  .singleproductboxtwo {
    flex-direction: column-reverse;
  }

  .imageboxsinglemiddle img.img-responsive {
    margin: 10px auto;
  }

  .row.ipadchangedirection {
    display: block !important;
  }
  .printerbox {
    height: 250px !important;
  }

  .imageboxsinglemiddle img.img-responsive {
    width: 100%;
  }

  .vrbox {
    height: auto !important;
  }

  .samelineblock {
    flex-direction: column-reverse;
  }
  .center-cont-left.center-cont-left3.text-center.middletext {
    padding: 0px 20px;
  }
}
@media only screen and (max-width: 910px) {
  .parallelcenter.mobilereverse {
    display: flex !important;
    flex-direction: column-reverse;
  }
  .center-cont-left.space-removee h3 {
    margin-top: 15px;
  }
  .center-cont-left.space-removee h2 {
    margin-top: 15px;
  }

  .eventwifi {
    height: 200px !important;
  }
  .row.mobilechanges {
    flex-direction: column-reverse;
    display: flex;
  }
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 768px) {
  .giant-banner-text {
    margin: 0 auto;
    text-align: center;
    max-width: 80%;
  }

  .giant-banner-text .banner-icons {
    justify-content: center;
  }

  .giant-tablet-banner {
    background-position-x: 65% !important;
  }
}

@media only screen and (max-width: 660px) {
  .giant-tablet-banner {
    background-position-x: 75% !important;
  }
  .row.samelinebox {
    flex-direction: column;
  }
  .row.mobilechanges {
    flex-direction: column-reverse;
    display: flex;
  }
  .eventwifi {
    height: auto !important;
  }
  .pro-box2.noshadow {
    padding: 0px 0px !important;
  }
}

@media only screen and (max-width: 480px) {
  .giant-banner-text {
    text-align: center;
    max-width: 98%;
  }

  iframe.laptopvideo {
    height: 200px !important;
  }
  .pro-box2.noshadow.spaceup {
    padding-top: 15px !important;
  }

  .commonbanner.careersbanner {
    height: 800px;
  }
}

@media only screen and (max-width: 414px) {
  .giant-banner-text .heading {
    font-size: 34px;
  }

  .giant-banner-text .bold-text {
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .giant-banner-text p {
    font-size: 16px;
  }
}

@media only screen and (max-width: 375px) {
  .giant-tablet-banner {
    background-position-x: 70% !important;
  }
}

html,
body {
  overflow-x: hidden;
}

@media only screen and (min-device-width: 120px) and (max-device-width: 750px) and (orientation: portrait) {
}

@media only screen and (min-device-width: 120px) and (max-device-width: 750px) and (orientation: landscape) {
}

@media only screen and (min-device-width: 751px) and (max-device-width: 999px) and (orientation: portrait) {
}

@media only screen and (min-device-width: 751px) and (max-device-width: 999px) and (orientation: landscape) {
}

@media only screen and (min-device-width: 1000px) and (max-device-width: 1030px) and (orientation: portrait) {
}

@media only screen and (min-device-width: 1000px) and (max-device-width: 1030px) and (orientation: landscape) {
}

@media only screen and (min-width: 1681px) and (max-width: 1920px) {
}

@media only screen and (min-width: 1600px) and (max-width: 1680px) {
}

@media only screen and (min-width: 1366px) and (max-width: 1440px) {
}

@media only screen and (min-width: 1200px) and (max-width: 1280px) {
}

@media only screen and (min-width: 967px) and (max-width: 1200px) {
}

@media only screen and (min-width: 768px) and (max-width: 966px) {
  .row.mobilespace {
    margin-top: 30px;
  }
  .cta-banner {
    padding: 20px;
  }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
  .about-content h1 {
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    margin: 0 0 27px;
    padding: 0;
  }

  .productdetial-info ul li {
    list-style-type: none;
    color: #000;
    font-size: 15px;
    padding-bottom: 12px;
    position: relative;
    padding-left: 15%;
  }

  .productdetial-info a.btn {
    background-color: #e7a331;
    border: 1px solid #e7a331;
    margin-top: 17px;
    padding: 9px 5px;
    font-size: 9px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
    word-break: break-all;
    font-weight: bold;
  }

  .diver-vimeo-player iframe {
    width: 100%;
  }

  .productdetial-info ul.btis-ul li {
    padding-left: 6%;
  }
}

@media only screen and (min-width: 300px) and (max-width: 479px) {
  .about-content h1 {
    font-size: 25px;
    font-weight: 700;
    line-height: 29px;
    margin: 0 0 27px;
    padding: 0;
  }

  .productdetial-info ul li {
    list-style-type: none;
    color: #000;
    font-size: 15px;
    padding-bottom: 12px;
    position: relative;
    padding-left: 10%;
  }

  .productdetial-info a.btn {
    background-color: #e7a331;
    border: 1px solid #e7a331;
    margin-top: 17px;
    padding: 9px 5px;
    font-size: 9px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 30px;
    word-break: break-all;
    font-weight: bold;
  }

  .diver-vimeo-player iframe {
    width: 100%;
  }

  .productdetial-info ul.btis-ul li {
    padding-left: 6%;
  }

  .productdetial-downloadpdf {
    text-align: center;
    margin-top: 15%;
  }

  .changecolor .logo img {
    position: relative;
    left: -38px;
  }
  /* imran css */

  .systembanner-info h1 {
    font-size: 30px !important;
  }
  .row.mobilespace {
    margin-top: 30px;
  }
  .pointlist.mobileremovespace {
    margin: 0px;
  }

  .pro-box2.product-box {
    margin-top: 20px !important;
  }
  .cta-banner {
    padding: 20px !important;
  }
  .row.mobilespacee {
    margin-top: 30px;
  }
}

/*  */

.row.parallelcenter {
  display: flex;
  justify-content: center;
  align-items: center;
}

.commonbanner {
  float: left;
  width: 100%;
  height: 550px;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  text-align: center;
  background-size: cover !important;
  display: flex;
  justify-content: center;
  align-items: center;
}

.applevisionbanner {
  background: url("../images/apple-vision/Apple_Vision_Pro_Header.jpg");
}
.systembanner-info h1 {
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 400;
  color: #fff;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-family: "Fjalla One", sans-serif;
  display: table;
}
.systembanner-info p {
  color: #fff;
  font-size: 20px;
  display: table;
  background: rgba(0, 0, 0, 0.6);
  margin: 15px auto;
  padding: 15px 20px;
  font-weight: 400;
}
.banner-btnss {
  background-color: #1e99d1;
  padding: 8px 30px;
  color: #fff;
  font-size: 16px;
  border: 1px solid #1e99d1;
}

.extraintro {
  display: none;
}
.space-removee {
  margin: 0px 0px 0px 0px;
}
.pointlist {
  margin: 20px 0px;
}

.pointlist ul li {
  list-style-type: disc;
  margin: 7px 0px;
  font-size: 16px;
  font-weight: 400;
  list-style-position: inside;
  list-style-position: inside;
}

.pointlist ul li::marker {
  color: #1e99d1;
}
.row.parallelcenter {
  margin: 40px 0px;
}
.pro-box2.product-box {
  margin: 0px;
  height: auto;
  text-align: left !important;
}

.pro-box2.product-box h5 {
  text-align: left;
  margin-bottom: 20px;
}

.wrap {
  display: flex;
  align-items: center;
  background: white;
  padding: 20px;
  border-radius: 0.5rem;
  box-shadow: 7px 7px 30px -5px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
}

.wrap:hover {
  background: linear-gradient(135deg, #6394ff 0%, #1e99d1 100%);
  color: white;
}
.wrap:hover .mbr-iconfont {
  color: white;
}

.wrap:hover .display-5 {
  color: #fff;
}

.mbr-iconfont {
  font-size: 4.5rem !important;
  color: #1e99d1;
  margin: 1rem;
  padding-right: 1rem;
}
.display-5 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
}
.display-6,
.display-61,
.display-62,
.display-63 {
  margin-top: 12px;
  font-size: 16px;
  line-height: 26px;
  display: none;
}

.applevisioncta {
  background: url("../images/apple-vision/Apple_Vision_Pro_Cta.jpg");
}

.ctabanner {
  background-position: center !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  text-align: center;
  height: 400px;
}

.cta-banner {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 400px;
  padding: 30px;
}

.cta-banner h2 {
  font-size: 35px;
  font-weight: 600;
  color: #fff;
}

.cta-banner p {
  font-size: 17px;
  font-weight: 400;
  color: #fff;
}

.why-choose-us {
  background-color: #083a57;
  padding-top: 40px;
  padding-bottom: 60px;
}

.why-choose-us .text_wrapper h3 {
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 20px;
}

.why-choose-us .text_wrapper p {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  padding: 0px 50px;
}
.why-choose-us .testimonial-style .testimonial-caption-style {
  text-shadow: none !important;
  left: 0%;
  right: 0%;
  width: 100%;
}
.why-choose-us .testimonial-style .carousel-inner > .item {
  height: 400px;
}
.why-choose-us .testimonial-style .carousel-control.left {
  background: none;
  box-shadow: none;
  text-shadow: none;
}
.why-choose-us .testimonial-style .carousel-control.right {
  background: none;
  box-shadow: none;
  text-shadow: none;
}

.why-choose-us a.left.carousel-control {
  left: -130px;
}

.why-choose-us a.right.carousel-control {
  right: -130px;
}
.outer-main-box {
  background-color: #fff;
  text-align: left;
  padding: 20px;
  height: 300px;
  border-radius: 12px;
}

.why-choose-us .icon-info-box h3 {
  color: #1e99d1;
  font-size: 25px;
  margin-bottom: 14px;
  margin-top: 20px;
}

.why-choose-us .icon-info-box p {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  padding: 0px;
}

.icon-box i {
  color: #1e99d1 !important;
}

img.relpro {
  width: 100%;
}

p.Related-product-heading.text-center {
  background-color: #1e99d1;
  color: #fff;
  padding: 10px 0px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
}

/* colors */
.blue-color {
  color: #1296d2;
}

.testimonial blockquote {
  margin: 10px 10px 0;
  background: #efefef;
  padding: 20px 60px;
  position: relative;
  border: none;
  border-radius: 8px;
  font-style: italic;
}

.testimonial blockquote:before,
.testimonial blockquote:after {
  content: "\201C";
  position: absolute;
  font-size: 80px;
  line-height: 1;
  color: #757f9a;
  font-style: normal;
}

.testimonial blockquote:before {
  top: 0;
  left: 10px;
}

.testimonial blockquote:after {
  content: "\201D";
  right: 10px;
  bottom: -0.5em;
}

.testimonial div {
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #efefef;
  margin: 0 0 0 60px;
}

.testimonial p {
  margin: 8px 0 0 20px;
  text-align: left;
  color: #1296d2;
}

/* accordion styling */
/******/

/* #accordion .panel,
   #accordion .panel-heading,
   #accordion panel-title,
   #accordion .panel-body {
       border: 0;
   }
   #accordion .panel {
       box-shadow: none;
   }
   #accordion .panel .panel-heading {
       border-radius: 0;
       padding: 10px;
   } */
/* #accordion .panel-body {
       padding: 10px;
       max-width: 90%;
   } */
/* #accordion .panel .panel-heading .panel-title a {
       text-decoration: none;
       padding: 1em 0;
       color: #639bd1;
       font-weight: 600;
   }
   #accordion .panel .panel-heading .panel-title a span {
       
       width: 30px;
       background: #468ac9;
       border-radius: 50px;
       height: 30px;
       text-align: center;
       padding: 5px;
   }
    #accordion .panel .panel-heading .panel-title a span:before {
    
       color: #fff;
       font-size: 15px;
   } */
/* #accordion .panel .panel-heading .panel-title a.collapsed span:after {
       content: "+";
   } */
/* .panel-default>.panel-heading {
       background: none;
   } */
.template_faq {
  background: #edf3fe none repeat scroll 0 0;
}
.panel-group {
  border-radius: 3px;

  padding: 30px;
}
#accordion .panel {
  border: medium none;
  border-radius: 0;
  box-shadow: none;
  margin: 0 0 15px 10px;
}
#accordion .panel-heading {
  border-radius: 30px;
  padding: 0;
}
#accordion .panel-title a {
  background: #1e99d1 none repeat scroll 0 0;
  border: 1px solid transparent;
  border-radius: 30px;
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 600;
  padding: 12px 20px 12px 50px;
  position: relative;
  transition: all 0.3s ease 0s;
}
#accordion .panel-title a.collapsed {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  color: #333;
}
#accordion .panel-title a::after,
#accordion .panel-title a.collapsed::after {
  background: #1e99d1 none repeat scroll 0 0;
  border: 1px solid transparent;
  border-radius: 50%;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.58);
  color: #fff;
  content: "";
  font-family: fontawesome;
  font-size: 25px;
  height: 55px;
  left: -20px;
  line-height: 55px;
  position: absolute;
  text-align: center;
  top: -5px;
  transition: all 0.3s ease 0s;
  width: 55px;
}
#accordion .panel-title a.collapsed::after {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ddd;
  box-shadow: none;
  color: #333;
  content: "";
}
#accordion .panel-body {
  background: transparent none repeat scroll 0 0;
  border-top: medium none;
  padding: 20px 25px 10px 9px;
  position: relative;
}
#accordion .panel-body p {
  border-left: 1px dashed #8c8c8c;
  padding-left: 25px;
}
.panel-body {
  font-size: 16px;
}

.center-cont.faqs p.align-justify.mb-3 {
  margin-bottom: 20px;
  font-size: 17px;
  font-weight: 400;
}

.center-cont.faqs h2.h2.my-5 {
  color: #1e99d1;
}

.it-education-banner {
  background: url("../images/educationrental/Header.jpg");
}

/* Common style */

.grid {
  position: relative;
  margin: 0 auto;
  padding: 1em 0 4em;
  max-width: 1000px;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 48%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */

/* Individual effects */

figure.effect-sarah {
  background: #272c2e;
}

figure.effect-sarah img {
  max-width: none;
  width: -webkit-calc(100% + 20px);
  width: calc(100% + 20px);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-10px, 0, 0);
  transform: translate3d(-10px, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

figure.effect-sarah:hover img {
  opacity: 0.4;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-sarah figcaption {
  text-align: left;
}

figure.effect-sarah h2 {
  position: relative;
  overflow: hidden;
  padding: 0.5em 0;
}

figure.effect-sarah h2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: #fff;
  content: "";
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

figure.effect-sarah:hover h2::after {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-sarah p {
  padding: 1em 0;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

figure.effect-sarah:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.grid figure figcaption h2 {
  text-transform: uppercase;
  font-size: 25px;
  color: #fff;
  font-weight: 500;
}
.grid figure figcaption p {
  text-transform: capitalize;
  color: #fff;
}
/*  */

.carousel-control.left,
.carousel-control.right {
  background: none;
  width: 25px;
}
.carousel-control.left {
  left: -25px;
}
.carousel-control.right {
  right: -25px;
}

.wrapimage {
  border-radius: 20px;
  box-shadow: 7px 7px 30px -5px rgba(0, 0, 0, 0.1);
  margin-bottom: 2rem;
  transition: 0.6s ease-in-out;
  overflow: hidden;
}

.wrapimage:hover {
  background: linear-gradient(135deg, #6394ff 0%, #1e99d1 100%);
  color: white;
  transform: translateY(-5px);
}

.ico-wrap-image {
  overflow: hidden;
}

.wrapimage:hover img.img-responsive.introo {
  transform: scale(1.15);
  transition: 0.7s ease-in;
}
.wrapimage .display-5 {
  font-size: 20px;
  color: #1e99d1;
  font-weight: 600;
}
.wrapimage .text-wrap.vcenter {
  text-align: center;
  padding: 20px;
}

.wrapimage:hover .display-5 {
  color: #fff;
}

.wrapimage:hover img.img-responsive.introo {
  transform: scale(1.098);
  width: 100%;
}
img.img-responsive.introo {
}

.bg-blue {
  background-color: #1e99d1;
}

.center-cont-left.space-removee.middle {
  text-align: center;
  padding: 50px 30px 220px 30px;
}

.center-cont-left.space-removee.middle h2 {
  font-weight: 900;
  color: #fff;
  margin-bottom: 20px;
}

.center-cont-left.space-removee.middle p {
  color: #fff;
}

.uppermove {
  margin-top: -200px;
}

.space360banner {
  background: url("../images/space360ipadrental/space_360_header.jpg");
}

.ipadstand360cta {
  background: url("../images/space360ipadrental/space_360_cta.jpg");
}

/* icons section why choose us */
.row.side-icon i {
  color: #1296d2;
}
.side-icon h3 {
  margin: 0px;
  color: #000;
}
.row.side-icon p {
  font-size: 16px !important;
  margin-top: 10px;
}

.slick-slide {
  margin: 0px 20px;
}

.slick-slide img {
  width: 100%;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
.iphonebanner {
  background: url("../images/iphone/iPhone-Header.jpg");
}
.iphonecta {
  background: url("../images/iphone/iphone-cta.jpg");
}
.iphoneaccessories {
  height: 180px;
}
.pro-box2.shadow.margintopremove {
}
.pro-box2.shadow.margintopremove.extraheight {
  /* height: 550px; */
}
iframe.laptopvideo {
  height: 390px;
  width: 100%;
}
.circlee-box {
  width: 150px;
  height: 150px;
  color: #0096d0;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  margin: 5px auto;
  align-items: center;
  padding: 10px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.circlee-box:hover {
  background-color: #0096d0;
  color: #fff;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,
    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.circlee-box:hover .circlee-box p {
  color: #fff;
}
.circlee-box p {
  text-align: center;
  font-size: 16px;
}

.pro-box2.laptopbox {
  height: 170px;
}

.laptopbanner {
  background: url("../images/laptop/LaptopHeader.jpg");
}

.laptopcta {
  background: url("../images/laptop/laptopcta.jpg");
}

.maincitybox {
  background: white;
  padding: 20px;
  border-radius: 0.5rem;
  box-shadow: 7px 7px 30px -5px rgba(0, 0, 0, 0.1);
  margin: 10px 0px 0px 0px;
}

.maincitybox h4 {
  color: #000;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 14px;
}
.maincitybox p {
  display: none;
  transition: 0.8s;
}
.maincitybox:hover {
  background: linear-gradient(135deg, #6394ff 0%, #1e99d1 100%);
  color: white;
}
.maincitybox:hover p {
  display: block;
  transition: 0.8s;
}
.maincitybox:hover h4 {
  color: #fff;
}
img.img-responsive {
  margin: 0 auto;
}
.ipadhirebanner {
  background: url("../images/iPad/ipad_hire_header.jpg");
}
.ipadhirecta {
  background: url("../images/iPad/ipad_hire_cta.jpg");
}
.eposrentalbanner {
  background: url("../images/eposrental/epos-rental_header.jpg");
}
.eposcta {
  background: url("../images/eposrental/epos_rental_cta.jpg");
}
.pro-box2.shadow.margintopremove.epossolution {
  height: auto;
}
.epos-inner-box {
  height: 250px;
}

.squarbundlesinglr {
  width: 40%;
}

.pro-box2.shadow.singleproduct {
  height: auto !important;
  margin: 0px !important;
}
.pro-box2.shadow.margintopremove.tablethire {
  /* height: auto !important; */
}

.tabletbox {
  height: 200px;
}

.tablethirebanner {
  background: url("../images/tablethire/tablet_hire_rental_header.jpg");
}

.tablethirecta {
  background: url("../images/tablethire/tablet_hire_cta.jpg");
}

.printerhirebanner {
  background: url("../images/printers/printer_hire_headers.jpg");
}
.printerhirecta {
  background: url("../images/printers/printer_rental_cta.jpg");
}
.starprinterbox {
  height: 170px;
}

.printerbox {
  height: 270px;
}
.audiovisualbanner {
  background: url("../images/av/audio_visual_header.jpg");
}

.imageboxsingle img.img-responsive.macbook {
  max-width: 100%;
  height: 100%;
  max-height: 300px;
  min-height: 300px;
  margin: 0 0 5px 0;
  max-width: 300px;
  min-width: 300px;
}

.wifiinaboxbanner {
  background: url("../images/wifiinabox/header_wifi_in_a_box.jpg");
}
.wifiinaboxcta {
  background: url("../images/wifiinabox/Wifiinabox_CTA.jpg");
}
.row.samelinebox {
  display: flex;
  justify-content: center;
  align-items: center;
}
img.img-responsive.wifibox {
  margin: 0 !important;
}

.innerbox-av {
  height: 200px;
}

.innerbox-av-one {
  height: 160px;
}

.innerbox-av-two {
  height: 330px;
}
.commonbannerwifi {
  float: left;
  width: 100%;
  height: 600px;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  text-align: center;

  background-size: cover !important;
  display: flex;
  justify-content: center;
  align-items: center;
}
.systembanner-info.wifii {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.systembanner-info.wifii ul {
  padding: 0px 50px;
  margin-bottom: 30px;
  background: rgba(0, 0, 0, 0.6);
}

.systembanner-info.wifii ul li {
  color: #fff;
  font-size: 18px;
  margin-bottom: 5px;
  padding: 5px 0px 0px 0px;
  list-style-type: disc;
  list-style-position: outside;
  text-align: left;
}

.systembanner-info.wifii ul li::marker {
}

.eventwifi {
  height: 260px;
}

.pro-box2.shadow.margintopremove.eventwifihire h3 {
  height: 40px;
}

.pro-box2.noshadow {
  height: auto !important;
  border: none !important;
  margin: 0px 0px !important;
}

.diver-vimeo-player iframe {
  height: 400px;
}

.eventwifibanner {
  background: url("../images/eventwifi/Header.jpg");
}
.eventwificta {
  background: url("../images/eventwifi/CTA.jpg");
}

.wrap.event {
  justify-content: center;
}
.pro-box2.product-box.satellite p {
  font-size: 16px;
}

.satelliteinternetbanner {
  background: url("../images/satelliteinternet/Header.jpg");
}
.satellitecta {
  background: url("../images/satelliteinternet/CTA.jpg");
}

.computermonitorbanner {
  background: url("../images/computermonitor/Header.jpg");
}
.computermonitorcta {
  background: url("../images/computermonitor/Monitor_Rental_Cta.jpg");
}

.gamingbanner {
  background: url("../images/gaminglaptop/Gaming_Laptop_Header.jpg");
}
.gaminglaptopcta {
  background: url("../images/gaminglaptop/Gaming_Laptop_Cta.jpg");
}

.ledvideobanner {
  background: url("../images/ledvideowall/Led_Video_Wall_Header.jpg");
}
.ledvideocta {
  background: url("../images/ledvideowall/CTA.jpg");
}

.row.singleproductbox,
.singleproductboxtwo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pro-box2.product-box h5 {
  font-size: 20px;
  color: #0092d1;
  font-weight: 600;
}

.monitorbox {
  height: 252px;
}

.imageboxsingle {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.row.ipadchangedirection {
  display: flex;
  justify-content: center;
  align-items: center;
}

.printerhirebox {
  height: 225px;
}

.printerhirebox span {
  height: 100px;
}

.Leadingprinterbox span {
  height: 100px;
}

.Leadingprinterbox {
  height: 280px;
}

.vrbox {
  height: 210px;
}

.vrsbox {
  height: 320px;
}
.vrbanner {
  background: url("../images/vrrental/Header.jpg");
}
.vrcta {
  background: url("../images/vrrental/CTA.jpg");
}

.pasystembanner {
  background: url("../images/pasystem/Header.jpg");
}
.pasystemcta {
  background: url("../images/pasystem/pacta.webp");
}

.touchscreenbanner {
  background: url("../images/touchscreen/Touch_Screen_Header.jpg");
}
.touchscreencta {
  background: url("../images/touchscreen/Rent_Touch_Screen_Cta.jpg");
}
img.img-responsive.tvscreen {
  min-height: 400px;
  width: 100%;
  max-width: 400px;
}
.macrentalbanner {
  background: url("../images/macrental/Mac_Rental_Header.jpg");
}

.macrentalcta {
  background: url("../images/macrental/Imac_Cta.jpg");
}
h3.twolineheading {
  height: 60px;
}
.request-pricing-btn.two {
  min-width: 45%;
  text-align: center;
}

.samebtnbox {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.imacrentalbanner {
  background: url("../images/macrental/Imac_Cta.jpg");
}

.imacrentalcta {
  background: url("../images/macrental/Imac_Header.jpg");
}

p.imacrental {
  height: 250px;
}
/* careers page  */

.careersbanner {
  background: url("../images/careers/Join_Oneworldrental_Header.jpeg");
}

.careersfirstheading h5 {
  color: #000;
  text-align: left;
  margin: 0px;
  font-size: 20px;
  margin-bottom: 10px;
}

.careerinfofirst {
  border-left: 2px solid #0096d0;
  padding-left: 20px;
}

.center-cont.careerslider {
  padding: 70px 0px;
}
.center-cont.careerslider .slick-list.draggable {
  height: 520px;
}
.careersslidersss .slick-track {
  height: 600px;
}
.innerbox {
  background: hsla(0, 0%, 100%, 1);
  box-shadow: 0px 0px 12px 1px hsla(0, 0%, 0%, 0.08);
  padding: 80px 20px 40px 20px;
  height: 550px;
  position: relative;
  z-index: 999;
}

.innerbox:before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  background: url("../images/careers/bgpic.png");
  background-repeat: no-repeat;
  width: 200px;
  height: 168px;
  z-index: -1;
}
.innerbox i {
  color: hsla(197, 97%, 41%, 1);
}
.innerbox h3 {
  font-size: 25px;
  font-weight: 700;
  height: 60px;
  color: #000;
  margin: 5px 0px;
}
.innerbox p {
  height: 200px;
  font-size: 17px;
  line-height: 26px;
}
.innerbox:hover {
  /* background-color: blue; */
  color: #fff;
  background: hsla(197, 97%, 41%, 1);
}
a.sliderbtns {
  color: hsla(197, 97%, 41%, 1);
  outline: none;
  border: none;
  padding: 10px;
  margin-bottom: 20px;
}

a.sliderbtns > i {
  color: #000;
  margin-left: 10px;
}
.innerbox:hover a.sliderbtns {
  color: #fff;
}
.innerbox:hover i {
  color: #fff;
}

ul.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}
ul.slick-dots .slick-active {
  font-size: 14px;
}
ul.slick-dots li ::marker {
  opacity: 0 !important;
}

.careersslidersss .responsive ul li::marker {
  content: " "; /* Define a bullet point */
  font-size: 1em; /* Adjust the size as necessary */
  color: black; /* Adjust the color as necessary */
}

ul.slick-dots li button {
}
.slick-dots li button {
  font-size: 0; /* Hide the numbers */
  border: none; /* Remove the button border */
  background: transparent; /* Make the button background transparent */
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: hsla(196, 69%, 87%, 1);

  cursor: pointer;
  margin: 0px 5px;
}

.slick-dots li.slick-active button {
  background: hsla(197, 97%, 41%, 1);
}

.owr4box {
  border: 2px solid hsla(0, 0%, 88%, 1);
  background: hsla(0, 0%, 98%, 1);
  text-align: center;
  padding: 30px 0px 0px 0px;
  margin: 10px 0px;
}

.btnboxcareer {
  border-top: 2px solid hsla(0, 0%, 88%, 1);
  padding: 10px 0px;
  margin-top: 30px;
}

.owr4box h5 {
  color: #000;
  padding: 0px;
  font-size: 20px;
  font-weight: 600;
  margin: 10px 0px;
}
.owr4box p {
  font-size: 17px;
  font-weight: 400;
}
.owr4box i {
  font-size: 30px;
  color: hsla(197, 97%, 41%, 1);
  margin-bottom: 10px;
}

.btnboxcareer a {
  border: none;
  outline: none;
  background-color: transparent;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.owr4box:hover h5 {
  color: #0096d0;
}
.owr4box:hover a {
  color: #0096d0;
}

/* carrer faqs */
.careerfaqs .panel-default > .panel-heading {
  background: hsla(0, 0%, 98%, 1) !important;
}

.careerfaqs .panel-group {
  padding: 0px 0px;
}

.careerfaqs .panel-default > .panel-heading h5 {
  padding: 0px;
  text-align: left;
  color: #000;
  font-size: 20px;
  font-weight: 600;
}

.careerfaqs .panel-default > .panel-heading h5 a span {
  color: #0096d0;
}
/* plus glyph for showing collapsible panels */
.careerfaqs .panel-heading {
  padding: 12px;
  font-size: 20px;
  font-weight: 600;
}
.careerfaqs .panel-body {
  padding: 12px;
  font-size: 16px;
}
.careerfaqs .panel-heading .accordion-plus-toggle:before {
  font-family: FontAwesome;
  content: "\f107  ";
  float: right;
  color: #0096d0;
}

.careerfaqs .panel-heading .accordion-plus-toggle.collapsed:before {
  content: "\f105";
  color: #000;
}

/* sets the link to the width of the entire panel title */
.careerfaqs .panel-title > a {
  display: block;
}

/* sets the link to the width of the entire panel title */
.careerfaqs .panel-title > a {
  display: block;
}

.joinss {
  margin-bottom: 12px;
}

.valuebasebox {
  margin: 10px 0px;
}

.innervalue {
  margin: 0 auto;
  width: 70px;
  height: 70px;
  padding: 5px;
  border-radius: 50px;
  background: hsla(197, 97%, 41%, 1);
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 20px;
  border: 2px solid hsla(197, 97%, 41%, 1);
}
.innervaluetext {
  background: hsla(197, 97%, 41%, 1);
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  margin-top: -10px;
}
.lastcareersection li {
  position: relative;
  font-size: 17px;
  margin: 7px 0px;
}
.lastcareersection li:before {
  font-family: FontAwesome;
  content: "\f058";
  font-size: 17px;
  color: #0096d0;
  position: absolute;
  display: contents;
}
.innerbox1 {
  position: relative;
}
.innerbox1 .image {
  display: block;
  width: 100%;
  height: auto;
}
.innertext {
  position: absolute;
  bottom: 0;
  width: 100%;
  transition: 0.5s ease;
  color: white;
  font-size: 20px;
  padding: 20px;
}
.innerbox1:hover .innertext {
  opacity: 1;
  transform: translateY(-70px);
  text-align: center;
  background: rgb(28 178 247 / 39%);
}

.innertext p.overlay1 {
  font-size: 22px;
  font-weight: 600;
}
.innercta {
  background-repeat: no-repeat;
  background-size: cover !important;
  background-position: center !important;
  height: 400px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  padding: 0px 50px;
}

.innercta h2 {
  color: #fff;
  font-size: 35px;
  font-weight: 800;
  margin-bottom: 14px;
}

.innercta p {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 14px;
}
.ourteamcta {
  background: url("../images/careers/Be_Part_of_Our_Team_CTA-2.jpeg");
}

.jobcta {
  background: url("../images/careers/Career_Cta.jpg");
}

.samelineblock {
  display: flex;
  justify-content: center;
  align-items: center;
}

.arrowsbox {
  display: flex;
  justify-content: center;
  align-items: center;
}
.arrowsbox a.left.carousel-control-a {
  margin-right: 10px;
}
.arrowsbox a.right.carousel-control-b {
  margin-left: 10px;
}
.lastcareersection ul li::marker {
  content: "";
}

ul.slick-dots li::marker {
  content: "";
}

.handheldscannerbanner {
  background: url("../images/handheldscanner/Handheld_Scanner_Rental_Header.jpg");
}
.handheldscanercta {
  background: url("../images/handheldscanner/Scanner_Cta.jpg");
}

/*START: From Submit Loader  */
.loader {
  --d: 22px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  color: #0096d0;
  margin: 50px 0 30px 50px;
  display: inline-block;
  box-shadow: calc(1 * var(--d)) calc(0 * var(--d)) 0 0,
    calc(0.707 * var(--d)) calc(0.707 * var(--d)) 0 1px,
    calc(0 * var(--d)) calc(1 * var(--d)) 0 2px,
    calc(-0.707 * var(--d)) calc(0.707 * var(--d)) 0 3px,
    calc(-1 * var(--d)) calc(0 * var(--d)) 0 4px,
    calc(-0.707 * var(--d)) calc(-0.707 * var(--d)) 0 5px,
    calc(0 * var(--d)) calc(-1 * var(--d)) 0 6px;
  animation: l27 1s infinite steps(8);
}
@keyframes l27 {
  100% {
    transform: rotate(1turn);
  }
}
/*END: From Submit Loader  */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.captcha-box {
  padding: 0;
}
/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}
/*START: Inquiry Success Pop UPp */
#thankYouModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9999;
  text-align: center;
}

#modalContent {
  background: white;
  margin: 15% auto;
  padding: 20px;
  width: 50%;
  max-width: 400px;
  border-radius: 10px;
  position: relative;
}

#closeModal {
  position: absolute;
  top: 10px;
  right: 15px;
  background: none;
  border: none;
  font-size: 18px;
  cursor: pointer;
}
/*END: Inquiry Success Pop UPp */

/*START: Footer Styling */
.footer-upper {
  float: left;
  width: 100%;
  text-align: center;
  padding: 50px 0;
  display: none;
}

.footer-upper p {
  font-size: 30px;
  color: #0092d1;
  line-height: 32px;
  font-weight: 700;
  width: 76%;
  margin: 0 auto;
}

.footer {
  float: left;
  width: 100%;
  background: #1e99d1;
  padding: 32px 0;
}

.footer-links-box ul li a,
.footer-links-box1 ul li a,
.bottom-footer ul li a {
  color: #fff;
  transition: 0.3s;
}
.footer-links-box ul li a:hover,
.bottom-footer ul li a:hover {
  color: #000;
  text-decoration: none;
}

.footer-links-box h3,
.footer-links-box1 h3 {
  font-weight: 600;
  font-size: 25px;
  color: #fff;
  margin-bottom: 20px;
}
.bottom-footer ul {
  display: flex;
}

.bottom-footer ul li {
  padding-left: 15px;
}

.bottom-footer ul li a i {
  margin-right: 10px;
}
.btmfooterrr {
  padding-top: 20px;
  margin-top: 30px;
  border-top: 2px solid #fff;
}
.btmfooterrr p {
  text-align: center;
}
.right-btmfooter {
  text-align: right;
  color: #fff;
}

.footer-logoo {
  margin-top: 30px;
}

.footer-logoo {
  margin-top: 30px;
}
.bottom-footer ul li a i {
  margin-right: 10px;
}
.footer p {
  color: #fff;
}

.footer-logoo {
  margin-top: 30px;
}

.footer-logoo {
  margin-top: 30px;
}
.footer-links-box ul li,
.footer-links-box1 ul li,
.bottom-footer ul li {
  list-style: none;
  padding: 5px 0px;
}

.footer ul li:last-child {
  border-right: 0 none;
}
/*END: Footer Styling */
