@import url('https://fonts.googleapis.com/css2?family=Bellota:wght@400;700&display=swap');
html,body{margin:0; padding:0;  display: flex; background-color: #fff;}
body{color:#214E31;}
@media screen and (orientation:portrait) { 
  #l{display:none;}
  #namesl{display:none;}
  #namesp{width:50%;}
  .msgHldr{
    text-align: center;
      top:26%; margin:auto;
      position:absolute;
      padding-left:14%;
      padding-right:14%;
      
  }
  .names{ top:16% !important; }
  #rotate{position:absolute; bottom:20%; right:42%; width:18vw;}
  .msg{font-size:4vw !important; }
} 
@media screen and (orientation:landscape) { 
  #p{display:none;} 
  #namesp{display:none;}
  #namesl{width:72%;}
  .msgHldr{
    text-align: center;
      top:36%; margin:auto;
      position:absolute;
      padding-left:12%;
      padding-right:12%;
  }
  #rotate{display:none;}
}


@media (max-width : 1000px) {
  
  #confirm{
    width:80% !important;
    font-size:6vw !important;
  }
  .confirmBtn2{font-size:4vw !important; vertical-align: middle !important; padding-top:10px;}
  #namesl,#namesp{width:67vw !important;}

}
@media (max-width : 500px) {
  
  #confirm{
    width:90% !important;
    font-size:8vw !important;
  }
  .confirmBtn2{font-size:6vw !important; vertical-align: middle !important;}
  #namesl,#namesp{width:85vw !important;}
  
}



.bckg{width:100vw; height:100vh; position:relative; margin:auto;}
.names{
  top:14%; margin:auto;
  position:absolute;
  text-align: center;
  width:100%;
}

#namesl,#namesp{width:42vw;}


.msg{
    font-family: 'Bellota';
    font-size:1.8vw; 
    text-align: center;
    line-height: 150%;
}
.btnsHldr{
    top:70%; margin:auto;
    text-align: center;
    position:absolute;
    width:100%; 
}

.btn{
    border:3px dotted #afafaf;
    border-radius: 3px;
    text-align: center;
    font-family: 'Bellota', cursive;
    cursor:pointer;
    font-size:3.0vw;
    color:#214E31;
    
}


#confirm{
    font-family: 'Bellota', cursive;
    border: none;
    background-color: rgba(226, 226, 228, 0.775);
    opacity: 0.9;
    color:#fff;
    font-size:2.0vw;
    border-radius: 20px;
    text-align: center;
    width:30%;
    vertical-align: middle;
}
.confirmTitle{
  background-color:#1e8034;
  padding:2px;
}

.confirmBtn{
  width:80%;
  background-color: #a7d88e;
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 12px;
}
.confirmBtn2{
  width:70%;
  background-color: #a7d88e;
  border-radius: 10px;
  display: inline-block;
  vertical-align: middle;
  font-size:2vw;
  cursor:pointer;
}
textarea:focus, input:focus{
  outline: none;
}
.confirmMsg{
  width:80%;
  font-family: 'Bellota', cursive;
  border-radius: 10px;
  border-style: 1px splid #fff;
  font-size:2.2vw;
}

.confirmIcon{
  vertical-align: middle;
  float:left;
}
.fancybox-content{
  padding: 0 !important;
}

.fancybox-close-small{
  display:none !important;
}

#starshine {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  
  overflow: hidden;
}    
    
