html, body{ height: 100%; font-family: 'Montserrat', sans-serif;}
body{margin:0px; padding-right:0!important; font-family: 'Montserrat', sans-serif; font-size: 15px;} 
*{margin:0px; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
ul{list-style-type:none; margin:0; padding:0;}
a{text-decoration:none; outline:none; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; color: #0980d4}
a:hover{text-decoration:none; outline:none;}
a:focus{text-decoration:none; outline:none;}
img{border:0;}
.btn-primary.focus, .btn-primary:focus{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.img-thumbnail{background:none; border:none; padding:0; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.thumbnail img{margin:auto; display:block; padding:0; border:none; max-width:100%;}
textarea.form-control{resize: vertical;}
p{ font-size: 20px; color: #000; margin-bottom: 20px; font-family: 'Montserrat', sans-serif; font-weight:400;}
p strong{ font-weight: 800}
.clear {clear:both;}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif; font-weight:600;} 
h2 {font-size:30px; color:#094a9c;}

.fade:not(.show) {opacity:1;}

.mt100 {margin-top:140px;}

/*
 * Base structure
 */

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}


.container {
  width:100%; max-width:1110px;
}


/*
 * Header
 */
.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
}

.nav-masthead .nav-link {
  padding:10px 15px; font-size:15px; color:#FFF;
  font-size:15px; text-transform:uppercase; font-weight:400;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: #fff;
  background:#ee1c25; border:#FFF solid 2px; border-radius:30px; 
}



.banner-top {background:url(../images/top-banner.jpg) top center no-repeat; width:100%; margin:0 auto; min-height:700px;}
.banner-top h1 {font-size:60px; color:#FFF; margin:100px 0 0 0; font-weight:600;}


.main-sec-one {background:url(../images/circle-bg.jpg) top left no-repeat; width:100%;}
.main-sec-one .white-bg {background:#FFF; border-bottom:10px solid #F00; padding-top:30px; margin-top:-70px; border-radius:10px; -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);}
.main-sec-one h2 {font-size:30px; color:#094a9c; padding:0px 0px 0px 30px;}
.main-sec-one p {color:#777777; font-size:17px; padding:0 30px 30px 30px; text-align:left;}
.main-sec-one .white-bg hr {background:#ee1c25; width:184px; height:7px;}
.main-sec-one .white-bg .mt10 {margin-top:0px;}
.main-sec-one .mt12 {margin-top:120px;}
.main-sec-one .pl-4 {padding-left:40px!important;}
.main-sec-one img {width: 100%;}


.sec-two {background:url(../images/pattern-9.png) center top no-repeat; background-size:cover; padding: 80px 0;}
.sec-two h2 {margin-bottom: 20px; text-align: center;}
.sec-two p {margin-bottom: 20px; text-align: center;}
.sec-two img {width: 100%;}

.the-workstations {margin-top: 50px;}
.the-workstations img {width: 100%;}

.i2i-cam-sec {background: url(../images/i2i-cam.jpg) center top no-repeat; margin-top: 80px; padding-top: 250px;}
.i2i-cam-sec h2 {margin-bottom: 20px;}
.i2i-cam-sec img {border:none; cursor:pointer; text-align:center;}
.i2i-cam-sec iframe {border:none; width:100%;}



.grey-sec-one {background-color: #e5e5e5; padding: 80px 0px; text-align: center; margin-top: 80px;}
.grey-sec-one h2 {margin-bottom: 20px;}
.grey-sec-one p {margin-bottom: 40px;}
.grey-sec-one h3 {font-size: 30px; color: #094a9c; text-transform: uppercase; margin-top: 20px;}
.grey-sec-one .white-sec {background-color: #FFF; border-radius: 5px; -moz-border-radius:5px; min-height: 490px; -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2); -webkit-border-radius:5px; text-align: center; padding: 20px;}
  .grey-sec-one h4 {font-size: 28px; color: #094a9c; text-align: center; font-weight: normal; margin-top: 60px; margin-bottom: 30px;}
  .grey-sec-one a {padding: 15px 20px; text-align: center; display: inline-block; font-weight: normal; color: #FFF; font-size: 22px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}  
.grey-sec-one .orange-btn {background-color: #ff840a; }
.grey-sec-one .green-btn {background-color: #55b050; margin: 0 15px; }
.grey-sec-one .blue-btn {background-color: #094a9c; }
/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #bb4500; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #15830f; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #002b61; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}


.camera-bootom {background: url(../images/cam-bottom.png) left top no-repeat; padding: 60px 0;}
.camera-bootom p {padding-left: 30px; font-size: 20px; line-height: 32px; font-weight: normal;}


.blue-outer {margin: 80px 0; text-align: center;}
.blue-outer h4 {font-size: 44px; text-align: center; color: #1b3582;}
.blue-outer .blue-bg {background:#1b3582; color: #FFF; font-size: 22px; padding:50px 40px; margin-top:50px; margin-bottom:60px; border-radius:15px; -webkit-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.15);
box-shadow: 0px 0px 20px 10px rgba(0,0,0,0.15);}


.camera-con {background: url(../images/camera-bg.png) right top no-repeat; background-size: contain; min-height: 400px; }
.camera-con h2 {margin-top: 100px;}


.content-sharing-con {background: url(../images/content-sharing.jpg) left bottom no-repeat; min-height: 686px; margin-top: 60px;}
.content-sharing-con h2 {margin-top: 200px;}


.comfortable {background: url(../images/comfortable-use.jpg) left top no-repeat; background-size: cover; padding: 106px 0; }
.comfortable p {font-size: 22px;}


.suitable-box {background: url(../images/pattern-5.png) bottom no-repeat; padding-top: 80px;}
.suitable-box .white-bg-con {background-color: #FFF; border-radius:10px; -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
  box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);}
.suitable-box .white-bg-con h3 {font-size: 32px; color: #1b3582; padding: 100px 80px;}
.suitable-box .white-bg-con .top img {border-radius: 10px 0 0 0; width: 100%;}
.suitable-box .white-bg-con .bottom {background-color: #f0f0f0; border-radius: 0px 0 10px 0; margin-left: -15px; margin-top: -10px;}
.suitable-box .white-bg-con .bottom img {text-align: center; margin-top: -70px;}


.kiosk-visitor {margin: 80px 0px;}
.kiosk-visitor h4 {font-size: 30px; color: #000; margin-top: 120px;}
.kiosk-visitor img {width: 100%;}


.the-teleporter-sec {background: url(../images/the-teleportel-bg.jpg) center top no-repeat; padding-top: 270px;}
.the-teleporter-sec p {font-size: 18px;}
.the-teleporter-sec .t-center {text-align: center; width: 100%; margin: 0 auto;}
.the-teleporter-sec .t-center img {width: 100%;}


.teleportel-24 {background: url(../images/teleportel-24.jpg) left no-repeat; background-size: cover; padding: 150px 0; margin-top: 80px;}

.contact-bg {background: url(../images/contact-me-bg.jpg) center no-repeat; background-size: cover; text-align: center; padding: 100px 0px;}
.contact-bg h2 {color: #FFF; padding: 0 100px; margin-bottom: 40px;}
.contact-bg a {padding: 10px 20px; text-align: center; display: inline-block; font-weight: normal; color: #FFF; font-size: 22px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}  
.contact-bg .orange-btn {background-color: #ff840a; margin-right: 20px; }
.contact-bg .white-btn {background-color: #ffffff; color: black;}

.agent-audio {margin: 80px 0px;}
.agent-audio h2 {margin-bottom: 20px;}
.agent-audio a {background-color: rgb(255, 255, 255); text-align: center; color: #000; padding: 10px 30px; display: inline-block; font-weight: normal; border: #1b3582 solid 3px; font-size: 22px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}
.agent-audio a:hover {background: #1b3582; color: #fff;}


.bottom-bg {background: url(../images/bottom-bg.jpg) center no-repeat; background-size: cover; padding: 80px 0px; text-align: center;}
.bottom-bg a {background: #ff840a; padding: 10px 20px; text-align: center; display: inline-block; font-weight: normal; color: #FFF; font-size: 22px; border-radius: 50px; -moz-border-radius: 50px; -webkit-border-radius: 50px;}



.disclaimer {font-size:15px; color:#555; text-align:center; font-style:italic; padding:50px 300px; width:100%;}

/* Live video POPUP */
.live_popup { position: absolute; top: 0; left: 0; width: 100%; height: 500px; background-color: #ffffff; }
.live_close { font-size: 30px; font-weight: bold; color: #ff0000; float: right; cursor: pointer; margin-right: 30px; }

/* Request demo POPUP */
.req_demo_popup { position:fixed; left:0; top:0; display:none; z-index:99999; padding:15px 20px; background-color:#0b4e9a; border:7px solid #e1e1e1; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; khtml-border-radius:15px; width: 450px; height: auto;}

.req_demo_popup .req_demo_close { font-size: 20px; font-weight: bold; color: #ff0000; float: right; cursor: pointer; margin: 0; }
.req_demo_popup .req_demo_content { padding: 10px; color:#FFFFFF;}
.req_demo_popup .req_demo_content input { margin-bottom: 10px; width: 100%; height: 40px; border:none; padding: 3px;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.req_demo_popup .req_demo_content .button {font-size:20px!important; width:100%; display:block; padding: 10px 20px; text-align: center; margin: 12px 5px 0 0; color: #ffffff; background: #ed7d31; cursor: pointer; font-size: 12px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}



.modal-dialog {max-width:700px!important;}
.close {font-size:30px!important;}
.btn {font-size:20px!important; background:#06C; padding:5px 10px; color:#FFF;}
.modal-body iframe {width:100%;}
.fade {
    opacity: 1;}
	
	
/* NEW BANNER START OCT 2023 START */

.back-title {font-size:120px; color:#FFF;  -webkit-text-stroke: 1px #aeaeae;}
.new-section-bg {background:#e4e4e4 url(../images/new-section-bg.jpg) left top no-repeat; padding:80px 0px;}
.display-none {display:none;}

/* NEW BANNER START OCT 2023 END */

.footer-grey-bg{background:#eaeaea; padding:25px 15px;}
.footer-grey-bg .bottom-top-arrow{margin:-60px 0 0 0; }
.footer-grey-bg .bottom-top-arrow a{margin:0; display:inline-block;}
.footer-grey-bg span{font-size:15px; font-weight:600; color:#094a9c; line-height:24px; max-width:600px;}
.footer-grey-bg .icon-back a{margin:0 0 0 14px;}

.footer-white-bg{background:#FFF; padding:15px;}

.footer-white-bg p{margin:0; padding:0; font-size:13px; color:#666;}
.footer-white-bg .bottom-nav ul li{float:left; margin:0 15px 0 0;}
.footer-white-bg .bottom-nav ul li a{font-size:14px; color:#094a9c;}
.footer-white-bg .bottom-nav ul li a:hover{text-decoration:underline;}

@media (min-width: 48em) {
  .masthead-brand {
    float: left;
  }
  .nav-masthead {
    float: right;
  }
}


/*
 * Cover
 */
.cover {
  padding: 0 1.5rem;
}
.cover .btn-lg {
  padding: .75rem 1.25rem;
  font-weight: 700;
}


/*
 * Footer
 */
.mastfoot {
  color: rgba(255, 255, 255, .5);
}