.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	margin: 10px 5px 20px 5px;
	vertical-align: top;
	height: auto;
	width: 23.5%;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
	width: 100%;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 15px;
	left: 50%;
	margin: -4px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background: #ddd;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 25px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #000;
}

.og-fullimg,
.og-details {
	width: 50%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-weight: 300;
	font-size: 26px;
	padding: 40px 0 10px;
	margin-bottom: 10px;
}

.og-details h3 span {
	font-size:16px;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 25px;
	color: #333;
	text-align: left;
	width: 100%;
	text-align:justify !important;
}

.og-details a {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
	display: none;
}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

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

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }

}

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

	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	
}

.og-grid a:hover .teacher_hover_n{
	opacity:1;
	visibility:visible;
	-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1);
	transform:scale(1.1);   

	backface-visibility: hidden;    
	-webkit-filter: blur(0);
}

.og-grid a:hover .front_im{
	opacity:0;
	visibility:hidden;
}

.front_im{	
	-webkit-transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}

.og-grid a.teacher_a h3 {
    font-size: 12px;
    padding: 20px 0 10px;
	color:#333;
}
.og-grid a.teacher_a h4 {
    font-size: 10px;
	color:#333;
}
.og-grid li{
	overflow:hidden;
}
.og-grid li figcaption{
	background-color:#fff;
	padding-bottom:10px;
}
.og-grid li:first-child figcaption{
	border-top:1px solid #ff9f9f;
}
.og-grid li:nth-child(2) figcaption{
	border-bottom:1px solid #00d2ff;
}
.og-grid li:nth-child(3) figcaption{
	border-top:1px solid #f3d474;
}
.og-grid li:nth-child(4) figcaption{
	border-bottom:1px solid #9d87c3;
}
.og-grid li:nth-child(5) figcaption{
	border-top:1px solid #60cd96;
}
.og-grid li:nth-child(6) figcaption{
	border-top:1px solid #f98f6f;
}
.og-grid li:nth-child(7) figcaption{
	border-top:1px solid #e294d2;
}
.og-grid li:nth-child(9) figcaption{
	border-top:1px solid #ff95f9f;
}

.og-grid li:nth-child(10) figcaption{
	border-top:1px solid #00d2ff;
}

.og-grid li:nth-child(11) figcaption{
	border-top:1px solid #f3d474;
}
.og-grid li:nth-child(12) figcaption{
	border-bottom:1px solid #9d87c3;
}
.og-grid li:nth-child(13) figcaption{
	border-top:1px solid #60cd96;
}
.og-grid li:nth-child(14) figcaption{
	border-top:1px solid #f98f6f;
}
.og-grid li:nth-child(15) figcaption{
	border-top:1px solid #e294d2;
}


.og-grid li:nth-child(16) figcaption{
	border-bottom:1px solid #00d2ff;
}
.og-grid li:nth-child(17) figcaption{
	border-top:1px solid #f3d474;
}
.og-grid li:nth-child(18) figcaption{
	border-bottom:1px solid #9d87c3;
}
.og-grid li:nth-child(19) figcaption{
	border-top:1px solid #60cd96;
}
.og-grid li:nth-child(20) figcaption{
	border-top:1px solid #f98f6f;
}
.og-grid li:nth-child(21) figcaption{
	border-top:1px solid #e294d2;
}
.og-grid li:nth-child(22) figcaption{
	border-top:1px solid #ff95f9f;
}

.og-grid li:nth-child(23) figcaption{
	border-top:1px solid #00d2ff;
}

.og-grid li:nth-child(24) figcaption{
	border-top:1px solid #f3d474;
}

