scam/scss/breadcrumb.scss
2019-02-18 11:43:07 +03:00

156 lines
No EOL
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
============================================================================================ */