.loader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url(../images/preloader.gif) center no-repeat #fff;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans&display=swap);
body {
	font-family: 'Open Sans', sans-serif;
}
.about-us {
	padding: 40px 0px;
	background: #f6f6f6;
}
.about-us h3 {
	font-size: 36px;
	text-transform: uppercase;
}
.about-us p {
	font-size: 16px;
	text-align: justify;
}
.btn-read-more {
	color: #0d2d62;
	background-color: transparent;
	border-color: #0d2d62;
}

.bg-purple{background:#563D7C}


.sample-text-area {
	
	padding: 50px 0px;
}
.sample-text-area  h3{color:#fff;}

.newsfeed-list {
    max-height: 150px;
    overflow: hidden;
}
.newsfeed-list:hover{overflow-y:auto;}
.newsfeed-list li {
    margin: 10px 0px;
}
.newsfeed-list li  a{color:#fff;}


.footer-area {
    background: #000000;
	padding:50px 0px;
	color:#fff;
}
.footer-area h6 {
    color: #fff;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 600;
}
.footer-area a{color:#fff;}

.research{  padding:20px 0px;  background:url(../images/research-bg.jpg) no-repeat center; background-size:cover;}
.research >h1{ color:#fff; text-align:center; display:block; padding-bottom:30px;}
.HeadingFormat{font-size: 20px;
margin-bottom: 15px;
font-weight: bold;}
.photos a{margin-bottom:5px; display:block;}
.photos img{border:5px solid #ccc;}
.photos a span{color: #000;
text-decoration: none;
display: block;
background: #dbdbdb;
padding: 5px;}


/*home page research area*/
#categories{
  overflow:hidden;
  width:100%;
  margin:0 auto;
  padding:0;
}
.clr:after{
  content:"";
  display:block;
  clear:both;
}
#categories li{
  position:relative;
  list-style-type:none;
  width:27.85714285714286%; /* = (100-2.5) / 3.5 */
  padding-bottom: 32.16760145166612%; /* =  width /0.866 */
  float:left;
  overflow:hidden;
  visibility:hidden;
 
  -webkit-transform: rotate(-60deg) skewY(30deg);
  -ms-transform: rotate(-60deg) skewY(30deg);
  transform: rotate(-60deg) skewY(30deg);
}
#categories li:nth-child(3n+2){
  margin:0 1%;
}
#categories li:nth-child(6n+4){
  margin-left:0.5%;
}
#categories li:nth-child(6n+4), #categories li:nth-child(6n+5), #categories li:nth-child(6n+6) {
	margin-top: -6.9285714285%;
  margin-bottom: -6.9285714285%;
  
  -webkit-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  -ms-transform: translateX(50%) rotate(-60deg) skewY(30deg);
  transform: translateX(50%) rotate(-60deg) skewY(30deg);
}
#categories li:nth-child(6n+4):last-child, #categories li:nth-child(6n+5):last-child, #categories li:nth-child(6n+6):last-child{
  margin-bottom:0%;
}
#categories li *{
  position:absolute;
  visibility:visible;
}
#categories li a{ left:0px; text-align:center; width:100%; color:#fff; text-decoration:none; font-weight:600; }
#categories li > div{
  width:100%;
  height:100%; background:#ffc400;
  text-align:center;
  color:#fff;
  overflow:hidden;
  
  -webkit-transform: skewY(-30deg) rotate(60deg);
  -ms-transform: skewY(-30deg) rotate(60deg);
  transform: skewY(-30deg) rotate(60deg);
  
	-webkit-backface-visibility:hidden;
  
}

/* HEX CONTENT */
#categories li img{
  left:-100%; right:-100%;
  width: auto; height:100%;
  margin:0 auto;   
}

#categories div h1, #categories div p{
  width:100%;
  padding:0 5%;
  
  font-family: 'Raleway', sans-serif;
  
  -webkit-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  -ms-transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
  transition: top .2s ease-out, bottom .2s ease-out, .2s padding .2s ease-out;
}
#categories li h1{
  bottom:35%;
  font-style:italic;
  font-weight:normal;
  font-size:1.5em;
  padding-top:10%;
   color:#fff;
  padding-bottom:10%;
}
/*#categories li h1:after{
	content:'';
  display:block;
  position:absolute;
  bottom:-1px; left:45%;
  width:10%;
  text-align:center;
  z-index:1;
  border-bottom:2px solid #fff;
}*/
#categories li p{
	padding-top:50%; text-align:center;
	top:110%;
	padding-bottom:50%;
}


/* HOVER EFFECT  */

#categories li div:hover{ background:#0f385f;}
#categories li div:hover h1 {
  bottom:50%; color:#fff;
  padding-bottom:10%;
}

#categories li div:hover p{
  top:50%;
  padding-top:10%;
}
#fork{
  position:fixed;
  top:0;
  left:0;
  color:#000;
  text-decoration:none;
  border:1px solid #000;
  padding:.5em .7em;
  margin:1%;
  transition: color .5s;
  overflow:hidden;
}
#fork:before {
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 130%; height: 100%;
  background: #000;
  z-index: -1;
  transform-origin:0 0 ;
  transform:translateX(-100%) skewX(-45deg);
  transition: transform .5s;
}
#fork:hover {
  color: #fff;
}
#fork:hover:before {
  transform: translateX(0) skewX(-45deg);
}
/*end here*/

/*subscribe*/

 .subscribe-area {
background-image: linear-gradient(to top, #00c6fb 0%, #005bea 100%);
padding-bottom:50px;
padding-top:70px;
}

.subscribe-text span {
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 5px;
}
.subscribe-text h2 {
    color: #fff;
    font-size: 36px;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 6px;
}
.subscribe-wrapper {
    overflow: hidden;
}
.subscribe-form {
}
.subscribe2-wrapper .subscribe-form input {
    background: none;
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    font-weight: 300;
    height: 57px;
    margin-right: 17px;
    padding-left: 35px;
    width: 70%;
    cursor: pointer;
}
 
.subscribe2-wrapper .subscribe-form button {
    background: #ffff;
    border: none;
    border-radius: 30px;
    color: #4b5d73;
    display: inline-block;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    padding: 18px 46px;
    transition: all 0.3s ease 0s;
}
.subscribe2-wrapper .subscribe-form button i {
    font-size: 18px;
    padding-left: 5px;
}

.image_bg img {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.photo-about {
    background: #000;
    padding: 10px;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: .5s all;
}
.photo-about h4 {
    color: #fff;
}
.photo-about h5 {
    color: #fff;
    font-size: 14px;
}