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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
dl,
dt,
dd,
ol,
nav ul,
nav li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* start editing from here */
a {
  text-decoration: none;
}
.txt-rt {
  text-align: right;
} /* text align right */
.txt-lt {
  text-align: left;
} /* text align left */
.txt-center {
  text-align: center;
} /* text align center */
.float-rt {
  float: right;
} /* float right */
.float-lt {
  float: left;
} /* float left */
.clear {
  clear: both;
} /* clear float */
.pos-relative {
  position: relative;
} /* Position Relative */
.pos-absolute {
  position: absolute;
} /* Position Absolute */
.vertical-base {
  vertical-align: baseline;
} /* vertical align baseline */
.vertical-top {
  vertical-align: top;
} /* vertical align top */
nav.vertical ul li {
  display: block;
} /* vertical menu */
nav.horizontal ul li {
  display: inline-block;
}
/* horizontal menu */

/*end reset*/
/****-----start-body----****/
body {
  background-color: black;
  background-size: cover;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  font-family: "Source Sans Pro", sans-serif;
  color: grey;
}
.main h1 {
  font-size: 2em;
  color: white;
  padding: 1em 0;
  text-align: center;
  text-decoration-color: grey;
  font-family: "Lora", serif;
  background-color: black;
  font-family: "Source Sans Pro", sans-serif;
}
body a,
form li,
.submit input[type="submit"],
form li.second,
ul.age-groups li label,
.submit.three input[type="submit"],
.submit.two input[type="submit"] {
  transition: 0.1s all;
  -webkit-transition: 0.1s all;
  -moz-transition: 0.1s all;
  -o-transition: 0.1s all;
}
/*----sap-----*/
.sap_tabs {
  clear: both;
  margin: 0 auto;
  width: 40%;
}
.facts {
  padding: 4% 4% 5% 4%;
  background: white;
}
.top1 {
  margin-top: 10px;
}
.resp-tabs-list {
  width: 100%;
}
.tab-text h3 a {
  color: #918d8d;
  font-size: 1.4em;
  text-decoration: none;
}
.resp-tab-item:first-child {
  border-left: none;
}

i.resp-tab-item.lost {
  margin: 0;
}

/* register block*/
.resp-tab-item {
  border: none;
  color: black;
  font-size: 1em;
  text-transform: uppercase;
  cursor: pointer;
  padding: 1.3em 0;
  display: inline-block;
  text-align: center;
  list-style: none;
  float: left;
  width: 100%;
  outline: none;
  font-family: "Raleway", sans-serif;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  font-weight: 600;
}

.resp-tab-active {
  background: #d8c8c6;
  text-shadow: none;
  color: grey;
}

h2.resp-accordion {
  cursor: pointer;
  padding: 5px;
  display: none;
}

/* text color changed*/

.register p {
  font-size: 1.1em;
  color: grey;
  padding: 1em 0;
  font-weight: 500;
  text-align: left;
}
.register input[type="text"],
.register input[type="password"] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.8em 0.8em;
  color: black;
  font-size: 15px;
  font-size: 15px;
  outline: none;
  background: none;
  font-weight: 500;
  border: 1px solid rgba(5, 4, 4, 0.69);
  font-family: "Raleway", sans-serif;
}

.submit-app {
  padding: 1.2em 0;
}
.submit-app input[type="submit"]:hover,
.submit.two input[type="submit"]:hover,
.submit.three input[type="submit"]:hover {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
  -o-transform: rotate(4deg);
  -moz-transform: rotate(4deg);
}

.submit-app input[type="submit"] {
  float: centre;
  background: linear-gradient(197.63deg, #1595f4 9.36%, #095ce5 86.39%);
  padding: 0.8em 1.5em;
  color: #fff;
  font-weight: 400;
  border: none;
  outline: none;
  cursor: pointer;
  font-size: 1em;
  transition: 0.1s all;
  -webkit-transition: 0.1s all;
  -moz-transition: 0.1s all;
  -o-transition: 0.1s all;
  font-family: "Raleway", sans-serif;
}
.fieldlabel {
  color: grey;
}
.feedback{border:2px solid green;font-size:150%;padding:1rem;}
.logo-div{width:15%; margin:0 auto;}
.logo{margin:2rem auto -1rem;display:block;float:left;}
.logo-div h1{padding-top: 3.5rem;}
@media screen and (max-width: 600px) {
	.sap_tabs,
	textarea{width:100%;}
	.logo-div{width:72%;}	
}