156 lines
3.1 KiB
SCSS
156 lines
3.1 KiB
SCSS
|
/* Home Banner Area css
|
||
|
|
============================================================================================ */
|
||
|
|
.home_banner_area{
|
||
|
|
z-index: 1;
|
||
|
|
background: url(../img/banner/home-banner.jpg) no-repeat scroll center center;
|
||
|
|
background-size: cover;
|
||
|
|
.banner_inner{
|
||
|
|
overflow: hidden;
|
||
|
|
width: 100%;
|
||
|
|
padding: 170px 0px 140px 0px;
|
||
|
|
.banner_content{
|
||
|
|
color: #fff;
|
||
|
|
.col-lg-9{
|
||
|
|
vertical-align: middle;
|
||
|
|
align-self: center;
|
||
|
|
}
|
||
|
|
h2{
|
||
|
|
font-size: 60px;
|
||
|
|
font-weight: bold;
|
||
|
|
font-family: $open;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
margin-top: -30px;
|
||
|
|
}
|
||
|
|
p{
|
||
|
|
color: #fff;
|
||
|
|
font-family: $rob;
|
||
|
|
font-weight: 300;
|
||
|
|
max-width: 450px;
|
||
|
|
margin-bottom: 40px;
|
||
|
|
font-size: 14px;
|
||
|
|
}
|
||
|
|
.banner_map_img{
|
||
|
|
text-align: right;
|
||
|
|
}
|
||
|
|
.banner_btn{
|
||
|
|
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.blog_banner{
|
||
|
|
min-height: 780px;
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
overflow: hidden;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
.banner_inner{
|
||
|
|
background: #04091e;
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 100%;
|
||
|
|
min-height: 780px;
|
||
|
|
z-index: 1;
|
||
|
|
.overlay{
|
||
|
|
background: url(../img/banner/banner-2.jpg) no-repeat scroll center center;
|
||
|
|
opacity: .5;
|
||
|
|
height: 125%;
|
||
|
|
position: absolute;
|
||
|
|
left: 0px;
|
||
|
|
top: 0px;
|
||
|
|
width: 100%;
|
||
|
|
z-index: -1;
|
||
|
|
}
|
||
|
|
.blog_b_text{
|
||
|
|
max-width: 700px;
|
||
|
|
margin: auto;
|
||
|
|
color: #fff;
|
||
|
|
margin-top: 40px;
|
||
|
|
h2{
|
||
|
|
font-size: 60px;
|
||
|
|
font-weight: 500;
|
||
|
|
font-family: $rob;
|
||
|
|
line-height: 66px;
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
p{
|
||
|
|
font-size: 16px;
|
||
|
|
margin-bottom: 35px;
|
||
|
|
}
|
||
|
|
.white_bg_btn{
|
||
|
|
line-height: 42px;
|
||
|
|
padding: 0px 45px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.banner_box{
|
||
|
|
max-width: 1620px;
|
||
|
|
margin: auto;
|
||
|
|
}
|
||
|
|
.banner_area{
|
||
|
|
position: relative;
|
||
|
|
z-index: 1;
|
||
|
|
min-height: 400px;
|
||
|
|
background-image: -moz-linear-gradient( 0deg, rgba(188,43,255,.8) 0%, rgba(114,73,251,.8) 100%);
|
||
|
|
background-image: -webkit-linear-gradient( 0deg, rgba(188,43,255,.8) 0%, rgba(114,73,251,.8) 100%);
|
||
|
|
background-image: -ms-linear-gradient( 0deg, rgba(188,43,255,.8) 0%, rgba(114,73,251,.8) 100%);
|
||
|
|
.banner_inner{
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
width: 100%;
|
||
|
|
min-height: 400px;
|
||
|
|
z-index: 1;
|
||
|
|
// .overlay{
|
||
|
|
// background: url(../img/banner/banner.jpg) no-repeat scroll center center;
|
||
|
|
// position: absolute;
|
||
|
|
// left: 0;
|
||
|
|
// right: 0;
|
||
|
|
// top: 0;
|
||
|
|
// height: 125%;
|
||
|
|
// bottom: 0;
|
||
|
|
// z-index: -1;
|
||
|
|
// opacity: 1;
|
||
|
|
// }
|
||
|
|
.banner_content{
|
||
|
|
margin-top: 85px;
|
||
|
|
h2{
|
||
|
|
color: #fff;
|
||
|
|
font-size: 48px;
|
||
|
|
font-family: $rob;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
font-weight: 500;
|
||
|
|
}
|
||
|
|
.page_link{
|
||
|
|
a{
|
||
|
|
font-size: 14px;
|
||
|
|
color: #fff;
|
||
|
|
font-family: $rob;
|
||
|
|
margin-right: 32px;
|
||
|
|
position: relative;
|
||
|
|
text-transform: uppercase;
|
||
|
|
&:before{
|
||
|
|
content: "\f0da";
|
||
|
|
font: normal normal normal 14px/1 FontAwesome;
|
||
|
|
position: absolute;
|
||
|
|
right: -25px;
|
||
|
|
top: 50%;
|
||
|
|
transform: translateY(-50%);
|
||
|
|
}
|
||
|
|
&:last-child{
|
||
|
|
margin-right: 0px;
|
||
|
|
&:before{
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* End Home Banner Area css
|
||
|
|
============================================================================================ */
|