@font-face {
	font-family: 'lato';
	src: url('/resources/fonts/lato/Lato-Regular.ttf') format('truetype');
}

@font-face {
	font-family: 'lato-medium';
	src: url('/resources/fonts/lato/Lato-Medium.ttf') format('truetype');
}

@font-face {
	font-family: 'lato-light-italic';
	src: url('/resources/fonts/lato/Lato-LightItalic.ttf') format('truetype');
}

@font-face {
	font-family: 'lato-bold';
	src: url('/resources/fonts/lato/Lato-Bold.ttf') format('truetype');
}

@font-face {
	font-family: 'lato-light';
	src: url('/resources/fonts/lato/Lato-Light.ttf') format('truetype');
}

@font-face {
	font-family: 'Avant Garde Gothic Medium';
	src: url('/resources/fonts/AVANTGARDEGOTHICITCT-MEDIUM_0.OTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}

html {
  height: 100%;
  margin: 0px;
  text-align: center;
  background-size: contain;
  overflow: hidden; }

body {
  font-size: 21px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin: 0;
  overflow: auto; }

#slide, #slide2 {
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  background-position: center;
  margin: 0;
  overflow: hidden;
  position: absolute;
  z-index: -2;
  -webkit-transition: opacity 1.0s linear 0s;
  transition: opacity 1.0s linear 0s;
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}


.login_button {
  background: url(/resources/images/SignIn.png) no-repeat center left;
  height: 60px;
  width: 183px;
  font-size: 12pt;
  font-weight: bold;
  border: none;
  outline: none;

  width: auto;
  min-width: 169px;
  padding: 0px 14px;
  border-radius: 8px;
  box-shadow: 0 0 2px 1px #adabab, 0 0 5px 0px #FFFFFF, inset 0 0 4px 1px #FFFFFF66, inset 0 -10px 12px 1px #b1d52d;
  height: 46px;
  margin-top: 7px;
  margin-bottom: 7px;
  background: linear-gradient(143deg, #b1d52d 0%,#b1d52d 60%,#9cc225 62%,#9cc225 100%),#9cc225;
}

.login_button:hover {
  background: url(/resources/images/SignIn_over.png) no-repeat center left;
  background: linear-gradient(to bottom, #9bc225 0%, #9bc225 33%, #b1d52d 100%);
  background: #9bc225;
}


.fullpage_transition {
  -webkit-transition: background-image 1.2s ease-in-out;
  transition: background-image 1.2s ease-in-out;
}

.relative_columns {
  position: relative;
  height: 100%;
}

.language_box_links {
  font-family: lato,sans-serif;
  font-size: 12px;
  z-index: 9999;
}

.language_box_links:hover {
	color: #afd136;
}

.fullpage_language_box {
  position: absolute;
  top: 5px;
  top: 94%;
  right: 10px;
  z-index: 9999;
}

.fullpage_child {
  position: relative;
}

.bottom_row {
  position:absolute;
  bottom: 10px;
  left: 0;
  right: 0;

  width:100%;
}

.fullpage_parent {
  background-color: #ccc;
  position: relative;
  z-index: 99;
}

.fullpage_image_transparent {
  opacity: 0;
}

.fullpage_image {
    margin: 0px;
    top: 0px;
    left: 0px;
    position:absolute;
    z-index:-1;
    min-width:100%;
    min-height:100%;
    width:100%;
    height:100vh;
}

.row_top {
	margin-top: 10px;
}

.row_bottom {
  bottom: 25px;
  position: absolute;
  left: 20px;
  width:98%;
}

.row_vertical_middle {
  top: 35%;
  left: 20px;
  width:98%;
  display:none;
  position: absolute;
}

html .section{
  font-family: lato,sans-serif;
}

body {
    overflow:hidden;
}

a:link {
  color: #000;
  font-weight: bold;
}

a:visited {
  color: #000;
  font-weight: bold;
}

a:hover {
  color: #666;
  font-weight: bold;
}

a:active {
  color: #000;
  font-weight: bold;
}


.background_images {
  position:relative;
}

.message_content {
  line-height: 0.8em;
}

.background_images video {
  position:absolute;

  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.background_images img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

nav.carousel:hover {
  cursor: default;
}

/* Hide the radio button */
nav.carousel input[type=radio] {
  display: none;
}

/* All styling takes place on the label element */
nav.carousel label {
  display: inline-block;
  background: #ddd;
  overflow: hidden;
  text-indent: -999px;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  box-shadow: inset 0 1px 1px 0 #999;
}
nav.carousel label:hover {
  background: #bbb;
  cursor: pointer;
  box-shadow: inset 0 1px 1px 0 #777;
}
nav.carousel input:checked + label {
  background: linear-gradient(#666, #ccc);
  box-shadow: inset 0 0 1px 1px #333;
}

.full_page_video_transparent {
  opacity: 0;
}

.splash_screen_box_watermark {
  margin: 0px;
  top: 145px;
  left: 300px;
  font-size: 12pt;
  position:absolute;
}

.spash_screen_box {
  position: relative;
}

.row_main_content {
  position: relative;
  top: 5%;
}

.message_header {
  line-height: 2.0em;
}

.full_page_video {
  margin: 0px;
  top: 0px;
  left: 0px;

  position:absolute;
  z-index:0;
  object-fit: cover;
  height: 100vh;
  width: 100%;
}

.section{
	background-color: #f7f7f7d9;
	z-index: 99;
	height: 100vh;
	overflow-y: auto;
	overflow-x: hidden;
	display: flex;
	flex-flow: column;
}

.section > *{
	flex-shrink: 0;
}


.logo-container{
	padding: 0;
	top: 50%;
	transform: translateY(-50%);
	position: absolute;
	max-height: 100%;
}

.logo-container img{
    width: 100%;
    max-height: 25vh;
	object-fit: contain;
}

.logo-netsign{
	margin-top: 2%;
	height: 25%;
}
.logo-netsign-trial {
	margin-top: 2%;
	height: 15rem;
}

.card{
	background-color: white;
	border-radius: 10px;
	margin-top: 10%;
	margin-bottom: 10%;
	height: 16vw;
    display: table;
}

.card .email-sent-message{
    font-size: 0.65vw;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: unset;
    padding-bottom: unset;
}

.email-sent-message .title{
    color: #afd136;
    text-transform: uppercase;
    font-size: 1.8vw;
}

.email-sent-message .success-phrase{
    text-transform: uppercase;
    font-size: 0.65vw;
}

.email-sent-message hr{
    margin-top: 30px;
    margin-bottom: 30px;
    border-top-color: #BFBFBF;
}

.email-sent-message .email{
    font-size: 0.9vw;
    font-weight: bold;
}

#form-area form, .email-sent-message{
    margin-block-end: 0;
    display: table-cell;
    vertical-align: middle;
    padding-top: 45px;
    padding-bottom: 10px;
}

.form-title{
	position: absolute;
	top: -53px;
	text-align: left;
	left: 5%;
	font-size: 48px;
	font-family: lato-medium,sans-serif;
	color: #bfbfbf;
    width: max-content;
    font-size: 2em;
    top: -1.1em;
}

/*input {*/
input, select.form-control {
	border: 0;
	outline: 0;
	background: transparent;
	border-bottom: 1px solid #e0e0e0;
	font-size: 18px;
	font-family: lato-light-italic,sans-serif;
	margin-bottom: 5%;
	width: 100%;
    color: #000;
}

input[type="submit"] {
border-bottom: unset;
}

select.form-control{
    border: unset;
    border-bottom: 1px solid #e0e0e0;
    border-radius: 0;
    font-size: 18px;
    box-shadow: unset;
    padding: unset;
    height: 29px;
}

select.form-control:invalid{
    color: #757575;
    padding-left: 0.25vw;
}

select.form-control option{
    color: #000;
    font-family: lato-light-italic,sans-serif;
    font-size: 18px;
}

.input-text{
    text-indent: 4px;
}

.input-text:focus, select.form-control:focus{
	border-bottom: 1px solid #afd136;
    box-shadow: unset;
}

.input-text:focus.wrong-field, select.form-control:focus.wrong-field{
	border-bottom-color: red;
}

.input-text::-webkit-input-placeholder, select.form-control::-webkit-input-placeholder{
	padding-left: 0.25vw;
}

.submit-button{
	font-size: 21px;
	font-family: lato-medium,sans-serif;
	color: white;
	background-color: #afd136;
	border-radius: 10px;
    text-transform: uppercase;
}

.submit-button-trial{
	font-size: 21px;
	font-family: lato-medium,sans-serif;
	color: white;
	background-color: #afd136;
	border-radius: 10px;
	text-transform: uppercase;
	margin-top:10px;
}

.small-submit-button{
	font-size: 14px;
	font-family: lato-medium,sans-serif;
	color: white;
	background-color: #afd136;
	border-radius: 10px;
	text-transform: uppercase;
	width: 50%;
}

.submit-button:hover:not(.disabled){
	color: #afd136;
	background-color: white;
	box-shadow: inset 0px 0px 0 1px #afd136;
}

.terms-text{
	font-size: 11px;
	font-family: lato, sans-serif;
}

.terms-text span{
	font-family: lato-bold, sans-serif;
}

.register-text{
	font-size: 14px;
	font-family: lato,sans-serif;
	padding-bottom: 10px;
}

.register-text span{
	font-family: lato-bold,sans-serif;
}

.register-text span a{
	color: black;
	text-decoration: underline #afd136;
}

.register-text span a:hover{
	color: #afd136;
	cursor: pointer;
}

.footer-content{
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
	justify-content: center;
}

.social-container > div{
	display: inline-block;
}

.social-icons{
	fill: #333333;
	height: 3vh;
    width: 3vh;
    min-width: 20px;
    min-height: 20px;
}

.social-icons:hover{
	fill: #afd136;
}

.powered-by-container{
	text-align: right;
    position: absolute;
    right: 0px;
}

#powered-by{
	font-size: 8px;
	font-family: lato,sans-serif;
}

#powered-by span a{
	color: black;
}

#powered-by span a:hover svg{
	fill: #afd136;
	cursor: pointer;
}

#powered-by span a svg{
	width: auto;
	height: 2vh;
    min-height: 15px;
    max-height: 25px;
	position: relative;
	left: -0.3vw;
	top: 0.2vh;
}
#bubble-container{
	position: absolute;
    right: 40px;
    bottom: 20px;
}

