|
|
@ -469,12 +469,27 @@ nav.nav { |
|
|
|
} |
|
|
|
} |
|
|
|
.banner{ |
|
|
|
background-image: url(../images/banner.jpg); |
|
|
|
position: relative; |
|
|
|
height: 100vh; |
|
|
|
background-repeat: no-repeat; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
background: black; |
|
|
|
} |
|
|
|
.hero-banner{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
object-fit: cover; |
|
|
|
position: absolute; |
|
|
|
opacity: 0.4; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
z-index: 0; |
|
|
|
} |
|
|
|
.banner .o_colored_level{ |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
transform: translateY(-50%); |
|
|
|
z-index: 1 |
|
|
|
} |
|
|
|
|
|
|
|
.banner h1{ |
|
|
|
font-size: 72px; |
|
|
|
margin-bottom: 10px; |
|
|
@ -493,6 +508,15 @@ a.btn-quote { |
|
|
|
padding: 14px 40px; |
|
|
|
color: #000000; |
|
|
|
} |
|
|
|
.btn-hero{ |
|
|
|
display: inline-block; |
|
|
|
font-weight: 300; |
|
|
|
color: #fff; |
|
|
|
background-color: #fdb139; |
|
|
|
border-radius: 5px; |
|
|
|
padding: 12px 25px; |
|
|
|
} |
|
|
|
} |
|
|
|
/*-- Counter CSS --*/ |
|
|
|
.counter-area { |
|
|
|
position: relative; |
|
|
@ -650,10 +674,10 @@ a.btn-quote { |
|
|
|
text-align: left; |
|
|
|
} |
|
|
|
.about-area .about-img { |
|
|
|
background-image: url("../images/about.jpg"); |
|
|
|
background-size: cover; |
|
|
|
background-position: center center; |
|
|
|
background-repeat: no-repeat; |
|
|
|
opacity:0.4; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
position: relative; |
|
|
@ -925,15 +949,25 @@ section.footer { |
|
|
|
/*-- End Footer CSS --*/ |
|
|
|
/*----- About CSS -----*/ |
|
|
|
.page-title-area { |
|
|
|
background-image: url(../images/page-title-bg.jpg); |
|
|
|
background-size: cover; |
|
|
|
background-position: center center; |
|
|
|
background-repeat: no-repeat; |
|
|
|
position: relative; |
|
|
|
position: relative; |
|
|
|
height: 500px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
display:flex; |
|
|
|
align-items:center; |
|
|
|
justify-content:center; |
|
|
|
} |
|
|
|
.page-title-area .page-title-area-hero{ |
|
|
|
position: absolute; |
|
|
|
top: 50%; |
|
|
|
left: 50%; |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
transform: translate(-50%, -50%); |
|
|
|
z-index: 1; |
|
|
|
opacity:0.4; |
|
|
|
} |
|
|
|
.page-title-area .d-table{ |
|
|
|
position: relative; |
|
|
|
z-index: 2; |
|
|
|
} |
|
|
|
.page-title-area:before { |
|
|
|
position: absolute; |
|
|
@ -989,14 +1023,20 @@ section.footer { |
|
|
|
max-width: 100%; |
|
|
|
} |
|
|
|
.watch-area .watch-item { |
|
|
|
height: 500px; |
|
|
|
position: relative; |
|
|
|
background-image: url("../images/watch-bg.jpg"); |
|
|
|
background-size: cover; |
|
|
|
background-position: center center; |
|
|
|
background-repeat: no-repeat; |
|
|
|
position: relative; |
|
|
|
background: black; |
|
|
|
} |
|
|
|
.hero-about-us{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
object-fit: cover; |
|
|
|
position: absolute; |
|
|
|
opacity: 0.4; |
|
|
|
top: 0; |
|
|
|
left: 0; |
|
|
|
z-index: 0; |
|
|
|
} |
|
|
|
.watch-area .watch-item:before { |
|
|
|
/*.watch-area .watch-item:before { |
|
|
|
position: absolute; |
|
|
|
content: ''; |
|
|
|
width: 100%; |
|
|
@ -1005,7 +1045,7 @@ section.footer { |
|
|
|
left: 0; |
|
|
|
background-color: #fdb139; |
|
|
|
opacity: .70; |
|
|
|
} |
|
|
|
}*/ |
|
|
|
.watch-area .watch-item .d-table-cell { |
|
|
|
vertical-align: bottom; |
|
|
|
} |
|
|
@ -1016,7 +1056,8 @@ section.footer { |
|
|
|
color: #fff; |
|
|
|
} |
|
|
|
.watch-area .watch-item .watch-content { |
|
|
|
position: relative; |
|
|
|
position: absolute; |
|
|
|
bottom:0px; |
|
|
|
padding-left: 40px; |
|
|
|
padding-bottom: 32px; |
|
|
|
max-width: 325px; |
|
|
@ -1193,15 +1234,24 @@ section.footer { |
|
|
|
/*-- End Subscribe CSS --*/ |
|
|
|
/*-- Projects CSS --*/ |
|
|
|
.Portfolio { |
|
|
|
background-image: url(../images/portfolio-bg.jpg); |
|
|
|
background-size: cover; |
|
|
|
background-position: center center; |
|
|
|
background-repeat: no-repeat; |
|
|
|
position: relative; |
|
|
|
position-relative |
|
|
|
height: 500px; |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
background: #000; |
|
|
|
} |
|
|
|
.portfolio-hero{ |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
object-fit: cover; |
|
|
|
opacity: 0.5; |
|
|
|
position: absolute; |
|
|
|
left: 0; |
|
|
|
top: 0; |
|
|
|
z-index: 1 |
|
|
|
} |
|
|
|
|
|
|
|
.Portfolio .d-table { |
|
|
|
position: relative; |
|
|
|
z-index: 2; |
|
|
|
} |
|
|
|
.project-area { |
|
|
|
position: relative; |
|
|
|