﻿@font-face {
	font-family:'Bauhaus1';
	font-weight: normal;
    src: url('../fonts/Bauhaus-bold-bt.ttf') format('truetype');
    /*src: local("Bauhaus1"), url("../fonts/Bauhaus-bold-bt.ttf") format("truetype");*/
	}
.aarbee
{
    font-family: 'Bauhaus1';
}

body {
}

.fullwidth {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;

}

@media only screen and (min-width:960px) {
	.content {
		position: relative;
		max-width:960px;
		margin: 0 auto;
	}
        .footer{
	float:left;
	min-width:32%;
}
  #spnmarquee
  {
      width:950px;
  }

.divsplt
{
	float:left;
	min-width:32%;
    line-height:200%;
	margin:2px;
	padding:3px;
	font-weight:bold;
    font-size:1.2em;
    text-align:center;
    background:rgba(0, 204, 204, 0.8);
    border-radius:10px;
}
}

@media (max-width:959px) and (min-width:599px) {
	.content {
		position: relative;
		max-width:600px;
		margin: 0 auto;
	}

    .footer{
	float:left;
	width:100%;
    padding:5px;
    margin:5px;
}
 #spnmarquee
  {
      width:600px;
  }

.divsplt
{
	float:left;
	min-width:40%;
    line-height:200%;
	margin:2px;
	padding:3px;
	font-weight:bold;
    font-size:1.2em;
    text-align:center;
    background:rgba(0, 204, 204, 0.8);
    border-radius:10px;
}
}

@media only screen and (max-width:600px) {
	.content {
		position: relative;
		max-width:460px;
		margin: 0 auto;
	}

    .footer{
	float:left;
	width:100%;
    padding:5px;
    margin:5px;
}
#spnmarquee
  {
      width:400px;
  }
.about{
	float:left;
	min-width:100%;
}

.beginning{
	float:left;
	min-width:100%;
}
.divsplt
{
	float:left;
	min-width:100%;
    line-height:200%;
	margin:2px;
	padding:3px;
	font-weight:bold;
    font-size:1.2em;
    text-align:center;
    background:rgba(0, 204, 204, 0.8);
    border-radius:10px;
}
}

h3
{
    color:#0fbfcb;
}
.group
{
	display:flex;
	width:inherit;
	flex-flow:row wrap;
	align-content:space-around;
	justify-content:space-around;
	/*align-items:center;*/
}

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

.about{
	float:left;
	width:48%;
}

.about h3
{
    color:#05a0aa;
} 

.beginning{
	float:left;
	width:48%;
}

.beginning h3
{
   color:#05a0aa;
} 

.Specialities
{
color:#ffffff;
}

.Specialities h3
{
   color:#05a0aa;
   font-weight:bold;
   text-align:center;
   border-bottom:1px dotted #05a0aa;
	 
} 

.Directorate
{
color:#000000;
}

.Directorate h3
{
   color:#05a0aa;
   font-weight:bold;
   text-align:center;
   border-bottom:1px dotted #05a0aa;
	 
} 

.divDir
{
    float:left;
	min-width:49%;
	margin:2px;
	padding:3px;
}
.divDir h2
{
     color:#05a0aa;
    margin:0px;
    padding:0px;
}

.divDir i
{
    text-align:right;
    color:#ff6a00;
}
/*.divsplt
{
	float:left;
	min-width:32%;
    line-height:80px;
	margin:2px;
	padding:3px;
	font-weight:bold;
    font-size:1.2em;
    text-align:center;
    background:rgba(0, 204, 204, 0.8);
    border-radius:10px;
}*/


.divsocial
{
	float:left;
	width:50px;
	height:50px;
	margin:2px;
	padding:3px;
	vertical-align:top;
   
}

.divsocial:hover
{
    transition: 0.9s;
   /*transform:rotate(360deg);*/
     /*transition: 0.9s;
     transform: rotateY(180deg);*/
}

.footerbgcolor
{
	background:#05a0aa;
	color:#F8F7DF;
}

.footer{
	float:left;
	min-width:32%;
}

.footer h4{
	margin-bottom:15px;
	 padding-bottom:8px; 
	 border-bottom:1px dotted #f5f70f;
	 color:#f5f70f;

}
.footer p, .footer ul, .footer a{
	margin:2px; 
	padding:0; 
	font-weight:normal; 
	list-style:none; 
	line-height:normal;
	color:#E5E2C9;
	text-decoration:none;

}
.footer li{
	margin-bottom:3px;

}