cssmain.css

body{
	font-family: 'Josefin Sans';
	text-align: center;
	font-size: 20px;
	font-weight: 300;
	background-color: #f0f0f0
}

.parallax-1 {
  background-image: url("imgs/kgp.jpg");\
}

#heading{
	
	color: #2c3e50;
	font-family: 'Dancing Script';
    font-size: 120px;
    font-weight: 100;
    text-align: right;
    padding: 100px;
    padding-right: 230px;
    text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.parallax {
  height: 900px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.row{
	margin: 0;
	text-align: center;
	padding: 0px;
}
.tick text{
	font-size: 13px;
}
.tick line{
    opacity: 0.2;
    stroke-dasharray:2;
  }

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

div.tooltip {   
  position: absolute;           
  text-align: center;           
  padding: 5px;             
  font: 15px;
  color: #eee;        
  background: #333;           
  pointer-events:none;
  border-radius: 3px;
}

.loading{
	position: absolute;
	top: 40%;
	left: 45%;
}
#message{
	font-weight: 500;
}
.cssload-container {
	margin-bottom: 10px;
	width: 135px;

}

.cssload-circle-1 {
	height: 135px;
	width: 135px;
	background: rgb(97,46,141);
}

.cssload-circle-2 {
	height: 113px;
	width: 113px;
	background: rgb(194,34,134);
}

.cssload-circle-3 {
	height: 90px;
	width: 90px;
	background: rgb(234,34,94);
}

.cssload-circle-4 {
	height: 68px;
	width: 68px;
	background: rgb(237,91,53);
}

.cssload-circle-5 {
	height: 45px;
	width: 45px;
	background: rgb(245,181,46);
}

.cssload-circle-6 {
	height: 23px;
	width: 23px;
	background: rgb(129,197,64);
}

.cssload-circle-7 {
	height: 11px;
	width: 11px;
	background: rgb(0,163,150);
}

.cssload-circle-8 {
	height: 6px;
	width: 6px;
	background: rgb(22,116,188);
}

.cssload-circle-1,
.cssload-circle-2,
.cssload-circle-3,
.cssload-circle-4,
.cssload-circle-5,
.cssload-circle-6,
.cssload-circle-7,
.cssload-circle-8 {
	border-bottom: none;
	border-radius: 50%;
		-o-border-radius: 50%;
		-ms-border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		-o-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		-ms-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
		-moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	animation-name: cssload-spin;
		-o-animation-name: cssload-spin;
		-ms-animation-name: cssload-spin;
		-webkit-animation-name: cssload-spin;
		-moz-animation-name: cssload-spin;
	animation-duration: 4600ms;
		-o-animation-duration: 4600ms;
		-ms-animation-duration: 4600ms;
		-webkit-animation-duration: 4600ms;
		-moz-animation-duration: 4600ms;
	animation-iteration-count: infinite;
		-o-animation-iteration-count: infinite;
		-ms-animation-iteration-count: infinite;
		-webkit-animation-iteration-count: infinite;
		-moz-animation-iteration-count: infinite;
	animation-timing-function: linear;
		-o-animation-timing-function: linear;
		-ms-animation-timing-function: linear;
		-webkit-animation-timing-function: linear;
		-moz-animation-timing-function: linear;
}



@keyframes cssload-spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-spin {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-spin {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}


.button100text{
	font-size: 15px;
	font-weight: 600;
}

.head2{
	font-family: 'Dancing Script';
	margin-top: 50px;
	font-size: 50px;
	font-weight: 600;
}
.head3{
	font-size: 25px;
	font-weight: 600;
}
.footnote{
	font-weight: 600;
}
.mar{
	margin-top: 50px;
}
.commontext{
	text-align: justify;
	padding: 10px;
}
.yopeeptext1{
	font-size: 15px;
}