/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: local('Titillium Web ExtraLight Italic'), local('TitilliumWeb-ExtraLightItalic'), url(../fonts/TitilliumWeb-ExtraLightItalic.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/RZunN20OBmkvrU7sA4GPPlJE2ff-A43GlZDxz8FPlfj3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 200;
  src: local('Titillium Web ExtraLight Italic'), local('TitilliumWeb-ExtraLightItalic'), url(../fonts/TitilliumWeb-ExtraLightItalic.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/RZunN20OBmkvrU7sA4GPPhd7TTgBBEGVxkjmQgbPAyw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'), url(../fonts/TitilliumWeb-LightItalic.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/RZunN20OBmkvrU7sA4GPPiOhBaFVoVDc-z8-DYP2cCb3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 300;
  src: local('Titillium Web Light Italic'), local('TitilliumWeb-LightItalic'), url(../fonts/TitilliumWeb-LightItalic.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/RZunN20OBmkvrU7sA4GPPkb38SFW3SGHxd5c_83r5xk.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url(../fonts/TitilliumWeb-Italic.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/r9OmwyQxrgzUAhaLET_KOyohs_GVCV93aZwGb7eT-mc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 400;
  src: local('Titillium Web Italic'), local('TitilliumWeb-Italic'), url(../fonts/TitilliumWeb-Italic.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/r9OmwyQxrgzUAhaLET_KO04Sq3N3sm-tF9FpL8sHob4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(../fonts/TitilliumWeb-SemiBoldItalic.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/RZunN20OBmkvrU7sA4GPPgHWXvJEMqz2JvmyFwzXZKX3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 600;
  src: local('Titillium Web SemiBold Italic'), local('TitilliumWeb-SemiBoldItalic'), url(../fonts/TitilliumWeb-SemiBoldItalic.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/RZunN20OBmkvrU7sA4GPPubnHKM7EA09T6nhONWaMpo.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url(../fonts/TitilliumWeb-BoldItalic.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/RZunN20OBmkvrU7sA4GPPrllv97p_r9FmS3SWdZzB6_3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: italic;
  font-weight: 700;
  src: local('Titillium Web Bold Italic'), local('TitilliumWeb-BoldItalic'), url(../fonts/TitilliumWeb-BoldItalic.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/RZunN20OBmkvrU7sA4GPPipre1WS4Xml-pRMufJH74k.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'), url(../fonts/TitilliumWeb-ExtraLight.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/anMUvcNT0H1YN4FII8wprzS7C564OTp_INgXTr8EAGg.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 200;
  src: local('Titillium Web ExtraLight'), local('TitilliumWeb-ExtraLight'), url(../fonts/TitilliumWeb-ExtraLight.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/anMUvcNT0H1YN4FII8wprwncwICprNeqbmuPE2HfhOU.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(../fonts/TitilliumWeb-Light.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/anMUvcNT0H1YN4FII8wpr30ibtJ3ueB9Z81J478WEJQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 300;
  src: local('Titillium Web Light'), local('TitilliumWeb-Light'), url(../fonts/TitilliumWeb-Light.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/anMUvcNT0H1YN4FII8wpr6YfJ4wTnNoNUCmOpdh16Tg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(../fonts/TitilliumWeb-Regular.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/7XUFZ5tgS-tD6QamInJTcSGR3J8a2Jm30YJvJ3tIMOY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'), url(../fonts/TitilliumWeb-Regular.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/7XUFZ5tgS-tD6QamInJTceHuglUR2dhBxWD-q_ehMME.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(../fonts/TitilliumWeb-SemiBold.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/anMUvcNT0H1YN4FII8wpr1Tcxd1fGlbIJMCb5Y260Wk.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 600;
  src: local('Titillium Web SemiBold'), local('TitilliumWeb-SemiBold'), url(../fonts/TitilliumWeb-SemiBold.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/anMUvcNT0H1YN4FII8wpr6d1JQt-lS5nD-1TJX2NNl0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* latin-ext */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(../fonts/TitilliumWeb-Bold.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/anMUvcNT0H1YN4FII8wpr6nZAMwsGZpiGJKtVINElMQ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 700;
  src: local('Titillium Web Bold'), local('TitilliumWeb-Bold'), url(../fonts/TitilliumWeb-Bold.ttf), url(http://fonts.gstatic.com/s/titilliumweb/v6/anMUvcNT0H1YN4FII8wpr8hG3LOB74UqS1hPmWaAxzQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'AllumiProExtended-Heavy';
  font-style: normal;
  src: url(../fonts/AllumiProExtended-Heavy.otf) format('opentype');
}

@font-face {
  font-family: 'AllumiProExtended-ExtraLight';
  font-style: normal;
  src: url(../fonts/AllumiProExtended-ExtraLight.otf) format('opentype');
}

body, * {
  font-family: 'Titillium Web', sans-serif;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  touch-action: none;
  -webkit-touch-action: none;
  -moz-touch-action: none;
  -ms-touch-action: none;
  -o-touch-action: none;
}

a {
  color: #33008E;
}

a:hover, a:active {
  color: #A70446;
}

.body {
  height: 1756px;
  width: 1080px;
  text-align: center;
  vertical-align: middle;

  background-color: #f5f5f5;
}

h1 {
  /*width: 642px;
  height: 164px;*/
  font-family: AllumiProExtended-Heavy;
  font-size: 64px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
}

#contact h1 {
  height: 232px;
}

#map h1 {
  height: 132px;
}

h2 {
  /*width: 900px;*/
  /*height: 132px;*/
  margin-left: 90px;
  margin-right: 90px;
  font-family: AllumiProExtended-ExtraLight;
  font-size: 44px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
}

md-toast.md-bottom {
  font-size: 32px;
  text-align: center;
  margin-bottom: 244px;
}

.md-button.register, 
button.md-button.register {
  background-color: rgb(0,186,223);
  color: #ffffff;
  font-size: 32px;
  height: 64px;
  width: 520px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24) !important;
  /*transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
}

button.md-button.md-raised.register {
  background-color: rgb(0,186,223);
  color: #ffffff;
  }

button.md-button.register:hover:not([disabled]),
button.md-button.md-raised.register:hover:not([disabled]) {
  background-color: rgba(0,186,223, 0.8) !important;
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
}

md-grid-list {
  height: 1056px;
  margin: 40px;
}

md-grid-list md-grid-tile {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  background: rgba(51,0,142,1);
  /*transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
}

md-grid-list md-grid-tile:hover,
md-grid-list md-grid-tile:focus,
md-grid-list md-grid-tile:active {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  background: rgba(51,0,142,0.8);
}

md-grid-list md-grid-tile:active {
  z-index: 1000;
  /*animation: zoom linear 0.5s;*/
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(10);
  }
}

md-grid-list md-grid-tile.ng-hide {
  opacity: 0;
}

md-grid-list md-grid-tile md-grid-tile-footer, 
md-grid-list md-grid-tile md-grid-tile-header {
  height: 122px;
  background: rgba(0,186,223,0.65);
}

md-grid-list md-grid-tile md-grid-tile-footer figcaption, 
md-grid-list md-grid-tile md-grid-tile-header figcaption {
  width: 100%;
}

md-grid-list md-grid-tile md-grid-tile-footer h3, 
md-grid-list md-grid-tile md-grid-tile-header h3 {
  color: #FFFFFF;
  font-size: 36px;
  text-align: center;
}

md-grid-tile {
  /*transition: all 400ms ease-out 50ms; */
}

md-grid-tile img {
  margin-bottom: 122px;
}









.ext-home h1 {
  margin-top: 180px;
}

.ext-md-grid-list {
  height: 612px;
  margin: 57px;
  margin: 42px; 
}

.ext-md-grid-list .ext-md-grid-tile {
  width: 468px;
  height: 612px;
  margin: 15px;
  border-radius: 8px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border: solid 1px #bbbbbb;

  /*transition: all 0.3s cubic-bezier(.25,.8,.25,1);*/
}

/*
ext-md-grid-list ext-md-grid-tile:hover,
ext-md-grid-list ext-md-grid-tile:focus,
ext-md-grid-list ext-md-grid-tile:active {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  background: rgba(51,0,142,0.8);
}*/

.ext-md-grid-list .ext-md-grid-tile:active {
  z-index: 1000;
  /*animation: zoom linear 0.5s;*/
}

@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(10);
  }
}

.ext-md-grid-list .ext-md-grid-tile.ng-hide {
  opacity: 0;
}

.ext-md-grid-list .ext-md-grid-tile h3, 
.ext-md-grid-list .ext-md-grid-tile h3 {
  margin-top: 30px;
  margin-left: 60px;
  margin-right: 60px;

  /*width: 348px;
  height: 112px;*/
  font-family: AllumiProExtended-ExtraLight;
  font-size: 44px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
}

.ext-md-grid-list .ext-md-grid-tile .ext-md-grid-tile-text {
  width: 348px;
  height: 112px;
  font-family: AllumiProExtended-ExtraLight;
  font-size: 44px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #333333;
}

.ext-md-grid-list .ext-md-grid-tile .ext-md-grid-tile-footer figcaption, 
.ext-md-grid-list .ext-md-grid-tile .ext-md-grid-tile-header figcaption {
  width: 100%;
}



.ext-md-grid-tile {
  /*transition: all 400ms ease-out 50ms; */
}

.ext-md-grid-tile img {
  margin-top: 150px;
}


.ext-prol-visite {
  font-family: AllumiProExtended-Heavy;
  font-size: 34px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #35008b;
  text-decoration: underline;

  margin-top: 100px;

}



.lang-choice {
  position: absolute;
  top: 1649px;
  left: 535px;
}

.lang-choice .text {
  font-family: AllumiProExtended-ExtraLight;
  font-size: 34px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: right;
  color: #333333;
}

.lang-choice .fas {
  font-size: 34px;
  color: #333333;
}

.lang-choice img {
  width: 45px;
  height: 45px;
  position: relative;
  top: -12px;
  margin-left: 15px;
  margin-right: 15px;
}



.badge-scan h1 {
  margin-top: 180px;
}

.badge-scan .scan-qr-img {
  margin-top: 90px;
}

.badge-scan .ext-prol-visite {
  margin-top: 60px;
}

.return-bttn {
  position: absolute;
  top: 1593px;
  left: 60px;

  width: 238px;
  height: 103px;
  border-radius: 8px;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border: solid 1px #bbbbbb;
  padding: 30px;
}

.return-bttn .fas { 
  font-size: 34px;
  color: #333333;
}

.return-bttn .text { 
  font-family: AllumiProExtended-ExtraLight;
  font-size: 34px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #333333;

  padding-left: 20px;
}

.badge-scan .scan-error {
  border-radius: 8px;
  background-color: #ffffff;
  border: solid 1px #bbbbbb;

  text-align: left;

  margin: 60px;
  padding: 90px;
}

.badge-scan .error-title{
 

  overflow: auto;
}

.badge-scan .error-title img{
  float: left;
}

.badge-scan .error-title div{
  margin-top: 29px;
  margin-left: 230px;

  font-family: AllumiProExtended-Heavy;
  font-size: 44px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ff8924;
}

.badge-scan .error-message{
  font-family: AllumiProExtended-ExtraLight;
  font-size: 44px;
  font-weight: 200;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #333333;
  margin-top: 60px;
}


.checkin-door-opened h1{
  margin-top: 567px;
}













.footer, 
.header {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  text-align: center;

  width: 1080px;
  height: 164px;
  background-color: #35008b;
}

.footer img, 
.header img {
  margin-top: 60px;
  margin-bottom: 59px;
}

.header {
  /*background-image: url('../img/header.png');*/
}

.footer {
  background-image: url('../img/footer.png');
}

.contact-header {
  width: 100%;
  position: absolute;
  top: 232px;
  height: 160px;
  margin: 0px;
  padding: 0px;
  color: white;
  background: white;
}

.fab {
  cursor: pointer;
  position: absolute;
  width: auto;
  /* top: 700px; */
  margin: 0px;
  padding: 0px;
  color: white;
  background: white;
  font-weight: bold;
  font-size: 18px;
  /*transition: 0.6s ease;*/
  border-radius: 0 3px 3px 0;
  z-index: 1000;
  float: left;
}

.md-button.back, 
button.md-button.back {
  height: 1420px !important;
  background: #fff;
}

button.md-button.md-raised.back {
  background-color: rgb(0,186,223);
}

button.md-button.back:hover:not([disabled]),
button.md-button.md-raised.back:hover:not([disabled]) {
  background-color: rgba(0,186,223, 0.8) !important;
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22) !important;
}

#home {
  position: fixed;
  left: 0px;
  width: 1080px;
  height: 1432px;
  animation: slideOut 1s forwards;
}

#checkin, 
#checkinDone,
#checkout, 
#checkoutDone,
#contact, 
#map {
  position: fixed;
  left: 1080px;
  width: 1080px;
  height: 1432px;
  animation: slideIn 1s forwards;
}

@keyframes slideIn {
  from {
    left: 1080px;
  }

  to {
    left: 0;
  }
}

@keyframes slideOut {
  from {
    left: -1080px;
  }

  to {
    left: 0;
  }
}

#home.ng-hide, 
#checkin.ng-hide, 
#checkinDone.ng-hide, 
#checkout.ng-hide, 
#checkoutDone.ng-hide,
#contact.ng-hide, 
#map.ng-hide {
  animation-delay: 0.75s;
  opacity: 0;
}

p {
  font-size: 32px;
  line-height: 2em;
}

.qr_arrow {
  position: fixed;
  right: 60px;
  bottom: 300px;
  animation: bounce linear infinite 1s;
}

.printer {
  position: fixed;
  right: 200px;
  bottom: 390px;
}

.print_arrow {
  position: fixed;
  right: 200px;
  bottom: 300px;
  animation: bounce linear infinite 1s;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}

/*.checkmark__circle {
  stroke-dasharray: 332;
  stroke-dashoffset: 332;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #00BADF;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}*/

.checkmark {
  margin-top: 24px !important;
  margin-bottom: 0px !important;
  width: 112px;
  height: 112px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #00BADF;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 60px #00BADF;
  }
}

#loader-wrapper {
  position: fixed;
  top: 506px;
  left: 0;
  width: 1080px;
  height: 1170px;
  z-index: 1000;
}

#loader-wrapper p {
  position: fixed;
  top: 606px;
  left: 0;
  width: 1080px;
  color: #707070;
  font-size: 24px;
  z-index: 1001;
}

#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #33008E;

  animation: spin 2s linear infinite; 

  z-index: 1001;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #401EBC;

  animation: spin 3s linear infinite; 
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #00BADF;

  animation: spin 1.5s linear infinite; 
}

@keyframes spin {
  0%   { 
    transform: rotate(0deg); 
  }
  100% {
    transform: rotate(360deg);  
  }
}

#loader-wrapper .loader-section {
  position: fixed;
  top: 506px;
  width: 51%;
  height: 1056px;
  background: #fff;
  z-index: 1000;
  transform: translateX(0); 
}

