@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	border: 0;
	padding: 0;
}
@font-face {
   font-family: myFontL;
   src: url("Raleway-Light.ttf");
}
@font-face {
   font-family: myFontR;
   src: url("Lato-Black.ttf");
}
@font-face {
	font-family: myFontMed;
	src:url("Lato-Bold.ttf");
}
@font-face {
	font-family: myFontM;
	src:url(Avenir.ttc);
}
@font-face {
	font-family: myFontLT;
	src:url(Lato-Light.ttf);
}
@font-face {
	font-family: myFontBold;
	src:url("Lato-Black.ttf");
}
@font-face {
	font-family: myFontavenir;
	src:url("AvenirNextFont.ttf");
}
.burger {
	font-family: myFontavenir;
}
body {
	font-family: myFontLT;
	-webkit-font-smoothing:antialiased;
	font-weight: 100;
	color: #444;
	width: 100%;
	height: 100%;
	margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}
h1, h2, h3, h4 {
	font-family: myFontBold;
}
a {
	text-decoration: none;
	color: inherit;
}

.bold {
    font-family: myFontBold;

}
.semibold {
	font-family: myFontMed;
}
.whitewriting {
	color: whitesmoke;
}
.goldtext {
    color: #c89a57;
}
.darkgoldtext {
    color:#BC8E16;
}
.verydarkgoldtext {
	color:#825514;
}
.lightertitle {
    color:#FCF4A3;
}
.thinnertext {
	font-family: myFontLT;
		-webkit-font-smoothing:antialiased;
	font-weight: 100;
}
.middlegoldtitle {
    color:#F6DE7A;
}
.lightergold {
    color:#E4C049;
}
.verylightgoldtext {
	color:#F6DC84;
}
.middlegold {
    color:#CAA23A;
}
.smalltextlight {
     color:#FCF4A3;
    font-size: 18px;
}
.smallerconsultantstext {
	font-size: 13px;
	padding-top: 1%;
}
a:hover {
	text-decoration: underline;
}
.alinks:hover {
    color:#DEBA5A;
	cursor: grab;
}
.homepageserviceswording:hover {
	color: #C19759;
}
.ourteam:hover, .aboutus:hover, .finance:hover, .litigation:hover, .realestate:hover, .references:hover {
    opacity: 0.6;
	cursor: grab;
}
.knowbox1:hover  {
	background-color:#B98B12;
	cursor: grab;
	color: aliceblue;
	font-family: myFontBold;
}
.whiteaddress {
    color:aliceblue;
    line-height: 180%;
}
.businesscommunity:hover {
    opacity: 0.6;
}
.businessbutton:hover {
    background-color:#C79E30;
    border: 3px #c79e30 solid;
    font-weight: 900;
	font-family: myFontBold;
}
.businessbutton2:hover {
    background-color:#C79E30;
    border: 3px #c79e30 solid;
    font-weight: 900;
	font-family: myFontBold;
}
.ourteambutton:hover {
    background-color:#C79E30;
    border: 3px #c79e30 solid;
    font-weight: 900;
	font-family: myFontBold;
	color: aliceblue;
}
.intheknowbutton:hover {
    background-color:#C79E30;
    border: 3px #c79e30 solid;
    font-weight: 900;
	font-family: myFontBold;
	color: aliceblue;
}
.profilebutton:hover {
    background-color:#1A1A1C;
    border: 3px #1a1a1c solid;
    font-weight: 900;
	font-family: myFontBold;
	color: aliceblue;
}
.consultantbutton:hover {
    background-color:#1A1A1C;
    border: 3px #1a1a1c solid;
    font-weight: 900;
	font-family: myFontBold;
	color: aliceblue;
}
.whiteenvelope:hover {
    opacity: 0.6;
}
.whitephone:hover {
    opacity: 0.6;
}

.telephone:hover {
    opacity: 0.6;
}
.envelope:hover {
    opacity: 0.6;
}
.linkedin:hover {
	opacity: 0.6;
}
.natalieboydbox:hover {
	opacity: 0.6;
}
.textaligncentre {
	text-align: center;
}
.noline {
	text-decoration: none;
}
a.noline:hover {
	text-decoration: none !important;
}

/*sliding nav bar*/
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 12;
    top: 0;
    right: 0;
    background-color:#161516;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 120px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 22px;
    color: #f0f8ff;
    display: block;
    transition: 0.3s;
    font-family: myFontMed;
}

.sidenav a:hover, .offcanvas a:focus{
    color:#E1BD5D;
}
.sitemap, .sitemap2, .sitemap3, .sitemapregs {
    font-family: myFontM;
}
.sitemaplist {
	text-align: center;
	list-style: none;
}
.sitemaptitlesize {
	text-align: center;
}

