.flex-container a:hover, .flex-slider a:hover { outline: none; } .slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-pauseplay span { text-transform: capitalize; } .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } .flexslider .slides img { width: 100%; display: block; } .flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .flexslider .slides { display: block; } * html .flexslider .slides { height: 1%; } .no-js .flexslider .slides > li:first-child { display: block; } .flexslider { margin: 0 0 60px; background: #ffffff; border: 4px solid #ffffff; position: relative; zoom: 1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2); } .flexslider .slides { zoom: 1; } .flexslider .slides img { height: auto; -moz-user-select: none; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .carousel li { margin-right: 5px; } .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 30px; height: 30px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; text-indent:9999px; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav .flex-prev { left: -50px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f003'; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } body { height : inherit !important; } .flexslider { margin: 0 ; background-color : transparent; border: none; position: relative; border-radius: 0px; box-shadow: none; zoom: 1; overflow:visible; } .slides, .flex-control-nav, .flex-direction-nav { list-style: none outside none !important; } .flexslider li { list-style:none !important; } .flexslider ul.slides { background-color: transparent; margin: 0 -1px; z-index:5; } .flexslider .slides > li { position:relative; overflow:hidden; } .flexslider li .jslider-image { position: relative; display:block; } .slide-desc-box .bg-transparent { background : transparent !important; } .read-more-slider { display:inline-block; *display:inline; *zoom:1; margin-left:6px; } .read-more-slider a:hover { text-decoration:none; } .flexslider span.image-height-fixed { display:none; position: absolute; top:0; bottom:0; left:0; right:0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: none; } .flexslider .flex-direction-nav { z-index:10; } .flexslider .flex-direction-nav a { background-image : url(images/bg_direction_nav_black.png); } .flexslider.white-arrow .flex-direction-nav a { background-image : url(images/bg_direction_nav_white.png); } .flex-direction-nav .flex-next { background-position: 100% 0; opacity:0.65; right: 5px; -webkit-transition : all 0.4s ease-in-out; -moz-transition : all 0.4s ease-in-out; -ms-transition : all 0.4s ease-in-out; -o-transition : all 0.4s ease-in-out; transition : all 0.4s ease-in-out; } .flex-direction-nav .flex-prev { background-position: 1px 0; opacity:0.65; left: 5px; text-indent:-9999px; -webkit-transition : all 0.4s ease-in-out; -moz-transition : all 0.4s ease-in-out; -ms-transition : all 0.4s ease-in-out; -o-transition : all 0.4s ease-in-out; transition : all 0.4s ease-in-out; } .flexslider:hover .flex-next { opacity: 0.8; } .flexslider:hover .flex-prev { opacity: 0.8; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flexslider .flex-control-nav { height:27px; z-index:10; } .flex-control-nav li { padding:8px !important; margin:0 !important; } .flexslider.position-nav-bottom .flex-control-nav { position : absolute; bottom:9px; } .flexslider.position-nav-top .flex-control-nav { position : absolute; top:9px; } .color-nav-dark .flex-control-paging li a { background-color : #aaa; background-color: rgba(0,0,0,0.5); box-shadow: inset -1px 1px 1px rgba(0,0,0,0.5), 0 0 5px rgba(255,255,255,0.9); } .color-nav-dark .flex-control-paging li a:hover { background-color: #888; background-color: rgba(0,0,0,0.65); } .color-nav-light .flex-control-paging li a { background-color : #999; background-color: rgba(255,255,255,0.55); box-shadow: inset -1px 1px 1px rgba(0,0,0,0.5); } .color-nav-light .flex-control-paging li a:hover { background-color: #bbb; background-color: rgba(255,255,255,0.70); } .flexslider.flex-slide-theme-horizontal { margin-top:25px; margin-bottom:30px; border-left:1px solid #555; border-right:1px solid #555; border-color:rgba(0,0,0,0.6); } .flex-slide-theme-horizontal.slide-theme { display: block; height: 100%; top:0; left: 0; position: absolute; width:100%; z-index:-1; } .flex-slide-theme-horizontal .slide-theme-side { background: transparent url(images/slide-border.png) left top no-repeat; display: block; height: 26px; position: absolute; width: 45px; } .flex-slide-theme-horizontal .slide-theme-side.slide-bottom-left { background-position: -2px -28px; bottom: -25px; left: 0px; } .flex-slide-theme-horizontal .slide-theme-side.slide-top-left { background-position: -2px 0px; top: -26px; left: 0px; } .flex-slide-theme-horizontal .slide-theme-side.slide-bottom-right { background-position: -64px -28px; bottom: -25px; right: -1px; } .flex-slide-theme-horizontal .slide-theme-side.slide-top-right { background-position: -64px 0px; top: -26px; right: -1px; } .flexslider.flex-slide-theme-vertical { margin-left:25px; margin-right:25px; border-top:1px solid #555; border-bottom:1px solid #555; border-color:rgba(0,0,0,0.6); } .flex-slide-theme-vertical.slide-theme { display: block; height: 100%; top:0; left: 0; position: absolute; width:100%; z-index:-1; } .flex-slide-theme-vertical .slide-theme-side { background: transparent url(images/slide-border.png) left top no-repeat; display: block; height: 40px; position: absolute; width: 25px; } .flex-slide-theme-vertical .slide-theme-side.slide-bottom-left { background-position: -111px -13px; bottom: 1px; left: 0px; } .flex-slide-theme-vertical .slide-theme-side.slide-top-left { background-position: -167px -16px; top: 0px; left: 0px; } .flex-slide-theme-vertical .slide-theme-side.slide-bottom-right { background-position: -139px -13px; bottom: 1px; right: 0px; } .flex-slide-theme-vertical .slide-theme-side.slide-top-right { background-position: -195px -16px; top: 0px; right: 0px; } .light-text-shadow > div > div { text-shadow: 1px 1px 3px rgba(0,0,0,0.4); } .dark-text-shadow > div > div { text-shadow: 2px 2px 5px rgba(0,0,0,0.8); } .theme-border-radius-01, .theme-border-radius-01 ul.slides li img { border-radius: 4px; } .theme-border-radius-01.position-caption-bottom-left .flex-caption, .theme-border-radius-01.position-caption-bottom-right .flex-caption, .theme-border-radius-01.position-caption-bottom-centered .flex-caption { border-radius: 0 0 4px 4px; } .theme-border-radius-01.position-caption-top-left .flex-caption, .theme-border-radius-01.position-caption-top-right .flex-caption, .theme-border-radius-01.position-caption-top-centered .flex-caption { border-radius: 4px 4px 0 0; } .theme-border-radius-02, .theme-border-radius-02 ul.slides li img { border-radius: 8px; } .theme-border-radius-02.position-caption-bottom-left .flex-caption, .theme-border-radius-02.position-caption-bottom-right .flex-caption, .theme-border-radius-02.position-caption-bottom-centered .flex-caption { border-radius: 0 0 8px 8px; } .theme-border-radius-02.position-caption-top-left .flex-caption, .theme-border-radius-02.position-caption-top-right .flex-caption, .theme-border-radius-02.position-caption-top-centered .flex-caption { border-radius: 8px 8px 0 0; } .theme-border-radius-03, .theme-border-radius-03 ul.slides li img { border-radius: 12px; } .theme-border-radius-03.position-caption-bottom-left .flex-caption, .theme-border-radius-03.position-caption-bottom-right .flex-caption, .theme-border-radius-03.position-caption-bottom-centered .flex-caption { border-radius: 0 0 12px 12px; } .theme-border-radius-03.position-caption-top-left .flex-caption, .theme-border-radius-03.position-caption-top-right .flex-caption, .theme-border-radius-03.position-caption-top-centered .flex-caption { border-radius: 12px 12px 0 0; } .theme-border-radius-04, .theme-border-radius-04 ul.slides li img { border-radius: 24px; } .theme-border-radius-04.position-caption-bottom-left .flex-caption, .theme-border-radius-04.position-caption-bottom-right .flex-caption, .theme-border-radius-04.position-caption-bottom-centered .flex-caption { border-radius: 0 0 24px 24px; } .theme-border-radius-04.position-caption-top-left .flex-caption, .theme-border-radius-04.position-caption-top-right .flex-caption, .theme-border-radius-04.position-caption-top-centered .flex-caption { border-radius: 24px 24px 0 0; } .theme-border-01 { padding: 2px; } .theme-border-01 li .jslider-image { margin-bottom:-4px; } .theme-border-02 { padding: 4px; } .theme-border-02 li .jslider-image { margin-bottom:-8px; } .theme-border-03 { padding: 7px; } .theme-border-03 li .jslider-image { margin-bottom:-14px; } .theme-border-04 { padding: 10px; } .theme-border-04 li .jslider-image { margin-bottom:-20px; } .theme-shadow-normal { box-shadow: 0 1px 4px rgba(0,0,0,0.6); margin:3px; } .theme-shadow-large { box-shadow: 0 1px 15px rgba(0,0,0,0.4); margin:10px; } .slide-desc-box { box-sizing: border-box; padding: 0; position: absolute; left:0; right:0; text-align: center; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .slide-desc-box.Top { top:15px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .position-nav-top .slide-desc-box.Top { top:35px; } .slide-desc-box.Bottom { top: inherit; bottom:15px; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .position-nav-bottom .slide-desc-box.Bottom { bottom:35px; } .slide-desc-box.Left { text-align: left; } .slide-desc-box.Right { text-align: right; } .slide-desc, .slide-desc-box h3 { line-height:1.4; margin:0; padding:0; text-shadow:inherit; } .slide-desc { padding-top: 8px; } .slide-desc-box > div { display:inline-block; *display:inline; *zoom:1; } .slide-desc-box > div > div { display:inline-block; *display:inline; *zoom:1; padding:12px 30px 14px 30px; } .slide-desc-box.Left > div > div { padding-left:50px; } .slide-desc-box.Right > div > div { padding-right:50px; } .owl-carousel.nav-false .slide-desc-box.Left > div > div, .owl-carousel.nav-false .slide-desc-box.Right > div > div { padding-left:30px; } .slide-desc-box.Right > div > div { padding-right:50px; } .slide-desc-box h3 { font-weight:700; } @media screen and (max-width: 979px) { .slide-title span { font-size:85%; } .slide-desc span { font-size: 90%; } } @media screen and (max-width: 767px) { .slide-title span { font-size:75%; } .slide-desc span { font-size: 80%; } } .slides.kenburns { overflow:hidden; } .slides.kenburns .jslider-image { -webkit-animation : kenburns 22s ease infinite; animation : kenburns 22s ease infinite; -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); } @-webkit-keyframes kenburns { 0% { -webkit-transform: scale(1.0) translateZ(0); -ms-transform: scale(1.0) translateZ(0); transform: scale(1.0) translateZ(0); } 50% { -webkit-transform: scale(1.04) translateZ(0) rotate(0.1deg); -ms-transform: scale(1.04) translateZ(0) rotate(0.1deg); transform: scale(1.04) translateZ(0) rotate(0.1deg); } 100% { -webkit-transform: scale(1.0) translateZ(0); -ms-transform: scale(1.0) translateZ(0); transform: scale(1.0) translateZ(0); } } @keyframes kenburns { 0% { -webkit-transform: scale(1.0) translateZ(0); -ms-transform: scale(1.0) translateZ(0); transform: scale(1.0) translateZ(0); } 50% { -webkit-transform: scale(1.04) translateZ(0) rotate(0.1deg); -ms-transform: scale(1.04) translateZ(0) rotate(0.1deg); transform: scale(1.04) translateZ(0) rotate(0.1deg); } 100% { -webkit-transform: scale(1.0) translateZ(0); -ms-transform: scale(1.0) translateZ(0); transform: scale(1.0) translateZ(0); } } .flex-active-slide .anim-js-zoom > div > div { -webkit-animation : anim-js-zoom 1.5s ease ; animation : anim-js-zoom 1.5s ease ; } @-webkit-keyframes anim-js-zoom { from { opacity: 0; text-shadow: 0px 0px 0px rgba(0, 0, 0, 1); -webkit-transform: scale(.2) rotateX(25deg) translateY(1000px); -ms-transform: scale(.2) rotateX(25deg) translateY(1000px); transform: scale(.2) rotateX(25deg) translateY(1000px); -webkit-animation-timing-function: cubic-bezier(.36,.03,.46,.12); -ms-animation-timing-function: cubic-bezier(.36,.03,.46,.12); animation-timing-function: cubic-bezier(.36,.03,.46,.12); } 65% { opacity: 1; text-shadow: 7px 10px 4px rgba(0, 0, 0, 1); -webkit-transform: scale(.775) translateY(-80px); -ms-transform: scale(.775) translateY(-80px); transform: scale(.775) translateY(-80px); -webkit-animation-timing-function: cubic-bezier(.49,.78,.62,.94); -ms-animation-timing-function: cubic-bezier(.49,.78,.62,.94); animation-timing-function: cubic-bezier(.49,.78,.62,.94); } } @keyframes anim-js-zoom { from { opacity: 0; text-shadow: 0px 0px 0px rgba(0, 0, 0, 1); -webkit-transform: scale(.2) rotateX(25deg) translateY(1000px); -ms-transform: scale(.2) rotateX(25deg) translateY(1000px); transform: scale(.2) rotateX(25deg) translateY(1000px); -webkit-animation-timing-function: cubic-bezier(.36,.03,.46,.12); -ms-animation-timing-function: cubic-bezier(.36,.03,.46,.12); animation-timing-function: cubic-bezier(.36,.03,.46,.12); } 65% { opacity: 1; text-shadow: 7px 10px 4px rgba(0, 0, 0, 1); -webkit-transform: scale(.775) translateY(-80px); -ms-transform: scale(.775) translateY(-80px); transform: scale(.775) translateY(-80px); -webkit-animation-timing-function: cubic-bezier(.49,.78,.62,.94); -ms-animation-timing-function: cubic-bezier(.49,.78,.62,.94); animation-timing-function: cubic-bezier(.49,.78,.62,.94); } } .flex-active-slide .anim-js-flip > div > div { -webkit-animation : anim-js-flip 1.5s ease ; animation : anim-js-flip 1.5s ease ; } @-webkit-keyframes anim-js-flip { from { opacity: 0; -webkit-transform: scale(.6) rotateY(270deg) translateY(50px); -ms-transform: scale(.6) rotateY(270deg) translateY(50px); transform: scale(.6) rotateY(270deg) translateY(50px); -webkit-animation-timing-function: cubic-bezier(.36,.03,.46,.12); -ms-animation-timing-function: cubic-bezier(.36,.03,.46,.12); animation-timing-function: cubic-bezier(.36,.03,.46,.12); } } @keyframes anim-js-flip { from { opacity: 0; -webkit-transform: scale(.6) rotateY(270deg) translateY(50px); -ms-transform: scale(.6) rotateY(270deg) translateY(50px); transform: scale(.6) rotateY(270deg) translateY(50px); -webkit-animation-timing-function: cubic-bezier(.36,.03,.46,.12); -ms-animation-timing-function: cubic-bezier(.36,.03,.46,.12); animation-timing-function: cubic-bezier(.36,.03,.46,.12); } } .flex-active-slide .anim-js-rotate > div > div { -webkit-animation : anim-js-rotate 1.5s ease ; animation : anim-js-rotate 1.5s ease ; } @-webkit-keyframes anim-js-rotate { from { opacity: 0; -webkit-transform: scale(.45) rotateX(270deg) translateY(50px); -ms-transform: scale(.45) rotateX(270deg) translateY(50px); transform: scale(.45) rotateX(270deg) translateY(50px); -webkit-animation-timing-function: cubic-bezier(.36,.03,.46,.12); -ms-animation-timing-function: cubic-bezier(.36,.03,.46,.12); animation-timing-function: cubic-bezier(.36,.03,.46,.12); } } @keyframes anim-js-rotate { from { opacity: 0; -webkit-transform: scale(.45) rotateX(270deg) translateY(50px); -ms-transform: scale(.45) rotateX(270deg) translateY(50px); transform: scale(.45) rotateX(270deg) translateY(50px); -webkit-animation-timing-function: cubic-bezier(.36,.03,.46,.12); -ms-animation-timing-function: cubic-bezier(.36,.03,.46,.12); animation-timing-function: cubic-bezier(.36,.03,.46,.12); } } .flex-active-slide .anim-js-rotate-letters h3 span { -webkit-animation : anim-js-rotate-letters 2.5s linear ; animation : anim-js-rotate-letters 2.5s linear ; } @-webkit-keyframes anim-js-rotate-letters { 0% { opacity: 0; -webkit-transform: scale(0.8) rotateY(90deg); -ms-transform: scale(0.8) rotateY(90deg); transform: scale(0.8) rotateY(90deg); } 10% { -webkit-transform: scale(0.8) rotateY(90deg); -ms-transform: scale(0.8) rotateY(90deg); transform: scale(0.8) rotateY(90deg); } 20% { opacity:1; } 100% { -webkit-transform: scale(1) rotateY(0deg); -ms-transform: scale(1) rotateY(0deg); transform: scale(1) rotateY(0deg); } } @keyframes anim-js-rotate-letters { 0% { opacity: 0; -webkit-transform: scale(0.8) rotateY(90deg); -ms-transform: scale(0.8) rotateY(90deg); transform: scale(0.8) rotateY(90deg); } 10% { -webkit-transform: scale(0.8) rotateY(90deg); -ms-transform: scale(0.8) rotateY(90deg); transform: scale(0.8) rotateY(90deg); } 20% { opacity:1; } 100% { -webkit-transform: scale(1) rotateY(0deg); -ms-transform: scale(1) rotateY(0deg); transform: scale(1) rotateY(0deg); } } .flexslider .slide-title span { display: inline-block; *display:inline; *zoom:1; letter-spacing:0; min-width:14px; } .flexslider .slide-title span.span-js-title { display:inline; min-width:0; } .flex-active-slide .anim-js-slide.Top > div > div, .flex-active-slide .anim-js-slide.Center > div > div { -webkit-animation : anim-js-slide-top 1.5s ease ; animation : anim-js-slide-top 1.5s ease ; } @-webkit-keyframes anim-js-slide-top { 0% { -webkit-transform: translateY(-150px); -ms-transform: translateY(-150px); transform: translateY(-150px); opacity:0; } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity:1; } } @keyframes anim-js-slide-top { 0% { -webkit-transform: translateY(-150px); -ms-transform: translateY(-150px); transform: translateY(-150px); opacity:0; } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity:1; } } .flex-active-slide .anim-js-slide.Bottom > div > div { -webkit-animation : anim-js-slide-bottom 1.5s ease ; animation : anim-js-slide-bottom 1.5s ease ; } @-webkit-keyframes anim-js-slide-bottom { 0% { -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); opacity:0; } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity:1; } } @keyframes anim-js-slide-bottom { 0% { -webkit-transform: translateY(150px); -ms-transform: translateY(150px); transform: translateY(150px); opacity:0; } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity:1; } } .flex-active-slide .anim-js-slide.Left > div > div { -webkit-animation : anim-js-slide-left 1.5s ease ; animation : anim-js-slide-left 1.5s ease ; } @-webkit-keyframes anim-js-slide-left { 0% { margin-left:-300px; opacity:0; } 100% { margin-left:0; opacity:1; } } @keyframes anim-js-slide-left { 0% { margin-left:-300px; opacity:0; } 100% { margin-left:0; opacity:1; } } .flex-active-slide .anim-js-slide.Right > div > div { -webkit-animation : anim-js-slide-right 1.5s ease ; animation : anim-js-slide-right 1.5s ease ; } @-webkit-keyframes anim-js-slide-right { 0% { margin-right:-300px; opacity:0; } 100% { margin-right:0; opacity:1; } } @keyframes anim-js-slide-right { 0% { margin-right:-300px; opacity:0; } 100% { margin-right:0; opacity:1; } } .flex-active-slide .anim-js-text .slide-desc { -webkit-animation : anim-js-text-fade 3s ease; animation : anim-js-text-fade 3s ease; } .flex-active-slide .anim-js-rotate-letters.anim-js-text .slide-desc { -webkit-animation : anim-js-text-fade 4s ease; animation : anim-js-text-fade 4s ease; } @-webkit-keyframes anim-js-text-fade { from { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @keyframes anim-js-text-fade { from { opacity: 0; } 50% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes anim-js-simple-fade { from { opacity: 0; } 100% { opacity: 1; } } @keyframes anim-js-simple-fade { from { opacity: 0; } 100% { opacity: 1; } }