@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
@font-face { font-family: Brandon; src: url('fonts/Brandon_light.otf'); }
@font-face { font-family: Brandon; font-weight: bold; src: url('fonts/Brandon_bld.otf'); }
@font-face { font-family: Campton; src: url('fonts/Campton-Light.otf'); }
@font-face { font-family: Campton; font-weight:bold; src: url('fonts/Campton-Bold.otf'); }
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#3f3e3e;
}
h1{font-family:Campton,arial,helvetica;}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
	font-family: arial,helvetica;
	color: #333;
	color: rgba(0,0,0,0.5);
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
h1{
	font-size: 6em;
}
.intro p{
	margin: 0 auto;
}
.section{
	text-align:center;
}
#menu li {
	display:block;
	margin: 10px;
	color: #fff;
	background:#917B4C;
	border:solid 2px #917B4C;
}
#menu li.active{
	background:#fff;
	background: rgba(0,0,0, 0.5);
	color: #000;
}
#menu li a{
	text-decoration:none;
	color: #fff;
	font-size:14px;
	text-align:center;
	font-family:Brandon,"Century Gothic",Arial;
	font-weight:bold;
}
#menu li.active a:hover{
	color: #fff;
}
#menu li:hover{
	background: rgba(0,0,0, 0);
	transition-property: background;
    transition-duration: .4s;
}
#menu li a:hover{
	color: #fff;
	transition-property: color;
    transition-duration: .4s;
}
#menu li a,
#menu li.active a{
	display:block;
	width:95px;
	height:95px;
	line-height:95px;
	vertical-align:middle;	
}
#menu li.active a{
	color: #fff;
}
#menu{
	position:absolute;
	margin:10% 5% !important;
	z-index: 100;
	padding: 0;
	margin:0;
	line-height:100%;
	vertical-align:middle;
}
#menu li a[href="#home"]
{
	background-image:url('images/logo-waha-group.png');
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:0;
}
#down-button
{
	position:absolute;
	right:15%;
	bottom:45%;
	width:64px;
	height:64px;
	background-image:url('images/down-btn.png');
	background-color:transparent;
	background-attachment:scroll;
	background-position:center center;
	z-index:100;
	opacity:.5;
}
#down-button:hover
{
	opacity:1;
	transition-property: opacity;
    transition-duration: .4s;
}
.twitter-share-button{
	position: fixed;
	z-index: 99;
	right: 149px;
	top: 9px;
}
#download{
	margin: 10px 0 0 0;
	padding: 15px 10px;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
	background-color: #49afcd;
	background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -ms-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -webkit-gradient(linear,0 0,0 100%,from( #5bc0de),to( #2f96b4));
	background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
	background-image: linear-gradient(top, #5bc0de, #2f96b4);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#2f96b4', GradientType=0);
	border-color: #2f96b4 #2f96b4 #1f6377;
	border-color: rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);

	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	vertical-align: middle;
	cursor: pointer;
	display: inline-block;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
}
#download a{
	text-decoration:none;
	color:#fff;
}
#download:hover{
	text-shadow: 0 -1px 0 rgba(0,0,0,.25);
	background-color: #2F96B4;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-ms-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear;
}
#infoMenu{
	height: 20px;
	color: #f2f2f2;
	position:fixed;
	z-index:70;
	bottom:0;
	width:100%;
	text-align:right;
	font-size:0.9em;
	padding:8px 0 8px 0;
}
#infoMenu ul{
	padding: 0 40px;
}
#infoMenu li a{
	display: block;
	margin: 0 22px 0 0;
	color: #333;
}
#infoMenu li a:hover{
	text-decoration:underline;
}
#infoMenu li{
	display:inline-block;
	position:relative;
}
#examplesList{
	display:none;
	background: #282828;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding: 20px;
	float: left;
	position: absolute;
	bottom: 29px;
	right: 0;
	width:638px;
	text-align:left;
}
#examplesList ul{
	padding:0;
}
#examplesList ul li{
	display:block;
	margin: 5px 0;
}
#examplesList ul li a{
	color: #BDBDBD;
	margin:0;
}
#examplesList ul li a:hover{
	color: #f2f2f2;
}
#examplesList .column{
	float: left;
	margin: 0 20px 0 0;
}
#examplesList h3{
	color: #f2f2f2;
	font-size: 1.2em;
	margin: 0 0 15px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
	padding: 0 0 5px 0;
}
 
 /* self added css */
