/*!
Theme Name: Competitii 2026
Theme URI: https://lightpixel.ro
Author: LightPixel
Author https://lightpixel.ro
Description: Theme created by LightPixel
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: competitii
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/


/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	GENRAL STUFF	*/

:root {
  --orange: #ec6624;
  --gray: #1c1b21;
  --light-gray: #F5F6F7;
}
.text-orange{color:var(--orange)}
.text-gray{color:var(--gray)}

html { scroll-behavior: smooth; }
body {margin: 0;font-family:"Open Sans",sans-serif;font-size:18px;color:#000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
a,a:visited, a:active, a:link{text-decoration:none;color:inherit}
button, a, input{outline:none;transition:all .4s}
button, input{border-radius:0px !important;}
.font0{font-size:0px;}
.container-large,.woocommerce-page .site-main{width:1370px;margin:0 auto;max-width:100%;}
.clear{clear:both}
.break{flex-basis: 100%;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
input[type=number] { -moz-appearance: textfield;}

a:hover{color:var(--orange) !important}
.mobile-menu{display:none;border:none;padding:5px !important;font-size:18px !important;vertical-align:middle;background:inherit;color:inherit}
.mobile-menu .bx{font-size:27px !important;vertical-align:middle;margin-right:2px !important}
.custom-logo{max-width:100%;height:auto;}

.page-content{min-height:300px;}
table, button, .button, .wc-block-components-notice-banner, .wp-block-woocommerce-checkout-order-summary-block,.woocommerce-form{border-radius:0px !important}
.woocommerce-message:focus-visible {outline: none !important;}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	H1-H6	*/

h1{font-size:34px;font-weight:900;line-height:1em;vertical-align:middle;margin-bottom:25px;color:var(--orange)}
h2{font-size:26px;font-weight:900;line-height:1em;vertical-align:middle;margin-bottom:25px;color:var(--orange)}
h3{font-size:21px;font-weight:900;line-height:1em;vertical-align:middle;color:var(--gray)}

.page-header{background:var(--light-gray);text-align:center;padding:40px 10px;margin-bottom:30px;border-bottom:solid 1px #ddd}
.page-title{margin:0px;text-transform:uppercase;color:var(--gray);}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	BUTTONS	 */
/* Normally Red */
.woocommerce-error { background-color: var(--orange); color:#fff !important; border-top-color:#fff !important;}
/* Normally Blue */
.woocommerce-info { background-color: var(--orange); color:#fff !important; border-top-color:#fff !important;}
/* Normally Green */
.woocommerce-message { background-color: var(--orange); color:#fff !important; border-top-color:#fff !important;}
/* Normally Green */
body.single-product .woocommerce-message .message-inner { background-color: var(--orange); color:#fff !important;border-top-color:#fff !important;}
.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before, body.single-product .woocommerce-message .message-inner::before{ color:#fff !important;}
.wc-forward{background:var(--gray) !important;color:#fff !important}
.wc-forward:hover{color:#fff !important}
.wp-element-button{background:var(--orange) !important;color:#fff !important;border:none !important}
.wp-element-button:hover{background:var(--gray) !important;color:#fff !important}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	HEADER	*/

.main-header{flex-flow: row wrap;}
.header-bar{background:var(--gray);color:#fff;line-height:50px;font-size:16px;padding:0px 10px}
#header-social, #header-account{padding:0px 30px;border-left:solid 1px #777}
#header-account a{margin-left:30px;display:flex;align-items: center}
#header-account a:first-child{margin-left:0px !important}
#header-account .bx{color:var(--orange);font-size:30px;margin-right:5px}
#header-social span{padding:0px 20px 0px 0px}
.social{background:#000;color:#fff;border-radius:100%;width:35px !important;height:35px !important;line-height:35px;margin:0px 4px !important;display:flex;align-items: center;justify-content: center;}
.social .bxl{font-size:20px;}
#mobile-menu-container{display:none}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	FOOTER	*/
.main-footer{background: var(--gray);padding-top:65px;padding-bottom:65px;color:#fff}
.menu-bottom{list-style:none;padding:0px;margin:0px}
.menu-bottom li{font-size:18px; font-weight:400;line-height:1.8em;}
.menu-bottom li a{font-size:inherit;font-weight:inherit;}
.menu-bottom .sub-menu{list-style:none;padding:0px;margin:0px}
.menu-bottom .sub-menu li{font-weight:500}

.copyright{background:#fff; color:#000; margin:15px;font-size:16px;}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	MENIU	*/
.menu-top{list-style:none;margin:0px;padding:0px}
.menu-top>li{display:inline-block;font-size:17px;color:#000;margin:0px 10px;position:relative}
.menu-top>li>a{font-size:inherit;font-weight:inherit;color:inherit;}

.menu-top .sub-menu{position:absolute;top:100%;left:0px;list-style:none;padding:20px;margin:0px;z-index:99994;width:auto;background:#000;min-width:300px;opacity:0;visibility:hidden;transition:.4s all}
.menu-top>li:hover .sub-menu{opacity:1;visibility:visible;}

.menu-top .menu-item-has-children::before{content:"\f292";font-size:26px;font-family:boxicons !important;font-weight:400;width:1em;height:1em;line-height:1em;position:absolute;top:0px;right:-38px;display:block;padding:0px;text-align:center;transition:.3s all}
.menu-top .menu-item-has-children:hover::before{transform:rotate(180deg)}
.menu-top .sub-menu li{white-space:nowrap;padding:10px 10px;border-bottom:solid 1px #333}
.menu-top .sub-menu li a{text-transform:uppercase;width:100%;display:block}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	NAVIGATION	*/
.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {color: #fff;text-decoration:none;}
.navigation li {display: inline;border:solid 1px #fff;}
.navigation li a,.navigation li a:hover,.navigation li.active a,.navigation li.disabled {background-color: var(--gray);border-radius: 0px; cursor: pointer;display:inline-block;padding:5px 10px}
.navigation li a:hover, .navigation li.active a { background-color: var(--orange); color:#fff !important}	

.centered-image{text-align:center;}
.centered-image::before{content:" ";display:inline-block;width:0px;height:100%;font:0px;vertical-align:middle;}
.centered-image img{max-width:100%;max-height:100%;width:auto;height:auto;vertical-align:middle;}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	PAGES	*/
.page-content>ul>li,.page-content p>ul>li, .page-content p{margin-bottom:1.5em}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	FRONT PAGE	*/
.front-page-content{max-width:100% !important;}
.front-page-title{text-transform:uppercase;text-align:center;color:inherit;font-size:40px;margin-bottom:65px}
.dark-container{background:var(--gray);color:#fff}
.light-container, .light-gray{background:var(--light-gray);color:#000}
.light-gray{font-size:15px;padding:7px 10px}
.light-gray .bx{font-size:17px;}
.highlights strong{display:block;}

.highlights .bx{font-size:32px;color:var(--orange);}
.highlights-bottom .bx{font-size:40px;color:var(--orange);}
.highlights-bottom {font-size:14px}
.highlights-bottom strong{font-size:16px}
.highlights-column1{border-right:solid 1px #ddd}
.highlights-column1 .col-lg-3, .highlights-bottom .col-lg-3{border-right:solid 1px #ddd}
.highlights-column1 .col-lg-3:last-child, .highlights-bottom .col-lg-3:last-child{border-right:none}
.highlights-column2{padding-left:40px}

.skill-zone .bx, .skill-zone .bxf{font-size:27px}

.postal-entry-info .bx{font-size:40px;}
.free-route-small{display:block;font-size:13px;font-weight:300;padding-bottom:20px;color:var(--gray) !important}

.dark-container,.light-container,.winners-container{padding:0px 0px 65px 0px;}
.winners-container{padding-top:65px}
.anchor{display:block;padding-top:55px}
.wp-block-image{margin:0px}
.front-anchors{background:#fff;padding:25px 10px;max-width:100%}
.front-anchors a{font-size:20px;padding:0px 15px;white-space:nowrap;display:inline-block}

.winners-container{background-image:url('assets/img/winners.png');background-color:var(--gray);background-repeat:none;background-position:center center;background-size: cover;color:#fff}
.winners-title h2{color:inherit;text-transform:uppercase;text-align:center;font-size:40px}
.winners-title a{color:var(--orange);font-size:24px;font-weight:600}

.winners-thumbs{padding-top:3%;padding-bottom:15%}
.winner-thumb{width:110%; height:auto;position:absolute; top:0px; left:0px; clip-path: polygon(25% 6.67%, 75% 6.67%, 100% 50%, 75% 93.33%, 25% 93.33%, 0% 50%);transition:all .4s;filter: contrast(1.3);}
.winner-wrap {filter: drop-shadow(10px 4px 3px rgba(0, 0, 0, .75));}
.winners-thumbs .ratio img:hover{transform: scale(1.1);filter: contrast(1);}
.winners-thumbs .ratio:first-child img{top:0%}
.winners-thumbs .ratio:nth-child(2) img{top:45%}
.winners-thumbs .ratio:nth-child(3) img{top:0%}
.winners-thumbs .ratio:nth-child(4) img{top:45%}
.winners-thumbs .ratio:nth-child(5) img{top:0%}

.winner a small{color:var(--gray) !important}
.winner a h3{color:var(--orange) !important;font-size:20px !important;line-height:1.3em;font-weight:700;margin-bottom:40px;}

.app-container .img-fluid{margin:70px 80px}
.app-container h2{font-size:80px;color:#000;text-align:center;margin-bottom:80px}
.app-links{padding:15%}
.app-links img{transition:all .4s}
.app-links a:hover img{transform:scale(1.1)}

.carousel-control-prev,.carousel-control-next{width:5%}
.carousel-item-meta{position:absolute;left:5%;top:52%}
.carousel-title{font-size:3.64vw;color:#fff !important;font-weight:700;text-shadow: 4px 4px 7px #000;margin:0px 0px 1.56vw 0px}
.carousel-price{font-size:2.08vw;color:var(--orange) !important;font-weight:700;text-shadow: 3px 3px 6px #000;}
.carousel-button{font-size:1.35vw;color:#fff !important;background:var(--orange) !important;font-weight:600;border:none;padding:10px 40px;margin-top:1.56vw}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	CATALOG	*/
.woocommerce-products-header__title{font-size:40px;text-align:center;margin:65px}
.product-image{margin-bottom:15px;position:relative}
.catalog-extragere{position:absolute;left:0px;top:-1.4em;z-index:999;font-size:13px;display:block !important;height:1.6em !important;width:100% !important;}
.catalog-extragere div{background:var(--orange);color:#fff;padding:0px 10px}
.expirata div{background:var(--gray)}
.woocommerce-loop-product__title{font-size:20px !important;line-height:1.3em;font-weight:700;color:var(--orange);text-align:center;padding:0px 8px!important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow:hidden;margin-bottom:5px !important}
.woocommerce-loop-product_cash_alternative{font-size:16px !important;line-height:1.3em;height:1.4em;font-weight:400;color:#000;text-align:center;padding:0px 10px !important;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow:hidden;margin-bottom:0px !important;}
.loop-competition-title{height:79px;overflow:hidden;margin-bottom:15px;}
.woocommerce ul.products li.product .price{color:var(--orange) !important;font-weight:700;display:block;text-align:center;font-size:20px;margin:0px;}
.woocommerce ul.products li.product .price ins{text-decoration:none}
.woocommerce ul.products li.product .price del{color:var(--gray)}
.woocommerce ul.products li.product{background-color:var(--light-gray);box-shadow:4px 4px 14px rgba(0, 0, 0, .15);text-align:center;}
.woocommerce ul.products li.product .button, .entries-list button{background-color:var(--orange);color:#fff;border-radius:0px;width:calc(100% - 40px);margin:0px 20px 20px 20px;box-sizing:border-box;}
.woocommerce ul.products li.product .button:hover, .entries-list button:hover{background-color:var(--gray);color:#fff !important}
.entries-list>div{background-color:var(--light-gray);margin-bottom:4em}
.entries-list button{border:none;margin-bottom:2em}
.woocommerce ul.products li.product .sold, .entries-list .sold{padding:5px 20px 15px 20px;font-size:13px;font-weight:400;color:#000}
.woocommerce ul.products li.product .progress, .entries-list .progress{height:6px;border-radius:0px;background:#000}
.woocommerce ul.products li.product .progress-bar, .entries-list .progress-bar{background-color:var(--orange)}
.woocommerce ul.products li.product{margin-right:1.5em;width:23.50%}
.woocommerce ul.products li.last{margin-right:0px !important}
.ratio-custom{--bs-aspect-ratio: 66.66%;}
.woocommerce-info{border-top-color:var(--gray)}
.woocommerce-info::before{color:var(--orange)}

.free_postal_entry{background-color:var(--orange);color:#fff;border-radius:0px;padding:5px 15px !important;border:none}
.label_extragere{background-color:var(--gray);color:#fff;border-radius:0px;padding:5px 15px !important;border:none}

.send{display:inline-flex;width:45px;height:45px;text-indent:-999px;margin-right:4px;vertical-align:middle;white-space: nowrap;overflow: hidden;}
.sendfacebook{background:url('assets/img/facebook-icon.jpg');}
.sendmessenger{background:url('assets/img/messenger-icon.jpg');}
.sendwhatsapp{background:url('assets/img/whatsapp-icon.jpg');} 
.sendemail{background:url('assets/img/email-icon.jpg');}
.sendx{background:url('assets/img/twitter-icon.jpg');}
.sendinstagram{background:url('assets/img/instagram-icon.jpg');}

#postalEntryModal{z-index:9999}
.entry-image img{max-width:100%;height:auto}
.entries-image .catalog-extragere{top:-1em !important}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	PRODUSE	*/
.single-product .product{margin-top:30px}
.single-product .product_title{font-size:34px; text-align:center;color:#000;font-weight:700;margin-top:5px !important}

.single-product .price{display:block;width:100%;text-align:center;color:var(--orange) !important;font-size:24px;font-weight:900;margin-bottom:5px}
.single-product .price ins{text-decoration:none}
.single-product .price del{color:var(--gray)}

.single-product .sold{padding:0px 0px 15px 0px;font-size:16px;font-weight:400;color:#000}
.single-product .progress{height:6px;border-radius:0px;background:#00;}
.single-product .progress-bar{background-color:var(--orange)}
.progress-container{position:relative}
.bonus-draw{display:block;position:absolute;bottom:-10px;width:15px;line-height:27px;text-align:center;height:30px;background:#EC6624;color:#fff !important;z-index:9999;border-radius:4px}
.bonus-draw .bxs-star{font-size:11px !important;color:#fff !important}

.premiu-alternativ{display:block;text-align:center;color:var(--orange);font-size:20px;font-weight:400}
.jumbo-info{font-size:30px;color:var(--orange);font-weight:700;text-align:center;margin:20px 0px}

.woocommerce-product-gallery__wrapper{text-align:center}
.woocommerce-product-gallery__image{border:solid 1px #ccc;margin:1%;width:18% !important}
.woocommerce-product-gallery__image:first-child{border:none;width:98% !important}

.competition-timer{margin-top:50px}
.live-closing{font-size:16px;margin:20px 0px 40px 0px}
.live-closing p{margin-bottom:5px}
.live-closing a{font-weight:700}

.time-container{font-size:22px;font-weight:600;}
.timer{margin-top:5px;margin-bottom:30px;text-align:center}
.timer span{color:#EC6624;font-size:45px;font-weight:300}
.timer div{display:inline-block;min-width:50px;font-weight:400}
.time-spacer{min-width:none !important;padding:0px 10px;color:#EC6624;font-size:40px;vertical-align:top;font-weight:300}
.questions{font-size:16px;margin:40px 0px}
.questions select{font-size:16px;padding:5px 10px;border:solid 2px var(--gray);border-radius:0px;margin-top:4px;outline:none}

.add_to_cart_container_quantity,.add_to_cart_container{float:none !important;background:var(--light-gray);padding:15px 20px;border:solid 1px #ddd;text-align:center;width:100%}
.add_to_cart_container_quantity{padding-top:30px}
.add_to_cart_container{font-size:14px;font-weight:500}
#entry_price{font-size:20px;font-weight:600}
.plus,.minus{width:40px;font-weight:700}
.plus,.minus,.qty{height:40px;border:solid 1px var(--gray);background:#fff;color: var(--gray)}
.plus:hover,.minus:hover{background:var(--orange);color:#fff}
.woocommerce div.product form.cart .button{float:none !important;background:var(--orange);color:#fff;font-size:20px;padding:25px 110px;margin:20px 10px 10px 10px}
.custom-tab{text-align:left;margin-bottom:50px}
.custom-tab-title{font-size:34px;border-bottom:solid 1px #bbb;padding:30px 0px;margin-bottom:30px}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	TICKETS	*/
 
 .entries-title{color:var(--orange);text-align:center;font-size:22px;font-weight:900}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	SLIDER	*/
/*
Source - https://stackoverflow.com/a/68907798
Posted by Kurtil, modified by community. See post 'Timeline' for change history
Retrieved 2026-03-26, License - CC BY-SA 4.0
*/
input[type='range'] {
  width: 100%;
}

input[type='range'],
input[type='range']::-webkit-slider-runnable-track,
input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type='range']::-webkit-slider-runnable-track {
  height: 6px;
  background: linear-gradient(to right, var(--orange), var(--orange)), var(--gray);
  background-size: var(--background-size, 0%) 100%;
  background-repeat: no-repeat;
  border-radius: 0px;

}

input[type='range']::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: var(--orange) !important;
  border: none;
  outline:none !important;
  outline-style: none !important;   
  border-radius: 50%;
  margin-top: -9px;
}

/** FF*/

input[type="range"]::-moz-range-progress {
  background-color: var(--orange);
  border-radius: 0px;
  height:6px;
}

input[type="range"]::-moz-range-track {
  background-color: var(--gray);
  border-radius: 0px;
  height:6px;
}

input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  cursor: pointer;
  background: var(--orange) !important;
  outline:none !important;
  outline-style: none !important; 
  border: none;
  border-radius: 50%;
  margin-top: -7px;
}

.tooltip-inner{min-width:4em;background:var(--orange)}
.tooltip-arrow{color:var(--orange)}
.tooltip-arrow::before{border-top-color:var(--orange) !important}
.range-slider{margin:0px 12px}
.popOver{display:inline-block;}
/* ---------------------------------------------------------------------------------------------------------------------------------------- */
/*	RESPONSIVE	*/
@media screen and (max-width: 1600px) {
	.app-container .img-fluid{margin:70px 0px}	
	.app-container h2{font-size:60px;}
}
@media screen and (max-width: 1400px) {
	.custom-logo{max-width:180px}
	.app-links{width:100%;padding-left:0px;padding-right:0px}
}
@media screen and (max-width: 1200px) {
	.custom-logo{max-width:160px !important}
	.menu{display:none;}
	.app-container h2{font-size:50px;}
	.app-links img{max-width:99% !important}
	.app-links{padding:5% 1%}
	.winners-thumbs{padding:4%}
	#header-account{ flex:1; background:#fff;color:#000;border:none;padding-right:5px}
	
	.mobile-menu, #header-account a{display:flex;align-items: center;height:100% !important;margin:0px;padding:0px 15px;}
	
	#header-account, #header-logo{border-bottom:solid 1px #777}
	
	.main-header{position:relative}
	#mobile-menu-container{max-width:75%;width:300px;position:absolute;right:0px;top:100%;height:auto;background:#fff;border:solid 1px #000;z-index:9999}
	.menu-top>li{display:block;line-height:2em !important;border-bottom:solid 1px #ddd;margin:0px;padding:10px;text-align:center}
	#header-menu .d-flex{display:block !important}
	#header-message{line-height:1.5em !important; text-align:center !important}
	#header-social, #header-message{border:none;padding-top:10px;padding-bottom:10px}
	#header-social span{display:none}
}
@media screen and (max-width: 992px) {
	.front-anchors{padding:10px 0px}
	.front-anchors a{font-size:18px;padding:2px 15px}
	.custom-logo{max-width:140px !important}
	.menu-bottom li{display:block;padding:8px 0px;line-height:1.3em}
	.main-footer .img-responsive{width:100% !important}
	.winners-thumbs{padding:6%}
	.carousel-item-meta{top:44%}	
	.woocommerce .entry-summary{padding:10px}
	

	.highlights-column1, .highlights-column1 .col-lg-3{border-right:none !important}
	.highlights-column2{padding-left:0px !important;border-top:solid 1px #ddd;padding-top:30px;margin-top:20px}	
	.highlights-bottom .col-lg-3{border-right:none !important;margin-bottom:40px}
}
@media screen and (max-width: 768px) {
	#header-account span{display:none}
}
@media screen and (max-width: 390px) {

}



/*--------------------------------------------- 
/* TICKETS
--------------------------------------------- */


.ticket {
    position: relative !important;
    background: #1c1b21;
    padding: 7px 3px;
    font-size:14px;
    font-weight:normal;
    line-height:20px;
	color:rgba(255,255,255,.6); 
}

.tichet-activ{
	background:#EC6624 !important;
}

.ticket:after {
    content: "";
    position: absolute !important;
    z-index: 100;
    top: 0;
    left: 0;
    border-right: #fff 7px solid;
    border-bottom: #fff 7px solid;
    -moz-border-radius: 0 0 20px 0;
    -webkit-border-radius: 0 0 20px 0;
    border-radius: 0 0 20px 0;
}
.ticket:before {
    content: "";
    position: absolute !important;
    z-index: 100;
    top: 0;
    right: 0;
    border-left: #fff 7px solid;
    border-bottom: #fff 7px solid;
    -moz-border-radius: 0 0 0 20px;
    -webkit-border-radius: 0 0 0 20px;
    border-radius: 0 0 0 20px;
}

.ticket-content {
    outline: 1px rgba(255,255,255,0.4) dashed;
    border: 1px rgba(255,255,255,0.3) dashed;
    padding: 4px 10px 4px 20px;
    text-decoration: none;
    color: #fff;
    white-space: nowrap;
}

.ticket-content:after {
    content: "";
    position: absolute !important;
    z-index: 100;
    bottom: 0;
    left: 0;
    border-right: #fff 7px solid;
    border-top: #fff 7px solid;
    -moz-border-radius: 0 20px 0 0;
    -webkit-border-radius: 0 20px 0 0;
    border-radius: 0 20px 0 0;
}
.ticket-content:before {
    content: "";
    position: absolute !important;
    z-index: 1000;
    bottom: 0;
    right: 0;
    border-left: #fff 7px solid;
    border-top: #fff 7px solid;
    -moz-border-radius: 20px 0 0 0;
    -webkit-border-radius: 20px 0 0 0;
    border-radius: 20px 0 0 0;
}
.ticket .circle {
    position: absolute !important;
    z-index: 100;
    border: 5px #fff solid;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin-top: -5px;
    width: 0;
    height: 0;
    top: 50%;
    left: 8px;
    -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
        0 1px 0 rgba(255,255,255,0.3);
    -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
        0 1px 0 rgba(255,255,255,0.3);
    box-shadow: 0 -1px 0 rgba(0,0,0,0.5),
        0 1px 0 rgba(255,255,255,0.3);
}

.show-instant i,.show-instant svg,.instant-tickets{
    transition:all .4s;
}
.opened-instant i,.opened-instant svg{transform:rotate(180deg);}

.tichet-prize{color:#fff;font-weight:bold;font-size:18px; line-height:22px}
.tichet-activ .tichet-bilet{color:#fff !important}

.ticket .show-instant, .tichet-instant .show-instant{
    position: absolute !important;
    z-index: 99;
    top: 0;
    right: 0;
    width:80px;
    height:100%;    
    background:var(--orange);
    color:#fff;
    border:none;
}
.tichet-instant .show-instant .bx{font-size:30px;margin-top:10px}
.instant-imagine{width:150px;height:auto;}
.tichet-instant .show-instant::before{
    content: "";
    position: absolute !important;
    z-index: 1000;
    top: 50%;
    margin-top:-17px;
    right: -10px;
    border: #fff 14px solid;
    -moz-border-radius: 14px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
.tichet-instant{
    position: relative !important;
    background: var(--light-gray);
    padding: 7px 3px;
    font-size:14px;
    font-weight:normal;
    line-height:20px;
	color:var(--gray); 
}
.ticket-instant-content {
    padding: 4px 10px 4px 20px;
    text-decoration: none;
    color: var(--gray);
    white-space: nowrap;
    display:flex;
}
.tichet-instant-prize{color:var(--gray);font-weight:bold;font-size:18px; line-height:22px}
.idesc-tab{display:none}
.instant-tickets{background:var(--light-gray)}
/*--------------------------------------------- 
/* WHEEL OF FORTUNE
--------------------------------------------- */
.subscribe-button, .jumbo-button{margin:50px;}
.jumbo-button a{font-size:45px;padding:20px 60px;background:#fff;color:#000}
.subscribe-button{font-size:20px;padding:10px 40px;background:var(--orange);color:#fff !important}
.subscribe-button:hover{color:#fff !important}
.wheel-title{font-size:75px; color:var(--orange);margin-bottom:50px;}
.don-be-sad{font-size:55px; color:var(--gray);margin:50px 0px;font-weight:700;line-height:1.1em}
.numbered-list{
	line-height:21px;
	list-style:none;
	margin:0px;
	padding:0px;
}
.numbered-list li{
	position:relative;
	margin-bottom:50px;
	margin-left:50px;
	line-height:30px;
}
.numbered-list .number{
	position:absolute;
	top:0px;
	left:-50px;
	display:inline-block;
	font-size:30px;
	background:var(--orange);
	color:#fff;
	font-weight:600;
	min-height:40px;
	min-width:40px;
	line-height:40px;
	text-align:center;
}
.wheel-of-fortune{
	width:500px;
	max-width:100%;
	aspect-ratio: 1 / 1;
	position:relative;
	padding:0px !important;
}
.wheel-of-fortune svg{
	position:absolute;
	width:130%;
	height:130%;
	left:-15%;
	top:-15%;
}
.wheel-of-fortune ul{
	--_items: 10;
	all: unset;
	aspect-ratio: 1 / 1;
	container-type: inline-size;
	direction: ltr;
	display: grid;
	place-content: center end;
	clip-path: inset(0 0 0 0 round 50%);
}
.wheel-of-fortune ul li {
	&:nth-of-type(1) { --_idx: 1; }
	&:nth-of-type(2) { --_idx: 2; }
	&:nth-of-type(3) { --_idx: 3; }
	&:nth-of-type(4) { --_idx: 4; }
	&:nth-of-type(5) { --_idx: 5; }
	&:nth-of-type(6) { --_idx: 6; }
	&:nth-of-type(7) { --_idx: 7; }
	&:nth-of-type(8) { --_idx: 8; }
	&:nth-of-type(9) { --_idx: 9; }
	&:nth-of-type(10) { --_idx: 10; }
}
.wheel-of-fortune ul li {
	align-content: center;
	background: deepskyblue;
	display: grid;
	grid-area: 1 / -1;
	list-style: none;
	box-sizing: border-box;
	transform-origin: center left;
	place-content:center right;
	padding-right:3cqi;
	width: 50cqi;
	background: hsl(calc(360deg / var(--_items) * calc(var(--_idx))), 100%, 75%);
	height: calc((2 * pi * 50cqi) / var(--_items));		
	rotate: calc(360deg / var(--_items) * calc(var(--_idx) - 1)) ;
	clip-path: polygon(100% 0%, 0% 50%, 100% 100%);
	clip-path: polygon(100% -2%, 0% 50%, 100% 102%);
}
.wheel-of-fortune ul li>div{
	align-content: center;
	place-content:center center;
	background: #000;
	width: 94cqi;	
	height: 94cqi;	
	clip-path: polygon(50% 50%,102% 100%,102% 0%);	
	border:none;
	border-radius:100%;
}
.wheel-of-fortune ul li div div{
	align-content: center;
	place-content:center center;	
	text-align:right;
	background: #fff;
	background: radial-gradient(circle,rgba(255, 255, 255, 1) 60%, rgba(0, 0, 0, .8) 100%);
	font-family:"Staatliches", sans-serif;
	font-weight:900;
	font-size: 6cqi;
	line-height:5cqi;
	padding-right: 1ch;
	transform-origin: center right;
	width: 100%;	
	height: 100%;
	clip-path: polygon(50.5% 50%,102% 33.2%,102% 66.8%);	
	border:none;
	border-radius:100%;	
}
.bigwin{background: radial-gradient(circle,rgba(236, 102, 36, 1) 60%, rgba(0, 0, 0, .8) 100%) !important;color:#fff}
.bigloose{background: radial-gradient(circle,rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, .8) 100%) !important;color:#fff}

.wheel-of-fortune button {
    background: #EC6624;
	background: radial-gradient(circle,rgba(236, 102, 36, 1) 50%, rgba(0, 0, 0, 1) 100%);   
    border: solid 8px rgba(0,0,0,.75);
    border-radius:100% !important;    
    cursor: pointer;
    font-size: 25px;
    text-align:center;
    width: 100px;
    height: 100px;
    padding:0px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-50px;
    color:#fff;
    font-family:"Staatliches", sans-serif;
    transition:all .3s;
  }
.wheel-of-fortune button:hover{
	transform:scale(1.2);
}  
.wheel-of-fortune::after{
    background-color: #EC6624;
    clip-path: polygon(0 50%, 100% 100%,100% 0);
    content: "";
    width: 40px;
    height: 40px;
    position: absolute;
    place-self: center center;
    top:50%;
    left:100%;
    margin-left:-20px;
    margin-top:-20px;
  }
 .spin-disabled{
	color:#E18456 !important;
	opacity:.9;
	pointer-events: none;	 
} 


.fblink{color:#1877F2 !important}
.ytlink{color:#FF0033 !important}
.tklink{color:#69C9D0 !important}


/*--------------------------------------------- 
/* ORDER PAGE
--------------------------------------------- */
.order-confirmed{font-size:150px;color:var(--orange);margin-right:20px}
.order-confirmed-text h3{font-size:40px;font-weight:700 !important}
.order-confirmed-text .orange{font-size:22px;color:var(--orange);font-weight:700 !important;margin-bottom:10px}
.woocommerce-order-received .woocommerce-order-downloads {display: none !important;}
.order-live-draws{width:100%;background:#feeddd;justify-content: space-between;padding:20px 30px}
.order-live-draws h3 .bx{color:var(--orange);font-size:30px}
.live-draws-text{white-space:pre-wrap;font-size:15px !important;margin:25px 0px}
.live-draw-link{background:var(--orange);color:#fff !important;padding:10px 20px;font-size:16px; font-weight:700}
.live-draw-link:hover{color:#fff !important;}

.order-last-winners{background:#000;justify-content: space-between;color:#fff;margin-top:20px}
.order-last-winners .bx{font-size:22px;color:var(--orange);vertical-align:center}
.order-last-winners h3{font-size:33px;font-weight:700 !important;color:#fff;margin:5px 0px 10px 0px}
.orange-text{color:var(--orange) !important}
.order-last-winners-img{max-width:55%;height:auto;position:relative}
.order-last-winners-img img{width:100%;height:auto;filter: brightness(80%);}
.order-last-winners-img::after{content:" ";display:block;position:absolute;top:0px;left:0px;width:60%;height:100%;background:linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);z-index:999}
.winners-link{background:#fff;color:var(--orange) !important;padding:10px 20px;font-size:16px; font-weight:700;margin-top:50px;display:inline-block;}

.telegram-link{width:100%;height:auto;display:block;margin-top:30px;background:#edf6fd;text-align:center;padding:0px }

/*--------------------------------------------- 
/* MY ACCOUNT
--------------------------------------------- */
.woocommerce-MyAccount-navigation ul{list-style:none}
.woocommerce-MyAccount-navigation ul li{width:100%;background:#ebebeb;padding:12px 15px;margin-bottom:7px;}
.woocommerce-MyAccount-navigation ul li.is-active{background:#ccc}
.woocommerce-MyAccount-navigation ul li:hover{background:var(--orange);color:#fff !important}
.woocommerce-MyAccount-navigation ul li:hover a{width:100%;display:block;color:#fff !important}
.woocommerce-MyAccount-content .col-1{width:100% !important}

.woocommerce-MyAccount-content .woocommerce-Address address{border:solid 1px #ccc !important;padding:15px !important;margin-top:10px}