.mainblock{
width:1000px;
min-height:1160px;
background-color:#F9F9D6;
//background-color:#D3E091;
margin-top: -14px;
}

/*===============  ============== Upper Block============  ===========*/
		/*================  JEE====================*/
.jeeblock{
width:243px;
//min-height:75px;
min-height:70px;
border-top-left-radius: 40px;
background-color:#F5F5F5;
//background-color:#7DD2E8;
color:#fff;
float:left;
margin: 0px 0px 0px 5px;
-moz-box-shadow:    inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;
padding-left:5px;
}
.jeeblock h4{
COLOr:#BE614B;
text-align:center;
margin:0px 0px 5px 0px;
}
.jeeblock a{
//font-size:13px;
font-size:12px;
text-decoration:none;
//padding-left:15px;
text-align:center;
}
		 /*================  GATE  ==================*/
.gateblock{
width:243px;
//min-height:75px;
min-height:70px;
border-top-left-radius: 40px;
background-color:#F5F5F5;
//background-color:#D3E091;
color:#fff;
float:left; 
margin: 0px 0px 0px 0px;
-moz-box-shadow:    inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;
padding-left:5px;
}
.gateblock h4{
color:#BE614B;
text-align:center;
margin:0px 0px 5px 0px;
}
.gateblock a{
//font-size:13px;
font-size:12px;
text-decoration:none;
//padding-left:15px;
text-align:center;
}
		/*================  JAM  ==================*/
.jamblock{
width:242px;
//min-height:75px;
min-height:70px;
border-top-left-radius: 40px;
background-color:#F5F5F5;
//background-color:#E579AB;
color:#fff;
float:left; 
margin: 0px 0px 0px 0px; 
-moz-box-shadow:    inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;
padding-left:5px;

}
.jamblock h4{
color:#BE614B;
text-align:center;
margin:0px 0px 5px 0px;
}
.jamblock a{
//font-size:13px;
font-size:12px;
//color: #666;;
text-decoration:none;
//padding-left:15px;
text-align:center;
}
		                /*================  CEED==================*/
.ceedblock{
width:242px;
//min-height:75px;
min-height:70px;
border-top-left-radius: 40px;
background-color:#F5F5F5;
//background-color:#EDE363;
color:#fff;
float:left;
margin: 0px 0px 0px 0px;
-moz-box-shadow:    inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;
padding-left:5px;
}
.ceedblock h4{
color:#BE614B;
text-align:center;
margin:0px 0px 5px 0px;
}
.ceedblock a{
//font-size:13px;
font-size:12px;
text-decoration:none;
//padding-left:15px;
text-align:center;
}


/*========================Block For All IIT's Image Slider===========*/
.homeblock {
width:660px;
height:376px;
background-color:#D2D0D0;
float:left;
margin: 0px 0px 0px 5px;
font-family: "Roboto",sans-serif;
font-weight: normal;

}

.homeblock img {
margin: 0px 15px 5px 0px;
background-color:#BFBC9E;
float: left;
width: 660px;
min-height:375px;
}

/*========================MHRD Block=============================*/
.mhrdblock{
width:330px;
min-height:376px;
background-color:#F5F5F5;
float:right;
margin: 0px 5px 0px 0px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;

}
.mhrdblock h1{
color:#BE614B;
text-align:center;
margin:0px 0px 0px;
text-transform: uppercase;
}
.mhrdblock a{
font-size:13px;
//color:#fff;
//color: #666;
color: #666;
text-decoration:none;
padding-left:0px;
}
.mhrdblock img {
margin: 10px 0px 30px 20px;
border: 2px solid #DEDEDE;
background-color:#BFBC9E;
}
.mhrdblock p{
float:left;
margin:0px 0px 0px 0px;
//color :#445EED;
//color: #666;
}
.mhrdblock h4{
color:#BE614B;
text-align:left;
//padding-left:10px;
margin: 10px 0px 10px 0px;
//margin:5px;
text-transform: uppercase;
}


/*====================== Block For Logo-slider===============*/
.sliderblock{
//min-height:85px;
min-height:60px;
background-color:#F9F9D6;
//background-color:#D3E091;
float:left;
margin: 1px 5px 0px 5px;
font-family: "Roboto",sans-serif;
font-weight: normal;
padding:0px;
}

