@charset "UTF-8";
/* CSS Document */

	
@font-face {
    font-family: MerkurSans-Regular;
    font-display: fallback;
    font-style: normal;
    src: url( "font/Webfonts/EOT/MerkurSans-Regular.eot");
    src: local("MerkurSans-Regular"),local("MerkurSans-Regular"),url( "font/Webfonts/EOT/MerkurSans-Regular.eot") format("embedded-opentype"),url( "font/Webfonts/WOFF2/MerkurSans-Regular.woff2") format("woff2"),url( "font/Webfonts/WOFF/MerkurSans-Regular.woff") format("woff"),url( "font/Webfonts/TTF-WEB/MerkurSans-Regular-web.ttf") format("truetype")
}

@font-face {
    font-family: MerkurSans-Bold;
    font-display: fallback;
    font-style: normal;
    src: url("font/Webfonts/EOT/MerkurSans-Bold.eot");
    src: local("MerkurSans-Bold"),local("MerkurSans-Bold"),url("font/Webfonts/EOT/MerkurSans-Bold.eot") format("embedded-opentype"),url("font/Webfonts/WOFF2/MerkurSans-Bold.woff2") format("woff2"),url("font/Webfonts/WOFF/MerkurSans-Bold.woff") format("woff"),url("font/Webfonts/WOFF/MerkurSans-Bold.woff") format("truetype")
}



		
body {font-family: MerkurSans-Regular, sans-serif; background-color:#022652;  }
#wingedstyle {background-color: #ffffff; background-image:url('images/merkurbets-blue-bg.jpg');  background-repeat: repeat-y; background-size: 100% auto;  padding-bottom:2em;padding-top:2em; width:100%; display:block;min-height: 100vh;}
.bottom-logo {margin: 4rem auto; text-align: center;display:block;}
#bottom-logo-img {width:35% !important; height:auto !important; margin: 0 auto; text-align: center;  }
.separator{display: block; height:2em;}

.additional-info {color: #fff !important;
    font-size: 0.8rem !important;
    text-align: center;
    line-height: 1.2rem;
    padding-top: 1em;}

.my-container h1, .steps h1, .termsconditions h1 {
	font-size: 4.5rem !important;
	line-height: 5rem !important;
	color: #FFCD00;
	text-transform: uppercase;
	text-align: center;
    font-weight: bold !important;
	font-family: MerkurSans-Bold, sans-serif;
}

.my-container h2, .steps h2, .termsconditions h2 {
	font-size: 2rem !important;
	margin-top: -.5em;
	margin-bottom: 1rem;
	line-height: 2.5rem !important;
	color: #fff;
	text-align: center;
	font-family: MerkurSans-Bold, sans-serif;
}
	
.my-container h3 {
	margin-top: 4rem !important;
	font-size: 2rem !important;
	line-height: 2rem !important;
	color: #0B0B0B;
	text-transform: uppercase;
	font-family: MerkurSans-Regular, sans-serif;
}

.my-container h4 {
	margin-top: 1.5rem !important;
	font-size: 1.5rem !important;
	line-height: 2rem !important;
	color: #0B0B0B;
	text-transform: uppercase;
	font-family: MerkurSans-Regular, sans-serif;
}
	
.my-container p, .steps p, .winget p {
	color: #fff !important;
	font-size: 1.2rem !important;
	text-align: center;
	line-height: 2rem;
}

.my-container lptext {
	color: #fff !important;
	display:block;
	font-size: 1.5rem;
	text-align: center;
	line-height: 2rem;
	padding-top: 1em;
}



/* - - - BUTTON - - - */

.buttonanimation {
	-webkit-animation: breathing 3s ease-out infinite normal;
    animation: breathing 3s ease-out infinite normal;
	-webkit-font-smoothing: antialiased;
	transition: transform calc(var(--transition-delta) * 0.2s) cubic-bezier(0.33,1,0.68,1);
	margin-bottom: 2rem; margin-top: 2rem;
}
	
.winget .button {
   
	position: relative;
	display:block;
	margin:0 auto;
	width:250px;
    background-color: #FFCD00;
    border: none;
    color: #022652;
    padding: 18px 18px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem !important;
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 1) !important;
	border-radius: 12px;
    cursor: pointer;
    margin-bottom: 1.5rem;
	font-family: MerkurSans-Bold, sans-serif;

}

