div.bt-frontend-page-About.Loop h2 {
    clear: both
}

@media (min-width:560px) {
    div.bt-frontend-page-About.Loop {
        overflow: hidden;
        height: 100%;
        width: 100%;
        position: relative
    }
}
.nxo-title {
  direction: rtl;
  padding-right:10px;
}
.actitles3 {
  font-size: 16px;
  font-weight: bold;
  text-align:right;
}
.bt-frontend-page-About .content {
  padding-right: 10px;
  direction: rtl;
}
div.bt-frontend-page-About.Loop>div.viewport {
    width: auto;
    margin: 0 20px 0 10px
}

@media (max-width:560px) {
    div.bt-frontend-page-About.Loop>div.viewport {
        margin: 0
    }
}

div.bt-frontend-page-About.Loop>div.viewport>div.overview {
    margin: 0 10px;
    padding-bottom: 20px
}

div.bt-frontend-page-About.Loop>div.viewport>div.overview>h1 {
    Font-size: xx-large;
    font-weight: bold;
    padding: 10px 0 20px
}

div.bt-frontend-page-About.Loop>div.viewport>div.overview>div.content h2 {
    padding: 20px 0 10px;
    font-weight: normal
}

@media (min-width:560px) {
    div.bt-frontend-page-About.Loop>div.viewport>div.overview>div.content p {}
}

.bt-frontend-page-About.CEO {
  display: block;
  height: 400px;
  width: 100%;
  position: relative;
  text-decoration: none;
  margin-top: 15px;
  margin-bottom: 60px;
}

@media (max-width:560px) {
    .bt-frontend-page-About.CEO {
        height: auto
    }
}

.bt-frontend-page-About.CEO>div.featured {
    width: 300px;
    overflow: hidden;
    height: 100%;
    float: left;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%)
}

@media (max-width:560px) {
    .bt-frontend-page-About.CEO>div.featured {
        width: auto;
        height: auto
    }
}

.bt-frontend-page-About.CEO>div.featured>img {
    width: 100%;
    display: block
}

.bt-frontend-page-About.CEO>div.info {
    position: absolute;
    bottom: 0;
    left: 310px;
}



@media (max-width:560px) {
    .bt-frontend-page-About.CEO>div.info {
        left: auto;
        right: 0;
        background-color: #64897a;
        padding: 5px;
        color:#fff;
    }
    .bt-frontend-page-About.CEO>div.info * {
        color: white
    }
}

.bt-frontend-page-About.CEO>div.info>h1 {
    font-size: x-large
}

div.bt-frontend-page-About.ActiveStaffsBrowser {
    margin-top: 50px
}

div.bt-frontend-page-About.ActiveStaffsBrowser>a {
    display: block;
    width: 190px;
    height: 190px;
    position: relative;
    overflow: hidden;
    float: left;
    background-color: #555
}

@media (max-width:560px) {
    div.bt-frontend-page-About.ActiveStaffsBrowser>a {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 5px
    }
}

