body {

	color: #DDD;

}

.js.csstransitions.fp-enabled {

	overflow-y: visible !important;

	height: auto !important;

}

section#industry {

    width: 100%;

    height: auto;

    padding-bottom: 80px;

    float: left;

}

.nav-menu.clearfix.f-right.hamad-industry .main-menu {

	float: left !important;

	margin-left: 18px;

}
.percent-circle {
    /* width: 200px; */
    /* height: 200px; */
    /* border: 5px solid red; */
    /* border-radius: 50%; */
    color: #000;
    vertical-align: middle;
    padding-top: 40%;
}
p.percentval2 {
    text-anchor: middle;
    font-family: Arial;
    font-size: 24px;
    font-style: normal;
    font-variant: normal;
    font-weight: 800;
    font-stretch: normal;
    line-height: normal;
}
span.percentval1 {
    display: none;
}

.first-nav {

	background-color: #fff;

	height: 100px;

	top: 0;

	border-bottom: 2px solid #9E9791;

}

.slider-outer .flexslider {

	margin: 0 0 0px;

	background: #fff;

	border: 0px solid #fff;

	position: relative;

	border-radius: 0px;

	box-shadow: none;

	zoom: 0;

}

.slider-outer .flex-control-nav {

	display: none;

}

.wrapper.cor-philo.industry h1:after {

	content: "";

	border-bottom: 2px solid #F50909;

	width: 21%;

	display: block;

	position: absolute;

	bottom: -20px;

}

.wrapper.cor-philo.industry h1 {

	font-weight: 400 !important;

	text-align: left;

	color: #292929;

	font-size: 25px;

	position: relative;

	margin-bottom: 40px;

	margin-top: 40px;

	display: block;

}

.wrapper.cor-philo.industry {

	padding: 25px 0;

	clear: both;

}

.sec_percentage {

	background: #f5f5f5;

	padding: 25px 0;

	clear: both;

	float: left;

	width: 100%;

	margin-top: 36px;

}

.pg-outer {

	width: 230px;

	height: 230px;

	margin: 18px auto;

}

.pg-in {
    width: 230px;
    height: 230px;
    /* text-align: center; */
    border: 5px solid #DDD;
    border-radius: 50%;
}

.sec_percentage h2 {

	margin: 0px 0 10px !important;

	color: #000;

	font-weight: 300 !important;

	font-size: 18px;

	line-height: normal;

	padding: 0;

}

.team-outer {

	clear: both;

	background: #FFF;

	padding: 25px 0;

}

.team-outer .owl-pagination {

	display: none;

}

.sec-divisions h1:before, .team-outer h1:before {

	content: "";

	border-top: 5px solid red;

	width: 4%;

	display: block;

	position: absolute;

	top: -18px;

}

.sec-divisions h1, .team-outer h1 {

	font-weight: 400 !important;

	font-size: 26px;

	color: #3E3E3E;

	text-align: left;

	display: block;

	position: relative;

	margin-bottom: 30px;

	margin-top: 44px;

}

.sec-divisions h1 span, .team-outer h1 span {

	font-weight: 800 !important;

}

.team-pop h3, .team-outer h3 {

	font-size: 14px;

	text-align: center;

	color: #000;

	font-weight: 800 !important;

	display: block;

	margin-top: 15px;

	margin-bottom: 0px;

	padding: 0px;

}

.team-pop h3 span, .team-outer h3 span {

	font-weight: 300 !important;

	display: block;

	padding-top: 6px;

}

.team-outer .item img {

	width: 93%;

	height: auto;

}

#owl-demo .owl-item:after {

	content: '';

	position: absolute;

	bottom: 0px;

	border-bottom: 1px solid #DDD;

	/* width: 100%; */







	left: 0;

	margin: 0 auto;

	width: 94%;

	right: 0;

}

#owl-demo .owl-item {

	padding-bottom: 25px;

}

.da-thumbs {

	list-style: none;

	position: relative;

	margin: 20px auto 0;

	padding: 0;

}

.da-thumbs .item {

	float: left;

	position: relative;

}

.da-thumbs .item a,  .da-thumbs .item a img {

	display: block;

	position: relative;

}

