File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/cedarresidency.com/css/avara-gallery-two.css

Back
/-----------------------------------------/ /* IMAGE 003 /-----------------------------------------/ .carousel:hover{ cursor: -moz-grab; cursor: -webkit-grab; } .carousel:active{ cursor: -moz-grabbing; cursor: -webkit-grabbing; } /----- MAIN WRAPPER -----/ .sz_image_003_wrapper{ overflow: hidden; background: #fff; } /---------------------------/ /* HEADER /---------------------------/ /----- MAIN WRAPPER -----/ .sz_image_003_header{ margin: auto; text-align: center; padding: 50px 0 20px 0; } .sz_image_003_header > h1{ color: #313131; font-size: 35px; font-weight: 300; text-transform: uppercase; } /----- FONT -----/ .sz_image_003_header > h1, .sz_image_003_trig_btn > a, .sz_image_003_trig_txt > a, .sz_image_003_trig_txt > ul > li > a{ margin: 0; text-decoration: none; text-shadow: none; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; } /---------------------------/ /* TRIGGER IMAGE /---------------------------/ /----- GENERAL -----/ .sz_image_003_trig{ padding: 25px 8px; } .sz_image_003_trig_col_2{ padding: 25px 200px; } .sz_image_003_trig > .row{ margin: 0; } .sz_image_003_trig > .row > div{ padding: 8px; } .sz_image_003_trig_wrap{ overflow: hidden; position: relative; } /----- IMAGE -----/ .sz_image_003_trig_img{ overflow: hidden; position: relative; } .sz_image_003_trig_img > img{ width: 100%; margin: auto; display: block; } /---------- TRIGGER BUTTON ----------/ .sz_image_003_trig_btn > a{ width: 30px; height: 30px; color: #c5c6c8; font-size: 18px; text-shadow: none; line-height: 30px; margin: 0 0 5px 0; position: relative; text-align: center; display: inline-block; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s cubic-bezier(.075,.82,.165,1); transition: all 0.5s cubic-bezier(.075,.82,.165,1); } .sz_image_003_trig_btn > a:hover{ color: #ff9a45; } .sz_image_003_trig_img > a{ top: 5px; left: 5px; color: #ffffff; padding: 0 5px; font-size: 14px; position: absolute; -webkit-transition: color 0.5s cubic-bezier(.075,.82,.165,1); transition: color 0.5s cubic-bezier(.075,.82,.165,1); } .sz_image_003_trig_img > a > span{ margin-right: 5px; } .sz_image_003_trig_img > a:hover{ color: #ff9a45; } .sz_image_003_trig_txt{ top: 0; left: 0; right: 0; bottom: 0; opacity: 0; padding: 8px; visibility: hidden; position: absolute; text-align: center; background: rgba(0,0,0,0.75); -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: all 1s cubic-bezier(.075,.82,.165,1); transition: all 1s cubic-bezier(.075,.82,.165,1); } .sz_image_003_trig_txt_col_4{ padding: 50px 40px; } .sz_image_003_trig_txt_col_3{ padding: 80px; } .sz_image_003_trig_txt_col_2{ padding: 80px; } .sz_image_003_trig_wrap:hover .sz_image_003_trig_txt{ opacity: 1; visibility: visible; -webkit-transform: rotateY(0deg); transform: rotateY(0deg); } .sz_image_003_trig_txt > a{ display: block; font-weight: 400; text-transform: uppercase; -webkit-transition: color 0.5s cubic-bezier(.075,.82,.165,1); transition: color 0.5s cubic-bezier(.075,.82,.165,1); } .sz_image_003_trig_txt > a:nth-child(2){ color: #fff; font-size: 16px; font-family: 'Poppins'; } .sz_image_003_trig_txt > a:nth-child(3){ color: #ffffff; font-size: 10px; margin-top: 10px; } .sz_image_003_trig_txt > a:hover{ color: #ff9a45; } .sz_image_003_trig_txt > ul{ left: 0; right: 0; bottom: 0; margin: auto; padding: 10px 0; text-align: center; position: absolute; list-style-type: none; } .sz_image_003_trig_txt > ul > li{ left: 5px; bottom: 2px; position: absolute; display: inline-block; } .sz_image_003_trig_txt > ul > li > a{ color: #c5c6c8; font-size: 13px; font-weight: 400; -webkit-transition: color 0.5s cubic-bezier(.075,.82,.165,1); transition: color 0.5s cubic-bezier(.075,.82,.165,1); } .sz_image_003_trig_txt > ul > li > a > span{ margin-right: 5px; } .sz_image_003_trig_txt > ul > li > a:hover{ color: #ff9a45; } /-----------------------------------------/ /* MODAL OR LIGHT BOX /-----------------------------------------/ /----- FADE IN AND OUT EFFECT -----/ .modal.fade.sz_img_003_mod_sld .modal-dialog{ opacity: 0; visibility: hidden; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99); -o-transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99); } .modal.in.sz_img_003_mod_sld .modal-dialog{ opacity: 1; visibility: visible; -webkit-transform: none; -ms-transform: none; -o-transform: none; transform: none; -webkit-animation-fill-mode: both; animation-fill-mode: both; } /----- BACKDROP -----/ .modal-backdrop{ background: transparent; } /----- FIX THE PROBLEM OF POSITIONING CREATED BY CAROUSEL -----/ .modal.sz_img_003_mod_sld.carousel{ position: fixed; } .sz_img_003_mod_sld{ padding-left: 0 !important; padding-right: 0 !important; } /----- MODAL SIZES -----/ .sz_img_003_mod_sld > .modal-dialog{ top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; margin: auto; overflow-y: auto; overflow-x: hidden; position: absolute; background: transparent; } @media (min-width: 1301px){ .sz_img_003_mod_sld > .modal-dialog{ width: 100%; height: 100%; margin: auto; } } .sz_img_003_mod_sld > .modal-dialog > .modal-content{ outline: 0; width: 100%; border: none; margin: auto; height: 100%; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; -webkit-border-radius: 0; border-radius: 0; } .sz_img_003_mod_sld > .modal-dialog::-webkit-scrollbar{ width: 2px; } .sz_img_003_mod_sld > .modal-dialog::-webkit-scrollbar-thumb{ background: #8e8e8e; -webkit-border-radius: 0; border-radius: 0; } /----- CLOSE BUTTON -----/ a.sz_image_003_close{ top: 125px; right: 10px; width: 40px; z-index: 100; height: 40px; color: #8e8e8e; font-size: 30px; font-weight: 100; line-height: 36px; text-align: center; position: absolute; background: transparent; border: 1px solid #8e8e8e; text-decoration: none; text-shadow: none; font-family: 'Lato', sans-serif; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: all .6s cubic-bezier(0.22,0.81,0.01,0.99); transition: all .6s cubic-bezier(0.22,0.81,0.01,0.99); } .sz_image_003_close:hover{ color: #ffffff; background: #ff9a45; border: 1px solid #ff9a45; } /-----------------------------------------/ /* SLIDER /-----------------------------------------/ .sz_image_003_slide_txt > a > span{ margin: 0; text-decoration: none; text-shadow: none; -webkit-font-smoothing: antialiased; font-family: 'Lato', sans-serif; } .sz_img_003_mod_sld .carousel-inner{ left: 0; right: 0; top: 125px; width: 50%; margin: auto; } .sz_img_003_mod_sld .carousel-inner, .sz_img_003_mod_sld .carousel-inner > .item{ overflow: hidden; } /---------- INDICATORS THUMBNAIL CONTROL ----------/ .sz_image_003_indicators .carousel-indicators{ top: 0; left: 0; right: 0; width: 100%; bottom: auto; margin: auto; font-size: 0; cursor: pointer; overflow-x: auto; text-align: left; padding: 10px 5px; overflow-y: hidden; white-space: nowrap; background: #2a2a2a; } .sz_image_003_indicators .carousel-indicators li{ padding: 0; width: 120px; border: none; height: auto; margin: 0 5px; text-indent: 0; background: transparent; border: 3px solid #333331; -webkit-border-radius: 0; border-radius: 0; -webkit-transition: all 0.7s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 1s cubic-bezier(0.22,0.81,0.01,0.99); } .sz_image_003_indicators .carousel-indicators .active{ width: 120px; border: none; height: auto; margin: 0 5px; background: transparent; border: 3px solid #ff9a45; } .sz_image_003_indicators .carousel-indicators > li > img{ width: 100%; display: block; } .sz_image_003_indicators .carousel-indicators::-webkit-scrollbar{ height: 3px; } .sz_image_003_indicators .carousel-indicators::-webkit-scrollbar-thumb{ background: #8e8e8e; -webkit-border-radius: 0; border-radius: 0; } /----- LEFT/RIGHT CONTROL -----/ .sz_image_003_controls .carousel-control{ top: 50%; opacity: 1; width: 40px; height: 40px; z-index: 100; color: #8e8e8e; font-size: 20px; cursor: pointer; font-weight: 100; overflow: hidden; line-height: 36px; text-shadow: none; position: absolute; background: transparent; border: 1px solid #8e8e8e; text-shadow: none; font-family: 'Lato', sans-serif; -webkit-font-smoothing: antialiased; -webkit-border-radius: 100%; border-radius: 100%; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .sz_image_003_controls .carousel-control.left{ left: 10%; } .sz_image_003_controls .carousel-control.right{ right: 10%; left: auto; } .sz_image_003_controls .carousel-control:hover{ color: #ffffff; background: #ff9a45; border: 1px solid #ff9a45; } /----- SLIDE IMAGE -----/ .sz_image_003_slide_img{ padding: 0; position: relative; } .sz_image_003_slide_img > img{ width: 100%; margin: auto; display: block; } .sz_image_003_slide_img > a{ right: 15px; bottom: 15px; color: #ffffff; font-size: 18px; position: absolute; text-decoration: none; font-family: 'Lato', sans-serif; -webkit-transition: color 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: color 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .sz_image_003_slide_img > a > span{ margin-right: 5px; } .sz_image_003_slide_img > a:hover{ color: #ff9a45; } .sz_image_003_slide_txt{ bottom: 0; width: 100%; margin: auto; position: relative; text-align: center; padding: 15px 0; background: rgba(0,0,0,0.7); } .sz_image_003_slide_txt > a{ margin: 0; color: #ffffff; display: block; font-size: 16px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; font-family: 'Lato', sans-serif; text-decoration: none; text-shadow: none; -webkit-font-smoothing: antialiased; -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99); } .sz_image_003_slide_txt > a:hover{ color: #ff9a45; } /-----------------------------------------/ /* RESPONSIVE /-----------------------------------------/ /---------- MEDIA 480px ----------/ @media only screen and (max-width: 480px){ /----- HEADER -----/ .sz_image_003_header{ width: 95%; } .sz_image_003_header > h1{ font-size: 20px; } /----- 4 COLUMNS -----/ .sz_image_003_trig_txt_col_4, .sz_image_003_trig_txt_col_3, .sz_image_003_trig_txt_col_2{ padding: 8px; } /----- 2 COLUMNS -----/ .sz_image_003_trig_col_2{ padding: 10px; } /----- TRIGGER -----/ .sz_image_003_trig_btn > a{ font-size: 20px; margin: 0 0 15px 0; } .sz_image_003_trig_txt > a:nth-child(2){ font-size: 20px; } .sz_image_003_trig_txt > a:nth-child(3){ font-size: 12px; margin-top: 20px; } .sz_image_003_trig_txt > ul > li > a{ font-size: 15px; } .sz_img_003_mod_sld .carousel-inner{ width: 95%; } /----- CLOSE BUTTON -----/ a.sz_image_003_close{ top: 70px; } /----- INDICATORS CONTROL -----/ .sz_image_003_indicators .carousel-indicators li{ width: 50px; margin: 0 2px; border: 1px solid #333331; } .sz_image_003_indicators .carousel-indicators .active{ width: 50px; margin: 0 2px; border: 1px solid #ff9a45; } /----- LEFT/RIGHT CONTROL -----/ .sz_image_003_controls .carousel-control{ top: 70px; } .sz_image_003_controls .carousel-control.left{ left: 15px; right: auto; } .sz_image_003_controls .carousel-control.right{ left: 61px; right: auto; } } /---------- MEDIA 481px - 600px ----------/ @media (min-width: 481px) and (max-width: 600px){ /----- HEADER -----/ .sz_image_003_header{ width: 75%; } /----- 4 COLUMNS -----/ .sz_image_003_trig_txt_col_4, .sz_image_003_trig_txt_col_3, .sz_image_003_trig_txt_col_2{ padding: 8px; } /----- TRIGGER -----/ .sz_image_003_trig{ padding: 25px 50px; } /----- TRIGGER -----/ .sz_image_003_trig_btn > a{ font-size: 25px; margin: 0 0 25px 0; } .sz_image_003_trig_txt > a:nth-child(2){ font-size: 25px; } .sz_image_003_trig_txt > a:nth-child(3){ font-size: 16px; margin-top: 30px; } .sz_image_003_trig_txt > ul > li > a{ font-size: 15px; } .sz_img_003_mod_sld .carousel-inner{ width: 95%; } /----- CLOSE BUTTON -----/ a.sz_image_003_close{ top: 80px; } /----- INDICATORS CONTROL -----/ .sz_image_003_indicators .carousel-indicators li{ width: 75px; margin: 0 2px; border: 2px solid #333331; } .sz_image_003_indicators .carousel-indicators .active{ width: 75px; margin: 0 2px; border: 2px solid #ff9a45; } /----- LEFT/RIGHT CONTROL -----/ .sz_image_003_controls .carousel-control{ top: 80px; } .sz_image_003_controls .carousel-control.left{ left: 15px; right: auto; } .sz_image_003_controls .carousel-control.right{ left: 61px; right: auto; } } /---------- MEDIA 601px - 767px ----------/ @media (min-width: 601px) and (max-width: 767px){ /----- HEADER -----/ .sz_image_003_header{ width: 60%; } /----- 4 COLUMNS -----/ .sz_image_003_trig_txt_col_4, .sz_image_003_trig_txt_col_3, .sz_image_003_trig_txt_col_2{ padding: 8px; } /----- TRIGGER -----/ .sz_image_003_trig{ padding: 25px 100px; } .sz_image_003_trig_btn > a{ font-size: 25px; margin: 0 0 35px 0; } .sz_image_003_trig_txt > a:nth-child(2){ font-size: 25px; } .sz_image_003_trig_txt > a:nth-child(3){ font-size: 16px; margin-top: 35px; } .sz_image_003_trig_txt > ul > li > a{ font-size: 15px; } .sz_img_003_mod_sld .carousel-inner{ width: 70%; } /----- LEFT/RIGHT CONTROL -----/ .sz_image_003_controls .carousel-control{ top: 40%; } .sz_image_003_controls .carousel-control.left{ left: 5%; } .sz_image_003_controls .carousel-control.right{ right: 5%; left: auto; } } /---------- MEDIA 768px - 991px ----------/ @media (min-width: 768px) and (max-width: 991px){ /----- 2 COLUMNS -----/ .sz_image_003_trig_col_2{ padding: 25px 50px; } /----- 3 COLUMNS -----/ .sz_image_003_trig_txt_col_3{ padding: 15px; } /----- 2 COLUMNS -----/ .sz_image_003_trig_txt_col_2{ padding: 35px; } /----- LEFT/RIGHT CONTROL -----/ .sz_image_003_controls .carousel-control{ top: 40%; } } /---------- MEDIA 992px - 1250px ----------/ @media (min-width: 992px) and (max-width: 1250px){ .sz_image_003_trig{ padding: 25px 2px; } /----- 2 COLUMNS -----/ .sz_image_003_trig_col_2{ padding: 25px 175px; } .sz_image_003_trig > .row > div{ padding: 2px; } .sz_image_003_trig_btn > a{ margin: 0 0 3px 0; } .sz_image_003_trig_txt{ padding: 3px; } /----- 4 COLUMNS -----/ .sz_image_003_trig_txt_col_4{ padding: 15px; } .sz_image_003_trig_txt_col_3, .sz_image_003_trig_txt_col_2{ padding: 50px; } .sz_image_003_trig_txt > a:nth-child(2){ font-size: 10px; } .sz_image_003_trig_txt > a:nth-child(3){ font-size: 10px; margin-top: 3px; } } /-----------------------------------------/ /* BACKDROP COLORS /-----------------------------------------/ .sz_bd_black:before{ top: 0; left: 0; right: 0; bottom: 0; width: 100%; content: ""; opacity: 0.9; height: 100%; margin: auto; position: fixed; background: #313131; } .sz_bd_white:before{ top: 0; left: 0; right: 0; bottom: 0; width: 100%; content: ""; opacity: 0.9; height: 100%; margin: auto; position: fixed; background: #ffffff; } .sz_bd_transp:before{ top: 0; left: 0; right: 0; bottom: 0; width: 100%; content: ""; opacity: 0.5; height: 100%; margin: auto; position: fixed; background: transparent; } /-----------------------------------------/ /* FIVE COLOUMNS /-----------------------------------------/ .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { min-height: 1px; position: relative; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 992px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } /-----------------------------------------/ /* SLIDER TIMING FUNCTIONS /-----------------------------------------/ /---------- sz_ease ----------/ .sz_ease .carousel-inner > .item{ -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; } @media all and (transform-3d), (-webkit-transform-3d){ .sz_ease .carousel-inner > .item { -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; } } /---------- sz_slowSpeedy ----------/ .sz_slowSpeedy .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1); -moz-transition-timing-function: cubic-bezier(0.3,1,0,1); transition-timing-function: cubic-bezier(0.3,1,0,1); } @media all and (transform-3d), (-webkit-transform-3d){ .sz_slowSpeedy .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0.3,1,0,1); -moz-transition-timing-function: cubic-bezier(0.3,1,0,1); transition-timing-function: cubic-bezier(0.3,1,0,1); } } /---------- sz_easeOutInCubic ----------/ .sz_easeOutInCubic .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); } @media all and (transform-3d), (-webkit-transform-3d){ .sz_easeOutInCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); -moz-transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); transition-timing-function: cubic-bezier(0.22,0.81,0.01,0.99); } } /---------- sz_swing ----------/ .sz_swing .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1); -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1); transition-timing-function: cubic-bezier(.02,.01,.47,1); } @media all and (transform-3d), (-webkit-transform-3d){ .sz_swing .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.02,.01,.47,1); -moz-transition-timing-function: cubic-bezier(.02,.01,.47,1); transition-timing-function: cubic-bezier(.02,.01,.47,1); } } /---------- sz_easeOutCubic ----------/ .sz_easeOutCubic .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); } @media all and (transform-3d), (-webkit-transform-3d){ .sz_easeOutCubic .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1); -moz-transition-timing-function: cubic-bezier(.215,.61,.355,1); transition-timing-function: cubic-bezier(.215,.61,.355,1); } } /---------- sz_easeOutCirc ----------/ .sz_easeOutCirc .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1); -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1); transition-timing-function: cubic-bezier(.075,.82,.165,1); } @media all and (transform-3d), (-webkit-transform-3d){ .sz_easeOutCirc .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.075,.82,.165,1); -moz-transition-timing-function: cubic-bezier(.075,.82,.165,1); transition-timing-function: cubic-bezier(.075,.82,.165,1); } } /---------- sz_easeOutExpo ----------/ .sz_easeOutExpo .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1); -moz-transition-timing-function: cubic-bezier(.19,1,.22,1); transition-timing-function: cubic-bezier(.19,1,.22,1); } @media all and (transform-3d), (-webkit-transform-3d){ .sz_easeOutExpo .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1); -moz-transition-timing-function: cubic-bezier(.19,1,.22,1); transition-timing-function: cubic-bezier(.19,1,.22,1); } } /---------- sz_easeOutQuad ----------/ .sz_easeOutQuad .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(.25,.46,.45,.94); } @media all and (transform-3d), (-webkit-transform-3d){ .sz_easeOutQuad .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.25,.46,.45,.94); -moz-transition-timing-function: cubic-bezier(.25,.46,.45,.94); transition-timing-function: cubic-bezier(.25,.46,.45,.94); } } /---------- sz_easeOutQuart ----------/ .sz_easeOutQuart .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); } @media all and (transform-3d), (-webkit-transform-3d){ .sz_easeOutQuart .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.165,.84,.44,1); -moz-transition-timing-function: cubic-bezier(.165,.84,.44,1); transition-timing-function: cubic-bezier(.165,.84,.44,1); } } /---------- sz_easeOutQuint ----------/ .sz_easeOutQuint .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); -moz-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); } @media all and (transform-3d), (-webkit-transform-3d){ .sz_easeOutQuint .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.23,1,.32,1); -moz-transition-timing-function: cubic-bezier(.23,1,.32,1); transition-timing-function: cubic-bezier(.23,1,.32,1); } } /---------- sz_easeOutSine ----------/ .sz_easeOutSine .carousel-inner > .item{ -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1); -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1); transition-timing-function: cubic-bezier(.39,.575,.565,1); } @media all and (transform-3d), (-webkit-transform-3d){ .sz_easeOutSine .carousel-inner > .item { -webkit-transition-timing-function: cubic-bezier(.39,.575,.565,1); -moz-transition-timing-function: cubic-bezier(.39,.575,.565,1); transition-timing-function: cubic-bezier(.39,.575,.565,1); } }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings