.fade {
   opacity: 0;
   -webkit-transition: opacity 0.25s linear;
      -moz-transition: opacity 0.25s linear;
       -ms-transition: opacity 0.25s linear;
        -o-transition: opacity 0.25s linear;
           transition: opacity 0.25s linear;
 }
body, html{
  height: 100%;
  margin: 0;
  color: #232323;
  direction: rtl;
  font-family: 'Rubik', sans-serif;
  max-width: 100%;
  overflow-x: hidden;
}

#bottomlogo > img {
    width: 100%;
}

form{
    text-align: center;
}

div {
    /* bordder: 1px solid black; */
}

.mbh-10{
	margin-bottom: 7vh;	
}
.main{
  background-color: #FAB429;
  min-height: 100%;
  overflow-y: clip;
}

.main.prize{
  background-color: #79366F;
}

.bottom_disclaimer{background-color: black; color: white; padding: 3vw 5vw; text-align: right; font-size: 3.5vw;}

.inner_main{width:100%;background-color: #FAB429;}

.text_div{
  width:100%;direction:rtl;text-align: center;color: white;
  background-image: url(../img/dog_steps_purple.svg);
  background-size:100%;
  background-repeat: no-repeat;
  background-position-y: 5vw;
}
.text_div .title{font-size: 13vw;font-weight: bold;line-height:1}
.text_div .text{font-size: 6vw; line-height: 1; font-weight: 400;}
.text_div .text > span{display:block;}
.logo_div{width:100%;text-align: center;padding:5vw 0;padding-top: 13vw;}
.logo_div img{width:18vw;}

/* chiwawa item */

.items_flex{
  display: flex; color: #79366F; width: 87vw; margin: 0 auto;
  font-size: 4.3vw; line-height: 4.7vw; font-weight: 500; padding: 5vw 0;
}
.item_num{width: calc(100% / 3);}
.items_num_img{display:block; margin-bottom: 1vw;}
.items_num_img > img{height: 7vw;}
.items_text{display:block;}
.items_text span{display:block;}

.scratch_rect { width: 72vw; margin: 0 auto; height: 43vw;background-color: #BFBFBF;}
.dog_head{width: 100%; position: relative; padding-bottom: 32vw; text-align: center; align-items: center; z-index: 2;}
.dog_head img{position: absolute;}
.dog_head img.dog_head_img{ width: 44vw; top: 0.3vw; right: 24vw; }
.dog_head img.dog_head_every_img{ width: 40vw; left: 3vw; top: -7vw; }

.bottom_div{width:100%;}
.bottom_purple{width:100%;position:relative;}

.gta_bottom{padding-bottom:45vw;position: relative;}
.bottom_orange{position: absolute; left: 12vw; top: 5vw;
    font-size: 5.5vw; text-align: right; font-weight: 700; color: #79366F; line-height: 1;
  }
.snifim_bottom{position:relative;}
.bottom_cat_img{position:absolute; width:116vw;left:21vw;top:-45vw}

#numwin{width:100%; margin:5vw auto;text-align:center;display:none;}
#numwin_phone{background-color: #ffe6e6; display: inline-block; padding: 1vw 6vw; margin-top: 1vw;}
.numwin_text{
  color: #79366F;
  font-size: 5vw;
  line-height: 1.1;
  font-weight: 600;
  margin-bottom: 3vw;
}

.bottom_text_div{width: 78vw;margin: 0 auto;padding: 10vw 0;color:white;text-align: right;}
.bottom_title{font-size: 6vw; font-weight: 500; margin-bottom: 1vw;}
.bottom_snifim{}
.snif{display:flex;line-height:1;font-size: 4vw;margin-bottom: 2vw;}
.snif_city{color: #FAB429; width: 18vw; font-weight: 500;}
.snif_address{flex:1;font-weight: 100;}
.bottom_phone{display:flex;justify-content: center;margin-top: 3vw;}
.bottom_phone_img{width: 6vw; margin-left: 2vw;}
.phone_number{font-size:5vw;}
.bottom_steps_img{position: absolute; left: 8vw; top: 10vw; width: 32vw;}
/* chiwawa item - end */

#topimg{
  width: 100%;
}

#scratch {
  position: relative;
  display: inline-block;
  font-size: 0;
  width:100%;
  text-align: center;
}

#scratch img {
  /* visibility: hidden; */
  width: 75vw;
  margin: 0 auto;
}

#scratchpre{visibility: hidden;}

#scratchafter{
  display: none;
  width: 100%;
  text-align: center;
}

#scratchafter img{
  width: 75vw;
  margin: 0 auto;
}

#scratch canvas {
  position: absolute;
  width: 78vw;
  height: auto;
  top: 0; 
  right: 0; 
  left: 0;
  margin: 0 auto;
  cursor: pointer;
  will-change: transform;
  transform: translate3d(0,0,0);
  -ms-touch-action: none;
  -webkit-touch-action: none;
  -moz-touch-action: none;
  touch-action: none;

  transition: opacity 500ms ease-out 0ms, height 0ms linear 500ms;
}
#scratch.revealed canvas {
  opacity: 0;
  height: 0;
}

