* {
    box-sizing: border-box;
}

.slider {
    width: 100%;
    margin: 100px auto;
}

.slick-slide {
    margin: 185px 10px 20px 12px;
    width: 190px;
}

.slick-slide img {
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}

.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}

.slick-active {
    opacity: .5;
    
}

.slick-current {
    opacity: 1;
    
}

.slick-slide.slick-current.slick-center {
    margin: 0px 4px 0 4px;
}

.slick-dots {
    /* margin-bottom: 160px; */
    display: block;
    margin-bottom: 80px !important;
}

.slick-dots li button::before {
    font-family: slick;
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    opacity: 0.25;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #fff !important;
}

.slick-prev:before,
.slick-next:before {
    color: #fff;
}





.input {
width: 100%;
height: 32px;
display: block;
/* margin: 0 auto 15px; */
/* padding: 0 15px; */
border: none;
border-bottom: 1px solid #B9B9B9;
color: #393939;
font-size: 18px;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 600;
padding-bottom: 20px;
padding-top: 22px;
}
.input:focus {
outline: none;
border-color: #3CC !important;
/* border-bottom-color: #3CC !important; */
}
.input:hover {
border-bottom-color: #dcdcdc;
}
.input:invalid {
box-shadow: none;
}

.pass:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset;
}


.lbl{
color: #959595;
font-size: 14px;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
margin-bottom: 0px !important;

}
p{
color: #808080;
font-size: 18px;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
padding-top: 12px !important;
margin-bottom: 0px !important;
padding-bottom: 16px !important;
}
.cust_left{
width:610px !important;
position: fixed !important;
}
.cust_right{
width:calc(100% - 610px);
left:610px;
position: fixed !important;
padding-right: 115px;
padding-left: 115px;
}

.cust_a{
display: inline-block;
color: #5165B8;
font-family: 'Titillium Web';
font-style: normal;
font-size: 16px;
line-height: 24px;
}
.col-sm-12{

}
.dv_logo{
padding-left: 95px;
padding-top: 48px;

}
.dv_Loginlogomy{
padding-left: 95px !important;
}
.col-sm-12{
padding-right: 0px;
                padding-left: 0px;
}
.login-block{
padding-left: 95px;
}
.input-group{
margin-bottom: 40px !important;
}
.cust_reg_lbl{
font-family: 'Titillium Web';
color: #808080;
font-size: 16px;
line-height: 24px;
font-style: normal;
    font-weight: 400;
}

.forgot a:hover, .register a:hover {
    border-bottom: 0px
}
.forgot a, .register a {
    font-family: 'Titillium Web';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #00aeef;
    text-decoration: none;
    border-bottom: 1px  solid transparent;
    padding-bottom: 4px;
    text-decoration: none;
}

::-webkit-input-placeholder { /* Edge */
    font-family: 'Titillium Web';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #C1C1C1;

  }
  
  :-ms-input-placeholder { /* Internet Explorer */
    font-family: 'Titillium Web';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #C1C1C1;
  }
  
  ::placeholder {
    font-family: 'Titillium Web';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0em;
    text-align: left;
    color: #C1C1C1;
  }

  /* @media only screen and (max-width: 600px) {
    right.cust_right{
        display: none;
    }
    .dv_bg{
        display: none;
    }
    .dv_transparent{
        display: none;
    }
  } */

.cust_padding{
padding-right: 0px;
        padding-left: 0px;
}
.center label{
font-family: 'Titillium Web';
font-weight: 700;
font-size: 28px;
padding-top:24px;
color: #FFFFFF;
}
.center p{
color: #FFFFFF;
font-size: 18px;
font-family: 'Titillium Web';
font-style: normal;
font-weight: 400;
padding-top: 8px !important;
margin-bottom: 0px !important;
padding-bottom: 64px !important;
}
.img_dv{
padding: 32px;background: #FFFFFF;
}
.img_dv_container{
text-align: center;
}
.dv_bg{
background: url(../img/Building_Right.jpg) no-repeat center center;
        background-size: cover;
        height: 100%;
        width: calc(100% - 610px) !important;
        left:610px;
        position: fixed !important;
        background-size: cover;
        
}
.dv_transparent{
        background:#5165B8;
        background-size: cover;
        height: 100%;
        width: calc(100% - 610px) !important;
        left:610px;
        position: fixed !important;
        opacity: 80%;
        
}
.loginform{
width: 420px !important;
}

.register{
    display: block;
    margin-bottom: 48px;
    position: absolute;
    left: 95px;
    bottom: 0px;
}
.input-form{
margin: 0;
position: absolute;
top: 55%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
vertical-align: middle;
justify-content: center;
}

.btn-login{
    font-family: 'Titillium Web';
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 20px;
letter-spacing: 0em;
/* text-align: left; */

}

.cust_alert{
    height: 32px;
    width: 100%;
    /* left: 95px;
    top: 344px; */
    border-radius: 0px;
    background: #FF5858;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 0px 8px;
    margin-bottom: 16px;
}

.cust_info_alert{
    height: 32px;
    width: 100%;
    /* left: 95px;
    top: 344px; */
    border-radius: 0px;
    background: #17a2b8;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    padding: 0px 8px;
    margin-bottom: 16px;
}

.input.error{
    color: #FF5858;
    border-bottom: 1px solid #FF5858;
}

.error-container{
    position: relative;
    padding-left: 95px;
    padding-right: 95px;
    height: 32px;
    margin-bottom: 16px;
}


.errorlist,.error-pass{

    font-family: 'Titillium Web';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    /* line-height: 16px; */
    letter-spacing: 0em;
    /* text-align: center; */
    color: #FF5858;
    font-weight : 600;

}