Current File : /home/obabain/css/style.css

body{
	font-family: 'Roboto Condensed', sans-serif !important;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}
.head{
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	/*height:105px;*/
	float:left;
}
.slide{
	margin-top:80px;
}
.head1{
	font-size:40px;
	color:#4a4444;
	text-transform:uppercase;
	font-weight:bold;
	font-family:roboto;
}
.head2{
	font-size:16px;
	font-weight:300;
	text-align:center;
	color:#2d2929;
	font-family:roboto;
}
#cssmenu {
			position: relative;
			top: 38px;
			margin: auto;
			float:left;
			
		}
	
.para1{
	color:#403939;
	font-size:16px;
	line-height:26px;
	font-weight:300;
	text-align:center;

	font-family:roboto;
}
.button2{
	border:solid thin #068894;
	font-size:16px;
	font-weight:100;
	background:#068894;
	color:#fff;
	width:152PX;
	padding:10px 0px 8px 0px;
	margin:auto;
}
.b1{
	padding-top:20px;
	margin-bottom:50px;
}
.p-button{
	padding-top:80px;
	margin-bottom:40px;
	width:100%;
	height:auto;
	float:left;
}
.how-we {
		
}
	
a .b2{
	width:20px;
	height:20px;
	background:#fff;
		color:#fff;
	color:#068894;
	padding:11px 10px 10px;
}
a .b3{
	text-align:center;
	width:100%;
	margin-left:20px;
		color:#fff;
}
.home-section1{
	background:#f6f7f9;
	padding:0px !important;
}
.icon-circle{
	width:115px;
	margin:auto;
	height:115px;
	border-radius:150px;
	background:#068894;
}
.icons-main{
	margin-top:50px;
	height:auto;
	float:left;
	width:100%;
	margin-bottom:40px;
}


.icons-main h3{
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#564d4d;
	text-align:center;
	margin-top:30px;
}
.icons-main p{
	text-align:center;
	font-size:15px;
	line-height:24px;
	color:#2f2a2a;
	font-weight:200;
	margin-top:30px;
	font-family:roboto;
	
	
	
}
.icons-main2{
	margin-top:70px;
	height:auto;
	float:left;
	width:100%;
	margin-bottom:100px;
}


.icons-main2 h3{
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#666666;
	text-align:center;
	margin-top:30px;
}
.icons-main2 p{
	text-align:center;
	font-size:15px;
	line-height:24px;
	color:#666666;
	font-weight:200;
	margin-top:30px;
	
	
	
}

