.timeline {
    position: relative;
    padding: 21px 0px 10px;
    margin-top: 4px;
    margin-bottom: 30px;
    float: left;
    margin-left: 98px;
}
.ul-staff-proffesionals{
    margin: 0;
    padding: 0;
    list-style-type: none;
}
ul.ul-staff-proffesionals>li.li-staff-proffesional>a.a-staff,
ul.ul-staff-proffesionals>li.li-staff-proffesional>a.a-staff:link{
    font-family: "Gotham Book";
    color: #425363;
    line-height: 1.6;
}


.li-staff-proffesional:before{
    content: ". ";
}

.timeline .line {
    position: absolute;
    width: 6px;
    display: block;
    background-color: #7fa1eb;
    top: 46px;
    bottom: 0px;
    margin-left: 100px;
    margin-bottom: 148px;
}

.timeline .separator {
    border-top: 1px solid currentColor;
    padding: 5px;
    padding-left: 40px;
    font-style: italic;
    font-size: .9em;
    margin-left: 30px;
}
/*
.timeline .line::before { top: -4px; }
.timeline .line::after { bottom: -4px; }
.timeline .line::before,
.timeline .line::after {
    content: '';
    position: absolute;
    left: -4px;
    width: 12px;
    height: 12px;
    display: block;
    border-radius: 50%;
    background: currentColor;
}
*/
.timeline .panel {
    position: relative;
    margin: 10px 0px 21px 140px;
    clear: both;
}

.timeline .panel::before {
    position: absolute;
    display: block;
    top: 8px;
    left: -24px;
    content: '';
    width: 0px;
    height: 0px;
    border: inherit;
    border-width: 12px;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
}

.timeline .panel .panel-heading.icon * { font-size: 20px; vertical-align: middle; line-height: 40px; }
.timeline .panel .panel-heading.icon {
    position: absolute;
    left: -51px;
    display: block;
    width: 25px;
    height: 25px;
    padding: 0px;
    border-radius: 50%;
    text-align: center;
    float: left;
    background-color: initial;
    top: 9px;
}
.fa-bullet:before{
	content: " ";
}
.timeline .panel .panel-heading.datetime{
    position: absolute;
    left: -115px;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0px;
    text-align: center;
    float: left;	
	border:0;
/*	color: #425363; */
	color: #337ab7;
	background-color:initial;
	top: 11px;
	font-size: 22px;
	font-family: "Gotham Light";
	
}
.timeline-data{
	font-size: 17px;
	font-family: "Gotham Light";
	color: #fff;
	background-color: #b0c1f2 !important;
    border-color: #b0c1f2 !important;
	height: 130px;
}

.panel-primary-inpar,
.panel-primary-par,
.timeline-data{
    max-width: 735px;
    width: 735px;
}
.panel-primary-par,
.panel-primary-inpar{
    border-color: initial !important;
}
.panel-primary-inpar,
.timeline-data-inpar
{
	background-color: #b0c1f2 !important;
	border-color: #b0c1f2 !important;
}
.panel-primary{
	border-radius: 0px  !important;
}
.panel-primary-par,
.timeline-data-par{
	background-color: #80a1ea !important;
	border-color: #80a1ea !important;
}

.panel-primary-par,
.timeline-data-par,
.panel-primary-inpar,
.timeline-data-inpar
{
    border-radius: 0 !important;
    border-radius: 0px 0px 10px 0px !important;
}
div.img-timeline{
    top: 5px !important;
}
.pad-l-10{
    padding-left: 10px !important;
}
.col-xx-adjust-timeline{
   width: 82% !important;
}
.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
}
.timeline .panel-outline {
    border-color: transparent;
    background: transparent;
    box-shadow: none;
}
.timeline-data .col-sm-2,
.timeline-data .col-sm-9{
    padding: 0;
}
.timeline-data .col-sm-2{
    max-width: 100px;
}

.timeline .panel-outline .panel-body {
    padding: 10px 0px;
}

.timeline .panel-outline .panel-heading:not(.icon),
.timeline .panel-outline .panel-footer {
    display: none;
}

.staff-card{
    min-height: 250px !important;
}
.img-staff{
    width: 100% !important;
    height: auto !important;
}
.img-staff-thumb{
    width: 165px;
    height: 165px;
}
.h3-staff{
  color:#2E7DE1;
  font-size:17px;
  font-family: "Gotham Light";
}
.no-pad-staff-buttons{
    padding-right: 0 !important;
}
.mar-t-40{
    margin-top: 40px;
}
a.director,
a.director:link,
a.director:active,
a.director:hover{
    font-family: "Gotham Book";
    color: #425363;
    line-height: 1.6;
    font-size: 11pt;
}
a.director:hover,
a.director:focus{
    color:#9ca4ad !important;
}
h3.director{
    color: #2e7de1;
    font-family: "Gotham Book";
    line-height: 1.6;
    font-size: 12pt;
    margin:0;
    padding: 0;
}

.p-b-30{
    padding-bottom: 30px;
}

@media (max-width:767px)
{
    .img-staff{
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .mar-t-40{
        margin-top: 15px;
    }
	.timeline-data{
		max-width: initial;
		min-width: initial;
		padding: 10px 10px !important;
	}
	.timeline .panel {
        margin: 10px 0px 21px 110px;
	}

	.timeline {
        padding: 0px; 
        margin-top: 0px; 
        margin-left: 0px !important;
    }
    .timeline .panel .panel-heading.datetime {
        font-size: 19px;
        left: -95px;
    }
    .timeline .line{
        margin-left: 79px;
        top: 45px;
        margin-bottom: 95px;
    }
    .timeline .panel .panel-heading.icon {
        left: -42px;
            
    }
    div.img-timeline{
        top: 0px !important;
        max-width: 70px !important;
    }
    div.img-timeline > img{
        max-width: 70px !important;
        width: 100%;
        height: auto;
    }
    
    .timeline-data {
        display: table;
        height: initial;
    }
    
    .col-xx-adjust-timeline{
        width: 66% !important;
    }
    p.panel-title{
        font-size: 13px !important;
    }
    
}