/*Mobile device*/
@media only screen and (min-width: 320px) and (max-width: 767px){


.homebar {

    }
.oryxlawlogo {
    width: 320px;
    height: auto;
    display: block;
	margin-left: auto;
	margin-right: auto;
    padding-top: 16%;
	padding-bottom: 6%;
	padding-right: 2%;
    }
.oryxlogo {
    width: 140px;
    height: auto;
	float:left;
   	padding: 7% 0% 0% 5%;
    }
.logobar {
	height: 32px;
	padding-top: 0.5%;
	padding-bottom: 2.5%;
    padding-left: 1%;
	width: 100%;
	background-color: transparent;
	position: fixed;
	z-index:10;
	margin-top: 0;

	}
.sidenav .closebtn {
    position: absolute;
    top: 1.5%;
    left: 2%;
    font-size: 35px;
   
}
.burger {
	position: fixed;
	right: 0;
	margin-right: 3%;
	top: 4%;
	z-index: 30;
	border: thick black;
}
.title {
	background-image: url("images/Backgroundtrianglebluecloudmob.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 1080px;
	float:left;
	background-position: center;
	text-align: center;

	}
.oryxtitle {
	padding-top: 0%;
	font-size: 1px;
	color:transparent;
	}
  
.transactionbox {
	height: auto;
	overflow-x: hidden;
	font-family: MyFontMed;
  	margin: auto;
  	width: 100%;
	}
.transactiontext {
	font-size: 19px;
	color: white;
	line-height: 22px;
	text-align: center;
	margin:0;
	padding: 30% 2% 0% 2%;
		text-shadow: 1px 1px 2px #303030;	
	}
.smallertranstext {
	font-size: 15px;
	line-height: 10%;
	
	}
.shadow {
	text-shadow: 1px 1px 2px #303030;	
	}
.fractionalbox {
	float: left;
	height: auto;
	overflow-x: hidden;
	font-family: MyFontMed;
  	margin: auto;
  	width: 100%;
	}
.fractiontext {
		text-shadow: 1px 1px 2px #303030;	
	padding-right: 0%;
 	margin: 0;
 	line-height: 22px;
 	text-align: center;
	font-size: 19px;
	color:white;
	padding: 9% 2% 0% 2%;
	}
.boardroombox {
	width: 100%;
	height: auto;
	 overflow-x: hidden;
	font-family: MyFontMed;
	margin: 9% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
text-align: center;

float: left;
	}
.boardroomtext {

		text-shadow: 1px 1px 2px #303030;	
padding-right: 0%;
 margin: 0;
 line-height: 25px;
 text-align: center;
font-size: 19px;
color:#181714;
	padding: 0% 2% 0% 2%
	}
.managementbox {
	float: left;
	height: auto;
	overflow-x: hidden;
	font-family: MyFontMed;
  	margin: auto;
  	width: 100%;
	padding-bottom: 0%;
	}
.compliancebox {
	float: left;
	height: auto;
	overflow-x: hidden;
	font-family: MyFontMed;
  	margin: auto;
  	width: 100%;
	padding-bottom: 9%;
	}
/*Service boxes homepage*/
.serviceboxes {
    width: 100%;
	height: auto;
	margin: 0% 0% 0% 0%;
       padding: 8% 0% 5% 0%;
	float:left;
	position: relative !important;  
    text-align: center;   
    }   

.aboutus {
     width: 300px;
	height:260px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 0%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
    
    }
.ourteam {
    width: 300px;
	height:260px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 0%;
  	background-color: white;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  	margin-bottom: 25px;
   
    }
.servicecontainer {
    text-align: center;
    padding: 10px 20px;
	color:#9C730B;
    }
.finance {
    width: 300px;
	height:260px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 0%;
  	background-color: white;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  	margin-bottom: 25px;
   }
.litigation {
    width: 300px;
	height:260px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 0%;
  	background-color: white;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  	margin-bottom: 25px;   
    }
.realestate {
    width: 300px;
	height:260px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 0%;
  	background-color: white;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  	margin-bottom: 25px;    
    }
.references {
    width: 300px;
	height:260px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 0%;
  	background-color: white;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  	margin-bottom: 25px;  
    }


/*About us*/
.aboutbackground {
    background-image: url("images/tinyholesmobile2.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
    margin: 0;
    }
.aboutbottom {
    background-image: url("images/tinyholesbottommobile.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	
	float:left;
	background-position: center;
    padding-top:25%;
	padding-bottom: 5%;
    }
.abouttitle {
  padding: 3% 2% 0% 2%;
	margin: 22% 8% 6% 8%;
	text-align: center;
    letter-spacing: 0px;
	font-size: 35px;
    line-height: 80%;
    }
.aboutusline {
    width: 250px;
    height: auto;
    text-align: center;
    display: block;
   	margin: 0 auto;
    padding-bottom: 2%;
    }
.abouttext {
    font-size: 16px;
    text-align: justify;
    padding: 46% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
    line-height: 140%;
    }
.aboutmaintext {
	padding: 4% 0% 0% 0%;	
	}
.smalltext {
    font-size: 17px;
    padding: 0% 35% 0% 35%;
    color:#BC8E16;
    }
.founders {
	color: #BC8E16;
	font-weight:900;
	font-size: 18px;
	}
.buttonwrapperabout {
    width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 20% 0% 6% 0%;    
    }

/*Our services*/
.financebackground {
    background-image: url("images/goldbluebuildingsmobile.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
    margin: 0;
    }
.financebottom {
    background-image: url("images/goldbluebuildingsbottommob.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:30%;
	padding-bottom: 12%;
    }
.financetitle {
  	padding: 15% 2% 0% 2%;
	margin: 5% 8% 6% 8%;
	text-align: center;
    letter-spacing: 0px;
	font-size: 35px;
    line-height: 80%;
    }
.paddingservices {
	padding-top: 3%;

	}
	
.financetext {
    font-size: 16px;
    text-align: justify;
    padding: 46% 5% 0% 5%;
    margin: 0% 0% 0% 0%;
    line-height: 160%;
    }
.servicesbox {
	width: 95%;
	text-align: left;
	padding: 1% 2% 0% 3%;
	list-style-type: none;
	font-size:3.6vw;
	line-height: 193%;
	float: left;
	font-weight: 900;
	}
.servicesbox2 {
	width: 95%;
	text-align: left;
	padding: 0% 2% 3% 3%;
	list-style-type: none;
	font-size:3.6vw;
	line-height: 193%;
	float: left;
	font-weight: 900;
	}
.servicestable {
	width:100%; 
	cellpadding:15px; 
	cellspacing:"2";	
	}
.smalltextoryx {
	font-size: 25px;
	padding: 0% 30% 0% 30%;
	}
.smallerdebttext {
	padding: 0% 0% 0% 0%;


	}

.oryxsmall {
	width: 15px;
	vertical-align: middle;
	padding-right: 2%;
	}
.oryxdot {
	width: 11px;
	vertical-align: middle;
	padding: 0% 1% 1% 0%;
	}
.servicesbottom {
	font-size: 16px;
    text-align: justify;
    padding: 8% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
    line-height: 150%;
    float: left;	
	}
.additionalservicestext {
	line-height: 180%;	
	}
.buttonwrapperfinance {
    width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 22% 0% 0% 0%;

}
.businessbutton {
    display: inline-block;
	margin-left: 2%;
  	margin-right: 2%;
	margin-bottom: 2%;
    margin-top: 10%;
	text-align: center;
	font-size: 17px;
	Width: 122px;
	Height: 29px;
	padding: 3% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	color: #f0f8ff;
	font-family: myFontBold;
    }
.businessbutton2 {
    display: inline-block;
	margin-left: 2%;
  	margin-right: 2%;
	margin-bottom: 2%;
    margin-top: 10%;
	text-align: center;
	font-size: 17px;
	Width: 138px;
	Height: 29px;
	padding: 3% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	color: #f0f8ff;
	font-family: myFontBold;
    }
/*Our team*/
.ourteambackground {
    background-image: url("images/futuremuseumdubaimobile.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
    margin: 0;
	
    }
.ourteambottom {
    background-image: url("images/Museumimagemobile.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:15%;
	padding-bottom: 12%;
    }
.ourteamtitle {
  
    font-size: 35px;
    padding: 18% 10% 5% 10%;
    text-align: center;
	line-height: 80%;
    }
.ourteamsubtitle {
    text-align: center;
    padding: 8% 2% 2% 2%;
	letter-spacing: 5px;
	font-size: 20px;
    line-height: 140%;
    }
.ourteamtext {
    margin: 0;

   float: left;
    padding: 3% 1% 5% 1%;
    text-align: justify;
    font-size: 16px;
    }
.natalieandvanessa {
	width: 98%;
	height: auto;
	 display: block;
  margin-left: auto;
  margin-right: auto;
	padding: 5% 0% 8% 0%;
	}
.ourteamline {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 220px;
    height: auto;
    padding-bottom: 1%;
    }
.cvboxes {
    width: 100%;
	height: auto;
	margin: 0% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
	float:left;
	position: relative !important;  
    text-align: center;
    color:#3F3C3E;
    }
.cvcontainer {
    text-align: center;
    padding: 8px 2px 10px 2px;
    }

.natalieboydbox {
    width: 280px;
	height:300px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 0%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
   
    }
.ourteambutton {
    display: inline-block;
	margin-left: 2%;
  	margin-right: 2%;
	margin-bottom: 1%;
    margin-top: 2%;
	text-align: center;
	font-size: 17px;
	Width: 122px;
	Height: 28px;
	padding: 2.5% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-weight: bold;

    }
/*CV pages*/
.nataliebackground {
	width: 100%;
	background-image: url("images/futuremuseumpaneltab.jpg");
	background-size: cover;
	height: 115px;
	float: left;
	}
.cvphotobox {
    width: 100%;
    height: auto;
   	float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
	text-align: center;
    }
.cvphotobox2 {
    width: 100%;
    height: 500px;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    background-color:#39465A;
    text-align: center;
    }
/*Natalie*/
.cvtextbox {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 1000px;
    text-align: center;
    font-size: 16px;

    }
/*Diane*/
.cvtextboxdi {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 1500px;
    text-align: center;
    font-size: 16px;

    }
/*Vanessa*/
.cvtextbox2 {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 1280px;
    text-align: center;
    font-size: 16px;

    }
/*Gregory*/
.cvtextbox3 {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 840px;
    text-align: center;
    font-size: 16px;

    }
/*Lulwa & Richard*/
.cvtextbox4 {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 920px;
    text-align: center;
    font-size: 16px;
	background-color: white;
  
    }
/*Gareth Ling*/
.cvtextbox5 {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 1410px;
    text-align: center;
    font-size: 16px;

    }
video {
	width: 300px;
	height: 500px;
	}
.videobox {
	width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 650px;
    text-align: center;
    font-size: 16px;
	background-color: white;	
	}
.videos {
		text-align: center;
		margin: 0 !important;
		padding: 5% 0% 0% 0%;
	}
.boxes {
    display: inline-block;
	vertical-align: middle;
    padding: 6% 0% 0% 0%;
    text-align: center;
}
.boxes2 {
    position: absolute;
    padding: 0% 5% 0% 5%;
	top: -1px;
	text-align: justify;
	}

.boxes3 {
    position: absolute;
    padding: 0% 5% 0% 5%;
	top: -1px;
	text-align: justify;
	}
.boxes4 {
    position: absolute;
    padding: 0% 5% 0% 5%;
	top: -1px;
	text-align: justify;
	}
/*Gareth Ling*/
.boxes5 {
    position: absolute;
    padding: 0% 5% 0% 5%;
	top: -1px;
	text-align: justify;
	}
.cvphoto {
    width: 300px;
    height: auto;
    }
.cvnametitle {
    margin: 3% 2% 8% 2%;
	font-size: 25px;
    }
.cvsubtitles {
	font-family: myFontR;
	text-align: center;
	}
.cvsubtitlesgold {
	font-family: myFontR;
  	color:#BC8E16;
	}
.natalietext {
    padding-top: 5%;
	line-height: 140%;
    }
.vanessatext {
    padding: 0% 0% 18% 0%;
	line-height: 140%;
    }
.lulwatext {
    padding: 4% 0% 0% 0%;
	line-height: 140%;
    }
.nataliephototext {
	font-size: 15px;
	padding: 8% 0% 0% 1%;
	line-height: 140%;
	}
.largertext {
    font-size: 24px; 
    padding-right: 0.5%;
    }
.buttonwrappercv {
    width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 0% 0% 10% 0%;
}
.profilebutton {
	display: inline-block;
	margin-left: 5%;
  	margin-right: 5%;
	margin-bottom: 10%;
    margin-top: 5%;
	text-align: center;
	font-size: 19px;
	Width: 220px;
	Height: 30px;
	padding: 3.5% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-family: MyFontMed;
	color: white; 
	background-color: #C89A57;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
	}
.buttonwrapperteam {
	width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 0% 0% 3% 0%;
	z-index: 10;
	}
.otherconsultants {
	width: 100%;
	text-align: center;
	}
.otherconsultantstitle {
	padding: 8% 5% 3% 5%;
	color:#BC8E16;
	font-size: 25px;
	line-height: 140%;
	}
.otherconsultantsmaintitle {
	padding: 8% 5% 3% 5%;
	color:#BC8E16;
	font-size: 30px;
	line-height: 140%;
	}
.consultantbutton {
	display: inline-block;
	margin-left: 5%;
  	margin-right: 5%;
	margin-bottom: 10%;
    margin-top: 4%;
	text-align: center;
	font-size: 19px;
	Width: 220px;
	Height: 30px;
	padding: 3.5% 0% 1% 0%;
	border: 3px #c89a57 solid;
	font-family: MyFontMed;
	color: white; 
	background-color: #C89A57;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
	}
/*References*/
.referencesbackground {
	    background-image: url("images/flowerpanelmobile.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
    margin: 0;	
	}
.trianglesbottom {
	    background-image: url("images/flowerpanelbottommob.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding:5% 0% 2% 0%;	
	}
.reftext {
    font-size: 17px;
    text-align: center;
    padding: 0% 10% 8% 10%;
    margin: 0% 0% 0% 0%;
     line-height: 140%;
    }
.reftitle {
	padding: 32% 2% 2.5% 2%;
	margin: 32% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 26px;
    font-weight: 900;
	line-height: 130%;
	}
/*Spotlight*/
.spotlightbackground {
    background-image: url("images/swirlsmobile.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
    margin: 0;
	}
.spotlightbottom {
	background-image: url("images/swirlsmobilebottom.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:12%;	
	}
.spotlighttitle {
    padding: 8% 2% 2% 2%;
	margin: 0% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 32px;
    font-weight: 900;
	line-height: 40px;
    }
.spotlightsubtitle {
	text-align: center;
	line-height: 30px;
	font-size: 19px;
	padding: 2% 5% 0% 5%;
	}
.spotlightclicktext {
	text-align: center;
	padding: 5% 3% 3% 3%;
	line-height: 25px;
	font-family: myFontMed;
	font-size: 16px;
	}
.spotlighttext {
    font-size: 17px;
    text-align: justify;
    padding: 0% 3% 0% 3%;
    margin: 0% 0% 0% 0%;
    line-height: 130%;
    float: left;

    }
	.spotlightwriting {
		
	}
.vanessaaudiobox {
	position: relative;
	margin-top: 3%;
	margin-bottom: 5%;
	width: 100%;
	height: 260px;
	text-align: center;
	}
.vanessaaudio {

  	display: block;
  	margin-left: auto;
  	margin-right: auto;
 	 width: 100%;
  	position: absolute;
	text-align: center;
	padding: 2% 0% 0% 0%;
	}
.voice {
		width: 200px;
	height: 200px;
	  display: block;
  margin-left: auto;
  margin-right: auto;	
	}	
.vanessaaudioimage {
		width: 400px;
		display: block;
  	margin-left: auto;
  	margin-right: auto;
	padding-bottom: 0%;
	}

.audiobuttonex {
	z-index: 10;
    margin: 0px;
	padding-top: 10%;
  	width: 100%;         
    position: absolute;
    top: 0;
    left: 0;
	}
.spotlightline {
	width: 150px;
    height: auto;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding: 1% 0% 0% 0%;
	}
/*In the Know*/
.intheknowbackground {
    background-image: url("images/circlestopmobile.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
	padding-bottom: 30%;
    margin: 0;
	}
.intheknowbottom {
	background-image: url("images/circlesbottommobile.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:12%;	
	}
.mainintheknowtitle {
	padding: 0% 2% 1% 2%;
	margin: 0% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 32px;
    font-weight: 900;	
	}
.intheknowsubtext {
	font-size: 18px;
	font-family: myFontMed;
	padding: 1% 5% 5% 5%;
	}
.knowbox1 {
	     width: 300px;
	height:280px;
    display: inline-block;
	vertical-align: middle;
    margin: 7% 2% 3% 2%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
	padding: 4%;
	}
.mediaboxes {
    width: 100%;
	height: auto;
	margin: 0% 0% 0% 0%;
       padding: 8% 0% 5% 0%;
	float:left;
	position: relative !important;  
    text-align: center;   
    }  
.intheknowleft {
	text-align: left;	
	}
.intheknowright {
		text-align: right;
	
	}
.arrow {
	width: 20px;
	height: auto;
	vertical-align: bottom;
	
	}
/*Article pages*/
.intheknowtitle {
	text-align: center;
	padding: 38% 8% 5% 8%;
	font-size: 18px;
	line-height: 170%;	
	}
.intheknowtext {
	padding: 1% 5% 5% 5%;
	text-align: justify;
	line-height: 120%;
	}
.intheknowbutton {
    display: inline-block;
	margin-left: 2%;
  	margin-right: 2%;
	margin-bottom: 1%;
    margin-top: 10%;
	text-align: center;
	font-size: 17px;
	Width: 140px;
	Height: 28px;
	padding: 2.5% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-weight: bold;

    }
.articletext {
    font-size: 17px;
    text-align: justify;
    padding: 0% 3% 0% 3%;
    margin: 0% 0% 0% 0%;
    line-height: 130%;
    float: left;

    }
.spotlightbullettext {
	text-align: center;
	padding: 5% 3% 3% 3%;
	line-height: 25px;
	font-family: myFontMed;
	font-size: 16px;
	}
/*Cookie page*/
.cookiepage {
	width: 100%;
    height: auto;
	}
.cookietitle {
	text-align: center;
	padding: 38% 5% 3% 5%;
	font-size: 22px;
	line-height: 190%;
	}
.cookietext {
	padding: 8% 5% 10% 5%;
	line-height: 140%;
	text-align: justify;
	}
/*sitemap*/
.sitemap {
	width: 100%;
	float: left;
	padding: 10% 0% 2% 0%;
	margin: 0% 0% 0% 0%;
	background-color:#0E090D;
    color: aliceblue;
	}
.sitemap2 {
    width: 100%;
	float: left;
	padding: 10% 0% 2% 0%;
	margin: 0% 0% 0% 0%;
	background-color:#0E090D;
    color: aliceblue;
    }
.sitemap3 {
    width: 100%;
	float: left;
	padding: 6% 0% 2% 0%;
	margin: 0% 0% 0% 0%;
	background-color:#0E090D; 
    color: aliceblue;
    }
.sitemapspacing {
	line-height: 45px;
	font-size: 16px;
	}
.sitemapspacing2 {
	font-size: 13px;
	line-height: 20px;
    padding: 0% 2% 0% 2%;
		list-style: none;
	}
.cookiewriting {
	font-size: 11px;
	color:#717675;
    color: aliceblue;
	padding: 2% 2% 2% 2%;
	}
.cookiespacing {
	padding: 0% 3% 0% 3%;	
	}
.sitemapspacing3 {
	font-size: 15px;
	line-height: 45px;
	font-weight: 600;
     padding: 0% 2% 0% 2%;
	}
.sitemapspacing4 {
	font-size: 14px;
	line-height: 35px;
	font-weight: 600;
     padding: 0% 2% 0% 2%;
	}
.sitemapregs {
	margin: 0;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
    background-color:#0E090D;
    color: aliceblue;
	}
.regstext {
	padding: 4% 4% 5% 4%;	
	}
.sitemaptitlesize {
	padding-bottom: 5%;
	padding-top: 5%;
	font-size: 17px;
	}
.sitemaplogo {
	width: 90px;
	 display: block;
  margin-left: auto;
  margin-right: auto;
	padding-top: 3%;

	}
.sralogo {
    width: 200px;
    height: auto;
    }
.envelope {
	width: 35px;
	height: auto;
    padding: 1% 0% 1.5% 0%;
	}
.emailtext {
	font-size: 18px;	
	}
.icons {
	text-align: center;
	padding-top: 0%;
	}
.natalienumber {
	padding: 0% 12% 0% 12%;	


	}
.vanessanumber {
	padding: 0% 5% 0% 5%;
	
	}
.transparent3 {
	color: transparent;
	}
.londonoffice {
	color:#DEBA5A;
	font-weight: 900;
	padding: 3% 0% 0% 0%;
	font-size: 15px;
	}
.linkedin {
		width: 90px;
	height: auto;
	padding: 4% 0% 4% 0%;
	}
.oryxlogoholding {
	  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
	padding: 16% 0% 5% 0%;
	}
.holdingtitle {
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	padding: 8% 5% 20% 5%;
	}
.award {
	width: 80%;
	height: auto;
	padding: 5% 0% 8% 0%;
	}
.awardrising {
	width: 60%;
	height: auto;
	padding: 4% 10% 5% 10%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.awardinnovative {
	width: 60%;
	height: auto;
	padding: 4% 10% 5% 10%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.awardinnovative2 {
	width: 60%;
	height: auto;
	padding: 4% 10% 5% 10%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.uaeaward {
	width: 60%;
	height: auto;
	padding: 10% 10% 5% 10%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.ltaaward {
	width: 55%;
	height: auto;
	padding: 10% 10% 0% 10%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.emergingaward {
	width: 80%;
	height: auto;
	padding: 10% 10% 5% 10%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.supportaward {
	width: 80%;
	height: auto;
	padding: 6% 10% 5% 10%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.womeninlaw {
	width: 80%;
	height: auto;
	padding: 10% 10% 5% 10%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.womeninlawvanessa {
	width: 80%;
	height: auto;
	padding: 6% 10% 5% 10%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.emerging2025 {
	width: 80%;
	height: auto;
	padding: 6% 10% 5% 10%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
}

/*tablet view*/
@media only screen and (min-width: 768px) and (max-width: 1023px){

.homebar {
      background-color:#120c10; 
    }
.oryxlawlogo {
    width: 450px;
    height: auto;
    display: block;
	margin-left: auto;
	margin-right: auto;
    padding-top: 16%;

    }
.oryxlogo {
    width: 180px;
    height: auto;
	float:left;
   	padding: 5% 0% 0% 3%;
    }
.logobar {
	height: 32px;
	padding-top: 0.5%;
	padding-bottom: 2.5%;
    padding-left: 1%;
	width: 100%;
	background-color: transparent;
	position: fixed;
	z-index:10;
	margin-top: 0;

	}
.sidenav .closebtn {
    position: absolute;
    top: 1%;
    left: 2%;
    font-size: 39px;
    
}
.burger {
	position: fixed;
	right: 0;
	margin-right: 4%;
	top: 4.5%;
	z-index: 30;
	border: thick black;
}
.title {
	background-image: url("images/Backgroundtrianglebluecloudtab.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 1300px;
	float:left;
	background-position: center;
	text-align: center;

	}
.oryxtitle {
	padding-top: 0%;
	font-size: 1px;
	color:transparent;
	}
  
.transactionbox {
	height: auto;
	overflow-x: hidden;
	font-family: MyFontMed;
  	margin: auto;
  	width: 80%;
	}
.transactiontext {
	font-size: 22px;
	color: white;
	line-height: 26px;
	text-align: center;
	margin:0;
	padding: 24% 2% 0% 2%;
		text-shadow: 1px 1px 2px #303030;	
	}
.smallertranstext {
	font-size: 18px;
	line-height: 8%;


	}
.shadow {
	text-shadow: 1px 1px 2px #303030;	
	}
.fractionalbox {
	float: left;
	height: auto;
	overflow-x: hidden;
	font-family: MyFontMed;
  	margin: auto;
  	width: 100%;
	}
.fractiontext {
	text-shadow: 1px 1px 2px #303030;	
	padding-right: 0%;
 	margin: 0;
 	line-height: 30px;
 	text-align: center;
	font-size: 22px;
	color:white;
	padding: 4% 2% 0% 2%;
	}
.boardroombox {
	width: 100%;
	height: auto;
	 overflow-x: hidden;
	font-family: MyFontMed;
	margin: 4% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
text-align: center;

float: left;
	}
.boardroomtext {

		text-shadow: 1px 1px 2px #303030;	
padding-right: 0%;
 margin: 0;
 line-height: 30px;
 text-align: center;
font-size: 22px;
color:#181714;	
	}
.managementbox {
	float: left;
	height: auto;
	overflow-x: hidden;
	font-family: MyFontMed;
  	margin: auto;
  	width: 100%;
	padding-bottom: 0%;
	}
.compliancebox {
	float: left;
	height: auto;
	overflow-x: hidden;
	font-family: MyFontMed;
  	margin: auto;
  	width: 100%;
	padding-bottom: 3%;
	}
/*Service boxes homepage*/
.serviceboxes {
    width: 100%;
	height: auto;
	margin: 0% 0% 0% 0%;
    padding: 5% 0% 5% 0%;
	float:left;
	position: relative !important;  
    text-align: center;   
    }   
.aboutus {
     width: 340px;
	height:300px;
    display: inline-block;
	vertical-align: middle;
    margin: 2% 0% 3% 0%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
    
    }
.ourteam {
    width: 340px;
	height:300px;
    display: inline-block;
	vertical-align: middle;
    margin: 2% 0% 3% 3%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
   
    }
.servicecontainer {
      text-align: center;
    padding: 15px 20px 5px 20px;
    font-size: 20px;
    color:#9C730B;
    }
.finance {
    width: 340px;
	height:300px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 0%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;   
    }
.litigation {
       width: 340px;
	height:300px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 3%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;    
    }
.realestate {
    width: 340px;
	height:300px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 0%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;  
    }

.references {
    width: 340px;
	height:300px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 0% 3% 3%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
   }
/*About us*/
.aboutbackground {
    background-image: url("images/tinyholestablet.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
    margin: 0;
    }
.aboutbottom {
    background-image: url("images/tinyholesbottomtablet.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 300px;
	float:left;
	background-position: center;
    padding:10% 0% 10% 0%;
    }
.abouttitle {
    padding: 1% 2% 2% 2%;
	margin: 16% 0% 0% 0%;
	text-align: center;
    letter-spacing: 3px;
	font-size: 30px;
    }
.aboutusline {
       width: 500px;
    height: auto;
    text-align: center;
    display: block;
    	margin: 0 auto;
    padding-bottom: 2%;
    }
.abouttext {
    font-size: 17px;
    text-align: justify;
    padding: 20% 5% 5% 5%;
    margin: 0% 0% 0% 0%;
     
    }
.smalltext {
     font-size: 17px; 
     color:#BC8E16;
    }
.founders {
	color: #BC8E16;
	font-weight:900;
	font-size: 20px;
	}
.buttonwrapperabout {
    width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 14% 0% 6% 0%;    
    }
.awardmainbox {
	padding: 0% 5% 0% 5%;	
	}
/*Our Services*/
.financebackground {
    background-image: url("images/goldbluebuildingstablet3.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
    margin: 0;
	padding: 0% 0% 0% 0%;
	
    }
.financebottom {
    background-image: url("images/goldbluebuildingsbottomtablet.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:10%;
    }
.financetitle {
    padding: 0% 2% 2% 2%;
	margin: 15% 0% 0% 0%;
	text-align: center;
    letter-spacing: 3px;
	font-size: 30px;
    }
.financetext {
    font-size: 17px;
    text-align: center;
    padding: 24% 5% 0% 5%;
    margin: 0% 0% 0% 0%;
    line-height: 155%;
    }
.servicesbox {
	width: 100%;
	text-align: left;
	padding: 1% 3% 0% 20%;
	list-style-type: none;
	font-size: 16px;
	line-height: 193%;
	float: left;
	font-weight: 900;
	}
.servicesbox2 {
	width: 100%;
	text-align: left;
	padding: 0% 2% 3% 20%;
	list-style-type: none;
	font-size: 16px;
	line-height: 193%;
	float: left;
	font-weight: 900;
	}
.servicestable {
		width:100%; 
	cellpadding:15px; 
	cellspacing:"2";	
	}
.logoposition {
	vertical-align: top;	
	}
.oryxsmall {
	width: 20px;
	vertical-align: middle;
	padding-right: 2%;
	}
.smallerdebttext {
		
	}
.oryxdot {
	width: 10px;
	vertical-align: middle;
	padding: 0% 1% 0.4% 0%;
	}
.servicesbottom {
	    font-size: 17px;
    text-align: center;
    padding: 5% 10% 5% 10%;
    margin: 0% 0% 0% 0%;
     line-height: 150%;
     float: left;	
	}
.additionalservicestext {
	line-height: 170%;	
	}
.buttonwrapperfinance {
       	width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 19% 0% 0% 0%;
}
.businessbutton {
    display: inline-block;
	margin-left: 2%;
  	margin-right: 2%;
	margin-bottom: 2%;
    margin-top: 5%;
	text-align: center;
	font-size: 17px;
	Width: 126px;
	Height: 26px;
	padding: 1.5% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	color: #f0f8ff;
		font-family: myFontBold;
    }
.businessbutton2 {
    display: inline-block;
	margin-left: 2%;
  	margin-right: 2%;
	margin-bottom: 2%;
    margin-top: 5%;
	text-align: center;
	font-size: 17px;
	Width: 140px;
	Height: 26px;
	padding: 1.5% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	color: #f0f8ff;
	font-family: myFontBold;
    }
/*Our team*/
.ourteambackground {
    background-image: url("images/futuremuseumdubaitablet.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
    margin: 0;

    }
.ourteambottom {
    background-image: url("images/futuremuseumbackgroundbottom.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding:15% 0% 0% 0%;
    }
.ourteamtitle {
	letter-spacing: 3px;
    font-size: 38px;
    padding: 25% 2% 2% 2%;
    text-align: center;
    }
.ourteamsubtitle {
       text-align: center;
      padding: 2% 2% 2% 2%;
	letter-spacing: 5px;
	font-size: 26px;
    }
.natalieandvanessa {
	width: 600px;
	height: auto;
	 display: block;
  margin-left: auto;
  margin-right: auto;
	padding: 5% 0% 5% 0%;
	}
.ourteamtext {
    margin: 0;

   float: left;
    padding: 1% 5% 0% 5%;
    text-align: center;
    }
.ourteamline {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 390px;
    height: auto;
    padding-bottom: 1%;
    }
.cvboxes {
    width: 100%;
	height: auto;
	margin: 0% 0% 0% 0%;
    padding: 3% 0% 3% 0%;
	float:left;
	position: relative !important;  
    text-align: center;
    color:#3F3C3E;
    }
.cvcontainer {
            text-align: center;
    padding: 8px 2px 10px 2px;
    }


.natalieboydbox {
    width: 280px;
	height:300px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 3% 3% 3%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
   
    }
.ourteambutton {
    display: inline-block;
	margin-left: 2%;
  	margin-right: 2%;
	margin-bottom: 1%;
    margin-top: 2%;
	text-align: center;
	font-size: 17px;
	Width: 122px;
	Height: 21px;
	padding: 1% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-weight: bold;

    }
.buttonwrappercv {
    width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 0% 0% 0% 0%;
}
.profilebutton {
	display: inline-block;
	margin-left: 5%;
  	margin-right: 5%;
	margin-bottom: 1%;
    margin-top: 3%;
	text-align: center;
	font-size: 19px;
	Width: 220px;
	Height: 21px;
	padding: 1.5% 0% 2% 0%;
	border: 3px #c89a57 solid;
	font-family: MyFontMed;
	color: white; 
	background-color: #C89A57;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
	}
.buttonwrapperteam {
	width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 0% 0% 3% 0%;
	z-index: 10;
	}
.otherconsultants {
	width: 100%;
	text-align: center;
	}
.otherconsultantstitle {
	padding: 8% 5% 3% 5%;
	color:#BC8E16;
	font-size: 25px;
	}
.otherconsultantsmaintitle {
	padding: 8% 5% 2% 5%;
	color:#BC8E16;
	font-size: 28px;
	}
.consultantbutton {
	display: inline-block;
	margin-left: 5%;
  	margin-right: 5%;
	margin-bottom: 4%;
    margin-top: 3%;
	text-align: center;
	font-size: 19px;
	Width: 220px;
	Height: 21px;
	padding: 1.5% 0% 2% 0%;
	border: 3px #c89a57 solid;
	font-family: MyFontMed;
	color: white; 
	background-color: #C89A57;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
	}
/*CV pages*/
.nataliebackground {
	width: 100%;
	background-image: url("images/futuremuseumpaneltab.jpg");
	height: 150px;
	float: left;
	}
.cvphotobox {
    width: 100%;
    height: auto;
    	float: left;
	position: relative;
    overflow: hidden;
    margin: 0;

    text-align: center;
    }
.cvphotobox2 {
    width: 100%;
    height: 550px;
    	float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    background-color:#39465A;
    text-align: center;
    }
/*Natalie*/
.cvtextbox {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 700px;
    text-align: center;
    font-size: 16px;
 
    background-color: white;
    }
/*Diane*/
.cvtextboxdi {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 800px;
    text-align: center;
    font-size: 16px;
 
    background-color: white;
    }
/*Vanessa*/
.cvtextbox2 {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 720px;
    text-align: center;
    font-size: 16px;
	background-color: white;
    }
/*Gregory*/
.cvtextbox3 {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 550px;
    text-align: center;
    font-size: 16px;
 	background-color: white;
    }
/*Lulwa & Richard*/
.cvtextbox4 {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 600px;
    text-align: center;
    font-size: 16px;
	background-color: white;
  
    }
/*Gareth Ling*/
.cvtextbox5 {
    width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 800px;
    text-align: center;
    font-size: 16px;
	background-color: white;
    }
video {
	width: 400px;
	height: 600px;
	}
.videobox {
	width: 100%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 750px;
    text-align: center;
    font-size: 16px;
	background-color: white;	
	}
.videos {
		text-align: center;
		margin: 0 !important;
		padding: 5% 5% 0% 5%;
	}
.boxes {
    display: inline-block;
	vertical-align: middle;
    padding: 2% 0% 2% 0%;
    text-align: center;
}
.boxes2 {
    position: absolute;
    padding: 2% 5% 4% 5%;
	top: -1px;
	text-align: justify;
	}
.boxes3 {
    position: absolute;
    padding: 2% 5% 5% 5%;
	top: -1px;
	text-align: justify;
	}
.boxes4 {
    position: absolute;
    padding: 2% 5% 4% 5%;
	top: -1px;
	text-align: justify;
	}
/*Gareth Ling*/
.boxes5 {
    position: absolute;
    padding: 2% 5% 6% 5%;
	top: -1px;
	text-align: justify;
	}
.cvphoto {
    width: 330px;
    height: auto;
    }
.cvnametitle {
    margin: 9% 0% 8% 0%;
font-size: 35px;
    }
.cvsubtitles {
		font-family: myFontR;

	}
.cvsubtitlesgold {
		font-family: myFontR;
  color:#BC8E16;
	}
.natalietext {
    padding-top: 0%; 
    }
.vanessatext {
    padding: 0% 0% 4% 0%; 
    }
.lulwatext {
    padding: 4% 0% 0% 0%;
	line-height: 20px;
    }

.nataliephototext {
	line-height: 130%;
	padding: 8% 0% 0% 1%;
	}
.largertext {
    font-size: 24px; 
    padding-right: 0.5%;
    }
.buttonwrappercv {
       	width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 0% 0% 6% 0%;
}
/*References*/
.referencesbackground {
	background-image: url("images/flowerpaneltablet.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
    margin: 0;	
	}
.trianglesbottom {
	background-image: url("images/flowerpanelbottomtablet.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:8%;	
	}
.reftext {
    font-size: 17px;
    text-align: center;
    padding: 0% 10% 8% 10%;
    margin: 0% 0% 0% 0%;
     line-height: 130%;
    }
.reftitle {
	padding: 25% 2% 2.5% 2%;
	margin: 20% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 36px;
    font-weight: 900;	
	}
/*Spotlight*/
.spotlightbackground {
	background-image: url("images/swirlstablet.jpg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
	height: auto;
	float:left;
	position: relative;
    margin: 0;	
	}
.spotlightbottom {
	background-image: url("images/swirlstabletbottom.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:10%;	
	}
.spotlighttitle {
    padding: 2% 2% 2% 2%;
	margin: 3% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 32px;
    font-weight: 900;
    }
.spotlightsubtitle {
	text-align: center;
	line-height: 35px;
	font-size: 22px;
	padding: 0% 5% 0% 5%;
	}
.spotlightclicktext {
	text-align: center;
	padding: 1% 0% 0% 0%;
	line-height: 30px;
	font-family: myFontMed;
	font-size: 16px;
	}
.spotlighttext {
    font-size: 17px;
    text-align: justify;
    padding: 0% 5% 0% 5%;
    margin: 6% 0% 0% 0%;
    line-height: 130%;
    float: left;

    }
	.spotlightwriting {
		
	}
.vanessaaudiobox {
	position: relative;

	width: 100%;
	height: 320px;
	text-align: center;
	}
.vanessaaudio {

  	display: block;
  	margin-left: auto;
  	margin-right: auto;
 	 width: 100%;
  	position: absolute;
	text-align: center;
	padding: 2% 0% 0% 0%;
	}
.voice {
		width: 200px;
	height: 150px;
	  display: block;
  margin-left: auto;
  margin-right: auto;	
	}
.vanessaaudioimage {
		width: 400px;
		display: block;
  	margin-left: auto;
  	margin-right: auto;	
	}

.audiobuttonex {
	z-index: 10;
    margin: 0px;
	padding-top: 10%;
  	width: 100%;         
    position: absolute;
    top: 0;
    left: 0;
	}
.spotlightline {
	width: 300px;
    height: auto;
    text-align: center;
    display: block;
   	margin: 0 auto;
    padding: 1% 0% 0% 0%;
	}
/*In the Know*/
.intheknowbackground {
	background-image: url("images/circlestoptablet.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
	padding-bottom: 20%;
    margin: 0;	
	}
.intheknowbottom {
	background-image: url("images/circlesbottomtablet.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:10%;	
	}
.mainintheknowtitle {
	padding: 0% 2% 1% 2%;
	margin: 0% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 35px;
    font-weight: 900;	
	}
.intheknowsubtext {
	font-size: 18px;
	font-family: myFontMed;
	padding: 0% 8% 5% 8%;
	}
.knowbox1 {
	     width: 420px;
	height:210px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 2% 3% 2%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
	padding: 2%;
	}
.mediaboxes {
    width: 100%;
	height: auto;
	margin: 0% 0% 0% 0%;
    padding: 5% 0% 5% 0%;
	float:left;
	position: relative !important;  
    text-align: center;   
    } 
.intheknowleft {
	text-align: left;	
	}
.intheknowright {
		text-align: right;
	
	}
.arrow {
	width: 20px;
	height: auto;
	vertical-align: bottom;
	
	}
/*Article pages*/
.intheknowtitle {
	text-align: center;
	padding: 20% 18% 1% 18%;
	font-size: 25px;
	line-height: 170%;	
	}
.intheknowtext {
	padding: 1% 10% 5% 10%;
	text-align: justify;
	}
.intheknowbutton {
    display: inline-block;
	margin-left: 2%;
  	margin-right: 2%;
	margin-bottom: 1%;
    margin-top: 2%;
	text-align: center;
	font-size: 17px;
	Width: 140px;
	Height: 25px;
	padding: 1.5% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-weight: bold;

    }
.articletext {
    font-size: 17px;
    text-align: justify;
    padding: 0% 5% 0% 5%;
    margin: 2% 0% 0% 0%;
    line-height: 130%;
    float: left;

    }
.spotlightbullettext {
	text-align: center;
	padding: 2% 0% 0% 0%;
	line-height: 30px;
	font-family: myFontMed;
	font-size: 16px;
	}
/*Cookie page*/
.cookiepage {
	width: 100%;
    height: auto;
	}
.cookietitle {
	text-align: center;
	padding: 20% 0% 2% 0%;
	font-size: 30px;
	line-height: 170%;
	}
.cookietext {
	padding: 3% 5% 5% 5%;
	line-height: 140%;
	text-align: justify;
	}
  /*Sitemap*/
.sitemap {
	width: 100%;
    height: auto;
	float: left;
	padding: 5% 0% 5% 0%;
	background-color:#0E090D;
    color: aliceblue;
	}
.sitemap2 {
    width: 100%;
    height: auto;
	float: left;
	padding: 5% 0% 5% 0%;
	background-color:#0E090D;
    color: aliceblue;
    }
.sitemap3 {
    width: 100%;
    height: auto;
	float: left;
	padding: 5% 0% 5% 0%;
	background-color:#0E090D;
    color: aliceblue;
    }
.sitemapspacing {
	line-height: 55px;
	font-size: 18px;
	}
.sitemapspacing2 {
	font-size: 14px;
	line-height: 23px;
    padding: 0% 0% 0% 0%;
    color: aliceblue;
	list-style: none;
	}
.transparent {
    color: transparent;
}

.cookiewriting {
	font-size: 11px;
	color:aliceblue;
    padding: 0% 8% 0% 8%;
	}
.sitemapspacing3 {
	font-size: 15px;
	line-height: 25px;
	font-weight: 600;
	padding: 3% 10% 1.5% 10%;

	}
.sitemapspacing4 {
	font-size: 15px;
	line-height: 21px;
	font-weight: 600;
	padding: 0% 20% 1.5% 20%;

	}
.sitemapregs {
	margin: 0;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
    background-color:#0E090D;
    color: aliceblue;
	}
.regstext {
	padding: 0% 6% 1% 6%;	
	}
.sitemaptitlesize {
	padding-bottom: 3%;
	font-size: 15px;
	}
.sitemaplogo {
	width: 140px;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	padding-top: 0%;

	}
.sralogo {
    width: 200px;
    height: auto;
    }
.envelope {
	width: 48px;
	height: auto;
    padding: 1% 1% 0% 1%;
	}
.emailtext {
	font-size: 20px;	
	}
.icons {
	text-align: center;
	padding-top: 0%;
	}
.tabletnumber {
     padding: 0% 0% 0% 0%;   
    }
.londonoffice {
	color:#C89A57;
	font-weight: 900;
	padding: 3% 0% 0% 0%;
	font-size: 15px;
	}
.linkedin {
		width: 95px;
	height: auto;
	padding: 2% 0% 0% 0%;
	}
.oryxlogoholding {
	  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
	padding: 10% 0% 5% 0%;
	}
.holdingtitle {
	text-align: center;
	font-size: 30px;
	line-height: 60px;
	padding-bottom: 15%;
	}
.award {
	width: 230px;
	height: auto;
	padding: 3% 0% 2% 0%;
	}
.awardrising {
	width: 147px;
	height: auto;
	padding: 3% 1% 2% 1.5%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.awardinnovative {
	width: 150px;
	height: auto;
	padding: 3% 1% 2% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.awardinnovative2 {
	width: 135px;
	height: auto;
	padding: 3% 1% 2% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.uaeaward {
	width: 135px;
	height: auto;
	padding: 3% 1% 0% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.ltaaward {
	width: 130px;
	height: auto;
	padding: 3% 1% 0% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.emergingaward {
	width: 230px;
	height: auto;
	padding: 0% 1% 5% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.supportaward {
	width: 230px;
	height: auto;
	padding: 0% 1% 5% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.womeninlaw {
	width: 250px;
	height: auto;
	padding: 6% 1% 2.5% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.womeninlawvanessa {
	width: 250px;
	height: auto;
	padding: 6% 1.5% 2.5% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.emerging2025 {
	width: 250px;
	height: auto;
	padding: 6% 1.5% 3.5% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
}
/*desktop view*/
@media only screen and (min-width: 1024px){
/*Homepage*/
.homebar {
  	z-index:10;
	width: 100%;
	height: 105px;
	position: fixed;
    background-color: rgba(0, 0, 0, 0);
	margin-top: 0; 
    }
.oryxlawlogo {
    width: 500px;
    height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
padding: 6% 1% 0% 0%;
	
    }
.oryxlogo {
     width: 180px;
    height: auto;
	float: none;
    margin-left: 2%;
    margin-top: 2.5%;
    z-index: 20;
    }
.logobar {
	height: 32px;
	padding-top: 0.5%;
	padding-bottom: 2.5%;
    padding-left: 1%;
	width: 100%;
	background-color: transparent;
	position: fixed;
	z-index:10;
	margin-top: 0;

	}
/*Navigation*/
.sidenav .closebtn {
    position: absolute;
    top: 2%;
    left: 2%;
    font-size: 36px;
    
}
.burger {
	position: fixed;
	right: 0;
	margin-right: 2%;
	top: 5%;
	z-index: 30;
	border: thick #EACC6A;
}
.title {
	background-image: url("images/Backgroundtrianglebluecloud.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
	text-align: center;
	padding-bottom: 2%;
	}
.oryxtitle {
	padding-top: 0%;
	font-size: 1px;
	color:transparent;
	}
.dubaitext {
	font-size: 25px;	
	}
.shadow {
	text-shadow: 1px 1px 2px #303030;	
	}
.transactionbox {
	width: 50%;
	height: 116px;
	text-align: center;
	font-family: MyFontMed;
	margin: 3% 0% 0% 0%;
	padding: 3% 0% 1% 0%;
	float: left;
	position: relative;
    overflow: hidden;
  
	}
.transactiontext {
	font-size: 25px;
	color: #181714;
	line-height: 28px;
	text-align: center;
		text-shadow: 1px 1px 2px white;	
	margin:0;
	}
.smallertranstext {
	font-size: 18px;
	line-height:6%;
	font-family: MyFontbold;
	}
.oryxbullet {
	width: 16px;
	vertical-align: inherit;
	padding: 0.5% 1% 0% 0%;

	}
.fractionalbox {
	width: 48%;
	height: 116px;
	font-family: MyFontMed;
	margin: 3% 0% 0% 0%;
	padding: 3% 1% 1.5% 0%;
	float: left;
	text-align: center;
	position: relative;
    overflow: hidden;

	}
.fractiontext {
text-shadow: 1px 1px 2px white;	
padding-right: 0%;
 margin: 0;
 line-height: 28px;
 text-align: center;
font-size: 25px;
color:#181714;	
	}
.boardroombox {
	width: 100%;
	height: auto;
	 overflow-x: hidden;
	font-family: MyFontMed;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
text-align: center;

float: left;
	}
.boardroomtext {

	text-shadow: 1px 1px 2px #303030;	
	padding-right: 0%;
 	margin: 0;
 	line-height: 28px;
 	text-align: center;
	font-size: 25px;
	color:#181714;	
	}
.managementbox {
	width: 48%;
	height: 120px;
	font-family: MyFontMed;
	margin: 0% 0% 0% 0%;
	padding: 0% 2% 3% 0%;
	float: left;
	text-align: center;
	position: relative;
    overflow: hidden;

	}
.compliancebox {
	width: 48%;
	height: 120px;
	font-family: MyFontMed;
	margin: 0% 0% 0% 0%;
	padding: 0% 1% 3% 1%;
	float: left;
	text-align: center;
	position: relative;
    overflow: hidden;

	}
/*Service boxes homepage*/
.serviceboxes {
    width: 100%;
	height: auto;
	margin: 0% 0% 0% 0%;
    padding: 4% 0% 5% 0%;
	float:left;
	position: relative !important;  
    text-align: center; 
    background-color: white;

 
    }   

.aboutus {
    width: 370px;
	height:330px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 2% 3% 2%;
  	background-color: white;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  	margin-bottom: 25px;
    
    }
.ourteam {
    width: 370px;
	height:330px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 2% 3% 2%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
   
    }
.servicecontainer {
      text-align: center;
    padding: 19px 20px 5px 20px;
    font-size: 20px;
    color:#9C730B;
    }
.businesscommunitybox {
    width: 370px;
	height:330px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 2% 3% 2%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
   }
.finance {
         width: 370px;
	height:330px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 2% 3% 2%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;   
    }
.litigation {
           width: 370px;
	height:330px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 2% 3% 2%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px; 
    }
.realestate {
         width: 370px;
	height:330px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 2% 3% 2%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px; 
    }
.references {
    width: 370px;
	height:330px;
    display: inline-block;
	vertical-align: middle;
    margin: 3% 2% 3% 2%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
   }
.awardmainbox {
	padding: 0% 8% 0% 8%;	
	}
/*About us*/
.aboutbackground {
    background-image: url("images/tinyholesdesk.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 1110px;
	float:left;
	background-position: center;
    margin: 0;
	padding-bottom: 5%;
    }
.aboutbottom {
    background-image: url("images/tinyholesbottomdesk.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:0%;
    }
.abouttitle {
    padding: 8% 2% 0.5% 2%;
	margin: 10% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 35px;
    font-weight: 900;
    }
.abouttext {
    font-size: 17px;
    text-align: center;
    padding: 0% 10% 5% 10%;
    margin: 0% 0% 0% 0%;
     line-height: 130%;

    }
.smalltext {
     font-size: 17px;
     color:#BC8E16;
    }
.aboutusline {
       width: 480px;
    height: auto;
    text-align: center;
    display: block;
    	margin: 0 auto;
    padding: 0.5% 0% 1.5% 0%;
    }
.founders {
	color: #BC8E16;
	font-weight:900;
	font-size: 20px;
	}
.buttonwrapperabout {
    width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 12% 0% 6% 0%;    
    }
.businessbutton {
    display: inline-block;
	margin-left: 1.5%;
  	margin-right: 1.5%;
	margin-bottom: 1%;
    margin-top: 5%;
	text-align: center;
	font-size: 18px;
	Width: 136px;
	Height: 21px;
	padding: 1% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-family: MyFontMed;
	color: #f0f8ff;  
    }
.businessbutton2 {
    display: inline-block;
	margin-left: 3%;
  	margin-right: 3%;
	margin-bottom: 1%;
    margin-top: 5%;
	text-align: center;
	font-size: 18px;
	Width: 154px;
	Height: 21px;
	padding: 1% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-family: MyFontMed;
	color: #f0f8ff;  
    }


/*Our services*/
.financebackground {
    background-image: url("images/goldbluebuildingsdesktop.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    margin: 0;
	padding-bottom: 0%;

    }
.financebottom {
    background-image: url("images/goldbluebuildingsbottomdesk.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:0%;
    }
.financetitle {
    padding: 8% 2% 0.5% 2%;
	margin: 10% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 35px;
    font-weight: 900;
    }
.financetext {
    font-size: 17px;
    text-align: center;
    padding: 0% 10% 0% 10%;
    margin: 0% 0% 0% 0%;
    line-height: 130%;
    float: left;

    }
.paddingservices {
	padding: 0% 5% 0% 5%;
	}
.servicesbox {
	width: 38%;
	text-align: left;
	padding: 1% 3% 3% 12%;
	list-style-type: none;
	font-size:1.2vw;
	line-height: 193%;
	float: left;
	font-weight: 900;
	}
.servicesbox2 {
	width: 38%;
	text-align: left;
	padding: 1% 2% 3% 2%;
	list-style-type: none;
	font-size:1.2vw;
	line-height: 193%;
	float: left;
	font-weight: 900;
	}
.servicestable {
	width:100%; 
	cellpadding:15px; 
	cellspacing:"2";	
	}

.oryxsmall {
	width: 20px;
	vertical-align: middle;
	padding-right: 2%;
	}
.oryxdot {
	width: 10px;
	vertical-align: middle;
	padding: 0.3% 0.5% 0.5% 0%;
	}
.servicesbottom {
	font-size: 17px;
    text-align: center;
    padding: 0% 10% 3% 10%;
    margin: 0% 0% 0% 0%;
    line-height: 130%;
    float: left;	
	}
.additionalservicestext {
	line-height: 170%;	
	}
.smallerdebttext {
		
	}
/*Our team*/
.ourteambackground {
    background-image: url("images/futuremuseumbackground2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 1080px;
	float:left;
	background-position: center;
    margin: 0% 0% 32% 0%;
	position: relative;
    }

.ourteambottom {
    background-image: url("images/futuremuseumbackgroundbottom.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:0%;
    }
.ourteamtitle {
 	padding: 5% 2% 0.5% 2%;
	margin: 11% 0% 0% 0%;
	text-align: center;
	letter-spacing: 3px;
	font-size: 35px;
    }
.ourteamsubtitle {
    text-align: center;
    padding: 2% 2% 2% 2%;
	letter-spacing: 5px;
	font-size: 28px;
    }
.natalieandvanessa {
	width: 600px;
	height: auto;
	}
.ourteamtext {
    margin: 0;
 	float: left;
    padding: 0% 0% 1.5% 0%;
    text-align: center;
	font-size: 17px;
	line-height: 130%;
    }
.ourteamline {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 390px;
    height: auto;
    padding-bottom: 1%;
    }
.cvboxes {
    width: 100%;
	height: auto;
	margin: 0% 0% 0% 0%;
    padding: 1.5% 0% 3% 0%;
	float:left;
	position: relative !important;  
    text-align: center;
    color:#3F3C3E;
    }
.cvcontainer {
    text-align: center;
    padding: 8px 2px 10px 2px;
    }


.natalieboydbox {
    width: 280px;
	height:300px;
    display: inline-block;
	vertical-align: middle;
    margin: 1% 5% 3% 5%;
  	background-color: white;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
  	margin-bottom: 25px;
   
    }
.ourteambutton {
    display: inline-block;
	margin-left: 2%;
  	margin-right: 2%;
	margin-bottom: 1%;
    margin-top: 4%;
	text-align: center;
	font-size: 17px;
	Width: 122px;
	Height: 21px;
	padding: 1% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-weight: bold;

    }
.profilebutton {
	display: inline-block;
	margin-left: 12%;
  	margin-right: 12%;
	margin-bottom: 1%;
    margin-top: 3%;
	text-align: center;
	font-size: 19px;
	Width: 220px;
	Height: 21px;
	padding: 1% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-family: MyFontMed;
	color: white; 
	background-color: #C89A57;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
	}
.buttonwrapperteam {
	width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 0% 0% 3% 0%;
	z-index: 10;
	}
.otherconsultants {
	width: 100%;
	text-align: center;
	}
.otherconsultantstitle {
	padding: 3% 5% 0% 5%;
	color:#BC8E16;
	font-size: 25px;
	}
.otherconsultantsmaintitle {
	padding: 3% 5% 1% 5%;
	color:#BC8E16;
	font-size: 32px;
	}
.consultantbutton {
	display: inline-block;
	margin-left: 3%;
  	margin-right: 3%;
	margin-bottom: 3%;
    margin-top: 3%;
	text-align: center;
	font-size: 19px;
	Width: 220px;
	Height: 21px;
	padding: 1% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-family: MyFontMed;
	color: white; 
	background-color: #C89A57;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.10);
	}
/*CV pages*/
.nataliebackground {
	width: 100%;
	background-image: url("images/futuremuseumpanel.jpg");
	height: 153px;
	}
.cvphotobox {
    width: 30%;
    height: 800px;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    background-color:white;
    text-align: center;
    }
.cvphotobox2 {
    width: 40%;
    height: 800px;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    background-color:white;
    text-align: center;
    }
/*Natalie*/
.cvtextbox {
    width: 66%;
    	float: left;
	position: relative;
     overflow: hidden;
    margin: 0;
    height: 800px;
    text-align: center;
    font-size: 16px;
    background-color:white;
    }
/*Diane*/
.cvtextboxdi {
    width: 66%;
    	float: left;
	position: relative;
     overflow: hidden;
    margin: 0;
    height: 800px;
    text-align: center;
    font-size: 16px;
    background-color:white;
    }
/*Vanessa*/
.cvtextbox2 {
    width: 47%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 800px;
    text-align: center;
    font-size: 16px;
	background-color: white;
    }
/*Gregory*/
.cvtextbox3 {
    width: 47%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 800px;
    text-align: center;
    font-size: 16px;
	background-color: white;
    }
/*Lulwa & Richard*/
.cvtextbox4 {
    width: 47%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 800px;
    text-align: center;
    font-size: 16px;
	background-color: white;
  
    }
/*Gareth Ling*/
.cvtextbox5 {
    width: 47%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 800px;
    text-align: center;
    font-size: 16px;
    background-color: white;
  
    }
video {
	width: 200px;
	height: 400px;
	  display: block;
  margin-left: auto;
  margin-right: auto;
	}
.videobox {
	width: 23%;
    float: left;
	position: relative;
    overflow: hidden;
    margin: 0;
    height: 800px;
    text-align: center;
    font-size: 16px;
	background-color: white;	
	}
.videos {
		text-align: left;
		margin: 0 !important;
		padding: 33% 10% 0% 0%;
	}
.jbtext {
      padding-top: 5%;  
    }
.boxes {
    display: inline-block;
	vertical-align: middle;
    padding: 7% 0% 4% 6%;
    text-align: center;
}
.boxes2 {
    position: absolute;
    padding: 5% 4% 4% 3%;
	top: -1px;
	text-align: justify;
	}
.boxes3 {
	position: absolute;
    padding: 1% 5% 4% 3%;
	top: -1px;
	text-align: justify;	
	}
.boxes4 {
    position: absolute;
    padding: 5% 2% 4% 5%;
	top: -1px;
	text-align: justify;
	}
/*Gareth Ling*/
.boxes5 {
	position: absolute;
    padding: 0% 4% 4% 4%;
	top: -2px;
	text-align: justify;	
	}
.cvphoto {
    width: 300px;
    height: auto;
    }
.cvnametitle {
    margin: 3% 0% 6% 0%;
font-size: 30px;
    }
.cvsubtitles {
		font-family: myFontR;

	}
.cvsubtitlesgold {
		font-family: myFontR;
  color:#BC8E16;
	}
.natalietext {
    padding-top: 0%;
	line-height: 20px;
    }
.vanessatext {
    padding: 4% 0% 4% 0%;
	line-height: 20px;
    }
.lulwatext {
    padding: 4% 0% 4% 0%;
	line-height: 20px;
    }
.nataliephototext {
	line-height: 26px;
	padding: 5% 0% 0% 1%;
	}
.largertext {
    font-size: 24px; 
    padding-right: 0.5%;
    }

.buttonwrappercv {
       	width: 85%;
	height: auto;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
    padding: 0% 0% 3% 0%;
}

/*References*/
.referencesbackground {
	    background-image: url("images/flowerpaneldesk.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    margin: 0;	
	}
.trianglesbottom {
	background-image: url("images/flowerpanelbottomdesktop.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:0%;	
	}
.reftext {
    font-size: 17px;
    text-align: center;
    padding: 0% 10% 6% 10%;
    margin: 0% 0% 0% 0%;
     line-height: 130%;
    }
.reftitle {
	    padding: 10% 2% 1% 2%;
	margin: 10% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 40px;
    font-weight: 900;	
	}
/*Spotlight*/
.spotlightbackground {
	background-image: url("images/swirlsdesk2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 500px;
	background-position: center;
    margin: 0;	
	}
.spotlightbottom {
	background-image: url("images/swirlsdeskbottom2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:4%;	
	}
.spotlighttitle {
    padding: 2% 2% 0.5% 2%;
	margin: 3% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 35px;
    font-weight: 900;
    }
.spotlightsubtitle {
	text-align: center;
	line-height: 35px;
	font-size: 23px;
	}
.spotlightclicktext {
	text-align: center;
	padding: 1% 9% 0% 9%;
	line-height: 30px;
	font-family: myFontMed;
	font-size: 18px;
	}
.spotlighttext {
    font-size: 17px;
   	padding: 0% 0% 5% 0%;
    margin: 0% 0% 0% 0%;
    line-height: 130%;
    float: left;
	width: 100%;
	height: auto;
    }
.spotlightwriting {
		
	}
.vanessaaudiobox {
	position: relative;
	width: 100%;
	height: 320px;
	text-align: center;
	margin-top: 0%;
	}
.vanessaaudio {

  	display: block;
  	margin-left: auto;
  	margin-right: auto;
 	width: 100%;
  	position: absolute;
	text-align: center;
	padding: 2% 0% 0% 0%;
	}
.voice {
		width: 200px;
	height: 100px;
	  display: block;
  margin-left: auto;
  margin-right: auto;	
	}	
.vanessaaudioimage {
	width: 400px;
	display: block;
  	margin-left: auto;
  	margin-right: auto;	
	}

.audiobuttonex {
	z-index: 10;
    margin: 0px;
	padding-top: 10%;
  	width: 100%;         
    position: absolute;
    top: 0;
    left: 0;
	}
.spotlightline {
	width: 280px;
    height: auto;
    text-align: center;
    display: block;
   	margin: 0 auto;
    padding: 1% 0% 0% 0%;
	}
/*In the Know*/
.intheknowbackground {
	background-image: url("images/circlestopdesk2.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 290px;
	width: 100%;
	background-position: center;
    margin: 0;	
	}
.intheknowbottom {
	background-image: url("images/circlesbottomdesk.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: auto;
	float:left;
	background-position: center;
    padding-top:4%;	
	}
.mainintheknowtitle {
	padding: 0% 2% 0% 2%;
	margin: 0% 0% 0% 0%;
	text-align: center;
    letter-spacing: 2px;
	font-size: 35px;
    font-weight: 900;	
	}
.intheknowsubtext {
	font-size: 18px;
	font-family: myFontMed;
	padding-top: 0.5%;
	}
.mediaboxes {
    width: 100%;
	height: auto;
	margin: 0% 0% 0% 0%;
    padding: 2% 0% 5% 0%;
	float:left;
	position: relative !important;  
    text-align: center; 
    background-color: white;

 
    }  
.knowbox1 {
	width: 420px;
	height:200px;
    display: inline-block;
	vertical-align: middle;
    margin: 1.5% 2% 3% 2%;
  	background-color: white;
  	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  	margin-bottom: 25px;
	padding: 2%;
	}
.intheknowleft {
	text-align: left;	
	}
.intheknowright {
		text-align: right;
	
	}
.arrow {
	width: 20px;
	height: auto;
	vertical-align: bottom;
	
	}
/*Article pages*/
.intheknowtitle {
	text-align: center;
	padding: 3% 18% 1% 18%;
	font-size: 30px;
	line-height: 170%;	
	}
.intheknowtext {
	padding: 1% 10% 5% 10%;
	text-align: justify;
	}
.intheknowbutton {
    display: inline-block;
	margin-left: 2%;
  	margin-right: 2%;
	margin-bottom: 1%;
    margin-top: 4%;
	text-align: center;
	font-size: 17px;
	Width: 148px;
	Height: 20px;
	padding: 0.8% 0% 1.0% 0%;
	border: 3px #c89a57 solid;
	font-weight: bold;

    }
.articletext {
    font-size: 17px;
   	padding: 0% 8% 0% 8%;
    margin: 2% 0% 0% 0%;
    line-height: 130%;
    float: left;

    }
.spotlightbullettext {
	text-align: center;
	padding: 2% 5% 0% 5%;
	line-height: 30px;
	font-family: myFontMed;
	font-size: 18px;
	}
/*Cookie page*/
.cookiepage {
	width: 100%;
    height: auto;
	}
.cookietitle {
	text-align: center;
	padding: 3% 0% 1% 0%;
	font-size: 30px;
	line-height: 170%;
	}
.cookietext {
	padding: 1% 5% 5% 5%;
	text-align: justify;
	}
/*Sitemap*/
.sitemap {
	width: 38%;
    height: 265px;
	float: left;
	padding: 2.5% 0% 1.5% 0%;
    background-color:#0E090D;
    color:aliceblue;
	}
.sitemap2 {
    width: 31%;
     height: 265px;
	float: left;
	padding: 2.5% 0% 1.5% 0%;
    background-color:#0E090D;
    color: aliceblue
    }
.sitemap3 {
    width: 31%;
    height: 265px;
	float: left;
	padding: 2.5% 0% 1.5% 0%;
    background-color:#0E090D;
    color: aliceblue;
    }
.sitemapspacing {
	line-height: 37px;
	font-size: 15px;
	}
.sitemapspacing2 {
	font-size: 11.5px;
	line-height: 17px;
	list-style: none;
	}
.cookiewriting {
	font-size: 11px;
	color:#717675;
    color:aliceblue;
	padding-top: 2.5%;
	}
.sitemapspacing3 {
	font-size: 14px;
	line-height: 23px;
	font-weight: 600;
	}
.sitemapspacing4 {
	font-size: 14px;
	line-height: 23px;
	font-weight: 600;
	}
.sitemapregs {
	margin: 0;
	width: 100%;
	float: left;
	text-align: center;
	font-size: 14px;
    background-color:#0E090D ;
    color:aliceblue;
	}
.regstext {
	padding: 1% 4% 1% 4%;	
	}
.sitemaptitlesize {
	padding-bottom: 2%;
	font-size: 16px;
	}
.sitemaplogo {
	width: 90px;
	display: block;
  	margin-left: auto;
  	margin-right: auto;
	padding-top: 0%;

	}

.envelope {
	width: 32px;
	height: auto;
    padding: 1% 3% 0.5% 3%;
	}
.telephone {
	width: 30px;
	height: auto;	
    padding: 1% 3% 1% 3%;
	}
.emailtext {
	font-size: 18px;	
	}
.icons {
	text-align: center;
	padding-top: 0%;
	}

.londonoffice {
	color:#DEBA5A;
	font-weight: 900;
	padding: 1.5% 0% 0% 0%;
	font-size: 15px;
	}
.oryxlogoholding {
	  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
	padding: 6% 0% 5% 0%;
	}
.holdingtitle {
	text-align: center;
	font-size: 30px;
	line-height: 60px;
	padding-bottom: 8%;
	}
.linkedin {
		width: 80px;
	height: auto;
	padding: 2% 0% 0% 0%;
	}
.award {
	width: 300px;
	height: auto;
	padding: 3% 1% 4% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.awardrising {
	width: 197px;
	height: auto;
	padding: 5% 1.5% 2.5% 1.5%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.awardinnovative {
	width: 200px;
	height: auto;
	padding: 4% 1.5% 2.5% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.awardinnovative2 {
	width: 200px;
	height: auto;
	padding: 4% 1% 2.5% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.uaeaward {
	width: 180px;
	height: auto;
	padding: 4% 1% 1.5% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.ltaaward {
	width: 180px;
	height: auto;
	padding: 0% 1.5% 0% 1.5%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.emergingaward {
	width: 290px;
	height: auto;
	padding: 0% 1% 4% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.supportaward {
	width: 290px;
	height: auto;
	padding: 0% 1% 4% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.womeninlaw {
	width: 310px;
	height: auto;
	padding: 3% 1% 4% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.womeninlawvanessa {
	width: 310px;
	height: auto;
	padding: 3% 1.5% 4% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
.emerging2025 {
	width: 310px;
	height: auto;
	padding: 1% 1% 4.5% 1%;
	display: inline-block;
  	margin-left: auto;
  	margin-right: auto;
	}
}