@font-face {
  font-family: Publico-Roman;
  src: url('../Chubb-Publico-Font/Publico-Roman.otf') format("opentype");
}
@font-face {
  font-family: Publico-Black;
  src: url('../Chubb-Publico-Font/Publico-Black.otf') format("opentype");
}
@font-face {
  font-family: Publico-BlackItalic;
  src: url('../Chubb-Publico-Font/Publico-BlackItalic.otf') format("opentype");
}
@font-face {
  font-family: Publico-Bold;
  src: url('../Chubb-Publico-Font/Publico-Bold.otf') format("opentype");
}
@font-face {
  font-family: Publico-BoldItalic;
  src: url('../Chubb-Publico-Font/Publico-BoldItalic.otf') format("opentype");
}
@font-face {
  font-family: Publico-Extrabold;
  src: url('../Chubb-Publico-Font/Publico-Extrabold.otf') format("opentype");
}
@font-face {
  font-family: Publico-ExtraboldItalic;
  src: url('../Chubb-Publico-Font/Publico-ExtraboldItalic.otf') format("opentype");
}
@font-face {
  font-family: Publico-Italic;
  src: url('../Chubb-Publico-Font/Publico-Italic.otf') format("opentype");
}
@font-face {
  font-family: Publico-Light;
  src: url('../Chubb-Publico-Font/Publico-Light.otf') format("opentype");
}
@font-face {
  font-family: Publico-LightItalic;
  src: url('../Chubb-Publico-Font/Publico-LightItalic.otf') format("opentype");
}
@font-face {
  font-family: Publico-Medium;
  src: url('../Chubb-Publico-Font/Publico-Medium.otf') format("opentype");
}
@font-face {
  font-family: Publico-MediumItalic;
  src: url('../Chubb-Publico-Font/Publico-MediumItalic.otf') format("opentype");
}
@font-face {
  font-family: PublicoText-Bold;
  src: url('../Chubb-Publico-Font/PublicoText-Bold.otf') format("opentype");
}
@font-face {
  font-family: PublicoText-BoldItalic;
  src: url('../Chubb-Publico-Font/PublicoText-BoldItalic.otf') format("opentype");
}
@font-face {
  font-family: PublicoText-Italic;
  src: url('../Chubb-Publico-Font/PublicoText-Italic.otf') format("opentype");
}
@font-face {
  font-family: PublicoText-Roman;
  src: url('../Chubb-Publico-Font/PublicoText-Roman.otf') format("opentype");
}
@font-face {
  font-family: PublicoText-SemiBold;
  src: url('../Chubb-Publico-Font/PublicoText-Semibold.otf') format("opentype");
}
@font-face {
  font-family: PublicoText-SemiBoldItalic;
  src: url('../Chubb-Publico-Font/PublicoText-SemiboldItalic.otf') format("opentype");
}
header.site-header {
  border-bottom: 1px solid #e5e6eb;
  padding: 0 20px 0 30px;
}
.f-bold{
	font-family: Publico-Bold;
}
.f-medium{
	font-family: Publico-Medium;
}
.inline-Block {
  display: inline-block;
}
.login-menu a {
  color: #150f96 !important;
  font-size: 16px;
}
.login-menu a:hover {
  color: #150f96;
  font-size: 16px;
}
.logo-section {
  padding: 15px 0;
}
.color-orange {
  color: #f60;
}
@media only screen and (max-width: 767px) {
  header.site-header {
    height: auto;
  }
  .navbar-collapse {
    position: absolute;
    top: 4em;
    z-index: 100;
    background-color: #fff;
    right: -30px;
  }
  .navbar-collapse .nav-item {
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
  }
  .navbar .navbar-nav li {
    border-top: 1px solid #efefef;
  }
  .navbar-toggler {
    margin-right: -15px;
  }
  .navbar-toggler .menu-image {
    display: block;
    margin-top: 3px;
  }
  .collapsed.navbar-toggler .menu-image {
    background-image: url('../images/3-dots-menu-icon.jpg');
    padding: 14px 5px;
    background-repeat: no-repeat;
  }
  .navbar-toggler .menu-image {
    background-image: url('../images/hamburger-close.png');
    padding: 14px;
    background-repeat: no-repeat;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .login-menu a {
    font-size: 16px;
    padding: 8px !important;
  }
}
@media only screen and (min-width: 560px) and (max-width: 750px) {
  .header-wrap img {
    max-width: 165px;
  }
}
@media only screen and (min-width: 310px) and (max-width: 400px) {
  .header-wrap img {
    max-width: 185px;
  }
}



footer.site-footer {
  background: #f5f5f5;
  padding: 10px;
}
.site-footer ul li {
  display: inline-block;
  list-style-type: none;
}
.login-footer-wrap {
  line-height: 24px;
  font-size: 12px;
}
.site-footer ul li a {
  padding: 10px;
}
.site-footer ul li::after {
  content: "|";
  color: #2c2d30;
}
.site-footer ul li:last-child::after {
  display: none;
}
.footer-copyright {
  font-size: 12px;
}
.footer-copyright span {
  color: #2c2d30;
}
@media only screen and (max-width: 540px) {
  .site-footer .login-footer-wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .login-footer-wrap .footer-copyright {
    width: 100%;
    float: none;
    line-height: 28px;
  }
  .login-footer-wrap .tou-links {
    width: 100%;
    float: none;
    line-height: 28px;
  }
  .login-footer-wrap .tou-links ul li {
    width: 100%;
    float: none;
    line-height: 28px;
  }
  .login-footer-wrap .footer-site-link {
    width: 100%;
    float: none;
    line-height: 28px;
  }
  .login-footer-wrap .tou-links ul li::after {
    display: none;
  }
  .login-footer-wrap .footer-copyright {
    order: 3;
  }
  .login-footer-wrap .tou-links {
    order: 1;
  }
  .login-footer-wrap .footer-site-link {
    order: 2;
  }
  .footer-copyright {
    border-top: 1px solid #e5e6eb;
  }
}


/*	Login Form 	*/
.login-form-wrapper {
  background-color: #1bbed5;
  padding: 40px 20px;
}
.login-form-wrapper h1 {
  font-size: 36px;
  color: #fff;
  padding: 0px 0px 24px 0px;
  text-align: center;
  line-height: normal;
  white-space: nowrap;
}
.login-form-wrapper .request-access a {
  color: #fff;
  font-family: Publico-Medium;
  font-size: 13px;
}
@media only screen and (min-width: 992px) {
  .login-form-wrapper {
    padding: 46px;
  }
  .login-form-wrapper h1 {
    padding: 54px 0px 36px 0px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .login-form-wrapper h1 {
    font-size: 27px;
    padding-bottom: 32px;
  }
}


body {
  font-family: Publico-Roman, Open Sans, sans-serif !important;
  font-size: 0.875rem !important;
  color: #504b4b !important;
}
body a, body a:hover {
  color: #150f96;
}
ul, p {
  padding-left: 0;
  margin-bottom: 0 !important;
}
.inline-Block {
  display: inline-block;
}
.clear-both {
  clear: both;
}
.login-form-wrapper form .form-control {
  height: calc(2.75rem + 2px);
}
.login-form-wrapper form .form-control {
  font-size: 14px;
  color: #242021;
  background: transparent;
  border: 1px solid #fff;
  padding: 8px 16px;
}
.login-form-wrapper form .form-control:focus {
  background: transparent;
  border: 1px solid #fff;
}
::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #18305b !important;
  opacity: 1;
  /* Firefox */
  font-size: 14px;
}
:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #18305b;
  font-size: 14px;
}
::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #18305b !important;
  font-size: 14px;
}
form .form-group {
  margin-bottom: 20px;
}
/*Added for Nextgen EnvIndicator*/
#envIndicator {
    display: table;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    background: #18305B;
    padding-top: 7px;
    width: 170px;
    height: 28px;
    border-bottom-left-radius: 110px;
    border-bottom-right-radius: 110px;
    border-top: 0;
}
button.login-button {
  font-size: 16px;
  margin-bottom: 15px;
  border: 1px solid #0d9baf;
  background-color: #fff;
  color: #150f96;
  width: 100%;
  height: 46px;
  line-height: 46px;
  padding: 0;
}
.announcement-carousel .carousel-inner {
  margin-bottom: 77px;
}
.announcement-carousel .carousel-indicators {
  margin-bottom: 0;
  bottom: -40px;
}
.carousel-news .carousel-indicators {
  margin-bottom: 0;
  bottom: -30px;
}
.announcement-carousel .carousel-indicators li, .carousel-news .carousel-indicators li {
  text-indent: 0;
  width: 10px;
}
.announcement-carousel .carousel-indicators li::before, .carousel-news .carousel-indicators li::before {
  content: url('../images/circular-carousel-normal.png');
}
.announcement-carousel .carousel-indicators li.active::before, .carousel-news .carousel-indicators li.active::before {
  content: url('../images/circular-carousel-selected.png');
}
button:focus {
  outline: none !important;
}
.announcement-carousel img {
  width: 100%;
}
/*  Popup  */
.modal-dialog .modal-content {
  border-radius: 0;
  padding: 40px;
}
.grayBackground {
  background-color: #eff5f7;
}
.font-bold-color {
  color: #231f20;
}
button.close:not(:disabled):not(.disabled):hover {
  opacity: 1;
}
.font-16 {
  font-size: 16px;
}
form .form-group .required::before {
  content: "*";
  color: #ff331e;
}
div.modal-footer {
  border: 0;
  display: block;
}
button.worldviewButton {
  border: 1px solid #1bbed5;
  color: #150f96;
  background: transparent;
  font-size: 14px;
}
.login-form-wrapper .btn-primary:hover, .login-form-wrapper .btn-primary.disabled, .login-form-wrapper .btn-primary:disabled {
  border: 1px solid #0d9baf;
  background-color: #fff;
  color: #150f96;
}
@media (min-width: 576px) {
  div.modal-dialog {
    max-width: 700px;
    /*margin: 5.5rem auto;*/
  }
}
.form-control:focus, .btn-primary:focus, .btn-primary.focus {
  box-shadow: none;
}
/*      Login Page Styling Ends          */
/*     Font Class   */
.Font-Publico-Medium {
  font-family: Publico-Medium;
}
.Font-Publico-Bold {
  font-family: Publico-Bold;
}
.Font-Publico-Italic {
  font-family: Publico-Italic;
}
.error-message,
.request-access-form .error {
  color: #ff331e !important;
}
.form-control.is-invalid {
  border-color: #ff331e;
}
/*      Ends        */
/*  Fixing Page Width to max 1440px */
@media (min-width: 1200px) {
  .max-container {
    max-width: 1366px;
    margin: 0 auto;
  }
  .header-wrap {
    max-width: 1306px;
    margin: 0 auto;
  }
  .site-footer {
    max-width: 1346px;
    margin: 0 auto;
  }
  app-login-footer {
    background: #f5f5f5;
    width: 100%;
    float: left;
  }
}
/*    IE textbox cross button remove    */
::-ms-clear {
  display: none;
}



