/****************************************************/
/********************* FONT SIZE ********************/
/****************************************************/
.font8 {font-size:.5rem}
.font9 {font-size:.5625rem}
.font10 {font-size:.625rem}
.font11 {font-size:.6875rem}
.font12 {font-size:.75rem}
.font13 {font-size:.8125rem}
.font14 {font-size:.875rem}
.font15 {font-size:.9375rem}
.font16 {font-size:1rem}
.font17 {font-size:1.063rem}
.font18 {font-size:1.125rem}
.font19 {font-size:1.1875rem}
.font20 {font-size:1.25rem}
.font21 {font-size:1.3125rem}
.font22 {font-size:1.375rem}
.font23 {font-size:1.438rem}
.font24 {font-size:1.5rem}
.font25 {font-size:1.563rem}
.font26 {font-size:1.625rem}
.font27 {font-size:1.688rem}
.font28 {font-size:1.75rem}
.font30 {font-size:1.875rem}
.font31 {font-size:1.938rem}
.font32 {font-size:2rem}
.font33 {font-size:2.2rem}
.font34 {font-size:2.125rem}
.font35 {font-size:2.188rem}
.font36 {font-size:2.25rem}
.font38 {font-size:2.375rem}
.font40 {font-size:2.5rem}
.font46 {font-size:2.875rem}
.font47 {font-size:2.938rem}
.font50 {font-size:3.125rem;line-height:52px;}
.font54 {font-size:3.375rem}
.font60 {font-size:3.75rem}
.font65 {font-size:4.0625rem}
.font75 {font-size:4.688rem}
.font90 {font-size:5.625rem}
.font100 {font-size:6.25rem}
/****************************************************/
/******************** FONT WEIGHT *******************/
/****************************************************/
.thin {font-weight:100;}
.extra-light {font-weight:200;}
.light {font-weight: 300;}
.regular {font-weight: 400;}
.medium {font-weight: 500;}
.semi-bold {font-weight: 600;}
.bold {font-weight: 700;}
.extra-bold {font-weight: 800;}
.black {font-weight:900}
/****************************************************/
/******************** FONT FAMILY *******************/
/****************************************************/
.america {font-family: 'GT America';}
.america-extended {font-family: 'GT America Extended';}
.america-expanded {font-family: 'GT America Expanded';}
.america-compressed {font-family: 'GT America Compressed';}
.america-ultra {font-family: 'GT America Ultra';}
.rational {font-family: 'Rational';}
.rational-book {font-family: 'Rational Book';}

