/* -------------------------------------------------- Table of Contents ----------------------------------------------------- */ /* Theme Name: Dating Landing Page Description: Dating Landing Page for Lovers Author: SeventhQueen Author URI: http://themeforest.net/user/SeventhQueen/portfolio?ref=SeventhQueen Version: 2.0 Tags: dating, clean, responsive, creative, minimal, modern, landing page 01. Shared Styles 02. Header Section 03. Call To Actions Section 04. Video Section 05. Feature Text Section 06. Testimonials Section 07. Support & Newsletter Section 08. Footer Section 09. Animations 10. Mobile Specific */ /* ----------------------------------------- 01. Shared Styles ----------------------------------------- */ * { outline:none;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /**behavior: url(boxsizing.htc);*/ } html, body{height:100%} /*** Typography ***/ p { font-family: inherit; font-weight: normal; font-size: 13px; line-height: 1.6; margin-bottom: 17px; } a { color: #f00056; /*-webkit-transition: ease 0.4s; -moz-transition: ease 0.4s; -o-transition: ease 0.4s; transition: ease 0.4s;*/ } a:hover { color: #0296c0; } a:focus { color: #0296c0; } h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 400; font-style: normal; color: #fafafa; text-rendering: optimizeLegibility; line-height: 1.1em; margin-bottom: 14px; margin-top: 14px; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-size: 60%; color: #6f6f6f; line-height: 0; } h1 { font-size: 44px; margin-bottom: 44px; } h2 { font-size: 28px; margin-bottom: 14px;line-height:1.4em} h3 { font-size: 28px;line-height:1.4em} h4 { font-size: 20px; } h5 { font-size: 17px; } h6 { font-size: 14px; } .subheader { line-height: 1.3; color: #6f6f6f; font-weight: normal; margin-bottom: 17px; } small { font-size: 84%; line-height: inherit; } /*** Usefull Claeses ***/ .alpha { padding:0 15px 0 0; } .omega { padding:0 0 0 15px; } .no-padding { padding:0!important; } .no-margin { margin: 0!important; } .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; line-height: 0; content: ""; } .clearfix:after { clear: both; } .stretch { width: 100%; } .strong { font-weight: bold; } .upper-text { text-transform: uppercase; } .space-b-20 { margin-bottom: 20px; } .space-b-50 { margin-bottom: 50px; } /*** Colours ***/ .red-text { color: #cf0000; } .pink-text { color: #f00056; } .black-text { color: #000!important; } .green-text { color: #12b8ba; } .blue-text { color: #18a0c7; } .white-text { color: #fff; } /*** Buttons ***/ .button { border: 1px solid #0296c0; background: #0296c0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .button:hover, .button:focus { color: white; background-color: #C64FE9; border: 1px solid #C64FE9; } .button.alert{background-color:#ed0058;border:1px solid #ed0058;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);} #fpreinscref .button.alert, #finsc .button.alert{min-height:40px;} .button.alert:hover, .button.alert:focus { background-color: #de0052; border: 1px solid #de0052; } .button.secondary { background-color: rgb(230 230 230 / 0.75); color: #0d0d0d; border: 1px solid transparent; } .button.secondary:hover, .button.secondary:focus { background-color: #dddcdc; } .button.facebook {white-space:nowrap;height:50px;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);float:left;width:48.5%;margin-right:3%;background:#4267B2; border: 1px solid #4267B2;padding:6px 4px 5px 12px;margin-top:9px;line-height:18px;text-align: left;font-weight: normal;} .button.facebook i{font-size:36px;} .button.google{white-space:nowrap;height:50px;font-family: 'Roboto', sans-serif;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);color:#444;float:right;width:50px;background:rgba(255, 255, 255, 1); border: 1px solid rgba(255, 255, 255, 1);padding:6px 0;margin-top:0;line-height:18px;text-align:center;font-weight: normal;} .button.google img{float:left;margin:2px 10px 0 0;background:white;} .button.google:hover{background:#fff!important;border-color:#fff!important;color:#555!important;} #btnGoUp { cursor: pointer; display: none;transform:scale(1.1);position: fixed; bottom: 30px; right:30px; width: 47px; height: 44px; text-indent: -5555px; background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAABYBAMAAACXLrPmAAAAMFBMVEXMzMxMaXHMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMybKkxiAAAAEHRSTlMzAE0oAQ4jSC8aBBY1QDo4/DnfpwAAAglJREFUeF6FlL8vBEEUx4fl3EVjYlc4BZkrDg5HRKNxkUgkCtvREfRynW6j1Tgh6ju9uNOoRSOiuVql1PEXeDs3+97sj5d71U4++9kf33lvhDTlHp4E+Y27mlmORcA7Erpyfhx4VWHK8W1Q1Pcbp2mBA2HVFYEpEasGgus4KBiAAikGPCXBaA8UgyTINzWYEKk61mA/DYY1qKaBEwJPZJQPYCILHAPYygJDAKx3B/R2AJSHs0upAKDE1+mmHADaohp9iAMgIEG6kZ4HYAlS7kQrACS4t6AQCFDYztVAwUdVUaiK00hx8HPzIAiBSo5+sOGG6qnJtECRFEAIlX2MZCsW1BmGyMTObhS7tXwz8O3DNxzfonxTu4kxeO8/OPKFGTV2OPlx5g8A/siQxefPevlrs5kE0yNK13k7Dqa6ytRS2wben8Ja8S1wr6y6IDCuYrWK4DIO5gxAgRQDbpJgvge8ehKUfQ1mVKp+NbhJg3kNummwFIJplVFtAGNZYABAKwssAOjQkt62CGANV8sPeFkC8IqrH7qpAqCLQlNO4vcCqJMg3UgvA7AEKfeiFQASiuuk0KNAeKzUQMFHdVH4Vm+g4MvNFQhKoVKhH1wFQYHSy7REkZRACJUORtKKBfWBITKxsxvFbS3bDGz7sA3HtSjb1NwYsIPDjRo7nMw4NxIHwKDSNdvud2T8A23a3V/RbdEeAAAAAElFTkSuQmCC') no-repeat left top; z-index: 950; } #btnGoUp:hover { background-position: left bottom; } dir{padding-left:25px;} .button.google.ggButtonLogin{display:inline-block;font-weight:bold;cursor:pointer;background:#fff;color:#444;font-size:14px;border-radius:4px;width:100%;height:40px;line-height:38px;padding:0 20px 0 9px;margin:0;border:1px solid #c7c7c7;} .button.google.ggButtonLogin>i{float:left;margin:3px 0 0 2px} form#finsc_full .google>i { float:none; margin-top:1px; } form#finsc_full .google { width:49%; margin:14px 1% 0 0; float: left; line-height: 36px; height: 36px; padding:0; } /*** Tooltips ***/ .has-tip { border-bottom: none; cursor: pointer; font-weight: bold; color: #333; } .has-tip:hover, .has-tip:focus { border-bottom: none; color: #f00055; } /*** Pop-ups ***/ .reveal-modal {padding:10px 30px;background:#363636; border: 10px solid #363636;line-height:22px;} /* ----------------------------------------- 02. Header Section ----------------------------------------- */ /*** Top links ***/ .top-links { text-align: center; color: #fff; padding:1px 4px;background:rgba(0, 0, 0, 0.8);min-height:27px;font-size:12px;line-height:24px;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;} .top-links a { color: #fff; } .top-links a:hover { color: #f00056; } /*** Logo ***/ #header h1.no-margin a, #footer>div>div>span{width: 100%;text-align: center;font-family: yesteryear;color: white;display: inline-block;font-size: 38px;line-height: 70px;} #logo { line-height:0; text-indent: -9999px; padding-top: 0; margin: 0;width:100%;} #logo img { display: block; float: none;max-height: 108px;margin:0 auto;} #logo a {} #language{padding:40px 20px;width:100%;text-align:center;max-width:490px;margin:auto;} #language>a{margin:0 6px;text-indent: -9999px;line-height: 54px;} /*** Search Form ***/ /* input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 50px white inset !important; border-color:transparent; } */ input:-webkit-autofill, input:-webkit-autofill:focus { color-scheme: dark; } input::placeholder, input::-webkit-input-placeholder{color: rgba(255, 255, 255, 0.8);text-align:center;} #allinsc{border-radius:8px 8px 0 0;background: rgba(0,0,0,0.5);display:block;overflow:hidden;min-height:468px;box-shadow:0 0 20px 10px rgb(0 0 0 / 20%);} #allinsc form{position:relative;overflow:hidden;cursor:default;margin:0;} .form-wrapper {max-width:400px;min-height: 492px; float:none;margin:0 auto;} .form-search {display:inline-block;width:100%; padding: 0 12px;position: relative; border-left: 10px solid transparent; border-right: 10px solid transparent;border-bottom: 10px solid transparent;} .form-search label { color: #fff; } .form-search .notch { position: absolute; bottom: -10px; left: 20px; margin: 0; border-top: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #0296c0; padding: 0; width: 0; height: 0; } .form-header {padding:0 5px 6px;border: 10px solid transparent;} .form-header label.lead{margin:0;display:inline-block;color: #fff; font-size: 16px;position: absolute;top:58px;pointer-events:none;text-align:center;left:-44px;padding:5px 20px;height:26px;background:#f00056;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);z-index:1;min-width:228px;will-change: transform;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .form-footer {min-height:173px; padding: 20px 20px 10px; border-left: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid transparent;background:rgba(0, 0, 0, 0.7);margin-bottom:20px;border-radius:0 0 8px 8px;box-shadow:0 0 20px 10px rgb(0 0 0 / 20%);} .form-footer h2{font-size:17px;} .form-search h5.white-text.no-margin.text-left{line-height:26px;} .form-search.custom div.custom.dropdown { display: block; position: relative; width: auto; height: 32px; margin-bottom: 9px; margin-top: 2px; } .form-search.custom div.custom.dropdown a.current { display: block; width: auto; line-height: 30px; min-height: 32px; padding: 0; padding-left: 6px; padding-right: 38px; border: solid 1px #34afd2; color: #fff; background-color: #34afd2; white-space: nowrap; } .form-search.custom div.custom.dropdown a.selector { position: absolute; width: 27px; height: 32px; display: block; right: 0; top: 0; border: solid 1px #34afd2; } .form-search.custom div.custom.dropdown a.selector:after { content: ""; display: block; content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #fff transparent transparent transparent; position: absolute; left: 50%; top: 50%; margin-top: -2px; margin-left: -5px; } .form-search.custom div.custom.dropdown ul { position: absolute; width: auto; display: none; margin: 0; left: 0; top: 31px; margin: 0; padding: 0; background: white; background: rgba(255, 255, 255, 0.95); border: solid 1px #b7f0ff; } .form-search.custom div.custom.dropdown ul li { color: #555555; font-size: 13px; cursor: pointer; padding: 3px; padding-left: 6px; padding-right: 38px; min-height: 18px; line-height: 18px; margin: 0; white-space: nowrap; list-style: none; } .form-search.custom div.custom.dropdown ul li.selected { background: #b9f0ff; color: black; } .form-search.custom div.custom.dropdown ul li:hover { background-color: #b9f0ff; color: black; } .form-search.custom div.custom.dropdown ul li.selected:hover { background: #b9f0ff; cursor: default; color: black; } .form-search input[name='email']{text-align:center;height:50px;font-size:20px;background:rgba(0,0,0,0.5);border:2px solid #202020;color:white;line-height:normal;border-radius:3px;} form[name='log_offline']{display:none;} select{ background-color: rgba(0,0,0,0.75); font-family: inherit; border: 1px solid rgba(0,0,0,0.75); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); color: rgba(255,255,255,1); display: block; font-size: 16px; margin: 0 0 12px 0; padding:3px 6px; height:52px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; text-align:center; } /*.form-search .button { background: #34afd2; border: 1px solid #34afd2; }*/ .form-search .button:hover, .form-search .button:focus { color: white; background-color: #30bee6; border: 1px solid #30bee6; } /*** LogIn and Signup Forms ***/ .login-buttons{margin-top:20px;padding:0;} .login-buttons em { line-height: 22px; margin: 3px -6px; z-index: 1; position: relative; width:22px; height: 22px; display: inline-block; color: #69717e; text-align:center; -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; background: #fff; } .reveal-modal .label { font-weight: normal; } .reveal-modal input:focus:invalid { /* insert your own styles for invalid form input */ border-color: red; } /*** Profile Thumbs Carousel ***/ .carousel-profiles { margin: 0; overflow: hidden; max-height: 140px;height: 120px;width:100%;} .carousel-profiles ul { margin: 0; padding: 0; list-style: none; display: block;min-height:132px; } .carousel-profiles li { text-align: center; background-color: transparent; border: 3px solid rgba(0, 0, 0, 0.5); width: 94px; height: 120px; padding: 0; margin: 6px; display: block; float: left; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;box-sizing:content-box } .carousel-profiles li:hover { border: 3px solid #f00056; -webkit-animation: pulse ease-in-out 1 normal 500ms; -moz-animation: pulse ease-in-out 1 normal 500ms; -ms-animation: pulse ease-in-out 1 normal 500ms; -o-animation: pulse ease-in-out 1 normal 500ms; animation: pulse ease-in-out 1 normal 500ms; } .carousel-profiles img { -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;width:83px;height:83px;object-fit:none} .carousel-profiles li>a{display:inline-block} /* ----------------------------------------- 03. Call To Actions Section ----------------------------------------- */ #call-to-actions { padding-top: 60px; padding-bottom: 30px; text-align: center;} #call-to-actions .section-title { opacity: 0; font-family: 'Yesteryear', cursive; font-size: 68px; } #call-to-actions .lead {margin:50px;opacity:0;} #call-to-actions .take-action { width: auto; margin: 0 auto; display: inline-block;} #call-to-actions .take-action .button{min-width:280px;} #call-to-actions .or-block { display: inline-block; padding: 15px 5px 16px; font-style: italic; } /*#call-to-actions img{filter:opacity(0.5) grayscale(1) brightness(5);min-width:160px;} #call-to-actions img:hover{filter:opacity(1) grayscale(1) brightness(5);}*/ .map-bg { background: url(/landings/images/map-bg.png) center 210px no-repeat; } /*** Status Icons ***/ .status { text-align: center; position:relative; bottom: 0px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .status:hover { bottom:5px; } .status:hover .icon[data-animation=pulse] { filter: brightness(5); -webkit-animation: pulse ease-in-out 1 normal 500ms; -moz-animation: pulse ease-in-out 1 normal 500ms; -ms-animation: pulse ease-in-out 1 normal 500ms; -o-animation: pulse ease-in-out 1 normal 500ms; animation: pulse ease-in-out 1 normal 500ms; } .status .block-grid li { float: none; font-size: 18px; color: #fafafa; min-height: 60px; } .status .block-grid li.title { font-size: 35.5px; min-height: 22px; } /* ----------------------------------------- 04. Video Section ----------------------------------------- */ /* iframe { border: none; } #markerPoint {} #video { display: none; margin-bottom: 40px; background: #000; box-shadow: 0 0 10px #777; } #video .central { position: relative; background: url(/landings/images/loading_dark.gif) center center no-repeat; } #video .central a#videoClose { position: absolute; right: 40px; bottom: 43px; width: 34px; height: 34px; z-index: 9999; } */ /* ----------------------------------------- 05. Feature Text ----------------------------------------- */ div.four.columns>i[class^="ico"]{font-size:60px;height:120px;width:120px;border:8px solid #FFFFFF80;line-height:104px;background:#FFFFFF60;opacity:0.7;display:inline-block;border-radius:100%;margin:20px auto 40px;} div.columns.four:hover>i[class^="ico"]{opacity:1} #feature-text { margin-bottom: 20px; padding-top: 60px; } #feature-text p{min-height:160px;margin-bottom:30px;font-size:16px;line-height:2;} /* ----------------------------------------- 06. Testimonials ----------------------------------------- */ .testimonials-carousel {position:relative; min-height:145px;display:inline-flex;align-items: center;} .testimonials-carousel li { text-align: center; padding: 0; background: none; list-style: none; } .quote-content { margin: 14px; font-size: 17px; line-height: 1.6; font-style: italic; } .quote-author { margin-top: 12px; font-size: 11px; } .author-description { color: #aaa; } /* ----------------------------------------- 07. Support & Newsletter ----------------------------------------- */ #support {padding-top: 40px;} #newsletter-form #result {} /* ----------------------------------------- 08. Footer ----------------------------------------- */ #footer { /*background: #0076a3 ;*/ padding-top:70px; padding-bottom: 20px; color: #fff;} #footer img{width:200px;max-width:49%;} #footer img.relative{top:-5px} /*#footer a:last-child{vertical-align:5px;}*/ #footer h5 { color: #fff; margin-bottom: 20px; } #footer hr { border: solid #fff; border-width: 1px 0 0; } #footer .section { margin-bottom: 10px; } #footer a.white-text{float:left;line-height:48px;width:50%;font-size:15px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;padding: 0 0 0 10px;} #footer .six{width:49.8%;text-align:center} /*** Social Icons ***/ .footer-social-icons a { color: #fff; display: inline-block; margin-right: 5px; } /*** Twitter Feed ***/ .twitter-article {} .twitter-text {} .tweetprofilelink { margin-right: 5px; } .tweet-time a { padding: 1px 4px 2px; font-size: 11px; text-align: center; text-decoration: none; line-height: 1; white-space: nowrap; display: inline; position: relative; bottom: 1px; color: #9a9a9a; background: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } /*** Latest Blog ***/ .latest-blog li { list-style: none; display: inline-block; width: 100%; margin-bottom: 10px; } .latest-blog .avatar { width: 56px; height: 56px; padding: 3px; background: #777; display: inline-block; float: left; margin-right: 10px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } .latest-blog .avatar:hover { background: #f00056; padding: 0; -webkit-animation: pulse ease-in-out 1 normal 500ms; -moz-animation: pulse ease-in-out 1 normal 500ms; -ms-animation: pulse ease-in-out 1 normal 500ms; -o-animation: pulse ease-in-out 1 normal 500ms; animation: pulse ease-in-out 1 normal 500ms; border: 3px solid #f00056; } .latest-blog img { width: 50px; height: 50px; display: block; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; } /*** Newsletter Form ***/ #result { font-weight: bold; } /* ----------------------------------------- Boxed Page ----------------------------------------- */ .page { /*border: 1px solid #ddd; */background: #fff; box-shadow: 0 0 3px rgba(153, 153, 153, 0.1); max-width: 1170px; min-width: 300px; margin: 0 auto; } /* ----------------------------------------- Wide Page ----------------------------------------- */ .wide-style { background: #303030;color:#fff;background:linear-gradient(to bottom,#000 30%,#303030,#000 90%); margin: 0; max-width: none;overflow:hidden} .wide-style.ref{background:#303030;color:#fff;background:linear-gradient(to bottom,#000 2%,#303030,#000 90%);} section:nth-child(2){background:url(/landings/images/map-bg.png) center 310px no-repeat;} .panel {background: rgba(0, 0, 0, 0.15);border: solid 1px rgba(0, 0, 0, 0.1);margin: 0 0 22px 0;padding: 20px;color: white;border-radius:4px;} .panel>:first-child {color:white;} .wide-style.ref header h2{font-size:16px;max-width:100vw;margin:0 0 20px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:10px 0 0;line-height:normal} /* ----------------------------------------- Alertify ----------------------------------------- */ /* .alertify-show, .alertify-log{-webkit-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1);-webkit-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);-moz-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);-ms-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);-o-transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);transition:all 500ms cubic-bezier(0.175, 0.885, 0.320, 1.275);} .alertify-hide{-webkit-transition:all 250ms cubic-bezier(0.600, 0, 0.735, 0.045);-webkit-transition:all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-moz-transition:all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-ms-transition:all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-o-transition:all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);transition:all 250ms cubic-bezier(0.600, -0.280, 0.735, 0.045);} .alertify-log-hide{-webkit-transition:all 500ms cubic-bezier(0.600, 0, 0.735, 0.045);-webkit-transition:all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-moz-transition:all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-ms-transition:all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);-o-transition:all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);transition:all 500ms cubic-bezier(0.600, -0.280, 0.735, 0.045);} .alertify-cover{position:fixed;z-index:99999;top:0;right:0;bottom:0;left:0;} .alertify-cover-hidden{display:none;} .alertify{position:fixed;z-index:99999;top:50px;left:50%;width:550px;margin-left:-275px;opacity:1;} .alertify-hidden{-webkit-transform:translate(0,-150px);-moz-transform:translate(0,-150px);-ms-transform:translate(0,-150px);-o-transform:translate(0,-150px);transform:translate(0,-150px);opacity:0;display:none;} :root *> .alertify-hidden{display:block;} .alertify-logs{position:fixed;z-index:39;bottom:10px;right:10px;width:222px;cursor:pointer;} .alertify-logs-hidden{display:none;} .alertify-log{display:block;margin-top:10px;position:relative;right:-222px;opacity:0;} .alertify-log-show{right:0;opacity:1;} .alertify-log-hide{-webkit-transform:translate(300px, 0);-moz-transform:translate(300px, 0);-ms-transform:translate(300px, 0);-o-transform:translate(300px, 0);transform:translate(300px, 0);opacity:0;} .alertify-dialog{padding:25px;} .alertify-resetFocus{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;} .alertify-inner{text-align:center;} .alertify-text{margin-bottom:15px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;} .alertify-buttons{} .alertify-button, .alertify-button:hover, .alertify-button:active, .alertify-button:visited{background:none;text-decoration:none;border:none;line-height:1.5;font-size:100%;display:inline-block;cursor:pointer;margin-left:5px;} .alertify-isHidden{visibility:hidden;} @media only screen and (max-width:680px){ h2 { font-size: 22px; margin-bottom: 24px; } .alertify,.alertify-logs{width:90%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} .alertify,.alertify-logs{left:5%;margin:0;display:none;} } .alertify,.alertify-log{font-family:sans-serif;} .alertify{background:#FFF;border:10px solid #333;border:10px solid rgba(0,0,0,.7);border-radius:8px;box-shadow:0 3px 3px rgba(0,0,0,.3);-webkit-background-clip:padding;-moz-background-clip:padding;background-clip:padding-box;} .alertify-text{border:1px solid #CCC;padding:10px;border-radius:4px;} .alertify-button{border-radius:4px;color:#FFF;font-weight:bold;padding:6px 15px;text-decoration:none;text-shadow:1px 1px 0 rgba(0,0,0,.5);box-shadow:inset 0 1px 0 0 rgba(255,255,255,.5);background-image:-webkit-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image:-moz-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image:-ms-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image:-o-linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));background-image:linear-gradient(top, rgba(255,255,255,.3), rgba(255,255,255,0));} .alertify-button:hover, .alertify-button:focus{outline:none;background-image:-webkit-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));background-image:-moz-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));background-image:-ms-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));background-image:-o-linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));background-image:linear-gradient(top, rgba(0,0,0,.1), rgba(0,0,0,0));} .alertify-button:focus{box-shadow:0 0 15px #2B72D5;} .alertify-button:active{position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);} .alertify-button-cancel, .alertify-button-cancel:hover, .alertify-button-cancel:focus{background-color:#FE1A00;border:1px solid #D83526;} .alertify-button-ok, .alertify-button-ok:hover, .alertify-button-ok:focus{background-color:#5CB811;border:1px solid #3B7808;} .alertify-log{background:#1F1F1F;background:rgba(0,0,0,.9);padding:10px 20px;border-radius:4px;color:#FFF;text-shadow:-1px -1px 0 rgba(0,0,0,.5);} .alertify-log-error{background:#FE1A00;background:rgba(254,26,0,.9);} .alertify-log-success{background:#5CB811;background:rgba(92,184,17,.9);} #popTitle{text-align:left;color:white;line-height:16px;float:left;padding:0;margin-left:-10px;width:200px;height:16px;overflow:hidden;font-weight:bold;} #popDesc{color:white;line-height:19px;padding:20px 2px 0;font-weight:bold;font-family:Arial;cursor:pointer;font-size:11px;} #popBtn{text-align:center;padding-top:3px;padding-bottom:2px;width:194px;} */ #crea_pseudo,#crea_pseudo2,#crea_pass,.crea_pseudo,.crea_pass{margin:3px;cursor:pointer;} .cgv{text-decoration:underline;} footer .cgv{line-height:48px} /* .digit.static { box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.35); background-image: linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -o-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -moz-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -webkit-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -ms-linear-gradient(bottom, #3A3A3A 50%, #444444 50%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.5, #3A3A3A),color-stop(0.5, #444444)); } .digit { display: inline-block; width: 1em; background-color: #444; border-radius: 0.2em; text-align: center; color: #fff; letter-spacing: -1px; font: 14px ‘Open Sans Condensed’,sans-serif; margin: 0 1px 5px; } */ .offline_statut {font-size:1.2em;background: #858585;font-weight: bold;position: absolute;z-index: 11;cursor: pointer;padding: 2px 10px;left:10px;top:10px;border-radius:4px;} .online_statut {font-size:1.2em;background: #307908;font-weight: bold;position: absolute;z-index: 11;cursor: pointer;padding: 2px 10px;left:10px;top:10px;border-radius:4px;} /* ----------------------------------------- 09. Animations ----------------------------------------- */ .pulse{animation:pulse ease-in-out 1 normal 500ms;} @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 33% { -webkit-transform: scale(0.9); } 66% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 33% { -moz-transform: scale(0.9); } 66% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-ms-keyframes pulse { 0% { -ms-transform: scale(1); } 33% { -ms-transform: scale(0.9); } 66% { -ms-transform: scale(1.1); } 100% { -ms-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 33% { -o-transform: scale(0.9); } 66% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 33% { transform: scale(0.9); } 66% { transform: scale(1.1); } 100% { transform: scale(1); } } /* ----------------------------------------- 10. Mobile Specific ----------------------------------------- */ @media only screen and (max-width: 767px) { .class-name {} } /* Very large display targeting */ @media only screen and (min-width: 1441px) { .class-name {} } /* Medium display targeting */ @media only screen and (max-width: 1279px) and (min-width: 768px) { .class-name {} } @media only screen and (max-width: 960px) and (min-width: 768px) { #header .five.columns.form-wrapper{width:55%;} } /* Small display targeting */ .form-header h2{font-size:28px;font-weight:bold;color:#fff;text-align:center;text-transform:uppercase;margin:0;} @media only screen and (max-width: 767px) { .status .icon { min-height: inherit; } h1 { margin-bottom: 20px; } .reveal-modal{padding:10px;} .reveal-modal .form-header, .reveal-modal .form-search{border:0!important;padding:0 10px 6px;} .form-header h2{font-size:24px;} #call-to-actions, #feature-text { padding-top: 20px;} .form-search .mobile-four label { line-height: 12px; padding-top: 10px; } .testimonials_carousel { min-height: inherit; } .button-group.expand li { width: 100%; } .boxed-style { padding-top: 0; padding-bottom: 0; } #footer .section { margin-bottom: 40px; } #btnGoUp { display: none; } #logo img{margin:10px auto 20px;float:none;} /*#header .login-buttons {padding:0 16px;margin:0;}*/ #header .login-buttons ul{margin:0;float:none;transform:scale(.8);transform-origin:top;} #header .login-buttons ul li{width:50%;} #header{padding-top:0;} .button.large{padding:15px 5px 16px;} .form-footer{padding:10px 0 0;min-height:150px;} .form-footer h5{padding-left:10px} #header .five{padding:0 4px!important} } /* Orientation targeting */ @media screen and (orientation: landscape) { .class-name {} } @media screen and (orientation: portrait) { .class-name {} } /* Specific overrides for elements that require something other than display: block */ @media only screen and (max-width: 1279px) and (min-width: 768px) {.class-name {} } @media only screen and (max-width: 767px) { .class-name {} } /* 1280 tablet ------------ */ @media only screen and (max-width: 1280px) { .class-name {} } /* Covering almost all ----- */ @media only screen and (max-width: 800px), only screen and (width: 1024px) and (height: 600px), only screen and (width: 1280px) and (orientation: landscape), only screen and (width: 800px), only screen and (max-width: 767px) { .class-name {} } /* Between Medium and Small */ @media only screen and (max-width: 1279px) and (min-width: 768px) { .class-name {} } /* Small Devices ------------ */ @media only screen and (max-width: 767px) { .class-name {} } /* Topbar Specific Breakpoint that you can customize */ @media only screen and (max-width: 940px) { .class-name {} } .mineurs{background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAACplBMVEVkChSfBhiSBxeVBhaVCBmVCxyVBxeVCRqTBxedBhdwChaeBRb/ABzvABr0Ah7yABXwAATxAAfzABrzARzzABvyABDyABHwARu1BRnvARvcByHdABDgICzqcHjpZW7fDiHeABbfAxveABncAAfiMDboZGroZGnhLjXbABrtARuqBxqVBxjbAADfAAz3v8P////lJC7hABDjAx7gAAnxjpDwiozcAAjxAR2sBxqUAxL0ECTsf4X5zc///fz+9PfkICvhABXfAAjsZ27pZGvuAAetCh6TAAr2KTP//Pz+9/nkISzhABLgAA34wMTtgITugob0v8LuAAutBxyUBBP0DiPnW2HtcXjkIizhBxT50tL//v/jJCrjJyz20NHvBBKsBRnaAADiDBn+9vngAA74xcjiJCrjJiz0w8fuAAytBxvzAh7eABXlIi3+9vjkISvfAAfucHjwkJPxkZXqbnXuAAbzAh3dABHkHin+9fjhABHjAh7eAAj3wsf3u8DbAAThABTgAAzpU1z//P3/+vr/+fvmT1jvAAutCh3gARD5ztHoU1jpVVv2zc/uAA6sBxvkGij+8vT/+v3iGyLiHiX68PLyEySrAhPlIi7gAAjkHSv/+/7iGB///P/68vTyFSarARLlIizhAA7iCxr74OLte3/tfYH43uDwBxesBBf+9ff0pKr++vrwo6jtAAWtCR70Ah3kHyv/+f3/+v7lIy3iABXkICn619j61NXfHSfwABSsCRzbABjgCR3kQ0vlR03gCh7fABffBB3eABDeDBbnVlvsdoHsdoDnVVreCxXaABHuAh2rBxmbBRbrARvtAA3tAAzvAh3vABjtAAnsAATsAh3+ABuzBRl1Cha/BhuzBxq1Bxu2Ch61Bxq1CBy2Ch+2CyC+BhuEChmYRX/yAAAAAWJLR0QvI9QgEQAAAAd0SU1FB+QLBgkHGq5IycsAAAGISURBVBjTY2BgZGJmYWVlAwF2VlZ2Ng5OLgZuHl4+fgFBIWERYT5RQUExPnEeCQYOSSlpGVk5eQVFJWUVVTV1ZQ1NLQZtIR1dPX19A0MjYxN9IDA1M7dgsLSyttG3tbN3cHTSBwNnF1cGN3d9fQ99Ty9vH199fT9/ff2AwCCG4JDQME99z3DDiEj9qOgYff3YuHgGbZGERDv9JC/v5BT9qNQ0ff30jEwGtqzsnFz9pDyH/AJ9/cIiff3iElcGttKy8gqgysqq6hqQPbV1QNuhgnn1DY1N+s3N+i2tbe0IlR2d+vpd3fr6Pb19MMEc4/4J+hMnTZ6oP2XqNJjg9Bkz7fRnzZ40R3/uvPlQwdwFCxct1tdfslRff9nyFWDBlfq5efX5q/RX6wPRmrXrGNjWS2/YqL9ps/eWrdtATtq+Y+cuBg7x3Xv27tu7/8DBQ4ePHD12/MTJU6cZzvCc5T13/hyvJO+Fi5cuX7508crVawzXb9y8dfv27Vt3bt25e+/+/Xt3bz54CAD8GJPxTpHRGAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0xMS0wNlQwOTowNzoxNiswMDowMCe7kD0AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMTEtMDZUMDk6MDc6MTYrMDA6MDBW5iiBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAABJRU5ErkJggg==') 0 0 no-repeat;width:20px;height:20px;background-size:cover;display:inline-block;vertical-align:top;margin:0 5px 5px 0;} .top-links .mineurs{margin-bottom:0;} #_exit_subst{display:none;z-index:40;top:0;left:0;right:0;bottom:0;position:absolute;height:100%;width:100%;overflow:auto;} #_exit_subst h4{margin:40px 0;color:white;} #_exit_subst #exit_wrp{position:relative;height:100%;overflow:auto;text-align:center;} #_exit_subst #exit_cont{display:inline-block;clear:both;margin:0 auto;color:white;} #_exit_subst #exit_logo{width:100%;clear:both;height:85px;margin-left:-34px;margin-top:5px;} #_exit_subst #exit_infos{border-left-width:0;border-bottom-width:10px;line-height:36px;text-align:left;font-weight:bold;color:white;height:480px;float:left;} #_exit_subst #exit_infos #exit_mp{clear:both;overflow:hidden;height:195px;padding:5px;line-height:21px;background:white;color:black;border-radius:10px;} #_exit_subst #exit_infos #exit_mp img{float:left;margin:0 10px 0 0;} #_exit_subst #exit_infos span img{margin:4px 2px;cursor:pointer;width:105px;} #finsc{display:none;} #finsc_exit input{margin:0 0 5px;} #finsc_exit select{margin:0 0 5px;} #finsc_exit #jdn{width:25%!important;float:left;} #finsc_exit #mdn{width:40%!important;float:left;} #finsc_exit #adn{width:35%!important;float:left;} #finsc_exit .icon-refresh{margin:2px 2px 0;} #finsc_exit #fmineur{font-size:12px!important;line-height:18px!important;text-align:center;color:red;} #finsc_exit{border-bottom-width:10px;float:left;height:480px;position:relative;color:white;margin:0;font-size:12px;text-align:center;font-weight:bold;} #finsc_exit sup{display:inline-block;text-align:center;} .reveal-modal .close-reveal-modal:empty:before{content:'×'} @media only screen and (max-width: 767px) { #_exit_subst h4{font-size:17px;} #_exit_subst #exit_logo{margin-left:20px;} #_exit_subst #exit_infos{border-color:transparent;background:transparent;height:600px;} body.modal-open div.page>*:not(.reveal-modal){display:none;} .reveal-modal{width:100%;top:0!important;min-height:100vh;min-height:100dvh;margin-left:-50%!important;max-width:100%!important} } .adsbygoogle{display:block;min-height:60px;min-width:320px;width:100%;} .adsbygoogleCT{display:block;min-height:15px;text-align:center;} /* .numerovert { margin-top:30px; font-size:2em; font-family: sans-serif; display: inline-block; font-weight: bold; } .numerovert .type { color: white; background: green; padding: 0 .4em; margin: 0; border: 1px solid green; -webkit-border-top-left-radius: .5em; -webkit-border-bottom-left-radius: .5em; -moz-border-radius-topleft: .5em; -moz-border-radius-bottomleft: .5em; border-top-left-radius: .5em; border-bottom-left-radius: .5em; } .numerovert .value { color: green; padding: 0 .4em; margin: 0; border: 1px solid green; background: white; -webkit-border-top-right-radius: .5em; -webkit-border-bottom-right-radius: .5em; -moz-border-radius-topright: .5em; -moz-border-radius-bottomright: .5em; border-top-right-radius: .5em; border-bottom-right-radius: .5em; } .numerovert .titre{font-size:0.6em;color:white;margin-bottom:5px;} .numerovert sup{color:white;font-size:0.6em;margin:5px 10px 0 0;float:right;} */ .btn-large{cursor:pointer;border:1px solid #f00056;color:#fff;background:#f00056;margin:1% 20%;border-radius:25px;font-size:12px;font-weight:normal;height:32px;line-height:30px;width:60%;padding:0;float:left;-webkit-transition: background-color .15s ease-in-out;-moz-transition: background-color .15s ease-in-out;-o-transition: background-color .15s ease-in-out;transition: background-color .15s ease-in-out;} .btn-large:hover{background:transparent;border-color:white;} /* pages ref */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%;object-fit:cover;height:460px}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .btn_profil span.icon{transition:1s all;cursor:pointer;position:absolute;z-index:10;right:10px;top:254px;font-size:52px;background:0;border:0;} .btn_profil span.icon:hover{color:gray} .btn_profil span.icon-heart{color:rgba(255, 255, 255, .8);text-shadow:0 1px 4px #00000050;bottom:20px;top:auto;} .btn_profil span.icon-heart:hover{color:red} .btn_profil span.icon-search, .btn_profil span.icon-map-marker, .btn_profil span.icon-comments, .btn_profil span.ico-webcam, .btn_profil span.icon-phone{padding:0;font-size:34px;width:52px;height:52px;line-height:52px;top:30px;bottom:auto;border-radius:100%;box-shadow:0 1px 4px #00000050;background:white} .btn_profil span.icon-map-marker, .btn_profil span.ico-webcam{top:104px;} .btn_profil span.icon-phone{top:178px;} .pop-cookies{position:fixed;bottom:0;background:black;padding:10px 10px 5px;width:260px;left:15px;line-height:26px;border:2px solid rgba(1255,255,255,0.2);z-index:101;display:none;} .pop-cookies a.icon-2x{border-radius:100%;width:42px;height:42px;line-height:42px;font-size:42px;background:white;color:black;display:inline-block;right:-21px;top:-21px;position:absolute;cursor:pointer;} #counter { height: auto; min-height: 30px; width:100%; position: relative; text-align: center; margin:auto; white-space:nowrap } #counter .nums { box-shadow: 0 1px 3px #111; border-top: 1px solid #393939; display: inline-block; height: 30px; margin: 0 1px; perspective: 1000px; position: relative; width: 36px; border-radius:4px; overflow:hidden; line-height: 30px; } #counter .nums:before { border-bottom: 1px solid black; content: ""; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; z-index: 1000; } #counter .nums:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; background: #2a2a2a; border-bottom: 1px solid #444444; border-top: 1px solid black; border-radius: 0 0 4px 4px; bottom: 0; box-shadow: inset 0 5px 10px #202020; color: #eeeeee; content: "0"; display: block; font-size:24px; height: 50%; left: 0; line-height: 0; overflow: hidden; position: absolute; text-align: center; text-shadow: 0 1px 2px #333; width: 100%; z-index: 0; } #counter .num-fix.nums:before{top:0;height:50%;background:black;color:#eeeeee;font-size:24px;line-height:1.2;overflow:hidden;} #counter .num-fix.nums:after, #counter .num-fix.nums:before{content: attr(data-num);} #counter .num-fix.nums>i{position:relative;z-index:1001;color:#eeeeee;} div.ref section>div>.four>.button.alert{position:absolute;left:0;bottom:0;right:0;margin:20px;} a#lamap:after{content: '⚪';font-size:220px;line-height:normal;opacity:.2;position:absolute;top:calc(50% - 180px);left:0;right:0;text-align:center;width:100%} #register_panel{border:none;background:#303030;background: linear-gradient(-15deg,#000 5%,#303030,#000 95%);overflow:hidden;max-width: 400px;margin-left: -200px;padding:32px 10px;} #register_panel .ribbon{line-height:24px;left:-40px;top:52px;min-width:210px;text-align:center;} .header-bg{min-height:800px;position:relative;} #header{position:relative;background:rgba(0,0,0,0.5);min-height:840px;} div.ref .header-bg{min-height:auto;height:auto;} div.ref #header{min-height:auto;height:auto;} .header-bg:after{position: absolute; bottom: 0; background:linear-gradient(to top, #000 10%, transparent 100%); display: block; content: ""; width: 100%; height: 20px;} div.page .ribbon{position: absolute; left:-42px; top:46px; background: #f00056; z-index:10; transform: rotate(-45deg); padding: 0 30px;min-width:200px} div.ref section>.row>.four.columns{overflow: hidden;padding:10px 20px 68px;font-size:14px;line-height:24px;height:460px;text-align:center;cursor:default;background-size: cover!important;border-radius:0;display:inline-flex;flex-direction:column;} div.ref section>.row>a.four.columns{cursor:pointer;} div.ref section>.row>.four.columns.no-padding{overflow:hidden;} div.ref section>.row>.four.columns div.intro{font-size:18px;line-height:28px;position:relative;margin:auto;width:100%} div.ref section>.row>.four.columns.theme{background:rgba(240, 0, 86, 0.5);color:white;} div.ref section>.row>.four.columns .btn-radius{display:inline-block;cursor:pointer;border:1px solid #f00056;color:#fff;background:#f00056;margin:2%;border-radius:100%;font-size:12px;font-weight:normal;height:32px;line-height:30px;width:32px;padding:0;-webkit-transition: background-color .15s ease-in-out;-moz-transition: background-color .15s ease-in-out;-o-transition: background-color .15s ease-in-out;transition: background-color .15s ease-in-out;} div.ref section>.row>.four.columns .btn-radius:hover{background:transparent;border-color:white;} div.ref section>.row>.four.columns h2, div.ref .row>.four.columns h3, div.ref .row>.four.columns h5{ text-align:center; position: relative; font-size: 20px; color: rgba(255,255,255,0.9); padding: 6px 6px 14px; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 6px 0 26px; background: #0000002e; border-radius: 10px; min-height:42px; } div.ref section>.row>.four.columns h2:first-letter, div.ref .row>.four.columns h3:first-letter, div.ref .row>.four.columns h5:first-letter{text-transform: capitalize;} div.ref section>.row>.four.columns h2:before, div.ref .row>.four.columns h3:before, div.ref .row>.four.columns h5:before{ content: ''; width: 50%; right: 0; height: 6px; border-radius: 3px 50% 50% 3px; z-index: 10; position: absolute; bottom: 3px; } div.ref section>.row>.four.columns h2:after , div.ref .row>.four.columns h3:after , div.ref .row>.four.columns h5:after { content: ''; width: 100%; left: 0; background: #FFFFFF80; height: 6px; border-radius: 50%; position: absolute; bottom: 3px; box-shadow: 0 1px 10px 2px rgb(255 255 255 / 20%); } div.ref section>.row>.four.columns h2:before, div.ref .row>.four.columns h3:before, div.ref .row>.four.columns h5:before{ background: #f00056; } .four.columns.theme>form, .four.columns.theme>div { position: relative; display: inline-flex; flex-direction: column; width:100%; } div.ref section>.row>.four.columns hr{margin:0 35%;width:30px;} div.ref section>.row>.four.columns .btn-large{box-shadow:0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);cursor:pointer;border:1px solid #f00056;color:#fff;background:#f00056;margin-left:20%;margin-right:0;border-radius:4px;font-size:14px;font-weight:normal;height:32px;line-height:30px;width:60%;padding:0;float:left;-webkit-transition: background-color .15s ease-in-out;-moz-transition: background-color .15s ease-in-out;-o-transition: background-color .15s ease-in-out;transition: background-color .15s ease-in-out;} div.ref section>.row>.four.columns .btn-large:hover{background:#f00056;border-color:#f00056;color:#fff;box-shadow:0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);} div.ref section>.row>.four.columns a.btn-large{position:absolute;left:0;bottom:8%;} div.ref section>.row>.four.columns.theme .btn-large:hover{background:#f00056;color:white;border-color:#f00056;} div.ref section>.row>.four.columns.theme .btn-large{border:1px solid #fff;color:#f00056;background:#fff;} div.ref section>.row>.four.columns sup{font-size:11px;line-height:14px;display:inline-block;margin-top:16px;} div.ref section>.row>.four.columns a.item{font-size:18px;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:white;} div.ref section>.row>.four.columns span.pull-right{font-family:"Yesteryear",Helvetica,Arial,sans-serif;font-size:20px;padding:10px;transform:rotate(-10deg);} div.ref section>.row>.four.columns img + h2, div.ref section>.row>.four.columns a>h4, div.ref section>.row>a.four.columns>h4{font-weight:bold;position:absolute;bottom:0;margin:0;left:0;right:0;background:linear-gradient(0deg, black, transparent);padding:20px 0;text-transform:uppercase;line-height:22px;} div.ref section>.row>.four.columns img + h2 span, div.ref section>.row>.four.columns a>h4>span, div.ref section>.row>a.four.columns>h4>span{font-weight:normal;color:#FFF;font-size:13px;width:100%;text-transform:capitalize;display:inline-block;text-align:center; padding: 0 50px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;} div.ref section>.row>.four.columns b{font-size: 24px;display: inline-block;width: 100%;} div.ref #finsc label{color:white;margin:0;line-height:26px;clear:both;padding:10px 5px 2px;} div.ref #finsc input[type='text'], div.ref #finsc select{text-align:center;float:left;color:white;background:#00000080;border-radius:4px;border:0;box-shadow:none;outline:none;margin:0;width:80%;} div.ref #finsc span.prefix, div.ref #finsc span.postfix{width:20%;float:left;} div.ref #finsc input::placeholder, #register_panel input::placeholder{color:rgba(255,255,255,0.8);} div.ref #finsc input[type='submit'].center{margin:0 20%;} div.ref #finsc select[name='est_un_homme']{text-indent:20px;} div.ref #finsc select[name='jdn']{width:20%;margin:0;} div.ref #finsc select[name='mdn']{width:35%;margin:0;} div.ref #finsc select[name='adn']{width:25%;margin:0;} div.ref #finsc i.icon.left{margin:0;position:absolute;left:14px;margin-top:8px;} /* div.ref #finsc i.icon.left.icon-male{top:156px;} div.ref #finsc i.icon.left.icon-calendar{top:230px;} */ div.ref #finsc #crea_pseudo{display: inline-block;margin: 12px auto 0 -48px;color: white;font-size: 20px;} body>div.ref section>.row>.four.columns:before { display: inline-block; content: ''; position: absolute; width: 100%; top: 0; left: 0; bottom:0; background:rgba(0,0,0,0.6); } body>div.ref section>.row>.four.columns.theme:before{background:rgba(0,0,0,0.7);} body>div.ref .pub{margin:25px 0;} body>div.ref h1[class^="logo-"]{margin:10px 0 0} body>div:not(.ref) section{display:none} body>div:not(.ref) footer{background:black;} body>div:not(.ref) #view-more{opacity:0.8;position:absolute;left:0;right:0;bottom:-65px;z-index:10;text-align:center;font-family:'Yesteryear',cursive;font-size:24px;line-height:36px;} body>div:not(.ref) #view-more:hover{opacity:1;transition:all .5s} body>div:not(.ref) #view-more i{font-size:70px;background:#f00056;width:70px;height:70px;display:inline-block;border-radius:100%;line-height:70px;cursor:pointer;} .margin-auto{margin:auto!important;} .relative{position:relative!important;} .flag{display:inline-block;width:32px;height:32px;background:url('/landings/images/flags.png') no-repeat;background:url('/landings/images/flags.webp') no-repeat}.flag.flag-at{background-position:-352px 0}.flag.flag-ve{background-position:-160px -448px}.flag.flag-bb{background-position:-32px -32px}.flag.flag-gm{background-position:-32px -160px}.flag.flag-tw{background-position:-352px -416px}.flag.flag-ee{background-position:-352px -96px}.flag.flag-ye{background-position:-352px -448px}.flag.flag-bn{background-position:-320px -32px}.flag.flag-tm{background-position:-160px -416px}.flag.flag-az{background-position:-448px 0}.flag.flag-gw{background-position:-256px -160px}.flag.flag-ge{background-position:-320px -128px}.flag.flag-ck{background-position:-288px -64px}.flag.flag-vc{background-position:-128px -448px}.flag.flag-gb{background-position:-256px -128px}.flag.flag-dm{background-position:-224px -96px}.flag.flag-ae{background-position:-32px 0}.flag.flag-gl{background-position:0 -160px}.flag.flag-bs{background-position:-416px -32px}.flag.flag-rs{background-position:-288px -352px}.flag.flag-bw{background-position:0 -64px}.flag.flag-tv{background-position:-320px -416px}.flag.flag-tt{background-position:-288px -416px}.flag.flag-ki{background-position:-96px -224px}.flag.flag-hn{background-position:-352px -160px}.flag.flag-bf{background-position:-128px -32px}.flag.flag-lt{background-position:-96px -256px}.flag.flag-dk{background-position:-192px -96px}.flag.flag-so{background-position:-256px -384px}.flag.flag-tj{background-position:-96px -416px}.flag.flag-si{background-position:-96px -384px}.flag.flag-ad{background-position:0 0}.flag.flag-es{background-position:0 -128px}.flag.flag-us{background-position:0 -448px}.flag.flag-lc{background-position:-416px -224px}.flag.flag-vg{background-position:-192px -448px}.flag.flag-cf{background-position:-160px -64px}.flag.flag-kh{background-position:-64px -224px}.flag.flag-sg{background-position:-64px -384px}.flag.flag-by{background-position:-32px -64px}.flag.flag-eh{background-position:-416px -96px}.flag.flag-vu{background-position:-288px -448px}.flag.flag-ga{background-position:-224px -128px}.flag.flag-td{background-position:0 -416px}.flag.flag-nz{background-position:-224px -320px}.flag.flag-cv{background-position:-32px -96px}.flag.flag-gn{background-position:-64px -160px}.flag.flag-ua{background-position:-416px -416px}.flag.flag-ir{background-position:-224px -192px}.flag.flag-ar{background-position:-288px 0}.flag.flag-tc{background-position:-448px -384px}.flag.flag-re{background-position:-224px -352px}.flag.flag-cg{background-position:-192px -64px}.flag.flag-cz{background-position:-96px -96px}.flag.flag-sm{background-position:-192px -384px}.flag.flag-mu{background-position:-224px -288px}.flag.flag-sd{background-position:0 -384px}.flag.flag-mc{background-position:-256px -256px}.flag.flag-co{background-position:-416px -64px}.flag.flag-aw{background-position:-416px 0}.flag.flag-ps{background-position:-64px -352px}.flag.flag-ag{background-position:-96px 0}.flag.flag-mv{background-position:-256px -288px}.flag.flag-dj{background-position:-160px -96px}.flag.flag-hr{background-position:-384px -160px}.flag.flag-gp{background-position:-96px -160px}.flag.flag-am{background-position:-192px 0}.flag.flag-do{background-position:-256px -96px}.flag.flag-tn{background-position:-192px -416px}.flag.flag-sv{background-position:-352px -384px}.flag.flag-qa{background-position:-192px -352px}.flag.flag-ni{background-position:-64px -320px}.flag.flag-cm{background-position:-352px -64px}.flag.flag-py{background-position:-160px -352px}.flag.flag-to{background-position:-224px -416px}.flag.flag-tl{background-position:-128px -416px}.flag.flag-mn{background-position:-32px -288px}.flag.flag-bm{background-position:-288px -32px}.flag.flag-mx{background-position:-320px -288px}.flag.flag-np{background-position:-160px -320px}.flag.flag-al{background-position:-160px 0}.flag.flag-tr{background-position:-256px -416px}.flag.flag-gh{background-position:-416px -128px}.flag.flag-bt{background-position:-448px -32px}.flag.flag-ml{background-position:-448px -256px}.flag.flag-ms{background-position:-160px -288px}.flag.flag-dz{background-position:-288px -96px}.flag.flag-gq{background-position:-128px -160px}.flag.flag-au{background-position:-384px 0}.flag.flag-de{background-position:-128px -96px}.flag.flag-af{background-position:-64px 0}.flag.flag-ke{background-position:0 -224px}.flag.flag-bo{background-position:-352px -32px}.flag.flag-kr{background-position:-224px -224px}.flag.flag-mo{background-position:-64px -288px}.flag.flag-jo{background-position:-416px -192px}.flag.flag-mm{background-position:0 -288px}.flag.flag-sr{background-position:-288px -384px}.flag.flag-gi{background-position:-448px -128px}.flag.flag-cl{background-position:-320px -64px}.flag.flag-na{background-position:-416px -288px}.flag.flag-kw{background-position:-256px -224px}.flag.flag-se{background-position:-32px -384px}.flag.flag-bz{background-position:-64px -64px}.flag.flag-sc{background-position:-448px -352px}.flag.flag-eg{background-position:-384px -96px}.flag.flag-ma{background-position:-224px -256px}.flag.flag-ht{background-position:-416px -160px}.flag.flag-jp{background-position:-448px -192px}.flag.flag-gy{background-position:-288px -160px}.flag.flag-pt{background-position:-96px -352px}.flag.flag-mz{background-position:-384px -288px}.flag.flag-my{background-position:-352px -288px}.flag.flag-gd{background-position:-288px -128px}.flag.flag-uy{background-position:-32px -448px}.flag.flag-sa{background-position:-384px -352px}.flag.flag-gt{background-position:-192px -160px}.flag.flag-nl{background-position:-96px -320px}.flag.flag-pw{background-position:-128px -352px}.flag.flag-er{background-position:-448px -96px}.flag.flag-ly{background-position:-192px -256px}.flag.flag-sb{background-position:-416px -352px}.flag.flag-nr{background-position:-192px -320px}.flag.flag-kp{background-position:-192px -224px}.flag.flag-ca{background-position:-96px -64px}.flag.flag-cd{background-position:-128px -64px}.flag.flag-as{background-position:-320px 0}.flag.flag-rw{background-position:-352px -352px}.flag.flag-mq{background-position:-96px -288px}.flag.flag-lk{background-position:0 -256px}.flag.flag-ai{background-position:-128px 0}.flag.flag-mt{background-position:-192px -288px}.flag.flag-be{background-position:-96px -32px}.flag.flag-mr{background-position:-128px -288px}.flag.flag-fm{background-position:-128px -128px}.flag.flag-bg{background-position:-160px -32px}.flag.flag-fr{background-position:-192px -128px}.flag.flag-cy{background-position:-64px -96px}.flag.flag-mh{background-position:-384px -256px}.flag.flag-sy{background-position:-384px -384px}.flag.flag-pr{background-position:-32px -352px}.flag.flag-fi{background-position:-64px -128px}.flag.flag-ky{background-position:-288px -224px}.flag.flag-ws{background-position:-320px -448px}.flag.flag-bh{background-position:-192px -32px}.flag.flag-br{background-position:-384px -32px}.flag.flag-zm{background-position:-416px -448px}.flag.flag-la{background-position:-352px -224px}.flag.flag-ec{background-position:-320px -96px}.flag.flag-cu{background-position:0 -96px}.flag.flag-om{background-position:-256px -320px}.flag.flag-fj{background-position:-96px -128px}.flag.flag-ro{background-position:-256px -352px}.flag.flag-cn{background-position:-384px -64px}.flag.flag-je{background-position:-352px -192px}.flag.flag-nc{background-position:-448px -288px}.flag.flag-lb{background-position:-384px -224px}.flag.flag-id{background-position:0 -192px}.flag.flag-zw{background-position:-448px -448px}.flag.flag-hk{background-position:-320px -160px}.flag.flag-ie{background-position:-32px -192px}.flag.flag-hu{background-position:-448px -160px}.flag.flag-li{background-position:-448px -224px}.flag.flag-pg{background-position:-384px -320px}.flag.flag-sl{background-position:-160px -384px}.flag.flag-me{background-position:-320px -256px}.flag.flag-sz{background-position:-416px -384px}.flag.flag-mw{background-position:-288px -288px}.flag.flag-fo{background-position:-160px -128px}.flag.flag-im{background-position:-128px -192px}.flag.flag-bj{background-position:-256px -32px}.flag.flag-bi{background-position:-224px -32px}.flag.flag-iq{background-position:-192px -192px}.flag.flag-no{background-position:-128px -320px}.flag.flag-lu{background-position:-128px -256px}.flag.flag-uz{background-position:-64px -448px}.flag.flag-kg{background-position:-32px -224px}.flag.flag-sn{background-position:-224px -384px}.flag.flag-jm{background-position:-384px -192px}.flag.flag-vi{background-position:-224px -448px}.flag.flag-ch{background-position:-224px -64px}.flag.flag-sk{background-position:-128px -384px}.flag.flag-ls{background-position:-64px -256px}.flag.flag-km{background-position:-128px -224px}.flag.flag-za{background-position:-384px -448px}.flag.flag-lr{background-position:-32px -256px}.flag.flag-gg{background-position:-384px -128px}.flag.flag-tg{background-position:-32px -416px}.flag.flag-ug{background-position:-448px -416px}.flag.flag-an{background-position:-224px 0}.flag.flag-it{background-position:-288px -192px}.flag.flag-th{background-position:-64px -416px}.flag.flag-ph{background-position:-416px -320px}.flag.flag-kz{background-position:-320px -224px}.flag.flag-gu{background-position:-224px -160px}.flag.flag-il{background-position:-64px -192px}.flag.flag-ci{background-position:-256px -64px}.flag.flag-pf{background-position:-352px -320px}.flag.flag-gr{background-position:-160px -160px}.flag.flag-pa{background-position:-288px -320px}.flag.flag-mg{background-position:-352px -256px}.flag.flag-ba{background-position:0 -32px}.flag.flag-ng{background-position:-32px -320px}.flag.flag-va{background-position:-96px -448px}.flag.flag-ne{background-position:0 -320px}.flag.flag-pl{background-position:0 -352px}.flag.flag-mk{background-position:-416px -256px}.flag.flag-et{background-position:-32px -128px}.flag.flag-kn{background-position:-160px -224px}.flag.flag-st{background-position:-320px -384px}.flag.flag-md{background-position:-288px -256px}.flag.flag-pk{background-position:-448px -320px}.flag.flag-ru{background-position:-320px -352px}.flag.flag-is{background-position:-256px -192px}.flag.flag-pe{background-position:-320px -320px}.flag.flag-ao{background-position:-256px 0}.flag.flag-lv{background-position:-160px -256px}.flag.flag-tz{background-position:-384px -416px}.flag.flag-vn{background-position:-256px -448px}.flag.flag-cr{background-position:-448px -64px}.flag.flag-bd{background-position:-64px -32px}.flag.flag-in{background-position:-160px -192px} /*.flag-s{display:inline-block;width:16px;height:16px;background:url('/landings/images/flags-small.png') no-repeat;margin: 2px 0 0 2px}.flag-s.flag-th{background-position:-32px -208px}.flag-s.flag-ht{background-position:-208px -80px}.flag-s.flag-bg{background-position:-80px -16px}.flag-s.flag-mu{background-position:-112px -144px}.flag-s.flag-nl{background-position:-48px -160px}.flag-s.flag-ni{background-position:-32px -160px}.flag-s.flag-cn{background-position:-192px -32px}.flag-s.flag-lk{background-position:0 -128px}.flag-s.flag-co{background-position:-208px -32px}.flag-s.flag-tj{background-position:-48px -208px}.flag-s.flag-pg{background-position:-192px -160px}.flag-s.flag-lr{background-position:-16px -128px}.flag-s.flag-dj{background-position:-80px -48px}.flag-s.flag-ae{background-position:-16px 0}.flag-s.flag-py{background-position:-80px -176px}.flag-s.flag-id{background-position:0 -96px}.flag-s.flag-gn{background-position:-32px -80px}.flag-s.flag-eg{background-position:-192px -48px}.flag-s.flag-bo{background-position:-176px -16px}.flag-s.flag-pa{background-position:-144px -160px}.flag-s.flag-gy{background-position:-144px -80px}.flag-s.flag-mr{background-position:-64px -144px}.flag-s.flag-bh{background-position:-96px -16px}.flag-s.flag-ec{background-position:-160px -48px}.flag-s.flag-om{background-position:-128px -160px}.flag-s.flag-je{background-position:-176px -96px}.flag-s.flag-tl{background-position:-64px -208px}.flag-s.flag-va{background-position:-48px -224px}.flag-s.flag-eh{background-position:-208px -48px}.flag-s.flag-ms{background-position:-80px -144px}.flag-s.flag-gb{background-position:-128px -64px}.flag-s.flag-sg{background-position:-32px -192px}.flag-s.flag-gl{background-position:0 -80px}.flag-s.flag-kz{background-position:-160px -112px}.flag-s.flag-sv{background-position:-176px -192px}.flag-s.flag-ro{background-position:-128px -176px}.flag-s.flag-li{background-position:-224px -112px}.flag-s.flag-gh{background-position:-208px -64px}.flag-s.flag-ge{background-position:-160px -64px}.flag-s.flag-nc{background-position:-224px -144px}.flag-s.flag-hn{background-position:-176px -80px}.flag-s.flag-vn{background-position:-128px -224px}.flag-s.flag-lu{background-position:-64px -128px}.flag-s.flag-aw{background-position:-208px 0}.flag-s.flag-pt{background-position:-48px -176px}.flag-s.flag-as{background-position:-160px 0}.flag-s.flag-it{background-position:-144px -96px}.flag-s.flag-ci{background-position:-128px -32px}.flag-s.flag-cy{background-position:-32px -48px}.flag-s.flag-cf{background-position:-80px -32px}.flag-s.flag-ru{background-position:-160px -176px}.flag-s.flag-uz{background-position:-32px -224px}.flag-s.flag-tr{background-position:-128px -208px}.flag-s.flag-vu{background-position:-144px -224px}.flag-s.flag-cl{background-position:-160px -32px}.flag-s.flag-bm{background-position:-144px -16px}.flag-s.flag-ua{background-position:-208px -208px}.flag-s.flag-to{background-position:-112px -208px}.flag-s.flag-by{background-position:-16px -32px}.flag-s.flag-kp{background-position:-96px -112px}.flag-s.flag-ky{background-position:-144px -112px}.flag-s.flag-bb{background-position:-16px -16px}.flag-s.flag-gm{background-position:-16px -80px}.flag-s.flag-bt{background-position:-224px -16px}.flag-s.flag-mt{background-position:-96px -144px}.flag-s.flag-kh{background-position:-32px -112px}.flag-s.flag-re{background-position:-112px -176px}.flag-s.flag-er{background-position:-224px -48px}.flag-s.flag-ls{background-position:-32px -128px}.flag-s.flag-st{background-position:-160px -192px}.flag-s.flag-ng{background-position:-16px -160px}.flag-s.flag-cm{background-position:-176px -32px}.flag-s.flag-fr{background-position:-96px -64px}.flag-s.flag-lv{background-position:-80px -128px}.flag-s.flag-gq{background-position:-64px -80px}.flag-s.flag-nz{background-position:-112px -160px}.flag-s.flag-tw{background-position:-176px -208px}.flag-s.flag-si{background-position:-48px -192px}.flag-s.flag-td{background-position:0 -208px}.flag-s.flag-sa{background-position:-192px -176px}.flag-s.flag-sy{background-position:-192px -192px}.flag-s.flag-vc{background-position:-64px -224px}.flag-s.flag-pf{background-position:-176px -160px}.flag-s.flag-nr{background-position:-96px -160px}.flag-s.flag-jm{background-position:-192px -96px}.flag-s.flag-me{background-position:-160px -128px}.flag-s.flag-jp{background-position:-224px -96px}.flag-s.flag-il{background-position:-32px -96px}.flag-s.flag-mz{background-position:-192px -144px}.flag-s.flag-us{background-position:0 -224px}.flag-s.flag-es{background-position:0 -64px}.flag-s.flag-sm{background-position:-96px -192px}.flag-s.flag-gp{background-position:-48px -80px}.flag-s.flag-gi{background-position:-224px -64px}.flag-s.flag-pw{background-position:-64px -176px}.flag-s.flag-rs{background-position:-144px -176px}.flag-s.flag-mk{background-position:-208px -128px}.flag-s.flag-ck{background-position:-144px -32px}.flag-s.flag-ws{background-position:-160px -224px}.flag-s.flag-lb{background-position:-192px -112px}.flag-s.flag-dm{background-position:-112px -48px}.flag-s.flag-hr{background-position:-192px -80px}.flag-s.flag-ve{background-position:-80px -224px}.flag-s.flag-do{background-position:-128px -48px}.flag-s.flag-no{background-position:-64px -160px}.flag-s.flag-bf{background-position:-64px -16px}.flag-s.flag-bs{background-position:-208px -16px}.flag-s.flag-az{background-position:-224px 0}.flag-s.flag-mn{background-position:-16px -144px}.flag-s.flag-ai{background-position:-64px 0}.flag-s.flag-tn{background-position:-96px -208px}.flag-s.flag-is{background-position:-128px -96px}.flag-s.flag-ps{background-position:-32px -176px}.flag-s.flag-md{background-position:-144px -128px}.flag-s.flag-cd{background-position:-64px -32px}.flag-s.flag-bw{background-position:0 -32px}.flag-s.flag-ki{background-position:-48px -112px}.flag-s.flag-tc{background-position:-224px -192px}.flag-s.flag-qa{background-position:-96px -176px}.flag-s.flag-sd{background-position:0 -192px}.flag-s.flag-ag{background-position:-48px 0}.flag-s.flag-bj{background-position:-128px -16px}.flag-s.flag-et{background-position:-16px -64px}.flag-s.flag-ao{background-position:-128px 0}.flag-s.flag-la{background-position:-176px -112px}.flag-s.flag-am{background-position:-96px 0}.flag-s.flag-ee{background-position:-176px -48px}.flag-s.flag-na{background-position:-208px -144px}.flag-s.flag-br{background-position:-192px -16px}.flag-s.flag-in{background-position:-80px -96px}.flag-s.flag-sz{background-position:-208px -192px}.flag-s.flag-fj{background-position:-48px -64px}.flag-s.flag-hk{background-position:-160px -80px}.flag-s.flag-de{background-position:-64px -48px}.flag-s.flag-ar{background-position:-144px 0}.flag-s.flag-an{background-position:-112px 0}.flag-s.flag-tv{background-position:-160px -208px}.flag-s.flag-pk{background-position:-224px -160px}.flag-s.flag-se{background-position:-16px -192px}.flag-s.flag-ke{background-position:0 -112px}.flag-s.flag-rw{background-position:-176px -176px}.flag-s.flag-pl{background-position:0 -176px}.flag-s.flag-np{background-position:-80px -160px}.flag-s.flag-cr{background-position:-224px -32px}.flag-s.flag-lt{background-position:-48px -128px}.flag-s.flag-sl{background-position:-80px -192px}.flag-s.flag-kn{background-position:-80px -112px}.flag-s.flag-sk{background-position:-64px -192px}.flag-s.flag-mh{background-position:-192px -128px}.flag-s.flag-za{background-position:-192px -224px}.flag-s.flag-ma{background-position:-112px -128px}.flag-s.flag-sb{background-position:-208px -176px}.flag-s.flag-mg{background-position:-176px -128px}.flag-s.flag-tg{background-position:-16px -208px}.flag-s.flag-mo{background-position:-32px -144px}.flag-s.flag-fi{background-position:-32px -64px}.flag-s.flag-at{background-position:-176px 0}.flag-s.flag-fo{background-position:-80px -64px}.flag-s.flag-tz{background-position:-192px -208px}.flag-s.flag-iq{background-position:-96px -96px}.flag-s.flag-cg{background-position:-96px -32px}.flag-s.flag-al{background-position:-80px 0}.flag-s.flag-mq{background-position:-48px -144px}.flag-s.flag-kw{background-position:-128px -112px}.flag-s.flag-hu{background-position:-224px -80px}.flag-s.flag-be{background-position:-48px -16px}.flag-s.flag-ug{background-position:-224px -208px}.flag-s.flag-gt{background-position:-96px -80px}.flag-s.flag-my{background-position:-176px -144px}.flag-s.flag-gu{background-position:-112px -80px}.flag-s.flag-sr{background-position:-144px -192px}.flag-s.flag-ye{background-position:-176px -224px}.flag-s.flag-tm{background-position:-80px -208px}.flag-s.flag-sn{background-position:-112px -192px}.flag-s.flag-dk{background-position:-96px -48px}.flag-s.flag-ca{background-position:-48px -32px}.flag-s.flag-so{background-position:-128px -192px}.flag-s.flag-mw{background-position:-144px -144px}.flag-s.flag-bz{background-position:-32px -32px}.flag-s.flag-ir{background-position:-112px -96px}.flag-s.flag-kr{background-position:-112px -112px}.flag-s.flag-im{background-position:-64px -96px}.flag-s.flag-ne{background-position:0 -160px}.flag-s.flag-bn{background-position:-160px -16px}.flag-s.flag-uy{background-position:-16px -224px}.flag-s.flag-ie{background-position:-16px -96px}.flag-s.flag-vi{background-position:-112px -224px}.flag-s.flag-zw{background-position:-224px -224px}.flag-s.flag-zm{background-position:-208px -224px}.flag-s.flag-af{background-position:-32px 0}.flag-s.flag-au{background-position:-192px 0}.flag-s.flag-mm{background-position:0 -144px}.flag-s.flag-mx{background-position:-160px -144px}.flag-s.flag-gd{background-position:-144px -64px}.flag-s.flag-ba{background-position:0 -16px}.flag-s.flag-ph{background-position:-208px -160px}.flag-s.flag-sc{background-position:-224px -176px}.flag-s.flag-cz{background-position:-48px -48px}.flag-s.flag-mc{background-position:-128px -128px}.flag-s.flag-ch{background-position:-112px -32px}.flag-s.flag-jo{background-position:-208px -96px}.flag-s.flag-mv{background-position:-128px -144px}.flag-s.flag-gr{background-position:-80px -80px}.flag-s.flag-vg{background-position:-96px -224px}.flag-s.flag-dz{background-position:-144px -48px}.flag-s.flag-km{background-position:-64px -112px}.flag-s.flag-ly{background-position:-96px -128px}.flag-s.flag-ad{background-position:0 0}.flag-s.flag-gg{background-position:-192px -64px}.flag-s.flag-pe{background-position:-160px -160px}.flag-s.flag-kg{background-position:-16px -112px}.flag-s.flag-fm{background-position:-64px -64px}.flag-s.flag-tt{background-position:-144px -208px}.flag-s.flag-gw{background-position:-128px -80px}.flag-s.flag-bd{background-position:-32px -16px}.flag-s.flag-cv{background-position:-16px -48px}.flag-s.flag-ga{background-position:-112px -64px}.flag-s.flag-lc{background-position:-208px -112px}.flag-s.flag-cu{background-position:0 -48px}.flag-s.flag-bi{background-position:-112px -16px}.flag-s.flag-pr{background-position:-16px -176px}.flag-s.flag-ml{background-position:-224px -128px}*/ .signature{color:white;float:right;margin:20px 40px;font-size:34px;font-family:Yesteryear;} #entrenous-content>p{float:none;font-size:26px;margin:25px 0;width:100%;text-align:center;font-family:Yesteryear;display:inline-block;} #entrenous-content>div>a:first-child{font-size:12px;line-height:16px;text-transform:capitalize;white-space:nowrap;position:relative;text-align:center;width:12%;float:left;display:inline-block;text-overflow:ellipsis;overflow:hidden;padding:0 5px;} #entrenous-content>div>a>img{border-radius:100%;} #entrenous-content>div>a:first-child>span{top:38px;right:34px;border-radius:100%;background:gray;border:2px solid rgba(0, 0, 0, 0.5);position:absolute;width:14px;height:14px;} #entrenous-content>div>a:first-child>span.online{background:green;} #entrenous-content>div>a:last-child{filter: blur(4px);font-size:16px;width:38%;text-align:justify;float:left;min-height:110px;max-height:110px;padding: 10px 15px;background:rgba(255, 255, 255, 0.2);color:white;border-radius:8px;margin:0 0 10px 0; overflow: hidden;line-height:24px;} #entrenous-content>div>a:last-child span{padding:5px 15px;} #ggButton{width:100%;height:40px;overflow:hidden;margin-top:14px;} .reveal-modal input[type="email"]{text-indent:-20px;} form label.cgv_label{margin:10px 0;font-size:12px;line-height:20px;display:inline-block;min-height:40px;} form label.cgv_label>input{margin:4px 4px 0 0;width:28px;height:28px;float:left;} body>div.ref #ggButton{margin:10px auto 0px;} body>div.ref #fbkButton{margin:10px auto;padding:0 10px;border:0;min-height:40px;height:40px;width:100%;position:relative;display:inline-block} #fpreinscref input[type='email']{width:100%;margin:0;/*border:2px solid #ffffff30;line-height:34px;*/height:48px;font-size:16px;border-radius:4px;} div#register_panel:before{content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;opacity: 0.1;z-index:-1} #menu-mobile{ display:none; z-index: 11; height: 48px; position: fixed; top:0; left: 0; right: 0; overflow: hidden; transition:all .5s ease-in-out; margin:0; } #menu-mobile>a>i{height:48px;line-height:48px;width:45px;float:left;text-align:right;} #menu-mobile>a>i:before{color:#ffffffaa;font-size:32px;margin:3px 0 0} #menu-mobile>ul{display:inline-block;margin-top:10px;} #menu-mobile>p.icon-power-off{width:40px;margin: 9px 0 0;color:#ffffffee;font-size:30px;float:right;text-align:left;} .btn_profil img{object-fit: cover;min-height:460px;width:100%;} #fpreinscref>span{background:#00000080;margin-bottom:0;line-height:22px;width:auto;border-radius:14px;padding:4px 8px;min-height:38px;} #fpreinscref>span>img{margin:0 5px 4px 0;float:left} div.ref.mobile .avatar{border-radius:100%;border:3px solid #ffffff50;margin:auto;box-sizing:content-box} div.ref.mobile div.intro>i.icon-globe{font-size:160px;text-shadow:0px 0px 100px white} #btn_top, #btn_up, #btn_down{display:none;text-align:center;position:fixed;right:10px;font-size:54px;background:#ffffff40;color:#00000080;bottom:80px;z-index:100;width:54px;height:54px;line-height:58px;border-radius:100%;} #btn_top{bottom:210px;line-height:54px} #btn_up{bottom:146px;line-height:50px} .margin-5{margin:5px;} @media only screen and (max-width: 767px) { body>div.ref h1[class^="logo-"]{margin:10px auto} .hide-on-mobile{display:none!important;opacity:0} #counter{transform:scale(1.2);transform-origin:center bottom;} .btn_profil img{height:calc(100vh - 48px)!important;height:calc(100dvh - 48px)!important;} #entrenous-content>div>a:first-child{width:80px;font-size:11px;} #entrenous-content>div>a:last-child{width:calc(100% - 100px);} #entrenous-content>div>a:first-child>span{right:14px;} .pop-cookies{width:calc(100vw - 21px);left:0;} div.ref.mobile section>.row>.columns{width:100vw!important;overflow:hidden;min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);scroll-snap-align: start;scroll-margin-top:48px;} #support>div>div, #support>form, #footer>div>div, #proxilinks{max-width:100vw;overflow:hidden;scroll-snap-align: start;margin:0 0 20px;min-height:250px;padding-top:48px} body>div.ref.mobile{overflow-x: hidden;overflow-y: scroll;scroll-snap-type: y mandatory;height:100vh;height:100dvh;scroll-snap-stop: always;} body.modal-open div.ref.mobile{margin-top:0} div.ref.mobile>header li{display:none;} div.ref.mobile>header:after{content:none} div.ref.mobile>header{position:relative;left:0;right:0;top:70px;z-index:10;background:0;width:100%;height:48px;} div.ref.mobile #header{top:50px;} div.ref.mobile #header, div.ref.mobile>header .top-links{background:0;} div.ref.mobile header h2{opacity:0;pointer-events:none} body.menu-mobile #btn_up, body.menu-mobile #btn_down, body.menu-mobile #btn_top, #menu-mobile{display:inline-block;} body.menu-mobile{overflow:hidden} a#lamap>span.icon{transform:translateY(48px)} div.ref section>.row>.four.columns div.intro{font-size:22px;line-height:38px;} div.ref section>.row>.four.columns.theme:first-child>form{top:80px;} } .button.google>i{float:none;display:inline-block;width:32px;height:32px;margin:2px auto;background-size:cover;background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAIAAABt+uBvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAAJN0lEQVR42mL4PwrwAoAAYhgNAvwAIIBGA4gAAAig0QAiAAACaDSACACAABoNIAIAIIBGA4gAAAig0QAiAAACaDSACACAABoNIAIAIIBGA4gAAAig0QAiAAACaMAC6M/zp9/37fw8tfdDfen7wrS3KRFvwrxeedq8crN47e/0JsL7bVL4h+pCoIJvG1b9unLx3+/fA+JOgACiawD9/fjh24bVH2qKXge7v3I2JQ152rwvyvi6bP6fZ0/o6WaAAKJHAAEj/8eRA8CU8srdkuRwwYbeZSd827j63/fvdHA8QADRNoD+/fzxddXi10GuVAkXNPQ60OXLgpl/P7ynqRcAAohWAfTv79/vOzYBixJaBA1KMPk5fl2zjHYlFEAA0SSAfl48CyxiaR00yOhtQsivS+dp4ReAAKJyAP378+fL/BmvXMzoGTpQ5GL2Ze60f3+onJQAAoiaAfTnxfN3+SkDEDTI5XdO4t+3r6noKYAAoloA/Tx3Cth+GdjQgaA3kT6/796mlr8AAog6AfTjxJFXHtaDIXSg6Sg95t+/f1TxGkAAUSGAfhzaB2z+Dp7QeRMb+Of1S2qlIIAAojSAvu/d8crVfLiGDhAABBBFAQTsIlGrcTw4QwcIAAKI/AACVhZvQj2Gd+gAAUAAkRlAwJbru7xkKlU6vh/baj/PnvJ19dLvu7cBEbB38nnmpI+dDW8TQwc2dIAAIIDIDKDPU3oorWiy4r9tWffn6RNCbatn3zave1+RNyChAwQAAUROAP26cZWStvKHhnJg4UWypTevfagqoHPoAAFAAJEcQMD2xbvsBLKLiZ/nT1NULVy9BDSEbqEDBAABRHIAfd++ibzQ+Tyt79/PH1QYdfv86UN1IX1CBwgAAoi0APr79cPrINL7E67m3zavpWaX+N8/YIlOh9ABAoAAIjGAHvR8nSj6ysOIhNDxsP5x7NDQHbQHCCAGUuLtz+8jyr/3sP5YzvsmVJfIAPq+Z/uQntUACCASAujvy7XA0IGgX1vZ32eqEgydL/NnDPVpH4AAIiGA/pxxhgcQBH1ukXrlYoIrdN6XZlOrSz2AACCAiA2gfz9f/d7DhhZAQPRtnsBrPwNsRY/V78cP/w99ABBAxAbQ36cLMEMHgn5u4HwXrzn8MhcEAAQQsQH052IorgACFUm7WD9WyCNmGvyd6DNpRQcAEEBEBdC/v79/7xfAE0AQ9HUytAXweXr//+ECAAKIuAD6fIVg6EDQj5U8byKM/jx9PGwCCCCAiAqgv8+XExlAoOx2wpYSB03f85PWaO6Bn8S7ByCAiAqgP7eriA+gP3dqKAkgp9YvdEDffhLb/gAIIOIC6Lw/8QH0983uwR9Ad178JdI9AAFEVAD9PmlBfAD9+/Nl8AfQoRvETsACBBBxAXRUk9gAOiBCYaFInwDaeOYXke4BCCDiAuigFLEBdFRzSATQiuPEltMAAURcAO3lJjaATtsNiQBacJDYAAIIIKoHkO2QCCBgZU+kewACaIRmsVn7iA0ggAAispDWIjaA9gsPiQBafITYAAIIoBFaza8+SWwtBhBAI7ShuOU8sQEEEEBEdjWqh1lX48QdYhuKAAFE/c7ql5M2gz+AHr8ltqsBEEBUHu64vUMwZLXb48/PyQ6g7Rd+kYeSZ30lMnRc2r78/kNsZxUggKg5YLZjq7ztCn+TFcF95+bTedTmz99/vj3EJp/oqV+JNxkggKgz5Pp9N1vPBgNg0ECQ49q4779/0DOALj78Q3z+atlAwnAwQABRYdD++S6epDUO8NCBoBmXltMzgKbv+UF8AG06+4t4kwECiNJpn5PbJdxWeqOFDhBZrgp/+OkZfULnw9d/3t0klND3X/0l3nCAAKJo4nDBJg3zFYGYoQNBWfsb6TNxOG03CckndOJXklwFEEBkTj1/2MVZvM4SV9DA0XTaZ7Qnb/+6d5CQfKbuJq1wBAgg0hYvfD8kDwydmzuEAle5EwwdCNr+gIZLO77++Jc48ytJLaAbz/6QZAVAAJG2/OXVjZotWxRswHU5kchqVcShp6dpETrAnFK96jtJoRM3/SuptgAEEGkB9OXHR9f1icSHDgSZrQxde3sndUPn5+9/wNqa1Ab0hjO/SLUIIIBIXoK38e5eUgMIgnrPzf/x5ydVQufVp78Zc7+RGjrBE74Ag5VUuwACiJxFnPG7KsgLo4At2adfXKYwW225fyBg8TLH1k+kBtCyo+RED0AAkbMM+Orb26YrQsgLIyAqO9J98fUNUi39++/vsWfnY3aWQgwxn1fn0P6c+NAJn/SV+MlCZAAQQGQuJO8+O5fsAIKguF3l6+7sevL5BaFO1p8b7+5NvbjUe2MamgmmS1Ltey5SfSIMDQAEEJkB9Pvv76Q9VRSGEQT5bEqvPT5x8oXFS29s2nr/wI4Hh1be2jbnympgHCTvqbZeHYlP+/Iwm8mbCIZO5Qry1+IABBD5m1lef3vnviGZKmFEIbKc3efY9g5X6AT1fwEW6mR7EyCAKNoOdeH1dYtV4YMhjMwWFjh03sU69HPu/h9K/AgQQJRuqAM2lIHNnMEQRiZLY2z7D6EF0PJjlDYsAAKIClsy9z4+br4ybFCE0fJgq+nz4S2AabupMCYFEEDU2dR75OlZYJdiUIQRqAVQ49D+bOIO6ozYAQQQ1baFn3pxyXFt3CAJo65jm6g10gIQQNQ8WOD5l1fAinlgg8Z5XfyRZ2ep6CmAAKLy0RTAdt2MS8spaWdTghJ3Vz7/+pq6PgIIIJocbnL25dWwbQV0Dp3+8wt+//1Ddb8ABBCtjscBdp023duH2T+gBUrZU3PlzS0aeQQggGh7wNKPPz8XX9/oQvoQEpEI2N05+OQ0Tb0AEED0OKIL2HE78ORk6eEuajW77dfGNp6ccv3tXTo4HiCA6HrI24cfn1bd2l50qN1tfRIZ4RK4Jbvl1HRgJfXrzy+6uRkggAbsmMCnX17ueHC499w8YMpK21sbvr3Qc2MqsO8ObJQ7rI312JASvDU3a38DMETmXV176Onp9z8+Dog7AQJo9KBJAgAggEYDiAAACKDRACIAAAJoNIAIAIAAGg0gAgAggEYDiAAACKDRACIAAAJoNIAIAIAAGg0gAgAggEYDiAAACKDRACIAAAJoNIAIAIAAAwAWxgCLQeirYAAAAABJRU5ErkJggg==');} #profile-thumbs-prev:hover, #profile-thumbs-next:hover{cursor:pointer;opacity:.8;} #fbkButton, #fbkButtonPop, #fbkButtonFull{ background: #4c69ba; background: linear-gradient(#4c69ba, #3b55a0); border:0; border-radius: 4px; color: #fff; -webkit-font-smoothing: antialiased; text-shadow: 0 -1px 0 #354c8c; margin:14px auto 0; width:100%; max-width:100%; height:40px; cursor:pointer; font-family:Helvetica, Arial, sans-serif; font-size:14px; font-weight:600; line-height:32px; padding:0 20px 0 12px; display:inline-block; } #fbkButtonFull{height:36px;line-height:30px;width:49%;float:left;margin:14px 0 0 .5%;padding:0;font-size:26px;font-family:FontAwesome} #fbkButtonPop{width:90%;margin:10px 5% auto;} #ggButton_pop{width:90%;margin:0 5%;} #finsc_modal{margin:auto 5%;width:90%;} #finsc_modal button.alert{width:100%;padding:10px 10px 11px;margin:0 auto 10px;} #fbkButton:hover, #fbkButtonPop:hover{ background: linear-gradient(#5b7bd5, #4864b1); box-shadow: inset 0 1px 0 #607fd6; cursor: pointer; } #fbkButton>i, #fbkButtonPop>i{font-size:26px;margin:3px 0 0 5px;} #gender_panel button { width: 160px; margin: 0; display: inline-block; } div.status>div.icon{ width:100%; margin: auto; height: 149px; background-repeat: no-repeat no-repeat; background-position: center center; background-size: contain; } div.status>div.icon.homme{background-image: url("data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjEzcHQiIGhlaWdodD0iMTQ5cHQiIHZpZXdCb3g9IjAgMCAyMTMgMTQ5Ij4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwxNDkpIHNjYWxlKDAuMSwtMC4xKSIKZmlsbD0iIzgzODM4MyIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTExNTYgMTE5NCBjLTE4IC0xNyAtMjAgLTQyIC02IC02NCA3IC0xMSAzNSAtMTYgMTA2IC0yMCBsOTYgLTUgLTg2IC03MyAtODYgLTczIC01OCAyMiBjLTQyIDE3IC03OCAyMiAtMTM3IDIyIC0xMDEgMCAtMTc1IC0yNyAtMjQ0IC04OSAtMTQzIC0xMjkgLTE1NiAtMzQwIC0yOSAtNDc5IDMyIC0zNiA3MyAtNjYgMTE2IC04NyA2MSAtMzAgNzUgLTMzIDE1NyAtMzMgNzggMCA5OSA0IDE1MyAyOSAyMDMgOTMgMjcwIDM0OCAxMzcgNTIyIGwtMjUgMzMgNzYgNjggYzQxIDM3IDc5IDY5IDg0IDcxIDUgMiAxMSAtMzkgMTIgLTkwIGwzIC05MyA0NSAwIDQ1IDAgMyAxNDAgYzEgNzcgMCAxNTAgLTMgMTYzIC0xMCA0MCAtNTkgNTIgLTIwOSA1MiAtMTA5IDAgLTEzOCAtMyAtMTUwIC0xNnogbS04NCAtMjk2IGM1MyAtMTYgMTMyIC04OCAxNTMgLTE0MCAxMCAtMjQgMTcgLTY4IDE3IC05OCAtMSAtMjY3IC0zNjggLTM0NSAtNDk1IC0xMDUgLTI5IDU1IC0yOSAxNTUgMCAyMTAgNjIgMTE3IDE5NyAxNzIgMzI1IDEzM3oiLz4KPC9nPgo8L3N2Zz4K");} div.status>div.icon.femme{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTNwdCIgaGVpZ2h0PSIxNDlwdCIgdmlld0JveD0iMCAwIDIxMyAxNDkiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDE0OSkgc2NhbGUoMC4xLC0wLjEpIiBmaWxsPSIjODM4MzgzIiBzdHJva2U9Im5vbmUiPgo8cGF0aCBkPSJNOTYzIDEyMjIgYy0xMDEgLTM2IC0xNjcgLTk2IC0yMTIgLTE5MiAtMzQgLTcyIC0zNiAtMjAwIC00IC0yNzAgNDggLTEwNSAxMTUgLTE2NyAyMTYgLTIwMSA2MiAtMjEgNzIgLTM0IDYzIC04MiAtNiAtMzMgLTEwIC0zNyAtMzcgLTM3IC00MyAwIC02OSAtMTcgLTY5IC00NSAwIC00NSAxMCAtNTUgNTYgLTU1IGw0NCAwIDAgLTM4IGMwIC00NSAxNCAtNjIgNTAgLTYyIDM2IDAgNTAgMTcgNTAgNjIgMCAzNyAxIDM4IDM4IDM4IDQ1IDAgNjIgMTQgNjIgNTIgMCAzMiAtMjQgNDggLTcwIDQ4IGwtMzEgMCAzIDUyIDMgNTEgNTIgMTcgYzk4IDMyIDE3MCA5OCAyMTYgMTk3IDMzIDczIDMxIDE5OCAtNCAyNzQgLTU4IDEyNCAtMTY4IDE5OSAtMzAyIDIwNiAtNTMgMyAtODYgLTEgLTEyNCAtMTV6IG0xOTEgLTk0IGM2NSAtMjAgMTQwIC0xMDAgMTYxIC0xNzEgNDYgLTE1OSAtNzUgLTMyMCAtMjQwIC0zMjAgLTIzNiAwIC0zNDggMjgwIC0xNzUgNDM2IDI3IDI0IDYzIDQ4IDgyIDU0IDQ2IDE1IDEyMyAxNSAxNzIgMXoiLz4KPC9nPgo8L3N2Zz4K");} div.status>div.icon.membres{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTNwdCIgaGVpZ2h0PSIxNDlwdCIgdmlld0JveD0iMCAwIDIxMyAxNDkiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDE0OSkgc2NhbGUoMC4xLC0wLjEpIiBmaWxsPSIjODM4MzgzIiBzdHJva2U9Im5vbmUiPgo8cGF0aCBkPSJNMTAzMCAxMTM1IGMtNyAtOCAtMjUgLTE1IC00MCAtMTUgLTUyIDAgLTUxIC02MSAyIC03OSA1MCAtMTggNjMgLTEzIDg3IDMwIDIyIDM4IDIyIDQxIDUgNjAgLTIxIDIzIC0zNyAyNCAtNTQgNHoiLz4KPHBhdGggZD0iTTExNDAgMTA0MCBjLTMxIC0zMSAtMjUgLTcyIDIwIC0xMjkgMjIgLTI4IDQyIC01MSA0NSAtNTEgMiAwIDMxIDEyIDY0IDI2IDQ0IDE5IDYyIDMzIDcyIDU1IDIyIDU1IC0yNiAxMDYgLTc2IDc5IC0xOSAtMTAgLTI2IC04IC00OCAxNCAtMzEgMzEgLTUwIDMzIC03NyA2eiIvPgo8cGF0aCBkPSJNODgwIDk2MSBjLTEwOCAtMzUgLTE3MCAtMTE1IC0xNzAgLTIyMSAwIC02NCAyMSAtMTE1IDY3IC0xNjIgMjAgLTIxIDM1IC0zOSAzMiAtNDEgLTIgLTIgLTI0IC0xNSAtNDkgLTI5IC02MiAtMzUgLTEzMiAtMTEzIC0xNjggLTE4NSAtMzYgLTcwIC02NiAtMTY4IC01OCAtMTg5IDUgLTEyIDM5IC0xNCAyMTcgLTEyIDIzNyAzIDIxNiAtNCAyNDQgODggOSAzMCAzMyA3OCA1MiAxMDcgMzEgNDYgNTIgNjYgMTMwIDExOSAxNCAxMCA2IDE4IC01NSA1OSBsLTcxIDQ4IDI0IDE5IGMxNCAxMSAzNiAzOSA1MCA2MiA4NSAxNDYgLTYgMzIzIC0xNzUgMzQxIC0yNSAyIC01NiAxIC03MCAtNHoiLz4KPHBhdGggZD0iTTEyOTAgNzY5IGMtMzIgLTEzIC03OCAtNTYgLTk2IC05MSAtMjQgLTQ2IC0xOCAtMTE4IDE1IC0xNzAgMTYgLTI1IDM0IC00OSA0MCAtNTIgNyAtNSAtMTAgLTIzIC00MSAtNDcgLTkxIC02OCAtMTY4IC0xODUgLTE2OCAtMjU3IGwwIC0zMiAzMTMgMiAzMTIgMyAtMyAzNSBjLTMgNDQgLTUwIDE0NCAtODcgMTg4IC0xNSAxOCAtNDggNDcgLTc0IDY0IC0yNSAxNyAtNDggMzMgLTUwIDM1IC0zIDIgNSAxMCAxNyAxOSA2NyA0NyA4MSAxNjkgMjcgMjM5IC00NyA2MiAtMTM4IDkwIC0yMDUgNjR6Ii8+CjwvZz4KPC9zdmc+Cg==");} div.status>div.icon.coeurs{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTNwdCIgaGVpZ2h0PSIxNDlwdCIgdmlld0JveD0iMCAwIDIxMyAxNDkiPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLDE0OSkgc2NhbGUoMC4xLC0wLjEpIiBmaWxsPSIjODM4MzgzIiBzdHJva2U9Im5vbmUiPgo8cGF0aCBkPSJNMTA0OCAxMTE1IGMtOSAtMjEgLTcgLTMwIDEzIC02MCAyMSAtMzEgMjggLTM1IDUzIC0zMCA3NiAxNCAxMDUgNzcgMzkgODMgLTE3IDIgLTM3IDEwIC00MyAxOCAtMTkgMjIgLTQ5IDE3IC02MiAtMTF6Ii8+CjxwYXRoIGQ9Ik02MjAgOTcyIGMtMTIwIC02MiAtMTc1IC0yMzkgLTExNSAtMzY3IDI3IC01NiA4MiAtMTA1IDE5OCAtMTc2IDY5IC00MiAxMjkgLTg5IDE4NSAtMTQ2IDc4IC03OCA4NSAtODMgOTggLTY2IDM0IDQzIDQ2IDY0IDQwIDcxIC00IDQgLTY0IDQ1IC0xMzQgOTIgLTExNyA3OCAtMTI5IDg5IC0xNTYgMTQzIC00NCA4NiAtNDIgMTYxIDUgMjQ4IDM4IDY5IDc4IDEwMyAxNDIgMTIwIGwzOSAxMCAtMjMgMjYgYy0xMyAxNCAtNDYgMzYgLTc0IDQ5IC03MCAzMyAtMTM3IDMyIC0yMDUgLTR6Ii8+CjxwYXRoIGQ9Ik0xMTczIDk4OSBjLTU0IC0xMCAtOTEgLTMwIC0xMjcgLTY4IGwtMzAgLTMxIDM1IC0zMCBjMTggLTE2IDM3IC0yOSA0MCAtMzAgNCAwIDE5IC0xOCAzNCAtMzkgbDI3IC00MCA1NiA1OCBjNTkgNTkgMTA2IDgxIDE3MyA4MSBsMzMgMCAtMzAgMzEgYy01NSA1OSAtMTMxIDgzIC0yMTEgNjh6Ii8+CjxwYXRoIGQ9Ik04NzUgODMzIGMtNDggLTI1IC02NiAtNDUgLTkxIC05OCAtMTcgLTM2IC0yNCAtNjggLTI0IC0xMTMgMCAtMTA4IDM2IC0xNTQgMjAzIC0yNTcgNDQgLTI3IDEwMiAtNzUgMTM2IC0xMTEgbDU5IC02NSAzNSA0MyAzNiA0MyAyNCAtMjMgMjUgLTIzIDUzIDQ0IGM0NiAzNiA1NCA0OSA1NSA3NyAwIDMwIDcgMzkgNTcgNzUgMzIgMjIgNzAgNTcgODUgNzkgMjQgMzQgMjcgNDcgMjYgMTE1IDAgODcgLTIyIDE0MSAtNzQgMTg0IC04NiA3MyAtMjI3IDQ4IC0yOTQgLTUzIGwtMjcgLTQxIC0zMyA0OCBjLTQyIDYxIC0xMDEgOTMgLTE3MCA5MyAtMjggLTEgLTY0IC04IC04MSAtMTd6Ii8+CjwvZz4KPC9zdmc+Cg==");} #testperso>span.testdeco { position: relative; aspect-ratio: 1 / 1; width: 80%; margin: auto 10%; display:inline-block; } #testperso>span.testdeco>div { position: relative; overflow: visible; aspect-ratio: 1 / 1; width: 100%; margin: 0; background: #ffffff40; clip-path: polygon(50% 0, 100% 40%, 75% 100%, 25% 100%, 0 40%); } #testperso>span.testdeco>span{filter:drop-shadow(2px 4px 6px black);position:absolute;top:0;right:0;left:0;text-align:center;z-index:10;font-size:16px;font-weight:bold;opacity:.7} #testperso>span.testdeco>span:nth-child(2){left:auto;top:38%;right:-9%;} #testperso>span.testdeco>span:nth-child(3){left:auto;right:11%;top:auto;bottom:0} #testperso>span.testdeco>span:nth-child(4){left:11%;right:auto;top:auto;bottom:0} #testperso>span.testdeco>span:nth-child(5){left:-9%;right:auto;top:38%;} #proxilinks{margin-top:40px;display:inline-block;text-align:center} #proxilinks>h4{text-align:center;line-height:48px;margin:20px 0 0;} #proxilinks>h4>a{padding:0 10px;transition:1s all;display:inline-block} #proxilinks>h4>a:hover{transform:scale(2)} #slidehome>img{width:200px;position:absolute;display:inline-block;visibility:visible;cursor:pointer;z-index:0;opacity:0.5;transition:2s all;} #slidehome>img:nth-child(2){position:relative;z-index:1;opacity:1;visibility:visible;} #slidehome>img:first-of-type{transform:rotateZ(-15deg) scale(.9);margin-left:-80px;} #slidehome>img:last-of-type{transform:rotateZ(15deg) scale(.9);margin-left:-120px;} #slidehome:hover>img:not(.first){visibility:visible;} a.deco-1{padding-top:40px!important;} a.deco-1>img:not(:first-of-type){position:absolute;bottom:-10px;right:10px} a.deco-1>img:last-of-type{right:auto;left:10px} div.deco-2>img:not(:first-of-type){position:absolute;bottom:0;right:0} div.deco-2>img:last-of-type{right:auto;left:0} .app-rating { margin: 10px 0; font-size: 14px; } .stars { color: #FFD700; /* doré pour étoiles */ margin-right: 5px; } .rating-value { font-weight: bold; margin-right: 5px; } .rating-count { color: #ccc; } #header h1{margin:0 auto 20px;text-align:center;font-size:15px;} div.ref #header h1{margin:-35px auto 0;position:relative;z-index:1;pointer-events:none}