html {
  height: 100%; 
  overflow-y: auto;
}
.bgf {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  height: 100%;
}
#footer-1 {
  position: absolute;
  right: 0;
  bottom: 10px;
  padding: 0 !important;
}
.row {
  margin: 0;
}
.pt-17{
  padding-top: 17em;
}
.hero-e1{
  padding-top: 17em;
}
 

.body-e0{ background-image: url('../images/bg/web/slide1.jpg'); }
.body-es{ background-image: url('../images/bg/web/slide2.jpg'); }
.body-e2{ background-image: url('../images/bg/web/slide3.jpg');}
.body-e3{ background-image: url('../images/bg/web/slide4.jpg'); }
/** backgroung result **/
.body-a{ background-image: url('../images/bg/web/morphoA.jpg'); }
.body-v{ background-image: url('../images/bg/web/morphoV.jpg'); }
.body-h{ background-image: url('../images/bg/web/morphoH.jpg'); }
.body-o{ background-image: url('../images/bg/web/morphoO.jpg'); }
.body-8{ background-image: url('../images/bg/web/morpho8.jpg'); }
.body-x{ background-image: url('../images/bg/web/morphoX.jpg'); }

.quiz_ques{
  position: absolute;
  right: 16%;
  top: 50%;
}

.txt-insc {
  letter-spacing: 6px;
  font-size: 1.7rem !important;
  font-family: 'sansGExtraLight';
}

html.first {
  min-height: 850px;
}


@media only screen and (min-width: 500px)  {
 
  html.portrait.first {
    min-height: 1024px;
  }
  html.portrait:not(.first) {
    min-height: 1024px;
  }
  .body-e0.portrait{ background-image: url('../images/bg/tablet/slide1-3.jpg'); }
  .body-es.portrait{ background-image: url('../images/bg/tablet/slide2-3.jpg'); }
  .body-e2.portrait{ background-image: url('../images/bg/tablet/slide3-3.jpg');}
  .body-e3.portrait{ background-image: url('../images/bg/tablet/slide4-3.jpg'); }
  .body-a.portrait{ background-image: url('../images/bg/tablet/morphoA-3.jpg'); }
  .body-v.portrait{ background-image: url('../images/bg/tablet/morphoV-3.jpg'); }
  .body-h.portrait{ background-image: url('../images/bg/tablet/morphoH-3.jpg'); }
  .body-o.portrait{ background-image: url('../images/bg/tablet/morphoO-3.jpg'); }
  .body-8.portrait{ background-image: url('../images/bg/tablet/morpho8-3.jpg'); }
  .body-x.portrait{ background-image: url('../images/bg/tablet/morphoX-3.jpg'); }
}

@media only screen and (min-width: 600px)  {
  html:not(.first) {
    min-height: 900px;
  }
  html.portrait.first {
    min-height: 900px;
  }
  html.portrait:not(.first) {
    min-height: 1280px;
  }
  .body-e0.portrait{ background-image: url('../images/bg/tablet/slide1-2.jpg'); }
  .body-es.portrait{ background-image: url('../images/bg/tablet/slide2-2.jpg'); }
  .body-e2.portrait{ background-image: url('../images/bg/tablet/slide3-2.jpg');}
  .body-e3.portrait{ background-image: url('../images/bg/tablet/slide4-2.jpg'); }
  .body-a.portrait{ background-image: url('../images/bg/tablet/morphoA-2.jpg'); }
  .body-v.portrait{ background-image: url('../images/bg/tablet/morphoV-2.jpg'); }
  .body-h.portrait{ background-image: url('../images/bg/tablet/morphoH-2.jpg'); }
  .body-o.portrait{ background-image: url('../images/bg/tablet/morphoO-2.jpg'); }
  .body-8.portrait{ background-image: url('../images/bg/tablet/morpho8-2.jpg'); }
  .body-x.portrait{ background-image: url('../images/bg/tablet/morphoX-2.jpg'); }
}

