| Server IP : 172.67.216.182 / Your IP : 172.68.164.159 Web Server : Apache System : Linux krdc-ubuntu-s-2vcpu-4gb-amd-blr1-01.localdomain 5.15.0-142-generic #152-Ubuntu SMP Mon May 19 10:54:31 UTC 2025 x86_64 User : www ( 1000) PHP Version : 7.4.33 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /www/wwwroot/rangeofmotion.in/css/ |
Upload File : |
.banner-wrap{
width:100%;
float:left;
padding:0;
position:relative;
background-color:#fff
}
.bgslide{
width:100%;
height:100vh;
float:left;
position:relative;
background-position:center;
background-size:cover;
background-repeat:no-repeat
}
.bgslide:after{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
content:'';
}
.slide1{
background-image:url(../images/1.jpg)
}
.slide2{
background-image:url(../images/2.jpg)
}
.slide3{
background-image:url(../images/3.jpg)
}
.slide4{
background-image:url(../images/4.jpg)
}
.slide5{
background-image:url(../images/5.jpg)
}
.slide6{
background-image:url(../images/6.jpg)
}
.slide7{
background-image:url(../images/7.jpg)
}
.slide8{
background-image:url(../images/8.jpg)
}
.slide9{
background-image:url(../images/9.jpg)
}
.carousel-caption{
position:absolute;
right:0;
top:0;
width:55%;
height:100%;
display:table;
z-index:1;
padding:0 100px;
color:#fff
}
.parent{
width:100%;
height:100%;
display:table
}
.child{
display:table-cell;
vertical-align:middle
}
.carousel-caption h2{
font-weight:600;
margin:0;
padding:0;
font-size:50px;
line-height:60px;
color:#FFF;
}
.carousel-caption p{
font-size:25px;
font-weight:600;
line-height:normal
}
.carousel-caption p span{
font-size:18px;
}
.animset{
animation-duration:1s;
animation-delay:1s
}
.animset2{
animation-duration:1.9s;
animation-delay:1.9s
}
.animset3{
animation-duration:2.5s;
animation-delay:2.5s
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{
display:block;
max-width:100%;
height:auto
}
.carousel{
position:relative;
width:100%;
float:left
}
.carousel-inner{
position:relative;
width:100%;
overflow:hidden
}
.carousel-inner>.item{
position:relative;
display:none;
-webkit-transition:.6s ease-in-out left;
-o-transition:.6s ease-in-out left;
transition:.6s ease-in-out left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{
line-height:1
}
@media all and (transform-3d),(-webkit-transform-3d){
.carousel-inner>.item{
backface-visibility:visible;
perspective:1000px;
transition:opacity .7s ease-in-out 0s;
background-color:#fff
}
.carousel-inner>.item.active.right,.carousel-inner>.item.next{
left:0;
-webkit-transition:opacity .7s ease-in-out;
-moz-transition:opacity .7s ease-in-out;
-ms-transition:opacity .7s ease-in-out;
-o-transition:opacity .7s ease-in-out;
transition:opacity .7s ease-in-out;
opacity:0
}
.carousel-inner>.item.active.left,.carousel-inner>.item.prev{
left:0;
-webkit-transition:opacity .7s ease-in-out;
-moz-transition:opacity .7s ease-in-out;
-ms-transition:opacity .7s ease-in-out;
-o-transition:opacity .7s ease-in-out;
transition:opacity .7s ease-in-out;
opacity:0
}
.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{
left:0;
opacity:1
}
.carousel-inner .item .zoom-img{
transform:scale(1.2);
transition:all 4s ease 0s
}
.carousel-inner .item.active .zoom-img{
transform:scale(1)
}
@media all and (transform-3d),(-webkit-transform-3d){
.carousel-inner>.item{
-webkit-transition:-webkit-transform .6s ease-in-out
}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{
display:block
}
.carousel-inner>.active{
left:0
}
.carousel-inner>.next,.carousel-inner>.prev{
position:absolute;
top:0;
width:100%
}
.carousel-inner>.next{
left:100%
}
.carousel-inner>.prev{
left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right{
left:0
}
.carousel-inner>.active.left{
left:-100%
}
.carousel-inner>.active.right{
left:100%
}
.carousel-control{
position:absolute;
top:0;
bottom:0;
left:0;
width:auto;
font-size:20px;
color:#fff;
text-align:center;
z-index:2;
}
.carousel-control.left{
left:0
}
.carousel-control.right{
right:0;
left:auto
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
position:absolute;
top:50%;
z-index:2;
display:inline-block;
margin-top:-30px;
background-color:rgba(0,0,0,0.5);
background-repeat:no-repeat;
background-position:center center!important;
width:60px!important;
height:60px!important;
background-size:50%!important;
position:relative;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
transition:all .3s ease-in-out
}
.carousel-control .glyphicon-chevron-left{
left:0;
background-image:url(../images/icons/prev.png)
}
.carousel-control .glyphicon-chevron-right{
right:0;
background-image:url(../images/icons/next.png)
}
.carousel-control .glyphicon-chevron-left:hover,.carousel-control .glyphicon-chevron-right:hover{
background-size:50%!important;
background-color:#73A797;
}
.carousel-indicators{
position:absolute;
bottom:50px;
left:50%;
z-index:3;
width:60%;
padding-left:0;
margin-left:-30%;
text-align:center;
list-style:none
}
.carousel-indicators li{
display:inline-block;
width:10px;
height:10px;
margin:1px 5px;
text-indent:-999px;
cursor:pointer;
border:2px solid #fff;
border-radius:100%
}
.carousel-indicators .active{
width:10px;
height:10px;
margin:1px 5px;
background-color:#fff;
border:2px solid #fff
}
@media screen and (max-width:800px){
.bgslide{
height:400px;
}
}
@media screen and (max-width:640px){
.banner-wrap:before{
display:none
}
.banner-wrap{
top:0
}
.bgslide{
height:250px
}
.carousel-caption{
padding:0 15px;
width:100%;
text-align:center;
}
.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{
width:40px!important;
height:40px!important;
margin-top:-20px;
font-size:30px
}
.carousel-indicators{
bottom:10px
}
.carousel-caption h2{
font-size:18px;
line-height:24px;
margin:0 0 10px 0
}
.carousel-caption p{
font-size:14px
}
}
}
}
@media all and (min-width:800px) and (max-width:992px){
.bgslide {
height: 427px;
}
}
@media all and (min-width:641px) and (max-width:768px){
.bgslide {
height: 335px;
}
}
@media screen and (max-width:450px){
.bgslide{
height:163px
}
}