root {display: block;}
body{font-size: 1rem; color: #fff; font-weight: normal; height: 100%; background: #000; outline: none}
body.what-we-do{background: #fff;}
a:hover{text-decoration: none}
.min-height{height: auto}
.main{width: 100%; position: relative; background-position: top center; background-size: 1920px 1080px; background-repeat: no-repeat}
.main .contain{width: 100%;margin: 0 auto;}
.main .header{background: rgba(0, 0, 0, 0.75); /*height: 82px; padding-top: 18px*/}
.main.what-we-do .header{background: #000;}
.main .header .container{background: rgba(0, 0, 0, 0.75);}
.main .subheader{/*background: rgba(0,0,0,0.5); height: 85px;*/  padding-top: 50px}
.communi{width: 100px; padding-left:45px; padding-top:8px;}
.babylon_logo{width:200px;}
.menu {margin-left: 70px; margin-top: 30px}
.menu ul{list-style: none; }
.menu ul li{margin-right:10px;/*float: left; width: 125px;*/}
/*.menu ul li:first-child{width: 92px;}
.menu ul li:nth-child(2){width: 117px}
.menu ul li:nth-child(3){width: 155px}
.menu ul li:nth-child(4){width: 120px}*/
.menu ul li a{color: #fff!important; font-size: 19px; font-family: verdana;}
.menu ul li a:hover{color: #cfbb8e!important; text-decoration: none}
.menu ul li a.active{color: #cfbb8e!important; font-weight: bold}
.submenu{float: left; background:rgba(0, 0, 0, 0.75)}
.submenu ul li{list-style: none; float:left; margin: 15px;}
.submenu a{font-size: 1rem; font-family: verdana; color:#fff; text-decoration: none}
.submenu a:hover{color: #cfbb8e;}
.submenu ul li a:hover{color: #cfbb8e; text-decoration: none}
.submenu ul li a.active{color: #cfbb8e;}

@-webkit-keyframes cssAnimation {
from { -webkit-transform: scale(0); opacity:0.1;}
to { -webkit-transform: scale(1) ; opacity:1.0;}
}
@-moz-keyframes cssAnimation {
from { -moz-transform:scale(0); opacity:0.1;}
to { -moz-transform: scale(1) ; opacity:1.0;}
}
@-o-keyframes cssAnimation {
from { -o-transform: scale(0); opacity:0.1;}
to { -o-transform: scale(1); opacity:1.0;}
}

.home .coin{
    padding-top: 30px;
    -webkit-animation: cssAnimation 2s 1 ease-in-out;
    -moz-animation: cssAnimation 2s 1 ease-in-out;
    -o-animation: cssAnimation 2s 1 ease-in-out;
    -ms-transform: scale(0,1.0);
    /*margin-left: 242px;*/
    text-align: center;
}
.home .coin #coinimage{
	width:400px;
}
.hometext{font-size: 24px; /*margin-top: 70px;*/ font-family: "Trebuchet MS"; font-weight: 100; line-height:29px} /*margin-left: 242px;*/
.bg-img{position:relative;}
.bg-img div{position: absolute; text-align: center; top: 55%; left: 0; right: 0; color: white; background: rgba(0,0,0,0.8);}
.float-none {float: none!important;}
.center-block { display: block; margin-left: auto; margin-right: auto;}
@media (max-width: 1024px)
{
	/*.home .hometext{margin-left: 0;}*/
	.home .coin{margin-left: 0;}
	.home .coin #coinimage{width:100%;}
	.menu{margin-left:0; margin-top: -20px; background-color: #000; border-radius: 5px; padding-left: 15px; text-align:center;}
	.menu ul li a{color:#fff!important; font-weight:bold;}
	.bg-img .hometext{font-size:20px;}
	.bg-img div{top:25%;}
}
.home .hometext p{margin-top: 20px;}/*margin-left: 550px;*/

.box{/*width: 500px;*/ padding: 1px 28px 5px 28px; background: rgba(0,0,0,0.7); margin-top: 32px}
.wide{width: 966px; background: rgba(0,0,0,0.7)}
.box h1, .grey-box h1 {font-size: 1.5rem;color: #cfbb8e;/*font-family: tahoma;padding-left: 0px*/}
.box p{/*font-size: 15px; font-family: verdana; text-align: left;*/ line-height: 1.5;  font-weight: normal}
.box p img.profilepicleft{float: left; margin-right: 15px;}
.box p img.profilepicright{float: right; margin-left: 15px; width:145px; height:194px;}
.nojustify{text-align: left}

.thoughts{ padding: 10px 0px 0px 28px; height: 703px; overflow: auto; }
.thoughts ul{list-style: none; margin: 0; padding: 0;}
.thoughts ul li{display: block; margin-bottom: 20px; padding:18px; background: #000; min-height: 177px}
.thoughts ul li div.text{width: 640px; float: left;}
.thoughts ul li div.image{float: left; margin-left: 20px; padding: 5px; background: #fff;}
.thoughts ul li div.text div.title{font-size: 15px; font-family: verdana; color:#cfbb8e; margin-bottom: 10px;}
.thoughts ul li div.text div.content{font-size: 15px;}
.thoughts:focus {outline: none;}

footer {background: rgba(0, 0, 0, 0.5); height: 131px; margin-top: 30px}
.main.what-we-do footer{background: #000;}
footer .foot-inner{height: 94px; background: rgba(0,0,0,0.5); margin-top: 8px}

footer .container .foot-mnu-1 ul{margin-left: 300px;}
footer .container .foot-mnu-1 ul li{float: left;}
footer .container .foot-mnu-1 ul li:first-child{width: 132px;}
footer .container .foot-mnu-1 ul li:nth-child(2){width:93px; }
footer .container .foot-mnu-1 ul li:nth-child(3){width: 240px}
footer .container .foot-mnu-1 ul li:nth-child(4){width: 140px}
footer .container .foot-mnu-1 ul li a{color: #fff; font-size:15px; font-family: verdana; text-decoration: none}
footer .container .foot-mnu-1 ul li a.active{color: #cfbb8e;}

footer .foot-inner .container .foot-mnu-2 {margin-left: 430px; margin-top: 30px}
footer .foot-inner .foot-mnu-2 li{list-style: none; display:inline-block; margin: 0 10px;}
footer .foot-inner .container .foot-mnu-2 li:first-child{width: 75px;}
footer .foot-inner .container .foot-mnu-2 li:nth-child(2){width: 88px}
footer .foot-inner .container .foot-mnu-2 li:nth-child(3){width: 129px;}
footer .foot-inner .container .foot-mnu-2 li:nth-child(4){width: 180px}
footer .foot-inner .container .foot-mnu-2 li:nth-child(5){margin-left: 145px}

footer .foot-inner .container .foot-contact{display: block; margin-left: 585px; margin-top: 60px}
footer .foot-inner .foot-contact a{color: #fff; font-size: 15px; font-family: verdana; text-decoration: none}

footer .foot-inner .foot-mnu-2 li a{font-size: 15px; color: #fff; font-family: verdana;}
footer .foot-inner .foot-mnu-2 li a.active{color: #cfbb8e;}

/*Joan Styles*/
.grey-box
{
	background: rgba(0,0,0,0.7);
	font-size: 15px;
    font-family: verdana;
    line-height: 21px;
    text-align: left;
    font-weight: normal;
    padding:1rem;
}
.margin-20-auto
{
    margin: 20px auto;
}
.padding-20
{
    padding:20px;
}
.grey-box ul
{
    margin-left:0px;
    font-size:15px;
}
    .grey-box h1 {
      line-height:30px;
    }
.min-height-4rem
{
    min-height:4rem;
}
.beij-color{
	color: #cfbb8e;
}
a.beij-color:hover
{
	color: #495057;
}
.circle-image {
    display: block;
    width: 130px;
    height: 130px;
    overflow: hidden;
    -webkit-border-radius: 180px;
    -moz-border-radius: 180px;
    -ms-border-radius: 180px;
    -o-border-radius: 180px;
    border-radius: 130px;
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
    border: 3px solid #cfbb8e;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3), inset 0 3px 8px rgba(0,0,0,.3);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.3),inset 0 3px 8px rgba(0,0,0,.3);
    box-shadow: 0 1px 2px rgb(32 33 36), inset 0 3px 8px rgba(0,0,0,.3);
    background-color: #d3d3d3;
}

    .circle-image img {
        display: block;
        height: auto;
        position: absolute;
        margin: auto;
        top: -50%;
        right: -50%;
        bottom: -50%;
        left: -50%;
        width:50px;
        height:50px;
    }
.row-fluid .span-sm-12 {
    display:none;
}
.content-divide
{
    padding:10px;
}

.navbar-toggler.burger
{
	/*background-color: #D3D3D3;*/
	margin-top:10px;
	float:right;
}
.padding-070px{padding: 0 70px;}
@media (max-width: 1024px) {
    .row-fluid .hide-col {
            display: none;
        }

        .row-fluid .span-sm-6 {
            width: 48.93617021276595%;
            *width: 48.88297872340425%;
        }

        .row-fluid .span-sm-12 {
            display: block;
            padding:20px;
        }
		.main.africa
		{
			background-image: url('../img/Africa_mob.png')!important;
		}
		.padding-070px {padding:0 30px;}
    }

.what-we-do-title
{
	min-height:70px;
}
.black-color
{
	color: #000;
}
.white-background
{
	background-color: #fff;
}
.beij-background
{
	background-color: #D1C8B0;
}
.beij-background a.black-color:hover{color:#fff;}
.what_we_do_bg-img
{
	background-image: url("../img/what_we_do_2700.jpg");
	margin-top:0 !important;
	padding:0 !important;
}
.what_we_do_bg-img a:hover{color: #cfbb8e;}
.advisory-img
{
	background-image: url("../img/01-Advisory-2693wide.jpg");
}
.leadership_bg-img
{
	background-image: url("../img/leadership_1.jpg");
}
.vimeo-video.aspect-ratio {
	width: 100%;
    position: relative;
    height: 0;
    padding-bottom: 61%;
    /*padding: 0;
    position: relative;*/
}
.vimeo-video.aspect-ratio.data-science
{
	padding-bottom: 68%;
}
.fontsize-13rem{font-size:1.3rem;}

/*@media (min-width: 1024px) {
		
.vimeo-iframe {height:100%;}
}*/


.vimeo-video.aspect-ratio iframe {

position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  /*position: relative;
  max-height: auto;
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
  margin: 0;
  padding: 0;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: auto;
  color: #fff;
  line-height: normal;
  font-family: 'Helvetica Neue', Helvetica, Arial !important;
  font-size: 10px;
  overflow: visible;
  border-collapse: separate;
  user-select: none;
  touch-action: manipulate;*/

}