
.panel-layout .panel-grid.panel-has-style>.panel-row-style,
.panel-layout .panel-grid.panel-no-style {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap;
    gap: 30px;
    -ms-justify-content: center;
    justify-content: center;
}
.panel-layout .panel-layout.panel-is-rtl .panel-grid.panel-has-style>.panel-row-style,
.panel-layout .panel-layout.panel-is-rtl .panel-grid.panel-no-style {
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse
}
.panel-layout .panel-grid-cell {
  -ms-box-sizing: border-box;
  box-sizing: border-box
}
.panel-layout .panel-grid-cell .panel-cell-style {
  height: 100%
}
.panel-layout .panel-grid-cell .so-panel {
  zoom:1
}
.panel-layout .panel-grid-cell .so-panel:before {
  content: "";
  display: block
}
.panel-layout .panel-grid-cell .so-panel:after {
  content: "";
  display: table;
  clear: both
}
.panel-layout .panel-grid-cell .panel-last-child {
  margin-bottom: 0
}

.panel-layout .panel-grid-cell .widget-title {
  margin-top: 0
}

.panel-layout .amoteam-member-name {
  background: #adc32b;
  font-size: 18px
}
.panel-layout .amoteam-member-subtitle {
  background: #888;
  font-size: 14px
}
.panel-layout .amoteam-member-info,
.panel-layout .amoteam-member-hover-icon {
  color: #fff
}
.panel-layout .amoteam-member-hover-icon {
  width: 56px;
  height: 56px;
  background: #adc32b
}

.amoteam-member-hover-icon i {
  font-size: 32px
}
.panel-layout .amoteam-tiles__item .amoteam-member:before {
  background: #888
}
.panel-layout .amoteam-tiles__item .amoteam-member:hover:before {
  opacity: .8
}

.panel-layout .amoteam-tiles {
  position: relative;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  border: none;
  list-style: none !important;
  height: 380px;
}
.panel-layout .amoteam-tiles__item {
  position: relative;
  overflow: hidden;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  list-style: none !important
}
.panel-layout .amoteam-tiles__item {
  width: 360px;
  height: 360px;
}
.panel-layout .amoteam-tiles__item:before {
  display: none
}
.panel-layout .amoteam-tiles__item>a {
  outline: none !important;
  border: none !important
}
.panel-layout .amoteam-tiles__item img {
  box-shadow: none !important
}
.panel-layout .amoteam-tiles__item .amoteam-member-img {
  width: 100%;
  margin: 0 !important;
  display: block
}
.panel-layout .amoteam-tiles__item:hover .amoteam-member-hover-icon {
  opacity: 1
}
.panel-layout .amoteam-member {
  margin: 0 !important;
  padding: 0 !important
}
.panel-layout .amoteam-member:before {
  -webkit-transition: opacity .4s ease-in-out;
  transition: opacity .4s ease-in-out;
  content: ' ';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #556270;
  opacity: 0
}
.panel-layout .amoteam-member:hover:before {
  opacity: .8
}
.panel-layout .amoteam-member .amoteam-member-custom-hover-icon {
  width: inherit;
  height: auto;
  background: inherit
}
.panel-layout .amoteam-member .amoteam-member-custom-hover-icon img {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.panel-layout .amoteam-member-img-wrap {
  line-height: 0 !important
}
.panel-layout .amoteam-member-hover-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%) rotate(45deg);
  -ms-transform: translate(-50%,-50%) rotate(45deg);
  transform: translate(-50%,-50%) rotate(45deg);
  -webkit-transition: all .8s ease-in-out;
  transition: all .8s ease-in-out;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  opacity: 0
}
.panel-layout .amoteam-member-hover-icon i {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%) rotate(-45deg);
  -ms-transform: translate(-50%,-50%) rotate(-45deg);
  transform: translate(-50%,-50%) rotate(-45deg)
}
.panel-layout .amoteam-member-info {
  position: absolute;
  bottom: 3.8%;
  right: 0;
  z-index: 10;
  text-align: right;
  overflow: hidden
}
.panel-layout .amoteam-member-info .amoteam-member-info__item {
  line-height: 1;
  font-weight: 400;
  padding: 8px 15px
}
.panel-layout .amoteam-member-info .amoteam-member-subtitle {
  float: right;
  font-weight: 300;
  text-align: center;
  letter-spacing: .01em
}
.panel-layout .amoteam-member-info--ns {
  bottom: 10%
}
.panel-layout .amoteam-member-info.amoteam-member-info--al-left {
  right: auto;
  left: 0;
  text-align: left
}
.panel-layout .amoteam-member-info.amoteam-member-info--al-left .amoteam-member-subtitle {
  float: left
}
.panel-layout .amoteam-tile-style-1 .amoteam-tiles__item .amoteam-member-name {
  -webkit-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform
}
.panel-layout .amoteam-tile-style-1 .amoteam-tiles__item .amoteam-member-subtitle {
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  -webkit-transition-property: opacity,-webkit-transform;
  transition-property: opacity,-webkit-transform;
  transition-property: opacity,transform;
  transition-property: opacity,transform,-webkit-transform
}
.panel-layout .amoteam-tile-style-1 .amoteam-tiles__item:hover .amoteam-member-info>div {
  opacity: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%)
}
.panel-layout .amoteam-tile-style-1 .amoteam-tiles__item:hover .amoteam-member-info--al-left>div {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%)
}
.panel-layout .amoteam-tile-style-1 .amoteam-member-info {
  width: 100%
}
.panel-layout .amoteam-tile-style-1 .amoteam-member:hover .amoteam-member-hover-icon {
  -webkit-transform: translate(-50%,-50%) rotate3d(0,1,0,0deg) rotate(45deg);
  transform: translate(-50%,-50%) rotate3d(0,1,0,0deg) rotate(45deg)
}
.panel-layout .amoteam-tile-style-1 .amoteam-member .amoteam-member-hover-icon {
  -webkit-transform: translate(-50%,-50%) rotate3d(0,1,0,-180deg);
  transform: translate(-50%,-50%) rotate3d(0,1,0,-180deg)
}

