#droneq-page{
  position: relative;
  margin-top: 70px;
  margin-bottom: 100px;
}


#droneq-page > section:first-child{
  width:100%;
  min-height: calc(100vh - 70px);
  position: relative;
  background: url(/imgs/dq/background.svg) 0 0 no-repeat;
  background-position: center center;
  background-size: cover;
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  padding:30px 0;
  /*max-height: 900px;*/
}


#droneq-page .droneq-flex {
  align-items: flex-end;
  justify-content: space-between;
}


#droneq-page .dq-title{
  color: #FFF;
  font-family: 'MagistralWebBook';
  font-size: 62.345px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-align: center;
  margin-bottom: 16px;
}

#droneq-page .dq-lead{
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-bottom: 34px;
}

#droneq-page .droneq-flex > .left-text{
  max-width: 695px;
  color: #FFF;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}

#droneq-page .droneq-flex > .left-text p,
#droneq-page .droneq-flex > .left-text div,
#droneq-page .dq-lead p{
  margin:0;
  min-height: 10px;
}

#droneq-page .dq-lead p:first-child{margin-bottom: 12px;}

#droneq-page .droneq-flex > .left-text a {
  color: #FFFFFF;
  text-decoration:underline;
  font-weight: 600;
}

#droneq-page .droneq-flex > .left-text a:hover {
  color: #eaeef7;
}


#droneq-page .droneq-flex > .right-image{
  width:100%;
  max-width: 403px;
  margin-bottom: 45px;
}

#droneq-page .droneq-flex > .right-image img{
  width:100%; max-height:300px;
}

#droneq-page .dq-button{
  text-align: center;
  margin: 50px 0;
}

#droneq-page .dq-button .infoMsg, 
#droneq-page .dq-button > p:first-child{
  color: #FFF;
  text-align: center;
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 35px; /* 150% */
}

#droneq-page .btn-droneq{
  display: inline-block;
  padding: 20px 52px;
  gap: 0.75px;
  background: white;
  border-radius: 80px;
  text-align: center;
  font-weight: 500;
  font-size: 22px;
  line-height: 26px;
  color: #4A7CDB;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

#droneq-page  .btn-droneq:hover{
  box-shadow: 0px 4px 0px rgba(33, 74, 130, 0.55);
}

.dq-testing-mode{
  margin: 50px 0;
}


.dq-visual{
  position: relative;
  /*background: #bebebe;*/
  width:100%;
  margin:10px 0;
  max-width: 1340px;
}


.dq-visual .not-animated{
  transition: none!important;
}


.dq-visual .joy-control{
  width:351px;
  height: 375px;
  position: absolute;
  bottom:-30px;
  left:0px;
  background: url(/imgs/dq/joystick.svg) 0 0 no-repeat;
  background-size: contain;
  background-position: center center;
}


.dq-visual .joy-control .joy-body{
  width:100%;
  height: 100%;
  position: relative;
}

.dq-visual .joy-control .joy-body .joy-icons{
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
  align-items: stretch;
  position: absolute;
  width: 258px;
  height: 20px;
  top: 113px;
  left:50px;
  padding: 0;
  margin: 0;
  overflow:hidden;
}

.dq-visual .joy-control .joy-body .joy-icons li{
  width:6px;
  height: 6px;
  border:solid 1px #727272;
  background: #C3C3C3;
  margin:2px;
  display: inline-block;
  border-radius: 50%;
  user-select: none;
}


.dq-visual .joy-control .joy-body .joy-icons li.current{
  background: #FFC700;
}

.dq-visual .joy-control .joy-body .joy-icons li.correct{
  background: #14FF00;
}


.dq-visual .joy-control .joy-body .joy-icons li.wrong{
  background: #FF3D00;
}


.dq-visual .joy-control .joy-body .joy-time{
  position: absolute;
  bottom: 54px;
  left: 126px;
  width: 100px;
  height: 40px;
  color: #4176DD;
  font-family: Orbitron;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  user-select: none;
}


.dq-visual .joy-control .joy-body .joy-time.tiny{
  font-size: 19px;
  bottom:47px;
}

