html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
  overflow-x:hidden;
  background:#eee;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  background-color: #f5f5f5;
}
body > .container {
  padding: 60px 15px 60px 15px;
}
.container .text-muted {
  margin: 20px 0;
}

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}
.bg{min-height:100vh;}
.bg1{height:100vh; background:#eee;}
@font-face {font-family: 'typo';src: url('../fonts/typo.ttf');}
@font-face {font-family: 'gothic';src: url('../fonts/gothics.ttf');}
.panel{border-color:#eee;margin:40px 0;padding:20px;font: 15px "Century Gothic", "Times Roman", sans-serif;}
.title{font-family:'typo';}
.header{background:#26282c;height:70px;}
.logo{font-family:'typo';font-size:35px;color:#ffffff;margin:15px;}
.title1{font: 12px "Century Gothic", "Times Roman", sans-serif;}
.title2{font-family: 'Ubuntu', sans-serif;font-size:20px;}
.sub1{color:#FFFFFF;background:#0000ff;font-size:15px;margin:20px;padding:8px;}
.logb{color:#FFFFFF;background:#0000ff;font-size:15px;margin:20px;padding:8px;}
.logb:hover{color:lightyellow;}
.sub{color:#FFFFFF;background:#0000ff;font-size:15px;margin:20px;padding:8px;}
.sub:hover{background-color:#000066;}
.footer{font-size:15px;text-align:center;background-color:#26282c;}
.footer a{margin:25px;color:#0000ff;text-decoration:none;font: 15px "Century Gothic", "Times Roman", sans-serif;}
.box{padding:9px;}
hr{color:#000000;}
.top{margin-top:20px;}
.log1{font: 15px 'Ubuntu', sans-serif;color:#0000ff;margin-left:10px;}
.log{margin:10px;margin-left:5px;color:#ffffb3;text-decoration:none;font-size:20px;font-size:15px;}
.log:hover{color:#ffffff;border-bottom:3px solid;border-color:darkorange;text-decoration:none;}
.funkyradio div {clear: both;}
.funkyradio label {border-radius: 3px;border: 1px solid #D1D3D4;font-weight: normal;}
.funkyradio input[type="radio"]:empty,.funkyradio input[type="checkbox"]:empty {display: none;}
.funkyradio input[type="radio"]:empty ~ label,.funkyradio input[type="checkbox"]:empty ~ label {position: relative;line-height: 2.5em;text-indent: 3.25em;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.funkyradio input[type="radio"]:empty ~ label:before,.funkyradio input[type="checkbox"]:empty ~ label:before {position: absolute;top: 0;bottom: 0;left: 0;content: '';width: 2.5em;background: #D1D3D4;border-radius: 3px 0 0 3px;}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {color: #888;}
.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {content: '\2714';text-indent: .9em;color: #C2C2C2;}
.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {color: #777;}
.funkyradio input[type="radio"]:checked ~ label:before,
.funkyradio input[type="checkbox"]:checked ~ label:before {content: '\2714';text-indent: .9em;color: #333;background-color: #ccc;}
.funkyradio input[type="radio"]:focus ~ label:before,.funkyradio input[type="checkbox"]:focus ~ label:before {box-shadow: 0 0 0 3px #999;}
.funkyradio-success input[type="radio"]:checked ~ label:before,.funkyradio-success input[type="checkbox"]:checked ~ label:before {color: #fff;background-color: #5cb85c;}
.main_heading{padding:100px;}
.main_heading h2{font-size:60px; letter-spacing:0.1em;}
.main_container .jumbotron {background: transparent;}
.table-striped .table>thead>tr>td{text-align: center;}
.row.header {display: flex;align-items: center;justify-content: space-between;}
.btn-primary {margin: 5px;}
@media screen and (max-width: 1023px){.about_logo, .account_header .logo {font-size: 28px;margin: auto;}
}
.account_header{display: flex; align-items: center; justify-content: space-between; padding-top: 10px;}
.account_hader .top{margin-top: 5px;}
.account_container {padding:0;}
.navbar-default .navbar-brand {color: orangered !important;font-family: fantasy;font-size: xx-large;}
@media (min-width: 1200px){.container {width: 90%;}}
.main_row h1 {font-size: 40px; font-weight: bold; border-bottom: 11px solid darkorange; max-width: fit-content; padding-bottom: 9px; margin: 40px 0 20px;}
.main_row {display: flex; justify-content: center; align-items: center; flex-wrap: wrap;}
.reg_form {border: 1px solid darkorange; padding: 30px !important;}
.reg_content{margin-bottom:60px;}
.main_container{margin-bottom:100px;}
.nav_2{float:left; margin:0;}
.nav_2>li{float:left;}
.nav_2>li>a{padding-top:15px; padding-bottom:15px;}
.navbar{margin-bottom:0 !important;}
.main__row {display: flex; align-items: center; justify-content: center; flex-direction:column;}
.navbar-brand>img {margin-top: -4px;}