.sliderblock img {
//margin: 5px 15px 5px 2px;
margin: 5px 15px 0px 2px;
//border: 2px solid #DEDEDE;
//background-color:#F5F5F5;
float: left;
width: 70px;
}


.sliderblock span {
margin: 60px 0px 0px -83px;
//float: center;
//width: 65px;
width: 70px;
font-size:8px;
//font-weight: bold;
font-weight: normal;
text-align: center;
//border-style: solid;
 z-index: 1; position:relative;
}

/*================== Block For Media and News ==========================*/
.mediablock{
width:660px;
min-height:380px;
background-color:#F5F5F5;
float:left;
margin: 1px 0px 0px 5px;
-moz-box-shadow:    inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;

}
.mediablock h4{
color:#BE614B;
text-align:left;
padding-left:5px;
margin: 0px 0px 0px 0px;
text-transform: uppercase;
}
.mediablock a{
font-size:13px;
color: #666;
text-decoration:none;
padding-left:10px;
text-align:center;
margin: 0px 0px 0px 0px;
}
.mediablock p{
float:right;
color:#3E8EC1;
}

/*======================Block For Location=======================*/
/*
.locationblock {
width:330px;
min-height:380px;
background-color:#f5f5f5;
float:right;
margin: 1px 5px 0px 0px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;

}
.locationblock h4{
color:#BE614B;
text-align:center;
margin: 0px 0px 0px;
text-transform: uppercase;
}

.locationblock a{
font-size:13px;
color:#fff;
text-decoration:none;
padding-left:40px;
}

.locationblock img {
margin: 0px 0px 0px 25px;
background-color:#BFBC9E;
}
*/

.locationblock {
width:330px;
min-height:396px;
background-color:#f5f5f5;
float:right;
margin: 1px 5px 0px 0px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;

}
.locationblock h4{
color:#BE614B;
text-align:center;
//margin: -3px 5px -16px 4px;
margin: 7px 12px -29px 5px;
text-transform: uppercase;
}

.locationblock a{
font-size:13px;
color:#fff;
text-decoration:none;
padding-left:40px;
}

.locationblock img {
margin: -7px 0px 0px 13px;
background-color:#BFBC9E;
}
.recblock {
width:248px;
min-height:230px;
background-color:#F5F5F5;
float:left;
margin:0px 0px 0px 5px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;
}
.recblock h4{
color:#BE614B;
text-align:center;
margin: 0px 0px 0px;
text-transform: uppercase;
}
.recblock a{
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
}
.recblock img {
margin: 0px 0px 0px 20px;
border: 2px solid #DEDEDE;
background-color:#BFBC9E;
width: 200px;
}
.recblock p{
float:right;
}



.alublock {
width:247px;
min-height:230px;
background-color:#F5F5F5;
float:right;
margin: 0px 164px 0px 0px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;

}
.alublock h4{
color:#BE614B;
text-align:center;
margin: 0px 0px 0px;
text-transform: uppercase;
}
.alublock a{
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
}
.alublock img {
margin: 0px 0px 0px 20px;
border: 3px solid #DEDEDE;
background-color:#BFBC9E;
width: 200px;
}
.alublock p{
float:right;
}


.greenblock {
width:243px;
min-height:230px;
background-color:#F5F5F5;
float:right;
margin: -229px 4px 0px 0px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;
}
.greenblock h4{
color:#BE614B;
text-align:center;
margin: 0px 0px 0px;
text-transform: uppercase;
}
.greenblock a{
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
}
.greenblock img {
margin: 0px 0px 0px 10px;
border: 2px solid #DEDEDE;
background-color:#BFBC9E;
width: 215px;
min-height:180px;
}
.greenblock p{
float:right;
}


