body {
  background-color: rgb(255, 255, 255);
  font: 400 16px/1.38 'Source Sans Pro';
  color: rgb(0, 0, 0);
  cursor: arrow;
}

.ui-dialog .ui-dialog-content {
	position: relative;
	border: 0;
	padding: .5em 1em;
	background: #dedede;
	overflow: inherit;
}

.page-index {
  height: 100%;
  background-image: url('../images/Fondecran-01.png');
  background-size: cover;
  background-position: left top;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.page-instructions {
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.page-intra_graph {
  font-weight: 300;
  color: rgb(0, 0, 0);
}

.page-liste_exercices {
  height: 100%;
  background-image: url('../images/Fondecran-01.png');
  background-repeat: repeat;
  background-size: auto auto;
  background-position: left top;
  font-weight: 300;
  color: #ffffff;
}

.page-liste_phrases {
  font-weight: 400;
  color: #ffffff;
}

.page-segments {
  font-weight: 600;
  color: rgb(0, 0, 0);
}

.container-9 p {
  margin-bottom: 1em;
}

.point-text {
  display: block;
  position: relative;
  float: left;
  margin-left: 8px;
  font-size: 14px;
}

.radio {
  display: block;
  position: relative;
  float: left;
}

.radio-label {
  display: block;
  position: relative;
  float: left;
  z-index: 36;
  width: 141px;
  height: 134px;
  margin: -197px 0 0 369px;
}

.wrapper {
  overflow: auto;
}

._button {
  display: block;
  position: relative;
  float: left;
  border-radius: 3px;
  background-color: rgb(222, 222, 222);
  text-align: center;
}

._button[disabled]
  {
   pointer-events: none;
   color: #FFFFFF;
  }
  
#cb_mots[disabled]
  {
   color: #FFFFFF;
  }  

._input {
  display: block;
  position: relative;
  float: left;
  width: 155px;
  height: 24px;
  margin-left: 1.28125%;
  padding: 0 10px;
  border: 1px solid #dedede;
  background-color: rgb(242, 242, 242);
  font-size: 13px;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

._select {
  display: block;
  position: relative;
  float: left;
  z-index: 27;
  width: 148px;
  height: 24px;
  margin: -49px 0 0 186px;
  padding-left: 10px;
  border: 1px solid #dedede;
  border-radius: 3px;
  background: url('../images/select-arrows.svg') rgb(242, 242, 242);
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: right center;
  font-size: 13px;
  color: rgb(0, 0, 0);
  cursor:pointer;
}

.container-1 {
  width: 700px;
  height: 476px;
  margin: -11px auto 0;
  background-color: #dedede;
}

.container-10,
.container-8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 4;
  width: 1087px;
  height: 107px;
  margin: 0 auto;
  background-color: #135e8c;
  box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.container-11,
.container-12 {
  position: relative;
  float: right;
  clear: both;
  z-index: 0;
  width: 531px;
  height: 87px;
  margin: -88px 11px 0 0;
  background-color: rgba(199, 248, 18, 0);
}

.container-2 {
  position: relative;
  width: 1190px;
  height: 874px;
  margin: 0 auto;
}

.container-3 {
  position: absolute;
  top: 113px;
  left: 0;
  right: 0;
  z-index: 15;
  width: 1088px;
  height: 688px;
  margin: 0 auto;
  background-color: #ededea;
  overflow: visible;
}

.container-4 {
  position: absolute;
  top: 166px;
  left: 0;
  right: 0;
  z-index: 14;
  width: 1087px;
  height: 692px;
  margin: 0 auto;
  background-color: #ededea;
  overflow: visible;
}

.container-5 {
  width: 850px;
  height: 600px;
  margin: 0 auto;
  background-color: #dedede;
}

.container-6 {
  width: 700px;
  height: 375px;
  margin: 0 auto;
  background-color: #dedede;
}

.container-7 {
  position: absolute;
  top: 114px;
  left: 0;
  right: 0;
  z-index: 6;
  width: 1087px;
  height: 52px;
  margin: 0 auto;
  background-color: #30ad64;
}

.container-9 {
  width: 260px;
  height: 476px;
  margin: 0 auto;
  background-color: #dedede;
}

.element-1 {
  position: relative;
  float: left;
  z-index: 0;
  width: 100%;
  height: 72px;
  margin-top: 10px;
  background-color: #135e8c;
}

.element-10 {
  position: relative;
  float: left;
  clear: both;
  z-index: 5;
  width: 280px;
  height: 280px;
  margin: -460px 0 0 142px;
  background: url('../images/Cercle-fond.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

.element-11 {
  position: relative;
  float: left;
  z-index: 9;
  width: 17.9227941176%;
  height: 407px;
  margin: -405px 0 0 24.90809%;
  background: url('../images/Maxime.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

.element-12 {
  position: relative;
  float: left;
  z-index: 0;
  width: 850px;
  height: 80px;
  background-color: #135e8c;
}

.element-13 {
  position: relative;
  float: left;
  z-index: 0;
  width: 700px;
  height: 72px;
  background-color: #135e8c;
}

.element-14 {
  position: relative;
  float: left;
  clear: both;
  z-index: 12;
  width: 13.0634774609%;
  height: 100px;
  margin: -112px 0 0 93.33027%;
  background: url('../images/Phylactere2.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

.element-15 {
  position: relative;
  float: left;
  clear: both;
  z-index: 10;
  width: 13.2352941176%;
  height: 93px;
  margin: -455px 0 0 37.31618%;
  background: url('../images/Phylactere5.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

.element-16 {
  position: absolute;
  top: 547px;
  left: -58px;
  z-index: 8;
  width: 149px;
  height: 309px;
  background: url('../images/Rachelle.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
  overflow: hidden;
}

.element-17 {
  position: relative;
  float: left;
  clear: both;
  z-index: 9;
  width: 14.1674333026%;
  height: 323px;
  margin: -12px 0 0 89.09269%;
  background: url('../images/Maxime.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

.element-18 {
  float: left;
  width: 100%;
  height: 35px;
  background-color: #30ad64;
}

.element-19 {
  position: relative;
  float: left;
  clear: both;
  z-index: 4;
  width: 700px;
  height: 107px;
  border: 1px solid #dedede;
  background-color: #ffffff;
}

.element-2 {
  position: relative;
  float: left;
  z-index: 2;
  width: 100%;
  height: 35px;
  background-color: #30ad64;
}

.element-20 {
  position: relative;
  float: left;
  z-index: 7;
  width: 850px;
  height: 30px;
  background-color: #30ad64;
}

.element-21 {
  position: relative;
  float: left;
  z-index: 7;
  width: 700px;
  height: 159px;
  border: 1px solid #dedede;
  background-color: #ffffff;
}

.element-22 {
  position: relative;
  float: left;
  z-index: 0;
  width: 100%;
  height: 72px;
  background-color: #135e8c;
}

.element-23 {
  position: relative;
  float: left;
  z-index: 23;
  width: 175px;
  height: 253px;
  margin: -253px 0 0 525px;
  border: 1px solid #dedede;
  background-color: #ffffff;
}

.element-24 {
  position: relative;
  float: left;
  z-index: 3;
  width: 66px;
  height: 66px;
  margin: 20px 0 0 424px;
  background: url('../images/Avatar.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}


.rondelle_grise
 {
  position: relative;
  float: left;
  clear: both;
  z-index: 8;
  width: 65px;
  height: 65px;
  /* margin: -146px 0 0 62px; */
  background: none, url('../images/Pastilles-gris.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: left top, left top;
  background-attachment: scroll, scroll;
 }
 

.rondelle_bleue
 {
  position: relative;
  float: left;
  clear: both;
  z-index: 8;
  width: 65px;
  height: 65px;
  /* margin: -146px 0 0 62px; */
  background: none, url('../images/Pastilles-bleu.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: left top, left top;
  background-attachment: scroll, scroll;
 } 
 

.rondelle_bleue_vert
 {
  position: relative;
  float: left;
  clear: both;
  z-index: 8;
  width: 65px;
  height: 65px;
  /* margin: -146px 0 0 62px; */
  background: none, url('../images/Pastille_bleu_vert.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: left top, left top;
  background-attachment: scroll, scroll;
 }  


.rondelle_verte
 {
  position: relative;
  float: left;
  clear: both;
  z-index: 8;
  width: 65px;
  height: 65px;
  /* margin: -146px 0 0 62px; */
  background: none, url('../images/Pastilles-vert.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: left top, left top;
  background-attachment: scroll, scroll;
 }

.element-25 {
  position: relative;
  float: left;
  clear: both;
  z-index: 8;
  width: 65px;
  height: 65px;
  margin: -146px 0 0 286px;
  background: none, url('../images/Pastilles-vert.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: left top, left top;
  background-attachment: scroll, scroll;
}

.element-26 {
  position: relative;
  float: left;
  z-index: 2;
  width: 66px;
  height: 66px;
  margin: 20px 0 0 424px;
  background: url('../images/Avatar.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

.element-27 {
  position: relative;
  float: left;
  z-index: 9;
  width: 65px;
  height: 65px;
  margin: -146px 0 0 350px;
  background: none, url('../images/Pastilles-vert.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat, no-repeat;
  background-size: contain, contain;
  background-position: left top, left top;
  background-attachment: scroll, scroll;
}

.element-25:hover,
.element-27:hover,
.rondelle_verte:hover {
  background-image: url('../images/Pastilles-vert-h.png'), none;
}

.rondelle_grise:hover {
  background-image: url('../images/Pastilles-gris-h.png'), none;
}

.rondelle_bleue:hover {
  background-image: url('../images/Pastilles-bleu-h.png'), none;
}

.rondelle_bleue_vert:hover {
  background-image: url('../images/Pastille_bleu_vert-h.png'), none;
}


.element-3 {
  position: relative;
  float: left;
  z-index: 4;
  width: 100%;
  height: 104px;
  border: 1px solid #dedede;
  background-color: #ffffff;
}

.element-4 {
  position: relative;
  float: left;
  z-index: 6;
  width: 175px;
  height: 253px;
  border: 1px solid #dedede;
  background-color: #ffffff;
}

.element-5 {
  position: relative;
  float: left;
  z-index: 12;
  width: 175px;
  height: 253px;
  margin: -253px 0 0 175px;
  border: 1px solid #dedede;
  background-color: #ffffff;
}

.element-6 {
  position: relative;
  float: left;
  z-index: 21;
  width: 175px;
  height: 253px;
  margin: -253px 0 0 350px;
  border: 1px solid #dedede;
  background-color: #ffffff;
}

.element-7 {
  position: relative;
  float: left;
  z-index: 7;
  width: 190px;
  height: 103px;
  margin: 115px 0 0 -31px;
  background: url('../images/Phylactere3.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

.element-8 {
  position: relative;
  float: left;
  z-index: 10;
  width: 9.8436062557%;
  height: 76px;
  margin: 471px 0 0 -6.94285%;
  background: url('../images/Phylactere1.png') rgba(222, 222, 222, 0);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left top;
}

.element-9 {
  position: relative;
  float: left;
  z-index: 6;
  width: 186px;
  height: 387px;
  margin: -54px 0 0 108px;
  background: url('../images/Rachelle.png') rgba(222, 222, 222, 0);
  background-repeat: repeat-y;
  background-size: contain;
  background-position: left top;
}

.point-text-1 {
  z-index: 29;
  color: #007f00;
}

.point-text-2 {
  z-index: 33;
  margin-top: 12px;
  color: #0000ff;
}

.point-text-3 {
  z-index: 34;
  margin-top: 12px;
  color: #ff00ff;
}

.point-text-4 {
  z-index: 35;
  margin-top: 12px;
  color: #990099;
}

.radio-1 {
  z-index: 28;
  margin-top: 2px;
}

.radio-2 {
  clear: both;
  z-index: 30;
  margin-top: 14px;
}

.radio-3 {
  clear: both;
  z-index: 31;
  margin-top: 14px;
}

.radio-4 {
  clear: both;
  z-index: 32;
  margin-top: 13px;
}

.text-1 {
  position: relative;
  float: left;
  clear: both;
  z-index: 3;
  width: 100%;
  margin-top: -27px;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  color: #ffffff;
}

.text-10 {
  position: relative;
  float: left;
  z-index: 17;
  width: 165px;
  height: 110px;
  margin: -127px 0 0 25.7142899999%;
  border: 1px solid #dedede;
  font-size: 12px;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.text-11 {
  position: relative;
  float: left;
  clear: both;
  z-index: 8;
  width: 130px;
  height: 46px;
  margin: -78px 0 0 -6px;
  font-size: 16px;
  color: rgb(0, 0, 0);
}

.text-12 {
  position: relative;
  float: left;
  z-index: 20;
  width: 134px;
  margin: -67px 0 0 26%;
  font-size: 12px;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.text-13 {
  position: relative;
  float: left;
  clear: both;
  z-index: 11;
  width: 7.7276908923%;
  min-height: 36px;
  margin: -69px 0 0 -5.28979%;
  font-size: 14px;
  font-weight: 200;
  color: #000000;
}

.text-14 {
  position: relative;
  float: left;
  clear: both;
  z-index: 13;
  width: 8.8316467341%;
  min-height: 47px;
  margin: -96px 0 0 95.26219%;
  font-size: 14px;
  font-weight: 200;
  color: rgb(0, 0, 0);
}

.text-15 {
  position: relative;
  float: left;
  z-index: 11;
  width: 92px;
  height: 47px;
  margin: -432px 0 0 439px;
  font-size: 16px;
  color: rgb(0, 0, 0);
  cursor: arrow;
}

.text-16 {
  position: relative;
  float: left;
  z-index: 12;
  width: 37%;
  min-height: 358px;
  margin: -367px 0 0 54.41033%;
  font-size: 24px;
  color: rgb(0, 0, 0);
}

.text-17 {
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  z-index: 5;
  width: 905px;
  margin: 0 auto;
  font-size: 18px;
  text-align: center;
  color: #ffffff;
}

.text-18 {
  position: relative;
  float: left;
  clear: both;
  z-index: 6;
  width: 700px;
  margin-top: -72px;
  font-size: 24px;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-19 {
  float: left;
  width: 309px;
  min-height: 78px;
  margin: 20px 0 0 46px;
  font-style: italic;
  font-size: 44px;
  color: #ffffff;
}

.text-2 {
  position: relative;
  float: left;
  clear: both;
  z-index: 5;
  width: 96.8333333333%;
  min-height: 41px;
  margin: -72px 0 0 1.33036%;
  font-size: 22px;
  font-weight: 600;
  text-align: center;
  color: rgb(0, 0, 0);
}

.text-20 {
  float: left;
  width: 309px;
  min-height: 78px;
  margin: 20px 0 0 46px;
  font-style: italic;
  font-size: 44px;
  font-weight: 400;
  color: #ffffff;
}

.text-21 {
  position: relative;
  float: left;
  clear: both;
  z-index: 8;
  width: 850px;
  margin-top: -27px;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
}

.text-22 {
  float: left;
  width: 361px;
  margin: 6px 0 0 482px;
  font-size: 16px;
  text-align: right;
  color: rgb(0, 0, 0);
}

.text-23 {
  float: left;
  width: 236px;
  height: 302px;
  margin: 14px 0 0 12px;
  font-size: 16px;
  color: rgb(0, 0, 0);
}

.text-24 {
  float: left;
  width: 328px;
  min-height: 29px;
  /*margin: 802px 0 0 810px;*/
  margin: 802px 0 0 785px;
  font-size: 16px;
  font-weight: 300;
  text-align: right;
  color: #ffffff;
}

.text-3 {
  position: relative;
  float: left;
  clear: both;
  z-index: 7;
  width: 22.1%;
  margin: -253px 0 0 1.33036%;
  font-size: 14px;
  font-weight: 600;
  color: rgb(0, 0, 0);
}

.text-4 {
  position: relative;
  float: left;
  z-index: 13;
  width: 22.0989583333%;
  margin: -253px 0 0 26%;
  font-size: 14px;
  font-weight: 600;
  color: rgb(0, 0, 0);
}

.text-5 {
  position: relative;
  float: left;
  z-index: 22;
  width: 22.0989583333%;
  margin: -253px 0 0 50.79911%;
  font-size: 14px;
  font-weight: 600;
  color: rgb(0, 0, 0);
}

.text-6 {
  position: relative;
  float: left;
  z-index: 24;
  width: 22.0989583333%;
  margin: -253px 0 0 76.39955%;
  font-size: 14px;
  font-weight: 600;
  color: rgb(0, 0, 0);
}

.text-7 {
  position: relative;
  float: left;
  z-index: 9;
  width: 134px;
  margin: -186px 0 0 1.33036%;
  font-size: 12px;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.text-8 {
  position: relative;
  float: left;
  z-index: 14;
  width: 165px;
  height: 54px;
  margin: -186px 0 0 25.7142899999%;
  border: 1px solid #dedede;
  font-size: 12px;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.text-9 {
  position: relative;
  float: left;
  z-index: 11;
  width: 134px;
  margin: -132px 0 0 1.33036%;
  font-size: 12px;
  font-weight: 400;
  color: rgb(0, 0, 0);
}

.wrapper-1 {
  position: absolute;
  top: 22px;
  left: 0;
  right: 0;
  z-index: 7;
  width: 999px;
  height: 589px;
  margin: 0 auto;
  background-color: #e41414;
}

.wrapper-2 {
  width: 820px;
  height: 416px;
  margin: 152px auto 0;
  background-color: rgb(255, 255, 255);
}




.container ._button-12 {
  z-index: 14;
  width: 17.4258961397%;
  height: 43px;
  margin: -52px 0 0 75%;
  background-image: none, url('../images/bouton_vert.png');
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: left top, left top;
  background-attachment: scroll, scroll;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}



.container ._button-14 {
  z-index: 13;
  width: 17.4258961397%;
  height: 43px;
  margin: -52px 0 0 55%;
  background-image: none, url('../images/bouton_vert.png');
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: left top, left top;
  background-attachment: scroll, scroll;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}

.container ._button-19 {
  z-index: 2;
  width: 17.4425022999%;
  height: 43px;
  margin: 31px 0 0 2.23954%;
  background-image: none, url('../images/bouton_vert.png');
  background-repeat: no-repeat, no-repeat;
  background-size: cover, cover;
  background-position: left top, left top;
  background-attachment: scroll, scroll;
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
}



.container ._button-12:hover,
.container ._button-14:hover,
.container ._button-19:hover {
/*  background-image: url('../images/bouton_vert_hover.png'), none;*/
  color: #dedede;
}


.container ._input-1 {
  z-index: 8;
  margin-top: -167px;
}

.container ._input-2 {
  z-index: 10;
  margin-top: -113px;
}

.text spanZ {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  text-decoration: underline;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: #0000ff;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

.text strong {
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0;
  border-left-width: 0;
  border-color: transparent;
  border-style: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: transparent;
  font-family: inherit;
  font-style: inherit;
  font-size: inherit;
  font-weight: 700;
  text-transform: inherit;
  text-decoration: inherit;
  letter-spacing: inherit;
  word-spacing: inherit;
  color: inherit;
  opacity: 1;
  word-break: normal;
  word-wrap: normal;
  white-space: normal;
}

@media(max-width: 1200px) {
  body {
    font-size: 16px;
  }

  .container .container-11,
  .container .container-12 {
    position: relative;
    z-index: 0;
    width: 382px;
    margin-top: -87px;
    margin-right: 1.50376%;
  }

  .container .element-10 {
    position: relative;
    z-index: 5;
    width: 232px;
    height: 226px;
    margin-top: -390px;
    margin-left: 103px;
  }

  .container .element-11 {
    position: relative;
    z-index: 9;
    width: 19.7236180904%;
    height: 328px;
    margin-top: -330px;
    margin-left: 26.00503%;
  }

  .container .element-14 {
    position: relative;
    z-index: 12;
    width: 14.1959798994%;
    height: 81px;
    margin-top: -102px;
    margin-left: 92.21106%;
  }

  .container .element-15 {
    position: relative;
    clear: none;
    z-index: 10;
    width: 18.216080402%;
    height: 96px;
    margin-top: -410px;
    margin-left: 37.9397%;
  }

  .container .element-16 {
    top: 536px;
    left: -47px;
    width: 128px;
  }

  .container .element-17 {
    position: relative;
    z-index: 9;
    width: 16.8341708542%;
    height: 278px;
    margin-top: -14px;
    margin-left: 88.81713%;
  }

  .container .element-24 {
    position: relative;
    z-index: 3;
    margin-top: 19px;
    margin-left: 208px;
  }

  .container .element-26 {
    position: relative;
    z-index: 2;
    margin-top: 19px;
    margin-left: 151px;
  }

  .container .element-7 {
    position: relative;
    z-index: 7;
    width: 159px;
    height: 95px;
    margin-top: 109px;
    margin-left: -37px;
  }

  .container .element-8 {
    position: relative;
    z-index: 10;
    width: 11.6834170854%;
    height: 65px;
    margin-top: 463px;
    margin-left: -6.90955%;
  }

  .container .element-9 {
    position: relative;
    z-index: 6;
    width: 152px;
    height: 319px;
    margin-top: -27px;
    margin-left: 84px;
    background-repeat: no-repeat;
  }

  .container .text-11 {
    position: relative;
    z-index: 8;
    width: 121px;
    margin-top: -76px;
    margin-left: -20px;
  }

  .container .text-13 {
    position: relative;
    z-index: 11;
    margin-top: -60px;
    margin-left: -5.16057%;
    font-size: 12px;
    font-weight: 300;
  }

  .container .text-14 {
    position: relative;
    z-index: 13;
    width: 9.6733668341%;
    margin-top: -91px;
    margin-left: 94.47236%;
    font-size: 12px;
    font-weight: 300;
  }

  .container .text-15 {
    position: relative;
    z-index: 11;
    margin-top: -387px;
    margin-left: 335px;
  }

  .container .text-16 {
    position: relative;
    z-index: 12;
    margin-top: -276px;
    margin-left: 54.2851%;
    font-size: 22px;
  }

  .container .text-17 {
    left: 0;
    right: 0;
    width: 753px;
    margin-right: auto;
    margin-left: auto;
  }

  .container .text-19,
  .container .text-20 {
    width: 35.2130325814%;
    margin-top: 19px;
    margin-left: 6.03658%;
  }

  .container .text-24 {
    width: 33.2792207792%;
    margin-left: 551px;
  }

  .container .wrapper-1 {
    left: 0;
    right: 0;
    width: 720px;
    margin-right: auto;
    margin-left: auto;
  }

  .container .container-8,
  .container-10 {
    left: 0;
    right: 0;
    width: 798px;
    margin-right: auto;
    margin-left: auto;
  }

  .container-2 {
    width: 924px;
  }

  .container .container-3,
  .container-4,
  .container-7 {
    left: 0;
    right: 0;
    width: 796px;
    margin-right: auto;
    margin-left: auto;
  }

  .container ._button-12 {
    position: relative;
    clear: both;
    z-index: 14;
    width: 17.4623115577%;
    margin-top: -78px;
    margin-left: 75%;
  }

  .container ._button-14 {
    position: relative;
    z-index: 13;
    width: 17.4623115577%;
    margin-top: -78px;
    margin-left: 55%;
  }

  .container ._button-19 {
    position: relative;
    z-index: 2;
    width: 17.4185463659%;
    margin-top: 32px;
    margin-left: 3.02906%;
  }

  .container ._button-22 {
    position: relative;
    z-index: 3;
    width: 209px;
    margin-top: 32px;
    margin-left: 25px;
  }
}