/* nxtapi-sandbox - v0.0.2 - 2019-06-11 */
html {
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll; }

body {
  margin: 0px; }

@font-face {
  font-family: "SLCR Legacy Serif ITC W01 Bk";
  src: url("/angular/assets/fonts/97c2c577-bf8e-4708-baff-001fd32f4d08.eot?#iefix");
  src: url("/angular/assets/fonts/97c2c577-bf8e-4708-baff-001fd32f4d08.eot?#iefix") format("eot"), url("/angular/assets/fonts/1aa4f478-0211-4879-a4e6-a0be4a43e71e.woff2") format("woff2"), url("/angular/assets/fonts/54a75543-b5b3-45e1-81aa-b1ad5b50a901.woff") format("woff"), url("/angular/assets/fonts/dfbf3526-722f-44ca-8fc1-5b07cb575fd0.ttf") format("truetype"), url("/angular/assets/fonts/4b98962c-8d65-43ea-a240-c89d3b801521.svg#4b98962c-8d65-43ea-a240-c89d3b801521") format("svg"); }
@font-face {
  font-family: "SLCR LegacySerifITCW01-BkIt";
  src: url("/angular/assets/fonts/b5f110df-dc07-4adc-866a-ec62f641ac54.eot?#iefix");
  src: url("/angular/assets/fonts/b5f110df-dc07-4adc-866a-ec62f641ac54.eot?#iefix") format("eot"), url("/angular/assets/fonts/1df5c56f-e7a0-44f6-8b60-45f5bbb438d0.woff2") format("woff2"), url("/angular/assets/fonts/5c11ea6e-da06-4fa6-b2b5-872a67579f4f.woff") format("woff"), url("/angular/assets/fonts/6103ef63-5116-480b-b304-6b5bb947cfee.ttf") format("truetype"), url("/angular/assets/fonts/18a4456b-29a7-49ae-85d5-60b89bbdf95d.svg#18a4456b-29a7-49ae-85d5-60b89bbdf95d") format("svg"); }
@font-face {
  font-family: "SLCR Calibri Light";
  src: url("/angular/assets/fonts/3bf8ead2-2902-446a-af57-fcf4e5da22db.eot?#iefix");
  src: url("/angular/assets/fonts/3bf8ead2-2902-446a-af57-fcf4e5da22db.eot?#iefix") format("eot"), url("/angular/assets/fonts/52f16f8c-2868-43ee-a2ca-378b097a3580.woff2") format("woff2"), url("/angular/assets/fonts/9cb02ba8-d928-43f5-a1bd-32fb78238194.woff") format("woff"), url("/angular/assets/fonts/1cc9eda5-6732-4a23-ad69-782421f8c81b.ttf") format("truetype"), url("/angular/assets/fonts/bf08ac41-3def-4da6-976b-7f125842a2c3.svg#bf08ac41-3def-4da6-976b-7f125842a2c3") format("svg");
  font-weight: 200;
  font-style: normal; }