#bubble{
	width: 10vh;
	height: 8vh;
    min-height: 50px;
	animation-name: wiggle, popupBubble;
	animation-duration: 5s, 0.5s;
	animation-delay: 3s, 0s;
	animation-iteration-count: infinite, 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12vh;
}

#bubble.creation.FR{
    background-image: url("/resources/images/visual/bulle_Content_creation_FR.svg");
    background-size: 10vh;
}

#bubble.creation.EN{
    background-image: url("/resources/images/visual/bulle_Content_creation_EN.svg");
    background-size: 10vh;
}

#bubble.creation.FR:hover{
    background-image: url("/resources/images/visual/bulle_Content_creation_over_FR.svg");
}

#bubble.creation.EN:hover{
    background-image: url("/resources/images/visual/bulle_Content_creation_over_EN.svg");
}

#bubble.trial.FR{
    background-image: url("/resources/images/visual/Bouton_Demo_FR.svg");
}

#bubble.trial.EN{
    background-image: url("/resources/images/visual/Bouton_Demo_EN.svg");
}

#bubble.trial.FR:hover{
    background-image: url("/resources/images/visual/Bouton_Demo_over_FR.svg");
}

#bubble.trial.EN:hover{
    background-image: url("/resources/images/visual/Bouton_Demo_over_EN.svg");
}

