@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: "Conv_Nexa Bold";
  src: url("../webfonts/Nexa Bold.eot");
  src: local("☺"), url("../webfonts/Nexa Bold.woff") format("woff"),
    url("../webfonts/Nexa Bold.ttf") format("truetype"),
    url("../webfonts/Nexa Bold.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
* {
  margin: 0;
  padding: 0;
}
body {
  font-family: "Open Sans", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Montserrat", sans-serif;
}
a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
ul,
ol {
  list-style: none;
}
img {
  max-width: 100%;
}
p {
  font-size: 16px;
  line-height: 26px;
  color: #626262;
}
.style_none {
  list-style: none;
  margin-bottom: 0;
}
.clearfix {
  clear: both;
}
.style_none {
  list-style: none;
}
.mt30 {
  margin-top: 30px;
}
ul.tick {
  list-style: none;
}
ul.tick li {
  position: relative;
  padding-left: 25px;
  font-size: 14px;
}
ul.tick li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f00c";
  position: absolute;
  top: 2px;
  left: 0;
  color: #0022d2;
}
ul.tick li {
  margin-bottom: 10px;
}
ul.tick li strong {
  font-weight: 700;
}
.title {
  margin-bottom: 60px;
  position: relative;
}
.title h3 {
  font-size: 36px;
  color: #000;
  margin: 0;
  text-align: center;
  color: #131b29;
}
.title:before {
  content: "";
  background: url(../images/heading_line.png) no-repeat top;
  width: 129px;
  height: 24px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -64px;
}
.readmore {
  margin-top: 20px;
  text-align: center;
}
.readmore a {
  background: #0022d2;
  font-size: 18px;
  color: #fff;
  border-radius: 42px;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  box-shadow: 0px 11px 15px rgb(0 0 0 / 18%);
  padding: 17px 38px;
  display: inline-block;
  font-weight: bold;
}
.readmore a:hover {
  background: #000;
  color: white;
}
.content-box .readmore a:hover {
  color: #fff !important;
}
.top_info {
  padding-left: 40px;
  position: relative;
  margin-top: 15px;
}
.top_info i {
  color: #0075c4;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 0px;
}
.top_info a {
  font-size: 24px;
  color: #000;
  font-weight: bold;
  line-height: 24px;
  text-decoration: none;
}
.social_media {
  display: flex;
  float: right;
  padding-top: 7px;
}
.social_media span {
  font-size: 16px;
  color: #95989c;
  padding-top: 6px;
  margin-right: 6px;
}
.social_media ul li {
  display: inline-block;
  padding: 0 5px;
}
.social_media ul li a {
  color: #747684;
  font-size: 24px;
}
/********************************************       == Header Css Start ==********************************************/
.header-wrap {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.navbar {
  padding: 0;
}
.navbar-brand {
  display: none;
}
.navbar li {
  padding: 0px 10px;
  line-height: inherit;
}
.navbar-light .navbar-nav .nav-link {
  font-size: 14px;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  z-index: 1000;
  padding: 10px 0;
  text-align: left;
}
.navbar li a i {
  font-size: 16px;
  color: #fff;
}
.navbar li a:hover i {
  color: #1d74ff;
}
.header-wrap .dropdown a {
  border-radius: 0;
  position: relative;
  z-index: 1000;
}
.header-wrap .dropdown-menu:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  left: 30px;
  margin-left: -5px;
  z-index: 1000;
  top: -10px;
}
.navbar-light .navbar-nav .nav-link:before,
.header-wrap .dropdown a.fa-angle-down:before {
  display: none;
}
.header-wrap .dropdown-menu.supportdrop:before {
  left: auto;
  right: 30px;
}
.topuserlink {
  margin: 15px 0 0 15px;
}
.topuserlink a {
  display: inline-block;
  color: #000;
  margin-left: 10px;
}
.topuserlink a:hover {
  color: #0022d2;
  text-decoration: none;
}
.mbshowhide {
  display: none;
}
.navbar li a {
  position: relative;
}
.mbshowhide .btn{background: #0022d2; color: #fff; border-radius: 30px; font-size: 14px; font-weight: bold;}
.mbshowhide .btn i{margin-left: 5px;}
.navbar .collapse .quote_btn {
  display: none;
}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link {
  color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover {
  color: #8cb6fb;
}
.tp-bannertimer {
  display: none;
}
.navigationWrp {
  background: #253b70;
  padding: 22px 0;
}
.navbar {
  text-align: center;
  margin-top: 20px;
  float: right;
}
.submenu li a:after {
  background: none !important;
}
.navbar-nav > li {
  position: relative;
  display: inline-block;
}
.navbar-nav {
  margin-top: 15px;
}
.header_phone {
  padding-left: 50px;
}
.navbar-nav > li > ul > li {
  padding: 0;
}
.navbar-nav > li > ul > li > a {
  text-decoration: none;
  position: relative;
  display: block;
  padding: 10px 20px;
  font-weight: normal;
  font-size: 14px;
  color: #000;
  word-wrap: break-word;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  text-align: left;
}
.navbar-nav > li > ul > li:hover > a {
  background: #0022d2;
  color: #fff;
}
.navbar-nav > li > ul > li {
  line-height: inherit !important;
  position: relative;
  float: none;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.submenu li:last-child {
  border: none;
}
.navbar-nav > li:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.dropdown-toggle::after {
  display: none;
}
.submenu {
  display: none;
}
.navbar-nav li:hover .submenu {
  display: block;
}
.navbar-nav > li > ul > li .dropdown-submenu {
  top: 0;
  left: 100%;
}
.navbar-nav > li > ul > li:hover .dropdown-submenu {
  opacity: 1;
  display: block;
}
.navbar-nav > li > ul > li .dropdown-submenu:before {
  display: none;
}
.navbar-nav > li > ul > li .dropdown-submenu li {
  padding: 0;
}
.navbar-nav > li > ul > li .dropdown-submenu li a {
  padding: 10px 20px;
}
.subnv23 {
  display: none;
}
.header-social-icons ul li {
  display: inline-block;
  margin-right: 3px;
}
.header-social-icons ul li a {
  border: 1px solid #fff;
  display: block;
  font-size: 14px;
  text-align: center;
  color: #fff;
  width: 38px;
  height: 38px;
  line-height: 38px;
  border-radius: 100%;
}
.navbar-nav > li ul {
  list-style: none;
  position: absolute;
  left: 15px;
  top: 200%;
  min-width: 240px;
  padding: 0px;
  z-index: 100;
  background: #fff;
  visibility: hidden;
  opacity: 0;
  border-radius: 0px 2px 2px 2px;
  -ms-border-radius: 0px 2px 2px 2px;
  -webkit-border-radius: 0px 2px 2px 2px;
  -moz-border-radius: 0px 2px 2px 2px;
  -o-border-radius: 0px 2px 2px 2px;
  transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -webkit-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  box-shadow: 0 0 18px rgb(0 0 0 / 38%);
  border: none;
}
.navbar-nav li:hover > ul {
  top: 100%;
  opacity: 1;
  visibility: visible;
  display: block;
}
.navbar-nav > li > a + i,
.navbar-nav .sub-dropdown-menu a + i {
  display: none;
  position: absolute;
  right: 15px;
  top: 7px;
  font-size: 18px;
  cursor: pointer;
  color: #fff;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
}
.close-toggler {
  display: none;
}
.navbar-toggler {
  display: none;
}
.header_info {
  display: flex;
}
.book_btn a {
  background: #0022d2;
  font-size: 16px;
  color: #fff;
  border-radius: 38px;
  text-decoration: none;
  box-shadow: 0px 11px 19px rgb(0 0 0 / 32%);
  padding: 14px 30px;
  display: inline-block;
  font-weight: bold;
}
.book_btn a:hover {
  background: #000;
}
.book_btn i {
  padding-left: 7px;
}
.book_btn a.mblogin {
  display: none;
}
.navbar-nav > li.mbchatlink {
  display: none;
}
.navbar-light .navbar-nav .nav-link.caret::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.15em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.header-wrap .dropdown a.caret2::after {
  display: inline-block;
  margin-left: 0.255em;
  width: 0;
  height: 0;
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  content: "";
  border-left: 0.3em solid #000;
}
.navbar-nav > li > ul > li:hover > a.caret2::after {
  border-left-color: #fff;
}
.navbar-nav .dropdown-menu a {
  font-size: 14px;
  border-radius: 0;
}
.navbar-nav .dropdown-menu a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #0022d2;
}
.InnerHeader .navbar-nav {
  margin-top: 22px;
}
/*********************************************    Custom slider options**********************************************/
.tp-banner-container {
  position: relative;
  /*z-index: -1;*/
  padding: 0;
  width: 100%;
  margin: 0 auto;
  background: #ddd;
  height: 100%;
}
.tp-banner {
  position: relative;
  width: 100%;
}
.tp-caption {
  line-height: normal !important;
}
.tp-caption a {
  color: inherit !important;
}
.tp-bullets.simplebullets.round .bullet {
  border: 1px #fff solid;
  border-radius: 50%;
  background-image: none !important;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-left: 3px;
  border-radius: 50%;
  cursor: pointer;
}
.tp-bullets.hidebullets {
  opacity: 1;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
  background: #0022d2 !important;
}
.tp-bullets {
  bottom: 60px !important;
}
.tparrows {
  width: auto !important;
  height: auto !important;
  background-image: none !important;
}
.tp-arr-allwrapper {
  margin-right: 15px;
  width: 50px;
  height: 50px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}
.tp-arr-allwrapper:hover .tp-arr-iwrapper {
  color: #000;
}
.tp-leftarrow .tp-arr-allwrapper {
  display: none;
}
.tp-rightarrow .tp-arr-allwrapper {
  display: none;
}
.tp-arr-iwrapper {
  color: #000;
  text-align: center;
  font-size: 30px;
  font-family: "Font Awesome 5 Free";
  line-height: 50px;
  font-weight: 900;
}
.tp-leftarrow .tp-arr-iwrapper {
}
.tp-leftarrow .tp-arr-iwrapper:before {
  content: "\f104";
}
.tp-rightarrow .tp-arr-iwrapper:before {
  content: "\f105";
}
.tp-rightarrow .tp-arr-iwrapper {
}
.slide-h1 {
  margin: 5px 0 !important;
  padding: 0 0 10px !important;
  padding-bottom: 5px !important;
  color: #444;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 57px;
}
.slide-h2 {
  margin: 5px 0 !important;
  padding: 0 0 10px !important;
  padding-bottom: 5px !important;
  color: #555;
  font-weight: bold;
  font-size: 55px;
  line-height: 100%;
}
.big-font {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 60px;
}
.large-desc {
  font-size: 16px;
}
.slide-h3 {
  color: #fff;
  font-size: 31px;
  line-height: 100%;
}
.slide-h3 span {
  text-transform: uppercase;
  font-weight: bold;
}
.slide-head {
  text-transform: uppercase;
  font-weight: 900;
  font-size: 30px;
}
.slide-desc {
  font-size: 22px;
  line-height: 150%;
}
.main-title {
  text-transform: uppercase;
  font-weight: 800;
  font-size: 70px;
}
.icon-cont {
  padding: 15px 40px;
  border-radius: 10px;
  text-align: center;
}
.icon-cont:after {
  position: absolute;
  bottom: -10px;
  left: 40%;
  z-index: 5;
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 10px 10px 0 10px;
  border-style: solid;
  content: "";
}
.icon-cont i {
  margin-bottom: 10px;
  color: #fff;
  font-size: 50px;
}
.icon-cont span {
  display: block;
  padding: 0 0 5px;
  color: #fff;
  text-align: center;
  font-size: 18px;
}
a.wit-btn {
  background: #fff;
  color: #333 !important;
  text-transform: uppercase;
}
.wit-line {
  width: 5%;
  height: 1px;
  background: #fff;
}
.vert-line {
  min-height: 270px;
  width: 1px;
  background: #fff;
}
.subTxt {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 17px;
  color: #333;
}
.large-title {
  color: #222;
  font-size: 60px;
  font-weight: 800;
  text-transform: uppercase !important;
}
.large-light-title {
  color: #787878 !important;
  font-size: 70px;
  font-weight: lighter;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.large-text {
  font-size: 20px;
  color: #000;
  font-weight: lighter;
}
.larger-text {
  font-size: 24px;
  font-weight: lighter;
  text-transform: uppercase;
}
.witTxt {
  color: #fff !important;
}
.light-font {
  font-weight: lighter !important;
  font-size: 50px;
}
.black-bg {
  background: rgba(0, 0, 0, 0.63);
  color: #a8a8a8;
  text-transform: none;
}
.lft-list {
  padding: 10px;
  font-size: 18px;
  color: #fff;
}
.wit-border {
  border: 1px #fff solid;
  padding: 15px 60px;
  color: #fff;
  font-size: 16px;
  text-transform: uppercase;
}
.rounded-bord {
  margin-right: 15px;
  border: 1px #fff solid;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  border-radius: 50%;
}
#vertical-ticker {
  height: 120px;
  overflow: hidden;
}
#vertical-ticker li {
  padding: 15px 20px;
  display: block;
  text-align: center;
}
.to-bottom i.fa {
  font-size: 30px;
  border: 2px #a8a8a8 solid;
  padding: 20px 22px;
  border-radius: 50%;
  -webkit-animation: bounce 2s infinite linear;
  animation: bounce 2s infinite linear;
}
.slidertext1 {
  color: #fff;
  font-size: 30px;
  line-height: 30px !important;
  font-weight: bold !important;
  padding: 0;
  text-transform: none !important;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  font-family: "Open Sans", sans-serif;
  text-align: left;
}
.slidertext2,
.slidertext2 h1,
.slidertext2 h2 {
  color: #fff;
  font-size: 72px;
  line-height: 70px !important;
  font-weight: bold !important;
  padding: 0;
  text-transform: none !important;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  font-family: "Open Sans", sans-serif;
  text-align: left;
}
.slidertext02,
.slidertext02 h1,
.slidertext02 h2 {
  color: #fff;
  font-size: 72px;
  line-height: 70px !important;
  font-weight: bold !important;
  padding: 0;
  text-transform: none !important;
  text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
  font-family: "Open Sans", sans-serif;
  text-align: left;
}
/*.slidertext2 h1{font-size: 30px !important; text-align: center !Important;*/
/*line-height: 40px !important;}*/
/*.slidertext2 h1 span{display:block;}*/
.sliderprara {
  margin-top: 140px !important;
}
.sliderprara span {
  display: block;
}
.slidertext3 {
  color: #fff;
  font-size: 34px;
  line-height: 30px !important;
  font-weight: bold !important;
  padding: 0;
  text-transform: uppercase !important;
  font-family: "Open Sans", sans-serif;
  text-align: left;
  letter-spacing: 12px;
}
.slidertext03,
.slidertext03 h3 {
  color: #fff;
  font-size: 20px !important;
  line-height: 26px !important;
  font-weight: 600 !important;
  padding: 0 !important;
  text-transform: none !important;
  font-family: "Open Sans", sans-serif;
  text-align: center !important;
}
.slidertext4 a {
  color: #fff !important;
  font-size: 16px;
  border-radius: 40px;
  background: #fdb407;
  font-weight: 700;
  padding: 18px 50px;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase !important;
  text-align: left;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
}
.slidertext4 a:hover {
  background: #000;
  color: #fff !important;
}
a.slidebtn {
  color: #fff !important;
  padding: 10px 30px !important;
  font-size: 16px;
  line-height: 24px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  display: inline-block;
  font-family: "Open Sans", sans-serif;
  border: 2px solid #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}
a.slidebtn:hover {
  background: #fff;
  color: #000 !important;
}
.slidertext5 a {
  border: none;
  background: #c00a27;
  padding: 20px 50px;
}
.slidertext5 a:hover {
  background: #ffc501;
  color: #000 !important;
}
.sliderimg img {
  border-radius: 10px;
  box-shadow: -10px 9px 30px rgb(0 0 0 / 30%);
}
.tp-banner {
  margin-top: 0;
}
.hover_link {
  position: fixed;
  left: 0;
  top: 50%;
  margin-top: -250px;
  z-index: 1000;
}
.leftnav {
  list-style: none;
  margin: 0;
  padding: 10px 0;
  background: #0022d2;
  width: 64px;
  border-radius: 0 8px 8px 0;
  box-shadow: 20px -1px 20px rgb(0 0 0 / 30%);
  font-family: "Open Sans", sans-serif;
}
.leftnav li a {
  display: block;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  padding: 7px 0;
  text-align: center;
  position: relative;
}
.leftnav li:last-child a {
  border-bottom: none;
}
.leftnav li a:hover {
  background: rgba(0, 0, 0, 0.1);
}
.leftnav li a span {
  display: none;
  position: absolute;
  left: 100%;
  background: #000;
  color: #fff;
  font-size: 13px;
  padding: 7px 15px;
  border-radius: 4px;
  top: 10px;
  min-width: 180px;
  -webkit-animation: rightarrow 0.6s infinite alternate ease-in-out;
  box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
  text-align: left;
}
.leftnav li:nth-child(4) a span {
  min-width: 250px;
}
.leftnav li a:hover span {
  display: block;
}
.leftnav li a span:before {
  content: " ";
  position: absolute;
  left: -7px;
  top: 8px;
  border-top: 8px solid transparent;
  border-right: 8px solid black;
  border-left: none;
  border-bottom: 8px solid transparent;
}
@-webkit-keyframes rightarrow {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0.4em);
  }
}
.owl-nav.disabled,
.owl-dots {
  display: none;
}
@-webkit-keyframes bounce {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Mozilla Firefox 15 below */
@-moz-keyframes bounce {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
  }
}
/* Opera 12.0 */
@-o-keyframes bounce {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
  }
}
/* W3, Opera 12+, Firefox 16+ */
@keyframes bounce {
  0% {
    transform: translateY(0%);
  }
  50% {
    transform: translateY(-30%);
  }
  100% {
    transform: translateY(0);
  }
}
/*********************************************        Services css*********************************************/
.services-wrap {
  margin-top: 1px;
}
.services-wrap .col {
  padding-left: 1px;
  padding-right: 0;
}
.services-wrap h4 a {
  font-size: 16px;
  color: #fff;
}
.services-wrap h4 span {
  display: block;
}
.services-wrap h4 a:hover {
  color: #a2c5ff;
  text-decoration: underline;
}
.serviceImg {
  position: relative;
  overflow: hidden;
}
.serviceImg img {
  width: 100%;
  transform: scale(1);
  -webkit-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
.serviceImg:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.service_info {
  display: flex;
  justify-content: space-between;
  padding: 30px 15px 20px 15px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+100&0+0,1+100 */
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(0, 0, 0, 1) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#000000', GradientType=0);
  /* IE6-9 */
  align-items: center;
}
.services-wrap .service_icon a {
  text-decoration: none;
  width: 30px;
  height: 30px;
  background: #0022d2;
  color: #fff;
  display: block;
  text-align: center;
  line-height: 30px;
  border-radius: 100%;
}
.services-wrap .service_icon a i {
  font-size: 14px;
}
.services-wrap .service_icon a:hover {
  background: #fff;
  color: #6fa6ff;
}
.service_icon {
  margin-top: 0;
}
/*********************************************        Why Choose Us css*********************************************/
.oft-ins23 {
  background: url(../images/offer-bg.jpg) no-repeat top;
  background-size: cover;
  padding: 30px 30px;
  text-align: center;
  margin-top: 40px;
}
.oft-ins23 h4 {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
  margin: 0;
}
.choose-wrap {
  padding: 30px 0 50px 0;
}
.choose_box {
  background: #0022d2 url(../images/tiles-bg.jpg) no-repeat bottom;
  padding: 20px 15px 15px 15px;
  text-align: center;
  border-radius: 12px;
  position: relative;
  overflow: hidden;
}
.choose_box:hover {
  background: #118cc8;
}
.choose_sec {
  max-width: 1140px;
  margin: 0 auto;
}
.choose_box h4 {
  color: #fff;
  min-height: 65px;
  font-size: 18px;
  font-weight: bold;
  margin-top: 16px;
}
.choose_box h4 span {
  display: block;
}
/*
.choose_box:before {
  content: "";
  background: url(../images/choose_before.png) no-repeat top;
  width: 271px;
  height: 155px;
  position: absolute;
  top: 0;
  left: 0;
}
*/
.choose_icon {
  z-index: 100;
  position: relative;
}
/*********************************************        Taglines css*********************************************/
.taglines {
  background: url(../images/tagline-bg.jpg) no-repeat top;
  background-size: cover;
  padding: 30px 0;
  text-align: center;
}
.taglines ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.taglines ul li {
  font-size: 36px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
}
/*********************************************        Testimonial css*********************************************/
.testimonial-wrap {
  background: #f4f4f4;
  padding: 50px 0;
  text-align: center;
}
.testi_info {
  background: #fff;
  padding: 20px;
  box-shadow: 0px 0 19px rgb(0 0 0 / 5%);
  border-radius: 5px;
}
.testimonial-wrap .title h1 {
  color: #000;
  font-size: 36px;
}
.testimonial-wrap p {
  color: #595c63;
  line-height: 24px;
  font-size: 15px;
  font-style: italic;
}
.testi_top {
  display: flex;
  justify-content: space-between;
  margin-top: -60px;
}
.testiImg {
  position: absolute;
  bottom: -50px;
  left: 0;
}
.testimonial-wrap .owl-nav {
  display: none;
}
.testimonial-wrap .owl-dots {
  text-align: center;
  margin-top: 15px;
}
.testimonial-wrap ul li {
  padding: 48px 10px 10px 10px;
}
.quote_icon {
  margin-top: 6px;
}
.starWrp {
  margin: 5px 0;
}
.starWrp li {
  display: inline-block;
  padding: 0 !important;
  color: #ffb21d;
}
.testimonial-wrap .owl-dots button {
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 100%;
  background: #0022d2;
  margin: 5px;
}
.testimonial-wrap button.active {
  width: 50px;
  border-radius: 10px;
}
.client_name {
  font-size: 24px;
  font-weight: bold;
  color: #000;
}
/*********************************************        Video css*********************************************/
.intvideos {
  padding: 50px 0;
  background: #f4f4f4;
}
.intgallery {
  padding: 50px 0;
}
.videoImg {
  position: relative;
  padding-bottom: 1px;
}
.videoImg img {
  width: 100%;
}
.video-wrap .row {
  justify-content: center;
}
.video-wrap .col-lg-6 {
  padding: 0;
}
.video-wrap .col-lg-6:first-child {
  padding-right: 1px;
}
.playbtn {
  text-align: center;
  margin-top: -40px;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
}
.playbtn a {
  box-sizing: content-box;
  display: inline-block;
  width: 32px;
  height: 44px;
  background: #0022d2;
  border-radius: 50%;
  padding: 18px 20px 18px 28px;
  position: relative;
}
.playbtn a:before {
  content: "";
  position: absolute;
  z-index: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  background: #0022d2;
  border-radius: 50%;
  -webkit-animation: pulse-border 1500ms ease-out infinite;
  animation: pulse-border 1500ms ease-out infinite;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.playbtn a span {
  z-index: 999;
  position: relative;
  font-size: 24px;
  position: absolute;
  left: 2px;
  width: 100%;
  color: #fff;
  top: 50%;
  margin-top: -18px;
}
.playbtn a:after {
  content: "";
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}
@-webkit-keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
@keyframes pulse-border {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0)
      scale(1.5);
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0;
  }
}
/*********************************************        Our Work css*********************************************/
.work_wrap {
  padding: 50px 0;
}
.work_wrap ul li {
  margin: 15px 0;
}
.portfolio-overley {
  z-index: 1000;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(0 86 224 / 45%);
  text-align: center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.work_wrap .content,
.work_wrap .content {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
}
.work_wrap .content .image-link,
.work_wrap .content .image-link {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  color: #0022d2;
  line-height: 50px;
  background: #fff;
  display: block;
  font-size: 16px;
  z-index: 1;
  text-align: center;
  margin-left: -25px;
  margin-top: -25px;
  border-radius: 100%;
}
.work_wrap .workImg {
  position: relative;
  overflow: hidden;
}
.work_wrap .workImg:hover .portfolio-overley,
.galley_inner .workImg:hover .portfolio-overley {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.galleryscroll .workImg img {
  width: 100%;
}
.galleryscroll ul li {
  margin: 0;
}
.videoslist .owl-nav,
.galleryscroll .owl-nav,
.projectimages .owl-nav {
  text-align: center;
  margin-top: 30px;
}
.videoslist .owl-nav button,
.galleryscroll .owl-nav button,
.projectimages .owl-nav button {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: none;
  line-height: 40px;
  text-align: center;
  margin: 0 7px;
  border-radius: 5px;
  background: #e3e5f7;
}
.videoslist .owl-nav button:hover,
.galleryscroll .owl-nav button:hover,
.projectimages .owl-nav button:hover {
  background: #0022d2;
  color: #fff;
}
.videoslist .owl-nav button:focus,
.galleryscroll .owl-nav button:focus,
.projectimages .owl-nav button:focus {
  outline: none;
}
.videoslist .playbtn {
  margin-top: -20px;
}
.videoslist .playbtn a {
  width: 40px;
  height: 40px;
  padding: 0;
}
.videoslist .playbtn a span {
  font-size: 16px;
  margin-top: -12px;
}
.videoslist .playbtn a:after,
.videoslist .playbtn a:before {
  width: 40px;
  height: 40px;
}
.protitle {
  font-weight: 700;
}
.projectimages .workImg img {
  width: 100%;
}
/******** Support *********/
.contact_style3 {
  text-align: center;
  margin-bottom: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 40px 20px;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  min-height: 243px;
}
.ribbon-1 {
  position: absolute;
  background: #0022d2;
  box-shadow: 0 0 0 999px #0022d2;
  clip-path: inset(0 -100%);
  font-family: "Exo", sans-serif;
  color: #fff;
  inset: 0 auto auto 0;
  transform-origin: 100% 0;
  transform: translate(-29.3%) rotate(-45deg);
}
.contact_style3 .contact_icon {
  border: 1px solid #0022d2;
  margin: 0 0 5px;
  height: 80px;
  width: 80px;
  text-align: center;
  display: inline-block;
  overflow: hidden;
  border-radius: 100%;
  position: relative;
  z-index: 1;
}
.contact_style3 .contact_icon::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #0022d2;
  z-index: ;
  transition: all 0.5s ease-in-out;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
  border-radius: 100%;
  z-index: -1;
}
.contact_style3 .contact_icon i {
  font-size: 30px;
  color: #0022d2;
  line-height: 78px;
  transition: all 0.5s ease-in-out;
}
.contact_text span {
  display: block;
  margin: 10px 0;
}
.contact_text a,
.contact_style3 a {
  color: #687188;
  line-height: 28px;
  text-decoration: none;
}
.contact_text a:hover,
.contact_style3 a:hover {
  color: #0022d2;
}
.splogin {
  max-width: 450px;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 15px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  padding: 50px;
  background: #fff;
}
.splogin h3 {
  text-align: center;
  margin-bottom: 30px;
  font-weight: 700;
}
.splogin .form-control {
  border: 1px solid #ced4da;
  border-radius: 40px;
  padding: 10px 20px;
  height: auto;
}
.splogin .form-group {
  margin-bottom: 20px;
}
.splogin .forgotlink {
  color: #0022d2;
}
.splogin .form-group .btn {
  width: 100%;
}
.faq-wrapper {
  background: #eff2fb;
  padding: 50px;
  border-radius: 10px;
}
.faq-wrapper h1 {
  font-size: 24px;
  font-weight: 700;
}
.chatlink {
  padding: 10px 0 20px 0;
}
.chatlink a {
  display: block;
  padding: 15px 30px;
  font-size: 18px;
  font-weight: 700;
  background: #0022d2;
  border: none;
}
.chatlink a:hover {
  background: #000;
}
/*********************************************        Question css*********************************************/
.questionbox {
  background: #0022d2;
  padding: 44px 0 40px 0;
  text-align: center;
  border-radius: 15px;
  position: relative;
  overflow: hidden;
}
.questionbox:before {
  content: "";
  background: url(../images/question-before.png) no-repeat top;
  background-size: cover;
  width: 910px;
  height: 285px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.questionbox h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}
.questionbox p {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 3px;
}
.questionbox .phonenum a {
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.questionbox .readmore a {
  background: #fff;
  color: #000;
}
.questionbox .readmore a:hover {
  background: #000;
  color: #fff;
}
.questionbox .readmore i {
  padding-right: 6px;
}
.quest_info {
  z-index: 100;
  position: relative;
}
/*********************************************        Authorized css*********************************************/
.authorized_wrap {
  padding: 40px 0;
}
.logosWrp li img {
  border: 1px solid #ededed;
  padding: 10px;
  border-radius: 3px;
}
/*********************************************        Explore css*********************************************/
.explore_wrap {
  background: #0022d2;
  padding: 20px 0 0 0;
}
.explore_info {
  text-align: center;
}
.explore_info h3 {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-shadow: 0px 4px 5px rgb(0 0 0 / 15%);
  margin-bottom: 5px;
}
.explore_info h3 span {
  display: block;
}
.explore_info p {
  font-size: 16px;
  line-height: 24px;
  color: #65a8d5;
  font-family: "Montserrat", sans-serif;
}
.buttonWrps {
  float: right;
  margin-top: 10px;
  display: inline-block;
}
.option_btn a {
  text-decoration: none;
  border: 1px solid #fff;
  display: inline-block;
  padding: 11px 45px;
  border-radius: 6px;
  color: #333d48;
  box-shadow: 0px 10px 10px rgb(0 0 0 / 25%);
  font-size: 24px;
  font-weight: bold;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,d8d8d8+100 */
  background: rgb(255, 255, 255);
  /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(216, 216, 216, 1) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 1) 0%,
    rgba(216, 216, 216, 1) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 1) 0%,
    rgba(216, 216, 216, 1) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=0);
  /* IE6-9 */
}
.option_btn a:hover {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d8d8d8+0,ffffff+100 */
  background: rgb(216, 216, 216);
  /* Old browsers */
  background: -moz-linear-gradient(
    top,
    rgba(216, 216, 216, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(216, 216, 216, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(216, 216, 216, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8d8d8', endColorstr='#ffffff', GradientType=0);
  /* IE6-9 */
}
.explore_text {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top: 6px;
}
.explore_text img {
  padding-right: 10px;
}
/*********************************************        Footer css*********************************************/
.footerwrap {
  background: #131b29;
  padding: 0px 0 20px 0;
  color: #bcbdc6;
}
.footerbox {
  background: #131b29;
  padding: 30px 0px;
}
.footerwrap table {
  border: none;
}
.footerbox p {
  color: #999999;
  line-height: 22px;
}
.ftlogo {
  margin-bottom: 25px;
}
.fttxt {
  color: #fff;
  margin-bottom: 10px;
  position: relative;
  padding-left: 36px;
  line-height: 20px;
}
.fttxt i {
  position: absolute;
  left: 0;
  font-size: 20px;
  top: 1px;
}
.ftphone {
  margin-top: 15px;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
}
.ftphone a {
  text-decoration: none;
}
.ftphone i {
  margin-right: 10px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}
.ftphone a {
  color: #fff;
}
.fttxt a {
  color: #fff;
  text-decoration: none;
}
.footerwrap h5 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  min-height: 44px;
  margin-top: 50px;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
  background-color: transparent;
}
.footerwrap .table td {
  border: none;
  line-height: 24px;
  padding: 0;
  font-size: 14px;
  color: #acaebe;
}
.ftnav li {
  padding: 5px 0;
}
.ftnav li:first-child {
  padding-top: 0;
}
.ftnav li a {
  color: #acaebe;
  text-decoration: none;
}
.ftnav li a:hover,
.ftphone a:hover,
.fttxt a:hover {
  color: #0098ff;
}
.payicons {
  border-top: 1px solid #353c48;
}
.btlogos {
  margin-top: 10px;
}
.btlogos a {
  padding-right: 14px;
}
.payico {
  text-align: right;
  margin-top: 25px;
}
/*********************************************        Copyright css*********************************************/
.copyright_wrap {
  padding: 15px 0;
}
.copyrightText {
  font-size: 14px;
  color: #a8a8a8;
}
.copyright_links {
  text-align: center;
  margin-bottom: 0;
}
.copyright_links li {
  display: inline-block;
  padding: 0 10px;
}
.credits {
  text-align: right;
}
.credits,
.credits a,
.copyright_links li a {
  font-size: 14px;
  color: #a8a8a8;
  text-decoration: none;
}
.credits a:hover,
.copyright_links li a:hover {
  color: #006db6;
}
.floatingbtn{
  background: #0022d2;
  font-size: 16px;
  color: #fff;
  border-radius: 38px;
  text-decoration: none;
  box-shadow: 0px 11px 19px rgb(0 0 0 / 32%);
  padding:10px 20px;
  display: inline-block;
  font-weight: bold;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 1;
}
.floatingbtn:hover{text-decoration: none; background: #000; color: #fff;}
/*********************************************        Innerheader css*********************************************/
.innerheader-wrap {
  background: #eef5ff;
  padding: 18px 0 14px 0;
}
.InnerHeader {
  position: static;
  background: #0022d2;
  padding: 12px 0;
}
.breadcrumbWrp {
}
.innerheader-wrap h1 {
  text-align: center;
}
.InnerHeader .navbar {
  margin-top: 5px;
}
.innerheader-wrap h1 {
  font-weight: bold;
  color: #000;
  font-size: 30px;
  margin-bottom: 0;
}
.innerContent_wrap {
  padding: 60px 0;
}
.smarthomeWrp {
  margin-top: -38px;
  padding: 0 !important;
  background: none;
  z-index: 100;
  position: relative;
}
.smarthomeWrp h1 {
  color: #fff;
  background: #0022d2;
  box-shadow: 0px 2px 19px 4px rgb(0 0 0 / 30%);
  padding: 18px 34px;
  display: inline-block;
}
/*********************************************        Breadcrumb css*********************************************/
.breadcrumb {
  margin-bottom: 0;
  background: transparent;
  padding: 0;
  margin-top: 3px;
  border-radius: 0;
  display: block !important;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumbWrp {
  display: flex;
  justify-content: space-between;
}
.breadcrumbWrp .breadcrumb li:after {
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f101";
  margin-left: 9px;
  margin-right: 3px;
  color: #b7b7b7;
}
.breadcrumbWrp .breadcrumb li:last-child:after {
  display: none;
}
.breadcrumbWrp .breadcrumb > li a {
  text-decoration: none;
  color: #999;
  font-size: 14px;
}
.breadcrumbWrp .breadcrumb li.active span {
  color: #0022d2;
  font-weight: 600;
  font-size: 15px;
}
.network_Img {
  text-align: center;
}
.network_Img img {
  width: 100%;
}
/*********************************************        contact css*********************************************/
.contactWrp {
  padding-top: 60px;
}
.single-contact-info {
  position: relative;
  margin-bottom: 30px;
  position: relative;
  z-index: 1;
}
.single-contact-info::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  width: 210px;
  height: 124px;
  background-color: #ffffff;
  z-index: -1;
  border-radius: 4px;
  border: 1px solid #ebebeb;
}
.single-contact-info i {
  font-size: 36px;
  line-height: 1;
  position: absolute;
  top: 22px;
  left: 20px;
  color: #0d5fe2;
}
.single-contact-info i.fa-phone-volume {
  font-size: 40px;
  top: 21px;
}
.single-contact-info .count-title {
  text-align: center;
  border: 1px solid #0d5fe2;
  margin-left: 80px;
  padding: 15px 30px;
  border-radius: 4px;
  min-height: 80px;
  background-color: #fff;
}
.single-contact-info .count-title p {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 0;
  color: #000;
}
.single-contact-info .count-title p.phone_no {
  font-size: 20px;
  margin-top: 12px;
}
.single-contact-info .count-title p a {
  color: #000;
  text-decoration: none;
}
.single-contact-info .count-title p a:hover {
  color: #0d5fe2;
}
.contact_form {
  margin-top: 50px;
  position: relative;
}
.contact_form .form-group {
  position: relative;
  margin-bottom: 20px;
}
.mt_3 {
  margin-top: 13px;
}
.contact_form .form-group input[type="text"],
.contact_form .form-group input[type="email"],
.contact_form .form-group textarea {
  position: relative;
  display: block;
  width: 100%;
  height: 52px;
  background: #fbfbfb;
  border: 1px solid #e2ddde;
  padding: 10px 20px;
  font-size: 15px;
  color: #606060;
  transition: all 500ms ease;
  border-radius: 5px;
}
.contact_form .form-group textarea {
  height: 110px;
}
.contact_form .form-address textarea {
  height: 80px !important;
}
.contact_form .form-group input:focus,
.contact_form .form-group textarea:focus {
  border-color: #e2ddde !important;
  outline: none;
}
.contact_form .btn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 18px;
  box-shadow: 0px 11px 15px rgb(0 0 0 / 18%);
  font-family: "Montserrat", sans-serif;
  line-height: 25px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 16px 40px;
  border-radius: 38px;
  z-index: 1;
  transition: all 500ms ease;
  background: #0022d2;
}
.contact_form .btn:hover {
  background: #000;
}
.contact_iframe {
  width: 100%;
  position: relative;
}
.contact_iframe iframe {
  width: 100%;
  border: none;
}
/*********************************************        TeamWrap css*********************************************/
.teamWrap {
  position: relative;
}
.teamWrap .member-card {
  padding-top: 110%;
  position: relative;
  overflow: hidden;
}
.teamWrap .member-card::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: linear-gradient(180deg, transparent 0%, rgb(0 0 0 / 60%) 100%);
  z-index: 3;
  transition: 0.4s;
  opacity: 0;
}
.teamWrap .member-card:hover::before {
  opacity: 1;
}
.teamWrap .member-card .mc-img {
  position: absolute;
  height: 100%;
  width: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
  z-index: 2;
  transition: 0.5s ease-in;
}
.teamWrap .member-card:hover .mc-img {
  transform: scale(1.1);
}
.teamWrap .member-card .mc-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 4;
  padding: 24px;
}
.teamWrap .member-card h4 {
  color: #fff;
  font-weight: 700;
  line-height: 1.3;
  font-size: 1.5rem;
  margin-bottom: 5px;
}
.teamWrap .member-card h4 a {
  color: #fff;
  text-decoration: none;
}
.teamWrap .member-card h4 a:hover {
  color: #0d5fe2;
  text-decoration: none;
}
.teamWrap .member-card p {
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.9;
  color: #fff;
}
.innerContent_wrap .imgGallery {
  padding: 0;
}
.imgGallery li {
  margin: 15px 0;
}
.imgGallery .workImg {
  border: 4px solid #fff;
  box-shadow: 0 0 10px rgb(0 0 0 / 14%);
}
.innerContent_wrap .services-wrap {
  padding: 0;
}
.innerContent_wrap .services-wrap ul li {
  margin: 15px 0;
}
/*********************************************        FAQS css*********************************************/
.faq-wrapper .card {
  border: none;
  border-radius: 0px;
}
.faq-wrapper .card .card-header {
  background: #f7f7f7;
  border-radius: 0px;
  color: #111111;
  font-size: 15px;
  font-weight: 600;
  padding: 16px 30px;
  text-decoration: none;
  position: relative;
}
.faq-wrapper .card .card-header[aria-expanded="true"] {
  background: #0022d2;
  color: #fff;
}
.faq-wrapper .card .card-header .toggle_btn {
  position: absolute;
  right: 18px;
  top: 50%;
  margin-top: -12px;
}
.faq-wrapper .card .card-header .toggle_btn:after {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  display: inline-block;
  font-size: 15px;
  color: #0022d2;
  -webkit-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.mb-10 {
  margin-bottom: 10px;
}
.faq-wrapper .card .card-header[aria-expanded="true"] .toggle_btn:after {
  content: "\f068";
  color: #fff;
}
.faq-wrapper .card .card-body {
  background: #fff;
  padding: 20px;
  border: 1px solid #efefef;
}
.faq-wrapper .card .card-body p {
  color: #000;
  margin-bottom: 0px;
}
.faq-wrapper .card .card-header:hover {
  background: #0022d2;
  color: #fff;
}
.faq-wrapper .card .card-header:hover .toggle_btn:after {
  color: #fff;
}
.termswrap ol {
  list-style: decimal;
  margin: 15px 15px 0 18px;
}
.termswrap ol li {
  padding: 7px 0;
  line-height: 22px;
  font-family: "Montserrat", sans-serif;
}
.thumb-blog-default {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e5e8f3;
}
.media {
  display: flex;
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important;
}
.post-meta span {
  color: #a5a5a5;
  font-size: 13px;
}
.thumb-blog-default h4 a {
  font-size: 20px;
  text-decoration: none;
  color: #000;
}
.thumb-blog-default h4 a:hover {
  color: #0022d2;
}
.thumb-blog-default p {
  font-size: 14px;
  line-height: 24px;
}
.thumb-blog-default .readmore {
  text-align: left;
}
.thumb-blog-default .readmore a {
  font-size: 14px;
  padding: 14px 30px;
}
.sidebar-widget h4 {
  font-size: 20px;
  background-color: #f1f7ff;
  padding: 15px 30px;
  margin-bottom: 0;
  border-radius: 30px 0 0 0;
}
.sidebar-widget ul {
  padding: 30px;
  margin: 0;
  list-style-type: none;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 5px 20px 3px rgb(230 233 249 / 90%);
  box-shadow: 0px 5px 20px 3px rgb(230 233 249 / 90%);
  border-radius: 0 0 30px 0;
}
.sidebar-widget.categories ul li {
  position: relative;
  margin-bottom: 10px;
  font-size: 16px;
  position: relative;
  border-bottom: 1px solid #eeeeee;
  padding-bottom: 10px;
}
.sidebar-widget.categories ul li a {
  text-decoration: none;
  color: #454545;
}
.sidebar-widget.categories ul li a:hover {
  color: #0022d2;
}
.blog-pagination a {
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  color: #0022d2;
  border: 1px solid #0022d2;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  margin: 3px;
}
.blog-pagination a:hover,
.blog-pagination a.active {
  background: #0022d2;
  color: #ffffff;
}
.blog_details .post-meta {
  margin-top: 30px;
  margin-bottom: 6px;
}
blockquote {
  font-size: 14px;
  font-style: italic;
  line-height: 24px;
  background: #edf8ff;
  padding: 25px;
  border-left: 8px solid #0022d2;
  margin: 20px 0;
}
.forgotlinks a {
  font-size: 12px;
  margin: 0 5px;
}
/*********************************************        Network css*********************************************/
.networkWrp {
  padding: 0px 0 30px 0;
}
.network_install_img {
  position: relative;
  display: inline-block;
}
.network_install_img:before {
  content: "";
  border: 8px solid #0022d2;
  position: absolute;
  top: 40px;
  right: -50px;
  bottom: 40px;
  left: 40px;
  z-index: -1;
}
.network_install_img:after {
  content: "";
  background: url(../images/hover_box.png) no-repeat top;
  width: 183px;
  height: 163px;
  position: absolute;
  bottom: 50px;
  left: -60px;
}
/*********************************************        TV InternetWrp css*********************************************/
.tvInternetWrp .inner-box {
  position: relative;
  display: block;
  background: #0022d2;
  margin-top: 30px;
  border-radius: 7px;
  overflow: hidden;
}
.icon_info {
  display: flex;
  justify-content: space-between;
}
.icon-num {
  padding-top: 20px;
  font-size: 50px;
  line-height: 1em;
  color: #ffffff;
  opacity: 0.1;
}
.tvInternetWrp .inner-box .icon-box {
  text-align: right;
}
.tvInternetWrp h6 {
  margin-top: 30px;
  color: #fff;
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 0;
}
.inner-box:before {
  content: "";
  background: url(../images/choose_before.png) no-repeat top;
  width: 271px;
  height: 155px;
  position: absolute;
  top: -29px;
  left: 0;
}
.tvInternetWrp .inner-box a {
  display: block;
  position: relative;
  z-index: 1;
  padding: 50px 45px;
}
.tvInternetWrp .inner-box a:hover {
  text-decoration: none;
}
.inner-box:hover {
  background: #092854;
}
.contact_form .form-control {
  height: 52px;
  border-radius: 5px;
  background: #fbfbfb;
}
.phoneboxWrp {
  margin-top: 70px;
}
.phoneboxWrp .phone_no {
  margin-top: 0px !important;
}
.phoneboxWrp h5 {
  margin-bottom: 3px;
  font-size: 16px;
  color: #0022d2;
}
.phoneboxWrp i {
  left: 28px;
}
.phoneboxWrp .single-contact-info {
  margin-top: 70px;
}
.phoneboxWrp .login_btn {
  margin-top: 60px;
}
/*********************************************        Commercial Services css*********************************************/
.image-icon-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-bottom: 115px;
  -webkit-box-shadow: -7px 7px 10px rgb(0 0 0 / 16%);
  -moz-box-shadow: -7px 7px 10px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 0px 5px 1px rgb(0 0 0 / 12%);
  margin-bottom: 30px;
  overflow: hidden;
}
.image-icon-box.is-inview .content-image img {
  opacity: 1;
  transform: scale(1);
}
.image-icon-box:hover .content-box .readmore {
  max-height: 190px;
  padding: 15px 0 24px 0;
}
.image-icon-box .content-box p {
  margin-bottom: 0px;
  margin-top: 10px;
  width: 100%;
}
.image-icon-box:hover .content-box {
  padding: 30px 20px 15px 20px;
}
.image-icon-box * {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -ms-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
.image-icon-box .icon {
  width: 60px;
  height: 60px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  background: #0d5fe2;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
}
.image-icon-box .icon img {
  height: 30px;
}
.image-icon-box .content-image {
  width: 100%;
  display: block;
  margin: 0;
  overflow: hidden;
}
.image-icon-box .content-image img {
  width: 100%;
  display: block;
  opacity: 0;
  transform: scale(1.2);
  transition-duration: 0.7s;
  -webkit-transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
  -webkit-transition-timing-function: cubic-bezier(0.86, 0, 0.09, 1);
}
.image-icon-box .content-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  padding: 30px 20px;
  background: #fff;
  position: absolute;
  left: 0;
  bottom: 0;
}
.image-icon-box .content-box .readmore {
  width: 100%;
  max-height: 0;
  justify-content: center;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.image-icon-box .content-box b {
  width: 100%;
  display: block;
  font-weight: 700;
  margin-bottom: 15px;
}
.image-icon-box .content-box h4 {
  margin-bottom: 0;
}
.image-icon-box .content-box h4 a {
  font-size: 20px;
  color: #0d5fe2;
  font-weight: 600;
  text-decoration: none;
}
.image-icon-box .content-box h4 a:hover {
  color: #000;
}
.image-icon-box .content-box .custom-link {
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 13px 40px;
  border-radius: 4px;
  z-index: 1;
  transition: all 500ms ease;
  background: #0d5fe2;
}
.sidenavv {
  padding: 25px;
  background: #f3f8fc;
}
.sidenavv ul {
  list-style: none;
}
.sidenavv .widget-title {
  padding-bottom: 10px;
  color: #0022d2;
  font-size: 24px;
  margin-top: 0;
}
.sidenavv li a {
  margin-bottom: 5px;
  width: 100%;
  display: block;
  text-decoration: none;
  position: relative;
  color: #848484;
  font-size: 14px;
  border: 1px solid #eee;
  font-weight: 600;
  background-color: #fafafa;
  padding: 15px 15px;
  transition: 0.5s;
}
.sidenavv li a:hover,
.sidenavv li a.active {
  background: #0022d2;
  color: #fff;
}
.services_inner h2 {
  font-size: 48px;
  font-weight: 300;
  color: #26272f;
  margin-bottom: 25px;
}
.services_inner .serviceImg {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.services_inner .serviceImg a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 15px;
  line-height: 25px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  padding: 13px 40px;
  border-radius: 4px;
  z-index: 1;
  transition: all 500ms ease;
  background: #0d5fe2;
}
.services_inner .box_padding {
  padding: 25px;
  border: 1px solid #eee;
  background: #fafafa;
  margin-bottom: 20px;
}
.services_inner .box_padding h3 {
  color: #0022d2;
  font-size: 24px;
}
.services_inner .box_padding p {
  font-size: 14px;
  line-height: 23px;
  margin-bottom: 0px;
  min-height: 68px;
}
.image-icon-box .content-box .readmore {
  margin-top: 0;
}
.image-icon-box .content-box .readmore a {
  font-size: 15px;
  padding: 15px 32px;
}
/*********************************************       Price css*********************************************/
ul.productList {
  list-style: none;
}
.pricing__plan {
  background-color: #fff;
  margin: 15px 0;
  min-height: 670px;
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: all 0.4s ease 0s;
  box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%);
}
.pricing__plan:hover {
  box-shadow: 0 10px 32px 0 rgb(43 52 59 / 10%);
}
.pricing__plan__inner {
}
.pricing__plan__inner .default-plan {
  transition: transform 0.2s ease 0s, opacity 0.2s ease 0s;
  opacity: 1;
  position: relative;
  z-index: 4;
  transform: translateY(0);
}
.pricing__plan__inner .table__head {
  display: block;
  position: relative;
  text-align: center;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  background-color: #f7f7f7;
}
.pricing__plan__inner:hover .table__head {
  background-color: #0022d2;
  color: #fff;
}
.pricing__plan__inner .table__title h5 {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  font-weight: 600;
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pricing__plan__inner .table__body {
  transition: all 0.5s ease;
  position: relative;
  padding: 0px 26px 40px 26px;
}
.pricing__plan__inner .table__body .table__icon {
  background: #0022d2;
  height: 100px;
  line-height: 100px;
  text-align: center;
  margin: 0 auto;
  width: 100px;
  border-radius: 50%;
}
.table__icon__element {
  color: #004976;
  height: auto;
  width: auto;
  line-height: 1;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
}
.table__icon__element i {
  position: unset;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
  display: inline-block;
  font-size: 40px;
  color: #fff;
}
.table__amount {
  margin-top: 30px;
  color: #0022d2;
}
.table__amount h5 {
  font-size: 30px;
  line-height: 30px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
}
.pac__frequency {
  display: inline-block;
  font-size: 12px;
  text-align: center;
  position: relative;
  right: 6px;
  top: 3px;
  line-height: 13px;
}
.table__features {
  list-style-type: none;
  position: relative;
  margin: 0;
  min-height: 355px;
  padding: 26px 25px 20px;
  margin: 0 -30px;
  text-align: left;
}
.table__features li {
  position: relative;
  padding: 12px 0;
  border-bottom: 1px solid #f1f1f1;
  font-weight: 400;
  font-size: 15px;
  padding-left: 20px;
  line-height: 20px;
  color: #888;
  background-color: #fff;
  letter-spacing: 0.3px;
}
.table__features li i {
  position: absolute;
  top: 14px;
  left: -3px;
  font-size: 18px;
}
.table__features li i.fa-check-circle {
  color: #59bb2a;
}
.table__features li i.fa-times-circle {
  color: #ff0f15;
}
.table__features li:last-child {
  border-bottom: none;
}
.table__footer {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 40px;
  transition: all 0.5s ease;
}
.call-wrap {
  background: #0022d2;
  padding: 40px;
}
.installation_btn a {
  text-decoration: none;
  font-size: 20px;
  font-weight: 700;
  color: #0022d2;
  box-shadow: 0 9px 6px rgb(0 0 0 / 8%);
  background: #fff;
  padding: 20px 35px 20px 70px;
  border-radius: 35px;
  display: inline-block;
  position: relative;
}
.installation_btn img {
  position: absolute;
  left: 23px;
  top: 11px;
}
.phone_sec {
  position: relative;
  padding-left: 74px;
  margin-top: 10px;
}
.phone_sec span {
  display: block;
  font-size: 16px;
  color: #fff;
  letter-spacing: 3px;
}
.phone_sec a {
  text-decoration: none;
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  font-family: Roboto, sans-serif;
  line-height: 34px;
}
.phone_sec:before {
  content: "";
  background: url(../images/phone_icon.png) no-repeat top;
  background-size: cover;
  width: 63px;
  height: 63px;
  position: absolute;
  top: 0px;
  left: 0;
}
.phone_sec:after {
  content: "";
  background: rgb(255 255 255 / 15%);
  position: absolute;
  top: -50px;
  left: -55px;
  width: 418px;
  height: 150px;
}
.installation_btn img {
  position: absolute;
  left: 23px;
  top: 16px;
}
.call-wrap .readmore {
  text-align: right;
  margin-top: 5px;
}
.call-wrap .readmore a {
  background: #fff;
  color: #000;
}
.call-wrap .readmore a:hover {
  background: #000;
  color: #fff;
}
.ChooseWrp .client_name {
  margin-bottom: 15px;
  color: #0022d2;
}
.ChooseWrp ul li {
  padding-top: 10px;
}
.ChooseWrp .owl-dots {
  display: block !important;
}
.owl-dots .owl-dot {
  width: 20px;
  height: 20px;
  border: 2px solid #2a9ef8;
  background: #fff;
  margin: 5px;
  display: inline-block;
}
.owl-dots .owl-dot span {
  display: none;
}
/**********************************    Career Page Start***********************************/
.searchList {
  list-style: none;
  margin-bottom: 30px;
}
.searchList > li {
  background: #fff;
  border: 1px solid #e4e4e4;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 5px;
}
.searchList > li:hover {
  border-color: #0022d2;
  background: #f9f9f9;
  box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.1);
}
.searchList li.jbexpired {
  background: #f8dfdf;
  border-color: #da3f3f;
}
.searchList li h3 {
  margin-bottom: 15px;
  line-height: normal;
}
.searchList li h3 a {
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
  color: #131b29;
}
.searchList li h3 a:hover {
  color: #0022d2;
}
.searchList li h3 span {
  font-size: 18px;
  color: #f00;
}
.searchList li .jbtype {
  display: inline-block;
  margin-left: 10px;
  background: #f3881a;
  color: #fff;
  font-size: 13px;
  border-radius: 4px;
  padding: 5px 10px;
  font-weight: 400;
}
.searchList li .jbtype.featured {
  background: #223486;
}
.jobitem {
  margin-bottom: 10px;
  padding-left: 25px;
  position: relative;
  line-height: 22px;
  font-size: 14px;
}
.jobitem.itemsalary {
  padding-left: 0;
  color: #0022d2;
  font-weight: bold;
}
.jobitem i {
  width: 20px !important;
  color: #bfbfbf;
  display: inline-block;
  text-align: left !important;
  position: absolute;
  left: 0;
  top: 4px;
}
.displayresult {
  text-align: right;
  margin-bottom: 15px;
}
.jobitem .symbol {
  color: #bfbfbf;
  display: inline-block;
  margin-right: 3px;
  min-width: 20px;
}
.searchList li.norecord {
  font-size: 18px;
  color: #666;
}
.searchList li.norecord strong {
  color: #eb090d;
  font-weight: 700;
}
.searchList li p {
  font-size: 14px;
  margin-bottom: 0;
}
.searchList li .skillbox {
  margin-top: 20px;
}
.searchList li .skillbox h5 {
  font-weight: 700;
  font-size: 16px;
  color: #1aa049;
}
.searchList li .skillbox ul {
  margin-left: 20px;
  margin-bottom: 0;
  list-style: disc;
}
.searchList li .skillbox ul li {
  font-size: 14px;
}
.searchList li .listbtn {
  margin-top: 10px;
}
.searchList li .listbtn a {
  background: #fff;
  display: inline-block;
  border-radius: 35px;
  color: #999;
  padding: 14px 25px;
  text-align: center;
  border: none;
  margin-right: 5px;
  font-weight: bold;
  font-size: 14px;
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.2);
}
.searchList li .listbtn a i {
  padding-right: 5px;
}
.searchList li .listbtn a.apply {
  background: #0022d2;
  color: #fff;
}
.searchList li .listbtn a:hover {
  background: #25292b;
  color: #fff;
}
.careerList {
  column-count: 3;
  margin-bottom: 20px;
}
/*********************************************
        Projects
*********************************************/
.projectswrap {
  padding: 60px 0;
}
.bd-portfolio {
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  margin-bottom: 30px;
}
.bd-portfolio:before {
  position: absolute;
  height: 0%;
  width: 100%;
  content: "";
  background: linear-gradient(rgba(22, 22, 22, 0.06) 0%, #0022d2 100%);
  opacity: 0.85;
  left: 0px;
  bottom: 0px;
  z-index: 1;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.bd-portfolio-text {
  position: absolute;
  left: 40px;
  bottom: -100px;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  z-index: 2;
  right: 15px;
}
.bd-portfolio-text span {
  font-size: 14px;
  color: #fff;
  display: block;
  font-weight: 500;
}
.bd-portfolio-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
  color: #fff;
}
.bd-portfolio-title a {
  color: #fff;
}
.bd-portfolio:hover:before {
  height: 100%;
}
.bd-portfolio:hover .bd-portfolio-text {
  bottom: 23px;
}
.location {
  color: #fff;
}
.projectinfo {
  background: #eef5ff;
  border-radius: 5px;
  padding: 25px;
}
.projectinfo h3 {
  font-weight: 700;
}
.projectinfo p {
  line-height: 22px;
}
.bd-service-details h2 {
  font-weight: 700;
}
.bd-service-details-img {
  margin-bottom: 30px;
}
.projectdata .bd-service-details-img img {
  width: 100%;
}
.projectdata .protitle {
  font-weight: 700;
  font-size: 24px;
}
.projectdata .work_wrap {
  padding: 20px 0 10px 0;
}
.projectdata .work_wrap ul li {
  margin-top: 0;
  margin-bottom: 30px;
}
.projectdata .bd-service-details p {
  font-size: 16px;
  line-height: 26px;
  color: #52575e;
}
/**********************************    Career Page Start***********************************/
.sticky {
  top: 0;
  position: fixed;
  width: 100%;
  z-index: 10000;
  border-bottom: 1px solid #eee;
  background: #f7f7f7;
  left: 0;
}
p {
  font-size: 16px;
  line-height: 26px;
  color: #52575e;
}
.job-details-page {
  padding: 80px 0 70px;
  position: relative;
}
.job-box-2 {
  width: 100%;
  display: inline-block;
  position: relative;
}
.job-box-2 .company-logo {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 0;
  top: 0;
}
.job-box-2 .company-logo img {
  width: 100%;
  border-radius: 5px;
}
.job-box-2 .description {
}
.job-box-2 .description h5 {
  font-size: 28px;
  margin: 10px 0 10px;
  font-weight: 600;
  color: #4d4d4d;
  font-family: "Montserrat", sans-serif;
}
.job-box-2 .description h5 a {
  cursor: pointer;
  text-decoration: none;
  color: #4d4d4d;
}
.job-box-2 .description ul {
  display: inline-block;
  list-style: none;
  font-weight: 500;
  color: #535353;
  padding: 0;
  margin: 0;
}
.job-box-2 .description ul li {
  float: left;
  margin-right: 20px;
  font-size: 14px;
}
.job-box-2 .description ul li i {
  margin-right: 10px;
}
.hr-boder {
  margin: 60px 0 30px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.job-description {
  margin-bottom: 40px;
}
.job-description.location {
  margin-bottom: 0px;
}
.job-box-2 .heading_2 {
  margin: 0 0 20px;
  font-size: 25px;
  font-weight: 600;
  color: #4d4d4d;
}
.job-box-2 p {
  font-size: 14px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 1rem;
  color: #535353;
}
.job-description ul {
  margin: 0;
  padding: 0;
  list-style: none;
  color: #535353;
}
.job-description ul li {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 500;
  padding-left: 25px;
  position: relative;
  font-size: 14px;
  color: #535353;
}
.job-description ul li i {
  font-size: 15px;
  line-height: 22px;
  left: 0;
  position: absolute;
  top: 0;
  color: #376bff;
}
.job-description .contact-map {
}
.job-description .contact-map iframe {
  width: 100%;
  height: 350px !important;
}
.posted-by {
  text-align: center;
}
.btnWrp {
  text-align: right;
  margin-top: 25px;
}
.btnWrp a {
  text-decoration: none;
  padding: 10px 36px;
  display: inline-block;
  border: 1px solid #376bff;
}
.btnWrp a:hover {
  color: #fff !important;
  background: #376bff;
  border: 1px solid #376bff;
}
.btnWrp .btn-outline {
  border: none;
  padding: 0;
  border: none !important;
}
.sticky_content {
  margin-top: 200px;
}
.job-sidebar,
.career_header {
  padding: 30px;
  border-radius: 2px;
  background: #ffffff;
  -webkit-box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
  box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
  margin-bottom: 30px;
}
.career_header.sticky {
  padding: 5px 30px;
}
.job-sidebar h3 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
}
.job-sidebar img {
  border-radius: 100px;
  margin-bottom: 10px;
}
.job-sidebar h4 {
  font-size: 18px;
  margin-bottom: 5px;
}
.job-sidebar span {
  font-size: 15px;
}
.job-sidebar .form-group {
  margin-bottom: 1rem;
}
.job-sidebar .form-group .search-button {
  cursor: pointer;
  padding: 14px 26px 12px;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  transition: 0.5s;
  border-radius: 2px;
  border: none;
  outline: none;
  background: none;
}
.button-theme {
  background: #376bff !important;
}
.btn-outline {
  border: solid 1px #376bff !important;
  color: #376bff !important;
}
.btn-outline:hover {
  border: solid 1px #2c5ce4 !important;
  background: #2c5ce4 !important;
  color: #fff !important;
}
.sj-btn {
  padding: 13px 25px 11px;
}
.button-theme {
  color: #fff !important;
  outline: none;
}
.job-sidebar ul {
  padding: 0;
  width: 100%;
  margin: 0;
}
.related_Jobs .title:before,
.job-box-2 .title:before {
  display: none;
}
.job-sidebar ul li {
  float: left;
  position: relative;
  padding-left: 40px;
  border-bottom: solid 1px #efefef;
  width: 100%;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.job-sidebar ul li i {
  left: 0;
  position: absolute;
  top: 7px;
  font-size: 20px;
  color: #376bff;
}
.job-sidebar ul li h5 {
  float: left;
  width: 100%;
  font-size: 16px;
  margin: 0;
  font-weight: 600;
}
.job-sidebar ul li span {
  float: left;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  margin-top: 5px;
}
.job-sidebar ul li:last-child {
  border: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.Keywordjob {
  padding-left: 0;
  margin-bottom: 0;
  text-align: left;
}
.Keywordjob li {
  display: inline-block;
  margin-bottom: 5px !important;
  list-style: none !important;
  float: none !important;
  position: relative !important;
  padding-left: 0px !important;
  border-bottom: 0px !important;
  width: auto !important;
  padding-bottom: 0px !important;
}
.Keywordjob li a {
  border: 1px dashed #ddd;
  padding: 5px 10px;
  color: #001935;
  display: inline-block;
  font-size: 14px;
}
.Keywordjob li a:hover {
  background: #376bff;
  color: #ffffff;
  text-decoration: none;
}
.social-list-2 {
  text-align: center;
}
.social-list-2 span {
  margin-right: 10px;
  font-weight: 600;
  color: #4d4d4d;
}
.social-list-2 a {
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  display: inline-block;
  font-size: 15px;
  color: rgb(255, 255, 255);
  margin: 2px 0 2px 5px;
  border-radius: 5%;
}
/** Social media bg**/
.facebook-bg {
  background: #4867aa;
  color: #fff;
}
.twitter-bg {
  background: #33ccff;
  color: #fff;
}
.google-bg {
  background: #db4437;
  color: #fff;
}
.linkedin-bg {
  background: #0177b5;
  color: #fff;
}
.rss-bg {
  background: #e78733;
  color: #fff;
}
.pinterest-bg {
  background: #bd081c;
  color: #fff;
}
.facebook-bg:hover {
  background: #3b589e;
  color: #fff;
}
.twitter-bg:hover {
  background: #56d7fe;
  color: #fff;
}
.linkedin-bg:hover {
  background: #1c82ca;
  color: #fff;
}
.google-bg:hover {
  background: #dc4e41;
  color: #fff;
}
.rss-bg:hover {
  background: #e78701;
  color: #fff;
}
.pinterest-bg:hover {
  background: #a30618;
  color: #fff;
}
.related_Jobs {
  padding-bottom: 15px;
}
.related_Jobs .job_box {
  padding: 0px 0px 10px;
  position: relative;
}
.related_Jobs .job_box h5 {
  font-size: 15px;
  margin: 5px 0 2px;
  text-decoration: none;
  font-weight: 600;
}
.related_Jobs .job_box .candidate-listing-footer ul {
  display: inline-block;
  list-style: none;
  font-weight: 500;
  padding: 0;
  margin: 0;
}
.related_Jobs .job_box .candidate-listing-footer ul li {
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  float: none !important;
  position: relative;
  padding-left: 20px !important;
  border-bottom: 0px !important;
  width: auto !important;
  padding-bottom: 0px !important;
  padding-bottom: 10px;
  margin-bottom: 0px !important;
}
.related_Jobs .job_box .candidate-listing-footer ul li i {
  left: 0;
  position: absolute;
  top: 4px;
  font-size: 14px;
}
.external-page {
  padding: 80px 0 95px;
}
.alert-type-1 {
  padding: 30px;
  background: rgba(16, 135, 235, 0.1);
  border: 1px solid #e0e0e0;
  border-radius: 0;
}
.alert-type-1 .alert-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.alert-type-1 .alert-main {
  max-width: 595px;
  letter-spacing: 0.025em;
  color: #151515;
  font-size: 16px;
  line-height: 1.5;
}
.alert-type-1 .alert-main p {
  margin-bottom: 0px;
}
.alert-type-1 .search-button {
  cursor: pointer;
  padding: 14px 26px 12px;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  transition: 0.5s;
  border-radius: 2px;
  border: none;
  width: 100%;
  outline: none;
  background: #376bff !important;
}
.external-page .block-form form {
  margin-bottom: 0;
}
.external-page .block-form h4 {
  font-size: 24px;
  line-height: 1.41667;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0;
}
.external-page .block-form {
  background: #f0f6ff;
  border: 1px solid #0022d2;
  padding: 50px;
  max-width: 800px;
  margin: 0 auto;
}
.career_innerbtns {
  text-align: center;
  margin-bottom: 40px;
  margin-top: 0;
}
.external-page .block-form .acuity-form .form-wrap {
  position: relative;
  margin-bottom: 30px;
}
.external-page .block-form .acuity-form .form-wrap .form-label-outside {
  position: static;
}
.external-page .block-form .acuity-form .form-wrap .form-wrap-inner {
  position: relative;
}
.external-page .block-form .acuity-form .form-wrap .form-input {
  display: block;
  width: 100%;
  min-height: 45px;
  padding: 13px 26px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #9a9a9a;
  background-color: #ffffff;
  background-image: none;
  border-radius: 0;
  -webkit-appearance: none;
  transition: 0.3s ease-in-out;
  border: 1px solid #e0e0e0;
}
.external-page .block-form .acuity-form .form-wrap textarea.form-input {
  height: 50px;
}
.external-page .block-form .acuity-form .form-wrap textarea.form-input.message {
  height: 110px;
}
.external-page .block-form .acuity-form .input__btnn {
  justify-content: center;
  align-items: center;
  vertical-align: middle;
  text-align: left;
  display: block;
  padding: 14px 0;
  border: 1px dashed #eee;
}
.external-page .block-form .acuity-form .input__btnn2 {
  padding: 0 0px;
  font-size: 14px;
  height: 50px;
  background: #fff;
  padding-top: 0px;
  border: 1px solid #e0e0e0;
  color: #9a9a9a;
}
.external-page .block-form .acuity-form label.input__btnn input {
  /*position: absolute;*/
  /*width: 1px;*/
  /*height: 1px;*/
  /*padding: 0;*/
  /*overflow: hidden;*/
  /*clip: rect(0, 0, 0, 0);*/
  /*white-space: nowrap;*/
  border: none;
  padding-top: 11px;
}
.submit_btnn .search-button {
  cursor: pointer;
  padding: 14px 26px 12px;
  letter-spacing: 1px;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  transition: 0.5s;
  border-radius: 2px;
  border: none;
  width: 100%;
  outline: none;
  text-align: center;
  border: none;
  background: #376bff !important;
}
.submit_btnn .search-button:hover {
  opacity: 0.8;
}
/**********************************    Apply Start***********************************/
.applyForm {
  margin-top: 0;
}
.checkbox {
  margin-top: 16px !important;
  padding-left: 30px;
}
.checkbox input[type="checkbox"] {
  display: none;
}
.checkbox input[type="checkbox"] + label {
  width: 20px;
  height: 20px;
  border: 1px solid #0022d2;
  background: #c3daff;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 0;
}
.checkbox input[type="checkbox"]:checked + label:before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #0022d2;
  padding-left: 2px;
  position: relative;
  top: -3px;
}
/*job-details*/
.career-single-sec {
}
.career-single-head {
  padding-bottom: 30px;
  border-bottom: 1px solid #e8ecec;
  background: #fcfdff;
  padding: 30px;
  border: 1px solid #ececec;
}
.career-head-info {
  display: table-cell;
  vertical-align: middle;
}
.career-head-info h4 {
  font-size: 24px;
  color: #202020;
  margin: 0;
  margin-bottom: 0px;
  margin-bottom: 10px;
}
.career-head-info span {
  font-size: 13px;
  color: #888888;
  line-height: 10px;
}
.career-head-info p {
  margin: 0;
  margin-top: 0px;
  margin-right: 0px;
  font-size: 13px;
  margin-right: 40px;
  color: #888;
  margin-top: 11px;
}
.career-head-info p i {
  font-size: 21px;
  line-height: 27px;
  margin-right: 9px;
  color: #0022d2;
}
.career-details {
  padding-top: 20px;
}
.career-details h3 {
  font-size: 18px;
  font-weight: 500;
  color: #202020;
  margin-bottom: 15px;
  margin-top: 10px;
}
.career-details p,
.career-details li {
  font-size: 13px;
  color: #888888;
  line-height: 24px;
  margin: 0;
  margin-bottom: 19px;
}
.career-details > ul {
  margin-bottom: 20px;
  padding-left: 17px;
}
.career-details > ul li {
  margin: 0;
  margin-bottom: 0px;
  position: relative;
  padding-left: 23px;
  line-height: 21px;
  margin-bottom: 10px;
  font-size: 13px;
  color: #888888;
}
.career-details > ul li::before {
  position: absolute;
  left: 0;
  top: 13px;
  width: 10px;
  height: 1px;
  background: #888888;
  content: "";
}
.apply-thisjob {
  display: block;
  border: 2px solid #0022d2;
  text-decoration: none;
  text-align: center;
  background: #0022d2;
  color: #fff;
  border-radius: 5px;
  padding: 20px 20px;
  font-size: 15px;
  font-family: Open Sans;
  font-weight: bold;
  -webkit-transition: all 0.4s ease 0s;
  -moz-transition: all 0.4s ease 0s;
  -ms-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}
.apply-thisjob:hover {
  background: #000;
  color: #fff;
  border: 2px solid #000;
  text-decoration: none;
}
.apply-thisjob i {
  font-size: 28px;
  margin-right: 8px;
  line-height: 11px;
  position: relative;
  top: 5px;
}
.career-overview > h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
}
.career-overview ul {
  list-style: none;
  width: 100%;
  border: 2px solid #e8ecec;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  margin: 0;
  padding: 15px !important;
}
.career-overview ul > li {
  margin: 0;
  position: relative;
  padding-left: 50px;
  margin: 15px 0;
}
.career-overview ul > li i {
  position: absolute;
  left: 5px;
  top: 8px;
  font-size: 24px;
  color: #0022d2;
}
.career-overview ul > li h3 {
  font-size: 13px;
  font-family: Open Sans;
  margin: 0;
}
.career-overview ul > li span {
  font-size: 13px;
  color: #888888;
  margin-top: 7px;
}
.career-location {
  margin-top: 30px;
}
.career-location > h3 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 15px;
  color: #202020;
}
.career-lctn-map {
}
.career-lctn-map iframe {
  border: none;
  border-radius: 5px;
  height: 240px;
}
.career-overview {
  margin-top: 20px;
}
ul.tick {
  list-style: none;
}
ul.tick li {
  position: relative;
  padding-left: 28px;
  font-size: 15px;
}
ul.tick li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  content: "\f0a9";
  position: absolute;
  top: 2px;
  left: 0;
  color: #0022d2;
}
ul.tick li {
  margin-bottom: 10px;
}
.career_del {
  margin-top: 20px;
}
.career_del h3 {
  font-size: 18px;
  margin-top: 15px;
}
@media screen and (max-width: 990px) {
  .sliderprara {
    margin-top: 160px !important;
  }
  .career-head-info h4 {
    font-size: 18px;
    margin-top: 15px;
  }
  .careerImg {
    text-align: center;
  }
}
.mbchatlink {
  display: none;
}
/***** lANDING LIST  *****/
.landinglist {
  padding: 60px 0 0;
}
.ldpageslist__item {
  background: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  -ms-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0 30px rgba(0, 0, 0, 0.07);
  box-shadow: 0px 0 30px rgba(0, 0, 0, 0.07);
  overflow: hidden;
  border-bottom: 3px solid #fff;
  display: block;
}
.grid-item {
  margin: 0 0 30px;
  position: relative;
}
.tvinfo {
  position: absolute;
  bottom: 15px;
  right: 30px;
  z-index: 2;
  width: 26px;
  height: 26px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 30px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  line-height: 26px;
  display: inline-block;
}
.tvinfo:hover {
  background: #000;
  color: #fff;
}
a.ldpageslist__item:hover {
  text-decoration: none;
}
.ldpageslist__item:hover {
  border-bottom-color: #0022d2;
}
.ldpageslist__item-thumb {
  position: relative;
  overflow: hidden;
}
.ldpageslist__item-thumb img {
  width: 100%;
  transition: 0.6s;
}
.ldpageslist__item:hover .ldpageslist__item-thumb img {
  transform: scale(1.15);
}
.ldpageslist__item-content {
  padding: 25px 30px 30px;
}
.ldpageslist__item-content h5 {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 15px;
  color: #fff;
}
a.ldpageslist__item:hover h5 {
  color: #fff;
}
.ldpageslist__item-content p {
  min-height: 130px;
  margin-bottom: 0;
}
.ldpageslist__item .linkc {
  background: #0022d2;
  color: #fff;
  border: none;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 25px;
  border-radius: 40px;
  display: inline-block;
}
.ldpageslist__item .linkc:hover {
  text-decoration: none;
  background: #000;
}
.tvinstlist .ldpageslist__item {
  background: #0022d2 url(../images/tiles-bg.jpg) no-repeat bottom;
  border-bottom: none;
  background-size: cover;
}
.tvinstlist .ldpageslist__item:hover {
  background: #118cc8;
}
.tvinstlist .ldpageslist__item-content p {
  padding-bottom: 15px;
  color: #fff;
  font-size: 14px;
  min-height:125px;
  line-height: 22px;
}