#loader-wrapper .loader-section.section-left {
  left: 0;
}

#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
  transform: translateX(-100%);  
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
  transform: translateX(100%);  
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}
    
.loaded #loader {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper p {
  opacity: 0;
  transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
  visibility: hidden;
  /*transform: translateY(-100%);*/
  transition: all 0.3s 1s ease-out;
}

#video_contact {
  margin: 0;
  width: 100%;
} 

#mapbox { position:relative; top:0; bottom:0; left:0; width:1080px; height: 1270px; }

#mapbox canvas { position:relative !important; }

.panzoomwidget {
  width: 44px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; 
}

.panzoomwidget .zoom-button {
  text-align: center;
  height: 44px;
  width: 100%;
  background-color: #00BADF;
  cursor: hand;
  border: 1px solid #00BADF;
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  vertical-align: middle;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2); 
}

.panzoomwidget .zoom-button:hover {
    background-color: rgba(0,186,223,0.65); 
}

.panzoomwidget .zoom-level {
    width: 100%;
    border-left: 2px solid #00BADF;
    margin-left: 20px; 
}

.panzoomwidget .zoom-slider {
    position: relative;
    cursor: hand; 
}

.panzoomwidget .zoom-slider-widget {
    position: absolute;
    width: 44px;
    background-color: #00BADF;
    border: 1px solid #00BADF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.5);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2); 
}

