html, body{ height: 100%; font-family: 'Roboto', sans-serif;}
body{margin:0px; padding-right:0!important; font-family: 'Roboto', sans-serif; min-height: 100%;} 
*{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: 16px; color: #000; margin-bottom: 24px; font-weight: 600}
p strong{ font-weight: 800}
.clear {clear:both;}
.container{width:100%; max-width:1170px; padding:0;}


body{margin:0px; font-family: 'Roboto', sans-serif;} 
*{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;}
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;}
.thumbnail img{margin:auto; display:block; padding:0; border:none;}
textarea.form-control{resize: vertical;}


.container{width:100%; max-width:1170px; padding:0;}
header .bg-faded{ background:#FFF; padding:0; width:100%;}
header a.navbar-brand span{font-size:14px; font-weight:400; font-style:italic; color:#777; margin: 0 0 0 -70px; display: inline-block; top: 15px; position: relative;}
header nav ul.navbar-nav li{margin:0 10px;}
header nav ul.navbar-nav li a.nav-link{font-size:16px; font-weight:500; color:#000; padding:11px 16px!important; border-bottom:2px solid #FFF;}
/*header nav ul.navbar-nav li a.nav-link:hover{ border-bottom:2px solid #094a9c;}*/
header .navbar-light .navbar-nav .nav-link{color:#000;}
header nav li a.nav-link.btn-primary.btn{color:#FFF; text-transform:uppercase; background:#094a9c; border:none;}
header nav li a.nav-link.btn-primary.btn:hover{color:#FFF;}


/****************************** visitor-management page  *****************/



/* Font Face *****/

@font-face {
   font-family: 'Geogrotesque-Regular';
  src: url('../fonts/Geogrotesque-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Geogrotesque-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Geogrotesque-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Geogrotesque-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Geogrotesque-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Geogrotesque-Regular.svg#Geogrotesque-Regular') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Square721BT-Roman';
  src: url('../fonts/Square721BT-Roman.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Square721BT-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Square721BT-Roman.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Square721BT-Roman.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Square721BT-Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Square721BT-Roman.svg#Square721BT-Roman') format('svg'); /* Legacy iOS */
}


.banner-arrow:before, .banner-arrow:after {content:''; position: absolute; bottom:-115px; width:100%; background-color: inherit; padding-bottom:3%; background:#f2f3f8}
.banner-arrow:before {right:50%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; -ms-transform: skewX(55deg); -webkit-transform: skewX(55deg); transform: skewX(55deg);}
.banner-arrow:after {left: 50%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: skewX(-55deg); -webkit-transform: skewX(-55deg); transform: skewX(-55deg);}


.visitor-management-banner-bg {background-color:#140f4e;background-image: linear-gradient(#140f4e, #2f2c63); padding:80px 0 115px 0px; position:relative; overflow:hidden;}
.visitor-management-banner-bg h1, .visitor-management-banner-bg  h2{font-family: 'Geogrotesque-Regular';}
.visitor-management-banner-bg p, .visitor-management-banner-bg a{font-family: 'Square721BT-Roman'; font-weight: normal;}

.visitor-management-banner-bg h1{font-size:75px;  color:#FFF; padding:0; margin:0; line-height:80px; }
.visitor-management-banner-bg h1 span{color:#fffc00}
.visitor-management-banner-bg .card-box{ float: left; width: 100%;}
.visitor-management-banner-bg .card-box .card-text{ float: left; }
.visitor-management-banner-bg .card-box .card-text h2{font-size: 120px; color: #fff; margin: -15px 10px 0 0;  padding: 0;}
.visitor-management-banner-bg .card-box .card-text p{ font-size: 22px; color: #fff; margin-bottom: 10px; line-height: 29px;}
.visitor-management-banner-bg .card-box .card-text a{ color:#fffc00; font-size: 20px;}

.visitor-management-banner-bg .card-icon .skew-backward-box{ background: #32beff; padding: 0px 0px; -webkit-transform: skew(14deg); transform: skew(14deg);text-align: center; max-width: 229px;line-height: 160px; margin: 0;}
.visitor-management-banner-bg .card-icon .skew-backward-box img{ -webkit-transform: skew(-14deg); transform: skew(-14deg);    width: auto;}
.visitor-management-banner-bg .card-icon .skew-forward-box{ background: #32beff; padding: 0px 0px; -webkit-transform: skew(-14deg); transform: skew(-14deg);text-align: center; max-width: 229px;line-height: 160px; margin: 0;}

.visitor-management-banner-bg .card-icon .skew-forward-box img{ -webkit-transform: skew(14deg); transform: skew(14deg);    width: auto;}

@media screen and (max-width: 991px){
    .visitor-management-banner-bg .card-icon .skew-backward-box,  .visitor-management-banner-bg .card-icon .skew-forward-box{ width: 100%; float: right;}
    
}
    
    
@media screen and (max-width: 767px) and (min-width:576px) {
.visitor-management-banner-bg h1 {font-size: 75px; margin: 0 0 60px; line-height: 85px; }
    .visitor-management-banner-bg .card-box .card-text h2 {font-size: 100px;}
    .visitor-management-banner-bg .card-box .card-text p {font-size: 20px; margin-bottom: 5px;line-height: 27px;}
    .visitor-management-banner-bg .card-box .card-text a{ font-size: 18px;}
}

@media screen and (max-width: 575px) and (min-width:200px) {
.visitor-management-banner-bg h1 {font-size: 55px; margin: 0 0 60px; line-height: 65px; }
    .visitor-management-banner-bg .card-box .card-text h2 {font-size: 70px;}
    .visitor-management-banner-bg .card-box .card-text p {font-size: 16px; margin-bottom: 5px;line-height: 22px;}
    .visitor-management-banner-bg .card-box .card-text a{ font-size: 14px;}
}



.visitor-mid-sec {background:#f2f3f8; padding:80px 0; font-family: 'Geogrotesque-Regular';}
.visitor-mid-sec h2 {font-size:40px; font-weight:600; text-align:center;}
.visitor-mid-sec h3 {font-size:32px; font-weight:600; text-align:center;}
.visitor-mid-sec h4 {font-size:24px; font-weight:600; text-align:center; margin:25px 0 0 0;}
.visitor-mid-sec span {font-size:20px; text-align:center; display:block; margin:0 auto; width:80%; margin-bottom:50px;}

.card {position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column;  background-color: #f2f3f8; border: 0px solid rgba(0,0,0,.125); margin:0 0 0 0;}
	
.btn-link {font-family: 'Geogrotesque-Regular'; font-weight: 800; color: #000; font-size:22px; border-radius: 0;}
.card-body {font-size:18px; margin:15px 0;}
.contactme {background:#FFFFFF; font-family: 'Geogrotesque-Regular'; padding:50px 0;}
.contactme h2 {font-size:44px; color:#FF6600; font-family: 'Geogrotesque-Regular'; font-weight:800; line-height:120px;}
.contactme a.con-btn {font-size: 24px; text-transform:uppercase; font-weight: 700; color: #FFF; background: #ed7d31; padding: 14px 40px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top: 30px; display: inline-block;}


.call2action-btn2 {position:fixed; bottom:10px; left:10px; z-index:11; font-size:14px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; background:#ff8400; border:solid 1px #e37500; text-transform:uppercase; font-weight:500;}
.call2action-btn2:hover {background:#e37500; border:#ff8400 solid 1px;}





/****************************** End visitor-management page  *****************/




/****************************** Free Webinar page V2  *****************/

/********** Font Face *****/

@font-face {
   font-family: 'Geogrotesque-Regular';
  src: url('../fonts/Geogrotesque-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Geogrotesque-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Geogrotesque-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Geogrotesque-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Geogrotesque-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Geogrotesque-Regular.svg#Geogrotesque-Regular') format('svg'); /* Legacy iOS */
}
@font-face {
   font-family: 'Geogrotesque-Medium';
  src: url('../fonts/Geogrotesque-Medium.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Geogrotesque-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Geogrotesque-Medium.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Geogrotesque-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Geogrotesque-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Geogrotesque-Medium.svg#Geogrotesque-Medium') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Square721BT-Roman';
  src: url('../fonts/Square721BT-Roman.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Square721BT-Roman.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Square721BT-Roman.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Square721BT-Roman.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Square721BT-Roman.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Square721BT-Roman.svg#Square721BT-Roman') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'D-DIN';
  src: url('../fonts/D-DIN.eot'); /* IE9 Compat Modes */
  src: url('../fonts/D-DIN.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/D-DIN.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/D-DIN.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/D-DIN.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/D-DIN.svg#D-DIN') format('svg'); /* Legacy iOS */
}


.webinar-page-v2{}
.webinar-page-v2 p{   font-family: 'D-DIN'; font-size: 19px; font-weight: normal; color: #333; line-height: 28px; margin-bottom: 20px;}
.webinar-page-v2 .webinar-page-v2-banner{ background: url(../images/webinar-banner-bg.jpg) no-repeat; background-size:100%; padding:135px 0 0 0; }
.webinar-page-v2 .webinar-page-v2-banner .btn{ background: #e1b43a; border: 0px; border-radius: 0px; font-size:40px; list-style-type: decimal; color: #fff;  font-family: 'Geogrotesque-Medium'; text-shadow: 0px 2px 4px #777}
.webinar-page-v2 .webinar-page-v2-banner .btn span.dot{width: 8px;height: 8px; border-radius: 100%;background: #fff; float: left;margin: 22px 10px 0 0;}
.webinar-page-v2 .webinar-page-v2-banner h2{ font-size: 65px; color: #fff; line-height: 63px; text-transform: uppercase; margin: 25px 0; padding: 0; font-family: 'Geogrotesque-Regular';}
.webinar-page-v2 .webinar-page-v2-banner .green-box{ background: #98aa6f; padding: 15px 20px; box-shadow:7px 7px 0px 0 rgba(130, 145, 130, .4); max-width: 570px; }
.webinar-page-v2 .webinar-page-v2-banner .green-box p{ font-size: 20px; color: #fff; margin: 0px; font-weight: normal; line-height: 29px;}
.webinar-page-v2 .webinar-page-v2-banner .green-box p span{ color: #000}

.webinar-page-v2 .content-two-block{ padding: 45px 0}
.session-pricing-block {background: url(../images/session-block-bg.jpg) no-repeat; background-size:100%; background-position: 0px 190px;}
.session-pricing-block .session-block{ background:#fff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; height: 100%;}

.session-pricing-block .session-block .header {background-color:#97a96e;background-image: linear-gradient(#97a96e, #6d7b4d); border:1px solid; border-color:#6d7b4d;border-image: linear-gradient(#6d7b4d, #97a96e); padding: 27px 0 20px; }
.session-pricing-block .session-block .header h2{ font-size: 23px; color: #fff; margin: 0px 0 20px; text-align: center; font-family: 'Geogrotesque-Medium';}
.session-pricing-block .session-block .header h3{ font-size: 23px; color: #fff; margin: 0; text-align: center; line-height: 32px}
.session-pricing-block .session-block .header h3 span{ color: #000;}
.session-pricing-block .session-block li {border-bottom: 1px solid #e1e1e1;padding: 13px 10px;line-height: 21px; text-align: left; font-size: 17px;}
.session-pricing-block .session-block li:last-child{ border-bottom: 0px;}

.session-infoblock{ margin: 32px 0 50px; text-align: center;}
.session-infoblock h2{ font-size: 30px; line-height: 40px; color: #fff; text-align: center; margin: 0 0 27px 0; font-family: 'D-DIN';}
.btn-register{ background: #98aa6f; padding: 0 10%; line-height: 75px; color: #fff; font-size: 22px; font-family: 'D-DIN'; border-right: 6px; border: 0; box-shadow: 0 2px 5px 0 #000}

.web-registration-form{ background: #f2f3f8; padding: 60px 0}
.web-registration-form h2{ font-size: 25px; line-height: 30px; color: #222; text-align: center; margin: 0; font-family: 'D-DIN';}
.web-registration-form h2::after{ max-width: 250px; width: 100%; height:7px; border-radius: 15px; margin: 20px auto; display:block; content:''; background: #cbcede;  }

.web-registration-form form .from-group{ margin-bottom: 25px;}
.web-registration-form form label{ font-size: 17px; color: #444; margin:0 0 4px; text-transform: uppercase;}
.web-registration-form form .form-control{ border-radius:2px; border: 1px solid #777; padding: 0 10px; line-height: 50px; margin: 0;}

.btn-submit{  background: #303a75; color: #fff; font-size:22px;  text-transform: uppercase; padding: 0 10%; line-height: 55px; border-radius: 3px; border: 0px; box-shadow: 0 1px 3px #000; margin: auto}

.btn-submit:hover{ background: #333; cursor: pointer}

@media screen and (max-width: 1330px) and (min-width:1181px) {
    .webinar-page-v2 .container{ padding: 0 15px;}
    .webinar-page-v2 .webinar-page-v2-banner{    padding: 75px 0 0 0;}
    .session-pricing-block { background-size: 120%;  background-position: -113px 190px;}
}
@media screen and (max-width: 1180px) and (min-width:992px) {
    .webinar-page-v2 .container{ padding: 0 15px;}
    .webinar-page-v2 .webinar-page-v2-banner{    padding: 75px 0 0 0;}
    .webinar-page-v2 .webinar-page-v2-banner h2 {font-size: 47px; line-height: 50px; margin: 16px 0;}
    .session-pricing-block .session-block .header h3 {font-size: 18px;}
    .session-pricing-block {    padding-top: 30px;  background-size: cover; background-position: center;}
}

@media screen and (max-width: 991px) and (min-width:768px) {
     .webinar-page-v2 .container{ padding: 0 15px;}
      .webinar-page-v2 .webinar-page-v2-banner{background-size: cover; background-position:center}
    .webinar-page-v2 .webinar-page-v2-banner .banner-caption{    position: relative;bottom: -70px;}
    .webinar-page-v2 .webinar-page-v2-banner .btn{ font-size: 32px}
    .webinar-page-v2 .webinar-page-v2-banner h2{font-size: 29px; line-height: 32px;}
     .webinar-page-v2 .content-two-block { padding: 100px 0 50px;}
    .session-pricing-block { background-size: cover;background-position: center; padding: 100px 25px 50px;}
}

@media screen and (max-width: 767px) and (min-width:200px) {
    .webinar-page-v2 .container{ padding: 0 15px;}
    .webinar-page-v2 .webinar-page-v2-banner{background-size: cover; background-position:center}
    .webinar-page-v2 .webinar-page-v2-banner .banner-caption{    position: relative;bottom: -70px;}
    .webinar-page-v2 .webinar-page-v2-banner .btn{ font-size: 27px}
    .webinar-page-v2 .webinar-page-v2-banner h2{font-size: 23px; line-height: 32px;}
    .webinar-page-v2 .webinar-page-v2-banner .green-box p{    font-size: 14px; line-height: 22px;}    
    .webinar-page-v2 .content-two-block { padding: 100px 0 50px;}
    .session-pricing-block { background-size: cover;background-position: center; padding: 50px 25px;}
    /*.session-pricing-block .session-block{ height: auto; margin-bottom: 40px;}*/
    .session-infoblock h2 {font-size: 20px;line-height: 27px;}
    .btn-register{line-height: 55px; font-size: 17px;}
    
    .web-registration-form h2 {font-size: 16px; line-height: 25px;}
    .web-registration-form h2::after {max-width: 170px;}

    
}
/****************************** End Free Webinar page V2   *****************/


.footer-link-bg{background:#313131; padding:65px 15px;}
.footer-link-bg h2{font-size:16px; font-weight:500; color:#FFF;}
.footer-link-bg hr{background:#ed7d31; height:4px; width:40px; margin:20px 0; border:none;}
.footer-link-bg ul li{font-size:15px; font-weight:400; display:block;  color:#d7d7d7; padding:5px 0;}
.footer-link-bg ul li a{font-size:15px; font-weight:400; color:#d7d7d7; padding:0; display:inline-block;}
.footer-link-bg ul li a:hover{color:#FFF;}
.footer-link-bg ul.contact li a{color:#ed7d31;}
.footer-link-bg ul.contact li a:hover{color:#FFF;}

.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:17px; 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;}


.scroll-txt{ width:100%; float:left; position:absolute; left:0; right:0; text-align:center; color:#FFF; bottom:10px; font-size:13px; font-weight:500; letter-spacing:4px; transform:translateY(-5px); animation:bounce .5s infinite alternate; -webkit-animation:bounce .5s infinite alternate; margin: -35px 0 35px 0;}

@keyframes bounce {
  from {
    transform: translateY(-10px);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(-10px);
  }

  to {
    -webkit-transform: translateY(0);
  }
}




.modal.video-modal .modal-dialog {width:100%; max-width:752px;}



button:focus{outline:none;}
.white-color{color:#FFF!important;} 
.white-bg{background:#FFF;}
.grey-bg{background:#D8D8D8;}
.orange-btn{background: #FF8400; padding: 10px 20px; display: inline-block; color: #FFF; text-transform: uppercase; font-size: 16px; font-weight: 500; margin: 10px 0 0 0; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}
.orange-btn img{margin:-4px 0 0 2px;}
.orange-btn:hover{color:#FFF;}
.banner-bg-area{background:#26468B; position: relative; overflow: hidden;} 
.banner-bg-area .container{position: relative;  z-index: 1;}
.banner-bg-area .banner-txt h1{font-size:44px; font-weight:700; color:#FFF; margin:0; padding:70px 0 25px 0;}
.banner-bg-area .banner-txt span{font-size:32px; font-weight:400; color:#D8D8D8; margin:0; padding:0; display:block;}
.banner-bg-area .banner-txt h3{font-size:48px; font-weight:700; color:#F00; margin:0; padding:45px 0 15px 0;}
.white-box-area .white-bg{-webkit-box-shadow:0 0 9px rgba(0, 0, 0, 0.18); -moz-box-shadow:0 0 9px rgba(0, 0, 0, 0.18); box-shadow:0 0 9px rgba(0, 0, 0, 0.18); border:1px solid #DADADA;}
.white-box-area .white-bg h2{font-size:24px; font-weight:700; color:#000; margin:0; padding:10px 0 0 0;}
.white-box-area .white-bg h4{font-size:18px; font-weight:400; color:#6C6C6C; margin:0; padding:8px 0;}
.banner-bg-area:after{content: ""; display: block; width: 110%; height: 300px; background: #FFF; transform: rotate(-8deg); position: absolute; left: -5%; right: 0; bottom: -120px; z-index: 0;}
.pdf-img-area {font-size:34px; font-weight:700; color:#000; text-align:center;}
.pdf-img-area .container{max-width:828px;}
.pdf-img-area  .white-bg{max-width:317px; margin:auto;}
.pdf-img-area .orange-btn{font-size:24px;}
.pdf-img-area .orange-btn img{margin:-4px 0 0 10px;}