@font-face {
    font-family: 'ubuntulight';
    src: url('../fonts/ubuntulight.eot');
    src: url('../fonts/ubuntulight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ubuntulight.woff') format('woff'),
    url('../fonts/ubuntulight.ttf') format('truetype'),
    url('../fonts/ubuntulight.svg#21Cent') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntumedium';
    src: url('../fonts/ubuntumedium.eot');
    src: url('../fonts/ubuntumedium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ubuntumedium.woff') format('woff'),
    url('../fonts/ubuntumedium.ttf') format('truetype'),
    url('../fonts/ubuntumedium.svg#21Cent') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntubold';
    src: url('../fonts/ubuntubold.eot');
    src: url('../fonts/ubuntubold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ubuntubold.woff') format('woff'),
    url('../fonts/ubuntubold.ttf') format('truetype'),
    url('../fonts/ubuntubold.svg#21Cent') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ubunturegular';
    src: url('../fonts/ubunturegular.eot');
    src: url('../fonts/ubunturegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ubunturegular.woff') format('woff'),
    url('../fonts/ubunturegular.ttf') format('truetype'),
    url('../fonts/ubunturegular.svg#21Cent') format('svg');
    font-weight: normal;
    font-style: normal;
}

*{
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html{
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  user-drag: none; 
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  overscroll-behavior-y: none;
  }

body{
  height: 100%;
  background-color: #c31431;
  background-image: url(../img/bg.jpg?5);
  background-position: center top;
  background-size: auto 120%;  
  background-repeat: no-repeat;
  margin: 0px;
  overscroll-behavior-y: none;
  }

br {
  font-size: 0.2vh !important;
  font-family: 'ubuntumedium';
}

body.ipa{
  background-color: #00285d;
  background-image: url(../img/bg_ipa.jpg?5);
  }
body.psh{
  background-color: #d7a360;
  background-image: url(../img/bg_psh.jpg?5);
  }
body.pa{
  background-color: #00263b;
  background-image: url(../img/bg_pa.jpg?5);
  }
body.vb{
  background-color: #010101;
  background-image: url(../img/bg_vb.jpg?5);
  }
body.all{
  background-color: #1c3c34;
  background-image: url(../img/bg_all.jpg?5);
  }
body.voite{
  background-color: #1c3c34;
  background-image: url(../img/bg_voite.jpg?5);
  }

body.aca{
  background-color: #ffa400;
  background-image: url(../img/bg_aca.jpg?5);
  }

body.gb{
  background-color: #036937;
  background-image: url(../img/bg_gb.jpg?5);
  }
body.raspberry{
  background-color: #010101;
  background-image: url(../img/bg_raspberry.png?5);
  }


  
body.age{
  height: 100%;
  background-color: #d7a360;
  background-image: url(../img/bg_psh.jpg?6);
  }
body.hlw{
  position: relative;
  top: 0;
  bottom: 0;
  background-color: #000;
  background-image: url(../img/halloween2/bg_halloween_main2.png?5);
  background-size: cover;
  }



.container{
  position: absolute;
  top: 0px;
  left: 50%;
  height: 97vh;
  width: 131vh;
  margin-left: -60vh;
  }

.container_age{
  position: absolute;
  top: 0px;
  left: 50%;
  height: 100%;
  width: 126.3vh;
  margin-left: -60vh;
  }

.logo_age{
  position: absolute;
  top: 8%;
  left: 42.5%;
  width: 14%;
  height: 25%;
  background-image: url(../img/logo_psh1.png?6);
  background-size: 100% 100%;  
  }
.test_age{
  position: absolute;
  top: 37%;
  text-align: center;
  left: 27%;
  width: 45%;
  font-family: 'ubuntumedium';
  color: #e9a55b;
  font-size: 3.5vh;
  }

.test_age_error{
  position: absolute;
  top: 37%;
  text-align: center;
  left: 27%;
  width: 45%;
  font-family: 'ubuntumedium';
  color: #e9a55b;
  font-size: 3.5vh;
  display: none;
  }

.age_neok{
  position: absolute;
  top: 56%;
  text-align: center;
  left: 33%;
  width: 11%;
  font-family: 'ubuntumedium';
  color: #3d2616;
  font-size: 3.5vh;
  padding: 0.9vh;
  background-color: #d7a360;
  cursor: pointer;
  }

.age_ok{
  position: absolute;
  top: 56%;
  text-align: center;
  left: 55%;
  width: 11%;
  font-family: 'ubuntumedium';
  color: #3d2616;
  font-size: 3.5vh;
  padding: 0.9vh;
  background-color: #d7a360;
  cursor: pointer;
  }


.logo {
  position: absolute;
  top: 4%;
  left: 0%;
  width: 28vh;
  height: 9.6vh;
  background-image: url(../img/logo.png?5);
  background-size: 100% 100%;
  }

.logo2 {
	position: absolute;
  top: 3vh;
	left: 83%;
  width: 12vh;
  height: 21vh;
  background-size: 100% 100%;
  }

body.hlw.age {
  background-image: url(../img/halloween2/bg_halloween_mob.png?5);
  background-size: 100% auto;
  background-color: #000;
}

body.hlw.age .logo_age {
  background-image: url(../img/logo_18_hlw_w.png?5);
}

body.hlw.age .test_age, body.hlw.age .test_age_error {
  color: #fff;
}

body.hlw.age .age_ok, body.hlw.age .age_neok {
  background-color: #fff;
  color: #000;
}








body.ipa .logo{background-image: url(../img/logo_ipa.png?5);}
body.psh .logo{background-image: url(../img/logo_psh.png?5);}
body.pa .logo{background-image: url(../img/logo_pa.png?5);}
body.vb .logo{background-image: url(../img/logo_vb.png?5);}
body.all .logo{background-image: url(../img/logo_all.png?5);}
body.voite .logo{background-image: url(../img/logo_voite.png?5);}
body.gb .logo{background-image: url(../img/logo_gb.png?5);}
body.aca .logo{background-image: url(../img/logo_aca.png?5);}
body.hlw .logo{background-image: url(../img/halloween2/logo_master.png?5);}
body.hlw .logo2{background-image: url(../img/halloween2/logo_hard.png?5);}
body.raspberry .logo{background-image: url(../img/logo_vb.png?5);}

.name{
  position: absolute;
  top: 23%;
  left: 4.5%;
  width: 35.5%;
  height: 22.95%;
  background-image: url(../img/name.png?5);
  background-size: 100% 100%;
  }
body.ipa .name{background-image: url(../img/name_ipa.png?5);}
body.psh .name{background-image: url(../img/name_psh.png?5);}
body.pa .name{background-image: url(../img/name_pa.png?5);}
body.vb .name{background-image: url(../img/name_vb.png?5);}
body.all .name{background-image: url(../img/name_all.png?5);}
body.gb .name{background-image: url(../img/name_gb.png?5);}
body.aca .name{background-image: url(../img/name_aca.png?5);}
body.raspberry .name{background-image: url(../img/raspberry_logo9.png?6);}
@media (max-width: 1080px) { body.raspberry .name {width: 50vw; height: 30.1vw;} }
@media (min-width: 1081px) { body.raspberry .name {width: 44vh; height: 28.03vh;} }

.smm{
  position: absolute;
  top: 90%;
  left: 4.5%;
  width: 27%;
  height: 2.7%;
  background-image: url(../img/smm.png?5);
  background-size: 100% 100%;
  }
body.ipa .smm{background-image: url(../img/smm_ipa.png?5);}
body.psh .smm{background-image: url(../img/smm_psh.png?5);}
body.pa .smm{background-image: url(../img/smm_pa.png?5);}
body.vb .smm{background-image: url(../img/smm_vb.png?5);}
body.all .smm{background-image: url(../img/smm_all.png?5);}
body.voite .smm{background-image: url(../img/smm_voite.png?5); top: 92%; left: 29.5%;}
body.gb .smm{background-image: url(../img/smm_gb.png?5); }
body.aca .smm{background-image: url(../img/smm_aca.png?5);}
body.hlw .smm{background-image: url(../img/halloween2/smm_hlw2.png?5);}
body.raspberry .smm{background-image: url(../img/smm_rsbr.png?5); top: 97%;}

.smm .website{
    display: block;
    position: absolute;
    height: 100%;
    width: 35%;
    left: 0%;
    top: 0px;
    }
  .smm .soc1{
    display: block;
    position: absolute;
    height: 100%;
    width: 7%;
    left: 46%;
    top: 0px;
    }
  .smm .soc2{
    display: block;
    position: absolute;
    height: 100%;
    width: 7%;
    left: 58%;
    top: 0px;
    }
  .smm .soc3{
    display: block;
    position: absolute;
    height: 100%;
    width: 8%;
    left: 69%;
    top: 0px;
    }
  .smm .soc4{
    display: block;
    position: absolute;
    height: 100%;
    width: 7%;
    left: 81%;
    top: 0px;
    }
  .smm .soc5{
    display: block;
    position: absolute;
    height: 100%;
    width: 7%;
    left: 93%;
    top: 0px;
    }


.beer_bg{
  position: absolute;
  top: 16%;
  left: 44%;
  width: 49.42%;
  height: 80.53%;
  background-image: url(../img/bottle_bg.png?5);
  background-size: 100% 100%;
  }
.beer_bg_pa{
  position: absolute;
  top: 16%;
  left: 47.5%;
  width: 49.42%;
  height: 80.53%;
  background-image: url(../img/bottle_bg_pa.png?5);
  background-size: 100% 100%;
  }

.beer{
  position: absolute;
  top: 16%;
  left: 43%;
  width: 49.42%;
  height: 80.53%;
  background-image: url(../img/bottle.png?5);
  background-size: 100% 100%;
  }
body.ipa .beer{
  background-image: url(../img/bottle_ipa_can.png?5);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  }
body.psh .beer{
  background-image: url(../img/bottle_psh.png?5);
  }  
body.pa .beer{
  background-image: url(../img/bottle_pa.png?5);
  }
body.vb .beer{
  background-image: url(../img/bottle_vb.png?5);
  }
body.all .beer{
  background-image: url(../img/bottle_all.png?5);
  }
body.gb .beer{
  background-image: url(../img/bottle_gb.png?5);
  }
body.aca .beer{
  background-image: url(../img/bottle_aca.png?5);
  }
body.raspberry .beer{
  background-image: url(../img/bottle_raspberry.png?5);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  }
@media (max-width: 1080px) {
  body.raspberry .beer {margin-top: 6%;}
}

.beer1{
  position: absolute;
  top: 19%;
  left: 5%;
  width: 14.42%;
  height: 70.74%;
  background-image: url(../img/beer2.png?5);
  background-size: 100% 100%;
  cursor: pointer;
  transition: 0s;
  transition-timing-function: none;
  }
.beer2{
  position: absolute;
  top: 19%;
  left: 76%;
  width: 14.42%;
  height: 70.74%;
  background-image: url(../img/beer1.png?5);
  background-size: 100% 100%;
  cursor: pointer;
  transition: 0s;
  transition-timing-function: none;
  }

.beer1.hover:hover{
  width: 14.62%;
  height: 71.74%;  
  margin-left: -0.1%;
  margin-top: -0.5%;
  opacity: 1;
  transition: 0.1s;
  transition-timing-function: linear;
  }
.beer2.hover:hover{
  width: 14.62%;
  height: 71.74%;  
  margin-left: -0.1%;
  margin-top: -0.5%;
  opacity: 1;
  transition: 0.1s;
  transition-timing-function: linear;
  }


.btn_voite1{
  position: absolute;
  top: 59%;
  left: 24%;
  width: 17.25%;
  height: 7.37%;
  background-image: url(../img/voite1.jpg?5);
  background-size: 100% 100%;
  cursor: pointer;
  }

.btn_voite2{
  position: absolute;
  top: 59%;
  left: 53.5%;
  width: 17.25%;
  height: 7.37%;
  background-image: url(../img/voite2.jpg?5);
  background-size: 100% 100%;
  cursor: pointer;
  }


.count_voite1{
  position: absolute;
  top: 41%;
  left: 23.5%;
  width: 18%;
  font-family: 'ubuntulight';
  color: #fff;
  font-size: 9vh;
  text-align: center;
  }

.count_voite2{
  position: absolute;
  top: 67%;
  left: 53%;
  width: 18%;
  font-family: 'ubuntulight';
  color: #204635;
  font-size: 9vh;
  text-align: center;
  }


.title_voite1{
  position: absolute;
  top: 52%;
  left: 23.5%;
  width: 18%;
  font-family: 'ubuntumedium';
  color: #fff;
  font-size: 1.5vh;
  text-align: center;
  text-transform: uppercase;
  }
.title_voite2{
  position: absolute;
  top: 78%;
  left: 53%;
  width: 18%;
  font-family: 'ubuntumedium';
  color: #204635;
  font-size: 1.5vh;
  text-align: center;
  text-transform: uppercase;
  }


.btn_voite1.ended{display: none;}
.btn_voite2.ended{display: none;}
.count_voite1.ended{top: 53%;}
.count_voite2.ended{top: 53%;}
.title_voite1.ended{top: 64%;}
.title_voite2.ended{top: 64%;}



.voite1_container{
  background-color: #66a51a;
  position: absolute;
  width: 48%;
  height: 56.53%;
  border: 1px solid #fff;
  top: 32%;
  left: 3%;
  color: #fff;
  }

.txt_version {
 	font-size: 260%;
 	padding-left: 3vh;
 }

.voite1_container .cn_title{
  font-family: 'ubuntumedium';
  color: #fff;
  font-size: 7vh;
  text-align: center;
  border-bottom: 2px solid #fff;
  padding-bottom: 1vh;
  margin: 2vh;
  margin-bottom: 1vh;
  }

.voite1_container .cn_text{
  font-family: 'ubuntumedium';
  color: #fff;
  font-size: 1.8vh;
  text-align: justify;
  border-right: 2px solid #fff;
  padding-bottom: 1vh;
  padding-right: 2.5vh;
  margin: 3vh;
  margin-left: 3vh;
  margin-right: 2.5vh;
  width: 55%;
  float: left;
  }

.voite1_container .cn_params{
  font-family: 'ubuntumedium';
  color: #fff;
  font-size: 2.7vh;
  text-align: center;
  /* border-bottom: 1px solid #fff; */
  padding-bottom: 1vh;
  margin: 3vh;
  margin-left: 0vh;
  margin-right: 0vh;
  width: 26%;
  float: left;
  }

.voite1_container .cn_params div{
  font-size: 1.1vh;
  margin-bottom: 2vh;
  margin-top: 0.4vh;
  text-transform: uppercase;
  }

.voite1_container .close{
  position: absolute;
  top: 3%;
  left: 92%;
  width: 6%;
  height: 5%;
  background-image: url(../img/close1.png?5);
  background-size: 100% 100%;
  cursor: pointer;
  }




.voite2_container{
  background-color: #7fdea9;
  position: absolute;
  width: 48%;
  height: 56.53%;
  border: 1px solid #112d5a;
  top: 32%;
  left: 45%;
  color: #112d5a;
  }


.voite2_container .cn_title{
  font-family: 'ubuntumedium';
  color: #112d5a;
  font-size: 7vh;
  text-align: center;
  border-bottom: 2px solid #112d5a;
  padding-bottom: 1vh;
  margin: 2vh;
  margin-bottom: 1vh;
  }

.voite2_container .cn_text{
  font-family: 'ubuntumedium';
  color: #112d5a;
  font-size: 1.8vh;
  line-height: 2.2vh;
  text-align: justify;
  border-right: 2px solid #112d5a;
  padding-bottom: 1vh;
  padding-right: 2.5vh;
  margin: 3vh;
  margin-left: 3vh;
  margin-right: 2.5vh;
  width: 55%;
  float: left;
  height: 66%;
  }

.voite2_container .cn_params{
  font-family: 'ubuntumedium';
  color: #112d5a;
  font-size: 2.7vh;
  text-align: center;
  /* border-bottom: 1px solid #fff; */
  padding-bottom: 1vh;
  margin: 3vh;
  margin-left: 0vh;
  margin-right: 0vh;
  width: 26%;
  float: left;
  }

.voite2_container .cn_params div{
  font-size: 1.1vh;
  margin-bottom: 2vh;
  margin-top: 0.4vh;
  text-transform: uppercase;
  }

.voite2_container .close{
  position: absolute;
  top: 3%;
  left: 92%;
  width: 6%;
  height: 5%;
  background-image: url(../img/close2.png?5);
  background-size: 100% 100%;
  cursor: pointer;
  }



.voite1_end{
  background-color: #7fdea9;
  position: absolute;
  width: 49%;
  height: 45.63%;
  border: 1px solid #112d5a;
  top: 40%;
  left: 23%;
  color: #112d5a;
  }
.voite1_end .end_text{
  font-family: 'ubuntumedium';
  color: #112d5a;
  font-size: 3.2vh;
  line-height: 4.1vh;
  text-align: center;
  width: 80%;
  left: 10%;
  position: absolute;
  top: 19%;  
  }
.voite1_end .close{
  position: absolute;
  top: 3%;
  left: 93%;
  width: 5%;
  height: 5%;
  background-image: url(../img/close2.png?5);
  background-size: 100% 100%;
  cursor: pointer;
  }

.voite2_end{
  background-color: #66a51a;
  position: absolute;
  width: 49%;
  height: 45.63%;
  border: 1px solid #fff;
  top: 40%;
  left: 23%;
  color: #fff;
  }
.voite2_end .end_text{
  font-family: 'ubuntumedium';
  color: #fff;
  font-size: 3.2vh;
  line-height: 4.1vh;
  text-align: center;
  width: 80%;
  left: 10%;
  position: absolute;
  top: 19%;  
  }
.voite2_end .close{
  position: absolute;
  top: 3%;
  left: 93%;
  width: 5%;
  height: 5%;
  background-image: url(../img/close1.png?5);
  background-size: 100% 100%;
  cursor: pointer;
  }


.text{
  position: absolute;
  top: 51%;
  left: 4.5%;
  width: 35%;
  height: 37%;
  font-family: 'ubuntumedium';
  color: #cedc00;
  font-size: 1.9vh;
  line-height: 2.9vh;
  text-align: justify;
  }
.text.sourale{
  top: 48%;
  }

body.ipa .text{color: #00b77f; top: 45%;}
body.psh .text{color: #d7a360; top: 48%;}
body.gb .text{color: #036937; top: 48%;}
body.pa .text{color: #ffa400; top: 48%;}
body.vb .text{color: #fff; top: 48%; left: 4%; }
body.all .text{color: #66a51a; top: 48%;}
body.aca .text{color: #ffa400; top: 48%;}
body.hlw .text{color: #fff; top: 48%;}
body.raspberry .text{color: #fff; top: 52%;}

.txt_new {
    display: none;
  }

body.voite .text{
    color: #fff;
    top: 22%;
    left: 7.5%;
    width: 80%;
    text-align: center;
    text-transform: uppercase;
    font-size: 3.2vh;
    font-family: 'ubuntulight';
    line-height: 4.3vh;
    }

body.voite .text2{
    position: absolute;
    color: #fff;
    top: 39.5%;
    left: 7.5%;
    width: 80%;
    text-align: center;
    text-transform: uppercase;
    font-size: 3.2vh;
    font-family: 'ubuntulight';
    line-height: 4.3vh;
    display: none;
    }

.hv{
  position: absolute;
  top: 88%;
  left: 0%;
  width: 100%;
  height: 10%;
  font-family: 'ubuntulight';
  color: #020202;
  font-size: 3.3vw;
  text-align: center;
  background-image: url(../img/hv.png?5);
  background-size: 97vw 68%;
  background-repeat: no-repeat;
  background-position: 1vw 1.5vw;
  opacity: 0.6;

  }

body.vb .hv{
  background-image: url(../img/hv2_vb.png?5);
  color: #555;
  }
body.hlw .hv{
  background-image: url(../img/hv2.png?5);
  color: #555;
  position: absolute;
  }

.hv div{
  font-size: 1.1vw;
  text-align: left;
  margin-left: 2vh;
  margin-top: 9vh;
  }

.menu1{
  position: absolute;
  top: 6%;
  left: 37vh;
  font-family: 'ubuntubold';
  color: #036937;
  font-size: 2.6vh;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  margin-top: 1vh;
  }

.menu2{
  position: absolute;
  top: 6%;
  left: 59vh;
  font-family: 'ubuntubold';
  color: #036937;
  font-size: 2.6vh;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  }

.menu3{
  position: absolute;
  top: 6%;
  left: 75vh;
  font-family: 'ubuntubold';
  color: #036937;
  font-size: 2.6vh;
  text-decoration: none;
  text-align: center;
  margin-top: 1vh;
  }

.menu4{
  position: absolute;
  top: 6%;
  left: 86vh;
  font-family: 'ubuntubold';
  color: #036937;
  font-size: 2.6vh; 
  text-decoration: none;
  text-align: center;
  }

.menu5{
  position: absolute;
  top: 6%;
  left: 106vh;
  font-family: 'ubuntubold';
  color: #036937;
  font-size: 2.6vh;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  }

.menu6{
  position: absolute;
  top: 6%;
  left: 126vh;
  font-family: 'ubuntubold';
  color: #036937;
  font-size: 2.6vh;
  text-decoration: none;
  text-transform: uppercase;
  text-align: center;
  }

@media (min-width: 1080px){
  .menu1.new {
    left: 37vh;
  }
  .menu3.new {
    left: 59vh;
  }
  .menu4.new {
    left: 70vh;
  }
  .menu5.new {
    left: 90vh;
  }
  .menu6.new {
    left: 106vh;
  }
}

@media (min-width: 1080px){
  .menu1.new2 {
    left: 35vh;
    margin-top: -3vh;
  }
  .menu2.new2 {
    left: 55vh;
    margin-top: 1vh;
  }
  .menu3.new2 {
    left: 77vh;
  }
  .menu4.new2 {
    left: 87vh;
  }
  .menu5.new2 {
    left: 105vh;
  }

  .menu1.new2 span {
    position: relative;
    right: -50%;
    padding: 0.3vh 2vh;
    text-align: center;
    font-size: 70%;
  }
  .raspberry .menu1.new2 span {
    background-color: #f764a7;
    color: #fff;
  }
  .psh .menu1.new2 span {
    background-color: #d7a360;
    color: #3d2616;
  }
  .ipa .menu1.new2 span {
    background-color: #00b77f;
    color: #002454;
  }
  .vb .menu1.new2 span {
    background-color: #fff;
    color: #010101;
  }

}

.menu1:hover, .menu2:hover, .menu3:hover, .menu4:hover, .menu5:hover, .menu6:hover, 
.menu1.active, .menu2.active, .menu3.active, .menu4.active, .menu5.active, .menu6.active {text-decoration: underline;}

body.ipa .menu1, body.ipa .menu2, body.ipa .menu3, body.ipa .menu4, body.ipa .menu5, body.ipa .menu6 {color: #00b77f;}
body.psh .menu1, body.psh .menu2, body.psh .menu3, body.psh .menu4, body.psh .menu5, body.psh .menu6 {color: #d7a360;}
body.pa .menu1, body.pa .menu2, body.pa .menu3, body.pa .menu4, body.pa .menu5, body.pa .menu6 {color: #ffa400;}
body.vb .menu1, body.vb .menu2, body.vb .menu3, body.vb .menu4, body.vb .menu5, body.vb .menu6 {color: #fff;}
body.all .menu1, body.all .menu2, body.all .menu3, body.all .menu4, body.all .menu5, body.all .menu6 {color: #66a51a;}
body.voite .menu1, body.voite .menu2, body.voite .menu3, body.voite .menu4, body.voite .menu5, body.voite .menu6 {color: #fff;}
body.aca .menu1, body.aca .menu2, body.aca .menu3, body.aca .menu4, body.aca .menu5, body.aca .menu6 {color: #ffa400;}
body.hlw .menu1, body.hlw .menu2, body.hlw .menu3, body.hlw .menu4, body.hlw .menu5 , body.hlw .menu6{color: #fff;}
body.raspberry .menu1, body.raspberry .menu2, body.raspberry .menu3, body.raspberry .menu4, body.raspberry .menu5, body.raspberry .menu6 {color: #fff;}

.text.voite_end{
  text-align: justify;
  font-size: 4.1vh;
  line-height: 4.2vh;
  left: 3%;
  width: 38.2%;
  }


.mob{display: none;}
.hlw_mob_info {display: none;}

@media (max-width: 1080px){

  body{
    height: 100%;
    background-color: #c9dd00;
    background-image: url(../img/bg_mobile.jpg?5);
    background-position: 0vw -15vw;
    background-size: 100% auto;  
    background-repeat: no-repeat;
    margin: 0px;
    }
  body.ipa{
    background-color: #00b77f;
    background-image: url(../img/bg_ipa_mobile.jpg?5);
    }
  body.psh{
    background-color: #d7a360;
    background-image: url(../img/bg_psh_mobile.jpg?5);
    }
  body.pa{
    background-color: #ffa400;
    background-image: url(../img/bg_pa_mobile.jpg?5);
    }
  body.vb{
    background-color: #8a6d2b;
    background-image: url(../img/bg_vb_mobile.jpg?5);
    }  
  body.all{
    background-color: #66a519;
    background-image: url(../img/bg_all_mobile.jpg?5);
    }
  body.gb{
    background-color: #036937;
    background-image: url(../img/bg_gb_mobile.jpg?5);
    }
  body.aca{
    background-color: #ffa400;
    background-image: url(../img/bg_aca_mobile.jpg?5);
    }

  body.voite{
    background-color: #80deaa;
    background-image: url(../img/bg_voite_mobile.jpg?5);
    background-position: 0vw 0vw;
    width: 100vw;
    overflow-x: hidden;
    }
  body.hlw{
    background-color: #5b0000;
    background-image: url(../img/halloween2/bg_halloween_mob.png?5);
    background-size: 100%;
    background-position: 0vw 0vw;
    }
  body.raspberry{
    background-color: #f764a7;
    background-image: url(../img/bg_raspberry_mobile.png?5);
    }




  .container{
    position: absolute;
    top: 0px;
    left: 0%;
    height: 150vw;
    width: 100%;
    margin-left: 0px;
    }

  .logo{
    position: absolute;
    top: 8vw;
    left: 5%;
    width: 33vw;
    height: 10.6vw;
    background-image: url(../img/logo.png?5);
    background-size: 100% 100%;
    }

  .logo2{
    position: absolute;
    top: 8vw;
    right: 5%;
    width: 12vw;
    height: 21vw;
    background-size: 100% 100%;
    }

  .name{
    position: absolute;
    top: 26vw;
    left: 25%;
    width: 50.83%;
    height: 26.07vw;
    background-image: url(../img/name.png?5);
    background-size: 100% 100%;
    }

  .smm{
    position: absolute;
    top: 205vw;
    left: 6%;
    width: 77.87%;
    height: 3vw;
    background-image: url(../img/smm_mobile.png?5);
    background-size: 100% 100%;
    }
  body.ipa .smm{background-image: url(../img/smm_mobile_ipa.png?5);}
  body.psh .smm{background-image: url(../img/smm_mobile_psh.png?5);}  
  body.pa .smm{background-image: url(../img/smm_mobile_pa.png?5);} 
  body.vb .smm{background-image: url(../img/smm_mobile_vb.png?5);} 
  body.all .smm{background-image: url(../img/smm_mobile_all.png?5);}
  body.voite .smm{background-image: url(../img/smm_voite.png?5);top: 216vw; left: 10%;}
  body.gb .smm{background-image: url(../img/smm_mobile_gb.png?5);}
  body.aca .smm{background-image: url(../img/smm_mobile_aca.png?5);}
  body.raspberry .smm{background-image: url(../img/smm_mobile_rsbr.png?1); top: 205vw;}

  .smm .website{
    display: block;
    position: absolute;
    height: 100%;
    width: 35%;
    left: 0%;
    top: 0px;
    }
  .smm .soc1{
    display: block;
    position: absolute;
    height: 100%;
    width: 7.5%;
    left: 45%;
    top: 0px;
    }
  .smm .soc2{
    display: block;
    position: absolute;
    height: 100%;
    width: 7.5%;
    left: 57%;
    top: 0px;
    }
  .smm .soc3{
    display: block;
    position: absolute;
    height: 100%;
    width: 8%;
    left: 69%;
    top: 0px;
    }
  .smm .soc4{
    display: block;
    position: absolute;
    height: 100%;
    width: 7%;
    left: 81%;
    top: 0px;
    }
  .smm .soc5{
    display: block;
    position: absolute;
    height: 100%;
    width: 7%;
    left: 93%;
    top: 0px;
    }


  .beer_bg{
    position: absolute;
    top: 88vw;
    left: 10%;
    width: 77.22%;
    height: 100.28vw;
    background-image: url(../img/bottle_bg.png?5);
    background-size: 100% 100%;
    }
  .beer_bg_pa{
    position: absolute;
    top: 88vw;
    left: 10%;
    width: 77.22%;
    height: 100.28vw;
    background-image: url(../img/bottle_bg_pa.png?5);
    background-size: 100% 100%;
    }  
  .beer{
    position: absolute;
    top: 90vw;
    left: 10%;
    width: 77.22%;
    height: 100.28vw;
    background-image: url(../img/bottle.png?5);
    background-size: 100% 100%;
    }

  .text{
    position: absolute;
    top: 58vw;
    left: 5%;
    width: 90%;
    height: 37%;
    font-family: 'ubuntumedium';
    color: #cedc00;
    font-size: 3.1vw;
    line-height: 4.1vw;
    text-align: justify;
    }

  body.ipa .text{color: #00b77f; top: 51vw;}
  body.psh .text{color: #d7a360; top: 55vw;}  
  body.pa .text{color: #ffa400; top: 59vw;}  
  body.vb .text{color: #fff; top: 59vw;width: 91%;}  
  body.all .text{color: #66a51a; top: 59vw; line-height: 3.7vw; }
  body.gb .text{color: #036937; top: 59vw;}
  body.aca .text{color: #fff; top: 59vw;}
  body.raspberry .text{color: #fff; top: 59vw;width: 91%;}

  .txt_new {
    margin: 0 0 1vw;
    padding: 1vw 0;
    text-align: center;
    width: 30vw;
    background-color: #f764a7;
    display: block;
    font-size: 130%;
  }


  .hv{
    position: absolute;
    top: 218vw;
    left: 1%;
    width: 99%;
    height: 18vw;
    font-family: 'ubuntulight';
    color: #020202;
    font-size: 6.5vw;
    text-align: center;
    }
  .bmenu .hv {
    top: 160vw;
  }

  .menu{
    position: absolute;
    top: 10vw;
    left: 80%;
    width: 7.22%;
    height: 5.91vw;
    background-image: url(../img/menu.png?5);
    background-size: 100% 100%;
    cursor: pointer;
    }
  .menu.close{
    position: absolute;
    top: 10vw;
    left: 80%;
    width: 7.22%;
    height: 5.91vw;
    background-image: url(../img/close.png?5);
    background-size: 100% 100%;
    cursor: pointer;
    }

  body.ipa .menu{background-image: url(../img/menu_ipa.png?5);}
  body.psh .menu{background-image: url(../img/menu_psh.png?5);}  
  body.pa .menu{background-image: url(../img/menu_pa.png?5);} 
  body.vb .menu{background-image: url(../img/menu_vb.png?5);} 
  body.all .menu{background-image: url(../img/menu_all.png?5);}
  body.voite .menu{background-image: url(../img/menu_voite.png?5);}
  body.gb .menu{background-image: url(../img/menu_gb.png?5);}
  body.aca .menu{background-image: url(../img/menu_aca.png?5);}
  body.hlw .menu{background-image: url(../img/menu_vb.png?5);}
  body.raspberry .menu{background-image: url(../img/menu_vb.png?5);}
  

  body.ipa .menu.close{background-image: url(../img/close_ipa.png?5);}
  body.psh .menu.close{background-image: url(../img/close_psh.png?5);}  
  body.pa .menu.close{background-image: url(../img/close_pa.png?5);}  
  body.vb .menu.close{background-image: url(../img/close_vb.png?5);}  
  body.all .menu.close{background-image: url(../img/close_all.png?5);}
  body.voite .menu.close{background-image: url(../img/close1.png?5);}
  body.gb .menu.close{background-image: url(../img/close_gb.png?5);}
  body.aca .menu.close{background-image: url(../img/close_aca.png?5);}
  body.hlw .menu.close{background-image: url(../img/close_vb.png?5);}
  body.raspberry .menu.close{background-image: url(../img/close_vb.png?5);}

  body.age{
    height: 100%;
    background-color: #d7a360;
    background-image: url(../img/bg_psh_mobile.jpg?5);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0px;
    }

  .container_age{
    position: absolute;
    top: 0px;
    left: 0%;
    height: 100%;
    width: 100%;
    margin-left: 0px;
    }

  .logo_age{
    position: absolute;
    top: 19vw;
    left: 40%;
    width: 25%;
    height: 35.06vw;
    margin-left: -2.5%;
    background-image: url(../img/logo_psh1.png?5);
    background-size: 100% 100%; 
    }
  .test_age{
    position: absolute;
    top: 60vw;
    text-align: center;
    left: 20%;
    width: 60%;
    font-family: 'ubuntumedium';
    color: #d7a360;
    font-size: 4.0vw;
    }

  .test_age_error{
    position: absolute;
    top: 60vw;
    text-align: center;
    left: 20%;
    width: 60%;
    font-family: 'ubuntumedium';
    color: #d7a360;
    font-size: 4.0vw;
    }

  .age_neok{
    position: absolute;
    top: 95vw;
    text-align: center;
    left: 20%;
    width: 20%;
    font-family: 'ubuntumedium';
    color: #3d2616;
    font-size: 4.0vw;
    padding: 0.9vh;
    background-color: #d7a360;
    cursor: pointer;
    }

  .age_ok{
    position: absolute;
    top: 95vw;
    text-align: center;
    left: 60%;
    width: 20%;
    font-family: 'ubuntumedium';
    color: #3d2616;
    font-size: 4.0vw;
    padding: 0.9vh;
    background-color: #d7a360;
    cursor: pointer;
    }


  body.bmenu{
    height: 100%;
    background-color: #d7a360;
    background-image: url(../img/bg_mobile_menu.jpg?5);
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    margin: 0px;
    }

  body.ipa.bmenu{background-image: url(../img/bg_mobile_menu_ipa.jpg?5);}
  body.psh.bmenu{background-image: url(../img/bg_mobile_menu_psh.jpg?5);}  
  body.pa.bmenu{background-image: url(../img/bg_mobile_menu_pa.jpg?5);} 
  body.vb.bmenu{background-image: url(../img/bg_mobile_menu_vb.jpg?5);} 
  body.all.bmenu{background-image: url(../img/bg_mobile_menu_all.jpg?5);}
  body.voite.bmenu{background-image: url(../img/bg_mobile_menu_voite.jpg?5);}
  body.gb.bmenu{background-image: url(../img/bg_mobile_menu_gb.jpg?5);}
  body.aca.bmenu{background-image: url(../img/bg_mobile_menu_aca.jpg?5);}
  body.hlw.bmenu{background-image: url(../img/halloween2/bg_halloween_mob.png?5); background-color: #000;}
  body.raspberry.bmenu{background-image: url(../img/bg_mobile_menu_rsbr.png?5); background-color: #e09964;}

  .menu1{
    position: absolute;
    top: 40vw;
    left: 10%;
    width: 80%;
    font-family: 'ubuntubold';
    color: #036937;
    font-size: 3.0vh;
    text-decoration: none;
    text-align: center;
    display: none;
    }
  .menu1.new2 span {
    margin: 0 0 0 16vh;
    padding: 0.3vh 3vw;
    background-color: #f764a7;
    text-align: center;
    font-size: 70%;
  }

  .raspberry .menu1.new2 span {
    background-color: #f764a7;
    color: #fff;
  }
  .psh .menu1.new2 span {
    background-color: #d7a360;
    color: #3d2616;
  }
  .ipa .menu1.new2 span {
    background-color: #00b77f;
    color: #002454;
  }
  .vb .menu1.new2 span {
    background-color: #fff;
    color: #010101;
  }

  .menu2{
    position: absolute;
    top: 74vw;
    left: 10%;
    width: 80%;
    font-family: 'ubuntubold';
    color: #036937;
    font-size: 3.0vh;
    text-decoration: none;
    text-align: center;
    display: none;
    }

  .menu3{
    position: absolute;
    top: 86vw;
    left: 10%;
    width: 80%;
    font-family: 'ubuntubold';
    color: #036937;
    font-size: 3.0vh;
    text-decoration: none;
    text-align: center;
    display: none;
    }



  .menu4{
    position: absolute;
    top: 106vw;
    left: 10%;
    width: 80%;
    font-family: 'ubuntubold';
    color: #036937;
    font-size: 3.0vh;
    text-decoration: none;
    text-align: center;
    display: none;
    }



  .menu5{
    position: absolute;
    top: 128vw;
    left: 10%;
    width: 80%;
    font-family: 'ubuntubold';
    color: #036937;
    font-size: 3.0vh;
    text-decoration: none;
    text-align: center;
    display: none;
    }

  .menu6{
    position: absolute;
    top: 128vw;
    left: 10%;
    width: 80%;
    font-family: 'ubuntubold';
    color: #036937;
    font-size: 3.0vh;
    text-decoration: none;
    text-align: center;
    display: none;
    }

    .menu1.new {
      top: 40vw;
    }
    .menu3.new {
      top: 62vw;
    }
    .menu4.new {
      top: 84vw;
    }
    .menu5.new {
      top: 106vw;
    }
    .menu6.new {
      top: 128vw;
    }



  .hv div{
    font-size: 3.1vw;
    margin-top: 13vw;
    margin-left: 2vw;
    margin-bottom: 1vw;
    }


  body.voite .hv{
    top: 228vw;
    }


  .beer1{
    position: absolute;
    top: 66vw;
    left: 11%;
    width: 27.42%;
    height: 112.74vw;
    background-image: url(../img/beer2.png?5);
    background-size: 100% 100%;
    cursor: pointer;
    transition: 0s;
    transition-timing-function: none;
    }
  .beer2{
    position: absolute;
    top: 66vw;
    left: 61%;
    width: 27.42%;
    height: 112.74vw;
    background-image: url(../img/beer1.png?5);
    background-size: 100% 100%;
    cursor: pointer;
    transition: 0s;
    transition-timing-function: none;
    }

  .beer1.hover:hover{
    width: 27.42%;
    height: 112.74vw;
    margin-left: 0%;
    margin-top: 0%;
    opacity: 1;
    transition: 0s;
    transition-timing-function: none;
    }
  .beer2.hover:hover{
    width: 27.42%;
    height: 112.74vw;  
    margin-left: 0%;
    margin-top: 0%;
    opacity: 1;
    transition: 0s;
    transition-timing-function: none;
    }

  .btn_voite1{
    position: absolute;
    top: 50vw;
    left: 9%;
    width: 35.46%;
    height: 13.37vw;
    background-image: url(../img/voite1_mobile.jpg?5);
    background-size: 100% 100%;
    cursor: pointer;
    }

  .btn_voite2{
    position: absolute;
    top: 50vw;
    left: 55.5%;
    width: 35.46%;
    height: 13.37vw;
    background-image: url(../img/voite2_mobile.jpg?5);
    background-size: 100% 100%;
    cursor: pointer;
    }


  .count_voite1{
    position: absolute;
    top: 178vw;
    left: -0.5%;
    width: 50%;
    font-family: 'ubuntulight';
    color: #fff;
    font-size: 16vw;
    text-align: center;
    }

  .count_voite2{
    position: absolute;
    top: 178vw;
    left: 50%;
    width: 50%;
    font-family: 'ubuntulight';
    color: #204635;
    font-size: 16vw;
    text-align: center;
    }


  .title_voite1{
    position: absolute;
    top: 197vw;
    left: 13.5%;
    width: 22%;
    font-family: 'ubuntumedium';
    color: #fff;
    font-size: 2.7vw;
    text-align: center;
    text-transform: uppercase;
    }
  .title_voite2{
    position: absolute;
    top: 197vw;
    left: 51%;
    width: 46%;
    font-family: 'ubuntumedium';
    color: #204635;
    font-size: 2.7vw;
    text-align: center;
    text-transform: uppercase;
    }


  .btn_voite1.ended{display: none;}
  .btn_voite2.ended{display: none;}

  .count_voite1.ended{top: 178vw;}
  .count_voite2.ended{top: 178vw;}
  .title_voite1.ended{top: 197vw;}
  .title_voite2.ended{top: 197vw;}


  .voite1_container{
    background-color: #66a51a;
    position: absolute;
    width: 90%;
    height: 73.53%;
    border: 1px solid #fff;
    top: 26%;
    left: 5%;
    color: #fff;
    }

  .voite1_container .cn_title{
    font-family: 'ubuntumedium';
    color: #fff;
    font-size: 7vh;
    text-align: center;
    border-bottom: 2px solid #fff;
    padding-bottom: 1vh;
    margin: 2vh;
    margin-bottom: 1vh;
    }

  .voite1_container .cn_text{
    font-family: 'ubuntumedium';
    color: #fff;
    font-size: 1.8vh;
    text-align: justify;
    border-right: 0px solid #fff;
    padding-bottom: 1vh;
    padding-right: 0vw;
    margin: 3vh;
    margin-left: 3vh;
    margin-right: 2vh;
    padding-bottom: 5vw;
    width: 87%;
    float: left;
    border-bottom: 2px solid #fff;
    height: auto;
    }

  .voite1_container .cn_params{
    font-family: 'ubuntumedium';
    color: #fff;
    font-size: 2.7vh;
    text-align: center;
    /* border-bottom: 1px solid #fff; */
    padding-bottom: 1vh;
    margin: 3vh;
    margin-left: 0vh;
    margin-right: 0vh;
    width: 100%;
    float: left;
    }

  .voite1_container .cn_params span{
    display: block;
    width: 33%;
    height: 16vw;
    float: left;
    }
  .voite1_container .cn_params span.last{
    display: block;
    width: 50%;
    height: 16vw;
    float: left;
    }

  .voite1_container .cn_params div{
    font-size: 1.1vh;
    margin-bottom: 2vh;
    margin-top: 0.4vh;
    text-transform: uppercase;
    }

  .voite1_container .close{
    position: absolute;
    top: 3%;
    left: 91%;
    width: 6%;
    height: 3%;
    background-image: url(../img/close1.png?5);
    background-size: 100% 100%;
    cursor: pointer;
    }




  .voite2_container{
    background-color: #7fdea9;
    position: absolute;
    width: 90%;
    height: 73.53%;
    border: 1px solid #112d5a;
    top: 26%;
    left: 5%;
    color: #fff;
    }

  .voite2_container .cn_title{
    font-family: 'ubuntumedium';
    color: #112d5a;
    font-size: 7vh;
    text-align: center;
    border-bottom: 2px solid #112d5a;
    padding-bottom: 1vh;
    margin: 2vh;
    margin-bottom: 1vh;
    }

  .voite2_container .cn_text{
    font-family: 'ubuntumedium';
    color: #112d5a;
    font-size: 1.8vh;
    text-align: justify;
    border-right: 0px solid #112d5a;
    padding-bottom: 1vh;
    padding-right: 0vw;
    margin: 3vh;
    margin-left: 3vh;
    margin-right: 2vh;
    padding-bottom: 5vw;
    width: 87%;
    float: left;
    border-bottom: 2px solid #112d5a;
    height: auto;
    }

  .voite2_container .cn_params{
    font-family: 'ubuntumedium';
    color: #112d5a;
    font-size: 2.7vh;
    text-align: center;
    /* border-bottom: 1px solid #fff; */
    padding-bottom: 1vh;
    margin: 3vh;
    margin-left: 0vh;
    margin-right: 0vh;
    width: 100%;
    float: left;
    }

  .voite2_container .cn_params span{
    display: block;
    width: 33%;
    height: 16vw;
    float: left;
    }
  .voite2_container .cn_params span.last{
    display: block;
    width: 50%;
    height: 16vw;
    float: left;
    }

  .voite2_container .cn_params div{
    font-size: 1.1vh;
    margin-bottom: 2vh;
    margin-top: 0.4vh;
    text-transform: uppercase;
    }

  .voite2_container .close{
    position: absolute;
    top: 3%;
    left: 91%;
    width: 6%;
    height: 3%;
    background-image: url(../img/close2.png?5);
    background-size: 100% 100%;
    cursor: pointer;
    }




  .voite1_end{
    background-color: #7fdea9;
    position: absolute;
    width: 86%;
    height: 64.63%;
    border: 1px solid #112d5a;
    top: 27%;
    left: 7%;
    color: #112d5a;
    }
  .voite1_end .end_text{
    font-family: 'ubuntumedium';
    color: #112d5a;
    font-size: 3.2vh;
    line-height: 4.1vh;
    text-align: center;
    width: 80%;
    left: 10%;
    position: absolute;
    top: 19%;  
    }
  .voite1_end .close{
    position: absolute;
    top: 3%;
    left: 92%;
    width: 5.5%;
    height: 3%;
    background-image: url(../img/close2.png?5);
    background-size: 100% 100%;
    cursor: pointer;
    }

  .voite2_end{
    background-color: #66a51a;
    position: absolute;
    width: 86%;
    height: 64.63%;
    border: 1px solid #fff;
    top: 27%;
    left: 7%;
    color: #fff;
    }
  .voite2_end .end_text{
    font-family: 'ubuntumedium';
    color: #fff;
    font-size: 3.2vh;
    line-height: 4.1vh;
    text-align: center;
    width: 80%;
    left: 10%;
    position: absolute;
    top: 19%;  
    }
  .voite2_end .close{
    position: absolute;
    top: 3%;
    left: 92%;
    width: 5.5%;
    height: 3%;
    background-image: url(../img/close1.png?5);
    background-size: 100% 100%;
    cursor: pointer;
    }

  body.voite .text{
      color: #fff;
      top: 27vw;
      left: 5%;
      width: 90%;
      text-align: center;
      text-transform: uppercase;
      font-size: 5.8vw;
      line-height: 9vw;
      }
  body.voite .text2{
      position: absolute;
      color: #fff;
      top: 29%;
      left: 10%;
      width: 80%;
      text-align: center;
      text-transform: uppercase;
      font-size: 3.2vh;
      font-family: 'ubuntulight';
      line-height: 4.3vh;
      }

    .pc{display: none;}
    .mob{display: block;}

  .text.voite_end{
    text-align: center;
    font-size: 5.49vw;
    line-height: 5.9vw;
    left: 5%;
    width: 90%;
    }
  
  .text.sourale{
    top: 58vw;
    }

  body.ipa .text.voite_end{
    top:50vw;
    }
  
  }

  body.voite .text2.ended{display: block;}

  body {
    -webkit-transition: opacity 3s ease-out 1s;
     -moz-transition: opacity 3s ease-out 1s;
     -o-transition: opacity 3s ease-out 1s;
     transition: opacity 3s ease-out 1s;
  }

  .hlw_btn_top, .hlw_btn_top:visited, .hlw_btn_top:link {
    background-color: #a50003;
    display: inline-block;
    padding: 0 3vh;
    color: #fff;
    text-decoration-line: none;
    font-family: 'ubuntubold';
    text-transform: uppercase;
    margin-top: 18.4vh;
    font-size: 3.2vh;
    line-height: 1;
    text-align: center;

    -webkit-transition: transform 2.5s ease-out 0.5s;
     -moz-transition: transform 2.5s ease-out 0.5s;
     -o-transition: transform 2.5s ease-out 0.5s;
     transition: transform 2.5s ease-out 0.5s;
   }
  .hlw_btn_top:hover {
    box-shadow: 0 0 25px rgba(255,255,255,0.3);
    background-color: #c60003;
    cursor: pointer;
   }
  .hlw_btn_winners, .hlw_btn_rules {
    background-color: #a50003;
    display: inline-block;
    color: #fff;
    text-decoration-line: none;
    font-family: 'ubuntubold';
    text-transform: uppercase;
    text-align: center;
    font-size: 1.6vh;
    line-height: 1;
   }

  .hlw_mob_doc {
    float: left;
  }
  .hlw_btn_rules {
    padding: 0.7vh 2.4vh;
  }
  .hlw_btn_winners {
  	padding: 1.5vh 1.7vh;
    margin-left: 1vw;
  }

  .hlw_btn_winners:hover, .hlw_btn_rules:hover {
    box-shadow: 0 0 15px rgba(255,255,255,0.3);
    background-color: #a50003;
    cursor: pointer;
  }


@media (min-width: 1080px) { 
  body.hlw .hlw_beer{
    background-image: url(../img/halloween2/cans_of_beer.png?6);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center top;
    pointer-events: none;
    position: absolute;
    top: 29vh;
    left: 0%;
    width: 42vh;
    height: 54vh;
  }

  .hlw_right {
    margin-left: 7.1vw;
    display: inline-block;
    position: absolute;
    margin-top: 9vh;
    width: 48vh;
  }
  .txt_tour {
  	font-size: 3.5vh;
    color: #a50003;
    font-family: 'ubuntubold';
    text-shadow: 0px 0px 4vw #fff;
    display: inline-block;
    padding-left: 3vh;
    position: relative;
    bottom: 5vh;
  }

}
  body.hlw .smm {
    background-image: url(../img/halloween2/smm_hlw2.png?5);
    top: 84%;
    left: 2vw;
  }

 .hlw_text table .hlw_gift img {
    background-image: radial-gradient(circle at 50% 50%, rgba(241,255,59,44%) 5%, rgba(89,93,12,8%) 60%, transparent 35%);
  }

  .hlw_text {
    width: 100%;
    position: relative;
    top: 51%;
    left: 0;
    font-family: 'ubuntumedium';
    font-size: 2.2vh;
    line-height: 1.2;
    color: #fff;
  }
  
  .hlw_text span {
    font-size: 2.2vh;
  }

  .hlw_text span a, .hlw_text span a:link, .hlw_text span a:visited {
    font-size: 2.2vh;
    text-decoration-line: none;
    border-bottom: 1px dashed #fff;
    color: #fff;
  }

  .hlw_text span a:hover {
    color: #f4b82e;
    cursor: pointer;
    border-bottom: 1px dashed #f4b82e;
  }

  .hlw_text a:hover img {
    opacity: 0.7;
  }

  .hlw_text table img {
    width: 3vh;
    padding-right: 1vh;
    margin-top: 0.2vh;
  }

  .hlw_text table {
    border-collapse: collapse;
  }

  .hlw_text table td {
    padding: 0 0 1.8vh 0;
    margin: 0;
  }

  .hlw_dark {
    opacity: 0.1;
  }

  .hlw_anim {
    -moz-transform: rotate(-10deg); /* Для Firefox */
    -ms-transform: rotate(-10deg); /* Для IE */
    -webkit-transform: rotate(-10deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(-10deg); /* Для Opera */
    transform: rotate(-10deg);
  }
  .hlw_gift {
    position: absolute;
    top: 55vh;
  	left: auto;
    width: 34vh;
    height: 34vh;
    right: 0;
    margin-left: 0;
  }
  
  .hlw_gift img {
    position: absolute;
    width: 25vh;
    top: 0;
    right: 3vw;
  }
  .hlw_gift img:hover {
    cursor: pointer;
  }

  .hlw_gift.rotation img  {
    -webkit-animation-name: rotation;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -webkit-animation-timing-function: ease-out;
    -moz-animation-name: rotation;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: 2;
    -moz-animation-timing-function: ease-out;
    -o-animation-name: rotation;
    -o-animation-duration: 1s;
    -o-animation-iteration-count: 2;
    -o-animation-timing-function: ease-out;
    animation-name: rotation;
    animation-duration: 1s;
    animation-iteration-count: 2;
    animation-timing-function: ease-out;
  }

  @-webkit-keyframes rotation {
      0% {-webkit-transform:rotate(0deg);
            -moz-transform:rotate(0deg);
            -o-transform:rotate(0deg);
            transform:rotate(0deg);}
      100% {-webkit-transform:rotate(360deg);
          -moz-transform:rotate(360deg);
          -o-transform:rotate(360deg);
          transform:rotate(360deg);}
  }
  @-moz-keyframes rotation {
      0% {-webkit-transform:rotate(0deg);
          -moz-transform:rotate(0deg);
          -o-transform:rotate(0deg);
          transform:rotate(0deg);}
      100% {-webkit-transform:rotate(360deg);
          -moz-transform:rotate(360deg);
          -o-transform:rotate(360deg);
          transform:rotate(360deg);}
  }
  @-o-keyframes rotation {
      0% {-webkit-transform:rotate(0deg);
          -moz-transform:rotate(0deg);
          -o-transform:rotate(0deg);
          transform:rotate(0deg);}
      100% {-webkit-transform:rotate(360deg);
          -moz-transform:rotate(360deg);
          -o-transform:rotate(360deg);
          transform:rotate(360deg);}
  }
  @keyframes rotation {
      0% {-webkit-transform:rotate(0deg);
          -moz-transform:rotate(0deg);
          -o-transform:rotate(0deg);
          transform:rotate(0deg);}
      100% {-webkit-transform:rotate(720deg);
          -moz-transform:rotate(720deg);
          -o-transform:rotate(7260deg);
          transform:rotate(720deg);}
  }


  .hlw_gift p {
    position: absolute;
    bottom: 0;
    right: 4vh;
    color: #fff;
    line-height: 1;
    font-size: 2.4vh;
    font-family: 'ubuntumedium';
    margin: 0;
  }
  .hlw_imgs img {
    width: 35vh;
  }
  .hlw_imgs {
    margin: 3vh auto 0 0;
  }
  .hlw_imgs div {
    margin-right: 1vh;
    display: inline-block;
  }

@media (max-width: 1080px) {
	.txt_tour {
  	font-size: 4vw;
    color: #a50003;
    font-family: 'ubuntubold';
    text-shadow: 0px 0px 4vw #fff;
  }
  .hlw_btn_top {
    margin: 25% auto 2% !important;
    font-size: 4vw !important;
    padding: 0 3% !important;
  }
  .hlw_imgs div {
    margin: 3% auto !important;
    display: block;
  }
  .hlw_imgs {
    margin: 0 auto !important;
    text-align: center;
  }
  .hlw_imgs img {
    width: 55vw;
  }
  .txt_version {
	 	font-size: 260%;
	 	padding-left: 3vw;
	 }

  .hlw_img_smm {
    top: 70vh;
    position: absolute;
    margin: 0 auto;
    left: 0; 
  }

  .hlw .container {
    text-align: center;
    height: 230vw;
  }

  .hlw_right, .hlw_beer, .main_smm {
    display: none !important;
  }

  body.hlw .hlw_beer_mob {
    background-image: url(../img/halloween2/cans_of_beer.png?6);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left top;
    pointer-events: none;
    position: relative;
    display: block;
    width: 70vw;
    margin: 0 auto;
    height: 62vw;
  }

  .hlw_btn_rules, .hlw_btn_winners {
    position: relative;
    margin-bottom: 0;
    font-size: 2vw;
    margin-right: 1vw;
  }
  .hlw_btn_rules {
    padding: 1vw 2.5vw;
  }
  .hlw_btn_winners {
    padding: 2vw 2.5vw;
  }

  .hlw .smm {
    position: relative;
  }

  .hlw_mob_info {
    display: block;
    margin: 0 auto;
  }

  .hlw_text {
    width: 100%;
  }

  .hlw_text table {
    margin: 0 auto;
    text-align: left;
    padding-left: 5%;
    border-spacing: 0 0;
    border-collapse: collapse;
    font-size: 2.8vw;
    line-height: 1.1;
    width: 47vw;
  }
  .hlw_text table td {
    padding: 0 0 2.2vw 0;
  }

  .hlw_text table span, .hlw_text table p, .hlw_text table span a, .hlw_text table p a {
    font-size: 2.5vw !important;
    line-height: 1.1;
    margin: 0;
  }
  .hlw_text table span a, .hlw_text table p a {
    text-decoration-line: none;
    border-bottom: 1px dashed #fff;
    color: #fff;
  }


  body.hlw .smm {
    background-image: url(../img/halloween2/smm_hlw2.png?5);
    margin-top: 1vw;
    left: 0;
    width: 62%;
  }
  body.hlw.hlwimg .smm {
    top: 5vw;
  }

  .hlw_mob_info .hlw_gift {
    position: absolute;
    top: 115vw;
    right: 0;
    width: 40vw;
    height: 46vw;
    text-align: left;
  }

}

.hlw_gift img {
    background-image: radial-gradient(circle at 50% 50%, rgba(241,255,59,44%) 5%, rgba(89,93,12,8%) 60%, transparent 35%);
    -webkit-border-radius: 2vh;
    -moz-border-radius: 2vh;
    border-radius: 2vh;
  }

.spider {
    -webkit-transition: top 2.5s ease-out 0.5s;
    -moz-transition: top 2.5s ease-out 0.5s;
    -o-transition: top 2.5s ease-out 0s;
    transition: top 1.5s linear 0s;
    position: fixed;
    top: -250px;
    right: 0;
    width: 150px;
}
.spider.active {
    top: 0;
}

@media (max-width: 1080px){
  .hlwimg_wrap {
    top: 18vw;
  }
  .hlwimg_wrap .smm {
    height: 4vw;
  }
  .hlw_gift.web {
    display: none;
  }
  .hlw_text table img {
    width: 4vw;
  }
  body.hlw .hv{
  background-image: url(../img/hv2.png?5);
  background-size: 98% 67%;
  color: #555;
  position: absolute;
  top: 173vw;
  }
  body.hlw.hlwimg .hv{
  top: 250vw;
  }

  body.hlw .hv div {
    bottom: 0;
    position: relative;
  }

  .hlw_text table .hlw_gift img {
    position: absolute;
    width: 30vw;
    top: -6vw;
    right: 4vw;
  }

  .hlw_gift p {
    top: 25vw;
    right: 6vw;
    font-size: 2.6vw;
    line-height: 1.2;
  }
}

@media (min-width: 1080px){
  .hlwimg_wrap .smm {
    top: 60vh !important;
    width: 55vh;
    height: 4vh;
  }

  .hlwimg_wrap {
    height: 50vh;
    position: absolute;
    top: 18vh;
  }

}


.hlwimg_wrap .hlw_btn_top {
  margin-top: 0;
  margin-bottom: 3vh;
}