.og-grid li a:hover{
	text-decoration:none;
}
.og-grid li:first-child a.teacher_a,
.og-grid li:first-child a.teacher_a:focus,
.og-grid li:first-child a.teacher_a:active{
	border:1px solid #ff9f9f !important;
}
.og-grid li:nth-child(2) a.teacher_a,
.og-grid li:nth-child(2) a.teacher_a:focus,
.og-grid li:nth-child(2) a.teacher_a:active{
	border:1px solid #00d2ff !important;
}
.og-grid li:nth-child(3) a.teacher_a,
.og-grid li:nth-child(3) a.teacher_a:focus,
.og-grid li:nth-child(3) a.teacher_a:active{
	border:1px solid #f3d474 !important;
}
.og-grid li:nth-child(4) a.teacher_a,
.og-grid li:nth-child(4) a.teacher_a:focus,
.og-grid li:nth-child(4) a.teacher_a:active{
	border:1px solid #9d87c3 !important;
}
.og-grid li:nth-child(5) a.teacher_a,
.og-grid li:nth-child(5) a.teacher_a:focus,
.og-grid li:nth-child(5) a.teacher_a:active{
	border:1px solid #60cd96 !important;
}
.og-grid li:nth-child(6) a.teacher_a,
.og-grid li:nth-child(6) a.teacher_a:focus,
.og-grid li:nth-child(6) a.teacher_a:active{
	border:1px solid #f98f6f !important;
}
.og-grid li:nth-child(7) a.teacher_a,
.og-grid li:nth-child(7) a.teacher_a:focus,
.og-grid li:nth-child(7) a.teacher_a:active{
	border:1px solid #e294d2 !important;
}

.og-grid li:nth-child(8) a.teacher_a,
.og-grid li:nth-child(8) a.teacher_a:focus,
.og-grid li:nth-child(8) a.teacher_a:active{
	border:1px solid #ff9f9f !important;
}

.og-grid li:nth-child(9) a.teacher_a,
.og-grid li:nth-child(9) a.teacher_a:focus,
.og-grid li:nth-child(9) a.teacher_a:active{
	border:1px solid #00d2ff !important;
}


.og-grid li:nth-child(10) a.teacher_a,
.og-grid li:nth-child(10) a.teacher_a:focus,
.og-grid li:nth-child(10) a.teacher_a:active{
	border:1px solid #f3d474 !important;
}
.og-grid li:nth-child(11) a.teacher_a,
.og-grid li:nth-child(11) a.teacher_a:focus,
.og-grid li:nth-child(11) a.teacher_a:active{
	border:1px solid #9d87c3 !important;
}
.og-grid li:nth-child(12) a.teacher_a,
.og-grid li:nth-child(12) a.teacher_a:focus,
.og-grid li:nth-child(12) a.teacher_a:active{
	border:1px solid #60cd96 !important;
}
.og-grid li:nth-child(13) a.teacher_a,
.og-grid li:nth-child(13) a.teacher_a:focus,
.og-grid li:nth-child(13) a.teacher_a:active{
	border:1px solid #f98f6f !important;
}
.og-grid li:nth-child(14) a.teacher_a,
.og-grid li:nth-child(14) a.teacher_a:focus,
.og-grid li:nth-child(14) a.teacher_a:active{
	border:1px solid #e294d2 !important;
}

.og-grid li:nth-child(15) a.teacher_a,
.og-grid li:nth-child(15) a.teacher_a:focus,
.og-grid li:nth-child(15) a.teacher_a:active{
	border:1px solid #ff9f9f !important;
}



