106 lines
1.7 KiB
CSS
106 lines
1.7 KiB
CSS
|
.rev_slider img {
|
||
|
|
width: 100%
|
||
|
|
}
|
||
|
|
|
||
|
|
.rev_slider::after {
|
||
|
|
width: 100%;
|
||
|
|
height: 30%;
|
||
|
|
position: relative;
|
||
|
|
content: "";
|
||
|
|
top: 0px;
|
||
|
|
left: 0px;
|
||
|
|
z-index: 100;
|
||
|
|
display: block;
|
||
|
|
transition: all .3s ease;
|
||
|
|
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 30) 100%);
|
||
|
|
background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.6)));
|
||
|
|
}
|
||
|
|
|
||
|
|
h5.overtitle{
|
||
|
|
color: #A3B0B4;
|
||
|
|
font-size: 16px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-col{
|
||
|
|
margin-bottom: 40px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sr-core-icon{
|
||
|
|
width: 70px;
|
||
|
|
}
|
||
|
|
|
||
|
|
hr.rs-line{
|
||
|
|
margin-top: 60px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Call To Action **/
|
||
|
|
|
||
|
|
.rs-call-to-action .ca-left-side h3 {
|
||
|
|
color: var(--headline-color);
|
||
|
|
margin-bottom: 0px;
|
||
|
|
text-transform: uppercase;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ca-left-side p {
|
||
|
|
color: var(--headline-color);
|
||
|
|
margin-top: 10px;
|
||
|
|
margin-bottom: 0px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ca-right-side .tp-btn-primary {
|
||
|
|
float: right;
|
||
|
|
margin-top: 20px;
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width:991px) {
|
||
|
|
.call-to-action {
|
||
|
|
height: 100%;
|
||
|
|
padding: 2rem 1.8rem 1.8rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
.call-left,
|
||
|
|
.call-right {
|
||
|
|
float: none;
|
||
|
|
padding: 0rem;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.call-right {
|
||
|
|
margin-top: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.call-button {
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ca-right-side .tp-btn-primary{
|
||
|
|
margin-top: 25px;
|
||
|
|
float: none;
|
||
|
|
text-align: center !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (max-width:767px) {
|
||
|
|
.bottom-col-resp{
|
||
|
|
margin-bottom: 40px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media (max-width:480px) {
|
||
|
|
.sr-features{
|
||
|
|
display: block !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
.top-col, .bottom-col-resp{
|
||
|
|
margin-bottom: 30px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.sr-core-icon{
|
||
|
|
margin-bottom: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
}
|
||
|
|
|