@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@700&display=swap');
body {
    color: #FFFFFF;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
	background:#e61d2b; background-attachment: fixed; background-size: cover;
	text-align: center;
}

.foglalat 	{max-width: 700px; width: 100%;}
.sticky-top { top: 80px; }
.tooltip {z-index: 9000000;}
.tooltip-inner      {max-width: 350px;	font-size: 11px;	z-index: 9000000;}
a {color: #ffffff;}
.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #CCCCCC!important;
  opacity: 1; /* Firefox */
}
.link 	{color: #000000!important; text-decoration: underline;}
.btn-primary 	{ color: #e61d2b; background: #FFFFFF; border: none;}
.btn-primary disabled 	{ color: #e61d2b; background: #FFFFFF;border: none;}
.tavtarto5 		{height:5px;}
.tavtarto10 		{height:10px;}
.tavtarto15 		{height:15px;}
.tavtarto30 		{height:30px;}
.tavtarto50 		{height:50px;}
.tavtarto100 		{height:100px;}


.nyil 		{margin-top: -30px;z-index: 10; position: relative;}


#szerencsekerek {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
	z-index: 9;

    transform: rotate(0deg);
    transform-origin: center center;

    transition: transform 5s cubic-bezier(
        0.12,
        0.65,
        0.18,
        1
    );
}

#szerencsekerek {
    display: block;
    width: 100%;
    height: auto;

    transform: rotate(0deg);
    transform-origin: 50% 50%;

    transition-property: transform;
    transition-duration: 4s;
    transition-timing-function: cubic-bezier(0.12, 0.65, 0.18, 1);

    will-change: transform;
}




/* Small devices (tablets, 768px and up) */
@media all and (min-width: 100px) and (max-width: 1100px) 
{
	.desktop 				{display:none;}
	.mobiltavtarto			{height:30px;}
	.mobiltavtarto10		{height:10px;}
	
}


@media all and (min-width: 1101px) and (max-width: 5000px) 
{
	.toplogo 				{position: absolute; top: 0px; left: 0px; width: 10%; max-width: 150px;}
	.mobil 					{display:none;}
	
    
}

/*kis laptop*/
@media all and (min-width: 1101px) and (max-width: 1300px) 
{
	.toplogo 			{width: 120px;}
	.topmenuitem 			{color:#FFFFFF!important; text-decoration:none; font-size:12px; font-weight:700; font-family: 'Roboto Condensed', sans-serif;}
	.topaktiv 				{margin-top: -15px; padding-top: 15px; padding-bottom: 15px; background: #FFFFFF; color: #dc0c15!important; padding-left: 5px; padding-right: 5px;}

	
}