/********** * Global * *********/ html,body{ margin: 0px; padding: 0px; color: #000; font-size: 12px; border: 0px solid transparent; font-family: 'retro_gamingregular',Arial,sans-serif!important; background: var(--primary-color); width: 100%; height: 100%; scroll-behavior: smooth; cursor: url('/imgs/picto/cursor.png'), auto; } body{ margin: 0; padding: 0; } a { outline: none; text-decoration: none; cursor: pointer; color: inherit; } img { border: none; } :focus {outline:none;} ::-moz-focus-inner {border:0;} ::-moz-selection { color: #FFF; background: #0000FF; } ::selection { color: #FFF; background: #0000FF; } /* Placeholder */ ::-webkit-input-placeholder { color: #8D8F8F; } :-moz-placeholder { color: #8D8F8F; opacity: 1; } ::-moz-placeholder { color: #8D8F8F; opacity: 1; } :-ms-input-placeholder { color: #8D8F8F; } :placeholder-shown { color: #8D8F8F; } .flol{ float: left; } .flor { float: right; } .alf{ text-align: left!important; } .alc{ text-align: center!important; } .alr{ text-align: right!important; } .prel { position: relative; } .fin{ clear:both; line-height:0; height:0; font-size:1px; } .f40{ font-size: 40px; } .f20{ font-size: 20px; } .hidden{ display: none; } .padLR30{ padding: 0 30px; } .mw1380{ max-width: 1380px; margin: 0 auto; } #strErreur, #strInfo, #strValide, #strLink{ display: none; } h1,h2,h3,h4,strong{ margin: 0px; font-weight: normal; } body .ui-menu .ui-menu-item-wrapper{ font-size: 20px; text-align: center; padding: 10px; } .ui-menu .ui-menu-item-wrapper:hover{ background: #f1af28; border: solid 1px #FFF; } :root { /* Set neon color */ --neon-border-color-1: #4804de; --neon-border-color-2: #fa0a2f; --neon-border-color-3: #3dffff; --primary-color: #ffd109; --secondary-color: #068aff; --stripe-color: #fff; --bg: var(--stripe-color); --maincolor: var(--bg); } .swal2-modal .swal2-title { color: var(--primary-color) !important; } .swal2-modal .swal2-styled { background-color: var(--primary-color)!important; } .mm-menu.mm-offcanvas { z-index: 10 !important; } .pure-g, .pure-g [class*="pure-u"]{ font-family: inherit!important; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex!important; } .flex.sb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .flex.sa { -ms-flex-pack: distribute; justify-content: space-around; } .flex.start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .flex.end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .flex.jcc, .jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex.ac, .ac { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .flex.col { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .acc { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-1-1-0{ flex: 1 1 0; } /******** * MENU * *******/ .content-wrapper { min-height: 100%; transform: translate3d(0,0,0); transition: transform .3s cubic-bezier(0.175, 0.885, 0.32, 1.275); position: fixed; top: 0px; right: 0px; z-index: 9999; } body.open .content-wrapper { transform: translate3d(-200px,0,0); } .content-wrapper .menu-btn { display: block; position: fixed; top: 15px; right: 25px; font-size: 3em; text-decoration: none; border-radius: 150px; width: 60px; height: 60px; text-align: center; line-height: 60px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-box-shadow: 0px 0px 0px 10px rgba(0,0,0,.05); -moz-box-shadow: 0px 0px 0px 10px rgba(0,0,0,.05); -o-box-shadow: all 0.2s ease-out; box-shadow: 0px 0px 0px 10px rgba(0,0,0,.05); } body.open .content-wrapper .menu-btn{ background: rgba(0,0,0,0.3); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } .menu { position: fixed; top: 100px; right: 0; margin: 0; padding: 15px; z-index: 9998; } .menu li { margin-bottom: 5px; list-style-type: none; } .menu a { display: block; text-decoration: none; font-size: 1.5em; padding: .5em 1em; opacity: 0; transform: translate3d(48px, -48px, 0) scale(0); transition: .4s .3s all; text-transform: uppercase; } .menu a:hover{ color: #FFF; } body.open .menu a { opacity: 1; transform: translate3d(0,0,0) scale(1); } body.open .menu li:nth-child(0) a { transition : 0.2s .1s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } body.open .menu li:nth-child(1) a { transition : 0.2s .2s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } body.open .menu li:nth-child(2) a { transition : 0.2s .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } body.open .menu li:nth-child(3) a { transition : 0.2s .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } body.open .menu li:nth-child(4) a { transition : 0.2s .5s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } body.open .menu li:nth-child(5) a { transition : 0.2s .6s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } body.open .menu li:nth-child(6) a { transition : 0.2s .7s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } body.open .menu li:nth-child(7) a { transition : 0.2s .8s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } body.open .menu li:nth-child(8) a { transition : 0.2s .9s cubic-bezier(0.175, 0.885, 0.32, 1.275) all; } /******** * FONT * *******/ @font-face { font-family: 'retro_gamingregular'; src: url('/font/retroGaming/retro_gaming-webfont.woff2') format('woff2'), url('/font/retroGaming/retro_gaming-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } /************** * OLD SCHOOL * *************/ header{ padding-top: 10px; position: relative; bottom: 0px; } .box-head{ background: #D1D1D1 0% 0% no-repeat padding-box; -webkit-box-shadow: inset 2px 2px 0px #FFFFFFBF, 0px 0px 6px #00000080; -moz-box-shadow: inset 2px 2px 0px #FFFFFFBF, 0px 0px 6px #00000080; -o-box-shadow: inset 2px 2px 0px #FFFFFFBF, 0px 0px 6px #00000080; box-shadow: inset 2px 2px 0px #FFFFFFBF, 0px 0px 6px #00000080; padding: 15px; } .box-head strong{ text-transform: uppercase; color: var(--secondary-color); display: inline-block; margin: 0 10px; } a.top{ font-size: 1.3em; padding: 10px 0; } .pad15{ padding: 15px!important; } .ml10{ margin-left: 10px; } .mt15{ margin-top: 10px; } .mt20{ margin-top: 20px; } .mb10{ margin-bottom: 10px; } .mb15{ margin-bottom: 15px; } .w100{ width: 100%;} .btn-std{ display: inline-flex; background: #FED316 0% 0% no-repeat padding-box; box-shadow: inset 2px 2px 0px #FFFFFFBF, 1px 1px 4px #000000; opacity: 1; padding: 5px 10px; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-std i, .btn-spec i{ font-size: 16px; display: inline-block; margin-left: 10px; } .btn-std:hover{ -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .btn-spec{ background: transparent linear-gradient(180deg, #1DBDF8 0%, #1DBDF8 39%, #068AFF 59%, #1DBDF8 100%) 0% 0% no-repeat padding-box; border-radius: 100px; padding: 15px 25px; font-size: 14px; color: #FFF; text-transform: uppercase; border: solid 2px #FFF; -webkit-box-shadow: 2px 2px 0px 0px #072FFB; box-shadow: 2px 2px 0px 0px #072FFB; } .btn-spec:hover{ -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); color: #000; } .bg-repeat{ background: url('/imgs/bg-repeat.jpg') 0 0 repeat; box-shadow: inset 0px 0px 6px #00000080; opacity: 1; padding: 40px; } .bg-repeat-bis{ background: url('/imgs/bg-repeat.jpg') 0 0 repeat; box-shadow: inset 0px 0px 6px #00000080; opacity: 1; padding: 20px; } .bg-blue{ background: var(--secondary-color); } .titre-2{ position: relative; display: inline-block; font-family: 'Pixellari', Arial, sans-serif; font-size: 1.7em; color: #000; } .bg-terre{ padding: 10px 0 10px 70px; line-height: .8em; text-align: left; background: url('/imgs/picto/terre.svg') left center no-repeat; } .bg-calendar{ padding: 20px 0 20px 70px; line-height: 1.1em; background: url('/imgs/picto/calendar.svg') left center no-repeat; text-align: left; } .win-box{ background: #D1D1D1 0% 0% no-repeat padding-box; box-shadow: inset 2px 2px 0px #FFFFFFBF, 0px 0px 6px #00000080; opacity: 1; padding: 15px; } .win-box-bot{ background: #D1D1D1 0% 0% no-repeat padding-box; box-shadow: inset 2px -2px 0px #FFFFFFBF, inset 0px 0px 6px #00000080; height: 30px; margin-top: 15px; margin-right: 10px; } .win-shadow{ box-shadow: inset 2px -2px 0px #FFFFFFBF, inset 0px 0px 6px #00000080; padding: 10px; } .win-box-bot.last{ margin-right: 0px; } .win-title{ background: transparent linear-gradient(268deg, #0E8AFF 0%, #0000FF 100%) 0% 0% no-repeat padding-box; padding: 10px 15px; margin-bottom: 10px; color: #FFF; } .bg-title{ background: transparent linear-gradient(268deg, #0E8AFF 0%, #0000FF 100%) 0% 0% no-repeat padding-box; -webkit-box-shadow: 5px 15px 0px 5px #0000FF; box-shadow: 5px 15px 0px 5px #0000FF; } a.insta{ display: inline-block; width: 40px; height: 40px; background: transparent url('/imgs/picto/instagram.svg') 0% 0% no-repeat padding-box; } a.facebook{ display: inline-block; width: 40px; height: 40px; background: transparent url('/imgs/picto/facebook.svg') 0% 0% no-repeat padding-box; } a.youtube{ display: inline-block; width: 40px; height: 40px; background: transparent url('/imgs/picto/youtube.svg') 0% 0% no-repeat padding-box; } a.twitter{ display: inline-block; width: 40px; height: 40px; background: transparent url('/imgs/picto/twitter.svg') 0% 0% no-repeat padding-box; } .etoile{ background: transparent url('/imgs/picto/stars.jpg') 0% 0% no-repeat padding-box; width: 10px; height: 11px; position: absolute; top: 0px; left: 0px; } .pos-1{ top: 10%; left: 15%; } .pos-2{ top: 20%; left: 5%; } .pos-3{ top: 20%; left: 75%; } .pos-4{ top: 5%; left: 100%; } .pos-5{ top: 75%; left: 0%; } .pos-6{ top: 80%; left: 50%; } .pos-7{ top: 85%; left: 70%; } .pos-8{ top: 50%; left: 95%; } .pos-9{ top: 60%; left: 90%; } .text-company{ padding: 30px 0; } .text-company img{ display: inline-block; width: 100%; } .bot a{ display: inline-flex; padding: 2.5px 10px; } .bot a:hover{ background: transparent linear-gradient(268deg, #0E8AFF 0%, #0000FF 100%) 0% 0% no-repeat padding-box; color: #FFF; } .marquee-rtl { max-width: 30em; overflow: hidden; } .marquee-rtl > :first-child { display: inline-block; /* modèle de boîte en ligne */ padding-right: 2em; /* un peu d'espace pour la transition */ padding-left: 100%; /* placement à droite du conteneur */ white-space: nowrap; /* pas de passage à la ligne */ animation: defilement-rtl 15s infinite linear; } @keyframes defilement-rtl { 0% { transform: translate3d(0,0,0); /* position initiale à droite */ } 100% { transform: translate3d(-100%,0,0); /* position finale à gauche */ } } .rotation{ animation: rotateImage 4s infinite; /* 4s pour 2s de rotation et 2s de pause */ } @keyframes rotateImage { 0% { transform: rotate(0deg); } 25% { transform: rotate(180deg); } 50% { transform: rotate(180deg); } 75% { transform: rotate(360deg); } 100% { transform: rotate(360deg); } } .bg-perso{ background: url('/imgs/bg-perso.png') center no-repeat; min-height: 270px; } .bg-store{ background: url('/imgs/le-store.png') center no-repeat; min-height: 270px; } .bg-bot{ background: url('/imgs/image-jeff-old-school.png') center bottom no-repeat; min-height: 270px; background-size: 100%; width: 100%; height: 600px; } #screen { position: relative; width: 100%; height: 250px; background-color: green; /* Couleur de fond */ box-shadow: inset 2px -2px 0px #FFFFFFBF, inset 0px 0px 6px #00000080; } #screen::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/imgs/scanlines.png') center no-repeat; opacity: 0.3; /* Opacité du background */ z-index: 1; } #scan, #bezel{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } #scan{ opacity: 50%; } #screen-content{ font-family: 'VT323'; padding: 50px; color: rgb(92,253,0); font-size: 20px; text-shadow: 1px 1px 2px rgb(150,167,124), 0 0 1em rgb(150,167,124), 0 0 0.2em rgb(150,167,124); } .cursor { display: inline-block; width: 1ch; /* Largeur du curseur (1 caractère) */ background: black; animation: blink 1s step-start 0s infinite; } @keyframes blink { from, to { background: transparent; } 50% { background: black; } } /* démineur */ .field {background: #888888; } .field .cell { width:24px; height:24px; cursor:pointer; background-image: url('/imgs/closed.svg'); background-size: 100%; touch-action: manipulation; } .field .cell.bomb { background-image: url('/imgs/mine_red.svg'); background-size: 100%; cursor:default; } .field .cell.clear { background-image: url('/imgs/type0.svg'); background-size: 100%; cursor:default; color: #0000FF; font-weight:bold; text-align:center; font-size: 20px; } .field .cell.marked { text-align:center; background-image: url('/imgs/flag.svg'); background-size: 100%; } .result{ padding: 20px 0; text-align: center; font-weight: 700; font-size: 1.5em; } .lSAction > a{ width: 50px!important; height: 50px!important; z-index: 99999!important; top: 40%!important; } .lSAction > .lSPrev{ left: 0px!important; } .lSAction > .lSNext{ right: 0px!important; } .lSAction img{ opacity: 0.8; } /********************* * LOADER * ********************/ .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em; } .loader { margin: 60px auto; font-size: 10px; position: relative; text-indent: -9999em; border-top: 1.1em solid rgba(0, 0, 0, 0.2); border-right: 1.1em solid rgba(0, 0, 0, 0.2); border-bottom: 1.1em solid rgba(0, 0, 0, 0.2); border-left: 1.1em solid #000; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: load8 1.1s infinite linear; animation: load8 1.1s infinite linear; } @-webkit-keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes load8 { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } #preloader { height: 100%; width: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000 url('/imgs/loader.jpg') top center no-repeat; z-index: 9999999; -webkit-background-size: cover; background-size: cover; } .spinner { margin: 100px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; } .spinner > div { background-color: #FFF; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; } .spinner.spec > div { background-color: #000; } .spinner.spec{ position: absolute; left: 50%; top: 40%; transform: translate(-35%,0); } .spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .lds-ripple { display: inline-block; position: relative; width: 80px; height: 80px; } .lds-ripple div { position: absolute; border: 4px solid #000; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .lds-ripple div:nth-child(2) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 36px; left: 36px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 72px; height: 72px; opacity: 0; } } h1,.h1{ font-size: 50px; font-weight: 600; } h2,.h2{ font-size: 38px; padding: 0 0 2vh 0; margin: 0px; font-size: 3em; color: var(--secondary-color); text-shadow: 0 2px 0 rgba(255, 255, 255, 1); } h2 span,.h2 span{ font-size: 20px; } h2.store{ font-size: 2.5rem; padding: 5vh 0 10vh; } .linkStd,.inputSub{ background-color: #fdc933; padding: 15px 25px; font-size: 1.3em; letter-spacing: 0.5px; line-height: 1em; display: inline-block; margin: 15px 0; color: #000; border: none; cursor: pointer; } .linkStd.linkStore{ font-family: OpenSansRegular, Arial, sans-serif; } .max_width { max-width: 1280px; margin: 0 auto; } .m0auto { margin: 0 auto; } p.text{ font-size: 16px; color: #000; line-height: 22px; margin: 0px; letter-spacing: 0.16px; padding: 10px 0; } .trait-blanc { position: relative; height: 100%; width: 100%; } .trait-blanc::before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background-color: white; transform: translateY(-50%); } a.btnStd{ text-transform: uppercase; font-weight: bold; font-size: 15px; letter-spacing: 1px; background-color: #fdc933; padding: 12px 15px 10px 15px; margin-top: 25px; margin-bottom: 25px; display: table; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } a.btnStd:hover{ margin-right: 10px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /* customizable snowflake styling */ .snowflake { color: #fff; font-size: 1em; font-family: Arial; text-shadow: 0 0 1px #000; } /********************* * NOEL * ********************/ @-webkit-keyframes snowflakes-fall { 0% { top: -10%; } 100% { top: 100%; } } @-webkit-keyframes snowflakes-shake { 0% { -webkit-transform: translateX(0px); transform: translateX(0px); } 50% { -webkit-transform: translateX(80px); transform: translateX(80px); } 100% { -webkit-transform: translateX(0px); transform: translateX(0px); } } @keyframes snowflakes-fall { 0% { top: -10%; } 100% { top: 100%; } } @keyframes snowflakes-shake { 0% { transform: translateX(0px); } 50% { transform: translateX(80px); } 100% { transform: translateX(0px); } } .snowflake { position: fixed; top: -10%; z-index: 9999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: default; -webkit-animation-name: snowflakes-fall, snowflakes-shake; -webkit-animation-duration: 10s, 3s; -webkit-animation-timing-function: linear, ease-in-out; -webkit-animation-iteration-count: infinite, infinite; -webkit-animation-play-state: running, running; animation-name: snowflakes-fall, snowflakes-shake; animation-duration: 10s, 3s; animation-timing-function: linear, ease-in-out; animation-iteration-count: infinite, infinite; animation-play-state: running, running; } .snowflake:nth-of-type(0) { left: 1%; -webkit-animation-delay: 0s, 0s; animation-delay: 0s, 0s; } .snowflake:nth-of-type(1) { left: 10%; -webkit-animation-delay: 1s, 1s; animation-delay: 1s, 1s; } .snowflake:nth-of-type(2) { left: 20%; -webkit-animation-delay: 6s, 0.5s; animation-delay: 6s, 0.5s; } .snowflake:nth-of-type(3) { left: 30%; -webkit-animation-delay: 4s, 2s; animation-delay: 4s, 2s; } .snowflake:nth-of-type(4) { left: 40%; -webkit-animation-delay: 2s, 2s; animation-delay: 2s, 2s; } .snowflake:nth-of-type(5) { left: 50%; -webkit-animation-delay: 8s, 3s; animation-delay: 8s, 3s; } .snowflake:nth-of-type(6) { left: 60%; -webkit-animation-delay: 6s, 2s; animation-delay: 6s, 2s; } .snowflake:nth-of-type(7) { left: 70%; -webkit-animation-delay: 2.5s, 1s; animation-delay: 2.5s, 1s; } .snowflake:nth-of-type(8) { left: 80%; -webkit-animation-delay: 1s, 0s; animation-delay: 1s, 0s; } .snowflake:nth-of-type(9) { left: 90%; -webkit-animation-delay: 3s, 1.5s; animation-delay: 3s, 1.5s; } .demo { font-family: 'Raleway', sans-serif; color:#fff; display: block; margin: 0 auto; padding: 15px 0; text-align: center; } .demo a{ font-family: 'Raleway', sans-serif; color: #000; } /********************* * FLEX * ********************/ .flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .flex.wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .justify-content-sb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-sa { -ms-flex-pack: distribute; justify-content: space-around; } .justify-content-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .flex-column{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .flex-wrap{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex-1 { -webkit-box-flex: 1; -ms-flex: 1 1 0px; flex: 1 1 0; } .flex-2 { -webkit-box-flex: 2; -ms-flex: 2 1 0px; flex: 2 1 0; } .flex-3 { -webkit-box-flex: 3; -ms-flex: 3 1 0px; flex: 3 1 0; } .flex-end{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .align-items-center{ -webkit-align-items: center; -ms-align-items: center; align-items: center; } .ae{ -webkit-align-items: end; -ms-align-items: end; align-items: end; } .justify-content-center{ -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; } .fb100{ flex-basis: 100%; } /************************* * PROGRESS BAR * ************************/ .progress { justify-content: flex-start; align-items: center; position: relative; display: flex; height: 30px; border-left: solid 1px #FFF; border-right: solid 1px #FFF; } .progress-value { box-shadow: 0 0px 20px 10px #3dffff; -webkit-border-top-right-radius: 100px; -webkit-border-bottom-right-radius: 100px; -moz-border-radius-topright: 100px; -moz-border-radius-bottomright: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; background: #FFF; height: 11px; width: 0; position: relative; z-index: 10; } .progress-value.complet{ box-shadow: 0 0px 20px 10px var(--neon-border-color-2); -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } .progress-value-anim { animation: load 3s normal forwards; } @keyframes load { 0% { width: 0; } 100% { width: var(--w); } } /************************* * BACK TO TOP * ************************/ #returnOnTop { bottom:1%; cursor: pointer; display: none; filter: alpha(opacity = 50); /* IE < 8 */ height: 38px; width: 38px; border-radius:50px; opacity: 1; position: fixed; right: 1%; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; z-index: 9999999; text-align: center; border: solid 1px #FFF; } #returnOnTop i{ position: relative; left: 3px; top: 7px; } #returnOnTop:hover { filter: alpha(opacity = 100); /* IE < 8 */ background: rgba(14,10,56,0.5); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /******************** * ANIM * */ @-webkit-keyframes blocOpacity { 0% { opacity: 0; } 100% { opacity: 100; } } @keyframes blocOpacity { 0% { opacity: 0; } 100% { opacity: 100; } } @-webkit-keyframes bloc1 { 0% { background-position: 0 0; opacity: 0; } 100% { background-position: -350px 0; opacity: 100; } } @keyframes bloc1 { 0% { background-position: 0 0; opacity: 0; } 100% { background-position: -350px 0; opacity: 100; } } @-webkit-keyframes bloc1Move { 0% { background-position: -350px 0; } 25% { background-position: -400px 0; } 75% { background-position: -300px 0; } 100% { background-position: -350px 0; } } @keyframes bloc1Move { 0% { background-position: -350px 0; } 25% { background-position: -400px 0; } 75% { background-position: -300px 0; } 100% { background-position: -350px 0; } } @-webkit-keyframes bloc2 { 0% {background-position: 0 0; opacity: 0; } 100% { background-position: -260px -175px; opacity: 100; } } @keyframes bloc2 { 0% {background-position: 0 0; opacity: 0; } 100% { background-position: -260px -175px; opacity: 100; } } @-webkit-keyframes bloc2Move { 0% { background-position: -260px -175px; } 25% { background-position: -310px -175px; } 75% { background-position: -210px -175px; } 100% { background-position: -260px -175px; } } @keyframes bloc2Move { 0% { background-position: -260px -175px; } 25% { background-position: -310px -175px; } 75% { background-position: -210px -175px; } 100% { background-position: -260px -175px; } } @-webkit-keyframes bloc3 { 0% {background-position: 0 0; opacity: 0; } 100% { background-position: -115px -80px; opacity: 100; } } @keyframes bloc3 { 0% {background-position: 0 0; opacity: 0; } 100% { background-position: -115px -80px; opacity: 100; } } @-webkit-keyframes bloc3Move { 0% { background-position: -115px -80px; } 25% { background-position: -165px -80px; } 75% { background-position: -65px -80px; } 100% { background-position: -115px -80px; } } @keyframes bloc3Move { 0% { background-position: -115px -80px; } 25% { background-position: -165px -80px; } 75% { background-position: -65px -80px; } 100% { background-position: -115px -80px; } } @-webkit-keyframes persoMove { 0% { width: 200px; height: 200px; } 100% { width: 130px; height: 130px; } } @keyframes persoMove { 0% { width: 200px; height: 200px; } 50% { width: 130px; height: 130px; } 100% { width: 200px; height: 200px; } } .jp_content{ overflow: hidden; } .blocInfos{ padding: 50px 0; width: 90%; margin: 0 auto; max-width: 1200px; } /**************************** * RESEAUX * */ .reseaux-sociaux{ max-width: 600px; margin: 0 auto; font-size: 4em; padding: 10px 20px; } .reseaux-sociaux a{ display: inline-flex; -webkit-box-shadow: 0px 0px 0px 10px rgba(0,0,0,.05); -moz-box-shadow: 0px 0px 0px 10px rgba(0,0,0,.05); -o-box-shadow: all 0.2s ease-out; box-shadow: 0px 0px 0px 10px rgba(0,0,0,.05); -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; } .jp_homeBot{ overflow: hidden; } .jp_homeBot .reseaux{ float: left; width: 33.333333333333333%; } .jp_homeBot .reseaux h3{ padding: 22px 0; margin: 0 auto; text-align: center; color: #F2AF27; } .jp_homeBot .reseaux h3 span{ font-size: 26px; } .jp_tabTr{ display: table-row; width: 100%; } .jp_tabTr i{ color: #F2AF27; font-size: 2em; margin: 0 auto; display: block; width: 25%; } .jp_tabTd{ display: table-cell; vertical-align: top; padding: 20px; font-size: 20px; } span.like, span.com, span.part, span.retweet, span.favoris{ display: block; text-align: right; white-space: nowrap; } span.like::after{ font-family: ''Font Awesome 5 Free''; content: ' \f164'; } span.com::after{ font-family: ''Font Awesome 5 Free''; content: ' \f27a'; } span.part::after{ font-family: ''Font Awesome 5 Free''; content: ' \f064'; } span.retweet::after{ font-family: ''Font Awesome 5 Free''; content: ' \f079'; } span.favoris::after{ font-family: ''Font Awesome 5 Free''; content: ' \f004'; } .reseaux{ flex-basis: 50%; } .reseaux .reseauxPad{ padding: 30px 20px; } .reseaux .txt{ font-size: 16px; } .reseaux h3{ text-align: center; } .reseaux .txt span{ font-size: 14px; color: #8D8F8F; } .jp_tabFb{ width: 70px; height: 70px; margin: 0 auto; position: relative; bottom: -30px; background: #000; border: solid 1px #F2AF27; -moz-border-radius: 45px; -webkit-border-radius: 45px; border-radius: 45px; text-align: center; } .jp_tabFb i{ font-size: 46px; color: #F2AF27; height: 40px; line-height: 68px; text-align: center; } /**************************** * VIDEO * */ .homeVid{ width: 100%; margin: 0 auto; } video { width: 100%; } /**************************** * BUTTON * */ .button{ text-align: center; cursor: pointer; display: block; color: #FFF; font-size: 1.5em; font-weight: 600; color: var(--secondary-color); z-index: 9999; position: relative; } .button:hover{ background: #EBEBEB!important; -moz-box-shadow: inset 2px -2px 0px #FFFFFFBF, inset 0px 0px 6px #00000080; -webkit-box-shadow: inset 2px -2px 0px #FFFFFFBF, inset 0px 0px 6px #00000080; box-shadow: inset 2px -2px 0px #FFFFFFBF, inset 0px 0px 6px #00000080; } .button.resa{ display: inline-block; margin: 20px 0 0 0; font-size: 28px; } .button.complet{ cursor: default; border: solid 3px var(--neon-border-color-2); color: var(--neon-border-color-2); } .button2{ line-height: 50px; height: 50px; text-align: center; margin-right: auto; margin-left: auto; width: 25%; cursor: pointer; display: block; color: #FFF; font-size: 32px; font-weight: bold; border: solid 1px #FFF; } .button2.w100{ width: auto; } .button12{ color: rgba(255,255,255,1); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; position: relative; border: 1px solid rgba(255,255,255,0.5); overflow: hidden; } .button12 a{ color: rgba(51,51,51,1); text-decoration: none; display: block; } .button12 span{ z-index: 2; display: block; position: absolute; width: 100%; height: 100%; color: #000; } .button12::before{ content: ''; position: absolute; top: 50px; left: 50%; width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-bottom: 190px solid rgba(255,255,255,0.25); z-index: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transform: translate(-50%,0px); } .button12::after{ content: ''; position: absolute; top: 50px; left: 50%; width: 0; height: 0; border-left: 100px solid transparent; border-right: 100px solid transparent; border-bottom: 190px solid rgba(255,255,255,0.25); z-index: 1; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; transform: translate(-50%,0px); } .button12::after{ -webkit-transition-delay: 0.2s; /* Safari */ transition-delay: 0.2s; } .button12:hover::before{ opacity: 1; -webkit-transform: translate(-50%,-190px); transform: translate(-50%,-190px); } .button12:hover::after{ opacity: 1; -webkit-transform: translate(-50%,-150px); transform: translate(-50%,-150px); } .w60{ width: 60%; } .w70{ width: 70%; } .mar0auto{ margin: 0 auto; } /************************ * TOP * */ #lightning{ background:transparent; position:absolute; bottom: -15px; left: 0px; } .jp_top{ width: 100%; padding: 20px 0; } .jp_topPad{ padding: 10px 0; max-width: 1200px; margin: 0 auto; } .contentMenuTop { width: 100%; } .menuTab { display: table; margin: 0 auto; width: 95%; } .menuRow {display: table-row; width: 100%; } .menuCell { display: table-cell; text-align: center; position: relative; } .menuCell.hidden{ display: none; } .menuTab .menuRow .menuCell.resp{ display: none; } .menuTab .menuRow .menuCell.resp a{ cursor:pointer; height:25px; line-height:25px; background: url('/imgs/picto/picto.menu.png') left center no-repeat; padding:0 0 0 35px; margin:0; color: #1dcfd1; display:block; text-align:right; font-size:14px; } .menuCell a { position: relative; display: inline-block; outline: none; color: #FFF; font-size: 16px; text-align: center; text-transform: uppercase; letter-spacing:1px; padding: 5px 10px; border:solid 2px transparent; font-weight: 600; } .menuCell a.none:hover, .menuCell a.none.sel { color: #fdc933; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } /******************************** * SCROLL DOWN * */ section { width: 100%; height: 100%; } .scrollDown a { position: absolute; bottom: 60px; z-index: 2; display: inline-block; /* -webkit-transform: translate(0, -50%); */ /* transform: translate(0, -50%); */ color: #FFFFFF; font : normal 400 20px/1 'dosis-extralight', sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; left: 50%; transform: translatex(-50%); } .scrollDown a:hover { opacity: .5; } #sectionScroll a { padding-top: 70px; } #sectionScroll a span { position: absolute; top: 0; left: 50%; width: 50px; height: 50px; margin-left: -20px; border-left: 5px solid #fff; border-bottom: 5px solid #fff; -webkit-transform: rotateZ(-45deg); transform: rotateZ(-45deg); -webkit-animation: sdb06 3s infinite; animation: sdb06 3s infinite; box-sizing: border-box; } @-webkit-keyframes sdb06 { 0% { -webkit-transform: rotateY(0) rotateZ(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px); opacity: 0; } } @keyframes sdb06 { 0% { transform: rotateY(0) rotateZ(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: rotateY(720deg) rotateZ(-45deg) translate(-20px, 20px); opacity: 0; } } /************************ * MID * */ .carre { height: 90px; width: 90px; background: #000; text-align: center; -ms-transform: rotate(45deg); /* Internet Explorer */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari et Chrome */ -o-transform: rotate(45deg); /* Opera */ transform: rotate(45deg); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } .spec .carre{ height: 70px; width: 70px; } .carre.complet { background: #F2AF27; } .carre.bientot { background: #F4F4F4; } body .carre.bientot span{ color: #000; } .carre.annule { background: #A00000; } .titre { position: relative; display: inline-block; font-size: 4em; color: var(--secondary-color); text-transform: uppercase; font-family: 'Pixellari', Arial, sans-serif; -webkit-text-stroke: 1px #FFF; /* Bordure blanche */ text-shadow: 3px 3px 0px #0000FF; /* Bordure bleue décalée */ font-weight: 600; } strong.titre{ font-size: 3em; } .titre span{ font-size: .5em; color: #FFF; text-transform: uppercase; text-shadow: none; -webkit-text-fill-color: initial; -moz-text-fill-color: initial; font-weight: 400; text-indent: 5px; display: inline-block; text-shadow:none; -webkit-text-stroke: 0px #FFF; /* Bordure blanche */ } h1.titre.spec{ font-style: italic; font-size: 3.3rem; color: #fdc933; } strong.titre span{ text-indent: 0px; } .blink{ animation: blinker 1s linear infinite; } .text-gradient { color: #FFF; } @keyframes blinker { 50% { opacity: 0; } } /******** * HALO * *******/ .halo { display: flex; justify-content: center; align-items: center; } .image-anim { opacity: 0; -webkit-animation: fullHalo 10s infinite; -moz-animation: fullHalo 10s infinite; animation: fullHalo 10s infinite; } @keyframes fullHalo { 0% { transform: scale(0.8) rotate(0deg); opacity: 1; } 20% { transform: scale(1) rotate(72deg); opacity: 0.8; } 50% { transform: scale(2.5) rotate(180deg); opacity: 1; } 80% { transform: scale(1) rotate(288deg); opacity: 0.8; } 100% { transform: scale(0.8) rotate(360deg); opacity: 1; } } /******** * BACKGROUND * *******/ /******* * STARS * */ #stars { width: 1px; height: 1px; background: transparent; box-shadow: 200px 511px #FFF , 476px 1348px #FFF , 1998px 611px #FFF , 1509px 60px #FFF , 1950px 726px #FFF , 1271px 718px #FFF , 150px 1833px #FFF , 1134px 273px #FFF , 1077px 243px #FFF , 1795px 227px #FFF , 1975px 236px #FFF , 444px 848px #FFF , 815px 627px #FFF , 1648px 1387px #FFF , 101px 310px #FFF , 810px 59px #FFF , 1650px 1854px #FFF , 685px 1914px #FFF , 1795px 1420px #FFF , 1204px 1483px #FFF , 810px 72px #FFF , 648px 897px #FFF , 19px 916px #FFF , 893px 298px #FFF , 1673px 1060px #FFF , 1010px 1433px #FFF , 1070px 982px #FFF , 1319px 867px #FFF , 466px 424px #FFF , 845px 519px #FFF , 1730px 83px #FFF , 1263px 1617px #FFF , 1988px 1561px #FFF , 1742px 146px #FFF , 1473px 62px #FFF , 1524px 1453px #FFF , 1432px 119px #FFF , 368px 1535px #FFF , 454px 1273px #FFF , 1205px 1614px #FFF , 766px 1238px #FFF , 486px 240px #FFF , 366px 478px #FFF , 618px 95px #FFF , 1583px 1566px #FFF , 508px 461px #FFF , 1480px 581px #FFF , 356px 63px #FFF , 167px 1704px #FFF , 1249px 1631px #FFF , 547px 2000px #FFF , 363px 675px #FFF , 1029px 1287px #FFF , 777px 822px #FFF , 264px 371px #FFF , 1821px 347px #FFF , 1019px 1058px #FFF , 1377px 1581px #FFF , 914px 1644px #FFF , 188px 1799px #FFF , 1884px 912px #FFF , 1811px 262px #FFF , 511px 901px #FFF , 1606px 1923px #FFF , 1172px 450px #FFF , 1212px 515px #FFF , 900px 615px #FFF , 67px 1227px #FFF , 51px 171px #FFF , 220px 580px #FFF , 1634px 84px #FFF , 166px 549px #FFF , 1652px 1969px #FFF , 1265px 173px #FFF , 934px 1099px #FFF , 1701px 1494px #FFF , 1182px 1158px #FFF , 143px 233px #FFF , 1105px 103px #FFF , 564px 605px #FFF , 693px 1764px #FFF , 1798px 455px #FFF , 6px 1204px #FFF , 166px 608px #FFF , 1309px 367px #FFF , 346px 417px #FFF , 974px 190px #FFF , 1628px 122px #FFF , 1607px 192px #FFF , 202px 919px #FFF , 224px 120px #FFF , 86px 38px #FFF , 1414px 554px #FFF , 1779px 1569px #FFF , 295px 493px #FFF , 661px 895px #FFF , 1671px 21px #FFF , 1186px 627px #FFF , 1853px 1823px #FFF , 57px 181px #FFF , 1954px 1112px #FFF , 1305px 1086px #FFF , 1347px 571px #FFF , 1692px 188px #FFF , 197px 1353px #FFF , 5px 188px #FFF , 954px 390px #FFF , 1677px 553px #FFF , 1302px 471px #FFF , 898px 357px #FFF , 1776px 1583px #FFF , 1316px 650px #FFF , 632px 1900px #FFF , 466px 440px #FFF , 1455px 1870px #FFF , 117px 235px #FFF , 879px 484px #FFF , 1959px 183px #FFF , 754px 1597px #FFF , 1703px 122px #FFF , 1732px 1213px #FFF , 1250px 41px #FFF , 1289px 791px #FFF , 486px 1634px #FFF , 1993px 1145px #FFF , 106px 770px #FFF , 154px 1521px #FFF , 187px 913px #FFF , 46px 864px #FFF , 1920px 299px #FFF , 868px 271px #FFF , 520px 1203px #FFF , 141px 1239px #FFF , 1241px 1979px #FFF , 1518px 401px #FFF , 1955px 1426px #FFF , 1354px 1506px #FFF , 1514px 287px #FFF , 598px 1987px #FFF , 1820px 1002px #FFF , 1173px 1632px #FFF , 853px 1125px #FFF , 571px 1226px #FFF , 799px 130px #FFF , 1170px 888px #FFF , 1784px 603px #FFF , 428px 1726px #FFF , 1526px 503px #FFF , 865px 11px #FFF , 1395px 1310px #FFF , 284px 228px #FFF , 1236px 1055px #FFF , 621px 1004px #FFF , 884px 576px #FFF , 928px 1261px #FFF , 1405px 1663px #FFF , 1693px 1664px #FFF , 1276px 872px #FFF , 1046px 1987px #FFF , 1954px 1594px #FFF , 1823px 1386px #FFF , 722px 1095px #FFF , 1391px 483px #FFF , 8px 1848px #FFF , 1223px 702px #FFF , 1578px 369px #FFF , 1009px 173px #FFF , 1833px 1438px #FFF , 1563px 1329px #FFF , 1526px 1805px #FFF , 1983px 1096px #FFF , 1968px 697px #FFF , 401px 176px #FFF , 1331px 432px #FFF , 1896px 22px #FFF , 323px 1760px #FFF , 1507px 547px #FFF , 1757px 477px #FFF , 1755px 402px #FFF , 963px 1949px #FFF , 634px 491px #FFF , 1113px 1027px #FFF , 1340px 1711px #FFF , 14px 343px #FFF , 37px 1588px #FFF , 816px 371px #FFF , 1580px 1926px #FFF , 477px 876px #FFF , 290px 947px #FFF , 1070px 578px #FFF , 137px 1611px #FFF , 1426px 168px #FFF , 471px 330px #FFF , 170px 352px #FFF , 1233px 1749px #FFF , 687px 531px #FFF , 1807px 1437px #FFF , 541px 1045px #FFF , 598px 1915px #FFF , 1120px 461px #FFF , 191px 947px #FFF , 908px 1943px #FFF , 385px 1202px #FFF , 724px 1927px #FFF , 1292px 253px #FFF , 766px 1774px #FFF , 724px 1193px #FFF , 27px 1630px #FFF , 125px 13px #FFF , 198px 1245px #FFF , 1020px 1621px #FFF , 1675px 8px #FFF , 941px 458px #FFF , 1508px 741px #FFF , 1766px 1852px #FFF , 1570px 256px #FFF , 704px 1597px #FFF , 102px 1377px #FFF , 1582px 531px #FFF , 509px 1456px #FFF , 1823px 1982px #FFF , 1584px 1413px #FFF , 1986px 1200px #FFF , 1502px 1612px #FFF , 874px 1138px #FFF , 332px 1356px #FFF , 1499px 258px #FFF , 1833px 1752px #FFF , 1388px 1053px #FFF , 1196px 160px #FFF , 857px 822px #FFF , 1454px 488px #FFF , 1859px 3px #FFF , 1282px 1395px #FFF , 1724px 409px #FFF , 812px 497px #FFF , 1458px 444px #FFF , 1501px 250px #FFF , 1766px 1830px #FFF , 1198px 1685px #FFF , 287px 1948px #FFF , 1064px 1384px #FFF , 952px 978px #FFF , 1672px 231px #FFF , 92px 1559px #FFF , 964px 435px #FFF , 422px 1233px #FFF , 168px 108px #FFF , 575px 189px #FFF , 845px 1512px #FFF , 1298px 645px #FFF , 1382px 1950px #FFF , 170px 204px #FFF , 1024px 1966px #FFF , 1876px 928px #FFF , 535px 1273px #FFF , 1405px 1110px #FFF , 988px 1624px #FFF , 1903px 1432px #FFF , 393px 992px #FFF , 1894px 1280px #FFF , 1856px 26px #FFF , 1226px 831px #FFF , 119px 1565px #FFF , 1837px 1740px #FFF , 1024px 133px #FFF , 1147px 778px #FFF , 1111px 1568px #FFF , 1666px 1074px #FFF , 342px 1121px #FFF , 208px 722px #FFF , 386px 180px #FFF , 599px 1751px #FFF , 466px 477px #FFF , 608px 1166px #FFF , 1824px 1789px #FFF , 567px 951px #FFF , 1459px 1011px #FFF , 678px 613px #FFF , 29px 1659px #FFF , 1661px 1538px #FFF , 797px 1697px #FFF , 983px 328px #FFF , 1554px 977px #FFF , 1464px 915px #FFF , 506px 1786px #FFF , 438px 681px #FFF , 1470px 390px #FFF , 1168px 983px #FFF , 1630px 214px #FFF , 512px 10px #FFF , 1338px 1665px #FFF , 270px 1990px #FFF , 1642px 1029px #FFF , 667px 1477px #FFF , 1247px 7px #FFF , 154px 1284px #FFF , 1979px 1023px #FFF , 1364px 1946px #FFF , 90px 1384px #FFF , 1813px 1592px #FFF , 262px 1802px #FFF , 160px 248px #FFF , 1145px 266px #FFF , 673px 1170px #FFF , 1947px 1065px #FFF , 427px 1204px #FFF , 1921px 479px #FFF , 1720px 1196px #FFF , 114px 1550px #FFF , 1883px 1228px #FFF , 1310px 249px #FFF , 355px 361px #FFF , 44px 1534px #FFF , 1216px 1637px #FFF , 1188px 1370px #FFF , 1505px 1343px #FFF , 1454px 866px #FFF , 402px 376px #FFF , 1475px 317px #FFF , 1003px 839px #FFF , 1870px 842px #FFF , 376px 63px #FFF , 852px 314px #FFF , 89px 1528px #FFF , 1965px 579px #FFF , 441px 1620px #FFF , 1619px 1399px #FFF , 1903px 1229px #FFF , 137px 383px #FFF , 252px 790px #FFF , 903px 112px #FFF , 1419px 1684px #FFF , 534px 1742px #FFF , 535px 410px #FFF , 630px 240px #FFF , 1757px 40px #FFF , 1284px 1964px #FFF , 1674px 20px #FFF , 60px 64px #FFF , 1777px 1038px #FFF , 916px 1391px #FFF , 1349px 1839px #FFF , 1196px 751px #FFF , 1850px 109px #FFF , 454px 102px #FFF , 592px 138px #FFF , 1319px 1431px #FFF , 768px 1218px #FFF , 1779px 1907px #FFF , 842px 1379px #FFF , 1096px 167px #FFF , 1251px 1892px #FFF , 1683px 1577px #FFF , 1116px 1004px #FFF , 1557px 553px #FFF , 1265px 966px #FFF , 605px 1867px #FFF , 573px 1305px #FFF , 1052px 447px #FFF , 823px 992px #FFF , 1818px 1919px #FFF , 972px 202px #FFF , 390px 1577px #FFF , 1764px 1792px #FFF , 985px 959px #FFF , 1740px 387px #FFF , 1167px 366px #FFF , 1775px 1039px #FFF , 758px 1043px #FFF , 1553px 352px #FFF , 396px 913px #FFF , 1452px 872px #FFF , 490px 1859px #FFF , 559px 1528px #FFF , 216px 1496px #FFF , 1658px 460px #FFF , 431px 1402px #FFF , 929px 347px #FFF , 205px 1317px #FFF , 1823px 1214px #FFF , 385px 1156px #FFF , 268px 384px #FFF , 1804px 328px #FFF , 1863px 1011px #FFF , 626px 1033px #FFF , 167px 1550px #FFF , 1260px 42px #FFF , 1548px 267px #FFF , 1637px 948px #FFF , 1394px 1807px #FFF , 1157px 944px #FFF , 64px 1130px #FFF , 393px 833px #FFF , 551px 131px #FFF , 1023px 1275px #FFF , 493px 360px #FFF , 1484px 1119px #FFF , 1723px 28px #FFF , 1778px 884px #FFF , 969px 1744px #FFF , 1170px 1129px #FFF , 1226px 1272px #FFF , 1202px 1138px #FFF , 845px 990px #FFF , 848px 434px #FFF , 1169px 1207px #FFF , 39px 1148px #FFF , 797px 1218px #FFF , 873px 1141px #FFF , 699px 422px #FFF , 1267px 1851px #FFF , 1144px 1507px #FFF , 304px 742px #FFF , 1360px 649px #FFF , 1934px 413px #FFF , 1544px 729px #FFF , 1154px 1285px #FFF , 291px 107px #FFF , 774px 1403px #FFF , 1149px 789px #FFF , 664px 417px #FFF , 1096px 104px #FFF , 1913px 856px #FFF , 129px 1908px #FFF , 1305px 1756px #FFF , 1435px 1699px #FFF , 1437px 530px #FFF , 1756px 1347px #FFF , 1365px 750px #FFF , 1096px 932px #FFF , 713px 1362px #FFF , 576px 373px #FFF , 1234px 1523px #FFF , 492px 416px #FFF , 429px 938px #FFF , 132px 160px #FFF , 893px 1716px #FFF , 1754px 194px #FFF , 1455px 1239px #FFF , 207px 686px #FFF , 1910px 121px #FFF , 1987px 1302px #FFF , 1098px 1449px #FFF , 1636px 149px #FFF , 536px 530px #FFF , 611px 985px #FFF , 4px 74px #FFF , 463px 130px #FFF , 593px 1991px #FFF , 139px 1235px #FFF , 1253px 615px #FFF , 1540px 1598px #FFF , 808px 429px #FFF , 1919px 1212px #FFF , 1161px 1689px #FFF , 357px 207px #FFF , 1215px 1424px #FFF , 1433px 752px #FFF , 1513px 858px #FFF , 896px 1159px #FFF , 1157px 1569px #FFF , 325px 27px #FFF , 1374px 1255px #FFF , 373px 75px #FFF , 1411px 959px #FFF , 228px 449px #FFF , 1473px 1809px #FFF , 794px 1256px #FFF , 904px 1430px #FFF , 1060px 1477px #FFF , 1423px 251px #FFF , 815px 389px #FFF , 991px 956px #FFF , 1102px 1905px #FFF , 1507px 649px #FFF , 1278px 1752px #FFF , 1192px 1800px #FFF , 1823px 1094px #FFF , 348px 1606px #FFF , 1596px 489px #FFF , 1123px 264px #FFF , 1780px 1956px #FFF , 277px 2px #FFF , 633px 252px #FFF , 1295px 1165px #FFF , 1979px 449px #FFF , 367px 1572px #FFF , 1135px 1294px #FFF , 696px 1481px #FFF , 79px 1955px #FFF , 18px 952px #FFF , 1444px 408px #FFF , 244px 1159px #FFF , 1977px 1690px #FFF , 197px 1723px #FFF , 696px 1331px #FFF , 1069px 477px #FFF , 636px 1908px #FFF , 1864px 837px #FFF , 13px 1495px #FFF , 1664px 899px #FFF , 1852px 717px #FFF , 1785px 1765px #FFF , 725px 959px #FFF , 82px 614px #FFF , 561px 670px #FFF , 550px 1761px #FFF , 1894px 1706px #FFF , 1203px 1487px #FFF , 239px 1152px #FFF , 120px 750px #FFF , 434px 1552px #FFF , 670px 1503px #FFF , 1439px 546px #FFF , 467px 1008px #FFF , 750px 1178px #FFF , 1650px 1259px #FFF , 1244px 637px #FFF , 1775px 1728px #FFF , 839px 1339px #FFF , 1396px 1242px #FFF , 333px 1865px #FFF , 1321px 313px #FFF , 1249px 1317px #FFF , 516px 312px #FFF , 836px 846px #FFF , 1190px 991px #FFF , 930px 1598px #FFF , 1050px 1816px #FFF , 806px 893px #FFF , 1818px 595px #FFF , 528px 588px #FFF , 148px 438px #FFF , 287px 1802px #FFF , 1442px 397px #FFF , 447px 272px #FFF , 629px 326px #FFF , 1598px 1285px #FFF , 748px 900px #FFF , 935px 907px #FFF , 1753px 1296px #FFF , 1703px 1813px #FFF , 649px 1898px #FFF , 161px 768px #FFF , 1283px 1880px #FFF , 320px 224px #FFF , 1951px 1965px #FFF , 1839px 623px #FFF , 27px 1089px #FFF , 1621px 208px #FFF , 100px 1051px #FFF , 1298px 1049px #FFF , 656px 829px #FFF , 345px 108px #FFF , 1515px 255px #FFF , 1186px 214px #FFF , 1657px 1587px #FFF , 269px 282px #FFF , 1263px 880px #FFF , 555px 151px #FFF , 1398px 1380px #FFF , 1045px 1935px #FFF , 746px 594px #FFF , 1675px 232px #FFF , 623px 489px #FFF , 1157px 1697px #FFF , 572px 307px #FFF , 242px 1922px #FFF , 663px 1390px #FFF , 172px 1299px #FFF , 493px 1906px #FFF , 153px 857px #FFF , 957px 1378px #FFF , 441px 1945px #FFF , 1683px 944px #FFF , 131px 425px #FFF , 1679px 1999px #FFF , 80px 1876px #FFF , 39px 525px #FFF , 230px 1031px #FFF , 1608px 1218px #FFF , 969px 359px #FFF , 1772px 804px #FFF , 87px 1384px #FFF , 2000px 1441px #FFF , 246px 432px #FFF , 458px 86px #FFF , 1631px 1091px #FFF , 1628px 1111px #FFF , 330px 1417px #FFF , 1468px 1150px #FFF , 1247px 15px #FFF , 340px 1010px #FFF , 386px 440px #FFF , 1026px 706px #FFF , 1108px 1661px #FFF , 675px 1117px #FFF , 178px 868px #FFF , 803px 1840px #FFF , 1195px 1035px #FFF , 1047px 1806px #FFF , 260px 299px #FFF , 1147px 853px #FFF , 1872px 392px #FFF , 45px 945px #FFF , 1118px 1251px #FFF , 1535px 1845px #FFF , 1578px 1836px #FFF , 592px 1376px #FFF , 1021px 1200px #FFF , 613px 1166px #FFF , 1722px 1009px #FFF , 78px 350px #FFF , 1769px 1189px #FFF , 1862px 1118px #FFF , 270px 806px #FFF , 414px 1757px #FFF , 954px 1543px #FFF , 1337px 1750px #FFF , 925px 1598px #FFF , 960px 706px #FFF , 768px 1844px #FFF , 1780px 1331px #FFF , 412px 1650px #FFF , 1722px 1075px #FFF , 1009px 1800px #FFF , 1542px 1611px #FFF , 1381px 1371px #FFF , 416px 783px #FFF , 1030px 1915px #FFF , 141px 758px #FFF , 239px 1909px #FFF , 1373px 993px #FFF , 79px 733px #FFF , 1203px 778px #FFF , 318px 156px #FFF , 1265px 520px #FFF , 684px 893px #FFF , 1619px 401px #FFF , 1821px 1290px #FFF , 1859px 1897px #FFF , 781px 1470px #FFF , 708px 530px #FFF , 84px 1608px #FFF , 1628px 1594px #FFF , 1629px 57px #FFF , 981px 1695px #FFF , 456px 182px #FFF , 1060px 1506px #FFF , 1917px 1195px #FFF , 1316px 1704px #FFF , 1454px 1571px #FFF , 589px 1740px #FFF , 1257px 280px #FFF , 350px 221px #FFF , 290px 1995px #FFF , 566px 648px #FFF , 933px 1680px #FFF , 1699px 1573px #FFF , 1968px 1145px #FFF , 1604px 598px #FFF , 897px 997px #FFF , 1378px 322px #FFF , 1503px 1699px #FFF , 1327px 87px #FFF , 305px 1941px #FFF , 1869px 1904px #FFF , 1171px 766px #FFF , 127px 1728px #FFF , 1570px 1461px #FFF , 1394px 1928px #FFF , 1315px 1608px #FFF , 926px 422px #FFF , 1105px 1967px #FFF , 1070px 33px #FFF , 600px 706px #FFF , 1461px 647px #FFF , 1236px 1559px #FFF , 1829px 188px #FFF , 1608px 331px #FFF , 209px 1980px #FFF , 868px 1140px #FFF , 1450px 297px #FFF , 119px 632px #FFF , 1445px 1181px #FFF , 200px 387px #FFF , 300px 584px #FFF , 959px 1705px #FFF , 1352px 504px #FFF , 528px 1964px #FFF , 1018px 439px #FFF , 1818px 1585px #FFF , 540px 1250px #FFF , 616px 607px #FFF , 350px 1906px #FFF , 283px 1519px #FFF , 1502px 1003px #FFF , 1494px 1254px #FFF , 885px 375px #FFF; animation: animStar 200s linear infinite; } #stars:after { content: " "; position: absolute; top: 2000px; width: 1px; height: 1px; background: transparent; box-shadow: 200px 511px #FFF , 476px 1348px #FFF , 1998px 611px #FFF , 1509px 60px #FFF , 1950px 726px #FFF , 1271px 718px #FFF , 150px 1833px #FFF , 1134px 273px #FFF , 1077px 243px #FFF , 1795px 227px #FFF , 1975px 236px #FFF , 444px 848px #FFF , 815px 627px #FFF , 1648px 1387px #FFF , 101px 310px #FFF , 810px 59px #FFF , 1650px 1854px #FFF , 685px 1914px #FFF , 1795px 1420px #FFF , 1204px 1483px #FFF , 810px 72px #FFF , 648px 897px #FFF , 19px 916px #FFF , 893px 298px #FFF , 1673px 1060px #FFF , 1010px 1433px #FFF , 1070px 982px #FFF , 1319px 867px #FFF , 466px 424px #FFF , 845px 519px #FFF , 1730px 83px #FFF , 1263px 1617px #FFF , 1988px 1561px #FFF , 1742px 146px #FFF , 1473px 62px #FFF , 1524px 1453px #FFF , 1432px 119px #FFF , 368px 1535px #FFF , 454px 1273px #FFF , 1205px 1614px #FFF , 766px 1238px #FFF , 486px 240px #FFF , 366px 478px #FFF , 618px 95px #FFF , 1583px 1566px #FFF , 508px 461px #FFF , 1480px 581px #FFF , 356px 63px #FFF , 167px 1704px #FFF , 1249px 1631px #FFF , 547px 2000px #FFF , 363px 675px #FFF , 1029px 1287px #FFF , 777px 822px #FFF , 264px 371px #FFF , 1821px 347px #FFF , 1019px 1058px #FFF , 1377px 1581px #FFF , 914px 1644px #FFF , 188px 1799px #FFF , 1884px 912px #FFF , 1811px 262px #FFF , 511px 901px #FFF , 1606px 1923px #FFF , 1172px 450px #FFF , 1212px 515px #FFF , 900px 615px #FFF , 67px 1227px #FFF , 51px 171px #FFF , 220px 580px #FFF , 1634px 84px #FFF , 166px 549px #FFF , 1652px 1969px #FFF , 1265px 173px #FFF , 934px 1099px #FFF , 1701px 1494px #FFF , 1182px 1158px #FFF , 143px 233px #FFF , 1105px 103px #FFF , 564px 605px #FFF , 693px 1764px #FFF , 1798px 455px #FFF , 6px 1204px #FFF , 166px 608px #FFF , 1309px 367px #FFF , 346px 417px #FFF , 974px 190px #FFF , 1628px 122px #FFF , 1607px 192px #FFF , 202px 919px #FFF , 224px 120px #FFF , 86px 38px #FFF , 1414px 554px #FFF , 1779px 1569px #FFF , 295px 493px #FFF , 661px 895px #FFF , 1671px 21px #FFF , 1186px 627px #FFF , 1853px 1823px #FFF , 57px 181px #FFF , 1954px 1112px #FFF , 1305px 1086px #FFF , 1347px 571px #FFF , 1692px 188px #FFF , 197px 1353px #FFF , 5px 188px #FFF , 954px 390px #FFF , 1677px 553px #FFF , 1302px 471px #FFF , 898px 357px #FFF , 1776px 1583px #FFF , 1316px 650px #FFF , 632px 1900px #FFF , 466px 440px #FFF , 1455px 1870px #FFF , 117px 235px #FFF , 879px 484px #FFF , 1959px 183px #FFF , 754px 1597px #FFF , 1703px 122px #FFF , 1732px 1213px #FFF , 1250px 41px #FFF , 1289px 791px #FFF , 486px 1634px #FFF , 1993px 1145px #FFF , 106px 770px #FFF , 154px 1521px #FFF , 187px 913px #FFF , 46px 864px #FFF , 1920px 299px #FFF , 868px 271px #FFF , 520px 1203px #FFF , 141px 1239px #FFF , 1241px 1979px #FFF , 1518px 401px #FFF , 1955px 1426px #FFF , 1354px 1506px #FFF , 1514px 287px #FFF , 598px 1987px #FFF , 1820px 1002px #FFF , 1173px 1632px #FFF , 853px 1125px #FFF , 571px 1226px #FFF , 799px 130px #FFF , 1170px 888px #FFF , 1784px 603px #FFF , 428px 1726px #FFF , 1526px 503px #FFF , 865px 11px #FFF , 1395px 1310px #FFF , 284px 228px #FFF , 1236px 1055px #FFF , 621px 1004px #FFF , 884px 576px #FFF , 928px 1261px #FFF , 1405px 1663px #FFF , 1693px 1664px #FFF , 1276px 872px #FFF , 1046px 1987px #FFF , 1954px 1594px #FFF , 1823px 1386px #FFF , 722px 1095px #FFF , 1391px 483px #FFF , 8px 1848px #FFF , 1223px 702px #FFF , 1578px 369px #FFF , 1009px 173px #FFF , 1833px 1438px #FFF , 1563px 1329px #FFF , 1526px 1805px #FFF , 1983px 1096px #FFF , 1968px 697px #FFF , 401px 176px #FFF , 1331px 432px #FFF , 1896px 22px #FFF , 323px 1760px #FFF , 1507px 547px #FFF , 1757px 477px #FFF , 1755px 402px #FFF , 963px 1949px #FFF , 634px 491px #FFF , 1113px 1027px #FFF , 1340px 1711px #FFF , 14px 343px #FFF , 37px 1588px #FFF , 816px 371px #FFF , 1580px 1926px #FFF , 477px 876px #FFF , 290px 947px #FFF , 1070px 578px #FFF , 137px 1611px #FFF , 1426px 168px #FFF , 471px 330px #FFF , 170px 352px #FFF , 1233px 1749px #FFF , 687px 531px #FFF , 1807px 1437px #FFF , 541px 1045px #FFF , 598px 1915px #FFF , 1120px 461px #FFF , 191px 947px #FFF , 908px 1943px #FFF , 385px 1202px #FFF , 724px 1927px #FFF , 1292px 253px #FFF , 766px 1774px #FFF , 724px 1193px #FFF , 27px 1630px #FFF , 125px 13px #FFF , 198px 1245px #FFF , 1020px 1621px #FFF , 1675px 8px #FFF , 941px 458px #FFF , 1508px 741px #FFF , 1766px 1852px #FFF , 1570px 256px #FFF , 704px 1597px #FFF , 102px 1377px #FFF , 1582px 531px #FFF , 509px 1456px #FFF , 1823px 1982px #FFF , 1584px 1413px #FFF , 1986px 1200px #FFF , 1502px 1612px #FFF , 874px 1138px #FFF , 332px 1356px #FFF , 1499px 258px #FFF , 1833px 1752px #FFF , 1388px 1053px #FFF , 1196px 160px #FFF , 857px 822px #FFF , 1454px 488px #FFF , 1859px 3px #FFF , 1282px 1395px #FFF , 1724px 409px #FFF , 812px 497px #FFF , 1458px 444px #FFF , 1501px 250px #FFF , 1766px 1830px #FFF , 1198px 1685px #FFF , 287px 1948px #FFF , 1064px 1384px #FFF , 952px 978px #FFF , 1672px 231px #FFF , 92px 1559px #FFF , 964px 435px #FFF , 422px 1233px #FFF , 168px 108px #FFF , 575px 189px #FFF , 845px 1512px #FFF , 1298px 645px #FFF , 1382px 1950px #FFF , 170px 204px #FFF , 1024px 1966px #FFF , 1876px 928px #FFF , 535px 1273px #FFF , 1405px 1110px #FFF , 988px 1624px #FFF , 1903px 1432px #FFF , 393px 992px #FFF , 1894px 1280px #FFF , 1856px 26px #FFF , 1226px 831px #FFF , 119px 1565px #FFF , 1837px 1740px #FFF , 1024px 133px #FFF , 1147px 778px #FFF , 1111px 1568px #FFF , 1666px 1074px #FFF , 342px 1121px #FFF , 208px 722px #FFF , 386px 180px #FFF , 599px 1751px #FFF , 466px 477px #FFF , 608px 1166px #FFF , 1824px 1789px #FFF , 567px 951px #FFF , 1459px 1011px #FFF , 678px 613px #FFF , 29px 1659px #FFF , 1661px 1538px #FFF , 797px 1697px #FFF , 983px 328px #FFF , 1554px 977px #FFF , 1464px 915px #FFF , 506px 1786px #FFF , 438px 681px #FFF , 1470px 390px #FFF , 1168px 983px #FFF , 1630px 214px #FFF , 512px 10px #FFF , 1338px 1665px #FFF , 270px 1990px #FFF , 1642px 1029px #FFF , 667px 1477px #FFF , 1247px 7px #FFF , 154px 1284px #FFF , 1979px 1023px #FFF , 1364px 1946px #FFF , 90px 1384px #FFF , 1813px 1592px #FFF , 262px 1802px #FFF , 160px 248px #FFF , 1145px 266px #FFF , 673px 1170px #FFF , 1947px 1065px #FFF , 427px 1204px #FFF , 1921px 479px #FFF , 1720px 1196px #FFF , 114px 1550px #FFF , 1883px 1228px #FFF , 1310px 249px #FFF , 355px 361px #FFF , 44px 1534px #FFF , 1216px 1637px #FFF , 1188px 1370px #FFF , 1505px 1343px #FFF , 1454px 866px #FFF , 402px 376px #FFF , 1475px 317px #FFF , 1003px 839px #FFF , 1870px 842px #FFF , 376px 63px #FFF , 852px 314px #FFF , 89px 1528px #FFF , 1965px 579px #FFF , 441px 1620px #FFF , 1619px 1399px #FFF , 1903px 1229px #FFF , 137px 383px #FFF , 252px 790px #FFF , 903px 112px #FFF , 1419px 1684px #FFF , 534px 1742px #FFF , 535px 410px #FFF , 630px 240px #FFF , 1757px 40px #FFF , 1284px 1964px #FFF , 1674px 20px #FFF , 60px 64px #FFF , 1777px 1038px #FFF , 916px 1391px #FFF , 1349px 1839px #FFF , 1196px 751px #FFF , 1850px 109px #FFF , 454px 102px #FFF , 592px 138px #FFF , 1319px 1431px #FFF , 768px 1218px #FFF , 1779px 1907px #FFF , 842px 1379px #FFF , 1096px 167px #FFF , 1251px 1892px #FFF , 1683px 1577px #FFF , 1116px 1004px #FFF , 1557px 553px #FFF , 1265px 966px #FFF , 605px 1867px #FFF , 573px 1305px #FFF , 1052px 447px #FFF , 823px 992px #FFF , 1818px 1919px #FFF , 972px 202px #FFF , 390px 1577px #FFF , 1764px 1792px #FFF , 985px 959px #FFF , 1740px 387px #FFF , 1167px 366px #FFF , 1775px 1039px #FFF , 758px 1043px #FFF , 1553px 352px #FFF , 396px 913px #FFF , 1452px 872px #FFF , 490px 1859px #FFF , 559px 1528px #FFF , 216px 1496px #FFF , 1658px 460px #FFF , 431px 1402px #FFF , 929px 347px #FFF , 205px 1317px #FFF , 1823px 1214px #FFF , 385px 1156px #FFF , 268px 384px #FFF , 1804px 328px #FFF , 1863px 1011px #FFF , 626px 1033px #FFF , 167px 1550px #FFF , 1260px 42px #FFF , 1548px 267px #FFF , 1637px 948px #FFF , 1394px 1807px #FFF , 1157px 944px #FFF , 64px 1130px #FFF , 393px 833px #FFF , 551px 131px #FFF , 1023px 1275px #FFF , 493px 360px #FFF , 1484px 1119px #FFF , 1723px 28px #FFF , 1778px 884px #FFF , 969px 1744px #FFF , 1170px 1129px #FFF , 1226px 1272px #FFF , 1202px 1138px #FFF , 845px 990px #FFF , 848px 434px #FFF , 1169px 1207px #FFF , 39px 1148px #FFF , 797px 1218px #FFF , 873px 1141px #FFF , 699px 422px #FFF , 1267px 1851px #FFF , 1144px 1507px #FFF , 304px 742px #FFF , 1360px 649px #FFF , 1934px 413px #FFF , 1544px 729px #FFF , 1154px 1285px #FFF , 291px 107px #FFF , 774px 1403px #FFF , 1149px 789px #FFF , 664px 417px #FFF , 1096px 104px #FFF , 1913px 856px #FFF , 129px 1908px #FFF , 1305px 1756px #FFF , 1435px 1699px #FFF , 1437px 530px #FFF , 1756px 1347px #FFF , 1365px 750px #FFF , 1096px 932px #FFF , 713px 1362px #FFF , 576px 373px #FFF , 1234px 1523px #FFF , 492px 416px #FFF , 429px 938px #FFF , 132px 160px #FFF , 893px 1716px #FFF , 1754px 194px #FFF , 1455px 1239px #FFF , 207px 686px #FFF , 1910px 121px #FFF , 1987px 1302px #FFF , 1098px 1449px #FFF , 1636px 149px #FFF , 536px 530px #FFF , 611px 985px #FFF , 4px 74px #FFF , 463px 130px #FFF , 593px 1991px #FFF , 139px 1235px #FFF , 1253px 615px #FFF , 1540px 1598px #FFF , 808px 429px #FFF , 1919px 1212px #FFF , 1161px 1689px #FFF , 357px 207px #FFF , 1215px 1424px #FFF , 1433px 752px #FFF , 1513px 858px #FFF , 896px 1159px #FFF , 1157px 1569px #FFF , 325px 27px #FFF , 1374px 1255px #FFF , 373px 75px #FFF , 1411px 959px #FFF , 228px 449px #FFF , 1473px 1809px #FFF , 794px 1256px #FFF , 904px 1430px #FFF , 1060px 1477px #FFF , 1423px 251px #FFF , 815px 389px #FFF , 991px 956px #FFF , 1102px 1905px #FFF , 1507px 649px #FFF , 1278px 1752px #FFF , 1192px 1800px #FFF , 1823px 1094px #FFF , 348px 1606px #FFF , 1596px 489px #FFF , 1123px 264px #FFF , 1780px 1956px #FFF , 277px 2px #FFF , 633px 252px #FFF , 1295px 1165px #FFF , 1979px 449px #FFF , 367px 1572px #FFF , 1135px 1294px #FFF , 696px 1481px #FFF , 79px 1955px #FFF , 18px 952px #FFF , 1444px 408px #FFF , 244px 1159px #FFF , 1977px 1690px #FFF , 197px 1723px #FFF , 696px 1331px #FFF , 1069px 477px #FFF , 636px 1908px #FFF , 1864px 837px #FFF , 13px 1495px #FFF , 1664px 899px #FFF , 1852px 717px #FFF , 1785px 1765px #FFF , 725px 959px #FFF , 82px 614px #FFF , 561px 670px #FFF , 550px 1761px #FFF , 1894px 1706px #FFF , 1203px 1487px #FFF , 239px 1152px #FFF , 120px 750px #FFF , 434px 1552px #FFF , 670px 1503px #FFF , 1439px 546px #FFF , 467px 1008px #FFF , 750px 1178px #FFF , 1650px 1259px #FFF , 1244px 637px #FFF , 1775px 1728px #FFF , 839px 1339px #FFF , 1396px 1242px #FFF , 333px 1865px #FFF , 1321px 313px #FFF , 1249px 1317px #FFF , 516px 312px #FFF , 836px 846px #FFF , 1190px 991px #FFF , 930px 1598px #FFF , 1050px 1816px #FFF , 806px 893px #FFF , 1818px 595px #FFF , 528px 588px #FFF , 148px 438px #FFF , 287px 1802px #FFF , 1442px 397px #FFF , 447px 272px #FFF , 629px 326px #FFF , 1598px 1285px #FFF , 748px 900px #FFF , 935px 907px #FFF , 1753px 1296px #FFF , 1703px 1813px #FFF , 649px 1898px #FFF , 161px 768px #FFF , 1283px 1880px #FFF , 320px 224px #FFF , 1951px 1965px #FFF , 1839px 623px #FFF , 27px 1089px #FFF , 1621px 208px #FFF , 100px 1051px #FFF , 1298px 1049px #FFF , 656px 829px #FFF , 345px 108px #FFF , 1515px 255px #FFF , 1186px 214px #FFF , 1657px 1587px #FFF , 269px 282px #FFF , 1263px 880px #FFF , 555px 151px #FFF , 1398px 1380px #FFF , 1045px 1935px #FFF , 746px 594px #FFF , 1675px 232px #FFF , 623px 489px #FFF , 1157px 1697px #FFF , 572px 307px #FFF , 242px 1922px #FFF , 663px 1390px #FFF , 172px 1299px #FFF , 493px 1906px #FFF , 153px 857px #FFF , 957px 1378px #FFF , 441px 1945px #FFF , 1683px 944px #FFF , 131px 425px #FFF , 1679px 1999px #FFF , 80px 1876px #FFF , 39px 525px #FFF , 230px 1031px #FFF , 1608px 1218px #FFF , 969px 359px #FFF , 1772px 804px #FFF , 87px 1384px #FFF , 2000px 1441px #FFF , 246px 432px #FFF , 458px 86px #FFF , 1631px 1091px #FFF , 1628px 1111px #FFF , 330px 1417px #FFF , 1468px 1150px #FFF , 1247px 15px #FFF , 340px 1010px #FFF , 386px 440px #FFF , 1026px 706px #FFF , 1108px 1661px #FFF , 675px 1117px #FFF , 178px 868px #FFF , 803px 1840px #FFF , 1195px 1035px #FFF , 1047px 1806px #FFF , 260px 299px #FFF , 1147px 853px #FFF , 1872px 392px #FFF , 45px 945px #FFF , 1118px 1251px #FFF , 1535px 1845px #FFF , 1578px 1836px #FFF , 592px 1376px #FFF , 1021px 1200px #FFF , 613px 1166px #FFF , 1722px 1009px #FFF , 78px 350px #FFF , 1769px 1189px #FFF , 1862px 1118px #FFF , 270px 806px #FFF , 414px 1757px #FFF , 954px 1543px #FFF , 1337px 1750px #FFF , 925px 1598px #FFF , 960px 706px #FFF , 768px 1844px #FFF , 1780px 1331px #FFF , 412px 1650px #FFF , 1722px 1075px #FFF , 1009px 1800px #FFF , 1542px 1611px #FFF , 1381px 1371px #FFF , 416px 783px #FFF , 1030px 1915px #FFF , 141px 758px #FFF , 239px 1909px #FFF , 1373px 993px #FFF , 79px 733px #FFF , 1203px 778px #FFF , 318px 156px #FFF , 1265px 520px #FFF , 684px 893px #FFF , 1619px 401px #FFF , 1821px 1290px #FFF , 1859px 1897px #FFF , 781px 1470px #FFF , 708px 530px #FFF , 84px 1608px #FFF , 1628px 1594px #FFF , 1629px 57px #FFF , 981px 1695px #FFF , 456px 182px #FFF , 1060px 1506px #FFF , 1917px 1195px #FFF , 1316px 1704px #FFF , 1454px 1571px #FFF , 589px 1740px #FFF , 1257px 280px #FFF , 350px 221px #FFF , 290px 1995px #FFF , 566px 648px #FFF , 933px 1680px #FFF , 1699px 1573px #FFF , 1968px 1145px #FFF , 1604px 598px #FFF , 897px 997px #FFF , 1378px 322px #FFF , 1503px 1699px #FFF , 1327px 87px #FFF , 305px 1941px #FFF , 1869px 1904px #FFF , 1171px 766px #FFF , 127px 1728px #FFF , 1570px 1461px #FFF , 1394px 1928px #FFF , 1315px 1608px #FFF , 926px 422px #FFF , 1105px 1967px #FFF , 1070px 33px #FFF , 600px 706px #FFF , 1461px 647px #FFF , 1236px 1559px #FFF , 1829px 188px #FFF , 1608px 331px #FFF , 209px 1980px #FFF , 868px 1140px #FFF , 1450px 297px #FFF , 119px 632px #FFF , 1445px 1181px #FFF , 200px 387px #FFF , 300px 584px #FFF , 959px 1705px #FFF , 1352px 504px #FFF , 528px 1964px #FFF , 1018px 439px #FFF , 1818px 1585px #FFF , 540px 1250px #FFF , 616px 607px #FFF , 350px 1906px #FFF , 283px 1519px #FFF , 1502px 1003px #FFF , 1494px 1254px #FFF , 885px 375px #FFF; } #stars2 { width: 2px; height: 2px; background: transparent; box-shadow: 1898px 431px #FFF , 745px 944px #FFF , 1644px 1585px #FFF , 1793px 1871px #FFF , 1989px 282px #FFF , 1062px 1320px #FFF , 1788px 1308px #FFF , 267px 410px #FFF , 1988px 10px #FFF , 112px 1839px #FFF , 419px 1569px #FFF , 1679px 1394px #FFF , 734px 1038px #FFF , 472px 1348px #FFF , 1280px 215px #FFF , 1180px 99px #FFF , 1558px 1119px #FFF , 1359px 430px #FFF , 1719px 862px #FFF , 316px 1816px #FFF , 467px 1156px #FFF , 992px 1909px #FFF , 499px 1259px #FFF , 1645px 1223px #FFF , 689px 1159px #FFF , 609px 933px #FFF , 1957px 63px #FFF , 1295px 1px #FFF , 1836px 1419px #FFF , 29px 1387px #FFF , 219px 678px #FFF , 363px 1357px #FFF , 940px 1041px #FFF , 973px 625px #FFF , 1214px 1113px #FFF , 422px 790px #FFF , 1757px 1149px #FFF , 1499px 948px #FFF , 467px 1562px #FFF , 1415px 1569px #FFF , 1089px 35px #FFF , 381px 1839px #FFF , 4px 1292px #FFF , 982px 373px #FFF , 971px 1114px #FFF , 1505px 1971px #FFF , 1366px 491px #FFF , 1243px 109px #FFF , 1271px 947px #FFF , 637px 1176px #FFF , 1074px 1600px #FFF , 413px 760px #FFF , 221px 1842px #FFF , 1038px 1817px #FFF , 1319px 1729px #FFF , 902px 1034px #FFF , 671px 820px #FFF , 281px 536px #FFF , 1473px 101px #FFF , 1622px 341px #FFF , 1607px 484px #FFF , 1112px 685px #FFF , 350px 1022px #FFF , 87px 105px #FFF , 758px 1920px #FFF , 342px 1097px #FFF , 1194px 1021px #FFF , 632px 1553px #FFF , 1788px 608px #FFF , 1724px 523px #FFF , 978px 1714px #FFF , 859px 1945px #FFF , 15px 825px #FFF , 1014px 103px #FFF , 642px 1211px #FFF , 733px 25px #FFF , 1011px 580px #FFF , 1013px 1564px #FFF , 935px 900px #FFF , 408px 1341px #FFF , 374px 606px #FFF , 1px 649px #FFF , 1408px 1568px #FFF , 1577px 296px #FFF , 1955px 1610px #FFF , 1603px 222px #FFF , 1517px 69px #FFF , 1591px 1799px #FFF , 818px 1551px #FFF , 189px 1321px #FFF , 369px 1097px #FFF , 573px 1343px #FFF , 328px 1562px #FFF , 1296px 1736px #FFF , 696px 954px #FFF , 1583px 1396px #FFF , 1303px 755px #FFF , 1957px 845px #FFF , 1906px 696px #FFF , 1771px 1173px #FFF , 277px 1953px #FFF , 1253px 641px #FFF , 46px 354px #FFF , 1330px 107px #FFF , 852px 1243px #FFF , 1558px 880px #FFF , 1028px 890px #FFF , 1250px 1604px #FFF , 1257px 698px #FFF , 601px 432px #FFF , 77px 1849px #FFF , 1512px 1719px #FFF , 244px 773px #FFF , 1590px 1765px #FFF , 1880px 1361px #FFF , 668px 1328px #FFF , 1916px 1217px #FFF , 349px 1916px #FFF , 171px 1723px #FFF , 701px 1216px #FFF , 1473px 813px #FFF , 895px 652px #FFF , 1189px 167px #FFF , 807px 377px #FFF , 40px 936px #FFF , 1863px 1905px #FFF , 559px 957px #FFF , 1934px 1711px #FFF , 744px 883px #FFF , 899px 1479px #FFF , 963px 892px #FFF , 353px 1412px #FFF , 1286px 237px #FFF , 1201px 1124px #FFF , 1898px 1248px #FFF , 4px 1634px #FFF , 1053px 1190px #FFF , 195px 387px #FFF , 1344px 499px #FFF , 963px 106px #FFF , 1710px 424px #FFF , 1835px 102px #FFF , 1811px 114px #FFF , 1476px 1300px #FFF , 1354px 806px #FFF , 1006px 1679px #FFF , 297px 1992px #FFF , 179px 384px #FFF , 1453px 552px #FFF , 1375px 1719px #FFF , 1729px 846px #FFF , 1797px 776px #FFF , 149px 761px #FFF , 934px 1458px #FFF , 1500px 1482px #FFF , 380px 1473px #FFF , 768px 1432px #FFF , 166px 189px #FFF , 207px 327px #FFF , 1943px 1475px #FFF , 387px 514px #FFF , 65px 864px #FFF , 905px 1033px #FFF , 1261px 443px #FFF , 1317px 749px #FFF , 837px 5px #FFF , 1800px 327px #FFF , 1320px 1282px #FFF , 1211px 1093px #FFF , 626px 933px #FFF , 1076px 1690px #FFF , 1647px 748px #FFF , 889px 1299px #FFF , 1248px 671px #FFF , 1300px 690px #FFF , 1876px 576px #FFF , 1751px 1223px #FFF , 292px 174px #FFF , 1268px 1788px #FFF , 1772px 811px #FFF , 1131px 1619px #FFF , 1233px 1224px #FFF , 216px 406px #FFF , 703px 1268px #FFF , 1608px 496px #FFF , 692px 1024px #FFF , 1022px 1207px #FFF , 1660px 1773px #FFF , 1710px 1252px #FFF , 1109px 43px #FFF , 668px 647px #FFF , 632px 1882px #FFF , 64px 609px #FFF , 1372px 1339px #FFF , 1251px 88px #FFF , 1050px 1164px #FFF , 520px 1168px #FFF , 1772px 1443px #FFF , 980px 567px #FFF , 1268px 1142px #FFF; animation: animStar 250s linear infinite; } #stars2:after { content: " "; position: absolute; top: 2000px; width: 2px; height: 2px; background: transparent; box-shadow: 1898px 431px #FFF , 745px 944px #FFF , 1644px 1585px #FFF , 1793px 1871px #FFF , 1989px 282px #FFF , 1062px 1320px #FFF , 1788px 1308px #FFF , 267px 410px #FFF , 1988px 10px #FFF , 112px 1839px #FFF , 419px 1569px #FFF , 1679px 1394px #FFF , 734px 1038px #FFF , 472px 1348px #FFF , 1280px 215px #FFF , 1180px 99px #FFF , 1558px 1119px #FFF , 1359px 430px #FFF , 1719px 862px #FFF , 316px 1816px #FFF , 467px 1156px #FFF , 992px 1909px #FFF , 499px 1259px #FFF , 1645px 1223px #FFF , 689px 1159px #FFF , 609px 933px #FFF , 1957px 63px #FFF , 1295px 1px #FFF , 1836px 1419px #FFF , 29px 1387px #FFF , 219px 678px #FFF , 363px 1357px #FFF , 940px 1041px #FFF , 973px 625px #FFF , 1214px 1113px #FFF , 422px 790px #FFF , 1757px 1149px #FFF , 1499px 948px #FFF , 467px 1562px #FFF , 1415px 1569px #FFF , 1089px 35px #FFF , 381px 1839px #FFF , 4px 1292px #FFF , 982px 373px #FFF , 971px 1114px #FFF , 1505px 1971px #FFF , 1366px 491px #FFF , 1243px 109px #FFF , 1271px 947px #FFF , 637px 1176px #FFF , 1074px 1600px #FFF , 413px 760px #FFF , 221px 1842px #FFF , 1038px 1817px #FFF , 1319px 1729px #FFF , 902px 1034px #FFF , 671px 820px #FFF , 281px 536px #FFF , 1473px 101px #FFF , 1622px 341px #FFF , 1607px 484px #FFF , 1112px 685px #FFF , 350px 1022px #FFF , 87px 105px #FFF , 758px 1920px #FFF , 342px 1097px #FFF , 1194px 1021px #FFF , 632px 1553px #FFF , 1788px 608px #FFF , 1724px 523px #FFF , 978px 1714px #FFF , 859px 1945px #FFF , 15px 825px #FFF , 1014px 103px #FFF , 642px 1211px #FFF , 733px 25px #FFF , 1011px 580px #FFF , 1013px 1564px #FFF , 935px 900px #FFF , 408px 1341px #FFF , 374px 606px #FFF , 1px 649px #FFF , 1408px 1568px #FFF , 1577px 296px #FFF , 1955px 1610px #FFF , 1603px 222px #FFF , 1517px 69px #FFF , 1591px 1799px #FFF , 818px 1551px #FFF , 189px 1321px #FFF , 369px 1097px #FFF , 573px 1343px #FFF , 328px 1562px #FFF , 1296px 1736px #FFF , 696px 954px #FFF , 1583px 1396px #FFF , 1303px 755px #FFF , 1957px 845px #FFF , 1906px 696px #FFF , 1771px 1173px #FFF , 277px 1953px #FFF , 1253px 641px #FFF , 46px 354px #FFF , 1330px 107px #FFF , 852px 1243px #FFF , 1558px 880px #FFF , 1028px 890px #FFF , 1250px 1604px #FFF , 1257px 698px #FFF , 601px 432px #FFF , 77px 1849px #FFF , 1512px 1719px #FFF , 244px 773px #FFF , 1590px 1765px #FFF , 1880px 1361px #FFF , 668px 1328px #FFF , 1916px 1217px #FFF , 349px 1916px #FFF , 171px 1723px #FFF , 701px 1216px #FFF , 1473px 813px #FFF , 895px 652px #FFF , 1189px 167px #FFF , 807px 377px #FFF , 40px 936px #FFF , 1863px 1905px #FFF , 559px 957px #FFF , 1934px 1711px #FFF , 744px 883px #FFF , 899px 1479px #FFF , 963px 892px #FFF , 353px 1412px #FFF , 1286px 237px #FFF , 1201px 1124px #FFF , 1898px 1248px #FFF , 4px 1634px #FFF , 1053px 1190px #FFF , 195px 387px #FFF , 1344px 499px #FFF , 963px 106px #FFF , 1710px 424px #FFF , 1835px 102px #FFF , 1811px 114px #FFF , 1476px 1300px #FFF , 1354px 806px #FFF , 1006px 1679px #FFF , 297px 1992px #FFF , 179px 384px #FFF , 1453px 552px #FFF , 1375px 1719px #FFF , 1729px 846px #FFF , 1797px 776px #FFF , 149px 761px #FFF , 934px 1458px #FFF , 1500px 1482px #FFF , 380px 1473px #FFF , 768px 1432px #FFF , 166px 189px #FFF , 207px 327px #FFF , 1943px 1475px #FFF , 387px 514px #FFF , 65px 864px #FFF , 905px 1033px #FFF , 1261px 443px #FFF , 1317px 749px #FFF , 837px 5px #FFF , 1800px 327px #FFF , 1320px 1282px #FFF , 1211px 1093px #FFF , 626px 933px #FFF , 1076px 1690px #FFF , 1647px 748px #FFF , 889px 1299px #FFF , 1248px 671px #FFF , 1300px 690px #FFF , 1876px 576px #FFF , 1751px 1223px #FFF , 292px 174px #FFF , 1268px 1788px #FFF , 1772px 811px #FFF , 1131px 1619px #FFF , 1233px 1224px #FFF , 216px 406px #FFF , 703px 1268px #FFF , 1608px 496px #FFF , 692px 1024px #FFF , 1022px 1207px #FFF , 1660px 1773px #FFF , 1710px 1252px #FFF , 1109px 43px #FFF , 668px 647px #FFF , 632px 1882px #FFF , 64px 609px #FFF , 1372px 1339px #FFF , 1251px 88px #FFF , 1050px 1164px #FFF , 520px 1168px #FFF , 1772px 1443px #FFF , 980px 567px #FFF , 1268px 1142px #FFF; } #stars3 { width: 3px; height: 3px; background: transparent; box-shadow: 1085px 470px #FFF , 344px 380px #FFF , 363px 1697px #FFF , 122px 1238px #FFF , 1981px 1738px #FFF , 968px 989px #FFF , 493px 1732px #FFF , 1352px 1198px #FFF , 368px 218px #FFF , 816px 643px #FFF , 1169px 1312px #FFF , 1857px 238px #FFF , 822px 691px #FFF , 1368px 1419px #FFF , 1529px 353px #FFF , 1055px 1251px #FFF , 51px 1480px #FFF , 1918px 1077px #FFF , 1045px 1639px #FFF , 1315px 1842px #FFF , 155px 1288px #FFF , 1241px 210px #FFF , 1704px 1737px #FFF , 1750px 1219px #FFF , 1515px 329px #FFF , 1341px 1918px #FFF , 1934px 1131px #FFF , 1115px 410px #FFF , 986px 658px #FFF , 160px 863px #FFF , 188px 1765px #FFF , 1235px 969px #FFF , 811px 1002px #FFF , 901px 358px #FFF , 1599px 379px #FFF , 408px 134px #FFF , 1858px 93px #FFF , 1015px 1239px #FFF , 175px 790px #FFF , 778px 1237px #FFF , 1924px 1402px #FFF , 1513px 1688px #FFF , 1240px 1350px #FFF , 853px 1981px #FFF , 975px 1034px #FFF , 721px 303px #FFF , 94px 1030px #FFF , 1563px 1952px #FFF , 484px 1993px #FFF , 407px 1895px #FFF , 1377px 384px #FFF , 377px 548px #FFF , 1791px 1546px #FFF , 80px 1744px #FFF , 1365px 1857px #FFF , 1083px 677px #FFF , 797px 1713px #FFF , 1111px 977px #FFF , 1533px 1993px #FFF , 1379px 1005px #FFF , 327px 1451px #FFF , 1387px 1496px #FFF , 894px 815px #FFF , 1631px 791px #FFF , 1811px 143px #FFF , 1005px 529px #FFF , 150px 483px #FFF , 541px 1006px #FFF , 1325px 61px #FFF , 739px 812px #FFF , 1106px 1147px #FFF , 397px 686px #FFF , 330px 1135px #FFF , 1149px 1765px #FFF , 1382px 1337px #FFF , 463px 1836px #FFF , 411px 1473px #FFF , 1995px 191px #FFF , 1062px 1027px #FFF , 747px 1603px #FFF , 1352px 1574px #FFF , 944px 929px #FFF , 1647px 33px #FFF , 1319px 1064px #FFF , 1951px 1883px #FFF , 1670px 1944px #FFF , 327px 752px #FFF , 812px 398px #FFF , 142px 1493px #FFF , 11px 828px #FFF , 352px 1896px #FFF , 1952px 494px #FFF , 1637px 436px #FFF , 450px 1503px #FFF , 1119px 333px #FFF , 787px 1689px #FFF , 593px 436px #FFF , 84px 1066px #FFF , 922px 74px #FFF , 732px 816px #FFF; animation: animStar 300s linear infinite; } #stars3:after { content: " "; position: absolute; top: 2000px; width: 3px; height: 3px; background: transparent; box-shadow: 1085px 470px #FFF , 344px 380px #FFF , 363px 1697px #FFF , 122px 1238px #FFF , 1981px 1738px #FFF , 968px 989px #FFF , 493px 1732px #FFF , 1352px 1198px #FFF , 368px 218px #FFF , 816px 643px #FFF , 1169px 1312px #FFF , 1857px 238px #FFF , 822px 691px #FFF , 1368px 1419px #FFF , 1529px 353px #FFF , 1055px 1251px #FFF , 51px 1480px #FFF , 1918px 1077px #FFF , 1045px 1639px #FFF , 1315px 1842px #FFF , 155px 1288px #FFF , 1241px 210px #FFF , 1704px 1737px #FFF , 1750px 1219px #FFF , 1515px 329px #FFF , 1341px 1918px #FFF , 1934px 1131px #FFF , 1115px 410px #FFF , 986px 658px #FFF , 160px 863px #FFF , 188px 1765px #FFF , 1235px 969px #FFF , 811px 1002px #FFF , 901px 358px #FFF , 1599px 379px #FFF , 408px 134px #FFF , 1858px 93px #FFF , 1015px 1239px #FFF , 175px 790px #FFF , 778px 1237px #FFF , 1924px 1402px #FFF , 1513px 1688px #FFF , 1240px 1350px #FFF , 853px 1981px #FFF , 975px 1034px #FFF , 721px 303px #FFF , 94px 1030px #FFF , 1563px 1952px #FFF , 484px 1993px #FFF , 407px 1895px #FFF , 1377px 384px #FFF , 377px 548px #FFF , 1791px 1546px #FFF , 80px 1744px #FFF , 1365px 1857px #FFF , 1083px 677px #FFF , 797px 1713px #FFF , 1111px 977px #FFF , 1533px 1993px #FFF , 1379px 1005px #FFF , 327px 1451px #FFF , 1387px 1496px #FFF , 894px 815px #FFF , 1631px 791px #FFF , 1811px 143px #FFF , 1005px 529px #FFF , 150px 483px #FFF , 541px 1006px #FFF , 1325px 61px #FFF , 739px 812px #FFF , 1106px 1147px #FFF , 397px 686px #FFF , 330px 1135px #FFF , 1149px 1765px #FFF , 1382px 1337px #FFF , 463px 1836px #FFF , 411px 1473px #FFF , 1995px 191px #FFF , 1062px 1027px #FFF , 747px 1603px #FFF , 1352px 1574px #FFF , 944px 929px #FFF , 1647px 33px #FFF , 1319px 1064px #FFF , 1951px 1883px #FFF , 1670px 1944px #FFF , 327px 752px #FFF , 812px 398px #FFF , 142px 1493px #FFF , 11px 828px #FFF , 352px 1896px #FFF , 1952px 494px #FFF , 1637px 436px #FFF , 450px 1503px #FFF , 1119px 333px #FFF , 787px 1689px #FFF , 593px 436px #FFF , 84px 1066px #FFF , 922px 74px #FFF , 732px 816px #FFF; } @keyframes animStar { from { transform: translateY(0px); } to { transform: translateY(-2000px); } } /****/ .content_max_width { max-width: 1600px; margin: 0 auto; } .pad20{ padding: 20px; } .pad50{ padding: 50px; } .padT{ padding: 50px 0 0 0; } .padT50{ padding: 50px 0 0 0; } .padB{ padding: 0 0 150px 0; } .padB20{ padding: 0 0 20px 0; } .padB50{ padding: 0 0 50px 0; } .mt40{ margin-top: 40px; } .mb50{ margin-bottom: 50px; } body .carre.bientot span{ color: #000; } .carre.annule { background: #A00000; } .imgHome{ padding: 10px 0 30px 0; } .imgHome img{ display: block; width: 100%; } .accueilContent{ width: 60%; margin: 0 auto; } .youtubeContent{ width: 100%; } .jp_logoCont{ padding: 0 0 30px 0; } .olympia{ width: 80%; margin: 0 auto; max-width: 350px; } .jp_logo{ width: 20%; margin: 0 auto; display: block; -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; } .jp_blocHome{ position: relative; width: 880px; height: 424px; overflow: hidden; margin: 0 auto; } .jp_blocHome .bloc{ position: absolute; -webkit-mask-image: url('/imgs/bg.mask1.png'); mask-image: url('/imgs/bg.mask1.png'); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .jp_blocHome .bloc:hover{ transform: scale(1.1); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); } .jp_blocHome .bloc.one{ width: 425px; height: 424px; z-index: 5; opacity: 0; background: url('/imgs/photos/min-991-0046.jpg') 0 0 no-repeat; -webkit-animation: bloc1 1s ease-in-out 3.5s normal forwards, bloc1Move 10s 1s infinite forwards; -moz-animation: bloc1 1s ease-in-out 3.5s normal forwards, bloc1Move 10s 1s infinite forwards; animation: bloc1 1s ease-in-out 3.5s normal forwards, bloc1Move 10s 1s infinite forwards; } .jp_blocHome .bloc.two{ width: 425px; height: 424px; z-index: 4; opacity: 0; left: 225px; background: url('/imgs/photos/min-991-0136.jpg') 0 0 no-repeat; -webkit-animation: bloc2 1s ease-in-out 4s normal forwards, bloc2Move 12s 1s infinite forwards; -moz-animation: bloc2 1s ease-in-out 4s normal forwards, bloc2Move 12s 1s infinite forwards; animation: bloc2 1s ease-in-out 4s normal forwards, bloc2Move 12s 1s infinite forwards; } .jp_blocHome .bloc.three{ width: 425px; height: 424px; z-index: 3; opacity: 0; right: 5px; background: url('/imgs/photos/min-991-0545-2.jpg') 0 0 no-repeat; -webkit-animation: bloc3 1s ease-in-out 4.5s normal forwards, bloc3Move 8.5s ease-in-out 1s infinite forwards; -moz-animation: bloc3 1s ease-in-out 4.5 normal forwards, bloc3Move 8.5s ease-in-out 1s infinite forwards; animation: bloc3 1s ease-in-out 4.5s normal forwards, bloc3Move 8.5s ease-in-out 1s infinite forwards; } @media screen and (min-width:0\0) { .jp_blocHome .bloc.one { width: 425px; height: 424px; z-index: 5; opacity: 0; background: url('/imgs/photos/min-991-0046-ie.png') 0 0 no-repeat; -webkit-animation: blocOpacity 1s ease-in-out 3s normal forwards; -moz-animation: blocOpacity 1s ease-in-out 3s normal forwards; animation: blocOpacity 1s ease-in-out 3s normal forwards; } .jp_blocHome .bloc.two { width: 425px; height: 424px; z-index: 4; opacity: 0; background: url('/imgs/photos/min-991-0136-ie.png') 0 0 no-repeat; -webkit-animation: blocOpacity 1s ease-in-out 3.5s normal forwards; -moz-animation: blocOpacity 1s ease-in-out 3.5s normal forwards; animation: blocOpacity 1s ease-in-out 3.5s normal forwards; } .jp_blocHome .bloc.three { width: 425px; height: 424px; z-index: 3; opacity: 0; background: url('/imgs/photos/min-991-0545-ie.png') 0 0 no-repeat; -webkit-animation: blocOpacity 1s ease-in-out 4s normal forwards; -moz-animation: blocOpacity 1s ease-in-out 4s normal forwards; animation: blocOpacity 1s ease-in-out 4s normal forwards; } } .bgAnimation{ background: url('/imgs/img.cloud.png') left -100px top no-repeat; } .bgDate{ background: url('/imgs/img.cloud.png') right -100px top no-repeat; } .lineDate{ padding: 20px 0; border-bottom: solid 1px #FFF; } .lastDate{ background: url('/imgs/jeffpanacloc-zenith-paris.jpg') center top no-repeat; background-size: 71%; height: 800px; margin: 50px 0 0 0; width: 50%; float: left; } .bgMid,.bgMid2{ background: url('/imgs/bg.mid.jpg') center 550px no-repeat; } .bgMid2{ background-position: center; } .bgJeff,.bgJm{ background: url('/imgs/bg.jeff.jpg') center 505px no-repeat; position: relative; height: 700px; } .bgJm{ background-position: center 250px; height: 430px; } .bgJeff img,.bgJm img{ display: block; margin: 0 auto; } .bgJeff img.reflet,.bgJm img.reflet{ position: absolute; left: 50%; transform: translate(-50%,0px); } .bgNews{ background: #f4f4f4 url('/imgs/bg.news.jpg') center top no-repeat; } .bgStore, .bgSpec{ background: url('/imgs/img.ville-bg-2.jpg') bottom center /cover; } .confirm{ padding: 60px 0; font-size: 1.5em; font-family: OpenSansRegular, Arial, sans-serif; } .confirm p strong{ color: #F2AF27; font-weight: 700; } .date, .perso{ width: 75%; margin: 0 auto; padding: 30px 0; text-align: center; max-width: 1200px; } .perso{ padding: 30px 0 50px 0; } .date{ padding: 60px 0 0 0 ; position: relative; width: 65%; } .accueil .date{ padding: 0px 0 0 0 ; } .la-tournee .date{ width: 85%; padding: 0 0 150px 0; } .la-tournee .date.post{ width: auto; } #map-canvas{ width: 100%; height: 600px; } #allMap{ display: none; } .linkTournee{ display: table; margin: 0 auto; width: 25%; } .gm-style-iw strong{ font-size: 22px; text-align: center; display: block; } .gm-style-iw span{ font-size: 16px; text-align: center; display: block; padding: 0 0 5px 0; } .gm-style-iw a{ display: block; padding: 5px 25px; text-align: center; background: #F2AF27; color: #000; font-size: 16px; text-decoration: none; } .date .carre, .perso .carre{ margin: 0 auto; } .date .carre{ border: solid 3px #FFF; } .date .carre span, .perso .carre span, .date .carre.complet cite, .date .carre.bientot cite{ display: inline-block; color: #FFF; font-size: 24px; text-align: center; -ms-transform: rotate(-45deg); /* Internet Explorer */ -moz-transform: rotate(-45deg); /* Firefox */ -webkit-transform: rotate(-45deg); /* Safari et Chrome */ -o-transform: rotate(-45deg); /* Opera */ transform: rotate(-45deg); } .date .spec .carre span{ font-size: 18px; } .date .spec .carre.complet span{ position: relative; top: 25px; } .date .carre.complet span, .date .carre.bientot span, .date .carre.annule span{ position: relative; top: 32px; left: 1px; } .date .carre.complet span, .date .carre.bientot span, .date .carre.annule span{ top: 25px; left: -5px; } .date .carre.complet cite, .date .carre.bientot cite, .date .carre.annule cite{ font-size: 16px; font-style: normal; position: relative; top: 15px; left: 13px; } .date .carre.bientot cite{ color: #000; } .date .last, .blocStore .last, .perso .last{ float: left; /*padding: 0 70px;*/ width: 25%; } .date .last.spec{ padding: 0; width: 25%; } .blocStore .last, .accueil .date .last, .accueil .perso .last, .jacky .perso .last, .nabilouche .perso .last, .jean-marc .perso .last, .jeff-panacloc .perso .last{ padding: 0 50px; width: auto; } .date.post .last.spec{ width: 100%; } .date strong{ display: block; padding: 0 10px 0 0; font-size: 18px; text-transform: uppercase; white-space: nowrap; } .perso strong{ display: block; text-transform: uppercase; white-space: nowrap; font-size: 22px; padding: 30px 0 0 0; text-align: center; } .perso span{ font-size: 16px; } .persoLine{ position: relative; bottom: 120px; left: 0px; } .blocPerso{ display: block; } .blocPerso:hover .neon3{ animation: flicker3 2s infinite alternate; } .persoLine img{ display: block; width: 100%; margin: 0 auto; max-width: 120px; } .date span{ font-family: SerpentineBoldOblic,Arial,sans-serif; display: block; padding: 0 20px; font-style: italic; font-size: 15px; font-weight: 300; } .date span.complet{ color: var(--neon-border-color-2) } .date .spec strong{ font-size: 28px; } .date a:hover strong{ padding: 30px 0 0 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .date a:hover .carre{ background: #FFF; border: solid 3px #f2af27; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .date a:hover .carre span{ color: #000; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .ctaResa{ width: 60%; margin: 0 auto; padding: 60px 0; } strong.italic{ font-family: SerpentineBoldOblic,Arial,sans-serif; display: block; padding: 0 20px; font-style: italic; font-size: 22px; } .blocDate{ font-size: 20px; } .blocDateSpec{ min-height: 122px; font-size: 50px; line-height: 50px; background: url('/imgs/theatre-varietes.png') right center no-repeat; display: table; margin: 0 auto; padding: 50px 350px 50px 0; } .blocStore{ text-align: center; background: #fff url('/imgs/bg.store-2.jpg') center no-repeat; min-height: 563px; max-width: 1200px; margin: 0 auto; -webkit-background-size: 100%; background-size: 100%; position: relative; } .blocStore .carreCont{ display: table; margin: 0 auto; text-align: center; } .blocStore .carre{ background: #FFF; position: relative; top: -54px; } a.store{ position: absolute; right: 10px; bottom: 50px; color: #000; border-color: #000; } .perso .carre{ border: solid 3px #FFF; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .perso .carre span{ display: block; width: 200px; height: 200px; } .perso .carre.jean-marc span{ background: url('/imgs/picto.jean-marc.png') center no-repeat; -webkit-animation: persoMove 2.5s ease-in-out 0s infinite forwards; -moz-animation: persoMove 2.5s ease-in-out 0s infinite forwards; animation: persoMove 2.5s ease-in-out 0s infinite forwards; } .perso .carre.jacky span{ background: url('/imgs/picto.jacky.png') center no-repeat; -webkit-animation: persoMove 2.5s ease-in-out 1s infinite forwards; -moz-animation: persoMove 2.5s ease-in-out 1s infinite forwards; animation: persoMove 2.5s ease-in-out 1s infinite forwards; } .perso .carre.nabilouche span{ background: url('/imgs/picto.nabilouche.png') center no-repeat; -webkit-animation: persoMove 2.5s ease-in-out 2.4s infinite forwards; -moz-animation: persoMove 2.5s ease-in-out 2.4s infinite forwards; animation: persoMove 2.5s ease-in-out 2.4s infinite forwards; } .perso .carre.jeff span{ background: url('/imgs/picto.jeff.png') center no-repeat; -webkit-animation: persoMove 2.5s ease-in-out 3.2s infinite forwards; -moz-animation: persoMove 2.5s ease-in-out 3.2s infinite forwards; animation: persoMove 2.5s ease-in-out 3.2s infinite forwards; } .perso a:hover .carre{ background: #FFF; border: solid 3px #4804de; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .perso a:hover strong{ padding: 25px 0 0 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .perso h4{ color: #000; font-size: 26px; font-weight: normal; } .date h4{ color: #000; font-size: 18px; font-weight: normal; } .speech{ font-size: 1.6rem; display: block; margin: 0 auto; width: 60%; padding: 5vh 0; text-align:justify; } .speech.flex{ display: flex; padding: 1vh 0; } .speech strong, .speech a{ color: #fdc933; } .speech .reseaux{ text-align: left; } .speech .reseaux.alr{ text-align: right; } .imgDetail{ position: relative; } .imgDetail img{ position: absolute; display: block; left: 50%; top: 0px; transform: translateX(-50%); -webkit-transform: translateX(-50%); } /* VERTICAL MENU */ nav.vertical{ position:relative; width:200px; } /* HIDE MOBILE VERSION */ nav.vertical.mobile { display: none; } /* ALL UL */ nav.vertical ul{ list-style: none; padding: 0 } /* ALL LI */ nav.vertical li{ position:relative; } /* ALL A */ nav.vertical a{ display:block; color:#eee; font-size: 1.2em; text-decoration:none; padding: 12px 15px; background:#667; transition:0.2s; } /* ALL A HOVER */ nav.vertical li:hover > a{ background:#778; } /* INNER UL HIDE */ nav.vertical ul ul{ position:absolute; left:0%; top:0; width:100%; visibility:hidden; opacity:0; transition: transform 0.2s; transform: translateX(50px); } /* INNER UL SHOW */ nav.vertical li:hover > ul{ left:100%; visibility:visible; opacity:1; transform: translateX(0px); } .formStd{ width: 70%; margin: 0 auto; } .formStd h3{ text-align: center; color: #000; font-size: 28px; padding: 25px 0 0 0; } .tabStd .left{ text-align: left; } .tabStd .right{ text-align: right; } .tabStd .center{ text-align: center; } /* STORE */ #cmdChecker{ display: flex; max-width: 250px; padding: 20px 0; margin: 0 auto; } .is-pro { margin: 45px 0 80px 0; font-size: 1.2em; } .is-pro h1 { font-size: 2em; text-align: center; } /* STORE - LISTE PRODUITS */ .messPanier{ background: #A00000; color: #FFF; padding: 10px; text-align: center; font-weight: 700; margin-bottom: 15px; } .le-store, .details-produit, .mon-panier { background-color: #fff; } .le-store h1, .details-produit h1, .mon-panier h1 { color: #313131; } .product_container { display: flex; justify-content: center; } .product_list .produit.new .produit-pos:after { content: 'Nouveauté'; background-color: #F2AF27; padding: 8px 15px; color: #fff; position: absolute; top: 0; left: -1px; z-index: 10; } .prodCont { display: flex; flex-wrap: wrap; margin: 25px 50px 50px; align-items: stretch; } .atout { display: flex; justify-content: space-around; font-size: 1em; font-family: openSansRegular, Arial, sans-serif; } .atout .colAtout{ padding: 0 5px; } .atout .colAtout strong{ font-weight: 600; font-size: 1.5em; } .atout .colAtout.commande{ align-items: center; } .slick-prev, .slick-next { -webkit-filter: invert(17%) sepia(3%) saturate(258%) hue-rotate(316deg) brightness(96%) contrast(91%); filter: invert(17%) sepia(3%) saturate(258%) hue-rotate(316deg) brightness(96%) contrast(91%); } .prodCont .produit { flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); margin: 15px 0; position: relative; } .similaire .prodCont .produit{ flex: 0 0 calc(100% / 3); max-width: calc(100% / 3); } .prodCont .produit .complet{ position: absolute; top: 0px; left: 0px; width: 100%; background: red; color: #FFF; text-align: center; padding: 10px 0; font-size: 1.3em; z-index: 100; } .prodCont .produit-pos { margin: 0 15px; padding: 15px; border: 1px solid #e1e1e1; position: relative; height: 100%; box-sizing: border-box; overflow: hidden; /*box-shadow: 0 0 .3rem #fff, inset 0 0 .3rem #fff, 0 0 2rem var(--neon-border-color-3), inset 0 0 1rem var(--neon-border-color-3), 0 0 4rem var(--neon-border-color-3), inset 0 0 2rem var(--neon-border-color-3);*/ } .prodCont .produit a.goTo { display: block; margin-bottom: 15px; text-align: center; } .prodCont .produit a img { display: block; margin: 0 auto; } .prodCont .produit h3 { font-size: 1.4em; padding: 15px 15px 25px 15px; color: #313131; text-align: center; } .prodCont .produit .prix { padding: 5px 10px; font-size: 1.5em; font-weight: 600; color: #313131; letter-spacing: 1px; } .prodCont .produit .prix .promo{ text-decoration: line-through; } .prodCont .produit footer { display: flex; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 15px; } .prodCont .produit footer .ajout_panier{ padding: 5px 10px; font-size: 1.2em; font-weight: 600; letter-spacing: 1px; border: solid 2px #000; font-family: openSansRegular, Arial, sans-serif; } /* STORE - DÉTAILS PRODUIT */ .jp_prod{ width: 80%; margin: 0 auto; } .detail-produit-infos .produit-p p{ font-size: 1em !important; line-height: 150%; font-family: OpenSansRegular, Arial, sans-serif; } .swal2-modal { font-family: inherit !important; } .pad25 { padding: 25px; } .detail-produit-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin-top: 30px; } .detail-produit-image { flex: 1 1 auto; } .detail-produit-image img{width: 60%;} .detail-produit-infos{width: 70%;} .detail-produit-image .min a { display: inline-block; } .detail-produit-infos { color: #313131; flex: 1 1 auto; } .detail-produit-infos h2 { font-size: 1em; } .detail-produit-infos h1 { font-size: 2.5em; } .storeCont { margin-bottom: 25px; width: 100%; } .jp_storeTop { display: flex; justify-content: space-around; margin: 0px; } .jp_storeTopTop { display: flex; justify-content: flex-end; margin: 0px; max-width: 1150px; margin: 0 auto; } .jp_detailProd { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; max-width: 1366px; margin: 25px auto; } .jp_detailProd .min img { max-width: 150px; } .detail-produit-image .txt { padding: 25px; text-align: center; } .detail-produit-image .txt .min { display: flex; flex-wrap: wrap; } .detail-produit-image .txt .min a{ flex-basis: 33.33333%; } .product_filter{ min-width: 150px; } .storeRub { display: flex; align-items: center; justify-content: space-around; background-color: #000; padding: 15px 0 15px 15px; font-size: 1.5em; flex-wrap: wrap; } .storeRub a{ display: block; width: 100%; padding: 10px 0; border-bottom: solid 1px #FFF; font-family: SerpentineBoldOblic, Arial, sans-serif; } .atout { display: flex; /*flex-wrap: wrap;*/ justify-content: space-around; } .detail-produit-infos p{ font-size: 1.5em; line-height: 150%; font-family: OpenSansRegular, Arial, sans-serif; } .detail-produit-infos p strong{ font-weight: 700; font-family: OpenSansRegular, Arial, sans-serif; } .bloc_achat { padding-top: 25px; } .taille a, div.apu{ display: block; width: 50px; height: 50px; background: #E1E1E1; margin: 0 5px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; font-weight: 600; font-size: 16px; text-align: center; line-height: 50px; } div.apu{ opacity: 0.3; } .taille a.sel{ background: #fdc933; } a.plus, a.moins{ background: #fdc933; width: 30px; height: 30px; -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; } .show_more { font-size: 0.8em; color: #fdc933; } .details-produit .prix { font-size: 2.8em; font-weight: 600; } .details-produit input.nbProd { padding: 8px 10px; margin: 15px 10px; border: none; max-width: 50px; background-color: #e1e1e1; font-size: 20px; text-align: center; } .details-produit .qtt i { font-size: 1.5em; padding-top: 3px; } .detail-produit-details-list label{ font-size: 1.8em; font-family: OpenSansRegular, Arial, sans-serif; font-weight: 600; } .detail-produit-details-list .detail { line-height: 150%; font-size: 1em; letter-spacing: 0.5px; font-family: OpenSansRegular, Arial, sans-serif; } .detail-produit-infos-tab-sep { border: none; } .similaire, .atout { color: #313131; text-align: center; border: none; } .atout { padding: 25px 0; } /* STORE - PANIER */ .compteurNum{ font-size: 22px; margin: 0px 15px 0; padding: 5px 0 0 0; } .nbprod{ cursor: pointer; } .jp_tabReacp { padding: 15px; font-family: openSansRegular, Arial, sans-serif; } .jp_tabReacp > table { width: 100%; margin: 40px 0; font-size: 1.2em; border-collapse: collapse; } .jp_tabReacp > table caption { color: #313131; text-align: left; margin: 15px; font-size: 1.2em; } .jp_tabReacp > table > thead { height: 50px; background-color: #f1f1f1; } .jp_tabReacp > table > thead tr th { font-weight: 600; color: #313131; padding: 0 10px; } .jp_tabReacp > table > tbody tr.shopping-cart-product-item{ border-bottom: solid 1px #F1F1F1; } .jp_tabReacp > table > tbody tr.shopping-cart-product-item:hover { background: rgba(253, 201, 51, 0.3); } .jp_tabReacp > table > tbody tr td { padding: 15px 10px; color: #313131; } .jp_tabReacp > table > tbody tr.last td{ padding: 5px 10px; } .jp_tabReacp > table > tbody tr.live-cart-infos { background-color: #f1f1f1; } #totPrix{ font-size: 2em; font-weight: 600; } .detail-produit-infos .select { margin: 30px 0; } .detail-produit-infos .select select { width: auto; } .infos{ background: red; color: #FFF; padding: 10px; font-family: OpenSansRegular, Arial, sans-serif; font-weight: 600; font-size: 14px; } /****/ /* CUSTOM TABS SYSTEM */ .tab-wrap { -webkit-transition: 0.3s box-shadow ease; transition: 0.3s box-shadow ease; border-radius: 6px; max-width: 1230px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; list-style: none; background-color: #fff; color: #313131; margin: 40px auto; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } .tab-wrap:hover { box-shadow: 0 12px 23px rgba(0, 0, 0, 0.23), 0 10px 10px rgba(0, 0, 0, 0.19); } .tab { display: none; } .tab__content { padding: 15px 25px; background-color: transparent; position: absolute; width: 100%; z-index: -1; opacity: 0; left: 0; -webkit-transform: translateY(-3px); transform: translateY(-3px); border-radius: 6px; } .tab:checked:nth-of-type(1) ~ .tab__content:nth-of-type(1) { opacity: 1; -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease; transition: 0.5s opacity ease-in, 0.2s transform ease; position: relative; top: 0; z-index: 100; -webkit-transform: translateY(0px); transform: translateY(0px); text-shadow: 0 0 0; } .tab:checked:nth-of-type(2) ~ .tab__content:nth-of-type(2) { opacity: 1; -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease; transition: 0.5s opacity ease-in, 0.2s transform ease; position: relative; top: 0; z-index: 100; -webkit-transform: translateY(0px); transform: translateY(0px); text-shadow: 0 0 0; } .tab:checked:nth-of-type(3) ~ .tab__content:nth-of-type(3) { opacity: 1; -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease; transition: 0.5s opacity ease-in, 0.2s transform ease; position: relative; top: 0; z-index: 100; -webkit-transform: translateY(0px); transform: translateY(0px); text-shadow: 0 0 0; } .tab:checked:nth-of-type(4) ~ .tab__content:nth-of-type(4) { opacity: 1; -webkit-transition: 0.5s opacity ease-in, 0.2s transform ease; transition: 0.5s opacity ease-in, 0.2s transform ease; position: relative; top: 0; z-index: 100; -webkit-transform: translateY(0px); transform: translateY(0px); text-shadow: 0 0 0; } .tab:first-of-type:not(:last-of-type) + label { border-top-right-radius: 0; border-bottom-right-radius: 0; } .tab:not(:first-of-type):not(:last-of-type) + label { border-radius: 0; } .tab:last-of-type:not(:first-of-type) + label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .tab:checked + label { background-color: #F2AF27; box-shadow: 0 -1px 0 #F2AF27 inset; cursor: default; } .tab:checked + label:hover { box-shadow: 0 -1px 0 #F2AF27 inset; background-color: #F2AF27; } .tab + label { width: 100%; box-shadow: 0 -1px 0 #eee inset; border-radius: 6px 6px 0 0; cursor: pointer; display: block; text-decoration: none; color: #333; -webkit-box-flex: 3; -webkit-flex-grow: 3; -ms-flex-positive: 3; flex-grow: 3; text-align: center; background-color: #e1e1e1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; -webkit-transition: 0.3s background-color ease, 0.3s box-shadow ease; transition: 0.3s background-color ease, 0.3s box-shadow ease; height: 50px; line-height: 50px; box-sizing: border-box; padding: 0 15px; font-size: 14px; } @media (min-width:768px) { .tab + label { width: auto; } } .tab + label:hover { background-color: #f9f9f9; box-shadow: 0 1px 0 #f4f4f4 inset; } /****/ /************************************ * COUNTDOWN STORE * */ .item { position: relative; display: table; margin: 0 auto; padding: 100px 0 50px 0; } .item span { text-align:center; position: absolute; line-height: 165px; font-size: 60px; width: 100%; } .bgStore svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .bgStore svg circle{ width: 300px; height: 300px; } .circle_animation { stroke-dasharray: 440; stroke-dashoffset: 440; transition: all 1s linear; width: 300px; height: 300px; } /**************************** * FORM * */ .select{ background: #E5E5E5 url('/imgs/picto/down-arrow.svg') right center no-repeat; background-size: 40px 25px; height: 40px; margin: 0 15px 0 0; overflow: hidden; width: 390px; color: #000; fill: #F2AF27; } .select select{ background: transparent; width: 500px; font-size: 1em; height: 100%; line-height: 1; height: 40px; border: 0; color: #242B41; text-indent: 5px; border-radius: 0; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .formStd fieldset{ margin: 0px; padding: 10px 0px; border: none; } .gate { display: inline-block; width: 500px; padding: 13px 0 13px 15px; color: #8D8F8F; background: #F8F8F8; border: 0; border-radius: 3px; font-size: 18px; outline: 0; text-indent: 250px; transition: all .3s ease-in-out; } .formStd .gate::-webkit-input-placeholder, .formStd .gate::-moz-placeholder, .formStd .gate:-ms-input-placeholder, .formStd .gate input:-moz-placeholder{ color: #000; text-indent: 0; font-weight: 300; font-size: 14px; } .gate + label { cursor: pointer; display: inline-block; position: absolute; top: 0; left: 0; padding: 10px 25px; text-shadow: 0 1px 0 rgba(19, 74, 70, 0.4); background: #7AB893; transition: all .4s ease-in-out; border-top-left-radius: 3px; border-bottom-left-radius: 3px; transform-origin: left bottom; z-index: 99; font-size: 22px; } .gate + label:before, .gate + label:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; background: #F2AF27; transform-origin: left bottom; transition: all .4s ease-in-out; pointer-events: none; z-index: -1; } .gate + label:before { background: rgba(3, 36, 41, 0.2); z-index: -2; right: 20%; } span:nth-child(2) .gate { text-indent: 85px; } span:nth-child(2) .gate:focus, span:nth-child(2) .gate:active { text-indent: 150px; } .gate:focus, .gate:active { color: #000; text-indent: 150px; background: #fff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .formStd .gate:focus::-webkit-input-placeholder, .formStd .gate:active::-webkit-input-placeholder { color: #F8F8F8; font-size: 22px; } .gate:focus + label, .gate:active + label { transform: rotate(-66deg); border-radius: 3px; } .gate:focus + label:before, .gate:active + label:before { transform: rotate(10deg); } .formStd span.open { position: relative; display: inline-block; } .formStd.search span{ margin: 30px 10px; } .search{ display: table; margin: 0 auto; } .search label{ display: block; font-size: 2.2rem; font-family: SerpentineBoldOblic,Arial,sans-serif; padding: 0 0 20px 0; text-align: center; } .search input{ height: 35px; text-align: center; font-size: 16px; background: #FFF 0% 0% no-repeat padding-box; box-shadow: inset 2px -2px 0px #FFFFFFBF, inset 0px 0px 6px #00000080; } .mon-panier .formStd fieldset{ position: relative; color: #000; } #prCont{ padding: 20px 0 10px 0; } #prCont h3{ padding: 0 0 10px 0; } #prCont input{ margin: 0 0 0 auto; } .txtStd{ width: 395px; margin: 0 auto; display: block; height: 35px; background: #E5E5E5; border: none; text-indent: 5px; } textarea{ border: none; width: 97%; font-size: 22px; text-indent: 15px; color: #8D8F8F; background: #F8F8F8; } table.tabContact td{ width: 50%; border: none; vertical-align: top; text-align: center; padding: 10px 15px; } /**************************** * CONTACT * */ .jp_contact{ padding: 50px 0; } .jp_contact .left, .jp_contact .right{ float: left; width: 50%; } .leftPad{ border-right: solid 3px #000; } .add{ font-size: 22px; text-align: center; padding: 0 0 20px 0; } .add.cont{ font-size: 20px; } .add strong{ font-size: 22px; color: #FFF; display: inline-block; margin-top: 20px; } .tabContact{ font-size: 22px; margin: 0 auto; } .contact fieldset{ padding: 10px 50px; } /************************ * BOT * */ .jp_botCont{ padding: 50px 0; } .jp_bot{ text-align: center; font-size: 14px; width: 100%; padding-top: 40px; } /**************************** * DIVERS * */ .txtN{ font-size: 22px; width: 80%; margin: 0 auto; padding: 40px 0;} .p404{ padding: 150px 0; } /* COMMANDE REQUEST */ .select-paiement h1, .select-paiement h3 { margin: 25px 15px; font-size: 1.5em; text-align: center; } .select-paiement .jp_reqCont { margin-top: 50px !important; } /* CUSTOM SELECT BOX */ .select select { /* Reset Select */ -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; border: 0; box-shadow: none; /* Personalize */ -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 0 1em; color: #313131; /*background-color: var(--darkgray);*/ background-image: none; cursor: pointer; } /* Remove IE arrow */ .select select::-ms-expand { display: none; } /* Custom Select wrapper */ .select { position: relative; display: flex; width: 20em; border-radius: .25em; overflow: hidden; } /* Arrow */ .select::after { content: '\25BC'; position: absolute; top: 0; right: 0; padding: 1.2em; background-color: #fdc933; transition: .25s all ease; pointer-events: none; } /* Transition */ .select:hover::after { color: #fdc933; background-color: #313131; } /* PRESSE */ .presse_list { padding: 80px 0; } .presse_list_item { flex: 0 1 33.33333%; } .presse_list_item_date { /*background-color: rgba(253, 201, 51, 0.9);*/ /*padding: 5px 8px;*/ font-style: italic; font-size: 13px; color: grey; font-weight: 600; } .presse_list_item h2 { padding: 15px 0 10px 0; line-height: 120%; color: #fdc933; font-size: 22px; } .presse_list_item p { margin: 0; font-size: 15px; padding-bottom: 15px; text-transform: none; font-family: OpenSansRegular, Arial, sans-serif; } .presse_list_item img { width: 100%; max-width: 400px; } .presse_list_item_pad { padding: 15px; } /*********** * LE FILM * */ .le_film .le_film_affiche { padding-bottom: 50px; } .le_film .le_film_affiche img { width: 100%; display: block; margin: 0 auto; max-width: 800px; } .le_film .le_film_affiche figcaption { font-size: 10px; font-style: italic; background-color: rgba(0,0,0,0.25); text-align: center; max-width: 500px; margin: 0 auto; padding: 5px 0; } .le_film .le_film_teaser { max-width: 700px; margin: 0 auto; position: relative; width: 100%; height: 0; padding-bottom: 36%; } .le_film h2 { font-size: 23px; padding-top: 15px; font-weight: 400; text-align: center; line-height: 1.5; } .le_film h2 strong { color: #fdc933; text-decoration: underline; text-underline-offset: 5px; } .le_film .le_film_teaser iframe{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; } .global_slider_container{ width: 100%; } .text-2{ font-size: 1.2em; line-height: 1.4em; } @media screen and (max-width: 1280px) { .prodCont .produit { flex: 0 0 calc(100% / 2); max-width: calc(100% / 2); } .max_width { max-width: 1024px; } } /*********** * TABLETTE PAYSAGE */ @media screen and (max-width: 1028px) { .menuCell.hidden{ display: block; } .menuCell { display: none; } .jp_blocHome .bloc.one{ left: 105px; } .jp_blocHome .bloc.two{ left: 330px; } .jp_blocHome .bloc.three{ display: none; } .lastDate, .countDownCont{ width: 100%; float: none; } .ClassyCountdownDemo{ padding: 20px 20px 0 20px; } .lastDate{ height: 400px; } .button12 span{ font-size: 22px; } .atout .colAtout { flex: 1 1 50%; margin: 15px 0; } .menuCell.hidden a#menuLink { color: #fff; } .product_thumbs_slider a:not(:first-child) { display: none; } .jp_prod{ width: 100%;} } /*********** * TABLETTE PORTRAIT */ @media screen and (max-width: 1005px) { .blocStore .last, .accueil .date .last, .accueil .perso .last, .jacky .perso .lastn, .nabilouche .perso .last, .jean-marc .perso .last, .jeff-panacloc .perso .last{ padding: 0 30px; width: auto; } .lastDate{ height: 300px; } .accueilContent{ width: 100%; max-width: 85%; } .date{ width: 100%; } .date strong, .perso strong{ font-size: 1rem; padding: 5px; white-space: normal; } .button{ font-size: 1rem; } .perso{ width: 100%; } .perso .flex{ -ms-flex-wrap: wrap; flex-wrap: wrap; } .padLR30{ padding: 0 15px; } .button.resa{ font-size: 18px; } .youtubeContent{ width: 95%; } .blocDate{ font-size: 1rem; } .jp_contact .add{ font-size: 1.5rem; } .blocInfos{ width: 90%; } .blocInfos .speech{ width: 100%; } .presse_list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .presse_list_item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .presse_list_item_pad { padding: 30px; } .le_film .le_film_teaser { padding-bottom: 60%; } } @media screen and (max-width: 768px) { nav.vertical.desktop {display: none;} nav.vertical.mobile {display: block; position: fixed; bottom: 0; width: 100%; text-align: center;} nav.vertical.mobile > ul {margin: 0;} nav.vertical.mobile a {min-width: 80px;} nav.vertical.mobile ul ul {top: auto; bottom: 100%; display: flex;} nav.vertical.mobile li:hover > ul {left: 0;} /* DETAIL PRODUIT */ .detail-produit-container { flex-wrap: wrap; } .detail-produit-image img { max-width: 400px; margin: 0 auto; width: 100%; display: block;} .detail-produit-image a > img { max-width: 150px; } .detail-produit-infos .qtt.flex { flex-wrap: wrap; } .detail-produit-infos .taille { flex: 1 1 100%; margin: 25px 0;} /* STORE */ .le-store .product_container { background: none; } /* ACCUEIl */ .lineDate { padding: 5px; margin: 0 10px; } .padLR30.blocPerso { flex: 0 1 33.333333%; padding: 0; } .prodCont { margin: 20px; } .prodCont .produit-pos { margin: 0 8px; } } /*********** * SMARTPHONE PAYSAGE */ @media screen and (max-width: 640px) { .la-tournee .date{ padding: 0 0 20px 0; } .jp_blocHome .bloc.one{ left: -5px; width: 100%; } .jp_blocHome .bloc.two{ display: none; } .date .last, .perso .last{ float: none; width: 100%; } .perso h4, .date h4{ padding: 0 0 30px 0; } .blocDateSpec{ background-position: center top; padding: 150px 0 30px 0; text-align: center; } .blocStore .last{ display: none; } .blocStore{ background-position: center 15%; min-height: auto; padding: 50px 0; } a.store{ position: static; margin: 150px auto 0 auto; } .homeVid, video{ width: 100%; height: auto; } .padT{ padding: 25px 0 0 0; } .bgJeff{ background-position: center 330px; height: 490px; } .bgJm{ background-position: center 160px; height: 340px; } .bgJeff img,.bgJm img { width: 100%; } .jp_homeBot .reseaux{ float: none; width: 100%; } p.speech{ width: 90%; } .date .last.spec{ width: 100%; } .jp_logo{ width: 50%; } .jp_contact .left, .jp_contact .right, .jp_botCont .col{ float: none; width: 100%; } .formStd.contact{ padding: 50px 0 0 0; border-top: solid 3px #000; } .leftPad{ border: none; padding: 0 0 30px 0; } .contact fieldset{ padding: 15px; } textarea{ width: 97%; } .jp_botCont .col h3{ text-align: center; } .rsoc{ margin: 0 auto; display: table; } #slide1,#slide2,#slide3,#slide4,#slide5{ height: 300px; } .jp_detailProdCont > .w70 { width: 90%; } /* PANIER */ .mon-panier .select { max-width: 220px; width: 100% !important; } .mon-panier .select select { width: 100%; } .mon-panier .tabStd .linkStd, .mon-panier .tabStd a#etape2 { margin: 25px auto; display: block; float: none; text-align: center; font-size: inherit; } .jp_tabReacp > table { font-size: 1em; } .mon-panier .formStd { width: 95%; } .mon-panier .formStd .txtStd {width: 100%;} .bloc_achat { text-align: center; } .detail-produit-infos .qtt.flex { justify-content: center; } .padLR30.blocPerso { flex: 0 1 50%; } .prodCont .produit { flex: 1 1 100%; max-width: 100%; } /* Presse */ .presse_list_item { -webkit-box-flex: 0;-ms-flex: 0 1 100%;flex: 0 1 100%; } .w60.mar0auto{ width: 95%;} .similaire .prodCont .produit{ flex: 0 0 100%; max-width: 100%; } .atout{ flex-wrap: wrap; padding-top: 0px;} header{ padding-top: 0px; } .menu{ top: 130px; } .menu a{ font-size: 1em; } .resp-1{ text-align: center; padding-bottom: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .resp-2{ text-align: center; padding-top: 15px; -webkit-box-pack: center!important; -ms-flex-pack: center!important; justify-content: center!important; } .resp-3{ margin: 30px 0; } .resp-4{ display:none; } .resp-5{ margin: 15px 0; } .text-company{ margin-bottom: 20px; } .bg-repeat{ padding: 15px; } .pad50{ padding: 0px;} h1.titre{ font-size: 2.2em; text-align: center;} p.text{ font-size: 14px;} .bg-bot{ height: auto;} } @media screen and (max-width: 480px) { /* DETAIL PRODUIT */ .progress{ display: none; } .detail-produit-infos .buttons_container { flex-wrap: wrap; } .detail-produit-infos .linkStore, .detail-produit-infos #add_to_bag { flex: 1 1 100%; text-align: center;} .atout .colAtout { flex-basis: 100%; } .detail-produit-infos h1 { font-size: 2.3em; } a.plus, a.moins { width: 40px; height: 40px; } .jp_detailProdCont > .w70 { width: 85%; } .le_film h2 strong { display: block; } } @media screen and (max-width: 320px) { /* PANIER */ .jp_tabReacp > table { font-size: 0.8em; } }