@charset "utf-8";
/* CSS Document */
body{padding:0; margin:0; font-family: 'Open Sans', sans-serif; background:#f2f4f5;}
.main-log-sec{width: 100%; margin:3% auto; border-radius:3px;}
.log-propr{ width: 40%;
    float: left;
    background: #198acb url(https://www.easemytrip.com/activities/Content/img/chat_bg_tile1.png);
    height: 511px;}
.log-prpr-img{width: 100%;}

.log-sec-r{width: 60%;float: right; min-height:511px; background:#ffffff; padding:0 5%;}
.clr{ clear:both;}
.logn-detal{width:100%;margin: 20px auto; float:left;}
.logn-txt{ font-size: 19px;
    color: #424242;}
.img{    width: 42%;
    margin: 0 auto;}
.pa-s {
    width: 100%;
    float: left;
	margin-top:20px;
}
.group {
    position: relative;
}

.group {
    position: relative;
    margin-bottom: 7px;
    font-size: 17px;
    margin-top:15px;
}
.inp             {
  font-size:18px;
  padding:10px 0px 10px 0px;
  display:block;
  width:100%;
  margin: 0px 0 0 0;
  border:none;
  border-bottom:1px solid #a7a2a2;
}

.inp-crd             {
  font-size:18px;
  padding:10px 0px 10px 13px;
  display:block;
  width:100%;
  margin: 0px 0 0 0;
  border:none;
  border-bottom:1px solid #a7a2a2;
}



   

.inp1             {
    font-size: 18px;
    padding: 24px 0px 0px 0px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #dedede;
}

.inp-n {
    font-size: 18px;
    padding: 10px 0px 10px 0px;
    display: block;
    width: 100%;
    border: none;
    border-bottom: 1px solid #757575;
    background: url(https://www.easemytrip.com/M_Content/img/card.png) no-repeat right;
}

input:focus {
    outline: none;
}

/* LABEL ======================================= */
.group label                {
  color:#1d1d1d; 
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:0px;
  top:9px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
}

    .group label span {
        font-size: 9px;
    }
/* active state */
.group input:focus ~ label, .group input:valid ~ label        {
  top:-5px;
  font-size:11px;
  color:#1b5fbd;
}

.lb {
    font-size: 17px !important;
    color: #000000 !important;
    font-weight: normal !important;
}
/* BOTTOM BARS ================================= */
.bar {
    position: relative;
    display: block;
    width: 100%;
}

    .bar:before, .bar:after {
        content: '';
        height: 2px;
        width: 0;
        bottom: 0px;
        color: #1b5fbd;
        position: absolute;
        background: #1b5fbd;
        border: none !important;
        transition: 0.2s ease all;
        -moz-transition: 0.2s ease all;
        -webkit-transition: 0.2s ease all;
    }

    .bar:before {
        left: 50%;
    }

    .bar:after {
        right: 50%;
    }

.ttl-inp {
    background-color: #ccc;
    border: 1px solid #ccc;
}
/* active state */
input:focus ~ .bar:before, input:focus ~ .bar:after {
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
}

/* HIGHLIGHTER ================================== */
.highlight {
    position: absolute;
    height: 60%;
    width: 100px;
    top: 25%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
input:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}

/* ANIMATIONS ================ */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}
.socialbx {width:100%;float:left}
.loginBtn-fb {
    box-sizing: border-box;
    position: relative;
    margin: 0.2em;
    padding: 0 12px;
    border: none;
    text-align: left;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 13px;
    background: #39539d;
    color: #fff;
    cursor: pointer;
}
.loginBtn-fb:before {
    width: 24px;
    height: 24px;
    float: left;
    content: '';
    background: url(https://flight.easemytrip.com/Content/img/facebook-icn.png) no-repeat;
    margin-top: 8px;
    margin-right: 7px;
	    background-size: 24px 24px;
}

.loginBtn-go {
    box-sizing: border-box;
    position: relative;
    margin: 0.2em;
    padding: 0 12px;
    border: none;
    text-align: left;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    border-radius: 3px;
    font-size: 13px;
    background: #fff;
    color: #000;
    float: right;
    box-shadow: 0 0 5px rgba(0,0,0,.25);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.25);
    cursor: pointer;
}
.loginBtn-go:before {
    width: 24px;
    height: 24px;
    float: left;
    content: '';
    background: url(https://flight.easemytrip.com/Content/img/google-logo.png) no-repeat;
    margin-top: 8px;
    margin-right: 7px;
    background-size: 24px 24px;
}
.forgt-pass{ font-size:12px; margin-top:4%; color:#198acb;width:50%;float:left}
 .forgt-pass a{   font-size: 13px;
    margin-top: 2%;
    color: #198acb; text-decoration:none;}
.otppnl{ font-size:12px; margin-top:4%; color:#198acb;width:50%;float:right;text-align:right}
 .otppnl a{   font-size: 13px;
    margin-top: 2%;
    color: #198acb; text-decoration:none;}
.tc-privacy{ font-size: 10px;
    margin: 6% 0%;
    color: #737272;}
.tc-privacy a{ text-decoration:underline; color:#737272;}
.lgn{ width:100%; margin:2% 0; border-radius:3px; color:#fff; background-color:#F00; font-size:18px; text-align:center; padding:2%; cursor:pointer;}
.lgn{ width:100%; margin:2% 0; border-radius:3px; color:#fff; background-color:#F00; font-size:18px; text-align:center; padding:2%; cursor:pointer;}
.extr{ width: 10%;
    text-align: center;
    color: #000;
    font-size: 14px;
   margin: 4% auto;
  border-radius: 50%;
   color: #0e0e0e;
    border: 1px solid #ccc;
    height: 33px;
    line-height: 33px;}

.facb{ width:100%; margin:2% 0; border-radius:3px; color:#fff; background-color:#F00; font-size:18px; text-align:center; padding:2%;}

.facb_im3 {
    background: #3c5b9b url(https://www.easemytrip.com/Content/img/fb.png);
    background-position: 121px 9px;
    background-repeat: no-repeat;
}
.trp-mng-m{width: 83%;
    margin: 16% auto;}

.trp-mng{
   width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    border-bottom: 1px dotted #fff;
    padding: 5% 0%;
    margin-top: 6%;
    }
.trp-mng2{width:100%;color:#fff;font-size: 11px;text-align:center;}
.mrgn-btm{ border-bottom:none;}
.dnt-hv{ width: auto;
    color: #666;
    font-size: 12px;
    margin-top: 3%;
    text-align: center;}
.dnt-hv a{ color:#F00; text-decoration:none;}

.black-bck {
    position: fixed;
    left: 0;
    top: 0;
    background-color: #000;
    width: 100%;
    height: 100%;
    z-index: 1111;
    opacity: 0.7;
    cursor: pointer;
}

.sign-in-m {
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    position: fixed;
   width: 58%;
    margin: 3% auto;
    z-index: 999999; top:-5px;
}

.log_in_im3 {
       background: #F00 url(https://www.easemytrip.com/Content/img/logn.png);
    background-position: 121px 9px;
    background-repeat: no-repeat;
}
/* Enter mail & phone number for otp*/
.se-m{display:none;}
.mob-h{width:100%; float:left; font-size: 19px; color: #424242; margin-bottom: 10px;}
.e-main{width:100%; float:left;}
.se-m{width:100%; float:left; margin-bottom:20px; padding-top: 25px;}
.m-inp{width:100%; float:left; margin-top:10px;}
.m-inp input{width:96%; border:1px solid #e1dfdf; height:38px; line-height:38px; padding-left:8%; outline:0; border-radius:4px;}
.m-inp input:focus{ border-color: #409cf2;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(64,156,242,1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(64,156,242,1);
    box-shadow: 0px 0px 14px 0px rgba(64,156,242,1);
    outline: none;}
.p2{width:100%; float:left; margin:10px 0; color:#bab9b9; font-size:11px;}
.sign-inn {
    background: #2d67b2 none repeat scroll 0 0;
    border-radius: 5px;
    cursor: pointer;
    height: 34px;
    margin-bottom: 8px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 90%;
}
.buttonLogin {
    border: medium none;
    border-radius: 5px;
    color: #fff;
	background:#2d67b2;
    cursor: pointer;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 17px;
    font-weight: normal;
    height: 43px;
	-webkit-appearance: none;
    text-align: center;
    width: 100%;
	margin:0 auto;
}
.buttonLogin:focus{ border-color: #409cf2;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(64,156,242,1);
    -moz-box-shadow: 0px 0px 14px 0px rgba(64,156,242,1);
    box-shadow: 0px 0px 14px 0px rgba(64,156,242,1);
    outline: none;}
.buttonLogin:hover { background-color:#1d569f}
.i-eml{ float: left; display: none; text-align:center; width:100%; color: #FF0000; font-size:11px; font-weight:bold;text-align:center;}
.alt-re{float: left; width:100%; text-align:center; color: Red;font-size:11px; margin-top:3px; font-weight:bold; display:none;}
.alt-re1{float: left; width:100%; color: Red;font-size:11px; margin-top:3px; font-weight:bold; display:none;}
.pl-wat{float:left; width:100%; color: Green; font-size:11px; text-align:center; font-weight:bold; margin-top:3px; display:none;} 


.se-m1{width:100%; float:left; display:none; margin-bottom:40px; margin-top:50px;}
.snt-c{width:100%; float:left; color:#0f0f0f; font-size:17px; text-align:center;}
.snt-c span{width:100%; display:block; text-align:center; font-size:17px;}
.cod-mm{width:100%; float:left; margin-top:0px; font-size:13px;}
.cod-m{width:100%; float:left; margin-top: 10px;}
.cod-m span{font-size:13px;}
.cod-m span:nth-child(2){float:right; text-align:right; color:#2d67b2; text-decoration:underline;}
.inpn{width:100%; float:left; position:relative;}
.inpn input{float:left;width:90%; height:38px; border:1px solid #e1dfdf; border-radius:4px; padding-left:9%; margin-top:5px; outline:0; background:url(https://www.easemytrip.com/activities/Content/img/mob.png) 2% no-repeat;}
.inp1{width:100%; float:left; position:relative;}
.inp1 input{float:left;width:90%; height:38px; border:1px solid #e1dfdf; border-radius:4px; padding-left:9%; margin-top:5px; outline:0; background:url(https://www.easemytrip.com/activities/Content/img/lock.png) 2% no-repeat;}
.sign-inn1 {
    border-radius: 5px;
    cursor: pointer;
    height: 43px;
    margin-bottom: 8px;
    margin-left: auto;
	-webkit-appearance: none;
    margin-right: auto;
    text-align: center;
    width: 100%;
	float:left;
	margin-top:40px;
}
.buttonLogin1 {
    border: medium none;
    border-radius: 5px;
    color: #fff;
	background:#2d67b2;
    cursor: pointer;
    font-family: Tahoma,Geneva,sans-serif;
    font-size: 17px;
    font-weight: normal;
    height: 43px;
	-webkit-appearance: none;
    text-align: center;
    width: 80%;
	margin:0 auto;
}
.nt{width:100%; float:left; font-size:11px; color:red; margin-top:5px; display:none;}
.nt1{width:100%; float:left; font-size:11px; color:red;  margin-top:5px; display:none;}
.col-3 {
    margin: 15px auto 13px;
    position: relative;
    width: 100%;
    z-index: 4;
	float:left;
}
.effect-16,.effect-17,.effect-18{border: 0; padding: 4px 0; border-bottom: 1px solid #ccc; background-color: transparent; outline:none; width: 100%;}
.effect-16 ~ .focus-border{position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background-color: #3399FF; transition: 0.4s;}
.effect-16:focus ~ .focus-border,

.has-content.effect-16 ~ .focus-border{width: 100%; transition: 0.4s;}
.effect-16 ~ label{position: absolute; z-index:-1; left: 0; width:100%; top:-17px; color: #aaa; transition: 0.3s;  letter-spacing: 0.5px; font-weight:normal;}
.effect-16:focus ~ label, .has-content.effect-16 ~ label{top: -17px; font-size: 12px; color: #3399FF; transition: 0.3s;}
.form-sign input[type="text"] {
    box-sizing: border-box;
	font-size:13px;
    color: #333;
    font: 15px/24px "Lato",Arial,sans-serif;
    letter-spacing: 1px;
    width: 100%;
}

.form-sign input[type="password"] {
    box-sizing: border-box;
    color: #333;
    font: 15px/24px "Lato",Arial,sans-serif;
    letter-spacing: 1px;
    width: 100%;
}

.n_p{    padding: 13px 0;
    font-size: 13px;}
	.m_15{    margin-top: 30-+px;}
	.otppnl a {
    font-size: 13px;
    margin-top: 2%;
    color: #0c65d6;
    text-decoration: none;
}
.sb_prpx {
    color: #d63b05;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    padding: 2px 0px px;
}