/* CSS Document */
body{
	font-family: 'Saira', sans-serif;
	font-size:14px;
	margin:0px;
	padding:0px;
	position:relative;
}
a{
 color:#000;
 outline:none;
 text-decoration:none;
}
a:hover, a:visited, a:focus, a:active{
	text-decoration:none!important;
	color:unset!important;
	outline:none!important;
}
ul, li{
 margin:0px;
 padding:0px;

}
.container{
width:1100px;
}

img{
	max-width:100%;
}
header, section, nav, article, footer{
	display:block;
}
#multiscroll-nav span {
    width: 10px;
    height: 10px;
    border: 2px solid #1a6bb0;
}
/*header */
.header{
position: absolute;
z-index: 2;
width: 100%;
}
.navbar-default {
  background-color: transparent;
    border-color: transparent;
    margin: 0px;
}
.logo{
height: unset;
}
.logo img{
width: 100px;
}
.navbar-right {
margin: 22px 0px;
}
.navbar-nav > li{
padding:15px;
position:relative
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.navbar-nav > li > a{
text-transform:uppercase;
padding:0px;
color:#000!important;
font-weight: 400;
position:relative;

}
.navbar-nav > li > a:after{
content: '';
position: absolute;
width: 0%;
height: 1px;
border: 1px solid #1a6bb0;
left: 0;
opacity:0;
top: 1.4em;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition:all 0.5s ease-in;
}
.navbar-nav > li > a:hover:after{
opacity:1;
width:100%;
}
.navbar-nav > li.active > a:after{
opacity:1;
width:100%;
}
.navbar-nav > li.active > a:hover{

}
.navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{
background-color:transparent!important;
color: #1a6bb0 !important;
}
.navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{
background-color:transparent!important;
}
.navbar-nav > .active > a:after{

}
.navbar-nav > li > .dropdown-menu{
margin-top: 8%;
left: 16%;
min-width: 180px;
}
section.home{
position: relative;
padding-top: 140px;
padding-bottom: 30px;
background-image: url('../imgs/banner1.png');
background-size: cover;
width: 100%;
}
.seq {
max-height: 75vh;
max-width: 800px;
border: 1px solid #1a6bb0;
 background: rgba(255, 255, 255, 0.7);
}
.seq .seq-title {
    margin-bottom:-4%;
	margin-left: 0;
	width:50%;
}
.seq .seq-model {
    width: 37%;
    margin: 0 4%;
}
.seq .seq-title h2{
background: transparent;
color: black;
text-align: Center;
display: block;
width: 100%;
font-size: 35px;
line-height: 48px;
text-transform: uppercase;
font-weight: 400;
}
.seq .seq-title h3{
width: 100%;
text-align: Center;
font-size: 16px;
font-weight: 300;
line-height: 26px;
padding: 0px 10px;
margin-bottom: 3%;
}
.seq .seq-title h2 a{
font-size:14px;
padding: 10px 20px;
background: #1a6bb0;
color: white;
position: relative;
text-transform: uppercase;
-webkit-transition: all 0.5s ease-in;
-moz-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.seq .seq-title h2 a:hover{
color:white!important;
}
.seq .seq-title h2 a:before {
    position: absolute;
    content: '';
    width: 108%;
    height: 123%;
    left: 0;
    top: 0;
    border: 1px solid #1a6bb0;
    margin-top: -4%;
    margin-left: -4%;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.seq .seq-next, .seq .seq-prev{
margin-top: 23.7%;
width: 30px;
}
.seq .seq-prev {
   left:20px;
    background: url("../imgs/left.png");
    background-repeat: no-repeat;
    background-size: contain;
}
.seq .seq-next {
    right: 20px;
    background: url("../imgs/right.png");
    background-repeat: no-repeat;
    background-size: contain;
}
section.about{
padding: 4em 0px;
position: relative;
}
.about .content{
padding: 30px;
position: relative;
}
.about .content:before{
position: absolute;
content: '';
width: 40%;
height: 1px;
border-top: 2px solid #1a6bb0;
}
.about .content h1{
font-size: 40px;
text-transform: uppercase;
font-weight: 300;
line-height: 50px;
margin: 35px 0px 30px;
}
.about .content p{
font-size: 15px;
line-height: 26px;
text-align: left;
font-weight: 300;
margin-bottom: 12%;
}
.about .sideImg{

}
.about .sideImg img{

}
.btn-more{
font-size:14px;
padding: 12px 35px;
background: #1a6bb0;
color: white;
position: relative;
text-transform: uppercase;
}
.btn-more:before{
position: absolute;
    content: '';
    width: 108%;
    height: 123%;
    left: 0;
    top: 0;
    border: 1px solid #1a6bb0;
    margin-top: -3.4%;
    margin-left: -4%;
}
section.midDivide{
position: relative;
padding: 4em 0px;
}
.midImg{
margin: 6% 0;
text-align: center;
position: relative;
}
.midImg img{

}
.midTxt{
background: #f3f3f3;
position: relative;
padding: 14px 0px;
}
.midTxt:after{
position: absolute;
content: '';
width: 98%;
height: 92%;
top: 0;
left:0;
border: 1px solid #1a6bb0;
margin: 1%;
}
.midCont{
text-align: center;
position: relative;
margin: 6% 0px;
}
.midCont h1{
font-size: 36px;
font-weight: 400;
line-height: 48px;
margin: 25px 0px 14px;
text-transform: uppercase;
}
.midCont p{
font-size: 18px;
font-weight: 300;
margin-bottom: 6%;
}
section.trustDtl{
padding: 2em 0px 5em;
}
.trustDtl .content{
text-align: center;
}
.trustDtl .content h1:before{
position: absolute;
content: '';
border-top: 2px solid #1a6bb0;
width: 16.6%;
height: 1px;
margin-left: 6.8%;
margin-top: -2.8%;
}
.trustDtl .content h1{
font-size: 36px;
line-height: 46px;
text-transform: uppercase;
font-weight: 400;
margin: 1.5em 0px 25px;
}
.trustDtl .content p{
font-size: 17px;
font-weight: 300;
line-height: 28px;
}
.imgCont{
margin-top: 5%;
text-align: center;

}
.imgCont img{
padding: 0px 20em;
}
.imgCont p{
text-align: justify;
}

footer{

}
.footer-top{
background: #ae9e7e;
padding:2em 0px;
position:relative;
}
/*
background: url('../imgs/background.jpg');
}
.footer-top:after{
position:absolute;
content:'';
background: #042660;
}*/
.footer-content{
position: relative;
text-align: center;
}
.footer-content img{
margin-bottom:3em;
}
.footer-content p{
color: white;
padding: 2em 0px;
text-align: justify;
font-size: 14px;
line-height: 23px;
padding-right: 1em;
}
.footer-content h2{
color: white;
margin-top: 1.5em;
margin-bottom: 1em;
font-size: 25px;
text-transform: uppercase;
font-weight: 300;
line-height: 35px;
margin-left: 1.7em;
}
.footer-content ul{
margin-top: 10px;
}
.footer-content ul li{
position: relative;
color: white;
list-style: none;
padding: 6px 0px;
margin-left: 5em;
}
.footer-content ul li span{
position: absolute;
left: 0;
margin-left: -2em;
}
.footer-content ul li span i{

}
.footer-content li a{
color:white;
}
.footer-content .footer-links{
text-align: center;
margin-bottom: 3em;
margin-top: 0;
}
.footer-content .footer-links:after{
position: absolute;
content: '';
width: 100%;
height: 1px;
box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.36);
left: 0;
top: 0;
margin-top:4em;
}
.footer-content .footer-links li{
display: inline-block;
margin: 0px 15px;
}
.footer-content .footer-links li a{

}
.footer-content .footer-links li:after{
position:absolute;
content:'';
}
.footer-bottom{
background: #04183c;
padding: 1em;
}
.footer-bottom p{
color:white;
margin:0px;
font-size:12px;
line-height:24px;
}
.left{
float:left;
}
.right{
float:right;
}
.innerHeader{
position:relative;
}
.innerHeader .container{
width:1300px;
}
/*Archive*/
section.innerBanner{
position: relative;
}
.banner{
position:relative;
width:100%;
}

.bannerHead{
position: absolute;
width: 96%;
top: 0;
height: 210px;
margin: 30px 2%;
padding: 38px 40px;
text-align: Center;
}
#archBanner .bannerHead{
border:0px;
}
.bannerHead h1{
font-weight: 400;
text-transform: uppercase;
font-size: 42px;
line-height: 52px;
}
.bannerHead .breadcrumb{
background:transparent;
}
.breadcrumb > .active {
    color: #1a6bb0;
}
.innerPage{
padding: 4em 0px;
position: relative;
}
.archTab{

}
.archTab .nav-tabs{
    text-align: center;
    width: 100%;
    margin: auto;
    border-top: 1px solid #e7f4ff;
    border-bottom: 1px solid #e7f4ff;
    padding: 5px 0px;
}
.archTab .nav-tabs li{
	float:unset;
	display:inline-block;
}
.archTab .nav-tabs li a{
 border-radius: 0px;
}
.archTab .nav-tabs > li.active > a, .archTab .nav-tabs > li.active > a:focus, .archTab .nav-tabs > li.active > a:hover {
    background: #e7f4ff;
    border: 0px;
	color:#1a6bb0;
}
.archTab .nav > li > a:focus, .archTab .nav > li > a:hover {
    text-decoration: none;
    background-color: #efefef;
	border:0px;
}
.archTab .tab-content{
margin-top: 3em;
}
.archImg{

}
.archImg ul{
text-align: center;
}
.archImg ul li{
list-style: none;
display: inline-block;
margin-right: 3%;
margin-bottom: 3%;
}
.archImg ul li:nth-child(3n){
margin-right:0;
}
.archImg li img{
width: 100%;
}
.archDtl{

}
.archDtl h3{
margin: 0px 0px 12px;
font-weight: 400;
font-size: 22px;
line-height: 32px;
color: #1a6bb0;
text-transform: uppercase;
}
.archDtl p{
font-size: 13px;
line-height: 22px;
text-align: justify;
margin: 6px 0px;

}
.archDtl .metaDtl{
margin: 1em 0px;
}
.archDtl .metaDtl ul{

}
.archDtl .metaDtl ul li{
list-style: none;
padding: 8px 0px;
}
.archDtl .metaDtl li a{
color: #1a6bb0;
font-weight: 500;
}
/*Abou**/
section.about{

}
.innerHead{
text-align: center;
margin-bottom: 3em;
}
.innerHead img{
width: 48px;
height: auto;
}
.innerHead h1{
position:relative;
font-size: 33px;
line-height: 42px;
text-transform: uppercase;
font-weight: 300;
margin: 25px 0px 14px;
}
.innerHead p.seperator{
width: 12em;
margin: 1.5% auto;
border-top: 2px solid #1a66b0;
}
.innerHead p{
font-size: 14px;
font-weight: 300;
line-height: 25px;
}
.content h3{
color: #1a66b0;
font-weight: 400;
border-left: 3px solid #1a6bb0;
padding: 8px 12px;
margin-bottom: 1em;
text-transform: uppercase;
background: #f9f9f9;
background: -webkit-linear-gradient(left,  #f9f9f9 , white);
background: -o-linear-gradient(right,  #f9f9f9 , white);
background: -moz-linear-gradient(right,  #f9f9f9 , white);
background: linear-gradient(to right, #f9f9f9 , white);
}
.content p{
text-align: justify;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.imgCont{
margin-top: 5%;
text-align: center;

}
.imgCont img{
padding: 0px 20em;
}
.imgCont p{
text-align: justify;
}
.trustDtl{
margin-top: 3em;
}
.trustDtl .nav-tabs{
width: 24%;
float: left;
border:0px;
position:relative;
}
.trustDtl .nav-tabs:after{
position: absolute;
content: '';
height: 100%;
width: 1px;
margin-left: 99%;
border-right: 1px solid #dedede;
top: 0;
}
.trustDtl .nav-tabs li{
float: unset;

}
.trustDtl .nav-tabs li.active{

}
.trustDtl .nav-tabs > li > a:hover{
border: 0px;
background: #e7f4ff;
}
.trustDtl .nav-tabs li.active:after{
position: absolute;
content: '';
height: 100%;
width: 1px;
border-left: 3px solid #1a6bb0;
top: 0;
right: 0;
margin-right: 1px;
z-index: 4;
}
.trustDtl .nav-tabs li a{
border-radius: 0px;
padding: 13px 15px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover{
border:0px;
color:#1a6bb0;
}
.trustDtl .tab-content{
width: 72%;
float: right;
text-align: left;
}
.trustDtl .tab-content img{
width: 230px;
height: 250px;
}
.trustDtl .tab-content p{

}
/*Delhi Blue Connect */
.yearTab .nav-tabs{
position:relative;
text-align: center;
width: 500px;
margin: auto;
background: #e7f4ff;
border: 0px;
transform: skew(-29.6deg);
-webkit-transform: skew(-29.6deg);
-moz-transform: skew(-29.6deg);
-o-transform: skew(-29.6deg);
}
.yearTab .nav-tabs li{
float: unset;
display: inline-block;
width: 24.3%;
list-style:none;
}
.yearTab .nav-tabs li.active{
background:#1a6bb0;
}
.yearTab .nav-tabs li.active a{
color:white!important;
border:0px;
background-color: transparent;
}
.yearTab .nav-tabs > li > a:hover{
border: 0px;
background-color: transparent;
}
.yearTab .nav-tabs li a{
border-radius: 0px;
padding: 13px 15px;
display: block;
transform: skew(29.6deg);
-webkit-transform: skew(29.6deg);
-moz-transform: skew(29.6deg);
-o-transform: skew(29.6deg);
width: 100%;
}
.yearTab .nav-tabs > li.active > a:focus, .yearTab .nav-tabs > li.active > a:hover{
border:0px;
color:#1a6bb0;
background-color: transparent;
}
.yearTab .tab-content{
margin-top: 4%;
}
.yearTab .tab-content ul{
margin-top: 3em;
}
.yearTab .tab-content ul li{
list-style: none;
display: inline-block;
width: 30.4%;
margin-right: 4%;
margin-bottom: 4%;
 -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.yearTab .tab-content ul li:nth-child(3n){
margin-right:0px;
}
.yearTab .tab-content ul li .yearCont{
border: 1px solid #e7f4ff;
padding: 8px 8px 15px;
text-align: Center;
box-shadow: 0px 0px 6px #e7f4ff;
 -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.yearTab .tab-content ul li:hover .yearCont{
background:#e7f4ff;
}
.yearTab .yearCont img{

}
.yearTab .yearCont h4{
font-weight:500;
text-transform:uppercase;
margin-top:18px;
font-size:14px;
}
/*Contact*/
.contForm{

}
.contForm form{
padding: 0px 10em;
}
.contForm .form-group{
text-align: center;
}
.contForm .form-control{
height: 40px;
border: 1px solid #efefef;
border-radius: 0px;
}
.contForm textarea{
height:150px!important;
}
.contForm #btn-more, .progForm #btn-more{
margin-top: 1em;
font-size: 12px;
font-weight: 600;
border: 0px;
padding: 12px 20px;
line-height: 20px;
}
 .contDtl{
 margin-top: 3em;
 }
 .contDtl h3{
 margin-bottom:2em;
 }
 .contDtl ul{
 
 }
.contDtl ul li{
list-style: none;
padding: 18px 0px;
position: relative;
padding-left: 2.4em;
font-size: 15px;
line-height: 25px;
border-bottom: 1px solid #f3f0f0;
}
.contDtl ul li:last-child{
border:0px;
}
.contDtl li span{
position: absolute;
left: 0;
}
.contDtl li span i{
font-size: 20px;
color: #1a6bb0;
line-height: 20px;
}
/* Workshops */
#workshop{
margin-bottom:6em;
}
#workshop article{
margin-bottom:1em;
}
#workshop .sideCont{

}
.progTabs{
position: relative;
}
.progTabs ul{
margin-top: 1em;
}
.progTabs ul li{
display: inline-block;
margin-right:40px;
margin-bottom:40px;
float:left;
}
.progTabs ul li:nth-child(3n)
{
margin-right:0px;
}
.progTabs ul li a
{
padding:0px;
}
.progTabs ul li img{
width: 330px;
height: 330px;
}
.progForm{
background: #fafdff;
padding: 8px;
text-align: Center;
width: 100%;
margin-top: 4%;
}
.progForm form{
border: 1px solid #1a6bb0;
padding: 25px;
}
.progForm .form-group{

}
.progForm .form-control {
	background:transparent;
	box-shadow:unset;
	border:0px;
	border-bottom:1px solid #c7e9ff;
	color:#1a6bb0;
	border-radius:0px;
	height:40px;
	font-weight:600;
}
.progForm label {
    font-weight: 400;
    text-align: left;
    display: block;
    color: #1a6bb0;
	padding-left: 10px;
}
.progForm .fieldHlf{
		width: 46%;
		float: left;
		margin: 0 2% 15px;
}
.progForm .fieldFull{
		margin: 0 2% 15px;
}
.progForm #residFields .col-md-6:nth-child(1){
	padding-left:0;
	margin:5px 0px;
}
.progForm #residFields .col-md-6:nth-child(2){
	padding-right:0;
	margin:5px 0px;
}
.progForm input::-webkit-input-placeholder, .progForm textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #1a6bb0;
  font-weight:normal;
}
.progForm input::-moz-placeholder, .progForm textarea::-moz-placeholder { /* Firefox 19+ */
  color: #1a6bb0;
  font-weight:normal;
}
.progForm input:-ms-input-placeholder, .progForm textarea:-ms-input-placeholder { /* IE 10+ */
  color: #1a6bb0;
  font-weight:normal;
}
.progForm input:-moz-placeholder, .progForm textarea:-moz-placeholder{ /* Firefox 18- */
  color: #1a6bb0;
  font-weight:normal;
}
/*Publications */
.publItem{
margin-top: 2em;
}
.publItem ul{

}
.publItem ul li{
list-style: none;
display: inline-block;
margin-right: 2.6%;
margin-bottom: 2.6%;
box-shadow: 0px 0px 6px #e0e0e0;
text-align:center;
position:relative;
width: 22%;
}
.publItem ul li:nth-child(4n)
{
margin-right:28px;
}
.publItem li img{
width: 100%;
    height: 260px;
}
.publItem li .meta{
padding: 1em 15px;
position:relative;
}
.publItem .meta h5{
    line-height: 20px
}
.publItem .meta h6 {
    font-weight: 600;
    color: #1a6bb0;
    margin-top: -7px;
}
.publItem .meta p {
    margin-bottom: 0px;
    position: Absolute;
    top: 0;
    background: white;
    padding: 0px 28px;
    argin-top: 0%;
    margin-right: 70px;
    right: -3px;
    font-size: 13px;
    font-weight: 500;
}
#publicationIn{

}
.pubImg{

}
.pubImg img{

}
.pubCont{

}
.pubCont h2{
margin-bottom: 1em;
}
.pubCont p.descp{
margin-bottom: 2em;
}
.pubCont p.price{
margin-bottom: 3em;
}
.pubCont p.price span{
	color: #1a6bb0;
font-weight: 500;
}
.pubCont a{
color: white !important;
}
.pubMore{
margin: 4em 0px 1em;
}
.pubSlider
{
margin-top:3em;
}
.archTab .sectionArch{
margin-bottom:2em;
}
   
        .jssora03l, .jssora03r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 45px;
            height: 45px;
            cursor: pointer;
            background: url('../imgs/left-arrow.png') no-repeat;
            overflow: hidden;
			background-position: center center;
			background-size:contain;
        }
		.jssora03r {
            width: 45px;
            height: 45px;
            background: url('../imgs/right-arrow.png') no-repeat !important;
			background-position: center center!important;
			background-size:contain!important;
        }
