| Server IP : 108.170.25.35 / Your IP : 3.146.65.185 Web Server : Apache/2 System : Linux gains.winzonesoftech.com 4.18.0-513.24.1.el8_9.x86_64 #1 SMP Mon Apr 8 11:23:13 EDT 2024 x86_64 User : sbags ( 1569) PHP Version : 8.1.28 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/sbags/domains/sbagsandgifts.com/public_html/slider/ |
Upload File : |
/* Slider */
.slider-toptext
{
z-index:9999!important;
margin-top:2px!important;
}
.sli-text {
font-family: 'Aclonica' !important;
font-size: 30px !important;
color: #f0ecee !important;
font-weight: 300 !important;
z-index: 9999 !important;
padding-bottom: 25px !important;
}
.ctn-slider33 {
margin-bottom: 83vh;
}
.ctn-slider33 .slider33 {
-webkit-backface-visibility: hidden;
backface-visibility: hidden; /* Se coloca para que no se dañe lo del attachment fixed en pantallas mas pequeñas */
cursor: none; /* Se deja de primero el pointer para explorer y en los demas navegadores por cascada lo sobre-escribe */
cursor: -webkit-grab;
cursor: -moz-grab;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
width: 100%;
}
.ctn-slider33 .slider33:active {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
.ctn-slider33 .slider33 .slider-inner33 {
display: table;
left: 0;
position: relative;
top: 0;
transition: 1s ease;
}
.ctn-slider33 .slider33 .section-slider33 {
float: left;
}
.ctn-slider33 .slider33 .section-slider33 .img-slider33 {
align-items: center;
background: #202020 center center / cover no-repeat fixed;
display: flex;
-webkit-filter: grayscale(20%);
filter: grayscale(20%);
height: 100vh;
justify-content: center;
position: relative;
width: 100%;
}
.sli-img
{
z-index: 999!important;
}
/* Imágenes slider inicio */
.ctn-slider33 .slider33 .section-slider33 .slider-two33
{
background-image: url("../nimg/blackbg3.png")!important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-attachment: fixed;
padding-top:50px!important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-two33::before {
position: absolute;
content: '';
background-color: rgba(227, 1, 128, 0) !important;
width: 100%;
height:100%;
left: 0px;
top: 0px;
}
.ctn-slider33 .slider33 .section-slider33 .slider-two33
{
background-image: url("../nimg/blackbg3.png")!important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-attachment: fixed;
padding-top:50px!important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-two33::before {
position: absolute;
content: '';
background-color: rgba(227, 1, 128, 0) !important;
width: 100%;
height:100%;
left: 0px;
top: 0px;
}
.ctn-slider33 .slider33 .section-slider33 .slider-three33
{
background-image: url("../nimg/blackbg3.png")!important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-attachment: fixed;
padding-top:50px!important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-three33::before {
position: absolute;
content: '';
background-color: rgba(215, 123, 68, 0.31) !important;
width: 100%;
height:100%;
left: 0px;
top: 0px;
}
/**end**/
.ctn-slider33 .slider33 .section-slider33 .slider-one33
{
background-image: url("../nimg/blackbg3.png")!important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-attachment: fixed;
padding-top:50px!important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-one33::before {
position: absolute;
content: '';
background-color: rgba(227, 1, 128, 0) !important;
width: 100%;
height:100%;
left: 0px;
top: 0px;
}
.ctn-slider33 .slider33 .section-slider33 .slider-five33
{
background-image: url("../nimg/blackbg3.png")!important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-attachment: fixed;
padding-top:50px!important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-five33::before {
position: absolute;
content: '';
background-color: rgba(24, 23, 23, 0) !important;
width: 100%;
height:100%;
left: 0px;
top: 0px;
}
.ctn-slider33 .slider33 .section-slider33 .slider-six33
{
background-image: url("../nimg/blackbg3.png")!important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-attachment: fixed;
padding-top:50px!important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-six33::before {
position: absolute;
content: '';
background-color: rgba(227, 1, 128, 0) !important;
width: 100%;
height:100%;
left: 0px;
top: 0px;
}
/* Titulos slider */
.ctn-slider33 .slider33 .section-slider33 .title-slider33 {
color: #ffffff;
font: normal 30px 'Dancing Script', sans-serif;
position: relative;
text-align: center;
text-shadow: 1px 1px 10px #000000;
top: 15px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Flechas del slider */
.ctn-slider33 .slider-nav33 .arrows33 {
background-color: rgba(255, 255, 255, 0.3);
color: #ffffff;
cursor: pointer;
display: none;
padding:8px 15px;
position: absolute;
text-shadow: 1px 1px 5px #000000;
top: 50%;
transition: 0.3s ease all;
z-index: 600;
}
/* Flechas izquierda del slider */
.ctn-slider33 .slider-nav33 .prev33 {
border-radius: 20% 0 0 20%;
left: 10px;
}
/* Flechas derecha del slider */
.ctn-slider33 .slider-nav33 .next33 {
border-radius: 0 20% 20% 0;
right: 10px;
}
/* Efecto cuando le dan click a las flechas del slider */
.ctn-slider33 .slider-nav33 .prev33:active {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
.ctn-slider33 .slider-nav33 .next33:active {
-webkit-transform: translateX(5px);
transform: translateX(5px);
}
/* Flecha de ir a la siguiente sección */
.ctn-slider33 .move-slider33 {
-webkit-animation: jump-arrow33 2.5s infinite;
animation: jump-arrow33 2.5s infinite;
bottom: 2%;
color: rgba(255, 255, 255, 0.5);
font-size: 20px;
left: 0;
position: absolute;
text-align: center;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
width: 100%;
z-index: 600;
}
.ctn-slider33 .move-slider33 .arrow-down-slider33 {
cursor: pointer;
}
/* Efecto hover flecha de ir a la siguiente sección */
.ctn-slider33 .move-slider33 .arrow-down-slider33:hover,
.ctn-slider33 .move-slider33 .arrow-down-slider33:focus,
.ctn-slider33 .move-slider33 .arrow-down-slider33:active {
color: #ffffff;
}
/* Animación de las flechas que saltan para señalar a la siguiente sección */
@-webkit-keyframes jump-arrow33 {
0%,
20%,
55%,
80%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
70% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
}
@keyframes jump-arrow33 {
0%,
20%,
55%,
80%,
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40% {
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
70% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
}
.wallpaper33 {
background: url('https://images.wallpaperscraft.com/image/city_night_lights_city_lights_buildings_sky_832_1680x1050.jpg') #202020 center center / cover no-repeat fixed;
height: 100vh;
width: 100%;
}
/* Responsive max-width and min-width */
/* Responsive flechas y título del slider */
@media only screen and (min-width: 761px) and (max-width: 960px) {
/* Títulos del slider */
.ctn-slider33 .slider33 .section-slider33 .title-slider33 {
font-size: 3em;
}
}
@media only screen and (min-width: 501px) and (max-width: 760px) {
/* Títulos del slider */
.ctn-slider33 .slider33 .section-slider33 .title-slider33 {
font-size: 2em;
top: 0;
}
/* Flechas slider */
.ctn-slider33 .slider-nav33 .arrows33 {
padding: 0.5em;
}
}
@media screen and (max-width: 500px) {
/* Títulos del slider */
.ctn-slider33 .slider33 .section-slider33 .title-slider33 {
font-size: 1.5em;
top: 0;
}
/* Flechas slider */
.ctn-slider33 .slider-nav33 .arrows33 {
background-color: rgba(0, 0, 0, 0);
}
.ctn-slider33 .slider-nav33 .prev33 {
left: 5px;
}
.ctn-slider33 .slider-nav33 .next33 {
right: 5px;
}
}
/* Efecto hover de las flechas del slider (desde mobiles grandes hasta pc) */
@media screen and (min-width: 500px) {
.ctn-slider33 .slider-nav33 .arrows33:hover,
.ctn-slider33 .slider-nav33 .arrows33:focus {
background-color: rgba(255, 255, 255, 0.5);
color: rgba(0, 0, 0, 0.7);
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
}
@media only screen and (max-width: 890px) {
.ctn-slider33 .slider33 .section-slider33 .img-slider33 {
display: block!important;
}
.sli-img
{
height:250px!important;
width:auto!important
}
.ctn-slider33 .slider33 {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
cursor: none;
cursor: -webkit-grab;
cursor: -moz-grab;
left: 0;
overflow-y: inherit!important;
}
.slider-toptext {
z-index: 9999 !important;
margin-top: 211px !important;
background-color: #090909c4!important;
padding: 19px;
}
.sli-text {
font-family: 'Aclonica' !important;
font-size: 19px !important;
color: #eeeced !important;
font-weight: 300 !important;
z-index: 9999 !important;
padding-bottom: 9px !important;
padding-left: 0px !important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-two33::before {
background-color: rgba(215, 123, 68, 0) !important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-three33::before
{
background-color: rgba(215, 123, 68, 0) !important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-one33::before {
background-color: rgba(13, 48, 136, 0) !important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-six33::before {
background-color: rgba(123, 28, 7, 0) !important;
}
a {
}
.ctn-slider33 .slider33 .section-slider33 .slider-two33 {
padding-top: 0px !important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-six33 {
background-image: url(../nimg/blackbg3.png)!important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-attachment: fixed;
padding-top: 19px!important;
}
.ctn-slider33 .slider33 .section-slider33 .slider-five33 {
background-image: url(../nimg/blackbg3.png)!important;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
background-attachment: fixed;
padding-top: 0px!important;
}
.walclocontxt{
z-index: 9999 !important;
margin-top:219px !important;
background-color: #090909c4!important;
padding: 19px;
height:275px;
}
.walclobgtsy{
z-index: 9999 !important;
margin-top: 169px !important;
background-color: #090909c4!important;
padding: 19px;
height: 275px;
}
.keyslitxtcn{
z-index: 9999 !important;
margin-top: 199px !important;
background-color: #090909c4!important;
padding: 19px;
height: 273px;
}
.contacbag{
z-index: 9999 !important;
margin-top: 213px !important;
background-color: #090909c4!important;
padding: 19px;
height: 279px;
}
}