/*.da-thumbs .item a img {

	width: 100%;

	height: auto;*/

	/*filter: url('../js/filters.svg#grayscale');  Firefox 3.5+ */

	/*filter: gray;  IE6-9 */

	/*-webkit-filter: grayscale(1);  Webkit Nightlies, Google Chrome Canary and Microsoft Edge

}*/

.da-thumbs .item a {

	overflow: hidden;

}

.da-thumbs .item a div {

	position: absolute;

	background: #d9544d;

	background: rgba(217, 84, 77, 0.94);

	width: 100%;

	height: 100%;

}

/*.da-thumbs .item a div span {







	display: block;







	padding: 10px 0;







	margin: 40px 20px 20px 20px;







	text-transform: uppercase;







	font-weight: normal;







	color: rgba(255,255,255,0.9);







	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);







	border-bottom: 1px solid rgba(255,255,255,0.5);







	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);







}*/







.da-thumbs .item a div h3 {

	background: none !important;

}

div#owl-demo-division .item h3 {

	color: #FFF;

	font-weight: 300 !important;

	background: rgba(0, 0, 0, 0.94);

	display: block;

	position: absolute;

	width: 100%;

	z-index: 999;

	line-height: normal;

	margin: 0 auto;

	padding: 15px 0;

	top: 55%;

	transition: all 400ms;

	font-size: 20px;

}

div#owl-demo-division .item h3 span {

	font-weight: 800 !important;

}

.da-thumbs .item:hover h3 {

	background: none !Important;

	transition: all 400ms;

}

.da-thumbs i.fa.fa-search-plus {

	color: #FFF !important;

	top: 45%;

	position: absolute;

	font-size: 40px;

	left: 0;

	right: 0;

	margin: 0 auto;

}

.sec-projects, .sec-partenrs {

	float: left;

	width: 100%;

	margin: 35px auto 0;

}

#wrapper-car {

	width: 100%;

	height: 50%;

	overflow: hidden;

}

#carousel-car div {

	text-align: center;

	width: 168px;

	height: 85px;

	float: left;

	position: relative;

	margin: 0 10px;

}

#carousel-car div img {

	border: 1px solid #eeeeee;

}

.sec-projects h1, .sec-partenrs h1 {

	font-weight: 400 !important;

	font-size: 26px;

	color: #3E3E3E;

	text-align: left;

	display: block;

	position: relative !important;

	margin-bottom: 30px;

	margin-top: 44px;

}

.sec-projects h1:before, .sec-partenrs h1:before {

	content: "";

	border-top: 5px solid red;

	width: 4%;

	display: block;

	position: absolute;

	top: -18px;

}

.sec-projects h1 span, .sec-partenrs h1 span {

	font-weight: 800 !important;

}

div#owl-demo-projects .item img {

	

	width: 100%;

	height: auto;

	transition: all 400ms;

}

/*div#owl-demo-projects .item:hover img {

	filter: none;

	-webkit-filter: grayscale(0);

	transition: all 400ms;

}*/

div#owl-demo-projects .item {

	position: relative;

	margin: 0px 5px 0 0;

}

/*div#owl-demo-projects .item:after {

	position: absolute;

	content: "";

	left: 0;

	top: 0;

	height: 100%;

	background: rgba(0, 0, 0, 0.54);

	width: 100%;

	transition: all 400ms;

}*/

/*div#owl-demo-projects .item:after {

    position: absolute;

    content: "";

    left: 0;

    top: 0;

    height: 100%;

    background: rgba(255, 255, 255, 0.30);

    width: 100%;

    transition: all 400ms;

}*/


div#owl-demo-projects .item:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.30);
    width: 100%;
    transition: all 400ms;
}

div#owl-demo-projects .item:after {position: absolute;
content: "";
left: 0;

top: 100%;
height: 100%;
background:#000;
width: 100%;transition: all 400ms;}

div#owl-demo-projects .item:hover:after {
top: 0;
transition: all 400ms;}


div#owl-demo-projects .item:hover:before{
	background:none;}


