/****** teacher ****/
.region-middle{
    background: #E7EBF6;
    padding: 60px 0;
    position: relative;
    background-image: url(../../teacherpagebg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 100%;
    padding: 50px 0;
    margin-top: 100px;
}
.region-middle .block h2.block-title {
    text-align: center;
    padding: 10px;
    font-weight: 600;
    border: 0;
    position: absolute;
    top: -150px;
    right: 0;
    left: 0;
    font-size: 26px;
}
.region-middle .f-r {
    float: none; 
    text-align: center;
}
.region-middle .btn-base-outline {
    background-color: #C29749;
    border-color:#C29749;
    color: #FFF;
    padding: 10px 20px;
}
.block h2.block-title {
    text-align: center;
    padding: 40px;
    font-weight: 600;
    border:0;
    font-size:26px;
}
.teacherblock{
  position:relative;
  z-index:2;
}
.teacheritem {
    padding: 40px 30px 30px 30px;
    text-align: center;
    background: #FFF;
    margin:20px;
    position:relative;
}
.teacheritem:before{
  content:"‘";
  font-family: Arial;
    font-size: 200px;
    position: absolute;
    top: 80px;
    left: 10px;
  color: rgba(0,0,0,0.1);
}
.teacheritem:after{
   content:"’"; 
       font-family: Arial;
    font-size: 200px;
    position: absolute;
    bottom: 0px;
    right: 10px;
    color: rgba(0,0,0,0.1);
}

.teacheritem img{
    margin: 0 auto;
    border-radius: 100%;
    border: 2px solid #ECECEC;
    width: 80%;
}
.teacheritem p.name{
  font-size:18px;
  font-weight:bold;
  margin-top:10px;
}

.region-bottom{
  margin-bottom:60px;
}
.teamblock {
    margin: 15px;
    position: relative;
}
.teamblock h3 {
    display: block;
    position: absolute;
    bottom: 0;
    padding: 10px 5%;
    font-size: 16px;
    text-align: center;
    width: 90%;
    background: rgba(20, 38, 78,0.8);
}
.teamblock h3 a{
  color:#FFF;
}
.teamblock .img {
  display: flex;
  flex: 0 0 auto;
  flex-flow: row nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
  overflow: hidden;
}
.teamblock .img img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

.teamblock .img img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/************** teachers list *******/
.teacherslist{
  padding:20px;
}
.teacherslist ul{
  padding:0;
  margin:0;
}
.teacherslist h3{
  font-size:20px;
  font-weight:normal;
    margin-bottom: 20px;
    font-size: 18px;
    color: #FFF;
    border-bottom:1px solid #254195;
}
.teacherslist h3 span{
   display: inline-block;
   padding: 0 50px 0 20px;
    background: #254195;
    position: relative;
    height: 54px;
    line-height: 54px;
}
.teacherslist h3 span:after {
    position: absolute;
    right: -20px;
    top: 5px;
    background-color: #FFF;
    width: 41px;
    content: "";
    height: 41px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}
.teacherslist h4{
  font-size:18px;
  font-weight:600;
  padding:10px 30px;
  display:inline-block;
  border-bottom:1px solid #A3B5F4;
  color:#A3B5F4;
  position:relative;
  margin-bottom:20px;
  margin-top:20px;
  margin-left:30px;
}
.teacherslist h4:before {
    content: "";
    height: 40px;
    width: 1px;
    border-left: 6px solid #A3B5F4;
    position: absolute;
    left: 0;
    bottom: 0;
}
.teacherslist h4:after{
    content: "";
    height: 40px;
    width: 1px;
    border-left: 1px solid #A3B5F4;
    position: absolute;
    left: 10px;
    bottom: 0;
}
.teacherslist h5{
  font-size:18px;
  font-weight:bold;
  padding:20px 10px;
  margin-left:20px;
}
.teacherslist ul{
  padding:0;
  margin:0;
  overflow:hidden;
}
.teacherslist ul li{
  list-style:none;
  margin-left:30px;
  float:left;
  padding:5px 40px 5px 5px;
  border-bottom:1px solid #254195;
  margin-bottom:10px;
  background:url(../../anicon.jpg) right no-repeat;
}