.og-grid li:nth-child(16) a.teacher_a,
.og-grid li:nth-child(16) a.teacher_a:focus,
.og-grid li:nth-child(16) a.teacher_a:active{
	border:1px solid #00d2ff !important;
}
.og-grid li:nth-child(17) a.teacher_a,
.og-grid li:nth-child(17) a.teacher_a:focus,
.og-grid li:nth-child(17) a.teacher_a:active{
	border:1px solid #f3d474 !important;
}
.og-grid li:nth-child(18) a.teacher_a,
.og-grid li:nth-child(18) a.teacher_a:focus,
.og-grid li:nth-child(18) a.teacher_a:active{
	border:1px solid #9d87c3 !important;
}
.og-grid li:nth-child(19) a.teacher_a,
.og-grid li:nth-child(19) a.teacher_a:focus,
.og-grid li:nth-child(19) a.teacher_a:active{
	border:1px solid #60cd96 !important;
}
.og-grid li:nth-child(20) a.teacher_a,
.og-grid li:nth-child(20) a.teacher_a:focus,
.og-grid li:nth-child(20) a.teacher_a:active{
	border:1px solid #f98f6f !important;
}
.og-grid li:nth-child(21) a.teacher_a,
.og-grid li:nth-child(21) a.teacher_a:focus,
.og-grid li:nth-child(21) a.teacher_a:active{
	border:1px solid #e294d2 !important;
}

.og-grid li:nth-child(22) a.teacher_a,
.og-grid li:nth-child(22) a.teacher_a:focus,
.og-grid li:nth-child(22) a.teacher_a:active{
	border:1px solid #ff9f9f !important;
}

.og-grid li:nth-child(23) a.teacher_a,
.og-grid li:nth-child(23) a.teacher_a:focus,
.og-grid li:nth-child(23) a.teacher_a:active{
	border:1px solid #00d2ff !important;
}


.og-grid li:nth-child(24) a.teacher_a,
.og-grid li:nth-child(24) a.teacher_a:focus,
.og-grid li:nth-child(124) a.teacher_a:active{
	border:1px solid #f3d474 !important;
}
.og-grid li:nth-child(25) a.teacher_a,
.og-grid li:nth-child(25) a.teacher_a:focus,
.og-grid li:nth-child(25) a.teacher_a:active{
	border:1px solid #9d87c3 !important;
}



