@charset "utf-8";
/* CSS Document */

* {margin: 0; padding: 0; box-sizing: border-box;}

html{
  	-webkit-tap-highlight-color:transparent; -webkit-user-select: none; /* Chrome/Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none;
	-o-user-select: none; user-select: none;
}

::-webkit-scrollbar {width: 0px;}

body {
 font-family:Arial; font-size: 14px; color:#212121; line-height: 28px; text-decoration:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;-webkit-user-select: none;-moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; display:block; background-image: url('images/background.webp'); background-repeat: repeat; margin:0px; padding:0px; width:100%; height:100%; }

body p {padding-bottom: 11px; padding-top: 11px; text-align: justify;}

#cover {width: 92%; margin-right: 4%; margin-left: 4%; margin-top: 0px; margin-bottom: 0px; height: 100%; padding: 0px; background-color: #fff; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.flx {
	display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center;
} #flx a {width: 13%}

.four {width: 23%;} .three {width: 70%;} .two {width: 48%} .one {width: 33%} .zero {width: 100%}

#notification {
	width: 100%; background-color: #F90000; padding: 12px; font-size: 12px; line-height: 21px; font-weight: bold; color: #fff; text-align: center; height: 42px;
}
#header {
	width: 100%;
}
#logo {width: 12%; padding: 15px; padding-top: 0px; box-shadow: 0px 15px 10px -15px #000; top: 80px; z-index: 1; position: absolute;} 
#coverimage {
	background-image:url('images/wallpaper.webp'); background-repeat:no-repeat; background-size:cover; background-position:top; width: 100%; height: 210px; left: 0px; background-color: #888888;
}
 
#footer {width: 100%; font-size: 13px; line-height: 20px; background-color: #474747; padding: 42px 0} #footer a {text-decoration: none; color: #fff;} #smalldiv {width: 16%; padding-left: 18px;} #smalldiv a {color: #fff; text-decoration: none; line-height: 16px;}  #bigdiv {width: 24%; padding: 0 30px;} 
.countfooter {width: 100%; background-color: #2b2d91; padding: 0 12px;  font-size: 13px; line-height: 20px; font-weight: bold; color: #fff; text-align: center;} .countfooter a {text-decoration: none; color: #fff;}
.copyrightfooter {width: 100%; background-color: #ad0e13; padding: 0 12px;  font-size: 13px; line-height: 20px; font-weight: bold; color: #fff; text-align: center;}

#socialicon {width: 100%; height: auto; border: 1px solid #fff; border-radius: 50%; cursor: pointer;}
#socialicon:hover {border: 2px solid #fdc100;}

#right {float: right; text-align: right} #left {float: left; text-align: left;}
.desktop {display: block;} .mobile {display: none;} #desktop {display: block;} #mobile {display: none;}
.landscapev {display: block;} .portraitv {display: none;}
 
#switch {
	writing-mode:vertical-rl; transform: translate(0, -50%) rotate(180deg); background-color: #2a3192; padding: 15px; padding-left: 8px; padding-right: 12px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; right: 0px; top: 50%; position: fixed; color: #3c98c8; border: 1px solid #3c98c8; border-left: none; z-index: 999; 
} #switch a {color: #fff; font-size: 15px; font-weight: bold; text-decoration: none;} 

.workarea {width: 92%; margin: 4%;} .pagetitle {width: 100%; margin-bottom: 2.5%;} #subworkarea {width: 100%; margin: 3% 0;}

.profileimage {border: 2px solid #2b2d91; border-radius: 50%;} #profilediv {margin-top: 32px;} #profilediv p {font-size: 14px; padding: 0px; line-height: 16px; padding-bottom: 4px;}

h1 {font-size: 24px; color: #2e2e2e;}
h3 {font-size: 16px; color: #2e2e2e;}
h5 {font-size: 14px; color: #ad0e13; line-height: 32px;}
h6 {font-size: 13px; color: #ad0e13; line-height: 48px;} h6 a {color: #2b2d91; text-decoration: none; font-weight: lighter;}
h7 {font-size: 10px; color: #2b2d91; line-height: 17px}

#scrollcover {width: 100%} #scrollbody {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;}
.scrollone {width: 23%;} .scrolltwo {width: 15%;}

#scrolltrustee {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;} .onetrustee {width: 31%;}
#scrollcoreteam {display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%;} .onecoreteam {width: 31%;}

#placex {border: 1px solid #ccc; border-radius: 7px; overflow: hidden; box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);} #placex img {width: 100%; height: auto; } #placex p {font-size: 15px; color: #0B005A; margin: 0px; line-height: 22px; padding-left: 15px;} #placex span {font-size: 14px; font-weight: bold; color: #919191; margin: 0px; line-height: 24px;}  
#placex:hover {box-shadow: none; cursor: pointer;} #placex a {text-decoration:none;}

@media all and (max-width: 1024px) and (orientation: landscape) {
	#cover {width: 100%; margin: 0px; padding: 0px; height: 100%; box-shadow: none}
	#notification {height: 42px;}
	#logo {width: 18%; padding: 12px; padding-top: 0px; top: 80px; z-index: 1; position: absolute;}
	#coverimage {background-image:url('images/wallpaper-mob.webp'); height: 260px;} 
	#bigdiv {width: 42%;}
	.desktop {display: none;} .mobile {display: block;} #desktop {display: none;} #mobile {display: block;}
	#scrollcover {overflow: scroll} #scrolltrustee {width:635%;} .onetrustee {width: 18%;}
	#scrollcoreteam{width: 1524%;} .onecoreteam {width: 7.5%;}
}
@media all and (max-width: 768px) and (orientation: portrait) {
	#cover {width: 100%; margin: 0px; padding: 0px; height: 100%; box-shadow: none}
	#notification {height: 42px;}
	#logo {width: 18%; padding: 12px; padding-top: 0px; top: 80px; z-index: 1; position: absolute;}
	#coverimage {background-image:url('images/wallpaper-mob.webp'); height: 168px;}
	#right {float:none; padding-bottom: 5px; text-align: center;} #left {float: none; text-align: center;} .desktop {display: none;} .mobile {display: block;}
	#bigdiv {width: 42%;}
	.landscapev {display: none;} .portraitv {display: block;} .four, .three, .two, .one {width: 100%}
	#scrollcover {overflow: scroll} #scrollbody {width:150%;}
	#scrolltrustee {width:635%;} .onetrustee {width: 18%;} #scrollcoreteam{width: 1524%;} .onecoreteam {width: 7.5%;}
}
@media all and (max-width: 736px), (max-width: 734px), (max-width: 684px), (min-resolution: 2dppx) and (orientation: landscape) {
	#notification {height: 42px;}
	#logo {width: 18%; padding: 12px; padding-top: 0px; top: 80px; z-index: 1; position: absolute;}
	#coverimage {background-image:url('images/wallpaper.webp'); height: 142px;}
	#bigdiv {width: 45%;}
	.desktop {display: none;} .mobile {display: block;}  #desktop {display: none;} #mobile {display: block;}
	.workarea {padding: 4% 2%} h1 {font-size: 20px;} .four, .three, .two, .one {width: 100%}
	#scrollcover {overflow: scroll} #scrollbody {width:180%;} #scrolltrustee {width:635%;} .onetrustee {width: 18%;} #scrollcoreteam{width: 1524%;} .onecoreteam {width: 7.5%;}
}
@media all and (max-width: 667px) and (orientation: portrait) { 
	#notification {height: 42px;}
	#logo {width: 32%; padding: 12px; padding-top: 0px; top: 80px; z-index: 1; position: absolute;} 
	#coverimage {background-image:url('images/wallpaper-mob.webp'); height: 128px;}
	#bigdiv {width: 100%;} #addpxontop {padding-top: 18px}
	.desktop {display: none;} .mobile {display: block;}  #desktop {display: none;} #mobile {display: block;}
	.workarea {padding: 4% 2%;} h1 {font-size: 20px;} .pagetitle {margin-bottom: 9%;}
	#scrollcover {overflow: scroll} #scrollbody {width:320%;}  #scrolltrustee {width:675%;} .onetrustee {width: 18%;} #scrollcoreteam{width: 1620%;} .onecoreteam {width: 7.5%;}
}
@media all and (max-width: 414px) and (orientation: portrait) {
	#notification {height: 42px;}
	#logo {width: 32%; padding: 12px; padding-top: 0px; top: 80px; z-index: 1; position: absolute;} 
	#coverimage {background-image:url('images/wallpaper-mob.webp'); height: 142px;}
	#bigdiv {width: 100%;} #addpxontop {padding-top: 18px}
	.desktop {display: none;} .mobile {display: block;}  #desktop {display: none;} #mobile {display: block;}
	.workarea {padding: 4% 2%;} h1 {font-size: 20px;} .pagetitle {margin-bottom: 9%;}
	#scrollcover {overflow: scroll} #scrollbody {width:320%;}  #scrolltrustee {width:675%;} .onetrustee {width: 18%;} #scrollcoreteam{width: 1620%;} .onecoreteam {width: 7.5%;}
}
@media all and (max-width: 375px) and (orientation: portrait) {
	#notification {height: 42px;}
	#logo {width: 32%; padding: 12px; padding-top: 0px; top: 80px; z-index: 1; position: absolute;} 
	#coverimage {background-image:url('images/wallpaper-mob.webp'); height: 142px;}
	#bigdiv {width: 100%;} #addpxontop {padding-top: 18px}
	.desktop {display: none;} .mobile {display: block;}  #desktop {display: none;} #mobile {display: block;}
	.workarea {padding: 4% 2%;} h1 {font-size: 20px;} .pagetitle {margin-bottom: 9%;}
	#scrollcover {overflow: scroll} #scrollbody {width:320%;} #scrolltrustee {width:675%;} .onetrustee {width: 18%;} #scrollcoreteam{width: 1620%;} .onecoreteam {width: 7.5%;}
}

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox span {
  /* Full width and height */
  display: block;
  width: 90%;
  height: 90%;
 margin-left: 5%;
	margin-top: 5%;

  /* Size and position background image */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.tab {
	width: auto;
	padding: 10px 15px;
	height: auto;

	position: relative;

	background: #ccc;

	-webkit-border-bottom-left-radius: 50%;
	-webkit-border-bottom-right-radius: 50%;
	-moz-border-radius-bottomleft: 50%;
	-moz-border-radius-bottomright: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}
.tab:before,
.tab:after {
    content: "";
    position: absolute;

    height: 15px;
    width: 30px;

    top: 0;
}

.tab:after {
    right: -30px;
	
    border-radius: 0 0 0 10px;
    -moz-border-radius: 0 0 0 10px;
    -webkit-border-radius: 0 0 0 10px;

    -webkit-box-shadow: -10px 0 0 0 #ccc;
    box-shadow: -10px 0 0 0 #ccc;
	transform: rotate(180deg) scaleX(-1);

}

.tab:before {
    left: -30px;

    border-radius: 0 0 10px 0;
    -moz-border-radius: 0 0 10px 0;
    -webkit-border-radius: 0 0 10px 0;

    -webkit-box-shadow: 10px 0 0 0 #ccc;
    box-shadow: 10px 0 0 0 #ccc;
	transform: rotate(180deg) scaleX(-1);
}



#menu ul {
  margin: 0;
  padding: 0;
}

