@import url('bootstrap.min.css');
@import url('responsive.css');
@font-face { font-family: 'Proxima Nova Th'; src: url('../fonts/ProximaNova-Extrabld.woff2') format('woff2'), url('../fonts/ProximaNova-Extrabld.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
@font-face { font-family: 'Proxima Nova Rg'; src: url('../fonts/ProximaNova-Bold.woff2') format('woff2'), url('../fonts/ProximaNova-Bold.woff') format('woff'); font-weight: bold; font-style: normal; font-display: swap; }
body { background: #ffffff url('../img/backgroundimg.png') no-repeat right; height: 100vh; }
.text_div { background: #fff url('../img/worldmap.png') no-repeat center; padding: 60px 0; height: 100vh; align-items: center; display: flex; position: relative; }
.text_div h1 { font-family: 'Proxima Nova Rg'; font-size: 60px; line-height: 68px; z-index: 99; position: relative; }
.clr1 { color: #df2424; }
.clr2 { color: #1568bd; }
.text_div p { font-size: 20px; color: #313030; }
.text_div ul { padding-left: 10px; list-style: none; }
.text_div ul li { background: url(../img/checkmark.png) no-repeat left; line-height: 37px; padding-left: 40px; font-size: 18px; font-weight: 400; color: #212121; }
.login-header { position: fixed; top: 25px; }
.loginForm { background: #1568bd; padding: 35px; margin-right: -65%; z-index: 0; position: relative; }
.loginForm input[type="text"],
.loginForm input[type="password"] { border: 1px solid #105ead; outline: none; border-radius: 4px; font-size: 18px; color: #000; padding: 13px 10px; width: 100%; }
.loginForm input[type="text"] { background: #fff url('../img/user.png') no-repeat left; background-position: 15px 13px; padding-left: 65px; }
.loginForm input[type="password"] { background: #fff url('../img/lock.png') no-repeat left; background-position: 15px 13px; padding-left: 65px; }
.loginForm input[type="text"]:focus { background: #fcf7d8 url('../img/user.png') no-repeat left; border-color: #083e75; background-position: 15px 13px; padding-left: 65px; }
.loginForm input[type="password"]:focus { background: #fcf7d8 url('../img/lock.png') no-repeat left; border-color: #083e75; background-position: 15px 13px; padding-left: 65px; }
.subbtn { background: #0fb75e; font-size: 22px; text-transform: uppercase; font-family: 'Proxima Nova Rg'; color: #fff; display: block; text-decoration: none; padding: 8px 10px; text-align: center; border-radius: 4px; }
.subbtn:hover { text-decoration: none; color: #fff; background: #082a4c; }
.fmrow { padding-bottom: 35px; }
.remberme { color: #fff; font-size: 18px; }
.remberme label { margin-left: 10px; }
footer { position: fixed; bottom: 0; left: 0; right: 27%; padding-bottom: 10px; }
footer .linkweb { font-size: 13px; text-decoration: none; color: #000; }
.heading2 { color: #fff; text-transform: uppercase; font-family: 'Proxima Nova Rg'; font-size: 32px; text-align: center; padding-bottom: 30px; padding-top: 20px; position: relative; }
.heading2::after { content: ''; width: 100%; height: 1px; position: absolute; top: 38px; background: #084b8f; left: 0; }
.heading2 span { background: #1568bd; position: relative; z-index: 9; padding: 0 20px; }
.bg1 { position: absolute; right: 4%; top: 10%; z-index: 0; }
.bg2 { position: absolute; right: 305px; top: 186px; z-index: 0; }
.bg3 { position: absolute; left: 3%; top: 19%; z-index: 0; }
.bg4 { position: absolute; right: 262px; bottom: 186px; z-index: 0; }
.bg5 { position: absolute; left: 9%; bottom: 162px; z-index: 0; }
.bg6 { position: absolute; right: 45%; bottom: 162px; z-index: 0; }
.powerby { font-size: 13px; }
.powerby img { position: relative; top: -4px; left: 5px; }