.og-grid .f_image{
	overflow:hidden;
	position:relative;
}
.og-grid li:first-child a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9f9f+0,b70000+100 */
	background: #ff9f9f; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9f9f 0%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff9f9f 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff9f9f 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f9f', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(2) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00d2ff+0,ffffff+100 */
	background: #00d2ff; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #00d2ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,#00d2ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 0%,#00d2ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#00d2ff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(3) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3d474+0,ffffff+100 */
	background: #f3d474; /* Old browsers */
	background: -moz-linear-gradient(top, #f3d474 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f3d474 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f3d474 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d474', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(4) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d87c3+0,ffffff+100 */
	background: #9d87c3; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #9d87c3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,#9d87c3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 0%,#9d87c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#9d87c3',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(5) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60cd96+0,ffffff+100 */
	background: #60cd96; /* Old browsers */
	background: -moz-linear-gradient(top, #94e2d8 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #94e2d8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #94e2d8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e2d8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(6) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60cd96+0,ffffff+100 */
	background: #60cd96; /* Old browsers */
	background: -moz-linear-gradient(top, #f98f6f 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f98f6f 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f98f6f 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98f6f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(7) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60cd96+0,ffffff+100 */
	background: #60cd96; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #94e2d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#94e2d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#94e2d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#94e2d8',GradientType=0 ); /* IE6-9 */
}

.og-grid li:nth-child(8) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9f9f+0,b70000+100 */
	background: #ff9f9f ; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9f9f 0%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff9f9f 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, #ff9f9f ,#fff ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f9f', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(9) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00d2ff+0,ffffff+100 */
	background: #00d2ff; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #00d2ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,#00d2ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 0%,#00d2ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#00d2ff',GradientType=0 ); /* IE6-9 */
}




.og-grid li:nth-child(10) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3d474+0,ffffff+100 */
	background: #f3d474; /* Old browsers */
	background: -moz-linear-gradient(top, #f3d474 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f3d474 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f3d474 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d474', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(11) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d87c3+0,ffffff+100 */
	background: #9d87c3; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #9d87c3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,#9d87c3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 0%,#9d87c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#9d87c3',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(12) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60cd96+0,ffffff+100 */
	background: #60cd96; /* Old browsers */
	background: -moz-linear-gradient(top, #94e2d8 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #94e2d8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #94e2d8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e2d8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(13) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60cd96+0,ffffff+100 */
	background: #60cd96; /* Old browsers */
	background: -moz-linear-gradient(top, #f98f6f 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f98f6f 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f98f6f 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98f6f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(14) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60cd96+0,ffffff+100 */
	background: #60cd96; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #94e2d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#94e2d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#94e2d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#94e2d8',GradientType=0 ); /* IE6-9 */
}

.og-grid li:nth-child(15) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9f9f+0,b70000+100 */
	background: #ff9f9f; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9f9f 0%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff9f9f 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff9f9f 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f9f', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}




.og-grid li:nth-child(16) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00d2ff+0,ffffff+100 */
	background: #00d2ff; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #00d2ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,#00d2ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 0%,#00d2ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#00d2ff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(17) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3d474+0,ffffff+100 */
	background: #f3d474; /* Old browsers */
	background: -moz-linear-gradient(top, #f3d474 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f3d474 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f3d474 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d474', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(18) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9d87c3+0,ffffff+100 */
	background: #9d87c3; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #9d87c3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,#9d87c3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 0%,#9d87c3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#9d87c3',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(19) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60cd96+0,ffffff+100 */
	background: #60cd96; /* Old browsers */
	background: -moz-linear-gradient(top, #94e2d8 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #94e2d8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #94e2d8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94e2d8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(20) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60cd96+0,ffffff+100 */
	background: #60cd96; /* Old browsers */
	background: -moz-linear-gradient(top, #f98f6f 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f98f6f 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f98f6f 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f98f6f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(21) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60cd96+0,ffffff+100 */
	background: #60cd96; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #94e2d8 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#94e2d8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#94e2d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#94e2d8',GradientType=0 ); /* IE6-9 */
}

.og-grid li:nth-child(22) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff9f9f+0,b70000+100 */
	background: #ff9f9f; /* Old browsers */
	background: -moz-linear-gradient(top, #ff9f9f 0%, #fff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff9f9f 0%,#fff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff9f9f 0%,#fff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff9f9f', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
}
.og-grid li:nth-child(23) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00d2ff+0,ffffff+100 */
	background: #00d2ff; /* Old browsers */
	background: -moz-linear-gradient(top, #fff 0%, #00d2ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff 0%,#00d2ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff 0%,#00d2ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#00d2ff',GradientType=0 ); /* IE6-9 */
}




.og-grid li:nth-child(24) a.teacher_a .f_image{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f3d474+0,ffffff+100 */
	background: #f3d474; /* Old browsers */
	background: -moz-linear-gradient(top, #f3d474 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f3d474 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f3d474 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d474', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.og-grid li:nth-child(1) .og-expander{
	background-color:#ff9f9f;
}
.og-grid li:nth-child(2) .og-expander{
	background-color:#00d2ff;
}
.og-grid li:nth-child(3) .og-expander{
	background-color:#f3d474;
}
.og-grid li:nth-child(4) .og-expander{
	background-color:#9d87c3;
}
.og-grid li:nth-child(5) .og-expander{
	background-color:#60cd96;
}
.og-grid li:nth-child(6) .og-expander{
	background-color:#f98f6f;
}
.og-grid li:nth-child(7) .og-expander{
	background-color:#94e2d8;
}
.og-grid li:nth-child(8) .og-expander{
	background-color:#ff9f9f;
}
.og-grid li:nth-child(9) .og-expander{
	background-color:#00d2ff;
}

.og-grid li:nth-child(10) .og-expander{
	background-color:#f3d474;
}
.og-grid li:nth-child(11) .og-expander{
	background-color:#9d87c3;
}
.og-grid li:nth-child(12) .og-expander{
	background-color:#60cd96;
}
.og-grid li:nth-child(13) .og-expander{
	background-color:#f98f6f;
}
.og-grid li:nth-child(14) .og-expander{
	background-color:#94e2d8;
}
.og-grid li:nth-child(15) .og-expander{
	background-color:#ff9f9f;
}

.og-grid li:nth-child(16) .og-expander{
	background-color:#00d2ff;
}
.og-grid li:nth-child(17) .og-expander{
	background-color:#f3d474;
}
.og-grid li:nth-child(18) .og-expander{
	background-color:#9d87c3;
}
.og-grid li:nth-child(19) .og-expander{
	background-color:#60cd96;
}
.og-grid li:nth-child(20) .og-expander{
	background-color:#f98f6f;
}
.og-grid li:nth-child(21) .og-expander{
	background-color:#94e2d8;
}
.og-grid li:nth-child(22) .og-expander{
	background-color:#ff9f9f;
}
.og-grid li:nth-child(23) .og-expander{
	background-color:#00d2ff;
}

.og-grid li:nth-child(24) .og-expander{
	background-color:#f3d474;
}
.og-grid li:nth-child(25) .og-expander{
	background-color:#9d87c3;
}


.og-grid li:nth-child(1).og-expanded > a::after{	
	border-bottom-color: #ff9f9f;
}
.og-grid li:nth-child(2).og-expanded > a::after{	
	border-bottom-color: #00d2ff;
}
.og-grid li:nth-child(3).og-expanded > a::after{	
	border-bottom-color: #f3d474;
}
.og-grid li:nth-child(4).og-expanded > a::after{	
	border-bottom-color: #9d87c3;
}
.og-grid li:nth-child(5).og-expanded > a::after{	
	border-bottom-color: #60cd96;
}
.og-grid li:nth-child(6).og-expanded > a::after{	
	border-bottom-color: #f98f6f;
}
.og-grid li:nth-child(7).og-expanded > a::after{	
	border-bottom-color: #94e2d8;
}
.og-grid li:nth-child(8).og-expanded > a::after{	
	border-bottom-color: #ff9f9f;
}
.og-grid li:nth-child(9).og-expanded > a::after{	
	border-bottom-color: #00d2ff;
}


.og-grid li:nth-child(10).og-expanded > a::after{	
	border-bottom-color: #f3d474;
}
.og-grid li:nth-child(11).og-expanded > a::after{	
	border-bottom-color: #9d87c3;
}
.og-grid li:nth-child(12).og-expanded > a::after{	
	border-bottom-color: #60cd96;
}
.og-grid li:nth-child(13).og-expanded > a::after{	
	border-bottom-color: #f98f6f;
}
.og-grid li:nth-child(14).og-expanded > a::after{	
	border-bottom-color: #94e2d8;
}
.og-grid li:nth-child(15).og-expanded > a::after{	
	border-bottom-color: #ff9f9f;
}



.og-grid li:nth-child(16).og-expanded > a::after{	
	border-bottom-color: #00d2ff;
}
.og-grid li:nth-child(17).og-expanded > a::after{	
	border-bottom-color: #f3d474;
}
.og-grid li:nth-child(18).og-expanded > a::after{	
	border-bottom-color: #9d87c3;
}
.og-grid li:nth-child(19).og-expanded > a::after{	
	border-bottom-color: #60cd96;
}
.og-grid li:nth-child(20).og-expanded > a::after{	
	border-bottom-color: #f98f6f;
}
.og-grid li:nth-child(21).og-expanded > a::after{	
	border-bottom-color: #94e2d8;
}
.og-grid li:nth-child(22).og-expanded > a::after{	
	border-bottom-color: #ff9f9f;
}
.og-grid li:nth-child(23).og-expanded > a::after{	
	border-bottom-color: #00d2ff;
}


.og-grid li:nth-child(24).og-expanded > a::after{	
	border-bottom-color: #f3d474;
}
.og-grid li:nth-child(25).og-expanded > a::after{	
	border-bottom-color: #9d87c3;
}

.im_cls{
	position:relative;
	z-index:1;
}
.im_cls::before {
    background-color: rgba(0, 0, 0, 0.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.og-fullimg{
	position:relative;
}
.og-fullimg::after{
	bottom:0px;
	left:0px;
	right:0px;
	position:absolute;
	content:'';
	width:100%;
	
	background-image: linear-gradient(to bottom, rgba(255, 159, 159, 0), rgba(255, 159, 159, 1) 90%);
    height: 4em;
    z-index: 5;
}


.og-grid li:nth-child(1) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(255, 159, 159, 0), rgba(255, 159, 159, 1) 90%);
}
.og-grid li:nth-child(2) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(0, 210, 255, 0), rgba(0, 210, 255, 1) 90%);
}
.og-grid li:nth-child(3) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(243, 212, 116, 0), rgba(243, 212, 116, 1) 90%);
}
.og-grid li:nth-child(4) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(157, 135, 195, 0), rgba(157, 135, 195, 1) 90%);
}
.og-grid li:nth-child(5) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(96, 205, 150, 0), rgba(96, 205, 150, 1) 90%);
}
.og-grid li:nth-child(6) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(249, 143, 111, 0), rgba(249, 143, 111, 1) 90%);
}
.og-grid li:nth-child(7) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(148, 226, 216, 0), rgba(148, 226, 216, 1) 90%);
}
.og-grid li:nth-child(8) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(255, 159, 159, 0), rgba(255, 159, 159, 1) 90%);
}
.og-grid li:nth-child(9) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(0, 210, 255, 0), rgba(0, 210, 255, 1) 90%);
}

