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;
}