@font-face {
  font-family: "SLCR Calibri Bold";
  src: url("/angular/assets/fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix");
  src: url("/angular/assets/fonts/26989e0d-2435-46c9-ab53-ae63e1816b99.eot?#iefix") format("eot"), url("/angular/assets/fonts/3ded7064-503f-4fa0-853b-9f7a2cf55f20.woff2") format("woff2"), url("/angular/assets/fonts/4e7b2126-77d3-4e53-810d-7ccfde46450a.woff") format("woff"), url("/angular/assets/fonts/dcb27c78-fcd6-43bb-ab8b-9152bcfeb336.ttf") format("truetype"), url("/angular/assets/fonts/ab531dcb-6916-45d8-9326-ab3e33d75ef3.svg#ab531dcb-6916-45d8-9326-ab3e33d75ef3") format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: 'SLCR swisslife';
  src: url("/angular/assets/fonts/icons/SLGlyphIconsBase-Regular.eot?-tcxkq4");
  src: url("/angular/assets/fonts/icons/SLGlyphIconsBase-Regular.eot?#iefix-tcxkq4") format("embedded-opentype"), url("/angular/assets/fonts/icons/SLGlyphIconsBase-Regular.ttf?-tcxkq4") format("truetype"), url("/angular/assets/fonts/icons/SLGlyphIconsBase-Regular.woff?-tcxkq4") format("woff"), url("/angular/assets/fonts/icons/SLGlyphIconsBase-Regular.svg?-tcxkq4#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
#front-main-container-slcr {
  font-family: 'SLCR Legacy Serif ITC W01 Bk', Arial, Helvetica, sans-serif;
  text-align: center;
  position: relative;
  max-width: 1000px;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px 00px 30px;
  margin-top: -10px; }
  #front-main-container-slcr input:focus, #front-main-container-slcr select:focus {
    outline: none; }
  #front-main-container-slcr button a, #front-main-container-slcr button a:hover, #front-main-container-slcr button a:visited {
    color: #fff;
    text-decoration: none; }
  #front-main-container-slcr #logo {
    position: absolute;
    right: 0px; }
  #front-main-container-slcr h1, #front-main-container-slcr h2, #front-main-container-slcr h3 {
    margin: 0; }
  #front-main-container-slcr h1 {
    font-size: 32px;
    text-align: left;
    padding: 00px 0px 10px;
    font-weight: normal;
    font-family: 'SLCR LegacySerifITCW01-BkIt', Arial, Helvetica, sans-serif; }
  #front-main-container-slcr #app_header {
    /*background-image: url('/api/v1/croissance-reseaux/bg.jpg');*/
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    padding-bottom: 30px;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
    #front-main-container-slcr #app_header h1 {
      text-align: center;
      padding-top: 30px; }
  #front-main-container-slcr .fini {
    position: absolute;
    width: 300px;
    top: 120px;
    left: 30px;
    font-size: 19px; }
    #front-main-container-slcr .fini h2 {
      font-family: 'SLCR LegacySerifITCW01-BkIt', Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 24px; }
    #front-main-container-slcr .fini img {
      width: 50px;
      margin-top: 30px;
      cursor: pointer; }
  #front-main-container-slcr .question {
    position: absolute;
    width: 300px;
    top: 120px;
    left: 30px;
    font-size: 19px; }
    #front-main-container-slcr .question select {
      max-width: 100%;
      width: 100%;
      border: 1px dotted;
      background: transparent;
      color: #D90621;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      font-size: 16px;
      text-align-last: center;
      background: url(/angular/assets/img/select.svg) 96%/15% no-repeat;
      background-size: 10px 10px; }
      #front-main-container-slcr .question select option {
        background: none;
        color: #333;
        font-size: 16px;
        padding: 5px;
        text-align: center; }
    #front-main-container-slcr .question select::-ms-expand {
      /* for IE 11 */
      display: none; }
  #front-main-container-slcr #wheel-label {
    position: absolute;
    width: 460px;
    height: 460px;
    left: calc(50% - 230px);
    /*border-radius: 50%;
    border: 2px solid #5f5;*/ }
    #front-main-container-slcr #wheel-label .history {
      color: #fff;
      width: 200px;
      display: inline;
      position: absolute;
      height: 20px;
      margin: 20px 0px;
      text-align: center;
      top: 50%;
      left: 50%;
      cursor: pointer; }
      #front-main-container-slcr #wheel-label .history p {
        padding: 0px 0px;
        margin: 0px; }
    #front-main-container-slcr #wheel-label .history0 {
      left: calc(50% - 100px);
      top: calc(50% - 180px - 70px); }
    #front-main-container-slcr #wheel-label .history1 {
      transform: rotate(310deg) translate(180px) rotate(-310deg);
      margin-left: 50px; }
    #front-main-container-slcr #wheel-label .history2 {
      transform: rotate(30deg) translate(180px) rotate(-30deg); }
    #front-main-container-slcr #wheel-label .history3 {
      top: calc(100% - 50px);
      left: calc(50% - 100px); }
    #front-main-container-slcr #wheel-label .history4 {
      transform: rotate(150deg) translate(180px) rotate(-150deg);
      left: 45px; }
    #front-main-container-slcr #wheel-label .history5 {
      transform: rotate(240deg) translate(180px) rotate(-240deg);
      left: -30px; }
  #front-main-container-slcr #wheel {
    position: relative;
    text-align: center;
    width: 360px;
    height: 360px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    margin-bottom: 50px; }
    #front-main-container-slcr #wheel svg {
      overflow: inherit !important; }
      #front-main-container-slcr #wheel svg path {
        stroke-width: 3 !important; }
    #front-main-container-slcr #wheel .puce {
      transform: rotate(-90deg) translate(180px) rotate(45deg);
      top: 50%;
      left: 50%;
      z-index: 88;
      width: 14px;
      height: 14px;
      position: absolute;
      margin: -8px;
      border-radius: 50%;
      border: 2px solid #D90621;
      background-color: #fff;
      cursor: pointer; }
    #front-main-container-slcr #wheel .puceActive {
      background-color: #D90621; }
    #front-main-container-slcr #wheel .puce0 {
      top: calc(50% + 2px); }
    #front-main-container-slcr #wheel .puce1 {
      transform: rotate(330deg) translate(180px) rotate(-330deg);
      left: calc(50% - 3px); }
    #front-main-container-slcr #wheel .puce2 {
      transform: rotate(30deg) translate(180px) rotate(-30deg);
      left: calc(50% - 4px); }
    #front-main-container-slcr #wheel .puce3 {
      transform: rotate(90deg) translate(180px) rotate(-90deg);
      top: calc(50% - 3px); }
    #front-main-container-slcr #wheel .puce4 {
      transform: rotate(150deg) translate(180px) rotate(-150deg);
      left: calc(50% + 3px); }
    #front-main-container-slcr #wheel .puce5 {
      transform: rotate(210deg) translate(180px) rotate(-210deg);
      left: calc(50% + 1px); }
  #front-main-container-slcr .metier {
    text-align: left;
    color: #333;
    padding: 20px 0px; }
    #front-main-container-slcr .metier h3 {
      font-family: 'SLCR LegacySerifITCW01-BkIt', Arial, Helvetica, sans-serif;
      font-weight: normal;
      font-size: 32px; }
    #front-main-container-slcr .metier .metier-container {
      border-bottom: 1px solid #ddd;
      margin-bottom: 20px;
      padding-bottom: 20px; }
    #front-main-container-slcr .metier .div {
      margin: 0px 0px 20px; }
      #front-main-container-slcr .metier .div button {
        margin: 0px 20px 20px 0px; }
    #front-main-container-slcr .metier div:last-child {
      border-bottom: 0px; }
  #front-main-container-slcr footer {
    border-top: 1px solid #aaa;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 15px 0px; }
  #front-main-container-slcr button {
    border: none;
    border-radius: 0;
    background: #d82034;
    background: -webkit-linear-gradient(left, #d81e33 0%, #ab1925 100%);
    background: -moz-linear-gradient(left, #d81e33 0%, #ab1925 100%);
    background: -ms-linear-gradient(left, #d81e33 0%, #ab1925 100%);
    background: -o-linear-gradient(left, #d81e33 0%, #ab1925 100%);
    background: linear-gradient(left, #d81e33 0%, #ab1925 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd81e33', endColorstr='#ffab1925', GradientType=1);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd81e33',endColorstr='#ffab1925',GradientType=1);
    background-size: 150% auto;
    background-position: 0 0;
    -webkit-transition: background 500ms ease;
    -moz-transition: background 500ms ease;
    -ms-transition: background 500ms ease;
    -o-transition: background 500ms ease;
    transition: background 500ms ease;
    color: #ffffff;
    cursor: pointer;
    font-family: 'Legacy Serif ITC W01 Bk', Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 45px;
    height: 45px;
    padding: 0 10px;
    margin: 0px 15px 15px 0px; }
  #front-main-container-slcr #overlay {
    opacity: 0.6;
    background-color: #000;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 99; }
  #front-main-container-slcr #modal {
    background-color: #fff;
    z-index: 999;
    position: fixed;
    top: 70px;
    left: calc(50% - 200px);
    width: 400px;
    border: 2px solid #D90621; }
    #front-main-container-slcr #modal .modal-container {
      padding: 20px;
      width: 360px; }
      #front-main-container-slcr #modal .modal-container .error {
        color: #D90621; }
      #front-main-container-slcr #modal .modal-container .form {
        height: 40px; }
        #front-main-container-slcr #modal .modal-container .form label {
          text-align: left;
          width: 40%;
          text-align: left;
          float: left; }
        #front-main-container-slcr #modal .modal-container .form input, #front-main-container-slcr #modal .modal-container .form select, #front-main-container-slcr #modal .modal-container .form option, #front-main-container-slcr #modal .modal-container .form span {
          width: 55%;
          float: left;
          text-align: left; }
        #front-main-container-slcr #modal .modal-container .form input.captcha {
          width: 90px; }
  #front-main-container-slcr .question,
  #front-main-container-slcr .history,
  #front-main-container-slcr .puce,
  #front-main-container-slcr .metier,
  #front-main-container-slcr #modal,
  #front-main-container-slcr #overlay {
    visibility: visible;
    transition: visibility linear 0.5s; }
  #front-main-container-slcr .metier.default {
    transition: none; }
  #front-main-container-slcr .metier {
    transition: all linear 0.5s; }
  #front-main-container-slcr .question.ng-hide,
  #front-main-container-slcr .history.ng-hide
  .puce.ng-hide,
  #front-main-container-slcr .metier.ng-hide,
  #front-main-container-slcr #modal.ng-hide,
  #front-main-container-slcr #overlay.ng-hide {
    opacity: 0;
    visibility: hidden; }
  #front-main-container-slcr .no-animate {
    transition: none !important; }

@media screen and (max-width: 600px) {
  #front-main-container-slcr {
    zoom: 0.7; } }
@media screen and (max-width: 800px) {
  #front-main-container-slcr {
    padding: 0px !important; }
    #front-main-container-slcr .no-mobile {
      display: none; } }
@media screen and (max-width: 1000px) {
  #front-main-container-slcr .metier {
    padding: 20px 10px !important; } }
#front-main-container-slcr .nxt-resize-mobile {
  zoom: 0.7; }

#front-main-container-slcr .nxt-resize-tablet {
  padding: 0px !important; }
  #front-main-container-slcr .nxt-resize-tablet .no-mobile {
    display: none; }

#front-main-container-slcr .nxt-resize-small-desktop .metier {
  padding: 20px 10px !important; }

/*# sourceMappingURL=front.css.map */