#section0
{
	background: url(images/mask.png) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:transparent !important;
	background-attachment:scroll;
}

.slide .intro
{
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.brand{
	width:24%;
	float:left;
	
}
.brand h2
{
	font-family:"Century Gothic",Arial;
	font-size:16px;
	font-weight:normal;
}
p.loc{font-family:Roboto;font-weight:bold;margin-bottom:25px;font-size:1em}
p.desc{font-family:Roboto;padding:0 25px;margin-bottom:25px;min-height:8em;height:auto;font-size:.9em;line-height:1.6em;font-size:13px}
p.link a{font-family:Roboto;color:#917b4c;text-decoration:underline;font-size:.9em}
p.link a:hover{color:#685B40;text-decoration:none}
.brand-sep
{
	width:1px;
	display:inline-block;
	float:left;
}
.brand-sep img{margin-top:140px;height:128px;width:1px;}
.brand h2{margin:45px auto 15px}
.sided
{
	min-width:900px;
	max-width:1250px;
	margin:0 auto;
}
#section1{color:#505050;}
#section1 p{color:#505050;}
#section4 h1{color:#2D2D2D;font-weight:normal}
#section3 h1, #section3 h3{color:#333}
#section3 h1{margin-bottom:1em;}
#section3 h3{font-family:Roboto}
#section3 h2{text-align:left}
#section3 p{color:#333;text-align:left;font-size:.9em;line-height:1.5em;margin-bottom:2em}
#section3 h2{font-size:22px;margin-bottom:1.5em;}
#section3 h4{color:#917B4C;font-weight:normal;font-size:22px;margin:1em auto}
#section3 p.chairman{text-align:center;font-weight:bold;font-size:16px;}
#section3 .title-hr{margin:2em 40% 4em;background-color:#E6E6E6;height:1px;line-height:1px;overflow:hidden}
.sep-hr{padding:150px 0 0;float:left;}
.sep-hr img{width:1px;height:150px}
#footer{background-color:#fff;color:#333;}
#footer p{font-family:Roboto;font-size:.9em;margin:0 auto 2em;line-height:1.4em 0 0;padding-top:1.4em}
#newsletter{background-color:#F6F6F6;margin:0;padding:0}
#newsletter h2{font-weight:normal;color:#333;font-size:2em;margin-bottom:.5em;padding-top:.5em}
#newsletter h3{font-weight:normal;color:#505050;font-size:1em;font-family:Roboto;margin-bottom:1em}
#newsletter input[type="email"]{border:solid 1px #DCDCDC;padding:.5em;font-family:Roboto;}
#newsletter input[type="submit"]{padding:.5em 2em;background-color:#917B4C;color:#fff;font-family:Roboto;border:0;border-radius: 6px;}
form#subscribe{padding-bottom:2em}
#footer-nav{
	background-color:#F6F6F6;
	display:block;
	background-image:url(images/footer-menu-bg.png);
	background-repeat:repeat-x;
	background-position:center bottom;
	position:relative;
	min-width:900px;
	max-width:1100px;
	margin:0 auto;
	height:30px;
	overflow:hidden;
	padding-left:30px;
}
#footer-nav li{
	display:inline-block;
	margin-right:3em;
	border-bottom:solid 1px #DCDCDC;
	float:left;
	box-sizing: border-box;
	height:30px;
	overflow:hidden;
}
#footer-nav li:last-child{
	margin-right:0;
}
#footer-nav li:hover{
	border-bottom:solid 1px #2D2D2D;
}
#footer-nav li a{
	font-family:Roboto;
	font-size:1em;
	color:#787878;
	padding-bottom:1.5em;
}
#footer-nav li a:hover{
	color:#2D2D2D;
}
#nav2{
	position:relative;
	background-color:#F6F6F6;
	background-image:url(images/footer-menu-bg.png);
	background-repeat:repeat-x;
	background-position:center bottom;
}
.top-btn
{
	width:60px;
	height:60px;
	display:inline-block;
	position:absolute;
	right:10em;
	bottom:-30px;
	z-index:100;
	background-color:#transparent;
}
.top-btn a{
	width:60px;
	height:60px;
	display:block;
	padding:0;
	margin:0;
	border:0;
	background-color:transparent;
	z-index:100;
}
.copyright
{
	font-family:Brandon;
	position:absolute;
	color:#fefdfd;
	top:95%;
	width:100%;
	text-align:center;
	font-size:15px;
	z-index:100;
	opacity:1
}
.copyright a{text-decoration:underline;color:#fefdfd}
.copyright a:hover{text-decoration:none;color:#fff}
.brand h2{font-family:Campton,Arial;}
.campton{font-family:Campton,Arial;}
.loc-bubble .body p{font-family:Roboto,Arial;font-size:13px !important;color:#505050;font-family:Roboto}
.loc-bubble a{color:#505050;text-decoration:underline}
.loc-bubble a:hover{color:#333;text-decoration:none}
#mapping{position:relative;max-width:960px;margin:0 auto;}
.loc-bubble{
	position:absolute;
	display:block;
	width:320px;
	box-sizing:border-box;
	opacity:.8;
}
.loc-bubble .body{
	background-color:#FFF;
	min-height:70px;
	text-align:left;
	font-family:Roboto;
	width:320px;
	display:block;
	padding:10px;
	border-radius:6px;
	height:auto;
	box-sizing:border-box;
}
.loc-bubble h5{font-size:1em;}
.loc-bubble h6{margin-bottom:0;font-size:.9em}
.loc-bubble .head{
	width:320px;
	background-image:url(images/map-arrow.png);
	background-repeat:no-repeat;
	background-position:20px 0;
	background-attachment:scroll;
	height:6px;
	line-height:6px;
	overflow:hidden;
}
.loc-bubble .left{width:145px;float:left;margin-right:10px;background-color:#FFF;display:	block;}
.loc-bubble .right{width:145px;float:left;background-color:#FFF;display:block;}
area:active{border:0;color:transparent}
#Spain{top:263px;left:42px;}
#Libya{top:320px;left:145px;}
#Dubai{top:338px;left:310px;}
.clearfix{
	overflow: auto;
	clear:both;
}
/* Backgrounds will cover all the section
	* --------------------------------------- */
	#section0,
	#section1,
	#section2,
	#section4{
		background-size: cover;
	}
#home-logo
{
	width:95px;
	height:95px;
	position:absolute;
	top:0;
	left:0;
}
#rest
{	
	text-align:center;
}
#section2
{
	background-image:url(images/projects-bg.jpg);
	color:#fff;
}
#section2 h1{color:#fff}
#section5
{
	background-image:url(images/locations-bg.jpg);
	color:#fff;
}
#section5 h1{color:#fff}
#section5 p{color:#fff}
#partners
{
	width:100%;
	height:680px;
	overflow:hidden;
	color:#FFF;
	text-align:center;
	background-image:url(images/partners-bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
}
#partners h1
{
	color:#fff;
	margin:3em auto 1em;
}
.karusel div
{
	text-align:center;
}
.karusel div h3{
	color:#fff;
	font-family:Campton;
	font-size:18px;
	font-weight:bold;
	letter-spacing:1px;
	margin-bottom:1em;
}
.karusel div p{
	color:#fff;
	font-family:Roboto;
	font-size:14px;
	font-weight:normal;
	width:85%;
}
.karusel-button
{
	border:solid 1px #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:1em 4em;
	color:#fff;
	display:inline-block;
	margin:1em auto;
	font-family:Roboto;
	font-size:14px;
	font-weight:500;
}
.slick-next
{
	background-image:url(images/kar-arrow-right.png) !important; opacity:1 !important;
}
.slick-next:hover
{
	background-image:url(images/kar-arrow-right-hover.png) !important;
}
.slick-prev
{
	background-image:url(images/kar-arrow-left.png) !important; opacity:1 !important;
}
.slick-prev:hover
{
	background-image:url(images/kar-arrow-left-hover.png) !important;
}
.slick-next,.slick-prev{opacity:.6}
.slick-next:hover,.slick-prev:hover{opacity:1}
.bant{border-right:solid 1px #E3E3E3;padding:20px 10px}
#companies .slick-next
{
	background-image:url(images/kar-arrow-right-hover.png) !important; opacity:1 !important;
}
#companies .slick-next:hover
{
	background-image:url(images/kar-arrow-right-black.png) !important;
}
#companies .slick-prev
{
	background-image:url(images/kar-arrow-left-hover.png) !important; opacity:1 !important;
}
#companies .slick-prev:hover
{
	background-image:url(images/kar-arrow-left-black.png) !important; opacity:1 !important;
}
#companies button{margin-top:150px}
#companies {padding:20px}
#projects h3{color:#fff;font-family:Campton,arial,helvetica;font-size:20px;margin:1em auto;}
#projects p{width:80%;}
 .project-desc{height:10em !important;}