@media only screen and (min-width: 720px)  {

  html.portrait:not(.first) {
    min-height: 2560px;
  }
  .body-e0.portrait{ background-image: url('../images/bg/tablet/slide1.jpg'); }
  .body-es.portrait{ background-image: url('../images/bg/tablet/slide2.jpg'); }
  .body-e2.portrait{ background-image: url('../images/bg/tablet/slide3.jpg');}
  .body-e3.portrait{ background-image: url('../images/bg/tablet/slide4.jpg'); }
  .body-a.portrait{ background-image: url('../images/bg/tablet/morphoA.jpg'); }
  .body-v.portrait{ background-image: url('../images/bg/tablet/morphoV.jpg'); }
  .body-h.portrait{ background-image: url('../images/bg/tablet/morphoH.jpg'); }
  .body-o.portrait{ background-image: url('../images/bg/tablet/morphoO.jpg'); }
  .body-8.portrait{ background-image: url('../images/bg/tablet/morpho8.jpg'); }
  .body-x.portrait{ background-image: url('../images/bg/tablet/morphoX.jpg'); }
  .body-e0.portrait .hero-e1 {
    padding-top: 18em !important;
}
   /* .body-e2.portrait .quiz_ques {
      top: 64%;
      right: 23%;
  }
  .body-e3.portrait #quiz_q2 {
    width: 40%;
    top: 64%;
    right: 16%;
    margin: 0;
  }*/
}


@media only screen and (min-width: 1280px)  {
  html:not(.first){
    min-height: 850px;
  }

}
@media only screen and (min-width: 1366px)  {
  html:not(.first){
    min-height: 900px;
  }
}
@media only screen and (min-width: 1440px)  {
  html:not(.first) { 
    min-height: 900px;
  }
  html.first {
    min-height: 850px;
} 
} 

@media only screen and (min-width: 1680px)  {
  html:not(.first){
    min-height: 1200px;
  }
}
/*@media only screen and (min-width: 500px)  {
  html:not(.first){
    min-height: 1200px;
  }
}*/

.quiz_ques .form-check .form-check-input, .quiz_ques .form-check label {
  font-size: 1.6rem;
  font-family: 'sansGRegular';
  color: #545454;
  margin-bottom: 5px;
}
.quiz_ques .form-check label {
  margin-left: 12px;
    position: relative;
    top: 5px;
}
.form-check-input[type=radio] {
  border: 8px solid #666666;
  width: 1.5em;
  height: 1.5em;
}
#quiz_q2 {
  position: absolute;
  width: 29%;
  top: 48%;
  right: 12%;
  margin: 0;
}
.check-q2 {
  padding-left: 126px;
}
.check-q2 .form-check-input[type=radio] {
  border: 10px solid #666;
  width: 4.1em;
  height: 4.1em;
  position: relative;
  top: 34px;
  cursor: pointer;
}
.check-q2 .form-check-label {
  color: #545454;
  font-weight: 400;
  font-size: 6.4rem;
  cursor: pointer;
  font-family: 'sansGRegular';
  margin-left: 39px;
}


/** max media query**/

@media only screen and (max-width: 1920px)  {
  .body-e0 { background-image: url('../images/bg/web/slide1-19.jpg'); }
  .body-es{ background-image: url('../images/bg/web/slide2-19.jpg'); }
  .body-e2{ background-image: url('../images/bg/web/slide3-19.jpg');}
  .body-e3{ background-image: url('../images/bg/web/slide4-19.jpg'); }
  .body-a{ background-image: url('../images/bg/web/morphoA19.jpg'); }
  .body-v{ background-image: url('../images/bg/web/morphoV19.jpg'); }
  .body-h{ background-image: url('../images/bg/web/morphoH19.jpg'); }
  .body-o{ background-image: url('../images/bg/web/morphoO19.jpg'); }
  .body-8{ background-image: url('../images/bg/web/morpho819.jpg'); }
  .body-x{ background-image: url('../images/bg/web/morphoX19.jpg'); }
  .txt-insc{
    font-size: 2.5rem !important;
    margin-bottom: 50px;
  }
  .hero-e1{
    padding-top: 21em; 
  }
  .quiz_ques {
    width: 30%; 
    right: 9%;
    top: 46%;
}
}