/*		News		*/

.carousel-news h3 {
  font-size: 18px;
  color: #231f20;
  font-family: Publico-Medium;
}
.grayBackground {
  background-color: #eff5f7;
  min-height: 100px;
  border-radius: 5px;
}
.carousel-news::ng-deep .carousel-control {
  width: 10px;
  opacity: 1;
  display: none;
}
.carousel-news .news-content h6 {
  color: #150f96;
  font-size: 13px;
  font-family: Publico-Bold;
}
.carousel-news .news-content .news-body {
  color: #2c2d30;
  font-size: 13px;
  padding-bottom: 10px;
}
.carousel-news .news-content .news-date {
  color: #2c2d30;
  font-size: 12px;
  color: #615d5d;
  font-family: Publico-Italic;
}
.carousel-news::ng-deep .carousel-control-next-icon, .carousel-news::ng-deep .carousel-control-prev-icon {
  background-color: #ffb27f;
}
.grayBackground {
  margin-bottom: 5px;
}
@media only screen and (min-width: 992px) {
  .grayBackground.col-lg-6 {
    max-width: 48.6%;
	float:left;
  }
  .grayBackground:last-child {
    margin-left: 8px;
    margin-right: 0 !important;
  }
}
/*		Login Page	*/
.banner-content {
  padding: 20px 30px 10px;
  background: #fff;
}
.banner-content h3 {
  font-size: 16px;
  color: #231f20;
}
.banner-text {
  font-size: 13px;
}
.background-blue {
  background-color: #1bbed5;
}
.banner-header h3 {
  font-family: Publico-Medium;
}
.announcement-carousel {
  margin-top: 25px;
}
@media only screen and (max-width: 575px) {
  .banner-content {
    padding: 15px;
  }
  .login-form {
    float: none;
    width: 100%;
  }
  .order-change-1 {
    order: 1;
  }
  .order-change-2 {
    order: 2;
  }
  header.site-header{
	padding:0 20px;  
  }
}
.login-page {
  background-color: #fff;
}