/****************************************************/
/*********************** COLOR **********************/
/****************************************************/
.text-blue {color: #0000ff}
.text-red {color: #f00}
.text-dark-grey {color: #454444}
.bg-transparent {background-color: transparent}
.bg-blue {background-color: #0000ff;}

/****************************************************/
/********************* POSITION *********************/
/****************************************************/
html, body {height:100%;font-family: 'GT America';}
.float-center {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.bg-img {background-position:center center;background-size:cover;background-repeat:no-repeat;}
video {width: 100%;height: 100vh;object-fit: cover;top: 0;left: 0;z-index: -1;}

/****************************************************/
/********************** BOUTONS *********************/
/****************************************************/
.btn {outline: none !important;box-shadow:none !important;align-items: center;}
.btn-transparent {background-color: transparent;border: 0;font-family: 'GT America Expanded';text-align: left;font-size: 20px;line-height: 15px;margin: 0.5rem 0;height: 35px;}
.btn-upload-image {border:1px solid #454444;color: #454444;font-size: 20px;line-height: 15px;background:transparent;border-radius:0}
.btn-upload-image-2 {font-family: 'GT America Expanded';font-size:20px;line-height:15px;border:1px solid #000000;border-radius:0;text-transform:uppercase;background:white;padding: 0.5rem 0.45rem 0.35rem;}
/****************************************************/
/********************** GENERAL *********************/
/****************************************************/
.cursor {cursor:pointer;}
*:focus-visible {outline: none;}
.modal-backdrop {background-color: #fff;backdrop-filter: blur(2px);}
.modal-backdrop.show {opacity: .85;}
.form-floating>label {left: 13px;}
.btn-close {background: none;opacity:1}

.logo-header {max-width: 145px;margin: 1.5rem 0;display:block;font-size: 29.5px;}
.menu-desktop {font-family: 'GT America';font-weight: normal;font-size:14px;text-decoration:none;color: #000000}
.white-arrow {filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(242deg) brightness(104%) contrast(104%);}

.central-square {height:85vh}
.text-square-home {font-family: 'GT America Extended';font-weight:500;color:#0000ff;text-shadow: 0px 0px 7px rgba(0, 0, 255, 1.36);font-size:2.875rem;text-align:center;line-height:40px;}
.subtitle-404 {font-family: 'GT America Compressed';font-weight: 100;color: #ffffff;line-height:40px;;text-shadow: 0px 0px 7px rgba(0, 0, 255, 1.36);font-size:2.875rem;text-align:center;}
.text-square-blue {font-family: 'GT America Extended';font-weight:500;color:#ffffff;font-size:40px;text-align:center;line-height:40px;}
.underscore-blue {font-family: 'GT America Expanded';font-weight: 300;font-size:41px;line-height: 1px;margin-bottom: 2rem;}
.text-subtitle-blue {font-family: 'GT America Compressed';font-weight: 300;font-size:40px;line-height:40px;}
.white-shadow {text-shadow: 0px 0px 12px rgba(255, 255, 255, 1.49);}
.square-corner { word-wrap: anywhere; font-family: 'GT America Extended';font-weight:500;color:#0000ff;text-shadow: 0px 0px 7px rgba(0, 0, 255, .40);font-size:60px;line-height:50px;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #0000ff;-webkit-text-fill-color: rgba(255,255,255,0);width:50%;height:50%;padding: 37px;}
.square-corner:hover {backdrop-filter: blur(10px);-webkit-text-fill-color: rgba(255,255,255,1);}
.corner-3 {display: grid;align-items: end;}
.corner-4 {display: grid;align-items: end;}
.corner-1:hover {box-shadow: -10px -10px 11px 0px rgba(0,0,0,0.63) inset;-webkit-box-shadow: -10px -10px 11px 0px rgba(0,0,0,0.63) inset;-moz-box-shadow: -10px -10px 511px 0px rgba(0,0,0,0.63) inset;}
.corner-3:hover {box-shadow: -10px 10px 11px 0px rgba(0,0,0,0.63) inset;-webkit-box-shadow: -10px 10px 11px 0px rgba(0,0,0,0.63) inset;-moz-box-shadow: -10px 10px 11px 0px rgba(0,0,0,0.63) inset;}
.corner-2:hover {box-shadow: 10px -10px 11px 0px rgba(0,0,0,0.63) inset;-webkit-box-shadow: 10px -10px 11px 0px rgba(0,0,0,0.63) inset;-moz-box-shadow: 10px -10px 5px 0px rgba(0,0,0,0.63) inset;}
.corner-4:hover {box-shadow: 10px 10px 11px 0px rgba(0,0,0,0.63) inset;-webkit-box-shadow: 10px 10px 11px 0px rgba(0,0,0,0.63) inset;-moz-box-shadow: 10px 10px 11px 0px rgba(0,0,0,0.63) inset;}


.sqr-numerotation {font-family: 'Rational';font-weight: 500;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #000000;-webkit-text-fill-color: rgba(255,255,255,0);font-size:51px;}
.sqr-number {font-family: 'GT America Expanded';font-weight: 100;font-size:49.5px; word-wrap: anywhere;}
.h1-home {font-family: 'Rational Book';font-weight: normal;font-size:21px;line-height:21px;border-top:1px solid #000000;padding-top:1rem;}
.descriptif-home {font-family: 'GT America';font-weight: 300;font-size:13.5px;}
#rollover,#tips {position:absolute;top:0;left:0;width:100%;height: 100%;padding: 2rem;line-height:20px}
.blink {animation: blinker 1s linear infinite;}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
.h1-about {font-family: 'Rational';font-weight: 600;font-size:22.5px;line-height:21px;border-bottom:1px solid #000000;margin-bottom:3.75rem}
.h1-about.text-white {border-bottom:1px solid #ffffff;}
#menu-about .accordion-item {background:transparent;margin-left:3.75rem;border: 0;}
#menu-about .accordion-button {font-family: 'GT America Extended';font-weight: 500;text-transform:uppercase;font-size: 20px;background:transparent;padding-left:2.5rem}
#menu-about .accordion-button::after {margin-left: 0;content: "↓";font-family: 'Rational';font-weight: 300;position: absolute;font-size: 20px;background-image: none;left: 0;}
#menu-about .accordion-item:last-of-type .accordion-button::after {content: "→"}
#menu-about a {font-family: 'Rational Book';font-weight: normal;font-size:17px;line-height:34px;text-transform:uppercase;color: #000000;text-decoration:none; display:block;white-space: nowrap;margin-left:2.5rem;}
#menu-about .accordion-button:not(.collapsed) {color: #000000;box-shadow: none;}

.arrow-back {display: block;height: 28px}
.text-white-stroke {-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #ffffff;-webkit-text-fill-color: rgba(255,255,255,0);}

.about-central {font-size:20.5px;line-height:27px;max-height: 68vh;overflow: auto;}
.about-central::-webkit-scrollbar-track {background: transparent;border:0;}
.about-central::-webkit-scrollbar-thumb {background-color: transparent;border-radius: 0;border: 0;}
.about-central::-webkit-scrollbar {width: 13px;height: 10px;}
.about-central::-webkit-scrollbar-button {background-repeat: no-repeat;background-position: center center;background-color: transparent;height: 20px;width: 10px;border: 0;-webkit-box-shadow: none;}
.about-central::-webkit-scrollbar-button:vertical:increment {background-image: url('../img/arrow-central-down.png');}
.about-central::-webkit-scrollbar-button:vertical:decrement {background-image: url('../img/arrow-central-up.png');}
#UpArrow {position:absolute;top:22px;right:-2rem;}
#DownArrow {position:absolute;bottom:0;right:-2rem;}

.text-line {border-bottom:1px solid #000000;line-height: 0;margin: 1rem 0;font-family: 'Rational';font-weight: 600;font-size:10px;}

@keyframes blink-caret { 50% { border-color: transparent; } }
.login .form-control {border:0; border-bottom:1px solid #ced4da; border-radius:0;padding-left: 0;padding-bottom: 0.25rem;}
.login .form-control:focus {box-shadow:none;}
.login .form-floating>label {border:0;color:#0000ff;font-family: 'Rational';font-weight: 300;font-size:20px;line-height:21px;height:35px;padding-left: 0;}
.login .form-floating>.form-control:not(:placeholder-shown) {padding-top: 1.25rem;padding-bottom: 0.25rem;}
.login .form-floating>.form-control {height: calc(3rem + 2px);}
.login .dropdown-toggle {background:transparent;border:0;color:#0000ff;font-family: 'Rational';font-weight: 300;font-size:20px;line-height: 20px;height: 42px;border-bottom: 1px solid #ccc;border-radius: 0;width: 100%;text-align: left;padding: 0.75rem 0 1.2rem;}
.login hr {border-top: 1px solid #000000;opacity: 1;margin: 2rem 0;}
.btn-sign-up {font-family: 'GT America Expanded';font-size:15px;line-height:15px;border:1px solid #000000;border-radius:0;text-transform:uppercase}
.btn-sign-up:hover {border:1px solid #000000;}
.arrow-button {font-family: 'Rational Book';}
.log-in-title {font-family: 'GT America Expanded';font-size:20px;line-height:15px;border-bottom: 1px solid #000000;padding: 14px 0 22px 0;}
.forget-password, .sign-up {font-family: 'GT America';font-weight: normal;font-size:15px;line-height:14px;}

.kyc-doc-name {text-align:center;text-transform:uppercase;font-family: 'Rational Book';font-size:11.5px;line-height:21px;}
.picto-kyc {font-size:130px;line-height: 0;}
.upload-div {position: relative;overflow: hidden;}

.upload-div input[type=file] {left: 0;top: 0;opacity: 0;position: absolute;font-size: 90px;}
.btn-upload {background-color: #fff;border: 0;color: #0000ff;padding: 10px 25px;border-radius: 0;font-size: 12.5px;line-height:15px;font-family: 'GT America Expanded';text-align:center}
.btn-upload > span[class^="icon-"] {display:block;margin-top:.5rem}
.track-free-picto {margin-top:-2rem}
.track-free-kyc {font-family: 'GT America Expanded';font-weight: 900;font-size:8.5px;display:block;line-height: 4px;}
.mentions-kyc {font-family: 'GT America';font-weight: 100;font-size:10px;line-height:15px;}

.info-label {font-family: 'Rational';font-weight: 300;font-size:10px;line-height:21px;}
.info-user {font-family: 'Rational Book';font-weight: normal;font-size:18px;line-height:21px;}
.number-user {font-family: 'GT America Compressed';font-weight: 300;font-size:80px;line-height:48px;text-align:center;margin-top: -1.5rem;}
.link-user {display:grid;align-items:center}
.link-user a{color: #000000;font-family: 'GT America';font-size:15px;}

.statistiques {color: #ffffff;}
.statistiques .number-user {font-size:55px;}

table.dataTable thead th {border:0;border-right:1px solid #ffffff;font-family: 'Rational';font-weight: 300;font-size:10px;line-height:8px;text-align:center;vertical-align:top}
table.dataTable>tbody>tr.child ul.dtr-details {width:75%}
table.dataTable>tbody>tr.child ul.dtr-details>li {text-align:left}
table.dataTable>tbody>tr.child span.dtr-title {font-family: 'Rational';font-weight: 300;font-size:10px;line-height:8px;}
table.dataTable>tbody>tr.child span.dtr-data {float:right}
table.dataTable tbody td {border:0;border-right:1px solid #ffffff;font-family: 'GT America';font-weight:500;font-size:14px;line-height:21px;text-align:center}
table.dataTable thead th:last-of-type, table.dataTable tbody td:last-of-type {border-right:0}
.dataTables_wrapper.no-footer .dataTables_scrollBody {border:0}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control {padding-left: 25px;}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before {top: 50%;transform: translateY(-50%);height: 15px;width: 15px;margin-top: 0;border: 1px solid #ffffff;border-radius: 1em;box-shadow: none;box-sizing: content-box;text-align: center;line-height: 12px;font-weight: 900;background-color: transparent;}
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before {background-color: transparent}

.price-purchase {font-family: 'GT America Compressed';font-weight: 100;font-size:48px;line-height:48px;text-align:center}
.commande-tips {font-family: 'GT America';font-weight: 300;font-size:20px;line-height:21px;}
.commande .btn-sign-up {color:#ffffff;border:1px solid #ffffff;display: block;}
.commande .btn-sign-up:hover {color:#0000ff;border:1px solid #000000ff;background:#ffffff;display: block;}
.commande-method {border-top: 1px solid #ffffff;font-family: 'GT America Expanded';font-size:15px;line-height:21px}
.commande-method .command-link {font-family: 'GT America';font-weight:300;font-size:13.5px;line-height:14px}
.command-complete {border-top: 1px solid #000000;border-bottom: 1px solid #000000;font-size:18px;line-height:22px;overflow:hidden}
.commande-2 .owner-of {font-family: 'Rational';font-weight: 500;font-size:13px;line-height:21px;margin-bottom: -0.8rem;margin-top: 1.75rem;}
.money-available {font-family: 'GT America Compressed';font-weight: 100;font-size:126px;line-height:101px;text-align:center}
.money-available div {font-family: 'Rational';font-weight: 300;font-size:11px;line-height:21px;}
.commande .form-control {border:0; border-bottom:1px solid rgba(255,255,255,.5); border-radius:0;padding-left: 0;padding-bottom: 0.25rem;background: transparent;}
.commande .form-floating>label {background:transparent;border:0;color:#ffffff;font-family: 'GT America Expanded';font-weight: 400;font-size:15px;line-height:21px;height:35px;padding-left: 0;}
.commande .form-floating>.form-control:not(:placeholder-shown) {padding-top: 1.25rem;padding-bottom: 0.25rem;}
.commande .form-floating>.form-control {height: calc(3rem + 2px);}
.commande .dropdown-toggle {background:transparent;border:0;color:#ffffff;font-family: 'GT America Expanded';font-weight: 400;font-size:15px;line-height:21px;height:35px;}
.dropdown-toggle::after {display:none}
.commande input::-webkit-input-placeholder {color:#ffffff}
#rollover,#tips p {padding:1.5rem 1.5rem 0 2rem}
.scroll-container {overflow: hidden;}
.withdraw {font-family: 'Rational';font-weight: 300;font-size:11px;line-height:21px;border-top:1px solid #ffffff;border-bottom:1px solid #ffffff;padding: 0.5rem 0;}
.scroll-text {-moz-transform: translateX(100%);-webkit-transform: translateX(100%);transform: translateX(100%);-moz-animation: my-animation 15s linear infinite;-webkit-animation: my-animation 15s linear infinite;animation: my-animation 15s linear infinite;}

.h1-square {font-family: 'Rational';font-weight: 600;font-size:17.5px;line-height:21px;border-top:1px solid #000000;}
.btn-buyback {border:0;background:#0000ff;color: #ffffff;border-radius:0;text-align:left;font-family: 'GT America Expanded';font-size:15px;line-height:15px;border:1px solid #0000ff;}
.btn-buyback:hover {color:#0000ff;background-color:#ffffff;border:1px solid #0000ff;}
.to-buy .square-corner {font-family: 'GT America Extended';font-weight:500;color:transparent;width:50%;height:50%;padding: 37px;font-size:0}
.to-buy .square-corner:hover {-webkit-text-fill-color: white;text-shadow: 0px 0px 7px rgb(255 255 255 / 1.4);font-size: 60px;line-height: 50px;-webkit-text-stroke-width: 0;-webkit-text-stroke-color: transparent;}

.visuel-404 {max-height:28.5vh}
.tiret-404 {line-height: 0px;font-family: 'GT America Extended';font-weight: 500;color: #ffffff;font-size: 33.5px;}


.bg-upload-grey {background-color: #d5d5d5;-webkit-box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.7);box-shadow: inset 0px 0px 30px 0px rgba(0,0,0,0.7);}
.load-image .text-square-home {color: #454444;text-shadow: none}
.subtitle-upload {font-family: 'GT America Compressed';font-weight: 100;font-size:35px;line-height:40px;text-align:center}

.dropdown-menu.show {border-radius: 0;text-align: center;max-height: 114px;overflow:auto}
.img-success {max-width:100px;}

.mentions H2 {font-family: 'Rational';font-weight: 600;font-size: 20.5px;}
.mentions H3 {font-family: 'Rational';font-weight: 600;font-size: 18.5px;}
.about-central.mentions {font-size: 17.5px;}

@-moz-keyframes my-animation {
  from { -moz-transform: translateX(50%); }
  to { -moz-transform: translateX(-100%); }
}

@-webkit-keyframes my-animation {
  from { -webkit-transform: translateX(50%); }
  to { -webkit-transform: translateX(-100%); }
}

@keyframes my-animation {
  from {
    -moz-transform: translateX(50%);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
  }
  to {
    -moz-transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

}

/*
.crop {width:100vh}
*/

.dz-preview,.dz-file-preview,.dz-processing,.dz-complete { display:none !important; }