@media only screen and (max-width: 1680px)  {
  .body-e0.portrait .hero-e1 {
    padding-top: 40em !important;
}
  .hero-e1 {
    padding-top: 15em !important;
  }
  .quiz_ques {
    width: 28%;
    right: 11%;
    top: 46%;
  }
  .quiz_ques .form-check .form-check-input, .quiz_ques .form-check label {
    font-size: 1.2rem;
  }
  .form-check-input[type=radio] {
    border: 5px solid #666666;
    width: 1.3em;
    height: 1.3em;
  }
  .check-q2 .form-check-label{
    font-size: 4rem;
  }
  .check-q2 .form-check-input[type=radio]{
    top: 14px;
  }
  .check-q2 {
    padding-left: 100px;
  }

  .portrait .quiz_ques {
    width: 43%;
    right: 23%;
    top: 64%;
  }
  .portrait .quiz_ques .form-check .form-check-input, .portrait .quiz_ques .form-check label {
    font-size: 1.6rem;
  }
  .portrait #quiz_q2 {
    width: 45%;
    top: 65%;
    right: 16%;
}

}

@media only screen and (max-width: 1440px)  {
  .body-e0.portrait .hero-e1 {
    padding-top: 20em !important;
}
  html.first {
    min-height: 630px;
  } 
  .hero-e1 {
    padding-top: 8em !important;
  }
  .btn-start-m {
    position: absolute;
    bottom: 10px;
    right: 20px;
    padding: 10px 20px !important;
  }
  .portrait .quiz_ques .form-check .form-check-input, .portrait .quiz_ques .form-check label {
    font-size: 0.9rem;
}
}

@media only screen and (max-width: 1367px)  {
  .quiz_ques .form-check .form-check-input, .quiz_ques .form-check label {
    font-size: 1rem;
}
.form-check-input[type=radio] {
  border: 4px solid #666666; 
}
.check-q2 {
  padding-left: 20%;
}
}

@media only screen and (max-width: 1024px)  {
  html.portrait:not(.first) {
    min-height: 1170px;
  }
  html:not(.first) {
    min-height: 630px;
}
  .body-e2{ background-image: url('../images/bg/web/slide3-10.jpg');}
  .body-e3{ background-image: url('../images/bg/web/slide4-10.jpg'); }
  .body-a{ background-image: url('../images/bg/web/morphoA10.jpg'); }
  .body-v{ background-image: url('../images/bg/web/morphoV10.jpg'); }
  .body-h{ background-image: url('../images/bg/web/morphoH10.jpg'); }
  .body-o{ background-image: url('../images/bg/web/morphoO10.jpg'); }
  .body-8{ background-image: url('../images/bg/web/morpho810.jpg'); }
  .body-x{ background-image: url('../images/bg/web/morphoX10.jpg'); }
  .quiz_ques .form-check {
    margin-bottom: 0;
    line-height: 1.4;
  }
  .portrait .quiz_ques {
    width: 35%;
    right: 30%;
    top: 64%;
  }
  .portrait .check-q2 {
    padding-left: 10%;
  }
}

@media only screen and (max-width: 1280px)  { 
.check-q2 .form-check-input[type=radio] {
  border: 8px solid #666;
  width: 3.5em;
  height: 3.5em;
}
.check-q2 .form-check-label {
  font-size: 2.5rem;
}
.check-q2 .form-check-input[type=radio] {
  top: 10px;
}
.check-q2 .form-check-input[type=radio] {
  border: 5px solid #666;
  width: 2.6em;
  height: 2.6em;
}
}

@media only screen and (max-width: 1120px)  { 
  .quiz_ques { 
    right: 12%; 
  }
  .quiz_ques .form-check .form-check-input, .quiz_ques .form-check label {
    font-size: 0.9rem;
}
.form-check-input[type=radio] {
  border: 4px solid #666666;
  width: 1.5em;
  height: 1.5em;
}
.quiz_ques .form-check label {
  margin-left: 10px;
  position: relative;
  top: 2px;
}
}

