.side-navbar {
  width: 250px;
  height: 100%;
  position: fixed;
  padding-top: 100px;
  margin-left: -300px;
  background-color: #1e3d59;
  transition: 0.5s;
  display:block;
}

.side-navbar h3{
	padding-top: 20px;
	font-family: "Oswald", sans-serif;
	font-size:20px;
	text-align:center;
	color:#ffc13b;
}

.side-navbar p{
	font-family: "aldrich", sans-serif;
	font-size:15px;
	text-align:center;
	/*padding-bottom: 50px;*/
}

.sbarnavbar a i, .sbarnavbar a:focus i{
    padding: 15px 10px 20px 15px;
}
.sbar-container {
  transition: 0.4s;
}

.sbaractive-nav {
  margin-left: 0;
}

.sbaractive-cont {
  margin-left: 250px;
}

#sbarmenu-btn {
  background-color: #1e3d59;
  color: #fff;
  margin-top: 60px;
  margin-left: -62px;
}

.sbar-container input {
  border-radius: 2rem;
  padding: 0px 0px;
}

.sbar-content {
	margin-top: 20px;
	margin-left: 25px;
}

.sbar-content .regnpg {
	margin: 100px 25px 125px 25px;
}

/*
.sbar-content .regnpg .p1{
	font-family: "Gruppo", sans-serif;
	font-size: 30px;
	font-weight:800px;
	color: #d9172a !important;
}
*/

#footer .sbar-content {
	padding-left: 300px;
	background:#fff;
}
.h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color:#ef6603;
}
.span {
	font-family: "coda", sans-serif;
	font-size: 20px !important;
	color:#ef6603;
}
.p {
  font-family:"coda", sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  padding: 0;
  margin: 0;
  color: #000;
}
.copyright {
  font-family: "coda", sans-serif;
  font-size: 15px;
  color: #d9172a;
  margin: 0 0 5px 0;
}
.sbar-content h2 {
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "Rajdhani", sans-serif;
    color: #000;
}

.sbar-content h2 span {
    font-size: 20px;
    font-weight: 800;
    font-family: "Rajdhani", sans-serif;
    color: #d9172a;
}

.sbar-content label {
    font-size: 20px;
    font-weight: 800;
    font-family: "UniNeue", sans-serif;
    color: #000;
}

.sbar-content label span{
    font-size: 15px;
	padding:10px;
	color:#003fff;
    /*color: #136207;
	color: #FF1493;*/
}

.sbar-content h3 {
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: "viola", sans-serif;
    color: #d9172a;
}


.sbar-content input, .sbar-content textarea, .sbar-content select {
  margin-top: 5px;
  border-radius: 0;
  box-shadow: none;
  font-family: "UniNeue", sans-serif;
  font-size: 20px;
  padding: 10px 10px; 
}

/*
.table, tbody, tr, td, input  {
  margin-top: 2px;
  font-family: "UniNeue", sans-serif;
  font-size: 20px;
  padding: 2px 2px; 
}
*/
.sbar-content select  {
  background-image: linear-gradient(45deg, transparent 50%, blue 50%), linear-gradient(135deg, blue 50%, transparent 50%), linear-gradient(to right, skyblue, skyblue);
  background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
}

.sbar-content select:focus {
  background-image: linear-gradient(45deg, white 50%, transparent 50%), linear-gradient(135deg, transparent 50%, white 50%), linear-gradient(to right, gray, gray);
  background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, 100% 0;
  background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

.sbar-content input, .sbar-content select {
  height: 50px;
}


.sbar-content input[type="button"] {
  font-family: "UniNeue", sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  background: #1e3d59;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 5px;
}

.sbar-content input[type="button"]:hover {
  font-family: "UniNeue", sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  border: 1px solid #e52165;
  background: #e52165;
  color:#fff;
}

.sbar-content input[type="submit"] {
  font-family: "UniNeue", sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  background: #1e3d59;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 5px;
}

.sbar-content input[type="submit"]:hover {
  font-family: "UniNeue", sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  border: 1px solid #e52165;
  background: #e52165;
  color:#fff;
}

.sbar-content button[type="submit"] {
  font-family: "UniNeue", sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  background: #1e3d59;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 5px;
}

.sbar-content button[type="submit"]:hover {
  font-family: "UniNeue", sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  border: 1px solid #e52165;
  background: #e52165;
  color:#fff;
}
.sbar-content input[type="checkbox"],
.sbar-content input[type="radio"] {
	transform: scale(2.0);
    box-sizing: border-box;
    padding: 0
}

/*
.sbar-content input[type="checkbox"] {
  font-family: "UniNeue", sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  background: #1e3d59;
  border: 0;
  padding: 10px 24px;
  color: #fff;
  transition: 0.4s;
  border-radius: 5px;
}

.sbar-content input[type="checkbox"]:hover {
  font-family: "UniNeue", sans-serif;
  font-size: 20px;
  letter-spacing:1px;
  border: 1px solid #e52165;
  background: #e52165;
  color:#fff;
}

.flipswitch {
  position: relative;
  background: white;
  width: 120px;
  height: 40px;
  -webkit-appearance: initial;
  border-radius: 3px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  font-size: 14px;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #ddd;
}

.flipswitch:after {
  position: absolute;
  top: 5%;
  display: block;
  line-height: 32px;
  width: 45%;
  height: 90%;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.3s ease-in 0s;
  color: black;
  border: #888 1px solid;
  border-radius: 3px;
}

.flipswitch:after {
  left: 2%;
  content: "OFF";
}

.flipswitch:checked:after {
  left: 53%;
  content: "ON";
}


$(function() {
  var f = function() {
    $(this).next().text($(this).is(':checked') ? ':checked' : ':not(:checked)');
  };
  $('input').change(f).trigger('change');
});

*/