/* Font Import */
@import url('https://fonts.googleapis.com/css2?family=Nosifer&display=swap');

/* Test
*{
  border: 1px solid;
}

/* Html / Body */
html, body {
  min-height: 100vh;
}

a:link {
  text-decoration: none !important;
  color: white !important;
}
a:visited {
  text-decoration: none !important;
  color: white !important;
}
a:active {
  text-decoration: none !important;
  color: white !important;
}
a:hover {
  text-decoration: none !important;
  color: white !important;
}
/* Html / Body */

/* ID Section */
#navbarbg {
  background-image: linear-gradient(#33617fee,#132c61ee);
}

/* Animation 1 */

#animation {
  animation-name: example;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

@keyframes example {
  0%   {width: 400px; height: 400px;}
  10%  {width: 390px; height: 390px;}
  20%  {width: 400px; height: 400px;}
  30%  {width: 380px; height: 380px;}
  40%  {width: 400px; height: 400px;}
  50%  {width: 370px; height: 370px;}
  60%  {width: 400px; height: 400px;}
  70%  {width: 380px; height: 380px;}
  80%  {width: 400px; height: 400px;}
  90%  {width: 390px; height: 390px;}
  100% {width: 400px; height: 400px;}
}
/* Animation 1 */

/* Animation 2 */
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes swing {
  20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}
  40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}
  60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}
  80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
  100% {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}
}

@keyframes swing {
  20% {-webkit-transform: rotate3d(0, 0, 1, 15deg);transform: rotate3d(0, 0, 1, 15deg);}
  40% {-webkit-transform: rotate3d(0, 0, 1, -10deg);transform: rotate3d(0, 0, 1, -10deg);}
  60% {-webkit-transform: rotate3d(0, 0, 1, 5deg);transform: rotate3d(0, 0, 1, 5deg);}
  80% {-webkit-transform: rotate3d(0, 0, 1, -5deg);transform: rotate3d(0, 0, 1, -5deg);}
  100% {-webkit-transform: rotate3d(0, 0, 1, 0deg);transform: rotate3d(0, 0, 1, 0deg);}
}
/* Animation 2 */

/* Class Section */
.sc {
  font-variant: small-caps;
}

.imgsize {
  min-width: 450px;
  min-height: 450px;
}

.inslogo1 {
	min-height:50px;
	min-width:50px;
	height:50px;
	width:50px;
}

.bus1{
	margin-top:140px;
	height:300px;
	width:450px;
}

.bus2{
	margin-top:70px;
	height:200px;
	width:340px;
}

.bus3{
	height:300px;
	width:300px;
}

.h1nttrtitle{
	color:#212c4c;
	font-size:50px;
	font-style: bold;
  	text-shadow: 0px 0px 8px #1888c7;
}

.misyontitle{
	margin-top:50px;
	color:#212c4c;
	font-size:50px;
	font-style: bold;
  	text-shadow: 0px 0px 8px #1888c7;
}

.reftitle{
	float:left;
	margin-top:50px;
	text-align: left;
	color:#212c4c;
	font-size:50px;
	font-style: bold;
  	text-shadow: 0px 0px 8px #1888c7;
}

.reflogo{
	max-height: 150px;
	max-width:150px;
	margin-left:20px;
	padding:10px;
}

.hakktext{
	font-size:20px;
	color:#000000;
  	text-shadow: 0px 0px 5px #ffffff;
}

.misstext{
	font-size:20px;
	color:#000000;
  	text-shadow: 0px 0px 5px #ffffff;
}

.acid {
  background: -webkit-linear-gradient(#f0de31,#00a300);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 300;
  font-style: normal;
}

.logos {
  width: 400px;
  height: 400px;
}

.imgsoci {
  width: 60px;
  height: 60px;
}

.imgnavbar {
  width: 100%;
  height: 100%;
}

.imgfoot {
  width: 16px;
  height: 16px;
}

.rhr {
  width: 400px;
  height: 100px;
}

.pusher {
  flex: 1;
  overflow: auto;
}
.test {
  display: flex;
  flex-flow: column;
  min-height: 300px;
}

.toptext1{
	text-align: center;	
	font-size:35px;
	float:right;
  text-shadow: 0px 0px 8px #000000;
}


.test2 {
  min-height: 80vh;
  max-height: 80vh;
}
.sperator {
  border-bottom: 10px solid;
  border-image: linear-gradient(#7dddc6,#132c61) 10;
}

.speratorb {
  border-top: 7px solid;
  border-image: linear-gradient(#7dddc6,#132c61) 30;
}

.textc {
  color : white;
}

.aciddecor:hover {
  background: -webkit-linear-gradient(#2086c8,#ffffff) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.arrow {
  border: solid white;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.blogo {
  width: 120px;
  height: 120px;
}
.rsoci {
  font-size: 1.2rem;
}
.my-toggler{
  background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
  visibility: hidden;
}

/* Parallax Effect */
.parallax {
  background-image: url('../img/bg.png');
  background-attachment: fixed;
  min-height: 100vh;
}

/* Scrolling Effect */
section {
  display: flex;
  justify-content: center;
  align-items: center;
  background-image: linear-gradient(#2086c870,#73b8e470);
}

section.a {
  min-height: 30vh;
}
section.b {
  min-height: 80vh;
}
section.c {
  min-height: 100vh;
}
section.d {
  min-height: 70vh;
  background-image: linear-gradient(#33617f70,#132c6170);
}

@media only screen and (max-width: 992px) {

  .logos {
    width: 270px;
    height: 270px;
  }
  .imgsize {
    min-width: 320px;
    min-height: 320px;
  }
  .imgsoci {
    width: 40px;
    height: 40px;
  }
  @keyframes example {
    0%   {width: 270px; height: 270px;}
    10%  {width: 260px; height: 260px;}
    20%  {width: 270px; height: 270px;}
    30%  {width: 250px; height: 250px;}
    40%  {width: 270px; height: 270px;}
    50%  {width: 240px; height: 240px;}
    60%  {width: 270px; height: 270px;}
    70%  {width: 250px; height: 250px;}
    80%  {width: 270px; height: 270px;}
    90%  {width: 260px; height: 260px;}
    100% {width: 270px; height: 270px;}
  }
  .rtitle {
    font-size: 1rem;
  }
  .rcontent {
    font-size: 1rem;
  }
  .rcontent2 {
    font-size: 1rem;
  }
  .raddress {
    font-size: 1rem;
    word-break: break-all;
  }
  .raddresstitle {
    font-size: 1rem;
  }
  .rsoci {
    font-size: 1rem;
  }
  .rhr {
    width: 220px;
    height: 46px;
  }
  section.a {
    min-height: 50vh;
  }
  section.b {
    min-height: 50vh;
  }
  section.c {
    min-height: 110vh;
  }
  .blogo {
    width: 100px;
    height: 100px;
  }
  .navbar-toggler-icon {
    width: 30px !important; 
    height: 30px !important;
  }
  .my-toggler{
    visibility: visible;
  }
  .imgnavbar {
    width: 100%;
    height: 100%;
  }
}