.dq-visual .field{
  width:100%;
  max-width: 1200px;
  height: 274px;
  background: rgb(15, 161, 197);
  overflow: hidden;
  position: relative;
  margin: auto;
  border:ridge 2px #bdbdbd;
  border: solid 2px #6C788A;
  border-radius: 20px;
  width:calc(100% - 260px);
  margin-left:260px;
  margin-bottom: 50px;
  user-select: none;
}

.dq-visual .field .sky-holder{

}


.dq-visual .field .sky-1{
  width:100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: linear-gradient(180deg, #53A6E3 0%, #87DAF4 34.58%, #A4F6FA 57.37%, #96FFF2 77.08%, #AEFDFF 100%);
  user-select: none;
  transition: linear 3s;
}


.dq-visual .field .sky-2{
  width:100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: linear-gradient(180deg, #538DE3 0%, #87CDF4 34.58%, #A4E5FA 57.37%, #A7F4FF 77.08%, #C5FEFF 100%);
  user-select: none;
  transition: linear 3s;
}

.dq-visual .field .sky-3{
  width:100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: linear-gradient(180deg, #9EB0EF 0%, #C397E7 26.95%, #FBC384 56.97%, #FFDFBA 100%);
  user-select: none;
  transition: linear 3s;
}



.dq-visual .field .sky-4{
  width:100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(/imgs/dq/night.svg) 0 0 no-repeat;
  background-size: cover;
  user-select: none;
  transition: linear 3s;
}

.dq-visual .field .sky-5{
  width:100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  background: url(/imgs/dq/dawn.svg) 0 0 no-repeat;
  background-size: cover;
  user-select: none;
  transition: linear 3s;
}

.dq-visual .drone-holder{
  position: absolute;
  bottom: 45%;
  left:0%;
  width: 150px;
  height: 55px;
  transition: linear 1s;
}

.dq-visual .drone-holder .drone{
  position: absolute;
  width: 150px;
  height: 55px;

}

.dq-visual .drone-holder .drone.flying{
  animation: floating 3s infinite;
}

.dq-visual .drone-holder .drone::before{
  content:'';
  position: absolute;
  background: url(/imgs/dq/drone.svg) 0 0 no-repeat;
  background-size: contain;
  width:150px;
  height: 55px;
}


.dq-visual .drone-holder .drone.shake::before{
  animation: bellrotate 1s infinite;
}

.dq-visual .layer{
  position: absolute;
  bottom: 0;
  right: 0;
}

.dq-visual .scene1.ground1{
  background: url(/imgs/dq/scene1/l1.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 78px;
}

.dq-visual .scene1.ground2{
  background: url(/imgs/dq/scene1/2.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 93px;
}

.dq-visual .scene1.ground3{
  background: url(/imgs/dq/scene1/l3.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 92px;
}



.dq-visual .scene1-2.ground1{
  background: url(/imgs/dq/scene2/1b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 197px;
}


.dq-visual .scene1-2.ground2{
  background: url(/imgs/dq/scene2/2b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 146px;
}

.dq-visual .scene1-2.ground3{
  background: url(/imgs/dq/scene2/3b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 92px;
}


.dq-visual .scene2.ground1{
  background: url(/imgs/dq/scene2/1.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1123px;
  height: 228px;
}


.dq-visual .scene2.ground2{
  background: url(/imgs/dq/scene2/2.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 182px;
}

.dq-visual .scene2.ground3{
  background: url(/imgs/dq/scene2/3.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 108px;
}
/*Scene 3*/


.dq-visual .scene2-3.ground1{
  background: url(/imgs/dq/scene3/1b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 37px;
}


.dq-visual .scene2-3.ground2{
  background: url(/imgs/dq/scene3/2b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 200px;
}

.dq-visual .scene2-3.ground3{
  background: url(/imgs/dq/scene3/3b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 197px;
}


.dq-visual .scene3.ground1{
  background: url(/imgs/dq/scene3/1.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 197px;
}


.dq-visual .scene3.ground2{
  background: url(/imgs/dq/scene3/2.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 241px;
}

.dq-visual .scene3.ground3{
  background: url(/imgs/dq/scene3/3.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 153px;
}

/*Scene 4*/

.dq-visual .scene3-4.ground1{
  background: url(/imgs/dq/scene4/1b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 92px;
}

.dq-visual .scene3-4.ground2{
  background: url(/imgs/dq/scene4/2b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 226px;
}

.dq-visual .scene3-4.ground3{
  background: url(/imgs/dq/scene4/3b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 200px;
}


.dq-visual .scene4.ground1{
  background: url(/imgs/dq/scene4/1.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 92px;
}

.dq-visual .scene4.ground2{
  background: url(/imgs/dq/scene4/2.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 226px;
}

.dq-visual .scene4.ground3{
  background: url(/imgs/dq/scene4/3.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 200px;
}

/*Scene 5*/

.dq-visual .scene4-5.ground1{
  background: url(/imgs/dq/scene5/1b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 78px;
}

.dq-visual .scene4-5.ground2{
  background: url(/imgs/dq/scene5/2b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 47px;
}

.dq-visual .scene4-5.ground3{
  background: url(/imgs/dq/scene5/3b.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 92px;
}


.dq-visual .scene5.ground1{
  background: url(/imgs/dq/scene5/1.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 78px;
}

.dq-visual .scene5.ground2{
  background: url(/imgs/dq/scene5/2.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 47px;
}

.dq-visual .scene5.ground3{
  background: url(/imgs/dq/scene5/3.svg) 0 0 no-repeat;
  background-size: cover;
  width: 1122px;
  height: 92px;
}


.dq-visual .clouds.bottom{
  background: url(/imgs/dq/clouds/bottom.svg) 0 0 no-repeat;
  background-size: contain;
  width: 1202px;
  height: 103px;
  bottom:52px;
}


.dq-visual .scene2-3.clouds.bottom,
.dq-visual .scene3.clouds.bottom,
.dq-visual .field.scene-3 .clouds.bottom
{
  background: url(/imgs/dq/clouds/bottom2.svg) 0 0 no-repeat;
  background-size: contain;
}


.dq-visual .scene3-4.clouds.bottom,
.dq-visual .scene4.clouds.bottom,
.dq-visual .field.scene-4 .clouds.bottom
{
  background: url(/imgs/dq/clouds/bottom3.svg) 0 0 no-repeat;
  background-size: contain;
}


.dq-visual .scene4-5.clouds.bottom,
.dq-visual .scene5.clouds.bottom,
.dq-visual .field.scene-5 .clouds.bottom
{
  background: url(/imgs/dq/clouds/bottom4.svg) 0 0 no-repeat;
  background-size: contain;
}

.dq-visual .cloud.bottom-1{
  background: url(/imgs/dq/clouds/bottom/1.svg) 0 0 no-repeat;
  background-size: contain;
  width: 266px;
  height: 73px;
  bottom:62px;
}


.dq-visual .cloud.bottom-2{
  background: url(/imgs/dq/clouds/bottom/2.svg) 0 0 no-repeat;
  background-size: contain;
  width: 78px;
  height: 27px;
  bottom:72px;
}

.dq-visual .cloud.bottom-3{
  background: url(/imgs/dq/clouds/bottom/1.svg) 0 0 no-repeat;
  background-size: contain;
  width: 336px;
  height: 60px;
  bottom:66px;
}

.dq-visual .cloud.bottom-4{
  background: url(/imgs/dq/clouds/bottom/1.svg) 0 0 no-repeat;
  background-size: contain;
  width: 479px;
  height: 102px;
  bottom:50px;
}



.dq-visual .result-flag{
  position: absolute;
  bottom: 0px;
  right: 10px;
  background: url(/imgs/dq/scene5/flag.svg) 0 0 no-repeat;
  background-size: contain;
  width:234px;
  height: 114px;
}

.dq-visual .result-flag > span{
  display: block;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  margin-top: 16px;
}

.popup-droneq .loader-holder{
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.4);
    display: flex;
    align-items: center;
    justify-content: center;
}


.popup-droneq  .blank-img{
  width:100%;
  margin-bottom: 5px;
}

.popup-droneq  .blank-img img{
  max-width: 100%;
}

.dq-testing-mode #TestQuestion{
  width:100%;
  max-width: 100%;
  padding-bottom: 50px;
}


.popup-droneq .msg{

  font-size: 16px;
  line-height: 22px;

}

.blank-holder{
  border-radius: 10px;
  border: 1px solid rgb(156, 187, 227);
  margin-top: 10px;
  margin-bottom: 30px;
}

.table-voteblank
{
  width:100%;
  border-collapse:collapse;
  background: white;
  vertical-align: top;
  border: none;
  border-radius: 10px

}

.table-voteblank > tbody > tr {
  vertical-align: top;
}

.table-voteblank > tbody > tr > td{
  padding:10px;
  vertical-align: top;
  border-collapse:collapse;
}

.table-voteblank > tbody > tr:first-child > td{
  border-bottom: 1px solid rgb(156, 187, 227);
}

.table-voteblank > tbody > tr > td:last-child{
  width:70px;
}


.table-voteblank > tbody > tr.inner > td{
  border-top: none;
  border-bottom: none;
}

.table-voteblank > tbody > tr.inner.variant > td:first-child{
  text-align: right;
}

.table-voteblank > tbody > tr.inner.or > td{
  padding:0px 10px;
}


.table-voteblank > tbody > tr > td input[type="checkbox"]{
  width:24px;
  height: 24px;

}



.droneq-main .results-title, 
.droneq-main .result-title{
  font-weight: bold;
  font-family: 'MagistralWebBook';
  font-weight: 400;
  font-size: 48px;
  line-height: 55px;
  color: #19297C;
  margin-bottom: 10px;
}


.result-block{
  margin:10px 0;
}

.result-block > .result-title{
  margin-bottom: 20px;
}

.result-block .result-info{
  font-size: 16px;
}

.result-block .result-info > span{
  font-weight: bold;
}

.result-block .info-msg{
  margin-top: 20px;
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
}

.results-block > .result-table-holder
{
  border-radius: 10px;
  border: 1px solid rgb(156, 187, 227);
  overflow: auto;

}

.results-block > .result-table-holder > table{
  width:100%;
  border-collapse:collapse;
  background: white;
  vertical-align: top;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  line-height: 18px;
  margin:0;

}

.results-block > .result-table-holder > table > thead > tr > th{
  text-align: center;
  padding:10px;
  background: #E0EDFF;
  border-bottom: 1px solid rgb(156, 187, 227);
}

.results-block > .result-table-holder > table > thead > tr > th:nth-child(1){
  width:80px;
  border-top-left-radius: 10px;
  border-right: 1px solid rgb(156, 187, 227);
}

.results-block > .result-table-holder > table > thead > tr > th:nth-child(2){
  border-right: 1px solid rgb(156, 187, 227);
}

.results-block > .result-table-holder > table > thead > tr > th:nth-child(3){
  width:200px;
  border-right: 1px solid rgb(156, 187, 227);
}

.results-block > .result-table-holder > table > thead > tr > th:nth-child(4){
  width:120px;
  border-top-right-radius: 10px;
}

.results-block > .result-table-holder > table > tbody > tr > td{
  border-bottom: 1px solid rgb(156, 187, 227);
  font-size: 14px;
  padding: 18px 8px;
}

.results-block > .result-table-holder > table > tbody > tr > td em
{
    background: #d6e7f9 none repeat 0 0;
    color: Black;
    font-style: normal;

}

.results-block > .result-table-holder > table > tbody > tr > td:nth-child(1){
  text-align: center;
  border-right: 1px solid rgb(156, 187, 227);
}

.results-block > .result-table-holder > table > tbody> tr > td:nth-child(2){
  border-right: 1px solid rgb(156, 187, 227);
}

.results-block > .result-table-holder > table > tbody > tr > td:nth-child(3){
  text-align: center;
  border-right: 1px solid rgb(156, 187, 227);
}

.results-block > .result-table-holder > table > tbody > tr > td:nth-child(4){
  text-align: center;
}

.results-block > .result-table-holder > table > tbody > tr:last-child > td{
  border-bottom: none;
}

.results-block > .result-table-holder > table > tbody > tr > td.nodata{
  text-align: center;
  font-size: 12px;
  font-weight: 400;
  border:none;
}
.results-block .search-flex
{
  margin: 10px 0;
  justify-content: flex-end;
}
.results-block .search-box{
  max-width: 320px;
  display: block;
  width: 100%;
}

.droneq-main .dq-place{
  position: relative;
  width:100%;
  text-align: center;
}
.droneq-main .dq-place.place-1 > span{ 
  display: none;
}

.droneq-main .dq-place.place-1::before,
.droneq-main .dq-place.place-2::before,
.droneq-main .dq-place.place-3::before,
.droneq-main .dq-place.place-4::before,
.droneq-main .dq-place.place-5::before,
.droneq-main .dq-place.place-6::before,
.droneq-main .dq-place.place-7::before{
  content:'';
  display: block;
  position: absolute;
  top: -25px;
  left: 20px;
  width:24px;
  height: 56px;
}

.droneq-main .dq-place.place-1::before{
  background: url(/imgs/dq/medals/1.svg);
  background-size: contain;
}

/*
.droneq-main .dq-place.place-1 > span, 
.droneq-main .dq-place.place-2 > span, 
.droneq-main .dq-place.place-3 > span{ 
  display: none;
}


.droneq-main .dq-place.place-2::before{
  background: url(/imgs/dq/medals/2.svg);
  background-size: contain;
}

.droneq-main .dq-place.place-3::before{
  background: url(/imgs/dq/medals/3.svg);
  background-size: contain;
}

.droneq-main .dq-place.place-4::before{
  background: url(/imgs/dq/medals/4.svg);
  background-size: contain;
}

.droneq-main .dq-place.place-5::before{
  background: url(/imgs/dq/medals/5.svg);
  background-size: contain;
}

.droneq-main .dq-place.place-6::before{
  background: url(/imgs/dq/medals/6.svg);
  background-size: contain;
}

.droneq-main .dq-place.place-7::before{
  background: url(/imgs/dq/medals/7.svg);
  background-size: contain;
}*/
/*
#dq-results{
display:none!important;
}


*/
.testing-module .loader-holder{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(255,255,255,0.6);
  -webkit-transition: opacity .4s cubic-bezier(.25,.8,.25,1);
  transition: opacity .4s cubic-bezier(.25,.8,.25,1);
}

.testing-module .loader-holder.shown{
  visibility:visible;
  opacity: 1;
}

.testing-module .answer > input {
  margin: 0px;
}


.testing-module .test-stat{
  text-align: center;
}


.testing-module .test-stat .result-line span{
  font-weight: bold;
}

.testing-module .test-stat .info-msg{
  font-size: 12px;
  line-height: 14px;
  font-weight: 400;
  max-width: 600px;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;

}

.droneq-main .btn-program{
  position: relative!important;
  bottom:initial!important;
  width:initial!important;
}


.droneq-main .results-count
{
  margin-bottom: 20px;
  font-size: 18pt;
}

.droneq-main .results-count > span{
  font-weight: bold;
}

@keyframes floating0 {
  0% {
      top: 0px;
  }

  33% {
      top: -10px;
  }

  66% {
      top: -10px;
  }

  100% {
      top: 0px;
  }
}

@keyframes floating {
  0% {
      top: 0px;
  }

  50% {
      top: -10px;
  }


  100% {
      top: 0px;
  }
}


@keyframes bellrotate {
    0% {
        transform: rotate(0deg);
    }

    10% {
        transform: rotate(10deg);
    }

    20% {
        transform: rotate(0deg);
    }

    30% {
        transform: rotate(-10deg);
    }

    40% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@media (min-width: 1921px) 
{
  #droneq-page > section:first-child{
    min-height: initial;
    background: url(/imgs/dq/background_big.svg) 0 0 no-repeat;
    background-position: center center;
    background-size: cover;
  }
}
@media (max-width: 768px) 
{


  #droneq-page {
    margin-top: 70px;
    margin-bottom: 34px;
  }

  #droneq-page > section:first-child{
    min-height: calc(100vh - 50px);
    background: url(/imgs/dq/background_mobile.svg) 0 0 no-repeat;
    background-position: center center;
    background-size: cover;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px; 
    padding:10px 0;
    padding-bottom: 350px;
  }

  #droneq-page > section:first-child > .container{
    position: static;
  }

  #droneq-page .dq-title{
    font-size: 56px;
    margin-bottom: 16px;
  }
  
  #droneq-page .dq-lead{
    font-size: 14px;
    line-height: 18px; 
    margin-bottom: 15px;
    text-align: left;
  }

  #droneq-page .dq-lead > p:first-child{
    text-align: center;
  }
  
  #droneq-page .droneq-flex > .left-text{
    max-width: 100%;
    font-size: 14px;
    line-height: 17px;
  }
  
  #droneq-page .droneq-flex > .right-image{
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
    max-width: 100%;
  }

  #droneq-page .droneq-flex > .right-image img{
    margin:auto;
    max-width: 403px;
  }

  #droneq-page .droneq-flex {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }


  #droneq-page .dq-button .infoMsg, 
  #droneq-page .dq-button > p:first-child {
      font-size: 18px;
      font-weight: 600;
      line-height: 22px;
  }


  #droneq-page .results-block{
    margin-top: 30px;
  }
  /*-----------------------------------*/
  .droneq-main .results-title, .droneq-main .result-title {
    font-size: 28px;
    line-height: 34px;
  }

  .results-block .search-box {
    max-width: 100%;
  }

  .results-block > .result-table-holder > table {
    font-size: 12px;
    line-height: 16px;

  }

  .results-block > .result-table-holder > table > tbody > tr > td:nth-child(3),
  .results-block > .result-table-holder > table > tbody > tr > td:nth-child(4),
  .results-block > .result-table-holder > table > thead > tr > th:nth-child(3),
  .results-block > .result-table-holder > table > thead > tr > th:nth-child(4)
  {
    display: none;
  }

  .results-block > .result-table-holder > table > tbody > tr > td:nth-child(2),
  .results-block > .result-table-holder > table > thead > tr > th:nth-child(2)
  {
     border-right: none;
  }

  .results-block > .result-table-holder > table > thead > tr > th:nth-child(2){
    border-top-right-radius: 10px;
  }
  
  .results-block > .result-table-holder > table >tbody > tr > td > .mobile-only {
    display: block;
    margin:5px 0;
  }


  .droneq-main .dq-place.place-1::before,
  .droneq-main .dq-place.place-2::before,
  .droneq-main .dq-place.place-3::before{
    top: 0px;
  }


  .dq-visual .field {
    width: 120%;
    margin: 0;
    height: 30vh;
    transform: scale(0.8);
    left: -10%;
  }

  .dq-visual .joy-control {
    transform: scale(0.4);
    left: -115px;
    bottom: -142px;
  }


  .dq-testing-mode .testing-module #TestQuestion > .name {
      font-size: 16px;
      line-height: 18px;
      margin-bottom: 5px;
      padding-bottom: 5px;
  }

  .dq-testing-mode .testing-module .answer {
      font-size: 14px;
      padding-left:25px;
      margin: 5px 0;
      line-height: 18px;
  }

  .dq-testing-mode #TestQuestion {
      padding: 10px;
  }


  .dq-testing-mode .testing-module .answer > input {
    width: 16px;
    height: 16px;
    top:1px;
  }

  .dq-testing-mode .testing-module #TestQuestion > .answers {
      margin: 10px 0;
      margin-left:15px;
  }

  .dq-testing-mode {
      margin-top:10px;
  }


  .popup-droneq .msg {
    font-size: 14px;
    line-height: 18px;
  }
  .popup-droneq .content{
    font-size: 14px;
    line-height: 18px;
  }

  .popup-droneq h2 {
      font-size: 22px;
  }

  .table-voteblank {
      font-size: 13px;
  }

  .table-voteblank > tbody > tr > td {
    padding: 5px;
  }

  
  .testing-module .test-stat {
        text-align: center;
        line-height: 1.2;
        font-size: 14px;
    }

  .testing-module .error-text {
      font-size: 12px!important;
      min-height: 0px!important;
      margin: 5px!important;
  }

  .droneq-main .results-count > span{
    font-weight: bold;
    display: block;
  }
  

}