div.bt-frontend-page-About.ActiveStaffsBrowser>a>img {
    width: 100%;
    display: block;
    -webkit-filter: grayscale(100%) blur(0);
    -moz-filter: grayscale(100%) blur(0);
    -ms-filter: grayscale(100%) blur(0);
    -o-filter: grayscale(100%) blur(0);
    filter: grayscale(100%) blur(0);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

div.bt-frontend-page-About.ActiveStaffsBrowser>a>div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    background-color: rgba(100, 137, 122, 0.5);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

div.bt-frontend-page-About.ActiveStaffsBrowser>a>div>h1 {
    padding: 10px 10px 0;
    color: white;
    font-size: large;
    font-weight: bold
}

div.bt-frontend-page-About.ActiveStaffsBrowser>a>div>div {
    padding: 10px;
    color: white
}

html.no-touch div.bt-frontend-page-About.ActiveStaffsBrowser>a:hover>div {
    top: 0
}

html.no-touch div.bt-frontend-page-About.ActiveStaffsBrowser>a:hover>img {
    -webkit-filter: grayscale(100%) blur(2px);
    -moz-filter: grayscale(100%) blur(2px);
    -ms-filter: grayscale(100%) blur(2px);
    -o-filter: grayscale(100%) blur(2px);
    filter: grayscale(100%) blur(2px)
}

html.touch div.bt-frontend-page-About.ActiveStaffsBrowser>a>div {
    background-color: rgba(255, 255, 255, 0.3);
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto
}

div.bt-frontend-page-About.DeactiveStaffsBrowser>h2 {
    padding: 40px 0 20px
}

div.bt-frontend-page-About.DeactiveStaffsBrowser>div {
    text-decoration: none;
    display: block
}

@media (min-width:560px) {
    div.bt-frontend-page-About.DeactiveStaffsBrowser>div {
        float: left;
        width: 30%
    }
}

div.bt-frontend-page-About.SlideShow {
    width: 350px;
    height: 250px;
    overflow: hidden;
    position: relative;
    float: right;
    margin-left: 15px
}

div.bt-frontend-page-About.SlideShow>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

div.bt-frontend-page-About.SlideShow>img.active {
    opacity: 1
}

@media (max-width:560px) {
    div.bt-frontend-page-About.SlideShow {
        width: 100%;
        float: none;
        margin: 0
    }
}

div.bt-frontend-page-About.ActiveStaffSc {
    display: inline-block;
    width: 190px;
    height: 190px;
    position: relative;
    overflow: hidden;
    /*float: left;*/
    background-color: #555;
    border-radius: 2px;
}

@media (max-width:560px) {
    div.bt-frontend-page-About.ActiveStaffSc {
        float: none;
        width: 100%;
        height: auto;
        margin-bottom: 5px
    }
}

div.bt-frontend-page-About.ActiveStaffSc>img {
    width: 100%;
    display: block;
    -webkit-filter: grayscale(100%) blur(0);
    -moz-filter: grayscale(100%) blur(0);
    -ms-filter: grayscale(100%) blur(0);
    -o-filter: grayscale(100%) blur(0);
    filter: grayscale(100%) blur(0);
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    -o-transition: all .6s;
    transition: all .6s
}

div.bt-frontend-page-About.ActiveStaffSc>div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 100%;
    background-color: rgba(75, 86, 82, 0.47);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

div.bt-frontend-page-About.ActiveStaffSc>div>h1 {
    padding: 10px 10px 0;
    color: white;
    font-size: large;
    font-weight: bold
}

div.bt-frontend-page-About.ActiveStaffSc>div>div {
    padding: 10px 4px;
    color: white;
    margin-right:10px;
}
.excerpt{
		font-size: 12px;
}
.bt-frontend-page-About.ActiveStaffSc h3 {
  margin-right: 13px !important;
	font-size: 19px;
}

h1.ceo{
	font-size: 18px;
}
html.no-touch div.bt-frontend-page-About.ActiveStaffSc:hover>div {
    top: 0
}

html.no-touch div.bt-frontend-page-About.ActiveStaffSc:hover>img {
    -webkit-filter: grayscale(100%) blur(2px);
    -moz-filter: grayscale(100%) blur(2px);
    -ms-filter: grayscale(100%) blur(2px);
    -o-filter: grayscale(100%) blur(2px);
    filter: grayscale(100%) blur(2px)
}

html.touch div.bt-frontend-page-About.ActiveStaffSc>div {
    background-color: rgba(255, 255, 255, 0.3);
    top: auto;
    bottom: 0;
    width: 100%;
    height: auto
}


/********** CM **********/
.actitles {
  clear: both;
  display: block;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 10px;
}
span.nxo-title{
    font-size:19px;
    font-weight:bold;
    display:block;
}
.ac-ceo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-bottom: 40px;
  margin-top: 30px;
}
.ac-ceo img {
  max-width: 400px;
  margin-bottom: 20px;
  filter: grayscale(1);
  transition: all 0.3s;
  margin-top:15px;
  border-radius:2px;
}
.ac-ceo img:hover {
filter: grayscale(0.5);
border-radius: 10px;
transform: scale(0.99);
}
.ac-ceo > .info {
  text-align: center;
}
span.nxo-title {
  font-size: 19px;
  font-weight: bold;
  display: block;
  margin-bottom: 20px;
}
.ac-about-role {
  margin: 20px 0px 10px;
}
.actitles2 {
  font-size: 23px;
  font-weight: bold;
}
.mt3 {
  margin-top: 50px !important;
  display: block;
  margin-bottom: 12px;
}
div.bt-frontend-page-About.ActiveStaffSc {
  background-color: #7b7b7b;
  background-image: url(https://nextoffice.co/ae/wp-content/themes/nextoffice/images/staff.png” );
  background-size: contain;
    
}