@keyframes wiggle {
	0% {transform: rotate(10deg);}
	1.5% {transform: rotate(-10deg);}
	3% {transform: rotate(15deg);}
	4.5% {transform: rotate(-5deg);}
	6% {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}

@keyframes popupBubble {
    0%   {transform:scaleX(0) scaleY(0) translateY(0);transform-origin: 100% 100%;}
    20%   {transform:scaleX(0.2) scaleY(0.2) translateY(0);}
    40%   {transform:scaleX(0.4) scaleY(0.4) translateY(0);}
    50%   {transform:scaleX(0.6) scaleY(0.6) translateY(0);}
    70%  {transform:scaleX(0.9) scaleY(0.9) translateY(0);}
    80%  {transform:scaleX(1.3) scaleY(1.3) translateY(0);}
    100% {transform:scaleX(1) scaleY(1) translateY(0); transform-origin: 100% 100%;}
}

.d-none{
	display: none;
}

.caps-warning-container{
    position: absolute;
    top: 0px;
    right: 15px;
}

.caps-warning{
	font-size: 9px;
	font-family: lato,sans-serif;
	color: red;
}

#mobile-message{
    display: none;
}

#mobile-message.section{
    padding-right: 15px;
}

#mobile-message .logo-netsign{
    height: 50%;
}

