body{
	background-color: #fff;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

.border{
  border :1px solid black;
}

html {
  height: 100%;
}
body {
  min-height: 100%;
}

h2{
  
  font-family: "Gama Serif",Georgia,"Times New Roman",Times,serif;
}

h3{
  margin-top: 10px;
  font-family: "Gama Serif",Georgia,"Times New Roman",Times,serif;
}

h4{
  font-family: "Gama Serif",Georgia,"Times New Roman",Times,serif;
}

p{
  font-size: 16px;
   text-align: justify;
    text-justify: inter-word;
}
.prakata{
  font-family: "Helvetica",Arial,sans-serif;
  font-weight: 700;
}

.hr{
    border-bottom: 2px solid #fdcb2c;
    width: 100px;
    margin-bottom: 20px;
}

.hrprakata{
    border-bottom: 2px solid #fdcb2c;
    width: 100%;
    margin-bottom: 20px;
}
.ctr{
  margin-top: 10%;
}

.image img{
  width: 120px;
  margin-top: 5px;
}

.container p{
  color: #eee;
  font-size: 14px;
  text-align: left;
}

.header{
	background-color: #1A2C43;
	color: #eee;
}

.btn-danger{
  background-color: #942a1d;
}

.form-control{
  background-color: #fff;
  color: #000;
}

.navbar {
  border-radius: 0;
  background-color: #073C64;
  color: #fff;
   border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-inverse .navbar-nav li a{
	color: #fff;
}

/* Remove the jumbotron's default bottom margin */ 
 .jumbotron {
  margin-bottom: 0;
  height: 200px;
}

/* Add a gray background color and some padding to the footer */
footer {
  background-color: #0B3C5D;
  padding: 15px;
  margin-top: 80px

}

.login{
  margin-top: 145px;
}

.p{
  color: #eee;
}

.air img{
  width: 100%;
  margin-top: 15px;
  height: 500px;
}

.well-sm{
  box-shadow: 0px;
}

.well{
  background-color: #073c64;
  border: 0px;
  color: #fff;
}

.chart{
  background-color: #ecf0f1;
  padding: 10px;
}

.control{
  background-color: #ecf0f1;
  padding: 10px;
}

.wrapper {
  width: 100%;
  position: relative;
  background-color: #fff;
}
.wrapper:after {
  padding-top: 42.85714285714287%;
  display: block;
  content: '';
}
.wrapper .column {
  position: absolute;
  left: 0;
  top: 0;
  width: 14.2857142857142857%;
  float: left;
  padding: 6px;
  box-sizing: border-box;
}
.wrapper .column .inner {
  width: 100%;
  position: relative;
}
.wrapper .column .inner:after {
  padding-top: 100%;
  /* ratio 1:1 */
  display: block;
  content: '';
}
.wrapper .column .inner:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: 300ms ease-in-out;
  transition: 300ms ease-in-out;
  background-color: rgba(0, 0, 0, 0.4);
}
.wrapper .column .inner:hover:before {
  background-color: rgba(0, 0, 0, 0);
}
.wrapper .column:nth-child(1) {
  width: 28.5714285714285714%;
}
.wrapper .column:nth-child(2) {
  left: 28.5714285714285714%;
}
.wrapper .column:nth-child(3) {
  left: 28.5714285714285714%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrapper .column:nth-child(4) {
  width: 28.5714285714285714%;
  left: 42.85714285714286%;
  top: 0;
}
.wrapper .column:nth-child(4) .inner:after {
  padding-top: 48.7%;
}
.wrapper .column:nth-child(5) {
  left: 71.42857142857143%;
  top: 0;
}
.wrapper .column:nth-child(6) {
  left: auto;
  right: 0;
  top: 0;
}
.wrapper .column:nth-child(7) {
  left: 71.42857142857143%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrapper .column:nth-child(8) {
  left: auto;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wrapper .column:nth-child(9) {
  width: 28.5714285714285714%;
  top: auto;
  left: 0;
  bottom: 0;
}
.wrapper .column:nth-child(9) .inner:after {
  padding-top: 48.7%;
}
.wrapper .column:nth-child(10) {
  left: 28.5714285714285714%;
  top: auto;
  bottom: 0;
}
.wrapper .column:nth-child(11) {
  left: 42.85714285714286%;
  top: auto;
  bottom: 0;
  width: 28.5714285714285714%;
}
.wrapper .column:nth-child(12) {
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
  width: 28.5714285714285714%;
}
.wrapper .column:nth-child(12) .inner:after {
  padding-top: 48.7%;
}
/* BEAUTY */
.wrapper .column .inner {
  background-size: cover;
  background-position: center;
}
.wrapper .column:nth-child(1) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/1.jpg');
}
.wrapper .column:nth-child(2) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/2.jpg');
}
.wrapper .column:nth-child(3) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/3.jpg');
}
.wrapper .column:nth-child(4) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/4.jpg');
}
.wrapper .column:nth-child(5) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/5.jpg');
}
.wrapper .column:nth-child(6) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/6.jpg');
}
.wrapper .column:nth-child(7) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/7.jpg');
}
.wrapper .column:nth-child(8) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/8.jpg');
}
.wrapper .column:nth-child(9) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/9.jpg');
}
.wrapper .column:nth-child(10) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/9.jpg');
}
.wrapper .column:nth-child(11) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/8.jpg');
}
.wrapper .column:nth-child(12) .inner {
 background-image: url('http://localhost:8081/sam/project_smart/asset/img/4.jpg');
}
.wrapper .column:nth-child(13) .inner {
  background-image: url('http://localhost:8081/sam/project_smart/asset/img/2.jpg');
}