.sctlblock {
width:248px;
min-height:230px;
background-color:#F5F5F5;
float:right;
margin: -230px 3px 0px 0px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;

}
.sctlblock h4{
color:#BE614B;
text-align:center;
margin: 0px 0px 0px;
text-transform: uppercase;
}
.sctlblock a{
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
}
.sctlblock img {
margin: 0px 0px 0px 10px;
border: 2px solid #DEDEDE;
background-color:#BFBC9E;
width: 215px;
min-height:180px;
}
.sctlblock p{
float:right;
}


/*====================================All lower Block============================*/
		/*=====================Recruitment-Block==================*/
/*
.recblock {
width:248px;
min-height:230px;
background-color:#F5F5F5;
float:left;
margin:0px 0px 0px 5px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;
}
.recblock h4{
color:#BE614B;
text-align:center;
margin: 0px 0px 0px;
text-transform: uppercase;
}
.recblock a{
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
}
.recblock img {
margin: 0px 0px 0px 20px;
border: 2px solid #DEDEDE;
background-color:#BFBC9E;
width: 200px;
}
.recblock p{
float:right;
}
*/


		/*======================ALUMNI-BLOCK======================*/
/*
.alublock {
width:247px;
min-height:230px;
background-color:#F5F5F5;
float:right;
margin: 0px 5px 0px 0px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;

}
.alublock h4{
color:#BE614B;
text-align:center;
margin: 0px 0px 0px;
text-transform: uppercase;
}
.alublock a{
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
}
.alublock img {
margin: 0px 0px 0px 20px;
border: 3px solid #DEDEDE;
background-color:#BFBC9E;
width: 200px;
}
.alublock p{
float:right;
}
*/

		/*======================GreenAgenda-Block====================*/
/*
.greenblock {
width:247px;
min-height:230px;
background-color:#F5F5F5;
float:right;
margin: 0px 0px 0px 0px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;
}
.greenblock h4{
color:#BE614B;
text-align:center;
margin: 0px 0px 0px;
text-transform: uppercase;
}
.greenblock a{
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
}
.greenblock img {
margin: 0px 0px 0px 10px;
border: 2px solid #DEDEDE;
background-color:#BFBC9E;
width: 215px;
min-height:180px;
}
.greenblock p{
float:right;
}
*/

		/*=======================Socital-Block=====================*/
/*
.sctlblock {
width:248px;
min-height:230px;
background-color:#F5F5F5;
float:right;
margin: 0px 0px 0px 0px;
-moz-box-shadow:    inset 0 0 0px #000000;
-webkit-box-shadow: inset 0 0 0px #000000;
box-shadow:         inset 0 0 1px #000000;
font-family: "Roboto",sans-serif;
font-weight: normal;

}
.sctlblock h4{
color:#BE614B;
text-align:center;
margin: 0px 0px 0px;
text-transform: uppercase;
}
.sctlblock a{
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
}
.sctlblock img {
margin: 0px 0px 0px 10px;
border: 2px solid #DEDEDE;
background-color:#BFBC9E;
width: 215px;
min-height:180px;
}
.sctlblock p{
float:right;
}
*/
.fadein { 
position:relative; 
}
.fadein img { 
position:absolute; 
left:0; 
top:0; 
width:660px;    
max-height:376px;
}
/* ===new css== */

.element-animation{
-webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }


.multi-item-carousel{
  .carousel-inner{
    > .item{
      transition: 500ms ease-in-out left;
    }
    .active{
      &.left{
        left:-33%;
      }
      &.right{
        left:33%;
      }
    }
    .next{
      left: 33%;
    }
    .prev{
      left: -33%;
    }
    @media all and (transform-3d), (-webkit-transform-3d) {
      > .item{
        // use your favourite prefixer here
        transition: 500ms ease-in-out left;
        transition: 500ms ease-in-out all;
        backface-visibility: visible;
        transform: none!important;
      }
    }
  }
  .carouse-control{
    &.left, &.right{
      background-image: none;
    }
  }
}

// non-related styling:
body{
  background: #333;
  color: #ddd;
}
h1{
  color: white;
  font-size: 2.25em;
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 1);
}
ul.abc{
	list-style-type:circle;
	margin-left:25px;	
} 
ul li{
    position: relative;
    padding: 0px 0px 0px 0px;
    margin: 2px;
    padding:0px;
}


/*================================================================END CSS=================================================================*/