|
Server IP : 164.52.202.56 / Your IP : 216.73.216.208 Web Server : Apache System : Linux e2e-70-56.ssdcloudindia.net 4.18.0-553.27.1.el8_10.x86_64 #1 SMP Tue Nov 5 04:50:16 EST 2024 x86_64 User : rubyaromatics ( 1052) PHP Version : 7.2.34 Directory (0755) : /home/rubyaromatics/public_html/controller/pro/../../css/shortcode/ |
| [ Home ] | [ Terminal ] | [ Upload File ] |
|---|
/*-----------------------------------------------------------------------------------
Template Name: Medilearn Medical HTML Template.
Template URI: #
Description: Medilearn is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites.
Author: HasTech
Author URI: https://themeforest.net/user/hastech/portfolio
Version: 1.0
-----------------------------------------------------------------------------------*/
/*
font-family: 'Poppins', sans-serif;
font-family: 'Montserrat', sans-serif;
*/
.slider-area > img {
height: auto;
width: 100%;
}
/**! 8. Background variation **/
.slider-content {
align-items: center;
display: flex;
}
.slider-inner h1 {
font-size: 55px;
font-weight: 700;
line-height: 47px;
margin-bottom: 44px;
text-transform: uppercase;
}
.slider-inner p {
font-family: Lato;
font-size: 24px;
font-weight: 400;
line-height: 24px;
margin-bottom: 66px;
text-transform: uppercase;
}
.single-slider-wrap,
.slider-content{
height: 800px;
}
@media (min-width: 1366px) and (max-width: 1650px){
.single-slider-wrap,
.slider-content{
height: 560px;
}
}
@media (min-width: 992px) and (max-width: 1365px){
.single-slider-wrap,
.slider-content{
height: 515px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.single-slider-wrap,
.slider-content{
height: 320px;
}
}
@media (max-width: 767px) {
.single-slider-wrap,
.slider-content{
height: 280px;
}
}
.sbg-1 {
background: rgba(0, 0, 0, 0) url("../../images/slider/bg/slide1.jpg") no-repeat scroll right top / 100% auto;
}
.sbg-2 {
background: rgba(0, 0, 0, 0) url("../../images/slider/bg/slide2.jpg") no-repeat scroll right top / 100% auto;
}
.sbg-3 {
background: rgba(0, 0, 0, 0) url("../../images/slider/bg/slide3.jpg") no-repeat scroll right top / 100% auto;
}
.sbg-4 {
background: rgba(0, 0, 0, 0) url("../../images/slider/bg/slide4.jpg") no-repeat scroll right top / 100% auto;
}
.sbg-5 {
background: rgba(0, 0, 0, 0) url("../../images/slider/bg/slide5.jpg") no-repeat scroll right top / 100% auto;
}
/*Shape*/
.slider-shape-1 {
overflow: hidden;
position: relative;
}
.slider-shape-1::before {
background: #c7a759 none repeat scroll 0 0;
content: "";
height: 100%;
left: -140px;
position: absolute;
top: 0;
transform: skewX(-17deg);
width: 400px;
z-index: 50;
}
.slider-shape-1::after {
background: #c7a759 none repeat scroll 0 0;
content: "";
height: 100%;
right: -140px;
position: absolute;
top: 0;
transform: skewX(-17deg);
width: 400px;
z-index: 50;
}
@media (min-width: 1366px) and (max-width: 1650px){
.slider-shape-1::before {
display: none;
}
.slider-shape-1::after {
width: 340px;
}
}
@media (min-width: 992px) and (max-width: 1365px){
.slider-shape-1::before {
display: none;
}
.slider-shape-1::after {
width: 250px;
}
}
@media (min-width: 768px) and (max-width: 991px){
.slider-shape-1::before {
display: none;
}
.slider-shape-1::after {
width: 190px;
}
}
@media (max-width: 767px) {
.slider-shape-1::before {
display: none;
}
.slider-shape-1::after {
display: none;
}
}
/*Navigation*/
.slider-nav-style-1 .slick-dots {
display: block;
height: inherit;
list-style: outside none none;
margin: 0;
padding: 0;
position: absolute;
right: 30px;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: auto;
z-index: 99;
bottom: auto;
}
.slider-nav-style-1 .slick-dots li {
display: block;
margin: 5px 0;
}
.slider-nav-style-1 {
position: relative;
}
.slider-button .hs-btn.btn-light.btn-large {
color: #fff!important;
}
/*Animation*/
.slider-content h1,
.slider-content p,
.slider-content .slider-button{
opacity: 0;
transform: translateX(20%);
}
.slick-active .slider-content h1,
.slick-active .slider-content p,
.slick-active .slider-content .slider-button{
opacity: 1;
transform: translateX(0%);
}
.slider-content h1 {
transition: all 1s ease-in-out 1s;
}
.slider-content p {
transition: all 1s ease-in-out 1.2s;
}
.slider-content .slider-button {
transition: all 1s ease-in-out 1.4s;
}
.slider-area .slider-nav-style-1 .slick-dots li {
margin: 10px 0;
}
.slider-area .slick-dots li button::before {
color: #433f3e;
content: "•";
font-size: 12px;
height: 12px;
line-height: 12px;
opacity: 1;
width: 12px;
}
.slider-area .slick-dots li button {
height: 12px;
padding: 0;
width: 12px;
}
.slider-area .slick-dots li.slick-active button::before {
color: #fff;
opacity: 1;
}