@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.2');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.2') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.2') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.2') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.2') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.2#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/font_mulish/Mulish-SemiBold.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'Mulish';
  src: url('../fonts/font_mulish/Mulish-Bold.ttf') format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'Zilla Slab';
  src: url('../fonts/font_zilla/ZillaSlab-Medium.ttf') format('truetype');
  font-weight: 500;
}
@font-face {
  font-family: 'Zilla Slab';
  src: url('../fonts/font_zilla/ZillaSlab-SemiBold.ttf') format('truetype');
  font-weight: 600;
}
@font-face {
  font-family: 'Zilla Slab';
  src: url('../fonts/font_zilla/ZillaSlab-Bold.ttf') format('truetype');
  font-weight: 700;
}

.fa,.ukicon{display:block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-indent:0}
:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,tt,var,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
a:hover{text-decoration:none;}
p{margin-top:0;margin-bottom:5px}
img{border:0 none}
.clr{clear:both}
.floatl{float:left}
.floatr{float:right}
.divinner{margin:0 50px}
#wrapper{width:100%;margin:0 auto;clear:both}
#wrapperouter{padding:0;margin:0 auto}
#wrapperinner{width:100%}
div#area{margin:0;}
#header{width:100%;padding:30px 0 0;margin:0 auto;position:relative;top:0;z-index:999}
#headerright,.sidebar-toggle-box,#welcome_outer{display:none}
#logo{width:200px;padding:0;margin:0 auto;text-align:center}
#logo img{max-height:80px;margin:0 auto}
#contentarea{float:none;margin:0 auto;background:none;border:0;width:100%}
#footer{width:100%;color:#666;text-decoration:none;text-align:center;display:none}
#footer a{color:#666;text-decoration:none}
#system-message-container {max-width: 340px;margin: 10px 0px 10px auto;text-align:left;}
#system-message{margin:0;padding:0}
#system-message dt{font-weight:700;display:none}
#system-message dd{font-weight:500;margin:0 0 5px}
#system-message dd ul{list-style:none;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin:0;padding:7px 5px 7px 40px}
#system-message dd.message ul{background:#fff url(../images/alert.png) 13px center no-repeat;border-left:5px solid #619C00;color:#619C00}
#system-message dd.notice ul{background:#fff url(../images/alert.png) 13px center no-repeat;border-left:5px solid #619C00;color:#619C00}
#system-message dd.error ul,#system-message dd.warning ul{background:#fff url(../images/notice.png) 13px center no-repeat;border-left:5px solid #CD0A0A;color:#CD0A0A}
.downfile{margin:40px auto;float:left;width:100%;line-height:80px;font-size:30px;text-align:center;padding:70px 0;background:#fff;border:#e5e5e5 solid 1px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.1);-ms-box-shadow:0 2px 4px rgba(0,0,0,0.1);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.1);box-shadow:0 2px 4px rgba(0,0,0,0.1)}
.downfileinner{background:url(../images/download_bg.png) left 50% no-repeat;text-indent:100px;text-align:center;display:inline-block}
.cFrontPageRight,.loginpage .cFrontPageRight{margin:0 auto;padding:0px 10px 30px;}
.cFrontPageRight,.loginpage .cFrontPageRight,.signup-in-wrapper .sociallogin {max-width:350px;}
.login_h3{display:none}
.login_h3,.reset_h3{border-bottom:1px solid #ededed;color:#565656;text-shadow:none;font-weight:700;font-size:16px;padding:3px 0}
.loginform .front_label{display:none}
.front_input{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;padding-left:40px;background:#fff;border:1px solid #cdcdcd;position:relative;margin-bottom:20px;padding-right:10px;padding:0;transition: border 0.2s ease-in-out;}
.front_input:before{display:block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-indent:0;position:absolute;color:#666;left:20px;top:20%;font-size:20px;content:"\f007";display:none}
.front_input.error {border-color: #ff6b6b;}
.front_input.input2:before{content:"\f023"}
.front_input input,.inputbox{border:0;color:#242424;background:none;padding:10px;margin:0 10px;line-height:20px}
.front_input input{padding:8px 10px;margin:0;width:100%;box-sizing:border-box;outline:none;font-family:inherit;font-size:14px;}
.front_label{line-height:25px;background-image:url(../images/loginicons.jpg);background-repeat:no-repeat;padding-left:35px;color:#777;font-size:13px}
.front_label.password,.front_label.label2{background-position:0 -37px}
.front_label.labelemail{background-position:0 -77px}
.button{width:100%;padding:3%;background:#00b5f9;border:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0;color:#fff;font-size:17px;text-transform:uppercase;cursor:pointer;font-family:inherit;}
.cFrontPageRight ul{margin:0;padding:20px;list-style:square}
.cFrontPageRight ul a{color:#666}
.cFrontPageRight ul li{float:none;margin:0 0 10px}

body{font-family:'arial',Arial,sans-serif;line-height:18px;font-size:12px;color:#333333;background:#fff;}
.mdl-layout{margin:10px auto 50px;padding:20px;border:0;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;color:#666}
.mdl-layout__container{background:url(../images/login_bg_vector.png) 50% 100% no-repeat;background:none}
#header{width:100%;padding:20px 0;margin:0 auto;position:relative;top:0;z-index:999}
#logo img{max-height:40px}
.button{box-shadow: 2px 1px 5px 1px #e7e7e7;border: 0px;font-weight: 600;outline:none; font-size: 15px;background:#5CB85C;color:#fff;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
a{color:#00B5F9}
.mainheader.mdl-layout__header,div#logoicon {display: none;}
#header{display:none}
.loginpage h2 {text-align: center;text-transform: uppercase;color: #000;font-weight: 700;font-size: 15px;}
.sign_mod, .loginpage {display: inline-block;vertical-align: middle;}
.sign_mod {width: calc(100% - 500px);text-align: left;color: #fff;}
.loginpage {width: 340px;background: #fff;padding: 0;border-radius: 10px;box-shadow:0 0 10px 5px rgba(0,0,0,.1);    box-sizing: border-box;float: right;overflow:hidden}
.sign_mod .connecting_team .heading {font-size: 80px;text-transform: inherit;line-height: 95px;font-weight: 500;letter-spacing: 1.2px;font-family: Zilla Slab;padding-top: 75px;}
.sign_mod .globe {width: 100%;}
.sign_mod .bottom_logo {text-align: left;}
.sign_mod .bottom_logo img {vertical-align: middle;margin-right: 20px;}
.mdl-layout__content {width: 100%;max-width: 1280px;}
.mdl-tabs{display:block;width:100%}
.mdl-tabs__tab-bar{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:space-between;-ms-flex-line-pack:justify;align-content:space-between;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;height:48px;padding:0;margin:0;}
.mdl-tabs__tab{width:100%;margin:0;border:none;padding:0 20px;float:left;position:relative;display:block;text-decoration:none;height:48px;line-height:48px;text-align:center;font-weight:500;font-size:14px;text-transform:uppercase;color:rgba(0,0,0,0.54);overflow:hidden;background:#f4f5f7}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active{color:rgba(0,0,0,0.87);    background: #fff;}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after{height:4px;width:100%;display:block;content:" ";top:0;left:0;position:absolute;background:#029AB2;-webkit-animation:border-expand .2s cubic-bezier(0.4,0,0.4,1) .01s alternate forwards;animation:border-expand .2s cubic-bezier(0.4,0,0.4,1) .01s alternate forwards;transition:all 1s cubic-bezier(0.4,0,1,1)}
.mdl-tabs__tab .mdl-tabs__ripple-container{display:block;position:absolute;height:100%;width:100%;left:0;top:0;z-index:1;overflow:hidden}
.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple{background:#dbd84d}
.mdl-tabs__panel{display:block;padding: 0 20px;}
.mdl-tabs.is-upgraded .mdl-tabs__panel{display:none}
.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active{display:block}

/* added by abhishek */
.mt_10{margin-top: 10px;}
.mb_20{margin-bottom: 20px;}
.lightgrey {color: #8c8c8c;}
.large{font-size: 16px;}
.small{font-size: 12px;}
.flex{display: flex;}
.m_0{margin: 0;}
.p_0{padding: 0;}
.ml_auto{margin-left:auto;}
a.t_decor_none{text-decoration: none;}
.centeralign{text-align:center !important;}
.white-bg{background-color: #fff !important;}
.clear-float::after,.clear-float::before{content:"";display:table;clear:both;}
.skyblue-text {color: #029AB2;}
.bold {font-weight: 700;}
button.button.u_case {width: auto;padding: 12px 60px;letter-spacing: 0.5px;}
.nopadding {padding: 0 !important;}



.name-sect > p {width: calc(100% / 2 - 6px);display: inline-block;}
.name-sect > p:nth-child(1) {margin-right: 4px;}
.passw-sect.flex {justify-content: space-between;}
.passw-sect .front_input {width: calc(100% - 80px);}
.passw-sect .show-hide-sect {width: 80px;margin-bottom: 20px;justify-content: center;align-items: center;font-size: 13px;font-weight: 500;text-decoration: none;}
.passw-sect .show-hide-sect i {margin-right: 5px;font-size: 18px;}
.agree-term-text {margin: 40px auto 15px;}
.have-an-acc{font-weight:500;}

#login-panel .cFrontPageRight {padding-bottom: 120px;}
#form-login .fgt_pass {display: table;font-size: 14px;font-weight: 500;color: #635E87;margin-bottom: 50px;}
.loginpage .button{padding: 4%;}
#frmCheckPassword {border-top: #F0F0F0 2px solid;background: #808080;padding: 10px;}
.demoInputBox {padding: 7px;border: #F0F0F0 1px solid;border-radius: 4px;}
.medium-password,.weak-password,.strong-password, .pss_notmatch_sts {padding: 5px 0;border-radius: 4px;margin: -20px 5px 10px;font-weight: 600;}
.medium-password {color: #d6a801;}
.weak-password {color: #ce1d14;}
.strong-password {color: #00bd08;}

body.registration .sign_mod {display: none;}

.about-service {margin-top: 10px;padding: 25px 40px;border-radius: 15px;max-width: 530px;box-sizing: border-box;width: 100%;}
.registration-complete.mdl-grid {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-flow: row wrap;-ms-flex-flow: row wrap;flex-flow: row wrap;margin: 0 auto;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;justify-content: center;}
.registration-complete {color: #333;}
.registration-complete h4 {font-size: 16px;margin: 5px 0 25px;}
.registration-complete .desc,.reset .desc {margin: 20px 0;font-size: 14px;font-weight: 500;line-height: 20px;}

#slogin-buttons > a.linkgoogleslogin {float: right;}
.or-login-with {margin: 12px 0;text-align: center;color: #ddd;position: relative;font-size: 12px;font-weight: 600;overflow: hidden;}
.or-login-with::before, .or-login-with::after {content: "";position: relative;width: 50%;height: 1.5px;display: inline-block;background-color: #ddd;vertical-align: middle;}
.or-login-with::before {right: 0.5em;margin-left: -50%;}
.or-login-with::after {left: 0.5em;margin-right: -50%;}
.loginform .sociallogin .jlslogin > h5,.registerform .sociallogin .jlslogin > h5{margin-bottom:10px;color: #333;}
.signup-in-wrapper .sociallogin > h5{margin-bottom:10px;color: #333;}
.signup-in-wrapper .sociallogin {padding: 15px 30px 0;margin: 0 auto;}

.mdl-layout-login-wrapper {padding: 60px 50px;margin: 0;border-radius: 0;background: url(../images/login-background.png) no-repeat;background-size: cover;background-position: 20% center;box-sizing: border-box;}

.login-wrap-content {background-color: #F5F5F5;}
.login-wrap-content > div {max-width: 945px;margin: 0 auto;font-family: Mulish;font-weight:600;font-size: 19px;line-height: 32px;text-align: center;color: inherit;letter-spacing: 0.3px;padding: 50px 20px;}
.login-wrap-content > div .small{font-size:17px;}
.login-wrap-content > div .small a{font-weight:700;text-decoration:none;}

.cmposite_logo a {display: inline-block;width: 260px;text-decoration: none;height: 60px;overflow: hidden;text-align:left;}
.cmposite_logo a:first-child {margin-right: 80px;}
.cmposite_logo a img {width: 100%;height: auto;}
.cmposite_logo a span {text-transform: uppercase;color: #dfdfdf;font-family: Mulish;font-weight: 700;display: block;letter-spacing: 0.3px;font-size: 13px;margin-bottom: 5px;}

.sub-heading {font-size: 26px;font-family: Mulish;font-weight: 700;line-height: 36px;margin-top: 55px;letter-spacing: 0.5px;}
.sub-heading::before {content: "";width: 38%;height: 5px;background-color: #00A1B5;display: block;position: relative;top: -25px;}

.registration .cmposite_logo,.reset .cmposite_logo {display: flex;flex-flow: column wrap;align-items: center;}
.registration .cmposite_logo a span,.reset .cmposite_logo a span{font-size:11px;}
.registration .cmposite_logo a:first-child,.reset .cmposite_logo a:first-child{margin-right:0;}
.registration .cmposite_logo a,.reset .cmposite_logo a{width: 180px;}
.registration .about-service {margin-top: 10px;padding: 35px;}
.registration .login-wrap-content,.page_com_users.registration #system-message-container{display:none;}
.registration .mdl-layout-login-wrapper,.page_com_users.reset .mdl-layout-login-wrapper{background: linear-gradient(to right bottom, #15377a, #004e8c, #006499, #0079a4, #2b8ead);min-height:100vh;}

.page_com_users.reset #system-message-container{margin: 10px auto;} 
.page_com_users.reset .loginpage,.page_com_users.reset #system-message-container{max-width: 470px;}
.page_com_users.reset .loginpage{width: auto;float: none;margin-top: 15px;}
.page_com_users.reset .loginpage .cFrontPageRight{max-width:inherit;padding: 70px 60px;}
.page_com_users.reset .mainpadding{text-align:center;}

#header.article-header{display: none flex;width: calc(100% - 20px);max-width: 1390px;height: 60px;padding:0;position: absolute;top: 0;left: 0;right: 0;margin: 3px auto 0;box-sizing: border-box;align-items: center;}
.sign-up-in-wrapper .btn.button{padding: 12px 25px;}
.page_com_content.article .mdl-layout-login-wrapper{padding-top:20px;padding-bottom:20px;}

.page_com_content.article{background:#E9EEF4;}
.page_com_content.article .mdl-layout-login-wrapper{background: none;}
.page_com_content.article #wrapper{max-width: 1140px;}
.page_com_content.article #wrapper .article_content{font-family:Mulish}

.article-wrap {font-size: 16px;line-height: 27px;color: #333;}
.article-wrap h1.head-title {font-size: 38px;margin-bottom: 45px;line-height: 38px;font-weight: 900;padding: 150px 0;background: linear-gradient(to right bottom, #15377a, #004e8c, #006499, #0079a4, #2b8ead);color: #fff;}
.article-wrap > ul {list-style-type: none;}
.article-wrap > ul > li {margin-bottom: 10px;}
.article-wrap > ul > li > .main {font-weight: 900;font-size: 18px;color: #029ab2;letter-spacing: 0.2px;}
.article-wrap > ul > li > .main.large {font-size: 27px;line-height: 37px;font-weight: 900;}
.article-wrap > ul > li > ul > li {margin-bottom: 5px;}
.inner-ul {margin-left: 35px;list-style-type: square;}
.list-upper-latin{list-style-type : upper-latin;}

@media screen and (max-width: 1110px) {
  .cmposite_logo a{width: 220px;}
  .cmposite_logo a:first-child {margin-right: 30px;}
  .sign_mod {width: calc(100% - 390px);}
  .sign_mod .connecting_team .heading{font-size: 55px;line-height: 65px;}
  .sub-heading {font-size: 21px;line-height: 31px;}
  .article-wrap h1.head-title{font-size: 28px;padding: 120px 20px;}
  .article-wrap{font-size: 15px;line-height:26px;}
  .article-wrap > ul > li > .main.large{font-size: 24px;line-height: 34px;}
}
@media screen and (max-width: 899px){
  .sign_mod .connecting_team .heading{font-size: 45px;line-height: 55px;}
  .sub-heading {font-size: 18px;line-height: 28px;}
  .login-wrap-content > div{font-size:17px;}
  
  
}
@media screen and (max-width: 839px){
  .mdl-layout-login-wrapper{padding:50px 20px;}
  .cmposite_logo a{width:200px;}
  .sign_mod .connecting_team .heading{font-size: 37px;line-height: 47px;}
  .sub-heading {font-size: 17px;line-height: 27px;margin-top: 25px;}
}
@media screen and (max-width : 700px) {
  .sign_mod .connecting_team .heading {font-size: 30px;line-height: 40px;}
  .login-wrap-content > div{padding: 30px 20px;}
  .sub-heading,.login-wrap-content > div ,.login-wrap-content > div .small{font-size: 16px;line-height: 26px;}
  .cmposite_logo a {width: 170px;}
  .article-wrap h1.head-title {font-size: 24px;padding: 90px 20px;line-height: 28px;}
  .article-wrap > ul > li > .main.large{font-size: 22px;line-height: 32px;}
}

@media screen and (max-width : 650px){
  .cmposite_logo > img {width: 180px;height: auto;}
  .sign_mod, .loginpage,#system-message-container {width: 360px;margin: 0 auto;}
  .sign_mod, .loginpage {display: block;float: none;}
  .sign_mod .connecting_team .heading {margin-top: 10px;margin-bottom: unset;font-size: 25px;line-height: 35px;padding-top: 0;letter-spacing:0px;}
  .sub-heading, .login-wrap-content > div, .login-wrap-content > div .small{font-size:15px;line-height:25px;}
  .sub-heading::before{content:none;}
  .sub-heading{margin:5px 0 10px;letter-spacing:0px;}
  .signup-in-wrapper .sociallogin,.cFrontPageRight, .loginpage .cFrontPageRight{max-width:430px;}
  .cmposite_logo {text-align: center;display: block;}
  .cmposite_logo a {width: 150px;}
  .cmposite_logo a span{font-size:13px;text-align:left;}
  .buttondiv,.connecting_team{text-align:center;}
  #system-message-container{max-width:100%;}
  .page_com_users.registration .about-service {margin-top: 30px;padding: 45px 25px;}
}
@media screen and (max-width: 450px){
  .cmposite_logo a {width: 130px;}
  .cmposite_logo a:first-child{margin-right:10px;}
  .cmposite_logo a span{font-size:11px;margin-bottom:5px;}
  #slogin-buttons.slogin-buttons a{padding:2px 10px;}
  #slogin-buttons.slogin-buttons a span.slogin-ico{width: 20px;height: 20px;margin-top: 5px;}
  .article-wrap h1.head-title {font-size: 20px;}
  .article-wrap{font-size: 14px;line-height:24px;}
  .article-wrap > ul > li > .main.large{font-size: 20px;line-height: 30px;}
}
@media screen and (max-width: 400px){
  .sign_mod, .loginpage,#system-message-container {width: 100%;margin: 0 auto;}
}