/* History */
.hisTab{

}
.hisTab .nav-tabs{
text-align: right;
position: relative;
float: left;
width: 10%;
border-bottom: 0;
border-right: 1px solid #dddada;
margin-top: 2em;
}  
.hisTab .nav-tabs li{
display: inline-block;
float: unset;
padding:36px 5px;
position:relative;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition:all 0.3s ease-in;
} 
.hisTab .nav-tabs li a
{
padding-left: 0;
}
.hisTab .nav-tabs li:after{
	content: '';
position: absolute;
width: 15px;
height: 15px;
border: 1px solid #dddada;
right: 0;
top: 0;
margin-right: -0.6em;
margin-top: 3.5em;
border-radius: 50%;
background: white;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.hisTab .nav-tabs li:before{
	content:'';
	position:absolute;
} 
.hisTab .nav-tabs li.active:after{
background:#1a6bb0;
margin-top: 3.7em;
}    
.hisTab .nav-tabs li.active a{
font-weight:600;
font-size:18px;
}
.hisTab .tab-content{
float: right;
width: 88%;
margin-top: 2em;
}
.histbook{
height:586px;
overflow-y:scroll;
}
.histbook [class*="col-"]{
padding:0px;
}
.histImg{
padding-right: 12px !important;
}
.histImg img{

}
.histCont
{
padding-left: 12px !important;

padding-right:14px!important;
}
.hisTab .nav-tabs > li > a:hover {
    border-color: transparent;
	border:0px;
	background-color:transparent;
}
/* History Scrollbar*/
.histCont::-webkit-scrollbar-thumb {
    background-color: red;
}
/*end*/
.histCont h1{
margin: 15px 0px 1em;
text-align: Center;
font-size: 30px;
line-height: 40px;
}
.histCont p.strong{
border-left: 3px solid #1a6bb0;
padding: 0px 0px 0px 20px;
margin: 33px 0px 28px 10px;
font-weight: 500;
}
.histCont .histSectL{
padding-right: 15px !important;
}
.histCont .histSectR{
padding-left: 15px !important;

}
.histCont .histSectC{
padding:0px!important
}
.histSectL p, .histSectR p, .histSectC p
{
font-size: 13px;
line-height: 22px;
margin-bottom: 25px;
}
.histCont ul, .histCont ul.imgDes1{
margin-bottom: 10px;
}
.histCont ul li, .histCont ul.imgDes1 li{
list-style: none;
display: inline-block;
margin-right: 2px;
margin-bottom: 3px;
}
.histCont ul.imgDes1 img, .histCont ul.imgDes3 img{
width: 119px;
height: auto;
}
.histCont ul.imgDes2 li{
margin:0px;
}
.histCont ul.imgDes2 img, .histCont ul.imgDes3 li.big img{
width: 245px;
height: auto;
}
.histCont ul.imgDes4 li{
margin-bottom: 10px;
}
.histCont ul.imgDes4 img{
width: 520px;
height: auto;
}
#carousel {
    width: 100%;
    height: 350px;
    background-color: white;
    overflow-x: scroll;
    white-space:nowrap;
}