.panel-layout .panel-grid:not(.bottom_pane) .panel-grid-cell {
  width: 33.3333%;
  width: calc(33.3333% - (.666666666667*30px))
}
.panel-layout .panel-grid:not(.bottom_pane) {
  margin-bottom: 30px
}
.panel-layout .panel-grid .panel-grid-cell-empty {
  width: 10%;
  width: calc(10% - (.9*30px))
}
.panel-layout .panel-grid.botttom_pane .panel-grid-cell:not(.panel-grid-cell-empty) {
  width: 80%;
  width: calc(80% - (.2*30px))
}
.panel-layout .panel-no-style.panel-grid {
  /*-webkit-align-items: flex-start;
  align-items: flex-start*/
}
.panel-layout .panel-grid .panel-grid-cell.panel-grid-cell-mobile-last {
  width: 80%;
  width: calc(80% - (.2*30px));
}

@media (max-width: 1199px) {
  .panel-layout .amoteam-tiles {
    height: 313px;
  }
  .panel-layout .amoteam-tiles__item {
    width: 293px;
    height: 293px;
  }
}

@media (max-width: 991px) {
  .panel-layout .amoteam-tiles {
    height: 270px;
  }
  .panel-layout .amoteam-tiles__item {
    width: 250px;
    height: 250px;
    position: absolute;
    top: 0px;
    left: -15px;
  }
}

@media(max-width: 780px) {
  .panel-layout .panel-no-style.panel-grid {
    -webkit-flex-direction:column;
    -ms-flex-direction: column;
    flex-direction: column
  }
  .panel-layout .panel-grid-cell {
    width: 100% !important;
    margin-right: 0 !important;
  }
  .panel-layout .panel-grid-cell:not(:last-child) {
    margin-bottom: 30px
  }
  .panel-layout .panel-grid .panel-grid-cell-empty {
    display: none
  }
  .panel-layout .bottom_pane .panel-grid-cell {
    margin: 0;
  }
  .panel-layout .amoteam-tiles {
    display: inline-block;
    height: 100%;
    padding-bottom: 50.35% !important;
    width: 100%;
  }
  .panel-layout .amoteam-tiles__item {
    width: 48.598%;
    height: 96.6%;
    margin: 0 auto !important;
    left: 0;
    right: 0;
  }
  .panel-layout .panel-grid.panel-has-style > .panel-row-style,
  .panel-layout .panel-grid.panel-no-style {
    display: block;
  }
}

@media (max-width: 565px) {
  .panel-layout .amoteam-tiles__item {
    width: 100%;
    float: left;
    height: 97.5%; 
  }
  .panel-layout .amoteam-tiles {
    max-height: inherit;
    width: 100%;
    padding-bottom: 102.5% !important;
  }
}

@media (max-width: 320px) {
  .panel-layout .amoteam-tiles {
    padding-bottom: 105.5% !important;
  }
  .panel-layout .amoteam-tiles__item {
    height: 95.2%;
  }
}
}


