/*Need Don't Touch*/

*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box
}

/*Helps With Images*/

img {
    width:100%;
    height:auto;
}

/*Container*/

.span {
    width:100%;
    min-width:260px;
    max-width:1080px;
    margin:0 auto; 
}

/*Clears Childern Elements*/

.span:after {
  content: "";
  display: table;
  clear: both
}

/*Floats and Pads*/

[class*='loop'] {
  float: left;
  padding: 7px; 
}

/*The Grid*/

.loop-1 {width: 9.1%;}

.loop-2 {width: 16.6%;}

.loop-3 {width: 25%;}

.loop-4 {width: 33.3%;}

.loop-5 {width: 41.6%;}

.loop-6 {width: 50%;}

.loop-7 {width: 58.3%;}

.loop-8 {width: 66.6%;}

.loop-9 {width: 75%;}

.loop-10 {width: 83.3%;}

.loop-11 {width: 90.9%;}

.loop-12 {width: 100%;}


/*--------------------------------
The Second Grid: 
--------------------------------*/

.loop_1 {width: 100%;}

.loop_2 {width: 50%;}

.loop_3 {width: 33.3%;}

.loop_4 {width: 25%;}

.loop_5 {width: 20%;}

.loop_6 {width: 16.6%;}

.loop_7 {width: 14.285%;}

.loop_8 {width: 12.5%;}

.loop_9 {width: 11.1%;}

.loop_10 {width: 10%;}

.loop_11 {width: 9.09%;}

.loop_12 {width: 8.333%;}


/*Break Point - You may want to edit,
and possibly add more break points*/

@media (max-width: 530px) {
    .loop-1,
    .loop-2,
    .loop-3,
    .loop-4,
    .loop-5,
    .loop-6,
    .loop-7,
    .loop-8,
    .loop-9,
    .loop-10,
    .loop-11,
    .loop-12 {
        width:100%;
    }
}

@media (max-width: 530px) {
    .loop_1,
    .loop_2,
    .loop_3,
    .loop_4,
    .loop_5,
    .loop_6,
    .loop_7,
    .loop_8,
    .loop_9,
    .loop_10,
    .loop_11,
    .loop_12 {
        width:100%;
    }
}

/*This code is for the index.html, and 
is not needed for Siiiimple to work*/
.block {
    width:100%;
    height:auto;
    padding-top:8px;
    padding-bottom:8px;
}
/*adarsh*/
.face-iipm {background-image: url("face-iipm.jpg"); float: left; height: 40px; width: 40px;}
.df {float: right; left: 10px; margin-left: 0; margin-top: 10px; position: relative; width: 90px;}
.face-imi {background-image: url("face-timi.jpg"); float: left; height: 40px; width: 40px;}
.imi {float: right; margin-right: 8px;}
.div2 {float: left; height: 48px; margin-right: 18px; margin-top: 6px; width: 130px;}
.div1 {color: #003366; float: none; font-family: Arial,Helvetica,sans-serif; font-size: 11px; text-align: left; width: 156px;}
.fac-pa{ position:relative; top:42px;}
.ti-fo{ background:#fff;}
.form-horizontal {
    margin: auto;
    width: 62%;
}
.timi-form label {
    left: 20px;
    position: relative;
}
@media (max-width:320px) {
	.fac-pa{top:0;}	
}