#owl-demo .item img{
display: block;
width: 100%;
height: auto;
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
      left: 0;
      -webkit-transform: translate3d(50%, 0, 0);
      transform: translate3d(50%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
      left: 0;
      -webkit-transform: translate3d(-50%, 0, 0);
      transform: translate3d(-50%, 0, 0);
  }
}

.carousel-inner .carousel-item .col-lg-6{
    float:left;
}
.carousel-indicators li{
	cursor:pointer;
}


/*		Popup 	*/
.popup-close {
  position: absolute;
  top: -6px;
  right: -6px;
  opacity: 1;
}
.request-access-popup {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
}
.request-access-popup ::placeholder {
  color: #8d8a8a !important;
  opacity: 1;
  /* Firefox */
  font-size: 12px;
  font-family: Publico-Italic;
}
.request-access-popup ::-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #8d8a8a !important;
  font-size: 12px;
  font-family: Publico-Italic;
  /* Microsoft Edge */
}
.request-access-popup form .form-control {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
  font-family: Publico-Italic;
}
.request-access-form .form-control:focus {
  box-shadow: none;
  border: 1px solid #ced4da;
}
.account-access-disclaimer {
  color: #8d8a8a;
  font-size: 12px;
  font-family: Publico-Italic;
}
#AccountAccess {
  resize: none;
}
.footer-wrap{
	background: #f5f5f5;
}

