@media (min-width:768px)
{.portfolio .col-lg-2{width:14.25%}}
/***********start overiding bootstrap*******/
h1, h2, h3, h4, h5, lead {font-family: 'Roboto', sans-serif;
}
/*main navbar*/
.h1 {margin-bottom:10px};
.h2 {margin-bottom:10px};



.navbar { min-height: 50px;}

/*active link*/
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color:rgb(255,0,0);
}


.arabic div {text-align:right;}
.speakup {
	position: absolute;
	width: 134px;
	height: 38px;
	z-index: 2;
	top: 28px;
	right: 0px;
}

.card-text {
    margin-bottom: 0;
	margin-left: 20;
	padding-left:  20;
	padding-right: 20;
	margin-right: 20;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
   
    min-height: 1px;
    padding-right: 20px;
    padding-left:20px;
}

.card-title {
    margin-bottom:25px;
	font-size:23px;
	color: rgba(0,0,0,1.00);
	padding-left: 10px;
	padding-right: 10px;
	font-family:"Helvetica Neue",'Raleway', Helvetica, Arial, sans-serif;
}

.card5 { background: rgba(0,131,152,1.00);
    
    width: 100%;
    min-height: 100px;

    
}
.card6 {font-size:26px;
	color: rgba(255,255,255,1.00);
	padding: 25px;

    
}
 .story {font-family: "Helvetica Neue",'Raleway', Helvetica, Arial, sans-serif;
 text-align: justify;
 
  font-size: 14px;
  
  color: #333;
 
}
.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-radius:0px;
	
}


.portfolio-item {
  margin-bottom: 30px;
}

.vcenter{
margin: auto;
  width: 100%;}

.img{padding-right: 0px;}




#apDiv10 {
	position: absolute;
	width: 134px;
	height: 38px;
	z-index: 2;
	top: 5px;
	right: -87px;
}





/* Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;

		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
	visibility: hidden;
	top: 50px;
	left: 85%;
	margin-left: -278px;
	width: 320px;
	font-size: 12px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	/* [disabled]border-radius: 5px; */
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	color: #373737;
	background-color: #CCC;
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
	/*
		
/* Headings
--------------------------------------------- */

h1a,
h2a,
h3a,
h4a,
h5a,
h6a,
h8a,
h9a, {
	color: #333;
  font-family: "Montserrat",sans-serif;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 16px;
	margin: 0 0 1.6rem;
}

h1a {
	color:#5E6265;
	font-size: 32px;
	font-size: 3.1rem;
	;
}

h2a {
	font-size: 30px;
	font-size: 3rem;
}

h3a {
	
	font-size: 18px;
	font-size: 2rem;
	
}

h4a {
	color:#333;
font-size:1.5rem;

margin-top:0px;}

h9a {
	color:# CCC;
font-size:1.7rem;
opacity:.8; 

margin-top:0px;}



h5a {
	color:#5E6265;
font-size:2rem;
margin-top:0px;

}

h5c {
	color:#5E6265;
	line-height: 1.8;
font-size:2rem;
margin-top:0px;

}

h5b {
	color:#3A6394;
font-size:3.2rem;
margin-top:0px;
line-height: 1.8;
}



h6a {
	font-size: 25px;
	font-size: 2.5rem;
	color:#FFF;
}

h6b {
	font-size: 14px;
	font-size: 2rem;
	color:#FFF;
	padding-left:10px;
	padding-right:10px;
}




h8a {
	font-size: 25px;
	font-size: 2rem;
	color:#75787b;
}

h7a {
	font-size: 50px;
	font-size: 3.5rem;  
	text-decoration:none;
	color: #5E6265;
}


h9a {
	font-size: 50px;
	font-size: 2.2rem;
	text-decoration:none;
	color: #00358E;
}

h10a {
	font-size: 50px;
	font-size: 4rem;
	text-decoration:none;
	color: #9B316D;
}
h12a {
	font-size: 50px;
	font-size: 3.5rem;
	text-decoration:none;
	color: #9B316D;
}

h13a {
	font-size: 55px;
	font-size: 4rem;
	text-decoration:none;
	color: #00358E;
}
h14a {
	font-size: 35px;
	font-size: 18px;
	text-decoration:none;
	color: #00358E;
}

orange2 {
	font-size: 35px;
	font-size: 18px;
	text-decoration:none;
	color: #E57200;
}

.orange {
font-family: 'Open Sans', sans-serif;

color:#E57200;
font-size: 2rem;
}

.orange1 {
font-family: 'Open Sans', sans-serif;

color:#E57200;
font-size:6rem;
}


articleinvestor {
    margin: 0 auto;
    max-width: 976px;
}
.investor{

    font-family: 'Raleway', sans-serif;
	
    font-size: 1.6rem;
 
   margin: 0 auto;
    letter-spacing: .5px;
    margin: 20px 0 -10px;
        margin-top: 20px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;



}