#menu .main-menu {
  display: none;
}

#tm:checked + .main-menu {
  display: block;
}

#menu input[type="checkbox"], 
#menu ul span.drop-icon {
  display: none;
}

#menu li, 
#toggle-menu, 
#menu .sub-menu {
  border-style: solid;
  border-color: rgba(0, 0, 0, .05);
	font-weight: 400;
}

#menu li, 
#toggle-menu {
  border-width: 0 0 1px;
}

#menu .sub-menu {
  background-color: #333;
  border-width: 1px 1px 0;
  margin: 0 1em;
	font-weight: 400;
}

#menu .sub-menu li:last-child {
  border-width: 0;
}

#menu li, 
#toggle-menu, 
#menu a {
  position: relative;
  display: block;
  color: #fff;
  background-color: #333;
  text-decoration: none;
	font-weight: 400;
}

#menu, 
#toggle-menu {
  background-color: #333;
}

#toggle-menu, 
#menu a {
  padding: 1em 1.5em;
}

#menu a {
  transition: all .125s ease-in-out;
  -webkit-transition: all .125s ease-in-out;
}

#menu a:hover {
  background-color: #fdc100;
  color: #000;
	font-weight: bold;
}

#menu .sub-menu {
  display: none;
	background-color: #6A6A6A;
}

