/* CSS Document */

html, body{
	height: 100%;
	position: relative;
	padding: 0;
	margin: 0 auto;
}

body{
	font: normal normal 11pt 'Roboto Condensed', 'AvantGrade-BK-BT', Calibri;
	line-height: 18pt;
	color: #333;
	text-align: justify;
	background: #f0f0f0;
	position: relative;
	padding: 0;
	margin: 0 auto;
}

hr{
	width: 95%;
	height: 1px;
	background: #999;
	border: none;
	padding: 0;
	margin: 10px auto;
}

h1, h2, h3, h4{
	margin-bottom: 10px;
    margin-top: 15px;
}
h1{
	font-size: 14pt;
	color: #666;
}
h1 span{
	color: #005eb2;
}
h2{
	font-size: 12pt;
	color: #005eb2;
}
h3{
	font-size: 9pt;
	color: #005eb2;
}

.clear{
	clear: both;
}

/** backgrounds **/
.f6f6f6{
	background: #f6f6f6;
}
div.f6f6f6 p{
	padding-bottom: 10px;
}


/** borders **/
.borderGray1px{
	border: 1px #e0e0e0 solid;
}

.radius50{
	border-radius: 50%;
}

.topRow{
	width: 100%;
	min-height: 35px;
	clear: both;
	padding: 5px 0;
	background: #d5d5d5;
    background: -moz-linear-gradient(left, #f5f5f5 10%, #d5d5d5 30%, #d5d5d5 70%, #f5f5f5 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(10%,#f5f5f5), color-stop(30%,#d5d5d5), color-stop(70%,#d5d5d5), color-stop(90%,#f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #f5f5f5 10%,#d5d5d5 30%,#d5d5d5 70%,#f5f5f5 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #f5f5f5 10%,#d5d5d5 30%,#d5d5d5 70%,#f5f5f5 90%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #f5f5f5 10%,#d5d5d5 30%,#d5d5d5 70%,#f5f5f5 90%); /* IE10+ */
    background: linear-gradient(to right, #f5f5f5 10%,#d5d5d5 30%,#d5d5d5 70%,#f5f5f5 90%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-8 */
}

a.faceBook, a.twitter, a.in, a.youtube, a.homeIcon, a.language{
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a.faceBook{
	float: left;
	padding: 10px 5px;
	margin: 0 25px 0 0;
	background: url(../img/socialMediaIcons.png) no-repeat 0 0;
	text-decoration: none;
}
a.faceBook:hover{
	background: url(../img/socialMediaIcons.png) no-repeat 0 -29px;
}
a.twitter{
	float: left;
	padding: 10px;
	margin: 0 25px 0 0;
	background: url(../img/socialMediaIcons.png) no-repeat -40px 0;
	text-decoration: none;
}
a.twitter:hover{
	background: url(../img/socialMediaIcons.png) no-repeat -40px -29px;
}
a.in{
	float: left;
	padding: 10px;
	margin: 0 25px 0 0;
	background: url(../img/socialMediaIcons.png) no-repeat -80px 0;
	text-decoration: none;
}
a.in:hover{
	background: url(../img/socialMediaIcons.png) no-repeat -80px -27px;
}
a.youtube{
	float: left;
	padding: 10px;
	margin: 0 25px 0 0;
	background: url(../img/socialMediaIcons.png) no-repeat -120px 0;
	text-decoration: none;
}
a.youtube:hover{
	background: url(../img/socialMediaIcons.png) no-repeat -120px -28px;
}
a.homeIcon{
	float: right;
	padding: 10px;
	margin: 0 0 0 25px;
	background: url(../img/socialMediaIcons.png) no-repeat -160px 0;
	text-decoration: none;
}
a.homeIcon:hover{
	background: url(../img/socialMediaIcons.png) no-repeat -160px -27px;
}
a.language{
	float: right;
	padding: 2px 25px 0 0;
	margin: 0;
	background: url(../img/flag.png) center right no-repeat;
	font-family: 'HacenSaudi';
	font-size: 12px;
	color: #003975;
	text-decoration: none;
}
a.language:hover{
	color: #930035;
}

.navigation{
	width: 100%;
	min-height: 100px;
	clear: both;
	box-shadow: rgba(0, 0, 0, 0.12) 0 1px 0px;
	background: #f5f5f5; /* Old browsers */
    background: -moz-linear-gradient(top,  #f5f5f5 20%, #e0e0e0 70%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f5f5f5), color-stop(70%,#e0e0e0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f5f5f5 20%,#e0e0e0 70%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f5f5f5 20%,#e0e0e0 70%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f5f5f5 20%,#e0e0e0 70%); /* IE10+ */
    background: linear-gradient(to bottom,  #f5f5f5 20%,#e0e0e0 70%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-8 */
	padding: 0;
	margin: 0;
	
}

.logo{
	width: 100%;
	min-height: 80px; 
	padding: 15px 0;
	margin: 0;
}

/* Nav Styles */
.navbar{
	margin-bottom: 0;
}

.navbar-default{
	background: none;
	box-shadow: none;
	border: none;
	border-radius: 0;
	padding: 0;
}
.navbar-brand{
	padding: 15px 30px 15px 0;
}
@media (max-width:360px){
	.navbar-brand{
	padding: 15px 0 15px 0;
    }
}

@media (min-width: 1023px){
.navbar-nav{
	float: right;
}
}
.navbar-default .navbar-nav > li > a{
	color: #003a76;
	font-size: 12pt;
	padding: 40px 18px;
	text-shadow: none/*rgba(0, 0, 0, 0.2) 2px 2px 3px*/;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:active{
	background: #003a76 /*#07aee1*/;
	color: #f5f5f5;
}
/* Dropdown Menu Styles */
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
	background: #003a76;
	color: #f5f5f5;
}

.dropdown-menu{
	/*padding-top: 0px;
	padding-bottom: 0px;*/
	padding: 3px;
	border-radius: 0 !important;
	border: none;
	box-shadow: rgba(0, 0, 0, 0.3) 0 3px 7px;
	background: rgba(255, 255, 255, 0.9);
	font-size: 11pt;
	z-index: 10000;
}
.dropdown-menu > li > a{
	color: #003a76;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background: rgba(0, 58, 118, 0.8);
	color: #f5f5f5;
}
.navbar-toggle{
	border-radius: 0;
	margin-top: 30px;
	margin-right: 2px;
	color: #000;
}

@media (max-width: 1023px){
.navbar-collapse{
	margin-top: 30px;
	box-shadow: none;
}
.navbar-default .navbar-nav > li > a{
	padding: 15px 10px;
}
.dropdown-menu{
	background: rgba(255, 255, 255, 1) !important;
}
.dropdown-menu > li > a{
	color: #003a76 !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background: rgba(0, 58, 118, 0.6) !important;
	color: #f5f5f5 !important;
}
}
@media (max-width: 640px){
	.navbar-collapse{
	/*max-height: 188px;*/
    }
}

.sliderContainer{
	width: 100%;
	height: auto;
	/*min-height: 440px;
	background: url(../img/sliderBg.jpg) center center repeat-x;*/
	padding: 0;
	margin: auto;
	clear: both;
}
@media(max-width:700px){
	.sliderContainer{
		display: none;
		visibility: hidden;
	}
}

.servicesBar{
	clear: both;
	width: 100%;
	min-height: 275px;
	background: #e5e5e5;
}

.sectionTitle{
	width: 100%;
	margin: 10px auto;
	padding: 0;
	clear: both;
}
.sectionTitle hr{
	width: 35%;
	float: left;
	margin: 25px auto;
}
.sectionTitle h1{
	float: left;
	text-align: center;
	width: 30%;
	color: #0086c1;
}
/* Services Tabs Style */
.hiringEquipments, .excavationWorks, .transfer, .forwarding{
	width: 100%;
	min-height: 215px;
	padding: 20px;
	margin: auto;
	text-align: center;
	text-decoration: none !important;
	color: #00284c;
	font-size: 12pt;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.hiringEquipments:hover, .excavationWorks:hover, .transfer:hover, .forwarding:hover{
	background: #d9d9d9;
	color: #0179e5;
}
.hiringEquipments .hiringEquipmentsIcon, .excavationWorks .excavationWorksIcon, .transfer .transferIcon, .forwarding .forwardingIcon{
	clear: both;
	width: 84px;
	min-height: 84px;
	margin: auto auto 20px;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.hiringEquipments .hiringEquipmentsIcon{
	background: url(../img/servicesIcons.png) 0 0 no-repeat;
}
.hiringEquipments:hover .hiringEquipmentsIcon{
    background: url(../img/servicesIcons.png) 0 -94px no-repeat;
}
.excavationWorks .excavationWorksIcon{
	background: url(../img/servicesIcons.png) -94px 0 no-repeat;
}
.excavationWorks:hover .excavationWorksIcon{
	background: url(../img/servicesIcons.png) -94px -94px no-repeat;
}
.transfer .transferIcon{
	background: url(../img/servicesIcons.png) -188px 0 no-repeat;
}
.transfer:hover .transferIcon{
	background: url(../img/servicesIcons.png) -188px -94px no-repeat;
}
.forwarding .forwardingIcon{
	background: url(../img/servicesIcons.png) -282px 0 no-repeat;
}
.forwarding:hover .forwardingIcon{
	background: url(../img/servicesIcons.png) -282px -94px no-repeat;
}
/* End Services Tabs Style */

.contentSection{
	width: 100%;
	min-height: 402px;
	clear: both;
}

.paddingB30{
	padding-bottom: 30px;
}

img.floatLeft{
	float: left;
	margin: auto 20px 10px auto;
	display: table-caption;
}
img.floatRight{
	float: right;
	margin: auto auto 10px 20px;
	display: table-caption;
}
img.welcomePic{
	float: left;
	border-radius: 50%;
	margin: auto 20px 10px auto;
}
@media (max-width: 640px){
	.sectionTitle hr{
	width: 20%;
	}
    .sectionTitle h1{
	width: 60%;
    }
	img.floatLeft{
	float: none;
	margin: 10px auto;
	}
	img.floatRight{
	float: none;
	margin: 10px auto;
	}
	img.welcomePic{
	float: none !important;
	margin: auto auto 20px auto;
	display: table-caption;
	text-align: center !important;
    }
	p.welcome{
	clear: both;
	}
}
a.moreBTN{
	display: table;
	float: right;
	width: 29px;
	height: 19px;
	background: url(../img/moreBtnIcon.png) 0 0 no-repeat;
	padding: 0 0 0 19px;
	margin: 25px 0 0 0;
	text-decoration: none;
	color: #098ac3;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a.moreBTN:hover{
	background: url(../img/moreBtnIcon.png) 0 -19px no-repeat;
	color: #003c72;
}
a.backBTN{
	display: table;
	/*float: right;*/
	width: auto;
	height: auto;
	position: absolute;
	right: 10px;
	bottom: -30px;
	background: url(../img/backBtnIcon.png) 0 0 no-repeat;
	padding: 0 0 0 19px;
	/*margin: 25px 0 0 0;*/
	text-decoration: none;
	color: #098ac3;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
a.backBTN:hover{
	opacity: 1;
	filter: opacity(alpha=100);
	background: url(../img/backBtnIcon.png) 0 -19px no-repeat;
	color: #003c72;
}
.TUV-logo{
	width: 100%;
	border-left: #bbb 1px solid ;
	margin: 45px auto;
}
.TUV-logo img{
	margin: auto;
	padding: 15px 0 10px;
	display: block;
	max-width: 150px;
	max-height: 150px;
}
@media (max-width: 640px){
	.TUV-logo{
	border-top: #bbb 1px solid;
	border-left: none;
	margin: 20px auto;
	padding: 20px 0;
	text-align: center;
    }
}
/* End Welcome Section Styles */

.projectsSection{
	width: 100%;
	min-height: 280px;
	clear: both;
}

.partnersSection{
	width: 100%;
	min-height: 120px;
	background: #ddd;
	clear: both;
}

a.sponsorsLogo{
	display: block;
	width: 100%;
	height: auto;
	padding: 15px;
	text-align: center;
	position: relative;
	opacity: 0.5;
	filter: opcity(alpha=50);
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform: scale(0.85);
}
a.sponsorsLogo h2, a.sponsorsLogo h3{
	clear: both;
	margin: 10px auto;
	padding: 0;
	text-align: center;
}
a.sponsorsLogo:hover{
	opacity: 1;
	filter: opcity(alpha=100);
	background: #f9f9f9;
	border: 1px rgba(0, 0, 0, 0.1) solid;
	box-shadow: rgba(0, 0, 0, 0.2) 3px 2px 3px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
a.sponsorsLogo img{
	width: 100%;
	max-width: 150px;
	max-height: 150px;
}
/*
a.sponsorsLogo img:hover{
	opacity: 1;
	filter: opcity(alpha=100);
}
*/

/** Projects styles **/
#civilWorksContainer{
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	text-align: center !important;
}
#civilWorksContainer a{
	display: inline-block;
	vertical-align: top !important;
	width: 100%;
	max-width: 200px;
	max-height: 150px;
	text-decoration: none;
	padding: 0;
	margin: 20px auto;
	background: #ddd;
	border: rgba(255, 255, 255, 1) 3px solid;
	box-shadow: rgba(0, 0, 0, 0.2) 3px 2px 3px;
	opacity: 0.6;
	filter: opacity(alpha=60);
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	-webkit-transform: scale(0.85) rotate(5deg);
	-moz-transform: scale(0.85) rotate(5deg);
	-o-transform: scale(0.85) rotate(5deg);
	transform: scale(0.85) rotate(5deg);
}
#civilWorksContainer a:hover{
	opacity: 1;
	filter: opacity(alpha=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
#civilWorksContainer a img{
    width: 99%;
	max-width: 200px;
	max-height: 150px;
	border: 0;
}
#civilWorksContainer a h2{
	position: relative;
	font-size: 9.5pt;
}

.footer{
	width: 100%;
	min-height: 225px;
	background: #001e39;
	padding: 30px 0;
	color: #6ca2d2;
	font-size: 9pt;
	line-height: 28px;
	clear: both;
	/*position: relative;
	margin-bottom: 0;
	bottom: 0 !important;*/
}
.footer h2{
	color: #fff;
	margin: 20px 0 10px 0;
}
.footer p{
    padding: 0;
	margin: 0;
	text-align: justify;
}
.footer p span{
	color: #fff;
}
.footer a{
	text-decoration: none;
	color: #6ca2d2;
	-webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.footer a:hover{
	color: #fff;
}
.footer a.act{
	text-decoration: none;
	color: #fff;
}
.footer a.act:hover{
	color: #bbb;
}
.footerNav{
	padding: 0;
	margin: auto;
	list-style: none;
	width: auto;
	height: auto;
	display: table;
}
.footerNav li{
	float: left;
	width: 50%;
	text-align: justify;
}
a.footerFaceIcon, a.footerTwitterIcon, a.footerInIcon, a.footerTubeIcon{
	width: 28px;
	height: 28px;
	float: left;
	display: table;
	padding: 0;
	margin: 0 15px 15px 0;
	text-decoration: none;
	opacity: 0.6;
	filter: opacity(alpha=60);
}
a.footerFaceIcon{
	background: url(../img/footerSocialMediaIcons.png) 0 0 no-repeat;
}
a.footerFaceIcon:hover{
	opacity: 1;
	filter: opacity(alpha=100);
}
a.footerTwitterIcon{
	background: url(../img/footerSocialMediaIcons.png) -28px 0 no-repeat;
}
a.footerTwitterIcon:hover{
	opacity: 1;
	filter: opacity(alpha=100);
}
a.footerInIcon{
	background: url(../img/footerSocialMediaIcons.png) -56px 0 no-repeat;
	clear: both;
}
a.footerInIcon:hover{
	opacity: 1;
	filter: opacity(alpha=100);
}
a.footerTubeIcon{
	background: url(../img/footerSocialMediaIcons.png) -84px 0 no-repeat;
}
a.footerTubeIcon:hover{
	opacity: 1;
	filter: opacity(alpha=100);
}