input,
select,
textarea {
	background-color: #fff;
	border: 1px solid #999;
	color: #333;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 13px;
	padding: 1.3rem;
	width: 100%;
}

input:focus,
textarea:focus {
	border: 1px solid #fff;
	outline: none;
}

::-moz-placeholder {
	color: #fff;
	opacity: 1;
}

::-webkit-input-placeholder {
	color: #999;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.entry-content .button {
	background-color: #DC9E03;
	border: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	  font-family: "Montserrat",sans-serif;
	font-size: 15px;
	font-size: 1.5rem;
	padding: 18px 30px;
	padding: 1.8rem 3rem;
	text-transform: uppercase;
	letter-spacing: 1px;
	width: auto;
}

button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
.button:hover,
.entry-content .button:hover {
	background-color: #223A50;
	color: #fff;
}

.entry-content .button:hover {
	color: #fff;
}

.button {
	border-radius: .4rem;
	display: inline-block;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button {
	display: none;
}


.home-testimonial-section {
	padding: 80px 0;
	padding: 2rem 0;
	text-align: center;
}

.home-testimonial-section .wrap {
	max-width: 920px;
}

.home-testimonial-section h2a {
	font-size: 22px;
	font-size: 2.2rem;
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
	position: relative;
	top: -12px;
	text-align: center;
	text-transform: uppercase;
color: #223A50;
}

.home-testimonial-section h2a span {
	background: #fff;
	padding: 0 20px;
	padding: 0 2rem;
}

.testimonial-box {
	border: 5px solid #efefef;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	padding: 0 35px 35px;
	padding: 0 3.5rem 3.5rem;
	text-align: center;
}

.testimonial-box-inner {
	overflow: hidden;
}

.testimonial-client {
	float: left;
	margin: 5px 0 20px;
	margin: .5rem 0 2rem;
	overflow: hidden;
	position: absolute;
	text-align: center;
	width: 180px;
}
.link a {color:#333}

.testimonial-text {
	min-height: 235px;
	padding-left: 200px;
	
}

.hbg-testimonials .testimonial-text {
	min-height: 0;
}

.testimonial h3a {
	line-height: 1.4;
	padding-left: 200px;
	text-align: center;
}

.home .testimonial-client {
	width: 160px;
}

.home .testimonial-text,
.home .testimonial-box-inner h3a {
	padding-left: 190px;
	padding-left: 25rem;
}

.home .testimonial-box-inner h3a {
	line-height: 1.4;
	text-align: center;
}

.testimonial-box p:last-of-type {
	margin: 0;
}

.home-testimonial-section .client-site {
	margin-bottom: 0;
}

.client-site a {
	border: none;
}

.site-inner,
.wrap {
	margin: 0 auto;
	max-width: 1120px;
}


.flixeble-block-wrapper {

    display: inline-block;
    width: 100%;
    background: white;
    padding: 40px 0;

}





/* Objects
--------------------------------------------- */

embed,
iframe,
img,
object,
video,
.wp-caption {
	max-width: 100%;
}

img {
	height: auto;
	width: auto; /* IE8 */
}



.client-name {
	  font-family: "Montserrat",sans-serif;

	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.35;
	text-transform: uppercase;
}



.aboutf {
	color: #333;
  font-family: cenl;
	font-size: 20px;
}


.flixeble-backgrounds {

    padding: 48px 40px;
    background-image: url(../images/sustain.jpg);
    background-repeat: no-repeat;
    background-position: 90% 0%;
    background-size: cover;

}

.sastib{
	background: url(../images/sustain.jpg) no-repeat center center
	;}




.whitebig {
font-family: 'Montserrat', sans-serif;
color:#fff;
font-size:3vw;
line-height: 15px;
	margin-top:15px;
}


.greebig {
font-family: 'Montserrat', sans-serif;
color:#5E6265;
font-size:3vw;
margin-top:0px;
}

.red {
font-family: Arial, sans-serif;
color: #C00;
font-size:36px;
margin-top:0px;
}




.reds {
font-family: Arial, sans-serif;
color: #C00;
font-size:26px;
margin-top:0px;
}

.red-menu {
font-family: Arial, sans-serif;
color: #C00;
font-size:31px;
margin-top:0px;
}

.red-menus {
font-family: Arial, sans-serif;
color: #C00;
font-size:20px;
margin-top:0px;
}

.green {
font-family: Arial, sans-serif;
color: #40ab65;
font-size:36px;
margin-top:0px;
}


.greens {
font-family: Arial, sans-serif;
color: #40ab65;
font-size:26px;
margin-top:0px;
}


.green-menu {
font-family: Arial, sans-serif;
color: #40ab65;
font-size:31px;
margin-top:0px;
}


.green-menus {
font-family: Arial, sans-serif;
color: #40ab65;
font-size:20px;
margin-top:0px;
}

.blue {
font-family: Arial, sans-serif;
color: #00358E;
font-size:36px;
margin-top:0px;
}

.blues {
font-family: Arial, sans-serif;
color: #00358E;
font-size:26px;
margin-top:0px;
}


.blue-menu {
font-family: Arial, sans-serif;
color: #00358E;
font-size:31px;
margin-top:0px;
}

.blue-menus {
font-family: Arial, sans-serif;
color: #00358E;
font-size:20px;
margin-top:0px;
}


.bluel-menu {
font-family: Arial, sans-serif;
color: #577AAB;
font-size:31px;
margin-top:0px;
}


.bluel-menus {
font-family: Arial, sans-serif;
color: #577AAB;
font-size:20px;
margin-top:0px;
}
.bluel-menus {
font-family: Arial, sans-serif;
color: #577AAB;
font-size:20px;
margin-top:0px;
}

.bluel {
font-family: Arial, sans-serif;
color: #577AAB;
font-size:36px;
margin-top:0px;
}

.bluels {
font-family: Arial, sans-serif;
color: #577AAB;
font-size:26px;
margin-top:0px;
}

.bluehots {
	font-family: Arial, sans-serif;
	font-size: 18px;
	text-decoration:none;
	
color: #577AAB;
}



.greenalber {
font-family: Arial, sans-serif;
color: #009d95;
font-size:36px;
margin-top:0px;
}


.greenalbers {
font-family: Arial, sans-serif;
color: #009d95;
font-size:26px;
margin-top:0px;
}

.green1-menu {
font-family: Arial, sans-serif;
color: #009d95;
font-size:31px;
margin-top:0px;
}


.green1-menus {
font-family: Arial, sans-serif;
color: #009d95;
font-size:20px;
margin-top:0px;
}



.red2{
font-family: 'Montserrat', sans-serif;
color: #C00;
font-size:1vw;
margin-top:0px;
}

.inv {
margin-top:10px;
margin-bottom:10px;
}


.bglightgree{ background:url(../images/bglightgree.gif);}

.bglines{ background:url(../images/pac-lines.gif);}

.bglightgree span{
	font-size:3rem;
	font-weight:normal;}


.bgblue{ background-color: #00358E !important; }

.bgtit{ background:url(../images/bgtitorange.gif);
min-height:30px; 
}




.bgunerani{ background:url(../images/pac-bganibottom.gif);
min-height:100px; }
.bgsustain {  background: url(../images/bgsustain.jpg) no-repeat center center;	font-family: 'Montserrat', sans-serif ;
color:#5E6265;
min-height:400px;
line-height: 1.9;}

.bgsustain1 { margin-top:80px; 
margin-left:50px;}

/*active link*/
.navbar-inverse .navbar-nav > li > a {color: #000;
font-size:18px;
font-family: 'Open Sans Condensed', sans-serif;
text-transform:uppercase;
}
/*Brand name*/
.navbar-inverse .navbar-brand {
	font-size:30px;
	color:rgb(204,204,204);
	padding:40px;
	padding-top:0px;
}
.navbar-inverse .navbar-brand span{color:rgb(255,0,0);}
/*drop down Menu*/
.dropdown-menu {
	background-color:rgb(239,239,239);
	min-width: 200px;
	max-width:970px;
}
/*drop down Links*/
.dropdown-menu > li > a {color:rgb(204,204,204);padding: 6px 20px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color:rgb(255,0,0);
	color:rgb(255,255,255);
	/*hover effect */
	padding-left:25px;
	/*to make th hover effect smother*/
	-webkit-transition:padding 0.7s ease; 
	-moz-transition:padding 0.7s ease;
	-o-transition:padding 0.7s ease;
	transition:padding 0.7s ease;
}
.dropdown-menu .divider {background-color:rgb(128,0,0);}
.navbar-right .dropdown-menu {left:0px;right:auto;}
/*didnt work with explorer
.navbar-nav > li > a {
  padding-top: 25px;
  padding-bottom: 25px;
}*/
.navbar-nav > li > .dropdown-menu{margin-top: 5px;}
.titels{padding:5px;
margin-top: 10px;}
.links{margin-top: 0px;
padding:30px;}
.links a {
	color: rgb(51,51,51);
	font-size:14px;
	text-transform:uppercase;
	line-height:40px;}
	.links a:hover {
		text-decoration:none;
		color:rgb(0,0,0)}
	.links div{
		border-bottom: 1px dashed  rgb(173,163,151)
		;}
		
		
		
		
		.links1{ padding-top:10px; padding-left:40px;
		padding-bottom:30px;
		}
.links1 a {
	color: rgb(51,51,51);
	font-size:14px;
	text-transform:uppercase;
	line-height:40px;}
	.links1 a:hover {
		text-decoration:none;
		color:rgb(0,0,0)}
	.links1 div{
		border-bottom: 3px 	;}
.navbar-toggle {margin:1px}
/* carouse */
.carousel{margin-top: 7%;}
.carousel-caption {
	padding-bottom:20px;
	padding-right:20px;
	padding-left:20px;
	border-radius:10px;
			background: rgba(255,255,255,0.3); 
}
.carousel-indicators {bottom:0px;}
.carousel-indicators li {
	height:15px;
	width:15px;
	border: 1px solid rgb(102,102,102);
}
.carousel-indicators .active {
	height:17px;
	width:17px;
	background-color:rgb(0,0,0);
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {width:100%}





.carouse3{margin-top: 10%;
margin-bottom: 10%;}
.carouse3-caption {
	
	width:50%;	
	padding-right:20px;
	padding-left:20px;
	border-radius:10px;
			background: rgba(255,255,255,0.9) center;}
.carouse3-indicators {bottom:0px;}
.carouse3-indicators li {
	height:15px;
	width:15px;
	border: 1px solid rgb(102,102,102);
}
.carouse3-indicators .active {
	height:17px;
	width:17px;
	background-color:rgb(0,0,0);
}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carouse3-inner > .item > img, .carouse3-inner > .item > a > img {width:100%}






/***********end overiding bootstrap*******/

/* start section about */
.about {padding-top:60px;padding-bottom:60px;}
.about span {color:rgb(255,0,0);}
.about .lead {
	color:#888;
	font-size:25px;
	margin-top:15px;
}


.ani {padding-top: 0px;
	
}
.feat p {line-height:2em;}
.feat  {margin-bottom: 50px;}
.features .feat span.glyphicon {font-size:30px;margin-bottom:10px;}
.features .feat span.glyphicon hover {color:rgb(255,0,0);}

/* start section price table */
.price-table {
	background-color: rgb(24,61,138);
	padding-top: 70px;
	padding-bottom: 50px;
	color: rgb(255,255,255);;
}
.price-table h2{
	color:rgb(255,255,255);}
.price-table .price-box{
	padding:10px;
	margin-bottom:15px;
}
.price-table .price-box:hover p{
	
}
.price-table .price-box span{margin:5px 0 15;
font-size:50px;}
.price-table .price-box p{
	padding-top:20px;
	font-size:20px;
}
.price-table .price-box ul{line-height:250%;font-size:18px;}
.price-table .price-box a{margin-bottom:5px;}





.price-table1 {
		background-color: rgb(255,255,255);

	padding-top: 30px;
	padding-bottom: 50px;
	color: rgb(117,120,123);
}
.price-table1 h2{
	color: rgb(117,120,123);}
.price-table1 .price-box{
	padding:10px;
	margin-bottom:15px;
}
.price-table1 .price-box:hover p{
	
}
.price-table1 .price-box span{margin:5px 0 15;
font-size:30px;}
.price-table1 .price-box p{
	padding-top:20px;
	font-size:20px;
}
.price-table1 .price-box ul{line-height:250%;font-size:18px;}
.price-table1 .price-box a{margin-bottom:5px;}








/* end section price table */




/* start section about */

/* end testimonials section */
.testimonials {padding-top: 50px;padding-bottom:50px;}
.testimonials .lead {line-height: 2em;margin-bottom:10px;}
.testimonials span {
	font-size:18px;
	font-weight:bold;
	color:rgb(255,0,0);
}
.testimonials .carousel-inner {min-height:160px;}
.testimonials .carousel-indicators {
	position:static;
	width:100%;
	margin-left:auto;
	padding-top:20px;
}







.testimonials .carousel-indicators li{
	text-indent:0px;
	width:80px;
	height:80px;
	opacity:0.5;
	border: 2px solid rgb(255,255,255);
	border-radius:50%; /* Circle*/
	overflow:hidden; /* to let the photo inside the border*/
	margin:5px;
}
.testimonials .carousel-indicators li.active{
	opacity:1;
	width:80px;
	height:80px;
	background:none;
	border: 2px solid rgb(51,51,51);
	border-radius:50%;
	overflow:hidden;
}
.testimonials .carousel-indicators li img{max-width:100%;}
/* start section price table */
.price-table {
	background-color:rgb(89,89,89);
	padding-top:50px;
	padding-left:40px;
	padding-bottom:20px; 
}
.price-table .price-box{
	background-color:rgb(89,89,89);
	padding:10px;
	border: 1px solid rgb(89,89,89);
	margin-bottom:15px;
}
.price-table .price-box:hover p{
	-webkit-transform:scale(1.1,1.1)rotate(360deg);/*scale to be bigger rotate to rotate */
	-moz-transform:scale(1.1,1.1)rotate(360deg);
	-o-transform:scale(1.1,1.1)rotate(360deg);
	transform:scale(1.1,1.1)rotate(360deg);
	border:2px solid rgb(153,153,153);
}
.price-table .price-box h3{margin:5px 0 15;}
.price-table .price-box p{
	font-size:30px;
	font-weight:bold;
	color:#fff;
	width:100px;
	height:100px;
	
}
.price-table .price-box ul{line-height:250%;font-size:18px;}
.price-table .price-box a{margin-bottom:5px;}
/* end section price table */
/* start section our team */
.team {
	background:url("../images/back.jpg") no-repeat center center fixed;
	opacity:.8;
	width:100%;
	min-height:600px;
}
.team .team2 {
	background:rgba(2,2,2,0.1);
	color:rgb rgb(0,0,0);
	min-height:600px;
	padding-top:40px;
	padding-bottom:40px;
}
.team2 .person {margin-bottom:40px; }
/* end section our team */



/* start section our flixeble */
.flixeble-background {
	padding: 48px 40px;
    background-image:url(../images/fact.jpg);
    background-repeat: no-repeat;
    background-position: 90% 0%;
    background-size: cover;
}
.flixeble .flixeble2 { 
	background:rgba(2,2,2,0.1); 	color:rgb(102,102,102);
	min-height:300px;
	padding-top:40px;
	padding-bottom:40px;
}


.flixeble-action-gradient {
    background: #fff;
    opacity: 0.9;
   
    position: relative;
	   
    padding: 20px 30px 30px;
    max-width: 99%;
}
}

.flixeble2 .person {margin-bottom:40px; }

.flixeble-block-wrapper {
    display: inline-block;
    width: 100%;
    background: white;
    padding: 40px 0;}
	
	.flixeble-container {
    padding-right: 0.8rem;
    padding-left: 0.8rem;
    max-width: 1400px;
    margin: 0 auto;
}
/* end section our parent */








/* start section our vision */
.vision {
	background:url("../images/back1.jpg") no-repeat center center fixed ;
	opacity:.8;
	width:100%;
	min-height:300px;
	
}
.vision .vision2 {
	background:rgba(2,2,2,0.1) center;
	color:rgb(255,255,255);
	min-height:300px;
	padding-top:40px;
	margin-top:40px;
	padding-bottom:40px;
}
.vision2 .person {margin-bottom:40px; }
/* end section our vision */







/* start section our history */
.history {
	background:url("../images/history.jpg") no-repeat center center fixed ;
	opacity:.8;
	width:100%;
	min-height:300px;
	
}
.history .history2 {
	background:rgba(2,2,2,0.1) center;
	color:rgb(255,255,255);
	min-height:500px;
	padding-top:40px;
	margin-top:40px;
	padding-bottom:40px;
}
.history2 .person {margin-bottom:40px; }
/* end section our vision */






/* start section our social */
.social {
	background:url("../images/policy2.jpg") no-repeat center center fixed ;
	opacity:1;
	width:100%;
	min-height:600px;
	
}
.social .social2 {
	background: rgba(204,204,204,0.2) center;
	color:rgb(255,255,255);
	min-height:300px;
	padding-top:40px;
	margin-top:40px;
	padding-bottom:40px;
}
.social2 .person {margin-bottom:40px; }
/* end section our vision */







/* start section suscribe */
.subscribe {
	padding-top: 40px;
	padding-bottom:70px;
	background:#EEE;
}
.subscribe .h1 {
	color:#888;
	letter-spacing:2px;
	margin-bottom:20px;
}
.subscribe p {margin-bottom:30px;}
.subscribe .form-control {
	border-radius:0;
	margin-right:-5px;
	width:300px;
}
.subscribe button {border-radius:0;}
/* end section suscribe */

/* start section stas */
.stats {
	background:url("../images/back.jpg") no-repeat center center fixed;
	min-height:300px;
	opacity:.9;
}
.stats .stats2 {
	background:rgba (204,204,204,0.7);
	color:#B6B5B5;
	min-height:300px;
}
.stats3 {margin-bottom:30px;}
.stats3:hover {color:rgb(255,255,255);}
.stats3 p{
	font-size:60px;
	font-weight:600;
	margin-bottom:0px;
}
.stats3 span{font-size:18px;}
/* end section stas */







/* start section fact */
.influence {
	background:url("../images/influence.jpg") no-repeat center center fixed;
	min-height:300px;
	opacity:.9;
}
.fact .fact2 {
	background:rgba(2,2,2,.8);
	color:#B6B5B5;
	min-height:300px;
}
.fact3 {margin-bottom:30px;}
.fact3:hover {color: rgb(153,153,153);	}
.fact3 p{
	font-size:60px;
	font-weight:600;
	margin-bottom:0px;
}
.fact3 span{font-size:14px;}
/* end section stas */



/* start section stas */
.influence {
	background:url("../images/influence.jpg") no-repeat center center fixed;
	min-height:300px;
	opacity:.9;
}
.influence .influence2 {
	background:rgba(2,2,2,.8);
	color:#B6B5B5;
	min-height:300px;
}
.influence3 {margin-bottom:30px;}
.stats3:hover {color:rgb(255,255,255);	}
.stats3 p{
	font-size:60px;
	font-weight:600;
	margin-bottom:0px;
}
.stats3 span{font-size:18px;}
/* end section stas */





/* start section skills */
.skils {padding-top:40px;padding-bottom:60px;}
.skils h3 {font-weight:bold;margin-top:0px;}
.skils .progress {height:30px;}
.skils .progress-bar {
	line-height:30px; /*same as height to center vertically*/
	font-size:15px;
	font-weight:bold;
	text-align:left;
	text-indent:10px;/*sto make a space fefore the text*/
}
/* end section skills */

/* start section contact */
.our_contact {
	background:url("../images/back.jpg") no-repeat center center fixed;
	min-height:300px;
}
.contact_us {
	background:rgba(2,2,2,0.7);
	min-height:300px;
	color:rgb(153,153,153);
	padding-top:40px;
	padding-bottom:40px;
}
.contact_us p {margin-bottom:40px;}
.contact_us textarea {height:108px;}
.contact_us input[type="text"], .contact_us textarea{
	background:rgba(82,78,78,0.7);
	color:rgb(255,255,255);
	border:none;}
/* end section contact */
/* start section our clients */
.our_clients{
	background:#EEE;
	padding-top:20px;
	padding-bottom:20px;
}	
.our_clients img{
	opacity:0.4;
	filter:alpha(opacity=40);/*for internet explorer*/
	margin-top:20px;
	margin-bottom:20px;	}
.our_clients img:hover {opacity:1;}

/* end section our clients */
/* start section footer */
.footer {
	background:#494949;
	color:#fff;
	padding-top:30px;
	
}
.footer a{color:#fff;	}
.footer a:hover {color:#FFF;}
.footer h3 {color:#0895d1;
	letter-spacing:3px;
	margin:30px 0px 20px;}

.footer .three-columns {overflow:hidden;}
.footer .three-columns li{
	width:33.3333%;
	float:left;
	padding:20px 0;
}
.footer .social-list {overflow:hidden;margin:20px 0 10px;}
.footer .social-list li{
	float:left;
	margin:3px;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.footer .social-list li:hover {opacity:1;filter:alpha(opacity=100);}
.footer .img-thumbnail {
	background:rgba(0,0,0,0.2);
	border:1px solid #444;
	margin-bottom:5px;}
.footer .copyright {
	background:#333;
	color:#AAA;
	padding:15px 0;
	margin-top:30px;
	font-size:14px;
}

.footer .sub {
	
	color:#AAA;
	padding-left:5px;
	
	
	font-size:13px;
}



.footer span {color:#DC9E03;}
/* end section footer */






/* start section stain */
.stain {
	background: url(../images/bgsustain.jpg);
	min-height:500px;
	
	padding-top:30px;
	

}
.stain a{color:#fff;	}
.stain a:hover {color:#FFF;}
.stain h3 {color:#0895d1;
	letter-spacing:1px;
	margin:50px 0px 20px;}

.stain .three-columns {overflow:hidden;}
.stain .three-columns li{
	width:33.3333%;
	float:left;
	padding:5px 0;
}
.stain .social-list {overflow:hidden;margin:20px 0 10px;}
.stain .social-list li{
	float:left;
	margin:3px;
	opacity:0.7;
	filter:alpha(opacity=70);
}
.stain .social-list li:hover {opacity:1;filter:alpha(opacity=100);}
.stain .img-thumbnail {
	background:rgba(0,0,0,0.2);
	border:0px;
	margin-bottom:5px;}
	.stain .text {
	
	 margin-top:80px; 
margin-left:50px;
	padding:15px 0;
	margin-top:30px;
	font-size:12px;
}


.languages{
	background-color: #000;
	margin-bottom: 5px;
	font-size:14px;
	margin-top: 4px;
	padding-left: 240px;
	
}
.languages a{
	color: #ffffff; 
	margin-right:12px; 
}
.languages a:hover{
	text-decoration: none;
	color:#ffffff;
}
	
.stain .copyright {
	background:#111;
	color:#AAA;
	padding:15px 0;
	margin-top:30px;
	font-size:18px;
}
.stain span {color:#0895d1;}
/* end section footer */



/* start our grouping system */
.our_contact, .team, .stats {
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
}
.footer .social-list li, .our_clients img, .stats3, 
.testimonials .carousel-indicators li.active, 
.price-table .price-box p{
	-webkit-transition:all 0.5s ease-in-out; 
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;}	
/* end our grouping system */
/* there are 2 ways one to set the min & max width (in this way we have to type all the styles in every media) 
the other is to set min width only (in this case the style set in the first media will go through all other screens unless we overide it)*/
/*carousel fade*/
.carousel-fade {
    .carousel-inner {
        .item {
            transition-property: opacity;
            -webkit-transition-property: opacity;  
            -moz-transition-property:    opacity;
            -ms-transition-property:     opacity; 
            -o-transition-property:      opacity;
        }
        
        .item,
        .active.left,
        .active.right {
            opacity: 0;
        }

        .active,
        .next.left,
        .prev.right {
            opacity: 1;
        }

        .next,
        .prev,
        .active.left,
        .active.right {
            left: 0;
            transform: translate3d(0, 0, 0);
            -webkit-transform: translate3d(0, 0, 0);
            -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
            -o-transform: translate3d(0, 0, 0);
        }
    }

    .carousel-control {
        z-index: 10;
    }
}

html, 
body,
.carousel, 
.carousel-inner, 
.carousel-inner .item, 
.carousel-control {
    min-height:100px;
	
}

.item:nth-child(1) {
    background: none;
}

.item:nth-child(2) {
    background: none;
}

.item:nth-child(3) {
    background: none;
}
.more{background: url(../images/pac-bganibottom.gif);
display:inline-block;
padding:5px 15px;
margin:20px 0 10px}
.more {color: #fff}
.more:hover {color: #fff}
/* Mobiles and Tablets*/
@media (max-width:767px) 
{
	.links{padding-top :0px;
	padding-bottom:10px;}
	
	.links1{padding-top :0px;
	padding-bottom:2px;}
	.links1 div{
		border-bottom: 1px dashed  rgb(173,163,151)
		;}
	
	.navbar-nav > li > a {
		padding-top:10px;
		padding-bottom:10px;
		}
		.subscribe .form-control{
			margin:20px auto;
		}
		.navbar-fixed-top .navbar-collapse, 
		.navbar-fixed-bottom .navbar-collapse
		{max-height:none
		}
		.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 0px;}
  .carousel{margin-top: 0px;}
		
		
		
		
.home-testimonial-section h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 12px;
    margin-bottom: 1.2rem;
    position: relative;
    top: -12px;
    text-align: center;
    text-transform: uppercase;
    color: #223A50;}
	
	.flixeble {
	padding: 48px 40px;
    background-image:url(../images/plans.jpg);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: cover;
}
.contact .col-xs-4{width:38%; padding-right: 10px; padding-left: 10px;}
.contact .col-xs-8{width:62%; padding-right: 10px; padding-left: 10px;}
/* Small Screen*/
@media (min-width:768px) and (max-width:991px) 
{
	.links{padding:0px;}
	.links1{padding:0px;}
}
/* Meduim Screen*/
@media (min-width:992px) and (max-width:1199px) 
{
	
}
/* Large Screen*/
@media (min-width:992px) 
{
.carousel{margin-top:0px;
		}	
		.navbar {

    margin-bottom: 0px;
	  min-height: 250px;
}

}
@media only screen and (max-width: 873px) {

	.after-entry .enews-widget input,
	.after-entry .enews-widget input[type="submit"] {
		margin: 0 0 16px;
		margin: 0 0 1.6rem;
		width: 100%;
	}

}

@media only screen and (max-width: 860px) {

	.blog img.entry-image.alignleft,
	.archive img.entry-image.alignleft,
	.search img.entry-image.alignleft {
		margin-bottom: 24px;
		margin-bottom: 2.4rem;
	}

	.blog .entry-footer .entry-meta,
	.archive .entry-footer .entry-meta,
	.search .entry-footer .entry-meta {
		padding: 0 0 12px;
		padding: 0 0 1.2rem;
	}

.carouse3-caption {
	
	width:80%;	
	padding-right:20px;
	padding-left:20px;
	border-radius:10px;
			background: rgba(255,255,255,0.8) center;}



}




@media only screen and (max-width: 767px) {
body {padding-top: 0px;}
	.five-sixths,
	.four-sixths,
	.one-fourth,
	.one-half,
	.one-sixth,
	.one-third,
	.three-fourths,
	.three-sixths,
	.two-fourths,
	.two-sixths,
	.two-thirds {
		margin: 0;
		width: 100%;
	}

	.page .home-recent-work .entry:last-child {
		margin-bottom: 30px;
		margin-bottom: 3rem;
	}

	.testimonial-client {
		float: none;
		margin: 0 auto 20px;
		margin: 0 auto 2rem;
		overflow: hidden;
		position: static;
		text-align: center;
	}

	.home .testimonial-text,
	.testimonial-text,
	.home .testimonial-box-inner h3a,
	.testimonial h3a {
		padding-left: 0;
	}

	.single .entry-categories,
	.entry-footer .hbg-sharebar {
		float: none;
		margin-bottom: 20px;
		margin-bottom: 2rem;
		text-align: left;
	}

.flixeble-background {
    font-size: 1em;
    background-image: url(../images/plans.jpg);
    background-repeat: no-repeat;
}





}

@media only screen and (max-width: 480px) {
body {padding-top: 0px;}
	.home.header-image .site-title a {
		background: #fff url(images/logo-mobile.png) center center no-repeat;
		border: 1px solid #333;
		height: 86px;
		position: absolute;
		width: 120px;
		z-index: 100;
	}


	.hbg-home .responsive-menu {
		margin-top: 29px;
		margin-top: 2.9rem;
	}

}

@media only screen and (max-width: 479px) {
body {padding-top: 0px;}
	.after-entry .enews-widget {
		padding: 0 5%;
	}

	.page .home-recent-work .entry,
	.post-type-archive-project .entry {
		margin-left: 0;
		width: 100%;
	}

	.post-type-archive-project .project img,
	.home-recent-work img {
		margin: 0 auto;
	}

	.hbg-project .soliloquy-container .soliloquy-item {
		max-width: 668px;
		margin-right: 10px !important;
	}

	.adjacent-entry-pagination .pagination-previous {
		margin-bottom: 20px;
		margin-bottom: 2rem;
		max-width: 115px;
		text-align: right;
	}

	.entry-footer .hbg-sharebar .share-text {
		display: block;
	}

	.emily-photo,
	.greg-photo {
		float: none;
		margin: 0 auto 40px;
		margin: 0 auto 4rem;
	}

	.site-header .title-area,
	.header-image .site-title a {
		background-position: center center;
		width: 100%;
	}

	.home .site-header .title-area { 
		width: auto;
	}

	.home .header-image .site-title a {
		width: 250px;
	}

	.responsive-menu-icon {
		text-align: center;
	}


	.home .responsive-menu-icon {
		text-align: right;
	}

	.service,
	.service:nth-child(3n-1) {
		margin: 0 0 20px;
		margin: 0 0 2rem;
		width: 300px;
	}

	.hbg-services .site-inner {
		padding-right: 2%;
		padding-left: 2%;
	}

	.service img {
		position: relative;
		display: block;
	}

	.description {
		border-top: none !important;
		height: auto;
		padding-bottom: 15px;
		padding-bottom: 1.5rem;
		visibility: visible;
	}

	.home .quote {
		font-size: 18px;
		font-size: 1.8rem;
	}

.get-started-section {
	padding: 40px 0 40px;
	padding: 4rem 0 4rem;
	text-align: center;
}

	.get-started-title {
		font-size: 32px;
		font-size: 3.2rem;
		letter-spacing: -.25px;
	}

	.get-started-text,
	.request-quote {
		font-size: 20px;
		font-size: 2rem;
	}

.home-recent-work {
	background-color: #efefef;
	padding: 60px 0 60px;
	padding: 6rem 0 6rem;
	text-align: center;
}

.home-testimonial-section {
	padding: 40px 0;
	padding: 4rem 0;
	text-align: center;
}

.home-testimonial-section h2a {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}

.testimonial-box {
	border: 0px solid #efefef;
	margin-bottom: 40px;
	margin-bottom: 4rem;
	padding: 0 35px 35px;
	padding: 0 3.5rem 3.5rem;
	text-align: left;
}


	.request-quote .widget-title {
		font-size: 18px;
		font-size: 1.8rem;
	}

.request-quote {
	border: 5px solid #efefef;
	clear: both;
	font-size: 16px;
line-height: 24px;
	margin: 0 auto 50px;
	margin: 0 auto 5rem;
	padding: 0 35px 14px;
	padding: 0 2.5rem 1.4rem;
	text-align: center;
	max-width: 922px;
	width: 90%;
}

	.hbg-testimonials .entry,
	.post-type-archive .content,
	.page.hbg-services .entry,
	.page .entry,
	.single.hbg-project .entry,
	.home-recent-work h4a {
		border: none;
	}

	.hbg-testimonials .entry-title {
		font-size: 30px;
		font-size: 3rem;
	}

	.adjacent-entry-pagination .pagination-next {
		max-width: 105px;
		text-align: left;
	}

	.home .testimonial-box-inner h3a,
	.testimonial h3a {
		font-size: 20px;
		font-size: 2rem;
		line-height: 1.2;
	}

}

@media only screen and (max-width: 393px) {
body {padding-top: 0px;}
	.site-header .title-area {
		padding: 8px 0;
		padding: .8rem 0;
	}

	.home .site-header .title-area {
		padding: 0;
	}

	.header-image .site-title a {
		background-size: contain;
		min-height: 0;
		height: 0;
		padding-bottom: 8.4%;
	}









.inner-section article {
    float: left;
    width: 60%;
    padding-right: 4%;
    border-right: 1px solid #cccccc;


}


.measure {
  max-width: 48rem;
}
.measure-wide {
  max-width: 60rem;
}
.wrap {
  margin-right: auto;
  margin-left: auto;
}
.py1 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.clearfix:before, .cp-form:before, .contactForm:before, .inner-section:before, .clearfix:after, .cp-form:after, .contactForm:after, .inner-section:after {
  content: " ";
  display: table;
}
.clearfix:after, .cp-form:after, .contactForm:after, .inner-section:after {
  clear: both;
}
 .inner-section article {
    float: none;
    width: 92%;
    margin: 0 auto;
    padding-right: 0;
    border-right: none;
  }
.hides{
  display: none;
}