.shine {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
 background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAAJYCAYAAAC+ZpjcAAABN2lDQ1BBZG9iZSBSR0IgKDE5OTgpAAAokZWPv0rDUBSHvxtFxaFWCOLgcCdRUGzVwYxJW4ogWKtDkq1JQ5ViEm6uf/oQjm4dXNx9AidHwUHxCXwDxamDQ4QMBYvf9J3fORzOAaNi152GUYbzWKt205Gu58vZF2aYAoBOmKV2q3UAECdxxBjf7wiA10277jTG+38yH6ZKAyNguxtlIYgK0L/SqQYxBMygn2oQD4CpTto1EE9AqZf7G1AKcv8ASsr1fBBfgNlzPR+MOcAMcl8BTB1da4Bakg7UWe9Uy6plWdLuJkEkjweZjs4zuR+HiUoT1dFRF8jvA2AxH2w3HblWtay99X/+PRHX82Vun0cIQCw9F1lBeKEuf1UYO5PrYsdwGQ7vYXpUZLs3cLcBC7dFtlqF8hY8Dn8AwMZP/fNTP8gAAAAJcEhZcwAACxMAAAsTAQCanBgAAATzaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjYtYzE0MiA3OS4xNjA5MjQsIDIwMTcvMDcvMTMtMDE6MDY6MzkgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjEtMDYtMDRUMTE6NDE6NTgrMDM6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIxLTA2LTA0VDExOjQ0OjIzKzAzOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIxLTA2LTA0VDExOjQ0OjIzKzAzOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo0N2Y5MmNmYS1iOTY1LTdjNDItOWViYy0xYTEzOThhYjlhYTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDdmOTJjZmEtYjk2NS03YzQyLTllYmMtMWExMzk4YWI5YWE3IiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDdmOTJjZmEtYjk2NS03YzQyLTllYmMtMWExMzk4YWI5YWE3Ij4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0N2Y5MmNmYS1iOTY1LTdjNDItOWViYy0xYTEzOThhYjlhYTciIHN0RXZ0OndoZW49IjIwMjEtMDYtMDRUMTE6NDE6NTgrMDM6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz54dbZrAAASO0lEQVR4nO3dSZLjvBVGUeUfXqe36mV5KA+q0qlUy+YDCTycM8lqFCX2uAFRrK/r9Xr59t///PsCMIDr5XL5OnshAF755+wFAACoRmABAIQJLACAMIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACRnO9+wnQHYEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQWAECYwAJGcv3we4AuCCwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACRnFd+ecApxFYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSxgBNedfw9wKIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQWAECYwAIACBNYQO+u4dcBNCewAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1hAz66NXw/QhMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQWAECYwKKS69kLAMRcL85pBiawqMYFGcbnPGZ4AotKvv7+dHGGcd2ev18vXwWdE1hUI7JgXOKKMgQWFd1GltCCMYgrShFYVHV7gRZZ0DdxRTkCi1mILOiTuKIkgUVl9xdrkQV9EVeUJbCoTmRBf+7vjxRXlCOwmIHIgn7cn3/iipIEFrMQWXA+5x3TEFjMRGTB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VCWuYAzOT0oSWFQkrmAst+epWSxKEFhUI65gTLdfQBFZDE9gUYm4gvGJLEoQWFQkrmBsIovhCSwq8YwrqMO5zNAEFgC9ElkMS2ABAIQJLACAMIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAnr21fj1AE0ILACAMIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQW0Luv8OsAmhNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBYzga+ffAxxKYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawgFF8rfxzgNMILACAMIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQWAECYwAJG8vXh9wBdEFgAAGECCwAgTGABAIQJLACAMIEFABAmsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhAksAIAwgQUAECawAADCBBYAQJjAAgAIE1gAAGECCwAgTGABAIQJLGA0X3c/AbojsAAAwgQWAECYwAIACBNYAABhAgsAIExgAQCECSwAgDCBBQAQJrAAAMIEFgBAmMACAAgTWAAAYQILACBMYAEAhP0PB6jjAMkAL60AAAAASUVORK5CYII=);
background-repeat: no-repeat;
background-position:center;
background-size: 100% 100%;
  overflow: hidden;
  
  color: tansparent;
  -moz-opacity: 0.0;
  opacity: 0.0;
  animation: glitter 6s linear 0s infinite normal;
  -webkit-animation: glitter 6s linear 0s infinite normal;
  -moz-animation: glitter 8s linear 0s infinite normal;
  -ms-animation: glitter 8s linear 0s infinite normal;
  -o-animation: glitter 8s linear 0s infinite normal;
}

.shine.small {
  width: 20px;
  height: 20px;
}

.shine.medium {
  width: 30px;
  height: 30px;
}

.shine.large {
  width: 70px;
  height: 70px;
}

/*CSS3 keyframes for glittering effect*/
@-webkit-keyframes glitter {
  0% {
    -webkit-transform: scale(0.3) rotate(0deg);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(1) rotate(360deg);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(0.3) rotate(720deg);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0.3) rotate(0deg);
    opacity: 0;
  }
}