.comm-blockfloated {
	float: left;
	margin-bottom: 12px;
	margin-right: 10px;
}

.bod-circle {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin-left: 5px;
	display: inline-block
}

.bord-height {
	min-height: 38vh
}

.bod-bio-img-cont {
	border-bottom: 8px  solid #D14D1C;
	position: relative
}

.bod-bio-img-cont:before {
	content: "";
	width: 100%;
	position: absolute;
	left: -100%;
	bottom: -8px;
	border-bottom: 8px  solid #D14D1C;
}

.switch-blue {
	color: #185294 !important
}

.switch-b-exec { background:#FDF2E2; }

.selectable-content-blur {
	filter: blur(2px)
}

.selectable-content {
	transition: 0.6s ease-in-out
}

.profile-card {
	/* background-image: url("../images/board/bod-BKR.png"); */
	background-size: cover;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	background-color: #EFEFEF;
}

.bod-text {
	background: rgba(68, 68, 68, 0.732);
	position: absolute;
	bottom: -24%;
	transition: 0.6s ease-in-out;
	width: 100%;
	padding: 10px;
	backdrop-filter: blur(10px);
}

.profile-card:hover .bod-text {
	bottom: 0%
}

.bod-text p {
	color: #fff
}

.bod-text p:nth-child(2) {
	color: #d04d1d
}
.bod-text a {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    background: #EA8D00;
    display: block;
    text-decoration: none;
    transition: 0.6s ease-in-out;
    margin-bottom: 20px;
}
.bod-text a:hover {
	background: #fff;
	color: #083052
}

.bod-btn {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	font-weight: 400 !important;
	padding: 10px;
	background: #EFEFEF !important;
	display: block;
	color: #083052;
	text-decoration: none;
	transition: 0.6s ease-in-out;
	;
	margin-bottom: 10px;
}

.bod-btn:hover {
	background: #d04d1d !important;
	color: #fff !important
}

.bord-level-head {

	font-weight: bold;
	display: inline-block;
	padding: 10px;
	width: 100%;
	font-size: 20px;
	position: relative
}

.bord-level-head:after {
	content: "";
	width: 70%;
	padding: 10px 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	background: #fff
}

.bord-level-head:before {
	content: "";
	width: 70%;
	padding: 10px 0px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: #fff
}

/*leadership start*/
.close-bod {
	text-decoration: none !important;
	padding: 15px 10px;
	transition: 0.6s ease-in-out;
	margin-bottom: 10px;
	border-radius: 10rem;
}

.close-bod span:before {
	right: 13px !important;
	bottom: 10px !important;
}

.close-bod:after {
	transform: rotate(90deg) !important;
	left: 5px !important;
	top: 6px !important;
}

.close-bod:before {
	right: 293px !important;
	bottom: 19px !important;
}

.bord-info-content p {}

.bord-info-content p:last-child {
	margin-bottom: 0px
}

.bord-info-content {
	margin-bottom: 60px
}

.bord-info-title {
	color: #fff;
	padding: 0px 0 8px 0;
	border-bottom: 1px solid #D14D1C;
	margin-bottom: 40px;
	font-size: 20px
}

.bord-control {
    min-height: 45px;
    margin-top: 16px;
    width: 100%;
    display: block;
    position: relative;
}

.bord-info-content p {
	color: #fff;
}

.bord-control:after {}

.bord-close-btn {
	float: right;
	transition: 0.8s ease-in-out;
	;
	cursor: pointer;
	font-size: 20px;
	color: #D9272D
}

.bord-close-btn:hover {
	transform: scale(1.2);

}

.bord-close-btn:after {
	content: "";
	clear: both;
	display: block
}

/* .bord-info-cont {
	position: fixed;
	width: 50%;
	top: 152px;
	left: 0;
	height: 83vh;
	overflow: scroll;
	border-right: 2px #D9272D solid;
	padding-left: 2%;
	padding-right: 2%;
	background: #000;
	z-index: 99999999;
	display: none;
	padding-bottom: 70px;
} */
/* Track */
::-webkit-scrollbar-track {
	border-radius:30px;	
  }
  .bord-info-cont {
    position: fixed;
    /* width: 70%; */
	max-width:1340px;
    top: 152px;
    /* left: 207px; */
    height: 75vh;
    overflow: auto;
    border: 2px #EA8C1C solid;
    padding-left: 2%;
    border-radius: 20px;
    padding-right: 2%;
    background: rgba(68, 68, 68, .98);
    z-index: 99999999;
    display: none;
    padding-bottom: 20px;
    padding-top: 20px;
}
.bord-info-cont .container {
	width: auto
}

.bord-cont {
	margin-bottom: 60px;
	cursor: pointer;
	display: none
}

.bord-cont .bord-img {
	position: relative;
	overflow: hidden;
	transition: 1.5s ease-in-out;
	margin-bottom: 20px
}

/*
	.bord-cont .bord-img:before{content: "Click for \a full bio"; width: 25%; text-align: center; position: absolute; color: #fff; font-size: 20px; top: 50%; z-index: 999; line-height: 1.1; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition:1.5s ease-in-out}
	.bord-cont:hover .bord-img:before{opacity:1}
*/
.bord-cont .bord-img:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: #000;
	opacity: 0;
	transition: 1.5s ease-in-out
}