.icon1{
	background:#068894;
	padding:30px 0px 0px 30px;
}
.icon2{
	background:#0d68be;
	padding:30px 0px 0px 40px;
}
.icon3{
	background:#364860;
	padding:30px 0px 0px 35px;
}
.icon4{
	background:#b5292a;
	padding:30px 0px 0px 35px;
}
.icon5{
	background:#9b59b6;
	padding:35px 0px 0px 35px;
}
.icon6{
	background:#ee4b34;
	padding:35px 0px 0px 30px;
}
.icon7{
	background:#007236;
	padding:35px 0px 0px 30px;
}
.icon8{
	background:#c7932f;
	padding:30px 0px 0px 30px;
}
.button3{
	padding:6px 20px 5px 20px;
	margin-top:30px;
	text-transform:uppercase;
	font-size:14px;
	color:#666666;
	background:#FFF;
	border: solid 2px #2b7a78;
	margin-bottom:30px;	
}
.button3:hover{
	
	background:#2b7a78;
	color:white;
	border: solid 2px #ccc;
}
.home-section2{
	width:100%;
	height:auto;
	padding-top:20px;
	background:url(../images/img.jpg) fixed no-repeat;
	background-size:cover;
	
	
}
.home-section2 h2{
	font-size:45px;
	font-weight:bold;
	margin-top:100px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;

}
.icon-section2{
	width:100%;
	height:auto;
	float:left;
	margin-top:55px;
	padding-bottom:100px;
}
.icon-section2 h4{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	
	
}
.icon-section2 p{
	font-size:15px;
	color:#fff;
	text-align:center;
	font-weight:100;
	margin-top:-8px;
}
.option1{
	width:165px;
	height:165px;
	border-radius:150px;
	background:#068894;
	margin:auto;
		margin-top:20px;
	
	
}
.img-options{
padding:30px 0px 0px 60px;	
	
	
}
.img-options4{
padding:30px 0px 0px 45px;	
	
	
}
.option2{
	width:165px;
	height:165px;
	border-radius:150px;
	background:#3AAFA9;
	margin:auto;
		margin-top:20px;
	
}
.option3{
	width:165px;
	height:165px;
	border-radius:150px;
	background:#068894;
	margin:auto;
		margin-top:20px;
	
}
.option4{
	width:165px;
	height:165px;
	border-radius:150px;
	background:#3AAFA9;
	margin:auto;
	margin-top:20px;
	
}
.option5{
	width:165px;
	height:165px;
	border-radius:150px;
	background:#068894;
	margin:auto;
		margin-top:20px;
	
}
.option6{
	width:165px;
	height:165px;
	border-radius:150px;
	background:#3AAFA9;
	margin:auto;
	margin-top:20px;
	
}
.home-section3{
	width:100%;
	height:auto;
	padding-top:20px;
	background:url(../images/bg.JPG) fixed no-repeat;
	background-size:cover;
	padding-bottom:100px;
	float:left;
	
	
}
.home-section3 h2{
	font-size:45px;
	font-weight:bold;
	margin-top:100px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;

}
.head4{
	font-size:20px;
	font-weight:300;
	text-align:center;
	color:white;
	font-family:roboto;
}
.team-img{
	width:180px;
	height:180px;
	border-radius:150px;
	margin:auto;
	
}
.team-main{
	margin-top:50px;
	width:100%;
	height:auto;
	float:left;
	
}
.team-main h4{
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	
	
}

.team-main p{
	font-size:13px;
	color:#fff;
	text-align:center;
	font-weight:100;
	margin-top:-8px;
}
.protfolio-main{
	width:100%;
	height:auto;
	margin-top:10px;
	padding-bottom:40px;
	float:left;
}