.request-access-form .error {
  font-family: Publico-Medium;
  font-size:12px;
  margin-top:16px;
}
#requstAccess form .form-control{
        padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    font-family: Publico-Italic;
}
.passwordCaps{
	display:none;
}
.carousel-indicators li{
	
	cursor:pointer;
}
iframe{
	border:0;
}
.lSSlideWrapper .news-content{
    float:left;
}
.lSPager{
    display:none;
}
.lSSlideWrapper .lSPager{
    display:block;
}
.lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a,
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
    background-color:#1bbed5 !important;
}
ul.lSPager.lSpg {
    margin-top:25px !important;
}
.owl-theme .owl-dots .owl-dot span{
	background-color:#150f96 !important;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:40%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.owl-theme .owl-nav.disabled + .owl-dots{
	margin-top: 5px !important;
}
.modal-open{
	    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
@media only screen and (max-width: 576px) {
	.request-access-wrapper iframe#requestpop{
		height:900px !important;
    width: 100%;
    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll;
	}
	.request-access-wrapper {
    -webkit-overflow-scrolling: touch !important;
    overflow-y: scroll;
    position: relative;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
  }
  @supports (-webkit-overflow-scrolling: touch) {
    /* CSS specific to iOS devices */ 
    .request-access-wrapper iframe#requestpop{
      height: auto !important;
    }
  }
}



.ping-messages {
  font-family: Lato Regular;
  color: #000000;
}
.announcement-carousel .owl-prev,.announcement-carousel .owl-next {
  position: absolute;
  top: 35%;
  height: 35px;
  display: none !important;
}
#newsCarousel .owl-prev,#newsCarousel .owl-next {
  position: absolute;
  top: 25%;
  height: 20px;
  width: 20px;
}
.owl-next{
  right: -25px;
  background: url('./../images/arrow-front.png') no-repeat !important;
}
.owl-prev {
  left: -25px;
  background: url('./../images/arrow-back.png') no-repeat !important;
}
.owl-prev span,.owl-next span,.owl-prev span:hover,.owl-next span:hover {
  /* color: #fff;
  font-size: 45px;
  font-weight: bold;
  background: #f60;
  padding: 0 3px;
  height: 30px;
  line-height: 30px; */
  display: none;
}

.label_txt {
	font-size: 16px;
}

img.chubb-logo{
    max-width:125px;
}
img.worldview-logo{
    max-width:74px;
    max-height: 18px;
	margin-left: 25px;
}
ol.carousel-indicators li,
ol.carousel-indicators li.active {
  float: left;
  width: 10px;
  height: 10px;
  margin: 0;
  border-radius: 0;
  border: 0;
  background: transparent;
}
ol.carousel-indicators li{
  background: #4DC7A0;
  border-radius: 50%;
  margin: 5px 7px;
}
.txt-underline{
  text-decoration: underline !important;
}
ol.carousel-indicators li.active {
  background: #150f96;
  border-radius: 50%;
  margin: 5px 7px;
}
.carousel-indicators{
  bottom: -45px;
}
@media (min-width:576px){
    img.chubb-logo{
        max-width:136px;
    }
    img.worldview-logo{
        max-width:inherit;
        margin-left: 40px;
    }
}
