.da-slider{width:100%;/* min-width:520px; */height:100%;position:relative;margin:0 auto;overflow:hidden;background:none; -webkit-transition: background-position 1s ease-in-out 0.8s; -moz-transition: background-position 1s ease-in-out 0.8s; -o-transition: background-position 1s ease-in-out 0.8s; -ms-transition: background-position 1s ease-in-out 0.8s; transition: background-position 1s ease-in-out 0.8s; } .da-slide{position:absolute;width:100%;height:100%;top:0px;left:0px;text-align:left;} .da-slide-current{z-index:1000;} .da-slider-fb .da-slide{left:100%;} .da-slider-fb .da-slide.da-slide-current{left:0px;} .da-slide .da-img-cont{position:relative;width:100%;height:100%;margin:0 auto;} .da-slide .da-img1{position:absolute;opacity:0;width:100%;height:100%;overflow:hidden;} .da-slide .da-img1 img{display:block;border:none;padding:0;width:2560px;height:auto;position:absolute;right:50%;margin-right:-1280px;top:0;} /* .da-slide .da-img2{position:absolute;left:50%;top:50%;width:570px;height:312px;margin:-156px 0 0 -285px;background:#1E1E1E;padding:30px 20px;opacity:0;} .da-slide .da-img2 p{font-size:55px;line-height:66px;color:#FFFFFF;text-align:center;font-family:'Roboto',arial,sans-serif;font-weight:300;margin-bottom:20px;} .da-slide .da-img2 p span{font-weight:bold;} .da-slide .da-img2 a{display:block;font-size:20px;line-height:24px;color:#FFFFFF;text-align:center;font-family:'Roboto',arial,sans-serif;font-weight:300;text-transform:uppercase;} .da-slide .da-img2 a:hover{color:#008BDB;} */ /* .da-slide .da-img3{position:absolute;right:52%;top:256px;width:800px;} .da-slide .da-img3 p{font-size:55px;line-height:66px;font-weight:bold;color:#00AABE;text-align:center;} .da-slide .da-img4{position:absolute;right:52%;top:410px;width:800px;text-align:center;} .da-slide .da-img4 a{display:inline-block;height:85px;line-height:85px;padding:0 30px;background:#1E1E1E;color:#FFF;text-transform:uppercase;font-size:20px;font-weight:regular;} .da-slide .da-img4 a:hover{background:#00AABE;} */ .da-arrows{-moz-user-select: none;-webkit-user-select: none;position:relative;width:100%;height:100%;margin:0 auto;} .da-arrows span{position:absolute;width:90px;height:90px;top:50%;margin-top:-45px;overflow:hidden;color:#FFF;cursor:pointer;z-index:2000;opacity:0; -webkit-transition: opacity 0.4s ease-in-out 0.2s; -moz-transition: opacity 0.4s ease-in-out 0.2s; -o-transition: opacity 0.4s ease-in-out 0.2s; -ms-transition: opacity 0.4s ease-in-out 0.2s; transition: opacity 0.4s ease-in-out 0.2s; } .da-slider:hover .da-arrows span{opacity:1;} .da-arrows span.da-arrows-prev{left:0;background:url('images/parallax/bg-arrow-parallax.png') no-repeat left top;} .da-arrows span.da-arrows-next{right:0;background:url('images/parallax/bg-arrow-parallax.png') no-repeat right top;} .da-arrows span.da-arrows-prev:hover{background-position:left bottom;} .da-arrows span.da-arrows-next:hover{background-position:right bottom;} .da-dots{position:absolute;text-align:center;left:50%;bottom:60px;z-index:2000;-moz-user-select:none;-webkit-user-select:none;margin-left:-24px;} .da-dots span{display:inline-block;position:relative;width:10px;height:10px;border-radius:50%;background:#1E1E1E;margin:3px;cursor:pointer;} .da-dots span.da-dots-current:after{content:'';width:10px;height:10px;position:absolute;top:0;left:0;border-radius:50%;background:#13899f;} /* POSITION DE DEPART */ .da-slide-current .da-img1{left:0;opacity:1;} /* .da-slide-current .da-img2{opacity:1;} .da-slide-current .da-img3{top:256px;right:52%;opacity:1;} .da-slide-current .da-img4{top:410px;right:52%;opacity:1;} */ /* Slide in from the right (ARRIVEE 1)*/ .da-slide-fromright .da-img1{ -webkit-animation: fromRightAnim1 0.5s ease-out 0.4s backwards; -moz-animation: fromRightAnim1 0.5s ease-out 0.4s backwards; -o-animation: fromRightAnim1 0.5s ease-out 0.4s backwards; -ms-animation: fromRightAnim1 0.5s ease-out 0.4s backwards; animation: fromRightAnim1 0.5s ease-out 0.4s backwards;} /* .da-slide-fromright .da-img2{ -webkit-animation: fromRightAnim2 0.5s ease-out 0.6s both; -moz-animation: fromRightAnim2 0.5s ease-out 0.6s both; -o-animation: fromRightAnim2 0.5s ease-out 0.6s both; -ms-animation: fromRightAnim2 0.5s ease-out 0.6s both; animation: fromRightAnim2 0.5s ease-out 0.6s both;} */ /* .da-slide-fromright .da-img3{ -webkit-animation: fromRightAnim3 0.5s ease-out 0.7s both; -moz-animation: fromRightAnim3 0.5s ease-out 0.7s both; -o-animation: fromRightAnim3 0.5s ease-out 0.7s both; -ms-animation: fromRightAnim3 0.5s ease-out 0.7s both; animation: fromRightAnim3 0.5s ease-out 0.7s both;} .da-slide-fromright .da-img4{ -webkit-animation: fromRightAnim4 0.6s ease-out 0.6s both; -moz-animation: fromRightAnim4 0.6s ease-out 0.6s both; -o-animation: fromRightAnim4 0.6s ease-out 0.6s both; -ms-animation: fromRightAnim4 0.6s ease-out 0.6s both; animation: fromRightAnim4 0.6s ease-out 0.6s both;} */ /*anim img da-img1*/ @-webkit-keyframes fromRightAnim1{0%{ left:100%; }100%{ left:0%; }} @-moz-keyframes fromRightAnim1{0%{ left:100%; }100%{ left:0%; }} @-o-keyframes fromRightAnim1{0%{ left:100%; }100%{ left:0%; }} @-ms-keyframes fromRightAnim1{0%{ left:100%; }100%{ left:0%; }} @keyframes fromRightAnim1{0%{ left:100%; }100%{ left:0%; }} /*anim texte da-img2*/ /* @-webkit-keyframes fromRightAnim2{0%{ top:100%;opacity:0; }100%{ top:50%;opacity:1; }} @-moz-keyframes fromRightAnim2{0%{ top:100%;opacity:0; }100%{ top:50%;opacity:1; }} @-o-keyframes fromRightAnim2{0%{ top:100%;opacity:0; }100%{ top:50%;opacity:1; }} @-ms-keyframes fromRightAnim2{0%{ top:100%;opacity:0; }100%{ top:50%;opacity:1; }} @keyframes fromRightAnim2{0%{ top:100%;opacity:0; }100%{ top:50%;opacity:1; }} */ /*anim texte da-img3*/ /* @-webkit-keyframes fromRightAnim3{0%{ top:-132px;opacity:0; }100%{ top:256px;opacity:1; }} @-moz-keyframes fromRightAnim3{0%{ top:-132px;opacity:0; }100%{ top:256px;opacity:1; }} @-o-keyframes fromRightAnim3{0%{ top:-132px;opacity:0; }100%{ top:256px;opacity:1; }} @-ms-keyframes fromRightAnim3{0%{ top:-132px;opacity:0; }100%{ top:256px;opacity:1; }} @keyframes fromRightAnim3{0%{ top:-132px;opacity:0; }100%{ top:256px;opacity:1; }} */ /*anim lien da-img4*/ /* @-webkit-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:410px;opacity:1; }} @-moz-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:410px;opacity:1; }} @-o-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:410px;opacity:1; }} @-ms-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:410px;opacity:1; }} @keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:410px;opacity:1; }} */ /* Slide out to the left (DEPART 1)*/ .da-slide-toleft .da-img1{ -webkit-animation: toLeftAnim1 0.5s ease-out 0.4s both; -moz-animation: toLeftAnim1 0.5s ease-out 0.4s both; -o-animation: toLeftAnim1 0.5s ease-out 0.4s both; -ms-animation: toLeftAnim1 0.5s ease-out 0.4s both; animation: toLeftAnim1 0.5s ease-out 0.4s both;} /* .da-slide-toleft .da-img2, .da-slide-toleft .da-img3, .da-slide-toleft .da-img4{ -webkit-animation: toLeftAnim2 0.5s ease-out 0s both; -moz-animation: toLeftAnim2 0.5s ease-out 0s both; -o-animation: toLeftAnim2 0.5s ease-out 0s both; -ms-animation: toLeftAnim2 0.5s ease-out 0s both; animation: toLeftAnim2 0.5s ease-out 0s both;} */ /*anim img da-img1*/ @-webkit-keyframes toLeftAnim1{0%{ left:0%;opacity:1; }100%{ left:-100%;opacity:1; }} @-moz-keyframes toLeftAnim1{0%{ left:0%;opacity:1; }100%{ left:-100%;opacity:1; }} @-o-keyframes toLeftAnim1{0%{ left:0%;opacity:1; }100%{ left:-100%;opacity:1; }} @-ms-keyframes toLeftAnim1{0%{ left:0%;opacity:1; }100%{ left:-100%;opacity:1; }} @keyframes toLeftAnim1{0%{ left:0%;opacity:1; }100%{ left:-100%;opacity:1; }} /*anim texte da-img2*/ /*anim texte da-img3*/ /*anim lien da-img4*/ /* @-webkit-keyframes toLeftAnim2{0%{ left:50%;opacity:1; }100%{ left:-50%;opacity:1; }} @-moz-keyframes toLeftAnim2{0%{ left:50%;opacity:1; }100%{ left:-50%;opacity:1; }} @-o-keyframes toLeftAnim2{0%{ left:50%;opacity:1; }100%{ left:-50%;opacity:1; }} @-ms-keyframes toLeftAnim2{0%{ left:50%;opacity:1; }100%{ left:-50%;opacity:1; }} @keyframes toLeftAnim2{0%{ left:50%;opacity:1; }100%{ left:-50%;opacity:1; }} */ /* Slide in from the left (ARRIVEE 2)*/ .da-slide-fromleft .da-img1{ -webkit-animation: fromLeftAnim1 0.2s ease-out 0s both; -moz-animation: fromLeftAnim1 0.2s ease-out 0s both; -o-animation: fromLeftAnim1 0.2s ease-out 0s both; -ms-animation: fromLeftAnim1 0.2s ease-out 0s both; animation: fromLeftAnim1 0.2s ease-out 0s both;} /* .da-slide-fromleft .da-img2{ -webkit-animation: fromLeftAnim2 0.2s ease-out 0.9s both; -moz-animation: fromLeftAnim2 0.2s ease-out 0.9s both; -o-animation: fromLeftAnim2 0.2s ease-out 0.9s both; -ms-animation: fromLeftAnim2 0.2s ease-out 0.9s both; animation: fromLeftAnim2 0.2s ease-out 0.9s both;} */ /* .da-slide-fromleft .da-img3{ -webkit-animation: fromLeftAnim3 0.2s ease-out 0.7s both; -moz-animation: fromLeftAnim3 0.2s ease-out 0.7s both; -o-animation: fromLeftAnim3 0.2s ease-out 0.7s both; -ms-animation: fromLeftAnim3 0.2s ease-out 0.7s both; animation: fromLeftAnim3 0.2s ease-out 0.7s both;} .da-slide-fromleft .da-img4{ -webkit-animation: fromLeftAnim4 0.2s ease-out 0.5s both; -moz-animation: fromLeftAnim4 0.2s ease-out 0.5s both; -o-animation: fromLeftAnim4 0.2s ease-out 0.5s both; -ms-animation: fromLeftAnim4 0.2s ease-out 0.5s both; animation: fromLeftAnim4 0.2s ease-out 0.5s both;} */ /*anim img da-img1*/ @-webkit-keyframes fromLeftAnim1{0%{ left:-100%;opacity:1; }100%{ left:0%;opacity:1; }} @-moz-keyframes fromLeftAnim1{0%{ left:-100%;opacity:1; }100%{ left:0%;opacity:1; }} @-o-keyframes fromLeftAnim1{0%{ left:-100%;opacity:1; }100%{ left:0%;opacity:1; }} @-ms-keyframes fromLeftAnim1{0%{ left:-100%;opacity:1; }100%{ left:0%;opacity:1; }} @keyframes fromLeftAnim1{0%{ left:-100%;opacity:1; }100%{ left:0%;opacity:1; }} /*anim texte da-img2*/ /* @-webkit-keyframes fromLeftAnim2{0%{ top:100%;opacity:0; }100%{ top:50%;opacity:1; }} @-moz-keyframes fromLeftAnim2{0%{ top:100%;opacity:0; }100%{ top:50%;opacity:1; }} @-o-keyframes fromLeftAnim2{0%{ top:100%;opacity:0; }100%{ top:50%;opacity:1; }} @-ms-keyframes fromLeftAnim2{0%{ top:100%;opacity:0; }100%{ top:50%;opacity:1; }} @keyframes fromLeftAnim2{0%{ top:100%;opacity:0; }100%{ top:50%;opacity:1; }} */ /*anim texte da-img3*/ /* @-webkit-keyframes fromLeftAnim3{0%{ top:-132px;opacity:0; }100%{ top:256px;opacity:1; }} @-moz-keyframes fromLeftAnim3{0%{ top:-132px;opacity:0; }100%{ top:256px;opacity:1; }} @-o-keyframes fromLeftAnim3{0%{ top:-132px;opacity:0; }100%{ top:256px;opacity:1; }} @-ms-keyframes fromLeftAnim3{0%{ top:-132px;opacity:0; }100%{ top:256px;opacity:1; }} @keyframes fromLeftAnim3{0%{ top:-132px;opacity:0; }100%{ top:256px;opacity:1; }} */ /*anim lien da-img4*/ /* @-webkit-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:410px;opacity:1; }} @-moz-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:410px;opacity:1; }} @-o-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:410px;opacity:1; }} @-ms-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:410px;opacity:1; }} @keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:410px;opacity:1; }} */ /* Slide out to the right (DEPART 2)*/ .da-slide-toright .da-img1{ -webkit-animation: toRightAnim1 0.5s ease-out 0s both; -moz-animation: toRightAnim1 0.5s ease-out 0s both; -o-animation: toRightAnim1 0.5s ease-out 0s both; -ms-animation: toRightAnim1 0.5s ease-out 0s both; animation: toRightAnim1 0.5s ease-out 0s both;} /* .da-slide-toright .da-img2, .da-slide-toright .da-img3, .da-slide-toright .da-img4{ -webkit-animation: toRightAnim2 0.5s ease-out 0s both; -moz-animation: toRightAnim2 0.5s ease-out 0s both; -o-animation: toRightAnim2 0.5s ease-out 0s both; -ms-animation: toRightAnim2 0.5s ease-out 0s both; animation: toRightAnim2 0.5s ease-out 0s both;} */ /*anim img da-img1*/ @-webkit-keyframes toRightAnim1{0%{ left:0%;opacity:1; }100%{ left:100%;opacity:1; }} @-moz-keyframes toRightAnim1{0%{ left:0%;opacity:1; }100%{ left:100%;opacity:1; }} @-o-keyframes toRightAnim1{0%{ left:0%;opacity:1; }100%{ left:100%;opacity:1; }} @-ms-keyframes toRightAnim1{0%{ left:0%;opacity:1; }100%{ left:100%;opacity:1; }} @keyframes toRightAnim1{0%{ left:0%;opacity:1; }100%{ left:100%;opacity:1; }} /*anim texte da-img2*/ /*anim texte da-img3*/ /*anim lien da-img4*/ /* @-webkit-keyframes toRightAnim2{0%{ left:50%;opacity:1; }100%{ left:150%;opacity:1; }} @-moz-keyframes toRightAnim2{0%{ left:50%;opacity:1; }100%{ left:150%;opacity:1; }} @-o-keyframes toRightAnim2{0%{ left:50%;opacity:1; }100%{ left:150%;opacity:1; }} @-ms-keyframes toRightAnim2{0%{ left:50%;opacity:1; }100%{ left:150%;opacity:1; }} @keyframes toRightAnim2{0%{ left:50%;opacity:1; }100%{ left:150%;opacity:1; }} */ @media screen and (max-width: 1680px){ /* .da-slide .da-img1 img{width:1680px;margin-right:-840px;} .da-slide .da-img2{top:80px;width:700px;} .da-slide .da-img2 p{font-size:46px;line-height:56px;} .da-slide .da-img3{top:136px;width:700px;} .da-slide .da-img3 p{font-size:46px;line-height:56px;} .da-slide .da-img4{top:280px;width:700px;} .da-slide-current .da-img2{top:80px;} .da-slide-current .da-img3{top:136px;} .da-slide-current .da-img4{top:280px;} @-webkit-keyframes fromRightAnim2{0%{ top:-56px;opacity:0; }100%{ top:80px;opacity:1; }} @-moz-keyframes fromRightAnim2{0%{ top:-56px;opacity:0; }100%{ top:80px;opacity:1; }} @-o-keyframes fromRightAnim2{0%{ top:-56px;opacity:0; }100%{ top:80px;opacity:1; }} @-ms-keyframes fromRightAnim2{0%{ top:-56px;opacity:0; }100%{ top:80px;opacity:1; }} @keyframes fromRightAnim2{0%{ top:-56px;opacity:0; }100%{ top:80px;opacity:1; }} @-webkit-keyframes fromRightAnim3{0%{ top:-112px;opacity:0; }100%{ top:136px;opacity:1; }} @-moz-keyframes fromRightAnim3{0%{ top:-112px;opacity:0; }100%{ top:136px;opacity:1; }} @-o-keyframes fromRightAnim3{0%{ top:-112px;opacity:0; }100%{ top:136px;opacity:1; }} @-ms-keyframes fromRightAnim3{0%{ top:-112px;opacity:0; }100%{ top:136px;opacity:1; }} @keyframes fromRightAnim3{0%{ top:-112px;opacity:0; }100%{ top:136px;opacity:1; }} @-webkit-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:280px;opacity:1; }} @-moz-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:280px;opacity:1; }} @-o-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:280px;opacity:1; }} @-ms-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:280px;opacity:1; }} @keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:280px;opacity:1; }} @-webkit-keyframes fromLeftAnim2{0%{ top:-56px;opacity:0; }100%{ top:80px;opacity:1; }} @-moz-keyframes fromLeftAnim2{0%{ top:-56px;opacity:0; }100%{ top:80px;opacity:1; }} @-o-keyframes fromLeftAnim2{0%{ top:-56px;opacity:0; }100%{ top:80px;opacity:1; }} @-ms-keyframes fromLeftAnim2{0%{ top:-56px;opacity:0; }100%{ top:80px;opacity:1; }} @keyframes fromLeftAnim2{0%{ top:-56px;opacity:0; }100%{ top:80px;opacity:1; }} @-webkit-keyframes fromLeftAnim3{0%{ top:-112px;opacity:0; }100%{ top:136px;opacity:1; }} @-moz-keyframes fromLeftAnim3{0%{ top:-112px;opacity:0; }100%{ top:136px;opacity:1; }} @-o-keyframes fromLeftAnim3{0%{ top:-112px;opacity:0; }100%{ top:136px;opacity:1; }} @-ms-keyframes fromLeftAnim3{0%{ top:-112px;opacity:0; }100%{ top:136px;opacity:1; }} @keyframes fromLeftAnim3{0%{ top:-112px;opacity:0; }100%{ top:136px;opacity:1; }} @-webkit-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:280px;opacity:1; }} @-moz-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:280px;opacity:1; }} @-o-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:280px;opacity:1; }} @-ms-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:280px;opacity:1; }} @keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:280px;opacity:1; }} */ } @media screen and (max-width: 1400px){ /* .da-slide .da-img2{top:60px;width:600px;} .da-slide .da-img3{top:116px;width:600px;} .da-slide .da-img4{top:300px;width:600px;} .da-slide-current .da-img2{top:60px;} .da-slide-current .da-img3{top:116px;} .da-slide-current .da-img4{top:300px;} @-webkit-keyframes fromRightAnim2{0%{ top:-56px;opacity:0; }100%{ top:60px;opacity:1; }} @-moz-keyframes fromRightAnim2{0%{ top:-56px;opacity:0; }100%{ top:60px;opacity:1; }} @-o-keyframes fromRightAnim2{0%{ top:-56px;opacity:0; }100%{ top:60px;opacity:1; }} @-ms-keyframes fromRightAnim2{0%{ top:-56px;opacity:0; }100%{ top:60px;opacity:1; }} @keyframes fromRightAnim2{0%{ top:-56px;opacity:0; }100%{ top:60px;opacity:1; }} @-webkit-keyframes fromRightAnim3{0%{ top:-112px;opacity:0; }100%{ top:116px;opacity:1; }} @-moz-keyframes fromRightAnim3{0%{ top:-112px;opacity:0; }100%{ top:116px;opacity:1; }} @-o-keyframes fromRightAnim3{0%{ top:-112px;opacity:0; }100%{ top:116px;opacity:1; }} @-ms-keyframes fromRightAnim3{0%{ top:-112px;opacity:0; }100%{ top:116px;opacity:1; }} @keyframes fromRightAnim3{0%{ top:-112px;opacity:0; }100%{ top:116px;opacity:1; }} @-webkit-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:300px;opacity:1; }} @-moz-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:300px;opacity:1; }} @-o-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:300px;opacity:1; }} @-ms-keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:300px;opacity:1; }} @keyframes fromRightAnim4{0%{ top:-85px;opacity:0; }100%{ top:300px;opacity:1; }} @-webkit-keyframes fromLeftAnim2{0%{ top:-56px;opacity:0; }100%{ top:60px;opacity:1; }} @-moz-keyframes fromLeftAnim2{0%{ top:-56px;opacity:0; }100%{ top:60px;opacity:1; }} @-o-keyframes fromLeftAnim2{0%{ top:-56px;opacity:0; }100%{ top:60px;opacity:1; }} @-ms-keyframes fromLeftAnim2{0%{ top:-56px;opacity:0; }100%{ top:60px;opacity:1; }} @keyframes fromLeftAnim2{0%{ top:-56px;opacity:0; }100%{ top:60px;opacity:1; }} @-webkit-keyframes fromLeftAnim3{0%{ top:-112px;opacity:0; }100%{ top:116px;opacity:1; }} @-moz-keyframes fromLeftAnim3{0%{ top:-112px;opacity:0; }100%{ top:116px;opacity:1; }} @-o-keyframes fromLeftAnim3{0%{ top:-112px;opacity:0; }100%{ top:116px;opacity:1; }} @-ms-keyframes fromLeftAnim3{0%{ top:-112px;opacity:0; }100%{ top:116px;opacity:1; }} @keyframes fromLeftAnim3{0%{ top:-112px;opacity:0; }100%{ top:116px;opacity:1; }} @-webkit-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:300px;opacity:1; }} @-moz-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:300px;opacity:1; }} @-o-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:300px;opacity:1; }} @-ms-keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:300px;opacity:1; }} @keyframes fromLeftAnim4{0%{ top:-85px;opacity:0; }100%{ top:300px;opacity:1; }} */ } @media screen and (max-width: 1200px){ /* .da-slide .da-img2{top:80px;width:500px;} .da-slide .da-img2 p{font-size:40px;line-height:50px;} .da-slide .da-img3{top:130px;width:500px;} .da-slide .da-img3 p{font-size:40px;line-height:50px;} .da-slide .da-img4{width:500px;} .da-slide-current .da-img2{top:80px;} .da-slide-current .da-img3{top:130px;} @-webkit-keyframes fromRightAnim2{0%{ top:-50px;opacity:0; }100%{ top:80px;opacity:1; }} @-moz-keyframes fromRightAnim2{0%{ top:-50px;opacity:0; }100%{ top:80px;opacity:1; }} @-o-keyframes fromRightAnim2{0%{ top:-50px;opacity:0; }100%{ top:80px;opacity:1; }} @-ms-keyframes fromRightAnim2{0%{ top:-50px;opacity:0; }100%{ top:80px;opacity:1; }} @keyframes fromRightAnim2{0%{ top:-50px;opacity:0; }100%{ top:80px;opacity:1; }} @-webkit-keyframes fromRightAnim3{0%{ top:-150px;opacity:0; }100%{ top:130px;opacity:1; }} @-moz-keyframes fromRightAnim3{0%{ top:-150px;opacity:0; }100%{ top:130px;opacity:1; }} @-o-keyframes fromRightAnim3{0%{ top:-150px;opacity:0; }100%{ top:130px;opacity:1; }} @-ms-keyframes fromRightAnim3{0%{ top:-150px;opacity:0; }100%{ top:130px;opacity:1; }} @keyframes fromRightAnim3{0%{ top:-150px;opacity:0; }100%{ top:130px;opacity:1; }} @-webkit-keyframes fromLeftAnim2{0%{ top:-50px;opacity:0; }100%{ top:80px;opacity:1; }} @-moz-keyframes fromLeftAnim2{0%{ top:-50px;opacity:0; }100%{ top:80px;opacity:1; }} @-o-keyframes fromLeftAnim2{0%{ top:-50px;opacity:0; }100%{ top:80px;opacity:1; }} @-ms-keyframes fromLeftAnim2{0%{ top:-50px;opacity:0; }100%{ top:80px;opacity:1; }} @keyframes fromLeftAnim2{0%{ top:-50px;opacity:0; }100%{ top:80px;opacity:1; }} @-webkit-keyframes fromLeftAnim3{0%{ top:-150px;opacity:0; }100%{ top:130px;opacity:1; }} @-moz-keyframes fromLeftAnim3{0%{ top:-150px;opacity:0; }100%{ top:130px;opacity:1; }} @-o-keyframes fromLeftAnim3{0%{ top:-150px;opacity:0; }100%{ top:130px;opacity:1; }} @-ms-keyframes fromLeftAnim3{0%{ top:-150px;opacity:0; }100%{ top:130px;opacity:1; }} @keyframes fromLeftAnim3{0%{ top:-150px;opacity:0; }100%{ top:130px;opacity:1; }} */ } @media screen and (max-width: 1024px){ .da-slide .da-img1 img{width:1800px;margin-right:-900px;} } @media screen and (max-width: 1000px){ /* .da-slide .da-img1 img{margin-right:-100px;right:0;} .da-slide .da-img2{top:470px;right:0;width:100%;padding-top:50px;} .da-slide .da-img2 p{color:#FFFFFF;} .da-slide .da-img3{top:570px;right:0;width:100%;} .da-slide .da-img4{top:700px;right:0;width:100%;} .da-slide-current .da-img2{top:470px;} .da-slide-current .da-img3{top:570px;} .da-slide-current .da-img4{top:700px;} @-webkit-keyframes fromRightAnim2{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-moz-keyframes fromRightAnim2{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-o-keyframes fromRightAnim2{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-ms-keyframes fromRightAnim2{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @keyframes fromRightAnim2{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-webkit-keyframes fromRightAnim3{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-moz-keyframes fromRightAnim3{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-o-keyframes fromRightAnim3{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-ms-keyframes fromRightAnim3{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @keyframes fromRightAnim3{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-webkit-keyframes fromRightAnim4{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-moz-keyframes fromRightAnim4{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-o-keyframes fromRightAnim4{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-ms-keyframes fromRightAnim4{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @keyframes fromRightAnim4{0%{ right:-100%;opacity:0; }100%{ right:0%;opacity:1; }} @-webkit-keyframes fromLeftAnim2{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-moz-keyframes fromLeftAnim2{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-o-keyframes fromLeftAnim2{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-ms-keyframes fromLeftAnim2{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @keyframes fromLeftAnim2{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-webkit-keyframes fromLeftAnim3{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-moz-keyframes fromLeftAnim3{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-o-keyframes fromLeftAnim3{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-ms-keyframes fromLeftAnim3{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @keyframes fromLeftAnim3{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-webkit-keyframes fromLeftAnim4{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-moz-keyframes fromLeftAnim4{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-o-keyframes fromLeftAnim4{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @-ms-keyframes fromLeftAnim4{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} @keyframes fromLeftAnim4{0%{ right:100%;opacity:0; }100%{ right:0%;opacity:1; }} */ } @media screen and (max-width: 767px){ /* .da-slide .da-img2{width:400px;height:220px;margin:-110px 0 0 -200px;padding:25px 20px;} .da-slide .da-img2 p{font-size:35px;line-height:40px;} */ } @media screen and (max-width: 479px){ .da-slide .da-img1 img{width:1280px;margin-right:-640px;} /* .da-slide .da-img2{width:280px;height:160px;margin:-80px 0 0 -140px;padding:20px 20px;} .da-slide .da-img2 p{font-size:24px;line-height:29px;margin-bottom:10px;} .da-slide .da-img2 a{font-size:14px;} */ } /* @media screen and (max-width: 600px){ .da-slide .da-img1 img{width:1280px;margin-right:-150px;} .da-slide .da-img2{top:370px;} .da-slide .da-img3{top:470px;} .da-slide .da-img3 p{font-size:34px;line-height:40px;} .da-slide .da-img4{top:600px;} .da-slide-current .da-img2{top:370px;} .da-slide-current .da-img3{top:470px;} .da-slide-current .da-img4{top:600px;} } @media screen and (max-width: 500px){ .da-slide .da-img1 img{width:960px;margin-right:-100px;} .da-slide .da-img2{top:270px;} .da-slide .da-img2 p{font-size:30px;line-height:40px;} .da-slide .da-img3{top:360px;} .da-slide .da-img3 p{font-size:30px;line-height:40px;} .da-slide .da-img4{top:480px;} .da-slide-current .da-img2{top:270px;} .da-slide-current .da-img3{top:360px;} .da-slide-current .da-img4{top:480px;} } @media screen and (max-width: 400px){ .da-slide .da-img1 img{width:640px;margin-right:-25px;} .da-slide .da-img2{top:170px;} .da-slide .da-img3{top:260px;} .da-slide .da-img4{top:410px;} .da-slide-current .da-img2{top:170px;} .da-slide-current .da-img3{top:260px;} .da-slide-current .da-img4{top:410px;} } @media screen and (max-width: 350px){ .da-slide .da-img1 img{margin-right:-50px;} .da-slide .da-img2 p{font-size:28px;line-height:40px;} .da-slide .da-img4 a{font-size:16px;} } */