html {scroll-behavior: smooth;}

/* Fonts */
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(../fonts/sora/xMQbuFFYT72XzQspDre2.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url(../fonts/sora/xMQbuFFYT72XzQUpDg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*{margin: 0;padding: 0;box-sizing: border-box;}
body{font-family: Sora;font-size: 17px;font-weight: 400;line-height: 30px;letter-spacing: -0.04em;}
a{text-decoration: none;transition: all 0.3s ease-in-out;}
a:hover{transition: all 0.3s ease-in-out;}
.theme-btn{font-family: Sora;font-size: 16px;font-weight: 400;line-height: 20px;letter-spacing: -0.04em;border-radius: 10px;
  background-color: #E15C27;padding: 13px 20px;color: #fff;display: inline-flex;align-items: center;justify-content: space-between;
}
.theme-btn:hover{background-color: #000;color: #fff;}
.theme-btn i{margin-right: 10px;font-size: 18px;}
.theme-btn img{max-width: 20px;width: 100%;height: 20px;-o-object-fit: contain;object-fit: contain;margin-right: 10px;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%);
}
/* Animations */
:root {
	--animate-duration: 1.5s;
	--animate-delay: 1s;
	--animate-repeat: 1;
}
.animated {
	animation-duration: 1s;
	animation-duration: var(--animate-duration);
	animation-fill-mode: both;
}
@-webkit-keyframes animationFade{
	0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
	100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{
	0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
	100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}
}
@media (prefers-reduced-motion) {
	[data-animation] {
		animation: none;
	}
}
/* Header */
.site-header {padding: 10px 0 0;position: relative;background: #E15C27;z-index: 1;}
.site-header .header-menu.fixed {
  position: fixed;padding: 5px 0;
  background: #E15C27;width: 100%;top: 0;left: 0;z-index: 9;
  -webkit-animation-name: animationFade;
  -o-animation-name: animationFade;
  animation-name: animationFade;
  -webkit-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-box-shadow: 0px 2px 30px rgba(0,0,0,0.19);
  box-shadow: 0px 2px 30px rgba(0,0,0,0.19);
}
.site-logo{max-width: 340px;width: 100%;margin: 0 auto 20px;text-align: center;}
.site-logo img{width: 100%;height: auto;}
.site-logo a{color: #fff;text-transform: uppercase;font-size: 35px;font-weight: 500;}
.header-menu{text-align: center;}
.header-menu ul.slimmenu li{display: inline-block;background: transparent;border: none;float: none;}
.header-menu ul.slimmenu li a{font-size: 17px;font-weight: 400;color: #fff;line-height: 30px;position: relative;padding: 0 15px;display: inline-block;
  -webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;
}
.header-menu ul.slimmenu li a img{
  max-width: 25px;width: 100%;height: auto;margin-right: 8px;vertical-align: -5px;
  filter: brightness(0) saturate(100%) invert(79%) sepia(60%) saturate(0%) hue-rotate(200deg) brightness(110%) contrast(107%);
}
.header-menu ul.slimmenu li a:hover{color: #000;background: transparent;}
.header-menu ul.slimmenu li .submenu {
  background: #e15c27;width: 210px;text-align: left;padding: 0;
}
.header-menu ul.slimmenu li .submenu li{display: block;}
.header-menu ul.slimmenu li .submenu li a{font-size: 16px;padding: 5px 15px;}
.header-menu ul.slimmenu li .sub-toggle {
  width: auto;
  background: transparent;
}
.header-menu ul.slimmenu li .sub-toggle i{display: none;}
.header-menu ul.slimmenu li .sub-toggle:before{content: '\f107';font-family: 'FontAwesome';font-size: 16px;margin-top: -2px;color: #fff;}

.content-row{margin: 30px 0;}
.content-row .heading{text-align: center;}
.content-row .heading h2{color: #000;margin-bottom: 15px;}
.content-row .heading h2 span{color:#E15C27;}
.content-row h3{margin-bottom: 15px;color: #000;}
.content-row h3 a{color: #000;}
.content-row h3 a:hover{color: #E15C27;}
.content-row p, p{text-align: center;margin-bottom: 20px;}
.content-row p a, p a{color: #E15C27;font-weight: 500;}
.content-row p a:hover, p a:hover{color: #000;}
.content-row p:last-child, p:last-child{margin-bottom: 0;}
.content-row p img{max-width: 350px;width: 100%;}
.btns-sec{
  text-align: center;margin-bottom: 30px;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-column-gap: 10px;-moz-column-gap: 10px;column-gap: 10px;row-gap: 10px;
  display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
table thead th {
  background: #000 !important;color: #fff !important;font-weight: 500;text-align: center;border-right: 1px solid #383838;vertical-align: middle;
}
table thead th h2{font-size: 30px;font-weight: 500;margin: 0;}
table thead th h2 span{color: #E15C27;}
table tbody td{border-right: 1px solid #ede9e9;text-align: center;font-weight: 500;border-bottom: 1px solid #ede9e9;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
table tbody tr:hover td, table tbody tr:hover th{background: #E15C27;color: #fff;}
table tbody td:last-child{border-right: 1px solid #ede9e9;vertical-align: middle;}
table tbody td:first-child {background: #e15c27;color: #fff;}
table tbody td i{margin-right: 8px;color: #e15c27;}
table.no-td-color tbody td:first-child{background: transparent;color: #000;border-left: 1px solid #ede9e9;border-right: 1px solid #ede9e9;}
table.no-td-color tbody tr:hover td{background: #E15C27;color: #fff;}
table tbody th{vertical-align: middle;text-align: center;border-left:1px solid #ede9e9;border-right:1px solid #ede9e9;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.table-of-contents{margin: 40px 0 60px;}
.table-of-contents-box {
  background: #f4f4f4;max-width: 650px;width: 100%;padding: 30px 20px;border-radius: 20px;
}
.table-of-contents-box ul{counter-reset: item;padding-left: 20px;}
.table-of-contents-box > ul{padding-left: 0;margin: 0;}
.table-of-contents-box ul li{list-style: none;}
.table-of-contents-box ul li a {
  color: #000;font-size: 14px;display: block;
  -webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;
}
.table-of-contents-box ul li a:hover{color: #E15C27;}
.table-of-contents-box ul li a:before{
  content: counters(item, '.', decimal) '. ';
  display: inline-block;
  counter-increment: item;
  flex-grow: 0;
  flex-shrink: 0;
  margin-right: .2em;
}
img.emoji{width: 1em !important;height: 1em;display: inline;vertical-align: -0.1em;}
@-webkit-keyframes blinker{
  50%{opacity:0}
}
@keyframes blinker{
  50%{opacity:0}
}
.blink{-webkit-animation:blinker .75s linear infinite;animation:blinker .75s linear infinite;}
.share-btns{
  margin-top: 8px;
  display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
  -webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
}
.st-btn {
  display: inline-flex;align-items: center;border-radius: 10px;font-size: 16px;padding: 5px 18px;color: #fff;margin: 0 3px;
  transition: 0.4s ease-in-out;
}
.st-btn img {
  max-width: 18px;height: 18px;width: 100%;margin-right: 8px;-o-object-fit: contain;object-fit: contain;
  -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(12%) hue-rotate(357deg) brightness(102%) contrast(105%);
  filter: brightness(0) saturate(100%) invert(100%) sepia(3%) saturate(12%) hue-rotate(357deg) brightness(102%) contrast(105%);
}
.whatsapp-btn{background: #25D366;}
.whatsapp-btn:hover{background: #2cfb7a;}
.messanger-btn{background: #24a0ed;}
.messanger-btn:hover{background: #76caff;}
.fb-btn{background: #3b5998;}
.fb-btn:hover{background: #5b89e9;}
.st-total{margin-right: 8px;text-align: center;}
.st-total h6 {margin: 0;font-size: 18px;line-height: 18px;color: #000;}
.st-total small {color: #898585;font-size: 12px;line-height: 12px;}

.site-footer{background: #000;padding: 20px 0;}
.ft-left p{color: #fff;margin: 0;text-align: left;font-size: 15px;}
.ft-left p a{color: #E15C27;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.ft-left p a:hover{color: #fff;}
.ft-menu{text-align: right;}
.ft-menu ul{padding: 0;margin: 0;}
.ft-menu ul li{display: inline-block;margin-left: 15px;}
.ft-menu ul li a{color: #fff;font-size: 16px;display: inline-block;-webkit-transition: 0.4s ease-in-out;-o-transition: 0.4s ease-in-out;transition: 0.4s ease-in-out;}
.ft-menu ul li.active a {
  color: #e15c27;
}
.ft-menu ul li a:hover{color: #E15C27;}

.result-page{position: relative;background: url(../images/bg-1.jpeg) no-repeat scroll bottom -100px center;padding: 50px 0 80px;}
.show-result{position: relative;background: #000;padding: 30px 0;margin: 20px 0;overflow: hidden;border-radius: 10px;}
.show-result:before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0;
  max-width: 460px;
  width: 100%;
  height: 431px;
  background: url(https://bestanimations.com/media/fireworks2/2046004305fireworks-animation-19-2.gif) no-repeat scroll;
  background-size: 100% auto;
  right: 20px;
  margin: 0 auto;
}
.result-box{text-align: center;max-width: 950px;width: 100%;margin: 0 auto;position: relative;}
.result-box .d-flex {
  -ms-flex-pack: distribute;justify-content: space-around;-webkit-box-align: center;-ms-flex-align: center;align-items: center;
}
.person-info{margin-bottom: 20px;}
.person-info h2 {color: #fff;font-size: 55px;line-height: 55px;font-family: "Dancing Script", cursive;}
.person-info p{color: #000;font-weight: 500;}
.show-result .person-info p{color: #fff;}
.ticket-info{
  background: url(../images/coupon-shape.png) no-repeat scroll;background-size: 100% 100%;background-position: center;padding: 27px 90px;
}
.ticket-info h4 {
  font-family: "Dancing Script", cursive;font-size: 30px;font-weight: 600;color: #000;
}
.ticket-info p {font-weight: 600;margin-bottom: 0;}

.ticket-info h2 {
  margin: 0;font-weight: 600;font-size: 30px;color: #e15c27;font-family: "Dancing Script", cursive;letter-spacing: 1px;
}
.ticket-info h2 span {
  margin-bottom: 8px;
  display: block;
}
.ticket-info h2 small {
  display: block;
  line-height: 20px;
}
.ticket-info h2 small em {
  font-style: normal;
  display: block;
  transform: rotate(66deg);
}
.result-box h1 {
  font-family: "Dancing Script", cursive; 
  font-size: 55px;
  font-weight: 600;
  color: #e15c27;
  text-shadow: 0px 4px 1px rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
}
.winner-tag {
  background: url(../images/ribbon.png) no-repeat scroll;
  background-size: contain;
  color: #fff;
  text-align: center;
  background-position: center top;
  max-width: 400px;
  width: 100%;
  height: 70px;
  margin: 30px auto;
}
.winner-tag h2 {
  margin: 0;
  font-family: "Dancing Script", cursive;
  font-size: 40px;
  letter-spacing: 3px;
  line-height: 50px;
  font-weight: 600;
}
.winner-person figure {
  max-width: 300px;width: 100%;height: 300px;margin: 0 auto;
  background: #E15C27;border-radius:70px 0px;padding: 10px;
}
.winner-person figure img{
  width: 100%;height: 100%;-o-object-fit: cover;object-fit: cover;border-radius: 60px 0px;
}

.coming-soon, .error-page{margin: 60px 0;}
.coming-soon .soon-box {
  background: url(../images/blast.svg) no-repeat scroll center;
  background-size: contain;background-position: center center;
  max-width: 750px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 180px 0;
}
.coming-soon .soon-box h1{margin: 0;color: #fff;font-weight: 600;font-size: 60px;line-height: 60px;font-family: "Dancing Script", cursive;}

/*** 404 page **/

.error-box{display: flex;align-items: center;justify-content: center;position: relative;}
.cog-wheel1, .cog-wheel2{
  transform:scale(0.7);
}
.cog1, .cog2{
  width:40vmin;
  height:40vmin;
  border-radius:50%;
  border:6vmin solid #e15c27;
  position: relative;
}
.cog2{
  border:6vmin solid #4f8a8b;
}
.top, .down, .left, .right, .left-top, .left-down, .right-top, .right-down{
  width:10vmin;
  height:10vmin;
  background-color: #e15c27;
  position: absolute;
}

.cog2 .top,.cog2  .down,.cog2  .left,.cog2  .right,.cog2  .left-top,.cog2  .left-down,.cog2  .right-top,.cog2  .right-down{
  background-color: #4f8a8b;
}

.top{
  top:-14vmin;
  left:9vmin;
}

.down{
  bottom:-14vmin;
  left:9vmin;
}

.left{
  left:-14vmin;
  top:9vmin;
}

.right{
  right:-14vmin;
  top:9vmin;
}

.left-top{
  transform:rotateZ(-45deg);
  left:-8vmin;
  top:-8vmin;
}

.left-down{
  transform:rotateZ(45deg);
  left:-8vmin;
  top:25vmin;
}

.right-top{
  transform:rotateZ(45deg);
  right:-8vmin;
  top:-8vmin;
}

.right-down{
  transform:rotateZ(-45deg);
  right:-8vmin;
  top:25vmin;
}
.cog2{
  position: relative;
  left:-10.2vmin;
  bottom:10vmin;
}
.first-four{
  position: relative;
  left:6vmin;
  font-size:40vmin;color: #000;
}
.second-four{
  position: relative;
  right:18vmin;
  z-index: -1;
  font-size:40vmin;color: #000;
}

.wrong-para{
  position: relative;
  padding:3vmin 0 0;
  font-weight:600;
  color:#000;font-size: 20px;
}


/* Responsive */

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

@media only screen and (max-width: 1599px) {
  

}
@media only screen and (max-width: 1366px) {
  
    
}

@media only screen and (max-width: 1199px) {

}

@media only screen and (min-width: 1024px) and (max-width:1199px){
}

@media only screen and (max-width: 1023px) {
 
}

@media only screen and (min-width:768px) and (max-width:1023px){
  .show-result:before{bottom: 100px;}
  .result-box .d-flex{display: block !important;}
  .show-result{padding: 20px 15px;}
  .person-info h2, .result-box h1{font-size: 45px;line-height: 45px;}
  .ticket-info h4{font-size: 25px}
  .ticket-info p{margin-bottom: 0 !important;}
  .ticket-info h2{font-size: 25px;}
  .winner-tag h2{font-size: 35px;line-height: 46px;}
    

}
@media only screen and (max-width:767px){
  .site-logo{margin-bottom: 10px;}
  .site-logo a{font-size: 30px;}
  .header-menu ul.slimmenu li a{font-size: 16px;}
  .header-menu ul.slimmenu li .submenu li a {font-size: 14px;padding: 7px 15px;display: block;line-height: 20px;}
  .header-menu ul.slimmenu li .submenu{left: inherit;right: 0;width: 200px;}
  table thead th{font-size: 15px;}
  .table>:not(caption)>*>*{padding: 8px 3px;}
  table tbody td{font-size: 14px;}
  .theme-btn{font-size: 15px;padding: 9px 18px;}
  .st-btn{font-size: 0;padding: 3px 18px;}
  .st-btn img{margin-right: 0;}
  .fw-btns-mobile .theme-btn {
    -webkit-box-flex: 100%;-ms-flex: 100%;flex: 100%;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;
  }
  .content-row .heading h2{font-size: 20px;}
  .content-row{margin: 25px 0 15px;}
  .content-row p, p{margin-bottom: 15px;font-size: 15px;line-height: 24px;}
  table thead th h2{font-size: 20px;}
  table tbody th{font-size: 15px;}
  .content-row ul li{font-size: 15px;}
  .content-row h3{font-size: 19px;}
  .table-of-contents{margin: 30px 0;}
  .site-footer .ft-left {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}
  .ft-left p{text-align: center;font-size: 14px;}
  .ft-menu{text-align: center;}
  .ft-menu ul li a{font-size: 14px;}

  .show-result:before{bottom: 100px;}
  .result-box .d-flex{display: block !important;}
  .show-result{padding: 20px 15px;}
  .person-info h2, .result-box h1{font-size: 45px;line-height: 45px;}
  .ticket-info h4{font-size: 25px}
  .ticket-info p{margin-bottom: 0 !important;}
  .ticket-info h2{font-size: 25px;}
  .winner-tag h2{font-size: 35px;line-height: 46px;}
}

@media only screen and (max-width: 575px){

}

@media only screen and (max-width: 480px){ 
}