#menu input[type="checkbox"]:checked + .sub-menu {
  display: block;
}

#menu .sub-menu a:hover {
background-color: #fdc100;	
  color: #000;
	font-weight: bold;
}

#toggle-menu .drop-icon, 
#menu li label.drop-icon {
  position: absolute;
  right: 1.5em;
  top: 1.25em;
}

@media only screen and (min-width: 52em) {
  #menu .main-menu {
    display: block;
  }

  #toggle-menu, 
  #menu label.drop-icon {
    display: none;
  }

  #menu ul span.drop-icon {
    display: inline-block;
  }

  #menu li {
    float: left;
    border-width: 0 1px 0 0;
  }

  #menu .sub-menu li {
    float: none;
  }

  #menu .sub-menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 16em;
    z-index: 3000;
  }

  #menu .sub-menu, 
  #menu input[type="checkbox"]:checked + .sub-menu {
    display: none;
  }

  #menu .sub-menu li {
    border-width: 0 0 1px;
  }

  #menu .sub-menu .sub-menu {
    top: 0;
    left: 100%;
  }

  #menu li:hover > input[type="checkbox"] + .sub-menu {
    display: block;
  }
}

.blink {
        animation: blink-animation 2s steps(5, start) infinite;
        -webkit-animation: blink-animation 2s steps(5, start) infinite;
      }
      @keyframes blink-animation {
        to {
          color: #F90000;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          color: #fff;
        }
      }