#mobile-message #mobile-message-text{
    padding-top: 4vh;
}

#mobile-message #mobile-message-text.activation-msg .warning-message{
    position: inherit;
    font-size: inherit;
    line-height: inherit;
}

#mobile-message .logo-netsign img{
    height: -moz-available;
    height: -webkit-fill-available;
    height: fill-availble;
    width: -moz-available;
    width: -webkit-fill-available;
    width: fill-availble;
}

.validationMsg{
	padding-bottom: 5px;
}

.warning-message, .warning-message a, .warning-message a:visited, .warning-message a:hover{
    color: red;
    font-size: 15px;
    line-height: 15px;
}

.warning-message.success, .warning-message.success a, .warning-message.success a:visited, .warning-message.success a:hover{
    color: #afd136 !important;
}

.warning-message a{
    text-decoration-line: underline;
}

.warning-message svg{
    fill: #FF0000;
    position: relative;
    top: 4px;
    left: 5px;
}

.warning-message .tooltip > .tooltip-inner{
    background-color: #fff9c2;
    color: #000000;
    font-size: 12px;
    border: 2px solid #ffffff;
    border-radius: 15px;
    width: 250px;
    max-width: 250px;
}

.warning-message .tooltip.top > .tooltip-arrow{
    border-top: 7px solid #fff9c2;
}
.warning-message .tooltip.bottom > .tooltip-arrow{
    border-bottom: 7px solid #fff9c2;
}
.warning-message .tooltip.right > .tooltip-arrow{
    border-right: 7px solid #fff9c2;
    border-radius: 3px;
}
.warning-message .tooltip.left > .tooltip-arrow{
    border-left: 7px solid #fff9c2;
}

#form-area input[type="submit"].disabled{
    background-color: #bdbfc1;
}

#in-partnership-with{
    margin-top: 1rem;
    padding: 0px 30px;
}

#in-partnership-with p{
    color: #B5B5B5;
    color: #999999;
    font-size: 1.25rem;
}

.trialDetailTitle {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0.8vw;
    color: #555555;
    font-size: 1vw;
    text-transform: uppercase;
}

.trialLabel {
	text-align: left;
	font-size: 11px;
}

/* Large width */
@media (min-width: 1200px) {
    .container-register-text {
        padding: 0px;
    }
    #powered-by{
        font-size: 10px;
    }
}
/* Medium width */
@media (max-width: 1244px) {
    .caps-warning{
        font-size: 7px;
    }
}

/* Small width */
@media (max-width: 992px){
    #form-area form, .email-sent-message{
        padding: 30px 0px;
    }

    #bubble-container{
        display: none;
    }

    .fullpage_language_box{
        top: 90%;
    }
}

/* Manage mobile and small screens to show the mobile message */
@media (max-width: 750px), (max-height: 450px){
    #background_images{
        display: none;
    }

    #mobile-message{
        display: block;
    }
}

svg, form input[type="submit"]{
    transition: ease 0.25s;
}