/*Lesson Plan Design */
.lesson_box{
	border:1px solid #D0D0D0;
	padding: 0px 50px 0px 50px;
}

.topic_thumbnail {
    position:relative;
    overflow:hidden;
}

.indented_ul{
	padding: 5px 0px 5px 22px;
}

.indented_ul_tost{
	padding: 5px 0px 5px 22px;
	color: #01FF01;
}

.topic_caption {
    position:absolute;
    top:0;
    right:0;
    /*background:rgba(65, 184, 133, 0.6);*/
    background:rgba(4, 55, 118, 0.9);
    width:100%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    vertical-align: center;
    color:#fff !important;
    z-index:2;
}

.topic_box{
	border:1px solid #D0D0D0;
	border-left:0px;
}

.topic_sidebar{
	border:1px solid #D0D0D0;
}

.overlay{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	background: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-moz-opacity: .6;
	-khtml-opacity: .6;
	opacity: .6;
	z-index:1000;
}

.gifloader{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../../../img/content/eyantra/eyantra-65-100-old.gif) no-repeat center;
	/*background: url(../images/eyantra/eyantra-1.gif) no-repeat center;*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	z-index:1500;
}

.tut_border{
	border:1px solid #D0D0D0;
	padding:20px;
}

.tut_image{
	width: 140px;
	height: 140px;
}

.row-same-height {
	display: table;
	width: 100%;
	/* fix overflow */
	table-layout: fixed;
}

.col-xs-height {
	display: table-cell;
	float: none !important;
}

.col-top {
	vertical-align: top;
}

.col-middle {
	vertical-align: middle;
}

.col-bottom {
	vertical-align: bottom;
}

.sidebar{
	border-right:1px solid #D0D0D0;
}

.tut_row{
	border-right:1px solid #D0D0D0;
	border-top:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
}

.tut_desc_row{
	border:1px solid #D0D0D0;
	padding:0px 50px 0px 50px;
}

.proj_data{
	text-align: center;
    padding: 25px 25px 25px 25px;
    margin: 25px;
}

.pro_image{
	width:290px;
	height:240px;
}

.effect7
{
  	position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect7:before, .effect7:after{
	content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 

.effect7:after{
	right:10px; 
	left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
    -o-transform:skew(8deg) rotate(3deg);
     transform:skew(8deg) rotate(3deg);
}

.img-wrapper img:hover {
    transform:scale(1.02);
    -ms-transform:scale(1.02); /* IE 9 */
    -moz-transform:scale(1.02); /* Firefox */
    -webkit-transform:scsale(1.02); /* Safari and Chrome */
    -o-transform:scale(1.02); /* Opera */
}