@media only screen and (max-width: 980px)  { 
  .quiz_ques .form-check .form-check-input, .quiz_ques .form-check label {
    font-size: 0.85rem;
  }
  .check-q2 {
    padding-left: 18%;
  }
  .check-q2 .form-check-label {
    font-size: 2.5rem;
  }
  .check-q2 .form-check-input[type=radio] {
    border: 6px solid #666;
    width: 2.6em;
    height: 2.8em;
  }
  .check-q2 .form-check-label{
    margin-left: 30px;
  }
  .check-q2 .form-check-input[type=radio] {
    top: 8px;
}
}

@media only screen and (max-width: 800px)  {
  .portrait .quiz_ques {
    width: 44%;
    right: 21%;
    top: 64%;
  }
  #formMorpho {
    width: 87%;
    margin-right: 0;
    margin-left: auto;
}
}

@media only screen and (max-width: 768px)  {
  .check-q2 .form-check-label {
    font-size: 2rem;
    margin-left: 15px;
}
.check-q2 .form-check-input[type=radio] {
  border: 5px solid #666;
  width: 2.4em;
  height: 2.4em;
  top: 2px;
}
.btn-start-m{
  right: 40px;
}
}

@media only screen and (max-width: 720px)  {
  html.portrait:not(.first) {
    min-height: 1280px;
}
.portrait .quiz_ques {
  width: 43%;
  right: 23%;
  top: 64%;
}
  .portrait #quiz_q2 {
    width: 33%;
    top: 64%;
    right: 25%;
}
}

@media only screen and (max-width: 605px)  {
  .body-e0.portrait .hero-e1 {
    padding-top: 14em !important;
}
  html.portrait:not(.first) {
    min-height: 1024px;
  }
  .txt-insc {
    font-size: 2rem !important; 
}
  .portrait .quiz_ques {
    top: 62%;
  }
    .portrait #quiz_q2 {
      width: 33%;
      top: 64%;
      right: 25%;
  }
  .portrait .quiz_ques .form-check { 
    line-height: 1;
  }
  .portrait .quiz_ques .form-check .form-check-input, .portrait .quiz_ques .form-check label {
    font-size: 0.83rem;
  }
  .portrait .check-q2 {
    padding-left: 8%;
  }
}


@media only screen and (max-width: 500px)  {
  html.first{
    min-height: 896px;
  }
  html.portrait:not(.first), html:not(.first){
    min-height: 896px;
  }
  .body-e0 { background-image: url('../images/bg/mobile/slide1.jpg'); }
  .body-es{ background-image: url('../images/bg/mobile/slide2.jpg'); }
  .body-e2{ background-image: url('../images/bg/mobile/slide3.jpg');}
  .body-e3{ background-image: url('../images/bg/mobile/slide4.jpg'); }
  .body-a{ background-image: url('../images/bg/mobile/morphoA.jpg'); }
  .body-v{ background-image: url('../images/bg/mobile/morphoV.jpg'); }
  .body-h{ background-image: url('../images/bg/mobile/morphoH.jpg'); }
  .body-o{ background-image: url('../images/bg/mobile/morphoO.jpg'); }
  .body-8{ background-image: url('../images/bg/mobile/morpho8.jpg'); }
  .body-x{ background-image: url('../images/bg/mobile/morphoX.jpg'); }
  .txt-insc {
    font-size: 1.7rem !important;
  }
  .hero-e1 {
    padding-top: 10em !important;
  }
  .portrait .quiz_ques, .quiz_ques {
    width: 53%;
    right: 13.9%;
    top: 62.5%;
  }
  .portrait .quiz_ques, .quiz_ques .form-check {
    margin-bottom: 0;
  }
  .quiz_ques .form-check .form-check-input, .quiz_ques .form-check label{
    font-size: 14px;
  }
  .quiz_ques .form-check label{
    font-size: 11px;
    margin-bottom: 0px;
    top: 0px;
    margin-left: 5px;
  }
  .form-check-input[type=radio] {
    border: 3px solid #666666;
    width: 1.2em;
    height: 1.2em;
}

.portrait #quiz_q2, #quiz_q2{
  width: 43%;
  top: 64%;
  right: 17%;
}
.check-q2 .form-check-input[type=radio] {
  top: 0;
  border: 6px solid #666;
  width: 2em;
  height: 2em;
}
.check-q2 {
  padding-left: 20px;
}
.check-q2 .form-check-label{
  font-size: 30px;
  margin-left: 30px;
}
.footer-copyright p{
  font-size: 10px;
}
}

