html, body {


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

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

.Swatch { background: rgba(227, 117, 37, 0.8);}
.Swatch_solid { background: rgba(227, 117, 37, 1.0);}
.Swatch_Brown { 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/steps_tree_alley.jpg");}
#bgImageBP { background-image: url("../imgs/lemons.jpg");}

#bgImage0 { background-image: url("../imgs/agaves.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/palmtrees_sky.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/hotel_fp_rc.jpg");}
#bgImage19 { background-image: url("../imgs/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/olivegrove_flowers.jpg");}
#bgImage35 { background-image: url("../imgs/road_desert.jpg");}
#bgImage36 { background-image: url("../imgs/palmtrees_sunset.jpg");}
#bgImage37 { background-image: url("../imgs/garden_dinner.jpg");}
#bgImage38 { background-image: url("../imgs/fontaine.jpg");}
#bgImage39 { background-image: url("../imgs/woman_poolside_book.jpg");}
#bgImage40 { background-image: url("../imgs/steps_tree_alley.jpg");}
#bgImage41 { background-image: url("../imgs/garden_alley_trees.jpg");}

#arrow { font-family: MPLSC; font-size: 100px; 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;
}


a.outbound:link {
text-decoration: none;
color: #ccc;
}

 a.outbound:visited {
text-decoration: none;
color: #ccc;
opacity: 0.8;
}

a.outbound:hover {
	text-decoration: none;
	color: #7d6e46;
	background-color:#fff;
	opacity: 0.5;

	}

a.outbound:active {
		text-decoration: none;
		color: #7d6e46;
		background-color:#fff;
		opacity: 0.9;
		}


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

#ReduxTxt {padding: 14px 14px;font-family: MPLSC; font-size: 28px; font-weight: 500; color:#fff;}

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

#BigTxt { font-family: MPLSC; font-size: 35px; font-weight: 900; color:#fff; }

#ContTxt { font-family: MPLSC; font-size: 30px; font-weight: 500; color:#fff; padding: 20px 20px;}

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

#DataSmTxt {font-family: MPLSC; font-size: 25px; font-weight: 500; color:#fff;}

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

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

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