div#owl-demo-projects .item h3 {

    /*font-family: 'Open Sans', sans-serif;*/

    position: absolute;

    left: 0;

    right: 0;

    margin: 0 auto;

    top: 26%;

    color: #000;

    display: block;

    width: 100%;

    font-weight: bold;

    font-size: 17px;

   /* text-transform: uppercase;*/

    z-index: 999;

    line-height: 23px;

}

div#owl-demo-projects .more {

	position: absolute;

	left: 0;

	right: 0;

	top: 49%;

	color: #FFF;

	z-index: 999;

	font-weight: 400;

}

div#owl-demo-projects .more a {

    color: #CEC8C6;

}

div#owl-demo-projects .item h3:before {

	position: relative;

	content: "";

	background: url(../images/hamad-industry-images/shadow-ind.png) no-repeat center;

	height: 35px;

	width: 100%;

	display: block;

	left: 0;

	right: 0;

	margin: 0 auto;

	/* top: 90px; */







	padding: 7px 0;
background-color: rgba(27, 26, 26, 0.88);

}

div#owl-demo-projects .item h3:after {

	position: relative;

	content: "";

	background: url(../images/hamad-industry-images/shadow-ind.png) no-repeat center;

	height: 35px;

	width: 100%;

	display: block;

	left: 0;

	right: 0;

	margin: 0 auto;

	/* bottom: 33px; */







	padding: 7px 0;

background-color: rgba(27, 26, 26, 0.88);

}

.sec-projects .wrapper {

	position: relative;

}

.sec-projects .customNavigation {

	position: absolute;

	right: 37px;

	top: 0;

	

}

.sec-projects .customNavigation {

    position: absolute;

    right: 0;

    top: 52%;

    width: 100%;

    left: 0;

}

div#owl-demo-projects .more a:hover {

    color: red;

    font-weight: bold;

}



/*.sec-projects .customNavigation a.btn.prev {

	width: 20px;

	height: 25px;

	display: inline;

	background: url(../images/left-arrow.png) no-repeat #FF0101 center;

	position: absolute;

	right: 1px;

	font-size: 0;

}*/

.sec-projects .customNavigation a.btn.prev {

    width: 28px;

    height: 36px;

    display: inline;

    background: url(../images/left-arrow.png) no-repeat #FF0101 center;

    position: absolute;

    left: 0px;

    font-size: 0;

}

.sec-projects .customNavigation a.btn.next {

    background: url(../images/right-arrow.png) no-repeat #FF0101 center;

     width: 28px;

    height: 36px;

    display: inline;

    position: absolute;

    font-size: 0;

    right: 5px;

}

/*.sec-projects .customNavigation a.btn.next {

	background: url(../images/right-arrow.png) no-repeat #FF0101 center;

	width: 20px;

	height: 25px;

	display: inline;

	position: absolute;

	font-size: 0;

}*/

.sec-footer {

	float: left;

	width: 100%;

	height: auto;

	margin: 25px auto;

}

.foot-addr h1 {

	font-weight: 400 !important;

	font-size: 25px;

	color: #3E3E3E;

	text-align: left;

	display: block;

	position: relative !important;

	margin-bottom: 15px;

	margin-top: 44px;

}

.foot-addr h1:before {

	content: "";

	border-top: 5px solid red;

	width: 15%;

	display: block;

	position: absolute;

	top: -18px;

}

.foot-addr strong {

	font-weight: 700;

	color: #000;

	font-size: 14px;

}

.foot-addr {

	text-align: left;

	color: #797979;

	font-size: 14px;

	line-height: 25px;

}

/*.foot-addr a {

	color: #D43540;

}*/

.foot-addr a {
    color: #848484;
}

.foot-addr input.form-control.input-md, .foot-addr textarea {

	border: 1px solid #DDD;

	box-shadow: none;

	height: 37px;

	/* width: 47%; */



	float: left;

	display: inline-block;

	clear: none;

	border-radius: 2px;

}

.foot-addr .form-group .col-xs-12 {

	padding: 2px;

}

.form-group.btns-last {

	width: 100% !important;

}

.foot-addr div.wpcf7-validation-errors {

	border: 2px solid #f7e700;

	display: none !important;

}