@media only screen and (max-width: 415px)  {
  .body-e0.portrait .hero-e1 {
    padding-top: 10em !important;
}
  html.first {
    min-height: 730px;
}
  .quiz_ques .form-check { 
    line-height: 1.2;
    min-height: auto;
  }
  .portrait #quiz_q2, #quiz_q2 { 
    right: 20%;
  }
  #formMorpho{
    width: 90%;
    margin-left: auto;
  }
}

@media only screen and (max-width: 391px)  {
  html.first {
    min-height: 700px;
  }
  html.portrait:not(.first), html:not(.first) {
    min-height: 740px;
  }
  .body-e0 { background-image: url('../images/bg/mobile/slide1-2.jpg'); }
  .body-es{ background-image: url('../images/bg/mobile/slide2-2.jpg'); }
  .body-e2{ background-image: url('../images/bg/mobile/slide3-2.jpg');}
  .body-e3{ background-image: url('../images/bg/mobile/slide4-2.jpg'); }
  .body-a{ background-image: url('../images/bg/mobile/morphoA-2.jpg'); }
  .body-v{ background-image: url('../images/bg/mobile/morphoV-2.jpg'); }
  .body-h{ background-image: url('../images/bg/mobile/morphoH-2.jpg'); }
  .body-o{ background-image: url('../images/bg/mobile/morphoO-2.jpg'); }
  .body-8{ background-image: url('../images/bg/mobile/morpho8-2.jpg'); }
  .body-x{ background-image: url('../images/bg/mobile/morphoX-2.jpg'); }
  #formMorpho {
    width: 85%;
}
  .portrait #quiz_q2, #quiz_q2 { 
    right: 22%;
  }
  .check-q2 .form-check-label {
    font-size: 25px;
    margin-left: 20px;
  }
  .portrait .quiz_ques, .quiz_ques {
    width: 45%;
    right: 20%; 
  }
  .portrait .quiz_ques .form-check .form-check-input, .portrait .quiz_ques .form-check label {
    font-size: 0.63rem;
  }
  .portrait .check-q2 {
    padding-left: 15%;
  }
  .btn-start-m{
    right: 40px;
  }
}

@media only screen and (max-width: 376px)  {
  .body-e0.portrait .hero-e1 {
    padding-top: 10em !important;
}
  .txt-insc {
    font-size: 1.4rem !important;
    margin-bottom: 20px;
}
#formMorpho {
  width: 85%;
  margin-left: auto;
}
}

@media only screen and (max-width: 361px)  {
  .portrait .quiz_ques, .quiz_ques {
    width: 44%;
    right: 22%;
  }
}


@media only screen and (max-width: 321px)  {
  html.first {
    min-height: 600px;
  }
  html.portrait:not(.first), html:not(.first) {
    min-height: 600px;
  }
  #formMorpho {
    width: 90%;
}
.label-check {
  padding-left: 20px;
  font-size: 10px;
}
  .hero-e1 {
    padding-top: 6em !important;
}
 
  .txt-insc {
    font-size: 1rem !important;
    margin-bottom: 30px;
}
  .portrait #quiz_q2, #quiz_q2 {
    width: 40%;
    top: 63%;
    right: 18%;
}
  .check-q2 .form-check-label {
    margin-left: 10px;
}
  .quiz_ques .form-check { 
    line-height: 1.2; 
}
.check-q2 .form-check-input[type=radio] {
  top: 0;
  border: 4px solid #666;
  width: 1.7em;
  height: 1.7em;
}
.check-q2 {
  padding-left: 0px;
}
.portrait .check-q2 {
  padding-left: 0%;
}
.portrait .quiz_ques .form-check .form-check-input, .portrait .quiz_ques .form-check label {
  font-size: 0.6rem;
}
.portrait .quiz_ques .form-check {
  line-height: 0.9;
}
}