.innerMenu{
	width:100%;
	margin:30px 0;
	overflow:hidden;
	box-shadow:0 5px 10px rgba(0,0,0,0.10);
	background-color:#fff;
	border-radius:5px;
	list-style:none;
	display:flex;
	padding:0;
}
.innerMenu li{
	position:relative;
	flex:1;
}
.innerMenu li::before{
	width:2px;
	height:12px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	background-color:#D9D9D9;
	position:absolute;
    display:block;
    content:"";
	left:-2px;
	top:50%;
}
.innerMenu li a{
	width:100%;
	height:48px;
	display:flex;
	padding:0 10px;
	align-items:center;
	justify-content:center;
	white-space:nowrap;
	position:relative;
	border-radius:5px;
	line-height:1.1;
	font-weight:400;
	font-size:16px;
	color:#999;
}
.innerMenu li.active::before,
.innerMenu li:hover::before{display:none}
.innerMenu li.active a,
.innerMenu li a:hover{
	background-color:#172E55;
	box-shadow:0 5px 10px 0 rgba(0,0,0,0.10);
	color:#FFF;
	z-index:1;
}

@media screen and (max-width:1599px){
	.innerMenu li a{font-size:14px}
}
@media screen and (max-width:1279px){
	.innerMenu{flex-wrap:wrap}
	.innerMenu li{width:100%}
}
@media screen and (max-width:1199px){
	.innerMenu li{flex:auto}
	.innerMenu li a{justify-content:flex-start}
	.innerMenu li::before{display:none}
}


/******************************************
	family Styles.
*******************************************/
.family,
.partners,
.supportFamily {
    width: 100%;
    max-width: 1920px;
    background-color: #fff;
    position: relative;
    display: block;
    margin: auto;
}

.family .container,
.partners .container,
.supportFamily .container {
    max-width: 1200px
}

.owner {
    width: 100%;
    padding: 35px 0;
    background-color: rgba(23, 46, 85, 0.85);
    position: relative;
    z-index: 2;
}

.brokers {
    width: 100%;
    padding: 43px 0;
    background-color: rgba(255, 255, 255, 0.85);
    position: relative;
    z-index: 2;
}

.partners .brokers {
    padding-bottom: 145px;
    margin-bottom: -120px;
}

.supportFamily .brokers {
    background-color: rgba(23, 46, 85, 0.85)
}

.family h1,
.partners h2,
.supportFamily h2 {
    text-align: center;
    color: #fff;
}

.partners h2 {
    color: #172e55
}

.family ul,
.partners ul,
.supportFamily ul {
    padding: 0;
    margin: 0 -15px;
    width: calc(100% + 30px);
    list-style: none;
    flex-wrap: wrap;
    display: flex;
}

.owner ul {
    width: 100%;
    justify-content: space-between;
    margin: 0;
}

.family li,
.partners li,
.supportFamily li {
    width: 25%;
    padding: 15px;
    box-sizing: border-box;
    border-radius: 15px;
    flex-wrap: wrap;
    display: flex;
}

.owner li {
    margin-bottom: 18px;
    width: calc(50% - 15px);
    background-color: #fff;
    justify-content: space-between;
    border-radius: 25px;
    flex-wrap: wrap;
    display: flex;
    padding: 25px;
}

.broker {
    width: 100%;
    padding: 15px;
    box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    background-color: #fff;
    border-radius: 15px;
    overflow: hidden;
}

.bioImg {
    width: 100%;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.owner .bioImg {
    width: 42.718446601941745%
}

.bioImg::before,
.meetLink::before {
    top: 50%;
    width: 0;
    height: 0;
    opacity: 0;
    content: '';
    display: block;
    border-radius: 100%;
    background: rgba(255, 255, 255, .2);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 2;
    left: 50%;
}

.bioImg:hover::before,
.meetLink:hover::before {
    -webkit-animation: circle .75s;
    animation: circle .75s;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.bioTxt {
    position: relative;
    color: #000;
}

.owner .bioTxt {
    width: 52.81553398058253%;
    /* 272 / 515 */
    padding-bottom: 55px;
}

.broker .bioTxt {
    padding: 20px 0 10px;
    text-align: center;
}

.bioTxt strong {
    display: block;
    font-weight: normal;
    color: #172e55;
}

.owner .bioTxt strong {
    line-height: 1.08;
    /*25px*/
    font-size: 23px;
}

.broker .bioTxt strong {
    line-height: 1.166;
    /*22px*/
    font-size: 18.86px;
}

.bioTxt span {
    display: block;
    line-height: 1.2;
    text-transform: uppercase;
}

.owner .bioTxt span {
    font-size: 14.65px
}

.broker .bioTxt span {
    font-size: 10.16px
}

.bioTxt p {
    margin: 25px 0 0;
    text-align: justify;
    line-height: 1.501;
    /*22px*/
    font-size: 14.65px;
}

.meetLink {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    width: calc(100% + 25px);
    background-color: #197EA9;
    border-radius: 10px 0 0 10px;
    text-transform: uppercase;
    position: absolute;
    min-height: 54px;
    line-height: 1.1;
    font-size: 18px;
    color: #fff;
    bottom: 0;
    left: 0;
}

.meetLink:hover {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: calc(100% + 25px);
    background-color: #28a3db;
    border-radius: 10px 0 0 10px;
    text-transform: uppercase;
    position: absolute;
    min-height: 54px;
    line-height: 1.1;
    font-size: 18px;
    color: #fff;
    bottom: 0;
    left: 0;
}

@media screen and (max-width:1200px) {
    .owner .bioTxt {
        padding-bottom: 45px
    }

    .owner li {
        border-radius: 15px;
        padding: 15px;
    }

    .bioTxt p {
        margin-top: 10px
    }

    .meetLink {
        width: calc(100% + 15px);
        border-radius: 8px 0 0 8px;
        min-height: 45px;
        font-size: 15px;
    }
}

@media screen and (max-width:992px) {

    .family ul,
    .partners ul,
    .supportFamily ul {
        width: 100%;
        margin: 0;
    }

    .family li,
    .partners li,
    .supportFamily li {
        width: 33.3333%
    }

    .family .owner ul {
        padding: 0 15px
    }

    .family .owner li {
        width: 100%
    }
}

@media screen and (max-width:767px) {

    .family li,
    .partners li,
    .supportFamily li {
        width: 50%
    }

    .family .owner li {
        width: 100%
    }

    .partners .brokers {
        padding-bottom: 210px;
        margin-bottom: -205px;
    }
}

@media screen and (max-width:639px) {
    .family .owner ul {
        padding: 0
    }

    .family ul,
    .partners ul,
    .supportFamily ul {
        justify-content: space-between
    }

    .family li,
    .partners li,
    .supportFamily li {
        width: calc(50% - 7.5px);
        padding: 7.5px 0;
    }

    .family .owner li {
        padding: 15px
    }

    .owner .bioImg {
        width: 100%
    }

    .owner .bioTxt {
        width: 100%;
        padding-bottom: 60px;
        padding-top: 15px;
    }

    .broker {
        padding: 8px;
        border-radius: 10px;
    }

    .bioImg {
        border-radius: 5px
    }

    .broker .bioTxt {
        padding: 10px 0 5px
    }

    .broker .bioTxt strong {
        font-size: 14px
    }
}