#carousel .slide {
    display: inline-block;
	padding: 10px;
	
}
#carousel .slide img{
	height:300px;
	width:auto;
	position:relative;
}
/* Media New Design */
.medCont{

}
.medCont ul{

}
.medCont ul li{
list-style: none;
padding: 10px 25px;
margin-bottom: 6em;
}
.medCont ul li:after{
content:'';
position:absolute;
}
.medCont ul li:before{
content:'';
position:absolute;
}
.medCont ul li a{
position: relative;
width: 100%;
height: 100%;
top: 0;
display: block
}
.medCont ul li a:after{
content: '';
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
opacity:0;
background: rgba(6, 6, 6, 0.54);
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition:all 0.3s ease-in;

}
.medCont ul li:hover a:after{
opacity:1;
}
.medCont ul li a:before{
content: '';
position: absolute;
background-image: url('../imgs/zoom-in.png');
width: 35px;
height: 35px;
background-size: contain;
z-index: 4;
left: 0;
margin-left: 47%;
margin-top: 37%;
top: 0;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition:all 0.3s ease-in;
opacity:0;
}
.medCont ul li:hover a:before{
opacity:1;
}
.medCont ul li img{
position: relative;
width: 100%;
height: auto;
/*border: 2px solid #1a6bb0;*/
box-shadow: 0 0 7px #424242;
}
.medDtl{
position: relative;
width: 100%;
text-align: center;
margin-top: 3%;
border: 4px double #d9edff;
padding: 10px 15px;
-webkit-transition: all 0.3s ease-in;
-moz-transition: all 0.3s ease-in;
-o-transition: all 0.3s ease-in;
transition:all 0.3s ease-in;
}
.medCont ul li:hover .medDtl{
	background:#e7f4ff;
	border-color:#e7f4ff;
}
.medDtl h4{
color: #1a6bb0;
}
.medDtl p{
font-size: 13px;
    text-align: Center;
    line-height: 22px;
    margin-bottom: 0px;
    font-weight: 500;
}
#toTop{
opacity: 1;
position: fixed;
bottom: 60px;
right: 20px;
display:none;
text-align: center;
width: 40px;
    height: 40px;
line-height: 40px;
font-size: 16px;
z-index: 100;
}
#toTop .border{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
border: 2px solid #1a66b0;
}
#toTop i{
	color: #1a66b0;
	font-size:18px;
	line-height: 40px;
}