.tvinstlist .ldpageslist__item.careplusbg{background: #AF292E;}
.tvinstlist .ldpageslist__item.careplusbg:hover{background: #c52033;}
.sspeakbx{position: relative; max-width: 409px; margin: auto;}
.subwoofers1, .subwoofers2{width:22px; height: 22px; background: #fff; position: absolute;}
.subwoofers1{right: 13%;  bottom: 22%;}
.subwoofers2{left: 15%; top: 10%;}
.ltvinstlist_icon {
  position: relative;
  padding: 30px 30px 0 30px;
}
.ltvinstlist_icon img {
  height: 80px;
}
.popcalltoact {
  background: #eee;
  padding: 25px;
  margin-top: 30px;
}
.ctcont {
  padding: 35px;
}
.ctcont p {
  font-size: 16px;
}
.phonect {
  padding-left: 50px;
  position: relative;
}
.phonect:before {
  content: "\f87b";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 40px;
  color: #0022d2;
  position: absolute;
  left: 0;
  line-height: 34px;
  top: 5px;
}
.popcalltoact a:hover {
  text-decoration: none;
}
.popcalltoact a span {
  color: #555;
}
.popcalltoact .phone_target {
  color: #000;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 700;
}
.popcalltoact a:hover .phone_target {
  color: #0022d2;
}
.popcalltoact .actlink {
  text-align: right;
  margin-top: 5px;
}
.popcalltoact .actlink a {
  display: inline-block;
  background: #0022d2;
  color: #fff;
  font-size: 14px;
  padding: 12px 30px;
  border-radius: 40px;
  font-weight: 700;
}
.popcalltoact .actlink a:hover {
  text-decoration: none;
  background: #000;
}
.modal-title {
  font-weight: 700;
}
.tvinstlist .ltvinstlist_icon {
  padding: 20px 15px 0 15px;
  text-align: center;
}
.tvinstlist .ldpageslist__item-content {
  padding: 15px 15px 15px;
}
.tvinstlist .ldpageslist__item-content h5 {
  font-size: 16px;
  margin-bottom: 10px;
  text-align: center;
  min-height: 42px;
}
.outdoorlist .ldpageslist__item-content h5 {
  font-size: 16px;
  margin-bottom: 10px;
  text-align: center;
  min-height:63px;
}
.outdoorlist .ldpageslist__item-content p {
  min-height: 154px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.videodist .ldpageslist__item-content p {
  min-height: 155px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.hometheater .ldpageslist__item-content p {
  min-height: 110px;
  margin-bottom: 0;
  padding-bottom: 0;
}
.homeautoinst .ldpageslist__item-content h5{min-height: 42px;}
.homeautoinst .ldpageslist__item-content p{min-height: 135px; padding-bottom: 0;}
.sptlist {
  padding-top: 50px;
}
.sptbox {
  margin: 0 0 30px;
  background: #fff;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -o-border-radius: 6px;
  -ms-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid #fff;
  text-align: center;
  padding: 30px;
  min-height: 205px;
  display: block;
}
.sptbox:hover {
  border-bottom-color: #0022d2;
}
.spticon {
  margin-bottom: 20px;
}
.spticon img {
  height: 70px;
}
.sptbox h5 {
  font-size: 18px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
}
a.sptbox {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}
a.sptbox:hover h5 {
  color: #0022d2;
}
a.sptbox:hover {
  text-decoration: none;
}
#rs-557 {
  max-height: 150px !important;
}
.audioinstlist .ldpageslist__item-content p {
  min-height: 147px;
}
.multiaudio .ldpageslist__item-content p {
  min-height: 190px;
}
.multiaudio .ldpageslist__item-content h5{min-height: 42px;}
.netistlist .ldpageslist__item-content h5{min-height: 42px;}
.netistlist .ldpageslist__item-content p {
  min-height: 148px;
}
.surveillance .ldpageslist__item-content p {
  min-height: 147px;
  padding-bottom: 0;
}
/*job-details End*/
/*********************************************        Media Quries css*********************************************/
@media screen and (max-width: 1440px) {
  .choose_sec {
    max-width: 1400px;
  }
  .choose_box h4 {
    font-size: 16px;
  }
  .services-wrap h4 a {
    font-size: 14px;
  }
  .service_info {
    padding: 30px 15px 20px 15px;
  }
  .service_icon {
    margin-top: 10px;
  }
  .slidertext02 {
    margin-top: 30px !important;
  }
}
@media screen and (max-width: 1200px) {
  .installation_btn a {
    font-size: 15px;
  }
  .phone_sec a {
    font-size: 28px;
  }
  .phone_sec:after {
    width: 360px;
  }
  .network_install_img:before {
    right: -20px;
  }
  .image-icon-box .content-box h4 {
    font-size: 17px;
  }
  .single-contact-info .count-title {
    padding: 15px 10px;
  }
  .teamWrap .member-card {
    margin: 15px 0;
  }
  .slider_info .sliderText {
    font-size: 50px;
  }
  .navbar li {
    padding: 0px 12px;
  }
  .navbar-light .navbar-nav .nav-link {
    font-size: 14px;
  }
  .slider-wrap {
    padding: 220px 0 180px 0;
  }
  .slidertext03 {
    margin-top: 10px !important;
  }
  .navbar li {
    padding: 0px 6px;
  }
  .slidebtn {
    margin-top: -50px !important;
  }
  .choose_box h4 {
    font-size: 14px;
  }
  .phoneboxWrp .single-contact-info {
    margin-top: 30px;
  }
  .tp-leftarrow.default {
    left: 46% !important;
  }
  .service_info h4 {
    line-height: 16px;
    margin-bottom: 0;
  }
  .service_info .service_icon {
    margin-top: 0;
  }
  .choose_box {
    padding: 18px;
  }
  .services-wrap .col {
    padding-bottom: 1px;
  }
  .option_btn a {
    font-size: 18px;
  }
  .navbar {
    margin-top: 8px;
  }
  .InnerHeader .navbar {
    margin-top: 4px;
  }
  .sliderimg img {
    width: 600px;
    margin-left: 70px;
  }
  .choose_sec .col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .choose_sec ul li {
    margin-bottom: 30px;
  }
  .choose-wrap {
    padding: 30px 0 20px 0;
  }
}
@media screen and (max-width: 990px) {
  .sidenavv {
    margin-bottom: 40px;
  }
  .navbar-nav > li.mbchatlink {
    display: block;
  }
  .ldpageslist__item-content p {
    min-height: 105px;
  }
  .ctcont {
    padding: 15px;
  }
  .popcalltoact .actlink {
    text-align: left;
    margin-top: 30px;
  }
  .floatingbtn{bottom: 30px;}
  #fb-root {
    display: none;
  }
  .network_install_img {
    margin-top: 30px;
  }
  .networkWrp .text-right {
    text-align: center !important;
  }
  .network_install_img:before {
    right: -50px;
  }
  .call-wrap {
    text-align: center;
  }
  .phone_sec:after {
    display: none;
  }
  .phone_sec {
    display: inline-block;
    text-align: left;
    margin: 30px 0;
  }
  .call-wrap .readmore {
    text-align: center;
  }
  .image-icon-box .content-box h4 {
    font-size: 20px;
  }
  .help_support_nav .card-header .btn {
    padding: 15px;
  }
  .single-contact-info i {
    position: unset;
    display: block;
    margin-bottom: 15px;
    text-align: center;
  }
  .single-contact-info::before {
    display: none;
  }
  .single-contact-info .count-title {
    padding: 20px;
    min-height: 90px;
    margin-left: 0;
  }
  .mt_3 {
    margin-top: 10px;
  }
  .single-contact-info .count-title p.phone_no {
    margin-top: 10px;
  }
  .contact_iframe {
    margin-top: 40px;
  }
  .help_support_nav .card-header .btn i {
    display: none;
  }
  .navbar-nav > li > a + i,
  .navbar-nav .sub-dropdown-menu a + i {
    display: block;
    z-index: 1000;
  }
  .navbar-nav > li > ul {
    position: static;
    display: none;
    margin-left: 20px;
    opacity: 1;
    visibility: visible;
  }
  .navbar-nav li:hover > ul {
    display: none;
  }
  .close-toggler {
    background: none;
    color: #fff;
    padding: 5px;
    border: none;
    margin-top: 10px;
    font-size: 24px;
    float: right;
    display: block;
  }
  .navbar-nav li:hover .submenu {
    display: none;
  }
  .header-wrap .navbar {
    float: none;
  }
  .navbar-nav .fa-caret-down {
    top: 7px;
    right: 12px;
    margin-top: 0;
  }
  .header-wrap .dropdown-menu:before {
    display: none;
  }
  .header-wrap .dropdown-toggle::after {
    display: none;
  }
  .navbar-nav > li > ul > li .dropdown-submenu {
    background: none;
    opacity: 1;
    visibility: inherit;
  }
  .navbar-nav > li > ul > li .dropdown-submenu li a {
    padding: 10px 0;
    color: #fff;
  }
  .navbar-nav > li > ul > li:hover > a,
  .navbar-nav .dropdown-menu a:hover {
    background: none;
  }
  .navbar-nav > li > ul > li:hover .dropdown-submenu {
    display: none;
  }
  .header-wrap .dropdown a {
    background-color: transparent;
  }
  .dropdown-item.active,
  .dropdown-item:active {
    background-color: #0022d2 !important;
    padding: 10px 10px;
  }
  .navbar-light .navbar-nav .nav-link.caret::after,
  .header-wrap .dropdown a.caret2::after {
    display: none;
  }
  .navbar-nav > li > a + i,
  .navbar-nav .sub-dropdown-menu a + i {
    width: 100%;
    height: 26px;
    line-height: 26px;
    text-align: right;
  }
  .navbar-nav > li > ul {
    display: none;
    opacity: 1 !important;
    visibility: visible !important;
    background: none;
    box-shadow: none;
  }
  .navbar-nav .dropdown-menu {
    padding-left: 20px;
  }
  .navbar-nav > li > ul > li > a {
    color: #fff;
    padding: 10px 0;
  }
  .navbar-nav > li > ul > li:last-child {
    border-bottom: none;
  }
  .navbar-nav .submenu {
    position: static;
    width: 100%;
  }
  .blog-pagination {
    margin-bottom: 30px;
  }
  .navbar-toggler {
    background: #fff;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    padding: 10px 16px;
  }
  .navbar-light .navbar-nav .nav-link:hover {
    background: #000;
    color: #fff !important;
  }
  .navbar-light .navbar-nav .active > .nav-link {
    background: #000;
    color: #fff;
  }
  .header_logo {
    text-align: center;
  }
  .navbar-light .navbar-nav .active > .nav-link,
  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .nav-link.show,
  .navbar-light .navbar-nav .show > .nav-link {
    border: none;
  }
  .navbar-light .navbar-nav .nav-link {
    border: none;
  }
  .navbar-light .navbar-nav .active > .nav-link {
    background: #0022d2;
  }
  .navigationWrp {
    padding: 0;
  }
  .topbar-wrap {
    display: none;
  }
  .ftlogo {
    text-align: center;
  }
  .header_info {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 14px;
    padding-top: 15px;
  }
  .navbar-collapse.show {
    visibility: visible;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  .InnerHeader {
    position: fixed;
  }
  .innerheader-wrap {
    margin-top: 0;
  }
  .navbar-collapse {
    position: fixed;
    top: 160px;
    bottom: 0;
    left: 100%;
    width: 80%;
    padding-right: 1rem;
    padding-left: 1rem;
    overflow-y: auto;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0.9);
    transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out,
      -webkit-transform 0.3s ease-in-out;
    z-index: 10000;
    padding-bottom: 30px;
  }
  .navbar-nav {
    clear: both;
  }
  .navigationWrp .collapse:not(.show) {
    display: inline-block;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
  }
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
    z-index: 1000;
    font-weight: 400;
    border-radius: 0;
    padding-left: 0;
  }
  .navbar-nav > li > ul > li {
    border-bottom: none;
  }
  .navbar-toggler {
    position: absolute;
    top: 30px;
    right: 20px;
    background: #fff;
    display: block;
  }
  .close-toggler {
    background: none;
    color: #fff;
    padding: 5px;
    border: none;
    margin-top: 10px;
    font-size: 24px;
    float: right;
    display: block;
  }
  .navbar-toggler .navbar-toggler-icon {
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    margin-top: 0;
  }
  .navbar-toggler {
    padding-bottom: 10px;
  }
  .navbar-nav > li {
    display: block;
  }
  .navbar {
    text-align: left;
  }
  .navbar-light .navbar-nav .nav-link:hover {
    background: none;
    color: #fff;
  }
  .navbar-light .navbar-nav .nav-link:before,
  .header-wrap .dropdown a.fa-angle-down:before,
  .header-wrap .dropdown a.fa-angle-up:before {
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    right: 0;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
  }
  .explore_wrap {
    text-align: center;
  }
  .buttonWrps {
    float: none;
  }
  .explore_wrap {
    padding: 30px 0;
  }
  .services-wrap h4 a {
    font-size: 16px;
  }
  .video-wrap .col-lg-6:first-child {
    padding-right: 0;
    padding-bottom: 1px;
  }
  .authorized_wrap {
    text-align: center;
  }
  .services-wrap h4 {
    line-height: 22px;
  }
  .btlogos a {
    padding-right: 10px;
  }
  .copyright_wrap,
  .credits,
  .payico {
    text-align: center;
  }
  .tv-mountingImg {
    text-align: center;
  }
  .navbar {
    margin: 0;
  }
  .innerheader-wrap h1 {
    font-size: 22px;
  }
  .breadcrumbWrp .breadcrumb {
    margin-top: 0;
  }
  .slidebtn {
    margin-top: 40px !important;
  }
  .slidertext2 h1 {
    margin-top: -10px !important;
  }
  .tp-banner ul li:first-child .slidertext2 h1 {
    margin-top: 0 !important;
  }
  .services-wrap .col {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
  .splogin {
    padding: 35px;
  }
  .forgotlinks a {
    width: 50%;
  }
   .surveillance .grid-item,
  .homeautoinst .grid-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .homeautoinst .w-100 {
    display: none;
  }
  .homeautoinst .ldpageslist__item-content p {
    min-height: 68px;
  }
}
@media screen and (max-width: 767px) {
  .sliderprara {
    margin-top: 120px !important;
    font-size: 12px !important;
  }
  .services_inner h2 {
    font-size: 36px;
  }
  .tp-loader.spinner0 {
    display: none !important;
  }
  .breadcrumbWrp .breadcrumb {
    margin-top: 0;
  }
  .innerheader-wrap h1 {
    margin-bottom: 0;
  }
  .innerContent_wrap {
    padding: 40px 0;
  }
  .table__features {
    min-height: inherit;
  }
  .breadcrumbWrp {
    display: block;
    text-align: center;
    padding-top: 0;
  }
  .services_inner .box_padding p {
    min-height: auto;
  }
  .network_install_img:before,
  .network_install_img:after {
    display: none;
  }
  .post-image img {
    width: 100%;
  }
  .networkWrp .tick {
    column-count: 1;
  }
  .single-contact-info .count-title {
    padding: 20px;
    min-height: auto;
  }
  .single-contact-info .count-title p.phone_no,
  .mt_3 {
    margin-top: 0;
  }
  .innerheader-wrap {
    padding-top: 20px;
  }
  .header-wrap {
    text-align: center;
  }
  .title span {
    font-size: 26px;
  }
  .title h1 {
    font-size: 36px;
  }
  .fb_dialog_content iframe {
    bottom: 30% !important;
  }
  .slidertext1 {
    margin-top: 0px !important;
    font-size: 14px !important;
  }
  .slidertext2 h1 {
    line-height: 24px !important;
    font-size: 30px !important;
  }
  .slidertext2 {
    margin-top: 20px !important;
  }
  .slidertext3 {
    margin-top: 25px !important;
    font-size: 22px !important;
  }
  .zeus.tparrows {
    display: none !important;
  }
  .slidertext02 {
    margin-top: 0px !important;
  }
  .slidertext02,
  .slidertext02 h1,
  .slidertext02 h2 {
    font-size: 30px !important;
    line-height: 30px !important;
    text-align: center !important;
  }
  .tp-bullets,
  .tp-tabs,
  .tp-thumbs {
    top: 92% !important;
  }
  .slidertext03 {
    margin-top: 15px !important;
    font-size: 12px !important;
  }
  .slidertext03 h2 {
    font-size: 12px !important;
  }
  .slidebtn {
    margin-top: 70px !important;
  }
  a.slidebtn {
    font-size: 12px !important;
    padding: 8px 20px !important;
  }
  .leftnav {
    width: auto;
    border-radius: 0;
    box-shadow: 3px -4px 20px rgb(0 0 0 / 30%);
    display: flex;
  }
  .leftnav li {
    display: inline-block;
    width: 100%;
  }
  .hover_link {
    top: auto;
    bottom: 0;
    margin-top: 0;
    width: 100%;
    text-align: center;
    z-index: 1000 !important;
  }
  .leftnav li a span,
  .leftnav li a:hover span {
    display: none;
  }
  .leftnav li a {
    border-bottom: none;
    border-right: 1px solid rgb(255 255 255 / 21%);
  }
  .leftnav li:last-child a {
    border: none;
  }
  .work_wrap ul {
    margin: 0 -5px;
  }
  .work_wrap ul li {
    margin: 5px 0;
    padding: 0 5px;
  }
  .topbar-wrap {
    text-align: center;
  }
  .top_info {
    display: inline-block;
  }
  .social_media span {
    display: block;
  }
  .social_media {
    display: block;
    float: none;
  }
  .tp-leftarrow.default {
    left: 44% !important;
  }
  .serviceImg img {
    width: 100%;
  }
  .serviceImg {
    margin: 0;
  }
  .services-wrap .col-lg-2 {
    padding-left: 0;
  }
  .services-wrap .col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .work_wrap .workImg {
    text-align: center;
  }
  .questionbox {
    padding: 44px 15px 40px 15px;
  }
  .imgGallery .workImg {
    display: inline-block;
  }
  .imgGallery {
    text-align: center;
  }
  .smarthomeWrp h1 {
    font-size: 26px;
  }
  .smarthomeWrp {
    text-align: center;
  }
  .header-wrap {
    top: 0;
  }
  .header-wrap .logo img {
    width: 100px;
  }
  .navbar-toggler {
    top: 10px;
  }
  .navbar-toggler-icon {
    height: 1.2em;
    width: 1em;
  }
  .netistlist .grid-item,
  .homeautoinst .grid-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .surveillance .grid-item {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .audioinstlist .ldpageslist__item-content p {
    min-height: auto;
  }
  .multiaudio .ldpageslist__item-content p {
    min-height: auto;
  }
  .homeautoinst .ldpageslist__item-content p {
    min-height: auto;
  }
}
@media screen and (max-width: 520px) {
  .sliderprara {
    margin-top: 90px !important;
    font-size: 10px !important;
  }
  .copyright_wrap {
    padding: 15px 0 85px 0;
  }
  .forcefullwidth_wrapper_tp_banner {
    overflow: hidden;
  }
  .tp-bullets {
    bottom: 70px !important;
  }
  .readmore a {
    font-size: 14px;
    padding: 14px 24px;
  }
  .innerheader-wrap h1 {
    font-size: 24px;
  }
  .tp-leftarrow.default {
    left: 38% !important;
  }
  .smarthomeWrp h1 {
    font-size: 20px;
  }
  .thumb-blog-default h4 a {
    font-size: 18px;
  }
  .blog-pagination a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .choose_icon img {
    width: 100px;
  }
  .choose_box h4 {
    font-size: 16px;
  }
  .innerContent_wrap h3 {
    font-size: 22px;
  }
  .questionbox .phonenum a {
    font-size: 26px;
  }
  .questionbox h3 {
    font-size: 24px;
  }
  .explore_info h3 {
    font-size: 20px;
  }
  .playbtn a {
    width: 25px;
    height: 35px;
  }
  .playbtn a:before {
    width: 70px;
    height: 70px;
  }
  .taglines ul li,
  .title h3 {
    font-size: 26px;
  }
  .choose_sec .col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .header-wrap {
    text-align: left;
  }
  .header_logo {
    padding-right: 80px;
  }
  .about-wrap .title h1 {
    font-size: 50px;
  }
  .title p {
    letter-spacing: 1px;
  }
  .about-wrap .title p {
    padding-left: 70px;
  }
  .title p:before,
  .title p:after {
    display: none !important;
  }
  .title h1 {
    font-size: 26px;
  }
  .title p {
    font-size: 14px;
  }
  .service_info h4 {
    text-align: center;
  }
  .service_icon {
    display: none;
  }
  .services-wrap .col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 1px;
    padding-right: 1px;
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 375px) {
  .leftnav li img {
    width: 32px;
  }
  .leftnav li {
    width: 48px;
  }
  .taglines ul li {
    font-size: 18px;
  }
  .smarthomeWrp h1 {
    font-size: 17px;
  }
  .innerheader-wrap h1 {
    font-size: 20px;
  }
}
.pricing__plan__inner .table__title h2 {
  font-size: 20px;
  line-height: 30px;
  margin: 0;
  font-weight: 600;
  min-height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.service_info h4 {
  line-height: 16px;
  margin-bottom: 0;
}
.slidertext03 h2 {
  font-size: 26px;
  line-height: 28px;
}
.slidertext03 h2 {
  max-width: 1000px;
}
.career-detail-content-data {
  max-width: 800px;
  margin: 0 auto;
}
.career-detail-content-data ul {
  margin-bottom: 2rem;
  column-count: 2;
  list-style: none;
}
.career-detail-content-data ul li {
  padding-bottom: 5px;
}
.career-detail-content-data ul li i {
  color: #bfbfbf;
  padding-right: 10px;
}
.video-wrap .col-lg-6:nth-child(odd) {
  padding-right: 1px;
}
/*footer_mapadress*/
.footer_mapadress {
  position: relative;
  width: 100%;
}
.footer_mapadress iframe {
  width: 100%;
  height: 450px;
  margin-bottom: -6px;
}
/*citylisting-wrap*/
.citylisting-wrap {
  background: #fff;
  padding: 50px 0;
}
.listing_city ul {
  list-style: none;
}
.listing_city ul li {
  position: relative;
  margin-bottom: 10px;
}
.listing_city ul li a {
  display: block;
  width: 100%;
  padding: 15px 15px;
  text-align: center;
  text-decoration: none;
  background: #0022d2;
  font-size: 16px;
  color: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 3px rgb(0 0 0 / 19%);
  font-weight: bold;
}
.listing_city ul li a:hover {
  background: #000;
  box-shadow: none;
  color: #fff;
}
.reviewon {
  text-align: center;
  margin-top: 30px;
}
.reviewon a {
  display: inline-block;
  padding: 5px 20px;
  background: #0022d2;
  color: #fff;
  font-size: 14px;
  border-radius: 5px;
  margin: 0 3px;
}
.reviewon a:hover {
  background: #000;
  text-decoration: none;
}
.innerrev {
  margin-bottom: 40px;
  margin-top: 0;
  text-align: center;
  padding: 50px 0;
}
.innerrev a {
  padding: 10px 20px;
  font-size: 16px;
  font-weight: 700;
}
.fbliketxt {
  margin-top: 30px;
}
.fbliketxt strong {
  font-size: 18px;
  font-weight: 600;
}
.fbliketxt a {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 5px;
  background: #1877f2;
  color: #fff;
}
.fbliketxt a:hover {
  background: #000;
  text-decoration: none;
}
.revpad {
  padding: 100px 0;
}
/*********************************************
        18 - 8 - 2021 css
*********************************************/
.checkbox {
  margin-top: 16px !important;
  padding-left: 30px;
}
.checkbox input[type="checkbox"] {
  display: none;
}
.checkbox input[type="checkbox"] + label {
  width: 22px;
  height: 22px;
  border: 1px solid #0022d2;
  background: #f6faff;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 2px;
}
.checkbox input[type="checkbox"]:checked + label:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #0022d2;
  padding-left: 3px;
  position: relative;
  top: -3px;
  font-size: 14px;
}
.radio {
  margin-top: 6px;
}
.radiobox {
  margin-bottom: 20px;
}
.radiobtn {
  display: inline-block;
  position: relative;
  padding: 5px 0 5px 35px;
  font-size: 14px;
  color: #555;
  line-height: 26px;
  margin-right: 20px;
}
.radiobtn input[type="radio"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.radiobtn .checkmark {
  width: 26px;
  height: 26px;
  border: 5px solid #ddeaff;
  border-radius: 50%;
  display: inline-block;
  position: absolute;
  left: 0;
}
.radiobtn input[type="radio"]:checked + .checkmark {
  background: #ddeaff;
  border: none;
}
.radiobtn input[type="radio"]:checked + .checkmark:after {
  left: 5px;
  top: 5px;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  background: #0022d2;
  display: block;
  border: 3px solid #fff;
}
.radiobtn .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.input-group.radio label {
  cursor: pointer;
}
input[type="radio"] {
  position: relative;
  top: 3px;
  left: 2px;
  margin: 0 8px;
  cursor: pointer;
}
input[type="radio"]:before {
  background-color: #fff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #0022d2;
  display: inline-block;
  top: -5px;
  left: -8px;
  background-image: radial-gradient(circle, #0022d2 60%, #fff 70%);
  background-size: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  will-change: background-size;
  z-index: 2;
}
input[type="radio"]:after {
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
}
input[type="radio"]:checked:before {
  background-size: 14px 14px;
}
/* input[type="radio"]:after,
input[type="radio"]:before {
  content: "";
  position: absolute;
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
} */
.subserviceswrap {
  background: #eee;
  padding: 20px;
  border-radius: 0 0 8px 8px;
  margin-top: 20px;
  position: relative;
}
.subserviceswrap:before {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #eee;
  content: "";
  position: absolute;
  left: 10px;
  top: -10px;
}
.subserviceswrap h4 {
  font-size: 16px;
  font-weight: 500;
  margin: 0;
}
.subserviceswrap .checkbox {
  position: relative;
  line-height: 25px;
  display: inline-block;
  font-size: 14px;
  margin-right: 15px;
  margin-top: 10px !important;
}
.subservlist {
  margin-bottom: 30px;
}
.subservlist:last-child {
  margin-bottom: 0;
}
.contact-servicewrap {
  padding: 30px;
  box-shadow: 0 0 30px rgb(0 0 0 / 5%);
  margin-bottom: 30px;
  border: 1px solid #eee;
}
.contact_box .radio,
.contact_box .checkbox {
  display: inline-block;
}
.contact_box .radio_box {
  display: flex;
}
.radio_box .checkbox {
  margin-right: 20px;
  position: relative;
  font-size: 14px;
  color: #555;
}
.contact_box {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
}
.rms_contact {
  max-width: inherit;
}
.rms_contact h3 {
  color: #0d5fe2;
  margin-bottom: 20px;
}
.questText {
  font-size: 17px;
  color: #000;
  font-family: "Montserrat", sans-serif;
  position: relative;
  font-weight: 500;
}
.rms_contact .radio {
  margin-left: 28px;
}
.contact_box {
  margin-bottom: 20px;
}
.rms_contact .questText i {
  color: #0d5fe2;
  padding-right: 6px;
  position: absolute;
  top: 3px;
  left: 0;
}
.contact_box:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
.contact-servicewrap .form-group {
  margin-bottom: 0;
  margin-top: 5px;
}
.contact-servicewrap .form-control {
  height: auto !important;
}
.tick h3 {
  font-size: 16px;
}
.onetouchslider {
  padding-top: 50px;
}
.onetouchslider h4 {
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
}
.onetouchslider .owl-nav {
  display: none;
}
@media screen and (max-width: 767px) {
  .contact_box {
    display: block;
  }
  .rms_contact .radio {
    display: inline-block;
  }
}
/*********************************************
        18 - 8 - 2021 css
*********************************************/
.quote_btn {
  margin-top: 5px;
  margin-left: 22px;
}
.quote_btn a {
  padding: 12px 24px;
  font-size: 14px;
  box-shadow: 1px 8px 20px rgb(0 0 0 / 32%);
}
.topbar_btns {
  display: flex;
}
.quote_btn a {
  padding: 10px 18px;
  font-size: 13px;
  box-shadow: 1px 8px 20px rgb(0 0 0 / 32%);
}
.quote_btn {
  margin-top: 10px;
  margin-left: 22px;
}
/*********************************************
        21 - 9 - 2021 css fahad
*********************************************/
.blink_me {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.ringing-bell {
  position: absolute;
  left: 50%;
  top: 50%;
  color: pink !important;
  transition: translate(-50%, -50%);
}
.faa-ring {
  color: red;
}
@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }
  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }
  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }
  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }
  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }
  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
.faa-ring.animated,
.faa-ring.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-ring {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}
.contact_form .btntbtn {
  position: relative;
  display: inline-block;
  overflow: hidden;
  font-size: 14px;
  box-shadow: 0px 11px 15px rgb(0 0 0 / 18%);
  font-family: "Montserrat", sans-serif;
  line-height: 25px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  margin: 10px 0px 30px;
  padding: 12px 20px;
  border-radius: 38px;
  z-index: 1;
  transition: all 500ms ease;
  background: #0022d2;
}
.form-inner {
  border: 1px solid #ebebeb;
  padding: 45px;
}
.contact_form {
  margin-top: 30px;
}
.contact_iframe {
  width: 100%;
  position: relative;
  margin-top: 12px;
}
.tab_btns {
  text-align: center;
}
.tab_btns .btntbtn {
  margin: 0 10px 30px;
}
.video_live {
  position: relative;
  padding-bottom: 44px;
  width: 100%;
}
.video_live iframe {
  position: relative;
  width: 100%;
  height: 600px;
}
.logosWrap {
  text-align: center;
  padding: 0 0 40px 0;
}
.logosWrap span {
  display: inline-block;
  margin: 0 10px;
}
.padding-top-zero {
  padding-top: 0px;
}
.video_live {
  position: relative;
  padding-bottom: 44px;
  width: 100%;
}
.youtube-player {
  position: relative;
  padding-bottom: 53%;
  height: 0;
  max-width: 100%;
  background: #000;
  margin: 0;
}
.youtube-player iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}
.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: 0.4s all;
  -moz-transition: 0.4s all;
  transition: 0.4s all;
}
.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}
.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("//i.imgur.com/TxzC70f.png") no-repeat;
  cursor: pointer;
}
.onetouchslider {
  padding-top: 50px;
}
.onetouchslider h4 {
  font-size: 18px;
  text-align: center;
  margin-top: 10px;
}
.onetouchslider .owl-nav {
  display: none;
}
.phone_target {
  color: white;
  text-decoration: none;
  font-size: 32px;
  focus: none;
}
/*Login Page Style start;*/
.nav-tabs,
.nav-tabs .nav-link {
  border: none;
  justify-content: center;
  margin-bottom: 30px;
}
.nav-tabs .nav-link {
  background: #eef5ff;
  position: relative;
  padding: 17px 38px;
  border-radius: 40px;
  margin: 0 10px;
  border: 1px solid #0022d2;
  font-size: 16px;
  color: #0022d2;
  font-weight: bold;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  background: #0022d2;
  color: #fff;
  border-color: #0022d2;
}
.login-wrap {
  background: #f6faff;
  border: 1px solid #bfd8ff;
  padding: 50px;
}
.login-wrap h3 {
  font-size: 30px;
  font-weight: 600;
}
.login-wrap .form-group {
  margin-top: 15px;
  margin-bottom: 0;
}
.login-wrap .form-control {
  height: 50px;
  border-radius: 4px;
  font-size: 14px;
  border-color: #bfd8ff;
}
.form-group .btn {
  background: #0022d2;
  display: inline-block;
  border-radius: 30px;
  font-weight: 600;
  box-shadow: 0px 11px 15px rgb(0 0 0 / 18%);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  color: #fff;
  text-transform: uppercase;
  padding: 16px 40px;
}
.form-group .btn:hover {
  background: #000;
  color: #fff;
}
.login-wrap .row {
  align-items: center;
}
.nav-tabs .nav-link:before {
  content: "";
  background: url(../images/down-arrow.png) no-repeat;
  width: 19px;
  height: 11px;
  position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
  opacity: 0;
}
.nav-tabs .nav-link.active:before {
  opacity: 1;
}
@media screen and (max-width: 990px) {
  .uniformed_man {
    text-align: center;
    margin-top: 40px;
  }
}
@media screen and (max-width: 480px) {
  .nav-tabs .nav-link {
    display: block;
    width: 100%;
    text-align: center;
    margin: 10px 0;
  }
  .nav-tabs .nav-link:before {
    display: none;
  }
  .login-wrap h3 {
    font-size: 24px;
  }
}
/*********************************************
          Home Control css
*********************************************/
.homecontrol {
  padding: 60px 0;
}
.homecontrol .row {
  align-items: center;
}
.homecontrol p {
  margin-bottom: 0;
}
.con_title {
  margin-bottom: 50px;
  position: relative;
}
.con_title h2 {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: 300;
}
.con_title h2 span {
  display: block;
  font-size: 36px;
  font-weight: bold;
  color: #c42032;
}
.con_title:after {
  background: #cacaca;
  content: "";
  width: 56px;
  height: 2px;
  position: absolute;
  left: 0px;
  bottom: -20px;
}
.padd60 {
  margin: 0 40px;
}
/*********************************************
          Call To Action css
*********************************************/
.call-wrap {
  background: #0022d2;
  padding: 20px;
  border-radius: 10px;
  margin-top: 50px;
}
.call-wrap h3 {
  margin-bottom: 0;
  color: #fff;
  margin-right: 30px;
  margin-top: 0px;
}
.callbox {
  display: flex;
  justify-content: center;
  z-index: 999;
  position: relative;
}
.call-wrap {
  background: rgb(0 86 224);
  background: -moz-linear-gradient(
    132deg,
    rgba(124, 59, 252, 1) 0%,
    rgba(225, 165, 0, 1) 100%
  );
  background: -webkit-linear-gradient(
    132deg,
    rgb(0 86 224) 0%,
    rgb(0 86 224) 100%
  );
  background: linear-gradient(132deg, rgb(0 86 224) 0%, rgb(0 86 224) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fc573b", endColorstr="#7c3bfc", GradientType=1);
  padding: 30px;
  border-radius: 0;
  box-shadow: 0 10px 25px rgb(0 0 0 / 20%);
  animation: gradient 15s ease infinite;
  background-size: 400% 400%;
  position: relative;
  overflow: hidden;
}
.circle {
  position: absolute;
  border-radius: 50%;
  background: #6c77f3;
  animation: ripple 15s infinite;
  box-shadow: 0px 0px 1px 0px #508fb9;
}
.small {
  width: 150px;
  height: 150px;
  left: -75px;
  bottom: -75px;
}
.medium {
  width: 300px;
  height: 300px;
  left: -150px;
  bottom: -150px;
}
.large {
  width: 500px;
  height: 500px;
  left: -250px;
  bottom: -250px;
}
.xlarge {
  width: 700px;
  height: 700px;
  left: -350px;
  bottom: -350px;
}
.xxlarge {
  width: 900px;
  height: 900px;
  left: -450px;
  bottom: -450px;
}
.shade1 {
  opacity: 0.2;
}
.shade2 {
  opacity: 0.5;
}
.shade3 {
  opacity: 0.7;
}
.shade4 {
  opacity: 0.8;
}
.shade5 {
  opacity: 0.9;
}
@keyframes ripple {
  0% {
    transform: scale(0.8);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(0.8);
  }
}
/*********************************************
          Safe Hand css
*********************************************/
.safe_hands {
  background: url(https://www.rmsinstalls.com/front/images/control4/savehand-bg.jpg)
    no-repeat right;
  background-size: cover;
  padding: 40px 20px 140px 40px;
  background-attachment: fixed;
}
.safe_hands .col_sec {
  background: rgb(0 0 0 / 80%);
  margin: 0;
  padding: 40px;
  max-width: 510px;
}
.safe_hands .col_sec p {
  color: #fff;
}
.safe_hands .con_title h2 {
  color: #fff;
}
.safeWrp .col_sec,
.home_automated .col_sec {
  -webkit-animation: moveBounce 5s linear infinite;
  animation: moveBounce 5s linear infinite;
}
.party_wrap {
  padding: 60px 0;
}
.party_wrap .row {
  align-items: center;
}
/*********************************************
          Home Automated css
*********************************************/
.home_automated {
  background: url(https://www.rmsinstalls.com/front/images/control4/automation-bg.jpg)
    no-repeat top;
  background-size: cover;
  background-attachment: fixed;
  padding: 140px 40px 40px 20px;
}
.home_automated .col_sec {
  margin: 0 0 0 auto;
  background: rgb(255 255 255 / 75%);
  max-width: 490px;
}
.home_automated .col_sec p,
.home_automated .con_title h2 {
  color: #000;
}
.alexa_text {
  font-size: 18px;
  font-weight: bold;
  color: #c42032;
  margin-top: 10px;
}
.alexa_wrp .con_title {
  background: #fff;
  margin-top: 15px;
  box-shadow: 7px 11px 15px rgb(0 0 0 / 8%);
  margin-bottom: 30px;
  padding: 20px 32px 16px 32px;
  -webkit-animation: aurrthorImg 2s ease-in-out infinite;
  animation: aurrthorImg 2s ease-in-out infinite;
}
.alexa_wrp .con_title:after {
  display: none;
}
.alexa_wrp .con_title h2 {
  margin-bottom: 0;
}
/*********************************************
          Experiecnce css
*********************************************/
.item-image {
  width: 100%;
  padding: 400px 50px 50px 50px;
  min-height: 835px;
}
.experienceWrp h2,
.experienceWrp p {
  color: #fff;
}
.experienceWrp .con_title:after {
  background: rgb(202 202 202 / 42%);
}
.experienceWrp p {
  margin-top: 10px;
}
/*********************************************
          Intercom css
*********************************************/
.intercomWrp {
  background: url(https://www.rmsinstalls.com/front/images/control4/intercom-bg.jpg)
    no-repeat top;
  background-size: cover;
  margin-top: 60px;
}
.intercomWrp .col_sec {
  background: none;
  max-width: 510px;
  padding: 0;
}
.intercomWrp {
  padding: 180px 20px 40px 52px !important;
}
.intercomWrp .alexa_text {
  font-size: 16px;
}
/*********************************************
          Quality css
*********************************************/
.qualityWrp {
  background: url(https://www.rmsinstalls.com/front/images/control4/quality-bg.jpg)
    no-repeat top;
  background-size: cover;
  background-attachment: fixed;
  padding: 50px 0 !important;
  margin: 60px 0 0 0;
}
.qualityWrp .col_sec {
  padding: 70px 0 !important;
  max-width: none !important;
}
.qualityWrp h6 {
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-family: "Open Sans", sans-serif;
  margin-top: 16px;
}
.logos {
  margin-top: 30px;
}
.control4-logo {
  position: absolute;
  bottom: 80px;
  left: 0;
  -webkit-animation: moveBounce 5s linear infinite;
  animation: moveBounce 5s linear infinite;
}
/*********************************************
          Home Theater css
*********************************************/
.home_theaterWrp {
  padding-top: 0;
}
.home_theaterWrp p {
  padding-right: 80px;
}
/*********************************************
    Porfolio wrap
*********************************************/
.porfolio-wrap {
  padding: 60px 0;
}
.porfolio-wrap h1 {
  margin-bottom: 30px;
  margin-top: 0;
}
.portfolio-service li {
  margin-top: 30px;
}
.project-image {
  position: relative;
  overflow: hidden;
  display: inline-block;
  text-align: center;
  margin-top: 26px;
}
.porfolio-wrap h3 a {
  text-decoration: none;
  color: #fff;
  font-size: 24px;
}
.portfolio-tags {
  color: #fff;
}
.project-image:before {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  bottom: 100%;
  left: 0;
  right: 0;
  z-index: 3;
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    from(#cc8809),
    to(transparent)
  );
  background-image: -webkit-linear-gradient(transparent, #cc8809);
  background-image: -moz-linear-gradient(transparent, #cc8809),
    -moz-linear-gradient(transparent, #cc8809);
  background-image: -o-linear-gradient(transparent, #cc8809),
    -o-linear-gradient(transparent, #cc8809);
  background-image: linear-gradient(transparent, #cc8809),
    linear-gradient(transparent, #cc8809);
  -moz-background-size: 100%;
  background-size: 100%;
  background-position: 0 0, 100% 0;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.portfolio-service li:hover .builder {
  top: 62% !important;
}
.portfolio-menu {
  margin: 0;
  padding: 0;
  text-align: center;
  margin-bottom: 30px;
}
.portfolio-menu li {
  list-style-type: none;
  display: inline-block;
  color: #86817f;
  margin-left: 10px;
  margin-right: 10px;
  font-weight: 500;
  border: 1px solid #c7c7c7;
  cursor: pointer;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  padding: 9px 23px;
  border-radius: 30px;
}
.portfolio-menu li.active {
  color: #fff;
  background: #ff4900;
  border-color: #ff4900;
}
.portfolio-overley {
  display: none;
}
.gallry_btn a {
  padding: 16px 36px;
  font-size: 16px;
}
.portfolio-overley {
  z-index: 99;
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgb(7 28 85 / 61%);
  text-align: center;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.project-image {
  position: relative;
}
.porfolio-wrap .image-link {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 50px;
  height: 50px;
  color: #071c55;
  line-height: 50px;
  background: #fff;
  display: block;
  font-size: 16px;
  z-index: 1;
  text-align: center;
  border-radius: 100%;
}
.project-image:hover .portfolio-overley {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.porfolio-wrap .content {
  z-index: 1000;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -20px;
  width: 100%;
}
.project-image:before {
  content: "";
  border: 1px solid #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  z-index: 1;
}
.porfolio-wrap .content h3 a {
  text-decoration: none;
  color: #ffff;
}
.porfolio-wrap .readmore {
  text-align: center;
  margin-top: 30px;
}
/*********************************************
          Video css
*********************************************/
.videos-wrap {
  background: #f7f7f7;
  padding: 60px 0;
}
.nav-tabs,
.nav-tabs .nav-link {
  border: none;
  margin-bottom: 30px;
}
.nav-tabs .nav-link {
  background: #fff;
  position: relative;
  padding: 17px 38px;
  border-radius: 0px;
  margin: 0 10px 0 0;
  border: none;
  font-size: 16px;
  color: #000;
  font-weight: bold;
  box-shadow: 0px 9px 17px rgb(0 0 0 / 8%);
}
.videos-wrap h2 {
  font-size: 36px;
  margin-bottom: 20px;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active,
.nav-tabs .nav-link:hover {
  background: #0022d2;
  color: #fff;
}
.nav-tabs .nav-link:before {
  content: "";
  background: url(https://www.rmsinstalls.com/front/images/control4/down-arrow.png)
    no-repeat;
  width: 19px;
  height: 11px;
  position: absolute;
  bottom: -11px;
  left: 20px;
  opacity: 0;
}
.nav-tabs .nav-link.active:before {
  opacity: 1;
}
.tab-content h3 {
  font-size: 16px;
  color: #000;
  margin-top: -12px;
  margin-bottom: 24px;
}
/*
Keyframes Area Style
======================================================*/
@-webkit-keyframes moVebounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@keyframes moVebounce {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  50% {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}
@-webkit-keyframes moveBounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@keyframes moveBounce {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  50% {
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes FocuS {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes FocuS {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes border-transform {
  0%,
  100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}
@keyframes border-transform {
  0%,
  100% {
    border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
  }
  14% {
    border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
  }
  28% {
    border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
  }
  42% {
    border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
  }
  56% {
    border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
  }
  70% {
    border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
  }
  84% {
    border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
  }
}
@-webkit-keyframes aurrthorImg {
  0% {
    right: 150px;
  }
  50% {
    right: 170px;
  }
  100% {
    right: 150px;
  }
}
@keyframes aurrthorImg {
  0% {
    right: 150px;
  }
  50% {
    right: 170px;
  }
  100% {
    right: 150px;
  }
}
.aniimages {
  -webkit-animation: bigImage 2s ease-in-out infinite;
  animation: bigImage 2s ease-in-out infinite;
}
@-webkit-keyframes bigImage {
  0% {
    top: 0;
  }
  50% {
    top: 20px;
  }
  100% {
    top: 0;
  }
}
@keyframes bigImage {
  0% {
    top: 0;
  }
  50% {
    top: 20px;
  }
  100% {
    top: 0;
  }
}
/*********************************************
          Question css
*********************************************/
.question_wrap {
  margin: 60px 0;
}
.questionbox {
  background: #0022d2;
  padding: 44px 0 40px 0;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.questionbox:before {
  content: "";
  background: url(https://www.rmsinstalls.com/front/images/control4/question-before.png)
    no-repeat top;
  background-size: cover;
  width: 910px;
  height: 285px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.questionbox h3 {
  font-size: 30px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 0;
}
.questionbox p {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 3px;
}
.phonenum a {
  font-size: 36px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}
.readmore a {
  background: #fff;
  color: #000;
}
.questionbox .readmore a:hover {
  background: #000;
  color: #fff;
}
.questionbox .readmore i {
  padding-right: 6px;
}
.quest_info {
  z-index: 100;
  position: relative;
}
.questionbox .readmore {
  margin-top: 20px;
  text-align: center;
}
.questionbox .readmore a {
  background: #fff;
  font-size: 18px;
  color: #000;
  border-radius: 42px;
  font-family: "Montserrat", sans-serif;
  text-decoration: none;
  box-shadow: 0px 11px 15px rgb(0 0 0 / 18%);
  padding: 17px 38px;
  display: inline-block;
  font-weight: bold;
}
.questionbox .readmore a:hover {
  background: #000;
  color: #fff;
}
.questionbox:before {
  content: "";
  background: url(https://www.rmsinstalls.com/front/images/control4/question-before.png)
    no-repeat top;
  background-size: cover;
  width: 910px;
  height: 285px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.read_more_buttons a {
  background: #0022d2 !important;
  color: #fff;
  padding: 14px 28px !important;
}
.read_more_buttons a:hover {
  background: #000 !important;
  color: #fff;
}
.testi_info {
  padding: 20px 20px 30px 20px;
}
/******: Multi Room Audio :*******/
.multiaudiobanner {
  position: relative;
}
.macontrols {
  position: absolute;
  width: 22%;
  height: 255px;
  top: 58px;
  left: 50px;
}
.tvpackageswrap .tvpackagebox .tv-actions-remove{
  position: relative;
}
.tvpackageswrap .tvpackagebox .tv-actions-remove:before {
  background: rgba(0,0,0, 0.5);
  width: 100%;
  height: 100%;
  cursor: not-allowed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 20;
  position: absolute;
  border-radius: 0;
}
.tvpackageswrap .tvpackagebox .tv-actions-remove .tvstepbtn{
  opacity: 0;
  visibility: hidden;
}
/*** ====================================================================
        Press Release Css Start
====================================================================
***/
.press_wrap {
  background: #f7f7f7;
}
.press_wrap {
  position: relative;
  padding: 80px 0;
}
.press_wrap .content-column {
  position: relative;
  margin-bottom: 50px;
  z-index: 1;
}
.press_wrap .content-column .inner-column {
  position: relative;
  text-align: center;
}
.press_wrap .content-column .inner-column .sec-title {
  margin-bottom: 40px;
}
.press_wrap .content-column .inner-column .sec-title h4 {
  font-size: 24px;
  line-height: 36px;
  color: #0022d2;
  font-weight: 700;
  margin-top: 10px;
}
.press_wrap .content-column .inner-column .sec-title .text {
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
}
.press_wrap .image-column {
  position: relative;
  margin-bottom: 30px;
}
.press_wrap .image-column .inner-column {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 130px;
  padding-top: 10px;
}
.press_wrap .image-column .icon-box {
  position: absolute;
  right: 0;
  top: 0;
  height: 110px;
  width: 110px;
  background-color: var(--bg-theme-color2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 54px;
  color: #fff;
  border-radius: 50%;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}
.press_wrap .image-column .icon-box:before {
  position: absolute;
  left: -20px;
  top: -20px;
  height: 150px;
  width: 150px;
  background-color: rgba(0, 0, 0, 0.1);
  content: "";
  border-radius: 50%;
}
.press_wrap .image-column .icon-box .icon {
  position: relative;
}
.press_wrap .image-column .image-1 {
  position: relative;
}
.press_wrap .image-column .image-1:before {
  position: absolute;
  left: -50px;
  top: 0;
  height: 200px;
  width: 20px;
  background-color: var(--bg-theme-color3);
  border-radius: 20px;
  content: "";
}
.press_wrap .image-column .image-1 img {
  min-width: 290px;
  width: 100%;
  border-radius: 10px;
}
.press_wrap .image-column .image-2 {
  position: absolute;
  left: -115px;
  bottom: 0;
}
.press_wrap .image-column .image-2:before {
  position: absolute;
  right: -40px;
  height: 40px;
  width: 40px;
  bottom: 90px;
  background-color: #0022d2;
  border-radius: 0 0 10px 0;
  content: "";
}
.press_wrap .image-column .image-2 img {
  min-width: 290px;
  width: 100%;
  border-radius: 10px;
}
.press_wrap .image-column .image-1 {
  position: relative;
}
.press_wrap .image-column .image-1:before {
  position: absolute;
  left: -50px;
  top: 0;
  height: 118px;
  width: 20px;
  background-color: #0022d2;
  border-radius: 20px;
  content: "";
}
.sec-title h2 {
  font-size: 50px;
  font-weight: bold;
}
.press_list {
  margin-bottom: 30px;
}
.press_list li {
  font-weight: 600;
  font-size: 18px;
  line-height: 30px;
  color: #000;
  margin-bottom: 15px;
  position: relative;
  padding-left: 40px;
}
.press_list li i {
  border: 1px solid #0022d2;
  border-radius: 100%;
  background-color: transparent;
  color: #0022d2;
  font-size: 16px;
  line-height: 26px;
  height: 26px;
  width: 26px;
  margin-right: 14px;
  text-align: center;
  transition: all 0.3s ease-in-out;
  border-top-style: none;
  border-right-style: none;
  position: absolute;
  top: 2px;
  left: 0;
}
.press_wrap ul li {
  padding-bottom: 30px;
}
.press_wrap .owl-dots {
  text-align: center;
  margin-top: 10px;
  display: block !important;
}
.press_wrap .readmore a:hover {
  color: #fff !important;
}
.press_wrap .owl-nav {
  display: none;
}
.press_wrap button {
  border-radius: 100%;
  width: 15px;
  height: 15px;
  border: none;
  background: #c7c7c7;
  margin: 0 6px;
}
.press_wrap .owl-dot.active {
  background: #0374bb;
}
/******** Home Automation ********/
.audiopt5 {
  padding-top: 50px;
}
.audiopt3 {
  padding-top: 30px;
}
.homeautomation {
  padding:30px 0 50px 0;
}
.haintrobox {
  position: relative;
  margin-bottom: 50px;
}
/*.haintrobox:before{background: url(../images/text-bg.png) no-repeat right; position: absolute; content: ''; right: 0; top: 0; height: 500px; width: 700px;}*/
.homeautomation p {
  color: #182d42;
  font-size: 16px;
  line-height: 26px;
}
.inrotext {
  position: relative;
  z-index: 2;
  padding: 40px 30px 0 0;
}
.inrotext p {
  color: #000;
  font-size: 16px;
}
.hatitle {
  font-size: 30px;
  font-weight: 700;
  color: #182d42;
}
.meshtitle {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
}
.haicon {
  margin-top: 30px;
  padding-left: 100px;
  position: relative;
}
.haicon i {
  position: absolute;
  width: 70px;
  height: 70px;
  background: #e4f0fb;
  color: #0022d2;
  font-size: 30px;
  left: 0;
  text-align: center;
  border-radius: 50%;
  line-height: 70px;
}
.haicon h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.netxticon {
  margin-top: 30px;
  padding-left: 90px;
  position: relative;
}
.netxticon i {
  position: absolute;
  width: 70px;
  height: 70px;
  background: #e4f0fb;
  color: #0022d2;
  font-size: 30px;
  left: 0;
  text-align: center;
  border-radius: 50%;
  line-height: 70px;
}
.netxticon h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.haintegration {
  background: url(../images/integration-bg.jpg) no-repeat;
  background-size: cover;
  margin-top: 50px;
  padding: 60px 0;
}
.haintegration h4 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}
.comfortbox {
  padding: 60px 0;
}
.cmtitle {
  max-width: 700px;
  margin: 0 auto;
}
.comfortbox h4 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 15px;
}
.qualitybox {
  background: url(../images/quality-bg.jpg) no-repeat;
  background-size: cover;
  padding: 80px 30px 80px 70px;
}
.qtext {
  max-width: 550px;
}
.qualitybox h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
}
.qualitybox p {
  color: #fff;
}
.homeautomation .call-wrap {
  margin-top: 0;
}
.hmgreybg {
  background: #eee;
}
.vidmatiximg {
  padding: 20px 0 30px 0;
  text-align: center;
}
.outdoorbox {
  display: block;
  position: relative;
}
.odimg1 {
  background-image: url(../images/outAudio1.jpg);
  background-size: cover;
  width: 100%;
  height: 450px;
  margin-top: 30px;
}
.odimg2 {
  background-image: url(../images/outAudio2.jpg);
  background-size: cover;
  width: 100%;
  height: 450px;
}
.odimg3 {
  background-image: url(../images/outAudio3.jpg);
  background-size: cover;
  width: 100%;
  height: 450px;
}
.odimg4 {
  background-image: url(../images/outAudio4.jpg);
  background-size: cover;
  width: 100%;
  height: 450px;
}
.odcontent {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  width: 40%;
  height: 100%;
  padding: 50px;
  right: 0;
}
.odcontent h4 {
  font-size: 24px;
  color: #fff;
  padding-top: 60px;
  font-weight: 700;
}
.odcontent p {
  font-size: 16px;
  color: #fff;
}
.odleftbox {
  left: 0;
  right: auto;
}
.odmbimg {
  display: none;
}
/******** Network Installation ********/
.network_install {
  padding: 50px 0 0 0;
}
.underbasic {
  background: url(../images/basic-bg.jpg) no-repeat;
  background-size: cover;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  padding: 0 70px;
  border-radius: 30px;
  position: relative;
  z-index: 2;
}
.nibasic {
  padding: 50px 30px 50px 0;
}
.nibasic h3 {
  color: #fff;
  font-size: 54px;
}
.nibasic h3 span {
  font-size: 36px;
  display: block;
}
.nibasic p {
  color: #fff;
}
.basicscenario {
  background: url(../images/basic-scenario.jpg) no-repeat;
  background-size: cover;
  padding: 250px 0 80px 0;
  margin-top: -150px;
}
.scen1info {
  background: #fff;
  border-radius: 25px;
  padding: 60px;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}
.scen1info h4 {
  color: #0022d2;
  font-weight: 700;
}
.scen1info h3 {
  font-weight: 700;
  font-size: 30px;
}
.greybg {
  background: #f0f2f8 url(../images/grey-bg.jpg) no-repeat bottom;
  background-size: cover;
}
.network_install .haicon i {
  background: #fff;
}
.eerobox {
  background: url(../images/eero-bg.jpg) no-repeat;
  background-size: cover;
  padding: 40px 0;
}
.eerobox h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}
.eerobox p {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
}
.calltoactbox {
  background: url(../images/eero-bg.jpg) no-repeat;
  background-size: cover;
  padding: 40px 0;
  text-align: center;
}
.calltoactbox h3 {
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 20px;
}
.calltoactbox p {
  color: #fff;
  font-size: 16px;
  line-height: 26px;
}
.calltoactbox a {
  display: inline-block;
  background: #fff;
  color: #0022d2;
  padding: 15px 30px;
  border-radius: 7px;
  font-size: 18px;
  font-weight: 700;
}
.calltoactbox a:hover {
  text-decoration: none;
  background: #000;
  color: #fff;
}
.wifiextend {
  background: #f0f2f8;
  border-radius: 30px;
  margin-top: 30px;
  padding: 40px 75px;
}
.wifiextend p {
  font-weight: 600;
  color: #000;
  padding-top: 20px;
}
.comfortbox h5 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #0022d2;
}
.hanimate {
  margin-top: 60px;
  position: relative;
}
.animatescbt1,
.animatesc1 {
  position: relative;
}
.scean03 {
  text-align: right;
}
.hmpluse {
  animation: pulse 2s infinite;
  width: 120px;
  height: 120px;
  position: absolute;
  left: 130px;
  bottom: 110px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluse2 {
  animation: pulse 3s infinite;
  width: 100px;
  height: 100px;
  position: absolute;
  left: 140px;
  bottom: 120px;
  border: 3px solid #000;
  border-radius: 50%;
}
.hmpluseS2 {
  animation: pulse 2s infinite;
  width: 120px;
  height: 120px;
  position: absolute;
  right: 180px;
  top: 20px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS23 {
  animation: pulse 2s infinite;
  width: 120px;
  height: 120px;
  position: absolute;
  right: 110px;
  top: 110px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3 {
  animation: pulse 2s infinite;
  width: 230px;
  height: 230px;
  position: absolute;
  right: 120px;
  top: 60px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS03 {
  animation: pulse 2s infinite;
  width: 300px;
  height: 300px;
  position: absolute;
  right: 27%;
  top: 27%;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS03bt {
  animation: pulse 2s infinite;
  width: 120px;
  height: 120px;
  position: absolute;
  right: 27%;
  top: 20%;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.animatescbt1 .hmpluse {
  width: 100px;
  height: 100px;
  bottom: 30px;
  left: 13px;
}
.animatescbt1 .hmpluse2 {
  width: 80px;
  height: 80px;
  left: 23px;
  bottom: 40px;
}
.routermt {
  margin-top: 40px;
}
.routermt img {
  margin-bottom: 20px;
}
.sc3bimg {
  max-width: 900px;
  margin: 0 auto;
}
.hmpluseS3b1 {
  animation: pulse 2s infinite;
  width: 170px;
  height: 170px;
  position: absolute;
  left: 55px;
  top: 120px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b2 {
  animation: pulse 2s infinite;
  width: 170px;
  height: 170px;
  position: absolute;
  right: 360px;
  top: 70px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b3 {
  animation: pulse 2s infinite;
  width: 170px;
  height: 170px;
  position: absolute;
  left: 240px;
  bottom: 180px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b4 {
  animation: pulse 2s infinite;
  width: 170px;
  height: 170px;
  position: absolute;
  right: 255px;
  bottom: 170px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b5 {
  animation: pulse 2s infinite;
  width: 170px;
  height: 170px;
  position: absolute;
  right: 90px;
  top: 155px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b6 {
  animation: pulse 2s infinite;
  width: 170px;
  height: 170px;
  position: absolute;
  left: 60px;
  bottom: -10px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b1catebt {
  animation: pulse 2s infinite;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 5px;
  top: 25px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b2catebt {
  animation: pulse 2s infinite;
  width: 70px;
  height: 70px;
  position: absolute;
  right: 95px;
  top: 10px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b3catebt {
  animation: pulse 2s infinite;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 62px;
  bottom: 40px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b4catebt {
  animation: pulse 2s infinite;
  width: 70px;
  height: 70px;
  position: absolute;
  right: 66px;
  bottom: 40px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b5catebt {
  animation: pulse 2s infinite;
  width: 70px;
  height: 70px;
  position: absolute;
  right: 15px;
  top: 35px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
.hmpluseS3b6catebt {
  animation: pulse 2s infinite;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 5px;
  bottom: -16px;
  border: 3px solid #0022d2;
  border-radius: 50%;
}
html {
  scroll-behavior: smooth;
}
.worshiphouse {
  padding: 30px 0 50px 0;
}
.hometheatermain {
}
.hometheatermain .hatitle {
  color: #182d42;
  font-size: 24px;
}
.hometheatermain .ptboxex h3 {
  color: #0022d2;
}
.hometheatermain .ptboxex h6 {
  color: #666;
}
.worshipbox {
  position: relative;
}
.worshipbox:after {
  background: url(../images/banner-curve.png) no-repeat bottom;
  width: 100%;
  height: 160px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  background-size: cover;
}
.wrshipImg img {
  width: 100%;
}
.theaterbanner {
  position: relative;
  margin-bottom: 40px;
}
.theaterImg img {
  width: 100%;
}
.herotext {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 180px;
}
.herotext h2 {
  color: #fff;
  font-size: 50px;
  text-transform: uppercase;
  font-weight: 700;
  max-width: 770px;
}
.herotext h2 strong {
  display: block;
  background: rgba(255, 255, 255, 0.8);
  padding: 10px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;
  color: #000;
  text-align: center;
}
.herotext h2.healthcaretitle {
  max-width: 430px;
}
.herotext h2.retailtitle {
  max-width: 635px;
}
.herotext h2.worshoptitle {
  max-width: 685px;
}
.herotext h2.hosptitle {
  max-width: 565px;
}
.herotext h2.corpotitle {
  max-width: 650px;
}
.herotext h2.edutitle {
  max-width: 655px;
}
.herotext h2.govtitle {
  max-width: 780px;
}
.wrshtext p {
  font-size: 18px;
  color: #fff;
  line-height: 26px;
  margin-bottom: 0;
}
.wrshtext h3 {
  font-size: 34px;
  color: #fff;
  margin-bottom: 0;
  font-weight: 700;
}
.wrshtext {
  position: absolute;
  top: 50px;
  left: 66px;
  max-width: 425px;
  bottom: 50px;
  align-items: center;
  display: flex;
}
.sltnav {
  padding-bottom: 50px;
}
.sltnav p {
  text-align: center;
}
.solutionNav .nav-item {
  margin: 0 5px;
}
.solutionNav .nav-link {
  background: #0022d2;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
.solutionNav .nav-link i {
  margin-right: 7px;
}
.solutionNav .nav-link:hover,
.solutionNav .nav-link:focus {
  background: #000;
}
.navsticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #0022d2;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.navsticky .nav-link {
  border-radius: 0;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.navsticky .nav-item {
  margin: 0;
}
.navsticky .nav-item:last-child .nav-link {
  border: none;
}
.wrvdbox {
  padding: 0 0 60px 0;
}
.wrvdbox .cmtitle {
  max-width: none;
  margin: 0 auto;
  margin-bottom: 30px;
}
.wrvdbox h4 {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 15px;
}
.wrvdbox h5 {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 5px;
  margin-top: 15px;
}
.articulatetxt {
  padding-top: 30px;
}
.celingimg2 img {
  width: 100%;
}
.cnetworkbox p {
  margin-bottom: 0;
}
.vdsltxt {
  background: #0022d2;
  padding: 40px;
  margin: 0 50px;
  margin-top: -80px;
  position: relative;
  z-index: 1;
  border-radius: 10px;
  text-align: center;
}
.vdsltxt h3 {
  color: #fff;
}
.vdsltxt p {
  color: #fff;
  font-size: 18px;
  margin-bottom: 0;
}
.govsltxt {
  margin-top: -60px;
}
.wrvdbox ul.tick li {
  font-size: 16px;
  color: #52575e;
}
.audiobx {
  padding: 0 0 60px 0;
}
.audiobx .cmtitle {
  max-width: none;
  margin: 0 auto;
  margin-bottom: 30px;
}
.audiotxt {
  background: #0022d2;
  padding: 25px;
  text-align: center;
}
.audiotxt p {
  color: #fff;
  font-size: 16px;
  margin-bottom: 0;
}
.lightbox {
  background: url(../images/lighting-solution.jpg) no-repeat;
  background-size: cover;
  height: 450px;
}
.lightbox .lgttext {
  padding: 70px 70px 50px 70px;
  text-align: center;
}
.lightbox h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}
.lightbox p {
  color: #fff;
  font-size: 18px;
}
.controlsl {
  padding: 60px 0 30px 0;
}
.controlimgs .owl-dots,
.controlimgs .owl-nav,
.healthcareimgs .owl-nav {
  display: none;
}
.healthcareimgs .owl-dots {
  display: block;
  text-align: center;
  margin-top: 10px;
}
.controlimgs .owl-item,
.healthcareimgs .owl-item {
  text-align: center;
}
.controlimgs .owl-dots .owl-dot,
.healthcareimgs .owl-dots .owl-dot {
  width: 13px;
  height: 13px;
}
.controlimgs .owl-dots .owl-dot.active,
.healthcareimgs .owl-dots .owl-dot.active {
  background: #0022d2;
  border-color: #0022d2;
}
.controlimgs .owl-dots .owl-dot:focus,
.healthcareimgs .owl-dots .owl-dot:focus {
  outline: none;
}
.audio-paratners {
  margin-top: 50px;
}
.audio-paratners .owl-nav {
  display: none;
}
.vidisplay .owl-stage-outer {
  padding-bottom: 0 !important;
}
.vidisplay .owl-dots {
  margin-top: -35px;
  position: relative;
  z-index: 2;
}
.vidisplay img {
  width: 100%;
}
.monitorsbox {
  border: 1px solid #ddd;
  text-align: center;
  padding: 20px 20px 0 20px;
}
.monitorsbox img {
  margin-bottom: 20px;
}
.monitorsbox h4 {
  font-size: 20px;
  background: #0022d2;
  color: #fff;
  margin: 0 -20px;
  padding: 10px;
}
.copinfobox {
  border: 1px solid #ddd;
  text-align: center;
  padding: 20px 20px 0 20px;
}
.copinfobox img {
  margin-bottom: 20px;
}
.copinfobox h4 {
  font-size: 16px;
  font-weight: normal;
  background: #0022d2;
  color: #fff;
  margin: 0 -20px;
  padding: 15px 10px;
  min-height: 98px;
}
.healthcareimgs {
  position: relative;
}
.healthcareimgs .imgtext345 {
  position: absolute;
  left: 30px;
  bottom: -30px;
  align-items: center;
  background: #0022d2;
  padding: 20px;
  text-align: center;
  border-radius: 10px;
  right: 30px;
}
.imgtext345 p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 0;
}
.healthcareimgs .owl-stage-outer {
  padding-bottom: 45px;
}
.pans .owl-stage-outer {
  padding-bottom: 0;
}
.pans .owl-item img {
  width: 100%;
}
.telemedibox {
  background: url(../images/telemedicine.jpg) no-repeat;
  background-size: cover;
  height: 450px;
  margin-top: 40px;
}
.telemedibox .lgttext {
  padding: 70px 70px 50px 70px;
  text-align: center;
}
.telemedibox h3 {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
}
.telemedibox p {
  color: #fff;
  font-size: 18px;
}
.digisignage {
  margin-top: -200px;
  margin-bottom: 30px;
}
.eduinfobx {
  padding-left: 70px;
  position: relative;
  margin-bottom: 10px;
}
.eduinfobx h4 {
  font-size: 20px;
  color: #0022d2;
}
.eduinfobx img {
  position: absolute;
  left: 0;
}
.mapbuilding {
  position: relative;
}
.mapbuilding .nav-link {
  padding: 0;
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: transparent !important;
  text-align: center;
}
#pills-pin1-tab {
  top: 18%;
  left: 20%;
}
#pills-pin2-tab {
  top: 43%;
  left: 34%;
}
#pills-pin3-tab {
  bottom: 27%;
  left: 56%;
}
#pills-pin4-tab {
  top: 41%;
  left: 49%;
}
#pills-pin5-tab {
  top: 28%;
  left: 47%;
}
#pills-pin6-tab {
  top: 22%;
  right: 26%;
}
#pills-pin7-tab {
  top: 5%;
  left: 30%;
}
#pills-pin8-tab {
  top: -2%;
  left: 40%;
}
.mapbuilding .nav-link img {
  width: 40px;
}
@-webkit-keyframes pinpluse {
  0% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0.4em);
  }
}
.mapbuilding .nav-link:hover img {
  -webkit-animation: pinpluse 0.6s infinite alternate ease-in-out;
}
@-webkit-keyframes pulse {
  0% {
    transform: scale(0);
  }
  90% {
    transform: scale(2);
  }
  100% {
    opacity: 0;
  }
}
@keyframes pulse {
  0% {
    transform: scale(0);
  }
  90% {
    transform: scale(2);
  }
  100% {
    opacity: 0;
  }
}
.back-to-top {
  cursor: pointer;
  background-color: #e5e5e5;
  width: 45px;
  bottom: 90px;
  right: 33px;
  color: #0022d2;
  font-size: 28px;
  min-height: 42px;
  overflow: hidden;
  z-index: 99999999;
  position: fixed;
  display: block;
  text-align: center;
  border-radius: 3px;
  opacity: 1;
  transition: all 0.5s ease-in-out 0;
  -moz-transition: all 0.5s ease-in-out 0;
  -webkit-transition: all 0.5s ease-in-out 0;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.back-to-top:hover {
  background: #0022d2;
  color: #fff;
}

#fb-root .fb_dialog iframe{
  bottom: 90px !important;
}

.worship_cta {
  margin-top: 0 !important;
}
.htibox {
  padding-bottom: 30px;
}
.ptboxex {
  border: 1px solid #eee;
  padding: 25px 30px;
  margin-bottom: 30px;
  min-height: 310px;
}
.ptboxex h3 {
  font-size: 20px;
  font-weight: 700;
  color: #182d42;
}
.ptboxex h6 {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 20px;
}
.ptboxex p {
  margin-bottom: 0;
}
.distbox {
  min-height: 250px;
}
.ffobox {
  min-height: 220px;
}
.herotext p {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.6);
  padding: 30px;
  margin-bottom: 0;
  text-align: center;
}
.projhero {
  bottom: 145px;
}
#canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}
/********Projector Showcase*********/
.projectorshowcase {
  margin-bottom: 40px;
  position: relative;
  z-index: 3;
}
.showcasetp {
  background: #eee;
  padding: 30px;
  border-radius: 30px 30px 0 0;
}
.showcasemid {
  padding: 50px 30px 30px 30px;
  min-height: 300px;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.actions-remove:before {
  background: rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: "";
  z-index: 20;
  position: absolute;
  border-radius: 30px;
}
.actions-remove .flip-inner img {
  filter: grayscale(100%);
  opacity: 0.5;
}
.showcasemid.actions-remove:before {
  border-radius: 0;
}
.showcasetp .table {
  background: #fff;
}
.showcasetp .table th {
  white-space: normal;
  font-size: 14px;
  text-align: center;
}
.showcasetp .table td {
  padding: 2px;
  white-space: normal;
}
.showcasetp .table .thead-light th {
  background-color: #d3d3d3;
  border-color: #dfdfdf;
}
.userguide {
  margin-top: 30px;
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  border-radius: 10px;
  position: relative;
  z-index: 3;
}
.userguide .table {
  margin-bottom: 0;
}
.userguide .table td {
  white-space: normal;
  padding: 5px;
  font-size: 14px;
  background: #fff;
}
.pjtitle {
  font-size: 18px;
  font-weight: 700;
}
.rmdbutton {
  width: 100%;
  position: relative;
}
.rmdbutton label {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 18px;
  padding: 5px;
  min-height: 66px;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.rmdbutton label span {
  font-size: 12px;
  display: block;
  flex: 0 0 auto;
  width: 100%;
}
.rmdbutton input {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.rmdbutton input[type="radio"] {
  opacity: 0;
  z-index: 100;
}
.rmdbutton input[type="radio"]:checked + label {
  /* background: #c6ff00; */
  background: rgb(0, 255, 0);
  color: #000;
  border-radius: 0;
}
.rmdbutton label {
  cursor: pointer;
  z-index: 101;
}
.rmdbutton label.disabled {
  background: #ff0000;
  cursor: not-allowed;
  color: #fff;
  opacity: 1;
}
.rmdbutton label.recommend {
  background: #00ffff;
}
.gainbg {
  background: #ffff00;
  text-align: center;
  font-size: 14px;
  vertical-align: middle;
}
.projectorslide {
  display: flex;
  justify-content: center;
}
.range-slider2 {
  position: relative;
  width: 80vmin;
  height: 200px;
}
.range-slider3 {
  position: relative;
  width: 80vmin;
  height: 200px;
}
.range-slider4 {
  position: relative;
  width: 80vmin;
  height: 200px;
}
.concieldbox {
  position: relative;
  width: 80vmin;
  height: 200px;
}
.range-slider_input {
  width: 100%;
  position: absolute;
  top: 50%;
  z-index: 3;
  transform: translateY(-50%);
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 4px;
  opacity: 0;
  margin: 0;
}
.range-slider_input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 100px;
  height: 100px;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0;
}
.range-slider_input::-moz-range-thumb {
  width: 14vmin;
  height: 14vmin;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0;
}
.range-slider_thumb {
  width: 82px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/projector.png) no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  color: #fff;
}
.range-slider_thumb:before {
  content: "Throw Distance";
  position: absolute;
  left: -30px;
  top: -40px;
  width: 130px;
  font-weight: bold;
  color: #000;
}
.range-slider_thumb:after {
  position: absolute;
  right: 100%;
  top: 8px;
  content: "";
  background: #fff;
  height: 11px;
  width: 1000%;
}
.range-slider_line {
  height: 0.5vmin;
  width: 100%;
  border-bottom: 1px dashed #878787;
  top: 50%;
  transform: translateY(-50%);
  right: -50px;
  position: absolute;
  z-index: 1;
}
.range-slider_line-fill {
  position: absolute;
  height: 0.5vmin;
  width: 0;
}
.project-img {
  perspective: 1000px;
  position: relative;
}
.vlines {
  height: 100%;
}
.range-slider3 .range-slider_thumb {
  width: 82px;
  position: absolute;
  right: 0;
  top: 40px;
  transform: translateY(-50%);
  background: url(../images/projector.png) no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  color: #fff;
  font-size: 14px;
}
.range-slider3 .range-slider_thumb:before {
  display: none;
}
.range-slider3 .range-slider_thumb:after {
  position: absolute;
  right: 100%;
  top: 7px;
  content: "";
  background: #fff;
  height: 11px;
  width: 2000%;
}
.range-slider3 .range-slider_line {
  top: 36px;
}
.range-slider3 .range-slider_input {
  top: 36px;
}
.range-slider4 .range-slider_thumb {
  width: 66px;
  height: 29px;
  position: absolute;
  right: 0;
  top: auto;
  bottom: 14px;
  transform: translateY(-50%);
  background: url(../images/projector3.png) no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  color: #fff;
  font-size: 14px;
}
.range-slider4 .range-slider_thumb:before {
  display: none;
}
.range-slider4 .range-slider_thumb:after {
  position: absolute;
  right: 100%;
  top: 12px;
  content: "";
  background: #fff;
  height: 11px;
  width: 1000%;
}
.range-slider4 .range-slider_line {
  top: auto;
  bottom: 40px;
  right: 60px;
}
.range-slider4 .range-slider_input {
  top: auto;
  bottom: 40px;
  right: 0;
}
.proimg3 {
  position: absolute;
  bottom: -20px;
  right: 0;
}
.proimgtp {
  position: absolute;
  top: -20px;
  right: 0;
}
.proimgtp:after {
  content: "";
  width: 125px;
  position: absolute;
  bottom: 5px;
  right: -75px;
  z-index: 9;
  border: 1px dashed #acacac;
}
.proimg3:after {
  content: "";
  width: 125px;
  position: absolute;
  bottom: 28px;
  right: -75px;
  z-index: 9;
  border: 1px dashed #acacac;
}
.project-img:before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0px;
  right: 50%;
  border: 1px dashed #acacac;
  z-index: 10;
}
.flip-inner {
  transition: transform 0.8s;
  transform-style: preserve-3d;
  align-items: center;
  display: flex;
  justify-content: center;
  height: 100%;
}
.htibgimg1 {
  position: absolute;
  top: 50px;
  width: 80%;
  text-align: center;
}
.htibgimg2 {
  position: absolute;
  top: 10px;
  width: 80%;
  text-align: center;
}
.bgwindowanimate {
  display: flex;
  justify-content: space-evenly;
  position: absolute;
  top: 70px;
  width: 80%;
}
.window1bg {
  position: relative;
  width: 85px;
  height: 136px;
}
.wshade {
  position: absolute;
  top: 18px;
  left: 8px;
  width: 66px;
  background: #fff;
  height: 0px;
  border: 1px solid #898989;
  border-top: none;
  animation: 7s slide;
  animation-duration: 5s;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
}
@keyframes slide {
  0% {
    height: 0px;
  }
  10% {
    height: 0px;
  }
  100% {
    height: 110px;
  }
}
.showcasebt {
  padding: 30px;
  background: #0022d2;
  border-radius: 0 0 30px 30px;
}
.showcasebt label {
  font-size: 16px;
  color: #fff;
  font-weight: 700;
}
.box-minmax {
  margin-top: -19px;
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  color: #ffffff;
}
.box-minmax span:first-child {
  margin-left: 6px;
}
.rs-range {
  margin-top: 0;
  width: 100%;
  -webkit-appearance: none;
}
.rs-range:focus {
  outline: none;
}
.rs-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: none;
  background: #ffffff;
  border-radius: 0px;
  border: 0px solid #010101;
}
.rs-range::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  box-shadow: none;
  background: #ffffff;
  border-radius: 0px;
  border: 0px solid #010101;
}
.rs-range::-webkit-slider-thumb {
  box-shadow: none;
  border: 0px solid #ffffff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
  height: 18px;
  width: 18px;
  border-radius: 18px;
  background: white;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9px;
}
.rs-range::-moz-range-thumb {
  box-shadow: none;
  border: 0px solid #ffffff;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.25);
  height: 18px;
  width: 18px;
  border-radius: 18px;
  background: white;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -9px;
}
.rs-range::-moz-focus-outer {
  border: 0;
}
.rs-label {
  position: relative;
  transform-origin: center center;
  display: block;
  width: 60px;
  height: 20px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    #0022d2 15%,
    #0022d2 85%,
    rgba(255, 255, 255, 0) 100%
  );
  line-height: 22px;
  text-align: center;
  font-weight: bold;
  padding-top: 2px;
  box-sizing: border-box;
  margin-top: 10px;
  margin-left: -16px;
  left: attr(value);
  color: #fff;
  font-style: normal;
  font-weight: normal;
  line-height: normal;
  font-size: 14px;
}
.rs-label::after {
  content: '"';
  font-size: 14px;
  letter-spacing: 0.07em;
  margin-left: 2px;
}
.nstprods {
  padding-top: 50px;
}
.nstprods .container {
  max-width: 90%;
}
.nstcatebox {
  border-bottom: 1px solid #ddd;
  padding: 30px 0;
  margin-bottom: 30px;
}
.cateitemsbox {
  border-right: 1px solid #ddd;
  height: 100%;
}
.cate45678 .col-lg-3:last-child .cateitemsbox {
  border-right: none;
}
.cateitemsbox h5 {
  font-size: 18px;
  color: #0022d2;
  font-weight: 700;
}
.cateitemsbox p {
  font-size: 16px;
}
.catelogo {
  margin-bottom: 15px;
}
.cateimg {
  margin-bottom: 10px;
}
.nstprods .nstcatebox:last-child {
  margin-bottom: 0;
}
/********: Packages :*********/
.pkgtopbar {
  padding: 40px 10% 40px 400px;
  position: relative;
}
.pkgtopbar h3 {
  position: absolute;
  left: 0;
  font-size: 30px;
  font-weight: 700;
}
.pkgtopbar .vdoted:before {
  height: 50px;
  bottom: -50px;
}
.rmswpackagelist li {
  position: relative;
  min-height: 120px;
  margin-bottom: 5px;
}
.rmswpackagelist .nomp {
  margin: 0;
}
.rmswpackagelist li .nomp .col {
  padding: 0;
}
.wpkgtitlw {
  background-color: #276fe5;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 2px 0 2px 250px;
  transform: skew(15deg);
  margin-left: 20px;
}
.warea {
  background-color: #0056e1;
  color: #fff;
  font-size: 14px;
  padding: 15px 0;
  transform: skew(15deg);
  margin-left: -2px;
  text-align: center;
}
.wpkgtitlw span,
.warea span {
  transform: skew(-15deg);
  display: block;
}
.namecol {
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
  max-width: 60%;
}
.areacol {
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}
.wimg {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
  overflow: hidden;
}
.wpkgbtn1 {
  background-color: #0122d3;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 15px 20px;
  display: block;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
  margin-left: -8px;
  border-radius: 0 0 10px 0;
  position: relative;
}
.wpkgbtn1:hover {
  background-color: #000;
  text-decoration: none;
  color: #fff;
}
.wpkgbtn1:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 8px solid #fff;
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -10px;
}
.pkgint {
  padding: 0 10% 0 400px;
  position: relative;
  margin-top: -10px;
}
.pkgint a {
  color: #bbbbbb;
  font-size: 20px;
}
.pkgint a:hover {
  color: #0022d2;
}
.pkgint .rmsgreylogo {
  position: absolute;
  left: 28%;
  top: 0;
  z-index: 1;
}
.vdoted {
  text-align: center;
  position: relative;
  padding: 8px 0;
}
.vdoted:before {
  border-right: 4px dotted #e0e0e0;
  content: "";
  height: 110px;
  width: 4px;
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -2px;
  z-index: -1;
}
.rmswpackagelist li:nth-child(1) .wimg {
  border-top-left-radius: 15px;
}
.rmswpackagelist li:nth-child(2) .wpkgtitlw {
  padding-left: 330px;
}
.rmswpackagelist li:nth-child(3) .wpkgtitlw {
  padding-left: 390px;
}
.rmswpackagelist li:nth-child(4) .wpkgtitlw {
  padding-left: 430px;
}
.rmswpackagelist li:nth-child(4) .wimg {
  border-bottom-left-radius: 15px;
}
.rmswpackagelist li:nth-child(4) .vdoted:before {
  height: 60px;
  bottom: 15px;
}
.rmswpackagelist li:nth-child(4) .pkgint .rmsgreylogo {
  top: -15px;
}
.mbbrandlogo {
  display: none;
  text-align: center;
}
.packageopen {
  margin-bottom: 30px;
}
.packageopen .nomp {
  margin: 0;
}
.packageopen .col-md-3,
.packageopen .col-md-6,
.packageopen .col-6,
.packageopen .col-2,
.packageopen .col-4 {
  padding: 0;
}
.wpkgbtn2 {
  background-color: #0122d3;
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 10px 20px;
  display: block;
  clip-path: polygon(0 0, 90% 0, 100% 100%, 0% 100%);
  border-radius: 10px 0 0 0;
  position: relative;
  z-index: 1;
}
.wpkgbtn2:hover {
  background-color: #000;
  text-decoration: none;
  color: #fff;
}
.wpkgbtn2:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 8px solid #fff;
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -10px;
}
.wpkgtitle2 {
  background-color: #276fe5;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  padding: 4px 15px;
  margin-left: 0px;
  text-align: center;
  margin-left: -35px;
}
.warea2 {
  background-color: #0056e1;
  color: #fff;
  font-size: 14px;
  padding: 15px 0;
  margin-left: -30px;
  text-align: center;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 10% 100%);
  position: relative;
  z-index: 1;
}
.pkgopenbg {
  padding: 20px 20px 20px 180px;
  position: relative;
}
.pkgbg1 {
  background: url(../images/nwe-category-1.jpg) no-repeat;
  background-size: cover;
  margin-top: -7px;
}
.pkgbg2 {
  background: url(../images/nwe-category-2.jpg) no-repeat;
  background-size: cover;
  margin-top: -7px;
}
.pkgbg3 {
  background: url(../images/nwe-category-3.jpg) no-repeat;
  background-size: cover;
  margin-top: -7px;
}
.pkgbg4 {
  background: url(../images/nwe-category-4.jpg) no-repeat;
  background-size: cover;
  margin-top: -7px;
}
.comparisonbtn {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 10px 20px 20px 20px;
  display: block;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0px;
}
.comparisonbtn:hover {
  background-color: #000;
  text-decoration: none;
  color: #fff;
}
.comparisonbtn:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 8px solid #fff;
  content: "";
  position: absolute;
  right: 15%;
  bottom: 10px;
}
.backdetails {
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  font-size: 16px;
  text-align: center;
  padding: 10px 30px 10px 40px;
  display: block;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0px;
}
.backdetails:hover {
  background-color: #000;
  text-decoration: none;
  color: #fff;
}
.backdetails:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 8px solid #fff;
  content: "";
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -10px;
}
.catepkgbox {
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.catepkgbox .catelogo {
  display: none;
}
.catepkgbox .buybtn {
  background: #0022d2;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  display: block;
  padding: 10px 15px;
  margin-top: 10px;
}
.catepkgbox .buybtn:hover {
  background: #000;
  text-decoration: none;
}
.catepkgbox p {
  color: #000;
  font-size: 14px;
  margin-bottom: 5px;
  line-height: 18px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
.pkgopenbg .row {
  margin: 0 -5px;
}
.pkgopenbg .col {
  padding: 0 5px;
}
.pkgbody {
  flex: 1 1 auto;
}
.wpackage1,
.wpackage2,
.wpackage3,
.wpackage4 {
  display: ;
}
.rmspkgbox {
  background: rgba(0, 0, 0, 0.7);
  padding-top: 124px;
}
.pkstxt li {
  font-size: 13px;
  color: #fff;
  padding: 3px 0;
  position: relative;
}
.rmcol {
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}
.catepkgbox h5 {
  font-size: 14px;
  font-weight: 600;
  color: #0022d2;
  font-family: "Open Sans", sans-serif;
  text-align: center;
}
.pkgcircle li {
  text-align: center;
  height: 25.5px;
  position: relative;
}
.pkgcircle li i {
  z-index: 1;
  position: relative;
}
.pkgcircle li:before {
  height: 1px;
  background: #ddd;
  content: "";
  position: absolute;
  left: -15px;
  top: 12px;
  right: -15px;
}
.pkstxt li:after {
  height: 1px;
  background: rgba(255, 255, 255, 0.7);
  content: "";
  display: inline-block;
  position: absolute;
  right: -15px;
  width: 25px;
  top: 50%;
  margin-top: -1px;
}
.pkgcircle li span {
  display: none;
}
.greencircle {
  color: #01ff00;
}
.greycircle {
  color: #d7d7d7;
}
.pkgopenbg .row div.col:last-child .pkgcircle li:before {
  width: 65%;
  right: auto;
}
.rmspkgbox h5 {
  color: #fff;
}
.rmspkgbox .cateimg img {
  max-width: 126px;
}
.compact2 {
  display: none;
}
.pkstars {
  position: absolute;
  right: 0;
  top: 2px;
  font-size: 18px;
}
.instructions {
  background: rgba(0, 0, 0, 0.6);
  padding: 20px;
  margin-top: 20px;
  border-radius: 10px;
}
.instructions p {
  font-size: 14px;
  color: #fff;
  margin-bottom: 5px;
  line-height: 20px;
}
.wpkgbtn2 i,
.wpkgbtn1 i {
  display: none;
}
.rmsgreylogot {
  display: none;
}
.pkgint .rmsgreylogo i {
  display: none;
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
.modal.bounceIn{display: none;}
.ntslist .owl-nav button,
.packlist23 .owl-nav button {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #276fe5;
  border: 3px solid #fff;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
.ntslist .owl-nav button.owl-next,
.packlist23 .owl-nav button.owl-next {
  right: -10px;
  left: auto;
}
.ntslist .owl-nav button.owl-prev,
.packlist23 .owl-nav button.owl-prev {
  right: auto;
  left: -10px;
}
.packlist23 .owl-nav button {
  top: 40%;
}
.ntslist .owl-nav button:focus,
.packlist23 .owl-nav button:focus {
  outline: none;
}
.ntslist .owl-nav .owl-prev.disabled,
.packlist23 .owl-nav .owl-prev.disabled,
.packlist23 .owl-nav .owl-next.disabled,
.ntslist .owl-nav .owl-next.disabled {
   display: none;
}
.ntslist .owl-stage{padding-left: 0 !important; padding-right: 0 !important;}
.plan-wrap {
  background: #f6f9ff;
  padding: 80px 100px;
}
.plan-wrap .title h2 {
  text-align: center;
  font-size: 56px;
}
.plan-wrap .modal-dialog {
  max-width: 700px;
}
.plan-wrap .from-control {
  width: 100%;
  padding: 15px 25px 15px 25px;
  color: #7a7a7a;
  border-style: solid;
  border-width: 1px 10px 1px 1px;
  border-color: #ffffff;
  box-shadow: 0px 0px 1px 0px rgb(0 0 0 / 2%);
  background-color: #ffffff;
  max-width: 100%;
  border: 1px solid #f1f1f1;
  opacity: 1;
}
.plan-wrap .modal-header .close {
  font-size: 2.5rem;
  outline: none;
}
.plan-wrap .submit_btn {
  color: #fff;
  background: #0022d2;
  border-radius: 6px;
  display: inline-block;
  padding: 14px 30px;
  font-size: 18px;
  font-weight: bold;
  border: none;
  transition: all ease 0.5s;
}
.sign_wrp .input-group {
  display: block;
}
.signup-text {
  font-size: 16px;
}
.signup-text a {
  margin-left: 10px;
  text-decoration: none;
  color: #0022d2;
  font-weight: bold;
}
.sign_wrp .from-control {
  border-color: #d9d9d9 !important;
}
.sign_wrp label {
  font-weight: bold;
}
.login_pop {
  width: 100%;
}
.forgot-text a {
  text-decoration: none;
  color: #0022d2;
}
.plan-wrap .submit_btn:hover {
  opacity: 0.7;
}
.plan-wrap .from-control {
  margin-bottom: 15px;
  border-color: #d3d3d3;
}
.plan-wrap p {
  margin-bottom: 5px;
  font-weight: bold;
  color: #000;
}
.plan-wrap .fas {
  color: #0022d2;
  font-size: 20px;
  display: inline-block;
  margin-right: 5px;
  min-width: 20px;
  text-align: center;
}
.plan-wrap .modal-body {
  padding: 2rem 3rem;
}
.selectedpkg {
  display: flex;
}
.selectedpkg .pkgimgst {
  margin-right: 30px;
  border: 1px solid #eee;
  padding: 5px;
}
.pkgsltcnt h4 {
  margin-bottom: 5px;
  font-weight: 700;
}
.pkgsltcnt .price {
  font-size: 18px;
  color: #0022d2;
  margin-bottom: 10px;
}
.pkgsltcnt p .fas {
  font-size: 16px;
  max-width: none;
}
.pkgsltcnt p span {
  font-weight: 400;
}
#paypal-button-container {
  max-width: 550px;
  margin: 0 auto;
}
/* sub packages*/
.packagewrap22{background: #0122d3; padding: 40px 0 10px 0; margin-top: 30px;}
.packagewrap22 .wpkgtitle2{margin-left: 0; text-align: left;}
.packagewrap22 .warea2{margin-left: -50px; margin-right: -1px;}
.packagewrap22  .packageopen .col-md-4, .packagewrap22  .packageopen .col-5{padding: 0; padding-right: 15px;}
.packagewrap22  .pkgopenbg {
  background: url(../images/nwe-category-2.jpg) no-repeat;
  background-size: cover;
  margin-top: -7px;
}
.compact_adobe_single .pkgopenbg{
  background: url(../images/nwe-category-1.jpg) no-repeat;
  background-size: cover;
  margin-top: -7px;
}
.packagewrap22 .pkgbg3 {
  background: url(../images/nwe-category-3.jpg) no-repeat;
  background-size: cover;
  margin-top: -7px;
}
.packagewrap22 .pkgbg4 {
  background: url(../images/nwe-category-4.jpg) no-repeat;
  background-size: cover;
  margin-top: -7px;
}
/*******Home Theater Packages*******/
.hmtheaterpackages{margin-top: 30px;}
.hmthhead{display: flex; justify-content: right;}
.hmthhead .hmthtitle{
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
  background: #002ddd;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 15px 15px;
  border-radius: 10px 0 0 0;
}
.hmthhead .hmthtitle2{
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
  background: #000;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 15px 15px;
  border-radius: 0 10px 0 0;
}
.hmthbody{background: #0056e1;display: flex; justify-content: right; border-radius: 0 0 10px 10px; flex-wrap: wrap;}
.hmthbody .htmcol-1{padding: 10px; max-width: 25%; flex: 0 0 25%; -ms-flex: 0 0 25%; }
.hmthbody .htmcol-2{padding: 10px 15px; max-width: 25%; flex: 0 0 25%; -ms-flex: 0 0 25%;}
.hmthbody .htmcol-3{padding:20px 30px; max-width: 25%; flex: 0 0 25%; -ms-flex: 0 0 25%; background: #276fe5; position: relative;}
.hmthbody .htmcol-4{max-width: 25%; flex: 0 0 25%; -ms-flex: 0 0 25%; position: relative;}
.hmthbody .htmcol-4 .hmthdeinst{background:#464646; padding: 20px 40px; position: relative;}
.hmthbody .htmcol-1 .htimgbox{background: #fff; border-radius: 10px 0 0 10px; padding: 10px; display: flex; height: 100%; align-items: center;}
.hmthbody .htmcol-2 h4{font-weight: 700; color: #fff; margin-bottom: 10px; text-align: center; font-size: 22px;}
.hmthbody .htmcol-2 .check-box-holder .check-box label, .hmthbody .htmcol-3 .check-box-holder .check-box label{margin-bottom: 0; font-size: 14px; line-height: 18px;}
.hmthbody .htmcol-2 .check-box, .hmthbody .htmcol-3 .check-box{margin-bottom: 10px;}
.hmthbody .htmcol-4 .hmthdeinst:after{width: 93px;
  height: 56px;
  position: absolute;
  bottom: -50px;
  left: 50%;
  margin-left: -46px;
  content: "";
  background: url(../images/dark-bottom-arrow.png) no-repeat;}
.hmthbody .htmcol-3:after {
  width: 47px;
  height: 93px;
  position: absolute;
  bottom: 20px;
  left: 0;
  content: "";
  background: url(../images/tvarrowbt.png) no-repeat;
}
.hmthbody .htmcol-4:before {
  width: 45px;
  height: 90px;
  background-color: #0056e1;
  border-bottom-left-radius: 90px;
  border-top-left-radius: 90px;
  content: "";
  position: absolute;
  bottom: 25px;
  left: -30px;
}
.deinshead2{display: none; font-size: 20px; font-weight: 700; color: #fff; margin-bottom: 15px;}
/*******Outdoor Packages*******/
.outdoorpackages{margin-top: 30px; margin-bottom: 30px;}
.oehead .oetitle{background: #002ddd; font-size: 24px; font-weight: 700; color: #fff; text-align: center; padding: 15px 15px; border-radius: 10px 10px 0 0;}
.outebody{background: #276fe5; display: flex; justify-content: right; border-radius: 0 0 10px 10px; flex-wrap: wrap; padding-left: 5px;}
.outecol-1{padding: 10px; max-width: 25%; flex: 0 0 25%; -ms-flex: 0 0 25%; background: #fff; border-radius:10px 0 0 10px; margin-top: 5px; margin-bottom: 5px; border-right: 5px solid #276fe5;}
.outecol-2{padding: 10px; max-width: 25%; flex: 0 0 25%; -ms-flex: 0 0 25%; background: #fff; border-right: 5px solid #276fe5; margin-top: 5px; margin-bottom: 5px;}
.outecol-3{padding: 10px; max-width: 25%; flex: 0 0 25%; -ms-flex: 0 0 25%; background: #fff; margin-top: 5px; margin-bottom: 5px; position: relative; border-right: 5px solid #276fe5;}
.outecol-4{padding:50px 25px 20px 45px; max-width: 25%; flex: 0 0 25%; -ms-flex: 0 0 25%; background: #0056e1; color: #ececec;  position: relative; display: flex; flex-direction: column;}
.outebody .outecol-4:before {
  width: 90px;
  height: 45px;
  background-color: #002ddd;
  border-bottom-left-radius: 90px;
  border-bottom-right-radius: 90px;
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -45px;
}
.outebody .outecol-3:after {
  width: 47px;
  height: 93px;
  position: absolute;
  bottom: 20px;
  right: -52px;
  content: "";
  background: url(../images/outdoorarrowbt.png) no-repeat;
  z-index: 1;
}
.outebody .check-box-holder .check-box label{color: #276fe5; margin-bottom:0;}
.outebody .tvfrmrow .choosetv{text-align: center;}
.speakerimg{margin-bottom: 15px;}
.speakerimg img{cursor: pointer;}
.outebody .tvfrmrow .choosetv input + label{color: #000;}
.outebody .tvfrmrow .choosetv input:checked + label{color: #000; border-color: #276fe5;}
.outebody  .check-box-holder .check-box{margin-bottom: 10px;}
.outebody .mltarow label{color: #276fe5; font-size: 16px;}
.outebody .mltarow .col-8, .outebody .mltarow .col-9{padding-left: 0;}
.outebody .tvstepbtn{text-align: center; margin-top: auto; margin-bottom: 25px;}
.outebody .tvstepbtn a{padding:10px 25px; font-size: 18px; line-height: 20px; text-align: center;}
.outebody .mltbullets li{margin-bottom: 10px;}
/*******Survelance Packages*******/
.servellancepackages{margin-top: 30px; margin-bottom: 30px;}
.servhead{display: flex; justify-content: right;}
.servhead .oetitle{-ms-flex: 0 0 72%; flex: 0 0 72%; max-width: 72%; background: #002ddd; font-size: 24px; font-weight: 700; color: #fff; text-align: center; padding: 15px 15px; border-radius: 10px 0 0 0;}
.servhead .oetitle2 {
  -ms-flex: 0 0 28%;
  flex: 0 0 28%;
  max-width: 28%;
  background: #252525;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 15px 15px;
  border-radius: 0 10px 0 0;
}
.survelbody h3{font-size: 16px; font-weight: 700; text-transform: uppercase; color: #276fe5;}
.survelbody .outecol-1, .survelbody .outecol-3{max-width: 20%; flex: 0 0 20%; -ms-flex: 0 0 20%;}
.survelbody .outecol-2{max-width: 32%; flex: 0 0 32%; -ms-flex: 0 0 32%;}
.survelbody .outecol-4{max-width: 28%; flex: 0 0 28%; -ms-flex: 0 0 28%; display: flex;  flex-direction: column;}
.survelbody .speakerimg{text-align: center; margin-top: 15px;}
.survbullets li{font-size: 16px; position: relative; padding-left: 20px; line-height: 20px; color: #002ddd; margin-bottom: 10px;}
.survbullets li:before{width: 10px;
  height: 10px;
  background: #002ddd;
  border-radius: 10px;
  content: '';
  position: absolute;
  left: 0;
  top: 5px;}
  .survelbody .outecol-4:before{background-color: #252525;}
  .survelbody .tvstepbtn{margin-top: auto;  margin-bottom: 25px; text-align: center;}
  .mbservelancetitle{display: none; font-size: 24px; font-weight: 700; color: #fff; margin-bottom: 15px;} 
.serveaddon{margin:-10px -10px 10px -10px;}
  .adradiotoggle {
    margin: 0;
    box-sizing: border-box;
    font-size: 0;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
  }
  .adradiotoggle span {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    color: #fff;
    background: #000;
    display: inline-block;
    font-size: 14px;
    padding: 5px 8px;
    display: block;
}
  .adradiotoggle input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
    visibility: hidden;
  }
  .adradiotoggle input + label {
    margin: 0;
    padding:5px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    background-color: #555555;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
  }
  .adradiotoggle input:checked + label {
    background-color: #555555;
    color: #fff;
    z-index: 1;
  }
  .adradiotoggle input:checked:hover + label {
    background-color: #ccc;
  }
  .adradiotoggle input.active-selection + label {
    background-color: #fff;
    color: #000;
  }
/*******TV Packages*******/
.tvpackagebox .tvpkghead {
  display: flex;
  justify-content: right;
}
.tvpackagebox .tvpkghead .tvpktitle,
.audio-pkg-wrap .audio-pkg-head .audio-pkg-title {
  -ms-flex: 0 0 68%;
  flex: 0 0 68%;
  max-width: 68%;
  background: #002ddd;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 15px 15px;
  border-radius: 10px 0 0 0;
}
.audio-pkg-wrap .audio-pkg-head .audio-pkg-title {
  border-radius: 10px 10px 0 0;
  flex: inherit;
  max-width: 100%;
}
.tvpackagebox .tvpkghead .tvpktitle2 {
  -ms-flex: 0 0 32%;
  flex: 0 0 32%;
  max-width: 32%;
  background: #252525;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 15px 15px;
  border-radius: 0 10px 0 0;
}
.tvpkgbody {
  display: flex;
  justify-content: right;
}
.tvbuildfrm {
  padding: 30px;
  background: #0056e1;
  max-width: 40%;
  flex: 0 0 40%;
  -ms-flex: 0 0 40%;
  border-radius: 0 0 0 10px;
}
.tvimgs,
.audio-pkg-wrap .audio-frame-center {
  -ms-flex: 0 0 28%;
  padding: 20px;
  background: #276fe5;
  position: relative;
  text-align: center;
  max-width: 28%;
  flex: 0 0 28%;
}
.tvimgs{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.tvdefrm {
  padding: 20px 30px;
  background: #464646;
  max-width: 32%;
  flex: 0 0 32%;
  -ms-flex: 0 0 32%;
  border-radius: 0 0 10px 0;
}
.tvimgs:before,
.audio-pkg-wrap .audio-frame-center:before {
  width: 45px;
  height: 90px;
  background-color: #276fe5;
  border-bottom-left-radius: 90px;
  border-top-left-radius: 90px;
  content: "";
  position: absolute;
  top: 50px;
  left: -45px;
}
.tvimgs:after,
.audio-pkg-wrap .audio-frame-center:after {
  width: 47px;
  height: 93px;
  position: absolute;
  bottom: 20px;
  left: 0;
  content: "";
  background: url(../images/tvarrowbt.png) no-repeat;
}
.tvstepbtn {
  margin-top: auto;
  margin-bottom: 20px;
}
.tvstepbtn a {
  display: inline-block;
  background: #fff;
  color: #0022d2;
  padding: 10px 50px;
  border-radius: 60px;
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
}
.tvstepbtn a:hover {
  background: #000;
  text-decoration: none;
  color: #fff;
}
.tvstepbtn a span {
  display: block;
}
.tvdefrm .tvstepbtn {
  margin-top: 20px;
}
.tvdefrm .tvstepbtn a {
  padding: 10px 45px;
  font-size: 20px;
  line-height: 20px;
}
.tvbuildfrm h3,
.tvdefrm h3 {
  font-size: 20px;
  color: #fff;
  font-weight: 700;
}
.htmcol-4 .tvstepbtn{text-align: center; margin-top: 65px; position: relative;}
.htmcol-4 .tvstepbtn a{font-size: 20px; line-height: 22px; text-align: center; padding: 10px 40px;}
.choosetvcheck {
  margin: 0 0 1.5rem;
}
.choosetvcheck input {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 0;
}
.choosetvcheck span {
  font-size: 14px;
  display: inline-block;
  line-height: 16px;
  margin-right: 10px;
  color: #fff;
  position: relative;
  padding-left: 35px;
}
.choosetvcheck label {
  margin-bottom: 0;
  margin-top: 5px;
}
.chooseselect {
  text-align: right;
  margin-top: 15px;
}
.ntradiochoose {
  display: block;
  margin-bottom: 10px;
}
.ntradiochoose span {
  display: inline-block;
  font-size: 14px;
  margin-right: 8px;
}
.ntradiochoose input {
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
}
.ntradiochoose input[type="radio"]:after,
.ntradiochoose input[type="radio"]:before {
  display: none;
}
.tvfrmrow .choosetv {
  margin: 0 0 10px;
  box-sizing: border-box;
  font-size: 0;
  display: block;
}
.tvfrmrow .choosetv input {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
  visibility: hidden;
}
.tvfrmrow .choosetv input + label {
  margin: 0;
  padding: 5px 8px;
  position: relative;
  display: inline-block;
  border: solid 1px transparent;
  background-color: transparent;
  font-size: 1rem;
  line-height: 140%;
  font-weight: 600;
  margin-right: 12px;
  margin-bottom: 5px;
  border-radius: 5px;
  text-align: center;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.tvfrmrow .choosetv input:hover + label {
  border-color: #fff;
}
.tvfrmrow .choosetv input:checked + label {
  color: #fff;
  border-color: #fff;
  z-index: 1;
}
/* .choose_service_indoor input:checked + label:after{width: 0; height: 0;  border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #fff; content:''; position: absolute; bottom: -7px; left: 50%; margin-left: -3px;} */
.subradiot {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  margin-bottom: 15px;
  padding-bottom: 10px;
  margin-top: 5px;
}
.subradiot .sbprice {
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}
.tvfrmrow {
  margin-bottom: 10px;
}
.tvfrmrow > label {
  font-size: 18px;
  color: #fff;
  display: block;
}
.tvradio {
  display: inline-block;
  color: #fff;
}
.tvradio input[type="radio"]:after,
.tvdefrm input[type="radio"]:after,
.tvradio input[type="radio"]:before,
.tvdefrm input[type="radio"]:before {
  display: none;
}
.tvradio input {
  width: 22px;
  height: 22px;
  margin: 0 8px 0 0;
}
.tvpackagebox.second .tvradio.add input {
  flex: 30%;
}
.tvchecbox {
  position: relative;
  padding-left: 35px;
  color: #fff;
  font-size: 16px;
}
.tvchecbox input {
  position: absolute;
  left: 0;
  top: 5px;
  width: 22px;
  height: 22px;
  margin: 0;
}
.tvchecbox span {
  font-size: 13px;
  display: block;
  line-height: 16px;
}
.tvpackagebox.second .tvpkghead .btn-back,
.tvpackagebox.second .tvpkghead .btn-back-2,
.audio-pkg-wrap .btn-back,
.audio-pkg-wrap .btn-back-2,
.audio-pkg-wrap .audio-btn-back {
  background: #252525;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  border-top-left-radius: 10px;
}
.tvpackagebox.second .tvpkghead .btn-back-2 {
  background: #002ddd;
}
.tvpackagebox.second .tvpkghead .btn-back:after,
.tvpackagebox.second .tvpkghead .btn-back-2:after,
.audio-pkg-wrap .audio-pkg-head .btn-back:after,
.audio-pkg-wrap .audio-pkg-head .btn-back-2:after,
.audio-pkg-wrap .audio-btn-back:after {
  left: 50%;
  top: 50%;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 15px solid #fff;
  margin-top: -10px;
  margin-left: -10px;
  transition: all ease 0.5s;
  pointer-events: none;
}
.tvpackagebox.second .tvpkghead .btn-back:hover:after,
.tvpackagebox.second .tvpkghead .btn-back-2:hover:after {
  transform: scale(1.1);
}
.tvpkgbody .tvchecbox input[type="number"]::-webkit-inner-spin-button,
.tvpkgbody .tvchecbox input[type="number"]::-webkit-outer-spin-button,
.tvpkgbody .tvradio input[type="number"]::-webkit-inner-spin-button,
.tvpkgbody .tvradio input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}
.tvpackagebox.second .tvpktitle {
  border-radius: 10px 10px 0 0;
}
.tvradio input.number {
  width: 45px;
  text-align: center;
  border: 1px solid #0137d9;
  border-radius: 6px;
  color: #002ddd;
  margin-top: 4px;
  height: 25px;
}
.tvpackagebox.second .tvchecbox input {
  top: 3px;
}
.tvpackagebox.second .tvchecbox input.number {
  position: static;
  width: 45px;
  text-align: center;
  height: 28px;
  border-radius: 5px;
  border: 1px solid #0224d3;
}
.tvpackagebox.second .tvchecbox input:before,
.tvpackagebox.second .tvchecbox input:after {
  display: none;
}
.tvpackagebox.second .tvimgs h4 {
  font-size: 20px;
  color: #276fe5;
  font-weight: 700;
  text-align: left;
  margin: 0 0 15px;
}
.tvpackagebox.second .tvimgs:before,
.audio-pkg-wrap .audio-frame-center:before {
  left: auto;
  right: -15px;
  background: #276fe5;
  top: 10px;
  pointer-events: none;
}
.tvpackagebox.second .tvimgs:after {
  filter: brightness(0) invert(1);
  left: 100%;
}
.tvpackagebox .tvimgs .sub-title {
  display: block;
  color: #848484;
  font-weight: normal;
  font-size: 14px;
  overflow: hidden;
  max-width: 85%;
  margin: auto;
  margin-bottom: 15px;
}
.tvpackagebox .tvimgs .sub-title span {
  display: inline-block;
  padding: 0 8px;
  position: relative;
}
.tvpackagebox .tvimgs .sub-title span:before,
.tvpackagebox .tvimgs .sub-title span:after {
  position: absolute;
  left: 100%;
  top: 9px;
  width: 1000%;
  height: 1px;
  background: #e7e7e7;
  content: "";
}
.tvpackagebox .tvimgs .sub-title span:after {
  left: auto;
  right: 100%;
}
.tvpackageswrap .tvpackagebox .owl-carousel {
  overflow: hidden;
}
.tvpackagebox .owl-carousel .owl-nav .owl-prev,
.tvpackagebox .owl-carousel .owl-nav .owl-next,
.availmount .owl-nav .owl-prev,
.availmount .owl-nav .owl-next 
{
  width: 36px;
  height: 36px;
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 100px;
  border: 0;
  background: #b7b7b7;
  margin-top: -20px;
  outline: none;
}
.tvpackagebox .owl-carousel .owl-nav .owl-prev:hover,
.tvpackagebox .owl-carousel .owl-nav .owl-next:hover,
.availmount .owl-nav .owl-prev:hover,
.availmount .owl-nav .owl-next:hover
{
  background: #333;
}
.tvpackagebox .owl-carousel .owl-nav .owl-next, .availmount .owl-nav .owl-next {
  left: auto;
  right: 0;
}
.tvpackagebox .owl-carousel .owl-nav .owl-prev span,
.tvpackagebox .owl-carousel .owl-nav .owl-next span,
.availmount .owl-nav .owl-prev span,
.availmount .owl-nav .owl-next span
{
  display: none;
}
.tvpackagebox .owl-carousel .owl-nav .owl-prev:before,
.tvpackagebox .owl-carousel .owl-nav .owl-next:before,
.availmount .owl-nav .owl-prev:before,
.availmount .owl-nav .owl-next:before 
{
  position: absolute;
  left: 9px;
  top: 8px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 11px 10px 0;
  border-color: transparent #fff transparent transparent;
}
.tvpackagebox .owl-carousel .owl-nav .owl-next:before, .availmount .owl-nav .owl-next:before {
  border-width: 10px 0 10px 11px;
  border-color: transparent transparent transparent #fff;
  left: auto;
  right: 9px;
}
.tvpackagebox .owl-carousel .caption p {
  line-height: 1.2;
}
.tvpackagebox .owl-carousel .caption p span {
  display: block;
}
.tvpackagebox.second .tvdefrm {
  background: #276fe5;
}
.tvpackagebox.second .tvdefrm .tvformarea{display: flex; flex-direction: column; height: 100%;}
.tvpackagebox.second .choosetv {
  display: block;
}
.tvpackagebox.custom-width .tvbuildfrm {
  max-width: 32%;
  flex: 0 0 32%;
}
.tvfrmrow.d-flex {
  flex-wrap: wrap;
}
.tvpackagebox.second .tvradio.add {
  flex: 0 0 50%;
  max-width: 50%;
  text-align: left;
}
.tvpackagebox.second .tvradio.add .input-holder,
.tvpackagebox.second .tvradio.add .small {
  line-height: 1.2;
}
.tvpackagebox.second .tvradio.add .small {
  font-size: 12px;
  margin-top: 5px;
}
.tvdefrm .tvstepbtn a {
  text-decoration: none;
}
.tvpackagebox.second .tvstepbtn {
  text-align: center;
  margin-top: auto;
  margin-bottom: 25px;
}
.tvstepbtn .cartprice{color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.tvpackagebox.second .check-box-holder .check-box{margin-bottom: 0;}
.tvpackagebox.second .check-box-holder .check-box label{margin-bottom: 0;}
.instschedbox{padding: 30px;}
.calendarschedule .calenbox{border-radius: 10px; background: #f6f6f6;}
.calendarschedule .calday{background: #0022d2; color: #fff; font-size: 18px; font-weight: 700; text-align: center; padding:15px 10px; border-radius:10px 10px 0 0;}
.calendarschedule .daytime{font-size: 18px; font-weight: 700; text-align: center; margin-bottom: 15px;}
.calendarschedule .daytime:last-child{margin-bottom: 0;}
.calendarschedule .notavail{margin-bottom: 15px;}
.calendarschedule .notavail span{font-size: 16px; font-weight: 700; text-align: center; border:solid 2px #eee; border-radius:  5px; display: block; padding: 20px; background: #fff; color: #ccc; cursor: not-allowed;}
.calbxint{padding: 20px;}
.calendarschedule .daytime + .notavail{margin-bottom: 0;}
.calendarschedule .daytime input[type=checkbox] {
  display: none;
}
.calendarschedule .daytime input[type=checkbox] + label{
  border:solid 2px #d7e3d1;
  border-radius:  5px;
  color:#444857;
  padding: 20px 5px;
  background-color:#ebf9e4;
  cursor: pointer;
  user-select: none;
  font-size: 16px;
  font-weight: 700;
  transition: ease-in 0.2s;
  display: block;
  margin-bottom: 0;
  min-height: 142px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.calendarschedule .daytime i, .calendarschedule .notavail i{display: block; font-size: 40px; margin-bottom: 10px;}
.calendarschedule .daytime i{color: #61b544;}
.calendarschedule .daytime i.fa-check-circle{display: none;}
.calendarschedule .daytime input[type=checkbox]:checked + label i.fa-check-circle{display: block;}
.calendarschedule .daytime input[type=checkbox]:checked + label i.fa-circle{display: none;}
.calendarschedule .daytime input[type=checkbox]:checked + label{
  border: solid 2px #61b544;
  color:#fff;
  background-color: #61b544;
}
.calendarschedule .daytime input[type=checkbox]:checked + label i{color: #fff;}
.instschedbox .modal-title{font-size: 30px; margin-bottom: 30px;}
.calendarschedule .owl-nav{position: absolute; top: -65px; left: 0; width: 100%; display: flex;}
.calendarschedule .owl-nav button{width: 30px; height: 30px; border-radius: 30px; background: #276fe5; border:none; color: #fff;}
.calendarschedule .owl-nav .owl-next{margin-left: auto;}
.tvpackagebox.second .tvimgs,
.audio-pkg-wrap .audio-frame-center {
  border-left: 2px solid #276fe5;
  border-bottom: 5px solid #276fe5;
}
.tvpackagebox.custom-width .tvimgs {
  max-width: 36%;
  flex: 0 0 36%;
}
.tvpackagebox.second .tvbuildfrm.width-40 {
  max-width: 40%;
  flex: 0 0 40%;
}
.tvpackagebox.second .tvimgs.width-28 {
  max-width: 28%;
  flex: 0 0 28%;
}
.tvpackagebox.second .choosetv input + label {
  margin-bottom: 5px;
}
.tvpackagebox .tvpktitle2.mobile,
.tvpackageswrap .tab-2,
.tvpackageswrap .tab-3 {
  display: none;
}
.tvfrmrow .choosetv input {
  visibility: hidden;
}
.tvchecbox.static {
  padding-left: 0;
  font-size: 20px;
}
.tvchecbox.static input {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin: 0 8px 5px;
}
.tvchecbox.static label {
  margin-bottom: 0 !important;
}
.tvpackagebox.second .tvchecbox.no-padding {
  padding-left: 0;
}
.tab-3 .tvpackagebox.second .tvimgs:after {
  filter: none;
  left: -2px;
  z-index: 6;
}
.tab-3 .tvpackagebox.second .tvdefrm {
  background: #464646;
  position: relative;
}
.tvpackageswrap .tvpackagebox.second .tvchecbox.add {
  margin-left: 0;
}
.tab-3 .tvpackagebox.second .tvimgs {
  border-left: 2px solid #525252;
  border-bottom: 5px solid #464646;
}
.tab-3 .tvpackagebox.second .tvimgs .overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 5;
  background: #000;
  opacity: 0.68;
}
.tab-3 .tvpackagebox.second .tvdefrm:before {
  content: "";
  width: 47px;
  height: 93px;
  position: absolute;
  bottom: 20px;
  left: 0;
  background: url(https://www.rmsinstalls.com/front/images/tvarrowbt.png)
    no-repeat;
  filter: brightness(0) saturate(100%) invert(33%) sepia(23%) saturate(0%)
    hue-rotate(135deg) brightness(94%) contrast(98%);
}
.tab-3 .tvpackagebox.second .tvimgs:before {
  z-index: 6;
  background: #464646;
}
.tab-3 .tvpackagebox.second .tvpktitle {
  background: #252525;
}
.tab-3 .tvpackagebox.second .tvradio.add {
  align-items: center;
}
.tab-3 .tvpackagebox.second .tvradio.add label {
  margin-bottom: 0;
}
/************* Multi Room audio*************/
.pkgtitle{font-size: 30px; font-weight: 700; margin-bottom: 20px;}
.mltititle{
  background: #002ddd;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 15px 15px;
  border-radius: 10px 10px 0 0;
}
.mltipkgbody, .mlpkgtitle{display: flex; justify-content: right;}
.mlpkgtitle .mltcol1 {padding:10px; text-align: center; background: #464646; max-width: 68%; flex: 0 0 68%; -ms-flex: 0 0 68%; color: #b0b0b0; font-size: 60px; line-height: 64px; font-weight: 700;}
.mlpkgtitle .mltcol2 {padding:10px; text-align: center; background: #555555; max-width: 32%; flex: 0 0 32%; -ms-flex: 0 0 32%; color: #ececec; font-size: 60px; line-height: 64px; font-weight: 700;}
.mlpkgtitle .mltcol2.vidtxt{font-size: 30px; line-height: 32px; padding-top: 20px;}
.creating_sources .mlpkgtitle .mltcol1{font-size: 40px; line-height: 42px;}
.mlpkgtitle .mltcol3 {padding:10px; text-align: center; background: #464646; max-width: 32%; flex: 0 0 32%; -ms-flex: 0 0 32%; color: #b0b0b0; font-size: 36px; line-height: 40px; font-weight: 700;}
.mlpkgtitle .mltcol4 {padding:10px; text-align: center; background: #555555; max-width: 36%; flex: 0 0 36%; -ms-flex: 0 0 36%; color: #ececec; font-size: 36px; line-height: 40px; font-weight: 700;}
.mlpkgtitle .mltcol5 {padding:10px; text-align: center; background: #0056e1; max-width: 32%; flex: 0 0 32%; -ms-flex: 0 0 32%; color: #ececec; font-size: 36px; line-height: 40px; font-weight: 700;}
.mlpkgtitle .mltcol3.vdhtfz{font-size: 30px;}
.mltipkgbody .mltbcol1 {background: #000; max-width: 45%; flex: 0 0 45%; -ms-flex: 0 0 45%; color: #b0b0b0; border-bottom-left-radius: 10px;} 
.mltipkgbody .mltbcol2 {padding:20px 30px; background: #0056e1; max-width: 23%; flex: 0 0 23%; -ms-flex: 0 0 23%; color: #fff; position: relative;}
.mltipkgbody .mltbcol3 {padding:20px 30px; background: #276fe5; max-width: 32%; flex: 0 0 32%; -ms-flex: 0 0 32%; color: #ececec; border-bottom-right-radius:10px; display: flex; flex-direction: column;}
.mltipkgbody .mltbcol4 {background: #0056e1; max-width: 32%; flex: 0 0 32%; -ms-flex: 0 0 32%; color: #b0b0b0; border-bottom-left-radius: 10px; padding: 25px;}  
.mltipkgbody .mltbcol5 {background: #707070; max-width: 36%; flex: 0 0 36%; -ms-flex: 0 0 36%; color: #fff; position: relative; padding: 25px;}
.mltipkgbody .mltbcol6 {background: #fff; max-width: 36%; flex: 0 0 36%; -ms-flex: 0 0 36%; color: #fff; position: relative; padding:15px 25px; border-bottom: 3px solid #0056e1;}
.mltipkgbody .mltbcol5 .check-box label{font-size: 18px;}
.mlpkgtitle .mltcol1 .form-control{text-align: center;
  background: none;
  border: none;
  height: 100%;
  font-size: 30px;
  font-weight: 700;
  color: #b0b0b0;}
.owl-nav .owl-prev.disabled, 
.owl-nav .owl-next.disabled {
    display: none;
}
.mltbacklink{color: #fff; display: inline-block; position: relative;}
.mltbacklink:before{
  height: 0;
  width: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
  content:'';
  display: inline-block;
  position: absolute;
  left: -20px;
  top:10px;
}
.mltbacklink:hover{text-decoration: none; color: #fff;}
.pkgpadd{padding: 25px;}
.mltarow{margin-bottom:15px; align-items: center;}
.mltarow label{color: #fff; font-size:18px; display: block; margin-bottom: 0; text-align: right; line-height: 20px;}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button {opacity: 1;}
.mltarow .check-box-holder .check-box{display: block; margin: 0;}
.mltarow .form-control{padding: 5px;  height: auto;}
.mltbtbox{background:#464646; padding:30px 20px; border-bottom-left-radius: 10px;}
.mltbtbox h6{font-size: 16px; color: #fff; font-weight: 600;}
.mltipkgbody .mltbcol5:before {
  width: 46px;
  height: 93px;
  position: absolute;
  bottom: 30px;
  left:100%;
  content: "";
  background: url(../images/grey-arrow.png) no-repeat;
}
.mltipkgbody .mltbcol2.mltbcol2:before {
  width: 47px;
  height: 93px;
  position: absolute;
  top: 20px;
  left:100%;
  content: "";
  background: url(../images/tvarrowbt.png) no-repeat;
}
.mltipkgbody .mltbcol2:after {
  width: 33px;
  height: 66px;
  background-color: #276fe5;
  border-bottom-left-radius: 90px;
  border-top-left-radius: 90px;
  content: "";
  position: absolute;
  bottom: 50px;
  right:0;
}
.speakercountbox{width: 105px; height: 105px; border: 2px solid #fff; margin: 0 auto; position: relative;}
.videocountbox{width: 90px; margin: 0 auto; position: relative; text-align: center;}
.spkaddlink{position: absolute; left: 130%; color: #fff; top: 25px; font-size: 14px; line-height: 17px; display: flex;  align-items: center;}
.spkaddlink i{font-size: 30px; margin-left: 10px;}
.spkaddlink:hover{text-decoration: none; color: #fff;}
.roompricecount{text-align: center; max-width: 150px; margin: 0 auto; margin-top:20px; font-size: 20px; line-height: 23px;}
.roompricecount span{display: block; border-bottom: 2px solid #fff; padding-bottom: 20px; margin-bottom: 20px;}
.mtlrtltxt{padding-left: 30px;}
.mltbcol3 p{color: #fff; line-height: 22px;}
.mtlrtltxt + p{margin-bottom: 0;}
.spkcount{ font-size: 20px; color: #fff; text-align: center; padding-top: 20px;}
.cpeakico{display: inline-block; width: 20px; height: 20px; border-radius: 50%; border:3px solid #fff; position: relative; margin-top: 15px;}
.cpeakico:before{width: 9px; height: 3px; background: #fff; content:''; position: absolute; top: 3px; right:1px; rotate:130deg;}
.roomsboxes {
  padding-left: 30px;
}
.roomslist {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.roomslist li {
  max-width: 25%;
  flex: 0 0 25%;
  text-align: center;
  padding: 0 8px;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
}
.roomslist li h5 {
  font-size: 14px;
  color: #fff;
  flex: 1; 
  display: flex;
  margin: 0;
}
.roomslist li a,
.roomslist li .mlintbx {
  display: block;
  border: 2px solid #fff;
  text-align: center;
  color: #fff;
  padding: 5px 8px;
  font-size: 14px;
  min-height: 60px;
}
.roomslist li a span{display: block; line-height: 20px;}
.roomslist li a span.cpeakico2, .roomslist li .mlintbx span.cpeakico2{display: inline-block; margin-top: 5px;}
.cpeakico2{display: inline-block; width:16px; height: 16px; border-radius: 50%; border:2px solid #fff; position: relative; margin-top: 15px;}
.cpeakico2:before{width: 7px; height: 2px; background: #fff; content:''; position: absolute; top: 3px; right:1px; rotate:130deg;}
.roomslist li a:hover{background: #fff; color: #333; text-decoration: none;}
.roomslist li a:hover .cpeakico2{border-color: #0873ff;}
.roomslist li a:hover .cpeakico2:before{background:#0873ff;}
.roomslist li i{display: none;}
.roomslist li a.deleteroom:hover{background: #534741; border: none;}
.roomslist li a.deleteroom:hover span{display: none !important;}
.roomslist li a.deleteroom:hover i{display: block; font-size: 24px; margin-top: 13px; color: #fff;}
.roomslist li a.deleteroom + h6{font-size: 13px;}
.roomslist li a.deleteroom + h6 a{background: #fff; color:#0022d2; border: none; min-height: auto; display: inline-block;   border-radius: 5px; padding: 6px 10px;}
.roomslist li a.deleteroom + h6 a:hover{background: #000; color:#fff;}
.roomslist li a.deleteroom + h6 a.disabled{opacity: 0.5; cursor: not-allowed;}
.roomslist li a.deleteroom + h6 a.disabled:hover {
  background: #fff;
  color: #0022d2;
}
.roomslist li a.room_active{background: #fff; color: #000;}
.roomslist li a.room_active span.cpeakico2{border: 2px solid #276fe5;}
.roomslist li a.room_active .cpeakico2:before{background: #276fe5;}
.roomslist2{margin: 0 20px; display: block; width: auto;}
.roomslist2 li {max-width:100%; padding: 0; margin-bottom: 5px;}
.roomslist2 li p{margin-bottom: 7px; padding-top: 0;}
.roomslist2 .owl-nav{text-align: center;}
.roomslist2 .owl-nav .owl-next, .roomslist2 .owl-nav .owl-prev{
  position: absolute;
  left: -20px;
  top: 35%;
  outline: none;
  border: none;
  background: none;
  font-size: 30px;
  color: #fff;
}
.roomslist2 .owl-nav .owl-next {
  left: auto;
  right: -20px;
}
.roomslist2 .owl-nav .owl-next .fa-arrow-right:before{content:"\f0da";}
.roomslist2 .owl-nav .owl-prev .fa-arrow-left:before{content:"\f0d9";}
.mltititle {
  position: relative;
}
.mltititle .audio-btn-back {
  position: relative;
}
.mltititle .audio-btn-back {
  background: #252525;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  border-top-left-radius: 10px;
}
.mltititle .audio-btn-back:after {
  left: 50%;
    top: 50%;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 15px solid #fff;
    margin-top: -10px;
    margin-left: -10px;
    transition: all ease 0.5s;
    pointer-events: none;
}
/* NEW CSS */
.sourcelist2 li{
  max-width: 100%;
}
.sourcelist2 li a.deletesource:hover i{
  display: block; 
  font-size: 24px; 
  margin-top: 13px; 
  color: #fff;
}
.sourcelist2 li a.deletesource:hover span,
.sourcelist2 li a.deletesource:hover span{
  display: none !important;
}
.sourcelist2 li a.deletesource:hover{
  background: #534741;
  border: none;
}
.sourcelist2 li a.deletesource + h6 a {
  background: #fff;
  color: #0022d2;
  border: none;
  min-height: auto;
  display: inline-block;
  border-radius: 5px;
  padding: 6px 10px;
}
.sourcelist2 li a.deletesource + h6 a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sourcelist2 .owl-nav .owl-next,
.sourcelist2 .owl-nav .owl-prev{
  position: absolute;
    left: -20px;
    top: 40%;
    outline: none;
    border: none;
    background: none;
    font-size: 30px;
    color: #fff;
}
.sourcelist2 .owl-nav .owl-next {
  left: auto;
  right: -20px;
}
.sourcelist2 .owl-nav .owl-prev .fa-arrow-left:before {
  content: "\f0d9";
}
.sourcelist2 .owl-nav .owl-next .fa-arrow-right:before {
  content: "\f0da";
}
.tvstepbtn a.disabled{opacity:0.5; cursor: not-allowed;}
.tvstepbtn a.disabled:hover{background: #fff; color:#0022d2;}
.mltrmschk .tvstepbtn{text-align: center; margin-top: 20px;}
.gobackmlt{margin-bottom: 25px;}
.gobackmlt a{display: block; color: #c2c2c2; font-size: 18px; position: relative; padding-left: 25px;}
.gobackmlt a:before{
  height: 0;
  width: 0;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  border-right: 12px solid #fff;
  content:'';
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
}
.mltbullets{margin-bottom: 30px;}
.mltbullets li{font-size: 18px; position: relative; padding-left: 20px; line-height: 20px; margin-bottom: 5px;}
.mltbullets li:before{width: 10px; height: 10px; background: #fff; border-radius: 10px; content: ''; position: absolute; left: 0; top: 8px;}
.item_slected_inventory li{font-size: 16px;}
.mltbcol6 p{font-size: 13px;}
.mltbcol6 .mltarow label{color: #000; font-size: 14px;}
.mltipkgbody .vidmtcol h4{font-weight: 700; color: #fff;font-size: 20px;}
.mltipkgbody .vidmtcol .mltbullets{margin-left: 50px;}
.mltipkgbody .vidmtcol .mltbullets li{color: #fff; padding-left: 0; font-size: 16px;}
.mltipkgbody .vidmtcol .mltbullets li::before{display: none;}
.speakeritem{text-align: center; margin-top: 20px;}
.speakeritem p{text-align: left; font-size: 14px; margin-bottom: 0;line-height: 20px;}
.speakeritem p.subpara{max-width: 260px; margin: auto;}
.mtvidor label{font-size: 12px; color: #000;}
.amp_price_count{margin-top: -15px; position: relative; z-index: 10;}
.primarycolor{color: #0022d2;}
.mltipkgbody .mltbcol6:before{width: 47px;
  height: 93px;
  position: absolute;
  bottom: 25px;
  content: "";
  background: url(../images/tvarrowbt.png) no-repeat;
  filter: brightness(0) invert(1);
  left: 100%;
}
.selectCheck{position: absolute; bottom: 50px; right: -20px;}
.selectCheck .check-box label{color: #276fe5 !important; position: relative;  z-index: 2;}
.mltdisbox{background: #000; padding: 15px; margin-top: -15px; margin-left: -25px; margin-right: -25px;}
.mltdisbox label{margin-bottom: 0 !important; font-size: 18px;}
.multiroomscrool .item{position: relative; padding: 0 5px; padding-bottom:35px;}
.multiroomscrool .item .selectCheck{bottom: 0px; right: 0;}
.amppos{bottom:-12px !important;}
.multiroomscrool .owl-nav .owl-next, .multiroomscrool .owl-nav .owl-prev{
  position: absolute;
  left: -20px;
  top:50%;
  margin-top: -22px;
  outline: none;
  border: none;
  background: none;
  font-size: 30px;
  color: #b5b5b5;
}
.multiroomscrool .owl-nav .owl-next {
  left: auto;
  right: -20px;
}
.multiroomscrool .owl-nav .owl-next .fa-arrow-right:before{content:"\f0da";}
.multiroomscrool .owl-nav .owl-prev .fa-arrow-left:before{content:"\f0d9";}
.mlttxt431{min-height: 52px;}
/* Home AUtomation */
.automainsoon{display: flex;}
.automainsoon .autocol-1 img{border-radius: 10px 0 0 10px;}
.greentxt{color: #03c103; font-weight: 600;}
.blinktxt{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.3;}
}
/** Responsive Stylings **/
@media only screen and (max-width: 1199.98px) {
  .tvfrmrow .choosetv {
    display: block;
  }
  .tvfrmrow .choosetv label,
  .tvfrmrow .choosetv input:checked + label {
    margin-bottom: 10px;
  }
  .tvpackagebox .owl-carousel .caption p {
    font-size: 13px;
  }
  .tvpackagebox.second .tvstepbtn {
    margin-top: 158px;
  }
}
@media only screen and (max-width: 991.98px) {
  .tvpackagebox .tvpkghead .tvpktitle,
  .tvpackagebox .tvpkghead .tvpktitle2 {
    font-size: 16px;
    padding: 10px;
  }
  .tvfrmrow > label, .tvbuildfrm h3, .tvdefrm h3{font-size: 16px;}
  .tvbuildfrm,
  .tvdefrm {
    padding: 30px 15px;
  }
  .tvpackagebox .tvimgs .sub-title {
    padding: 4px 0 20px;
  }
  .tvpackagebox.second .tvstepbtn {
    text-align: right;
  }
  .tvpackagebox.second .tvimgs h4 {
    font-size: 16px;
  }
  .tvpackagebox.second .tvstepbtn {
    margin-top: 120px;
  }
  .tvdefrm .tvstepbtn a {
    padding: 10px 30px;
    font-size: 18px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 767.98px) {
  .tvpackagebox .tvpkghead,
  .tvpackagebox .tvpktitle2.mobile {
    display: block;
  }
  .tvpackagebox .tvpktitle2.mobile {
    background: #252525;
    font-weight: 700;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
  }
  .tvpackagebox .tvpkghead .tvpktitle {
    border-radius: 10px 10px 0 0;
  }
  .tvpackagebox .tvpkghead .tvpktitle,
  .tvpackagebox .tvpkghead .tvpktitle2,
  .tvbuildfrm,
  .tvimgs,
  .tvdefrm,
  .tvpackagebox .tvimgs .sub-title,
  .tvpackagebox.custom-width .tvbuildfrm,
  .tvpackagebox.custom-width .tvimgs {
    max-width: 100%;
  }
  .tvpackagebox .tvimgs .sub-title {
    margin-bottom: 0;
  }
  .tvpackagebox.custom-width .tvbuildfrm,
  .tvpackagebox.custom-width .tvimgs,
  .tvpackagebox.custom-width .tvdefrm,
  .tvpackagebox.second .tvbuildfrm.width-40,
  .tvpackagebox.second .tvimgs.width-28 {
    flex: inherit;
  }
  .tvpackagebox .tvpkghead .tvpktitle2 {
    border-radius: 0;
  }
  .tvpackageswrap .tvpkgbody {
    display: block;
  }
  .tvimgs:before {
    left: 50px;
    top: -55px;
    rotate: 90deg;
  }
  .tvimgs:after{left: auto;
    bottom: auto;
    right: 50px;
    top: -25px;
    rotate: 90deg;}
    .tvstepbtn{margin-top: 25px;}
  .tvbuildfrm,
  .tvdefrm {
    border-radius: 0;
  }
  .tvpackagebox .tvpkghead .tvpktitle2.desktop,
  .tvpackagebox.second .tvimgs:before{
    display: none;
  }
  .tvpackagebox.second .tvstepbtn {
    margin-top: 20px;
    text-align: center;
  }
  .tvpackagebox.second .tvpktitle {
    padding-left: 35px;
  }
  .tvpackagebox.second .tvimgs {
    border-right: 1px solid #276fe5;
  }
  .tvpackagebox.second .tvimgs h4 {
    text-align: center;
    margin: 0 0 10px;
  }
  .pkgtitle{font-size: 24px;}
}
/******** Media Quries ********/
@media only screen and (max-width: 1199px) {
  .press_wrap .image-column .image-2 {
    left: 0;
    max-width: 60%;
  }
  .press_wrap .image-column .image-2:before,
  .press_wrap .image-column .image-1:before {
    display: none;
  }
  .herotext {
    bottom: 150px;
  }
  .hmpluseS03 {
    right: 20%;
    top: 23%;
  }
  .pkgopenbg {
    padding-left: 150px;
  }
  .rmspkgbox .cateimg img {
    max-width: 95px;
  }
  .pkgcircle li:nth-child(4) {
    height: 37px;
  }
  .pkgcircle li:nth-child(5) {
    height: 43px;
  }
  .pkgcircle li:nth-child(6) {
    height: 35px;
  }
}
@media only screen and (max-width: 1080px) {
  .herotext {
    bottom: 120px;
  }
  .herotext h2 {
    font-size: 50px;
    max-width: 620px;
  }
  .herotext h2 strong {
    letter-spacing: 1px;
    font-size: 20px;
  }
}
@media only screen and (max-width: 990px) {
  .back-to-top {
    bottom: 10px !important;
    right: 9px !important;
  }
  .sltnav {
    padding-bottom: 10px;
  }
  .worshipbox:after{height: 85px;}
  .wrvdbox {
    padding-bottom: 0;
  }
  .press_wrap .image-column .inner-column {
    padding-bottom: 0;
  }
  .press_wrap .image-column .image-1,
  .press_wrap .image-column .image-2 {
    position: relative;
    left: auto;
    right: 0;
    padding: 0 10px;
  }
  .wrshtext {
    position: static;
    background: #47474e;
    display: block;
    max-width: inherit;
    padding: 30px;
  }
  .wrshtext h3 {
    font-size: 24px;
  }
  .wrshtext p {
    font-size: 16px;
  }
  .audiopt5 {
    padding-top: 15px;
  }
  .audiopt3 {
    padding-top: 15px;
  }
  .copinfobox,
  .monitorsbox {
    margin-bottom: 30px;
  }
  .copinfobox h4 {
    min-height: auto;
  }
  .telemedibox {
    height: auto;
  }
  .telemedibox .lgttext {
    padding: 40px;
  }
  .haintegration h4 {
    margin-top: 15px;
  }
  .qualitybox {
    padding: 50px;
  }
  .hatitle {
    margin-top: 15px;
  }
  .haintrobox {
    height: auto;
  }
  .inrotext {
    padding: 40px;
  }
  .solutionNav .nav-item {
    margin: 5px;
  }
  .vdsltxt {
    margin: 0;
    border-radius: 0 0 10px 10px;
    padding: 30px;
  }
  .govsltxt {
    margin-top: 0px;
  }
  .vidopara {
    padding-top: 30px;
  }
  .audioimg {
    margin-top: 30px;
  }
  .controlimgs {
    margin-top: 30px;
  }
  .lightbox .lgttext {
    padding: 40px;
  }
  .herotext {
    position: static;
    background: #0022d2;
    padding: 30px;
  }
  .herotext h2 {
    max-width: none;
    text-align: center;
    margin-bottom: 0;
  }
  .herotext p {
    background: none;
    color: #fff;
    padding: 0;
  }
  .order-2 {
    -ms-flex-order: 2;
    order: inherit !important;
  }
  .subnv23 {
    display: inline-block;
  }
  .auth-layout-wrap {
    padding-top: 50px;
    height: auto;
  }
  .logo {
    text-align: center;
    margin-top: 35px;
  }
  .header-wrap {
    top: 100px;
  }
  .header-wrap .logo{margin-top: 0;}
  .InnerHeader {
    position: static;
  }
  .header-wrap .logo img {
    width: 100px;
  }
  .navbar-toggler {
    top: 10px;
  }
  .InnerHeader .logo {
    margin-top: 0;
  }
  .InnerHeader .navbar-toggler {
    top: 10px;
  }
  .contact_style3 {
    min-height: auto;
  }
  .digisignage {
    margin-top: 0;
  }
  .tbtxt {
    margin-top: 30px;
  }
  .sptbox {
    min-height: auto;
  }
  .cateitemsbox {
    border: 1px solid #ddd;
    padding: 15px;
    margin-top: 30px;
    height: auto;
    margin-bottom: 0;
  }
  .cate45678 .col-lg-3:last-child .cateitemsbox {
    border: 1px solid #ddd;
  }
  .wimg {
    top: 35px;
  }
  .rmswpackagelist li{min-height: 90px;}
  .wimg img {
    height: 55px;
  }
  .rmswpackagelist .nomp .col {
    -ms-flex: 0 0 10%;
    flex: 0 0 10%;
    max-width: 10%;
  }
  .rmswpackagelist .nomp .namecol {
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 40%;
  }
  .rmswpackagelist .nomp .areacol {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .wpkgtitlw {
    margin-left: 0;
    padding: 7px 15px;
    text-align: left;
    transform: skew(0deg);
    font-size: 14px;
    border-top-left-radius: 7px;
  }
  .warea {
    margin-left: -5px;
    padding: 10px 10px;
  }
  .wpkgtitlw span {
    transform: skew(0deg);
  }
  .wpkgbtn1 span,
  .wpkgbtn2 span {
    display: none;
  }
  .wpkgbtn1 i,
  .wpkgbtn2 i {
    display: block;
  }
  .wpkgbtn2:after,
  .wpkgbtn1:after {
    display: none;
  }
  .pkgint {
    margin-top: 0;
    padding-left: 100px;
    padding-right: 0;
  }
  .pkgint .rmsgreylogo {
    left: 25px;
    top: 13px;
  }
  .pkgint .rmsgreylogo img {
    display: none;
  }
  .pkgint .rmsgreylogo i {
    display: block;
    color: #bbbbbb;
    font-size: 20px;
  }
  .rmsgreylogot {
    display: block;
    position: absolute;
    left: 20px;
  }
  .pkgtopbar h3 {
    margin-left: -100px;
  }
  .vdoted:before {
    display: none;
  }
  .mbbrandlogo {
    display: none;
  }
  .pkgtopbar {
    padding: 15px 0 15px 100px;
  }
  .pkgtopbar h3 {
    position: static;
    font-size: 24px;
    margin-bottom: 0;
  }
  .vdoted {
    z-index: 1;
    padding-bottom: 0;
  }
  .rmswpackagelist li:nth-child(2) .wpkgtitlw {
    padding: 7px 15px;
  }
  .rmswpackagelist li:nth-child(3) .wpkgtitlw {
    padding: 7px 15px;
  }
  .rmswpackagelist li:nth-child(4) .wpkgtitlw {
    padding: 7px 15px;
  }
  .rmswpackagelist li:nth-child(4) .wimg {
    border-bottom-left-radius: 0;
  }
  .rmswpackagelist li:nth-child(1) .wimg {
    border-top-left-radius: 0;
  }
  .rmswpackagelist li:nth-child(4) .pkgint .rmsgreylogo {
    top: 10px;
  }
  .wpkgtitlw span,
  .warea span {
    display: block;
  }
  .wpkgtitle2 {
    margin-left: 0;
    clip-path: none;
  }
  .pkgbg1 {
    margin-top: 0;
    padding: 20px;
  }
  .comparisonbtn {
    position: relative;
    display: inline-block;
    clip-path: none;
    border-radius: 5px;
    margin-bottom: 30px;
  }
  .wpkgbtn2 {
    clip-path: none;
  }
  .catepkgbox .catelogo {
    display: block;
  }
  .catepkgbox .catelogo img {
    height: 31px;
  }
  .pkgopenbg .col {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 10px;
  }
  .pkstxt li:after,
  .pkgcircle li:before {
    display: none;
  }
  .pkgcircle li {
    height: 50px;
    border-bottom: 1px solid #eee;
  }
  .pkgcircle li span {
    font-size: 13px;
  }
  .backdetails {
    position: relative;
    display: inline-block;
    clip-path: none;
    border-radius: 5px;
    margin-bottom: 20px;
  }
  .pkstxt li {
    padding: 5px 0;
    border-bottom: 1px solid #4c4c4c;
    height: 50px;
  }
  .rmspkgbox .cateimg img {
    max-width: 100%;
  }
  .pkstars {
    position: static;
  }
  .pkgopenbg {
    padding: 10px;
    padding-top: 30px;
    margin-top: -30px;
  }
  .instructions p {
    margin-bottom: 10px;
  }
  .pkgcircle li:nth-child(4) {
    height: 50px;
  }
  .pkgcircle li:nth-child(5) {
    height: 50px;
  }
  .pkgcircle li:nth-child(6) {
    height: 50px;
  }
  .landinglist {
    padding-top: 20px;
  }
  .wpkgtitle2 {
    font-size: 16px;
    text-align: left;
    z-index: 1;
    position: relative;
    padding: 10px 15px 9px 15px;
  }
  .warea2 span{display: block; padding-left: 30px; padding-right: 15px;}
  .wpkgbtn2{padding: 13px 20px;}
  .ldpageslist__item-content p {
    min-height: auto;
    display: none;
  }
  .ldpageslist__item-content .getqbtn {
    display: none;
    background: #0022d2;
    color: #fff;
    font-size: 14px;
    padding: 7px 15px;
    border-radius: 30px;
    text-decoration: none;
    text-align: center;
  }
  .tvinstlist .ldpageslist__item:checked,
  .tvinstlist .ldpageslist__item:hover {
    background: #ddd;
    border: 1px solid #ccc;
    min-height: 182px;
  }
  .tvinstlist .ldpageslist__item:checked .ltvinstlist_icon,
  .tvinstlist .ldpageslist__item:hover .ltvinstlist_icon {
    display: none;
  }
  .tvinstlist .ldpageslist__item:checked .ldpageslist__item-content h5,
  .tvinstlist .ldpageslist__item:hover .ldpageslist__item-content h5 {
    min-height: auto;
    color: #0022d2;
  }
  .tvinstlist .ldpageslist__item:checked .ldpageslist__item-content p,
  .tvinstlist .ldpageslist__item:hover .ldpageslist__item-content p {
    display: block;
    color: #000;
    font-size: 13px;
  }
  .tvinstlist .ldpageslist__item:checked .ldpageslist__item-content .getqbtn,
  .tvinstlist .ldpageslist__item:hover .ldpageslist__item-content .getqbtn {
    display: inline-block;
  }
  .hmthhead .hmthtitle{-ms-flex: 0 0 66%; flex: 0 0 66%; max-width: 66%;}
  .hmthhead .hmthtitle2{-ms-flex: 0 0 34%; flex: 0 0 34%; max-width: 34%;}
  .outecol-4, .hmthbody .htmcol-1, .survelbody .outecol-4, .servhead .oetitle{max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;}
  .hmthbody .htmcol-2, .hmthbody .htmcol-3, .hmthbody .htmcol-4, .outecol-1, .outecol-2, .outecol-3, .survelbody .outecol-1, .survelbody .outecol-3, .survelbody .outecol-2 {max-width: 33.3%; flex: 0 0 33.3%; -ms-flex: 0 0 33.3%;}
  .hmthbody .htmcol-1 .htimgbox{display: block; text-align: center; border-radius:10px}
  .outebody .outecol-4:before{top: 0; left: 15%;}
  .outebody .tvstepbtn{text-align: left; margin-top: 30px;}
  .outebody .outecol-3:after{rotate: 90deg;
    bottom: -75px;
    right: 80px;
}
.outecol-4{margin-bottom: 5px; border-right: 5px solid #276fe5;border-radius: 0 0 10px 10px;}
.servhead .oetitle2{display: none;}
.servhead .oetitle{border-radius:10px 10px 0 0;}
.mbservelancetitle{display: block;}
}
@media only screen and (max-width: 767px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 100%;
  }
  .wpkgbtn2 {
    padding: 10px 20px;
}
  .press_wrap .image-column .inner-column {
    display: block;
    text-align: center;
  }
  .worshipbox:after{height: 65px;}
  .press_wrap .image-column .image-2 img,
  .press_wrap .image-column .image-1 img {
    min-width: inherit;
    width: auto;
  }
  .tvinstlist .ldpageslist__item {
    background-size: cover;
  }
  .wpkgtitle2 {
    font-size: 14px;
    padding: 8px 15px 7px 15px;
  }
  .warea span {
    font-size: 10px;
  }
  .warea2 {
    font-size: 12px;
    padding: 5px 0;
  }
  .packagewrap22 .warea2{padding: 15px 0;}
  .catepkgbox p {
    font-size: 12px;
    line-height: 16px;
  }
  .pkgtopbar {
    padding-left: 70px;
  }
  .rmsgreylogot {
    left: 10px;
    bottom: 22px;
  }
  .rmsgreylogot img {
    width: 50px;
  }
  .pkgtopbar h3 {
    margin-left: -70px;
  }
  .catepkgbox .buybtn {
    font-size: 13px;
  }
  .pkgbody {
    min-height: 325px;
  }
  .wpackage3 .pkgbody {
    min-height: 410px;
  }
  .wpackage4 .pkgbody {
    min-height: 410px;
  }
  .press_wrap .image-column .image-2 {
    left: 0;
    max-width: inherit;
  }
  .sec-title h2 {
    font-size: 30px;
  }
  .press_wrap .content-column .inner-column .sec-title h4 {
    font-size: 18px;
  }
  .press_wrap .content-column .inner-column .sec-title .text {
    font-size: 16px;
    line-height: 26px;
  }
  .press_list li {
    font-size: 16px;
    line-height: 26px;
  }
  .herotext h2 {
    font-size: 36px;
  }
  .herotext h2 strong {
    font-size: 18px;
    letter-spacing: 0;
    background: none;
    color: #fff;
    padding: 0;
  }
  .mapbuilding .nav-link {
    width: 36px;
    height: 36px;
  }
  .mapbuilding .nav-link img {
    width: 30px;
  }
  .pkgopenbg .col {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .pkstxt li {
    padding: 5px 0;
  }
  .tvinstlist .ldpageslist__item-content {
    padding: 15px 5px 15px;
  }
  .tvinstlist .ldpageslist__item-content h5 {
    font-size: 14px;
  }
  .htmcol-4 .tvstepbtn a{padding: 10px 20px; font-size: 18px;}
}
@media only screen and (max-width: 576px) {
  .container,
  .container-sm {
    max-width: 100%;
  }
  .pkgbody {
    min-height: 375px;
}
.worshipbox:after{height: 55px;}
.hmthhead .hmthtitle, .hmthbody .htmcol-2, .hmthbody .htmcol-3, .hmthbody .htmcol-4, .outecol-1, .outecol-2, .outecol-3, .survelbody .outecol-2, .survelbody .outecol-1, .survelbody .outecol-3, .servhead .oetitle, .servhead .oetitle2{max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;}
.hmthhead .hmthtitle2{display: none;}
.hmthbody .htmcol-1 .htimgbox img{max-width: 150px;}
.hmthbody .htmcol-2{padding:15px;}
.hmthbody .htmcol-3{padding:60px 15px 30px 15px;}
.hmthbody .htmcol-3:after{rotate:90deg; bottom:auto; left: 50px; top: -25px;}
.hmthbody .htmcol-4:before{bottom: auto; left: 60px; top: -55px; rotate: 90deg;}
.htmcol-4 .tvstepbtn{margin-bottom: 30px;}
.hmthbody .htmcol-4 .hmthdeinst{padding: 20px 15px;}
.deinshead2{display: block;}
.hmthbody .htmcol-2 h4{text-align: left;}
.hmthhead .hmthtitle{border-radius: 10px 10px 0 0; font-size: 20px;}
.outecol-1{border-radius: 0;}
}
@media only screen and (max-width: 480px) {
  .hatitle {
    font-size: 24px;
  }
  .lightbox {
    height: auto;
  }
  .lightbox p {
    color: #fff;
    font-size: 16px;
  }
  .mapbuilding .nav-link {
    width: 30px;
    height: 30px;
  }
  .mapbuilding .nav-link img {
    width: 24px;
  }
  .wpkgtitlw {
    padding: 8px 10px;
    font-size: 13px;
  }
  .rmswpackagelist li:nth-child(2) .wpkgtitlw {
    padding: 8px 10px;
  }
  .rmswpackagelist li:nth-child(3) .wpkgtitlw {
    padding: 8px 10px;
  }
  .rmswpackagelist li:nth-child(4) .wpkgtitlw {
    padding: 8px 10px;
  }
  .warea {
    padding: 10px 6px;
  }
  .wpkgbtn1 {
    padding: 12px 20px;
  }
  .catepkgbox h5 {
    font-size: 13px;
  }
  .worshipbox:after{height: 35px;}
}
/***
====================================================================
        Press Release Css End
====================================================================
***/
/*****: Media Quries :*****/
@media screen and (max-width: 1200px) {
  .nav-tabs .nav-link {
    padding: 17px 22px;
  }
  .control4-logo {
    left: 50px;
  }
  .con_title h2 {
    font-size: 26px;
  }
  .intercomWrp .col_sec {
    max-width: 440px;
  }
  .qualityWrp .con_title h2 {
    font-size: 22px;
  }
  .qualityWrp .con_title h2 {
    font-size: 30px;
  }
  .top_info {
    padding-left: 30px;
  }
  .top_info a {
    font-size: 18px;
  }
  .top_info i {
    font-size: 18px;
    top: 5px;
  }
  .quote_btn a {
    padding: 10px 15px;
  }
  .articulatetxt {
    padding-top: 0;
  }
}
@media screen and (max-width: 990px) {
  .smarthomeWrp h1 {
    padding: 13px 68px 13px 30px;
    font-size: 30px;
  }
  .navbar-collapse.show .quote_btn{margin-left: 0; margin-top: 30px; display: block;}
  .navbar-collapse.show .quote_btn a{font-size: 14px;}

  .alexa_wrp .con_title {
    animation: none;
  }
  .book_btn a.mblogin {
    display: block;
  }
  .homeImg {
    text-align: center;
  }
  .homecontrol .homeImg {
    margin-bottom: 30px;
  }
  .party_wrap .homeImg {
    margin-top: 30px;
  }
  .alexa_wrp .con_title {
    margin-left: 0;
  }
  .experienceWrp .item-image {
    margin: 10px 0;
  }
  .control4-logo {
    position: static;
  }
  .qualityWrp .col_sec {
    padding-top: 30px !important;
    padding-bottom: 0 !important;
  }
  .nav-tabs .nav-link:before {
    display: none;
  }
  .nav-tabs .nav-link {
    margin-bottom: 10px;
  }
  .safe_hands {
    padding: 60px !important;
  }
  .home_automated .col_sec {
    max-width: inherit;
  }
  .item-image {
    min-height: inherit;
  }
  .home_theaterWrp p {
    padding-right: 0;
  }
  .intercomWrp {
    background-position: left;
  }
  .hmpluse {
    left: 170px;
    bottom: 150px;
  }
  .hmpluse2 {
    left: 180px;
    bottom: 160px;
  }
  .hmpluseS2 {
    right: 240px;
    top: 45px;
  }
  .hmpluseS23 {
    right: 150px;
    top: 160px;
  }
  .hmpluseS3 {
    right: 170px;
    top: 90px;
  }
  .comfortbox h5 {
    margin-bottom: 0;
  }
  .animatesc1 {
    margin-bottom: 20px;
  }
  .nstcatebox .animatesc1 {
    margin-top: 30px;
  }
  .hmpluseS3b1 {
    width: 120px;
    height: 120px;
    left: 50px;
    top: 100px;
  }
  .hmpluseS3b2 {
    width: 120px;
    height: 120px;
    right: 280px;
    top: 60px;
  }
  .hmpluseS3b3 {
    width: 120px;
    height: 120px;
    left: 190px;
    bottom: 145px;
  }
  .hmpluseS3b4 {
    width: 120px;
    height: 120px;
    right: 200px;
    bottom: 140px;
  }
  .hmpluseS3b5 {
    width: 120px;
    height: 120px;
    right: 75px;
    top: 125px;
  }
  .hmpluseS3b6 {
    width: 120px;
    height: 120px;
    left: 50px;
    bottom: 0px;
  }
  .cmdtxt {
    padding-top: 20px;
  }
  .meshtitle {
    margin-top: 30px;
  }
  .mbshowhide {
    display: block;
    margin: 0;
    padding: 10px;
    text-align: center;
  }
  .mbshowhide .top_info{margin-top: 10px;}
  .mbshowhide .top_info a{margin-left: 0;}


  .scean03 {
    text-align: center;
  }
  .hmpluseS03 {
    right: 32%;
    top: 28%;
  }
  .celingimg2 {
    margin-top: 50px;
  }
  .articulatetxt {
    padding-top: 30px;
  }
  .odcontent {
    width: 55%;
  }
  .odcontent h4 {
    padding-top: 10px;
  }
  .outdoorlist .ldpageslist__item-content p {
    min-height: 115px;
  }
  .outdoorlist .ldpageslist__item-content h5 {
    min-height: 42px;
  }
  .videodist .ldpageslist__item-content p {
    min-height: 125px;
  }
  .audio-pkg-box .radio-box .input-box:not(:first-child){margin-left: 0; margin-top: 15px;}
  .pkgbody{min-height:348px;}
}
@media screen and (max-width: 767px) {
  .safe_hands .col_sec {
    padding: 16px;
  }
  .smarthomeWrp h1 {
    font-size: 24px;
  }
  .nav-tabs,
  .nav-tabs .nav-link {
    justify-content: center;
  }
  .header-wrap {
    text-align: center;
  }
  .social_media {
    display: block;
    float: none;
  }
  .call-wrap h3 {
    margin-right: 0;
  }
  .callbox {
    display: block;
    text-align: center;
  }
  .handling_blog_tables table img {
    height: auto !important;
    width: 100% !important;
  }
  .wifiextend {
    padding: 40px;
  }
  .eerobox {
    padding: 40px;
    text-align: center;
  }
  .eerobox p {
    font-size: 20px;
    line-height: 26px;
  }
  .underbasic {
    padding: 40px;
  }
  .hanimate {
    margin-top: 0;
  }
  .nibasic {
    padding-right: 0;
    padding-bottom: 10px;
    padding-top: 0;
  }
  .nibasic h3 span {
    font-size: 24px;
  }
  .nibasic h3 {
    font-size: 40px;
  }
  .inrotext {
    padding: 0 20px;
  }
  .network_install {
    padding: 30px 0 0 0;
  }
  .scen1info {
    padding: 40px;
  }
  .phone_sec {
    margin: 10px 0 15px 0;
  }
  .calltoactbox a {
    font-size: 16px;
    padding: 10px 20px;
  }
  .hmpluseS3b1 {
    left: 20px;
    top: 60px;
  }
  .hmpluseS3b2 {
    right: 190px;
    top: 30px;
  }
  .hmpluseS3b3 {
    left: 125px;
    bottom: 95px;
  }
  .hmpluseS3b4 {
    right: 130px;
    bottom: 90px;
  }
  .hmpluseS3b5 {
    right: 35px;
    top: 80px;
  }
  .hmpluseS3b6 {
    left: 20px;
    bottom: -20px;
  }
  .hmpluseS03 {
    right: 26%;
    top: 25%;
  }
  .odimg1,
  .odimg2,
  .odimg3,
  .odimg4 {
    background-image: none;
  }
  .outdoorbox {
    margin-bottom: 30px;
    height: auto;
  }
  .odmbimg {
    display: block;
  }
  .odcontent {
    position: static;
    background: none;
    text-align: center;
    padding: 30px 0;
    width: auto;
  }
  .odcontent h4,
  .odcontent p {
    color: #000;
    padding-top: 0;
  }
  .odcontent p {
    margin-bottom: 0;
  }
  .outdoorlist .ldpageslist__item-content p {
    min-height: auto;
  }
  .outdoorlist .ldpageslist__item-content h5 {
    min-height: auto;
  }
  .videodist .ldpageslist__item-content p {
    min-height: auto;
  }
}
@media screen and (max-width: 480px) {
  .service_info h4 {
    line-height: 20px;
  }
  .question_wrap {
    padding-top: 20px;
  }
  .questionbox h3 {
    margin-bottom: 10px;
  }
  .authorized_wrap {
    padding-top: 0;
  }
  .reviewon span {
    display: block;
  }
  .reviewon a {
    margin: 3px;
  }
  .innerContent_wrap h2 {
    font-size: 24px;
  }
  .footerbox p {
    line-height: 24px;
  }
  .innerContent_wrap h1 {
    font-size: 24px;
  }
  .post-image {
    margin-bottom: 10px;
  }
  .btlogos a:nth-child(1) img {
    width: 140px;
  }
  .btlogos a:nth-child(3) img {
    width: 100px;
  }
  .btlogos a {
    display: inline-block;
    margin: 6px 0;
  }
  .btlogos {
    text-align: center;
  }
  .installation_btn img {
    width: 30px;
  }
  .installation_btn a {
    font-size: 14px;
  }
  .call-wrap {
    padding: 30px 0px;
  }
  .smarthomeWrp h1 {
    font-size: 18px;
    padding: 18px 34px;
  }
  .call-wrap h3 {
    margin-top: 4px;
  }
  .phone_target {
    font-size: 26px;
  }
  .authorized_wrap {
    padding: 0;
  }
  .solutionNav .nav-link span {
    display: none;
  }
  .solutionNav .nav-link i {
    margin-right: 0;
  }
  .nav-tabs,
  .nav-tabs .nav-link {
    display: block;
    text-align: center;
  }
  .nav-tabs .nav-link {
    display: block;
    width: 100%;
  }
  .con_title h2 {
    font-size: 22px !important;
  }
  .con_title h2 span {
    font-size: 30px !important;
  }
  .phonenum a {
    font-size: 30px;
  }
  .padd60 {
    margin: 0;
  }
  .safe_hands {
    padding: 30px !important;
  }
  .herotext {
    padding: 20px 10px;
  }
  .herotext h2 {
    font-size: 24px;
  }
  .herotext h2 strong {
    font-size: 16px;
  }
  .hmpluse {
    left: 75px;
    bottom: 60px;
  }
  .hmpluse2 {
    left: 85px;
    bottom: 70px;
  }
  .hmpluseS2 {
    right: 115px;
    top: 0px;
  }
  .hmpluseS23 {
    right: 60px;
    top: 60px;
  }
  .hmpluseS3 {
    right: 85px;
    top: 45px;
    width: 150px;
    height: 150px;
  }
  .hmpluseS03 {
    right: 26%;
    top: 26%;
    width: 270px;
    height: 270px;
  }
}
@media screen and (max-width: 375px) {
  .home_automated .con_title:after {
    background: #fff;
  }
  .home_automated .con_title h2,
  .experienceWrp .con_title h2,
  .qualityWrp .con_title h2 {
    font-size: 18px !important;
  }
  .item-image {
    padding: 400px 20px 50px 20px;
  }
  .alexa_text {
    font-size: 16px;
  }
  .home_automated .con_title h2 span,
  .experienceWrp .con_title h2 span,
  .qualityWrp .con_title h2 span {
    font-size: 20px !important;
  }
  .control4-logo img {
    width: 200px;
  }
  .safe_hands {
    padding: 15px !important;
  }
  .qualityWrp {
    padding: 60px !important;
  }
  .hatitle {
    font-size: 26px;
  }
  .scen1info h3 {
    font-size: 26px;
    margin-top: 5px;
  }
  .hmpluse {
    left: 60px;
    bottom: 45px;
  }
  .hmpluse2 {
    left: 70px;
    bottom: 55px;
  }
  .hmpluseS2 {
    right: 90px;
    top: 0px;
  }
  .hmpluseS23 {
    right: 45px;
    top: 48px;
  }
  .hmpluseS3 {
    right: 70px;
    top: 25px;
    width: 150px;
    height: 150px;
  }
  .hmpluseS3b1 {
    left: 15px;
    top: 40px;
    width: 80px;
    height: 80px;
  }
  .hmpluseS3b2 {
    right: 130px;
    top: 20px;
    width: 80px;
    height: 80px;
  }
  .hmpluseS3b3 {
    left: 85px;
    bottom: 60px;
    width: 80px;
    height: 80px;
  }
  .hmpluseS3b4 {
    right: 90px;
    bottom: 60px;
    width: 80px;
    height: 80px;
  }
  .hmpluseS3b5 {
    right: 25px;
    top: 50px;
    width: 80px;
    height: 80px;
  }
  .hmpluseS3b6 {
    left: 15px;
    bottom: -10px;
    width: 80px;
    height: 80px;
  }
  .hmpluseS03 {
    right: 28%;
    top: 27%;
    width: 200px;
    height: 200px;
  }
}
.post-image {
  text-align: center;
}
table tr {
  white-space: nowrap;
}
.blog_cat_active {
  background: #0022d2;
  color: white;
  padding: 8px;
}
.blog_cat_active a {
  color: white !important;
}
.see_full_portfolio {
  text-align: center;
  margin-top: 30px;
}
.see_full_portfolio a {
  display: inline-block;
  padding: 14px 30px;
  background: #0022d2;
  color: #fff;
  font-size: 18px;
  border-radius: 45px;
  font-weight: 700;
  box-shadow: 1px 8px 20px rgb(0 0 0 / 32%);
  font-family: "Montserrat", sans-serif;
}
.see_full_portfolio a:hover {
  background: #000;
  text-decoration: none;
}
.backbtn {
  margin-top: 20px;
}
.backbtn a {
  display: inline-block;
  padding: 12px 30px;
  background: #0022d2;
  color: #fff;
  font-size: 16px;
  border-radius: 45px;
  font-weight: 700;
  box-shadow: 1px 8px 20px rgb(0 0 0 / 32%);
  font-family: "Montserrat", sans-serif;
}
.backbtn a:hover {
  background: #000;
  text-decoration: none;
}
.rmdbutton label.room_first_chosen {
  background: #00ff00;
  color: #fff;
  opacity: 1;
}
.rmdbutton label.room_other_chosen {
  background: #999999 !important;
  color: #fff;
  opacity: 1;
}
.new_radio input[type="radio"] {
  display: none;
}
.new_radio input[type="radio"] + label {
  width: 22px;
  height: 22px;
  border: 1px solid #0022d2;
  background: #f6faff;
  cursor: pointer;
  position: absolute;
  left: 0;
  top: 2px;
}
.new_radio input[type="radio"]:checked + label:before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #0022d2;
  padding-left: 3px;
  position: relative;
  top: -3px;
  font-size: 14px;
}
.errowbox {
  color: red;
}
.tvpackagebox .choosetv.blue label {
  color: #276fe5;
  border-color: #276fe5;
  margin-right: 0;
}
.tvpackagebox .choosetv.blue label:hover,
.tvpackagebox .choosetv.blue input:checked + label {
  background: #276fe5;
  color: #fff;
}
.owl-carousel .chooseselect {
  margin-top: 0;
  margin-bottom: 25px;
}
.owl-carousel .chooseselect input[type="radio"] {
  width: 22px;
  height: 22px;
  margin: 0 5px 0 0;
}
.availmount .owl-item img {
  height: 200px;
}
.availmount .caption p {
  min-height: 40px;
}
body.loading .rms-loader-holder .rms-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 9999;
  margin-left: -75px;
  margin-top: -75px;
}
body.loading .rms-loader-holder .rms-loader .multi-spinner-container {
  width: 150px;
  height: 150px;
  position: relative;
  overflow: hidden;
}
body.loading .rms-loader-holder .rms-loader .multi-spinner {
  position: absolute;
  width: calc(100% - 9.9px);
  height: calc(100% - 9.9px);
  border: 5px solid transparent;
  border-top-color: #0022d2;
  border-radius: 50%;
  -webkit-animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
  animation: spin 5s cubic-bezier(0.17, 0.49, 0.96, 0.76) infinite;
}
-webkit-@keyframes spin {
  -webkit-from {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  -webkit-to {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
body.loading .rms-loader-holder {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.9);
}
.loadingtxt{text-align: center; font-size: 14px; text-transform: uppercase; letter-spacing: 5px; color: #000;}
.rms-loader-holder{display: none;}
body.loading .rms-loader-holder{display: block;}
.lds-roller {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 40px 40px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #002ddd;
  margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 63px;
  left: 63px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 68px;
  left: 56px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 71px;
  left: 48px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 72px;
  left: 40px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 71px;
  left: 32px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 68px;
  left: 24px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 63px;
  left: 17px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 56px;
  left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* loader 2 */
.loader2 {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader2::before,
.loader2::after {
  position: absolute;
  content: "";
  height: 12em;
  width: 12em;
  border: 4em solid #fff;
  border-radius: 50%;
  animation: loader_79178 .5s linear infinite;
}
.loader2::after {
  opacity: 0;
  animation-delay: 1s;
}
@keyframes loader_79178 {
  0% {
    border: 1em solid #fff;
    transform: scale(0);
    opacity: 1;
  }
  100% {
    border: 0 solid #fff;
    transform: scale(1);
    opacity: 0;
  }
}
body.loading .rms-loader-holder.loaderbg2{background: rgba(0, 0, 0, 0.6);}
.loaderbg2 .loadingtxt{color: #fff;}
/* loader 3 */
.loader3 {
  width: 80px;
  height: 50px;
  position: relative;
}
.loader3 .loader-text {
  position: absolute;
  top: 0;
  padding: 0;
  margin: 0;
  color: #000;
  animation: text_713 1s ease both infinite;
  font-size: .8rem;
  letter-spacing: 1px;
}
.loader3 .load {
  background-color: #002ddd;
  border-radius: 50px;
  display: block;
  height: 16px;
  width: 16px;
  bottom: 0;
  position: absolute;
  transform: translateX(64px);
  animation: loading_713 1s ease both infinite;
}
.loader3 .load::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #708dff;
  border-radius: inherit;
  animation: loading2_713 1s ease both infinite;
}
@keyframes text_713 {
  0% {
    letter-spacing: 1px;
    transform: translateX(0px);
  }
  40% {
    letter-spacing: 2px;
    transform: translateX(26px);
  }
  80% {
    letter-spacing: 1px;
    transform: translateX(32px);
  }
  90% {
    letter-spacing: 2px;
    transform: translateX(0px);
  }
  100% {
    letter-spacing: 1px;
    transform: translateX(0px);
  }
}
@keyframes loading_713 {
  0% {
    width: 16px;
    transform: translateX(0px);
  }
  40% {
    width: 100%;
    transform: translateX(0px);
  }
  80% {
    width: 16px;
    transform: translateX(64px);
  }
  90% {
    width: 100%;
    transform: translateX(0px);
  }
  100% {
    width: 16px;
    transform: translateX(0px);
  }
}
@keyframes loading2_713 {
  0% {
    transform: translateX(0px);
    width: 16px;
  }
  40% {
    transform: translateX(0%);
    width: 80%;
  }
  80% {
    width: 100%;
    transform: translateX(0px);
  }
  90% {
    width: 80%;
    transform: translateX(15px);
  }
  100% {
    transform: translateX(0px);
    width: 16px;
  }
}
/* loader 4 */
.loader4 {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loader4 .bars {
  width: 8px;
  height: 20px;
  margin: 0 2px;
  border-radius: 4px;
  animation: loader3 1s ease-in-out infinite;
}
.loader4 .bar1 {
  background-color: #4285F4;
  animation-delay: -0.8s;
}
.loader4 .bar2 {
  background-color: #4285F4;
  animation-delay: -0.7s;
}
.loader4 .bar3 {
  background-color: #4285F4;
  animation-delay: -0.6s;
}
.loader4 .bar4 {
  background-color: #4285F4;
  animation-delay: -0.5s;
}
.loader4 .bar5 {
  background-color: #4285F4;
  animation-delay: -0.4s;
}
.loader4 .bar6 {
  background-color: #4285F4;
  animation-delay: -0.3s;
}
.loader4 .bar7 {
  background-color: #4285F4;
  animation-delay: -0.2s;
}
.loader4 .bar8 {
  background-color: #4285F4;
  animation-delay: -0.1s;
}
.loader4 .bar9 {
  background-color: #4285F4;
  animation-delay: 0s;
}
.loader4 .bar10 {
  background-color: #4285F4;
  animation-delay: 0.1s;
}
@keyframes loader3 {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1, 2.32);
  }
  40% {
    transform: scale(1);
  }
}
/* loader 5 */
.loader5 {
  display: flex;
}
.l,.l:nth-child(9) {
  margin: 0.15em;
  border-radius: 5em;
  width: 0.4em;
  background-color: #fff;
  height: 3em;
  box-shadow: 1px 1px 4px black;
  animation: load_5186 cubic-bezier(.41,.44,.72,.69) .7s infinite;
}
.l:nth-child(2), 
.l:nth-child(8) {
  background-color: #fff;
  animation-delay: .25s;
}
.l:nth-child(3), 
.l:nth-child(7) {
  background-color: #fff;
  animation-delay: .5s;
}
.l:nth-child(4), 
.l:nth-child(6) {
  background-color: #eee;
  animation-delay: .75s;
}
.l:nth-child(5) {
  background-color: #fff;
  animation-delay: 1s;
}
@keyframes load_5186 {
  0% {
    transform: scaleY(1);
  }
  100% {
    transform: scaleY(-1);
  }
}
.tvimgs.disable-div:after,
.tvimgs .holder.disable-div:after {
  content: "";
  position: absolute;
  left: 0 !important;
  filter: none !important;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  width: inherit !important;
  height: inherit !important;
}
.tvimgs .holder:first-child.disable-div:after {
  bottom: -5px;
}
.tvimgs .holder.disable-div:after {
  top: -20px;
  left: -20px !important;
  right: -20px;
  bottom: -20px;
}
.tvimgs .holder + .holder.disable-div:after {
  top: -5px;
}
.tvimgs .holder.disable-div .owl-carousel .owl-stage,
.tvimgs.disable-div .owl-carousel .owl-stage {
  transform: none !important;
}
.tvimgs .holder.disable-div .owl-carousel .owl-item:not(:first-child),
.tvimgs.disable-div .owl-carousel .owl-item:not(:first-child) {
  display: none !important;
}
.tvimgs .holder {
  position: relative;
}
.rmsfrmlogo {
  max-width: 200px;
  margin: 0 auto;
  padding-top: 30px;
}
.logincls {
  position: absolute;
  right: 15px;
  top: 15px;
}
/** Audio Install New Stylings **/
.tvpackageswrap span.disabled {
  pointer-events: none;
  opacity: 0.5;
}
.audio-content-holder .items-holder .audio-pkg-title {
  background: #002ddd;
  color: #fff;
  text-align: center;
  padding: 15px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  border-radius: 10px 10px 0 0;
}
.audio-content-holder .items-holder .items-area {
  display: flex;
  flex-grow: 1;
}
.audio-content-holder .items-area .item {
  flex: 0 0 16.666666%;
  cursor: pointer;
}
.audio-content-holder .items-area .item:last-child {
  flex: 0 0 50%;
}
.audio-content-holder .items-area .main-title {
  background: #0056e1;
  color: #fff;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  box-shadow: -19px 0 13px -12px rgba(0, 0, 0, 0.45) inset;
  -webkit-box-shadow: -19px 0 13px -12px rgba(0, 0, 0, 0.45) inset;
  -moz-box-shadow: -19px 0 13px -12px rgba(0, 0, 0, 0.45) inset;
}
.audio-content-holder .items-area .item:last-child .main-title,
.audio-content-holder .items-area .item:last-child .box {
  box-shadow: none;
}
.audio-content-holder .items-area .main-title {
  font-size: 55px;
}
.audio-content-holder .items-area .main-title strong {
  opacity: 0.35;
  text-transform: capitalize;
}
.audio-content-holder .items-area .item .box {
  background: #276fe5;
  min-height: 260px;
  display: flex;
  align-items: center;
  box-shadow: -19px 0 13px -12px rgba(0, 0, 0, 0.45) inset;
  -webkit-box-shadow: -19px 0 13px -12px rgba(0, 0, 0, 0.45) inset;
  -moz-box-shadow: -19px 0 13px -12px rgba(0, 0, 0, 0.45) inset;
}
.audio-content-holder .items-area .item .img {
  max-width: 70%;
  margin: auto;
  transition: all ease 0.5s;
}
.audio-content-holder .items-area .item:nth-child(3) .img {
  max-width: 85%;
}
.audio-content-holder .items-area .item:hover .img {
  transform: scale(0.95);
}
.audio-pkg-box {
  border-radius: 5px;
}
.audio-pkg-wrap .audio-pkg-head {
  position: relative;
  z-index: 1;
}
.audio-pkg-wrap .audio-pkg-title {
  background: #002ddd;
}
.audio-pkg-wrap .audio-pkg-holder {
  background: #0056e1;
  border-radius: 0 0 10px 10px;
  border-bottom: 5px solid #0056e1;
}
.audio-pkg-wrap .audio-pkg-head-b .main-title {
  opacity: 0.35;
  font-weight: bold;
  font-size: 50px;
  line-height: 1.2;
  text-transform: capitalize;
  background: #0056e1;
  border-radius: 10px 10px 0 0;
  color: #fff;
  text-align: left;
  padding: 15px 25px;
  border-radius: 10px;
  font-family: "Montserrat", sans-serif;
}
.audio-pkg-wrap .audio-pkg-body .audio-frame-left {
  position: relative;
  padding: 25px;
  border-radius: 0 0 0 10px;
  max-width: 32%;
  flex: 0 0 32%;
}
.audio-pkg-wrap .audio-frame-left .img {
  max-width: 150px;
  margin: auto;
}
.audio-pkg-wrap .audio-pkg-body {
  display: flex;
}
.audio-pkg-wrap .audio-frame-center .text p {
  color: #323131;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
}
.audio-pkg-wrap .audio-frame-center .text .blue {
  color: #276fe5;
}
.audio-pkg-wrap .audio-frame-center .text.big p {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
}
.audio-pkg-wrap .audio-frame-center .txt-wrap {
  padding: 20px;
}
.audio-pkg-box .radio-holder {
  margin-bottom: 15px;
}
.audio-pkg-box .radio-box {
  margin: 0 0 15px;
  display: flex;
  align-items: flex-start;
  position: relative;
}
.audio-pkg-box .radio-box .input-box:not(:first-child) {
  margin-left: 12px;
}
.tvfrmrow .tvchecbox .ico-dot,
.audio-pkg-box .radio-box .ico-dot {
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 10px;
  border: 1px solid #0224d3;
  background: #fff;
  border-radius: 100%;
}
.tvfrmrow .tvchecbox .ico-dot:before,
.audio-pkg-box .radio-box .ico-dot:before {
  position: absolute;
  left: 4px;
  right: 4px;
  top: 4px;
  bottom: 4px;
  content: "";
  border-radius: 100%;
  background: #363636;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.tvfrmrow .tvchecbox input[type="radio"]:checked + .ico-dot::before,
.audio-pkg-box .radio-box input[type="radio"]:checked + .ico-dot:before {
  opacity: 1;
  visibility: visible;
}
.audio-pkg-box .radio-box input[type="radio"] {
  display: none;
}
.audio-pkg-box .list-holder {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  margin: 20px 0 81px;
}
.audio-pkg-box .radio-box label {
  color: #fff;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  margin-bottom: 0;
  vertical-align: middle;
  min-width: 20px;
}
.tvdefrm
  .audio-pkg-box
  .radio-box
  .tvdefrm
  .audio-pkg-box
  .radio-box
  label.longtxt {
  width: 90%;
}
.audio-pkg-box .list-holder li {
  margin: 0 0 15px;
  padding-left: 25px;
  position: relative;
}
.audio-pkg-box .list-holder li:before {
  position: absolute;
  left: 0;
  top: 6px;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background: #fff;
}
.audio-pkg-box .audio-btn-step {
  text-align: center;
  width: 100%;
}
.audio-pkg-box .audio-btn-step .cartprice{color: #fff; font-size: 18px; font-weight: 700; margin-bottom: 10px;}
.audio-pkg-box .audio-btn-step a {
  text-decoration: none;
  display: inline-block;
  background: #fff;
  min-width: 190px;
  border-radius: 35px;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  color: #0022d2;
  padding: 8px 24px;
  transition: all ease 0.5s;
}
.audio-pkg-box .audio-btn-step a.disabled{
  pointer-events: none;
  opacity: 0.7;
}
.audio-pkg-box .audio-btn-step a:hover {
  background: #000;
  color: #fff;
}
.source-product-images .selectCheck{bottom:-15px; right: 6px;}
.selectCheck.audio-pkg-box .radio-box label{color: #000;}
.source-product-images p{max-width: 270px;}
.audio-pkg-wrap .audio-pkg-body .audio-frame-left,
.audio-pkg-wrap .audio-pkg-body .audio-frame-center:before,
.audio-pkg-wrap .audio-pkg-body .audio-frame-right {
  background: #276fe5;
}
.audio-pkg-wrap.audio-tab-1 .audio-pkg-body .audio-frame-left {
  background: #0056e1;
}
.audio-pkg-wrap .audio-pkg-body .audio-frame-center {
  position: relative;
  padding: 20px 20px 70px;
  max-width: 36%;
  flex: 0 0 36%;
  border-bottom: 0;
}
.audio-pkg-wrap .audio-pkg-body .audio-frame-center .availmount .caption p{padding: 0 30px;}
.audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-left {
  max-width: 30%;
  flex: 0 0 30%;
}
.audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-center {
  max-width: 40%;
  flex: 0 0 40%;
  padding: 15px 10px 10px 31px;
}
.audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-right {
  max-width: 30%;
  flex: 0 0 30%;
}
.audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-center,
.audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-center {
  padding: 35px 60px 0;
}
.audio-pkg-wrap.audio-tab-2 .radio-holder,
.audio-pkg-wrap.audio-tab-3 .radio-holder {
  max-width: 50%;
  margin: 0 auto 30px;
}
.audio-pkg-wrap .audio-pkg-body .audio-frame-center:after {
  background: url("https://www.rmsinstalls.com/front/images/tvarrowbt.png")
    no-repeat;
  filter: brightness(0) invert(1);
  left: 100%;
}
.audio-pkg-wrap .audio-pkg-body .audio-frame-left:after {
  position: absolute;
  left: 100%;
  bottom: 20px;
  content: "";
  width: 47px;
  height: 93px;
  z-index: 2;
  background: url("https://www.rmsinstalls.com/front/images/tvarrowbt.png")
    no-repeat;
  filter: brightness(0) saturate(100%) invert(33%) sepia(62%) saturate(2233%)
    hue-rotate(206deg) brightness(93%) contrast(92%);
}
.audio-pkg-wrap.audio-tab-1 .audio-pkg-body .audio-frame-left:after,
.audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-left:after,
.audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-left:after,
.audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-left:after {
  background: url("../images/audio_arrow_blue.png") no-repeat;
  filter: none;
}
.audio-pkg-box .audio-frame-right {
  padding: 20px 30px;
  max-width: 32%;
  flex: 0 0 32%;
  border-radius: 0 0 10px 0;
  margin-bottom: -5px;
  /*justify-content: space-between;
  display: flex;
  flex-wrap: wrap;
  align-items: center; */
}
.audio-pkg-wrap .check-box-holder {
  margin-bottom: 30px;
}
.audio-pkg-wrap.audio-tab-4 .check-box-holder {
  margin-bottom: 50px;
}
.check-box-holder .check-box {
  display: flex;
  text-align: left;
  margin: 0 0 15px;
}
.check-box-holder .check-box span {
  font-size: 13px;
  display: block;
}
.audio-pkg-wrap.audio-tab-2 .check-box-holder .check-box:not(:first-child),
.audio-pkg-wrap.audio-tab-3 .check-box-holder .check-box:not(:first-child) {
  padding-left: 20px;
}
.check-box-holder .check-box .check-box {
  display: none;
}
.check-box-holder .check-box label {
  cursor: pointer;
  color: #fff;
}
.check-box-holder .check-box .check {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border: 1px solid #0122d3;
  background: #fff;
  display: inline-block;
  border-radius: 5px;
  position: relative;
  margin-right: 10px;
}
.check-box-holder .check-box .check:after,
.check-box-holder .check-box .check:before {
  position: absolute;
  right: 6px;
  top: 3px;
  background: #0122d3;
  content: "";
  width: 2px;
  height: 11px;
  transform: rotate(45deg);
  opacity: 0;
  visibility: hidden;
}
.check-box-holder .check-box .check:before {
  right: 11px;
  transform: rotate(-49deg);
  height: 5px;
  top: 9px;
}
.check-box-holder .check-box:checked + .check {
  background: #fff;
}
.audio-pkg-box .radio-box span {
  display: block;
  font-size: 13px;
}
.check-box-holder .check-box:checked + .check:after,
.check-box-holder .check-box:checked + .check:before {
  opacity: 1;
  visibility: visible;
}
.smalltext789{font-size: 13px; color: #fff; line-height: 18px;
  display: block;
  padding-left: 30px;}
.audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-left,
.audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-left,
.audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-left {
  background: #0056e1;
}
.audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-center,
.audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-center,
.audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-center {
  background: #276fe5;
  border: 2px solid #5991eb;
  border-bottom: 0;
}
.audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-right,
.audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-center:before,
.audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-right,
.audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-center:before,
.audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-right,
.audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-center:before {
  background: #474646;
}
.audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-center:after,
.audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-center:after,
.audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-center:after {
  filter: none;
  background: url("../images/audio_arrow_light_blue.png") no-repeat;
}
.audio-pkg-wrap.audio-tab-2 .audio-frame-right,
.audio-pkg-wrap.audio-tab-3 .audio-frame-right,
.audio-pkg-wrap.audio-tab-4 .audio-frame-right {
  padding-top: 50px;
}
.audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-center:before {
  display: none;
}
.audio-pkg-wrap .sub-heading {
  color: #fff;
  font-size: 20px;
  margin-bottom: 20px;
  display: block;
}
.audio-pkg-wrap .audio-frame-center .img img {
  display: block;
  max-width: 100%;
  margin: auto;
}
.audio-pkg-wrap .num-holder .wrap {
  display: flex;
  justify-content: end;
  margin-bottom: 10px;
}
.audio-pkg-wrap .num-holder input[type="number"] {
  width: 50px;
  border: 1px solid #0122d3;
  border-radius: 5px;
  text-align: center;
  color: #0122d3;
}
.audio-pkg-wrap .num-holder input[type="number"]::-webkit-inner-spin-button,
.audio-pkg-wrap .num-holder input[type="number"]::-webkit-outer-spin-button {
  opacity: 1;
}
.audio-pkg-wrap .num-holder label {
  margin-right: 10px;
  margin-bottom: 0;
  color: #fff;
  font-size: 16px;
}
.audio-pkg-wrap .audio-frame-center .ico-overlay {
  position: absolute;
  right: -15px;
  top: 7px;
  background: #464646;
  width: 10px;
  height: 100px;
  border-radius: 10px 0 0 10px;
}
.audio-content-holder .items-area .item:first-child .box {
  border-radius: 0 0 0 10px;
}
.audio-content-holder .items-area .item:last-child .box {
  border-radius: 0 0 10px 0;
}
.audio-pkg-wrap {
  display: none;
}
.tvfrmrow .tvchecbox {
  position: relative;
}
.tvfrmrow .tvchecbox .left {
  display: flex;
  flex-direction: row-reverse;
  justify-content: start;
}
.tvfrmrow .tvchecbox input[type="radio"] {
  display: none;
}
.tab-2 .tvfrmrow .tvchecbox .ico-dot {
  position: absolute;
  left: 0;
  top: 0;
}


.cartprojectxt{display: flex; gap: 15px;}
.rms_radio-wrap ul li {
  padding: 0 5px;
  text-align: center;
  margin-top: 10px;
}
.rms_radio-wrap {
  margin-bottom: 40px;
}
.rms_radio-wrap ul li input[type=radio] {
  display: none;
}
.rms_radio-wrap h3 {
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 0;
}
.rms_radio-wrap ul li input[type=radio]+label {
  display: inline-block;
  width: 128px;
  border: 2px solid #f3f3f3;
  cursor: pointer;
  padding: 18px 6px;
  position: relative;
}
.rms_radio-wrap ul li input[type=radio]:checked~label {
  border-color: #0056e0;
}
.rms_checkbox-wrap ul,
.rms_radio-wrap ul {
  list-style: none;
  padding: 0;
  margin: 0
}


/* Cart style */
.cardatapop{padding: 30px;}
.cartbtnlink{padding: 15px 25px !important; font-size: 18px !important;}
.notfrthcart{text-align: center; margin-top: 30px;}
.notfrthcart a{color: #aaa; font-weight: 700;}
.notfrthcart a:hover{color: #0022d2;}
.cartfield .form-control{border-radius: 0; height: auto; padding: 10px 15px; font-size: 18px;}
.cartfield .btn{border-radius: 0;}
.cart-wrapper {
  position: relative;
  margin-top: 20px;
  border-left: 1px solid #fff;
  padding-left: 15px;
  display: inline-block;
}
.cart-wrapper .cart i{
  width: 100%;
  height: 100%;
  font-size: 24px;
  color: #fff;
}
.cart-wrapper .cart-badge {
  position: absolute;
  top: -10px;
  right: -15px;
  width: 24px;
  height: 24px;
  padding: 5px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  color: #000;
  font-size: 12px;
  font-weight: 700;
  border: 2px solid #0022d2;
}
.audiormpopbtn .radio-box, .audiormpopbtn .radio-holder{margin-left: 0 !important;}
.audiormpopbtn .radio-box label{color: #000;}
.audiormpopbtn h5{font-weight: 700;}
.audiormpopbtn a{display: inline-block; padding: 10px 15px; font-size: 16px; font-weight: 700; color: #fff; background:#0022d2; margin: 0 5px; border-radius: 5px;}
.audiormpopbtn a.nodone{background: #ccc;}
.audiormpopbtn a:hover{text-decoration: none; background: #333;}
.cart-message {
  position: fixed;
  top: 100px;
  right: 50px;
  transform: translateX(-50%);
  background-color: #fff;
  color: #000;
  padding: 20px;
  border-radius: 5px;
  animation: slideIn 1s ease-in-out;
  z-index: 1100;
}
.cart-message p{color: #000; margin: 0;}
.cart-message i{font-size: 36px; color: #aaa; margin-bottom: 10px; text-align: center; display: block;}
.cart-message.project-remove-message{background: #e11717; color: #fff;}
.cart-message.project-remove-message p, .cart-message.project-remove-message i{color: #fff;}
@keyframes slideIn {
  0% {
    transform: translateX(-50%) translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
  }
}
.page-title-inner {
  min-height: 60px;
  padding-top: 20px;
  position: relative;
}
.rmfield .form-control{height: auto; background: #276fe5; border: none; border-radius: 0; color: #fff; padding: 10px; font-size: 18px;}
.rmfield .form-control::placeholder {color:rgba(255,255,255,0.5); opacity: 1;}
.rmfield .form-control::-ms-input-placeholder{color:rgba(255,255,255,0.5);}
.cartpagewrap{padding: 50px 0;}
.cartitemslist{margin-top: 40px;}
.breadcrumbs a {
  color: hsla(0,0%,40%,.7);
  font-weight: 400;
}
.breadcrumbs a.current, .breadcrumbs a:hover {
  color: #111;
  text-decoration: none;
}
.checkout-breadcrumbs a {
  align-items: center;
  color: #ccc;
  display: inline-flex;
}
.checkout-breadcrumbs .divider {
  font-weight: 300;
  margin: 0 0.5em;
  top: 2px;
  opacity: .35;
  position: relative;
}
.checkout-breadcrumbs a {
  align-items: center;
  color: #ccc;
  display: inline-flex;
}
.breadcrumb-step {
  background-color: #ccc;
  border-radius: 99px;
  color: #fff;
  display: inline-block;
  font-size: .7em;
  font-weight: bolder;
  height: 1.5em;
  line-height: 1.5em;
  margin: 0 0.5em;
  position: relative;
  text-align: center;
  width: 1.5em;
}
.current .breadcrumb-step {
  background-color: #0022d2;
}
.checkout-breadcrumbs{text-align: center;}
.removecart{color: #e11717; font-size: 14px; margin-left: 10px;}
.removecart:hover{color: #d91313;}
.editcart{color: #0022d2; font-size: 14px;}
.rmscart_table thead th{background: #f4f4f4;}
.cartitemslist h3{font-size: 24px; font-weight:700;}
.cartitemslist td{font-size: 16px;}
.cartitemslist td p{margin-bottom: 0;}
.cartitemslist td h6{font-weight: 700; font-size: 16px;}
.cartitemslist td i.fa-exclamation-triangle{color: #ffb300;}
.cartdetail{font-size: 14px; display: inline-block; color: #0022d2;}
.cartdetail:hover{color: #000;}
.cart-collaterals {
  padding: 30px;
  border-radius: 0;
  background: #efefef;
  color:#000;
  margin-top: 40px;
}
.cart_totals .table td, .cart_totals .table th{padding:.75rem 0;}
.cart_totals  h2{    padding: 0;
  margin: 0 0 20px;
  position: relative;
  font-size: 1.2em;
  line-height: inherit;
  letter-spacing: inherit;
  text-transform: uppercase;}
  .proceed-to-checkout a{display: block; background:#0022d2; color: #fff; padding: 10px 15px; text-align: center; font-size: 18px; font-weight: 700;}
  .proceed-to-checkout a:hover{background: #333; text-decoration: none;}
  .rescheduleModal .close{position: absolute; right: 15px; top: 10px; z-index: 10;}
.reschbox{padding: 30px; text-align: center;}
.reschbox .modal-title{font-size: 30px;}
.reschbox .modal-title i{color:#ffb300;}
.reschbox p{font-size: 20px; line-height: 28px;}
.reschbox .btn-primary{background: #0022d2; padding:10px 20px; border-radius: 38px; box-shadow: 1px 8px 20px rgb(0 0 0 / 32%);}
.reschbox .btn-primary i{margin-left: 10px;}
.resced a{font-size: 14px;}
.projectdetailmodal .table td{border-top: none; white-space: initial;}
.technicianwrap{border-top: 1px solid #eee; padding-top: 20px;}
.usertechbox{background: #eee; padding: 15px; margin-bottom: 30px; display: flex; gap: 15px; border-radius: 5px; align-items: center;}
.usertechbox h6{margin-top: 10px; font-weight: 700; font-size: 18px; margin-bottom: 0;}
.usertechbox p{margin-bottom: 0; font-size: 14px;}
.usertechbox .imgtech{width: 25%;}
.technicianwrap h4{font-weight: 700; font-size: 20px;}
.technicianwrap .alert{opacity: 1;}
  .main-container {
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
    padding: 50px 0;
}
.success-message__title {
  color: #000;
  transform: translateY(25px);
  font-weight: 700;
  transition: all 200ms ease;
  font-size: 30px;
}
.success-message__content {
  color: #777;
  transform: translateY(25px);
  font-weight: 700;
  transition: all 200ms ease;
  transition-delay: 50ms;
  font-size: 18px;
}
  .check-container {
    width: 6.25rem;
    height: 7.5rem;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
  }
  .check-container .check-background {
    width: 100%;
    height: calc(100% - 1.25rem);
    background: linear-gradient(to bottom right, #5de593, #41d67c);
    box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    transform: scale(0.84);
    border-radius: 50%;
    animation: animateContainer 0.75s ease-out forwards 0.75s;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
  }
  .check-container .check-background svg {
    width: 65%;
    transform: translateY(0.25rem);
    stroke-dasharray: 80;
    stroke-dashoffset: 80;
    animation: animateCheck 0.35s forwards 1.25s ease-out;
  }
  .check-container .check-shadow {
    bottom: calc(-15% - 5px);
    left: 0;
    border-radius: 50%;
    background: radial-gradient(closest-side, #49da83, transparent);
    animation: animateShadow 0.75s ease-out forwards 0.75s;
  }
  @keyframes animateContainer {
    0% {
      opacity: 0;
      transform: scale(0);
      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    }
    25% {
      opacity: 1;
      transform: scale(0.9);
      box-shadow: 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    }
    43.75% {
      transform: scale(1.15);
      box-shadow: 0px 0px 0px 43.334px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 65px rgba(255, 255, 255, 0.25) inset;
    }
    62.5% {
      transform: scale(1);
      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 21.667px rgba(255, 255, 255, 0.25) inset;
    }
    81.25% {
      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
    }
    100% {
      opacity: 1;
      box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset, 0px 0px 0px 0px rgba(255, 255, 255, 0.25) inset;
    }
  }
  @keyframes animateCheck {
    from {
      stroke-dashoffset: 80;
    }
    to {
      stroke-dashoffset: 0;
    }
  }
  @keyframes animateShadow {
    0% {
      opacity: 0;
      width: 100%;
      height: 15%;
    }
    25% {
      opacity: 0.25;
    }
    43.75% {
      width: 40%;
      height: 7%;
      opacity: 0.35;
    }
    100% {
      width: 85%;
      height: 15%;
      opacity: 0.25;
    }
  }
@media only screen and (max-width: 1199px) {
  .audio-pkg-box .radio-box {
    display: block;
  }
  .audio-pkg-box .radio-box label {
    max-width: 80%;
  }
  .audio-pkg-wrap .audio-pkg-head-b .main-title {
    font-size: 52px;
  }
  .audio-pkg-wrap .audio-frame-center {
    text-align: left;
  }
  .audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-center,
  .audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-center {
    padding: 35px 35px 0 60px;
  }
  .audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-center {
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 991px) {
  .audio-content-holder .items-area .main-title {
    font-size: 50px;
  }
  .audio-pkg-wrap .audio-pkg-head-b .main-title {
    font-size: 36px;
  }
  .audio-pkg-box .radio-box label {
    max-width: 88%;
    font-size: 14px;
  }
  .audio-pkg-wrap.audio-tab-2 .audio-frame-right,
  .audio-pkg-wrap.audio-tab-3 .audio-frame-right,
  .audio-pkg-wrap.audio-tab-4 .audio-frame-right {
    padding-bottom: 100px;
  }
  .audio-pkg-wrap.audio-tab-2 .audio-frame-right,
  .audio-pkg-wrap.audio-tab-3 .audio-frame-right,
  .audio-pkg-wrap.audio-tab-4 .audio-frame-right {
    padding-top: 25px;
    padding-bottom: 55px;
  }
  .audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-center,
  .audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-center {
    padding: 25px 20px 55px;
  }
  .audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-center {
    padding-bottom: 55px;
  }
  .audio-pkg-wrap.audio-tab-3 .audio-frame-right {
    padding: 20px;
  }
  .audio-pkg-wrap.audio-tab-2 .radio-holder,
  .audio-pkg-wrap.audio-tab-3 .radio-holder {
    max-width: 100%;
    margin: auto;
  }
  .audio-pkg-box .radio-box,
  .check-box-holder .check-box {
    margin: 0 0 10px;
  }
  .check-box-holder .check-box label {
    font-size: 15px;
  }
  .audio-pkg-wrap .audio-pkg-body .audio-frame-left {
    padding: 30px 20px;
  }
  .audio-pkg-wrap .sub-heading {
    font-size: 18px;
    margin-bottom: 10px;
  }
  /* .audio-pkg-wrap .num-holder .wrap {
    text-align: right;
  } */
  .audio-pkg-wrap.audio-tab-4 .audio-frame-right {
    padding-left: 20px;
    padding-right: 20px;
  }
  .audio-content-holder .items-area .item{flex: 0 0 20%;}
  .audio-content-holder .items-area .item:last-child{flex: 0 0 40%;}
  .audio-content-holder .items-area .item:last-child .img{max-width: 85%;}
  .audio-pkg-wrap.audio-tab-1 .audio-pkg-head .audio-pkg-title,
  .audio-pkg-wrap.audio-tab-2 .audio-pkg-head .audio-pkg-title,
  .audio-pkg-wrap.audio-tab-3 .audio-pkg-head .audio-pkg-title,
  .audio-pkg-wrap.audio-tab-4 .audio-pkg-head .audio-pkg-title{padding-left: 70px;}
  .audio-pkg-wrap .audio-pkg-body .audio-frame-center{padding-bottom: 0;}
  .audio-pkg-box .audio-frame-right{padding: 20px;}
  .audio-pkg-wrap .audio-frame-center .txt-wrap{padding-top: 0;}
  .audio-pkg-box .audio-btn-step a{padding: 8px 18px; min-width: none;}
  .audio-content-holder .items-area .item .box{min-height: 200px;}
  .tvimgs{padding-top: 110px;}
  .smalltext789{padding-left: 35px;}
  .cart-wrapper{border-left: none; padding-left: 0;}
}
@media only screen and (max-width: 767px) {
  /* .audio-content-holder .items-holder .items-area, */
  .audio-pkg-wrap .audio-pkg-body,
  .audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-center {
    display: block;
  }
  .audio-content-holder .items-area .main-title {
    font-size: 24px;
  }
  .audio-pkg-wrap .audio-pkg-head-b .main-title {
    font-size: 16px;
  }
  .audio-pkg-wrap .audio-pkg-head .audio-pkg-title,
  .audio-content-holder .items-holder .audio-pkg-title {
    font-size: 19px;
  }
  .audio-pkg-wrap .audio-pkg-body .audio-frame-left,
  .audio-pkg-wrap .audio-pkg-body .audio-frame-center,
  .audio-pkg-wrap .audio-pkg-body .audio-frame-right,
  .audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-left,
  .audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-center,
  .audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-right {
    max-width: 100%;
  }
  .audio-content-holder .items-area .item .box {
    min-height: 100px;
    /* box-shadow:0px -14px 18px -10px rgb(0 0 0 / 25%) inset;
    -webkit-box-shadow:0px -14px 18px -10px rgb(0 0 0 / 25%) inset; */
  }
  .audio-content-holder .items-area .item:first-child .box,
  .audio-content-holder .items-area .item:last-child .box {
    border-radius: 0;
  }
  .audio-pkg-wrap .audio-pkg-body .audio-frame-left,
  .audio-pkg-wrap .audio-pkg-body .audio-frame-right {
    background: none;
  }
  /* .audio-pkg-wrap .audio-frame-center:before,
  .audio-pkg-wrap .audio-frame-center:after,
  .audio-pkg-wrap .audio-pkg-body .audio-frame-left:after,
  .audio-pkg-wrap .audio-frame-center .ico-overlay,
  .audio-pkg-wrap .audio-frame-left .drop-shadow,
  .audio-pkg-wrap .audio-frame-center .drop-shadow {
    display: none;
  } */
  .audio-pkg-wrap .audio-frame-center,
  .audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-center,
  .audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-center,
  .audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-center {
    border: 2px solid #276fe5;
  }
   .audio-pkg-box .audio-frame-right {
    box-shadow: none;
    padding: 20px 15px;
  }
  .audio-pkg-wrap .audio-frame-center .txt-wrap {
    padding: 0;
  }
  .audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-right,
  .audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-right,
  .audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-right {
    box-shadow: none;
  }
  .audio-pkg-wrap.audio-tab-2 .audio-frame-right,
  .audio-pkg-wrap.audio-tab-3 .audio-frame-right,
  .audio-pkg-wrap.audio-tab-4 .audio-frame-right {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .audio-pkg-wrap .audio-pkg-head-b .main-title.big {
    padding: 15px 15px 0;
    font-size: 40px;
    line-height: 1;
  }
  .audio-pkg-wrap .audio-pkg-body .audio-frame-left {
    padding: 20px 15px;
  }
  .audio-pkg-wrap .sub-heading {
    font-size: 18px;
  }
  .audio-pkg-box .radio-box label {
    max-width: inherit;
  }
  .audio-pkg-wrap .num-holder .wrap {
    justify-content: space-between;
  }
  .audio-content-holder .items-area .item.inactive {
    display: none;
  }
  .audio-pkg-wrap.audio-tab-2 .check-box-holder .check-box:not(:first-child),
  .audio-pkg-wrap.audio-tab-3 .check-box-holder .check-box:not(:first-child) {
    padding-left: 0;
  }
  .audio-pkg-wrap.audio-tab-2 .audio-pkg-body .audio-frame-center,
  .audio-pkg-wrap.audio-tab-3 .audio-pkg-body .audio-frame-center,
  .audio-pkg-wrap.audio-tab-4 .audio-pkg-body .audio-frame-center {
    padding:45px 15px 30px 15px;
  }
  .audio-pkg-wrap .check-box-holder,
  .audio-pkg-box .radio-box .input-box:not(:first-child),
  .audio-pkg-wrap.audio-tab-4 .check-box-holder {
    margin: 0;
  }
  .audio-pkg-box .list-holder {
    margin: 0 0 10px;
  }
  .audio-pkg-wrap .audio-pkg-body .audio-frame-center:before{left: 40px;
    right: auto;
    bottom: -35px;
    top: auto;
    rotate: 90deg;
    background: #0056e1;
  }
  .audio-pkg-wrap .audio-pkg-body .audio-frame-center:after{left: auto;    rotate: 90deg; 
    right: 32px;
    bottom: -65px;}
    .audio-pkg-wrap .audio-pkg-body .audio-frame-left:after{left: 40px; bottom: -65px; rotate: 90deg;}
    .audio-pkg-wrap .audio-pkg-body .audio-frame-center{padding-top:50px; padding-bottom: 40px;}
    .tvimgs{padding-top: 20px;}
    .checkout-breadcrumbs a{display: block; text-align: left;}
    .checkout-breadcrumbs .divider i{rotate: 90deg;}
    .checkout-breadcrumbs{text-align: left;}

    .cartprojectxt{display: block;}

}
.tvpackageswrap .tvpackagebox .text{
  display: inline-block;
  padding: 10px 45px;
  font-size: 20px;
  line-height: 20px;
  background: #fff;
  color: #0022d2;
  border-radius: 35px;
  font-weight: bold;
}
.audio-pkg-wrap .num-holder.add .wrap{
  flex-direction: column; 
  margin: 0;
}
.audio-pkg-wrap .num-holder .wrap .label-txt{
  margin: 0 0 10px;
}


/** Latest CSS **/
.instschedbox .calenbox .calbxint .daytime input[type=checkbox] + label {
  font-size: 14px;
  line-height: 1.2;
}
.instschedbox .calenbox .calbxint .daytime .estimated_time{
	  font-size: 12px;
    font-weight: normal;
    padding-top: 10px;
    display: block;
}
.instschedbox .calenbox .calbxint .daytime .estimated_time .fa-calendar-alt{
	  font-size: 13px !important;
    display: inline-block !important;
    margin: 0 3px !important;
}
#schedule_handle_form .calendarschedule .daytime i,
#schedule_handle_form .calendarschedule .notavail i {
  margin-bottom: 3px;
  font-size: 27px;
}