.login {
          height: 100vh;
        }
        @media only screen and (max-width: 600px) {
          .login {
            height: auto;
          }
          .carousel-caption {
              right: 5%;
              left: 5%;
          }
        }
        @media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
          .login {
            height: auto;
          }
        }

      .bg-image {
          background: #24292C;
          /*background-image: url('https://bootstrapious.com/i/snippets/sn-page-split/bg.jpg');*/
          background-size: cover;
          background-position: center center;
      }
      .textFooter {
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 600;
      }
      .bg-cyan {
        background: #969BA1 0% 0% no-repeat padding-box;
      }
      .carousel-caption {
          position: absolute;
          right: 15%;
          top: 5px;
          bottom: 5px;
          left: 15%;
          padding-top: 1rem;
          padding-bottom: 1rem;
      }
      .certText {
        color: #fff;
        display: inline-block;
        font-family: "coresans_medium",Helvetica,Roboto,Arial,sans-serif;
        font-size: 1.25rem;
        font-weight: normal;
        background: #333;
       /* margin: 0 0 1.25rem 0;*/
        padding: 0.375rem 0.775rem;
      }
      .carousel-item img {
        height: 210px;
        opacity: 1;
        background-size: 100%;
      }
      .carousel-caption p {
        font-size: 1.1rem;
      }
      .carousel-caption p a {
        color: #fff;
        font-size: 0.8rem;
        font-weight: 400;
        line-height: 30px;
        display: block;
        margin: 1rem 0 0 0;
        padding: 0 0 0 0;
      }
      .carousel-caption p a:before {
          display: block;
          float: left;
          content: url(assets/icon-arrow.svg);
          height: 30px;
          width: 30px;
          margin-right: 10px;
      }
      .logoText {
        font-size: 12px;
        text-align: left;
        letter-spacing: -0.14px;
        color: #BEBEBE;
        text-transform: uppercase;
      }
      .eclipCode {
        font-size: 15px;
        font-weight: 600;
        letter-spacing: 0px;
        color: #000000;
        text-transform: uppercase;
      }
      .eclipVer {
        font-size: 15px;
        letter-spacing: 0px;
        color: #929597;
        text-transform: uppercase;
      }
      .border-bottom-1 {
        border-radius: 0;
        border-bottom: 1px solid #929597!important;
      }
      .btn-secondary {
        background: #E9E9E9 0% 0% no-repeat padding-box;
        border: 1px solid #BEBEBE;
        border-radius: 5px;
        color: #595959;
        text-transform: uppercase;
      }
      .btn-secondary:hover {
        background: #E55425 0% 0% no-repeat padding-box;
        border: 1px solid #E55425;

      }
      .forgetText a {
        color: #595959;
        font-size: 12px;
      }
      .bottomText {
        color: #595959;
        font-size: 12px;
        vertical-align: middle;
      }
      .login-form .form-control {
          border-width: 0 0 1px 0!important;
          border-radius: 0;
      }
      .login-form .form-control:focus {
          border-color: inherit!important;
          outline: 0 !important;
          box-shadow: none!important;
      }
      .login-form .form-floating>label {
        padding: 1rem 0.1rem;
      }


#fvpp-blackout {
				display: none;
				z-index: 499;
				position: fixed;
				width: 100%;
				height: 100%;
				top: 0;
				left: 0;
				background: #000;
				opacity: 0.5;
			}

			#my-welcome-message {
				display: none;
				z-index: 500;
				position: fixed;
				width: 33%;
				height:15%;
				right:0%;
				top: 80%;
				padding: 1% 1%;
				font-family: Calibri, Arial, sans-serif;
				background: #fff;
				color:#000;
				border:2px solid;
			}

			#fvpp-close {
				position: absolute;
				top: 10px;
				right: 20px;
				cursor: pointer;
			}

			#fvpp-dialog h2 {
				font-size: 2em;
				margin: 0;
			}

			#fvpp-dialog p {
				margin: 0;
			}
.popup-content {
			  	display: block;
			  	position: fixed;
			  	bottom: 0;
			  	right: 0;
			  	border: 3px solid #f1f1f1;
			  	z-index: 9;
			  	margin-bottom:3%;
			  	width: 33%;
			}
			.close {
			  	background: #EE1D52;
			  	padding: 0 6px;
			  	color: #FFF;
			  	font-size: 16px;
			  	cursor: pointer;
			  	text-decoration: none;
			  	font-weight: 700;
			  	border-radius: 5px;
			}


	/*slide*/

      .slides {
                       display: flex;
                       /*width: calc(800px * 3);*/
                     }
                     .slide {
                       /*flex: 0 0 800px;*/
                        width: 100%;
                        /*height: 400px;*/
                        object-fit: fill;
                     }
                     .carousel {
                                       position: relative;
                                       /*width: 920px;*/
                                      /* height: 300px;*/
                                       overflow: hidden;
                                       margin: 0 auto;
                                     }
                     .slide.active {
                       display: block;
                     }
                     .ecl-loader{
                        display:none;
                     }
                     .loader-image {
                         width: 221px;
                         height: 143px;
                         margin-top: -35%;
                         margin-left: -32%;
                         }