body
{
	background-image: url(../img/19.jpg);
  background-attachment: fixed;
}
.bdr
{
	border: 1px solid red;
}
.mar
{
	font-size: 18px;
	font-family: ""
  color:white!important;
}
.img1
{
	width: 180px;
	height: 150px;
	margin-left: 100px;
}
.affix 
{
      top:0;
      width: 100%;
      z-index: 9999 !important;
 }
 .affix ~ .container 
 {
     position: relative;
     top: 50px;
 }

.img2
{
	width:320px; 
	height:235px;
	margin-left: 20px;
	margin-top: 15px;
  margin-bottom: 15px;
}
.hr1
{
  color: orange !important;
}
.head p
{
	-border-bottom: 2px solid #00AFEF;
	font-family: "High Tower Text";
	padding: 8px;
	text-align: justify;
  color: white;
}
.hd1
{
	text-align: center;
}
.image 
{
  opacity: 1;
  display: block;
  width: 100%;
  height: 235px;
  transition: .5s ease;
  backface-visibility: hidden;
}

.middle 
{
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.container:hover .image 
{
  opacity: 0.3;
}

.container:hover .middle 
{
  opacity: 1;
}

.text 
{
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.cle
{
  width: 80px;
  height: 60px;
  border: 5px solid gray;
  border-radius: 100%;
  padding-top: 10px;


}
.p1
{
  text-align: center;
  font-size: 18px;
  background-color: #729dc0;
}
.try
{
  width: 45px;
  height: 23px;
  background-color: #00AFEF;
  margin-top: -23px;
  text-align: center;
  color: white;
}
.try1
{
  width: 45px;
  height: 20px;
  background-color: #222222;
  margin-top: -23px;
  text-align: center;
  color: white;
}
.img3
{
  width: 200px; 
  height: 200px;
  margin-left: 70px;
  margin-top: 35px;
}
.foot li
{
  width: 100px;
  height: 32px;
  font-size: 18px;
  -border: 1px solid red;
  text-align: justify;
  display: block;
  color: ;
}
.foot li span
{
  color: #00AFEF;
}
.foot1
{
  height: 260px;
}
.foot1 li
{
  font-size: 18px;
  height: 35px;
  display: block;
}
.foot1 li span
{
  color: #00AFEF;
}
.active1
{
	background-color: #729dc0;
}
.i1 :hover
{
    width: 300px;
    height: 300px;
    -webkit-transform: rotate(180deg); /* Safari */
    transform: rotate(180deg);
}
@media only screen and (max-width: 738px) {
    .img1
	{
       margin-left: 50px;
    }
    .img2
    {
    	margin-top: 60px;
    	margin-left: 30px;
    }
}.ncte {
	color: #FFF;
}
.jumbotron h1 {
	font-family: Times New Roman, Times, serif;
}