.lpu-highlight ul li
{
	min-height:250px;}


#lpu-highlight-grid .content-section {
	padding: 60px 0
}
#lpu-highlight-grid .content-section .header.section-header {
	margin-bottom: 40px;
	padding-bottom: 40px
}
#lpu-highlight-grid .lpu-highlight .persona {
	position: relative;
	border: 1px solid rgba(255, 255, 255, 0.23);
	overflow: hidden;
	background-color: #252729;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
}
#lpu-highlight-grid .lpu-highlight .persona a {
	display: block;
	min-height: 35vh
}
#lpu-highlight-grid .lpu-highlight .persona a .img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	opacity: 0.4;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
#lpu-highlight-grid .lpu-highlight .persona a .img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	background-color: #305438;
	opacity: 0;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}
#lpu-highlight-grid .lpu-highlight .persona a .title-hook {
	position: absolute;
	top: 45%;
	right: 20px;
	left: 20px;
	z-index: 3;
	color: white;
	
	font-weight: 700;
	text-align: left
}
#lpu-highlight-grid .lpu-highlight .persona a .title-hook .title {
	text-align: center;
	font-size: 27px;
	line-height: 1.2;
	-webkit-transition: all 300ms ease-in-out;
	transition: all 300ms ease-in-out
}
#lpu-highlight-grid .lpu-highlight .persona a .title-hook .hook {
	text-align: center;
	opacity: 0
}


@media only screen and (min-width: 40.063em) {
#lpu-highlight-grid .lpu-highlight .persona a:hover .img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	-webkit-transform: scale3d(1.05, 1.05, 1.05);
	transform: scale3d(1.05, 1.05, 1.05)
}
#lpu-highlight-grid .lpu-highlight .persona a:hover .img-overlay {
	opacity: 0.7
}
#lpu-highlight-grid .lpu-highlight .persona a:hover .hook {
	-webkit-transition: all 350ms;
	transition: all 350ms;
	opacity: 1
}
}

ul.top-links li {
   display: inline;
    
    padding:10px 10px;
   
  
   
}

ul.top-links {
margin-top:4px}


    ul.top-links li a {
   
color: #676262;
   
font-size: 15px;
   
text-transform: Capitalize;
}

     ul.top-links li:hover a {
   
color: black;
   
}

        ul.top-links li.active a {
   
color: black;
   
}
           ul.top-links li.active {
   
background: #eaeaea;
   
}
        


        ul.top-links li:first-child a {
   
color: black;
   
text-transform: lowercase;
}


        .su2 img {
    height: 30px;
    margin:  auto;
}

.su0 {
    text-align:  center;
    line-height: 37px;
    padding:  10px;
    border:  1px solid #eee;
}
.su1 {
    width: 94%;
    color: #202020;
    text-align:  center;
    /* min-height: 180px; */
    margin: 3%;
    padding: 10px 15px 30px;
    border: 1px solid #202020;
}.q11 {
    font-weight: 600;
    margin: 11px 0px;
    font-family:  unset;
}
 .su1 img {
    height:  30px;
}
 .su2 h5{color: #0a0a0a!important;
    padding-top: 30px;
    font-size: 20px;
    font-weight: 600;}
.col-sm-12.col-md-3.text-center.effect-slide-bottom.in h3 {
    font-size: 17px;
    margin-top: 15px;
}
.row.technical-row-container {
    padding: 10px;
    border-bottom:  1px solid #eee;
}

h3.effect-slide-bottom.in {
    text-align:  right;
    color: #6aa777;
}

h5.effect-slide-bottom.in {
    line-height: 36px;
}