panzoom, 
.pan-zoom-frame, 
.pan-zoom-frame .pan-element, 
.pan-zoom-frame .pan-element .zoom-element,
.pan-zoom-frame .pan-element .zoom-element svg {
  touch-action: auto;
  -webkit-touch-action: auto;
  -moz-touch-action: auto;
  -ms-touch-action: auto;
  -o-touch-action: auto;
}



/* BOOTSTRAP OVERRIDE */
.btn-primary {
  margin-bottom: 16px;
  margin-top: 16px;
  background: rgb(36, 0, 88);
  color: rgba(255, 255, 255, 0.87);
  border: 0 none;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  font-weight: 500;
  line-height: 36px;
  margin: 6px 8px;
  min-height: 36px;
  min-width: 88px;
  outline: 0 none;
  overflow: hidden;
  padding: 0 6px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  white-space: nowrap;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: rgba(36, 0, 88, 0.6);
}

.btn-info {
  margin-bottom: 16px;
  margin-top: 16px;
  background: rgb(217, 218, 219);
  color: rgba(0, 0, 0, 0.87);
  border: 0 none;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  font-weight: 500;
  line-height: 36px;
  margin: 6px 8px;
  min-height: 36px;
  min-width: 88px;
  outline: 0 none;
  overflow: hidden;
  padding: 0 6px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  /*transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;*/
  white-space: nowrap;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active {
  background: rgba(217, 218, 219, 0.6);
  color: rgba(0, 0, 0, 0.87);
}

.btn-danger {
  margin-bottom: 16px;
  margin-top: 16px;
  background: rgb(167, 4, 70);
  color: rgba(255, 255, 255, 0.87);
  border: 0 none;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  font-weight: 500;
  line-height: 36px;
  margin: 6px 8px;
  min-height: 36px;
  min-width: 88px;
  outline: 0 none;
  overflow: hidden;
  padding: 0 6px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  /*transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s, background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;*/
  white-space: nowrap;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
  background: rgba(67, 4, 70, 0.6);
}

li.active {
  border-bottom: 5px solid #58CAE7;
}

li.active a {
  font-weight: 600;
}

.has-error .checkbox,
.has-error .checkbox-inline,
.has-error .control-label,
.has-error .help-block,
.has-error .radio,
.has-error .radio-inline,
.has-error.checkbox label,
.has-error.checkbox-inline label,
.has-error.radio label,
.has-error.radio-inline label,
.has-error .form-control-feedback {
  color: #C3004B;
}

.has-success .checkbox,
.has-success .checkbox-inline,
.has-success .control-label,
.has-success .help-block,
.has-success .radio,
.has-success .radio-inline,
.has-success.checkbox label,
.has-success.checkbox-inline label,
.has-success.radio label,
.has-success.radio-inline label,
.has-success .form-control-feedback {
  color: #005541;
}

.has-error .form-control {
    border-color: #C3004B;
}

.has-success .form-control {
    border-color: #005541;
}




















#video, #canvas {
    /*margin-left: 10px;
    margin-top: 10px;*/
    position: absolute;
  }
  #photo{
    margin: 20px;
    border:1px dotted black;

    margin-left: 10px;
    margin-top: 260px;
    position: absolute;
  }
  #c{
    /*height: 500px;
    width: 500px;*/
  }
  #text-rebours{
    text-align: center;
  }