/* Form Field */

::placeholder {color: #919191;}
:-ms-input-placeholder {color: #919191;}
::-ms-input-placeholder {color: #919191;}

#contact {padding-left:0px; padding-right:0px; margin:0 0; position:relative; width:100%;}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="url"], #contact textarea, #contact button[type="submit"], fieldset input[type="datetime-local"] { font-family:Arial; }
fieldset {border: medium none !important; margin: 0 0 6px; padding: 0; width: 100%; text-align:center;}
fieldset label {font-size: 11px; padding-bottom: 9px;}
#contact input[type="text"], #contact input[type="email"], #contact input[type="tel"], #contact input[type="otp"],#contact input[type="url"], input[type="password"], input[type="file"], fieldset input[type="datetime-local"], #contact textarea, #contact select {
	width:100%; border:1px solid #fff; border-radius: 5px; background:#F9F9F9; margin:0 0 8px; padding:12px; color:#2e2e2e; background-position:right; background-repeat:no-repeat; background-size:28px;
}
#contact input[type="text"]:hover, #contact input[type="email"]:hover, #contact input[type="tel"]:hover, #contact input[type="url"]:hover, input[type="password"], input[type="file"], fieldset input[type="datetime-local"], #contact textarea:hover, #contact select{
	-webkit-transition:border-color 0.3s ease-in-out; -moz-transition:border-color 0.3s ease-in-out; transition:border-color 0.3s ease-in-out; border:1px solid #fff;
}
#contact input[type="text"]:focus, #contact input[type="email"]:focus, #contact input[type="tel"]:focus, #contact input[type="url"]:focus, input[type="password"], input[type="file"], fieldset input[type="datetime-local"], #contact textarea:focus {
	-webkit-transition:border-color 0.3s ease-in-out; -moz-transition:border-color 0.3s ease-in-out; transition:border-color 0.3s ease-in-out; border:1px solid #fff;	
}

#contact input[type="text"]:active, #contact input[type="email"]:active, #contact input[type="tel"]:active, #contact input[type="url"]:active, input[type="password"], input[type="file"], fieldset input[type="datetime-local"], #contact textarea:active {outline:0; border:1px solid #999;}
#contact input[type="text"]:focus, #contact input[type="email"]:focus, #contact input[type="tel"]:focus, #contact input[type="url"]:focus, input[type="password"], input[type="file"], fieldset input[type="datetime-local"], #contact textarea:focus {box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5);}

#contact textarea {height:100px; max-width:100%; resize:none;}
#contact button[type="submit"] {background-color:#333; border-radius:5px; width:100%; color:#fff; text-align:center; cursor:pointer; border: 1px solid #ccc; margin-top:6px; padding: 10px; font-size:12px; font-weight: 900; float: left;}
#contact button[type="submit"]:hover {background-color:#FDC100; color: #333;}
#contact button[type="submit"]:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }
#contact input:focus, #contact textarea:focus { outline:0; border:1px solid #999;}

.mitraabtn {background-color:#333; border-radius:5px; width:auto; color:#fff; text-align:center; cursor:pointer; border: 1px solid #ccc; margin-top:6px; padding: 10px; font-size:12px; font-weight: 900;}
.mitraabtn:hover {background-color:#FDC100; color: #333;}