/*====================================== reset.css is here ========================================*/
*{margin:0; padding:0; box-sizing:border-box; }
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal; }
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear{clear:both; font-size:1px;line-height:1px; display:block; height:0;}
.clearfix:after{content:"";display:block;clear:both;}
.last	{margin:0 !important;}
.pad_last{padding:0 !important;}
.no_bg {background:none !important;}
.no_bor{border:0 none !important; }
header,nav,section,article,aside,footer,hgroup,figure {display: block;margin: 0 auto;}
/**************************************************************************************/
a {color:#000;text-decoration:none;outline:0 none !important;font-size: 14px;}
a:hover, a:focus {color:#ea6a27;  text-decoration:none; outline:0 none !important;}
img{max-width: 100%;height: auto;}
h1 {font-size: 42px;line-height: 45px;}
h2 {font-size: 49.72px;line-height: 52px;}
h3 {font-size: 36.18px;line-height: 39px;}
h4 {font-size: 27.86px;line-height:30px;}
h5 {font-size:22.6px;line-height: 25px;}
h6 {font-size: 15.27px;line-height: 17.27px;}
p{font-size: 14px;line-height: 17px;color: #808080;}
/*---------------------------------------*/
html {height: 100%;}
body {background:#efefef;font-family: 'Roboto', sans-serif;font-size:12px;height: 100%;}
.flt_lt {float:left !important;display:inline;}
.flt_rt {float: right !important;display:inline;}
/*-----------LayOut Start here-----------------------*/

.wrapper{
    margin:0 auto;
    width:100%;
    margin:0 auto;
    height: 100%;
    overflow-x: hidden;
    position: relative;
    left: 0;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    background-color: white;
    }
.container{max-width:100%; margin:0 auto;}
/*--- create account filled page start--*/
.main-content{}
.main-lft{width:50%;background:#efefef;padding:16px 0 130px 0;float:left;height: 100%;position: relative;}
.dropdown{float: right;padding: 0 13px 0 0;}
.dropdown ul{}
.dropdown ul li{width:66px;height: 36px;}
.dropdown ul li .dropdown2{width:66px;height: 36px;}
.dropdown .dd .ddArrow{background:#808080;width: 24px;height:24px;margin-top:-3px;display: inline-block;}
.join-account{width:344px;margin: 0 auto;text-align: center;padding: 47px 0;}
.logo{padding: 0 0 24px 0;}
.account{background: #fff;text-align: left;padding:32px;border-radius:5px;}
.account h1{font-size:22px;line-height:26px;color:#000A12;font-weight:700;padding: 0 0 17px 0;}
.account p{color:#808080;font-weight:700;font-size:14px;line-height:16px;padding: 0 0 1px 0;}
.account a{display: inline-block;font-size:14px;line-height:16px;color:#000A12;font-weight:400;}
.fill-form{padding: 17px 0 0 0;}
.fill-form label{display:block;font-size:14px;line-height:16px;color:#808080;font-weight:700;padding: 0 0 0px 0;cursor: pointer;}
.fill-form input.feild1{display: block;height: 36px;width:100%;border: 1px solid #b2b2b2;border-radius: 3px;font-size:14px;line-height:16px;font-weight:400;color:#000A12;padding: 0 7px;margin: 7px 0 17px 0;outline: none;}
.fill-form  .submit_btn{width: 100%;display: block;height: 35px;line-height: 35px;color: #FFFFFF;
    background: #387be7;
    background: -moz-linear-gradient(top, #387be7 0%, #2c61b8 100%);
    background: -webkit-linear-gradient(top, #387be7 0%,#2c61b8 100%);
    background: linear-gradient(to bottom, #387be7 0%,#2c61b8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387be7', endColorstr='#2c61b8',GradientType=0 );
    border: 1px solid #2755a1;
    font-size: 14px;
    font-weight:700;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 4px;
    margin: 10px 0 0 0;
	outline:none;
}

/*
.fill-form  .submit_btn:hover{
    color: #FFFFFF;
background: #3d87fd;
background: -moz-linear-gradient(top, #3d87fd 0%, #316dce 100%);
background: -webkit-linear-gradient(top, #3d87fd 0%,#316dce 100%);
background: linear-gradient(to bottom, #3d87fd 0%,#316dce 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d87fd', endColorstr='#316dce',GradientType=0 );
  box-shadow: 0 0 5px 0 #3d87fd;
}
*/
.fill-form  .submit_btn.active-btn{
    color: #FFFFFF;
    background: #3576de;
    background: -moz-linear-gradient(top, #387be7 0%, #2c61b8 100%);
    background: -webkit-linear-gradient(top, #387be7 0%,#2c61b8 100%);
    background: linear-gradient(to bottom, #387be7 0%,#2c61b8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#387be7', endColorstr='#2c61b8',GradientType=0 );
    border-color:  #387be7;
}
.fill-form > span{display: block;font-size:12px;line-height:14px;color:#808080;font-weight:400;padding:18px 0 0 0;}
.fill-form a{display:inline-block;text-decoration: underline;color:#2A5DB0;font-size:12px;line-height:14px;font-weight:400;}
.fill-form a:hover{text-decoration: none;}
.fill-form ::-webkit-input-placeholder {color: #000A12;}

.fill-form ::-moz-placeholder {color: #000A12;}
.fill-form :-ms-input-placeholder {color: #000A12;}
.fill-form :-o-placeholder {color: #000A12;}
.reserved{text-align: center;}
.reserved p{font-size:11px;line-height:14px;color:#808080;font-weight:400;}
.reserved a{display: inline-block;color:#2A5DB0;text-decoration: underline;font-size:11px;line-height:14px;}
.reserved a:hover{text-decoration: none;}
.main-rt{width:50%;float: left;}
/*--------create account filled page end---------*/
/*--------join create account page start-------------*/
.main-account-page{padding:0px 0;position: relative;height: 100%;}
.main-account-page .submit_btn{background:#e5e5e5;border:1px solid #cccccc;color:#808080;outline:none;}
.submit_btn:hover{}
.main-account-page  label{}
.main-account-page  input.feild1{}
.main-account-page input.feild1:focus{border : 1px solid #2a5db0}
.main-account-page .reserved{}
.main-account-page > a{text-decoration: none;}


/*--remember me button (login page)--*/
input.remember-me-checkbox {
    float: left;
}

label.remember-me-label {
    float: left;
    margin-left: 6px;
    margin-top: -1px;
}

/*--dropdown start--*/

.side_bar{padding: 0 16px;display: inline-block;float: right;}
.language {padding: 7px 8px;background: #fff;border-radius: 5px;border:1px solid #b2b2b2;font-size:14px;line-height:21px;font-weight:400;color:#000a12;position: relative;cursor: pointer;/*background: #f4f7fb;*/}
.language:hover{background:#f4f7fb;border-color: #2a5db0;}

#new_dropdown_menu {
    width: 115px !important;
    float: right;
}

#new_dropdown_menu > div {
    width: 100% !important;
}

#new_dropdown_menu ul {
    border: 1px solid #b2b2b2;
    border-radius:3px;
    background: #fff;
    width: 113px;
    z-index: 99;
    position: absolute;
    margin-top: 5px;
}


#new_dropdown_menu ul li {
    padding:0;
    border-bottom:1px solid #b2b2b2;
    -webkit-transition: 0.3s ease-in-out;
    list-style-type: none;
}

#new_dropdown_menu ul li:hover,
#new_dropdown_menu ul li:active,
#new_dropdown_menu ul li:focus{
    background:#3d87ff;
}

#new_dropdown_menu ul li:last-child {
    border-bottom:0;
}

#new_dropdown_menu ul li a {
    font-size:14px;
    line-height:21px;
    font-weight:400;
    color:#000a12;
    text-align: center;
    margin: 0 auto;
    display: block;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    padding:6.6px;
}

#new_dropdown_menu .open_select .language {
    border-color:#2a5db0;
    background:#f4f7fb;
}


#new_dropdown_menu .language:after {
    content: "\f078";
    position: absolute;
    color: #808080;
    width:24px;
    height: 24px;
    right: 3px;
    top:6px;
    font-family: 'FontAwesome';
}

#new_dropdown_menu .language-menu {
    -webkit-transition: max-height 0.25s;
    -moz-transition: max-height 0.25s;
    -ms-transition: max-height 0.25s;
    -o-transition: max-height 0.25s;
    transition: max-height 0.25s;
    overflow: hidden;
}

#new_dropdown_menu .language-menu:not(.active) {
    display: none;
    border: 0;
}

/*--dropdown end--*/

/* .main-lft .reserved{position: absolute;bottom: 8.3%;right:0;left:0;}*/
/*.main-lft .reserved{position: static; top: 564px}*/

/*--iframe start--*/
iframe {
display: block;
border: none;
height: 100vh !important;
}
/*--iframe end--*/
/*--------join create account page end-------------*/
/*--------join page start-------------*/
.join-page{padding:0px 0;height: 100%;}
.join-page .submit_btn{background:#e5e5e5;border:1px solid #cccccc;color:#808080;height: 35px;font-size: 14px;line-height: 21.5px;}

.join-page small{display: block;position: relative;padding: 49px 0 0 0;text-align: center;}
.join-page small:before{content:"";position: absolute;top: 24px;left:0;right:0;width:280px;height: 1px;background:#cccccc;}
.join-page small a{color:#808080;font-size:14px;line-height:18px;font-weight: 500;text-align: center;margin:0 auto;display:inline-block;}
.join-page .account{-webkit-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);-o-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);border: solid 0.5px #e5e5e5;}
.join-page .reserved{position: absolute;
    bottom: 7.5%;
    right: 0;
    left: 0;}
.join-page h1{padding: 0 0 15px 0;}
.join-page .join-account{width:344px;}
.join-page .logo{/*padding:46px 0 24px 0;*/}
.join-page .main-lft{height: 100%;}
.join-page .account{}
.join-page label{}
.join-page input.feild1{}
.join-page input.feild1:focus{border : 1px solid #2a5db0}
.join-page .main-rt{}
.join-page:not(.reset-password) .reserved{position: relative; top: 0px}

/*--------join page end-------------*/
/*--------reset password page start-------------*/
.reset-password{padding:0;height: 100%;}
.reset-password .main-lft{width:100%;height: 100%;}
.reset-password h1{font-size:22px;line-height:26px;color:#000a12;font-weight: 700;padding: 0 0 18px 0;}
.reset-password p{color:#808080;font-size: 14px;line-height: 16px;letter-spacing: -0.1px;}
.reset-password .fill-form{padding: 15px 0 0 0;}
.reset-password .submit_btn{font-size: 13px;line-height: 21.5px;}

.reset-password small{display: block;text-align: center;}
.reset-password small a{color:#808080;font-size:14px;display:inline-block;}

.reset-password .reserved{position: relative; top: 0px}
.reset-password .reserved p{font-size:11px;line-height:14px;color:#808080;font-weight:400;letter-spacing: 0px;}
.reset-password .account{}
.reset-password .join-page .logo{padding:0;}
.reset-password input.feild1:focus{border : 1px solid #2a5db0}

/*--------reset password page end-------------*/
/*--------reset password set new page start-------------*/
.resetpwd-set-newpage{height: 100%;}
.resetpwd-set-newpage a{}
.resetpwd-set-newpage .join-account{width:344px;}
.resetpwd-set-newpage .account{-webkit-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);-o-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);border: solid 0.5px #e5e5e5;}
.resetpwd-set-newpage .fill-form{padding:16px 0 0 0;position: relative;}
.resetpwd-set-newpage label.new{float:left;}
.resetpwd-set-newpage small{float: right;display: inline-block;padding:0;position: relative;}
.resetpwd-set-newpage small a{}
.resetpwd-set-newpage input.feild1{margin: 4px 0 19px 0;}
.resetpwd-set-newpage .submit_btn{background:#e5e5e5;border:1px solid #cccccc;height: 36px;color:#808080;margin: 10px 0 0 0;}

.resetpwd-set-newpage .reserved{position: relative;top:0px}

.resetpwd-set-newpage .reserved p{}
.resetpwd-set-newpage h1{padding: 0 0 0 0;}
.form-group{}
.form-cnt {
    position: absolute;
    right: 35.2%;
    top: 14.3%;
    width: 163px;
    height: 74px;
    background:#000;
    z-index: 999;
    padding: 10px 10px;
    display:none;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    text-align: center;
    color:#fff;
    border-radius: 5px;
}

.form-cnt p{color:#fff;font-size: 12px;font-weight: 500;line-height: 14px;letter-spacing: 0;position: relative;}
.hover{display: block;}
.form-cnt p:after{
    content: "";
    position: absolute;
    border-width: 5px 5px 0 5px;
    bottom: -26px;
    left: calc(50% - 5px);
    margin-top: 0;
    background: transparent;
    margin-bottom: 0;
    border: 10px solid;
    border-color: transparent #000 transparent transparent;
    /* width: 15px; */
    /* height: 15px; */
    transform: rotate(-90deg);
    }

.tooltip{border:0.0rem solid #000;box-shadow:inherit !important;left: 185px !important;top: -69px !important;}

/*--errormessage start--*/
.errS.addicon{position: relative;padding:0;color:#D63339;font-size:14px;line-height:19px;font-weight:700;padding-left:25px;margin-bottom:15px;}
.errS.addicon:before{content:"";position: absolute;left:0px;top:0px;background: url(../img/errorimg.svg) no-repeat;width:30px;height:30px;}
.success.addicon{position: relative;padding:0;color:#4DB85F;font-size:14px;line-height:19px;font-weight:700;margin-bottom:15px;}
/*--errormessage end--*/
/*--------reset password set new page end-------------*/
/*----reset password- password changed confirmation page start------*/
.password-changed-confirmation{padding:0px 0;height:100%;}
.password-changed-confirmation .main-lft{padding:16px 0 130px;height: 100%;position: relative;}
.password-changed-confirmation .join-account{}
.password-changed-confirmation .account{-webkit-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);-o-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);border: solid 0.5px #e5e5e5;text-align: center;}
.password-changed-confirmation h1{text-align: center;padding: 0 0 11px 0;}
.password-changed-confirmation .lock{text-align: center;position: relative;display: inline-block;margin: 0 auto;}
.password-changed-confirmation .lock > img{display: block;text-align: center;margin: 0 0 0 -2px;margin: 0 auto;}
.password-changed-confirmation .reserved {position: relative; top:0px}
.password-changed-confirmation p{font-size:14px;line-height: 18px;color:#808080;font-weight:400;text-align: center;padding: 8px 0 34px;letter-spacing: 0px;}
.password-changed-confirmation .submit_btn{}
.tick{position: absolute;right: -4px;bottom: -3px;background:url(../img/tickmark.png) no-repeat center center #4db85f;border-radius: 100%;width: 25px;height: 25px;text-align: center;vertical-align: middle;display: block;padding: 3px 0 0 0;}
.password-changed-confirmation a{}
/*-----reset password- password changed confirmation page end-----*/
/*-----reset password-requested page start----*/
.resetpassword-requested{height:100%;}

.resetpassword-requested .join-account{}
.resetpassword-requested .logo{}
.resetpassword-requested .account{text-align: center;-webkit-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);-moz-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);-o-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);border: solid 0.5px #e5e5e5;}
.resetpassword-requested h1{padding: 0 0 28px 0;}
.resetpassword-requested .lock{padding: 0 0 18px 0;}
.lock span{font-size: 76px;line-height: 75px;position: relative;color: #000;}
.lock span small{position: absolute;right: -7px;top: 4px;width: 24px;height: 24px;color: #fff;display: block;background: #cd363f;font-size: 12px;line-height: 23px;border-radius: 100%;border: 2px solid #fff;}
.resetpassword-requested a{}

.resetpassword-requested em{color: #808080;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.1px;}
.resetpassword-requested .fill-form{padding: 12px 0 0 0;}


.resetpassword-requested .reserved {position: relative; top:0px}


.account1 p{font-size:14px;color:#808080;font-weight:400;padding: 18px 0 16px;display: block;}
.account1 p a{display: table; margin: 0 auto;font-size: 14px;color:#808080;}
/*-----reset password-requested page end----*/

/*----sign in page start---*/
.sign-in{padding:0;height: 100%;}
.sign-in .main-lft{height:100%;position: relative;}
.sign-in .join-account{width: 344px;}
.sign-in .logo{padding: 0 0  22px 0;}
.sign-in .account{
    -webkit-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.15);
    border: solid 0.5px #e5e5e5;
    }
.sign-in h1{padding: 0 0 0 0;}
.sign-in .fill-form{padding: 15px 0 0 0;}
.sign-in label{}
.sign-in input.feid1{}
.sign-in .submit_btn{height: 36px;margin: 10px  0 0 0;}
.sign-in small{display: block;position: relative;padding: 49px 0 0 0;text-align: center;}
.sign-in small:before{content: "";position: absolute;top: 24px;left: 0;right: 0;width: 280px;height: 1px;background: #cccccc;}
.sign-in small a{color:#808080;font-size:14px;line-height: 18px;font-weight: 500;text-align: center;margin: 0 auto;display:inline-block;}
.sign-in .legal-link {
    color: #808080;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding-top: 16px;
}

.sign_in .reserved{position: relative; top:0px}
.sign-in a.btn{width: 280px;height: 36px;color:#000a12;
font-size:14px;line-height: 36px;font-weight:700;display: block;outline:none;
    -webkit-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.05);
    -o-box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.05);
    box-shadow: 0 0.5px 0.5px 0 rgba(0, 0, 0, 0.05);
    border: solid 0.5px #dddddd;
    margin:31px auto 0;
    vertical-align: middle;
    border-radius:3px;
    background: #f2f2f2;
background: -moz-linear-gradient(top, #f2f2f2 1%, #e9e9e9 100%);
background: -webkit-linear-gradient(top, #f2f2f2 1%,#e9e9e9 100%);
background: linear-gradient(to bottom, #f2f2f2 1%,#e9e9e9 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e9e9e9',GradientType=0 );
    }
/*.sign-in a.btn:hover{background: #f8f8f8;}*/
.sign-in .main-rt{}


/*----sign in page end---*/

span.errS{color:#D63339; display:block; margin:0; padding:0;}
span.success{color:#4DB85F; display:block; margin:0; padding:0;}
span.f_success{color:#4DB85F; display:block; margin:0; text-align:center;padding:0;}

/* -------Don't Remove this---------------*/
input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], textarea, button, select {
    -webkit-appearance: none; /*Safari/Chrome*/
    -moz-appearance: none; /*Firefox*/
    -ms-appearance: none; /*IE*/
    -o-appearance: none; /*Opera*/
    appearance: none;
    -webkit-border-radius: 0;
}

p.performActionsBlock {
    text-align: center;
}

a.btn_mars_cta {
    transition: background 0.2s linear;
    display: inline-block;
    border-radius:4px;
    background:linear-gradient(180deg,#397eed,#2b5fb3);
    border-color: #2755a1;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    color: #ffffff;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    padding: 0 15px;
}

.sign-in a.btn {
    margin-bottom: 30px;
}

.appstore-button-row {
    display: flex;
    margin-top: 40px;
}

.appstore-button-row .column {
    width: 50%;
}

.appstore-button-row .column a .appstore-img {
    vertical-align: middle;
    width: 100%;
}

.appstore-button-row .column:first-child {
    display: flex;
    flex-wrap: wrap;
    padding-left: 30px;
}

.appstore-button-row .column a {
    text-align: center;
    width: 100%;
    margin-bottom: 22px;
}


.appstore-button-row .column > img {
    max-width: 65%;
    vertical-align: middle;
}