.winget .button-en {
   
	position: relative;
	display:block;
	margin:0 auto;
	width:285px;
    background-color: #FFCD00;
    border: none;
    color: #022652;
    padding: 18px 18px;
    text-align: center;
    text-decoration: none;
    font-size: 1.5rem !important;
	box-shadow: 2px 3px 10px rgba(0, 0, 0, 1) !important;
	border-radius: 12px;
    cursor: pointer;
    margin-bottom: 1.5rem;
	font-family: MerkurSans-Bold, sans-serif;

}


	
.page-container {
    max-width: 100% !important;
    padding: 0 !important;
}



/* - - - - - FONT AWESOME - - - - - */

.fa-3x {
    --fa-beat-scale: 1.1;
    --fa-animation-duration: 2s;
    color: #FFCD00;
    padding: 1rem;
}

.fastyle {
   padding-left: 1rem; vertical-align: text-bottom;
}


	
.winget .my-container {
    width: 100%;
    padding: 15px;
    max-width: 60vw;
    margin: 0 auto;
	text-align: center;
}



/* - - - - - VISIBLE & HIDE - - - - - */

.hide {
    display:none !important;
}

.visible-xs {
    display: none;
}

/* - - - - - ANIMATION - - - - - */
	
@-webkit-keyframes breathing {
  0% {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
  }

  25% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
  }

  100% {
    -webkit-transform: scale(0.92);
    transform: scale(0.92);
  }
}

@keyframes breathing {
  0% {
    -webkit-transform: scale(0.92);
    -ms-transform: scale(0.92);
    transform: scale(0.92);
  }

  25% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  60% {
    -webkit-transform: scale(0.92);
    -ms-transform: scale(0.92);
    transform: scale(0.92);
  }

  100% {
    -webkit-transform: scale(0.92);
    -ms-transform: scale(0.92);
    transform: scale(0.92);
  }
}

@media (max-width: 1600px) {
    .winget .my-container {
        margin: 0 auto;
        max-width: 85vw;
    }
 }
@media only screen and (max-width: 1024px) {
    .winget .my-container {
        margin: 0 auto;
        max-width: 52vw;
    }

	
}

@media (max-width: 1024px) {
    .hidden-xs {
        display: none;
    }
    .visible-xs {
        display: block;
    }
	.winget .my-container {
		max-width: 95%;
	}

}

@media (max-width: 768px) {
    .hidden-xs {
        display: none;
    }
    .visible-xs {
        display: block;
    }
	.winget .my-container {
		max-width: 95%;
	}
}

@media (max-width: 480px) {

	
	
/* - - - TERMS MARKER PSEUDONYM- - - */

.my-container h1 {
	font-size: 1.9rem !important;
	line-height: 2rem !important; 
	margin-top: 1rem !important;
	margin-bottom: 2rem !important;
	color: #FFCD00;
	text-transform: uppercase;
	text-align: center;
    font-weight: bold !important;
}

.my-container h2  {
	font-size: 1.2rem !important;
	margin-top: 0em;
	margin-bottom: 1rem;
	line-height: 1.5rem !important;
	color: #fff;
	text-align: center;
}

.my-container h3 {
	margin-top: 4rem !important;
	font-size:  1.75rem !important;
	line-height: 2rem !important;
	color: #fff;
	text-transform: uppercase;
}

.my-container lptext {
	color: #fff !important;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.5rem;
	
}


	
	.winget .button {
		
		width: 58%;
        font-size: 1.2rem !important;
		max-width: 62%;
	}
	
	.winget .button-en {
		
		width: 63%;
    	font-size: 1.2rem !important;
   		 max-width: 60%;
		padding: 18px 15px;
	}
	
	
	.buttonpromotions {
		width: 100%;
        font-size: 1rem !important;
	}

	.steps {
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        width: 100%;
    }

    .steps p.steps-heading {
        font-size: 15px;
        color: #0B0B0B;
        margin-left: 0;
        margin-top: 5px;
        margin-bottom: 25px;
    }

    .step-items {
        width: 100%;
    }

    .step-item {
        padding-top: 25px;
        margin-bottom: 25px;
    }

    .step-item:before {
        top: -15px;
        left: 50%;
        width: 30px;
        height: 30px;
        margin-left: -15px;
        font-size: 15px;
        line-height: 1.15;
        padding-top: 5px;
    }

    .freebet .step-item h2 {
        margin-bottom: 3px;
    }

    .freebet .step-item p {
        display: block;
    }
	.additional-info {color: #fff !important;
    font-size: 0.8rem !important;
    text-align: center;
    line-height: 1.2rem;
    padding-top: 1em;}
	
	#bottom-logo-img {width:70% !important; height:auto !important; margin: 0 auto; text-align: center;  }

}