.header {
background-color:#FFFFFF;
padding-bottom:5px;
}
.logo img{
width:100%;
margin-top:10px;
}
.banner img{
width:100%;
margin-top:40px;
}
.navbar-default {
    background-color: #003232;
    border-color: #e7e7e7;
    padding: 10px 10px;
	font-size: 15px;
	box-shadow:2px 2px 2px 2px;
}
.navbar-default .navbar-nav>li>a {
    color: #fffdfd;
    padding: 10px 10px;
    font-size: 16px;
    font-weight: 500;
    color:#FFFFFF;
	text-decoration:none;
}

.nav_sec{
margin-top:20px;
	}
body{
background-color:#FFFFFF;
}


.nav_sec a:hover{
background-color:#FF0000;
background-image:linear-gradient(red,white);
    padding: 10px 10px;
color:#000000;
}
table.table.table-hover tr td{
 text-align:center;
 vertical-align:middle;
 padding:15px;

}
table.table.table-hover tr{
 box-shadow: 1px 2px 2px 1px #000;
}

th {
    font-size: 22px;
    text-align: center;
    background-color:#e91f2a;
	color:#FFFFFF;	
}
table.table.table-hover{ 
  margin-top:30px;
  background-color:#FFFFFF;
  }
 
  .btn-danger {
    background-color: #e91f2a;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    color: aliceblue;
    font-weight: 700;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 2px#000;

}
 .btn-sucess {
     background-color:#003333;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 18px;
    color: aliceblue;
    font-weight: 700;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 2px#000;
}
.btn-sucess:hover{
color:#FFFFFF;
}
span {
    font-size: 20px;
    color: #015152;
	font-weight:700;
}
.img_sec img{
width:100%;
}
.content_sec{
background-color:#330066;
padding-top:10px;
padding-bottom:10px;
}
p {
    color:#000000;
}
button.btn-btn-danger{
    padding: 20px 20px;
    text-align: center;
    font-size: 24px;
    background-color: #ffc211;
	color:#000000;
	margin-left:40%;
	font-weight:800;
}



.small {
    perspective: 1000px;
    margin-top: 40px;
}