/*	.bord-cont:hover .bord-img{border-top-right-radius:30px; border-top-left-radius:30px}*/
/*	.bord-cont:hover .bord-img:after{opacity:0.5;}*/
.bord-cont:hover .button-orange:before {
	width: 0;
	transition: width 1s ease-in-out;
}

.bord-cont:hover .button-orange span {
	transition: height 1s ease-in-out;
	height: 0;
	transition-delay: 2s ease;
}

.bord-cont:hover .button-orange span:before {
	width: 0;
	transition: width 1s ease-in-out;
}

.bord-mem-name {
	font-size: 20px;
	font-weight: bold;
	color: #E9500E;
	line-height: 1.2;
	margin-bottom: 15px;
	min-height: 86px;
}

.bord-mem-name span {
	display: block;
	font-size: 18px;
	color: #F7996C
}

.bord-cont .button-orange {
	background: #fff;
	border: solid 1px #45C1C0;
	color: #45C1C0;
	margin-bottom: 0
}

.bord-cont .button-orange span {
	background: #45C1C0
}

.bord-cont .button-orange:after {
	color: #45C1C0;
}

.bord-cont .button-orange:before {
	background: #45C1C0;
	right: 174px;
}

.margin-10R {
	margin-right: 10px !important
}

.bod-no-pic {
	height: 100%
}

.bod-no-pic .bod-text {
	bottom: 0% !important
}



.comm-block {
	width: 20px;
	height: 20px;
	position: relative;
	display: block;
	margin: 0 auto
}

.bg-green {
	background: #A8D165
}

.bg-orange {
	background: #E8622A
}

.bg-purple {
	background: #8E3485
}

.bg-red {
	background: #DA262E
}

.bg-lblue {
	background: #80ADCE
}

.bg-blue {
	background: #3B95AF
}

.bg-dgreen {
	background: #00965F
}

.blu-dot {
	width: 15px;
	height: 15px;
	position: absolute;
	bottom: -7px;
	left: 50%;
	transform: translateX(-50%);
	background: #093254;
	display: block;
	border-radius: 50%
}

.bg-crc {
	width: 15px;
	height: 15px;
	position: relative;
	display: block;
	margin: 0 auto;
	background: #093254;
	border-radius: 50%
}




@media screen and (max-width:1400px) {
	.bod-text {
		bottom: -80px;
	}
}

@media screen and (max-width:1199px) {
	.bord-mem-name {
		min-height: 90px;
	}
	
}

@media screen and (max-width:991px) {
	.bord-info-cont {
		/* width: 100%; */
		top: 0;
		max-width:700px;
		overflow-y: scroll;
	}

	.bord-mem-name {
		min-height: 70px;
	}
}

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

	.marg-20B-md {
		margin-bottom: 20px
	}

	.mob-bod-center {
		text-align: center
	}

	.bord-info-content .row .col-lg-4:after {
		display: none;
		border-bottom: 1px solid #fff
	}

	.bord-info-content .row .col-lg-4 {
		border-bottom: 1px solid #fff;
		margin-bottom: 20px
	}

	.bord-info-content .row .col-lg-4 img {
		margin-bottom: 0px !important
	}

	.bord-info-cont {
		min-height: auto;
		height: 100%;
		overflow-y: scroll;
		overflow-x: hidden;

		max-width:700px;
	}


}