.container { text-align: left; margin: 0 auto; width: 1200px; position: relative; } /*------------------------------------------------*/ /*--------------[FEATURED SLIDER]-----------------*/ /*------------------------------------------------*/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } #et-slider-wrapper {height:300px;position:relative;background-color:#f2f2f2;border-bottom:1px solid #fafafa;} .et-slide { background-repeat:no-repeat; background-position:center center; -moz-background-size:cover; -webkit-background-size:cover; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .et-slide a {width:100%;height:100%;display:block;} .et-slide .container {padding:10px 0 0;} .et-slide .description { text-shadow: 0 2px 2px rgba(0,0,0,0.3); color: #fff; font-size: 18px; float: left; width: 500px; padding-top:120px; padding-left:20px; -webkit-animation-duration: .6s; -webkit-animation-delay: .4s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .4s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .4s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .4s; animation-timing-function: ease; animation-fill-mode: both; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } .description h2 {color:inherit;} .description h2 a {font-size:60px;line-height:50px;color:#fff;font-weight:200;} .description h2 a:hover { text-decoration: none; color: rgba(255,255,255,0.95);} .subtitle {font-size:32px;color:#eee;line-height:35px;margin-top:15px;font-weight:100;} .description .banner-more { display:block; width:100px; height:40px; border:2px solid #0057a4; margin:20px 0px 0px 5px; color:#fff; font-size:18px; text-align:center; line-height:40px; background:rgba(255,255,255,0.2); } .description .more:hover { color: rgba(255,255,255,0.9);text-decoration: none; } .featured-image { float: right; width: 500px; -webkit-animation-duration: .6s; -webkit-animation-delay: .8s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .6s; -moz-animation-delay: .8s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -ms-animation-duration: .6s; -ms-animation-delay: .8s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .6s; animation-delay: .8s; animation-timing-function: ease; animation-fill-mode: both; -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } .featured-image img {100%;} .js .et-slide { display: none; } .js .et-slide:first-child { display: block; } .et-slider-arrows a { display: block; background-repeat: no-repeat;width:40px;height:100px;position: absolute; top: 200px; text-indent: -9999px; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: 0; } #et-slider-wrapper .et-arrow-prev {left:0px;background:url(../images/banner-btn-img.png) no-repeat right rgba(100,100,100,0.3);} #et-slider-wrapper .et-arrow-next {right:0px;background:url(../images/banner-btn-img.png) no-repeat left rgba(100,100,100,0.3); } #et-slider-wrapper .et-arrow-prev:hover {background-color:rgba(100,100,100,0.8);} #et-slider-wrapper .et-arrow-next:hover {background-color:rgba(100,100,100,0.8);} #et-slider-wrapper:hover .et-slider-arrows a {opacity:1;} #et-slider-wrapper:hover .et-arrow-prev {left:10px;} #et-slider-wrapper:hover .et-arrow-next {right:10px;} #et-slider-controls {position:absolute;bottom:40px;left:0;width:100%;} #et-slider-controls .et-controllers {width:400px;margin:0 auto;text-align:center;} #et-slider-controls .et-controllers a {display:inline-block;width:12px;height:12px;text-indent:-9999px;margin:0 5px;background:rgba(255,255,255,0.8);border-radius:6px;} #et-slider-controls .et-controllers a.et-active-control {border:1px solid #fff;border-radius:7px;width:12px;height:12px;background-color:transparent;} .et-controllers a.et-active-control:hover { cursor: default; }