/* our_services_tow */
/*285e8e*/
/*--------------------------------------------------*/
.our_team_area {
  padding-bottom: 50px;
  background: #fefefe;
}
/*.our_team_area .team_row {
  padding-top: 70px;
}*/
.our_team_area .team_row .team_membar {
  height: 378px;
  display: block;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;
}
.our_team_area .team_row .team_membar img {
  max-width: 100%;
}
.our_team_area .team_row .team_membar .team_content {
  /*background: #285e8e;*/
  background-color: #fff;
  text-align: center;
  /*padding-top: 20px;*/
  padding-bottom: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  border: 1px solid #000;
  border-radius: 10px;
  transition: all 150ms ease-out;
}

.our_team_area .team_row .team_membar .team_content ul {
  padding: 0;
  margin: 0;
  height: 0px;
  overflow: hidden;
  transition: all 300ms linear 0s;
}
.our_team_area .team_row .team_membar .team_content ul li {
  list-style: none;
  padding-left: 20px;
  display: inline-block;
}
.our_team_area .team_row .team_membar .team_content ul li:first-child {
  padding: 0;
}
.our_team_area .team_row .team_membar .team_content ul li a {
  font-size: 14px;
  color: #000;
  line-height: 43px;
  width: 45px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #000;
  display: block;
}
.our_team_area .team_row .team_membar .team_content ul li a:hover, .our_team_area .team_row .team_membar .team_content ul li a:focus {
  color: #fff;
  background: #285e8e;
}
.our_team_area .team_row .team_membar .team_content .name {
  font: 700 14px "Roboto", sans-serif;
  color: #000;
  display: block;
  text-transform: uppercase;
  padding-top: 10px;
}
.our_team_area .team_row .team_membar .team_content h6 {
  font: 400 14px "Roboto", sans-serif;
  color: #000;
  padding-top: 5px;
}
.our_team_area .team_row .team_membar:hover .team_content ul, .our_team_area .team_row .team_membar:focus .team_content ul {
  height: 50px;
}

/*--------------------------------------------------*/

/* Section Title*/
.tittle {
  text-align: center;
  text-transform: uppercase;
}
.tittle h2 {
  font: 400 24px "Oswald", sans-serif;
  color: #222222;
  /*padding-top: 90px;*/
  position: relative;
}
.tittle h2:after {
  content: "";
  position: absolute;
  background: #285e8e;
  height: 5px;
  width: 60px;
  left: 50%;
  transform: translateX(-50%);
  bottom: -30px;
  margin-bottom: 20px;
}
.tittle h4 {
  font: 400 14px "Roboto", sans-serif;
  color: #555555;
  padding-top: 55px;
}

/* Subtittle */
.subtittle h2 {
  font: 700 36px "Roboto", sans-serif;
  color: #222222;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 20px;
}
.subtittle h2:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 80px;
  background: #222222;
  left: 0;
  bottom: -22px;
}
.subtittle h5 {
  font: 400 14px "Roboto", sans-serif;
  color: #555555;
  padding-top: 22px;
}
/*------------------------------*/
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/*--------------------------*/
.centerhor{
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
}
.centervir{
  margin-top: auto;
  margin-bottom: auto;
  padding: 10px;
}
/*.col-md-3{
  width: 20%;
  padding: 20px;
}*/

/*------------------------MODAL--------------------*/
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:auto;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);border: 1px solid #000;border-radius: 10px;}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:auto}
/*@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}*/
/*@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}*/
/*@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}*/
.w3-card-4{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
.w3-container{padding:0.01em 16px}
.w3-container:after,.w3-container:before{content:"";display:table;clear:both}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-teal{color:#fff!important;background-color:#009688!important}
.w3-button{border: 1px solid #fff;border-radius: 5px;display:inline-block;padding:4px 8px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer !important;white-space:nowrap}
.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);color: 000;background: #c52d2f}
.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}   
.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:auto}
.w3-display-topright{position:absolute;right:0;top:0;margin-right: 10px;margin-bottom: 10px;margin-left: 10px;margin-top: 12px;}
/*---------------------------------------------*/



/*-------------------------------Gastro css--------------*/
.probootstrap-section {
/*    padding: 7em 0;*/
    padding: 3em 0;
    position: relative
}

.probootstrap-section.probootstrap-section-sm {
    padding: 3em 0
}

.probootstrap-section.probootstrap-border-top {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.probootstrap-section.probootstrap-border-bottom {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.probootstrap-section>.container.probootstrap-border-top {
    padding-top: 50px;
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.probootstrap-section.probootstrap-section-colored {
/*    background: #6a41ed;*/
  background:#f8f8f8;
  margin-top:20px;
}

.probootstrap-section.probootstrap-section-colored .section-heading h2 {
/*    color: #fff;*/
  color:#1f5329;
}

.probootstrap-section.probootstrap-section-colored .section-heading p {
    /*color: rgba(255, 255, 255, .6)*/
  /*color:#1f5329;*/
  color:#DD0000;
  margin-bottom:0px;
  font-size:45px;
  line-height: 40px;
  font-weight:bold;
}

.probootstrap-section.probootstrap-bg-white {
    background: #fff
}

.probootstrap-section.probootstrap-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.probootstrap-section.probootstrap-bg:before {
    position: absolute;
    content: "";
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.section-heading {
    /*margin-bottom: 70px*/
  margin-bottom: 5px;
}

.section-heading h1 {
/*    color: #fff;*/
  color:#1f5329;
}

@media screen and (max-width:768px) {
    .probootstrap-section {
        padding: 3em 0
    }
    .section-heading h1 {
        font-size: 24px;
        line-height: 24px
    }
}
.probootstrap-teacher {
    padding: 15px;
    /*border: 1px solid #e6e5e5;*/
    -webkit-transition: .3s all;
    transition: .3s all;
    position: relative;
    top: 0;
    margin-bottom: 20px;
}

.probootstrap-teacher .media {
    margin-bottom: 20px;
}

.probootstrap-teacher .media img {
    border-radius: 10%;
    width: 150px;
    margin: 0 auto
}

.probootstrap-teacher .text h3 {
    font-size: 20px;
    margin: 0
}

.probootstrap-teacher .text p {
    margin-bottom: 10px
}

.probootstrap-teacher .probootstrap-footer-social li a {
    font-size: 15px
}

.probootstrap-teacher .probootstrap-footer-social li.twitter a {
    color: #1da1f2
}

.probootstrap-teacher .probootstrap-footer-social li.facebook a {
    color: #3b5998
}

.probootstrap-teacher .probootstrap-footer-social li.instagram a {
    color: #e1306c
}

.probootstrap-teacher .probootstrap-footer-social li.google-plus a {
    color: #dd4b39
}

.probootstrap-teacher:focus,
.probootstrap-teacher:hover {
    top: -10px;
    /*border: 1px solid transparent;*/
    -webkit-box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, .1)
}
.text-center {
    text-align: center;
    color: #000 !important;
}
.text-center h3{
    text-align: center;
    color: #000 !important;
}
.probootstrap-animate {
    opacity: 0;
    visibility: hidden
}
.probootstrap-teacher .text h3 {
    font-size: 20px;
    margin: 0
}

.probootstrap-teacher .text p {
    margin-bottom: 10px
}
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto
}
.col-color{
  background: #f1f1f1;
  border-radius: 10px;
}
table, td, th {  
  /*border: 1px solid #666;*/
  text-align: left;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  padding: 10px;
  color: #999;
}

/*-------------------------gstro css ends--------------*/