@font-face { font-family:'mavenProLight'; src:url('../../fonts/MavenProLight-100.otf'); font-weight:normal; font-style:normal; }

 @font-face { font-family:'mavenProRegular'; src:url('../../fonts/MavenProLight-200.otf'); font-weight:normal; font-style:normal; }

 @font-face { font-family:'mavenProBold'; src:url('../../fonts/MavenProLight-300.otf'); font-weight:normal; font-style:normal; }

 @font-face { font-family:'mavenProExtraBold'; src:url('../../fonts/MavenProRegular.ttf'); font-weight:normal; font-style:normal; }

 @font-face { font-family:'mavenProSuperBold'; src:url('../../fonts/MavenProBold.otf'); font-weight:normal; font-style:normal; }

 html,body { height:100%; }

 body { margin:0; font-family:mavenProBold, sans-serif; background-color:#6fc9ee; }

 .mobile-only { display:none; }

 .loader { position:fixed; z-index:-10000; display:none; top:0; left:0; height:100%; width:100%; background-image:url(../../img/loader.gif); background-repeat:no-repeat; background-position:center; background-color:rgba(255, 255, 255, 0.75); }

 .loader.active { display:block; z-index:10000; }

 .hidden { opacity:0; cursor:default !important; }

 .clearer { clear:both; }

 button.btn_blue { background:none; }

 span.error { color:#980000; font-family:mavenProBold, sans-serif; font-weight:bolder; }

 span.definition-highlight { position:relative; border-bottom-style:dotted; border-bottom-width:2px; cursor:help; }

 span.definition-highlight .definition-block { position:absolute; top:33px; left:0; background-color:#f9f9f9; width:300px; color:#333; padding:10px; border:1px solid #ddd; z-index:1000; line-height:1.3; font-size:15px; }

 span.definition-highlight .definition-block:after,span.definition-highlight .definition-block:before { bottom:100%; left:40px; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; }

 span.definition-highlight .definition-block:after { border-color:rgba(249, 249, 249, 0); border-bottom-color:#f9f9f9; border-width:12px; margin-left:-12px; }

 span.definition-highlight .definition-block:before { border-color:rgba(221, 221, 221, 0); border-bottom-color:#ddd; border-width:13px; margin-left:-13px; }

 .link { color:#1b78bb; }

 .btn_blue { font-size:22px; color:#fff; text-decoration:none; padding:10px 20px; border:none; outline:none; cursor:pointer; font-family:mavenProBold, sans-serif; border-bottom:4px solid #1b78bb; outline:0; position:relative; z-index:10; height:auto; }

 .btn_blue:before { content:""; position:absolute; background:#1b78bb; bottom:0; left:0; right:0; top:100%; z-index:-1; }

 .btn_blue:hover:before { animation-name:fillButton; animation-duration:0.5s; animation-timing-function:ease-in; top:0; }

 .btn_blue:after { content:""; position:absolute; background-color:#2f8bce; bottom:0; left:0; right:0; top:0; z-index:-2; }

 .btn_blue.close-modale { display:block; display:block; margin:50px auto 0 auto; width:280px; text-align:center; }

 @keyframes fillButton { 0% { top:100%; }

 15% { top:50%; }

 30% { top:0%; }

 50% { top:30%; }

 75% { top:15%; }

 100% { top:0%; }

 }

 h1,h2 { color:#004190; }

 h1 { font-size:36px; }

 h2 { font-size:32px; position:relative; padding-bottom:10px; }

 h2:after { content:''; display:inline-block; width:120px; height:3px; background-color:#004190; position:absolute; left:0; bottom:0; }

 h2.smaller { font-size:26px; padding-bottom:6px; color:#1b78bb; }

 h2.smaller:after { height:2px; width:100px; background-color:#1b78bb; }

 #back-to-top { position:fixed; right:20px; bottom:20px; height:45px; width:45px; border-radius:40px; z-index:3; outline:none; }

 #back-to-top img { -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); -webkit-transition:transform 0.3s; -moz-transition:transform 0.3s; -o-transition:transform 0.3s; -ms-transition:transform 0.3s; transition:transform 0.3s; max-width:100%; max-height:100%; }

 #back-to-top.bottom img { animation-name:oscillateY; animation-duration:0.5s; animation-iteration-count:infinite; animation-direction:alternate; animation-timing-function:ease-in-out; position:relative; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg); }

 @keyframes oscillateY { 0% { top:0; }

 100% { top:10px; }

 }

 #main_menu { position:fixed; z-index:13; top:0; left:0; width:96%; background-color:#004190; border-bottom:3px solid #fff; padding:5px 2%; height:55px; }

 #main_menu,#main_menu nav,#main_menu img { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }

 #main_menu img { height:45px; margin-top:5px; }

 #main_menu nav { float:right; margin-top:30px; }

 #main_menu nav a { color:#dcf0fd; text-decoration:none; margin-right:30px; font-size:17px; }

 #main_menu nav a.active { color:#ffd500; }

 .scrolled #main_menu { height:35px; }

 .scrolled #main_menu img { height:30px; margin-top:5px !important; }

 .scrolled #main_menu nav { margin-top:15px; }

 .scrolled .cookies-warning { height:48px; }

 .scrolled .cookies-warning,.scrolled .cookies-warning p { -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; }

 .scrolled .cookies-warning p { height:18px; line-height:18px; width:95%; margin-left:auto; margin-right:auto; }

 .cookies-warning { position:fixed; top:0; left:0; width:100%; z-index:101; background-color:#2f8bce; font-style:16px; color:#fff; text-align:center; height:68px; display:none; }

 .cookies-warning p { height:36px; line-height:36px; }

 .cookies-warning.active { display:block; }

 .cookies-warning a { color:#fff; font-weight:bolder; font-size:20px; margin-left:20px; }

 .pagination-nav { position:fixed; z-index:2; left:10px; top:30%; }

 .pagination-nav a { outline:none; display:block; height:10px; width:10px; border:1px solid #6fc9ee; background-color:#fff; border-radius:10px; left:10px; position:absolute; cursor:pointer; }

 .pagination-nav a:after { display:none; content:""; height:10px; width:10px; background-color:#ffd500; position:relative; z-index:-1; border-radius:100px; }

 .pagination-nav a.active { background-color:#ffd500; border-color:transparent; }

 .pagination-nav a.active:after { display:block; animation-name:pulseOne; animation-duration:0.4s; animation-timing-function:ease-in; left:-2.5px; top:-2.5px; height:15px; width:15px; }

 .pagination-nav a.active:before { display:none; }

 .pagination-nav a:before { content:""; display:block; height:6px; width:6px; position:relative; z-index:-1; border-radius:100px; background-color:#6fc9ee; border:2px solid #fff; top:0; left:0; }

 .pagination-nav a:hover:before { margin-left:0; animation-name:halo; animation-duration:0.6s; animation-timing-function:ease-out; }

 @keyframes halo { 0% { opacity:1; left:0; top:0; height:6px; width:6px; }

 25% { opacity:0.9; left:-3.5px; top:-3.5px; height:13px; width:13px; }

 50% { opacity:0.7; left:-8.5px; top:-8.5px; height:23px; width:23px; }

 75% { opacity:0.3; left:-11px; top:-11px; height:28px; width:28px; }

 100% { opacity:0.15; left:-12px; top:-12px; height:30px; width:30px; }

 }

 @keyframes pulseOne { 0% { top:0; left:0; height:10px; width:10px; }

 20% { top:-2.5px; left:-2.5px; height:15px; width:15px; }

 40% { top:-7.5px; left:-7.5px; height:25px; width:25px; }

 50% { top:-2.5px; left:-2.5px; height:15px; width:15px; }

 67% { top:0px; left:0px; height:10px; width:10px; }

 84% { top:-2.5px; left:-2.5px; height:15px; width:15px; }

 100% { top:-2.5px; left:-2.5px; height:15px; width:15px; }

 }

 .panel { position:absolute; z-index:1; height:100%; left:0; width:100%; background-repeat:no-repeat; overflow:hidden; }

 #panel-1 { background-image:url(../../img/home_background_01.png); background-position:100% -40px; background-size:30%; top:0; }

 #panel-2 { top:100%; background-image:url('../../img/home_background_02.png'); background-position:0 -50px; background-size:auto 100%; }

 #panel-3 { top:200%; background-image:url('../../img/home_background_03.png'); background-position:100% -50px; background-size:auto 100%; }

 #panel-4 { top:300%; background-image:url('../../img/home_background_04.png'); background-position:0 50px; }

 .panel.home > .content { width:80%; margin:auto; }

 .panel.home > .content img { width:40%; height:auto; float:left; }

 .panel.home > .content .intro { float:left; width:calc(60% - 20px); max-width:560px; padding-left:20px; }

 .panel.home > .content .intro h1 { position:relative; left:-15%; margin-bottom:26px; }

 .panel.home > .content .intro p { color:#dcf0fd; font-size:18px; line-height:22px; }

 .panel.home .timeline { position:absolute; left:0; bottom:0; width:100%; background-color:#8ad3f3; }

 .panel.home .timeline ul { padding:15px 0; margin:0; list-style-type:none; text-align:center; max-width:950px; margin:auto; }

 .panel.home .timeline ul li { background-image:url('../../img/yellow_arrow.png'); background-repeat:no-repeat; background-position:100% 0; animation-name:oscillateX; animation-duration:0.5s; animation-iteration-count:infinite; animation-direction:alternate; animation-timing-function:ease-in-out; display:inline-block; color:#dcf0fd; text-align:left; padding-right:30px; margin-left:30px; width:calc(25% - 64px); vertical-align:top; }

 .panel.home .timeline ul li:last-child { background-image:none; }

 .panel.home .timeline ul li .number { font-family:"Arial Black", Gadget, sans-serif; font-size:20px; color:#2f8bce; }

 .panel.home .timeline ul li .content { font-size:18px; }

 .panel.home .timeline ul li .content b { font-weight:bolder; color:#fff; }

 @keyframes oscillateX { 0% { background-position:100% 0; }

 100% { background-position:97% 0; }

 }

 .panel.contents .content { width:75%; margin:48px auto 0 auto; }

 .panel.contents .content > h2 { margin-top:0px; }

 .panel.contents .content p { color:#dcf0fd; font-size:16px; }

 .panel.contents .content .btn_blue { position:relative; bottom:25px; margin:auto; display:block; width:320px; height:auto; }

 .panel.contents .content .btn_blue.btn_link { width:auto; position:static; }

 .panel.medef .content,.panel.medef .image-container { float:right; margin-top:50px; }

 .panel.medef .content { width:50%; padding-left:5%; }

 .panel.medef .content .intro { font-size:22px; color:#004190; font-weight:bold; }

 .panel.medef .content .blue { color:#dcf0fd; }

 .panel.medef .content .white { color:#fff; }

 .panel.medef .content .bold { font-weight:bold; }

 .panel.medef .image-container { width:40%; padding-right:5%; }

 .panel.medef .image-container img { max-width:80%; margin-left:20%; display:block; margin:10% 20% auto auto; }

 .panel.contact .content { width:75%; margin:48px auto 0 auto; height:calc(100% - 173px); }

 .panel.contact .content h2 { color:#1b78bb; padding-left:3%; margin-top:0; }

 .panel.contact .content h2::after { background-color:#1b78bb; margin-left:3%; }

 .panel.contact .content .intro { color:#fff; font-weight:bold; font-size:18px; padding-left:3%; }

 .panel.contact .content .form-container { background-color:#c7e9fd; padding:3%; height:100%; }

 .panel.contact .content .form-container form { height:100%; }

 .panel.contact .content .form-container form .btn_blue { float:right; }

 .panel.contact .content .form-container form .col-left,.panel.contact .content .form-container form .col-right { float:left; width:48.5%; height:70%; }

 .panel.contact .content .form-container form .col-left { padding-right:1.5%; }

 .panel.contact .content .form-container form .col-right { padding-left:1.5%; }

 .panel.contact .content .form-container form input,.panel.contact .content .form-container form textarea { width:96%; background-color:#dcf0fd; border:none; padding:10px 2%; font-size:14px; color:#004190; }

 .panel.contact .content .form-container form input::placeholder,.panel.contact .content .form-container form textarea::placeholder { color:#2f8bce; }

 .panel.contact .content .form-container form textarea { height:145px; }

 .panel.contact .content .form-container form input { height:25px; margin-bottom:15px; }

 .panel.contact .footer { position:absolute; bottom:0; }

 .news-container { background-color:#c7e9fd; text-align:center; padding:2% 0.5% 5.5% 0.5%; width:99%; display:inline-flex; }

 .news-container .news-link { text-decoration:none; }

 .news { cursor:pointer; padding:20px 2%; position:relative; background-color:#dcf0fd; width:26.5%; margin:0 1.3%; float:left; text-align:left; border:1px solid #2f8bce; }

 .news.advice { cursor:default; }

 .news .illustration { max-height:160px; height:160px; margin:auto; text-align:center; overflow:hidden; position:relative; }

 .news .illustration img { max-width:100%; height:100%; display:inline-block; position:relative; top:0; left:0; }

 .news.video:hover .illustration img,.news.article:hover .illustration img { transform:scale(1.1); -webkit-transition:transform 0.3s; -moz-transition:transform 0.3s; -o-transition:transform 0.3s; -ms-transition:transform 0.3s; transition:transform 0.3s; }

 .news.video .illustration:after { content:""; height:100%; width:20%; display:block; top:0; position:absolute; background-image:url(../../img/youtube_play.png); background-size:contain; background-repeat:no-repeat; background-position:center; left:40%; }

 .news h3 { margin:10px 0 15px 0; color:#004190; }

 .news h3 .smaller { color:#1b78bb; font-size:15px; }

 .news p { color:#333 !important; margin:5px 0 10px 0; font-size:16px; }

 .news .difficulty { color:#6fc9ee !important; }

 .news a { color:#004190; }

 .news a .link-icon { display:inline; vertical-align:middle; margin-right:10px; }

 .news .link-arrow { color:#004190; margin-left:3px; font-size:30px; position:relative; top:3px; transition:margin-left 0.3s; }

 .news a:hover + .link-arrow { margin-left:8px; }

 .footer { width:100%; height:125px; background-color:#8ad3f3; }

 .footer .footer-content { width:75%; margin:auto; padding-top:15px; }

 .footer .footer-content .col { width:23%; float:left; margin:0 1%; }

 .footer .footer-content .col p { color:#fff; font-size:14px; }

 .footer .footer-content .col ul { list-style-type:none; position:relative; padding-left:0; padding-top:5px; }

 .footer .footer-content .col ul li { margin:5px 0; }

 .footer .footer-content .col ul li a { text-decoration:none; color:#fff; }

 .footer .footer-content .col ul li a:hover { text-decoration:underline; }

 .footer .footer-content .col > ul:after { content:''; display:inline-block; width:60px; height:1px; background-color:#fff; position:absolute; left:0; top:-10px; }

 .modale-container { display:none; position:fixed; left:0; height:100%; width:100%; background-color:rgba(0, 50, 100, 0.5); }

 .modale-container,.modale-container .modale { top:- 400%; }

 .modale-container.active { display:block; top:0; z-index:16; opacity:1; }

 .modale-container.active .modale { opacity:1; top:75px; }

 .modale-container .modale { opacity:0; z-index:16; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; background-color:#fff; position:fixed; width:calc(60% - 80px); left:20%; padding:0 40px 20px 40px; overflow:auto; max-height:calc(100% - 120px); }

 .modale-container .modale .modale-header { padding:15px 0; background-color:#fff; }

 .modale-container .modale .modale-header h2 { color:#2f8bce; margin-top:0; margin-bottom:0; text-align:left; }

 .modale-container .modale .modale-header h2:after { background-color:#2f8bce; }

 .modale-container .modale .modale-header .close-modale { position:absolute; right:10px; top:13px; height:20px; width:20px; background-image:url(../../img/blue_cross.png); background-size:contain; background-repeat:no-repeat; background-position:center center; }

 .modale-container .modale .modale-content p { margin-bottom:15px !important; color:#333 !important; text-align:left; }

 .modale-container .modale .modale-content iframe { display:block; margin:0 auto; }

 .modale-container .modale.home-modale { padding:30px; background-position:calc(100% + 150px) calc(100% + 150px); background-size:350px; background-image:url(../../img/home_modal_background.png); background-repeat:no-repeat; }

 .modale-container .modale.home-modale .close-modale { right:20px; top:20px; height:18px; }

 .modale-container .modale.home-modale h2 { text-align:center; font-size:30px; line-height:32px; color:#1a6ca5; }

 .modale-container .modale.home-modale h2:after { display:none; }

 .modale-container .modale.home-modale .modale-content { text-align:center; }

 .modale-container .modale.home-modale .modale-content .illustration { max-width:85%; }

 .modale-container .modale.home-modale .modale-footer { text-align:center; padding-top:30px; padding-bottom:50px; }

 .modale-container .modale.home-modale .modale-footer a { font-size:18px; }

 .best_practices { background-image:url(../../img/best_practices_background_02.png); background-position:center left; background-repeat:no-repeat; }

 .best_practices #back-to-top { right:5px; }

 .best_practices #back-to-top img { background-color:#fff; border:1px solid #2f8bce; animation-name:oscillateY; animation-duration:0.5s; animation-iteration-count:infinite; animation-direction:alternate; animation-timing-function:ease-in-out; position:relative; height:40px; width:40px; border:1px solid #1b78bb; border-radius:100px; }

 .best_practices .top_content { margin-top:48px; padding:40px 0 40px 10%; width:85%; background-image:url(../../img/best_practices_background_01.png); background-repeat:no-repeat; background-position:top right; height:auto; }

 .best_practices .top_content h1 { position:relative; padding-bottom:15px; }

 .best_practices .top_content h1:after { content:''; display:inline-block; width:120px; height:3px; background-color:#004190; position:absolute; left:0; bottom:0; }

 .best_practices .top_content p { width:50%; color:#dcf0fd; }

 .best_practices .top_content .filters-container { float:right; }

 .best_practices .news-container { width:85%; padding:2.5%; display:block; margin:auto; margin-bottom:50px; }

 .best_practices .news-container .news { margin:1%; width:25%; }

 .best_practices .news-container .news .illustration { height:auto; max-height:initial; }

 .best_practices .news-container .news .illustration img { width:100%; }

 .best_practices .news-container .news p { font-size:14px; }

 .filters-container { position:relative; }

 .filters-container .filter-button { float:left; cursor:pointer; color:#dcf0fd; border:1px solid #dcf0fd; border-radius:0; padding:5px 10px; outline:none !important; font-size:16px; background-color:#6fc9ee; }

 .filters-container .filter-button:first-child { border-right:0; }

 .filters-container .filter-button.active { background-color:#1b78bb; }

 .filters-container .filters-dropdown { position:absolute; z-index:10; display:none; border:1px solid #dcf0fd; border-top:0; background-color:#6fc9ee; margin:0; list-style-type:none; padding-top:15px; padding-left:0; width:calc(100% - 2px); }

 .filters-container .filters-dropdown.active { display:block; }

 .filters-container .filters-dropdown li { color:#004190; font-weight:bolder; padding:10px; cursor:pointer; }

 .filters-container .filters-dropdown li .filter-mask { vertical-align:middle; display:inline; position:absolute; -webkit-transition:opacity 0.2s; -moz-transition:opacity 0.2s; -o-transition:opacity 0.2s; -ms-transition:opacity 0.2s; transition:opacity 0.2s; }

 .filters-container .filters-dropdown li .label { margin-left:35px; }

 .filters-container .filters-dropdown li .filter-on { opacity:0; }

 .filters-container .filters-dropdown li .filter-off { opacity:1; }

 .filters-container .filters-dropdown li.active .filter-on { opacity:1; }

 .filters-container .filters-dropdown li.active .filter-off { opacity:0; }

 .filters-container .filters-dropdown li.validate { padding-left:0; padding-right:0; background-color:#fff; font-size:16px; font-weight:bolder; text-transform:uppercase; text-align:center; cursor:pointer; }

 .styled-checkbox { margin-bottom:20px; cursor:pointer; }

 .styled-checkbox .checkbox-mask { vertical-align:middle; cursor:pointer; position:absolute; opacity:0; -webkit-transition:opacity 0.2s; -moz-transition:opacity 0.2s; -o-transition:opacity 0.2s; -ms-transition:opacity 0.2s; transition:opacity 0.2s; }

 .styled-checkbox .checkbox-mask.active { opacity:1; }

 .styled-checkbox .label { margin-left:35px; }

 .styled-checkbox .label.error { color:#980000; font-weight:bold; }

 .quiz-page .scroll-section-suggest { -webkit-transition:height 0.3s; -moz-transition:height 0.3s; -o-transition:height 0.3s; -ms-transition:height 0.3s; transition:height 0.3s; height:0; }

 .quiz-page .scroll-section-suggest.active { height:150px; }

 .quiz-page .blur-mask { position:fixed; width:100%; bottom:55px; max-height:40px; background:-moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, #8ad3f3 100%); background:-webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, #8ad3f3 100%); background:linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, #8ad3f3 100%); z-index:10; }

 .quiz-page .arrow-scroll { cursor:pointer; background-image:url(../../img/arrow_bottom.png); background-size:auto 80%; background-repeat:no-repeat; position:fixed; top:calc(100% - 100px); left:calc(50% - 25px); width:50px; max-height:50px; z-index:11; animation-name:oscillateBackgroundY; animation-duration:0.5s; animation-iteration-count:infinite; animation-direction:alternate; animation-timing-function:ease-in-out; }

 @keyframes oscillateBackgroundY { 0% { background-position:center top; }

 100% { background-position:center bottom; }

 }

 .quiz-page #form-quiz { position:absolute; height:100%; width:100%; overflow-y:auto; overflow-x:hidden; }

 .quiz-page .modale.quiz-modale { width:50%; left:25%; height:auto !important; top:100px; padding:0; }

 .quiz-page .modale.quiz-modale .modale-header { padding-top:0; padding-bottom:0; }

 .quiz-page .modale.quiz-modale .modale-header .tab { width:calc(50% - 40px); padding:20px 20px 10px 20px; float:left; text-align:center; background-color:#edf1f2; cursor:pointer; overflow:hidden; }

 .quiz-page .modale.quiz-modale .modale-header .tab h2 { display:inline; text-align:center; font-size:28px; font-family:mavenProBold, sans-serif; color:#888; }

 .quiz-page .modale.quiz-modale .modale-header .tab h2:after { display:none; }

 .quiz-page .modale.quiz-modale .modale-header .tab.active { background-color:#fff; }

 .quiz-page .modale.quiz-modale .modale-header .tab.active h2 { color:#8ad3f3; }

 .quiz-page .modale.quiz-modale .modale-header .tab.active h2:after { display:block; width:100%; background-color:#8ad3f3; }

 .quiz-page .modale.quiz-modale .modale-content { padding:20px 40px; }

 .quiz-page .modale.quiz-modale .modale-content .blue_link { color:#004190; }

 .quiz-page .modale.quiz-modale .modale-content .tab-content { display:none; }

 .quiz-page .modale.quiz-modale .modale-content .tab-content.active { display:block; }

 .quiz-page .modale.quiz-modale .modale-content ul { padding-left:15px; }

 .quiz-page .modale.quiz-modale .modale-content b { font-family:mavenProBold, sans-serif; font-weight:bold; }

 .quiz-page .modale.quiz-modale .modale-content form#start-quiz-form input[type=email],.quiz-page .modale.quiz-modale .modale-content form#end-quiz-form input[type=email],.quiz-page .modale.quiz-modale .modale-content form#email-form input[type=email],.quiz-page .modale.quiz-modale .modale-content .start-quiz-forms input[type=email],.quiz-page .modale.quiz-modale .modale-content form#start-quiz-form input[type=text],.quiz-page .modale.quiz-modale .modale-content form#end-quiz-form input[type=text],.quiz-page .modale.quiz-modale .modale-content form#email-form input[type=text],.quiz-page .modale.quiz-modale .modale-content .start-quiz-forms input[type=text] { width:calc(100% - 20px); padding:10px; background-color:#edf1f2; border:none; margin-bottom:20px; font-family:mavenProBold, sans-serif; font-weight:bold; font-size:18px; border:1px solid #fff; }

 .quiz-page .modale.quiz-modale .modale-content form#start-quiz-form input[type=email]::placeholder,.quiz-page .modale.quiz-modale .modale-content form#end-quiz-form input[type=email]::placeholder,.quiz-page .modale.quiz-modale .modale-content form#email-form input[type=email]::placeholder,.quiz-page .modale.quiz-modale .modale-content .start-quiz-forms input[type=email]::placeholder,.quiz-page .modale.quiz-modale .modale-content form#start-quiz-form input[type=text]::placeholder,.quiz-page .modale.quiz-modale .modale-content form#end-quiz-form input[type=text]::placeholder,.quiz-page .modale.quiz-modale .modale-content form#email-form input[type=text]::placeholder,.quiz-page .modale.quiz-modale .modale-content .start-quiz-forms input[type=text]::placeholder { color:#004190; }

 .quiz-page .modale.quiz-modale .modale-content form#start-quiz-form input[type=email].error,.quiz-page .modale.quiz-modale .modale-content form#end-quiz-form input[type=email].error,.quiz-page .modale.quiz-modale .modale-content form#email-form input[type=email].error,.quiz-page .modale.quiz-modale .modale-content .start-quiz-forms input[type=email].error,.quiz-page .modale.quiz-modale .modale-content form#start-quiz-form input[type=text].error,.quiz-page .modale.quiz-modale .modale-content form#end-quiz-form input[type=text].error,.quiz-page .modale.quiz-modale .modale-content form#email-form input[type=text].error,.quiz-page .modale.quiz-modale .modale-content .start-quiz-forms input[type=text].error { border-color:#980000; }

 .quiz-page .modale.quiz-modale .modale-content form#start-quiz-form input[type=email].error::placeholder,.quiz-page .modale.quiz-modale .modale-content form#end-quiz-form input[type=email].error::placeholder,.quiz-page .modale.quiz-modale .modale-content form#email-form input[type=email].error::placeholder,.quiz-page .modale.quiz-modale .modale-content .start-quiz-forms input[type=email].error::placeholder,.quiz-page .modale.quiz-modale .modale-content form#start-quiz-form input[type=text].error::placeholder,.quiz-page .modale.quiz-modale .modale-content form#end-quiz-form input[type=text].error::placeholder,.quiz-page .modale.quiz-modale .modale-content form#email-form input[type=text].error::placeholder,.quiz-page .modale.quiz-modale .modale-content .start-quiz-forms input[type=text].error::placeholder { color:#980000; }

 .quiz-page .modale.quiz-modale .modale-content form#start-quiz-form button,.quiz-page .modale.quiz-modale .modale-content form#end-quiz-form button,.quiz-page .modale.quiz-modale .modale-content form#email-form button,.quiz-page .modale.quiz-modale .modale-content .start-quiz-forms button { display:block; margin:30px auto 0 auto; }

 .quiz-page .end-quiz-modale h2,.quiz-page .email-modale h2 { color:#ffd500 !important; padding:20px 40px 10px 40px; }

 .quiz-page .end-quiz-modale h2:after,.quiz-page .email-modale h2:after { margin-left:40px; background-color:#ffd500 !important; }

 .quiz-page .end-quiz-modale h3,.quiz-page .email-modale h3 { color:#1b78bb; margin-bottom:0; }

 .quiz-page .end-quiz-modale p,.quiz-page .email-modale p { margin-top:0; }

 .quiz-page .error-quiz-modale { height:250px !important; }

 .quiz-page .error-quiz-modale p { font-size:18px; text-align:center !important; margin-top:10%; }

 .quiz-page .error-quiz-modale .btn { display:block; margin:10% auto 0 auto; width:200px; text-align:center; }

 .quiz-page .quiz { position:absolute; top:80px; height:calc(100% - 135px); width:100%; background-image:url(../../img/home_background_01.png); background-position:top right; background-repeat:no-repeat; }

 .quiz-page .quiz .quiz-section { padding-bottom:40px; height:0; overflow:hidden; opacity:0; z-index:-1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s; background-color:rgba(255, 255, 255, 0.9); border:none; position:absolute; width:95%; }

 .quiz-page .quiz .quiz-section.to-be-completed { left:100%; }

 .quiz-page .quiz .quiz-section.completed { left:-100%; }

 .quiz-page .quiz .quiz-section.active { opacity:1; z-index:1; height:auto; left:2.5%; border:1px solid #8ad3f3; }

 .quiz-page .quiz .quiz-section .section-header h2 { padding:15px; margin-top:0; margin-bottom:0; background-color:#8ad3f3; color:#fff; font-size:28px; font-weight:bold; font-family:mavenProBold, sans-serif; }

 .quiz-page .quiz .quiz-section .section-header h2:after { display:none; }

 .quiz-page .quiz .quiz-section .section-header h2 a { font-size:16px; color:#004190; text-decoration:underline; float:right; margin-top:10px; }

 .quiz-page .quiz .quiz-section .section-content .question-container { border-bottom:1px solid #edf1f2; font-size:14px; padding:10px !important; }

 .quiz-page .quiz .quiz-section .section-content .question-container.conditional { display:none; }

 .quiz-page .quiz .quiz-section .section-content .question-container.conditional.show { display:block; }

 .quiz-page .quiz .quiz-section .section-content .question-container:nth-child(2n) { background-color:#edf1f2; }

 .quiz-page .quiz .quiz-section .section-content .question-container .question-part { width:calc(50% - 60px); float:left; padding:20px 40px 20px 20px; }

 .quiz-page .quiz .quiz-section .section-content .question-container .question-part.error { color:#980000; font-weight:bolder; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part { float:left; width:calc(50% - 20px); margin-right:20px; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part.with-padding { padding-top:20px; padding-bottom:20px; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal { width:90%; margin-right:10%; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-track { background:none; box-shadow:none; height:1px; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-selection.tick-slider-selection { border:2px solid #1b78bb; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-selection,.quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-track-low,.quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-track-high { top:-1px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-track-high { top:0; border:1px dashed #1b78bb; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-track-high + .slider-tick { display:none; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { color:#1b78bb; font-weight:bold; padding-top:0; white-space:normal; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-tick,.quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-handle { margin-top:-10px; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-tick { background-image:none; background-color:#fff; opacity:1; border:2px solid #8ad3f3; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-tick.in-selection { background-color:#fff; border-color:#1b78bb; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-handle { outline:none !important; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-handle.specified_index { border:2px solid #004190; background:#fff !important; width:28px !important; height:28px; margin-top:-15px; margin-left:-15px; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-handle.specified_index:after { content:"" !important; position:absolute !important; display:block !important; width:20px !important; height:20px !important; border:none; -webkit-border-radius:100% !important; -moz-border-radius:100% !important; border-radius:100% !important; left:50% !important; top:50% !important; margin-top:-10px !important; margin-left:-10px !important; background-color:#004190; background-position:50% 50% !important; background-size:10px !important; background-repeat:no-repeat !important; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-handle[aria-valuenow="0"],.quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-handle.onslide { margin-left:-18px !important; margin-top:-18px !important; background:#fff !important; border:2px dashed #8ad3f3 !important; width:36px !important; height:36px !important; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-handle[aria-valuenow="0"]:after,.quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-handle.onslide:after { content:"" !important; position:absolute !important; display:block !important; width:26px !important; height:26px !important; border:2px solid #1b78bb !important; -webkit-border-radius:100% !important; -moz-border-radius:100% !important; border-radius:100% !important; left:50% !important; top:50% !important; margin-top:-15px !important; margin-left:-15px !important; background-image:url('../../img/arrow_slider.png') !important; background-color:#fff !important; background-position:50% 50% !important; background-size:10px !important; background-repeat:no-repeat !important; }

 .quiz-page .quiz .quiz-section .section-content .question-container .answers-part .slider.slider-horizontal .slider-handle.onslide:after { background-image:none !important; }

 .quiz-page .quiz .quiz-textarea-input { outline:none; width:calc(96% - 30px); margin-left:-20px; border-width:2px; border-color:#8ad3f3; border-style:solid; font-size:14px; padding:15px; }

 .quiz-page .quiz .quiz-radios-inputs-group { text-align:center; margin-left:-20px; width:calc(96% - 30px); }

 .quiz-page .quiz .quiz-radios-inputs-group .quiz-radio-input { margin-right:30px; margin-top:20px; color:#1b78bb; font-weight:bold; }

 .quiz-page .quiz .quiz-radios-inputs-group .quiz-radio-input:last-child { margin-right:0; }

 .quiz-page .quiz .quiz-radios-inputs-group .quiz-radio-input input { display:none; }

 .quiz-page .quiz .quiz-radios-inputs-group .quiz-radio-input input:checked + label:before { border-width:6px; }

 .quiz-page .quiz .quiz-radios-inputs-group .quiz-radio-input label { display:inline-block; cursor:pointer; position:relative; padding-left:25px; margin-right:15px; }

 .quiz-page .quiz .quiz-radios-inputs-group .quiz-radio-input label:before { box-sizing:border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; transition:all 0.3s; content:""; display:inline-block; width:16px; height:16px; margin-right:10px; position:absolute; left:0; bottom:2px; background-color:#fff; border-radius:16px; border:1px solid #8ad3f3; }

 .quiz-page .quiz .select-group { position:relative; }

 .quiz-page .quiz .select-group .quiz-select-input { -moz-appearance:none; width:96%; margin-left:-20px; margin-top:12px; color:#1b78bb; border:2px solid #8ad3f3; -webkit-appearance:none; border-radius:0; outline:none; display:block; height:34px; padding:6px 12px; font-size:14px; line-height:1.42857143; background-color:#fff; background-image:none; cursor:pointer; }

 .quiz-page .quiz .select-group .quiz-select-input + .arrow-select { width:0; height:0; border-style:solid; border-width:8px 7.5px 0 7.5px; border-color:#004190 transparent transparent transparent; position:absolute; right:60px !important; bottom:12px; }

 .quiz-page .quiz-pagination { position:fixed; z-index:2; background-color:#fff; bottom:0; width:100%; height:55px; }

 .quiz-page .quiz-pagination .pagination-sections-bars { height:5px; }

 .quiz-page .quiz-pagination .pagination-sections-bars .pagination-section-bar { float:left; height:5px; background-color:#edf1f2; margin-right:3px; cursor:pointer; -webkit-transition:background-color 0.5s; -moz-transition:background-color 0.5s; -o-transition:background-color 0.5s; -ms-transition:background-color 0.5s; transition:background-color 0.5s; }

 .quiz-page .quiz-pagination .pagination-sections-bars .pagination-section-bar:last-child { margin-right:0; }

 .quiz-page .quiz-pagination .pagination-sections-bars .pagination-section-bar.active { background-color:#8ad3f3; }

 .quiz-page .quiz-pagination .pagination,.quiz-page .quiz-pagination .current-section { float:left; }

 .quiz-page .quiz-pagination .section-label { float:left; width:calc(100% - 300px); text-align:center; line-height:50px; font-family:mavenProBold, sans-serif; font-weight:bold; font-size:18px; color:#1b78bb; opacity:0; -webkit-transition:opacity 0.5s; -moz-transition:opacity 0.5s; -o-transition:opacity 0.5s; -ms-transition:opacity 0.5s; transition:opacity 0.5s; display:none; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }

 .quiz-page .quiz-pagination .section-label.active { opacity:1; display:block; }

 .quiz-page .quiz-pagination .pagination { width:140px; height:36px; padding:5px; line-height:37px; text-transform:uppercase; }

 .quiz-page .quiz-pagination .pagination.next { text-align:left; }

 .quiz-page .quiz-pagination .pagination.next .label { margin-left:5px; }

 .quiz-page .quiz-pagination .pagination.next:after { animation-name:oscillateXBIS; animation-duration:0.5s; animation-iteration-count:infinite; animation-direction:alternate; animation-timing-function:ease-in-out; }

 .quiz-page .quiz-pagination .pagination.next:before,.quiz-page .quiz-pagination .pagination.next:after { background-position:calc(100% - 10px) center; background-image:url(../../img/arrow_next.png); }

 .quiz-page .quiz-pagination .pagination.prev { text-align:right; }

 .quiz-page .quiz-pagination .pagination.prev .label { margin-right:5px; }

 .quiz-page .quiz-pagination .pagination.prev:before,.quiz-page .quiz-pagination .pagination.prev:after { background-position:10px center; background-image:url(../../img/arrow_prev.png); }

 .quiz-page .quiz-pagination .pagination:after,.quiz-page .quiz-pagination .pagination:before { background-repeat:no-repeat; background-size:12px 24px; }

 @keyframes oscillateXBIS { 0% { background-position:calc(100% - 15px) center; }

 100% { background-position:calc(100% - 5px) center; }

 }

 .quiz_result_page { background-image:url(../../img/home_background_01.png); background-position:top right; background-repeat:no-repeat; }

 .quiz_result_page #back-to-top { -webkit-transition:transform 0.3s; -moz-transition:transform 0.3s; -o-transition:transform 0.3s; -ms-transition:transform 0.3s; transition:transform 0.3s; transform-origin:center; }

 .quiz_result_page #back-to-top img { animation-name:oscillateY; animation-duration:0.5s; animation-iteration-count:infinite; animation-direction:alternate; animation-timing-function:ease-in-out; position:relative; height:40px; width:40px; border:1px solid #1b78bb; border-radius:100px; }

 .quiz_result_page .content { background-color:rgba(255, 255, 255, 0.9); width:calc(90% - 60px); margin:80px auto; padding-bottom:1px; }

 .quiz_result_page .content .yellow_title { color:#ffd500; font-family:mavenProBold, sans-serif; position:relative; padding-bottom:10px; }

 .quiz_result_page .content .yellow_title:after { content:''; display:inline-block; width:120px; height:3px; background-color:#ffd500; position:absolute; left:0; bottom:0; }

 .quiz_result_page .content .dark_blue_title { font-size:18px; font-family:mavenProBold, sans-serif; font-weight:bolder; }

 .quiz_result_page .content .dark_blue_title .bigger { font-size:24px; }

 .quiz_result_page .content .dark_blue_title:after { display:none; }

 .quiz_result_page .content .result,.quiz_result_page .content .take_action { border:1px solid #8ad3f3; padding:30px; margin-bottom:20px; }

 .quiz_result_page .content .result { padding-bottom:0; display:flex; }

 .quiz_result_page .content .result .left_part,.quiz_result_page .content .result .right_part { float:left; }

 .quiz_result_page .content .result .left_part { width:45%; }

 .quiz_result_page .content .result .left_part h1 { margin-top:0; }

 .quiz_result_page .content .result .left_part p { font-family:mavenProBold, sans-serif; font-weight:bold; color:#333; }

 .quiz_result_page .content .result .left_part p.lighter { color:#888; }

 .quiz_result_page .content .result .left_part hr { border-top:none; border-color:#8ad3f3; }

 .quiz_result_page .content .result .right_part { width:50%; padding-left:5%; }

 .quiz_result_page .content .result .right_part form input[type=submit] { background:none; border:none; float:right; font-size:18px; color:#8ad3f3; font-weight:bolder; font-family:mavenProBold, sans-serif; text-decoration:underline; outline:none; cursor:pointer; }

 .quiz_result_page .content .result .right_part #resultChart { width:100%; height:100%; overflow:hidden; }

 .quiz_result_page .content .take_action { padding-bottom:0; margin-bottom:40px; }

 .quiz_result_page .content .take_action .bold { font-family:mavenProBold, sans-serif; font-weight:bolder; }

 .quiz_result_page .content .take_action .advices_container .news { background:none; border:none; margin-bottom:40px; }

 .quiz_result_page .content .take_action .advices_container .news h3 { font-size:24px; }

 .quiz_result_page .content .take_action .advices_container .news h3 .smaller { font-size:15px; }

 .quiz_result_page .content .take_action .advices_container .news p { font-family:mavenProBold, sans-serif; font-weight:bolder; }

 .quiz_result_page .content .take_action .advices_container .news .difficulty { color:#004190 !important; }

 .quiz_result_page .content .take_action .advices_container .news a,.quiz_result_page .content .take_action .advices_container .news .link-arrow { color:#8ad3f3; }

 .quiz_result_page .content .take_action .btn_blue { position:relative; top:25px; display:block; width:320px; margin:auto; }

 .quiz_result_page .social_bottom { text-align:center; color:#8ad3f3; font-family:mavenProBold, sans-serif; margin:60px auto 0 auto; width:300px; font-size:20px; font-weight:bolder; }

 ul.actions,ul.actions ul { padding-left:0; }

 ul.actions li { display:inline-block; margin-right:5px; margin-left:5px; }

 ul.actions > li:first-child { margin-left:0; }

 ul.actions > li .fa { font-size:22px; vertical-align:middle; margin-right:5px; }

 ul.actions > li a { color:#8ad3f3; text-decoration:none; outline:none; }

 ul.actions > li a img { width:25px; height:25px; }

 .social-buttons { padding-left:0; }

 .social-buttons.small img { width:30px; height:30px; }

 .social-buttons li { display:inline-block; margin-right:5px; margin-left:5px; }

 .social-buttons #other-link { display:block; position:relative; }

 .social-buttons #other-link .other-link-box { display:none; border-bottom:1px solid #fff; width:300px; background-color:#878787; position:absolute; bottom:100%; color:#fff; }

 .social-buttons #other-link .other-link-box.active { display:block; z-index:10; }

 .social-buttons #other-link .other-link-box span { padding:10px; position:relative; top:10px; }

 .social-buttons #other-link .other-link-box .copy { position:static; float:right; border-left:1px solid #fff; }

 .social-buttons #other-link .other-link-box .copy:hover { background-color:#555; }

 .social-buttons #other-link .other-link-box input { outline:none; background:none; border:none; color:#fff; font-size:16px; height:37px; width:210px; margin-left:10px; }

 .contact-sent-modale .modale { top:30%; width:40%; left:30%; }

 .contact-sent-modale .modale p { margin:auto; width:70%; text-align:center; }

 .page-analysis { margin-top:70px; background-image:url(../../img/home_background_01.png); background-position:100% -40px; background-repeat:no-repeat; background-size:25%; }

 .page-analysis .header { padding:2.5% 10%; margin:auto; }

 .page-analysis .header p { font-weight:bold; font-size:18px; color:#ffd500; }

 .page-analysis .header img { float:right; margin-right:10%; }

 .page-analysis .content { background-color:#fff; padding:2.5% 5%; padding-bottom:80px; }

 .page-analysis .content h3 { font-weight:bold; color:#004190; font-size:26px; }

 .page-analysis .content .filters-title { color:#6fc9ee; font-weight:bold; }

 .page-analysis .content .filters-container { margin-bottom:20px; }

 .page-analysis .content .filters-container .filter-container { position:relative; display:inline-block; }

 .page-analysis .content .filters-container .filter-container .filter-button { font-weight:bold; float:none; background-color:#dcf0fd; border-right:1px solid #01c8ef; }

 .page-analysis .content .filters-container .filter-container .filter-button,.page-analysis .content .filters-container .filter-container .filters-dropdown { border-color:#01c8ef; color:#01c8ef; }

 .page-analysis .content .filters-container .filter-container .filters-dropdown { background-color:#fff; min-width:calc(100% - 2px); width:auto; border-top:1px solid #01c8ef; top:calc(100% - 1px); }

 .page-analysis .content .filters-container .filter-container .filters-dropdown.large { min-width:250px; }

 .page-analysis .content .filters-container .filter-container .filters-dropdown li { color:#01c8ef; }

 .page-analysis .content .filters-container .filter-container .filters-dropdown li.validate { border-top:1px solid #01c8ef; margin-top:15px; background-color:#dcf0fd; transition:all 0.2s; }

 .page-analysis .content .filters-container .filter-container .filters-dropdown li .label { line-height:25px; }

 .page-analysis .content .analysis-row { display:flex; }

 .page-analysis .content .analysis-row.column { flex-direction:column; }

 .page-analysis .content .analysis-bloc { border:1px solid #01c8ef; padding:20px; }

 .page-analysis .content .analysis-bloc h4 { color:#ffd500; font-weight:bold; font-size:22px; margin-top:0; }

 .page-analysis .content .analysis-bloc h5 { color:#004190; font-weight:bold; font-size:18px; }

 .page-analysis .content .analysis-bloc.top-regions { width:59%; margin-right:1%; }

 .page-analysis .content .analysis-bloc.top-regions table { width:100%; }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(2) { font-size:32px !important; }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(1),.page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(3) { width:40%; border-top:1px solid #edf1f2; }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(1) .label,.page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(3) .label,.page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(1) .value,.page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(3) .value { font-weight:bold; }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(1) .label,.page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(3) .label { color:#888; font-size:16px; max-width:calc(100% - 55px); }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(1) .value,.page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(3) .value { vertical-align:top; color:#1b78bb; font-size:18px; }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(1) { text-align:right; }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(1) .value { margin-left:20px; }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(2) { width:20%; text-align:center; font-size:52px; color:#edf1f2; font-weight:bold; position:relative; }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(2) .index { font-size:24px; position:absolute; top:5px; }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(3) { text-align:left; }

 .page-analysis .content .analysis-bloc.top-regions table tr td:nth-child(3) .value { margin-right:20px; }

 .page-analysis .content .analysis-bloc.top-regions table tr td div { display:inline-block; }

 .page-analysis .content .analysis-bloc.top-regions table tr:first-child td { border-top:none; }

 .page-analysis .content .analysis-bloc.regions-participation { width:39%; margin-left:1%; }

 .page-analysis .content .analysis-bloc.participants { margin-bottom:2%; }

 .page-analysis .content .analysis-bloc.participants img,.page-analysis .content .analysis-bloc.participants p { display:inline-block; }

 .page-analysis .content .analysis-bloc.participants img { margin-right:30px; vertical-align:top; }

 .page-analysis .content .analysis-bloc.participants p { margin-top:0; }

 .page-analysis .content .analysis-bloc.participants p span { font-weight:bold; }

 .page-analysis .content .analysis-bloc.participants p .number,.page-analysis .content .analysis-bloc.participants p .smaller { color:#01c8ef; }

 .page-analysis .content .analysis-bloc.participants p .number { font-size:42px; }

 .page-analysis .content .analysis-bloc.participants p .smaller { font-size:24px; position:relative; top:-5px; }

 .page-analysis .content .analysis-bloc.participants p .smallest { font-size:18px; color:#1b78bb; }

 .page-analysis .content .analysis-bloc.devices .stat,.page-analysis .content .analysis-bloc.devices .bar { float:left; text-align:center; }

 .page-analysis .content .analysis-bloc.devices .stat { width:20%; }

 .page-analysis .content .analysis-bloc.devices .stat .value { font-size:24px; font-weight:bold; color:#01c8ef; }

 .page-analysis .content .analysis-bloc.devices .stat:nth-child(2) .value { color:#004190; }

 .page-analysis .content .analysis-bloc.devices .bar { width:60%; height:20px; position:relative; margin-top:25px; background-color:#01c8ef; }

 .page-analysis .content .analysis-bloc.devices .bar .bar-content { height:100%; position:absolute; top:0; left:0; background-color:#004190; }

 .page-analysis .content .analysis-bloc.browsers { height:calc(100% - 42px); margin-left:2%; }

 .page-analysis .content .analysis-bloc.browsers .stats-container { display:flex; justify-content:space-around; }

 .page-analysis .content .analysis-bloc.browsers .stats-container .stat { margin:10px; }

 .page-analysis .content .analysis-bloc.browsers .stats-container .stat .progress-circle { margin:20px auto; }

 .page-analysis .content .analysis-bloc.browsers .stats-container .stat .label,.page-analysis .content .analysis-bloc.browsers .stats-container .stat .value { color:#1b78bb; }

 .page-analysis .content .analysis-bloc.browsers .stats-container .stat .value { font-size:28px; font-weight:bold; }

 .page-analysis .content .analysis-bloc.browsers .stats-container .stat .label { text-align:center; }

 .page-analysis .content .analysis-bloc.global-mean { width:24%; margin-right:1%; }

 .page-analysis .content .analysis-bloc.global-mean .mean-container { margin-bottom:40px; text-align:center; }

 .page-analysis .content .analysis-bloc.global-mean .mean-container span { color:#2f8bce; font-weight:bold; }

 .page-analysis .content .analysis-bloc.global-mean .mean-container .mean { font-size:52px; }

 .page-analysis .content .analysis-bloc.global-mean .mean-container .max { font-size:32px; }

 .page-analysis .content .analysis-bloc.global-mean .mean-container .profile-title { font-size:22px; }

 .page-analysis .content .analysis-bloc.global-mean .profile-intro { color:#004190; font-weight:bold; font-size:18px; display:none; }

 .page-analysis .content .analysis-bloc.global-mean .profile-description { display:none; color:#888; font-weight:bold; font-size:16px; }

 .page-analysis .content .analysis-bloc.profiles { width:33.5%; margin-right:1%; }

 .page-analysis .content .analysis-bloc.profiles .legend table thead tr td:last-child,.page-analysis .content .analysis-bloc.profiles .legend table tbody tr td:last-child { padding-left:20px; }

 .page-analysis .content .analysis-bloc.profiles .legend table thead tr td { color:#555; font-weight:bold; font-size:18px; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr td { font-weight:bold; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr td .square { height:15px; width:15px; margin-right:10px; border-radius:2px; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr td:last-child { color:#888 !important; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr:nth-child(1) td { color:#004190; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr:nth-child(1) td .square { background-color:#004190; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr:nth-child(2) td { color:#1b78bb; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr:nth-child(2) td .square { background-color:#1b78bb; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr:nth-child(3) td { color:#01c8ef; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr:nth-child(3) td .square { background-color:#01c8ef; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr:nth-child(4) td { color:#8ad3f3; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr:nth-child(4) td .square { background-color:#8ad3f3; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr:nth-child(5) td { color:#888; }

 .page-analysis .content .analysis-bloc.profiles .legend table tbody tr:nth-child(5) td .square { background-color:#888; }

 .page-analysis .content .analysis-bloc.domains-means { width:40.5%; }

 .page-analysis .content .analysis-bloc.domains-means .chart-container { margin-top:80px; }

 .page-analysis .content .participants-infos { width:40%; }

 .page-analysis .content .browsers-infos { width:60%; }

 .page-analysis .content .chart-container { height:300px; }

 .page-analysis .content .chart-container,.page-analysis .content .chart-container > div,.page-analysis .content .chart-container svg { overflow:visible !important; }

 .page-analysis .content .map-container { padding-bottom:20px; }

 .page-analysis .content .map-container h5 { color:#888; text-align:center; }

 .page-analysis .content .map-container .land { fill:#888; fill-opacity:0.9; stroke:white; stroke-opacity:0.9; stroke-width:0.5; transition:opacity 0.3s; }

 .page-analysis .content .map-container .land:hover { cusror:pointer; stroke-opacity:1; fill-opacity:1; }

 .page-analysis .content .map-container .land.profile-0 { fill:#888; }

 .page-analysis .content .map-container .land.profile-1 { fill:#6fc9ee; }

 .page-analysis .content .map-container .land.profile-2 { fill:#01c8ef; }

 .page-analysis .content .map-container .land.profile-3 { fill:#1b78bb; }

 .page-analysis .content .map-container .land.profile-4 { fill:#004190; }

 .page-analysis .content .map-container .others { display:flex; margin-top:-100px; }

 .page-analysis .content .map-container .others .other { width:49%; position:relative; }

 .page-analysis .content .map-container .others .other:first-child { margin-right:1%; }

 .page-analysis .content .map-container .others .other:last-child { margin-left:1%; }

 .page-analysis .content .map-container .others .other h5 { margin-bottom:20px; }

 .page-analysis .content .map-container .others .other .value { position:absolute; bottom:-20px; left:0; color:#1b78bb; font-weight:bold; width:100%; text-align:center; }

 .page-analysis .content .map-container .others .other svg.profile-0 * { fill:#888; }

 .page-analysis .content .map-container .others .other svg.profile-1 * { fill:#6fc9ee; }

 .page-analysis .content .map-container .others .other svg.profile-2 * { fill:#01c8ef; }

 .page-analysis .content .map-container .others .other svg.profile-3 * { fill:#1b78bb; }

 .page-analysis .content .map-container .others .other svg.profile-4 * { fill:#004190; }

 /* css only circular progress bar */ .progress-circle { font-size:15px; position:relative; padding:0; background-color:#edf1f2; }

 .progress-circle,.progress-circle .left-half-clipper,.progress-circle .value-bar,.progress-circle.over50 .first50-bar { height:5em; }

 .progress-circle,.progress-circle span,.progress-circle .left-half-clipper,.progress-circle .value-bar,.progress-circle.over50 .first50-bar { width:5em; line-height:5em; }

 .progress-circle,.progress-circle:after,.progress-circle .left-half-clipper,.progress-circle .value-bar,.progress-circle.over50 .first50-bar { border-radius:50%; }

 .progress-circle:after,.progress-circle span,.progress-circle .left-half-clipper,.progress-circle .value-bar,.progress-circle.over50 .first50-bar { position:absolute; }

 .progress-circle:after,.progress-circle span { text-align:center; display:block; }

 .progress-circle:after { content:""; border:none; top:0.35em; left:0.35em; width:4.3em; height:4.3em; background-color:white; }

 .progress-circle span { z-index:2; }

 .progress-circle span img { vertical-align:middle; }

 .progress-circle .left-half-clipper,.progress-circle.over50 .first50-bar { clip:rect(0, 5em, 5em, 2.5em); }

 .progress-circle.over50 .left-half-clipper { clip:rect(auto, auto, auto, auto); }

 .progress-circle.over50 .first50-bar { background-color:#2f8bce; }

 .progress-circle .value-bar { clip:rect(0, 2.5em, 5em, 0); border:0.45em solid #2f8bce; box-sizing:border-box; }

 .progress-circle:not(.over50) .first50-bar { display:none; }

 /* end of css only circular progress bar */ @media print { #main_menu { display:none; }

 .quiz_result_page #back-to-top { display:none !important; }

 .quiz_result_page .content .result { border:none; display:block; }

 .quiz_result_page .content .result .left_part,.quiz_result_page .content .result .right_part { width:100%; float:none; }

 .quiz_result_page .content .result .left_part hr,.quiz_result_page .content .result .left_part .actions { display:none; }

 .quiz_result_page .content .result .right_part form { display:none; }

 .quiz_result_page .content .result .right_part #resultChart { page-break-inside:avoid; }

 .quiz_result_page .content .take_action { border:none; }

 .quiz_result_page .content .take_action .advices_container .news { width:35%; padding:2%; margin:5%; page-break-inside:avoid; }

 .quiz_result_page .content .take_action .advices_container .clearer { clear:none; }

 .quiz_result_page .content .take_action .btn_blue { display:none; }

 .quiz_result_page .content .social_bottom { display:none; }

 }