.foot-addr textarea {

	height: 38px;

	width: 100%;

}

.foot-addr .form-group {

	margin-bottom: 0px;

	float: left;

	width: 50%;

	padding: 0;

}

.btns-ft {

	text-align: right;

}

.btns-ft button#singlebutton {

	height: 36px;

	background: #252525;

	border: none;

	min-width: 87px;

	outline: none;

	text-transform: uppercase;

	border-radius: 2px;

}

.btns-ft button#singlebutton:hover {

	background: #0099FF;

}

button.btn.btn-primary.reset {

	background: #3b3b3b;

	color: #FFF !important;

}

  



.flex-direction-nav {

	display: none;

}

.slider-outer {

	float: left;

	width: 100%;

	clear: both;

	

}

.wrapper.cor-philo.industry p {

	color: #797979;

	font-size: 13px;

	text-align: justify;

	line-height: 23px;

	margin-top: 15px;

	font-weight: 400 !important;

}

#down-bro {

	position: fixed;

	top: 250px;

	right: -239px;

	width: 303px;

	padding: 0px 0;

	text-align: left;

	-webkit-transition-duration: 0.3s;

	-moz-transition-duration: 0.3s;

	-o-transition-duration: 0.3s;

	transition-duration: 0.3s;

	-webkit-border-radius: 0 5px 5px 0;

	-moz-border-radius: 0 5px 5px 0;

	border-radius: 0 5px 5px 0;

	z-index: 99;

}

#down-bro:hover {

	right: 0px;

}

a.top-sec {

	top: -90px;

	width: 100%;

	height: 1px;

	background: red;

	font-size: 0;

	position: relative;

}

.progressbar {

	display: inline-block;

	width: 100px;

	margin: 25px;

}

.circle {

	width: 100%;

	margin: 0 auto;

	margin-top: 10px;

	display: inline-block;

	position: relative;

	text-align: center;

}

.circle canvas {

	vertical-align: middle;

}

.circle div {

	position: absolute;

	top: 30px;

	left: 0;

	width: 100%;

	text-align: center;

	line-height: 40px;

	font-size: 20px;

}

.circle strong i {

	font-style: normal;

	font-size: 0.6em;

	font-weight: normal;

}

.circle span {

	display: block;

	color: #aaa;

	margin-top: 12px;

}

.team-pop {

	/*  max-width: 700px !important;*/







	width: 100%;

}

.fancybox-inner {

	height: auto !important;

}

.team-pop img {

	width: 150px;

	height: auto;

	float: right;

	margin-left: 15px;

	border: 2px solid #DD3832;

	background: #FFF;

}

.team-pop p {

	font-size: 13px;

	line-height: 23px;

	color: #7A7A7A;

	text-align: left;

}

.team-pop h3 {

	text-align: left !important;

}

.cor-philo.industry ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

.cor-philo.industry ul li {

    color: #878686;

    font-size: 13px;

    display: block;

    text-align: left;

    float: left;

    line-height: 21px;

    position: relative;

    /* background: url(../images/four-squares-list.svg) no-repeat left; */

    /* background: url(../images/li-ic.png) no-repeat left; */

    padding-left: 0 !important;

    clear: both;

    background: none !important;

}

.cor-philo.industry ul li:before, .team-pop ul li:after {

    font-family: FontAwesome;

    top: -1px;

    left: 0;

    padding-right: 10px;

    content: "\f009";

    font-size: 6px;

    position: relative;

    /* margin-top: -10px; */

}

.team-pop ul li:after {

   float:left;

}

.subs-ema textarea {

    width: 100%;

    border: 1px solid #DDD;

    padding-left: 10px;

    outline: none;

}



.team-pop ul li {

	position:relative;

}







/*.team-pop ul li {

	display: block;

	font-size: 13px;

	line-height: 22px;

	color: #6b6b6b;

	background: url(../images/li-ic.png) no-repeat left;

	padding-left: 15px;

	clear: both;

}*/

.team-pop ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

}

.team-pop ul ul li {

	padding-left: 20px;

}