#footer{
    position: relative;
    width: 100%;
    height: 0;
}

#bottomlogo{
    position: relative;
	padding:10vw; 
	width: 100%;
    opacity:1;
    z-index:1;
}

.mission{
  direction: rtl;
  text-align:center;
  width: 100%;
  font-weight:600;
  font-size: 9vw;
  margin-bottom:5vw;
  color: #ae0408;
}

.mission a{
  color: black;
}

.formdiv{
  width:100%;
  direction:rtl;
  text-align: right;
  padding: 5vw 8vw;
  padding-bottom: 55vw;
  background-image: url(../img/dog_1.png);
  background-size: 60vw;
  background-repeat: no-repeat;
  background-position: right 45vw;
  position:relative;
}

.terms-div{
    text-align: center;
    font-size: 4.5vw;
    color: white;
    font-weight: 600;
}

.formdiv input[type=text]{
  border: 0; outline: none; color: #a90304; background-color: white;
  font-size: 4.8vw; width: 100%; font-weight: 100; display: block;
  padding: 1.5vw 0; margin-bottom: 3vw; padding-right: 3vw;
  -webkit-border-radius: 5.5vw; -moz-border-radius: 5.5vw; border-radius: 5.5vw;
}

.formdiv input[type=text]::placeholder{
    color: #000;
}
.formdiv input[type=text]:-ms-input-placeholder{
    color: #000;
}
.formdiv input[type=text]::-ms-input-placeholder {
    color: #000;
}

.formdiv input[type=checkbox]{
  height: 4.5vw;
  width: 4.5vw;
  margin-top: 1.4vw;
}

.form-check-label{
  padding-right: 6vw;
  color: #000 !important;
  font-weight: 100 !important;
}

.formdiv img{
  width:44%;
  margin-right: 1%;
}

input[type=checkbox].mukcheck {
  display: none;
}

img#checkimg{
  width: 4.5%;
  padding-bottom:0.8%;
}

#scratchdiv{
    position: relative;
    margin-bottom: 2vw;
    pointer-events: none;
}

#scratch_disclaimer{
    width: 100%; text-align: center; color: white; font-size: 4vw; line-height: 1.2; margin-top: 3vw; margin-bottom: 7vw;
}

#termdiv{
    background-color: #1f1f1f;
    position: fixed;
    width:auto;
    right: 5%;
    left: 5%;
    top: 5%;
    bottom:5%;
    display:none;
    border: 1px solid #121010;
    text-align: right;
z-index:99999999;
}

#terms-text{
    height:90%;
    color: white;
    direction: rtl;
    text-align: right;
    padding: 5%;
    font-size: 5vw;
    overflow: auto;
}

#terms-buttons{
    border-top: 1px solid #121010;
    padding: 1px;
    height:10%;
    
}

#terms-buttons button{
    display:inline-block;
    width: 49.3%;
    text-align: center;
    font-size: 7vw;
    height:100%;
    background-color: #12100f;
    border: 0;
    outline: none;
    color:white;
}

.sendbtn{
  display: inline-block; background-color: #79366F; border: 0; outline: none;
  font-weight: 500; color: white; margin: 0 auto; padding: 1vw 7vw; padding-bottom: 1.5vw;
  font-size: 5vw; -webkit-border-radius: 10vw; -moz-border-radius: 10vw; border-radius: 10vw;
}

a.sendbtn:link,
a.sendbtn:visited,
a.sendbtn:hover,
a.sendbtn:active {
    color: black;
}

img.baloon_img{
  height: 35vw; position: absolute; right: 50vw; bottom: 20vw;
}
img.monge_logo{
  width: 40vw !important; position: absolute; left: 8vw; bottom: 5vw;
}

/* commercial text */

.commercial_text{font-size:5vw;}


/* Absolute Center Spinner */
.loading {
  display:none;
  position: fixed;
  z-index: 99999999999999999999999999999999999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/* Transparent Overlay */
.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
    background: radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0, .8));

  background: -webkit-radial-gradient(rgba(20, 20, 20,.8), rgba(0, 0, 0,.8));
}

/* :not(:required) hides these rules from IE9 and below */
.loading:not(:required) {
  /* hide "loading..." text */
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loading:not(:required):after {
  content: '';
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -0.5em;
  -webkit-animation: spinner 150ms infinite linear;
  -moz-animation: spinner 150ms infinite linear;
  -ms-animation: spinner 150ms infinite linear;
  -o-animation: spinner 150ms infinite linear;
  animation: spinner 150ms infinite linear;
  border-radius: 0.5em;
  -webkit-box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
box-shadow: rgba(255,255,255, 0.75) 1.5em 0 0 0, rgba(255,255,255, 0.75) 1.1em 1.1em 0 0, rgba(255,255,255, 0.75) 0 1.5em 0 0, rgba(255,255,255, 0.75) -1.1em 1.1em 0 0, rgba(255,255,255, 0.75) -1.5em 0 0 0, rgba(255,255,255, 0.75) -1.1em -1.1em 0 0, rgba(255,255,255, 0.75) 0 -1.5em 0 0, rgba(255,255,255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}