.small_pic {
    position: relative;
    width: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.small_pic img {
width:100%;
border:5px solid#fff;
}
.small_pic img:hover{
border-radius:20px;
}
.small:hover .small_pic{
    transform: rotatey(180deg);
}

.small_body {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: #fff;
    transform: rotateY(180deg);
    border: 1px solid #ff0004;
    border-radius: 10px;
    padding: 15px;
    text-align: center;
}
.small_body h6 {

    font-size: 18px;
    color:#000000;
    padding-bottom: 5px;
}
button.btn-btn-warning {
    padding: 10px;
    background-color: #fdc801;
    color: #060606;
    font-size: 18px;
    text-align: center;
    border-radius: 20px;
    border: 0px;
    box-shadow: 2px 2px 2px 2px#000;
}

 button.btn-btn-info {
    padding: 10px;
     background-color:#003333;
    color:#FFFFFF;
    font-size: 18px;
	border:0px;
    text-align: center;
    border-radius: 20px;
	 box-shadow: 2px 2px 2px 2px#000;
	 margin:5px;

}

 .content{
 background-color:#bce3e3;
 margin-top:20px;
 padding-bottom:20px;
}
 h1 {
    color:#000000;
}
.content h2 {
    color:#000000;
}
.inner_sec a {
    display: block;
    padding: 20px;
    background-color:#003333;
    box-shadow: 2px 3px 4px 5px;
    color:#FFFFFF;
    font-size: 16px;
    text-decoration:none;

}
.inner_sec a:hover{
background-image:linear-gradient(red,white);
color:#000000;
}
b {
    text-align: center;
    color:#000000;
}
.footer-1{
padding-top:20px;
padding-bottom:20px;
text-align:center;
color:#FFFFFF;
background-color:#FFFFFF;
}
h4{
color:#000000;
font-size:14px;
}
h5 {
    background-color:#e91f2a;
    color:#000000;
    padding: 22px;
    font-size: 20px;
	box-shadow: 2px 2px 2px 2px;
    font-weight:600;
    background-image:linear-gradient(red,white);


}img.img-responsive {
    background-color: aquamarine;
    color: azure;
}

 body {
   background-image:linear-gradient(#ffff 30%, #bce3e3 60% );
   }
   
 
 
 
 
 
 
 

 





 
 /*--------media query---------*/
 @media only screen and (max-width:1199px){

	.inner_sec a {
   font-size: 16px;
}
.navbar-default .navbar-nav>li>a {
    color: #fffdfd;
    padding: 10px 6px;
    font-size: 14px;
    font-weight: 500;
    color:#FFFFFF;
	text-decoration:none;
}
h5{
 font-size:18px;
}
 
 }
 
@media only screen and (max-width:991px){

 .inner_sec a {
   
    font-size: 11px;
}
.navbar-default .navbar-nav>li>a {
    color: #fffdfd;
    padding: 10px 4px;
    font-size: 10px;
    font-weight: 500;
    color:#FFFFFF;
	text-decoration:none;
}
h5 {
    background-color:#FF0000;
    color:#000000;
    padding: 18px;
    font-size: 13px;
	    box-shadow: 2px 3px 4px 5px;
}
span {
    font-size: 14px;
    color: #015152;
    font-weight:700;
}
 }
 
 @media only screen and (max-width:767px){
 
h5 {
   
    padding: 20px;
    font-size: 20px;
	
}
.inner_sec a {
   
   font-size: 18px;
}
 
 }
 @media only screen and (max-width:639px){
 table.table.table-hover img{
 width:100%;
 
 }
 
 .btn-sucess {
    color:#FF0000;
     background-color:#003333;
    border-color: #161515;
    font-size:15px;
	font-weight:400;
		color:#FFFFFF;

}
 .btn-danger {
    color:#003300;
    background-color: #e91f2a;
    border-color: #161515;
    font-size: 15px;
	font-weight:400;
	color:#FFFFFF;

}
span {
    font-size: 15px;
    color: #015152;
	font-weight:700;
}
th {
    font-size: 20px;
    text-align: center;
    background-color:#FF0000;
}
}

@media only screen and (max-width:479px){
 .btn-sucess {
    
    font-size:6px;
	}
 .btn-danger {
   
    font-size: 6px;
	}
span {
    font-size: 12px;
    color: #015152;
	font-weight:700;
}
th {
    font-size: 18px;
    text-align: center;
    background-color:#e91f2a;
	color:#FFFFFF;	
}
 .btn-danger {
    background-color: #e91f2a;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    color: aliceblue;
    font-weight: 700;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 2px#000;

}
 .btn-sucess {
     background-color:#003333;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 14px;
    color: aliceblue;
    font-weight: 700;
    border-radius: 20px;
    box-shadow: 2px 2px 2px 2px#000;
}


}

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

 span {
    font-size: 8px;
    color: #015152;
}
.btn-danger {
    background-color: #e91f2a;
    font-size: 8px;
    color: aliceblue;
	padding:2px;
    border:0px solid;
	box-shadow:0px 0px 0px 0px;
	border-radius:0px;
	padding-bottom:6px;	
	padding-top:6px;	



   }
 .btn-sucess {
    background-color:#003333;
    font-size: 6px;
    color: aliceblue;
	border:0px solid;
	padding:2px;
	 border:0px solid;
	box-shadow:0px 0px 0px 0px;
	border-radius:0px;
	padding-bottom:6px;	
	padding-top:6px;		
}
th {
    font-size: 10px;
    text-align: center;
    background-color:#e91f2a;
	color:#FFFFFF;
	padding:4px 4px;
}
h6{
font-size:8px;
}
h5 {
   
    padding: 20px;
    font-size: 18px;
	box-shadow:0px 0px 0px 0px;
	
} 
}