.map-section{
	width:100%;
	height:auto;
	float:left;	
}
.footer-main{
	width:100%;
	height:auto;
	float:left;

	background:linear-gradient(to right,#172528,#068894,#2B7A78,#172528);
	margin-top:0px;
	
}
.footer-part{
	width:22%;
	float:left;	
	font-size:15px;
	font-weight:100;
	color:white;
	/*	padding-top:82px;*/
		font-family:roboto;
}
.footer-part h4{
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	color:white;

}
.footer-part h2{
	font-size:30px;
	text-transform:uppercase;
	font-weight:bold;
	color:white;
	margin-top:5px;

}


.home-section4{
	width:100%;
	height:auto;
	padding-top:20px;
		background:url(../images/about/home.png) fixed no-repeat;
	background-size:cover;
	
	
}
.home-section4 h3{
	font-size:45px;
	font-weight:bold;
	margin-top:100px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;

}















.sl-slider-wrapper {
	width: 800px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.sl-slider {
	position: absolute;
	top: 0;
	left: 0;
}

/* Slide wrapper and slides */

.sl-slide,
.sl-slides-wrapper,
.sl-slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
} 

.sl-slide {
	z-index: 1;
}

/* The duplicate parts/slices */

.sl-content-slice {
	overflow: hidden;
	position: absolute;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	background: #fff;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity : 1;
}

/* Horizontal slice */

.sl-slide-horizontal .sl-content-slice {
	width: 100%;
	height: 50%;
	left: -200px;
	-webkit-transform: translateY(0%) scale(1);
	-moz-transform: translateY(0%) scale(1);
	-o-transform: translateY(0%) scale(1);
	-ms-transform: translateY(0%) scale(1);
	transform: translateY(0%) scale(1);
}

.sl-slide-horizontal .sl-content-slice:first-child {
	top: -200px;
	padding: 200px 200px 0px 200px;
}

.sl-slide-horizontal .sl-content-slice:nth-child(2) {
	top: 50%;
	padding: 0px 200px 200px 200px;
}

/* Vertical slice */

.sl-slide-vertical .sl-content-slice {
	width: 50%;
	height: 100%;
	top: -200px;
	-webkit-transform: translateX(0%) scale(1);
	-moz-transform: translateX(0%) scale(1);
	-o-transform: translateX(0%) scale(1);
	-ms-transform: translateX(0%) scale(1);
	transform: translateX(0%) scale(1);
}

.sl-slide-vertical .sl-content-slice:first-child {
	left: -200px;
	padding: 200px 0px 200px 200px;
}

.sl-slide-vertical .sl-content-slice:nth-child(2) {
	left: 50%;
	padding: 200px 200px 200px 0px;
}

/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {
	position: absolute;
}

.sl-content {
	width: 100%;
	height: 100%;
	background: #fff;
}

/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {
	background: #ddd;
}

.sl-slide-vertical .sl-slide-inner {
	background: #ccc;
}
.client-main{
	margin-top:100px;
	float:left;
	height:150px;
	width:100%;
	position:relative;

}
.f-name{
	color:white;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	margin-top:20px;
	margin-left:-15px !important;
}
.f-name2{
	color:white;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	margin-top:20px;
}
.f-name2 a{
	color:white;
}
.footer-part2{
	border-top:#3b3b3b solid thin;
	width:100%;
	height:auto;
	float:left;
	margin-top:50px;
}
.top-contact-left{
	height:auto;
	float:left;
	
	color:#068894;
}
.c1{
	color: #068894;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: -1px;
  line-height:20px;
}
.top-contact-right{
	height:auto;
	float:left;
	padding-top:30px;
}
.c-head{
	font-size:15px;
	font-weight:400;
}
.pading-none-left{
	padding-left:0px !important;
	
}

.top-col{
	width:100%;
	height:60px;
	float:left;
	margin-top:105px;
	margin-bottom:40px;
	background:#068894;
	padding-top:20px;
	font-weight:500;
	color:#FFF;
	font-size:16px;
	padding-bottom:20px;

	
}
.about-main{
	margin-top:0px;
	float:left;
	width:100%;
	height:auto;
}
.about-main h1{
	font-size:45px;
	text-transform:uppercase;
	font-weight:bold;
	color:#068894;
	padding-top:10px;
	border-bottom:thin solid #CCC;
	padding-bottom:10px;
	font-family:roboto;
}
.about-main p{
	color:#100f0f;
	line-height:26px;
	font-weight:100;
	font-family:Bookman Old Style;
	
}
.list-style1{
	color:#666666;
	font-weight:normal;
	text-align:right;
	list-style:none;
	margin-top:30px;
	line-height:35px;
	
}
.about-left{
	width:100%;
	height:auto;
	margin-top:50px;
	text-align:right !important;
	font-weight:400;
	font-size:15px;
	color:#666666 !important;
	
	padding-right:10px;
}
.list-group-item{
	color:#666666 !important;
	border:none !important;
	background:url(../images/4.png) no-repeat right;
	text-transform:capitalize;
	

}
.list-group-item:hover
{
	background-color:#068894 !important;
	color:#FFF !important;
}
.img-top{
	margin-top:20px;
}
.content-style{
	color: #666666;
  line-height: 26px;
  font-weight: 100;
}
.about-main h2{
	color:#068894;
	    font-family: roboto;
}
.contact-map{
	width:100%;
	height:auto;
	float:left;
	margin-top:40px;
}
.footer-main-contact{
	width:100%;
	height:auto;
	float:left;
	height:350px;
	background:#151515;
}	
.form-horizontal{
	color:#666666;
	font-weight:300;
	text-align:left;
	font-family:Baskerville Old Face;
}
label{
	font-weight:500 !important;
}
.experance{
	margin-top:0px;
	float:left;
	width:100%;
	height:auto;
}
.experance h1{
	font-size:45px;
	text-transform:uppercase;
	font-weight:bold;
	color:#068894;
	padding-top:10px;
	border-bottom:thin solid #CCC;
	padding-bottom:10px;
}
.protfolio-main img{
	width:100%;
	border:#CCC solid thin;
	margin-top:20px;
}
.protfolio-main h4{
	color:#fff;
	font-size:16px;
	font-weight:200;
	padding:20px 0px 10px 10px;
	background:url(../images/protfolio-bg.PNG) repeat;
	margin-top:-10px;

}
.button4{
	margin-top:40px;
	margin-bottom:40px;
}
.team{
	width:100%;
	height:auto;
	float:left;
	margin-top:40px;
}
.team h4{
	text-align:left;
	margin-left:35px;
}
.team p{
	text-align:left;
	margin-left:35px;
	margin-top:-12px;
}
.team img{
	margin-left:0px;	
}
.post-content h3{
	text-transform:capitalize;
	color:#FFF;
	font-size:12px;
}
.bnr-clr-1 {
	color:#333 !important;	
}
.first-btn {
	background:#068894 !important;	
}
.second-btn {
	background:#f85770 !important;	
}
.third-btn {
	background:#f89422 !important;	
}
.fourth-btn {
	background:#ff6822 !important;	
}
.fifth-btn {
	background:#303539 !important;	
}
.sixth-btn {
	background:#00acff !important;	
}
.seventh-btn {
	background:#e6344d!important;	
}
.bnr-clr-5 {
	color:#333 !important;	
}
.bnr-clr-4 {
	color:#333 !important;	
}
.normal-mail {
	color:#606060;	
}
.carousel-caption{
	padding-bottom:110px !important;
	text-align:left;
	text-shadow:none;
	left:15%;
}
.carousel-caption h1{
	font-size: 54px;
	font-weight:800;
	text-transform:uppercase;
	margin-top:-5px;
}
.carousel-caption h3{
font-size: 30px;
text-transform:uppercase;
}
.text-color1{
	color:#333 !important;
}
.btn-color1{
	background:#068894 !important;
}
.btn-primary{
	font-size:16px;
	text-transform:uppercase;
	border:none;
	margin-top:20px;
}
.btn-color2{
	background:#f85770 !important;
}

.btn-color3{
	background:#f89422 !important;
}
.btn-color4{
	background:#e6344d!important;
}
.btn-color5{
	background:#303539 !important;
}
.btn-color6{
	background:#ff6822 !important;
}
.btn-color6{
	background:#00acff !important;
}
.carousel-indicators .active
{
	width:15px;
	height:15px;
	background:#CCC;
	border:#fff solid thin;
	
}
.carousel-indicators li{
	width:15px;
	height:15px;
	border:#CCC solid thin;
	background:#999;
	
}


.home-section5{
	width:100%;
	
	padding-top:20px;
	background:url(../images/img.jpg) fixed no-repeat;
	background-size:cover;
	padding-bottom:100px;
	float:left;
	
	
}
.home-section5 h2{
	font-size:30px;
	font-weight:bold;
	
	text-transform:uppercase;
	color:#fff;
	text-align:left;

}




.home-section6{
	width:100%;
	
	padding-top:20px;
	background:black fixed no-repeat;
	background-size:cover;
	padding-bottom:50px;
	float:left;
	
	
}
.home-section6 h2{
	font-size:30px;
	font-weight:bold;
	
	text-transform:uppercase;
	color:#fff;
	text-align:left;

}