.team-pop h3 {

	text-align: left !important;

	font-size: 14px;

	font-weight: 600 !important;

	margin-bottom: 10px;

}

.owl-carousel .owl-wrapper-outer {

	margin: 0 auto !important;

}

div#owl-demo-division .owl-wrapper {

	margin: 0 auto !important;

	text-align: center !important;

}

div#owl-demo-division .owl-buttons {

	position: absolute;

	top: 45%;

	width: 100%;

}

div#owl-demo-division .owl-prev {

	width: 24px;

	height: 37px;

	display: inline;

	background: url(../images/left-arrow.png) no-repeat #FF0101 center;

	position: absolute;

	left: 0;

}

div#owl-demo-division .owl-next {

	background: url(../images/right-arrow.png) no-repeat #FF0101 center;

	width: 24px;

	height: 37px;

	display: inline;

	position: absolute;

	right: 0px;

}

.team-pop div.wpcf7 img.ajax-loader {

	border: none;

	vertical-align: middle;

	margin-left: 4px;

	width: 16px;

	height: 16px;

	float: left;

	margin-top: 8px;

}

.team-pop h3 span.downldtxt3 {

	font-size: 15px;

	display: inline-block !important;

	font-weight: normal !important;

	color: #FFF;

	background: red;

	padding: 5px;

	border-radius: 3px;

}

#industry {

    height: auto !important;

   

    overflow: visible !important;

}

.fp-scrollable {

    height: auto !important;

    overflow: visible !important;

}



.fancybox-outer, .fancybox-inner {

    position: relative;

    z-index: 999999 !important;

}



.fancybox-opened {

    z-index: 9999999 !important;

}

.divi-in p {

    text-align: justify;

}

.divi-in img {

    display: none;

   

}



h3.divi {

    font-size: 21px;

}

.team-pop.divi-in ul li {
    margin-bottom: 0;
    line-height: 24px;
    vertical-align: middle;
}


li.no-after:after {
    content: normal !Important;
}
.big-footer.fullwidth.dark-footer.t-left {
    display: block !important;
}





 @media(max-width:1199px) {



.team-outer h1 {

	padding-left: 15px;

}

}

 @media(max-width:1000px) {

.nav-menu.clearfix.f-right.hamad-industry .main-menu {

	float: none !important;

}

}

 @media(max-width:999px) {

#owl-demo .owl-buttons {

	position: absolute !important;

	top: -41px;

	right: 32px;

	display: inline;

}

#owl-demo .owl-prev {

	width: 20px;

	height: 25px;

	display: inline;

	background: url(../images/left-arrow.png) no-repeat #FF0101 center;

	position: absolute;

	right: 1px;

}

#owl-demo .owl-next {

	background: url(../images/right-arrow.png) no-repeat #FF0101 center;

	width: 20px;

	height: 25px;

	display: inline;

	position: absolute;

}

}

 @media(max-width:991px) {

.sec-projects .customNavigation {

	display: block;

}

div#owl-demo-division .item h3 {

	font-size: 17px;

}



.da-thumbs i.fa.fa-search-plus {

	top: 31%;

	font-size: 33px;

}

}



 @media(max-width:767px) {
	 
	 .pg-in {
 
    margin: 0 auto !important;
}
	 
	 br.divider {
    display: none;
}

section#industry .t-center {

	padding-top: 0;

}

.wrapper.cor-philo.industry h1:after {

	content: "";

	border-bottom: 2px solid #F50909;

	width: 11%;

	bottom: -5px;

}

div#owl-demo-projects .more {

	top: 65%;

}

.sec-footer {

	margin: 25px auto 150px;

}



}

 @media(max-width:499px) {

.team-pop h3, .team-outer h3 {

	font-size: 15px;

	margin-top: 5px;

}

.foot-addr .form-group {

	width: 100%;

}

div#owl-demo-projects .more {

	top: 50%;

}

.da-thumbs .item {

	float: none;

	position: relative;

}

}

 @media(max-width:420px) {

.backto-main {

	position: absolute;

	right: 0;

	bottom: 8px;

	/* overflow-y: hidden; */







	z-index: 99;

}

div#inline1 {

	width: auto !important;

}

}