/* OUR TEAM */
.vii-our-team {padding-top:70px;}
.vii-our-team__content:after {content:";"}
.vii-our-team__content-col {max-width:540px; width:100%; padding-right:20px;}
.vii-our-team .vii-element-blue-shape {height:35%; max-height:70vh;}

/* MEMBER ITEM */
.member-item {width:33.33%; background:#fff;}
.member-item-thumbnail-image {
    background-color:#f4f5f7; position:relative; transition:all .3s ease; cursor:pointer;
    background-size:contain; background-position:center 40px; background-repeat:no-repeat;
}
.member-item-thumbnail-image:hover {background-color:#e2e2e2;}
.member-item-thumbnail-image:not(:hover):before {opacity:0; transform:scale(.8);}
.member-item-thumbnail-image:before {
    content:"\e919"; font-family:"icomoon", fantasy !important; font-size:25px;
    position:absolute; bottom:0; right:10px;
    color:#203367; transition:all .3s ease;
}
.member-item-thumbnail-image img {max-width:100%; max-height:100%; opacity:0;}
.member-item-info {padding:20px 30px 0; position:relative;}
.member-item-name {margin-bottom:15px !important;}
.member-item-position {color:#5d667c; position:relative; padding-left:30px;}
.member-item-position:before {
    content:""; position:absolute; top:40%; left:0; transform:translateY(-50%);
    height:2px; width:20px; background:#fd6a21;
}
.member-item-contacts ul {list-style:none; margin:0; padding-top:15px;}
.member-item-contacts ul li {padding:0 8px 0 0;}
.member-item-contacts ul li a {
    width:24px; height:24px; line-height:27px; display:block; text-align:center;
    text-decoration:none; background:#203367; color:#fff; border-radius:3px;
}
.member-item-contacts ul li a:hover, .member-item-contacts ul li a:focus {background:#fd6a21;}
.member-item-info:before {
    content:""; position:absolute; bottom:100%; left:20px;
    width:0; height:0; display:none;
    border-left:10px solid transparent; border-right:10px solid transparent;
    border-bottom:15px solid #fff;
}

/* MEMBER POPUP */
.member-popup-container.vii-popup--overlay .vii-popup-container {padding:50px 70px; border-bottom:7px solid #fd6a21;}
.member-popup-col {width:50%;}
.member-popup-col.image {padding-right:70px;}
.member-popup-image {text-align:center; background-color:#f4f5f7; padding:50px 20px 0;}
.member-popup-content-name {margin-bottom:20px !important;}
.member-popup-content-head {border-bottom:1px solid #cecece66; margin-bottom:20px; padding-bottom:20px;}

/***************************************
*             Tablet versions
****************************************/
/* Horizontal tablet */
@media only screen and (max-width:1024px) {
    /* OUR TEAM */
    .vii-our-team {padding-top:40px;}
    .vii-our-team__content {display:block;}
    .vii-our-team__content-col {padding-right:0;}
    .vii-our-team__content-col.right {max-width:unset;}
    .vii-our-team__content:after {display:none;}
    .member-item-info {padding:20px 20px 0;}
    .member-item-thumbnail-image:not(:hover):before {opacity:.3;}
    .member-item-thumbnail-image:before {font-size:20px;}

    /* MEMBER POPUP */
    .member-popup-container.vii-popup--overlay .vii-popup-container {padding:20px;}
    .member-popup-col.image {padding-right:20px; width:40%;}
    .member-popup-col.content {width:60%;}
}

/* Vertical tablet */
@media only screen and (max-width:768px) {
    /* OUR TEAM */
    .member-item {width:50%;}
}

@media only screen and (max-width:640px) {
    /* OUR TEAM */
    .vii-our-team {margin-bottom:40px;}
    .vii-our-team__grid {box-shadow:0 0 30px 0 rgba(0, 0, 0, .16);}
    .member-item {width:100%; margin-bottom:0 !important;}
    .member-item-info {padding:30px 20px;}
    .member-item-info:before {display:block;}

    /* MEMBER POPUP */
    .member-popup-inner {display:block;}
    .member-popup-col.image {padding-right:0; width:100%; margin-bottom:20px;}
    .member-popup-col.content {width:100%;}
}