.og-grid li:nth-child(10) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(243, 212, 116, 0), rgba(243, 212, 116, 1) 90%);
}
.og-grid li:nth-child(11) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(157, 135, 195, 0), rgba(157, 135, 195, 1) 90%);
}
.og-grid li:nth-child(12) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(96, 205, 150, 0), rgba(96, 205, 150, 1) 90%);
}
.og-grid li:nth-child(13) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(249, 143, 111, 0), rgba(249, 143, 111, 1) 90%);
}
.og-grid li:nth-child(14) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(148, 226, 216, 0), rgba(148, 226, 216, 1) 90%);
}
.og-grid li:nth-child(15) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(255, 159, 159, 0), rgba(255, 159, 159, 1) 90%);
}



.og-grid li:nth-child(16) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(0, 210, 255, 0), rgba(0, 210, 255, 1) 90%);
}
.og-grid li:nth-child(17) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(243, 212, 116, 0), rgba(243, 212, 116, 1) 90%);
}
.og-grid li:nth-child(18) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(157, 135, 195, 0), rgba(157, 135, 195, 1) 90%);
}
.og-grid li:nth-child(19) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(96, 205, 150, 0), rgba(96, 205, 150, 1) 90%);
}
.og-grid li:nth-child(20) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(249, 143, 111, 0), rgba(249, 143, 111, 1) 90%);
}
.og-grid li:nth-child(21) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(148, 226, 216, 0), rgba(148, 226, 216, 1) 90%);
}
.og-grid li:nth-child(22) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(255, 159, 159, 0), rgba(255, 159, 159, 1) 90%);
}
.og-grid li:nth-child(23) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(0, 210, 255, 0), rgba(0, 210, 255, 1) 90%);
}

.og-grid li:nth-child(24) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(243, 212, 116, 0), rgba(243, 212, 116, 1) 90%);
}
.og-grid li:nth-child(25) .og-expander .og-fullimg::after{
	background-image: linear-gradient(to bottom, rgba(157, 135, 195, 0), rgba(157, 135, 195, 1) 90%);
}


@media only screen and (max-width: 1199px){	
	.og-grid li{
		width:23%;
	}
	.og-details h3{
		font-size:20px;
	}
	.og-details p{
		font-size:14px;
	}
}

@media only screen and (max-width: 992px){
	.og-grid li{
		width:30%;
	}
}

@media only screen and (max-width:767px){
	.og-grid li{
		width:100%;
	}
}