/* FONTS */ @import url('https://fonts.googleapis.com/css?family=Damion|Open+Sans:300,400,700|Oswald:300,400,700'); .font_arial { font-family:Arial !important; } .font_verdana { font-family:Verdana !important; } .font_oswald { font-family:'Oswald', serif !important; } .font_open { font-family:'Open Sans', sans-serif !important; } .font_damion { font-family:'Damion', cursive !important; } .size_08 { font-size:0.8em; line-height:1.1em; } .size_09 { font-size: 0.9em; line-height:1.1em; } .size_10 { font-size: 1.0em; line-height:1.1em; } .size_12 { font-size: 1.2em; line-height:1.1em; } .size_14 { font-size: 1.4em; line-height:1.1em; } .size_16 { font-size: 1.6em; line-height:1.1em; } .size_18 { font-size: 1.8em; line-height:1.1em; } .size_2 { font-size: 2em; line-height:1.1em; } .size_22 { font-size: 2.2em; line-height:1.1em; } .size_24 { font-size: 2.4em; line-height:1.1em; } .size_28 { font-size: 2.8em; line-height:1.1em; } .size_35 { font-size: 3.5em; line-height:1.1em; } .size_4 { font-size: 4em; line-height:1.1em; } /* GENERAL */ * { outline:none; } img { border:0; } h1, h2, h3, h4, h5, h6, p { margin:0 0 10px; padding:0; } h1 { font-size:20px; } h2 { font-size:18px; } h3 { font-size:16px; } h4 { font-size:14px; } h5 { font-size:13px; } h6 { font-size:12px; } a { color:#000; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } a:hover { color:#333; } body, html, #body2 { width:100%; height:100%; } #small, #medium { overflow-x:hidden; } html { background:#fff no-repeat center center; height:100%; } body { background:none;margin:0;font:12px verdana,arial,helvetica; color:#000; text-align:center; min-height:calc( 100% - 1px ); padding:1px 0 0;} body, #body2 { padding:1px 0 0; height:calc( 100% - 1px ); } .clear { clear:both; } .ui-loader { display:none; } html.openMenu, .openMenu body { overflow-y:hidden; } @media only screen and (max-device-width: 480px) { body { -webkit-text-size-adjust:100% } } /* WIDGETS CSS */ p { padding:0; margin:0 0 1em; } h3.widTitle { text-align:center; font-size:45px; font-family:Verdana,Helvetica,Arial; color:#c79e85; padding:35px 0 20px; margin:0; text-align:left; line-height:40px; } #small h3.widTitle { font-size:40px; line-height:35px; } h3.widTitle2 { font-size:31px; line-height:26px; } h3.widTitle2 img { position:relative; vertical-align:middle; top:-5px; height:35px; } .galleryB0 h3.widTitle2 { margin-top:0; padding-top:0; padding-bottom:8px; } .links .texte { line-height:22px; opacity:0.5;-moz-opacity:0.5;filter:Alpha(Opacity=50); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .mobile .links .texte, .tablet .links .texte { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } .links:hover h3.LinkTitle, .links:hover .traitTitle, .links:hover .texte { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } .links:hover .traitTitle { width:200px; } .links .texte a { -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .links .texte a:hover { opacity:0.8;-moz-opacity:0.8;filter:Alpha(Opacity=80); } .gallery { position:relative; max-width:100%; margin-bottom:30px; } .gallery2 { display:block; margin:0; overflow:hidden; padding-top:67%; position:relative; } .gallery3 { width:100%; height:100%; background:rgba(255,255,255,0.7) no-repeat center center; background-size:contain; position:absolute; top:0; left:0; } .galleryNav { height:72px; position:relative; text-align:left; } .galleryNav2 { margin:5px 38px 0; overflow:hidden; } .galleryNav3 { width:50000px; position:relative; top:0; left:0; } .galleryNav3 a.photos { display:inline-block; width:115px; height:72px; margin-right:10px; background:no-repeat center center; background-size:cover; opacity:0.5;-moz-opacity:0.5;filter:Alpha(Opacity=50); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .galleryNav3 a.photoSelect, .galleryNav2 .photos:hover { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } .galleryNav3 a.photos .zone { display:none; } .galleryNav .next { position:absolute; top:15px; right:0; } .galleryNav .prev { position:absolute; top:15px; left:0; } .gallery3 .zone { position:absolute; bottom:0; left:0; right:0; padding:10px; background:rgba(244,236,231,0.6); color:#000; font-size:12px; } .gallery3 .zone .titre { display:block; font-weight:bold; font-size:14px; } .texte, .textephoto, .phototexte { text-align:left; font-size:14px; margin-bottom:25px; line-height:1.1em; font-family:'Open Sans', sans-serif !important; } @media only screen and (max-width: 550px) { .texte, .textephoto, .phototexte { font-size:13px; } } .textetexte .texte { float:left; width:49%; position:relative; } .textetexte .texte2 { left:2%; } .phototexte .photoLeft { float:left;display:block;margin-right:15px;margin-bottom:10px;width:33%; } .textephoto .photoRight { float:right;display:block;margin-left:15px;margin-bottom:10px;width:33%; } .photoLeft4 img, .photoRight4 img { display:block; width:100%; } .photoLeft img, .photoRight img { margin-bottom:20px; } .photoLeft .label, .photoRight .label { position:relative; top:-20px; } .photoLeft4 a, .photoRight4 a { display:block; } @media only screen and (max-width: 800px) { .phototexte .photoLeft, .textephoto .photoRight { float:none; width:100%; max-width:100%; margin-left:0; margin-right:0; } } .video { margin-bottom:30px; position:relative; } .video a { text-decoration:none; display:table; width:100%; } #small.verti .video a { display:block; } .video .video1 { position:relative; display:table-cell; width:250px; border:1px solid #fff; background:rgb(5,7,16); vertical-align:middle; } #small.verti .video .video1 { display:block; width:80%; margin:0 auto; } .video .img { position:relative; display:block; padding-top:66%; background:no-repeat center center; background-size:cover; opacity:0.7;-moz-opacity:0.7;filter:Alpha(Opacity=70); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #small.verti .video .img { top:0; left:0; right:0; bottom:0; } .video a .img { opacity:0.7;-moz-opacity:0.7;filter:Alpha(Opacity=70); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .video .play, .video .plus { position:absolute; top:50%; left:50%; width:82px; height:82px; margin-left:-41px; margin-top:-41px; background:url(../images/play.png) no-repeat center center; background-size:contain; } .video .plus { background-image:url(../images/plus.png); } .video a:hover .img { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } .video .video2 { display:table-cell; vertical-align:middle; padding-left:15px; } #small.verti .video .video2 { display:block; margin:10px auto 35px; padding:0; } .video .video3 { position:relative; margin:0 35px; text-align:center; display:block; } .video .video3c { display:block; } #large .video .video3c { opacity:0.7;-moz-opacity:0.7;filter:Alpha(Opacity=70); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #large .video a:hover .video3c { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } .video .video3 img { height:25px; } .video .video3a { position:absolute; top:0; left:-35px; opacity:0.7;-moz-opacity:0.7;filter:Alpha(Opacity=70); } .video .video3b { position:absolute; top:0; right:-35px; opacity:0.7;-moz-opacity:0.7;filter:Alpha(Opacity=70); } .video .videoLink { display:block; text-align:center; margin-top:12px; opacity:0.5;-moz-opacity:0.5;filter:Alpha(Opacity=50); } .myPage .page { position:relative; margin-bottom:32px; background:#f6eee9; font-family:'Open Sans', sans-serif !important; font-size:14px; color:#000; text-decoration:none; display:block; } .myPage .page:hover { background:#E2D2C8; } .myPage .page .content { display:block; padding:10px 250px 10px 10px; background:none; } .myPage .page .titre { font-family:Verdana,Helvetica,Arial; font-size:36px; color:#c79e85; display:block; margin-bottom:10px; } .myPage .page .link { position:absolute; bottom:0; right:0; padding:10px 15px; font-family:'Open Sans', sans-serif !important; font-weight:600; font-size:16px; color:#fff; border-top-left-radius:12px; text-decoration:none; max-width:200px; line-height:16px; background:#E6C9B7; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .myPage .page:hover .link { background:#caa48d; } .myPage .page .img { float:left; max-height:108px; margin-right:10px; margin-bottom:5px; opacity:0.7;-moz-opacity:0.7;filter:Alpha(Opacity=70); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .myPage .page:hover .img { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } .myPage .label { display:block; font-size:11px; font-style:normal; text-align:left; padding:2px 0; font-family:'Open Sans', sans-serif !important; font-weight:600; color:#c79e85; } .photo1, .photo2, .photo3 { position:relative; } .photo { text-align:center; } .photo img { max-width:100%; } .photo, .photophoto, .photophoto2, .photophoto3 { position:relative; margin-bottom:30px; } .photophoto .photo1, .photophoto .photo2 { position:relative; float:left; width:49%; } .photophoto2 .photo1, .photophoto2 .photo2, .photophoto3 .photo1, .photophoto3 .photo2 { position:relative; float:left; width:32%; } .photophoto2 .photo2, .photophoto3 .photo1 { width:66%; } .photophoto .photo2, .photophoto2 .photo2, .photophoto3 .photo2 { left:2%; } .photo .photo4, .photophoto .photo4, .photophoto2 .photo4, .photophoto3 .photo4 { position:relative; display:block; } .photo a, .photophoto a, .photophoto2 a, .photophoto3 a { display:block; } .photo .img, .photophoto .img, .photophoto2 .img, .photophoto3 .img, .photophotophoto .img, .photophotophoto2 .img, .photophotophoto3 .img, .photophotophoto4 .img, .photophotophoto5 .img, .photophotophoto6 .img { position:relative; display:block; padding-top:66%; background:#fff no-repeat center center; background-size:cover; } .photophoto2 .photo1 .img, .photophoto3 .photo2 .img { padding-top:136%; } .photophotophoto .photo1, .photophotophoto .photo2, .photophotophoto .photo3 { float:left;width:32%;margin-right:2%;margin-bottom:15px } .photophotophoto .photo3 { margin-right:0; } .photophotophoto2 .photoLeft, .photophotophoto2 .photoRight { float:left; width:47%; position:relative; } .photophotophoto2 .photoLeft { margin-right:2%; width:51%; } .photophotophoto2 .photo1, .photophotophoto2 .photo2, .photophotophoto2 .photo3 { width:100%; margin-bottom:15px; } .photophotophoto2 .photo1 { margin-bottom:6%; } .photophotophoto2 .photo3 .img { padding-top:150%; } .photophotophoto3 .photoLeft, .photophotophoto3 .photoRight { float:left; width:47%; position:relative; } .photophotophoto3 .photoRight { margin-left:2%; width:51%; } .photophotophoto3 .photo1, .photophotophoto3 .photo2, .photophotophoto3 .photo3 { width:100%; margin-bottom:15px; } .photophotophoto3 .photo2 { margin-bottom:6%; } .photophotophoto3 .photo1 .img { padding-top:150%; } .photophotophoto4 .photo1, .photophotophoto4 .photo2, .photophotophoto4 .photo3 { float:left; width:23%; margin-bottom:15px; margin-right:1%; } .photophotophoto4 .photo3 { width:52%; margin-right:0 } .photophotophoto4 .photo1 .img, .photophotophoto4 .photo2 .img { padding-top:150%; } .photophotophoto4 .photo3 .img { padding-top:66.33%; } .photophotophoto5 .photo1, .photophotophoto5 .photo2, .photophotophoto5 .photo3 { float:left; width:23%; margin-bottom:15px; margin-right:1%; } .photophotophoto5 .photo1 { width:52%; } .photophotophoto5 .photo3 { margin-right:0 } .photophotophoto5 .photo1 .img { padding-top:66.33%; } .photophotophoto5 .photo2 .img, .photophotophoto5 .photo3 .img { padding-top:150%; } .photophotophoto6 .photo1, .photophotophoto6 .photo2, .photophotophoto6 .photo3 { float:left; width:23%; margin-bottom:15px; margin-right:1%; } .photophotophoto6 .photo2 { width:52%; } .photophotophoto6 .photo3 { margin-right:0 } .photophotophoto6 .photo2 .img { padding-top:66.33%; } .photophotophoto6 .photo1 .img, .photophotophoto6 .photo3 .img { padding-top:150%; } .photophotophoto2 .label, .photophotophoto3 .label { position:absolute; bottom:0; left:0; right:0; padding:5px; background:rgba(255,255,255,0.7); } .photo a { display:inline-block; position:relative; text-decoration:none; } .photophoto a, .photophotophoto a, .photophoto2 a, .photophoto3 a, .photophotophoto2 a, .photophotophoto3 a, .photophotophoto4 a, .photophotophoto5 a, .photophotophoto6 a { text-decoration:none; } .photo a .img, .photophoto a .img, .photophoto2 a .img, .photophoto3 a .img, .photophotophoto a .img, .photophotophoto2 a .img, .photophotophoto3 a .img, .photophotophoto4 a .img, .photophotophoto5 a .img, .photophotophoto6 a .img { opacity:0.8;-moz-opacity:0.8;filter:Alpha(Opacity=80); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .photo a:hover .img, .photophoto a:hover .img, .photophoto2 a:hover .img, .photophoto3 a:hover .img, .photophotophoto a:hover .img, .photophotophoto2 a:hover .img, .photophotophoto3 a:hover .img, .photophotophoto4 a:hover .img, .photophotophoto5 a:hover .img, .photophotophoto6 a:hover .img { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } .download { height:170px; position:relative; background:#fff; margin-bottom:30px; padding-left:270px; } .download .photo { position:absolute; top:0; left:0; width:250px; height:100%; background:#ccc no-repeat center center; background-size:cover; } .download strong { display:block; font-size:18px; padding:15px 0 0; } .download .infos { display:block; color:#6e6e6e; font-size:11px; } .download .desc { display:block; height:60px; overflow:hidden; } .download a { position:absolute; left:274px; bottom:18px; text-transform:uppercase; color:#fff; font-size:12px; padding:10px 10px 10px 34px; text-decoration:none; background:#333 url(../images/download.png) no-repeat 10px center; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .download a:hover { background-color:#000; } .fiche { position:relative; } .fiche a { text-decoration:none; font-weight:bold; } .fiche_video { position:relative; background:#000 no-repeat center center; background-size:cover; display:block; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .fiche_video2 { display:block; height:574px; background:#000; opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .fiche .mask { position:absolute; top:0; left:0; width:100%; height:100%; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; background:rgba(0,0,0,0.4); } .fiche_video .play { position:absolute; top:276px; left:50%; margin-left:-37px; width:74px; height:74px; background:url(../images/play.png?) no-repeat center center; background-size:contain; cursor:pointer; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .fiche_video .play.noanim { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .fiche_video .play:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .fiche_video.play, .fiche_video.play .fiche_video2 { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } .fiche_video.play2 .surtitre { top:auto; bottom:16px; font-size: 12px; text-align:left; left:50px; } .fiche_video.play2 .titre { top:auto; bottom:32px; font-size:13px; text-align:left; left:50px; } .fiche_video.play2 .play { top:auto; bottom:20px; height:25px; left: 53px; width:25px; }/* LOADING */ #loading { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,0.8); z-index:199; opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #loading.show { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } #loading2 { position:fixed; top:50%; left:50%; width:300px; height:30px; margin-top:-15px; margin-left:-150px; font-size:31px; color:#313131; font-family:'Damion', cursive !important; } #loading3 { display:inline-block; width:30px; text-align:left; } #loading4 { position:absolute; bottom:-20px; left:0; height:4px; background:linear-gradient(to right,#ffb400,#ffd700); width:0; -webkit-transition: all 700ms ease-in-out; -moz-transition: all 700ms ease-in-out; -o-transition: all 700ms ease-in-out; -ms-transition: all 700ms ease-in-out; transition: all 700ms ease-in-out; border-radius:2px; } #loading4.state0 { width:0%; } #loading4.state1 { width:100%; } #loading4.state2 { left:auto; right:0; width:0; } #loading4.state3 { left:auto; right:0; width:100%; } /* BOX PAGE */ #boxPageOverlay { position:fixed; top:0; left:0; height:100%; width:100%; background:rgba(0,0,0,0.8); opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; z-index:110; } #boxPage { position:fixed; top:50%; left:50%; background:#fff; color:#000; opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; z-index:111; } #boxPageOverlay.hide, #boxPage.hide { opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); } #boxPageClose { position:absolute; top:-15px; right:-15px; cursor:pointer; } #boxPage2 { position:absolute; top:0; left:0; width:100%; height:100%; overflow:auto; } #boxPage .myPage { padding:30px 35px 0; } #boxPage .myPage2 :first-child { margin-top:0; padding-top:0; } /* DEFAULT FORMS */ form { padding:0 0 20px; } form label { display:block; margin:5px 0 15px; text-align:left; vertical-align:top; font-weight:normal; } form label span.label { display:block; text-align:left; vertical-align:top; padding:0; margin-bottom:15px; font-size:13px; font-weight:bold; color:#555; } form label input, form label textarea, form label select { width:390px; border:1px solid #ccc; padding:0; height:40px; text-indent:10px; vertical-align:top; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; font-weight:normal; font-size:15px; } form label textarea { height:120px; text-indent:0; padding:5px; width:430px; resize:none; } form label input:focus, form label textarea:focus, form label select:focus { background:#eee; } form input.submit { margin:20px auto; padding:0 25px; display:block; background:#4f5254; color:#fff; border:0; border-radius:6px; cursor:pointer; width:auto; height:38px; line-height:38px; font-size:18px; font-weight:600; text-align:center; text-indent:0; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; font-family:'Open Sans', sans-serif !important; } form input.submit:hover, form input.submit:focus { background:#717a80; } form label.check { display:inline-block; width:33%; margin:4px 0 4px; font-weight:normal; } form label.check input, form label.checkbox input { width:auto; height:auto; } form label input.file { width:auto; border:0; background:none; text-indent:0; } /* FORMS VERIF */ form label span.verif, form .lab span.verif { display:inline-block; margin-left:10px; width:27px; height:27px; position:relative; top:7px; vertical-align:top; } form label.checkbox span.verif { top:-3px; } form label span.verif.valid, form .lab span.verif.valid { background:url(../images/verif_valid.png?) no-repeat center center } form label span.verif.error, form .lab span.verif.error { background:url(../images/verif_error.png) no-repeat center center } form label span.veriftxt, form .lab span.veriftxt { color:red; line-height:14px; position:absolute; top:4px; right:28px; z-index:15; background:#fff; padding:4px 10px; display:none; text-align:right; white-space: nowrap; } form label span.verif.valid span.veriftxt, form .lab span.verif.valid span.veriftxt { color:#009DEB; } form label span.verif:hover span.veriftxt, form .lab span:hover span.veriftxt { display:block; } form label span.veriftxt:empty, , form .lab span.veriftxt:empty { display:none !important; } body.stop-scrolling { overflow: initial; height: initial; } .sweet-alert { border-radius:15px; } .sweet-alert .sa-icon { margin:10px auto; } .sweet-alert .sa-icon.sa-error { border-color:#ddd !important; } .sweet-alert .sa-icon.sa-error .sa-line { background-color:#ddd !important; } .sweet-alert button { background:linear-gradient(to right,#ffb400,#ffd700) !important; margin:16px 5px 20px 5px; border-radius:5px; } .sweet-alert h2 { top:-15px; margin:25px 0 0; } /* COMMUN */ .noscroll { overflow:hidden; } #topOverlay { position:absolute; top:0; left:0; width:100%; height:15px; } #top { position: absolute; top: 0; left: 0; width: 100%; text-align:center; z-index: 10; height: 115px; background:none; line-height: 115px; } #menu { font-family:'Open Sans', sans-serif !important; font-size:17px; text-transform:uppercase; display:inline-block; vertical-align:middle; line-height:115px; font-weight:bold; } #menu a { color:#fff; text-decoration:none; padding:0 22px; border-radius:11px; line-height:32px; margin:0 35px; letter-spacing:0.05em; } #menu a:hover, #menu a.select { color:#fec900; } #logo { display:inline-block; vertical-align:middle; } #menu a#logo { padding:5px 20px 0; background:rgba(255,255,255,0); } #menu a#logo:hover { background:none; } #accountZone { position:absolute; top:20px; right:20px; z-index:10; color:#fff; text-decoration:none; text-align:left; background:rgba(0,0,0,0.3); border-radius:15px; padding:10px 22px; font-weight:bold; } #accountZone .ico { display:inline-block; width:40px; height:40px; border-radius:100%; border:3px solid #fff; vertical-align:middle; background:url(../images/ico_account2.png?) no-repeat center center; } #accountZone .ico.ico2 { background-size:cover; width:50px; height:50px; } #accountZone .content { display:inline-block; margin-left:15px; vertical-align:middle; } #accountZone em { font-weight:normal; } #accountZone a { color:#fff; text-decoration:none; } .msgContent { padding: 25px 20px; background: #fff; color: #313131; border-radius: 25px; max-width: 685px; margin: 0 auto; text-align: center; font-style: normal; } .msgContent .btn { z-index:0; width:fit-content; display:block; margin:15px auto 0; padding-right:50px; } #back { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; background:#222222 no-repeat center center; background-size:cover; } #cache1, #cache2 { position:fixed; top:-100px; bottom:-100px; text-align:left; width:3000px; background:#fff; z-index:105; -webkit-transition: all ease-out 300ms; -moz-transition: all ease-out 300ms; -o-transition: all ease-out 300ms; -ms-transition: all ease-out 300ms; transition: all ease-out 300ms; } #cache1 { left:60%; margin-left:calc( ( 3000px + 40vh ) * -1 ); } #cache2 { right:60%; margin-right:calc( ( 3000px + 40vh ) * -1 ); text-align:right; } #cache1 img, #cache2 img { height:100%; position: absolute; top: 0; left: 100%; } #cache2 img { right:100%; left:auto; } #navig { position:absolute; top:42px; left:35px; z-index:15 } #navig a { vertical-align:middle; display:inline-block; } #navig .ms { border-radius:100%; height:26px; } #navig .ms:hover { background:rgba(255,255,255,0.6); } #navig .ms img { height:26px; } #navig .flag { width:25px; height:25px; overflow:hidden; border:3px solid rgba(255,255,255,0); display:inline-block; border-radius:100%; } #navig .flag img { width:100%; height:100%; } #navig .select, #navig .flag:hover { border-color:#fff; } .flag + .ms { margin-left:10px; } #menuMob { display:none; } #menuMob2 {display:none; } #content { position: relative; width: 100%; min-height: calc( 100vh - 84px ); } #footer { width:100%; background:#fff; height:62px; text-align:center; position:relative; margin-top:20px; } #footer1 { font-family:'Oswald', serif !important; font-weight:bold; font-size:14px; color:#000; text-transform:uppercase; position:absolute; top:16px; left:38px; text-align:left; line-height:16px; letter-spacing:-0.05em; } #footer1 a { font-size:10px; text-decoration:none; color:#000; display:block; font-weight:100; font-weight: 400; letter-spacing: 0.06em; } #footer1 a:hover { color:#ffd832; } #footer2 { position:absolute; bottom:12px; left:50%; width:900px; margin-left:-450px; height:40px; overflow:hidden; } #footer2 .img { width:100px; height:40px; margin:0 6px; background:#fff no-repeat center center / contain; display:inline-block; } #footer3 { position:absolute; bottom:24px; right:45px; color:#000; font-family:'Oswald', serif !important; font-size:12px; text-decoration:none; text-transform:uppercase; } #logoMobile { display:none; } /*! jQuery UI - v1.12.1 - 2019-02-08 */ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-widget{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,Helvetica,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #c5c5c5}.ui-widget-content{border:1px solid #ddd;background:#fff;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #ddd;background:#e9e9e9;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #c5c5c5;background:#f6f6f6;font-weight:normal;color:#454545}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#454545;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus{border:1px solid #ccc;background:#ededed;font-weight:normal;color:#2b2b2b}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#2b2b2b;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #003eff;background:#007fff;font-weight:normal;color:#fff}.ui-icon-background,.ui-state-active .ui-icon-background{border:#003eff;background-color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #dad55e;background:#fffa90;color:#777620}.ui-state-checked{border:1px solid #dad55e;background:#fffa90}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#777620}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #f1a899;background:#fddfdf;color:#5f3f3f}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#5f3f3f}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#5f3f3f}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-widget-header .ui-icon{background-image:url("images/ui-icons_444444_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("images/ui-icons_555555_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("images/ui-icons_ffffff_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("images/ui-icons_777620_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("images/ui-icons_cc0000_256x240.png")}.ui-button .ui-icon{background-image:url("images/ui-icons_777777_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-65px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-65px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:1px -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-96px -128px}.ui-icon-key{background-position:-112px -128px}.ui-icon-lightbulb{background-position:-128px -128px}.ui-icon-scissors{background-position:-144px -128px}.ui-icon-clipboard{background-position:-160px -128px}.ui-icon-copy{background-position:-176px -128px}.ui-icon-contact{background-position:-192px -128px}.ui-icon-image{background-position:-208px -128px}.ui-icon-video{background-position:-224px -128px}.ui-icon-script{background-position:-240px -128px}.ui-icon-alert{background-position:0 -144px}.ui-icon-info{background-position:-16px -144px}.ui-icon-notice{background-position:-32px -144px}.ui-icon-help{background-position:-48px -144px}.ui-icon-check{background-position:-64px -144px}.ui-icon-bullet{background-position:-80px -144px}.ui-icon-radio-on{background-position:-96px -144px}.ui-icon-radio-off{background-position:-112px -144px}.ui-icon-pin-w{background-position:-128px -144px}.ui-icon-pin-s{background-position:-144px -144px}.ui-icon-play{background-position:0 -160px}.ui-icon-pause{background-position:-16px -160px}.ui-icon-seek-next{background-position:-32px -160px}.ui-icon-seek-prev{background-position:-48px -160px}.ui-icon-seek-end{background-position:-64px -160px}.ui-icon-seek-start{background-position:-80px -160px}.ui-icon-seek-first{background-position:-80px -160px}.ui-icon-stop{background-position:-96px -160px}.ui-icon-eject{background-position:-112px -160px}.ui-icon-volume-off{background-position:-128px -160px}.ui-icon-volume-on{background-position:-144px -160px}.ui-icon-power{background-position:0 -176px}.ui-icon-signal-diag{background-position:-16px -176px}.ui-icon-signal{background-position:-32px -176px}.ui-icon-battery-0{background-position:-48px -176px}.ui-icon-battery-1{background-position:-64px -176px}.ui-icon-battery-2{background-position:-80px -176px}.ui-icon-battery-3{background-position:-96px -176px}.ui-icon-circle-plus{background-position:0 -192px}.ui-icon-circle-minus{background-position:-16px -192px}.ui-icon-circle-close{background-position:-32px -192px}.ui-icon-circle-triangle-e{background-position:-48px -192px}.ui-icon-circle-triangle-s{background-position:-64px -192px}.ui-icon-circle-triangle-w{background-position:-80px -192px}.ui-icon-circle-triangle-n{background-position:-96px -192px}.ui-icon-circle-arrow-e{background-position:-112px -192px}.ui-icon-circle-arrow-s{background-position:-128px -192px}.ui-icon-circle-arrow-w{background-position:-144px -192px}.ui-icon-circle-arrow-n{background-position:-160px -192px}.ui-icon-circle-zoomin{background-position:-176px -192px}.ui-icon-circle-zoomout{background-position:-192px -192px}.ui-icon-circle-check{background-position:-208px -192px}.ui-icon-circlesmall-plus{background-position:0 -208px}.ui-icon-circlesmall-minus{background-position:-16px -208px}.ui-icon-circlesmall-close{background-position:-32px -208px}.ui-icon-squaresmall-plus{background-position:-48px -208px}.ui-icon-squaresmall-minus{background-position:-64px -208px}.ui-icon-squaresmall-close{background-position:-80px -208px}.ui-icon-grip-dotted-vertical{background-position:0 -224px}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px}.ui-icon-grip-solid-vertical{background-position:-32px -224px}.ui-icon-grip-solid-horizontal{background-position:-48px -224px}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px}.ui-icon-grip-diagonal-se{background-position:-80px -224px}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:3px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:3px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:3px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:0 0 5px #666;box-shadow:0 0 5px #666} .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #fad702; background: #faba00; } @media only screen and (max-width: 1440px) { /*#logo img { width:90px; } #menu { margin-left:20px; } #menu a { padding:0 15px; } #top { width:740px; margin-left:-370px; top:18px; } #navig { top:18px; right:15px; } #navig .flag img { width:23px; } #navig .ms img { height:24px; } */ #menu a { margin:0 10px } #footer { height:50px; } #footer1 { top:10px; left:18px; } #footer2 { bottom:8px; height:32px; width:700px; margin-left:-350px; } #footer2 .img { height:32px; margin:0 5px; width:90px; } #footer3 { bottom:14px; right:15px; } } @media only screen and (max-width: 1230px) { /* #top { top:16px; left:70px; margin-left:0; width:620px; } #logo img { width: 150px; } #menu a { padding: 0 10px; font-size: 17px; } #navig { top:16px; right:45px; } */ #menu a { margin:0 1px; padding:0 12px; } #navig { width:32px; top:11px; left:15px; } #accountZone { right:10px; padding:5px 10px; font-size:11px; } #accountZone .content { margin-left:5px; } #cache1 { margin-left:calc( ( 3160px + 30vh ) * -1 ); } #cache2 { margin-right:calc( ( 3160px + 30vh ) * -1 ); } #footer { height:42px; } #footer1 { font-size:13px; line-height:14px; left:14px; top:8px; } #footer1 a { font-size:9px; letter-spacing:0.08em; } #footer2 { width:580px; margin-left:-290px; height:28px; } #footer2 .img { height: 28px; margin: 0 5px; width:70px; } #footer3 { font-size:11px; } } @media only screen and (max-width: 1020px) { #accountZone { background:none; } #accountZone .content { display:none; } } @media only screen and (max-width: 930px) { #footer { display:none; } /*#logo img { width: 120px; } #top { width:520px; } #menu { margin-left:10px; } #menu a { padding: 0 9px; font-size: 14px; }*/ #menu a { padding:0 10px; font-size:15px; } #logo img { width:100px; } } @media only screen and (max-width: 830px) { #topOverlay { position:absolute; top:0; left:0; width:100%; height:90px; background:linear-gradient(to right,#ffb400,#ffd700); } #menu, #navig { display:none; } #top { top:12px; left:15px; background:none; } #logoMobile { position:absolute; display:block; top:8px; left:50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index:10 } #logo { display:none; } #top, #logo img { width:160px; } #cache1 { margin-left:calc( ( 3300px + 30vh ) * -1 ); } #cache2 { margin-right:calc( ( 3300px + 30vh ) * -1 ); } #logoMobile img { width:90px; } #menuMob { position:absolute; top:21px; left:15px; font-family:'Oswald', serif !important; font-size:20px; color:#fff; text-transform:uppercase; display:block; text-decoration:none; z-index:10; width: 40px; height: 40px; border: 3px solid #fff; border-radius: 100%; line-height: 40px; text-align: center; } #menuMob .line { position:absolute; top:8px; left:8px; width:25px; height:3px; background:#fff; border-radius:3px; -webkit-transform: translateY(4px); -moz-transform: translateY(4px); -o-transform: translateY(4px); -ms-transform: translateY(4px); transform: translateY(4px); } #menuMob .line2 { top:14px; } #menuMob .line3 { top:20px; } #menuMob strong { display:inline-block; margin-left:30px; line-height:20px; } #menuMob2 { display:block; position:absolute; top:89px; left:0; width:100%; bottom:100%; overflow:hidden; background:linear-gradient(to right,#ffb400,#ffd700); z-index:-1; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .menuOpen #menuMob2 { top:89px; bottom:0; z-index:100; opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); overflow:auto; } .menuOpen, .menuOpen body { overflow:hidden; } #accountZone { top:10px; } #menuMob2 a { position:relative; display:block; text-align:left; padding:20px 0 20px 40px; font-size:20px; font-family:'Open Sans', sans-serif !important; font-weight:bold; color:rgba(255,255,255,0.5); text-transform:uppercase; text-decoration:none; line-height:20px; letter-spacing:0.2em; border-bottom:1px solid rgba(255,255,255,0.5); } #mn0b { border-top:1px solid rgba(255,255,255,0.5); } #menuMob2 a .flc { position:absolute; top:50%; right:25px; -webkit-transform: translateY(-50%) scaleY(1.5); -moz-transform: translateY(-50%) scaleY(1.5); -o-transform: translateY(-50%) scaleY(1.5); -ms-transform: translateY(-50%) scaleY(1.5); transform: translateY(-50%) scaleY(1.5); font-size:30px; font-weight:normal; -webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; transition: all 150ms ease-out; } #menuMob2 a.open .flc { -webkit-transform: translateY(-50%) scaleX(1.5) rotate(90deg); -moz-transform: translateY(-50%) scaleX(1.5) rotate(90deg); -o-transform: translateY(-50%) scaleX(1.5) rotate(90deg); -ms-transform: translateY(-50%) scaleX(1.5) rotate(90deg); transform: translateY(-50%) scaleX(1.5) rotate(90deg); } #menuMob2 a.select { color:#fff; } #menuMob3 a { display:inline-block; padding:0; margin:10px auto; text-algin:center; } #menuMob3 a img { height:30px; margin:0 10px } #menuMob4 { margin:10px auto; text-align:center; } #menuMob4 a { display:inline-block; padding:0; width:20px; height:20px; border-radius:100%; overflow:hidden; border:2px solid rgba(255,255,255,0.5); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; opacity:0.3;-moz-opacity:0.3;filter:Alpha(Opacity=30); margin:0 5px; } #menuMob4 a.select { opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); border-color:#fff; } #menuMob4 a img { height:20px; width:20px; } #menuMob5 { margin:15px 0 30px } #menuMob5 a { font-size:10px; color:#fff; line-height:10px; letter-spacing:0.1em; padding:5px 0 5px 40px; border:0; } } @media only screen and (max-width: 650px) { #cache1 { margin-left:calc( ( 3000px + 30vh ) * -1 ); } #cache2 { margin-right:calc( ( 3000px + 30vh ) * -1 ); } #cache1.state2 { margin-left:calc( ( 3360px + 30vh ) * -1 ); } #cache2.state2 { margin-right:calc( ( 3360px + 30vh ) * -1 ); } } @media only screen and (max-width: 350px) { #accueil img { width: 270px; margin-top:-140px; } } @media only screen and (max-height: 610px) { #menuMob2 a.retour { margin-bottom:10px; } #menuMob2 a { padding:12px 0; } #menuMob4 { margin-top:10px; } #menuMob5 a { padding:10px 0; } } @media only screen and (max-height: 550px) { #menuMob2 a.retour { margin-bottom:5px; margin-top:15px; } #menuMob2 a { padding:10px 0; font-size:28px; line-height:25px; } #menuMob4 { margin-top:0; } #menuMob5 a { padding:10px 0; } } @media only screen and (max-height: 480px) { #menuMob2 a.retour { margin-bottom:5px; margin-top:10px; font-size:14px; } #menuMob2 a { padding:8px 0; font-size:26px; line-height:23px; } #menuMob4 { margin-top:0; } #menuMob5 a { padding:8px 0; } } /* PAGE */ #menuLigue2, #menuLigue3 { display:none; } @media only screen and (max-width: 830px){ #menuLigue2, #menuLigue3 { display:none; background:rgba(0,0,0,0.3); } #menuLigue2 a, #menuLigue3 a { display:block; font-size: 15px; text-transform: none; letter-spacing: 0.1em; padding:12px 0 12px 40px; } } #events { width:1085px; margin:168px auto 100px; } #events1, #events2 { position:relative; background:rgba(0,0,0,0.5); min-height:200px; color:#fff; margin-bottom:70px; } #events2 { padding:25px; } .event { position:relative; display:block; margin:12px 0; padding:12px 0; border-top:2px solid rgba(255,255,255,0.3); text-align:left; font-family:'Open Sans', sans-serif !important; font-size:14px; color:#fff; text-decoration:none; } .event.first { border-top:0; } .event .img { float:left; width:250px; height:170px; background:#ccc no-repeat center center; background-size:cover;; margin-right:22px; } .event .content { float:left; width:545px; } .event .content strong { display:block; font-family:'Oswald', serif !important; font-size:30px; text-transform:uppercase; color:#ffd832; margin-bottom:5px; line-height:30px; } .event .plus { position:relative; float:left; left:83px; width:130px; top:48px; text-transform:uppercase; color:#fff; font-family:'Oswald', serif !important; font-weight:bold; font-size:19px; } .event .plus em { font-style:normal; color:#000; background:#ffd832; font-size:30px; display:block; width:80px; text-align:center; line-height:38px; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .event .plus .flc { position:absolute; top:6px; left:95px; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } .event:hover { color:#fff; } .event:hover .plus em { color:#ffd832; background:#000 } .event:hover .plus .flc { left:100px; } #billetterie { width:180px; text-align:center; } #billetterie .img { display:block; margin:4px auto; width:70px; height:70px; position:relative; background:url(../images/billetterie2.png) no-repeat top center; background-size:100% auto; } #billetterie a:hover .img { -webkit-animation: billetAnim 1s steps(13, end) 1; -moz-animation: billetAnim 1s steps(13, end) 1; -ms-animation: billetAnim 1s steps(13, end) 1; -o-animation: billetAnim 1s steps(13, end) 1; animation: billetAnim 1s steps(13, end) 1; } @-webkit-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -910px; } } @-moz-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -910px; } } @-o-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -910px; } } @keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -910px; } } #billetterie a { text-decoration:none; } #billetterie span { display:block; background:#ffd832; color:#000; text-transform:uppercase; -webkit-transform: skewX(-15deg); -moz-transform: skewX(-15deg); -o-transform: skewX(-15deg); -ms-transform: skewX(-15deg); transform: skewX(-15deg); font-size:27px; font-family:'Oswald', serif !important; line-height:42px; text-decoration:none; font-weight:bold; -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; } #billetterie a:hover span { background:#000; color:#ffd832; } #events1 .date { position:absolute; top:0; left:0; width:115px; height:115px; background:#ffd832; color:#000; font-size:33px; text-align:center; font-family:'Oswald', serif !important; font-weight:bold; line-height:45px; } #events1 .date strong { font-size:56px; display:block;line-height:52px; padding-top:10px; } #events1 .year { position: absolute; top: 130px; left: 0; width: 115px; text-align: center; color: #ffd832; font-size: 45px; font-family:'Oswald', serif !important; } #events1 > .img { float:left; width:165px; height:165px; margin-left:200px; position:relative; top:18px; background:#fff no-repeat center center; background-size:contain; } #events1 .content { float:left; margin-left:50px; width:340px; padding:15px 0; text-align:left; font-family:'Open Sans', sans-serif !important; font-size:11px } #events1 .content strong { display:inline-block; margin-bottom:14px; color:#000; background:#ffd832; font-size:30px; font-family:'Oswald', serif !important; text-transform:uppercase; padding:0 10px; line-height:42px; border-radius:2px; } #events1 .content2 { position:absolute; top:12px; right:45px; padding-left:36px; border-left:2px solid #494949; height:175px; } #countdown { position:relative; margin-top:10px; } #countdown_day, #countdown_hour, #countdown_min { width:52px; display:inline-block; text-align:center; color:#fff; font-size:29px; font-family:'Oswald', serif !important; font-weight:bold; line-height:29px; } #days, #hours, #minutes { width:52px; display:inline-block; text-align:center; font-family:'Oswald', serif !important; font-weight:bold; color:#ffd832; text-transform:uppercase; font-size:9px; line-height:9px; } .slash { position:absolute; top:0; background:#ffd832; height:48px; width:2px; -webkit-transform: rotate(20deg); -moz-transform: rotate(20deg); -o-transform: rotate(20deg); -ms-transform: rotate(20deg); transform: rotate(20deg); } #slash1 { left:60px; } #slash2 { left:118px; } #eventBox { position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; opacity:0;-moz-opacity:0;filter:Alpha(Opacity=0); -webkit-transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; transition: all 350ms ease-in-out 0s; background:#ffd832 } #eventBox.open { z-index:50; opacity:1;-moz-opacity:1;filter:Alpha(Opacity=100); } #closeEvent { position:fixed; top:0; right:0; width:104px; height:104px; background:#000; color:#ffd832; text-align:center; line-height:104px; font-size:38px; font-family:Arial,Helvetica,Verdana; text-decoration:none; z-index:10; } #eventBack { position:absolute; top:0; left:0; height:100%; width:35%; background:#333 url(../images/fond_events2.jpg?) no-repeat center center; background-size:cover; } #eventFiche { position:absolute; top:0; left:35%; height:100%; width:65%; overflow:auto; } #eventFiche2 { padding:88px 0; width:90%; position:relative; left:6%; text-align:left; } #eventFiche2 h2 { font-family:'Oswald', serif !important; font-size:101px; color:#000; text-transform:uppercase; text-align:left; line-height:97px; } #eventFiche2 h3 { font-family:'Damion', cursive !important; font-size:37px; color:#ffd832; background:#000; text-align:left; display:inline-block; line-height:48px; padding:0 25px; } @media only screen and (max-width: 1230px) { #events { width:900px; margin:118px auto 60px } #events1, #events2 { min-height:186px; } #events > img { width:400px; } #events1 .date { width:100px; height:100px; font-size:28px; line-height:30px; } #events1 .date strong { font-size:48px; line-height:47px; } #events1 .year { top:110px; width:100px; font-size:40px; } #events1 > .img { width:145px; height:145px; margin-left:130px; } #events1 .content { margin-left:20px; width:370px; } #events1 .content strong { margin-bottom:10px; font-size:27px; line-height:38px; } #events1 .content2 { height:162px; right:20px; padding-left:30px; } #billetterie { width:160px; } #billetterie span { font-size:24px; line-height:38px; } #billetterie .img { width:60px; height:60px; } @-webkit-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -780px; } } @-moz-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -780px; } } @-o-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -780px; } } @keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -780px; } } #countdown_day, #countdown_hour, #countdown_min { font-size:27px; } #slash1 { left:55px; } #slash2 { left:111px; } #events2 { padding:0; } .event { font-size:13px; } .event .img { width:220px; height:150px; margin-right:15px; } .event .content { width:500px; } .event .content strong { font-size:28px; line-height:28px; } .event .plus { width:100px; left:63px; font-size:17px; } .event .plus em { font-size:28px; width:72px; line-height:35px; } .event .plus .flc { left:85px; } .event:hover .plus .flc { left:90px; } .event .plus .flc img { height:55px; } #eventFiche2 { padding:48px 0; width:90%; } #eventFiche2 h2 { line-height:58px; font-size:63px; } #eventFiche2 h3 { font-size:26px; padding:0 15px; line-height:43px; } .texte, .textephoto, .phototexte { font-size:13px; margin-bottom:20px; } #closeEvent { width:74px; height:74px; line-height:74px; font-size:34px; } } @media only screen and (max-width: 960px) { #events { width:780px; margin:88px auto 40px } #events1 { min-height:166px; margin-bottom:50px } #events > img { width:330px; } #events1 .date { width:80px; height:80px; font-size:22px; line-height:22px; } #events1 .date strong { font-size:38px; line-height:37px; } #events1 .year { top:80px; width:80px; font-size:31px; } #events1 > .img { width:115px; height:115px; margin-left:100px; top:10px; } #events1 .content { margin-left:15px; width:365px; padding:10px 0 } #events1 .content strong { margin-bottom:5px; font-size:20px; line-height:28px; } #events1 .content2 { height:145px; right:15px; padding-left:20px; } #billetterie { width:140px; } #billetterie span { font-size:19px; line-height:30px; } #billetterie .img { width:50px; height:50px; } @-webkit-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -650px; } } @-moz-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -650px; } } @-o-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -650px; } } @keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -650px; } } #countdown_day, #countdown_hour, #countdown_min { font-size:22px; width:42px; } #days, #hours, #minutes { width:42px; } #slash1 { left:46px; } #slash2 { left:93px; } #events2 { padding:0; } .event { font-size:13px; } .event .img { width:176px; height:120px; margin-right:10px; } .event .content { width:420px; } .event .content strong { font-size:23px; line-height:23px; } .event .plus { width:100px; left:60px; font-size:17px; top:30px; } .event .plus em { font-size:28px; width:72px; line-height:35px; } .event .plus .flc { left:85px; } .event:hover .plus .flc { left:90px; } .event .plus .flc img { height:55px; } #eventFiche2 { padding:28px 0; width:90%; } #eventFiche2 h2 { line-height:50px; font-size:53px; } #eventFiche2 h3 { font-size:22px; padding:0 10px; line-height:33px; } .texte, .textephoto, .phototexte { font-size:12px; margin-bottom:15px; } #closeEvent { width:64px; height:64px; line-height:64px; font-size:29px; } } @media only screen and (max-width: 840px) { #events { width:90%; margin:70px auto 30px } #events1 { min-height:166px; margin-bottom:50px; padding-bottom:20px; } #events > img { width:280px; } #events1 .date { margin:0; float: none; position: relative; left: 0; top: 10px; display: block; } #events1 .date strong { font-size:38px; line-height:37px; } #events1 .year { position: absolute; top:10px; margin:0; left:90px; float: none; text-align: center; display: block; padding:0; line-height:80px; font-size:60px; width:auto; } #events1 > .img { position:absolute; width:115px; height:115px; margin-left:0; left:0px; top:100px; } #events1 .content { margin-left:130px; width:auto; padding:10px 0; margin-top:10px; float:none; display:block; } #events1 .content strong { margin-bottom:5px; font-size:20px; line-height:28px; } #events1 .content2 { height:145px; right:15px; padding-left:20px; float:none; display:block; position:relative; width:140px; } #billetterie { width:180px; position:absolute; top:0; left:180px; height:48px; } #billetterie span { font-size:19px; line-height:30px; float:left; position:relative; top:8px; padding:0 10px; } #billetterie .img { width:40px; height:40px; float:left; margin-right:10px; } @-webkit-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -520px; } } @-moz-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -520px; } } @-o-keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -520px; } } @keyframes billetAnim { from { background-position-y: 0px; } to { background-position-y: -520px; } } #countdown_day, #countdown_hour, #countdown_min { font-size:22px; width:42px; } #days, #hours, #minutes { width:42px; } #slash1 { left:46px; } #slash2 { left:93px; } #events2 { padding:0; } .event { font-size:13px; padding:5px 0; min-height:90px; } .event .img { width:140px; height:100px; margin-right:10px; position:absolute; top:5px; left:5px; } .event .content { width:auto; margin-right:110px; margin-left:160px } .event .content strong { font-size:23px; line-height:23px; } .event .plus { width:100px; font-size:17px; top:30px; position:absolute; left:auto; right:0 } .event .plus em { font-size:28px; width:72px; line-height:35px; } .event .plus .flc { left:80px; } .event:hover .plus .flc { left:90px; } .event .plus .flc img { height:55px; } #eventFiche2 { padding:15px 0; width:90%; } #eventFiche2 h2 { line-height:41px; font-size:43px; } #eventFiche2 h3 { font-size:19px; padding:0 7px; line-height:28px; } .texte, .textephoto, .phototexte { font-size:12px; margin-bottom:15px; } #closeEvent { width:64px; height:64px; line-height:64px; font-size:29px; } } @media only screen and (max-width: 680px) { #eventBack { display:none } #eventFiche { left:0; width:100%; } #eventFiche2 { width:90%; } #eventFiche2 h2 { line-height: 26px; font-size: 28px; margin-right:60px; } } @media only screen and (max-width: 600px) { .event .plus { display:none; } .event .content { margin-right:0; line-height:14px; } .event .content strong { font-size:20px; line-height:20px } } @media only screen and (max-width: 400px) { #events > img { width:200px; } #events1 .date { width:70px; height:70px; font-size:19px; line-height:22px; } #events1 .date strong { font-size: 34px; line-height:30px; } #events1 .year { left:80px; line-height:70px; font-size:54px; } #events1 > .img { top:90px; width:105px; height:105px; } #events1 .content { margin-left:115px; } #events1 .content strong { font-size:18px; } #countdown { margin:0 auto; float:none; width:140px; } #events1 .content2 { width:auto; height:100px; } #billetterie { top:0; left:0; position:relative; margin:0 auto; } .event { min-height:70px; } .event .img { width:120px; height:80px; margin-right:5px; } .event .content { margin-left:135px; line-height: 12px; font-size: 12px; } .event .content strong { font-size: 17px; line-height: 17px; } } @media only screen and (max-width: 340px) { #events1 .year { font-size:44px; } #events1 > .img { width:95px; height:95px; } #events1 .content { margin-left:105px; } #events1 .content strong { font-size:17px; line-height:26px; } .event .img { width:90px; height:61px; left:0; margin-left:100px } #events2 { margin-bottom:30px; } } /* ZOOMBOX */ /*[fmt]0A90-0A0A-2*/ #zoombox iframe,#zoombox img{ border:none; } #zoombox .zoombox_mask{ background-color:#000; position:fixed; width:100%; z-index:999996; height:100%; top:0; left:0; } #zoombox .zoombox_container{ position:fixed; z-index:999997; } #zoombox .relative{ position:relative; } #zoombox .zoombox_prev{ position:absolute; top:0; left:0; width:50%; height:100%; cursor:pointer; /*+opacity:0;*/ filter:alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-opacity:0; opacity:0; } #zoombox .zoombox_prev:hover{ /*+opacity:100%;*/ filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; } #zoombox .zoombox_next{ position:absolute; top:0; right:0; width:50%; height:100%; /*+opacity:0;*/ filter:alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-opacity:0; opacity:0; } #zoombox .zoombox_close,#zoombox .zoombox_next,#zoombox .zoombox_prev{ cursor:pointer; } #zoombox .multimedia .zoombox_next,#zoombox .multimedia .zoombox_prev{ display:block; } #zoombox .zoombox_next:hover{ /*+opacity:100%;*/ filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; } #zoombox .zoombox_gallery{ position:fixed; z-index:999998; bottom:-60px; left:0; right:0; text-align:center; /*+opacity:85%;*/ filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); -moz-opacity:0.85; opacity:0.85; cursor:pointer; width:auto; background-color:#050505; height:60px; overflow: hidden; display:none; } #zoombox .zoombox_gallery img{ float:left; height:50px; padding:5px; /*+opacity:50%;*/ filter:alpha(opacity=30); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); -moz-opacity:0.3; opacity:0.3; } #zoombox .zoombox_gallery img:hover,#zoombox .zoombox_gallery img.current{ /*+opacity:100%;*/ filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; } #zoombox_loader{ background:url(img/loader.png) no-repeat left top; position:absolute; height:40px; width:40px; cursor:pointer; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:999999; } /** Zoombox Theme **/ .zoombox .zoombox_container{ background:#000; color:#666; /*+box-shadow:0px 0px 10px #000000;*/ -moz-box-shadow:0px 0px 10px #000000; -webkit-box-shadow:0px 0px 10px #000000; -o-box-shadow:0px 0px 10px #000000; box-shadow:0px 0px 10px #000000; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; -o-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; } .zoombox .content{ background:#000; } .zoombox .zoombox_title{ color:#FFF; /*+placement:anchor-top-left -1px -22px;*/ position:absolute; left:-1px; top:-22px; /*+text-shadow:1px 1px #000000;*/ -moz-text-shadow:1px 1px #000000; -webkit-text-shadow:1px 1px #000000; -o-text-shadow:1px 1px #000000; text-shadow:1px 1px #000000; -moz-text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; -o-text-shadow:1px 1px #000; text-shadow:1px 1px #000; } .zoombox .zoombox_close{ background:url(img/close.png) no-repeat; width:30px; height:30px; /*+placement:anchor-top-right -15px -15px;*/ position:absolute; right:-15px; top:-15px; } #zoombox.zoombox .zoombox_next{ background:url(img/next.png) no-repeat right center; } #zoombox.zoombox .zoombox_prev{ background:url(img/prev.png) no-repeat left center; } /** Lightbox Theme **/ .lightbox .zoombox_container{ background:#FFF; margin-left:-30px; padding:10px 10px 37px; color:#666; } .lightbox .zoombox_close{ background:url(img/lightclose.gif) no-repeat left top; width:66px; height:22px; top:auto; /*+placement:anchor-bottom-right 12px 6px;*/ position:absolute; right:12px; bottom:6px; } .lightbox .zoombox_title{ text-align:left; } .lightbox .zoombox_next{ background:url(img/lightnext.gif) no-repeat right 50px; } .lightbox .zoombox_prev{ background:url(img/lightprev.gif) no-repeat left 50px; } #zoombox.lightbox .zoombox_gallery{ left:10px !important; right:10px; bottom:36px; } /** Pretty Photo Theme **/ .prettyphoto .zoombox_container{ border:10px solid #0B0A0A; /*+border-radius:10px;*/ -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px 10px 10px 10px; background:#FFF; padding:10px 10px 37px; margin-left:-20px; color:#797979; } .prettyphoto .zoombox_title{ text-align:left; } .prettyphoto .zoombox_close{ background:url(img/ppsprite.png); width:27px; height:24px; top:auto; /*+placement:anchor-bottom-right 6px 8px;*/ position:absolute; right:6px; bottom:8px; } .prettyphoto .zoombox_next{ background:url(img/ppnext.png) no-repeat right center; } .prettyphoto .zoombox_prev{ background:url(img/ppprev.png) no-repeat left center; } .prettyphoto .multimedia .zoombox_next,.prettyphoto .multimedia .zoombox_prev{ display:none; } #zoombox.prettyphoto .zoombox_gallery{ left:10px !important; right:10px; bottom:36px; } /** FORT Theme **/ #zoombox.fort .zoombox_mask { background:#0d0d09; } #zoombox.fort2 .zoombox_mask { background:#000; } .fort .zoombox_container, .fort2 .zoombox_container{ background:none; padding:0; color:#777; margin-top:22px !important; } .fort2 .zoombox_container { margin-top:-10px !important; } .fort .zoombox_title, .fort2 .zoombox_title{ display:none; } .fort .zoombox_close, .fort2 .zoombox_close{ background:url(img/close.png); width:70px; height:70px; top:-100px; position:absolute; left:50%; margin-left:-35px; } .fort2 .zoombox_close { top:-63px } .fort .zoombox_separe, .fort .zoombox_separe2, .fort2 .zoombox_separe, .fort2 .zoombox_separe2 { position:absolute;left:0;width:100%;height:6px;background:url(img/separe.png) no-repeat center center; } .fort .zoombox_separe { top:-69px; } .fort2 .zoombox_separe { top:-31px; } .fort .zoombox_separe2 { bottom:-45px; background-image:url(img/separe2.png); } .fort2 .zoombox_separe2 { bottom:-96px; background-image:url(../images/separe3.png); height:104px; } .fort2 .zoombox_separe2 span { position:absolute; top:10px; left:50%; margin-left:-30px; width:60px; height:90px; background:url(../images/scroll.png); } .fort .zoombox_next, .fort2 .zoombox_next{ background:url(img/ppnext.png) no-repeat right center; } .fort .zoombox_prev, .fort2 .zoombox_prev{ background:url(img/ppprev.png) no-repeat left center; } .fort .multimedia .zoombox_next,.fort .multimedia .zoombox_prev,.fort2 .multimedia .zoombox_next,.fort2 .multimedia .zoombox_prev{ display:none; } #zoombox.fort .zoombox_gallery, #zoombox.fort2 .zoombox_gallery{ left:10px !important; right:10px; bottom:36px; } .fort .zoombox_container, .fort2 .zoombox_container { overflow:visible !important; } /** Dark Pretty Photo Theme **/ .darkprettyphoto .zoombox_container{ /*+border-radius:10px;*/ -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px 10px 10px 10px; background:#0C0C0C; padding:10px 10px 37px; margin-left:-30px; color:#828282; } .darkprettyphoto .zoombox_title{ /*[empty]position:;*/ text-align:left; } .darkprettyphoto .zoombox_close{ background:url(img/ppsprite.png); width:27px; height:24px; top:auto; /*+placement:anchor-bottom-right 2px 6px;*/ position:absolute; right:2px; bottom:6px; } .darkprettyphoto .zoombox_next{ background:url(img/ppnext.png) no-repeat right center; } .darkprettyphoto .zoombox_prev{ background:url(img/ppprev.png) no-repeat left center; } .darkprettyphoto .multimedia .zoombox_next,.darkprettyphoto .multimedia .zoombox_prev{ display:none; } #zoombox.darkprettyphoto .zoombox_gallery{ left:10px !important; right:10px; bottom:36px; } /** Simple Theme **/ .simple .zoombox_container{ background:#000; } .simple .zoombox_title{ color:#FFF; /*+placement:anchor-top-left -1px -22px;*/ position:absolute; left:-1px; top:-22px; /*+text-shadow:1px 1px #000000;*/ -moz-text-shadow:1px 1px #000000; -webkit-text-shadow:1px 1px #000000; -o-text-shadow:1px 1px #000000; text-shadow:1px 1px #000000; -moz-text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; -o-text-shadow:1px 1px #000; text-shadow:1px 1px #000; } #zoombox.simple .zoombox_next{ background:url(img/simplenav.png) no-repeat -20px center; /*+opacity:100%;*/ filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; right:-20px; width:20px; } #zoombox.simple .zoombox_next:hover{ background-position-x:left; } #zoombox.simple .zoombox_prev{ background:url(img/simplenav.png) no-repeat -40px center; /*+opacity:100%;*/ filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; left:-20px; width:20px; } #zoombox.simple .zoombox_prev:hover{ background-position-x:-60px; } .simple .zoombox_prev{ background:url(img/ppprev.png) no-repeat left center; } .simple .zoombox_close{ background:url(img/simpleclose.png) no-repeat; width:30px; height:30px; position:absolute; top:0; right:-10px; } #zoombox.simple .multimedia .zoombox_next,#zoombox.simple .multimedia .zoombox_prev{ display:block; } /* SWEETALERT */ body.stop-scrolling { /*height: 100%; overflow: hidden;*/ } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000; } .sweet-alert { background-color: white; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 99999; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button { background-color: #8CD4F5; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #7ecff4; } .sweet-alert button:active { background-color: #5dc2f1; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } }