Current path: home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules/shortcodes/
?? Go up: /home/webdevt/www/wdp/wp-content/themes/quadric/assets/css/scss/modules
/* ==========================================================================
Edge slider styles
========================================================================== */
/* Bootstrap carousel default styles
========================================================================== */
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.boxed .carousel-inner{
width: 1150px;
left: auto !important;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
box-sizing: border-box;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
height: auto;
max-width: 100%;
line-height: 1;
}
.carousel-inner .edgtf-video{
position: static;
left: 0;
direction: ltr;
}
.safari_browser .carousel-inner video.video {
object-fit: inherit;
width: 100% !important;
}
.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%;
}
/* part for fading animation - start */
.carousel.edgtf-fade .item {
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
opacity: 1;
filter: alpha(opacity=100);
}
.carousel.edgtf-fade .active.left,
.carousel.edgtf-fade .active.right {
opacity: 0;
filter: alpha(opacity=0);
}
.carousel.edgtf-fade .active.item {
opacity: 1;
filter: alpha(opacity=100);
}
.carousel.edgtf-fade .active.left,
.carousel.edgtf-fade .active.right {
left: 0;
z-index: 2;
opacity: 0;
filter: alpha(opacity=0);
}
.carousel.edgtf-fade .next,
.carousel.edgtf-fade .prev {
left: 0;
z-index: 1;
}
/* part for fading animation - end */
/* part for vertical up animation - start */
.carousel.edgtf-vertical-up:not(.edgtf-has-height) .carousel-inner{
height: 100%;
}
.carousel.edgtf-vertical-up .carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease;
-moz-transition: -moz-transform 0.6s ease;
-ms-transition: -ms-transform 0.6s ease;
-o-transition: -o-transform 0.6s ease;
transition: transform 0.6s ease;
}
.carousel.edgtf-vertical-up .carousel-inner > .active {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.carousel.edgtf-vertical-up .carousel-inner > .next {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
left: 0%;
}
.carousel.edgtf-vertical-up .carousel-inner > .prev{
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
left: 0%;
}
.carousel.edgtf-vertical-up .carousel-inner > .next.left,
.carousel.edgtf-vertical-up .carousel-inner > .prev.right {
left: 0%;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.carousel.edgtf-vertical-up .carousel-inner > .active.left {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
left: 0%;
}
.carousel.edgtf-vertical-up .carousel-inner > .active.right {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
left: 0%;
}
/* part for vertical up animation - end */
/* part for vertical down animation - start */
.carousel.edgtf-vertical-down:not(.edgtf-has-height) .carousel-inner{
height: 100%;
}
.carousel.edgtf-vertical-down .carousel-inner > .item {
-webkit-transition: -webkit-transform 0.6s ease;
-moz-transition: -moz-transform 0.6s ease;
-ms-transition: -ms-transform 0.6s ease;
-o-transition: -o-transform 0.6s ease;
transition: transform 0.6s ease;
}
.carousel.edgtf-vertical-down .carousel-inner > .active {
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.carousel.edgtf-vertical-down .carousel-inner > .next {
-webkit-transform: translateY(-99%);
-moz-transform: translateY(-99%);
-ms-transform: translateY(-99%);
-o-transform: translateY(-99%);
transform: translateY(-99%);
left: 0%;
}
.carousel.edgtf-vertical-down .carousel-inner > .prev{
-webkit-transform: translateY(99%);
-moz-transform: translateY(99%);
-ms-transform: translateY(99%);
-o-transform: translateY(99%);
transform: translateY(99%);
left: 0%;
}
.carousel.edgtf-vertical-down .carousel-inner > .next.left,
.carousel.edgtf-vertical-down .carousel-inner > .prev.right {
left: 0%;
-webkit-transform: translateY(0%);
-moz-transform: translateY(0%);
-ms-transform: translateY(0%);
-o-transform: translateY(0%);
transform: translateY(0%);
}
.carousel.edgtf-vertical-down .carousel-inner > .active.left {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
left: 0%;
}
.carousel.edgtf-vertical-down .carousel-inner > .active.right {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
left: 0%;
}
/* part for vertical down animation - end */
/* part for slide cover animation - start */
.carousel.edgtf-slide-cover .carousel-inner > .next {
z-index: 99;
}
.carousel.edgtf-slide-cover .carousel-inner > .prev {
z-index: 100;
}
.carousel.edgtf-slide-cover .carousel-inner > .active.left {
left: -30%;
}
.carousel.edgtf-slide-cover .carousel-inner > .active.right {
left: 30%;
}
/* part for slide cover animation - end */
.carousel-indicators {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
z-index: 15;
padding: 0px !important;
text-align: center;
list-style: none;
}
.carousel-indicators:not(.thumbnails) li {
display: inline-block;
width: 6px;
height: 6px;
margin: 1px 9px;
text-indent: -999px;
cursor:pointer;
}
.carousel-indicators.thumbnails{
bottom:55px;
}
.carousel-indicators.thumbnails li{
display:inline-block;
cursor: pointer;
margin-right:5px;
background-color: rgba(0, 0, 0, 0.8);
width:160px!important; /* must not to be overwritten by options */
height:100px!important;
}
.carousel-indicators.thumbnails li:last-child{
margin-right:0;
}
.carousel-indicators.thumbnails li img{
width:100%;
height:100%;
box-sizing:border-box;
padding:0;
vertical-align: middle;
transition: padding 0.2s ease-out;
-ms-transition: padding 0.2s ease-out;
-o-transition: padding 0.2s ease-out;
-moz-transition: padding 0.2s ease-out;
-webkit-transition: padding 0.2s ease-out;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 40px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
text-shadow: none;
}
/* ==== Carousel Custom - Start ==== */
.carousel {
margin-bottom: 0;
}
.carousel.edgtf-full-screen {
height: 1500px;
}
.edgtf-slider {
width: 100%;
overflow: hidden;
position: relative;
z-index: 10;
}
.edgtf-slider-preloader{
width: 100%;
background-color: #1c1c1c;
position: absolute;
z-index: 20;
}
.edgtf-slider-preloader{
height: 1200px;
}
.edgtf-slider-svg {
opacity: 0;
}
.carousel:not(.edgtf-full-screen) .edgtf-slider-preloader .edgtf-ajax-loader{
position: absolute;
}
.vertical_menu_enabled .edgtf-slider-preloader .edgtf-ajax-loader{
margin-top: 0px !important;
}
.carousel-inner .edgtf-slider-content-outer{
position: relative;
height: 100%;
width: 1100px;
margin: 0px auto;
z-index: 12;
}
.carousel-inner .edgtf-slide-full-width .edgtf-slider-content-outer{
width: 100% !important;
}
.carousel-inner .edgtf-slider-content {
position: absolute;
width: 100%;
}
.carousel-inner .item.edgtf-content-vertical-middle .edgtf-slider-content-outer {
display: table;
}
.carousel-inner .item.edgtf-content-vertical-middle .edgtf-slider-content {
display: table-cell;
vertical-align: middle;
position: static;
}
.carousel-inner .item.edgtf-content-vertical-middle .edgtf-slider-content .edgtf-thumb{
height: auto;
}
.vertical_menu_enabled .carousel-inner .item.edgtf-content-vertical-middle{
padding-top: 0px !important;
}
.carousel-inner .edgtf-slider-content .edgtf-thumb{
height: 100%;
opacity: 1;
filter: alpha(opacity = 100);
display: inline-block;
vertical-align: middle;
}
.carousel-inner .edgtf-slider-content.left{
text-align: left;
}
.carousel-inner .edgtf-slider-content.right{
text-align: right;
}
.carousel-inner .edgtf-slider-content.left .edgtf-thumb,
.carousel-inner .edgtf-slider-content.right .edgtf-thumb{
display: inline-block;
}
.carousel-inner .edgtf-slider-content.center .edgtf-thumb{
text-align: center;
}
.carousel-inner .edgtf-slider-content.center {
text-align: center;
}
/*---------------------Graphic animation Flip--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.flip{
opacity: 0;
filter: alpha(opacity = 0);
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.flip{
-webkit-animation: rotate 0.6s 1 ease-out;
-moz-animation: rotate 0.6s 1 ease-out;
-o-animation: rotate 0.6s 1 ease-out;
animation: rotate 0.6s 1 ease-out;
opacity: 1;
filter: alpha(opacity = 100);
}
/*---------------------Graphic animation Fade--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.fade{
opacity: 0;
filter: alpha(opacity = 0);
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.fade{
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
opacity: 1;
filter: alpha(opacity = 100);
}
/*---------------------Graphic animation From right--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.from_right{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
right: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.from_right{
-webkit-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: translateZ(0px);
}
/*---------------------Graphic animation From left--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.from_left{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
left: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.from_left{
-webkit-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: translateZ(0px);
}
/*---------------------Graphic animation From top--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.from_top{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
top: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.from_top{
-webkit-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: translateZ(0px);
}
/*---------------------Graphic animation From bottom--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb.from_bottom{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
top: 70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-thumb.from_bottom{
-webkit-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: translateZ(0px);
}
/*---------------------Graphic animation Clip from left, Clip from Top-----------------------------*/
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_hor,
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_ver,
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_puzzle {
display: inline-block;
position: relative;
}
.touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_hor,
.touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_ver,
.touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_puzzle {
opacity: 0;
filter: alpha(opacity = 0);
}
/*---------------------Clip Animation Horizontal --------------------------------- */
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_hor img {
position: absolute;
left: 0;
top: 0;
-webkit-animation:clip_anim_hor 1.75s cubic-bezier(.165,.84,.44,1);
animation:clip_anim_hor 1.75s cubic-bezier(.165,.84,.44,1);
}
.touch .carousel-inner .active .edgtf-slider-content .edgtf-thumb.clip_anim_hor {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
opacity: 1;
filter: alpha(opacity = 100);
}
@-webkit-keyframes clip_anim_hor {
0% {
clip: rect(0px,300px,326px,170px);
opacity:0;
}
20% {
clip: rect(0px,400px,326px,320px);
opacity:0.2;
}
40% {
clip: rect(0px,140px,326px,60px);
opacity:0.4;
}
60% {
clip: rect(0px,400px,326px,300px);
opacity:0.6;
}
80% {
clip: rect(0px,200px,326px,0px);
opacity:0.8;
}
100% {
clip: rect(0px,470px,326px,0px);
opacity:1;
}
}
@keyframes clip_anim_hor {
0% {
clip: rect(0px,300px,326px,170px);
opacity:0;
}
20% {
clip: rect(0px,400px,326px,320px);
opacity:0.2;
}
40% {
clip: rect(0px,140px,326px,60px);
opacity:0.4;
}
60% {
clip: rect(0px,400px,326px,300px);
opacity:0.6;
}
80% {
clip: rect(0px,200px,326px,0px);
opacity:0.8;
}
100% {
clip: rect(0px,470px,326px,0px);
opacity:1;
}
}
/*---------------------Clip Animation Vertical--------------------------------- */
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_ver img {
position: absolute;
left: 0;
top: 0;
-webkit-animation: clip_anim_ver 1.75s cubic-bezier(.165,.84,.44,1);
animation: clip_anim_ver 1.75s cubic-bezier(.165,.84,.44,1);
}
.touch .carousel-inner .active .edgtf-slider-content .edgtf-thumb.clip_anim_ver {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
opacity: 1;
filter: alpha(opacity = 100);
}
@-webkit-keyframes clip_anim_ver {
0% {
clip: rect(0px,470px,90px,0px);
opacity:0;
}
20% {
clip: rect(200px,470px,280px,0px);
opacity:0.2;
}
40% {
clip: rect(50px,470px,140px,0px);
opacity:0.4;
}
60% {
clip: rect(200px,470px,300px,0px);
opacity:0.6;
}
80% {
clip: rect(0px,470px,120px,0px);
opacity:0.8;
}
100% {
clip: rect(0px,470px,326px,0px);
opacity:1;
}
}
@keyframes clip_anim_ver {
0% {
clip: rect(0px,470px,90px,0px);
opacity:0
}
20% {
clip: rect(250px,470px,300px,0px);
opacity:0.2
}
40% {
clip: rect(100px,470px,170px,0px);
opacity:0.4
}
60% {
clip: rect(200px,470px,260px,0px);
opacity:0.6
}
80% {
clip: rect(50px,470px,120px,0px);
opacity:0.8
}
100% {
clip: rect(0px,470px,326px,0px);
opacity:0.8
}
}
/*---------------------Clip Animation Puzzle--------------------------------- */
.no-touch .carousel-inner .edgtf-slider-content .edgtf-thumb.clip_anim_puzzle img {
position: absolute;
left: 0;
top: 0;
-webkit-animation:clip_anim_puzzle 1.75s ;
animation:clip_anim_puzzle 1.75s ;
}
.touch .carousel-inner .active .edgtf-slider-content .edgtf-thumb.clip_anim_puzzle {
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
opacity: 1;
filter: alpha(opacity = 100);
}
@-webkit-keyframes clip_anim_puzzle {
0% {
clip: rect(163px,235px,163px,235px);
opacity:0;
}
10% {
clip: rect(163px,235px,326px,0px);
opacity:0.2;
}
20% {
clip: rect(163px,470px,326px,235px);
opacity:0.3;
}
30% {
clip: rect(0px,470px,163px,235px);
opacity:0.4;
}
40% {
clip: rect(0px,235px,163px,0px);
opacity:0.5;
}
50% {
clip: rect(163px,235px,326px,0px);
opacity:0.6;
}
60% {
clip: rect(163px,470px,326px,235px);
opacity:0.7;
}
70% {
clip: rect(0px,470px,163px,235px);
opacity:0.8;
}
80% {
clip: rect(0px,235px,163px,0px);
opacity:0.9;
}
100% {
clip: rect(0px,470px,326px,0px);
opacity:1;
}
}
@keyframes clip_anim_puzzle {
0% {
clip: rect(163px,235px,163px,235px);
opacity:0;
}
10% {
clip: rect(163px,235px,326px,0px);
opacity:0.2;
}
20% {
clip: rect(163px,470px,326px,235px);
opacity:0.3;
}
30% {
clip: rect(0px,470px,163px,235px);
opacity:0.4;
}
40% {
clip: rect(0px,235px,163px,0px);
opacity:0.5;
}
50% {
clip: rect(163px,235px,326px,0px);
opacity:0.6;
}
60% {
clip: rect(163px,470px,326px,235px);
opacity:0.7;
}
70% {
clip: rect(0px,470px,163px,235px);
opacity:0.8;
}
80% {
clip: rect(0px,235px,163px,0px);
opacity:0.9;
}
100% {
clip: rect(0px,470px,326px,0px);
opacity:1;
}
}
/*---------------------Graphic animation end--------------------------------- */
.carousel-inner .edgtf-slider-content .edgtf-thumb img{
max-height: 100%;
}
.carousel-inner .edgtf-slider-content .edgtf-text{
-webkit-transform: translateZ(0px);
-moz-transform: translateZ(0px);
-ms-transform: translateZ(0px);
-o-transform: translateZ(0px);
transform: translateZ(0px);
opacity: 1;
filter: alpha(opacity = 100);
position: relative;
display: inline-block;
width: 100%;
margin: 15px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*------------------------------ All at once and one by one animations-------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.all_at_once,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.all_at_once{
opacity: 0;
filter: alpha(opacity = 0);
}
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.one_by_one{
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
animation: none;
opacity: 1;
}
/*------------------------------ All at once from bottom -------------------------------------------------------------*/
.carousel-inner .active .edgtf-slider-content .edgtf-text.all_at_once.from_bottom,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.all_at_once.from_bottom{
-webkit-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-bottom 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
opacity: 1;
filter: alpha(opacity = 100);
}
@-webkit-keyframes text-from-bottom {
0% {
-webkit-transform: translate(0, 15%);
opacity: 0;
}
50% {
-webkit-transform: translate(0, 15%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes text-from-bottom {
0% {
-moz-transform: translate(0, 15%);
opacity: 0;
}
50% {
-moz-transform: translate(0, 15%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes text-from-bottom {
0% {
-o-transform: translate(0, 15%);
opacity: 0.5;
}
50% {
-o-transform: translate(0, 15%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes text-from-bottom {
0% {
transform: translate(0, 15%);
opacity: 0;
}
50% {
transform: translate(0, 15%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/*------------------------------ All at once from bottom end-------------------------------------------------------------*/
/*------------------------------ All at once from top -------------------------------------------------------------*/
.carousel-inner .active .edgtf-slider-content .edgtf-text.all_at_once.from_top,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.all_at_once.from_top{
-webkit-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
opacity: 1;
filter: alpha(opacity = 100);
}
@-webkit-keyframes text-from-top {
0% {
-webkit-transform: translate(0, -15%);
opacity: 0;
}
50% {
-webkit-transform: translate(0, -15%);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes text-from-top {
0% {
-moz-transform: translate(0, -15%);
opacity: 0;
}
50% {
-moz-transform: translate(0, -15%);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes text-from-top {
0% {
-o-transform: translate(0, -15%);
opacity: 0.5;
}
50% {
-o-transform: translate(0, -15%);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes text-from-top {
0% {
transform: translate(0, -15%);
opacity: 0;
}
50% {
transform: translate(0, -15%);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/*------------------------------ All at once from top end-------------------------------------------------------------*/
/*------------------------------ All at once from left -------------------------------------------------------------*/
.carousel-inner .active .edgtf-slider-content .edgtf-text.all_at_once.from_left,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.all_at_once.from_left{
-webkit-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
opacity: 1;
filter: alpha(opacity = 100);
}
@-webkit-keyframes text-from-left {
0% {
-webkit-transform: translate(-15%, 0);
opacity: 0;
}
50% {
-webkit-transform: translate(-15%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes text-from-left {
0% {
-moz-transform: translate(-15%, 0);
opacity: 0;
}
50% {
-moz-transform: translate(-15%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes text-from-left {
0% {
-o-transform: translate(-15%, 0);
opacity: 0.5;
}
50% {
-o-transform: translate(-15%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes text-from-left {
0% {
transform: translate(-15%, 0);
opacity: 0;
}
50% {
transform: translate(-15%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/*------------------------------ All at once from left end-------------------------------------------------------------*/
/*------------------------------ All at once from right -------------------------------------------------------------*/
.carousel-inner .active .edgtf-slider-content .edgtf-text.all_at_once.from_right,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.all_at_once.from_right{
-webkit-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-moz-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
-o-animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
animation: text-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000);
opacity: 1;
filter: alpha(opacity = 100);
}
@-webkit-keyframes text-from-right {
0% {
-webkit-transform: translate(15%, 0);
opacity: 0;
}
50% {
-webkit-transform: translate(15%, 0);
opacity: 0;
}
100% {
-webkit-transform: translate(0, 0);
opacity: 1;
}
}
@-moz-keyframes text-from-right {
0% {
-moz-transform: translate(15%, 0);
opacity: 0;
}
50% {
-moz-transform: translate(15%, 0);
opacity: 0;
}
100% {
-moz-transform: translate(0, 0);
opacity: 1;
}
}
@-o-keyframes text-from-right {
0% {
-o-transform: translate(15%, 0);
opacity: 0.5;
}
50% {
-o-transform: translate(15%, 0);
opacity: 0;
}
100% {
-o-transform: translate(0, 0);
opacity: 1;
}
}
@keyframes text-from-right {
0% {
transform: translate(15%, 0);
opacity: 0;
}
50% {
transform: translate(15%, 0);
opacity: 0;
}
100% {
transform: translate(0, 0);
opacity: 1;
}
}
/*------------------------------ All at once from right end-------------------------------------------------------------*/
/*------------------------------ All at once fade -------------------------------------------------------------*/
.carousel-inner .active .edgtf-slider-content .edgtf-text.all_at_once.fade,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.all_at_once.fade{
-webkit-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-moz-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
-o-animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
animation: fade 0.6s 1 cubic-bezier(0.500, 0.110, 0.805, 0.320);
opacity: 1;
filter: alpha(opacity = 100);
}
/*------------------------------ All at once fade end-------------------------------------------------------------*/
/*------------------------------ One by one from bottom -------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_bottom{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
top: 70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_bottom{
-webkit-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-moz-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-o-animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
animation: text-from-bottom-one-by-one 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(2){
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(3){
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(4){
animation-delay:0.7s;
-webkit-animation-delay:0.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(5){
animation-delay:0.9s;
-webkit-animation-delay:0.9s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(6){
animation-delay:1.1s;
-webkit-animation-delay:1.1s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(7){
animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(8){
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(9){
animation-delay:1.7s;
-webkit-animation-delay:1.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_bottom .edgtf-el:nth-child(10){
animation-delay:1.8s;
-webkit-animation-delay:1.8s;
}
/*------------------------------ One by one from bottom end -------------------------------------------------------------*/
/*------------------------------ One by one from top -------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el,
.carousel-inner .edgtf-slider-content .edgtf-slider-content_inner.one_by_one.from_top{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
top: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_top{
-webkit-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-moz-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-o-animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
animation: text-one-by-one-from-top 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(2){
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(3){
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(4){
animation-delay:0.7s;
-webkit-animation-delay:0.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(5){
animation-delay:0.9s;
-webkit-animation-delay:0.9s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(6){
animation-delay:1.1s;
-webkit-animation-delay:1.1s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(7){
animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(8){
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(9){
animation-delay:1.7s;
-webkit-animation-delay:1.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_top .edgtf-el:nth-child(10){
animation-delay:1.8s;
-webkit-animation-delay:1.8s;
}
@-webkit-keyframes text-one-by-one-from-top {
0% {
top: -70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@-moz-keyframes text-one-by-one-from-top {
0% {
top: -70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@-o-keyframes text-one-by-one-from-top {
0% {
top: -70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@keyframes text-one-by-one-from-top {
0% {
top: -70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
/*----------------------------One by one from top end-------------------------------*/
/*------------------------------ One by one from left -------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_left{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
left: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_left{
-webkit-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-moz-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-o-animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
animation: text-one-by-one-from-left 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(2){
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(3){
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(4){
animation-delay:0.7s;
-webkit-animation-delay:0.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(5){
animation-delay:0.9s;
-webkit-animation-delay:0.9s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(6){
animation-delay:1.1s;
-webkit-animation-delay:1.1s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(7){
animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(8){
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(9){
animation-delay:1.7s;
-webkit-animation-delay:1.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_left .edgtf-el:nth-child(10){
animation-delay:1.8s;
-webkit-animation-delay:1.8s;
}
@-webkit-keyframes text-one-by-one-from-left {
0% {
left: -70px;
opacity: 0;
}
50% {
left: 0px;
opacity: 1;
}
100% {
left: 0px;
opacity: 1;
}
}
@-moz-keyframes text-one-by-one-from-left {
0% {
left: -70px;
opacity: 0;
}
50% {
left: 0px;
opacity: 1;
}
100% {
left: 0px;
opacity: 1;
}
}
@-o-keyframes text-one-by-one-from-left {
0% {
left: -70px;
opacity: 0;
}
50% {
left: 0px;
opacity: 1;
}
100% {
left: 0px;
opacity: 1;
}
}
@keyframes text-one-by-one-from-left {
0% {
left: -70px;
opacity: 0;
}
50% {
left: 0px;
opacity: 1;
}
100% {
left: 0px;
opacity: 1;
}
}
/*----------------------------One by one from left end-------------------------------*/
/*------------------------------ One by one from right -------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_right{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
right: -70px;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.from_right{
-webkit-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-moz-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-o-animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
animation: text-one-by-one-from-right 0.6s 1 cubic-bezier(0.165, 0.840, 0.440, 1.000) 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(2){
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(3){
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(4){
animation-delay:0.7s;
-webkit-animation-delay:0.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(5){
animation-delay:0.9s;
-webkit-animation-delay:0.9s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(6){
animation-delay:1.1s;
-webkit-animation-delay:1.1s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(7){
animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(8){
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(9){
animation-delay:1.7s;
-webkit-animation-delay:1.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.from_right .edgtf-el:nth-child(10){
animation-delay:1.8s;
-webkit-animation-delay:1.8s;
}
@-webkit-keyframes text-one-by-one-from-right {
0% {
right: -70px;
opacity: 0;
}
50% {
right: 0px;
opacity: 1;
}
100% {
right: 0px;
opacity: 1;
}
}
@-moz-keyframes text-one-by-one-from-right {
0% {
right: -70px;
opacity: 0;
}
50% {
right: 0px;
opacity: 1;
}
100% {
right: 0px;
opacity: 1;
}
}
@-o-keyframes text-one-by-one-from-right {
0% {
right: -70px;
opacity: 0;
}
50% {
right: 0px;
opacity: 1;
}
100% {
right: 0px;
opacity: 1;
}
}
@keyframes text-one-by-one-from-right {
0% {
right: -70px;
opacity: 0;
}
50% {
right: 0px;
opacity: 1;
}
100% {
right: 0px;
opacity: 1;
}
}
/*----------------------------One by one from right end-------------------------------*/
/*------------------------------ One by one fade -------------------------------------------------------------*/
.carousel-inner .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el,
.carousel-inner .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.fade{
opacity: 0;
filter: alpha(opacity = 0);
position: relative;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el,
.carousel-inner .active .edgtf-slider-content .edgtf-slider-content-inner.one_by_one.fade{
-webkit-animation: fade 0.6s cubic-bezier(0.500, 0.110, 0.805, 0.320) 0.1s;
-moz-animation: fade 0.6s cubic-bezier(0.500, 0.110, 0.805, 0.320) 0.1s;
-o-animation: fade 0.6s cubic-bezier(0.500, 0.110, 0.805, 0.320) 0.1s;
animation: fade 0.6s cubic-bezier(0.500, 0.110, 0.805, 0.320) 0.1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 1;
filter: alpha(opacity = 100);
-webkit-transform: translateZ(0px);
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(2){
animation-delay:0.3s;
-webkit-animation-delay:0.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(3){
animation-delay:0.5s;
-webkit-animation-delay:0.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(4){
animation-delay:0.7s;
-webkit-animation-delay:0.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(5){
animation-delay:0.9s;
-webkit-animation-delay:0.9s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(6){
animation-delay:1.1s;
-webkit-animation-delay:1.1s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(7){
animation-delay:1.3s;
-webkit-animation-delay:1.3s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(8){
animation-delay:1.5s;
-webkit-animation-delay:1.5s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(9){
animation-delay:1.7s;
-webkit-animation-delay:1.7s;
}
.carousel-inner .active .edgtf-slider-content .edgtf-text.one_by_one.fade .edgtf-el:nth-child(10){
animation-delay:1.8s;
-webkit-animation-delay:1.8s;
}
/*----------------------------One by one fade end-------------------------------*/
/* if slide has thumbanail than set new animation delay times - start */
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(1){
animation-delay:0.2s;
-webkit-animation-delay:0.2s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(2){
animation-delay:0.4s;
-webkit-animation-delay:0.4s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(3){
animation-delay:0.6s;
-webkit-animation-delay:0.6s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(4){
animation-delay:0.8s;
-webkit-animation-delay:0.8s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(5){
animation-delay:1s;
-webkit-animation-delay:1s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(6){
animation-delay:1.2s;
-webkit-animation-delay:1.2s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(7){
animation-delay:1.4s;
-webkit-animation-delay:1.4s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(8){
animation-delay:1.6s;
-webkit-animation-delay:1.6s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(9){
animation-delay:1.8s;
-webkit-animation-delay:1.8s;
}
.carousel-inner .edgtf-has-thumbnail.active .edgtf-slider-content .edgtf-text.one_by_one .edgtf-el:nth-child(10){
animation-delay:2s;
-webkit-animation-delay:2s;
}
/* if slide has thumbanail than set new animation delay times - end */
/* one by one element animation - end */
.carousel-inner .edgtf-slider-content .edgtf-el{
width: 100%;
}
.carousel-inner .edgtf-slider-content .edgtf-el > div{
display: inline-block;
vertical-align: middle;
width: inherit;
}
.carousel-inner .edgtf-slider-content .edgtf-slide-buttons-holder {
display: inline-block;
width:100%;
}
.carousel-inner .edgtf-slider-content .edgtf-slide-buttons-holder .edgtf-btn {
margin: 35px 10px 0;
}
.carousel-inner .edgtf-slider-content .edgtf-slide-buttons-holder .edgtf-btn:first-child {
margin-left: 0;
}
.carousel-inner .edgtf-slider-content .edgtf-slide-buttons-holder .edgtf-btn:last-child {
margin-right: 0;
}
.carousel-inner h2 {
clear: both;
font-size: 105px;
line-height: 1.047619047619047619047619047619em;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 800;
color: #fff;
margin: 0 0 14px;
}
.carousel-inner h2 a{
font-family: inherit !important;
font-size: inherit !important;
font-style: inherit !important;
font-weight: inherit !important;
letter-spacing: inherit !important;
line-height: inherit !important;
text-transform: inherit !important;
}
.carousel-inner h2 span span {
color: $first-main-color;
}
.carousel-inner h3 {
color: #fff;
margin: 0 0 14px;
line-height: 1.3125em;
}
.carousel-inner h2 span,
.carousel-inner h3 span{
display: inline-block;
}
.carousel-inner h3.edgtf-slide-text{
margin: 0;
clear:both;
font-size: 22px;
line-height: 36px;
font-weight: 400;
text-transform: none;
letter-spacing: 0;
}
.carousel-inner .left .edgtf-text,
.carousel-inner .left h2,
.carousel-inner .left h3{
text-align: left;
}
.carousel-inner .center .edgtf-text,
.carousel-inner .center h2,
.carousel-inner .center h3{
text-align: center;
}
.carousel-inner .right .edgtf-text,
.carousel-inner .right h2,
.carousel-inner .right h3{
text-align: right;
}
.carousel-inner {
left: 0 !important;
position: fixed;
overflow: hidden;
width: 100%;
z-index: 1;
transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-webkit-transform: translate(0px, 0px);
-o-transform: translate(0px, 0px);
-webkit-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-moz-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-o-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
-ms-transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
transition: left 0.33s cubic-bezier(0.694, 0.0482, 0.335, 1);
}
.carousel-inner.edgtf-relative-position,
.touch .carousel-inner{
position: relative;
}
.carousel-inner .item img {
display: inline-block !important;
}
.touch .carousel-inner .item {
background-position: center 0px !important;
}
.carousel-inner .item .edgtf-image{
position: absolute;
top: 0px;
left: 0px;
background-position: center 0px;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 110%;
}
/* animate image - start */
@include ipad-landscape-min {
.carousel-inner .item.edgtf-animate-image.zoom_center .edgtf-image{
position: absolute;
top: 0%;
left: 0%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 110%;
-webkit-backface-visibility: hidden; /* to prevent glittering on slide change */
backface-visibility: hidden;
}
.carousel-inner .item.edgtf-animate-image.zoom_top_left .edgtf-image,
.carousel-inner .item.edgtf-animate-image.zoom_top_right .edgtf-image,
.carousel-inner .item.edgtf-animate-image.zoom_bottom_left .edgtf-image,
.carousel-inner .item.edgtf-animate-image.zoom_bottom_right .edgtf-image{
position: absolute;
top: -12%;
left: -12%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 125%;
height: 125%;
-webkit-backface-visibility: hidden; /* to prevent glittering on slide change */
backface-visibility: hidden;
}
}
/* animate image - end */
.carousel-inner .item .edgtf-image img{
display: none !important;
width: 0px;
height: 0px;
}
.carousel-inner .item .edgtf-image-pattern {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.carousel-control {
top: 0px;
width: 8%;
height: 100%;
text-shadow: none;
position: absolute;
z-index: 2 !important;
margin: 0px;
outline: none;
cursor: pointer;
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-o-transition: opacity 0.15s ease-out;
-ms-transform: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
-webkit-backface-visibility: hidden; /* because navigation is not visible during animation on chrome */
-moz-backface-visibility: hidden; /* because navigation glitters in ff */
}
.carousel-control.right {
right: 0;
left: auto;
}
.carousel-control:hover{
opacity: 1 !important;
}
.carousel-control .edgtf-prev-nav,
.carousel-control .edgtf-next-nav {
position: absolute;
top: 50%;
margin-top: -45px;
height: 90px;
width: 90px;
line-height: 90px;
font-size: 90px;
color: #fff;
text-align: center;
z-index: 10;
-webkit-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .6s ease-in-out .3s, right .6s ease-in-out .3s;
-moz-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .6s ease-in-out .3s, right .6s ease-in-out .3s;
-o-transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .6s ease-in-out .3s, right .6s ease-in-out .3s;
-ms-transform: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .6s ease-in-out .3s, right .6s ease-in-out .3s;
transition: background-color 0.15s ease-out, color 0.15s ease-out, border-color 0.15s ease-out, left .6s ease-in-out .3s, right .6s ease-in-out .3s;
}
.edgtf-light-header .carousel-control .edgtf-prev-nav:hover,
.edgtf-dark-header .carousel-control .edgtf-prev-nav:hover,
.edgtf-light-header .carousel-control .edgtf-next-nav:hover,
.edgtf-dark-header .carousel-control .edgtf-next-nav:hover,
.carousel-control .edgtf-prev-nav:hover,
.carousel-control .edgtf-next-nav:hover {
color: $first-main-color;
}
.carousel-control span span{
display: block;
line-height: inherit;
}
.carousel-control .edgtf-prev-nav{
left: 0px;
}
.carousel-control .edgtf-next-nav{
right: 0px;
}
/* thumb css - start */
.carousel-control .edgtf-thumb-holder{
width: 150px;
display: block;
position: absolute;
background-color: rgba(0, 0, 0, 0.8);
top: 50%;
}
/*left arrow*/
.carousel-control.left .edgtf-thumb-holder{
left: -200px;
-webkit-transition: left .6s ease-in-out .3s;
-moz-transition: left .6s ease-in-out .3s;
-o-transition: left .6s ease-in-out .3s;
-ms-transform: left .6s ease-in-out .3s;
transition: left .6s ease-in-out .3s;
}
.edgtf-in-progress .carousel-control.left .edgtf-thumb-holder{
left: -200px !important;
}
/*right arrow*/
.carousel-control.right .edgtf-thumb-holder{
right: -200px;
-webkit-transition: right .6s ease-in-out .3s;
-moz-transition: right .6s ease-in-out .3s;
-o-transition: right .6s ease-in-out .3s;
-ms-transform: right .6s ease-in-out .3s;
transition: right .6s ease-in-out .3s;
}
.edgtf-in-progress .carousel-control.right .edgtf-thumb-holder{
right: -200px !important;
}
.carousel-control .edgtf-thumb-arrow{
height: 50px;
line-height: 50px;
font-size: 25px;
}
/* effect on hover enabled in responsive above 1000px */
.carousel-control .edgtf-numbers{
height: 50px;
line-height: 50px;
font-size: 15px;
}
.carousel-control .edgtf-numbers span{
display: inline;
}
.carousel-control.left .edgtf-thumb-arrow{
float: left;
padding: 0px 0px 0px 20px;
}
.carousel-control.left .edgtf-numbers{
float: right;
padding: 0px 20px 0px 0px;
}
.carousel-control.right .edgtf-thumb-arrow{
float: right;
padding: 0px 20px 0px 0px;
}
.carousel-control.right .edgtf-numbers{
float: left;
padding: 0px 0px 0px 20px;
}
.carousel-control .edgtf-prev-nav .edgtf-numbers,
.carousel-control .edgtf-next-nav .edgtf-numbers {
float: none;
padding: 0;
position: absolute;
left: auto;
right: -15px;
top: 50%;
line-height: 26px;
height: 26px;
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
color: #fff;
font-weight: 700;
font-size: 14px;
opacity: 0;
@include edgtfTransition(opacity .3s ease-out);
}
.carousel-control .edgtf-next-nav .edgtf-numbers {
left: -15px;
right: auto;
}
.carousel-control .img{
clear: both;
width: 150px;
position: relative;
display: block;
overflow: hidden;
margin: 0px 0px -2px 0px;
}
.carousel-control .edgtf-prev-nav:hover .edgtf-numbers,
.carousel-control .edgtf-next-nav:hover .edgtf-numbers {
opacity: 1;
}
.edgtf-thumb-holder .img img {
vertical-align: middle;
}
/* thumb css - end */
.carousel-indicators:not(.thumbnails) li{
vertical-align: middle;
background-color: $first-main-color;
opacity: 1;
margin: 0px 9px;
-webkit-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
-moz-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
-o-transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
-ms-transform: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
transition: background-color 0.15s ease-out, border-color 0.15s ease-out, opacity 0.15s ease-out;
}
.carousel-indicators:not(.thumbnails) .active{
background-color: $header-light-color;
}
.carousel-indicators.thumbnails .active img{
padding:5px;
transition: padding 0.2s ease-out;
-o-transition: padding 0.2s ease-out;
-ms-transition: padding 0.2s ease-out;
-moz-transition: padding 0.2s ease-out;
-webkit-transition: padding 0.2s ease-out;
}
@-webkit-keyframes rotate {
0% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
50% {
-webkit-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
100% {
-webkit-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@-moz-keyframes rotate {
0% {
-moz-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
50% {
-moz-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
100% {
-moz-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@-o-keyframes rotate {
0% {
-o-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0.2;
}
50% {
-o-transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0.2;
}
100% {
-o-transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@keyframes rotate {
0% {
transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
50% {
transform: perspective(600px) rotateX(90deg) scale(.5);
opacity: 0;
}
100% {
transform: perspective(600px) rotateX(0deg) scale(1);
opacity: 1;
}
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 0;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@-moz-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@-o-keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
@keyframes text-from-bottom-one-by-one {
0% {
top: 70px;
opacity: 0;
}
50% {
top: 0px;
opacity: 1;
}
100% {
top: 0px;
opacity: 1;
}
}
.carousel .edgtf-video .edgtf-mobile-video-image {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 10;
}
.carousel .edgtf-video .edgtf-video-overlay {
height: 3000px;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 11;
}
.carousel .edgtf-video .edgtf-video-overlay.active {
background-image: url("img/pixel-video.png");
background-position: 0px 0px;
background-repeat: repeat;
opacity: 1;
}
.carousel .edgtf-video .edgtf-video-overlay img{
display: none !important;
}
.carousel .edgtf-video .edgtf-video-wrap {
top: 0px;
left: 0px;
overflow: hidden;
position: absolute;
width: 100%;
z-index: 10;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-poster {
background-size: cover !important;
-moz-background-size: cover !important;
-webkit-background-size: cover !important;
-o-background-size: cover !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-container .mejs-controls {
display: none !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-button button:focus {
outline: none !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-time-rail .mejs-time-loaded {
background-color: rgba(255, 255, 255, 0.18) !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-container {
background-color: transparent !important;
background-image: none !important;
height: auto !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-mediaelement{
background: none !important;
border: 0px !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-container .mejs-poster img {
max-width: none !important;
width: 100% !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls button { opacity: 0.8; }
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls button:hover, .mejs-controls .mejs-fullscreen-button:hover button { opacity: 1!important;}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-time-rail .mejs-time-total {
background: #1f1f1f none repeat scroll 0 0 !important;
}
.carousel .edgtf-video .edgtf-video-wrap .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
background: transparent !important;
}
.edgtf-dark-header .carousel-indicators li{
background-color: $first-main-color;
}
.edgtf-dark-header .carousel-control .edgtf-prev-nav,
.edgtf-dark-header .carousel-control .edgtf-next-nav{
color: #000;
}
.edgtf-light-header .carousel-indicators li{
background-color: $first-main-color;
}
.edgtf-light-header .carousel-control .edgtf-prev-nav,
.edgtf-light-header .carousel-control .edgtf-next-nav{
color: #fff;
}
/* ==== Carousel Custom - End ==== */
/* ==========================================================================
End of Edge slider styles
========================================================================== */