/*

html, body {


	-moz-transform: scale(.75);
	-moz-transform-origin: center center;
	-o-transform: scale(,75);
	-o-transform-origin: center center;
	-webkit-transform: scale(,75);
	-webkit-transform-origin: center center;
	transform: scale(.75);
	transform-origin: center center;

    box-sizing: border-box;
    padding: 0px;
    margin-top: 0px;
    background-color: #000;
}

*/

html, body {max-width: 100vw;
max-height: 100vh;
width: auto;
height: auto;
margin:0px;
}

@font-face {
	font-family: MPLSC;
	src: url(../fonts/MyriadPro-LightSemiCn.otf);}

html { font-size: calc(1em + 1vw) }

body {
	background-color:#000;
		font-size: 24px;
}

#DataSmTxt {font-family: MPLSC; font-size: 1em; font-weight: 500; color:#fff;}

#DataTxt {font-family: MPLSC; font-size: 1.16em font-weight: 500; color:#fff;}
#DataTxt50 {font-family: MPLSC; font-size: 1.16em; font-weight: 500; color: rgba(255, 255, 255, 0.5);}

#IndexTxt {font-family: MPLSC; font-size: 1em; font-weight: 500; color:#fff;}
#IndexTxt50 {font-family: MPLSC; font-size: 1em font-weight: 500; color: rgba(255, 255, 255, 0.5);}

#ContTxt {font-family: MPLSC; font-size: 1.16em; font-weight: 500; color:#fff;  padding: 20px 20px;}
#BigTxt { font-family: MPLSC; font-size: 1.46em; font-weight: 200; color:#fff; }

#BanTxt { font-family: MPLSC; font-size: 2.5em; font-weight: 100; color:#fff; padding: 30px 35px 30px 20px;}

.Swatch { background: rgba(90, 30, 10, 0.8);}

.Swatch_Olive { background: rgba(54, 63, 42, 0.8);}
.Swatch_Gold { background: rgba(125, 110, 70, 0.8);}

#bgImagePM { background-image: url("../imgs/project_management.jpg");}
#bgImageAD { background-image: url("../imgs/AandD_splash.jpg");}

#bgImage0 { background-image: url("../imgs/jnanylan_splash.jpg");}
#bgImage00 { background-image: url("../imgs/millet.jpg");}
#bgImage01 { background-image: url("../imgs/souk.jpg");}
#bgImage02 { background-image: url("../imgs/morocco_strategic.jpg");}
#bgImage03 { background-image: url("../imgs/JnanYlan_4199.jpg");}
#bgImage04 { background-image: url("../imgs/MLM.jpg");}
#bgImage05 { background-image: url("../imgs/farmland_hills.jpg");}
#bgImage06 { background-image: url("../imgs/MLM_olive2.jpg");}
#bgImage07 { background-image: url("../imgs/erfoud.jpg");}
#bgImage08 { background-image: url("../imgs/JnanYlan_05.jpg");}
#bgImage09 { background-image: url("../imgs/farming.jpg");}
#bgImage10 { background-image: url("../imgs/local_talent.jpg");}
#bgImage11 { background-image: url("../imgs/kasbah_concept.jpg");}
#bgImage12 { background-image: url("../imgs/douars_mood.jpg");}
#bgImage13 { background-image: url("../imgs/MasterPlan_Key.jpg");}
#bgImage14 { background-image: url("../imgs/entrance_mood.jpg");}
#bgImage15 { background-image: url("../imgs/3d_entrance.jpg");}
#bgImage16 { background-image: url("../imgs/3d_hotel_aerial.jpg");}
#bgImage17 { background-image: url("../imgs/kasbah_patio.jpg");}
#bgImage18 { background-image: url("../imgs/boutique_hotel_fp_rc.jpg");}
#bgImage19 { background-image: url("../imgs/boutique_hotel_fp_1f.jpg");}
#bgImage20 { background-image: url("../imgs/hotel_room_concept.jpg");}
#bgImage21 { background-image: url("../imgs/spa_masterplan.jpg");}
#bgImage22 { background-image: url("../imgs/spa_floorplan.jpg");}
#bgImage23 { background-image: url("../imgs/spa_mood.jpg");}
#bgImage24 { background-image: url("../imgs/3d_spa.jpg");}
#bgImage25 { background-image: url("../imgs/local_materials.jpg");}
#bgImage26 { background-image: url("../imgs/villas_masterplan.jpg");}
#bgImage27 { background-image: url("../imgs/3d_cluster.jpg");}
#bgImage28 { background-image: url("../imgs/douar_floorplan.jpg");}
#bgImage29 { background-image: url("../imgs/Villa_T2_floorplan.jpg");}
#bgImage30 { background-image: url("../imgs/Villa_T3_floorplan.jpg");}
#bgImage31 { background-image: url("../imgs/Villa_T4_floorplan.jpg");}
#bgImage32 { background-image: url("../imgs/villa_interior_mood.jpg");}
#bgImage33 { background-image: url("../imgs/villa_exterior_mood.jpg");}
#bgImage34 { background-image: url("../imgs/marrakech_mood.jpg");}
#bgImage36 { background-image: url("../imgs/marrakech_mood.jpg");}
#bgImage35 { background-image: url("../imgs/road_desert.jpg");}
#bgImage37 { background-image: url("../imgs/jy_usp.jpg");}
#bgImage38 { background-image: url("../imgs/olives_bokeh.jpg");}
#bgImage39 { background-image: url("../imgs/woman_poolside_book.jpg");}
#bgImage40 { background-image: url("../imgs/pool_reflection.jpg");}
#bgImage41 { background-image: url("../imgs/boutique_hotel_concept.jpg");}

#arrow { font-family: MPLSC; font-size: 4.2em; font-weight: 100; color:#fff; padding: 30px 25px;}

a.button:link, a.button:visited {
    opacity: 0.2;
    background-color: black;
    border: none;
    color: #FFFFFF;
    padding: 10px 12px;
    text-align: center;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    text-decoration: none;
   cursor: pointer;
   display: inline-block;
}

a.button:hover, a.button:active {
   opacity: 0.9;
   background-color: #0a0a0a;
}

#NumberBox {
	width:34px;
	height:34px;
	display: flex;
  	align-items: center;
  	justify-content: center;
  	font-family: MPLSC;
  	font-size: 0.75em;
  	font-weight: 700;
  	color:#fff;
  	position: relative;
  	float: right;
  	margin: 7px;}